@5minds/processcube_app_sdk 6.2.0-alpha.2 → 6.2.0-alpha.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/client/components/BPMNViewer.css +1 -1
- package/build/client/components/DiagramDocumentationInspector.css +1 -1
- package/build/client/components/ProcessInstanceInspector/ProcessInstanceInspector.css +1 -1
- package/build/client/index.cjs +8 -8
- package/build/client/index.mjs +8 -8
- package/package.json +5 -5
package/build/client/index.cjs
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
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(`
|
|
1
|
+
"use client";var ir=Object.create;var Qe=Object.defineProperty;var pr=Object.getOwnPropertyDescriptor;var lr=Object.getOwnPropertyNames;var cr=Object.getPrototypeOf,mr=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 lr(o))!mr.call(e,r)&&r!==t&&Qe(e,r,{get:()=>o[r],enumerable:!(s=pr(o,r))||s.enumerable});return e};var d=(e,o,t)=>(t=e!=null?ir(cr(e)):{},It(o||!e||!e.__esModule?Qe(t,"default",{value:e,enumerable:!0}):t,e)),ur=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 gs.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,gs,he,yt=ee(()=>{gt=require("next-auth/jwt"),gs=require("next/dist/compiled/@edge-runtime/cookies"),he=require("next/headers")});var ys,Rr,Z,We=ee(()=>{ys=require("@5minds/processcube_engine_client"),Rr=process.env.PROCESSCUBE_ENGINE_URL??"http://localhost:10560",Z=new ys.EngineClient(Rr)});async function qe(){try{return Ao()}catch{return}}async function vs(e){let o=await qe();return(await Z.processInstances.query({processInstanceId:e},{identity:o})).processInstances[0]}async function bs(e,o={sortSettings:{sortBy:ws.DataModels.FlowNodeInstances.FlowNodeInstanceSortableColumns.createdAt,sortDir:"ASC"}}){return(await Z.flowNodeInstances.query({processInstanceId:e},{...o,identity:o.identity??await qe()})).flowNodeInstances}async function xs(e){let o=await qe();return(await Z.flowNodeInstances.query({triggeredByFlowNodeInstance:e},{identity:o})).flowNodeInstances}async function Is(e,o,t){let s=await qe();await Z.processInstances.retryProcessInstance(e,{flowNodeInstanceId:o,newStartToken:t,identity:s})}async function Ns(e){let o=await qe();await Z.processInstances.terminateProcessInstance(e,o)}var ws,Fs=ee(()=>{ws=require("@5minds/processcube_engine_client");yt();We()});var Wr,qr,Cs=ee(()=>{Wr=require("next/cache"),qr=require("next/navigation")});var Ps=ee(()=>{});async function Ss(...e){await Z.manualTasks.finishManualTask(...e)}var Ds=ee(()=>{We()});async function Ts(...e){await Z.userTasks.finishUserTask(...e)}var Ms=ee(()=>{We()});async function Es(...e){await Z.untypedTasks.finishTask(...e)}var Bs=ee(()=>{We()});var Us=ee(()=>{Cs();Ps();Ds();Ms();Bs()});var Le={};xt(Le,{finishTask:()=>Yr,getFlowNodeInstances:()=>ea,getProcessInstance:()=>Qr,getTriggeredFlowNodeInstances:()=>oa,retryProcess:()=>Kr,terminateProcess:()=>Zr});async function Xr(){try{return Ao()}catch{return}}var Os,Yr,Zr,Kr,Qr,ea,oa,Ve=ee(()=>{"use server";Os=require("@5minds/processcube_engine_client");Fs();yt();Us();Yr=async(e,o)=>{let t=await Xr();o==="bpmn:UserTask"?await Ts(e,{},t):o==="bpmn:ManualTask"?await Ss(e,t):o==="bpmn:Task"?await Es(e,t):console.error(`[@5minds/processcube_app_sdk:handlePlay] Unsupported flow node type: ${o}`)},Zr=async e=>{await Ns(e)},Kr=async(e,o,t)=>{await Is(e,o,t)},Qr=async e=>vs(e),ea=async e=>bs(e,{sortSettings:{sortBy:Os.DataModels.FlowNodeInstances.FlowNodeInstanceSortableColumns.createdAt,sortDir:"DESC"}}),oa=async e=>xs(e)});var na={};xt(na,{BPMNViewer:()=>eo,BPMNViewerNextJS:()=>gr,BooleanFormField:()=>no,BpmnViewerComponent:()=>ct,CheckboxFormField:()=>io,ColorFormField:()=>po,ConfirmFormField:()=>co,CustomFormField:()=>mo,DateFormField:()=>uo,DatetimeLocalFormField:()=>ko,DecimalFormField:()=>ho,DiagramDocumentationInspector:()=>so,DiagramDocumentationInspectorNextJS:()=>Nr,DocumentationViewer:()=>oo,DropdownMenu:()=>Fr,DropdownMenuItem:()=>Cr,DynamicLink:()=>Pr,DynamicUi:()=>_r,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:()=>or,ProcessInstanceInspectorNextJS:()=>aa,RadioFormField:()=>Do,RangeFormField:()=>To,SelectFormField:()=>Mo,SplitterLayout:()=>ze,StringFormField:()=>Eo,TelFormField:()=>Bo,TextareaFormField:()=>Me,TimeFormField:()=>Uo,UrlFormField:()=>Oo,WeekFormField:()=>Lo});module.exports=ur(na);var _p=require("client-only");var Nt=d(require("bpmn-js/lib/Viewer"),1),Ft=d(require("bpmn-js/lib/features/outline"),1),Ct=d(require("clsx"),1),Pt=d(require("diagram-js/lib/features/selection"),1),St=d(require("diagram-js/lib/navigation/movecanvas"),1),Dt=d(require("diagram-js/lib/navigation/zoomscroll"),1),Tt=d(require("next/dynamic"),1),ne=require("react"),Ko=d(require("react"),1),kr={canvas:{autoFocus:!0}};function fr(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:[Dt.default,St.default,Pt.default,Ft.default],...kr}));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,Ct.default)("app-sdk-bpmn-viewer","app-sdk-h-full",e.className)})}var eo=(0,ne.forwardRef)(fr);function hr(e){return Ko.default.createElement(eo,{...e,ref:e.viewerRef})}var gr=(0,Tt.default)(()=>Promise.resolve(hr),{ssr:!1});var to=require("bpmn-js/lib/util/ModelUtil"),Vt=d(require("next/dynamic"),1),E=d(require("react"),1),H=require("react"),Ie=require("react-dom/server");var Qo=d(require("react"),1),Mt=d(require("react-markdown"),1),Et=d(require("rehype-autolink-headings"),1),Bt=d(require("rehype-raw"),1),Ut=d(require("rehype-slug"),1),Ot=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(Mt.default,{remarkPlugins:[Ot.default],rehypePlugins:[Bt.default,Ut.default,[Et.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),Lt=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:Lt,height:Lt},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(yr,{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 yr(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 wr(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(_t)?.forEach(Y=>{l?.add(Y.id,xr(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(vr,{elements:n})))}function vr({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(_t);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
|
-
`)})}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"}))),
|
|
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"}))),br=["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 xr(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 _t(e){if(br.includes(e.type))return!1;let t=(0,to.getBusinessObject)(e)?.documentation?.[0]?.text;return t!=null&&t.trim()!==""}var so=(0,E.forwardRef)(wr);function Ir(e){return E.default.createElement(so,{...e,ref:e.viewerRef})}var Nr=(0,Vt.default)(()=>Promise.resolve(Ir),{ssr:!1});var we=require("@headlessui/react"),G=d(require("react"),1);function D(...e){return e.filter(Boolean).join(" ")}function Fr(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 Cr(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 zt=require("next/navigation"),$t=d(require("react"),1);var At=new Set;function S(e,o){At.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 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!
|
|
7
|
+
${o??""}`.trimEnd()),At.add(e))}function Pr({href:e,children:o}){S("DynamicLink","Please use the NextJS Link component instead.");let t=(0,zt.useRouter)();return $t.default.createElement("a",{href:e,onClick:s=>{s.preventDefault(),t.replace(e),t.refresh()}},o)}var Yt=d(require("bpmn-js/lib/Viewer"),1),Zt=d(require("bpmn-js/lib/features/outline"),1),Kt=d(require("diagram-js/lib/navigation/movecanvas"),1),Qt=d(require("diagram-js/lib/navigation/zoomscroll"),1),ao=d(require("react"),1);var Wt=d(require("react"),1),qt=require("react-dom/client"),Xt=require("uuid");var C=require("@heroui/react"),Rt=d(require("@monaco-editor/react"),1),v=d(require("react"),1);var ve=d(require("react"),1);var Ht=d(require("react"),1);function et(e){S("ExecutionCount");let o={width:30};return e.count<=1?null:Ht.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),jt=require("react-dom/client"),Gt=d(require("react-markdown"),1),Jt=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(Gt.default,{remarkPlugins:[Jt.default]},e.flowNode.Documentation),s=document.getElementById("markdown-container");if(s){let r=s.attachShadow({mode:"open"});(0,jt.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(Rt.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(Wt.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,Xt.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,qt.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 Sr={canvas:{autoFocus:!0}},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 Yt.default({container:s,height:t?.height??600,bpmnRenderer:{defaultFillColor:t?.fillColor,defaultStrokeColor:t?.strokeColor},additionalModules:[Qt.default,Kt.default,Zt.default],...Sr}),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),as=d(require("semver/functions/gt"),1),ns=d(require("semver/functions/prerelease"),1),ds=d(require("semver/functions/satisfies"),1),is=require("../common/index.cjs");var ts=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&&!Dr(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 Dr(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);Tr(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 Tr(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&&!Br(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 Mr(e){return new Date(e?.toString()).toString()!=="Invalid Date"}function Er(e){return/^([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/.test(e)}function Br(e){if(!e.includes("T"))return!1;let[o,t]=e.split("T");return Mr(o)&&Er(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 es=d(require("react"),1);function bo(e){let{formField:o}=e;return es.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&&!Ur(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 Ur(e){return/^\d{4}-(0[1-9]|1[0-2])$/.test(e)}var os=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 os.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&&!Or(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 Or(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&&!Lr(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 Lr(e){return/^(\d{4})-W(0[1-9]|[1-4][0-9]|5[0-3])$/.test(e)}var ss=(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))(ss||{}),Ld={...ts.DataModels.FlowNodeInstances.UserTaskFormFieldType,...ss},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 Vr=(0,ds.default)(g.default.version,">=18.0.0 <19",{includePrerelease:!0}),ps=(0,ns.default)(g.default.version)==null,rs=!ps&&(0,as.default)(g.default.version,"18.2.0")&&g.default.version.includes("canary"),ft=class extends g.default.Component{};function _r(e){Vr||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
|
|
|
11
|
-
The first confirm form field is used for rendering.`);let i=n.length===1?n[0]:null,p={...kt,...e.customFieldComponents?e.customFieldComponents:{}},f=l=>{let u
|
|
11
|
+
The first confirm form field is used for rendering.`);let i=n.length===1?n[0]:null,p={...kt,...e.customFieldComponents?e.customFieldComponents:{}},f=l=>{let u=Jr(l,t,a);e.onSubmit(u,l,(0,is.mapUserTask)(e.task))};function y(l){let u=l.target;s.current!=null&&window.clearTimeout(s.current),s.current=window.setTimeout(()=>{if(s.current=void 0,r.current==null)return;let P=new FormData(r.current),Y=Gr(P,a);e.onStateChange?.(u.value,u.name,Y)},100)}let h=D("app-sdk-default-styles app-sdk-mx-auto app-sdk-block app-sdk-h-full app-sdk-min-h-[200px] app-sdk-rounded-lg app-sdk-content-center sm:app-sdk-w-full sm:app-sdk-max-w-lg",e.classNames?.wrapper??"",e.className??""),L=e.darkMode||h.split(" ").includes("dark"),W={...rs&&{action:f},...!rs&&ps&&{onSubmit:l=>{let u=new FormData(r.current),P=l.nativeEvent.submitter;u.has(P.name)||u.append(P.name,P.value),f(u)},method:"dialog"}};return g.default.createElement("div",{className:L?`dark app-sdk-dark ${h}`:D(...h.split(" ").filter(l=>l!=="dark"&&l!=="app-sdk-dark")),"data-dynamic-ui":!0},g.default.createElement("form",{ref:r,className:D("app-sdk-flex app-sdk-max-h-full app-sdk-flex-col app-sdk-rounded-lg app-sdk-bg-[color:var(--asdk-dui-background-color)] app-sdk-text-[color:var(--asdk-dui-text-color)] app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)]",e.classNames?.base??""),"data-user-task-id":e.task.flowNodeId,"data-user-task-instance-id":e.task.flowNodeInstanceId,onChange:y,...W},g.default.createElement("header",{className:D("app-sdk-px-4 app-sdk-pb-3 app-sdk-pt-4 sm:app-sdk-px-6",e.classNames?.header?e.classNames.header:"")},g.default.createElement(zr,{title:e.title??e.task.flowNodeName??"User Task",headerComponent:e.headerComponent})),g.default.createElement("section",{className:D("app-sdk-overflow-y-auto app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.body??"")},g.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-space-y-6 dark:[color-scheme:dark]"},t.map(l=>{let u=p?.[l.type]||p.custom;if(!u)return null;if(!xe.isValidElementType(u))return console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The given DynamicUiFormFieldComponent is not a valid React Element Type.
|
|
12
12
|
|
|
13
13
|
FormField: ${JSON.stringify(l,null,2)}
|
|
14
14
|
DynamicUiFormFieldComponent: ${u.toString()}
|
|
15
15
|
|
|
16
|
-
Rendering 'null' as fallback`),null;let P;Re(u)?(
|
|
16
|
+
Rendering 'null' as fallback`),null;let P;Re(u)?($r(u),P=u):ht(u)?(Hr(u),P=u):(u.length===2&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?
|
|
17
17
|
|
|
18
18
|
FormField ID: ${l.id}
|
|
19
19
|
FormField Type: ${l.type}
|
|
20
|
-
Component Name: ${u.name} ${u.displayName??""}`),
|
|
20
|
+
Component Name: ${u.name} ${u.displayName??""}`),jr(u),P=u);let Y=a.get(l.id)?.ref;return g.default.createElement(g.Fragment,{key:l.id},g.default.createElement(P,{ref:Re(u)||ht(u)?Y:void 0,formField:l,state:e.state?.[l.id]}))}))),g.default.createElement("footer",{className:D("app-sdk-rounded-b-lg app-sdk-bg-[color:var(--asdk-dui-footer-background-color)] app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.footer??"")},g.default.createElement(Ar,{confirmFormField:i}))))}function Ar(e){let{confirmFormField:o}=e,t=g.default.createElement(g.Fragment,null,g.default.createElement("button",{type:"submit",className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm "},"OK"));if(o){let s=c(o.customForm);t=g.default.createElement(g.Fragment,null,g.default.createElement("button",{type:"submit",name:o.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm ",value:"true"},s?.confirmButtonText??"Confirm"),g.default.createElement("button",{type:"submit",name:o.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-decline-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-decline-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm",value:"false"},s?.declineButtonText??"Decline"))}return g.default.createElement("div",{className:"app-sdk-space-y-2 sm:app-sdk-flex sm:app-sdk-flex-row-reverse sm:-app-sdk-space-x-2 sm:app-sdk-space-y-0"},t)}function zr(e){return g.default.createElement("div",{className:"app-sdk-flex app-sdk-space-x-3"},g.default.createElement("div",{className:"app-sdk-flex-1"},g.default.createElement("h3",{id:"headline-title",className:"app-sdk-text-lg app-sdk-font-medium app-sdk-leading-6 app-sdk-text-[color:var(--asdk-dui-header-text-color)]"},e.title)),g.default.createElement("div",{className:"app-sdk-flex app-sdk-self-center"},e.headerComponent))}function Re(e){return e?.prototype?.isReactComponent!=null}function $r(e){if(!(xe.isValidElementType(e)&&Re(e)))throw new Error("Expected Element to be a React Component")}function ht(e){return xe.isValidElementType(e)&&e.$$typeof===xe.ForwardRef&&!Re(e)}function Hr(e){if(!ht(e))throw new Error("Expected Element to be a functional Component wrapped with React.forwardRef")}function jr(e){if(!(xe.isValidElementType(e)&&!Re(e)))throw new Error("Expected Element to be a functional Component")}function Gr(e,o){let t={};return e.forEach((s,r)=>{if(s instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Add a getState Function to your component to return a JSON Primitive value as state.
|
|
21
21
|
|
|
22
|
-
FormField: ${r} with ${s} `);return}t[r]?t[r]=Array.isArray(t[r])?[...t[r],s]:[t[r],s]:t[r]=s}),o.forEach((s,r)=>{if(typeof s.ref.current?.getState=="function"){let a=s.ref.current.getState();(typeof a=="boolean"||typeof a=="number"||typeof a=="string"||Array.isArray(a)||a==null||a?.toString()==="[object Object]")&&(t[r]=a)}}),t}function
|
|
22
|
+
FormField: ${r} with ${s} `);return}t[r]?t[r]=Array.isArray(t[r])?[...t[r],s]:[t[r],s]:t[r]=s}),o.forEach((s,r)=>{if(typeof s.ref.current?.getState=="function"){let a=s.ref.current.getState();(typeof a=="boolean"||typeof a=="number"||typeof a=="string"||Array.isArray(a)||a==null||a?.toString()==="[object Object]")&&(t[r]=a)}}),t}function Jr(e,o,t){let s={};for(let a of e.keys()){let n=e.getAll(a);if(n[0]instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Use the raw FormData instance to process files instead.
|
|
23
23
|
|
|
24
|
-
FormField: ${a} with ${n} `);continue}if(n.length===1?s[a]=n[0]:s[a]=n,s[a]==""&&delete s[a],s[a]){let i=o.find(p=>p.id===a)?.type;if(i==="boolean"){s[a]=s[a]==="on";continue}if(i==="confirm"){s[a]=JSON.parse(s[a]);continue}if(i==="number"){s[a]=parseFloat(s[a]);continue}if(i==="long"){s[a]=parseInt(s[a]);continue}}}let r=o.filter(a=>a.type==="boolean");return r.length&&r.forEach(a=>{s[a.id]||(s[a.id]=!1)}),t.forEach((a,n)=>{if(typeof a.ref.current?.getValue=="function"){let i=a.ref.current.getValue();(typeof i=="boolean"||typeof i=="number"||typeof i=="string"||Array.isArray(i)||i==null||i?.toString()==="[object Object]")&&(s[n]=i)}}),s}var Xs=require("@headlessui/react"),Ys=require("bpmn-js/lib/util/ModelUtil"),Wo=require("lodash"),Zs=d(require("next/dynamic"),1),k=d(require("react"),1),Ks=require("react-dom/client"),O=require("@5minds/processcube_engine_sdk");var R=require("@headlessui/react"),is=require("@heroicons/react/24/outline"),J=d(require("react"),1);function ps(e){let[o,t]=(0,J.useState)(""),s=o===""?e.entries:e.entries.filter(r=>r.name.toLowerCase().includes(o.toLowerCase()));return J.default.createElement(R.Dialog,{className:"app-sdk-relative app-sdk-z-50",open:e.isOpen,onClose:()=>{e.onClose(),t("")}},J.default.createElement(R.DialogBackdrop,{transition:!0,className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-gray-500 app-sdk-bg-opacity-25 app-sdk-transition-opacity data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"}),J.default.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-z-10 app-sdk-w-screen app-sdk-overflow-y-auto app-sdk-p-4 sm:app-sdk-p-6 md:app-sdk-p-20"},J.default.createElement(R.DialogPanel,{transition:!0,className:"app-sdk-mx-auto app-sdk-max-w-xl app-sdk-transform app-sdk-rounded-xl app-sdk-bg-[color:var(--asdk-cmdp-background-color)] app-sdk-p-2 app-sdk-shadow-2xl app-sdk-ring-1 app-sdk-ring-black app-sdk-ring-opacity-5 app-sdk-transition-all data-[closed]:app-sdk-scale-95 data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"},J.default.createElement(R.Combobox,{onChange:r=>{r&&e.onConfirm(r)}},J.default.createElement(R.ComboboxInput,{autoFocus:!0,className:"app-sdk-w-full app-sdk-ring-offset-2 app-sdk-rounded-md app-sdk-border-0 app-sdk-bg-[color:var(--asdk-cmdp-input-color)] app-sdk-px-4 app-sdk-py-2.5 app-sdk-text-[color:var(--asdk-cmdp-text-color)] sm:app-sdk-text-sm",placeholder:e.placeholder,onChange:r=>t(r.target.value),onBlur:()=>t("")}),s.length>0&&J.default.createElement(R.ComboboxOptions,{static:!0,className:"app-sdk-mb-2 app-sdk-max-h-72 app-sdk-scroll-py-2 app-sdk-overflow-y-auto app-sdk-py-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-cmdp-text-color)]"},s.map(r=>J.default.createElement(R.ComboboxOption,{key:r.id,value:r,className:({focus:a})=>D("app-sdk-cursor-default app-sdk-select-none app-sdk-rounded-md app-sdk-px-4 app-sdk-py-2",a&&"app-sdk-bg-[color:var(--asdk-cmdp-focus-color)] app-sdk-text-white")},r.name))),o!==""&&s.length===0&&J.default.createElement("div",{className:"app-sdk-px-4 app-sdk-py-14 app-sdk-text-center sm:app-sdk-px-14"},J.default.createElement(is.UsersIcon,{className:"app-sdk-mx-auto app-sdk-h-6 app-sdk-w-6 app-sdk-text-gray-400","aria-hidden":"true"}),J.default.createElement("p",{className:"app-sdk-mt-4 app-sdk-text-sm app-sdk-text-[color:var(--asdk-cmdp-text-color)]"},e.noResultsText||"No entries found using that search term."))))))}var ls=d(require("react"),1);function re({title:e,children:o,className:t,onClick:s}){return ls.default.createElement("button",{title:e,className:D(t,"app-sdk-appearance-none app-sdk-border-none app-sdk-pointer-events-auto app-sdk-cursor-pointer app-sdk-flex app-sdk-w-6 app-sdk-min-w-6 app-sdk-max-w-6 app-sdk-h-4 app-sdk-text-white app-sdk-bg-cyan-800 app-sdk-rounded app-sdk-text-xs app-sdk-items-center app-sdk-justify-center"),onClick:s},o)}var cs=d(require("react"),1);function ms({width:e,children:o}){return cs.default.createElement("div",{className:"app-sdk-flex app-sdk-gap-1 app-sdk-justify-center app-sdk-flex-wrap",style:{width:`${e}px`}},o)}var Vo=d(require("react"),1);function us({isSender:e,onClick:o}){return Vo.default.createElement(re,{title:`Go to ${e?"Target":"Source"}`,onClick:o},Vo.default.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Vo.default.createElement("path",{d:"M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"})))}var _o=d(require("react"),1);function ks({onClick:e}){return _o.default.createElement(re,{onClick:e,title:"List Instances"},_o.default.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},_o.default.createElement("path",{d:"M24 56c0-13.3 10.7-24 24-24H80c13.3 0 24 10.7 24 24V176h16c13.3 0 24 10.7 24 24s-10.7 24-24 24H40c-13.3 0-24-10.7-24-24s10.7-24 24-24H56V80H48C34.7 80 24 69.3 24 56zM86.7 341.2c-6.5-7.4-18.3-6.9-24 1.2L51.5 357.9c-7.7 10.8-22.7 13.3-33.5 5.6s-13.3-22.7-5.6-33.5l11.1-15.6c23.7-33.2 72.3-35.6 99.2-4.9c21.3 24.4 20.8 60.9-1.1 84.7L86.8 432H120c13.3 0 24 10.7 24 24s-10.7 24-24 24H32c-9.5 0-18.2-5.6-22-14.4s-2.1-18.9 4.3-25.9l72-78c5.3-5.8 5.4-14.6 .3-20.5zM224 64H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32z"})))}var zo=d(require("react"),1);function Us({flowNodeId:e,flowNodeInstanceId:o,flowNodeType:t,processInstanceId:s,onPlay:r}){return zo.default.createElement(re,{title:"Run Task",className:"asdk-pii-play-button",onClick:()=>{typeof r=="function"?new Promise(async(a,n)=>{try{await r({flowNodeId:e,processInstanceId:s,flowNodeInstanceId:o,taskType:t}),a(!0)}catch(i){n(i)}}):Promise.resolve().then(()=>(Ve(),Le)).then(({finishTask:a})=>a(o,t))}},zo.default.createElement("svg",{className:"!app-sdk-fill-none !app-sdk-stroke-white !app-sdk-stroke-[2px]",width:"14px",height:"14px",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},zo.default.createElement("path",{d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z"})))}var Os=d(require("react"),1);function Ls(){return Os.default.createElement("div",{className:"app-sdk-h-6 app-sdk-w-[1px] app-sdk-my-auto app-sdk-border-l app-sdk-border-r-0 app-sdk-border-t-0 app-sdk-border-b-0 app-sdk-border-collapse app-sdk-border-solid app-sdk-border-gray-900 dark:app-sdk-border-gray-300"})}var wt=d(require("react"),1);function Vs({children:e}){return wt.default.createElement("div",{className:"app-sdk-w-full app-sdk-absolute app-sdk-top-0 app-sdk-left-0 app-sdk-z-40 app-sdk-pt-2 app-sdk-pointer-events-none"},wt.default.createElement("div",{className:"app-sdk-flex app-sdk-w-fit app-sdk-mx-auto app-sdk-rounded-full app-sdk-px-3 app-sdk-py-2 app-sdk-gap-1 app-sdk-border app-sdk-border-solid app-sdk-bg-white/95 dark:app-sdk-bg-black/85 dark:app-sdk-border-none app-sdk-pointer-events-auto"},e))}var $o=d(require("react"),1);var _s=d(require("react"),1);function ge({title:e,disabled:o,children:t,onClick:s}){return _s.default.createElement("button",{title:`${e??""}${o?" (disabled)":""}`,className:D("app-sdk-appearance-none app-sdk-border-none app-sdk-bg-transparent app-sdk-flex app-sdk-h-full app-sdk-my-auto app-sdk-rounded-full app-sdk-p-1",o?"app-sdk-cursor-not-allowed":"app-sdk-cursor-pointer hover:app-sdk-bg-app-sdk-gray-100/40"),onClick:s,disabled:o},t)}function As({onClick:e}){return $o.default.createElement(ge,{title:"Refresh Process Instance Data",onClick:e},$o.default.createElement("svg",{className:"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",width:"1.25rem",height:"1.25rem",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},$o.default.createElement("path",{d:"M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z"})))}var Ho=d(require("react"),1);function zs({onClick:e}){return Ho.default.createElement(re,{title:"Retry Process Here",onClick:e},Ho.default.createElement("svg",{className:"!app-sdk-fill-white !app-sdk-stroke-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Ho.default.createElement("path",{d:"M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z"})))}var K=require("@headlessui/react"),$s=d(require("@monaco-editor/react"),1),V=d(require("react"),1);function Hs(e){let[o,t]=(0,V.useState)("");return(0,V.useEffect)(()=>{t(JSON.stringify(e.flowNodeInstance?.startToken??e.processInstance.startToken??{},null,2))},[e.flowNodeInstance,e.processInstance]),V.default.createElement(K.Dialog,{open:e.isOpen,onClose:e.onClose,className:"app-sdk-relative app-sdk-z-50"},V.default.createElement(K.DialogBackdrop,{transition:!0,className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-gray-500 app-sdk-bg-opacity-25 app-sdk-transition-opacity data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"},V.default.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-flex app-sdk-w-screen app-sdk-items-center app-sdk-justify-center app-sdk-p-4"},V.default.createElement(K.DialogPanel,{className:"app-sdk-max-w-lg app-sdk-space-y-4 app-sdk-shadow-2xl app-sdk-bg-[color:var(--asdk-rd-background-color)] app-sdk-p-8 app-sdk-rounded-xl app-sdk-text-[color:var(--asdk-rd-text-color)]"},V.default.createElement(K.DialogTitle,{className:"app-sdk-font-bold"},"Retry Process Instance"),V.default.createElement(K.Description,{className:"app-sdk-break-words"},"Are you sure you want to retry the Process Instance",e.flowNodeInstance&&` at this Flow Node (${e.flowNodeInstance.flowNodeId})`,"?"),V.default.createElement(K.Description,null,"You can provide a new start token:"),V.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},V.default.createElement("label",null,"Start Token"),V.default.createElement($s.default,{height:"7rem",defaultLanguage:"json",defaultValue:o,onChange:s=>t(s??""),options:{lineNumbersMinChars:2,readOnly:!1,minimap:{enabled:!1},formatOnPaste:!0,formatOnType:!0}})),V.default.createElement("div",{className:"app-sdk-flex app-sdk-justify-end app-sdk-gap-2"},V.default.createElement("button",{className:"app-sdk-bg-[color:var(--asdk-rd-secondary-button-color)] app-sdk-text-[color:var(--asdk-rd-secondary-button-text-color)] app-sdk-rounded-md app-sdk-p-2 app-sdk-border hover:app-sdk-cursor-pointer hover:app-sdk-bg-[color:var(--asdk-rd-secondary-button-hover-color)]",onClick:e.onClose},"Cancel"),V.default.createElement("button",{className:"app-sdk-bg-[color:var(--asdk-rd-primary-button-color)] app-sdk-text-[color:var(--asdk-rd-primary-button-text-color)] app-sdk-rounded-md app-sdk-p-2 app-sdk-border-0 hover:app-sdk-cursor-pointer hover:app-sdk-bg-[color:var(--asdk-rd-primary-button-hover-color)]",onClick:async()=>{let s=JSON.parse(o);await(await Promise.resolve().then(()=>(Ve(),Le))).retryProcess(e.processInstance.processInstanceId,e.flowNodeInstance?.flowNodeInstanceId,s),e.onClose()}},"Retry"))))))}var jo=d(require("react"),1);function js({disabled:e,onClick:o}){return jo.default.createElement(ge,{title:"Retry Process",disabled:e,onClick:o},jo.default.createElement("svg",{className:e?"!app-sdk-stroke-app-sdk-gray-200 dark:!app-sdk-stroke-app-sdk-gray-400 !app-sdk-fill-app-sdk-gray-200 dark:!app-sdk-fill-app-sdk-gray-400":"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",width:"1.25rem",height:"1.25rem",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},jo.default.createElement("path",{d:"M105.1 202.6c7.7-21.8 20.2-42.3 37.8-59.8c62.5-62.5 163.8-62.5 226.3 0L386.3 160H352c-17.7 0-32 14.3-32 32s14.3 32 32 32H463.5c0 0 0 0 0 0h.4c17.7 0 32-14.3 32-32V80c0-17.7-14.3-32-32-32s-32 14.3-32 32v35.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5zM39 289.3c-5 1.5-9.8 4.2-13.7 8.2c-4 4-6.7 8.8-8.1 14c-.3 1.2-.6 2.5-.8 3.8c-.3 1.7-.4 3.4-.4 5.1V432c0 17.7 14.3 32 32 32s32-14.3 32-32V396.9l17.6 17.5 0 0c87.5 87.4 229.3 87.4 316.7 0c24.4-24.4 42.1-53.1 52.9-83.7c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8c-62.5 62.5-163.8 62.5-226.3 0l-.1-.1L125.6 352H160c17.7 0 32-14.3 32-32s-14.3-32-32-32H48.4c-1.6 0-3.2 .1-4.8 .3s-3.1 .5-4.6 1z"})))}var Go=d(require("react"),1);function Gs({processInstanceId:e,disabled:o}){return Go.default.createElement(ge,{title:"Terminate Process",disabled:o,onClick:()=>Promise.resolve().then(()=>(Ve(),Le)).then(({terminateProcess:t})=>t(e))},Go.default.createElement("svg",{className:o?"!app-sdk-stroke-app-sdk-gray-200 dark:!app-sdk-stroke-app-sdk-gray-400 !app-sdk-fill-app-sdk-gray-200 dark:!app-sdk-fill-app-sdk-gray-400":"!app-sdk-stroke-red-600 !app-sdk-fill-red-600",width:"1.25rem",height:"1.25rem",viewBox:"0 0 516 516",xmlns:"http://www.w3.org/2000/svg"},Go.default.createElement("path",{d:"M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm192-96l128 0c17.7 0 32 14.3 32 32l0 128c0 17.7-14.3 32-32 32l-128 0c-17.7 0-32-14.3-32-32l0-128c0-17.7 14.3-32 32-32z"})))}var vt=require("@monaco-editor/react"),I=d(require("react"),1);function Js({processInstance:e,flowNodeInstances:o}){let[t,s]=(0,I.useState)(),[r,a]=(0,I.useState)(!0);(0,I.useEffect)(()=>(r&&o.length>1&&a(!1),()=>{if(r)return;let p=new URLSearchParams(window.location.search);p.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${p.toString()}${window.location.hash}`)}),[r,o]),(0,I.useEffect)(()=>{if(o.length<2){s(void 0);return}let f=new URLSearchParams(window.location.search).get("tokenInspectorFocus");f||s(o[0]);let y=o.find(h=>h.flowNodeId===f);y&&s(y)},[o]),(0,I.useEffect)(()=>{if(r)return;let p=new URLSearchParams(window.location.search);t?p.set("tokenInspectorFocus",t.flowNodeId):p.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${p.toString()}${window.location.hash}`)},[t,r]);let n=(0,I.useMemo)(()=>o.length===1?JSON.stringify(o[0].startToken,null,2):JSON.stringify(t?t.startToken:e?.startToken??{},null,2),[t,o,e]),i=(0,I.useMemo)(()=>o.length===1?JSON.stringify(o[0].endToken,null,2):JSON.stringify(t?t.endToken:e?.endToken??{},null,2),[t,o,e]);return I.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-h-full app-sdk-rounded-3xl app-sdk-p-4 app-sdk-gap-1 app-sdk-bg-white/95 dark:app-sdk-bg-black/85 dark:app-sdk-text-white app-sdk-border app-sdk-border-solid dark:app-sdk-border-none"},I.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-4"},o.length===0?I.default.createElement("label",{className:"app-sdk-break-all"},"Process: ",e.processModelId,e.processModelName&&` (${e.processModelName})`):o.length===1?I.default.createElement("label",{className:"app-sdk-break-all"},"Flow Node: ",o[0].flowNodeId,o[0].flowNodeName&&` (${o[0].flowNodeName})`):I.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1 app-sdk-w-full"},I.default.createElement("label",null,"Select Flow Node:"),I.default.createElement("select",{className:"app-sdk-max-w-full app-sdk-bg-transparent app-sdk-border app-sdk-rounded-md app-sdk-py-2 app-sdk-px-1 app-sdk-text-ellipsis",onChange:p=>s(o.find(f=>f.flowNodeId===p.target.value)),value:t?.flowNodeId??o[0].flowNodeId},o.map(p=>I.default.createElement("option",{key:`token-inspector-option-${p.flowNodeId}`,value:p.flowNodeId},`${p.flowNodeName?`${p.flowNodeName} (${p.flowNodeId})`:p.flowNodeId}`)))),I.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-3"},I.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},I.default.createElement("label",null,"Start Token"),I.default.createElement(vt.Editor,{height:"7rem",defaultLanguage:"json",value:n,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})),I.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},I.default.createElement("label",null,"End Token"),I.default.createElement(vt.Editor,{height:"7rem",defaultLanguage:"json",value:i,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})))))}var ye=d(require("react"),1);function Rs(e){let[o,t]=(0,ye.useState)(e.isOpen??!1);return ye.default.createElement(ge,{disabled:e.disabled,title:"View Process Tokens",onClick:()=>{o?e.close():e.open(),t(s=>!s)}},o?ye.default.createElement("svg",{className:"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",xmlns:"http://www.w3.org/2000/svg",width:"1.25rem",height:"1.25rem",viewBox:"0 0 384 512"},ye.default.createElement("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"})):ye.default.createElement("svg",{className:"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",xmlns:"http://www.w3.org/2000/svg",width:"1.25rem",height:"1.25rem",viewBox:"0 0 448 512"},ye.default.createElement("path",{d:"M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"})))}var Ws=[O.ProcessInstanceState.error,O.ProcessInstanceState.terminated],Kr=[O.BpmnType.manualTask,O.BpmnType.userTask,O.BpmnType.untypedTask],qs=[O.BpmnType.endEvent,O.BpmnType.intermediateThrowEvent,O.BpmnType.sendTask],Qr=[O.BpmnType.startEvent,O.BpmnType.intermediateCatchEvent,O.BpmnType.boundaryEvent,O.BpmnType.receiveTask],Jo={isOpen:!1,placeholder:"",entries:[],onConfirm:()=>{},onClose:()=>{}},ea={isOpen:!1},Ro="asdk-buttons";function Qs(e){let{processInstanceId:o}=e,[t,s]=(0,k.useState)(Jo),[r,a]=(0,k.useState)(ea),[n,i]=(0,k.useState)(!1),[p,f]=(0,k.useState)(),[y,h]=(0,k.useState)([]),[L,W]=(0,k.useState)([]),[l,u]=(0,k.useState)(new Map),[P,Y]=(0,k.useState)([]),[er,bt]=(0,k.useState)([]),b=(0,k.useRef)(null),or=(0,k.useCallback)(async()=>{let m=await Promise.resolve().then(()=>(Ve(),Le)),w=m.getProcessInstance(o),j=m.getFlowNodeInstances(o),[x,_]=await Promise.all([w,j]),N=await m.getTriggeredFlowNodeInstances(_.map(F=>F.flowNodeInstanceId));f(x),h(_),W(N);let M=new URLSearchParams(window.location.search);M.get("tokenInspector")==="true"&&i(!0);let Q=M.getAll("instance"),ae=_.filter(F=>Q.includes(F.flowNodeInstanceId));ae.length!==Q.length&&(M.delete("instance"),ae.forEach(F=>M.append("instance",F.flowNodeInstanceId)),window.history.replaceState({},"",`${window.location.pathname}?${M.toString()}`));let q=new Map;_.forEach(F=>{q.has(F.flowNodeId)||q.set(F.flowNodeId,F.flowNodeInstanceId)}),ae.forEach(F=>q.set(F.flowNodeId,F.flowNodeInstanceId)),u(q)},[o]),tr=(0,k.useCallback)(m=>{let w=(0,Ys.getBusinessObject)(m),j=y.some(_=>_.flowNodeId===w.targetRef.id),x=y.some(_=>_.flowNodeId===w.sourceRef.id&&_.state===O.FlowNodeInstanceState.finished);return j&&x},[y]),Xe=(0,k.useCallback)(async()=>{let m=b.current?.bpmnViewerRef,w=m?.getOverlays();if(!m||!w)return;let j=await Promise.resolve().then(()=>(Ve(),Le)),x=j.getProcessInstance(o),_=j.getFlowNodeInstances(o),[N,M]=await Promise.all([x,_]),_e=await j.getTriggeredFlowNodeInstances(M.map(U=>U.flowNodeInstanceId));if((0,Wo.isEqual)(N,p)&&(0,Wo.isEqual)(M,y)&&(0,Wo.isEqual)(_e,L))return;N.state!==p?.state&&w.clear();for(let[U,Ye]of l.entries()){let Ae=y.find(A=>A.flowNodeInstanceId===Ye);if(!Ae)continue;let Ze=M.find(A=>A.flowNodeId===U);Ze?.flowNodeInstanceId===Ye&&Ae.state===Ze.state||(m.removeMarker(U,`asdk-pii-flow-node-instance-state--${Ae.state}`),w.remove({element:U,type:Ro}))}f(N),h(M),W(_e);let Q=new URLSearchParams(window.location.search),ae=Q.getAll("instance"),q=M.filter(U=>ae.includes(U.flowNodeInstanceId));q.length!==ae.length&&(Q.delete("instance"),q.forEach(U=>Q.append("instance",U.flowNodeInstanceId)),window.history.replaceState({},"",`${window.location.pathname}?${Q.toString()}`));let F=new Map;M.forEach(U=>{F.has(U.flowNodeId)||F.set(U.flowNodeId,U.flowNodeInstanceId)}),q.forEach(U=>F.set(U.flowNodeId,U.flowNodeInstanceId)),u(F)},[b.current,p,l,y,o]),sr=(0,k.useCallback)((m,w)=>{let j=b.current?.bpmnViewerRef,x=j?.getOverlays();if(!j||!x)return;let _=x.get({element:m.id,type:Ro});if(Array.isArray(_)&&_.length>0)return;let N=w.find(A=>A.flowNodeInstanceId===l.get(A.flowNodeId));if(!N)return;let M=e.showFlowNodeExecutionCount&&w.length>1,_e=e.showFlowNodeInstancesListButton&&w.length>1,Q=e.showFinishTaskButton&&Kr.includes(m.type)&&N.state===O.FlowNodeInstanceState.suspended,ae=e.showRetryFlowNodeInstanceButton&&p&&Ws.includes(p.state),q=!1,F=[];if(e.showGoToFlowNodeButton&&Qr.includes(m.type)){let A=N.triggeredByFlowNodeInstance;q=A!==void 0,F=A?[A]:[]}else if(e.showGoToFlowNodeButton&&qs.includes(m.type)){let A=L.filter(z=>z.triggeredByFlowNodeInstance?.flowNodeInstanceId===N.flowNodeInstanceId);q=A.length>0,F=A}if(!M&&!Q&&!ae&&!q)return;let U=m.width<52,Ye=x.add(m.id,Ro,{position:{bottom:-7,left:U?-m.width/2:0},html:"<div></div>"}),Ae=x.get(Ye),Ze=(0,Ks.createRoot)(Ae.htmlContainer),qo=w.indexOf(N)===0,Xo=w.length-w.indexOf(N);Ze.render(k.default.createElement(ms,{width:U?m.width*2:m.width},M&&k.default.createElement(re,{className:"app-sdk-select-none !app-sdk-cursor-default !app-sdk-bg-slate-500",title:`Flow Node was executed ${w.length} times.${qo?"":` You are viewing instance #${Xo}.`}`},`${qo?"":`${Xo}/`}${w.length}`),_e&&k.default.createElement(ks,{onClick:()=>{let A=w.map(X=>({id:X.flowNodeInstanceId,name:`${X.startedAt?.toLocaleString("en-GB")} - ${X.flowNodeInstanceId} - ${X.state}${X.flowNodeInstanceId===N.flowNodeInstanceId?" (selected)":""}`,...X}));s({isOpen:!0,placeholder:"Select instance to display:",entries:A,onConfirm:async X=>{let Yo=w.find(Zo=>Zo.flowNodeInstanceId===X.flowNodeInstanceId);if(!Yo)return;j.removeMarker(N.flowNodeId,`asdk-pii-flow-node-instance-state--${N.state}`),x.remove({element:m.id,type:Ro});let Ke=new URLSearchParams(window.location.search);Ke.getAll("instance").includes(N.flowNodeInstanceId)&&Ke.delete("instance",N.flowNodeInstanceId),w.indexOf(Yo)!==0&&Ke.append("instance",Yo.flowNodeInstanceId),window.history.replaceState({},"",`${window.location.pathname}?${Ke.toString()}${window.location.hash}`),u(Zo=>new Map(Zo).set(m.id,X.flowNodeInstanceId)),s(Jo)},onClose:()=>s(Jo)})}}),q&&k.default.createElement(us,{isSender:qs.includes(m.type),onClick:()=>{if(F.length===1){let z=new URLSearchParams;z.append("selected",F[0].flowNodeId),z.append("instance",F[0].flowNodeInstanceId),window.location.href=`${F[0].processInstanceId}?${z.toString()}`;return}let A=F.map(z=>({id:z.flowNodeInstanceId,name:`${z.startedAt?.toLocaleString("en-GB")} - ${z.flowNodeId}${z.flowNodeName?` - ${z.flowNodeName}`:""}`,...z}));s({isOpen:!0,placeholder:"Select target to go to:",entries:A,onConfirm:z=>{let X=new URLSearchParams;X.append("selected",z.flowNodeId),X.append("instance",z.flowNodeInstanceId),window.location.href=`${z.processInstanceId}?${X.toString()}`},onClose:()=>s(Jo)})}}),Q&&k.default.createElement(Us,{flowNodeId:N.flowNodeId,flowNodeInstanceId:N.flowNodeInstanceId,flowNodeType:m.type,processInstanceId:N.processInstanceId,onPlay:e.onFinish}),ae&&k.default.createElement(zs,{onClick:()=>{a({isOpen:!0,flowNodeInstance:N})}})))},[b.current,p,y,L,l]);if((0,k.useEffect)(()=>{or()},[o]),(0,k.useEffect)(()=>{if(p?.state===O.ProcessInstanceState.finished){Xe();return}let m=setInterval(Xe,1e3);return()=>clearInterval(m)},[Xe,p?.state]),(0,k.useEffect)(()=>{if(P.length===0||y.length===0){bt([]);return}let m=y.filter(w=>{let j=P.includes(w.flowNodeId),x=l.get(w.flowNodeId)===w.flowNodeInstanceId;return j&&x});if(m.length===0){let w=new URLSearchParams(window.location.search);w.delete("tokenInspectorFocus"),window.history.replaceState({},"",`${window.location.pathname}?${w.toString()}${window.location.hash}`)}bt(m)},[y,P,l]),(0,k.useEffect)(()=>{if(!p?.xml)return;let m=b.current?.bpmnViewerRef,w=m?.getElementRegistry();!m||!w||m.onImportDone(()=>{let j=new Set(y.map(x=>x.flowNodeId));w.forEach(x=>{if(x.type==="bpmn:SequenceFlow"){tr(x)?m.addMarker(x.id,"asdk-pii-sequence-flow-finished"):m.hasMarker(x.id,"asdk-pii-sequence-flow-finished")&&m.removeMarker(x.id,"asdk-pii-sequence-flow-finished");return}if(!j.has(x.id))return;let _=y.filter(M=>M.flowNodeId===x.id),N=_.find(M=>M.flowNodeInstanceId===l.get(M.flowNodeId));N&&(m.hasMarker(x.id,"asdk-pii-flow-node-instance-state")||m.addMarker(x.id,"asdk-pii-flow-node-instance-state"),m.hasMarker(x.id,`asdk-pii-flow-node-instance-state--${N.state}`)||m.addMarker(x.id,`asdk-pii-flow-node-instance-state--${N.state}`),sr(x,_))})})},[b.current,p,y,L,l]),!p?.xml)return e.loadingComponent?e.loadingComponent:k.default.createElement("div",{className:"app-sdk-absolute app-sdk-w-screen app-sdk-h-screen app-sdk-flex"},k.default.createElement("div",{className:"app-sdk-m-auto"},"Fetching diagram..."));let rr=e.showProcessRefreshButton||e.showProcessRetryButton||e.showProcessTerminateButton||e.showTokenInspectorButton,ar=e.showTokenInspectorButton&&(e.showProcessRefreshButton||e.showProcessRetryButton||e.showProcessTerminateButton);return k.default.createElement("div",{className:"app-sdk-relative app-sdk-w-full app-sdk-h-full"},k.default.createElement(ps,{...t}),(e.showRetryFlowNodeInstanceButton||e.showProcessRetryButton)&&k.default.createElement(Hs,{...r,processInstance:p,onClose:()=>a(m=>({...m,isOpen:!1}))}),rr&&k.default.createElement(Vs,null,e.showProcessRefreshButton&&k.default.createElement(As,{onClick:Xe}),e.showProcessRetryButton&&k.default.createElement(js,{onClick:()=>a({isOpen:!0}),disabled:!Ws.includes(p.state)}),e.showProcessTerminateButton&&k.default.createElement(Gs,{processInstanceId:o,disabled:p.state!==O.ProcessInstanceState.running}),ar&&k.default.createElement(Ls,null),e.showTokenInspectorButton&&k.default.createElement(Rs,{isOpen:n,open:()=>{let m=new URLSearchParams(window.location.search);m.set("tokenInspector","true"),window.history.replaceState({},"",`${window.location.pathname}?${m.toString()}${window.location.hash}`),i(!0)},close:()=>{let m=new URLSearchParams(window.location.search);m.delete("tokenInspector"),window.history.replaceState({},"",`${window.location.pathname}?${m.toString()}${window.location.hash}`),i(!1)}})),k.default.createElement(Xs.Transition,{show:n},k.default.createElement("div",{className:"app-sdk-transition app-sdk-duration-200 data-[closed]:app-sdk-opacity-0 app-sdk-w-1/4 app-sdk-min-w-64 app-sdk-absolute app-sdk-top-0 app-sdk-right-0 app-sdk-z-40 app-sdk-pt-2 app-sdk-pr-2"},k.default.createElement(Js,{processInstance:p,flowNodeInstances:er}))),k.default.createElement(so,{xml:p.xml,ref:b,setSelectedElementIds:Y}))}var oa=(0,Zs.default)(()=>Promise.resolve(Qs),{ssr:!1});0&&(module.exports={BPMNViewer,BPMNViewerNextJS,BooleanFormField,BpmnViewerComponent,CheckboxFormField,ColorFormField,ConfirmFormField,CustomFormField,DateFormField,DatetimeLocalFormField,DecimalFormField,DiagramDocumentationInspector,DiagramDocumentationInspectorNextJS,DocumentationViewer,DropdownMenu,DropdownMenuItem,DynamicLink,DynamicUi,DynamicUiComponent,EmailFormField,EnumFormField,FileFormField,FlowNode,FormFieldComponentMap,HeaderFormField,HiddenFormField,IntegerFormField,MonthFormField,ParagraphFormField,PasswordFormField,ProcessInstanceInspector,ProcessInstanceInspectorNextJS,RadioFormField,RangeFormField,SelectFormField,SplitterLayout,StringFormField,TelFormField,TextareaFormField,TimeFormField,UrlFormField,WeekFormField});
|
|
24
|
+
FormField: ${a} with ${n} `);continue}if(n.length===1?s[a]=n[0]:s[a]=n,s[a]==""&&delete s[a],s[a]){let i=o.find(p=>p.id===a)?.type;if(i==="boolean"){s[a]=s[a]==="on";continue}if(i==="confirm"){s[a]=JSON.parse(s[a]);continue}if(i==="number"){s[a]=parseFloat(s[a]);continue}if(i==="long"){s[a]=parseInt(s[a]);continue}}}let r=o.filter(a=>a.type==="boolean");return r.length&&r.forEach(a=>{s[a.id]||(s[a.id]=!1)}),t.forEach((a,n)=>{if(typeof a.ref.current?.getValue=="function"){let i=a.ref.current.getValue();(typeof i=="boolean"||typeof i=="number"||typeof i=="string"||Array.isArray(i)||i==null||i?.toString()==="[object Object]")&&(s[n]=i)}}),s}var Zs=require("@headlessui/react"),Ks=require("bpmn-js/lib/util/ModelUtil"),Wo=require("lodash"),Qs=d(require("next/dynamic"),1),k=d(require("react"),1),er=require("react-dom/client"),O=require("@5minds/processcube_engine_sdk");var R=require("@headlessui/react"),ls=require("@heroicons/react/24/outline"),J=d(require("react"),1);function cs(e){let[o,t]=(0,J.useState)(""),s=o===""?e.entries:e.entries.filter(r=>r.name.toLowerCase().includes(o.toLowerCase()));return J.default.createElement(R.Dialog,{className:"app-sdk-relative app-sdk-z-50",open:e.isOpen,onClose:()=>{e.onClose(),t("")}},J.default.createElement(R.DialogBackdrop,{transition:!0,className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-gray-500 app-sdk-bg-opacity-25 app-sdk-transition-opacity data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"}),J.default.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-z-10 app-sdk-w-screen app-sdk-overflow-y-auto app-sdk-p-4 sm:app-sdk-p-6 md:app-sdk-p-20"},J.default.createElement(R.DialogPanel,{transition:!0,className:"app-sdk-mx-auto app-sdk-max-w-xl app-sdk-transform app-sdk-rounded-xl app-sdk-bg-[color:var(--asdk-cmdp-background-color)] app-sdk-p-2 app-sdk-shadow-2xl app-sdk-ring-1 app-sdk-ring-black app-sdk-ring-opacity-5 app-sdk-transition-all data-[closed]:app-sdk-scale-95 data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"},J.default.createElement(R.Combobox,{onChange:r=>{r&&e.onConfirm(r)}},J.default.createElement(R.ComboboxInput,{autoFocus:!0,className:"app-sdk-w-full app-sdk-ring-offset-2 app-sdk-rounded-md app-sdk-border-0 app-sdk-bg-[color:var(--asdk-cmdp-input-color)] app-sdk-px-4 app-sdk-py-2.5 app-sdk-text-[color:var(--asdk-cmdp-text-color)] sm:app-sdk-text-sm",placeholder:e.placeholder,onChange:r=>t(r.target.value),onBlur:()=>t("")}),s.length>0&&J.default.createElement(R.ComboboxOptions,{static:!0,className:"app-sdk-mb-2 app-sdk-max-h-72 app-sdk-scroll-py-2 app-sdk-overflow-y-auto app-sdk-py-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-cmdp-text-color)]"},s.map(r=>J.default.createElement(R.ComboboxOption,{key:r.id,value:r,className:({focus:a})=>D("app-sdk-cursor-default app-sdk-select-none app-sdk-rounded-md app-sdk-px-4 app-sdk-py-2",a&&"app-sdk-bg-[color:var(--asdk-cmdp-focus-color)] app-sdk-text-white")},r.name))),o!==""&&s.length===0&&J.default.createElement("div",{className:"app-sdk-px-4 app-sdk-py-14 app-sdk-text-center sm:app-sdk-px-14"},J.default.createElement(ls.UsersIcon,{className:"app-sdk-mx-auto app-sdk-h-6 app-sdk-w-6 app-sdk-text-gray-400","aria-hidden":"true"}),J.default.createElement("p",{className:"app-sdk-mt-4 app-sdk-text-sm app-sdk-text-[color:var(--asdk-cmdp-text-color)]"},e.noResultsText||"No entries found using that search term."))))))}var ms=d(require("react"),1);function re({title:e,children:o,className:t,onClick:s}){return ms.default.createElement("button",{title:e,className:D(t,"app-sdk-appearance-none app-sdk-border-none app-sdk-pointer-events-auto app-sdk-cursor-pointer app-sdk-flex app-sdk-w-6 app-sdk-min-w-6 app-sdk-max-w-6 app-sdk-h-4 app-sdk-text-white app-sdk-bg-cyan-800 app-sdk-rounded app-sdk-text-xs app-sdk-items-center app-sdk-justify-center"),onClick:s},o)}var us=d(require("react"),1);function ks({width:e,children:o}){return us.default.createElement("div",{className:"app-sdk-flex app-sdk-gap-1 app-sdk-justify-center app-sdk-flex-wrap",style:{width:`${e}px`}},o)}var Vo=d(require("react"),1);function fs({isSender:e,onClick:o}){return Vo.default.createElement(re,{title:`Go to ${e?"Target":"Source"}`,onClick:o},Vo.default.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Vo.default.createElement("path",{d:"M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"})))}var _o=d(require("react"),1);function hs({onClick:e}){return _o.default.createElement(re,{onClick:e,title:"List Instances"},_o.default.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},_o.default.createElement("path",{d:"M24 56c0-13.3 10.7-24 24-24H80c13.3 0 24 10.7 24 24V176h16c13.3 0 24 10.7 24 24s-10.7 24-24 24H40c-13.3 0-24-10.7-24-24s10.7-24 24-24H56V80H48C34.7 80 24 69.3 24 56zM86.7 341.2c-6.5-7.4-18.3-6.9-24 1.2L51.5 357.9c-7.7 10.8-22.7 13.3-33.5 5.6s-13.3-22.7-5.6-33.5l11.1-15.6c23.7-33.2 72.3-35.6 99.2-4.9c21.3 24.4 20.8 60.9-1.1 84.7L86.8 432H120c13.3 0 24 10.7 24 24s-10.7 24-24 24H32c-9.5 0-18.2-5.6-22-14.4s-2.1-18.9 4.3-25.9l72-78c5.3-5.8 5.4-14.6 .3-20.5zM224 64H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32z"})))}var zo=d(require("react"),1);function Ls({flowNodeId:e,flowNodeInstanceId:o,flowNodeType:t,processInstanceId:s,onPlay:r}){return zo.default.createElement(re,{title:"Run Task",className:"asdk-pii-play-button",onClick:()=>{typeof r=="function"?new Promise(async(a,n)=>{try{await r({flowNodeId:e,processInstanceId:s,flowNodeInstanceId:o,taskType:t}),a(!0)}catch(i){n(i)}}):Promise.resolve().then(()=>(Ve(),Le)).then(({finishTask:a})=>a(o,t))}},zo.default.createElement("svg",{className:"!app-sdk-fill-none !app-sdk-stroke-white !app-sdk-stroke-[2px]",width:"14px",height:"14px",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},zo.default.createElement("path",{d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z"})))}var Vs=d(require("react"),1);function _s(){return Vs.default.createElement("div",{className:"app-sdk-h-6 app-sdk-w-[1px] app-sdk-my-auto app-sdk-border-l app-sdk-border-r-0 app-sdk-border-t-0 app-sdk-border-b-0 app-sdk-border-collapse app-sdk-border-solid app-sdk-border-gray-900 dark:app-sdk-border-gray-300"})}var wt=d(require("react"),1);function As({children:e}){return wt.default.createElement("div",{className:"app-sdk-w-full app-sdk-absolute app-sdk-top-0 app-sdk-left-0 app-sdk-z-40 app-sdk-pt-2 app-sdk-pointer-events-none"},wt.default.createElement("div",{className:"app-sdk-flex app-sdk-w-fit app-sdk-mx-auto app-sdk-rounded-full app-sdk-px-3 app-sdk-py-2 app-sdk-gap-1 app-sdk-border app-sdk-border-solid app-sdk-bg-white/95 dark:app-sdk-bg-black/85 dark:app-sdk-border-none app-sdk-pointer-events-auto"},e))}var $o=d(require("react"),1);var zs=d(require("react"),1);function ge({title:e,disabled:o,children:t,onClick:s}){return zs.default.createElement("button",{title:`${e??""}${o?" (disabled)":""}`,className:D("app-sdk-appearance-none app-sdk-border-none app-sdk-bg-transparent app-sdk-flex app-sdk-h-full app-sdk-my-auto app-sdk-rounded-full app-sdk-p-1",o?"app-sdk-cursor-not-allowed":"app-sdk-cursor-pointer hover:app-sdk-bg-app-sdk-gray-100/40"),onClick:s,disabled:o},t)}function $s({onClick:e}){return $o.default.createElement(ge,{title:"Refresh Process Instance Data",onClick:e},$o.default.createElement("svg",{className:"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",width:"1.25rem",height:"1.25rem",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},$o.default.createElement("path",{d:"M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z"})))}var Ho=d(require("react"),1);function Hs({onClick:e}){return Ho.default.createElement(re,{title:"Retry Process Here",onClick:e},Ho.default.createElement("svg",{className:"!app-sdk-fill-white !app-sdk-stroke-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Ho.default.createElement("path",{d:"M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z"})))}var K=require("@headlessui/react"),js=d(require("@monaco-editor/react"),1),V=d(require("react"),1);function Gs(e){let[o,t]=(0,V.useState)("");return(0,V.useEffect)(()=>{t(JSON.stringify(e.flowNodeInstance?.startToken??e.processInstance.startToken??{},null,2))},[e.flowNodeInstance,e.processInstance]),V.default.createElement(K.Dialog,{open:e.isOpen,onClose:e.onClose,className:"app-sdk-relative app-sdk-z-50"},V.default.createElement(K.DialogBackdrop,{transition:!0,className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-gray-500 app-sdk-bg-opacity-25 app-sdk-transition-opacity data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"},V.default.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-flex app-sdk-w-screen app-sdk-items-center app-sdk-justify-center app-sdk-p-4"},V.default.createElement(K.DialogPanel,{className:"app-sdk-max-w-lg app-sdk-space-y-4 app-sdk-shadow-2xl app-sdk-bg-[color:var(--asdk-rd-background-color)] app-sdk-p-8 app-sdk-rounded-xl app-sdk-text-[color:var(--asdk-rd-text-color)]"},V.default.createElement(K.DialogTitle,{className:"app-sdk-font-bold"},"Retry Process Instance"),V.default.createElement(K.Description,{className:"app-sdk-break-words"},"Are you sure you want to retry the Process Instance",e.flowNodeInstance&&` at this Flow Node (${e.flowNodeInstance.flowNodeId})`,"?"),V.default.createElement(K.Description,null,"You can provide a new start token:"),V.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},V.default.createElement("label",null,"Start Token"),V.default.createElement(js.default,{height:"7rem",defaultLanguage:"json",defaultValue:o,onChange:s=>t(s??""),options:{lineNumbersMinChars:2,readOnly:!1,minimap:{enabled:!1},formatOnPaste:!0,formatOnType:!0}})),V.default.createElement("div",{className:"app-sdk-flex app-sdk-justify-end app-sdk-gap-2"},V.default.createElement("button",{className:"app-sdk-bg-[color:var(--asdk-rd-secondary-button-color)] app-sdk-text-[color:var(--asdk-rd-secondary-button-text-color)] app-sdk-rounded-md app-sdk-p-2 app-sdk-border hover:app-sdk-cursor-pointer hover:app-sdk-bg-[color:var(--asdk-rd-secondary-button-hover-color)]",onClick:e.onClose},"Cancel"),V.default.createElement("button",{className:"app-sdk-bg-[color:var(--asdk-rd-primary-button-color)] app-sdk-text-[color:var(--asdk-rd-primary-button-text-color)] app-sdk-rounded-md app-sdk-p-2 app-sdk-border-0 hover:app-sdk-cursor-pointer hover:app-sdk-bg-[color:var(--asdk-rd-primary-button-hover-color)]",onClick:async()=>{let s=JSON.parse(o);await(await Promise.resolve().then(()=>(Ve(),Le))).retryProcess(e.processInstance.processInstanceId,e.flowNodeInstance?.flowNodeInstanceId,s),e.onClose()}},"Retry"))))))}var jo=d(require("react"),1);function Js({disabled:e,onClick:o}){return jo.default.createElement(ge,{title:"Retry Process",disabled:e,onClick:o},jo.default.createElement("svg",{className:e?"!app-sdk-stroke-app-sdk-gray-200 dark:!app-sdk-stroke-app-sdk-gray-400 !app-sdk-fill-app-sdk-gray-200 dark:!app-sdk-fill-app-sdk-gray-400":"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",width:"1.25rem",height:"1.25rem",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},jo.default.createElement("path",{d:"M105.1 202.6c7.7-21.8 20.2-42.3 37.8-59.8c62.5-62.5 163.8-62.5 226.3 0L386.3 160H352c-17.7 0-32 14.3-32 32s14.3 32 32 32H463.5c0 0 0 0 0 0h.4c17.7 0 32-14.3 32-32V80c0-17.7-14.3-32-32-32s-32 14.3-32 32v35.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5zM39 289.3c-5 1.5-9.8 4.2-13.7 8.2c-4 4-6.7 8.8-8.1 14c-.3 1.2-.6 2.5-.8 3.8c-.3 1.7-.4 3.4-.4 5.1V432c0 17.7 14.3 32 32 32s32-14.3 32-32V396.9l17.6 17.5 0 0c87.5 87.4 229.3 87.4 316.7 0c24.4-24.4 42.1-53.1 52.9-83.7c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8c-62.5 62.5-163.8 62.5-226.3 0l-.1-.1L125.6 352H160c17.7 0 32-14.3 32-32s-14.3-32-32-32H48.4c-1.6 0-3.2 .1-4.8 .3s-3.1 .5-4.6 1z"})))}var Go=d(require("react"),1);function Rs({processInstanceId:e,disabled:o}){return Go.default.createElement(ge,{title:"Terminate Process",disabled:o,onClick:()=>Promise.resolve().then(()=>(Ve(),Le)).then(({terminateProcess:t})=>t(e))},Go.default.createElement("svg",{className:o?"!app-sdk-stroke-app-sdk-gray-200 dark:!app-sdk-stroke-app-sdk-gray-400 !app-sdk-fill-app-sdk-gray-200 dark:!app-sdk-fill-app-sdk-gray-400":"!app-sdk-stroke-red-600 !app-sdk-fill-red-600",width:"1.25rem",height:"1.25rem",viewBox:"0 0 516 516",xmlns:"http://www.w3.org/2000/svg"},Go.default.createElement("path",{d:"M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm192-96l128 0c17.7 0 32 14.3 32 32l0 128c0 17.7-14.3 32-32 32l-128 0c-17.7 0-32-14.3-32-32l0-128c0-17.7 14.3-32 32-32z"})))}var vt=require("@monaco-editor/react"),I=d(require("react"),1);function Ws({processInstance:e,flowNodeInstances:o}){let[t,s]=(0,I.useState)(),[r,a]=(0,I.useState)(!0);(0,I.useEffect)(()=>(r&&o.length>1&&a(!1),()=>{if(r)return;let p=new URLSearchParams(window.location.search);p.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${p.toString()}${window.location.hash}`)}),[r,o]),(0,I.useEffect)(()=>{if(o.length<2){s(void 0);return}let f=new URLSearchParams(window.location.search).get("tokenInspectorFocus");f||s(o[0]);let y=o.find(h=>h.flowNodeId===f);y&&s(y)},[o]),(0,I.useEffect)(()=>{if(r)return;let p=new URLSearchParams(window.location.search);t?p.set("tokenInspectorFocus",t.flowNodeId):p.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${p.toString()}${window.location.hash}`)},[t,r]);let n=(0,I.useMemo)(()=>o.length===1?JSON.stringify(o[0].startToken,null,2):JSON.stringify(t?t.startToken:e?.startToken??{},null,2),[t,o,e]),i=(0,I.useMemo)(()=>o.length===1?JSON.stringify(o[0].endToken,null,2):JSON.stringify(t?t.endToken:e?.endToken??{},null,2),[t,o,e]);return I.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-h-full app-sdk-rounded-3xl app-sdk-p-4 app-sdk-gap-1 app-sdk-bg-white/95 dark:app-sdk-bg-black/85 dark:app-sdk-text-white app-sdk-border app-sdk-border-solid dark:app-sdk-border-none"},I.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-4"},o.length===0?I.default.createElement("label",{className:"app-sdk-break-all"},"Process: ",e.processModelId,e.processModelName&&` (${e.processModelName})`):o.length===1?I.default.createElement("label",{className:"app-sdk-break-all"},"Flow Node: ",o[0].flowNodeId,o[0].flowNodeName&&` (${o[0].flowNodeName})`):I.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1 app-sdk-w-full"},I.default.createElement("label",null,"Select Flow Node:"),I.default.createElement("select",{className:"app-sdk-max-w-full app-sdk-bg-transparent app-sdk-border app-sdk-rounded-md app-sdk-py-2 app-sdk-px-1 app-sdk-text-ellipsis",onChange:p=>s(o.find(f=>f.flowNodeId===p.target.value)),value:t?.flowNodeId??o[0].flowNodeId},o.map(p=>I.default.createElement("option",{key:`token-inspector-option-${p.flowNodeId}`,value:p.flowNodeId},`${p.flowNodeName?`${p.flowNodeName} (${p.flowNodeId})`:p.flowNodeId}`)))),I.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-3"},I.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},I.default.createElement("label",null,"Start Token"),I.default.createElement(vt.Editor,{height:"7rem",defaultLanguage:"json",value:n,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})),I.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},I.default.createElement("label",null,"End Token"),I.default.createElement(vt.Editor,{height:"7rem",defaultLanguage:"json",value:i,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})))))}var ye=d(require("react"),1);function qs(e){let[o,t]=(0,ye.useState)(e.isOpen??!1);return ye.default.createElement(ge,{disabled:e.disabled,title:"View Process Tokens",onClick:()=>{o?e.close():e.open(),t(s=>!s)}},o?ye.default.createElement("svg",{className:"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",xmlns:"http://www.w3.org/2000/svg",width:"1.25rem",height:"1.25rem",viewBox:"0 0 384 512"},ye.default.createElement("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"})):ye.default.createElement("svg",{className:"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",xmlns:"http://www.w3.org/2000/svg",width:"1.25rem",height:"1.25rem",viewBox:"0 0 448 512"},ye.default.createElement("path",{d:"M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"})))}var Xs=[O.ProcessInstanceState.error,O.ProcessInstanceState.terminated],ta=[O.BpmnType.manualTask,O.BpmnType.userTask,O.BpmnType.untypedTask],Ys=[O.BpmnType.endEvent,O.BpmnType.intermediateThrowEvent,O.BpmnType.sendTask],sa=[O.BpmnType.startEvent,O.BpmnType.intermediateCatchEvent,O.BpmnType.boundaryEvent,O.BpmnType.receiveTask],Jo={isOpen:!1,placeholder:"",entries:[],onConfirm:()=>{},onClose:()=>{}},ra={isOpen:!1},Ro="asdk-buttons";function or(e){let{processInstanceId:o}=e,[t,s]=(0,k.useState)(Jo),[r,a]=(0,k.useState)(ra),[n,i]=(0,k.useState)(!1),[p,f]=(0,k.useState)(),[y,h]=(0,k.useState)([]),[L,W]=(0,k.useState)([]),[l,u]=(0,k.useState)(new Map),[P,Y]=(0,k.useState)([]),[tr,bt]=(0,k.useState)([]),b=(0,k.useRef)(null),sr=(0,k.useCallback)(async()=>{let m=await Promise.resolve().then(()=>(Ve(),Le)),w=m.getProcessInstance(o),j=m.getFlowNodeInstances(o),[x,_]=await Promise.all([w,j]),N=await m.getTriggeredFlowNodeInstances(_.map(F=>F.flowNodeInstanceId));f(x),h(_),W(N);let M=new URLSearchParams(window.location.search);M.get("tokenInspector")==="true"&&i(!0);let Q=M.getAll("instance"),ae=_.filter(F=>Q.includes(F.flowNodeInstanceId));ae.length!==Q.length&&(M.delete("instance"),ae.forEach(F=>M.append("instance",F.flowNodeInstanceId)),window.history.replaceState({},"",`${window.location.pathname}?${M.toString()}`));let q=new Map;_.forEach(F=>{q.has(F.flowNodeId)||q.set(F.flowNodeId,F.flowNodeInstanceId)}),ae.forEach(F=>q.set(F.flowNodeId,F.flowNodeInstanceId)),u(q)},[o]),rr=(0,k.useCallback)(m=>{let w=(0,Ks.getBusinessObject)(m),j=y.some(_=>_.flowNodeId===w.targetRef.id),x=y.some(_=>_.flowNodeId===w.sourceRef.id&&_.state===O.FlowNodeInstanceState.finished);return j&&x},[y]),Xe=(0,k.useCallback)(async()=>{let m=b.current?.bpmnViewerRef,w=m?.getOverlays();if(!m||!w)return;let j=await Promise.resolve().then(()=>(Ve(),Le)),x=j.getProcessInstance(o),_=j.getFlowNodeInstances(o),[N,M]=await Promise.all([x,_]),_e=await j.getTriggeredFlowNodeInstances(M.map(U=>U.flowNodeInstanceId));if((0,Wo.isEqual)(N,p)&&(0,Wo.isEqual)(M,y)&&(0,Wo.isEqual)(_e,L))return;N.state!==p?.state&&w.clear();for(let[U,Ye]of l.entries()){let Ae=y.find(A=>A.flowNodeInstanceId===Ye);if(!Ae)continue;let Ze=M.find(A=>A.flowNodeId===U);Ze?.flowNodeInstanceId===Ye&&Ae.state===Ze.state||(m.removeMarker(U,`asdk-pii-flow-node-instance-state--${Ae.state}`),w.remove({element:U,type:Ro}))}f(N),h(M),W(_e);let Q=new URLSearchParams(window.location.search),ae=Q.getAll("instance"),q=M.filter(U=>ae.includes(U.flowNodeInstanceId));q.length!==ae.length&&(Q.delete("instance"),q.forEach(U=>Q.append("instance",U.flowNodeInstanceId)),window.history.replaceState({},"",`${window.location.pathname}?${Q.toString()}`));let F=new Map;M.forEach(U=>{F.has(U.flowNodeId)||F.set(U.flowNodeId,U.flowNodeInstanceId)}),q.forEach(U=>F.set(U.flowNodeId,U.flowNodeInstanceId)),u(F)},[b.current,p,l,y,o]),ar=(0,k.useCallback)((m,w)=>{let j=b.current?.bpmnViewerRef,x=j?.getOverlays();if(!j||!x)return;let _=x.get({element:m.id,type:Ro});if(Array.isArray(_)&&_.length>0)return;let N=w.find(A=>A.flowNodeInstanceId===l.get(A.flowNodeId));if(!N)return;let M=e.showFlowNodeExecutionCount&&w.length>1,_e=e.showFlowNodeInstancesListButton&&w.length>1,Q=e.showFinishTaskButton&&ta.includes(m.type)&&N.state===O.FlowNodeInstanceState.suspended,ae=e.showRetryFlowNodeInstanceButton&&p&&Xs.includes(p.state),q=!1,F=[];if(e.showGoToFlowNodeButton&&sa.includes(m.type)){let A=N.triggeredByFlowNodeInstance;q=A!==void 0,F=A?[A]:[]}else if(e.showGoToFlowNodeButton&&Ys.includes(m.type)){let A=L.filter(z=>z.triggeredByFlowNodeInstance?.flowNodeInstanceId===N.flowNodeInstanceId);q=A.length>0,F=A}if(!M&&!Q&&!ae&&!q)return;let U=m.width<52,Ye=x.add(m.id,Ro,{position:{bottom:-7,left:U?-m.width/2:0},html:"<div></div>"}),Ae=x.get(Ye),Ze=(0,er.createRoot)(Ae.htmlContainer),qo=w.indexOf(N)===0,Xo=w.length-w.indexOf(N);Ze.render(k.default.createElement(ks,{width:U?m.width*2:m.width},M&&k.default.createElement(re,{className:"app-sdk-select-none !app-sdk-cursor-default !app-sdk-bg-slate-500",title:`Flow Node was executed ${w.length} times.${qo?"":` You are viewing instance #${Xo}.`}`},`${qo?"":`${Xo}/`}${w.length}`),_e&&k.default.createElement(hs,{onClick:()=>{let A=w.map(X=>({id:X.flowNodeInstanceId,name:`${X.startedAt?.toLocaleString("en-GB")} - ${X.flowNodeInstanceId} - ${X.state}${X.flowNodeInstanceId===N.flowNodeInstanceId?" (selected)":""}`,...X}));s({isOpen:!0,placeholder:"Select instance to display:",entries:A,onConfirm:async X=>{let Yo=w.find(Zo=>Zo.flowNodeInstanceId===X.flowNodeInstanceId);if(!Yo)return;j.removeMarker(N.flowNodeId,`asdk-pii-flow-node-instance-state--${N.state}`),x.remove({element:m.id,type:Ro});let Ke=new URLSearchParams(window.location.search);Ke.getAll("instance").includes(N.flowNodeInstanceId)&&Ke.delete("instance",N.flowNodeInstanceId),w.indexOf(Yo)!==0&&Ke.append("instance",Yo.flowNodeInstanceId),window.history.replaceState({},"",`${window.location.pathname}?${Ke.toString()}${window.location.hash}`),u(Zo=>new Map(Zo).set(m.id,X.flowNodeInstanceId)),s(Jo)},onClose:()=>s(Jo)})}}),q&&k.default.createElement(fs,{isSender:Ys.includes(m.type),onClick:()=>{if(F.length===1){let z=new URLSearchParams;z.append("selected",F[0].flowNodeId),z.append("instance",F[0].flowNodeInstanceId),window.location.href=`${F[0].processInstanceId}?${z.toString()}`;return}let A=F.map(z=>({id:z.flowNodeInstanceId,name:`${z.startedAt?.toLocaleString("en-GB")} - ${z.flowNodeId}${z.flowNodeName?` - ${z.flowNodeName}`:""}`,...z}));s({isOpen:!0,placeholder:"Select target to go to:",entries:A,onConfirm:z=>{let X=new URLSearchParams;X.append("selected",z.flowNodeId),X.append("instance",z.flowNodeInstanceId),window.location.href=`${z.processInstanceId}?${X.toString()}`},onClose:()=>s(Jo)})}}),Q&&k.default.createElement(Ls,{flowNodeId:N.flowNodeId,flowNodeInstanceId:N.flowNodeInstanceId,flowNodeType:m.type,processInstanceId:N.processInstanceId,onPlay:e.onFinish}),ae&&k.default.createElement(Hs,{onClick:()=>{a({isOpen:!0,flowNodeInstance:N})}})))},[b.current,p,y,L,l]);if((0,k.useEffect)(()=>{sr()},[o]),(0,k.useEffect)(()=>{if(p?.state===O.ProcessInstanceState.finished){Xe();return}let m=setInterval(Xe,1e3);return()=>clearInterval(m)},[Xe,p?.state]),(0,k.useEffect)(()=>{if(P.length===0||y.length===0){bt([]);return}let m=y.filter(w=>{let j=P.includes(w.flowNodeId),x=l.get(w.flowNodeId)===w.flowNodeInstanceId;return j&&x});if(m.length===0){let w=new URLSearchParams(window.location.search);w.delete("tokenInspectorFocus"),window.history.replaceState({},"",`${window.location.pathname}?${w.toString()}${window.location.hash}`)}bt(m)},[y,P,l]),(0,k.useEffect)(()=>{if(!p?.xml)return;let m=b.current?.bpmnViewerRef,w=m?.getElementRegistry();!m||!w||m.onImportDone(()=>{let j=new Set(y.map(x=>x.flowNodeId));w.forEach(x=>{if(x.type==="bpmn:SequenceFlow"){rr(x)?m.addMarker(x.id,"asdk-pii-sequence-flow-finished"):m.hasMarker(x.id,"asdk-pii-sequence-flow-finished")&&m.removeMarker(x.id,"asdk-pii-sequence-flow-finished");return}if(!j.has(x.id))return;let _=y.filter(M=>M.flowNodeId===x.id),N=_.find(M=>M.flowNodeInstanceId===l.get(M.flowNodeId));N&&(m.hasMarker(x.id,"asdk-pii-flow-node-instance-state")||m.addMarker(x.id,"asdk-pii-flow-node-instance-state"),m.hasMarker(x.id,`asdk-pii-flow-node-instance-state--${N.state}`)||m.addMarker(x.id,`asdk-pii-flow-node-instance-state--${N.state}`),ar(x,_))})})},[b.current,p,y,L,l]),!p?.xml)return e.loadingComponent?e.loadingComponent:k.default.createElement("div",{className:"app-sdk-absolute app-sdk-w-screen app-sdk-h-screen app-sdk-flex"},k.default.createElement("div",{className:"app-sdk-m-auto"},"Fetching diagram..."));let nr=e.showProcessRefreshButton||e.showProcessRetryButton||e.showProcessTerminateButton||e.showTokenInspectorButton,dr=e.showTokenInspectorButton&&(e.showProcessRefreshButton||e.showProcessRetryButton||e.showProcessTerminateButton);return k.default.createElement("div",{className:"app-sdk-relative app-sdk-w-full app-sdk-h-full"},k.default.createElement(cs,{...t}),(e.showRetryFlowNodeInstanceButton||e.showProcessRetryButton)&&k.default.createElement(Gs,{...r,processInstance:p,onClose:()=>a(m=>({...m,isOpen:!1}))}),nr&&k.default.createElement(As,null,e.showProcessRefreshButton&&k.default.createElement($s,{onClick:Xe}),e.showProcessRetryButton&&k.default.createElement(Js,{onClick:()=>a({isOpen:!0}),disabled:!Xs.includes(p.state)}),e.showProcessTerminateButton&&k.default.createElement(Rs,{processInstanceId:o,disabled:p.state!==O.ProcessInstanceState.running}),dr&&k.default.createElement(_s,null),e.showTokenInspectorButton&&k.default.createElement(qs,{isOpen:n,open:()=>{let m=new URLSearchParams(window.location.search);m.set("tokenInspector","true"),window.history.replaceState({},"",`${window.location.pathname}?${m.toString()}${window.location.hash}`),i(!0)},close:()=>{let m=new URLSearchParams(window.location.search);m.delete("tokenInspector"),window.history.replaceState({},"",`${window.location.pathname}?${m.toString()}${window.location.hash}`),i(!1)}})),k.default.createElement(Zs.Transition,{show:n},k.default.createElement("div",{className:"app-sdk-transition app-sdk-duration-200 data-[closed]:app-sdk-opacity-0 app-sdk-w-1/4 app-sdk-min-w-64 app-sdk-absolute app-sdk-top-0 app-sdk-right-0 app-sdk-z-40 app-sdk-pt-2 app-sdk-pr-2"},k.default.createElement(Ws,{processInstance:p,flowNodeInstances:tr}))),k.default.createElement(so,{xml:p.xml,ref:b,setSelectedElementIds:Y}))}var aa=(0,Qs.default)(()=>Promise.resolve(or),{ssr:!1});0&&(module.exports={BPMNViewer,BPMNViewerNextJS,BooleanFormField,BpmnViewerComponent,CheckboxFormField,ColorFormField,ConfirmFormField,CustomFormField,DateFormField,DatetimeLocalFormField,DecimalFormField,DiagramDocumentationInspector,DiagramDocumentationInspectorNextJS,DocumentationViewer,DropdownMenu,DropdownMenuItem,DynamicLink,DynamicUi,DynamicUiComponent,EmailFormField,EnumFormField,FileFormField,FlowNode,FormFieldComponentMap,HeaderFormField,HiddenFormField,IntegerFormField,MonthFormField,ParagraphFormField,PasswordFormField,ProcessInstanceInspector,ProcessInstanceInspectorNextJS,RadioFormField,RangeFormField,SelectFormField,SplitterLayout,StringFormField,TelFormField,TextareaFormField,TimeFormField,UrlFormField,WeekFormField});
|