npm - @5minds/processcube_app_sdk - Versions diffs - 8.5.0 → 8.6.0 - Mend

@5minds/processcube_app_sdk 8.5.0 → 8.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/README.md +29 -5
package/build/client/{actions-MB5VDCO7.mjs → actions-AYWPNATG.mjs} +1 -1
package/build/client/components/DynamicUi/DynamicUi.d.ts +1 -0
package/build/client/index.cjs +2 -2
package/build/client/index.css +1 -1
package/build/client/index.mjs +3 -3
package/build/server/index.cjs +1 -1
package/build/server/index.mjs +1 -1
package/package.json +3 -1

package/build/client/index.mjs CHANGED Viewed

@@ -12,7 +12,7 @@
 `)})}var Kr=({showBackground:e})=>Oe.createElement("div",{title:"This element has documentation"},Oe.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"},Oe.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"}))),Bf=["bpmn:DataInputAssociation","bpmn:DataOutputAssociation","bpmn:SequenceFlow","label"],Xr={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 Lf(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:Xr.DEFAULT,html:Wr(Oe.createElement(Kr,null))}:e.type==="bpmn:Participant"?{position:Xr.PARTICIPANT,html:Wr(Oe.createElement(Kr,null))}:e.type.endsWith("Gateway")?{position:Xr.GATEWAY,html:Wr(Oe.createElement(Kr,{showBackground:!0}))}:e.type==="bpmn:TextAnnotation"?{position:Xr.ANNOTATION,html:Wr(Oe.createElement(Kr,{showBackground:!0}))}:{position:Xr.OTHER,html:Wr(Oe.createElement(Kr,{showBackground:!0}))}}function Bp(e){if(Bf.includes(e.type))return!1;let r=oe(e)?.documentation?.[0]?.text;return r!=null&&r.trim()!==""}var Jr=Df(Rf);function Vf(e){return Oe.createElement(Jr,{...e,ref:e.viewerRef})}var w1=Tf(()=>Promise.resolve(Vf),{ssr:!1});import ut,{Fragment as Uf}from"react";import{Menu as uo,Transition as $f}from"@headlessui/react";function xe(...e){return e.filter(Boolean).join(" ")}function S1(e){return ut.createElement(uo,{as:"div",className:"app-sdk-default-styles app-sdk-relative app-sdk-inline-block app-sdk-text-left"},ut.createElement("div",null,ut.createElement(uo.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)]  "},ut.createElement("span",{className:"app-sdk-sr-only"},"Open options"),e.collapsedIcon||ut.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"},ut.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"})))),ut.createElement($f,{as:Uf,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"},ut.createElement(uo.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"},ut.createElement("div",{className:"app-sdk-py-1"},e.children))))}function _1(e){return ut.createElement(uo.Item,null,({active:t})=>ut.createElement("button",{type:"button",onClick:()=>e.onClick(),className:xe(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))}import{useRouter as jf}from"next/navigation.js";import Hf from"react";var Lp=new Set;function ve(e,t){Lp.has(e)||(console.warn(`[@5minds/processcube_app_sdk]		Warning: The component "${e}" is deprecated.
