npm - @5minds/processcube_app_sdk - Versions diffs - 6.1.0-beta.1 → 6.1.0-beta.2 - Mend

@5minds/processcube_app_sdk 6.1.0-beta.1 → 6.1.0-beta.2

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

Files changed (28) hide show

package/build/client/index.cjs CHANGED Viewed

@@ -1,22 +1,22 @@
-"use client";var bo=Object.create;var W=Object.defineProperty;var wo=Object.getOwnPropertyDescriptor;var Fo=Object.getOwnPropertyNames;var xo=Object.getPrototypeOf,No=Object.prototype.hasOwnProperty;var Co=(o,e)=>{for(var t in e)W(o,t,{get:e[t],enumerable:!0})},Le=(o,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of Fo(e))!No.call(o,n)&&n!==t&&W(o,n,{get:()=>e[n],enumerable:!(r=wo(e,n))||r.enumerable});return o};var d=(o,e,t)=>(t=o!=null?bo(xo(o)):{},Le(e||!o||!o.__esModule?W(t,"default",{value:o,enumerable:!0}):t,o)),So=o=>Le(W({},"__esModule",{value:!0}),o);var Wo={};Co(Wo,{BPMNViewer:()=>Z,BPMNViewerNextJS:()=>Mo,BooleanFormField:()=>ee,BpmnViewerComponent:()=>Me,ConfirmFormField:()=>te,CustomFormField:()=>re,DateFormField:()=>ne,DecimalFormField:()=>se,DiagramDocumentationInspector:()=>Ze,DiagramDocumentationInspectorNextJS:()=>Uo,DocumentationViewer:()=>q,DropdownMenu:()=>Lo,DropdownMenuItem:()=>Oo,DynamicLink:()=>zo,DynamicUi:()=>Bo,DynamicUiComponent:()=>_e,EnumFormField:()=>ie,FlowNode:()=>K,FormFieldComponentMap:()=>Te,HeaderFormField:()=>de,IntegerFormField:()=>pe,ParagraphFormField:()=>ue,SplitterLayout:()=>$,StringFormField:()=>fe});module.exports=So(Wo);var _r=require("client-only");var Oe=d(require("bpmn-js/lib/Viewer"),1),ze=d(require("clsx"),1),Ae=d(require("diagram-js/lib/features/selection"),1),Ve=d(require("diagram-js/lib/navigation/movecanvas"),1),Be=d(require("diagram-js/lib/navigation/zoomscroll"),1),Re=d(require("next/dynamic"),1),M=require("react"),he=d(require("react"),1);function Io(o,e){let t=(0,M.useRef)(null),r=(0,M.useRef)(new Oe.default({bpmnRenderer:{defaultFillColor:"var(--asdk-bv-background-color)",defaultStrokeColor:"var(--asdk-bv-foreground-color)"},additionalModules:[Be.default,Ve.default,Ae.default]}));return(0,M.useImperativeHandle)(e,()=>({getOverlays(){return r.current.get("overlays")},getElementRegistry(){return r.current.get("elementRegistry")}}),[]),(0,M.useEffect)(()=>{if(!t.current)return;let n=r.current;n.attachTo(t.current);let a=n.get("canvas"),s=i=>{o.onSelectionChanged?.(i.newSelection)};return n.importXML(o.xml).then(()=>{let i=a.viewbox(),l={x:i.outer.width/2,y:i.outer.height/2};a.zoom("fit-viewport",l),o.onImportDone?.(),n.on("selection.changed",s);let{preselectedElementIds:c}=o;if(!c||c.length===0)return;let p=n.get("elementRegistry").filter(F=>c.includes(F.id)).sort((F,x)=>c.indexOf(F.id)-c.indexOf(x.id));n.get("selection").select(p??[])}).catch(i=>{console.error(`[@5minds/processcube_app_sdk:BPMNViewer]		Error while importing BPMN XML: "${i.message}`)}),()=>{n.off("selection.changed",s),n.detach()}},[o.xml,o.preselectedElementIds]),he.default.createElement("div",{ref:t,className:(0,ze.default)("app-sdk-bpmn-viewer","app-sdk-h-full",o.className)})}var Z=(0,M.forwardRef)(Io);function Do(o){return he.default.createElement(Z,{...o,ref:o.viewerRef})}var Mo=(0,Re.default)(()=>Promise.resolve(Do),{ssr:!1});var Y=require("bpmn-js/lib/util/ModelUtil"),We=d(require("next/dynamic"),1),S=require("react"),E=d(require("react"),1);var ye=d(require("react"),1),je=d(require("react-markdown"),1),$e=d(require("rehype-autolink-headings"),1),He=d(require("rehype-raw"),1),Ge=d(require("rehype-slug"),1),Je=d(require("remark-gfm"),1);function q(o){return ye.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"},ye.default.createElement(je.default,{remarkPlugins:[Je.default],rehypePlugins:[He.default,Ge.default,[$e.default,{behavior:"wrap"}]],className:"app-sdk-markdown lg:app-sdk-mx-40 md:app-sdk-mx-20 app-sdk-mx-10"},o.documentation??""))}var P=d(require("react"),1),Xe=4,$=class extends P.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(e){super(e),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:e.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),document.addEventListener("dblclick",this.handleSplitterDoubleClick);let e;if(this.props.secondaryInitialSize)e=this.props.secondaryInitialSize;else{let t=this.container.getBoundingClientRect(),r;this.splitter?r=this.splitter.getBoundingClientRect():r={width:Xe,height:Xe},e=this.getSecondaryPaneSize(t,r,{left:t.left+(t.width-r.width)/2,top:t.top+(t.height-r.height)/2},!1)}this.setSecondaryPaneSize(e)}componentDidUpdate(e,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),document.removeEventListener("dblclick",this.handleSplitterDoubleClick)}clearSelection(){if(document.body.createTextRange){let e=document.body.createTextRange();e.collapse(),e.select()}else if(window.getSelection){let e=window.getSelection();if(e==null)return;e.empty?e.empty():e.removeAllRanges&&e.removeAllRanges()}else document.selection&&document.selection.empty()}getSecondaryPaneSize(e,t,r,n){let a=0,s=0,i=0;this.props.vertical?(a=e.height,s=t.height,i=r.top-e.top):(a=e.width,s=t.width,i=r.left-e.left),n&&(i-=s/2),i<0?i=0:i>a-s&&(i=a-s);let l;this.props.primaryIndex===1?l=i:l=a-s-i;let c=a-s-l;return this.props.percentage&&(l=l*100/a,c=c*100/a,s=s*100/a,a=100),c<this.props.primaryMinSize?l=Math.max(l-(this.props.primaryMinSize-c),0):l<this.props.secondaryMinSize&&(l=Math.min(a-s-this.props.primaryMinSize,this.props.secondaryMinSize)),l}setSecondaryPaneSize(e){this.setState({secondaryPaneSize:e})}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 e=this.props.secondaryDefaultSize||this.props.secondaryMinSize;return this.state.secondaryPaneSize===e}reset(){let e=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.setSecondaryPaneSize(e)}handleResize(){if(this.splitter&&!this.props.percentage){let e=this.container.getBoundingClientRect(),t=this.splitter.getBoundingClientRect(),r=this.getSecondaryPaneSize(e,t,{left:t.left,top:t.top},!1);this.setState({secondaryPaneSize:r})}}handleMouseMove(e){if(this.state.resizing){let t=this.container.getBoundingClientRect(),r=this.splitter.getBoundingClientRect(),n=this.getSecondaryPaneSize(t,r,{left:e.clientX,top:e.clientY},!0);this.clearSelection(),this.setState({secondaryPaneSize:n})}}handleTouchMove(e){this.handleMouseMove(e.changedTouches[0])}handleSplitterMouseDown(e){e.preventDefault(),this.clearSelection(),this.setState({resizing:!0})}handleSplitterDoubleClick(){let e=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.state.secondaryPaneSize===e?this.setSecondaryPaneSize(Math.floor(e*1.5)):this.setSecondaryPaneSize(e)}handleMouseUp(){this.setState(e=>e.resizing?{resizing:!1}:null)}render(){let e="app-sdk-splitter-layout";this.props.customClassName&&(e+=` ${this.props.customClassName}`),this.props.vertical&&(e+=" app-sdk-splitter-layout-vertical"),this.state.resizing&&(e+=" layout-changing");let t=P.default.Children.toArray(this.props.children).slice(0,2);t.length===0&&t.push(P.default.createElement("div",null));let r=[],n=this.props.primaryIndex!==0&&this.props.primaryIndex!==1?0:this.props.primaryIndex;for(let a=0;a<t.length;++a){let s=!0,i;t.length>1&&a!==n&&(s=!1,i=this.state.secondaryPaneSize),r.push(P.default.createElement(Po,{vertical:this.props.vertical,percentage:this.props.percentage,primary:s,size:i},t[a]))}return P.default.createElement("div",{className:e,ref:a=>{this.container=a}},r[0],r.length>1&&P.default.createElement("div",{role:"separator",className:"app-sdk-layout-splitter"},P.default.createElement("div",{className:"app-sdk-layout-splitter__inner",ref:a=>{this.splitter=a},onMouseDown:this.handleSplitterMouseDown,onTouchStart:this.handleSplitterMouseDown})),r.length>1&&r[1])}};function Po(o={vertical:!1,primary:!1,size:0,percentage:!1,children:[]}){let e=o.size||0,t=o.percentage?"%":"px",r="app-sdk-layout-pane",n={};return o.primary?r+=" app-sdk-layout-pane-primary":o.vertical?n.height=`${e}${t}`:n.width=`${e}${t}`,P.default.createElement("div",{className:r,style:n},o.children)}var H=30;function Ze(o){let e=(0,S.useRef)(null),t=(0,S.useRef)(null),[r,n]=(0,S.useState)([]),[a,s]=(0,S.useState)(!1),[i,l]=(0,S.useState)([]),[c,w]=(0,S.useState)(H);return(0,S.useEffect)(()=>{if(!window)return;let p=new URLSearchParams(window.location.search),F=p.getAll("selected");if(l(F),!p.has("splitterSize"))return;let x=parseFloat(p.get("splitterSize"));isNaN(x)||x===H||(w(x),t.current?.setSecondaryPaneSize(x))},[]),(0,S.useEffect)(()=>{if(!a)return;let p=new URLSearchParams(window.location.search);c!==H?p.set("splitterSize",c.toString()):p.delete("splitterSize"),p.delete("selected"),r.length>0&&r.forEach(f=>p.append("selected",f.id));let F=decodeURIComponent(window.location.hash.slice(1)),x=F.length>0?document.getElementById(F):null;window.history.replaceState(null,"",`?${p.toString()}${x?window.location.hash:""}`),window.location.hash&&(window.location.hash=window.location.hash),x?.scrollIntoView()},[r,c]),(0,S.useEffect)(()=>{let p=e.current?.getOverlays();e.current?.getElementRegistry()?.filter(qe)?.forEach(f=>{let k=_o(f);p?.add(f.id,{position:k,html:'<div title="This element has documentation" class="app-sdk-bg-[color:var(--asdk-ddi-background-color)] app-sdk-p-[2px] app-sdk-rounded-s"><svg xmlns="http://www.w3.org/2000/svg" height=17 viewBox="0 0 448 512"><!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><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"/></svg></div>'})})},[a]),E.default.createElement($,{ref:t,vertical:!0,percentage:!0,secondaryInitialSize:H,secondaryDefaultSize:H,onDragEnd:(p,F)=>w(Math.round(F))},E.default.createElement(Z,{ref:e,xml:o.xml,preselectedElementIds:i,onSelectionChanged:p=>n([...p]),onImportDone:()=>s(!0)}),E.default.createElement("div",{className:"app-sdk-flex app-sdk-justify-center app-sdk-h-full app-sdk-bg-[color:var(--asdk-ddi-background-color)]"},E.default.createElement(Eo,{elements:r})))}function Eo({elements:o}){if(o.length===0)return E.default.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"Please select an element");let e=o.filter(qe);if(e.length===0)return E.default.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"No documentation available");if(e.length===1){let t=(0,Y.getBusinessObject)(e[0])?.documentation?.[0]?.text;return E.default.createElement(q,{documentation:t})}return E.default.createElement(q,{documentation:e.map(t=>(0,Y.getBusinessObject)(t)?.documentation?.[0]?.text).join(`
+"use client";var Qo=Object.create;var ce=Object.defineProperty;var et=Object.getOwnPropertyDescriptor;var ot=Object.getOwnPropertyNames;var tt=Object.getPrototypeOf,rt=Object.prototype.hasOwnProperty;var at=(o,e)=>{for(var t in e)ce(o,t,{get:e[t],enumerable:!0})},ko=(o,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of ot(e))!rt.call(o,a)&&a!==t&&ce(o,a,{get:()=>e[a],enumerable:!(r=et(e,a))||r.enumerable});return o};var n=(o,e,t)=>(t=o!=null?Qo(tt(o)):{},ko(e||!o||!o.__esModule?ce(t,"default",{value:o,enumerable:!0}):t,o)),st=o=>ko(ce({},"__esModule",{value:!0}),o);var Vt={};at(Vt,{BPMNViewer:()=>me,BPMNViewerNextJS:()=>it,BooleanFormField:()=>ve,BpmnViewerComponent:()=>io,CheckboxFormField:()=>be,ColorFormField:()=>ge,ConfirmFormField:()=>we,CustomFormField:()=>xe,DateFormField:()=>Fe,DatetimeLocalFormField:()=>Ce,DecimalFormField:()=>Se,DiagramDocumentationInspector:()=>Do,DiagramDocumentationInspectorNextJS:()=>ut,DocumentationViewer:()=>ue,DropdownMenu:()=>kt,DropdownMenuItem:()=>ft,DynamicLink:()=>ht,DynamicUi:()=>St,DynamicUiComponent:()=>mo,EmailFormField:()=>Ie,EnumFormField:()=>De,FileFormField:()=>Pe,FlowNode:()=>fe,FormFieldComponentMap:()=>co,HeaderFormField:()=>Me,HiddenFormField:()=>Ue,IntegerFormField:()=>Ee,MonthFormField:()=>Te,ParagraphFormField:()=>Oe,PasswordFormField:()=>Ae,RadioFormField:()=>ze,RangeFormField:()=>Be,SelectFormField:()=>$e,SplitterLayout:()=>se,StringFormField:()=>je,TelFormField:()=>He,TextareaFormField:()=>ee,TimeFormField:()=>Ge,UrlFormField:()=>Je,WeekFormField:()=>Xe});module.exports=st(Vt);var Ms=require("client-only");var fo=n(require("bpmn-js/lib/Viewer"),1),ho=n(require("clsx"),1),vo=n(require("diagram-js/lib/features/selection"),1),bo=n(require("diagram-js/lib/navigation/movecanvas"),1),go=n(require("diagram-js/lib/navigation/zoomscroll"),1),yo=n(require("next/dynamic"),1),E=require("react"),Re=n(require("react"),1);function dt(o,e){let t=(0,E.useRef)(null),r=(0,E.useRef)(new fo.default({bpmnRenderer:{defaultFillColor:"var(--asdk-bv-background-color)",defaultStrokeColor:"var(--asdk-bv-foreground-color)"},additionalModules:[go.default,bo.default,vo.default]}));return(0,E.useImperativeHandle)(e,()=>({getOverlays(){return r.current.get("overlays")},getElementRegistry(){return r.current.get("elementRegistry")}}),[]),(0,E.useEffect)(()=>{if(!t.current)return;let a=r.current;a.attachTo(t.current);let s=a.get("canvas"),d=i=>{o.onSelectionChanged?.(i.newSelection)};return a.importXML(o.xml).then(()=>{let i=s.viewbox(),c={x:i.outer.width/2,y:i.outer.height/2};s.zoom("fit-viewport",c),o.onImportDone?.(),a.on("selection.changed",d);let{preselectedElementIds:m}=o;if(!m||m.length===0)return;let p=a.get("elementRegistry").filter(x=>m.includes(x.id)).sort((x,C)=>m.indexOf(x.id)-m.indexOf(C.id));a.get("selection").select(p??[])}).catch(i=>{console.error(`[@5minds/processcube_app_sdk:BPMNViewer]		Error while importing BPMN XML: "${i.message}`)}),()=>{a.off("selection.changed",d),a.detach()}},[o.xml,o.preselectedElementIds]),Re.default.createElement("div",{ref:t,className:(0,ho.default)("app-sdk-bpmn-viewer","app-sdk-h-full",o.className)})}var me=(0,E.forwardRef)(dt);function nt(o){return Re.default.createElement(me,{...o,ref:o.viewerRef})}var it=(0,yo.default)(()=>Promise.resolve(nt),{ssr:!1});var ke=require("bpmn-js/lib/util/ModelUtil"),Io=n(require("next/dynamic"),1),I=require("react"),V=n(require("react"),1);var Ze=n(require("react"),1),wo=n(require("react-markdown"),1),xo=n(require("rehype-autolink-headings"),1),Fo=n(require("rehype-raw"),1),Co=n(require("rehype-slug"),1),No=n(require("remark-gfm"),1);function ue(o){return Ze.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"},Ze.default.createElement(wo.default,{remarkPlugins:[No.default],rehypePlugins:[Fo.default,Co.default,[xo.default,{behavior:"wrap"}]],className:"app-sdk-markdown lg:app-sdk-mx-40 md:app-sdk-mx-20 app-sdk-mx-10"},o.documentation??""))}var T=n(require("react"),1),So=4,se=class extends T.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(e){super(e),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:e.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),document.addEventListener("dblclick",this.handleSplitterDoubleClick);let e;if(this.props.secondaryInitialSize)e=this.props.secondaryInitialSize;else{let t=this.container.getBoundingClientRect(),r;this.splitter?r=this.splitter.getBoundingClientRect():r={width:So,height:So},e=this.getSecondaryPaneSize(t,r,{left:t.left+(t.width-r.width)/2,top:t.top+(t.height-r.height)/2},!1)}this.setSecondaryPaneSize(e)}componentDidUpdate(e,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),document.removeEventListener("dblclick",this.handleSplitterDoubleClick)}clearSelection(){if(document.body.createTextRange){let e=document.body.createTextRange();e.collapse(),e.select()}else if(window.getSelection){let e=window.getSelection();if(e==null)return;e.empty?e.empty():e.removeAllRanges&&e.removeAllRanges()}else document.selection&&document.selection.empty()}getSecondaryPaneSize(e,t,r,a){let s=0,d=0,i=0;this.props.vertical?(s=e.height,d=t.height,i=r.top-e.top):(s=e.width,d=t.width,i=r.left-e.left),a&&(i-=d/2),i<0?i=0:i>s-d&&(i=s-d);let c;this.props.primaryIndex===1?c=i:c=s-d-i;let m=s-d-c;return this.props.percentage&&(c=c*100/s,m=m*100/s,d=d*100/s,s=100),m<this.props.primaryMinSize?c=Math.max(c-(this.props.primaryMinSize-m),0):c<this.props.secondaryMinSize&&(c=Math.min(s-d-this.props.primaryMinSize,this.props.secondaryMinSize)),c}setSecondaryPaneSize(e){this.setState({secondaryPaneSize:e})}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 e=this.props.secondaryDefaultSize||this.props.secondaryMinSize;return this.state.secondaryPaneSize===e}reset(){let e=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.setSecondaryPaneSize(e)}handleResize(){if(this.splitter&&!this.props.percentage){let e=this.container.getBoundingClientRect(),t=this.splitter.getBoundingClientRect(),r=this.getSecondaryPaneSize(e,t,{left:t.left,top:t.top},!1);this.setState({secondaryPaneSize:r})}}handleMouseMove(e){if(this.state.resizing){let t=this.container.getBoundingClientRect(),r=this.splitter.getBoundingClientRect(),a=this.getSecondaryPaneSize(t,r,{left:e.clientX,top:e.clientY},!0);this.clearSelection(),this.setState({secondaryPaneSize:a})}}handleTouchMove(e){this.handleMouseMove(e.changedTouches[0])}handleSplitterMouseDown(e){e.preventDefault(),this.clearSelection(),this.setState({resizing:!0})}handleSplitterDoubleClick(){let e=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.state.secondaryPaneSize===e?this.setSecondaryPaneSize(Math.floor(e*1.5)):this.setSecondaryPaneSize(e)}handleMouseUp(){this.setState(e=>e.resizing?{resizing:!1}:null)}render(){let e="app-sdk-splitter-layout";this.props.customClassName&&(e+=` ${this.props.customClassName}`),this.props.vertical&&(e+=" app-sdk-splitter-layout-vertical"),this.state.resizing&&(e+=" layout-changing");let t=T.default.Children.toArray(this.props.children).slice(0,2);t.length===0&&t.push(T.default.createElement("div",null));let r=[],a=this.props.primaryIndex!==0&&this.props.primaryIndex!==1?0:this.props.primaryIndex;for(let s=0;s<t.length;++s){let d=!0,i;t.length>1&&s!==a&&(d=!1,i=this.state.secondaryPaneSize),r.push(T.default.createElement(pt,{vertical:this.props.vertical,percentage:this.props.percentage,primary:d,size:i},t[s]))}return T.default.createElement("div",{className:e,ref:s=>{this.container=s}},r[0],r.length>1&&T.default.createElement("div",{role:"separator",className:"app-sdk-layout-splitter"},T.default.createElement("div",{className:"app-sdk-layout-splitter__inner",ref:s=>{this.splitter=s},onMouseDown:this.handleSplitterMouseDown,onTouchStart:this.handleSplitterMouseDown})),r.length>1&&r[1])}};function pt(o={vertical:!1,primary:!1,size:0,percentage:!1,children:[]}){let e=o.size||0,t=o.percentage?"%":"px",r="app-sdk-layout-pane",a={};return o.primary?r+=" app-sdk-layout-pane-primary":o.vertical?a.height=`${e}${t}`:a.width=`${e}${t}`,T.default.createElement("div",{className:r,style:a},o.children)}var de=30;function Do(o){let e=(0,I.useRef)(null),t=(0,I.useRef)(null),[r,a]=(0,I.useState)([]),[s,d]=(0,I.useState)(!1),[i,c]=(0,I.useState)([]),[m,w]=(0,I.useState)(de);return(0,I.useEffect)(()=>{if(!window)return;let p=new URLSearchParams(window.location.search),x=p.getAll("selected");if(c(x),!p.has("splitterSize"))return;let C=parseFloat(p.get("splitterSize"));isNaN(C)||C===de||(w(C),t.current?.setSecondaryPaneSize(C))},[]),(0,I.useEffect)(()=>{if(!s)return;let p=new URLSearchParams(window.location.search);m!==de?p.set("splitterSize",m.toString()):p.delete("splitterSize"),p.delete("selected"),r.length>0&&r.forEach(f=>p.append("selected",f.id));let x=decodeURIComponent(window.location.hash.slice(1)),C=x.length>0?document.getElementById(x):null;window.history.replaceState(null,"",`?${p.toString()}${C?window.location.hash:""}`),window.location.hash&&(window.location.hash=window.location.hash),C?.scrollIntoView()},[r,m]),(0,I.useEffect)(()=>{let p=e.current?.getOverlays();e.current?.getElementRegistry()?.filter(Po)?.forEach(f=>{let h=mt(f);p?.add(f.id,{position:h,html:'<div title="This element has documentation" class="app-sdk-bg-[color:var(--asdk-ddi-background-color)] app-sdk-p-[2px] app-sdk-rounded-s"><svg xmlns="http://www.w3.org/2000/svg" height=17 viewBox="0 0 448 512"><!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><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"/></svg></div>'})})},[s]),V.default.createElement(se,{ref:t,vertical:!0,percentage:!0,secondaryInitialSize:de,secondaryDefaultSize:de,onDragEnd:(p,x)=>w(Math.round(x))},V.default.createElement(me,{ref:e,xml:o.xml,preselectedElementIds:i,onSelectionChanged:p=>a([...p]),onImportDone:()=>d(!0)}),V.default.createElement("div",{className:"app-sdk-flex app-sdk-justify-center app-sdk-h-full app-sdk-bg-[color:var(--asdk-ddi-background-color)]"},V.default.createElement(lt,{elements:r})))}function lt({elements:o}){if(o.length===0)return V.default.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"Please select an element");let e=o.filter(Po);if(e.length===0)return V.default.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"No documentation available");if(e.length===1){let t=(0,ke.getBusinessObject)(e[0])?.documentation?.[0]?.text;return V.default.createElement(ue,{documentation:t})}return V.default.createElement(ue,{documentation:e.map(t=>(0,ke.getBusinessObject)(t)?.documentation?.[0]?.text).join(`
 <hr />
-`)})}var To=["bpmn:DataInputAssociation","bpmn:DataOutputAssociation","bpmn:SequenceFlow","label"],G={DEFAULT:{top:3,right:22},PARTICIPANT:{top:3,left:3},ANNOTATION:{bottom:10,left:10},GATEWAY:{bottom:17,right:17},OTHER:{bottom:12,right:12}},_o=o=>o.type.endsWith("Task")||o.type==="bpmn:CallActivity"||o.type==="bpmn:Collaboration"||o.type==="bpmn:Group"||o.type==="bpmn:Lane"||o.type==="bpmn:SubProcess"?G.DEFAULT:o.type==="bpmn:Participant"?G.PARTICIPANT:o.type.endsWith("Gateway")?G.GATEWAY:o.type==="bpmn:TextAnnotation"?G.ANNOTATION:G.OTHER,qe=o=>{if(To.includes(o.type))return!1;let t=(0,Y.getBusinessObject)(o)?.documentation?.[0]?.text;return t!=null&&t.trim()!==""},Uo=(0,We.default)(()=>Promise.resolve(Ze),{ssr:!1});var V=require("@headlessui/react"),N=d(require("react"),1);function C(...o){return o.filter(Boolean).join(" ")}function Lo(o){return N.default.createElement(V.Menu,{as:"div",className:"app-sdk-default-styles app-sdk-relative app-sdk-inline-block app-sdk-text-left"},N.default.createElement("div",null,N.default.createElement(V.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)]  "},N.default.createElement("span",{className:"app-sdk-sr-only"},"Open options"),o.collapsedIcon||N.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"},N.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"})))),N.default.createElement(V.Transition,{as:N.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"},N.default.createElement(V.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"},N.default.createElement("div",{className:"app-sdk-py-1"},o.children))))}function Oo(o){return N.default.createElement(V.Menu.Item,null,({active:e})=>N.default.createElement("button",{type:"button",onClick:()=>o.onClick(),className:C(e?"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",o.isDanger?"app-sdk-text-[color:var(--asdk-ddm-danger-entry-text-color)]":"app-sdk-text-[color:var(--asdk-ddm-default-entry-text-color)]",o.className??"")},o.title))}var Ye=require("next/navigation"),Ke=d(require("react"),1);function zo({href:o,children:e}){console.warn("The DynamicLink component is deprecated. Please use the NextJS Link component instead.");let t=(0,Ye.useRouter)();return Ke.default.createElement("a",{href:o,onClick:r=>{r.preventDefault(),t.replace(o),t.refresh()}},e)}var io=d(require("bpmn-js/lib/Viewer"),1),po=d(require("diagram-js/lib/navigation/movecanvas"),1),lo=d(require("diagram-js/lib/navigation/zoomscroll"),1),Q=d(require("react"),1);var no=d(require("react"),1),ao=require("react-dom/client"),so=require("uuid");var ro=d(require("@monaco-editor/react"),1),h=require("@nextui-org/react"),u=d(require("react"),1);var B=d(require("react"),1);var Qe=d(require("react"),1);function ge(o){let e={width:30};return o.count<=1?null:Qe.default.createElement("div",{style:e,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--execution-count"},o.count)}var g=d(require("react"),1);function ve(o){return g.default.createElement("div",{onClick:o.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},g.default.createElement("div",{className:"action-icon"},g.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},g.default.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),g.default.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),g.default.createElement("g",{id:"SVGRepo_iconCarrier"}," ",g.default.createElement("title",null,"open-external")," ",g.default.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",g.default.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",g.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"}," ")," ")," ")," "))),g.default.createElement("div",{className:"action-icon-hovered"},g.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},g.default.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),g.default.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),g.default.createElement("g",{id:"SVGRepo_iconCarrier"}," ",g.default.createElement("title",null,"goto process")," ",g.default.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",g.default.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",g.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 D=d(require("react"),1);function be(o){return D.default.createElement("div",{onClick:o.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},D.default.createElement("div",{className:"action-icon"},D.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"none",xmlns:"http://www.w3.org/2000/svg"},D.default.createElement("g",{id:"Media / Play",color:"white"},D.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"})))),D.default.createElement("div",{className:"action-icon-hovered"},D.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"white",xmlns:"http://www.w3.org/2000/svg"},D.default.createElement("g",{id:"Media / Play",color:"white"},D.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 _=d(require("react"),1);function we(o){return _.default.createElement("div",{onClick:o.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},_.default.createElement("div",{className:"action-icon"},_.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},_.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"}))),_.default.createElement("div",{className:"action-icon-hovered"},_.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},_.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 Fe(o){let e={marginTop:"7px"},t=o.flowNode,r=!!o.onRetryClick,n=!t.IsGateway&&t.ProcessInstanceState!=="running"&&t.ProcessInstanceState!=="finished"&&r,a=!!o.onGotoClick,s=(t.IsCallActivity||(t.IsEventReceiver||t.IsEventSender)&&t.LinkedProcessInstanceId)&&a,i=!!o.onPlayClick,l=(t.IsUserTask||t.IsManualTask)&&t.State==="suspended"&&i;return B.default.createElement("div",{className:"flownode-overlay",style:e},B.default.createElement("div",{className:"bpmn-element-overlay__below"},n&&B.default.createElement(we,{onClick:o.onRetryClick,flowNode:o.flowNode}),B.default.createElement(ge,{count:o.flowNode.ExecutionCount}),s&&B.default.createElement(ve,{onClick:o.onGotoClick}),l&&B.default.createElement(be,{onClick:o.onPlayClick})))}var xe=d(require("react"),1);function Ne(o){let e={width:o.width,height:o.height},t="",r={width:o.width,height:o.height};return o.flowNode.IsGateway?(r.height*=.7,r.width*=.7,t="bpmn-element-overlay-backdrop--gateway"):o.flowNode.IsEvent&&(t="bpmn-element-overlay-backdrop--rounded"),xe.default.createElement("div",{onClick:o.onClick,className:"bpmn-element-overlay-backdrop cursor-pointer",style:e},xe.default.createElement("div",{className:`flow-node-${o.flowNode.State}-state-overlay ${t}`,style:r}))}var Ce=d(require("@monaco-editor/react"),1),Se=require("@nextui-org/react"),b=d(require("react"),1),eo=require("react-dom/client"),oo=d(require("react-markdown"),1),to=d(require("remark-gfm"),1);function Ie(o){function e(t){setTimeout(()=>{t.getAction("editor.action.formatDocument").run(),t.updateOptions({readOnly:!0})},300)}return(0,b.useEffect)(()=>{let t=b.default.createElement(oo.default,{remarkPlugins:[to.default]},o.flowNode.Documentation),r=document.getElementById("markdown-container");if(r){let n=r.attachShadow({mode:"open"});(0,eo.createRoot)(n).render(t)}},[]),b.default.createElement(b.default.Fragment,null,b.default.createElement(Se.Divider,{className:"my-2"}),b.default.createElement("div",{className:"flex-row"},b.default.createElement("div",{className:"token-area"},b.default.createElement("p",null,"Start Token:"),b.default.createElement(Ce.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(o.flowNode.CurrentStartToken,null,2),onMount:e,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}}),b.default.createElement(Se.Divider,{className:"my-2"}),b.default.createElement("p",null,"End Token:"),b.default.createElement(Ce.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(o.flowNode.CurrentEndToken,null,2),onMount:e,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),b.default.createElement("div",{className:"documentation-area"},b.default.createElement("p",null,"Dokumentation:"),b.default.createElement("div",{id:"markdown-container"}))))}function De(o){let e=(0,h.useDisclosure)(),t=(0,h.useDisclosure)(),[r,n]=(0,u.useState)(JSON.stringify(o.flowNode.CurrentStartToken));function a(i){setTimeout(()=>{i.getAction("editor.action.formatDocument").run()},300)}let s={width:o.width,height:o.height+10};return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{style:s},u.default.createElement(Ne,{onClick:t.onOpen,...o}),u.default.createElement(Fe,{onRetryClick:o.retryAction?e.onOpen:void 0,onGotoClick:o.gotoProcessAction?()=>o.gotoProcessAction(o.flowNode.LinkedProcessInstanceId??""):void 0,onPlayClick:o.gotoManualOrUserTaskAction?()=>o.gotoManualOrUserTaskAction(o.flowNode.ProcessInstanceId,o.flowNode.Id):void 0,flowNode:o.flowNode})),u.default.createElement(h.Modal,{isOpen:e.isOpen,onOpenChange:e.onOpenChange},u.default.createElement(h.ModalContent,null,i=>u.default.createElement(u.default.Fragment,null,u.default.createElement(h.ModalHeader,{className:"flex flex-col gap-1"},"Confirm Retry"),u.default.createElement(h.ModalBody,null,u.default.createElement(h.Divider,{className:"my-2"}),u.default.createElement("p",null,"Are you sure you want to retry process instance ",o.flowNode.CurrentFlowNodeInstanceId,"?"),u.default.createElement(h.Divider,{className:"my-2"}),u.default.createElement(ro.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(o.flowNode.CurrentStartToken,null,2),onChange:(l,c)=>n(l??""),onMount:a,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),u.default.createElement(h.ModalFooter,null,u.default.createElement(h.Button,{color:"warning",variant:"light",onPress:i},"Close"),u.default.createElement(h.Button,{color:"primary",onPress:()=>{o.retryAction?.(o.flowNode.ProcessInstanceId,o.flowNode.CurrentFlowNodeInstanceId,JSON.parse(r)),i()}},"Retry"))))),u.default.createElement(h.Modal,{size:"4xl",isOpen:t.isOpen,onOpenChange:t.onOpenChange},u.default.createElement(h.ModalContent,null,i=>u.default.createElement(u.default.Fragment,null,u.default.createElement(h.ModalHeader,{className:"flex flex-col gap-1"},"FlowNode: ",o.flowNode.Name??o.flowNode.Id),u.default.createElement(h.ModalBody,null,u.default.createElement(Ie,{flowNode:o.flowNode})),u.default.createElement(h.ModalFooter,null,u.default.createElement(h.Button,{color:"primary",onPress:i},"Close"))))))}var K=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 e=this.flowNodeInstances.at(-1);if(this.IsCallActivity)return e.childProcessInstanceId;if(this.IsEventReceiver)return e?.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(e,t,r,n){this.id=e,this.flowNodeInstances=[],this.processInstanceState=t,this.documentation=r,this.triggeredFlowNodeInstance=n,this.type=""}addFlowNodeInstance(e){this.flowNodeInstances.push(e),this.type=e.flowNodeType}},J=class{canvas;overlays;elementRegistry;overlayIds;overlayRoots;constructor(e){this.canvas=e.get("canvas"),this.overlays=e.get("overlays"),this.elementRegistry=e.get("elementRegistry"),this.overlayIds=[],this.overlayRoots={}}createOverlaysFlowNodeInstances(e,t,r,n,a,s){let i=this.getExecutedFlowNodes(t,e,r);this.overlayIds=[];for(let c of i){let w=this.elementRegistry.get(c.Id);this.getOrCreateOverlayRoot(c)?.render(no.default.createElement(De,{flowNode:c,width:w.width,height:w.height,retryAction:n,gotoProcessAction:a,gotoManualOrUserTaskAction:s})),this.setSequenceFlowsColor(w,i)}let l=[];for(let c in this.overlayRoots)i.find(p=>p.Id===c)||l.push(c);l.forEach(c=>{let w=this.elementRegistry.get(c);this.removeSequenceFlowsColor(w),this.overlayRoots[c].unmount(),delete this.overlayRoots[c]})}getOrCreateOverlayRoot(e){if(e.Id in this.overlayRoots)return this.overlayRoots[e.Id];let t=`bpmn-element-overlay-${(0,so.v4)()}`,r=`<div id="${t}"></div>`,n=this.overlays.add(e.Id,{position:{top:0,left:0},html:r});this.overlayIds.push(n);let a=document.querySelector(`#${t}`);if(a){let s=(0,ao.createRoot)(a);return this.overlayRoots[e.Id]=s,s}}getExecutedFlowNodes(e,t,r){let n=[],a={};for(let s of r)s.triggeredByFlowNodeInstance&&(a[s.triggeredByFlowNodeInstance?.flowNodeInstanceId]=s);for(let s of e){let i=n.find(l=>l.Id===s.flowNodeId);if(!i){let l=this.elementRegistry.get(s.flowNodeId),c=l.businessObject.documentation?l.businessObject.documentation[0].text:"";i=new K(s.flowNodeId,t,c,a[s.flowNodeInstanceId]),n.push(i)}i.addFlowNodeInstance(s)}return n}setSequenceFlowsColor(e,t){if(e&&e.businessObject.incoming)for(let r of e.businessObject.incoming)t.find(a=>a.Id===r.sourceRef?.id)&&this.canvas.addMarker(r.id,"connection-done")}removeSequenceFlowsColor(e){if(e&&e.businessObject.incoming){for(let t of e.businessObject.incoming)this.canvas.removeMarker(t.id,"connection-done");if(e.businessObject.outgoing)for(let t of e.businessObject.outgoing)this.canvas.removeMarker(t.id,"connection-done")}}};var Me=class extends Q.default.Component{containerRef;bpmnViewer;bpmnViewerOverlayCreator;constructor(e){super(e),this.state={diagramXML:""},this.containerRef=Q.default.createRef()}componentDidMount(){let{diagramXML:e,options:t}=this.props,r=this.containerRef.current;if(this.bpmnViewer=new io.default({container:r,height:t?.height??600,bpmnRenderer:{defaultFillColor:t?.fillColor,defaultStrokeColor:t?.strokeColor},additionalModules:[lo.default,po.default]}),this.bpmnViewerOverlayCreator=new J(this.bpmnViewer),e)return this.displayDiagram(e)}componentWillUnmount(){this.bpmnViewer.destroy()}componentDidUpdate(e,t){let{props:r,state:n}=this,a=r.diagramXML||n.diagramXML,s=e.diagramXML||t.diagramXML;if(a&&a!==s)return this.displayDiagram(a);this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,r.flowNodeInstancesTriggeredByThisProcessInstance,r.retryAction,r.gotoProcessAction,r.gotoManualOrUserTaskAction)}displayDiagram(e){this.bpmnViewer.importXML(e).then(()=>{let t=this.bpmnViewer.get("canvas"),r=t.viewbox(),n={x:r.outer.width/2,y:r.outer.height/2};t.zoom("fit-viewport",n),this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,this.props.flowNodeInstancesTriggeredByThisProcessInstance,this.props.retryAction,this.props.gotoProcessAction,this.props.gotoManualOrUserTaskAction)})}render(){return Q.default.createElement("div",{className:this.props.className,ref:this.containerRef})}};var m=d(require("react"),1),R=d(require("react-is"),1),ko=d(require("semver/functions/gt"),1),ho=d(require("semver/functions/prerelease"),1),yo=d(require("semver/functions/satisfies"),1),go=require("../common/index.cjs");var mo=require("@5minds/processcube_engine_sdk");var T=d(require("react"),1);function v(o){if(o!=null&&o.trim()!=="")try{return JSON.parse(o)}catch{return null}return null}var ee=(0,T.forwardRef)(function(e,t){let{formField:r}=e,n=`${r.id}-hint`,a=v(r.customForm);return T.default.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},T.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},T.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:e.state&&e.state!=="false"||r.defaultValue==="true",id:r.id,name:r.id,"aria-describedby":a?.hint?n:void 0,"data-form-field-type":"boolean"})),T.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},T.default.createElement("label",{className:"app-sdk-font-medium",htmlFor:r.id},r.label),a?.hint&&T.default.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:n},a.hint)))});var oe=d(require("react"),1),te=(0,oe.forwardRef)(function(e,t){return oe.default.createElement("p",{className:"app-sdk-text-sm"},e.formField.label)});var j=d(require("react"),1);function re({formField:o,state:e}){let t=v(o.customForm);return j.default.createElement("div",null,j.default.createElement("label",{htmlFor:o.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},o.label),j.default.createElement("div",{className:"app-sdk-mt-1"},j.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:o.id,name:o.id,defaultValue:e||(o.defaultValue?.toString()??""),placeholder:t?.placeholder,"aria-describedby":`${o.id}-hint`,"data-form-field-type":"custom"})),t?.hint&&j.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)]"},t.hint))}var U=d(require("react"),1);var ne=(0,U.forwardRef)(function(e,t){let{formField:r}=e,n=`${r.id}-hint`,a=v(r.customForm);Ao(r.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for date field "${r.id}"`);let s=e.state||r.defaultValue?.toString();return U.default.createElement("div",null,U.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:r.id},r.label),U.default.createElement("div",{className:"app-sdk-mt-1"},U.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:s,id:r.id,name:r.id,"aria-describedby":n,"data-form-field-type":"date"})),a?.hint&&U.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:n},a?.hint))});function Ao(o){return new Date(o?.toString()).toString()!=="Invalid Date"}var L=d(require("react"),1);function ae(o){return!Number.isNaN(Number(o?.toString()))}var se=(0,L.forwardRef)(function(e,t){let{formField:r}=e,n=`${r.id}-hint`,a=v(r.customForm);return ae(r.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for decimal field "${r.id}"`),L.default.createElement("div",null,L.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:r.id},r.label),L.default.createElement("div",{className:"app-sdk-mt-1"},L.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:"0.01",placeholder:a?.placeholder||"0.00",defaultValue:e.state||r.defaultValue?.toString(),id:r.id,name:r.id,"aria-describedby":n,"data-form-field-type":"decimal"})),a?.hint&&L.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:n},a?.hint))});var y=d(require("react"),1);var ie=(0,y.forwardRef)(function({formField:e,state:t},r){let n=v(e.customForm),a=e.label,s=e.enumValues,i;switch(n?.displayAs){case"checkbox":let c;Array.isArray(t)&&t.length?c=t:c=(t||e.defaultValue?.toString())?.split(",")??[],i=y.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":n?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},s?.map(p=>{let F=c.find(x=>x.trim()===p.id);return y.default.createElement("div",{key:p.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},y.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},y.default.createElement("input",{type:"checkbox",defaultChecked:F,name:e.id,id:p.id,value:p.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"})),y.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},y.default.createElement("label",{htmlFor:p.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},p.name)))}));break;case"radio":i=y.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":n?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},s?.map(p=>y.default.createElement("div",{key:p.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},y.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},y.default.createElement("input",{type:"radio",defaultChecked:(t||e.defaultValue)==p.id,name:e.id,id:p.id,value:p.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"})),y.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},y.default.createElement("label",{htmlFor:p.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},p.name)))));break;default:let w=t||s?.find(p=>p.id===e.defaultValue)?.id||"";i=y.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:p=>p.target.dataset.value=p.target.value,"data-value":w,"aria-describedby":n?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:w},y.default.createElement("option",{value:""},!w&&n?.placeholder),s?.map(p=>y.default.createElement("option",{key:p.id,value:p.id},p.name)));break}let l=n?.hint?y.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)]"},n.hint):null;return y.default.createElement("div",null,y.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},a),i,l)});var O=d(require("react"),1);var de=(0,O.forwardRef)(function({formField:e},t){let r=v(e.customForm),n;switch(r?.style){case"heading_1":n=O.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_2":n=O.default.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_3":n=O.default.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;default:n=O.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break}return O.default.createElement("div",{className:"app-sdk-header-form-field"},n)});var z=d(require("react"),1);var pe=(0,z.forwardRef)(function({formField:e,state:t},r){let n=v(e.customForm);return ae(e.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for integer field "${e.id}"`),z.default.createElement("div",null,z.default.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),z.default.createElement("div",{className:"app-sdk-mt-1"},z.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:e.id,name:e.id,defaultValue:t||e.defaultValue?.toString(),placeholder:n?.placeholder??"0","aria-describedby":`${e.id}-hint`,"data-form-field-type":"integer"})),n?.hint&&z.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)]"},n.hint))});var co=d(require("isomorphic-dompurify"),1),le=require("marked"),ce=d(require("react"),1),me=require("react");var ue=(0,ce.forwardRef)(function({formField:{defaultValue:e,label:t}},r){let[n,a]=(0,me.useState)("");return(0,me.useEffect)(()=>{let s=le.marked.parse(e?.toString()??t?.toString()??"",{renderer:new Pe,hooks:new Ee});a(s)},[e,t]),ce.default.createElement("div",{className:C("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:n}})}),Pe=class extends le.marked.Renderer{link(e){return super.link(e).replace("<a","<a target='_blank'")}html(e){let t=super.html(e);return t.startsWith("<a ")&&!t.includes("target=")?t.replace("<a ",'<a target="_blank" '):t}},Ee=class extends le.marked.Hooks{postprocess(e){return co.default.sanitize(e,{ADD_ATTR:["target"]})}};var A=d(require("react"),1);var fe=(0,A.forwardRef)(function({formField:e,state:t},r){let n=v(e.customForm),a=e.label,s=n?.multiline==="true"?"textarea":"input",i=A.default.createElement(s,{className:C(s==="input"?"app-sdk-form-input":"app-sdk-form-textarea","app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-shadow-sm focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] app-sdk-block app-sdk-w-full sm:app-sdk-text-sm app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 dark:app-sdk-border-solid dark:app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] dark:focus:app-sdk-shadow-app-sdk-dark app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] dark:invalid:app-sdk-shadow-app-sdk-dark-invalid"),id:e.id,name:e.id,defaultValue:t||(e.defaultValue?.toString()??""),placeholder:n?.placeholder,"aria-describedby":n?.hint?`${e.id}-hint`:void 0,type:s==="input"?"text":void 0,rows:s==="textarea"?4:void 0,"data-form-field-type":"string"}),l=n?.hint?A.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)]"},n.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:e.id},a),A.default.createElement("div",{className:"app-sdk-mt-1"},i),l)});var uo=(r=>(r.paragraph="paragraph",r.header="header",r.confirm="confirm",r))(uo||{}),fr={...mo.DataModels.FlowNodeInstances.UserTaskFormFieldType,...uo},Te={boolean:ee,date:ne,enum:ie,long:pe,number:se,string:fe,paragraph:ue,header:de,confirm:te,custom:re};var Vo=(0,yo.default)(m.default.version,">=18.0.0 <19",{includePrerelease:!0}),vo=(0,ho.default)(m.default.version)==null,fo=!vo&&(0,ko.default)(m.default.version,"18.2.0")&&m.default.version.includes("canary"),_e=class extends m.default.Component{};function Bo(o){Vo||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		The React version is not supported!
-Version: ${m.default.version}`);let{userTaskConfig:e}=o.task,{formFields:t}=e,r=(0,m.useRef)(),n=(0,m.useRef)(null),a=new Map(t.map(f=>[f.id,{ref:m.default.createRef()}])),s=t.filter(f=>f.type==="confirm");s.length>1&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Warning while rendering UserTask "${o.task.flowNodeId}"!
+`)})}var ct=["bpmn:DataInputAssociation","bpmn:DataOutputAssociation","bpmn:SequenceFlow","label"],ne={DEFAULT:{top:3,right:22},PARTICIPANT:{top:3,left:3},ANNOTATION:{bottom:10,left:10},GATEWAY:{bottom:17,right:17},OTHER:{bottom:12,right:12}},mt=o=>o.type.endsWith("Task")||o.type==="bpmn:CallActivity"||o.type==="bpmn:Collaboration"||o.type==="bpmn:Group"||o.type==="bpmn:Lane"||o.type==="bpmn:SubProcess"?ne.DEFAULT:o.type==="bpmn:Participant"?ne.PARTICIPANT:o.type.endsWith("Gateway")?ne.GATEWAY:o.type==="bpmn:TextAnnotation"?ne.ANNOTATION:ne.OTHER,Po=o=>{if(ct.includes(o.type))return!1;let t=(0,ke.getBusinessObject)(o)?.documentation?.[0]?.text;return t!=null&&t.trim()!==""},ut=(0,Io.default)(()=>Promise.resolve(Do),{ssr:!1});var H=require("@headlessui/react"),S=n(require("react"),1);function N(...o){return o.filter(Boolean).join(" ")}function kt(o){return S.default.createElement(H.Menu,{as:"div",className:"app-sdk-default-styles app-sdk-relative app-sdk-inline-block app-sdk-text-left"},S.default.createElement("div",null,S.default.createElement(H.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)]  "},S.default.createElement("span",{className:"app-sdk-sr-only"},"Open options"),o.collapsedIcon||S.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"},S.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"})))),S.default.createElement(H.Transition,{as:S.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"},S.default.createElement(H.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"},S.default.createElement("div",{className:"app-sdk-py-1"},o.children))))}function ft(o){return S.default.createElement(H.Menu.Item,null,({active:e})=>S.default.createElement("button",{type:"button",onClick:()=>o.onClick(),className:N(e?"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",o.isDanger?"app-sdk-text-[color:var(--asdk-ddm-danger-entry-text-color)]":"app-sdk-text-[color:var(--asdk-ddm-default-entry-text-color)]",o.className??"")},o.title))}var Mo=require("next/navigation"),Uo=n(require("react"),1);function ht({href:o,children:e}){console.warn("The DynamicLink component is deprecated. Please use the NextJS Link component instead.");let t=(0,Mo.useRouter)();return Uo.default.createElement("a",{href:o,onClick:r=>{r.preventDefault(),t.replace(o),t.refresh()}},e)}var Bo=n(require("bpmn-js/lib/Viewer"),1),$o=n(require("diagram-js/lib/navigation/movecanvas"),1),jo=n(require("diagram-js/lib/navigation/zoomscroll"),1),he=n(require("react"),1);var Oo=n(require("react"),1),Ao=require("react-dom/client"),zo=require("uuid");var Lo=n(require("@monaco-editor/react"),1),v=require("@nextui-org/react"),k=n(require("react"),1);var G=n(require("react"),1);var Eo=n(require("react"),1);function qe(o){let e={width:30};return o.count<=1?null:Eo.default.createElement("div",{style:e,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--execution-count"},o.count)}var y=n(require("react"),1);function Ye(o){return y.default.createElement("div",{onClick:o.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},y.default.createElement("div",{className:"action-icon"},y.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},y.default.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),y.default.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),y.default.createElement("g",{id:"SVGRepo_iconCarrier"}," ",y.default.createElement("title",null,"open-external")," ",y.default.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",y.default.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",y.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"}," ")," ")," ")," "))),y.default.createElement("div",{className:"action-icon-hovered"},y.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},y.default.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),y.default.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),y.default.createElement("g",{id:"SVGRepo_iconCarrier"}," ",y.default.createElement("title",null,"goto process")," ",y.default.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",y.default.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",y.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 P=n(require("react"),1);function Ke(o){return P.default.createElement("div",{onClick:o.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},P.default.createElement("div",{className:"action-icon"},P.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"none",xmlns:"http://www.w3.org/2000/svg"},P.default.createElement("g",{id:"Media / Play",color:"white"},P.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"})))),P.default.createElement("div",{className:"action-icon-hovered"},P.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"white",xmlns:"http://www.w3.org/2000/svg"},P.default.createElement("g",{id:"Media / Play",color:"white"},P.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 A=n(require("react"),1);function Qe(o){return A.default.createElement("div",{onClick:o.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},A.default.createElement("div",{className:"action-icon"},A.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},A.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"}))),A.default.createElement("div",{className:"action-icon-hovered"},A.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},A.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 eo(o){let e={marginTop:"7px"},t=o.flowNode,r=!!o.onRetryClick,a=!t.IsGateway&&t.ProcessInstanceState!=="running"&&t.ProcessInstanceState!=="finished"&&r,s=!!o.onGotoClick,d=(t.IsCallActivity||(t.IsEventReceiver||t.IsEventSender)&&t.LinkedProcessInstanceId)&&s,i=!!o.onPlayClick,c=(t.IsUserTask||t.IsManualTask)&&t.State==="suspended"&&i;return G.default.createElement("div",{className:"flownode-overlay",style:e},G.default.createElement("div",{className:"bpmn-element-overlay__below"},a&&G.default.createElement(Qe,{onClick:o.onRetryClick,flowNode:o.flowNode}),G.default.createElement(qe,{count:o.flowNode.ExecutionCount}),d&&G.default.createElement(Ye,{onClick:o.onGotoClick}),c&&G.default.createElement(Ke,{onClick:o.onPlayClick})))}var oo=n(require("react"),1);function to(o){let e={width:o.width,height:o.height},t="",r={width:o.width,height:o.height};return o.flowNode.IsGateway?(r.height*=.7,r.width*=.7,t="bpmn-element-overlay-backdrop--gateway"):o.flowNode.IsEvent&&(t="bpmn-element-overlay-backdrop--rounded"),oo.default.createElement("div",{onClick:o.onClick,className:"bpmn-element-overlay-backdrop cursor-pointer",style:e},oo.default.createElement("div",{className:`flow-node-${o.flowNode.State}-state-overlay ${t}`,style:r}))}var ro=n(require("@monaco-editor/react"),1),ao=require("@nextui-org/react"),F=n(require("react"),1),To=require("react-dom/client"),Vo=n(require("react-markdown"),1),_o=n(require("remark-gfm"),1);function so(o){function e(t){setTimeout(()=>{t.getAction("editor.action.formatDocument").run(),t.updateOptions({readOnly:!0})},300)}return(0,F.useEffect)(()=>{let t=F.default.createElement(Vo.default,{remarkPlugins:[_o.default]},o.flowNode.Documentation),r=document.getElementById("markdown-container");if(r){let a=r.attachShadow({mode:"open"});(0,To.createRoot)(a).render(t)}},[]),F.default.createElement(F.default.Fragment,null,F.default.createElement(ao.Divider,{className:"my-2"}),F.default.createElement("div",{className:"flex-row"},F.default.createElement("div",{className:"token-area"},F.default.createElement("p",null,"Start Token:"),F.default.createElement(ro.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(o.flowNode.CurrentStartToken,null,2),onMount:e,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}}),F.default.createElement(ao.Divider,{className:"my-2"}),F.default.createElement("p",null,"End Token:"),F.default.createElement(ro.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(o.flowNode.CurrentEndToken,null,2),onMount:e,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),F.default.createElement("div",{className:"documentation-area"},F.default.createElement("p",null,"Dokumentation:"),F.default.createElement("div",{id:"markdown-container"}))))}function no(o){let e=(0,v.useDisclosure)(),t=(0,v.useDisclosure)(),[r,a]=(0,k.useState)(JSON.stringify(o.flowNode.CurrentStartToken));function s(i){setTimeout(()=>{i.getAction("editor.action.formatDocument").run()},300)}let d={width:o.width,height:o.height+10};return k.default.createElement(k.default.Fragment,null,k.default.createElement("div",{style:d},k.default.createElement(to,{onClick:t.onOpen,...o}),k.default.createElement(eo,{onRetryClick:o.retryAction?e.onOpen:void 0,onGotoClick:o.gotoProcessAction?()=>o.gotoProcessAction(o.flowNode.LinkedProcessInstanceId??""):void 0,onPlayClick:o.gotoManualOrUserTaskAction?()=>o.gotoManualOrUserTaskAction(o.flowNode.ProcessInstanceId,o.flowNode.Id):void 0,flowNode:o.flowNode})),k.default.createElement(v.Modal,{isOpen:e.isOpen,onOpenChange:e.onOpenChange},k.default.createElement(v.ModalContent,null,i=>k.default.createElement(k.default.Fragment,null,k.default.createElement(v.ModalHeader,{className:"flex flex-col gap-1"},"Confirm Retry"),k.default.createElement(v.ModalBody,null,k.default.createElement(v.Divider,{className:"my-2"}),k.default.createElement("p",null,"Are you sure you want to retry process instance ",o.flowNode.CurrentFlowNodeInstanceId,"?"),k.default.createElement(v.Divider,{className:"my-2"}),k.default.createElement(Lo.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(o.flowNode.CurrentStartToken,null,2),onChange:(c,m)=>a(c??""),onMount:s,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),k.default.createElement(v.ModalFooter,null,k.default.createElement(v.Button,{color:"warning",variant:"light",onPress:i},"Close"),k.default.createElement(v.Button,{color:"primary",onPress:()=>{o.retryAction?.(o.flowNode.ProcessInstanceId,o.flowNode.CurrentFlowNodeInstanceId,JSON.parse(r)),i()}},"Retry"))))),k.default.createElement(v.Modal,{size:"4xl",isOpen:t.isOpen,onOpenChange:t.onOpenChange},k.default.createElement(v.ModalContent,null,i=>k.default.createElement(k.default.Fragment,null,k.default.createElement(v.ModalHeader,{className:"flex flex-col gap-1"},"FlowNode: ",o.flowNode.Name??o.flowNode.Id),k.default.createElement(v.ModalBody,null,k.default.createElement(so,{flowNode:o.flowNode})),k.default.createElement(v.ModalFooter,null,k.default.createElement(v.Button,{color:"primary",onPress:i},"Close"))))))}var fe=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 e=this.flowNodeInstances.at(-1);if(this.IsCallActivity)return e.childProcessInstanceId;if(this.IsEventReceiver)return e?.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(e,t,r,a){this.id=e,this.flowNodeInstances=[],this.processInstanceState=t,this.documentation=r,this.triggeredFlowNodeInstance=a,this.type=""}addFlowNodeInstance(e){this.flowNodeInstances.push(e),this.type=e.flowNodeType}},ie=class{canvas;overlays;elementRegistry;overlayIds;overlayRoots;constructor(e){this.canvas=e.get("canvas"),this.overlays=e.get("overlays"),this.elementRegistry=e.get("elementRegistry"),this.overlayIds=[],this.overlayRoots={}}createOverlaysFlowNodeInstances(e,t,r,a,s,d){let i=this.getExecutedFlowNodes(t,e,r);this.overlayIds=[];for(let m of i){let w=this.elementRegistry.get(m.Id);this.getOrCreateOverlayRoot(m)?.render(Oo.default.createElement(no,{flowNode:m,width:w.width,height:w.height,retryAction:a,gotoProcessAction:s,gotoManualOrUserTaskAction:d})),this.setSequenceFlowsColor(w,i)}let c=[];for(let m in this.overlayRoots)i.find(p=>p.Id===m)||c.push(m);c.forEach(m=>{let w=this.elementRegistry.get(m);this.removeSequenceFlowsColor(w),this.overlayRoots[m].unmount(),delete this.overlayRoots[m]})}getOrCreateOverlayRoot(e){if(e.Id in this.overlayRoots)return this.overlayRoots[e.Id];let t=`bpmn-element-overlay-${(0,zo.v4)()}`,r=`<div id="${t}"></div>`,a=this.overlays.add(e.Id,{position:{top:0,left:0},html:r});this.overlayIds.push(a);let s=document.querySelector(`#${t}`);if(s){let d=(0,Ao.createRoot)(s);return this.overlayRoots[e.Id]=d,d}}getExecutedFlowNodes(e,t,r){let a=[],s={};for(let d of r)d.triggeredByFlowNodeInstance&&(s[d.triggeredByFlowNodeInstance?.flowNodeInstanceId]=d);for(let d of e){let i=a.find(c=>c.Id===d.flowNodeId);if(!i){let c=this.elementRegistry.get(d.flowNodeId),m=c.businessObject.documentation?c.businessObject.documentation[0].text:"";i=new fe(d.flowNodeId,t,m,s[d.flowNodeInstanceId]),a.push(i)}i.addFlowNodeInstance(d)}return a}setSequenceFlowsColor(e,t){if(e&&e.businessObject.incoming)for(let r of e.businessObject.incoming)t.find(s=>s.Id===r.sourceRef?.id)&&this.canvas.addMarker(r.id,"connection-done")}removeSequenceFlowsColor(e){if(e&&e.businessObject.incoming){for(let t of e.businessObject.incoming)this.canvas.removeMarker(t.id,"connection-done");if(e.businessObject.outgoing)for(let t of e.businessObject.outgoing)this.canvas.removeMarker(t.id,"connection-done")}}};var io=class extends he.default.Component{containerRef;bpmnViewer;bpmnViewerOverlayCreator;constructor(e){super(e),this.state={diagramXML:""},this.containerRef=he.default.createRef()}componentDidMount(){let{diagramXML:e,options:t}=this.props,r=this.containerRef.current;if(this.bpmnViewer=new Bo.default({container:r,height:t?.height??600,bpmnRenderer:{defaultFillColor:t?.fillColor,defaultStrokeColor:t?.strokeColor},additionalModules:[jo.default,$o.default]}),this.bpmnViewerOverlayCreator=new ie(this.bpmnViewer),e)return this.displayDiagram(e)}componentWillUnmount(){this.bpmnViewer.destroy()}componentDidUpdate(e,t){let{props:r,state:a}=this,s=r.diagramXML||a.diagramXML,d=e.diagramXML||t.diagramXML;if(s&&s!==d)return this.displayDiagram(s);this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,r.flowNodeInstancesTriggeredByThisProcessInstance,r.retryAction,r.gotoProcessAction,r.gotoManualOrUserTaskAction)}displayDiagram(e){this.bpmnViewer.importXML(e).then(()=>{let t=this.bpmnViewer.get("canvas"),r=t.viewbox(),a={x:r.outer.width/2,y:r.outer.height/2};t.zoom("fit-viewport",a),this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,this.props.flowNodeInstancesTriggeredByThisProcessInstance,this.props.retryAction,this.props.gotoProcessAction,this.props.gotoManualOrUserTaskAction)})}render(){return he.default.createElement("div",{className:this.props.className,ref:this.containerRef})}};var u=n(require("react"),1),X=n(require("react-is"),1),Ro=n(require("semver/functions/gt"),1),Zo=n(require("semver/functions/prerelease"),1),qo=n(require("semver/functions/satisfies"),1),Yo=require("../common/index.cjs");var Jo=require("@5minds/processcube_engine_sdk");var _=n(require("react"),1);function l(o){if(o!=null&&o.trim()!=="")try{return JSON.parse(o)}catch{return null}return null}var ve=(0,_.forwardRef)(function(e,t){let{formField:r}=e,a=`${r.id}-hint`,s=l(r.customForm);return _.default.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},_.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},_.default.createElement("input",{type:"checkbox",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:e.state&&e.state!=="false"||r.defaultValue==="true",id:r.id,name:r.id,"aria-describedby":s?.hint?a:void 0,"data-form-field-type":"boolean"})),_.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},_.default.createElement("label",{className:"app-sdk-font-medium",htmlFor:r.id},r.label),s?.hint&&_.default.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s.hint)))});var M=n(require("react"),1);function be({formField:o,state:e}){let t=l(o.customForm),r=t?.entries,a=`${o.id}-hint`,s;return Array.isArray(e)&&e.length?s=e:s=(e||o.defaultValue?.toString())?.split(",")??[],M.default.createElement("div",null,M.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),M.default.createElement("fieldset",{id:o.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":t?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"checkbox"},r?.map(d=>{let i=s.find(c=>c.trim()===d.key);return M.default.createElement("div",{key:d.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},M.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},M.default.createElement("input",{type:"checkbox",defaultChecked:i,name:o.id,id:d.key,value:d.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"})),M.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},M.default.createElement("label",{htmlFor:d.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},d.value)))})),t?.hint&&M.default.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},t?.hint))}var W=n(require("react"),1);function ge(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm);e.defaultValue&&!vt(e.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for color field "${e.id}"`);let a=o.state||e.defaultValue?.toString();return W.default.createElement("div",null,W.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),W.default.createElement("div",{className:"app-sdk-mt-1 app-sdk-w-20"},W.default.createElement("input",{className:"app-sdk-text-app-sdk-inherit app-sdk-h-8 app-sdk-border app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"color",defaultValue:a,id:e.id,name:e.id,placeholder:r?.placeholder,"aria-describedby":t,"data-form-field-type":"color"})),r?.hint&&W.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},r?.hint))}function vt(o){return/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(o?.toString())}var ye=n(require("react"),1),we=(0,ye.forwardRef)(function(e,t){return ye.default.createElement("p",{className:"app-sdk-text-sm"},e.formField.label)});var R=n(require("react"),1);function xe({formField:o,state:e}){let t=l(o.customForm);return R.default.createElement("div",null,R.default.createElement("label",{htmlFor:o.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},o.label),R.default.createElement("div",{className:"app-sdk-mt-1"},R.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:o.id,name:o.id,defaultValue:e||(o.defaultValue?.toString()??""),placeholder:t?.placeholder,"aria-describedby":`${o.id}-hint`,"data-form-field-type":"custom"})),t?.hint&&R.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)]"},t.hint))}var z=n(require("react"),1);var Fe=(0,z.forwardRef)(function(e,t){let{formField:r}=e,a=`${r.id}-hint`,s=l(r.customForm);bt(r.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for date field "${r.id}"`);let d=e.state||r.defaultValue?.toString();return z.default.createElement("div",null,z.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:r.id},r.label),z.default.createElement("div",{className:"app-sdk-mt-1"},z.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:d,id:r.id,name:r.id,"aria-describedby":a,"data-form-field-type":"date"})),s?.hint&&z.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s?.hint))});function bt(o){return new Date(o?.toString()).toString()!=="Invalid Date"}var Z=n(require("react"),1);function Ce(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm);e.defaultValue&&!wt(e.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for dateteime-local field "${e.id}"`);let a=o.state||e.defaultValue?.toString();return Z.default.createElement("div",null,Z.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Z.default.createElement("div",{className:"app-sdk-mt-1"},Z.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"datetime-local",defaultValue:a,id:e.id,name:e.id,"aria-describedby":t,"data-form-field-type":"datetime-local"})),r?.hint&&Z.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},r?.hint))}function gt(o){return new Date(o?.toString()).toString()!=="Invalid Date"}function yt(o){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(o)}function wt(o){if(!o.includes("T"))return!1;let[e,t]=o.split("T");return gt(e)&&yt(t)}var B=n(require("react"),1);function Ne(o){return!Number.isNaN(Number(o?.toString()))}var Se=(0,B.forwardRef)(function(e,t){let{formField:r}=e,a=`${r.id}-hint`,s=l(r.customForm);return Ne(r.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for decimal field "${r.id}"`),B.default.createElement("div",null,B.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:r.id},r.label),B.default.createElement("div",{className:"app-sdk-mt-1"},B.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:s?.step??.01,placeholder:s?.placeholder||"0.00",defaultValue:e.state||r.defaultValue?.toString(),id:r.id,name:r.id,"aria-describedby":a,"data-form-field-type":"decimal"})),s?.hint&&B.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s?.hint))});var q=n(require("react"),1);function Ie(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm),a=o.state||(e.defaultValue?.toString()??"");return q.default.createElement("div",null,q.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),q.default.createElement("div",{className:"app-sdk-mt-1"},q.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"email",defaultValue:a,id:e.id,name:e.id,placeholder:r?.placeholder,"aria-describedby":t,"data-form-field-type":"email"})),r?.hint&&q.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},r?.hint))}var b=n(require("react"),1);var De=(0,b.forwardRef)(function({formField:e,state:t},r){let a=l(e.customForm),s=e.label,d=e.enumValues,i;switch(a?.displayAs){case"checkbox":let m;Array.isArray(t)&&t.length?m=t:m=(t||e.defaultValue?.toString())?.split(",")??[],i=b.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":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},d?.map(p=>{let x=m.find(C=>C.trim()===p.id);return b.default.createElement("div",{key:p.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},b.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},b.default.createElement("input",{type:"checkbox",defaultChecked:x,name:e.id,id:p.id,value:p.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"})),b.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},b.default.createElement("label",{htmlFor:p.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},p.name)))}));break;case"radio":i=b.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":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},d?.map(p=>b.default.createElement("div",{key:p.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},b.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},b.default.createElement("input",{type:"radio",defaultChecked:(t||e.defaultValue)==p.id,name:e.id,id:p.id,value:p.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"})),b.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},b.default.createElement("label",{htmlFor:p.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},p.name)))));break;default:let w=t||d?.find(p=>p.id===e.defaultValue)?.id||"";i=b.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:p=>p.target.dataset.value=p.target.value,"data-value":w,"aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:w},b.default.createElement("option",{value:""},!w&&a?.placeholder),d?.map(p=>b.default.createElement("option",{key:p.id,value:p.id},p.name)));break}let c=a?.hint?b.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)]"},a.hint):null;return b.default.createElement("div",null,b.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),i,c)});var pe=n(require("react"),1);function Pe(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm);return pe.default.createElement("div",null,pe.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),pe.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm 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:e.id,name:e.id,"aria-describedby":t,"data-form-field-type":"file",multiple:r?.multiple}),r?.hint&&pe.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},r?.hint))}var $=n(require("react"),1);var Me=(0,$.forwardRef)(function({formField:e},t){let r=l(e.customForm),a;switch(r?.style){case"heading_1":a=$.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_2":a=$.default.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_3":a=$.default.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;default:a=$.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break}return $.default.createElement("div",{className:"app-sdk-header-form-field"},a)});var Ho=n(require("react"),1);function Ue(o){let{formField:e}=o;return Ho.default.createElement("input",{className:"app-sdk-hidden",type:"hidden",id:e.id,value:e.defaultValue?.toString()||"",name:e.id,"data-form-field-type":"hidden"})}var j=n(require("react"),1);var Ee=(0,j.forwardRef)(function({formField:e,state:t},r){let a=l(e.customForm);return Ne(e.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for integer field "${e.id}"`),j.default.createElement("div",null,j.default.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),j.default.createElement("div",{className:"app-sdk-mt-1"},j.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:e.id,name:e.id,defaultValue:t||e.defaultValue?.toString(),placeholder:a?.placeholder??"0","aria-describedby":`${e.id}-hint`,"data-form-field-type":"integer"})),a?.hint&&j.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)]"},a.hint))});var Y=n(require("react"),1);function Te(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm);e.defaultValue&&!xt(e.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for month field "${e.id}"`);let a=o.state||e.defaultValue?.toString();return Y.default.createElement("div",null,Y.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Y.default.createElement("div",{className:"app-sdk-mt-1"},Y.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"month",defaultValue:a,id:e.id,name:e.id,"aria-describedby":t,"data-form-field-type":"month"})),r?.hint&&Y.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},r?.hint))}function xt(o){return/^\d{4}-(0[1-9]|1[0-2])$/.test(o)}var Go=n(require("isomorphic-dompurify"),1),Ve=require("marked"),_e=n(require("react"),1),Le=require("react");var Oe=(0,_e.forwardRef)(function({formField:{defaultValue:e,label:t}},r){let[a,s]=(0,Le.useState)("");return(0,Le.useEffect)(()=>{let d=Ve.marked.parse(e?.toString()??t?.toString()??"",{renderer:new po,hooks:new lo});s(d)},[e,t]),_e.default.createElement("div",{className:N("app-sdk-text-sm","[&_p]:app-sdk-my-4 first-of-type:[&_p]:app-sdk-mb-4 first-of-type:[&_p]:app-sdk-mt-0","[&_a]:app-sdk-text-[color:var(--asdk-dui-link-color)] [&_a]:app-sdk-underline hover:[&_a]:app-sdk-text-[color:var(--asdk-dui-link-hover-color)]","[&_h1]:app-sdk-text-2xl [&_h1]:app-sdk-font-bold [&_h2]:app-sdk-text-xl [&_h2]:app-sdk-font-bold [&_h3]:app-sdk-text-lg [&_h3]:app-sdk-font-bold [&_h4]:app-sdk-text-base [&_h4]:app-sdk-font-bold [&_h5]:app-sdk-text-sm [&_h5]:app-sdk-font-bold [&_h6]:app-sdk-text-xs [&_h6]:app-sdk-font-bold","[&_code]:app-sdk-text-[#e83e8c] [&_pre]:app-sdk-my-4 [&_pre]:app-sdk-bg-gray-100 [&_pre]:dark:app-sdk-bg-app-sdk-gray-700 [&_pre_code]:app-sdk-text-inherit","[&_blockquote]:app-sdk-m-[revert] [&_fieldset]:app-sdk-m-[revert] [&_h1]:app-sdk-m-[revert] [&_h2]:app-sdk-m-[revert] [&_h3]:app-sdk-m-[revert] [&_h4]:app-sdk-m-[revert] [&_h5]:app-sdk-m-[revert] [&_h6]:app-sdk-m-[revert] [&_menu]:app-sdk-m-[revert] [&_ol]:app-sdk-m-[revert] [&_ul]:app-sdk-m-[revert]","[&_fieldset]:app-sdk-p-[revert] [&_menu]:app-sdk-p-[revert] [&_ol]:app-sdk-p-[revert] [&_ul]:app-sdk-p-[revert]","[&_ol]:app-sdk-list-decimal [&_ol_p]:app-sdk-my-2 first-of-type:[&_ol_p]:app-sdk-my-4 [&_ul]:app-sdk-list-disc [&_ul_p]:app-sdk-my-2 first-of-type:[&_ul_p]:app-sdk-my-4","[&_input[type='checkbox']]:app-sdk-form-checkbox [&_input[type='checkbox']]:app-sdk-border [&_input[type='checkbox']]:app-sdk-h-4 [&_input[type='checkbox']]:app-sdk-w-4 [&_input[type='checkbox']]:app-sdk-rounded [&_input[type='checkbox']]:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:app-sdk-text-sky-600 [&_input[type='checkbox']]:hover:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:dark:app-sdk-border-2 [&_input[type='checkbox']]:dark:app-sdk-border-solid [&_input[type='checkbox']]:dark:app-sdk-border-transparent [&_input[type='checkbox']]:dark:app-sdk-bg-app-sdk-gray-350 [&_input[type='checkbox']]:dark:app-sdk-text-[#007bff40] [&_input[type='checkbox']]:dark:hover:app-sdk-border-transparent [&_input[type='checkbox']]:dark:hover:checked:app-sdk-bg-app-sdk-gray-350"),dangerouslySetInnerHTML:{__html:a}})}),po=class extends Ve.marked.Renderer{link(e){return super.link(e).replace("<a","<a target='_blank'")}html(e){let t=super.html(e);return t.startsWith("<a ")&&!t.includes("target=")?t.replace("<a ",'<a target="_blank" '):t}},lo=class extends Ve.marked.Hooks{postprocess(e){return Go.default.sanitize(e,{ADD_ATTR:["target"]})}};var K=n(require("react"),1);function Ae(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm),a=o.state||(e.defaultValue?.toString()??"");return K.default.createElement("div",null,K.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),K.default.createElement("div",{className:"app-sdk-mt-1"},K.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:e.id,name:e.id,defaultValue:a,placeholder:r?.placeholder,"aria-describedby":t,"data-form-field-type":"password"})),r?.hint&&K.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},r?.hint))}var U=n(require("react"),1);function ze({formField:o,state:e}){let t=l(o.customForm),r=t?.entries,a=`${o.id}-hint`;return U.default.createElement("div",null,U.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),U.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":t?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"radio"},r?.map(s=>U.default.createElement("div",{key:s.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},U.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},U.default.createElement("input",{type:"radio",defaultChecked:(e||o.defaultValue)==s.key,name:o.id,id:s.key,value:s.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"})),U.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},U.default.createElement("label",{htmlFor:s.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},s.value))))),t?.hint&&U.default.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},t?.hint))}var L=n(require("react"),1);function Be({formField:o,state:e}){let t=l(o.customForm),r=o.label,a=t?.min||0,s=t?.max||100,d=t?.step||1,i=e||o.defaultValue?.toString()||a.toString(),[c,m]=(0,L.useState)(i),w=C=>{m(C.target.value)},p=L.default.createElement("input",{className:N("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:o.id,name:o.id,type:"range",min:a.toString(),max:s.toString(),step:d.toString(),defaultValue:i,onChange:w,"aria-describedby":t?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"range"}),x=t?.hint?L.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)]"},t.hint):null;return L.default.createElement("div",null,L.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},r),L.default.createElement("div",{className:"app-sdk-mt-1 app-sdk-flex app-sdk-flex-row"},p,L.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)]"},c)),x)}var J=n(require("react"),1);function $e({formField:o,state:e}){let t=l(o.customForm),r=t?.entries,a=`${o.id}-hint`,s=e||r?.find(d=>d.key===o.defaultValue)?.key||"";return J.default.createElement("div",null,J.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),J.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:d=>d.target.dataset.value=d.target.value,"data-value":s,"aria-describedby":t?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"select",defaultValue:s},J.default.createElement("option",{value:""},!s&&t?.placeholder),r?.map(d=>J.default.createElement("option",{key:d.key,value:d.key},d.value))),t?.hint&&J.default.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},t?.hint))}var O=n(require("react"),1);var Q=n(require("react"),1);function ee(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm),a=o.state||(e.defaultValue?.toString()??"");return Q.default.createElement("div",null,Q.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Q.default.createElement("div",{className:"app-sdk-mt-1"},Q.default.createElement("textarea",{className:"app-sdk-form-textarea app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",defaultValue:a,id:e.id,name:e.id,rows:r?.rows??4,"aria-describedby":t,"data-form-field-type":"textarea",placeholder:r?.placeholder})),r?.hint&&Q.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},r?.hint))}var je=(0,O.forwardRef)(function({formField:e,state:t},r){let a=l(e.customForm);if(a?.multiline==="true")return O.default.createElement(ee,{formField:e,state:t});let d=`${e.id}-hint`,i=t||(e.defaultValue?.toString()??"");return O.default.createElement("div",null,O.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),O.default.createElement("div",{className:"app-sdk-mt-1"},O.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:e.id,name:e.id,"aria-describedby":d,"data-form-field-type":"text",placeholder:a?.placeholder})),a?.hint&&O.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:d},a?.hint))});var oe=n(require("react"),1);function He({formField:o,state:e}){let t=l(o.customForm),r=`${o.id}-hint`;return oe.default.createElement("div",null,oe.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),oe.default.createElement("div",{className:"app-sdk-mt-1"},oe.default.createElement("input",{className:N("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:o.id,name:o.id,type:"tel",defaultValue:e||(o.defaultValue?.toString()??""),placeholder:t?.placeholder,"aria-describedby":t?.hint?r:void 0,"data-form-field-type":"tel"})),t?.hint&&oe.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},t.hint))}var te=n(require("react"),1);function Ge(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm);e.defaultValue&&!Ft(e.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for time field "${e.id}"`);let a=o.state||e.defaultValue?.toString();return te.default.createElement("div",null,te.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),te.default.createElement("div",{className:"app-sdk-mt-1"},te.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"time",defaultValue:a,id:e.id,name:e.id,"aria-describedby":t,"data-form-field-type":"time"})),r?.hint&&te.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},r?.hint))}function Ft(o){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(o)}var re=n(require("react"),1);function Je(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm),a=o.state||(e.defaultValue?.toString()??"");return re.default.createElement("div",null,re.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),re.default.createElement("div",{className:"app-sdk-mt-1"},re.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",type:"url",id:e.id,defaultValue:a,placeholder:r?.placeholder??"https://processcube.io/",name:e.id,"aria-describedby":t,"data-form-field-type":"url"})),r?.hint&&re.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},r?.hint))}var ae=n(require("react"),1);function Xe(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm);e.defaultValue&&!Ct(e.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Invalid default value for week field "${e.id}"`);let a=o.state||e.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:e.id},e.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:"week",defaultValue:a,id:e.id,name:e.id,"aria-describedby":t,"data-form-field-type":"week"})),r?.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},r?.hint))}function Ct(o){return/^(\d{4})-W(0[1-9]|[1-4][0-9]|5[0-3])$/.test(o)}var Xo=(g=>(g.paragraph="paragraph",g.header="header",g.confirm="confirm",g.checkbox="checkbox",g.radio="radio",g.select="select",g.range="range",g.file="file",g.hidden="hidden",g.tel="tel",g.textarea="textarea",g.url="url",g.week="week",g.time="time",g.month="month",g.datetimeLocal="datetime-local",g.email="email",g.color="color",g.password="password",g.custom="custom",g))(Xo||{}),Za={...Jo.DataModels.FlowNodeInstances.UserTaskFormFieldType,...Xo},co={boolean:ve,checkbox:be,color:ge,date:Fe,email:Ie,enum:De,file:Pe,hidden:Ue,long:Ee,"datetime-local":Ce,month:Te,number:Se,string:je,paragraph:Oe,password:Ae,radio:ze,range:Be,select:$e,header:Me,confirm:we,tel:He,textarea:ee,time:Ge,url:Je,week:Xe,custom:xe};var Nt=(0,qo.default)(u.default.version,">=18.0.0 <19",{includePrerelease:!0}),Ko=(0,Zo.default)(u.default.version)==null,Wo=!Ko&&(0,Ro.default)(u.default.version,"18.2.0")&&u.default.version.includes("canary"),mo=class extends u.default.Component{};function St(o){Nt||console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		The React version is not supported!
+Version: ${u.default.version}`);let{userTaskConfig:e}=o.task,{formFields:t}=e,r=(0,u.useRef)(),a=(0,u.useRef)(null),s=new Map(t.map(f=>[f.id,{ref:u.default.createRef()}])),d=t.filter(f=>f.type==="confirm");d.length>1&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Warning while rendering UserTask "${o.task.flowNodeId}"!
  The UserTask has more than one confirm form field. Please use only one confirm form field per User Task.
-The first confirm form field is used for rendering.`);let i=s.length===1?s[0]:null,l={...Te,...o.customFieldComponents?o.customFieldComponents:{}},c=f=>{let k=Xo(f,t,a);o.onSubmit(k,f,(0,go.mapUserTask)(o.task))};function w(f){let k=f.target;r.current!=null&&window.clearTimeout(r.current),r.current=window.setTimeout(()=>{if(r.current=void 0,n.current==null)return;let I=new FormData(n.current),ke=Jo(I,a);o.onStateChange?.(k.value,k.name,ke)},100)}let p=C("app-sdk-default-styles app-sdk-mx-auto app-sdk-block app-sdk-h-full app-sdk-min-h-[200px] app-sdk-rounded-lg app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)] sm:app-sdk-w-full sm:app-sdk-max-w-lg",o.classNames?.wrapper??"",o.className??""),F=o.darkMode||p.split(" ").includes("dark"),x={...fo&&{action:c},...!fo&&vo&&{onSubmit:f=>{let k=new FormData(n.current),I=f.nativeEvent.submitter;k.has(I.name)||k.append(I.name,I.value),c(k)},method:"dialog"}};return m.default.createElement("div",{className:F?`dark app-sdk-dark ${p}`:C(...p.split(" ").filter(f=>f!=="dark"&&f!=="app-sdk-dark")),"data-dynamic-ui":!0},m.default.createElement("form",{ref:n,className:C("app-sdk-flex app-sdk-max-h-full app-sdk-flex-col app-sdk-rounded-lg app-sdk-bg-[color:var(--asdk-dui-background-color)]  app-sdk-text-[color:var(--asdk-dui-text-color)] app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)]",o.classNames?.base??""),"data-user-task-id":o.task.flowNodeId,"data-user-task-instance-id":o.task.flowNodeInstanceId,onChange:w,...x},m.default.createElement("header",{className:C("app-sdk-px-4 app-sdk-pb-3 app-sdk-pt-4 sm:app-sdk-px-6",o.classNames?.header?o.classNames.header:"")},m.default.createElement(jo,{title:o.title??o.task.flowNodeName??"User Task",headerComponent:o.headerComponent})),m.default.createElement("section",{className:C("app-sdk-overflow-y-auto app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",o.classNames?.body??"")},m.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-space-y-6 dark:[color-scheme:dark]"},t.map(f=>{let k=l?.[f.type]||l.custom;if(!k)return null;if(!R.isValidElementType(k))return console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		The given DynamicUiFormFieldComponent is not a valid React Element Type.
+The first confirm form field is used for rendering.`);let i=d.length===1?d[0]:null,c={...co,...o.customFieldComponents?o.customFieldComponents:{}},m=f=>{let h=Tt(f,t,s);o.onSubmit(h,f,(0,Yo.mapUserTask)(o.task))};function w(f){let h=f.target;r.current!=null&&window.clearTimeout(r.current),r.current=window.setTimeout(()=>{if(r.current=void 0,a.current==null)return;let D=new FormData(a.current),We=Et(D,s);o.onStateChange?.(h.value,h.name,We)},100)}let p=N("app-sdk-default-styles app-sdk-mx-auto app-sdk-block app-sdk-h-full app-sdk-min-h-[200px] app-sdk-rounded-lg app-sdk-content-center sm:app-sdk-w-full sm:app-sdk-max-w-lg",o.classNames?.wrapper??"",o.className??""),x=o.darkMode||p.split(" ").includes("dark"),C={...Wo&&{action:m},...!Wo&&Ko&&{onSubmit:f=>{let h=new FormData(a.current),D=f.nativeEvent.submitter;h.has(D.name)||h.append(D.name,D.value),m(h)},method:"dialog"}};return u.default.createElement("div",{className:x?`dark app-sdk-dark ${p}`:N(...p.split(" ").filter(f=>f!=="dark"&&f!=="app-sdk-dark")),"data-dynamic-ui":!0},u.default.createElement("form",{ref:a,className:N("app-sdk-flex app-sdk-max-h-full app-sdk-flex-col app-sdk-rounded-lg app-sdk-bg-[color:var(--asdk-dui-background-color)]  app-sdk-text-[color:var(--asdk-dui-text-color)] app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)]",o.classNames?.base??""),"data-user-task-id":o.task.flowNodeId,"data-user-task-instance-id":o.task.flowNodeInstanceId,onChange:w,...C},u.default.createElement("header",{className:N("app-sdk-px-4 app-sdk-pb-3 app-sdk-pt-4 sm:app-sdk-px-6",o.classNames?.header?o.classNames.header:"")},u.default.createElement(Dt,{title:o.title??o.task.flowNodeName??"User Task",headerComponent:o.headerComponent})),u.default.createElement("section",{className:N("app-sdk-overflow-y-auto app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",o.classNames?.body??"")},u.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-space-y-6 dark:[color-scheme:dark]"},t.map(f=>{let h=c?.[f.type]||c.custom;if(!h)return null;if(!X.isValidElementType(h))return console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		The given DynamicUiFormFieldComponent is not a valid React Element Type.
 FormField:	${JSON.stringify(f,null,2)}
-DynamicUiFormFieldComponent:	${k.toString()}
+DynamicUiFormFieldComponent:	${h.toString()}
-Rendering 'null' as fallback`),null;let I;X(k)?($o(k),I=k):Ue(k)?(Ho(k),I=k):(k.length===2&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?
+Rendering 'null' as fallback`),null;let D;le(h)?(Pt(h),D=h):uo(h)?(Mt(h),D=h):(h.length===2&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?
 FormField ID: ${f.id}
 FormField Type: ${f.type}
-Component Name: ${k.name} ${k.displayName??""}`),Go(k),I=k);let ke=a.get(f.id)?.ref;return m.default.createElement(m.Fragment,{key:f.id},m.default.createElement(I,{ref:X(k)||Ue(k)?ke:void 0,formField:f,state:o.state?.[f.id]}))}))),m.default.createElement("footer",{className:C("app-sdk-rounded-b-lg app-sdk-bg-[color:var(--asdk-dui-footer-background-color)] app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",o.classNames?.footer??"")},m.default.createElement(Ro,{confirmFormField:i}))))}function Ro(o){let{confirmFormField:e}=o,t=m.default.createElement(m.Fragment,null,m.default.createElement("button",{type:"submit",className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm "},"OK"));if(e){let r=v(e.customForm);t=m.default.createElement(m.Fragment,null,m.default.createElement("button",{type:"submit",name:e.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm ",value:"true"},r?.confirmButtonText??"Confirm"),m.default.createElement("button",{type:"submit",name:e.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-decline-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-decline-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm",value:"false"},r?.declineButtonText??"Decline"))}return m.default.createElement("div",{className:"app-sdk-space-y-2 sm:app-sdk-flex sm:app-sdk-flex-row-reverse sm:-app-sdk-space-x-2 sm:app-sdk-space-y-0"},t)}function jo(o){return m.default.createElement("div",{className:"app-sdk-flex app-sdk-space-x-3"},m.default.createElement("div",{className:"app-sdk-flex-1"},m.default.createElement("h3",{id:"headline-title",className:"app-sdk-text-lg app-sdk-font-medium app-sdk-leading-6 app-sdk-text-[color:var(--asdk-dui-header-text-color)]"},o.title)),m.default.createElement("div",{className:"app-sdk-flex app-sdk-self-center"},o.headerComponent))}function X(o){return o?.prototype?.isReactComponent!=null}function $o(o){if(!(R.isValidElementType(o)&&X(o)))throw new Error("Expected Element to be a React Component")}function Ue(o){return R.isValidElementType(o)&&o.$$typeof===R.ForwardRef&&!X(o)}function Ho(o){if(!Ue(o))throw new Error("Expected Element to be a functional Component wrapped with React.forwardRef")}function Go(o){if(!(R.isValidElementType(o)&&!X(o)))throw new Error("Expected Element to be a functional Component")}function Jo(o,e){let t={};return o.forEach((r,n)=>{if(r instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Add a getState Function to your component to return a JSON Primitive value as state.
+Component Name: ${h.name} ${h.displayName??""}`),Ut(h),D=h);let We=s.get(f.id)?.ref;return u.default.createElement(u.Fragment,{key:f.id},u.default.createElement(D,{ref:le(h)||uo(h)?We:void 0,formField:f,state:o.state?.[f.id]}))}))),u.default.createElement("footer",{className:N("app-sdk-rounded-b-lg app-sdk-bg-[color:var(--asdk-dui-footer-background-color)] app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",o.classNames?.footer??"")},u.default.createElement(It,{confirmFormField:i}))))}function It(o){let{confirmFormField:e}=o,t=u.default.createElement(u.Fragment,null,u.default.createElement("button",{type:"submit",className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm "},"OK"));if(e){let r=l(e.customForm);t=u.default.createElement(u.Fragment,null,u.default.createElement("button",{type:"submit",name:e.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm ",value:"true"},r?.confirmButtonText??"Confirm"),u.default.createElement("button",{type:"submit",name:e.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-decline-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-decline-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm",value:"false"},r?.declineButtonText??"Decline"))}return u.default.createElement("div",{className:"app-sdk-space-y-2 sm:app-sdk-flex sm:app-sdk-flex-row-reverse sm:-app-sdk-space-x-2 sm:app-sdk-space-y-0"},t)}function Dt(o){return u.default.createElement("div",{className:"app-sdk-flex app-sdk-space-x-3"},u.default.createElement("div",{className:"app-sdk-flex-1"},u.default.createElement("h3",{id:"headline-title",className:"app-sdk-text-lg app-sdk-font-medium app-sdk-leading-6 app-sdk-text-[color:var(--asdk-dui-header-text-color)]"},o.title)),u.default.createElement("div",{className:"app-sdk-flex app-sdk-self-center"},o.headerComponent))}function le(o){return o?.prototype?.isReactComponent!=null}function Pt(o){if(!(X.isValidElementType(o)&&le(o)))throw new Error("Expected Element to be a React Component")}function uo(o){return X.isValidElementType(o)&&o.$$typeof===X.ForwardRef&&!le(o)}function Mt(o){if(!uo(o))throw new Error("Expected Element to be a functional Component wrapped with React.forwardRef")}function Ut(o){if(!(X.isValidElementType(o)&&!le(o)))throw new Error("Expected Element to be a functional Component")}function Et(o,e){let t={};return o.forEach((r,a)=>{if(r instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Add a getState Function to your component to return a JSON Primitive value as state.
-FormField: ${n} with ${r} `);return}t[n]?t[n]=Array.isArray(t[n])?[...t[n],r]:[t[n],r]:t[n]=r}),e.forEach((r,n)=>{if(typeof r.ref.current?.getState=="function"){let a=r.ref.current.getState();(typeof a=="boolean"||typeof a=="number"||typeof a=="string"||Array.isArray(a)||a==null||a?.toString()==="[object Object]")&&(t[n]=a)}}),t}function Xo(o,e,t){let r={};for(let a of o.keys()){let s=o.getAll(a);if(s[0]instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Use the raw FormData instance to process files instead.
+FormField: ${a} with ${r} `);return}t[a]?t[a]=Array.isArray(t[a])?[...t[a],r]:[t[a],r]:t[a]=r}),e.forEach((r,a)=>{if(typeof r.ref.current?.getState=="function"){let s=r.ref.current.getState();(typeof s=="boolean"||typeof s=="number"||typeof s=="string"||Array.isArray(s)||s==null||s?.toString()==="[object Object]")&&(t[a]=s)}}),t}function Tt(o,e,t){let r={};for(let s of o.keys()){let d=o.getAll(s);if(d[0]instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi]		Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Use the raw FormData instance to process files instead.
-FormField: ${a} with ${s} `);continue}if(s.length===1?r[a]=s[0]:r[a]=s,r[a]==""&&delete r[a],r[a]){let i=e.find(l=>l.id===a)?.type;if(i==="boolean"){r[a]=r[a]==="on";continue}if(i==="confirm"){r[a]=JSON.parse(r[a]);continue}if(i==="number"){r[a]=parseFloat(r[a]);continue}if(i==="long"){r[a]=parseInt(r[a]);continue}}}let n=e.filter(a=>a.type==="boolean");return n.length&&n.forEach(a=>{r[a.id]||(r[a.id]=!1)}),t.forEach((a,s)=>{if(typeof a.ref.current?.getValue=="function"){let i=a.ref.current.getValue();(typeof i=="boolean"||typeof i=="number"||typeof i=="string"||Array.isArray(i)||i==null||i?.toString()==="[object Object]")&&(r[s]=i)}}),r}0&&(module.exports={BPMNViewer,BPMNViewerNextJS,BooleanFormField,BpmnViewerComponent,ConfirmFormField,CustomFormField,DateFormField,DecimalFormField,DiagramDocumentationInspector,DiagramDocumentationInspectorNextJS,DocumentationViewer,DropdownMenu,DropdownMenuItem,DynamicLink,DynamicUi,DynamicUiComponent,EnumFormField,FlowNode,FormFieldComponentMap,HeaderFormField,IntegerFormField,ParagraphFormField,SplitterLayout,StringFormField});
+FormField: ${s} with ${d} `);continue}if(d.length===1?r[s]=d[0]:r[s]=d,r[s]==""&&delete r[s],r[s]){let i=e.find(c=>c.id===s)?.type;if(i==="boolean"){r[s]=r[s]==="on";continue}if(i==="confirm"){r[s]=JSON.parse(r[s]);continue}if(i==="number"){r[s]=parseFloat(r[s]);continue}if(i==="long"){r[s]=parseInt(r[s]);continue}}}let a=e.filter(s=>s.type==="boolean");return a.length&&a.forEach(s=>{r[s.id]||(r[s.id]=!1)}),t.forEach((s,d)=>{if(typeof s.ref.current?.getValue=="function"){let i=s.ref.current.getValue();(typeof i=="boolean"||typeof i=="number"||typeof i=="string"||Array.isArray(i)||i==null||i?.toString()==="[object Object]")&&(r[d]=i)}}),r}0&&(module.exports={BPMNViewer,BPMNViewerNextJS,BooleanFormField,BpmnViewerComponent,CheckboxFormField,ColorFormField,ConfirmFormField,CustomFormField,DateFormField,DatetimeLocalFormField,DecimalFormField,DiagramDocumentationInspector,DiagramDocumentationInspectorNextJS,DocumentationViewer,DropdownMenu,DropdownMenuItem,DynamicLink,DynamicUi,DynamicUiComponent,EmailFormField,EnumFormField,FileFormField,FlowNode,FormFieldComponentMap,HeaderFormField,HiddenFormField,IntegerFormField,MonthFormField,ParagraphFormField,PasswordFormField,RadioFormField,RangeFormField,SelectFormField,SplitterLayout,StringFormField,TelFormField,TextareaFormField,TimeFormField,UrlFormField,WeekFormField});