@5minds/processcube_app_sdk 6.2.0-develop-be343d-m7vq6dmn → 6.2.0-develop-2407eb-m7yhujpi

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/build/client/index.cjs +1 -1
  2. package/build/client/index.mjs +1 -1
  3. package/package.json +3 -3
package/build/client/index.cjs CHANGED
@@ -21,6 +21,6 @@ Component Name: ${k.name} ${k.displayName??""}`),Ga(k),P=k);let Y=r.get(l.id)?.r
21
21
 
22
22
  FormField: ${a} with ${s} `);return}t[a]?t[a]=Array.isArray(t[a])?[...t[a],s]:[t[a],s]:t[a]=s}),o.forEach((s,a)=>{if(typeof s.ref.current?.getState=="function"){let r=s.ref.current.getState();(typeof r=="boolean"||typeof r=="number"||typeof r=="string"||Array.isArray(r)||r==null||r?.toString()==="[object Object]")&&(t[a]=r)}}),t}function Wa(e,o,t){let s={};for(let r of e.keys()){let n=e.getAll(r);if(n[0]instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Use the raw FormData instance to process files instead.
23
23
 
24
- FormField: ${r} with ${n} `);continue}if(n.length===1?s[r]=n[0]:s[r]=n,s[r]==""&&delete s[r],s[r]){let i=o.find(p=>p.id===r)?.type;if(i==="boolean"){s[r]=s[r]==="on";continue}if(i==="confirm"){s[r]=JSON.parse(s[r]);continue}if(i==="number"){s[r]=parseFloat(s[r]);continue}if(i==="long"){s[r]=parseInt(s[r]);continue}}}let a=o.filter(r=>r.type==="boolean");return a.length&&a.forEach(r=>{s[r.id]||(s[r.id]=!1)}),t.forEach((r,n)=>{if(typeof r.ref.current?.getValue=="function"){let i=r.ref.current.getValue();(typeof i=="boolean"||typeof i=="number"||typeof i=="string"||Array.isArray(i)||i==null||i?.toString()==="[object Object]")&&(s[n]=i)}}),s}var Ks=require("@headlessui/react"),Qs=require("bpmn-js/lib/util/ModelUtil"),qo=require("lodash"),ea=d(require("next/dynamic"),1),h=d(require("react"),1),oa=require("react-dom/client"),L=require("@5minds/processcube_engine_sdk");var R=require("@headlessui/react"),cs=require("@heroicons/react/24/outline"),W=d(require("react"),1);function ms(e){let[o,t]=(0,W.useState)(""),s=o===""?e.entries:e.entries.filter(a=>a.name.toLowerCase().includes(o.toLowerCase()));return W.default.createElement(R.Dialog,{className:"app-sdk-relative app-sdk-z-50",open:e.isOpen,onClose:()=>{e.onClose(),t("")}},W.default.createElement(R.DialogBackdrop,{transition:!0,className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-gray-500 app-sdk-bg-opacity-25 app-sdk-transition-opacity data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"}),W.default.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-z-10 app-sdk-w-screen app-sdk-overflow-y-auto app-sdk-p-4 sm:app-sdk-p-6 md:app-sdk-p-20"},W.default.createElement(R.DialogPanel,{transition:!0,className:"app-sdk-mx-auto app-sdk-max-w-xl app-sdk-transform app-sdk-rounded-xl app-sdk-bg-[color:var(--asdk-cmdp-background-color)] app-sdk-p-2 app-sdk-shadow-2xl app-sdk-ring-1 app-sdk-ring-black app-sdk-ring-opacity-5 app-sdk-transition-all data-[closed]:app-sdk-scale-95 data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"},W.default.createElement(R.Combobox,{onChange:a=>{a&&e.onConfirm(a)}},W.default.createElement(R.ComboboxInput,{autoFocus:!0,className:"app-sdk-w-full app-sdk-ring-offset-2 app-sdk-rounded-md app-sdk-border-0 app-sdk-bg-[color:var(--asdk-cmdp-input-color)] app-sdk-px-4 app-sdk-py-2.5 app-sdk-text-[color:var(--asdk-cmdp-text-color)] sm:app-sdk-text-sm",placeholder:e.placeholder,onChange:a=>t(a.target.value),onBlur:()=>t("")}),s.length>0&&W.default.createElement(R.ComboboxOptions,{static:!0,className:"app-sdk-mb-2 app-sdk-max-h-72 app-sdk-scroll-py-2 app-sdk-overflow-y-auto app-sdk-py-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-cmdp-text-color)]"},s.map(a=>W.default.createElement(R.ComboboxOption,{key:a.id,value:a,className:({focus:r})=>T("app-sdk-cursor-default app-sdk-select-none app-sdk-rounded-md app-sdk-px-4 app-sdk-py-2",r&&"app-sdk-bg-[color:var(--asdk-cmdp-focus-color)] app-sdk-text-white")},a.name))),o!==""&&s.length===0&&W.default.createElement("div",{className:"app-sdk-px-4 app-sdk-py-14 app-sdk-text-center sm:app-sdk-px-14"},W.default.createElement(cs.UsersIcon,{className:"app-sdk-mx-auto app-sdk-h-6 app-sdk-w-6 app-sdk-text-gray-400","aria-hidden":"true"}),W.default.createElement("p",{className:"app-sdk-mt-4 app-sdk-text-sm app-sdk-text-[color:var(--asdk-cmdp-text-color)]"},e.noResultsText||"No entries found using that search term."))))))}var us=d(require("react"),1);function ae({title:e,children:o,className:t,onClick:s}){return us.default.createElement("button",{title:e,className:T(t,"app-sdk-appearance-none app-sdk-border-none app-sdk-pointer-events-auto app-sdk-cursor-pointer app-sdk-flex app-sdk-w-6 app-sdk-min-w-6 app-sdk-max-w-6 app-sdk-h-4 app-sdk-text-white app-sdk-bg-cyan-800 app-sdk-rounded app-sdk-text-xs app-sdk-items-center app-sdk-justify-center"),onClick:s},o)}var ks=d(require("react"),1);function fs({width:e,children:o}){return ks.default.createElement("div",{className:"app-sdk-flex app-sdk-gap-1 app-sdk-justify-center app-sdk-flex-wrap",style:{width:`${e}px`}},o)}var _o=d(require("react"),1);function hs({isSender:e,onClick:o}){return _o.default.createElement(ae,{title:`Go to ${e?"Target":"Source"}`,onClick:o},_o.default.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},_o.default.createElement("path",{d:"M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"})))}var Ao=d(require("react"),1);function gs({onClick:e}){return Ao.default.createElement(ae,{onClick:e,title:"List Instances"},Ao.default.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Ao.default.createElement("path",{d:"M24 56c0-13.3 10.7-24 24-24H80c13.3 0 24 10.7 24 24V176h16c13.3 0 24 10.7 24 24s-10.7 24-24 24H40c-13.3 0-24-10.7-24-24s10.7-24 24-24H56V80H48C34.7 80 24 69.3 24 56zM86.7 341.2c-6.5-7.4-18.3-6.9-24 1.2L51.5 357.9c-7.7 10.8-22.7 13.3-33.5 5.6s-13.3-22.7-5.6-33.5l11.1-15.6c23.7-33.2 72.3-35.6 99.2-4.9c21.3 24.4 20.8 60.9-1.1 84.7L86.8 432H120c13.3 0 24 10.7 24 24s-10.7 24-24 24H32c-9.5 0-18.2-5.6-22-14.4s-2.1-18.9 4.3-25.9l72-78c5.3-5.8 5.4-14.6 .3-20.5zM224 64H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32z"})))}var $o=d(require("react"),1);function Vs({flowNodeId:e,flowNodeInstanceId:o,flowNodeType:t,processInstanceId:s,onPlay:a}){return $o.default.createElement(ae,{title:"Run Task",className:"asdk-pii-play-button",onClick:()=>{typeof a=="function"?new Promise(async(r,n)=>{try{await a({flowNodeId:e,processInstanceId:s,flowNodeInstanceId:o,taskType:t}),r(!0)}catch(i){n(i)}}):Promise.resolve().then(()=>(_e(),Ve)).then(({finishTask:r})=>r(o,t))}},$o.default.createElement("svg",{className:"!app-sdk-fill-none !app-sdk-stroke-white !app-sdk-stroke-[2px]",width:"14px",height:"14px",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},$o.default.createElement("path",{d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z"})))}var _s=d(require("react"),1);function As(){return _s.default.createElement("div",{className:"app-sdk-h-6 app-sdk-w-[1px] app-sdk-my-auto app-sdk-border-l app-sdk-border-r-0 app-sdk-border-t-0 app-sdk-border-b-0 app-sdk-border-collapse app-sdk-border-solid app-sdk-border-gray-900 dark:app-sdk-border-gray-300"})}var vt=d(require("react"),1);function zs({children:e}){return vt.default.createElement("div",{className:"app-sdk-w-full app-sdk-absolute app-sdk-top-0 app-sdk-left-0 app-sdk-z-40 app-sdk-pt-2 app-sdk-pointer-events-none"},vt.default.createElement("div",{className:"app-sdk-flex app-sdk-w-fit app-sdk-mx-auto app-sdk-rounded-full app-sdk-px-3 app-sdk-py-2 app-sdk-gap-1 app-sdk-border app-sdk-border-solid app-sdk-bg-white/95 dark:app-sdk-bg-black/85 dark:app-sdk-border-none app-sdk-pointer-events-auto"},e))}var Ho=d(require("react"),1);var $s=d(require("react"),1);function we({title:e,disabled:o,children:t,onClick:s}){return $s.default.createElement("button",{title:`${e??""}${o?" (disabled)":""}`,className:T("app-sdk-appearance-none app-sdk-border-none app-sdk-bg-transparent app-sdk-flex app-sdk-h-full app-sdk-my-auto app-sdk-rounded-full app-sdk-p-1",o?"app-sdk-cursor-not-allowed":"app-sdk-cursor-pointer hover:app-sdk-bg-app-sdk-gray-100/40"),onClick:s,disabled:o},t)}function Hs({onClick:e}){return Ho.default.createElement(we,{title:"Refresh Process Instance Data",onClick:e},Ho.default.createElement("svg",{className:"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",width:"1.25rem",height:"1.25rem",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Ho.default.createElement("path",{d:"M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z"})))}var jo=d(require("react"),1);function js({onClick:e}){return jo.default.createElement(ae,{title:"Retry Process Here",onClick:e},jo.default.createElement("svg",{className:"!app-sdk-fill-white !app-sdk-stroke-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},jo.default.createElement("path",{d:"M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z"})))}var K=require("@headlessui/react"),Gs=d(require("@monaco-editor/react"),1),V=d(require("react"),1);function Js(e){let[o,t]=(0,V.useState)("");return(0,V.useEffect)(()=>{t(JSON.stringify(e.flowNodeInstance?.startToken??e.processInstance.startToken??{},null,2))},[e.flowNodeInstance,e.processInstance]),V.default.createElement(K.Dialog,{open:e.isOpen,onClose:e.onClose,className:"app-sdk-relative app-sdk-z-50"},V.default.createElement(K.DialogBackdrop,{transition:!0,className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-gray-500 app-sdk-bg-opacity-25 app-sdk-transition-opacity data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"},V.default.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-flex app-sdk-w-screen app-sdk-items-center app-sdk-justify-center app-sdk-p-4"},V.default.createElement(K.DialogPanel,{className:"app-sdk-max-w-lg app-sdk-space-y-4 app-sdk-shadow-2xl app-sdk-bg-[color:var(--asdk-rd-background-color)] app-sdk-p-8 app-sdk-rounded-xl app-sdk-text-[color:var(--asdk-rd-text-color)]"},V.default.createElement(K.DialogTitle,{className:"app-sdk-font-bold"},"Retry Process Instance"),V.default.createElement(K.Description,{className:"app-sdk-break-words"},"Are you sure you want to retry the Process Instance",e.flowNodeInstance&&` at this Flow Node (${e.flowNodeInstance.flowNodeId})`,"?"),V.default.createElement(K.Description,null,"You can provide a new start token:"),V.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},V.default.createElement("label",null,"Start Token"),V.default.createElement(Gs.default,{height:"7rem",defaultLanguage:"json",defaultValue:o,onChange:s=>t(s??""),options:{lineNumbersMinChars:2,readOnly:!1,minimap:{enabled:!1},formatOnPaste:!0,formatOnType:!0}})),V.default.createElement("div",{className:"app-sdk-flex app-sdk-justify-end app-sdk-gap-2"},V.default.createElement("button",{className:"app-sdk-bg-[color:var(--asdk-rd-secondary-button-color)] app-sdk-text-[color:var(--asdk-rd-secondary-button-text-color)] app-sdk-rounded-md app-sdk-p-2 app-sdk-border hover:app-sdk-cursor-pointer hover:app-sdk-bg-[color:var(--asdk-rd-secondary-button-hover-color)]",onClick:e.onClose},"Cancel"),V.default.createElement("button",{className:"app-sdk-bg-[color:var(--asdk-rd-primary-button-color)] app-sdk-text-[color:var(--asdk-rd-primary-button-text-color)] app-sdk-rounded-md app-sdk-p-2 app-sdk-border-0 hover:app-sdk-cursor-pointer hover:app-sdk-bg-[color:var(--asdk-rd-primary-button-hover-color)]",onClick:async()=>{let s=JSON.parse(o);await(await Promise.resolve().then(()=>(_e(),Ve))).retryProcess(e.processInstance.processInstanceId,e.flowNodeInstance?.flowNodeInstanceId,s),e.onClose()}},"Retry"))))))}var Go=d(require("react"),1);function Ws({disabled:e,onClick:o}){return Go.default.createElement(we,{title:"Retry Process",disabled:e,onClick:o},Go.default.createElement("svg",{className:e?"!app-sdk-stroke-app-sdk-gray-200 dark:!app-sdk-stroke-app-sdk-gray-400 !app-sdk-fill-app-sdk-gray-200 dark:!app-sdk-fill-app-sdk-gray-400":"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",width:"1.25rem",height:"1.25rem",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Go.default.createElement("path",{d:"M105.1 202.6c7.7-21.8 20.2-42.3 37.8-59.8c62.5-62.5 163.8-62.5 226.3 0L386.3 160H352c-17.7 0-32 14.3-32 32s14.3 32 32 32H463.5c0 0 0 0 0 0h.4c17.7 0 32-14.3 32-32V80c0-17.7-14.3-32-32-32s-32 14.3-32 32v35.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5zM39 289.3c-5 1.5-9.8 4.2-13.7 8.2c-4 4-6.7 8.8-8.1 14c-.3 1.2-.6 2.5-.8 3.8c-.3 1.7-.4 3.4-.4 5.1V432c0 17.7 14.3 32 32 32s32-14.3 32-32V396.9l17.6 17.5 0 0c87.5 87.4 229.3 87.4 316.7 0c24.4-24.4 42.1-53.1 52.9-83.7c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8c-62.5 62.5-163.8 62.5-226.3 0l-.1-.1L125.6 352H160c17.7 0 32-14.3 32-32s-14.3-32-32-32H48.4c-1.6 0-3.2 .1-4.8 .3s-3.1 .5-4.6 1z"})))}var Jo=d(require("react"),1);function Rs({processInstanceId:e,disabled:o}){return Jo.default.createElement(we,{title:"Terminate Process",disabled:o,onClick:()=>Promise.resolve().then(()=>(_e(),Ve)).then(({terminateProcess:t})=>t(e))},Jo.default.createElement("svg",{className:o?"!app-sdk-stroke-app-sdk-gray-200 dark:!app-sdk-stroke-app-sdk-gray-400 !app-sdk-fill-app-sdk-gray-200 dark:!app-sdk-fill-app-sdk-gray-400":"!app-sdk-stroke-red-600 !app-sdk-fill-red-600",width:"1.25rem",height:"1.25rem",viewBox:"0 0 516 516",xmlns:"http://www.w3.org/2000/svg"},Jo.default.createElement("path",{d:"M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm192-96l128 0c17.7 0 32 14.3 32 32l0 128c0 17.7-14.3 32-32 32l-128 0c-17.7 0-32-14.3-32-32l0-128c0-17.7 14.3-32 32-32z"})))}var ye=require("@heroicons/react/24/outline"),bt=require("@monaco-editor/react"),w=d(require("react"),1);function qs(e){let[o,t]=(0,w.useState)(),[s,a]=(0,w.useState)(!0),[r,n]=(0,w.useState)(null),i=c=>{n(r===c?null:c)};(0,w.useEffect)(()=>(s&&e.flowNodeInstances.length>1&&a(!1),()=>{if(s)return;let c=new URLSearchParams(window.location.search);c.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${c.toString()}${window.location.hash}`)}),[s,e.flowNodeInstances]),(0,w.useEffect)(()=>{if(e.flowNodeInstances.length<2){t(void 0);return}let f=new URLSearchParams(window.location.search).get("tokenInspectorFocus");f||t(e.flowNodeInstances[0]);let D=e.flowNodeInstances.find(j=>j.flowNodeId===f);D&&t(D)},[e.flowNodeInstances]),(0,w.useEffect)(()=>{if(s)return;let c=new URLSearchParams(window.location.search);o?c.set("tokenInspectorFocus",o.flowNodeId):c.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${c.toString()}${window.location.hash}`)},[o,s]);let p=(0,w.useMemo)(()=>e.flowNodeInstances.length===1?JSON.stringify(e.flowNodeInstances[0].startToken,null,2):JSON.stringify(o?o.startToken:e.processInstance?.startToken??{},null,2),[o,e.flowNodeInstances,e.processInstance]),g=(0,w.useMemo)(()=>e.flowNodeInstances.length===1?JSON.stringify(e.flowNodeInstances[0].endToken,null,2):JSON.stringify(o?o.endToken:e.processInstance?.endToken??{},null,2),[o,e.flowNodeInstances,e.processInstance]);return w.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-h-full app-sdk-rounded-3xl app-sdk-p-4 app-sdk-gap-1 app-sdk-bg-white/95 dark:app-sdk-bg-black/85 dark:app-sdk-text-white app-sdk-border app-sdk-border-solid dark:app-sdk-border-none"},w.default.createElement("button",{onClick:()=>{e.close()},className:"app-sdk-text-white hover:app-sdk-text-gray-300",title:"Close Token Inspector"},w.default.createElement(ye.XMarkIcon,{className:"app-sdk-w-6 app-sdk-h-6"})),w.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-4"},e.flowNodeInstances.length===0?w.default.createElement("label",{className:"app-sdk-break-all"},"Process: ",e.processInstance.processModelId,e.processInstance.processModelName&&` (${e.processInstance.processModelName})`):e.flowNodeInstances.length===1?w.default.createElement("label",{className:"app-sdk-break-all"},"Flow Node: ",e.flowNodeInstances[0].flowNodeId,e.flowNodeInstances[0].flowNodeName&&` (${e.flowNodeInstances[0].flowNodeName})`):w.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1 app-sdk-w-full"},w.default.createElement("label",null,"Select Flow Node:"),w.default.createElement("select",{className:"app-sdk-max-w-full app-sdk-bg-transparent app-sdk-border app-sdk-rounded-md app-sdk-py-2 app-sdk-px-1 app-sdk-text-ellipsis",onChange:c=>t(e.flowNodeInstances.find(f=>f.flowNodeId===c.target.value)),value:o?.flowNodeId??e.flowNodeInstances[0].flowNodeId},e.flowNodeInstances.map(c=>w.default.createElement("option",{key:`token-inspector-option-${c.flowNodeId}`,value:c.flowNodeId},`${c.flowNodeName?`${c.flowNodeName} (${c.flowNodeId})`:c.flowNodeId}`)))),w.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-3"},r&&w.default.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-black/30 app-sdk-backdrop-blur-md app-sdk-z-40"}),w.default.createElement("div",{className:`app-sdk-flex app-sdk-flex-col app-sdk-gap-1
24
+ FormField: ${r} with ${n} `);continue}if(n.length===1?s[r]=n[0]:s[r]=n,s[r]==""&&delete s[r],s[r]){let i=o.find(p=>p.id===r)?.type;if(i==="boolean"){s[r]=s[r]==="on";continue}if(i==="confirm"){s[r]=JSON.parse(s[r]);continue}if(i==="number"){s[r]=parseFloat(s[r]);continue}if(i==="long"){s[r]=parseInt(s[r]);continue}}}let a=o.filter(r=>r.type==="boolean");return a.length&&a.forEach(r=>{s[r.id]||(s[r.id]=!1)}),t.forEach((r,n)=>{if(typeof r.ref.current?.getValue=="function"){let i=r.ref.current.getValue();(typeof i=="boolean"||typeof i=="number"||typeof i=="string"||Array.isArray(i)||i==null||i?.toString()==="[object Object]")&&(s[n]=i)}}),s}var Ks=require("@headlessui/react"),Qs=require("bpmn-js/lib/util/ModelUtil"),qo=require("lodash"),ea=d(require("next/dynamic"),1),h=d(require("react"),1),oa=require("react-dom/client"),L=require("@5minds/processcube_engine_sdk");var R=require("@headlessui/react"),cs=require("@heroicons/react/24/outline"),W=d(require("react"),1);function ms(e){let[o,t]=(0,W.useState)(""),s=o===""?e.entries:e.entries.filter(a=>a.name.toLowerCase().includes(o.toLowerCase()));return W.default.createElement(R.Dialog,{className:"app-sdk-relative app-sdk-z-50",open:e.isOpen,onClose:()=>{e.onClose(),t("")}},W.default.createElement(R.DialogBackdrop,{transition:!0,className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-gray-500 app-sdk-bg-opacity-25 app-sdk-transition-opacity data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"}),W.default.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-z-10 app-sdk-w-screen app-sdk-overflow-y-auto app-sdk-p-4 sm:app-sdk-p-6 md:app-sdk-p-20"},W.default.createElement(R.DialogPanel,{transition:!0,className:"app-sdk-mx-auto app-sdk-max-w-xl app-sdk-transform app-sdk-rounded-xl app-sdk-bg-[color:var(--asdk-cmdp-background-color)] app-sdk-p-2 app-sdk-shadow-2xl app-sdk-ring-1 app-sdk-ring-black app-sdk-ring-opacity-5 app-sdk-transition-all data-[closed]:app-sdk-scale-95 data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"},W.default.createElement(R.Combobox,{onChange:a=>{a&&e.onConfirm(a)}},W.default.createElement(R.ComboboxInput,{autoFocus:!0,className:"app-sdk-w-full app-sdk-ring-offset-2 app-sdk-rounded-md app-sdk-border-0 app-sdk-bg-[color:var(--asdk-cmdp-input-color)] app-sdk-px-4 app-sdk-py-2.5 app-sdk-text-[color:var(--asdk-cmdp-text-color)] sm:app-sdk-text-sm",placeholder:e.placeholder,onChange:a=>t(a.target.value),onBlur:()=>t("")}),s.length>0&&W.default.createElement(R.ComboboxOptions,{static:!0,className:"app-sdk-mb-2 app-sdk-max-h-72 app-sdk-scroll-py-2 app-sdk-overflow-y-auto app-sdk-py-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-cmdp-text-color)]"},s.map(a=>W.default.createElement(R.ComboboxOption,{key:a.id,value:a,className:({focus:r})=>T("app-sdk-cursor-default app-sdk-select-none app-sdk-rounded-md app-sdk-px-4 app-sdk-py-2",r&&"app-sdk-bg-[color:var(--asdk-cmdp-focus-color)] app-sdk-text-white")},a.name))),o!==""&&s.length===0&&W.default.createElement("div",{className:"app-sdk-px-4 app-sdk-py-14 app-sdk-text-center sm:app-sdk-px-14"},W.default.createElement(cs.UsersIcon,{className:"app-sdk-mx-auto app-sdk-h-6 app-sdk-w-6 app-sdk-text-gray-400","aria-hidden":"true"}),W.default.createElement("p",{className:"app-sdk-mt-4 app-sdk-text-sm app-sdk-text-[color:var(--asdk-cmdp-text-color)]"},e.noResultsText||"No entries found using that search term."))))))}var us=d(require("react"),1);function ae({title:e,children:o,className:t,onClick:s}){return us.default.createElement("button",{title:e,className:T(t,"app-sdk-appearance-none app-sdk-border-none app-sdk-pointer-events-auto app-sdk-cursor-pointer app-sdk-flex app-sdk-w-6 app-sdk-min-w-6 app-sdk-max-w-6 app-sdk-h-4 app-sdk-text-white app-sdk-bg-cyan-800 app-sdk-rounded app-sdk-text-xs app-sdk-items-center app-sdk-justify-center"),onClick:s},o)}var ks=d(require("react"),1);function fs({width:e,children:o}){return ks.default.createElement("div",{className:"app-sdk-flex app-sdk-gap-1 app-sdk-justify-center app-sdk-flex-wrap",style:{width:`${e}px`}},o)}var _o=d(require("react"),1);function hs({isSender:e,onClick:o}){return _o.default.createElement(ae,{title:`Go to ${e?"Target":"Source"}`,onClick:o},_o.default.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},_o.default.createElement("path",{d:"M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"})))}var Ao=d(require("react"),1);function gs({onClick:e}){return Ao.default.createElement(ae,{onClick:e,title:"List Instances"},Ao.default.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Ao.default.createElement("path",{d:"M24 56c0-13.3 10.7-24 24-24H80c13.3 0 24 10.7 24 24V176h16c13.3 0 24 10.7 24 24s-10.7 24-24 24H40c-13.3 0-24-10.7-24-24s10.7-24 24-24H56V80H48C34.7 80 24 69.3 24 56zM86.7 341.2c-6.5-7.4-18.3-6.9-24 1.2L51.5 357.9c-7.7 10.8-22.7 13.3-33.5 5.6s-13.3-22.7-5.6-33.5l11.1-15.6c23.7-33.2 72.3-35.6 99.2-4.9c21.3 24.4 20.8 60.9-1.1 84.7L86.8 432H120c13.3 0 24 10.7 24 24s-10.7 24-24 24H32c-9.5 0-18.2-5.6-22-14.4s-2.1-18.9 4.3-25.9l72-78c5.3-5.8 5.4-14.6 .3-20.5zM224 64H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32z"})))}var $o=d(require("react"),1);function Vs({flowNodeId:e,flowNodeInstanceId:o,flowNodeType:t,processInstanceId:s,onPlay:a}){return $o.default.createElement(ae,{title:"Run Task",className:"asdk-pii-play-button",onClick:()=>{typeof a=="function"?new Promise(async(r,n)=>{try{await a({flowNodeId:e,processInstanceId:s,flowNodeInstanceId:o,taskType:t}),r(!0)}catch(i){n(i)}}):Promise.resolve().then(()=>(_e(),Ve)).then(({finishTask:r})=>r(o,t))}},$o.default.createElement("svg",{className:"!app-sdk-fill-none !app-sdk-stroke-white !app-sdk-stroke-[2px]",width:"14px",height:"14px",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},$o.default.createElement("path",{d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z"})))}var _s=d(require("react"),1);function As(){return _s.default.createElement("div",{className:"app-sdk-h-6 app-sdk-w-[1px] app-sdk-my-auto app-sdk-border-l app-sdk-border-r-0 app-sdk-border-t-0 app-sdk-border-b-0 app-sdk-border-collapse app-sdk-border-solid app-sdk-border-gray-900 dark:app-sdk-border-gray-300"})}var vt=d(require("react"),1);function zs({children:e}){return vt.default.createElement("div",{className:"app-sdk-w-full app-sdk-absolute app-sdk-top-0 app-sdk-left-0 app-sdk-z-40 app-sdk-pt-2 app-sdk-pointer-events-none"},vt.default.createElement("div",{className:"app-sdk-flex app-sdk-w-fit app-sdk-mx-auto app-sdk-rounded-full app-sdk-px-3 app-sdk-py-2 app-sdk-gap-1 app-sdk-border app-sdk-border-solid app-sdk-bg-white/95 dark:app-sdk-bg-black/85 dark:app-sdk-border-none app-sdk-pointer-events-auto"},e))}var Ho=d(require("react"),1);var $s=d(require("react"),1);function we({title:e,disabled:o,children:t,onClick:s}){return $s.default.createElement("button",{title:`${e??""}${o?" (disabled)":""}`,className:T("app-sdk-appearance-none app-sdk-border-none app-sdk-bg-transparent app-sdk-flex app-sdk-h-full app-sdk-my-auto app-sdk-rounded-full app-sdk-p-1",o?"app-sdk-cursor-not-allowed":"app-sdk-cursor-pointer hover:app-sdk-bg-app-sdk-gray-100/40"),onClick:s,disabled:o},t)}function Hs({onClick:e}){return Ho.default.createElement(we,{title:"Refresh Process Instance Data",onClick:e},Ho.default.createElement("svg",{className:"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",width:"1.25rem",height:"1.25rem",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Ho.default.createElement("path",{d:"M105.1 202.6c7.7-21.8 20.2-42.3 37.8-59.8c62.5-62.5 163.8-62.5 226.3 0L386.3 160H352c-17.7 0-32 14.3-32 32s14.3 32 32 32H463.5c0 0 0 0 0 0h.4c17.7 0 32-14.3 32-32V80c0-17.7-14.3-32-32-32s-32 14.3-32 32v35.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5zM39 289.3c-5 1.5-9.8 4.2-13.7 8.2c-4 4-6.7 8.8-8.1 14c-.3 1.2-.6 2.5-.8 3.8c-.3 1.7-.4 3.4-.4 5.1V432c0 17.7 14.3 32 32 32s32-14.3 32-32V396.9l17.6 17.5 0 0c87.5 87.4 229.3 87.4 316.7 0c24.4-24.4 42.1-53.1 52.9-83.7c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8c-62.5 62.5-163.8 62.5-226.3 0l-.1-.1L125.6 352H160c17.7 0 32-14.3 32-32s-14.3-32-32-32H48.4c-1.6 0-3.2 .1-4.8 .3s-3.1 .5-4.6 1z"})))}var jo=d(require("react"),1);function js({onClick:e}){return jo.default.createElement(ae,{title:"Retry Process Here",onClick:e},jo.default.createElement("svg",{className:"!app-sdk-fill-white !app-sdk-stroke-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},jo.default.createElement("path",{d:"M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z"})))}var K=require("@headlessui/react"),Gs=d(require("@monaco-editor/react"),1),V=d(require("react"),1);function Js(e){let[o,t]=(0,V.useState)("");return(0,V.useEffect)(()=>{t(JSON.stringify(e.flowNodeInstance?.startToken??e.processInstance.startToken??{},null,2))},[e.flowNodeInstance,e.processInstance]),V.default.createElement(K.Dialog,{open:e.isOpen,onClose:e.onClose,className:"app-sdk-relative app-sdk-z-50"},V.default.createElement(K.DialogBackdrop,{transition:!0,className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-gray-500 app-sdk-bg-opacity-25 app-sdk-transition-opacity data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"},V.default.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-flex app-sdk-w-screen app-sdk-items-center app-sdk-justify-center app-sdk-p-4"},V.default.createElement(K.DialogPanel,{className:"app-sdk-max-w-lg app-sdk-space-y-4 app-sdk-shadow-2xl app-sdk-bg-[color:var(--asdk-rd-background-color)] app-sdk-p-8 app-sdk-rounded-xl app-sdk-text-[color:var(--asdk-rd-text-color)]"},V.default.createElement(K.DialogTitle,{className:"app-sdk-font-bold"},"Retry Process Instance"),V.default.createElement(K.Description,{className:"app-sdk-break-words"},"Are you sure you want to retry the Process Instance",e.flowNodeInstance&&` at this Flow Node (${e.flowNodeInstance.flowNodeId})`,"?"),V.default.createElement(K.Description,null,"You can provide a new start token:"),V.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},V.default.createElement("label",null,"Start Token"),V.default.createElement(Gs.default,{height:"7rem",defaultLanguage:"json",defaultValue:o,onChange:s=>t(s??""),options:{lineNumbersMinChars:2,readOnly:!1,minimap:{enabled:!1},formatOnPaste:!0,formatOnType:!0}})),V.default.createElement("div",{className:"app-sdk-flex app-sdk-justify-end app-sdk-gap-2"},V.default.createElement("button",{className:"app-sdk-bg-[color:var(--asdk-rd-secondary-button-color)] app-sdk-text-[color:var(--asdk-rd-secondary-button-text-color)] app-sdk-rounded-md app-sdk-p-2 app-sdk-border hover:app-sdk-cursor-pointer hover:app-sdk-bg-[color:var(--asdk-rd-secondary-button-hover-color)]",onClick:e.onClose},"Cancel"),V.default.createElement("button",{className:"app-sdk-bg-[color:var(--asdk-rd-primary-button-color)] app-sdk-text-[color:var(--asdk-rd-primary-button-text-color)] app-sdk-rounded-md app-sdk-p-2 app-sdk-border-0 hover:app-sdk-cursor-pointer hover:app-sdk-bg-[color:var(--asdk-rd-primary-button-hover-color)]",onClick:async()=>{let s=JSON.parse(o);await(await Promise.resolve().then(()=>(_e(),Ve))).retryProcess(e.processInstance.processInstanceId,e.flowNodeInstance?.flowNodeInstanceId,s),e.onClose()}},"Retry"))))))}var Go=d(require("react"),1);function Ws({disabled:e,onClick:o}){return Go.default.createElement(we,{title:"Retry Process",disabled:e,onClick:o},Go.default.createElement("svg",{className:e?"!app-sdk-stroke-app-sdk-gray-200 dark:!app-sdk-stroke-app-sdk-gray-400 !app-sdk-fill-app-sdk-gray-200 dark:!app-sdk-fill-app-sdk-gray-400":"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",width:"1.25rem",height:"1.25rem",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Go.default.createElement("path",{d:"M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z"})))}var Jo=d(require("react"),1);function Rs({processInstanceId:e,disabled:o}){return Jo.default.createElement(we,{title:"Terminate Process",disabled:o,onClick:()=>Promise.resolve().then(()=>(_e(),Ve)).then(({terminateProcess:t})=>t(e))},Jo.default.createElement("svg",{className:o?"!app-sdk-stroke-app-sdk-gray-200 dark:!app-sdk-stroke-app-sdk-gray-400 !app-sdk-fill-app-sdk-gray-200 dark:!app-sdk-fill-app-sdk-gray-400":"!app-sdk-stroke-red-600 !app-sdk-fill-red-600",width:"1.25rem",height:"1.25rem",viewBox:"0 0 516 516",xmlns:"http://www.w3.org/2000/svg"},Jo.default.createElement("path",{d:"M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm192-96l128 0c17.7 0 32 14.3 32 32l0 128c0 17.7-14.3 32-32 32l-128 0c-17.7 0-32-14.3-32-32l0-128c0-17.7 14.3-32 32-32z"})))}var ye=require("@heroicons/react/24/outline"),bt=require("@monaco-editor/react"),w=d(require("react"),1);function qs(e){let[o,t]=(0,w.useState)(),[s,a]=(0,w.useState)(!0),[r,n]=(0,w.useState)(null),i=c=>{n(r===c?null:c)};(0,w.useEffect)(()=>(s&&e.flowNodeInstances.length>1&&a(!1),()=>{if(s)return;let c=new URLSearchParams(window.location.search);c.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${c.toString()}${window.location.hash}`)}),[s,e.flowNodeInstances]),(0,w.useEffect)(()=>{if(e.flowNodeInstances.length<2){t(void 0);return}let f=new URLSearchParams(window.location.search).get("tokenInspectorFocus");f||t(e.flowNodeInstances[0]);let D=e.flowNodeInstances.find(j=>j.flowNodeId===f);D&&t(D)},[e.flowNodeInstances]),(0,w.useEffect)(()=>{if(s)return;let c=new URLSearchParams(window.location.search);o?c.set("tokenInspectorFocus",o.flowNodeId):c.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${c.toString()}${window.location.hash}`)},[o,s]);let p=(0,w.useMemo)(()=>e.flowNodeInstances.length===1?JSON.stringify(e.flowNodeInstances[0].startToken,null,2):JSON.stringify(o?o.startToken:e.processInstance?.startToken??{},null,2),[o,e.flowNodeInstances,e.processInstance]),g=(0,w.useMemo)(()=>e.flowNodeInstances.length===1?JSON.stringify(e.flowNodeInstances[0].endToken,null,2):JSON.stringify(o?o.endToken:e.processInstance?.endToken??{},null,2),[o,e.flowNodeInstances,e.processInstance]);return w.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-h-full app-sdk-rounded-3xl app-sdk-p-4 app-sdk-gap-1 app-sdk-bg-white/95 dark:app-sdk-bg-black/85 dark:app-sdk-text-white app-sdk-border app-sdk-border-solid dark:app-sdk-border-none"},w.default.createElement("button",{onClick:()=>{e.close()},className:"app-sdk-text-white hover:app-sdk-text-gray-300",title:"Close Token Inspector"},w.default.createElement(ye.XMarkIcon,{className:"app-sdk-w-6 app-sdk-h-6"})),w.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-4"},e.flowNodeInstances.length===0?w.default.createElement("label",{className:"app-sdk-break-all"},"Process: ",e.processInstance.processModelId,e.processInstance.processModelName&&` (${e.processInstance.processModelName})`):e.flowNodeInstances.length===1?w.default.createElement("label",{className:"app-sdk-break-all"},"Flow Node: ",e.flowNodeInstances[0].flowNodeId,e.flowNodeInstances[0].flowNodeName&&` (${e.flowNodeInstances[0].flowNodeName})`):w.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1 app-sdk-w-full"},w.default.createElement("label",null,"Select Flow Node:"),w.default.createElement("select",{className:"app-sdk-max-w-full app-sdk-bg-transparent app-sdk-border app-sdk-rounded-md app-sdk-py-2 app-sdk-px-1 app-sdk-text-ellipsis",onChange:c=>t(e.flowNodeInstances.find(f=>f.flowNodeId===c.target.value)),value:o?.flowNodeId??e.flowNodeInstances[0].flowNodeId},e.flowNodeInstances.map(c=>w.default.createElement("option",{key:`token-inspector-option-${c.flowNodeId}`,value:c.flowNodeId},`${c.flowNodeName?`${c.flowNodeName} (${c.flowNodeId})`:c.flowNodeId}`)))),w.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-3"},r&&w.default.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-black/30 app-sdk-backdrop-blur-md app-sdk-z-40"}),w.default.createElement("div",{className:`app-sdk-flex app-sdk-flex-col app-sdk-gap-1
25
25
  ${r==="start"?"app-sdk-fixed app-sdk-top-1/2 app-sdk-left-1/2 app-sdk--translate-x-1/2 app-sdk--translate-y-1/2 app-sdk-w-4/5 app-sdk-h-[70vh] app-sdk-bg-white/10 app-sdk-backdrop-blur-xl app-sdk-rounded-xl app-sdk-shadow-2xl app-sdk-z-50 app-sdk-p-6":""}`},w.default.createElement("div",{className:"app-sdk-flex app-sdk-items-center app-sdk-justify-between"},w.default.createElement("label",{className:"app-sdk-text-white app-sdk-font-medium"},"Start Token"),w.default.createElement("button",{className:"app-sdk-text-white hover:app-sdk-text-gray-300 app-sdk-w-6 app-sdk-h-6",onClick:()=>i("start"),title:r==="start"?"Minimize":"Maximize"},r==="start"?w.default.createElement(ye.ArrowsPointingInIcon,{className:"app-sdk-w-6 app-sdk-h-6"}):w.default.createElement(ye.ArrowsPointingOutIcon,{className:"app-sdk-w-6 app-sdk-h-6"}))),w.default.createElement(bt.Editor,{height:r==="start"?"60vh":"7rem",defaultLanguage:"json",value:p,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})),w.default.createElement("div",{className:`app-sdk-flex app-sdk-flex-col app-sdk-gap-1
26
26
  ${r==="end"?"app-sdk-fixed app-sdk-top-1/2 app-sdk-left-1/2 app-sdk--translate-x-1/2 app-sdk--translate-y-1/2 app-sdk-w-4/5 app-sdk-h-[70vh] app-sdk-bg-white/10 app-sdk-backdrop-blur-xl app-sdk-rounded-xl app-sdk-shadow-2xl app-sdk-z-50 app-sdk-p-6":""}`},w.default.createElement("div",{className:"app-sdk-flex app-sdk-items-center app-sdk-justify-between"},w.default.createElement("label",{className:"app-sdk-text-white app-sdk-font-medium"},"End Token"),w.default.createElement("button",{className:"app-sdk-text-white hover:app-sdk-text-gray-300 app-sdk-w-6 app-sdk-h-6",onClick:()=>i("end"),title:r==="end"?"Minimize":"Maximize"},r==="end"?w.default.createElement(ye.ArrowsPointingInIcon,{className:"app-sdk-w-6 app-sdk-h-6"}):w.default.createElement(ye.ArrowsPointingOutIcon,{className:"app-sdk-w-6 app-sdk-h-6"}))),w.default.createElement(bt.Editor,{height:r==="end"?"60vh":"7rem",defaultLanguage:"json",value:g,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})))))}var re=d(require("react"),1);function Xs(e){let[o,t]=(0,re.useState)(e.isOpen??!1);return(0,re.useEffect)(()=>{t(e.isOpen??!1)},[e.isOpen]),re.default.createElement(we,{disabled:e.disabled,title:"View Process Tokens",onClick:()=>{o?e.close():e.open(),t(s=>!s)}},o?re.default.createElement("svg",{className:"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",xmlns:"http://www.w3.org/2000/svg",width:"1.25rem",height:"1.25rem",viewBox:"0 0 384 512"},re.default.createElement("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"})):re.default.createElement("svg",{className:"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",xmlns:"http://www.w3.org/2000/svg",width:"1.25rem",height:"1.25rem",viewBox:"0 0 448 512"},re.default.createElement("path",{d:"M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"})))}var Ys=[L.ProcessInstanceState.error,L.ProcessInstanceState.terminated],sr=[L.BpmnType.manualTask,L.BpmnType.userTask,L.BpmnType.untypedTask],Zs=[L.BpmnType.endEvent,L.BpmnType.intermediateThrowEvent,L.BpmnType.sendTask],ar=[L.BpmnType.startEvent,L.BpmnType.intermediateCatchEvent,L.BpmnType.boundaryEvent,L.BpmnType.receiveTask],Wo={isOpen:!1,placeholder:"",entries:[],onConfirm:()=>{},onClose:()=>{}},rr={isOpen:!1},Ro="asdk-buttons";function ta(e){let{processInstanceId:o}=e,[t,s]=(0,h.useState)(Wo),[a,r]=(0,h.useState)(rr),[n,i]=(0,h.useState)(!1),[p,g]=(0,h.useState)(),[c,f]=(0,h.useState)([]),[D,j]=(0,h.useState)([]),[l,k]=(0,h.useState)(new Map),[P,Y]=(0,h.useState)([]),[sa,xt]=(0,h.useState)([]),x=(0,h.useRef)(null),aa=(0,h.useCallback)(async()=>{let m=await Promise.resolve().then(()=>(_e(),Ve)),v=m.getProcessInstance(o),G=m.getFlowNodeInstances(o),[I,_]=await Promise.all([v,G]),N=await m.getTriggeredFlowNodeInstances(_.map(F=>F.flowNodeInstanceId));g(I),f(_),j(N);let E=new URLSearchParams(window.location.search);E.get("tokenInspector")==="true"&&i(!0);let Q=E.getAll("instance"),ne=_.filter(F=>Q.includes(F.flowNodeInstanceId));ne.length!==Q.length&&(E.delete("instance"),ne.forEach(F=>E.append("instance",F.flowNodeInstanceId)),window.history.replaceState({},"",`${window.location.pathname}?${E.toString()}`));let q=new Map;_.forEach(F=>{q.has(F.flowNodeId)||q.set(F.flowNodeId,F.flowNodeInstanceId)}),ne.forEach(F=>q.set(F.flowNodeId,F.flowNodeInstanceId)),k(q)},[o]),ra=(0,h.useCallback)(m=>{let v=(0,Qs.getBusinessObject)(m),G=c.some(_=>_.flowNodeId===v.targetRef.id),I=c.some(_=>_.flowNodeId===v.sourceRef.id&&_.state===L.FlowNodeInstanceState.finished);return G&&I},[c]),Ye=(0,h.useCallback)(async()=>{let m=x.current?.bpmnViewerRef,v=m?.getOverlays();if(!m||!v)return;let G=await Promise.resolve().then(()=>(_e(),Ve)),I=G.getProcessInstance(o),_=G.getFlowNodeInstances(o),[N,E]=await Promise.all([I,_]),Ae=await G.getTriggeredFlowNodeInstances(E.map(O=>O.flowNodeInstanceId));if((0,qo.isEqual)(N,p)&&(0,qo.isEqual)(E,c)&&(0,qo.isEqual)(Ae,D))return;N.state!==p?.state&&v.clear();for(let[O,Ze]of l.entries()){let ze=c.find(A=>A.flowNodeInstanceId===Ze);if(!ze)continue;let Ke=E.find(A=>A.flowNodeId===O);Ke?.flowNodeInstanceId===Ze&&ze.state===Ke.state||(m.removeMarker(O,`asdk-pii-flow-node-instance-state--${ze.state}`),v.remove({element:O,type:Ro}))}g(N),f(E),j(Ae);let Q=new URLSearchParams(window.location.search),ne=Q.getAll("instance"),q=E.filter(O=>ne.includes(O.flowNodeInstanceId));q.length!==ne.length&&(Q.delete("instance"),q.forEach(O=>Q.append("instance",O.flowNodeInstanceId)),window.history.replaceState({},"",`${window.location.pathname}?${Q.toString()}`));let F=new Map;E.forEach(O=>{F.has(O.flowNodeId)||F.set(O.flowNodeId,O.flowNodeInstanceId)}),q.forEach(O=>F.set(O.flowNodeId,O.flowNodeInstanceId)),k(F)},[x.current,p,l,c,o]),na=(0,h.useCallback)((m,v)=>{let G=x.current?.bpmnViewerRef,I=G?.getOverlays();if(!G||!I)return;let _=I.get({element:m.id,type:Ro});if(Array.isArray(_)&&_.length>0)return;let N=v.find(A=>A.flowNodeInstanceId===l.get(A.flowNodeId));if(!N)return;let E=e.showFlowNodeExecutionCount&&v.length>1,Ae=e.showFlowNodeInstancesListButton&&v.length>1,Q=e.showFinishTaskButton&&sr.includes(m.type)&&N.state===L.FlowNodeInstanceState.suspended,ne=e.showRetryFlowNodeInstanceButton&&p&&Ys.includes(p.state),q=!1,F=[];if(e.showGoToFlowNodeButton&&ar.includes(m.type)){let A=N.triggeredByFlowNodeInstance;q=A!==void 0,F=A?[A]:[]}else if(e.showGoToFlowNodeButton&&Zs.includes(m.type)){let A=D.filter(z=>z.triggeredByFlowNodeInstance?.flowNodeInstanceId===N.flowNodeInstanceId);q=A.length>0,F=A}if(!E&&!Q&&!ne&&!q)return;let O=m.width<52,Ze=I.add(m.id,Ro,{position:{bottom:-7,left:O?-m.width/2:0},html:"<div></div>"}),ze=I.get(Ze),Ke=(0,oa.createRoot)(ze.htmlContainer),Xo=v.indexOf(N)===0,Yo=v.length-v.indexOf(N);Ke.render(h.default.createElement(fs,{width:O?m.width*2:m.width},E&&h.default.createElement(ae,{className:"app-sdk-select-none !app-sdk-cursor-default !app-sdk-bg-slate-500",title:`Flow Node was executed ${v.length} times.${Xo?"":` You are viewing instance #${Yo}.`}`},`${Xo?"":`${Yo}/`}${v.length}`),Ae&&h.default.createElement(gs,{onClick:()=>{let A=v.map(X=>({id:X.flowNodeInstanceId,name:`${X.startedAt?.toLocaleString("en-GB")} - ${X.flowNodeInstanceId} - ${X.state}${X.flowNodeInstanceId===N.flowNodeInstanceId?" (selected)":""}`,...X}));s({isOpen:!0,placeholder:"Select instance to display:",entries:A,onConfirm:async X=>{let Zo=v.find(Ko=>Ko.flowNodeInstanceId===X.flowNodeInstanceId);if(!Zo)return;G.removeMarker(N.flowNodeId,`asdk-pii-flow-node-instance-state--${N.state}`),I.remove({element:m.id,type:Ro});let Qe=new URLSearchParams(window.location.search);Qe.getAll("instance").includes(N.flowNodeInstanceId)&&Qe.delete("instance",N.flowNodeInstanceId),v.indexOf(Zo)!==0&&Qe.append("instance",Zo.flowNodeInstanceId),window.history.replaceState({},"",`${window.location.pathname}?${Qe.toString()}${window.location.hash}`),k(Ko=>new Map(Ko).set(m.id,X.flowNodeInstanceId)),s(Wo)},onClose:()=>s(Wo)})}}),q&&h.default.createElement(hs,{isSender:Zs.includes(m.type),onClick:()=>{if(F.length===1){let z=new URLSearchParams;z.append("selected",F[0].flowNodeId),z.append("instance",F[0].flowNodeInstanceId),window.location.href=`${F[0].processInstanceId}?${z.toString()}`;return}let A=F.map(z=>({id:z.flowNodeInstanceId,name:`${z.startedAt?.toLocaleString("en-GB")} - ${z.flowNodeId}${z.flowNodeName?` - ${z.flowNodeName}`:""}`,...z}));s({isOpen:!0,placeholder:"Select target to go to:",entries:A,onConfirm:z=>{let X=new URLSearchParams;X.append("selected",z.flowNodeId),X.append("instance",z.flowNodeInstanceId),window.location.href=`${z.processInstanceId}?${X.toString()}`},onClose:()=>s(Wo)})}}),Q&&h.default.createElement(Vs,{flowNodeId:N.flowNodeId,flowNodeInstanceId:N.flowNodeInstanceId,flowNodeType:m.type,processInstanceId:N.processInstanceId,onPlay:e.onFinish}),ne&&h.default.createElement(js,{onClick:()=>{r({isOpen:!0,flowNodeInstance:N})}})))},[x.current,p,c,D,l]);if((0,h.useEffect)(()=>{aa()},[o]),(0,h.useEffect)(()=>{if(p?.state===L.ProcessInstanceState.finished){Ye();return}let m=setInterval(Ye,1e3);return()=>clearInterval(m)},[Ye,p?.state]),(0,h.useEffect)(()=>{if(P.length===0||c.length===0){xt([]);return}let m=c.filter(v=>{let G=P.includes(v.flowNodeId),I=l.get(v.flowNodeId)===v.flowNodeInstanceId;return G&&I});if(m.length===0){let v=new URLSearchParams(window.location.search);v.delete("tokenInspectorFocus"),window.history.replaceState({},"",`${window.location.pathname}?${v.toString()}${window.location.hash}`)}xt(m)},[c,P,l]),(0,h.useEffect)(()=>{if(!p?.xml)return;let m=x.current?.bpmnViewerRef,v=m?.getElementRegistry();!m||!v||m.onImportDone(()=>{let G=new Set(c.map(I=>I.flowNodeId));v.forEach(I=>{if(I.type==="bpmn:SequenceFlow"){ra(I)?m.addMarker(I.id,"asdk-pii-sequence-flow-finished"):m.hasMarker(I.id,"asdk-pii-sequence-flow-finished")&&m.removeMarker(I.id,"asdk-pii-sequence-flow-finished");return}if(!G.has(I.id))return;let _=c.filter(E=>E.flowNodeId===I.id),N=_.find(E=>E.flowNodeInstanceId===l.get(E.flowNodeId));N&&(m.hasMarker(I.id,"asdk-pii-flow-node-instance-state")||m.addMarker(I.id,"asdk-pii-flow-node-instance-state"),m.hasMarker(I.id,`asdk-pii-flow-node-instance-state--${N.state}`)||m.addMarker(I.id,`asdk-pii-flow-node-instance-state--${N.state}`),na(I,_))})})},[x.current,p,c,D,l]),!p?.xml)return e.loadingComponent?e.loadingComponent:h.default.createElement("div",{className:"app-sdk-absolute app-sdk-w-screen app-sdk-h-screen app-sdk-flex"},h.default.createElement("div",{className:"app-sdk-m-auto"},"Fetching diagram..."));let da=e.showProcessRefreshButton||e.showProcessRetryButton||e.showProcessTerminateButton||e.showTokenInspectorButton,ia=e.showTokenInspectorButton&&(e.showProcessRefreshButton||e.showProcessRetryButton||e.showProcessTerminateButton);return h.default.createElement("div",{className:"app-sdk-relative app-sdk-w-full app-sdk-h-full"},h.default.createElement(ms,{...t}),(e.showRetryFlowNodeInstanceButton||e.showProcessRetryButton)&&h.default.createElement(Js,{...a,processInstance:p,onClose:()=>r(m=>({...m,isOpen:!1}))}),da&&h.default.createElement(zs,null,e.showProcessRefreshButton&&h.default.createElement(Hs,{onClick:Ye}),e.showProcessRetryButton&&h.default.createElement(Ws,{onClick:()=>r({isOpen:!0}),disabled:!Ys.includes(p.state)}),e.showProcessTerminateButton&&h.default.createElement(Rs,{processInstanceId:o,disabled:p.state!==L.ProcessInstanceState.running}),ia&&h.default.createElement(As,null),e.showTokenInspectorButton&&h.default.createElement(Xs,{isOpen:n,open:()=>{let m=new URLSearchParams(window.location.search);m.set("tokenInspector","true"),window.history.replaceState({},"",`${window.location.pathname}?${m.toString()}${window.location.hash}`),i(!0)},close:()=>{let m=new URLSearchParams(window.location.search);m.delete("tokenInspector"),window.history.replaceState({},"",`${window.location.pathname}?${m.toString()}${window.location.hash}`),i(!1)}})),h.default.createElement(Ks.Transition,{show:n},h.default.createElement("div",{className:"app-sdk-transition app-sdk-duration-200 data-[closed]:app-sdk-opacity-0 app-sdk-w-1/4 app-sdk-min-w-64 app-sdk-absolute app-sdk-top-0 app-sdk-right-0 app-sdk-z-40 app-sdk-pt-2 app-sdk-pr-2"},h.default.createElement(qs,{processInstance:p,flowNodeInstances:sa,close:()=>{let m=new URLSearchParams(window.location.search);m.delete("tokenInspector"),window.history.replaceState({},"",`${window.location.pathname}?${m.toString()}${window.location.hash}`),i(!1)}}))),h.default.createElement(ao,{xml:p.xml,ref:x,setSelectedElementIds:Y}))}var nr=(0,ea.default)(()=>Promise.resolve(ta),{ssr:!1});0&&(module.exports={BPMNViewer,BPMNViewerNextJS,BooleanFormField,BpmnViewerComponent,CheckboxFormField,ColorFormField,ConfirmFormField,CustomFormField,DateFormField,DatetimeLocalFormField,DecimalFormField,DiagramDocumentationInspector,DiagramDocumentationInspectorNextJS,DocumentationViewer,DropdownMenu,DropdownMenuItem,DynamicLink,DynamicUi,DynamicUiComponent,EmailFormField,EnumFormField,FileFormField,FlowNode,FormFieldComponentMap,HeaderFormField,HiddenFormField,IntegerFormField,MonthFormField,ParagraphFormField,PasswordFormField,ProcessInstanceInspector,ProcessInstanceInspectorNextJS,RadioFormField,RangeFormField,SelectFormField,SplitterLayout,StringFormField,TelFormField,TextareaFormField,TimeFormField,UrlFormField,WeekFormField});
package/build/client/index.mjs CHANGED
@@ -21,6 +21,6 @@ Component Name: ${k.name} ${k.displayName??""}`),Ps(k),I=k);let j=r.get(p.id)?.r
21
21
 
