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