@5minds/processcube_app_sdk 6.2.0-develop-e3053e-m6qfsux0 → 6.2.0-develop-be343d-m7vq6dmn

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/build/client/components/BPMNViewer.css +1 -1
  2. package/build/client/components/DiagramDocumentationInspector.css +1 -1
  3. package/build/client/components/DocumentationViewer.css +1 -1
  4. package/build/client/components/DropdownMenu.css +1 -1
  5. package/build/client/components/DynamicUi/DynamicUi.css +1 -1
  6. package/build/client/components/ProcessInstanceInspector/CommandPalette.css +1 -1
  7. package/build/client/components/ProcessInstanceInspector/ProcessInstanceInspector.css +1 -1
  8. package/build/client/components/ProcessInstanceInspector/RetryDialog.css +1 -1
  9. package/build/client/components/ProcessInstanceInspector/TokenInspector.d.ts +2 -1
  10. package/build/client/components/SplitterLayout.css +1 -1
  11. package/build/client/index.cjs +12 -10
  12. package/build/client/index.mjs +12 -10
  13. package/build/client/root.css +1 -1
  14. package/package.json +1 -1
package/build/client/index.mjs CHANGED
@@ -1,24 +1,26 @@
1
- "use client";import"client-only";import Qt from"bpmn-js/lib/Viewer";import er from"bpmn-js/lib/features/outline";import or from"clsx";import tr from"diagram-js/lib/features/selection";import rr from"diagram-js/lib/navigation/movecanvas";import ar from"diagram-js/lib/navigation/zoomscroll";import sr from"next/dynamic";import{forwardRef as nr,useEffect as dr,useImperativeHandle as ir,useRef as ot}from"react";import tt from"react";var pr={canvas:{autoFocus:!0}};function lr(o,e){let t=ot(null),r=ot(new Qt({bpmnRenderer:{defaultFillColor:"var(--asdk-bv-background-color)",defaultStrokeColor:"var(--asdk-bv-foreground-color)"},additionalModules:[ar,rr,tr,er],...pr}));return ir(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]),dr(()=>{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:or("app-sdk-bpmn-viewer","app-sdk-h-full",o.className)})}var Qe=nr(lr);function cr(o){return tt.createElement(Qe,{...o,ref:o.viewerRef})}var hs=sr(()=>Promise.resolve(cr),{ssr:!1});import{getBusinessObject as oo}from"bpmn-js/lib/util/ModelUtil";import vr from"next/dynamic";import U,{forwardRef as wr}from"react";import{useEffect as ze,useImperativeHandle as yr,useRef as st,useState as ce}from"react";import{renderToString as me}from"react-dom/server";import rt from"react";import mr from"react-markdown";import ur from"rehype-autolink-headings";import kr from"rehype-raw";import fr from"rehype-slug";import hr 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(mr,{remarkPlugins:[hr],rehypePlugins:[kr,fr,[ur,{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(gr,{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 gr(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 br(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,Fr(j))})},[i]),ze(()=>{o.setSelectedElementIds?.(n.map(p=>p.id))},[n]),yr(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(xr,{elements:n})))}function xr({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(`
1
+ "use client";import"client-only";import oa from"bpmn-js/lib/Viewer";import ta from"bpmn-js/lib/features/outline";import aa from"clsx";import sa from"diagram-js/lib/features/selection";import ra from"diagram-js/lib/navigation/movecanvas";import na from"diagram-js/lib/navigation/zoomscroll";import da from"next/dynamic";import{forwardRef as ia,useEffect as pa,useImperativeHandle as la,useRef as tt}from"react";import at from"react";var ca={canvas:{autoFocus:!0}};function ma(e,o){let t=tt(null),a=tt(new oa({bpmnRenderer:{defaultFillColor:"var(--asdk-bv-background-color)",defaultStrokeColor:"var(--asdk-bv-foreground-color)"},additionalModules:[na,ra,sa,ta],...ca}));return la(o,()=>({getOverlays(){return a.current.get("overlays")},getElementRegistry(){return a.current.get("elementRegistry")},addMarker(s,r){a.current.get("canvas")?.addMarker(s,r)},removeMarker(s,r){a.current.get("canvas")?.removeMarker(s,r)},hasMarker(s,r){return a.current.get("canvas")?.hasMarker(s,r)}}),[a.current,t.current]),pa(()=>{if(!t.current)return;let s=a.current;s.attachTo(t.current);let r=s.get("canvas"),n=d=>{e.onSelectionChanged?.(d.newSelection)};return s.importXML(e.xml).then(()=>{let d=r.viewbox(),i={x:d.outer.width/2,y:d.outer.height/2};r.zoom("fit-viewport",i),e.onImportDone?.(),s.on("selection.changed",n);let{preselectedElementIds:f}=e;if(!f||f.length===0)return;let u=s.get("elementRegistry").filter(C=>f.includes(C.id)).sort((C,V)=>f.indexOf(C.id)-f.indexOf(V.id));s.get("selection").select(u??[])}).catch(d=>{console.error(`[@5minds/processcube_app_sdk:BPMNViewer] Error while importing BPMN XML: "${d.message}`)}),()=>{s.off("selection.changed",n),s.detach()}},[e.xml,e.preselectedElementIds]),at.createElement("div",{ref:t,className:aa("app-sdk-bpmn-viewer","app-sdk-h-full",e.className)})}var Qe=ia(ma);function ka(e){return at.createElement(Qe,{...e,ref:e.viewerRef})}var yr=da(()=>Promise.resolve(ka),{ssr:!1});import{getBusinessObject as oo}from"bpmn-js/lib/util/ModelUtil";import ya from"next/dynamic";import L,{forwardRef as ba}from"react";import{useEffect as Ae,useImperativeHandle as xa,useRef as nt,useState as ce}from"react";import{renderToString as me}from"react-dom/server";import st from"react";import ua from"react-markdown";import fa from"rehype-autolink-headings";import ha from"rehype-raw";import ga from"rehype-slug";import wa from"remark-gfm";function eo(e){return st.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"},st.createElement(ua,{remarkPlugins:[wa],rehypePlugins:[ha,ga,[fa,{behavior:"wrap"}]],className:"app-sdk-markdown lg:app-sdk-mx-40 md:app-sdk-mx-20 app-sdk-mx-10"},e.documentation??""))}import ee from"react";var rt=4,ze=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(o){super(o),this.handleResize=this.handleResize.bind(this),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.handleTouchMove=this.handleTouchMove.bind(this),this.handleSplitterMouseDown=this.handleSplitterMouseDown.bind(this),this.handleSplitterDoubleClick=this.handleSplitterDoubleClick.bind(this),this.state={lastMouseDown:0,secondaryPaneSize:o.secondaryInitialSize||0,resizing:!1}}componentDidMount(){window.addEventListener("resize",this.handleResize),document.addEventListener("mouseup",this.handleMouseUp),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("touchend",this.handleMouseUp),document.addEventListener("touchmove",this.handleTouchMove);let o;if(this.props.secondaryInitialSize!=null)o=this.props.secondaryInitialSize;else{let t=this.container.getBoundingClientRect(),a;this.splitter?a=this.splitter.getBoundingClientRect():a={width:rt,height:rt},o=this.getSecondaryPaneSize(t,a,{left:t.left+(t.width-a.width)/2,top:t.top+(t.height-a.height)/2},!1)}this.setSecondaryPaneSize(o)}componentDidUpdate(o,t){t.secondaryPaneSize!==this.state.secondaryPaneSize&&this.props.onSizeChanged&&this.props.onSizeChanged(this.state.secondaryPaneSize),t.resizing!==this.state.resizing&&(this.state.resizing?this.props.onDragStart&&this.props.onDragStart(t.secondaryPaneSize):this.props.onDragEnd&&this.props.onDragEnd(t.secondaryPaneSize,this.state.secondaryPaneSize))}componentWillUnmount(){window.removeEventListener("resize",this.handleResize),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("touchend",this.handleMouseUp),document.removeEventListener("touchmove",this.handleTouchMove)}clearSelection(){if(document.body.createTextRange){let o=document.body.createTextRange();o.collapse(),o.select()}else if(window.getSelection){let o=window.getSelection();if(o==null)return;o.empty?o.empty():o.removeAllRanges&&o.removeAllRanges()}else document.selection&&document.selection.empty()}getSecondaryPaneSize(o,t,a,s){let r=0,n=0,d=0;this.props.vertical?(r=o.height,n=t.height,d=a.top-o.top):(r=o.width,n=t.width,d=a.left-o.left),s&&(d-=n/2),d<0?d=0:d>r-n&&(d=r-n);let i;this.props.primaryIndex===1?i=d:i=r-n-d;let f=r-n-i;return this.props.percentage&&(i=i*100/r,f=f*100/r,n=n*100/r,r=100),f<this.props.primaryMinSize?i=Math.max(i-(this.props.primaryMinSize-f),0):i<this.props.secondaryMinSize&&(i=Math.min(r-n-this.props.primaryMinSize,this.props.secondaryMinSize)),i}setSecondaryPaneSize(o){this.setState({secondaryPaneSize:o})}maximizeSecondaryPane(){if(this.props.percentage)this.setSecondaryPaneSize(100-this.props.primaryMinSize);else throw new Error("maximizeSecondaryPane() is only supported in SplitterLayout with prop `percentage`")}isReset(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;return this.state.secondaryPaneSize===o}reset(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.setSecondaryPaneSize(o)}handleResize(){if(this.splitter&&!this.props.percentage){let o=this.container.getBoundingClientRect(),t=this.splitter.getBoundingClientRect(),a=this.getSecondaryPaneSize(o,t,{left:t.left,top:t.top},!1);this.setState({secondaryPaneSize:a})}}handleMouseMove(o){if(this.state.resizing){let t=this.container.getBoundingClientRect(),a=this.splitter.getBoundingClientRect(),s=this.getSecondaryPaneSize(t,a,{left:o.clientX,top:o.clientY},!0);this.clearSelection(),this.setState({secondaryPaneSize:s})}}handleTouchMove(o){this.handleMouseMove(o.changedTouches[0])}handleSplitterMouseDown(o){o.preventDefault(),this.clearSelection(),this.setState({resizing:!0})}handleSplitterDoubleClick(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.state.secondaryPaneSize===o?this.setSecondaryPaneSize(Math.floor(o*1.5)):this.setSecondaryPaneSize(o)}handleMouseUp(){this.setState(o=>o.resizing?{resizing:!1}:null)}render(){let o="app-sdk-splitter-layout";this.props.customClassName&&(o+=` ${this.props.customClassName}`),this.props.vertical&&(o+=" app-sdk-splitter-layout-vertical"),this.state.resizing&&(o+=" layout-changing");let t=ee.Children.toArray(this.props.children).slice(0,2);t.length===0&&t.push(ee.createElement("div",null));let a=[],s=this.props.primaryIndex!==0&&this.props.primaryIndex!==1?0:this.props.primaryIndex;for(let r=0;r<t.length;++r){let n=!0,d;t.length>1&&r!==s&&(n=!1,d=this.state.secondaryPaneSize),a.push(ee.createElement(va,{vertical:this.props.vertical,percentage:this.props.percentage,primary:n,size:d},t[r]))}return ee.createElement("div",{className:o,ref:r=>{this.container=r}},a[0],a.length>1&&ee.createElement("div",{role:"separator",className:"app-sdk-layout-splitter"},ee.createElement("div",{className:"app-sdk-layout-splitter__inner",ref:r=>{this.splitter=r},onMouseDown:this.handleSplitterMouseDown,onTouchStart:this.handleSplitterMouseDown,onDoubleClick:this.handleSplitterDoubleClick})),a.length>1&&a[1])}};function va(e={vertical:!1,primary:!1,size:0,percentage:!1,children:[]}){let o=e.size||0,t=e.percentage?"%":"px",a="app-sdk-layout-pane",s={};return e.primary?a+=" app-sdk-layout-pane-primary":e.vertical?s.height=`${o}${t}`:s.width=`${o}${t}`,ee.createElement("div",{className:a,style:s},e.children)}var ke=30;function Na(e,o){let[t,a]=ce([]),s=nt(null),r=nt(null),[n,d]=ce([]),[i,f]=ce(!1),[l,u]=ce([]),[C,V]=ce(ke);return Ae(()=>{if(!window)return;let p=new URLSearchParams(window.location.search),k=p.getAll("selected");if(u(k),!p.has("splitterSize"))return;let I=parseFloat(p.get("splitterSize"));isNaN(I)||I===ke||(V(I),r.current?.setSecondaryPaneSize(I))},[]),Ae(()=>{if(!i)return;let p=new URLSearchParams(window.location.search);C!==ke?p.set("splitterSize",C.toString()):p.delete("splitterSize"),p.delete("selected"),n.length>0&&n.forEach(j=>p.append("selected",j.id));let k=decodeURIComponent(window.location.hash.slice(1)),I=k.length>0?document.getElementById(k):null;window.history.replaceState(null,"",`?${p.toString()}${I?window.location.hash:""}`),window.location.hash&&(window.location.hash=window.location.hash),I?.scrollIntoView()},[n,C]),Ae(()=>{if(!i)return;t.forEach(j=>j());let p=s.current?.getOverlays();s.current?.getElementRegistry()?.filter(dt)?.forEach(j=>{p?.add(j.id,Ca(j))})},[i]),Ae(()=>{e.setSelectedElementIds?.(n.map(p=>p.id))},[n]),xa(o,()=>({bpmnViewerRef:{getElementRegistry(){return s.current?.getElementRegistry()},getOverlays(){return s.current?.getOverlays()},addMarker(p,k){s.current?.addMarker(p,k)},removeMarker(p,k){s.current?.removeMarker(p,k)},hasMarker(p,k){return s.current?.hasMarker(p,k)},onImportDone(p){i?p():a(k=>[...k,p])}}}),[s.current]),L.createElement(ze,{ref:r,vertical:!0,percentage:!0,secondaryInitialSize:ke,secondaryDefaultSize:ke,onDragEnd:(p,k)=>V(Math.round(k))},L.createElement(Qe,{ref:s,xml:e.xml,preselectedElementIds:l,onSelectionChanged:p=>d([...p]),onImportDone:()=>f(!0)}),L.createElement("div",{className:"app-sdk-flex app-sdk-justify-center app-sdk-h-full app-sdk-bg-[color:var(--asdk-ddi-background-color)]"},L.createElement(Ia,{elements:n})))}function Ia({elements:e}){if(e.length===0)return L.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"Please select an element");let o=e.filter(dt);if(o.length===0)return L.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"No documentation available");if(o.length===1){let t=oo(o[0])?.documentation?.[0]?.text;return L.createElement(eo,{documentation:t})}return L.createElement(eo,{documentation:o.map(t=>oo(t)?.documentation?.[0]?.text).join(`
2
2
 
3
3
  <hr />
4
4
 
5
- `)})}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"}))),Nr=["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 Fr(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(Nr.includes(o.type))return!1;let t=oo(o)?.documentation?.[0]?.text;return t!=null&&t.trim()!==""}var to=wr(br);function Cr(o){return U.createElement(to,{...o,ref:o.viewerRef})}var _s=vr(()=>Promise.resolve(Cr),{ssr:!1});import{Menu as $e,Transition as Ir}from"@headlessui/react";import G,{Fragment as Pr}from"react";function C(...o){return o.filter(Boolean).join(" ")}function Gs(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(Ir,{as:Pr,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 Js(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 Sr}from"next/navigation";import Dr 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.
5
+ `)})}var ue=({showBackground:e})=>L.createElement("div",{title:"This element has documentation"},L.createElement("svg",{className:`${e?"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"},L.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"}))),Fa=["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 Ca(e){return e.type.endsWith("Task")||e.type==="bpmn:CallActivity"||e.type==="bpmn:Collaboration"||e.type==="bpmn:Group"||e.type==="bpmn:Lane"||e.type==="bpmn:SubProcess"?{position:fe.DEFAULT,html:me(L.createElement(ue,null))}:e.type==="bpmn:Participant"?{position:fe.PARTICIPANT,html:me(L.createElement(ue,null))}:e.type.endsWith("Gateway")?{position:fe.GATEWAY,html:me(L.createElement(ue,{showBackground:!0}))}:e.type==="bpmn:TextAnnotation"?{position:fe.ANNOTATION,html:me(L.createElement(ue,{showBackground:!0}))}:{position:fe.OTHER,html:me(L.createElement(ue,{showBackground:!0}))}}function dt(e){if(Fa.includes(e.type))return!1;let t=oo(e)?.documentation?.[0]?.text;return t!=null&&t.trim()!==""}var to=ba(Na);function Pa(e){return L.createElement(to,{...e,ref:e.viewerRef})}var Hr=ya(()=>Promise.resolve(Pa),{ssr:!1});import{Menu as $e,Transition as Sa}from"@headlessui/react";import G,{Fragment as Da}from"react";function P(...e){return e.filter(Boolean).join(" ")}function Rr(e){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"),e.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(Sa,{as:Da,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"},e.children))))}function Yr(e){return G.createElement($e.Item,null,({active:o})=>G.createElement("button",{type:"button",onClick:()=>e.onClick(),className:P(o?"app-sdk-bg-[color:var(--asdk-ddm-entry-background-hover-color)]":"app-sdk-bg-transparent","app-sdk-cursor-pointer app-sdk-p-0 app-sdk-text-[100%] app-sdk-block app-sdk-w-full app-sdk-px-4 app-sdk-py-2 app-sdk-text-left app-sdk-text-sm",e.isDanger?"app-sdk-text-[color:var(--asdk-ddm-danger-entry-text-color)]":"app-sdk-text-[color:var(--asdk-ddm-default-entry-text-color)]",e.className??"")},e.title))}import{useRouter as Ta}from"next/navigation";import Ma from"react";var it=new Set;function F(e,o){it.has(e)||(console.warn(`[@5minds/processcube_app_sdk] Warning: The component "${e}" is deprecated.
6
6
 
7
- ${e??""}`.trimEnd()),dt.add(o))}function Zs({href:o,children:e}){F("DynamicLink","Please use the NextJS Link component instead.");let t=Sr();return Dr.createElement("a",{href:o,onClick:r=>{r.preventDefault(),t.replace(o),t.refresh()}},e)}import zr from"bpmn-js/lib/Viewer";import $r from"bpmn-js/lib/features/outline";import Hr from"diagram-js/lib/navigation/movecanvas";import jr from"diagram-js/lib/navigation/zoomscroll";import ko from"react";import Vr from"react";import{createRoot as _r}from"react-dom/client";import{v4 as Ar}from"uuid";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"@heroui/react";import Ur from"@monaco-editor/react";import w,{useState as Lr}from"react";import ae from"react";import Tr from"react";function ro(o){F("ExecutionCount");let e={width:30};return o.count<=1?null:Tr.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{Divider as pt}from"@heroui/react";import lt from"@monaco-editor/react";import _,{useEffect as Mr}from"react";import{createRoot as Er}from"react-dom/client";import Br from"react-markdown";import Or from"remark-gfm";function lo(o){F("FlowNodeInfoComponent");function e(t){setTimeout(()=>{t.getAction("editor.action.formatDocument").run(),t.updateOptions({readOnly:!0})},300)}return Mr(()=>{let t=_.createElement(Br,{remarkPlugins:[Or]},o.flowNode.Documentation),r=document.getElementById("markdown-container");if(r){let a=r.attachShadow({mode:"open"});Er(a).render(t)}},[]),_.createElement(_.Fragment,null,_.createElement(pt,{className:"my-2"}),_.createElement("div",{className:"flex-row"},_.createElement("div",{className:"token-area"},_.createElement("p",null,"Start Token:"),_.createElement(lt,{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(pt,{className:"my-2"}),_.createElement("p",null,"End Token:"),_.createElement(lt,{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]=Lr(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(Ur,{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(Vr.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-${Ar()}`,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=_r(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 Gr={canvas:{autoFocus:!0}},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 zr({container:r,height:t?.height??600,bpmnRenderer:{defaultFillColor:t?.fillColor,defaultStrokeColor:t?.strokeColor},additionalModules:[jr,Hr,$r],...Gr}),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 ha from"semver/functions/gt";import ga from"semver/functions/prerelease";import va from"semver/functions/satisfies";import{mapUserTask as wa}from"../common/index.mjs";import{DataModels as fa}from"@5minds/processcube_engine_sdk";import se,{forwardRef as Jr}from"react";function l(o){if(o!=null&&o.trim()!=="")try{return JSON.parse(o)}catch{return null}return null}var fo=Jr(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&&!Wr(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 Wr(o){return/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(o?.toString())}import Rr,{forwardRef as Xr}from"react";var vo=Xr(function(e,t){return Rr.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 Yr}from"react";var yo=Yr(function(e,t){let{formField:r}=e,a=`${r.id}-hint`,s=l(r.customForm);qr(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 qr(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&&!Qr(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 Zr(o){return new Date(o?.toString()).toString()!=="Invalid Date"}function Kr(o){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(o)}function Qr(o){if(!o.includes("T"))return!1;let[e,t]=o.split("T");return Zr(e)&&Kr(t)}import be,{forwardRef as ea}from"react";function He(o){return!Number.isNaN(Number(o?.toString()))}var xo=ea(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 oa}from"react";var Fo=oa(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 ta}from"react";var Io=ta(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 ra from"react";function Po(o){let{formField:e}=o;return ra.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 aa}from"react";var So=aa(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&&!sa(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 sa(o){return/^\d{4}-(0[1-9]|1[0-2])$/.test(o)}import na from"isomorphic-dompurify";import{marked as Eo}from"marked";import da,{forwardRef as ia}from"react";import{useEffect as pa,useState as la}from"react";var Bo=ia(function({formField:{defaultValue:e,label:t}},r){let[a,s]=la("");return pa(()=>{let n=Eo.parse(e?.toString()??t?.toString()??"",{renderer:new To,hooks:new Mo});s(n)},[e,t]),da.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 na.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 ca}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]=ca(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 ma}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=ma(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&&!ua(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 ua(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&&!ka(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 ka(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||{}),dp={...fa.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 ya=va(y.version,">=18.0.0 <19",{includePrerelease:!0}),Ft=ga(y.version)==null,xt=!Ft&&ha(y.version,"18.2.0")&&y.version.includes("canary"),Nt=class extends y.Component{};function Wp(o){ya||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The React version is not supported!
8
- 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}"!
7
+ ${o??""}`.trimEnd()),it.add(e))}function on({href:e,children:o}){F("DynamicLink","Please use the NextJS Link component instead.");let t=Ta();return Ma.createElement("a",{href:e,onClick:a=>{a.preventDefault(),t.replace(e),t.refresh()}},o)}import Ha from"bpmn-js/lib/Viewer";import ja from"bpmn-js/lib/features/outline";import Ga from"diagram-js/lib/navigation/movecanvas";import Ja from"diagram-js/lib/navigation/zoomscroll";import uo from"react";import za from"react";import{createRoot as Aa}from"react-dom/client";import{v4 as $a}from"uuid";import{Button as co,Divider as mt,Modal as kt,ModalBody as ut,ModalContent as ft,ModalFooter as ht,ModalHeader as gt,useDisclosure as wt}from"@heroui/react";import Va from"@monaco-editor/react";import v,{useState as _a}from"react";import se from"react";import Ea from"react";function ao(e){F("ExecutionCount");let o={width:30};return e.count<=1?null:Ea.createElement("div",{style:o,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--execution-count"},e.count)}import M from"react";function so(e){return F("GotoButton"),M.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},M.createElement("div",{className:"action-icon"},M.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},M.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),M.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),M.createElement("g",{id:"SVGRepo_iconCarrier"}," ",M.createElement("title",null,"open-external")," ",M.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",M.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",M.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"}," ")," ")," ")," "))),M.createElement("div",{className:"action-icon-hovered"},M.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},M.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),M.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),M.createElement("g",{id:"SVGRepo_iconCarrier"}," ",M.createElement("title",null,"goto process")," ",M.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",M.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",M.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 ro(e){return F("PlayButton"),q.createElement("div",{onClick:e.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(e){return F("RetryButton"),te.createElement("div",{onClick:e.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(e){F("FlowNodeButtonArea");let o={marginTop:"7px"},t=e.flowNode,a=!!e.onRetryClick,s=!t.IsGateway&&t.ProcessInstanceState!=="running"&&t.ProcessInstanceState!=="finished"&&a,r=!!e.onGotoClick,n=(t.IsCallActivity||(t.IsEventReceiver||t.IsEventSender)&&t.LinkedProcessInstanceId)&&r,d=!!e.onPlayClick,i=(t.IsUserTask||t.IsManualTask)&&t.State==="suspended"&&d;return se.createElement("div",{className:"flownode-overlay",style:o},se.createElement("div",{className:"bpmn-element-overlay__below"},s&&se.createElement(no,{onClick:e.onRetryClick,flowNode:e.flowNode}),se.createElement(ao,{count:e.flowNode.ExecutionCount}),n&&se.createElement(so,{onClick:e.onGotoClick}),i&&se.createElement(ro,{onClick:e.onPlayClick})))}import pt from"react";function po(e){F("FlowNodeColorArea");let o={width:e.width,height:e.height},t="",a={width:e.width,height:e.height};return e.flowNode.IsGateway?(a.height*=.7,a.width*=.7,t="bpmn-element-overlay-backdrop--gateway"):e.flowNode.IsEvent&&(t="bpmn-element-overlay-backdrop--rounded"),pt.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay-backdrop cursor-pointer",style:o},pt.createElement("div",{className:`flow-node-${e.flowNode.State}-state-overlay ${t}`,style:a}))}import{Divider as lt}from"@heroui/react";import ct from"@monaco-editor/react";import z,{useEffect as Ba}from"react";import{createRoot as Oa}from"react-dom/client";import Ua from"react-markdown";import La from"remark-gfm";function lo(e){F("FlowNodeInfoComponent");function o(t){setTimeout(()=>{t.getAction("editor.action.formatDocument").run(),t.updateOptions({readOnly:!0})},300)}return Ba(()=>{let t=z.createElement(Ua,{remarkPlugins:[La]},e.flowNode.Documentation),a=document.getElementById("markdown-container");if(a){let s=a.attachShadow({mode:"open"});Oa(s).render(t)}},[]),z.createElement(z.Fragment,null,z.createElement(lt,{className:"my-2"}),z.createElement("div",{className:"flex-row"},z.createElement("div",{className:"token-area"},z.createElement("p",null,"Start Token:"),z.createElement(ct,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onMount:o,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}}),z.createElement(lt,{className:"my-2"}),z.createElement("p",null,"End Token:"),z.createElement(ct,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentEndToken,null,2),onMount:o,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),z.createElement("div",{className:"documentation-area"},z.createElement("p",null,"Dokumentation:"),z.createElement("div",{id:"markdown-container"}))))}function mo(e){F("FlowNodeOverlay");let o=wt(),t=wt(),[a,s]=_a(JSON.stringify(e.flowNode.CurrentStartToken));function r(d){setTimeout(()=>{d.getAction("editor.action.formatDocument").run()},300)}let n={width:e.width,height:e.height+10};return v.createElement(v.Fragment,null,v.createElement("div",{style:n},v.createElement(po,{onClick:t.onOpen,...e}),v.createElement(io,{onRetryClick:e.retryAction?o.onOpen:void 0,onGotoClick:e.gotoProcessAction?()=>e.gotoProcessAction(e.flowNode.LinkedProcessInstanceId??""):void 0,onPlayClick:e.gotoManualOrUserTaskAction?()=>e.gotoManualOrUserTaskAction(e.flowNode.ProcessInstanceId,e.flowNode.Id):void 0,flowNode:e.flowNode})),v.createElement(kt,{isOpen:o.isOpen,onOpenChange:o.onOpenChange},v.createElement(ft,null,d=>v.createElement(v.Fragment,null,v.createElement(gt,{className:"flex flex-col gap-1"},"Confirm Retry"),v.createElement(ut,null,v.createElement(mt,{className:"my-2"}),v.createElement("p",null,"Are you sure you want to retry process instance ",e.flowNode.CurrentFlowNodeInstanceId,"?"),v.createElement(mt,{className:"my-2"}),v.createElement(Va,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onChange:(i,f)=>s(i??""),onMount:r,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),v.createElement(ht,null,v.createElement(co,{color:"warning",variant:"light",onPress:d},"Close"),v.createElement(co,{color:"primary",onPress:()=>{e.retryAction?.(e.flowNode.ProcessInstanceId,e.flowNode.CurrentFlowNodeInstanceId,JSON.parse(a)),d()}},"Retry"))))),v.createElement(kt,{size:"4xl",isOpen:t.isOpen,onOpenChange:t.onOpenChange},v.createElement(ft,null,d=>v.createElement(v.Fragment,null,v.createElement(gt,{className:"flex flex-col gap-1"},"FlowNode: ",e.flowNode.Name??e.flowNode.Id),v.createElement(ut,null,v.createElement(lo,{flowNode:e.flowNode})),v.createElement(ht,null,v.createElement(co,{color:"primary",onPress:d},"Close"))))))}var ko=class{id;flowNodeInstances;processInstanceState;documentation;triggeredFlowNodeInstance;type;get Id(){return this.id}get Name(){return this.flowNodeInstances.at(-1)?.flowNodeName}get CurrentFlowNodeInstanceId(){return this.flowNodeInstances.at(-1)?.flowNodeInstanceId}get CurrentStartToken(){return this.flowNodeInstances.at(-1)?.startToken}get CurrentEndToken(){return this.flowNodeInstances.at(-1)?.endToken}get LinkedProcessInstanceId(){let o=this.flowNodeInstances.at(-1);if(this.IsCallActivity)return o.childProcessInstanceId;if(this.IsEventReceiver)return o?.triggeredByFlowNodeInstance?.processInstanceId;if(this.IsEventSender&&this.triggeredFlowNodeInstance)return this.triggeredFlowNodeInstance.processInstanceId}get State(){return this.flowNodeInstances.at(-1)?.state??""}get Documentation(){return this.documentation}get ProcessInstanceState(){return this.processInstanceState}get IsGateway(){return this.type==="bpmn:ComplexGateway"||this.type==="bpmn:ParallelGateway"||this.type==="bpmn:ExclusiveGateway"||this.type==="bpmn:InclusiveGateway"||this.type==="bpmn:EventBasedGateway"}get IsEvent(){return this.type==="bpmn:StartEvent"||this.type==="bpmn:EndEvent"||this.type==="bpmn:IntermediateCatchEvent"||this.type==="bpmn:IntermediateThrowEvent"||this.type==="bpmn:BoundaryEvent"}get IsEventReceiver(){return this.type==="bpmn:StartEvent"||this.type==="bpmn:IntermediateCatchEvent"||this.type==="bpmn:BoundaryEvent"||this.type==="bpmn:ReceiveTask"}get IsEventSender(){return this.type==="bpmn:EndEvent"||this.type==="bpmn:IntermediateThrowEvent"||this.type==="bpmn:SendTask"}get IsCallActivity(){return this.type==="bpmn:CallActivity"}get IsUserTask(){return this.type==="bpmn:UserTask"}get IsManualTask(){return this.type==="bpmn:ManualTask"}get ExecutionCount(){return this.flowNodeInstances.length}get ProcessInstanceId(){return this.flowNodeInstances.at(-1)?.processInstanceId??""}constructor(o,t,a,s){this.id=o,this.flowNodeInstances=[],this.processInstanceState=t,this.documentation=a,this.triggeredFlowNodeInstance=s,this.type=""}addFlowNodeInstance(o){this.flowNodeInstances.push(o),this.type=o.flowNodeType}},he=class{canvas;overlays;elementRegistry;overlayIds;overlayRoots;constructor(o){F("BpmnViewerOverlayCreator"),this.canvas=o.get("canvas"),this.overlays=o.get("overlays"),this.elementRegistry=o.get("elementRegistry"),this.overlayIds=[],this.overlayRoots={}}createOverlaysFlowNodeInstances(o,t,a,s,r,n){let d=this.getExecutedFlowNodes(t,o,a);this.overlayIds=[];for(let f of d){let l=this.elementRegistry.get(f.Id);this.getOrCreateOverlayRoot(f)?.render(za.createElement(mo,{flowNode:f,width:l.width,height:l.height,retryAction:s,gotoProcessAction:r,gotoManualOrUserTaskAction:n})),this.setSequenceFlowsColor(l,d)}let i=[];for(let f in this.overlayRoots)d.find(u=>u.Id===f)||i.push(f);i.forEach(f=>{let l=this.elementRegistry.get(f);this.removeSequenceFlowsColor(l),this.overlayRoots[f].unmount(),delete this.overlayRoots[f]})}getOrCreateOverlayRoot(o){if(o.Id in this.overlayRoots)return this.overlayRoots[o.Id];let t=`bpmn-element-overlay-${$a()}`,a=`<div id="${t}"></div>`,s=this.overlays.add(o.Id,{position:{top:0,left:0},html:a});this.overlayIds.push(s);let r=document.querySelector(`#${t}`);if(r){let n=Aa(r);return this.overlayRoots[o.Id]=n,n}}getExecutedFlowNodes(o,t,a){let s=[],r={};for(let n of a)n.triggeredByFlowNodeInstance&&(r[n.triggeredByFlowNodeInstance?.flowNodeInstanceId]=n);for(let n of o){let d=s.find(i=>i.Id===n.flowNodeId);if(!d){let i=this.elementRegistry.get(n.flowNodeId),f=i.businessObject.documentation?i.businessObject.documentation[0].text:"";d=new ko(n.flowNodeId,t,f,r[n.flowNodeInstanceId]),s.push(d)}d.addFlowNodeInstance(n)}return s}setSequenceFlowsColor(o,t){if(o&&o.businessObject.incoming)for(let a of o.businessObject.incoming)t.find(r=>r.Id===a.sourceRef?.id)&&this.canvas.addMarker(a.id,"connection-done")}removeSequenceFlowsColor(o){if(o&&o.businessObject.incoming){for(let t of o.businessObject.incoming)this.canvas.removeMarker(t.id,"connection-done");if(o.businessObject.outgoing)for(let t of o.businessObject.outgoing)this.canvas.removeMarker(t.id,"connection-done")}}};var Wa={canvas:{autoFocus:!0}},vt=class extends uo.Component{containerRef;bpmnViewer;bpmnViewerOverlayCreator;constructor(o){super(o),F("BpmnViewerComponent"),this.state={diagramXML:""},this.containerRef=uo.createRef()}componentDidMount(){let{diagramXML:o,options:t}=this.props,a=this.containerRef.current;if(this.bpmnViewer=new Ha({container:a,height:t?.height??600,bpmnRenderer:{defaultFillColor:t?.fillColor,defaultStrokeColor:t?.strokeColor},additionalModules:[Ja,Ga,ja],...Wa}),this.bpmnViewerOverlayCreator=new he(this.bpmnViewer),o)return this.displayDiagram(o)}componentWillUnmount(){this.bpmnViewer.destroy()}componentDidUpdate(o,t){let{props:a,state:s}=this,r=a.diagramXML||s.diagramXML,n=o.diagramXML||t.diagramXML;if(r&&r!==n)return this.displayDiagram(r);this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,a.flowNodeInstancesTriggeredByThisProcessInstance,a.retryAction,a.gotoProcessAction,a.gotoManualOrUserTaskAction)}displayDiagram(o){this.bpmnViewer.importXML(o).then(()=>{let t=this.bpmnViewer.get("canvas"),a=t.viewbox(),s={x:a.outer.width/2,y:a.outer.height/2};t.zoom("fit-viewport",s),this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,this.props.flowNodeInstancesTriggeredByThisProcessInstance,this.props.retryAction,this.props.gotoProcessAction,this.props.gotoManualOrUserTaskAction)})}render(){return uo.createElement("div",{className:this.props.className,ref:this.containerRef})}};import y,{Fragment as jo,useRef as xt}from"react";import*as ae from"react-is";import ws from"semver/functions/gt";import vs from"semver/functions/prerelease";import ys from"semver/functions/satisfies";import{mapUserTask as bs}from"../common/index.mjs";import{DataModels as gs}from"@5minds/processcube_engine_sdk";import re,{forwardRef as Xa}from"react";function m(e){if(e!=null&&e.trim()!=="")try{return JSON.parse(e)}catch{return null}return null}var fo=Xa(function(o,t){let{formField:a}=o,s=`${a.id}-hint`,r=m(a.customForm);return re.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},re.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},re.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:o.state&&o.state!=="false"||a.defaultValue==="true",id:a.id,name:a.id,"aria-describedby":r?.hint?s:void 0,"data-form-field-type":"boolean"})),re.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},re.createElement("label",{className:"app-sdk-font-medium",htmlFor:a.id},a.label),r?.hint&&re.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:s},r.hint)))});import Z from"react";function ho({formField:e,state:o}){let t=m(e.customForm),a=t?.entries,s=`${e.id}-hint`,r;return Array.isArray(o)&&o.length?r=o:r=(o||e.defaultValue?.toString())?.split(",")??[],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("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"checkbox"},a?.map(n=>{let d=r.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:e.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:s},t?.hint))}import ge from"react";function go(e){let{formField:o}=e,t=`${o.id}-hint`,a=m(o.customForm);o.defaultValue&&!Ra(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for color field "${o.id}"`);let s=e.state||o.defaultValue?.toString();return ge.createElement("div",null,ge.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.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:s,id:o.id,name:o.id,placeholder:a?.placeholder,"aria-describedby":t,"data-form-field-type":"color"})),a?.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},a?.hint))}function Ra(e){return/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(e?.toString())}import Ya,{forwardRef as qa}from"react";var wo=qa(function(o,t){return Ya.createElement("p",{className:"app-sdk-text-sm"},o.formField.label)});import we from"react";function vo({formField:e,state:o}){let t=m(e.customForm);return we.createElement("div",null,we.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.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:"text",id:e.id,name:e.id,defaultValue:o||(e.defaultValue?.toString()??""),placeholder:t?.placeholder,"aria-describedby":`${e.id}-hint`,"data-form-field-type":"custom"})),t?.hint&&we.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)]"},t.hint))}import ve,{forwardRef as Za}from"react";var yo=Za(function(o,t){let{formField:a}=o,s=`${a.id}-hint`,r=m(a.customForm);Ka(a.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for date field "${a.id}"`);let n=o.state||a.defaultValue?.toString();return ve.createElement("div",null,ve.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:a.id},a.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:"date",defaultValue:n,id:a.id,name:a.id,"aria-describedby":s,"data-form-field-type":"date"})),r?.hint&&ve.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:s},r?.hint))});function Ka(e){return new Date(e?.toString()).toString()!=="Invalid Date"}import ye from"react";function bo(e){let{formField:o}=e,t=`${o.id}-hint`,a=m(o.customForm);o.defaultValue&&!os(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for dateteime-local field "${o.id}"`);let s=e.state||o.defaultValue?.toString();return ye.createElement("div",null,ye.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.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:s,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"datetime-local"})),a?.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},a?.hint))}function Qa(e){return new Date(e?.toString()).toString()!=="Invalid Date"}function es(e){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(e)}function os(e){if(!e.includes("T"))return!1;let[o,t]=e.split("T");return Qa(o)&&es(t)}import be,{forwardRef as ts}from"react";function He(e){return!Number.isNaN(Number(e?.toString()))}var xo=ts(function(o,t){let{formField:a}=o,s=`${a.id}-hint`,r=m(a.customForm);return He(a.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for decimal field "${a.id}"`),be.createElement("div",null,be.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:a.id},a.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:r?.step??.01,placeholder:r?.placeholder||"0.00",defaultValue:o.state||a.defaultValue?.toString(),id:a.id,name:a.id,"aria-describedby":s,"data-form-field-type":"decimal"})),r?.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:s},r?.hint))});import xe from"react";function No(e){let{formField:o}=e,t=`${o.id}-hint`,a=m(o.customForm),s=e.state||(o.defaultValue?.toString()??"");return xe.createElement("div",null,xe.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.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:s,id:o.id,name:o.id,placeholder:a?.placeholder,"aria-describedby":t,"data-form-field-type":"email"})),a?.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},a?.hint))}import E,{forwardRef as as}from"react";var Io=as(function({formField:o,state:t},a){let s=m(o.customForm),r=o.label,n=o.enumValues,d;switch(s?.displayAs){case"checkbox":let f;Array.isArray(t)&&t.length?f=t:f=(t||o.defaultValue?.toString())?.split(",")??[],d=E.createElement("fieldset",{id:o.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":s?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(u=>{let C=f.find(V=>V.trim()===u.id);return E.createElement("div",{key:u.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},E.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},E.createElement("input",{type:"checkbox",defaultChecked:C,name:o.id,id:u.id,value:u.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"})),E.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},E.createElement("label",{htmlFor:u.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},u.name)))}));break;case"radio":d=E.createElement("fieldset",{id:o.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":s?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(u=>E.createElement("div",{key:u.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},E.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},E.createElement("input",{type:"radio",defaultChecked:(t||o.defaultValue)==u.id,name:o.id,id:u.id,value:u.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"})),E.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},E.createElement("label",{htmlFor:u.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},u.name)))));break;default:let l=t||n?.find(u=>u.id===o.defaultValue)?.id||"";d=E.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:u=>u.target.dataset.value=u.target.value,"data-value":l,"aria-describedby":s?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:l},E.createElement("option",{value:""},!l&&s?.placeholder),n?.map(u=>E.createElement("option",{key:u.id,value:u.id},u.name)));break}let i=s?.hint?E.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)]"},s.hint):null;return E.createElement("div",null,E.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},r),d,i)});import je from"react";function Fo(e){let{formField:o}=e,t=`${o.id}-hint`,a=m(o.customForm);return je.createElement("div",null,je.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.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:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"file",multiple:a?.multiple}),a?.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},a?.hint))}import Ne,{forwardRef as ss}from"react";var Co=ss(function({formField:o},t){let a=m(o.customForm),s;switch(a?.style){case"heading_1":s=Ne.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break;case"heading_2":s=Ne.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break;case"heading_3":s=Ne.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break;default:s=Ne.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break}return Ne.createElement("div",{className:"app-sdk-header-form-field"},s)});import rs from"react";function Po(e){let{formField:o}=e;return rs.createElement("input",{className:"app-sdk-hidden",type:"hidden",id:o.id,value:o.defaultValue?.toString()||"",name:o.id,"data-form-field-type":"hidden"})}import Ie,{forwardRef as ns}from"react";var So=ns(function({formField:o,state:t},a){let s=m(o.customForm);return He(o.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for integer field "${o.id}"`),Ie.createElement("div",null,Ie.createElement("label",{htmlFor:o.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},o.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 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:o.id,name:o.id,defaultValue:t||o.defaultValue?.toString(),placeholder:s?.placeholder??"0","aria-describedby":`${o.id}-hint`,"data-form-field-type":"integer"})),s?.hint&&Ie.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)]"},s.hint))});import Fe from"react";function Do(e){let{formField:o}=e,t=`${o.id}-hint`,a=m(o.customForm);o.defaultValue&&!ds(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for month field "${o.id}"`);let s=e.state||o.defaultValue?.toString();return Fe.createElement("div",null,Fe.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.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:"month",defaultValue:s,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"month"})),a?.hint&&Fe.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},a?.hint))}function ds(e){return/^\d{4}-(0[1-9]|1[0-2])$/.test(e)}import is from"isomorphic-dompurify";import{marked as Eo}from"marked";import ps,{forwardRef as ls}from"react";import{useEffect as cs,useState as ms}from"react";var Bo=ls(function({formField:{defaultValue:o,label:t}},a){let[s,r]=ms("");return cs(()=>{let n=Eo.parse(o?.toString()??t?.toString()??"",{renderer:new To,hooks:new Mo});r(n)},[o,t]),ps.createElement("div",{className:P("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:s}})}),To=class extends Eo.Renderer{link(o){return super.link(o).replace("<a","<a target='_blank'")}html(o){let t=super.html(o);return t.startsWith("<a ")&&!t.includes("target=")?t.replace("<a ",'<a target="_blank" '):t}},Mo=class extends Eo.Hooks{postprocess(o){return is.sanitize(o,{ADD_ATTR:["target"]})}};import Ce from"react";function Oo(e){let{formField:o}=e,t=`${o.id}-hint`,a=m(o.customForm),s=e.state||(o.defaultValue?.toString()??"");return Ce.createElement("div",null,Ce.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.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 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:o.id,name:o.id,defaultValue:s,placeholder:a?.placeholder,"aria-describedby":t,"data-form-field-type":"password"})),a?.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},a?.hint))}import K from"react";function Uo({formField:e,state:o}){let t=m(e.customForm),a=t?.entries,s=`${e.id}-hint`;return K.createElement("div",null,K.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),K.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"radio"},a?.map(r=>K.createElement("div",{key:r.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:(o||e.defaultValue)==r.key,name:e.id,id:r.key,value:r.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:r.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},r.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:s},t?.hint))}import ne,{useState as ks}from"react";function Lo({formField:e,state:o}){let t=m(e.customForm),a=e.label,s=t?.min||0,r=t?.max||100,n=t?.step||1,d=o||e.defaultValue?.toString()||s.toString(),[i,f]=ks(d),l=V=>{f(V.target.value)},u=ne.createElement("input",{className:P("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:e.id,name:e.id,type:"range",min:s.toString(),max:r.toString(),step:n.toString(),defaultValue:d,onChange:l,"aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"range"}),C=t?.hint?ne.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)]"},t.hint):null;return ne.createElement("div",null,ne.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},a),ne.createElement("div",{className:"app-sdk-mt-1 app-sdk-flex app-sdk-flex-row"},u,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)),C)}import de from"react";function Vo({formField:e,state:o}){let t=m(e.customForm),a=t?.entries,s=`${e.id}-hint`,r=o||a?.find(n=>n.key===e.defaultValue)?.key||"";return de.createElement("div",null,de.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),de.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:n=>n.target.dataset.value=n.target.value,"data-value":r,"aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"select",defaultValue:r},de.createElement("option",{value:""},!r&&t?.placeholder),a?.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:s},t?.hint))}import ie,{forwardRef as us}from"react";import Pe from"react";function Se(e){let{formField:o}=e,t=`${o.id}-hint`,a=m(o.customForm),s=e.state||(o.defaultValue?.toString()??"");return Pe.createElement("div",null,Pe.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.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:s,id:o.id,name:o.id,rows:a?.rows??4,"aria-describedby":t,"data-form-field-type":"textarea",placeholder:a?.placeholder})),a?.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},a?.hint))}var _o=us(function({formField:o,state:t},a){let s=m(o.customForm);if(s?.multiline==="true")return ie.createElement(Se,{formField:o,state:t});let n=`${o.id}-hint`,d=t||(o.defaultValue?.toString()??"");return ie.createElement("div",null,ie.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.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:o.id,name:o.id,"aria-describedby":n,"data-form-field-type":"text",placeholder:s?.placeholder})),s?.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},s?.hint))});import De from"react";function zo({formField:e,state:o}){let t=m(e.customForm),a=`${e.id}-hint`;return De.createElement("div",null,De.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),De.createElement("div",{className:"app-sdk-mt-1"},De.createElement("input",{className:P("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:e.id,name:e.id,type:"tel",defaultValue:o||(e.defaultValue?.toString()??""),placeholder:t?.placeholder,"aria-describedby":t?.hint?a: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:a},t.hint))}import Te from"react";function Ao(e){let{formField:o}=e,t=`${o.id}-hint`,a=m(o.customForm);o.defaultValue&&!fs(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for time field "${o.id}"`);let s=e.state||o.defaultValue?.toString();return Te.createElement("div",null,Te.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.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:s,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"time"})),a?.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},a?.hint))}function fs(e){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(e)}import Me from"react";function $o(e){let{formField:o}=e,t=`${o.id}-hint`,a=m(o.customForm),s=e.state||(o.defaultValue?.toString()??"");return Me.createElement("div",null,Me.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.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:o.id,defaultValue:s,placeholder:a?.placeholder??"https://processcube.io/",name:o.id,"aria-describedby":t,"data-form-field-type":"url"})),a?.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},a?.hint))}import Ee from"react";function Ho(e){let{formField:o}=e,t=`${o.id}-hint`,a=m(o.customForm);o.defaultValue&&!hs(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for week field "${o.id}"`);let s=e.state||o.defaultValue?.toString();return Ee.createElement("div",null,Ee.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.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:s,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"week"})),a?.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},a?.hint))}function hs(e){return/^(\d{4})-W(0[1-9]|[1-4][0-9]|5[0-3])$/.test(e)}var yt=(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))(yt||{}),cp={...gs.FlowNodeInstances.UserTaskFormFieldType,...yt},bt={boolean:fo,checkbox:ho,color:go,date:yo,email:No,enum:Io,file:Fo,hidden:Po,long:So,"datetime-local":bo,month:Do,number:xo,string:_o,paragraph:Bo,password:Oo,radio:Uo,range:Lo,select:Vo,header:Co,confirm:wo,tel:zo,textarea:Se,time:Ao,url:$o,week:Ho,custom:vo};var xs=ys(y.version,">=18.0.0 <19",{includePrerelease:!0}),Ft=vs(y.version)==null,Nt=!Ft&&ws(y.version,"18.2.0")&&y.version.includes("canary"),It=class extends y.Component{};function qp(e){xs||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The React version is not supported!
8
+ Version: ${y.version}`);let{userTaskConfig:o}=e.task,{formFields:t}=o,a=xt(),s=xt(null),r=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 "${e.task.flowNodeId}"!
9
9
  The UserTask has more than one confirm form field. Please use only one confirm form field per User Task.
10
10
 
11
- 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=Pa(p,t,s);o.onSubmit(m,p,wa(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=Ia(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(xa,{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.
11
+ The first confirm form field is used for rendering.`);let d=n.length===1?n[0]:null,i={...bt,...e.customFieldComponents?e.customFieldComponents:{}},f=p=>{let k=Ds(p,t,r);e.onSubmit(k,p,bs(e.task))};function l(p){let k=p.target;a.current!=null&&window.clearTimeout(a.current),a.current=window.setTimeout(()=>{if(a.current=void 0,s.current==null)return;let I=new FormData(s.current),j=Ss(I,r);e.onStateChange?.(k.value,k.name,j)},100)}let u=P("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",e.classNames?.wrapper??"",e.className??""),C=e.darkMode||u.split(" ").includes("dark"),V={...Nt&&{action:f},...!Nt&&Ft&&{onSubmit:p=>{let k=new FormData(s.current),I=p.nativeEvent.submitter;k.has(I.name)||k.append(I.name,I.value),f(k)},method:"dialog"}};return y.createElement("div",{className:C?`dark app-sdk-dark ${u}`:P(...u.split(" ").filter(p=>p!=="dark"&&p!=="app-sdk-dark")),"data-dynamic-ui":!0},y.createElement("form",{ref:s,className:P("app-sdk-flex app-sdk-max-h-full app-sdk-flex-col app-sdk-rounded-lg app-sdk-bg-[color:var(--asdk-dui-background-color)] app-sdk-text-[color:var(--asdk-dui-text-color)] app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)]",e.classNames?.base??""),"data-user-task-id":e.task.flowNodeId,"data-user-task-instance-id":e.task.flowNodeInstanceId,onChange:l,...V},y.createElement("header",{className:P("app-sdk-px-4 app-sdk-pb-3 app-sdk-pt-4 sm:app-sdk-px-6",e.classNames?.header?e.classNames.header:"")},y.createElement(Is,{title:e.title??e.task.flowNodeName??"User Task",headerComponent:e.headerComponent})),y.createElement("section",{className:P("app-sdk-overflow-y-auto app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.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 k=i?.[p.type]||i.custom;if(!k)return null;if(!ae.isValidElementType(k))return console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The given DynamicUiFormFieldComponent is not a valid React Element Type.
12
12
 
13
13
  FormField: ${JSON.stringify(p,null,2)}
14
- DynamicUiFormFieldComponent: ${m.toString()}
14
+ DynamicUiFormFieldComponent: ${k.toString()}
15
15
 
16
- Rendering 'null' as fallback`),null;let N;Be(m)?(Na(m),N=m):Go(m)?(Fa(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()?
16
+ Rendering 'null' as fallback`),null;let I;Be(k)?(Fs(k),I=k):Go(k)?(Cs(k),I=k):(k.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()?
17
17
 
18
18
  FormField ID: ${p.id}
19
19
  FormField Type: ${p.type}
20
- Component Name: ${m.name} ${m.displayName??""}`),Ca(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(ba,{confirmFormField:d}))))}function ba(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 xa(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 Na(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 Fa(o){if(!Go(o))throw new Error("Expected Element to be a functional Component wrapped with React.forwardRef")}function Ca(o){if(!(re.isValidElementType(o)&&!Be(o)))throw new Error("Expected Element to be a functional Component")}function Ia(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.
20
+ Component Name: ${k.name} ${k.displayName??""}`),Ps(k),I=k);let j=r.get(p.id)?.ref;return y.createElement(jo,{key:p.id},y.createElement(I,{ref:Be(k)||Go(k)?j:void 0,formField:p,state:e.state?.[p.id]}))}))),y.createElement("footer",{className:P("app-sdk-rounded-b-lg app-sdk-bg-[color:var(--asdk-dui-footer-background-color)] app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.footer??"")},y.createElement(Ns,{confirmFormField:d}))))}function Ns(e){let{confirmFormField:o}=e,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(o){let a=m(o.customForm);t=y.createElement(jo,null,y.createElement("button",{type:"submit",name:o.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm ",value:"true"},a?.confirmButtonText??"Confirm"),y.createElement("button",{type:"submit",name:o.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-decline-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-decline-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm",value:"false"},a?.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 Is(e){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)]"},e.title)),y.createElement("div",{className:"app-sdk-flex app-sdk-self-center"},e.headerComponent))}function Be(e){return e?.prototype?.isReactComponent!=null}function Fs(e){if(!(ae.isValidElementType(e)&&Be(e)))throw new Error("Expected Element to be a React Component")}function Go(e){return ae.isValidElementType(e)&&e.$$typeof===ae.ForwardRef&&!Be(e)}function Cs(e){if(!Go(e))throw new Error("Expected Element to be a functional Component wrapped with React.forwardRef")}function Ps(e){if(!(ae.isValidElementType(e)&&!Be(e)))throw new Error("Expected Element to be a functional Component")}function Ss(e,o){let t={};return e.forEach((a,s)=>{if(a 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.
21
21
 
22
- 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 Pa(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.
22
+ FormField: ${s} with ${a} `);return}t[s]?t[s]=Array.isArray(t[s])?[...t[s],a]:[t[s],a]:t[s]=a}),o.forEach((a,s)=>{if(typeof a.ref.current?.getState=="function"){let r=a.ref.current.getState();(typeof r=="boolean"||typeof r=="number"||typeof r=="string"||Array.isArray(r)||r==null||r?.toString()==="[object Object]")&&(t[s]=r)}}),t}function Ds(e,o,t){let a={};for(let r of e.keys()){let n=e.getAll(r);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.
23
23
 
24
- 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 Ya}from"@headlessui/react";import{getBusinessObject as qa}from"bpmn-js/lib/util/ModelUtil";import{isEqual as Qo}from"lodash";import Za from"next/dynamic";import I,{useCallback as Ge,useEffect as Je,useRef as Ka,useState as Q}from"react";import{createRoot as Qa}from"react-dom/client";import{BpmnType as X,FlowNodeInstanceState as Gt,ProcessInstanceState as Xe}from"@5minds/processcube_engine_sdk";import{Combobox as Sa,ComboboxInput as Da,ComboboxOption as Ta,ComboboxOptions as Ma,Dialog as Ea,DialogBackdrop as Ba,DialogPanel as Oa}from"@headlessui/react";import{UsersIcon as Ua}from"@heroicons/react/24/outline";import J,{useState as La}from"react";function Ct(o){let[e,t]=La(""),r=e===""?o.entries:o.entries.filter(a=>a.name.toLowerCase().includes(e.toLowerCase()));return J.createElement(Ea,{className:"app-sdk-relative app-sdk-z-50",open:o.isOpen,onClose:()=>{o.onClose(),t("")}},J.createElement(Ba,{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(Oa,{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(Sa,{onChange:a=>{a&&o.onConfirm(a)}},J.createElement(Da,{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(Ma,{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(Ta,{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(Ua,{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 Va from"react";function R({title:o,children:e,className:t,onClick:r}){return Va.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 _a from"react";function It({width:o,children:e}){return _a.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-C6ZNF7JX.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 Aa from"react";function Tt(){return Aa.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 za from"react";function oe({title:o,disabled:e,children:t,onClick:r}){return za.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 $a,DialogBackdrop as Ha,DialogPanel as ja,DialogTitle as Ga}from"@headlessui/react";import Ja from"@monaco-editor/react";import H,{useEffect as Wa,useState as Ra}from"react";function Lt(o){let[e,t]=Ra("");return Wa(()=>{t(JSON.stringify(o.flowNodeInstance?.startToken??o.processInstance.startToken??{},null,2))},[o.flowNodeInstance,o.processInstance]),H.createElement($a,{open:o.isOpen,onClose:o.onClose,className:"app-sdk-relative app-sdk-z-50"},H.createElement(Ha,{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(ja,{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(Ga,{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(Ja,{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-C6ZNF7JX.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-C6ZNF7JX.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 Xa}from"react";function jt(o){let[e,t]=Xa(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],es=[X.manualTask,X.userTask,X.untypedTask],Wt=[X.endEvent,X.intermediateThrowEvent,X.sendTask],os=[X.startEvent,X.intermediateCatchEvent,X.boundaryEvent,X.receiveTask],We={isOpen:!1,placeholder:"",entries:[],onConfirm:()=>{},onClose:()=>{}},ts={isOpen:!1},Re="asdk-buttons";function rs(o){let{processInstanceId:e}=o,[t,r]=Q(We),[a,s]=Q(ts),[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=Ka(null),Xt=Ge(async()=>{let c=await import("./actions-C6ZNF7JX.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=qa(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-C6ZNF7JX.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&&es.includes(c.type)&&b.state===Gt.suspended,Y=o.showRetryFlowNodeInstanceButton&&i&&Jt.includes(i.state),z=!1,x=[];if(o.showGoToFlowNodeButton&&os.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=Qa(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(Ya,{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 yc=Za(()=>Promise.resolve(rs),{ssr:!1});export{Qe as BPMNViewer,hs 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,_s as DiagramDocumentationInspectorNextJS,eo as DocumentationViewer,Gs as DropdownMenu,Js as DropdownMenuItem,Zs as DynamicLink,Wp 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,rs as ProcessInstanceInspector,yc 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};
24
+ FormField: ${r} with ${n} `);continue}if(n.length===1?a[r]=n[0]:a[r]=n,a[r]==""&&delete a[r],a[r]){let d=o.find(i=>i.id===r)?.type;if(d==="boolean"){a[r]=a[r]==="on";continue}if(d==="confirm"){a[r]=JSON.parse(a[r]);continue}if(d==="number"){a[r]=parseFloat(a[r]);continue}if(d==="long"){a[r]=parseInt(a[r]);continue}}}let s=o.filter(r=>r.type==="boolean");return s.length&&s.forEach(r=>{a[r.id]||(a[r.id]=!1)}),t.forEach((r,n)=>{if(typeof r.ref.current?.getValue=="function"){let d=r.ref.current.getValue();(typeof d=="boolean"||typeof d=="number"||typeof d=="string"||Array.isArray(d)||d==null||d?.toString()==="[object Object]")&&(a[n]=d)}}),a}import{Transition as Qs}from"@headlessui/react";import{getBusinessObject as er}from"bpmn-js/lib/util/ModelUtil";import{isEqual as et}from"lodash";import or from"next/dynamic";import S,{useCallback as Ge,useEffect as Je,useRef as tr,useState as Q}from"react";import{createRoot as ar}from"react-dom/client";import{BpmnType as R,FlowNodeInstanceState as Wt,ProcessInstanceState as Re}from"@5minds/processcube_engine_sdk";import{Combobox as Ts,ComboboxInput as Ms,ComboboxOption as Es,ComboboxOptions as Bs,Dialog as Os,DialogBackdrop as Us,DialogPanel as Ls}from"@headlessui/react";import{UsersIcon as Vs}from"@heroicons/react/24/outline";import J,{useState as _s}from"react";function Ct(e){let[o,t]=_s(""),a=o===""?e.entries:e.entries.filter(s=>s.name.toLowerCase().includes(o.toLowerCase()));return J.createElement(Os,{className:"app-sdk-relative app-sdk-z-50",open:e.isOpen,onClose:()=>{e.onClose(),t("")}},J.createElement(Us,{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(Ls,{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(Ts,{onChange:s=>{s&&e.onConfirm(s)}},J.createElement(Ms,{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:e.placeholder,onChange:s=>t(s.target.value),onBlur:()=>t("")}),a.length>0&&J.createElement(Bs,{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)]"},a.map(s=>J.createElement(Es,{key:s.id,value:s,className:({focus:r})=>P("app-sdk-cursor-default app-sdk-select-none app-sdk-rounded-md app-sdk-px-4 app-sdk-py-2",r&&"app-sdk-bg-[color:var(--asdk-cmdp-focus-color)] app-sdk-text-white")},s.name))),o!==""&&a.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(Vs,{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)]"},e.noResultsText||"No entries found using that search term."))))))}import zs from"react";function X({title:e,children:o,className:t,onClick:a}){return zs.createElement("button",{title:e,className:P(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:a},o)}import As from"react";function Pt({width:e,children:o}){return As.createElement("div",{className:"app-sdk-flex app-sdk-gap-1 app-sdk-justify-center app-sdk-flex-wrap",style:{width:`${e}px`}},o)}import Jo from"react";function St({isSender:e,onClick:o}){return Jo.createElement(X,{title:`Go to ${e?"Target":"Source"}`,onClick:o},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 Dt({onClick:e}){return Wo.createElement(X,{onClick:e,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 Xo from"react";function Tt({flowNodeId:e,flowNodeInstanceId:o,flowNodeType:t,processInstanceId:a,onPlay:s}){return Xo.createElement(X,{title:"Run Task",className:"asdk-pii-play-button",onClick:()=>{typeof s=="function"?new Promise(async(r,n)=>{try{await s({flowNodeId:e,processInstanceId:a,flowNodeInstanceId:o,taskType:t}),r(!0)}catch(d){n(d)}}):import("./actions-C6ZNF7JX.mjs").then(({finishTask:r})=>r(o,t))}},Xo.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"},Xo.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 $s from"react";function Mt(){return $s.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 Et from"react";function Bt({children:e}){return Et.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"},Et.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"},e))}import Ro from"react";import Hs from"react";function oe({title:e,disabled:o,children:t,onClick:a}){return Hs.createElement("button",{title:`${e??""}${o?" (disabled)":""}`,className:P("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",o?"app-sdk-cursor-not-allowed":"app-sdk-cursor-pointer hover:app-sdk-bg-app-sdk-gray-100/40"),onClick:a,disabled:o},t)}function Ot({onClick:e}){return Ro.createElement(oe,{title:"Refresh Process Instance Data",onClick:e},Ro.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"},Ro.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 Ut({onClick:e}){return Yo.createElement(X,{title:"Retry Process Here",onClick:e},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 Lt,Dialog as js,DialogBackdrop as Gs,DialogPanel as Js,DialogTitle as Ws}from"@headlessui/react";import Xs from"@monaco-editor/react";import H,{useEffect as Rs,useState as Ys}from"react";function Vt(e){let[o,t]=Ys("");return Rs(()=>{t(JSON.stringify(e.flowNodeInstance?.startToken??e.processInstance.startToken??{},null,2))},[e.flowNodeInstance,e.processInstance]),H.createElement(js,{open:e.isOpen,onClose:e.onClose,className:"app-sdk-relative app-sdk-z-50"},H.createElement(Gs,{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(Js,{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(Ws,{className:"app-sdk-font-bold"},"Retry Process Instance"),H.createElement(Lt,{className:"app-sdk-break-words"},"Are you sure you want to retry the Process Instance",e.flowNodeInstance&&` at this Flow Node (${e.flowNodeInstance.flowNodeId})`,"?"),H.createElement(Lt,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(Xs,{height:"7rem",defaultLanguage:"json",defaultValue:o,onChange:a=>t(a??""),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:e.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 a=JSON.parse(o);await(await import("./actions-C6ZNF7JX.mjs")).retryProcess(e.processInstance.processInstanceId,e.flowNodeInstance?.flowNodeInstanceId,a),e.onClose()}},"Retry"))))))}import qo from"react";function _t({disabled:e,onClick:o}){return qo.createElement(oe,{title:"Retry Process",disabled:e,onClick:o},qo.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":"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 zt({processInstanceId:e,disabled:o}){return Zo.createElement(oe,{title:"Terminate Process",disabled:o,onClick:()=>import("./actions-C6ZNF7JX.mjs").then(({terminateProcess:t})=>t(e))},Zo.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":"!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{ArrowsPointingInIcon as At,ArrowsPointingOutIcon as $t,XMarkIcon as qs}from"@heroicons/react/24/outline";import{Editor as Ht}from"@monaco-editor/react";import b,{useEffect as Ko,useMemo as jt,useState as Qo}from"react";function Gt(e){let[o,t]=Qo(),[a,s]=Qo(!0),[r,n]=Qo(null),d=l=>{n(r===l?null:l)};Ko(()=>(a&&e.flowNodeInstances.length>1&&s(!1),()=>{if(a)return;let l=new URLSearchParams(window.location.search);l.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${l.toString()}${window.location.hash}`)}),[a,e.flowNodeInstances]),Ko(()=>{if(e.flowNodeInstances.length<2){t(void 0);return}let u=new URLSearchParams(window.location.search).get("tokenInspectorFocus");u||t(e.flowNodeInstances[0]);let C=e.flowNodeInstances.find(V=>V.flowNodeId===u);C&&t(C)},[e.flowNodeInstances]),Ko(()=>{if(a)return;let l=new URLSearchParams(window.location.search);o?l.set("tokenInspectorFocus",o.flowNodeId):l.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${l.toString()}${window.location.hash}`)},[o,a]);let i=jt(()=>e.flowNodeInstances.length===1?JSON.stringify(e.flowNodeInstances[0].startToken,null,2):JSON.stringify(o?o.startToken:e.processInstance?.startToken??{},null,2),[o,e.flowNodeInstances,e.processInstance]),f=jt(()=>e.flowNodeInstances.length===1?JSON.stringify(e.flowNodeInstances[0].endToken,null,2):JSON.stringify(o?o.endToken:e.processInstance?.endToken??{},null,2),[o,e.flowNodeInstances,e.processInstance]);return b.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"},b.createElement("button",{onClick:()=>{e.close()},className:"app-sdk-text-white hover:app-sdk-text-gray-300",title:"Close Token Inspector"},b.createElement(qs,{className:"app-sdk-w-6 app-sdk-h-6"})),b.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-4"},e.flowNodeInstances.length===0?b.createElement("label",{className:"app-sdk-break-all"},"Process: ",e.processInstance.processModelId,e.processInstance.processModelName&&` (${e.processInstance.processModelName})`):e.flowNodeInstances.length===1?b.createElement("label",{className:"app-sdk-break-all"},"Flow Node: ",e.flowNodeInstances[0].flowNodeId,e.flowNodeInstances[0].flowNodeName&&` (${e.flowNodeInstances[0].flowNodeName})`):b.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1 app-sdk-w-full"},b.createElement("label",null,"Select Flow Node:"),b.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:l=>t(e.flowNodeInstances.find(u=>u.flowNodeId===l.target.value)),value:o?.flowNodeId??e.flowNodeInstances[0].flowNodeId},e.flowNodeInstances.map(l=>b.createElement("option",{key:`token-inspector-option-${l.flowNodeId}`,value:l.flowNodeId},`${l.flowNodeName?`${l.flowNodeName} (${l.flowNodeId})`:l.flowNodeId}`)))),b.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-3"},r&&b.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-black/30 app-sdk-backdrop-blur-md app-sdk-z-40"}),b.createElement("div",{className:`app-sdk-flex app-sdk-flex-col app-sdk-gap-1
25
+ ${r==="start"?"app-sdk-fixed app-sdk-top-1/2 app-sdk-left-1/2 app-sdk--translate-x-1/2 app-sdk--translate-y-1/2 app-sdk-w-4/5 app-sdk-h-[70vh] app-sdk-bg-white/10 app-sdk-backdrop-blur-xl app-sdk-rounded-xl app-sdk-shadow-2xl app-sdk-z-50 app-sdk-p-6":""}`},b.createElement("div",{className:"app-sdk-flex app-sdk-items-center app-sdk-justify-between"},b.createElement("label",{className:"app-sdk-text-white app-sdk-font-medium"},"Start Token"),b.createElement("button",{className:"app-sdk-text-white hover:app-sdk-text-gray-300 app-sdk-w-6 app-sdk-h-6",onClick:()=>d("start"),title:r==="start"?"Minimize":"Maximize"},r==="start"?b.createElement(At,{className:"app-sdk-w-6 app-sdk-h-6"}):b.createElement($t,{className:"app-sdk-w-6 app-sdk-h-6"}))),b.createElement(Ht,{height:r==="start"?"60vh":"7rem",defaultLanguage:"json",value:i,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})),b.createElement("div",{className:`app-sdk-flex app-sdk-flex-col app-sdk-gap-1
26
+ ${r==="end"?"app-sdk-fixed app-sdk-top-1/2 app-sdk-left-1/2 app-sdk--translate-x-1/2 app-sdk--translate-y-1/2 app-sdk-w-4/5 app-sdk-h-[70vh] app-sdk-bg-white/10 app-sdk-backdrop-blur-xl app-sdk-rounded-xl app-sdk-shadow-2xl app-sdk-z-50 app-sdk-p-6":""}`},b.createElement("div",{className:"app-sdk-flex app-sdk-items-center app-sdk-justify-between"},b.createElement("label",{className:"app-sdk-text-white app-sdk-font-medium"},"End Token"),b.createElement("button",{className:"app-sdk-text-white hover:app-sdk-text-gray-300 app-sdk-w-6 app-sdk-h-6",onClick:()=>d("end"),title:r==="end"?"Minimize":"Maximize"},r==="end"?b.createElement(At,{className:"app-sdk-w-6 app-sdk-h-6"}):b.createElement($t,{className:"app-sdk-w-6 app-sdk-h-6"}))),b.createElement(Ht,{height:r==="end"?"60vh":"7rem",defaultLanguage:"json",value:f,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})))))}import Oe,{useEffect as Zs,useState as Ks}from"react";function Jt(e){let[o,t]=Ks(e.isOpen??!1);return Zs(()=>{t(e.isOpen??!1)},[e.isOpen]),Oe.createElement(oe,{disabled:e.disabled,title:"View Process Tokens",onClick:()=>{o?e.close():e.open(),t(a=>!a)}},o?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 Xt=[Re.error,Re.terminated],sr=[R.manualTask,R.userTask,R.untypedTask],Rt=[R.endEvent,R.intermediateThrowEvent,R.sendTask],rr=[R.startEvent,R.intermediateCatchEvent,R.boundaryEvent,R.receiveTask],We={isOpen:!1,placeholder:"",entries:[],onConfirm:()=>{},onClose:()=>{}},nr={isOpen:!1},Xe="asdk-buttons";function dr(e){let{processInstanceId:o}=e,[t,a]=Q(We),[s,r]=Q(nr),[n,d]=Q(!1),[i,f]=Q(),[l,u]=Q([]),[C,V]=Q([]),[p,k]=Q(new Map),[I,j]=Q([]),[Yt,ot]=Q([]),g=tr(null),qt=Ge(async()=>{let c=await import("./actions-C6ZNF7JX.mjs"),h=c.getProcessInstance(o),_=c.getFlowNodeInstances(o),[w,B]=await Promise.all([h,_]),x=await c.getTriggeredFlowNodeInstances(B.map(N=>N.flowNodeInstanceId));f(w),u(B),V(x);let D=new URLSearchParams(window.location.search);D.get("tokenInspector")==="true"&&d(!0);let W=D.getAll("instance"),Y=B.filter(N=>W.includes(N.flowNodeInstanceId));Y.length!==W.length&&(D.delete("instance"),Y.forEach(N=>D.append("instance",N.flowNodeInstanceId)),window.history.replaceState({},"",`${window.location.pathname}?${D.toString()}`));let A=new Map;B.forEach(N=>{A.has(N.flowNodeId)||A.set(N.flowNodeId,N.flowNodeInstanceId)}),Y.forEach(N=>A.set(N.flowNodeId,N.flowNodeInstanceId)),k(A)},[o]),Zt=Ge(c=>{let h=er(c),_=l.some(B=>B.flowNodeId===h.targetRef.id),w=l.some(B=>B.flowNodeId===h.sourceRef.id&&B.state===Wt.finished);return _&&w},[l]),Ue=Ge(async()=>{let c=g.current?.bpmnViewerRef,h=c?.getOverlays();if(!c||!h)return;let _=await import("./actions-C6ZNF7JX.mjs"),w=_.getProcessInstance(o),B=_.getFlowNodeInstances(o),[x,D]=await Promise.all([w,B]),pe=await _.getTriggeredFlowNodeInstances(D.map(T=>T.flowNodeInstanceId));if(et(x,i)&&et(D,l)&&et(pe,C))return;x.state!==i?.state&&h.clear();for(let[T,Le]of p.entries()){let le=l.find(O=>O.flowNodeInstanceId===Le);if(!le)continue;let Ve=D.find(O=>O.flowNodeId===T);Ve?.flowNodeInstanceId===Le&&le.state===Ve.state||(c.removeMarker(T,`asdk-pii-flow-node-instance-state--${le.state}`),h.remove({element:T,type:Xe}))}f(x),u(D),V(pe);let W=new URLSearchParams(window.location.search),Y=W.getAll("instance"),A=D.filter(T=>Y.includes(T.flowNodeInstanceId));A.length!==Y.length&&(W.delete("instance"),A.forEach(T=>W.append("instance",T.flowNodeInstanceId)),window.history.replaceState({},"",`${window.location.pathname}?${W.toString()}`));let N=new Map;D.forEach(T=>{N.has(T.flowNodeId)||N.set(T.flowNodeId,T.flowNodeInstanceId)}),A.forEach(T=>N.set(T.flowNodeId,T.flowNodeInstanceId)),k(N)},[g.current,i,p,l,o]),Kt=Ge((c,h)=>{let _=g.current?.bpmnViewerRef,w=_?.getOverlays();if(!_||!w)return;let B=w.get({element:c.id,type:Xe});if(Array.isArray(B)&&B.length>0)return;let x=h.find(O=>O.flowNodeInstanceId===p.get(O.flowNodeId));if(!x)return;let D=e.showFlowNodeExecutionCount&&h.length>1,pe=e.showFlowNodeInstancesListButton&&h.length>1,W=e.showFinishTaskButton&&sr.includes(c.type)&&x.state===Wt.suspended,Y=e.showRetryFlowNodeInstanceButton&&i&&Xt.includes(i.state),A=!1,N=[];if(e.showGoToFlowNodeButton&&rr.includes(c.type)){let O=x.triggeredByFlowNodeInstance;A=O!==void 0,N=O?[O]:[]}else if(e.showGoToFlowNodeButton&&Rt.includes(c.type)){let O=C.filter(U=>U.triggeredByFlowNodeInstance?.flowNodeInstanceId===x.flowNodeInstanceId);A=O.length>0,N=O}if(!D&&!W&&!Y&&!A)return;let T=c.width<52,Le=w.add(c.id,Xe,{position:{bottom:-7,left:T?-c.width/2:0},html:"<div></div>"}),le=w.get(Le),Ve=ar(le.htmlContainer),Ye=h.indexOf(x)===0,qe=h.length-h.indexOf(x);Ve.render(S.createElement(Pt,{width:T?c.width*2:c.width},D&&S.createElement(X,{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&&S.createElement(Dt,{onClick:()=>{let O=h.map($=>({id:$.flowNodeInstanceId,name:`${$.startedAt?.toLocaleString("en-GB")} - ${$.flowNodeInstanceId} - ${$.state}${$.flowNodeInstanceId===x.flowNodeInstanceId?" (selected)":""}`,...$}));a({isOpen:!0,placeholder:"Select instance to display:",entries:O,onConfirm:async $=>{let Ze=h.find(Ke=>Ke.flowNodeInstanceId===$.flowNodeInstanceId);if(!Ze)return;_.removeMarker(x.flowNodeId,`asdk-pii-flow-node-instance-state--${x.state}`),w.remove({element:c.id,type:Xe});let _e=new URLSearchParams(window.location.search);_e.getAll("instance").includes(x.flowNodeInstanceId)&&_e.delete("instance",x.flowNodeInstanceId),h.indexOf(Ze)!==0&&_e.append("instance",Ze.flowNodeInstanceId),window.history.replaceState({},"",`${window.location.pathname}?${_e.toString()}${window.location.hash}`),k(Ke=>new Map(Ke).set(c.id,$.flowNodeInstanceId)),a(We)},onClose:()=>a(We)})}}),A&&S.createElement(St,{isSender:Rt.includes(c.type),onClick:()=>{if(N.length===1){let U=new URLSearchParams;U.append("selected",N[0].flowNodeId),U.append("instance",N[0].flowNodeInstanceId),window.location.href=`${N[0].processInstanceId}?${U.toString()}`;return}let O=N.map(U=>({id:U.flowNodeInstanceId,name:`${U.startedAt?.toLocaleString("en-GB")} - ${U.flowNodeId}${U.flowNodeName?` - ${U.flowNodeName}`:""}`,...U}));a({isOpen:!0,placeholder:"Select target to go to:",entries:O,onConfirm:U=>{let $=new URLSearchParams;$.append("selected",U.flowNodeId),$.append("instance",U.flowNodeInstanceId),window.location.href=`${U.processInstanceId}?${$.toString()}`},onClose:()=>a(We)})}}),W&&S.createElement(Tt,{flowNodeId:x.flowNodeId,flowNodeInstanceId:x.flowNodeInstanceId,flowNodeType:c.type,processInstanceId:x.processInstanceId,onPlay:e.onFinish}),Y&&S.createElement(Ut,{onClick:()=>{r({isOpen:!0,flowNodeInstance:x})}})))},[g.current,i,l,C,p]);if(Je(()=>{qt()},[o]),Je(()=>{if(i?.state===Re.finished){Ue();return}let c=setInterval(Ue,1e3);return()=>clearInterval(c)},[Ue,i?.state]),Je(()=>{if(I.length===0||l.length===0){ot([]);return}let c=l.filter(h=>{let _=I.includes(h.flowNodeId),w=p.get(h.flowNodeId)===h.flowNodeInstanceId;return _&&w});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}`)}ot(c)},[l,I,p]),Je(()=>{if(!i?.xml)return;let c=g.current?.bpmnViewerRef,h=c?.getElementRegistry();!c||!h||c.onImportDone(()=>{let _=new Set(l.map(w=>w.flowNodeId));h.forEach(w=>{if(w.type==="bpmn:SequenceFlow"){Zt(w)?c.addMarker(w.id,"asdk-pii-sequence-flow-finished"):c.hasMarker(w.id,"asdk-pii-sequence-flow-finished")&&c.removeMarker(w.id,"asdk-pii-sequence-flow-finished");return}if(!_.has(w.id))return;let B=l.filter(D=>D.flowNodeId===w.id),x=B.find(D=>D.flowNodeInstanceId===p.get(D.flowNodeId));x&&(c.hasMarker(w.id,"asdk-pii-flow-node-instance-state")||c.addMarker(w.id,"asdk-pii-flow-node-instance-state"),c.hasMarker(w.id,`asdk-pii-flow-node-instance-state--${x.state}`)||c.addMarker(w.id,`asdk-pii-flow-node-instance-state--${x.state}`),Kt(w,B))})})},[g.current,i,l,C,p]),!i?.xml)return e.loadingComponent?e.loadingComponent:S.createElement("div",{className:"app-sdk-absolute app-sdk-w-screen app-sdk-h-screen app-sdk-flex"},S.createElement("div",{className:"app-sdk-m-auto"},"Fetching diagram..."));let Qt=e.showProcessRefreshButton||e.showProcessRetryButton||e.showProcessTerminateButton||e.showTokenInspectorButton,ea=e.showTokenInspectorButton&&(e.showProcessRefreshButton||e.showProcessRetryButton||e.showProcessTerminateButton);return S.createElement("div",{className:"app-sdk-relative app-sdk-w-full app-sdk-h-full"},S.createElement(Ct,{...t}),(e.showRetryFlowNodeInstanceButton||e.showProcessRetryButton)&&S.createElement(Vt,{...s,processInstance:i,onClose:()=>r(c=>({...c,isOpen:!1}))}),Qt&&S.createElement(Bt,null,e.showProcessRefreshButton&&S.createElement(Ot,{onClick:Ue}),e.showProcessRetryButton&&S.createElement(_t,{onClick:()=>r({isOpen:!0}),disabled:!Xt.includes(i.state)}),e.showProcessTerminateButton&&S.createElement(zt,{processInstanceId:o,disabled:i.state!==Re.running}),ea&&S.createElement(Mt,null),e.showTokenInspectorButton&&S.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)}})),S.createElement(Qs,{show:n},S.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"},S.createElement(Gt,{processInstance:i,flowNodeInstances:Yt,close:()=>{let c=new URLSearchParams(window.location.search);c.delete("tokenInspector"),window.history.replaceState({},"",`${window.location.pathname}?${c.toString()}${window.location.hash}`),d(!1)}}))),S.createElement(to,{xml:i.xml,ref:g,setSelectedElementIds:j}))}var Fc=or(()=>Promise.resolve(dr),{ssr:!1});export{Qe as BPMNViewer,yr as BPMNViewerNextJS,fo as BooleanFormField,vt as BpmnViewerComponent,ho as CheckboxFormField,go as ColorFormField,wo as ConfirmFormField,vo as CustomFormField,yo as DateFormField,bo as DatetimeLocalFormField,xo as DecimalFormField,to as DiagramDocumentationInspector,Hr as DiagramDocumentationInspectorNextJS,eo as DocumentationViewer,Rr as DropdownMenu,Yr as DropdownMenuItem,on as DynamicLink,qp as DynamicUi,It as DynamicUiComponent,No as EmailFormField,Io as EnumFormField,Fo as FileFormField,ko as FlowNode,bt as FormFieldComponentMap,Co as HeaderFormField,Po as HiddenFormField,So as IntegerFormField,Do as MonthFormField,Bo as ParagraphFormField,Oo as PasswordFormField,dr as ProcessInstanceInspector,Fc as ProcessInstanceInspectorNextJS,Uo as RadioFormField,Lo as RangeFormField,Vo as SelectFormField,ze as SplitterLayout,_o as StringFormField,zo as TelFormField,Se as TextareaFormField,Ao as TimeFormField,$o as UrlFormField,Ho as WeekFormField};