@5minds/processcube_app_sdk 6.2.0-develop-631baa-m28nf5fo → 6.2.0-develop-32452d-m2ee0twu

package/build/client/index.mjs

@@ -1,22 +1,24 @@
-"use client";import"client-only";import No from"bpmn-js/lib/Viewer";import So from"clsx";import Io from"diagram-js/lib/features/selection";import Do from"diagram-js/lib/navigation/movecanvas";import Po from"diagram-js/lib/navigation/zoomscroll";import Mo from"next/dynamic";import{forwardRef as Uo,useEffect as Eo,useImperativeHandle as To,useRef as oo}from"react";import to from"react";function Vo(o,e){let t=oo(null),r=oo(new No({bpmnRenderer:{defaultFillColor:"var(--asdk-bv-background-color)",defaultStrokeColor:"var(--asdk-bv-foreground-color)"},additionalModules:[Po,Do,Io]}));return To(e,()=>({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 s=a.get("canvas"),d=n=>{o.onSelectionChanged?.(n.newSelection)};return a.importXML(o.xml).then(()=>{let n=s.viewbox(),l={x:n.outer.width/2,y:n.outer.height/2};s.zoom("fit-viewport",l),o.onImportDone?.(),a.on("selection.changed",d);let{preselectedElementIds:c}=o;if(!c||c.length===0)return;let i=a.get("elementRegistry").filter(y=>c.includes(y.id)).sort((y,w)=>c.indexOf(y.id)-c.indexOf(w.id));a.get("selection").select(i??[])}).catch(n=>{console.error(`[@5minds/processcube_app_sdk:BPMNViewer]		Error while importing BPMN XML: "${n.message}`)}),()=>{a.off("selection.changed",d),a.detach()}},[o.xml,o.preselectedElementIds]),to.createElement("div",{ref:t,className:So("app-sdk-bpmn-viewer","app-sdk-h-full",o.className)})}var le=Uo(Vo);function _o(o){return to.createElement(le,{...o,ref:o.viewerRef})}var rr=Mo(()=>Promise.resolve(_o),{ssr:!1});import{getBusinessObject as ue}from"bpmn-js/lib/util/ModelUtil";import jo from"next/dynamic";import{useEffect as me,useRef as so,useState as se}from"react";import M from"react";import ro from"react";import Lo from"react-markdown";import Oo from"rehype-autolink-headings";import Ao from"rehype-raw";import zo from"rehype-slug";import Bo from"remark-gfm";function ce(o){return ro.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"},ro.createElement(Lo,{remarkPlugins:[Bo],rehypePlugins:[Ao,zo,[Oo,{behavior:"wrap"}]],className:"app-sdk-markdown lg:app-sdk-mx-40 md:app-sdk-mx-20 app-sdk-mx-10"},o.documentation??""))}import P from"react";var ao=4,ae=class extends P.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(e){super(e),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:e.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 e;if(this.props.secondaryInitialSize)e=this.props.secondaryInitialSize;else{let t=this.container.getBoundingClientRect(),r;this.splitter?r=this.splitter.getBoundingClientRect():r={width:ao,height:ao},e=this.getSecondaryPaneSize(t,r,{left:t.left+(t.width-r.width)/2,top:t.top+(t.height-r.height)/2},!1)}this.setSecondaryPaneSize(e)}componentDidUpdate(e,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 e=document.body.createTextRange();e.collapse(),e.select()}else if(window.getSelection){let e=window.getSelection();if(e==null)return;e.empty?e.empty():e.removeAllRanges&&e.removeAllRanges()}else document.selection&&document.selection.empty()}getSecondaryPaneSize(e,t,r,a){let s=0,d=0,n=0;this.props.vertical?(s=e.height,d=t.height,n=r.top-e.top):(s=e.width,d=t.width,n=r.left-e.left),a&&(n-=d/2),n<0?n=0:n>s-d&&(n=s-d);let l;this.props.primaryIndex===1?l=n:l=s-d-n;let c=s-d-l;return this.props.percentage&&(l=l*100/s,c=c*100/s,d=d*100/s,s=100),c<this.props.primaryMinSize?l=Math.max(l-(this.props.primaryMinSize-c),0):l<this.props.secondaryMinSize&&(l=Math.min(s-d-this.props.primaryMinSize,this.props.secondaryMinSize)),l}setSecondaryPaneSize(e){this.setState({secondaryPaneSize:e})}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 e=this.props.secondaryDefaultSize||this.props.secondaryMinSize;return this.state.secondaryPaneSize===e}reset(){let e=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.setSecondaryPaneSize(e)}handleResize(){if(this.splitter&&!this.props.percentage){let e=this.container.getBoundingClientRect(),t=this.splitter.getBoundingClientRect(),r=this.getSecondaryPaneSize(e,t,{left:t.left,top:t.top},!1);this.setState({secondaryPaneSize:r})}}handleMouseMove(e){if(this.state.resizing){let t=this.container.getBoundingClientRect(),r=this.splitter.getBoundingClientRect(),a=this.getSecondaryPaneSize(t,r,{left:e.clientX,top:e.clientY},!0);this.clearSelection(),this.setState({secondaryPaneSize:a})}}handleTouchMove(e){this.handleMouseMove(e.changedTouches[0])}handleSplitterMouseDown(e){e.preventDefault(),this.clearSelection(),this.setState({resizing:!0})}handleSplitterDoubleClick(){let e=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.state.secondaryPaneSize===e?this.setSecondaryPaneSize(Math.floor(e*1.5)):this.setSecondaryPaneSize(e)}handleMouseUp(){this.setState(e=>e.resizing?{resizing:!1}:null)}render(){let e="app-sdk-splitter-layout";this.props.customClassName&&(e+=` ${this.props.customClassName}`),this.props.vertical&&(e+=" app-sdk-splitter-layout-vertical"),this.state.resizing&&(e+=" layout-changing");let t=P.Children.toArray(this.props.children).slice(0,2);t.length===0&&t.push(P.createElement("div",null));let r=[],a=this.props.primaryIndex!==0&&this.props.primaryIndex!==1?0:this.props.primaryIndex;for(let s=0;s<t.length;++s){let d=!0,n;t.length>1&&s!==a&&(d=!1,n=this.state.secondaryPaneSize),r.push(P.createElement($o,{vertical:this.props.vertical,percentage:this.props.percentage,primary:d,size:n},t[s]))}return P.createElement("div",{className:e,ref:s=>{this.container=s}},r[0],r.length>1&&P.createElement("div",{role:"separator",className:"app-sdk-layout-splitter"},P.createElement("div",{className:"app-sdk-layout-splitter__inner",ref:s=>{this.splitter=s},onMouseDown:this.handleSplitterMouseDown,onTouchStart:this.handleSplitterMouseDown})),r.length>1&&r[1])}};function $o(o={vertical:!1,primary:!1,size:0,percentage:!1,children:[]}){let e=o.size||0,t=o.percentage?"%":"px",r="app-sdk-layout-pane",a={};return o.primary?r+=" app-sdk-layout-pane-primary":o.vertical?a.height=`${e}${t}`:a.width=`${e}${t}`,P.createElement("div",{className:r,style:a},o.children)}var A=30;function Ho(o){let e=so(null),t=so(null),[r,a]=se([]),[s,d]=se(!1),[n,l]=se([]),[c,b]=se(A);return me(()=>{if(!window)return;let i=new URLSearchParams(window.location.search),y=i.getAll("selected");if(l(y),!i.has("splitterSize"))return;let w=parseFloat(i.get("splitterSize"));isNaN(w)||w===A||(b(w),t.current?.setSecondaryPaneSize(w))},[]),me(()=>{if(!s)return;let i=new URLSearchParams(window.location.search);c!==A?i.set("splitterSize",c.toString()):i.delete("splitterSize"),i.delete("selected"),r.length>0&&r.forEach(m=>i.append("selected",m.id));let y=decodeURIComponent(window.location.hash.slice(1)),w=y.length>0?document.getElementById(y):null;window.history.replaceState(null,"",`?${i.toString()}${w?window.location.hash:""}`),window.location.hash&&(window.location.hash=window.location.hash),w?.scrollIntoView()},[r,c]),me(()=>{let i=e.current?.getOverlays();e.current?.getElementRegistry()?.filter(no)?.forEach(m=>{let u=Xo(m);i?.add(m.id,{position:u,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>'})})},[s]),M.createElement(ae,{ref:t,vertical:!0,percentage:!0,secondaryInitialSize:A,secondaryDefaultSize:A,onDragEnd:(i,y)=>b(Math.round(y))},M.createElement(le,{ref:e,xml:o.xml,preselectedElementIds:n,onSelectionChanged:i=>a([...i]),onImportDone:()=>d(!0)}),M.createElement("div",{className:"app-sdk-flex app-sdk-justify-center app-sdk-h-full app-sdk-bg-[color:var(--asdk-ddi-background-color)]"},M.createElement(Go,{elements:r})))}function Go({elements:o}){if(o.length===0)return M.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"Please select an element");let e=o.filter(no);if(e.length===0)return M.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"No documentation available");if(e.length===1){let t=ue(e[0])?.documentation?.[0]?.text;return M.createElement(ce,{documentation:t})}return M.createElement(ce,{documentation:e.map(t=>ue(t)?.documentation?.[0]?.text).join(`
+"use client";import"client-only";import Qt from"bpmn-js/lib/Viewer";import er from"clsx";import or from"diagram-js/lib/features/selection";import tr from"diagram-js/lib/navigation/movecanvas";import rr from"diagram-js/lib/navigation/zoomscroll";import ar from"next/dynamic";import{forwardRef as sr,useEffect as nr,useImperativeHandle as dr,useRef as ot}from"react";import tt from"react";function ir(o,e){let t=ot(null),r=ot(new Qt({bpmnRenderer:{defaultFillColor:"var(--asdk-bv-background-color)",defaultStrokeColor:"var(--asdk-bv-foreground-color)"},additionalModules:[rr,tr,or]}));return dr(e,()=>({getOverlays(){return r.current.get("overlays")},getElementRegistry(){return r.current.get("elementRegistry")},addMarker(a,s){r.current.get("canvas")?.addMarker(a,s)},removeMarker(a,s){r.current.get("canvas")?.removeMarker(a,s)},hasMarker(a,s){return r.current.get("canvas")?.hasMarker(a,s)}}),[r.current,t.current]),nr(()=>{if(!t.current)return;let a=r.current;a.attachTo(t.current);let s=a.get("canvas"),n=d=>{o.onSelectionChanged?.(d.newSelection)};return a.importXML(o.xml).then(()=>{let d=s.viewbox(),i={x:d.outer.width/2,y:d.outer.height/2};s.zoom("fit-viewport",i),o.onImportDone?.(),a.on("selection.changed",n);let{preselectedElementIds:u}=o;if(!u||u.length===0)return;let k=a.get("elementRegistry").filter(T=>u.includes(T.id)).sort((T,A)=>u.indexOf(T.id)-u.indexOf(A.id));a.get("selection").select(k??[])}).catch(d=>{console.error(`[@5minds/processcube_app_sdk:BPMNViewer]		Error while importing BPMN XML: "${d.message}`)}),()=>{a.off("selection.changed",n),a.detach()}},[o.xml,o.preselectedElementIds]),tt.createElement("div",{ref:t,className:er("app-sdk-bpmn-viewer","app-sdk-h-full",o.className)})}var Qe=sr(ir);function pr(o){return tt.createElement(Qe,{...o,ref:o.viewerRef})}var cs=ar(()=>Promise.resolve(pr),{ssr:!1});import{getBusinessObject as oo}from"bpmn-js/lib/util/ModelUtil";import hr from"next/dynamic";import U,{forwardRef as gr}from"react";import{useEffect as ze,useImperativeHandle as vr,useRef as st,useState as ce}from"react";import{renderToString as me}from"react-dom/server";import rt from"react";import lr from"react-markdown";import cr from"rehype-autolink-headings";import mr from"rehype-raw";import ur from"rehype-slug";import kr from"remark-gfm";function eo(o){return rt.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"},rt.createElement(lr,{remarkPlugins:[kr],rehypePlugins:[mr,ur,[cr,{behavior:"wrap"}]],className:"app-sdk-markdown lg:app-sdk-mx-40 md:app-sdk-mx-20 app-sdk-mx-10"},o.documentation??""))}import ee from"react";var at=4,Ae=class extends ee.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(e){super(e),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:e.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);let e;if(this.props.secondaryInitialSize!=null)e=this.props.secondaryInitialSize;else{let t=this.container.getBoundingClientRect(),r;this.splitter?r=this.splitter.getBoundingClientRect():r={width:at,height:at},e=this.getSecondaryPaneSize(t,r,{left:t.left+(t.width-r.width)/2,top:t.top+(t.height-r.height)/2},!1)}this.setSecondaryPaneSize(e)}componentDidUpdate(e,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)}clearSelection(){if(document.body.createTextRange){let e=document.body.createTextRange();e.collapse(),e.select()}else if(window.getSelection){let e=window.getSelection();if(e==null)return;e.empty?e.empty():e.removeAllRanges&&e.removeAllRanges()}else document.selection&&document.selection.empty()}getSecondaryPaneSize(e,t,r,a){let s=0,n=0,d=0;this.props.vertical?(s=e.height,n=t.height,d=r.top-e.top):(s=e.width,n=t.width,d=r.left-e.left),a&&(d-=n/2),d<0?d=0:d>s-n&&(d=s-n);let i;this.props.primaryIndex===1?i=d:i=s-n-d;let u=s-n-i;return this.props.percentage&&(i=i*100/s,u=u*100/s,n=n*100/s,s=100),u<this.props.primaryMinSize?i=Math.max(i-(this.props.primaryMinSize-u),0):i<this.props.secondaryMinSize&&(i=Math.min(s-n-this.props.primaryMinSize,this.props.secondaryMinSize)),i}setSecondaryPaneSize(e){this.setState({secondaryPaneSize:e})}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 e=this.props.secondaryDefaultSize||this.props.secondaryMinSize;return this.state.secondaryPaneSize===e}reset(){let e=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.setSecondaryPaneSize(e)}handleResize(){if(this.splitter&&!this.props.percentage){let e=this.container.getBoundingClientRect(),t=this.splitter.getBoundingClientRect(),r=this.getSecondaryPaneSize(e,t,{left:t.left,top:t.top},!1);this.setState({secondaryPaneSize:r})}}handleMouseMove(e){if(this.state.resizing){let t=this.container.getBoundingClientRect(),r=this.splitter.getBoundingClientRect(),a=this.getSecondaryPaneSize(t,r,{left:e.clientX,top:e.clientY},!0);this.clearSelection(),this.setState({secondaryPaneSize:a})}}handleTouchMove(e){this.handleMouseMove(e.changedTouches[0])}handleSplitterMouseDown(e){e.preventDefault(),this.clearSelection(),this.setState({resizing:!0})}handleSplitterDoubleClick(){let e=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.state.secondaryPaneSize===e?this.setSecondaryPaneSize(Math.floor(e*1.5)):this.setSecondaryPaneSize(e)}handleMouseUp(){this.setState(e=>e.resizing?{resizing:!1}:null)}render(){let e="app-sdk-splitter-layout";this.props.customClassName&&(e+=` ${this.props.customClassName}`),this.props.vertical&&(e+=" app-sdk-splitter-layout-vertical"),this.state.resizing&&(e+=" layout-changing");let t=ee.Children.toArray(this.props.children).slice(0,2);t.length===0&&t.push(ee.createElement("div",null));let r=[],a=this.props.primaryIndex!==0&&this.props.primaryIndex!==1?0:this.props.primaryIndex;for(let s=0;s<t.length;++s){let n=!0,d;t.length>1&&s!==a&&(n=!1,d=this.state.secondaryPaneSize),r.push(ee.createElement(fr,{vertical:this.props.vertical,percentage:this.props.percentage,primary:n,size:d},t[s]))}return ee.createElement("div",{className:e,ref:s=>{this.container=s}},r[0],r.length>1&&ee.createElement("div",{role:"separator",className:"app-sdk-layout-splitter"},ee.createElement("div",{className:"app-sdk-layout-splitter__inner",ref:s=>{this.splitter=s},onMouseDown:this.handleSplitterMouseDown,onTouchStart:this.handleSplitterMouseDown,onDoubleClick:this.handleSplitterDoubleClick})),r.length>1&&r[1])}};function fr(o={vertical:!1,primary:!1,size:0,percentage:!1,children:[]}){let e=o.size||0,t=o.percentage?"%":"px",r="app-sdk-layout-pane",a={};return o.primary?r+=" app-sdk-layout-pane-primary":o.vertical?a.height=`${e}${t}`:a.width=`${e}${t}`,ee.createElement("div",{className:r,style:a},o.children)}var ue=30;function wr(o,e){let[t,r]=ce([]),a=st(null),s=st(null),[n,d]=ce([]),[i,u]=ce(!1),[f,k]=ce([]),[T,A]=ce(ue);return ze(()=>{if(!window)return;let p=new URLSearchParams(window.location.search),m=p.getAll("selected");if(k(m),!p.has("splitterSize"))return;let N=parseFloat(p.get("splitterSize"));isNaN(N)||N===ue||(A(N),s.current?.setSecondaryPaneSize(N))},[]),ze(()=>{if(!i)return;let p=new URLSearchParams(window.location.search);T!==ue?p.set("splitterSize",T.toString()):p.delete("splitterSize"),p.delete("selected"),n.length>0&&n.forEach(j=>p.append("selected",j.id));let m=decodeURIComponent(window.location.hash.slice(1)),N=m.length>0?document.getElementById(m):null;window.history.replaceState(null,"",`?${p.toString()}${N?window.location.hash:""}`),window.location.hash&&(window.location.hash=window.location.hash),N?.scrollIntoView()},[n,T]),ze(()=>{if(!i)return;t.forEach(j=>j());let p=a.current?.getOverlays();a.current?.getElementRegistry()?.filter(nt)?.forEach(j=>{p?.add(j.id,xr(j))})},[i]),ze(()=>{o.setSelectedElementIds?.(n.map(p=>p.id))},[n]),vr(e,()=>({bpmnViewerRef:{getElementRegistry(){return a.current?.getElementRegistry()},getOverlays(){return a.current?.getOverlays()},addMarker(p,m){a.current?.addMarker(p,m)},removeMarker(p,m){a.current?.removeMarker(p,m)},hasMarker(p,m){return a.current?.hasMarker(p,m)},onImportDone(p){i?p():r(m=>[...m,p])}}}),[a.current]),U.createElement(Ae,{ref:s,vertical:!0,percentage:!0,secondaryInitialSize:ue,secondaryDefaultSize:ue,onDragEnd:(p,m)=>A(Math.round(m))},U.createElement(Qe,{ref:a,xml:o.xml,preselectedElementIds:f,onSelectionChanged:p=>d([...p]),onImportDone:()=>u(!0)}),U.createElement("div",{className:"app-sdk-flex app-sdk-justify-center app-sdk-h-full app-sdk-bg-[color:var(--asdk-ddi-background-color)]"},U.createElement(yr,{elements:n})))}function yr({elements:o}){if(o.length===0)return U.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"Please select an element");let e=o.filter(nt);if(e.length===0)return U.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"No documentation available");if(e.length===1){let t=oo(e[0])?.documentation?.[0]?.text;return U.createElement(eo,{documentation:t})}return U.createElement(eo,{documentation:e.map(t=>oo(t)?.documentation?.[0]?.text).join(`
 
 <hr />
 
-`)})}var Jo=["bpmn:DataInputAssociation","bpmn:DataOutputAssociation","bpmn:SequenceFlow","label"],z={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}},Xo=o=>o.type.endsWith("Task")||o.type==="bpmn:CallActivity"||o.type==="bpmn:Collaboration"||o.type==="bpmn:Group"||o.type==="bpmn:Lane"||o.type==="bpmn:SubProcess"?z.DEFAULT:o.type==="bpmn:Participant"?z.PARTICIPANT:o.type.endsWith("Gateway")?z.GATEWAY:o.type==="bpmn:TextAnnotation"?z.ANNOTATION:z.OTHER,no=o=>{if(Jo.includes(o.type))return!1;let t=ue(o)?.documentation?.[0]?.text;return t!=null&&t.trim()!==""},xr=jo(()=>Promise.resolve(Ho),{ssr:!1});import{Menu as de,Transition as Wo}from"@headlessui/react";import C,{Fragment as Ro}from"react";function x(...o){return o.filter(Boolean).join(" ")}function Dr(o){return C.createElement(de,{as:"div",className:"app-sdk-default-styles app-sdk-relative app-sdk-inline-block app-sdk-text-left"},C.createElement("div",null,C.createElement(de.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)]  "},C.createElement("span",{className:"app-sdk-sr-only"},"Open options"),o.collapsedIcon||C.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"},C.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"})))),C.createElement(Wo,{as:Ro,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"},C.createElement(de.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"},C.createElement("div",{className:"app-sdk-py-1"},o.children))))}function Pr(o){return C.createElement(de.Item,null,({active:e})=>C.createElement("button",{type:"button",onClick:()=>o.onClick(),className:x(e?"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",o.isDanger?"app-sdk-text-[color:var(--asdk-ddm-danger-entry-text-color)]":"app-sdk-text-[color:var(--asdk-ddm-default-entry-text-color)]",o.className??"")},o.title))}import{useRouter as Zo}from"next/navigation";import qo from"react";function Tr({href:o,children:e}){console.warn("The DynamicLink component is deprecated. Please use the NextJS Link component instead.");let t=Zo();return qo.createElement("a",{href:o,onClick:r=>{r.preventDefault(),t.replace(o),t.refresh()}},e)}import nt from"bpmn-js/lib/Viewer";import it from"diagram-js/lib/navigation/movecanvas";import pt from"diagram-js/lib/navigation/zoomscroll";import Ce from"react";import at from"react";import{createRoot as st}from"react-dom/client";import{v4 as dt}from"uuid";import tt from"@monaco-editor/react";import{Button as we,Divider as co,Modal as mo,ModalBody as uo,ModalContent as ko,ModalFooter as fo,ModalHeader as ho,useDisclosure as vo}from"@nextui-org/react";import k,{useState as rt}from"react";import T from"react";import Yo from"react";function ke(o){let e={width:30};return o.count<=1?null:Yo.createElement("div",{style:e,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--execution-count"},o.count)}import v from"react";function fe(o){return v.createElement("div",{onClick:o.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},v.createElement("div",{className:"action-icon"},v.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},v.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),v.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),v.createElement("g",{id:"SVGRepo_iconCarrier"}," ",v.createElement("title",null,"open-external")," ",v.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",v.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",v.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"}," ")," ")," ")," "))),v.createElement("div",{className:"action-icon-hovered"},v.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},v.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),v.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),v.createElement("g",{id:"SVGRepo_iconCarrier"}," ",v.createElement("title",null,"goto process")," ",v.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",v.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",v.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 S from"react";function he(o){return S.createElement("div",{onClick:o.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},S.createElement("div",{className:"action-icon"},S.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"none",xmlns:"http://www.w3.org/2000/svg"},S.createElement("g",{id:"Media / Play",color:"white"},S.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"})))),S.createElement("div",{className:"action-icon-hovered"},S.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"white",xmlns:"http://www.w3.org/2000/svg"},S.createElement("g",{id:"Media / Play",color:"white"},S.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 U from"react";function ve(o){return U.createElement("div",{onClick:o.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},U.createElement("div",{className:"action-icon"},U.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},U.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"}))),U.createElement("div",{className:"action-icon-hovered"},U.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},U.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(o){let e={marginTop:"7px"},t=o.flowNode,r=!!o.onRetryClick,a=!t.IsGateway&&t.ProcessInstanceState!=="running"&&t.ProcessInstanceState!=="finished"&&r,s=!!o.onGotoClick,d=(t.IsCallActivity||(t.IsEventReceiver||t.IsEventSender)&&t.LinkedProcessInstanceId)&&s,n=!!o.onPlayClick,l=(t.IsUserTask||t.IsManualTask)&&t.State==="suspended"&&n;return T.createElement("div",{className:"flownode-overlay",style:e},T.createElement("div",{className:"bpmn-element-overlay__below"},a&&T.createElement(ve,{onClick:o.onRetryClick,flowNode:o.flowNode}),T.createElement(ke,{count:o.flowNode.ExecutionCount}),d&&T.createElement(fe,{onClick:o.onGotoClick}),l&&T.createElement(he,{onClick:o.onPlayClick})))}import io from"react";function ge(o){let e={width:o.width,height:o.height},t="",r={width:o.width,height:o.height};return o.flowNode.IsGateway?(r.height*=.7,r.width*=.7,t="bpmn-element-overlay-backdrop--gateway"):o.flowNode.IsEvent&&(t="bpmn-element-overlay-backdrop--rounded"),io.createElement("div",{onClick:o.onClick,className:"bpmn-element-overlay-backdrop cursor-pointer",style:e},io.createElement("div",{className:`flow-node-${o.flowNode.State}-state-overlay ${t}`,style:r}))}import po from"@monaco-editor/react";import{Divider as lo}from"@nextui-org/react";import F,{useEffect as Ko}from"react";import{createRoot as Qo}from"react-dom/client";import et from"react-markdown";import ot from"remark-gfm";function ye(o){function e(t){setTimeout(()=>{t.getAction("editor.action.formatDocument").run(),t.updateOptions({readOnly:!0})},300)}return Ko(()=>{let t=F.createElement(et,{remarkPlugins:[ot]},o.flowNode.Documentation),r=document.getElementById("markdown-container");if(r){let a=r.attachShadow({mode:"open"});Qo(a).render(t)}},[]),F.createElement(F.Fragment,null,F.createElement(lo,{className:"my-2"}),F.createElement("div",{className:"flex-row"},F.createElement("div",{className:"token-area"},F.createElement("p",null,"Start Token:"),F.createElement(po,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(o.flowNode.CurrentStartToken,null,2),onMount:e,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}}),F.createElement(lo,{className:"my-2"}),F.createElement("p",null,"End Token:"),F.createElement(po,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(o.flowNode.CurrentEndToken,null,2),onMount:e,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),F.createElement("div",{className:"documentation-area"},F.createElement("p",null,"Dokumentation:"),F.createElement("div",{id:"markdown-container"}))))}function xe(o){let e=vo(),t=vo(),[r,a]=rt(JSON.stringify(o.flowNode.CurrentStartToken));function s(n){setTimeout(()=>{n.getAction("editor.action.formatDocument").run()},300)}let d={width:o.width,height:o.height+10};return k.createElement(k.Fragment,null,k.createElement("div",{style:d},k.createElement(ge,{onClick:t.onOpen,...o}),k.createElement(be,{onRetryClick:o.retryAction?e.onOpen:void 0,onGotoClick:o.gotoProcessAction?()=>o.gotoProcessAction(o.flowNode.LinkedProcessInstanceId??""):void 0,onPlayClick:o.gotoManualOrUserTaskAction?()=>o.gotoManualOrUserTaskAction(o.flowNode.ProcessInstanceId,o.flowNode.Id):void 0,flowNode:o.flowNode})),k.createElement(mo,{isOpen:e.isOpen,onOpenChange:e.onOpenChange},k.createElement(ko,null,n=>k.createElement(k.Fragment,null,k.createElement(ho,{className:"flex flex-col gap-1"},"Confirm Retry"),k.createElement(uo,null,k.createElement(co,{className:"my-2"}),k.createElement("p",null,"Are you sure you want to retry process instance ",o.flowNode.CurrentFlowNodeInstanceId,"?"),k.createElement(co,{className:"my-2"}),k.createElement(tt,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(o.flowNode.CurrentStartToken,null,2),onChange:(l,c)=>a(l??""),onMount:s,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),k.createElement(fo,null,k.createElement(we,{color:"warning",variant:"light",onPress:n},"Close"),k.createElement(we,{color:"primary",onPress:()=>{o.retryAction?.(o.flowNode.ProcessInstanceId,o.flowNode.CurrentFlowNodeInstanceId,JSON.parse(r)),n()}},"Retry"))))),k.createElement(mo,{size:"4xl",isOpen:t.isOpen,onOpenChange:t.onOpenChange},k.createElement(ko,null,n=>k.createElement(k.Fragment,null,k.createElement(ho,{className:"flex flex-col gap-1"},"FlowNode: ",o.flowNode.Name??o.flowNode.Id),k.createElement(uo,null,k.createElement(ye,{flowNode:o.flowNode})),k.createElement(fo,null,k.createElement(we,{color:"primary",onPress:n},"Close"))))))}var Fe=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 e=this.flowNodeInstances.at(-1);if(this.IsCallActivity)return e.childProcessInstanceId;if(this.IsEventReceiver)return e?.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(e,t,r,a){this.id=e,this.flowNodeInstances=[],this.processInstanceState=t,this.documentation=r,this.triggeredFlowNodeInstance=a,this.type=""}addFlowNodeInstance(e){this.flowNodeInstances.push(e),this.type=e.flowNodeType}},B=class{canvas;overlays;elementRegistry;overlayIds;overlayRoots;constructor(e){this.canvas=e.get("canvas"),this.overlays=e.get("overlays"),this.elementRegistry=e.get("elementRegistry"),this.overlayIds=[],this.overlayRoots={}}createOverlaysFlowNodeInstances(e,t,r,a,s,d){let n=this.getExecutedFlowNodes(t,e,r);this.overlayIds=[];for(let c of n){let b=this.elementRegistry.get(c.Id);this.getOrCreateOverlayRoot(c)?.render(at.createElement(xe,{flowNode:c,width:b.width,height:b.height,retryAction:a,gotoProcessAction:s,gotoManualOrUserTaskAction:d})),this.setSequenceFlowsColor(b,n)}let l=[];for(let c in this.overlayRoots)n.find(i=>i.Id===c)||l.push(c);l.forEach(c=>{let b=this.elementRegistry.get(c);this.removeSequenceFlowsColor(b),this.overlayRoots[c].unmount(),delete this.overlayRoots[c]})}getOrCreateOverlayRoot(e){if(e.Id in this.overlayRoots)return this.overlayRoots[e.Id];let t=`bpmn-element-overlay-${dt()}`,r=`<div id="${t}"></div>`,a=this.overlays.add(e.Id,{position:{top:0,left:0},html:r});this.overlayIds.push(a);let s=document.querySelector(`#${t}`);if(s){let d=st(s);return this.overlayRoots[e.Id]=d,d}}getExecutedFlowNodes(e,t,r){let a=[],s={};for(let d of r)d.triggeredByFlowNodeInstance&&(s[d.triggeredByFlowNodeInstance?.flowNodeInstanceId]=d);for(let d of e){let n=a.find(l=>l.Id===d.flowNodeId);if(!n){let l=this.elementRegistry.get(d.flowNodeId),c=l.businessObject.documentation?l.businessObject.documentation[0].text:"";n=new Fe(d.flowNodeId,t,c,s[d.flowNodeInstanceId]),a.push(n)}n.addFlowNodeInstance(d)}return a}setSequenceFlowsColor(e,t){if(e&&e.businessObject.incoming)for(let r of e.businessObject.incoming)t.find(s=>s.Id===r.sourceRef?.id)&&this.canvas.addMarker(r.id,"connection-done")}removeSequenceFlowsColor(e){if(e&&e.businessObject.incoming){for(let t of e.businessObject.incoming)this.canvas.removeMarker(t.id,"connection-done");if(e.businessObject.outgoing)for(let t of e.businessObject.outgoing)this.canvas.removeMarker(t.id,"connection-done")}}};var bo=class extends Ce.Component{containerRef;bpmnViewer;bpmnViewerOverlayCreator;constructor(e){super(e),this.state={diagramXML:""},this.containerRef=Ce.createRef()}componentDidMount(){let{diagramXML:e,options:t}=this.props,r=this.containerRef.current;if(this.bpmnViewer=new nt({container:r,height:t?.height??600,bpmnRenderer:{defaultFillColor:t?.fillColor,defaultStrokeColor:t?.strokeColor},additionalModules:[pt,it]}),this.bpmnViewerOverlayCreator=new B(this.bpmnViewer),e)return this.displayDiagram(e)}componentWillUnmount(){this.bpmnViewer.destroy()}componentDidUpdate(e,t){let{props:r,state:a}=this,s=r.diagramXML||a.diagramXML,d=e.diagramXML||t.diagramXML;if(s&&s!==d)return this.displayDiagram(s);this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,r.flowNodeInstancesTriggeredByThisProcessInstance,r.retryAction,r.gotoProcessAction,r.gotoManualOrUserTaskAction)}displayDiagram(e){this.bpmnViewer.importXML(e).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 Ce.createElement("div",{className:this.props.className,ref:this.containerRef})}};import f,{Fragment as Qe,useRef as wo}from"react";import*as E from"react-is";import _t from"semver/functions/gt";import Lt from"semver/functions/prerelease";import Ot from"semver/functions/satisfies";import{mapUserTask as At}from"../common/index.mjs";import{DataModels as Vt}from"@5minds/processcube_engine_sdk";import V,{forwardRef as lt}from"react";function p(o){if(o!=null&&o.trim()!=="")try{return JSON.parse(o)}catch{return null}return null}var Ne=lt(function(e,t){let{formField:r}=e,a=`${r.id}-hint`,s=p(r.customForm);return V.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},V.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},V.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"||r.defaultValue==="true",id:r.id,name:r.id,"aria-describedby":s?.hint?a:void 0,"data-form-field-type":"boolean"})),V.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},V.createElement("label",{className:"app-sdk-font-medium",htmlFor:r.id},r.label),s?.hint&&V.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s.hint)))});import I from"react";function Se({formField:o,state:e}){let t=p(o.customForm),r=t?.entries,a=`${o.id}-hint`,s;return Array.isArray(e)&&e.length?s=e:s=(e||o.defaultValue?.toString())?.split(",")??[],I.createElement("div",null,I.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),I.createElement("fieldset",{id:o.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":t?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"checkbox"},r?.map(d=>{let n=s.find(l=>l.trim()===d.key);return I.createElement("div",{key:d.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},I.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},I.createElement("input",{type:"checkbox",defaultChecked:n,name:o.id,id:d.key,value:d.key,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"})),I.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},I.createElement("label",{htmlFor:d.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},d.value)))})),t?.hint&&I.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},t?.hint))}import $ from"react";function Ie(o){let{formField:e}=o,t=`${e.id}-hint`,r=p(e.customForm);e.defaultValue&&!ct(e.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for color field "${e.id}"`);let a=o.state||e.defaultValue?.toString();return $.createElement("div",null,$.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),$.createElement("div",{className:"app-sdk-mt-1 app-sdk-w-20"},$.createElement("input",{className:"app-sdk-text-app-sdk-inherit app-sdk-h-8 app-sdk-border 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:"color",defaultValue:a,id:e.id,name:e.id,placeholder:r?.placeholder,"aria-describedby":t,"data-form-field-type":"color"})),r?.hint&&$.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},r?.hint))}function ct(o){return/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(o?.toString())}import mt,{forwardRef as ut}from"react";var De=ut(function(e,t){return mt.createElement("p",{className:"app-sdk-text-sm"},e.formField.label)});import j from"react";function Pe({formField:o,state:e}){let t=p(o.customForm);return j.createElement("div",null,j.createElement("label",{htmlFor:o.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},o.label),j.createElement("div",{className:"app-sdk-mt-1"},j.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:o.id,name:o.id,defaultValue:e||(o.defaultValue?.toString()??""),placeholder:t?.placeholder,"aria-describedby":`${o.id}-hint`,"data-form-field-type":"custom"})),t?.hint&&j.createElement("p",{id:`${o.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)]"},t.hint))}import H,{forwardRef as kt}from"react";var Me=kt(function(e,t){let{formField:r}=e,a=`${r.id}-hint`,s=p(r.customForm);ft(r.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for date field "${r.id}"`);let d=e.state||r.defaultValue?.toString();return H.createElement("div",null,H.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:r.id},r.label),H.createElement("div",{className:"app-sdk-mt-1"},H.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:d,id:r.id,name:r.id,"aria-describedby":a,"data-form-field-type":"date"})),s?.hint&&H.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s?.hint))});function ft(o){return new Date(o?.toString()).toString()!=="Invalid Date"}import G from"react";function Ue(o){let{formField:e}=o,t=`${e.id}-hint`,r=p(e.customForm);e.defaultValue&&!bt(e.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for dateteime-local field "${e.id}"`);let a=o.state||e.defaultValue?.toString();return G.createElement("div",null,G.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),G.createElement("div",{className:"app-sdk-mt-1"},G.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:"datetime-local",defaultValue:a,id:e.id,name:e.id,"aria-describedby":t,"data-form-field-type":"datetime-local"})),r?.hint&&G.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},r?.hint))}function ht(o){return new Date(o?.toString()).toString()!=="Invalid Date"}function vt(o){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(o)}function bt(o){if(!o.includes("T"))return!1;let[e,t]=o.split("T");return ht(e)&&vt(t)}import J,{forwardRef as gt}from"react";function ne(o){return!Number.isNaN(Number(o?.toString()))}var Ee=gt(function(e,t){let{formField:r}=e,a=`${r.id}-hint`,s=p(r.customForm);return ne(r.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for decimal field "${r.id}"`),J.createElement("div",null,J.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:r.id},r.label),J.createElement("div",{className:"app-sdk-mt-1"},J.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:s?.step??.01,placeholder:s?.placeholder||"0.00",defaultValue:e.state||r.defaultValue?.toString(),id:r.id,name:r.id,"aria-describedby":a,"data-form-field-type":"decimal"})),s?.hint&&J.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s?.hint))});import X from"react";function Te(o){let{formField:e}=o,t=`${e.id}-hint`,r=p(e.customForm),a=o.state||(e.defaultValue?.toString()??"");return X.createElement("div",null,X.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),X.createElement("div",{className:"app-sdk-mt-1"},X.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:"email",defaultValue:a,id:e.id,name:e.id,placeholder:r?.placeholder,"aria-describedby":t,"data-form-field-type":"email"})),r?.hint&&X.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},r?.hint))}import g,{forwardRef as yt}from"react";var Ve=yt(function({formField:e,state:t},r){let a=p(e.customForm),s=e.label,d=e.enumValues,n;switch(a?.displayAs){case"checkbox":let c;Array.isArray(t)&&t.length?c=t:c=(t||e.defaultValue?.toString())?.split(",")??[],n=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":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},d?.map(i=>{let y=c.find(w=>w.trim()===i.id);return g.createElement("div",{key:i.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:y,name:e.id,id:i.id,value:i.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:i.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},i.name)))}));break;case"radio":n=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":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},d?.map(i=>g.createElement("div",{key:i.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:(t||e.defaultValue)==i.id,name:e.id,id:i.id,value:i.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:i.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},i.name)))));break;default:let b=t||d?.find(i=>i.id===e.defaultValue)?.id||"";n=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:i=>i.target.dataset.value=i.target.value,"data-value":b,"aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:b},g.createElement("option",{value:""},!b&&a?.placeholder),d?.map(i=>g.createElement("option",{key:i.id,value:i.id},i.name)));break}let l=a?.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)]"},a.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),n,l)});import ie from"react";function _e(o){let{formField:e}=o,t=`${e.id}-hint`,r=p(e.customForm);return ie.createElement("div",null,ie.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),ie.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 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:focus:app-sdk-shadow-app-sdk-dark",type:"file",id:e.id,name:e.id,"aria-describedby":t,"data-form-field-type":"file",multiple:r?.multiple}),r?.hint&&ie.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},r?.hint))}import W,{forwardRef as wt}from"react";var Le=wt(function({formField:e},t){let r=p(e.customForm),a;switch(r?.style){case"heading_1":a=W.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_2":a=W.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_3":a=W.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;default:a=W.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break}return W.createElement("div",{className:"app-sdk-header-form-field"},a)});import xt from"react";function Oe(o){let{formField:e}=o;return xt.createElement("input",{className:"app-sdk-hidden",type:"hidden",id:e.id,value:e.defaultValue?.toString()||"",name:e.id,"data-form-field-type":"hidden"})}import R,{forwardRef as Ft}from"react";var Ae=Ft(function({formField:e,state:t},r){let a=p(e.customForm);return ne(e.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for integer field "${e.id}"`),R.createElement("div",null,R.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),R.createElement("div",{className:"app-sdk-mt-1"},R.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:t||e.defaultValue?.toString(),placeholder:a?.placeholder??"0","aria-describedby":`${e.id}-hint`,"data-form-field-type":"integer"})),a?.hint&&R.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)]"},a.hint))});import Z from"react";function ze(o){let{formField:e}=o,t=`${e.id}-hint`,r=p(e.customForm);e.defaultValue&&!Ct(e.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for month field "${e.id}"`);let a=o.state||e.defaultValue?.toString();return Z.createElement("div",null,Z.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},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:"month",defaultValue:a,id:e.id,name:e.id,"aria-describedby":t,"data-form-field-type":"month"})),r?.hint&&Z.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},r?.hint))}function Ct(o){return/^\d{4}-(0[1-9]|1[0-2])$/.test(o)}import Nt from"isomorphic-dompurify";import{marked as je}from"marked";import St,{forwardRef as It}from"react";import{useEffect as Dt,useState as Pt}from"react";var He=It(function({formField:{defaultValue:e,label:t}},r){let[a,s]=Pt("");return Dt(()=>{let d=je.parse(e?.toString()??t?.toString()??"",{renderer:new Be,hooks:new $e});s(d)},[e,t]),St.createElement("div",{className:x("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:a}})}),Be=class extends je.Renderer{link(e){return super.link(e).replace("<a","<a target='_blank'")}html(e){let t=super.html(e);return t.startsWith("<a ")&&!t.includes("target=")?t.replace("<a ",'<a target="_blank" '):t}},$e=class extends je.Hooks{postprocess(e){return Nt.sanitize(e,{ADD_ATTR:["target"]})}};import q from"react";function Ge(o){let{formField:e}=o,t=`${e.id}-hint`,r=p(e.customForm),a=o.state||(e.defaultValue?.toString()??"");return q.createElement("div",null,q.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),q.createElement("div",{className:"app-sdk-mt-1"},q.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 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:focus:app-sdk-shadow-app-sdk-dark",type:"password",id:e.id,name:e.id,defaultValue:a,placeholder:r?.placeholder,"aria-describedby":t,"data-form-field-type":"password"})),r?.hint&&q.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},r?.hint))}import D from"react";function Je({formField:o,state:e}){let t=p(o.customForm),r=t?.entries,a=`${o.id}-hint`;return D.createElement("div",null,D.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),D.createElement("fieldset",{id:o.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":t?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"radio"},r?.map(s=>D.createElement("div",{key:s.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},D.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},D.createElement("input",{type:"radio",defaultChecked:(e||o.defaultValue)==s.key,name:o.id,id:s.key,value:s.key,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"})),D.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},D.createElement("label",{htmlFor:s.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},s.value))))),t?.hint&&D.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},t?.hint))}import _,{useState as Mt}from"react";function Xe({formField:o,state:e}){let t=p(o.customForm),r=o.label,a=t?.min||0,s=t?.max||100,d=t?.step||1,n=e||o.defaultValue?.toString()||a.toString(),[l,c]=Mt(n),b=w=>{c(w.target.value)},i=_.createElement("input",{className:x("app-sdk-form-input app-sdk-block app-sdk-w-full app-sdk-appearance-auto app-sdk-px-0 app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] focus:app-sdk-ring-transparent focus:app-sdk-border-transparent"),id:o.id,name:o.id,type:"range",min:a.toString(),max:s.toString(),step:d.toString(),defaultValue:n,onChange:b,"aria-describedby":t?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"range"}),y=t?.hint?_.createElement("p",{id:`${o.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},t.hint):null;return _.createElement("div",null,_.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},r),_.createElement("div",{className:"app-sdk-mt-1 app-sdk-flex app-sdk-flex-row"},i,_.createElement("span",{className:"app-sdk-mt-2 app-sdk-ml-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-text-color)]"},l)),y)}import L from"react";function We({formField:o,state:e}){let t=p(o.customForm),r=t?.entries,a=`${o.id}-hint`,s=e||r?.find(d=>d.key===o.defaultValue)?.key||"";return L.createElement("div",null,L.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),L.createElement("select",{id:o.id,name:o.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:d=>d.target.dataset.value=d.target.value,"data-value":s,"aria-describedby":t?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"select",defaultValue:s},L.createElement("option",{value:""},!s&&t?.placeholder),r?.map(d=>L.createElement("option",{key:d.key,value:d.key},d.value))),t?.hint&&L.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},t?.hint))}import O,{forwardRef as Ut}from"react";import Y from"react";function K(o){let{formField:e}=o,t=`${e.id}-hint`,r=p(e.customForm),a=o.state||(e.defaultValue?.toString()??"");return Y.createElement("div",null,Y.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Y.createElement("div",{className:"app-sdk-mt-1"},Y.createElement("textarea",{className:"app-sdk-form-textarea 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 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:focus:app-sdk-shadow-app-sdk-dark",defaultValue:a,id:e.id,name:e.id,rows:r?.rows??4,"aria-describedby":t,"data-form-field-type":"textarea",placeholder:r?.placeholder})),r?.hint&&Y.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},r?.hint))}var Re=Ut(function({formField:e,state:t},r){let a=p(e.customForm);if(a?.multiline==="true")return O.createElement(K,{formField:e,state:t});let d=`${e.id}-hint`,n=t||(e.defaultValue?.toString()??"");return O.createElement("div",null,O.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.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 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:focus:app-sdk-shadow-app-sdk-dark",type:"text",defaultValue:n,id:e.id,name:e.id,"aria-describedby":d,"data-form-field-type":"text",placeholder:a?.placeholder})),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:d},a?.hint))});import Q from"react";function Ze({formField:o,state:e}){let t=p(o.customForm),r=`${o.id}-hint`;return Q.createElement("div",null,Q.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Q.createElement("div",{className:"app-sdk-mt-1"},Q.createElement("input",{className:x("app-sdk-form-input app-sdk-block app-sdk-w-full app-sdk-appearance-none app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] app-sdk-pl-3 app-sdk-pr-3"),id:o.id,name:o.id,type:"tel",defaultValue:e||(o.defaultValue?.toString()??""),placeholder:t?.placeholder,"aria-describedby":t?.hint?r:void 0,"data-form-field-type":"tel"})),t?.hint&&Q.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},t.hint))}import ee from"react";function qe(o){let{formField:e}=o,t=`${e.id}-hint`,r=p(e.customForm);e.defaultValue&&!Et(e.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for time field "${e.id}"`);let a=o.state||e.defaultValue?.toString();return ee.createElement("div",null,ee.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),ee.createElement("div",{className:"app-sdk-mt-1"},ee.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:"time",defaultValue:a,id:e.id,name:e.id,"aria-describedby":t,"data-form-field-type":"time"})),r?.hint&&ee.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},r?.hint))}function Et(o){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(o)}import oe from"react";function Ye(o){let{formField:e}=o,t=`${e.id}-hint`,r=p(e.customForm),a=o.state||(e.defaultValue?.toString()??"");return oe.createElement("div",null,oe.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),oe.createElement("div",{className:"app-sdk-mt-1"},oe.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 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:focus:app-sdk-shadow-app-sdk-dark",type:"url",id:e.id,defaultValue:a,placeholder:r?.placeholder??"https://processcube.io/",name:e.id,"aria-describedby":t,"data-form-field-type":"url"})),r?.hint&&oe.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},r?.hint))}import te from"react";function Ke(o){let{formField:e}=o,t=`${e.id}-hint`,r=p(e.customForm);e.defaultValue&&!Tt(e.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for week field "${e.id}"`);let a=o.state||e.defaultValue?.toString();return te.createElement("div",null,te.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),te.createElement("div",{className:"app-sdk-mt-1"},te.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:"week",defaultValue:a,id:e.id,name:e.id,"aria-describedby":t,"data-form-field-type":"week"})),r?.hint&&te.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},r?.hint))}function Tt(o){return/^(\d{4})-W(0[1-9]|[1-4][0-9]|5[0-3])$/.test(o)}var go=(h=>(h.paragraph="paragraph",h.header="header",h.confirm="confirm",h.checkbox="checkbox",h.radio="radio",h.select="select",h.range="range",h.file="file",h.hidden="hidden",h.tel="tel",h.textarea="textarea",h.url="url",h.week="week",h.time="time",h.month="month",h.datetimeLocal="datetime-local",h.email="email",h.color="color",h.password="password",h.custom="custom",h))(go||{}),Ed={...Vt.FlowNodeInstances.UserTaskFormFieldType,...go},yo={boolean:Ne,checkbox:Se,color:Ie,date:Me,email:Te,enum:Ve,file:_e,hidden:Oe,long:Ae,"datetime-local":Ue,month:ze,number:Ee,string:Re,paragraph:He,password:Ge,radio:Je,range:Xe,select:We,header:Le,confirm:De,tel:Ze,textarea:K,time:qe,url:Ye,week:Ke,custom:Pe};var zt=Ot(f.version,">=18.0.0 <19",{includePrerelease:!0}),Co=Lt(f.version)==null,xo=!Co&&_t(f.version,"18.2.0")&&f.version.includes("canary"),Fo=class extends f.Component{};function bn(o){zt||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		The React version is not supported!
-Version: ${f.version}`);let{userTaskConfig:e}=o.task,{formFields:t}=e,r=wo(),a=wo(null),s=new Map(t.map(m=>[m.id,{ref:f.createRef()}])),d=t.filter(m=>m.type==="confirm");d.length>1&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Warning while rendering UserTask "${o.task.flowNodeId}"!
+`)})}var ke=({showBackground:o})=>U.createElement("div",{title:"This element has documentation"},U.createElement("svg",{className:`${o?"app-sdk-bg-[color:var(--asdk-ddi-background-color)] app-sdk-p-[2px] app-sdk-rounded":""}`,xmlns:"http://www.w3.org/2000/svg",height:"16",viewBox:"0 0 448 512"},U.createElement("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"}))),br=["bpmn:DataInputAssociation","bpmn:DataOutputAssociation","bpmn:SequenceFlow","label"],fe={DEFAULT:{top:4,right:21},PARTICIPANT:{top:3,left:3},ANNOTATION:{bottom:10,left:10},GATEWAY:{bottom:17,right:17},OTHER:{bottom:12,right:12}};function xr(o){return o.type.endsWith("Task")||o.type==="bpmn:CallActivity"||o.type==="bpmn:Collaboration"||o.type==="bpmn:Group"||o.type==="bpmn:Lane"||o.type==="bpmn:SubProcess"?{position:fe.DEFAULT,html:me(U.createElement(ke,null))}:o.type==="bpmn:Participant"?{position:fe.PARTICIPANT,html:me(U.createElement(ke,null))}:o.type.endsWith("Gateway")?{position:fe.GATEWAY,html:me(U.createElement(ke,{showBackground:!0}))}:o.type==="bpmn:TextAnnotation"?{position:fe.ANNOTATION,html:me(U.createElement(ke,{showBackground:!0}))}:{position:fe.OTHER,html:me(U.createElement(ke,{showBackground:!0}))}}function nt(o){if(br.includes(o.type))return!1;let t=oo(o)?.documentation?.[0]?.text;return t!=null&&t.trim()!==""}var to=gr(wr);function Nr(o){return U.createElement(to,{...o,ref:o.viewerRef})}var Bs=hr(()=>Promise.resolve(Nr),{ssr:!1});import{Menu as $e,Transition as Fr}from"@headlessui/react";import G,{Fragment as Cr}from"react";function C(...o){return o.filter(Boolean).join(" ")}function As(o){return G.createElement($e,{as:"div",className:"app-sdk-default-styles app-sdk-relative app-sdk-inline-block app-sdk-text-left"},G.createElement("div",null,G.createElement($e.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)]  "},G.createElement("span",{className:"app-sdk-sr-only"},"Open options"),o.collapsedIcon||G.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"},G.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"})))),G.createElement(Fr,{as:Cr,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"},G.createElement($e.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"},G.createElement("div",{className:"app-sdk-py-1"},o.children))))}function zs(o){return G.createElement($e.Item,null,({active:e})=>G.createElement("button",{type:"button",onClick:()=>o.onClick(),className:C(e?"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",o.isDanger?"app-sdk-text-[color:var(--asdk-ddm-danger-entry-text-color)]":"app-sdk-text-[color:var(--asdk-ddm-default-entry-text-color)]",o.className??"")},o.title))}import{useRouter as Ir}from"next/navigation";import Pr from"react";var dt=new Set;function F(o,e){dt.has(o)||(console.warn(`[@5minds/processcube_app_sdk]		Warning: The component "${o}" is deprecated.
+
+${e??""}`.trimEnd()),dt.add(o))}function Ws({href:o,children:e}){F("DynamicLink","Please use the NextJS Link component instead.");let t=Ir();return Pr.createElement("a",{href:o,onClick:r=>{r.preventDefault(),t.replace(o),t.refresh()}},e)}import _r from"bpmn-js/lib/Viewer";import Ar from"diagram-js/lib/navigation/movecanvas";import zr from"diagram-js/lib/navigation/zoomscroll";import ko from"react";import Ur from"react";import{createRoot as Lr}from"react-dom/client";import{v4 as Vr}from"uuid";import Br from"@monaco-editor/react";import{Button as co,Divider as ct,Modal as mt,ModalBody as ut,ModalContent as kt,ModalFooter as ft,ModalHeader as ht,useDisclosure as gt}from"@nextui-org/react";import w,{useState as Or}from"react";import ae from"react";import Sr from"react";function ro(o){F("ExecutionCount");let e={width:30};return o.count<=1?null:Sr.createElement("div",{style:e,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--execution-count"},o.count)}import D from"react";function ao(o){return F("GotoButton"),D.createElement("div",{onClick:o.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 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},D.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),D.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),D.createElement("g",{id:"SVGRepo_iconCarrier"}," ",D.createElement("title",null,"open-external")," ",D.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",D.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",D.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"}," ")," ")," ")," "))),D.createElement("div",{className:"action-icon-hovered"},D.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},D.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),D.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),D.createElement("g",{id:"SVGRepo_iconCarrier"}," ",D.createElement("title",null,"goto process")," ",D.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",D.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",D.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 q from"react";function so(o){return F("PlayButton"),q.createElement("div",{onClick:o.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},q.createElement("div",{className:"action-icon"},q.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"none",xmlns:"http://www.w3.org/2000/svg"},q.createElement("g",{id:"Media / Play",color:"white"},q.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"})))),q.createElement("div",{className:"action-icon-hovered"},q.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"white",xmlns:"http://www.w3.org/2000/svg"},q.createElement("g",{id:"Media / Play",color:"white"},q.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 te from"react";function no(o){return F("RetryButton"),te.createElement("div",{onClick:o.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},te.createElement("div",{className:"action-icon"},te.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},te.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"}))),te.createElement("div",{className:"action-icon-hovered"},te.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},te.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 io(o){F("FlowNodeButtonArea");let e={marginTop:"7px"},t=o.flowNode,r=!!o.onRetryClick,a=!t.IsGateway&&t.ProcessInstanceState!=="running"&&t.ProcessInstanceState!=="finished"&&r,s=!!o.onGotoClick,n=(t.IsCallActivity||(t.IsEventReceiver||t.IsEventSender)&&t.LinkedProcessInstanceId)&&s,d=!!o.onPlayClick,i=(t.IsUserTask||t.IsManualTask)&&t.State==="suspended"&&d;return ae.createElement("div",{className:"flownode-overlay",style:e},ae.createElement("div",{className:"bpmn-element-overlay__below"},a&&ae.createElement(no,{onClick:o.onRetryClick,flowNode:o.flowNode}),ae.createElement(ro,{count:o.flowNode.ExecutionCount}),n&&ae.createElement(ao,{onClick:o.onGotoClick}),i&&ae.createElement(so,{onClick:o.onPlayClick})))}import it from"react";function po(o){F("FlowNodeColorArea");let e={width:o.width,height:o.height},t="",r={width:o.width,height:o.height};return o.flowNode.IsGateway?(r.height*=.7,r.width*=.7,t="bpmn-element-overlay-backdrop--gateway"):o.flowNode.IsEvent&&(t="bpmn-element-overlay-backdrop--rounded"),it.createElement("div",{onClick:o.onClick,className:"bpmn-element-overlay-backdrop cursor-pointer",style:e},it.createElement("div",{className:`flow-node-${o.flowNode.State}-state-overlay ${t}`,style:r}))}import pt from"@monaco-editor/react";import{Divider as lt}from"@nextui-org/react";import _,{useEffect as Dr}from"react";import{createRoot as Tr}from"react-dom/client";import Mr from"react-markdown";import Er from"remark-gfm";function lo(o){F("FlowNodeInfoComponent");function e(t){setTimeout(()=>{t.getAction("editor.action.formatDocument").run(),t.updateOptions({readOnly:!0})},300)}return Dr(()=>{let t=_.createElement(Mr,{remarkPlugins:[Er]},o.flowNode.Documentation),r=document.getElementById("markdown-container");if(r){let a=r.attachShadow({mode:"open"});Tr(a).render(t)}},[]),_.createElement(_.Fragment,null,_.createElement(lt,{className:"my-2"}),_.createElement("div",{className:"flex-row"},_.createElement("div",{className:"token-area"},_.createElement("p",null,"Start Token:"),_.createElement(pt,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(o.flowNode.CurrentStartToken,null,2),onMount:e,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}}),_.createElement(lt,{className:"my-2"}),_.createElement("p",null,"End Token:"),_.createElement(pt,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(o.flowNode.CurrentEndToken,null,2),onMount:e,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),_.createElement("div",{className:"documentation-area"},_.createElement("p",null,"Dokumentation:"),_.createElement("div",{id:"markdown-container"}))))}function mo(o){F("FlowNodeOverlay");let e=gt(),t=gt(),[r,a]=Or(JSON.stringify(o.flowNode.CurrentStartToken));function s(d){setTimeout(()=>{d.getAction("editor.action.formatDocument").run()},300)}let n={width:o.width,height:o.height+10};return w.createElement(w.Fragment,null,w.createElement("div",{style:n},w.createElement(po,{onClick:t.onOpen,...o}),w.createElement(io,{onRetryClick:o.retryAction?e.onOpen:void 0,onGotoClick:o.gotoProcessAction?()=>o.gotoProcessAction(o.flowNode.LinkedProcessInstanceId??""):void 0,onPlayClick:o.gotoManualOrUserTaskAction?()=>o.gotoManualOrUserTaskAction(o.flowNode.ProcessInstanceId,o.flowNode.Id):void 0,flowNode:o.flowNode})),w.createElement(mt,{isOpen:e.isOpen,onOpenChange:e.onOpenChange},w.createElement(kt,null,d=>w.createElement(w.Fragment,null,w.createElement(ht,{className:"flex flex-col gap-1"},"Confirm Retry"),w.createElement(ut,null,w.createElement(ct,{className:"my-2"}),w.createElement("p",null,"Are you sure you want to retry process instance ",o.flowNode.CurrentFlowNodeInstanceId,"?"),w.createElement(ct,{className:"my-2"}),w.createElement(Br,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(o.flowNode.CurrentStartToken,null,2),onChange:(i,u)=>a(i??""),onMount:s,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),w.createElement(ft,null,w.createElement(co,{color:"warning",variant:"light",onPress:d},"Close"),w.createElement(co,{color:"primary",onPress:()=>{o.retryAction?.(o.flowNode.ProcessInstanceId,o.flowNode.CurrentFlowNodeInstanceId,JSON.parse(r)),d()}},"Retry"))))),w.createElement(mt,{size:"4xl",isOpen:t.isOpen,onOpenChange:t.onOpenChange},w.createElement(kt,null,d=>w.createElement(w.Fragment,null,w.createElement(ht,{className:"flex flex-col gap-1"},"FlowNode: ",o.flowNode.Name??o.flowNode.Id),w.createElement(ut,null,w.createElement(lo,{flowNode:o.flowNode})),w.createElement(ft,null,w.createElement(co,{color:"primary",onPress:d},"Close"))))))}var uo=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 e=this.flowNodeInstances.at(-1);if(this.IsCallActivity)return e.childProcessInstanceId;if(this.IsEventReceiver)return e?.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(e,t,r,a){this.id=e,this.flowNodeInstances=[],this.processInstanceState=t,this.documentation=r,this.triggeredFlowNodeInstance=a,this.type=""}addFlowNodeInstance(e){this.flowNodeInstances.push(e),this.type=e.flowNodeType}},he=class{canvas;overlays;elementRegistry;overlayIds;overlayRoots;constructor(e){F("BpmnViewerOverlayCreator"),this.canvas=e.get("canvas"),this.overlays=e.get("overlays"),this.elementRegistry=e.get("elementRegistry"),this.overlayIds=[],this.overlayRoots={}}createOverlaysFlowNodeInstances(e,t,r,a,s,n){let d=this.getExecutedFlowNodes(t,e,r);this.overlayIds=[];for(let u of d){let f=this.elementRegistry.get(u.Id);this.getOrCreateOverlayRoot(u)?.render(Ur.createElement(mo,{flowNode:u,width:f.width,height:f.height,retryAction:a,gotoProcessAction:s,gotoManualOrUserTaskAction:n})),this.setSequenceFlowsColor(f,d)}let i=[];for(let u in this.overlayRoots)d.find(k=>k.Id===u)||i.push(u);i.forEach(u=>{let f=this.elementRegistry.get(u);this.removeSequenceFlowsColor(f),this.overlayRoots[u].unmount(),delete this.overlayRoots[u]})}getOrCreateOverlayRoot(e){if(e.Id in this.overlayRoots)return this.overlayRoots[e.Id];let t=`bpmn-element-overlay-${Vr()}`,r=`<div id="${t}"></div>`,a=this.overlays.add(e.Id,{position:{top:0,left:0},html:r});this.overlayIds.push(a);let s=document.querySelector(`#${t}`);if(s){let n=Lr(s);return this.overlayRoots[e.Id]=n,n}}getExecutedFlowNodes(e,t,r){let a=[],s={};for(let n of r)n.triggeredByFlowNodeInstance&&(s[n.triggeredByFlowNodeInstance?.flowNodeInstanceId]=n);for(let n of e){let d=a.find(i=>i.Id===n.flowNodeId);if(!d){let i=this.elementRegistry.get(n.flowNodeId),u=i.businessObject.documentation?i.businessObject.documentation[0].text:"";d=new uo(n.flowNodeId,t,u,s[n.flowNodeInstanceId]),a.push(d)}d.addFlowNodeInstance(n)}return a}setSequenceFlowsColor(e,t){if(e&&e.businessObject.incoming)for(let r of e.businessObject.incoming)t.find(s=>s.Id===r.sourceRef?.id)&&this.canvas.addMarker(r.id,"connection-done")}removeSequenceFlowsColor(e){if(e&&e.businessObject.incoming){for(let t of e.businessObject.incoming)this.canvas.removeMarker(t.id,"connection-done");if(e.businessObject.outgoing)for(let t of e.businessObject.outgoing)this.canvas.removeMarker(t.id,"connection-done")}}};var vt=class extends ko.Component{containerRef;bpmnViewer;bpmnViewerOverlayCreator;constructor(e){super(e),F("BpmnViewerComponent"),this.state={diagramXML:""},this.containerRef=ko.createRef()}componentDidMount(){let{diagramXML:e,options:t}=this.props,r=this.containerRef.current;if(this.bpmnViewer=new _r({container:r,height:t?.height??600,bpmnRenderer:{defaultFillColor:t?.fillColor,defaultStrokeColor:t?.strokeColor},additionalModules:[zr,Ar]}),this.bpmnViewerOverlayCreator=new he(this.bpmnViewer),e)return this.displayDiagram(e)}componentWillUnmount(){this.bpmnViewer.destroy()}componentDidUpdate(e,t){let{props:r,state:a}=this,s=r.diagramXML||a.diagramXML,n=e.diagramXML||t.diagramXML;if(s&&s!==n)return this.displayDiagram(s);this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,r.flowNodeInstancesTriggeredByThisProcessInstance,r.retryAction,r.gotoProcessAction,r.gotoManualOrUserTaskAction)}displayDiagram(e){this.bpmnViewer.importXML(e).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 ko.createElement("div",{className:this.props.className,ref:this.containerRef})}};import y,{Fragment as jo,useRef as bt}from"react";import*as re from"react-is";import ma from"semver/functions/gt";import ua from"semver/functions/prerelease";import ka from"semver/functions/satisfies";import{mapUserTask as fa}from"../common/index.mjs";import{DataModels as ca}from"@5minds/processcube_engine_sdk";import se,{forwardRef as $r}from"react";function l(o){if(o!=null&&o.trim()!=="")try{return JSON.parse(o)}catch{return null}return null}var fo=$r(function(e,t){let{formField:r}=e,a=`${r.id}-hint`,s=l(r.customForm);return se.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},se.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},se.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"||r.defaultValue==="true",id:r.id,name:r.id,"aria-describedby":s?.hint?a:void 0,"data-form-field-type":"boolean"})),se.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},se.createElement("label",{className:"app-sdk-font-medium",htmlFor:r.id},r.label),s?.hint&&se.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s.hint)))});import Z from"react";function ho({formField:o,state:e}){let t=l(o.customForm),r=t?.entries,a=`${o.id}-hint`,s;return Array.isArray(e)&&e.length?s=e:s=(e||o.defaultValue?.toString())?.split(",")??[],Z.createElement("div",null,Z.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Z.createElement("fieldset",{id:o.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":t?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"checkbox"},r?.map(n=>{let d=s.find(i=>i.trim()===n.key);return Z.createElement("div",{key:n.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},Z.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},Z.createElement("input",{type:"checkbox",defaultChecked:d,name:o.id,id:n.key,value:n.key,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"})),Z.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},Z.createElement("label",{htmlFor:n.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},n.value)))})),t?.hint&&Z.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},t?.hint))}import ge from"react";function go(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm);e.defaultValue&&!Hr(e.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for color field "${e.id}"`);let a=o.state||e.defaultValue?.toString();return ge.createElement("div",null,ge.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),ge.createElement("div",{className:"app-sdk-mt-1 app-sdk-w-20"},ge.createElement("input",{className:"app-sdk-text-app-sdk-inherit app-sdk-h-8 app-sdk-border 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:"color",defaultValue:a,id:e.id,name:e.id,placeholder:r?.placeholder,"aria-describedby":t,"data-form-field-type":"color"})),r?.hint&&ge.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},r?.hint))}function Hr(o){return/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(o?.toString())}import jr,{forwardRef as Gr}from"react";var vo=Gr(function(e,t){return jr.createElement("p",{className:"app-sdk-text-sm"},e.formField.label)});import ve from"react";function wo({formField:o,state:e}){let t=l(o.customForm);return ve.createElement("div",null,ve.createElement("label",{htmlFor:o.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},o.label),ve.createElement("div",{className:"app-sdk-mt-1"},ve.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:o.id,name:o.id,defaultValue:e||(o.defaultValue?.toString()??""),placeholder:t?.placeholder,"aria-describedby":`${o.id}-hint`,"data-form-field-type":"custom"})),t?.hint&&ve.createElement("p",{id:`${o.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)]"},t.hint))}import we,{forwardRef as Jr}from"react";var yo=Jr(function(e,t){let{formField:r}=e,a=`${r.id}-hint`,s=l(r.customForm);Wr(r.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for date field "${r.id}"`);let n=e.state||r.defaultValue?.toString();return we.createElement("div",null,we.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:r.id},r.label),we.createElement("div",{className:"app-sdk-mt-1"},we.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:r.id,name:r.id,"aria-describedby":a,"data-form-field-type":"date"})),s?.hint&&we.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s?.hint))});function Wr(o){return new Date(o?.toString()).toString()!=="Invalid Date"}import ye from"react";function bo(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm);e.defaultValue&&!Yr(e.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for dateteime-local field "${e.id}"`);let a=o.state||e.defaultValue?.toString();return ye.createElement("div",null,ye.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),ye.createElement("div",{className:"app-sdk-mt-1"},ye.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:"datetime-local",defaultValue:a,id:e.id,name:e.id,"aria-describedby":t,"data-form-field-type":"datetime-local"})),r?.hint&&ye.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},r?.hint))}function Rr(o){return new Date(o?.toString()).toString()!=="Invalid Date"}function Xr(o){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(o)}function Yr(o){if(!o.includes("T"))return!1;let[e,t]=o.split("T");return Rr(e)&&Xr(t)}import be,{forwardRef as qr}from"react";function He(o){return!Number.isNaN(Number(o?.toString()))}var xo=qr(function(e,t){let{formField:r}=e,a=`${r.id}-hint`,s=l(r.customForm);return He(r.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for decimal field "${r.id}"`),be.createElement("div",null,be.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:r.id},r.label),be.createElement("div",{className:"app-sdk-mt-1"},be.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:s?.step??.01,placeholder:s?.placeholder||"0.00",defaultValue:e.state||r.defaultValue?.toString(),id:r.id,name:r.id,"aria-describedby":a,"data-form-field-type":"decimal"})),s?.hint&&be.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s?.hint))});import xe from"react";function No(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm),a=o.state||(e.defaultValue?.toString()??"");return xe.createElement("div",null,xe.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),xe.createElement("div",{className:"app-sdk-mt-1"},xe.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:"email",defaultValue:a,id:e.id,name:e.id,placeholder:r?.placeholder,"aria-describedby":t,"data-form-field-type":"email"})),r?.hint&&xe.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},r?.hint))}import M,{forwardRef as Zr}from"react";var Fo=Zr(function({formField:e,state:t},r){let a=l(e.customForm),s=e.label,n=e.enumValues,d;switch(a?.displayAs){case"checkbox":let u;Array.isArray(t)&&t.length?u=t:u=(t||e.defaultValue?.toString())?.split(",")??[],d=M.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(k=>{let T=u.find(A=>A.trim()===k.id);return M.createElement("div",{key:k.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},M.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},M.createElement("input",{type:"checkbox",defaultChecked:T,name:e.id,id:k.id,value:k.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"})),M.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},M.createElement("label",{htmlFor:k.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},k.name)))}));break;case"radio":d=M.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(k=>M.createElement("div",{key:k.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},M.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},M.createElement("input",{type:"radio",defaultChecked:(t||e.defaultValue)==k.id,name:e.id,id:k.id,value:k.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"})),M.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},M.createElement("label",{htmlFor:k.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},k.name)))));break;default:let f=t||n?.find(k=>k.id===e.defaultValue)?.id||"";d=M.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:k=>k.target.dataset.value=k.target.value,"data-value":f,"aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:f},M.createElement("option",{value:""},!f&&a?.placeholder),n?.map(k=>M.createElement("option",{key:k.id,value:k.id},k.name)));break}let i=a?.hint?M.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)]"},a.hint):null;return M.createElement("div",null,M.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),d,i)});import je from"react";function Co(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm);return je.createElement("div",null,je.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),je.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 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:focus:app-sdk-shadow-app-sdk-dark",type:"file",id:e.id,name:e.id,"aria-describedby":t,"data-form-field-type":"file",multiple:r?.multiple}),r?.hint&&je.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},r?.hint))}import Ne,{forwardRef as Kr}from"react";var Io=Kr(function({formField:e},t){let r=l(e.customForm),a;switch(r?.style){case"heading_1":a=Ne.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_2":a=Ne.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_3":a=Ne.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;default:a=Ne.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break}return Ne.createElement("div",{className:"app-sdk-header-form-field"},a)});import Qr from"react";function Po(o){let{formField:e}=o;return Qr.createElement("input",{className:"app-sdk-hidden",type:"hidden",id:e.id,value:e.defaultValue?.toString()||"",name:e.id,"data-form-field-type":"hidden"})}import Fe,{forwardRef as ea}from"react";var So=ea(function({formField:e,state:t},r){let a=l(e.customForm);return He(e.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for integer field "${e.id}"`),Fe.createElement("div",null,Fe.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),Fe.createElement("div",{className:"app-sdk-mt-1"},Fe.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:t||e.defaultValue?.toString(),placeholder:a?.placeholder??"0","aria-describedby":`${e.id}-hint`,"data-form-field-type":"integer"})),a?.hint&&Fe.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)]"},a.hint))});import Ce from"react";function Do(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm);e.defaultValue&&!oa(e.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for month field "${e.id}"`);let a=o.state||e.defaultValue?.toString();return Ce.createElement("div",null,Ce.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Ce.createElement("div",{className:"app-sdk-mt-1"},Ce.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:"month",defaultValue:a,id:e.id,name:e.id,"aria-describedby":t,"data-form-field-type":"month"})),r?.hint&&Ce.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},r?.hint))}function oa(o){return/^\d{4}-(0[1-9]|1[0-2])$/.test(o)}import ta from"isomorphic-dompurify";import{marked as Eo}from"marked";import ra,{forwardRef as aa}from"react";import{useEffect as sa,useState as na}from"react";var Bo=aa(function({formField:{defaultValue:e,label:t}},r){let[a,s]=na("");return sa(()=>{let n=Eo.parse(e?.toString()??t?.toString()??"",{renderer:new To,hooks:new Mo});s(n)},[e,t]),ra.createElement("div",{className:C("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:a}})}),To=class extends Eo.Renderer{link(e){return super.link(e).replace("<a","<a target='_blank'")}html(e){let t=super.html(e);return t.startsWith("<a ")&&!t.includes("target=")?t.replace("<a ",'<a target="_blank" '):t}},Mo=class extends Eo.Hooks{postprocess(e){return ta.sanitize(e,{ADD_ATTR:["target"]})}};import Ie from"react";function Oo(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm),a=o.state||(e.defaultValue?.toString()??"");return Ie.createElement("div",null,Ie.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Ie.createElement("div",{className:"app-sdk-mt-1"},Ie.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 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:focus:app-sdk-shadow-app-sdk-dark",type:"password",id:e.id,name:e.id,defaultValue:a,placeholder:r?.placeholder,"aria-describedby":t,"data-form-field-type":"password"})),r?.hint&&Ie.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},r?.hint))}import K from"react";function Uo({formField:o,state:e}){let t=l(o.customForm),r=t?.entries,a=`${o.id}-hint`;return K.createElement("div",null,K.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),K.createElement("fieldset",{id:o.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":t?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"radio"},r?.map(s=>K.createElement("div",{key:s.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},K.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},K.createElement("input",{type:"radio",defaultChecked:(e||o.defaultValue)==s.key,name:o.id,id:s.key,value:s.key,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"})),K.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},K.createElement("label",{htmlFor:s.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},s.value))))),t?.hint&&K.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},t?.hint))}import ne,{useState as da}from"react";function Lo({formField:o,state:e}){let t=l(o.customForm),r=o.label,a=t?.min||0,s=t?.max||100,n=t?.step||1,d=e||o.defaultValue?.toString()||a.toString(),[i,u]=da(d),f=A=>{u(A.target.value)},k=ne.createElement("input",{className:C("app-sdk-form-input app-sdk-block app-sdk-w-full app-sdk-appearance-auto app-sdk-px-0 app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] focus:app-sdk-ring-transparent focus:app-sdk-border-transparent"),id:o.id,name:o.id,type:"range",min:a.toString(),max:s.toString(),step:n.toString(),defaultValue:d,onChange:f,"aria-describedby":t?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"range"}),T=t?.hint?ne.createElement("p",{id:`${o.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},t.hint):null;return ne.createElement("div",null,ne.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},r),ne.createElement("div",{className:"app-sdk-mt-1 app-sdk-flex app-sdk-flex-row"},k,ne.createElement("span",{className:"app-sdk-mt-2 app-sdk-ml-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-text-color)]"},i)),T)}import de from"react";function Vo({formField:o,state:e}){let t=l(o.customForm),r=t?.entries,a=`${o.id}-hint`,s=e||r?.find(n=>n.key===o.defaultValue)?.key||"";return de.createElement("div",null,de.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),de.createElement("select",{id:o.id,name:o.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:n=>n.target.dataset.value=n.target.value,"data-value":s,"aria-describedby":t?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"select",defaultValue:s},de.createElement("option",{value:""},!s&&t?.placeholder),r?.map(n=>de.createElement("option",{key:n.key,value:n.key},n.value))),t?.hint&&de.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},t?.hint))}import ie,{forwardRef as ia}from"react";import Pe from"react";function Se(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm),a=o.state||(e.defaultValue?.toString()??"");return Pe.createElement("div",null,Pe.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Pe.createElement("div",{className:"app-sdk-mt-1"},Pe.createElement("textarea",{className:"app-sdk-form-textarea 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 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:focus:app-sdk-shadow-app-sdk-dark",defaultValue:a,id:e.id,name:e.id,rows:r?.rows??4,"aria-describedby":t,"data-form-field-type":"textarea",placeholder:r?.placeholder})),r?.hint&&Pe.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},r?.hint))}var _o=ia(function({formField:e,state:t},r){let a=l(e.customForm);if(a?.multiline==="true")return ie.createElement(Se,{formField:e,state:t});let n=`${e.id}-hint`,d=t||(e.defaultValue?.toString()??"");return ie.createElement("div",null,ie.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),ie.createElement("div",{className:"app-sdk-mt-1"},ie.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 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:focus:app-sdk-shadow-app-sdk-dark",type:"text",defaultValue:d,id:e.id,name:e.id,"aria-describedby":n,"data-form-field-type":"text",placeholder:a?.placeholder})),a?.hint&&ie.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:n},a?.hint))});import De from"react";function Ao({formField:o,state:e}){let t=l(o.customForm),r=`${o.id}-hint`;return De.createElement("div",null,De.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),De.createElement("div",{className:"app-sdk-mt-1"},De.createElement("input",{className:C("app-sdk-form-input app-sdk-block app-sdk-w-full app-sdk-appearance-none app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] app-sdk-pl-3 app-sdk-pr-3"),id:o.id,name:o.id,type:"tel",defaultValue:e||(o.defaultValue?.toString()??""),placeholder:t?.placeholder,"aria-describedby":t?.hint?r:void 0,"data-form-field-type":"tel"})),t?.hint&&De.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},t.hint))}import Te from"react";function zo(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm);e.defaultValue&&!pa(e.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for time field "${e.id}"`);let a=o.state||e.defaultValue?.toString();return Te.createElement("div",null,Te.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Te.createElement("div",{className:"app-sdk-mt-1"},Te.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:"time",defaultValue:a,id:e.id,name:e.id,"aria-describedby":t,"data-form-field-type":"time"})),r?.hint&&Te.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},r?.hint))}function pa(o){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(o)}import Me from"react";function $o(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm),a=o.state||(e.defaultValue?.toString()??"");return Me.createElement("div",null,Me.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Me.createElement("div",{className:"app-sdk-mt-1"},Me.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 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:focus:app-sdk-shadow-app-sdk-dark",type:"url",id:e.id,defaultValue:a,placeholder:r?.placeholder??"https://processcube.io/",name:e.id,"aria-describedby":t,"data-form-field-type":"url"})),r?.hint&&Me.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},r?.hint))}import Ee from"react";function Ho(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm);e.defaultValue&&!la(e.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for week field "${e.id}"`);let a=o.state||e.defaultValue?.toString();return Ee.createElement("div",null,Ee.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Ee.createElement("div",{className:"app-sdk-mt-1"},Ee.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:"week",defaultValue:a,id:e.id,name:e.id,"aria-describedby":t,"data-form-field-type":"week"})),r?.hint&&Ee.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},r?.hint))}function la(o){return/^(\d{4})-W(0[1-9]|[1-4][0-9]|5[0-3])$/.test(o)}var wt=(g=>(g.paragraph="paragraph",g.header="header",g.confirm="confirm",g.checkbox="checkbox",g.radio="radio",g.select="select",g.range="range",g.file="file",g.hidden="hidden",g.tel="tel",g.textarea="textarea",g.url="url",g.week="week",g.time="time",g.month="month",g.datetimeLocal="datetime-local",g.email="email",g.color="color",g.password="password",g.custom="custom",g))(wt||{}),tp={...ca.FlowNodeInstances.UserTaskFormFieldType,...wt},yt={boolean:fo,checkbox:ho,color:go,date:yo,email:No,enum:Fo,file:Co,hidden:Po,long:So,"datetime-local":bo,month:Do,number:xo,string:_o,paragraph:Bo,password:Oo,radio:Uo,range:Lo,select:Vo,header:Io,confirm:vo,tel:Ao,textarea:Se,time:zo,url:$o,week:Ho,custom:wo};var ha=ka(y.version,">=18.0.0 <19",{includePrerelease:!0}),Ft=ua(y.version)==null,xt=!Ft&&ma(y.version,"18.2.0")&&y.version.includes("canary"),Nt=class extends y.Component{};function $p(o){ha||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		The React version is not supported!
+Version: ${y.version}`);let{userTaskConfig:e}=o.task,{formFields:t}=e,r=bt(),a=bt(null),s=new Map(t.map(p=>[p.id,{ref:y.createRef()}])),n=t.filter(p=>p.type==="confirm");n.length>1&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Warning while rendering UserTask "${o.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 n=d.length===1?d[0]:null,l={...yo,...o.customFieldComponents?o.customFieldComponents:{}},c=m=>{let u=Xt(m,t,s);o.onSubmit(u,m,At(o.task))};function b(m){let u=m.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),pe=Jt(N,s);o.onStateChange?.(u.value,u.name,pe)},100)}let i=x("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-content-center sm:app-sdk-w-full sm:app-sdk-max-w-lg",o.classNames?.wrapper??"",o.className??""),y=o.darkMode||i.split(" ").includes("dark"),w={...xo&&{action:c},...!xo&&Co&&{onSubmit:m=>{let u=new FormData(a.current),N=m.nativeEvent.submitter;u.has(N.name)||u.append(N.name,N.value),c(u)},method:"dialog"}};return f.createElement("div",{className:y?`dark app-sdk-dark ${i}`:x(...i.split(" ").filter(m=>m!=="dark"&&m!=="app-sdk-dark")),"data-dynamic-ui":!0},f.createElement("form",{ref:a,className:x("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)]",o.classNames?.base??""),"data-user-task-id":o.task.flowNodeId,"data-user-task-instance-id":o.task.flowNodeInstanceId,onChange:b,...w},f.createElement("header",{className:x("app-sdk-px-4 app-sdk-pb-3 app-sdk-pt-4 sm:app-sdk-px-6",o.classNames?.header?o.classNames.header:"")},f.createElement($t,{title:o.title??o.task.flowNodeName??"User Task",headerComponent:o.headerComponent})),f.createElement("section",{className:x("app-sdk-overflow-y-auto app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",o.classNames?.body??"")},f.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-space-y-6 dark:[color-scheme:dark]"},t.map(m=>{let u=l?.[m.type]||l.custom;if(!u)return null;if(!E.isValidElementType(u))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 d=n.length===1?n[0]:null,i={...yt,...o.customFieldComponents?o.customFieldComponents:{}},u=p=>{let m=Na(p,t,s);o.onSubmit(m,p,fa(o.task))};function f(p){let m=p.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),j=xa(N,s);o.onStateChange?.(m.value,m.name,j)},100)}let k=C("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-content-center sm:app-sdk-w-full sm:app-sdk-max-w-lg",o.classNames?.wrapper??"",o.className??""),T=o.darkMode||k.split(" ").includes("dark"),A={...xt&&{action:u},...!xt&&Ft&&{onSubmit:p=>{let m=new FormData(a.current),N=p.nativeEvent.submitter;m.has(N.name)||m.append(N.name,N.value),u(m)},method:"dialog"}};return y.createElement("div",{className:T?`dark app-sdk-dark ${k}`:C(...k.split(" ").filter(p=>p!=="dark"&&p!=="app-sdk-dark")),"data-dynamic-ui":!0},y.createElement("form",{ref:a,className:C("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)]",o.classNames?.base??""),"data-user-task-id":o.task.flowNodeId,"data-user-task-instance-id":o.task.flowNodeInstanceId,onChange:f,...A},y.createElement("header",{className:C("app-sdk-px-4 app-sdk-pb-3 app-sdk-pt-4 sm:app-sdk-px-6",o.classNames?.header?o.classNames.header:"")},y.createElement(va,{title:o.title??o.task.flowNodeName??"User Task",headerComponent:o.headerComponent})),y.createElement("section",{className:C("app-sdk-overflow-y-auto app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",o.classNames?.body??"")},y.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-space-y-6 dark:[color-scheme:dark]"},t.map(p=>{let m=i?.[p.type]||i.custom;if(!m)return null;if(!re.isValidElementType(m))return console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		The given DynamicUiFormFieldComponent is not a valid React Element Type.
 
-FormField:	${JSON.stringify(m,null,2)}
-DynamicUiFormFieldComponent:	${u.toString()}
+FormField:	${JSON.stringify(p,null,2)}
+DynamicUiFormFieldComponent:	${m.toString()}
 
-Rendering 'null' as fallback`),null;let N;re(u)?(jt(u),N=u):eo(u)?(Ht(u),N=u):(u.length===2&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?
+Rendering 'null' as fallback`),null;let N;Be(m)?(wa(m),N=m):Go(m)?(ya(m),N=m):(m.length===2&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?
 
-FormField ID: ${m.id}
-FormField Type: ${m.type}
-Component Name: ${u.name} ${u.displayName??""}`),Gt(u),N=u);let pe=s.get(m.id)?.ref;return f.createElement(Qe,{key:m.id},f.createElement(N,{ref:re(u)||eo(u)?pe:void 0,formField:m,state:o.state?.[m.id]}))}))),f.createElement("footer",{className:x("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",o.classNames?.footer??"")},f.createElement(Bt,{confirmFormField:n}))))}function Bt(o){let{confirmFormField:e}=o,t=f.createElement(Qe,null,f.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(e){let r=p(e.customForm);t=f.createElement(Qe,null,f.createElement("button",{type:"submit",name:e.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"),f.createElement("button",{type:"submit",name:e.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 f.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 $t(o){return f.createElement("div",{className:"app-sdk-flex app-sdk-space-x-3"},f.createElement("div",{className:"app-sdk-flex-1"},f.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)]"},o.title)),f.createElement("div",{className:"app-sdk-flex app-sdk-self-center"},o.headerComponent))}function re(o){return o?.prototype?.isReactComponent!=null}function jt(o){if(!(E.isValidElementType(o)&&re(o)))throw new Error("Expected Element to be a React Component")}function eo(o){return E.isValidElementType(o)&&o.$$typeof===E.ForwardRef&&!re(o)}function Ht(o){if(!eo(o))throw new Error("Expected Element to be a functional Component wrapped with React.forwardRef")}function Gt(o){if(!(E.isValidElementType(o)&&!re(o)))throw new Error("Expected Element to be a functional Component")}function Jt(o,e){let t={};return o.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 ID: ${p.id}
+FormField Type: ${p.type}
+Component Name: ${m.name} ${m.displayName??""}`),ba(m),N=m);let j=s.get(p.id)?.ref;return y.createElement(jo,{key:p.id},y.createElement(N,{ref:Be(m)||Go(m)?j:void 0,formField:p,state:o.state?.[p.id]}))}))),y.createElement("footer",{className:C("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",o.classNames?.footer??"")},y.createElement(ga,{confirmFormField:d}))))}function ga(o){let{confirmFormField:e}=o,t=y.createElement(jo,null,y.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(e){let r=l(e.customForm);t=y.createElement(jo,null,y.createElement("button",{type:"submit",name:e.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"),y.createElement("button",{type:"submit",name:e.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 y.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 va(o){return y.createElement("div",{className:"app-sdk-flex app-sdk-space-x-3"},y.createElement("div",{className:"app-sdk-flex-1"},y.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)]"},o.title)),y.createElement("div",{className:"app-sdk-flex app-sdk-self-center"},o.headerComponent))}function Be(o){return o?.prototype?.isReactComponent!=null}function wa(o){if(!(re.isValidElementType(o)&&Be(o)))throw new Error("Expected Element to be a React Component")}function Go(o){return re.isValidElementType(o)&&o.$$typeof===re.ForwardRef&&!Be(o)}function ya(o){if(!Go(o))throw new Error("Expected Element to be a functional Component wrapped with React.forwardRef")}function ba(o){if(!(re.isValidElementType(o)&&!Be(o)))throw new Error("Expected Element to be a functional Component")}function xa(o,e){let t={};return o.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: ${a} with ${r} `);return}t[a]?t[a]=Array.isArray(t[a])?[...t[a],r]:[t[a],r]:t[a]=r}),e.forEach((r,a)=>{if(typeof r.ref.current?.getState=="function"){let s=r.ref.current.getState();(typeof s=="boolean"||typeof s=="number"||typeof s=="string"||Array.isArray(s)||s==null||s?.toString()==="[object Object]")&&(t[a]=s)}}),t}function Xt(o,e,t){let r={};for(let s of o.keys()){let d=o.getAll(s);if(d[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}),e.forEach((r,a)=>{if(typeof r.ref.current?.getState=="function"){let s=r.ref.current.getState();(typeof s=="boolean"||typeof s=="number"||typeof s=="string"||Array.isArray(s)||s==null||s?.toString()==="[object Object]")&&(t[a]=s)}}),t}function Na(o,e,t){let r={};for(let s of o.keys()){let n=o.getAll(s);if(n[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: ${s} with ${d} `);continue}if(d.length===1?r[s]=d[0]:r[s]=d,r[s]==""&&delete r[s],r[s]){let n=e.find(l=>l.id===s)?.type;if(n==="boolean"){r[s]=r[s]==="on";continue}if(n==="confirm"){r[s]=JSON.parse(r[s]);continue}if(n==="number"){r[s]=parseFloat(r[s]);continue}if(n==="long"){r[s]=parseInt(r[s]);continue}}}let a=e.filter(s=>s.type==="boolean");return a.length&&a.forEach(s=>{r[s.id]||(r[s.id]=!1)}),t.forEach((s,d)=>{if(typeof s.ref.current?.getValue=="function"){let n=s.ref.current.getValue();(typeof n=="boolean"||typeof n=="number"||typeof n=="string"||Array.isArray(n)||n==null||n?.toString()==="[object Object]")&&(r[d]=n)}}),r}export{le as BPMNViewer,rr as BPMNViewerNextJS,Ne as BooleanFormField,bo as BpmnViewerComponent,Se as CheckboxFormField,Ie as ColorFormField,De as ConfirmFormField,Pe as CustomFormField,Me as DateFormField,Ue as DatetimeLocalFormField,Ee as DecimalFormField,Ho as DiagramDocumentationInspector,xr as DiagramDocumentationInspectorNextJS,ce as DocumentationViewer,Dr as DropdownMenu,Pr as DropdownMenuItem,Tr as DynamicLink,bn as DynamicUi,Fo as DynamicUiComponent,Te as EmailFormField,Ve as EnumFormField,_e as FileFormField,Fe as FlowNode,yo as FormFieldComponentMap,Le as HeaderFormField,Oe as HiddenFormField,Ae as IntegerFormField,ze as MonthFormField,He as ParagraphFormField,Ge as PasswordFormField,Je as RadioFormField,Xe as RangeFormField,We as SelectFormField,ae as SplitterLayout,Re as StringFormField,Ze as TelFormField,K as TextareaFormField,qe as TimeFormField,Ye as UrlFormField,Ke as WeekFormField};
+FormField: ${s} with ${n} `);continue}if(n.length===1?r[s]=n[0]:r[s]=n,r[s]==""&&delete r[s],r[s]){let d=e.find(i=>i.id===s)?.type;if(d==="boolean"){r[s]=r[s]==="on";continue}if(d==="confirm"){r[s]=JSON.parse(r[s]);continue}if(d==="number"){r[s]=parseFloat(r[s]);continue}if(d==="long"){r[s]=parseInt(r[s]);continue}}}let a=e.filter(s=>s.type==="boolean");return a.length&&a.forEach(s=>{r[s.id]||(r[s.id]=!1)}),t.forEach((s,n)=>{if(typeof s.ref.current?.getValue=="function"){let d=s.ref.current.getValue();(typeof d=="boolean"||typeof d=="number"||typeof d=="string"||Array.isArray(d)||d==null||d?.toString()==="[object Object]")&&(r[n]=d)}}),r}import{Transition as Ja}from"@headlessui/react";import{getBusinessObject as Wa}from"bpmn-js/lib/util/ModelUtil";import{isEqual as Qo}from"lodash";import Ra from"next/dynamic";import I,{useCallback as Ge,useEffect as Je,useRef as Xa,useState as Q}from"react";import{createRoot as Ya}from"react-dom/client";import{BpmnType as X,FlowNodeInstanceState as Gt,ProcessInstanceState as Xe}from"@5minds/processcube_engine_sdk";import{Combobox as Fa,ComboboxInput as Ca,ComboboxOption as Ia,ComboboxOptions as Pa,Dialog as Sa,DialogBackdrop as Da,DialogPanel as Ta}from"@headlessui/react";import{UsersIcon as Ma}from"@heroicons/react/24/outline";import J,{useState as Ea}from"react";function Ct(o){let[e,t]=Ea(""),r=e===""?o.entries:o.entries.filter(a=>a.name.toLowerCase().includes(e.toLowerCase()));return J.createElement(Sa,{className:"app-sdk-relative app-sdk-z-50",open:o.isOpen,onClose:()=>{o.onClose(),t("")}},J.createElement(Da,{transition:!0,className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-gray-500 app-sdk-bg-opacity-25 app-sdk-transition-opacity data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"}),J.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-z-10 app-sdk-w-screen app-sdk-overflow-y-auto app-sdk-p-4 sm:app-sdk-p-6 md:app-sdk-p-20"},J.createElement(Ta,{transition:!0,className:"app-sdk-mx-auto app-sdk-max-w-xl app-sdk-transform app-sdk-rounded-xl app-sdk-bg-[color:var(--asdk-cmdp-background-color)] app-sdk-p-2 app-sdk-shadow-2xl app-sdk-ring-1 app-sdk-ring-black app-sdk-ring-opacity-5 app-sdk-transition-all data-[closed]:app-sdk-scale-95 data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"},J.createElement(Fa,{onChange:a=>{a&&o.onConfirm(a)}},J.createElement(Ca,{autoFocus:!0,className:"app-sdk-w-full app-sdk-ring-offset-2 app-sdk-rounded-md app-sdk-border-0 app-sdk-bg-[color:var(--asdk-cmdp-input-color)] app-sdk-px-4 app-sdk-py-2.5 app-sdk-text-[color:var(--asdk-cmdp-text-color)] sm:app-sdk-text-sm",placeholder:o.placeholder,onChange:a=>t(a.target.value),onBlur:()=>t("")}),r.length>0&&J.createElement(Pa,{static:!0,className:"app-sdk-mb-2 app-sdk-max-h-72 app-sdk-scroll-py-2 app-sdk-overflow-y-auto app-sdk-py-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-cmdp-text-color)]"},r.map(a=>J.createElement(Ia,{key:a.id,value:a,className:({focus:s})=>C("app-sdk-cursor-default app-sdk-select-none app-sdk-rounded-md app-sdk-px-4 app-sdk-py-2",s&&"app-sdk-bg-[color:var(--asdk-cmdp-focus-color)] app-sdk-text-white")},a.name))),e!==""&&r.length===0&&J.createElement("div",{className:"app-sdk-px-4 app-sdk-py-14 app-sdk-text-center sm:app-sdk-px-14"},J.createElement(Ma,{className:"app-sdk-mx-auto app-sdk-h-6 app-sdk-w-6 app-sdk-text-gray-400","aria-hidden":"true"}),J.createElement("p",{className:"app-sdk-mt-4 app-sdk-text-sm app-sdk-text-[color:var(--asdk-cmdp-text-color)]"},o.noResultsText||"No entries found using that search term."))))))}import Ba from"react";function R({title:o,children:e,className:t,onClick:r}){return Ba.createElement("button",{title:o,className:C(t,"app-sdk-appearance-none app-sdk-border-none app-sdk-pointer-events-auto app-sdk-cursor-pointer app-sdk-flex app-sdk-w-6 app-sdk-min-w-6 app-sdk-max-w-6 app-sdk-h-4 app-sdk-text-white app-sdk-bg-cyan-800 app-sdk-rounded app-sdk-text-xs app-sdk-items-center app-sdk-justify-center"),onClick:r},e)}import Oa from"react";function It({width:o,children:e}){return Oa.createElement("div",{className:"app-sdk-flex app-sdk-gap-1 app-sdk-justify-center app-sdk-flex-wrap",style:{width:`${o}px`}},e)}import Jo from"react";function Pt({isSender:o,onClick:e}){return Jo.createElement(R,{title:`Go to ${o?"Target":"Source"}`,onClick:e},Jo.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Jo.createElement("path",{d:"M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"})))}import Wo from"react";function St({onClick:o}){return Wo.createElement(R,{onClick:o,title:"List Instances"},Wo.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Wo.createElement("path",{d:"M24 56c0-13.3 10.7-24 24-24H80c13.3 0 24 10.7 24 24V176h16c13.3 0 24 10.7 24 24s-10.7 24-24 24H40c-13.3 0-24-10.7-24-24s10.7-24 24-24H56V80H48C34.7 80 24 69.3 24 56zM86.7 341.2c-6.5-7.4-18.3-6.9-24 1.2L51.5 357.9c-7.7 10.8-22.7 13.3-33.5 5.6s-13.3-22.7-5.6-33.5l11.1-15.6c23.7-33.2 72.3-35.6 99.2-4.9c21.3 24.4 20.8 60.9-1.1 84.7L86.8 432H120c13.3 0 24 10.7 24 24s-10.7 24-24 24H32c-9.5 0-18.2-5.6-22-14.4s-2.1-18.9 4.3-25.9l72-78c5.3-5.8 5.4-14.6 .3-20.5zM224 64H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32z"})))}import Ro from"react";function Dt({flowNodeId:o,flowNodeInstanceId:e,flowNodeType:t,processInstanceId:r,onPlay:a}){return Ro.createElement(R,{title:"Run Task",className:"asdk-pii-play-button",onClick:()=>{typeof a=="function"?new Promise(async(s,n)=>{try{await a({flowNodeId:o,processInstanceId:r,flowNodeInstanceId:e,taskType:t}),s(!0)}catch(d){n(d)}}):import("./actions-52TN7J4J.mjs").then(({finishTask:s})=>s(e,t))}},Ro.createElement("svg",{className:"!app-sdk-fill-none !app-sdk-stroke-white !app-sdk-stroke-[2px]",width:"14px",height:"14px",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},Ro.createElement("path",{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"})))}import Ua from"react";function Tt(){return Ua.createElement("div",{className:"app-sdk-h-6 app-sdk-w-[1px] app-sdk-my-auto app-sdk-border-l app-sdk-border-r-0 app-sdk-border-t-0 app-sdk-border-b-0 app-sdk-border-collapse app-sdk-border-solid app-sdk-border-gray-900 dark:app-sdk-border-gray-300"})}import Mt from"react";function Et({children:o}){return Mt.createElement("div",{className:"app-sdk-w-full app-sdk-absolute app-sdk-top-0 app-sdk-left-0 app-sdk-z-40 app-sdk-pt-2 app-sdk-pointer-events-none"},Mt.createElement("div",{className:"app-sdk-flex app-sdk-w-fit app-sdk-mx-auto app-sdk-rounded-full app-sdk-px-3 app-sdk-py-2 app-sdk-gap-1 app-sdk-border app-sdk-border-solid app-sdk-bg-white/95 dark:app-sdk-bg-black/85 dark:app-sdk-border-none app-sdk-pointer-events-auto"},o))}import Xo from"react";import La from"react";function oe({title:o,disabled:e,children:t,onClick:r}){return La.createElement("button",{title:`${o??""}${e?" (disabled)":""}`,className:C("app-sdk-appearance-none app-sdk-border-none app-sdk-bg-transparent app-sdk-flex app-sdk-h-full app-sdk-my-auto app-sdk-rounded-full app-sdk-p-1",e?"app-sdk-cursor-not-allowed":"app-sdk-cursor-pointer hover:app-sdk-bg-app-sdk-gray-100/40"),onClick:r,disabled:e},t)}function Bt({onClick:o}){return Xo.createElement(oe,{title:"Refresh Process Instance Data",onClick:o},Xo.createElement("svg",{className:"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",width:"1.25rem",height:"1.25rem",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Xo.createElement("path",{d:"M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z"})))}import Yo from"react";function Ot({onClick:o}){return Yo.createElement(R,{title:"Retry Process Here",onClick:o},Yo.createElement("svg",{className:"!app-sdk-fill-white !app-sdk-stroke-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Yo.createElement("path",{d:"M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z"})))}import{Description as Ut,Dialog as Va,DialogBackdrop as _a,DialogPanel as Aa,DialogTitle as za}from"@headlessui/react";import $a from"@monaco-editor/react";import H,{useEffect as Ha,useState as ja}from"react";function Lt(o){let[e,t]=ja("");return Ha(()=>{t(JSON.stringify(o.flowNodeInstance?.startToken??o.processInstance.startToken??{},null,2))},[o.flowNodeInstance,o.processInstance]),H.createElement(Va,{open:o.isOpen,onClose:o.onClose,className:"app-sdk-relative app-sdk-z-50"},H.createElement(_a,{transition:!0,className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-gray-500 app-sdk-bg-opacity-25 app-sdk-transition-opacity data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"},H.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-flex app-sdk-w-screen app-sdk-items-center app-sdk-justify-center app-sdk-p-4"},H.createElement(Aa,{className:"app-sdk-max-w-lg app-sdk-space-y-4 app-sdk-shadow-2xl app-sdk-bg-[color:var(--asdk-rd-background-color)] app-sdk-p-8 app-sdk-rounded-xl app-sdk-text-[color:var(--asdk-rd-text-color)]"},H.createElement(za,{className:"app-sdk-font-bold"},"Retry Process Instance"),H.createElement(Ut,{className:"app-sdk-break-words"},"Are you sure you want to retry the Process Instance",o.flowNodeInstance&&` at this Flow Node (${o.flowNodeInstance.flowNodeId})`,"?"),H.createElement(Ut,null,"You can provide a new start token:"),H.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},H.createElement("label",null,"Start Token"),H.createElement($a,{height:"7rem",defaultLanguage:"json",defaultValue:e,onChange:r=>t(r??""),options:{lineNumbersMinChars:2,readOnly:!1,minimap:{enabled:!1},formatOnPaste:!0,formatOnType:!0}})),H.createElement("div",{className:"app-sdk-flex app-sdk-justify-end app-sdk-gap-2"},H.createElement("button",{className:"app-sdk-bg-[color:var(--asdk-rd-secondary-button-color)] app-sdk-text-[color:var(--asdk-rd-secondary-button-text-color)] app-sdk-rounded-md app-sdk-p-2 app-sdk-border hover:app-sdk-cursor-pointer hover:app-sdk-bg-[color:var(--asdk-rd-secondary-button-hover-color)]",onClick:o.onClose},"Cancel"),H.createElement("button",{className:"app-sdk-bg-[color:var(--asdk-rd-primary-button-color)] app-sdk-text-[color:var(--asdk-rd-primary-button-text-color)] app-sdk-rounded-md app-sdk-p-2 app-sdk-border-0 hover:app-sdk-cursor-pointer hover:app-sdk-bg-[color:var(--asdk-rd-primary-button-hover-color)]",onClick:async()=>{let r=JSON.parse(e);await(await import("./actions-52TN7J4J.mjs")).retryProcess(o.processInstance.processInstanceId,o.flowNodeInstance?.flowNodeInstanceId,r),o.onClose()}},"Retry"))))))}import qo from"react";function Vt({disabled:o,onClick:e}){return qo.createElement(oe,{title:"Retry Process",disabled:o,onClick:e},qo.createElement("svg",{className:o?"!app-sdk-stroke-app-sdk-gray-200 dark:!app-sdk-stroke-app-sdk-gray-400 !app-sdk-fill-app-sdk-gray-200 dark:!app-sdk-fill-app-sdk-gray-400":"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",width:"1.25rem",height:"1.25rem",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},qo.createElement("path",{d:"M105.1 202.6c7.7-21.8 20.2-42.3 37.8-59.8c62.5-62.5 163.8-62.5 226.3 0L386.3 160H352c-17.7 0-32 14.3-32 32s14.3 32 32 32H463.5c0 0 0 0 0 0h.4c17.7 0 32-14.3 32-32V80c0-17.7-14.3-32-32-32s-32 14.3-32 32v35.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5zM39 289.3c-5 1.5-9.8 4.2-13.7 8.2c-4 4-6.7 8.8-8.1 14c-.3 1.2-.6 2.5-.8 3.8c-.3 1.7-.4 3.4-.4 5.1V432c0 17.7 14.3 32 32 32s32-14.3 32-32V396.9l17.6 17.5 0 0c87.5 87.4 229.3 87.4 316.7 0c24.4-24.4 42.1-53.1 52.9-83.7c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8c-62.5 62.5-163.8 62.5-226.3 0l-.1-.1L125.6 352H160c17.7 0 32-14.3 32-32s-14.3-32-32-32H48.4c-1.6 0-3.2 .1-4.8 .3s-3.1 .5-4.6 1z"})))}import Zo from"react";function _t({processInstanceId:o,disabled:e}){return Zo.createElement(oe,{title:"Terminate Process",disabled:e,onClick:()=>import("./actions-52TN7J4J.mjs").then(({terminateProcess:t})=>t(o))},Zo.createElement("svg",{className:e?"!app-sdk-stroke-app-sdk-gray-200 dark:!app-sdk-stroke-app-sdk-gray-400 !app-sdk-fill-app-sdk-gray-200 dark:!app-sdk-fill-app-sdk-gray-400":"!app-sdk-stroke-red-600 !app-sdk-fill-red-600",width:"1.25rem",height:"1.25rem",viewBox:"0 0 516 516",xmlns:"http://www.w3.org/2000/svg"},Zo.createElement("path",{d:"M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm192-96l128 0c17.7 0 32 14.3 32 32l0 128c0 17.7-14.3 32-32 32l-128 0c-17.7 0-32-14.3-32-32l0-128c0-17.7 14.3-32 32-32z"})))}import{Editor as At}from"@monaco-editor/react";import V,{useEffect as Ko,useMemo as zt,useState as $t}from"react";function Ht({processInstance:o,flowNodeInstances:e}){let[t,r]=$t(),[a,s]=$t(!0);Ko(()=>(a&&e.length>1&&s(!1),()=>{if(a)return;let i=new URLSearchParams(window.location.search);i.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${i.toString()}${window.location.hash}`)}),[a,e]),Ko(()=>{if(e.length<2){r(void 0);return}let u=new URLSearchParams(window.location.search).get("tokenInspectorFocus");u||r(e[0]);let f=e.find(k=>k.flowNodeId===u);f&&r(f)},[e]),Ko(()=>{if(a)return;let i=new URLSearchParams(window.location.search);t?i.set("tokenInspectorFocus",t.flowNodeId):i.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${i.toString()}${window.location.hash}`)},[t,a]);let n=zt(()=>e.length===1?JSON.stringify(e[0].startToken,null,2):JSON.stringify(t?t.startToken:o?.startToken??{},null,2),[t,e,o]),d=zt(()=>e.length===1?JSON.stringify(e[0].endToken,null,2):JSON.stringify(t?t.endToken:o?.endToken??{},null,2),[t,e,o]);return V.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-h-full app-sdk-rounded-3xl app-sdk-p-4 app-sdk-gap-1 app-sdk-bg-white/95 dark:app-sdk-bg-black/85 dark:app-sdk-text-white app-sdk-border app-sdk-border-solid dark:app-sdk-border-none"},V.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-4"},e.length===0?V.createElement("label",{className:"app-sdk-break-all"},"Process: ",o.processModelId,o.processModelName&&` (${o.processModelName})`):e.length===1?V.createElement("label",{className:"app-sdk-break-all"},"Flow Node: ",e[0].flowNodeId,e[0].flowNodeName&&` (${e[0].flowNodeName})`):V.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1 app-sdk-w-full"},V.createElement("label",null,"Select Flow Node:"),V.createElement("select",{className:"app-sdk-max-w-full app-sdk-bg-transparent app-sdk-border app-sdk-rounded-md app-sdk-py-2 app-sdk-px-1 app-sdk-text-ellipsis",onChange:i=>r(e.find(u=>u.flowNodeId===i.target.value)),value:t?.flowNodeId??e[0].flowNodeId},e.map(i=>V.createElement("option",{key:`token-inspector-option-${i.flowNodeId}`,value:i.flowNodeId},`${i.flowNodeName?`${i.flowNodeName} (${i.flowNodeId})`:i.flowNodeId}`)))),V.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-3"},V.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},V.createElement("label",null,"Start Token"),V.createElement(At,{height:"7rem",defaultLanguage:"json",value:n,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})),V.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},V.createElement("label",null,"End Token"),V.createElement(At,{height:"7rem",defaultLanguage:"json",value:d,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})))))}import Oe,{useState as Ga}from"react";function jt(o){let[e,t]=Ga(o.isOpen??!1);return Oe.createElement(oe,{disabled:o.disabled,title:"View Process Tokens",onClick:()=>{e?o.close():o.open(),t(r=>!r)}},e?Oe.createElement("svg",{className:"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",xmlns:"http://www.w3.org/2000/svg",width:"1.25rem",height:"1.25rem",viewBox:"0 0 384 512"},Oe.createElement("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"})):Oe.createElement("svg",{className:"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",xmlns:"http://www.w3.org/2000/svg",width:"1.25rem",height:"1.25rem",viewBox:"0 0 448 512"},Oe.createElement("path",{d:"M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"})))}var Jt=[Xe.error,Xe.terminated],qa=[X.manualTask,X.userTask,X.untypedTask],Wt=[X.endEvent,X.intermediateThrowEvent,X.sendTask],Za=[X.startEvent,X.intermediateCatchEvent,X.boundaryEvent,X.receiveTask],We={isOpen:!1,placeholder:"",entries:[],onConfirm:()=>{},onClose:()=>{}},Ka={isOpen:!1},Re="asdk-buttons";function Qa(o){let{processInstanceId:e}=o,[t,r]=Q(We),[a,s]=Q(Ka),[n,d]=Q(!1),[i,u]=Q(),[f,k]=Q([]),[T,A]=Q([]),[p,m]=Q(new Map),[N,j]=Q([]),[Rt,et]=Q([]),g=Xa(null),Xt=Ge(async()=>{let c=await import("./actions-52TN7J4J.mjs"),h=c.getProcessInstance(e),L=c.getFlowNodeInstances(e),[v,E]=await Promise.all([h,L]),b=await c.getTriggeredFlowNodeInstances(E.map(x=>x.flowNodeInstanceId));u(v),k(E),A(b);let P=new URLSearchParams(window.location.search);P.get("tokenInspector")==="true"&&d(!0);let W=P.getAll("instance"),Y=E.filter(x=>W.includes(x.flowNodeInstanceId));Y.length!==W.length&&(P.delete("instance"),Y.forEach(x=>P.append("instance",x.flowNodeInstanceId)),window.history.replaceState({},"",`${window.location.pathname}?${P.toString()}`));let z=new Map;E.forEach(x=>{z.has(x.flowNodeId)||z.set(x.flowNodeId,x.flowNodeInstanceId)}),Y.forEach(x=>z.set(x.flowNodeId,x.flowNodeInstanceId)),m(z)},[e]),Yt=Ge(c=>{let h=Wa(c),L=f.some(E=>E.flowNodeId===h.targetRef.id),v=f.some(E=>E.flowNodeId===h.sourceRef.id&&E.state===Gt.finished);return L&&v},[f]),Ue=Ge(async()=>{let c=g.current?.bpmnViewerRef,h=c?.getOverlays();if(!c||!h)return;let L=await import("./actions-52TN7J4J.mjs"),v=L.getProcessInstance(e),E=L.getFlowNodeInstances(e),[b,P]=await Promise.all([v,E]),pe=await L.getTriggeredFlowNodeInstances(P.map(S=>S.flowNodeInstanceId));if(Qo(b,i)&&Qo(P,f)&&Qo(pe,T))return;b.state!==i?.state&&h.clear();for(let[S,Le]of p.entries()){let le=f.find(B=>B.flowNodeInstanceId===Le);if(!le)continue;let Ve=P.find(B=>B.flowNodeId===S);Ve?.flowNodeInstanceId===Le&&le.state===Ve.state||(c.removeMarker(S,`asdk-pii-flow-node-instance-state--${le.state}`),h.remove({element:S,type:Re}))}u(b),k(P),A(pe);let W=new URLSearchParams(window.location.search),Y=W.getAll("instance"),z=P.filter(S=>Y.includes(S.flowNodeInstanceId));z.length!==Y.length&&(W.delete("instance"),z.forEach(S=>W.append("instance",S.flowNodeInstanceId)),window.history.replaceState({},"",`${window.location.pathname}?${W.toString()}`));let x=new Map;P.forEach(S=>{x.has(S.flowNodeId)||x.set(S.flowNodeId,S.flowNodeInstanceId)}),z.forEach(S=>x.set(S.flowNodeId,S.flowNodeInstanceId)),m(x)},[g.current,i,p,f,e]),qt=Ge((c,h)=>{let L=g.current?.bpmnViewerRef,v=L?.getOverlays();if(!L||!v)return;let E=v.get({element:c.id,type:Re});if(Array.isArray(E)&&E.length>0)return;let b=h.find(B=>B.flowNodeInstanceId===p.get(B.flowNodeId));if(!b)return;let P=o.showFlowNodeExecutionCount&&h.length>1,pe=o.showFlowNodeInstancesListButton&&h.length>1,W=o.showFinishTaskButton&&qa.includes(c.type)&&b.state===Gt.suspended,Y=o.showRetryFlowNodeInstanceButton&&i&&Jt.includes(i.state),z=!1,x=[];if(o.showGoToFlowNodeButton&&Za.includes(c.type)){let B=b.triggeredByFlowNodeInstance;z=B!==void 0,x=B?[B]:[]}else if(o.showGoToFlowNodeButton&&Wt.includes(c.type)){let B=T.filter(O=>O.triggeredByFlowNodeInstance?.flowNodeInstanceId===b.flowNodeInstanceId);z=B.length>0,x=B}if(!P&&!W&&!Y&&!z)return;let S=c.width<52,Le=v.add(c.id,Re,{position:{bottom:-7,left:S?-c.width/2:0},html:"<div></div>"}),le=v.get(Le),Ve=Ya(le.htmlContainer),Ye=h.indexOf(b)===0,qe=h.length-h.indexOf(b);Ve.render(I.createElement(It,{width:S?c.width*2:c.width},P&&I.createElement(R,{className:"app-sdk-select-none !app-sdk-cursor-default !app-sdk-bg-slate-500",title:`Flow Node was executed ${h.length} times.${Ye?"":` You are viewing instance #${qe}.`}`},`${Ye?"":`${qe}/`}${h.length}`),pe&&I.createElement(St,{onClick:()=>{let B=h.map($=>({id:$.flowNodeInstanceId,name:`${$.startedAt?.toLocaleString("en-GB")} - ${$.flowNodeInstanceId} - ${$.state}${$.flowNodeInstanceId===b.flowNodeInstanceId?" (selected)":""}`,...$}));r({isOpen:!0,placeholder:"Select instance to display:",entries:B,onConfirm:async $=>{let Ze=h.find(Ke=>Ke.flowNodeInstanceId===$.flowNodeInstanceId);if(!Ze)return;L.removeMarker(b.flowNodeId,`asdk-pii-flow-node-instance-state--${b.state}`),v.remove({element:c.id,type:Re});let _e=new URLSearchParams(window.location.search);_e.getAll("instance").includes(b.flowNodeInstanceId)&&_e.delete("instance",b.flowNodeInstanceId),h.indexOf(Ze)!==0&&_e.append("instance",Ze.flowNodeInstanceId),window.history.replaceState({},"",`${window.location.pathname}?${_e.toString()}${window.location.hash}`),m(Ke=>new Map(Ke).set(c.id,$.flowNodeInstanceId)),r(We)},onClose:()=>r(We)})}}),z&&I.createElement(Pt,{isSender:Wt.includes(c.type),onClick:()=>{if(x.length===1){let O=new URLSearchParams;O.append("selected",x[0].flowNodeId),O.append("instance",x[0].flowNodeInstanceId),window.location.href=`${x[0].processInstanceId}?${O.toString()}`;return}let B=x.map(O=>({id:O.flowNodeInstanceId,name:`${O.startedAt?.toLocaleString("en-GB")} - ${O.flowNodeId}${O.flowNodeName?` - ${O.flowNodeName}`:""}`,...O}));r({isOpen:!0,placeholder:"Select target to go to:",entries:B,onConfirm:O=>{let $=new URLSearchParams;$.append("selected",O.flowNodeId),$.append("instance",O.flowNodeInstanceId),window.location.href=`${O.processInstanceId}?${$.toString()}`},onClose:()=>r(We)})}}),W&&I.createElement(Dt,{flowNodeId:b.flowNodeId,flowNodeInstanceId:b.flowNodeInstanceId,flowNodeType:c.type,processInstanceId:b.processInstanceId,onPlay:o.onFinish}),Y&&I.createElement(Ot,{onClick:()=>{s({isOpen:!0,flowNodeInstance:b})}})))},[g.current,i,f,T,p]);if(Je(()=>{Xt()},[e]),Je(()=>{if(i?.state===Xe.finished){Ue();return}let c=setInterval(Ue,1e3);return()=>clearInterval(c)},[Ue,i?.state]),Je(()=>{if(N.length===0||f.length===0){et([]);return}let c=f.filter(h=>{let L=N.includes(h.flowNodeId),v=p.get(h.flowNodeId)===h.flowNodeInstanceId;return L&&v});if(c.length===0){let h=new URLSearchParams(window.location.search);h.delete("tokenInspectorFocus"),window.history.replaceState({},"",`${window.location.pathname}?${h.toString()}${window.location.hash}`)}et(c)},[f,N,p]),Je(()=>{if(!i?.xml)return;let c=g.current?.bpmnViewerRef,h=c?.getElementRegistry();!c||!h||c.onImportDone(()=>{let L=new Set(f.map(v=>v.flowNodeId));h.forEach(v=>{if(v.type==="bpmn:SequenceFlow"){Yt(v)?c.addMarker(v.id,"asdk-pii-sequence-flow-finished"):c.hasMarker(v.id,"asdk-pii-sequence-flow-finished")&&c.removeMarker(v.id,"asdk-pii-sequence-flow-finished");return}if(!L.has(v.id))return;let E=f.filter(P=>P.flowNodeId===v.id),b=E.find(P=>P.flowNodeInstanceId===p.get(P.flowNodeId));b&&(c.hasMarker(v.id,"asdk-pii-flow-node-instance-state")||c.addMarker(v.id,"asdk-pii-flow-node-instance-state"),c.hasMarker(v.id,`asdk-pii-flow-node-instance-state--${b.state}`)||c.addMarker(v.id,`asdk-pii-flow-node-instance-state--${b.state}`),qt(v,E))})})},[g.current,i,f,T,p]),!i?.xml)return o.loadingComponent?o.loadingComponent:I.createElement("div",{className:"app-sdk-absolute app-sdk-w-screen app-sdk-h-screen app-sdk-flex"},I.createElement("div",{className:"app-sdk-m-auto"},"Fetching diagram..."));let Zt=o.showProcessRefreshButton||o.showProcessRetryButton||o.showProcessTerminateButton||o.showTokenInspectorButton,Kt=o.showTokenInspectorButton&&(o.showProcessRefreshButton||o.showProcessRetryButton||o.showProcessTerminateButton);return I.createElement("div",{className:"app-sdk-relative app-sdk-w-full app-sdk-h-full"},I.createElement(Ct,{...t}),(o.showRetryFlowNodeInstanceButton||o.showProcessRetryButton)&&I.createElement(Lt,{...a,processInstance:i,onClose:()=>s(c=>({...c,isOpen:!1}))}),Zt&&I.createElement(Et,null,o.showProcessRefreshButton&&I.createElement(Bt,{onClick:Ue}),o.showProcessRetryButton&&I.createElement(Vt,{onClick:()=>s({isOpen:!0}),disabled:!Jt.includes(i.state)}),o.showProcessTerminateButton&&I.createElement(_t,{processInstanceId:e,disabled:i.state!==Xe.running}),Kt&&I.createElement(Tt,null),o.showTokenInspectorButton&&I.createElement(jt,{isOpen:n,open:()=>{let c=new URLSearchParams(window.location.search);c.set("tokenInspector","true"),window.history.replaceState({},"",`${window.location.pathname}?${c.toString()}${window.location.hash}`),d(!0)},close:()=>{let c=new URLSearchParams(window.location.search);c.delete("tokenInspector"),window.history.replaceState({},"",`${window.location.pathname}?${c.toString()}${window.location.hash}`),d(!1)}})),I.createElement(Ja,{show:n},I.createElement("div",{className:"app-sdk-transition app-sdk-duration-200 data-[closed]:app-sdk-opacity-0 app-sdk-w-1/4 app-sdk-min-w-64 app-sdk-absolute app-sdk-top-0 app-sdk-right-0 app-sdk-z-40 app-sdk-pt-2 app-sdk-pr-2"},I.createElement(Ht,{processInstance:i,flowNodeInstances:Rt}))),I.createElement(to,{xml:i.xml,ref:g,setSelectedElementIds:j}))}var fc=Ra(()=>Promise.resolve(Qa),{ssr:!1});export{Qe as BPMNViewer,cs as BPMNViewerNextJS,fo as BooleanFormField,vt as BpmnViewerComponent,ho as CheckboxFormField,go as ColorFormField,vo as ConfirmFormField,wo as CustomFormField,yo as DateFormField,bo as DatetimeLocalFormField,xo as DecimalFormField,to as DiagramDocumentationInspector,Bs as DiagramDocumentationInspectorNextJS,eo as DocumentationViewer,As as DropdownMenu,zs as DropdownMenuItem,Ws as DynamicLink,$p as DynamicUi,Nt as DynamicUiComponent,No as EmailFormField,Fo as EnumFormField,Co as FileFormField,uo as FlowNode,yt as FormFieldComponentMap,Io as HeaderFormField,Po as HiddenFormField,So as IntegerFormField,Do as MonthFormField,Bo as ParagraphFormField,Oo as PasswordFormField,Qa as ProcessInstanceInspector,fc as ProcessInstanceInspectorNextJS,Uo as RadioFormField,Lo as RangeFormField,Vo as SelectFormField,Ae as SplitterLayout,_o as StringFormField,Ao as TelFormField,Se as TextareaFormField,zo as TimeFormField,$o as UrlFormField,Ho as WeekFormField};