@5minds/processcube_app_sdk 6.1.0-develop-8df61e-lz6kxs15 → 6.1.0-develop-92e8a8-lzd4j57k

package/build/client/components/DynamicUi/FormFields/CustomFormField.d.ts

@@ -0,0 +1,2 @@
+import { DynamicUiComponentProps, DynamicUiFormFieldRef } from '../DynamicUi';
+export declare function CustomFormField({ formField, state }: DynamicUiComponentProps<string | null>, ref: DynamicUiFormFieldRef): import("react/jsx-runtime").JSX.Element;

package/build/client/components/DynamicUi/FormFields/index.d.ts

@@ -33,3 +33,4 @@ export { StringFormField } from './StringFormField';
 export { ParagraphFormField } from './ParagraphFormField';
 export { HeaderFormField } from './HeaderFormField';
 export { ConfirmFormField } from './ConfirmFormField';
+export { CustomFormField } from './CustomFormField';

package/build/client/index.cjs

@@ -1,18 +1,18 @@
-"use client";var vo=Object.create;var J=Object.defineProperty;var bo=Object.getOwnPropertyDescriptor;var wo=Object.getOwnPropertyNames;var Fo=Object.getPrototypeOf,xo=Object.prototype.hasOwnProperty;var No=(e,o)=>{for(var t in o)J(e,t,{get:o[t],enumerable:!0})},Ee=(e,o,t,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of wo(o))!xo.call(e,s)&&s!==t&&J(e,s,{get:()=>o[s],enumerable:!(r=bo(o,s))||r.enumerable});return e};var d=(e,o,t)=>(t=e!=null?vo(Fo(e)):{},Ee(o||!e||!e.__esModule?J(t,"default",{value:e,enumerable:!0}):t,e)),Co=e=>Ee(J({},"__esModule",{value:!0}),e);var $o={};No($o,{BPMNViewer:()=>$,BPMNViewerNextJS:()=>Do,BooleanFormField:()=>Y,BpmnViewerComponent:()=>Ce,ConfirmFormField:()=>K,DateFormField:()=>Q,DecimalFormField:()=>oe,DiagramDocumentationInspector:()=>Je,DiagramDocumentationInspectorNextJS:()=>_o,DocumentationViewer:()=>X,DropdownMenu:()=>Lo,DropdownMenuItem:()=>Uo,DynamicLink:()=>Oo,DynamicUi:()=>Bo,DynamicUiComponent:()=>Me,EnumFormField:()=>te,FlowNode:()=>Z,FormFieldComponentMap:()=>De,HeaderFormField:()=>re,IntegerFormField:()=>ne,ParagraphFormField:()=>ie,SplitterLayout:()=>R,StringFormField:()=>de});module.exports=Co($o);var Ir=require("client-only");var Te=d(require("bpmn-js/lib/Viewer"),1),_e=d(require("clsx"),1),Le=d(require("diagram-js/lib/features/selection"),1),Ue=d(require("diagram-js/lib/navigation/movecanvas"),1),Oe=d(require("diagram-js/lib/navigation/zoomscroll"),1),ze=d(require("next/dynamic"),1),M=require("react"),me=d(require("react"),1);function So(e,o){let t=(0,M.useRef)(null),r=(0,M.useRef)(new Te.default({bpmnRenderer:{defaultFillColor:"var(--asdk-bv-background-color)",defaultStrokeColor:"var(--asdk-bv-foreground-color)"},additionalModules:[Oe.default,Ue.default,Le.default]}));return(0,M.useImperativeHandle)(o,()=>({getOverlays(){return r.current.get("overlays")},getElementRegistry(){return r.current.get("elementRegistry")}}),[]),(0,M.useEffect)(()=>{if(!t.current)return;let s=r.current;s.attachTo(t.current);let n=s.get("canvas"),a=i=>{e.onSelectionChanged?.(i.newSelection)};return s.importXML(e.xml).then(()=>{let i=n.viewbox(),m={x:i.outer.width/2,y:i.outer.height/2};n.zoom("fit-viewport",m),e.onImportDone?.(),s.on("selection.changed",a);let{preselectedElementIds:l}=e;if(!l||l.length===0)return;let f=s.get("elementRegistry").filter(F=>l.includes(F.id)).sort((F,C)=>l.indexOf(F.id)-l.indexOf(C.id));s.get("selection").select(f??[])}).catch(i=>{console.error(`[@5minds/processcube_app_sdk:BPMNViewer]		Error while importing BPMN XML: "${i.message}`)}),()=>{s.off("selection.changed",a),s.detach()}},[e.xml,e.preselectedElementIds]),me.default.createElement("div",{ref:t,className:(0,_e.default)("app-sdk-bpmn-viewer","app-sdk-h-full",e.className)})}var $=(0,M.forwardRef)(So);function Io(e){return me.default.createElement($,{...e,ref:e.viewerRef})}var Do=(0,ze.default)(()=>Promise.resolve(Io),{ssr:!1});var W=require("bpmn-js/lib/util/ModelUtil"),Ge=d(require("next/dynamic"),1),S=require("react"),E=d(require("react"),1);var ue=d(require("react"),1),Ae=d(require("react-markdown"),1),Be=d(require("rehype-autolink-headings"),1),Ve=d(require("rehype-raw"),1),Re=d(require("rehype-slug"),1),je=d(require("remark-gfm"),1);function X(e){return ue.default.createElement("div",{className:"app-sdk-absolute app-sdk-w-full app-sdk-h-full app-sdk-overflow-y-auto app-sdk-scroll-p-4 app-sdk-scroll-smooth app-sdk-scroll-shadow"},ue.default.createElement(Ae.default,{remarkPlugins:[je.default],rehypePlugins:[Ve.default,Re.default,[Be.default,{behavior:"wrap"}]],className:"app-sdk-markdown lg:app-sdk-mx-40 md:app-sdk-mx-20 app-sdk-mx-10"},e.documentation??""))}var P=d(require("react"),1),He=4,R=class extends P.default.Component{static defaultProps={customClassName:"",vertical:!1,percentage:!1,primaryIndex:0,primaryMinSize:0,secondaryDefaultSize:null,secondaryInitialSize:null,secondaryMinSize:0,onDragStart:null,onDragEnd:null,onSizeChanged:null,children:[]};container;splitter;constructor(o){super(o),this.handleResize=this.handleResize.bind(this),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.handleTouchMove=this.handleTouchMove.bind(this),this.handleSplitterMouseDown=this.handleSplitterMouseDown.bind(this),this.handleSplitterDoubleClick=this.handleSplitterDoubleClick.bind(this),this.state={lastMouseDown:0,secondaryPaneSize:o.secondaryInitialSize||0,resizing:!1}}componentDidMount(){window.addEventListener("resize",this.handleResize),document.addEventListener("mouseup",this.handleMouseUp),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("touchend",this.handleMouseUp),document.addEventListener("touchmove",this.handleTouchMove),document.addEventListener("dblclick",this.handleSplitterDoubleClick);let o;if(this.props.secondaryInitialSize)o=this.props.secondaryInitialSize;else{let t=this.container.getBoundingClientRect(),r;this.splitter?r=this.splitter.getBoundingClientRect():r={width:He,height:He},o=this.getSecondaryPaneSize(t,r,{left:t.left+(t.width-r.width)/2,top:t.top+(t.height-r.height)/2},!1)}this.setSecondaryPaneSize(o)}componentDidUpdate(o,t){t.secondaryPaneSize!==this.state.secondaryPaneSize&&this.props.onSizeChanged&&this.props.onSizeChanged(this.state.secondaryPaneSize),t.resizing!==this.state.resizing&&(this.state.resizing?this.props.onDragStart&&this.props.onDragStart(t.secondaryPaneSize):this.props.onDragEnd&&this.props.onDragEnd(t.secondaryPaneSize,this.state.secondaryPaneSize))}componentWillUnmount(){window.removeEventListener("resize",this.handleResize),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("touchend",this.handleMouseUp),document.removeEventListener("touchmove",this.handleTouchMove),document.removeEventListener("dblclick",this.handleSplitterDoubleClick)}clearSelection(){if(document.body.createTextRange){let o=document.body.createTextRange();o.collapse(),o.select()}else if(window.getSelection){let o=window.getSelection();if(o==null)return;o.empty?o.empty():o.removeAllRanges&&o.removeAllRanges()}else document.selection&&document.selection.empty()}getSecondaryPaneSize(o,t,r,s){let n=0,a=0,i=0;this.props.vertical?(n=o.height,a=t.height,i=r.top-o.top):(n=o.width,a=t.width,i=r.left-o.left),s&&(i-=a/2),i<0?i=0:i>n-a&&(i=n-a);let m;this.props.primaryIndex===1?m=i:m=n-a-i;let l=n-a-m;return this.props.percentage&&(m=m*100/n,l=l*100/n,a=a*100/n,n=100),l<this.props.primaryMinSize?m=Math.max(m-(this.props.primaryMinSize-l),0):m<this.props.secondaryMinSize&&(m=Math.min(n-a-this.props.primaryMinSize,this.props.secondaryMinSize)),m}setSecondaryPaneSize(o){this.setState({secondaryPaneSize:o})}maximizeSecondaryPane(){if(this.props.percentage)this.setSecondaryPaneSize(100-this.props.primaryMinSize);else throw new Error("maximizeSecondaryPane() is only supported in SplitterLayout with prop `percentage`")}isReset(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;return this.state.secondaryPaneSize===o}reset(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.setSecondaryPaneSize(o)}handleResize(){if(this.splitter&&!this.props.percentage){let o=this.container.getBoundingClientRect(),t=this.splitter.getBoundingClientRect(),r=this.getSecondaryPaneSize(o,t,{left:t.left,top:t.top},!1);this.setState({secondaryPaneSize:r})}}handleMouseMove(o){if(this.state.resizing){let t=this.container.getBoundingClientRect(),r=this.splitter.getBoundingClientRect(),s=this.getSecondaryPaneSize(t,r,{left:o.clientX,top:o.clientY},!0);this.clearSelection(),this.setState({secondaryPaneSize:s})}}handleTouchMove(o){this.handleMouseMove(o.changedTouches[0])}handleSplitterMouseDown(o){o.preventDefault(),this.clearSelection(),this.setState({resizing:!0})}handleSplitterDoubleClick(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.state.secondaryPaneSize===o?this.setSecondaryPaneSize(Math.floor(o*1.5)):this.setSecondaryPaneSize(o)}handleMouseUp(){this.setState(o=>o.resizing?{resizing:!1}:null)}render(){let o="app-sdk-splitter-layout";this.props.customClassName&&(o+=` ${this.props.customClassName}`),this.props.vertical&&(o+=" app-sdk-splitter-layout-vertical"),this.state.resizing&&(o+=" layout-changing");let t=P.default.Children.toArray(this.props.children).slice(0,2);t.length===0&&t.push(P.default.createElement("div",null));let r=[],s=this.props.primaryIndex!==0&&this.props.primaryIndex!==1?0:this.props.primaryIndex;for(let n=0;n<t.length;++n){let a=!0,i;t.length>1&&n!==s&&(a=!1,i=this.state.secondaryPaneSize),r.push(P.default.createElement(Mo,{vertical:this.props.vertical,percentage:this.props.percentage,primary:a,size:i},t[n]))}return P.default.createElement("div",{className:o,ref:n=>{this.container=n}},r[0],r.length>1&&P.default.createElement("div",{role:"separator",className:"app-sdk-layout-splitter"},P.default.createElement("div",{className:"app-sdk-layout-splitter__inner",ref:n=>{this.splitter=n},onMouseDown:this.handleSplitterMouseDown,onTouchStart:this.handleSplitterMouseDown})),r.length>1&&r[1])}};function Mo(e={vertical:!1,primary:!1,size:0,percentage:!1,children:[]}){let o=e.size||0,t=e.percentage?"%":"px",r="app-sdk-layout-pane",s={};return e.primary?r+=" app-sdk-layout-pane-primary":e.vertical?s.height=`${o}${t}`:s.width=`${o}${t}`,P.default.createElement("div",{className:r,style:s},e.children)}var j=30;function Je(e){let o=(0,S.useRef)(null),t=(0,S.useRef)(null),[r,s]=(0,S.useState)([]),[n,a]=(0,S.useState)(!1),[i,m]=(0,S.useState)([]),[l,c]=(0,S.useState)(j);return(0,S.useEffect)(()=>{if(!window)return;let f=new URLSearchParams(window.location.search),F=f.getAll("selected");if(m(F),!f.has("splitterSize"))return;let C=parseFloat(f.get("splitterSize"));isNaN(C)||C===j||(c(C),t.current?.setSecondaryPaneSize(C))},[]),(0,S.useEffect)(()=>{if(!n)return;let f=new URLSearchParams(window.location.search);l!==j?f.set("splitterSize",l.toString()):f.delete("splitterSize"),f.delete("selected"),r.length>0&&r.forEach(k=>f.append("selected",k.id));let F=decodeURIComponent(window.location.hash.slice(1)),C=F.length>0?document.getElementById(F):null;window.history.replaceState(null,"",`?${f.toString()}${C?window.location.hash:""}`),window.location.hash&&(window.location.hash=window.location.hash),C?.scrollIntoView()},[r,l]),(0,S.useEffect)(()=>{let f=o.current?.getOverlays();o.current?.getElementRegistry()?.filter($e)?.forEach(k=>{let g=To(k);f?.add(k.id,{position:g,html:'<div title="This element has documentation" class="app-sdk-bg-[color:var(--asdk-ddi-background-color)] app-sdk-p-[2px] app-sdk-rounded-s"><svg xmlns="http://www.w3.org/2000/svg" height=17 viewBox="0 0 448 512"><!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M64 0C28.7 0 0 28.7 0 64L0 448l0 0c0 35.3 28.7 64 64 64H432c8.8 0 16-7.2 16-16s-7.2-16-16-16H416V413.3c18.6-6.6 32-24.4 32-45.3V48c0-26.5-21.5-48-48-48H64zM384 416v64H64c-17.7 0-32-14.3-32-32s14.3-32 32-32H384zM64 384c-11.7 0-22.6 3.1-32 8.6L32 64c0-17.7 14.3-32 32-32H96V384H64zm64 0V32H400c8.8 0 16 7.2 16 16V368c0 8.8-7.2 16-16 16H128zm48-240c0 8.8 7.2 16 16 16H352c8.8 0 16-7.2 16-16s-7.2-16-16-16H192c-8.8 0-16 7.2-16 16zm0 96c0 8.8 7.2 16 16 16H352c8.8 0 16-7.2 16-16s-7.2-16-16-16H192c-8.8 0-16 7.2-16 16z"/></svg></div>'})})},[n]),E.default.createElement(R,{ref:t,vertical:!0,percentage:!0,secondaryInitialSize:j,secondaryDefaultSize:j,onDragEnd:(f,F)=>c(Math.round(F))},E.default.createElement($,{ref:o,xml:e.xml,preselectedElementIds:i,onSelectionChanged:f=>s([...f]),onImportDone:()=>a(!0)}),E.default.createElement("div",{className:"app-sdk-flex app-sdk-justify-center app-sdk-h-full app-sdk-bg-[color:var(--asdk-ddi-background-color)]"},E.default.createElement(Po,{elements:r})))}function Po({elements:e}){if(e.length===0)return E.default.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"Please select an element");let o=e.filter($e);if(o.length===0)return E.default.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"No documentation available");if(o.length===1){let t=(0,W.getBusinessObject)(o[0])?.documentation?.[0]?.text;return E.default.createElement(X,{documentation:t})}return E.default.createElement(X,{documentation:o.map(t=>(0,W.getBusinessObject)(t)?.documentation?.[0]?.text).join(`
+"use client";var wo=Object.create;var J=Object.defineProperty;var Fo=Object.getOwnPropertyDescriptor;var xo=Object.getOwnPropertyNames;var No=Object.getPrototypeOf,Co=Object.prototype.hasOwnProperty;var So=(e,o)=>{for(var t in o)J(e,t,{get:o[t],enumerable:!0})},_e=(e,o,t,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of xo(o))!Co.call(e,a)&&a!==t&&J(e,a,{get:()=>o[a],enumerable:!(r=Fo(o,a))||r.enumerable});return e};var d=(e,o,t)=>(t=e!=null?wo(No(e)):{},_e(o||!e||!e.__esModule?J(t,"default",{value:e,enumerable:!0}):t,e)),Io=e=>_e(J({},"__esModule",{value:!0}),e);var Wo={};So(Wo,{BPMNViewer:()=>X,BPMNViewerNextJS:()=>Po,BooleanFormField:()=>K,BpmnViewerComponent:()=>Ie,ConfirmFormField:()=>Q,CustomFormField:()=>ee,DateFormField:()=>oe,DecimalFormField:()=>re,DiagramDocumentationInspector:()=>Xe,DiagramDocumentationInspectorNextJS:()=>Lo,DocumentationViewer:()=>W,DropdownMenu:()=>Oo,DropdownMenuItem:()=>zo,DynamicLink:()=>Ao,DynamicUi:()=>Ro,DynamicUiComponent:()=>Ee,EnumFormField:()=>ne,FlowNode:()=>q,FormFieldComponentMap:()=>Pe,HeaderFormField:()=>ae,IntegerFormField:()=>se,ParagraphFormField:()=>pe,SplitterLayout:()=>j,StringFormField:()=>le});module.exports=Io(Wo);var _r=require("client-only");var Ue=d(require("bpmn-js/lib/Viewer"),1),Le=d(require("clsx"),1),Oe=d(require("diagram-js/lib/features/selection"),1),ze=d(require("diagram-js/lib/navigation/movecanvas"),1),Ae=d(require("diagram-js/lib/navigation/zoomscroll"),1),Ve=d(require("next/dynamic"),1),M=require("react"),fe=d(require("react"),1);function Do(e,o){let t=(0,M.useRef)(null),r=(0,M.useRef)(new Ue.default({bpmnRenderer:{defaultFillColor:"var(--asdk-bv-background-color)",defaultStrokeColor:"var(--asdk-bv-foreground-color)"},additionalModules:[Ae.default,ze.default,Oe.default]}));return(0,M.useImperativeHandle)(o,()=>({getOverlays(){return r.current.get("overlays")},getElementRegistry(){return r.current.get("elementRegistry")}}),[]),(0,M.useEffect)(()=>{if(!t.current)return;let a=r.current;a.attachTo(t.current);let n=a.get("canvas"),s=i=>{e.onSelectionChanged?.(i.newSelection)};return a.importXML(e.xml).then(()=>{let i=n.viewbox(),l={x:i.outer.width/2,y:i.outer.height/2};n.zoom("fit-viewport",l),e.onImportDone?.(),a.on("selection.changed",s);let{preselectedElementIds:c}=e;if(!c||c.length===0)return;let f=a.get("elementRegistry").filter(F=>c.includes(F.id)).sort((F,C)=>c.indexOf(F.id)-c.indexOf(C.id));a.get("selection").select(f??[])}).catch(i=>{console.error(`[@5minds/processcube_app_sdk:BPMNViewer]		Error while importing BPMN XML: "${i.message}`)}),()=>{a.off("selection.changed",s),a.detach()}},[e.xml,e.preselectedElementIds]),fe.default.createElement("div",{ref:t,className:(0,Le.default)("app-sdk-bpmn-viewer","app-sdk-h-full",e.className)})}var X=(0,M.forwardRef)(Do);function Mo(e){return fe.default.createElement(X,{...e,ref:e.viewerRef})}var Po=(0,Ve.default)(()=>Promise.resolve(Mo),{ssr:!1});var Z=require("bpmn-js/lib/util/ModelUtil"),Je=d(require("next/dynamic"),1),S=require("react"),E=d(require("react"),1);var ke=d(require("react"),1),Be=d(require("react-markdown"),1),Re=d(require("rehype-autolink-headings"),1),je=d(require("rehype-raw"),1),Ge=d(require("rehype-slug"),1),He=d(require("remark-gfm"),1);function W(e){return ke.default.createElement("div",{className:"app-sdk-absolute app-sdk-w-full app-sdk-h-full app-sdk-overflow-y-auto app-sdk-scroll-p-4 app-sdk-scroll-smooth app-sdk-scroll-shadow"},ke.default.createElement(Be.default,{remarkPlugins:[He.default],rehypePlugins:[je.default,Ge.default,[Re.default,{behavior:"wrap"}]],className:"app-sdk-markdown lg:app-sdk-mx-40 md:app-sdk-mx-20 app-sdk-mx-10"},e.documentation??""))}var P=d(require("react"),1),$e=4,j=class extends P.default.Component{static defaultProps={customClassName:"",vertical:!1,percentage:!1,primaryIndex:0,primaryMinSize:0,secondaryDefaultSize:null,secondaryInitialSize:null,secondaryMinSize:0,onDragStart:null,onDragEnd:null,onSizeChanged:null,children:[]};container;splitter;constructor(o){super(o),this.handleResize=this.handleResize.bind(this),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.handleTouchMove=this.handleTouchMove.bind(this),this.handleSplitterMouseDown=this.handleSplitterMouseDown.bind(this),this.handleSplitterDoubleClick=this.handleSplitterDoubleClick.bind(this),this.state={lastMouseDown:0,secondaryPaneSize:o.secondaryInitialSize||0,resizing:!1}}componentDidMount(){window.addEventListener("resize",this.handleResize),document.addEventListener("mouseup",this.handleMouseUp),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("touchend",this.handleMouseUp),document.addEventListener("touchmove",this.handleTouchMove),document.addEventListener("dblclick",this.handleSplitterDoubleClick);let o;if(this.props.secondaryInitialSize)o=this.props.secondaryInitialSize;else{let t=this.container.getBoundingClientRect(),r;this.splitter?r=this.splitter.getBoundingClientRect():r={width:$e,height:$e},o=this.getSecondaryPaneSize(t,r,{left:t.left+(t.width-r.width)/2,top:t.top+(t.height-r.height)/2},!1)}this.setSecondaryPaneSize(o)}componentDidUpdate(o,t){t.secondaryPaneSize!==this.state.secondaryPaneSize&&this.props.onSizeChanged&&this.props.onSizeChanged(this.state.secondaryPaneSize),t.resizing!==this.state.resizing&&(this.state.resizing?this.props.onDragStart&&this.props.onDragStart(t.secondaryPaneSize):this.props.onDragEnd&&this.props.onDragEnd(t.secondaryPaneSize,this.state.secondaryPaneSize))}componentWillUnmount(){window.removeEventListener("resize",this.handleResize),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("touchend",this.handleMouseUp),document.removeEventListener("touchmove",this.handleTouchMove),document.removeEventListener("dblclick",this.handleSplitterDoubleClick)}clearSelection(){if(document.body.createTextRange){let o=document.body.createTextRange();o.collapse(),o.select()}else if(window.getSelection){let o=window.getSelection();if(o==null)return;o.empty?o.empty():o.removeAllRanges&&o.removeAllRanges()}else document.selection&&document.selection.empty()}getSecondaryPaneSize(o,t,r,a){let n=0,s=0,i=0;this.props.vertical?(n=o.height,s=t.height,i=r.top-o.top):(n=o.width,s=t.width,i=r.left-o.left),a&&(i-=s/2),i<0?i=0:i>n-s&&(i=n-s);let l;this.props.primaryIndex===1?l=i:l=n-s-i;let c=n-s-l;return this.props.percentage&&(l=l*100/n,c=c*100/n,s=s*100/n,n=100),c<this.props.primaryMinSize?l=Math.max(l-(this.props.primaryMinSize-c),0):l<this.props.secondaryMinSize&&(l=Math.min(n-s-this.props.primaryMinSize,this.props.secondaryMinSize)),l}setSecondaryPaneSize(o){this.setState({secondaryPaneSize:o})}maximizeSecondaryPane(){if(this.props.percentage)this.setSecondaryPaneSize(100-this.props.primaryMinSize);else throw new Error("maximizeSecondaryPane() is only supported in SplitterLayout with prop `percentage`")}isReset(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;return this.state.secondaryPaneSize===o}reset(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.setSecondaryPaneSize(o)}handleResize(){if(this.splitter&&!this.props.percentage){let o=this.container.getBoundingClientRect(),t=this.splitter.getBoundingClientRect(),r=this.getSecondaryPaneSize(o,t,{left:t.left,top:t.top},!1);this.setState({secondaryPaneSize:r})}}handleMouseMove(o){if(this.state.resizing){let t=this.container.getBoundingClientRect(),r=this.splitter.getBoundingClientRect(),a=this.getSecondaryPaneSize(t,r,{left:o.clientX,top:o.clientY},!0);this.clearSelection(),this.setState({secondaryPaneSize:a})}}handleTouchMove(o){this.handleMouseMove(o.changedTouches[0])}handleSplitterMouseDown(o){o.preventDefault(),this.clearSelection(),this.setState({resizing:!0})}handleSplitterDoubleClick(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.state.secondaryPaneSize===o?this.setSecondaryPaneSize(Math.floor(o*1.5)):this.setSecondaryPaneSize(o)}handleMouseUp(){this.setState(o=>o.resizing?{resizing:!1}:null)}render(){let o="app-sdk-splitter-layout";this.props.customClassName&&(o+=` ${this.props.customClassName}`),this.props.vertical&&(o+=" app-sdk-splitter-layout-vertical"),this.state.resizing&&(o+=" layout-changing");let t=P.default.Children.toArray(this.props.children).slice(0,2);t.length===0&&t.push(P.default.createElement("div",null));let r=[],a=this.props.primaryIndex!==0&&this.props.primaryIndex!==1?0:this.props.primaryIndex;for(let n=0;n<t.length;++n){let s=!0,i;t.length>1&&n!==a&&(s=!1,i=this.state.secondaryPaneSize),r.push(P.default.createElement(Eo,{vertical:this.props.vertical,percentage:this.props.percentage,primary:s,size:i},t[n]))}return P.default.createElement("div",{className:o,ref:n=>{this.container=n}},r[0],r.length>1&&P.default.createElement("div",{role:"separator",className:"app-sdk-layout-splitter"},P.default.createElement("div",{className:"app-sdk-layout-splitter__inner",ref:n=>{this.splitter=n},onMouseDown:this.handleSplitterMouseDown,onTouchStart:this.handleSplitterMouseDown})),r.length>1&&r[1])}};function Eo(e={vertical:!1,primary:!1,size:0,percentage:!1,children:[]}){let o=e.size||0,t=e.percentage?"%":"px",r="app-sdk-layout-pane",a={};return e.primary?r+=" app-sdk-layout-pane-primary":e.vertical?a.height=`${o}${t}`:a.width=`${o}${t}`,P.default.createElement("div",{className:r,style:a},e.children)}var G=30;function Xe(e){let o=(0,S.useRef)(null),t=(0,S.useRef)(null),[r,a]=(0,S.useState)([]),[n,s]=(0,S.useState)(!1),[i,l]=(0,S.useState)([]),[c,m]=(0,S.useState)(G);return(0,S.useEffect)(()=>{if(!window)return;let f=new URLSearchParams(window.location.search),F=f.getAll("selected");if(l(F),!f.has("splitterSize"))return;let C=parseFloat(f.get("splitterSize"));isNaN(C)||C===G||(m(C),t.current?.setSecondaryPaneSize(C))},[]),(0,S.useEffect)(()=>{if(!n)return;let f=new URLSearchParams(window.location.search);c!==G?f.set("splitterSize",c.toString()):f.delete("splitterSize"),f.delete("selected"),r.length>0&&r.forEach(k=>f.append("selected",k.id));let F=decodeURIComponent(window.location.hash.slice(1)),C=F.length>0?document.getElementById(F):null;window.history.replaceState(null,"",`?${f.toString()}${C?window.location.hash:""}`),window.location.hash&&(window.location.hash=window.location.hash),C?.scrollIntoView()},[r,c]),(0,S.useEffect)(()=>{let f=o.current?.getOverlays();o.current?.getElementRegistry()?.filter(We)?.forEach(k=>{let g=Uo(k);f?.add(k.id,{position:g,html:'<div title="This element has documentation" class="app-sdk-bg-[color:var(--asdk-ddi-background-color)] app-sdk-p-[2px] app-sdk-rounded-s"><svg xmlns="http://www.w3.org/2000/svg" height=17 viewBox="0 0 448 512"><!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M64 0C28.7 0 0 28.7 0 64L0 448l0 0c0 35.3 28.7 64 64 64H432c8.8 0 16-7.2 16-16s-7.2-16-16-16H416V413.3c18.6-6.6 32-24.4 32-45.3V48c0-26.5-21.5-48-48-48H64zM384 416v64H64c-17.7 0-32-14.3-32-32s14.3-32 32-32H384zM64 384c-11.7 0-22.6 3.1-32 8.6L32 64c0-17.7 14.3-32 32-32H96V384H64zm64 0V32H400c8.8 0 16 7.2 16 16V368c0 8.8-7.2 16-16 16H128zm48-240c0 8.8 7.2 16 16 16H352c8.8 0 16-7.2 16-16s-7.2-16-16-16H192c-8.8 0-16 7.2-16 16zm0 96c0 8.8 7.2 16 16 16H352c8.8 0 16-7.2 16-16s-7.2-16-16-16H192c-8.8 0-16 7.2-16 16z"/></svg></div>'})})},[n]),E.default.createElement(j,{ref:t,vertical:!0,percentage:!0,secondaryInitialSize:G,secondaryDefaultSize:G,onDragEnd:(f,F)=>m(Math.round(F))},E.default.createElement(X,{ref:o,xml:e.xml,preselectedElementIds:i,onSelectionChanged:f=>a([...f]),onImportDone:()=>s(!0)}),E.default.createElement("div",{className:"app-sdk-flex app-sdk-justify-center app-sdk-h-full app-sdk-bg-[color:var(--asdk-ddi-background-color)]"},E.default.createElement(To,{elements:r})))}function To({elements:e}){if(e.length===0)return E.default.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"Please select an element");let o=e.filter(We);if(o.length===0)return E.default.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"No documentation available");if(o.length===1){let t=(0,Z.getBusinessObject)(o[0])?.documentation?.[0]?.text;return E.default.createElement(W,{documentation:t})}return E.default.createElement(W,{documentation:o.map(t=>(0,Z.getBusinessObject)(t)?.documentation?.[0]?.text).join(`
 
 <hr />
 
-`)})}var Eo=["bpmn:DataInputAssociation","bpmn:DataOutputAssociation","bpmn:SequenceFlow","label"],H={DEFAULT:{top:3,right:22},PARTICIPANT:{top:3,left:3},ANNOTATION:{bottom:10,left:10},GATEWAY:{bottom:17,right:17},OTHER:{bottom:12,right:12}},To=e=>e.type.endsWith("Task")||e.type==="bpmn:CallActivity"||e.type==="bpmn:Collaboration"||e.type==="bpmn:Group"||e.type==="bpmn:Lane"||e.type==="bpmn:SubProcess"?H.DEFAULT:e.type==="bpmn:Participant"?H.PARTICIPANT:e.type.endsWith("Gateway")?H.GATEWAY:e.type==="bpmn:TextAnnotation"?H.ANNOTATION:H.OTHER,$e=e=>{if(Eo.includes(e.type))return!1;let t=(0,W.getBusinessObject)(e)?.documentation?.[0]?.text;return t!=null&&t.trim()!==""},_o=(0,Ge.default)(()=>Promise.resolve(Je),{ssr:!1});var _=require("@headlessui/react"),x=d(require("react"),1);function N(...e){return e.filter(Boolean).join(" ")}function Lo(e){return x.default.createElement(_.Menu,{as:"div",className:"app-sdk-default-styles app-sdk-relative app-sdk-inline-block app-sdk-text-left"},x.default.createElement("div",null,x.default.createElement(_.Menu.Button,{className:"app-sdk-cursor-pointer app-sdk-bg-transparent app-sdk-p-0 app-sdk-text-[100%] app-sdk-flex app-sdk-items-center app-sdk-rounded-full app-sdk-text-[color:var(--asdk-ddm-icon-text-color)] hover:app-sdk-text-[color:var(--asdk-ddm-icon-text-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-ddm-focus-color)]  "},x.default.createElement("span",{className:"app-sdk-sr-only"},"Open options"),e.collapsedIcon||x.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",className:"app-sdk-h-5 app-sdk-w-5"},x.default.createElement("path",{d:"M6 10a2 2 0 11-4 0 2 2 0 014 0zM12 10a2 2 0 11-4 0 2 2 0 014 0zM16 12a2 2 0 100-4 2 2 0 000 4z"})))),x.default.createElement(_.Transition,{as:x.Fragment,enter:"app-sdk-transition app-sdk-ease-out app-sdk-duration-100",enterFrom:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95",enterTo:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leave:"app-sdk-transition app-sdk-ease-in app-sdk-duration-75",leaveFrom:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leaveTo:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95"},x.default.createElement(_.Menu.Items,{className:"app-sdk-absolute app-sdk-right-0 app-sdk-z-10 app-sdk-mt-2 app-sdk-w-56 app-sdk-origin-top-right app-sdk-rounded-md app-sdk-bg-[color:var(--asdk-ddm-background-color)] app-sdk-shadow-lg app-sdk-ring-1 app-sdk-ring-black app-sdk-ring-opacity-5 focus:app-sdk-outline-none"},x.default.createElement("div",{className:"app-sdk-py-1"},e.children))))}function Uo(e){return x.default.createElement(_.Menu.Item,null,({active:o})=>x.default.createElement("button",{type:"button",onClick:()=>e.onClick(),className:N(o?"app-sdk-bg-[color:var(--asdk-ddm-entry-background-hover-color)]":"app-sdk-bg-transparent","app-sdk-cursor-pointer app-sdk-p-0 app-sdk-text-[100%] app-sdk-block app-sdk-w-full app-sdk-px-4 app-sdk-py-2 app-sdk-text-left app-sdk-text-sm",e.isDanger?"app-sdk-text-[color:var(--asdk-ddm-danger-entry-text-color)]":"app-sdk-text-[color:var(--asdk-ddm-default-entry-text-color)]",e.className??"")},e.title))}var Xe=require("next/navigation"),We=d(require("react"),1);function Oo({href:e,children:o}){console.warn("The DynamicLink component is deprecated. Please use the NextJS Link component instead.");let t=(0,Xe.useRouter)();return We.default.createElement("a",{href:e,onClick:r=>{r.preventDefault(),t.replace(e),t.refresh()}},o)}var ro=d(require("bpmn-js/lib/Viewer"),1),no=d(require("diagram-js/lib/navigation/movecanvas"),1),so=d(require("diagram-js/lib/navigation/zoomscroll"),1),q=d(require("react"),1);var eo=d(require("react"),1),oo=require("react-dom/client"),to=require("uuid");var Qe=d(require("@monaco-editor/react"),1),h=require("@nextui-org/react"),u=d(require("react"),1);var L=d(require("react"),1);var Ze=d(require("react"),1);function fe(e){let o={width:30};return e.count<=1?null:Ze.default.createElement("div",{style:o,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--execution-count"},e.count)}var y=d(require("react"),1);function ke(e){return y.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},y.default.createElement("div",{className:"action-icon"},y.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},y.default.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),y.default.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),y.default.createElement("g",{id:"SVGRepo_iconCarrier"}," ",y.default.createElement("title",null,"open-external")," ",y.default.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",y.default.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",y.default.createElement("path",{d:"M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z",id:"Combined-Shape"}," ")," ")," ")," "))),y.default.createElement("div",{className:"action-icon-hovered"},y.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},y.default.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),y.default.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),y.default.createElement("g",{id:"SVGRepo_iconCarrier"}," ",y.default.createElement("title",null,"goto process")," ",y.default.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",y.default.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",y.default.createElement("path",{d:"M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z",id:"Combined-Shape"}," ")," ")," ")," "))))}var I=d(require("react"),1);function he(e){return I.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},I.default.createElement("div",{className:"action-icon"},I.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"none",xmlns:"http://www.w3.org/2000/svg"},I.default.createElement("g",{id:"Media / Play",color:"white"},I.default.createElement("path",{id:"Vector",d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))),I.default.createElement("div",{className:"action-icon-hovered"},I.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"white",xmlns:"http://www.w3.org/2000/svg"},I.default.createElement("g",{id:"Media / Play",color:"white"},I.default.createElement("path",{id:"Vector",d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))))}var T=d(require("react"),1);function ge(e){return T.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},T.default.createElement("div",{className:"action-icon"},T.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{fill:"#FFFFFF",d:"M10.7667,0.493645 C9.11991,-0.113331 7.31921,-0.161915 5.64208,0.355379 C4.48206,0.713177 3.42569,1.32796 2.54743,2.14597 L1.70711,1.30564 C1.07714,0.675676 0,1.12184 0,2.01275 L0,6.00002 L3.98727,6.00002 C4.87818,6.00002 5.32434,4.92288 4.69438,4.29291 L3.96284,3.56137 C4.61101,2.97184 5.38443,2.52782 6.23156,2.26653 C7.4894,1.87856 8.83993,1.915 10.075,2.37023 C11.3101,2.82547 12.3612,3.67423 13.0664,4.78573 C13.7716,5.89723 14.0916,7.20978 13.9773,8.52112 C13.863,9.83246 13.3206,11.0698 12.4337,12.0425 C11.5469,13.0152 10.3647,13.6693 9.06949,13.9039 C7.77425,14.1385 6.43779,13.9407 5.26607,13.3409 C4.09434,12.7412 3.15236,11.7727 2.5853,10.5848 C2.34738,10.0864 1.75046,9.8752 1.25205,10.1131 C0.753645,10.351 0.542478,10.948 0.7804,11.4464 C1.53649,13.0302 2.79245,14.3215 4.35475,15.1213 C5.91706,15.921 7.699,16.1847 9.42598,15.8719 C11.153,15.559 12.7291,14.687 13.9116,13.39 C15.0941,12.0931 15.8173,10.4433 15.9698,8.69483 C16.1222,6.94637 15.6954,5.1963 14.7552,3.7143 C13.815,2.2323 12.4135,1.10062 10.7667,0.493645 Z"}))),T.default.createElement("div",{className:"action-icon-hovered"},T.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{fill:"#FFFFFF",d:"M10.7667,0.493645 C9.11991,-0.113331 7.31921,-0.161915 5.64208,0.355379 C4.48206,0.713177 3.42569,1.32796 2.54743,2.14597 L1.70711,1.30564 C1.07714,0.675676 0,1.12184 0,2.01275 L0,6.00002 L3.98727,6.00002 C4.87818,6.00002 5.32434,4.92288 4.69438,4.29291 L3.96284,3.56137 C4.61101,2.97184 5.38443,2.52782 6.23156,2.26653 C7.4894,1.87856 8.83993,1.915 10.075,2.37023 C11.3101,2.82547 12.3612,3.67423 13.0664,4.78573 C13.7716,5.89723 14.0916,7.20978 13.9773,8.52112 C13.863,9.83246 13.3206,11.0698 12.4337,12.0425 C11.5469,13.0152 10.3647,13.6693 9.06949,13.9039 C7.77425,14.1385 6.43779,13.9407 5.26607,13.3409 C4.09434,12.7412 3.15236,11.7727 2.5853,10.5848 C2.34738,10.0864 1.75046,9.8752 1.25205,10.1131 C0.753645,10.351 0.542478,10.948 0.7804,11.4464 C1.53649,13.0302 2.79245,14.3215 4.35475,15.1213 C5.91706,15.921 7.699,16.1847 9.42598,15.8719 C11.153,15.559 12.7291,14.687 13.9116,13.39 C15.0941,12.0931 15.8173,10.4433 15.9698,8.69483 C16.1222,6.94637 15.6954,5.1963 14.7552,3.7143 C13.815,2.2323 12.4135,1.10062 10.7667,0.493645 Z"}))))}function ye(e){let o={marginTop:"7px"},t=e.flowNode,r=!!e.onRetryClick,s=!t.IsGateway&&t.ProcessInstanceState!=="running"&&t.ProcessInstanceState!=="finished"&&r,n=!!e.onGotoClick,a=(t.IsCallActivity||(t.IsEventReceiver||t.IsEventSender)&&t.LinkedProcessInstanceId)&&n,i=!!e.onPlayClick,m=(t.IsUserTask||t.IsManualTask)&&t.State==="suspended"&&i;return L.default.createElement("div",{className:"flownode-overlay",style:o},L.default.createElement("div",{className:"bpmn-element-overlay__below"},s&&L.default.createElement(ge,{onClick:e.onRetryClick,flowNode:e.flowNode}),L.default.createElement(fe,{count:e.flowNode.ExecutionCount}),a&&L.default.createElement(ke,{onClick:e.onGotoClick}),m&&L.default.createElement(he,{onClick:e.onPlayClick})))}var ve=d(require("react"),1);function be(e){let o={width:e.width,height:e.height},t="",r={width:e.width,height:e.height};return e.flowNode.IsGateway?(r.height*=.7,r.width*=.7,t="bpmn-element-overlay-backdrop--gateway"):e.flowNode.IsEvent&&(t="bpmn-element-overlay-backdrop--rounded"),ve.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay-backdrop cursor-pointer",style:o},ve.default.createElement("div",{className:`flow-node-${e.flowNode.State}-state-overlay ${t}`,style:r}))}var we=d(require("@monaco-editor/react"),1),Fe=require("@nextui-org/react"),b=d(require("react"),1),qe=require("react-dom/client"),Ye=d(require("react-markdown"),1),Ke=d(require("remark-gfm"),1);function xe(e){function o(t){setTimeout(()=>{t.getAction("editor.action.formatDocument").run(),t.updateOptions({readOnly:!0})},300)}return(0,b.useEffect)(()=>{let t=b.default.createElement(Ye.default,{remarkPlugins:[Ke.default]},e.flowNode.Documentation),r=document.getElementById("markdown-container");if(r){let s=r.attachShadow({mode:"open"});(0,qe.createRoot)(s).render(t)}},[]),b.default.createElement(b.default.Fragment,null,b.default.createElement(Fe.Divider,{className:"my-2"}),b.default.createElement("div",{className:"flex-row"},b.default.createElement("div",{className:"token-area"},b.default.createElement("p",null,"Start Token:"),b.default.createElement(we.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onMount:o,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}}),b.default.createElement(Fe.Divider,{className:"my-2"}),b.default.createElement("p",null,"End Token:"),b.default.createElement(we.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentEndToken,null,2),onMount:o,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),b.default.createElement("div",{className:"documentation-area"},b.default.createElement("p",null,"Dokumentation:"),b.default.createElement("div",{id:"markdown-container"}))))}function Ne(e){let o=(0,h.useDisclosure)(),t=(0,h.useDisclosure)(),[r,s]=(0,u.useState)(JSON.stringify(e.flowNode.CurrentStartToken));function n(i){setTimeout(()=>{i.getAction("editor.action.formatDocument").run()},300)}let a={width:e.width,height:e.height+10};return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{style:a},u.default.createElement(be,{onClick:t.onOpen,...e}),u.default.createElement(ye,{onRetryClick:e.retryAction?o.onOpen:void 0,onGotoClick:e.gotoProcessAction?()=>e.gotoProcessAction(e.flowNode.LinkedProcessInstanceId??""):void 0,onPlayClick:e.gotoManualOrUserTaskAction?()=>e.gotoManualOrUserTaskAction(e.flowNode.ProcessInstanceId,e.flowNode.Id):void 0,flowNode:e.flowNode})),u.default.createElement(h.Modal,{isOpen:o.isOpen,onOpenChange:o.onOpenChange},u.default.createElement(h.ModalContent,null,i=>u.default.createElement(u.default.Fragment,null,u.default.createElement(h.ModalHeader,{className:"flex flex-col gap-1"},"Confirm Retry"),u.default.createElement(h.ModalBody,null,u.default.createElement(h.Divider,{className:"my-2"}),u.default.createElement("p",null,"Are you sure you want to retry process instance ",e.flowNode.CurrentFlowNodeInstanceId,"?"),u.default.createElement(h.Divider,{className:"my-2"}),u.default.createElement(Qe.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onChange:(m,l)=>s(m??""),onMount:n,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),u.default.createElement(h.ModalFooter,null,u.default.createElement(h.Button,{color:"warning",variant:"light",onPress:i},"Close"),u.default.createElement(h.Button,{color:"primary",onPress:()=>{e.retryAction?.(e.flowNode.ProcessInstanceId,e.flowNode.CurrentFlowNodeInstanceId,JSON.parse(r)),i()}},"Retry"))))),u.default.createElement(h.Modal,{size:"4xl",isOpen:t.isOpen,onOpenChange:t.onOpenChange},u.default.createElement(h.ModalContent,null,i=>u.default.createElement(u.default.Fragment,null,u.default.createElement(h.ModalHeader,{className:"flex flex-col gap-1"},"FlowNode: ",e.flowNode.Name??e.flowNode.Id),u.default.createElement(h.ModalBody,null,u.default.createElement(xe,{flowNode:e.flowNode})),u.default.createElement(h.ModalFooter,null,u.default.createElement(h.Button,{color:"primary",onPress:i},"Close"))))))}var Z=class{id;flowNodeInstances;processInstanceState;documentation;triggeredFlowNodeInstance;type;get Id(){return this.id}get Name(){return this.flowNodeInstances.at(-1)?.flowNodeName}get CurrentFlowNodeInstanceId(){return this.flowNodeInstances.at(-1)?.flowNodeInstanceId}get CurrentStartToken(){return this.flowNodeInstances.at(-1)?.startToken}get CurrentEndToken(){return this.flowNodeInstances.at(-1)?.endToken}get LinkedProcessInstanceId(){let o=this.flowNodeInstances.at(-1);if(this.IsCallActivity)return o.childProcessInstanceId;if(this.IsEventReceiver)return o?.triggeredByFlowNodeInstance?.processInstanceId;if(this.IsEventSender&&this.triggeredFlowNodeInstance)return this.triggeredFlowNodeInstance.processInstanceId}get State(){return this.flowNodeInstances.at(-1)?.state??""}get Documentation(){return this.documentation}get ProcessInstanceState(){return this.processInstanceState}get IsGateway(){return this.type==="bpmn:ComplexGateway"||this.type==="bpmn:ParallelGateway"||this.type==="bpmn:ExclusiveGateway"||this.type==="bpmn:InclusiveGateway"||this.type==="bpmn:EventBasedGateway"}get IsEvent(){return this.type==="bpmn:StartEvent"||this.type==="bpmn:EndEvent"||this.type==="bpmn:IntermediateCatchEvent"||this.type==="bpmn:IntermediateThrowEvent"||this.type==="bpmn:BoundaryEvent"}get IsEventReceiver(){return this.type==="bpmn:StartEvent"||this.type==="bpmn:IntermediateCatchEvent"||this.type==="bpmn:BoundaryEvent"||this.type==="bpmn:ReceiveTask"}get IsEventSender(){return this.type==="bpmn:EndEvent"||this.type==="bpmn:IntermediateThrowEvent"||this.type==="bpmn:SendTask"}get IsCallActivity(){return this.type==="bpmn:CallActivity"}get IsUserTask(){return this.type==="bpmn:UserTask"}get IsManualTask(){return this.type==="bpmn:ManualTask"}get ExecutionCount(){return this.flowNodeInstances.length}get ProcessInstanceId(){return this.flowNodeInstances.at(-1)?.processInstanceId??""}constructor(o,t,r,s){this.id=o,this.flowNodeInstances=[],this.processInstanceState=t,this.documentation=r,this.triggeredFlowNodeInstance=s,this.type=""}addFlowNodeInstance(o){this.flowNodeInstances.push(o),this.type=o.flowNodeType}},G=class{canvas;overlays;elementRegistry;overlayIds;overlayRoots;constructor(o){this.canvas=o.get("canvas"),this.overlays=o.get("overlays"),this.elementRegistry=o.get("elementRegistry"),this.overlayIds=[],this.overlayRoots={}}createOverlaysFlowNodeInstances(o,t,r,s,n,a){let i=this.getExecutedFlowNodes(t,o,r);this.overlayIds=[];for(let l of i){let c=this.elementRegistry.get(l.Id);this.getOrCreateOverlayRoot(l)?.render(eo.default.createElement(Ne,{flowNode:l,width:c.width,height:c.height,retryAction:s,gotoProcessAction:n,gotoManualOrUserTaskAction:a})),this.setSequenceFlowsColor(c,i)}let m=[];for(let l in this.overlayRoots)i.find(f=>f.Id===l)||m.push(l);m.forEach(l=>{let c=this.elementRegistry.get(l);this.removeSequenceFlowsColor(c),this.overlayRoots[l].unmount(),delete this.overlayRoots[l]})}getOrCreateOverlayRoot(o){if(o.Id in this.overlayRoots)return this.overlayRoots[o.Id];let t=`bpmn-element-overlay-${(0,to.v4)()}`,r=`<div id="${t}"></div>`,s=this.overlays.add(o.Id,{position:{top:0,left:0},html:r});this.overlayIds.push(s);let n=document.querySelector(`#${t}`);if(n){let a=(0,oo.createRoot)(n);return this.overlayRoots[o.Id]=a,a}}getExecutedFlowNodes(o,t,r){let s=[],n={};for(let a of r)a.triggeredByFlowNodeInstance&&(n[a.triggeredByFlowNodeInstance?.flowNodeInstanceId]=a);for(let a of o){let i=s.find(m=>m.Id===a.flowNodeId);if(!i){let m=this.elementRegistry.get(a.flowNodeId),l=m.businessObject.documentation?m.businessObject.documentation[0].text:"";i=new Z(a.flowNodeId,t,l,n[a.flowNodeInstanceId]),s.push(i)}i.addFlowNodeInstance(a)}return s}setSequenceFlowsColor(o,t){if(o&&o.businessObject.incoming)for(let r of o.businessObject.incoming)t.find(n=>n.Id===r.sourceRef?.id)&&this.canvas.addMarker(r.id,"connection-done")}removeSequenceFlowsColor(o){if(o&&o.businessObject.incoming){for(let t of o.businessObject.incoming)this.canvas.removeMarker(t.id,"connection-done");if(o.businessObject.outgoing)for(let t of o.businessObject.outgoing)this.canvas.removeMarker(t.id,"connection-done")}}};var Ce=class extends q.default.Component{containerRef;bpmnViewer;bpmnViewerOverlayCreator;constructor(o){super(o),this.state={diagramXML:""},this.containerRef=q.default.createRef()}componentDidMount(){let{diagramXML:o,options:t}=this.props,r=this.containerRef.current;if(this.bpmnViewer=new ro.default({container:r,height:t?.height??600,bpmnRenderer:{defaultFillColor:t?.fillColor,defaultStrokeColor:t?.strokeColor},additionalModules:[so.default,no.default]}),this.bpmnViewerOverlayCreator=new G(this.bpmnViewer),o)return this.displayDiagram(o)}componentWillUnmount(){this.bpmnViewer.destroy()}componentDidUpdate(o,t){let{props:r,state:s}=this,n=r.diagramXML||s.diagramXML,a=o.diagramXML||t.diagramXML;if(n&&n!==a)return this.displayDiagram(n);this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,r.flowNodeInstancesTriggeredByThisProcessInstance,r.retryAction,r.gotoProcessAction,r.gotoManualOrUserTaskAction)}displayDiagram(o){this.bpmnViewer.importXML(o).then(()=>{let t=this.bpmnViewer.get("canvas"),r=t.viewbox(),s={x:r.outer.width/2,y:r.outer.height/2};t.zoom("fit-viewport",s),this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,this.props.flowNodeInstancesTriggeredByThisProcessInstance,this.props.retryAction,this.props.gotoProcessAction,this.props.gotoManualOrUserTaskAction)})}render(){return q.default.createElement("div",{className:this.props.className,ref:this.containerRef})}};var p=d(require("react"),1),pe=d(require("react-is"),1),uo=d(require("semver/functions/gt"),1),fo=d(require("semver/functions/prerelease"),1),ko=d(require("semver/functions/satisfies"),1),ho=require("../common/index.cjs");var lo=require("@5minds/processcube_engine_sdk");var U=d(require("react"),1);function w(e){if(e!=null&&e.trim()!=="")try{return JSON.parse(e)}catch{return null}return null}function Y(e,o){let{formField:t}=e,r=`${t.id}-hint`,s=w(t.customForm);return U.default.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},U.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},U.default.createElement("input",{type:"checkbox",className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",defaultChecked:e.state&&e.state!=="false"||t.defaultValue==="true",id:t.id,name:t.id,"aria-describedby":s?.hint?r:void 0,"data-form-field-type":"boolean"})),U.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},U.default.createElement("label",{className:"app-sdk-font-medium",htmlFor:t.id},t.label),s?.hint&&U.default.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},s.hint)))}var ao=d(require("react"),1);function K(e,o){return ao.default.createElement("p",{className:"app-sdk-text-sm"},e.formField.label)}var O=d(require("react"),1);function Q(e,o){let{formField:t}=e,r=`${t.id}-hint`,s=w(t.customForm);zo(t.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for date field "${t.id}"`);let n=e.state||t.defaultValue?.toString();return O.default.createElement("div",null,O.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),O.default.createElement("div",{className:"app-sdk-mt-1"},O.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"date",defaultValue:n,id:t.id,name:t.id,"aria-describedby":r,"data-form-field-type":"date"})),s?.hint&&O.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},s?.hint))}function zo(e){return new Date(e?.toString()).toString()!=="Invalid Date"}var z=d(require("react"),1);function ee(e){return!Number.isNaN(Number(e?.toString()))}function oe(e,o){let{formField:t}=e,r=`${t.id}-hint`,s=w(t.customForm);return ee(t.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for decimal field "${t.id}"`),z.default.createElement("div",null,z.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),z.default.createElement("div",{className:"app-sdk-mt-1"},z.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:"0.01",placeholder:s?.placeholder||"0.00",defaultValue:e.state||t.defaultValue?.toString(),id:t.id,name:t.id,"aria-describedby":r,"data-form-field-type":"decimal"})),s?.hint&&z.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},s?.hint))}var v=d(require("react"),1);function te({formField:e,state:o},t){let r=w(e.customForm),s=e.label,n=e.enumValues,a;switch(r?.displayAs){case"checkbox":let m;Array.isArray(o)&&o.length?m=o:m=(o||e.defaultValue?.toString())?.split(",")??[],a=v.default.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":r?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(c=>{let f=m.find(F=>F.trim()===c.id);return v.default.createElement("div",{key:c.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},v.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},v.default.createElement("input",{type:"checkbox",defaultChecked:f,name:e.id,id:c.id,value:c.id,className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),v.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},v.default.createElement("label",{htmlFor:c.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},c.name)))}));break;case"radio":a=v.default.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":r?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(c=>v.default.createElement("div",{key:c.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},v.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},v.default.createElement("input",{type:"radio",defaultChecked:(o||e.defaultValue)==c.id,name:e.id,id:c.id,value:c.id,className:"app-sdk-form-radio app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),v.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},v.default.createElement("label",{htmlFor:c.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},c.name)))));break;default:let l=o||n?.find(c=>c.id===e.defaultValue)?.id||"";a=v.default.createElement("select",{id:e.id,name:e.id,className:"app-sdk-form-select app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-mt-1 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-py-2 app-sdk-pl-3 app-sdk-pr-10 app-sdk-text-base app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-outline-none focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:app-sdk-bg-app-sdk-dropdown-dark dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",onChange:c=>c.target.dataset.value=c.target.value,"data-value":l,"aria-describedby":r?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:l},v.default.createElement("option",{value:""},!l&&r?.placeholder),n?.map(c=>v.default.createElement("option",{key:c.id,value:c.id},c.name)));break}let i=r?.hint?v.default.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},r.hint):null;return v.default.createElement("div",null,v.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),a,i)}var A=d(require("react"),1);function re({formField:e},o){let t=w(e.customForm),r;switch(t?.style){case"heading_1":r=A.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_2":r=A.default.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_3":r=A.default.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;default:r=A.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break}return A.default.createElement("div",{className:"app-sdk-header-form-field"},r)}var B=d(require("react"),1);function ne({formField:e,state:o},t){let r=w(e.customForm);return ee(e.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for integer field "${e.id}"`),B.default.createElement("div",null,B.default.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),B.default.createElement("div",{className:"app-sdk-mt-1"},B.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:1,id:e.id,name:e.id,defaultValue:o||e.defaultValue?.toString(),placeholder:r?.placeholder??"0","aria-describedby":`${e.id}-hint`,"data-form-field-type":"integer"})),r?.hint&&B.default.createElement("p",{id:`${e.id}-hint`,"data-hint":!0,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},r.hint))}var io=d(require("isomorphic-dompurify"),1),se=require("marked"),po=d(require("react"),1),ae=require("react");function ie({formField:{defaultValue:e,label:o}},t){let[r,s]=(0,ae.useState)("");return(0,ae.useEffect)(()=>{let n=se.marked.parse(e?.toString()??o?.toString()??"",{renderer:new Se,hooks:new Ie});s(n)},[e,o]),po.default.createElement("div",{className:N("app-sdk-text-sm","[&_p]:app-sdk-my-4 first-of-type:[&_p]:app-sdk-mb-4 first-of-type:[&_p]:app-sdk-mt-0","[&_a]:app-sdk-text-[color:var(--asdk-dui-link-color)] [&_a]:app-sdk-underline hover:[&_a]:app-sdk-text-[color:var(--asdk-dui-link-hover-color)]","[&_h1]:app-sdk-text-2xl [&_h1]:app-sdk-font-bold [&_h2]:app-sdk-text-xl [&_h2]:app-sdk-font-bold [&_h3]:app-sdk-text-lg [&_h3]:app-sdk-font-bold [&_h4]:app-sdk-text-base [&_h4]:app-sdk-font-bold [&_h5]:app-sdk-text-sm [&_h5]:app-sdk-font-bold [&_h6]:app-sdk-text-xs [&_h6]:app-sdk-font-bold","[&_code]:app-sdk-text-[#e83e8c] [&_pre]:app-sdk-my-4 [&_pre]:app-sdk-bg-gray-100 [&_pre]:dark:app-sdk-bg-app-sdk-gray-700 [&_pre_code]:app-sdk-text-inherit","[&_blockquote]:app-sdk-m-[revert] [&_fieldset]:app-sdk-m-[revert] [&_h1]:app-sdk-m-[revert] [&_h2]:app-sdk-m-[revert] [&_h3]:app-sdk-m-[revert] [&_h4]:app-sdk-m-[revert] [&_h5]:app-sdk-m-[revert] [&_h6]:app-sdk-m-[revert] [&_menu]:app-sdk-m-[revert] [&_ol]:app-sdk-m-[revert] [&_ul]:app-sdk-m-[revert]","[&_fieldset]:app-sdk-p-[revert] [&_menu]:app-sdk-p-[revert] [&_ol]:app-sdk-p-[revert] [&_ul]:app-sdk-p-[revert]","[&_ol]:app-sdk-list-decimal [&_ol_p]:app-sdk-my-2 first-of-type:[&_ol_p]:app-sdk-my-4 [&_ul]:app-sdk-list-disc [&_ul_p]:app-sdk-my-2 first-of-type:[&_ul_p]:app-sdk-my-4","[&_input[type='checkbox']]:app-sdk-form-checkbox [&_input[type='checkbox']]:app-sdk-border [&_input[type='checkbox']]:app-sdk-h-4 [&_input[type='checkbox']]:app-sdk-w-4 [&_input[type='checkbox']]:app-sdk-rounded [&_input[type='checkbox']]:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:app-sdk-text-sky-600 [&_input[type='checkbox']]:hover:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:dark:app-sdk-border-2 [&_input[type='checkbox']]:dark:app-sdk-border-solid [&_input[type='checkbox']]:dark:app-sdk-border-transparent [&_input[type='checkbox']]:dark:app-sdk-bg-app-sdk-gray-350 [&_input[type='checkbox']]:dark:app-sdk-text-[#007bff40] [&_input[type='checkbox']]:dark:hover:app-sdk-border-transparent [&_input[type='checkbox']]:dark:hover:checked:app-sdk-bg-app-sdk-gray-350"),dangerouslySetInnerHTML:{__html:r}})}var Se=class extends se.marked.Renderer{link(o,t,r){return super.link(o,t,r).replace("<a","<a target='_blank'")}html(o,t){let r=super.html(o,t);return r.startsWith("<a ")&&!r.includes("target=")?r.replace("<a ",'<a target="_blank" '):r}},Ie=class extends se.marked.Hooks{postprocess(o){return io.default.sanitize(o,{ADD_ATTR:["target"]})}};var V=d(require("react"),1);function de({formField:e,state:o},t){let r=w(e.customForm),s=e.label,n=r?.multiline==="true"?"textarea":"input",a=V.default.createElement(n,{className:N(n==="input"?"app-sdk-form-input":"app-sdk-form-textarea","app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-shadow-sm focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] app-sdk-block app-sdk-w-full sm:app-sdk-text-sm app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 dark:app-sdk-border-solid dark:app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] dark:focus:app-sdk-shadow-app-sdk-dark app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] dark:invalid:app-sdk-shadow-app-sdk-dark-invalid"),id:e.id,name:e.id,defaultValue:o||(e.defaultValue?.toString()??""),placeholder:r?.placeholder,"aria-describedby":r?.hint?`${e.id}-hint`:void 0,type:n==="input"?"text":void 0,rows:n==="textarea"?4:void 0,"data-form-field-type":"string"}),i=r?.hint?V.default.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},r.hint):null;return V.default.createElement("div",null,V.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),V.default.createElement("div",{className:"app-sdk-mt-1"},a),i)}var co=(r=>(r.paragraph="paragraph",r.header="header",r.confirm="confirm",r))(co||{}),lr={...lo.DataModels.FlowNodeInstances.UserTaskFormFieldType,...co},De={boolean:Y,date:Q,enum:te,long:ne,number:oe,string:de,paragraph:ie,header:re,confirm:K};var Ao=(0,ko.default)(p.default.version,">=18.0.0 <19",{includePrerelease:!0}),go=(0,fo.default)(p.default.version)==null,mo=!go&&(0,uo.default)(p.default.version,"18.2.0")&&p.default.version.includes("canary"),Me=class extends p.default.Component{};function Bo(e){Ao||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		The React version is not supported!
-Version: ${p.default.version}`);let{userTaskConfig:o}=e.task,{formFields:t}=o,r=(0,p.useRef)(),s=(0,p.useRef)(null),n=new Map(t.map(k=>[k.id,{ref:p.default.createRef()}])),a=t.filter(k=>k.type==="confirm");a.length>1&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Warning while rendering UserTask "${e.task.flowNodeId}"!
+`)})}var _o=["bpmn:DataInputAssociation","bpmn:DataOutputAssociation","bpmn:SequenceFlow","label"],H={DEFAULT:{top:3,right:22},PARTICIPANT:{top:3,left:3},ANNOTATION:{bottom:10,left:10},GATEWAY:{bottom:17,right:17},OTHER:{bottom:12,right:12}},Uo=e=>e.type.endsWith("Task")||e.type==="bpmn:CallActivity"||e.type==="bpmn:Collaboration"||e.type==="bpmn:Group"||e.type==="bpmn:Lane"||e.type==="bpmn:SubProcess"?H.DEFAULT:e.type==="bpmn:Participant"?H.PARTICIPANT:e.type.endsWith("Gateway")?H.GATEWAY:e.type==="bpmn:TextAnnotation"?H.ANNOTATION:H.OTHER,We=e=>{if(_o.includes(e.type))return!1;let t=(0,Z.getBusinessObject)(e)?.documentation?.[0]?.text;return t!=null&&t.trim()!==""},Lo=(0,Je.default)(()=>Promise.resolve(Xe),{ssr:!1});var _=require("@headlessui/react"),x=d(require("react"),1);function N(...e){return e.filter(Boolean).join(" ")}function Oo(e){return x.default.createElement(_.Menu,{as:"div",className:"app-sdk-default-styles app-sdk-relative app-sdk-inline-block app-sdk-text-left"},x.default.createElement("div",null,x.default.createElement(_.Menu.Button,{className:"app-sdk-cursor-pointer app-sdk-bg-transparent app-sdk-p-0 app-sdk-text-[100%] app-sdk-flex app-sdk-items-center app-sdk-rounded-full app-sdk-text-[color:var(--asdk-ddm-icon-text-color)] hover:app-sdk-text-[color:var(--asdk-ddm-icon-text-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-ddm-focus-color)]  "},x.default.createElement("span",{className:"app-sdk-sr-only"},"Open options"),e.collapsedIcon||x.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",className:"app-sdk-h-5 app-sdk-w-5"},x.default.createElement("path",{d:"M6 10a2 2 0 11-4 0 2 2 0 014 0zM12 10a2 2 0 11-4 0 2 2 0 014 0zM16 12a2 2 0 100-4 2 2 0 000 4z"})))),x.default.createElement(_.Transition,{as:x.Fragment,enter:"app-sdk-transition app-sdk-ease-out app-sdk-duration-100",enterFrom:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95",enterTo:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leave:"app-sdk-transition app-sdk-ease-in app-sdk-duration-75",leaveFrom:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leaveTo:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95"},x.default.createElement(_.Menu.Items,{className:"app-sdk-absolute app-sdk-right-0 app-sdk-z-10 app-sdk-mt-2 app-sdk-w-56 app-sdk-origin-top-right app-sdk-rounded-md app-sdk-bg-[color:var(--asdk-ddm-background-color)] app-sdk-shadow-lg app-sdk-ring-1 app-sdk-ring-black app-sdk-ring-opacity-5 focus:app-sdk-outline-none"},x.default.createElement("div",{className:"app-sdk-py-1"},e.children))))}function zo(e){return x.default.createElement(_.Menu.Item,null,({active:o})=>x.default.createElement("button",{type:"button",onClick:()=>e.onClick(),className:N(o?"app-sdk-bg-[color:var(--asdk-ddm-entry-background-hover-color)]":"app-sdk-bg-transparent","app-sdk-cursor-pointer app-sdk-p-0 app-sdk-text-[100%] app-sdk-block app-sdk-w-full app-sdk-px-4 app-sdk-py-2 app-sdk-text-left app-sdk-text-sm",e.isDanger?"app-sdk-text-[color:var(--asdk-ddm-danger-entry-text-color)]":"app-sdk-text-[color:var(--asdk-ddm-default-entry-text-color)]",e.className??"")},e.title))}var Ze=require("next/navigation"),qe=d(require("react"),1);function Ao({href:e,children:o}){console.warn("The DynamicLink component is deprecated. Please use the NextJS Link component instead.");let t=(0,Ze.useRouter)();return qe.default.createElement("a",{href:e,onClick:r=>{r.preventDefault(),t.replace(e),t.refresh()}},o)}var ao=d(require("bpmn-js/lib/Viewer"),1),so=d(require("diagram-js/lib/navigation/movecanvas"),1),io=d(require("diagram-js/lib/navigation/zoomscroll"),1),Y=d(require("react"),1);var to=d(require("react"),1),ro=require("react-dom/client"),no=require("uuid");var oo=d(require("@monaco-editor/react"),1),h=require("@nextui-org/react"),u=d(require("react"),1);var U=d(require("react"),1);var Ye=d(require("react"),1);function he(e){let o={width:30};return e.count<=1?null:Ye.default.createElement("div",{style:o,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--execution-count"},e.count)}var y=d(require("react"),1);function ge(e){return y.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},y.default.createElement("div",{className:"action-icon"},y.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},y.default.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),y.default.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),y.default.createElement("g",{id:"SVGRepo_iconCarrier"}," ",y.default.createElement("title",null,"open-external")," ",y.default.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",y.default.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",y.default.createElement("path",{d:"M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z",id:"Combined-Shape"}," ")," ")," ")," "))),y.default.createElement("div",{className:"action-icon-hovered"},y.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},y.default.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),y.default.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),y.default.createElement("g",{id:"SVGRepo_iconCarrier"}," ",y.default.createElement("title",null,"goto process")," ",y.default.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",y.default.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",y.default.createElement("path",{d:"M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z",id:"Combined-Shape"}," ")," ")," ")," "))))}var I=d(require("react"),1);function ye(e){return I.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},I.default.createElement("div",{className:"action-icon"},I.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"none",xmlns:"http://www.w3.org/2000/svg"},I.default.createElement("g",{id:"Media / Play",color:"white"},I.default.createElement("path",{id:"Vector",d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))),I.default.createElement("div",{className:"action-icon-hovered"},I.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"white",xmlns:"http://www.w3.org/2000/svg"},I.default.createElement("g",{id:"Media / Play",color:"white"},I.default.createElement("path",{id:"Vector",d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))))}var T=d(require("react"),1);function ve(e){return T.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},T.default.createElement("div",{className:"action-icon"},T.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{fill:"#FFFFFF",d:"M10.7667,0.493645 C9.11991,-0.113331 7.31921,-0.161915 5.64208,0.355379 C4.48206,0.713177 3.42569,1.32796 2.54743,2.14597 L1.70711,1.30564 C1.07714,0.675676 0,1.12184 0,2.01275 L0,6.00002 L3.98727,6.00002 C4.87818,6.00002 5.32434,4.92288 4.69438,4.29291 L3.96284,3.56137 C4.61101,2.97184 5.38443,2.52782 6.23156,2.26653 C7.4894,1.87856 8.83993,1.915 10.075,2.37023 C11.3101,2.82547 12.3612,3.67423 13.0664,4.78573 C13.7716,5.89723 14.0916,7.20978 13.9773,8.52112 C13.863,9.83246 13.3206,11.0698 12.4337,12.0425 C11.5469,13.0152 10.3647,13.6693 9.06949,13.9039 C7.77425,14.1385 6.43779,13.9407 5.26607,13.3409 C4.09434,12.7412 3.15236,11.7727 2.5853,10.5848 C2.34738,10.0864 1.75046,9.8752 1.25205,10.1131 C0.753645,10.351 0.542478,10.948 0.7804,11.4464 C1.53649,13.0302 2.79245,14.3215 4.35475,15.1213 C5.91706,15.921 7.699,16.1847 9.42598,15.8719 C11.153,15.559 12.7291,14.687 13.9116,13.39 C15.0941,12.0931 15.8173,10.4433 15.9698,8.69483 C16.1222,6.94637 15.6954,5.1963 14.7552,3.7143 C13.815,2.2323 12.4135,1.10062 10.7667,0.493645 Z"}))),T.default.createElement("div",{className:"action-icon-hovered"},T.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{fill:"#FFFFFF",d:"M10.7667,0.493645 C9.11991,-0.113331 7.31921,-0.161915 5.64208,0.355379 C4.48206,0.713177 3.42569,1.32796 2.54743,2.14597 L1.70711,1.30564 C1.07714,0.675676 0,1.12184 0,2.01275 L0,6.00002 L3.98727,6.00002 C4.87818,6.00002 5.32434,4.92288 4.69438,4.29291 L3.96284,3.56137 C4.61101,2.97184 5.38443,2.52782 6.23156,2.26653 C7.4894,1.87856 8.83993,1.915 10.075,2.37023 C11.3101,2.82547 12.3612,3.67423 13.0664,4.78573 C13.7716,5.89723 14.0916,7.20978 13.9773,8.52112 C13.863,9.83246 13.3206,11.0698 12.4337,12.0425 C11.5469,13.0152 10.3647,13.6693 9.06949,13.9039 C7.77425,14.1385 6.43779,13.9407 5.26607,13.3409 C4.09434,12.7412 3.15236,11.7727 2.5853,10.5848 C2.34738,10.0864 1.75046,9.8752 1.25205,10.1131 C0.753645,10.351 0.542478,10.948 0.7804,11.4464 C1.53649,13.0302 2.79245,14.3215 4.35475,15.1213 C5.91706,15.921 7.699,16.1847 9.42598,15.8719 C11.153,15.559 12.7291,14.687 13.9116,13.39 C15.0941,12.0931 15.8173,10.4433 15.9698,8.69483 C16.1222,6.94637 15.6954,5.1963 14.7552,3.7143 C13.815,2.2323 12.4135,1.10062 10.7667,0.493645 Z"}))))}function be(e){let o={marginTop:"7px"},t=e.flowNode,r=!!e.onRetryClick,a=!t.IsGateway&&t.ProcessInstanceState!=="running"&&t.ProcessInstanceState!=="finished"&&r,n=!!e.onGotoClick,s=(t.IsCallActivity||(t.IsEventReceiver||t.IsEventSender)&&t.LinkedProcessInstanceId)&&n,i=!!e.onPlayClick,l=(t.IsUserTask||t.IsManualTask)&&t.State==="suspended"&&i;return U.default.createElement("div",{className:"flownode-overlay",style:o},U.default.createElement("div",{className:"bpmn-element-overlay__below"},a&&U.default.createElement(ve,{onClick:e.onRetryClick,flowNode:e.flowNode}),U.default.createElement(he,{count:e.flowNode.ExecutionCount}),s&&U.default.createElement(ge,{onClick:e.onGotoClick}),l&&U.default.createElement(ye,{onClick:e.onPlayClick})))}var we=d(require("react"),1);function Fe(e){let o={width:e.width,height:e.height},t="",r={width:e.width,height:e.height};return e.flowNode.IsGateway?(r.height*=.7,r.width*=.7,t="bpmn-element-overlay-backdrop--gateway"):e.flowNode.IsEvent&&(t="bpmn-element-overlay-backdrop--rounded"),we.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay-backdrop cursor-pointer",style:o},we.default.createElement("div",{className:`flow-node-${e.flowNode.State}-state-overlay ${t}`,style:r}))}var xe=d(require("@monaco-editor/react"),1),Ne=require("@nextui-org/react"),w=d(require("react"),1),Ke=require("react-dom/client"),Qe=d(require("react-markdown"),1),eo=d(require("remark-gfm"),1);function Ce(e){function o(t){setTimeout(()=>{t.getAction("editor.action.formatDocument").run(),t.updateOptions({readOnly:!0})},300)}return(0,w.useEffect)(()=>{let t=w.default.createElement(Qe.default,{remarkPlugins:[eo.default]},e.flowNode.Documentation),r=document.getElementById("markdown-container");if(r){let a=r.attachShadow({mode:"open"});(0,Ke.createRoot)(a).render(t)}},[]),w.default.createElement(w.default.Fragment,null,w.default.createElement(Ne.Divider,{className:"my-2"}),w.default.createElement("div",{className:"flex-row"},w.default.createElement("div",{className:"token-area"},w.default.createElement("p",null,"Start Token:"),w.default.createElement(xe.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onMount:o,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}}),w.default.createElement(Ne.Divider,{className:"my-2"}),w.default.createElement("p",null,"End Token:"),w.default.createElement(xe.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentEndToken,null,2),onMount:o,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),w.default.createElement("div",{className:"documentation-area"},w.default.createElement("p",null,"Dokumentation:"),w.default.createElement("div",{id:"markdown-container"}))))}function Se(e){let o=(0,h.useDisclosure)(),t=(0,h.useDisclosure)(),[r,a]=(0,u.useState)(JSON.stringify(e.flowNode.CurrentStartToken));function n(i){setTimeout(()=>{i.getAction("editor.action.formatDocument").run()},300)}let s={width:e.width,height:e.height+10};return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{style:s},u.default.createElement(Fe,{onClick:t.onOpen,...e}),u.default.createElement(be,{onRetryClick:e.retryAction?o.onOpen:void 0,onGotoClick:e.gotoProcessAction?()=>e.gotoProcessAction(e.flowNode.LinkedProcessInstanceId??""):void 0,onPlayClick:e.gotoManualOrUserTaskAction?()=>e.gotoManualOrUserTaskAction(e.flowNode.ProcessInstanceId,e.flowNode.Id):void 0,flowNode:e.flowNode})),u.default.createElement(h.Modal,{isOpen:o.isOpen,onOpenChange:o.onOpenChange},u.default.createElement(h.ModalContent,null,i=>u.default.createElement(u.default.Fragment,null,u.default.createElement(h.ModalHeader,{className:"flex flex-col gap-1"},"Confirm Retry"),u.default.createElement(h.ModalBody,null,u.default.createElement(h.Divider,{className:"my-2"}),u.default.createElement("p",null,"Are you sure you want to retry process instance ",e.flowNode.CurrentFlowNodeInstanceId,"?"),u.default.createElement(h.Divider,{className:"my-2"}),u.default.createElement(oo.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onChange:(l,c)=>a(l??""),onMount:n,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),u.default.createElement(h.ModalFooter,null,u.default.createElement(h.Button,{color:"warning",variant:"light",onPress:i},"Close"),u.default.createElement(h.Button,{color:"primary",onPress:()=>{e.retryAction?.(e.flowNode.ProcessInstanceId,e.flowNode.CurrentFlowNodeInstanceId,JSON.parse(r)),i()}},"Retry"))))),u.default.createElement(h.Modal,{size:"4xl",isOpen:t.isOpen,onOpenChange:t.onOpenChange},u.default.createElement(h.ModalContent,null,i=>u.default.createElement(u.default.Fragment,null,u.default.createElement(h.ModalHeader,{className:"flex flex-col gap-1"},"FlowNode: ",e.flowNode.Name??e.flowNode.Id),u.default.createElement(h.ModalBody,null,u.default.createElement(Ce,{flowNode:e.flowNode})),u.default.createElement(h.ModalFooter,null,u.default.createElement(h.Button,{color:"primary",onPress:i},"Close"))))))}var q=class{id;flowNodeInstances;processInstanceState;documentation;triggeredFlowNodeInstance;type;get Id(){return this.id}get Name(){return this.flowNodeInstances.at(-1)?.flowNodeName}get CurrentFlowNodeInstanceId(){return this.flowNodeInstances.at(-1)?.flowNodeInstanceId}get CurrentStartToken(){return this.flowNodeInstances.at(-1)?.startToken}get CurrentEndToken(){return this.flowNodeInstances.at(-1)?.endToken}get LinkedProcessInstanceId(){let o=this.flowNodeInstances.at(-1);if(this.IsCallActivity)return o.childProcessInstanceId;if(this.IsEventReceiver)return o?.triggeredByFlowNodeInstance?.processInstanceId;if(this.IsEventSender&&this.triggeredFlowNodeInstance)return this.triggeredFlowNodeInstance.processInstanceId}get State(){return this.flowNodeInstances.at(-1)?.state??""}get Documentation(){return this.documentation}get ProcessInstanceState(){return this.processInstanceState}get IsGateway(){return this.type==="bpmn:ComplexGateway"||this.type==="bpmn:ParallelGateway"||this.type==="bpmn:ExclusiveGateway"||this.type==="bpmn:InclusiveGateway"||this.type==="bpmn:EventBasedGateway"}get IsEvent(){return this.type==="bpmn:StartEvent"||this.type==="bpmn:EndEvent"||this.type==="bpmn:IntermediateCatchEvent"||this.type==="bpmn:IntermediateThrowEvent"||this.type==="bpmn:BoundaryEvent"}get IsEventReceiver(){return this.type==="bpmn:StartEvent"||this.type==="bpmn:IntermediateCatchEvent"||this.type==="bpmn:BoundaryEvent"||this.type==="bpmn:ReceiveTask"}get IsEventSender(){return this.type==="bpmn:EndEvent"||this.type==="bpmn:IntermediateThrowEvent"||this.type==="bpmn:SendTask"}get IsCallActivity(){return this.type==="bpmn:CallActivity"}get IsUserTask(){return this.type==="bpmn:UserTask"}get IsManualTask(){return this.type==="bpmn:ManualTask"}get ExecutionCount(){return this.flowNodeInstances.length}get ProcessInstanceId(){return this.flowNodeInstances.at(-1)?.processInstanceId??""}constructor(o,t,r,a){this.id=o,this.flowNodeInstances=[],this.processInstanceState=t,this.documentation=r,this.triggeredFlowNodeInstance=a,this.type=""}addFlowNodeInstance(o){this.flowNodeInstances.push(o),this.type=o.flowNodeType}},$=class{canvas;overlays;elementRegistry;overlayIds;overlayRoots;constructor(o){this.canvas=o.get("canvas"),this.overlays=o.get("overlays"),this.elementRegistry=o.get("elementRegistry"),this.overlayIds=[],this.overlayRoots={}}createOverlaysFlowNodeInstances(o,t,r,a,n,s){let i=this.getExecutedFlowNodes(t,o,r);this.overlayIds=[];for(let c of i){let m=this.elementRegistry.get(c.Id);this.getOrCreateOverlayRoot(c)?.render(to.default.createElement(Se,{flowNode:c,width:m.width,height:m.height,retryAction:a,gotoProcessAction:n,gotoManualOrUserTaskAction:s})),this.setSequenceFlowsColor(m,i)}let l=[];for(let c in this.overlayRoots)i.find(f=>f.Id===c)||l.push(c);l.forEach(c=>{let m=this.elementRegistry.get(c);this.removeSequenceFlowsColor(m),this.overlayRoots[c].unmount(),delete this.overlayRoots[c]})}getOrCreateOverlayRoot(o){if(o.Id in this.overlayRoots)return this.overlayRoots[o.Id];let t=`bpmn-element-overlay-${(0,no.v4)()}`,r=`<div id="${t}"></div>`,a=this.overlays.add(o.Id,{position:{top:0,left:0},html:r});this.overlayIds.push(a);let n=document.querySelector(`#${t}`);if(n){let s=(0,ro.createRoot)(n);return this.overlayRoots[o.Id]=s,s}}getExecutedFlowNodes(o,t,r){let a=[],n={};for(let s of r)s.triggeredByFlowNodeInstance&&(n[s.triggeredByFlowNodeInstance?.flowNodeInstanceId]=s);for(let s of o){let i=a.find(l=>l.Id===s.flowNodeId);if(!i){let l=this.elementRegistry.get(s.flowNodeId),c=l.businessObject.documentation?l.businessObject.documentation[0].text:"";i=new q(s.flowNodeId,t,c,n[s.flowNodeInstanceId]),a.push(i)}i.addFlowNodeInstance(s)}return a}setSequenceFlowsColor(o,t){if(o&&o.businessObject.incoming)for(let r of o.businessObject.incoming)t.find(n=>n.Id===r.sourceRef?.id)&&this.canvas.addMarker(r.id,"connection-done")}removeSequenceFlowsColor(o){if(o&&o.businessObject.incoming){for(let t of o.businessObject.incoming)this.canvas.removeMarker(t.id,"connection-done");if(o.businessObject.outgoing)for(let t of o.businessObject.outgoing)this.canvas.removeMarker(t.id,"connection-done")}}};var Ie=class extends Y.default.Component{containerRef;bpmnViewer;bpmnViewerOverlayCreator;constructor(o){super(o),this.state={diagramXML:""},this.containerRef=Y.default.createRef()}componentDidMount(){let{diagramXML:o,options:t}=this.props,r=this.containerRef.current;if(this.bpmnViewer=new ao.default({container:r,height:t?.height??600,bpmnRenderer:{defaultFillColor:t?.fillColor,defaultStrokeColor:t?.strokeColor},additionalModules:[io.default,so.default]}),this.bpmnViewerOverlayCreator=new $(this.bpmnViewer),o)return this.displayDiagram(o)}componentWillUnmount(){this.bpmnViewer.destroy()}componentDidUpdate(o,t){let{props:r,state:a}=this,n=r.diagramXML||a.diagramXML,s=o.diagramXML||t.diagramXML;if(n&&n!==s)return this.displayDiagram(n);this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,r.flowNodeInstancesTriggeredByThisProcessInstance,r.retryAction,r.gotoProcessAction,r.gotoManualOrUserTaskAction)}displayDiagram(o){this.bpmnViewer.importXML(o).then(()=>{let t=this.bpmnViewer.get("canvas"),r=t.viewbox(),a={x:r.outer.width/2,y:r.outer.height/2};t.zoom("fit-viewport",a),this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,this.props.flowNodeInstancesTriggeredByThisProcessInstance,this.props.retryAction,this.props.gotoProcessAction,this.props.gotoManualOrUserTaskAction)})}render(){return Y.default.createElement("div",{className:this.props.className,ref:this.containerRef})}};var p=d(require("react"),1),ce=d(require("react-is"),1),ko=d(require("semver/functions/gt"),1),ho=d(require("semver/functions/prerelease"),1),go=d(require("semver/functions/satisfies"),1),yo=require("../common/index.cjs");var mo=require("@5minds/processcube_engine_sdk");var L=d(require("react"),1);function b(e){if(e!=null&&e.trim()!=="")try{return JSON.parse(e)}catch{return null}return null}function K(e,o){let{formField:t}=e,r=`${t.id}-hint`,a=b(t.customForm);return L.default.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},L.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},L.default.createElement("input",{type:"checkbox",className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",defaultChecked:e.state&&e.state!=="false"||t.defaultValue==="true",id:t.id,name:t.id,"aria-describedby":a?.hint?r:void 0,"data-form-field-type":"boolean"})),L.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},L.default.createElement("label",{className:"app-sdk-font-medium",htmlFor:t.id},t.label),a?.hint&&L.default.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},a.hint)))}var po=d(require("react"),1);function Q(e,o){return po.default.createElement("p",{className:"app-sdk-text-sm"},e.formField.label)}var O=d(require("react"),1);function ee({formField:e,state:o},t){let r=b(e.customForm);return O.default.createElement("div",null,O.default.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),O.default.createElement("div",{className:"app-sdk-mt-1"},O.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"text",id:e.id,name:e.id,defaultValue:o||(e.defaultValue?.toString()??""),placeholder:r?.placeholder,"aria-describedby":`${e.id}-hint`,"data-form-field-type":"custom"})),r?.hint&&O.default.createElement("p",{id:`${e.id}-hint`,"data-hint":!0,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},r.hint))}var z=d(require("react"),1);function oe(e,o){let{formField:t}=e,r=`${t.id}-hint`,a=b(t.customForm);Vo(t.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for date field "${t.id}"`);let n=e.state||t.defaultValue?.toString();return z.default.createElement("div",null,z.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),z.default.createElement("div",{className:"app-sdk-mt-1"},z.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"date",defaultValue:n,id:t.id,name:t.id,"aria-describedby":r,"data-form-field-type":"date"})),a?.hint&&z.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},a?.hint))}function Vo(e){return new Date(e?.toString()).toString()!=="Invalid Date"}var A=d(require("react"),1);function te(e){return!Number.isNaN(Number(e?.toString()))}function re(e,o){let{formField:t}=e,r=`${t.id}-hint`,a=b(t.customForm);return te(t.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for decimal field "${t.id}"`),A.default.createElement("div",null,A.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),A.default.createElement("div",{className:"app-sdk-mt-1"},A.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:"0.01",placeholder:a?.placeholder||"0.00",defaultValue:e.state||t.defaultValue?.toString(),id:t.id,name:t.id,"aria-describedby":r,"data-form-field-type":"decimal"})),a?.hint&&A.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},a?.hint))}var v=d(require("react"),1);function ne({formField:e,state:o},t){let r=b(e.customForm),a=e.label,n=e.enumValues,s;switch(r?.displayAs){case"checkbox":let l;Array.isArray(o)&&o.length?l=o:l=(o||e.defaultValue?.toString())?.split(",")??[],s=v.default.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":r?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(m=>{let f=l.find(F=>F.trim()===m.id);return v.default.createElement("div",{key:m.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},v.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},v.default.createElement("input",{type:"checkbox",defaultChecked:f,name:e.id,id:m.id,value:m.id,className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),v.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},v.default.createElement("label",{htmlFor:m.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},m.name)))}));break;case"radio":s=v.default.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":r?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(m=>v.default.createElement("div",{key:m.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},v.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},v.default.createElement("input",{type:"radio",defaultChecked:(o||e.defaultValue)==m.id,name:e.id,id:m.id,value:m.id,className:"app-sdk-form-radio app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),v.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},v.default.createElement("label",{htmlFor:m.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},m.name)))));break;default:let c=o||n?.find(m=>m.id===e.defaultValue)?.id||"";s=v.default.createElement("select",{id:e.id,name:e.id,className:"app-sdk-form-select app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-mt-1 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-py-2 app-sdk-pl-3 app-sdk-pr-10 app-sdk-text-base app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-outline-none focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:app-sdk-bg-app-sdk-dropdown-dark dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",onChange:m=>m.target.dataset.value=m.target.value,"data-value":c,"aria-describedby":r?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:c},v.default.createElement("option",{value:""},!c&&r?.placeholder),n?.map(m=>v.default.createElement("option",{key:m.id,value:m.id},m.name)));break}let i=r?.hint?v.default.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},r.hint):null;return v.default.createElement("div",null,v.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},a),s,i)}var V=d(require("react"),1);function ae({formField:e},o){let t=b(e.customForm),r;switch(t?.style){case"heading_1":r=V.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_2":r=V.default.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_3":r=V.default.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;default:r=V.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break}return V.default.createElement("div",{className:"app-sdk-header-form-field"},r)}var B=d(require("react"),1);function se({formField:e,state:o},t){let r=b(e.customForm);return te(e.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for integer field "${e.id}"`),B.default.createElement("div",null,B.default.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),B.default.createElement("div",{className:"app-sdk-mt-1"},B.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:1,id:e.id,name:e.id,defaultValue:o||e.defaultValue?.toString(),placeholder:r?.placeholder??"0","aria-describedby":`${e.id}-hint`,"data-form-field-type":"integer"})),r?.hint&&B.default.createElement("p",{id:`${e.id}-hint`,"data-hint":!0,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},r.hint))}var lo=d(require("isomorphic-dompurify"),1),ie=require("marked"),co=d(require("react"),1),de=require("react");function pe({formField:{defaultValue:e,label:o}},t){let[r,a]=(0,de.useState)("");return(0,de.useEffect)(()=>{let n=ie.marked.parse(e?.toString()??o?.toString()??"",{renderer:new De,hooks:new Me});a(n)},[e,o]),co.default.createElement("div",{className:N("app-sdk-text-sm","[&_p]:app-sdk-my-4 first-of-type:[&_p]:app-sdk-mb-4 first-of-type:[&_p]:app-sdk-mt-0","[&_a]:app-sdk-text-[color:var(--asdk-dui-link-color)] [&_a]:app-sdk-underline hover:[&_a]:app-sdk-text-[color:var(--asdk-dui-link-hover-color)]","[&_h1]:app-sdk-text-2xl [&_h1]:app-sdk-font-bold [&_h2]:app-sdk-text-xl [&_h2]:app-sdk-font-bold [&_h3]:app-sdk-text-lg [&_h3]:app-sdk-font-bold [&_h4]:app-sdk-text-base [&_h4]:app-sdk-font-bold [&_h5]:app-sdk-text-sm [&_h5]:app-sdk-font-bold [&_h6]:app-sdk-text-xs [&_h6]:app-sdk-font-bold","[&_code]:app-sdk-text-[#e83e8c] [&_pre]:app-sdk-my-4 [&_pre]:app-sdk-bg-gray-100 [&_pre]:dark:app-sdk-bg-app-sdk-gray-700 [&_pre_code]:app-sdk-text-inherit","[&_blockquote]:app-sdk-m-[revert] [&_fieldset]:app-sdk-m-[revert] [&_h1]:app-sdk-m-[revert] [&_h2]:app-sdk-m-[revert] [&_h3]:app-sdk-m-[revert] [&_h4]:app-sdk-m-[revert] [&_h5]:app-sdk-m-[revert] [&_h6]:app-sdk-m-[revert] [&_menu]:app-sdk-m-[revert] [&_ol]:app-sdk-m-[revert] [&_ul]:app-sdk-m-[revert]","[&_fieldset]:app-sdk-p-[revert] [&_menu]:app-sdk-p-[revert] [&_ol]:app-sdk-p-[revert] [&_ul]:app-sdk-p-[revert]","[&_ol]:app-sdk-list-decimal [&_ol_p]:app-sdk-my-2 first-of-type:[&_ol_p]:app-sdk-my-4 [&_ul]:app-sdk-list-disc [&_ul_p]:app-sdk-my-2 first-of-type:[&_ul_p]:app-sdk-my-4","[&_input[type='checkbox']]:app-sdk-form-checkbox [&_input[type='checkbox']]:app-sdk-border [&_input[type='checkbox']]:app-sdk-h-4 [&_input[type='checkbox']]:app-sdk-w-4 [&_input[type='checkbox']]:app-sdk-rounded [&_input[type='checkbox']]:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:app-sdk-text-sky-600 [&_input[type='checkbox']]:hover:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:dark:app-sdk-border-2 [&_input[type='checkbox']]:dark:app-sdk-border-solid [&_input[type='checkbox']]:dark:app-sdk-border-transparent [&_input[type='checkbox']]:dark:app-sdk-bg-app-sdk-gray-350 [&_input[type='checkbox']]:dark:app-sdk-text-[#007bff40] [&_input[type='checkbox']]:dark:hover:app-sdk-border-transparent [&_input[type='checkbox']]:dark:hover:checked:app-sdk-bg-app-sdk-gray-350"),dangerouslySetInnerHTML:{__html:r}})}var De=class extends ie.marked.Renderer{link(o,t,r){return super.link(o,t,r).replace("<a","<a target='_blank'")}html(o,t){let r=super.html(o,t);return r.startsWith("<a ")&&!r.includes("target=")?r.replace("<a ",'<a target="_blank" '):r}},Me=class extends ie.marked.Hooks{postprocess(o){return lo.default.sanitize(o,{ADD_ATTR:["target"]})}};var R=d(require("react"),1);function le({formField:e,state:o},t){let r=b(e.customForm),a=e.label,n=r?.multiline==="true"?"textarea":"input",s=R.default.createElement(n,{className:N(n==="input"?"app-sdk-form-input":"app-sdk-form-textarea","app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-shadow-sm focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] app-sdk-block app-sdk-w-full sm:app-sdk-text-sm app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 dark:app-sdk-border-solid dark:app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] dark:focus:app-sdk-shadow-app-sdk-dark app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] dark:invalid:app-sdk-shadow-app-sdk-dark-invalid"),id:e.id,name:e.id,defaultValue:o||(e.defaultValue?.toString()??""),placeholder:r?.placeholder,"aria-describedby":r?.hint?`${e.id}-hint`:void 0,type:n==="input"?"text":void 0,rows:n==="textarea"?4:void 0,"data-form-field-type":"string"}),i=r?.hint?R.default.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},r.hint):null;return R.default.createElement("div",null,R.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},a),R.default.createElement("div",{className:"app-sdk-mt-1"},s),i)}var uo=(r=>(r.paragraph="paragraph",r.header="header",r.confirm="confirm",r))(uo||{}),kr={...mo.DataModels.FlowNodeInstances.UserTaskFormFieldType,...uo},Pe={boolean:K,date:oe,enum:ne,long:se,number:re,string:le,paragraph:pe,header:ae,confirm:Q,custom:ee};var Bo=(0,go.default)(p.default.version,">=18.0.0 <19",{includePrerelease:!0}),vo=(0,ho.default)(p.default.version)==null,fo=!vo&&(0,ko.default)(p.default.version,"18.2.0")&&p.default.version.includes("canary"),Ee=class extends p.default.Component{};function Ro(e){Bo||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		The React version is not supported!
+Version: ${p.default.version}`);let{userTaskConfig:o}=e.task,{formFields:t}=o,r=(0,p.useRef)(),a=(0,p.useRef)(null),n=new Map(t.map(k=>[k.id,{ref:p.default.createRef()}])),s=t.filter(k=>k.type==="confirm");s.length>1&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Warning while rendering UserTask "${e.task.flowNodeId}"!
  The UserTask has more than one confirm form field. Please use only one confirm form field per User Task.
 
-The first confirm form field is used for rendering.`);let i=a.length===1?a[0]:null,m={...De,...e.customFieldComponents?e.customFieldComponents:{}},l=k=>{let g=Jo(k,t,n);e.onSubmit(g,k,(0,ho.mapUserTask)(e.task))};function c(k){let g=k.target;r.current!=null&&window.clearTimeout(r.current),r.current=window.setTimeout(()=>{if(r.current=void 0,s.current==null)return;let D=new FormData(s.current),le=Go(D,n);e.onStateChange?.(g.value,g.name,le)},100)}let f=N("app-sdk-default-styles app-sdk-mx-auto app-sdk-block app-sdk-h-full app-sdk-min-h-[200px] app-sdk-rounded-lg app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)] sm:app-sdk-w-full sm:app-sdk-max-w-lg",e.classNames?.wrapper??"",e.className??""),F=e.darkMode||f.split(" ").includes("dark"),C={...mo&&{action:l},...!mo&&go&&{onSubmit:k=>{let g=new FormData(s.current),D=k.nativeEvent.submitter;g.has(D.name)||g.append(D.name,D.value),l(g)},method:"dialog"}};return p.default.createElement("div",{className:F?`dark app-sdk-dark ${f}`:N(...f.split(" ").filter(k=>k!=="dark"&&k!=="app-sdk-dark")),"data-dynamic-ui":!0,"data-blablabl":!0},p.default.createElement("form",{ref:s,className:N("app-sdk-flex app-sdk-max-h-full app-sdk-flex-col app-sdk-rounded-lg app-sdk-bg-[color:var(--asdk-dui-background-color)]  app-sdk-text-[color:var(--asdk-dui-text-color)] app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)]",e.classNames?.base??""),"data-user-task-id":e.task.flowNodeId,"data-user-task-instance-id":e.task.flowNodeInstanceId,onChange:c,...C},p.default.createElement("header",{className:N("app-sdk-px-4 app-sdk-pb-3 app-sdk-pt-4 sm:app-sdk-px-6",e.classNames?.header?e.classNames.header:"")},p.default.createElement(Ro,{title:e.title??e.task.flowNodeName??"User Task",headerComponent:e.headerComponent})),p.default.createElement("section",{className:N("app-sdk-overflow-y-auto app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.body??"")},p.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-space-y-6 dark:[color-scheme:dark]"},t.map(k=>{let g=m[k.type];if(!g)return null;if(!pe.isValidElementType(g))return console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		The given DynamicUiFormFieldComponent is not a valid React Element Type.
+The first confirm form field is used for rendering.`);let i=s.length===1?s[0]:null,l={...Pe,...e.customFieldComponents?e.customFieldComponents:{}},c=k=>{let g=Xo(k,t,n);e.onSubmit(g,k,(0,yo.mapUserTask)(e.task))};function m(k){let g=k.target;r.current!=null&&window.clearTimeout(r.current),r.current=window.setTimeout(()=>{if(r.current=void 0,a.current==null)return;let D=new FormData(a.current),me=Jo(D,n);e.onStateChange?.(g.value,g.name,me)},100)}let f=N("app-sdk-default-styles app-sdk-mx-auto app-sdk-block app-sdk-h-full app-sdk-min-h-[200px] app-sdk-rounded-lg app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)] sm:app-sdk-w-full sm:app-sdk-max-w-lg",e.classNames?.wrapper??"",e.className??""),F=e.darkMode||f.split(" ").includes("dark"),C={...fo&&{action:c},...!fo&&vo&&{onSubmit:k=>{let g=new FormData(a.current),D=k.nativeEvent.submitter;g.has(D.name)||g.append(D.name,D.value),c(g)},method:"dialog"}};return p.default.createElement("div",{className:F?`dark app-sdk-dark ${f}`:N(...f.split(" ").filter(k=>k!=="dark"&&k!=="app-sdk-dark")),"data-dynamic-ui":!0,"data-blablabl":!0},p.default.createElement("form",{ref:a,className:N("app-sdk-flex app-sdk-max-h-full app-sdk-flex-col app-sdk-rounded-lg app-sdk-bg-[color:var(--asdk-dui-background-color)]  app-sdk-text-[color:var(--asdk-dui-text-color)] app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)]",e.classNames?.base??""),"data-user-task-id":e.task.flowNodeId,"data-user-task-instance-id":e.task.flowNodeInstanceId,onChange:m,...C},p.default.createElement("header",{className:N("app-sdk-px-4 app-sdk-pb-3 app-sdk-pt-4 sm:app-sdk-px-6",e.classNames?.header?e.classNames.header:"")},p.default.createElement(Go,{title:e.title??e.task.flowNodeName??"User Task",headerComponent:e.headerComponent})),p.default.createElement("section",{className:N("app-sdk-overflow-y-auto app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.body??"")},p.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-space-y-6 dark:[color-scheme:dark]"},t.map(k=>{let g=l?.[k.type]||l.custom;if(!g)return null;if(!ce.isValidElementType(g))return console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		The given DynamicUiFormFieldComponent is not a valid React Element Type.
 
 FormField:	${JSON.stringify(k,null,2)}
 DynamicUiFormFieldComponent:	${g.toString()}
 
-Rendering 'null' as fallback`),null;let D;if(Pe(g))jo(g),D=g;else{let ce=g;g.length===1&&(ce=(yo,Xo)=>p.default.createElement(g,{...yo})),Ho(ce),D=(0,p.forwardRef)(ce)}let le=n.get(k.id)?.ref;return p.default.createElement(p.Fragment,{key:k.id},p.default.createElement(D,{ref:le,formField:k,state:e.state?.[k.id]}))}))),p.default.createElement("footer",{className:N("app-sdk-rounded-b-lg app-sdk-bg-[color:var(--asdk-dui-footer-background-color)] app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.footer??"")},p.default.createElement(Vo,{confirmFormField:i}))))}function Vo(e){let{confirmFormField:o}=e,t=p.default.createElement(p.Fragment,null,p.default.createElement("button",{type:"submit",className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm "},"OK"));if(o){let r=w(o.customForm);t=p.default.createElement(p.Fragment,null,p.default.createElement("button",{type:"submit",name:o.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm ",value:"true"},r?.confirmButtonText??"Confirm"),p.default.createElement("button",{type:"submit",name:o.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-decline-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-decline-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm",value:"false"},r?.declineButtonText??"Decline"))}return p.default.createElement("div",{className:"app-sdk-space-y-2 sm:app-sdk-flex sm:app-sdk-flex-row-reverse sm:-app-sdk-space-x-2 sm:app-sdk-space-y-0"},t)}function Ro(e){return p.default.createElement("div",{className:"app-sdk-flex app-sdk-space-x-3"},p.default.createElement("div",{className:"app-sdk-flex-1"},p.default.createElement("h3",{id:"headline-title",className:"app-sdk-text-lg app-sdk-font-medium app-sdk-leading-6 app-sdk-text-[color:var(--asdk-dui-header-text-color)]"},e.title)),p.default.createElement("div",{className:"app-sdk-flex app-sdk-self-center"},e.headerComponent))}function Pe(e){return e?.prototype?.isReactComponent!=null}function jo(e){if(!(pe.isValidElementType(e)&&Pe(e)))throw new Error("Expected Element to be a React Component")}function Ho(e){if(!(pe.isValidElementType(e)&&!Pe(e)))throw new Error("Expected Element to be a functional Component")}function Go(e,o){let t={};return e.forEach((r,s)=>{if(r instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Add a getState Function to your component to return a JSON Primitive value as state.
+Rendering 'null' as fallback`),null;let D;if(Te(g))Ho(g),D=g;else{let ue=g;g.length===1&&(ue=(bo,Zo)=>p.default.createElement(g,{...bo})),$o(ue),D=(0,p.forwardRef)(ue)}let me=n.get(k.id)?.ref;return p.default.createElement(p.Fragment,{key:k.id},p.default.createElement(D,{ref:me,formField:k,state:e.state?.[k.id]}))}))),p.default.createElement("footer",{className:N("app-sdk-rounded-b-lg app-sdk-bg-[color:var(--asdk-dui-footer-background-color)] app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.footer??"")},p.default.createElement(jo,{confirmFormField:i}))))}function jo(e){let{confirmFormField:o}=e,t=p.default.createElement(p.Fragment,null,p.default.createElement("button",{type:"submit",className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm "},"OK"));if(o){let r=b(o.customForm);t=p.default.createElement(p.Fragment,null,p.default.createElement("button",{type:"submit",name:o.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm ",value:"true"},r?.confirmButtonText??"Confirm"),p.default.createElement("button",{type:"submit",name:o.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-decline-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-decline-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm",value:"false"},r?.declineButtonText??"Decline"))}return p.default.createElement("div",{className:"app-sdk-space-y-2 sm:app-sdk-flex sm:app-sdk-flex-row-reverse sm:-app-sdk-space-x-2 sm:app-sdk-space-y-0"},t)}function Go(e){return p.default.createElement("div",{className:"app-sdk-flex app-sdk-space-x-3"},p.default.createElement("div",{className:"app-sdk-flex-1"},p.default.createElement("h3",{id:"headline-title",className:"app-sdk-text-lg app-sdk-font-medium app-sdk-leading-6 app-sdk-text-[color:var(--asdk-dui-header-text-color)]"},e.title)),p.default.createElement("div",{className:"app-sdk-flex app-sdk-self-center"},e.headerComponent))}function Te(e){return e?.prototype?.isReactComponent!=null}function Ho(e){if(!(ce.isValidElementType(e)&&Te(e)))throw new Error("Expected Element to be a React Component")}function $o(e){if(!(ce.isValidElementType(e)&&!Te(e)))throw new Error("Expected Element to be a functional Component")}function Jo(e,o){let t={};return e.forEach((r,a)=>{if(r instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Add a getState Function to your component to return a JSON Primitive value as state.
 
-FormField: ${s} with ${r} `);return}t[s]?t[s]=Array.isArray(t[s])?[...t[s],r]:[t[s],r]:t[s]=r}),o.forEach((r,s)=>{if(typeof r.ref.current?.getState=="function"){let n=r.ref.current.getState();(typeof n=="boolean"||typeof n=="number"||typeof n=="string"||Array.isArray(n)||n==null||n?.toString()==="[object Object]")&&(t[s]=n)}}),t}function Jo(e,o,t){let r={};for(let n of e.keys()){let a=e.getAll(n);if(a[0]instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Use the raw FormData instance to process files instead.
+FormField: ${a} with ${r} `);return}t[a]?t[a]=Array.isArray(t[a])?[...t[a],r]:[t[a],r]:t[a]=r}),o.forEach((r,a)=>{if(typeof r.ref.current?.getState=="function"){let n=r.ref.current.getState();(typeof n=="boolean"||typeof n=="number"||typeof n=="string"||Array.isArray(n)||n==null||n?.toString()==="[object Object]")&&(t[a]=n)}}),t}function Xo(e,o,t){let r={};for(let n of e.keys()){let s=e.getAll(n);if(s[0]instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Use the raw FormData instance to process files instead.
 
-FormField: ${n} with ${a} `);continue}if(a.length===1?r[n]=a[0]:r[n]=a,r[n]==""&&delete r[n],r[n]){let i=o.find(m=>m.id===n)?.type;if(i==="boolean"){r[n]=r[n]==="on";continue}if(i==="confirm"){r[n]=JSON.parse(r[n]);continue}if(i==="number"){r[n]=parseFloat(r[n]);continue}if(i==="long"){r[n]=parseInt(r[n]);continue}}}let s=o.filter(n=>n.type==="boolean");return s.length&&s.forEach(n=>{r[n.id]||(r[n.id]=!1)}),t.forEach((n,a)=>{if(typeof n.ref.current?.getValue=="function"){let i=n.ref.current.getValue();(typeof i=="boolean"||typeof i=="number"||typeof i=="string"||Array.isArray(i)||i==null||i?.toString()==="[object Object]")&&(r[a]=i)}}),r}0&&(module.exports={BPMNViewer,BPMNViewerNextJS,BooleanFormField,BpmnViewerComponent,ConfirmFormField,DateFormField,DecimalFormField,DiagramDocumentationInspector,DiagramDocumentationInspectorNextJS,DocumentationViewer,DropdownMenu,DropdownMenuItem,DynamicLink,DynamicUi,DynamicUiComponent,EnumFormField,FlowNode,FormFieldComponentMap,HeaderFormField,IntegerFormField,ParagraphFormField,SplitterLayout,StringFormField});
+FormField: ${n} with ${s} `);continue}if(s.length===1?r[n]=s[0]:r[n]=s,r[n]==""&&delete r[n],r[n]){let i=o.find(l=>l.id===n)?.type;if(i==="boolean"){r[n]=r[n]==="on";continue}if(i==="confirm"){r[n]=JSON.parse(r[n]);continue}if(i==="number"){r[n]=parseFloat(r[n]);continue}if(i==="long"){r[n]=parseInt(r[n]);continue}}}let a=o.filter(n=>n.type==="boolean");return a.length&&a.forEach(n=>{r[n.id]||(r[n.id]=!1)}),t.forEach((n,s)=>{if(typeof n.ref.current?.getValue=="function"){let i=n.ref.current.getValue();(typeof i=="boolean"||typeof i=="number"||typeof i=="string"||Array.isArray(i)||i==null||i?.toString()==="[object Object]")&&(r[s]=i)}}),r}0&&(module.exports={BPMNViewer,BPMNViewerNextJS,BooleanFormField,BpmnViewerComponent,ConfirmFormField,CustomFormField,DateFormField,DecimalFormField,DiagramDocumentationInspector,DiagramDocumentationInspectorNextJS,DocumentationViewer,DropdownMenu,DropdownMenuItem,DynamicLink,DynamicUi,DynamicUiComponent,EnumFormField,FlowNode,FormFieldComponentMap,HeaderFormField,IntegerFormField,ParagraphFormField,SplitterLayout,StringFormField});

package/build/client/index.mjs

@@ -1,18 +1,18 @@
-"use client";import"client-only";import Je from"bpmn-js/lib/Viewer";import $e from"clsx";import Xe from"diagram-js/lib/features/selection";import We from"diagram-js/lib/navigation/movecanvas";import Ze from"diagram-js/lib/navigation/zoomscroll";import qe from"next/dynamic";import{forwardRef as Ye,useEffect as Ke,useImperativeHandle as Qe,useRef as we}from"react";import Fe from"react";function eo(e,o){let t=we(null),r=we(new Je({bpmnRenderer:{defaultFillColor:"var(--asdk-bv-background-color)",defaultStrokeColor:"var(--asdk-bv-foreground-color)"},additionalModules:[Ze,We,Xe]}));return Qe(o,()=>({getOverlays(){return r.current.get("overlays")},getElementRegistry(){return r.current.get("elementRegistry")}}),[]),Ke(()=>{if(!t.current)return;let s=r.current;s.attachTo(t.current);let n=s.get("canvas"),a=i=>{e.onSelectionChanged?.(i.newSelection)};return s.importXML(e.xml).then(()=>{let i=n.viewbox(),l={x:i.outer.width/2,y:i.outer.height/2};n.zoom("fit-viewport",l),e.onImportDone?.(),s.on("selection.changed",a);let{preselectedElementIds:d}=e;if(!d||d.length===0)return;let u=s.get("elementRegistry").filter(v=>d.includes(v.id)).sort((v,F)=>d.indexOf(v.id)-d.indexOf(F.id));s.get("selection").select(u??[])}).catch(i=>{console.error(`[@5minds/processcube_app_sdk:BPMNViewer]		Error while importing BPMN XML: "${i.message}`)}),()=>{s.off("selection.changed",a),s.detach()}},[e.xml,e.preselectedElementIds]),Fe.createElement("div",{ref:t,className:$e("app-sdk-bpmn-viewer","app-sdk-h-full",e.className)})}var $=Ye(eo);function oo(e){return Fe.createElement($,{...e,ref:e.viewerRef})}var it=qe(()=>Promise.resolve(oo),{ssr:!1});import{getBusinessObject as Z}from"bpmn-js/lib/util/ModelUtil";import po from"next/dynamic";import{useEffect as W,useRef as Ce,useState as V}from"react";import I from"react";import xe from"react";import to from"react-markdown";import ro from"rehype-autolink-headings";import no from"rehype-raw";import so from"rehype-slug";import ao from"remark-gfm";function X(e){return xe.createElement("div",{className:"app-sdk-absolute app-sdk-w-full app-sdk-h-full app-sdk-overflow-y-auto app-sdk-scroll-p-4 app-sdk-scroll-smooth app-sdk-scroll-shadow"},xe.createElement(to,{remarkPlugins:[ao],rehypePlugins:[no,so,[ro,{behavior:"wrap"}]],className:"app-sdk-markdown lg:app-sdk-mx-40 md:app-sdk-mx-20 app-sdk-mx-10"},e.documentation??""))}import S from"react";var Ne=4,B=class extends S.Component{static defaultProps={customClassName:"",vertical:!1,percentage:!1,primaryIndex:0,primaryMinSize:0,secondaryDefaultSize:null,secondaryInitialSize:null,secondaryMinSize:0,onDragStart:null,onDragEnd:null,onSizeChanged:null,children:[]};container;splitter;constructor(o){super(o),this.handleResize=this.handleResize.bind(this),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.handleTouchMove=this.handleTouchMove.bind(this),this.handleSplitterMouseDown=this.handleSplitterMouseDown.bind(this),this.handleSplitterDoubleClick=this.handleSplitterDoubleClick.bind(this),this.state={lastMouseDown:0,secondaryPaneSize:o.secondaryInitialSize||0,resizing:!1}}componentDidMount(){window.addEventListener("resize",this.handleResize),document.addEventListener("mouseup",this.handleMouseUp),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("touchend",this.handleMouseUp),document.addEventListener("touchmove",this.handleTouchMove),document.addEventListener("dblclick",this.handleSplitterDoubleClick);let o;if(this.props.secondaryInitialSize)o=this.props.secondaryInitialSize;else{let t=this.container.getBoundingClientRect(),r;this.splitter?r=this.splitter.getBoundingClientRect():r={width:Ne,height:Ne},o=this.getSecondaryPaneSize(t,r,{left:t.left+(t.width-r.width)/2,top:t.top+(t.height-r.height)/2},!1)}this.setSecondaryPaneSize(o)}componentDidUpdate(o,t){t.secondaryPaneSize!==this.state.secondaryPaneSize&&this.props.onSizeChanged&&this.props.onSizeChanged(this.state.secondaryPaneSize),t.resizing!==this.state.resizing&&(this.state.resizing?this.props.onDragStart&&this.props.onDragStart(t.secondaryPaneSize):this.props.onDragEnd&&this.props.onDragEnd(t.secondaryPaneSize,this.state.secondaryPaneSize))}componentWillUnmount(){window.removeEventListener("resize",this.handleResize),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("touchend",this.handleMouseUp),document.removeEventListener("touchmove",this.handleTouchMove),document.removeEventListener("dblclick",this.handleSplitterDoubleClick)}clearSelection(){if(document.body.createTextRange){let o=document.body.createTextRange();o.collapse(),o.select()}else if(window.getSelection){let o=window.getSelection();if(o==null)return;o.empty?o.empty():o.removeAllRanges&&o.removeAllRanges()}else document.selection&&document.selection.empty()}getSecondaryPaneSize(o,t,r,s){let n=0,a=0,i=0;this.props.vertical?(n=o.height,a=t.height,i=r.top-o.top):(n=o.width,a=t.width,i=r.left-o.left),s&&(i-=a/2),i<0?i=0:i>n-a&&(i=n-a);let l;this.props.primaryIndex===1?l=i:l=n-a-i;let d=n-a-l;return this.props.percentage&&(l=l*100/n,d=d*100/n,a=a*100/n,n=100),d<this.props.primaryMinSize?l=Math.max(l-(this.props.primaryMinSize-d),0):l<this.props.secondaryMinSize&&(l=Math.min(n-a-this.props.primaryMinSize,this.props.secondaryMinSize)),l}setSecondaryPaneSize(o){this.setState({secondaryPaneSize:o})}maximizeSecondaryPane(){if(this.props.percentage)this.setSecondaryPaneSize(100-this.props.primaryMinSize);else throw new Error("maximizeSecondaryPane() is only supported in SplitterLayout with prop `percentage`")}isReset(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;return this.state.secondaryPaneSize===o}reset(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.setSecondaryPaneSize(o)}handleResize(){if(this.splitter&&!this.props.percentage){let o=this.container.getBoundingClientRect(),t=this.splitter.getBoundingClientRect(),r=this.getSecondaryPaneSize(o,t,{left:t.left,top:t.top},!1);this.setState({secondaryPaneSize:r})}}handleMouseMove(o){if(this.state.resizing){let t=this.container.getBoundingClientRect(),r=this.splitter.getBoundingClientRect(),s=this.getSecondaryPaneSize(t,r,{left:o.clientX,top:o.clientY},!0);this.clearSelection(),this.setState({secondaryPaneSize:s})}}handleTouchMove(o){this.handleMouseMove(o.changedTouches[0])}handleSplitterMouseDown(o){o.preventDefault(),this.clearSelection(),this.setState({resizing:!0})}handleSplitterDoubleClick(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.state.secondaryPaneSize===o?this.setSecondaryPaneSize(Math.floor(o*1.5)):this.setSecondaryPaneSize(o)}handleMouseUp(){this.setState(o=>o.resizing?{resizing:!1}:null)}render(){let o="app-sdk-splitter-layout";this.props.customClassName&&(o+=` ${this.props.customClassName}`),this.props.vertical&&(o+=" app-sdk-splitter-layout-vertical"),this.state.resizing&&(o+=" layout-changing");let t=S.Children.toArray(this.props.children).slice(0,2);t.length===0&&t.push(S.createElement("div",null));let r=[],s=this.props.primaryIndex!==0&&this.props.primaryIndex!==1?0:this.props.primaryIndex;for(let n=0;n<t.length;++n){let a=!0,i;t.length>1&&n!==s&&(a=!1,i=this.state.secondaryPaneSize),r.push(S.createElement(io,{vertical:this.props.vertical,percentage:this.props.percentage,primary:a,size:i},t[n]))}return S.createElement("div",{className:o,ref:n=>{this.container=n}},r[0],r.length>1&&S.createElement("div",{role:"separator",className:"app-sdk-layout-splitter"},S.createElement("div",{className:"app-sdk-layout-splitter__inner",ref:n=>{this.splitter=n},onMouseDown:this.handleSplitterMouseDown,onTouchStart:this.handleSplitterMouseDown})),r.length>1&&r[1])}};function io(e={vertical:!1,primary:!1,size:0,percentage:!1,children:[]}){let o=e.size||0,t=e.percentage?"%":"px",r="app-sdk-layout-pane",s={};return e.primary?r+=" app-sdk-layout-pane-primary":e.vertical?s.height=`${o}${t}`:s.width=`${o}${t}`,S.createElement("div",{className:r,style:s},e.children)}var E=30;function lo(e){let o=Ce(null),t=Ce(null),[r,s]=V([]),[n,a]=V(!1),[i,l]=V([]),[d,p]=V(E);return W(()=>{if(!window)return;let u=new URLSearchParams(window.location.search),v=u.getAll("selected");if(l(v),!u.has("splitterSize"))return;let F=parseFloat(u.get("splitterSize"));isNaN(F)||F===E||(p(F),t.current?.setSecondaryPaneSize(F))},[]),W(()=>{if(!n)return;let u=new URLSearchParams(window.location.search);d!==E?u.set("splitterSize",d.toString()):u.delete("splitterSize"),u.delete("selected"),r.length>0&&r.forEach(f=>u.append("selected",f.id));let v=decodeURIComponent(window.location.hash.slice(1)),F=v.length>0?document.getElementById(v):null;window.history.replaceState(null,"",`?${u.toString()}${F?window.location.hash:""}`),window.location.hash&&(window.location.hash=window.location.hash),F?.scrollIntoView()},[r,d]),W(()=>{let u=o.current?.getOverlays();o.current?.getElementRegistry()?.filter(Se)?.forEach(f=>{let k=uo(f);u?.add(f.id,{position:k,html:'<div title="This element has documentation" class="app-sdk-bg-[color:var(--asdk-ddi-background-color)] app-sdk-p-[2px] app-sdk-rounded-s"><svg xmlns="http://www.w3.org/2000/svg" height=17 viewBox="0 0 448 512"><!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M64 0C28.7 0 0 28.7 0 64L0 448l0 0c0 35.3 28.7 64 64 64H432c8.8 0 16-7.2 16-16s-7.2-16-16-16H416V413.3c18.6-6.6 32-24.4 32-45.3V48c0-26.5-21.5-48-48-48H64zM384 416v64H64c-17.7 0-32-14.3-32-32s14.3-32 32-32H384zM64 384c-11.7 0-22.6 3.1-32 8.6L32 64c0-17.7 14.3-32 32-32H96V384H64zm64 0V32H400c8.8 0 16 7.2 16 16V368c0 8.8-7.2 16-16 16H128zm48-240c0 8.8 7.2 16 16 16H352c8.8 0 16-7.2 16-16s-7.2-16-16-16H192c-8.8 0-16 7.2-16 16zm0 96c0 8.8 7.2 16 16 16H352c8.8 0 16-7.2 16-16s-7.2-16-16-16H192c-8.8 0-16 7.2-16 16z"/></svg></div>'})})},[n]),I.createElement(B,{ref:t,vertical:!0,percentage:!0,secondaryInitialSize:E,secondaryDefaultSize:E,onDragEnd:(u,v)=>p(Math.round(v))},I.createElement($,{ref:o,xml:e.xml,preselectedElementIds:i,onSelectionChanged:u=>s([...u]),onImportDone:()=>a(!0)}),I.createElement("div",{className:"app-sdk-flex app-sdk-justify-center app-sdk-h-full app-sdk-bg-[color:var(--asdk-ddi-background-color)]"},I.createElement(co,{elements:r})))}function co({elements:e}){if(e.length===0)return I.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"Please select an element");let o=e.filter(Se);if(o.length===0)return I.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"No documentation available");if(o.length===1){let t=Z(o[0])?.documentation?.[0]?.text;return I.createElement(X,{documentation:t})}return I.createElement(X,{documentation:o.map(t=>Z(t)?.documentation?.[0]?.text).join(`
+"use client";import"client-only";import Xe from"bpmn-js/lib/Viewer";import We from"clsx";import Ze from"diagram-js/lib/features/selection";import qe from"diagram-js/lib/navigation/movecanvas";import Ye from"diagram-js/lib/navigation/zoomscroll";import Ke from"next/dynamic";import{forwardRef as Qe,useEffect as eo,useImperativeHandle as oo,useRef as xe}from"react";import Ne from"react";function to(e,o){let t=xe(null),r=xe(new Xe({bpmnRenderer:{defaultFillColor:"var(--asdk-bv-background-color)",defaultStrokeColor:"var(--asdk-bv-foreground-color)"},additionalModules:[Ye,qe,Ze]}));return oo(o,()=>({getOverlays(){return r.current.get("overlays")},getElementRegistry(){return r.current.get("elementRegistry")}}),[]),eo(()=>{if(!t.current)return;let a=r.current;a.attachTo(t.current);let n=a.get("canvas"),s=i=>{e.onSelectionChanged?.(i.newSelection)};return a.importXML(e.xml).then(()=>{let i=n.viewbox(),d={x:i.outer.width/2,y:i.outer.height/2};n.zoom("fit-viewport",d),e.onImportDone?.(),a.on("selection.changed",s);let{preselectedElementIds:p}=e;if(!p||p.length===0)return;let u=a.get("elementRegistry").filter(v=>p.includes(v.id)).sort((v,F)=>p.indexOf(v.id)-p.indexOf(F.id));a.get("selection").select(u??[])}).catch(i=>{console.error(`[@5minds/processcube_app_sdk:BPMNViewer]		Error while importing BPMN XML: "${i.message}`)}),()=>{a.off("selection.changed",s),a.detach()}},[e.xml,e.preselectedElementIds]),Ne.createElement("div",{ref:t,className:We("app-sdk-bpmn-viewer","app-sdk-h-full",e.className)})}var X=Qe(to);function ro(e){return Ne.createElement(X,{...e,ref:e.viewerRef})}var pt=Ke(()=>Promise.resolve(ro),{ssr:!1});import{getBusinessObject as q}from"bpmn-js/lib/util/ModelUtil";import co from"next/dynamic";import{useEffect as Z,useRef as Ie,useState as R}from"react";import I from"react";import Ce from"react";import no from"react-markdown";import ao from"rehype-autolink-headings";import so from"rehype-raw";import io from"rehype-slug";import po from"remark-gfm";function W(e){return Ce.createElement("div",{className:"app-sdk-absolute app-sdk-w-full app-sdk-h-full app-sdk-overflow-y-auto app-sdk-scroll-p-4 app-sdk-scroll-smooth app-sdk-scroll-shadow"},Ce.createElement(no,{remarkPlugins:[po],rehypePlugins:[so,io,[ao,{behavior:"wrap"}]],className:"app-sdk-markdown lg:app-sdk-mx-40 md:app-sdk-mx-20 app-sdk-mx-10"},e.documentation??""))}import S from"react";var Se=4,B=class extends S.Component{static defaultProps={customClassName:"",vertical:!1,percentage:!1,primaryIndex:0,primaryMinSize:0,secondaryDefaultSize:null,secondaryInitialSize:null,secondaryMinSize:0,onDragStart:null,onDragEnd:null,onSizeChanged:null,children:[]};container;splitter;constructor(o){super(o),this.handleResize=this.handleResize.bind(this),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.handleTouchMove=this.handleTouchMove.bind(this),this.handleSplitterMouseDown=this.handleSplitterMouseDown.bind(this),this.handleSplitterDoubleClick=this.handleSplitterDoubleClick.bind(this),this.state={lastMouseDown:0,secondaryPaneSize:o.secondaryInitialSize||0,resizing:!1}}componentDidMount(){window.addEventListener("resize",this.handleResize),document.addEventListener("mouseup",this.handleMouseUp),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("touchend",this.handleMouseUp),document.addEventListener("touchmove",this.handleTouchMove),document.addEventListener("dblclick",this.handleSplitterDoubleClick);let o;if(this.props.secondaryInitialSize)o=this.props.secondaryInitialSize;else{let t=this.container.getBoundingClientRect(),r;this.splitter?r=this.splitter.getBoundingClientRect():r={width:Se,height:Se},o=this.getSecondaryPaneSize(t,r,{left:t.left+(t.width-r.width)/2,top:t.top+(t.height-r.height)/2},!1)}this.setSecondaryPaneSize(o)}componentDidUpdate(o,t){t.secondaryPaneSize!==this.state.secondaryPaneSize&&this.props.onSizeChanged&&this.props.onSizeChanged(this.state.secondaryPaneSize),t.resizing!==this.state.resizing&&(this.state.resizing?this.props.onDragStart&&this.props.onDragStart(t.secondaryPaneSize):this.props.onDragEnd&&this.props.onDragEnd(t.secondaryPaneSize,this.state.secondaryPaneSize))}componentWillUnmount(){window.removeEventListener("resize",this.handleResize),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("touchend",this.handleMouseUp),document.removeEventListener("touchmove",this.handleTouchMove),document.removeEventListener("dblclick",this.handleSplitterDoubleClick)}clearSelection(){if(document.body.createTextRange){let o=document.body.createTextRange();o.collapse(),o.select()}else if(window.getSelection){let o=window.getSelection();if(o==null)return;o.empty?o.empty():o.removeAllRanges&&o.removeAllRanges()}else document.selection&&document.selection.empty()}getSecondaryPaneSize(o,t,r,a){let n=0,s=0,i=0;this.props.vertical?(n=o.height,s=t.height,i=r.top-o.top):(n=o.width,s=t.width,i=r.left-o.left),a&&(i-=s/2),i<0?i=0:i>n-s&&(i=n-s);let d;this.props.primaryIndex===1?d=i:d=n-s-i;let p=n-s-d;return this.props.percentage&&(d=d*100/n,p=p*100/n,s=s*100/n,n=100),p<this.props.primaryMinSize?d=Math.max(d-(this.props.primaryMinSize-p),0):d<this.props.secondaryMinSize&&(d=Math.min(n-s-this.props.primaryMinSize,this.props.secondaryMinSize)),d}setSecondaryPaneSize(o){this.setState({secondaryPaneSize:o})}maximizeSecondaryPane(){if(this.props.percentage)this.setSecondaryPaneSize(100-this.props.primaryMinSize);else throw new Error("maximizeSecondaryPane() is only supported in SplitterLayout with prop `percentage`")}isReset(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;return this.state.secondaryPaneSize===o}reset(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.setSecondaryPaneSize(o)}handleResize(){if(this.splitter&&!this.props.percentage){let o=this.container.getBoundingClientRect(),t=this.splitter.getBoundingClientRect(),r=this.getSecondaryPaneSize(o,t,{left:t.left,top:t.top},!1);this.setState({secondaryPaneSize:r})}}handleMouseMove(o){if(this.state.resizing){let t=this.container.getBoundingClientRect(),r=this.splitter.getBoundingClientRect(),a=this.getSecondaryPaneSize(t,r,{left:o.clientX,top:o.clientY},!0);this.clearSelection(),this.setState({secondaryPaneSize:a})}}handleTouchMove(o){this.handleMouseMove(o.changedTouches[0])}handleSplitterMouseDown(o){o.preventDefault(),this.clearSelection(),this.setState({resizing:!0})}handleSplitterDoubleClick(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.state.secondaryPaneSize===o?this.setSecondaryPaneSize(Math.floor(o*1.5)):this.setSecondaryPaneSize(o)}handleMouseUp(){this.setState(o=>o.resizing?{resizing:!1}:null)}render(){let o="app-sdk-splitter-layout";this.props.customClassName&&(o+=` ${this.props.customClassName}`),this.props.vertical&&(o+=" app-sdk-splitter-layout-vertical"),this.state.resizing&&(o+=" layout-changing");let t=S.Children.toArray(this.props.children).slice(0,2);t.length===0&&t.push(S.createElement("div",null));let r=[],a=this.props.primaryIndex!==0&&this.props.primaryIndex!==1?0:this.props.primaryIndex;for(let n=0;n<t.length;++n){let s=!0,i;t.length>1&&n!==a&&(s=!1,i=this.state.secondaryPaneSize),r.push(S.createElement(lo,{vertical:this.props.vertical,percentage:this.props.percentage,primary:s,size:i},t[n]))}return S.createElement("div",{className:o,ref:n=>{this.container=n}},r[0],r.length>1&&S.createElement("div",{role:"separator",className:"app-sdk-layout-splitter"},S.createElement("div",{className:"app-sdk-layout-splitter__inner",ref:n=>{this.splitter=n},onMouseDown:this.handleSplitterMouseDown,onTouchStart:this.handleSplitterMouseDown})),r.length>1&&r[1])}};function lo(e={vertical:!1,primary:!1,size:0,percentage:!1,children:[]}){let o=e.size||0,t=e.percentage?"%":"px",r="app-sdk-layout-pane",a={};return e.primary?r+=" app-sdk-layout-pane-primary":e.vertical?a.height=`${o}${t}`:a.width=`${o}${t}`,S.createElement("div",{className:r,style:a},e.children)}var E=30;function mo(e){let o=Ie(null),t=Ie(null),[r,a]=R([]),[n,s]=R(!1),[i,d]=R([]),[p,l]=R(E);return Z(()=>{if(!window)return;let u=new URLSearchParams(window.location.search),v=u.getAll("selected");if(d(v),!u.has("splitterSize"))return;let F=parseFloat(u.get("splitterSize"));isNaN(F)||F===E||(l(F),t.current?.setSecondaryPaneSize(F))},[]),Z(()=>{if(!n)return;let u=new URLSearchParams(window.location.search);p!==E?u.set("splitterSize",p.toString()):u.delete("splitterSize"),u.delete("selected"),r.length>0&&r.forEach(f=>u.append("selected",f.id));let v=decodeURIComponent(window.location.hash.slice(1)),F=v.length>0?document.getElementById(v):null;window.history.replaceState(null,"",`?${u.toString()}${F?window.location.hash:""}`),window.location.hash&&(window.location.hash=window.location.hash),F?.scrollIntoView()},[r,p]),Z(()=>{let u=o.current?.getOverlays();o.current?.getElementRegistry()?.filter(De)?.forEach(f=>{let k=ko(f);u?.add(f.id,{position:k,html:'<div title="This element has documentation" class="app-sdk-bg-[color:var(--asdk-ddi-background-color)] app-sdk-p-[2px] app-sdk-rounded-s"><svg xmlns="http://www.w3.org/2000/svg" height=17 viewBox="0 0 448 512"><!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M64 0C28.7 0 0 28.7 0 64L0 448l0 0c0 35.3 28.7 64 64 64H432c8.8 0 16-7.2 16-16s-7.2-16-16-16H416V413.3c18.6-6.6 32-24.4 32-45.3V48c0-26.5-21.5-48-48-48H64zM384 416v64H64c-17.7 0-32-14.3-32-32s14.3-32 32-32H384zM64 384c-11.7 0-22.6 3.1-32 8.6L32 64c0-17.7 14.3-32 32-32H96V384H64zm64 0V32H400c8.8 0 16 7.2 16 16V368c0 8.8-7.2 16-16 16H128zm48-240c0 8.8 7.2 16 16 16H352c8.8 0 16-7.2 16-16s-7.2-16-16-16H192c-8.8 0-16 7.2-16 16zm0 96c0 8.8 7.2 16 16 16H352c8.8 0 16-7.2 16-16s-7.2-16-16-16H192c-8.8 0-16 7.2-16 16z"/></svg></div>'})})},[n]),I.createElement(B,{ref:t,vertical:!0,percentage:!0,secondaryInitialSize:E,secondaryDefaultSize:E,onDragEnd:(u,v)=>l(Math.round(v))},I.createElement(X,{ref:o,xml:e.xml,preselectedElementIds:i,onSelectionChanged:u=>a([...u]),onImportDone:()=>s(!0)}),I.createElement("div",{className:"app-sdk-flex app-sdk-justify-center app-sdk-h-full app-sdk-bg-[color:var(--asdk-ddi-background-color)]"},I.createElement(uo,{elements:r})))}function uo({elements:e}){if(e.length===0)return I.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"Please select an element");let o=e.filter(De);if(o.length===0)return I.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"No documentation available");if(o.length===1){let t=q(o[0])?.documentation?.[0]?.text;return I.createElement(W,{documentation:t})}return I.createElement(W,{documentation:o.map(t=>q(t)?.documentation?.[0]?.text).join(`
 
 <hr />
 
-`)})}var mo=["bpmn:DataInputAssociation","bpmn:DataOutputAssociation","bpmn:SequenceFlow","label"],T={DEFAULT:{top:3,right:22},PARTICIPANT:{top:3,left:3},ANNOTATION:{bottom:10,left:10},GATEWAY:{bottom:17,right:17},OTHER:{bottom:12,right:12}},uo=e=>e.type.endsWith("Task")||e.type==="bpmn:CallActivity"||e.type==="bpmn:Collaboration"||e.type==="bpmn:Group"||e.type==="bpmn:Lane"||e.type==="bpmn:SubProcess"?T.DEFAULT:e.type==="bpmn:Participant"?T.PARTICIPANT:e.type.endsWith("Gateway")?T.GATEWAY:e.type==="bpmn:TextAnnotation"?T.ANNOTATION:T.OTHER,Se=e=>{if(mo.includes(e.type))return!1;let t=Z(e)?.documentation?.[0]?.text;return t!=null&&t.trim()!==""},St=po(()=>Promise.resolve(lo),{ssr:!1});import{Menu as R,Transition as fo}from"@headlessui/react";import x,{Fragment as ko}from"react";function w(...e){return e.filter(Boolean).join(" ")}function Tt(e){return x.createElement(R,{as:"div",className:"app-sdk-default-styles app-sdk-relative app-sdk-inline-block app-sdk-text-left"},x.createElement("div",null,x.createElement(R.Button,{className:"app-sdk-cursor-pointer app-sdk-bg-transparent app-sdk-p-0 app-sdk-text-[100%] app-sdk-flex app-sdk-items-center app-sdk-rounded-full app-sdk-text-[color:var(--asdk-ddm-icon-text-color)] hover:app-sdk-text-[color:var(--asdk-ddm-icon-text-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-ddm-focus-color)]  "},x.createElement("span",{className:"app-sdk-sr-only"},"Open options"),e.collapsedIcon||x.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",className:"app-sdk-h-5 app-sdk-w-5"},x.createElement("path",{d:"M6 10a2 2 0 11-4 0 2 2 0 014 0zM12 10a2 2 0 11-4 0 2 2 0 014 0zM16 12a2 2 0 100-4 2 2 0 000 4z"})))),x.createElement(fo,{as:ko,enter:"app-sdk-transition app-sdk-ease-out app-sdk-duration-100",enterFrom:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95",enterTo:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leave:"app-sdk-transition app-sdk-ease-in app-sdk-duration-75",leaveFrom:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leaveTo:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95"},x.createElement(R.Items,{className:"app-sdk-absolute app-sdk-right-0 app-sdk-z-10 app-sdk-mt-2 app-sdk-w-56 app-sdk-origin-top-right app-sdk-rounded-md app-sdk-bg-[color:var(--asdk-ddm-background-color)] app-sdk-shadow-lg app-sdk-ring-1 app-sdk-ring-black app-sdk-ring-opacity-5 focus:app-sdk-outline-none"},x.createElement("div",{className:"app-sdk-py-1"},e.children))))}function _t(e){return x.createElement(R.Item,null,({active:o})=>x.createElement("button",{type:"button",onClick:()=>e.onClick(),className:w(o?"app-sdk-bg-[color:var(--asdk-ddm-entry-background-hover-color)]":"app-sdk-bg-transparent","app-sdk-cursor-pointer app-sdk-p-0 app-sdk-text-[100%] app-sdk-block app-sdk-w-full app-sdk-px-4 app-sdk-py-2 app-sdk-text-left app-sdk-text-sm",e.isDanger?"app-sdk-text-[color:var(--asdk-ddm-danger-entry-text-color)]":"app-sdk-text-[color:var(--asdk-ddm-default-entry-text-color)]",e.className??"")},e.title))}import{useRouter as ho}from"next/navigation";import go from"react";function zt({href:e,children:o}){console.warn("The DynamicLink component is deprecated. Please use the NextJS Link component instead.");let t=ho();return go.createElement("a",{href:e,onClick:r=>{r.preventDefault(),t.replace(e),t.refresh()}},o)}import Do from"bpmn-js/lib/Viewer";import Mo from"diagram-js/lib/navigation/movecanvas";import Po from"diagram-js/lib/navigation/zoomscroll";import ae from"react";import Co from"react";import{createRoot as So}from"react-dom/client";import{v4 as Io}from"uuid";import xo from"@monaco-editor/react";import{Button as re,Divider as Pe,Modal as Ee,ModalBody as Te,ModalContent as _e,ModalFooter as Le,ModalHeader as Ue,useDisclosure as Oe}from"@nextui-org/react";import m,{useState as No}from"react";import M from"react";import yo from"react";function q(e){let o={width:30};return e.count<=1?null:yo.createElement("div",{style:o,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--execution-count"},e.count)}import h from"react";function Y(e){return h.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},h.createElement("div",{className:"action-icon"},h.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},h.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),h.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),h.createElement("g",{id:"SVGRepo_iconCarrier"}," ",h.createElement("title",null,"open-external")," ",h.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",h.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",h.createElement("path",{d:"M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z",id:"Combined-Shape"}," ")," ")," ")," "))),h.createElement("div",{className:"action-icon-hovered"},h.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},h.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),h.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),h.createElement("g",{id:"SVGRepo_iconCarrier"}," ",h.createElement("title",null,"goto process")," ",h.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",h.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",h.createElement("path",{d:"M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z",id:"Combined-Shape"}," ")," ")," ")," "))))}import C from"react";function K(e){return C.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},C.createElement("div",{className:"action-icon"},C.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C.createElement("g",{id:"Media / Play",color:"white"},C.createElement("path",{id:"Vector",d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))),C.createElement("div",{className:"action-icon-hovered"},C.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"white",xmlns:"http://www.w3.org/2000/svg"},C.createElement("g",{id:"Media / Play",color:"white"},C.createElement("path",{id:"Vector",d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))))}import D from"react";function Q(e){return D.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},D.createElement("div",{className:"action-icon"},D.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},D.createElement("path",{fill:"#FFFFFF",d:"M10.7667,0.493645 C9.11991,-0.113331 7.31921,-0.161915 5.64208,0.355379 C4.48206,0.713177 3.42569,1.32796 2.54743,2.14597 L1.70711,1.30564 C1.07714,0.675676 0,1.12184 0,2.01275 L0,6.00002 L3.98727,6.00002 C4.87818,6.00002 5.32434,4.92288 4.69438,4.29291 L3.96284,3.56137 C4.61101,2.97184 5.38443,2.52782 6.23156,2.26653 C7.4894,1.87856 8.83993,1.915 10.075,2.37023 C11.3101,2.82547 12.3612,3.67423 13.0664,4.78573 C13.7716,5.89723 14.0916,7.20978 13.9773,8.52112 C13.863,9.83246 13.3206,11.0698 12.4337,12.0425 C11.5469,13.0152 10.3647,13.6693 9.06949,13.9039 C7.77425,14.1385 6.43779,13.9407 5.26607,13.3409 C4.09434,12.7412 3.15236,11.7727 2.5853,10.5848 C2.34738,10.0864 1.75046,9.8752 1.25205,10.1131 C0.753645,10.351 0.542478,10.948 0.7804,11.4464 C1.53649,13.0302 2.79245,14.3215 4.35475,15.1213 C5.91706,15.921 7.699,16.1847 9.42598,15.8719 C11.153,15.559 12.7291,14.687 13.9116,13.39 C15.0941,12.0931 15.8173,10.4433 15.9698,8.69483 C16.1222,6.94637 15.6954,5.1963 14.7552,3.7143 C13.815,2.2323 12.4135,1.10062 10.7667,0.493645 Z"}))),D.createElement("div",{className:"action-icon-hovered"},D.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},D.createElement("path",{fill:"#FFFFFF",d:"M10.7667,0.493645 C9.11991,-0.113331 7.31921,-0.161915 5.64208,0.355379 C4.48206,0.713177 3.42569,1.32796 2.54743,2.14597 L1.70711,1.30564 C1.07714,0.675676 0,1.12184 0,2.01275 L0,6.00002 L3.98727,6.00002 C4.87818,6.00002 5.32434,4.92288 4.69438,4.29291 L3.96284,3.56137 C4.61101,2.97184 5.38443,2.52782 6.23156,2.26653 C7.4894,1.87856 8.83993,1.915 10.075,2.37023 C11.3101,2.82547 12.3612,3.67423 13.0664,4.78573 C13.7716,5.89723 14.0916,7.20978 13.9773,8.52112 C13.863,9.83246 13.3206,11.0698 12.4337,12.0425 C11.5469,13.0152 10.3647,13.6693 9.06949,13.9039 C7.77425,14.1385 6.43779,13.9407 5.26607,13.3409 C4.09434,12.7412 3.15236,11.7727 2.5853,10.5848 C2.34738,10.0864 1.75046,9.8752 1.25205,10.1131 C0.753645,10.351 0.542478,10.948 0.7804,11.4464 C1.53649,13.0302 2.79245,14.3215 4.35475,15.1213 C5.91706,15.921 7.699,16.1847 9.42598,15.8719 C11.153,15.559 12.7291,14.687 13.9116,13.39 C15.0941,12.0931 15.8173,10.4433 15.9698,8.69483 C16.1222,6.94637 15.6954,5.1963 14.7552,3.7143 C13.815,2.2323 12.4135,1.10062 10.7667,0.493645 Z"}))))}function ee(e){let o={marginTop:"7px"},t=e.flowNode,r=!!e.onRetryClick,s=!t.IsGateway&&t.ProcessInstanceState!=="running"&&t.ProcessInstanceState!=="finished"&&r,n=!!e.onGotoClick,a=(t.IsCallActivity||(t.IsEventReceiver||t.IsEventSender)&&t.LinkedProcessInstanceId)&&n,i=!!e.onPlayClick,l=(t.IsUserTask||t.IsManualTask)&&t.State==="suspended"&&i;return M.createElement("div",{className:"flownode-overlay",style:o},M.createElement("div",{className:"bpmn-element-overlay__below"},s&&M.createElement(Q,{onClick:e.onRetryClick,flowNode:e.flowNode}),M.createElement(q,{count:e.flowNode.ExecutionCount}),a&&M.createElement(Y,{onClick:e.onGotoClick}),l&&M.createElement(K,{onClick:e.onPlayClick})))}import Ie from"react";function oe(e){let o={width:e.width,height:e.height},t="",r={width:e.width,height:e.height};return e.flowNode.IsGateway?(r.height*=.7,r.width*=.7,t="bpmn-element-overlay-backdrop--gateway"):e.flowNode.IsEvent&&(t="bpmn-element-overlay-backdrop--rounded"),Ie.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay-backdrop cursor-pointer",style:o},Ie.createElement("div",{className:`flow-node-${e.flowNode.State}-state-overlay ${t}`,style:r}))}import De from"@monaco-editor/react";import{Divider as Me}from"@nextui-org/react";import b,{useEffect as vo}from"react";import{createRoot as bo}from"react-dom/client";import wo from"react-markdown";import Fo from"remark-gfm";function te(e){function o(t){setTimeout(()=>{t.getAction("editor.action.formatDocument").run(),t.updateOptions({readOnly:!0})},300)}return vo(()=>{let t=b.createElement(wo,{remarkPlugins:[Fo]},e.flowNode.Documentation),r=document.getElementById("markdown-container");if(r){let s=r.attachShadow({mode:"open"});bo(s).render(t)}},[]),b.createElement(b.Fragment,null,b.createElement(Me,{className:"my-2"}),b.createElement("div",{className:"flex-row"},b.createElement("div",{className:"token-area"},b.createElement("p",null,"Start Token:"),b.createElement(De,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onMount:o,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}}),b.createElement(Me,{className:"my-2"}),b.createElement("p",null,"End Token:"),b.createElement(De,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentEndToken,null,2),onMount:o,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),b.createElement("div",{className:"documentation-area"},b.createElement("p",null,"Dokumentation:"),b.createElement("div",{id:"markdown-container"}))))}function ne(e){let o=Oe(),t=Oe(),[r,s]=No(JSON.stringify(e.flowNode.CurrentStartToken));function n(i){setTimeout(()=>{i.getAction("editor.action.formatDocument").run()},300)}let a={width:e.width,height:e.height+10};return m.createElement(m.Fragment,null,m.createElement("div",{style:a},m.createElement(oe,{onClick:t.onOpen,...e}),m.createElement(ee,{onRetryClick:e.retryAction?o.onOpen:void 0,onGotoClick:e.gotoProcessAction?()=>e.gotoProcessAction(e.flowNode.LinkedProcessInstanceId??""):void 0,onPlayClick:e.gotoManualOrUserTaskAction?()=>e.gotoManualOrUserTaskAction(e.flowNode.ProcessInstanceId,e.flowNode.Id):void 0,flowNode:e.flowNode})),m.createElement(Ee,{isOpen:o.isOpen,onOpenChange:o.onOpenChange},m.createElement(_e,null,i=>m.createElement(m.Fragment,null,m.createElement(Ue,{className:"flex flex-col gap-1"},"Confirm Retry"),m.createElement(Te,null,m.createElement(Pe,{className:"my-2"}),m.createElement("p",null,"Are you sure you want to retry process instance ",e.flowNode.CurrentFlowNodeInstanceId,"?"),m.createElement(Pe,{className:"my-2"}),m.createElement(xo,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onChange:(l,d)=>s(l??""),onMount:n,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),m.createElement(Le,null,m.createElement(re,{color:"warning",variant:"light",onPress:i},"Close"),m.createElement(re,{color:"primary",onPress:()=>{e.retryAction?.(e.flowNode.ProcessInstanceId,e.flowNode.CurrentFlowNodeInstanceId,JSON.parse(r)),i()}},"Retry"))))),m.createElement(Ee,{size:"4xl",isOpen:t.isOpen,onOpenChange:t.onOpenChange},m.createElement(_e,null,i=>m.createElement(m.Fragment,null,m.createElement(Ue,{className:"flex flex-col gap-1"},"FlowNode: ",e.flowNode.Name??e.flowNode.Id),m.createElement(Te,null,m.createElement(te,{flowNode:e.flowNode})),m.createElement(Le,null,m.createElement(re,{color:"primary",onPress:i},"Close"))))))}var se=class{id;flowNodeInstances;processInstanceState;documentation;triggeredFlowNodeInstance;type;get Id(){return this.id}get Name(){return this.flowNodeInstances.at(-1)?.flowNodeName}get CurrentFlowNodeInstanceId(){return this.flowNodeInstances.at(-1)?.flowNodeInstanceId}get CurrentStartToken(){return this.flowNodeInstances.at(-1)?.startToken}get CurrentEndToken(){return this.flowNodeInstances.at(-1)?.endToken}get LinkedProcessInstanceId(){let o=this.flowNodeInstances.at(-1);if(this.IsCallActivity)return o.childProcessInstanceId;if(this.IsEventReceiver)return o?.triggeredByFlowNodeInstance?.processInstanceId;if(this.IsEventSender&&this.triggeredFlowNodeInstance)return this.triggeredFlowNodeInstance.processInstanceId}get State(){return this.flowNodeInstances.at(-1)?.state??""}get Documentation(){return this.documentation}get ProcessInstanceState(){return this.processInstanceState}get IsGateway(){return this.type==="bpmn:ComplexGateway"||this.type==="bpmn:ParallelGateway"||this.type==="bpmn:ExclusiveGateway"||this.type==="bpmn:InclusiveGateway"||this.type==="bpmn:EventBasedGateway"}get IsEvent(){return this.type==="bpmn:StartEvent"||this.type==="bpmn:EndEvent"||this.type==="bpmn:IntermediateCatchEvent"||this.type==="bpmn:IntermediateThrowEvent"||this.type==="bpmn:BoundaryEvent"}get IsEventReceiver(){return this.type==="bpmn:StartEvent"||this.type==="bpmn:IntermediateCatchEvent"||this.type==="bpmn:BoundaryEvent"||this.type==="bpmn:ReceiveTask"}get IsEventSender(){return this.type==="bpmn:EndEvent"||this.type==="bpmn:IntermediateThrowEvent"||this.type==="bpmn:SendTask"}get IsCallActivity(){return this.type==="bpmn:CallActivity"}get IsUserTask(){return this.type==="bpmn:UserTask"}get IsManualTask(){return this.type==="bpmn:ManualTask"}get ExecutionCount(){return this.flowNodeInstances.length}get ProcessInstanceId(){return this.flowNodeInstances.at(-1)?.processInstanceId??""}constructor(o,t,r,s){this.id=o,this.flowNodeInstances=[],this.processInstanceState=t,this.documentation=r,this.triggeredFlowNodeInstance=s,this.type=""}addFlowNodeInstance(o){this.flowNodeInstances.push(o),this.type=o.flowNodeType}},_=class{canvas;overlays;elementRegistry;overlayIds;overlayRoots;constructor(o){this.canvas=o.get("canvas"),this.overlays=o.get("overlays"),this.elementRegistry=o.get("elementRegistry"),this.overlayIds=[],this.overlayRoots={}}createOverlaysFlowNodeInstances(o,t,r,s,n,a){let i=this.getExecutedFlowNodes(t,o,r);this.overlayIds=[];for(let d of i){let p=this.elementRegistry.get(d.Id);this.getOrCreateOverlayRoot(d)?.render(Co.createElement(ne,{flowNode:d,width:p.width,height:p.height,retryAction:s,gotoProcessAction:n,gotoManualOrUserTaskAction:a})),this.setSequenceFlowsColor(p,i)}let l=[];for(let d in this.overlayRoots)i.find(u=>u.Id===d)||l.push(d);l.forEach(d=>{let p=this.elementRegistry.get(d);this.removeSequenceFlowsColor(p),this.overlayRoots[d].unmount(),delete this.overlayRoots[d]})}getOrCreateOverlayRoot(o){if(o.Id in this.overlayRoots)return this.overlayRoots[o.Id];let t=`bpmn-element-overlay-${Io()}`,r=`<div id="${t}"></div>`,s=this.overlays.add(o.Id,{position:{top:0,left:0},html:r});this.overlayIds.push(s);let n=document.querySelector(`#${t}`);if(n){let a=So(n);return this.overlayRoots[o.Id]=a,a}}getExecutedFlowNodes(o,t,r){let s=[],n={};for(let a of r)a.triggeredByFlowNodeInstance&&(n[a.triggeredByFlowNodeInstance?.flowNodeInstanceId]=a);for(let a of o){let i=s.find(l=>l.Id===a.flowNodeId);if(!i){let l=this.elementRegistry.get(a.flowNodeId),d=l.businessObject.documentation?l.businessObject.documentation[0].text:"";i=new se(a.flowNodeId,t,d,n[a.flowNodeInstanceId]),s.push(i)}i.addFlowNodeInstance(a)}return s}setSequenceFlowsColor(o,t){if(o&&o.businessObject.incoming)for(let r of o.businessObject.incoming)t.find(n=>n.Id===r.sourceRef?.id)&&this.canvas.addMarker(r.id,"connection-done")}removeSequenceFlowsColor(o){if(o&&o.businessObject.incoming){for(let t of o.businessObject.incoming)this.canvas.removeMarker(t.id,"connection-done");if(o.businessObject.outgoing)for(let t of o.businessObject.outgoing)this.canvas.removeMarker(t.id,"connection-done")}}};var ze=class extends ae.Component{containerRef;bpmnViewer;bpmnViewerOverlayCreator;constructor(o){super(o),this.state={diagramXML:""},this.containerRef=ae.createRef()}componentDidMount(){let{diagramXML:o,options:t}=this.props,r=this.containerRef.current;if(this.bpmnViewer=new Do({container:r,height:t?.height??600,bpmnRenderer:{defaultFillColor:t?.fillColor,defaultStrokeColor:t?.strokeColor},additionalModules:[Po,Mo]}),this.bpmnViewerOverlayCreator=new _(this.bpmnViewer),o)return this.displayDiagram(o)}componentWillUnmount(){this.bpmnViewer.destroy()}componentDidUpdate(o,t){let{props:r,state:s}=this,n=r.diagramXML||s.diagramXML,a=o.diagramXML||t.diagramXML;if(n&&n!==a)return this.displayDiagram(n);this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,r.flowNodeInstancesTriggeredByThisProcessInstance,r.retryAction,r.gotoProcessAction,r.gotoManualOrUserTaskAction)}displayDiagram(o){this.bpmnViewer.importXML(o).then(()=>{let t=this.bpmnViewer.get("canvas"),r=t.viewbox(),s={x:r.outer.width/2,y:r.outer.height/2};t.zoom("fit-viewport",s),this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,this.props.flowNodeInstancesTriggeredByThisProcessInstance,this.props.retryAction,this.props.gotoProcessAction,this.props.gotoManualOrUserTaskAction)})}render(){return ae.createElement("div",{className:this.props.className,ref:this.containerRef})}};import c,{Fragment as ve,forwardRef as Ao,useRef as Ve}from"react";import*as H from"react-is";import Bo from"semver/functions/gt";import Vo from"semver/functions/prerelease";import Ro from"semver/functions/satisfies";import{mapUserTask as jo}from"../common/index.mjs";import{DataModels as zo}from"@5minds/processcube_engine_sdk";import P from"react";function y(e){if(e!=null&&e.trim()!=="")try{return JSON.parse(e)}catch{return null}return null}function ie(e,o){let{formField:t}=e,r=`${t.id}-hint`,s=y(t.customForm);return P.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},P.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},P.createElement("input",{type:"checkbox",className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",defaultChecked:e.state&&e.state!=="false"||t.defaultValue==="true",id:t.id,name:t.id,"aria-describedby":s?.hint?r:void 0,"data-form-field-type":"boolean"})),P.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},P.createElement("label",{className:"app-sdk-font-medium",htmlFor:t.id},t.label),s?.hint&&P.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},s.hint)))}import Eo from"react";function de(e,o){return Eo.createElement("p",{className:"app-sdk-text-sm"},e.formField.label)}import L from"react";function pe(e,o){let{formField:t}=e,r=`${t.id}-hint`,s=y(t.customForm);To(t.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for date field "${t.id}"`);let n=e.state||t.defaultValue?.toString();return L.createElement("div",null,L.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),L.createElement("div",{className:"app-sdk-mt-1"},L.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"date",defaultValue:n,id:t.id,name:t.id,"aria-describedby":r,"data-form-field-type":"date"})),s?.hint&&L.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},s?.hint))}function To(e){return new Date(e?.toString()).toString()!=="Invalid Date"}import U from"react";function j(e){return!Number.isNaN(Number(e?.toString()))}function le(e,o){let{formField:t}=e,r=`${t.id}-hint`,s=y(t.customForm);return j(t.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for decimal field "${t.id}"`),U.createElement("div",null,U.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),U.createElement("div",{className:"app-sdk-mt-1"},U.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:"0.01",placeholder:s?.placeholder||"0.00",defaultValue:e.state||t.defaultValue?.toString(),id:t.id,name:t.id,"aria-describedby":r,"data-form-field-type":"decimal"})),s?.hint&&U.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},s?.hint))}import g from"react";function ce({formField:e,state:o},t){let r=y(e.customForm),s=e.label,n=e.enumValues,a;switch(r?.displayAs){case"checkbox":let l;Array.isArray(o)&&o.length?l=o:l=(o||e.defaultValue?.toString())?.split(",")??[],a=g.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":r?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(p=>{let u=l.find(v=>v.trim()===p.id);return g.createElement("div",{key:p.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},g.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},g.createElement("input",{type:"checkbox",defaultChecked:u,name:e.id,id:p.id,value:p.id,className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),g.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},g.createElement("label",{htmlFor:p.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},p.name)))}));break;case"radio":a=g.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":r?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(p=>g.createElement("div",{key:p.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},g.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},g.createElement("input",{type:"radio",defaultChecked:(o||e.defaultValue)==p.id,name:e.id,id:p.id,value:p.id,className:"app-sdk-form-radio app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),g.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},g.createElement("label",{htmlFor:p.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},p.name)))));break;default:let d=o||n?.find(p=>p.id===e.defaultValue)?.id||"";a=g.createElement("select",{id:e.id,name:e.id,className:"app-sdk-form-select app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-mt-1 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-py-2 app-sdk-pl-3 app-sdk-pr-10 app-sdk-text-base app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-outline-none focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:app-sdk-bg-app-sdk-dropdown-dark dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",onChange:p=>p.target.dataset.value=p.target.value,"data-value":d,"aria-describedby":r?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:d},g.createElement("option",{value:""},!d&&r?.placeholder),n?.map(p=>g.createElement("option",{key:p.id,value:p.id},p.name)));break}let i=r?.hint?g.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},r.hint):null;return g.createElement("div",null,g.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),a,i)}import O from"react";function me({formField:e},o){let t=y(e.customForm),r;switch(t?.style){case"heading_1":r=O.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_2":r=O.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_3":r=O.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;default:r=O.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break}return O.createElement("div",{className:"app-sdk-header-form-field"},r)}import z from"react";function ue({formField:e,state:o},t){let r=y(e.customForm);return j(e.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for integer field "${e.id}"`),z.createElement("div",null,z.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),z.createElement("div",{className:"app-sdk-mt-1"},z.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:1,id:e.id,name:e.id,defaultValue:o||e.defaultValue?.toString(),placeholder:r?.placeholder??"0","aria-describedby":`${e.id}-hint`,"data-form-field-type":"integer"})),r?.hint&&z.createElement("p",{id:`${e.id}-hint`,"data-hint":!0,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},r.hint))}import _o from"isomorphic-dompurify";import{marked as he}from"marked";import Lo from"react";import{useEffect as Uo,useState as Oo}from"react";function ge({formField:{defaultValue:e,label:o}},t){let[r,s]=Oo("");return Uo(()=>{let n=he.parse(e?.toString()??o?.toString()??"",{renderer:new fe,hooks:new ke});s(n)},[e,o]),Lo.createElement("div",{className:w("app-sdk-text-sm","[&_p]:app-sdk-my-4 first-of-type:[&_p]:app-sdk-mb-4 first-of-type:[&_p]:app-sdk-mt-0","[&_a]:app-sdk-text-[color:var(--asdk-dui-link-color)] [&_a]:app-sdk-underline hover:[&_a]:app-sdk-text-[color:var(--asdk-dui-link-hover-color)]","[&_h1]:app-sdk-text-2xl [&_h1]:app-sdk-font-bold [&_h2]:app-sdk-text-xl [&_h2]:app-sdk-font-bold [&_h3]:app-sdk-text-lg [&_h3]:app-sdk-font-bold [&_h4]:app-sdk-text-base [&_h4]:app-sdk-font-bold [&_h5]:app-sdk-text-sm [&_h5]:app-sdk-font-bold [&_h6]:app-sdk-text-xs [&_h6]:app-sdk-font-bold","[&_code]:app-sdk-text-[#e83e8c] [&_pre]:app-sdk-my-4 [&_pre]:app-sdk-bg-gray-100 [&_pre]:dark:app-sdk-bg-app-sdk-gray-700 [&_pre_code]:app-sdk-text-inherit","[&_blockquote]:app-sdk-m-[revert] [&_fieldset]:app-sdk-m-[revert] [&_h1]:app-sdk-m-[revert] [&_h2]:app-sdk-m-[revert] [&_h3]:app-sdk-m-[revert] [&_h4]:app-sdk-m-[revert] [&_h5]:app-sdk-m-[revert] [&_h6]:app-sdk-m-[revert] [&_menu]:app-sdk-m-[revert] [&_ol]:app-sdk-m-[revert] [&_ul]:app-sdk-m-[revert]","[&_fieldset]:app-sdk-p-[revert] [&_menu]:app-sdk-p-[revert] [&_ol]:app-sdk-p-[revert] [&_ul]:app-sdk-p-[revert]","[&_ol]:app-sdk-list-decimal [&_ol_p]:app-sdk-my-2 first-of-type:[&_ol_p]:app-sdk-my-4 [&_ul]:app-sdk-list-disc [&_ul_p]:app-sdk-my-2 first-of-type:[&_ul_p]:app-sdk-my-4","[&_input[type='checkbox']]:app-sdk-form-checkbox [&_input[type='checkbox']]:app-sdk-border [&_input[type='checkbox']]:app-sdk-h-4 [&_input[type='checkbox']]:app-sdk-w-4 [&_input[type='checkbox']]:app-sdk-rounded [&_input[type='checkbox']]:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:app-sdk-text-sky-600 [&_input[type='checkbox']]:hover:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:dark:app-sdk-border-2 [&_input[type='checkbox']]:dark:app-sdk-border-solid [&_input[type='checkbox']]:dark:app-sdk-border-transparent [&_input[type='checkbox']]:dark:app-sdk-bg-app-sdk-gray-350 [&_input[type='checkbox']]:dark:app-sdk-text-[#007bff40] [&_input[type='checkbox']]:dark:hover:app-sdk-border-transparent [&_input[type='checkbox']]:dark:hover:checked:app-sdk-bg-app-sdk-gray-350"),dangerouslySetInnerHTML:{__html:r}})}var fe=class extends he.Renderer{link(o,t,r){return super.link(o,t,r).replace("<a","<a target='_blank'")}html(o,t){let r=super.html(o,t);return r.startsWith("<a ")&&!r.includes("target=")?r.replace("<a ",'<a target="_blank" '):r}},ke=class extends he.Hooks{postprocess(o){return _o.sanitize(o,{ADD_ATTR:["target"]})}};import A from"react";function ye({formField:e,state:o},t){let r=y(e.customForm),s=e.label,n=r?.multiline==="true"?"textarea":"input",a=A.createElement(n,{className:w(n==="input"?"app-sdk-form-input":"app-sdk-form-textarea","app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-shadow-sm focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] app-sdk-block app-sdk-w-full sm:app-sdk-text-sm app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 dark:app-sdk-border-solid dark:app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] dark:focus:app-sdk-shadow-app-sdk-dark app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] dark:invalid:app-sdk-shadow-app-sdk-dark-invalid"),id:e.id,name:e.id,defaultValue:o||(e.defaultValue?.toString()??""),placeholder:r?.placeholder,"aria-describedby":r?.hint?`${e.id}-hint`:void 0,type:n==="input"?"text":void 0,rows:n==="textarea"?4:void 0,"data-form-field-type":"string"}),i=r?.hint?A.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},r.hint):null;return A.createElement("div",null,A.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),A.createElement("div",{className:"app-sdk-mt-1"},a),i)}var Ae=(r=>(r.paragraph="paragraph",r.header="header",r.confirm="confirm",r))(Ae||{}),Fn={...zo.FlowNodeInstances.UserTaskFormFieldType,...Ae},Be={boolean:ie,date:pe,enum:ce,long:ue,number:le,string:ye,paragraph:ge,header:me,confirm:de};var Ho=Ro(c.version,">=18.0.0 <19",{includePrerelease:!0}),He=Vo(c.version)==null,Re=!He&&Bo(c.version,"18.2.0")&&c.version.includes("canary"),je=class extends c.Component{};function Hn(e){Ho||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		The React version is not supported!
-Version: ${c.version}`);let{userTaskConfig:o}=e.task,{formFields:t}=o,r=Ve(),s=Ve(null),n=new Map(t.map(f=>[f.id,{ref:c.createRef()}])),a=t.filter(f=>f.type==="confirm");a.length>1&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Warning while rendering UserTask "${e.task.flowNodeId}"!
+`)})}var fo=["bpmn:DataInputAssociation","bpmn:DataOutputAssociation","bpmn:SequenceFlow","label"],T={DEFAULT:{top:3,right:22},PARTICIPANT:{top:3,left:3},ANNOTATION:{bottom:10,left:10},GATEWAY:{bottom:17,right:17},OTHER:{bottom:12,right:12}},ko=e=>e.type.endsWith("Task")||e.type==="bpmn:CallActivity"||e.type==="bpmn:Collaboration"||e.type==="bpmn:Group"||e.type==="bpmn:Lane"||e.type==="bpmn:SubProcess"?T.DEFAULT:e.type==="bpmn:Participant"?T.PARTICIPANT:e.type.endsWith("Gateway")?T.GATEWAY:e.type==="bpmn:TextAnnotation"?T.ANNOTATION:T.OTHER,De=e=>{if(fo.includes(e.type))return!1;let t=q(e)?.documentation?.[0]?.text;return t!=null&&t.trim()!==""},Dt=co(()=>Promise.resolve(mo),{ssr:!1});import{Menu as j,Transition as ho}from"@headlessui/react";import x,{Fragment as go}from"react";function w(...e){return e.filter(Boolean).join(" ")}function Ut(e){return x.createElement(j,{as:"div",className:"app-sdk-default-styles app-sdk-relative app-sdk-inline-block app-sdk-text-left"},x.createElement("div",null,x.createElement(j.Button,{className:"app-sdk-cursor-pointer app-sdk-bg-transparent app-sdk-p-0 app-sdk-text-[100%] app-sdk-flex app-sdk-items-center app-sdk-rounded-full app-sdk-text-[color:var(--asdk-ddm-icon-text-color)] hover:app-sdk-text-[color:var(--asdk-ddm-icon-text-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-ddm-focus-color)]  "},x.createElement("span",{className:"app-sdk-sr-only"},"Open options"),e.collapsedIcon||x.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",className:"app-sdk-h-5 app-sdk-w-5"},x.createElement("path",{d:"M6 10a2 2 0 11-4 0 2 2 0 014 0zM12 10a2 2 0 11-4 0 2 2 0 014 0zM16 12a2 2 0 100-4 2 2 0 000 4z"})))),x.createElement(ho,{as:go,enter:"app-sdk-transition app-sdk-ease-out app-sdk-duration-100",enterFrom:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95",enterTo:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leave:"app-sdk-transition app-sdk-ease-in app-sdk-duration-75",leaveFrom:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leaveTo:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95"},x.createElement(j.Items,{className:"app-sdk-absolute app-sdk-right-0 app-sdk-z-10 app-sdk-mt-2 app-sdk-w-56 app-sdk-origin-top-right app-sdk-rounded-md app-sdk-bg-[color:var(--asdk-ddm-background-color)] app-sdk-shadow-lg app-sdk-ring-1 app-sdk-ring-black app-sdk-ring-opacity-5 focus:app-sdk-outline-none"},x.createElement("div",{className:"app-sdk-py-1"},e.children))))}function Lt(e){return x.createElement(j.Item,null,({active:o})=>x.createElement("button",{type:"button",onClick:()=>e.onClick(),className:w(o?"app-sdk-bg-[color:var(--asdk-ddm-entry-background-hover-color)]":"app-sdk-bg-transparent","app-sdk-cursor-pointer app-sdk-p-0 app-sdk-text-[100%] app-sdk-block app-sdk-w-full app-sdk-px-4 app-sdk-py-2 app-sdk-text-left app-sdk-text-sm",e.isDanger?"app-sdk-text-[color:var(--asdk-ddm-danger-entry-text-color)]":"app-sdk-text-[color:var(--asdk-ddm-default-entry-text-color)]",e.className??"")},e.title))}import{useRouter as yo}from"next/navigation";import vo from"react";function Vt({href:e,children:o}){console.warn("The DynamicLink component is deprecated. Please use the NextJS Link component instead.");let t=yo();return vo.createElement("a",{href:e,onClick:r=>{r.preventDefault(),t.replace(e),t.refresh()}},o)}import Po from"bpmn-js/lib/Viewer";import Eo from"diagram-js/lib/navigation/movecanvas";import To from"diagram-js/lib/navigation/zoomscroll";import ie from"react";import Io from"react";import{createRoot as Do}from"react-dom/client";import{v4 as Mo}from"uuid";import Co from"@monaco-editor/react";import{Button as ne,Divider as Te,Modal as _e,ModalBody as Ue,ModalContent as Le,ModalFooter as Oe,ModalHeader as ze,useDisclosure as Ae}from"@nextui-org/react";import m,{useState as So}from"react";import M from"react";import bo from"react";function Y(e){let o={width:30};return e.count<=1?null:bo.createElement("div",{style:o,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--execution-count"},e.count)}import h from"react";function K(e){return h.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},h.createElement("div",{className:"action-icon"},h.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},h.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),h.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),h.createElement("g",{id:"SVGRepo_iconCarrier"}," ",h.createElement("title",null,"open-external")," ",h.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",h.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",h.createElement("path",{d:"M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z",id:"Combined-Shape"}," ")," ")," ")," "))),h.createElement("div",{className:"action-icon-hovered"},h.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},h.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),h.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),h.createElement("g",{id:"SVGRepo_iconCarrier"}," ",h.createElement("title",null,"goto process")," ",h.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",h.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",h.createElement("path",{d:"M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z",id:"Combined-Shape"}," ")," ")," ")," "))))}import C from"react";function Q(e){return C.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},C.createElement("div",{className:"action-icon"},C.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C.createElement("g",{id:"Media / Play",color:"white"},C.createElement("path",{id:"Vector",d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))),C.createElement("div",{className:"action-icon-hovered"},C.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"white",xmlns:"http://www.w3.org/2000/svg"},C.createElement("g",{id:"Media / Play",color:"white"},C.createElement("path",{id:"Vector",d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))))}import D from"react";function ee(e){return D.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},D.createElement("div",{className:"action-icon"},D.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},D.createElement("path",{fill:"#FFFFFF",d:"M10.7667,0.493645 C9.11991,-0.113331 7.31921,-0.161915 5.64208,0.355379 C4.48206,0.713177 3.42569,1.32796 2.54743,2.14597 L1.70711,1.30564 C1.07714,0.675676 0,1.12184 0,2.01275 L0,6.00002 L3.98727,6.00002 C4.87818,6.00002 5.32434,4.92288 4.69438,4.29291 L3.96284,3.56137 C4.61101,2.97184 5.38443,2.52782 6.23156,2.26653 C7.4894,1.87856 8.83993,1.915 10.075,2.37023 C11.3101,2.82547 12.3612,3.67423 13.0664,4.78573 C13.7716,5.89723 14.0916,7.20978 13.9773,8.52112 C13.863,9.83246 13.3206,11.0698 12.4337,12.0425 C11.5469,13.0152 10.3647,13.6693 9.06949,13.9039 C7.77425,14.1385 6.43779,13.9407 5.26607,13.3409 C4.09434,12.7412 3.15236,11.7727 2.5853,10.5848 C2.34738,10.0864 1.75046,9.8752 1.25205,10.1131 C0.753645,10.351 0.542478,10.948 0.7804,11.4464 C1.53649,13.0302 2.79245,14.3215 4.35475,15.1213 C5.91706,15.921 7.699,16.1847 9.42598,15.8719 C11.153,15.559 12.7291,14.687 13.9116,13.39 C15.0941,12.0931 15.8173,10.4433 15.9698,8.69483 C16.1222,6.94637 15.6954,5.1963 14.7552,3.7143 C13.815,2.2323 12.4135,1.10062 10.7667,0.493645 Z"}))),D.createElement("div",{className:"action-icon-hovered"},D.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},D.createElement("path",{fill:"#FFFFFF",d:"M10.7667,0.493645 C9.11991,-0.113331 7.31921,-0.161915 5.64208,0.355379 C4.48206,0.713177 3.42569,1.32796 2.54743,2.14597 L1.70711,1.30564 C1.07714,0.675676 0,1.12184 0,2.01275 L0,6.00002 L3.98727,6.00002 C4.87818,6.00002 5.32434,4.92288 4.69438,4.29291 L3.96284,3.56137 C4.61101,2.97184 5.38443,2.52782 6.23156,2.26653 C7.4894,1.87856 8.83993,1.915 10.075,2.37023 C11.3101,2.82547 12.3612,3.67423 13.0664,4.78573 C13.7716,5.89723 14.0916,7.20978 13.9773,8.52112 C13.863,9.83246 13.3206,11.0698 12.4337,12.0425 C11.5469,13.0152 10.3647,13.6693 9.06949,13.9039 C7.77425,14.1385 6.43779,13.9407 5.26607,13.3409 C4.09434,12.7412 3.15236,11.7727 2.5853,10.5848 C2.34738,10.0864 1.75046,9.8752 1.25205,10.1131 C0.753645,10.351 0.542478,10.948 0.7804,11.4464 C1.53649,13.0302 2.79245,14.3215 4.35475,15.1213 C5.91706,15.921 7.699,16.1847 9.42598,15.8719 C11.153,15.559 12.7291,14.687 13.9116,13.39 C15.0941,12.0931 15.8173,10.4433 15.9698,8.69483 C16.1222,6.94637 15.6954,5.1963 14.7552,3.7143 C13.815,2.2323 12.4135,1.10062 10.7667,0.493645 Z"}))))}function oe(e){let o={marginTop:"7px"},t=e.flowNode,r=!!e.onRetryClick,a=!t.IsGateway&&t.ProcessInstanceState!=="running"&&t.ProcessInstanceState!=="finished"&&r,n=!!e.onGotoClick,s=(t.IsCallActivity||(t.IsEventReceiver||t.IsEventSender)&&t.LinkedProcessInstanceId)&&n,i=!!e.onPlayClick,d=(t.IsUserTask||t.IsManualTask)&&t.State==="suspended"&&i;return M.createElement("div",{className:"flownode-overlay",style:o},M.createElement("div",{className:"bpmn-element-overlay__below"},a&&M.createElement(ee,{onClick:e.onRetryClick,flowNode:e.flowNode}),M.createElement(Y,{count:e.flowNode.ExecutionCount}),s&&M.createElement(K,{onClick:e.onGotoClick}),d&&M.createElement(Q,{onClick:e.onPlayClick})))}import Me from"react";function te(e){let o={width:e.width,height:e.height},t="",r={width:e.width,height:e.height};return e.flowNode.IsGateway?(r.height*=.7,r.width*=.7,t="bpmn-element-overlay-backdrop--gateway"):e.flowNode.IsEvent&&(t="bpmn-element-overlay-backdrop--rounded"),Me.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay-backdrop cursor-pointer",style:o},Me.createElement("div",{className:`flow-node-${e.flowNode.State}-state-overlay ${t}`,style:r}))}import Pe from"@monaco-editor/react";import{Divider as Ee}from"@nextui-org/react";import b,{useEffect as wo}from"react";import{createRoot as Fo}from"react-dom/client";import xo from"react-markdown";import No from"remark-gfm";function re(e){function o(t){setTimeout(()=>{t.getAction("editor.action.formatDocument").run(),t.updateOptions({readOnly:!0})},300)}return wo(()=>{let t=b.createElement(xo,{remarkPlugins:[No]},e.flowNode.Documentation),r=document.getElementById("markdown-container");if(r){let a=r.attachShadow({mode:"open"});Fo(a).render(t)}},[]),b.createElement(b.Fragment,null,b.createElement(Ee,{className:"my-2"}),b.createElement("div",{className:"flex-row"},b.createElement("div",{className:"token-area"},b.createElement("p",null,"Start Token:"),b.createElement(Pe,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onMount:o,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}}),b.createElement(Ee,{className:"my-2"}),b.createElement("p",null,"End Token:"),b.createElement(Pe,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentEndToken,null,2),onMount:o,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),b.createElement("div",{className:"documentation-area"},b.createElement("p",null,"Dokumentation:"),b.createElement("div",{id:"markdown-container"}))))}function ae(e){let o=Ae(),t=Ae(),[r,a]=So(JSON.stringify(e.flowNode.CurrentStartToken));function n(i){setTimeout(()=>{i.getAction("editor.action.formatDocument").run()},300)}let s={width:e.width,height:e.height+10};return m.createElement(m.Fragment,null,m.createElement("div",{style:s},m.createElement(te,{onClick:t.onOpen,...e}),m.createElement(oe,{onRetryClick:e.retryAction?o.onOpen:void 0,onGotoClick:e.gotoProcessAction?()=>e.gotoProcessAction(e.flowNode.LinkedProcessInstanceId??""):void 0,onPlayClick:e.gotoManualOrUserTaskAction?()=>e.gotoManualOrUserTaskAction(e.flowNode.ProcessInstanceId,e.flowNode.Id):void 0,flowNode:e.flowNode})),m.createElement(_e,{isOpen:o.isOpen,onOpenChange:o.onOpenChange},m.createElement(Le,null,i=>m.createElement(m.Fragment,null,m.createElement(ze,{className:"flex flex-col gap-1"},"Confirm Retry"),m.createElement(Ue,null,m.createElement(Te,{className:"my-2"}),m.createElement("p",null,"Are you sure you want to retry process instance ",e.flowNode.CurrentFlowNodeInstanceId,"?"),m.createElement(Te,{className:"my-2"}),m.createElement(Co,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onChange:(d,p)=>a(d??""),onMount:n,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),m.createElement(Oe,null,m.createElement(ne,{color:"warning",variant:"light",onPress:i},"Close"),m.createElement(ne,{color:"primary",onPress:()=>{e.retryAction?.(e.flowNode.ProcessInstanceId,e.flowNode.CurrentFlowNodeInstanceId,JSON.parse(r)),i()}},"Retry"))))),m.createElement(_e,{size:"4xl",isOpen:t.isOpen,onOpenChange:t.onOpenChange},m.createElement(Le,null,i=>m.createElement(m.Fragment,null,m.createElement(ze,{className:"flex flex-col gap-1"},"FlowNode: ",e.flowNode.Name??e.flowNode.Id),m.createElement(Ue,null,m.createElement(re,{flowNode:e.flowNode})),m.createElement(Oe,null,m.createElement(ne,{color:"primary",onPress:i},"Close"))))))}var se=class{id;flowNodeInstances;processInstanceState;documentation;triggeredFlowNodeInstance;type;get Id(){return this.id}get Name(){return this.flowNodeInstances.at(-1)?.flowNodeName}get CurrentFlowNodeInstanceId(){return this.flowNodeInstances.at(-1)?.flowNodeInstanceId}get CurrentStartToken(){return this.flowNodeInstances.at(-1)?.startToken}get CurrentEndToken(){return this.flowNodeInstances.at(-1)?.endToken}get LinkedProcessInstanceId(){let o=this.flowNodeInstances.at(-1);if(this.IsCallActivity)return o.childProcessInstanceId;if(this.IsEventReceiver)return o?.triggeredByFlowNodeInstance?.processInstanceId;if(this.IsEventSender&&this.triggeredFlowNodeInstance)return this.triggeredFlowNodeInstance.processInstanceId}get State(){return this.flowNodeInstances.at(-1)?.state??""}get Documentation(){return this.documentation}get ProcessInstanceState(){return this.processInstanceState}get IsGateway(){return this.type==="bpmn:ComplexGateway"||this.type==="bpmn:ParallelGateway"||this.type==="bpmn:ExclusiveGateway"||this.type==="bpmn:InclusiveGateway"||this.type==="bpmn:EventBasedGateway"}get IsEvent(){return this.type==="bpmn:StartEvent"||this.type==="bpmn:EndEvent"||this.type==="bpmn:IntermediateCatchEvent"||this.type==="bpmn:IntermediateThrowEvent"||this.type==="bpmn:BoundaryEvent"}get IsEventReceiver(){return this.type==="bpmn:StartEvent"||this.type==="bpmn:IntermediateCatchEvent"||this.type==="bpmn:BoundaryEvent"||this.type==="bpmn:ReceiveTask"}get IsEventSender(){return this.type==="bpmn:EndEvent"||this.type==="bpmn:IntermediateThrowEvent"||this.type==="bpmn:SendTask"}get IsCallActivity(){return this.type==="bpmn:CallActivity"}get IsUserTask(){return this.type==="bpmn:UserTask"}get IsManualTask(){return this.type==="bpmn:ManualTask"}get ExecutionCount(){return this.flowNodeInstances.length}get ProcessInstanceId(){return this.flowNodeInstances.at(-1)?.processInstanceId??""}constructor(o,t,r,a){this.id=o,this.flowNodeInstances=[],this.processInstanceState=t,this.documentation=r,this.triggeredFlowNodeInstance=a,this.type=""}addFlowNodeInstance(o){this.flowNodeInstances.push(o),this.type=o.flowNodeType}},_=class{canvas;overlays;elementRegistry;overlayIds;overlayRoots;constructor(o){this.canvas=o.get("canvas"),this.overlays=o.get("overlays"),this.elementRegistry=o.get("elementRegistry"),this.overlayIds=[],this.overlayRoots={}}createOverlaysFlowNodeInstances(o,t,r,a,n,s){let i=this.getExecutedFlowNodes(t,o,r);this.overlayIds=[];for(let p of i){let l=this.elementRegistry.get(p.Id);this.getOrCreateOverlayRoot(p)?.render(Io.createElement(ae,{flowNode:p,width:l.width,height:l.height,retryAction:a,gotoProcessAction:n,gotoManualOrUserTaskAction:s})),this.setSequenceFlowsColor(l,i)}let d=[];for(let p in this.overlayRoots)i.find(u=>u.Id===p)||d.push(p);d.forEach(p=>{let l=this.elementRegistry.get(p);this.removeSequenceFlowsColor(l),this.overlayRoots[p].unmount(),delete this.overlayRoots[p]})}getOrCreateOverlayRoot(o){if(o.Id in this.overlayRoots)return this.overlayRoots[o.Id];let t=`bpmn-element-overlay-${Mo()}`,r=`<div id="${t}"></div>`,a=this.overlays.add(o.Id,{position:{top:0,left:0},html:r});this.overlayIds.push(a);let n=document.querySelector(`#${t}`);if(n){let s=Do(n);return this.overlayRoots[o.Id]=s,s}}getExecutedFlowNodes(o,t,r){let a=[],n={};for(let s of r)s.triggeredByFlowNodeInstance&&(n[s.triggeredByFlowNodeInstance?.flowNodeInstanceId]=s);for(let s of o){let i=a.find(d=>d.Id===s.flowNodeId);if(!i){let d=this.elementRegistry.get(s.flowNodeId),p=d.businessObject.documentation?d.businessObject.documentation[0].text:"";i=new se(s.flowNodeId,t,p,n[s.flowNodeInstanceId]),a.push(i)}i.addFlowNodeInstance(s)}return a}setSequenceFlowsColor(o,t){if(o&&o.businessObject.incoming)for(let r of o.businessObject.incoming)t.find(n=>n.Id===r.sourceRef?.id)&&this.canvas.addMarker(r.id,"connection-done")}removeSequenceFlowsColor(o){if(o&&o.businessObject.incoming){for(let t of o.businessObject.incoming)this.canvas.removeMarker(t.id,"connection-done");if(o.businessObject.outgoing)for(let t of o.businessObject.outgoing)this.canvas.removeMarker(t.id,"connection-done")}}};var Ve=class extends ie.Component{containerRef;bpmnViewer;bpmnViewerOverlayCreator;constructor(o){super(o),this.state={diagramXML:""},this.containerRef=ie.createRef()}componentDidMount(){let{diagramXML:o,options:t}=this.props,r=this.containerRef.current;if(this.bpmnViewer=new Po({container:r,height:t?.height??600,bpmnRenderer:{defaultFillColor:t?.fillColor,defaultStrokeColor:t?.strokeColor},additionalModules:[To,Eo]}),this.bpmnViewerOverlayCreator=new _(this.bpmnViewer),o)return this.displayDiagram(o)}componentWillUnmount(){this.bpmnViewer.destroy()}componentDidUpdate(o,t){let{props:r,state:a}=this,n=r.diagramXML||a.diagramXML,s=o.diagramXML||t.diagramXML;if(n&&n!==s)return this.displayDiagram(n);this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,r.flowNodeInstancesTriggeredByThisProcessInstance,r.retryAction,r.gotoProcessAction,r.gotoManualOrUserTaskAction)}displayDiagram(o){this.bpmnViewer.importXML(o).then(()=>{let t=this.bpmnViewer.get("canvas"),r=t.viewbox(),a={x:r.outer.width/2,y:r.outer.height/2};t.zoom("fit-viewport",a),this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,this.props.flowNodeInstancesTriggeredByThisProcessInstance,this.props.retryAction,this.props.gotoProcessAction,this.props.gotoManualOrUserTaskAction)})}render(){return ie.createElement("div",{className:this.props.className,ref:this.containerRef})}};import c,{Fragment as we,forwardRef as Bo,useRef as je}from"react";import*as H from"react-is";import Ro from"semver/functions/gt";import jo from"semver/functions/prerelease";import Go from"semver/functions/satisfies";import{mapUserTask as Ho}from"../common/index.mjs";import{DataModels as Vo}from"@5minds/processcube_engine_sdk";import P from"react";function g(e){if(e!=null&&e.trim()!=="")try{return JSON.parse(e)}catch{return null}return null}function de(e,o){let{formField:t}=e,r=`${t.id}-hint`,a=g(t.customForm);return P.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},P.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},P.createElement("input",{type:"checkbox",className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",defaultChecked:e.state&&e.state!=="false"||t.defaultValue==="true",id:t.id,name:t.id,"aria-describedby":a?.hint?r:void 0,"data-form-field-type":"boolean"})),P.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},P.createElement("label",{className:"app-sdk-font-medium",htmlFor:t.id},t.label),a?.hint&&P.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},a.hint)))}import _o from"react";function pe(e,o){return _o.createElement("p",{className:"app-sdk-text-sm"},e.formField.label)}import U from"react";function le({formField:e,state:o},t){let r=g(e.customForm);return U.createElement("div",null,U.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),U.createElement("div",{className:"app-sdk-mt-1"},U.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"text",id:e.id,name:e.id,defaultValue:o||(e.defaultValue?.toString()??""),placeholder:r?.placeholder,"aria-describedby":`${e.id}-hint`,"data-form-field-type":"custom"})),r?.hint&&U.createElement("p",{id:`${e.id}-hint`,"data-hint":!0,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},r.hint))}import L from"react";function ce(e,o){let{formField:t}=e,r=`${t.id}-hint`,a=g(t.customForm);Uo(t.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for date field "${t.id}"`);let n=e.state||t.defaultValue?.toString();return L.createElement("div",null,L.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),L.createElement("div",{className:"app-sdk-mt-1"},L.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"date",defaultValue:n,id:t.id,name:t.id,"aria-describedby":r,"data-form-field-type":"date"})),a?.hint&&L.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},a?.hint))}function Uo(e){return new Date(e?.toString()).toString()!=="Invalid Date"}import O from"react";function G(e){return!Number.isNaN(Number(e?.toString()))}function me(e,o){let{formField:t}=e,r=`${t.id}-hint`,a=g(t.customForm);return G(t.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for decimal field "${t.id}"`),O.createElement("div",null,O.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),O.createElement("div",{className:"app-sdk-mt-1"},O.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:"0.01",placeholder:a?.placeholder||"0.00",defaultValue:e.state||t.defaultValue?.toString(),id:t.id,name:t.id,"aria-describedby":r,"data-form-field-type":"decimal"})),a?.hint&&O.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},a?.hint))}import y from"react";function ue({formField:e,state:o},t){let r=g(e.customForm),a=e.label,n=e.enumValues,s;switch(r?.displayAs){case"checkbox":let d;Array.isArray(o)&&o.length?d=o:d=(o||e.defaultValue?.toString())?.split(",")??[],s=y.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":r?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(l=>{let u=d.find(v=>v.trim()===l.id);return y.createElement("div",{key:l.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},y.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},y.createElement("input",{type:"checkbox",defaultChecked:u,name:e.id,id:l.id,value:l.id,className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),y.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},y.createElement("label",{htmlFor:l.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},l.name)))}));break;case"radio":s=y.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":r?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(l=>y.createElement("div",{key:l.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},y.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},y.createElement("input",{type:"radio",defaultChecked:(o||e.defaultValue)==l.id,name:e.id,id:l.id,value:l.id,className:"app-sdk-form-radio app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),y.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},y.createElement("label",{htmlFor:l.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},l.name)))));break;default:let p=o||n?.find(l=>l.id===e.defaultValue)?.id||"";s=y.createElement("select",{id:e.id,name:e.id,className:"app-sdk-form-select app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-mt-1 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-py-2 app-sdk-pl-3 app-sdk-pr-10 app-sdk-text-base app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-outline-none focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:app-sdk-bg-app-sdk-dropdown-dark dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",onChange:l=>l.target.dataset.value=l.target.value,"data-value":p,"aria-describedby":r?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:p},y.createElement("option",{value:""},!p&&r?.placeholder),n?.map(l=>y.createElement("option",{key:l.id,value:l.id},l.name)));break}let i=r?.hint?y.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},r.hint):null;return y.createElement("div",null,y.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},a),s,i)}import z from"react";function fe({formField:e},o){let t=g(e.customForm),r;switch(t?.style){case"heading_1":r=z.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_2":r=z.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_3":r=z.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;default:r=z.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break}return z.createElement("div",{className:"app-sdk-header-form-field"},r)}import A from"react";function ke({formField:e,state:o},t){let r=g(e.customForm);return G(e.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for integer field "${e.id}"`),A.createElement("div",null,A.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),A.createElement("div",{className:"app-sdk-mt-1"},A.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:1,id:e.id,name:e.id,defaultValue:o||e.defaultValue?.toString(),placeholder:r?.placeholder??"0","aria-describedby":`${e.id}-hint`,"data-form-field-type":"integer"})),r?.hint&&A.createElement("p",{id:`${e.id}-hint`,"data-hint":!0,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},r.hint))}import Lo from"isomorphic-dompurify";import{marked as ye}from"marked";import Oo from"react";import{useEffect as zo,useState as Ao}from"react";function ve({formField:{defaultValue:e,label:o}},t){let[r,a]=Ao("");return zo(()=>{let n=ye.parse(e?.toString()??o?.toString()??"",{renderer:new he,hooks:new ge});a(n)},[e,o]),Oo.createElement("div",{className:w("app-sdk-text-sm","[&_p]:app-sdk-my-4 first-of-type:[&_p]:app-sdk-mb-4 first-of-type:[&_p]:app-sdk-mt-0","[&_a]:app-sdk-text-[color:var(--asdk-dui-link-color)] [&_a]:app-sdk-underline hover:[&_a]:app-sdk-text-[color:var(--asdk-dui-link-hover-color)]","[&_h1]:app-sdk-text-2xl [&_h1]:app-sdk-font-bold [&_h2]:app-sdk-text-xl [&_h2]:app-sdk-font-bold [&_h3]:app-sdk-text-lg [&_h3]:app-sdk-font-bold [&_h4]:app-sdk-text-base [&_h4]:app-sdk-font-bold [&_h5]:app-sdk-text-sm [&_h5]:app-sdk-font-bold [&_h6]:app-sdk-text-xs [&_h6]:app-sdk-font-bold","[&_code]:app-sdk-text-[#e83e8c] [&_pre]:app-sdk-my-4 [&_pre]:app-sdk-bg-gray-100 [&_pre]:dark:app-sdk-bg-app-sdk-gray-700 [&_pre_code]:app-sdk-text-inherit","[&_blockquote]:app-sdk-m-[revert] [&_fieldset]:app-sdk-m-[revert] [&_h1]:app-sdk-m-[revert] [&_h2]:app-sdk-m-[revert] [&_h3]:app-sdk-m-[revert] [&_h4]:app-sdk-m-[revert] [&_h5]:app-sdk-m-[revert] [&_h6]:app-sdk-m-[revert] [&_menu]:app-sdk-m-[revert] [&_ol]:app-sdk-m-[revert] [&_ul]:app-sdk-m-[revert]","[&_fieldset]:app-sdk-p-[revert] [&_menu]:app-sdk-p-[revert] [&_ol]:app-sdk-p-[revert] [&_ul]:app-sdk-p-[revert]","[&_ol]:app-sdk-list-decimal [&_ol_p]:app-sdk-my-2 first-of-type:[&_ol_p]:app-sdk-my-4 [&_ul]:app-sdk-list-disc [&_ul_p]:app-sdk-my-2 first-of-type:[&_ul_p]:app-sdk-my-4","[&_input[type='checkbox']]:app-sdk-form-checkbox [&_input[type='checkbox']]:app-sdk-border [&_input[type='checkbox']]:app-sdk-h-4 [&_input[type='checkbox']]:app-sdk-w-4 [&_input[type='checkbox']]:app-sdk-rounded [&_input[type='checkbox']]:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:app-sdk-text-sky-600 [&_input[type='checkbox']]:hover:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:dark:app-sdk-border-2 [&_input[type='checkbox']]:dark:app-sdk-border-solid [&_input[type='checkbox']]:dark:app-sdk-border-transparent [&_input[type='checkbox']]:dark:app-sdk-bg-app-sdk-gray-350 [&_input[type='checkbox']]:dark:app-sdk-text-[#007bff40] [&_input[type='checkbox']]:dark:hover:app-sdk-border-transparent [&_input[type='checkbox']]:dark:hover:checked:app-sdk-bg-app-sdk-gray-350"),dangerouslySetInnerHTML:{__html:r}})}var he=class extends ye.Renderer{link(o,t,r){return super.link(o,t,r).replace("<a","<a target='_blank'")}html(o,t){let r=super.html(o,t);return r.startsWith("<a ")&&!r.includes("target=")?r.replace("<a ",'<a target="_blank" '):r}},ge=class extends ye.Hooks{postprocess(o){return Lo.sanitize(o,{ADD_ATTR:["target"]})}};import V from"react";function be({formField:e,state:o},t){let r=g(e.customForm),a=e.label,n=r?.multiline==="true"?"textarea":"input",s=V.createElement(n,{className:w(n==="input"?"app-sdk-form-input":"app-sdk-form-textarea","app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-shadow-sm focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] app-sdk-block app-sdk-w-full sm:app-sdk-text-sm app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 dark:app-sdk-border-solid dark:app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] dark:focus:app-sdk-shadow-app-sdk-dark app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] dark:invalid:app-sdk-shadow-app-sdk-dark-invalid"),id:e.id,name:e.id,defaultValue:o||(e.defaultValue?.toString()??""),placeholder:r?.placeholder,"aria-describedby":r?.hint?`${e.id}-hint`:void 0,type:n==="input"?"text":void 0,rows:n==="textarea"?4:void 0,"data-form-field-type":"string"}),i=r?.hint?V.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},r.hint):null;return V.createElement("div",null,V.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},a),V.createElement("div",{className:"app-sdk-mt-1"},s),i)}var Be=(r=>(r.paragraph="paragraph",r.header="header",r.confirm="confirm",r))(Be||{}),Dn={...Vo.FlowNodeInstances.UserTaskFormFieldType,...Be},Re={boolean:de,date:ce,enum:ue,long:ke,number:me,string:be,paragraph:ve,header:fe,confirm:pe,custom:le};var $o=Go(c.version,">=18.0.0 <19",{includePrerelease:!0}),$e=jo(c.version)==null,Ge=!$e&&Ro(c.version,"18.2.0")&&c.version.includes("canary"),He=class extends c.Component{};function qn(e){$o||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		The React version is not supported!
+Version: ${c.version}`);let{userTaskConfig:o}=e.task,{formFields:t}=o,r=je(),a=je(null),n=new Map(t.map(f=>[f.id,{ref:c.createRef()}])),s=t.filter(f=>f.type==="confirm");s.length>1&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Warning while rendering UserTask "${e.task.flowNodeId}"!
  The UserTask has more than one confirm form field. Please use only one confirm form field per User Task.
 
-The first confirm form field is used for rendering.`);let i=a.length===1?a[0]:null,l={...Be,...e.customFieldComponents?e.customFieldComponents:{}},d=f=>{let k=Zo(f,t,n);e.onSubmit(k,f,jo(e.task))};function p(f){let k=f.target;r.current!=null&&window.clearTimeout(r.current),r.current=window.setTimeout(()=>{if(r.current=void 0,s.current==null)return;let N=new FormData(s.current),G=Wo(N,n);e.onStateChange?.(k.value,k.name,G)},100)}let u=w("app-sdk-default-styles app-sdk-mx-auto app-sdk-block app-sdk-h-full app-sdk-min-h-[200px] app-sdk-rounded-lg app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)] sm:app-sdk-w-full sm:app-sdk-max-w-lg",e.classNames?.wrapper??"",e.className??""),v=e.darkMode||u.split(" ").includes("dark"),F={...Re&&{action:d},...!Re&&He&&{onSubmit:f=>{let k=new FormData(s.current),N=f.nativeEvent.submitter;k.has(N.name)||k.append(N.name,N.value),d(k)},method:"dialog"}};return c.createElement("div",{className:v?`dark app-sdk-dark ${u}`:w(...u.split(" ").filter(f=>f!=="dark"&&f!=="app-sdk-dark")),"data-dynamic-ui":!0,"data-blablabl":!0},c.createElement("form",{ref:s,className:w("app-sdk-flex app-sdk-max-h-full app-sdk-flex-col app-sdk-rounded-lg app-sdk-bg-[color:var(--asdk-dui-background-color)]  app-sdk-text-[color:var(--asdk-dui-text-color)] app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)]",e.classNames?.base??""),"data-user-task-id":e.task.flowNodeId,"data-user-task-instance-id":e.task.flowNodeInstanceId,onChange:p,...F},c.createElement("header",{className:w("app-sdk-px-4 app-sdk-pb-3 app-sdk-pt-4 sm:app-sdk-px-6",e.classNames?.header?e.classNames.header:"")},c.createElement(Jo,{title:e.title??e.task.flowNodeName??"User Task",headerComponent:e.headerComponent})),c.createElement("section",{className:w("app-sdk-overflow-y-auto app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.body??"")},c.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-space-y-6 dark:[color-scheme:dark]"},t.map(f=>{let k=l[f.type];if(!k)return null;if(!H.isValidElementType(k))return console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		The given DynamicUiFormFieldComponent is not a valid React Element Type.
+The first confirm form field is used for rendering.`);let i=s.length===1?s[0]:null,d={...Re,...e.customFieldComponents?e.customFieldComponents:{}},p=f=>{let k=Yo(f,t,n);e.onSubmit(k,f,Ho(e.task))};function l(f){let k=f.target;r.current!=null&&window.clearTimeout(r.current),r.current=window.setTimeout(()=>{if(r.current=void 0,a.current==null)return;let N=new FormData(a.current),$=qo(N,n);e.onStateChange?.(k.value,k.name,$)},100)}let u=w("app-sdk-default-styles app-sdk-mx-auto app-sdk-block app-sdk-h-full app-sdk-min-h-[200px] app-sdk-rounded-lg app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)] sm:app-sdk-w-full sm:app-sdk-max-w-lg",e.classNames?.wrapper??"",e.className??""),v=e.darkMode||u.split(" ").includes("dark"),F={...Ge&&{action:p},...!Ge&&$e&&{onSubmit:f=>{let k=new FormData(a.current),N=f.nativeEvent.submitter;k.has(N.name)||k.append(N.name,N.value),p(k)},method:"dialog"}};return c.createElement("div",{className:v?`dark app-sdk-dark ${u}`:w(...u.split(" ").filter(f=>f!=="dark"&&f!=="app-sdk-dark")),"data-dynamic-ui":!0,"data-blablabl":!0},c.createElement("form",{ref:a,className:w("app-sdk-flex app-sdk-max-h-full app-sdk-flex-col app-sdk-rounded-lg app-sdk-bg-[color:var(--asdk-dui-background-color)]  app-sdk-text-[color:var(--asdk-dui-text-color)] app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)]",e.classNames?.base??""),"data-user-task-id":e.task.flowNodeId,"data-user-task-instance-id":e.task.flowNodeInstanceId,onChange:l,...F},c.createElement("header",{className:w("app-sdk-px-4 app-sdk-pb-3 app-sdk-pt-4 sm:app-sdk-px-6",e.classNames?.header?e.classNames.header:"")},c.createElement(Xo,{title:e.title??e.task.flowNodeName??"User Task",headerComponent:e.headerComponent})),c.createElement("section",{className:w("app-sdk-overflow-y-auto app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.body??"")},c.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-space-y-6 dark:[color-scheme:dark]"},t.map(f=>{let k=d?.[f.type]||d.custom;if(!k)return null;if(!H.isValidElementType(k))return console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		The given DynamicUiFormFieldComponent is not a valid React Element Type.
 
 FormField:	${JSON.stringify(f,null,2)}
 DynamicUiFormFieldComponent:	${k.toString()}
 
-Rendering 'null' as fallback`),null;let N;if(be(k))$o(k),N=k;else{let J=k;k.length===1&&(J=(Ge,qo)=>c.createElement(k,{...Ge})),Xo(J),N=Ao(J)}let G=n.get(f.id)?.ref;return c.createElement(ve,{key:f.id},c.createElement(N,{ref:G,formField:f,state:e.state?.[f.id]}))}))),c.createElement("footer",{className:w("app-sdk-rounded-b-lg app-sdk-bg-[color:var(--asdk-dui-footer-background-color)] app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.footer??"")},c.createElement(Go,{confirmFormField:i}))))}function Go(e){let{confirmFormField:o}=e,t=c.createElement(ve,null,c.createElement("button",{type:"submit",className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm "},"OK"));if(o){let r=y(o.customForm);t=c.createElement(ve,null,c.createElement("button",{type:"submit",name:o.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm ",value:"true"},r?.confirmButtonText??"Confirm"),c.createElement("button",{type:"submit",name:o.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-decline-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-decline-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm",value:"false"},r?.declineButtonText??"Decline"))}return c.createElement("div",{className:"app-sdk-space-y-2 sm:app-sdk-flex sm:app-sdk-flex-row-reverse sm:-app-sdk-space-x-2 sm:app-sdk-space-y-0"},t)}function Jo(e){return c.createElement("div",{className:"app-sdk-flex app-sdk-space-x-3"},c.createElement("div",{className:"app-sdk-flex-1"},c.createElement("h3",{id:"headline-title",className:"app-sdk-text-lg app-sdk-font-medium app-sdk-leading-6 app-sdk-text-[color:var(--asdk-dui-header-text-color)]"},e.title)),c.createElement("div",{className:"app-sdk-flex app-sdk-self-center"},e.headerComponent))}function be(e){return e?.prototype?.isReactComponent!=null}function $o(e){if(!(H.isValidElementType(e)&&be(e)))throw new Error("Expected Element to be a React Component")}function Xo(e){if(!(H.isValidElementType(e)&&!be(e)))throw new Error("Expected Element to be a functional Component")}function Wo(e,o){let t={};return e.forEach((r,s)=>{if(r instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Add a getState Function to your component to return a JSON Primitive value as state.
+Rendering 'null' as fallback`),null;let N;if(Fe(k))Wo(k),N=k;else{let J=k;k.length===1&&(J=(Je,Ko)=>c.createElement(k,{...Je})),Zo(J),N=Bo(J)}let $=n.get(f.id)?.ref;return c.createElement(we,{key:f.id},c.createElement(N,{ref:$,formField:f,state:e.state?.[f.id]}))}))),c.createElement("footer",{className:w("app-sdk-rounded-b-lg app-sdk-bg-[color:var(--asdk-dui-footer-background-color)] app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.footer??"")},c.createElement(Jo,{confirmFormField:i}))))}function Jo(e){let{confirmFormField:o}=e,t=c.createElement(we,null,c.createElement("button",{type:"submit",className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm "},"OK"));if(o){let r=g(o.customForm);t=c.createElement(we,null,c.createElement("button",{type:"submit",name:o.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm ",value:"true"},r?.confirmButtonText??"Confirm"),c.createElement("button",{type:"submit",name:o.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-decline-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-decline-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm",value:"false"},r?.declineButtonText??"Decline"))}return c.createElement("div",{className:"app-sdk-space-y-2 sm:app-sdk-flex sm:app-sdk-flex-row-reverse sm:-app-sdk-space-x-2 sm:app-sdk-space-y-0"},t)}function Xo(e){return c.createElement("div",{className:"app-sdk-flex app-sdk-space-x-3"},c.createElement("div",{className:"app-sdk-flex-1"},c.createElement("h3",{id:"headline-title",className:"app-sdk-text-lg app-sdk-font-medium app-sdk-leading-6 app-sdk-text-[color:var(--asdk-dui-header-text-color)]"},e.title)),c.createElement("div",{className:"app-sdk-flex app-sdk-self-center"},e.headerComponent))}function Fe(e){return e?.prototype?.isReactComponent!=null}function Wo(e){if(!(H.isValidElementType(e)&&Fe(e)))throw new Error("Expected Element to be a React Component")}function Zo(e){if(!(H.isValidElementType(e)&&!Fe(e)))throw new Error("Expected Element to be a functional Component")}function qo(e,o){let t={};return e.forEach((r,a)=>{if(r instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Add a getState Function to your component to return a JSON Primitive value as state.
 
-FormField: ${s} with ${r} `);return}t[s]?t[s]=Array.isArray(t[s])?[...t[s],r]:[t[s],r]:t[s]=r}),o.forEach((r,s)=>{if(typeof r.ref.current?.getState=="function"){let n=r.ref.current.getState();(typeof n=="boolean"||typeof n=="number"||typeof n=="string"||Array.isArray(n)||n==null||n?.toString()==="[object Object]")&&(t[s]=n)}}),t}function Zo(e,o,t){let r={};for(let n of e.keys()){let a=e.getAll(n);if(a[0]instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Use the raw FormData instance to process files instead.
+FormField: ${a} with ${r} `);return}t[a]?t[a]=Array.isArray(t[a])?[...t[a],r]:[t[a],r]:t[a]=r}),o.forEach((r,a)=>{if(typeof r.ref.current?.getState=="function"){let n=r.ref.current.getState();(typeof n=="boolean"||typeof n=="number"||typeof n=="string"||Array.isArray(n)||n==null||n?.toString()==="[object Object]")&&(t[a]=n)}}),t}function Yo(e,o,t){let r={};for(let n of e.keys()){let s=e.getAll(n);if(s[0]instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Use the raw FormData instance to process files instead.
 
-FormField: ${n} with ${a} `);continue}if(a.length===1?r[n]=a[0]:r[n]=a,r[n]==""&&delete r[n],r[n]){let i=o.find(l=>l.id===n)?.type;if(i==="boolean"){r[n]=r[n]==="on";continue}if(i==="confirm"){r[n]=JSON.parse(r[n]);continue}if(i==="number"){r[n]=parseFloat(r[n]);continue}if(i==="long"){r[n]=parseInt(r[n]);continue}}}let s=o.filter(n=>n.type==="boolean");return s.length&&s.forEach(n=>{r[n.id]||(r[n.id]=!1)}),t.forEach((n,a)=>{if(typeof n.ref.current?.getValue=="function"){let i=n.ref.current.getValue();(typeof i=="boolean"||typeof i=="number"||typeof i=="string"||Array.isArray(i)||i==null||i?.toString()==="[object Object]")&&(r[a]=i)}}),r}export{$ as BPMNViewer,it as BPMNViewerNextJS,ie as BooleanFormField,ze as BpmnViewerComponent,de as ConfirmFormField,pe as DateFormField,le as DecimalFormField,lo as DiagramDocumentationInspector,St as DiagramDocumentationInspectorNextJS,X as DocumentationViewer,Tt as DropdownMenu,_t as DropdownMenuItem,zt as DynamicLink,Hn as DynamicUi,je as DynamicUiComponent,ce as EnumFormField,se as FlowNode,Be as FormFieldComponentMap,me as HeaderFormField,ue as IntegerFormField,ge as ParagraphFormField,B as SplitterLayout,ye as StringFormField};
+FormField: ${n} with ${s} `);continue}if(s.length===1?r[n]=s[0]:r[n]=s,r[n]==""&&delete r[n],r[n]){let i=o.find(d=>d.id===n)?.type;if(i==="boolean"){r[n]=r[n]==="on";continue}if(i==="confirm"){r[n]=JSON.parse(r[n]);continue}if(i==="number"){r[n]=parseFloat(r[n]);continue}if(i==="long"){r[n]=parseInt(r[n]);continue}}}let a=o.filter(n=>n.type==="boolean");return a.length&&a.forEach(n=>{r[n.id]||(r[n.id]=!1)}),t.forEach((n,s)=>{if(typeof n.ref.current?.getValue=="function"){let i=n.ref.current.getValue();(typeof i=="boolean"||typeof i=="number"||typeof i=="string"||Array.isArray(i)||i==null||i?.toString()==="[object Object]")&&(r[s]=i)}}),r}export{X as BPMNViewer,pt as BPMNViewerNextJS,de as BooleanFormField,Ve as BpmnViewerComponent,pe as ConfirmFormField,le as CustomFormField,ce as DateFormField,me as DecimalFormField,mo as DiagramDocumentationInspector,Dt as DiagramDocumentationInspectorNextJS,W as DocumentationViewer,Ut as DropdownMenu,Lt as DropdownMenuItem,Vt as DynamicLink,qn as DynamicUi,He as DynamicUiComponent,ue as EnumFormField,se as FlowNode,Re as FormFieldComponentMap,fe as HeaderFormField,ke as IntegerFormField,ve as ParagraphFormField,B as SplitterLayout,be as StringFormField};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@5minds/processcube_app_sdk",
-  "version": "6.1.0-develop-8df61e-lz6kxs15",
+  "version": "6.1.0-develop-92e8a8-lzd4j57k",
   "description": "The SDK for ProcessCube Apps",
   "type": "module",
   "main": "build/common/index.cjs",