@5minds/processcube_app_sdk 8.5.0 → 8.6.0

package/README.md

@@ -111,14 +111,22 @@ export default nextConfig;
 
 ### CSS einbinden
 
-Client-Komponenten bringen eigene Stylesheets mit, die im Layout oder auf der Seite importiert werden müssen:
+Der einfachste Weg: Importiere alle SDK-Styles auf einmal im Root-Layout:
+
+```typescript
+// app/layout.tsx
+import '@5minds/processcube_app_sdk/client/styles';
+```
+
+Alternativ können einzelne Komponenten-Stylesheets importiert werden:
 
 ```typescript
-// Beispiel: ProcessInstanceInspector CSS
 import '@5minds/processcube_app_sdk/client/components/ProcessInstanceInspector/ProcessInstanceInspector.css';
 import '@5minds/processcube_app_sdk/client/components/BPMNViewer.css';
 ```
 
+> **Hinweis:** Die `DynamicUi`-Komponente importiert ihr CSS automatisch. Ein separater CSS-Import ist dafür nicht nötig.
+
 ### Umgebungsvariablen
 
 Erstelle eine `.env.local` im Projekt-Root:
@@ -407,7 +415,7 @@ export default withApplicationSdk({
 | `useExternalTasks`           | `boolean` | `false`                  | External Task Worker aktivieren       |
 | `customExternalTasksDirPath` | `string`  | `./app` oder `./src/app` | Verzeichnis für External Task Handler |
 
-Das Plugin fügt automatisch `esbuild` zu `serverComponentsExternalPackages` hinzu und startet Worker nur im Server-Modus (nicht während `next build`).
+Das Plugin fügt automatisch `esbuild` zu `serverExternalPackages` hinzu und startet Worker nur im Server-Modus (nicht während `next build`).
 
 ### Umgebungsvariablen
 
@@ -549,6 +557,15 @@ const triggered = await getFlowNodeInstancesTriggeredByFlowNodeInstanceIds(['fni
 
 ### User Tasks
 
+> **Blocking vs. Non-Blocking:** Einige Funktionen blocken, bis ein Event eintritt. Das ist wichtig für die Wahl der richtigen Funktion:
+>
+> | Funktion                | Blockiert? | Use-Case                                           |
+> | ----------------------- | ---------- | -------------------------------------------------- |
+> | `waitForUserTask()`     | **Ja**     | Server-seitig auf nächsten Task warten (Event-Sub) |
+> | `getWaitingUserTasks()` | Nein       | Polling, UI-Abfragen, Server Components            |
+> | `getUserTasks()`        | Nein       | Allgemeine Abfrage mit vollem Query-Objekt         |
+> | `waitForProcessEnd()`   | **Ja**     | Warten bis Prozess beendet (Event-Sub)             |
+
 #### getWaitingUserTasks
 
 Gibt alle wartenden User Tasks zurück.
@@ -633,7 +650,13 @@ await cancelReservedUserTask(identity, 'flow-node-instance-id');
 | `getReservedUserTasksByIdentity(identity?, options?)`         | Vom aktuellen User reservierte Tasks       |
 | `getAssignedUserTasksByIdentity(identity?, options?)`         | Dem aktuellen User zugewiesene Tasks       |
 
-Alle Funktionen unterstützen einen `identity`-Parameter: `true` (Default) nutzt die implizite User-Identity, `false` deaktiviert Auth, oder ein explizites `Identity`-Objekt.
+Alle Funktionen unterstützen einen `identity`-Parameter:
+
+| Wert              | Verhalten                                                                                               |
+| ----------------- | ------------------------------------------------------------------------------------------------------- |
+| `true` (Default)  | Nutzt die implizite User-Identity aus der NextAuth-Session                                              |
+| `false`           | Anonymer Zugriff — kein Auth-Header. Voraussetzung: Engine muss `allowAnonymousRootAccess: true` haben. |
+| `Identity`-Objekt | Explizite Identity (z.B. von `getServerIdentity()` oder `getIdentity()`)                                |
 
 ### Server Actions
 
@@ -810,11 +833,12 @@ export default function InspectorPage({ processInstanceId }: { processInstanceId
 
 Rendert dynamische Formulare basierend auf UserTask-FormField-Definitionen. Unterstützt 25+ Feldtypen und Custom Fields.
 
+Die Komponente importiert ihr CSS automatisch — ein separater CSS-Import ist nicht nötig.
+
 ```typescript
 'use client';
 
 import { DynamicUi } from '@5minds/processcube_app_sdk/client';
-import '@5minds/processcube_app_sdk/client/components/DynamicUi/DynamicUi.css';
 
 export default function TaskForm({ task }) {
   return (

package/build/client/{actions-MB5VDCO7.mjs → actions-AYWPNATG.mjs}

@@ -1 +1 @@
-"use server";import"./chunk-YEKQJ4YC.mjs";import{DataModels as C}from"@5minds/processcube_engine_client";import{DataModels as b}from"@5minds/processcube_engine_client";import{getToken as p}from"next-auth/jwt";import{ResponseCookies as k}from"next/dist/compiled/@edge-runtime/cookies/index.js";import{cookies as a,headers as y}from"next/headers.js";async function i(){let e=await p({req:{cookies:await a(),headers:await y()}});if(e?.expiresAt&&Date.now()>=e.expiresAt*1e3){let s=await fetch(`${process.env.NEXTAUTH_URL}/api/auth/session`,{method:"GET",headers:{"Content-Type":"application/json",cookie:(await a()).toString()}}),o=new k(s.headers);if(o.getAll().length){let d=!1;try{for(let c of o.getAll())(await a()).set(c.name,c.value,{...c})}catch{d=!0}if(e=await p({req:{cookies:d?o:await a(),headers:await y()}}),e?.error)throw e.error}}if(!e?.accessToken||!e?.sub)throw new Error("AccessToken or Sub could not be determined!");return{token:e?.accessToken,userId:e?.sub}}import{EngineClient as T}from"@5minds/processcube_engine_client";var h=process.env.PROCESSCUBE_ENGINE_URL??"http://localhost:10560",n=new T(h);async function r(){try{return i()}catch{return}}async function u(e){let t=await r();return(await n.processInstances.query({processInstanceId:e},{identity:t,includeXml:!0})).processInstances[0]}async function I(e,t={sortSettings:{sortBy:b.FlowNodeInstances.FlowNodeInstanceSortableColumns.createdAt,sortDir:"ASC"}}){return(await n.flowNodeInstances.query({processInstanceId:e},{...t,identity:t.identity??await r()})).flowNodeInstances}async function l(e){let t=await r();return(await n.flowNodeInstances.query({triggeredByFlowNodeInstance:e},{identity:t})).flowNodeInstances}async function f(e,t,s){let o=await r();await n.processInstances.retryProcessInstance(e,{flowNodeInstanceId:t,newStartToken:s,identity:o})}async function m(e){let t=await r();await n.processInstances.terminateProcessInstance(e,t)}async function w(...e){await n.manualTasks.finishManualTask(...e)}async function g(...e){await n.userTasks.finishUserTask(...e)}async function P(...e){await n.untypedTasks.finishTask(...e)}async function E(){try{return i()}catch{return}}var Q=async(e,t)=>{let s=await E();t==="bpmn:UserTask"?await g(e,{},s):t==="bpmn:ManualTask"?await w(e,s):t==="bpmn:Task"?await P(e,s):console.error(`[@5minds/processcube_app_sdk:handlePlay]		Unsupported flow node type: ${t}`)},z=async e=>{await m(e)},J=async(e,t,s)=>{await f(e,t,s)},K=async e=>u(e),V=async e=>I(e,{sortSettings:{sortBy:C.FlowNodeInstances.FlowNodeInstanceSortableColumns.createdAt,sortDir:"DESC"}}),W=async e=>l(e);export{Q as finishTask,V as getFlowNodeInstances,K as getProcessInstance,W as getTriggeredFlowNodeInstances,J as retryProcess,z as terminateProcess};
+"use server";import"./chunk-YEKQJ4YC.mjs";import{DataModels as C}from"@5minds/processcube_engine_client";import{DataModels as b}from"@5minds/processcube_engine_client";import{getToken as d}from"next-auth/jwt";import{ResponseCookies as k}from"next/dist/compiled/@edge-runtime/cookies/index.js";import{cookies as a,headers as y}from"next/headers.js";async function i(){let e=await d({req:{cookies:await a(),headers:await y()}});if(e?.expiresAt&&Date.now()>=e.expiresAt*1e3){let s=await fetch(`${process.env.NEXTAUTH_URL}/api/auth/session`,{method:"GET",headers:{"Content-Type":"application/json",cookie:(await a()).toString()}}),o=new k(s.headers);if(o.getAll().length){let p=!1;try{for(let c of o.getAll())(await a()).set(c.name,c.value,{...c})}catch{p=!0}if(e=await d({req:{cookies:p?o:await a(),headers:await y()}}),e?.error)throw e.error}}if(!e?.accessToken||!e?.sub)throw new Error("AccessToken or Sub could not be determined!");return{token:e?.accessToken,userId:e?.sub}}import{EngineClient as T}from"@5minds/processcube_engine_client";var h=process.env.PROCESSCUBE_ENGINE_URL??"http://localhost:10560",n=new T(h);async function r(){try{return i()}catch{return}}async function u(e){let t=await r();return(await n.processInstances.query({processInstanceId:e},{identity:t,includeXml:!0})).processInstances[0]}async function I(e,t={sortSettings:{sortBy:b.FlowNodeInstances.FlowNodeInstanceSortableColumns.createdAt,sortDir:"ASC"}}){return(await n.flowNodeInstances.query({processInstanceId:e},{...t,identity:t.identity??await r()})).flowNodeInstances}async function l(e){let t=await r();return(await n.flowNodeInstances.query({triggeredByFlowNodeInstance:e},{identity:t})).flowNodeInstances}async function f(e,t,s){let o=await r();await n.processInstances.retryProcessInstance(e,{flowNodeInstanceId:t,newStartToken:s,identity:o})}async function m(e){let t=await r();await n.processInstances.terminateProcessInstance(e,t)}async function w(...e){await n.manualTasks.finishManualTask(...e)}async function g(...e){await n.userTasks.finishUserTask(...e)}async function P(...e){await n.untypedTasks.finishTask(...e)}async function E(){try{return i()}catch{return}}var Q=async(e,t)=>{let s=await E();t==="bpmn:UserTask"?await g(e,{},s):t==="bpmn:ManualTask"?await w(e,s):t==="bpmn:Task"?await P(e,s):console.error(`[@5minds/processcube_app_sdk:handlePlay]		Unsupported flow node type: ${t}`)},z=async e=>{await m(e)},J=async(e,t,s)=>{await f(e,t,s)},K=async e=>u(e),V=async e=>I(e,{sortSettings:{sortBy:C.FlowNodeInstances.FlowNodeInstanceSortableColumns.createdAt,sortDir:"DESC"}}),W=async e=>l(e);export{Q as finishTask,V as getFlowNodeInstances,K as getProcessInstance,W as getTriggeredFlowNodeInstances,J as retryProcess,z as terminateProcess};

package/build/client/components/DynamicUi/DynamicUi.d.ts

@@ -1,6 +1,7 @@
 import React, { PropsWithChildren } from 'react';
 import { DataModels } from '@5minds/processcube_engine_sdk';
 import { UserTaskInstance } from '../../../common/types';
+import './DynamicUi.css';
 import { type DynamicUiFormFieldComponentMap } from './FormFields';
 interface DynamicUiForwardedRefRenderFunction extends React.ForwardRefRenderFunction<DynamicUiRefFunctions, DynamicUiComponentProps> {
     (props: DynamicUiComponentProps, ref: DynamicUiFormFieldRef): React.ReactNode;

package/build/client/index.cjs

@@ -1,10 +1,10 @@
-"use client";var br=Object.create;var mo=Object.defineProperty;var xr=Object.getOwnPropertyDescriptor;var Ir=Object.getOwnPropertyNames;var Nr=Object.getPrototypeOf,Cr=Object.prototype.hasOwnProperty;var de=(e,o)=>()=>(e&&(o=e(e=0)),o);var Ut=(e,o)=>{for(var t in o)mo(e,t,{get:o[t],enumerable:!0})},Vt=(e,o,t,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of Ir(o))!Cr.call(e,r)&&r!==t&&mo(e,r,{get:()=>o[r],enumerable:!(s=xr(o,r))||s.enumerable});return e};var l=(e,o,t)=>(t=e!=null?br(Nr(e)):{},Vt(o||!e||!e.__esModule?mo(t,"default",{value:e,enumerable:!0}):t,e)),Fr=e=>Vt(mo({},"__esModule",{value:!0}),e);async function Yo(){let e=await(0,Mt.getToken)({req:{cookies:await(0,Ce.cookies)(),headers:await(0,Ce.headers)()}});if(e?.expiresAt&&Date.now()>=e.expiresAt*1e3){let t=await fetch(`${process.env.NEXTAUTH_URL}/api/auth/session`,{method:"GET",headers:{"Content-Type":"application/json",cookie:(await(0,Ce.cookies)()).toString()}}),s=new Ms.ResponseCookies(t.headers);if(s.getAll().length){let r=!1;try{for(let a of s.getAll())(await(0,Ce.cookies)()).set(a.name,a.value,{...a})}catch{r=!0}if(e=await(0,Mt.getToken)({req:{cookies:r?s:await(0,Ce.cookies)(),headers:await(0,Ce.headers)()}}),e?.error)throw e.error}}if(!e?.accessToken||!e?.sub)throw new Error("AccessToken or Sub could not be determined!");return{token:e?.accessToken,userId:e?.sub}}var Mt,Ms,Ce,Bt=de(()=>{Mt=require("next-auth/jwt"),Ms=require("next/dist/compiled/@edge-runtime/cookies/index.js"),Ce=require("next/headers")});var Bs,na,se,no=de(()=>{Bs=require("@5minds/processcube_engine_client"),na=process.env.PROCESSCUBE_ENGINE_URL??"http://localhost:10560",se=new Bs.EngineClient(na)});async function io(){try{return Yo()}catch{return}}async function Ls(e){let o=await io();return(await se.processInstances.query({processInstanceId:e},{identity:o,includeXml:!0})).processInstances[0]}async function Us(e,o={sortSettings:{sortBy:Os.DataModels.FlowNodeInstances.FlowNodeInstanceSortableColumns.createdAt,sortDir:"ASC"}}){return(await se.flowNodeInstances.query({processInstanceId:e},{...o,identity:o.identity??await io()})).flowNodeInstances}async function Vs(e){let o=await io();return(await se.flowNodeInstances.query({triggeredByFlowNodeInstance:e},{identity:o})).flowNodeInstances}async function _s(e,o,t){let s=await io();await se.processInstances.retryProcessInstance(e,{flowNodeInstanceId:o,newStartToken:t,identity:s})}async function As(e){let o=await io();await se.processInstances.terminateProcessInstance(e,o)}var Os,$s=de(()=>{Os=require("@5minds/processcube_engine_client");Bt();no()});var ia,Hs=de(()=>{ia=require("next/navigation")});var zs=de(()=>{});async function Rs(...e){await se.manualTasks.finishManualTask(...e)}var js=de(()=>{no()});async function Gs(...e){await se.userTasks.finishUserTask(...e)}var Js=de(()=>{no()});async function Ws(...e){await se.untypedTasks.finishTask(...e)}var qs=de(()=>{no()});var Xs=de(()=>{Hs();zs();js();Js();qs()});var qe={};Ut(qe,{finishTask:()=>pa,getFlowNodeInstances:()=>ua,getProcessInstance:()=>ma,getTriggeredFlowNodeInstances:()=>fa,retryProcess:()=>ca,terminateProcess:()=>la});async function da(){try{return Yo()}catch{return}}var Ys,pa,la,ca,ma,ua,fa,Xe=de(()=>{"use server";Ys=require("@5minds/processcube_engine_client");$s();Bt();Xs();pa=async(e,o)=>{let t=await da();o==="bpmn:UserTask"?await Gs(e,{},t):o==="bpmn:ManualTask"?await Rs(e,t):o==="bpmn:Task"?await Ws(e,t):console.error(`[@5minds/processcube_app_sdk:handlePlay]		Unsupported flow node type: ${o}`)},la=async e=>{await As(e)},ca=async(e,o,t)=>{await _s(e,o,t)},ma=async e=>Ls(e),ua=async e=>Us(e,{sortSettings:{sortBy:Ys.DataModels.FlowNodeInstances.FlowNodeInstanceSortableColumns.createdAt,sortDir:"DESC"}}),fa=async e=>Vs(e)});var ba={};Ut(ba,{BPMNViewer:()=>uo,BPMNViewerNextJS:()=>Er,BooleanFormField:()=>wo,BpmnViewerComponent:()=>Ft,CheckboxFormField:()=>yo,ColorFormField:()=>vo,ConfirmFormField:()=>xo,CustomFormField:()=>Io,DateFormField:()=>No,DatetimeLocalFormField:()=>Co,DecimalFormField:()=>Po,DiagramDocumentationInspector:()=>Le,DiagramDocumentationInspectorNextJS:()=>_r,DocumentationViewer:()=>fo,DropdownMenu:()=>Ar,DropdownMenuItem:()=>$r,DynamicLink:()=>Hr,DynamicUi:()=>Zr,DynamicUiComponent:()=>Tt,EmailFormField:()=>So,EnumFormField:()=>Do,FileFormField:()=>To,FlowNode:()=>ho,FormFieldComponentMap:()=>Dt,HeaderFormField:()=>Eo,HiddenFormField:()=>Mo,IntegerFormField:()=>Bo,MonthFormField:()=>Oo,ParagraphFormField:()=>_o,PasswordFormField:()=>Ao,ProcessInstanceInspector:()=>fr,ProcessInstanceInspectorNextJS:()=>wa,ProcessModelInspectorNextJS:()=>va,RadioFormField:()=>$o,RangeFormField:()=>Ho,SelectFormField:()=>zo,SplitterLayout:()=>Qe,StringFormField:()=>Ro,TelFormField:()=>jo,TextareaFormField:()=>Re,TimeFormField:()=>Go,UrlFormField:()=>Jo,WeekFormField:()=>Wo});module.exports=Fr(ba);var wl=require("client-only");var _t=l(require("bpmn-js/lib/Viewer"),1),At=l(require("bpmn-js/lib/features/outline"),1),$t=l(require("clsx"),1),Ht=l(require("diagram-js/lib/features/selection"),1),zt=l(require("diagram-js/lib/navigation/movecanvas"),1),Rt=l(require("diagram-js/lib/navigation/zoomscroll"),1),jt=l(require("next/dynamic"),1),te=l(require("react"),1);var Pr={canvas:{autoFocus:!0}},Sr={Critical:"rgb(255, 0, 0)",Warning:"rgb(255, 220, 0)",Stable:"rgb(50, 205, 50)"};function Dr(e,o){let t=(0,te.useRef)(null),s=(0,te.useRef)(new _t.default({bpmnRenderer:{defaultFillColor:"var(--asdk-bv-background-color)",defaultStrokeColor:"var(--asdk-bv-foreground-color)"},additionalModules:[Rt.default,zt.default,Ht.default,At.default],...Pr})),r=(0,te.useRef)({});return(0,te.useImperativeHandle)(o,()=>({getOverlays(){return s.current.get("overlays")},getElementRegistry(){return s.current.get("elementRegistry")},addMarker(a,n){s.current.get("canvas")?.addMarker(a,n)},removeMarker(a,n){s.current.get("canvas")?.removeMarker(a,n)},hasMarker(a,n){return s.current.get("canvas")?.hasMarker(a,n)},showHeatmap(a){let n=s.current.get("elementRegistry");if(n)for(let[i,d]of Object.entries(a)){let u=n.get(i);if(!u)continue;let p=n.getGraphics(u);if(!p)continue;let m=p.querySelector(".djs-visual > :first-child"),k=p.querySelector(".djs-visual > :nth-child(2)");if(!m)continue;let w=p.ownerSVGElement;if(!w)return;let h=`heatmap-gradient-${i}`,c=w.querySelector(`#${h}`);c&&c.remove();let v=w.querySelector("defs")||(()=>{let x=document.createElementNS("http://www.w3.org/2000/svg","defs");return w.insertBefore(x,w.firstChild),x})(),E=document.createElementNS("http://www.w3.org/2000/svg","radialGradient");E.setAttribute("id",h),E.setAttribute("cx","50%"),E.setAttribute("cy","50%"),E.setAttribute("r","90%"),E.setAttribute("fx","50%"),E.setAttribute("fy","50%");let z=Sr[d];[{offset:"0%",color:z},{offset:"50%",color:z},{offset:"100%",color:z}].forEach(({offset:x,color:ye})=>{let ne=document.createElementNS("http://www.w3.org/2000/svg","stop");ne.setAttribute("offset",x),ne.setAttribute("stop-color",ye),E.appendChild(ne)}),v.appendChild(E),m.classList.forEach(x=>{x.startsWith("heatmap-")&&m.classList.remove(x)}),k&&(k.style.fill="#1d1d1d"),m.classList.add(`heatmap-${d.toLowerCase()}`),m.style.fill=`url(#${h})`}},clearHeatmap(a){let n=s.current.get("elementRegistry");if(n)for(let i of a){let d=n.get(i);if(!d)continue;let u=n.getGraphics(d);if(!u)continue;let p=u.querySelector(".djs-visual > :first-child"),m=u.querySelector(".djs-visual > :nth-child(2)");if(p){if(p.classList.forEach(c=>{c.startsWith("heatmap-")&&p.classList.remove(c)}),m&&p){let c=p.style.stroke;m.style.fill=c}p.style.fill=r.current[i]||""}let k=u.ownerSVGElement;if(!k)continue;let w=`heatmap-gradient-${d.id}`,h=k.querySelector(`#${w}`);h&&h.remove()}}}),[s.current,t.current]),(0,te.useEffect)(()=>{if(!t.current)return;let a=s.current;a.attachTo(t.current);let n=a.get("canvas"),i=d=>{e.onSelectionChanged?.(d.newSelection)};return a.importXML(e.xml).then(()=>{let d=n.viewbox(),u={x:d.outer.width/2,y:d.outer.height/2};n.zoom("fit-viewport",u),e.onImportDone?.(),a.on("selection.changed",i);let p=a.get("elementRegistry");p.forEach(w=>{let h=p.getGraphics(w);if(!h)return;let c=h.querySelector(".djs-visual > :first-child");c&&(r.current[w.id]=c.style.fill||c.getAttribute("fill")||"")});let{preselectedElementIds:m}=e;if(!m||m.length===0)return;let k=p.filter(w=>m.includes(w.id)).sort((w,h)=>m.indexOf(w.id)-m.indexOf(h.id));a.get("selection").select(k??[])}).catch(d=>{console.error(`[@5minds/processcube_app_sdk:BPMNViewer]		Error while importing BPMN XML: "${d.message}`)}),()=>{a.off("selection.changed",i),a.detach()}},[e.xml,e.preselectedElementIds]),te.default.createElement("div",{ref:t,className:(0,$t.default)("app-sdk-bpmn-viewer","app-sdk-h-full",e.className)})}var uo=(0,te.forwardRef)(Dr);function Tr(e){return te.default.createElement(uo,{...e,ref:e.viewerRef})}var Er=(0,jt.default)(()=>Promise.resolve(Tr),{ssr:!1});var ko=require("bpmn-js/lib/util/ModelUtil"),Kt=l(require("next/dynamic"),1),Oe=require("react-dom/server"),Zt=require("react"),F=l(require("react"),1);var Gt=l(require("react-markdown"),1),Jt=l(require("rehype-autolink-headings"),1),Wt=l(require("rehype-raw"),1),qt=l(require("rehype-slug"),1),Xt=l(require("remark-gfm"),1),ft=l(require("react"),1);function fo(e){return ft.default.createElement("div",{className:"app-sdk-absolute app-sdk-w-full app-sdk-h-full app-sdk-overflow-y-auto app-sdk-scroll-p-4 app-sdk-scroll-smooth app-sdk-scroll-shadow"},ft.default.createElement(Gt.default,{remarkPlugins:[Xt.default],rehypePlugins:[Wt.default,qt.default,[Jt.default,{behavior:"wrap"}]],className:"app-sdk-markdown lg:app-sdk-mx-40 md:app-sdk-mx-20 app-sdk-mx-10"},e.documentation??""))}var ke=l(require("react"),1),Yt=4,Qe=class extends ke.default.Component{static defaultProps={customClassName:"",vertical:!1,percentage:!1,primaryIndex:0,primaryMinSize:0,secondaryDefaultSize:null,secondaryInitialSize:null,secondaryMinSize:0,onDragStart:null,onDragEnd:null,onSizeChanged:null,children:[]};container;splitter;constructor(o){super(o),this.handleResize=this.handleResize.bind(this),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.handleTouchMove=this.handleTouchMove.bind(this),this.handleSplitterMouseDown=this.handleSplitterMouseDown.bind(this),this.handleSplitterDoubleClick=this.handleSplitterDoubleClick.bind(this),this.state={lastMouseDown:0,secondaryPaneSize:o.secondaryInitialSize||0,resizing:!1}}componentDidMount(){window.addEventListener("resize",this.handleResize),document.addEventListener("mouseup",this.handleMouseUp),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("touchend",this.handleMouseUp),document.addEventListener("touchmove",this.handleTouchMove);let o;if(this.props.secondaryInitialSize!=null)o=this.props.secondaryInitialSize;else{let t=this.container.getBoundingClientRect(),s;this.splitter?s=this.splitter.getBoundingClientRect():s={width:Yt,height:Yt},o=this.getSecondaryPaneSize(t,s,{left:t.left+(t.width-s.width)/2,top:t.top+(t.height-s.height)/2},!1)}this.setSecondaryPaneSize(o)}componentDidUpdate(o,t){t.secondaryPaneSize!==this.state.secondaryPaneSize&&this.props.onSizeChanged&&this.props.onSizeChanged(this.state.secondaryPaneSize),t.resizing!==this.state.resizing&&(this.state.resizing?this.props.onDragStart&&this.props.onDragStart(t.secondaryPaneSize):this.props.onDragEnd&&this.props.onDragEnd(t.secondaryPaneSize,this.state.secondaryPaneSize))}componentWillUnmount(){window.removeEventListener("resize",this.handleResize),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("touchend",this.handleMouseUp),document.removeEventListener("touchmove",this.handleTouchMove)}clearSelection(){if(document.body.createTextRange){let o=document.body.createTextRange();o.collapse(),o.select()}else if(window.getSelection){let o=window.getSelection();if(o==null)return;o.empty?o.empty():o.removeAllRanges&&o.removeAllRanges()}else document.selection&&document.selection.empty()}getSecondaryPaneSize(o,t,s,r){let a=0,n=0,i=0;this.props.vertical?(a=o.height,n=t.height,i=s.top-o.top):(a=o.width,n=t.width,i=s.left-o.left),r&&(i-=n/2),i<0?i=0:i>a-n&&(i=a-n);let d;this.props.primaryIndex===1?d=i:d=a-n-i;let u=a-n-d;return this.props.percentage&&(d=d*100/a,u=u*100/a,n=n*100/a,a=100),u<this.props.primaryMinSize?d=Math.max(d-(this.props.primaryMinSize-u),0):d<this.props.secondaryMinSize&&(d=Math.min(a-n-this.props.primaryMinSize,this.props.secondaryMinSize)),d}setSecondaryPaneSize(o){this.setState({secondaryPaneSize:o})}maximizeSecondaryPane(){if(this.props.percentage)this.setSecondaryPaneSize(100-this.props.primaryMinSize);else throw new Error("maximizeSecondaryPane() is only supported in SplitterLayout with prop `percentage`")}isReset(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;return this.state.secondaryPaneSize===o}reset(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.setSecondaryPaneSize(o)}handleResize(){if(this.splitter&&!this.props.percentage){let o=this.container.getBoundingClientRect(),t=this.splitter.getBoundingClientRect(),s=this.getSecondaryPaneSize(o,t,{left:t.left,top:t.top},!1);this.setState({secondaryPaneSize:s})}}handleMouseMove(o){if(this.state.resizing){let t=this.container.getBoundingClientRect(),s=this.splitter.getBoundingClientRect(),r=this.getSecondaryPaneSize(t,s,{left:o.clientX,top:o.clientY},!0);this.clearSelection(),this.setState({secondaryPaneSize:r})}}handleTouchMove(o){this.handleMouseMove(o.changedTouches[0])}handleSplitterMouseDown(o){o.preventDefault(),this.clearSelection(),this.setState({resizing:!0})}handleSplitterDoubleClick(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.state.secondaryPaneSize===o?this.setSecondaryPaneSize(Math.floor(o*1.5)):this.setSecondaryPaneSize(o)}handleMouseUp(){this.setState(o=>o.resizing?{resizing:!1}:null)}render(){let o="app-sdk-splitter-layout";this.props.customClassName&&(o+=` ${this.props.customClassName}`),this.props.vertical&&(o+=" app-sdk-splitter-layout-vertical"),this.state.resizing&&(o+=" layout-changing");let t=ke.default.Children.toArray(this.props.children).slice(0,2);t.length===0&&t.push(ke.default.createElement("div",null));let s=[],r=this.props.primaryIndex!==0&&this.props.primaryIndex!==1?0:this.props.primaryIndex;for(let a=0;a<t.length;++a){let n=!0,i;t.length>1&&a!==r&&(n=!1,i=this.state.secondaryPaneSize),s.push(ke.default.createElement(Mr,{vertical:this.props.vertical,percentage:this.props.percentage,primary:n,size:i},t[a]))}return ke.default.createElement("div",{className:o,ref:a=>{this.container=a}},s[0],s.length>1&&ke.default.createElement("div",{role:"separator",className:"app-sdk-layout-splitter"},ke.default.createElement("div",{className:"app-sdk-layout-splitter__inner",ref:a=>{this.splitter=a},onMouseDown:this.handleSplitterMouseDown,onTouchStart:this.handleSplitterMouseDown,onDoubleClick:this.handleSplitterDoubleClick})),s.length>1&&s[1])}};function Mr(e={vertical:!1,primary:!1,size:0,percentage:!1,children:[]}){let o=e.size||0,t=e.percentage?"%":"px",s="app-sdk-layout-pane",r={};return e.primary?s+=" app-sdk-layout-pane-primary":e.vertical?r.height=`${o}${t}`:r.width=`${o}${t}`,ke.default.createElement("div",{className:s,style:r},e.children)}var eo=30;function Br(e,o){let[t,s]=(0,F.useState)([]),r=(0,F.useRef)(null),a=(0,F.useRef)(null),[n,i]=(0,F.useState)([]),[d,u]=(0,F.useState)(!1),[p,m]=(0,F.useState)([]),[k,w]=(0,F.useState)(eo),h=(0,F.useRef)(!0);return(0,F.useEffect)(()=>{if(!window)return;let c=new URLSearchParams(window.location.search),v=c.getAll("selected");if(m(v),!c.has("splitterSize"))return;let E=parseFloat(c.get("splitterSize"));isNaN(E)||E===eo||(w(E),a.current?.setSecondaryPaneSize(E))},[]),(0,F.useEffect)(()=>{if(!d)return;let c=new URLSearchParams(window.location.search);k!==eo?c.set("splitterSize",k.toString()):c.delete("splitterSize"),c.delete("selected"),n.length>0&&n.forEach(z=>c.append("selected",z.id));let v=decodeURIComponent(window.location.hash.slice(1)),E=v.length>0?document.getElementById(v):null;window.history.replaceState(null,"",`?${c.toString()}${E?window.location.hash:""}`),window.location.hash&&(window.location.hash=window.location.hash),E?.scrollIntoView()},[n,k]),(0,F.useEffect)(()=>{if(!d)return;t.forEach(z=>z());let c=r.current?.getOverlays();r.current?.getElementRegistry()?.filter(Qt)?.forEach(z=>{c?.add(z.id,Ur(z))})},[d,e.showHeatmap,e.heatmapService,e.heatmapType]),(0,F.useEffect)(()=>{if(!e.heatmapService||!r.current||!d||!e.heatmapType)return;let c=e.showHeatmap===!0,v;h.current?(v=e.heatmapService.hasRuntimeEntry()?"runtime":"processcosts",h.current=!1):v=e.heatmapType,e.heatmapService.applyHeatmap(c,v,{viewer:r.current})},[d,e.showHeatmap,e.heatmapService,e.heatmapType]),(0,F.useEffect)(()=>{e.setSelectedElementIds?.(n.map(c=>c.id))},[n]),(0,F.useImperativeHandle)(o,()=>({bpmnViewerRef:{getElementRegistry(){return r.current?.getElementRegistry()},getOverlays(){return r.current?.getOverlays()},addMarker(c,v){r.current?.addMarker(c,v)},removeMarker(c,v){r.current?.removeMarker(c,v)},hasMarker(c,v){return r.current?.hasMarker(c,v)},showHeatmap(c){r.current?.showHeatmap(c)},clearHeatmap(c){r.current?.clearHeatmap(c)},onImportDone(c){d?c():s(v=>[...v,c])}}}),[r.current]),F.default.createElement(Qe,{ref:a,vertical:!0,percentage:!0,secondaryInitialSize:eo,secondaryDefaultSize:eo,onDragEnd:(c,v)=>w(Math.round(v))},F.default.createElement(uo,{ref:r,xml:e.xml,preselectedElementIds:p,onSelectionChanged:c=>i([...c]),onImportDone:()=>u(!0)}),F.default.createElement("div",{className:"app-sdk-flex app-sdk-justify-center app-sdk-h-full app-sdk-bg-[color:var(--asdk-ddi-background-color)]"},F.default.createElement(Or,{elements:n})))}function Or({elements:e}){if(e.length===0)return F.default.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"Please select an element");let o=e.filter(Qt);if(o.length===0)return F.default.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"No documentation available");if(o.length===1){let t=(0,ko.getBusinessObject)(o[0])?.documentation?.[0]?.text;return F.default.createElement(fo,{documentation:t})}return F.default.createElement(fo,{documentation:o.map(t=>(0,ko.getBusinessObject)(t)?.documentation?.[0]?.text).join(`
+"use client";var br=Object.create;var mo=Object.defineProperty;var xr=Object.getOwnPropertyDescriptor;var Ir=Object.getOwnPropertyNames;var Nr=Object.getPrototypeOf,Cr=Object.prototype.hasOwnProperty;var de=(e,o)=>()=>(e&&(o=e(e=0)),o);var Ut=(e,o)=>{for(var t in o)mo(e,t,{get:o[t],enumerable:!0})},Vt=(e,o,t,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of Ir(o))!Cr.call(e,r)&&r!==t&&mo(e,r,{get:()=>o[r],enumerable:!(s=xr(o,r))||s.enumerable});return e};var l=(e,o,t)=>(t=e!=null?br(Nr(e)):{},Vt(o||!e||!e.__esModule?mo(t,"default",{value:e,enumerable:!0}):t,e)),Fr=e=>Vt(mo({},"__esModule",{value:!0}),e);async function Yo(){let e=await(0,Mt.getToken)({req:{cookies:await(0,Ce.cookies)(),headers:await(0,Ce.headers)()}});if(e?.expiresAt&&Date.now()>=e.expiresAt*1e3){let t=await fetch(`${process.env.NEXTAUTH_URL}/api/auth/session`,{method:"GET",headers:{"Content-Type":"application/json",cookie:(await(0,Ce.cookies)()).toString()}}),s=new Ms.ResponseCookies(t.headers);if(s.getAll().length){let r=!1;try{for(let a of s.getAll())(await(0,Ce.cookies)()).set(a.name,a.value,{...a})}catch{r=!0}if(e=await(0,Mt.getToken)({req:{cookies:r?s:await(0,Ce.cookies)(),headers:await(0,Ce.headers)()}}),e?.error)throw e.error}}if(!e?.accessToken||!e?.sub)throw new Error("AccessToken or Sub could not be determined!");return{token:e?.accessToken,userId:e?.sub}}var Mt,Ms,Ce,Bt=de(()=>{Mt=require("next-auth/jwt"),Ms=require("next/dist/compiled/@edge-runtime/cookies/index.js"),Ce=require("next/headers")});var Bs,na,se,no=de(()=>{Bs=require("@5minds/processcube_engine_client"),na=process.env.PROCESSCUBE_ENGINE_URL??"http://localhost:10560",se=new Bs.EngineClient(na)});async function io(){try{return Yo()}catch{return}}async function Ls(e){let o=await io();return(await se.processInstances.query({processInstanceId:e},{identity:o,includeXml:!0})).processInstances[0]}async function Us(e,o={sortSettings:{sortBy:Os.DataModels.FlowNodeInstances.FlowNodeInstanceSortableColumns.createdAt,sortDir:"ASC"}}){return(await se.flowNodeInstances.query({processInstanceId:e},{...o,identity:o.identity??await io()})).flowNodeInstances}async function Vs(e){let o=await io();return(await se.flowNodeInstances.query({triggeredByFlowNodeInstance:e},{identity:o})).flowNodeInstances}async function _s(e,o,t){let s=await io();await se.processInstances.retryProcessInstance(e,{flowNodeInstanceId:o,newStartToken:t,identity:s})}async function As(e){let o=await io();await se.processInstances.terminateProcessInstance(e,o)}var Os,$s=de(()=>{Os=require("@5minds/processcube_engine_client");Bt();no()});var ia,Hs=de(()=>{ia=require("next/navigation")});var zs=de(()=>{});async function Rs(...e){await se.manualTasks.finishManualTask(...e)}var js=de(()=>{no()});async function Gs(...e){await se.userTasks.finishUserTask(...e)}var Js=de(()=>{no()});async function Ws(...e){await se.untypedTasks.finishTask(...e)}var qs=de(()=>{no()});var Xs=de(()=>{Hs();zs();js();Js();qs()});var qe={};Ut(qe,{finishTask:()=>pa,getFlowNodeInstances:()=>ua,getProcessInstance:()=>ma,getTriggeredFlowNodeInstances:()=>fa,retryProcess:()=>ca,terminateProcess:()=>la});async function da(){try{return Yo()}catch{return}}var Ys,pa,la,ca,ma,ua,fa,Xe=de(()=>{"use server";Ys=require("@5minds/processcube_engine_client");$s();Bt();Xs();pa=async(e,o)=>{let t=await da();o==="bpmn:UserTask"?await Gs(e,{},t):o==="bpmn:ManualTask"?await Rs(e,t):o==="bpmn:Task"?await Ws(e,t):console.error(`[@5minds/processcube_app_sdk:handlePlay]		Unsupported flow node type: ${o}`)},la=async e=>{await As(e)},ca=async(e,o,t)=>{await _s(e,o,t)},ma=async e=>Ls(e),ua=async e=>Us(e,{sortSettings:{sortBy:Ys.DataModels.FlowNodeInstances.FlowNodeInstanceSortableColumns.createdAt,sortDir:"DESC"}}),fa=async e=>Vs(e)});var ba={};Ut(ba,{BPMNViewer:()=>uo,BPMNViewerNextJS:()=>Er,BooleanFormField:()=>wo,BpmnViewerComponent:()=>Ft,CheckboxFormField:()=>yo,ColorFormField:()=>vo,ConfirmFormField:()=>xo,CustomFormField:()=>Io,DateFormField:()=>No,DatetimeLocalFormField:()=>Co,DecimalFormField:()=>Po,DiagramDocumentationInspector:()=>Le,DiagramDocumentationInspectorNextJS:()=>_r,DocumentationViewer:()=>fo,DropdownMenu:()=>Ar,DropdownMenuItem:()=>$r,DynamicLink:()=>Hr,DynamicUi:()=>Zr,DynamicUiComponent:()=>Tt,EmailFormField:()=>So,EnumFormField:()=>Do,FileFormField:()=>To,FlowNode:()=>ho,FormFieldComponentMap:()=>Dt,HeaderFormField:()=>Eo,HiddenFormField:()=>Mo,IntegerFormField:()=>Bo,MonthFormField:()=>Oo,ParagraphFormField:()=>_o,PasswordFormField:()=>Ao,ProcessInstanceInspector:()=>fr,ProcessInstanceInspectorNextJS:()=>wa,ProcessModelInspectorNextJS:()=>va,RadioFormField:()=>$o,RangeFormField:()=>Ho,SelectFormField:()=>zo,SplitterLayout:()=>Qe,StringFormField:()=>Ro,TelFormField:()=>jo,TextareaFormField:()=>Re,TimeFormField:()=>Go,UrlFormField:()=>Jo,WeekFormField:()=>Wo});module.exports=Fr(ba);var bl=require("client-only");var _t=l(require("bpmn-js/lib/Viewer"),1),At=l(require("bpmn-js/lib/features/outline"),1),$t=l(require("clsx"),1),Ht=l(require("diagram-js/lib/features/selection"),1),zt=l(require("diagram-js/lib/navigation/movecanvas"),1),Rt=l(require("diagram-js/lib/navigation/zoomscroll"),1),jt=l(require("next/dynamic"),1),te=l(require("react"),1);var Pr={canvas:{autoFocus:!0}},Sr={Critical:"rgb(255, 0, 0)",Warning:"rgb(255, 220, 0)",Stable:"rgb(50, 205, 50)"};function Dr(e,o){let t=(0,te.useRef)(null),s=(0,te.useRef)(new _t.default({bpmnRenderer:{defaultFillColor:"var(--asdk-bv-background-color)",defaultStrokeColor:"var(--asdk-bv-foreground-color)"},additionalModules:[Rt.default,zt.default,Ht.default,At.default],...Pr})),r=(0,te.useRef)({});return(0,te.useImperativeHandle)(o,()=>({getOverlays(){return s.current.get("overlays")},getElementRegistry(){return s.current.get("elementRegistry")},addMarker(a,n){s.current.get("canvas")?.addMarker(a,n)},removeMarker(a,n){s.current.get("canvas")?.removeMarker(a,n)},hasMarker(a,n){return s.current.get("canvas")?.hasMarker(a,n)},showHeatmap(a){let n=s.current.get("elementRegistry");if(n)for(let[i,d]of Object.entries(a)){let u=n.get(i);if(!u)continue;let p=n.getGraphics(u);if(!p)continue;let m=p.querySelector(".djs-visual > :first-child"),k=p.querySelector(".djs-visual > :nth-child(2)");if(!m)continue;let w=p.ownerSVGElement;if(!w)return;let h=`heatmap-gradient-${i}`,c=w.querySelector(`#${h}`);c&&c.remove();let v=w.querySelector("defs")||(()=>{let x=document.createElementNS("http://www.w3.org/2000/svg","defs");return w.insertBefore(x,w.firstChild),x})(),E=document.createElementNS("http://www.w3.org/2000/svg","radialGradient");E.setAttribute("id",h),E.setAttribute("cx","50%"),E.setAttribute("cy","50%"),E.setAttribute("r","90%"),E.setAttribute("fx","50%"),E.setAttribute("fy","50%");let z=Sr[d];[{offset:"0%",color:z},{offset:"50%",color:z},{offset:"100%",color:z}].forEach(({offset:x,color:ye})=>{let ne=document.createElementNS("http://www.w3.org/2000/svg","stop");ne.setAttribute("offset",x),ne.setAttribute("stop-color",ye),E.appendChild(ne)}),v.appendChild(E),m.classList.forEach(x=>{x.startsWith("heatmap-")&&m.classList.remove(x)}),k&&(k.style.fill="#1d1d1d"),m.classList.add(`heatmap-${d.toLowerCase()}`),m.style.fill=`url(#${h})`}},clearHeatmap(a){let n=s.current.get("elementRegistry");if(n)for(let i of a){let d=n.get(i);if(!d)continue;let u=n.getGraphics(d);if(!u)continue;let p=u.querySelector(".djs-visual > :first-child"),m=u.querySelector(".djs-visual > :nth-child(2)");if(p){if(p.classList.forEach(c=>{c.startsWith("heatmap-")&&p.classList.remove(c)}),m&&p){let c=p.style.stroke;m.style.fill=c}p.style.fill=r.current[i]||""}let k=u.ownerSVGElement;if(!k)continue;let w=`heatmap-gradient-${d.id}`,h=k.querySelector(`#${w}`);h&&h.remove()}}}),[s.current,t.current]),(0,te.useEffect)(()=>{if(!t.current)return;let a=s.current;a.attachTo(t.current);let n=a.get("canvas"),i=d=>{e.onSelectionChanged?.(d.newSelection)};return a.importXML(e.xml).then(()=>{let d=n.viewbox(),u={x:d.outer.width/2,y:d.outer.height/2};n.zoom("fit-viewport",u),e.onImportDone?.(),a.on("selection.changed",i);let p=a.get("elementRegistry");p.forEach(w=>{let h=p.getGraphics(w);if(!h)return;let c=h.querySelector(".djs-visual > :first-child");c&&(r.current[w.id]=c.style.fill||c.getAttribute("fill")||"")});let{preselectedElementIds:m}=e;if(!m||m.length===0)return;let k=p.filter(w=>m.includes(w.id)).sort((w,h)=>m.indexOf(w.id)-m.indexOf(h.id));a.get("selection").select(k??[])}).catch(d=>{console.error(`[@5minds/processcube_app_sdk:BPMNViewer]		Error while importing BPMN XML: "${d.message}`)}),()=>{a.off("selection.changed",i),a.detach()}},[e.xml,e.preselectedElementIds]),te.default.createElement("div",{ref:t,className:(0,$t.default)("app-sdk-bpmn-viewer","app-sdk-h-full",e.className)})}var uo=(0,te.forwardRef)(Dr);function Tr(e){return te.default.createElement(uo,{...e,ref:e.viewerRef})}var Er=(0,jt.default)(()=>Promise.resolve(Tr),{ssr:!1});var ko=require("bpmn-js/lib/util/ModelUtil"),Kt=l(require("next/dynamic"),1),Oe=require("react-dom/server"),Zt=require("react"),F=l(require("react"),1);var Gt=l(require("react-markdown"),1),Jt=l(require("rehype-autolink-headings"),1),Wt=l(require("rehype-raw"),1),qt=l(require("rehype-slug"),1),Xt=l(require("remark-gfm"),1),ft=l(require("react"),1);function fo(e){return ft.default.createElement("div",{className:"app-sdk-absolute app-sdk-w-full app-sdk-h-full app-sdk-overflow-y-auto app-sdk-scroll-p-4 app-sdk-scroll-smooth app-sdk-scroll-shadow"},ft.default.createElement(Gt.default,{remarkPlugins:[Xt.default],rehypePlugins:[Wt.default,qt.default,[Jt.default,{behavior:"wrap"}]],className:"app-sdk-markdown lg:app-sdk-mx-40 md:app-sdk-mx-20 app-sdk-mx-10"},e.documentation??""))}var ke=l(require("react"),1),Yt=4,Qe=class extends ke.default.Component{static defaultProps={customClassName:"",vertical:!1,percentage:!1,primaryIndex:0,primaryMinSize:0,secondaryDefaultSize:null,secondaryInitialSize:null,secondaryMinSize:0,onDragStart:null,onDragEnd:null,onSizeChanged:null,children:[]};container;splitter;constructor(o){super(o),this.handleResize=this.handleResize.bind(this),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.handleTouchMove=this.handleTouchMove.bind(this),this.handleSplitterMouseDown=this.handleSplitterMouseDown.bind(this),this.handleSplitterDoubleClick=this.handleSplitterDoubleClick.bind(this),this.state={lastMouseDown:0,secondaryPaneSize:o.secondaryInitialSize||0,resizing:!1}}componentDidMount(){window.addEventListener("resize",this.handleResize),document.addEventListener("mouseup",this.handleMouseUp),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("touchend",this.handleMouseUp),document.addEventListener("touchmove",this.handleTouchMove);let o;if(this.props.secondaryInitialSize!=null)o=this.props.secondaryInitialSize;else{let t=this.container.getBoundingClientRect(),s;this.splitter?s=this.splitter.getBoundingClientRect():s={width:Yt,height:Yt},o=this.getSecondaryPaneSize(t,s,{left:t.left+(t.width-s.width)/2,top:t.top+(t.height-s.height)/2},!1)}this.setSecondaryPaneSize(o)}componentDidUpdate(o,t){t.secondaryPaneSize!==this.state.secondaryPaneSize&&this.props.onSizeChanged&&this.props.onSizeChanged(this.state.secondaryPaneSize),t.resizing!==this.state.resizing&&(this.state.resizing?this.props.onDragStart&&this.props.onDragStart(t.secondaryPaneSize):this.props.onDragEnd&&this.props.onDragEnd(t.secondaryPaneSize,this.state.secondaryPaneSize))}componentWillUnmount(){window.removeEventListener("resize",this.handleResize),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("touchend",this.handleMouseUp),document.removeEventListener("touchmove",this.handleTouchMove)}clearSelection(){if(document.body.createTextRange){let o=document.body.createTextRange();o.collapse(),o.select()}else if(window.getSelection){let o=window.getSelection();if(o==null)return;o.empty?o.empty():o.removeAllRanges&&o.removeAllRanges()}else document.selection&&document.selection.empty()}getSecondaryPaneSize(o,t,s,r){let a=0,n=0,i=0;this.props.vertical?(a=o.height,n=t.height,i=s.top-o.top):(a=o.width,n=t.width,i=s.left-o.left),r&&(i-=n/2),i<0?i=0:i>a-n&&(i=a-n);let d;this.props.primaryIndex===1?d=i:d=a-n-i;let u=a-n-d;return this.props.percentage&&(d=d*100/a,u=u*100/a,n=n*100/a,a=100),u<this.props.primaryMinSize?d=Math.max(d-(this.props.primaryMinSize-u),0):d<this.props.secondaryMinSize&&(d=Math.min(a-n-this.props.primaryMinSize,this.props.secondaryMinSize)),d}setSecondaryPaneSize(o){this.setState({secondaryPaneSize:o})}maximizeSecondaryPane(){if(this.props.percentage)this.setSecondaryPaneSize(100-this.props.primaryMinSize);else throw new Error("maximizeSecondaryPane() is only supported in SplitterLayout with prop `percentage`")}isReset(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;return this.state.secondaryPaneSize===o}reset(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.setSecondaryPaneSize(o)}handleResize(){if(this.splitter&&!this.props.percentage){let o=this.container.getBoundingClientRect(),t=this.splitter.getBoundingClientRect(),s=this.getSecondaryPaneSize(o,t,{left:t.left,top:t.top},!1);this.setState({secondaryPaneSize:s})}}handleMouseMove(o){if(this.state.resizing){let t=this.container.getBoundingClientRect(),s=this.splitter.getBoundingClientRect(),r=this.getSecondaryPaneSize(t,s,{left:o.clientX,top:o.clientY},!0);this.clearSelection(),this.setState({secondaryPaneSize:r})}}handleTouchMove(o){this.handleMouseMove(o.changedTouches[0])}handleSplitterMouseDown(o){o.preventDefault(),this.clearSelection(),this.setState({resizing:!0})}handleSplitterDoubleClick(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.state.secondaryPaneSize===o?this.setSecondaryPaneSize(Math.floor(o*1.5)):this.setSecondaryPaneSize(o)}handleMouseUp(){this.setState(o=>o.resizing?{resizing:!1}:null)}render(){let o="app-sdk-splitter-layout";this.props.customClassName&&(o+=` ${this.props.customClassName}`),this.props.vertical&&(o+=" app-sdk-splitter-layout-vertical"),this.state.resizing&&(o+=" layout-changing");let t=ke.default.Children.toArray(this.props.children).slice(0,2);t.length===0&&t.push(ke.default.createElement("div",null));let s=[],r=this.props.primaryIndex!==0&&this.props.primaryIndex!==1?0:this.props.primaryIndex;for(let a=0;a<t.length;++a){let n=!0,i;t.length>1&&a!==r&&(n=!1,i=this.state.secondaryPaneSize),s.push(ke.default.createElement(Mr,{vertical:this.props.vertical,percentage:this.props.percentage,primary:n,size:i},t[a]))}return ke.default.createElement("div",{className:o,ref:a=>{this.container=a}},s[0],s.length>1&&ke.default.createElement("div",{role:"separator",className:"app-sdk-layout-splitter"},ke.default.createElement("div",{className:"app-sdk-layout-splitter__inner",ref:a=>{this.splitter=a},onMouseDown:this.handleSplitterMouseDown,onTouchStart:this.handleSplitterMouseDown,onDoubleClick:this.handleSplitterDoubleClick})),s.length>1&&s[1])}};function Mr(e={vertical:!1,primary:!1,size:0,percentage:!1,children:[]}){let o=e.size||0,t=e.percentage?"%":"px",s="app-sdk-layout-pane",r={};return e.primary?s+=" app-sdk-layout-pane-primary":e.vertical?r.height=`${o}${t}`:r.width=`${o}${t}`,ke.default.createElement("div",{className:s,style:r},e.children)}var eo=30;function Br(e,o){let[t,s]=(0,F.useState)([]),r=(0,F.useRef)(null),a=(0,F.useRef)(null),[n,i]=(0,F.useState)([]),[d,u]=(0,F.useState)(!1),[p,m]=(0,F.useState)([]),[k,w]=(0,F.useState)(eo),h=(0,F.useRef)(!0);return(0,F.useEffect)(()=>{if(!window)return;let c=new URLSearchParams(window.location.search),v=c.getAll("selected");if(m(v),!c.has("splitterSize"))return;let E=parseFloat(c.get("splitterSize"));isNaN(E)||E===eo||(w(E),a.current?.setSecondaryPaneSize(E))},[]),(0,F.useEffect)(()=>{if(!d)return;let c=new URLSearchParams(window.location.search);k!==eo?c.set("splitterSize",k.toString()):c.delete("splitterSize"),c.delete("selected"),n.length>0&&n.forEach(z=>c.append("selected",z.id));let v=decodeURIComponent(window.location.hash.slice(1)),E=v.length>0?document.getElementById(v):null;window.history.replaceState(null,"",`?${c.toString()}${E?window.location.hash:""}`),window.location.hash&&(window.location.hash=window.location.hash),E?.scrollIntoView()},[n,k]),(0,F.useEffect)(()=>{if(!d)return;t.forEach(z=>z());let c=r.current?.getOverlays();r.current?.getElementRegistry()?.filter(Qt)?.forEach(z=>{c?.add(z.id,Ur(z))})},[d,e.showHeatmap,e.heatmapService,e.heatmapType]),(0,F.useEffect)(()=>{if(!e.heatmapService||!r.current||!d||!e.heatmapType)return;let c=e.showHeatmap===!0,v;h.current?(v=e.heatmapService.hasRuntimeEntry()?"runtime":"processcosts",h.current=!1):v=e.heatmapType,e.heatmapService.applyHeatmap(c,v,{viewer:r.current})},[d,e.showHeatmap,e.heatmapService,e.heatmapType]),(0,F.useEffect)(()=>{e.setSelectedElementIds?.(n.map(c=>c.id))},[n]),(0,F.useImperativeHandle)(o,()=>({bpmnViewerRef:{getElementRegistry(){return r.current?.getElementRegistry()},getOverlays(){return r.current?.getOverlays()},addMarker(c,v){r.current?.addMarker(c,v)},removeMarker(c,v){r.current?.removeMarker(c,v)},hasMarker(c,v){return r.current?.hasMarker(c,v)},showHeatmap(c){r.current?.showHeatmap(c)},clearHeatmap(c){r.current?.clearHeatmap(c)},onImportDone(c){d?c():s(v=>[...v,c])}}}),[r.current]),F.default.createElement(Qe,{ref:a,vertical:!0,percentage:!0,secondaryInitialSize:eo,secondaryDefaultSize:eo,onDragEnd:(c,v)=>w(Math.round(v))},F.default.createElement(uo,{ref:r,xml:e.xml,preselectedElementIds:p,onSelectionChanged:c=>i([...c]),onImportDone:()=>u(!0)}),F.default.createElement("div",{className:"app-sdk-flex app-sdk-justify-center app-sdk-h-full app-sdk-bg-[color:var(--asdk-ddi-background-color)]"},F.default.createElement(Or,{elements:n})))}function Or({elements:e}){if(e.length===0)return F.default.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"Please select an element");let o=e.filter(Qt);if(o.length===0)return F.default.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"No documentation available");if(o.length===1){let t=(0,ko.getBusinessObject)(o[0])?.documentation?.[0]?.text;return F.default.createElement(fo,{documentation:t})}return F.default.createElement(fo,{documentation:o.map(t=>(0,ko.getBusinessObject)(t)?.documentation?.[0]?.text).join(`
 
 <hr />
 
 `)})}var oo=({showBackground:e})=>F.default.createElement("div",{title:"This element has documentation"},F.default.createElement("svg",{className:`${e?"app-sdk-bg-[color:var(--asdk-ddi-background-color)] app-sdk-p-[2px] app-sdk-rounded":""}`,xmlns:"http://www.w3.org/2000/svg",height:"16",viewBox:"0 0 448 512"},F.default.createElement("path",{d:"M64 0C28.7 0 0 28.7 0 64L0 448l0 0c0 35.3 28.7 64 64 64H432c8.8 0 16-7.2 16-16s-7.2-16-16-16H416V413.3c18.6-6.6 32-24.4 32-45.3V48c0-26.5-21.5-48-48-48H64zM384 416v64H64c-17.7 0-32-14.3-32-32s14.3-32 32-32H384zM64 384c-11.7 0-22.6 3.1-32 8.6L32 64c0-17.7 14.3-32 32-32H96V384H64zm64 0V32H400c8.8 0 16 7.2 16 16V368c0 8.8-7.2 16-16 16H128zm48-240c0 8.8 7.2 16 16 16H352c8.8 0 16-7.2 16-16s-7.2-16-16-16H192c-8.8 0-16 7.2-16 16zm0 96c0 8.8 7.2 16 16 16H352c8.8 0 16-7.2 16-16s-7.2-16-16-16H192c-8.8 0-16 7.2-16 16z"}))),Lr=["bpmn:DataInputAssociation","bpmn:DataOutputAssociation","bpmn:SequenceFlow","label"],to={DEFAULT:{top:4,right:21},PARTICIPANT:{top:3,left:3},ANNOTATION:{bottom:10,left:10},GATEWAY:{bottom:17,right:17},OTHER:{bottom:12,right:12}};function Ur(e){return e.type.endsWith("Task")||e.type==="bpmn:CallActivity"||e.type==="bpmn:Collaboration"||e.type==="bpmn:Group"||e.type==="bpmn:Lane"||e.type==="bpmn:SubProcess"?{position:to.DEFAULT,html:(0,Oe.renderToString)(F.default.createElement(oo,null))}:e.type==="bpmn:Participant"?{position:to.PARTICIPANT,html:(0,Oe.renderToString)(F.default.createElement(oo,null))}:e.type.endsWith("Gateway")?{position:to.GATEWAY,html:(0,Oe.renderToString)(F.default.createElement(oo,{showBackground:!0}))}:e.type==="bpmn:TextAnnotation"?{position:to.ANNOTATION,html:(0,Oe.renderToString)(F.default.createElement(oo,{showBackground:!0}))}:{position:to.OTHER,html:(0,Oe.renderToString)(F.default.createElement(oo,{showBackground:!0}))}}function Qt(e){if(Lr.includes(e.type))return!1;let t=(0,ko.getBusinessObject)(e)?.documentation?.[0]?.text;return t!=null&&t.trim()!==""}var Le=(0,Zt.forwardRef)(Br);function Vr(e){return F.default.createElement(Le,{...e,ref:e.viewerRef})}var _r=(0,Kt.default)(()=>Promise.resolve(Vr),{ssr:!1});var K=l(require("react"),1),De=require("@headlessui/react");function _(...e){return e.filter(Boolean).join(" ")}function Ar(e){return K.default.createElement(De.Menu,{as:"div",className:"app-sdk-default-styles app-sdk-relative app-sdk-inline-block app-sdk-text-left"},K.default.createElement("div",null,K.default.createElement(De.Menu.Button,{className:"app-sdk-cursor-pointer app-sdk-bg-transparent app-sdk-p-0 app-sdk-text-[100%] app-sdk-flex app-sdk-items-center app-sdk-rounded-full app-sdk-text-[color:var(--asdk-ddm-icon-text-color)] hover:app-sdk-text-[color:var(--asdk-ddm-icon-text-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-ddm-focus-color)]  "},K.default.createElement("span",{className:"app-sdk-sr-only"},"Open options"),e.collapsedIcon||K.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",className:"app-sdk-h-5 app-sdk-w-5"},K.default.createElement("path",{d:"M6 10a2 2 0 11-4 0 2 2 0 014 0zM12 10a2 2 0 11-4 0 2 2 0 014 0zM16 12a2 2 0 100-4 2 2 0 000 4z"})))),K.default.createElement(De.Transition,{as:K.Fragment,enter:"app-sdk-transition app-sdk-ease-out app-sdk-duration-100",enterFrom:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95",enterTo:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leave:"app-sdk-transition app-sdk-ease-in app-sdk-duration-75",leaveFrom:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leaveTo:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95"},K.default.createElement(De.Menu.Items,{className:"app-sdk-absolute app-sdk-right-0 app-sdk-z-10 app-sdk-mt-2 app-sdk-w-56 app-sdk-origin-top-right app-sdk-rounded-md app-sdk-bg-[color:var(--asdk-ddm-background-color)] app-sdk-shadow-lg app-sdk-ring-1 app-sdk-ring-black app-sdk-ring-opacity-5 focus:app-sdk-outline-none"},K.default.createElement("div",{className:"app-sdk-py-1"},e.children))))}function $r(e){return K.default.createElement(De.Menu.Item,null,({active:o})=>K.default.createElement("button",{type:"button",onClick:()=>e.onClick(),className:_(o?"app-sdk-bg-[color:var(--asdk-ddm-entry-background-hover-color)]":"app-sdk-bg-transparent","app-sdk-cursor-pointer app-sdk-p-0 app-sdk-text-[100%] app-sdk-block app-sdk-w-full app-sdk-px-4 app-sdk-py-2 app-sdk-text-left app-sdk-text-sm",e.isDanger?"app-sdk-text-[color:var(--asdk-ddm-danger-entry-text-color)]":"app-sdk-text-[color:var(--asdk-ddm-default-entry-text-color)]",e.className??"")},e.title))}var os=require("next/navigation"),ts=l(require("react"),1);var es=new Set;function V(e,o){es.has(e)||(console.warn(`[@5minds/processcube_app_sdk]		Warning: The component "${e}" is deprecated.
 
-${o??""}`.trimEnd()),es.add(e))}function Hr({href:e,children:o}){V("DynamicLink","Please use the NextJS Link component instead.");let t=(0,os.useRouter)();return ts.default.createElement("a",{href:e,onClick:s=>{s.preventDefault(),t.replace(e),t.refresh()}},o)}var cs=l(require("bpmn-js/lib/Viewer"),1),ms=l(require("bpmn-js/lib/features/outline"),1),us=l(require("diagram-js/lib/navigation/movecanvas"),1),fs=l(require("diagram-js/lib/navigation/zoomscroll"),1),go=l(require("react"),1);var ds=require("react-dom/client"),ps=require("uuid"),ls=l(require("react"),1);var T=l(require("react"),1),L=require("@heroui/react"),is=l(require("@monaco-editor/react"),1);var Te=l(require("react"),1);var ss=l(require("react"),1);function kt(e){V("ExecutionCount");let o={width:30};return e.count<=1?null:ss.default.createElement("div",{style:o,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--execution-count"},e.count)}var H=l(require("react"),1);function ht(e){return V("GotoButton"),H.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},H.default.createElement("div",{className:"action-icon"},H.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},H.default.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),H.default.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),H.default.createElement("g",{id:"SVGRepo_iconCarrier"}," ",H.default.createElement("title",null,"open-external")," ",H.default.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",H.default.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",H.default.createElement("path",{d:"M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z",id:"Combined-Shape"}," ")," ")," ")," "))),H.default.createElement("div",{className:"action-icon-hovered"},H.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},H.default.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),H.default.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),H.default.createElement("g",{id:"SVGRepo_iconCarrier"}," ",H.default.createElement("title",null,"goto process")," ",H.default.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",H.default.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",H.default.createElement("path",{d:"M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z",id:"Combined-Shape"}," ")," ")," ")," "))))}var pe=l(require("react"),1);function gt(e){return V("PlayButton"),pe.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},pe.default.createElement("div",{className:"action-icon"},pe.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"none",xmlns:"http://www.w3.org/2000/svg"},pe.default.createElement("g",{id:"Media / Play",color:"white"},pe.default.createElement("path",{id:"Vector",d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))),pe.default.createElement("div",{className:"action-icon-hovered"},pe.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"white",xmlns:"http://www.w3.org/2000/svg"},pe.default.createElement("g",{id:"Media / Play",color:"white"},pe.default.createElement("path",{id:"Vector",d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))))}var ve=l(require("react"),1);function wt(e){return V("RetryButton"),ve.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},ve.default.createElement("div",{className:"action-icon"},ve.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},ve.default.createElement("path",{fill:"#FFFFFF",d:"M10.7667,0.493645 C9.11991,-0.113331 7.31921,-0.161915 5.64208,0.355379 C4.48206,0.713177 3.42569,1.32796 2.54743,2.14597 L1.70711,1.30564 C1.07714,0.675676 0,1.12184 0,2.01275 L0,6.00002 L3.98727,6.00002 C4.87818,6.00002 5.32434,4.92288 4.69438,4.29291 L3.96284,3.56137 C4.61101,2.97184 5.38443,2.52782 6.23156,2.26653 C7.4894,1.87856 8.83993,1.915 10.075,2.37023 C11.3101,2.82547 12.3612,3.67423 13.0664,4.78573 C13.7716,5.89723 14.0916,7.20978 13.9773,8.52112 C13.863,9.83246 13.3206,11.0698 12.4337,12.0425 C11.5469,13.0152 10.3647,13.6693 9.06949,13.9039 C7.77425,14.1385 6.43779,13.9407 5.26607,13.3409 C4.09434,12.7412 3.15236,11.7727 2.5853,10.5848 C2.34738,10.0864 1.75046,9.8752 1.25205,10.1131 C0.753645,10.351 0.542478,10.948 0.7804,11.4464 C1.53649,13.0302 2.79245,14.3215 4.35475,15.1213 C5.91706,15.921 7.699,16.1847 9.42598,15.8719 C11.153,15.559 12.7291,14.687 13.9116,13.39 C15.0941,12.0931 15.8173,10.4433 15.9698,8.69483 C16.1222,6.94637 15.6954,5.1963 14.7552,3.7143 C13.815,2.2323 12.4135,1.10062 10.7667,0.493645 Z"}))),ve.default.createElement("div",{className:"action-icon-hovered"},ve.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},ve.default.createElement("path",{fill:"#FFFFFF",d:"M10.7667,0.493645 C9.11991,-0.113331 7.31921,-0.161915 5.64208,0.355379 C4.48206,0.713177 3.42569,1.32796 2.54743,2.14597 L1.70711,1.30564 C1.07714,0.675676 0,1.12184 0,2.01275 L0,6.00002 L3.98727,6.00002 C4.87818,6.00002 5.32434,4.92288 4.69438,4.29291 L3.96284,3.56137 C4.61101,2.97184 5.38443,2.52782 6.23156,2.26653 C7.4894,1.87856 8.83993,1.915 10.075,2.37023 C11.3101,2.82547 12.3612,3.67423 13.0664,4.78573 C13.7716,5.89723 14.0916,7.20978 13.9773,8.52112 C13.863,9.83246 13.3206,11.0698 12.4337,12.0425 C11.5469,13.0152 10.3647,13.6693 9.06949,13.9039 C7.77425,14.1385 6.43779,13.9407 5.26607,13.3409 C4.09434,12.7412 3.15236,11.7727 2.5853,10.5848 C2.34738,10.0864 1.75046,9.8752 1.25205,10.1131 C0.753645,10.351 0.542478,10.948 0.7804,11.4464 C1.53649,13.0302 2.79245,14.3215 4.35475,15.1213 C5.91706,15.921 7.699,16.1847 9.42598,15.8719 C11.153,15.559 12.7291,14.687 13.9116,13.39 C15.0941,12.0931 15.8173,10.4433 15.9698,8.69483 C16.1222,6.94637 15.6954,5.1963 14.7552,3.7143 C13.815,2.2323 12.4135,1.10062 10.7667,0.493645 Z"}))))}function yt(e){V("FlowNodeButtonArea");let o={marginTop:"7px"},t=e.flowNode,s=!!e.onRetryClick,r=!t.IsGateway&&t.ProcessInstanceState!=="running"&&t.ProcessInstanceState!=="finished"&&s,a=!!e.onGotoClick,n=(t.IsCallActivity||(t.IsEventReceiver||t.IsEventSender)&&t.LinkedProcessInstanceId)&&a,i=!!e.onPlayClick,d=(t.IsUserTask||t.IsManualTask)&&t.State==="suspended"&&i;return Te.default.createElement("div",{className:"flownode-overlay",style:o},Te.default.createElement("div",{className:"bpmn-element-overlay__below"},r&&Te.default.createElement(wt,{onClick:e.onRetryClick,flowNode:e.flowNode}),Te.default.createElement(kt,{count:e.flowNode.ExecutionCount}),n&&Te.default.createElement(ht,{onClick:e.onGotoClick}),d&&Te.default.createElement(gt,{onClick:e.onPlayClick})))}var vt=l(require("react"),1);function bt(e){V("FlowNodeColorArea");let o={width:e.width,height:e.height},t="",s={width:e.width,height:e.height};return e.flowNode.IsGateway?(s.height*=.7,s.width*=.7,t="bpmn-element-overlay-backdrop--gateway"):e.flowNode.IsEvent&&(t="bpmn-element-overlay-backdrop--rounded"),vt.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay-backdrop cursor-pointer",style:o},vt.default.createElement("div",{className:`flow-node-${e.flowNode.State}-state-overlay ${t}`,style:s}))}var rs=require("react-dom/client"),as=l(require("react-markdown"),1),ns=l(require("remark-gfm"),1),Y=l(require("react"),1),xt=require("@heroui/react"),It=l(require("@monaco-editor/react"),1);function Nt(e){V("FlowNodeInfoComponent");function o(t){setTimeout(()=>{t.getAction("editor.action.formatDocument").run(),t.updateOptions({readOnly:!0})},300)}return(0,Y.useEffect)(()=>{let t=Y.default.createElement(as.default,{remarkPlugins:[ns.default]},e.flowNode.Documentation),s=document.getElementById("markdown-container");if(s){let r=s.attachShadow({mode:"open"});(0,rs.createRoot)(r).render(t)}},[]),Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(xt.Divider,{className:"my-2"}),Y.default.createElement("div",{className:"flex-row"},Y.default.createElement("div",{className:"token-area"},Y.default.createElement("p",null,"Start Token:"),Y.default.createElement(It.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onMount:o,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}}),Y.default.createElement(xt.Divider,{className:"my-2"}),Y.default.createElement("p",null,"End Token:"),Y.default.createElement(It.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentEndToken,null,2),onMount:o,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),Y.default.createElement("div",{className:"documentation-area"},Y.default.createElement("p",null,"Dokumentation:"),Y.default.createElement("div",{id:"markdown-container"}))))}function Ct(e){V("FlowNodeOverlay");let o=(0,L.useDisclosure)(),t=(0,L.useDisclosure)(),[s,r]=(0,T.useState)(JSON.stringify(e.flowNode.CurrentStartToken));function a(i){setTimeout(()=>{i.getAction("editor.action.formatDocument").run()},300)}let n={width:e.width,height:e.height+10};return T.default.createElement(T.default.Fragment,null,T.default.createElement("div",{style:n},T.default.createElement(bt,{onClick:t.onOpen,...e}),T.default.createElement(yt,{onRetryClick:e.retryAction?o.onOpen:void 0,onGotoClick:e.gotoProcessAction?()=>e.gotoProcessAction(e.flowNode.LinkedProcessInstanceId??""):void 0,onPlayClick:e.gotoManualOrUserTaskAction?()=>e.gotoManualOrUserTaskAction(e.flowNode.ProcessInstanceId,e.flowNode.Id):void 0,flowNode:e.flowNode})),T.default.createElement(L.Modal,{isOpen:o.isOpen,onOpenChange:o.onOpenChange},T.default.createElement(L.ModalContent,null,i=>T.default.createElement(T.default.Fragment,null,T.default.createElement(L.ModalHeader,{className:"flex flex-col gap-1"},"Confirm Retry"),T.default.createElement(L.ModalBody,null,T.default.createElement(L.Divider,{className:"my-2"}),T.default.createElement("p",null,"Are you sure you want to retry process instance ",e.flowNode.CurrentFlowNodeInstanceId,"?"),T.default.createElement(L.Divider,{className:"my-2"}),T.default.createElement(is.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onChange:(d,u)=>r(d??""),onMount:a,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),T.default.createElement(L.ModalFooter,null,T.default.createElement(L.Button,{color:"warning",variant:"light",onPress:i},"Close"),T.default.createElement(L.Button,{color:"primary",onPress:()=>{e.retryAction?.(e.flowNode.ProcessInstanceId,e.flowNode.CurrentFlowNodeInstanceId,JSON.parse(s)),i()}},"Retry"))))),T.default.createElement(L.Modal,{size:"4xl",isOpen:t.isOpen,onOpenChange:t.onOpenChange},T.default.createElement(L.ModalContent,null,i=>T.default.createElement(T.default.Fragment,null,T.default.createElement(L.ModalHeader,{className:"flex flex-col gap-1"},"FlowNode: ",e.flowNode.Name??e.flowNode.Id),T.default.createElement(L.ModalBody,null,T.default.createElement(Nt,{flowNode:e.flowNode})),T.default.createElement(L.ModalFooter,null,T.default.createElement(L.Button,{color:"primary",onPress:i},"Close"))))))}var ho=class{id;flowNodeInstances;processInstanceState;documentation;triggeredFlowNodeInstance;type;get Id(){return this.id}get Name(){return this.flowNodeInstances.at(-1)?.flowNodeName}get CurrentFlowNodeInstanceId(){return this.flowNodeInstances.at(-1)?.flowNodeInstanceId}get CurrentStartToken(){return this.flowNodeInstances.at(-1)?.startToken}get CurrentEndToken(){return this.flowNodeInstances.at(-1)?.endToken}get LinkedProcessInstanceId(){let o=this.flowNodeInstances.at(-1);if(this.IsCallActivity)return o.childProcessInstanceId;if(this.IsEventReceiver)return o?.triggeredByFlowNodeInstance?.processInstanceId;if(this.IsEventSender&&this.triggeredFlowNodeInstance)return this.triggeredFlowNodeInstance.processInstanceId}get State(){return this.flowNodeInstances.at(-1)?.state??""}get Documentation(){return this.documentation}get ProcessInstanceState(){return this.processInstanceState}get IsGateway(){return this.type==="bpmn:ComplexGateway"||this.type==="bpmn:ParallelGateway"||this.type==="bpmn:ExclusiveGateway"||this.type==="bpmn:InclusiveGateway"||this.type==="bpmn:EventBasedGateway"}get IsEvent(){return this.type==="bpmn:StartEvent"||this.type==="bpmn:EndEvent"||this.type==="bpmn:IntermediateCatchEvent"||this.type==="bpmn:IntermediateThrowEvent"||this.type==="bpmn:BoundaryEvent"}get IsEventReceiver(){return this.type==="bpmn:StartEvent"||this.type==="bpmn:IntermediateCatchEvent"||this.type==="bpmn:BoundaryEvent"||this.type==="bpmn:ReceiveTask"}get IsEventSender(){return this.type==="bpmn:EndEvent"||this.type==="bpmn:IntermediateThrowEvent"||this.type==="bpmn:SendTask"}get IsCallActivity(){return this.type==="bpmn:CallActivity"}get IsUserTask(){return this.type==="bpmn:UserTask"}get IsManualTask(){return this.type==="bpmn:ManualTask"}get ExecutionCount(){return this.flowNodeInstances.length}get ProcessInstanceId(){return this.flowNodeInstances.at(-1)?.processInstanceId??""}constructor(o,t,s,r){this.id=o,this.flowNodeInstances=[],this.processInstanceState=t,this.documentation=s,this.triggeredFlowNodeInstance=r,this.type=""}addFlowNodeInstance(o){this.flowNodeInstances.push(o),this.type=o.flowNodeType}},so=class{canvas;overlays;elementRegistry;overlayIds;overlayRoots;constructor(o){V("BpmnViewerOverlayCreator"),this.canvas=o.get("canvas"),this.overlays=o.get("overlays"),this.elementRegistry=o.get("elementRegistry"),this.overlayIds=[],this.overlayRoots={}}createOverlaysFlowNodeInstances(o,t,s,r,a,n){let i=this.getExecutedFlowNodes(t,o,s);this.overlayIds=[];for(let u of i){let p=this.elementRegistry.get(u.Id);this.getOrCreateOverlayRoot(u)?.render(ls.default.createElement(Ct,{flowNode:u,width:p.width,height:p.height,retryAction:r,gotoProcessAction:a,gotoManualOrUserTaskAction:n})),this.setSequenceFlowsColor(p,i)}let d=[];for(let u in this.overlayRoots)i.find(m=>m.Id===u)||d.push(u);d.forEach(u=>{let p=this.elementRegistry.get(u);this.removeSequenceFlowsColor(p),this.overlayRoots[u].unmount(),delete this.overlayRoots[u]})}getOrCreateOverlayRoot(o){if(o.Id in this.overlayRoots)return this.overlayRoots[o.Id];let t=`bpmn-element-overlay-${(0,ps.v4)()}`,s=`<div id="${t}"></div>`,r=this.overlays.add(o.Id,{position:{top:0,left:0},html:s});this.overlayIds.push(r);let a=document.querySelector(`#${t}`);if(a){let n=(0,ds.createRoot)(a);return this.overlayRoots[o.Id]=n,n}}getExecutedFlowNodes(o,t,s){let r=[],a={};for(let n of s)n.triggeredByFlowNodeInstance&&(a[n.triggeredByFlowNodeInstance?.flowNodeInstanceId]=n);for(let n of o){let i=r.find(d=>d.Id===n.flowNodeId);if(!i){let d=this.elementRegistry.get(n.flowNodeId),u=d.businessObject.documentation?d.businessObject.documentation[0].text:"";i=new ho(n.flowNodeId,t,u,a[n.flowNodeInstanceId]),r.push(i)}i.addFlowNodeInstance(n)}return r}setSequenceFlowsColor(o,t){if(o&&o.businessObject.incoming)for(let s of o.businessObject.incoming)t.find(a=>a.Id===s.sourceRef?.id)&&this.canvas.addMarker(s.id,"connection-done")}removeSequenceFlowsColor(o){if(o&&o.businessObject.incoming){for(let t of o.businessObject.incoming)this.canvas.removeMarker(t.id,"connection-done");if(o.businessObject.outgoing)for(let t of o.businessObject.outgoing)this.canvas.removeMarker(t.id,"connection-done")}}};var zr={canvas:{autoFocus:!0}},Ft=class extends go.default.Component{containerRef;bpmnViewer;bpmnViewerOverlayCreator;constructor(o){super(o),V("BpmnViewerComponent"),this.state={diagramXML:""},this.containerRef=go.default.createRef()}componentDidMount(){let{diagramXML:o,options:t}=this.props,s=this.containerRef.current;if(this.bpmnViewer=new cs.default({container:s,height:t?.height??600,bpmnRenderer:{defaultFillColor:t?.fillColor,defaultStrokeColor:t?.strokeColor},additionalModules:[fs.default,us.default,ms.default],...zr}),this.bpmnViewerOverlayCreator=new so(this.bpmnViewer),o)return this.displayDiagram(o)}componentWillUnmount(){this.bpmnViewer.destroy()}componentDidUpdate(o,t){let{props:s,state:r}=this,a=s.diagramXML||r.diagramXML,n=o.diagramXML||t.diagramXML;if(a&&a!==n)return this.displayDiagram(a);this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,s.flowNodeInstancesTriggeredByThisProcessInstance,s.retryAction,s.gotoProcessAction,s.gotoManualOrUserTaskAction)}displayDiagram(o){this.bpmnViewer.importXML(o).then(()=>{let t=this.bpmnViewer.get("canvas"),s=t.viewbox(),r={x:s.outer.width/2,y:s.outer.height/2};t.zoom("fit-viewport",r),this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,this.props.flowNodeInstancesTriggeredByThisProcessInstance,this.props.retryAction,this.props.gotoProcessAction,this.props.gotoManualOrUserTaskAction)})}render(){return go.default.createElement("div",{className:this.props.className,ref:this.containerRef})}};var Me=l(require("react-is"),1),vs=l(require("semver/functions/gt"),1),bs=l(require("semver/functions/prerelease"),1),xs=l(require("semver/functions/satisfies"),1),P=l(require("react"),1),Is=require("../common/index.cjs");var gs=require("@5minds/processcube_engine_sdk");var he=l(require("react"),1);function y(e){if(e!=null&&e.trim()!=="")try{return JSON.parse(e)}catch{return null}return null}var wo=(0,he.forwardRef)(function(o,t){let{formField:s}=o,r=`${s.id}-hint`,a=y(s.customForm);return he.default.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},he.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},he.default.createElement("input",{type:"checkbox",className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",defaultChecked:o.state&&o.state!=="false"||s.defaultValue==="true",id:s.id,name:s.id,"aria-describedby":a?.hint?r:void 0,"data-form-field-type":"boolean"})),he.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},he.default.createElement("label",{className:"app-sdk-font-medium",htmlFor:s.id},s.label),a?.hint&&he.default.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},a.hint)))});var le=l(require("react"),1);function yo({formField:e,state:o}){let t=y(e.customForm),s=t?.entries,r=`${e.id}-hint`,a;return Array.isArray(o)&&o.length?a=o:a=(o||e.defaultValue?.toString())?.split(",")??[],le.default.createElement("div",null,le.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),le.default.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"checkbox"},s?.map(n=>{let i=a.find(d=>d.trim()===n.key);return le.default.createElement("div",{key:n.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},le.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},le.default.createElement("input",{type:"checkbox",defaultChecked:i,name:e.id,id:n.key,value:n.key,className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),le.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},le.default.createElement("label",{htmlFor:n.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},n.value)))})),t?.hint&&le.default.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},t?.hint))}var Ue=l(require("react"),1);function vo(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm);o.defaultValue&&!Rr(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for color field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return Ue.default.createElement("div",null,Ue.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Ue.default.createElement("div",{className:"app-sdk-mt-1 app-sdk-w-20"},Ue.default.createElement("input",{className:"app-sdk-text-app-sdk-inherit app-sdk-h-8 app-sdk-border app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"color",defaultValue:r,id:o.id,name:o.id,placeholder:s?.placeholder,"aria-describedby":t,"data-form-field-type":"color"})),s?.hint&&Ue.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Rr(e){return/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(e?.toString())}var bo=l(require("react"),1),xo=(0,bo.forwardRef)(function(o,t){return bo.default.createElement("p",{className:"app-sdk-text-sm"},o.formField.label)});var Ve=l(require("react"),1);function Io({formField:e,state:o}){let t=y(e.customForm);return Ve.default.createElement("div",null,Ve.default.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),Ve.default.createElement("div",{className:"app-sdk-mt-1"},Ve.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"text",id:e.id,name:e.id,defaultValue:o||(e.defaultValue?.toString()??""),placeholder:t?.placeholder,"aria-describedby":`${e.id}-hint`,"data-form-field-type":"custom"})),t?.hint&&Ve.default.createElement("p",{id:`${e.id}-hint`,"data-hint":!0,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},t.hint))}var be=l(require("react"),1);var No=(0,be.forwardRef)(function(o,t){let{formField:s}=o,r=`${s.id}-hint`,a=y(s.customForm);jr(s.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for date field "${s.id}"`);let n=o.state||s.defaultValue?.toString();return be.default.createElement("div",null,be.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:s.id},s.label),be.default.createElement("div",{className:"app-sdk-mt-1"},be.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"date",defaultValue:n,id:s.id,name:s.id,"aria-describedby":r,"data-form-field-type":"date"})),a?.hint&&be.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},a?.hint))});function jr(e){return new Date(e?.toString()).toString()!=="Invalid Date"}var _e=l(require("react"),1);function Co(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm);o.defaultValue&&!Wr(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for dateteime-local field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return _e.default.createElement("div",null,_e.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),_e.default.createElement("div",{className:"app-sdk-mt-1"},_e.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"datetime-local",defaultValue:r,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"datetime-local"})),s?.hint&&_e.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Gr(e){return new Date(e?.toString()).toString()!=="Invalid Date"}function Jr(e){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(e)}function Wr(e){if(!e.includes("T"))return!1;let[o,t]=e.split("T");return Gr(o)&&Jr(t)}var xe=l(require("react"),1);function Fo(e){return!Number.isNaN(Number(e?.toString()))}var Po=(0,xe.forwardRef)(function(o,t){let{formField:s}=o,r=`${s.id}-hint`,a=y(s.customForm);return Fo(s.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for decimal field "${s.id}"`),xe.default.createElement("div",null,xe.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:s.id},s.label),xe.default.createElement("div",{className:"app-sdk-mt-1"},xe.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:a?.step??.01,placeholder:a?.placeholder||"0.00",defaultValue:o.state||s.defaultValue?.toString(),id:s.id,name:s.id,"aria-describedby":r,"data-form-field-type":"decimal"})),a?.hint&&xe.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},a?.hint))});var Ae=l(require("react"),1);function So(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm),r=e.state||(o.defaultValue?.toString()??"");return Ae.default.createElement("div",null,Ae.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Ae.default.createElement("div",{className:"app-sdk-mt-1"},Ae.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"email",defaultValue:r,id:o.id,name:o.id,placeholder:s?.placeholder,"aria-describedby":t,"data-form-field-type":"email"})),s?.hint&&Ae.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var A=l(require("react"),1);var Do=(0,A.forwardRef)(function({formField:o,state:t},s){let r=y(o.customForm),a=o.label,n=o.enumValues,i;switch(r?.displayAs){case"checkbox":let u;Array.isArray(t)&&t.length?u=t:u=(t||o.defaultValue?.toString())?.split(",")??[],i=A.default.createElement("fieldset",{id:o.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":r?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(m=>{let k=u.find(w=>w.trim()===m.id);return A.default.createElement("div",{key:m.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},A.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},A.default.createElement("input",{type:"checkbox",defaultChecked:k,name:o.id,id:m.id,value:m.id,className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),A.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},A.default.createElement("label",{htmlFor:m.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},m.name)))}));break;case"radio":i=A.default.createElement("fieldset",{id:o.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":r?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(m=>A.default.createElement("div",{key:m.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},A.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},A.default.createElement("input",{type:"radio",defaultChecked:(t||o.defaultValue)==m.id,name:o.id,id:m.id,value:m.id,className:"app-sdk-form-radio app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),A.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},A.default.createElement("label",{htmlFor:m.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},m.name)))));break;default:let p=t||n?.find(m=>m.id===o.defaultValue)?.id||"";i=A.default.createElement("select",{id:o.id,name:o.id,className:"app-sdk-form-select app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-mt-1 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-py-2 app-sdk-pl-3 app-sdk-pr-10 app-sdk-text-base app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-outline-none focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:app-sdk-bg-app-sdk-dropdown-dark dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",onChange:m=>m.target.dataset.value=m.target.value,"data-value":p,"aria-describedby":r?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:p},A.default.createElement("option",{value:""},!p&&r?.placeholder),n?.map(m=>A.default.createElement("option",{key:m.id,value:m.id},m.name)));break}let d=r?.hint?A.default.createElement("p",{id:`${o.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},r.hint):null;return A.default.createElement("div",null,A.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},a),i,d)});var ro=l(require("react"),1);function To(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm);return ro.default.createElement("div",null,ro.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),ro.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",type:"file",id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"file",multiple:s?.multiple}),s?.hint&&ro.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var Ie=l(require("react"),1);var Eo=(0,Ie.forwardRef)(function({formField:o},t){let s=y(o.customForm),r;switch(s?.style){case"heading_1":r=Ie.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break;case"heading_2":r=Ie.default.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break;case"heading_3":r=Ie.default.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break;default:r=Ie.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break}return Ie.default.createElement("div",{className:"app-sdk-header-form-field"},r)});var ks=l(require("react"),1);function Mo(e){let{formField:o}=e;return ks.default.createElement("input",{className:"app-sdk-hidden",type:"hidden",id:o.id,value:o.defaultValue?.toString()||"",name:o.id,"data-form-field-type":"hidden"})}var Ne=l(require("react"),1);var Bo=(0,Ne.forwardRef)(function({formField:o,state:t},s){let r=y(o.customForm);return Fo(o.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for integer field "${o.id}"`),Ne.default.createElement("div",null,Ne.default.createElement("label",{htmlFor:o.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},o.label),Ne.default.createElement("div",{className:"app-sdk-mt-1"},Ne.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:1,id:o.id,name:o.id,defaultValue:t||o.defaultValue?.toString(),placeholder:r?.placeholder??"0","aria-describedby":`${o.id}-hint`,"data-form-field-type":"integer"})),r?.hint&&Ne.default.createElement("p",{id:`${o.id}-hint`,"data-hint":!0,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},r.hint))});var $e=l(require("react"),1);function Oo(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm);o.defaultValue&&!qr(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for month field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return $e.default.createElement("div",null,$e.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),$e.default.createElement("div",{className:"app-sdk-mt-1"},$e.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"month",defaultValue:r,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"month"})),s?.hint&&$e.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function qr(e){return/^\d{4}-(0[1-9]|1[0-2])$/.test(e)}var hs=l(require("isomorphic-dompurify"),1),Lo=require("marked"),Uo=l(require("react"),1),Vo=require("react");var _o=(0,Uo.forwardRef)(function({formField:{defaultValue:o,label:t}},s){let[r,a]=(0,Vo.useState)("");return(0,Vo.useEffect)(()=>{let n=Lo.marked.parse(o?.toString()??t?.toString()??"",{renderer:new Pt,hooks:new St});a(n)},[o,t]),Uo.default.createElement("div",{className:_("app-sdk-text-sm","[&_p]:app-sdk-my-4 first-of-type:[&_p]:app-sdk-mb-4 first-of-type:[&_p]:app-sdk-mt-0","[&_a]:app-sdk-text-[color:var(--asdk-dui-link-color)] [&_a]:app-sdk-underline hover:[&_a]:app-sdk-text-[color:var(--asdk-dui-link-hover-color)]","[&_h1]:app-sdk-text-2xl [&_h1]:app-sdk-font-bold [&_h2]:app-sdk-text-xl [&_h2]:app-sdk-font-bold [&_h3]:app-sdk-text-lg [&_h3]:app-sdk-font-bold [&_h4]:app-sdk-text-base [&_h4]:app-sdk-font-bold [&_h5]:app-sdk-text-sm [&_h5]:app-sdk-font-bold [&_h6]:app-sdk-text-xs [&_h6]:app-sdk-font-bold","[&_code]:app-sdk-text-[#e83e8c] [&_pre]:app-sdk-my-4 [&_pre]:app-sdk-bg-gray-100 [&_pre]:dark:app-sdk-bg-app-sdk-gray-700 [&_pre_code]:app-sdk-text-inherit","[&_blockquote]:app-sdk-m-[revert] [&_fieldset]:app-sdk-m-[revert] [&_h1]:app-sdk-m-[revert] [&_h2]:app-sdk-m-[revert] [&_h3]:app-sdk-m-[revert] [&_h4]:app-sdk-m-[revert] [&_h5]:app-sdk-m-[revert] [&_h6]:app-sdk-m-[revert] [&_menu]:app-sdk-m-[revert] [&_ol]:app-sdk-m-[revert] [&_ul]:app-sdk-m-[revert]","[&_fieldset]:app-sdk-p-[revert] [&_menu]:app-sdk-p-[revert] [&_ol]:app-sdk-p-[revert] [&_ul]:app-sdk-p-[revert]","[&_ol]:app-sdk-list-decimal [&_ol_p]:app-sdk-my-2 first-of-type:[&_ol_p]:app-sdk-my-4 [&_ul]:app-sdk-list-disc [&_ul_p]:app-sdk-my-2 first-of-type:[&_ul_p]:app-sdk-my-4","[&_input[type='checkbox']]:app-sdk-form-checkbox [&_input[type='checkbox']]:app-sdk-border [&_input[type='checkbox']]:app-sdk-h-4 [&_input[type='checkbox']]:app-sdk-w-4 [&_input[type='checkbox']]:app-sdk-rounded [&_input[type='checkbox']]:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:app-sdk-text-sky-600 [&_input[type='checkbox']]:hover:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:dark:app-sdk-border-2 [&_input[type='checkbox']]:dark:app-sdk-border-solid [&_input[type='checkbox']]:dark:app-sdk-border-transparent [&_input[type='checkbox']]:dark:app-sdk-bg-app-sdk-gray-350 [&_input[type='checkbox']]:dark:app-sdk-text-[#007bff40] [&_input[type='checkbox']]:dark:hover:app-sdk-border-transparent [&_input[type='checkbox']]:dark:hover:checked:app-sdk-bg-app-sdk-gray-350"),dangerouslySetInnerHTML:{__html:r}})}),Pt=class extends Lo.marked.Renderer{link(o){return super.link(o).replace("<a","<a target='_blank'")}html(o){let t=super.html(o);return t.startsWith("<a ")&&!t.includes("target=")?t.replace("<a ",'<a target="_blank" '):t}},St=class extends Lo.marked.Hooks{postprocess(o){return hs.default.sanitize(o,{ADD_ATTR:["target"]})}};var He=l(require("react"),1);function Ao(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm),r=e.state||(o.defaultValue?.toString()??"");return He.default.createElement("div",null,He.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),He.default.createElement("div",{className:"app-sdk-mt-1"},He.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",type:"password",id:o.id,name:o.id,defaultValue:r,placeholder:s?.placeholder,"aria-describedby":t,"data-form-field-type":"password"})),s?.hint&&He.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var ce=l(require("react"),1);function $o({formField:e,state:o}){let t=y(e.customForm),s=t?.entries,r=`${e.id}-hint`;return ce.default.createElement("div",null,ce.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),ce.default.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"radio"},s?.map(a=>ce.default.createElement("div",{key:a.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},ce.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},ce.default.createElement("input",{type:"radio",defaultChecked:(o||e.defaultValue)==a.key,name:e.id,id:a.key,value:a.key,className:"app-sdk-form-radio app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),ce.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},ce.default.createElement("label",{htmlFor:a.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},a.value))))),t?.hint&&ce.default.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},t?.hint))}var ge=l(require("react"),1);function Ho({formField:e,state:o}){let t=y(e.customForm),s=e.label,r=t?.min||0,a=t?.max||100,n=t?.step||1,i=o||e.defaultValue?.toString()||r.toString(),[d,u]=(0,ge.useState)(i),p=w=>{u(w.target.value)},m=ge.default.createElement("input",{className:_("app-sdk-form-input app-sdk-block app-sdk-w-full app-sdk-appearance-auto app-sdk-px-0 app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] focus:app-sdk-ring-transparent focus:app-sdk-border-transparent"),id:e.id,name:e.id,type:"range",min:r.toString(),max:a.toString(),step:n.toString(),defaultValue:i,onChange:p,"aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"range"}),k=t?.hint?ge.default.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},t.hint):null;return ge.default.createElement("div",null,ge.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),ge.default.createElement("div",{className:"app-sdk-mt-1 app-sdk-flex app-sdk-flex-row"},m,ge.default.createElement("span",{className:"app-sdk-mt-2 app-sdk-ml-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-text-color)]"},d)),k)}var Ee=l(require("react"),1);function zo({formField:e,state:o}){let t=y(e.customForm),s=t?.entries,r=`${e.id}-hint`,a=o||s?.find(n=>n.key===e.defaultValue)?.key||"";return Ee.default.createElement("div",null,Ee.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Ee.default.createElement("select",{id:e.id,name:e.id,className:"app-sdk-form-select app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-mt-1 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-py-2 app-sdk-pl-3 app-sdk-pr-10 app-sdk-text-base app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-outline-none focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:app-sdk-bg-app-sdk-dropdown-dark dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",onChange:n=>n.target.dataset.value=n.target.value,"data-value":a,"aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"select",defaultValue:a},Ee.default.createElement("option",{value:""},!a&&t?.placeholder),s?.map(n=>Ee.default.createElement("option",{key:n.key,value:n.key},n.value))),t?.hint&&Ee.default.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},t?.hint))}var we=l(require("react"),1);var ze=l(require("react"),1);function Re(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm),r=e.state||(o.defaultValue?.toString()??"");return ze.default.createElement("div",null,ze.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),ze.default.createElement("div",{className:"app-sdk-mt-1"},ze.default.createElement("textarea",{className:"app-sdk-form-textarea app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",defaultValue:r,id:o.id,name:o.id,rows:s?.rows??4,"aria-describedby":t,"data-form-field-type":"textarea",placeholder:s?.placeholder})),s?.hint&&ze.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var Ro=(0,we.forwardRef)(function({formField:o,state:t},s){let r=y(o.customForm);if(r?.multiline==="true")return we.default.createElement(Re,{formField:o,state:t});let n=`${o.id}-hint`,i=t||(o.defaultValue?.toString()??"");return we.default.createElement("div",null,we.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),we.default.createElement("div",{className:"app-sdk-mt-1"},we.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",type:"text",defaultValue:i,id:o.id,name:o.id,"aria-describedby":n,"data-form-field-type":"text",placeholder:r?.placeholder})),r?.hint&&we.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:n},r?.hint))});var je=l(require("react"),1);function jo({formField:e,state:o}){let t=y(e.customForm),s=`${e.id}-hint`;return je.default.createElement("div",null,je.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),je.default.createElement("div",{className:"app-sdk-mt-1"},je.default.createElement("input",{className:_("app-sdk-form-input app-sdk-block app-sdk-w-full app-sdk-appearance-none app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] app-sdk-pl-3 app-sdk-pr-3"),id:e.id,name:e.id,type:"tel",defaultValue:o||(e.defaultValue?.toString()??""),placeholder:t?.placeholder,"aria-describedby":t?.hint?s:void 0,"data-form-field-type":"tel"})),t?.hint&&je.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:s},t.hint))}var Ge=l(require("react"),1);function Go(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm);o.defaultValue&&!Xr(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for time field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return Ge.default.createElement("div",null,Ge.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Ge.default.createElement("div",{className:"app-sdk-mt-1"},Ge.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"time",defaultValue:r,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"time"})),s?.hint&&Ge.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Xr(e){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(e)}var Je=l(require("react"),1);function Jo(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm),r=e.state||(o.defaultValue?.toString()??"");return Je.default.createElement("div",null,Je.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Je.default.createElement("div",{className:"app-sdk-mt-1"},Je.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",type:"url",id:o.id,defaultValue:r,placeholder:s?.placeholder??"https://processcube.io/",name:o.id,"aria-describedby":t,"data-form-field-type":"url"})),s?.hint&&Je.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var We=l(require("react"),1);function Wo(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm);o.defaultValue&&!Yr(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for week field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return We.default.createElement("div",null,We.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),We.default.createElement("div",{className:"app-sdk-mt-1"},We.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"week",defaultValue:r,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"week"})),s?.hint&&We.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Yr(e){return/^(\d{4})-W(0[1-9]|[1-4][0-9]|5[0-3])$/.test(e)}var ws=(x=>(x.paragraph="paragraph",x.header="header",x.confirm="confirm",x.checkbox="checkbox",x.radio="radio",x.select="select",x.range="range",x.file="file",x.hidden="hidden",x.tel="tel",x.textarea="textarea",x.url="url",x.week="week",x.time="time",x.month="month",x.datetimeLocal="datetime-local",x.email="email",x.color="color",x.password="password",x.custom="custom",x))(ws||{}),ed={...gs.DataModels.FlowNodeInstances.UserTaskFormFieldType,...ws},Dt={boolean:wo,checkbox:yo,color:vo,date:No,email:So,enum:Do,file:To,hidden:Mo,long:Bo,"datetime-local":Co,month:Oo,number:Po,string:Ro,paragraph:_o,password:Ao,radio:$o,range:Ho,select:zo,header:Eo,confirm:xo,tel:jo,textarea:Re,time:Go,url:Jo,week:Wo,custom:Io};var Kr=(0,xs.default)(P.default.version,">=19.0.0 <20",{includePrerelease:!0}),Ns=(0,bs.default)(P.default.version)==null,ys=!Ns&&(0,vs.default)(P.default.version,"19.0.0")&&P.default.version.includes("canary"),Tt=class extends P.default.Component{};function Zr(e){Kr||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		The React version is not supported!
+${o??""}`.trimEnd()),es.add(e))}function Hr({href:e,children:o}){V("DynamicLink","Please use the NextJS Link component instead.");let t=(0,os.useRouter)();return ts.default.createElement("a",{href:e,onClick:s=>{s.preventDefault(),t.replace(e),t.refresh()}},o)}var cs=l(require("bpmn-js/lib/Viewer"),1),ms=l(require("bpmn-js/lib/features/outline"),1),us=l(require("diagram-js/lib/navigation/movecanvas"),1),fs=l(require("diagram-js/lib/navigation/zoomscroll"),1),go=l(require("react"),1);var ds=require("react-dom/client"),ps=require("uuid"),ls=l(require("react"),1);var T=l(require("react"),1),L=require("@heroui/react"),is=l(require("@monaco-editor/react"),1);var Te=l(require("react"),1);var ss=l(require("react"),1);function kt(e){V("ExecutionCount");let o={width:30};return e.count<=1?null:ss.default.createElement("div",{style:o,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--execution-count"},e.count)}var H=l(require("react"),1);function ht(e){return V("GotoButton"),H.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},H.default.createElement("div",{className:"action-icon"},H.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},H.default.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),H.default.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),H.default.createElement("g",{id:"SVGRepo_iconCarrier"}," ",H.default.createElement("title",null,"open-external")," ",H.default.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",H.default.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",H.default.createElement("path",{d:"M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z",id:"Combined-Shape"}," ")," ")," ")," "))),H.default.createElement("div",{className:"action-icon-hovered"},H.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},H.default.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),H.default.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),H.default.createElement("g",{id:"SVGRepo_iconCarrier"}," ",H.default.createElement("title",null,"goto process")," ",H.default.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",H.default.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",H.default.createElement("path",{d:"M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z",id:"Combined-Shape"}," ")," ")," ")," "))))}var pe=l(require("react"),1);function gt(e){return V("PlayButton"),pe.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},pe.default.createElement("div",{className:"action-icon"},pe.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"none",xmlns:"http://www.w3.org/2000/svg"},pe.default.createElement("g",{id:"Media / Play",color:"white"},pe.default.createElement("path",{id:"Vector",d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))),pe.default.createElement("div",{className:"action-icon-hovered"},pe.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"white",xmlns:"http://www.w3.org/2000/svg"},pe.default.createElement("g",{id:"Media / Play",color:"white"},pe.default.createElement("path",{id:"Vector",d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))))}var ve=l(require("react"),1);function wt(e){return V("RetryButton"),ve.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},ve.default.createElement("div",{className:"action-icon"},ve.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},ve.default.createElement("path",{fill:"#FFFFFF",d:"M10.7667,0.493645 C9.11991,-0.113331 7.31921,-0.161915 5.64208,0.355379 C4.48206,0.713177 3.42569,1.32796 2.54743,2.14597 L1.70711,1.30564 C1.07714,0.675676 0,1.12184 0,2.01275 L0,6.00002 L3.98727,6.00002 C4.87818,6.00002 5.32434,4.92288 4.69438,4.29291 L3.96284,3.56137 C4.61101,2.97184 5.38443,2.52782 6.23156,2.26653 C7.4894,1.87856 8.83993,1.915 10.075,2.37023 C11.3101,2.82547 12.3612,3.67423 13.0664,4.78573 C13.7716,5.89723 14.0916,7.20978 13.9773,8.52112 C13.863,9.83246 13.3206,11.0698 12.4337,12.0425 C11.5469,13.0152 10.3647,13.6693 9.06949,13.9039 C7.77425,14.1385 6.43779,13.9407 5.26607,13.3409 C4.09434,12.7412 3.15236,11.7727 2.5853,10.5848 C2.34738,10.0864 1.75046,9.8752 1.25205,10.1131 C0.753645,10.351 0.542478,10.948 0.7804,11.4464 C1.53649,13.0302 2.79245,14.3215 4.35475,15.1213 C5.91706,15.921 7.699,16.1847 9.42598,15.8719 C11.153,15.559 12.7291,14.687 13.9116,13.39 C15.0941,12.0931 15.8173,10.4433 15.9698,8.69483 C16.1222,6.94637 15.6954,5.1963 14.7552,3.7143 C13.815,2.2323 12.4135,1.10062 10.7667,0.493645 Z"}))),ve.default.createElement("div",{className:"action-icon-hovered"},ve.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},ve.default.createElement("path",{fill:"#FFFFFF",d:"M10.7667,0.493645 C9.11991,-0.113331 7.31921,-0.161915 5.64208,0.355379 C4.48206,0.713177 3.42569,1.32796 2.54743,2.14597 L1.70711,1.30564 C1.07714,0.675676 0,1.12184 0,2.01275 L0,6.00002 L3.98727,6.00002 C4.87818,6.00002 5.32434,4.92288 4.69438,4.29291 L3.96284,3.56137 C4.61101,2.97184 5.38443,2.52782 6.23156,2.26653 C7.4894,1.87856 8.83993,1.915 10.075,2.37023 C11.3101,2.82547 12.3612,3.67423 13.0664,4.78573 C13.7716,5.89723 14.0916,7.20978 13.9773,8.52112 C13.863,9.83246 13.3206,11.0698 12.4337,12.0425 C11.5469,13.0152 10.3647,13.6693 9.06949,13.9039 C7.77425,14.1385 6.43779,13.9407 5.26607,13.3409 C4.09434,12.7412 3.15236,11.7727 2.5853,10.5848 C2.34738,10.0864 1.75046,9.8752 1.25205,10.1131 C0.753645,10.351 0.542478,10.948 0.7804,11.4464 C1.53649,13.0302 2.79245,14.3215 4.35475,15.1213 C5.91706,15.921 7.699,16.1847 9.42598,15.8719 C11.153,15.559 12.7291,14.687 13.9116,13.39 C15.0941,12.0931 15.8173,10.4433 15.9698,8.69483 C16.1222,6.94637 15.6954,5.1963 14.7552,3.7143 C13.815,2.2323 12.4135,1.10062 10.7667,0.493645 Z"}))))}function yt(e){V("FlowNodeButtonArea");let o={marginTop:"7px"},t=e.flowNode,s=!!e.onRetryClick,r=!t.IsGateway&&t.ProcessInstanceState!=="running"&&t.ProcessInstanceState!=="finished"&&s,a=!!e.onGotoClick,n=(t.IsCallActivity||(t.IsEventReceiver||t.IsEventSender)&&t.LinkedProcessInstanceId)&&a,i=!!e.onPlayClick,d=(t.IsUserTask||t.IsManualTask)&&t.State==="suspended"&&i;return Te.default.createElement("div",{className:"flownode-overlay",style:o},Te.default.createElement("div",{className:"bpmn-element-overlay__below"},r&&Te.default.createElement(wt,{onClick:e.onRetryClick,flowNode:e.flowNode}),Te.default.createElement(kt,{count:e.flowNode.ExecutionCount}),n&&Te.default.createElement(ht,{onClick:e.onGotoClick}),d&&Te.default.createElement(gt,{onClick:e.onPlayClick})))}var vt=l(require("react"),1);function bt(e){V("FlowNodeColorArea");let o={width:e.width,height:e.height},t="",s={width:e.width,height:e.height};return e.flowNode.IsGateway?(s.height*=.7,s.width*=.7,t="bpmn-element-overlay-backdrop--gateway"):e.flowNode.IsEvent&&(t="bpmn-element-overlay-backdrop--rounded"),vt.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay-backdrop cursor-pointer",style:o},vt.default.createElement("div",{className:`flow-node-${e.flowNode.State}-state-overlay ${t}`,style:s}))}var rs=require("react-dom/client"),as=l(require("react-markdown"),1),ns=l(require("remark-gfm"),1),Y=l(require("react"),1),xt=require("@heroui/react"),It=l(require("@monaco-editor/react"),1);function Nt(e){V("FlowNodeInfoComponent");function o(t){setTimeout(()=>{t.getAction("editor.action.formatDocument").run(),t.updateOptions({readOnly:!0})},300)}return(0,Y.useEffect)(()=>{let t=Y.default.createElement(as.default,{remarkPlugins:[ns.default]},e.flowNode.Documentation),s=document.getElementById("markdown-container");if(s){let r=s.attachShadow({mode:"open"});(0,rs.createRoot)(r).render(t)}},[]),Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(xt.Divider,{className:"my-2"}),Y.default.createElement("div",{className:"flex-row"},Y.default.createElement("div",{className:"token-area"},Y.default.createElement("p",null,"Start Token:"),Y.default.createElement(It.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onMount:o,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}}),Y.default.createElement(xt.Divider,{className:"my-2"}),Y.default.createElement("p",null,"End Token:"),Y.default.createElement(It.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentEndToken,null,2),onMount:o,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),Y.default.createElement("div",{className:"documentation-area"},Y.default.createElement("p",null,"Dokumentation:"),Y.default.createElement("div",{id:"markdown-container"}))))}function Ct(e){V("FlowNodeOverlay");let o=(0,L.useDisclosure)(),t=(0,L.useDisclosure)(),[s,r]=(0,T.useState)(JSON.stringify(e.flowNode.CurrentStartToken));function a(i){setTimeout(()=>{i.getAction("editor.action.formatDocument").run()},300)}let n={width:e.width,height:e.height+10};return T.default.createElement(T.default.Fragment,null,T.default.createElement("div",{style:n},T.default.createElement(bt,{onClick:t.onOpen,...e}),T.default.createElement(yt,{onRetryClick:e.retryAction?o.onOpen:void 0,onGotoClick:e.gotoProcessAction?()=>e.gotoProcessAction(e.flowNode.LinkedProcessInstanceId??""):void 0,onPlayClick:e.gotoManualOrUserTaskAction?()=>e.gotoManualOrUserTaskAction(e.flowNode.ProcessInstanceId,e.flowNode.Id):void 0,flowNode:e.flowNode})),T.default.createElement(L.Modal,{isOpen:o.isOpen,onOpenChange:o.onOpenChange},T.default.createElement(L.ModalContent,null,i=>T.default.createElement(T.default.Fragment,null,T.default.createElement(L.ModalHeader,{className:"flex flex-col gap-1"},"Confirm Retry"),T.default.createElement(L.ModalBody,null,T.default.createElement(L.Divider,{className:"my-2"}),T.default.createElement("p",null,"Are you sure you want to retry process instance ",e.flowNode.CurrentFlowNodeInstanceId,"?"),T.default.createElement(L.Divider,{className:"my-2"}),T.default.createElement(is.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onChange:(d,u)=>r(d??""),onMount:a,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),T.default.createElement(L.ModalFooter,null,T.default.createElement(L.Button,{color:"warning",variant:"light",onPress:i},"Close"),T.default.createElement(L.Button,{color:"primary",onPress:()=>{e.retryAction?.(e.flowNode.ProcessInstanceId,e.flowNode.CurrentFlowNodeInstanceId,JSON.parse(s)),i()}},"Retry"))))),T.default.createElement(L.Modal,{size:"4xl",isOpen:t.isOpen,onOpenChange:t.onOpenChange},T.default.createElement(L.ModalContent,null,i=>T.default.createElement(T.default.Fragment,null,T.default.createElement(L.ModalHeader,{className:"flex flex-col gap-1"},"FlowNode: ",e.flowNode.Name??e.flowNode.Id),T.default.createElement(L.ModalBody,null,T.default.createElement(Nt,{flowNode:e.flowNode})),T.default.createElement(L.ModalFooter,null,T.default.createElement(L.Button,{color:"primary",onPress:i},"Close"))))))}var ho=class{id;flowNodeInstances;processInstanceState;documentation;triggeredFlowNodeInstance;type;get Id(){return this.id}get Name(){return this.flowNodeInstances.at(-1)?.flowNodeName}get CurrentFlowNodeInstanceId(){return this.flowNodeInstances.at(-1)?.flowNodeInstanceId}get CurrentStartToken(){return this.flowNodeInstances.at(-1)?.startToken}get CurrentEndToken(){return this.flowNodeInstances.at(-1)?.endToken}get LinkedProcessInstanceId(){let o=this.flowNodeInstances.at(-1);if(this.IsCallActivity)return o.childProcessInstanceId;if(this.IsEventReceiver)return o?.triggeredByFlowNodeInstance?.processInstanceId;if(this.IsEventSender&&this.triggeredFlowNodeInstance)return this.triggeredFlowNodeInstance.processInstanceId}get State(){return this.flowNodeInstances.at(-1)?.state??""}get Documentation(){return this.documentation}get ProcessInstanceState(){return this.processInstanceState}get IsGateway(){return this.type==="bpmn:ComplexGateway"||this.type==="bpmn:ParallelGateway"||this.type==="bpmn:ExclusiveGateway"||this.type==="bpmn:InclusiveGateway"||this.type==="bpmn:EventBasedGateway"}get IsEvent(){return this.type==="bpmn:StartEvent"||this.type==="bpmn:EndEvent"||this.type==="bpmn:IntermediateCatchEvent"||this.type==="bpmn:IntermediateThrowEvent"||this.type==="bpmn:BoundaryEvent"}get IsEventReceiver(){return this.type==="bpmn:StartEvent"||this.type==="bpmn:IntermediateCatchEvent"||this.type==="bpmn:BoundaryEvent"||this.type==="bpmn:ReceiveTask"}get IsEventSender(){return this.type==="bpmn:EndEvent"||this.type==="bpmn:IntermediateThrowEvent"||this.type==="bpmn:SendTask"}get IsCallActivity(){return this.type==="bpmn:CallActivity"}get IsUserTask(){return this.type==="bpmn:UserTask"}get IsManualTask(){return this.type==="bpmn:ManualTask"}get ExecutionCount(){return this.flowNodeInstances.length}get ProcessInstanceId(){return this.flowNodeInstances.at(-1)?.processInstanceId??""}constructor(o,t,s,r){this.id=o,this.flowNodeInstances=[],this.processInstanceState=t,this.documentation=s,this.triggeredFlowNodeInstance=r,this.type=""}addFlowNodeInstance(o){this.flowNodeInstances.push(o),this.type=o.flowNodeType}},so=class{canvas;overlays;elementRegistry;overlayIds;overlayRoots;constructor(o){V("BpmnViewerOverlayCreator"),this.canvas=o.get("canvas"),this.overlays=o.get("overlays"),this.elementRegistry=o.get("elementRegistry"),this.overlayIds=[],this.overlayRoots={}}createOverlaysFlowNodeInstances(o,t,s,r,a,n){let i=this.getExecutedFlowNodes(t,o,s);this.overlayIds=[];for(let u of i){let p=this.elementRegistry.get(u.Id);this.getOrCreateOverlayRoot(u)?.render(ls.default.createElement(Ct,{flowNode:u,width:p.width,height:p.height,retryAction:r,gotoProcessAction:a,gotoManualOrUserTaskAction:n})),this.setSequenceFlowsColor(p,i)}let d=[];for(let u in this.overlayRoots)i.find(m=>m.Id===u)||d.push(u);d.forEach(u=>{let p=this.elementRegistry.get(u);this.removeSequenceFlowsColor(p),this.overlayRoots[u].unmount(),delete this.overlayRoots[u]})}getOrCreateOverlayRoot(o){if(o.Id in this.overlayRoots)return this.overlayRoots[o.Id];let t=`bpmn-element-overlay-${(0,ps.v4)()}`,s=`<div id="${t}"></div>`,r=this.overlays.add(o.Id,{position:{top:0,left:0},html:s});this.overlayIds.push(r);let a=document.querySelector(`#${t}`);if(a){let n=(0,ds.createRoot)(a);return this.overlayRoots[o.Id]=n,n}}getExecutedFlowNodes(o,t,s){let r=[],a={};for(let n of s)n.triggeredByFlowNodeInstance&&(a[n.triggeredByFlowNodeInstance?.flowNodeInstanceId]=n);for(let n of o){let i=r.find(d=>d.Id===n.flowNodeId);if(!i){let d=this.elementRegistry.get(n.flowNodeId),u=d.businessObject.documentation?d.businessObject.documentation[0].text:"";i=new ho(n.flowNodeId,t,u,a[n.flowNodeInstanceId]),r.push(i)}i.addFlowNodeInstance(n)}return r}setSequenceFlowsColor(o,t){if(o&&o.businessObject.incoming)for(let s of o.businessObject.incoming)t.find(a=>a.Id===s.sourceRef?.id)&&this.canvas.addMarker(s.id,"connection-done")}removeSequenceFlowsColor(o){if(o&&o.businessObject.incoming){for(let t of o.businessObject.incoming)this.canvas.removeMarker(t.id,"connection-done");if(o.businessObject.outgoing)for(let t of o.businessObject.outgoing)this.canvas.removeMarker(t.id,"connection-done")}}};var zr={canvas:{autoFocus:!0}},Ft=class extends go.default.Component{containerRef;bpmnViewer;bpmnViewerOverlayCreator;constructor(o){super(o),V("BpmnViewerComponent"),this.state={diagramXML:""},this.containerRef=go.default.createRef()}componentDidMount(){let{diagramXML:o,options:t}=this.props,s=this.containerRef.current;if(this.bpmnViewer=new cs.default({container:s,height:t?.height??600,bpmnRenderer:{defaultFillColor:t?.fillColor,defaultStrokeColor:t?.strokeColor},additionalModules:[fs.default,us.default,ms.default],...zr}),this.bpmnViewerOverlayCreator=new so(this.bpmnViewer),o)return this.displayDiagram(o)}componentWillUnmount(){this.bpmnViewer.destroy()}componentDidUpdate(o,t){let{props:s,state:r}=this,a=s.diagramXML||r.diagramXML,n=o.diagramXML||t.diagramXML;if(a&&a!==n)return this.displayDiagram(a);this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,s.flowNodeInstancesTriggeredByThisProcessInstance,s.retryAction,s.gotoProcessAction,s.gotoManualOrUserTaskAction)}displayDiagram(o){this.bpmnViewer.importXML(o).then(()=>{let t=this.bpmnViewer.get("canvas"),s=t.viewbox(),r={x:s.outer.width/2,y:s.outer.height/2};t.zoom("fit-viewport",r),this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,this.props.flowNodeInstancesTriggeredByThisProcessInstance,this.props.retryAction,this.props.gotoProcessAction,this.props.gotoManualOrUserTaskAction)})}render(){return go.default.createElement("div",{className:this.props.className,ref:this.containerRef})}};var Me=l(require("react-is"),1),vs=l(require("semver/functions/gt"),1),bs=l(require("semver/functions/prerelease"),1),xs=l(require("semver/functions/satisfies"),1),P=l(require("react"),1),Is=require("../common/index.cjs");var gs=require("@5minds/processcube_engine_sdk");var he=l(require("react"),1);function y(e){if(e!=null&&e.trim()!=="")try{return JSON.parse(e)}catch{return null}return null}var wo=(0,he.forwardRef)(function(o,t){let{formField:s}=o,r=`${s.id}-hint`,a=y(s.customForm);return he.default.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},he.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},he.default.createElement("input",{type:"checkbox",className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",defaultChecked:o.state&&o.state!=="false"||s.defaultValue==="true",id:s.id,name:s.id,"aria-describedby":a?.hint?r:void 0,"data-form-field-type":"boolean"})),he.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},he.default.createElement("label",{className:"app-sdk-font-medium",htmlFor:s.id},s.label),a?.hint&&he.default.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},a.hint)))});var le=l(require("react"),1);function yo({formField:e,state:o}){let t=y(e.customForm),s=t?.entries,r=`${e.id}-hint`,a;return Array.isArray(o)&&o.length?a=o:a=(o||e.defaultValue?.toString())?.split(",")??[],le.default.createElement("div",null,le.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),le.default.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"checkbox"},s?.map(n=>{let i=a.find(d=>d.trim()===n.key);return le.default.createElement("div",{key:n.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},le.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},le.default.createElement("input",{type:"checkbox",defaultChecked:i,name:e.id,id:n.key,value:n.key,className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),le.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},le.default.createElement("label",{htmlFor:n.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},n.value)))})),t?.hint&&le.default.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},t?.hint))}var Ue=l(require("react"),1);function vo(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm);o.defaultValue&&!Rr(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for color field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return Ue.default.createElement("div",null,Ue.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Ue.default.createElement("div",{className:"app-sdk-mt-1 app-sdk-w-20"},Ue.default.createElement("input",{className:"app-sdk-text-app-sdk-inherit app-sdk-h-8 app-sdk-border app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"color",defaultValue:r,id:o.id,name:o.id,placeholder:s?.placeholder,"aria-describedby":t,"data-form-field-type":"color"})),s?.hint&&Ue.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Rr(e){return/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(e?.toString())}var bo=l(require("react"),1),xo=(0,bo.forwardRef)(function(o,t){return bo.default.createElement("p",{className:"app-sdk-text-sm"},o.formField.label)});var Ve=l(require("react"),1);function Io({formField:e,state:o}){let t=y(e.customForm);return Ve.default.createElement("div",null,Ve.default.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),Ve.default.createElement("div",{className:"app-sdk-mt-1"},Ve.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"text",id:e.id,name:e.id,defaultValue:o||(e.defaultValue?.toString()??""),placeholder:t?.placeholder,"aria-describedby":`${e.id}-hint`,"data-form-field-type":"custom"})),t?.hint&&Ve.default.createElement("p",{id:`${e.id}-hint`,"data-hint":!0,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},t.hint))}var be=l(require("react"),1);var No=(0,be.forwardRef)(function(o,t){let{formField:s}=o,r=`${s.id}-hint`,a=y(s.customForm);jr(s.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for date field "${s.id}"`);let n=o.state||s.defaultValue?.toString();return be.default.createElement("div",null,be.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:s.id},s.label),be.default.createElement("div",{className:"app-sdk-mt-1"},be.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"date",defaultValue:n,id:s.id,name:s.id,"aria-describedby":r,"data-form-field-type":"date"})),a?.hint&&be.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},a?.hint))});function jr(e){return new Date(e?.toString()).toString()!=="Invalid Date"}var _e=l(require("react"),1);function Co(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm);o.defaultValue&&!Wr(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for dateteime-local field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return _e.default.createElement("div",null,_e.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),_e.default.createElement("div",{className:"app-sdk-mt-1"},_e.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"datetime-local",defaultValue:r,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"datetime-local"})),s?.hint&&_e.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Gr(e){return new Date(e?.toString()).toString()!=="Invalid Date"}function Jr(e){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(e)}function Wr(e){if(!e.includes("T"))return!1;let[o,t]=e.split("T");return Gr(o)&&Jr(t)}var xe=l(require("react"),1);function Fo(e){return!Number.isNaN(Number(e?.toString()))}var Po=(0,xe.forwardRef)(function(o,t){let{formField:s}=o,r=`${s.id}-hint`,a=y(s.customForm);return Fo(s.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for decimal field "${s.id}"`),xe.default.createElement("div",null,xe.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:s.id},s.label),xe.default.createElement("div",{className:"app-sdk-mt-1"},xe.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:a?.step??.01,placeholder:a?.placeholder||"0.00",defaultValue:o.state||s.defaultValue?.toString(),id:s.id,name:s.id,"aria-describedby":r,"data-form-field-type":"decimal"})),a?.hint&&xe.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},a?.hint))});var Ae=l(require("react"),1);function So(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm),r=e.state||(o.defaultValue?.toString()??"");return Ae.default.createElement("div",null,Ae.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Ae.default.createElement("div",{className:"app-sdk-mt-1"},Ae.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"email",defaultValue:r,id:o.id,name:o.id,placeholder:s?.placeholder,"aria-describedby":t,"data-form-field-type":"email"})),s?.hint&&Ae.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var A=l(require("react"),1);var Do=(0,A.forwardRef)(function({formField:o,state:t},s){let r=y(o.customForm),a=o.label,n=o.enumValues,i;switch(r?.displayAs){case"checkbox":let u;Array.isArray(t)&&t.length?u=t:u=(t||o.defaultValue?.toString())?.split(",")??[],i=A.default.createElement("fieldset",{id:o.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":r?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(m=>{let k=u.find(w=>w.trim()===m.id);return A.default.createElement("div",{key:m.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},A.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},A.default.createElement("input",{type:"checkbox",defaultChecked:k,name:o.id,id:m.id,value:m.id,className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),A.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},A.default.createElement("label",{htmlFor:m.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},m.name)))}));break;case"radio":i=A.default.createElement("fieldset",{id:o.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":r?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(m=>A.default.createElement("div",{key:m.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},A.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},A.default.createElement("input",{type:"radio",defaultChecked:(t||o.defaultValue)==m.id,name:o.id,id:m.id,value:m.id,className:"app-sdk-form-radio app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),A.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},A.default.createElement("label",{htmlFor:m.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},m.name)))));break;default:let p=t||n?.find(m=>m.id===o.defaultValue)?.id||"";i=A.default.createElement("select",{id:o.id,name:o.id,className:"app-sdk-form-select app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-mt-1 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-py-2 app-sdk-pl-3 app-sdk-pr-10 app-sdk-text-base app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-outline-none focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:app-sdk-bg-app-sdk-dropdown-dark dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",onChange:m=>m.target.dataset.value=m.target.value,"data-value":p,"aria-describedby":r?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:p},A.default.createElement("option",{value:""},!p&&r?.placeholder),n?.map(m=>A.default.createElement("option",{key:m.id,value:m.id},m.name)));break}let d=r?.hint?A.default.createElement("p",{id:`${o.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},r.hint):null;return A.default.createElement("div",null,A.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},a),i,d)});var ro=l(require("react"),1);function To(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm);return ro.default.createElement("div",null,ro.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),ro.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",type:"file",id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"file",multiple:s?.multiple}),s?.hint&&ro.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var Ie=l(require("react"),1);var Eo=(0,Ie.forwardRef)(function({formField:o},t){let s=y(o.customForm),r;switch(s?.style){case"heading_1":r=Ie.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break;case"heading_2":r=Ie.default.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break;case"heading_3":r=Ie.default.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break;default:r=Ie.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break}return Ie.default.createElement("div",{className:"app-sdk-header-form-field"},r)});var ks=l(require("react"),1);function Mo(e){let{formField:o}=e;return ks.default.createElement("input",{className:"app-sdk-hidden",type:"hidden",id:o.id,value:o.defaultValue?.toString()||"",name:o.id,"data-form-field-type":"hidden"})}var Ne=l(require("react"),1);var Bo=(0,Ne.forwardRef)(function({formField:o,state:t},s){let r=y(o.customForm);return Fo(o.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for integer field "${o.id}"`),Ne.default.createElement("div",null,Ne.default.createElement("label",{htmlFor:o.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},o.label),Ne.default.createElement("div",{className:"app-sdk-mt-1"},Ne.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:1,id:o.id,name:o.id,defaultValue:t||o.defaultValue?.toString(),placeholder:r?.placeholder??"0","aria-describedby":`${o.id}-hint`,"data-form-field-type":"integer"})),r?.hint&&Ne.default.createElement("p",{id:`${o.id}-hint`,"data-hint":!0,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},r.hint))});var $e=l(require("react"),1);function Oo(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm);o.defaultValue&&!qr(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for month field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return $e.default.createElement("div",null,$e.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),$e.default.createElement("div",{className:"app-sdk-mt-1"},$e.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"month",defaultValue:r,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"month"})),s?.hint&&$e.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function qr(e){return/^\d{4}-(0[1-9]|1[0-2])$/.test(e)}var hs=l(require("isomorphic-dompurify"),1),Lo=require("marked"),Uo=l(require("react"),1),Vo=require("react");var _o=(0,Uo.forwardRef)(function({formField:{defaultValue:o,label:t}},s){let[r,a]=(0,Vo.useState)("");return(0,Vo.useEffect)(()=>{let n=Lo.marked.parse(o?.toString()??t?.toString()??"",{renderer:new Pt,hooks:new St});a(n)},[o,t]),Uo.default.createElement("div",{className:_("app-sdk-text-sm","[&_p]:app-sdk-my-4 first-of-type:[&_p]:app-sdk-mb-4 first-of-type:[&_p]:app-sdk-mt-0","[&_a]:app-sdk-text-[color:var(--asdk-dui-link-color)] [&_a]:app-sdk-underline hover:[&_a]:app-sdk-text-[color:var(--asdk-dui-link-hover-color)]","[&_h1]:app-sdk-text-2xl [&_h1]:app-sdk-font-bold [&_h2]:app-sdk-text-xl [&_h2]:app-sdk-font-bold [&_h3]:app-sdk-text-lg [&_h3]:app-sdk-font-bold [&_h4]:app-sdk-text-base [&_h4]:app-sdk-font-bold [&_h5]:app-sdk-text-sm [&_h5]:app-sdk-font-bold [&_h6]:app-sdk-text-xs [&_h6]:app-sdk-font-bold","[&_code]:app-sdk-text-[#e83e8c] [&_pre]:app-sdk-my-4 [&_pre]:app-sdk-bg-gray-100 [&_pre]:dark:app-sdk-bg-app-sdk-gray-700 [&_pre_code]:app-sdk-text-inherit","[&_blockquote]:app-sdk-m-[revert] [&_fieldset]:app-sdk-m-[revert] [&_h1]:app-sdk-m-[revert] [&_h2]:app-sdk-m-[revert] [&_h3]:app-sdk-m-[revert] [&_h4]:app-sdk-m-[revert] [&_h5]:app-sdk-m-[revert] [&_h6]:app-sdk-m-[revert] [&_menu]:app-sdk-m-[revert] [&_ol]:app-sdk-m-[revert] [&_ul]:app-sdk-m-[revert]","[&_fieldset]:app-sdk-p-[revert] [&_menu]:app-sdk-p-[revert] [&_ol]:app-sdk-p-[revert] [&_ul]:app-sdk-p-[revert]","[&_ol]:app-sdk-list-decimal [&_ol_p]:app-sdk-my-2 first-of-type:[&_ol_p]:app-sdk-my-4 [&_ul]:app-sdk-list-disc [&_ul_p]:app-sdk-my-2 first-of-type:[&_ul_p]:app-sdk-my-4","[&_input[type='checkbox']]:app-sdk-form-checkbox [&_input[type='checkbox']]:app-sdk-border [&_input[type='checkbox']]:app-sdk-h-4 [&_input[type='checkbox']]:app-sdk-w-4 [&_input[type='checkbox']]:app-sdk-rounded [&_input[type='checkbox']]:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:app-sdk-text-sky-600 [&_input[type='checkbox']]:hover:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:dark:app-sdk-border-2 [&_input[type='checkbox']]:dark:app-sdk-border-solid [&_input[type='checkbox']]:dark:app-sdk-border-transparent [&_input[type='checkbox']]:dark:app-sdk-bg-app-sdk-gray-350 [&_input[type='checkbox']]:dark:app-sdk-text-[#007bff40] [&_input[type='checkbox']]:dark:hover:app-sdk-border-transparent [&_input[type='checkbox']]:dark:hover:checked:app-sdk-bg-app-sdk-gray-350"),dangerouslySetInnerHTML:{__html:r}})}),Pt=class extends Lo.marked.Renderer{link(o){return super.link(o).replace("<a","<a target='_blank'")}html(o){let t=super.html(o);return t.startsWith("<a ")&&!t.includes("target=")?t.replace("<a ",'<a target="_blank" '):t}},St=class extends Lo.marked.Hooks{postprocess(o){return hs.default.sanitize(o,{ADD_ATTR:["target"]})}};var He=l(require("react"),1);function Ao(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm),r=e.state||(o.defaultValue?.toString()??"");return He.default.createElement("div",null,He.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),He.default.createElement("div",{className:"app-sdk-mt-1"},He.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",type:"password",id:o.id,name:o.id,defaultValue:r,placeholder:s?.placeholder,"aria-describedby":t,"data-form-field-type":"password"})),s?.hint&&He.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var ce=l(require("react"),1);function $o({formField:e,state:o}){let t=y(e.customForm),s=t?.entries,r=`${e.id}-hint`;return ce.default.createElement("div",null,ce.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),ce.default.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"radio"},s?.map(a=>ce.default.createElement("div",{key:a.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},ce.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},ce.default.createElement("input",{type:"radio",defaultChecked:(o||e.defaultValue)==a.key,name:e.id,id:a.key,value:a.key,className:"app-sdk-form-radio app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),ce.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},ce.default.createElement("label",{htmlFor:a.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},a.value))))),t?.hint&&ce.default.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},t?.hint))}var ge=l(require("react"),1);function Ho({formField:e,state:o}){let t=y(e.customForm),s=e.label,r=t?.min||0,a=t?.max||100,n=t?.step||1,i=o||e.defaultValue?.toString()||r.toString(),[d,u]=(0,ge.useState)(i),p=w=>{u(w.target.value)},m=ge.default.createElement("input",{className:_("app-sdk-form-input app-sdk-block app-sdk-w-full app-sdk-appearance-auto app-sdk-px-0 app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] focus:app-sdk-ring-transparent focus:app-sdk-border-transparent"),id:e.id,name:e.id,type:"range",min:r.toString(),max:a.toString(),step:n.toString(),defaultValue:i,onChange:p,"aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"range"}),k=t?.hint?ge.default.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},t.hint):null;return ge.default.createElement("div",null,ge.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),ge.default.createElement("div",{className:"app-sdk-mt-1 app-sdk-flex app-sdk-flex-row"},m,ge.default.createElement("span",{className:"app-sdk-mt-2 app-sdk-ml-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-text-color)]"},d)),k)}var Ee=l(require("react"),1);function zo({formField:e,state:o}){let t=y(e.customForm),s=t?.entries,r=`${e.id}-hint`,a=o||s?.find(n=>n.key===e.defaultValue)?.key||"";return Ee.default.createElement("div",null,Ee.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Ee.default.createElement("select",{id:e.id,name:e.id,className:"app-sdk-form-select app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-mt-1 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-py-2 app-sdk-pl-3 app-sdk-pr-10 app-sdk-text-base app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-outline-none focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:app-sdk-bg-app-sdk-dropdown-dark dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",onChange:n=>n.target.dataset.value=n.target.value,"data-value":a,"aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"select",defaultValue:a},Ee.default.createElement("option",{value:""},!a&&t?.placeholder),s?.map(n=>Ee.default.createElement("option",{key:n.key,value:n.key},n.value))),t?.hint&&Ee.default.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},t?.hint))}var we=l(require("react"),1);var ze=l(require("react"),1);function Re(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm),r=e.state||(o.defaultValue?.toString()??"");return ze.default.createElement("div",null,ze.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),ze.default.createElement("div",{className:"app-sdk-mt-1"},ze.default.createElement("textarea",{className:"app-sdk-form-textarea app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",defaultValue:r,id:o.id,name:o.id,rows:s?.rows??4,"aria-describedby":t,"data-form-field-type":"textarea",placeholder:s?.placeholder})),s?.hint&&ze.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var Ro=(0,we.forwardRef)(function({formField:o,state:t},s){let r=y(o.customForm);if(r?.multiline==="true")return we.default.createElement(Re,{formField:o,state:t});let n=`${o.id}-hint`,i=t||(o.defaultValue?.toString()??"");return we.default.createElement("div",null,we.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),we.default.createElement("div",{className:"app-sdk-mt-1"},we.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",type:"text",defaultValue:i,id:o.id,name:o.id,"aria-describedby":n,"data-form-field-type":"text",placeholder:r?.placeholder})),r?.hint&&we.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:n},r?.hint))});var je=l(require("react"),1);function jo({formField:e,state:o}){let t=y(e.customForm),s=`${e.id}-hint`;return je.default.createElement("div",null,je.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),je.default.createElement("div",{className:"app-sdk-mt-1"},je.default.createElement("input",{className:_("app-sdk-form-input app-sdk-block app-sdk-w-full app-sdk-appearance-none app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] app-sdk-pl-3 app-sdk-pr-3"),id:e.id,name:e.id,type:"tel",defaultValue:o||(e.defaultValue?.toString()??""),placeholder:t?.placeholder,"aria-describedby":t?.hint?s:void 0,"data-form-field-type":"tel"})),t?.hint&&je.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:s},t.hint))}var Ge=l(require("react"),1);function Go(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm);o.defaultValue&&!Xr(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for time field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return Ge.default.createElement("div",null,Ge.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Ge.default.createElement("div",{className:"app-sdk-mt-1"},Ge.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"time",defaultValue:r,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"time"})),s?.hint&&Ge.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Xr(e){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(e)}var Je=l(require("react"),1);function Jo(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm),r=e.state||(o.defaultValue?.toString()??"");return Je.default.createElement("div",null,Je.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Je.default.createElement("div",{className:"app-sdk-mt-1"},Je.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",type:"url",id:o.id,defaultValue:r,placeholder:s?.placeholder??"https://processcube.io/",name:o.id,"aria-describedby":t,"data-form-field-type":"url"})),s?.hint&&Je.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var We=l(require("react"),1);function Wo(e){let{formField:o}=e,t=`${o.id}-hint`,s=y(o.customForm);o.defaultValue&&!Yr(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for week field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return We.default.createElement("div",null,We.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),We.default.createElement("div",{className:"app-sdk-mt-1"},We.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"week",defaultValue:r,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"week"})),s?.hint&&We.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Yr(e){return/^(\d{4})-W(0[1-9]|[1-4][0-9]|5[0-3])$/.test(e)}var ws=(x=>(x.paragraph="paragraph",x.header="header",x.confirm="confirm",x.checkbox="checkbox",x.radio="radio",x.select="select",x.range="range",x.file="file",x.hidden="hidden",x.tel="tel",x.textarea="textarea",x.url="url",x.week="week",x.time="time",x.month="month",x.datetimeLocal="datetime-local",x.email="email",x.color="color",x.password="password",x.custom="custom",x))(ws||{}),td={...gs.DataModels.FlowNodeInstances.UserTaskFormFieldType,...ws},Dt={boolean:wo,checkbox:yo,color:vo,date:No,email:So,enum:Do,file:To,hidden:Mo,long:Bo,"datetime-local":Co,month:Oo,number:Po,string:Ro,paragraph:_o,password:Ao,radio:$o,range:Ho,select:zo,header:Eo,confirm:xo,tel:jo,textarea:Re,time:Go,url:Jo,week:Wo,custom:Io};var Kr=(0,xs.default)(P.default.version,">=19.0.0 <20",{includePrerelease:!0}),Ns=(0,bs.default)(P.default.version)==null,ys=!Ns&&(0,vs.default)(P.default.version,"19.0.0")&&P.default.version.includes("canary"),Tt=class extends P.default.Component{};function Zr(e){Kr||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		The React version is not supported!
 Version: ${P.default.version}`);let{userTaskConfig:o}=e.task,{formFields:t}=o,s=(0,P.useRef)(null),r=(0,P.useRef)(null),a=new Map(t.map(h=>[h.id,{ref:P.default.createRef()}])),n=t.filter(h=>h.type==="confirm");n.length>1&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Warning while rendering UserTask "${e.task.flowNodeId}"!
  The UserTask has more than one confirm form field. Please use only one confirm form field per User Task.
 

package/build/client/index.css

@@ -1 +1 @@
-.heatmap-flow-shadow{filter:drop-shadow(0 0 10px rgb(128,171,188)) drop-shadow(0 0 10px rgb(128,171,188)) drop-shadow(0 0 10px rgb(128,171,188))}.heatmap-critical{filter:drop-shadow(0 0 2px rgb(255,0,0)) drop-shadow(0 0 4px rgb(255,0,0)) drop-shadow(0 0 6px rgb(255,0,0)) drop-shadow(0 0 14px rgb(255,0,0))}.heatmap-warning{filter:drop-shadow(0 0 2px rgb(255,220,0)) drop-shadow(0 0 4px rgb(255,220,0)) drop-shadow(0 0 6px rgb(255,220,0)) drop-shadow(0 0 10px rgb(255,220,0))}.heatmap-stable{filter:drop-shadow(0 0 4px rgb(50,205,50)) drop-shadow(0 0 6px rgb(50,205,50))}.flow-node-running-state-overlay{background-color:#54c8ff80;opacity:.4;pointer-events:none;border-radius:10px}.flow-node-suspended-state-overlay{background-color:#2185d080;opacity:.4;pointer-events:none;border-radius:10px}.flow-node-finished-state-overlay{background-color:#18b91880;opacity:.4;pointer-events:none;border-radius:10px}.flow-node-terminated-state-overlay{background-color:#e66e0080;opacity:.4;pointer-events:none;border-radius:10px}.flow-node-error-state-overlay{background-color:#ff010180;opacity:.4;pointer-events:none;border-radius:10px}.flow-node-canceled-state-overlay{background-color:#64647d80;opacity:.4;pointer-events:none;border-radius:10px}.flow-node-unknown-state-overlay{background-color:#e9b3ff80;opacity:.4;pointer-events:none;border-radius:10px}.bpmn-element-overlay-backdrop--gateway{position:absolute;border-radius:0;transform:rotate(45deg) translate(10px)}.bpmn-element-overlay-backdrop--rounded{border-radius:50%}.connection-done .djs-visual>*{stroke:#11ca00!important}.bpmn-element-overlay-backdrop{border-radius:10px;display:flex;align-items:stretch;justify-content:stretch;flex-direction:column}.flownode-overlay{pointer-events:all;display:flex;justify-content:center;z-index:99999;margin-top:7px}.bpmn-element-overlay__below{display:flex;border-radius:.125rem}.bpmn-element-overlay__below-item{display:flex;flex-flow:column;align-items:center;padding:.25rem 0;margin:0 .075rem;min-width:32px;font-size:.75rem;border-radius:.25rem}.bpmn-element-overlay__below-item--execution-count{color:#fff;background-color:#777;font-weight:700}.bpmn-element-overlay__below-item--action{background-color:#607d8b;color:#fff;cursor:pointer;line-height:16px;&:hover .action-icon-hovered,.action-icon{display:unset}&:hover .action-icon,.action-icon-hovered{display:none}}.monaco-editor{border:1px solid black}.flex-row{display:flex;flex-direction:row}.token-area{width:40%}.documentation-area{margin-left:20px;flex:1 1 100%}#markdown-container{max-height:450px;width:100%;overflow-y:auto}
+@import"tailwindcss/base.js";@import"tailwindcss/components.js";@import"tailwindcss/utilities.js";.heatmap-flow-shadow{filter:drop-shadow(0 0 10px rgb(128,171,188)) drop-shadow(0 0 10px rgb(128,171,188)) drop-shadow(0 0 10px rgb(128,171,188))}.heatmap-critical{filter:drop-shadow(0 0 2px rgb(255,0,0)) drop-shadow(0 0 4px rgb(255,0,0)) drop-shadow(0 0 6px rgb(255,0,0)) drop-shadow(0 0 14px rgb(255,0,0))}.heatmap-warning{filter:drop-shadow(0 0 2px rgb(255,220,0)) drop-shadow(0 0 4px rgb(255,220,0)) drop-shadow(0 0 6px rgb(255,220,0)) drop-shadow(0 0 10px rgb(255,220,0))}.heatmap-stable{filter:drop-shadow(0 0 4px rgb(50,205,50)) drop-shadow(0 0 6px rgb(50,205,50))}.flow-node-running-state-overlay{background-color:#54c8ff80;opacity:.4;pointer-events:none;border-radius:10px}.flow-node-suspended-state-overlay{background-color:#2185d080;opacity:.4;pointer-events:none;border-radius:10px}.flow-node-finished-state-overlay{background-color:#18b91880;opacity:.4;pointer-events:none;border-radius:10px}.flow-node-terminated-state-overlay{background-color:#e66e0080;opacity:.4;pointer-events:none;border-radius:10px}.flow-node-error-state-overlay{background-color:#ff010180;opacity:.4;pointer-events:none;border-radius:10px}.flow-node-canceled-state-overlay{background-color:#64647d80;opacity:.4;pointer-events:none;border-radius:10px}.flow-node-unknown-state-overlay{background-color:#e9b3ff80;opacity:.4;pointer-events:none;border-radius:10px}.bpmn-element-overlay-backdrop--gateway{position:absolute;border-radius:0;transform:rotate(45deg) translate(10px)}.bpmn-element-overlay-backdrop--rounded{border-radius:50%}.connection-done .djs-visual>*{stroke:#11ca00!important}.bpmn-element-overlay-backdrop{border-radius:10px;display:flex;align-items:stretch;justify-content:stretch;flex-direction:column}.flownode-overlay{pointer-events:all;display:flex;justify-content:center;z-index:99999;margin-top:7px}.bpmn-element-overlay__below{display:flex;border-radius:.125rem}.bpmn-element-overlay__below-item{display:flex;flex-flow:column;align-items:center;padding:.25rem 0;margin:0 .075rem;min-width:32px;font-size:.75rem;border-radius:.25rem}.bpmn-element-overlay__below-item--execution-count{color:#fff;background-color:#777;font-weight:700}.bpmn-element-overlay__below-item--action{background-color:#607d8b;color:#fff;cursor:pointer;line-height:16px;&:hover .action-icon-hovered,.action-icon{display:unset}&:hover .action-icon,.action-icon-hovered{display:none}}.monaco-editor{border:1px solid black}.flex-row{display:flex;flex-direction:row}.token-area{width:40%}.documentation-area{margin-left:20px;flex:1 1 100%}#markdown-container{max-height:450px;width:100%;overflow-y:auto}@layer base{.dark,.dark *{--asdk-focus-color: var(--app-sdk-focus-color, #007bff40);--asdk-text-color: var(--app-sdk-text-color, theme("colors.app-sdk-gray.50"))}*,:before,:after{--asdk-focus-color: var(--app-sdk-focus-color, theme("colors.sky.700"));--asdk-text-color: var(--app-sdk-text-color, theme("colors.gray.700"))}.app-sdk-default-styles *{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:theme("fontFamily.sans",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:theme("fontFamily.sans[1].fontFeatureSettings",normal);font-variation-settings:theme("fontFamily.sans[1].fontVariationSettings",normal);-webkit-tap-highlight-color:transparent;box-sizing:border-box;border-width:0;border-style:solid;border-color:theme("borderColor.DEFAULT",currentColor);--tw-content: "";margin:0;line-height:inherit}}@layer utilities{.app-sdk-scroll-shadow{mask-image:linear-gradient(to bottom,transparent,black 1.5rem,black calc(100% - 1.5rem),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 1.5rem,black calc(100% - 1.5rem),transparent)}}@layer base{.dark,.dark *{--asdk-dui-background-color: var(--app-sdk-dynamic-ui-background-color, theme("colors.app-sdk-gray.500"));--asdk-dui-shadow-color: var(--app-sdk-dynamic-ui-shadow-color, theme("colors.app-sdk-gray.300"));--asdk-dui-border-color: var(--app-sdk-dynamic-ui-border-color, transparent);--asdk-dui-formfield-hint-text-color: var(--app-sdk-dynamic-ui-formfield-hint-text-color, theme("colors.app-sdk-gray.200"));--asdk-dui-formfield-background-color: var(--app-sdk-dynamic-ui-formfield-background-color, theme("colors.app-sdk-gray.350"));--asdk-dui-formfield-placeholder-text-color: var(--app-sdk-dynamic-ui-formfield-placeholder-text-color, theme("colors.gray.400"));--asdk-dui-formfield-invalid-color: var(--app-sdk-dynamic-ui-formfield-invalid-color, #dc35467f);--asdk-dui-formfield-checkbox-text-color: var(--app-sdk-dynamic-ui-formfield-checkbox-text-color, #007bff74);--asdk-dui-header-text-color: var(--app-sdk-dynamic-ui-header-text-color, theme("colors.app-sdk-gray.150"));--asdk-dui-footer-background-color: var(--app-sdk-dynamic-ui-footer-background-color, theme("colors.app-sdk-gray.600"));--asdk-dui-footer-continue-button-background-color: var(--app-sdk-dynamic-ui-footer-continue-button-background-color, #33609a);--asdk-dui-footer-continue-button-background-hover-color: var(--app-sdk-dynamic-ui-footer-continue-button-background-hover-color, #3666a5);--asdk-dui-footer-continue-button-focus-outline-color: var(--app-sdk-dynamic-ui-footer-continue-button-focus-outline-color, #3666a5);--asdk-dui-footer-decline-button-background-color: var(--app-sdk-dynamic-ui-footer-decline-button-background-color, theme("colors.app-sdk-gray.350"));--asdk-dui-footer-decline-button-background-hover-color: var(--app-sdk-dynamic-ui-footer-decline-button-background-hover-color, theme("colors.app-sdk-gray.300"));--asdk-dui-footer-decline-button-focus-outline-color: var(--app-sdk-dynamic-ui-footer-decline-button-focus-outline-color, theme("colors.app-sdk-gray.300"))}*,:before,:after{--asdk-dui-background-color: var(--app-sdk-dynamic-ui-background-color, theme("colors.white"));--asdk-dui-text-color: var(--app-sdk-dynamic-ui-text-color, var(--asdk-text-color));--asdk-dui-link-color: var(--app-sdk-dynamic-ui-link-color, theme("colors.sky.600"));--asdk-dui-link-hover-color: var(--app-sdk-dynamic-ui-link-hover-color, theme("colors.sky.900"));--asdk-dui-border-color: var(--app-sdk-dynamic-ui-border-color, theme("colors.gray.300"));--asdk-dui-focus-color: var(--app-sdk-dynamic-ui-focus-color, var(--asdk-focus-color));--asdk-dui-shadow-color: var(--app-sdk-dynamic-ui-shadow-color, theme("colors.gray.400"));--asdk-dui-formfield-hint-text-color: var(--app-sdk-dynamic-ui-formfield-hint-text-color, theme("colors.gray.500"));--asdk-dui-formfield-background-color: var(--app-sdk-dynamic-ui-formfield-background-color, theme("colors.white"));--asdk-dui-formfield-placeholder-text-color: var(--app-sdk-dynamic-ui-formfield-placeholder-text-color, theme("colors.gray.500"));--asdk-dui-formfield-invalid-color: var(--app-sdk-dynamic-ui-formfield-invalid-color, theme("colors.red.500"));--asdk-dui-formfield-checkbox-text-color: var(--app-sdk-dynamic-ui-formfield-checkbox-text-color, theme("colors.sky.600"));--asdk-dui-header-text-color: var(--app-sdk-dynamic-ui-header-text-color, theme("colors.gray.900"));--asdk-dui-footer-background-color: var(--app-sdk-dynamic-ui-footer-background-color, theme("colors.gray.50"));--asdk-dui-footer-continue-button-text-color: var(--app-sdk-dynamic-ui-footer-continue-button-text-color, theme("colors.white"));--asdk-dui-footer-continue-button-background-color: var(--app-sdk-dynamic-ui-footer-continue-button-background-color, theme("colors.sky.600"));--asdk-dui-footer-continue-button-background-hover-color: var(--app-sdk-dynamic-ui-footer-continue-button-background-hover-color, theme("colors.sky.700"));--asdk-dui-footer-continue-button-focus-outline-color: var(--app-sdk-dynamic-ui-footer-continue-button-focus-outline-color, theme("colors.sky.500"));--asdk-dui-footer-decline-button-text-color: var(--app-sdk-dynamic-ui-footer-decline-button-text-color, var(--asdk-text-color));--asdk-dui-footer-decline-button-background-color: var(--app-sdk-dynamic-ui-footer-decline-button-background-color, theme("colors.white"));--asdk-dui-footer-decline-button-background-hover-color: var(--app-sdk-dynamic-ui-footer-decline-button-background-hover-color, theme("colors.gray.50"));--asdk-dui-footer-decline-button-focus-outline-color: var(--app-sdk-dynamic-ui-footer-decline-button-focus-outline-color, theme("colors.gray.300"))}}