@5minds/processcube_app_sdk 8.6.0 → 8.6.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +23 -38
- package/build/client/index.cjs +11 -11
- package/build/client/index.mjs +10 -10
- package/package.json +1 -2
- package/build/client/index.css +0 -1
package/build/client/index.cjs
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
"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/index.js"),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 bl=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),Oe=require("react-dom/server"),Zt=require("react"),F=l(require("react"),1);var 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),ft=l(require("react"),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(`
|
|
1
|
+
"use client";var ba=Object.create;var ct=Object.defineProperty;var Ia=Object.getOwnPropertyDescriptor;var Na=Object.getOwnPropertyNames;var xa=Object.getPrototypeOf,Ca=Object.prototype.hasOwnProperty;var de=(e,t)=>()=>(e&&(t=e(e=0)),t);var Uo=(e,t)=>{for(var o in t)ct(e,o,{get:t[o],enumerable:!0})},Vo=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Na(t))!Ca.call(e,a)&&a!==o&&ct(e,a,{get:()=>t[a],enumerable:!(s=Ia(t,a))||s.enumerable});return e};var l=(e,t,o)=>(o=e!=null?ba(xa(e)):{},Vo(t||!e||!e.__esModule?ct(o,"default",{value:e,enumerable:!0}):o,e)),Fa=e=>Vo(ct({},"__esModule",{value:!0}),e);async function Xt(){let e=await(0,Mo.getToken)({req:{cookies:await(0,Ce.cookies)(),headers:await(0,Ce.headers)()}});if(e?.expiresAt&&Date.now()>=e.expiresAt*1e3){let o=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(o.headers);if(s.getAll().length){let a=!1;try{for(let r of s.getAll())(await(0,Ce.cookies)()).set(r.name,r.value,{...r})}catch{a=!0}if(e=await(0,Mo.getToken)({req:{cookies:a?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 Mo,Ms,Ce,Bo=de(()=>{Mo=require("next-auth/jwt"),Ms=require("next/dist/compiled/@edge-runtime/cookies/index.js"),Ce=require("next/headers")});var Bs,nr,se,nt=de(()=>{Bs=require("@5minds/processcube_engine_client"),nr=process.env.PROCESSCUBE_ENGINE_URL??"http://localhost:10560",se=new Bs.EngineClient(nr)});async function it(){try{return Xt()}catch{return}}async function Ls(e){let t=await it();return(await se.processInstances.query({processInstanceId:e},{identity:t,includeXml:!0})).processInstances[0]}async function Us(e,t={sortSettings:{sortBy:Os.DataModels.FlowNodeInstances.FlowNodeInstanceSortableColumns.createdAt,sortDir:"ASC"}}){return(await se.flowNodeInstances.query({processInstanceId:e},{...t,identity:t.identity??await it()})).flowNodeInstances}async function Vs(e){let t=await it();return(await se.flowNodeInstances.query({triggeredByFlowNodeInstance:e},{identity:t})).flowNodeInstances}async function As(e,t,o){let s=await it();await se.processInstances.retryProcessInstance(e,{flowNodeInstanceId:t,newStartToken:o,identity:s})}async function _s(e){let t=await it();await se.processInstances.terminateProcessInstance(e,t)}var Os,$s=de(()=>{Os=require("@5minds/processcube_engine_client");Bo();nt()});var ir,Hs=de(()=>{ir=require("next/navigation")});var zs=de(()=>{});async function Rs(...e){await se.manualTasks.finishManualTask(...e)}var js=de(()=>{nt()});async function Gs(...e){await se.userTasks.finishUserTask(...e)}var Js=de(()=>{nt()});async function Ws(...e){await se.untypedTasks.finishTask(...e)}var qs=de(()=>{nt()});var Xs=de(()=>{Hs();zs();js();Js();qs()});var qe={};Uo(qe,{finishTask:()=>pr,getFlowNodeInstances:()=>ur,getProcessInstance:()=>mr,getTriggeredFlowNodeInstances:()=>fr,retryProcess:()=>cr,terminateProcess:()=>lr});async function dr(){try{return Xt()}catch{return}}var Ys,pr,lr,cr,mr,ur,fr,Xe=de(()=>{"use server";Ys=require("@5minds/processcube_engine_client");$s();Bo();Xs();pr=async(e,t)=>{let o=await dr();t==="bpmn:UserTask"?await Gs(e,{},o):t==="bpmn:ManualTask"?await Rs(e,o):t==="bpmn:Task"?await Ws(e,o):console.error(`[@5minds/processcube_app_sdk:handlePlay] Unsupported flow node type: ${t}`)},lr=async e=>{await _s(e)},cr=async(e,t,o)=>{await As(e,t,o)},mr=async e=>Ls(e),ur=async e=>Us(e,{sortSettings:{sortBy:Ys.DataModels.FlowNodeInstances.FlowNodeInstanceSortableColumns.createdAt,sortDir:"DESC"}}),fr=async e=>Vs(e)});var br={};Uo(br,{BPMNViewer:()=>mt,BPMNViewerNextJS:()=>Ea,BooleanFormField:()=>gt,BpmnViewerComponent:()=>Fo,CheckboxFormField:()=>wt,ColorFormField:()=>yt,ConfirmFormField:()=>bt,CustomFormField:()=>It,DateFormField:()=>Nt,DatetimeLocalFormField:()=>xt,DecimalFormField:()=>Ft,DiagramDocumentationInspector:()=>Le,DiagramDocumentationInspectorNextJS:()=>Aa,DocumentationViewer:()=>ut,DropdownMenu:()=>_a,DropdownMenuItem:()=>$a,DynamicLink:()=>Ha,DynamicUi:()=>Za,DynamicUiComponent:()=>To,EmailFormField:()=>Pt,EnumFormField:()=>St,FileFormField:()=>Dt,FlowNode:()=>kt,FormFieldComponentMap:()=>Do,HeaderFormField:()=>Tt,HiddenFormField:()=>Et,IntegerFormField:()=>Mt,MonthFormField:()=>Bt,ParagraphFormField:()=>Vt,PasswordFormField:()=>At,ProcessInstanceInspector:()=>fa,ProcessInstanceInspectorNextJS:()=>wr,ProcessModelInspectorNextJS:()=>vr,RadioFormField:()=>_t,RangeFormField:()=>$t,SelectFormField:()=>Ht,SplitterLayout:()=>Qe,StringFormField:()=>zt,TelFormField:()=>Rt,TextareaFormField:()=>Re,TimeFormField:()=>jt,UrlFormField:()=>Gt,WeekFormField:()=>Jt});module.exports=Fa(br);var kl=require("client-only");var Ao=l(require("bpmn-js/lib/Viewer"),1),_o=l(require("bpmn-js/lib/features/outline"),1),$o=l(require("clsx"),1),Ho=l(require("diagram-js/lib/features/selection"),1),zo=l(require("diagram-js/lib/navigation/movecanvas"),1),Ro=l(require("diagram-js/lib/navigation/zoomscroll"),1),jo=l(require("next/dynamic"),1),oe=l(require("react"),1),Fr=require("./components/BPMNHeatmap.css"),Pa={canvas:{autoFocus:!0}},Sa={Critical:"rgb(255, 0, 0)",Warning:"rgb(255, 220, 0)",Stable:"rgb(50, 205, 50)"};function Da(e,t){let o=(0,oe.useRef)(null),s=(0,oe.useRef)(new Ao.default({bpmnRenderer:{defaultFillColor:"var(--asdk-bv-background-color)",defaultStrokeColor:"var(--asdk-bv-foreground-color)"},additionalModules:[Ro.default,zo.default,Ho.default,_o.default],...Pa})),a=(0,oe.useRef)({});return(0,oe.useImperativeHandle)(t,()=>({getOverlays(){return s.current.get("overlays")},getElementRegistry(){return s.current.get("elementRegistry")},addMarker(r,n){s.current.get("canvas")?.addMarker(r,n)},removeMarker(r,n){s.current.get("canvas")?.removeMarker(r,n)},hasMarker(r,n){return s.current.get("canvas")?.hasMarker(r,n)},showHeatmap(r){let n=s.current.get("elementRegistry");if(n)for(let[i,d]of Object.entries(r)){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 I=document.createElementNS("http://www.w3.org/2000/svg","defs");return w.insertBefore(I,w.firstChild),I})(),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=Sa[d];[{offset:"0%",color:z},{offset:"50%",color:z},{offset:"100%",color:z}].forEach(({offset:I,color:ye})=>{let ne=document.createElementNS("http://www.w3.org/2000/svg","stop");ne.setAttribute("offset",I),ne.setAttribute("stop-color",ye),E.appendChild(ne)}),v.appendChild(E),m.classList.forEach(I=>{I.startsWith("heatmap-")&&m.classList.remove(I)}),k&&(k.style.fill="#1d1d1d"),m.classList.add(`heatmap-${d.toLowerCase()}`),m.style.fill=`url(#${h})`}},clearHeatmap(r){let n=s.current.get("elementRegistry");if(n)for(let i of r){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=a.current[i]||""}let k=u.ownerSVGElement;if(!k)continue;let w=`heatmap-gradient-${d.id}`,h=k.querySelector(`#${w}`);h&&h.remove()}}}),[s.current,o.current]),(0,oe.useEffect)(()=>{if(!o.current)return;let r=s.current;r.attachTo(o.current);let n=r.get("canvas"),i=d=>{e.onSelectionChanged?.(d.newSelection)};return r.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?.(),r.on("selection.changed",i);let p=r.get("elementRegistry");p.forEach(w=>{let h=p.getGraphics(w);if(!h)return;let c=h.querySelector(".djs-visual > :first-child");c&&(a.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));r.get("selection").select(k??[])}).catch(d=>{console.error(`[@5minds/processcube_app_sdk:BPMNViewer] Error while importing BPMN XML: "${d.message}`)}),()=>{r.off("selection.changed",i),r.detach()}},[e.xml,e.preselectedElementIds]),oe.default.createElement("div",{ref:o,className:(0,$o.default)("app-sdk-bpmn-viewer","app-sdk-h-full",e.className)})}var mt=(0,oe.forwardRef)(Da);function Ta(e){return oe.default.createElement(mt,{...e,ref:e.viewerRef})}var Ea=(0,jo.default)(()=>Promise.resolve(Ta),{ssr:!1});var ft=require("bpmn-js/lib/util/ModelUtil"),Ko=l(require("next/dynamic"),1),Oe=require("react-dom/server"),Zo=require("react"),F=l(require("react"),1);var Go=l(require("react-markdown"),1),Jo=l(require("rehype-autolink-headings"),1),Wo=l(require("rehype-raw"),1),qo=l(require("rehype-slug"),1),Xo=l(require("remark-gfm"),1),fo=l(require("react"),1);function ut(e){return fo.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"},fo.default.createElement(Go.default,{remarkPlugins:[Xo.default],rehypePlugins:[Wo.default,qo.default,[Jo.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),Yo=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(t){super(t),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:t.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 t;if(this.props.secondaryInitialSize!=null)t=this.props.secondaryInitialSize;else{let o=this.container.getBoundingClientRect(),s;this.splitter?s=this.splitter.getBoundingClientRect():s={width:Yo,height:Yo},t=this.getSecondaryPaneSize(o,s,{left:o.left+(o.width-s.width)/2,top:o.top+(o.height-s.height)/2},!1)}this.setSecondaryPaneSize(t)}componentDidUpdate(t,o){o.secondaryPaneSize!==this.state.secondaryPaneSize&&this.props.onSizeChanged&&this.props.onSizeChanged(this.state.secondaryPaneSize),o.resizing!==this.state.resizing&&(this.state.resizing?this.props.onDragStart&&this.props.onDragStart(o.secondaryPaneSize):this.props.onDragEnd&&this.props.onDragEnd(o.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 t=document.body.createTextRange();t.collapse(),t.select()}else if(window.getSelection){let t=window.getSelection();if(t==null)return;t.empty?t.empty():t.removeAllRanges&&t.removeAllRanges()}else document.selection&&document.selection.empty()}getSecondaryPaneSize(t,o,s,a){let r=0,n=0,i=0;this.props.vertical?(r=t.height,n=o.height,i=s.top-t.top):(r=t.width,n=o.width,i=s.left-t.left),a&&(i-=n/2),i<0?i=0:i>r-n&&(i=r-n);let d;this.props.primaryIndex===1?d=i:d=r-n-i;let u=r-n-d;return this.props.percentage&&(d=d*100/r,u=u*100/r,n=n*100/r,r=100),u<this.props.primaryMinSize?d=Math.max(d-(this.props.primaryMinSize-u),0):d<this.props.secondaryMinSize&&(d=Math.min(r-n-this.props.primaryMinSize,this.props.secondaryMinSize)),d}setSecondaryPaneSize(t){this.setState({secondaryPaneSize:t})}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 t=this.props.secondaryDefaultSize||this.props.secondaryMinSize;return this.state.secondaryPaneSize===t}reset(){let t=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.setSecondaryPaneSize(t)}handleResize(){if(this.splitter&&!this.props.percentage){let t=this.container.getBoundingClientRect(),o=this.splitter.getBoundingClientRect(),s=this.getSecondaryPaneSize(t,o,{left:o.left,top:o.top},!1);this.setState({secondaryPaneSize:s})}}handleMouseMove(t){if(this.state.resizing){let o=this.container.getBoundingClientRect(),s=this.splitter.getBoundingClientRect(),a=this.getSecondaryPaneSize(o,s,{left:t.clientX,top:t.clientY},!0);this.clearSelection(),this.setState({secondaryPaneSize:a})}}handleTouchMove(t){this.handleMouseMove(t.changedTouches[0])}handleSplitterMouseDown(t){t.preventDefault(),this.clearSelection(),this.setState({resizing:!0})}handleSplitterDoubleClick(){let t=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.state.secondaryPaneSize===t?this.setSecondaryPaneSize(Math.floor(t*1.5)):this.setSecondaryPaneSize(t)}handleMouseUp(){this.setState(t=>t.resizing?{resizing:!1}:null)}render(){let t="app-sdk-splitter-layout";this.props.customClassName&&(t+=` ${this.props.customClassName}`),this.props.vertical&&(t+=" app-sdk-splitter-layout-vertical"),this.state.resizing&&(t+=" layout-changing");let o=ke.default.Children.toArray(this.props.children).slice(0,2);o.length===0&&o.push(ke.default.createElement("div",null));let s=[],a=this.props.primaryIndex!==0&&this.props.primaryIndex!==1?0:this.props.primaryIndex;for(let r=0;r<o.length;++r){let n=!0,i;o.length>1&&r!==a&&(n=!1,i=this.state.secondaryPaneSize),s.push(ke.default.createElement(Ma,{vertical:this.props.vertical,percentage:this.props.percentage,primary:n,size:i},o[r]))}return ke.default.createElement("div",{className:t,ref:r=>{this.container=r}},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:r=>{this.splitter=r},onMouseDown:this.handleSplitterMouseDown,onTouchStart:this.handleSplitterMouseDown,onDoubleClick:this.handleSplitterDoubleClick})),s.length>1&&s[1])}};function Ma(e={vertical:!1,primary:!1,size:0,percentage:!1,children:[]}){let t=e.size||0,o=e.percentage?"%":"px",s="app-sdk-layout-pane",a={};return e.primary?s+=" app-sdk-layout-pane-primary":e.vertical?a.height=`${t}${o}`:a.width=`${t}${o}`,ke.default.createElement("div",{className:s,style:a},e.children)}var et=30;function Ba(e,t){let[o,s]=(0,F.useState)([]),a=(0,F.useRef)(null),r=(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)(et),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===et||(w(E),r.current?.setSecondaryPaneSize(E))},[]),(0,F.useEffect)(()=>{if(!d)return;let c=new URLSearchParams(window.location.search);k!==et?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;o.forEach(z=>z());let c=a.current?.getOverlays();a.current?.getElementRegistry()?.filter(Qo)?.forEach(z=>{c?.add(z.id,Ua(z))})},[d,e.showHeatmap,e.heatmapService,e.heatmapType]),(0,F.useEffect)(()=>{if(!e.heatmapService||!a.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:a.current})},[d,e.showHeatmap,e.heatmapService,e.heatmapType]),(0,F.useEffect)(()=>{e.setSelectedElementIds?.(n.map(c=>c.id))},[n]),(0,F.useImperativeHandle)(t,()=>({bpmnViewerRef:{getElementRegistry(){return a.current?.getElementRegistry()},getOverlays(){return a.current?.getOverlays()},addMarker(c,v){a.current?.addMarker(c,v)},removeMarker(c,v){a.current?.removeMarker(c,v)},hasMarker(c,v){return a.current?.hasMarker(c,v)},showHeatmap(c){a.current?.showHeatmap(c)},clearHeatmap(c){a.current?.clearHeatmap(c)},onImportDone(c){d?c():s(v=>[...v,c])}}}),[a.current]),F.default.createElement(Qe,{ref:r,vertical:!0,percentage:!0,secondaryInitialSize:et,secondaryDefaultSize:et,onDragEnd:(c,v)=>w(Math.round(v))},F.default.createElement(mt,{ref:a,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(Oa,{elements:n})))}function Oa({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 t=e.filter(Qo);if(t.length===0)return F.default.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"No documentation available");if(t.length===1){let o=(0,ft.getBusinessObject)(t[0])?.documentation?.[0]?.text;return F.default.createElement(ut,{documentation:o})}return F.default.createElement(ut,{documentation:t.map(o=>(0,ft.getBusinessObject)(o)?.documentation?.[0]?.text).join(`
|
|
2
2
|
|
|
3
3
|
<hr />
|
|
4
4
|
|
|
5
|
-
`)})}var
|
|
5
|
+
`)})}var tt=({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"}))),La=["bpmn:DataInputAssociation","bpmn:DataOutputAssociation","bpmn:SequenceFlow","label"],ot={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 Ua(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:ot.DEFAULT,html:(0,Oe.renderToString)(F.default.createElement(tt,null))}:e.type==="bpmn:Participant"?{position:ot.PARTICIPANT,html:(0,Oe.renderToString)(F.default.createElement(tt,null))}:e.type.endsWith("Gateway")?{position:ot.GATEWAY,html:(0,Oe.renderToString)(F.default.createElement(tt,{showBackground:!0}))}:e.type==="bpmn:TextAnnotation"?{position:ot.ANNOTATION,html:(0,Oe.renderToString)(F.default.createElement(tt,{showBackground:!0}))}:{position:ot.OTHER,html:(0,Oe.renderToString)(F.default.createElement(tt,{showBackground:!0}))}}function Qo(e){if(La.includes(e.type))return!1;let o=(0,ft.getBusinessObject)(e)?.documentation?.[0]?.text;return o!=null&&o.trim()!==""}var Le=(0,Zo.forwardRef)(Ba);function Va(e){return F.default.createElement(Le,{...e,ref:e.viewerRef})}var Aa=(0,Ko.default)(()=>Promise.resolve(Va),{ssr:!1});var K=l(require("react"),1),De=require("@headlessui/react");function A(...e){return e.filter(Boolean).join(" ")}function _a(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 $a(e){return K.default.createElement(De.Menu.Item,null,({active:t})=>K.default.createElement("button",{type:"button",onClick:()=>e.onClick(),className:A(t?"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 ts=require("next/navigation"),os=l(require("react"),1);var es=new Set;function V(e,t){es.has(e)||(console.warn(`[@5minds/processcube_app_sdk] Warning: The component "${e}" is deprecated.
|
|
6
6
|
|
|
7
|
-
${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=require("react-dom/client"),ps=require("uuid"),ls=l(require("react"),1);var T=l(require("react"),1),L=require("@heroui/react"),is=l(require("@monaco-editor/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 rs=require("react-dom/client"),as=l(require("react-markdown"),1),ns=l(require("remark-gfm"),1),Y=l(require("react"),1),xt=require("@heroui/react"),It=l(require("@monaco-editor/react"),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(ls.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,ps.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,ds.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 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),P=l(require("react"),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||{}),td={...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!
|
|
8
|
-
Version: ${P.default.version}`);let{userTaskConfig:
|
|
7
|
+
${t??""}`.trimEnd()),es.add(e))}function Ha({href:e,children:t}){V("DynamicLink","Please use the NextJS Link component instead.");let o=(0,ts.useRouter)();return os.default.createElement("a",{href:e,onClick:s=>{s.preventDefault(),o.replace(e),o.refresh()}},t)}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),ht=l(require("react"),1);var wn=require("./components/bpmnViewerComponent/bpmnViewer.css");var ds=require("react-dom/client"),ps=require("uuid"),ls=l(require("react"),1);var T=l(require("react"),1),L=require("@heroui/react"),is=l(require("@monaco-editor/react"),1);var Te=l(require("react"),1);var ss=l(require("react"),1);function ko(e){V("ExecutionCount");let t={width:30};return e.count<=1?null:ss.default.createElement("div",{style:t,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--execution-count"},e.count)}var H=l(require("react"),1);function ho(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 go(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 wo(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 yo(e){V("FlowNodeButtonArea");let t={marginTop:"7px"},o=e.flowNode,s=!!e.onRetryClick,a=!o.IsGateway&&o.ProcessInstanceState!=="running"&&o.ProcessInstanceState!=="finished"&&s,r=!!e.onGotoClick,n=(o.IsCallActivity||(o.IsEventReceiver||o.IsEventSender)&&o.LinkedProcessInstanceId)&&r,i=!!e.onPlayClick,d=(o.IsUserTask||o.IsManualTask)&&o.State==="suspended"&&i;return Te.default.createElement("div",{className:"flownode-overlay",style:t},Te.default.createElement("div",{className:"bpmn-element-overlay__below"},a&&Te.default.createElement(wo,{onClick:e.onRetryClick,flowNode:e.flowNode}),Te.default.createElement(ko,{count:e.flowNode.ExecutionCount}),n&&Te.default.createElement(ho,{onClick:e.onGotoClick}),d&&Te.default.createElement(go,{onClick:e.onPlayClick})))}var vo=l(require("react"),1);function bo(e){V("FlowNodeColorArea");let t={width:e.width,height:e.height},o="",s={width:e.width,height:e.height};return e.flowNode.IsGateway?(s.height*=.7,s.width*=.7,o="bpmn-element-overlay-backdrop--gateway"):e.flowNode.IsEvent&&(o="bpmn-element-overlay-backdrop--rounded"),vo.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay-backdrop cursor-pointer",style:t},vo.default.createElement("div",{className:`flow-node-${e.flowNode.State}-state-overlay ${o}`,style:s}))}var as=require("react-dom/client"),rs=l(require("react-markdown"),1),ns=l(require("remark-gfm"),1),Y=l(require("react"),1),Io=require("@heroui/react"),No=l(require("@monaco-editor/react"),1);function xo(e){V("FlowNodeInfoComponent");function t(o){setTimeout(()=>{o.getAction("editor.action.formatDocument").run(),o.updateOptions({readOnly:!0})},300)}return(0,Y.useEffect)(()=>{let o=Y.default.createElement(rs.default,{remarkPlugins:[ns.default]},e.flowNode.Documentation),s=document.getElementById("markdown-container");if(s){let a=s.attachShadow({mode:"open"});(0,as.createRoot)(a).render(o)}},[]),Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(Io.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(No.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onMount:t,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}}),Y.default.createElement(Io.Divider,{className:"my-2"}),Y.default.createElement("p",null,"End Token:"),Y.default.createElement(No.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentEndToken,null,2),onMount:t,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 Co(e){V("FlowNodeOverlay");let t=(0,L.useDisclosure)(),o=(0,L.useDisclosure)(),[s,a]=(0,T.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 T.default.createElement(T.default.Fragment,null,T.default.createElement("div",{style:n},T.default.createElement(bo,{onClick:o.onOpen,...e}),T.default.createElement(yo,{onRetryClick:e.retryAction?t.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: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"},"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)=>a(d??""),onMount:r,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: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"},"FlowNode: ",e.flowNode.Name??e.flowNode.Id),T.default.createElement(L.ModalBody,null,T.default.createElement(xo,{flowNode:e.flowNode})),T.default.createElement(L.ModalFooter,null,T.default.createElement(L.Button,{color:"primary",onPress:i},"Close"))))))}var kt=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 t=this.flowNodeInstances.at(-1);if(this.IsCallActivity)return t.childProcessInstanceId;if(this.IsEventReceiver)return t?.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(t,o,s,a){this.id=t,this.flowNodeInstances=[],this.processInstanceState=o,this.documentation=s,this.triggeredFlowNodeInstance=a,this.type=""}addFlowNodeInstance(t){this.flowNodeInstances.push(t),this.type=t.flowNodeType}},st=class{canvas;overlays;elementRegistry;overlayIds;overlayRoots;constructor(t){V("BpmnViewerOverlayCreator"),this.canvas=t.get("canvas"),this.overlays=t.get("overlays"),this.elementRegistry=t.get("elementRegistry"),this.overlayIds=[],this.overlayRoots={}}createOverlaysFlowNodeInstances(t,o,s,a,r,n){let i=this.getExecutedFlowNodes(o,t,s);this.overlayIds=[];for(let u of i){let p=this.elementRegistry.get(u.Id);this.getOrCreateOverlayRoot(u)?.render(ls.default.createElement(Co,{flowNode:u,width:p.width,height:p.height,retryAction:a,gotoProcessAction:r,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(t){if(t.Id in this.overlayRoots)return this.overlayRoots[t.Id];let o=`bpmn-element-overlay-${(0,ps.v4)()}`,s=`<div id="${o}"></div>`,a=this.overlays.add(t.Id,{position:{top:0,left:0},html:s});this.overlayIds.push(a);let r=document.querySelector(`#${o}`);if(r){let n=(0,ds.createRoot)(r);return this.overlayRoots[t.Id]=n,n}}getExecutedFlowNodes(t,o,s){let a=[],r={};for(let n of s)n.triggeredByFlowNodeInstance&&(r[n.triggeredByFlowNodeInstance?.flowNodeInstanceId]=n);for(let n of t){let i=a.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 kt(n.flowNodeId,o,u,r[n.flowNodeInstanceId]),a.push(i)}i.addFlowNodeInstance(n)}return a}setSequenceFlowsColor(t,o){if(t&&t.businessObject.incoming)for(let s of t.businessObject.incoming)o.find(r=>r.Id===s.sourceRef?.id)&&this.canvas.addMarker(s.id,"connection-done")}removeSequenceFlowsColor(t){if(t&&t.businessObject.incoming){for(let o of t.businessObject.incoming)this.canvas.removeMarker(o.id,"connection-done");if(t.businessObject.outgoing)for(let o of t.businessObject.outgoing)this.canvas.removeMarker(o.id,"connection-done")}}};var za={canvas:{autoFocus:!0}},Fo=class extends ht.default.Component{containerRef;bpmnViewer;bpmnViewerOverlayCreator;constructor(t){super(t),V("BpmnViewerComponent"),this.state={diagramXML:""},this.containerRef=ht.default.createRef()}componentDidMount(){let{diagramXML:t,options:o}=this.props,s=this.containerRef.current;if(this.bpmnViewer=new cs.default({container:s,height:o?.height??600,bpmnRenderer:{defaultFillColor:o?.fillColor,defaultStrokeColor:o?.strokeColor},additionalModules:[fs.default,us.default,ms.default],...za}),this.bpmnViewerOverlayCreator=new st(this.bpmnViewer),t)return this.displayDiagram(t)}componentWillUnmount(){this.bpmnViewer.destroy()}componentDidUpdate(t,o){let{props:s,state:a}=this,r=s.diagramXML||a.diagramXML,n=t.diagramXML||o.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(t){this.bpmnViewer.importXML(t).then(()=>{let o=this.bpmnViewer.get("canvas"),s=o.viewbox(),a={x:s.outer.width/2,y:s.outer.height/2};o.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 ht.default.createElement("div",{className:this.props.className,ref:this.containerRef})}};var Me=l(require("react-is"),1),vs=l(require("semver/functions/gt"),1),bs=l(require("semver/functions/prerelease"),1),Is=l(require("semver/functions/satisfies"),1),P=l(require("react"),1),Ns=require("../common/index.cjs");var Pd=require("./components/DynamicUi/DynamicUi.css");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 gt=(0,he.forwardRef)(function(t,o){let{formField:s}=t,a=`${s.id}-hint`,r=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:t.state&&t.state!=="false"||s.defaultValue==="true",id:s.id,name:s.id,"aria-describedby":r?.hint?a: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),r?.hint&&he.default.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},r.hint)))});var le=l(require("react"),1);function wt({formField:e,state:t}){let o=y(e.customForm),s=o?.entries,a=`${e.id}-hint`,r;return Array.isArray(t)&&t.length?r=t:r=(t||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":o?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"checkbox"},s?.map(n=>{let i=r.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)))})),o?.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:a},o?.hint))}var Ue=l(require("react"),1);function yt(e){let{formField:t}=e,o=`${t.id}-hint`,s=y(t.customForm);t.defaultValue&&!Ra(t.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for color field "${t.id}"`);let a=e.state||t.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:t.id},t.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:a,id:t.id,name:t.id,placeholder:s?.placeholder,"aria-describedby":o,"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:o},s?.hint))}function Ra(e){return/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(e?.toString())}var vt=l(require("react"),1),bt=(0,vt.forwardRef)(function(t,o){return vt.default.createElement("p",{className:"app-sdk-text-sm"},t.formField.label)});var Ve=l(require("react"),1);function It({formField:e,state:t}){let o=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:t||(e.defaultValue?.toString()??""),placeholder:o?.placeholder,"aria-describedby":`${e.id}-hint`,"data-form-field-type":"custom"})),o?.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)]"},o.hint))}var be=l(require("react"),1);var Nt=(0,be.forwardRef)(function(t,o){let{formField:s}=t,a=`${s.id}-hint`,r=y(s.customForm);ja(s.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for date field "${s.id}"`);let n=t.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":a,"data-form-field-type":"date"})),r?.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:a},r?.hint))});function ja(e){return new Date(e?.toString()).toString()!=="Invalid Date"}var Ae=l(require("react"),1);function xt(e){let{formField:t}=e,o=`${t.id}-hint`,s=y(t.customForm);t.defaultValue&&!Wa(t.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for dateteime-local field "${t.id}"`);let a=e.state||t.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:t.id},t.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:"datetime-local",defaultValue:a,id:t.id,name:t.id,"aria-describedby":o,"data-form-field-type":"datetime-local"})),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:o},s?.hint))}function Ga(e){return new Date(e?.toString()).toString()!=="Invalid Date"}function Ja(e){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(e)}function Wa(e){if(!e.includes("T"))return!1;let[t,o]=e.split("T");return Ga(t)&&Ja(o)}var Ie=l(require("react"),1);function Ct(e){return!Number.isNaN(Number(e?.toString()))}var Ft=(0,Ie.forwardRef)(function(t,o){let{formField:s}=t,a=`${s.id}-hint`,r=y(s.customForm);return Ct(s.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for decimal field "${s.id}"`),Ie.default.createElement("div",null,Ie.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:s.id},s.label),Ie.default.createElement("div",{className:"app-sdk-mt-1"},Ie.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:t.state||s.defaultValue?.toString(),id:s.id,name:s.id,"aria-describedby":a,"data-form-field-type":"decimal"})),r?.hint&&Ie.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 _e=l(require("react"),1);function Pt(e){let{formField:t}=e,o=`${t.id}-hint`,s=y(t.customForm),a=e.state||(t.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:t.id},t.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:"email",defaultValue:a,id:t.id,name:t.id,placeholder:s?.placeholder,"aria-describedby":o,"data-form-field-type":"email"})),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:o},s?.hint))}var _=l(require("react"),1);var St=(0,_.forwardRef)(function({formField:t,state:o},s){let a=y(t.customForm),r=t.label,n=t.enumValues,i;switch(a?.displayAs){case"checkbox":let u;Array.isArray(o)&&o.length?u=o:u=(o||t.defaultValue?.toString())?.split(",")??[],i=_.default.createElement("fieldset",{id:t.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":a?.hint?`${t.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(m=>{let k=u.find(w=>w.trim()===m.id);return _.default.createElement("div",{key:m.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},_.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},_.default.createElement("input",{type:"checkbox",defaultChecked:k,name:t.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"})),_.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},_.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=_.default.createElement("fieldset",{id:t.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":a?.hint?`${t.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(m=>_.default.createElement("div",{key:m.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},_.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},_.default.createElement("input",{type:"radio",defaultChecked:(o||t.defaultValue)==m.id,name:t.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"})),_.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},_.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=o||n?.find(m=>m.id===t.defaultValue)?.id||"";i=_.default.createElement("select",{id:t.id,name:t.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":a?.hint?`${t.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:p},_.default.createElement("option",{value:""},!p&&a?.placeholder),n?.map(m=>_.default.createElement("option",{key:m.id,value:m.id},m.name)));break}let d=a?.hint?_.default.createElement("p",{id:`${t.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 _.default.createElement("div",null,_.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},r),i,d)});var at=l(require("react"),1);function Dt(e){let{formField:t}=e,o=`${t.id}-hint`,s=y(t.customForm);return at.default.createElement("div",null,at.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),at.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:t.id,name:t.id,"aria-describedby":o,"data-form-field-type":"file",multiple:s?.multiple}),s?.hint&&at.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:o},s?.hint))}var Ne=l(require("react"),1);var Tt=(0,Ne.forwardRef)(function({formField:t},o){let s=y(t.customForm),a;switch(s?.style){case"heading_1":a=Ne.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},t.defaultValue?.toString()||t.label?.toString());break;case"heading_2":a=Ne.default.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},t.defaultValue?.toString()||t.label?.toString());break;case"heading_3":a=Ne.default.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},t.defaultValue?.toString()||t.label?.toString());break;default:a=Ne.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},t.defaultValue?.toString()||t.label?.toString());break}return Ne.default.createElement("div",{className:"app-sdk-header-form-field"},a)});var ks=l(require("react"),1);function Et(e){let{formField:t}=e;return ks.default.createElement("input",{className:"app-sdk-hidden",type:"hidden",id:t.id,value:t.defaultValue?.toString()||"",name:t.id,"data-form-field-type":"hidden"})}var xe=l(require("react"),1);var Mt=(0,xe.forwardRef)(function({formField:t,state:o},s){let a=y(t.customForm);return Ct(t.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for integer field "${t.id}"`),xe.default.createElement("div",null,xe.default.createElement("label",{htmlFor:t.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},t.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:1,id:t.id,name:t.id,defaultValue:o||t.defaultValue?.toString(),placeholder:a?.placeholder??"0","aria-describedby":`${t.id}-hint`,"data-form-field-type":"integer"})),a?.hint&&xe.default.createElement("p",{id:`${t.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 $e=l(require("react"),1);function Bt(e){let{formField:t}=e,o=`${t.id}-hint`,s=y(t.customForm);t.defaultValue&&!qa(t.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for month field "${t.id}"`);let a=e.state||t.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:t.id},t.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:a,id:t.id,name:t.id,"aria-describedby":o,"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:o},s?.hint))}function qa(e){return/^\d{4}-(0[1-9]|1[0-2])$/.test(e)}var hs=l(require("isomorphic-dompurify"),1),Ot=require("marked"),Lt=l(require("react"),1),Ut=require("react");var Vt=(0,Lt.forwardRef)(function({formField:{defaultValue:t,label:o}},s){let[a,r]=(0,Ut.useState)("");return(0,Ut.useEffect)(()=>{let n=Ot.marked.parse(t?.toString()??o?.toString()??"",{renderer:new Po,hooks:new So});r(n)},[t,o]),Lt.default.createElement("div",{className:A("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}})}),Po=class extends Ot.marked.Renderer{link(t){return super.link(t).replace("<a","<a target='_blank'")}html(t){let o=super.html(t);return o.startsWith("<a ")&&!o.includes("target=")?o.replace("<a ",'<a target="_blank" '):o}},So=class extends Ot.marked.Hooks{postprocess(t){return hs.default.sanitize(t,{ADD_ATTR:["target"]})}};var He=l(require("react"),1);function At(e){let{formField:t}=e,o=`${t.id}-hint`,s=y(t.customForm),a=e.state||(t.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:t.id},t.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:t.id,name:t.id,defaultValue:a,placeholder:s?.placeholder,"aria-describedby":o,"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:o},s?.hint))}var ce=l(require("react"),1);function _t({formField:e,state:t}){let o=y(e.customForm),s=o?.entries,a=`${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":o?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"radio"},s?.map(r=>ce.default.createElement("div",{key:r.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:(t||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"})),ce.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},ce.default.createElement("label",{htmlFor:r.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},r.value))))),o?.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:a},o?.hint))}var ge=l(require("react"),1);function $t({formField:e,state:t}){let o=y(e.customForm),s=e.label,a=o?.min||0,r=o?.max||100,n=o?.step||1,i=t||e.defaultValue?.toString()||a.toString(),[d,u]=(0,ge.useState)(i),p=w=>{u(w.target.value)},m=ge.default.createElement("input",{className:A("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:p,"aria-describedby":o?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"range"}),k=o?.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)]"},o.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 Ht({formField:e,state:t}){let o=y(e.customForm),s=o?.entries,a=`${e.id}-hint`,r=t||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":r,"aria-describedby":o?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"select",defaultValue:r},Ee.default.createElement("option",{value:""},!r&&o?.placeholder),s?.map(n=>Ee.default.createElement("option",{key:n.key,value:n.key},n.value))),o?.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:a},o?.hint))}var we=l(require("react"),1);var ze=l(require("react"),1);function Re(e){let{formField:t}=e,o=`${t.id}-hint`,s=y(t.customForm),a=e.state||(t.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:t.id},t.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:a,id:t.id,name:t.id,rows:s?.rows??4,"aria-describedby":o,"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:o},s?.hint))}var zt=(0,we.forwardRef)(function({formField:t,state:o},s){let a=y(t.customForm);if(a?.multiline==="true")return we.default.createElement(Re,{formField:t,state:o});let n=`${t.id}-hint`,i=o||(t.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:t.id},t.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:t.id,name:t.id,"aria-describedby":n,"data-form-field-type":"text",placeholder:a?.placeholder})),a?.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},a?.hint))});var je=l(require("react"),1);function Rt({formField:e,state:t}){let o=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:A("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:t||(e.defaultValue?.toString()??""),placeholder:o?.placeholder,"aria-describedby":o?.hint?s:void 0,"data-form-field-type":"tel"})),o?.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},o.hint))}var Ge=l(require("react"),1);function jt(e){let{formField:t}=e,o=`${t.id}-hint`,s=y(t.customForm);t.defaultValue&&!Xa(t.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for time field "${t.id}"`);let a=e.state||t.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:t.id},t.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:a,id:t.id,name:t.id,"aria-describedby":o,"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:o},s?.hint))}function Xa(e){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(e)}var Je=l(require("react"),1);function Gt(e){let{formField:t}=e,o=`${t.id}-hint`,s=y(t.customForm),a=e.state||(t.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:t.id},t.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:t.id,defaultValue:a,placeholder:s?.placeholder??"https://processcube.io/",name:t.id,"aria-describedby":o,"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:o},s?.hint))}var We=l(require("react"),1);function Jt(e){let{formField:t}=e,o=`${t.id}-hint`,s=y(t.customForm);t.defaultValue&&!Ya(t.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for week field "${t.id}"`);let a=e.state||t.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:t.id},t.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:a,id:t.id,name:t.id,"aria-describedby":o,"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:o},s?.hint))}function Ya(e){return/^(\d{4})-W(0[1-9]|[1-4][0-9]|5[0-3])$/.test(e)}var ws=(I=>(I.paragraph="paragraph",I.header="header",I.confirm="confirm",I.checkbox="checkbox",I.radio="radio",I.select="select",I.range="range",I.file="file",I.hidden="hidden",I.tel="tel",I.textarea="textarea",I.url="url",I.week="week",I.time="time",I.month="month",I.datetimeLocal="datetime-local",I.email="email",I.color="color",I.password="password",I.custom="custom",I))(ws||{}),Yi={...gs.DataModels.FlowNodeInstances.UserTaskFormFieldType,...ws},Do={boolean:gt,checkbox:wt,color:yt,date:Nt,email:Pt,enum:St,file:Dt,hidden:Et,long:Mt,"datetime-local":xt,month:Bt,number:Ft,string:zt,paragraph:Vt,password:At,radio:_t,range:$t,select:Ht,header:Tt,confirm:bt,tel:Rt,textarea:Re,time:jt,url:Gt,week:Jt,custom:It};var Ka=(0,Is.default)(P.default.version,">=19.0.0 <20",{includePrerelease:!0}),xs=(0,bs.default)(P.default.version)==null,ys=!xs&&(0,vs.default)(P.default.version,"19.0.0")&&P.default.version.includes("canary"),To=class extends P.default.Component{};function Za(e){Ka||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The React version is not supported!
|
|
8
|
+
Version: ${P.default.version}`);let{userTaskConfig:t}=e.task,{formFields:o}=t,s=(0,P.useRef)(null),a=(0,P.useRef)(null),r=new Map(o.map(h=>[h.id,{ref:P.default.createRef()}])),n=o.filter(h=>h.type==="confirm");n.length>1&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Warning while rendering UserTask "${e.task.flowNodeId}"!
|
|
9
9
|
The UserTask has more than one confirm form field. Please use only one confirm form field per User Task.
|
|
10
10
|
|
|
11
|
-
The first confirm form field is used for rendering.`);let i=n.length===1?n[0]:null,d={...
|
|
11
|
+
The first confirm form field is used for rendering.`);let i=n.length===1?n[0]:null,d={...Do,...e.customFieldComponents?e.customFieldComponents:{}},u=h=>{let c=rr(h,o,r);e.onSubmit(c,h,(0,Ns.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,a.current==null)return;let v=new FormData(a.current),E=ar(v,r);e.onStateChange?.(c.value,c.name,E)},100)}let m=A("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&&xs&&{onSubmit:h=>{let c=new FormData(a.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}`:A(...m.split(" ").filter(h=>h!=="dark"&&h!=="app-sdk-dark")),"data-dynamic-ui":!0},P.default.createElement("form",{ref:a,className:A("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:A("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(er,{title:e.title??e.task.flowNodeName??"User Task",headerComponent:e.headerComponent})),P.default.createElement("section",{className:A("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]"},o.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.
|
|
12
12
|
|
|
13
13
|
FormField: ${JSON.stringify(h,null,2)}
|
|
14
14
|
DynamicUiFormFieldComponent: ${c.toString()}
|
|
15
15
|
|
|
16
|
-
Rendering 'null' as fallback`),null;let v;
|
|
16
|
+
Rendering 'null' as fallback`),null;let v;rt(c)?(tr(c),v=c):Eo(c)?(or(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()?
|
|
17
17
|
|
|
18
18
|
FormField ID: ${h.id}
|
|
19
19
|
FormField Type: ${h.type}
|
|
20
|
-
Component Name: ${c.name} ${c.displayName??""}`),
|
|
20
|
+
Component Name: ${c.name} ${c.displayName??""}`),sr(c),v=c);let E=r.get(h.id)?.ref;return P.default.createElement(P.Fragment,{key:h.id},(0,P.createElement)(c,{ref:rt(c)||Eo(c)?E:void 0,formField:h,state:e.state?.[h.id]}))}))),P.default.createElement("footer",{className:A("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(Qa,{confirmFormField:i}))))}function Qa(e){let{confirmFormField:t}=e,o=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(t){let s=y(t.customForm);o=P.default.createElement(P.Fragment,null,P.default.createElement("button",{type:"submit",name:t.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:t.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"},o)}function er(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 rt(e){return e?.prototype?.isReactComponent!=null}function tr(e){if(!(Me.isValidElementType(e)&&rt(e)))throw new Error("Expected Element to be a React Component")}function Eo(e){return Me.isValidElementType(e)&&e.$$typeof===Me.ForwardRef&&!rt(e)}function or(e){if(!Eo(e))throw new Error("Expected Element to be a functional Component wrapped with React.forwardRef")}function sr(e){if(!(Me.isValidElementType(e)&&!rt(e)))throw new Error("Expected Element to be a functional Component")}function ar(e,t){let o={};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.
|
|
21
21
|
|
|
22
|
-
FormField: ${
|
|
22
|
+
FormField: ${a} with ${s} `);return}o[a]?o[a]=Array.isArray(o[a])?[...o[a],s]:[o[a],s]:o[a]=s}),t.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]")&&(o[a]=r)}}),o}function rr(e,t,o){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.
|
|
23
23
|
|
|
24
|
-
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("bpmn-js/lib/util/ModelUtil"),nt=require("lodash"),cr=l(require("next/dynamic"),1),mr=require("react-dom/client"),b=l(require("react"),1),ur=require("@headlessui/react"),j=require("@5minds/processcube_engine_sdk");var Z=l(require("react"),1),Q=require("@headlessui/react"),Cs=require("@heroicons/react/24/outline");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 G=l(require("react"),1),ae=require("@headlessui/react"),sr=l(require("@monaco-editor/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 N=l(require("react"),1),Pe=require("@heroicons/react/24/outline"),Lt=require("@monaco-editor/react");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
|
|
25
|
-
${
|
|
26
|
-
${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,lr.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,mr.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(ur.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,cr.default)(()=>Promise.resolve(fr),{ssr:!1});var yr=l(require("next/dynamic"),1),U=l(require("react"),1),vr=require("@headlessui/react");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(vr.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,yr.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});
|
|
24
|
+
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=t.find(d=>d.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=t.filter(r=>r.type==="boolean");return a.length&&a.forEach(r=>{s[r.id]||(s[r.id]=!1)}),o.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 la=require("bpmn-js/lib/util/ModelUtil"),ro=require("lodash"),ca=l(require("next/dynamic"),1),ma=require("react-dom/client"),b=l(require("react"),1),ua=require("@headlessui/react"),j=require("@5minds/processcube_engine_sdk");var Z=l(require("react"),1),Q=require("@headlessui/react"),Cs=require("@heroicons/react/24/outline");function Fs(e){let[t,o]=(0,Z.useState)(""),s=t===""?e.entries:e.entries.filter(a=>a.name.toLowerCase().includes(t.toLowerCase()));return Z.default.createElement(Q.Dialog,{className:"app-sdk-relative app-sdk-z-50",open:e.isOpen,onClose:()=>{e.onClose(),o("")}},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:a=>{a&&e.onConfirm(a)}},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:a=>o(a.target.value),onBlur:()=>o("")}),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(a=>Z.default.createElement(Q.ComboboxOption,{key:a.id,value:a,className:({focus:r})=>A("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))),t!==""&&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:t,className:o,onClick:s}){return Ps.default.createElement("button",{title:e,className:A(o,"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},t)}var Ss=l(require("react"),1);function Ds({width:e,children:t}){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`}},t)}var Wt=l(require("react"),1);function Ts({isSender:e,onClick:t}){return Wt.default.createElement(me,{title:`Go to ${e?"Target":"Source"}`,onClick:t},Wt.default.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Wt.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 qt=l(require("react"),1);function Es({onClick:e}){return qt.default.createElement(me,{onClick:e,title:"List Instances"},qt.default.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},qt.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 Yt=l(require("react"),1);function Ks({flowNodeId:e,flowNodeInstanceId:t,flowNodeType:o,processInstanceId:s,onPlay:a}){return Yt.default.createElement(me,{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:t,taskType:o}),r(!0)}catch(i){n(i)}}):Promise.resolve().then(()=>(Xe(),qe)).then(({finishTask:r})=>r(t,o))}},Yt.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"},Yt.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 Oo=l(require("react"),1);function Kt({children:e}){return Oo.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"},Oo.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 Zt=l(require("react"),1);var ea=l(require("react"),1);function Fe({title:e,disabled:t,children:o,onClick:s}){return ea.default.createElement("button",{title:`${e??""}${t?" (disabled)":""}`,className:A("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",t?"app-sdk-cursor-not-allowed":"app-sdk-cursor-pointer hover:app-sdk-bg-app-sdk-gray-100/40"),onClick:s,disabled:t},o)}function ta({onClick:e}){return Zt.default.createElement(Fe,{title:"Refresh Process Instance Data",onClick:e},Zt.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"},Zt.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 Qt=l(require("react"),1);function oa({onClick:e}){return Qt.default.createElement(me,{title:"Retry Process Here",onClick:e},Qt.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"},Qt.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 G=l(require("react"),1),re=require("@headlessui/react"),sa=l(require("@monaco-editor/react"),1);function aa(e){let[t,o]=(0,G.useState)("");return(0,G.useEffect)(()=>{o(JSON.stringify(e.flowNodeInstance?.startToken??e.processInstance.startToken??{},null,2))},[e.flowNodeInstance,e.processInstance]),G.default.createElement(re.Dialog,{open:e.isOpen,onClose:e.onClose,className:"app-sdk-relative app-sdk-z-50"},G.default.createElement(re.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(re.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(re.DialogTitle,{className:"app-sdk-font-bold"},"Retry Process Instance"),G.default.createElement(re.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(re.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(sa.default,{height:"7rem",defaultLanguage:"json",defaultValue:t,onChange:s=>o(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(t);await(await Promise.resolve().then(()=>(Xe(),qe))).retryProcess(e.processInstance.processInstanceId,e.flowNodeInstance?.flowNodeInstanceId,s),e.onClose()}},"Retry"))))))}var eo=l(require("react"),1);function ra({disabled:e,onClick:t}){return eo.default.createElement(Fe,{title:"Retry Process",disabled:e,onClick:t},eo.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"},eo.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 to=l(require("react"),1);function na({processInstanceId:e,disabled:t}){return to.default.createElement(Fe,{title:"Terminate Process",disabled:t,onClick:()=>Promise.resolve().then(()=>(Xe(),qe)).then(({terminateProcess:o})=>o(e))},to.default.createElement("svg",{className:t?"!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"},to.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 x=l(require("react"),1),Pe=require("@heroicons/react/24/outline"),Lo=require("@monaco-editor/react");function ia(e){let[t,o]=(0,x.useState)(),[s,a]=(0,x.useState)(!0),[r,n]=(0,x.useState)(null),i=p=>{n(r===p?null:p)};(0,x.useEffect)(()=>(s&&e.flowNodeInstances.length>1&&a(!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,x.useEffect)(()=>{if(e.flowNodeInstances.length<2){o(void 0);return}let m=new URLSearchParams(window.location.search).get("tokenInspectorFocus");m||o(e.flowNodeInstances[0]);let k=e.flowNodeInstances.find(w=>w.flowNodeId===m);k&&o(k)},[e.flowNodeInstances]),(0,x.useEffect)(()=>{if(s)return;let p=new URLSearchParams(window.location.search);t?p.set("tokenInspectorFocus",t.flowNodeId):p.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${p.toString()}${window.location.hash}`)},[t,s]);let d=(0,x.useMemo)(()=>e.flowNodeInstances.length===1?JSON.stringify(e.flowNodeInstances[0].startToken,null,2):JSON.stringify(t?t.startToken:e.processInstance?.startToken??{},null,2),[t,e.flowNodeInstances,e.processInstance]),u=(0,x.useMemo)(()=>e.flowNodeInstances.length===1?JSON.stringify(e.flowNodeInstances[0].endToken,null,2):JSON.stringify(t?t.endToken:e.processInstance?.endToken??{},null,2),[t,e.flowNodeInstances,e.processInstance]);return x.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"},x.default.createElement("button",{onClick:()=>{e.close()},className:"app-sdk-text-white hover:app-sdk-text-gray-300",title:"Close Token Inspector"},x.default.createElement(Pe.XMarkIcon,{className:"app-sdk-w-6 app-sdk-h-6"})),x.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-4"},e.flowNodeInstances.length===0?x.default.createElement("label",{className:"app-sdk-break-all"},"Process: ",e.processInstance.processModelId,e.processInstance.processModelName&&` (${e.processInstance.processModelName})`):e.flowNodeInstances.length===1?x.default.createElement("label",{className:"app-sdk-break-all"},"Flow Node: ",e.flowNodeInstances[0].flowNodeId,e.flowNodeInstances[0].flowNodeName&&` (${e.flowNodeInstances[0].flowNodeName})`):x.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1 app-sdk-w-full"},x.default.createElement("label",null,"Select Flow Node:"),x.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=>o(e.flowNodeInstances.find(m=>m.flowNodeId===p.target.value)),value:t?.flowNodeId??e.flowNodeInstances[0].flowNodeId},e.flowNodeInstances.map(p=>x.default.createElement("option",{key:`token-inspector-option-${p.flowNodeId}`,value:p.flowNodeId},`${p.flowNodeName?`${p.flowNodeName} (${p.flowNodeId})`:p.flowNodeId}`)))),x.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-3"},r&&x.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"}),x.default.createElement("div",{className:`app-sdk-flex app-sdk-flex-col app-sdk-gap-1
|
|
25
|
+
${r==="start"?"app-sdk-fixed app-sdk-top-1/2 app-sdk-left-1/2 app-sdk--translate-x-1/2 app-sdk--translate-y-1/2 app-sdk-w-4/5 app-sdk-h-[70vh] app-sdk-bg-white/10 app-sdk-backdrop-blur-xl app-sdk-rounded-xl app-sdk-shadow-2xl app-sdk-z-50 app-sdk-p-6":""}`},x.default.createElement("div",{className:"app-sdk-flex app-sdk-items-center app-sdk-justify-between"},x.default.createElement("label",{className:"app-sdk-text-white app-sdk-font-medium"},"Start Token"),x.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"?x.default.createElement(Pe.ArrowsPointingInIcon,{className:"app-sdk-w-6 app-sdk-h-6"}):x.default.createElement(Pe.ArrowsPointingOutIcon,{className:"app-sdk-w-6 app-sdk-h-6"}))),x.default.createElement(Lo.Editor,{height:r==="start"?"60vh":"7rem",defaultLanguage:"json",value:d,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})),x.default.createElement("div",{className:`app-sdk-flex app-sdk-flex-col app-sdk-gap-1
|
|
26
|
+
${r==="end"?"app-sdk-fixed app-sdk-top-1/2 app-sdk-left-1/2 app-sdk--translate-x-1/2 app-sdk--translate-y-1/2 app-sdk-w-4/5 app-sdk-h-[70vh] app-sdk-bg-white/10 app-sdk-backdrop-blur-xl app-sdk-rounded-xl app-sdk-shadow-2xl app-sdk-z-50 app-sdk-p-6":""}`},x.default.createElement("div",{className:"app-sdk-flex app-sdk-items-center app-sdk-justify-between"},x.default.createElement("label",{className:"app-sdk-text-white app-sdk-font-medium"},"End Token"),x.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"?x.default.createElement(Pe.ArrowsPointingInIcon,{className:"app-sdk-w-6 app-sdk-h-6"}):x.default.createElement(Pe.ArrowsPointingOutIcon,{className:"app-sdk-w-6 app-sdk-h-6"}))),x.default.createElement(Lo.Editor,{height:r==="end"?"60vh":"7rem",defaultLanguage:"json",value:u,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})))))}var ue=l(require("react"),1);function oo(e){let[t,o]=(0,ue.useState)(e.isOpen??!1);return(0,ue.useEffect)(()=>{o(e.isOpen??!1)},[e.isOpen]),ue.default.createElement(Fe,{disabled:e.disabled,title:"View Process Tokens",onClick:()=>{t?e.close():e.open(),o(s=>!s)}},t?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 da=[j.ProcessInstanceState.error,j.ProcessInstanceState.terminated],kr=[j.BpmnType.manualTask,j.BpmnType.userTask,j.BpmnType.untypedTask],pa=[j.BpmnType.endEvent,j.BpmnType.intermediateThrowEvent,j.BpmnType.sendTask],hr=[j.BpmnType.startEvent,j.BpmnType.intermediateCatchEvent,j.BpmnType.boundaryEvent,j.BpmnType.receiveTask],so={isOpen:!1,placeholder:"",entries:[],onConfirm:()=>{},onClose:()=>{}},gr={isOpen:!1},ao="asdk-buttons";function fa(e){let{processInstanceId:t}=e,[o,s]=(0,b.useState)(so),[a,r]=(0,b.useState)(gr),[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)([]),I=(0,b.useRef)(null),ye=(0,b.useCallback)(async()=>{let g=await Promise.resolve().then(()=>(Xe(),qe)),N=g.getProcessInstance(t),J=g.getFlowNodeInstances(t),[M,W]=await Promise.all([N,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)},[t]),ne=(0,b.useCallback)(g=>{let N=(0,la.getBusinessObject)(g),J=p.some(W=>W.flowNodeId===N.targetRef.id),M=p.some(W=>W.flowNodeId===N.sourceRef.id&&W.state===j.FlowNodeInstanceState.finished);return J&&M},[p]),D=(0,b.useCallback)(async()=>{let g=I.current?.bpmnViewerRef,N=g?.getOverlays();if(!g||!N)return;let J=await Promise.resolve().then(()=>(Xe(),qe)),M=J.getProcessInstance(t),W=J.getFlowNodeInstances(t),[B,$]=await Promise.all([M,W]),Ke=await J.getTriggeredFlowNodeInstances($.map(R=>R.flowNodeInstanceId));if((0,ro.isEqual)(B,d)&&(0,ro.isEqual)($,p)&&(0,ro.isEqual)(Ke,k))return;B.state!==d?.state&&N.clear();for(let[R,dt]of h.entries()){let Ze=p.find(q=>q.flowNodeInstanceId===dt);if(!Ze)continue;let pt=$.find(q=>q.flowNodeId===R);pt?.flowNodeInstanceId===dt&&Ze.state===pt.state||(g.removeMarker(R,`asdk-pii-flow-node-instance-state--${Ze.state}`),N.remove({element:R,type:ao}))}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)},[I.current,d,h,p,t]),S=(0,b.useCallback)((g,N)=>{let J=I.current?.bpmnViewerRef,M=J?.getOverlays();if(!J||!M)return;let W=M.get({element:g.id,type:ao});if(Array.isArray(W)&&W.length>0)return;let B=N.find(q=>q.flowNodeInstanceId===h.get(q.flowNodeId));if(!B)return;let $=e.showFlowNodeExecutionCount&&N.length>1,Ke=e.showFlowNodeInstancesListButton&&N.length>1,ie=e.showFinishTaskButton&&kr.includes(g.type)&&B.state===j.FlowNodeInstanceState.suspended,fe=e.showRetryFlowNodeInstanceButton&&d&&da.includes(d.state),ee=!1,O=[];if(e.showGoToFlowNodeButton&&hr.includes(g.type)){let q=B.triggeredByFlowNodeInstance;ee=q!==void 0,O=q?[q]:[]}else if(e.showGoToFlowNodeButton&&pa.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,dt=M.add(g.id,ao,{position:{bottom:-7,left:R?-g.width/2:0},html:"<div></div>"}),Ze=M.get(dt),pt=(0,ma.createRoot)(Ze.htmlContainer),lo=N.indexOf(B)===0,co=N.length-N.indexOf(B);pt.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 ${N.length} times.${lo?"":` You are viewing instance #${co}.`}`},`${lo?"":`${co}/`}${N.length}`),Ke&&b.default.createElement(Es,{onClick:()=>{let q=N.map(te=>({id:te.flowNodeInstanceId,name:`${te.startedAt?.toLocaleString("en-GB")} - ${te.flowNodeInstanceId} - ${te.state}${te.flowNodeInstanceId===B.flowNodeInstanceId?" (selected)":""}`,...te}));s({isOpen:!0,placeholder:"Select instance to display:",entries:q,onConfirm:async te=>{let mo=N.find(uo=>uo.flowNodeInstanceId===te.flowNodeInstanceId);if(!mo)return;J.removeMarker(B.flowNodeId,`asdk-pii-flow-node-instance-state--${B.state}`),M.remove({element:g.id,type:ao});let lt=new URLSearchParams(window.location.search);lt.getAll("instance").includes(B.flowNodeInstanceId)&<.delete("instance",B.flowNodeInstanceId),N.indexOf(mo)!==0&<.append("instance",mo.flowNodeInstanceId),window.history.replaceState({},"",`${window.location.pathname}?${lt.toString()}${window.location.hash}`),c(uo=>new Map(uo).set(g.id,te.flowNodeInstanceId)),s(so)},onClose:()=>s(so)})}}),ee&&b.default.createElement(Ts,{isSender:pa.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 te=new URLSearchParams;te.append("selected",X.flowNodeId),te.append("instance",X.flowNodeInstanceId),window.location.href=`${X.processInstanceId}?${te.toString()}`},onClose:()=>s(so)})}}),ie&&b.default.createElement(Ks,{flowNodeId:B.flowNodeId,flowNodeInstanceId:B.flowNodeInstanceId,flowNodeType:g.type,processInstanceId:B.processInstanceId,onPlay:e.onFinish}),fe&&b.default.createElement(oa,{onClick:()=>{r({isOpen:!0,flowNodeInstance:B})}})))},[I.current,d,p,k,h]);if((0,b.useEffect)(()=>{ye()},[t]),(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(N=>{let J=v.includes(N.flowNodeId),M=h.get(N.flowNodeId)===N.flowNodeInstanceId;return J&&M});if(g.length===0){let N=new URLSearchParams(window.location.search);N.delete("tokenInspectorFocus"),window.history.replaceState({},"",`${window.location.pathname}?${N.toString()}${window.location.hash}`)}Se(g)},[p,v,h]),(0,b.useEffect)(()=>{if(!d?.xml)return;let g=I.current?.bpmnViewerRef,N=g?.getElementRegistry();!g||!N||g.onImportDone(()=>{let J=new Set(p.map(M=>M.flowNodeId));N.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))})})},[I.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,ae=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,{...o}),(e.showRetryFlowNodeInstanceButton||e.showProcessRetryButton)&&b.default.createElement(aa,{...a,processInstance:d,onClose:()=>r(g=>({...g,isOpen:!1}))}),C&&b.default.createElement(Kt,null,e.showProcessRefreshButton&&b.default.createElement(ta,{onClick:D}),e.showProcessRetryButton&&b.default.createElement(ra,{onClick:()=>r({isOpen:!0}),disabled:!da.includes(d.state)}),e.showProcessTerminateButton&&b.default.createElement(na,{processInstanceId:t,disabled:d.state!==j.ProcessInstanceState.running}),ae&&b.default.createElement(Qs,null),e.showTokenInspectorButton&&b.default.createElement(oo,{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(ua.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(ia,{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:I,setSelectedElementIds:E}))}var wr=(0,ca.default)(()=>Promise.resolve(fa),{ssr:!1});var ya=l(require("next/dynamic"),1),U=l(require("react"),1),va=require("@headlessui/react");function Ye(e){if(!e)return;let t=parseFloat(e);if(!isNaN(t))return t/100}var no=class{nodeInfoMap={};heatmapInfo={};runtimeService;processCostsService;bpmnViewer;activeCostKeyPerNode={};constructor(t,o,s){this.runtimeService=t,this.processCostsService=o,this.computeRuntimeHeatmap(s),this.computeCostHeatmap(s)}updateHeatmapService(t,o,s){this.runtimeService=t,this.processCostsService=o,this.computeRuntimeHeatmap(s),this.computeCostHeatmap(s)}getHeatmapInfoForId(t){return this.heatmapInfo[t]}hasRuntimeEntry(){return Object.values(this.heatmapInfo).some(t=>"runtime"in t)}hasCostEntry(){return Object.values(this.heatmapInfo).some(t=>Object.keys(t).some(o=>!o.startsWith("runtime")))}getActiveCostKey(t){return this.activeCostKeyPerNode[t]}hasMultipleCostEntries(t){let o=this.heatmapInfo[t];return o?Object.keys(o).filter(a=>!a.startsWith("runtime")).length>=2:!1}applyHeatmap(t,o,s){let a=s.viewer,r=s.flowNodeId;if(!a&&!r)return;if(!t&&a){a.clearHeatmap(Object.keys(this.heatmapInfo));return}if(!this.bpmnViewer&&a&&(this.bpmnViewer=a),!a&&r){let d=this.heatmapInfo[r]?.[o]?.status;if(!d)return;this.activeCostKeyPerNode[r]=o,this.bpmnViewer?.showHeatmap({[r]:d});return}if(!a)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}}o==="runtime"?(a.clearHeatmap(Object.keys(i)),a.showHeatmap(n)):(a.clearHeatmap(Object.keys(n)),a.showHeatmap(i))}computeCostHeatmap(t){let o=this.processCostsService.getAllProcessCosts?.();if(o)for(let[s,a]of Object.entries(o))for(let[r,n]of Object.entries(a)){let i=n.average;if(i===void 0)continue;let d=n.critical??Ye(t.customProperties["pilot.setProcessCosts.critical"]),u=n.warning??Ye(t.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,t.customProperties["pilot.setProcessCosts.warning"]),criticalSource:this.getHeatmapSource(n.critical,t.customProperties["pilot.setProcessCosts.critical"])};this.heatmapInfo[s]||(this.heatmapInfo[s]={}),this.heatmapInfo[s][r]=h}}computeRuntimeHeatmap(t){let o=Ye(t.customProperties["pilot.setRuntime.warning"]),s=Ye(t.customProperties["pilot.setRuntime.critical"]);t.flowNodes.forEach(a=>{let n=this.runtimeService.getStats(a.id)?.average,i=a.customProperties["pilot.setRuntime.reference"],d=i?Number(i):void 0;if(!d||isNaN(d))return;let u=Ye(a.customProperties["pilot.setRuntime.warning"]),p=Ye(a.customProperties["pilot.setRuntime.critical"]),m=u??o,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,o),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[a.id]=c}this.heatmapInfo[a.id]={runtime:c}})}getHeatmapSource(t,o){return t!==void 0?"Flow Node":o!==void 0?"Process":void 0}};var io=class{flowNodeInstances;processCostsExpressionParams;instances;costResultsByFlowNodeId={};instanceCounter={};thresholdsByFlowNodeId={};constructor(t,o){this.instances=t,this.flowNodeInstances=t.flatMap(s=>s.process_instance.flowNodeInstances||[]),this.processCostsExpressionParams={correlationMetadata:{},processInstanceMetadata:{}},this.precalculateCosts(o)}getInstanceCount(t){return this.instanceCounter[t]}getCostsForFlowNodeId(t){return this.costResultsByFlowNodeId[t]}getAllProcessCosts(){return this.costResultsByFlowNodeId}getFlowNodeExecutionCount(t,o){let s=0;for(let a of this.flowNodeInstances)if(a.id===t&&a.flowNodeExitedAt&&(s++,a.flowNodeInstanceId===o))break;return s}getProcessInstanceCount(){return this.instances.length}splitCostProperties(t){let o={},s={};for(let[a,r]of Object.entries(t)){let n=a.match(/^pilot\.setProcessCosts\.([^.]+)\.(formula|reference|warning|critical)$/);if(n){let i=n[1],d=n[2];if(d==="formula")o[i]=r;else{let u=parseFloat(r);s[i]||(s[i]={}),isNaN(u)||(d==="reference"?s[i].reference=u:s[i][d]=u/100)}}}return{costExpressions:o,thresholds:s}}precalculateCosts(t){for(let o of t){let s=o.id,{costExpressions:a,thresholds:r}=this.splitCostProperties(o.customProperties);Object.keys(r).length>0&&(this.thresholdsByFlowNodeId[s]=r);let n=0;for(let i of this.flowNodeInstances)if(s===i.id&&i.flowNodeExitedAt){n+=1,this.setProcessCostExpressionParamsForInstance(i);let d=this.getProcessCosts(a);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=r[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 o in this.costResultsByFlowNodeId)for(let s in this.costResultsByFlowNodeId[o]){let a=this.costResultsByFlowNodeId[o][s],r=this.instanceCounter[o],n=r>0?a.total/(r-a.errors):0;a.average=isNaN(n)?0:n}}getProcessCosts(t){let o={};for(let[s,a]of Object.entries(t)){if(!a)continue;let r=!1,n=a.replace(/\$\{(.+?)\}/g,(i,d)=>{let u=d.split(".").reduce((p,m)=>p&&p[m],this.processCostsExpressionParams);return u===void 0||isNaN(u)?(r=!0,"invalid"):u.toString()});if(r||n.includes("$")||n.includes("{")||n.includes("}")){o[s]="{ Error: Invalid expression. }";continue}try{let i=new Function("Math",`return ${n}`)(Math);o[s]=i.toString()}catch{o[s]="{ Error: Invalid expression. }"}}return o}setProcessCostExpressionParamsForInstance(t){this.processCostsExpressionParams.currentFlowNode=this.getCurrentFlowNode(t.flowNodeInstanceId),this.processCostsExpressionParams.token=this.buildTokenHistoryForFlowNodeInstance(t.flowNodeInstanceId),this.processCostsExpressionParams.dataObjects=this.buildDataObjectsForFlowNodeInstance(t.flowNodeInstanceId),this.processCostsExpressionParams.flowNodeExecutionCount=this.getFlowNodeExecutionCount(t.id,t.flowNodeInstanceId)}getCurrentFlowNode(t){return this.flowNodeInstances.find(o=>o.flowNodeInstanceId===t)}buildTokenHistoryForFlowNodeInstance(t){let o=this.flowNodeInstances.findIndex(r=>r.flowNodeInstanceId===t&&r.flowNodeExitedAt);if(o===-1)return{current:{},history:{}};let s=this.flowNodeInstances[o]?.endToken??{},a={};for(let r=0;r<o;r++){let n=this.flowNodeInstances[r];n.endToken&&(a[n.id]=n.endToken)}return{current:s,history:a}}buildDataObjectsForFlowNodeInstance(t){let o={};for(let s of this.flowNodeInstances){if(s.flowNodeInstanceId===t&&s.flowNodeExitedAt)break;for(let[a,r]of Object.entries(s.writtenDataObjectValues||{}))o[a]=r}return o}};function ka(e){if(e.length!==0)return Math.round(e.reduce((t,o)=>t+o,0)/e.length)}function ha(e){return Math.min(...e)}function ga(e){return Math.max(...e)}var po=class{runtimeStatsById;constructor(t,o){let s=this.setMappedRuntimes(t,o);this.runtimeStatsById=this.aggregateRuntimes(s)}getStats(t){let o=this.runtimeStatsById[t];if(o)return o;let s=Object.keys(this.runtimeStatsById)[0];return this.runtimeStatsById[s]}aggregateRuntimes(t){let o={};for(let s of t){let a=Object.values(s.instances);a.length!==0&&(o[s.id]={average:ka(a)??0,shortest:ha(a)??0,longest:ga(a)??0})}return o}setMappedRuntimes(t,o){let s=this.getFlowNodeTimes(t),a=this.getTimesFromProcessInstances(t);return s.unshift({id:o,instances:a}),s}getTimesFromProcessInstances(t){let o={};for(let s of t){let{processInstanceId:a,processStartedAt:r,processFinishedAt:n}=s.process_instance;if(a&&r&&n){let i=new Date(r).getTime(),u=new Date(n).getTime()-i;o[a]=u}}return o}getFlowNodeTimes(t){let o=new Map;t.forEach(a=>{a.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;o.has(i)||o.set(i,new Map);let m=o.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 o.forEach((a,r)=>{let n={};a.forEach((i,d)=>{i.enteredAt!==void 0&&i.exitedAt!==void 0&&(n[d]=i.exitedAt-i.enteredAt)}),s.push({id:r,instances:n})}),s}};var f=l(require("react"),1);function Be(e){if(e===void 0)return"";if(e==0)return"0ms";let t=Math.floor(e/(1440*60*1e3)),o=Math.floor(e%(1440*60*1e3)/(3600*1e3)),s=Math.floor(e%(3600*1e3)/(60*1e3)),a=Math.floor(e%(60*1e3)/1e3),r=e%1e3,n=+(r%1===0?r:r.toFixed(2)),i=[];return t>0&&i.push(`${t}d`),o>0&&i.push(`${o}h`),s>0&&i.push(`${s}m`),a>0&&i.push(`${a}s`),r>0&&i.push(`${n}ms`),i.join(" ")}function wa({processModel:e,processCostsService:t,runtimeService:o,heatmapService:s,heatmapType:a,setHeatmapType:r,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(!(!o||!d))return o.getStats(d)},[o,d]),h=(0,f.useMemo)(()=>{if(!(!t||!d))return t.getCostsForFlowNodeId(d)},[d,t]),c=(0,f.useMemo)(()=>{if(t)return d?t.getInstanceCount(d)??t.getProcessInstanceCount():t.getProcessInstanceCount()},[d,t]),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,I=a==="runtime"?"runtime":"processcosts",ye=s&&d?s.getActiveCostKey(d):"processcosts",ne=D=>{d&&r(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:I,onChange:D=>r(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")),o&&(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"),a!=="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 yr(e){let[t,o]=(0,U.useState)(!1),[s,a]=(0,U.useState)(),[r,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,I]=(0,U.useState)([]),ye=S=>{let{processModel:C}=e;if(!C?.processModelId||!C?.hash)return;let ae=new po(S,C.hash),g=new io(S,C.flowNodes);if(n(ae),a(g),i)i.updateHeatmapService(ae,g,C);else{let N=new no(ae,g,C);d(N),N.hasRuntimeEntry()?v("runtime"):N.hasCostEntry()&&v("processcosts")}};(0,U.useEffect)(()=>{let S=new URLSearchParams(window.location.search);S.get("heatmapInspector")==="true"&&o(!0);let C=S.get("timeRange"),ae="today";if(C==="custom"){let N=S.get("startDate")||void 0,J=S.get("endDate")||void 0;ae={custom:{startDate:N,endDate:J}}}else C&&(ae=C);z(ae),h({timeRange:ae}),(async()=>{if(!e.getInstancesFromDatabase||!e.processModel?.processModelId||!e.processModel?.hash)return;let N=await e.getInstancesFromDatabase(e.processModel.processModelId,e.processModel.hash,{timeRange:ae});N.length>0&&(p(!0),ye(N),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"),o(!1)):(S.set("heatmapInspector","true"),o(!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(Kt,null,U.default.createElement(oo,{isOpen:t,open:ne,close:ne})),U.default.createElement(va.Transition,{show:t},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(wa,{processModel:e.processModel,processCostsService:s,runtimeService:r,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:I})))}var vr=(0,ya.default)(()=>Promise.resolve(yr),{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});
|