22
22
  FormField: ${s} with ${a} `);return}t[s]?t[s]=Array.isArray(t[s])?[...t[s],a]:[t[s],a]:t[s]=a}),o.forEach((a,s)=>{if(typeof a.ref.current?.getState=="function"){let r=a.ref.current.getState();(typeof r=="boolean"||typeof r=="number"||typeof r=="string"||Array.isArray(r)||r==null||r?.toString()==="[object Object]")&&(t[s]=r)}}),t}function Ds(e,o,t){let a={};for(let r of e.keys()){let n=e.getAll(r);if(n[0]instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Use the raw FormData instance to process files instead.
23
23
 
24
- FormField: ${r} with ${n} `);continue}if(n.length===1?a[r]=n[0]:a[r]=n,a[r]==""&&delete a[r],a[r]){let d=o.find(i=>i.id===r)?.type;if(d==="boolean"){a[r]=a[r]==="on";continue}if(d==="confirm"){a[r]=JSON.parse(a[r]);continue}if(d==="number"){a[r]=parseFloat(a[r]);continue}if(d==="long"){a[r]=parseInt(a[r]);continue}}}let s=o.filter(r=>r.type==="boolean");return s.length&&s.forEach(r=>{a[r.id]||(a[r.id]=!1)}),t.forEach((r,n)=>{if(typeof r.ref.current?.getValue=="function"){let d=r.ref.current.getValue();(typeof d=="boolean"||typeof d=="number"||typeof d=="string"||Array.isArray(d)||d==null||d?.toString()==="[object Object]")&&(a[n]=d)}}),a}import{Transition as Qs}from"@headlessui/react";import{getBusinessObject as er}from"bpmn-js/lib/util/ModelUtil";import{isEqual as et}from"lodash";import or from"next/dynamic";import S,{useCallback as Ge,useEffect as Je,useRef as tr,useState as Q}from"react";import{createRoot as ar}from"react-dom/client";import{BpmnType as R,FlowNodeInstanceState as Wt,ProcessInstanceState as Re}from"@5minds/processcube_engine_sdk";import{Combobox as Ts,ComboboxInput as Ms,ComboboxOption as Es,ComboboxOptions as Bs,Dialog as Os,DialogBackdrop as Us,DialogPanel as Ls}from"@headlessui/react";import{UsersIcon as Vs}from"@heroicons/react/24/outline";import J,{useState as _s}from"react";function Ct(e){let[o,t]=_s(""),a=o===""?e.entries:e.entries.filter(s=>s.name.toLowerCase().includes(o.toLowerCase()));return J.createElement(Os,{className:"app-sdk-relative app-sdk-z-50",open:e.isOpen,onClose:()=>{e.onClose(),t("")}},J.createElement(Us,{transition:!0,className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-gray-500 app-sdk-bg-opacity-25 app-sdk-transition-opacity data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"}),J.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-z-10 app-sdk-w-screen app-sdk-overflow-y-auto app-sdk-p-4 sm:app-sdk-p-6 md:app-sdk-p-20"},J.createElement(Ls,{transition:!0,className:"app-sdk-mx-auto app-sdk-max-w-xl app-sdk-transform app-sdk-rounded-xl app-sdk-bg-[color:var(--asdk-cmdp-background-color)] app-sdk-p-2 app-sdk-shadow-2xl app-sdk-ring-1 app-sdk-ring-black app-sdk-ring-opacity-5 app-sdk-transition-all data-[closed]:app-sdk-scale-95 data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"},J.createElement(Ts,{onChange:s=>{s&&e.onConfirm(s)}},J.createElement(Ms,{autoFocus:!0,className:"app-sdk-w-full app-sdk-ring-offset-2 app-sdk-rounded-md app-sdk-border-0 app-sdk-bg-[color:var(--asdk-cmdp-input-color)] app-sdk-px-4 app-sdk-py-2.5 app-sdk-text-[color:var(--asdk-cmdp-text-color)] sm:app-sdk-text-sm",placeholder:e.placeholder,onChange:s=>t(s.target.value),onBlur:()=>t("")}),a.length>0&&J.createElement(Bs,{static:!0,className:"app-sdk-mb-2 app-sdk-max-h-72 app-sdk-scroll-py-2 app-sdk-overflow-y-auto app-sdk-py-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-cmdp-text-color)]"},a.map(s=>J.createElement(Es,{key:s.id,value:s,className:({focus:r})=>P("app-sdk-cursor-default app-sdk-select-none app-sdk-rounded-md app-sdk-px-4 app-sdk-py-2",r&&"app-sdk-bg-[color:var(--asdk-cmdp-focus-color)] app-sdk-text-white")},s.name))),o!==""&&a.length===0&&J.createElement("div",{className:"app-sdk-px-4 app-sdk-py-14 app-sdk-text-center sm:app-sdk-px-14"},J.createElement(Vs,{className:"app-sdk-mx-auto app-sdk-h-6 app-sdk-w-6 app-sdk-text-gray-400","aria-hidden":"true"}),J.createElement("p",{className:"app-sdk-mt-4 app-sdk-text-sm app-sdk-text-[color:var(--asdk-cmdp-text-color)]"},e.noResultsText||"No entries found using that search term."))))))}import zs from"react";function X({title:e,children:o,className:t,onClick:a}){return zs.createElement("button",{title:e,className:P(t,"app-sdk-appearance-none app-sdk-border-none app-sdk-pointer-events-auto app-sdk-cursor-pointer app-sdk-flex app-sdk-w-6 app-sdk-min-w-6 app-sdk-max-w-6 app-sdk-h-4 app-sdk-text-white app-sdk-bg-cyan-800 app-sdk-rounded app-sdk-text-xs app-sdk-items-center app-sdk-justify-center"),onClick:a},o)}import As from"react";function Pt({width:e,children:o}){return As.createElement("div",{className:"app-sdk-flex app-sdk-gap-1 app-sdk-justify-center app-sdk-flex-wrap",style:{width:`${e}px`}},o)}import Jo from"react";function St({isSender:e,onClick:o}){return Jo.createElement(X,{title:`Go to ${e?"Target":"Source"}`,onClick:o},Jo.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Jo.createElement("path",{d:"M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"})))}import Wo from"react";function Dt({onClick:e}){return Wo.createElement(X,{onClick:e,title:"List Instances"},Wo.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Wo.createElement("path",{d:"M24 56c0-13.3 10.7-24 24-24H80c13.3 0 24 10.7 24 24V176h16c13.3 0 24 10.7 24 24s-10.7 24-24 24H40c-13.3 0-24-10.7-24-24s10.7-24 24-24H56V80H48C34.7 80 24 69.3 24 56zM86.7 341.2c-6.5-7.4-18.3-6.9-24 1.2L51.5 357.9c-7.7 10.8-22.7 13.3-33.5 5.6s-13.3-22.7-5.6-33.5l11.1-15.6c23.7-33.2 72.3-35.6 99.2-4.9c21.3 24.4 20.8 60.9-1.1 84.7L86.8 432H120c13.3 0 24 10.7 24 24s-10.7 24-24 24H32c-9.5 0-18.2-5.6-22-14.4s-2.1-18.9 4.3-25.9l72-78c5.3-5.8 5.4-14.6 .3-20.5zM224 64H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32z"})))}import Xo from"react";function Tt({flowNodeId:e,flowNodeInstanceId:o,flowNodeType:t,processInstanceId:a,onPlay:s}){return Xo.createElement(X,{title:"Run Task",className:"asdk-pii-play-button",onClick:()=>{typeof s=="function"?new Promise(async(r,n)=>{try{await s({flowNodeId:e,processInstanceId:a,flowNodeInstanceId:o,taskType:t}),r(!0)}catch(d){n(d)}}):import("./actions-C6ZNF7JX.mjs").then(({finishTask:r})=>r(o,t))}},Xo.createElement("svg",{className:"!app-sdk-fill-none !app-sdk-stroke-white !app-sdk-stroke-[2px]",width:"14px",height:"14px",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},Xo.createElement("path",{d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z"})))}import $s from"react";function Mt(){return $s.createElement("div",{className:"app-sdk-h-6 app-sdk-w-[1px] app-sdk-my-auto app-sdk-border-l app-sdk-border-r-0 app-sdk-border-t-0 app-sdk-border-b-0 app-sdk-border-collapse app-sdk-border-solid app-sdk-border-gray-900 dark:app-sdk-border-gray-300"})}import Et from"react";function Bt({children:e}){return Et.createElement("div",{className:"app-sdk-w-full app-sdk-absolute app-sdk-top-0 app-sdk-left-0 app-sdk-z-40 app-sdk-pt-2 app-sdk-pointer-events-none"},Et.createElement("div",{className:"app-sdk-flex app-sdk-w-fit app-sdk-mx-auto app-sdk-rounded-full app-sdk-px-3 app-sdk-py-2 app-sdk-gap-1 app-sdk-border app-sdk-border-solid app-sdk-bg-white/95 dark:app-sdk-bg-black/85 dark:app-sdk-border-none app-sdk-pointer-events-auto"},e))}import Ro from"react";import Hs from"react";function oe({title:e,disabled:o,children:t,onClick:a}){return Hs.createElement("button",{title:`${e??""}${o?" (disabled)":""}`,className:P("app-sdk-appearance-none app-sdk-border-none app-sdk-bg-transparent app-sdk-flex app-sdk-h-full app-sdk-my-auto app-sdk-rounded-full app-sdk-p-1",o?"app-sdk-cursor-not-allowed":"app-sdk-cursor-pointer hover:app-sdk-bg-app-sdk-gray-100/40"),onClick:a,disabled:o},t)}function Ot({onClick:e}){return Ro.createElement(oe,{title:"Refresh Process Instance Data",onClick:e},Ro.createElement("svg",{className:"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",width:"1.25rem",height:"1.25rem",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Ro.createElement("path",{d:"M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z"})))}import Yo from"react";function Ut({onClick:e}){return Yo.createElement(X,{title:"Retry Process Here",onClick:e},Yo.createElement("svg",{className:"!app-sdk-fill-white !app-sdk-stroke-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Yo.createElement("path",{d:"M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z"})))}import{Description as Lt,Dialog as js,DialogBackdrop as Gs,DialogPanel as Js,DialogTitle as Ws}from"@headlessui/react";import Xs from"@monaco-editor/react";import H,{useEffect as Rs,useState as Ys}from"react";function Vt(e){let[o,t]=Ys("");return Rs(()=>{t(JSON.stringify(e.flowNodeInstance?.startToken??e.processInstance.startToken??{},null,2))},[e.flowNodeInstance,e.processInstance]),H.createElement(js,{open:e.isOpen,onClose:e.onClose,className:"app-sdk-relative app-sdk-z-50"},H.createElement(Gs,{transition:!0,className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-gray-500 app-sdk-bg-opacity-25 app-sdk-transition-opacity data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"},H.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-flex app-sdk-w-screen app-sdk-items-center app-sdk-justify-center app-sdk-p-4"},H.createElement(Js,{className:"app-sdk-max-w-lg app-sdk-space-y-4 app-sdk-shadow-2xl app-sdk-bg-[color:var(--asdk-rd-background-color)] app-sdk-p-8 app-sdk-rounded-xl app-sdk-text-[color:var(--asdk-rd-text-color)]"},H.createElement(Ws,{className:"app-sdk-font-bold"},"Retry Process Instance"),H.createElement(Lt,{className:"app-sdk-break-words"},"Are you sure you want to retry the Process Instance",e.flowNodeInstance&&` at this Flow Node (${e.flowNodeInstance.flowNodeId})`,"?"),H.createElement(Lt,null,"You can provide a new start token:"),H.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},H.createElement("label",null,"Start Token"),H.createElement(Xs,{height:"7rem",defaultLanguage:"json",defaultValue:o,onChange:a=>t(a??""),options:{lineNumbersMinChars:2,readOnly:!1,minimap:{enabled:!1},formatOnPaste:!0,formatOnType:!0}})),H.createElement("div",{className:"app-sdk-flex app-sdk-justify-end app-sdk-gap-2"},H.createElement("button",{className:"app-sdk-bg-[color:var(--asdk-rd-secondary-button-color)] app-sdk-text-[color:var(--asdk-rd-secondary-button-text-color)] app-sdk-rounded-md app-sdk-p-2 app-sdk-border hover:app-sdk-cursor-pointer hover:app-sdk-bg-[color:var(--asdk-rd-secondary-button-hover-color)]",onClick:e.onClose},"Cancel"),H.createElement("button",{className:"app-sdk-bg-[color:var(--asdk-rd-primary-button-color)] app-sdk-text-[color:var(--asdk-rd-primary-button-text-color)] app-sdk-rounded-md app-sdk-p-2 app-sdk-border-0 hover:app-sdk-cursor-pointer hover:app-sdk-bg-[color:var(--asdk-rd-primary-button-hover-color)]",onClick:async()=>{let a=JSON.parse(o);await(await import("./actions-C6ZNF7JX.mjs")).retryProcess(e.processInstance.processInstanceId,e.flowNodeInstance?.flowNodeInstanceId,a),e.onClose()}},"Retry"))))))}import qo from"react";function _t({disabled:e,onClick:o}){return qo.createElement(oe,{title:"Retry Process",disabled:e,onClick:o},qo.createElement("svg",{className:e?"!app-sdk-stroke-app-sdk-gray-200 dark:!app-sdk-stroke-app-sdk-gray-400 !app-sdk-fill-app-sdk-gray-200 dark:!app-sdk-fill-app-sdk-gray-400":"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",width:"1.25rem",height:"1.25rem",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},qo.createElement("path",{d:"M105.1 202.6c7.7-21.8 20.2-42.3 37.8-59.8c62.5-62.5 163.8-62.5 226.3 0L386.3 160H352c-17.7 0-32 14.3-32 32s14.3 32 32 32H463.5c0 0 0 0 0 0h.4c17.7 0 32-14.3 32-32V80c0-17.7-14.3-32-32-32s-32 14.3-32 32v35.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5zM39 289.3c-5 1.5-9.8 4.2-13.7 8.2c-4 4-6.7 8.8-8.1 14c-.3 1.2-.6 2.5-.8 3.8c-.3 1.7-.4 3.4-.4 5.1V432c0 17.7 14.3 32 32 32s32-14.3 32-32V396.9l17.6 17.5 0 0c87.5 87.4 229.3 87.4 316.7 0c24.4-24.4 42.1-53.1 52.9-83.7c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8c-62.5 62.5-163.8 62.5-226.3 0l-.1-.1L125.6 352H160c17.7 0 32-14.3 32-32s-14.3-32-32-32H48.4c-1.6 0-3.2 .1-4.8 .3s-3.1 .5-4.6 1z"})))}import Zo from"react";function zt({processInstanceId:e,disabled:o}){return Zo.createElement(oe,{title:"Terminate Process",disabled:o,onClick:()=>import("./actions-C6ZNF7JX.mjs").then(({terminateProcess:t})=>t(e))},Zo.createElement("svg",{className:o?"!app-sdk-stroke-app-sdk-gray-200 dark:!app-sdk-stroke-app-sdk-gray-400 !app-sdk-fill-app-sdk-gray-200 dark:!app-sdk-fill-app-sdk-gray-400":"!app-sdk-stroke-red-600 !app-sdk-fill-red-600",width:"1.25rem",height:"1.25rem",viewBox:"0 0 516 516",xmlns:"http://www.w3.org/2000/svg"},Zo.createElement("path",{d:"M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm192-96l128 0c17.7 0 32 14.3 32 32l0 128c0 17.7-14.3 32-32 32l-128 0c-17.7 0-32-14.3-32-32l0-128c0-17.7 14.3-32 32-32z"})))}import{ArrowsPointingInIcon as At,ArrowsPointingOutIcon as $t,XMarkIcon as qs}from"@heroicons/react/24/outline";import{Editor as Ht}from"@monaco-editor/react";import b,{useEffect as Ko,useMemo as jt,useState as Qo}from"react";function Gt(e){let[o,t]=Qo(),[a,s]=Qo(!0),[r,n]=Qo(null),d=l=>{n(r===l?null:l)};Ko(()=>(a&&e.flowNodeInstances.length>1&&s(!1),()=>{if(a)return;let l=new URLSearchParams(window.location.search);l.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${l.toString()}${window.location.hash}`)}),[a,e.flowNodeInstances]),Ko(()=>{if(e.flowNodeInstances.length<2){t(void 0);return}let u=new URLSearchParams(window.location.search).get("tokenInspectorFocus");u||t(e.flowNodeInstances[0]);let C=e.flowNodeInstances.find(V=>V.flowNodeId===u);C&&t(C)},[e.flowNodeInstances]),Ko(()=>{if(a)return;let l=new URLSearchParams(window.location.search);o?l.set("tokenInspectorFocus",o.flowNodeId):l.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${l.toString()}${window.location.hash}`)},[o,a]);let i=jt(()=>e.flowNodeInstances.length===1?JSON.stringify(e.flowNodeInstances[0].startToken,null,2):JSON.stringify(o?o.startToken:e.processInstance?.startToken??{},null,2),[o,e.flowNodeInstances,e.processInstance]),f=jt(()=>e.flowNodeInstances.length===1?JSON.stringify(e.flowNodeInstances[0].endToken,null,2):JSON.stringify(o?o.endToken:e.processInstance?.endToken??{},null,2),[o,e.flowNodeInstances,e.processInstance]);return b.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-h-full app-sdk-rounded-3xl app-sdk-p-4 app-sdk-gap-1 app-sdk-bg-white/95 dark:app-sdk-bg-black/85 dark:app-sdk-text-white app-sdk-border app-sdk-border-solid dark:app-sdk-border-none"},b.createElement("button",{onClick:()=>{e.close()},className:"app-sdk-text-white hover:app-sdk-text-gray-300",title:"Close Token Inspector"},b.createElement(qs,{className:"app-sdk-w-6 app-sdk-h-6"})),b.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-4"},e.flowNodeInstances.length===0?b.createElement("label",{className:"app-sdk-break-all"},"Process: ",e.processInstance.processModelId,e.processInstance.processModelName&&` (${e.processInstance.processModelName})`):e.flowNodeInstances.length===1?b.createElement("label",{className:"app-sdk-break-all"},"Flow Node: ",e.flowNodeInstances[0].flowNodeId,e.flowNodeInstances[0].flowNodeName&&` (${e.flowNodeInstances[0].flowNodeName})`):b.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1 app-sdk-w-full"},b.createElement("label",null,"Select Flow Node:"),b.createElement("select",{className:"app-sdk-max-w-full app-sdk-bg-transparent app-sdk-border app-sdk-rounded-md app-sdk-py-2 app-sdk-px-1 app-sdk-text-ellipsis",onChange:l=>t(e.flowNodeInstances.find(u=>u.flowNodeId===l.target.value)),value:o?.flowNodeId??e.flowNodeInstances[0].flowNodeId},e.flowNodeInstances.map(l=>b.createElement("option",{key:`token-inspector-option-${l.flowNodeId}`,value:l.flowNodeId},`${l.flowNodeName?`${l.flowNodeName} (${l.flowNodeId})`:l.flowNodeId}`)))),b.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-3"},r&&b.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-black/30 app-sdk-backdrop-blur-md app-sdk-z-40"}),b.createElement("div",{className:`app-sdk-flex app-sdk-flex-col app-sdk-gap-1
24
+ FormField: ${r} with ${n} `);continue}if(n.length===1?a[r]=n[0]:a[r]=n,a[r]==""&&delete a[r],a[r]){let d=o.find(i=>i.id===r)?.type;if(d==="boolean"){a[r]=a[r]==="on";continue}if(d==="confirm"){a[r]=JSON.parse(a[r]);continue}if(d==="number"){a[r]=parseFloat(a[r]);continue}if(d==="long"){a[r]=parseInt(a[r]);continue}}}let s=o.filter(r=>r.type==="boolean");return s.length&&s.forEach(r=>{a[r.id]||(a[r.id]=!1)}),t.forEach((r,n)=>{if(typeof r.ref.current?.getValue=="function"){let d=r.ref.current.getValue();(typeof d=="boolean"||typeof d=="number"||typeof d=="string"||Array.isArray(d)||d==null||d?.toString()==="[object Object]")&&(a[n]=d)}}),a}import{Transition as Qs}from"@headlessui/react";import{getBusinessObject as er}from"bpmn-js/lib/util/ModelUtil";import{isEqual as et}from"lodash";import or from"next/dynamic";import S,{useCallback as Ge,useEffect as Je,useRef as tr,useState as Q}from"react";import{createRoot as ar}from"react-dom/client";import{BpmnType as R,FlowNodeInstanceState as Wt,ProcessInstanceState as Re}from"@5minds/processcube_engine_sdk";import{Combobox as Ts,ComboboxInput as Ms,ComboboxOption as Es,ComboboxOptions as Bs,Dialog as Os,DialogBackdrop as Us,DialogPanel as Ls}from"@headlessui/react";import{UsersIcon as Vs}from"@heroicons/react/24/outline";import J,{useState as _s}from"react";function Ct(e){let[o,t]=_s(""),a=o===""?e.entries:e.entries.filter(s=>s.name.toLowerCase().includes(o.toLowerCase()));return J.createElement(Os,{className:"app-sdk-relative app-sdk-z-50",open:e.isOpen,onClose:()=>{e.onClose(),t("")}},J.createElement(Us,{transition:!0,className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-gray-500 app-sdk-bg-opacity-25 app-sdk-transition-opacity data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"}),J.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-z-10 app-sdk-w-screen app-sdk-overflow-y-auto app-sdk-p-4 sm:app-sdk-p-6 md:app-sdk-p-20"},J.createElement(Ls,{transition:!0,className:"app-sdk-mx-auto app-sdk-max-w-xl app-sdk-transform app-sdk-rounded-xl app-sdk-bg-[color:var(--asdk-cmdp-background-color)] app-sdk-p-2 app-sdk-shadow-2xl app-sdk-ring-1 app-sdk-ring-black app-sdk-ring-opacity-5 app-sdk-transition-all data-[closed]:app-sdk-scale-95 data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"},J.createElement(Ts,{onChange:s=>{s&&e.onConfirm(s)}},J.createElement(Ms,{autoFocus:!0,className:"app-sdk-w-full app-sdk-ring-offset-2 app-sdk-rounded-md app-sdk-border-0 app-sdk-bg-[color:var(--asdk-cmdp-input-color)] app-sdk-px-4 app-sdk-py-2.5 app-sdk-text-[color:var(--asdk-cmdp-text-color)] sm:app-sdk-text-sm",placeholder:e.placeholder,onChange:s=>t(s.target.value),onBlur:()=>t("")}),a.length>0&&J.createElement(Bs,{static:!0,className:"app-sdk-mb-2 app-sdk-max-h-72 app-sdk-scroll-py-2 app-sdk-overflow-y-auto app-sdk-py-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-cmdp-text-color)]"},a.map(s=>J.createElement(Es,{key:s.id,value:s,className:({focus:r})=>P("app-sdk-cursor-default app-sdk-select-none app-sdk-rounded-md app-sdk-px-4 app-sdk-py-2",r&&"app-sdk-bg-[color:var(--asdk-cmdp-focus-color)] app-sdk-text-white")},s.name))),o!==""&&a.length===0&&J.createElement("div",{className:"app-sdk-px-4 app-sdk-py-14 app-sdk-text-center sm:app-sdk-px-14"},J.createElement(Vs,{className:"app-sdk-mx-auto app-sdk-h-6 app-sdk-w-6 app-sdk-text-gray-400","aria-hidden":"true"}),J.createElement("p",{className:"app-sdk-mt-4 app-sdk-text-sm app-sdk-text-[color:var(--asdk-cmdp-text-color)]"},e.noResultsText||"No entries found using that search term."))))))}import zs from"react";function X({title:e,children:o,className:t,onClick:a}){return zs.createElement("button",{title:e,className:P(t,"app-sdk-appearance-none app-sdk-border-none app-sdk-pointer-events-auto app-sdk-cursor-pointer app-sdk-flex app-sdk-w-6 app-sdk-min-w-6 app-sdk-max-w-6 app-sdk-h-4 app-sdk-text-white app-sdk-bg-cyan-800 app-sdk-rounded app-sdk-text-xs app-sdk-items-center app-sdk-justify-center"),onClick:a},o)}import As from"react";function Pt({width:e,children:o}){return As.createElement("div",{className:"app-sdk-flex app-sdk-gap-1 app-sdk-justify-center app-sdk-flex-wrap",style:{width:`${e}px`}},o)}import Jo from"react";function St({isSender:e,onClick:o}){return Jo.createElement(X,{title:`Go to ${e?"Target":"Source"}`,onClick:o},Jo.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Jo.createElement("path",{d:"M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"})))}import Wo from"react";function Dt({onClick:e}){return Wo.createElement(X,{onClick:e,title:"List Instances"},Wo.createElement("svg",{className:"!app-sdk-fill-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Wo.createElement("path",{d:"M24 56c0-13.3 10.7-24 24-24H80c13.3 0 24 10.7 24 24V176h16c13.3 0 24 10.7 24 24s-10.7 24-24 24H40c-13.3 0-24-10.7-24-24s10.7-24 24-24H56V80H48C34.7 80 24 69.3 24 56zM86.7 341.2c-6.5-7.4-18.3-6.9-24 1.2L51.5 357.9c-7.7 10.8-22.7 13.3-33.5 5.6s-13.3-22.7-5.6-33.5l11.1-15.6c23.7-33.2 72.3-35.6 99.2-4.9c21.3 24.4 20.8 60.9-1.1 84.7L86.8 432H120c13.3 0 24 10.7 24 24s-10.7 24-24 24H32c-9.5 0-18.2-5.6-22-14.4s-2.1-18.9 4.3-25.9l72-78c5.3-5.8 5.4-14.6 .3-20.5zM224 64H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32z"})))}import Xo from"react";function Tt({flowNodeId:e,flowNodeInstanceId:o,flowNodeType:t,processInstanceId:a,onPlay:s}){return Xo.createElement(X,{title:"Run Task",className:"asdk-pii-play-button",onClick:()=>{typeof s=="function"?new Promise(async(r,n)=>{try{await s({flowNodeId:e,processInstanceId:a,flowNodeInstanceId:o,taskType:t}),r(!0)}catch(d){n(d)}}):import("./actions-C6ZNF7JX.mjs").then(({finishTask:r})=>r(o,t))}},Xo.createElement("svg",{className:"!app-sdk-fill-none !app-sdk-stroke-white !app-sdk-stroke-[2px]",width:"14px",height:"14px",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},Xo.createElement("path",{d:"M5 17.3336V6.66698C5 5.78742 5 5.34715 5.18509 5.08691C5.34664 4.85977 5.59564 4.71064 5.87207 4.67499C6.18868 4.63415 6.57701 4.84126 7.35254 5.25487L17.3525 10.5882L17.3562 10.5898C18.2132 11.0469 18.642 11.2756 18.7826 11.5803C18.9053 11.8462 18.9053 12.1531 18.7826 12.4189C18.6418 12.7241 18.212 12.9537 17.3525 13.4121L7.35254 18.7454C6.57645 19.1593 6.1888 19.3657 5.87207 19.3248C5.59564 19.2891 5.34664 19.1401 5.18509 18.9129C5 18.6527 5 18.2132 5 17.3336Z"})))}import $s from"react";function Mt(){return $s.createElement("div",{className:"app-sdk-h-6 app-sdk-w-[1px] app-sdk-my-auto app-sdk-border-l app-sdk-border-r-0 app-sdk-border-t-0 app-sdk-border-b-0 app-sdk-border-collapse app-sdk-border-solid app-sdk-border-gray-900 dark:app-sdk-border-gray-300"})}import Et from"react";function Bt({children:e}){return Et.createElement("div",{className:"app-sdk-w-full app-sdk-absolute app-sdk-top-0 app-sdk-left-0 app-sdk-z-40 app-sdk-pt-2 app-sdk-pointer-events-none"},Et.createElement("div",{className:"app-sdk-flex app-sdk-w-fit app-sdk-mx-auto app-sdk-rounded-full app-sdk-px-3 app-sdk-py-2 app-sdk-gap-1 app-sdk-border app-sdk-border-solid app-sdk-bg-white/95 dark:app-sdk-bg-black/85 dark:app-sdk-border-none app-sdk-pointer-events-auto"},e))}import Ro from"react";import Hs from"react";function oe({title:e,disabled:o,children:t,onClick:a}){return Hs.createElement("button",{title:`${e??""}${o?" (disabled)":""}`,className:P("app-sdk-appearance-none app-sdk-border-none app-sdk-bg-transparent app-sdk-flex app-sdk-h-full app-sdk-my-auto app-sdk-rounded-full app-sdk-p-1",o?"app-sdk-cursor-not-allowed":"app-sdk-cursor-pointer hover:app-sdk-bg-app-sdk-gray-100/40"),onClick:a,disabled:o},t)}function Ot({onClick:e}){return Ro.createElement(oe,{title:"Refresh Process Instance Data",onClick:e},Ro.createElement("svg",{className:"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",width:"1.25rem",height:"1.25rem",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Ro.createElement("path",{d:"M105.1 202.6c7.7-21.8 20.2-42.3 37.8-59.8c62.5-62.5 163.8-62.5 226.3 0L386.3 160H352c-17.7 0-32 14.3-32 32s14.3 32 32 32H463.5c0 0 0 0 0 0h.4c17.7 0 32-14.3 32-32V80c0-17.7-14.3-32-32-32s-32 14.3-32 32v35.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5zM39 289.3c-5 1.5-9.8 4.2-13.7 8.2c-4 4-6.7 8.8-8.1 14c-.3 1.2-.6 2.5-.8 3.8c-.3 1.7-.4 3.4-.4 5.1V432c0 17.7 14.3 32 32 32s32-14.3 32-32V396.9l17.6 17.5 0 0c87.5 87.4 229.3 87.4 316.7 0c24.4-24.4 42.1-53.1 52.9-83.7c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8c-62.5 62.5-163.8 62.5-226.3 0l-.1-.1L125.6 352H160c17.7 0 32-14.3 32-32s-14.3-32-32-32H48.4c-1.6 0-3.2 .1-4.8 .3s-3.1 .5-4.6 1z"})))}import Yo from"react";function Ut({onClick:e}){return Yo.createElement(X,{title:"Retry Process Here",onClick:e},Yo.createElement("svg",{className:"!app-sdk-fill-white !app-sdk-stroke-white",width:"10px",height:"10px",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Yo.createElement("path",{d:"M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z"})))}import{Description as Lt,Dialog as js,DialogBackdrop as Gs,DialogPanel as Js,DialogTitle as Ws}from"@headlessui/react";import Xs from"@monaco-editor/react";import H,{useEffect as Rs,useState as Ys}from"react";function Vt(e){let[o,t]=Ys("");return Rs(()=>{t(JSON.stringify(e.flowNodeInstance?.startToken??e.processInstance.startToken??{},null,2))},[e.flowNodeInstance,e.processInstance]),H.createElement(js,{open:e.isOpen,onClose:e.onClose,className:"app-sdk-relative app-sdk-z-50"},H.createElement(Gs,{transition:!0,className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-gray-500 app-sdk-bg-opacity-25 app-sdk-transition-opacity data-[closed]:app-sdk-opacity-0 data-[enter]:app-sdk-duration-300 data-[leave]:app-sdk-duration-150 data-[enter]:app-sdk-ease-out data-[leave]:app-sdk-ease-in"},H.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-flex app-sdk-w-screen app-sdk-items-center app-sdk-justify-center app-sdk-p-4"},H.createElement(Js,{className:"app-sdk-max-w-lg app-sdk-space-y-4 app-sdk-shadow-2xl app-sdk-bg-[color:var(--asdk-rd-background-color)] app-sdk-p-8 app-sdk-rounded-xl app-sdk-text-[color:var(--asdk-rd-text-color)]"},H.createElement(Ws,{className:"app-sdk-font-bold"},"Retry Process Instance"),H.createElement(Lt,{className:"app-sdk-break-words"},"Are you sure you want to retry the Process Instance",e.flowNodeInstance&&` at this Flow Node (${e.flowNodeInstance.flowNodeId})`,"?"),H.createElement(Lt,null,"You can provide a new start token:"),H.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1"},H.createElement("label",null,"Start Token"),H.createElement(Xs,{height:"7rem",defaultLanguage:"json",defaultValue:o,onChange:a=>t(a??""),options:{lineNumbersMinChars:2,readOnly:!1,minimap:{enabled:!1},formatOnPaste:!0,formatOnType:!0}})),H.createElement("div",{className:"app-sdk-flex app-sdk-justify-end app-sdk-gap-2"},H.createElement("button",{className:"app-sdk-bg-[color:var(--asdk-rd-secondary-button-color)] app-sdk-text-[color:var(--asdk-rd-secondary-button-text-color)] app-sdk-rounded-md app-sdk-p-2 app-sdk-border hover:app-sdk-cursor-pointer hover:app-sdk-bg-[color:var(--asdk-rd-secondary-button-hover-color)]",onClick:e.onClose},"Cancel"),H.createElement("button",{className:"app-sdk-bg-[color:var(--asdk-rd-primary-button-color)] app-sdk-text-[color:var(--asdk-rd-primary-button-text-color)] app-sdk-rounded-md app-sdk-p-2 app-sdk-border-0 hover:app-sdk-cursor-pointer hover:app-sdk-bg-[color:var(--asdk-rd-primary-button-hover-color)]",onClick:async()=>{let a=JSON.parse(o);await(await import("./actions-C6ZNF7JX.mjs")).retryProcess(e.processInstance.processInstanceId,e.flowNodeInstance?.flowNodeInstanceId,a),e.onClose()}},"Retry"))))))}import qo from"react";function _t({disabled:e,onClick:o}){return qo.createElement(oe,{title:"Retry Process",disabled:e,onClick:o},qo.createElement("svg",{className:e?"!app-sdk-stroke-app-sdk-gray-200 dark:!app-sdk-stroke-app-sdk-gray-400 !app-sdk-fill-app-sdk-gray-200 dark:!app-sdk-fill-app-sdk-gray-400":"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",width:"1.25rem",height:"1.25rem",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},qo.createElement("path",{d:"M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z"})))}import Zo from"react";function zt({processInstanceId:e,disabled:o}){return Zo.createElement(oe,{title:"Terminate Process",disabled:o,onClick:()=>import("./actions-C6ZNF7JX.mjs").then(({terminateProcess:t})=>t(e))},Zo.createElement("svg",{className:o?"!app-sdk-stroke-app-sdk-gray-200 dark:!app-sdk-stroke-app-sdk-gray-400 !app-sdk-fill-app-sdk-gray-200 dark:!app-sdk-fill-app-sdk-gray-400":"!app-sdk-stroke-red-600 !app-sdk-fill-red-600",width:"1.25rem",height:"1.25rem",viewBox:"0 0 516 516",xmlns:"http://www.w3.org/2000/svg"},Zo.createElement("path",{d:"M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm192-96l128 0c17.7 0 32 14.3 32 32l0 128c0 17.7-14.3 32-32 32l-128 0c-17.7 0-32-14.3-32-32l0-128c0-17.7 14.3-32 32-32z"})))}import{ArrowsPointingInIcon as At,ArrowsPointingOutIcon as $t,XMarkIcon as qs}from"@heroicons/react/24/outline";import{Editor as Ht}from"@monaco-editor/react";import b,{useEffect as Ko,useMemo as jt,useState as Qo}from"react";function Gt(e){let[o,t]=Qo(),[a,s]=Qo(!0),[r,n]=Qo(null),d=l=>{n(r===l?null:l)};Ko(()=>(a&&e.flowNodeInstances.length>1&&s(!1),()=>{if(a)return;let l=new URLSearchParams(window.location.search);l.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${l.toString()}${window.location.hash}`)}),[a,e.flowNodeInstances]),Ko(()=>{if(e.flowNodeInstances.length<2){t(void 0);return}let u=new URLSearchParams(window.location.search).get("tokenInspectorFocus");u||t(e.flowNodeInstances[0]);let C=e.flowNodeInstances.find(V=>V.flowNodeId===u);C&&t(C)},[e.flowNodeInstances]),Ko(()=>{if(a)return;let l=new URLSearchParams(window.location.search);o?l.set("tokenInspectorFocus",o.flowNodeId):l.delete("tokenInspectorFocus"),window.history.replaceState(null,"",`${window.location.pathname}?${l.toString()}${window.location.hash}`)},[o,a]);let i=jt(()=>e.flowNodeInstances.length===1?JSON.stringify(e.flowNodeInstances[0].startToken,null,2):JSON.stringify(o?o.startToken:e.processInstance?.startToken??{},null,2),[o,e.flowNodeInstances,e.processInstance]),f=jt(()=>e.flowNodeInstances.length===1?JSON.stringify(e.flowNodeInstances[0].endToken,null,2):JSON.stringify(o?o.endToken:e.processInstance?.endToken??{},null,2),[o,e.flowNodeInstances,e.processInstance]);return b.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-h-full app-sdk-rounded-3xl app-sdk-p-4 app-sdk-gap-1 app-sdk-bg-white/95 dark:app-sdk-bg-black/85 dark:app-sdk-text-white app-sdk-border app-sdk-border-solid dark:app-sdk-border-none"},b.createElement("button",{onClick:()=>{e.close()},className:"app-sdk-text-white hover:app-sdk-text-gray-300",title:"Close Token Inspector"},b.createElement(qs,{className:"app-sdk-w-6 app-sdk-h-6"})),b.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-4"},e.flowNodeInstances.length===0?b.createElement("label",{className:"app-sdk-break-all"},"Process: ",e.processInstance.processModelId,e.processInstance.processModelName&&` (${e.processInstance.processModelName})`):e.flowNodeInstances.length===1?b.createElement("label",{className:"app-sdk-break-all"},"Flow Node: ",e.flowNodeInstances[0].flowNodeId,e.flowNodeInstances[0].flowNodeName&&` (${e.flowNodeInstances[0].flowNodeName})`):b.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-1 app-sdk-w-full"},b.createElement("label",null,"Select Flow Node:"),b.createElement("select",{className:"app-sdk-max-w-full app-sdk-bg-transparent app-sdk-border app-sdk-rounded-md app-sdk-py-2 app-sdk-px-1 app-sdk-text-ellipsis",onChange:l=>t(e.flowNodeInstances.find(u=>u.flowNodeId===l.target.value)),value:o?.flowNodeId??e.flowNodeInstances[0].flowNodeId},e.flowNodeInstances.map(l=>b.createElement("option",{key:`token-inspector-option-${l.flowNodeId}`,value:l.flowNodeId},`${l.flowNodeName?`${l.flowNodeName} (${l.flowNodeId})`:l.flowNodeId}`)))),b.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-gap-3"},r&&b.createElement("div",{className:"app-sdk-fixed app-sdk-inset-0 app-sdk-bg-black/30 app-sdk-backdrop-blur-md app-sdk-z-40"}),b.createElement("div",{className:`app-sdk-flex app-sdk-flex-col app-sdk-gap-1
25
25
  ${r==="start"?"app-sdk-fixed app-sdk-top-1/2 app-sdk-left-1/2 app-sdk--translate-x-1/2 app-sdk--translate-y-1/2 app-sdk-w-4/5 app-sdk-h-[70vh] app-sdk-bg-white/10 app-sdk-backdrop-blur-xl app-sdk-rounded-xl app-sdk-shadow-2xl app-sdk-z-50 app-sdk-p-6":""}`},b.createElement("div",{className:"app-sdk-flex app-sdk-items-center app-sdk-justify-between"},b.createElement("label",{className:"app-sdk-text-white app-sdk-font-medium"},"Start Token"),b.createElement("button",{className:"app-sdk-text-white hover:app-sdk-text-gray-300 app-sdk-w-6 app-sdk-h-6",onClick:()=>d("start"),title:r==="start"?"Minimize":"Maximize"},r==="start"?b.createElement(At,{className:"app-sdk-w-6 app-sdk-h-6"}):b.createElement($t,{className:"app-sdk-w-6 app-sdk-h-6"}))),b.createElement(Ht,{height:r==="start"?"60vh":"7rem",defaultLanguage:"json",value:i,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})),b.createElement("div",{className:`app-sdk-flex app-sdk-flex-col app-sdk-gap-1
26
26
  ${r==="end"?"app-sdk-fixed app-sdk-top-1/2 app-sdk-left-1/2 app-sdk--translate-x-1/2 app-sdk--translate-y-1/2 app-sdk-w-4/5 app-sdk-h-[70vh] app-sdk-bg-white/10 app-sdk-backdrop-blur-xl app-sdk-rounded-xl app-sdk-shadow-2xl app-sdk-z-50 app-sdk-p-6":""}`},b.createElement("div",{className:"app-sdk-flex app-sdk-items-center app-sdk-justify-between"},b.createElement("label",{className:"app-sdk-text-white app-sdk-font-medium"},"End Token"),b.createElement("button",{className:"app-sdk-text-white hover:app-sdk-text-gray-300 app-sdk-w-6 app-sdk-h-6",onClick:()=>d("end"),title:r==="end"?"Minimize":"Maximize"},r==="end"?b.createElement(At,{className:"app-sdk-w-6 app-sdk-h-6"}):b.createElement($t,{className:"app-sdk-w-6 app-sdk-h-6"}))),b.createElement(Ht,{height:r==="end"?"60vh":"7rem",defaultLanguage:"json",value:f,options:{lineNumbersMinChars:2,readOnly:!0,minimap:{enabled:!1}}})))))}import Oe,{useEffect as Zs,useState as Ks}from"react";function Jt(e){let[o,t]=Ks(e.isOpen??!1);return Zs(()=>{t(e.isOpen??!1)},[e.isOpen]),Oe.createElement(oe,{disabled:e.disabled,title:"View Process Tokens",onClick:()=>{o?e.close():e.open(),t(a=>!a)}},o?Oe.createElement("svg",{className:"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",xmlns:"http://www.w3.org/2000/svg",width:"1.25rem",height:"1.25rem",viewBox:"0 0 384 512"},Oe.createElement("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"})):Oe.createElement("svg",{className:"dark:!app-sdk-stroke-app-sdk-gray-50 dark:!app-sdk-fill-app-sdk-gray-50",xmlns:"http://www.w3.org/2000/svg",width:"1.25rem",height:"1.25rem",viewBox:"0 0 448 512"},Oe.createElement("path",{d:"M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"})))}var Xt=[Re.error,Re.terminated],sr=[R.manualTask,R.userTask,R.untypedTask],Rt=[R.endEvent,R.intermediateThrowEvent,R.sendTask],rr=[R.startEvent,R.intermediateCatchEvent,R.boundaryEvent,R.receiveTask],We={isOpen:!1,placeholder:"",entries:[],onConfirm:()=>{},onClose:()=>{}},nr={isOpen:!1},Xe="asdk-buttons";function dr(e){let{processInstanceId:o}=e,[t,a]=Q(We),[s,r]=Q(nr),[n,d]=Q(!1),[i,f]=Q(),[l,u]=Q([]),[C,V]=Q([]),[p,k]=Q(new Map),[I,j]=Q([]),[Yt,ot]=Q([]),g=tr(null),qt=Ge(async()=>{let c=await import("./actions-C6ZNF7JX.mjs"),h=c.getProcessInstance(o),_=c.getFlowNodeInstances(o),[w,B]=await Promise.all([h,_]),x=await c.getTriggeredFlowNodeInstances(B.map(N=>N.flowNodeInstanceId));f(w),u(B),V(x);let D=new URLSearchParams(window.location.search);D.get("tokenInspector")==="true"&&d(!0);let W=D.getAll("instance"),Y=B.filter(N=>W.includes(N.flowNodeInstanceId));Y.length!==W.length&&(D.delete("instance"),Y.forEach(N=>D.append("instance",N.flowNodeInstanceId)),window.history.replaceState({},"",`${window.location.pathname}?${D.toString()}`));let A=new Map;B.forEach(N=>{A.has(N.flowNodeId)||A.set(N.flowNodeId,N.flowNodeInstanceId)}),Y.forEach(N=>A.set(N.flowNodeId,N.flowNodeInstanceId)),k(A)},[o]),Zt=Ge(c=>{let h=er(c),_=l.some(B=>B.flowNodeId===h.targetRef.id),w=l.some(B=>B.flowNodeId===h.sourceRef.id&&B.state===Wt.finished);return _&&w},[l]),Ue=Ge(async()=>{let c=g.current?.bpmnViewerRef,h=c?.getOverlays();if(!c||!h)return;let _=await import("./actions-C6ZNF7JX.mjs"),w=_.getProcessInstance(o),B=_.getFlowNodeInstances(o),[x,D]=await Promise.all([w,B]),pe=await _.getTriggeredFlowNodeInstances(D.map(T=>T.flowNodeInstanceId));if(et(x,i)&&et(D,l)&&et(pe,C))return;x.state!==i?.state&&h.clear();for(let[T,Le]of p.entries()){let le=l.find(O=>O.flowNodeInstanceId===Le);if(!le)continue;let Ve=D.find(O=>O.flowNodeId===T);Ve?.flowNodeInstanceId===Le&&le.state===Ve.state||(c.removeMarker(T,`asdk-pii-flow-node-instance-state--${le.state}`),h.remove({element:T,type:Xe}))}f(x),u(D),V(pe);let W=new URLSearchParams(window.location.search),Y=W.getAll("instance"),A=D.filter(T=>Y.includes(T.flowNodeInstanceId));A.length!==Y.length&&(W.delete("instance"),A.forEach(T=>W.append("instance",T.flowNodeInstanceId)),window.history.replaceState({},"",`${window.location.pathname}?${W.toString()}`));let N=new Map;D.forEach(T=>{N.has(T.flowNodeId)||N.set(T.flowNodeId,T.flowNodeInstanceId)}),A.forEach(T=>N.set(T.flowNodeId,T.flowNodeInstanceId)),k(N)},[g.current,i,p,l,o]),Kt=Ge((c,h)=>{let _=g.current?.bpmnViewerRef,w=_?.getOverlays();if(!_||!w)return;let B=w.get({element:c.id,type:Xe});if(Array.isArray(B)&&B.length>0)return;let x=h.find(O=>O.flowNodeInstanceId===p.get(O.flowNodeId));if(!x)return;let D=e.showFlowNodeExecutionCount&&h.length>1,pe=e.showFlowNodeInstancesListButton&&h.length>1,W=e.showFinishTaskButton&&sr.includes(c.type)&&x.state===Wt.suspended,Y=e.showRetryFlowNodeInstanceButton&&i&&Xt.includes(i.state),A=!1,N=[];if(e.showGoToFlowNodeButton&&rr.includes(c.type)){let O=x.triggeredByFlowNodeInstance;A=O!==void 0,N=O?[O]:[]}else if(e.showGoToFlowNodeButton&&Rt.includes(c.type)){let O=C.filter(U=>U.triggeredByFlowNodeInstance?.flowNodeInstanceId===x.flowNodeInstanceId);A=O.length>0,N=O}if(!D&&!W&&!Y&&!A)return;let T=c.width<52,Le=w.add(c.id,Xe,{position:{bottom:-7,left:T?-c.width/2:0},html:"<div></div>"}),le=w.get(Le),Ve=ar(le.htmlContainer),Ye=h.indexOf(x)===0,qe=h.length-h.indexOf(x);Ve.render(S.createElement(Pt,{width:T?c.width*2:c.width},D&&S.createElement(X,{className:"app-sdk-select-none !app-sdk-cursor-default !app-sdk-bg-slate-500",title:`Flow Node was executed ${h.length} times.${Ye?"":` You are viewing instance #${qe}.`}`},`${Ye?"":`${qe}/`}${h.length}`),pe&&S.createElement(Dt,{onClick:()=>{let O=h.map($=>({id:$.flowNodeInstanceId,name:`${$.startedAt?.toLocaleString("en-GB")} - ${$.flowNodeInstanceId} - ${$.state}${$.flowNodeInstanceId===x.flowNodeInstanceId?" (selected)":""}`,...$}));a({isOpen:!0,placeholder:"Select instance to display:",entries:O,onConfirm:async $=>{let Ze=h.find(Ke=>Ke.flowNodeInstanceId===$.flowNodeInstanceId);if(!Ze)return;_.removeMarker(x.flowNodeId,`asdk-pii-flow-node-instance-state--${x.state}`),w.remove({element:c.id,type:Xe});let _e=new URLSearchParams(window.location.search);_e.getAll("instance").includes(x.flowNodeInstanceId)&&_e.delete("instance",x.flowNodeInstanceId),h.indexOf(Ze)!==0&&_e.append("instance",Ze.flowNodeInstanceId),window.history.replaceState({},"",`${window.location.pathname}?${_e.toString()}${window.location.hash}`),k(Ke=>new Map(Ke).set(c.id,$.flowNodeInstanceId)),a(We)},onClose:()=>a(We)})}}),A&&S.createElement(St,{isSender:Rt.includes(c.type),onClick:()=>{if(N.length===1){let U=new URLSearchParams;U.append("selected",N[0].flowNodeId),U.append("instance",N[0].flowNodeInstanceId),window.location.href=`${N[0].processInstanceId}?${U.toString()}`;return}let O=N.map(U=>({id:U.flowNodeInstanceId,name:`${U.startedAt?.toLocaleString("en-GB")} - ${U.flowNodeId}${U.flowNodeName?` - ${U.flowNodeName}`:""}`,...U}));a({isOpen:!0,placeholder:"Select target to go to:",entries:O,onConfirm:U=>{let $=new URLSearchParams;$.append("selected",U.flowNodeId),$.append("instance",U.flowNodeInstanceId),window.location.href=`${U.processInstanceId}?${$.toString()}`},onClose:()=>a(We)})}}),W&&S.createElement(Tt,{flowNodeId:x.flowNodeId,flowNodeInstanceId:x.flowNodeInstanceId,flowNodeType:c.type,processInstanceId:x.processInstanceId,onPlay:e.onFinish}),Y&&S.createElement(Ut,{onClick:()=>{r({isOpen:!0,flowNodeInstance:x})}})))},[g.current,i,l,C,p]);if(Je(()=>{qt()},[o]),Je(()=>{if(i?.state===Re.finished){Ue();return}let c=setInterval(Ue,1e3);return()=>clearInterval(c)},[Ue,i?.state]),Je(()=>{if(I.length===0||l.length===0){ot([]);return}let c=l.filter(h=>{let _=I.includes(h.flowNodeId),w=p.get(h.flowNodeId)===h.flowNodeInstanceId;return _&&w});if(c.length===0){let h=new URLSearchParams(window.location.search);h.delete("tokenInspectorFocus"),window.history.replaceState({},"",`${window.location.pathname}?${h.toString()}${window.location.hash}`)}ot(c)},[l,I,p]),Je(()=>{if(!i?.xml)return;let c=g.current?.bpmnViewerRef,h=c?.getElementRegistry();!c||!h||c.onImportDone(()=>{let _=new Set(l.map(w=>w.flowNodeId));h.forEach(w=>{if(w.type==="bpmn:SequenceFlow"){Zt(w)?c.addMarker(w.id,"asdk-pii-sequence-flow-finished"):c.hasMarker(w.id,"asdk-pii-sequence-flow-finished")&&c.removeMarker(w.id,"asdk-pii-sequence-flow-finished");return}if(!_.has(w.id))return;let B=l.filter(D=>D.flowNodeId===w.id),x=B.find(D=>D.flowNodeInstanceId===p.get(D.flowNodeId));x&&(c.hasMarker(w.id,"asdk-pii-flow-node-instance-state")||c.addMarker(w.id,"asdk-pii-flow-node-instance-state"),c.hasMarker(w.id,`asdk-pii-flow-node-instance-state--${x.state}`)||c.addMarker(w.id,`asdk-pii-flow-node-instance-state--${x.state}`),Kt(w,B))})})},[g.current,i,l,C,p]),!i?.xml)return e.loadingComponent?e.loadingComponent:S.createElement("div",{className:"app-sdk-absolute app-sdk-w-screen app-sdk-h-screen app-sdk-flex"},S.createElement("div",{className:"app-sdk-m-auto"},"Fetching diagram..."));let Qt=e.showProcessRefreshButton||e.showProcessRetryButton||e.showProcessTerminateButton||e.showTokenInspectorButton,ea=e.showTokenInspectorButton&&(e.showProcessRefreshButton||e.showProcessRetryButton||e.showProcessTerminateButton);return S.createElement("div",{className:"app-sdk-relative app-sdk-w-full app-sdk-h-full"},S.createElement(Ct,{...t}),(e.showRetryFlowNodeInstanceButton||e.showProcessRetryButton)&&S.createElement(Vt,{...s,processInstance:i,onClose:()=>r(c=>({...c,isOpen:!1}))}),Qt&&S.createElement(Bt,null,e.showProcessRefreshButton&&S.createElement(Ot,{onClick:Ue}),e.showProcessRetryButton&&S.createElement(_t,{onClick:()=>r({isOpen:!0}),disabled:!Xt.includes(i.state)}),e.showProcessTerminateButton&&S.createElement(zt,{processInstanceId:o,disabled:i.state!==Re.running}),ea&&S.createElement(Mt,null),e.showTokenInspectorButton&&S.createElement(Jt,{isOpen:n,open:()=>{let c=new URLSearchParams(window.location.search);c.set("tokenInspector","true"),window.history.replaceState({},"",`${window.location.pathname}?${c.toString()}${window.location.hash}`),d(!0)},close:()=>{let c=new URLSearchParams(window.location.search);c.delete("tokenInspector"),window.history.replaceState({},"",`${window.location.pathname}?${c.toString()}${window.location.hash}`),d(!1)}})),S.createElement(Qs,{show:n},S.createElement("div",{className:"app-sdk-transition app-sdk-duration-200 data-[closed]:app-sdk-opacity-0 app-sdk-w-1/4 app-sdk-min-w-64 app-sdk-absolute app-sdk-top-0 app-sdk-right-0 app-sdk-z-40 app-sdk-pt-2 app-sdk-pr-2"},S.createElement(Gt,{processInstance:i,flowNodeInstances:Yt,close:()=>{let c=new URLSearchParams(window.location.search);c.delete("tokenInspector"),window.history.replaceState({},"",`${window.location.pathname}?${c.toString()}${window.location.hash}`),d(!1)}}))),S.createElement(to,{xml:i.xml,ref:g,setSelectedElementIds:j}))}var Fc=or(()=>Promise.resolve(dr),{ssr:!1});export{Qe as BPMNViewer,yr as BPMNViewerNextJS,fo as BooleanFormField,vt as BpmnViewerComponent,ho as CheckboxFormField,go as ColorFormField,wo as ConfirmFormField,vo as CustomFormField,yo as DateFormField,bo as DatetimeLocalFormField,xo as DecimalFormField,to as DiagramDocumentationInspector,Hr as DiagramDocumentationInspectorNextJS,eo as DocumentationViewer,Rr as DropdownMenu,Yr as DropdownMenuItem,on as DynamicLink,qp as DynamicUi,It as DynamicUiComponent,No as EmailFormField,Io as EnumFormField,Fo as FileFormField,ko as FlowNode,bt as FormFieldComponentMap,Co as HeaderFormField,Po as HiddenFormField,So as IntegerFormField,Do as MonthFormField,Bo as ParagraphFormField,Oo as PasswordFormField,dr as ProcessInstanceInspector,Fc as ProcessInstanceInspectorNextJS,Uo as RadioFormField,Lo as RangeFormField,Vo as SelectFormField,ze as SplitterLayout,_o as StringFormField,zo as TelFormField,Se as TextareaFormField,Ao as TimeFormField,$o as UrlFormField,Ho as WeekFormField};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@5minds/processcube_app_sdk",
3
- "version": "6.2.0-develop-be343d-m7vq6dmn",
3
+ "version": "6.2.0-develop-2407eb-m7yhujpi",
4
4
  "description": "The SDK for ProcessCube Apps",
5
5
  "type": "module",
6
6
  "main": "build/common/index.cjs",
@@ -96,8 +96,8 @@
96
96
  "react": ">=18.0.0"
97
97
  },
98
98
  "dependencies": {
99
- "@5minds/processcube_engine_client": "2024-2",
100
- "@5minds/processcube_engine_sdk": "2024-2",
99
+ "@5minds/processcube_engine_client": "6.0.0-beta.1",
100
+ "@5minds/processcube_engine_sdk": "7.0.0-beta.1",
101
101
  "@headlessui/react": "^2.1.1",
102
102
  "@heroicons/react": "^2.1.4",
103
103
  "@monaco-editor/react": "^4.6.0",