@5minds/processcube_app_sdk 7.0.0-alpha.2 → 7.0.0-alpha.4

package/build/client/index.cjs

@@ -1,26 +1,26 @@
-"use client";var pa=Object.create;var eo=Object.defineProperty;var la=Object.getOwnPropertyDescriptor;var ca=Object.getOwnPropertyNames;var ma=Object.getPrototypeOf,ua=Object.prototype.hasOwnProperty;var ee=(e,o)=>()=>(e&&(o=e(e=0)),o);var It=(e,o)=>{for(var t in o)eo(e,t,{get:o[t],enumerable:!0})},Nt=(e,o,t,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of ca(o))!ua.call(e,a)&&a!==t&&eo(e,a,{get:()=>o[a],enumerable:!(s=la(o,a))||s.enumerable});return e};var d=(e,o,t)=>(t=e!=null?pa(ma(e)):{},Nt(o||!e||!e.__esModule?eo(t,"default",{value:e,enumerable:!0}):t,e)),ka=e=>Nt(eo({},"__esModule",{value:!0}),e);async function zo(){let e=await(0,wt.getToken)({req:{cookies:await(0,ge.cookies)(),headers:await(0,ge.headers)()}});if(e?.expiresAt&&Date.now()>=e.expiresAt*1e3){let t=await fetch(`${process.env.NEXTAUTH_URL}/api/auth/session`,{method:"GET",headers:{"Content-Type":"application/json",cookie:(await(0,ge.cookies)()).toString()}}),s=new ws.ResponseCookies(t.headers);if(s.getAll().length){let a=!1;try{for(let r of s.getAll())(await(0,ge.cookies)()).set(r.name,r.value,{...r})}catch{a=!0}if(e=await(0,wt.getToken)({req:{cookies:a?s:await(0,ge.cookies)(),headers:await(0,ge.headers)()}}),e?.error)throw e.error}}if(!e?.accessToken||!e?.sub)throw new Error("AccessToken or Sub could not be determined!");return{token:e?.accessToken,userId:e?.sub}}var wt,ws,ge,yt=ee(()=>{wt=require("next-auth/jwt"),ws=require("next/dist/compiled/@edge-runtime/cookies"),ge=require("next/headers")});var ys,Wa,Z,qe=ee(()=>{ys=require("@5minds/processcube_engine_client"),Wa=process.env.PROCESSCUBE_ENGINE_URL??"http://localhost:10560",Z=new ys.EngineClient(Wa)});async function Xe(){try{return zo()}catch{return}}async function bs(e){let o=await Xe();return(await Z.processInstances.query({processInstanceId:e},{identity:o})).processInstances[0]}async function xs(e,o={sortSettings:{sortBy:vs.DataModels.FlowNodeInstances.FlowNodeInstanceSortableColumns.createdAt,sortDir:"ASC"}}){return(await Z.flowNodeInstances.query({processInstanceId:e},{...o,identity:o.identity??await Xe()})).flowNodeInstances}async function Is(e){let o=await Xe();return(await Z.flowNodeInstances.query({triggeredByFlowNodeInstance:e},{identity:o})).flowNodeInstances}async function Ns(e,o,t){let s=await Xe();await Z.processInstances.retryProcessInstance(e,{flowNodeInstanceId:o,newStartToken:t,identity:s})}async function Fs(e){let o=await Xe();await Z.processInstances.terminateProcessInstance(e,o)}var vs,Cs=ee(()=>{vs=require("@5minds/processcube_engine_client");yt();qe()});var qa,Ps=ee(()=>{qa=require("next/navigation")});var Ss=ee(()=>{});async function Ds(...e){await Z.manualTasks.finishManualTask(...e)}var Ts=ee(()=>{qe()});async function Ms(...e){await Z.userTasks.finishUserTask(...e)}var Es=ee(()=>{qe()});async function Bs(...e){await Z.untypedTasks.finishTask(...e)}var Us=ee(()=>{qe()});var Os=ee(()=>{Ps();Ss();Ts();Es();Us()});var Ve={};It(Ve,{finishTask:()=>Ya,getFlowNodeInstances:()=>er,getProcessInstance:()=>Qa,getTriggeredFlowNodeInstances:()=>or,retryProcess:()=>Ka,terminateProcess:()=>Za});async function Xa(){try{return zo()}catch{return}}var Ls,Ya,Za,Ka,Qa,er,or,_e=ee(()=>{"use server";Ls=require("@5minds/processcube_engine_client");Cs();yt();Os();Ya=async(e,o)=>{let t=await Xa();o==="bpmn:UserTask"?await Ms(e,{},t):o==="bpmn:ManualTask"?await Ds(e,t):o==="bpmn:Task"?await Bs(e,t):console.error(`[@5minds/processcube_app_sdk:handlePlay]		Unsupported flow node type: ${o}`)},Za=async e=>{await Fs(e)},Ka=async(e,o,t)=>{await Ns(e,o,t)},Qa=async e=>bs(e),er=async e=>xs(e,{sortSettings:{sortBy:Ls.DataModels.FlowNodeInstances.FlowNodeInstanceSortableColumns.createdAt,sortDir:"DESC"}}),or=async e=>Is(e)});var nr={};It(nr,{BPMNViewer:()=>oo,BPMNViewerNextJS:()=>wa,BooleanFormField:()=>io,BpmnViewerComponent:()=>mt,CheckboxFormField:()=>po,ColorFormField:()=>lo,ConfirmFormField:()=>mo,CustomFormField:()=>uo,DateFormField:()=>ko,DatetimeLocalFormField:()=>fo,DecimalFormField:()=>go,DiagramDocumentationInspector:()=>ao,DiagramDocumentationInspectorNextJS:()=>Fa,DocumentationViewer:()=>to,DropdownMenu:()=>Ca,DropdownMenuItem:()=>Pa,DynamicLink:()=>Sa,DynamicUi:()=>Aa,DynamicUiComponent:()=>ht,EmailFormField:()=>wo,EnumFormField:()=>yo,FileFormField:()=>vo,FlowNode:()=>ro,FormFieldComponentMap:()=>ft,HeaderFormField:()=>bo,HiddenFormField:()=>xo,IntegerFormField:()=>Io,MonthFormField:()=>No,ParagraphFormField:()=>So,PasswordFormField:()=>Do,ProcessInstanceInspector:()=>ta,ProcessInstanceInspectorNextJS:()=>rr,RadioFormField:()=>To,RangeFormField:()=>Mo,SelectFormField:()=>Eo,SplitterLayout:()=>$e,StringFormField:()=>Bo,TelFormField:()=>Uo,TextareaFormField:()=>Ee,TimeFormField:()=>Oo,UrlFormField:()=>Lo,WeekFormField:()=>Vo});module.exports=ka(nr);var _p=require("client-only");var Ft=d(require("bpmn-js/lib/Viewer"),1),Ct=d(require("bpmn-js/lib/features/outline"),1),Pt=d(require("clsx"),1),St=d(require("diagram-js/lib/features/selection"),1),Dt=d(require("diagram-js/lib/navigation/movecanvas"),1),Tt=d(require("diagram-js/lib/navigation/zoomscroll"),1),Mt=d(require("next/dynamic"),1),de=require("react"),Qo=d(require("react"),1),fa={canvas:{autoFocus:!0}};function ha(e,o){let t=(0,de.useRef)(null),s=(0,de.useRef)(new Ft.default({bpmnRenderer:{defaultFillColor:"var(--asdk-bv-background-color)",defaultStrokeColor:"var(--asdk-bv-foreground-color)"},additionalModules:[Tt.default,Dt.default,St.default,Ct.default],...fa}));return(0,de.useImperativeHandle)(o,()=>({getOverlays(){return s.current.get("overlays")},getElementRegistry(){return s.current.get("elementRegistry")},addMarker(a,r){s.current.get("canvas")?.addMarker(a,r)},removeMarker(a,r){s.current.get("canvas")?.removeMarker(a,r)},hasMarker(a,r){return s.current.get("canvas")?.hasMarker(a,r)}}),[s.current,t.current]),(0,de.useEffect)(()=>{if(!t.current)return;let a=s.current;a.attachTo(t.current);let r=a.get("canvas"),n=i=>{e.onSelectionChanged?.(i.newSelection)};return a.importXML(e.xml).then(()=>{let i=r.viewbox(),p={x:i.outer.width/2,y:i.outer.height/2};r.zoom("fit-viewport",p),e.onImportDone?.(),a.on("selection.changed",n);let{preselectedElementIds:g}=e;if(!g||g.length===0)return;let f=a.get("elementRegistry").filter(D=>g.includes(D.id)).sort((D,j)=>g.indexOf(D.id)-g.indexOf(j.id));a.get("selection").select(f??[])}).catch(i=>{console.error(`[@5minds/processcube_app_sdk:BPMNViewer]		Error while importing BPMN XML: "${i.message}`)}),()=>{a.off("selection.changed",n),a.detach()}},[e.xml,e.preselectedElementIds]),Qo.default.createElement("div",{ref:t,className:(0,Pt.default)("app-sdk-bpmn-viewer","app-sdk-h-full",e.className)})}var oo=(0,de.forwardRef)(ha);function ga(e){return Qo.default.createElement(oo,{...e,ref:e.viewerRef})}var wa=(0,Mt.default)(()=>Promise.resolve(ga),{ssr:!1});var so=require("bpmn-js/lib/util/ModelUtil"),_t=d(require("next/dynamic"),1),B=d(require("react"),1),H=require("react"),Ne=require("react-dom/server");var et=d(require("react"),1),Et=d(require("react-markdown"),1),Bt=d(require("rehype-autolink-headings"),1),Ut=d(require("rehype-raw"),1),Ot=d(require("rehype-slug"),1),Lt=d(require("remark-gfm"),1);function to(e){return et.default.createElement("div",{className:"app-sdk-absolute app-sdk-w-full app-sdk-h-full app-sdk-overflow-y-auto app-sdk-scroll-p-4 app-sdk-scroll-smooth app-sdk-scroll-shadow"},et.default.createElement(Et.default,{remarkPlugins:[Lt.default],rehypePlugins:[Ut.default,Ot.default,[Bt.default,{behavior:"wrap"}]],className:"app-sdk-markdown lg:app-sdk-mx-40 md:app-sdk-mx-20 app-sdk-mx-10"},e.documentation??""))}var ie=d(require("react"),1),Vt=4,$e=class extends ie.default.Component{static defaultProps={customClassName:"",vertical:!1,percentage:!1,primaryIndex:0,primaryMinSize:0,secondaryDefaultSize:null,secondaryInitialSize:null,secondaryMinSize:0,onDragStart:null,onDragEnd:null,onSizeChanged:null,children:[]};container;splitter;constructor(o){super(o),this.handleResize=this.handleResize.bind(this),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.handleTouchMove=this.handleTouchMove.bind(this),this.handleSplitterMouseDown=this.handleSplitterMouseDown.bind(this),this.handleSplitterDoubleClick=this.handleSplitterDoubleClick.bind(this),this.state={lastMouseDown:0,secondaryPaneSize:o.secondaryInitialSize||0,resizing:!1}}componentDidMount(){window.addEventListener("resize",this.handleResize),document.addEventListener("mouseup",this.handleMouseUp),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("touchend",this.handleMouseUp),document.addEventListener("touchmove",this.handleTouchMove);let o;if(this.props.secondaryInitialSize!=null)o=this.props.secondaryInitialSize;else{let t=this.container.getBoundingClientRect(),s;this.splitter?s=this.splitter.getBoundingClientRect():s={width:Vt,height:Vt},o=this.getSecondaryPaneSize(t,s,{left:t.left+(t.width-s.width)/2,top:t.top+(t.height-s.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,s,a){let r=0,n=0,i=0;this.props.vertical?(r=o.height,n=t.height,i=s.top-o.top):(r=o.width,n=t.width,i=s.left-o.left),a&&(i-=n/2),i<0?i=0:i>r-n&&(i=r-n);let p;this.props.primaryIndex===1?p=i:p=r-n-i;let g=r-n-p;return this.props.percentage&&(p=p*100/r,g=g*100/r,n=n*100/r,r=100),g<this.props.primaryMinSize?p=Math.max(p-(this.props.primaryMinSize-g),0):p<this.props.secondaryMinSize&&(p=Math.min(r-n-this.props.primaryMinSize,this.props.secondaryMinSize)),p}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(),s=this.getSecondaryPaneSize(o,t,{left:t.left,top:t.top},!1);this.setState({secondaryPaneSize:s})}}handleMouseMove(o){if(this.state.resizing){let t=this.container.getBoundingClientRect(),s=this.splitter.getBoundingClientRect(),a=this.getSecondaryPaneSize(t,s,{left:o.clientX,top:o.clientY},!0);this.clearSelection(),this.setState({secondaryPaneSize:a})}}handleTouchMove(o){this.handleMouseMove(o.changedTouches[0])}handleSplitterMouseDown(o){o.preventDefault(),this.clearSelection(),this.setState({resizing:!0})}handleSplitterDoubleClick(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.state.secondaryPaneSize===o?this.setSecondaryPaneSize(Math.floor(o*1.5)):this.setSecondaryPaneSize(o)}handleMouseUp(){this.setState(o=>o.resizing?{resizing:!1}:null)}render(){let o="app-sdk-splitter-layout";this.props.customClassName&&(o+=` ${this.props.customClassName}`),this.props.vertical&&(o+=" app-sdk-splitter-layout-vertical"),this.state.resizing&&(o+=" layout-changing");let t=ie.default.Children.toArray(this.props.children).slice(0,2);t.length===0&&t.push(ie.default.createElement("div",null));let s=[],a=this.props.primaryIndex!==0&&this.props.primaryIndex!==1?0:this.props.primaryIndex;for(let r=0;r<t.length;++r){let n=!0,i;t.length>1&&r!==a&&(n=!1,i=this.state.secondaryPaneSize),s.push(ie.default.createElement(ya,{vertical:this.props.vertical,percentage:this.props.percentage,primary:n,size:i},t[r]))}return ie.default.createElement("div",{className:o,ref:r=>{this.container=r}},s[0],s.length>1&&ie.default.createElement("div",{role:"separator",className:"app-sdk-layout-splitter"},ie.default.createElement("div",{className:"app-sdk-layout-splitter__inner",ref:r=>{this.splitter=r},onMouseDown:this.handleSplitterMouseDown,onTouchStart:this.handleSplitterMouseDown,onDoubleClick:this.handleSplitterDoubleClick})),s.length>1&&s[1])}};function ya(e={vertical:!1,primary:!1,size:0,percentage:!1,children:[]}){let o=e.size||0,t=e.percentage?"%":"px",s="app-sdk-layout-pane",a={};return e.primary?s+=" app-sdk-layout-pane-primary":e.vertical?a.height=`${o}${t}`:a.width=`${o}${t}`,ie.default.createElement("div",{className:s,style:a},e.children)}var He=30;function va(e,o){let[t,s]=(0,H.useState)([]),a=(0,H.useRef)(null),r=(0,H.useRef)(null),[n,i]=(0,H.useState)([]),[p,g]=(0,H.useState)(!1),[c,f]=(0,H.useState)([]),[D,j]=(0,H.useState)(He);return(0,H.useEffect)(()=>{if(!window)return;let l=new URLSearchParams(window.location.search),k=l.getAll("selected");if(f(k),!l.has("splitterSize"))return;let P=parseFloat(l.get("splitterSize"));isNaN(P)||P===He||(j(P),r.current?.setSecondaryPaneSize(P))},[]),(0,H.useEffect)(()=>{if(!p)return;let l=new URLSearchParams(window.location.search);D!==He?l.set("splitterSize",D.toString()):l.delete("splitterSize"),l.delete("selected"),n.length>0&&n.forEach(Y=>l.append("selected",Y.id));let k=decodeURIComponent(window.location.hash.slice(1)),P=k.length>0?document.getElementById(k):null;window.history.replaceState(null,"",`?${l.toString()}${P?window.location.hash:""}`),window.location.hash&&(window.location.hash=window.location.hash),P?.scrollIntoView()},[n,D]),(0,H.useEffect)(()=>{if(!p)return;t.forEach(Y=>Y());let l=a.current?.getOverlays();a.current?.getElementRegistry()?.filter(At)?.forEach(Y=>{l?.add(Y.id,Ia(Y))})},[p]),(0,H.useEffect)(()=>{e.setSelectedElementIds?.(n.map(l=>l.id))},[n]),(0,H.useImperativeHandle)(o,()=>({bpmnViewerRef:{getElementRegistry(){return a.current?.getElementRegistry()},getOverlays(){return a.current?.getOverlays()},addMarker(l,k){a.current?.addMarker(l,k)},removeMarker(l,k){a.current?.removeMarker(l,k)},hasMarker(l,k){return a.current?.hasMarker(l,k)},onImportDone(l){p?l():s(k=>[...k,l])}}}),[a.current]),B.default.createElement($e,{ref:r,vertical:!0,percentage:!0,secondaryInitialSize:He,secondaryDefaultSize:He,onDragEnd:(l,k)=>j(Math.round(k))},B.default.createElement(oo,{ref:a,xml:e.xml,preselectedElementIds:c,onSelectionChanged:l=>i([...l]),onImportDone:()=>g(!0)}),B.default.createElement("div",{className:"app-sdk-flex app-sdk-justify-center app-sdk-h-full app-sdk-bg-[color:var(--asdk-ddi-background-color)]"},B.default.createElement(ba,{elements:n})))}function ba({elements:e}){if(e.length===0)return B.default.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"Please select an element");let o=e.filter(At);if(o.length===0)return B.default.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"No documentation available");if(o.length===1){let t=(0,so.getBusinessObject)(o[0])?.documentation?.[0]?.text;return B.default.createElement(to,{documentation:t})}return B.default.createElement(to,{documentation:o.map(t=>(0,so.getBusinessObject)(t)?.documentation?.[0]?.text).join(`
+"use client";var br=Object.create;var mo=Object.defineProperty;var xr=Object.getOwnPropertyDescriptor;var Ir=Object.getOwnPropertyNames;var Nr=Object.getPrototypeOf,Cr=Object.prototype.hasOwnProperty;var de=(e,o)=>()=>(e&&(o=e(e=0)),o);var Ut=(e,o)=>{for(var t in o)mo(e,t,{get:o[t],enumerable:!0})},Vt=(e,o,t,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of Ir(o))!Cr.call(e,r)&&r!==t&&mo(e,r,{get:()=>o[r],enumerable:!(s=xr(o,r))||s.enumerable});return e};var l=(e,o,t)=>(t=e!=null?br(Nr(e)):{},Vt(o||!e||!e.__esModule?mo(t,"default",{value:e,enumerable:!0}):t,e)),Fr=e=>Vt(mo({},"__esModule",{value:!0}),e);async function Yo(){let e=await(0,Mt.getToken)({req:{cookies:await(0,Ce.cookies)(),headers:await(0,Ce.headers)()}});if(e?.expiresAt&&Date.now()>=e.expiresAt*1e3){let t=await fetch(`${process.env.NEXTAUTH_URL}/api/auth/session`,{method:"GET",headers:{"Content-Type":"application/json",cookie:(await(0,Ce.cookies)()).toString()}}),s=new Ms.ResponseCookies(t.headers);if(s.getAll().length){let r=!1;try{for(let a of s.getAll())(await(0,Ce.cookies)()).set(a.name,a.value,{...a})}catch{r=!0}if(e=await(0,Mt.getToken)({req:{cookies:r?s:await(0,Ce.cookies)(),headers:await(0,Ce.headers)()}}),e?.error)throw e.error}}if(!e?.accessToken||!e?.sub)throw new Error("AccessToken or Sub could not be determined!");return{token:e?.accessToken,userId:e?.sub}}var Mt,Ms,Ce,Bt=de(()=>{Mt=require("next-auth/jwt"),Ms=require("next/dist/compiled/@edge-runtime/cookies"),Ce=require("next/headers")});var Bs,na,se,no=de(()=>{Bs=require("@5minds/processcube_engine_client"),na=process.env.PROCESSCUBE_ENGINE_URL??"http://localhost:10560",se=new Bs.EngineClient(na)});async function io(){try{return Yo()}catch{return}}async function Ls(e){let o=await io();return(await se.processInstances.query({processInstanceId:e},{identity:o,includeXml:!0})).processInstances[0]}async function Us(e,o={sortSettings:{sortBy:Os.DataModels.FlowNodeInstances.FlowNodeInstanceSortableColumns.createdAt,sortDir:"ASC"}}){return(await se.flowNodeInstances.query({processInstanceId:e},{...o,identity:o.identity??await io()})).flowNodeInstances}async function Vs(e){let o=await io();return(await se.flowNodeInstances.query({triggeredByFlowNodeInstance:e},{identity:o})).flowNodeInstances}async function _s(e,o,t){let s=await io();await se.processInstances.retryProcessInstance(e,{flowNodeInstanceId:o,newStartToken:t,identity:s})}async function As(e){let o=await io();await se.processInstances.terminateProcessInstance(e,o)}var Os,$s=de(()=>{Os=require("@5minds/processcube_engine_client");Bt();no()});var ia,Hs=de(()=>{ia=require("next/navigation")});var zs=de(()=>{});async function Rs(...e){await se.manualTasks.finishManualTask(...e)}var js=de(()=>{no()});async function Gs(...e){await se.userTasks.finishUserTask(...e)}var Js=de(()=>{no()});async function Ws(...e){await se.untypedTasks.finishTask(...e)}var qs=de(()=>{no()});var Xs=de(()=>{Hs();zs();js();Js();qs()});var qe={};Ut(qe,{finishTask:()=>pa,getFlowNodeInstances:()=>ua,getProcessInstance:()=>ma,getTriggeredFlowNodeInstances:()=>fa,retryProcess:()=>ca,terminateProcess:()=>la});async function da(){try{return Yo()}catch{return}}var Ys,pa,la,ca,ma,ua,fa,Xe=de(()=>{"use server";Ys=require("@5minds/processcube_engine_client");$s();Bt();Xs();pa=async(e,o)=>{let t=await da();o==="bpmn:UserTask"?await Gs(e,{},t):o==="bpmn:ManualTask"?await Rs(e,t):o==="bpmn:Task"?await Ws(e,t):console.error(`[@5minds/processcube_app_sdk:handlePlay]		Unsupported flow node type: ${o}`)},la=async e=>{await As(e)},ca=async(e,o,t)=>{await _s(e,o,t)},ma=async e=>Ls(e),ua=async e=>Us(e,{sortSettings:{sortBy:Ys.DataModels.FlowNodeInstances.FlowNodeInstanceSortableColumns.createdAt,sortDir:"DESC"}}),fa=async e=>Vs(e)});var ba={};Ut(ba,{BPMNViewer:()=>uo,BPMNViewerNextJS:()=>Er,BooleanFormField:()=>wo,BpmnViewerComponent:()=>Ft,CheckboxFormField:()=>yo,ColorFormField:()=>vo,ConfirmFormField:()=>xo,CustomFormField:()=>Io,DateFormField:()=>No,DatetimeLocalFormField:()=>Co,DecimalFormField:()=>Po,DiagramDocumentationInspector:()=>Le,DiagramDocumentationInspectorNextJS:()=>_r,DocumentationViewer:()=>fo,DropdownMenu:()=>Ar,DropdownMenuItem:()=>$r,DynamicLink:()=>Hr,DynamicUi:()=>Zr,DynamicUiComponent:()=>Tt,EmailFormField:()=>So,EnumFormField:()=>Do,FileFormField:()=>To,FlowNode:()=>ho,FormFieldComponentMap:()=>Dt,HeaderFormField:()=>Eo,HiddenFormField:()=>Mo,IntegerFormField:()=>Bo,MonthFormField:()=>Oo,ParagraphFormField:()=>_o,PasswordFormField:()=>Ao,ProcessInstanceInspector:()=>fr,ProcessInstanceInspectorNextJS:()=>wa,ProcessModelInspectorNextJS:()=>va,RadioFormField:()=>$o,RangeFormField:()=>Ho,SelectFormField:()=>zo,SplitterLayout:()=>Qe,StringFormField:()=>Ro,TelFormField:()=>jo,TextareaFormField:()=>Re,TimeFormField:()=>Go,UrlFormField:()=>Jo,WeekFormField:()=>Wo});module.exports=Fr(ba);var wl=require("client-only");var _t=l(require("bpmn-js/lib/Viewer"),1),At=l(require("bpmn-js/lib/features/outline"),1),$t=l(require("clsx"),1),Ht=l(require("diagram-js/lib/features/selection"),1),zt=l(require("diagram-js/lib/navigation/movecanvas"),1),Rt=l(require("diagram-js/lib/navigation/zoomscroll"),1),jt=l(require("next/dynamic"),1),te=l(require("react"),1);var Pr={canvas:{autoFocus:!0}},Sr={Critical:"rgb(255, 0, 0)",Warning:"rgb(255, 220, 0)",Stable:"rgb(50, 205, 50)"};function Dr(e,o){let t=(0,te.useRef)(null),s=(0,te.useRef)(new _t.default({bpmnRenderer:{defaultFillColor:"var(--asdk-bv-background-color)",defaultStrokeColor:"var(--asdk-bv-foreground-color)"},additionalModules:[Rt.default,zt.default,Ht.default,At.default],...Pr})),r=(0,te.useRef)({});return(0,te.useImperativeHandle)(o,()=>({getOverlays(){return s.current.get("overlays")},getElementRegistry(){return s.current.get("elementRegistry")},addMarker(a,n){s.current.get("canvas")?.addMarker(a,n)},removeMarker(a,n){s.current.get("canvas")?.removeMarker(a,n)},hasMarker(a,n){return s.current.get("canvas")?.hasMarker(a,n)},showHeatmap(a){let n=s.current.get("elementRegistry");if(n)for(let[i,d]of Object.entries(a)){let u=n.get(i);if(!u)continue;let p=n.getGraphics(u);if(!p)continue;let m=p.querySelector(".djs-visual > :first-child"),k=p.querySelector(".djs-visual > :nth-child(2)");if(!m)continue;let w=p.ownerSVGElement;if(!w)return;let h=`heatmap-gradient-${i}`,c=w.querySelector(`#${h}`);c&&c.remove();let v=w.querySelector("defs")||(()=>{let x=document.createElementNS("http://www.w3.org/2000/svg","defs");return w.insertBefore(x,w.firstChild),x})(),E=document.createElementNS("http://www.w3.org/2000/svg","radialGradient");E.setAttribute("id",h),E.setAttribute("cx","50%"),E.setAttribute("cy","50%"),E.setAttribute("r","90%"),E.setAttribute("fx","50%"),E.setAttribute("fy","50%");let z=Sr[d];[{offset:"0%",color:z},{offset:"50%",color:z},{offset:"100%",color:z}].forEach(({offset:x,color:ye})=>{let ne=document.createElementNS("http://www.w3.org/2000/svg","stop");ne.setAttribute("offset",x),ne.setAttribute("stop-color",ye),E.appendChild(ne)}),v.appendChild(E),m.classList.forEach(x=>{x.startsWith("heatmap-")&&m.classList.remove(x)}),k&&(k.style.fill="#1d1d1d"),m.classList.add(`heatmap-${d.toLowerCase()}`),m.style.fill=`url(#${h})`}},clearHeatmap(a){let n=s.current.get("elementRegistry");if(n)for(let i of a){let d=n.get(i);if(!d)continue;let u=n.getGraphics(d);if(!u)continue;let p=u.querySelector(".djs-visual > :first-child"),m=u.querySelector(".djs-visual > :nth-child(2)");if(p){if(p.classList.forEach(c=>{c.startsWith("heatmap-")&&p.classList.remove(c)}),m&&p){let c=p.style.stroke;m.style.fill=c}p.style.fill=r.current[i]||""}let k=u.ownerSVGElement;if(!k)continue;let w=`heatmap-gradient-${d.id}`,h=k.querySelector(`#${w}`);h&&h.remove()}}}),[s.current,t.current]),(0,te.useEffect)(()=>{if(!t.current)return;let a=s.current;a.attachTo(t.current);let n=a.get("canvas"),i=d=>{e.onSelectionChanged?.(d.newSelection)};return a.importXML(e.xml).then(()=>{let d=n.viewbox(),u={x:d.outer.width/2,y:d.outer.height/2};n.zoom("fit-viewport",u),e.onImportDone?.(),a.on("selection.changed",i);let p=a.get("elementRegistry");p.forEach(w=>{let h=p.getGraphics(w);if(!h)return;let c=h.querySelector(".djs-visual > :first-child");c&&(r.current[w.id]=c.style.fill||c.getAttribute("fill")||"")});let{preselectedElementIds:m}=e;if(!m||m.length===0)return;let k=p.filter(w=>m.includes(w.id)).sort((w,h)=>m.indexOf(w.id)-m.indexOf(h.id));a.get("selection").select(k??[])}).catch(d=>{console.error(`[@5minds/processcube_app_sdk:BPMNViewer]		Error while importing BPMN XML: "${d.message}`)}),()=>{a.off("selection.changed",i),a.detach()}},[e.xml,e.preselectedElementIds]),te.default.createElement("div",{ref:t,className:(0,$t.default)("app-sdk-bpmn-viewer","app-sdk-h-full",e.className)})}var uo=(0,te.forwardRef)(Dr);function Tr(e){return te.default.createElement(uo,{...e,ref:e.viewerRef})}var Er=(0,jt.default)(()=>Promise.resolve(Tr),{ssr:!1});var ko=require("bpmn-js/lib/util/ModelUtil"),Kt=l(require("next/dynamic"),1),Zt=require("react"),F=l(require("react"),1),Oe=require("react-dom/server");var ft=l(require("react"),1),Gt=l(require("react-markdown"),1),Jt=l(require("rehype-autolink-headings"),1),Wt=l(require("rehype-raw"),1),qt=l(require("rehype-slug"),1),Xt=l(require("remark-gfm"),1);function fo(e){return ft.default.createElement("div",{className:"app-sdk-absolute app-sdk-w-full app-sdk-h-full app-sdk-overflow-y-auto app-sdk-scroll-p-4 app-sdk-scroll-smooth app-sdk-scroll-shadow"},ft.default.createElement(Gt.default,{remarkPlugins:[Xt.default],rehypePlugins:[Wt.default,qt.default,[Jt.default,{behavior:"wrap"}]],className:"app-sdk-markdown lg:app-sdk-mx-40 md:app-sdk-mx-20 app-sdk-mx-10"},e.documentation??""))}var ke=l(require("react"),1),Yt=4,Qe=class extends ke.default.Component{static defaultProps={customClassName:"",vertical:!1,percentage:!1,primaryIndex:0,primaryMinSize:0,secondaryDefaultSize:null,secondaryInitialSize:null,secondaryMinSize:0,onDragStart:null,onDragEnd:null,onSizeChanged:null,children:[]};container;splitter;constructor(o){super(o),this.handleResize=this.handleResize.bind(this),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.handleTouchMove=this.handleTouchMove.bind(this),this.handleSplitterMouseDown=this.handleSplitterMouseDown.bind(this),this.handleSplitterDoubleClick=this.handleSplitterDoubleClick.bind(this),this.state={lastMouseDown:0,secondaryPaneSize:o.secondaryInitialSize||0,resizing:!1}}componentDidMount(){window.addEventListener("resize",this.handleResize),document.addEventListener("mouseup",this.handleMouseUp),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("touchend",this.handleMouseUp),document.addEventListener("touchmove",this.handleTouchMove);let o;if(this.props.secondaryInitialSize!=null)o=this.props.secondaryInitialSize;else{let t=this.container.getBoundingClientRect(),s;this.splitter?s=this.splitter.getBoundingClientRect():s={width:Yt,height:Yt},o=this.getSecondaryPaneSize(t,s,{left:t.left+(t.width-s.width)/2,top:t.top+(t.height-s.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,s,r){let a=0,n=0,i=0;this.props.vertical?(a=o.height,n=t.height,i=s.top-o.top):(a=o.width,n=t.width,i=s.left-o.left),r&&(i-=n/2),i<0?i=0:i>a-n&&(i=a-n);let d;this.props.primaryIndex===1?d=i:d=a-n-i;let u=a-n-d;return this.props.percentage&&(d=d*100/a,u=u*100/a,n=n*100/a,a=100),u<this.props.primaryMinSize?d=Math.max(d-(this.props.primaryMinSize-u),0):d<this.props.secondaryMinSize&&(d=Math.min(a-n-this.props.primaryMinSize,this.props.secondaryMinSize)),d}setSecondaryPaneSize(o){this.setState({secondaryPaneSize:o})}maximizeSecondaryPane(){if(this.props.percentage)this.setSecondaryPaneSize(100-this.props.primaryMinSize);else throw new Error("maximizeSecondaryPane() is only supported in SplitterLayout with prop `percentage`")}isReset(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;return this.state.secondaryPaneSize===o}reset(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.setSecondaryPaneSize(o)}handleResize(){if(this.splitter&&!this.props.percentage){let o=this.container.getBoundingClientRect(),t=this.splitter.getBoundingClientRect(),s=this.getSecondaryPaneSize(o,t,{left:t.left,top:t.top},!1);this.setState({secondaryPaneSize:s})}}handleMouseMove(o){if(this.state.resizing){let t=this.container.getBoundingClientRect(),s=this.splitter.getBoundingClientRect(),r=this.getSecondaryPaneSize(t,s,{left:o.clientX,top:o.clientY},!0);this.clearSelection(),this.setState({secondaryPaneSize:r})}}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=ke.default.Children.toArray(this.props.children).slice(0,2);t.length===0&&t.push(ke.default.createElement("div",null));let s=[],r=this.props.primaryIndex!==0&&this.props.primaryIndex!==1?0:this.props.primaryIndex;for(let a=0;a<t.length;++a){let n=!0,i;t.length>1&&a!==r&&(n=!1,i=this.state.secondaryPaneSize),s.push(ke.default.createElement(Mr,{vertical:this.props.vertical,percentage:this.props.percentage,primary:n,size:i},t[a]))}return ke.default.createElement("div",{className:o,ref:a=>{this.container=a}},s[0],s.length>1&&ke.default.createElement("div",{role:"separator",className:"app-sdk-layout-splitter"},ke.default.createElement("div",{className:"app-sdk-layout-splitter__inner",ref:a=>{this.splitter=a},onMouseDown:this.handleSplitterMouseDown,onTouchStart:this.handleSplitterMouseDown,onDoubleClick:this.handleSplitterDoubleClick})),s.length>1&&s[1])}};function Mr(e={vertical:!1,primary:!1,size:0,percentage:!1,children:[]}){let o=e.size||0,t=e.percentage?"%":"px",s="app-sdk-layout-pane",r={};return e.primary?s+=" app-sdk-layout-pane-primary":e.vertical?r.height=`${o}${t}`:r.width=`${o}${t}`,ke.default.createElement("div",{className:s,style:r},e.children)}var eo=30;function Br(e,o){let[t,s]=(0,F.useState)([]),r=(0,F.useRef)(null),a=(0,F.useRef)(null),[n,i]=(0,F.useState)([]),[d,u]=(0,F.useState)(!1),[p,m]=(0,F.useState)([]),[k,w]=(0,F.useState)(eo),h=(0,F.useRef)(!0);return(0,F.useEffect)(()=>{if(!window)return;let c=new URLSearchParams(window.location.search),v=c.getAll("selected");if(m(v),!c.has("splitterSize"))return;let E=parseFloat(c.get("splitterSize"));isNaN(E)||E===eo||(w(E),a.current?.setSecondaryPaneSize(E))},[]),(0,F.useEffect)(()=>{if(!d)return;let c=new URLSearchParams(window.location.search);k!==eo?c.set("splitterSize",k.toString()):c.delete("splitterSize"),c.delete("selected"),n.length>0&&n.forEach(z=>c.append("selected",z.id));let v=decodeURIComponent(window.location.hash.slice(1)),E=v.length>0?document.getElementById(v):null;window.history.replaceState(null,"",`?${c.toString()}${E?window.location.hash:""}`),window.location.hash&&(window.location.hash=window.location.hash),E?.scrollIntoView()},[n,k]),(0,F.useEffect)(()=>{if(!d)return;t.forEach(z=>z());let c=r.current?.getOverlays();r.current?.getElementRegistry()?.filter(Qt)?.forEach(z=>{c?.add(z.id,Ur(z))})},[d,e.showHeatmap,e.heatmapService,e.heatmapType]),(0,F.useEffect)(()=>{if(!e.heatmapService||!r.current||!d||!e.heatmapType)return;let c=e.showHeatmap===!0,v;h.current?(v=e.heatmapService.hasRuntimeEntry()?"runtime":"processcosts",h.current=!1):v=e.heatmapType,e.heatmapService.applyHeatmap(c,v,{viewer:r.current})},[d,e.showHeatmap,e.heatmapService,e.heatmapType]),(0,F.useEffect)(()=>{e.setSelectedElementIds?.(n.map(c=>c.id))},[n]),(0,F.useImperativeHandle)(o,()=>({bpmnViewerRef:{getElementRegistry(){return r.current?.getElementRegistry()},getOverlays(){return r.current?.getOverlays()},addMarker(c,v){r.current?.addMarker(c,v)},removeMarker(c,v){r.current?.removeMarker(c,v)},hasMarker(c,v){return r.current?.hasMarker(c,v)},showHeatmap(c){r.current?.showHeatmap(c)},clearHeatmap(c){r.current?.clearHeatmap(c)},onImportDone(c){d?c():s(v=>[...v,c])}}}),[r.current]),F.default.createElement(Qe,{ref:a,vertical:!0,percentage:!0,secondaryInitialSize:eo,secondaryDefaultSize:eo,onDragEnd:(c,v)=>w(Math.round(v))},F.default.createElement(uo,{ref:r,xml:e.xml,preselectedElementIds:p,onSelectionChanged:c=>i([...c]),onImportDone:()=>u(!0)}),F.default.createElement("div",{className:"app-sdk-flex app-sdk-justify-center app-sdk-h-full app-sdk-bg-[color:var(--asdk-ddi-background-color)]"},F.default.createElement(Or,{elements:n})))}function Or({elements:e}){if(e.length===0)return F.default.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"Please select an element");let o=e.filter(Qt);if(o.length===0)return F.default.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"No documentation available");if(o.length===1){let t=(0,ko.getBusinessObject)(o[0])?.documentation?.[0]?.text;return F.default.createElement(fo,{documentation:t})}return F.default.createElement(fo,{documentation:o.map(t=>(0,ko.getBusinessObject)(t)?.documentation?.[0]?.text).join(`
 
 <hr />
 
-`)})}var je=({showBackground:e})=>B.default.createElement("div",{title:"This element has documentation"},B.default.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"},B.default.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"}))),xa=["bpmn:DataInputAssociation","bpmn:DataOutputAssociation","bpmn:SequenceFlow","label"],Ge={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 Ia(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:Ge.DEFAULT,html:(0,Ne.renderToString)(B.default.createElement(je,null))}:e.type==="bpmn:Participant"?{position:Ge.PARTICIPANT,html:(0,Ne.renderToString)(B.default.createElement(je,null))}:e.type.endsWith("Gateway")?{position:Ge.GATEWAY,html:(0,Ne.renderToString)(B.default.createElement(je,{showBackground:!0}))}:e.type==="bpmn:TextAnnotation"?{position:Ge.ANNOTATION,html:(0,Ne.renderToString)(B.default.createElement(je,{showBackground:!0}))}:{position:Ge.OTHER,html:(0,Ne.renderToString)(B.default.createElement(je,{showBackground:!0}))}}function At(e){if(xa.includes(e.type))return!1;let t=(0,so.getBusinessObject)(e)?.documentation?.[0]?.text;return t!=null&&t.trim()!==""}var ao=(0,B.forwardRef)(va);function Na(e){return B.default.createElement(ao,{...e,ref:e.viewerRef})}var Fa=(0,_t.default)(()=>Promise.resolve(Na),{ssr:!1});var ve=require("@headlessui/react"),J=d(require("react"),1);function T(...e){return e.filter(Boolean).join(" ")}function Ca(e){return J.default.createElement(ve.Menu,{as:"div",className:"app-sdk-default-styles app-sdk-relative app-sdk-inline-block app-sdk-text-left"},J.default.createElement("div",null,J.default.createElement(ve.Menu.Button,{className:"app-sdk-cursor-pointer app-sdk-bg-transparent app-sdk-p-0 app-sdk-text-[100%] app-sdk-flex app-sdk-items-center app-sdk-rounded-full app-sdk-text-[color:var(--asdk-ddm-icon-text-color)] hover:app-sdk-text-[color:var(--asdk-ddm-icon-text-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-ddm-focus-color)]  "},J.default.createElement("span",{className:"app-sdk-sr-only"},"Open options"),e.collapsedIcon||J.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",className:"app-sdk-h-5 app-sdk-w-5"},J.default.createElement("path",{d:"M6 10a2 2 0 11-4 0 2 2 0 014 0zM12 10a2 2 0 11-4 0 2 2 0 014 0zM16 12a2 2 0 100-4 2 2 0 000 4z"})))),J.default.createElement(ve.Transition,{as:J.Fragment,enter:"app-sdk-transition app-sdk-ease-out app-sdk-duration-100",enterFrom:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95",enterTo:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leave:"app-sdk-transition app-sdk-ease-in app-sdk-duration-75",leaveFrom:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leaveTo:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95"},J.default.createElement(ve.Menu.Items,{className:"app-sdk-absolute app-sdk-right-0 app-sdk-z-10 app-sdk-mt-2 app-sdk-w-56 app-sdk-origin-top-right app-sdk-rounded-md app-sdk-bg-[color:var(--asdk-ddm-background-color)] app-sdk-shadow-lg app-sdk-ring-1 app-sdk-ring-black app-sdk-ring-opacity-5 focus:app-sdk-outline-none"},J.default.createElement("div",{className:"app-sdk-py-1"},e.children))))}function Pa(e){return J.default.createElement(ve.Menu.Item,null,({active:o})=>J.default.createElement("button",{type:"button",onClick:()=>e.onClick(),className:T(o?"app-sdk-bg-[color:var(--asdk-ddm-entry-background-hover-color)]":"app-sdk-bg-transparent","app-sdk-cursor-pointer app-sdk-p-0 app-sdk-text-[100%] app-sdk-block app-sdk-w-full app-sdk-px-4 app-sdk-py-2 app-sdk-text-left app-sdk-text-sm",e.isDanger?"app-sdk-text-[color:var(--asdk-ddm-danger-entry-text-color)]":"app-sdk-text-[color:var(--asdk-ddm-default-entry-text-color)]",e.className??"")},e.title))}var $t=require("next/navigation"),Ht=d(require("react"),1);var zt=new Set;function S(e,o){zt.has(e)||(console.warn(`[@5minds/processcube_app_sdk]		Warning: The component "${e}" is deprecated.
+`)})}var oo=({showBackground:e})=>F.default.createElement("div",{title:"This element has documentation"},F.default.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"},F.default.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"}))),Lr=["bpmn:DataInputAssociation","bpmn:DataOutputAssociation","bpmn:SequenceFlow","label"],to={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 Ur(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:to.DEFAULT,html:(0,Oe.renderToString)(F.default.createElement(oo,null))}:e.type==="bpmn:Participant"?{position:to.PARTICIPANT,html:(0,Oe.renderToString)(F.default.createElement(oo,null))}:e.type.endsWith("Gateway")?{position:to.GATEWAY,html:(0,Oe.renderToString)(F.default.createElement(oo,{showBackground:!0}))}:e.type==="bpmn:TextAnnotation"?{position:to.ANNOTATION,html:(0,Oe.renderToString)(F.default.createElement(oo,{showBackground:!0}))}:{position:to.OTHER,html:(0,Oe.renderToString)(F.default.createElement(oo,{showBackground:!0}))}}function Qt(e){if(Lr.includes(e.type))return!1;let t=(0,ko.getBusinessObject)(e)?.documentation?.[0]?.text;return t!=null&&t.trim()!==""}var Le=(0,Zt.forwardRef)(Br);function Vr(e){return F.default.createElement(Le,{...e,ref:e.viewerRef})}var _r=(0,Kt.default)(()=>Promise.resolve(Vr),{ssr:!1});var De=require("@headlessui/react"),K=l(require("react"),1);function _(...e){return e.filter(Boolean).join(" ")}function Ar(e){return K.default.createElement(De.Menu,{as:"div",className:"app-sdk-default-styles app-sdk-relative app-sdk-inline-block app-sdk-text-left"},K.default.createElement("div",null,K.default.createElement(De.Menu.Button,{className:"app-sdk-cursor-pointer app-sdk-bg-transparent app-sdk-p-0 app-sdk-text-[100%] app-sdk-flex app-sdk-items-center app-sdk-rounded-full app-sdk-text-[color:var(--asdk-ddm-icon-text-color)] hover:app-sdk-text-[color:var(--asdk-ddm-icon-text-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-ddm-focus-color)]  "},K.default.createElement("span",{className:"app-sdk-sr-only"},"Open options"),e.collapsedIcon||K.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",className:"app-sdk-h-5 app-sdk-w-5"},K.default.createElement("path",{d:"M6 10a2 2 0 11-4 0 2 2 0 014 0zM12 10a2 2 0 11-4 0 2 2 0 014 0zM16 12a2 2 0 100-4 2 2 0 000 4z"})))),K.default.createElement(De.Transition,{as:K.Fragment,enter:"app-sdk-transition app-sdk-ease-out app-sdk-duration-100",enterFrom:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95",enterTo:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leave:"app-sdk-transition app-sdk-ease-in app-sdk-duration-75",leaveFrom:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leaveTo:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95"},K.default.createElement(De.Menu.Items,{className:"app-sdk-absolute app-sdk-right-0 app-sdk-z-10 app-sdk-mt-2 app-sdk-w-56 app-sdk-origin-top-right app-sdk-rounded-md app-sdk-bg-[color:var(--asdk-ddm-background-color)] app-sdk-shadow-lg app-sdk-ring-1 app-sdk-ring-black app-sdk-ring-opacity-5 focus:app-sdk-outline-none"},K.default.createElement("div",{className:"app-sdk-py-1"},e.children))))}function $r(e){return K.default.createElement(De.Menu.Item,null,({active:o})=>K.default.createElement("button",{type:"button",onClick:()=>e.onClick(),className:_(o?"app-sdk-bg-[color:var(--asdk-ddm-entry-background-hover-color)]":"app-sdk-bg-transparent","app-sdk-cursor-pointer app-sdk-p-0 app-sdk-text-[100%] app-sdk-block app-sdk-w-full app-sdk-px-4 app-sdk-py-2 app-sdk-text-left app-sdk-text-sm",e.isDanger?"app-sdk-text-[color:var(--asdk-ddm-danger-entry-text-color)]":"app-sdk-text-[color:var(--asdk-ddm-default-entry-text-color)]",e.className??"")},e.title))}var os=require("next/navigation"),ts=l(require("react"),1);var es=new Set;function V(e,o){es.has(e)||(console.warn(`[@5minds/processcube_app_sdk]		Warning: The component "${e}" is deprecated.
 
-${o??""}`.trimEnd()),zt.add(e))}function Sa({href:e,children:o}){S("DynamicLink","Please use the NextJS Link component instead.");let t=(0,$t.useRouter)();return Ht.default.createElement("a",{href:e,onClick:s=>{s.preventDefault(),t.replace(e),t.refresh()}},o)}var Zt=d(require("bpmn-js/lib/Viewer"),1),Kt=d(require("bpmn-js/lib/features/outline"),1),Qt=d(require("diagram-js/lib/navigation/movecanvas"),1),es=d(require("diagram-js/lib/navigation/zoomscroll"),1),no=d(require("react"),1);var qt=d(require("react"),1),Xt=require("react-dom/client"),Yt=require("uuid");var C=require("@heroui/react"),Wt=d(require("@monaco-editor/react"),1),b=d(require("react"),1);var be=d(require("react"),1);var jt=d(require("react"),1);function ot(e){S("ExecutionCount");let o={width:30};return e.count<=1?null:jt.default.createElement("div",{style:o,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--execution-count"},e.count)}var U=d(require("react"),1);function tt(e){return S("GotoButton"),U.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},U.default.createElement("div",{className:"action-icon"},U.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},U.default.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),U.default.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),U.default.createElement("g",{id:"SVGRepo_iconCarrier"}," ",U.default.createElement("title",null,"open-external")," ",U.default.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",U.default.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",U.default.createElement("path",{d:"M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z",id:"Combined-Shape"}," ")," ")," ")," "))),U.default.createElement("div",{className:"action-icon-hovered"},U.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},U.default.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),U.default.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),U.default.createElement("g",{id:"SVGRepo_iconCarrier"}," ",U.default.createElement("title",null,"goto process")," ",U.default.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",U.default.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",U.default.createElement("path",{d:"M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z",id:"Combined-Shape"}," ")," ")," ")," "))))}var oe=d(require("react"),1);function st(e){return S("PlayButton"),oe.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},oe.default.createElement("div",{className:"action-icon"},oe.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"none",xmlns:"http://www.w3.org/2000/svg"},oe.default.createElement("g",{id:"Media / Play",color:"white"},oe.default.createElement("path",{id:"Vector",d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))),oe.default.createElement("div",{className:"action-icon-hovered"},oe.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"white",xmlns:"http://www.w3.org/2000/svg"},oe.default.createElement("g",{id:"Media / Play",color:"white"},oe.default.createElement("path",{id:"Vector",d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))))}var me=d(require("react"),1);function at(e){return S("RetryButton"),me.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},me.default.createElement("div",{className:"action-icon"},me.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},me.default.createElement("path",{fill:"#FFFFFF",d:"M10.7667,0.493645 C9.11991,-0.113331 7.31921,-0.161915 5.64208,0.355379 C4.48206,0.713177 3.42569,1.32796 2.54743,2.14597 L1.70711,1.30564 C1.07714,0.675676 0,1.12184 0,2.01275 L0,6.00002 L3.98727,6.00002 C4.87818,6.00002 5.32434,4.92288 4.69438,4.29291 L3.96284,3.56137 C4.61101,2.97184 5.38443,2.52782 6.23156,2.26653 C7.4894,1.87856 8.83993,1.915 10.075,2.37023 C11.3101,2.82547 12.3612,3.67423 13.0664,4.78573 C13.7716,5.89723 14.0916,7.20978 13.9773,8.52112 C13.863,9.83246 13.3206,11.0698 12.4337,12.0425 C11.5469,13.0152 10.3647,13.6693 9.06949,13.9039 C7.77425,14.1385 6.43779,13.9407 5.26607,13.3409 C4.09434,12.7412 3.15236,11.7727 2.5853,10.5848 C2.34738,10.0864 1.75046,9.8752 1.25205,10.1131 C0.753645,10.351 0.542478,10.948 0.7804,11.4464 C1.53649,13.0302 2.79245,14.3215 4.35475,15.1213 C5.91706,15.921 7.699,16.1847 9.42598,15.8719 C11.153,15.559 12.7291,14.687 13.9116,13.39 C15.0941,12.0931 15.8173,10.4433 15.9698,8.69483 C16.1222,6.94637 15.6954,5.1963 14.7552,3.7143 C13.815,2.2323 12.4135,1.10062 10.7667,0.493645 Z"}))),me.default.createElement("div",{className:"action-icon-hovered"},me.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},me.default.createElement("path",{fill:"#FFFFFF",d:"M10.7667,0.493645 C9.11991,-0.113331 7.31921,-0.161915 5.64208,0.355379 C4.48206,0.713177 3.42569,1.32796 2.54743,2.14597 L1.70711,1.30564 C1.07714,0.675676 0,1.12184 0,2.01275 L0,6.00002 L3.98727,6.00002 C4.87818,6.00002 5.32434,4.92288 4.69438,4.29291 L3.96284,3.56137 C4.61101,2.97184 5.38443,2.52782 6.23156,2.26653 C7.4894,1.87856 8.83993,1.915 10.075,2.37023 C11.3101,2.82547 12.3612,3.67423 13.0664,4.78573 C13.7716,5.89723 14.0916,7.20978 13.9773,8.52112 C13.863,9.83246 13.3206,11.0698 12.4337,12.0425 C11.5469,13.0152 10.3647,13.6693 9.06949,13.9039 C7.77425,14.1385 6.43779,13.9407 5.26607,13.3409 C4.09434,12.7412 3.15236,11.7727 2.5853,10.5848 C2.34738,10.0864 1.75046,9.8752 1.25205,10.1131 C0.753645,10.351 0.542478,10.948 0.7804,11.4464 C1.53649,13.0302 2.79245,14.3215 4.35475,15.1213 C5.91706,15.921 7.699,16.1847 9.42598,15.8719 C11.153,15.559 12.7291,14.687 13.9116,13.39 C15.0941,12.0931 15.8173,10.4433 15.9698,8.69483 C16.1222,6.94637 15.6954,5.1963 14.7552,3.7143 C13.815,2.2323 12.4135,1.10062 10.7667,0.493645 Z"}))))}function rt(e){S("FlowNodeButtonArea");let o={marginTop:"7px"},t=e.flowNode,s=!!e.onRetryClick,a=!t.IsGateway&&t.ProcessInstanceState!=="running"&&t.ProcessInstanceState!=="finished"&&s,r=!!e.onGotoClick,n=(t.IsCallActivity||(t.IsEventReceiver||t.IsEventSender)&&t.LinkedProcessInstanceId)&&r,i=!!e.onPlayClick,p=(t.IsUserTask||t.IsManualTask)&&t.State==="suspended"&&i;return be.default.createElement("div",{className:"flownode-overlay",style:o},be.default.createElement("div",{className:"bpmn-element-overlay__below"},a&&be.default.createElement(at,{onClick:e.onRetryClick,flowNode:e.flowNode}),be.default.createElement(ot,{count:e.flowNode.ExecutionCount}),n&&be.default.createElement(tt,{onClick:e.onGotoClick}),p&&be.default.createElement(st,{onClick:e.onPlayClick})))}var nt=d(require("react"),1);function dt(e){S("FlowNodeColorArea");let o={width:e.width,height:e.height},t="",s={width:e.width,height:e.height};return e.flowNode.IsGateway?(s.height*=.7,s.width*=.7,t="bpmn-element-overlay-backdrop--gateway"):e.flowNode.IsEvent&&(t="bpmn-element-overlay-backdrop--rounded"),nt.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay-backdrop cursor-pointer",style:o},nt.default.createElement("div",{className:`flow-node-${e.flowNode.State}-state-overlay ${t}`,style:s}))}var it=require("@heroui/react"),pt=d(require("@monaco-editor/react"),1),$=d(require("react"),1),Gt=require("react-dom/client"),Jt=d(require("react-markdown"),1),Rt=d(require("remark-gfm"),1);function lt(e){S("FlowNodeInfoComponent");function o(t){setTimeout(()=>{t.getAction("editor.action.formatDocument").run(),t.updateOptions({readOnly:!0})},300)}return(0,$.useEffect)(()=>{let t=$.default.createElement(Jt.default,{remarkPlugins:[Rt.default]},e.flowNode.Documentation),s=document.getElementById("markdown-container");if(s){let a=s.attachShadow({mode:"open"});(0,Gt.createRoot)(a).render(t)}},[]),$.default.createElement($.default.Fragment,null,$.default.createElement(it.Divider,{className:"my-2"}),$.default.createElement("div",{className:"flex-row"},$.default.createElement("div",{className:"token-area"},$.default.createElement("p",null,"Start Token:"),$.default.createElement(pt.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onMount:o,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}}),$.default.createElement(it.Divider,{className:"my-2"}),$.default.createElement("p",null,"End Token:"),$.default.createElement(pt.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentEndToken,null,2),onMount:o,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),$.default.createElement("div",{className:"documentation-area"},$.default.createElement("p",null,"Dokumentation:"),$.default.createElement("div",{id:"markdown-container"}))))}function ct(e){S("FlowNodeOverlay");let o=(0,C.useDisclosure)(),t=(0,C.useDisclosure)(),[s,a]=(0,b.useState)(JSON.stringify(e.flowNode.CurrentStartToken));function r(i){setTimeout(()=>{i.getAction("editor.action.formatDocument").run()},300)}let n={width:e.width,height:e.height+10};return b.default.createElement(b.default.Fragment,null,b.default.createElement("div",{style:n},b.default.createElement(dt,{onClick:t.onOpen,...e}),b.default.createElement(rt,{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})),b.default.createElement(C.Modal,{isOpen:o.isOpen,onOpenChange:o.onOpenChange},b.default.createElement(C.ModalContent,null,i=>b.default.createElement(b.default.Fragment,null,b.default.createElement(C.ModalHeader,{className:"flex flex-col gap-1"},"Confirm Retry"),b.default.createElement(C.ModalBody,null,b.default.createElement(C.Divider,{className:"my-2"}),b.default.createElement("p",null,"Are you sure you want to retry process instance ",e.flowNode.CurrentFlowNodeInstanceId,"?"),b.default.createElement(C.Divider,{className:"my-2"}),b.default.createElement(Wt.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onChange:(p,g)=>a(p??""),onMount:r,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),b.default.createElement(C.ModalFooter,null,b.default.createElement(C.Button,{color:"warning",variant:"light",onPress:i},"Close"),b.default.createElement(C.Button,{color:"primary",onPress:()=>{e.retryAction?.(e.flowNode.ProcessInstanceId,e.flowNode.CurrentFlowNodeInstanceId,JSON.parse(s)),i()}},"Retry"))))),b.default.createElement(C.Modal,{size:"4xl",isOpen:t.isOpen,onOpenChange:t.onOpenChange},b.default.createElement(C.ModalContent,null,i=>b.default.createElement(b.default.Fragment,null,b.default.createElement(C.ModalHeader,{className:"flex flex-col gap-1"},"FlowNode: ",e.flowNode.Name??e.flowNode.Id),b.default.createElement(C.ModalBody,null,b.default.createElement(lt,{flowNode:e.flowNode})),b.default.createElement(C.ModalFooter,null,b.default.createElement(C.Button,{color:"primary",onPress:i},"Close"))))))}var ro=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,s,a){this.id=o,this.flowNodeInstances=[],this.processInstanceState=t,this.documentation=s,this.triggeredFlowNodeInstance=a,this.type=""}addFlowNodeInstance(o){this.flowNodeInstances.push(o),this.type=o.flowNodeType}},Je=class{canvas;overlays;elementRegistry;overlayIds;overlayRoots;constructor(o){S("BpmnViewerOverlayCreator"),this.canvas=o.get("canvas"),this.overlays=o.get("overlays"),this.elementRegistry=o.get("elementRegistry"),this.overlayIds=[],this.overlayRoots={}}createOverlaysFlowNodeInstances(o,t,s,a,r,n){let i=this.getExecutedFlowNodes(t,o,s);this.overlayIds=[];for(let g of i){let c=this.elementRegistry.get(g.Id);this.getOrCreateOverlayRoot(g)?.render(qt.default.createElement(ct,{flowNode:g,width:c.width,height:c.height,retryAction:a,gotoProcessAction:r,gotoManualOrUserTaskAction:n})),this.setSequenceFlowsColor(c,i)}let p=[];for(let g in this.overlayRoots)i.find(f=>f.Id===g)||p.push(g);p.forEach(g=>{let c=this.elementRegistry.get(g);this.removeSequenceFlowsColor(c),this.overlayRoots[g].unmount(),delete this.overlayRoots[g]})}getOrCreateOverlayRoot(o){if(o.Id in this.overlayRoots)return this.overlayRoots[o.Id];let t=`bpmn-element-overlay-${(0,Yt.v4)()}`,s=`<div id="${t}"></div>`,a=this.overlays.add(o.Id,{position:{top:0,left:0},html:s});this.overlayIds.push(a);let r=document.querySelector(`#${t}`);if(r){let n=(0,Xt.createRoot)(r);return this.overlayRoots[o.Id]=n,n}}getExecutedFlowNodes(o,t,s){let a=[],r={};for(let n of s)n.triggeredByFlowNodeInstance&&(r[n.triggeredByFlowNodeInstance?.flowNodeInstanceId]=n);for(let n of o){let i=a.find(p=>p.Id===n.flowNodeId);if(!i){let p=this.elementRegistry.get(n.flowNodeId),g=p.businessObject.documentation?p.businessObject.documentation[0].text:"";i=new ro(n.flowNodeId,t,g,r[n.flowNodeInstanceId]),a.push(i)}i.addFlowNodeInstance(n)}return a}setSequenceFlowsColor(o,t){if(o&&o.businessObject.incoming)for(let s of o.businessObject.incoming)t.find(r=>r.Id===s.sourceRef?.id)&&this.canvas.addMarker(s.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 Da={canvas:{autoFocus:!0}},mt=class extends no.default.Component{containerRef;bpmnViewer;bpmnViewerOverlayCreator;constructor(o){super(o),S("BpmnViewerComponent"),this.state={diagramXML:""},this.containerRef=no.default.createRef()}componentDidMount(){let{diagramXML:o,options:t}=this.props,s=this.containerRef.current;if(this.bpmnViewer=new Zt.default({container:s,height:t?.height??600,bpmnRenderer:{defaultFillColor:t?.fillColor,defaultStrokeColor:t?.strokeColor},additionalModules:[es.default,Qt.default,Kt.default],...Da}),this.bpmnViewerOverlayCreator=new Je(this.bpmnViewer),o)return this.displayDiagram(o)}componentWillUnmount(){this.bpmnViewer.destroy()}componentDidUpdate(o,t){let{props:s,state:a}=this,r=s.diagramXML||a.diagramXML,n=o.diagramXML||t.diagramXML;if(r&&r!==n)return this.displayDiagram(r);this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,s.flowNodeInstancesTriggeredByThisProcessInstance,s.retryAction,s.gotoProcessAction,s.gotoManualOrUserTaskAction)}displayDiagram(o){this.bpmnViewer.importXML(o).then(()=>{let t=this.bpmnViewer.get("canvas"),s=t.viewbox(),a={x:s.outer.width/2,y:s.outer.height/2};t.zoom("fit-viewport",a),this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,this.props.flowNodeInstancesTriggeredByThisProcessInstance,this.props.retryAction,this.props.gotoProcessAction,this.props.gotoManualOrUserTaskAction)})}render(){return no.default.createElement("div",{className:this.props.className,ref:this.containerRef})}};var y=d(require("react"),1),Ie=d(require("react-is"),1),ns=d(require("semver/functions/gt"),1),ds=d(require("semver/functions/prerelease"),1),is=d(require("semver/functions/satisfies"),1),ps=require("../common/index.cjs");var ss=require("@5minds/processcube_engine_sdk");var pe=d(require("react"),1);function u(e){if(e!=null&&e.trim()!=="")try{return JSON.parse(e)}catch{return null}return null}var io=(0,pe.forwardRef)(function(o,t){let{formField:s}=o,a=`${s.id}-hint`,r=u(s.customForm);return pe.default.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},pe.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},pe.default.createElement("input",{type:"checkbox",className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",defaultChecked:o.state&&o.state!=="false"||s.defaultValue==="true",id:s.id,name:s.id,"aria-describedby":r?.hint?a:void 0,"data-form-field-type":"boolean"})),pe.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},pe.default.createElement("label",{className:"app-sdk-font-medium",htmlFor:s.id},s.label),r?.hint&&pe.default.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},r.hint)))});var te=d(require("react"),1);function po({formField:e,state:o}){let t=u(e.customForm),s=t?.entries,a=`${e.id}-hint`,r;return Array.isArray(o)&&o.length?r=o:r=(o||e.defaultValue?.toString())?.split(",")??[],te.default.createElement("div",null,te.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),te.default.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"checkbox"},s?.map(n=>{let i=r.find(p=>p.trim()===n.key);return te.default.createElement("div",{key:n.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},te.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},te.default.createElement("input",{type:"checkbox",defaultChecked:i,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"})),te.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},te.default.createElement("label",{htmlFor:n.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},n.value)))})),t?.hint&&te.default.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},t?.hint))}var Fe=d(require("react"),1);function lo(e){let{formField:o}=e,t=`${o.id}-hint`,s=u(o.customForm);o.defaultValue&&!Ta(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for color field "${o.id}"`);let a=e.state||o.defaultValue?.toString();return Fe.default.createElement("div",null,Fe.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Fe.default.createElement("div",{className:"app-sdk-mt-1 app-sdk-w-20"},Fe.default.createElement("input",{className:"app-sdk-text-app-sdk-inherit app-sdk-h-8 app-sdk-border app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"color",defaultValue:a,id:o.id,name:o.id,placeholder:s?.placeholder,"aria-describedby":t,"data-form-field-type":"color"})),s?.hint&&Fe.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Ta(e){return/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(e?.toString())}var co=d(require("react"),1),mo=(0,co.forwardRef)(function(o,t){return co.default.createElement("p",{className:"app-sdk-text-sm"},o.formField.label)});var Ce=d(require("react"),1);function uo({formField:e,state:o}){let t=u(e.customForm);return Ce.default.createElement("div",null,Ce.default.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),Ce.default.createElement("div",{className:"app-sdk-mt-1"},Ce.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"text",id:e.id,name:e.id,defaultValue:o||(e.defaultValue?.toString()??""),placeholder:t?.placeholder,"aria-describedby":`${e.id}-hint`,"data-form-field-type":"custom"})),t?.hint&&Ce.default.createElement("p",{id:`${e.id}-hint`,"data-hint":!0,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},t.hint))}var ue=d(require("react"),1);var ko=(0,ue.forwardRef)(function(o,t){let{formField:s}=o,a=`${s.id}-hint`,r=u(s.customForm);Ma(s.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for date field "${s.id}"`);let n=o.state||s.defaultValue?.toString();return ue.default.createElement("div",null,ue.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:s.id},s.label),ue.default.createElement("div",{className:"app-sdk-mt-1"},ue.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"date",defaultValue:n,id:s.id,name:s.id,"aria-describedby":a,"data-form-field-type":"date"})),r?.hint&&ue.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},r?.hint))});function Ma(e){return new Date(e?.toString()).toString()!=="Invalid Date"}var Pe=d(require("react"),1);function fo(e){let{formField:o}=e,t=`${o.id}-hint`,s=u(o.customForm);o.defaultValue&&!Ua(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for dateteime-local field "${o.id}"`);let a=e.state||o.defaultValue?.toString();return Pe.default.createElement("div",null,Pe.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Pe.default.createElement("div",{className:"app-sdk-mt-1"},Pe.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"datetime-local",defaultValue:a,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"datetime-local"})),s?.hint&&Pe.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Ea(e){return new Date(e?.toString()).toString()!=="Invalid Date"}function Ba(e){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(e)}function Ua(e){if(!e.includes("T"))return!1;let[o,t]=e.split("T");return Ea(o)&&Ba(t)}var ke=d(require("react"),1);function ho(e){return!Number.isNaN(Number(e?.toString()))}var go=(0,ke.forwardRef)(function(o,t){let{formField:s}=o,a=`${s.id}-hint`,r=u(s.customForm);return ho(s.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for decimal field "${s.id}"`),ke.default.createElement("div",null,ke.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:s.id},s.label),ke.default.createElement("div",{className:"app-sdk-mt-1"},ke.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:r?.step??.01,placeholder:r?.placeholder||"0.00",defaultValue:o.state||s.defaultValue?.toString(),id:s.id,name:s.id,"aria-describedby":a,"data-form-field-type":"decimal"})),r?.hint&&ke.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},r?.hint))});var Se=d(require("react"),1);function wo(e){let{formField:o}=e,t=`${o.id}-hint`,s=u(o.customForm),a=e.state||(o.defaultValue?.toString()??"");return Se.default.createElement("div",null,Se.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Se.default.createElement("div",{className:"app-sdk-mt-1"},Se.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"email",defaultValue:a,id:o.id,name:o.id,placeholder:s?.placeholder,"aria-describedby":t,"data-form-field-type":"email"})),s?.hint&&Se.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var M=d(require("react"),1);var yo=(0,M.forwardRef)(function({formField:o,state:t},s){let a=u(o.customForm),r=o.label,n=o.enumValues,i;switch(a?.displayAs){case"checkbox":let g;Array.isArray(t)&&t.length?g=t:g=(t||o.defaultValue?.toString())?.split(",")??[],i=M.default.createElement("fieldset",{id:o.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":a?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(f=>{let D=g.find(j=>j.trim()===f.id);return M.default.createElement("div",{key:f.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},M.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},M.default.createElement("input",{type:"checkbox",defaultChecked:D,name:o.id,id:f.id,value:f.id,className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),M.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},M.default.createElement("label",{htmlFor:f.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},f.name)))}));break;case"radio":i=M.default.createElement("fieldset",{id:o.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":a?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(f=>M.default.createElement("div",{key:f.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},M.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},M.default.createElement("input",{type:"radio",defaultChecked:(t||o.defaultValue)==f.id,name:o.id,id:f.id,value:f.id,className:"app-sdk-form-radio app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),M.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},M.default.createElement("label",{htmlFor:f.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},f.name)))));break;default:let c=t||n?.find(f=>f.id===o.defaultValue)?.id||"";i=M.default.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:f=>f.target.dataset.value=f.target.value,"data-value":c,"aria-describedby":a?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:c},M.default.createElement("option",{value:""},!c&&a?.placeholder),n?.map(f=>M.default.createElement("option",{key:f.id,value:f.id},f.name)));break}let p=a?.hint?M.default.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)]"},a.hint):null;return M.default.createElement("div",null,M.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},r),i,p)});var Re=d(require("react"),1);function vo(e){let{formField:o}=e,t=`${o.id}-hint`,s=u(o.customForm);return Re.default.createElement("div",null,Re.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Re.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm 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:s?.multiple}),s?.hint&&Re.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var fe=d(require("react"),1);var bo=(0,fe.forwardRef)(function({formField:o},t){let s=u(o.customForm),a;switch(s?.style){case"heading_1":a=fe.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break;case"heading_2":a=fe.default.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break;case"heading_3":a=fe.default.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break;default:a=fe.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break}return fe.default.createElement("div",{className:"app-sdk-header-form-field"},a)});var os=d(require("react"),1);function xo(e){let{formField:o}=e;return os.default.createElement("input",{className:"app-sdk-hidden",type:"hidden",id:o.id,value:o.defaultValue?.toString()||"",name:o.id,"data-form-field-type":"hidden"})}var he=d(require("react"),1);var Io=(0,he.forwardRef)(function({formField:o,state:t},s){let a=u(o.customForm);return ho(o.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for integer field "${o.id}"`),he.default.createElement("div",null,he.default.createElement("label",{htmlFor:o.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},o.label),he.default.createElement("div",{className:"app-sdk-mt-1"},he.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:1,id:o.id,name:o.id,defaultValue:t||o.defaultValue?.toString(),placeholder:a?.placeholder??"0","aria-describedby":`${o.id}-hint`,"data-form-field-type":"integer"})),a?.hint&&he.default.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)]"},a.hint))});var De=d(require("react"),1);function No(e){let{formField:o}=e,t=`${o.id}-hint`,s=u(o.customForm);o.defaultValue&&!Oa(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for month field "${o.id}"`);let a=e.state||o.defaultValue?.toString();return De.default.createElement("div",null,De.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),De.default.createElement("div",{className:"app-sdk-mt-1"},De.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"month",defaultValue:a,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"month"})),s?.hint&&De.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Oa(e){return/^\d{4}-(0[1-9]|1[0-2])$/.test(e)}var ts=d(require("isomorphic-dompurify"),1),Fo=require("marked"),Co=d(require("react"),1),Po=require("react");var So=(0,Co.forwardRef)(function({formField:{defaultValue:o,label:t}},s){let[a,r]=(0,Po.useState)("");return(0,Po.useEffect)(()=>{let n=Fo.marked.parse(o?.toString()??t?.toString()??"",{renderer:new ut,hooks:new kt});r(n)},[o,t]),Co.default.createElement("div",{className:T("app-sdk-text-sm","[&_p]:app-sdk-my-4 first-of-type:[&_p]:app-sdk-mb-4 first-of-type:[&_p]:app-sdk-mt-0","[&_a]:app-sdk-text-[color:var(--asdk-dui-link-color)] [&_a]:app-sdk-underline hover:[&_a]:app-sdk-text-[color:var(--asdk-dui-link-hover-color)]","[&_h1]:app-sdk-text-2xl [&_h1]:app-sdk-font-bold [&_h2]:app-sdk-text-xl [&_h2]:app-sdk-font-bold [&_h3]:app-sdk-text-lg [&_h3]:app-sdk-font-bold [&_h4]:app-sdk-text-base [&_h4]:app-sdk-font-bold [&_h5]:app-sdk-text-sm [&_h5]:app-sdk-font-bold [&_h6]:app-sdk-text-xs [&_h6]:app-sdk-font-bold","[&_code]:app-sdk-text-[#e83e8c] [&_pre]:app-sdk-my-4 [&_pre]:app-sdk-bg-gray-100 [&_pre]:dark:app-sdk-bg-app-sdk-gray-700 [&_pre_code]:app-sdk-text-inherit","[&_blockquote]:app-sdk-m-[revert] [&_fieldset]:app-sdk-m-[revert] [&_h1]:app-sdk-m-[revert] [&_h2]:app-sdk-m-[revert] [&_h3]:app-sdk-m-[revert] [&_h4]:app-sdk-m-[revert] [&_h5]:app-sdk-m-[revert] [&_h6]:app-sdk-m-[revert] [&_menu]:app-sdk-m-[revert] [&_ol]:app-sdk-m-[revert] [&_ul]:app-sdk-m-[revert]","[&_fieldset]:app-sdk-p-[revert] [&_menu]:app-sdk-p-[revert] [&_ol]:app-sdk-p-[revert] [&_ul]:app-sdk-p-[revert]","[&_ol]:app-sdk-list-decimal [&_ol_p]:app-sdk-my-2 first-of-type:[&_ol_p]:app-sdk-my-4 [&_ul]:app-sdk-list-disc [&_ul_p]:app-sdk-my-2 first-of-type:[&_ul_p]:app-sdk-my-4","[&_input[type='checkbox']]:app-sdk-form-checkbox [&_input[type='checkbox']]:app-sdk-border [&_input[type='checkbox']]:app-sdk-h-4 [&_input[type='checkbox']]:app-sdk-w-4 [&_input[type='checkbox']]:app-sdk-rounded [&_input[type='checkbox']]:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:app-sdk-text-sky-600 [&_input[type='checkbox']]:hover:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:dark:app-sdk-border-2 [&_input[type='checkbox']]:dark:app-sdk-border-solid [&_input[type='checkbox']]:dark:app-sdk-border-transparent [&_input[type='checkbox']]:dark:app-sdk-bg-app-sdk-gray-350 [&_input[type='checkbox']]:dark:app-sdk-text-[#007bff40] [&_input[type='checkbox']]:dark:hover:app-sdk-border-transparent [&_input[type='checkbox']]:dark:hover:checked:app-sdk-bg-app-sdk-gray-350"),dangerouslySetInnerHTML:{__html:a}})}),ut=class extends Fo.marked.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}},kt=class extends Fo.marked.Hooks{postprocess(o){return ts.default.sanitize(o,{ADD_ATTR:["target"]})}};var Te=d(require("react"),1);function Do(e){let{formField:o}=e,t=`${o.id}-hint`,s=u(o.customForm),a=e.state||(o.defaultValue?.toString()??"");return Te.default.createElement("div",null,Te.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Te.default.createElement("div",{className:"app-sdk-mt-1"},Te.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm 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:a,placeholder:s?.placeholder,"aria-describedby":t,"data-form-field-type":"password"})),s?.hint&&Te.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var se=d(require("react"),1);function To({formField:e,state:o}){let t=u(e.customForm),s=t?.entries,a=`${e.id}-hint`;return se.default.createElement("div",null,se.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),se.default.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"radio"},s?.map(r=>se.default.createElement("div",{key:r.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},se.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},se.default.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"})),se.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},se.default.createElement("label",{htmlFor:r.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},r.value))))),t?.hint&&se.default.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},t?.hint))}var le=d(require("react"),1);function Mo({formField:e,state:o}){let t=u(e.customForm),s=e.label,a=t?.min||0,r=t?.max||100,n=t?.step||1,i=o||e.defaultValue?.toString()||a.toString(),[p,g]=(0,le.useState)(i),c=j=>{g(j.target.value)},f=le.default.createElement("input",{className:T("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:a.toString(),max:r.toString(),step:n.toString(),defaultValue:i,onChange:c,"aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"range"}),D=t?.hint?le.default.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},t.hint):null;return le.default.createElement("div",null,le.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),le.default.createElement("div",{className:"app-sdk-mt-1 app-sdk-flex app-sdk-flex-row"},f,le.default.createElement("span",{className:"app-sdk-mt-2 app-sdk-ml-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-text-color)]"},p)),D)}var xe=d(require("react"),1);function Eo({formField:e,state:o}){let t=u(e.customForm),s=t?.entries,a=`${e.id}-hint`,r=o||s?.find(n=>n.key===e.defaultValue)?.key||"";return xe.default.createElement("div",null,xe.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),xe.default.createElement("select",{id:e.id,name:e.id,className:"app-sdk-form-select app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-mt-1 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-py-2 app-sdk-pl-3 app-sdk-pr-10 app-sdk-text-base app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-outline-none focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:app-sdk-bg-app-sdk-dropdown-dark dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",onChange: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},xe.default.createElement("option",{value:""},!r&&t?.placeholder),s?.map(n=>xe.default.createElement("option",{key:n.key,value:n.key},n.value))),t?.hint&&xe.default.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},t?.hint))}var ce=d(require("react"),1);var Me=d(require("react"),1);function Ee(e){let{formField:o}=e,t=`${o.id}-hint`,s=u(o.customForm),a=e.state||(o.defaultValue?.toString()??"");return Me.default.createElement("div",null,Me.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Me.default.createElement("div",{className:"app-sdk-mt-1"},Me.default.createElement("textarea",{className:"app-sdk-form-textarea app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",defaultValue:a,id:o.id,name:o.id,rows:s?.rows??4,"aria-describedby":t,"data-form-field-type":"textarea",placeholder:s?.placeholder})),s?.hint&&Me.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var Bo=(0,ce.forwardRef)(function({formField:o,state:t},s){let a=u(o.customForm);if(a?.multiline==="true")return ce.default.createElement(Ee,{formField:o,state:t});let n=`${o.id}-hint`,i=t||(o.defaultValue?.toString()??"");return ce.default.createElement("div",null,ce.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),ce.default.createElement("div",{className:"app-sdk-mt-1"},ce.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm 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:i,id:o.id,name:o.id,"aria-describedby":n,"data-form-field-type":"text",placeholder:a?.placeholder})),a?.hint&&ce.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:n},a?.hint))});var Be=d(require("react"),1);function Uo({formField:e,state:o}){let t=u(e.customForm),s=`${e.id}-hint`;return Be.default.createElement("div",null,Be.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Be.default.createElement("div",{className:"app-sdk-mt-1"},Be.default.createElement("input",{className:T("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?s:void 0,"data-form-field-type":"tel"})),t?.hint&&Be.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:s},t.hint))}var Ue=d(require("react"),1);function Oo(e){let{formField:o}=e,t=`${o.id}-hint`,s=u(o.customForm);o.defaultValue&&!La(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for time field "${o.id}"`);let a=e.state||o.defaultValue?.toString();return Ue.default.createElement("div",null,Ue.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Ue.default.createElement("div",{className:"app-sdk-mt-1"},Ue.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"time",defaultValue:a,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"time"})),s?.hint&&Ue.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function La(e){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(e)}var Oe=d(require("react"),1);function Lo(e){let{formField:o}=e,t=`${o.id}-hint`,s=u(o.customForm),a=e.state||(o.defaultValue?.toString()??"");return Oe.default.createElement("div",null,Oe.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Oe.default.createElement("div",{className:"app-sdk-mt-1"},Oe.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm 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:a,placeholder:s?.placeholder??"https://processcube.io/",name:o.id,"aria-describedby":t,"data-form-field-type":"url"})),s?.hint&&Oe.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var Le=d(require("react"),1);function Vo(e){let{formField:o}=e,t=`${o.id}-hint`,s=u(o.customForm);o.defaultValue&&!Va(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for week field "${o.id}"`);let a=e.state||o.defaultValue?.toString();return Le.default.createElement("div",null,Le.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Le.default.createElement("div",{className:"app-sdk-mt-1"},Le.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"week",defaultValue:a,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"week"})),s?.hint&&Le.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Va(e){return/^(\d{4})-W(0[1-9]|[1-4][0-9]|5[0-3])$/.test(e)}var as=(x=>(x.paragraph="paragraph",x.header="header",x.confirm="confirm",x.checkbox="checkbox",x.radio="radio",x.select="select",x.range="range",x.file="file",x.hidden="hidden",x.tel="tel",x.textarea="textarea",x.url="url",x.week="week",x.time="time",x.month="month",x.datetimeLocal="datetime-local",x.email="email",x.color="color",x.password="password",x.custom="custom",x))(as||{}),Ld={...ss.DataModels.FlowNodeInstances.UserTaskFormFieldType,...as},ft={boolean:io,checkbox:po,color:lo,date:ko,email:wo,enum:yo,file:vo,hidden:xo,long:Io,"datetime-local":fo,month:No,number:go,string:Bo,paragraph:So,password:Do,radio:To,range:Mo,select:Eo,header:bo,confirm:mo,tel:Uo,textarea:Ee,time:Oo,url:Lo,week:Vo,custom:uo};var _a=(0,is.default)(y.default.version,">=19.0.0 <20",{includePrerelease:!0}),ls=(0,ds.default)(y.default.version)==null,rs=!ls&&(0,ns.default)(y.default.version,"19.0.0")&&y.default.version.includes("canary"),ht=class extends y.default.Component{};function Aa(e){_a||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		The React version is not supported!
-Version: ${y.default.version}`);let{userTaskConfig:o}=e.task,{formFields:t}=o,s=(0,y.useRef)(null),a=(0,y.useRef)(null),r=new Map(t.map(l=>[l.id,{ref:y.default.createRef()}])),n=t.filter(l=>l.type==="confirm");n.length>1&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Warning while rendering UserTask "${e.task.flowNodeId}"!
+${o??""}`.trimEnd()),es.add(e))}function Hr({href:e,children:o}){V("DynamicLink","Please use the NextJS Link component instead.");let t=(0,os.useRouter)();return ts.default.createElement("a",{href:e,onClick:s=>{s.preventDefault(),t.replace(e),t.refresh()}},o)}var cs=l(require("bpmn-js/lib/Viewer"),1),ms=l(require("bpmn-js/lib/features/outline"),1),us=l(require("diagram-js/lib/navigation/movecanvas"),1),fs=l(require("diagram-js/lib/navigation/zoomscroll"),1),go=l(require("react"),1);var ds=l(require("react"),1),ps=require("react-dom/client"),ls=require("uuid");var L=require("@heroui/react"),is=l(require("@monaco-editor/react"),1),T=l(require("react"),1);var Te=l(require("react"),1);var ss=l(require("react"),1);function kt(e){V("ExecutionCount");let o={width:30};return e.count<=1?null:ss.default.createElement("div",{style:o,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--execution-count"},e.count)}var H=l(require("react"),1);function ht(e){return V("GotoButton"),H.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},H.default.createElement("div",{className:"action-icon"},H.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},H.default.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),H.default.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),H.default.createElement("g",{id:"SVGRepo_iconCarrier"}," ",H.default.createElement("title",null,"open-external")," ",H.default.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",H.default.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",H.default.createElement("path",{d:"M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z",id:"Combined-Shape"}," ")," ")," ")," "))),H.default.createElement("div",{className:"action-icon-hovered"},H.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},H.default.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),H.default.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),H.default.createElement("g",{id:"SVGRepo_iconCarrier"}," ",H.default.createElement("title",null,"goto process")," ",H.default.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",H.default.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",H.default.createElement("path",{d:"M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z",id:"Combined-Shape"}," ")," ")," ")," "))))}var pe=l(require("react"),1);function gt(e){return V("PlayButton"),pe.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},pe.default.createElement("div",{className:"action-icon"},pe.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"none",xmlns:"http://www.w3.org/2000/svg"},pe.default.createElement("g",{id:"Media / Play",color:"white"},pe.default.createElement("path",{id:"Vector",d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))),pe.default.createElement("div",{className:"action-icon-hovered"},pe.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"white",xmlns:"http://www.w3.org/2000/svg"},pe.default.createElement("g",{id:"Media / Play",color:"white"},pe.default.createElement("path",{id:"Vector",d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))))}var ve=l(require("react"),1);function wt(e){return V("RetryButton"),ve.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},ve.default.createElement("div",{className:"action-icon"},ve.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},ve.default.createElement("path",{fill:"#FFFFFF",d:"M10.7667,0.493645 C9.11991,-0.113331 7.31921,-0.161915 5.64208,0.355379 C4.48206,0.713177 3.42569,1.32796 2.54743,2.14597 L1.70711,1.30564 C1.07714,0.675676 0,1.12184 0,2.01275 L0,6.00002 L3.98727,6.00002 C4.87818,6.00002 5.32434,4.92288 4.69438,4.29291 L3.96284,3.56137 C4.61101,2.97184 5.38443,2.52782 6.23156,2.26653 C7.4894,1.87856 8.83993,1.915 10.075,2.37023 C11.3101,2.82547 12.3612,3.67423 13.0664,4.78573 C13.7716,5.89723 14.0916,7.20978 13.9773,8.52112 C13.863,9.83246 13.3206,11.0698 12.4337,12.0425 C11.5469,13.0152 10.3647,13.6693 9.06949,13.9039 C7.77425,14.1385 6.43779,13.9407 5.26607,13.3409 C4.09434,12.7412 3.15236,11.7727 2.5853,10.5848 C2.34738,10.0864 1.75046,9.8752 1.25205,10.1131 C0.753645,10.351 0.542478,10.948 0.7804,11.4464 C1.53649,13.0302 2.79245,14.3215 4.35475,15.1213 C5.91706,15.921 7.699,16.1847 9.42598,15.8719 C11.153,15.559 12.7291,14.687 13.9116,13.39 C15.0941,12.0931 15.8173,10.4433 15.9698,8.69483 C16.1222,6.94637 15.6954,5.1963 14.7552,3.7143 C13.815,2.2323 12.4135,1.10062 10.7667,0.493645 Z"}))),ve.default.createElement("div",{className:"action-icon-hovered"},ve.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},ve.default.createElement("path",{fill:"#FFFFFF",d:"M10.7667,0.493645 C9.11991,-0.113331 7.31921,-0.161915 5.64208,0.355379 C4.48206,0.713177 3.42569,1.32796 2.54743,2.14597 L1.70711,1.30564 C1.07714,0.675676 0,1.12184 0,2.01275 L0,6.00002 L3.98727,6.00002 C4.87818,6.00002 5.32434,4.92288 4.69438,4.29291 L3.96284,3.56137 C4.61101,2.97184 5.38443,2.52782 6.23156,2.26653 C7.4894,1.87856 8.83993,1.915 10.075,2.37023 C11.3101,2.82547 12.3612,3.67423 13.0664,4.78573 C13.7716,5.89723 14.0916,7.20978 13.9773,8.52112 C13.863,9.83246 13.3206,11.0698 12.4337,12.0425 C11.5469,13.0152 10.3647,13.6693 9.06949,13.9039 C7.77425,14.1385 6.43779,13.9407 5.26607,13.3409 C4.09434,12.7412 3.15236,11.7727 2.5853,10.5848 C2.34738,10.0864 1.75046,9.8752 1.25205,10.1131 C0.753645,10.351 0.542478,10.948 0.7804,11.4464 C1.53649,13.0302 2.79245,14.3215 4.35475,15.1213 C5.91706,15.921 7.699,16.1847 9.42598,15.8719 C11.153,15.559 12.7291,14.687 13.9116,13.39 C15.0941,12.0931 15.8173,10.4433 15.9698,8.69483 C16.1222,6.94637 15.6954,5.1963 14.7552,3.7143 C13.815,2.2323 12.4135,1.10062 10.7667,0.493645 Z"}))))}function yt(e){V("FlowNodeButtonArea");let o={marginTop:"7px"},t=e.flowNode,s=!!e.onRetryClick,r=!t.IsGateway&&t.ProcessInstanceState!=="running"&&t.ProcessInstanceState!=="finished"&&s,a=!!e.onGotoClick,n=(t.IsCallActivity||(t.IsEventReceiver||t.IsEventSender)&&t.LinkedProcessInstanceId)&&a,i=!!e.onPlayClick,d=(t.IsUserTask||t.IsManualTask)&&t.State==="suspended"&&i;return Te.default.createElement("div",{className:"flownode-overlay",style:o},Te.default.createElement("div",{className:"bpmn-element-overlay__below"},r&&Te.default.createElement(wt,{onClick:e.onRetryClick,flowNode:e.flowNode}),Te.default.createElement(kt,{count:e.flowNode.ExecutionCount}),n&&Te.default.createElement(ht,{onClick:e.onGotoClick}),d&&Te.default.createElement(gt,{onClick:e.onPlayClick})))}var vt=l(require("react"),1);function bt(e){V("FlowNodeColorArea");let o={width:e.width,height:e.height},t="",s={width:e.width,height:e.height};return e.flowNode.IsGateway?(s.height*=.7,s.width*=.7,t="bpmn-element-overlay-backdrop--gateway"):e.flowNode.IsEvent&&(t="bpmn-element-overlay-backdrop--rounded"),vt.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay-backdrop cursor-pointer",style:o},vt.default.createElement("div",{className:`flow-node-${e.flowNode.State}-state-overlay ${t}`,style:s}))}var xt=require("@heroui/react"),It=l(require("@monaco-editor/react"),1),Y=l(require("react"),1),rs=require("react-dom/client"),as=l(require("react-markdown"),1),ns=l(require("remark-gfm"),1);function Nt(e){V("FlowNodeInfoComponent");function o(t){setTimeout(()=>{t.getAction("editor.action.formatDocument").run(),t.updateOptions({readOnly:!0})},300)}return(0,Y.useEffect)(()=>{let t=Y.default.createElement(as.default,{remarkPlugins:[ns.default]},e.flowNode.Documentation),s=document.getElementById("markdown-container");if(s){let r=s.attachShadow({mode:"open"});(0,rs.createRoot)(r).render(t)}},[]),Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(xt.Divider,{className:"my-2"}),Y.default.createElement("div",{className:"flex-row"},Y.default.createElement("div",{className:"token-area"},Y.default.createElement("p",null,"Start Token:"),Y.default.createElement(It.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onMount:o,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}}),Y.default.createElement(xt.Divider,{className:"my-2"}),Y.default.createElement("p",null,"End Token:"),Y.default.createElement(It.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentEndToken,null,2),onMount:o,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),Y.default.createElement("div",{className:"documentation-area"},Y.default.createElement("p",null,"Dokumentation:"),Y.default.createElement("div",{id:"markdown-container"}))))}function Ct(e){V("FlowNodeOverlay");let o=(0,L.useDisclosure)(),t=(0,L.useDisclosure)(),[s,r]=(0,T.useState)(JSON.stringify(e.flowNode.CurrentStartToken));function a(i){setTimeout(()=>{i.getAction("editor.action.formatDocument").run()},300)}let n={width:e.width,height:e.height+10};return T.default.createElement(T.default.Fragment,null,T.default.createElement("div",{style:n},T.default.createElement(bt,{onClick:t.onOpen,...e}),T.default.createElement(yt,{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})),T.default.createElement(L.Modal,{isOpen:o.isOpen,onOpenChange:o.onOpenChange},T.default.createElement(L.ModalContent,null,i=>T.default.createElement(T.default.Fragment,null,T.default.createElement(L.ModalHeader,{className:"flex flex-col gap-1"},"Confirm Retry"),T.default.createElement(L.ModalBody,null,T.default.createElement(L.Divider,{className:"my-2"}),T.default.createElement("p",null,"Are you sure you want to retry process instance ",e.flowNode.CurrentFlowNodeInstanceId,"?"),T.default.createElement(L.Divider,{className:"my-2"}),T.default.createElement(is.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onChange:(d,u)=>r(d??""),onMount:a,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),T.default.createElement(L.ModalFooter,null,T.default.createElement(L.Button,{color:"warning",variant:"light",onPress:i},"Close"),T.default.createElement(L.Button,{color:"primary",onPress:()=>{e.retryAction?.(e.flowNode.ProcessInstanceId,e.flowNode.CurrentFlowNodeInstanceId,JSON.parse(s)),i()}},"Retry"))))),T.default.createElement(L.Modal,{size:"4xl",isOpen:t.isOpen,onOpenChange:t.onOpenChange},T.default.createElement(L.ModalContent,null,i=>T.default.createElement(T.default.Fragment,null,T.default.createElement(L.ModalHeader,{className:"flex flex-col gap-1"},"FlowNode: ",e.flowNode.Name??e.flowNode.Id),T.default.createElement(L.ModalBody,null,T.default.createElement(Nt,{flowNode:e.flowNode})),T.default.createElement(L.ModalFooter,null,T.default.createElement(L.Button,{color:"primary",onPress:i},"Close"))))))}var ho=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,s,r){this.id=o,this.flowNodeInstances=[],this.processInstanceState=t,this.documentation=s,this.triggeredFlowNodeInstance=r,this.type=""}addFlowNodeInstance(o){this.flowNodeInstances.push(o),this.type=o.flowNodeType}},so=class{canvas;overlays;elementRegistry;overlayIds;overlayRoots;constructor(o){V("BpmnViewerOverlayCreator"),this.canvas=o.get("canvas"),this.overlays=o.get("overlays"),this.elementRegistry=o.get("elementRegistry"),this.overlayIds=[],this.overlayRoots={}}createOverlaysFlowNodeInstances(o,t,s,r,a,n){let i=this.getExecutedFlowNodes(t,o,s);this.overlayIds=[];for(let u of i){let p=this.elementRegistry.get(u.Id);this.getOrCreateOverlayRoot(u)?.render(ds.default.createElement(Ct,{flowNode:u,width:p.width,height:p.height,retryAction:r,gotoProcessAction:a,gotoManualOrUserTaskAction:n})),this.setSequenceFlowsColor(p,i)}let d=[];for(let u in this.overlayRoots)i.find(m=>m.Id===u)||d.push(u);d.forEach(u=>{let p=this.elementRegistry.get(u);this.removeSequenceFlowsColor(p),this.overlayRoots[u].unmount(),delete this.overlayRoots[u]})}getOrCreateOverlayRoot(o){if(o.Id in this.overlayRoots)return this.overlayRoots[o.Id];let t=`bpmn-element-overlay-${(0,ls.v4)()}`,s=`<div id="${t}"></div>`,r=this.overlays.add(o.Id,{position:{top:0,left:0},html:s});this.overlayIds.push(r);let a=document.querySelector(`#${t}`);if(a){let n=(0,ps.createRoot)(a);return this.overlayRoots[o.Id]=n,n}}getExecutedFlowNodes(o,t,s){let r=[],a={};for(let n of s)n.triggeredByFlowNodeInstance&&(a[n.triggeredByFlowNodeInstance?.flowNodeInstanceId]=n);for(let n of o){let i=r.find(d=>d.Id===n.flowNodeId);if(!i){let d=this.elementRegistry.get(n.flowNodeId),u=d.businessObject.documentation?d.businessObject.documentation[0].text:"";i=new ho(n.flowNodeId,t,u,a[n.flowNodeInstanceId]),r.push(i)}i.addFlowNodeInstance(n)}return r}setSequenceFlowsColor(o,t){if(o&&o.businessObject.incoming)for(let s of o.businessObject.incoming)t.find(a=>a.Id===s.sourceRef?.id)&&this.canvas.addMarker(s.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 zr={canvas:{autoFocus:!0}},Ft=class extends go.default.Component{containerRef;bpmnViewer;bpmnViewerOverlayCreator;constructor(o){super(o),V("BpmnViewerComponent"),this.state={diagramXML:""},this.containerRef=go.default.createRef()}componentDidMount(){let{diagramXML:o,options:t}=this.props,s=this.containerRef.current;if(this.bpmnViewer=new cs.default({container:s,height:t?.height??600,bpmnRenderer:{defaultFillColor:t?.fillColor,defaultStrokeColor:t?.strokeColor},additionalModules:[fs.default,us.default,ms.default],...zr}),this.bpmnViewerOverlayCreator=new so(this.bpmnViewer),o)return this.displayDiagram(o)}componentWillUnmount(){this.bpmnViewer.destroy()}componentDidUpdate(o,t){let{props:s,state:r}=this,a=s.diagramXML||r.diagramXML,n=o.diagramXML||t.diagramXML;if(a&&a!==n)return this.displayDiagram(a);this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,s.flowNodeInstancesTriggeredByThisProcessInstance,s.retryAction,s.gotoProcessAction,s.gotoManualOrUserTaskAction)}displayDiagram(o){this.bpmnViewer.importXML(o).then(()=>{let t=this.bpmnViewer.get("canvas"),s=t.viewbox(),r={x:s.outer.width/2,y:s.outer.height/2};t.zoom("fit-viewport",r),this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,this.props.flowNodeInstancesTriggeredByThisProcessInstance,this.props.retryAction,this.props.gotoProcessAction,this.props.gotoManualOrUserTaskAction)})}render(){return go.default.createElement("div",{className:this.props.className,ref:this.containerRef})}};var P=l(require("react"),1),Me=l(require("react-is"),1),vs=l(require("semver/functions/gt"),1),bs=l(require("semver/functions/prerelease"),1),xs=l(require("semver/functions/satisfies"),1),Is=require("../common/index.cjs");var gs=require("@5minds/processcube_engine_sdk");var he=l(require("react"),1);function y(e){if(e!=null&&e.trim()!=="")try{return JSON.parse(e)}catch{return null}return null}var wo=(0,he.forwardRef)(function(o,t){let{formField:s}=o,r=`${s.id}-hint`,a=y(s.customForm);return he.default.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},he.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},he.default.createElement("input",{type:"checkbox",className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",defaultChecked:o.state&&o.state!=="false"||s.defaultValue==="true",id:s.id,name:s.id,"aria-describedby":a?.hint?r:void 0,"data-form-field-type":"boolean"})),he.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},he.default.createElement("label",{className:"app-sdk-font-medium",htmlFor:s.id},s.label),a?.hint&&he.default.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},a.hint)))});var le=l(require("react"),1);function yo({formField:e,state:o}){let t=y(e.customForm),s=t?.entries,r=`${e.id}-hint`,a;return Array.isArray(o)&&o.length?a=o:a=(o||e.defaultValue?.toString())?.split(",")??[],le.default.createElement("div",null,le.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),le.default.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"checkbox"},s?.map(n=>{let i=a.find(d=>d.trim()===n.key);return le.default.createElement("div",{key:n.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},le.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},le.default.createElement("input",{type:"checkbox",defaultChecked:i,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"})),le.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},le.default.createElement("label",{htmlFor:n.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},n.value)))})),t?.hint&&le.default.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},t?.hint))}var Ue=l(require("react"),1);function vo(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm);o.defaultValue&&!Rr(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for color field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return Ue.default.createElement("div",null,Ue.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Ue.default.createElement("div",{className:"app-sdk-mt-1 app-sdk-w-20"},Ue.default.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:r,id:o.id,name:o.id,placeholder:s?.placeholder,"aria-describedby":t,"data-form-field-type":"color"})),s?.hint&&Ue.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Rr(e){return/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(e?.toString())}var bo=l(require("react"),1),xo=(0,bo.forwardRef)(function(o,t){return bo.default.createElement("p",{className:"app-sdk-text-sm"},o.formField.label)});var Ve=l(require("react"),1);function Io({formField:e,state:o}){let t=y(e.customForm);return Ve.default.createElement("div",null,Ve.default.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),Ve.default.createElement("div",{className:"app-sdk-mt-1"},Ve.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"text",id:e.id,name:e.id,defaultValue:o||(e.defaultValue?.toString()??""),placeholder:t?.placeholder,"aria-describedby":`${e.id}-hint`,"data-form-field-type":"custom"})),t?.hint&&Ve.default.createElement("p",{id:`${e.id}-hint`,"data-hint":!0,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},t.hint))}var be=l(require("react"),1);var No=(0,be.forwardRef)(function(o,t){let{formField:s}=o,r=`${s.id}-hint`,a=y(s.customForm);jr(s.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for date field "${s.id}"`);let n=o.state||s.defaultValue?.toString();return be.default.createElement("div",null,be.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:s.id},s.label),be.default.createElement("div",{className:"app-sdk-mt-1"},be.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"date",defaultValue:n,id:s.id,name:s.id,"aria-describedby":r,"data-form-field-type":"date"})),a?.hint&&be.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},a?.hint))});function jr(e){return new Date(e?.toString()).toString()!=="Invalid Date"}var _e=l(require("react"),1);function Co(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm);o.defaultValue&&!Wr(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for dateteime-local field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return _e.default.createElement("div",null,_e.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),_e.default.createElement("div",{className:"app-sdk-mt-1"},_e.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"datetime-local",defaultValue:r,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"datetime-local"})),s?.hint&&_e.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Gr(e){return new Date(e?.toString()).toString()!=="Invalid Date"}function Jr(e){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(e)}function Wr(e){if(!e.includes("T"))return!1;let[o,t]=e.split("T");return Gr(o)&&Jr(t)}var xe=l(require("react"),1);function Fo(e){return!Number.isNaN(Number(e?.toString()))}var Po=(0,xe.forwardRef)(function(o,t){let{formField:s}=o,r=`${s.id}-hint`,a=y(s.customForm);return Fo(s.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for decimal field "${s.id}"`),xe.default.createElement("div",null,xe.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:s.id},s.label),xe.default.createElement("div",{className:"app-sdk-mt-1"},xe.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:a?.step??.01,placeholder:a?.placeholder||"0.00",defaultValue:o.state||s.defaultValue?.toString(),id:s.id,name:s.id,"aria-describedby":r,"data-form-field-type":"decimal"})),a?.hint&&xe.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},a?.hint))});var Ae=l(require("react"),1);function So(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm),r=e.state||(o.defaultValue?.toString()??"");return Ae.default.createElement("div",null,Ae.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Ae.default.createElement("div",{className:"app-sdk-mt-1"},Ae.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"email",defaultValue:r,id:o.id,name:o.id,placeholder:s?.placeholder,"aria-describedby":t,"data-form-field-type":"email"})),s?.hint&&Ae.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var A=l(require("react"),1);var Do=(0,A.forwardRef)(function({formField:o,state:t},s){let r=y(o.customForm),a=o.label,n=o.enumValues,i;switch(r?.displayAs){case"checkbox":let u;Array.isArray(t)&&t.length?u=t:u=(t||o.defaultValue?.toString())?.split(",")??[],i=A.default.createElement("fieldset",{id:o.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":r?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(m=>{let k=u.find(w=>w.trim()===m.id);return A.default.createElement("div",{key:m.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},A.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},A.default.createElement("input",{type:"checkbox",defaultChecked:k,name:o.id,id:m.id,value:m.id,className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),A.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},A.default.createElement("label",{htmlFor:m.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},m.name)))}));break;case"radio":i=A.default.createElement("fieldset",{id:o.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":r?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(m=>A.default.createElement("div",{key:m.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},A.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},A.default.createElement("input",{type:"radio",defaultChecked:(t||o.defaultValue)==m.id,name:o.id,id:m.id,value:m.id,className:"app-sdk-form-radio app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),A.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},A.default.createElement("label",{htmlFor:m.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},m.name)))));break;default:let p=t||n?.find(m=>m.id===o.defaultValue)?.id||"";i=A.default.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:m=>m.target.dataset.value=m.target.value,"data-value":p,"aria-describedby":r?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:p},A.default.createElement("option",{value:""},!p&&r?.placeholder),n?.map(m=>A.default.createElement("option",{key:m.id,value:m.id},m.name)));break}let d=r?.hint?A.default.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)]"},r.hint):null;return A.default.createElement("div",null,A.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},a),i,d)});var ro=l(require("react"),1);function To(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm);return ro.default.createElement("div",null,ro.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),ro.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm 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:s?.multiple}),s?.hint&&ro.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var Ie=l(require("react"),1);var Eo=(0,Ie.forwardRef)(function({formField:o},t){let s=y(o.customForm),r;switch(s?.style){case"heading_1":r=Ie.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break;case"heading_2":r=Ie.default.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break;case"heading_3":r=Ie.default.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break;default:r=Ie.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break}return Ie.default.createElement("div",{className:"app-sdk-header-form-field"},r)});var ks=l(require("react"),1);function Mo(e){let{formField:o}=e;return ks.default.createElement("input",{className:"app-sdk-hidden",type:"hidden",id:o.id,value:o.defaultValue?.toString()||"",name:o.id,"data-form-field-type":"hidden"})}var Ne=l(require("react"),1);var Bo=(0,Ne.forwardRef)(function({formField:o,state:t},s){let r=y(o.customForm);return Fo(o.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for integer field "${o.id}"`),Ne.default.createElement("div",null,Ne.default.createElement("label",{htmlFor:o.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},o.label),Ne.default.createElement("div",{className:"app-sdk-mt-1"},Ne.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:1,id:o.id,name:o.id,defaultValue:t||o.defaultValue?.toString(),placeholder:r?.placeholder??"0","aria-describedby":`${o.id}-hint`,"data-form-field-type":"integer"})),r?.hint&&Ne.default.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)]"},r.hint))});var $e=l(require("react"),1);function Oo(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm);o.defaultValue&&!qr(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for month field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return $e.default.createElement("div",null,$e.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),$e.default.createElement("div",{className:"app-sdk-mt-1"},$e.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"month",defaultValue:r,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"month"})),s?.hint&&$e.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function qr(e){return/^\d{4}-(0[1-9]|1[0-2])$/.test(e)}var hs=l(require("isomorphic-dompurify"),1),Lo=require("marked"),Uo=l(require("react"),1),Vo=require("react");var _o=(0,Uo.forwardRef)(function({formField:{defaultValue:o,label:t}},s){let[r,a]=(0,Vo.useState)("");return(0,Vo.useEffect)(()=>{let n=Lo.marked.parse(o?.toString()??t?.toString()??"",{renderer:new Pt,hooks:new St});a(n)},[o,t]),Uo.default.createElement("div",{className:_("app-sdk-text-sm","[&_p]:app-sdk-my-4 first-of-type:[&_p]:app-sdk-mb-4 first-of-type:[&_p]:app-sdk-mt-0","[&_a]:app-sdk-text-[color:var(--asdk-dui-link-color)] [&_a]:app-sdk-underline hover:[&_a]:app-sdk-text-[color:var(--asdk-dui-link-hover-color)]","[&_h1]:app-sdk-text-2xl [&_h1]:app-sdk-font-bold [&_h2]:app-sdk-text-xl [&_h2]:app-sdk-font-bold [&_h3]:app-sdk-text-lg [&_h3]:app-sdk-font-bold [&_h4]:app-sdk-text-base [&_h4]:app-sdk-font-bold [&_h5]:app-sdk-text-sm [&_h5]:app-sdk-font-bold [&_h6]:app-sdk-text-xs [&_h6]:app-sdk-font-bold","[&_code]:app-sdk-text-[#e83e8c] [&_pre]:app-sdk-my-4 [&_pre]:app-sdk-bg-gray-100 [&_pre]:dark:app-sdk-bg-app-sdk-gray-700 [&_pre_code]:app-sdk-text-inherit","[&_blockquote]:app-sdk-m-[revert] [&_fieldset]:app-sdk-m-[revert] [&_h1]:app-sdk-m-[revert] [&_h2]:app-sdk-m-[revert] [&_h3]:app-sdk-m-[revert] [&_h4]:app-sdk-m-[revert] [&_h5]:app-sdk-m-[revert] [&_h6]:app-sdk-m-[revert] [&_menu]:app-sdk-m-[revert] [&_ol]:app-sdk-m-[revert] [&_ul]:app-sdk-m-[revert]","[&_fieldset]:app-sdk-p-[revert] [&_menu]:app-sdk-p-[revert] [&_ol]:app-sdk-p-[revert] [&_ul]:app-sdk-p-[revert]","[&_ol]:app-sdk-list-decimal [&_ol_p]:app-sdk-my-2 first-of-type:[&_ol_p]:app-sdk-my-4 [&_ul]:app-sdk-list-disc [&_ul_p]:app-sdk-my-2 first-of-type:[&_ul_p]:app-sdk-my-4","[&_input[type='checkbox']]:app-sdk-form-checkbox [&_input[type='checkbox']]:app-sdk-border [&_input[type='checkbox']]:app-sdk-h-4 [&_input[type='checkbox']]:app-sdk-w-4 [&_input[type='checkbox']]:app-sdk-rounded [&_input[type='checkbox']]:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:app-sdk-text-sky-600 [&_input[type='checkbox']]:hover:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:dark:app-sdk-border-2 [&_input[type='checkbox']]:dark:app-sdk-border-solid [&_input[type='checkbox']]:dark:app-sdk-border-transparent [&_input[type='checkbox']]:dark:app-sdk-bg-app-sdk-gray-350 [&_input[type='checkbox']]:dark:app-sdk-text-[#007bff40] [&_input[type='checkbox']]:dark:hover:app-sdk-border-transparent [&_input[type='checkbox']]:dark:hover:checked:app-sdk-bg-app-sdk-gray-350"),dangerouslySetInnerHTML:{__html:r}})}),Pt=class extends Lo.marked.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}},St=class extends Lo.marked.Hooks{postprocess(o){return hs.default.sanitize(o,{ADD_ATTR:["target"]})}};var He=l(require("react"),1);function Ao(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm),r=e.state||(o.defaultValue?.toString()??"");return He.default.createElement("div",null,He.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),He.default.createElement("div",{className:"app-sdk-mt-1"},He.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm 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:r,placeholder:s?.placeholder,"aria-describedby":t,"data-form-field-type":"password"})),s?.hint&&He.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var ce=l(require("react"),1);function $o({formField:e,state:o}){let t=y(e.customForm),s=t?.entries,r=`${e.id}-hint`;return ce.default.createElement("div",null,ce.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),ce.default.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"radio"},s?.map(a=>ce.default.createElement("div",{key:a.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},ce.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},ce.default.createElement("input",{type:"radio",defaultChecked:(o||e.defaultValue)==a.key,name:e.id,id:a.key,value:a.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"})),ce.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},ce.default.createElement("label",{htmlFor:a.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},a.value))))),t?.hint&&ce.default.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},t?.hint))}var ge=l(require("react"),1);function Ho({formField:e,state:o}){let t=y(e.customForm),s=e.label,r=t?.min||0,a=t?.max||100,n=t?.step||1,i=o||e.defaultValue?.toString()||r.toString(),[d,u]=(0,ge.useState)(i),p=w=>{u(w.target.value)},m=ge.default.createElement("input",{className:_("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:r.toString(),max:a.toString(),step:n.toString(),defaultValue:i,onChange:p,"aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"range"}),k=t?.hint?ge.default.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},t.hint):null;return ge.default.createElement("div",null,ge.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),ge.default.createElement("div",{className:"app-sdk-mt-1 app-sdk-flex app-sdk-flex-row"},m,ge.default.createElement("span",{className:"app-sdk-mt-2 app-sdk-ml-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-text-color)]"},d)),k)}var Ee=l(require("react"),1);function zo({formField:e,state:o}){let t=y(e.customForm),s=t?.entries,r=`${e.id}-hint`,a=o||s?.find(n=>n.key===e.defaultValue)?.key||"";return Ee.default.createElement("div",null,Ee.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Ee.default.createElement("select",{id:e.id,name:e.id,className:"app-sdk-form-select app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-mt-1 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-py-2 app-sdk-pl-3 app-sdk-pr-10 app-sdk-text-base app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-outline-none focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:app-sdk-bg-app-sdk-dropdown-dark dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",onChange:n=>n.target.dataset.value=n.target.value,"data-value":a,"aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"select",defaultValue:a},Ee.default.createElement("option",{value:""},!a&&t?.placeholder),s?.map(n=>Ee.default.createElement("option",{key:n.key,value:n.key},n.value))),t?.hint&&Ee.default.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},t?.hint))}var we=l(require("react"),1);var ze=l(require("react"),1);function Re(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm),r=e.state||(o.defaultValue?.toString()??"");return ze.default.createElement("div",null,ze.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),ze.default.createElement("div",{className:"app-sdk-mt-1"},ze.default.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:r,id:o.id,name:o.id,rows:s?.rows??4,"aria-describedby":t,"data-form-field-type":"textarea",placeholder:s?.placeholder})),s?.hint&&ze.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var Ro=(0,we.forwardRef)(function({formField:o,state:t},s){let r=y(o.customForm);if(r?.multiline==="true")return we.default.createElement(Re,{formField:o,state:t});let n=`${o.id}-hint`,i=t||(o.defaultValue?.toString()??"");return we.default.createElement("div",null,we.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),we.default.createElement("div",{className:"app-sdk-mt-1"},we.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm 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:i,id:o.id,name:o.id,"aria-describedby":n,"data-form-field-type":"text",placeholder:r?.placeholder})),r?.hint&&we.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:n},r?.hint))});var je=l(require("react"),1);function jo({formField:e,state:o}){let t=y(e.customForm),s=`${e.id}-hint`;return je.default.createElement("div",null,je.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),je.default.createElement("div",{className:"app-sdk-mt-1"},je.default.createElement("input",{className:_("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?s:void 0,"data-form-field-type":"tel"})),t?.hint&&je.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:s},t.hint))}var Ge=l(require("react"),1);function Go(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm);o.defaultValue&&!Xr(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for time field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return Ge.default.createElement("div",null,Ge.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Ge.default.createElement("div",{className:"app-sdk-mt-1"},Ge.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"time",defaultValue:r,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"time"})),s?.hint&&Ge.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Xr(e){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(e)}var Je=l(require("react"),1);function Jo(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm),r=e.state||(o.defaultValue?.toString()??"");return Je.default.createElement("div",null,Je.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Je.default.createElement("div",{className:"app-sdk-mt-1"},Je.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm 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:r,placeholder:s?.placeholder??"https://processcube.io/",name:o.id,"aria-describedby":t,"data-form-field-type":"url"})),s?.hint&&Je.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var We=l(require("react"),1);function Wo(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm);o.defaultValue&&!Yr(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for week field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return We.default.createElement("div",null,We.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),We.default.createElement("div",{className:"app-sdk-mt-1"},We.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"week",defaultValue:r,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"week"})),s?.hint&&We.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Yr(e){return/^(\d{4})-W(0[1-9]|[1-4][0-9]|5[0-3])$/.test(e)}var ws=(x=>(x.paragraph="paragraph",x.header="header",x.confirm="confirm",x.checkbox="checkbox",x.radio="radio",x.select="select",x.range="range",x.file="file",x.hidden="hidden",x.tel="tel",x.textarea="textarea",x.url="url",x.week="week",x.time="time",x.month="month",x.datetimeLocal="datetime-local",x.email="email",x.color="color",x.password="password",x.custom="custom",x))(ws||{}),ed={...gs.DataModels.FlowNodeInstances.UserTaskFormFieldType,...ws},Dt={boolean:wo,checkbox:yo,color:vo,date:No,email:So,enum:Do,file:To,hidden:Mo,long:Bo,"datetime-local":Co,month:Oo,number:Po,string:Ro,paragraph:_o,password:Ao,radio:$o,range:Ho,select:zo,header:Eo,confirm:xo,tel:jo,textarea:Re,time:Go,url:Jo,week:Wo,custom:Io};var Kr=(0,xs.default)(P.default.version,">=19.0.0 <20",{includePrerelease:!0}),Ns=(0,bs.default)(P.default.version)==null,ys=!Ns&&(0,vs.default)(P.default.version,"19.0.0")&&P.default.version.includes("canary"),Tt=class extends P.default.Component{};function Zr(e){Kr||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		The React version is not supported!
+Version: ${P.default.version}`);let{userTaskConfig:o}=e.task,{formFields:t}=o,s=(0,P.useRef)(null),r=(0,P.useRef)(null),a=new Map(t.map(h=>[h.id,{ref:P.default.createRef()}])),n=t.filter(h=>h.type==="confirm");n.length>1&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Warning while rendering UserTask "${e.task.flowNodeId}"!
  The UserTask has more than one confirm form field. Please use only one confirm form field per User Task.
 
-The first confirm form field is used for rendering.`);let i=n.length===1?n[0]:null,p={...ft,...e.customFieldComponents?e.customFieldComponents:{}},g=l=>{let k=Ra(l,t,r);e.onSubmit(k,l,(0,ps.mapUserTask)(e.task))};function c(l){let k=l.target;s.current!=null&&window.clearTimeout(s.current),s.current=window.setTimeout(()=>{if(s.current=null,a.current==null)return;let P=new FormData(a.current),Y=Ja(P,r);e.onStateChange?.(k.value,k.name,Y)},100)}let f=T("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??""),D=e.darkMode||f.split(" ").includes("dark"),j={...rs&&{action:g},...!rs&&ls&&{onSubmit:l=>{let k=new FormData(a.current),P=l.nativeEvent.submitter;k.has(P.name)||k.append(P.name,P.value),g(k)},method:"dialog"}};return y.default.createElement("div",{className:D?`dark app-sdk-dark ${f}`:T(...f.split(" ").filter(l=>l!=="dark"&&l!=="app-sdk-dark")),"data-dynamic-ui":!0},y.default.createElement("form",{ref:a,className:T("app-sdk-flex app-sdk-max-h-full app-sdk-flex-col app-sdk-rounded-lg app-sdk-bg-[color:var(--asdk-dui-background-color)]  app-sdk-text-[color:var(--asdk-dui-text-color)] app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)]",e.classNames?.base??""),"data-user-task-id":e.task.flowNodeId,"data-user-task-instance-id":e.task.flowNodeInstanceId,onChange:c,...j},y.default.createElement("header",{className:T("app-sdk-px-4 app-sdk-pb-3 app-sdk-pt-4 sm:app-sdk-px-6",e.classNames?.header?e.classNames.header:"")},y.default.createElement($a,{title:e.title??e.task.flowNodeName??"User Task",headerComponent:e.headerComponent})),y.default.createElement("section",{className:T("app-sdk-overflow-y-auto app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.body??"")},y.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-space-y-6 dark:[color-scheme:dark]"},t.map(l=>{let k=p?.[l.type]||p.custom;if(!k)return null;if(!Ie.isValidElementType(k))return console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		The given DynamicUiFormFieldComponent is not a valid React Element Type.
+The first confirm form field is used for rendering.`);let i=n.length===1?n[0]:null,d={...Dt,...e.customFieldComponents?e.customFieldComponents:{}},u=h=>{let c=aa(h,t,a);e.onSubmit(c,h,(0,Is.mapUserTask)(e.task))};function p(h){let c=h.target;s.current!=null&&window.clearTimeout(s.current),s.current=window.setTimeout(()=>{if(s.current=null,r.current==null)return;let v=new FormData(r.current),E=ra(v,a);e.onStateChange?.(c.value,c.name,E)},100)}let m=_("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??""),k=e.darkMode||m.split(" ").includes("dark"),w={...ys&&{action:u},...!ys&&Ns&&{onSubmit:h=>{let c=new FormData(r.current),v=h.nativeEvent.submitter;c.has(v.name)||c.append(v.name,v.value),u(c)},method:"dialog"}};return P.default.createElement("div",{className:k?`dark app-sdk-dark ${m}`:_(...m.split(" ").filter(h=>h!=="dark"&&h!=="app-sdk-dark")),"data-dynamic-ui":!0},P.default.createElement("form",{ref:r,className:_("app-sdk-flex app-sdk-max-h-full app-sdk-flex-col app-sdk-rounded-lg app-sdk-bg-[color:var(--asdk-dui-background-color)]  app-sdk-text-[color:var(--asdk-dui-text-color)] app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)]",e.classNames?.base??""),"data-user-task-id":e.task.flowNodeId,"data-user-task-instance-id":e.task.flowNodeInstanceId,onChange:p,...w},P.default.createElement("header",{className:_("app-sdk-px-4 app-sdk-pb-3 app-sdk-pt-4 sm:app-sdk-px-6",e.classNames?.header?e.classNames.header:"")},P.default.createElement(ea,{title:e.title??e.task.flowNodeName??"User Task",headerComponent:e.headerComponent})),P.default.createElement("section",{className:_("app-sdk-overflow-y-auto app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.body??"")},P.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-space-y-6 dark:[color-scheme:dark]"},t.map(h=>{let c=d?.[h.type]||d.custom;if(!c)return null;if(!Me.isValidElementType(c))return console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		The given DynamicUiFormFieldComponent is not a valid React Element Type.
 
-FormField:	${JSON.stringify(l,null,2)}
-DynamicUiFormFieldComponent:	${k.toString()}
+FormField:	${JSON.stringify(h,null,2)}
+DynamicUiFormFieldComponent:	${c.toString()}
 
-Rendering 'null' as fallback`),null;let P;We(k)?(Ha(k),P=k):gt(k)?(ja(k),P=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()?
+Rendering 'null' as fallback`),null;let v;ao(c)?(oa(c),v=c):Et(c)?(ta(c),v=c):(c.length===2&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?
 
-FormField ID: ${l.id}
-FormField Type: ${l.type}
-Component Name: ${k.name} ${k.displayName??""}`),Ga(k),P=k);let Y=r.get(l.id)?.ref;return y.default.createElement(y.Fragment,{key:l.id},(0,y.createElement)(k,{ref:We(k)||gt(k)?Y:void 0,formField:l,state:e.state?.[l.id]}))}))),y.default.createElement("footer",{className:T("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.default.createElement(za,{confirmFormField:i}))))}function za(e){let{confirmFormField:o}=e,t=y.default.createElement(y.Fragment,null,y.default.createElement("button",{type:"submit",className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm "},"OK"));if(o){let s=u(o.customForm);t=y.default.createElement(y.Fragment,null,y.default.createElement("button",{type:"submit",name:o.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm ",value:"true"},s?.confirmButtonText??"Confirm"),y.default.createElement("button",{type:"submit",name:o.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-decline-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-decline-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm",value:"false"},s?.declineButtonText??"Decline"))}return y.default.createElement("div",{className:"app-sdk-space-y-2 sm:app-sdk-flex sm:app-sdk-flex-row-reverse sm:-app-sdk-space-x-2 sm:app-sdk-space-y-0"},t)}function $a(e){return y.default.createElement("div",{className:"app-sdk-flex app-sdk-space-x-3"},y.default.createElement("div",{className:"app-sdk-flex-1"},y.default.createElement("h3",{id:"headline-title",className:"app-sdk-text-lg app-sdk-font-medium app-sdk-leading-6 app-sdk-text-[color:var(--asdk-dui-header-text-color)]"},e.title)),y.default.createElement("div",{className:"app-sdk-flex app-sdk-self-center"},e.headerComponent))}function We(e){return e?.prototype?.isReactComponent!=null}function Ha(e){if(!(Ie.isValidElementType(e)&&We(e)))throw new Error("Expected Element to be a React Component")}function gt(e){return Ie.isValidElementType(e)&&e.$$typeof===Ie.ForwardRef&&!We(e)}function ja(e){if(!gt(e))throw new Error("Expected Element to be a functional Component wrapped with React.forwardRef")}function Ga(e){if(!(Ie.isValidElementType(e)&&!We(e)))throw new Error("Expected Element to be a functional Component")}function Ja(e,o){let t={};return e.forEach((s,a)=>{if(s instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Add a getState Function to your component to return a JSON Primitive value as state.
+FormField ID: ${h.id}
+FormField Type: ${h.type}
+Component Name: ${c.name} ${c.displayName??""}`),sa(c),v=c);let E=a.get(h.id)?.ref;return P.default.createElement(P.Fragment,{key:h.id},(0,P.createElement)(c,{ref:ao(c)||Et(c)?E:void 0,formField:h,state:e.state?.[h.id]}))}))),P.default.createElement("footer",{className:_("app-sdk-rounded-b-lg app-sdk-bg-[color:var(--asdk-dui-footer-background-color)] app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.footer??"")},P.default.createElement(Qr,{confirmFormField:i}))))}function Qr(e){let{confirmFormField:o}=e,t=P.default.createElement(P.Fragment,null,P.default.createElement("button",{type:"submit",className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm "},"OK"));if(o){let s=y(o.customForm);t=P.default.createElement(P.Fragment,null,P.default.createElement("button",{type:"submit",name:o.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm ",value:"true"},s?.confirmButtonText??"Confirm"),P.default.createElement("button",{type:"submit",name:o.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-decline-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-decline-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm",value:"false"},s?.declineButtonText??"Decline"))}return P.default.createElement("div",{className:"app-sdk-space-y-2 sm:app-sdk-flex sm:app-sdk-flex-row-reverse sm:-app-sdk-space-x-2 sm:app-sdk-space-y-0"},t)}function ea(e){return P.default.createElement("div",{className:"app-sdk-flex app-sdk-space-x-3"},P.default.createElement("div",{className:"app-sdk-flex-1"},P.default.createElement("h3",{id:"headline-title",className:"app-sdk-text-lg app-sdk-font-medium app-sdk-leading-6 app-sdk-text-[color:var(--asdk-dui-header-text-color)]"},e.title)),P.default.createElement("div",{className:"app-sdk-flex app-sdk-self-center"},e.headerComponent))}function ao(e){return e?.prototype?.isReactComponent!=null}function oa(e){if(!(Me.isValidElementType(e)&&ao(e)))throw new Error("Expected Element to be a React Component")}function Et(e){return Me.isValidElementType(e)&&e.$$typeof===Me.ForwardRef&&!ao(e)}function ta(e){if(!Et(e))throw new Error("Expected Element to be a functional Component wrapped with React.forwardRef")}function sa(e){if(!(Me.isValidElementType(e)&&!ao(e)))throw new Error("Expected Element to be a functional Component")}function ra(e,o){let t={};return e.forEach((s,r)=>{if(s instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Add a getState Function to your component to return a JSON Primitive value as state.
 
-FormField: ${a} with ${s} `);return}t[a]?t[a]=Array.isArray(t[a])?[...t[a],s]:[t[a],s]:t[a]=s}),o.forEach((s,a)=>{if(typeof s.ref.current?.getState=="function"){let r=s.ref.current.getState();(typeof r=="boolean"||typeof r=="number"||typeof r=="string"||Array.isArray(r)||r==null||r?.toString()==="[object Object]")&&(t[a]=r)}}),t}function Ra(e,o,t){let s={};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.
+FormField: ${r} with ${s} `);return}t[r]?t[r]=Array.isArray(t[r])?[...t[r],s]:[t[r],s]:t[r]=s}),o.forEach((s,r)=>{if(typeof s.ref.current?.getState=="function"){let a=s.ref.current.getState();(typeof a=="boolean"||typeof a=="number"||typeof a=="string"||Array.isArray(a)||a==null||a?.toString()==="[object Object]")&&(t[r]=a)}}),t}function aa(e,o,t){let s={};for(let a of e.keys()){let n=e.getAll(a);if(n[0]instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Use the raw FormData instance to process files instead.
 
-FormField: ${r} with ${n} `);continue}if(n.length===1?s[r]=n[0]:s[r]=n,s[r]==""&&delete s[r],s[r]){let i=o.find(p=>p.id===r)?.type;if(i==="boolean"){s[r]=s[r]==="on";continue}if(i==="confirm"){s[r]=JSON.parse(s[r]);continue}if(i==="number"){s[r]=parseFloat(s[r]);continue}if(i==="long"){s[r]=parseInt(s[r]);continue}}}let a=o.filter(r=>r.type==="boolean");return a.length&&a.forEach(r=>{s[r.id]||(s[r.id]=!1)}),t.forEach((r,n)=>{if(typeof r.ref.current?.getValue=="function"){let i=r.ref.current.getValue();(typeof i=="boolean"||typeof i=="number"||typeof i=="string"||Array.isArray(i)||i==null||i?.toString()==="[object Object]")&&(s[n]=i)}}),s}var Ks=require("@headlessui/react"),Qs=require("bpmn-js/lib/util/ModelUtil"),qo=require("lodash"),ea=d(require("next/dynamic"),1),h=d(require("react"),1),oa=require("react-dom/client"),L=require("@5minds/processcube_engine_sdk");var W=require("@headlessui/react"),cs=require("@heroicons/react/24/outline"),R=d(require("react"),1);function ms(e){let[o,t]=(0,R.useState)(""),s=o===""?e.entries:e.entries.filter(a=>a.name.toLowerCase().includes(o.toLowerCase()));return R.default.createElement(W.Dialog,{className:"app-sdk-relative app-sdk-z-50",open:e.isOpen,onClose:()=>{e.onClose(),t("")}},R.default.createElement(W.DialogBackdrop,{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"}),R.default.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"},R.default.createElement(W.DialogPanel,{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"},R.default.createElement(W.Combobox,{onChange:a=>{a&&e.onConfirm(a)}},R.default.createElement(W.ComboboxInput,{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:a=>t(a.target.value),onBlur:()=>t("")}),s.length>0&&R.default.createElement(W.ComboboxOptions,{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)]"},s.map(a=>R.default.createElement(W.ComboboxOption,{key:a.id,value:a,className:({focus:r})=>T("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")},a.name))),o!==""&&s.length===0&&R.default.createElement("div",{className:"app-sdk-px-4 app-sdk-py-14 app-sdk-text-center sm:app-sdk-px-14"},R.default.createElement(cs.UsersIcon,{className:"app-sdk-mx-auto app-sdk-h-6 app-sdk-w-6 app-sdk-text-gray-400","aria-hidden":"true"}),R.default.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."))))))}var us=d(require("react"),1);function ae({title:e,children:o,className:t,onClick:s}){return us.default.createElement("button",{title:e,className:T(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:s},o)}var ks=d(require("react"),1);function fs({width:e,children:o}){return ks.default.createElement("div",{className:"app-sdk-flex app-sdk-gap-1 app-sdk-justify-center app-sdk-flex-wrap",style:{width:`${e}px`}},o)}var _o=d(require("react"),1);function hs({isSender:e,onClick:o}){return _o.default.createElement(ae,{title:`Go to ${e?"Target":"Source"}`,onClick:o},_o.default.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},_o.default.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"})))}var Ao=d(require("react"),1);function gs({onClick:e}){return Ao.default.createElement(ae,{onClick:e,title:"List Instances"},Ao.default.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Ao.default.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"})))}var $o=d(require("react"),1);function Vs({flowNodeId:e,flowNodeInstanceId:o,flowNodeType:t,processInstanceId:s,onPlay:a}){return $o.default.createElement(ae,{title:"Run Task",className:"asdk-pii-play-button",onClick:()=>{typeof a=="function"?new Promise(async(r,n)=>{try{await a({flowNodeId:e,processInstanceId:s,flowNodeInstanceId:o,taskType:t}),r(!0)}catch(i){n(i)}}):Promise.resolve().then(()=>(_e(),Ve)).then(({finishTask:r})=>r(o,t))}},$o.default.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"},$o.default.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"})))}var _s=d(require("react"),1);function As(){return _s.default.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"})}var vt=d(require("react"),1);function zs({children:e}){return vt.default.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"},vt.default.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))}var Ho=d(require("react"),1);var $s=d(require("react"),1);function we({title:e,disabled:o,children:t,onClick:s}){return $s.default.createElement("button",{title:`${e??""}${o?" (disabled)":""}`,className:T("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:s,disabled:o},t)}function Hs({onClick:e}){return Ho.default.createElement(we,{title:"Refresh Process Instance Data",onClick:e},Ho.default.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"},Ho.default.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"})))}var jo=d(require("react"),1);function js({onClick:e}){return jo.default.createElement(ae,{title:"Retry Process Here",onClick:e},jo.default.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"},jo.default.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"})))}var K=require("@headlessui/react"),Gs=d(require("@monaco-editor/react"),1),V=d(require("react"),1);function Js(e){let[o,t]=(0,V.useState)("");return(0,V.useEffect)(()=>{t(JSON.stringify(e.flowNodeInstance?.startToken??e.processInstance.startToken??{},null,2))},[e.flowNodeInstance,e.processInstance]),V.default.createElement(K.Dialog,{open:e.isOpen,onClose:e.onClose,className:"app-sdk-relative app-sdk-z-50"},V.default.createElement(K.DialogBackdrop,{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"},V.default.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"},V.default.createElement(K.DialogPanel,{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)]"},V.default.createElement(K.DialogTitle,{className:"app-sdk-font-bold"},"Retry Process Instance"),V.default.createElement(K.Description,{className:"app-sdk-break-words"},"Are you sure you want to retry the Process Instance",e.flowNodeInstance&&` at this Flow Node (${e.flowNodeInstance.flowNodeId})`,"?"),V.default.createElement(K.Description,null,"You can provide a new start token:"),V.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},V.default.createElement("label",null,"Start Token"),V.default.createElement(Gs.default,{height:"7rem",defaultLanguage:"json",defaultValue:o,onChange:s=>t(s??""),options:{lineNumbersMinChars:2,readOnly:!1,minimap:{enabled:!1},formatOnPaste:!0,formatOnType:!0}})),V.default.createElement("div",{className:"app-sdk-flex app-sdk-justify-end app-sdk-gap-2"},V.default.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"),V.default.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 s=JSON.parse(o);await(await Promise.resolve().then(()=>(_e(),Ve))).retryProcess(e.processInstance.processInstanceId,e.flowNodeInstance?.flowNodeInstanceId,s),e.onClose()}},"Retry"))))))}var Go=d(require("react"),1);function Rs({disabled:e,onClick:o}){return Go.default.createElement(we,{title:"Retry Process",disabled:e,onClick:o},Go.default.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"},Go.default.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"})))}var Jo=d(require("react"),1);function Ws({processInstanceId:e,disabled:o}){return Jo.default.createElement(we,{title:"Terminate Process",disabled:o,onClick:()=>Promise.resolve().then(()=>(_e(),Ve)).then(({terminateProcess:t})=>t(e))},Jo.default.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"},Jo.default.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"})))}var ye=require("@heroicons/react/24/outline"),bt=require("@monaco-editor/react"),w=d(require("react"),1);function qs(e){let[o,t]=(0,w.useState)(),[s,a]=(0,w.useState)(!0),[r,n]=(0,w.useState)(null),i=c=>{n(r===c?null:c)};(0,w.useEffect)(()=>(s&&e.flowNodeInstances.length>1&&a(!1),()=>{if(s)return;let c=new URLSearchParams(window.location.search);c.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${c.toString()}${window.location.hash}`)}),[s,e.flowNodeInstances]),(0,w.useEffect)(()=>{if(e.flowNodeInstances.length<2){t(void 0);return}let f=new URLSearchParams(window.location.search).get("tokenInspectorFocus");f||t(e.flowNodeInstances[0]);let D=e.flowNodeInstances.find(j=>j.flowNodeId===f);D&&t(D)},[e.flowNodeInstances]),(0,w.useEffect)(()=>{if(s)return;let c=new URLSearchParams(window.location.search);o?c.set("tokenInspectorFocus",o.flowNodeId):c.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${c.toString()}${window.location.hash}`)},[o,s]);let p=(0,w.useMemo)(()=>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]),g=(0,w.useMemo)(()=>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 w.default.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"},w.default.createElement("button",{onClick:()=>{e.close()},className:"app-sdk-text-white hover:app-sdk-text-gray-300",title:"Close Token Inspector"},w.default.createElement(ye.XMarkIcon,{className:"app-sdk-w-6 app-sdk-h-6"})),w.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-4"},e.flowNodeInstances.length===0?w.default.createElement("label",{className:"app-sdk-break-all"},"Process: ",e.processInstance.processModelId,e.processInstance.processModelName&&` (${e.processInstance.processModelName})`):e.flowNodeInstances.length===1?w.default.createElement("label",{className:"app-sdk-break-all"},"Flow Node: ",e.flowNodeInstances[0].flowNodeId,e.flowNodeInstances[0].flowNodeName&&` (${e.flowNodeInstances[0].flowNodeName})`):w.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1 app-sdk-w-full"},w.default.createElement("label",null,"Select Flow Node:"),w.default.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:c=>t(e.flowNodeInstances.find(f=>f.flowNodeId===c.target.value)),value:o?.flowNodeId??e.flowNodeInstances[0].flowNodeId},e.flowNodeInstances.map(c=>w.default.createElement("option",{key:`token-inspector-option-${c.flowNodeId}`,value:c.flowNodeId},`${c.flowNodeName?`${c.flowNodeName} (${c.flowNodeId})`:c.flowNodeId}`)))),w.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-3"},r&&w.default.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-black/30 app-sdk-backdrop-blur-md app-sdk-z-40"}),w.default.createElement("div",{className:`app-sdk-flex app-sdk-flex-col app-sdk-gap-1
-      ${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":""}`},w.default.createElement("div",{className:"app-sdk-flex app-sdk-items-center app-sdk-justify-between"},w.default.createElement("label",{className:"app-sdk-text-white app-sdk-font-medium"},"Start Token"),w.default.createElement("button",{className:"app-sdk-text-white hover:app-sdk-text-gray-300 app-sdk-w-6 app-sdk-h-6",onClick:()=>i("start"),title:r==="start"?"Minimize":"Maximize"},r==="start"?w.default.createElement(ye.ArrowsPointingInIcon,{className:"app-sdk-w-6 app-sdk-h-6"}):w.default.createElement(ye.ArrowsPointingOutIcon,{className:"app-sdk-w-6 app-sdk-h-6"}))),w.default.createElement(bt.Editor,{height:r==="start"?"60vh":"7rem",defaultLanguage:"json",value:p,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})),w.default.createElement("div",{className:`app-sdk-flex app-sdk-flex-col app-sdk-gap-1
-      ${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":""}`},w.default.createElement("div",{className:"app-sdk-flex app-sdk-items-center app-sdk-justify-between"},w.default.createElement("label",{className:"app-sdk-text-white app-sdk-font-medium"},"End Token"),w.default.createElement("button",{className:"app-sdk-text-white hover:app-sdk-text-gray-300 app-sdk-w-6 app-sdk-h-6",onClick:()=>i("end"),title:r==="end"?"Minimize":"Maximize"},r==="end"?w.default.createElement(ye.ArrowsPointingInIcon,{className:"app-sdk-w-6 app-sdk-h-6"}):w.default.createElement(ye.ArrowsPointingOutIcon,{className:"app-sdk-w-6 app-sdk-h-6"}))),w.default.createElement(bt.Editor,{height:r==="end"?"60vh":"7rem",defaultLanguage:"json",value:g,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})))))}var re=d(require("react"),1);function Xs(e){let[o,t]=(0,re.useState)(e.isOpen??!1);return(0,re.useEffect)(()=>{t(e.isOpen??!1)},[e.isOpen]),re.default.createElement(we,{disabled:e.disabled,title:"View Process Tokens",onClick:()=>{o?e.close():e.open(),t(s=>!s)}},o?re.default.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"},re.default.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"})):re.default.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"},re.default.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 Ys=[L.ProcessInstanceState.error,L.ProcessInstanceState.terminated],tr=[L.BpmnType.manualTask,L.BpmnType.userTask,L.BpmnType.untypedTask],Zs=[L.BpmnType.endEvent,L.BpmnType.intermediateThrowEvent,L.BpmnType.sendTask],sr=[L.BpmnType.startEvent,L.BpmnType.intermediateCatchEvent,L.BpmnType.boundaryEvent,L.BpmnType.receiveTask],Ro={isOpen:!1,placeholder:"",entries:[],onConfirm:()=>{},onClose:()=>{}},ar={isOpen:!1},Wo="asdk-buttons";function ta(e){let{processInstanceId:o}=e,[t,s]=(0,h.useState)(Ro),[a,r]=(0,h.useState)(ar),[n,i]=(0,h.useState)(!1),[p,g]=(0,h.useState)(),[c,f]=(0,h.useState)([]),[D,j]=(0,h.useState)([]),[l,k]=(0,h.useState)(new Map),[P,Y]=(0,h.useState)([]),[sa,xt]=(0,h.useState)([]),x=(0,h.useRef)(null),aa=(0,h.useCallback)(async()=>{let m=await Promise.resolve().then(()=>(_e(),Ve)),v=m.getProcessInstance(o),G=m.getFlowNodeInstances(o),[I,_]=await Promise.all([v,G]),N=await m.getTriggeredFlowNodeInstances(_.map(F=>F.flowNodeInstanceId));g(I),f(_),j(N);let E=new URLSearchParams(window.location.search);E.get("tokenInspector")==="true"&&i(!0);let Q=E.getAll("instance"),ne=_.filter(F=>Q.includes(F.flowNodeInstanceId));ne.length!==Q.length&&(E.delete("instance"),ne.forEach(F=>E.append("instance",F.flowNodeInstanceId)),window.history.replaceState({},"",`${window.location.pathname}?${E.toString()}`));let q=new Map;_.forEach(F=>{q.has(F.flowNodeId)||q.set(F.flowNodeId,F.flowNodeInstanceId)}),ne.forEach(F=>q.set(F.flowNodeId,F.flowNodeInstanceId)),k(q)},[o]),ra=(0,h.useCallback)(m=>{let v=(0,Qs.getBusinessObject)(m),G=c.some(_=>_.flowNodeId===v.targetRef.id),I=c.some(_=>_.flowNodeId===v.sourceRef.id&&_.state===L.FlowNodeInstanceState.finished);return G&&I},[c]),Ye=(0,h.useCallback)(async()=>{let m=x.current?.bpmnViewerRef,v=m?.getOverlays();if(!m||!v)return;let G=await Promise.resolve().then(()=>(_e(),Ve)),I=G.getProcessInstance(o),_=G.getFlowNodeInstances(o),[N,E]=await Promise.all([I,_]),Ae=await G.getTriggeredFlowNodeInstances(E.map(O=>O.flowNodeInstanceId));if((0,qo.isEqual)(N,p)&&(0,qo.isEqual)(E,c)&&(0,qo.isEqual)(Ae,D))return;N.state!==p?.state&&v.clear();for(let[O,Ze]of l.entries()){let ze=c.find(A=>A.flowNodeInstanceId===Ze);if(!ze)continue;let Ke=E.find(A=>A.flowNodeId===O);Ke?.flowNodeInstanceId===Ze&&ze.state===Ke.state||(m.removeMarker(O,`asdk-pii-flow-node-instance-state--${ze.state}`),v.remove({element:O,type:Wo}))}g(N),f(E),j(Ae);let Q=new URLSearchParams(window.location.search),ne=Q.getAll("instance"),q=E.filter(O=>ne.includes(O.flowNodeInstanceId));q.length!==ne.length&&(Q.delete("instance"),q.forEach(O=>Q.append("instance",O.flowNodeInstanceId)),window.history.replaceState({},"",`${window.location.pathname}?${Q.toString()}`));let F=new Map;E.forEach(O=>{F.has(O.flowNodeId)||F.set(O.flowNodeId,O.flowNodeInstanceId)}),q.forEach(O=>F.set(O.flowNodeId,O.flowNodeInstanceId)),k(F)},[x.current,p,l,c,o]),na=(0,h.useCallback)((m,v)=>{let G=x.current?.bpmnViewerRef,I=G?.getOverlays();if(!G||!I)return;let _=I.get({element:m.id,type:Wo});if(Array.isArray(_)&&_.length>0)return;let N=v.find(A=>A.flowNodeInstanceId===l.get(A.flowNodeId));if(!N)return;let E=e.showFlowNodeExecutionCount&&v.length>1,Ae=e.showFlowNodeInstancesListButton&&v.length>1,Q=e.showFinishTaskButton&&tr.includes(m.type)&&N.state===L.FlowNodeInstanceState.suspended,ne=e.showRetryFlowNodeInstanceButton&&p&&Ys.includes(p.state),q=!1,F=[];if(e.showGoToFlowNodeButton&&sr.includes(m.type)){let A=N.triggeredByFlowNodeInstance;q=A!==void 0,F=A?[A]:[]}else if(e.showGoToFlowNodeButton&&Zs.includes(m.type)){let A=D.filter(z=>z.triggeredByFlowNodeInstance?.flowNodeInstanceId===N.flowNodeInstanceId);q=A.length>0,F=A}if(!E&&!Q&&!ne&&!q)return;let O=m.width<52,Ze=I.add(m.id,Wo,{position:{bottom:-7,left:O?-m.width/2:0},html:"<div></div>"}),ze=I.get(Ze),Ke=(0,oa.createRoot)(ze.htmlContainer),Xo=v.indexOf(N)===0,Yo=v.length-v.indexOf(N);Ke.render(h.default.createElement(fs,{width:O?m.width*2:m.width},E&&h.default.createElement(ae,{className:"app-sdk-select-none !app-sdk-cursor-default !app-sdk-bg-slate-500",title:`Flow Node was executed ${v.length} times.${Xo?"":` You are viewing instance #${Yo}.`}`},`${Xo?"":`${Yo}/`}${v.length}`),Ae&&h.default.createElement(gs,{onClick:()=>{let A=v.map(X=>({id:X.flowNodeInstanceId,name:`${X.startedAt?.toLocaleString("en-GB")} - ${X.flowNodeInstanceId} - ${X.state}${X.flowNodeInstanceId===N.flowNodeInstanceId?" (selected)":""}`,...X}));s({isOpen:!0,placeholder:"Select instance to display:",entries:A,onConfirm:async X=>{let Zo=v.find(Ko=>Ko.flowNodeInstanceId===X.flowNodeInstanceId);if(!Zo)return;G.removeMarker(N.flowNodeId,`asdk-pii-flow-node-instance-state--${N.state}`),I.remove({element:m.id,type:Wo});let Qe=new URLSearchParams(window.location.search);Qe.getAll("instance").includes(N.flowNodeInstanceId)&&Qe.delete("instance",N.flowNodeInstanceId),v.indexOf(Zo)!==0&&Qe.append("instance",Zo.flowNodeInstanceId),window.history.replaceState({},"",`${window.location.pathname}?${Qe.toString()}${window.location.hash}`),k(Ko=>new Map(Ko).set(m.id,X.flowNodeInstanceId)),s(Ro)},onClose:()=>s(Ro)})}}),q&&h.default.createElement(hs,{isSender:Zs.includes(m.type),onClick:()=>{if(F.length===1){let z=new URLSearchParams;z.append("selected",F[0].flowNodeId),z.append("instance",F[0].flowNodeInstanceId),window.location.href=`${F[0].processInstanceId}?${z.toString()}`;return}let A=F.map(z=>({id:z.flowNodeInstanceId,name:`${z.startedAt?.toLocaleString("en-GB")} - ${z.flowNodeId}${z.flowNodeName?` - ${z.flowNodeName}`:""}`,...z}));s({isOpen:!0,placeholder:"Select target to go to:",entries:A,onConfirm:z=>{let X=new URLSearchParams;X.append("selected",z.flowNodeId),X.append("instance",z.flowNodeInstanceId),window.location.href=`${z.processInstanceId}?${X.toString()}`},onClose:()=>s(Ro)})}}),Q&&h.default.createElement(Vs,{flowNodeId:N.flowNodeId,flowNodeInstanceId:N.flowNodeInstanceId,flowNodeType:m.type,processInstanceId:N.processInstanceId,onPlay:e.onFinish}),ne&&h.default.createElement(js,{onClick:()=>{r({isOpen:!0,flowNodeInstance:N})}})))},[x.current,p,c,D,l]);if((0,h.useEffect)(()=>{aa()},[o]),(0,h.useEffect)(()=>{if(p?.state===L.ProcessInstanceState.finished){Ye();return}let m=setInterval(Ye,1e3);return()=>clearInterval(m)},[Ye,p?.state]),(0,h.useEffect)(()=>{if(P.length===0||c.length===0){xt([]);return}let m=c.filter(v=>{let G=P.includes(v.flowNodeId),I=l.get(v.flowNodeId)===v.flowNodeInstanceId;return G&&I});if(m.length===0){let v=new URLSearchParams(window.location.search);v.delete("tokenInspectorFocus"),window.history.replaceState({},"",`${window.location.pathname}?${v.toString()}${window.location.hash}`)}xt(m)},[c,P,l]),(0,h.useEffect)(()=>{if(!p?.xml)return;let m=x.current?.bpmnViewerRef,v=m?.getElementRegistry();!m||!v||m.onImportDone(()=>{let G=new Set(c.map(I=>I.flowNodeId));v.forEach(I=>{if(I.type==="bpmn:SequenceFlow"){ra(I)?m.addMarker(I.id,"asdk-pii-sequence-flow-finished"):m.hasMarker(I.id,"asdk-pii-sequence-flow-finished")&&m.removeMarker(I.id,"asdk-pii-sequence-flow-finished");return}if(!G.has(I.id))return;let _=c.filter(E=>E.flowNodeId===I.id),N=_.find(E=>E.flowNodeInstanceId===l.get(E.flowNodeId));N&&(m.hasMarker(I.id,"asdk-pii-flow-node-instance-state")||m.addMarker(I.id,"asdk-pii-flow-node-instance-state"),m.hasMarker(I.id,`asdk-pii-flow-node-instance-state--${N.state}`)||m.addMarker(I.id,`asdk-pii-flow-node-instance-state--${N.state}`),na(I,_))})})},[x.current,p,c,D,l]),!p?.xml)return e.loadingComponent?e.loadingComponent:h.default.createElement("div",{className:"app-sdk-absolute app-sdk-w-screen app-sdk-h-screen app-sdk-flex"},h.default.createElement("div",{className:"app-sdk-m-auto"},"Fetching diagram..."));let da=e.showProcessRefreshButton||e.showProcessRetryButton||e.showProcessTerminateButton||e.showTokenInspectorButton,ia=e.showTokenInspectorButton&&(e.showProcessRefreshButton||e.showProcessRetryButton||e.showProcessTerminateButton);return h.default.createElement("div",{className:"app-sdk-relative app-sdk-w-full app-sdk-h-full"},h.default.createElement(ms,{...t}),(e.showRetryFlowNodeInstanceButton||e.showProcessRetryButton)&&h.default.createElement(Js,{...a,processInstance:p,onClose:()=>r(m=>({...m,isOpen:!1}))}),da&&h.default.createElement(zs,null,e.showProcessRefreshButton&&h.default.createElement(Hs,{onClick:Ye}),e.showProcessRetryButton&&h.default.createElement(Rs,{onClick:()=>r({isOpen:!0}),disabled:!Ys.includes(p.state)}),e.showProcessTerminateButton&&h.default.createElement(Ws,{processInstanceId:o,disabled:p.state!==L.ProcessInstanceState.running}),ia&&h.default.createElement(As,null),e.showTokenInspectorButton&&h.default.createElement(Xs,{isOpen:n,open:()=>{let m=new URLSearchParams(window.location.search);m.set("tokenInspector","true"),window.history.replaceState({},"",`${window.location.pathname}?${m.toString()}${window.location.hash}`),i(!0)},close:()=>{let m=new URLSearchParams(window.location.search);m.delete("tokenInspector"),window.history.replaceState({},"",`${window.location.pathname}?${m.toString()}${window.location.hash}`),i(!1)}})),h.default.createElement(Ks.Transition,{show:n},h.default.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"},h.default.createElement(qs,{processInstance:p,flowNodeInstances:sa,close:()=>{let m=new URLSearchParams(window.location.search);m.delete("tokenInspector"),window.history.replaceState({},"",`${window.location.pathname}?${m.toString()}${window.location.hash}`),i(!1)}}))),h.default.createElement(ao,{xml:p.xml,ref:x,setSelectedElementIds:Y}))}var rr=(0,ea.default)(()=>Promise.resolve(ta),{ssr:!1});0&&(module.exports={BPMNViewer,BPMNViewerNextJS,BooleanFormField,BpmnViewerComponent,CheckboxFormField,ColorFormField,ConfirmFormField,CustomFormField,DateFormField,DatetimeLocalFormField,DecimalFormField,DiagramDocumentationInspector,DiagramDocumentationInspectorNextJS,DocumentationViewer,DropdownMenu,DropdownMenuItem,DynamicLink,DynamicUi,DynamicUiComponent,EmailFormField,EnumFormField,FileFormField,FlowNode,FormFieldComponentMap,HeaderFormField,HiddenFormField,IntegerFormField,MonthFormField,ParagraphFormField,PasswordFormField,ProcessInstanceInspector,ProcessInstanceInspectorNextJS,RadioFormField,RangeFormField,SelectFormField,SplitterLayout,StringFormField,TelFormField,TextareaFormField,TimeFormField,UrlFormField,WeekFormField});
+FormField: ${a} with ${n} `);continue}if(n.length===1?s[a]=n[0]:s[a]=n,s[a]==""&&delete s[a],s[a]){let i=o.find(d=>d.id===a)?.type;if(i==="boolean"){s[a]=s[a]==="on";continue}if(i==="confirm"){s[a]=JSON.parse(s[a]);continue}if(i==="number"){s[a]=parseFloat(s[a]);continue}if(i==="long"){s[a]=parseInt(s[a]);continue}}}let r=o.filter(a=>a.type==="boolean");return r.length&&r.forEach(a=>{s[a.id]||(s[a.id]=!1)}),t.forEach((a,n)=>{if(typeof a.ref.current?.getValue=="function"){let i=a.ref.current.getValue();(typeof i=="boolean"||typeof i=="number"||typeof i=="string"||Array.isArray(i)||i==null||i?.toString()==="[object Object]")&&(s[n]=i)}}),s}var lr=require("@headlessui/react"),cr=require("bpmn-js/lib/util/ModelUtil"),nt=require("lodash"),mr=l(require("next/dynamic"),1),b=l(require("react"),1),ur=require("react-dom/client"),j=require("@5minds/processcube_engine_sdk");var Q=require("@headlessui/react"),Cs=require("@heroicons/react/24/outline"),Z=l(require("react"),1);function Fs(e){let[o,t]=(0,Z.useState)(""),s=o===""?e.entries:e.entries.filter(r=>r.name.toLowerCase().includes(o.toLowerCase()));return Z.default.createElement(Q.Dialog,{className:"app-sdk-relative app-sdk-z-50",open:e.isOpen,onClose:()=>{e.onClose(),t("")}},Z.default.createElement(Q.DialogBackdrop,{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"}),Z.default.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"},Z.default.createElement(Q.DialogPanel,{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"},Z.default.createElement(Q.Combobox,{onChange:r=>{r&&e.onConfirm(r)}},Z.default.createElement(Q.ComboboxInput,{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:r=>t(r.target.value),onBlur:()=>t("")}),s.length>0&&Z.default.createElement(Q.ComboboxOptions,{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)]"},s.map(r=>Z.default.createElement(Q.ComboboxOption,{key:r.id,value:r,className:({focus:a})=>_("app-sdk-cursor-default app-sdk-select-none app-sdk-rounded-md app-sdk-px-4 app-sdk-py-2",a&&"app-sdk-bg-[color:var(--asdk-cmdp-focus-color)] app-sdk-text-white")},r.name))),o!==""&&s.length===0&&Z.default.createElement("div",{className:"app-sdk-px-4 app-sdk-py-14 app-sdk-text-center sm:app-sdk-px-14"},Z.default.createElement(Cs.UsersIcon,{className:"app-sdk-mx-auto app-sdk-h-6 app-sdk-w-6 app-sdk-text-gray-400","aria-hidden":"true"}),Z.default.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."))))))}var Ps=l(require("react"),1);function me({title:e,children:o,className:t,onClick:s}){return Ps.default.createElement("button",{title:e,className:_(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:s},o)}var Ss=l(require("react"),1);function Ds({width:e,children:o}){return Ss.default.createElement("div",{className:"app-sdk-flex app-sdk-gap-1 app-sdk-justify-center app-sdk-flex-wrap",style:{width:`${e}px`}},o)}var qo=l(require("react"),1);function Ts({isSender:e,onClick:o}){return qo.default.createElement(me,{title:`Go to ${e?"Target":"Source"}`,onClick:o},qo.default.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},qo.default.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"})))}var Xo=l(require("react"),1);function Es({onClick:e}){return Xo.default.createElement(me,{onClick:e,title:"List Instances"},Xo.default.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Xo.default.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"})))}var Ko=l(require("react"),1);function Ks({flowNodeId:e,flowNodeInstanceId:o,flowNodeType:t,processInstanceId:s,onPlay:r}){return Ko.default.createElement(me,{title:"Run Task",className:"asdk-pii-play-button",onClick:()=>{typeof r=="function"?new Promise(async(a,n)=>{try{await r({flowNodeId:e,processInstanceId:s,flowNodeInstanceId:o,taskType:t}),a(!0)}catch(i){n(i)}}):Promise.resolve().then(()=>(Xe(),qe)).then(({finishTask:a})=>a(o,t))}},Ko.default.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"},Ko.default.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"})))}var Zs=l(require("react"),1);function Qs(){return Zs.default.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"})}var Ot=l(require("react"),1);function Zo({children:e}){return Ot.default.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"},Ot.default.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))}var Qo=l(require("react"),1);var er=l(require("react"),1);function Fe({title:e,disabled:o,children:t,onClick:s}){return er.default.createElement("button",{title:`${e??""}${o?" (disabled)":""}`,className:_("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:s,disabled:o},t)}function or({onClick:e}){return Qo.default.createElement(Fe,{title:"Refresh Process Instance Data",onClick:e},Qo.default.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"},Qo.default.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"})))}var et=l(require("react"),1);function tr({onClick:e}){return et.default.createElement(me,{title:"Retry Process Here",onClick:e},et.default.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"},et.default.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"})))}var ae=require("@headlessui/react"),sr=l(require("@monaco-editor/react"),1),G=l(require("react"),1);function rr(e){let[o,t]=(0,G.useState)("");return(0,G.useEffect)(()=>{t(JSON.stringify(e.flowNodeInstance?.startToken??e.processInstance.startToken??{},null,2))},[e.flowNodeInstance,e.processInstance]),G.default.createElement(ae.Dialog,{open:e.isOpen,onClose:e.onClose,className:"app-sdk-relative app-sdk-z-50"},G.default.createElement(ae.DialogBackdrop,{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"},G.default.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"},G.default.createElement(ae.DialogPanel,{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)]"},G.default.createElement(ae.DialogTitle,{className:"app-sdk-font-bold"},"Retry Process Instance"),G.default.createElement(ae.Description,{className:"app-sdk-break-words"},"Are you sure you want to retry the Process Instance",e.flowNodeInstance&&` at this Flow Node (${e.flowNodeInstance.flowNodeId})`,"?"),G.default.createElement(ae.Description,null,"You can provide a new start token:"),G.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},G.default.createElement("label",null,"Start Token"),G.default.createElement(sr.default,{height:"7rem",defaultLanguage:"json",defaultValue:o,onChange:s=>t(s??""),options:{lineNumbersMinChars:2,readOnly:!1,minimap:{enabled:!1},formatOnPaste:!0,formatOnType:!0}})),G.default.createElement("div",{className:"app-sdk-flex app-sdk-justify-end app-sdk-gap-2"},G.default.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"),G.default.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 s=JSON.parse(o);await(await Promise.resolve().then(()=>(Xe(),qe))).retryProcess(e.processInstance.processInstanceId,e.flowNodeInstance?.flowNodeInstanceId,s),e.onClose()}},"Retry"))))))}var ot=l(require("react"),1);function ar({disabled:e,onClick:o}){return ot.default.createElement(Fe,{title:"Retry Process",disabled:e,onClick:o},ot.default.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"},ot.default.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"})))}var tt=l(require("react"),1);function nr({processInstanceId:e,disabled:o}){return tt.default.createElement(Fe,{title:"Terminate Process",disabled:o,onClick:()=>Promise.resolve().then(()=>(Xe(),qe)).then(({terminateProcess:t})=>t(e))},tt.default.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"},tt.default.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"})))}var Pe=require("@heroicons/react/24/outline"),Lt=require("@monaco-editor/react"),N=l(require("react"),1);function ir(e){let[o,t]=(0,N.useState)(),[s,r]=(0,N.useState)(!0),[a,n]=(0,N.useState)(null),i=p=>{n(a===p?null:p)};(0,N.useEffect)(()=>(s&&e.flowNodeInstances.length>1&&r(!1),()=>{if(s)return;let p=new URLSearchParams(window.location.search);p.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${p.toString()}${window.location.hash}`)}),[s,e.flowNodeInstances]),(0,N.useEffect)(()=>{if(e.flowNodeInstances.length<2){t(void 0);return}let m=new URLSearchParams(window.location.search).get("tokenInspectorFocus");m||t(e.flowNodeInstances[0]);let k=e.flowNodeInstances.find(w=>w.flowNodeId===m);k&&t(k)},[e.flowNodeInstances]),(0,N.useEffect)(()=>{if(s)return;let p=new URLSearchParams(window.location.search);o?p.set("tokenInspectorFocus",o.flowNodeId):p.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${p.toString()}${window.location.hash}`)},[o,s]);let d=(0,N.useMemo)(()=>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]),u=(0,N.useMemo)(()=>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 N.default.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"},N.default.createElement("button",{onClick:()=>{e.close()},className:"app-sdk-text-white hover:app-sdk-text-gray-300",title:"Close Token Inspector"},N.default.createElement(Pe.XMarkIcon,{className:"app-sdk-w-6 app-sdk-h-6"})),N.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-4"},e.flowNodeInstances.length===0?N.default.createElement("label",{className:"app-sdk-break-all"},"Process: ",e.processInstance.processModelId,e.processInstance.processModelName&&` (${e.processInstance.processModelName})`):e.flowNodeInstances.length===1?N.default.createElement("label",{className:"app-sdk-break-all"},"Flow Node: ",e.flowNodeInstances[0].flowNodeId,e.flowNodeInstances[0].flowNodeName&&` (${e.flowNodeInstances[0].flowNodeName})`):N.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1 app-sdk-w-full"},N.default.createElement("label",null,"Select Flow Node:"),N.default.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:p=>t(e.flowNodeInstances.find(m=>m.flowNodeId===p.target.value)),value:o?.flowNodeId??e.flowNodeInstances[0].flowNodeId},e.flowNodeInstances.map(p=>N.default.createElement("option",{key:`token-inspector-option-${p.flowNodeId}`,value:p.flowNodeId},`${p.flowNodeName?`${p.flowNodeName} (${p.flowNodeId})`:p.flowNodeId}`)))),N.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-3"},a&&N.default.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-black/30 app-sdk-backdrop-blur-md app-sdk-z-40"}),N.default.createElement("div",{className:`app-sdk-flex app-sdk-flex-col app-sdk-gap-1
+      ${a==="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":""}`},N.default.createElement("div",{className:"app-sdk-flex app-sdk-items-center app-sdk-justify-between"},N.default.createElement("label",{className:"app-sdk-text-white app-sdk-font-medium"},"Start Token"),N.default.createElement("button",{className:"app-sdk-text-white hover:app-sdk-text-gray-300 app-sdk-w-6 app-sdk-h-6",onClick:()=>i("start"),title:a==="start"?"Minimize":"Maximize"},a==="start"?N.default.createElement(Pe.ArrowsPointingInIcon,{className:"app-sdk-w-6 app-sdk-h-6"}):N.default.createElement(Pe.ArrowsPointingOutIcon,{className:"app-sdk-w-6 app-sdk-h-6"}))),N.default.createElement(Lt.Editor,{height:a==="start"?"60vh":"7rem",defaultLanguage:"json",value:d,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})),N.default.createElement("div",{className:`app-sdk-flex app-sdk-flex-col app-sdk-gap-1
+      ${a==="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":""}`},N.default.createElement("div",{className:"app-sdk-flex app-sdk-items-center app-sdk-justify-between"},N.default.createElement("label",{className:"app-sdk-text-white app-sdk-font-medium"},"End Token"),N.default.createElement("button",{className:"app-sdk-text-white hover:app-sdk-text-gray-300 app-sdk-w-6 app-sdk-h-6",onClick:()=>i("end"),title:a==="end"?"Minimize":"Maximize"},a==="end"?N.default.createElement(Pe.ArrowsPointingInIcon,{className:"app-sdk-w-6 app-sdk-h-6"}):N.default.createElement(Pe.ArrowsPointingOutIcon,{className:"app-sdk-w-6 app-sdk-h-6"}))),N.default.createElement(Lt.Editor,{height:a==="end"?"60vh":"7rem",defaultLanguage:"json",value:u,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})))))}var ue=l(require("react"),1);function st(e){let[o,t]=(0,ue.useState)(e.isOpen??!1);return(0,ue.useEffect)(()=>{t(e.isOpen??!1)},[e.isOpen]),ue.default.createElement(Fe,{disabled:e.disabled,title:"View Process Tokens",onClick:()=>{o?e.close():e.open(),t(s=>!s)}},o?ue.default.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"},ue.default.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"})):ue.default.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"},ue.default.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 dr=[j.ProcessInstanceState.error,j.ProcessInstanceState.terminated],ka=[j.BpmnType.manualTask,j.BpmnType.userTask,j.BpmnType.untypedTask],pr=[j.BpmnType.endEvent,j.BpmnType.intermediateThrowEvent,j.BpmnType.sendTask],ha=[j.BpmnType.startEvent,j.BpmnType.intermediateCatchEvent,j.BpmnType.boundaryEvent,j.BpmnType.receiveTask],rt={isOpen:!1,placeholder:"",entries:[],onConfirm:()=>{},onClose:()=>{}},ga={isOpen:!1},at="asdk-buttons";function fr(e){let{processInstanceId:o}=e,[t,s]=(0,b.useState)(rt),[r,a]=(0,b.useState)(ga),[n,i]=(0,b.useState)(!1),[d,u]=(0,b.useState)(),[p,m]=(0,b.useState)([]),[k,w]=(0,b.useState)([]),[h,c]=(0,b.useState)(new Map),[v,E]=(0,b.useState)([]),[z,Se]=(0,b.useState)([]),x=(0,b.useRef)(null),ye=(0,b.useCallback)(async()=>{let g=await Promise.resolve().then(()=>(Xe(),qe)),I=g.getProcessInstance(o),J=g.getFlowNodeInstances(o),[M,W]=await Promise.all([I,J]),B=await g.getTriggeredFlowNodeInstances(W.map(O=>O.flowNodeInstanceId));u(M),m(W),w(B);let $=new URLSearchParams(window.location.search);$.get("tokenInspector")==="true"&&i(!0);let ie=$.getAll("instance"),fe=W.filter(O=>ie.includes(O.flowNodeInstanceId));fe.length!==ie.length&&($.delete("instance"),fe.forEach(O=>$.append("instance",O.flowNodeInstanceId)),window.history.replaceState({},"",`${window.location.pathname}?${$.toString()}`));let ee=new Map;W.forEach(O=>{ee.has(O.flowNodeId)||ee.set(O.flowNodeId,O.flowNodeInstanceId)}),fe.forEach(O=>ee.set(O.flowNodeId,O.flowNodeInstanceId)),c(ee)},[o]),ne=(0,b.useCallback)(g=>{let I=(0,cr.getBusinessObject)(g),J=p.some(W=>W.flowNodeId===I.targetRef.id),M=p.some(W=>W.flowNodeId===I.sourceRef.id&&W.state===j.FlowNodeInstanceState.finished);return J&&M},[p]),D=(0,b.useCallback)(async()=>{let g=x.current?.bpmnViewerRef,I=g?.getOverlays();if(!g||!I)return;let J=await Promise.resolve().then(()=>(Xe(),qe)),M=J.getProcessInstance(o),W=J.getFlowNodeInstances(o),[B,$]=await Promise.all([M,W]),Ke=await J.getTriggeredFlowNodeInstances($.map(R=>R.flowNodeInstanceId));if((0,nt.isEqual)(B,d)&&(0,nt.isEqual)($,p)&&(0,nt.isEqual)(Ke,k))return;B.state!==d?.state&&I.clear();for(let[R,po]of h.entries()){let Ze=p.find(q=>q.flowNodeInstanceId===po);if(!Ze)continue;let lo=$.find(q=>q.flowNodeId===R);lo?.flowNodeInstanceId===po&&Ze.state===lo.state||(g.removeMarker(R,`asdk-pii-flow-node-instance-state--${Ze.state}`),I.remove({element:R,type:at}))}u(B),m($),w(Ke);let ie=new URLSearchParams(window.location.search),fe=ie.getAll("instance"),ee=$.filter(R=>fe.includes(R.flowNodeInstanceId));ee.length!==fe.length&&(ie.delete("instance"),ee.forEach(R=>ie.append("instance",R.flowNodeInstanceId)),window.history.replaceState({},"",`${window.location.pathname}?${ie.toString()}`));let O=new Map;$.forEach(R=>{O.has(R.flowNodeId)||O.set(R.flowNodeId,R.flowNodeInstanceId)}),ee.forEach(R=>O.set(R.flowNodeId,R.flowNodeInstanceId)),c(O)},[x.current,d,h,p,o]),S=(0,b.useCallback)((g,I)=>{let J=x.current?.bpmnViewerRef,M=J?.getOverlays();if(!J||!M)return;let W=M.get({element:g.id,type:at});if(Array.isArray(W)&&W.length>0)return;let B=I.find(q=>q.flowNodeInstanceId===h.get(q.flowNodeId));if(!B)return;let $=e.showFlowNodeExecutionCount&&I.length>1,Ke=e.showFlowNodeInstancesListButton&&I.length>1,ie=e.showFinishTaskButton&&ka.includes(g.type)&&B.state===j.FlowNodeInstanceState.suspended,fe=e.showRetryFlowNodeInstanceButton&&d&&dr.includes(d.state),ee=!1,O=[];if(e.showGoToFlowNodeButton&&ha.includes(g.type)){let q=B.triggeredByFlowNodeInstance;ee=q!==void 0,O=q?[q]:[]}else if(e.showGoToFlowNodeButton&&pr.includes(g.type)){let q=k.filter(X=>X.triggeredByFlowNodeInstance?.flowNodeInstanceId===B.flowNodeInstanceId);ee=q.length>0,O=q}if(!$&&!ie&&!fe&&!ee)return;let R=g.width<52,po=M.add(g.id,at,{position:{bottom:-7,left:R?-g.width/2:0},html:"<div></div>"}),Ze=M.get(po),lo=(0,ur.createRoot)(Ze.htmlContainer),lt=I.indexOf(B)===0,ct=I.length-I.indexOf(B);lo.render(b.default.createElement(Ds,{width:R?g.width*2:g.width},$&&b.default.createElement(me,{className:"app-sdk-select-none !app-sdk-cursor-default !app-sdk-bg-slate-500",title:`Flow Node was executed ${I.length} times.${lt?"":` You are viewing instance #${ct}.`}`},`${lt?"":`${ct}/`}${I.length}`),Ke&&b.default.createElement(Es,{onClick:()=>{let q=I.map(oe=>({id:oe.flowNodeInstanceId,name:`${oe.startedAt?.toLocaleString("en-GB")} - ${oe.flowNodeInstanceId} - ${oe.state}${oe.flowNodeInstanceId===B.flowNodeInstanceId?" (selected)":""}`,...oe}));s({isOpen:!0,placeholder:"Select instance to display:",entries:q,onConfirm:async oe=>{let mt=I.find(ut=>ut.flowNodeInstanceId===oe.flowNodeInstanceId);if(!mt)return;J.removeMarker(B.flowNodeId,`asdk-pii-flow-node-instance-state--${B.state}`),M.remove({element:g.id,type:at});let co=new URLSearchParams(window.location.search);co.getAll("instance").includes(B.flowNodeInstanceId)&&co.delete("instance",B.flowNodeInstanceId),I.indexOf(mt)!==0&&co.append("instance",mt.flowNodeInstanceId),window.history.replaceState({},"",`${window.location.pathname}?${co.toString()}${window.location.hash}`),c(ut=>new Map(ut).set(g.id,oe.flowNodeInstanceId)),s(rt)},onClose:()=>s(rt)})}}),ee&&b.default.createElement(Ts,{isSender:pr.includes(g.type),onClick:()=>{if(O.length===1){let X=new URLSearchParams;X.append("selected",O[0].flowNodeId),X.append("instance",O[0].flowNodeInstanceId),window.location.href=`${O[0].processInstanceId}?${X.toString()}`;return}let q=O.map(X=>({id:X.flowNodeInstanceId,name:`${X.startedAt?.toLocaleString("en-GB")} - ${X.flowNodeId}${X.flowNodeName?` - ${X.flowNodeName}`:""}`,...X}));s({isOpen:!0,placeholder:"Select target to go to:",entries:q,onConfirm:X=>{let oe=new URLSearchParams;oe.append("selected",X.flowNodeId),oe.append("instance",X.flowNodeInstanceId),window.location.href=`${X.processInstanceId}?${oe.toString()}`},onClose:()=>s(rt)})}}),ie&&b.default.createElement(Ks,{flowNodeId:B.flowNodeId,flowNodeInstanceId:B.flowNodeInstanceId,flowNodeType:g.type,processInstanceId:B.processInstanceId,onPlay:e.onFinish}),fe&&b.default.createElement(tr,{onClick:()=>{a({isOpen:!0,flowNodeInstance:B})}})))},[x.current,d,p,k,h]);if((0,b.useEffect)(()=>{ye()},[o]),(0,b.useEffect)(()=>{if(d?.state===j.ProcessInstanceState.finished){D();return}let g=setInterval(D,1e3);return()=>clearInterval(g)},[D,d?.state]),(0,b.useEffect)(()=>{if(v.length===0||p.length===0){Se([]);return}let g=p.filter(I=>{let J=v.includes(I.flowNodeId),M=h.get(I.flowNodeId)===I.flowNodeInstanceId;return J&&M});if(g.length===0){let I=new URLSearchParams(window.location.search);I.delete("tokenInspectorFocus"),window.history.replaceState({},"",`${window.location.pathname}?${I.toString()}${window.location.hash}`)}Se(g)},[p,v,h]),(0,b.useEffect)(()=>{if(!d?.xml)return;let g=x.current?.bpmnViewerRef,I=g?.getElementRegistry();!g||!I||g.onImportDone(()=>{let J=new Set(p.map(M=>M.flowNodeId));I.forEach(M=>{if(M.type==="bpmn:SequenceFlow"){ne(M)?g.addMarker(M.id,"asdk-pii-sequence-flow-finished"):g.hasMarker(M.id,"asdk-pii-sequence-flow-finished")&&g.removeMarker(M.id,"asdk-pii-sequence-flow-finished");return}if(!J.has(M.id))return;let W=p.filter($=>$.flowNodeId===M.id),B=W.find($=>$.flowNodeInstanceId===h.get($.flowNodeId));B&&(g.hasMarker(M.id,"asdk-pii-flow-node-instance-state")||g.addMarker(M.id,"asdk-pii-flow-node-instance-state"),g.hasMarker(M.id,`asdk-pii-flow-node-instance-state--${B.state}`)||g.addMarker(M.id,`asdk-pii-flow-node-instance-state--${B.state}`),S(M,W))})})},[x.current,d,p,k,h]),!d?.xml)return e.loadingComponent?e.loadingComponent:b.default.createElement("div",{className:"app-sdk-absolute app-sdk-w-screen app-sdk-h-screen app-sdk-flex"},b.default.createElement("div",{className:"app-sdk-m-auto"},"Fetching diagram..."));let C=e.showProcessRefreshButton||e.showProcessRetryButton||e.showProcessTerminateButton||e.showTokenInspectorButton,re=e.showTokenInspectorButton&&(e.showProcessRefreshButton||e.showProcessRetryButton||e.showProcessTerminateButton);return b.default.createElement("div",{className:"app-sdk-relative app-sdk-w-full app-sdk-h-full"},b.default.createElement(Fs,{...t}),(e.showRetryFlowNodeInstanceButton||e.showProcessRetryButton)&&b.default.createElement(rr,{...r,processInstance:d,onClose:()=>a(g=>({...g,isOpen:!1}))}),C&&b.default.createElement(Zo,null,e.showProcessRefreshButton&&b.default.createElement(or,{onClick:D}),e.showProcessRetryButton&&b.default.createElement(ar,{onClick:()=>a({isOpen:!0}),disabled:!dr.includes(d.state)}),e.showProcessTerminateButton&&b.default.createElement(nr,{processInstanceId:o,disabled:d.state!==j.ProcessInstanceState.running}),re&&b.default.createElement(Qs,null),e.showTokenInspectorButton&&b.default.createElement(st,{isOpen:n,open:()=>{let g=new URLSearchParams(window.location.search);g.set("tokenInspector","true"),window.history.replaceState({},"",`${window.location.pathname}?${g.toString()}${window.location.hash}`),i(!0)},close:()=>{let g=new URLSearchParams(window.location.search);g.delete("tokenInspector"),window.history.replaceState({},"",`${window.location.pathname}?${g.toString()}${window.location.hash}`),i(!1)}})),b.default.createElement(lr.Transition,{show:n},b.default.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"},b.default.createElement(ir,{processInstance:d,flowNodeInstances:z,close:()=>{let g=new URLSearchParams(window.location.search);g.delete("tokenInspector"),window.history.replaceState({},"",`${window.location.pathname}?${g.toString()}${window.location.hash}`),i(!1)}}))),b.default.createElement(Le,{xml:d.xml,ref:x,setSelectedElementIds:E}))}var wa=(0,mr.default)(()=>Promise.resolve(fr),{ssr:!1});var yr=require("@headlessui/react"),vr=l(require("next/dynamic"),1),U=l(require("react"),1);function Ye(e){if(!e)return;let o=parseFloat(e);if(!isNaN(o))return o/100}var it=class{nodeInfoMap={};heatmapInfo={};runtimeService;processCostsService;bpmnViewer;activeCostKeyPerNode={};constructor(o,t,s){this.runtimeService=o,this.processCostsService=t,this.computeRuntimeHeatmap(s),this.computeCostHeatmap(s)}updateHeatmapService(o,t,s){this.runtimeService=o,this.processCostsService=t,this.computeRuntimeHeatmap(s),this.computeCostHeatmap(s)}getHeatmapInfoForId(o){return this.heatmapInfo[o]}hasRuntimeEntry(){return Object.values(this.heatmapInfo).some(o=>"runtime"in o)}hasCostEntry(){return Object.values(this.heatmapInfo).some(o=>Object.keys(o).some(t=>!t.startsWith("runtime")))}getActiveCostKey(o){return this.activeCostKeyPerNode[o]}hasMultipleCostEntries(o){let t=this.heatmapInfo[o];return t?Object.keys(t).filter(r=>!r.startsWith("runtime")).length>=2:!1}applyHeatmap(o,t,s){let r=s.viewer,a=s.flowNodeId;if(!r&&!a)return;if(!o&&r){r.clearHeatmap(Object.keys(this.heatmapInfo));return}if(!this.bpmnViewer&&r&&(this.bpmnViewer=r),!r&&a){let d=this.heatmapInfo[a]?.[t]?.status;if(!d)return;this.activeCostKeyPerNode[a]=t,this.bpmnViewer?.showHeatmap({[a]:d});return}if(!r)return;let n={},i={};for(let[d,u]of Object.entries(this.nodeInfoMap))n[d]=u.status;for(let[d,u]of Object.entries(this.heatmapInfo)){let p=this.activeCostKeyPerNode?.[d];if(p&&u[p]?.status){i[d]=u[p].status;continue}for(let[m,k]of Object.entries(u))if(!m.startsWith("runtime")&&k?.status){i[d]=k.status,this.activeCostKeyPerNode=this.activeCostKeyPerNode,this.activeCostKeyPerNode[d]=m;break}}t==="runtime"?(r.clearHeatmap(Object.keys(i)),r.showHeatmap(n)):(r.clearHeatmap(Object.keys(n)),r.showHeatmap(i))}computeCostHeatmap(o){let t=this.processCostsService.getAllProcessCosts?.();if(t)for(let[s,r]of Object.entries(t))for(let[a,n]of Object.entries(r)){let i=n.average;if(i===void 0)continue;let d=n.critical??Ye(o.customProperties["pilot.setProcessCosts.critical"]),u=n.warning??Ye(o.customProperties["pilot.setProcessCosts.warning"]),p=n.reference;if(!p)continue;let m=u?p*u:void 0,k=d?p*d:void 0;if(m&&k&&k<m)continue;let w="Stable";k!==void 0&&i>=k?w="Critical":m!==void 0&&(k===void 0||m<k)&&i>=m&&(w="Warning");let h={status:w,referenceRuntime:p,warningThreshold:m,criticalThreshold:k,warningSource:this.getHeatmapSource(n.warning,o.customProperties["pilot.setProcessCosts.warning"]),criticalSource:this.getHeatmapSource(n.critical,o.customProperties["pilot.setProcessCosts.critical"])};this.heatmapInfo[s]||(this.heatmapInfo[s]={}),this.heatmapInfo[s][a]=h}}computeRuntimeHeatmap(o){let t=Ye(o.customProperties["pilot.setRuntime.warning"]),s=Ye(o.customProperties["pilot.setRuntime.critical"]);o.flowNodes.forEach(r=>{let n=this.runtimeService.getStats(r.id)?.average,i=r.customProperties["pilot.setRuntime.reference"],d=i?Number(i):void 0;if(!d||isNaN(d))return;let u=Ye(r.customProperties["pilot.setRuntime.warning"]),p=Ye(r.customProperties["pilot.setRuntime.critical"]),m=u??t,k=p??s,w=m?d*m:void 0,h=k?d*k:void 0;if(h&&w&&h<w)return;let c={referenceRuntime:d,warningThreshold:w,criticalThreshold:h,warningSource:this.getHeatmapSource(u,t),criticalSource:this.getHeatmapSource(p,s)};if(n!==void 0&&(h||w)){let v="Stable";h!==void 0&&n>=h?v="Critical":w!==void 0&&(h===void 0||w<h)&&n>=w&&(v="Warning"),c.status=v,this.nodeInfoMap[r.id]=c}this.heatmapInfo[r.id]={runtime:c}})}getHeatmapSource(o,t){return o!==void 0?"Flow Node":t!==void 0?"Process":void 0}};var dt=class{flowNodeInstances;processCostsExpressionParams;instances;costResultsByFlowNodeId={};instanceCounter={};thresholdsByFlowNodeId={};constructor(o,t){this.instances=o,this.flowNodeInstances=o.flatMap(s=>s.process_instance.flowNodeInstances||[]),this.processCostsExpressionParams={correlationMetadata:{},processInstanceMetadata:{}},this.precalculateCosts(t)}getInstanceCount(o){return this.instanceCounter[o]}getCostsForFlowNodeId(o){return this.costResultsByFlowNodeId[o]}getAllProcessCosts(){return this.costResultsByFlowNodeId}getFlowNodeExecutionCount(o,t){let s=0;for(let r of this.flowNodeInstances)if(r.id===o&&r.flowNodeExitedAt&&(s++,r.flowNodeInstanceId===t))break;return s}getProcessInstanceCount(){return this.instances.length}splitCostProperties(o){let t={},s={};for(let[r,a]of Object.entries(o)){let n=r.match(/^pilot\.setProcessCosts\.([^.]+)\.(formula|reference|warning|critical)$/);if(n){let i=n[1],d=n[2];if(d==="formula")t[i]=a;else{let u=parseFloat(a);s[i]||(s[i]={}),isNaN(u)||(d==="reference"?s[i].reference=u:s[i][d]=u/100)}}}return{costExpressions:t,thresholds:s}}precalculateCosts(o){for(let t of o){let s=t.id,{costExpressions:r,thresholds:a}=this.splitCostProperties(t.customProperties);Object.keys(a).length>0&&(this.thresholdsByFlowNodeId[s]=a);let n=0;for(let i of this.flowNodeInstances)if(s===i.id&&i.flowNodeExitedAt){n+=1,this.setProcessCostExpressionParamsForInstance(i);let d=this.getProcessCosts(r);if(Object.keys(d).length===0)continue;this.costResultsByFlowNodeId[s]||(this.costResultsByFlowNodeId[s]={});for(let[u,p]of Object.entries(d)){let m=parseFloat(p),k=a[u]??this.thresholdsByFlowNodeId[s]?.[u]??{},w=this.costResultsByFlowNodeId[s][u]??{total:0,errors:0,average:0,count:0,...k};isNaN(m)?w.errors+=1:w.total+=m,this.costResultsByFlowNodeId[s][u]=w}}this.instanceCounter[s]=n}for(let t in this.costResultsByFlowNodeId)for(let s in this.costResultsByFlowNodeId[t]){let r=this.costResultsByFlowNodeId[t][s],a=this.instanceCounter[t],n=a>0?r.total/(a-r.errors):0;r.average=isNaN(n)?0:n}}getProcessCosts(o){let t={};for(let[s,r]of Object.entries(o)){if(!r)continue;let a=!1,n=r.replace(/\$\{(.+?)\}/g,(i,d)=>{let u=d.split(".").reduce((p,m)=>p&&p[m],this.processCostsExpressionParams);return u===void 0||isNaN(u)?(a=!0,"invalid"):u.toString()});if(a||n.includes("$")||n.includes("{")||n.includes("}")){t[s]="{ Error: Invalid expression. }";continue}try{let i=new Function("Math",`return ${n}`)(Math);t[s]=i.toString()}catch{t[s]="{ Error: Invalid expression. }"}}return t}setProcessCostExpressionParamsForInstance(o){this.processCostsExpressionParams.currentFlowNode=this.getCurrentFlowNode(o.flowNodeInstanceId),this.processCostsExpressionParams.token=this.buildTokenHistoryForFlowNodeInstance(o.flowNodeInstanceId),this.processCostsExpressionParams.dataObjects=this.buildDataObjectsForFlowNodeInstance(o.flowNodeInstanceId),this.processCostsExpressionParams.flowNodeExecutionCount=this.getFlowNodeExecutionCount(o.id,o.flowNodeInstanceId)}getCurrentFlowNode(o){return this.flowNodeInstances.find(t=>t.flowNodeInstanceId===o)}buildTokenHistoryForFlowNodeInstance(o){let t=this.flowNodeInstances.findIndex(a=>a.flowNodeInstanceId===o&&a.flowNodeExitedAt);if(t===-1)return{current:{},history:{}};let s=this.flowNodeInstances[t]?.endToken??{},r={};for(let a=0;a<t;a++){let n=this.flowNodeInstances[a];n.endToken&&(r[n.id]=n.endToken)}return{current:s,history:r}}buildDataObjectsForFlowNodeInstance(o){let t={};for(let s of this.flowNodeInstances){if(s.flowNodeInstanceId===o&&s.flowNodeExitedAt)break;for(let[r,a]of Object.entries(s.writtenDataObjectValues||{}))t[r]=a}return t}};function kr(e){if(e.length!==0)return Math.round(e.reduce((o,t)=>o+t,0)/e.length)}function hr(e){return Math.min(...e)}function gr(e){return Math.max(...e)}var pt=class{runtimeStatsById;constructor(o,t){let s=this.setMappedRuntimes(o,t);this.runtimeStatsById=this.aggregateRuntimes(s)}getStats(o){let t=this.runtimeStatsById[o];if(t)return t;let s=Object.keys(this.runtimeStatsById)[0];return this.runtimeStatsById[s]}aggregateRuntimes(o){let t={};for(let s of o){let r=Object.values(s.instances);r.length!==0&&(t[s.id]={average:kr(r)??0,shortest:hr(r)??0,longest:gr(r)??0})}return t}setMappedRuntimes(o,t){let s=this.getFlowNodeTimes(o),r=this.getTimesFromProcessInstances(o);return s.unshift({id:t,instances:r}),s}getTimesFromProcessInstances(o){let t={};for(let s of o){let{processInstanceId:r,processStartedAt:a,processFinishedAt:n}=s.process_instance;if(r&&a&&n){let i=new Date(a).getTime(),u=new Date(n).getTime()-i;t[r]=u}}return t}getFlowNodeTimes(o){let t=new Map;o.forEach(r=>{r.process_instance.flowNodeInstances.forEach(n=>{let i=n.id,d=n.flowNodeInstanceId,u=n.flowNodeEnteredAt?new Date(n.flowNodeEnteredAt).getTime():void 0,p=n.flowNodeExitedAt?new Date(n.flowNodeExitedAt).getTime():void 0;if(!i||!d)return;t.has(i)||t.set(i,new Map);let m=t.get(i);m.has(d)||m.set(d,{});let k=m.get(d);u!==void 0&&(!k.enteredAt||u<k.enteredAt)&&(k.enteredAt=u),p!==void 0&&(!k.exitedAt||p>k.exitedAt)&&(k.exitedAt=p)})});let s=[];return t.forEach((r,a)=>{let n={};r.forEach((i,d)=>{i.enteredAt!==void 0&&i.exitedAt!==void 0&&(n[d]=i.exitedAt-i.enteredAt)}),s.push({id:a,instances:n})}),s}};var f=l(require("react"),1);function Be(e){if(e===void 0)return"";if(e==0)return"0ms";let o=Math.floor(e/(1440*60*1e3)),t=Math.floor(e%(1440*60*1e3)/(3600*1e3)),s=Math.floor(e%(3600*1e3)/(60*1e3)),r=Math.floor(e%(60*1e3)/1e3),a=e%1e3,n=+(a%1===0?a:a.toFixed(2)),i=[];return o>0&&i.push(`${o}d`),t>0&&i.push(`${t}h`),s>0&&i.push(`${s}m`),r>0&&i.push(`${r}s`),a>0&&i.push(`${n}ms`),i.join(" ")}function wr({processModel:e,processCostsService:o,runtimeService:t,heatmapService:s,heatmapType:r,setHeatmapType:a,timeRange:n,setTimeRange:i,selectedInstance:d}){let u=typeof n!="string"?n.custom.startDate:void 0,p=typeof n!="string"?n.custom.endDate:void 0,m=D=>{let S=D.target.value;i(S==="custom"?{custom:{startDate:u,endDate:p}}:S)},k=(0,f.useMemo)(()=>{if(!(!s||!d))return s.getHeatmapInfoForId(d)},[s,d]),w=(0,f.useMemo)(()=>{if(!(!t||!d))return t.getStats(d)},[t,d]),h=(0,f.useMemo)(()=>{if(!(!o||!d))return o.getCostsForFlowNodeId(d)},[d,o]),c=(0,f.useMemo)(()=>{if(o)return d?o.getInstanceCount(d)??o.getProcessInstanceCount():o.getProcessInstanceCount()},[d,o]),v=(0,f.useMemo)(()=>{let D=e.flowNodes.find(S=>S.id===d);return D?`Flow Node: ${D.id} (${D.name})`:`Process: ${e.processModelId} (${e.processModelName})`},[d,e]),E=s?.hasCostEntry?.()??!1,z=s?.hasRuntimeEntry?.()??!1,Se=s&&d?s.hasMultipleCostEntries(d):!1,x=r==="runtime"?"runtime":"processcosts",ye=s&&d?s.getActiveCostKey(d):"processcosts",ne=D=>{d&&a(D),s?.applyHeatmap(!0,D,{flowNodeId:d})};return f.default.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"},f.default.createElement("label",null,v),f.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-h-full app-sdk-rounded-3xl app-sdk-pb-3 app-sdk-gap-1"},f.default.createElement("label",null,"Time Period:"),f.default.createElement("select",{value:typeof n=="string"?n:"custom",onChange:m},f.default.createElement("option",{value:"today"},"Today"),f.default.createElement("option",{value:"yesterday"},"Yesterday"),f.default.createElement("option",{value:"this_week"},"This Week"),f.default.createElement("option",{value:"last_7_days"},"Last 7 Days"),f.default.createElement("option",{value:"this_month"},"This Month"),f.default.createElement("option",{value:"last_30_days"},"Last 30 Days"),f.default.createElement("option",{value:"this_year"},"This Year"),f.default.createElement("option",{value:"all"},"All Instances"),f.default.createElement("option",{value:"custom"},"Custom")),typeof n!="string"&&f.default.createElement(f.default.Fragment,null,f.default.createElement("label",{className:"app-sdk-w-full app-sdk-flex app-sdk-items-center app-sdk-gap-2"},"Start Date:",f.default.createElement("input",{className:"app-sdk-px-2 app-sdk-flex-1 app-sdk-box-border",type:"datetime-local",value:u??"",onChange:D=>i({custom:{startDate:D.target.value||void 0,endDate:p}})})),f.default.createElement("label",{className:"app-sdk-w-full app-sdk-flex app-sdk-items-center app-sdk-gap-2"},"End Date:",f.default.createElement("input",{className:"app-sdk-px-2 app-sdk-flex-1",type:"datetime-local",value:p??"",onChange:D=>i({custom:{startDate:u,endDate:D.target.value||void 0}})})))),f.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-h-full app-sdk-rounded-3xl app-sdk-pb-3 app-sdk-gap-1"},f.default.createElement("label",{className:"app-sdk-flex app-sdk-items-center app-sdk-gap-2 app-sdk-text-sm"},f.default.createElement("span",null,"Executed Instances: ",c??0))),(z||E)&&(c??0)>0&&f.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-h-full app-sdk-rounded-3xl app-sdk-pb-3 app-sdk-gap-1"},z&&E?f.default.createElement(f.default.Fragment,null,f.default.createElement("label",{className:"app-sdk-flex app-sdk-items-center app-sdk-gap-2 app-sdk-text-sm"},"Heatmap Type:"),f.default.createElement("select",{value:x,onChange:D=>a(D.target.value)},f.default.createElement("option",{value:"runtime"},"Runtimes"),f.default.createElement("option",{value:"processcosts"},"Costs"))):f.default.createElement("label",{className:"app-sdk-flex app-sdk-items-center app-sdk-gap-2 app-sdk-text-sm"},"Heatmap Type: ",z?"Runtimes":"Costs")),t&&(w||k?.runtime)&&(c??0)>0&&f.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-h-full app-sdk-rounded-3xl app-sdk-pb-3 app-sdk-gap-1"},f.default.createElement("label",{className:"app-sdk-flex app-sdk-items-center app-sdk-gap-2 app-sdk-text-sm"},f.default.createElement("span",null,"Runtimes")),w&&f.default.createElement(f.default.Fragment,null,f.default.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Shortest Runtime: ",Be(w.shortest)),f.default.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Longest Runtime: ",Be(w.longest)),f.default.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Average Runtime: ",Be(w.average))),k&&k.runtime&&f.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},f.default.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Reference Value: ",Be(k.runtime.referenceRuntime)),k.runtime.status&&f.default.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Status: ",k.runtime.status),k.runtime.warningThreshold&&f.default.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Warning Threshold: ",Be(k.runtime.warningThreshold)," (",k.runtime.warningSource,")"),k.runtime.criticalThreshold&&f.default.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Critical Threshold: ",Be(k.runtime.criticalThreshold)," (",k.runtime.criticalSource,")"))),h&&Object.entries(h).length!==0&&f.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-h-full app-sdk-rounded-3xl app-sdk-gap-1"},f.default.createElement("label",null,"Costs"),r!=="runtime"&&Se&&f.default.createElement("select",{value:ye,onChange:D=>ne(D.target.value)},Object.keys(h).map(D=>f.default.createElement("option",{key:D,value:D},D))),Object.entries(h).map(([D,S])=>{let C=k?.[D];return f.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-mb-2 app-sdk-ml-2",key:D},f.default.createElement("p",{className:"app-sdk-text-sm"},D),f.default.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Total: ",S.total),S.errors>0&&f.default.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Errors: ",S.errors),f.default.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Average Cost: ",S.average.toFixed(2)),C&&f.default.createElement(f.default.Fragment,null,f.default.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Reference Value: ",C.referenceRuntime),f.default.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Status: ",C.status),C.warningThreshold&&f.default.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Warning Threshold: ",C.warningThreshold.toFixed(2)," (",C.warningSource,")"),C.criticalThreshold&&f.default.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Critical Threshold: ",C.criticalThreshold.toFixed(2)," (",C.criticalSource,")")))})))}function ya(e){let[o,t]=(0,U.useState)(!1),[s,r]=(0,U.useState)(),[a,n]=(0,U.useState)(),[i,d]=(0,U.useState)(),[u,p]=(0,U.useState)(!1),[m,k]=(0,U.useState)(!1),[w,h]=(0,U.useState)(void 0),[c,v]=(0,U.useState)("runtime"),[E,z]=(0,U.useState)("today"),[Se,x]=(0,U.useState)([]),ye=S=>{let{processModel:C}=e;if(!C?.processModelId||!C?.hash)return;let re=new pt(S,C.hash),g=new dt(S,C.flowNodes);if(n(re),r(g),i)i.updateHeatmapService(re,g,C);else{let I=new it(re,g,C);d(I),I.hasRuntimeEntry()?v("runtime"):I.hasCostEntry()&&v("processcosts")}};(0,U.useEffect)(()=>{let S=new URLSearchParams(window.location.search);S.get("heatmapInspector")==="true"&&t(!0);let C=S.get("timeRange"),re="today";if(C==="custom"){let I=S.get("startDate")||void 0,J=S.get("endDate")||void 0;re={custom:{startDate:I,endDate:J}}}else C&&(re=C);z(re),h({timeRange:re}),(async()=>{if(!e.getInstancesFromDatabase||!e.processModel?.processModelId||!e.processModel?.hash)return;let I=await e.getInstancesFromDatabase(e.processModel.processModelId,e.processModel.hash,{timeRange:re});I.length>0&&(p(!0),ye(I),k(!0))})()},[e.getInstancesFromDatabase,e.processModel]),(0,U.useEffect)(()=>{if(!w?.timeRange||!e.getInstancesFromDatabase||!e.processModel?.processModelId||!e.processModel?.hash)return;(async()=>{let C=await e.getInstancesFromDatabase?.(e.processModel.processModelId,e.processModel.hash,{timeRange:w.timeRange})??[];p(C.length>0),ye(C),k(!0)})()},[w,e.getInstancesFromDatabase,e.processModel]);let ne=()=>{let S=new URLSearchParams(window.location.search);S.get("heatmapInspector")==="true"?(S.delete("heatmapInspector"),t(!1)):(S.set("heatmapInspector","true"),t(!0)),window.history.replaceState({},"",`${window.location.pathname}?${S.toString()}${window.location.hash}`)},D=S=>{z(S),h({timeRange:S});let C=new URLSearchParams(window.location.search);typeof S=="string"?(C.set("timeRange",S),C.delete("startDate"),C.delete("endDate")):(C.set("timeRange","custom"),S.custom.startDate?C.set("startDate",S.custom.startDate):C.delete("startDate"),S.custom.endDate?C.set("endDate",S.custom.endDate):C.delete("endDate")),window.history.replaceState({},"",`${window.location.pathname}?${C.toString()}`)};return U.default.createElement("div",{className:"app-sdk-relative app-sdk-w-full app-sdk-h-full"},m&&U.default.createElement(U.default.Fragment,null,U.default.createElement(Zo,null,U.default.createElement(st,{isOpen:o,open:ne,close:ne})),U.default.createElement(yr.Transition,{show:o},U.default.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"},U.default.createElement(wr,{processModel:e.processModel,processCostsService:s,runtimeService:a,heatmapService:i,heatmapType:c,setHeatmapType:v,timeRange:E,setTimeRange:D,selectedInstance:Se[0]}))),U.default.createElement(Le,{xml:e.processModel?.xml,processModel:e.processModel,heatmapService:i,showHeatmap:u,heatmapType:c,setSelectedElementIds:x})))}var va=(0,vr.default)(()=>Promise.resolve(ya),{ssr:!1});0&&(module.exports={BPMNViewer,BPMNViewerNextJS,BooleanFormField,BpmnViewerComponent,CheckboxFormField,ColorFormField,ConfirmFormField,CustomFormField,DateFormField,DatetimeLocalFormField,DecimalFormField,DiagramDocumentationInspector,DiagramDocumentationInspectorNextJS,DocumentationViewer,DropdownMenu,DropdownMenuItem,DynamicLink,DynamicUi,DynamicUiComponent,EmailFormField,EnumFormField,FileFormField,FlowNode,FormFieldComponentMap,HeaderFormField,HiddenFormField,IntegerFormField,MonthFormField,ParagraphFormField,PasswordFormField,ProcessInstanceInspector,ProcessInstanceInspectorNextJS,ProcessModelInspectorNextJS,RadioFormField,RangeFormField,SelectFormField,SplitterLayout,StringFormField,TelFormField,TextareaFormField,TimeFormField,UrlFormField,WeekFormField});