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

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

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

Files changed (28) hide show

package/build/client/index.mjs CHANGED Viewed

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

package/build/client/root.css CHANGED Viewed

	@@ -1 +1 @@
1	- .dark,.dark {--asdk-focus-color: var(--app-sdk-focus-color, #007bff40);--asdk-text-color: var(--app-sdk-text-color, #cdcdcd)},:before,:after{--asdk-focus-color: var(--app-sdk-focus-color, #0369a1);--asdk-text-color: var(--app-sdk-text-color, #374151)}.app-sdk-default-styles {line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;--tw-content: "";margin:0;line-height:inherit},:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.app-sdk-form-input,.app-sdk-form-textarea,.app-sdk-form-select,.app-sdk-form-multiselect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}.app-sdk-form-input:focus,.app-sdk-form-textarea:focus,.app-sdk-form-select:focus,.app-sdk-form-multiselect:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}.app-sdk-form-input::-moz-placeholder,.app-sdk-form-textarea::-moz-placeholder{color:#6b7280;opacity:1}.app-sdk-form-input::placeholder,.app-sdk-form-textarea::placeholder{color:#6b7280;opacity:1}.app-sdk-form-input::-webkit-datetime-edit-fields-wrapper{padding:0}.app-sdk-form-input::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}.app-sdk-form-input::-webkit-datetime-edit{display:inline-flex}.app-sdk-form-input::-webkit-datetime-edit,.app-sdk-form-input::-webkit-datetime-edit-year-field,.app-sdk-form-input::-webkit-datetime-edit-month-field,.app-sdk-form-input::-webkit-datetime-edit-day-field,.app-sdk-form-input::-webkit-datetime-edit-hour-field,.app-sdk-form-input::-webkit-datetime-edit-minute-field,.app-sdk-form-input::-webkit-datetime-edit-second-field,.app-sdk-form-input::-webkit-datetime-edit-millisecond-field,.app-sdk-form-input::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}.app-sdk-form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}.app-sdk-form-select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}.app-sdk-form-checkbox,.app-sdk-form-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}.app-sdk-form-checkbox{border-radius:0}.app-sdk-form-radio{border-radius:100%}.app-sdk-form-checkbox:focus,.app-sdk-form-radio:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.app-sdk-form-checkbox:checked,.app-sdk-form-radio:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}.app-sdk-form-checkbox:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){.app-sdk-form-checkbox:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.app-sdk-form-radio:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){.app-sdk-form-radio:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.app-sdk-form-checkbox:checked:hover,.app-sdk-form-checkbox:checked:focus,.app-sdk-form-radio:checked:hover,.app-sdk-form-radio:checked:focus{border-color:transparent;background-color:currentColor}.app-sdk-form-checkbox:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){.app-sdk-form-checkbox:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.app-sdk-form-checkbox:indeterminate:hover,.app-sdk-form-checkbox:indeterminate:focus{border-color:transparent;background-color:currentColor}.app-sdk-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app-sdk-absolute{position:absolute}.app-sdk-relative{position:relative}.app-sdk-right-0{right:0}.app-sdk-z-10{z-index:10}.app-sdk-m-0{margin:0}.app-sdk-mx-10{margin-left:2.5rem;margin-right:2.5rem}.app-sdk-mx-auto{margin-left:auto;margin-right:auto}.app-sdk-ml-3{margin-left:.75rem}.app-sdk-mt-1{margin-top:.25rem}.app-sdk-mt-2{margin-top:.5rem}.app-sdk-block{display:block}.app-sdk-inline-block{display:inline-block}.app-sdk-flex{display:flex}.app-sdk-inline-flex{display:inline-flex}.app-sdk-h-4{height:1rem}.app-sdk-h-5{height:1.25rem}.app-sdk-h-full{height:100%}.app-sdk-max-h-full{max-height:100%}.app-sdk-min-h-\[200px\]{min-height:200px}.app-sdk-w-4{width:1rem}.app-sdk-w-5{width:1.25rem}.app-sdk-w-56{width:14rem}.app-sdk-w-full{width:100%}.app-sdk-flex-1{flex:1 1 0%}.app-sdk-origin-top-right{transform-origin:top right}.app-sdk-scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.app-sdk-scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.app-sdk-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.app-sdk-cursor-pointer{cursor:pointer}.app-sdk-scroll-p-4{scroll-padding:1rem}.app-sdk-flex-col{flex-direction:column}.app-sdk-items-start{align-items:flex-start}.app-sdk-items-center{align-items:center}.app-sdk-justify-center{justify-content:center}.app-sdk-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.app-sdk-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.app-sdk-space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.app-sdk-self-center{align-self:center}.app-sdk-overflow-y-auto{overflow-y:auto}.app-sdk-scroll-smooth{scroll-behavior:smooth}.app-sdk-rounded{border-radius:.25rem}.app-sdk-rounded-full{border-radius:9999px}.app-sdk-rounded-lg{border-radius:.5rem}.app-sdk-rounded-md{border-radius:.375rem}.app-sdk-rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.app-sdk-rounded-s{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.app-sdk-border{border-width:1px}.app-sdk-border-\[color\:var\(--asdk-dui-border-color\)\]{border-color:var(--asdk-dui-border-color)}.app-sdk-border-transparent{border-color:transparent}.app-sdk-bg-\[color\:var\(--asdk-ddi-background-color\)\]{background-color:var(--asdk-ddi-background-color)}.app-sdk-bg-\[color\:var\(--asdk-ddm-background-color\)\]{background-color:var(--asdk-ddm-background-color)}.app-sdk-bg-\[color\:var\(--asdk-ddm-entry-background-hover-color\)\]{background-color:var(--asdk-ddm-entry-background-hover-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-background-color\)\]{background-color:var(--asdk-dui-background-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-footer-background-color\)\]{background-color:var(--asdk-dui-footer-background-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-footer-continue-button-background-color\)\]{background-color:var(--asdk-dui-footer-continue-button-background-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-footer-decline-button-background-color\)\]{background-color:var(--asdk-dui-footer-decline-button-background-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-formfield-background-color\)\]{background-color:var(--asdk-dui-formfield-background-color)}.app-sdk-bg-transparent{background-color:transparent}.app-sdk-p-0{padding:0}.app-sdk-p-6{padding:1.5rem}.app-sdk-p-\[2px\]{padding:2px}.app-sdk-px-3{padding-left:.75rem;padding-right:.75rem}.app-sdk-px-4{padding-left:1rem;padding-right:1rem}.app-sdk-py-1{padding-top:.25rem;padding-bottom:.25rem}.app-sdk-py-2{padding-top:.5rem;padding-bottom:.5rem}.app-sdk-py-3{padding-top:.75rem;padding-bottom:.75rem}.app-sdk-pb-0{padding-bottom:0}.app-sdk-pb-3{padding-bottom:.75rem}.app-sdk-pl-0{padding-left:0}.app-sdk-pl-3{padding-left:.75rem}.app-sdk-pr-10{padding-right:2.5rem}.app-sdk-pt-4{padding-top:1rem}.app-sdk-text-left{text-align:left}.app-sdk-text-2xl{font-size:1.5rem;line-height:2rem}.app-sdk-text-\[100\%\]{font-size:100%}.app-sdk-text-base{font-size:1rem;line-height:1.5rem}.app-sdk-text-lg{font-size:1.125rem;line-height:1.75rem}.app-sdk-text-sm{font-size:.875rem;line-height:1.25rem}.app-sdk-text-xl{font-size:1.25rem;line-height:1.75rem}.app-sdk-font-bold{font-weight:700}.app-sdk-font-medium{font-weight:500}.app-sdk-leading-4{line-height:1rem}.app-sdk-leading-6{line-height:1.5rem}.app-sdk-text-\[color\:var\(--asdk-ddm-danger-entry-text-color\)\]{color:var(--asdk-ddm-danger-entry-text-color)}.app-sdk-text-\[color\:var\(--asdk-ddm-default-entry-text-color\)\]{color:var(--asdk-ddm-default-entry-text-color)}.app-sdk-text-\[color\:var\(--asdk-ddm-icon-text-color\)\]{color:var(--asdk-ddm-icon-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-footer-continue-button-text-color\)\]{color:var(--asdk-dui-footer-continue-button-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-footer-decline-button-text-color\)\]{color:var(--asdk-dui-footer-decline-button-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-formfield-checkbox-text-color\)\]{color:var(--asdk-dui-formfield-checkbox-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-formfield-hint-text-color\)\]{color:var(--asdk-dui-formfield-hint-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-header-text-color\)\]{color:var(--asdk-dui-header-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-text-color\)\]{color:var(--asdk-dui-text-color)}.app-sdk-text-app-sdk-inherit{color:inherit}.app-sdk-placeholder-\[color\:var\(--asdk-dui-formfield-placeholder-text-color\)\]::-moz-placeholder{color:var(--asdk-dui-formfield-placeholder-text-color)}.app-sdk-placeholder-\[color\:var\(--asdk-dui-formfield-placeholder-text-color\)\]::placeholder{color:var(--asdk-dui-formfield-placeholder-text-color)}.app-sdk-opacity-0{opacity:0}.app-sdk-opacity-100{opacity:1}.app-sdk-shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.app-sdk-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.app-sdk-shadow-\[color\:var\(--asdk-dui-shadow-color\)\]{--tw-shadow-color: var(--asdk-dui-shadow-color);--tw-shadow: var(--tw-shadow-colored)}.app-sdk-ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.app-sdk-ring-black{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity))}.app-sdk-ring-opacity-5{--tw-ring-opacity: .05}.app-sdk-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.app-sdk-duration-100{transition-duration:.1s}.app-sdk-duration-75{transition-duration:75ms}.app-sdk-ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.app-sdk-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.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)}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000;border-radius:0}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:checked:hover,.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:checked:focus{border-color:transparent;background-color:currentColor}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:indeterminate:hover,.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}.invalid\:app-sdk-border-\[color\:var\(--asdk-dui-formfield-invalid-color\)\]:invalid{border-color:var(--asdk-dui-formfield-invalid-color)}.invalid\:app-sdk-ring-1:invalid{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.invalid\:app-sdk-ring-\[color\:var\(--asdk-dui-formfield-invalid-color\)\]:invalid{--tw-ring-color: var(--asdk-dui-formfield-invalid-color)}.hover\:app-sdk-bg-\[color\:var\(--asdk-dui-footer-continue-button-background-hover-color\)\]:hover{background-color:var(--asdk-dui-footer-continue-button-background-hover-color)}.hover\:app-sdk-bg-\[color\:var\(--asdk-dui-footer-decline-button-background-hover-color\)\]:hover{background-color:var(--asdk-dui-footer-decline-button-background-hover-color)}.hover\:app-sdk-text-\[color\:var\(--asdk-ddm-icon-text-hover-color\)\]:hover{color:var(--asdk-ddm-icon-text-hover-color)}.focus\:app-sdk-border-\[color\:var\(--asdk-dui-focus-color\)\]:focus{border-color:var(--asdk-dui-focus-color)}.focus\:app-sdk-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:app-sdk-ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:app-sdk-ring-\[color\:var\(--asdk-ddm-focus-color\)\]:focus{--tw-ring-color: var(--asdk-ddm-focus-color)}.focus\:app-sdk-ring-\[color\:var\(--asdk-dui-focus-color\)\]:focus{--tw-ring-color: var(--asdk-dui-focus-color)}.focus\:app-sdk-ring-\[color\:var\(--asdk-dui-footer-continue-button-focus-outline-color\)\]:focus{--tw-ring-color: var(--asdk-dui-footer-continue-button-focus-outline-color)}.focus\:app-sdk-ring-\[color\:var\(--asdk-dui-footer-decline-button-focus-outline-color\)\]:focus{--tw-ring-color: var(--asdk-dui-footer-decline-button-focus-outline-color)}.focus\:app-sdk-ring-offset-2:focus{--tw-ring-offset-width: 2px}.disabled\:app-sdk-cursor-default:disabled{cursor:default}.dark\:app-sdk-border-2:is(.app-sdk-dark ){border-width:2px}.dark\:app-sdk-border-solid:is(.app-sdk-dark ){border-style:solid}.dark\:app-sdk-border-transparent:is(.app-sdk-dark ){border-color:transparent}.dark\:app-sdk-bg-app-sdk-dropdown-dark:is(.app-sdk-dark ){background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.dark\:\[color-scheme\:dark\]:is(.app-sdk-dark ){color-scheme:dark}.dark\:invalid\:app-sdk-shadow-app-sdk-dark-invalid:invalid:is(.app-sdk-dark ){--tw-shadow: 0 0 0 .2rem rgb(220 53 69 / 25%);--tw-shadow-colored: 0 0 0 .2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:focus\:app-sdk-shadow-app-sdk-dark:focus:is(.app-sdk-dark ){--tw-shadow: 0 0 0px .2rem rgb(0 123 255 / 25%);--tw-shadow-colored: 0 0 0px .2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 640px){.sm\:app-sdk-ml-2{margin-left:.5rem}.sm\:app-sdk-flex{display:flex}.sm\:app-sdk-w-auto{width:auto}.sm\:app-sdk-w-full{width:100%}.sm\:app-sdk-max-w-lg{max-width:32rem}.sm\:app-sdk-flex-row-reverse{flex-direction:row-reverse}.sm\:-app-sdk-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-.5rem var(--tw-space-x-reverse));margin-left:calc(-.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:app-sdk-space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.sm\:app-sdk-px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:app-sdk-text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 768px){.md\:app-sdk-mx-20{margin-left:5rem;margin-right:5rem}}@media (min-width: 1024px){.lg\:app-sdk-mx-40{margin-left:10rem;margin-right:10rem}}.\[\&_a\]\:app-sdk-text-\[color\:var\(--asdk-dui-link-color\)\] a{color:var(--asdk-dui-link-color)}.\[\&_a\]\:app-sdk-underline a{text-decoration-line:underline}.hover\:\[\&_a\]\:app-sdk-text-\[color\:var\(--asdk-dui-link-hover-color\)\] a:hover{color:var(--asdk-dui-link-hover-color)}.\[\&_blockquote\]\:app-sdk-m-\[revert\] blockquote{margin:revert}.\[\&_code\]\:app-sdk-text-\[\#e83e8c\] code{--tw-text-opacity: 1;color:rgb(232 62 140 / var(--tw-text-opacity))}.\[\&_fieldset\]\:app-sdk-m-\[revert\] fieldset{margin:revert}.\[\&_fieldset\]\:app-sdk-p-\[revert\] fieldset{padding:revert}.\[\&_h1\]\:app-sdk-m-\[revert\] h1{margin:revert}.\[\&_h1\]\:app-sdk-text-2xl h1{font-size:1.5rem;line-height:2rem}.\[\&_h1\]\:app-sdk-font-bold h1{font-weight:700}.\[\&_h2\]\:app-sdk-m-\[revert\] h2{margin:revert}.\[\&_h2\]\:app-sdk-text-xl h2{font-size:1.25rem;line-height:1.75rem}.\[\&_h2\]\:app-sdk-font-bold h2{font-weight:700}.\[\&_h3\]\:app-sdk-m-\[revert\] h3{margin:revert}.\[\&_h3\]\:app-sdk-text-lg h3{font-size:1.125rem;line-height:1.75rem}.\[\&_h3\]\:app-sdk-font-bold h3{font-weight:700}.\[\&_h4\]\:app-sdk-m-\[revert\] h4{margin:revert}.\[\&_h4\]\:app-sdk-text-base h4{font-size:1rem;line-height:1.5rem}.\[\&_h4\]\:app-sdk-font-bold h4{font-weight:700}.\[\&_h5\]\:app-sdk-m-\[revert\] h5{margin:revert}.\[\&_h5\]\:app-sdk-text-sm h5{font-size:.875rem;line-height:1.25rem}.\[\&_h5\]\:app-sdk-font-bold h5{font-weight:700}.\[\&_h6\]\:app-sdk-m-\[revert\] h6{margin:revert}.\[\&_h6\]\:app-sdk-text-xs h6{font-size:.75rem;line-height:1rem}.\[\&_h6\]\:app-sdk-font-bold h6{font-weight:700}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-h-4 input[type=checkbox]{height:1rem}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-w-4 input[type=checkbox]{width:1rem}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-rounded input[type=checkbox]{border-radius:.25rem}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-border input[type=checkbox]{border-width:1px}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-border-\[color\:var\(--asdk-dui-border-color\)\] input[type=checkbox]{border-color:var(--asdk-dui-border-color)}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-text-sky-600 input[type=checkbox]{--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity))}.\[\&_input\[type\=\'checkbox\'\]\]\:hover\:app-sdk-border-\[color\:var\(--asdk-dui-border-color\)\]:hover input[type=checkbox]{border-color:var(--asdk-dui-border-color)}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-border-2:is(.app-sdk-dark ) input[type=checkbox]{border-width:2px}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-border-solid:is(.app-sdk-dark ) input[type=checkbox]{border-style:solid}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-border-transparent:is(.app-sdk-dark ) input[type=checkbox]{border-color:transparent}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-bg-app-sdk-gray-350:is(.app-sdk-dark ) input[type=checkbox]{--tw-bg-opacity: 1;background-color:rgb(85 85 85 / var(--tw-bg-opacity))}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-text-\[\#007bff40\]:is(.app-sdk-dark ) input[type=checkbox]{color:#007bff40}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:hover\:app-sdk-border-transparent:hover:is(.app-sdk-dark ) input[type=checkbox]{border-color:transparent}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:hover\:checked\:app-sdk-bg-app-sdk-gray-350:checked:hover:is(.app-sdk-dark ) input[type=checkbox]{--tw-bg-opacity: 1;background-color:rgb(85 85 85 / var(--tw-bg-opacity))}.\[\&_menu\]\:app-sdk-m-\[revert\] menu{margin:revert}.\[\&_menu\]\:app-sdk-p-\[revert\] menu{padding:revert}.\[\&_ol\]\:app-sdk-m-\[revert\] ol{margin:revert}.\[\&_ol\]\:app-sdk-list-decimal ol{list-style-type:decimal}.\[\&_ol\]\:app-sdk-p-\[revert\] ol{padding:revert}.\[\&_ol_p\]\:app-sdk-my-2 ol p{margin-top:.5rem;margin-bottom:.5rem}.first-of-type\:\[\&_ol_p\]\:app-sdk-my-4 ol p:first-of-type{margin-top:1rem;margin-bottom:1rem}.\[\&_p\]\:app-sdk-my-4 p{margin-top:1rem;margin-bottom:1rem}.first-of-type\:\[\&_p\]\:app-sdk-mb-4 p:first-of-type{margin-bottom:1rem}.first-of-type\:\[\&_p\]\:app-sdk-mt-0 p:first-of-type{margin-top:0}.\[\&_pre\]\:app-sdk-my-4 pre{margin-top:1rem;margin-bottom:1rem}.\[\&_pre\]\:app-sdk-bg-gray-100 pre{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.\[\&_pre\]\:dark\:app-sdk-bg-app-sdk-gray-700:is(.app-sdk-dark ) pre{--tw-bg-opacity: 1;background-color:rgb(29 29 29 / var(--tw-bg-opacity))}.\[\&_pre_code\]\:app-sdk-text-inherit pre code{color:inherit}.\[\&_ul\]\:app-sdk-m-\[revert\] ul{margin:revert}.\[\&_ul\]\:app-sdk-list-disc ul{list-style-type:disc}.\[\&_ul\]\:app-sdk-p-\[revert\] ul{padding:revert}.\[\&_ul_p\]\:app-sdk-my-2 ul p{margin-top:.5rem;margin-bottom:.5rem}.first-of-type\:\[\&_ul_p\]\:app-sdk-my-4 ul p:first-of-type{margin-top:1rem;margin-bottom:1rem}
1	+ ,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.dark,.dark {--asdk-focus-color: var(--app-sdk-focus-color, #007bff40);--asdk-text-color: var(--app-sdk-text-color, #cdcdcd)},:before,:after{--asdk-focus-color: var(--app-sdk-focus-color, #0369a1);--asdk-text-color: var(--app-sdk-text-color, #374151)}.app-sdk-default-styles {line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;--tw-content: "";margin:0;line-height:inherit}.app-sdk-form-input,.app-sdk-form-textarea,.app-sdk-form-select,.app-sdk-form-multiselect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}.app-sdk-form-input:focus,.app-sdk-form-textarea:focus,.app-sdk-form-select:focus,.app-sdk-form-multiselect:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}.app-sdk-form-input::-moz-placeholder,.app-sdk-form-textarea::-moz-placeholder{color:#6b7280;opacity:1}.app-sdk-form-input::placeholder,.app-sdk-form-textarea::placeholder{color:#6b7280;opacity:1}.app-sdk-form-input::-webkit-datetime-edit-fields-wrapper{padding:0}.app-sdk-form-input::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}.app-sdk-form-input::-webkit-datetime-edit{display:inline-flex}.app-sdk-form-input::-webkit-datetime-edit,.app-sdk-form-input::-webkit-datetime-edit-year-field,.app-sdk-form-input::-webkit-datetime-edit-month-field,.app-sdk-form-input::-webkit-datetime-edit-day-field,.app-sdk-form-input::-webkit-datetime-edit-hour-field,.app-sdk-form-input::-webkit-datetime-edit-minute-field,.app-sdk-form-input::-webkit-datetime-edit-second-field,.app-sdk-form-input::-webkit-datetime-edit-millisecond-field,.app-sdk-form-input::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}.app-sdk-form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}.app-sdk-form-select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}.app-sdk-form-checkbox,.app-sdk-form-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}.app-sdk-form-checkbox{border-radius:0}.app-sdk-form-radio{border-radius:100%}.app-sdk-form-checkbox:focus,.app-sdk-form-radio:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.app-sdk-form-checkbox:checked,.app-sdk-form-radio:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}.app-sdk-form-checkbox:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){.app-sdk-form-checkbox:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.app-sdk-form-radio:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){.app-sdk-form-radio:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.app-sdk-form-checkbox:checked:hover,.app-sdk-form-checkbox:checked:focus,.app-sdk-form-radio:checked:hover,.app-sdk-form-radio:checked:focus{border-color:transparent;background-color:currentColor}.app-sdk-form-checkbox:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){.app-sdk-form-checkbox:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.app-sdk-form-checkbox:indeterminate:hover,.app-sdk-form-checkbox:indeterminate:focus{border-color:transparent;background-color:currentColor}.app-sdk-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app-sdk-absolute{position:absolute}.app-sdk-relative{position:relative}.app-sdk-right-0{right:0}.app-sdk-z-10{z-index:10}.app-sdk-m-0{margin:0}.app-sdk-mx-10{margin-left:2.5rem;margin-right:2.5rem}.app-sdk-mx-auto{margin-left:auto;margin-right:auto}.app-sdk-ml-2{margin-left:.5rem}.app-sdk-ml-3{margin-left:.75rem}.app-sdk-mr-2{margin-right:.5rem}.app-sdk-mt-1{margin-top:.25rem}.app-sdk-mt-2{margin-top:.5rem}.app-sdk-block{display:block}.app-sdk-inline-block{display:inline-block}.app-sdk-flex{display:flex}.app-sdk-inline-flex{display:inline-flex}.app-sdk-hidden{display:none}.app-sdk-h-4{height:1rem}.app-sdk-h-5{height:1.25rem}.app-sdk-h-8{height:2rem}.app-sdk-h-full{height:100%}.app-sdk-max-h-full{max-height:100%}.app-sdk-min-h-\[200px\]{min-height:200px}.app-sdk-w-20{width:5rem}.app-sdk-w-4{width:1rem}.app-sdk-w-5{width:1.25rem}.app-sdk-w-56{width:14rem}.app-sdk-w-full{width:100%}.app-sdk-flex-1{flex:1 1 0%}.app-sdk-origin-top-right{transform-origin:top right}.app-sdk-scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.app-sdk-scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.app-sdk-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.app-sdk-cursor-pointer{cursor:pointer}.app-sdk-scroll-p-4{scroll-padding:1rem}.app-sdk-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.app-sdk-appearance-auto{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.app-sdk-flex-row{flex-direction:row}.app-sdk-flex-col{flex-direction:column}.app-sdk-content-center{align-content:center}.app-sdk-items-start{align-items:flex-start}.app-sdk-items-center{align-items:center}.app-sdk-justify-center{justify-content:center}.app-sdk-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.app-sdk-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.app-sdk-space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.app-sdk-self-center{align-self:center}.app-sdk-overflow-y-auto{overflow-y:auto}.app-sdk-scroll-smooth{scroll-behavior:smooth}.app-sdk-rounded{border-radius:.25rem}.app-sdk-rounded-full{border-radius:9999px}.app-sdk-rounded-lg{border-radius:.5rem}.app-sdk-rounded-md{border-radius:.375rem}.app-sdk-rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.app-sdk-rounded-s{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.app-sdk-border{border-width:1px}.app-sdk-border-\[color\:var\(--asdk-dui-border-color\)\]{border-color:var(--asdk-dui-border-color)}.app-sdk-border-transparent{border-color:transparent}.app-sdk-bg-\[color\:var\(--asdk-ddi-background-color\)\]{background-color:var(--asdk-ddi-background-color)}.app-sdk-bg-\[color\:var\(--asdk-ddm-background-color\)\]{background-color:var(--asdk-ddm-background-color)}.app-sdk-bg-\[color\:var\(--asdk-ddm-entry-background-hover-color\)\]{background-color:var(--asdk-ddm-entry-background-hover-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-background-color\)\]{background-color:var(--asdk-dui-background-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-footer-background-color\)\]{background-color:var(--asdk-dui-footer-background-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-footer-continue-button-background-color\)\]{background-color:var(--asdk-dui-footer-continue-button-background-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-footer-decline-button-background-color\)\]{background-color:var(--asdk-dui-footer-decline-button-background-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-formfield-background-color\)\]{background-color:var(--asdk-dui-formfield-background-color)}.app-sdk-bg-transparent{background-color:transparent}.app-sdk-p-0{padding:0}.app-sdk-p-6{padding:1.5rem}.app-sdk-p-\[2px\]{padding:2px}.app-sdk-px-0{padding-left:0;padding-right:0}.app-sdk-px-3{padding-left:.75rem;padding-right:.75rem}.app-sdk-px-4{padding-left:1rem;padding-right:1rem}.app-sdk-py-1{padding-top:.25rem;padding-bottom:.25rem}.app-sdk-py-2{padding-top:.5rem;padding-bottom:.5rem}.app-sdk-py-3{padding-top:.75rem;padding-bottom:.75rem}.app-sdk-pb-0{padding-bottom:0}.app-sdk-pb-3{padding-bottom:.75rem}.app-sdk-pl-0{padding-left:0}.app-sdk-pl-3{padding-left:.75rem}.app-sdk-pr-10{padding-right:2.5rem}.app-sdk-pr-3{padding-right:.75rem}.app-sdk-pt-4{padding-top:1rem}.app-sdk-text-left{text-align:left}.app-sdk-text-2xl{font-size:1.5rem;line-height:2rem}.app-sdk-text-\[100\%\]{font-size:100%}.app-sdk-text-base{font-size:1rem;line-height:1.5rem}.app-sdk-text-lg{font-size:1.125rem;line-height:1.75rem}.app-sdk-text-sm{font-size:.875rem;line-height:1.25rem}.app-sdk-text-xl{font-size:1.25rem;line-height:1.75rem}.app-sdk-font-bold{font-weight:700}.app-sdk-font-medium{font-weight:500}.app-sdk-leading-4{line-height:1rem}.app-sdk-leading-6{line-height:1.5rem}.app-sdk-text-\[color\:var\(--asdk-ddm-danger-entry-text-color\)\]{color:var(--asdk-ddm-danger-entry-text-color)}.app-sdk-text-\[color\:var\(--asdk-ddm-default-entry-text-color\)\]{color:var(--asdk-ddm-default-entry-text-color)}.app-sdk-text-\[color\:var\(--asdk-ddm-icon-text-color\)\]{color:var(--asdk-ddm-icon-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-footer-continue-button-text-color\)\]{color:var(--asdk-dui-footer-continue-button-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-footer-decline-button-text-color\)\]{color:var(--asdk-dui-footer-decline-button-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-formfield-checkbox-text-color\)\]{color:var(--asdk-dui-formfield-checkbox-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-formfield-hint-text-color\)\]{color:var(--asdk-dui-formfield-hint-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-header-text-color\)\]{color:var(--asdk-dui-header-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-text-color\)\]{color:var(--asdk-dui-text-color)}.app-sdk-text-app-sdk-inherit{color:inherit}.app-sdk-placeholder-\[color\:var\(--asdk-dui-formfield-placeholder-text-color\)\]::-moz-placeholder{color:var(--asdk-dui-formfield-placeholder-text-color)}.app-sdk-placeholder-\[color\:var\(--asdk-dui-formfield-placeholder-text-color\)\]::placeholder{color:var(--asdk-dui-formfield-placeholder-text-color)}.app-sdk-opacity-0{opacity:0}.app-sdk-opacity-100{opacity:1}.app-sdk-shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.app-sdk-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.app-sdk-shadow-\[color\:var\(--asdk-dui-shadow-color\)\]{--tw-shadow-color: var(--asdk-dui-shadow-color);--tw-shadow: var(--tw-shadow-colored)}.app-sdk-ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.app-sdk-ring-black{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity))}.app-sdk-ring-opacity-5{--tw-ring-opacity: .05}.app-sdk-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.app-sdk-duration-100{transition-duration:.1s}.app-sdk-duration-75{transition-duration:75ms}.app-sdk-ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.app-sdk-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.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)}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000;border-radius:0}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:checked:hover,.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:checked:focus{border-color:transparent;background-color:currentColor}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:indeterminate:hover,.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}.invalid\:app-sdk-border-\[color\:var\(--asdk-dui-formfield-invalid-color\)\]:invalid{border-color:var(--asdk-dui-formfield-invalid-color)}.invalid\:app-sdk-ring-1:invalid{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.invalid\:app-sdk-ring-\[color\:var\(--asdk-dui-formfield-invalid-color\)\]:invalid{--tw-ring-color: var(--asdk-dui-formfield-invalid-color)}.hover\:app-sdk-bg-\[color\:var\(--asdk-dui-footer-continue-button-background-hover-color\)\]:hover{background-color:var(--asdk-dui-footer-continue-button-background-hover-color)}.hover\:app-sdk-bg-\[color\:var\(--asdk-dui-footer-decline-button-background-hover-color\)\]:hover{background-color:var(--asdk-dui-footer-decline-button-background-hover-color)}.hover\:app-sdk-text-\[color\:var\(--asdk-ddm-icon-text-hover-color\)\]:hover{color:var(--asdk-ddm-icon-text-hover-color)}.focus\:app-sdk-border-\[color\:var\(--asdk-dui-focus-color\)\]:focus{border-color:var(--asdk-dui-focus-color)}.focus\:app-sdk-border-transparent:focus{border-color:transparent}.focus\:app-sdk-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:app-sdk-ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:app-sdk-ring-\[color\:var\(--asdk-ddm-focus-color\)\]:focus{--tw-ring-color: var(--asdk-ddm-focus-color)}.focus\:app-sdk-ring-\[color\:var\(--asdk-dui-focus-color\)\]:focus{--tw-ring-color: var(--asdk-dui-focus-color)}.focus\:app-sdk-ring-\[color\:var\(--asdk-dui-footer-continue-button-focus-outline-color\)\]:focus{--tw-ring-color: var(--asdk-dui-footer-continue-button-focus-outline-color)}.focus\:app-sdk-ring-\[color\:var\(--asdk-dui-footer-decline-button-focus-outline-color\)\]:focus{--tw-ring-color: var(--asdk-dui-footer-decline-button-focus-outline-color)}.focus\:app-sdk-ring-transparent:focus{--tw-ring-color: transparent}.focus\:app-sdk-ring-offset-2:focus{--tw-ring-offset-width: 2px}.disabled\:app-sdk-cursor-default:disabled{cursor:default}.dark\:app-sdk-border-2:is(.app-sdk-dark ){border-width:2px}.dark\:app-sdk-border-solid:is(.app-sdk-dark ){border-style:solid}.dark\:app-sdk-border-transparent:is(.app-sdk-dark ){border-color:transparent}.dark\:app-sdk-bg-app-sdk-dropdown-dark:is(.app-sdk-dark ){background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.dark\:\[color-scheme\:dark\]:is(.app-sdk-dark ){color-scheme:dark}.dark\:invalid\:app-sdk-shadow-app-sdk-dark-invalid:invalid:is(.app-sdk-dark ){--tw-shadow: 0 0 0 .2rem rgb(220 53 69 / 25%);--tw-shadow-colored: 0 0 0 .2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:focus\:app-sdk-shadow-app-sdk-dark:focus:is(.app-sdk-dark ){--tw-shadow: 0 0 0px .2rem rgb(0 123 255 / 25%);--tw-shadow-colored: 0 0 0px .2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 640px){.sm\:app-sdk-ml-2{margin-left:.5rem}.sm\:app-sdk-flex{display:flex}.sm\:app-sdk-w-auto{width:auto}.sm\:app-sdk-w-full{width:100%}.sm\:app-sdk-max-w-lg{max-width:32rem}.sm\:app-sdk-flex-row-reverse{flex-direction:row-reverse}.sm\:-app-sdk-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-.5rem var(--tw-space-x-reverse));margin-left:calc(-.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:app-sdk-space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.sm\:app-sdk-px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:app-sdk-text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 768px){.md\:app-sdk-mx-20{margin-left:5rem;margin-right:5rem}}@media (min-width: 1024px){.lg\:app-sdk-mx-40{margin-left:10rem;margin-right:10rem}}.\[\&_a\]\:app-sdk-text-\[color\:var\(--asdk-dui-link-color\)\] a{color:var(--asdk-dui-link-color)}.\[\&_a\]\:app-sdk-underline a{text-decoration-line:underline}.hover\:\[\&_a\]\:app-sdk-text-\[color\:var\(--asdk-dui-link-hover-color\)\] a:hover{color:var(--asdk-dui-link-hover-color)}.\[\&_blockquote\]\:app-sdk-m-\[revert\] blockquote{margin:revert}.\[\&_code\]\:app-sdk-text-\[\#e83e8c\] code{--tw-text-opacity: 1;color:rgb(232 62 140 / var(--tw-text-opacity))}.\[\&_fieldset\]\:app-sdk-m-\[revert\] fieldset{margin:revert}.\[\&_fieldset\]\:app-sdk-p-\[revert\] fieldset{padding:revert}.\[\&_h1\]\:app-sdk-m-\[revert\] h1{margin:revert}.\[\&_h1\]\:app-sdk-text-2xl h1{font-size:1.5rem;line-height:2rem}.\[\&_h1\]\:app-sdk-font-bold h1{font-weight:700}.\[\&_h2\]\:app-sdk-m-\[revert\] h2{margin:revert}.\[\&_h2\]\:app-sdk-text-xl h2{font-size:1.25rem;line-height:1.75rem}.\[\&_h2\]\:app-sdk-font-bold h2{font-weight:700}.\[\&_h3\]\:app-sdk-m-\[revert\] h3{margin:revert}.\[\&_h3\]\:app-sdk-text-lg h3{font-size:1.125rem;line-height:1.75rem}.\[\&_h3\]\:app-sdk-font-bold h3{font-weight:700}.\[\&_h4\]\:app-sdk-m-\[revert\] h4{margin:revert}.\[\&_h4\]\:app-sdk-text-base h4{font-size:1rem;line-height:1.5rem}.\[\&_h4\]\:app-sdk-font-bold h4{font-weight:700}.\[\&_h5\]\:app-sdk-m-\[revert\] h5{margin:revert}.\[\&_h5\]\:app-sdk-text-sm h5{font-size:.875rem;line-height:1.25rem}.\[\&_h5\]\:app-sdk-font-bold h5{font-weight:700}.\[\&_h6\]\:app-sdk-m-\[revert\] h6{margin:revert}.\[\&_h6\]\:app-sdk-text-xs h6{font-size:.75rem;line-height:1rem}.\[\&_h6\]\:app-sdk-font-bold h6{font-weight:700}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-h-4 input[type=checkbox]{height:1rem}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-w-4 input[type=checkbox]{width:1rem}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-rounded input[type=checkbox]{border-radius:.25rem}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-border input[type=checkbox]{border-width:1px}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-border-\[color\:var\(--asdk-dui-border-color\)\] input[type=checkbox]{border-color:var(--asdk-dui-border-color)}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-text-sky-600 input[type=checkbox]{--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity))}.\[\&_input\[type\=\'checkbox\'\]\]\:hover\:app-sdk-border-\[color\:var\(--asdk-dui-border-color\)\]:hover input[type=checkbox]{border-color:var(--asdk-dui-border-color)}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-border-2:is(.app-sdk-dark ) input[type=checkbox]{border-width:2px}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-border-solid:is(.app-sdk-dark ) input[type=checkbox]{border-style:solid}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-border-transparent:is(.app-sdk-dark ) input[type=checkbox]{border-color:transparent}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-bg-app-sdk-gray-350:is(.app-sdk-dark ) input[type=checkbox]{--tw-bg-opacity: 1;background-color:rgb(85 85 85 / var(--tw-bg-opacity))}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-text-\[\#007bff40\]:is(.app-sdk-dark ) input[type=checkbox]{color:#007bff40}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:hover\:app-sdk-border-transparent:hover:is(.app-sdk-dark ) input[type=checkbox]{border-color:transparent}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:hover\:checked\:app-sdk-bg-app-sdk-gray-350:checked:hover:is(.app-sdk-dark ) input[type=checkbox]{--tw-bg-opacity: 1;background-color:rgb(85 85 85 / var(--tw-bg-opacity))}.\[\&_menu\]\:app-sdk-m-\[revert\] menu{margin:revert}.\[\&_menu\]\:app-sdk-p-\[revert\] menu{padding:revert}.\[\&_ol\]\:app-sdk-m-\[revert\] ol{margin:revert}.\[\&_ol\]\:app-sdk-list-decimal ol{list-style-type:decimal}.\[\&_ol\]\:app-sdk-p-\[revert\] ol{padding:revert}.\[\&_ol_p\]\:app-sdk-my-2 ol p{margin-top:.5rem;margin-bottom:.5rem}.first-of-type\:\[\&_ol_p\]\:app-sdk-my-4 ol p:first-of-type{margin-top:1rem;margin-bottom:1rem}.\[\&_p\]\:app-sdk-my-4 p{margin-top:1rem;margin-bottom:1rem}.first-of-type\:\[\&_p\]\:app-sdk-mb-4 p:first-of-type{margin-bottom:1rem}.first-of-type\:\[\&_p\]\:app-sdk-mt-0 p:first-of-type{margin-top:0}.\[\&_pre\]\:app-sdk-my-4 pre{margin-top:1rem;margin-bottom:1rem}.\[\&_pre\]\:app-sdk-bg-gray-100 pre{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.\[\&_pre\]\:dark\:app-sdk-bg-app-sdk-gray-700:is(.app-sdk-dark ) pre{--tw-bg-opacity: 1;background-color:rgb(29 29 29 / var(--tw-bg-opacity))}.\[\&_pre_code\]\:app-sdk-text-inherit pre code{color:inherit}.\[\&_ul\]\:app-sdk-m-\[revert\] ul{margin:revert}.\[\&_ul\]\:app-sdk-list-disc ul{list-style-type:disc}.\[\&_ul\]\:app-sdk-p-\[revert\] ul{padding:revert}.\[\&_ul_p\]\:app-sdk-my-2 ul p{margin-top:.5rem;margin-bottom:.5rem}.first-of-type\:\[\&_ul_p\]\:app-sdk-my-4 ul p:first-of-type{margin-top:1rem;margin-bottom:1rem}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@5minds/processcube_app_sdk",
-  "version": "6.1.0-beta.1",
+  "version": "6.1.0-beta.2",
   "description": "The SDK for ProcessCube Apps",
   "type": "module",
   "main": "build/common/index.cjs",
@@ -104,7 +104,7 @@
     "@nextui-org/react": "^2.2.9",
     "chokidar": "^3.5.3",
     "client-only": "^0.0.1",
-    "esbuild": "^0.23.0",
+    "esbuild": "^0.24.0",
     "isomorphic-dompurify": "^2.0.0",
     "jwt-decode": "^4.0.0",
     "marked": "^14.0.0",