@5minds/processcube_app_sdk 6.2.0-alpha.1 → 6.2.0-alpha.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 (3) hide show
  1. package/build/client/index.cjs +2 -2
  2. package/build/client/index.mjs +2 -2
  3. package/package.json +2 -2
package/build/client/index.cjs CHANGED
@@ -1,10 +1,10 @@
1
- "use client";var nr=Object.create;var Qe=Object.defineProperty;var dr=Object.getOwnPropertyDescriptor;var ir=Object.getOwnPropertyNames;var pr=Object.getPrototypeOf,lr=Object.prototype.hasOwnProperty;var ee=(e,o)=>()=>(e&&(o=e(e=0)),o);var xt=(e,o)=>{for(var t in o)Qe(e,t,{get:o[t],enumerable:!0})},It=(e,o,t,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of ir(o))!lr.call(e,r)&&r!==t&&Qe(e,r,{get:()=>o[r],enumerable:!(s=dr(o,r))||s.enumerable});return e};var d=(e,o,t)=>(t=e!=null?nr(pr(e)):{},It(o||!e||!e.__esModule?Qe(t,"default",{value:e,enumerable:!0}):t,e)),cr=e=>It(Qe({},"__esModule",{value:!0}),e);async function Ao(){let e=await(0,gt.getToken)({req:{cookies:(0,he.cookies)(),headers:(0,he.headers)()}});if(e?.expiresAt&&Date.now()>=e.expiresAt*1e3){let t=await fetch(`${process.env.NEXTAUTH_URL}/api/auth/session`,{method:"GET",headers:{"Content-Type":"application/json",cookie:(0,he.cookies)().toString()}}),s=new fs.ResponseCookies(t.headers);if(s.getAll().length){let r=!1;try{for(let a of s.getAll())(0,he.cookies)().set(a.name,a.value,{...a})}catch{r=!0}if(e=await(0,gt.getToken)({req:{cookies:r?s:(0,he.cookies)(),headers:(0,he.headers)()}}),e?.error)throw e.error}}if(!e?.accessToken||!e?.sub)throw new Error("AccessToken or Sub could not be determined!");return{token:e?.accessToken,userId:e?.sub}}var gt,fs,he,yt=ee(()=>{gt=require("next-auth/jwt"),fs=require("next/dist/compiled/@edge-runtime/cookies"),he=require("next/headers")});var hs,Hr,Z,We=ee(()=>{hs=require("@5minds/processcube_engine_client"),Hr=process.env.PROCESSCUBE_ENGINE_URL??"http://localhost:10560",Z=new hs.EngineClient(Hr)});async function qe(){try{return Ao()}catch{return}}async function ys(e){let o=await qe();return(await Z.processInstances.query({processInstanceId:e},{identity:o})).processInstances[0]}async function ws(e,o={sortSettings:{sortBy:gs.DataModels.FlowNodeInstances.FlowNodeInstanceSortableColumns.createdAt,sortDir:"ASC"}}){return(await Z.flowNodeInstances.query({processInstanceId:e},{...o,identity:o.identity??await qe()})).flowNodeInstances}async function vs(e){let o=await qe();return(await Z.flowNodeInstances.query({triggeredByFlowNodeInstance:e},{identity:o})).flowNodeInstances}async function bs(e,o,t){let s=await qe();await Z.processInstances.retryProcessInstance(e,{flowNodeInstanceId:o,newStartToken:t,identity:s})}async function xs(e){let o=await qe();await Z.processInstances.terminateProcessInstance(e,o)}var gs,Is=ee(()=>{gs=require("@5minds/processcube_engine_client");yt();We()});var jr,Gr,Ns=ee(()=>{jr=require("next/cache"),Gr=require("next/navigation")});var Fs=ee(()=>{});async function Cs(...e){await Z.manualTasks.finishManualTask(...e)}var Ps=ee(()=>{We()});async function Ss(...e){await Z.userTasks.finishUserTask(...e)}var Ds=ee(()=>{We()});async function Ts(...e){await Z.untypedTasks.finishTask(...e)}var Ms=ee(()=>{We()});var Es=ee(()=>{Ns();Fs();Ps();Ds();Ms()});var Le={};xt(Le,{finishTask:()=>Rr,getFlowNodeInstances:()=>Yr,getProcessInstance:()=>Xr,getTriggeredFlowNodeInstances:()=>Zr,retryProcess:()=>qr,terminateProcess:()=>Wr});async function Jr(){try{return Ao()}catch{return}}var Bs,Rr,Wr,qr,Xr,Yr,Zr,Ve=ee(()=>{"use server";Bs=require("@5minds/processcube_engine_client");Is();yt();Es();Rr=async(e,o)=>{let t=await Jr();o==="bpmn:UserTask"?await Ss(e,{},t):o==="bpmn:ManualTask"?await Cs(e,t):o==="bpmn:Task"?await Ts(e,t):console.error(`[@5minds/processcube_app_sdk:handlePlay] Unsupported flow node type: ${o}`)},Wr=async e=>{await xs(e)},qr=async(e,o,t)=>{await bs(e,o,t)},Xr=async e=>ys(e),Yr=async e=>ws(e,{sortSettings:{sortBy:Bs.DataModels.FlowNodeInstances.FlowNodeInstanceSortableColumns.createdAt,sortDir:"DESC"}}),Zr=async e=>vs(e)});var ta={};xt(ta,{BPMNViewer:()=>eo,BPMNViewerNextJS:()=>kr,BooleanFormField:()=>no,BpmnViewerComponent:()=>ct,CheckboxFormField:()=>io,ColorFormField:()=>po,ConfirmFormField:()=>co,CustomFormField:()=>mo,DateFormField:()=>uo,DatetimeLocalFormField:()=>ko,DecimalFormField:()=>ho,DiagramDocumentationInspector:()=>so,DiagramDocumentationInspectorNextJS:()=>br,DocumentationViewer:()=>oo,DropdownMenu:()=>xr,DropdownMenuItem:()=>Ir,DynamicLink:()=>Nr,DynamicUi:()=>Ur,DynamicUiComponent:()=>ft,EmailFormField:()=>go,EnumFormField:()=>yo,FileFormField:()=>wo,FlowNode:()=>ro,FormFieldComponentMap:()=>kt,HeaderFormField:()=>vo,HiddenFormField:()=>bo,IntegerFormField:()=>xo,MonthFormField:()=>Io,ParagraphFormField:()=>Po,PasswordFormField:()=>So,ProcessInstanceInspector:()=>Qs,ProcessInstanceInspectorNextJS:()=>oa,RadioFormField:()=>Do,RangeFormField:()=>To,SelectFormField:()=>Mo,SplitterLayout:()=>ze,StringFormField:()=>Eo,TelFormField:()=>Bo,TextareaFormField:()=>Me,TimeFormField:()=>Uo,UrlFormField:()=>Oo,WeekFormField:()=>Lo});module.exports=cr(ta);var Op=require("client-only");var Nt=d(require("bpmn-js/lib/Viewer"),1),Ft=d(require("clsx"),1),Ct=d(require("diagram-js/lib/features/selection"),1),Pt=d(require("diagram-js/lib/navigation/movecanvas"),1),St=d(require("diagram-js/lib/navigation/zoomscroll"),1),Dt=d(require("next/dynamic"),1),ne=require("react"),Ko=d(require("react"),1);function mr(e,o){let t=(0,ne.useRef)(null),s=(0,ne.useRef)(new Nt.default({bpmnRenderer:{defaultFillColor:"var(--asdk-bv-background-color)",defaultStrokeColor:"var(--asdk-bv-foreground-color)"},additionalModules:[St.default,Pt.default,Ct.default]}));return(0,ne.useImperativeHandle)(o,()=>({getOverlays(){return s.current.get("overlays")},getElementRegistry(){return s.current.get("elementRegistry")},addMarker(r,a){s.current.get("canvas")?.addMarker(r,a)},removeMarker(r,a){s.current.get("canvas")?.removeMarker(r,a)},hasMarker(r,a){return s.current.get("canvas")?.hasMarker(r,a)}}),[s.current,t.current]),(0,ne.useEffect)(()=>{if(!t.current)return;let r=s.current;r.attachTo(t.current);let a=r.get("canvas"),n=i=>{e.onSelectionChanged?.(i.newSelection)};return r.importXML(e.xml).then(()=>{let i=a.viewbox(),p={x:i.outer.width/2,y:i.outer.height/2};a.zoom("fit-viewport",p),e.onImportDone?.(),r.on("selection.changed",n);let{preselectedElementIds:f}=e;if(!f||f.length===0)return;let h=r.get("elementRegistry").filter(L=>f.includes(L.id)).sort((L,W)=>f.indexOf(L.id)-f.indexOf(W.id));r.get("selection").select(h??[])}).catch(i=>{console.error(`[@5minds/processcube_app_sdk:BPMNViewer] Error while importing BPMN XML: "${i.message}`)}),()=>{r.off("selection.changed",n),r.detach()}},[e.xml,e.preselectedElementIds]),Ko.default.createElement("div",{ref:t,className:(0,Ft.default)("app-sdk-bpmn-viewer","app-sdk-h-full",e.className)})}var eo=(0,ne.forwardRef)(mr);function ur(e){return Ko.default.createElement(eo,{...e,ref:e.viewerRef})}var kr=(0,Dt.default)(()=>Promise.resolve(ur),{ssr:!1});var to=require("bpmn-js/lib/util/ModelUtil"),Lt=d(require("next/dynamic"),1),E=d(require("react"),1),H=require("react"),Ie=require("react-dom/server");var Qo=d(require("react"),1),Tt=d(require("react-markdown"),1),Mt=d(require("rehype-autolink-headings"),1),Et=d(require("rehype-raw"),1),Bt=d(require("rehype-slug"),1),Ut=d(require("remark-gfm"),1);function oo(e){return Qo.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"},Qo.default.createElement(Tt.default,{remarkPlugins:[Ut.default],rehypePlugins:[Et.default,Bt.default,[Mt.default,{behavior:"wrap"}]],className:"app-sdk-markdown lg:app-sdk-mx-40 md:app-sdk-mx-20 app-sdk-mx-10"},e.documentation??""))}var de=d(require("react"),1),Ot=4,ze=class extends de.default.Component{static defaultProps={customClassName:"",vertical:!1,percentage:!1,primaryIndex:0,primaryMinSize:0,secondaryDefaultSize:null,secondaryInitialSize:null,secondaryMinSize:0,onDragStart:null,onDragEnd:null,onSizeChanged:null,children:[]};container;splitter;constructor(o){super(o),this.handleResize=this.handleResize.bind(this),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.handleTouchMove=this.handleTouchMove.bind(this),this.handleSplitterMouseDown=this.handleSplitterMouseDown.bind(this),this.handleSplitterDoubleClick=this.handleSplitterDoubleClick.bind(this),this.state={lastMouseDown:0,secondaryPaneSize:o.secondaryInitialSize||0,resizing:!1}}componentDidMount(){window.addEventListener("resize",this.handleResize),document.addEventListener("mouseup",this.handleMouseUp),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("touchend",this.handleMouseUp),document.addEventListener("touchmove",this.handleTouchMove);let o;if(this.props.secondaryInitialSize!=null)o=this.props.secondaryInitialSize;else{let t=this.container.getBoundingClientRect(),s;this.splitter?s=this.splitter.getBoundingClientRect():s={width:Ot,height:Ot},o=this.getSecondaryPaneSize(t,s,{left:t.left+(t.width-s.width)/2,top:t.top+(t.height-s.height)/2},!1)}this.setSecondaryPaneSize(o)}componentDidUpdate(o,t){t.secondaryPaneSize!==this.state.secondaryPaneSize&&this.props.onSizeChanged&&this.props.onSizeChanged(this.state.secondaryPaneSize),t.resizing!==this.state.resizing&&(this.state.resizing?this.props.onDragStart&&this.props.onDragStart(t.secondaryPaneSize):this.props.onDragEnd&&this.props.onDragEnd(t.secondaryPaneSize,this.state.secondaryPaneSize))}componentWillUnmount(){window.removeEventListener("resize",this.handleResize),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("touchend",this.handleMouseUp),document.removeEventListener("touchmove",this.handleTouchMove)}clearSelection(){if(document.body.createTextRange){let o=document.body.createTextRange();o.collapse(),o.select()}else if(window.getSelection){let o=window.getSelection();if(o==null)return;o.empty?o.empty():o.removeAllRanges&&o.removeAllRanges()}else document.selection&&document.selection.empty()}getSecondaryPaneSize(o,t,s,r){let a=0,n=0,i=0;this.props.vertical?(a=o.height,n=t.height,i=s.top-o.top):(a=o.width,n=t.width,i=s.left-o.left),r&&(i-=n/2),i<0?i=0:i>a-n&&(i=a-n);let p;this.props.primaryIndex===1?p=i:p=a-n-i;let f=a-n-p;return this.props.percentage&&(p=p*100/a,f=f*100/a,n=n*100/a,a=100),f<this.props.primaryMinSize?p=Math.max(p-(this.props.primaryMinSize-f),0):p<this.props.secondaryMinSize&&(p=Math.min(a-n-this.props.primaryMinSize,this.props.secondaryMinSize)),p}setSecondaryPaneSize(o){this.setState({secondaryPaneSize:o})}maximizeSecondaryPane(){if(this.props.percentage)this.setSecondaryPaneSize(100-this.props.primaryMinSize);else throw new Error("maximizeSecondaryPane() is only supported in SplitterLayout with prop `percentage`")}isReset(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;return this.state.secondaryPaneSize===o}reset(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.setSecondaryPaneSize(o)}handleResize(){if(this.splitter&&!this.props.percentage){let o=this.container.getBoundingClientRect(),t=this.splitter.getBoundingClientRect(),s=this.getSecondaryPaneSize(o,t,{left:t.left,top:t.top},!1);this.setState({secondaryPaneSize:s})}}handleMouseMove(o){if(this.state.resizing){let t=this.container.getBoundingClientRect(),s=this.splitter.getBoundingClientRect(),r=this.getSecondaryPaneSize(t,s,{left:o.clientX,top:o.clientY},!0);this.clearSelection(),this.setState({secondaryPaneSize:r})}}handleTouchMove(o){this.handleMouseMove(o.changedTouches[0])}handleSplitterMouseDown(o){o.preventDefault(),this.clearSelection(),this.setState({resizing:!0})}handleSplitterDoubleClick(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.state.secondaryPaneSize===o?this.setSecondaryPaneSize(Math.floor(o*1.5)):this.setSecondaryPaneSize(o)}handleMouseUp(){this.setState(o=>o.resizing?{resizing:!1}:null)}render(){let o="app-sdk-splitter-layout";this.props.customClassName&&(o+=` ${this.props.customClassName}`),this.props.vertical&&(o+=" app-sdk-splitter-layout-vertical"),this.state.resizing&&(o+=" layout-changing");let t=de.default.Children.toArray(this.props.children).slice(0,2);t.length===0&&t.push(de.default.createElement("div",null));let s=[],r=this.props.primaryIndex!==0&&this.props.primaryIndex!==1?0:this.props.primaryIndex;for(let a=0;a<t.length;++a){let n=!0,i;t.length>1&&a!==r&&(n=!1,i=this.state.secondaryPaneSize),s.push(de.default.createElement(fr,{vertical:this.props.vertical,percentage:this.props.percentage,primary:n,size:i},t[a]))}return de.default.createElement("div",{className:o,ref:a=>{this.container=a}},s[0],s.length>1&&de.default.createElement("div",{role:"separator",className:"app-sdk-layout-splitter"},de.default.createElement("div",{className:"app-sdk-layout-splitter__inner",ref:a=>{this.splitter=a},onMouseDown:this.handleSplitterMouseDown,onTouchStart:this.handleSplitterMouseDown,onDoubleClick:this.handleSplitterDoubleClick})),s.length>1&&s[1])}};function fr(e={vertical:!1,primary:!1,size:0,percentage:!1,children:[]}){let o=e.size||0,t=e.percentage?"%":"px",s="app-sdk-layout-pane",r={};return e.primary?s+=" app-sdk-layout-pane-primary":e.vertical?r.height=`${o}${t}`:r.width=`${o}${t}`,de.default.createElement("div",{className:s,style:r},e.children)}var $e=30;function hr(e,o){let[t,s]=(0,H.useState)([]),r=(0,H.useRef)(null),a=(0,H.useRef)(null),[n,i]=(0,H.useState)([]),[p,f]=(0,H.useState)(!1),[y,h]=(0,H.useState)([]),[L,W]=(0,H.useState)($e);return(0,H.useEffect)(()=>{if(!window)return;let l=new URLSearchParams(window.location.search),u=l.getAll("selected");if(h(u),!l.has("splitterSize"))return;let P=parseFloat(l.get("splitterSize"));isNaN(P)||P===$e||(W(P),a.current?.setSecondaryPaneSize(P))},[]),(0,H.useEffect)(()=>{if(!p)return;let l=new URLSearchParams(window.location.search);L!==$e?l.set("splitterSize",L.toString()):l.delete("splitterSize"),l.delete("selected"),n.length>0&&n.forEach(Y=>l.append("selected",Y.id));let u=decodeURIComponent(window.location.hash.slice(1)),P=u.length>0?document.getElementById(u):null;window.history.replaceState(null,"",`?${l.toString()}${P?window.location.hash:""}`),window.location.hash&&(window.location.hash=window.location.hash),P?.scrollIntoView()},[n,L]),(0,H.useEffect)(()=>{if(!p)return;t.forEach(Y=>Y());let l=r.current?.getOverlays();r.current?.getElementRegistry()?.filter(Vt)?.forEach(Y=>{l?.add(Y.id,wr(Y))})},[p]),(0,H.useEffect)(()=>{e.setSelectedElementIds?.(n.map(l=>l.id))},[n]),(0,H.useImperativeHandle)(o,()=>({bpmnViewerRef:{getElementRegistry(){return r.current?.getElementRegistry()},getOverlays(){return r.current?.getOverlays()},addMarker(l,u){r.current?.addMarker(l,u)},removeMarker(l,u){r.current?.removeMarker(l,u)},hasMarker(l,u){return r.current?.hasMarker(l,u)},onImportDone(l){p?l():s(u=>[...u,l])}}}),[r.current]),E.default.createElement(ze,{ref:a,vertical:!0,percentage:!0,secondaryInitialSize:$e,secondaryDefaultSize:$e,onDragEnd:(l,u)=>W(Math.round(u))},E.default.createElement(eo,{ref:r,xml:e.xml,preselectedElementIds:y,onSelectionChanged:l=>i([...l]),onImportDone:()=>f(!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(gr,{elements:n})))}function gr({elements:e}){if(e.length===0)return E.default.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"Please select an element");let o=e.filter(Vt);if(o.length===0)return E.default.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"No documentation available");if(o.length===1){let t=(0,to.getBusinessObject)(o[0])?.documentation?.[0]?.text;return E.default.createElement(oo,{documentation:t})}return E.default.createElement(oo,{documentation:o.map(t=>(0,to.getBusinessObject)(t)?.documentation?.[0]?.text).join(`
1
+ "use client";var nr=Object.create;var Qe=Object.defineProperty;var dr=Object.getOwnPropertyDescriptor;var ir=Object.getOwnPropertyNames;var pr=Object.getPrototypeOf,lr=Object.prototype.hasOwnProperty;var ee=(e,o)=>()=>(e&&(o=e(e=0)),o);var xt=(e,o)=>{for(var t in o)Qe(e,t,{get:o[t],enumerable:!0})},It=(e,o,t,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of ir(o))!lr.call(e,r)&&r!==t&&Qe(e,r,{get:()=>o[r],enumerable:!(s=dr(o,r))||s.enumerable});return e};var d=(e,o,t)=>(t=e!=null?nr(pr(e)):{},It(o||!e||!e.__esModule?Qe(t,"default",{value:e,enumerable:!0}):t,e)),cr=e=>It(Qe({},"__esModule",{value:!0}),e);async function Ao(){let e=await(0,gt.getToken)({req:{cookies:(0,he.cookies)(),headers:(0,he.headers)()}});if(e?.expiresAt&&Date.now()>=e.expiresAt*1e3){let t=await fetch(`${process.env.NEXTAUTH_URL}/api/auth/session`,{method:"GET",headers:{"Content-Type":"application/json",cookie:(0,he.cookies)().toString()}}),s=new fs.ResponseCookies(t.headers);if(s.getAll().length){let r=!1;try{for(let a of s.getAll())(0,he.cookies)().set(a.name,a.value,{...a})}catch{r=!0}if(e=await(0,gt.getToken)({req:{cookies:r?s:(0,he.cookies)(),headers:(0,he.headers)()}}),e?.error)throw e.error}}if(!e?.accessToken||!e?.sub)throw new Error("AccessToken or Sub could not be determined!");return{token:e?.accessToken,userId:e?.sub}}var gt,fs,he,yt=ee(()=>{gt=require("next-auth/jwt"),fs=require("next/dist/compiled/@edge-runtime/cookies"),he=require("next/headers")});var hs,Hr,Z,We=ee(()=>{hs=require("@5minds/processcube_engine_client"),Hr=process.env.PROCESSCUBE_ENGINE_URL??"http://localhost:10560",Z=new hs.EngineClient(Hr)});async function qe(){try{return Ao()}catch{return}}async function ys(e){let o=await qe();return(await Z.processInstances.query({processInstanceId:e},{identity:o})).processInstances[0]}async function ws(e,o={sortSettings:{sortBy:gs.DataModels.FlowNodeInstances.FlowNodeInstanceSortableColumns.createdAt,sortDir:"ASC"}}){return(await Z.flowNodeInstances.query({processInstanceId:e},{...o,identity:o.identity??await qe()})).flowNodeInstances}async function vs(e){let o=await qe();return(await Z.flowNodeInstances.query({triggeredByFlowNodeInstance:e},{identity:o})).flowNodeInstances}async function bs(e,o,t){let s=await qe();await Z.processInstances.retryProcessInstance(e,{flowNodeInstanceId:o,newStartToken:t,identity:s})}async function xs(e){let o=await qe();await Z.processInstances.terminateProcessInstance(e,o)}var gs,Is=ee(()=>{gs=require("@5minds/processcube_engine_client");yt();We()});var jr,Gr,Ns=ee(()=>{jr=require("next/cache"),Gr=require("next/navigation")});var Fs=ee(()=>{});async function Cs(...e){await Z.manualTasks.finishManualTask(...e)}var Ps=ee(()=>{We()});async function Ss(...e){await Z.userTasks.finishUserTask(...e)}var Ds=ee(()=>{We()});async function Ts(...e){await Z.untypedTasks.finishTask(...e)}var Ms=ee(()=>{We()});var Es=ee(()=>{Ns();Fs();Ps();Ds();Ms()});var Le={};xt(Le,{finishTask:()=>Rr,getFlowNodeInstances:()=>Yr,getProcessInstance:()=>Xr,getTriggeredFlowNodeInstances:()=>Zr,retryProcess:()=>qr,terminateProcess:()=>Wr});async function Jr(){try{return Ao()}catch{return}}var Bs,Rr,Wr,qr,Xr,Yr,Zr,Ve=ee(()=>{"use server";Bs=require("@5minds/processcube_engine_client");Is();yt();Es();Rr=async(e,o)=>{let t=await Jr();o==="bpmn:UserTask"?await Ss(e,{},t):o==="bpmn:ManualTask"?await Cs(e,t):o==="bpmn:Task"?await Ts(e,t):console.error(`[@5minds/processcube_app_sdk:handlePlay] Unsupported flow node type: ${o}`)},Wr=async e=>{await xs(e)},qr=async(e,o,t)=>{await bs(e,o,t)},Xr=async e=>ys(e),Yr=async e=>ws(e,{sortSettings:{sortBy:Bs.DataModels.FlowNodeInstances.FlowNodeInstanceSortableColumns.createdAt,sortDir:"DESC"}}),Zr=async e=>vs(e)});var ta={};xt(ta,{BPMNViewer:()=>eo,BPMNViewerNextJS:()=>kr,BooleanFormField:()=>no,BpmnViewerComponent:()=>ct,CheckboxFormField:()=>io,ColorFormField:()=>po,ConfirmFormField:()=>co,CustomFormField:()=>mo,DateFormField:()=>uo,DatetimeLocalFormField:()=>ko,DecimalFormField:()=>ho,DiagramDocumentationInspector:()=>so,DiagramDocumentationInspectorNextJS:()=>br,DocumentationViewer:()=>oo,DropdownMenu:()=>xr,DropdownMenuItem:()=>Ir,DynamicLink:()=>Nr,DynamicUi:()=>Ur,DynamicUiComponent:()=>ft,EmailFormField:()=>go,EnumFormField:()=>yo,FileFormField:()=>wo,FlowNode:()=>ro,FormFieldComponentMap:()=>kt,HeaderFormField:()=>vo,HiddenFormField:()=>bo,IntegerFormField:()=>xo,MonthFormField:()=>Io,ParagraphFormField:()=>Po,PasswordFormField:()=>So,ProcessInstanceInspector:()=>Qs,ProcessInstanceInspectorNextJS:()=>oa,RadioFormField:()=>Do,RangeFormField:()=>To,SelectFormField:()=>Mo,SplitterLayout:()=>ze,StringFormField:()=>Eo,TelFormField:()=>Bo,TextareaFormField:()=>Me,TimeFormField:()=>Uo,UrlFormField:()=>Oo,WeekFormField:()=>Lo});module.exports=cr(ta);var Up=require("client-only");var Nt=d(require("bpmn-js/lib/Viewer"),1),Ft=d(require("clsx"),1),Ct=d(require("diagram-js/lib/features/selection"),1),Pt=d(require("diagram-js/lib/navigation/movecanvas"),1),St=d(require("diagram-js/lib/navigation/zoomscroll"),1),Dt=d(require("next/dynamic"),1),ne=require("react"),Ko=d(require("react"),1);function mr(e,o){let t=(0,ne.useRef)(null),s=(0,ne.useRef)(new Nt.default({bpmnRenderer:{defaultFillColor:"var(--asdk-bv-background-color)",defaultStrokeColor:"var(--asdk-bv-foreground-color)"},additionalModules:[St.default,Pt.default,Ct.default]}));return(0,ne.useImperativeHandle)(o,()=>({getOverlays(){return s.current.get("overlays")},getElementRegistry(){return s.current.get("elementRegistry")},addMarker(r,a){s.current.get("canvas")?.addMarker(r,a)},removeMarker(r,a){s.current.get("canvas")?.removeMarker(r,a)},hasMarker(r,a){return s.current.get("canvas")?.hasMarker(r,a)}}),[s.current,t.current]),(0,ne.useEffect)(()=>{if(!t.current)return;let r=s.current;r.attachTo(t.current);let a=r.get("canvas"),n=i=>{e.onSelectionChanged?.(i.newSelection)};return r.importXML(e.xml).then(()=>{let i=a.viewbox(),p={x:i.outer.width/2,y:i.outer.height/2};a.zoom("fit-viewport",p),e.onImportDone?.(),r.on("selection.changed",n);let{preselectedElementIds:f}=e;if(!f||f.length===0)return;let h=r.get("elementRegistry").filter(L=>f.includes(L.id)).sort((L,W)=>f.indexOf(L.id)-f.indexOf(W.id));r.get("selection").select(h??[])}).catch(i=>{console.error(`[@5minds/processcube_app_sdk:BPMNViewer] Error while importing BPMN XML: "${i.message}`)}),()=>{r.off("selection.changed",n),r.detach()}},[e.xml,e.preselectedElementIds]),Ko.default.createElement("div",{ref:t,className:(0,Ft.default)("app-sdk-bpmn-viewer","app-sdk-h-full",e.className)})}var eo=(0,ne.forwardRef)(mr);function ur(e){return Ko.default.createElement(eo,{...e,ref:e.viewerRef})}var kr=(0,Dt.default)(()=>Promise.resolve(ur),{ssr:!1});var to=require("bpmn-js/lib/util/ModelUtil"),Lt=d(require("next/dynamic"),1),E=d(require("react"),1),H=require("react"),Ie=require("react-dom/server");var Qo=d(require("react"),1),Tt=d(require("react-markdown"),1),Mt=d(require("rehype-autolink-headings"),1),Et=d(require("rehype-raw"),1),Bt=d(require("rehype-slug"),1),Ut=d(require("remark-gfm"),1);function oo(e){return Qo.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"},Qo.default.createElement(Tt.default,{remarkPlugins:[Ut.default],rehypePlugins:[Et.default,Bt.default,[Mt.default,{behavior:"wrap"}]],className:"app-sdk-markdown lg:app-sdk-mx-40 md:app-sdk-mx-20 app-sdk-mx-10"},e.documentation??""))}var de=d(require("react"),1),Ot=4,ze=class extends de.default.Component{static defaultProps={customClassName:"",vertical:!1,percentage:!1,primaryIndex:0,primaryMinSize:0,secondaryDefaultSize:null,secondaryInitialSize:null,secondaryMinSize:0,onDragStart:null,onDragEnd:null,onSizeChanged:null,children:[]};container;splitter;constructor(o){super(o),this.handleResize=this.handleResize.bind(this),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.handleTouchMove=this.handleTouchMove.bind(this),this.handleSplitterMouseDown=this.handleSplitterMouseDown.bind(this),this.handleSplitterDoubleClick=this.handleSplitterDoubleClick.bind(this),this.state={lastMouseDown:0,secondaryPaneSize:o.secondaryInitialSize||0,resizing:!1}}componentDidMount(){window.addEventListener("resize",this.handleResize),document.addEventListener("mouseup",this.handleMouseUp),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("touchend",this.handleMouseUp),document.addEventListener("touchmove",this.handleTouchMove);let o;if(this.props.secondaryInitialSize!=null)o=this.props.secondaryInitialSize;else{let t=this.container.getBoundingClientRect(),s;this.splitter?s=this.splitter.getBoundingClientRect():s={width:Ot,height:Ot},o=this.getSecondaryPaneSize(t,s,{left:t.left+(t.width-s.width)/2,top:t.top+(t.height-s.height)/2},!1)}this.setSecondaryPaneSize(o)}componentDidUpdate(o,t){t.secondaryPaneSize!==this.state.secondaryPaneSize&&this.props.onSizeChanged&&this.props.onSizeChanged(this.state.secondaryPaneSize),t.resizing!==this.state.resizing&&(this.state.resizing?this.props.onDragStart&&this.props.onDragStart(t.secondaryPaneSize):this.props.onDragEnd&&this.props.onDragEnd(t.secondaryPaneSize,this.state.secondaryPaneSize))}componentWillUnmount(){window.removeEventListener("resize",this.handleResize),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("touchend",this.handleMouseUp),document.removeEventListener("touchmove",this.handleTouchMove)}clearSelection(){if(document.body.createTextRange){let o=document.body.createTextRange();o.collapse(),o.select()}else if(window.getSelection){let o=window.getSelection();if(o==null)return;o.empty?o.empty():o.removeAllRanges&&o.removeAllRanges()}else document.selection&&document.selection.empty()}getSecondaryPaneSize(o,t,s,r){let a=0,n=0,i=0;this.props.vertical?(a=o.height,n=t.height,i=s.top-o.top):(a=o.width,n=t.width,i=s.left-o.left),r&&(i-=n/2),i<0?i=0:i>a-n&&(i=a-n);let p;this.props.primaryIndex===1?p=i:p=a-n-i;let f=a-n-p;return this.props.percentage&&(p=p*100/a,f=f*100/a,n=n*100/a,a=100),f<this.props.primaryMinSize?p=Math.max(p-(this.props.primaryMinSize-f),0):p<this.props.secondaryMinSize&&(p=Math.min(a-n-this.props.primaryMinSize,this.props.secondaryMinSize)),p}setSecondaryPaneSize(o){this.setState({secondaryPaneSize:o})}maximizeSecondaryPane(){if(this.props.percentage)this.setSecondaryPaneSize(100-this.props.primaryMinSize);else throw new Error("maximizeSecondaryPane() is only supported in SplitterLayout with prop `percentage`")}isReset(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;return this.state.secondaryPaneSize===o}reset(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.setSecondaryPaneSize(o)}handleResize(){if(this.splitter&&!this.props.percentage){let o=this.container.getBoundingClientRect(),t=this.splitter.getBoundingClientRect(),s=this.getSecondaryPaneSize(o,t,{left:t.left,top:t.top},!1);this.setState({secondaryPaneSize:s})}}handleMouseMove(o){if(this.state.resizing){let t=this.container.getBoundingClientRect(),s=this.splitter.getBoundingClientRect(),r=this.getSecondaryPaneSize(t,s,{left:o.clientX,top:o.clientY},!0);this.clearSelection(),this.setState({secondaryPaneSize:r})}}handleTouchMove(o){this.handleMouseMove(o.changedTouches[0])}handleSplitterMouseDown(o){o.preventDefault(),this.clearSelection(),this.setState({resizing:!0})}handleSplitterDoubleClick(){let o=this.props.secondaryDefaultSize||this.props.secondaryMinSize;this.state.secondaryPaneSize===o?this.setSecondaryPaneSize(Math.floor(o*1.5)):this.setSecondaryPaneSize(o)}handleMouseUp(){this.setState(o=>o.resizing?{resizing:!1}:null)}render(){let o="app-sdk-splitter-layout";this.props.customClassName&&(o+=` ${this.props.customClassName}`),this.props.vertical&&(o+=" app-sdk-splitter-layout-vertical"),this.state.resizing&&(o+=" layout-changing");let t=de.default.Children.toArray(this.props.children).slice(0,2);t.length===0&&t.push(de.default.createElement("div",null));let s=[],r=this.props.primaryIndex!==0&&this.props.primaryIndex!==1?0:this.props.primaryIndex;for(let a=0;a<t.length;++a){let n=!0,i;t.length>1&&a!==r&&(n=!1,i=this.state.secondaryPaneSize),s.push(de.default.createElement(fr,{vertical:this.props.vertical,percentage:this.props.percentage,primary:n,size:i},t[a]))}return de.default.createElement("div",{className:o,ref:a=>{this.container=a}},s[0],s.length>1&&de.default.createElement("div",{role:"separator",className:"app-sdk-layout-splitter"},de.default.createElement("div",{className:"app-sdk-layout-splitter__inner",ref:a=>{this.splitter=a},onMouseDown:this.handleSplitterMouseDown,onTouchStart:this.handleSplitterMouseDown,onDoubleClick:this.handleSplitterDoubleClick})),s.length>1&&s[1])}};function fr(e={vertical:!1,primary:!1,size:0,percentage:!1,children:[]}){let o=e.size||0,t=e.percentage?"%":"px",s="app-sdk-layout-pane",r={};return e.primary?s+=" app-sdk-layout-pane-primary":e.vertical?r.height=`${o}${t}`:r.width=`${o}${t}`,de.default.createElement("div",{className:s,style:r},e.children)}var $e=30;function hr(e,o){let[t,s]=(0,H.useState)([]),r=(0,H.useRef)(null),a=(0,H.useRef)(null),[n,i]=(0,H.useState)([]),[p,f]=(0,H.useState)(!1),[y,h]=(0,H.useState)([]),[L,W]=(0,H.useState)($e);return(0,H.useEffect)(()=>{if(!window)return;let l=new URLSearchParams(window.location.search),u=l.getAll("selected");if(h(u),!l.has("splitterSize"))return;let P=parseFloat(l.get("splitterSize"));isNaN(P)||P===$e||(W(P),a.current?.setSecondaryPaneSize(P))},[]),(0,H.useEffect)(()=>{if(!p)return;let l=new URLSearchParams(window.location.search);L!==$e?l.set("splitterSize",L.toString()):l.delete("splitterSize"),l.delete("selected"),n.length>0&&n.forEach(Y=>l.append("selected",Y.id));let u=decodeURIComponent(window.location.hash.slice(1)),P=u.length>0?document.getElementById(u):null;window.history.replaceState(null,"",`?${l.toString()}${P?window.location.hash:""}`),window.location.hash&&(window.location.hash=window.location.hash),P?.scrollIntoView()},[n,L]),(0,H.useEffect)(()=>{if(!p)return;t.forEach(Y=>Y());let l=r.current?.getOverlays();r.current?.getElementRegistry()?.filter(Vt)?.forEach(Y=>{l?.add(Y.id,wr(Y))})},[p]),(0,H.useEffect)(()=>{e.setSelectedElementIds?.(n.map(l=>l.id))},[n]),(0,H.useImperativeHandle)(o,()=>({bpmnViewerRef:{getElementRegistry(){return r.current?.getElementRegistry()},getOverlays(){return r.current?.getOverlays()},addMarker(l,u){r.current?.addMarker(l,u)},removeMarker(l,u){r.current?.removeMarker(l,u)},hasMarker(l,u){return r.current?.hasMarker(l,u)},onImportDone(l){p?l():s(u=>[...u,l])}}}),[r.current]),E.default.createElement(ze,{ref:a,vertical:!0,percentage:!0,secondaryInitialSize:$e,secondaryDefaultSize:$e,onDragEnd:(l,u)=>W(Math.round(u))},E.default.createElement(eo,{ref:r,xml:e.xml,preselectedElementIds:y,onSelectionChanged:l=>i([...l]),onImportDone:()=>f(!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(gr,{elements:n})))}function gr({elements:e}){if(e.length===0)return E.default.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"Please select an element");let o=e.filter(Vt);if(o.length===0)return E.default.createElement("p",{className:"app-sdk-m-0 app-sdk-p-6"},"No documentation available");if(o.length===1){let t=(0,to.getBusinessObject)(o[0])?.documentation?.[0]?.text;return E.default.createElement(oo,{documentation:t})}return E.default.createElement(oo,{documentation:o.map(t=>(0,to.getBusinessObject)(t)?.documentation?.[0]?.text).join(`
2
2
 
3
3
  <hr />
4
4
 
5
5
  `)})}var He=({showBackground:e})=>E.default.createElement("div",{title:"This element has documentation"},E.default.createElement("svg",{className:`${e?"app-sdk-bg-[color:var(--asdk-ddi-background-color)] app-sdk-p-[2px] app-sdk-rounded":""}`,xmlns:"http://www.w3.org/2000/svg",height:"16",viewBox:"0 0 448 512"},E.default.createElement("path",{d:"M64 0C28.7 0 0 28.7 0 64L0 448l0 0c0 35.3 28.7 64 64 64H432c8.8 0 16-7.2 16-16s-7.2-16-16-16H416V413.3c18.6-6.6 32-24.4 32-45.3V48c0-26.5-21.5-48-48-48H64zM384 416v64H64c-17.7 0-32-14.3-32-32s14.3-32 32-32H384zM64 384c-11.7 0-22.6 3.1-32 8.6L32 64c0-17.7 14.3-32 32-32H96V384H64zm64 0V32H400c8.8 0 16 7.2 16 16V368c0 8.8-7.2 16-16 16H128zm48-240c0 8.8 7.2 16 16 16H352c8.8 0 16-7.2 16-16s-7.2-16-16-16H192c-8.8 0-16 7.2-16 16zm0 96c0 8.8 7.2 16 16 16H352c8.8 0 16-7.2 16-16s-7.2-16-16-16H192c-8.8 0-16 7.2-16 16z"}))),yr=["bpmn:DataInputAssociation","bpmn:DataOutputAssociation","bpmn:SequenceFlow","label"],je={DEFAULT:{top:4,right:21},PARTICIPANT:{top:3,left:3},ANNOTATION:{bottom:10,left:10},GATEWAY:{bottom:17,right:17},OTHER:{bottom:12,right:12}};function wr(e){return e.type.endsWith("Task")||e.type==="bpmn:CallActivity"||e.type==="bpmn:Collaboration"||e.type==="bpmn:Group"||e.type==="bpmn:Lane"||e.type==="bpmn:SubProcess"?{position:je.DEFAULT,html:(0,Ie.renderToString)(E.default.createElement(He,null))}:e.type==="bpmn:Participant"?{position:je.PARTICIPANT,html:(0,Ie.renderToString)(E.default.createElement(He,null))}:e.type.endsWith("Gateway")?{position:je.GATEWAY,html:(0,Ie.renderToString)(E.default.createElement(He,{showBackground:!0}))}:e.type==="bpmn:TextAnnotation"?{position:je.ANNOTATION,html:(0,Ie.renderToString)(E.default.createElement(He,{showBackground:!0}))}:{position:je.OTHER,html:(0,Ie.renderToString)(E.default.createElement(He,{showBackground:!0}))}}function Vt(e){if(yr.includes(e.type))return!1;let t=(0,to.getBusinessObject)(e)?.documentation?.[0]?.text;return t!=null&&t.trim()!==""}var so=(0,E.forwardRef)(hr);function vr(e){return E.default.createElement(so,{...e,ref:e.viewerRef})}var br=(0,Lt.default)(()=>Promise.resolve(vr),{ssr:!1});var we=require("@headlessui/react"),G=d(require("react"),1);function D(...e){return e.filter(Boolean).join(" ")}function xr(e){return G.default.createElement(we.Menu,{as:"div",className:"app-sdk-default-styles app-sdk-relative app-sdk-inline-block app-sdk-text-left"},G.default.createElement("div",null,G.default.createElement(we.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)] "},G.default.createElement("span",{className:"app-sdk-sr-only"},"Open options"),e.collapsedIcon||G.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"},G.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"})))),G.default.createElement(we.Transition,{as:G.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"},G.default.createElement(we.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"},G.default.createElement("div",{className:"app-sdk-py-1"},e.children))))}function Ir(e){return G.default.createElement(we.Menu.Item,null,({active:o})=>G.default.createElement("button",{type:"button",onClick:()=>e.onClick(),className:D(o?"app-sdk-bg-[color:var(--asdk-ddm-entry-background-hover-color)]":"app-sdk-bg-transparent","app-sdk-cursor-pointer app-sdk-p-0 app-sdk-text-[100%] app-sdk-block app-sdk-w-full app-sdk-px-4 app-sdk-py-2 app-sdk-text-left app-sdk-text-sm",e.isDanger?"app-sdk-text-[color:var(--asdk-ddm-danger-entry-text-color)]":"app-sdk-text-[color:var(--asdk-ddm-default-entry-text-color)]",e.className??"")},e.title))}var At=require("next/navigation"),zt=d(require("react"),1);var _t=new Set;function S(e,o){_t.has(e)||(console.warn(`[@5minds/processcube_app_sdk] Warning: The component "${e}" is deprecated.
6
6
 
7
- ${o??""}`.trimEnd()),_t.add(e))}function Nr({href:e,children:o}){S("DynamicLink","Please use the NextJS Link component instead.");let t=(0,At.useRouter)();return zt.default.createElement("a",{href:e,onClick:s=>{s.preventDefault(),t.replace(e),t.refresh()}},o)}var Xt=d(require("bpmn-js/lib/Viewer"),1),Yt=d(require("diagram-js/lib/navigation/movecanvas"),1),Zt=d(require("diagram-js/lib/navigation/zoomscroll"),1),ao=d(require("react"),1);var Rt=d(require("react"),1),Wt=require("react-dom/client"),qt=require("uuid");var Jt=d(require("@monaco-editor/react"),1),C=require("@nextui-org/react"),v=d(require("react"),1);var ve=d(require("react"),1);var $t=d(require("react"),1);function et(e){S("ExecutionCount");let o={width:30};return e.count<=1?null:$t.default.createElement("div",{style:o,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--execution-count"},e.count)}var B=d(require("react"),1);function ot(e){return S("GotoButton"),B.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},B.default.createElement("div",{className:"action-icon"},B.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},B.default.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),B.default.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),B.default.createElement("g",{id:"SVGRepo_iconCarrier"}," ",B.default.createElement("title",null,"open-external")," ",B.default.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",B.default.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",B.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"}," ")," ")," ")," "))),B.default.createElement("div",{className:"action-icon-hovered"},B.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},B.default.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),B.default.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),B.default.createElement("g",{id:"SVGRepo_iconCarrier"}," ",B.default.createElement("title",null,"goto process")," ",B.default.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",B.default.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",B.default.createElement("path",{d:"M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z",id:"Combined-Shape"}," ")," ")," ")," "))))}var oe=d(require("react"),1);function tt(e){return S("PlayButton"),oe.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},oe.default.createElement("div",{className:"action-icon"},oe.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"none",xmlns:"http://www.w3.org/2000/svg"},oe.default.createElement("g",{id:"Media / Play",color:"white"},oe.default.createElement("path",{id:"Vector",d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))),oe.default.createElement("div",{className:"action-icon-hovered"},oe.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"white",xmlns:"http://www.w3.org/2000/svg"},oe.default.createElement("g",{id:"Media / Play",color:"white"},oe.default.createElement("path",{id:"Vector",d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))))}var ce=d(require("react"),1);function st(e){return S("RetryButton"),ce.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},ce.default.createElement("div",{className:"action-icon"},ce.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},ce.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"}))),ce.default.createElement("div",{className:"action-icon-hovered"},ce.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},ce.default.createElement("path",{fill:"#FFFFFF",d:"M10.7667,0.493645 C9.11991,-0.113331 7.31921,-0.161915 5.64208,0.355379 C4.48206,0.713177 3.42569,1.32796 2.54743,2.14597 L1.70711,1.30564 C1.07714,0.675676 0,1.12184 0,2.01275 L0,6.00002 L3.98727,6.00002 C4.87818,6.00002 5.32434,4.92288 4.69438,4.29291 L3.96284,3.56137 C4.61101,2.97184 5.38443,2.52782 6.23156,2.26653 C7.4894,1.87856 8.83993,1.915 10.075,2.37023 C11.3101,2.82547 12.3612,3.67423 13.0664,4.78573 C13.7716,5.89723 14.0916,7.20978 13.9773,8.52112 C13.863,9.83246 13.3206,11.0698 12.4337,12.0425 C11.5469,13.0152 10.3647,13.6693 9.06949,13.9039 C7.77425,14.1385 6.43779,13.9407 5.26607,13.3409 C4.09434,12.7412 3.15236,11.7727 2.5853,10.5848 C2.34738,10.0864 1.75046,9.8752 1.25205,10.1131 C0.753645,10.351 0.542478,10.948 0.7804,11.4464 C1.53649,13.0302 2.79245,14.3215 4.35475,15.1213 C5.91706,15.921 7.699,16.1847 9.42598,15.8719 C11.153,15.559 12.7291,14.687 13.9116,13.39 C15.0941,12.0931 15.8173,10.4433 15.9698,8.69483 C16.1222,6.94637 15.6954,5.1963 14.7552,3.7143 C13.815,2.2323 12.4135,1.10062 10.7667,0.493645 Z"}))))}function rt(e){S("FlowNodeButtonArea");let o={marginTop:"7px"},t=e.flowNode,s=!!e.onRetryClick,r=!t.IsGateway&&t.ProcessInstanceState!=="running"&&t.ProcessInstanceState!=="finished"&&s,a=!!e.onGotoClick,n=(t.IsCallActivity||(t.IsEventReceiver||t.IsEventSender)&&t.LinkedProcessInstanceId)&&a,i=!!e.onPlayClick,p=(t.IsUserTask||t.IsManualTask)&&t.State==="suspended"&&i;return ve.default.createElement("div",{className:"flownode-overlay",style:o},ve.default.createElement("div",{className:"bpmn-element-overlay__below"},r&&ve.default.createElement(st,{onClick:e.onRetryClick,flowNode:e.flowNode}),ve.default.createElement(et,{count:e.flowNode.ExecutionCount}),n&&ve.default.createElement(ot,{onClick:e.onGotoClick}),p&&ve.default.createElement(tt,{onClick:e.onPlayClick})))}var at=d(require("react"),1);function nt(e){S("FlowNodeColorArea");let o={width:e.width,height:e.height},t="",s={width:e.width,height:e.height};return e.flowNode.IsGateway?(s.height*=.7,s.width*=.7,t="bpmn-element-overlay-backdrop--gateway"):e.flowNode.IsEvent&&(t="bpmn-element-overlay-backdrop--rounded"),at.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay-backdrop cursor-pointer",style:o},at.default.createElement("div",{className:`flow-node-${e.flowNode.State}-state-overlay ${t}`,style:s}))}var dt=d(require("@monaco-editor/react"),1),it=require("@nextui-org/react"),$=d(require("react"),1),Ht=require("react-dom/client"),jt=d(require("react-markdown"),1),Gt=d(require("remark-gfm"),1);function pt(e){S("FlowNodeInfoComponent");function o(t){setTimeout(()=>{t.getAction("editor.action.formatDocument").run(),t.updateOptions({readOnly:!0})},300)}return(0,$.useEffect)(()=>{let t=$.default.createElement(jt.default,{remarkPlugins:[Gt.default]},e.flowNode.Documentation),s=document.getElementById("markdown-container");if(s){let r=s.attachShadow({mode:"open"});(0,Ht.createRoot)(r).render(t)}},[]),$.default.createElement($.default.Fragment,null,$.default.createElement(it.Divider,{className:"my-2"}),$.default.createElement("div",{className:"flex-row"},$.default.createElement("div",{className:"token-area"},$.default.createElement("p",null,"Start Token:"),$.default.createElement(dt.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onMount:o,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}}),$.default.createElement(it.Divider,{className:"my-2"}),$.default.createElement("p",null,"End Token:"),$.default.createElement(dt.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentEndToken,null,2),onMount:o,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),$.default.createElement("div",{className:"documentation-area"},$.default.createElement("p",null,"Dokumentation:"),$.default.createElement("div",{id:"markdown-container"}))))}function lt(e){S("FlowNodeOverlay");let o=(0,C.useDisclosure)(),t=(0,C.useDisclosure)(),[s,r]=(0,v.useState)(JSON.stringify(e.flowNode.CurrentStartToken));function a(i){setTimeout(()=>{i.getAction("editor.action.formatDocument").run()},300)}let n={width:e.width,height:e.height+10};return v.default.createElement(v.default.Fragment,null,v.default.createElement("div",{style:n},v.default.createElement(nt,{onClick:t.onOpen,...e}),v.default.createElement(rt,{onRetryClick:e.retryAction?o.onOpen:void 0,onGotoClick:e.gotoProcessAction?()=>e.gotoProcessAction(e.flowNode.LinkedProcessInstanceId??""):void 0,onPlayClick:e.gotoManualOrUserTaskAction?()=>e.gotoManualOrUserTaskAction(e.flowNode.ProcessInstanceId,e.flowNode.Id):void 0,flowNode:e.flowNode})),v.default.createElement(C.Modal,{isOpen:o.isOpen,onOpenChange:o.onOpenChange},v.default.createElement(C.ModalContent,null,i=>v.default.createElement(v.default.Fragment,null,v.default.createElement(C.ModalHeader,{className:"flex flex-col gap-1"},"Confirm Retry"),v.default.createElement(C.ModalBody,null,v.default.createElement(C.Divider,{className:"my-2"}),v.default.createElement("p",null,"Are you sure you want to retry process instance ",e.flowNode.CurrentFlowNodeInstanceId,"?"),v.default.createElement(C.Divider,{className:"my-2"}),v.default.createElement(Jt.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onChange:(p,f)=>r(p??""),onMount:a,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),v.default.createElement(C.ModalFooter,null,v.default.createElement(C.Button,{color:"warning",variant:"light",onPress:i},"Close"),v.default.createElement(C.Button,{color:"primary",onPress:()=>{e.retryAction?.(e.flowNode.ProcessInstanceId,e.flowNode.CurrentFlowNodeInstanceId,JSON.parse(s)),i()}},"Retry"))))),v.default.createElement(C.Modal,{size:"4xl",isOpen:t.isOpen,onOpenChange:t.onOpenChange},v.default.createElement(C.ModalContent,null,i=>v.default.createElement(v.default.Fragment,null,v.default.createElement(C.ModalHeader,{className:"flex flex-col gap-1"},"FlowNode: ",e.flowNode.Name??e.flowNode.Id),v.default.createElement(C.ModalBody,null,v.default.createElement(pt,{flowNode:e.flowNode})),v.default.createElement(C.ModalFooter,null,v.default.createElement(C.Button,{color:"primary",onPress:i},"Close"))))))}var ro=class{id;flowNodeInstances;processInstanceState;documentation;triggeredFlowNodeInstance;type;get Id(){return this.id}get Name(){return this.flowNodeInstances.at(-1)?.flowNodeName}get CurrentFlowNodeInstanceId(){return this.flowNodeInstances.at(-1)?.flowNodeInstanceId}get CurrentStartToken(){return this.flowNodeInstances.at(-1)?.startToken}get CurrentEndToken(){return this.flowNodeInstances.at(-1)?.endToken}get LinkedProcessInstanceId(){let o=this.flowNodeInstances.at(-1);if(this.IsCallActivity)return o.childProcessInstanceId;if(this.IsEventReceiver)return o?.triggeredByFlowNodeInstance?.processInstanceId;if(this.IsEventSender&&this.triggeredFlowNodeInstance)return this.triggeredFlowNodeInstance.processInstanceId}get State(){return this.flowNodeInstances.at(-1)?.state??""}get Documentation(){return this.documentation}get ProcessInstanceState(){return this.processInstanceState}get IsGateway(){return this.type==="bpmn:ComplexGateway"||this.type==="bpmn:ParallelGateway"||this.type==="bpmn:ExclusiveGateway"||this.type==="bpmn:InclusiveGateway"||this.type==="bpmn:EventBasedGateway"}get IsEvent(){return this.type==="bpmn:StartEvent"||this.type==="bpmn:EndEvent"||this.type==="bpmn:IntermediateCatchEvent"||this.type==="bpmn:IntermediateThrowEvent"||this.type==="bpmn:BoundaryEvent"}get IsEventReceiver(){return this.type==="bpmn:StartEvent"||this.type==="bpmn:IntermediateCatchEvent"||this.type==="bpmn:BoundaryEvent"||this.type==="bpmn:ReceiveTask"}get IsEventSender(){return this.type==="bpmn:EndEvent"||this.type==="bpmn:IntermediateThrowEvent"||this.type==="bpmn:SendTask"}get IsCallActivity(){return this.type==="bpmn:CallActivity"}get IsUserTask(){return this.type==="bpmn:UserTask"}get IsManualTask(){return this.type==="bpmn:ManualTask"}get ExecutionCount(){return this.flowNodeInstances.length}get ProcessInstanceId(){return this.flowNodeInstances.at(-1)?.processInstanceId??""}constructor(o,t,s,r){this.id=o,this.flowNodeInstances=[],this.processInstanceState=t,this.documentation=s,this.triggeredFlowNodeInstance=r,this.type=""}addFlowNodeInstance(o){this.flowNodeInstances.push(o),this.type=o.flowNodeType}},Ge=class{canvas;overlays;elementRegistry;overlayIds;overlayRoots;constructor(o){S("BpmnViewerOverlayCreator"),this.canvas=o.get("canvas"),this.overlays=o.get("overlays"),this.elementRegistry=o.get("elementRegistry"),this.overlayIds=[],this.overlayRoots={}}createOverlaysFlowNodeInstances(o,t,s,r,a,n){let i=this.getExecutedFlowNodes(t,o,s);this.overlayIds=[];for(let f of i){let y=this.elementRegistry.get(f.Id);this.getOrCreateOverlayRoot(f)?.render(Rt.default.createElement(lt,{flowNode:f,width:y.width,height:y.height,retryAction:r,gotoProcessAction:a,gotoManualOrUserTaskAction:n})),this.setSequenceFlowsColor(y,i)}let p=[];for(let f in this.overlayRoots)i.find(h=>h.Id===f)||p.push(f);p.forEach(f=>{let y=this.elementRegistry.get(f);this.removeSequenceFlowsColor(y),this.overlayRoots[f].unmount(),delete this.overlayRoots[f]})}getOrCreateOverlayRoot(o){if(o.Id in this.overlayRoots)return this.overlayRoots[o.Id];let t=`bpmn-element-overlay-${(0,qt.v4)()}`,s=`<div id="${t}"></div>`,r=this.overlays.add(o.Id,{position:{top:0,left:0},html:s});this.overlayIds.push(r);let a=document.querySelector(`#${t}`);if(a){let n=(0,Wt.createRoot)(a);return this.overlayRoots[o.Id]=n,n}}getExecutedFlowNodes(o,t,s){let r=[],a={};for(let n of s)n.triggeredByFlowNodeInstance&&(a[n.triggeredByFlowNodeInstance?.flowNodeInstanceId]=n);for(let n of o){let i=r.find(p=>p.Id===n.flowNodeId);if(!i){let p=this.elementRegistry.get(n.flowNodeId),f=p.businessObject.documentation?p.businessObject.documentation[0].text:"";i=new ro(n.flowNodeId,t,f,a[n.flowNodeInstanceId]),r.push(i)}i.addFlowNodeInstance(n)}return r}setSequenceFlowsColor(o,t){if(o&&o.businessObject.incoming)for(let s of o.businessObject.incoming)t.find(a=>a.Id===s.sourceRef?.id)&&this.canvas.addMarker(s.id,"connection-done")}removeSequenceFlowsColor(o){if(o&&o.businessObject.incoming){for(let t of o.businessObject.incoming)this.canvas.removeMarker(t.id,"connection-done");if(o.businessObject.outgoing)for(let t of o.businessObject.outgoing)this.canvas.removeMarker(t.id,"connection-done")}}};var ct=class extends ao.default.Component{containerRef;bpmnViewer;bpmnViewerOverlayCreator;constructor(o){super(o),S("BpmnViewerComponent"),this.state={diagramXML:""},this.containerRef=ao.default.createRef()}componentDidMount(){let{diagramXML:o,options:t}=this.props,s=this.containerRef.current;if(this.bpmnViewer=new Xt.default({container:s,height:t?.height??600,bpmnRenderer:{defaultFillColor:t?.fillColor,defaultStrokeColor:t?.strokeColor},additionalModules:[Zt.default,Yt.default]}),this.bpmnViewerOverlayCreator=new Ge(this.bpmnViewer),o)return this.displayDiagram(o)}componentWillUnmount(){this.bpmnViewer.destroy()}componentDidUpdate(o,t){let{props:s,state:r}=this,a=s.diagramXML||r.diagramXML,n=o.diagramXML||t.diagramXML;if(a&&a!==n)return this.displayDiagram(a);this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,s.flowNodeInstancesTriggeredByThisProcessInstance,s.retryAction,s.gotoProcessAction,s.gotoManualOrUserTaskAction)}displayDiagram(o){this.bpmnViewer.importXML(o).then(()=>{let t=this.bpmnViewer.get("canvas"),s=t.viewbox(),r={x:s.outer.width/2,y:s.outer.height/2};t.zoom("fit-viewport",r),this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,this.props.flowNodeInstancesTriggeredByThisProcessInstance,this.props.retryAction,this.props.gotoProcessAction,this.props.gotoManualOrUserTaskAction)})}render(){return ao.default.createElement("div",{className:this.props.className,ref:this.containerRef})}};var g=d(require("react"),1),xe=d(require("react-is"),1),ss=d(require("semver/functions/gt"),1),rs=d(require("semver/functions/prerelease"),1),as=d(require("semver/functions/satisfies"),1),ns=require("../common/index.cjs");var es=require("@5minds/processcube_engine_sdk");var ie=d(require("react"),1);function c(e){if(e!=null&&e.trim()!=="")try{return JSON.parse(e)}catch{return null}return null}var no=(0,ie.forwardRef)(function(o,t){let{formField:s}=o,r=`${s.id}-hint`,a=c(s.customForm);return ie.default.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},ie.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},ie.default.createElement("input",{type:"checkbox",className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",defaultChecked:o.state&&o.state!=="false"||s.defaultValue==="true",id:s.id,name:s.id,"aria-describedby":a?.hint?r:void 0,"data-form-field-type":"boolean"})),ie.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},ie.default.createElement("label",{className:"app-sdk-font-medium",htmlFor:s.id},s.label),a?.hint&&ie.default.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},a.hint)))});var te=d(require("react"),1);function io({formField:e,state:o}){let t=c(e.customForm),s=t?.entries,r=`${e.id}-hint`,a;return Array.isArray(o)&&o.length?a=o:a=(o||e.defaultValue?.toString())?.split(",")??[],te.default.createElement("div",null,te.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),te.default.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"checkbox"},s?.map(n=>{let i=a.find(p=>p.trim()===n.key);return te.default.createElement("div",{key:n.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},te.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},te.default.createElement("input",{type:"checkbox",defaultChecked:i,name:e.id,id:n.key,value:n.key,className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),te.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},te.default.createElement("label",{htmlFor:n.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},n.value)))})),t?.hint&&te.default.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},t?.hint))}var Ne=d(require("react"),1);function po(e){let{formField:o}=e,t=`${o.id}-hint`,s=c(o.customForm);o.defaultValue&&!Fr(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for color field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return Ne.default.createElement("div",null,Ne.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Ne.default.createElement("div",{className:"app-sdk-mt-1 app-sdk-w-20"},Ne.default.createElement("input",{className:"app-sdk-text-app-sdk-inherit app-sdk-h-8 app-sdk-border app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"color",defaultValue:r,id:o.id,name:o.id,placeholder:s?.placeholder,"aria-describedby":t,"data-form-field-type":"color"})),s?.hint&&Ne.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Fr(e){return/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(e?.toString())}var lo=d(require("react"),1),co=(0,lo.forwardRef)(function(o,t){return lo.default.createElement("p",{className:"app-sdk-text-sm"},o.formField.label)});var Fe=d(require("react"),1);function mo({formField:e,state:o}){let t=c(e.customForm);return Fe.default.createElement("div",null,Fe.default.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),Fe.default.createElement("div",{className:"app-sdk-mt-1"},Fe.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"text",id:e.id,name:e.id,defaultValue:o||(e.defaultValue?.toString()??""),placeholder:t?.placeholder,"aria-describedby":`${e.id}-hint`,"data-form-field-type":"custom"})),t?.hint&&Fe.default.createElement("p",{id:`${e.id}-hint`,"data-hint":!0,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},t.hint))}var me=d(require("react"),1);var uo=(0,me.forwardRef)(function(o,t){let{formField:s}=o,r=`${s.id}-hint`,a=c(s.customForm);Cr(s.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for date field "${s.id}"`);let n=o.state||s.defaultValue?.toString();return me.default.createElement("div",null,me.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:s.id},s.label),me.default.createElement("div",{className:"app-sdk-mt-1"},me.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"date",defaultValue:n,id:s.id,name:s.id,"aria-describedby":r,"data-form-field-type":"date"})),a?.hint&&me.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},a?.hint))});function Cr(e){return new Date(e?.toString()).toString()!=="Invalid Date"}var Ce=d(require("react"),1);function ko(e){let{formField:o}=e,t=`${o.id}-hint`,s=c(o.customForm);o.defaultValue&&!Dr(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for dateteime-local field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return Ce.default.createElement("div",null,Ce.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Ce.default.createElement("div",{className:"app-sdk-mt-1"},Ce.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"datetime-local",defaultValue:r,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"datetime-local"})),s?.hint&&Ce.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Pr(e){return new Date(e?.toString()).toString()!=="Invalid Date"}function Sr(e){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(e)}function Dr(e){if(!e.includes("T"))return!1;let[o,t]=e.split("T");return Pr(o)&&Sr(t)}var ue=d(require("react"),1);function fo(e){return!Number.isNaN(Number(e?.toString()))}var ho=(0,ue.forwardRef)(function(o,t){let{formField:s}=o,r=`${s.id}-hint`,a=c(s.customForm);return fo(s.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for decimal field "${s.id}"`),ue.default.createElement("div",null,ue.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:s.id},s.label),ue.default.createElement("div",{className:"app-sdk-mt-1"},ue.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:a?.step??.01,placeholder:a?.placeholder||"0.00",defaultValue:o.state||s.defaultValue?.toString(),id:s.id,name:s.id,"aria-describedby":r,"data-form-field-type":"decimal"})),a?.hint&&ue.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},a?.hint))});var Pe=d(require("react"),1);function go(e){let{formField:o}=e,t=`${o.id}-hint`,s=c(o.customForm),r=e.state||(o.defaultValue?.toString()??"");return Pe.default.createElement("div",null,Pe.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Pe.default.createElement("div",{className:"app-sdk-mt-1"},Pe.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"email",defaultValue:r,id:o.id,name:o.id,placeholder:s?.placeholder,"aria-describedby":t,"data-form-field-type":"email"})),s?.hint&&Pe.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var T=d(require("react"),1);var yo=(0,T.forwardRef)(function({formField:o,state:t},s){let r=c(o.customForm),a=o.label,n=o.enumValues,i;switch(r?.displayAs){case"checkbox":let f;Array.isArray(t)&&t.length?f=t:f=(t||o.defaultValue?.toString())?.split(",")??[],i=T.default.createElement("fieldset",{id:o.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":r?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(h=>{let L=f.find(W=>W.trim()===h.id);return T.default.createElement("div",{key:h.id,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",defaultChecked:L,name:o.id,id:h.id,value:h.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"})),T.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},T.default.createElement("label",{htmlFor:h.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},h.name)))}));break;case"radio":i=T.default.createElement("fieldset",{id:o.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":r?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(h=>T.default.createElement("div",{key:h.id,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:"radio",defaultChecked:(t||o.defaultValue)==h.id,name:o.id,id:h.id,value:h.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"})),T.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},T.default.createElement("label",{htmlFor:h.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},h.name)))));break;default:let y=t||n?.find(h=>h.id===o.defaultValue)?.id||"";i=T.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:h=>h.target.dataset.value=h.target.value,"data-value":y,"aria-describedby":r?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:y},T.default.createElement("option",{value:""},!y&&r?.placeholder),n?.map(h=>T.default.createElement("option",{key:h.id,value:h.id},h.name)));break}let p=r?.hint?T.default.createElement("p",{id:`${o.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},r.hint):null;return T.default.createElement("div",null,T.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},a),i,p)});var Je=d(require("react"),1);function wo(e){let{formField:o}=e,t=`${o.id}-hint`,s=c(o.customForm);return Je.default.createElement("div",null,Je.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Je.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",type:"file",id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"file",multiple:s?.multiple}),s?.hint&&Je.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var ke=d(require("react"),1);var vo=(0,ke.forwardRef)(function({formField:o},t){let s=c(o.customForm),r;switch(s?.style){case"heading_1":r=ke.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break;case"heading_2":r=ke.default.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break;case"heading_3":r=ke.default.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break;default:r=ke.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break}return ke.default.createElement("div",{className:"app-sdk-header-form-field"},r)});var Kt=d(require("react"),1);function bo(e){let{formField:o}=e;return Kt.default.createElement("input",{className:"app-sdk-hidden",type:"hidden",id:o.id,value:o.defaultValue?.toString()||"",name:o.id,"data-form-field-type":"hidden"})}var fe=d(require("react"),1);var xo=(0,fe.forwardRef)(function({formField:o,state:t},s){let r=c(o.customForm);return fo(o.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for integer field "${o.id}"`),fe.default.createElement("div",null,fe.default.createElement("label",{htmlFor:o.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},o.label),fe.default.createElement("div",{className:"app-sdk-mt-1"},fe.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:1,id:o.id,name:o.id,defaultValue:t||o.defaultValue?.toString(),placeholder:r?.placeholder??"0","aria-describedby":`${o.id}-hint`,"data-form-field-type":"integer"})),r?.hint&&fe.default.createElement("p",{id:`${o.id}-hint`,"data-hint":!0,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},r.hint))});var Se=d(require("react"),1);function Io(e){let{formField:o}=e,t=`${o.id}-hint`,s=c(o.customForm);o.defaultValue&&!Tr(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for month field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return Se.default.createElement("div",null,Se.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Se.default.createElement("div",{className:"app-sdk-mt-1"},Se.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"month",defaultValue:r,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"month"})),s?.hint&&Se.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Tr(e){return/^\d{4}-(0[1-9]|1[0-2])$/.test(e)}var Qt=d(require("isomorphic-dompurify"),1),No=require("marked"),Fo=d(require("react"),1),Co=require("react");var Po=(0,Fo.forwardRef)(function({formField:{defaultValue:o,label:t}},s){let[r,a]=(0,Co.useState)("");return(0,Co.useEffect)(()=>{let n=No.marked.parse(o?.toString()??t?.toString()??"",{renderer:new mt,hooks:new ut});a(n)},[o,t]),Fo.default.createElement("div",{className:D("app-sdk-text-sm","[&_p]:app-sdk-my-4 first-of-type:[&_p]:app-sdk-mb-4 first-of-type:[&_p]:app-sdk-mt-0","[&_a]:app-sdk-text-[color:var(--asdk-dui-link-color)] [&_a]:app-sdk-underline hover:[&_a]:app-sdk-text-[color:var(--asdk-dui-link-hover-color)]","[&_h1]:app-sdk-text-2xl [&_h1]:app-sdk-font-bold [&_h2]:app-sdk-text-xl [&_h2]:app-sdk-font-bold [&_h3]:app-sdk-text-lg [&_h3]:app-sdk-font-bold [&_h4]:app-sdk-text-base [&_h4]:app-sdk-font-bold [&_h5]:app-sdk-text-sm [&_h5]:app-sdk-font-bold [&_h6]:app-sdk-text-xs [&_h6]:app-sdk-font-bold","[&_code]:app-sdk-text-[#e83e8c] [&_pre]:app-sdk-my-4 [&_pre]:app-sdk-bg-gray-100 [&_pre]:dark:app-sdk-bg-app-sdk-gray-700 [&_pre_code]:app-sdk-text-inherit","[&_blockquote]:app-sdk-m-[revert] [&_fieldset]:app-sdk-m-[revert] [&_h1]:app-sdk-m-[revert] [&_h2]:app-sdk-m-[revert] [&_h3]:app-sdk-m-[revert] [&_h4]:app-sdk-m-[revert] [&_h5]:app-sdk-m-[revert] [&_h6]:app-sdk-m-[revert] [&_menu]:app-sdk-m-[revert] [&_ol]:app-sdk-m-[revert] [&_ul]:app-sdk-m-[revert]","[&_fieldset]:app-sdk-p-[revert] [&_menu]:app-sdk-p-[revert] [&_ol]:app-sdk-p-[revert] [&_ul]:app-sdk-p-[revert]","[&_ol]:app-sdk-list-decimal [&_ol_p]:app-sdk-my-2 first-of-type:[&_ol_p]:app-sdk-my-4 [&_ul]:app-sdk-list-disc [&_ul_p]:app-sdk-my-2 first-of-type:[&_ul_p]:app-sdk-my-4","[&_input[type='checkbox']]:app-sdk-form-checkbox [&_input[type='checkbox']]:app-sdk-border [&_input[type='checkbox']]:app-sdk-h-4 [&_input[type='checkbox']]:app-sdk-w-4 [&_input[type='checkbox']]:app-sdk-rounded [&_input[type='checkbox']]:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:app-sdk-text-sky-600 [&_input[type='checkbox']]:hover:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:dark:app-sdk-border-2 [&_input[type='checkbox']]:dark:app-sdk-border-solid [&_input[type='checkbox']]:dark:app-sdk-border-transparent [&_input[type='checkbox']]:dark:app-sdk-bg-app-sdk-gray-350 [&_input[type='checkbox']]:dark:app-sdk-text-[#007bff40] [&_input[type='checkbox']]:dark:hover:app-sdk-border-transparent [&_input[type='checkbox']]:dark:hover:checked:app-sdk-bg-app-sdk-gray-350"),dangerouslySetInnerHTML:{__html:r}})}),mt=class extends No.marked.Renderer{link(o){return super.link(o).replace("<a","<a target='_blank'")}html(o){let t=super.html(o);return t.startsWith("<a ")&&!t.includes("target=")?t.replace("<a ",'<a target="_blank" '):t}},ut=class extends No.marked.Hooks{postprocess(o){return Qt.default.sanitize(o,{ADD_ATTR:["target"]})}};var De=d(require("react"),1);function So(e){let{formField:o}=e,t=`${o.id}-hint`,s=c(o.customForm),r=e.state||(o.defaultValue?.toString()??"");return De.default.createElement("div",null,De.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),De.default.createElement("div",{className:"app-sdk-mt-1"},De.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",type:"password",id:o.id,name:o.id,defaultValue:r,placeholder:s?.placeholder,"aria-describedby":t,"data-form-field-type":"password"})),s?.hint&&De.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var se=d(require("react"),1);function Do({formField:e,state:o}){let t=c(e.customForm),s=t?.entries,r=`${e.id}-hint`;return se.default.createElement("div",null,se.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),se.default.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"radio"},s?.map(a=>se.default.createElement("div",{key:a.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},se.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},se.default.createElement("input",{type:"radio",defaultChecked:(o||e.defaultValue)==a.key,name:e.id,id:a.key,value:a.key,className:"app-sdk-form-radio app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),se.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},se.default.createElement("label",{htmlFor:a.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},a.value))))),t?.hint&&se.default.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},t?.hint))}var pe=d(require("react"),1);function To({formField:e,state:o}){let t=c(e.customForm),s=e.label,r=t?.min||0,a=t?.max||100,n=t?.step||1,i=o||e.defaultValue?.toString()||r.toString(),[p,f]=(0,pe.useState)(i),y=W=>{f(W.target.value)},h=pe.default.createElement("input",{className:D("app-sdk-form-input app-sdk-block app-sdk-w-full app-sdk-appearance-auto app-sdk-px-0 app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] focus:app-sdk-ring-transparent focus:app-sdk-border-transparent"),id:e.id,name:e.id,type:"range",min:r.toString(),max:a.toString(),step:n.toString(),defaultValue:i,onChange:y,"aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"range"}),L=t?.hint?pe.default.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},t.hint):null;return pe.default.createElement("div",null,pe.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),pe.default.createElement("div",{className:"app-sdk-mt-1 app-sdk-flex app-sdk-flex-row"},h,pe.default.createElement("span",{className:"app-sdk-mt-2 app-sdk-ml-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-text-color)]"},p)),L)}var be=d(require("react"),1);function Mo({formField:e,state:o}){let t=c(e.customForm),s=t?.entries,r=`${e.id}-hint`,a=o||s?.find(n=>n.key===e.defaultValue)?.key||"";return be.default.createElement("div",null,be.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),be.default.createElement("select",{id:e.id,name:e.id,className:"app-sdk-form-select app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-mt-1 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-py-2 app-sdk-pl-3 app-sdk-pr-10 app-sdk-text-base app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-outline-none focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:app-sdk-bg-app-sdk-dropdown-dark dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",onChange:n=>n.target.dataset.value=n.target.value,"data-value":a,"aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"select",defaultValue:a},be.default.createElement("option",{value:""},!a&&t?.placeholder),s?.map(n=>be.default.createElement("option",{key:n.key,value:n.key},n.value))),t?.hint&&be.default.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},t?.hint))}var le=d(require("react"),1);var Te=d(require("react"),1);function Me(e){let{formField:o}=e,t=`${o.id}-hint`,s=c(o.customForm),r=e.state||(o.defaultValue?.toString()??"");return Te.default.createElement("div",null,Te.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Te.default.createElement("div",{className:"app-sdk-mt-1"},Te.default.createElement("textarea",{className:"app-sdk-form-textarea app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",defaultValue:r,id:o.id,name:o.id,rows:s?.rows??4,"aria-describedby":t,"data-form-field-type":"textarea",placeholder:s?.placeholder})),s?.hint&&Te.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var Eo=(0,le.forwardRef)(function({formField:o,state:t},s){let r=c(o.customForm);if(r?.multiline==="true")return le.default.createElement(Me,{formField:o,state:t});let n=`${o.id}-hint`,i=t||(o.defaultValue?.toString()??"");return le.default.createElement("div",null,le.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),le.default.createElement("div",{className:"app-sdk-mt-1"},le.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",type:"text",defaultValue:i,id:o.id,name:o.id,"aria-describedby":n,"data-form-field-type":"text",placeholder:r?.placeholder})),r?.hint&&le.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:n},r?.hint))});var Ee=d(require("react"),1);function Bo({formField:e,state:o}){let t=c(e.customForm),s=`${e.id}-hint`;return Ee.default.createElement("div",null,Ee.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Ee.default.createElement("div",{className:"app-sdk-mt-1"},Ee.default.createElement("input",{className:D("app-sdk-form-input app-sdk-block app-sdk-w-full app-sdk-appearance-none app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] app-sdk-pl-3 app-sdk-pr-3"),id:e.id,name:e.id,type:"tel",defaultValue:o||(e.defaultValue?.toString()??""),placeholder:t?.placeholder,"aria-describedby":t?.hint?s:void 0,"data-form-field-type":"tel"})),t?.hint&&Ee.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:s},t.hint))}var Be=d(require("react"),1);function Uo(e){let{formField:o}=e,t=`${o.id}-hint`,s=c(o.customForm);o.defaultValue&&!Mr(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for time field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return Be.default.createElement("div",null,Be.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Be.default.createElement("div",{className:"app-sdk-mt-1"},Be.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"time",defaultValue:r,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"time"})),s?.hint&&Be.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Mr(e){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(e)}var Ue=d(require("react"),1);function Oo(e){let{formField:o}=e,t=`${o.id}-hint`,s=c(o.customForm),r=e.state||(o.defaultValue?.toString()??"");return Ue.default.createElement("div",null,Ue.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Ue.default.createElement("div",{className:"app-sdk-mt-1"},Ue.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",type:"url",id:o.id,defaultValue:r,placeholder:s?.placeholder??"https://processcube.io/",name:o.id,"aria-describedby":t,"data-form-field-type":"url"})),s?.hint&&Ue.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var Oe=d(require("react"),1);function Lo(e){let{formField:o}=e,t=`${o.id}-hint`,s=c(o.customForm);o.defaultValue&&!Er(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for week field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return Oe.default.createElement("div",null,Oe.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Oe.default.createElement("div",{className:"app-sdk-mt-1"},Oe.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"week",defaultValue:r,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"week"})),s?.hint&&Oe.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Er(e){return/^(\d{4})-W(0[1-9]|[1-4][0-9]|5[0-3])$/.test(e)}var os=(b=>(b.paragraph="paragraph",b.header="header",b.confirm="confirm",b.checkbox="checkbox",b.radio="radio",b.select="select",b.range="range",b.file="file",b.hidden="hidden",b.tel="tel",b.textarea="textarea",b.url="url",b.week="week",b.time="time",b.month="month",b.datetimeLocal="datetime-local",b.email="email",b.color="color",b.password="password",b.custom="custom",b))(os||{}),Bd={...es.DataModels.FlowNodeInstances.UserTaskFormFieldType,...os},kt={boolean:no,checkbox:io,color:po,date:uo,email:go,enum:yo,file:wo,hidden:bo,long:xo,"datetime-local":ko,month:Io,number:ho,string:Eo,paragraph:Po,password:So,radio:Do,range:To,select:Mo,header:vo,confirm:co,tel:Bo,textarea:Me,time:Uo,url:Oo,week:Lo,custom:mo};var Br=(0,as.default)(g.default.version,">=18.0.0 <19",{includePrerelease:!0}),ds=(0,rs.default)(g.default.version)==null,ts=!ds&&(0,ss.default)(g.default.version,"18.2.0")&&g.default.version.includes("canary"),ft=class extends g.default.Component{};function Ur(e){Br||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The React version is not supported!
7
+ ${o??""}`.trimEnd()),_t.add(e))}function Nr({href:e,children:o}){S("DynamicLink","Please use the NextJS Link component instead.");let t=(0,At.useRouter)();return zt.default.createElement("a",{href:e,onClick:s=>{s.preventDefault(),t.replace(e),t.refresh()}},o)}var Xt=d(require("bpmn-js/lib/Viewer"),1),Yt=d(require("diagram-js/lib/navigation/movecanvas"),1),Zt=d(require("diagram-js/lib/navigation/zoomscroll"),1),ao=d(require("react"),1);var Rt=d(require("react"),1),Wt=require("react-dom/client"),qt=require("uuid");var C=require("@heroui/react"),Jt=d(require("@monaco-editor/react"),1),v=d(require("react"),1);var ve=d(require("react"),1);var $t=d(require("react"),1);function et(e){S("ExecutionCount");let o={width:30};return e.count<=1?null:$t.default.createElement("div",{style:o,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--execution-count"},e.count)}var B=d(require("react"),1);function ot(e){return S("GotoButton"),B.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},B.default.createElement("div",{className:"action-icon"},B.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},B.default.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),B.default.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),B.default.createElement("g",{id:"SVGRepo_iconCarrier"}," ",B.default.createElement("title",null,"open-external")," ",B.default.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",B.default.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",B.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"}," ")," ")," ")," "))),B.default.createElement("div",{className:"action-icon-hovered"},B.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},B.default.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),B.default.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),B.default.createElement("g",{id:"SVGRepo_iconCarrier"}," ",B.default.createElement("title",null,"goto process")," ",B.default.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",B.default.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",B.default.createElement("path",{d:"M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z",id:"Combined-Shape"}," ")," ")," ")," "))))}var oe=d(require("react"),1);function tt(e){return S("PlayButton"),oe.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},oe.default.createElement("div",{className:"action-icon"},oe.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"none",xmlns:"http://www.w3.org/2000/svg"},oe.default.createElement("g",{id:"Media / Play",color:"white"},oe.default.createElement("path",{id:"Vector",d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))),oe.default.createElement("div",{className:"action-icon-hovered"},oe.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"white",xmlns:"http://www.w3.org/2000/svg"},oe.default.createElement("g",{id:"Media / Play",color:"white"},oe.default.createElement("path",{id:"Vector",d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))))}var ce=d(require("react"),1);function st(e){return S("RetryButton"),ce.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},ce.default.createElement("div",{className:"action-icon"},ce.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},ce.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"}))),ce.default.createElement("div",{className:"action-icon-hovered"},ce.default.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},ce.default.createElement("path",{fill:"#FFFFFF",d:"M10.7667,0.493645 C9.11991,-0.113331 7.31921,-0.161915 5.64208,0.355379 C4.48206,0.713177 3.42569,1.32796 2.54743,2.14597 L1.70711,1.30564 C1.07714,0.675676 0,1.12184 0,2.01275 L0,6.00002 L3.98727,6.00002 C4.87818,6.00002 5.32434,4.92288 4.69438,4.29291 L3.96284,3.56137 C4.61101,2.97184 5.38443,2.52782 6.23156,2.26653 C7.4894,1.87856 8.83993,1.915 10.075,2.37023 C11.3101,2.82547 12.3612,3.67423 13.0664,4.78573 C13.7716,5.89723 14.0916,7.20978 13.9773,8.52112 C13.863,9.83246 13.3206,11.0698 12.4337,12.0425 C11.5469,13.0152 10.3647,13.6693 9.06949,13.9039 C7.77425,14.1385 6.43779,13.9407 5.26607,13.3409 C4.09434,12.7412 3.15236,11.7727 2.5853,10.5848 C2.34738,10.0864 1.75046,9.8752 1.25205,10.1131 C0.753645,10.351 0.542478,10.948 0.7804,11.4464 C1.53649,13.0302 2.79245,14.3215 4.35475,15.1213 C5.91706,15.921 7.699,16.1847 9.42598,15.8719 C11.153,15.559 12.7291,14.687 13.9116,13.39 C15.0941,12.0931 15.8173,10.4433 15.9698,8.69483 C16.1222,6.94637 15.6954,5.1963 14.7552,3.7143 C13.815,2.2323 12.4135,1.10062 10.7667,0.493645 Z"}))))}function rt(e){S("FlowNodeButtonArea");let o={marginTop:"7px"},t=e.flowNode,s=!!e.onRetryClick,r=!t.IsGateway&&t.ProcessInstanceState!=="running"&&t.ProcessInstanceState!=="finished"&&s,a=!!e.onGotoClick,n=(t.IsCallActivity||(t.IsEventReceiver||t.IsEventSender)&&t.LinkedProcessInstanceId)&&a,i=!!e.onPlayClick,p=(t.IsUserTask||t.IsManualTask)&&t.State==="suspended"&&i;return ve.default.createElement("div",{className:"flownode-overlay",style:o},ve.default.createElement("div",{className:"bpmn-element-overlay__below"},r&&ve.default.createElement(st,{onClick:e.onRetryClick,flowNode:e.flowNode}),ve.default.createElement(et,{count:e.flowNode.ExecutionCount}),n&&ve.default.createElement(ot,{onClick:e.onGotoClick}),p&&ve.default.createElement(tt,{onClick:e.onPlayClick})))}var at=d(require("react"),1);function nt(e){S("FlowNodeColorArea");let o={width:e.width,height:e.height},t="",s={width:e.width,height:e.height};return e.flowNode.IsGateway?(s.height*=.7,s.width*=.7,t="bpmn-element-overlay-backdrop--gateway"):e.flowNode.IsEvent&&(t="bpmn-element-overlay-backdrop--rounded"),at.default.createElement("div",{onClick:e.onClick,className:"bpmn-element-overlay-backdrop cursor-pointer",style:o},at.default.createElement("div",{className:`flow-node-${e.flowNode.State}-state-overlay ${t}`,style:s}))}var dt=require("@heroui/react"),it=d(require("@monaco-editor/react"),1),$=d(require("react"),1),Ht=require("react-dom/client"),jt=d(require("react-markdown"),1),Gt=d(require("remark-gfm"),1);function pt(e){S("FlowNodeInfoComponent");function o(t){setTimeout(()=>{t.getAction("editor.action.formatDocument").run(),t.updateOptions({readOnly:!0})},300)}return(0,$.useEffect)(()=>{let t=$.default.createElement(jt.default,{remarkPlugins:[Gt.default]},e.flowNode.Documentation),s=document.getElementById("markdown-container");if(s){let r=s.attachShadow({mode:"open"});(0,Ht.createRoot)(r).render(t)}},[]),$.default.createElement($.default.Fragment,null,$.default.createElement(dt.Divider,{className:"my-2"}),$.default.createElement("div",{className:"flex-row"},$.default.createElement("div",{className:"token-area"},$.default.createElement("p",null,"Start Token:"),$.default.createElement(it.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onMount:o,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}}),$.default.createElement(dt.Divider,{className:"my-2"}),$.default.createElement("p",null,"End Token:"),$.default.createElement(it.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentEndToken,null,2),onMount:o,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),$.default.createElement("div",{className:"documentation-area"},$.default.createElement("p",null,"Dokumentation:"),$.default.createElement("div",{id:"markdown-container"}))))}function lt(e){S("FlowNodeOverlay");let o=(0,C.useDisclosure)(),t=(0,C.useDisclosure)(),[s,r]=(0,v.useState)(JSON.stringify(e.flowNode.CurrentStartToken));function a(i){setTimeout(()=>{i.getAction("editor.action.formatDocument").run()},300)}let n={width:e.width,height:e.height+10};return v.default.createElement(v.default.Fragment,null,v.default.createElement("div",{style:n},v.default.createElement(nt,{onClick:t.onOpen,...e}),v.default.createElement(rt,{onRetryClick:e.retryAction?o.onOpen:void 0,onGotoClick:e.gotoProcessAction?()=>e.gotoProcessAction(e.flowNode.LinkedProcessInstanceId??""):void 0,onPlayClick:e.gotoManualOrUserTaskAction?()=>e.gotoManualOrUserTaskAction(e.flowNode.ProcessInstanceId,e.flowNode.Id):void 0,flowNode:e.flowNode})),v.default.createElement(C.Modal,{isOpen:o.isOpen,onOpenChange:o.onOpenChange},v.default.createElement(C.ModalContent,null,i=>v.default.createElement(v.default.Fragment,null,v.default.createElement(C.ModalHeader,{className:"flex flex-col gap-1"},"Confirm Retry"),v.default.createElement(C.ModalBody,null,v.default.createElement(C.Divider,{className:"my-2"}),v.default.createElement("p",null,"Are you sure you want to retry process instance ",e.flowNode.CurrentFlowNodeInstanceId,"?"),v.default.createElement(C.Divider,{className:"my-2"}),v.default.createElement(Jt.default,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(e.flowNode.CurrentStartToken,null,2),onChange:(p,f)=>r(p??""),onMount:a,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),v.default.createElement(C.ModalFooter,null,v.default.createElement(C.Button,{color:"warning",variant:"light",onPress:i},"Close"),v.default.createElement(C.Button,{color:"primary",onPress:()=>{e.retryAction?.(e.flowNode.ProcessInstanceId,e.flowNode.CurrentFlowNodeInstanceId,JSON.parse(s)),i()}},"Retry"))))),v.default.createElement(C.Modal,{size:"4xl",isOpen:t.isOpen,onOpenChange:t.onOpenChange},v.default.createElement(C.ModalContent,null,i=>v.default.createElement(v.default.Fragment,null,v.default.createElement(C.ModalHeader,{className:"flex flex-col gap-1"},"FlowNode: ",e.flowNode.Name??e.flowNode.Id),v.default.createElement(C.ModalBody,null,v.default.createElement(pt,{flowNode:e.flowNode})),v.default.createElement(C.ModalFooter,null,v.default.createElement(C.Button,{color:"primary",onPress:i},"Close"))))))}var ro=class{id;flowNodeInstances;processInstanceState;documentation;triggeredFlowNodeInstance;type;get Id(){return this.id}get Name(){return this.flowNodeInstances.at(-1)?.flowNodeName}get CurrentFlowNodeInstanceId(){return this.flowNodeInstances.at(-1)?.flowNodeInstanceId}get CurrentStartToken(){return this.flowNodeInstances.at(-1)?.startToken}get CurrentEndToken(){return this.flowNodeInstances.at(-1)?.endToken}get LinkedProcessInstanceId(){let o=this.flowNodeInstances.at(-1);if(this.IsCallActivity)return o.childProcessInstanceId;if(this.IsEventReceiver)return o?.triggeredByFlowNodeInstance?.processInstanceId;if(this.IsEventSender&&this.triggeredFlowNodeInstance)return this.triggeredFlowNodeInstance.processInstanceId}get State(){return this.flowNodeInstances.at(-1)?.state??""}get Documentation(){return this.documentation}get ProcessInstanceState(){return this.processInstanceState}get IsGateway(){return this.type==="bpmn:ComplexGateway"||this.type==="bpmn:ParallelGateway"||this.type==="bpmn:ExclusiveGateway"||this.type==="bpmn:InclusiveGateway"||this.type==="bpmn:EventBasedGateway"}get IsEvent(){return this.type==="bpmn:StartEvent"||this.type==="bpmn:EndEvent"||this.type==="bpmn:IntermediateCatchEvent"||this.type==="bpmn:IntermediateThrowEvent"||this.type==="bpmn:BoundaryEvent"}get IsEventReceiver(){return this.type==="bpmn:StartEvent"||this.type==="bpmn:IntermediateCatchEvent"||this.type==="bpmn:BoundaryEvent"||this.type==="bpmn:ReceiveTask"}get IsEventSender(){return this.type==="bpmn:EndEvent"||this.type==="bpmn:IntermediateThrowEvent"||this.type==="bpmn:SendTask"}get IsCallActivity(){return this.type==="bpmn:CallActivity"}get IsUserTask(){return this.type==="bpmn:UserTask"}get IsManualTask(){return this.type==="bpmn:ManualTask"}get ExecutionCount(){return this.flowNodeInstances.length}get ProcessInstanceId(){return this.flowNodeInstances.at(-1)?.processInstanceId??""}constructor(o,t,s,r){this.id=o,this.flowNodeInstances=[],this.processInstanceState=t,this.documentation=s,this.triggeredFlowNodeInstance=r,this.type=""}addFlowNodeInstance(o){this.flowNodeInstances.push(o),this.type=o.flowNodeType}},Ge=class{canvas;overlays;elementRegistry;overlayIds;overlayRoots;constructor(o){S("BpmnViewerOverlayCreator"),this.canvas=o.get("canvas"),this.overlays=o.get("overlays"),this.elementRegistry=o.get("elementRegistry"),this.overlayIds=[],this.overlayRoots={}}createOverlaysFlowNodeInstances(o,t,s,r,a,n){let i=this.getExecutedFlowNodes(t,o,s);this.overlayIds=[];for(let f of i){let y=this.elementRegistry.get(f.Id);this.getOrCreateOverlayRoot(f)?.render(Rt.default.createElement(lt,{flowNode:f,width:y.width,height:y.height,retryAction:r,gotoProcessAction:a,gotoManualOrUserTaskAction:n})),this.setSequenceFlowsColor(y,i)}let p=[];for(let f in this.overlayRoots)i.find(h=>h.Id===f)||p.push(f);p.forEach(f=>{let y=this.elementRegistry.get(f);this.removeSequenceFlowsColor(y),this.overlayRoots[f].unmount(),delete this.overlayRoots[f]})}getOrCreateOverlayRoot(o){if(o.Id in this.overlayRoots)return this.overlayRoots[o.Id];let t=`bpmn-element-overlay-${(0,qt.v4)()}`,s=`<div id="${t}"></div>`,r=this.overlays.add(o.Id,{position:{top:0,left:0},html:s});this.overlayIds.push(r);let a=document.querySelector(`#${t}`);if(a){let n=(0,Wt.createRoot)(a);return this.overlayRoots[o.Id]=n,n}}getExecutedFlowNodes(o,t,s){let r=[],a={};for(let n of s)n.triggeredByFlowNodeInstance&&(a[n.triggeredByFlowNodeInstance?.flowNodeInstanceId]=n);for(let n of o){let i=r.find(p=>p.Id===n.flowNodeId);if(!i){let p=this.elementRegistry.get(n.flowNodeId),f=p.businessObject.documentation?p.businessObject.documentation[0].text:"";i=new ro(n.flowNodeId,t,f,a[n.flowNodeInstanceId]),r.push(i)}i.addFlowNodeInstance(n)}return r}setSequenceFlowsColor(o,t){if(o&&o.businessObject.incoming)for(let s of o.businessObject.incoming)t.find(a=>a.Id===s.sourceRef?.id)&&this.canvas.addMarker(s.id,"connection-done")}removeSequenceFlowsColor(o){if(o&&o.businessObject.incoming){for(let t of o.businessObject.incoming)this.canvas.removeMarker(t.id,"connection-done");if(o.businessObject.outgoing)for(let t of o.businessObject.outgoing)this.canvas.removeMarker(t.id,"connection-done")}}};var ct=class extends ao.default.Component{containerRef;bpmnViewer;bpmnViewerOverlayCreator;constructor(o){super(o),S("BpmnViewerComponent"),this.state={diagramXML:""},this.containerRef=ao.default.createRef()}componentDidMount(){let{diagramXML:o,options:t}=this.props,s=this.containerRef.current;if(this.bpmnViewer=new Xt.default({container:s,height:t?.height??600,bpmnRenderer:{defaultFillColor:t?.fillColor,defaultStrokeColor:t?.strokeColor},additionalModules:[Zt.default,Yt.default]}),this.bpmnViewerOverlayCreator=new Ge(this.bpmnViewer),o)return this.displayDiagram(o)}componentWillUnmount(){this.bpmnViewer.destroy()}componentDidUpdate(o,t){let{props:s,state:r}=this,a=s.diagramXML||r.diagramXML,n=o.diagramXML||t.diagramXML;if(a&&a!==n)return this.displayDiagram(a);this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,s.flowNodeInstancesTriggeredByThisProcessInstance,s.retryAction,s.gotoProcessAction,s.gotoManualOrUserTaskAction)}displayDiagram(o){this.bpmnViewer.importXML(o).then(()=>{let t=this.bpmnViewer.get("canvas"),s=t.viewbox(),r={x:s.outer.width/2,y:s.outer.height/2};t.zoom("fit-viewport",r),this.bpmnViewerOverlayCreator.createOverlaysFlowNodeInstances(this.props.processInstanceState,this.props.flowNodeInstances,this.props.flowNodeInstancesTriggeredByThisProcessInstance,this.props.retryAction,this.props.gotoProcessAction,this.props.gotoManualOrUserTaskAction)})}render(){return ao.default.createElement("div",{className:this.props.className,ref:this.containerRef})}};var g=d(require("react"),1),xe=d(require("react-is"),1),ss=d(require("semver/functions/gt"),1),rs=d(require("semver/functions/prerelease"),1),as=d(require("semver/functions/satisfies"),1),ns=require("../common/index.cjs");var es=require("@5minds/processcube_engine_sdk");var ie=d(require("react"),1);function c(e){if(e!=null&&e.trim()!=="")try{return JSON.parse(e)}catch{return null}return null}var no=(0,ie.forwardRef)(function(o,t){let{formField:s}=o,r=`${s.id}-hint`,a=c(s.customForm);return ie.default.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},ie.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},ie.default.createElement("input",{type:"checkbox",className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",defaultChecked:o.state&&o.state!=="false"||s.defaultValue==="true",id:s.id,name:s.id,"aria-describedby":a?.hint?r:void 0,"data-form-field-type":"boolean"})),ie.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},ie.default.createElement("label",{className:"app-sdk-font-medium",htmlFor:s.id},s.label),a?.hint&&ie.default.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},a.hint)))});var te=d(require("react"),1);function io({formField:e,state:o}){let t=c(e.customForm),s=t?.entries,r=`${e.id}-hint`,a;return Array.isArray(o)&&o.length?a=o:a=(o||e.defaultValue?.toString())?.split(",")??[],te.default.createElement("div",null,te.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),te.default.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"checkbox"},s?.map(n=>{let i=a.find(p=>p.trim()===n.key);return te.default.createElement("div",{key:n.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},te.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},te.default.createElement("input",{type:"checkbox",defaultChecked:i,name:e.id,id:n.key,value:n.key,className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),te.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},te.default.createElement("label",{htmlFor:n.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},n.value)))})),t?.hint&&te.default.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},t?.hint))}var Ne=d(require("react"),1);function po(e){let{formField:o}=e,t=`${o.id}-hint`,s=c(o.customForm);o.defaultValue&&!Fr(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for color field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return Ne.default.createElement("div",null,Ne.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Ne.default.createElement("div",{className:"app-sdk-mt-1 app-sdk-w-20"},Ne.default.createElement("input",{className:"app-sdk-text-app-sdk-inherit app-sdk-h-8 app-sdk-border app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"color",defaultValue:r,id:o.id,name:o.id,placeholder:s?.placeholder,"aria-describedby":t,"data-form-field-type":"color"})),s?.hint&&Ne.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Fr(e){return/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(e?.toString())}var lo=d(require("react"),1),co=(0,lo.forwardRef)(function(o,t){return lo.default.createElement("p",{className:"app-sdk-text-sm"},o.formField.label)});var Fe=d(require("react"),1);function mo({formField:e,state:o}){let t=c(e.customForm);return Fe.default.createElement("div",null,Fe.default.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),Fe.default.createElement("div",{className:"app-sdk-mt-1"},Fe.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"text",id:e.id,name:e.id,defaultValue:o||(e.defaultValue?.toString()??""),placeholder:t?.placeholder,"aria-describedby":`${e.id}-hint`,"data-form-field-type":"custom"})),t?.hint&&Fe.default.createElement("p",{id:`${e.id}-hint`,"data-hint":!0,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},t.hint))}var me=d(require("react"),1);var uo=(0,me.forwardRef)(function(o,t){let{formField:s}=o,r=`${s.id}-hint`,a=c(s.customForm);Cr(s.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for date field "${s.id}"`);let n=o.state||s.defaultValue?.toString();return me.default.createElement("div",null,me.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:s.id},s.label),me.default.createElement("div",{className:"app-sdk-mt-1"},me.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"date",defaultValue:n,id:s.id,name:s.id,"aria-describedby":r,"data-form-field-type":"date"})),a?.hint&&me.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},a?.hint))});function Cr(e){return new Date(e?.toString()).toString()!=="Invalid Date"}var Ce=d(require("react"),1);function ko(e){let{formField:o}=e,t=`${o.id}-hint`,s=c(o.customForm);o.defaultValue&&!Dr(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for dateteime-local field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return Ce.default.createElement("div",null,Ce.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Ce.default.createElement("div",{className:"app-sdk-mt-1"},Ce.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"datetime-local",defaultValue:r,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"datetime-local"})),s?.hint&&Ce.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Pr(e){return new Date(e?.toString()).toString()!=="Invalid Date"}function Sr(e){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(e)}function Dr(e){if(!e.includes("T"))return!1;let[o,t]=e.split("T");return Pr(o)&&Sr(t)}var ue=d(require("react"),1);function fo(e){return!Number.isNaN(Number(e?.toString()))}var ho=(0,ue.forwardRef)(function(o,t){let{formField:s}=o,r=`${s.id}-hint`,a=c(s.customForm);return fo(s.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for decimal field "${s.id}"`),ue.default.createElement("div",null,ue.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:s.id},s.label),ue.default.createElement("div",{className:"app-sdk-mt-1"},ue.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:a?.step??.01,placeholder:a?.placeholder||"0.00",defaultValue:o.state||s.defaultValue?.toString(),id:s.id,name:s.id,"aria-describedby":r,"data-form-field-type":"decimal"})),a?.hint&&ue.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},a?.hint))});var Pe=d(require("react"),1);function go(e){let{formField:o}=e,t=`${o.id}-hint`,s=c(o.customForm),r=e.state||(o.defaultValue?.toString()??"");return Pe.default.createElement("div",null,Pe.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Pe.default.createElement("div",{className:"app-sdk-mt-1"},Pe.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"email",defaultValue:r,id:o.id,name:o.id,placeholder:s?.placeholder,"aria-describedby":t,"data-form-field-type":"email"})),s?.hint&&Pe.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var T=d(require("react"),1);var yo=(0,T.forwardRef)(function({formField:o,state:t},s){let r=c(o.customForm),a=o.label,n=o.enumValues,i;switch(r?.displayAs){case"checkbox":let f;Array.isArray(t)&&t.length?f=t:f=(t||o.defaultValue?.toString())?.split(",")??[],i=T.default.createElement("fieldset",{id:o.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":r?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(h=>{let L=f.find(W=>W.trim()===h.id);return T.default.createElement("div",{key:h.id,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",defaultChecked:L,name:o.id,id:h.id,value:h.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"})),T.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},T.default.createElement("label",{htmlFor:h.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},h.name)))}));break;case"radio":i=T.default.createElement("fieldset",{id:o.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":r?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"enum"},n?.map(h=>T.default.createElement("div",{key:h.id,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:"radio",defaultChecked:(t||o.defaultValue)==h.id,name:o.id,id:h.id,value:h.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"})),T.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},T.default.createElement("label",{htmlFor:h.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},h.name)))));break;default:let y=t||n?.find(h=>h.id===o.defaultValue)?.id||"";i=T.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:h=>h.target.dataset.value=h.target.value,"data-value":y,"aria-describedby":r?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:y},T.default.createElement("option",{value:""},!y&&r?.placeholder),n?.map(h=>T.default.createElement("option",{key:h.id,value:h.id},h.name)));break}let p=r?.hint?T.default.createElement("p",{id:`${o.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},r.hint):null;return T.default.createElement("div",null,T.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},a),i,p)});var Je=d(require("react"),1);function wo(e){let{formField:o}=e,t=`${o.id}-hint`,s=c(o.customForm);return Je.default.createElement("div",null,Je.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Je.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",type:"file",id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"file",multiple:s?.multiple}),s?.hint&&Je.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var ke=d(require("react"),1);var vo=(0,ke.forwardRef)(function({formField:o},t){let s=c(o.customForm),r;switch(s?.style){case"heading_1":r=ke.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break;case"heading_2":r=ke.default.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break;case"heading_3":r=ke.default.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break;default:r=ke.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},o.defaultValue?.toString()||o.label?.toString());break}return ke.default.createElement("div",{className:"app-sdk-header-form-field"},r)});var Kt=d(require("react"),1);function bo(e){let{formField:o}=e;return Kt.default.createElement("input",{className:"app-sdk-hidden",type:"hidden",id:o.id,value:o.defaultValue?.toString()||"",name:o.id,"data-form-field-type":"hidden"})}var fe=d(require("react"),1);var xo=(0,fe.forwardRef)(function({formField:o,state:t},s){let r=c(o.customForm);return fo(o.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for integer field "${o.id}"`),fe.default.createElement("div",null,fe.default.createElement("label",{htmlFor:o.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},o.label),fe.default.createElement("div",{className:"app-sdk-mt-1"},fe.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:1,id:o.id,name:o.id,defaultValue:t||o.defaultValue?.toString(),placeholder:r?.placeholder??"0","aria-describedby":`${o.id}-hint`,"data-form-field-type":"integer"})),r?.hint&&fe.default.createElement("p",{id:`${o.id}-hint`,"data-hint":!0,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},r.hint))});var Se=d(require("react"),1);function Io(e){let{formField:o}=e,t=`${o.id}-hint`,s=c(o.customForm);o.defaultValue&&!Tr(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for month field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return Se.default.createElement("div",null,Se.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Se.default.createElement("div",{className:"app-sdk-mt-1"},Se.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"month",defaultValue:r,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"month"})),s?.hint&&Se.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Tr(e){return/^\d{4}-(0[1-9]|1[0-2])$/.test(e)}var Qt=d(require("isomorphic-dompurify"),1),No=require("marked"),Fo=d(require("react"),1),Co=require("react");var Po=(0,Fo.forwardRef)(function({formField:{defaultValue:o,label:t}},s){let[r,a]=(0,Co.useState)("");return(0,Co.useEffect)(()=>{let n=No.marked.parse(o?.toString()??t?.toString()??"",{renderer:new mt,hooks:new ut});a(n)},[o,t]),Fo.default.createElement("div",{className:D("app-sdk-text-sm","[&_p]:app-sdk-my-4 first-of-type:[&_p]:app-sdk-mb-4 first-of-type:[&_p]:app-sdk-mt-0","[&_a]:app-sdk-text-[color:var(--asdk-dui-link-color)] [&_a]:app-sdk-underline hover:[&_a]:app-sdk-text-[color:var(--asdk-dui-link-hover-color)]","[&_h1]:app-sdk-text-2xl [&_h1]:app-sdk-font-bold [&_h2]:app-sdk-text-xl [&_h2]:app-sdk-font-bold [&_h3]:app-sdk-text-lg [&_h3]:app-sdk-font-bold [&_h4]:app-sdk-text-base [&_h4]:app-sdk-font-bold [&_h5]:app-sdk-text-sm [&_h5]:app-sdk-font-bold [&_h6]:app-sdk-text-xs [&_h6]:app-sdk-font-bold","[&_code]:app-sdk-text-[#e83e8c] [&_pre]:app-sdk-my-4 [&_pre]:app-sdk-bg-gray-100 [&_pre]:dark:app-sdk-bg-app-sdk-gray-700 [&_pre_code]:app-sdk-text-inherit","[&_blockquote]:app-sdk-m-[revert] [&_fieldset]:app-sdk-m-[revert] [&_h1]:app-sdk-m-[revert] [&_h2]:app-sdk-m-[revert] [&_h3]:app-sdk-m-[revert] [&_h4]:app-sdk-m-[revert] [&_h5]:app-sdk-m-[revert] [&_h6]:app-sdk-m-[revert] [&_menu]:app-sdk-m-[revert] [&_ol]:app-sdk-m-[revert] [&_ul]:app-sdk-m-[revert]","[&_fieldset]:app-sdk-p-[revert] [&_menu]:app-sdk-p-[revert] [&_ol]:app-sdk-p-[revert] [&_ul]:app-sdk-p-[revert]","[&_ol]:app-sdk-list-decimal [&_ol_p]:app-sdk-my-2 first-of-type:[&_ol_p]:app-sdk-my-4 [&_ul]:app-sdk-list-disc [&_ul_p]:app-sdk-my-2 first-of-type:[&_ul_p]:app-sdk-my-4","[&_input[type='checkbox']]:app-sdk-form-checkbox [&_input[type='checkbox']]:app-sdk-border [&_input[type='checkbox']]:app-sdk-h-4 [&_input[type='checkbox']]:app-sdk-w-4 [&_input[type='checkbox']]:app-sdk-rounded [&_input[type='checkbox']]:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:app-sdk-text-sky-600 [&_input[type='checkbox']]:hover:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:dark:app-sdk-border-2 [&_input[type='checkbox']]:dark:app-sdk-border-solid [&_input[type='checkbox']]:dark:app-sdk-border-transparent [&_input[type='checkbox']]:dark:app-sdk-bg-app-sdk-gray-350 [&_input[type='checkbox']]:dark:app-sdk-text-[#007bff40] [&_input[type='checkbox']]:dark:hover:app-sdk-border-transparent [&_input[type='checkbox']]:dark:hover:checked:app-sdk-bg-app-sdk-gray-350"),dangerouslySetInnerHTML:{__html:r}})}),mt=class extends No.marked.Renderer{link(o){return super.link(o).replace("<a","<a target='_blank'")}html(o){let t=super.html(o);return t.startsWith("<a ")&&!t.includes("target=")?t.replace("<a ",'<a target="_blank" '):t}},ut=class extends No.marked.Hooks{postprocess(o){return Qt.default.sanitize(o,{ADD_ATTR:["target"]})}};var De=d(require("react"),1);function So(e){let{formField:o}=e,t=`${o.id}-hint`,s=c(o.customForm),r=e.state||(o.defaultValue?.toString()??"");return De.default.createElement("div",null,De.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),De.default.createElement("div",{className:"app-sdk-mt-1"},De.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",type:"password",id:o.id,name:o.id,defaultValue:r,placeholder:s?.placeholder,"aria-describedby":t,"data-form-field-type":"password"})),s?.hint&&De.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var se=d(require("react"),1);function Do({formField:e,state:o}){let t=c(e.customForm),s=t?.entries,r=`${e.id}-hint`;return se.default.createElement("div",null,se.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),se.default.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"radio"},s?.map(a=>se.default.createElement("div",{key:a.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},se.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},se.default.createElement("input",{type:"radio",defaultChecked:(o||e.defaultValue)==a.key,name:e.id,id:a.key,value:a.key,className:"app-sdk-form-radio app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),se.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},se.default.createElement("label",{htmlFor:a.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},a.value))))),t?.hint&&se.default.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},t?.hint))}var pe=d(require("react"),1);function To({formField:e,state:o}){let t=c(e.customForm),s=e.label,r=t?.min||0,a=t?.max||100,n=t?.step||1,i=o||e.defaultValue?.toString()||r.toString(),[p,f]=(0,pe.useState)(i),y=W=>{f(W.target.value)},h=pe.default.createElement("input",{className:D("app-sdk-form-input app-sdk-block app-sdk-w-full app-sdk-appearance-auto app-sdk-px-0 app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] focus:app-sdk-ring-transparent focus:app-sdk-border-transparent"),id:e.id,name:e.id,type:"range",min:r.toString(),max:a.toString(),step:n.toString(),defaultValue:i,onChange:y,"aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"range"}),L=t?.hint?pe.default.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},t.hint):null;return pe.default.createElement("div",null,pe.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),pe.default.createElement("div",{className:"app-sdk-mt-1 app-sdk-flex app-sdk-flex-row"},h,pe.default.createElement("span",{className:"app-sdk-mt-2 app-sdk-ml-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-text-color)]"},p)),L)}var be=d(require("react"),1);function Mo({formField:e,state:o}){let t=c(e.customForm),s=t?.entries,r=`${e.id}-hint`,a=o||s?.find(n=>n.key===e.defaultValue)?.key||"";return be.default.createElement("div",null,be.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),be.default.createElement("select",{id:e.id,name:e.id,className:"app-sdk-form-select app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-mt-1 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-py-2 app-sdk-pl-3 app-sdk-pr-10 app-sdk-text-base app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-outline-none focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:app-sdk-bg-app-sdk-dropdown-dark dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",onChange:n=>n.target.dataset.value=n.target.value,"data-value":a,"aria-describedby":t?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"select",defaultValue:a},be.default.createElement("option",{value:""},!a&&t?.placeholder),s?.map(n=>be.default.createElement("option",{key:n.key,value:n.key},n.value))),t?.hint&&be.default.createElement("p",{className:"app-sdk-mt-1 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:r},t?.hint))}var le=d(require("react"),1);var Te=d(require("react"),1);function Me(e){let{formField:o}=e,t=`${o.id}-hint`,s=c(o.customForm),r=e.state||(o.defaultValue?.toString()??"");return Te.default.createElement("div",null,Te.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Te.default.createElement("div",{className:"app-sdk-mt-1"},Te.default.createElement("textarea",{className:"app-sdk-form-textarea app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",defaultValue:r,id:o.id,name:o.id,rows:s?.rows??4,"aria-describedby":t,"data-form-field-type":"textarea",placeholder:s?.placeholder})),s?.hint&&Te.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var Eo=(0,le.forwardRef)(function({formField:o,state:t},s){let r=c(o.customForm);if(r?.multiline==="true")return le.default.createElement(Me,{formField:o,state:t});let n=`${o.id}-hint`,i=t||(o.defaultValue?.toString()??"");return le.default.createElement("div",null,le.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),le.default.createElement("div",{className:"app-sdk-mt-1"},le.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",type:"text",defaultValue:i,id:o.id,name:o.id,"aria-describedby":n,"data-form-field-type":"text",placeholder:r?.placeholder})),r?.hint&&le.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:n},r?.hint))});var Ee=d(require("react"),1);function Bo({formField:e,state:o}){let t=c(e.customForm),s=`${e.id}-hint`;return Ee.default.createElement("div",null,Ee.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Ee.default.createElement("div",{className:"app-sdk-mt-1"},Ee.default.createElement("input",{className:D("app-sdk-form-input app-sdk-block app-sdk-w-full app-sdk-appearance-none app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] app-sdk-pl-3 app-sdk-pr-3"),id:e.id,name:e.id,type:"tel",defaultValue:o||(e.defaultValue?.toString()??""),placeholder:t?.placeholder,"aria-describedby":t?.hint?s:void 0,"data-form-field-type":"tel"})),t?.hint&&Ee.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:s},t.hint))}var Be=d(require("react"),1);function Uo(e){let{formField:o}=e,t=`${o.id}-hint`,s=c(o.customForm);o.defaultValue&&!Mr(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for time field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return Be.default.createElement("div",null,Be.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Be.default.createElement("div",{className:"app-sdk-mt-1"},Be.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"time",defaultValue:r,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"time"})),s?.hint&&Be.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Mr(e){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(e)}var Ue=d(require("react"),1);function Oo(e){let{formField:o}=e,t=`${o.id}-hint`,s=c(o.customForm),r=e.state||(o.defaultValue?.toString()??"");return Ue.default.createElement("div",null,Ue.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Ue.default.createElement("div",{className:"app-sdk-mt-1"},Ue.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",type:"url",id:o.id,defaultValue:r,placeholder:s?.placeholder??"https://processcube.io/",name:o.id,"aria-describedby":t,"data-form-field-type":"url"})),s?.hint&&Ue.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}var Oe=d(require("react"),1);function Lo(e){let{formField:o}=e,t=`${o.id}-hint`,s=c(o.customForm);o.defaultValue&&!Er(o.defaultValue.toString())&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for week field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return Oe.default.createElement("div",null,Oe.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Oe.default.createElement("div",{className:"app-sdk-mt-1"},Oe.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"week",defaultValue:r,id:o.id,name:o.id,"aria-describedby":t,"data-form-field-type":"week"})),s?.hint&&Oe.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:t},s?.hint))}function Er(e){return/^(\d{4})-W(0[1-9]|[1-4][0-9]|5[0-3])$/.test(e)}var os=(b=>(b.paragraph="paragraph",b.header="header",b.confirm="confirm",b.checkbox="checkbox",b.radio="radio",b.select="select",b.range="range",b.file="file",b.hidden="hidden",b.tel="tel",b.textarea="textarea",b.url="url",b.week="week",b.time="time",b.month="month",b.datetimeLocal="datetime-local",b.email="email",b.color="color",b.password="password",b.custom="custom",b))(os||{}),Ed={...es.DataModels.FlowNodeInstances.UserTaskFormFieldType,...os},kt={boolean:no,checkbox:io,color:po,date:uo,email:go,enum:yo,file:wo,hidden:bo,long:xo,"datetime-local":ko,month:Io,number:ho,string:Eo,paragraph:Po,password:So,radio:Do,range:To,select:Mo,header:vo,confirm:co,tel:Bo,textarea:Me,time:Uo,url:Oo,week:Lo,custom:mo};var Br=(0,as.default)(g.default.version,">=18.0.0 <19",{includePrerelease:!0}),ds=(0,rs.default)(g.default.version)==null,ts=!ds&&(0,ss.default)(g.default.version,"18.2.0")&&g.default.version.includes("canary"),ft=class extends g.default.Component{};function Ur(e){Br||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The React version is not supported!
8
8
  Version: ${g.default.version}`);let{userTaskConfig:o}=e.task,{formFields:t}=o,s=(0,g.useRef)(),r=(0,g.useRef)(null),a=new Map(t.map(l=>[l.id,{ref:g.default.createRef()}])),n=t.filter(l=>l.type==="confirm");n.length>1&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Warning while rendering UserTask "${e.task.flowNodeId}"!
9
9
  The UserTask has more than one confirm form field. Please use only one confirm form field per User Task.
10
10
 
package/build/client/index.mjs CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  `)})}var ke=({showBackground:o})=>U.createElement("div",{title:"This element has documentation"},U.createElement("svg",{className:`${o?"app-sdk-bg-[color:var(--asdk-ddi-background-color)] app-sdk-p-[2px] app-sdk-rounded":""}`,xmlns:"http://www.w3.org/2000/svg",height:"16",viewBox:"0 0 448 512"},U.createElement("path",{d:"M64 0C28.7 0 0 28.7 0 64L0 448l0 0c0 35.3 28.7 64 64 64H432c8.8 0 16-7.2 16-16s-7.2-16-16-16H416V413.3c18.6-6.6 32-24.4 32-45.3V48c0-26.5-21.5-48-48-48H64zM384 416v64H64c-17.7 0-32-14.3-32-32s14.3-32 32-32H384zM64 384c-11.7 0-22.6 3.1-32 8.6L32 64c0-17.7 14.3-32 32-32H96V384H64zm64 0V32H400c8.8 0 16 7.2 16 16V368c0 8.8-7.2 16-16 16H128zm48-240c0 8.8 7.2 16 16 16H352c8.8 0 16-7.2 16-16s-7.2-16-16-16H192c-8.8 0-16 7.2-16 16zm0 96c0 8.8 7.2 16 16 16H352c8.8 0 16-7.2 16-16s-7.2-16-16-16H192c-8.8 0-16 7.2-16 16z"}))),br=["bpmn:DataInputAssociation","bpmn:DataOutputAssociation","bpmn:SequenceFlow","label"],fe={DEFAULT:{top:4,right:21},PARTICIPANT:{top:3,left:3},ANNOTATION:{bottom:10,left:10},GATEWAY:{bottom:17,right:17},OTHER:{bottom:12,right:12}};function xr(o){return o.type.endsWith("Task")||o.type==="bpmn:CallActivity"||o.type==="bpmn:Collaboration"||o.type==="bpmn:Group"||o.type==="bpmn:Lane"||o.type==="bpmn:SubProcess"?{position:fe.DEFAULT,html:me(U.createElement(ke,null))}:o.type==="bpmn:Participant"?{position:fe.PARTICIPANT,html:me(U.createElement(ke,null))}:o.type.endsWith("Gateway")?{position:fe.GATEWAY,html:me(U.createElement(ke,{showBackground:!0}))}:o.type==="bpmn:TextAnnotation"?{position:fe.ANNOTATION,html:me(U.createElement(ke,{showBackground:!0}))}:{position:fe.OTHER,html:me(U.createElement(ke,{showBackground:!0}))}}function nt(o){if(br.includes(o.type))return!1;let t=oo(o)?.documentation?.[0]?.text;return t!=null&&t.trim()!==""}var to=gr(wr);function Nr(o){return U.createElement(to,{...o,ref:o.viewerRef})}var Bs=hr(()=>Promise.resolve(Nr),{ssr:!1});import{Menu as $e,Transition as Fr}from"@headlessui/react";import G,{Fragment as Cr}from"react";function C(...o){return o.filter(Boolean).join(" ")}function As(o){return G.createElement($e,{as:"div",className:"app-sdk-default-styles app-sdk-relative app-sdk-inline-block app-sdk-text-left"},G.createElement("div",null,G.createElement($e.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)] "},G.createElement("span",{className:"app-sdk-sr-only"},"Open options"),o.collapsedIcon||G.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"},G.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"})))),G.createElement(Fr,{as:Cr,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"},G.createElement($e.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"},G.createElement("div",{className:"app-sdk-py-1"},o.children))))}function zs(o){return G.createElement($e.Item,null,({active:e})=>G.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))}import{useRouter as Ir}from"next/navigation";import Pr from"react";var dt=new Set;function F(o,e){dt.has(o)||(console.warn(`[@5minds/processcube_app_sdk] Warning: The component "${o}" is deprecated.
6
6
 
7
- ${e??""}`.trimEnd()),dt.add(o))}function Ws({href:o,children:e}){F("DynamicLink","Please use the NextJS Link component instead.");let t=Ir();return Pr.createElement("a",{href:o,onClick:r=>{r.preventDefault(),t.replace(o),t.refresh()}},e)}import _r from"bpmn-js/lib/Viewer";import Ar from"diagram-js/lib/navigation/movecanvas";import zr from"diagram-js/lib/navigation/zoomscroll";import ko from"react";import Ur from"react";import{createRoot as Lr}from"react-dom/client";import{v4 as Vr}from"uuid";import Br from"@monaco-editor/react";import{Button as co,Divider as ct,Modal as mt,ModalBody as ut,ModalContent as kt,ModalFooter as ft,ModalHeader as ht,useDisclosure as gt}from"@nextui-org/react";import w,{useState as Or}from"react";import ae from"react";import Sr from"react";function ro(o){F("ExecutionCount");let e={width:30};return o.count<=1?null:Sr.createElement("div",{style:e,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--execution-count"},o.count)}import D from"react";function ao(o){return F("GotoButton"),D.createElement("div",{onClick:o.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},D.createElement("div",{className:"action-icon"},D.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},D.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),D.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),D.createElement("g",{id:"SVGRepo_iconCarrier"}," ",D.createElement("title",null,"open-external")," ",D.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",D.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",D.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"}," ")," ")," ")," "))),D.createElement("div",{className:"action-icon-hovered"},D.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},D.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),D.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),D.createElement("g",{id:"SVGRepo_iconCarrier"}," ",D.createElement("title",null,"goto process")," ",D.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",D.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",D.createElement("path",{d:"M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z",id:"Combined-Shape"}," ")," ")," ")," "))))}import q from"react";function so(o){return F("PlayButton"),q.createElement("div",{onClick:o.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},q.createElement("div",{className:"action-icon"},q.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"none",xmlns:"http://www.w3.org/2000/svg"},q.createElement("g",{id:"Media / Play",color:"white"},q.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"})))),q.createElement("div",{className:"action-icon-hovered"},q.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"white",xmlns:"http://www.w3.org/2000/svg"},q.createElement("g",{id:"Media / Play",color:"white"},q.createElement("path",{id:"Vector",d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))))}import te from"react";function no(o){return F("RetryButton"),te.createElement("div",{onClick:o.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},te.createElement("div",{className:"action-icon"},te.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},te.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"}))),te.createElement("div",{className:"action-icon-hovered"},te.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},te.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 io(o){F("FlowNodeButtonArea");let e={marginTop:"7px"},t=o.flowNode,r=!!o.onRetryClick,a=!t.IsGateway&&t.ProcessInstanceState!=="running"&&t.ProcessInstanceState!=="finished"&&r,s=!!o.onGotoClick,n=(t.IsCallActivity||(t.IsEventReceiver||t.IsEventSender)&&t.LinkedProcessInstanceId)&&s,d=!!o.onPlayClick,i=(t.IsUserTask||t.IsManualTask)&&t.State==="suspended"&&d;return ae.createElement("div",{className:"flownode-overlay",style:e},ae.createElement("div",{className:"bpmn-element-overlay__below"},a&&ae.createElement(no,{onClick:o.onRetryClick,flowNode:o.flowNode}),ae.createElement(ro,{count:o.flowNode.ExecutionCount}),n&&ae.createElement(ao,{onClick:o.onGotoClick}),i&&ae.createElement(so,{onClick:o.onPlayClick})))}import it from"react";function po(o){F("FlowNodeColorArea");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"),it.createElement("div",{onClick:o.onClick,className:"bpmn-element-overlay-backdrop cursor-pointer",style:e},it.createElement("div",{className:`flow-node-${o.flowNode.State}-state-overlay ${t}`,style:r}))}import pt from"@monaco-editor/react";import{Divider as lt}from"@nextui-org/react";import _,{useEffect as Dr}from"react";import{createRoot as Tr}from"react-dom/client";import Mr from"react-markdown";import Er from"remark-gfm";function lo(o){F("FlowNodeInfoComponent");function e(t){setTimeout(()=>{t.getAction("editor.action.formatDocument").run(),t.updateOptions({readOnly:!0})},300)}return Dr(()=>{let t=_.createElement(Mr,{remarkPlugins:[Er]},o.flowNode.Documentation),r=document.getElementById("markdown-container");if(r){let a=r.attachShadow({mode:"open"});Tr(a).render(t)}},[]),_.createElement(_.Fragment,null,_.createElement(lt,{className:"my-2"}),_.createElement("div",{className:"flex-row"},_.createElement("div",{className:"token-area"},_.createElement("p",null,"Start Token:"),_.createElement(pt,{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"}}),_.createElement(lt,{className:"my-2"}),_.createElement("p",null,"End Token:"),_.createElement(pt,{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"}})),_.createElement("div",{className:"documentation-area"},_.createElement("p",null,"Dokumentation:"),_.createElement("div",{id:"markdown-container"}))))}function mo(o){F("FlowNodeOverlay");let e=gt(),t=gt(),[r,a]=Or(JSON.stringify(o.flowNode.CurrentStartToken));function s(d){setTimeout(()=>{d.getAction("editor.action.formatDocument").run()},300)}let n={width:o.width,height:o.height+10};return w.createElement(w.Fragment,null,w.createElement("div",{style:n},w.createElement(po,{onClick:t.onOpen,...o}),w.createElement(io,{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})),w.createElement(mt,{isOpen:e.isOpen,onOpenChange:e.onOpenChange},w.createElement(kt,null,d=>w.createElement(w.Fragment,null,w.createElement(ht,{className:"flex flex-col gap-1"},"Confirm Retry"),w.createElement(ut,null,w.createElement(ct,{className:"my-2"}),w.createElement("p",null,"Are you sure you want to retry process instance ",o.flowNode.CurrentFlowNodeInstanceId,"?"),w.createElement(ct,{className:"my-2"}),w.createElement(Br,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(o.flowNode.CurrentStartToken,null,2),onChange:(i,u)=>a(i??""),onMount:s,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),w.createElement(ft,null,w.createElement(co,{color:"warning",variant:"light",onPress:d},"Close"),w.createElement(co,{color:"primary",onPress:()=>{o.retryAction?.(o.flowNode.ProcessInstanceId,o.flowNode.CurrentFlowNodeInstanceId,JSON.parse(r)),d()}},"Retry"))))),w.createElement(mt,{size:"4xl",isOpen:t.isOpen,onOpenChange:t.onOpenChange},w.createElement(kt,null,d=>w.createElement(w.Fragment,null,w.createElement(ht,{className:"flex flex-col gap-1"},"FlowNode: ",o.flowNode.Name??o.flowNode.Id),w.createElement(ut,null,w.createElement(lo,{flowNode:o.flowNode})),w.createElement(ft,null,w.createElement(co,{color:"primary",onPress:d},"Close"))))))}var uo=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}},he=class{canvas;overlays;elementRegistry;overlayIds;overlayRoots;constructor(e){F("BpmnViewerOverlayCreator"),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,n){let d=this.getExecutedFlowNodes(t,e,r);this.overlayIds=[];for(let u of d){let f=this.elementRegistry.get(u.Id);this.getOrCreateOverlayRoot(u)?.render(Ur.createElement(mo,{flowNode:u,width:f.width,height:f.height,retryAction:a,gotoProcessAction:s,gotoManualOrUserTaskAction:n})),this.setSequenceFlowsColor(f,d)}let i=[];for(let u in this.overlayRoots)d.find(k=>k.Id===u)||i.push(u);i.forEach(u=>{let f=this.elementRegistry.get(u);this.removeSequenceFlowsColor(f),this.overlayRoots[u].unmount(),delete this.overlayRoots[u]})}getOrCreateOverlayRoot(e){if(e.Id in this.overlayRoots)return this.overlayRoots[e.Id];let t=`bpmn-element-overlay-${Vr()}`,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 n=Lr(s);return this.overlayRoots[e.Id]=n,n}}getExecutedFlowNodes(e,t,r){let a=[],s={};for(let n of r)n.triggeredByFlowNodeInstance&&(s[n.triggeredByFlowNodeInstance?.flowNodeInstanceId]=n);for(let n of e){let d=a.find(i=>i.Id===n.flowNodeId);if(!d){let i=this.elementRegistry.get(n.flowNodeId),u=i.businessObject.documentation?i.businessObject.documentation[0].text:"";d=new uo(n.flowNodeId,t,u,s[n.flowNodeInstanceId]),a.push(d)}d.addFlowNodeInstance(n)}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 vt=class extends ko.Component{containerRef;bpmnViewer;bpmnViewerOverlayCreator;constructor(e){super(e),F("BpmnViewerComponent"),this.state={diagramXML:""},this.containerRef=ko.createRef()}componentDidMount(){let{diagramXML:e,options:t}=this.props,r=this.containerRef.current;if(this.bpmnViewer=new _r({container:r,height:t?.height??600,bpmnRenderer:{defaultFillColor:t?.fillColor,defaultStrokeColor:t?.strokeColor},additionalModules:[zr,Ar]}),this.bpmnViewerOverlayCreator=new he(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,n=e.diagramXML||t.diagramXML;if(s&&s!==n)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 ko.createElement("div",{className:this.props.className,ref:this.containerRef})}};import y,{Fragment as jo,useRef as bt}from"react";import*as re from"react-is";import ma from"semver/functions/gt";import ua from"semver/functions/prerelease";import ka from"semver/functions/satisfies";import{mapUserTask as fa}from"../common/index.mjs";import{DataModels as ca}from"@5minds/processcube_engine_sdk";import se,{forwardRef as $r}from"react";function l(o){if(o!=null&&o.trim()!=="")try{return JSON.parse(o)}catch{return null}return null}var fo=$r(function(e,t){let{formField:r}=e,a=`${r.id}-hint`,s=l(r.customForm);return se.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},se.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},se.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"})),se.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},se.createElement("label",{className:"app-sdk-font-medium",htmlFor:r.id},r.label),s?.hint&&se.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s.hint)))});import Z from"react";function ho({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(",")??[],Z.createElement("div",null,Z.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Z.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(n=>{let d=s.find(i=>i.trim()===n.key);return Z.createElement("div",{key:n.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},Z.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},Z.createElement("input",{type:"checkbox",defaultChecked:d,name:o.id,id:n.key,value:n.key,className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),Z.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},Z.createElement("label",{htmlFor:n.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},n.value)))})),t?.hint&&Z.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))}import ge from"react";function go(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm);e.defaultValue&&!Hr(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 ge.createElement("div",null,ge.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),ge.createElement("div",{className:"app-sdk-mt-1 app-sdk-w-20"},ge.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&&ge.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 Hr(o){return/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(o?.toString())}import jr,{forwardRef as Gr}from"react";var vo=Gr(function(e,t){return jr.createElement("p",{className:"app-sdk-text-sm"},e.formField.label)});import ve from"react";function wo({formField:o,state:e}){let t=l(o.customForm);return ve.createElement("div",null,ve.createElement("label",{htmlFor:o.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},o.label),ve.createElement("div",{className:"app-sdk-mt-1"},ve.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&&ve.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))}import we,{forwardRef as Jr}from"react";var yo=Jr(function(e,t){let{formField:r}=e,a=`${r.id}-hint`,s=l(r.customForm);Wr(r.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for date field "${r.id}"`);let n=e.state||r.defaultValue?.toString();return we.createElement("div",null,we.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:r.id},r.label),we.createElement("div",{className:"app-sdk-mt-1"},we.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"date",defaultValue:n,id:r.id,name:r.id,"aria-describedby":a,"data-form-field-type":"date"})),s?.hint&&we.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 Wr(o){return new Date(o?.toString()).toString()!=="Invalid Date"}import ye from"react";function bo(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm);e.defaultValue&&!Yr(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 ye.createElement("div",null,ye.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),ye.createElement("div",{className:"app-sdk-mt-1"},ye.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&&ye.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 Rr(o){return new Date(o?.toString()).toString()!=="Invalid Date"}function Xr(o){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(o)}function Yr(o){if(!o.includes("T"))return!1;let[e,t]=o.split("T");return Rr(e)&&Xr(t)}import be,{forwardRef as qr}from"react";function He(o){return!Number.isNaN(Number(o?.toString()))}var xo=qr(function(e,t){let{formField:r}=e,a=`${r.id}-hint`,s=l(r.customForm);return He(r.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for decimal field "${r.id}"`),be.createElement("div",null,be.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:r.id},r.label),be.createElement("div",{className:"app-sdk-mt-1"},be.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&&be.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))});import xe from"react";function No(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm),a=o.state||(e.defaultValue?.toString()??"");return xe.createElement("div",null,xe.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),xe.createElement("div",{className:"app-sdk-mt-1"},xe.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&&xe.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))}import M,{forwardRef as Zr}from"react";var Fo=Zr(function({formField:e,state:t},r){let a=l(e.customForm),s=e.label,n=e.enumValues,d;switch(a?.displayAs){case"checkbox":let u;Array.isArray(t)&&t.length?u=t:u=(t||e.defaultValue?.toString())?.split(",")??[],d=M.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"},n?.map(k=>{let T=u.find(A=>A.trim()===k.id);return M.createElement("div",{key:k.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},M.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},M.createElement("input",{type:"checkbox",defaultChecked:T,name:e.id,id:k.id,value:k.id,className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),M.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},M.createElement("label",{htmlFor:k.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},k.name)))}));break;case"radio":d=M.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"},n?.map(k=>M.createElement("div",{key:k.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},M.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},M.createElement("input",{type:"radio",defaultChecked:(t||e.defaultValue)==k.id,name:e.id,id:k.id,value:k.id,className:"app-sdk-form-radio app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),M.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},M.createElement("label",{htmlFor:k.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},k.name)))));break;default:let f=t||n?.find(k=>k.id===e.defaultValue)?.id||"";d=M.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:k=>k.target.dataset.value=k.target.value,"data-value":f,"aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:f},M.createElement("option",{value:""},!f&&a?.placeholder),n?.map(k=>M.createElement("option",{key:k.id,value:k.id},k.name)));break}let i=a?.hint?M.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 M.createElement("div",null,M.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),d,i)});import je from"react";function Co(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm);return je.createElement("div",null,je.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),je.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&&je.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))}import Ne,{forwardRef as Kr}from"react";var Io=Kr(function({formField:e},t){let r=l(e.customForm),a;switch(r?.style){case"heading_1":a=Ne.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_2":a=Ne.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_3":a=Ne.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;default:a=Ne.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break}return Ne.createElement("div",{className:"app-sdk-header-form-field"},a)});import Qr from"react";function Po(o){let{formField:e}=o;return Qr.createElement("input",{className:"app-sdk-hidden",type:"hidden",id:e.id,value:e.defaultValue?.toString()||"",name:e.id,"data-form-field-type":"hidden"})}import Fe,{forwardRef as ea}from"react";var So=ea(function({formField:e,state:t},r){let a=l(e.customForm);return He(e.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for integer field "${e.id}"`),Fe.createElement("div",null,Fe.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),Fe.createElement("div",{className:"app-sdk-mt-1"},Fe.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&&Fe.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))});import Ce from"react";function Do(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm);e.defaultValue&&!oa(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 Ce.createElement("div",null,Ce.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Ce.createElement("div",{className:"app-sdk-mt-1"},Ce.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&&Ce.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 oa(o){return/^\d{4}-(0[1-9]|1[0-2])$/.test(o)}import ta from"isomorphic-dompurify";import{marked as Eo}from"marked";import ra,{forwardRef as aa}from"react";import{useEffect as sa,useState as na}from"react";var Bo=aa(function({formField:{defaultValue:e,label:t}},r){let[a,s]=na("");return sa(()=>{let n=Eo.parse(e?.toString()??t?.toString()??"",{renderer:new To,hooks:new Mo});s(n)},[e,t]),ra.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:a}})}),To=class extends Eo.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}},Mo=class extends Eo.Hooks{postprocess(e){return ta.sanitize(e,{ADD_ATTR:["target"]})}};import Ie from"react";function Oo(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm),a=o.state||(e.defaultValue?.toString()??"");return Ie.createElement("div",null,Ie.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Ie.createElement("div",{className:"app-sdk-mt-1"},Ie.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&&Ie.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))}import K from"react";function Uo({formField:o,state:e}){let t=l(o.customForm),r=t?.entries,a=`${o.id}-hint`;return K.createElement("div",null,K.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),K.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=>K.createElement("div",{key:s.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},K.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},K.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"})),K.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},K.createElement("label",{htmlFor:s.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},s.value))))),t?.hint&&K.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))}import ne,{useState as da}from"react";function Lo({formField:o,state:e}){let t=l(o.customForm),r=o.label,a=t?.min||0,s=t?.max||100,n=t?.step||1,d=e||o.defaultValue?.toString()||a.toString(),[i,u]=da(d),f=A=>{u(A.target.value)},k=ne.createElement("input",{className:C("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:n.toString(),defaultValue:d,onChange:f,"aria-describedby":t?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"range"}),T=t?.hint?ne.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 ne.createElement("div",null,ne.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},r),ne.createElement("div",{className:"app-sdk-mt-1 app-sdk-flex app-sdk-flex-row"},k,ne.createElement("span",{className:"app-sdk-mt-2 app-sdk-ml-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-text-color)]"},i)),T)}import de from"react";function Vo({formField:o,state:e}){let t=l(o.customForm),r=t?.entries,a=`${o.id}-hint`,s=e||r?.find(n=>n.key===o.defaultValue)?.key||"";return de.createElement("div",null,de.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),de.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:n=>n.target.dataset.value=n.target.value,"data-value":s,"aria-describedby":t?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"select",defaultValue:s},de.createElement("option",{value:""},!s&&t?.placeholder),r?.map(n=>de.createElement("option",{key:n.key,value:n.key},n.value))),t?.hint&&de.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))}import ie,{forwardRef as ia}from"react";import Pe from"react";function Se(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm),a=o.state||(e.defaultValue?.toString()??"");return Pe.createElement("div",null,Pe.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Pe.createElement("div",{className:"app-sdk-mt-1"},Pe.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&&Pe.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 _o=ia(function({formField:e,state:t},r){let a=l(e.customForm);if(a?.multiline==="true")return ie.createElement(Se,{formField:e,state:t});let n=`${e.id}-hint`,d=t||(e.defaultValue?.toString()??"");return ie.createElement("div",null,ie.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),ie.createElement("div",{className:"app-sdk-mt-1"},ie.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:d,id:e.id,name:e.id,"aria-describedby":n,"data-form-field-type":"text",placeholder:a?.placeholder})),a?.hint&&ie.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))});import De from"react";function Ao({formField:o,state:e}){let t=l(o.customForm),r=`${o.id}-hint`;return De.createElement("div",null,De.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),De.createElement("div",{className:"app-sdk-mt-1"},De.createElement("input",{className:C("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&&De.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))}import Te from"react";function zo(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm);e.defaultValue&&!pa(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.createElement("div",null,Te.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Te.createElement("div",{className:"app-sdk-mt-1"},Te.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.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 pa(o){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(o)}import Me from"react";function $o(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm),a=o.state||(e.defaultValue?.toString()??"");return Me.createElement("div",null,Me.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Me.createElement("div",{className:"app-sdk-mt-1"},Me.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&&Me.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))}import Ee from"react";function Ho(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm);e.defaultValue&&!la(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 Ee.createElement("div",null,Ee.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Ee.createElement("div",{className:"app-sdk-mt-1"},Ee.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&&Ee.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 la(o){return/^(\d{4})-W(0[1-9]|[1-4][0-9]|5[0-3])$/.test(o)}var wt=(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))(wt||{}),tp={...ca.FlowNodeInstances.UserTaskFormFieldType,...wt},yt={boolean:fo,checkbox:ho,color:go,date:yo,email:No,enum:Fo,file:Co,hidden:Po,long:So,"datetime-local":bo,month:Do,number:xo,string:_o,paragraph:Bo,password:Oo,radio:Uo,range:Lo,select:Vo,header:Io,confirm:vo,tel:Ao,textarea:Se,time:zo,url:$o,week:Ho,custom:wo};var ha=ka(y.version,">=18.0.0 <19",{includePrerelease:!0}),Ft=ua(y.version)==null,xt=!Ft&&ma(y.version,"18.2.0")&&y.version.includes("canary"),Nt=class extends y.Component{};function $p(o){ha||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The React version is not supported!
7
+ ${e??""}`.trimEnd()),dt.add(o))}function Ws({href:o,children:e}){F("DynamicLink","Please use the NextJS Link component instead.");let t=Ir();return Pr.createElement("a",{href:o,onClick:r=>{r.preventDefault(),t.replace(o),t.refresh()}},e)}import _r from"bpmn-js/lib/Viewer";import Ar from"diagram-js/lib/navigation/movecanvas";import zr from"diagram-js/lib/navigation/zoomscroll";import ko from"react";import Ur from"react";import{createRoot as Lr}from"react-dom/client";import{v4 as Vr}from"uuid";import{Button as co,Divider as ct,Modal as mt,ModalBody as ut,ModalContent as kt,ModalFooter as ft,ModalHeader as ht,useDisclosure as gt}from"@heroui/react";import Br from"@monaco-editor/react";import w,{useState as Or}from"react";import ae from"react";import Sr from"react";function ro(o){F("ExecutionCount");let e={width:30};return o.count<=1?null:Sr.createElement("div",{style:e,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--execution-count"},o.count)}import D from"react";function ao(o){return F("GotoButton"),D.createElement("div",{onClick:o.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},D.createElement("div",{className:"action-icon"},D.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},D.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),D.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),D.createElement("g",{id:"SVGRepo_iconCarrier"}," ",D.createElement("title",null,"open-external")," ",D.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",D.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",D.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"}," ")," ")," ")," "))),D.createElement("div",{className:"action-icon-hovered"},D.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 512 512",version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"#000000"},D.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),D.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),D.createElement("g",{id:"SVGRepo_iconCarrier"}," ",D.createElement("title",null,"goto process")," ",D.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"}," ",D.createElement("g",{id:"icon",fill:"#FFFFFF",transform:"translate(85.333333, 64.000000)"}," ",D.createElement("path",{d:"M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z",id:"Combined-Shape"}," ")," ")," ")," "))))}import q from"react";function so(o){return F("PlayButton"),q.createElement("div",{onClick:o.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},q.createElement("div",{className:"action-icon"},q.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"none",xmlns:"http://www.w3.org/2000/svg"},q.createElement("g",{id:"Media / Play",color:"white"},q.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"})))),q.createElement("div",{className:"action-icon-hovered"},q.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 24 24",color:"white",fill:"white",xmlns:"http://www.w3.org/2000/svg"},q.createElement("g",{id:"Media / Play",color:"white"},q.createElement("path",{id:"Vector",d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))))}import te from"react";function no(o){return F("RetryButton"),te.createElement("div",{onClick:o.onClick,className:"bpmn-element-overlay__below-item bpmn-element-overlay__below-item--action"},te.createElement("div",{className:"action-icon"},te.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},te.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"}))),te.createElement("div",{className:"action-icon-hovered"},te.createElement("svg",{width:"14px",height:"14px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},te.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 io(o){F("FlowNodeButtonArea");let e={marginTop:"7px"},t=o.flowNode,r=!!o.onRetryClick,a=!t.IsGateway&&t.ProcessInstanceState!=="running"&&t.ProcessInstanceState!=="finished"&&r,s=!!o.onGotoClick,n=(t.IsCallActivity||(t.IsEventReceiver||t.IsEventSender)&&t.LinkedProcessInstanceId)&&s,d=!!o.onPlayClick,i=(t.IsUserTask||t.IsManualTask)&&t.State==="suspended"&&d;return ae.createElement("div",{className:"flownode-overlay",style:e},ae.createElement("div",{className:"bpmn-element-overlay__below"},a&&ae.createElement(no,{onClick:o.onRetryClick,flowNode:o.flowNode}),ae.createElement(ro,{count:o.flowNode.ExecutionCount}),n&&ae.createElement(ao,{onClick:o.onGotoClick}),i&&ae.createElement(so,{onClick:o.onPlayClick})))}import it from"react";function po(o){F("FlowNodeColorArea");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"),it.createElement("div",{onClick:o.onClick,className:"bpmn-element-overlay-backdrop cursor-pointer",style:e},it.createElement("div",{className:`flow-node-${o.flowNode.State}-state-overlay ${t}`,style:r}))}import{Divider as pt}from"@heroui/react";import lt from"@monaco-editor/react";import _,{useEffect as Dr}from"react";import{createRoot as Tr}from"react-dom/client";import Mr from"react-markdown";import Er from"remark-gfm";function lo(o){F("FlowNodeInfoComponent");function e(t){setTimeout(()=>{t.getAction("editor.action.formatDocument").run(),t.updateOptions({readOnly:!0})},300)}return Dr(()=>{let t=_.createElement(Mr,{remarkPlugins:[Er]},o.flowNode.Documentation),r=document.getElementById("markdown-container");if(r){let a=r.attachShadow({mode:"open"});Tr(a).render(t)}},[]),_.createElement(_.Fragment,null,_.createElement(pt,{className:"my-2"}),_.createElement("div",{className:"flex-row"},_.createElement("div",{className:"token-area"},_.createElement("p",null,"Start Token:"),_.createElement(lt,{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"}}),_.createElement(pt,{className:"my-2"}),_.createElement("p",null,"End Token:"),_.createElement(lt,{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"}})),_.createElement("div",{className:"documentation-area"},_.createElement("p",null,"Dokumentation:"),_.createElement("div",{id:"markdown-container"}))))}function mo(o){F("FlowNodeOverlay");let e=gt(),t=gt(),[r,a]=Or(JSON.stringify(o.flowNode.CurrentStartToken));function s(d){setTimeout(()=>{d.getAction("editor.action.formatDocument").run()},300)}let n={width:o.width,height:o.height+10};return w.createElement(w.Fragment,null,w.createElement("div",{style:n},w.createElement(po,{onClick:t.onOpen,...o}),w.createElement(io,{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})),w.createElement(mt,{isOpen:e.isOpen,onOpenChange:e.onOpenChange},w.createElement(kt,null,d=>w.createElement(w.Fragment,null,w.createElement(ht,{className:"flex flex-col gap-1"},"Confirm Retry"),w.createElement(ut,null,w.createElement(ct,{className:"my-2"}),w.createElement("p",null,"Are you sure you want to retry process instance ",o.flowNode.CurrentFlowNodeInstanceId,"?"),w.createElement(ct,{className:"my-2"}),w.createElement(Br,{className:"monaco-editor",height:"25vh",defaultLanguage:"json",theme:"vs-light",defaultValue:JSON.stringify(o.flowNode.CurrentStartToken,null,2),onChange:(i,u)=>a(i??""),onMount:s,options:{formatOnPaste:!0,formatOnType:!0,minimap:{enabled:!1},lineNumbers:"off"}})),w.createElement(ft,null,w.createElement(co,{color:"warning",variant:"light",onPress:d},"Close"),w.createElement(co,{color:"primary",onPress:()=>{o.retryAction?.(o.flowNode.ProcessInstanceId,o.flowNode.CurrentFlowNodeInstanceId,JSON.parse(r)),d()}},"Retry"))))),w.createElement(mt,{size:"4xl",isOpen:t.isOpen,onOpenChange:t.onOpenChange},w.createElement(kt,null,d=>w.createElement(w.Fragment,null,w.createElement(ht,{className:"flex flex-col gap-1"},"FlowNode: ",o.flowNode.Name??o.flowNode.Id),w.createElement(ut,null,w.createElement(lo,{flowNode:o.flowNode})),w.createElement(ft,null,w.createElement(co,{color:"primary",onPress:d},"Close"))))))}var uo=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}},he=class{canvas;overlays;elementRegistry;overlayIds;overlayRoots;constructor(e){F("BpmnViewerOverlayCreator"),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,n){let d=this.getExecutedFlowNodes(t,e,r);this.overlayIds=[];for(let u of d){let f=this.elementRegistry.get(u.Id);this.getOrCreateOverlayRoot(u)?.render(Ur.createElement(mo,{flowNode:u,width:f.width,height:f.height,retryAction:a,gotoProcessAction:s,gotoManualOrUserTaskAction:n})),this.setSequenceFlowsColor(f,d)}let i=[];for(let u in this.overlayRoots)d.find(k=>k.Id===u)||i.push(u);i.forEach(u=>{let f=this.elementRegistry.get(u);this.removeSequenceFlowsColor(f),this.overlayRoots[u].unmount(),delete this.overlayRoots[u]})}getOrCreateOverlayRoot(e){if(e.Id in this.overlayRoots)return this.overlayRoots[e.Id];let t=`bpmn-element-overlay-${Vr()}`,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 n=Lr(s);return this.overlayRoots[e.Id]=n,n}}getExecutedFlowNodes(e,t,r){let a=[],s={};for(let n of r)n.triggeredByFlowNodeInstance&&(s[n.triggeredByFlowNodeInstance?.flowNodeInstanceId]=n);for(let n of e){let d=a.find(i=>i.Id===n.flowNodeId);if(!d){let i=this.elementRegistry.get(n.flowNodeId),u=i.businessObject.documentation?i.businessObject.documentation[0].text:"";d=new uo(n.flowNodeId,t,u,s[n.flowNodeInstanceId]),a.push(d)}d.addFlowNodeInstance(n)}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 vt=class extends ko.Component{containerRef;bpmnViewer;bpmnViewerOverlayCreator;constructor(e){super(e),F("BpmnViewerComponent"),this.state={diagramXML:""},this.containerRef=ko.createRef()}componentDidMount(){let{diagramXML:e,options:t}=this.props,r=this.containerRef.current;if(this.bpmnViewer=new _r({container:r,height:t?.height??600,bpmnRenderer:{defaultFillColor:t?.fillColor,defaultStrokeColor:t?.strokeColor},additionalModules:[zr,Ar]}),this.bpmnViewerOverlayCreator=new he(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,n=e.diagramXML||t.diagramXML;if(s&&s!==n)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 ko.createElement("div",{className:this.props.className,ref:this.containerRef})}};import y,{Fragment as jo,useRef as bt}from"react";import*as re from"react-is";import ma from"semver/functions/gt";import ua from"semver/functions/prerelease";import ka from"semver/functions/satisfies";import{mapUserTask as fa}from"../common/index.mjs";import{DataModels as ca}from"@5minds/processcube_engine_sdk";import se,{forwardRef as $r}from"react";function l(o){if(o!=null&&o.trim()!=="")try{return JSON.parse(o)}catch{return null}return null}var fo=$r(function(e,t){let{formField:r}=e,a=`${r.id}-hint`,s=l(r.customForm);return se.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},se.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},se.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"})),se.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},se.createElement("label",{className:"app-sdk-font-medium",htmlFor:r.id},r.label),s?.hint&&se.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s.hint)))});import Z from"react";function ho({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(",")??[],Z.createElement("div",null,Z.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),Z.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(n=>{let d=s.find(i=>i.trim()===n.key);return Z.createElement("div",{key:n.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},Z.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},Z.createElement("input",{type:"checkbox",defaultChecked:d,name:o.id,id:n.key,value:n.key,className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),Z.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},Z.createElement("label",{htmlFor:n.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},n.value)))})),t?.hint&&Z.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))}import ge from"react";function go(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm);e.defaultValue&&!Hr(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 ge.createElement("div",null,ge.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),ge.createElement("div",{className:"app-sdk-mt-1 app-sdk-w-20"},ge.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&&ge.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 Hr(o){return/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(o?.toString())}import jr,{forwardRef as Gr}from"react";var vo=Gr(function(e,t){return jr.createElement("p",{className:"app-sdk-text-sm"},e.formField.label)});import ve from"react";function wo({formField:o,state:e}){let t=l(o.customForm);return ve.createElement("div",null,ve.createElement("label",{htmlFor:o.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},o.label),ve.createElement("div",{className:"app-sdk-mt-1"},ve.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&&ve.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))}import we,{forwardRef as Jr}from"react";var yo=Jr(function(e,t){let{formField:r}=e,a=`${r.id}-hint`,s=l(r.customForm);Wr(r.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for date field "${r.id}"`);let n=e.state||r.defaultValue?.toString();return we.createElement("div",null,we.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:r.id},r.label),we.createElement("div",{className:"app-sdk-mt-1"},we.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"date",defaultValue:n,id:r.id,name:r.id,"aria-describedby":a,"data-form-field-type":"date"})),s?.hint&&we.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 Wr(o){return new Date(o?.toString()).toString()!=="Invalid Date"}import ye from"react";function bo(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm);e.defaultValue&&!Yr(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 ye.createElement("div",null,ye.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),ye.createElement("div",{className:"app-sdk-mt-1"},ye.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&&ye.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 Rr(o){return new Date(o?.toString()).toString()!=="Invalid Date"}function Xr(o){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(o)}function Yr(o){if(!o.includes("T"))return!1;let[e,t]=o.split("T");return Rr(e)&&Xr(t)}import be,{forwardRef as qr}from"react";function He(o){return!Number.isNaN(Number(o?.toString()))}var xo=qr(function(e,t){let{formField:r}=e,a=`${r.id}-hint`,s=l(r.customForm);return He(r.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for decimal field "${r.id}"`),be.createElement("div",null,be.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:r.id},r.label),be.createElement("div",{className:"app-sdk-mt-1"},be.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&&be.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))});import xe from"react";function No(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm),a=o.state||(e.defaultValue?.toString()??"");return xe.createElement("div",null,xe.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),xe.createElement("div",{className:"app-sdk-mt-1"},xe.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&&xe.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))}import M,{forwardRef as Zr}from"react";var Fo=Zr(function({formField:e,state:t},r){let a=l(e.customForm),s=e.label,n=e.enumValues,d;switch(a?.displayAs){case"checkbox":let u;Array.isArray(t)&&t.length?u=t:u=(t||e.defaultValue?.toString())?.split(",")??[],d=M.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"},n?.map(k=>{let T=u.find(A=>A.trim()===k.id);return M.createElement("div",{key:k.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},M.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},M.createElement("input",{type:"checkbox",defaultChecked:T,name:e.id,id:k.id,value:k.id,className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),M.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},M.createElement("label",{htmlFor:k.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},k.name)))}));break;case"radio":d=M.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"},n?.map(k=>M.createElement("div",{key:k.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},M.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},M.createElement("input",{type:"radio",defaultChecked:(t||e.defaultValue)==k.id,name:e.id,id:k.id,value:k.id,className:"app-sdk-form-radio app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),M.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},M.createElement("label",{htmlFor:k.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},k.name)))));break;default:let f=t||n?.find(k=>k.id===e.defaultValue)?.id||"";d=M.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:k=>k.target.dataset.value=k.target.value,"data-value":f,"aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:f},M.createElement("option",{value:""},!f&&a?.placeholder),n?.map(k=>M.createElement("option",{key:k.id,value:k.id},k.name)));break}let i=a?.hint?M.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 M.createElement("div",null,M.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),d,i)});import je from"react";function Co(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm);return je.createElement("div",null,je.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),je.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&&je.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))}import Ne,{forwardRef as Kr}from"react";var Io=Kr(function({formField:e},t){let r=l(e.customForm),a;switch(r?.style){case"heading_1":a=Ne.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_2":a=Ne.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_3":a=Ne.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;default:a=Ne.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break}return Ne.createElement("div",{className:"app-sdk-header-form-field"},a)});import Qr from"react";function Po(o){let{formField:e}=o;return Qr.createElement("input",{className:"app-sdk-hidden",type:"hidden",id:e.id,value:e.defaultValue?.toString()||"",name:e.id,"data-form-field-type":"hidden"})}import Fe,{forwardRef as ea}from"react";var So=ea(function({formField:e,state:t},r){let a=l(e.customForm);return He(e.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for integer field "${e.id}"`),Fe.createElement("div",null,Fe.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),Fe.createElement("div",{className:"app-sdk-mt-1"},Fe.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&&Fe.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))});import Ce from"react";function Do(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm);e.defaultValue&&!oa(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 Ce.createElement("div",null,Ce.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Ce.createElement("div",{className:"app-sdk-mt-1"},Ce.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&&Ce.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 oa(o){return/^\d{4}-(0[1-9]|1[0-2])$/.test(o)}import ta from"isomorphic-dompurify";import{marked as Eo}from"marked";import ra,{forwardRef as aa}from"react";import{useEffect as sa,useState as na}from"react";var Bo=aa(function({formField:{defaultValue:e,label:t}},r){let[a,s]=na("");return sa(()=>{let n=Eo.parse(e?.toString()??t?.toString()??"",{renderer:new To,hooks:new Mo});s(n)},[e,t]),ra.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:a}})}),To=class extends Eo.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}},Mo=class extends Eo.Hooks{postprocess(e){return ta.sanitize(e,{ADD_ATTR:["target"]})}};import Ie from"react";function Oo(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm),a=o.state||(e.defaultValue?.toString()??"");return Ie.createElement("div",null,Ie.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Ie.createElement("div",{className:"app-sdk-mt-1"},Ie.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&&Ie.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))}import K from"react";function Uo({formField:o,state:e}){let t=l(o.customForm),r=t?.entries,a=`${o.id}-hint`;return K.createElement("div",null,K.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),K.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=>K.createElement("div",{key:s.key,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},K.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},K.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"})),K.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},K.createElement("label",{htmlFor:s.key,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},s.value))))),t?.hint&&K.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))}import ne,{useState as da}from"react";function Lo({formField:o,state:e}){let t=l(o.customForm),r=o.label,a=t?.min||0,s=t?.max||100,n=t?.step||1,d=e||o.defaultValue?.toString()||a.toString(),[i,u]=da(d),f=A=>{u(A.target.value)},k=ne.createElement("input",{className:C("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:n.toString(),defaultValue:d,onChange:f,"aria-describedby":t?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"range"}),T=t?.hint?ne.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 ne.createElement("div",null,ne.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},r),ne.createElement("div",{className:"app-sdk-mt-1 app-sdk-flex app-sdk-flex-row"},k,ne.createElement("span",{className:"app-sdk-mt-2 app-sdk-ml-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-text-color)]"},i)),T)}import de from"react";function Vo({formField:o,state:e}){let t=l(o.customForm),r=t?.entries,a=`${o.id}-hint`,s=e||r?.find(n=>n.key===o.defaultValue)?.key||"";return de.createElement("div",null,de.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),de.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:n=>n.target.dataset.value=n.target.value,"data-value":s,"aria-describedby":t?.hint?`${o.id}-hint`:void 0,"data-form-field-type":"select",defaultValue:s},de.createElement("option",{value:""},!s&&t?.placeholder),r?.map(n=>de.createElement("option",{key:n.key,value:n.key},n.value))),t?.hint&&de.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))}import ie,{forwardRef as ia}from"react";import Pe from"react";function Se(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm),a=o.state||(e.defaultValue?.toString()??"");return Pe.createElement("div",null,Pe.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Pe.createElement("div",{className:"app-sdk-mt-1"},Pe.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&&Pe.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 _o=ia(function({formField:e,state:t},r){let a=l(e.customForm);if(a?.multiline==="true")return ie.createElement(Se,{formField:e,state:t});let n=`${e.id}-hint`,d=t||(e.defaultValue?.toString()??"");return ie.createElement("div",null,ie.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),ie.createElement("div",{className:"app-sdk-mt-1"},ie.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:d,id:e.id,name:e.id,"aria-describedby":n,"data-form-field-type":"text",placeholder:a?.placeholder})),a?.hint&&ie.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))});import De from"react";function Ao({formField:o,state:e}){let t=l(o.customForm),r=`${o.id}-hint`;return De.createElement("div",null,De.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),De.createElement("div",{className:"app-sdk-mt-1"},De.createElement("input",{className:C("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&&De.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))}import Te from"react";function zo(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm);e.defaultValue&&!pa(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.createElement("div",null,Te.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Te.createElement("div",{className:"app-sdk-mt-1"},Te.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.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 pa(o){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(o)}import Me from"react";function $o(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm),a=o.state||(e.defaultValue?.toString()??"");return Me.createElement("div",null,Me.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Me.createElement("div",{className:"app-sdk-mt-1"},Me.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&&Me.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))}import Ee from"react";function Ho(o){let{formField:e}=o,t=`${e.id}-hint`,r=l(e.customForm);e.defaultValue&&!la(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 Ee.createElement("div",null,Ee.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},e.label),Ee.createElement("div",{className:"app-sdk-mt-1"},Ee.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&&Ee.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 la(o){return/^(\d{4})-W(0[1-9]|[1-4][0-9]|5[0-3])$/.test(o)}var wt=(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))(wt||{}),op={...ca.FlowNodeInstances.UserTaskFormFieldType,...wt},yt={boolean:fo,checkbox:ho,color:go,date:yo,email:No,enum:Fo,file:Co,hidden:Po,long:So,"datetime-local":bo,month:Do,number:xo,string:_o,paragraph:Bo,password:Oo,radio:Uo,range:Lo,select:Vo,header:Io,confirm:vo,tel:Ao,textarea:Se,time:zo,url:$o,week:Ho,custom:wo};var ha=ka(y.version,">=18.0.0 <19",{includePrerelease:!0}),Ft=ua(y.version)==null,xt=!Ft&&ma(y.version,"18.2.0")&&y.version.includes("canary"),Nt=class extends y.Component{};function zp(o){ha||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The React version is not supported!
8
8
  Version: ${y.version}`);let{userTaskConfig:e}=o.task,{formFields:t}=e,r=bt(),a=bt(null),s=new Map(t.map(p=>[p.id,{ref:y.createRef()}])),n=t.filter(p=>p.type==="confirm");n.length>1&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Warning while rendering UserTask "${o.task.flowNodeId}"!
9
9
  The UserTask has more than one confirm form field. Please use only one confirm form field per User Task.
10
10
 
@@ -21,4 +21,4 @@ Component Name: ${m.name} ${m.displayName??""}`),ba(m),N=m);let j=s.get(p.id)?.r
21
21
 
22
22
  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 Na(o,e,t){let r={};for(let s of o.keys()){let n=o.getAll(s);if(n[0]instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Use the raw FormData instance to process files instead.
23
23
 
24
- FormField: ${s} with ${n} `);continue}if(n.length===1?r[s]=n[0]:r[s]=n,r[s]==""&&delete r[s],r[s]){let d=e.find(i=>i.id===s)?.type;if(d==="boolean"){r[s]=r[s]==="on";continue}if(d==="confirm"){r[s]=JSON.parse(r[s]);continue}if(d==="number"){r[s]=parseFloat(r[s]);continue}if(d==="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,n)=>{if(typeof s.ref.current?.getValue=="function"){let d=s.ref.current.getValue();(typeof d=="boolean"||typeof d=="number"||typeof d=="string"||Array.isArray(d)||d==null||d?.toString()==="[object Object]")&&(r[n]=d)}}),r}import{Transition as Ja}from"@headlessui/react";import{getBusinessObject as Wa}from"bpmn-js/lib/util/ModelUtil";import{isEqual as Qo}from"lodash";import Ra from"next/dynamic";import I,{useCallback as Ge,useEffect as Je,useRef as Xa,useState as Q}from"react";import{createRoot as Ya}from"react-dom/client";import{BpmnType as X,FlowNodeInstanceState as Gt,ProcessInstanceState as Xe}from"@5minds/processcube_engine_sdk";import{Combobox as Fa,ComboboxInput as Ca,ComboboxOption as Ia,ComboboxOptions as Pa,Dialog as Sa,DialogBackdrop as Da,DialogPanel as Ta}from"@headlessui/react";import{UsersIcon as Ma}from"@heroicons/react/24/outline";import J,{useState as Ea}from"react";function Ct(o){let[e,t]=Ea(""),r=e===""?o.entries:o.entries.filter(a=>a.name.toLowerCase().includes(e.toLowerCase()));return J.createElement(Sa,{className:"app-sdk-relative app-sdk-z-50",open:o.isOpen,onClose:()=>{o.onClose(),t("")}},J.createElement(Da,{transition:!0,className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-gray-500 app-sdk-bg-opacity-25 app-sdk-transition-opacity data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"}),J.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-z-10 app-sdk-w-screen app-sdk-overflow-y-auto app-sdk-p-4 sm:app-sdk-p-6 md:app-sdk-p-20"},J.createElement(Ta,{transition:!0,className:"app-sdk-mx-auto app-sdk-max-w-xl app-sdk-transform app-sdk-rounded-xl app-sdk-bg-[color:var(--asdk-cmdp-background-color)] app-sdk-p-2 app-sdk-shadow-2xl app-sdk-ring-1 app-sdk-ring-black app-sdk-ring-opacity-5 app-sdk-transition-all data-[closed]:app-sdk-scale-95 data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"},J.createElement(Fa,{onChange:a=>{a&&o.onConfirm(a)}},J.createElement(Ca,{autoFocus:!0,className:"app-sdk-w-full app-sdk-ring-offset-2 app-sdk-rounded-md app-sdk-border-0 app-sdk-bg-[color:var(--asdk-cmdp-input-color)] app-sdk-px-4 app-sdk-py-2.5 app-sdk-text-[color:var(--asdk-cmdp-text-color)] sm:app-sdk-text-sm",placeholder:o.placeholder,onChange:a=>t(a.target.value),onBlur:()=>t("")}),r.length>0&&J.createElement(Pa,{static:!0,className:"app-sdk-mb-2 app-sdk-max-h-72 app-sdk-scroll-py-2 app-sdk-overflow-y-auto app-sdk-py-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-cmdp-text-color)]"},r.map(a=>J.createElement(Ia,{key:a.id,value:a,className:({focus:s})=>C("app-sdk-cursor-default app-sdk-select-none app-sdk-rounded-md app-sdk-px-4 app-sdk-py-2",s&&"app-sdk-bg-[color:var(--asdk-cmdp-focus-color)] app-sdk-text-white")},a.name))),e!==""&&r.length===0&&J.createElement("div",{className:"app-sdk-px-4 app-sdk-py-14 app-sdk-text-center sm:app-sdk-px-14"},J.createElement(Ma,{className:"app-sdk-mx-auto app-sdk-h-6 app-sdk-w-6 app-sdk-text-gray-400","aria-hidden":"true"}),J.createElement("p",{className:"app-sdk-mt-4 app-sdk-text-sm app-sdk-text-[color:var(--asdk-cmdp-text-color)]"},o.noResultsText||"No entries found using that search term."))))))}import Ba from"react";function R({title:o,children:e,className:t,onClick:r}){return Ba.createElement("button",{title:o,className:C(t,"app-sdk-appearance-none app-sdk-border-none app-sdk-pointer-events-auto app-sdk-cursor-pointer app-sdk-flex app-sdk-w-6 app-sdk-min-w-6 app-sdk-max-w-6 app-sdk-h-4 app-sdk-text-white app-sdk-bg-cyan-800 app-sdk-rounded app-sdk-text-xs app-sdk-items-center app-sdk-justify-center"),onClick:r},e)}import Oa from"react";function It({width:o,children:e}){return Oa.createElement("div",{className:"app-sdk-flex app-sdk-gap-1 app-sdk-justify-center app-sdk-flex-wrap",style:{width:`${o}px`}},e)}import Jo from"react";function Pt({isSender:o,onClick:e}){return Jo.createElement(R,{title:`Go to ${o?"Target":"Source"}`,onClick:e},Jo.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Jo.createElement("path",{d:"M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"})))}import Wo from"react";function St({onClick:o}){return Wo.createElement(R,{onClick:o,title:"List Instances"},Wo.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Wo.createElement("path",{d:"M24 56c0-13.3 10.7-24 24-24H80c13.3 0 24 10.7 24 24V176h16c13.3 0 24 10.7 24 24s-10.7 24-24 24H40c-13.3 0-24-10.7-24-24s10.7-24 24-24H56V80H48C34.7 80 24 69.3 24 56zM86.7 341.2c-6.5-7.4-18.3-6.9-24 1.2L51.5 357.9c-7.7 10.8-22.7 13.3-33.5 5.6s-13.3-22.7-5.6-33.5l11.1-15.6c23.7-33.2 72.3-35.6 99.2-4.9c21.3 24.4 20.8 60.9-1.1 84.7L86.8 432H120c13.3 0 24 10.7 24 24s-10.7 24-24 24H32c-9.5 0-18.2-5.6-22-14.4s-2.1-18.9 4.3-25.9l72-78c5.3-5.8 5.4-14.6 .3-20.5zM224 64H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32z"})))}import Ro from"react";function Dt({flowNodeId:o,flowNodeInstanceId:e,flowNodeType:t,processInstanceId:r,onPlay:a}){return Ro.createElement(R,{title:"Run Task",className:"asdk-pii-play-button",onClick:()=>{typeof a=="function"?new Promise(async(s,n)=>{try{await a({flowNodeId:o,processInstanceId:r,flowNodeInstanceId:e,taskType:t}),s(!0)}catch(d){n(d)}}):import("./actions-C6ZNF7JX.mjs").then(({finishTask:s})=>s(e,t))}},Ro.createElement("svg",{className:"!app-sdk-fill-none !app-sdk-stroke-white !app-sdk-stroke-[2px]",width:"14px",height:"14px",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},Ro.createElement("path",{d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z"})))}import Ua from"react";function Tt(){return Ua.createElement("div",{className:"app-sdk-h-6 app-sdk-w-[1px] app-sdk-my-auto app-sdk-border-l app-sdk-border-r-0 app-sdk-border-t-0 app-sdk-border-b-0 app-sdk-border-collapse app-sdk-border-solid app-sdk-border-gray-900 dark:app-sdk-border-gray-300"})}import Mt from"react";function Et({children:o}){return Mt.createElement("div",{className:"app-sdk-w-full app-sdk-absolute app-sdk-top-0 app-sdk-left-0 app-sdk-z-40 app-sdk-pt-2 app-sdk-pointer-events-none"},Mt.createElement("div",{className:"app-sdk-flex app-sdk-w-fit app-sdk-mx-auto app-sdk-rounded-full app-sdk-px-3 app-sdk-py-2 app-sdk-gap-1 app-sdk-border app-sdk-border-solid app-sdk-bg-white/95 dark:app-sdk-bg-black/85 dark:app-sdk-border-none app-sdk-pointer-events-auto"},o))}import Xo from"react";import La from"react";function oe({title:o,disabled:e,children:t,onClick:r}){return La.createElement("button",{title:`${o??""}${e?" (disabled)":""}`,className:C("app-sdk-appearance-none app-sdk-border-none app-sdk-bg-transparent app-sdk-flex app-sdk-h-full app-sdk-my-auto app-sdk-rounded-full app-sdk-p-1",e?"app-sdk-cursor-not-allowed":"app-sdk-cursor-pointer hover:app-sdk-bg-app-sdk-gray-100/40"),onClick:r,disabled:e},t)}function Bt({onClick:o}){return Xo.createElement(oe,{title:"Refresh Process Instance Data",onClick:o},Xo.createElement("svg",{className:"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",width:"1.25rem",height:"1.25rem",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Xo.createElement("path",{d:"M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z"})))}import Yo from"react";function Ot({onClick:o}){return Yo.createElement(R,{title:"Retry Process Here",onClick:o},Yo.createElement("svg",{className:"!app-sdk-fill-white !app-sdk-stroke-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Yo.createElement("path",{d:"M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z"})))}import{Description as Ut,Dialog as Va,DialogBackdrop as _a,DialogPanel as Aa,DialogTitle as za}from"@headlessui/react";import $a from"@monaco-editor/react";import H,{useEffect as Ha,useState as ja}from"react";function Lt(o){let[e,t]=ja("");return Ha(()=>{t(JSON.stringify(o.flowNodeInstance?.startToken??o.processInstance.startToken??{},null,2))},[o.flowNodeInstance,o.processInstance]),H.createElement(Va,{open:o.isOpen,onClose:o.onClose,className:"app-sdk-relative app-sdk-z-50"},H.createElement(_a,{transition:!0,className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-gray-500 app-sdk-bg-opacity-25 app-sdk-transition-opacity data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"},H.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-flex app-sdk-w-screen app-sdk-items-center app-sdk-justify-center app-sdk-p-4"},H.createElement(Aa,{className:"app-sdk-max-w-lg app-sdk-space-y-4 app-sdk-shadow-2xl app-sdk-bg-[color:var(--asdk-rd-background-color)] app-sdk-p-8 app-sdk-rounded-xl app-sdk-text-[color:var(--asdk-rd-text-color)]"},H.createElement(za,{className:"app-sdk-font-bold"},"Retry Process Instance"),H.createElement(Ut,{className:"app-sdk-break-words"},"Are you sure you want to retry the Process Instance",o.flowNodeInstance&&` at this Flow Node (${o.flowNodeInstance.flowNodeId})`,"?"),H.createElement(Ut,null,"You can provide a new start token:"),H.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},H.createElement("label",null,"Start Token"),H.createElement($a,{height:"7rem",defaultLanguage:"json",defaultValue:e,onChange:r=>t(r??""),options:{lineNumbersMinChars:2,readOnly:!1,minimap:{enabled:!1},formatOnPaste:!0,formatOnType:!0}})),H.createElement("div",{className:"app-sdk-flex app-sdk-justify-end app-sdk-gap-2"},H.createElement("button",{className:"app-sdk-bg-[color:var(--asdk-rd-secondary-button-color)] app-sdk-text-[color:var(--asdk-rd-secondary-button-text-color)] app-sdk-rounded-md app-sdk-p-2 app-sdk-border hover:app-sdk-cursor-pointer hover:app-sdk-bg-[color:var(--asdk-rd-secondary-button-hover-color)]",onClick:o.onClose},"Cancel"),H.createElement("button",{className:"app-sdk-bg-[color:var(--asdk-rd-primary-button-color)] app-sdk-text-[color:var(--asdk-rd-primary-button-text-color)] app-sdk-rounded-md app-sdk-p-2 app-sdk-border-0 hover:app-sdk-cursor-pointer hover:app-sdk-bg-[color:var(--asdk-rd-primary-button-hover-color)]",onClick:async()=>{let r=JSON.parse(e);await(await import("./actions-C6ZNF7JX.mjs")).retryProcess(o.processInstance.processInstanceId,o.flowNodeInstance?.flowNodeInstanceId,r),o.onClose()}},"Retry"))))))}import qo from"react";function Vt({disabled:o,onClick:e}){return qo.createElement(oe,{title:"Retry Process",disabled:o,onClick:e},qo.createElement("svg",{className:o?"!app-sdk-stroke-app-sdk-gray-200 dark:!app-sdk-stroke-app-sdk-gray-400 !app-sdk-fill-app-sdk-gray-200 dark:!app-sdk-fill-app-sdk-gray-400":"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",width:"1.25rem",height:"1.25rem",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},qo.createElement("path",{d:"M105.1 202.6c7.7-21.8 20.2-42.3 37.8-59.8c62.5-62.5 163.8-62.5 226.3 0L386.3 160H352c-17.7 0-32 14.3-32 32s14.3 32 32 32H463.5c0 0 0 0 0 0h.4c17.7 0 32-14.3 32-32V80c0-17.7-14.3-32-32-32s-32 14.3-32 32v35.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5zM39 289.3c-5 1.5-9.8 4.2-13.7 8.2c-4 4-6.7 8.8-8.1 14c-.3 1.2-.6 2.5-.8 3.8c-.3 1.7-.4 3.4-.4 5.1V432c0 17.7 14.3 32 32 32s32-14.3 32-32V396.9l17.6 17.5 0 0c87.5 87.4 229.3 87.4 316.7 0c24.4-24.4 42.1-53.1 52.9-83.7c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8c-62.5 62.5-163.8 62.5-226.3 0l-.1-.1L125.6 352H160c17.7 0 32-14.3 32-32s-14.3-32-32-32H48.4c-1.6 0-3.2 .1-4.8 .3s-3.1 .5-4.6 1z"})))}import Zo from"react";function _t({processInstanceId:o,disabled:e}){return Zo.createElement(oe,{title:"Terminate Process",disabled:e,onClick:()=>import("./actions-C6ZNF7JX.mjs").then(({terminateProcess:t})=>t(o))},Zo.createElement("svg",{className:e?"!app-sdk-stroke-app-sdk-gray-200 dark:!app-sdk-stroke-app-sdk-gray-400 !app-sdk-fill-app-sdk-gray-200 dark:!app-sdk-fill-app-sdk-gray-400":"!app-sdk-stroke-red-600 !app-sdk-fill-red-600",width:"1.25rem",height:"1.25rem",viewBox:"0 0 516 516",xmlns:"http://www.w3.org/2000/svg"},Zo.createElement("path",{d:"M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm192-96l128 0c17.7 0 32 14.3 32 32l0 128c0 17.7-14.3 32-32 32l-128 0c-17.7 0-32-14.3-32-32l0-128c0-17.7 14.3-32 32-32z"})))}import{Editor as At}from"@monaco-editor/react";import V,{useEffect as Ko,useMemo as zt,useState as $t}from"react";function Ht({processInstance:o,flowNodeInstances:e}){let[t,r]=$t(),[a,s]=$t(!0);Ko(()=>(a&&e.length>1&&s(!1),()=>{if(a)return;let i=new URLSearchParams(window.location.search);i.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${i.toString()}${window.location.hash}`)}),[a,e]),Ko(()=>{if(e.length<2){r(void 0);return}let u=new URLSearchParams(window.location.search).get("tokenInspectorFocus");u||r(e[0]);let f=e.find(k=>k.flowNodeId===u);f&&r(f)},[e]),Ko(()=>{if(a)return;let i=new URLSearchParams(window.location.search);t?i.set("tokenInspectorFocus",t.flowNodeId):i.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${i.toString()}${window.location.hash}`)},[t,a]);let n=zt(()=>e.length===1?JSON.stringify(e[0].startToken,null,2):JSON.stringify(t?t.startToken:o?.startToken??{},null,2),[t,e,o]),d=zt(()=>e.length===1?JSON.stringify(e[0].endToken,null,2):JSON.stringify(t?t.endToken:o?.endToken??{},null,2),[t,e,o]);return V.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-h-full app-sdk-rounded-3xl app-sdk-p-4 app-sdk-gap-1 app-sdk-bg-white/95 dark:app-sdk-bg-black/85 dark:app-sdk-text-white app-sdk-border app-sdk-border-solid dark:app-sdk-border-none"},V.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-4"},e.length===0?V.createElement("label",{className:"app-sdk-break-all"},"Process: ",o.processModelId,o.processModelName&&` (${o.processModelName})`):e.length===1?V.createElement("label",{className:"app-sdk-break-all"},"Flow Node: ",e[0].flowNodeId,e[0].flowNodeName&&` (${e[0].flowNodeName})`):V.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1 app-sdk-w-full"},V.createElement("label",null,"Select Flow Node:"),V.createElement("select",{className:"app-sdk-max-w-full app-sdk-bg-transparent app-sdk-border app-sdk-rounded-md app-sdk-py-2 app-sdk-px-1 app-sdk-text-ellipsis",onChange:i=>r(e.find(u=>u.flowNodeId===i.target.value)),value:t?.flowNodeId??e[0].flowNodeId},e.map(i=>V.createElement("option",{key:`token-inspector-option-${i.flowNodeId}`,value:i.flowNodeId},`${i.flowNodeName?`${i.flowNodeName} (${i.flowNodeId})`:i.flowNodeId}`)))),V.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-3"},V.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},V.createElement("label",null,"Start Token"),V.createElement(At,{height:"7rem",defaultLanguage:"json",value:n,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})),V.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},V.createElement("label",null,"End Token"),V.createElement(At,{height:"7rem",defaultLanguage:"json",value:d,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})))))}import Oe,{useState as Ga}from"react";function jt(o){let[e,t]=Ga(o.isOpen??!1);return Oe.createElement(oe,{disabled:o.disabled,title:"View Process Tokens",onClick:()=>{e?o.close():o.open(),t(r=>!r)}},e?Oe.createElement("svg",{className:"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",xmlns:"http://www.w3.org/2000/svg",width:"1.25rem",height:"1.25rem",viewBox:"0 0 384 512"},Oe.createElement("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"})):Oe.createElement("svg",{className:"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",xmlns:"http://www.w3.org/2000/svg",width:"1.25rem",height:"1.25rem",viewBox:"0 0 448 512"},Oe.createElement("path",{d:"M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"})))}var Jt=[Xe.error,Xe.terminated],qa=[X.manualTask,X.userTask,X.untypedTask],Wt=[X.endEvent,X.intermediateThrowEvent,X.sendTask],Za=[X.startEvent,X.intermediateCatchEvent,X.boundaryEvent,X.receiveTask],We={isOpen:!1,placeholder:"",entries:[],onConfirm:()=>{},onClose:()=>{}},Ka={isOpen:!1},Re="asdk-buttons";function Qa(o){let{processInstanceId:e}=o,[t,r]=Q(We),[a,s]=Q(Ka),[n,d]=Q(!1),[i,u]=Q(),[f,k]=Q([]),[T,A]=Q([]),[p,m]=Q(new Map),[N,j]=Q([]),[Rt,et]=Q([]),g=Xa(null),Xt=Ge(async()=>{let c=await import("./actions-C6ZNF7JX.mjs"),h=c.getProcessInstance(e),L=c.getFlowNodeInstances(e),[v,E]=await Promise.all([h,L]),b=await c.getTriggeredFlowNodeInstances(E.map(x=>x.flowNodeInstanceId));u(v),k(E),A(b);let P=new URLSearchParams(window.location.search);P.get("tokenInspector")==="true"&&d(!0);let W=P.getAll("instance"),Y=E.filter(x=>W.includes(x.flowNodeInstanceId));Y.length!==W.length&&(P.delete("instance"),Y.forEach(x=>P.append("instance",x.flowNodeInstanceId)),window.history.replaceState({},"",`${window.location.pathname}?${P.toString()}`));let z=new Map;E.forEach(x=>{z.has(x.flowNodeId)||z.set(x.flowNodeId,x.flowNodeInstanceId)}),Y.forEach(x=>z.set(x.flowNodeId,x.flowNodeInstanceId)),m(z)},[e]),Yt=Ge(c=>{let h=Wa(c),L=f.some(E=>E.flowNodeId===h.targetRef.id),v=f.some(E=>E.flowNodeId===h.sourceRef.id&&E.state===Gt.finished);return L&&v},[f]),Ue=Ge(async()=>{let c=g.current?.bpmnViewerRef,h=c?.getOverlays();if(!c||!h)return;let L=await import("./actions-C6ZNF7JX.mjs"),v=L.getProcessInstance(e),E=L.getFlowNodeInstances(e),[b,P]=await Promise.all([v,E]),pe=await L.getTriggeredFlowNodeInstances(P.map(S=>S.flowNodeInstanceId));if(Qo(b,i)&&Qo(P,f)&&Qo(pe,T))return;b.state!==i?.state&&h.clear();for(let[S,Le]of p.entries()){let le=f.find(B=>B.flowNodeInstanceId===Le);if(!le)continue;let Ve=P.find(B=>B.flowNodeId===S);Ve?.flowNodeInstanceId===Le&&le.state===Ve.state||(c.removeMarker(S,`asdk-pii-flow-node-instance-state--${le.state}`),h.remove({element:S,type:Re}))}u(b),k(P),A(pe);let W=new URLSearchParams(window.location.search),Y=W.getAll("instance"),z=P.filter(S=>Y.includes(S.flowNodeInstanceId));z.length!==Y.length&&(W.delete("instance"),z.forEach(S=>W.append("instance",S.flowNodeInstanceId)),window.history.replaceState({},"",`${window.location.pathname}?${W.toString()}`));let x=new Map;P.forEach(S=>{x.has(S.flowNodeId)||x.set(S.flowNodeId,S.flowNodeInstanceId)}),z.forEach(S=>x.set(S.flowNodeId,S.flowNodeInstanceId)),m(x)},[g.current,i,p,f,e]),qt=Ge((c,h)=>{let L=g.current?.bpmnViewerRef,v=L?.getOverlays();if(!L||!v)return;let E=v.get({element:c.id,type:Re});if(Array.isArray(E)&&E.length>0)return;let b=h.find(B=>B.flowNodeInstanceId===p.get(B.flowNodeId));if(!b)return;let P=o.showFlowNodeExecutionCount&&h.length>1,pe=o.showFlowNodeInstancesListButton&&h.length>1,W=o.showFinishTaskButton&&qa.includes(c.type)&&b.state===Gt.suspended,Y=o.showRetryFlowNodeInstanceButton&&i&&Jt.includes(i.state),z=!1,x=[];if(o.showGoToFlowNodeButton&&Za.includes(c.type)){let B=b.triggeredByFlowNodeInstance;z=B!==void 0,x=B?[B]:[]}else if(o.showGoToFlowNodeButton&&Wt.includes(c.type)){let B=T.filter(O=>O.triggeredByFlowNodeInstance?.flowNodeInstanceId===b.flowNodeInstanceId);z=B.length>0,x=B}if(!P&&!W&&!Y&&!z)return;let S=c.width<52,Le=v.add(c.id,Re,{position:{bottom:-7,left:S?-c.width/2:0},html:"<div></div>"}),le=v.get(Le),Ve=Ya(le.htmlContainer),Ye=h.indexOf(b)===0,qe=h.length-h.indexOf(b);Ve.render(I.createElement(It,{width:S?c.width*2:c.width},P&&I.createElement(R,{className:"app-sdk-select-none !app-sdk-cursor-default !app-sdk-bg-slate-500",title:`Flow Node was executed ${h.length} times.${Ye?"":` You are viewing instance #${qe}.`}`},`${Ye?"":`${qe}/`}${h.length}`),pe&&I.createElement(St,{onClick:()=>{let B=h.map($=>({id:$.flowNodeInstanceId,name:`${$.startedAt?.toLocaleString("en-GB")} - ${$.flowNodeInstanceId} - ${$.state}${$.flowNodeInstanceId===b.flowNodeInstanceId?" (selected)":""}`,...$}));r({isOpen:!0,placeholder:"Select instance to display:",entries:B,onConfirm:async $=>{let Ze=h.find(Ke=>Ke.flowNodeInstanceId===$.flowNodeInstanceId);if(!Ze)return;L.removeMarker(b.flowNodeId,`asdk-pii-flow-node-instance-state--${b.state}`),v.remove({element:c.id,type:Re});let _e=new URLSearchParams(window.location.search);_e.getAll("instance").includes(b.flowNodeInstanceId)&&_e.delete("instance",b.flowNodeInstanceId),h.indexOf(Ze)!==0&&_e.append("instance",Ze.flowNodeInstanceId),window.history.replaceState({},"",`${window.location.pathname}?${_e.toString()}${window.location.hash}`),m(Ke=>new Map(Ke).set(c.id,$.flowNodeInstanceId)),r(We)},onClose:()=>r(We)})}}),z&&I.createElement(Pt,{isSender:Wt.includes(c.type),onClick:()=>{if(x.length===1){let O=new URLSearchParams;O.append("selected",x[0].flowNodeId),O.append("instance",x[0].flowNodeInstanceId),window.location.href=`${x[0].processInstanceId}?${O.toString()}`;return}let B=x.map(O=>({id:O.flowNodeInstanceId,name:`${O.startedAt?.toLocaleString("en-GB")} - ${O.flowNodeId}${O.flowNodeName?` - ${O.flowNodeName}`:""}`,...O}));r({isOpen:!0,placeholder:"Select target to go to:",entries:B,onConfirm:O=>{let $=new URLSearchParams;$.append("selected",O.flowNodeId),$.append("instance",O.flowNodeInstanceId),window.location.href=`${O.processInstanceId}?${$.toString()}`},onClose:()=>r(We)})}}),W&&I.createElement(Dt,{flowNodeId:b.flowNodeId,flowNodeInstanceId:b.flowNodeInstanceId,flowNodeType:c.type,processInstanceId:b.processInstanceId,onPlay:o.onFinish}),Y&&I.createElement(Ot,{onClick:()=>{s({isOpen:!0,flowNodeInstance:b})}})))},[g.current,i,f,T,p]);if(Je(()=>{Xt()},[e]),Je(()=>{if(i?.state===Xe.finished){Ue();return}let c=setInterval(Ue,1e3);return()=>clearInterval(c)},[Ue,i?.state]),Je(()=>{if(N.length===0||f.length===0){et([]);return}let c=f.filter(h=>{let L=N.includes(h.flowNodeId),v=p.get(h.flowNodeId)===h.flowNodeInstanceId;return L&&v});if(c.length===0){let h=new URLSearchParams(window.location.search);h.delete("tokenInspectorFocus"),window.history.replaceState({},"",`${window.location.pathname}?${h.toString()}${window.location.hash}`)}et(c)},[f,N,p]),Je(()=>{if(!i?.xml)return;let c=g.current?.bpmnViewerRef,h=c?.getElementRegistry();!c||!h||c.onImportDone(()=>{let L=new Set(f.map(v=>v.flowNodeId));h.forEach(v=>{if(v.type==="bpmn:SequenceFlow"){Yt(v)?c.addMarker(v.id,"asdk-pii-sequence-flow-finished"):c.hasMarker(v.id,"asdk-pii-sequence-flow-finished")&&c.removeMarker(v.id,"asdk-pii-sequence-flow-finished");return}if(!L.has(v.id))return;let E=f.filter(P=>P.flowNodeId===v.id),b=E.find(P=>P.flowNodeInstanceId===p.get(P.flowNodeId));b&&(c.hasMarker(v.id,"asdk-pii-flow-node-instance-state")||c.addMarker(v.id,"asdk-pii-flow-node-instance-state"),c.hasMarker(v.id,`asdk-pii-flow-node-instance-state--${b.state}`)||c.addMarker(v.id,`asdk-pii-flow-node-instance-state--${b.state}`),qt(v,E))})})},[g.current,i,f,T,p]),!i?.xml)return o.loadingComponent?o.loadingComponent:I.createElement("div",{className:"app-sdk-absolute app-sdk-w-screen app-sdk-h-screen app-sdk-flex"},I.createElement("div",{className:"app-sdk-m-auto"},"Fetching diagram..."));let Zt=o.showProcessRefreshButton||o.showProcessRetryButton||o.showProcessTerminateButton||o.showTokenInspectorButton,Kt=o.showTokenInspectorButton&&(o.showProcessRefreshButton||o.showProcessRetryButton||o.showProcessTerminateButton);return I.createElement("div",{className:"app-sdk-relative app-sdk-w-full app-sdk-h-full"},I.createElement(Ct,{...t}),(o.showRetryFlowNodeInstanceButton||o.showProcessRetryButton)&&I.createElement(Lt,{...a,processInstance:i,onClose:()=>s(c=>({...c,isOpen:!1}))}),Zt&&I.createElement(Et,null,o.showProcessRefreshButton&&I.createElement(Bt,{onClick:Ue}),o.showProcessRetryButton&&I.createElement(Vt,{onClick:()=>s({isOpen:!0}),disabled:!Jt.includes(i.state)}),o.showProcessTerminateButton&&I.createElement(_t,{processInstanceId:e,disabled:i.state!==Xe.running}),Kt&&I.createElement(Tt,null),o.showTokenInspectorButton&&I.createElement(jt,{isOpen:n,open:()=>{let c=new URLSearchParams(window.location.search);c.set("tokenInspector","true"),window.history.replaceState({},"",`${window.location.pathname}?${c.toString()}${window.location.hash}`),d(!0)},close:()=>{let c=new URLSearchParams(window.location.search);c.delete("tokenInspector"),window.history.replaceState({},"",`${window.location.pathname}?${c.toString()}${window.location.hash}`),d(!1)}})),I.createElement(Ja,{show:n},I.createElement("div",{className:"app-sdk-transition app-sdk-duration-200 data-[closed]:app-sdk-opacity-0 app-sdk-w-1/4 app-sdk-min-w-64 app-sdk-absolute app-sdk-top-0 app-sdk-right-0 app-sdk-z-40 app-sdk-pt-2 app-sdk-pr-2"},I.createElement(Ht,{processInstance:i,flowNodeInstances:Rt}))),I.createElement(to,{xml:i.xml,ref:g,setSelectedElementIds:j}))}var fc=Ra(()=>Promise.resolve(Qa),{ssr:!1});export{Qe as BPMNViewer,cs as BPMNViewerNextJS,fo as BooleanFormField,vt as BpmnViewerComponent,ho as CheckboxFormField,go as ColorFormField,vo as ConfirmFormField,wo as CustomFormField,yo as DateFormField,bo as DatetimeLocalFormField,xo as DecimalFormField,to as DiagramDocumentationInspector,Bs as DiagramDocumentationInspectorNextJS,eo as DocumentationViewer,As as DropdownMenu,zs as DropdownMenuItem,Ws as DynamicLink,$p as DynamicUi,Nt as DynamicUiComponent,No as EmailFormField,Fo as EnumFormField,Co as FileFormField,uo as FlowNode,yt as FormFieldComponentMap,Io as HeaderFormField,Po as HiddenFormField,So as IntegerFormField,Do as MonthFormField,Bo as ParagraphFormField,Oo as PasswordFormField,Qa as ProcessInstanceInspector,fc as ProcessInstanceInspectorNextJS,Uo as RadioFormField,Lo as RangeFormField,Vo as SelectFormField,Ae as SplitterLayout,_o as StringFormField,Ao as TelFormField,Se as TextareaFormField,zo as TimeFormField,$o as UrlFormField,Ho as WeekFormField};
24
+ FormField: ${s} with ${n} `);continue}if(n.length===1?r[s]=n[0]:r[s]=n,r[s]==""&&delete r[s],r[s]){let d=e.find(i=>i.id===s)?.type;if(d==="boolean"){r[s]=r[s]==="on";continue}if(d==="confirm"){r[s]=JSON.parse(r[s]);continue}if(d==="number"){r[s]=parseFloat(r[s]);continue}if(d==="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,n)=>{if(typeof s.ref.current?.getValue=="function"){let d=s.ref.current.getValue();(typeof d=="boolean"||typeof d=="number"||typeof d=="string"||Array.isArray(d)||d==null||d?.toString()==="[object Object]")&&(r[n]=d)}}),r}import{Transition as Ja}from"@headlessui/react";import{getBusinessObject as Wa}from"bpmn-js/lib/util/ModelUtil";import{isEqual as Qo}from"lodash";import Ra from"next/dynamic";import I,{useCallback as Ge,useEffect as Je,useRef as Xa,useState as Q}from"react";import{createRoot as Ya}from"react-dom/client";import{BpmnType as X,FlowNodeInstanceState as Gt,ProcessInstanceState as Xe}from"@5minds/processcube_engine_sdk";import{Combobox as Fa,ComboboxInput as Ca,ComboboxOption as Ia,ComboboxOptions as Pa,Dialog as Sa,DialogBackdrop as Da,DialogPanel as Ta}from"@headlessui/react";import{UsersIcon as Ma}from"@heroicons/react/24/outline";import J,{useState as Ea}from"react";function Ct(o){let[e,t]=Ea(""),r=e===""?o.entries:o.entries.filter(a=>a.name.toLowerCase().includes(e.toLowerCase()));return J.createElement(Sa,{className:"app-sdk-relative app-sdk-z-50",open:o.isOpen,onClose:()=>{o.onClose(),t("")}},J.createElement(Da,{transition:!0,className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-gray-500 app-sdk-bg-opacity-25 app-sdk-transition-opacity data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"}),J.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-z-10 app-sdk-w-screen app-sdk-overflow-y-auto app-sdk-p-4 sm:app-sdk-p-6 md:app-sdk-p-20"},J.createElement(Ta,{transition:!0,className:"app-sdk-mx-auto app-sdk-max-w-xl app-sdk-transform app-sdk-rounded-xl app-sdk-bg-[color:var(--asdk-cmdp-background-color)] app-sdk-p-2 app-sdk-shadow-2xl app-sdk-ring-1 app-sdk-ring-black app-sdk-ring-opacity-5 app-sdk-transition-all data-[closed]:app-sdk-scale-95 data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"},J.createElement(Fa,{onChange:a=>{a&&o.onConfirm(a)}},J.createElement(Ca,{autoFocus:!0,className:"app-sdk-w-full app-sdk-ring-offset-2 app-sdk-rounded-md app-sdk-border-0 app-sdk-bg-[color:var(--asdk-cmdp-input-color)] app-sdk-px-4 app-sdk-py-2.5 app-sdk-text-[color:var(--asdk-cmdp-text-color)] sm:app-sdk-text-sm",placeholder:o.placeholder,onChange:a=>t(a.target.value),onBlur:()=>t("")}),r.length>0&&J.createElement(Pa,{static:!0,className:"app-sdk-mb-2 app-sdk-max-h-72 app-sdk-scroll-py-2 app-sdk-overflow-y-auto app-sdk-py-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-cmdp-text-color)]"},r.map(a=>J.createElement(Ia,{key:a.id,value:a,className:({focus:s})=>C("app-sdk-cursor-default app-sdk-select-none app-sdk-rounded-md app-sdk-px-4 app-sdk-py-2",s&&"app-sdk-bg-[color:var(--asdk-cmdp-focus-color)] app-sdk-text-white")},a.name))),e!==""&&r.length===0&&J.createElement("div",{className:"app-sdk-px-4 app-sdk-py-14 app-sdk-text-center sm:app-sdk-px-14"},J.createElement(Ma,{className:"app-sdk-mx-auto app-sdk-h-6 app-sdk-w-6 app-sdk-text-gray-400","aria-hidden":"true"}),J.createElement("p",{className:"app-sdk-mt-4 app-sdk-text-sm app-sdk-text-[color:var(--asdk-cmdp-text-color)]"},o.noResultsText||"No entries found using that search term."))))))}import Ba from"react";function R({title:o,children:e,className:t,onClick:r}){return Ba.createElement("button",{title:o,className:C(t,"app-sdk-appearance-none app-sdk-border-none app-sdk-pointer-events-auto app-sdk-cursor-pointer app-sdk-flex app-sdk-w-6 app-sdk-min-w-6 app-sdk-max-w-6 app-sdk-h-4 app-sdk-text-white app-sdk-bg-cyan-800 app-sdk-rounded app-sdk-text-xs app-sdk-items-center app-sdk-justify-center"),onClick:r},e)}import Oa from"react";function It({width:o,children:e}){return Oa.createElement("div",{className:"app-sdk-flex app-sdk-gap-1 app-sdk-justify-center app-sdk-flex-wrap",style:{width:`${o}px`}},e)}import Jo from"react";function Pt({isSender:o,onClick:e}){return Jo.createElement(R,{title:`Go to ${o?"Target":"Source"}`,onClick:e},Jo.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Jo.createElement("path",{d:"M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"})))}import Wo from"react";function St({onClick:o}){return Wo.createElement(R,{onClick:o,title:"List Instances"},Wo.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Wo.createElement("path",{d:"M24 56c0-13.3 10.7-24 24-24H80c13.3 0 24 10.7 24 24V176h16c13.3 0 24 10.7 24 24s-10.7 24-24 24H40c-13.3 0-24-10.7-24-24s10.7-24 24-24H56V80H48C34.7 80 24 69.3 24 56zM86.7 341.2c-6.5-7.4-18.3-6.9-24 1.2L51.5 357.9c-7.7 10.8-22.7 13.3-33.5 5.6s-13.3-22.7-5.6-33.5l11.1-15.6c23.7-33.2 72.3-35.6 99.2-4.9c21.3 24.4 20.8 60.9-1.1 84.7L86.8 432H120c13.3 0 24 10.7 24 24s-10.7 24-24 24H32c-9.5 0-18.2-5.6-22-14.4s-2.1-18.9 4.3-25.9l72-78c5.3-5.8 5.4-14.6 .3-20.5zM224 64H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32z"})))}import Ro from"react";function Dt({flowNodeId:o,flowNodeInstanceId:e,flowNodeType:t,processInstanceId:r,onPlay:a}){return Ro.createElement(R,{title:"Run Task",className:"asdk-pii-play-button",onClick:()=>{typeof a=="function"?new Promise(async(s,n)=>{try{await a({flowNodeId:o,processInstanceId:r,flowNodeInstanceId:e,taskType:t}),s(!0)}catch(d){n(d)}}):import("./actions-C6ZNF7JX.mjs").then(({finishTask:s})=>s(e,t))}},Ro.createElement("svg",{className:"!app-sdk-fill-none !app-sdk-stroke-white !app-sdk-stroke-[2px]",width:"14px",height:"14px",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},Ro.createElement("path",{d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z"})))}import Ua from"react";function Tt(){return Ua.createElement("div",{className:"app-sdk-h-6 app-sdk-w-[1px] app-sdk-my-auto app-sdk-border-l app-sdk-border-r-0 app-sdk-border-t-0 app-sdk-border-b-0 app-sdk-border-collapse app-sdk-border-solid app-sdk-border-gray-900 dark:app-sdk-border-gray-300"})}import Mt from"react";function Et({children:o}){return Mt.createElement("div",{className:"app-sdk-w-full app-sdk-absolute app-sdk-top-0 app-sdk-left-0 app-sdk-z-40 app-sdk-pt-2 app-sdk-pointer-events-none"},Mt.createElement("div",{className:"app-sdk-flex app-sdk-w-fit app-sdk-mx-auto app-sdk-rounded-full app-sdk-px-3 app-sdk-py-2 app-sdk-gap-1 app-sdk-border app-sdk-border-solid app-sdk-bg-white/95 dark:app-sdk-bg-black/85 dark:app-sdk-border-none app-sdk-pointer-events-auto"},o))}import Xo from"react";import La from"react";function oe({title:o,disabled:e,children:t,onClick:r}){return La.createElement("button",{title:`${o??""}${e?" (disabled)":""}`,className:C("app-sdk-appearance-none app-sdk-border-none app-sdk-bg-transparent app-sdk-flex app-sdk-h-full app-sdk-my-auto app-sdk-rounded-full app-sdk-p-1",e?"app-sdk-cursor-not-allowed":"app-sdk-cursor-pointer hover:app-sdk-bg-app-sdk-gray-100/40"),onClick:r,disabled:e},t)}function Bt({onClick:o}){return Xo.createElement(oe,{title:"Refresh Process Instance Data",onClick:o},Xo.createElement("svg",{className:"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",width:"1.25rem",height:"1.25rem",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Xo.createElement("path",{d:"M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z"})))}import Yo from"react";function Ot({onClick:o}){return Yo.createElement(R,{title:"Retry Process Here",onClick:o},Yo.createElement("svg",{className:"!app-sdk-fill-white !app-sdk-stroke-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Yo.createElement("path",{d:"M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z"})))}import{Description as Ut,Dialog as Va,DialogBackdrop as _a,DialogPanel as Aa,DialogTitle as za}from"@headlessui/react";import $a from"@monaco-editor/react";import H,{useEffect as Ha,useState as ja}from"react";function Lt(o){let[e,t]=ja("");return Ha(()=>{t(JSON.stringify(o.flowNodeInstance?.startToken??o.processInstance.startToken??{},null,2))},[o.flowNodeInstance,o.processInstance]),H.createElement(Va,{open:o.isOpen,onClose:o.onClose,className:"app-sdk-relative app-sdk-z-50"},H.createElement(_a,{transition:!0,className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-gray-500 app-sdk-bg-opacity-25 app-sdk-transition-opacity data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"},H.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-flex app-sdk-w-screen app-sdk-items-center app-sdk-justify-center app-sdk-p-4"},H.createElement(Aa,{className:"app-sdk-max-w-lg app-sdk-space-y-4 app-sdk-shadow-2xl app-sdk-bg-[color:var(--asdk-rd-background-color)] app-sdk-p-8 app-sdk-rounded-xl app-sdk-text-[color:var(--asdk-rd-text-color)]"},H.createElement(za,{className:"app-sdk-font-bold"},"Retry Process Instance"),H.createElement(Ut,{className:"app-sdk-break-words"},"Are you sure you want to retry the Process Instance",o.flowNodeInstance&&` at this Flow Node (${o.flowNodeInstance.flowNodeId})`,"?"),H.createElement(Ut,null,"You can provide a new start token:"),H.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},H.createElement("label",null,"Start Token"),H.createElement($a,{height:"7rem",defaultLanguage:"json",defaultValue:e,onChange:r=>t(r??""),options:{lineNumbersMinChars:2,readOnly:!1,minimap:{enabled:!1},formatOnPaste:!0,formatOnType:!0}})),H.createElement("div",{className:"app-sdk-flex app-sdk-justify-end app-sdk-gap-2"},H.createElement("button",{className:"app-sdk-bg-[color:var(--asdk-rd-secondary-button-color)] app-sdk-text-[color:var(--asdk-rd-secondary-button-text-color)] app-sdk-rounded-md app-sdk-p-2 app-sdk-border hover:app-sdk-cursor-pointer hover:app-sdk-bg-[color:var(--asdk-rd-secondary-button-hover-color)]",onClick:o.onClose},"Cancel"),H.createElement("button",{className:"app-sdk-bg-[color:var(--asdk-rd-primary-button-color)] app-sdk-text-[color:var(--asdk-rd-primary-button-text-color)] app-sdk-rounded-md app-sdk-p-2 app-sdk-border-0 hover:app-sdk-cursor-pointer hover:app-sdk-bg-[color:var(--asdk-rd-primary-button-hover-color)]",onClick:async()=>{let r=JSON.parse(e);await(await import("./actions-C6ZNF7JX.mjs")).retryProcess(o.processInstance.processInstanceId,o.flowNodeInstance?.flowNodeInstanceId,r),o.onClose()}},"Retry"))))))}import qo from"react";function Vt({disabled:o,onClick:e}){return qo.createElement(oe,{title:"Retry Process",disabled:o,onClick:e},qo.createElement("svg",{className:o?"!app-sdk-stroke-app-sdk-gray-200 dark:!app-sdk-stroke-app-sdk-gray-400 !app-sdk-fill-app-sdk-gray-200 dark:!app-sdk-fill-app-sdk-gray-400":"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",width:"1.25rem",height:"1.25rem",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},qo.createElement("path",{d:"M105.1 202.6c7.7-21.8 20.2-42.3 37.8-59.8c62.5-62.5 163.8-62.5 226.3 0L386.3 160H352c-17.7 0-32 14.3-32 32s14.3 32 32 32H463.5c0 0 0 0 0 0h.4c17.7 0 32-14.3 32-32V80c0-17.7-14.3-32-32-32s-32 14.3-32 32v35.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5zM39 289.3c-5 1.5-9.8 4.2-13.7 8.2c-4 4-6.7 8.8-8.1 14c-.3 1.2-.6 2.5-.8 3.8c-.3 1.7-.4 3.4-.4 5.1V432c0 17.7 14.3 32 32 32s32-14.3 32-32V396.9l17.6 17.5 0 0c87.5 87.4 229.3 87.4 316.7 0c24.4-24.4 42.1-53.1 52.9-83.7c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8c-62.5 62.5-163.8 62.5-226.3 0l-.1-.1L125.6 352H160c17.7 0 32-14.3 32-32s-14.3-32-32-32H48.4c-1.6 0-3.2 .1-4.8 .3s-3.1 .5-4.6 1z"})))}import Zo from"react";function _t({processInstanceId:o,disabled:e}){return Zo.createElement(oe,{title:"Terminate Process",disabled:e,onClick:()=>import("./actions-C6ZNF7JX.mjs").then(({terminateProcess:t})=>t(o))},Zo.createElement("svg",{className:e?"!app-sdk-stroke-app-sdk-gray-200 dark:!app-sdk-stroke-app-sdk-gray-400 !app-sdk-fill-app-sdk-gray-200 dark:!app-sdk-fill-app-sdk-gray-400":"!app-sdk-stroke-red-600 !app-sdk-fill-red-600",width:"1.25rem",height:"1.25rem",viewBox:"0 0 516 516",xmlns:"http://www.w3.org/2000/svg"},Zo.createElement("path",{d:"M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm192-96l128 0c17.7 0 32 14.3 32 32l0 128c0 17.7-14.3 32-32 32l-128 0c-17.7 0-32-14.3-32-32l0-128c0-17.7 14.3-32 32-32z"})))}import{Editor as At}from"@monaco-editor/react";import V,{useEffect as Ko,useMemo as zt,useState as $t}from"react";function Ht({processInstance:o,flowNodeInstances:e}){let[t,r]=$t(),[a,s]=$t(!0);Ko(()=>(a&&e.length>1&&s(!1),()=>{if(a)return;let i=new URLSearchParams(window.location.search);i.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${i.toString()}${window.location.hash}`)}),[a,e]),Ko(()=>{if(e.length<2){r(void 0);return}let u=new URLSearchParams(window.location.search).get("tokenInspectorFocus");u||r(e[0]);let f=e.find(k=>k.flowNodeId===u);f&&r(f)},[e]),Ko(()=>{if(a)return;let i=new URLSearchParams(window.location.search);t?i.set("tokenInspectorFocus",t.flowNodeId):i.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${i.toString()}${window.location.hash}`)},[t,a]);let n=zt(()=>e.length===1?JSON.stringify(e[0].startToken,null,2):JSON.stringify(t?t.startToken:o?.startToken??{},null,2),[t,e,o]),d=zt(()=>e.length===1?JSON.stringify(e[0].endToken,null,2):JSON.stringify(t?t.endToken:o?.endToken??{},null,2),[t,e,o]);return V.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-h-full app-sdk-rounded-3xl app-sdk-p-4 app-sdk-gap-1 app-sdk-bg-white/95 dark:app-sdk-bg-black/85 dark:app-sdk-text-white app-sdk-border app-sdk-border-solid dark:app-sdk-border-none"},V.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-4"},e.length===0?V.createElement("label",{className:"app-sdk-break-all"},"Process: ",o.processModelId,o.processModelName&&` (${o.processModelName})`):e.length===1?V.createElement("label",{className:"app-sdk-break-all"},"Flow Node: ",e[0].flowNodeId,e[0].flowNodeName&&` (${e[0].flowNodeName})`):V.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1 app-sdk-w-full"},V.createElement("label",null,"Select Flow Node:"),V.createElement("select",{className:"app-sdk-max-w-full app-sdk-bg-transparent app-sdk-border app-sdk-rounded-md app-sdk-py-2 app-sdk-px-1 app-sdk-text-ellipsis",onChange:i=>r(e.find(u=>u.flowNodeId===i.target.value)),value:t?.flowNodeId??e[0].flowNodeId},e.map(i=>V.createElement("option",{key:`token-inspector-option-${i.flowNodeId}`,value:i.flowNodeId},`${i.flowNodeName?`${i.flowNodeName} (${i.flowNodeId})`:i.flowNodeId}`)))),V.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-3"},V.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},V.createElement("label",null,"Start Token"),V.createElement(At,{height:"7rem",defaultLanguage:"json",value:n,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})),V.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},V.createElement("label",null,"End Token"),V.createElement(At,{height:"7rem",defaultLanguage:"json",value:d,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})))))}import Oe,{useState as Ga}from"react";function jt(o){let[e,t]=Ga(o.isOpen??!1);return Oe.createElement(oe,{disabled:o.disabled,title:"View Process Tokens",onClick:()=>{e?o.close():o.open(),t(r=>!r)}},e?Oe.createElement("svg",{className:"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",xmlns:"http://www.w3.org/2000/svg",width:"1.25rem",height:"1.25rem",viewBox:"0 0 384 512"},Oe.createElement("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"})):Oe.createElement("svg",{className:"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",xmlns:"http://www.w3.org/2000/svg",width:"1.25rem",height:"1.25rem",viewBox:"0 0 448 512"},Oe.createElement("path",{d:"M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"})))}var Jt=[Xe.error,Xe.terminated],qa=[X.manualTask,X.userTask,X.untypedTask],Wt=[X.endEvent,X.intermediateThrowEvent,X.sendTask],Za=[X.startEvent,X.intermediateCatchEvent,X.boundaryEvent,X.receiveTask],We={isOpen:!1,placeholder:"",entries:[],onConfirm:()=>{},onClose:()=>{}},Ka={isOpen:!1},Re="asdk-buttons";function Qa(o){let{processInstanceId:e}=o,[t,r]=Q(We),[a,s]=Q(Ka),[n,d]=Q(!1),[i,u]=Q(),[f,k]=Q([]),[T,A]=Q([]),[p,m]=Q(new Map),[N,j]=Q([]),[Rt,et]=Q([]),g=Xa(null),Xt=Ge(async()=>{let c=await import("./actions-C6ZNF7JX.mjs"),h=c.getProcessInstance(e),L=c.getFlowNodeInstances(e),[v,E]=await Promise.all([h,L]),b=await c.getTriggeredFlowNodeInstances(E.map(x=>x.flowNodeInstanceId));u(v),k(E),A(b);let P=new URLSearchParams(window.location.search);P.get("tokenInspector")==="true"&&d(!0);let W=P.getAll("instance"),Y=E.filter(x=>W.includes(x.flowNodeInstanceId));Y.length!==W.length&&(P.delete("instance"),Y.forEach(x=>P.append("instance",x.flowNodeInstanceId)),window.history.replaceState({},"",`${window.location.pathname}?${P.toString()}`));let z=new Map;E.forEach(x=>{z.has(x.flowNodeId)||z.set(x.flowNodeId,x.flowNodeInstanceId)}),Y.forEach(x=>z.set(x.flowNodeId,x.flowNodeInstanceId)),m(z)},[e]),Yt=Ge(c=>{let h=Wa(c),L=f.some(E=>E.flowNodeId===h.targetRef.id),v=f.some(E=>E.flowNodeId===h.sourceRef.id&&E.state===Gt.finished);return L&&v},[f]),Ue=Ge(async()=>{let c=g.current?.bpmnViewerRef,h=c?.getOverlays();if(!c||!h)return;let L=await import("./actions-C6ZNF7JX.mjs"),v=L.getProcessInstance(e),E=L.getFlowNodeInstances(e),[b,P]=await Promise.all([v,E]),pe=await L.getTriggeredFlowNodeInstances(P.map(S=>S.flowNodeInstanceId));if(Qo(b,i)&&Qo(P,f)&&Qo(pe,T))return;b.state!==i?.state&&h.clear();for(let[S,Le]of p.entries()){let le=f.find(B=>B.flowNodeInstanceId===Le);if(!le)continue;let Ve=P.find(B=>B.flowNodeId===S);Ve?.flowNodeInstanceId===Le&&le.state===Ve.state||(c.removeMarker(S,`asdk-pii-flow-node-instance-state--${le.state}`),h.remove({element:S,type:Re}))}u(b),k(P),A(pe);let W=new URLSearchParams(window.location.search),Y=W.getAll("instance"),z=P.filter(S=>Y.includes(S.flowNodeInstanceId));z.length!==Y.length&&(W.delete("instance"),z.forEach(S=>W.append("instance",S.flowNodeInstanceId)),window.history.replaceState({},"",`${window.location.pathname}?${W.toString()}`));let x=new Map;P.forEach(S=>{x.has(S.flowNodeId)||x.set(S.flowNodeId,S.flowNodeInstanceId)}),z.forEach(S=>x.set(S.flowNodeId,S.flowNodeInstanceId)),m(x)},[g.current,i,p,f,e]),qt=Ge((c,h)=>{let L=g.current?.bpmnViewerRef,v=L?.getOverlays();if(!L||!v)return;let E=v.get({element:c.id,type:Re});if(Array.isArray(E)&&E.length>0)return;let b=h.find(B=>B.flowNodeInstanceId===p.get(B.flowNodeId));if(!b)return;let P=o.showFlowNodeExecutionCount&&h.length>1,pe=o.showFlowNodeInstancesListButton&&h.length>1,W=o.showFinishTaskButton&&qa.includes(c.type)&&b.state===Gt.suspended,Y=o.showRetryFlowNodeInstanceButton&&i&&Jt.includes(i.state),z=!1,x=[];if(o.showGoToFlowNodeButton&&Za.includes(c.type)){let B=b.triggeredByFlowNodeInstance;z=B!==void 0,x=B?[B]:[]}else if(o.showGoToFlowNodeButton&&Wt.includes(c.type)){let B=T.filter(O=>O.triggeredByFlowNodeInstance?.flowNodeInstanceId===b.flowNodeInstanceId);z=B.length>0,x=B}if(!P&&!W&&!Y&&!z)return;let S=c.width<52,Le=v.add(c.id,Re,{position:{bottom:-7,left:S?-c.width/2:0},html:"<div></div>"}),le=v.get(Le),Ve=Ya(le.htmlContainer),Ye=h.indexOf(b)===0,qe=h.length-h.indexOf(b);Ve.render(I.createElement(It,{width:S?c.width*2:c.width},P&&I.createElement(R,{className:"app-sdk-select-none !app-sdk-cursor-default !app-sdk-bg-slate-500",title:`Flow Node was executed ${h.length} times.${Ye?"":` You are viewing instance #${qe}.`}`},`${Ye?"":`${qe}/`}${h.length}`),pe&&I.createElement(St,{onClick:()=>{let B=h.map($=>({id:$.flowNodeInstanceId,name:`${$.startedAt?.toLocaleString("en-GB")} - ${$.flowNodeInstanceId} - ${$.state}${$.flowNodeInstanceId===b.flowNodeInstanceId?" (selected)":""}`,...$}));r({isOpen:!0,placeholder:"Select instance to display:",entries:B,onConfirm:async $=>{let Ze=h.find(Ke=>Ke.flowNodeInstanceId===$.flowNodeInstanceId);if(!Ze)return;L.removeMarker(b.flowNodeId,`asdk-pii-flow-node-instance-state--${b.state}`),v.remove({element:c.id,type:Re});let _e=new URLSearchParams(window.location.search);_e.getAll("instance").includes(b.flowNodeInstanceId)&&_e.delete("instance",b.flowNodeInstanceId),h.indexOf(Ze)!==0&&_e.append("instance",Ze.flowNodeInstanceId),window.history.replaceState({},"",`${window.location.pathname}?${_e.toString()}${window.location.hash}`),m(Ke=>new Map(Ke).set(c.id,$.flowNodeInstanceId)),r(We)},onClose:()=>r(We)})}}),z&&I.createElement(Pt,{isSender:Wt.includes(c.type),onClick:()=>{if(x.length===1){let O=new URLSearchParams;O.append("selected",x[0].flowNodeId),O.append("instance",x[0].flowNodeInstanceId),window.location.href=`${x[0].processInstanceId}?${O.toString()}`;return}let B=x.map(O=>({id:O.flowNodeInstanceId,name:`${O.startedAt?.toLocaleString("en-GB")} - ${O.flowNodeId}${O.flowNodeName?` - ${O.flowNodeName}`:""}`,...O}));r({isOpen:!0,placeholder:"Select target to go to:",entries:B,onConfirm:O=>{let $=new URLSearchParams;$.append("selected",O.flowNodeId),$.append("instance",O.flowNodeInstanceId),window.location.href=`${O.processInstanceId}?${$.toString()}`},onClose:()=>r(We)})}}),W&&I.createElement(Dt,{flowNodeId:b.flowNodeId,flowNodeInstanceId:b.flowNodeInstanceId,flowNodeType:c.type,processInstanceId:b.processInstanceId,onPlay:o.onFinish}),Y&&I.createElement(Ot,{onClick:()=>{s({isOpen:!0,flowNodeInstance:b})}})))},[g.current,i,f,T,p]);if(Je(()=>{Xt()},[e]),Je(()=>{if(i?.state===Xe.finished){Ue();return}let c=setInterval(Ue,1e3);return()=>clearInterval(c)},[Ue,i?.state]),Je(()=>{if(N.length===0||f.length===0){et([]);return}let c=f.filter(h=>{let L=N.includes(h.flowNodeId),v=p.get(h.flowNodeId)===h.flowNodeInstanceId;return L&&v});if(c.length===0){let h=new URLSearchParams(window.location.search);h.delete("tokenInspectorFocus"),window.history.replaceState({},"",`${window.location.pathname}?${h.toString()}${window.location.hash}`)}et(c)},[f,N,p]),Je(()=>{if(!i?.xml)return;let c=g.current?.bpmnViewerRef,h=c?.getElementRegistry();!c||!h||c.onImportDone(()=>{let L=new Set(f.map(v=>v.flowNodeId));h.forEach(v=>{if(v.type==="bpmn:SequenceFlow"){Yt(v)?c.addMarker(v.id,"asdk-pii-sequence-flow-finished"):c.hasMarker(v.id,"asdk-pii-sequence-flow-finished")&&c.removeMarker(v.id,"asdk-pii-sequence-flow-finished");return}if(!L.has(v.id))return;let E=f.filter(P=>P.flowNodeId===v.id),b=E.find(P=>P.flowNodeInstanceId===p.get(P.flowNodeId));b&&(c.hasMarker(v.id,"asdk-pii-flow-node-instance-state")||c.addMarker(v.id,"asdk-pii-flow-node-instance-state"),c.hasMarker(v.id,`asdk-pii-flow-node-instance-state--${b.state}`)||c.addMarker(v.id,`asdk-pii-flow-node-instance-state--${b.state}`),qt(v,E))})})},[g.current,i,f,T,p]),!i?.xml)return o.loadingComponent?o.loadingComponent:I.createElement("div",{className:"app-sdk-absolute app-sdk-w-screen app-sdk-h-screen app-sdk-flex"},I.createElement("div",{className:"app-sdk-m-auto"},"Fetching diagram..."));let Zt=o.showProcessRefreshButton||o.showProcessRetryButton||o.showProcessTerminateButton||o.showTokenInspectorButton,Kt=o.showTokenInspectorButton&&(o.showProcessRefreshButton||o.showProcessRetryButton||o.showProcessTerminateButton);return I.createElement("div",{className:"app-sdk-relative app-sdk-w-full app-sdk-h-full"},I.createElement(Ct,{...t}),(o.showRetryFlowNodeInstanceButton||o.showProcessRetryButton)&&I.createElement(Lt,{...a,processInstance:i,onClose:()=>s(c=>({...c,isOpen:!1}))}),Zt&&I.createElement(Et,null,o.showProcessRefreshButton&&I.createElement(Bt,{onClick:Ue}),o.showProcessRetryButton&&I.createElement(Vt,{onClick:()=>s({isOpen:!0}),disabled:!Jt.includes(i.state)}),o.showProcessTerminateButton&&I.createElement(_t,{processInstanceId:e,disabled:i.state!==Xe.running}),Kt&&I.createElement(Tt,null),o.showTokenInspectorButton&&I.createElement(jt,{isOpen:n,open:()=>{let c=new URLSearchParams(window.location.search);c.set("tokenInspector","true"),window.history.replaceState({},"",`${window.location.pathname}?${c.toString()}${window.location.hash}`),d(!0)},close:()=>{let c=new URLSearchParams(window.location.search);c.delete("tokenInspector"),window.history.replaceState({},"",`${window.location.pathname}?${c.toString()}${window.location.hash}`),d(!1)}})),I.createElement(Ja,{show:n},I.createElement("div",{className:"app-sdk-transition app-sdk-duration-200 data-[closed]:app-sdk-opacity-0 app-sdk-w-1/4 app-sdk-min-w-64 app-sdk-absolute app-sdk-top-0 app-sdk-right-0 app-sdk-z-40 app-sdk-pt-2 app-sdk-pr-2"},I.createElement(Ht,{processInstance:i,flowNodeInstances:Rt}))),I.createElement(to,{xml:i.xml,ref:g,setSelectedElementIds:j}))}var kc=Ra(()=>Promise.resolve(Qa),{ssr:!1});export{Qe as BPMNViewer,cs as BPMNViewerNextJS,fo as BooleanFormField,vt as BpmnViewerComponent,ho as CheckboxFormField,go as ColorFormField,vo as ConfirmFormField,wo as CustomFormField,yo as DateFormField,bo as DatetimeLocalFormField,xo as DecimalFormField,to as DiagramDocumentationInspector,Bs as DiagramDocumentationInspectorNextJS,eo as DocumentationViewer,As as DropdownMenu,zs as DropdownMenuItem,Ws as DynamicLink,zp as DynamicUi,Nt as DynamicUiComponent,No as EmailFormField,Fo as EnumFormField,Co as FileFormField,uo as FlowNode,yt as FormFieldComponentMap,Io as HeaderFormField,Po as HiddenFormField,So as IntegerFormField,Do as MonthFormField,Bo as ParagraphFormField,Oo as PasswordFormField,Qa as ProcessInstanceInspector,kc as ProcessInstanceInspectorNextJS,Uo as RadioFormField,Lo as RangeFormField,Vo as SelectFormField,Ae as SplitterLayout,_o as StringFormField,Ao as TelFormField,Se as TextareaFormField,zo as TimeFormField,$o as UrlFormField,Ho as WeekFormField};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@5minds/processcube_app_sdk",
3
- "version": "6.2.0-alpha.1",
3
+ "version": "6.2.0-alpha.2",
4
4
  "description": "The SDK for ProcessCube Apps",
5
5
  "type": "module",
6
6
  "main": "build/common/index.cjs",
@@ -101,7 +101,7 @@
101
101
  "@headlessui/react": "^2.1.1",
102
102
  "@heroicons/react": "^2.1.4",
103
103
  "@monaco-editor/react": "^4.6.0",
104
- "@nextui-org/react": "^2.2.9",
104
+ "@heroui/react": "^2.6.14",
105
105
  "bpmn-js": "^17.6.0",
106
106
  "chokidar": "^3.5.3",
107
107
  "client-only": "^0.0.1",