-${t??""}`.trimEnd()),Lp.add(e))}function D1({href:e,children:t}){ve("DynamicLink","Please use the NextJS Link component instead.");let r=jf();return Hf.createElement("a",{href:e,onClick:n=>{n.preventDefault(),r.replace(e),r.refresh()}},t)}import Ri from"react";import{createRoot as Jf}from"react-dom/client";import{v4 as Zf}from"uuid";import Qf from"react";import de,{useState as Kf}from"react";import{Button as Ti,Divider as jp,Modal as Hp,ModalBody as zp,ModalContent as Wp,ModalFooter as Gp,ModalHeader as qp,useDisclosure as Yp}from"@heroui/react";import Xf from"@monaco-editor/react";import Cr from"react";import zf from"react";function Ni(e){ve("ExecutionCount");let t={width:30};return e.count<=1?null:zf.createElement("div",{style:t,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--execution-count"},e.count)}import Ie from"react";function Si(e){return ve("GotoButton"),Ie.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},Ie.createElement("div",{className:"action-icon"},Ie.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},Ie.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),Ie.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),Ie.createElement("g",{id:"SVGRepo_iconCarrier"}," ",Ie.createElement("title",null,"open-external")," ",Ie.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",Ie.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",Ie.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"}," ")," ")," ")," "))),Ie.createElement("div",{className:"action-icon-hovered"},Ie.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},Ie.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),Ie.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),Ie.createElement("g",{id:"SVGRepo_iconCarrier"}," ",Ie.createElement("title",null,"goto process")," ",Ie.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",Ie.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",Ie.createElement("path",{d:"M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z",id:"Combined-Shape"}," ")," ")," ")," "))))}import Rt from"react";function _i(e){return ve("PlayButton"),Rt.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},Rt.createElement("div",{className:"action-icon"},Rt.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Rt.createElement("g",{id:"Media / Play",color:"white"},Rt.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"})))),Rt.createElement("div",{className:"action-icon-hovered"},Rt.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"white",xmlns:"http://www.w3.org/2000/svg"},Rt.createElement("g",{id:"Media / Play",color:"white"},Rt.createElement("path",{id:"Vector",d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))))}import or from"react";function Ii(e){return ve("RetryButton"),or.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},or.createElement("div",{className:"action-icon"},or.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},or.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"}))),or.createElement("div",{className:"action-icon-hovered"},or.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},or.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 Pi(e){ve("FlowNodeButtonArea");let t={marginTop:"7px"},r=e.flowNode,n=!!e.onRetryClick,o=!r.IsGateway&&r.ProcessInstanceState!=="running"&&r.ProcessInstanceState!=="finished"&&n,i=!!e.onGotoClick,a=(r.IsCallActivity||(r.IsEventReceiver||r.IsEventSender)&&r.LinkedProcessInstanceId)&&i,p=!!e.onPlayClick,d=(r.IsUserTask||r.IsManualTask)&&r.State==="suspended"&&p;return Cr.createElement("div",{className:"flownode-overlay",style:t},Cr.createElement("div",{className:"bpmn-element-overlay__below"},o&&Cr.createElement(Ii,{onClick:e.onRetryClick,flowNode:e.flowNode}),Cr.createElement(Ni,{count:e.flowNode.ExecutionCount}),a&&Cr.createElement(Si,{onClick:e.onGotoClick}),d&&Cr.createElement(_i,{onClick:e.onPlayClick})))}import Vp from"react";function Fi(e){ve("FlowNodeColorArea");let t={width:e.width,height:e.height},r="",n={width:e.width,height:e.height};return e.flowNode.IsGateway?(n.height*=.7,n.width*=.7,r="bpmn-element-overlay-backdrop--gateway"):e.flowNode.IsEvent&&(r="bpmn-element-overlay-backdrop--rounded"),Vp.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay-backdrop cursor-pointer",style:t},Vp.createElement("div",{className:`flow-node-${e.flowNode.State}-state-overlay ${r}`,style:n}))}import{createRoot as Wf}from"react-dom/client";import Gf from"react-markdown";import qf from"remark-gfm";import Ke,{useEffect as Yf}from"react";import{Divider as Up}from"@heroui/react";import $p from"@monaco-editor/react";function Ai(e){ve("FlowNodeInfoComponent");function t(r){setTimeout(()=>{r.getAction("editor.action.formatDocument").run(),r.updateOptions({readOnly:!0})},300)}return Yf(()=>{let r=Ke.createElement(Gf,{remarkPlugins:[qf]},e.flowNode.Documentation),n=document.getElementById("markdown-container");if(n){let o=n.attachShadow({mode:"open"});Wf(o).render(r)}},[]),Ke.createElement(Ke.Fragment,null,Ke.createElement(Up,{className:"my-2"}),Ke.createElement("div",{className:"flex-row"},Ke.createElement("div",{className:"token-area"},Ke.createElement("p",null,"Start Token:"),Ke.createElement($p,{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"}}),Ke.createElement(Up,{className:"my-2"}),Ke.createElement("p",null,"End Token:"),Ke.createElement($p,{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"}})),Ke.createElement("div",{className:"documentation-area"},Ke.createElement("p",null,"Dokumentation:"),Ke.createElement("div",{id:"markdown-container"}))))}function Di(e){ve("FlowNodeOverlay");let t=Yp(),r=Yp(),[n,o]=Kf(JSON.stringify(e.flowNode.CurrentStartToken));function i(p){setTimeout(()=>{p.getAction("editor.action.formatDocument").run()},300)}let a={width:e.width,height:e.height+10};return de.createElement(de.Fragment,null,de.createElement("div",{style:a},de.createElement(Fi,{onClick:r.onOpen,...e}),de.createElement(Pi,{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})),de.createElement(Hp,{isOpen:t.isOpen,onOpenChange:t.onOpenChange},de.createElement(Wp,null,p=>de.createElement(de.Fragment,null,de.createElement(qp,{className:"flex flex-col gap-1"},"Confirm Retry"),de.createElement(zp,null,de.createElement(jp,{className:"my-2"}),de.createElement("p",null,"Are you sure you want to retry process instance ",e.flowNode.CurrentFlowNodeInstanceId,"?"),de.createElement(jp,{className:"my-2"}),de.createElement(Xf,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onChange:(d,u)=>o(d??""),onMount:i,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),de.createElement(Gp,null,de.createElement(Ti,{color:"warning",variant:"light",onPress:p},"Close"),de.createElement(Ti,{color:"primary",onPress:()=>{e.retryAction?.(e.flowNode.ProcessInstanceId,e.flowNode.CurrentFlowNodeInstanceId,JSON.parse(n)),p()}},"Retry"))))),de.createElement(Hp,{size:"4xl",isOpen:r.isOpen,onOpenChange:r.onOpenChange},de.createElement(Wp,null,p=>de.createElement(de.Fragment,null,de.createElement(qp,{className:"flex flex-col gap-1"},"FlowNode: ",e.flowNode.Name??e.flowNode.Id),de.createElement(zp,null,de.createElement(Ai,{flowNode:e.flowNode})),de.createElement(Gp,null,de.createElement(Ti,{color:"primary",onPress:p},"Close"))))))}var Mi=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,r,n,o){this.id=t,this.flowNodeInstances=[],this.processInstanceState=r,this.documentation=n,this.triggeredFlowNodeInstance=o,this.type=""}addFlowNodeInstance(t){this.flowNodeInstances.push(t),this.type=t.flowNodeType}},Zr=class{canvas;overlays;elementRegistry;overlayIds;overlayRoots;constructor(t){ve("BpmnViewerOverlayCreator"),this.canvas=t.get("canvas"),this.overlays=t.get("overlays"),this.elementRegistry=t.get("elementRegistry"),this.overlayIds=[],this.overlayRoots={}}createOverlaysFlowNodeInstances(t,r,n,o,i,a){let p=this.getExecutedFlowNodes(r,t,n);this.overlayIds=[];for(let u of p){let m=this.elementRegistry.get(u.Id);this.getOrCreateOverlayRoot(u)?.render(Qf.createElement(Di,{flowNode:u,width:m.width,height:m.height,retryAction:o,gotoProcessAction:i,gotoManualOrUserTaskAction:a})),this.setSequenceFlowsColor(m,p)}let d=[];for(let u in this.overlayRoots)p.find(g=>g.Id===u)||d.push(u);d.forEach(u=>{let m=this.elementRegistry.get(u);this.removeSequenceFlowsColor(m),this.overlayRoots[u].unmount(),delete this.overlayRoots[u]})}getOrCreateOverlayRoot(t){if(t.Id in this.overlayRoots)return this.overlayRoots[t.Id];let r=`bpmn-element-overlay-${Zf()}`,n=`<div id="${r}"></div>`,o=this.overlays.add(t.Id,{position:{top:0,left:0},html:n});this.overlayIds.push(o);let i=document.querySelector(`#${r}`);if(i){let a=Jf(i);return this.overlayRoots[t.Id]=a,a}}getExecutedFlowNodes(t,r,n){let o=[],i={};for(let a of n)a.triggeredByFlowNodeInstance&&(i[a.triggeredByFlowNodeInstance?.flowNodeInstanceId]=a);for(let a of t){let p=o.find(d=>d.Id===a.flowNodeId);if(!p){let d=this.elementRegistry.get(a.flowNodeId),u=d.businessObject.documentation?d.businessObject.documentation[0].text:"";p=new Mi(a.flowNodeId,r,u,i[a.flowNodeInstanceId]),o.push(p)}p.addFlowNodeInstance(a)}return o}setSequenceFlowsColor(t,r){if(t&&t.businessObject.incoming)for(let n of t.businessObject.incoming)r.find(i=>i.Id===n.sourceRef?.id)&&this.canvas.addMarker(n.id,"connection-done")}removeSequenceFlowsColor(t){if(t&&t.businessObject.incoming){for(let r of t.businessObject.incoming)this.canvas.removeMarker(r.id,"connection-done");if(t.businessObject.outgoing)for(let r of t.businessObject.outgoing)this.canvas.removeMarker(r.id,"connection-done")}}};var em={canvas:{autoFocus:!0}},Kp=class extends Ri.Component{containerRef;bpmnViewer;bpmnViewerOverlayCreator;constructor(t){super(t),ve("BpmnViewerComponent"),this.state={diagramXML:""},this.containerRef=Ri.createRef()}componentDidMount(){let{diagramXML:t,options:r}=this.props,n=this.containerRef.current;if(this.bpmnViewer=new Xt({container:n,height:r?.height??600,bpmnRenderer:{defaultFillColor:r?.fillColor,defaultStrokeColor:r?.strokeColor},additionalModules:[lo,po,ao],...em}),this.bpmnViewerOverlayCreator=new Zr(this.bpmnViewer),t)return this.displayDiagram(t)}componentWillUnmount(){this.bpmnViewer.destroy()}componentDidUpdate(t,r){let{props:n,state:o}=this,i=n.diagramXML||o.diagramXML,a=t.diagramXML||r.diagramXML;if(i&&i!==a)return this.displayDiagram(i);this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,n.flowNodeInstancesTriggeredByThisProcessInstance,n.retryAction,n.gotoProcessAction,n.gotoManualOrUserTaskAction)}displayDiagram(t){this.bpmnViewer.importXML(t).then(()=>{let r=this.bpmnViewer.get("canvas"),n=r.viewbox(),o={x:n.outer.width/2,y:n.outer.height/2};r.zoom("fit-viewport",o),this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,this.props.flowNodeInstancesTriggeredByThisProcessInstance,this.props.retryAction,this.props.gotoProcessAction,this.props.gotoManualOrUserTaskAction)})}render(){return Ri.createElement("div",{className:this.props.className,ref:this.containerRef})}};import*as ir from"react-is";import Sm from"semver/functions/gt.js";import _m from"semver/functions/prerelease.js";import Im from"semver/functions/satisfies.js";import fe,{Fragment as da,createElement as Pm,useRef as Zp}from"react";import{mapUserTask as Fm}from"../common/index.mjs";import{DataModels as Nm}from"@5minds/processcube_engine_sdk";import Nr,{forwardRef as tm}from"react";function Z(e){if(e!=null&&e.trim()!=="")try{return JSON.parse(e)}catch{return null}return null}var Oi=tm(function(t,r){let{formField:n}=t,o=`${n.id}-hint`,i=Z(n.customForm);return Nr.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},Nr.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},Nr.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"||n.defaultValue==="true",id:n.id,name:n.id,"aria-describedby":i?.hint?o:void 0,"data-form-field-type":"boolean"})),Nr.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},Nr.createElement("label",{className:"app-sdk-font-medium",htmlFor:n.id},n.label),i?.hint&&Nr.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:o},i.hint)))});import Ot from"react";function Bi({formField:e,state:t}){let r=Z(e.customForm),n=r?.entries,o=`${e.id}-hint`,i;return Array.isArray(t)&&t.length?i=t:i=(t||e.defaultValue?.toString())?.split(",")??[],Ot.createElement("div",null,Ot.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Ot.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":r?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"checkbox"},n?.map(a=>{let p=i.find(d=>d.trim()===a.key);return Ot.createElement("div",{key:a.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},Ot.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},Ot.createElement("input",{type:"checkbox",defaultChecked:p,name:e.id,id:a.key,value:a.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"})),Ot.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},Ot.createElement("label",{htmlFor:a.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},a.value)))})),r?.hint&&Ot.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:o},r?.hint))}import Qr from"react";function Li(e){let{formField:t}=e,r=`${t.id}-hint`,n=Z(t.customForm);t.defaultValue&&!rm(t.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for color field "${t.id}"`);let o=e.state||t.defaultValue?.toString();return Qr.createElement("div",null,Qr.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),Qr.createElement("div",{className:"app-sdk-mt-1 app-sdk-w-20"},Qr.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:o,id:t.id,name:t.id,placeholder:n?.placeholder,"aria-describedby":r,"data-form-field-type":"color"})),n?.hint&&Qr.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},n?.hint))}function rm(e){return/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(e?.toString())}import nm,{forwardRef as om}from"react";var Vi=om(function(t,r){return nm.createElement("p",{className:"app-sdk-text-sm"},t.formField.label)});import en from"react";function Ui({formField:e,state:t}){let r=Z(e.customForm);return en.createElement("div",null,en.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),en.createElement("div",{className:"app-sdk-mt-1"},en.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:r?.placeholder,"aria-describedby":`${e.id}-hint`,"data-form-field-type":"custom"})),r?.hint&&en.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)]"},r.hint))}import tn,{forwardRef as im}from"react";var $i=im(function(t,r){let{formField:n}=t,o=`${n.id}-hint`,i=Z(n.customForm);am(n.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for date field "${n.id}"`);let a=t.state||n.defaultValue?.toString();return tn.createElement("div",null,tn.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:n.id},n.label),tn.createElement("div",{className:"app-sdk-mt-1"},tn.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:a,id:n.id,name:n.id,"aria-describedby":o,"data-form-field-type":"date"})),i?.hint&&tn.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:o},i?.hint))});function am(e){return new Date(e?.toString()).toString()!=="Invalid Date"}import rn from"react";function ji(e){let{formField:t}=e,r=`${t.id}-hint`,n=Z(t.customForm);t.defaultValue&&!lm(t.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for dateteime-local field "${t.id}"`);let o=e.state||t.defaultValue?.toString();return rn.createElement("div",null,rn.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),rn.createElement("div",{className:"app-sdk-mt-1"},rn.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:o,id:t.id,name:t.id,"aria-describedby":r,"data-form-field-type":"datetime-local"})),n?.hint&&rn.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},n?.hint))}function sm(e){return new Date(e?.toString()).toString()!=="Invalid Date"}function pm(e){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(e)}function lm(e){if(!e.includes("T"))return!1;let[t,r]=e.split("T");return sm(t)&&pm(r)}import nn,{forwardRef as dm}from"react";function fo(e){return!Number.isNaN(Number(e?.toString()))}var Hi=dm(function(t,r){let{formField:n}=t,o=`${n.id}-hint`,i=Z(n.customForm);return fo(n.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for decimal field "${n.id}"`),nn.createElement("div",null,nn.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:n.id},n.label),nn.createElement("div",{className:"app-sdk-mt-1"},nn.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:i?.step??.01,placeholder:i?.placeholder||"0.00",defaultValue:t.state||n.defaultValue?.toString(),id:n.id,name:n.id,"aria-describedby":o,"data-form-field-type":"decimal"})),i?.hint&&nn.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:o},i?.hint))});import on from"react";function zi(e){let{formField:t}=e,r=`${t.id}-hint`,n=Z(t.customForm),o=e.state||(t.defaultValue?.toString()??"");return on.createElement("div",null,on.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),on.createElement("div",{className:"app-sdk-mt-1"},on.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:o,id:t.id,name:t.id,placeholder:n?.placeholder,"aria-describedby":r,"data-form-field-type":"email"})),n?.hint&&on.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},n?.hint))}import De,{forwardRef as cm}from"react";var Wi=cm(function({formField:t,state:r},n){let o=Z(t.customForm),i=t.label,a=t.enumValues,p;switch(o?.displayAs){case"checkbox":let u;Array.isArray(r)&&r.length?u=r:u=(r||t.defaultValue?.toString())?.split(",")??[],p=De.createElement("fieldset",{id:t.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":o?.hint?`${t.id}-hint`:void 0,"data-form-field-type":"enum"},a?.map(g=>{let E=u.find(_=>_.trim()===g.id);return De.createElement("div",{key:g.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},De.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},De.createElement("input",{type:"checkbox",defaultChecked:E,name:t.id,id:g.id,value:g.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"})),De.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},De.createElement("label",{htmlFor:g.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},g.name)))}));break;case"radio":p=De.createElement("fieldset",{id:t.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":o?.hint?`${t.id}-hint`:void 0,"data-form-field-type":"enum"},a?.map(g=>De.createElement("div",{key:g.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},De.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},De.createElement("input",{type:"radio",defaultChecked:(r||t.defaultValue)==g.id,name:t.id,id:g.id,value:g.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"})),De.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},De.createElement("label",{htmlFor:g.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},g.name)))));break;default:let m=r||a?.find(g=>g.id===t.defaultValue)?.id||"";p=De.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:g=>g.target.dataset.value=g.target.value,"data-value":m,"aria-describedby":o?.hint?`${t.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:m},De.createElement("option",{value:""},!m&&o?.placeholder),a?.map(g=>De.createElement("option",{key:g.id,value:g.id},g.name)));break}let d=o?.hint?De.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)]"},o.hint):null;return De.createElement("div",null,De.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},i),p,d)});import mo from"react";function Gi(e){let{formField:t}=e,r=`${t.id}-hint`,n=Z(t.customForm);return mo.createElement("div",null,mo.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),mo.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":r,"data-form-field-type":"file",multiple:n?.multiple}),n?.hint&&mo.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},n?.hint))}import an,{forwardRef as um}from"react";var qi=um(function({formField:t},r){let n=Z(t.customForm),o;switch(n?.style){case"heading_1":o=an.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},t.defaultValue?.toString()||t.label?.toString());break;case"heading_2":o=an.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},t.defaultValue?.toString()||t.label?.toString());break;case"heading_3":o=an.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},t.defaultValue?.toString()||t.label?.toString());break;default:o=an.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},t.defaultValue?.toString()||t.label?.toString());break}return an.createElement("div",{className:"app-sdk-header-form-field"},o)});import fm from"react";function Yi(e){let{formField:t}=e;return fm.createElement("input",{className:"app-sdk-hidden",type:"hidden",id:t.id,value:t.defaultValue?.toString()||"",name:t.id,"data-form-field-type":"hidden"})}import sn,{forwardRef as mm}from"react";var Ki=mm(function({formField:t,state:r},n){let o=Z(t.customForm);return fo(t.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for integer field "${t.id}"`),sn.createElement("div",null,sn.createElement("label",{htmlFor:t.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},t.label),sn.createElement("div",{className:"app-sdk-mt-1"},sn.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:r||t.defaultValue?.toString(),placeholder:o?.placeholder??"0","aria-describedby":`${t.id}-hint`,"data-form-field-type":"integer"})),o?.hint&&sn.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)]"},o.hint))});import pn from"react";function Xi(e){let{formField:t}=e,r=`${t.id}-hint`,n=Z(t.customForm);t.defaultValue&&!hm(t.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for month field "${t.id}"`);let o=e.state||t.defaultValue?.toString();return pn.createElement("div",null,pn.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),pn.createElement("div",{className:"app-sdk-mt-1"},pn.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:o,id:t.id,name:t.id,"aria-describedby":r,"data-form-field-type":"month"})),n?.hint&&pn.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},n?.hint))}function hm(e){return/^\d{4}-(0[1-9]|1[0-2])$/.test(e)}import ym from"isomorphic-dompurify";import{marked as Qi}from"marked";import gm,{forwardRef as vm}from"react";import{useEffect as km,useState as wm}from"react";var ea=vm(function({formField:{defaultValue:t,label:r}},n){let[o,i]=wm("");return km(()=>{let a=Qi.parse(t?.toString()??r?.toString()??"",{renderer:new Ji,hooks:new Zi});i(a)},[t,r]),gm.createElement("div",{className:xe("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:o}})}),Ji=class extends Qi.Renderer{link(t){return super.link(t).replace("<a","<a target='_blank'")}html(t){let r=super.html(t);return r.startsWith("<a ")&&!r.includes("target=")?r.replace("<a ",'<a target="_blank" '):r}},Zi=class extends Qi.Hooks{postprocess(t){return ym.sanitize(t,{ADD_ATTR:["target"]})}};import ln from"react";function ta(e){let{formField:t}=e,r=`${t.id}-hint`,n=Z(t.customForm),o=e.state||(t.defaultValue?.toString()??"");return ln.createElement("div",null,ln.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),ln.createElement("div",{className:"app-sdk-mt-1"},ln.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:o,placeholder:n?.placeholder,"aria-describedby":r,"data-form-field-type":"password"})),n?.hint&&ln.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},n?.hint))}import Bt from"react";function ra({formField:e,state:t}){let r=Z(e.customForm),n=r?.entries,o=`${e.id}-hint`;return Bt.createElement("div",null,Bt.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Bt.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":r?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"radio"},n?.map(i=>Bt.createElement("div",{key:i.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},Bt.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},Bt.createElement("input",{type:"radio",defaultChecked:(t||e.defaultValue)==i.key,name:e.id,id:i.key,value:i.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"})),Bt.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},Bt.createElement("label",{htmlFor:i.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},i.value))))),r?.hint&&Bt.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:o},r?.hint))}import Sr,{useState as bm}from"react";function na({formField:e,state:t}){let r=Z(e.customForm),n=e.label,o=r?.min||0,i=r?.max||100,a=r?.step||1,p=t||e.defaultValue?.toString()||o.toString(),[d,u]=bm(p),m=_=>{u(_.target.value)},g=Sr.createElement("input",{className:xe("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:o.toString(),max:i.toString(),step:a.toString(),defaultValue:p,onChange:m,"aria-describedby":r?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"range"}),E=r?.hint?Sr.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)]"},r.hint):null;return Sr.createElement("div",null,Sr.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},n),Sr.createElement("div",{className:"app-sdk-mt-1 app-sdk-flex app-sdk-flex-row"},g,Sr.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)),E)}import _r from"react";function oa({formField:e,state:t}){let r=Z(e.customForm),n=r?.entries,o=`${e.id}-hint`,i=t||n?.find(a=>a.key===e.defaultValue)?.key||"";return _r.createElement("div",null,_r.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),_r.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:a=>a.target.dataset.value=a.target.value,"data-value":i,"aria-describedby":r?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"select",defaultValue:i},_r.createElement("option",{value:""},!i&&r?.placeholder),n?.map(a=>_r.createElement("option",{key:a.key,value:a.key},a.value))),r?.hint&&_r.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:o},r?.hint))}import Ir,{forwardRef as xm}from"react";import dn from"react";function cn(e){let{formField:t}=e,r=`${t.id}-hint`,n=Z(t.customForm),o=e.state||(t.defaultValue?.toString()??"");return dn.createElement("div",null,dn.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),dn.createElement("div",{className:"app-sdk-mt-1"},dn.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:o,id:t.id,name:t.id,rows:n?.rows??4,"aria-describedby":r,"data-form-field-type":"textarea",placeholder:n?.placeholder})),n?.hint&&dn.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},n?.hint))}var ia=xm(function({formField:t,state:r},n){let o=Z(t.customForm);if(o?.multiline==="true")return Ir.createElement(cn,{formField:t,state:r});let a=`${t.id}-hint`,p=r||(t.defaultValue?.toString()??"");return Ir.createElement("div",null,Ir.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),Ir.createElement("div",{className:"app-sdk-mt-1"},Ir.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:p,id:t.id,name:t.id,"aria-describedby":a,"data-form-field-type":"text",placeholder:o?.placeholder})),o?.hint&&Ir.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},o?.hint))});import un from"react";function aa({formField:e,state:t}){let r=Z(e.customForm),n=`${e.id}-hint`;return un.createElement("div",null,un.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),un.createElement("div",{className:"app-sdk-mt-1"},un.createElement("input",{className:xe("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:r?.placeholder,"aria-describedby":r?.hint?n:void 0,"data-form-field-type":"tel"})),r?.hint&&un.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))}import fn from"react";function sa(e){let{formField:t}=e,r=`${t.id}-hint`,n=Z(t.customForm);t.defaultValue&&!Em(t.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for time field "${t.id}"`);let o=e.state||t.defaultValue?.toString();return fn.createElement("div",null,fn.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),fn.createElement("div",{className:"app-sdk-mt-1"},fn.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:o,id:t.id,name:t.id,"aria-describedby":r,"data-form-field-type":"time"})),n?.hint&&fn.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},n?.hint))}function Em(e){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(e)}import mn from"react";function pa(e){let{formField:t}=e,r=`${t.id}-hint`,n=Z(t.customForm),o=e.state||(t.defaultValue?.toString()??"");return mn.createElement("div",null,mn.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),mn.createElement("div",{className:"app-sdk-mt-1"},mn.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:o,placeholder:n?.placeholder??"https://processcube.io/",name:t.id,"aria-describedby":r,"data-form-field-type":"url"})),n?.hint&&mn.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},n?.hint))}import hn from"react";function la(e){let{formField:t}=e,r=`${t.id}-hint`,n=Z(t.customForm);t.defaultValue&&!Cm(t.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for week field "${t.id}"`);let o=e.state||t.defaultValue?.toString();return hn.createElement("div",null,hn.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),hn.createElement("div",{className:"app-sdk-mt-1"},hn.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:o,id:t.id,name:t.id,"aria-describedby":r,"data-form-field-type":"week"})),n?.hint&&hn.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},n?.hint))}function Cm(e){return/^(\d{4})-W(0[1-9]|[1-4][0-9]|5[0-3])$/.test(e)}var Xp=(y=>(y.paragraph="paragraph",y.header="header",y.confirm="confirm",y.checkbox="checkbox",y.radio="radio",y.select="select",y.range="range",y.file="file",y.hidden="hidden",y.tel="tel",y.textarea="textarea",y.url="url",y.week="week",y.time="time",y.month="month",y.datetimeLocal="datetime-local",y.email="email",y.color="color",y.password="password",y.custom="custom",y))(Xp||{}),jx={...Nm.FlowNodeInstances.UserTaskFormFieldType,...Xp},Jp={boolean:Oi,checkbox:Bi,color:Li,date:$i,email:zi,enum:Wi,file:Gi,hidden:Yi,long:Ki,"datetime-local":ji,month:Xi,number:Hi,string:ia,paragraph:ea,password:ta,radio:ra,range:na,select:oa,header:qi,confirm:Vi,tel:aa,textarea:cn,time:sa,url:pa,week:la,custom:Ui};var Am=Im(fe.version,">=19.0.0 <20",{includePrerelease:!0}),tl=_m(fe.version)==null,Qp=!tl&&Sm(fe.version,"19.0.0")&&fe.version.includes("canary"),el=class extends fe.Component{};function S2(e){Am||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		The React version is not supported!
+${t??""}`.trimEnd()),Lp.add(e))}function D1({href:e,children:t}){ve("DynamicLink","Please use the NextJS Link component instead.");let r=jf();return Hf.createElement("a",{href:e,onClick:n=>{n.preventDefault(),r.replace(e),r.refresh()}},t)}import Ri from"react";import{createRoot as Jf}from"react-dom/client";import{v4 as Zf}from"uuid";import Qf from"react";import de,{useState as Kf}from"react";import{Button as Ti,Divider as jp,Modal as Hp,ModalBody as zp,ModalContent as Wp,ModalFooter as Gp,ModalHeader as qp,useDisclosure as Yp}from"@heroui/react";import Xf from"@monaco-editor/react";import Cr from"react";import zf from"react";function Ni(e){ve("ExecutionCount");let t={width:30};return e.count<=1?null:zf.createElement("div",{style:t,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--execution-count"},e.count)}import Ie from"react";function Si(e){return ve("GotoButton"),Ie.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},Ie.createElement("div",{className:"action-icon"},Ie.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},Ie.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),Ie.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),Ie.createElement("g",{id:"SVGRepo_iconCarrier"}," ",Ie.createElement("title",null,"open-external")," ",Ie.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",Ie.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",Ie.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"}," ")," ")," ")," "))),Ie.createElement("div",{className:"action-icon-hovered"},Ie.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},Ie.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),Ie.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),Ie.createElement("g",{id:"SVGRepo_iconCarrier"}," ",Ie.createElement("title",null,"goto process")," ",Ie.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",Ie.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",Ie.createElement("path",{d:"M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z",id:"Combined-Shape"}," ")," ")," ")," "))))}import Rt from"react";function _i(e){return ve("PlayButton"),Rt.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},Rt.createElement("div",{className:"action-icon"},Rt.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Rt.createElement("g",{id:"Media / Play",color:"white"},Rt.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"})))),Rt.createElement("div",{className:"action-icon-hovered"},Rt.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"white",xmlns:"http://www.w3.org/2000/svg"},Rt.createElement("g",{id:"Media / Play",color:"white"},Rt.createElement("path",{id:"Vector",d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))))}import or from"react";function Ii(e){return ve("RetryButton"),or.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},or.createElement("div",{className:"action-icon"},or.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},or.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"}))),or.createElement("div",{className:"action-icon-hovered"},or.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},or.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 Pi(e){ve("FlowNodeButtonArea");let t={marginTop:"7px"},r=e.flowNode,n=!!e.onRetryClick,o=!r.IsGateway&&r.ProcessInstanceState!=="running"&&r.ProcessInstanceState!=="finished"&&n,i=!!e.onGotoClick,a=(r.IsCallActivity||(r.IsEventReceiver||r.IsEventSender)&&r.LinkedProcessInstanceId)&&i,p=!!e.onPlayClick,d=(r.IsUserTask||r.IsManualTask)&&r.State==="suspended"&&p;return Cr.createElement("div",{className:"flownode-overlay",style:t},Cr.createElement("div",{className:"bpmn-element-overlay__below"},o&&Cr.createElement(Ii,{onClick:e.onRetryClick,flowNode:e.flowNode}),Cr.createElement(Ni,{count:e.flowNode.ExecutionCount}),a&&Cr.createElement(Si,{onClick:e.onGotoClick}),d&&Cr.createElement(_i,{onClick:e.onPlayClick})))}import Vp from"react";function Fi(e){ve("FlowNodeColorArea");let t={width:e.width,height:e.height},r="",n={width:e.width,height:e.height};return e.flowNode.IsGateway?(n.height*=.7,n.width*=.7,r="bpmn-element-overlay-backdrop--gateway"):e.flowNode.IsEvent&&(r="bpmn-element-overlay-backdrop--rounded"),Vp.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay-backdrop cursor-pointer",style:t},Vp.createElement("div",{className:`flow-node-${e.flowNode.State}-state-overlay ${r}`,style:n}))}import{createRoot as Wf}from"react-dom/client";import Gf from"react-markdown";import qf from"remark-gfm";import Ke,{useEffect as Yf}from"react";import{Divider as Up}from"@heroui/react";import $p from"@monaco-editor/react";function Ai(e){ve("FlowNodeInfoComponent");function t(r){setTimeout(()=>{r.getAction("editor.action.formatDocument").run(),r.updateOptions({readOnly:!0})},300)}return Yf(()=>{let r=Ke.createElement(Gf,{remarkPlugins:[qf]},e.flowNode.Documentation),n=document.getElementById("markdown-container");if(n){let o=n.attachShadow({mode:"open"});Wf(o).render(r)}},[]),Ke.createElement(Ke.Fragment,null,Ke.createElement(Up,{className:"my-2"}),Ke.createElement("div",{className:"flex-row"},Ke.createElement("div",{className:"token-area"},Ke.createElement("p",null,"Start Token:"),Ke.createElement($p,{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"}}),Ke.createElement(Up,{className:"my-2"}),Ke.createElement("p",null,"End Token:"),Ke.createElement($p,{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"}})),Ke.createElement("div",{className:"documentation-area"},Ke.createElement("p",null,"Dokumentation:"),Ke.createElement("div",{id:"markdown-container"}))))}function Di(e){ve("FlowNodeOverlay");let t=Yp(),r=Yp(),[n,o]=Kf(JSON.stringify(e.flowNode.CurrentStartToken));function i(p){setTimeout(()=>{p.getAction("editor.action.formatDocument").run()},300)}let a={width:e.width,height:e.height+10};return de.createElement(de.Fragment,null,de.createElement("div",{style:a},de.createElement(Fi,{onClick:r.onOpen,...e}),de.createElement(Pi,{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})),de.createElement(Hp,{isOpen:t.isOpen,onOpenChange:t.onOpenChange},de.createElement(Wp,null,p=>de.createElement(de.Fragment,null,de.createElement(qp,{className:"flex flex-col gap-1"},"Confirm Retry"),de.createElement(zp,null,de.createElement(jp,{className:"my-2"}),de.createElement("p",null,"Are you sure you want to retry process instance ",e.flowNode.CurrentFlowNodeInstanceId,"?"),de.createElement(jp,{className:"my-2"}),de.createElement(Xf,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onChange:(d,u)=>o(d??""),onMount:i,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),de.createElement(Gp,null,de.createElement(Ti,{color:"warning",variant:"light",onPress:p},"Close"),de.createElement(Ti,{color:"primary",onPress:()=>{e.retryAction?.(e.flowNode.ProcessInstanceId,e.flowNode.CurrentFlowNodeInstanceId,JSON.parse(n)),p()}},"Retry"))))),de.createElement(Hp,{size:"4xl",isOpen:r.isOpen,onOpenChange:r.onOpenChange},de.createElement(Wp,null,p=>de.createElement(de.Fragment,null,de.createElement(qp,{className:"flex flex-col gap-1"},"FlowNode: ",e.flowNode.Name??e.flowNode.Id),de.createElement(zp,null,de.createElement(Ai,{flowNode:e.flowNode})),de.createElement(Gp,null,de.createElement(Ti,{color:"primary",onPress:p},"Close"))))))}var Mi=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,r,n,o){this.id=t,this.flowNodeInstances=[],this.processInstanceState=r,this.documentation=n,this.triggeredFlowNodeInstance=o,this.type=""}addFlowNodeInstance(t){this.flowNodeInstances.push(t),this.type=t.flowNodeType}},Zr=class{canvas;overlays;elementRegistry;overlayIds;overlayRoots;constructor(t){ve("BpmnViewerOverlayCreator"),this.canvas=t.get("canvas"),this.overlays=t.get("overlays"),this.elementRegistry=t.get("elementRegistry"),this.overlayIds=[],this.overlayRoots={}}createOverlaysFlowNodeInstances(t,r,n,o,i,a){let p=this.getExecutedFlowNodes(r,t,n);this.overlayIds=[];for(let u of p){let m=this.elementRegistry.get(u.Id);this.getOrCreateOverlayRoot(u)?.render(Qf.createElement(Di,{flowNode:u,width:m.width,height:m.height,retryAction:o,gotoProcessAction:i,gotoManualOrUserTaskAction:a})),this.setSequenceFlowsColor(m,p)}let d=[];for(let u in this.overlayRoots)p.find(g=>g.Id===u)||d.push(u);d.forEach(u=>{let m=this.elementRegistry.get(u);this.removeSequenceFlowsColor(m),this.overlayRoots[u].unmount(),delete this.overlayRoots[u]})}getOrCreateOverlayRoot(t){if(t.Id in this.overlayRoots)return this.overlayRoots[t.Id];let r=`bpmn-element-overlay-${Zf()}`,n=`<div id="${r}"></div>`,o=this.overlays.add(t.Id,{position:{top:0,left:0},html:n});this.overlayIds.push(o);let i=document.querySelector(`#${r}`);if(i){let a=Jf(i);return this.overlayRoots[t.Id]=a,a}}getExecutedFlowNodes(t,r,n){let o=[],i={};for(let a of n)a.triggeredByFlowNodeInstance&&(i[a.triggeredByFlowNodeInstance?.flowNodeInstanceId]=a);for(let a of t){let p=o.find(d=>d.Id===a.flowNodeId);if(!p){let d=this.elementRegistry.get(a.flowNodeId),u=d.businessObject.documentation?d.businessObject.documentation[0].text:"";p=new Mi(a.flowNodeId,r,u,i[a.flowNodeInstanceId]),o.push(p)}p.addFlowNodeInstance(a)}return o}setSequenceFlowsColor(t,r){if(t&&t.businessObject.incoming)for(let n of t.businessObject.incoming)r.find(i=>i.Id===n.sourceRef?.id)&&this.canvas.addMarker(n.id,"connection-done")}removeSequenceFlowsColor(t){if(t&&t.businessObject.incoming){for(let r of t.businessObject.incoming)this.canvas.removeMarker(r.id,"connection-done");if(t.businessObject.outgoing)for(let r of t.businessObject.outgoing)this.canvas.removeMarker(r.id,"connection-done")}}};var em={canvas:{autoFocus:!0}},Kp=class extends Ri.Component{containerRef;bpmnViewer;bpmnViewerOverlayCreator;constructor(t){super(t),ve("BpmnViewerComponent"),this.state={diagramXML:""},this.containerRef=Ri.createRef()}componentDidMount(){let{diagramXML:t,options:r}=this.props,n=this.containerRef.current;if(this.bpmnViewer=new Xt({container:n,height:r?.height??600,bpmnRenderer:{defaultFillColor:r?.fillColor,defaultStrokeColor:r?.strokeColor},additionalModules:[lo,po,ao],...em}),this.bpmnViewerOverlayCreator=new Zr(this.bpmnViewer),t)return this.displayDiagram(t)}componentWillUnmount(){this.bpmnViewer.destroy()}componentDidUpdate(t,r){let{props:n,state:o}=this,i=n.diagramXML||o.diagramXML,a=t.diagramXML||r.diagramXML;if(i&&i!==a)return this.displayDiagram(i);this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,n.flowNodeInstancesTriggeredByThisProcessInstance,n.retryAction,n.gotoProcessAction,n.gotoManualOrUserTaskAction)}displayDiagram(t){this.bpmnViewer.importXML(t).then(()=>{let r=this.bpmnViewer.get("canvas"),n=r.viewbox(),o={x:n.outer.width/2,y:n.outer.height/2};r.zoom("fit-viewport",o),this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,this.props.flowNodeInstancesTriggeredByThisProcessInstance,this.props.retryAction,this.props.gotoProcessAction,this.props.gotoManualOrUserTaskAction)})}render(){return Ri.createElement("div",{className:this.props.className,ref:this.containerRef})}};import*as ir from"react-is";import Sm from"semver/functions/gt.js";import _m from"semver/functions/prerelease.js";import Im from"semver/functions/satisfies.js";import fe,{Fragment as da,createElement as Pm,useRef as Zp}from"react";import{mapUserTask as Fm}from"../common/index.mjs";import{DataModels as Nm}from"@5minds/processcube_engine_sdk";import Nr,{forwardRef as tm}from"react";function Z(e){if(e!=null&&e.trim()!=="")try{return JSON.parse(e)}catch{return null}return null}var Oi=tm(function(t,r){let{formField:n}=t,o=`${n.id}-hint`,i=Z(n.customForm);return Nr.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},Nr.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},Nr.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"||n.defaultValue==="true",id:n.id,name:n.id,"aria-describedby":i?.hint?o:void 0,"data-form-field-type":"boolean"})),Nr.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},Nr.createElement("label",{className:"app-sdk-font-medium",htmlFor:n.id},n.label),i?.hint&&Nr.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:o},i.hint)))});import Ot from"react";function Bi({formField:e,state:t}){let r=Z(e.customForm),n=r?.entries,o=`${e.id}-hint`,i;return Array.isArray(t)&&t.length?i=t:i=(t||e.defaultValue?.toString())?.split(",")??[],Ot.createElement("div",null,Ot.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Ot.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":r?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"checkbox"},n?.map(a=>{let p=i.find(d=>d.trim()===a.key);return Ot.createElement("div",{key:a.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},Ot.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},Ot.createElement("input",{type:"checkbox",defaultChecked:p,name:e.id,id:a.key,value:a.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"})),Ot.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},Ot.createElement("label",{htmlFor:a.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},a.value)))})),r?.hint&&Ot.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:o},r?.hint))}import Qr from"react";function Li(e){let{formField:t}=e,r=`${t.id}-hint`,n=Z(t.customForm);t.defaultValue&&!rm(t.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for color field "${t.id}"`);let o=e.state||t.defaultValue?.toString();return Qr.createElement("div",null,Qr.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),Qr.createElement("div",{className:"app-sdk-mt-1 app-sdk-w-20"},Qr.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:o,id:t.id,name:t.id,placeholder:n?.placeholder,"aria-describedby":r,"data-form-field-type":"color"})),n?.hint&&Qr.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},n?.hint))}function rm(e){return/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(e?.toString())}import nm,{forwardRef as om}from"react";var Vi=om(function(t,r){return nm.createElement("p",{className:"app-sdk-text-sm"},t.formField.label)});import en from"react";function Ui({formField:e,state:t}){let r=Z(e.customForm);return en.createElement("div",null,en.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),en.createElement("div",{className:"app-sdk-mt-1"},en.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:r?.placeholder,"aria-describedby":`${e.id}-hint`,"data-form-field-type":"custom"})),r?.hint&&en.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)]"},r.hint))}import tn,{forwardRef as im}from"react";var $i=im(function(t,r){let{formField:n}=t,o=`${n.id}-hint`,i=Z(n.customForm);am(n.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for date field "${n.id}"`);let a=t.state||n.defaultValue?.toString();return tn.createElement("div",null,tn.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:n.id},n.label),tn.createElement("div",{className:"app-sdk-mt-1"},tn.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:a,id:n.id,name:n.id,"aria-describedby":o,"data-form-field-type":"date"})),i?.hint&&tn.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:o},i?.hint))});function am(e){return new Date(e?.toString()).toString()!=="Invalid Date"}import rn from"react";function ji(e){let{formField:t}=e,r=`${t.id}-hint`,n=Z(t.customForm);t.defaultValue&&!lm(t.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for dateteime-local field "${t.id}"`);let o=e.state||t.defaultValue?.toString();return rn.createElement("div",null,rn.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),rn.createElement("div",{className:"app-sdk-mt-1"},rn.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:o,id:t.id,name:t.id,"aria-describedby":r,"data-form-field-type":"datetime-local"})),n?.hint&&rn.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},n?.hint))}function sm(e){return new Date(e?.toString()).toString()!=="Invalid Date"}function pm(e){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(e)}function lm(e){if(!e.includes("T"))return!1;let[t,r]=e.split("T");return sm(t)&&pm(r)}import nn,{forwardRef as dm}from"react";function fo(e){return!Number.isNaN(Number(e?.toString()))}var Hi=dm(function(t,r){let{formField:n}=t,o=`${n.id}-hint`,i=Z(n.customForm);return fo(n.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for decimal field "${n.id}"`),nn.createElement("div",null,nn.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:n.id},n.label),nn.createElement("div",{className:"app-sdk-mt-1"},nn.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:i?.step??.01,placeholder:i?.placeholder||"0.00",defaultValue:t.state||n.defaultValue?.toString(),id:n.id,name:n.id,"aria-describedby":o,"data-form-field-type":"decimal"})),i?.hint&&nn.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:o},i?.hint))});import on from"react";function zi(e){let{formField:t}=e,r=`${t.id}-hint`,n=Z(t.customForm),o=e.state||(t.defaultValue?.toString()??"");return on.createElement("div",null,on.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),on.createElement("div",{className:"app-sdk-mt-1"},on.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:o,id:t.id,name:t.id,placeholder:n?.placeholder,"aria-describedby":r,"data-form-field-type":"email"})),n?.hint&&on.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},n?.hint))}import De,{forwardRef as cm}from"react";var Wi=cm(function({formField:t,state:r},n){let o=Z(t.customForm),i=t.label,a=t.enumValues,p;switch(o?.displayAs){case"checkbox":let u;Array.isArray(r)&&r.length?u=r:u=(r||t.defaultValue?.toString())?.split(",")??[],p=De.createElement("fieldset",{id:t.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":o?.hint?`${t.id}-hint`:void 0,"data-form-field-type":"enum"},a?.map(g=>{let E=u.find(_=>_.trim()===g.id);return De.createElement("div",{key:g.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},De.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},De.createElement("input",{type:"checkbox",defaultChecked:E,name:t.id,id:g.id,value:g.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"})),De.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},De.createElement("label",{htmlFor:g.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},g.name)))}));break;case"radio":p=De.createElement("fieldset",{id:t.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":o?.hint?`${t.id}-hint`:void 0,"data-form-field-type":"enum"},a?.map(g=>De.createElement("div",{key:g.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},De.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},De.createElement("input",{type:"radio",defaultChecked:(r||t.defaultValue)==g.id,name:t.id,id:g.id,value:g.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"})),De.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},De.createElement("label",{htmlFor:g.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},g.name)))));break;default:let m=r||a?.find(g=>g.id===t.defaultValue)?.id||"";p=De.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:g=>g.target.dataset.value=g.target.value,"data-value":m,"aria-describedby":o?.hint?`${t.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:m},De.createElement("option",{value:""},!m&&o?.placeholder),a?.map(g=>De.createElement("option",{key:g.id,value:g.id},g.name)));break}let d=o?.hint?De.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)]"},o.hint):null;return De.createElement("div",null,De.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},i),p,d)});import mo from"react";function Gi(e){let{formField:t}=e,r=`${t.id}-hint`,n=Z(t.customForm);return mo.createElement("div",null,mo.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),mo.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":r,"data-form-field-type":"file",multiple:n?.multiple}),n?.hint&&mo.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},n?.hint))}import an,{forwardRef as um}from"react";var qi=um(function({formField:t},r){let n=Z(t.customForm),o;switch(n?.style){case"heading_1":o=an.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},t.defaultValue?.toString()||t.label?.toString());break;case"heading_2":o=an.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},t.defaultValue?.toString()||t.label?.toString());break;case"heading_3":o=an.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},t.defaultValue?.toString()||t.label?.toString());break;default:o=an.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},t.defaultValue?.toString()||t.label?.toString());break}return an.createElement("div",{className:"app-sdk-header-form-field"},o)});import fm from"react";function Yi(e){let{formField:t}=e;return fm.createElement("input",{className:"app-sdk-hidden",type:"hidden",id:t.id,value:t.defaultValue?.toString()||"",name:t.id,"data-form-field-type":"hidden"})}import sn,{forwardRef as mm}from"react";var Ki=mm(function({formField:t,state:r},n){let o=Z(t.customForm);return fo(t.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for integer field "${t.id}"`),sn.createElement("div",null,sn.createElement("label",{htmlFor:t.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},t.label),sn.createElement("div",{className:"app-sdk-mt-1"},sn.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:r||t.defaultValue?.toString(),placeholder:o?.placeholder??"0","aria-describedby":`${t.id}-hint`,"data-form-field-type":"integer"})),o?.hint&&sn.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)]"},o.hint))});import pn from"react";function Xi(e){let{formField:t}=e,r=`${t.id}-hint`,n=Z(t.customForm);t.defaultValue&&!hm(t.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for month field "${t.id}"`);let o=e.state||t.defaultValue?.toString();return pn.createElement("div",null,pn.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),pn.createElement("div",{className:"app-sdk-mt-1"},pn.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:o,id:t.id,name:t.id,"aria-describedby":r,"data-form-field-type":"month"})),n?.hint&&pn.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},n?.hint))}function hm(e){return/^\d{4}-(0[1-9]|1[0-2])$/.test(e)}import ym from"isomorphic-dompurify";import{marked as Qi}from"marked";import gm,{forwardRef as vm}from"react";import{useEffect as km,useState as wm}from"react";var ea=vm(function({formField:{defaultValue:t,label:r}},n){let[o,i]=wm("");return km(()=>{let a=Qi.parse(t?.toString()??r?.toString()??"",{renderer:new Ji,hooks:new Zi});i(a)},[t,r]),gm.createElement("div",{className:xe("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:o}})}),Ji=class extends Qi.Renderer{link(t){return super.link(t).replace("<a","<a target='_blank'")}html(t){let r=super.html(t);return r.startsWith("<a ")&&!r.includes("target=")?r.replace("<a ",'<a target="_blank" '):r}},Zi=class extends Qi.Hooks{postprocess(t){return ym.sanitize(t,{ADD_ATTR:["target"]})}};import ln from"react";function ta(e){let{formField:t}=e,r=`${t.id}-hint`,n=Z(t.customForm),o=e.state||(t.defaultValue?.toString()??"");return ln.createElement("div",null,ln.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),ln.createElement("div",{className:"app-sdk-mt-1"},ln.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:o,placeholder:n?.placeholder,"aria-describedby":r,"data-form-field-type":"password"})),n?.hint&&ln.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},n?.hint))}import Bt from"react";function ra({formField:e,state:t}){let r=Z(e.customForm),n=r?.entries,o=`${e.id}-hint`;return Bt.createElement("div",null,Bt.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Bt.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":r?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"radio"},n?.map(i=>Bt.createElement("div",{key:i.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},Bt.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},Bt.createElement("input",{type:"radio",defaultChecked:(t||e.defaultValue)==i.key,name:e.id,id:i.key,value:i.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"})),Bt.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},Bt.createElement("label",{htmlFor:i.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},i.value))))),r?.hint&&Bt.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:o},r?.hint))}import Sr,{useState as bm}from"react";function na({formField:e,state:t}){let r=Z(e.customForm),n=e.label,o=r?.min||0,i=r?.max||100,a=r?.step||1,p=t||e.defaultValue?.toString()||o.toString(),[d,u]=bm(p),m=_=>{u(_.target.value)},g=Sr.createElement("input",{className:xe("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:o.toString(),max:i.toString(),step:a.toString(),defaultValue:p,onChange:m,"aria-describedby":r?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"range"}),E=r?.hint?Sr.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)]"},r.hint):null;return Sr.createElement("div",null,Sr.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},n),Sr.createElement("div",{className:"app-sdk-mt-1 app-sdk-flex app-sdk-flex-row"},g,Sr.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)),E)}import _r from"react";function oa({formField:e,state:t}){let r=Z(e.customForm),n=r?.entries,o=`${e.id}-hint`,i=t||n?.find(a=>a.key===e.defaultValue)?.key||"";return _r.createElement("div",null,_r.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),_r.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:a=>a.target.dataset.value=a.target.value,"data-value":i,"aria-describedby":r?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"select",defaultValue:i},_r.createElement("option",{value:""},!i&&r?.placeholder),n?.map(a=>_r.createElement("option",{key:a.key,value:a.key},a.value))),r?.hint&&_r.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:o},r?.hint))}import Ir,{forwardRef as xm}from"react";import dn from"react";function cn(e){let{formField:t}=e,r=`${t.id}-hint`,n=Z(t.customForm),o=e.state||(t.defaultValue?.toString()??"");return dn.createElement("div",null,dn.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),dn.createElement("div",{className:"app-sdk-mt-1"},dn.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:o,id:t.id,name:t.id,rows:n?.rows??4,"aria-describedby":r,"data-form-field-type":"textarea",placeholder:n?.placeholder})),n?.hint&&dn.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},n?.hint))}var ia=xm(function({formField:t,state:r},n){let o=Z(t.customForm);if(o?.multiline==="true")return Ir.createElement(cn,{formField:t,state:r});let a=`${t.id}-hint`,p=r||(t.defaultValue?.toString()??"");return Ir.createElement("div",null,Ir.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),Ir.createElement("div",{className:"app-sdk-mt-1"},Ir.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:p,id:t.id,name:t.id,"aria-describedby":a,"data-form-field-type":"text",placeholder:o?.placeholder})),o?.hint&&Ir.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},o?.hint))});import un from"react";function aa({formField:e,state:t}){let r=Z(e.customForm),n=`${e.id}-hint`;return un.createElement("div",null,un.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),un.createElement("div",{className:"app-sdk-mt-1"},un.createElement("input",{className:xe("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:r?.placeholder,"aria-describedby":r?.hint?n:void 0,"data-form-field-type":"tel"})),r?.hint&&un.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))}import fn from"react";function sa(e){let{formField:t}=e,r=`${t.id}-hint`,n=Z(t.customForm);t.defaultValue&&!Em(t.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for time field "${t.id}"`);let o=e.state||t.defaultValue?.toString();return fn.createElement("div",null,fn.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),fn.createElement("div",{className:"app-sdk-mt-1"},fn.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:o,id:t.id,name:t.id,"aria-describedby":r,"data-form-field-type":"time"})),n?.hint&&fn.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},n?.hint))}function Em(e){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(e)}import mn from"react";function pa(e){let{formField:t}=e,r=`${t.id}-hint`,n=Z(t.customForm),o=e.state||(t.defaultValue?.toString()??"");return mn.createElement("div",null,mn.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),mn.createElement("div",{className:"app-sdk-mt-1"},mn.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:o,placeholder:n?.placeholder??"https://processcube.io/",name:t.id,"aria-describedby":r,"data-form-field-type":"url"})),n?.hint&&mn.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},n?.hint))}import hn from"react";function la(e){let{formField:t}=e,r=`${t.id}-hint`,n=Z(t.customForm);t.defaultValue&&!Cm(t.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for week field "${t.id}"`);let o=e.state||t.defaultValue?.toString();return hn.createElement("div",null,hn.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:t.id},t.label),hn.createElement("div",{className:"app-sdk-mt-1"},hn.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:o,id:t.id,name:t.id,"aria-describedby":r,"data-form-field-type":"week"})),n?.hint&&hn.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},n?.hint))}function Cm(e){return/^(\d{4})-W(0[1-9]|[1-4][0-9]|5[0-3])$/.test(e)}var Xp=(y=>(y.paragraph="paragraph",y.header="header",y.confirm="confirm",y.checkbox="checkbox",y.radio="radio",y.select="select",y.range="range",y.file="file",y.hidden="hidden",y.tel="tel",y.textarea="textarea",y.url="url",y.week="week",y.time="time",y.month="month",y.datetimeLocal="datetime-local",y.email="email",y.color="color",y.password="password",y.custom="custom",y))(Xp||{}),zx={...Nm.FlowNodeInstances.UserTaskFormFieldType,...Xp},Jp={boolean:Oi,checkbox:Bi,color:Li,date:$i,email:zi,enum:Wi,file:Gi,hidden:Yi,long:Ki,"datetime-local":ji,month:Xi,number:Hi,string:ia,paragraph:ea,password:ta,radio:ra,range:na,select:oa,header:qi,confirm:Vi,tel:aa,textarea:cn,time:sa,url:pa,week:la,custom:Ui};var Am=Im(fe.version,">=19.0.0 <20",{includePrerelease:!0}),tl=_m(fe.version)==null,Qp=!tl&&Sm(fe.version,"19.0.0")&&fe.version.includes("canary"),el=class extends fe.Component{};function P2(e){Am||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		The React version is not supported!
 Version: ${fe.version}`);let{userTaskConfig:t}=e.task,{formFields:r}=t,n=Zp(null),o=Zp(null),i=new Map(r.map(A=>[A.id,{ref:fe.createRef()}])),a=r.filter(A=>A.type==="confirm");a.length>1&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Warning while rendering UserTask "${e.task.flowNodeId}"!
  The UserTask has more than one confirm form field. Please use only one confirm form field per User Task.
@@ -29,6 +29,6 @@ Component Name: ${k.name} ${k.displayName??""}`),Om(k),L=k);let z=i.get(A.id)?.r
 FormField: ${o} with ${n} `);return}r[o]?r[o]=Array.isArray(r[o])?[...r[o],n]:[r[o],n]:r[o]=n}),t.forEach((n,o)=>{if(typeof n.ref.current?.getState=="function"){let i=n.ref.current.getState();(typeof i=="boolean"||typeof i=="number"||typeof i=="string"||Array.isArray(i)||i==null||i?.toString()==="[object Object]")&&(r[o]=i)}}),r}function Lm(e,t,r){let n={};for(let i of e.keys()){let a=e.getAll(i);if(a[0]instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Use the raw FormData instance to process files instead.
-FormField: ${i} with ${a} `);continue}if(a.length===1?n[i]=a[0]:n[i]=a,n[i]==""&&delete n[i],n[i]){let p=t.find(d=>d.id===i)?.type;if(p==="boolean"){n[i]=n[i]==="on";continue}if(p==="confirm"){n[i]=JSON.parse(n[i]);continue}if(p==="number"){n[i]=parseFloat(n[i]);continue}if(p==="long"){n[i]=parseInt(n[i]);continue}}}let o=t.filter(i=>i.type==="boolean");return o.length&&o.forEach(i=>{n[i.id]||(n[i.id]=!1)}),r.forEach((i,a)=>{if(typeof i.ref.current?.getValue=="function"){let p=i.ref.current.getValue();(typeof p=="boolean"||typeof p=="number"||typeof p=="string"||Array.isArray(p)||p==null||p?.toString()==="[object Object]")&&(n[a]=p)}}),n}import{isEqual as ba}from"lodash";import ph from"next/dynamic.js";import{createRoot as lh}from"react-dom/client";import Ee,{useCallback as go,useEffect as vo,useRef as dh,useState as Lt}from"react";import{Transition as ch}from"@headlessui/react";import{BpmnType as Et,FlowNodeInstanceState as wl,ProcessInstanceState as bo}from"@5minds/processcube_engine_sdk";import ft,{useState as Vm}from"react";import{Combobox as Um,ComboboxInput as $m,ComboboxOption as jm,ComboboxOptions as Hm,Dialog as zm,DialogBackdrop as Wm,DialogPanel as Gm}from"@headlessui/react";import{UsersIcon as qm}from"@heroicons/react/24/outline";function rl(e){let[t,r]=Vm(""),n=t===""?e.entries:e.entries.filter(o=>o.name.toLowerCase().includes(t.toLowerCase()));return ft.createElement(zm,{className:"app-sdk-relative app-sdk-z-50",open:e.isOpen,onClose:()=>{e.onClose(),r("")}},ft.createElement(Wm,{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"}),ft.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"},ft.createElement(Gm,{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"},ft.createElement(Um,{onChange:o=>{o&&e.onConfirm(o)}},ft.createElement($m,{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:o=>r(o.target.value),onBlur:()=>r("")}),n.length>0&&ft.createElement(Hm,{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)]"},n.map(o=>ft.createElement(jm,{key:o.id,value:o,className:({focus:i})=>xe("app-sdk-cursor-default app-sdk-select-none app-sdk-rounded-md app-sdk-px-4 app-sdk-py-2",i&&"app-sdk-bg-[color:var(--asdk-cmdp-focus-color)] app-sdk-text-white")},o.name))),t!==""&&n.length===0&&ft.createElement("div",{className:"app-sdk-px-4 app-sdk-py-14 app-sdk-text-center sm:app-sdk-px-14"},ft.createElement(qm,{className:"app-sdk-mx-auto app-sdk-h-6 app-sdk-w-6 app-sdk-text-gray-400","aria-hidden":"true"}),ft.createElement("p",{className:"app-sdk-mt-4 app-sdk-text-sm app-sdk-text-[color:var(--asdk-cmdp-text-color)]"},e.noResultsText||"No entries found using that search term."))))))}import Ym from"react";function xt({title:e,children:t,className:r,onClick:n}){return Ym.createElement("button",{title:e,className:xe(r,"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:n},t)}import Km from"react";function nl({width:e,children:t}){return Km.createElement("div",{className:"app-sdk-flex app-sdk-gap-1 app-sdk-justify-center app-sdk-flex-wrap",style:{width:`${e}px`}},t)}import ua from"react";function ol({isSender:e,onClick:t}){return ua.createElement(xt,{title:`Go to ${e?"Target":"Source"}`,onClick:t},ua.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},ua.createElement("path",{d:"M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"})))}import fa from"react";function il({onClick:e}){return fa.createElement(xt,{onClick:e,title:"List Instances"},fa.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},fa.createElement("path",{d:"M24 56c0-13.3 10.7-24 24-24H80c13.3 0 24 10.7 24 24V176h16c13.3 0 24 10.7 24 24s-10.7 24-24 24H40c-13.3 0-24-10.7-24-24s10.7-24 24-24H56V80H48C34.7 80 24 69.3 24 56zM86.7 341.2c-6.5-7.4-18.3-6.9-24 1.2L51.5 357.9c-7.7 10.8-22.7 13.3-33.5 5.6s-13.3-22.7-5.6-33.5l11.1-15.6c23.7-33.2 72.3-35.6 99.2-4.9c21.3 24.4 20.8 60.9-1.1 84.7L86.8 432H120c13.3 0 24 10.7 24 24s-10.7 24-24 24H32c-9.5 0-18.2-5.6-22-14.4s-2.1-18.9 4.3-25.9l72-78c5.3-5.8 5.4-14.6 .3-20.5zM224 64H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32z"})))}import ma from"react";function al({flowNodeId:e,flowNodeInstanceId:t,flowNodeType:r,processInstanceId:n,onPlay:o}){return ma.createElement(xt,{title:"Run Task",className:"asdk-pii-play-button",onClick:()=>{typeof o=="function"?new Promise(async(i,a)=>{try{await o({flowNodeId:e,processInstanceId:n,flowNodeInstanceId:t,taskType:r}),i(!0)}catch(p){a(p)}}):import("./actions-MB5VDCO7.mjs").then(({finishTask:i})=>i(t,r))}},ma.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"},ma.createElement("path",{d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z"})))}import Xm from"react";function sl(){return Xm.createElement("div",{className:"app-sdk-h-6 app-sdk-w-[1px] app-sdk-my-auto app-sdk-border-l app-sdk-border-r-0 app-sdk-border-t-0 app-sdk-border-b-0 app-sdk-border-collapse app-sdk-border-solid app-sdk-border-gray-900 dark:app-sdk-border-gray-300"})}import pl from"react";function ho({children:e}){return pl.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"},pl.createElement("div",{className:"app-sdk-flex app-sdk-w-fit app-sdk-mx-auto app-sdk-rounded-full app-sdk-px-3 app-sdk-py-2 app-sdk-gap-1 app-sdk-border app-sdk-border-solid app-sdk-bg-white/95 dark:app-sdk-bg-black/85 dark:app-sdk-border-none app-sdk-pointer-events-auto"},e))}import ha from"react";import Jm from"react";function Zt({title:e,disabled:t,children:r,onClick:n}){return Jm.createElement("button",{title:`${e??""}${t?" (disabled)":""}`,className:xe("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:n,disabled:t},r)}function ll({onClick:e}){return ha.createElement(Zt,{title:"Refresh Process Instance Data",onClick:e},ha.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"},ha.createElement("path",{d:"M105.1 202.6c7.7-21.8 20.2-42.3 37.8-59.8c62.5-62.5 163.8-62.5 226.3 0L386.3 160H352c-17.7 0-32 14.3-32 32s14.3 32 32 32H463.5c0 0 0 0 0 0h.4c17.7 0 32-14.3 32-32V80c0-17.7-14.3-32-32-32s-32 14.3-32 32v35.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5zM39 289.3c-5 1.5-9.8 4.2-13.7 8.2c-4 4-6.7 8.8-8.1 14c-.3 1.2-.6 2.5-.8 3.8c-.3 1.7-.4 3.4-.4 5.1V432c0 17.7 14.3 32 32 32s32-14.3 32-32V396.9l17.6 17.5 0 0c87.5 87.4 229.3 87.4 316.7 0c24.4-24.4 42.1-53.1 52.9-83.7c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8c-62.5 62.5-163.8 62.5-226.3 0l-.1-.1L125.6 352H160c17.7 0 32-14.3 32-32s-14.3-32-32-32H48.4c-1.6 0-3.2 .1-4.8 .3s-3.1 .5-4.6 1z"})))}import ya from"react";function dl({onClick:e}){return ya.createElement(xt,{title:"Retry Process Here",onClick:e},ya.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"},ya.createElement("path",{d:"M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z"})))}import et,{useEffect as Zm,useState as Qm}from"react";import{Description as cl,Dialog as eh,DialogBackdrop as th,DialogPanel as rh,DialogTitle as nh}from"@headlessui/react";import oh from"@monaco-editor/react";function ul(e){let[t,r]=Qm("");return Zm(()=>{r(JSON.stringify(e.flowNodeInstance?.startToken??e.processInstance.startToken??{},null,2))},[e.flowNodeInstance,e.processInstance]),et.createElement(eh,{open:e.isOpen,onClose:e.onClose,className:"app-sdk-relative app-sdk-z-50"},et.createElement(th,{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"},et.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"},et.createElement(rh,{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)]"},et.createElement(nh,{className:"app-sdk-font-bold"},"Retry Process Instance"),et.createElement(cl,{className:"app-sdk-break-words"},"Are you sure you want to retry the Process Instance",e.flowNodeInstance&&` at this Flow Node (${e.flowNodeInstance.flowNodeId})`,"?"),et.createElement(cl,null,"You can provide a new start token:"),et.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},et.createElement("label",null,"Start Token"),et.createElement(oh,{height:"7rem",defaultLanguage:"json",defaultValue:t,onChange:n=>r(n??""),options:{lineNumbersMinChars:2,readOnly:!1,minimap:{enabled:!1},formatOnPaste:!0,formatOnType:!0}})),et.createElement("div",{className:"app-sdk-flex app-sdk-justify-end app-sdk-gap-2"},et.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"),et.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 n=JSON.parse(t);await(await import("./actions-MB5VDCO7.mjs")).retryProcess(e.processInstance.processInstanceId,e.flowNodeInstance?.flowNodeInstanceId,n),e.onClose()}},"Retry"))))))}import ga from"react";function fl({disabled:e,onClick:t}){return ga.createElement(Zt,{title:"Retry Process",disabled:e,onClick:t},ga.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"},ga.createElement("path",{d:"M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z"})))}import va from"react";function ml({processInstanceId:e,disabled:t}){return va.createElement(Zt,{title:"Terminate Process",disabled:t,onClick:()=>import("./actions-MB5VDCO7.mjs").then(({terminateProcess:r})=>r(e))},va.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"},va.createElement("path",{d:"M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm192-96l128 0c17.7 0 32 14.3 32 32l0 128c0 17.7-14.3 32-32 32l-128 0c-17.7 0-32-14.3-32-32l0-128c0-17.7 14.3-32 32-32z"})))}import me,{useEffect as ka,useMemo as hl,useState as wa}from"react";import{ArrowsPointingInIcon as yl,ArrowsPointingOutIcon as gl,XMarkIcon as ih}from"@heroicons/react/24/outline";import{Editor as vl}from"@monaco-editor/react";function kl(e){let[t,r]=wa(),[n,o]=wa(!0),[i,a]=wa(null),p=m=>{a(i===m?null:m)};ka(()=>(n&&e.flowNodeInstances.length>1&&o(!1),()=>{if(n)return;let m=new URLSearchParams(window.location.search);m.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${m.toString()}${window.location.hash}`)}),[n,e.flowNodeInstances]),ka(()=>{if(e.flowNodeInstances.length<2){r(void 0);return}let g=new URLSearchParams(window.location.search).get("tokenInspectorFocus");g||r(e.flowNodeInstances[0]);let E=e.flowNodeInstances.find(_=>_.flowNodeId===g);E&&r(E)},[e.flowNodeInstances]),ka(()=>{if(n)return;let m=new URLSearchParams(window.location.search);t?m.set("tokenInspectorFocus",t.flowNodeId):m.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${m.toString()}${window.location.hash}`)},[t,n]);let d=hl(()=>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=hl(()=>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 me.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"},me.createElement("button",{onClick:()=>{e.close()},className:"app-sdk-text-white hover:app-sdk-text-gray-300",title:"Close Token Inspector"},me.createElement(ih,{className:"app-sdk-w-6 app-sdk-h-6"})),me.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-4"},e.flowNodeInstances.length===0?me.createElement("label",{className:"app-sdk-break-all"},"Process: ",e.processInstance.processModelId,e.processInstance.processModelName&&` (${e.processInstance.processModelName})`):e.flowNodeInstances.length===1?me.createElement("label",{className:"app-sdk-break-all"},"Flow Node: ",e.flowNodeInstances[0].flowNodeId,e.flowNodeInstances[0].flowNodeName&&` (${e.flowNodeInstances[0].flowNodeName})`):me.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1 app-sdk-w-full"},me.createElement("label",null,"Select Flow Node:"),me.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:m=>r(e.flowNodeInstances.find(g=>g.flowNodeId===m.target.value)),value:t?.flowNodeId??e.flowNodeInstances[0].flowNodeId},e.flowNodeInstances.map(m=>me.createElement("option",{key:`token-inspector-option-${m.flowNodeId}`,value:m.flowNodeId},`${m.flowNodeName?`${m.flowNodeName} (${m.flowNodeId})`:m.flowNodeId}`)))),me.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-3"},i&&me.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-black/30 app-sdk-backdrop-blur-md app-sdk-z-40"}),me.createElement("div",{className:`app-sdk-flex app-sdk-flex-col app-sdk-gap-1
+FormField: ${i} with ${a} `);continue}if(a.length===1?n[i]=a[0]:n[i]=a,n[i]==""&&delete n[i],n[i]){let p=t.find(d=>d.id===i)?.type;if(p==="boolean"){n[i]=n[i]==="on";continue}if(p==="confirm"){n[i]=JSON.parse(n[i]);continue}if(p==="number"){n[i]=parseFloat(n[i]);continue}if(p==="long"){n[i]=parseInt(n[i]);continue}}}let o=t.filter(i=>i.type==="boolean");return o.length&&o.forEach(i=>{n[i.id]||(n[i.id]=!1)}),r.forEach((i,a)=>{if(typeof i.ref.current?.getValue=="function"){let p=i.ref.current.getValue();(typeof p=="boolean"||typeof p=="number"||typeof p=="string"||Array.isArray(p)||p==null||p?.toString()==="[object Object]")&&(n[a]=p)}}),n}import{isEqual as ba}from"lodash";import ph from"next/dynamic.js";import{createRoot as lh}from"react-dom/client";import Ee,{useCallback as go,useEffect as vo,useRef as dh,useState as Lt}from"react";import{Transition as ch}from"@headlessui/react";import{BpmnType as Et,FlowNodeInstanceState as wl,ProcessInstanceState as bo}from"@5minds/processcube_engine_sdk";import ft,{useState as Vm}from"react";import{Combobox as Um,ComboboxInput as $m,ComboboxOption as jm,ComboboxOptions as Hm,Dialog as zm,DialogBackdrop as Wm,DialogPanel as Gm}from"@headlessui/react";import{UsersIcon as qm}from"@heroicons/react/24/outline";function rl(e){let[t,r]=Vm(""),n=t===""?e.entries:e.entries.filter(o=>o.name.toLowerCase().includes(t.toLowerCase()));return ft.createElement(zm,{className:"app-sdk-relative app-sdk-z-50",open:e.isOpen,onClose:()=>{e.onClose(),r("")}},ft.createElement(Wm,{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"}),ft.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"},ft.createElement(Gm,{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"},ft.createElement(Um,{onChange:o=>{o&&e.onConfirm(o)}},ft.createElement($m,{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:o=>r(o.target.value),onBlur:()=>r("")}),n.length>0&&ft.createElement(Hm,{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)]"},n.map(o=>ft.createElement(jm,{key:o.id,value:o,className:({focus:i})=>xe("app-sdk-cursor-default app-sdk-select-none app-sdk-rounded-md app-sdk-px-4 app-sdk-py-2",i&&"app-sdk-bg-[color:var(--asdk-cmdp-focus-color)] app-sdk-text-white")},o.name))),t!==""&&n.length===0&&ft.createElement("div",{className:"app-sdk-px-4 app-sdk-py-14 app-sdk-text-center sm:app-sdk-px-14"},ft.createElement(qm,{className:"app-sdk-mx-auto app-sdk-h-6 app-sdk-w-6 app-sdk-text-gray-400","aria-hidden":"true"}),ft.createElement("p",{className:"app-sdk-mt-4 app-sdk-text-sm app-sdk-text-[color:var(--asdk-cmdp-text-color)]"},e.noResultsText||"No entries found using that search term."))))))}import Ym from"react";function xt({title:e,children:t,className:r,onClick:n}){return Ym.createElement("button",{title:e,className:xe(r,"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:n},t)}import Km from"react";function nl({width:e,children:t}){return Km.createElement("div",{className:"app-sdk-flex app-sdk-gap-1 app-sdk-justify-center app-sdk-flex-wrap",style:{width:`${e}px`}},t)}import ua from"react";function ol({isSender:e,onClick:t}){return ua.createElement(xt,{title:`Go to ${e?"Target":"Source"}`,onClick:t},ua.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},ua.createElement("path",{d:"M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"})))}import fa from"react";function il({onClick:e}){return fa.createElement(xt,{onClick:e,title:"List Instances"},fa.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},fa.createElement("path",{d:"M24 56c0-13.3 10.7-24 24-24H80c13.3 0 24 10.7 24 24V176h16c13.3 0 24 10.7 24 24s-10.7 24-24 24H40c-13.3 0-24-10.7-24-24s10.7-24 24-24H56V80H48C34.7 80 24 69.3 24 56zM86.7 341.2c-6.5-7.4-18.3-6.9-24 1.2L51.5 357.9c-7.7 10.8-22.7 13.3-33.5 5.6s-13.3-22.7-5.6-33.5l11.1-15.6c23.7-33.2 72.3-35.6 99.2-4.9c21.3 24.4 20.8 60.9-1.1 84.7L86.8 432H120c13.3 0 24 10.7 24 24s-10.7 24-24 24H32c-9.5 0-18.2-5.6-22-14.4s-2.1-18.9 4.3-25.9l72-78c5.3-5.8 5.4-14.6 .3-20.5zM224 64H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32z"})))}import ma from"react";function al({flowNodeId:e,flowNodeInstanceId:t,flowNodeType:r,processInstanceId:n,onPlay:o}){return ma.createElement(xt,{title:"Run Task",className:"asdk-pii-play-button",onClick:()=>{typeof o=="function"?new Promise(async(i,a)=>{try{await o({flowNodeId:e,processInstanceId:n,flowNodeInstanceId:t,taskType:r}),i(!0)}catch(p){a(p)}}):import("./actions-AYWPNATG.mjs").then(({finishTask:i})=>i(t,r))}},ma.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"},ma.createElement("path",{d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z"})))}import Xm from"react";function sl(){return Xm.createElement("div",{className:"app-sdk-h-6 app-sdk-w-[1px] app-sdk-my-auto app-sdk-border-l app-sdk-border-r-0 app-sdk-border-t-0 app-sdk-border-b-0 app-sdk-border-collapse app-sdk-border-solid app-sdk-border-gray-900 dark:app-sdk-border-gray-300"})}import pl from"react";function ho({children:e}){return pl.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"},pl.createElement("div",{className:"app-sdk-flex app-sdk-w-fit app-sdk-mx-auto app-sdk-rounded-full app-sdk-px-3 app-sdk-py-2 app-sdk-gap-1 app-sdk-border app-sdk-border-solid app-sdk-bg-white/95 dark:app-sdk-bg-black/85 dark:app-sdk-border-none app-sdk-pointer-events-auto"},e))}import ha from"react";import Jm from"react";function Zt({title:e,disabled:t,children:r,onClick:n}){return Jm.createElement("button",{title:`${e??""}${t?" (disabled)":""}`,className:xe("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:n,disabled:t},r)}function ll({onClick:e}){return ha.createElement(Zt,{title:"Refresh Process Instance Data",onClick:e},ha.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"},ha.createElement("path",{d:"M105.1 202.6c7.7-21.8 20.2-42.3 37.8-59.8c62.5-62.5 163.8-62.5 226.3 0L386.3 160H352c-17.7 0-32 14.3-32 32s14.3 32 32 32H463.5c0 0 0 0 0 0h.4c17.7 0 32-14.3 32-32V80c0-17.7-14.3-32-32-32s-32 14.3-32 32v35.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5zM39 289.3c-5 1.5-9.8 4.2-13.7 8.2c-4 4-6.7 8.8-8.1 14c-.3 1.2-.6 2.5-.8 3.8c-.3 1.7-.4 3.4-.4 5.1V432c0 17.7 14.3 32 32 32s32-14.3 32-32V396.9l17.6 17.5 0 0c87.5 87.4 229.3 87.4 316.7 0c24.4-24.4 42.1-53.1 52.9-83.7c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8c-62.5 62.5-163.8 62.5-226.3 0l-.1-.1L125.6 352H160c17.7 0 32-14.3 32-32s-14.3-32-32-32H48.4c-1.6 0-3.2 .1-4.8 .3s-3.1 .5-4.6 1z"})))}import ya from"react";function dl({onClick:e}){return ya.createElement(xt,{title:"Retry Process Here",onClick:e},ya.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"},ya.createElement("path",{d:"M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z"})))}import et,{useEffect as Zm,useState as Qm}from"react";import{Description as cl,Dialog as eh,DialogBackdrop as th,DialogPanel as rh,DialogTitle as nh}from"@headlessui/react";import oh from"@monaco-editor/react";function ul(e){let[t,r]=Qm("");return Zm(()=>{r(JSON.stringify(e.flowNodeInstance?.startToken??e.processInstance.startToken??{},null,2))},[e.flowNodeInstance,e.processInstance]),et.createElement(eh,{open:e.isOpen,onClose:e.onClose,className:"app-sdk-relative app-sdk-z-50"},et.createElement(th,{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"},et.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"},et.createElement(rh,{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)]"},et.createElement(nh,{className:"app-sdk-font-bold"},"Retry Process Instance"),et.createElement(cl,{className:"app-sdk-break-words"},"Are you sure you want to retry the Process Instance",e.flowNodeInstance&&` at this Flow Node (${e.flowNodeInstance.flowNodeId})`,"?"),et.createElement(cl,null,"You can provide a new start token:"),et.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},et.createElement("label",null,"Start Token"),et.createElement(oh,{height:"7rem",defaultLanguage:"json",defaultValue:t,onChange:n=>r(n??""),options:{lineNumbersMinChars:2,readOnly:!1,minimap:{enabled:!1},formatOnPaste:!0,formatOnType:!0}})),et.createElement("div",{className:"app-sdk-flex app-sdk-justify-end app-sdk-gap-2"},et.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"),et.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 n=JSON.parse(t);await(await import("./actions-AYWPNATG.mjs")).retryProcess(e.processInstance.processInstanceId,e.flowNodeInstance?.flowNodeInstanceId,n),e.onClose()}},"Retry"))))))}import ga from"react";function fl({disabled:e,onClick:t}){return ga.createElement(Zt,{title:"Retry Process",disabled:e,onClick:t},ga.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"},ga.createElement("path",{d:"M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z"})))}import va from"react";function ml({processInstanceId:e,disabled:t}){return va.createElement(Zt,{title:"Terminate Process",disabled:t,onClick:()=>import("./actions-AYWPNATG.mjs").then(({terminateProcess:r})=>r(e))},va.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"},va.createElement("path",{d:"M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm192-96l128 0c17.7 0 32 14.3 32 32l0 128c0 17.7-14.3 32-32 32l-128 0c-17.7 0-32-14.3-32-32l0-128c0-17.7 14.3-32 32-32z"})))}import me,{useEffect as ka,useMemo as hl,useState as wa}from"react";import{ArrowsPointingInIcon as yl,ArrowsPointingOutIcon as gl,XMarkIcon as ih}from"@heroicons/react/24/outline";import{Editor as vl}from"@monaco-editor/react";function kl(e){let[t,r]=wa(),[n,o]=wa(!0),[i,a]=wa(null),p=m=>{a(i===m?null:m)};ka(()=>(n&&e.flowNodeInstances.length>1&&o(!1),()=>{if(n)return;let m=new URLSearchParams(window.location.search);m.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${m.toString()}${window.location.hash}`)}),[n,e.flowNodeInstances]),ka(()=>{if(e.flowNodeInstances.length<2){r(void 0);return}let g=new URLSearchParams(window.location.search).get("tokenInspectorFocus");g||r(e.flowNodeInstances[0]);let E=e.flowNodeInstances.find(_=>_.flowNodeId===g);E&&r(E)},[e.flowNodeInstances]),ka(()=>{if(n)return;let m=new URLSearchParams(window.location.search);t?m.set("tokenInspectorFocus",t.flowNodeId):m.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${m.toString()}${window.location.hash}`)},[t,n]);let d=hl(()=>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=hl(()=>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 me.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"},me.createElement("button",{onClick:()=>{e.close()},className:"app-sdk-text-white hover:app-sdk-text-gray-300",title:"Close Token Inspector"},me.createElement(ih,{className:"app-sdk-w-6 app-sdk-h-6"})),me.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-4"},e.flowNodeInstances.length===0?me.createElement("label",{className:"app-sdk-break-all"},"Process: ",e.processInstance.processModelId,e.processInstance.processModelName&&` (${e.processInstance.processModelName})`):e.flowNodeInstances.length===1?me.createElement("label",{className:"app-sdk-break-all"},"Flow Node: ",e.flowNodeInstances[0].flowNodeId,e.flowNodeInstances[0].flowNodeName&&` (${e.flowNodeInstances[0].flowNodeName})`):me.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1 app-sdk-w-full"},me.createElement("label",null,"Select Flow Node:"),me.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:m=>r(e.flowNodeInstances.find(g=>g.flowNodeId===m.target.value)),value:t?.flowNodeId??e.flowNodeInstances[0].flowNodeId},e.flowNodeInstances.map(m=>me.createElement("option",{key:`token-inspector-option-${m.flowNodeId}`,value:m.flowNodeId},`${m.flowNodeName?`${m.flowNodeName} (${m.flowNodeId})`:m.flowNodeId}`)))),me.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-3"},i&&me.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-black/30 app-sdk-backdrop-blur-md app-sdk-z-40"}),me.createElement("div",{className:`app-sdk-flex app-sdk-flex-col app-sdk-gap-1
       ${i==="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":""}`},me.createElement("div",{className:"app-sdk-flex app-sdk-items-center app-sdk-justify-between"},me.createElement("label",{className:"app-sdk-text-white app-sdk-font-medium"},"Start Token"),me.createElement("button",{className:"app-sdk-text-white hover:app-sdk-text-gray-300 app-sdk-w-6 app-sdk-h-6",onClick:()=>p("start"),title:i==="start"?"Minimize":"Maximize"},i==="start"?me.createElement(yl,{className:"app-sdk-w-6 app-sdk-h-6"}):me.createElement(gl,{className:"app-sdk-w-6 app-sdk-h-6"}))),me.createElement(vl,{height:i==="start"?"60vh":"7rem",defaultLanguage:"json",value:d,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})),me.createElement("div",{className:`app-sdk-flex app-sdk-flex-col app-sdk-gap-1
-      ${i==="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":""}`},me.createElement("div",{className:"app-sdk-flex app-sdk-items-center app-sdk-justify-between"},me.createElement("label",{className:"app-sdk-text-white app-sdk-font-medium"},"End Token"),me.createElement("button",{className:"app-sdk-text-white hover:app-sdk-text-gray-300 app-sdk-w-6 app-sdk-h-6",onClick:()=>p("end"),title:i==="end"?"Minimize":"Maximize"},i==="end"?me.createElement(yl,{className:"app-sdk-w-6 app-sdk-h-6"}):me.createElement(gl,{className:"app-sdk-w-6 app-sdk-h-6"}))),me.createElement(vl,{height:i==="end"?"60vh":"7rem",defaultLanguage:"json",value:u,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})))))}import gn,{useEffect as ah,useState as sh}from"react";function yo(e){let[t,r]=sh(e.isOpen??!1);return ah(()=>{r(e.isOpen??!1)},[e.isOpen]),gn.createElement(Zt,{disabled:e.disabled,title:"View Process Tokens",onClick:()=>{t?e.close():e.open(),r(n=>!n)}},t?gn.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"},gn.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"})):gn.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"},gn.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 bl=[bo.error,bo.terminated],uh=[Et.manualTask,Et.userTask,Et.untypedTask],xl=[Et.endEvent,Et.intermediateThrowEvent,Et.sendTask],fh=[Et.startEvent,Et.intermediateCatchEvent,Et.boundaryEvent,Et.receiveTask],ko={isOpen:!1,placeholder:"",entries:[],onConfirm:()=>{},onClose:()=>{}},mh={isOpen:!1},wo="asdk-buttons";function hh(e){let{processInstanceId:t}=e,[r,n]=Lt(ko),[o,i]=Lt(mh),[a,p]=Lt(!1),[d,u]=Lt(),[m,g]=Lt([]),[E,_]=Lt([]),[A,k]=Lt(new Map),[L,z]=Lt([]),[q,T]=Lt([]),y=dh(null),I=go(async()=>{let x=await import("./actions-MB5VDCO7.mjs"),N=x.getProcessInstance(t),B=x.getFlowNodeInstances(t),[$,le]=await Promise.all([N,B]),K=await x.getTriggeredFlowNodeInstances(le.map(w=>w.flowNodeInstanceId));u($),g(le),_(K);let W=new URLSearchParams(window.location.search);W.get("tokenInspector")==="true"&&p(!0);let ge=W.getAll("instance"),ae=le.filter(w=>ge.includes(w.flowNodeInstanceId));ae.length!==ge.length&&(W.delete("instance"),ae.forEach(w=>W.append("instance",w.flowNodeInstanceId)),window.history.replaceState({},"",`${window.location.pathname}?${W.toString()}`));let ce=new Map;le.forEach(w=>{ce.has(w.flowNodeId)||ce.set(w.flowNodeId,w.flowNodeInstanceId)}),ae.forEach(w=>ce.set(w.flowNodeId,w.flowNodeInstanceId)),k(ce)},[t]),D=go(x=>{let N=oe(x),B=m.some(le=>le.flowNodeId===N.targetRef.id),$=m.some(le=>le.flowNodeId===N.sourceRef.id&&le.state===wl.finished);return B&&$},[m]),M=go(async()=>{let x=y.current?.bpmnViewerRef,N=x?.getOverlays();if(!x||!N)return;let B=await import("./actions-MB5VDCO7.mjs"),$=B.getProcessInstance(t),le=B.getFlowNodeInstances(t),[K,W]=await Promise.all([$,le]),Me=await B.getTriggeredFlowNodeInstances(W.map(C=>C.flowNodeInstanceId));if(ba(K,d)&&ba(W,m)&&ba(Me,E))return;K.state!==d?.state&&N.clear();for(let[C,j]of A.entries()){let ne=m.find(s=>s.flowNodeInstanceId===j);if(!ne)continue;let Pe=W.find(s=>s.flowNodeId===C);Pe?.flowNodeInstanceId===j&&ne.state===Pe.state||(x.removeMarker(C,`asdk-pii-flow-node-instance-state--${ne.state}`),N.remove({element:C,type:wo}))}u(K),g(W),_(Me);let ge=new URLSearchParams(window.location.search),ae=ge.getAll("instance"),ce=W.filter(C=>ae.includes(C.flowNodeInstanceId));ce.length!==ae.length&&(ge.delete("instance"),ce.forEach(C=>ge.append("instance",C.flowNodeInstanceId)),window.history.replaceState({},"",`${window.location.pathname}?${ge.toString()}`));let w=new Map;W.forEach(C=>{w.has(C.flowNodeId)||w.set(C.flowNodeId,C.flowNodeInstanceId)}),ce.forEach(C=>w.set(C.flowNodeId,C.flowNodeInstanceId)),k(w)},[y.current,d,A,m,t]),v=go((x,N)=>{let B=y.current?.bpmnViewerRef,$=B?.getOverlays();if(!B||!$)return;let le=$.get({element:x.id,type:wo});if(Array.isArray(le)&&le.length>0)return;let K=N.find(s=>s.flowNodeInstanceId===A.get(s.flowNodeId));if(!K)return;let W=e.showFlowNodeExecutionCount&&N.length>1,Me=e.showFlowNodeInstancesListButton&&N.length>1,ge=e.showFinishTaskButton&&uh.includes(x.type)&&K.state===wl.suspended,ae=e.showRetryFlowNodeInstanceButton&&d&&bl.includes(d.state),ce=!1,w=[];if(e.showGoToFlowNodeButton&&fh.includes(x.type)){let s=K.triggeredByFlowNodeInstance;ce=s!==void 0,w=s?[s]:[]}else if(e.showGoToFlowNodeButton&&xl.includes(x.type)){let s=E.filter(f=>f.triggeredByFlowNodeInstance?.flowNodeInstanceId===K.flowNodeInstanceId);ce=s.length>0,w=s}if(!W&&!ge&&!ae&&!ce)return;let C=x.width<52,j=$.add(x.id,wo,{position:{bottom:-7,left:C?-x.width/2:0},html:"<div></div>"}),ne=$.get(j),Pe=lh(ne.htmlContainer),c=N.indexOf(K)===0,l=N.length-N.indexOf(K);Pe.render(Ee.createElement(nl,{width:C?x.width*2:x.width},W&&Ee.createElement(xt,{className:"app-sdk-select-none !app-sdk-cursor-default !app-sdk-bg-slate-500",title:`Flow Node was executed ${N.length} times.${c?"":` You are viewing instance #${l}.`}`},`${c?"":`${l}/`}${N.length}`),Me&&Ee.createElement(il,{onClick:()=>{let s=N.map(h=>({id:h.flowNodeInstanceId,name:`${h.startedAt?.toLocaleString("en-GB")} - ${h.flowNodeInstanceId} - ${h.state}${h.flowNodeInstanceId===K.flowNodeInstanceId?" (selected)":""}`,...h}));n({isOpen:!0,placeholder:"Select instance to display:",entries:s,onConfirm:async h=>{let b=N.find(te=>te.flowNodeInstanceId===h.flowNodeInstanceId);if(!b)return;B.removeMarker(K.flowNodeId,`asdk-pii-flow-node-instance-state--${K.state}`),$.remove({element:x.id,type:wo});let F=new URLSearchParams(window.location.search);F.getAll("instance").includes(K.flowNodeInstanceId)&&F.delete("instance",K.flowNodeInstanceId),N.indexOf(b)!==0&&F.append("instance",b.flowNodeInstanceId),window.history.replaceState({},"",`${window.location.pathname}?${F.toString()}${window.location.hash}`),k(te=>new Map(te).set(x.id,h.flowNodeInstanceId)),n(ko)},onClose:()=>n(ko)})}}),ce&&Ee.createElement(ol,{isSender:xl.includes(x.type),onClick:()=>{if(w.length===1){let f=new URLSearchParams;f.append("selected",w[0].flowNodeId),f.append("instance",w[0].flowNodeInstanceId),window.location.href=`${w[0].processInstanceId}?${f.toString()}`;return}let s=w.map(f=>({id:f.flowNodeInstanceId,name:`${f.startedAt?.toLocaleString("en-GB")} - ${f.flowNodeId}${f.flowNodeName?` - ${f.flowNodeName}`:""}`,...f}));n({isOpen:!0,placeholder:"Select target to go to:",entries:s,onConfirm:f=>{let h=new URLSearchParams;h.append("selected",f.flowNodeId),h.append("instance",f.flowNodeInstanceId),window.location.href=`${f.processInstanceId}?${h.toString()}`},onClose:()=>n(ko)})}}),ge&&Ee.createElement(al,{flowNodeId:K.flowNodeId,flowNodeInstanceId:K.flowNodeInstanceId,flowNodeType:x.type,processInstanceId:K.processInstanceId,onPlay:e.onFinish}),ae&&Ee.createElement(dl,{onClick:()=>{i({isOpen:!0,flowNodeInstance:K})}})))},[y.current,d,m,E,A]);if(vo(()=>{I()},[t]),vo(()=>{if(d?.state===bo.finished){M();return}let x=setInterval(M,1e3);return()=>clearInterval(x)},[M,d?.state]),vo(()=>{if(L.length===0||m.length===0){T([]);return}let x=m.filter(N=>{let B=L.includes(N.flowNodeId),$=A.get(N.flowNodeId)===N.flowNodeInstanceId;return B&&$});if(x.length===0){let N=new URLSearchParams(window.location.search);N.delete("tokenInspectorFocus"),window.history.replaceState({},"",`${window.location.pathname}?${N.toString()}${window.location.hash}`)}T(x)},[m,L,A]),vo(()=>{if(!d?.xml)return;let x=y.current?.bpmnViewerRef,N=x?.getElementRegistry();!x||!N||x.onImportDone(()=>{let B=new Set(m.map($=>$.flowNodeId));N.forEach($=>{if($.type==="bpmn:SequenceFlow"){D($)?x.addMarker($.id,"asdk-pii-sequence-flow-finished"):x.hasMarker($.id,"asdk-pii-sequence-flow-finished")&&x.removeMarker($.id,"asdk-pii-sequence-flow-finished");return}if(!B.has($.id))return;let le=m.filter(W=>W.flowNodeId===$.id),K=le.find(W=>W.flowNodeInstanceId===A.get(W.flowNodeId));K&&(x.hasMarker($.id,"asdk-pii-flow-node-instance-state")||x.addMarker($.id,"asdk-pii-flow-node-instance-state"),x.hasMarker($.id,`asdk-pii-flow-node-instance-state--${K.state}`)||x.addMarker($.id,`asdk-pii-flow-node-instance-state--${K.state}`),v($,le))})})},[y.current,d,m,E,A]),!d?.xml)return e.loadingComponent?e.loadingComponent:Ee.createElement("div",{className:"app-sdk-absolute app-sdk-w-screen app-sdk-h-screen app-sdk-flex"},Ee.createElement("div",{className:"app-sdk-m-auto"},"Fetching diagram..."));let S=e.showProcessRefreshButton||e.showProcessRetryButton||e.showProcessTerminateButton||e.showTokenInspectorButton,P=e.showTokenInspectorButton&&(e.showProcessRefreshButton||e.showProcessRetryButton||e.showProcessTerminateButton);return Ee.createElement("div",{className:"app-sdk-relative app-sdk-w-full app-sdk-h-full"},Ee.createElement(rl,{...r}),(e.showRetryFlowNodeInstanceButton||e.showProcessRetryButton)&&Ee.createElement(ul,{...o,processInstance:d,onClose:()=>i(x=>({...x,isOpen:!1}))}),S&&Ee.createElement(ho,null,e.showProcessRefreshButton&&Ee.createElement(ll,{onClick:M}),e.showProcessRetryButton&&Ee.createElement(fl,{onClick:()=>i({isOpen:!0}),disabled:!bl.includes(d.state)}),e.showProcessTerminateButton&&Ee.createElement(ml,{processInstanceId:t,disabled:d.state!==bo.running}),P&&Ee.createElement(sl,null),e.showTokenInspectorButton&&Ee.createElement(yo,{isOpen:a,open:()=>{let x=new URLSearchParams(window.location.search);x.set("tokenInspector","true"),window.history.replaceState({},"",`${window.location.pathname}?${x.toString()}${window.location.hash}`),p(!0)},close:()=>{let x=new URLSearchParams(window.location.search);x.delete("tokenInspector"),window.history.replaceState({},"",`${window.location.pathname}?${x.toString()}${window.location.hash}`),p(!1)}})),Ee.createElement(ch,{show:a},Ee.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"},Ee.createElement(kl,{processInstance:d,flowNodeInstances:q,close:()=>{let x=new URLSearchParams(window.location.search);x.delete("tokenInspector"),window.history.replaceState({},"",`${window.location.pathname}?${x.toString()}${window.location.hash}`),p(!1)}}))),Ee.createElement(Jr,{xml:d.xml,ref:y,setSelectedElementIds:z}))}var tC=ph(()=>Promise.resolve(hh),{ssr:!1});import yh from"next/dynamic.js";import Vt,{useEffect as _l,useState as Ct}from"react";import{Transition as gh}from"@headlessui/react";function Pr(e){if(!e)return;let t=parseFloat(e);if(!isNaN(t))return t/100}var xo=class{nodeInfoMap={};heatmapInfo={};runtimeService;processCostsService;bpmnViewer;activeCostKeyPerNode={};constructor(t,r,n){this.runtimeService=t,this.processCostsService=r,this.computeRuntimeHeatmap(n),this.computeCostHeatmap(n)}updateHeatmapService(t,r,n){this.runtimeService=t,this.processCostsService=r,this.computeRuntimeHeatmap(n),this.computeCostHeatmap(n)}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(r=>!r.startsWith("runtime")))}getActiveCostKey(t){return this.activeCostKeyPerNode[t]}hasMultipleCostEntries(t){let r=this.heatmapInfo[t];return r?Object.keys(r).filter(o=>!o.startsWith("runtime")).length>=2:!1}applyHeatmap(t,r,n){let o=n.viewer,i=n.flowNodeId;if(!o&&!i)return;if(!t&&o){o.clearHeatmap(Object.keys(this.heatmapInfo));return}if(!this.bpmnViewer&&o&&(this.bpmnViewer=o),!o&&i){let d=this.heatmapInfo[i]?.[r]?.status;if(!d)return;this.activeCostKeyPerNode[i]=r,this.bpmnViewer?.showHeatmap({[i]:d});return}if(!o)return;let a={},p={};for(let[d,u]of Object.entries(this.nodeInfoMap))a[d]=u.status;for(let[d,u]of Object.entries(this.heatmapInfo)){let m=this.activeCostKeyPerNode?.[d];if(m&&u[m]?.status){p[d]=u[m].status;continue}for(let[g,E]of Object.entries(u))if(!g.startsWith("runtime")&&E?.status){p[d]=E.status,this.activeCostKeyPerNode=this.activeCostKeyPerNode,this.activeCostKeyPerNode[d]=g;break}}r==="runtime"?(o.clearHeatmap(Object.keys(p)),o.showHeatmap(a)):(o.clearHeatmap(Object.keys(a)),o.showHeatmap(p))}computeCostHeatmap(t){let r=this.processCostsService.getAllProcessCosts?.();if(r)for(let[n,o]of Object.entries(r))for(let[i,a]of Object.entries(o)){let p=a.average;if(p===void 0)continue;let d=a.critical??Pr(t.customProperties["pilot.setProcessCosts.critical"]),u=a.warning??Pr(t.customProperties["pilot.setProcessCosts.warning"]),m=a.reference;if(!m)continue;let g=u?m*u:void 0,E=d?m*d:void 0;if(g&&E&&E<g)continue;let _="Stable";E!==void 0&&p>=E?_="Critical":g!==void 0&&(E===void 0||g<E)&&p>=g&&(_="Warning");let A={status:_,referenceRuntime:m,warningThreshold:g,criticalThreshold:E,warningSource:this.getHeatmapSource(a.warning,t.customProperties["pilot.setProcessCosts.warning"]),criticalSource:this.getHeatmapSource(a.critical,t.customProperties["pilot.setProcessCosts.critical"])};this.heatmapInfo[n]||(this.heatmapInfo[n]={}),this.heatmapInfo[n][i]=A}}computeRuntimeHeatmap(t){let r=Pr(t.customProperties["pilot.setRuntime.warning"]),n=Pr(t.customProperties["pilot.setRuntime.critical"]);t.flowNodes.forEach(o=>{let a=this.runtimeService.getStats(o.id)?.average,p=o.customProperties["pilot.setRuntime.reference"],d=p?Number(p):void 0;if(!d||isNaN(d))return;let u=Pr(o.customProperties["pilot.setRuntime.warning"]),m=Pr(o.customProperties["pilot.setRuntime.critical"]),g=u??r,E=m??n,_=g?d*g:void 0,A=E?d*E:void 0;if(A&&_&&A<_)return;let k={referenceRuntime:d,warningThreshold:_,criticalThreshold:A,warningSource:this.getHeatmapSource(u,r),criticalSource:this.getHeatmapSource(m,n)};if(a!==void 0&&(A||_)){let L="Stable";A!==void 0&&a>=A?L="Critical":_!==void 0&&(A===void 0||_<A)&&a>=_&&(L="Warning"),k.status=L,this.nodeInfoMap[o.id]=k}this.heatmapInfo[o.id]={runtime:k}})}getHeatmapSource(t,r){return t!==void 0?"Flow Node":r!==void 0?"Process":void 0}};var Eo=class{flowNodeInstances;processCostsExpressionParams;instances;costResultsByFlowNodeId={};instanceCounter={};thresholdsByFlowNodeId={};constructor(t,r){this.instances=t,this.flowNodeInstances=t.flatMap(n=>n.process_instance.flowNodeInstances||[]),this.processCostsExpressionParams={correlationMetadata:{},processInstanceMetadata:{}},this.precalculateCosts(r)}getInstanceCount(t){return this.instanceCounter[t]}getCostsForFlowNodeId(t){return this.costResultsByFlowNodeId[t]}getAllProcessCosts(){return this.costResultsByFlowNodeId}getFlowNodeExecutionCount(t,r){let n=0;for(let o of this.flowNodeInstances)if(o.id===t&&o.flowNodeExitedAt&&(n++,o.flowNodeInstanceId===r))break;return n}getProcessInstanceCount(){return this.instances.length}splitCostProperties(t){let r={},n={};for(let[o,i]of Object.entries(t)){let a=o.match(/^pilot\.setProcessCosts\.([^.]+)\.(formula|reference|warning|critical)$/);if(a){let p=a[1],d=a[2];if(d==="formula")r[p]=i;else{let u=parseFloat(i);n[p]||(n[p]={}),isNaN(u)||(d==="reference"?n[p].reference=u:n[p][d]=u/100)}}}return{costExpressions:r,thresholds:n}}precalculateCosts(t){for(let r of t){let n=r.id,{costExpressions:o,thresholds:i}=this.splitCostProperties(r.customProperties);Object.keys(i).length>0&&(this.thresholdsByFlowNodeId[n]=i);let a=0;for(let p of this.flowNodeInstances)if(n===p.id&&p.flowNodeExitedAt){a+=1,this.setProcessCostExpressionParamsForInstance(p);let d=this.getProcessCosts(o);if(Object.keys(d).length===0)continue;this.costResultsByFlowNodeId[n]||(this.costResultsByFlowNodeId[n]={});for(let[u,m]of Object.entries(d)){let g=parseFloat(m),E=i[u]??this.thresholdsByFlowNodeId[n]?.[u]??{},_=this.costResultsByFlowNodeId[n][u]??{total:0,errors:0,average:0,count:0,...E};isNaN(g)?_.errors+=1:_.total+=g,this.costResultsByFlowNodeId[n][u]=_}}this.instanceCounter[n]=a}for(let r in this.costResultsByFlowNodeId)for(let n in this.costResultsByFlowNodeId[r]){let o=this.costResultsByFlowNodeId[r][n],i=this.instanceCounter[r],a=i>0?o.total/(i-o.errors):0;o.average=isNaN(a)?0:a}}getProcessCosts(t){let r={};for(let[n,o]of Object.entries(t)){if(!o)continue;let i=!1,a=o.replace(/\$\{(.+?)\}/g,(p,d)=>{let u=d.split(".").reduce((m,g)=>m&&m[g],this.processCostsExpressionParams);return u===void 0||isNaN(u)?(i=!0,"invalid"):u.toString()});if(i||a.includes("$")||a.includes("{")||a.includes("}")){r[n]="{ Error: Invalid expression. }";continue}try{let p=new Function("Math",`return ${a}`)(Math);r[n]=p.toString()}catch{r[n]="{ Error: Invalid expression. }"}}return r}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(r=>r.flowNodeInstanceId===t)}buildTokenHistoryForFlowNodeInstance(t){let r=this.flowNodeInstances.findIndex(i=>i.flowNodeInstanceId===t&&i.flowNodeExitedAt);if(r===-1)return{current:{},history:{}};let n=this.flowNodeInstances[r]?.endToken??{},o={};for(let i=0;i<r;i++){let a=this.flowNodeInstances[i];a.endToken&&(o[a.id]=a.endToken)}return{current:n,history:o}}buildDataObjectsForFlowNodeInstance(t){let r={};for(let n of this.flowNodeInstances){if(n.flowNodeInstanceId===t&&n.flowNodeExitedAt)break;for(let[o,i]of Object.entries(n.writtenDataObjectValues||{}))r[o]=i}return r}};function El(e){if(e.length!==0)return Math.round(e.reduce((t,r)=>t+r,0)/e.length)}function Cl(e){return Math.min(...e)}function Nl(e){return Math.max(...e)}var Co=class{runtimeStatsById;constructor(t,r){let n=this.setMappedRuntimes(t,r);this.runtimeStatsById=this.aggregateRuntimes(n)}getStats(t){let r=this.runtimeStatsById[t];if(r)return r;let n=Object.keys(this.runtimeStatsById)[0];return this.runtimeStatsById[n]}aggregateRuntimes(t){let r={};for(let n of t){let o=Object.values(n.instances);o.length!==0&&(r[n.id]={average:El(o)??0,shortest:Cl(o)??0,longest:Nl(o)??0})}return r}setMappedRuntimes(t,r){let n=this.getFlowNodeTimes(t),o=this.getTimesFromProcessInstances(t);return n.unshift({id:r,instances:o}),n}getTimesFromProcessInstances(t){let r={};for(let n of t){let{processInstanceId:o,processStartedAt:i,processFinishedAt:a}=n.process_instance;if(o&&i&&a){let p=new Date(i).getTime(),u=new Date(a).getTime()-p;r[o]=u}}return r}getFlowNodeTimes(t){let r=new Map;t.forEach(o=>{o.process_instance.flowNodeInstances.forEach(a=>{let p=a.id,d=a.flowNodeInstanceId,u=a.flowNodeEnteredAt?new Date(a.flowNodeEnteredAt).getTime():void 0,m=a.flowNodeExitedAt?new Date(a.flowNodeExitedAt).getTime():void 0;if(!p||!d)return;r.has(p)||r.set(p,new Map);let g=r.get(p);g.has(d)||g.set(d,{});let E=g.get(d);u!==void 0&&(!E.enteredAt||u<E.enteredAt)&&(E.enteredAt=u),m!==void 0&&(!E.exitedAt||m>E.exitedAt)&&(E.exitedAt=m)})});let n=[];return r.forEach((o,i)=>{let a={};o.forEach((p,d)=>{p.enteredAt!==void 0&&p.exitedAt!==void 0&&(a[d]=p.exitedAt-p.enteredAt)}),n.push({id:i,instances:a})}),n}};import G,{useMemo as vn}from"react";function ar(e){if(e===void 0)return"";if(e==0)return"0ms";let t=Math.floor(e/(1440*60*1e3)),r=Math.floor(e%(1440*60*1e3)/(3600*1e3)),n=Math.floor(e%(3600*1e3)/(60*1e3)),o=Math.floor(e%(60*1e3)/1e3),i=e%1e3,a=+(i%1===0?i:i.toFixed(2)),p=[];return t>0&&p.push(`${t}d`),r>0&&p.push(`${r}h`),n>0&&p.push(`${n}m`),o>0&&p.push(`${o}s`),i>0&&p.push(`${a}ms`),p.join(" ")}function Sl({processModel:e,processCostsService:t,runtimeService:r,heatmapService:n,heatmapType:o,setHeatmapType:i,timeRange:a,setTimeRange:p,selectedInstance:d}){let u=typeof a!="string"?a.custom.startDate:void 0,m=typeof a!="string"?a.custom.endDate:void 0,g=M=>{let v=M.target.value;p(v==="custom"?{custom:{startDate:u,endDate:m}}:v)},E=vn(()=>{if(!(!n||!d))return n.getHeatmapInfoForId(d)},[n,d]),_=vn(()=>{if(!(!r||!d))return r.getStats(d)},[r,d]),A=vn(()=>{if(!(!t||!d))return t.getCostsForFlowNodeId(d)},[d,t]),k=vn(()=>{if(t)return d?t.getInstanceCount(d)??t.getProcessInstanceCount():t.getProcessInstanceCount()},[d,t]),L=vn(()=>{let M=e.flowNodes.find(v=>v.id===d);return M?`Flow Node: ${M.id} (${M.name})`:`Process: ${e.processModelId} (${e.processModelName})`},[d,e]),z=n?.hasCostEntry?.()??!1,q=n?.hasRuntimeEntry?.()??!1,T=n&&d?n.hasMultipleCostEntries(d):!1,y=o==="runtime"?"runtime":"processcosts",I=n&&d?n.getActiveCostKey(d):"processcosts",D=M=>{d&&i(M),n?.applyHeatmap(!0,M,{flowNodeId:d})};return G.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"},G.createElement("label",null,L),G.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"},G.createElement("label",null,"Time Period:"),G.createElement("select",{value:typeof a=="string"?a:"custom",onChange:g},G.createElement("option",{value:"today"},"Today"),G.createElement("option",{value:"yesterday"},"Yesterday"),G.createElement("option",{value:"this_week"},"This Week"),G.createElement("option",{value:"last_7_days"},"Last 7 Days"),G.createElement("option",{value:"this_month"},"This Month"),G.createElement("option",{value:"last_30_days"},"Last 30 Days"),G.createElement("option",{value:"this_year"},"This Year"),G.createElement("option",{value:"all"},"All Instances"),G.createElement("option",{value:"custom"},"Custom")),typeof a!="string"&&G.createElement(G.Fragment,null,G.createElement("label",{className:"app-sdk-w-full app-sdk-flex app-sdk-items-center app-sdk-gap-2"},"Start Date:",G.createElement("input",{className:"app-sdk-px-2 app-sdk-flex-1 app-sdk-box-border",type:"datetime-local",value:u??"",onChange:M=>p({custom:{startDate:M.target.value||void 0,endDate:m}})})),G.createElement("label",{className:"app-sdk-w-full app-sdk-flex app-sdk-items-center app-sdk-gap-2"},"End Date:",G.createElement("input",{className:"app-sdk-px-2 app-sdk-flex-1",type:"datetime-local",value:m??"",onChange:M=>p({custom:{startDate:u,endDate:M.target.value||void 0}})})))),G.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"},G.createElement("label",{className:"app-sdk-flex app-sdk-items-center app-sdk-gap-2 app-sdk-text-sm"},G.createElement("span",null,"Executed Instances: ",k??0))),(q||z)&&(k??0)>0&&G.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"},q&&z?G.createElement(G.Fragment,null,G.createElement("label",{className:"app-sdk-flex app-sdk-items-center app-sdk-gap-2 app-sdk-text-sm"},"Heatmap Type:"),G.createElement("select",{value:y,onChange:M=>i(M.target.value)},G.createElement("option",{value:"runtime"},"Runtimes"),G.createElement("option",{value:"processcosts"},"Costs"))):G.createElement("label",{className:"app-sdk-flex app-sdk-items-center app-sdk-gap-2 app-sdk-text-sm"},"Heatmap Type: ",q?"Runtimes":"Costs")),r&&(_||E?.runtime)&&(k??0)>0&&G.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"},G.createElement("label",{className:"app-sdk-flex app-sdk-items-center app-sdk-gap-2 app-sdk-text-sm"},G.createElement("span",null,"Runtimes")),_&&G.createElement(G.Fragment,null,G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Shortest Runtime: ",ar(_.shortest)),G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Longest Runtime: ",ar(_.longest)),G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Average Runtime: ",ar(_.average))),E&&E.runtime&&G.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Reference Value: ",ar(E.runtime.referenceRuntime)),E.runtime.status&&G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Status: ",E.runtime.status),E.runtime.warningThreshold&&G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Warning Threshold: ",ar(E.runtime.warningThreshold)," (",E.runtime.warningSource,")"),E.runtime.criticalThreshold&&G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Critical Threshold: ",ar(E.runtime.criticalThreshold)," (",E.runtime.criticalSource,")"))),A&&Object.entries(A).length!==0&&G.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-h-full app-sdk-rounded-3xl app-sdk-gap-1"},G.createElement("label",null,"Costs"),o!=="runtime"&&T&&G.createElement("select",{value:I,onChange:M=>D(M.target.value)},Object.keys(A).map(M=>G.createElement("option",{key:M,value:M},M))),Object.entries(A).map(([M,v])=>{let S=E?.[M];return G.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-mb-2 app-sdk-ml-2",key:M},G.createElement("p",{className:"app-sdk-text-sm"},M),G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Total: ",v.total),v.errors>0&&G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Errors: ",v.errors),G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Average Cost: ",v.average.toFixed(2)),S&&G.createElement(G.Fragment,null,G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Reference Value: ",S.referenceRuntime),G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Status: ",S.status),S.warningThreshold&&G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Warning Threshold: ",S.warningThreshold.toFixed(2)," (",S.warningSource,")"),S.criticalThreshold&&G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Critical Threshold: ",S.criticalThreshold.toFixed(2)," (",S.criticalSource,")")))})))}function vh(e){let[t,r]=Ct(!1),[n,o]=Ct(),[i,a]=Ct(),[p,d]=Ct(),[u,m]=Ct(!1),[g,E]=Ct(!1),[_,A]=Ct(void 0),[k,L]=Ct("runtime"),[z,q]=Ct("today"),[T,y]=Ct([]),I=v=>{let{processModel:S}=e;if(!S?.processModelId||!S?.hash)return;let P=new Co(v,S.hash),x=new Eo(v,S.flowNodes);if(a(P),o(x),p)p.updateHeatmapService(P,x,S);else{let N=new xo(P,x,S);d(N),N.hasRuntimeEntry()?L("runtime"):N.hasCostEntry()&&L("processcosts")}};_l(()=>{let v=new URLSearchParams(window.location.search);v.get("heatmapInspector")==="true"&&r(!0);let S=v.get("timeRange"),P="today";if(S==="custom"){let N=v.get("startDate")||void 0,B=v.get("endDate")||void 0;P={custom:{startDate:N,endDate:B}}}else S&&(P=S);q(P),A({timeRange:P}),(async()=>{if(!e.getInstancesFromDatabase||!e.processModel?.processModelId||!e.processModel?.hash)return;let N=await e.getInstancesFromDatabase(e.processModel.processModelId,e.processModel.hash,{timeRange:P});N.length>0&&(m(!0),I(N),E(!0))})()},[e.getInstancesFromDatabase,e.processModel]),_l(()=>{if(!_?.timeRange||!e.getInstancesFromDatabase||!e.processModel?.processModelId||!e.processModel?.hash)return;(async()=>{let S=await e.getInstancesFromDatabase?.(e.processModel.processModelId,e.processModel.hash,{timeRange:_.timeRange})??[];m(S.length>0),I(S),E(!0)})()},[_,e.getInstancesFromDatabase,e.processModel]);let D=()=>{let v=new URLSearchParams(window.location.search);v.get("heatmapInspector")==="true"?(v.delete("heatmapInspector"),r(!1)):(v.set("heatmapInspector","true"),r(!0)),window.history.replaceState({},"",`${window.location.pathname}?${v.toString()}${window.location.hash}`)},M=v=>{q(v),A({timeRange:v});let S=new URLSearchParams(window.location.search);typeof v=="string"?(S.set("timeRange",v),S.delete("startDate"),S.delete("endDate")):(S.set("timeRange","custom"),v.custom.startDate?S.set("startDate",v.custom.startDate):S.delete("startDate"),v.custom.endDate?S.set("endDate",v.custom.endDate):S.delete("endDate")),window.history.replaceState({},"",`${window.location.pathname}?${S.toString()}`)};return Vt.createElement("div",{className:"app-sdk-relative app-sdk-w-full app-sdk-h-full"},g&&Vt.createElement(Vt.Fragment,null,Vt.createElement(ho,null,Vt.createElement(yo,{isOpen:t,open:D,close:D})),Vt.createElement(gh,{show:t},Vt.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"},Vt.createElement(Sl,{processModel:e.processModel,processCostsService:n,runtimeService:i,heatmapService:p,heatmapType:k,setHeatmapType:L,timeRange:z,setTimeRange:M,selectedInstance:T[0]}))),Vt.createElement(Jr,{xml:e.processModel?.xml,processModel:e.processModel,heatmapService:p,showHeatmap:u,heatmapType:k,setSelectedElementIds:y})))}var xC=yh(()=>Promise.resolve(vh),{ssr:!1});export{xi as BPMNViewer,Z0 as BPMNViewerNextJS,Oi as BooleanFormField,Kp as BpmnViewerComponent,Bi as CheckboxFormField,Li as ColorFormField,Vi as ConfirmFormField,Ui as CustomFormField,$i as DateFormField,ji as DatetimeLocalFormField,Hi as DecimalFormField,Jr as DiagramDocumentationInspector,w1 as DiagramDocumentationInspectorNextJS,Ei as DocumentationViewer,S1 as DropdownMenu,_1 as DropdownMenuItem,D1 as DynamicLink,S2 as DynamicUi,el as DynamicUiComponent,zi as EmailFormField,Wi as EnumFormField,Gi as FileFormField,Mi as FlowNode,Jp as FormFieldComponentMap,qi as HeaderFormField,Yi as HiddenFormField,Ki as IntegerFormField,Xi as MonthFormField,ea as ParagraphFormField,ta as PasswordFormField,hh as ProcessInstanceInspector,tC as ProcessInstanceInspectorNextJS,xC as ProcessModelInspectorNextJS,ra as RadioFormField,na as RangeFormField,oa as SelectFormField,co as SplitterLayout,ia as StringFormField,aa as TelFormField,cn as TextareaFormField,sa as TimeFormField,pa as UrlFormField,la as WeekFormField};
+      ${i==="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":""}`},me.createElement("div",{className:"app-sdk-flex app-sdk-items-center app-sdk-justify-between"},me.createElement("label",{className:"app-sdk-text-white app-sdk-font-medium"},"End Token"),me.createElement("button",{className:"app-sdk-text-white hover:app-sdk-text-gray-300 app-sdk-w-6 app-sdk-h-6",onClick:()=>p("end"),title:i==="end"?"Minimize":"Maximize"},i==="end"?me.createElement(yl,{className:"app-sdk-w-6 app-sdk-h-6"}):me.createElement(gl,{className:"app-sdk-w-6 app-sdk-h-6"}))),me.createElement(vl,{height:i==="end"?"60vh":"7rem",defaultLanguage:"json",value:u,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})))))}import gn,{useEffect as ah,useState as sh}from"react";function yo(e){let[t,r]=sh(e.isOpen??!1);return ah(()=>{r(e.isOpen??!1)},[e.isOpen]),gn.createElement(Zt,{disabled:e.disabled,title:"View Process Tokens",onClick:()=>{t?e.close():e.open(),r(n=>!n)}},t?gn.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"},gn.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"})):gn.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"},gn.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 bl=[bo.error,bo.terminated],uh=[Et.manualTask,Et.userTask,Et.untypedTask],xl=[Et.endEvent,Et.intermediateThrowEvent,Et.sendTask],fh=[Et.startEvent,Et.intermediateCatchEvent,Et.boundaryEvent,Et.receiveTask],ko={isOpen:!1,placeholder:"",entries:[],onConfirm:()=>{},onClose:()=>{}},mh={isOpen:!1},wo="asdk-buttons";function hh(e){let{processInstanceId:t}=e,[r,n]=Lt(ko),[o,i]=Lt(mh),[a,p]=Lt(!1),[d,u]=Lt(),[m,g]=Lt([]),[E,_]=Lt([]),[A,k]=Lt(new Map),[L,z]=Lt([]),[q,T]=Lt([]),y=dh(null),I=go(async()=>{let x=await import("./actions-AYWPNATG.mjs"),N=x.getProcessInstance(t),B=x.getFlowNodeInstances(t),[$,le]=await Promise.all([N,B]),K=await x.getTriggeredFlowNodeInstances(le.map(w=>w.flowNodeInstanceId));u($),g(le),_(K);let W=new URLSearchParams(window.location.search);W.get("tokenInspector")==="true"&&p(!0);let ge=W.getAll("instance"),ae=le.filter(w=>ge.includes(w.flowNodeInstanceId));ae.length!==ge.length&&(W.delete("instance"),ae.forEach(w=>W.append("instance",w.flowNodeInstanceId)),window.history.replaceState({},"",`${window.location.pathname}?${W.toString()}`));let ce=new Map;le.forEach(w=>{ce.has(w.flowNodeId)||ce.set(w.flowNodeId,w.flowNodeInstanceId)}),ae.forEach(w=>ce.set(w.flowNodeId,w.flowNodeInstanceId)),k(ce)},[t]),D=go(x=>{let N=oe(x),B=m.some(le=>le.flowNodeId===N.targetRef.id),$=m.some(le=>le.flowNodeId===N.sourceRef.id&&le.state===wl.finished);return B&&$},[m]),M=go(async()=>{let x=y.current?.bpmnViewerRef,N=x?.getOverlays();if(!x||!N)return;let B=await import("./actions-AYWPNATG.mjs"),$=B.getProcessInstance(t),le=B.getFlowNodeInstances(t),[K,W]=await Promise.all([$,le]),Me=await B.getTriggeredFlowNodeInstances(W.map(C=>C.flowNodeInstanceId));if(ba(K,d)&&ba(W,m)&&ba(Me,E))return;K.state!==d?.state&&N.clear();for(let[C,j]of A.entries()){let ne=m.find(s=>s.flowNodeInstanceId===j);if(!ne)continue;let Pe=W.find(s=>s.flowNodeId===C);Pe?.flowNodeInstanceId===j&&ne.state===Pe.state||(x.removeMarker(C,`asdk-pii-flow-node-instance-state--${ne.state}`),N.remove({element:C,type:wo}))}u(K),g(W),_(Me);let ge=new URLSearchParams(window.location.search),ae=ge.getAll("instance"),ce=W.filter(C=>ae.includes(C.flowNodeInstanceId));ce.length!==ae.length&&(ge.delete("instance"),ce.forEach(C=>ge.append("instance",C.flowNodeInstanceId)),window.history.replaceState({},"",`${window.location.pathname}?${ge.toString()}`));let w=new Map;W.forEach(C=>{w.has(C.flowNodeId)||w.set(C.flowNodeId,C.flowNodeInstanceId)}),ce.forEach(C=>w.set(C.flowNodeId,C.flowNodeInstanceId)),k(w)},[y.current,d,A,m,t]),v=go((x,N)=>{let B=y.current?.bpmnViewerRef,$=B?.getOverlays();if(!B||!$)return;let le=$.get({element:x.id,type:wo});if(Array.isArray(le)&&le.length>0)return;let K=N.find(s=>s.flowNodeInstanceId===A.get(s.flowNodeId));if(!K)return;let W=e.showFlowNodeExecutionCount&&N.length>1,Me=e.showFlowNodeInstancesListButton&&N.length>1,ge=e.showFinishTaskButton&&uh.includes(x.type)&&K.state===wl.suspended,ae=e.showRetryFlowNodeInstanceButton&&d&&bl.includes(d.state),ce=!1,w=[];if(e.showGoToFlowNodeButton&&fh.includes(x.type)){let s=K.triggeredByFlowNodeInstance;ce=s!==void 0,w=s?[s]:[]}else if(e.showGoToFlowNodeButton&&xl.includes(x.type)){let s=E.filter(f=>f.triggeredByFlowNodeInstance?.flowNodeInstanceId===K.flowNodeInstanceId);ce=s.length>0,w=s}if(!W&&!ge&&!ae&&!ce)return;let C=x.width<52,j=$.add(x.id,wo,{position:{bottom:-7,left:C?-x.width/2:0},html:"<div></div>"}),ne=$.get(j),Pe=lh(ne.htmlContainer),c=N.indexOf(K)===0,l=N.length-N.indexOf(K);Pe.render(Ee.createElement(nl,{width:C?x.width*2:x.width},W&&Ee.createElement(xt,{className:"app-sdk-select-none !app-sdk-cursor-default !app-sdk-bg-slate-500",title:`Flow Node was executed ${N.length} times.${c?"":` You are viewing instance #${l}.`}`},`${c?"":`${l}/`}${N.length}`),Me&&Ee.createElement(il,{onClick:()=>{let s=N.map(h=>({id:h.flowNodeInstanceId,name:`${h.startedAt?.toLocaleString("en-GB")} - ${h.flowNodeInstanceId} - ${h.state}${h.flowNodeInstanceId===K.flowNodeInstanceId?" (selected)":""}`,...h}));n({isOpen:!0,placeholder:"Select instance to display:",entries:s,onConfirm:async h=>{let b=N.find(te=>te.flowNodeInstanceId===h.flowNodeInstanceId);if(!b)return;B.removeMarker(K.flowNodeId,`asdk-pii-flow-node-instance-state--${K.state}`),$.remove({element:x.id,type:wo});let F=new URLSearchParams(window.location.search);F.getAll("instance").includes(K.flowNodeInstanceId)&&F.delete("instance",K.flowNodeInstanceId),N.indexOf(b)!==0&&F.append("instance",b.flowNodeInstanceId),window.history.replaceState({},"",`${window.location.pathname}?${F.toString()}${window.location.hash}`),k(te=>new Map(te).set(x.id,h.flowNodeInstanceId)),n(ko)},onClose:()=>n(ko)})}}),ce&&Ee.createElement(ol,{isSender:xl.includes(x.type),onClick:()=>{if(w.length===1){let f=new URLSearchParams;f.append("selected",w[0].flowNodeId),f.append("instance",w[0].flowNodeInstanceId),window.location.href=`${w[0].processInstanceId}?${f.toString()}`;return}let s=w.map(f=>({id:f.flowNodeInstanceId,name:`${f.startedAt?.toLocaleString("en-GB")} - ${f.flowNodeId}${f.flowNodeName?` - ${f.flowNodeName}`:""}`,...f}));n({isOpen:!0,placeholder:"Select target to go to:",entries:s,onConfirm:f=>{let h=new URLSearchParams;h.append("selected",f.flowNodeId),h.append("instance",f.flowNodeInstanceId),window.location.href=`${f.processInstanceId}?${h.toString()}`},onClose:()=>n(ko)})}}),ge&&Ee.createElement(al,{flowNodeId:K.flowNodeId,flowNodeInstanceId:K.flowNodeInstanceId,flowNodeType:x.type,processInstanceId:K.processInstanceId,onPlay:e.onFinish}),ae&&Ee.createElement(dl,{onClick:()=>{i({isOpen:!0,flowNodeInstance:K})}})))},[y.current,d,m,E,A]);if(vo(()=>{I()},[t]),vo(()=>{if(d?.state===bo.finished){M();return}let x=setInterval(M,1e3);return()=>clearInterval(x)},[M,d?.state]),vo(()=>{if(L.length===0||m.length===0){T([]);return}let x=m.filter(N=>{let B=L.includes(N.flowNodeId),$=A.get(N.flowNodeId)===N.flowNodeInstanceId;return B&&$});if(x.length===0){let N=new URLSearchParams(window.location.search);N.delete("tokenInspectorFocus"),window.history.replaceState({},"",`${window.location.pathname}?${N.toString()}${window.location.hash}`)}T(x)},[m,L,A]),vo(()=>{if(!d?.xml)return;let x=y.current?.bpmnViewerRef,N=x?.getElementRegistry();!x||!N||x.onImportDone(()=>{let B=new Set(m.map($=>$.flowNodeId));N.forEach($=>{if($.type==="bpmn:SequenceFlow"){D($)?x.addMarker($.id,"asdk-pii-sequence-flow-finished"):x.hasMarker($.id,"asdk-pii-sequence-flow-finished")&&x.removeMarker($.id,"asdk-pii-sequence-flow-finished");return}if(!B.has($.id))return;let le=m.filter(W=>W.flowNodeId===$.id),K=le.find(W=>W.flowNodeInstanceId===A.get(W.flowNodeId));K&&(x.hasMarker($.id,"asdk-pii-flow-node-instance-state")||x.addMarker($.id,"asdk-pii-flow-node-instance-state"),x.hasMarker($.id,`asdk-pii-flow-node-instance-state--${K.state}`)||x.addMarker($.id,`asdk-pii-flow-node-instance-state--${K.state}`),v($,le))})})},[y.current,d,m,E,A]),!d?.xml)return e.loadingComponent?e.loadingComponent:Ee.createElement("div",{className:"app-sdk-absolute app-sdk-w-screen app-sdk-h-screen app-sdk-flex"},Ee.createElement("div",{className:"app-sdk-m-auto"},"Fetching diagram..."));let S=e.showProcessRefreshButton||e.showProcessRetryButton||e.showProcessTerminateButton||e.showTokenInspectorButton,P=e.showTokenInspectorButton&&(e.showProcessRefreshButton||e.showProcessRetryButton||e.showProcessTerminateButton);return Ee.createElement("div",{className:"app-sdk-relative app-sdk-w-full app-sdk-h-full"},Ee.createElement(rl,{...r}),(e.showRetryFlowNodeInstanceButton||e.showProcessRetryButton)&&Ee.createElement(ul,{...o,processInstance:d,onClose:()=>i(x=>({...x,isOpen:!1}))}),S&&Ee.createElement(ho,null,e.showProcessRefreshButton&&Ee.createElement(ll,{onClick:M}),e.showProcessRetryButton&&Ee.createElement(fl,{onClick:()=>i({isOpen:!0}),disabled:!bl.includes(d.state)}),e.showProcessTerminateButton&&Ee.createElement(ml,{processInstanceId:t,disabled:d.state!==bo.running}),P&&Ee.createElement(sl,null),e.showTokenInspectorButton&&Ee.createElement(yo,{isOpen:a,open:()=>{let x=new URLSearchParams(window.location.search);x.set("tokenInspector","true"),window.history.replaceState({},"",`${window.location.pathname}?${x.toString()}${window.location.hash}`),p(!0)},close:()=>{let x=new URLSearchParams(window.location.search);x.delete("tokenInspector"),window.history.replaceState({},"",`${window.location.pathname}?${x.toString()}${window.location.hash}`),p(!1)}})),Ee.createElement(ch,{show:a},Ee.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"},Ee.createElement(kl,{processInstance:d,flowNodeInstances:q,close:()=>{let x=new URLSearchParams(window.location.search);x.delete("tokenInspector"),window.history.replaceState({},"",`${window.location.pathname}?${x.toString()}${window.location.hash}`),p(!1)}}))),Ee.createElement(Jr,{xml:d.xml,ref:y,setSelectedElementIds:z}))}var oC=ph(()=>Promise.resolve(hh),{ssr:!1});import yh from"next/dynamic.js";import Vt,{useEffect as _l,useState as Ct}from"react";import{Transition as gh}from"@headlessui/react";function Pr(e){if(!e)return;let t=parseFloat(e);if(!isNaN(t))return t/100}var xo=class{nodeInfoMap={};heatmapInfo={};runtimeService;processCostsService;bpmnViewer;activeCostKeyPerNode={};constructor(t,r,n){this.runtimeService=t,this.processCostsService=r,this.computeRuntimeHeatmap(n),this.computeCostHeatmap(n)}updateHeatmapService(t,r,n){this.runtimeService=t,this.processCostsService=r,this.computeRuntimeHeatmap(n),this.computeCostHeatmap(n)}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(r=>!r.startsWith("runtime")))}getActiveCostKey(t){return this.activeCostKeyPerNode[t]}hasMultipleCostEntries(t){let r=this.heatmapInfo[t];return r?Object.keys(r).filter(o=>!o.startsWith("runtime")).length>=2:!1}applyHeatmap(t,r,n){let o=n.viewer,i=n.flowNodeId;if(!o&&!i)return;if(!t&&o){o.clearHeatmap(Object.keys(this.heatmapInfo));return}if(!this.bpmnViewer&&o&&(this.bpmnViewer=o),!o&&i){let d=this.heatmapInfo[i]?.[r]?.status;if(!d)return;this.activeCostKeyPerNode[i]=r,this.bpmnViewer?.showHeatmap({[i]:d});return}if(!o)return;let a={},p={};for(let[d,u]of Object.entries(this.nodeInfoMap))a[d]=u.status;for(let[d,u]of Object.entries(this.heatmapInfo)){let m=this.activeCostKeyPerNode?.[d];if(m&&u[m]?.status){p[d]=u[m].status;continue}for(let[g,E]of Object.entries(u))if(!g.startsWith("runtime")&&E?.status){p[d]=E.status,this.activeCostKeyPerNode=this.activeCostKeyPerNode,this.activeCostKeyPerNode[d]=g;break}}r==="runtime"?(o.clearHeatmap(Object.keys(p)),o.showHeatmap(a)):(o.clearHeatmap(Object.keys(a)),o.showHeatmap(p))}computeCostHeatmap(t){let r=this.processCostsService.getAllProcessCosts?.();if(r)for(let[n,o]of Object.entries(r))for(let[i,a]of Object.entries(o)){let p=a.average;if(p===void 0)continue;let d=a.critical??Pr(t.customProperties["pilot.setProcessCosts.critical"]),u=a.warning??Pr(t.customProperties["pilot.setProcessCosts.warning"]),m=a.reference;if(!m)continue;let g=u?m*u:void 0,E=d?m*d:void 0;if(g&&E&&E<g)continue;let _="Stable";E!==void 0&&p>=E?_="Critical":g!==void 0&&(E===void 0||g<E)&&p>=g&&(_="Warning");let A={status:_,referenceRuntime:m,warningThreshold:g,criticalThreshold:E,warningSource:this.getHeatmapSource(a.warning,t.customProperties["pilot.setProcessCosts.warning"]),criticalSource:this.getHeatmapSource(a.critical,t.customProperties["pilot.setProcessCosts.critical"])};this.heatmapInfo[n]||(this.heatmapInfo[n]={}),this.heatmapInfo[n][i]=A}}computeRuntimeHeatmap(t){let r=Pr(t.customProperties["pilot.setRuntime.warning"]),n=Pr(t.customProperties["pilot.setRuntime.critical"]);t.flowNodes.forEach(o=>{let a=this.runtimeService.getStats(o.id)?.average,p=o.customProperties["pilot.setRuntime.reference"],d=p?Number(p):void 0;if(!d||isNaN(d))return;let u=Pr(o.customProperties["pilot.setRuntime.warning"]),m=Pr(o.customProperties["pilot.setRuntime.critical"]),g=u??r,E=m??n,_=g?d*g:void 0,A=E?d*E:void 0;if(A&&_&&A<_)return;let k={referenceRuntime:d,warningThreshold:_,criticalThreshold:A,warningSource:this.getHeatmapSource(u,r),criticalSource:this.getHeatmapSource(m,n)};if(a!==void 0&&(A||_)){let L="Stable";A!==void 0&&a>=A?L="Critical":_!==void 0&&(A===void 0||_<A)&&a>=_&&(L="Warning"),k.status=L,this.nodeInfoMap[o.id]=k}this.heatmapInfo[o.id]={runtime:k}})}getHeatmapSource(t,r){return t!==void 0?"Flow Node":r!==void 0?"Process":void 0}};var Eo=class{flowNodeInstances;processCostsExpressionParams;instances;costResultsByFlowNodeId={};instanceCounter={};thresholdsByFlowNodeId={};constructor(t,r){this.instances=t,this.flowNodeInstances=t.flatMap(n=>n.process_instance.flowNodeInstances||[]),this.processCostsExpressionParams={correlationMetadata:{},processInstanceMetadata:{}},this.precalculateCosts(r)}getInstanceCount(t){return this.instanceCounter[t]}getCostsForFlowNodeId(t){return this.costResultsByFlowNodeId[t]}getAllProcessCosts(){return this.costResultsByFlowNodeId}getFlowNodeExecutionCount(t,r){let n=0;for(let o of this.flowNodeInstances)if(o.id===t&&o.flowNodeExitedAt&&(n++,o.flowNodeInstanceId===r))break;return n}getProcessInstanceCount(){return this.instances.length}splitCostProperties(t){let r={},n={};for(let[o,i]of Object.entries(t)){let a=o.match(/^pilot\.setProcessCosts\.([^.]+)\.(formula|reference|warning|critical)$/);if(a){let p=a[1],d=a[2];if(d==="formula")r[p]=i;else{let u=parseFloat(i);n[p]||(n[p]={}),isNaN(u)||(d==="reference"?n[p].reference=u:n[p][d]=u/100)}}}return{costExpressions:r,thresholds:n}}precalculateCosts(t){for(let r of t){let n=r.id,{costExpressions:o,thresholds:i}=this.splitCostProperties(r.customProperties);Object.keys(i).length>0&&(this.thresholdsByFlowNodeId[n]=i);let a=0;for(let p of this.flowNodeInstances)if(n===p.id&&p.flowNodeExitedAt){a+=1,this.setProcessCostExpressionParamsForInstance(p);let d=this.getProcessCosts(o);if(Object.keys(d).length===0)continue;this.costResultsByFlowNodeId[n]||(this.costResultsByFlowNodeId[n]={});for(let[u,m]of Object.entries(d)){let g=parseFloat(m),E=i[u]??this.thresholdsByFlowNodeId[n]?.[u]??{},_=this.costResultsByFlowNodeId[n][u]??{total:0,errors:0,average:0,count:0,...E};isNaN(g)?_.errors+=1:_.total+=g,this.costResultsByFlowNodeId[n][u]=_}}this.instanceCounter[n]=a}for(let r in this.costResultsByFlowNodeId)for(let n in this.costResultsByFlowNodeId[r]){let o=this.costResultsByFlowNodeId[r][n],i=this.instanceCounter[r],a=i>0?o.total/(i-o.errors):0;o.average=isNaN(a)?0:a}}getProcessCosts(t){let r={};for(let[n,o]of Object.entries(t)){if(!o)continue;let i=!1,a=o.replace(/\$\{(.+?)\}/g,(p,d)=>{let u=d.split(".").reduce((m,g)=>m&&m[g],this.processCostsExpressionParams);return u===void 0||isNaN(u)?(i=!0,"invalid"):u.toString()});if(i||a.includes("$")||a.includes("{")||a.includes("}")){r[n]="{ Error: Invalid expression. }";continue}try{let p=new Function("Math",`return ${a}`)(Math);r[n]=p.toString()}catch{r[n]="{ Error: Invalid expression. }"}}return r}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(r=>r.flowNodeInstanceId===t)}buildTokenHistoryForFlowNodeInstance(t){let r=this.flowNodeInstances.findIndex(i=>i.flowNodeInstanceId===t&&i.flowNodeExitedAt);if(r===-1)return{current:{},history:{}};let n=this.flowNodeInstances[r]?.endToken??{},o={};for(let i=0;i<r;i++){let a=this.flowNodeInstances[i];a.endToken&&(o[a.id]=a.endToken)}return{current:n,history:o}}buildDataObjectsForFlowNodeInstance(t){let r={};for(let n of this.flowNodeInstances){if(n.flowNodeInstanceId===t&&n.flowNodeExitedAt)break;for(let[o,i]of Object.entries(n.writtenDataObjectValues||{}))r[o]=i}return r}};function El(e){if(e.length!==0)return Math.round(e.reduce((t,r)=>t+r,0)/e.length)}function Cl(e){return Math.min(...e)}function Nl(e){return Math.max(...e)}var Co=class{runtimeStatsById;constructor(t,r){let n=this.setMappedRuntimes(t,r);this.runtimeStatsById=this.aggregateRuntimes(n)}getStats(t){let r=this.runtimeStatsById[t];if(r)return r;let n=Object.keys(this.runtimeStatsById)[0];return this.runtimeStatsById[n]}aggregateRuntimes(t){let r={};for(let n of t){let o=Object.values(n.instances);o.length!==0&&(r[n.id]={average:El(o)??0,shortest:Cl(o)??0,longest:Nl(o)??0})}return r}setMappedRuntimes(t,r){let n=this.getFlowNodeTimes(t),o=this.getTimesFromProcessInstances(t);return n.unshift({id:r,instances:o}),n}getTimesFromProcessInstances(t){let r={};for(let n of t){let{processInstanceId:o,processStartedAt:i,processFinishedAt:a}=n.process_instance;if(o&&i&&a){let p=new Date(i).getTime(),u=new Date(a).getTime()-p;r[o]=u}}return r}getFlowNodeTimes(t){let r=new Map;t.forEach(o=>{o.process_instance.flowNodeInstances.forEach(a=>{let p=a.id,d=a.flowNodeInstanceId,u=a.flowNodeEnteredAt?new Date(a.flowNodeEnteredAt).getTime():void 0,m=a.flowNodeExitedAt?new Date(a.flowNodeExitedAt).getTime():void 0;if(!p||!d)return;r.has(p)||r.set(p,new Map);let g=r.get(p);g.has(d)||g.set(d,{});let E=g.get(d);u!==void 0&&(!E.enteredAt||u<E.enteredAt)&&(E.enteredAt=u),m!==void 0&&(!E.exitedAt||m>E.exitedAt)&&(E.exitedAt=m)})});let n=[];return r.forEach((o,i)=>{let a={};o.forEach((p,d)=>{p.enteredAt!==void 0&&p.exitedAt!==void 0&&(a[d]=p.exitedAt-p.enteredAt)}),n.push({id:i,instances:a})}),n}};import G,{useMemo as vn}from"react";function ar(e){if(e===void 0)return"";if(e==0)return"0ms";let t=Math.floor(e/(1440*60*1e3)),r=Math.floor(e%(1440*60*1e3)/(3600*1e3)),n=Math.floor(e%(3600*1e3)/(60*1e3)),o=Math.floor(e%(60*1e3)/1e3),i=e%1e3,a=+(i%1===0?i:i.toFixed(2)),p=[];return t>0&&p.push(`${t}d`),r>0&&p.push(`${r}h`),n>0&&p.push(`${n}m`),o>0&&p.push(`${o}s`),i>0&&p.push(`${a}ms`),p.join(" ")}function Sl({processModel:e,processCostsService:t,runtimeService:r,heatmapService:n,heatmapType:o,setHeatmapType:i,timeRange:a,setTimeRange:p,selectedInstance:d}){let u=typeof a!="string"?a.custom.startDate:void 0,m=typeof a!="string"?a.custom.endDate:void 0,g=M=>{let v=M.target.value;p(v==="custom"?{custom:{startDate:u,endDate:m}}:v)},E=vn(()=>{if(!(!n||!d))return n.getHeatmapInfoForId(d)},[n,d]),_=vn(()=>{if(!(!r||!d))return r.getStats(d)},[r,d]),A=vn(()=>{if(!(!t||!d))return t.getCostsForFlowNodeId(d)},[d,t]),k=vn(()=>{if(t)return d?t.getInstanceCount(d)??t.getProcessInstanceCount():t.getProcessInstanceCount()},[d,t]),L=vn(()=>{let M=e.flowNodes.find(v=>v.id===d);return M?`Flow Node: ${M.id} (${M.name})`:`Process: ${e.processModelId} (${e.processModelName})`},[d,e]),z=n?.hasCostEntry?.()??!1,q=n?.hasRuntimeEntry?.()??!1,T=n&&d?n.hasMultipleCostEntries(d):!1,y=o==="runtime"?"runtime":"processcosts",I=n&&d?n.getActiveCostKey(d):"processcosts",D=M=>{d&&i(M),n?.applyHeatmap(!0,M,{flowNodeId:d})};return G.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"},G.createElement("label",null,L),G.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"},G.createElement("label",null,"Time Period:"),G.createElement("select",{value:typeof a=="string"?a:"custom",onChange:g},G.createElement("option",{value:"today"},"Today"),G.createElement("option",{value:"yesterday"},"Yesterday"),G.createElement("option",{value:"this_week"},"This Week"),G.createElement("option",{value:"last_7_days"},"Last 7 Days"),G.createElement("option",{value:"this_month"},"This Month"),G.createElement("option",{value:"last_30_days"},"Last 30 Days"),G.createElement("option",{value:"this_year"},"This Year"),G.createElement("option",{value:"all"},"All Instances"),G.createElement("option",{value:"custom"},"Custom")),typeof a!="string"&&G.createElement(G.Fragment,null,G.createElement("label",{className:"app-sdk-w-full app-sdk-flex app-sdk-items-center app-sdk-gap-2"},"Start Date:",G.createElement("input",{className:"app-sdk-px-2 app-sdk-flex-1 app-sdk-box-border",type:"datetime-local",value:u??"",onChange:M=>p({custom:{startDate:M.target.value||void 0,endDate:m}})})),G.createElement("label",{className:"app-sdk-w-full app-sdk-flex app-sdk-items-center app-sdk-gap-2"},"End Date:",G.createElement("input",{className:"app-sdk-px-2 app-sdk-flex-1",type:"datetime-local",value:m??"",onChange:M=>p({custom:{startDate:u,endDate:M.target.value||void 0}})})))),G.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"},G.createElement("label",{className:"app-sdk-flex app-sdk-items-center app-sdk-gap-2 app-sdk-text-sm"},G.createElement("span",null,"Executed Instances: ",k??0))),(q||z)&&(k??0)>0&&G.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"},q&&z?G.createElement(G.Fragment,null,G.createElement("label",{className:"app-sdk-flex app-sdk-items-center app-sdk-gap-2 app-sdk-text-sm"},"Heatmap Type:"),G.createElement("select",{value:y,onChange:M=>i(M.target.value)},G.createElement("option",{value:"runtime"},"Runtimes"),G.createElement("option",{value:"processcosts"},"Costs"))):G.createElement("label",{className:"app-sdk-flex app-sdk-items-center app-sdk-gap-2 app-sdk-text-sm"},"Heatmap Type: ",q?"Runtimes":"Costs")),r&&(_||E?.runtime)&&(k??0)>0&&G.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"},G.createElement("label",{className:"app-sdk-flex app-sdk-items-center app-sdk-gap-2 app-sdk-text-sm"},G.createElement("span",null,"Runtimes")),_&&G.createElement(G.Fragment,null,G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Shortest Runtime: ",ar(_.shortest)),G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Longest Runtime: ",ar(_.longest)),G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Average Runtime: ",ar(_.average))),E&&E.runtime&&G.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Reference Value: ",ar(E.runtime.referenceRuntime)),E.runtime.status&&G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Status: ",E.runtime.status),E.runtime.warningThreshold&&G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Warning Threshold: ",ar(E.runtime.warningThreshold)," (",E.runtime.warningSource,")"),E.runtime.criticalThreshold&&G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Critical Threshold: ",ar(E.runtime.criticalThreshold)," (",E.runtime.criticalSource,")"))),A&&Object.entries(A).length!==0&&G.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-h-full app-sdk-rounded-3xl app-sdk-gap-1"},G.createElement("label",null,"Costs"),o!=="runtime"&&T&&G.createElement("select",{value:I,onChange:M=>D(M.target.value)},Object.keys(A).map(M=>G.createElement("option",{key:M,value:M},M))),Object.entries(A).map(([M,v])=>{let S=E?.[M];return G.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-mb-2 app-sdk-ml-2",key:M},G.createElement("p",{className:"app-sdk-text-sm"},M),G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Total: ",v.total),v.errors>0&&G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Errors: ",v.errors),G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Average Cost: ",v.average.toFixed(2)),S&&G.createElement(G.Fragment,null,G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Reference Value: ",S.referenceRuntime),G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Status: ",S.status),S.warningThreshold&&G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Warning Threshold: ",S.warningThreshold.toFixed(2)," (",S.warningSource,")"),S.criticalThreshold&&G.createElement("p",{className:"app-sdk-ml-2 app-sdk-text-sm"},"Critical Threshold: ",S.criticalThreshold.toFixed(2)," (",S.criticalSource,")")))})))}function vh(e){let[t,r]=Ct(!1),[n,o]=Ct(),[i,a]=Ct(),[p,d]=Ct(),[u,m]=Ct(!1),[g,E]=Ct(!1),[_,A]=Ct(void 0),[k,L]=Ct("runtime"),[z,q]=Ct("today"),[T,y]=Ct([]),I=v=>{let{processModel:S}=e;if(!S?.processModelId||!S?.hash)return;let P=new Co(v,S.hash),x=new Eo(v,S.flowNodes);if(a(P),o(x),p)p.updateHeatmapService(P,x,S);else{let N=new xo(P,x,S);d(N),N.hasRuntimeEntry()?L("runtime"):N.hasCostEntry()&&L("processcosts")}};_l(()=>{let v=new URLSearchParams(window.location.search);v.get("heatmapInspector")==="true"&&r(!0);let S=v.get("timeRange"),P="today";if(S==="custom"){let N=v.get("startDate")||void 0,B=v.get("endDate")||void 0;P={custom:{startDate:N,endDate:B}}}else S&&(P=S);q(P),A({timeRange:P}),(async()=>{if(!e.getInstancesFromDatabase||!e.processModel?.processModelId||!e.processModel?.hash)return;let N=await e.getInstancesFromDatabase(e.processModel.processModelId,e.processModel.hash,{timeRange:P});N.length>0&&(m(!0),I(N),E(!0))})()},[e.getInstancesFromDatabase,e.processModel]),_l(()=>{if(!_?.timeRange||!e.getInstancesFromDatabase||!e.processModel?.processModelId||!e.processModel?.hash)return;(async()=>{let S=await e.getInstancesFromDatabase?.(e.processModel.processModelId,e.processModel.hash,{timeRange:_.timeRange})??[];m(S.length>0),I(S),E(!0)})()},[_,e.getInstancesFromDatabase,e.processModel]);let D=()=>{let v=new URLSearchParams(window.location.search);v.get("heatmapInspector")==="true"?(v.delete("heatmapInspector"),r(!1)):(v.set("heatmapInspector","true"),r(!0)),window.history.replaceState({},"",`${window.location.pathname}?${v.toString()}${window.location.hash}`)},M=v=>{q(v),A({timeRange:v});let S=new URLSearchParams(window.location.search);typeof v=="string"?(S.set("timeRange",v),S.delete("startDate"),S.delete("endDate")):(S.set("timeRange","custom"),v.custom.startDate?S.set("startDate",v.custom.startDate):S.delete("startDate"),v.custom.endDate?S.set("endDate",v.custom.endDate):S.delete("endDate")),window.history.replaceState({},"",`${window.location.pathname}?${S.toString()}`)};return Vt.createElement("div",{className:"app-sdk-relative app-sdk-w-full app-sdk-h-full"},g&&Vt.createElement(Vt.Fragment,null,Vt.createElement(ho,null,Vt.createElement(yo,{isOpen:t,open:D,close:D})),Vt.createElement(gh,{show:t},Vt.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"},Vt.createElement(Sl,{processModel:e.processModel,processCostsService:n,runtimeService:i,heatmapService:p,heatmapType:k,setHeatmapType:L,timeRange:z,setTimeRange:M,selectedInstance:T[0]}))),Vt.createElement(Jr,{xml:e.processModel?.xml,processModel:e.processModel,heatmapService:p,showHeatmap:u,heatmapType:k,setSelectedElementIds:y})))}var NC=yh(()=>Promise.resolve(vh),{ssr:!1});export{xi as BPMNViewer,Z0 as BPMNViewerNextJS,Oi as BooleanFormField,Kp as BpmnViewerComponent,Bi as CheckboxFormField,Li as ColorFormField,Vi as ConfirmFormField,Ui as CustomFormField,$i as DateFormField,ji as DatetimeLocalFormField,Hi as DecimalFormField,Jr as DiagramDocumentationInspector,w1 as DiagramDocumentationInspectorNextJS,Ei as DocumentationViewer,S1 as DropdownMenu,_1 as DropdownMenuItem,D1 as DynamicLink,P2 as DynamicUi,el as DynamicUiComponent,zi as EmailFormField,Wi as EnumFormField,Gi as FileFormField,Mi as FlowNode,Jp as FormFieldComponentMap,qi as HeaderFormField,Yi as HiddenFormField,Ki as IntegerFormField,Xi as MonthFormField,ea as ParagraphFormField,ta as PasswordFormField,hh as ProcessInstanceInspector,oC as ProcessInstanceInspectorNextJS,NC as ProcessModelInspectorNextJS,ra as RadioFormField,na as RangeFormField,oa as SelectFormField,co as SplitterLayout,ia as StringFormField,aa as TelFormField,cn as TextareaFormField,sa as TimeFormField,pa as UrlFormField,la as WeekFormField};