@5minds/processcube_app_sdk 6.2.0-feature-2cf3fc-maf1o23t → 6.2.0

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 (13) hide show
  1. package/build/client/actions-C6ZNF7JX.mjs +1 -0
  2. package/build/client/components/DropdownMenu.d.ts +2 -2
  3. package/build/client/components/DynamicUi/DynamicUi.d.ts +1 -1
  4. package/build/client/components/ProcessInstanceInspector/ProcessInstanceInspector.d.ts +1 -1
  5. package/build/client/components/SplitterLayout.d.ts +1 -1
  6. package/build/client/index.cjs +9 -9
  7. package/build/client/index.mjs +10 -10
  8. package/build/common/index.cjs +1 -1
  9. package/build/common/index.mjs +1 -1
  10. package/build/server/index.cjs +1 -1
  11. package/build/server/index.mjs +49 -3
  12. package/package.json +30 -30
  13. package/build/client/actions-3JRWY3XI.mjs +0 -1
package/build/client/index.mjs CHANGED
@@ -1,26 +1,26 @@
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 br=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(`
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 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 jr=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 Yr(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 qr(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.
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
- ${o??""}`.trimEnd()),it.add(e))}function tn({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,createElement as ws,useRef as xt}from"react";import*as ae from"react-is";import vs from"semver/functions/gt";import ys from"semver/functions/prerelease";import bs from"semver/functions/satisfies";import{mapUserTask as xs}from"../common/index.mjs";import{DataModels as gs}from"@5minds/processcube_engine_sdk";import re,{forwardRef as Ra}from"react";function m(e){if(e!=null&&e.trim()!=="")try{return JSON.parse(e)}catch{return null}return null}var fo=Ra(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&&!Xa(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 Xa(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||{}),mp={...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 Ns=bs(y.version,">=19.0.0 <20",{includePrerelease:!0}),Ft=ys(y.version)==null,Nt=!Ft&&vs(y.version,"19.0.0")&&y.version.includes("canary"),It=class extends y.Component{};function qp(e){Ns||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(null),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}"!
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={...bt,...e.customFieldComponents?e.customFieldComponents:{}},f=p=>{let k=Ts(p,t,r);e.onSubmit(k,p,xs(e.task))};function l(p){let k=p.target;a.current!=null&&window.clearTimeout(a.current),a.current=window.setTimeout(()=>{if(a.current=null,s.current==null)return;let I=new FormData(s.current),j=Ds(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(Fs,{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.
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
14
  DynamicUiFormFieldComponent: ${k.toString()}
15
15
 
16
- Rendering 'null' as fallback`),null;let I;Be(k)?(Cs(k),I=k):Go(k)?(Ps(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()?
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: ${k.name} ${k.displayName??""}`),Ss(k),I=k);let j=r.get(p.id)?.ref;return y.createElement(jo,{key:p.id},ws(k,{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(Is,{confirmFormField:d}))))}function Is(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 Fs(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 Cs(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 Ps(e){if(!Go(e))throw new Error("Expected Element to be a functional Component wrapped with React.forwardRef")}function Ss(e){if(!(ae.isValidElementType(e)&&!Be(e)))throw new Error("Expected Element to be a functional Component")}function Ds(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.
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: ${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 Ts(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.
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: ${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 er}from"@headlessui/react";import{getBusinessObject as or}from"bpmn-js/lib/util/ModelUtil";import{isEqual as et}from"lodash";import tr from"next/dynamic";import S,{useCallback as Ge,useEffect as Je,useRef as ar,useState as Q}from"react";import{createRoot as sr}from"react-dom/client";import{BpmnType as X,FlowNodeInstanceState as Wt,ProcessInstanceState as Xe}from"@5minds/processcube_engine_sdk";import{Combobox as Ms,ComboboxInput as Es,ComboboxOption as Bs,ComboboxOptions as Os,Dialog as Us,DialogBackdrop as Ls,DialogPanel as Vs}from"@headlessui/react";import{UsersIcon as _s}from"@heroicons/react/24/outline";import J,{useState as zs}from"react";function Ct(e){let[o,t]=zs(""),a=o===""?e.entries:e.entries.filter(s=>s.name.toLowerCase().includes(o.toLowerCase()));return J.createElement(Us,{className:"app-sdk-relative app-sdk-z-50",open:e.isOpen,onClose:()=>{e.onClose(),t("")}},J.createElement(Ls,{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(Vs,{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(Ms,{onChange:s=>{s&&e.onConfirm(s)}},J.createElement(Es,{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(Os,{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(Bs,{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(_s,{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 As from"react";function R({title:e,children:o,className:t,onClick:a}){return As.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 $s from"react";function Pt({width:e,children:o}){return $s.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(R,{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(R,{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 Ro from"react";function Tt({flowNodeId:e,flowNodeInstanceId:o,flowNodeType:t,processInstanceId:a,onPlay:s}){return Ro.createElement(R,{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-3JRWY3XI.mjs").then(({finishTask:r})=>r(o,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 Hs from"react";function Mt(){return Hs.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 Xo from"react";import js from"react";function oe({title:e,disabled:o,children:t,onClick:a}){return js.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 Xo.createElement(oe,{title:"Refresh Process Instance Data",onClick:e},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:"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 Yo from"react";function Ut({onClick:e}){return Yo.createElement(R,{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 Gs,DialogBackdrop as Js,DialogPanel as Ws,DialogTitle as Rs}from"@headlessui/react";import Xs from"@monaco-editor/react";import H,{useEffect as Ys,useState as qs}from"react";function Vt(e){let[o,t]=qs("");return Ys(()=>{t(JSON.stringify(e.flowNodeInstance?.startToken??e.processInstance.startToken??{},null,2))},[e.flowNodeInstance,e.processInstance]),H.createElement(Gs,{open:e.isOpen,onClose:e.onClose,className:"app-sdk-relative app-sdk-z-50"},H.createElement(Js,{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(Ws,{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(Rs,{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-3JRWY3XI.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:"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 Zo from"react";function zt({processInstanceId:e,disabled:o}){return Zo.createElement(oe,{title:"Terminate Process",disabled:o,onClick:()=>import("./actions-3JRWY3XI.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 Zs}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(Zs,{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
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:"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 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:"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 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
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 Ks,useState as Qs}from"react";function Jt(e){let[o,t]=Qs(e.isOpen??!1);return Ks(()=>{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 Rt=[Xe.error,Xe.terminated],rr=[X.manualTask,X.userTask,X.untypedTask],Xt=[X.endEvent,X.intermediateThrowEvent,X.sendTask],nr=[X.startEvent,X.intermediateCatchEvent,X.boundaryEvent,X.receiveTask],We={isOpen:!1,placeholder:"",entries:[],onConfirm:()=>{},onClose:()=>{}},dr={isOpen:!1},Re="asdk-buttons";function ir(e){let{processInstanceId:o}=e,[t,a]=Q(We),[s,r]=Q(dr),[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=ar(null),qt=Ge(async()=>{let c=await import("./actions-3JRWY3XI.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=or(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-3JRWY3XI.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:Re}))}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:Re});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&&rr.includes(c.type)&&x.state===Wt.suspended,Y=e.showRetryFlowNodeInstanceButton&&i&&Rt.includes(i.state),A=!1,N=[];if(e.showGoToFlowNodeButton&&nr.includes(c.type)){let O=x.triggeredByFlowNodeInstance;A=O!==void 0,N=O?[O]:[]}else if(e.showGoToFlowNodeButton&&Xt.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,Re,{position:{bottom:-7,left:T?-c.width/2:0},html:"<div></div>"}),le=w.get(Le),Ve=sr(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(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&&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:Re});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:Xt.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===Xe.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:!Rt.includes(i.state)}),e.showProcessTerminateButton&&S.createElement(zt,{processInstanceId:o,disabled:i.state!==Xe.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(er,{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=tr(()=>Promise.resolve(ir),{ssr:!1});export{Qe as BPMNViewer,br 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,jr as DiagramDocumentationInspectorNextJS,eo as DocumentationViewer,Yr as DropdownMenu,qr as DropdownMenuItem,tn 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,ir 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};
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};