@5minds/processcube_app_sdk 6.1.0-develop-749684-lvowckdu → 6.1.0-develop-a498f0-lvunft2n

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 +7 -7
  2. package/build/client/index.mjs +7 -7
  3. package/package.json +2 -2
package/build/client/index.cjs CHANGED
@@ -1,14 +1,14 @@
1
- "use client";var me=Object.create;var _=Object.defineProperty;var ce=Object.getOwnPropertyDescriptor;var ke=Object.getOwnPropertyNames;var ue=Object.getPrototypeOf,fe=Object.prototype.hasOwnProperty;var be=(e,r)=>{for(var o in r)_(e,o,{get:r[o],enumerable:!0})},q=(e,r,o,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of ke(r))!fe.call(e,s)&&s!==o&&_(e,s,{get:()=>r[s],enumerable:!(a=ce(r,s))||a.enumerable});return e};var k=(e,r,o)=>(o=e!=null?me(ue(e)):{},q(r||!e||!e.__esModule?_(o,"default",{value:e,enumerable:!0}):o,e)),he=e=>q(_({},"__esModule",{value:!0}),e);var Te={};be(Te,{BooleanFormField:()=>S,ConfirmFormField:()=>T,DateFormField:()=>I,DecimalFormField:()=>E,DropdownMenu:()=>_e,DropdownMenuItem:()=>Se,DynamicLink:()=>ve,DynamicUi:()=>ge,DynamicUiComponent:()=>z,EnumFormField:()=>M,FormFieldComponentMap:()=>X,HeaderFormField:()=>V,IntegerFormField:()=>R,ParagraphFormField:()=>J,StringFormField:()=>$});module.exports=he(Te);var Ia=require("client-only");var K=require("next/navigation"),Y=k(require("react"),1);function ve({href:e,children:r}){console.warn("The DynamicLink component is deprecated. Please use the NextJS Link component instead.");let o=(0,K.useRouter)();return Y.default.createElement("a",{href:e,onClick:a=>{a.preventDefault(),o.replace(e),o.refresh()}},r)}var p=k(require("react"),1),j=k(require("react-is"),1),de=k(require("semver/functions/gt"),1),se=k(require("semver/functions/prerelease"),1),pe=k(require("semver/functions/satisfies"),1),te=require("../common/index.cjs");function b(...e){return e.filter(Boolean).join(" ")}var ae=require("@5minds/processcube_engine_sdk");var y=k(require("react"),1);function u(e){if(e!=null&&e.trim()!=="")try{return JSON.parse(e)}catch{return null}return null}function S(e,r){let{formField:o}=e,a=`${o.id}-hint`,s=u(o.customForm);return y.default.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},y.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},y.default.createElement("input",{type:"checkbox",className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",defaultChecked:e.state&&e.state!=="false"||o.defaultValue==="true",id:o.id,name:o.id,"aria-describedby":s?.hint?a:void 0,"data-form-field-type":"boolean"})),y.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},y.default.createElement("label",{className:"app-sdk-font-medium",htmlFor:o.id},o.label),s?.hint&&y.default.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s.hint)))}var Q=k(require("react"),1);function T(e,r){return Q.default.createElement("p",{className:"app-sdk-text-sm"},e.formField.label)}var x=k(require("react"),1);function I(e,r){let{formField:o}=e,a=`${o.id}-hint`,s=u(o.customForm);ye(o.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for date field "${o.id}"`);let d=e.state||o.defaultValue?.toString();return x.default.createElement("div",null,x.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),x.default.createElement("div",{className:"app-sdk-mt-1"},x.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"date",defaultValue:d,id:o.id,name:o.id,"aria-describedby":a,"data-form-field-type":"date"})),s?.hint&&x.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s?.hint))}function ye(e){return new Date(e?.toString()).toString()!=="Invalid Date"}var C=k(require("react"),1);function P(e){return!Number.isNaN(Number(e?.toString()))}function E(e,r){let{formField:o}=e,a=`${o.id}-hint`,s=u(o.customForm);return P(o.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for decimal field "${o.id}"`),C.default.createElement("div",null,C.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),C.default.createElement("div",{className:"app-sdk-mt-1"},C.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:"0.01",placeholder:s?.placeholder||"0.00",defaultValue:e.state||o.defaultValue?.toString(),id:o.id,name:o.id,"aria-describedby":a,"data-form-field-type":"decimal"})),s?.hint&&C.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s?.hint))}var l=k(require("react"),1);function M({formField:e,state:r},o){let a=u(e.customForm),s=e.label,d=e.enumValues,n;switch(a?.displayAs){case"checkbox":let v;Array.isArray(r)&&r.length?v=r:v=(r||e.defaultValue?.toString())?.split(",")??[],n=l.default.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},d?.map(t=>{let U=v.find(H=>H.trim()===t.id);return l.default.createElement("div",{key:t.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},l.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},l.default.createElement("input",{type:"checkbox",defaultChecked:U,name:e.id,id:t.id,value:t.id,className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),l.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},l.default.createElement("label",{htmlFor:t.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},t.name)))}));break;case"radio":n=l.default.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},d?.map(t=>l.default.createElement("div",{key:t.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},l.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},l.default.createElement("input",{type:"radio",defaultChecked:(r||e.defaultValue)==t.id,name:e.id,id:t.id,value:t.id,className:"app-sdk-form-radio app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),l.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},l.default.createElement("label",{htmlFor:t.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},t.name)))));break;default:let g=r||d?.find(t=>t.id===e.defaultValue)?.id||"";n=l.default.createElement("select",{id:e.id,name:e.id,className:"app-sdk-form-select app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-mt-1 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-py-2 app-sdk-pl-3 app-sdk-pr-10 app-sdk-text-base app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-outline-none focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:app-sdk-bg-app-sdk-dropdown-dark dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",onChange:t=>t.target.dataset.value=t.target.value,"data-value":g,"aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:g},l.default.createElement("option",{value:""},!g&&a?.placeholder),d?.map(t=>l.default.createElement("option",{key:t.id,value:t.id},t.name)));break}let m=a?.hint?l.default.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},a.hint):null;return l.default.createElement("div",null,l.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),n,m)}var D=k(require("react"),1);function V({formField:e},r){let o=u(e.customForm),a;switch(o?.style){case"heading_1":a=D.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_2":a=D.default.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_3":a=D.default.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;default:a=D.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break}return D.default.createElement("div",{className:"app-sdk-header-form-field"},a)}var N=k(require("react"),1);function R({formField:e,state:r},o){let a=u(e.customForm);return P(e.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for integer field "${e.id}"`),N.default.createElement("div",null,N.default.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),N.default.createElement("div",{className:"app-sdk-mt-1"},N.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:1,id:e.id,name:e.id,defaultValue:r||e.defaultValue?.toString(),placeholder:a?.placeholder??"0","aria-describedby":`${e.id}-hint`,"data-form-field-type":"integer"})),a?.hint&&N.default.createElement("p",{id:`${e.id}-hint`,"data-hint":!0,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},a.hint))}var Z=k(require("isomorphic-dompurify"),1),O=require("marked"),ee=k(require("react"),1),A=require("react");function J({formField:{defaultValue:e,label:r}},o){let[a,s]=(0,A.useState)("");return(0,A.useEffect)(()=>{let d=O.marked.parse(e?.toString()??r?.toString()??"",{renderer:new G,hooks:{postprocess:n=>Z.default.sanitize(n,{ADD_ATTR:["target"]}),preprocess:O.marked.Hooks.prototype.preprocess}});s(d)},[e,r]),ee.default.createElement("div",{className:b("app-sdk-text-sm","[&_p]:app-sdk-my-4 first-of-type:[&_p]:app-sdk-mb-4 first-of-type:[&_p]:app-sdk-mt-0","[&_a]:app-sdk-text-[color:var(--asdk-dui-link-color)] [&_a]:app-sdk-underline hover:[&_a]:app-sdk-text-[color:var(--asdk-dui-link-hover-color)]","[&_h1]:app-sdk-text-2xl [&_h1]:app-sdk-font-bold [&_h2]:app-sdk-text-xl [&_h2]:app-sdk-font-bold [&_h3]:app-sdk-text-lg [&_h3]:app-sdk-font-bold [&_h4]:app-sdk-text-base [&_h4]:app-sdk-font-bold [&_h5]:app-sdk-text-sm [&_h5]:app-sdk-font-bold [&_h6]:app-sdk-text-xs [&_h6]:app-sdk-font-bold","[&_code]:app-sdk-text-[#e83e8c] [&_pre]:app-sdk-my-4 [&_pre]:app-sdk-bg-gray-100 [&_pre]:dark:app-sdk-bg-app-sdk-gray-700 [&_pre_code]:app-sdk-text-inherit","[&_blockquote]:app-sdk-m-[revert] [&_fieldset]:app-sdk-m-[revert] [&_h1]:app-sdk-m-[revert] [&_h2]:app-sdk-m-[revert] [&_h3]:app-sdk-m-[revert] [&_h4]:app-sdk-m-[revert] [&_h5]:app-sdk-m-[revert] [&_h6]:app-sdk-m-[revert] [&_menu]:app-sdk-m-[revert] [&_ol]:app-sdk-m-[revert] [&_ul]:app-sdk-m-[revert]","[&_fieldset]:app-sdk-p-[revert] [&_menu]:app-sdk-p-[revert] [&_ol]:app-sdk-p-[revert] [&_ul]:app-sdk-p-[revert]","[&_ol]:app-sdk-list-decimal [&_ol_p]:app-sdk-my-2 first-of-type:[&_ol_p]:app-sdk-my-4 [&_ul]:app-sdk-list-disc [&_ul_p]:app-sdk-my-2 first-of-type:[&_ul_p]:app-sdk-my-4","[&_input[type='checkbox']]:app-sdk-form-checkbox [&_input[type='checkbox']]:app-sdk-border [&_input[type='checkbox']]:app-sdk-h-4 [&_input[type='checkbox']]:app-sdk-w-4 [&_input[type='checkbox']]:app-sdk-rounded [&_input[type='checkbox']]:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:app-sdk-text-sky-600 [&_input[type='checkbox']]:hover:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:dark:app-sdk-border-2 [&_input[type='checkbox']]:dark:app-sdk-border-solid [&_input[type='checkbox']]:dark:app-sdk-border-transparent [&_input[type='checkbox']]:dark:app-sdk-bg-app-sdk-gray-350 [&_input[type='checkbox']]:dark:app-sdk-text-[#007bff40] [&_input[type='checkbox']]:dark:hover:app-sdk-border-transparent [&_input[type='checkbox']]:dark:hover:checked:app-sdk-bg-app-sdk-gray-350"),dangerouslySetInnerHTML:{__html:a}})}var G=class extends O.marked.Renderer{link(r,o,a){return super.link(r,o,a).replace("<a","<a target='_blank'")}html(r,o){let a=super.html(r,o);return a.startsWith("<a ")&&!a.includes("target=")?a.replace("<a ",'<a target="_blank" '):a}};var w=k(require("react"),1);function $({formField:e,state:r},o){let a=u(e.customForm),s=e.label,d=a?.multiline==="true"?"textarea":"input",n=w.default.createElement(d,{className:b(d==="input"?"app-sdk-form-input":"app-sdk-form-textarea","app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-shadow-sm focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] app-sdk-block app-sdk-w-full sm:app-sdk-text-sm app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 dark:app-sdk-border-solid dark:app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] dark:focus:app-sdk-shadow-app-sdk-dark app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] dark:invalid:app-sdk-shadow-app-sdk-dark-invalid"),id:e.id,name:e.id,defaultValue:r||(e.defaultValue?.toString()??""),placeholder:a?.placeholder,"aria-describedby":a?.hint?`${e.id}-hint`:void 0,type:d==="input"?"text":void 0,rows:d==="textarea"?4:void 0,"data-form-field-type":"string"}),m=a?.hint?w.default.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},a.hint):null;return w.default.createElement("div",null,w.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),w.default.createElement("div",{className:"app-sdk-mt-1"},n),m)}var oe=(a=>(a.paragraph="paragraph",a.header="header",a.confirm="confirm",a))(oe||{}),ca={...ae.DataModels.FlowNodeInstances.UserTaskFormFieldType,...oe},X={boolean:S,date:I,enum:M,long:R,number:E,string:$,paragraph:J,header:V,confirm:T};var Fe=(0,pe.default)(p.default.version,">=18.0.0 <19",{includePrerelease:!0}),ne=(0,se.default)(p.default.version)==null,re=!ne&&(0,de.default)(p.default.version,"18.2.0")&&p.default.version.includes("canary"),z=class extends p.default.Component{};function ge(e){Fe||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The React version is not supported!
2
- Version: ${p.default.version}`);let{userTaskConfig:r}=e.task,{formFields:o}=r,a=(0,p.useRef)(),s=(0,p.useRef)(null),d=new Map(o.map(i=>[i.id,{ref:p.default.createRef()}])),n=o.filter(i=>i.type==="confirm");n.length>1&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Warning while rendering UserTask "${e.task.flowNodeId}"!
1
+ "use client";var ce=Object.create;var _=Object.defineProperty;var ke=Object.getOwnPropertyDescriptor;var ue=Object.getOwnPropertyNames;var fe=Object.getPrototypeOf,be=Object.prototype.hasOwnProperty;var he=(e,r)=>{for(var o in r)_(e,o,{get:r[o],enumerable:!0})},K=(e,r,o,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of ue(r))!be.call(e,s)&&s!==o&&_(e,s,{get:()=>r[s],enumerable:!(a=ke(r,s))||a.enumerable});return e};var k=(e,r,o)=>(o=e!=null?ce(fe(e)):{},K(r||!e||!e.__esModule?_(o,"default",{value:e,enumerable:!0}):o,e)),ve=e=>K(_({},"__esModule",{value:!0}),e);var Ie={};he(Ie,{BooleanFormField:()=>S,ConfirmFormField:()=>T,DateFormField:()=>I,DecimalFormField:()=>E,DropdownMenu:()=>Se,DropdownMenuItem:()=>Te,DynamicLink:()=>ye,DynamicUi:()=>xe,DynamicUiComponent:()=>W,EnumFormField:()=>M,FormFieldComponentMap:()=>z,HeaderFormField:()=>V,IntegerFormField:()=>R,ParagraphFormField:()=>J,StringFormField:()=>$});module.exports=ve(Ie);var Pa=require("client-only");var Y=require("next/navigation"),Q=k(require("react"),1);function ye({href:e,children:r}){console.warn("The DynamicLink component is deprecated. Please use the NextJS Link component instead.");let o=(0,Y.useRouter)();return Q.default.createElement("a",{href:e,onClick:a=>{a.preventDefault(),o.replace(e),o.refresh()}},r)}var p=k(require("react"),1),j=k(require("react-is"),1),se=k(require("semver/functions/gt"),1),pe=k(require("semver/functions/prerelease"),1),te=k(require("semver/functions/satisfies"),1),ne=require("../common/index.cjs");function b(...e){return e.filter(Boolean).join(" ")}var oe=require("@5minds/processcube_engine_sdk");var y=k(require("react"),1);function u(e){if(e!=null&&e.trim()!=="")try{return JSON.parse(e)}catch{return null}return null}function S(e,r){let{formField:o}=e,a=`${o.id}-hint`,s=u(o.customForm);return y.default.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},y.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},y.default.createElement("input",{type:"checkbox",className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",defaultChecked:e.state&&e.state!=="false"||o.defaultValue==="true",id:o.id,name:o.id,"aria-describedby":s?.hint?a:void 0,"data-form-field-type":"boolean"})),y.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},y.default.createElement("label",{className:"app-sdk-font-medium",htmlFor:o.id},o.label),s?.hint&&y.default.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s.hint)))}var Z=k(require("react"),1);function T(e,r){return Z.default.createElement("p",{className:"app-sdk-text-sm"},e.formField.label)}var x=k(require("react"),1);function I(e,r){let{formField:o}=e,a=`${o.id}-hint`,s=u(o.customForm);Fe(o.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for date field "${o.id}"`);let d=e.state||o.defaultValue?.toString();return x.default.createElement("div",null,x.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),x.default.createElement("div",{className:"app-sdk-mt-1"},x.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"date",defaultValue:d,id:o.id,name:o.id,"aria-describedby":a,"data-form-field-type":"date"})),s?.hint&&x.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s?.hint))}function Fe(e){return new Date(e?.toString()).toString()!=="Invalid Date"}var C=k(require("react"),1);function P(e){return!Number.isNaN(Number(e?.toString()))}function E(e,r){let{formField:o}=e,a=`${o.id}-hint`,s=u(o.customForm);return P(o.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for decimal field "${o.id}"`),C.default.createElement("div",null,C.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),C.default.createElement("div",{className:"app-sdk-mt-1"},C.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:"0.01",placeholder:s?.placeholder||"0.00",defaultValue:e.state||o.defaultValue?.toString(),id:o.id,name:o.id,"aria-describedby":a,"data-form-field-type":"decimal"})),s?.hint&&C.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s?.hint))}var i=k(require("react"),1);function M({formField:e,state:r},o){let a=u(e.customForm),s=e.label,d=e.enumValues,l;switch(a?.displayAs){case"checkbox":let v;Array.isArray(r)&&r.length?v=r:v=(r||e.defaultValue?.toString())?.split(",")??[],l=i.default.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},d?.map(t=>{let U=v.find(B=>B.trim()===t.id);return i.default.createElement("div",{key:t.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},i.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},i.default.createElement("input",{type:"checkbox",defaultChecked:U,name:e.id,id:t.id,value:t.id,className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),i.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},i.default.createElement("label",{htmlFor:t.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},t.name)))}));break;case"radio":l=i.default.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},d?.map(t=>i.default.createElement("div",{key:t.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},i.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},i.default.createElement("input",{type:"radio",defaultChecked:(r||e.defaultValue)==t.id,name:e.id,id:t.id,value:t.id,className:"app-sdk-form-radio app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),i.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},i.default.createElement("label",{htmlFor:t.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},t.name)))));break;default:let g=r||d?.find(t=>t.id===e.defaultValue)?.id||"";l=i.default.createElement("select",{id:e.id,name:e.id,className:"app-sdk-form-select app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-mt-1 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-py-2 app-sdk-pl-3 app-sdk-pr-10 app-sdk-text-base app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-outline-none focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:app-sdk-bg-app-sdk-dropdown-dark dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",onChange:t=>t.target.dataset.value=t.target.value,"data-value":g,"aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:g},i.default.createElement("option",{value:""},!g&&a?.placeholder),d?.map(t=>i.default.createElement("option",{key:t.id,value:t.id},t.name)));break}let m=a?.hint?i.default.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},a.hint):null;return i.default.createElement("div",null,i.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),l,m)}var D=k(require("react"),1);function V({formField:e},r){let o=u(e.customForm),a;switch(o?.style){case"heading_1":a=D.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_2":a=D.default.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_3":a=D.default.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;default:a=D.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break}return D.default.createElement("div",{className:"app-sdk-header-form-field"},a)}var N=k(require("react"),1);function R({formField:e,state:r},o){let a=u(e.customForm);return P(e.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for integer field "${e.id}"`),N.default.createElement("div",null,N.default.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),N.default.createElement("div",{className:"app-sdk-mt-1"},N.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:1,id:e.id,name:e.id,defaultValue:r||e.defaultValue?.toString(),placeholder:a?.placeholder??"0","aria-describedby":`${e.id}-hint`,"data-form-field-type":"integer"})),a?.hint&&N.default.createElement("p",{id:`${e.id}-hint`,"data-hint":!0,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},a.hint))}var ee=k(require("isomorphic-dompurify"),1),O=require("marked"),ae=k(require("react"),1),A=require("react");function J({formField:{defaultValue:e,label:r}},o){let[a,s]=(0,A.useState)("");return(0,A.useEffect)(()=>{let d=O.marked.parse(e?.toString()??r?.toString()??"",{renderer:new G,hooks:new X});s(d)},[e,r]),ae.default.createElement("div",{className:b("app-sdk-text-sm","[&_p]:app-sdk-my-4 first-of-type:[&_p]:app-sdk-mb-4 first-of-type:[&_p]:app-sdk-mt-0","[&_a]:app-sdk-text-[color:var(--asdk-dui-link-color)] [&_a]:app-sdk-underline hover:[&_a]:app-sdk-text-[color:var(--asdk-dui-link-hover-color)]","[&_h1]:app-sdk-text-2xl [&_h1]:app-sdk-font-bold [&_h2]:app-sdk-text-xl [&_h2]:app-sdk-font-bold [&_h3]:app-sdk-text-lg [&_h3]:app-sdk-font-bold [&_h4]:app-sdk-text-base [&_h4]:app-sdk-font-bold [&_h5]:app-sdk-text-sm [&_h5]:app-sdk-font-bold [&_h6]:app-sdk-text-xs [&_h6]:app-sdk-font-bold","[&_code]:app-sdk-text-[#e83e8c] [&_pre]:app-sdk-my-4 [&_pre]:app-sdk-bg-gray-100 [&_pre]:dark:app-sdk-bg-app-sdk-gray-700 [&_pre_code]:app-sdk-text-inherit","[&_blockquote]:app-sdk-m-[revert] [&_fieldset]:app-sdk-m-[revert] [&_h1]:app-sdk-m-[revert] [&_h2]:app-sdk-m-[revert] [&_h3]:app-sdk-m-[revert] [&_h4]:app-sdk-m-[revert] [&_h5]:app-sdk-m-[revert] [&_h6]:app-sdk-m-[revert] [&_menu]:app-sdk-m-[revert] [&_ol]:app-sdk-m-[revert] [&_ul]:app-sdk-m-[revert]","[&_fieldset]:app-sdk-p-[revert] [&_menu]:app-sdk-p-[revert] [&_ol]:app-sdk-p-[revert] [&_ul]:app-sdk-p-[revert]","[&_ol]:app-sdk-list-decimal [&_ol_p]:app-sdk-my-2 first-of-type:[&_ol_p]:app-sdk-my-4 [&_ul]:app-sdk-list-disc [&_ul_p]:app-sdk-my-2 first-of-type:[&_ul_p]:app-sdk-my-4","[&_input[type='checkbox']]:app-sdk-form-checkbox [&_input[type='checkbox']]:app-sdk-border [&_input[type='checkbox']]:app-sdk-h-4 [&_input[type='checkbox']]:app-sdk-w-4 [&_input[type='checkbox']]:app-sdk-rounded [&_input[type='checkbox']]:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:app-sdk-text-sky-600 [&_input[type='checkbox']]:hover:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:dark:app-sdk-border-2 [&_input[type='checkbox']]:dark:app-sdk-border-solid [&_input[type='checkbox']]:dark:app-sdk-border-transparent [&_input[type='checkbox']]:dark:app-sdk-bg-app-sdk-gray-350 [&_input[type='checkbox']]:dark:app-sdk-text-[#007bff40] [&_input[type='checkbox']]:dark:hover:app-sdk-border-transparent [&_input[type='checkbox']]:dark:hover:checked:app-sdk-bg-app-sdk-gray-350"),dangerouslySetInnerHTML:{__html:a}})}var G=class extends O.marked.Renderer{link(r,o,a){return super.link(r,o,a).replace("<a","<a target='_blank'")}html(r,o){let a=super.html(r,o);return a.startsWith("<a ")&&!a.includes("target=")?a.replace("<a ",'<a target="_blank" '):a}},X=class extends O.marked.Hooks{postprocess(r){return ee.default.sanitize(r,{ADD_ATTR:["target"]})}};var w=k(require("react"),1);function $({formField:e,state:r},o){let a=u(e.customForm),s=e.label,d=a?.multiline==="true"?"textarea":"input",l=w.default.createElement(d,{className:b(d==="input"?"app-sdk-form-input":"app-sdk-form-textarea","app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-shadow-sm focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] app-sdk-block app-sdk-w-full sm:app-sdk-text-sm app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 dark:app-sdk-border-solid dark:app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] dark:focus:app-sdk-shadow-app-sdk-dark app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] dark:invalid:app-sdk-shadow-app-sdk-dark-invalid"),id:e.id,name:e.id,defaultValue:r||(e.defaultValue?.toString()??""),placeholder:a?.placeholder,"aria-describedby":a?.hint?`${e.id}-hint`:void 0,type:d==="input"?"text":void 0,rows:d==="textarea"?4:void 0,"data-form-field-type":"string"}),m=a?.hint?w.default.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},a.hint):null;return w.default.createElement("div",null,w.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),w.default.createElement("div",{className:"app-sdk-mt-1"},l),m)}var re=(a=>(a.paragraph="paragraph",a.header="header",a.confirm="confirm",a))(re||{}),ka={...oe.DataModels.FlowNodeInstances.UserTaskFormFieldType,...re},z={boolean:S,date:I,enum:M,long:R,number:E,string:$,paragraph:J,header:V,confirm:T};var ge=(0,te.default)(p.default.version,">=18.0.0 <19",{includePrerelease:!0}),ie=(0,pe.default)(p.default.version)==null,de=!ie&&(0,se.default)(p.default.version,"18.2.0")&&p.default.version.includes("canary"),W=class extends p.default.Component{};function xe(e){ge||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The React version is not supported!
2
+ Version: ${p.default.version}`);let{userTaskConfig:r}=e.task,{formFields:o}=r,a=(0,p.useRef)(),s=(0,p.useRef)(null),d=new Map(o.map(n=>[n.id,{ref:p.default.createRef()}])),l=o.filter(n=>n.type==="confirm");l.length>1&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Warning while rendering UserTask "${e.task.flowNodeId}"!
3
3
  The UserTask has more than one confirm form field. Please use only one confirm form field per User Task.
4
4
 
5
- The first confirm form field is used for rendering.`);let m=n.length===1?n[0]:null,v={...X,...e.customFieldComponents?e.customFieldComponents:{}},g=i=>{let c=Ue(i,o,d);e.onSubmit(c,i,(0,te.mapUserTask)(e.task))};function t(i){let c=i.target;a.current!=null&&window.clearTimeout(a.current),a.current=window.setTimeout(()=>{if(a.current=void 0,s.current==null)return;let h=new FormData(s.current),B=we(h,d);e.onStateChange?.(c.value,c.name,B)},100)}let U=b("app-sdk-default-styles app-sdk-mx-auto app-sdk-block app-sdk-h-full app-sdk-min-h-[200px] app-sdk-rounded-lg app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)] sm:app-sdk-w-full sm:app-sdk-max-w-lg",e.classNames?.wrapper??"",e.className??""),H=e.darkMode||U.split(" ").includes("dark"),ie={...re&&{action:g},...!re&&ne&&{onSubmit:i=>{let c=new FormData(s.current),h=i.nativeEvent.submitter;c.has(h.name)||c.append(h.name,h.value),g(c)},method:"dialog"}};return p.default.createElement("div",{className:H?`dark app-sdk-dark ${U}`:b(...U.split(" ").filter(i=>i!=="dark"&&i!=="app-sdk-dark")),"data-dynamic-ui":!0,"data-blablabl":!0},p.default.createElement("form",{ref:s,className:b("app-sdk-flex app-sdk-max-h-full app-sdk-flex-col app-sdk-rounded-lg app-sdk-bg-[color:var(--asdk-dui-background-color)] app-sdk-text-[color:var(--asdk-dui-text-color)] app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)]",e.classNames?.base??""),"data-user-task-id":e.task.flowNodeId,"data-user-task-instance-id":e.task.flowNodeInstanceId,onChange:t,...ie},p.default.createElement("header",{className:b("app-sdk-px-4 app-sdk-pb-3 app-sdk-pt-4 sm:app-sdk-px-6",e.classNames?.header?e.classNames.header:"")},p.default.createElement(Ce,{title:e.title??e.task.flowNodeName??"User Task",headerComponent:e.headerComponent})),p.default.createElement("section",{className:b("app-sdk-overflow-y-auto app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.body??"")},p.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-space-y-6 dark:[color-scheme:dark]"},o.map(i=>{let c=v[i.type];if(!c)return null;if(!j.isValidElementType(c))return console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The given DynamicUiFormFieldComponent is not a valid React Element Type.
5
+ The first confirm form field is used for rendering.`);let m=l.length===1?l[0]:null,v={...z,...e.customFieldComponents?e.customFieldComponents:{}},g=n=>{let c=_e(n,o,d);e.onSubmit(c,n,(0,ne.mapUserTask)(e.task))};function t(n){let c=n.target;a.current!=null&&window.clearTimeout(a.current),a.current=window.setTimeout(()=>{if(a.current=void 0,s.current==null)return;let h=new FormData(s.current),H=Ue(h,d);e.onStateChange?.(c.value,c.name,H)},100)}let U=b("app-sdk-default-styles app-sdk-mx-auto app-sdk-block app-sdk-h-full app-sdk-min-h-[200px] app-sdk-rounded-lg app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)] sm:app-sdk-w-full sm:app-sdk-max-w-lg",e.classNames?.wrapper??"",e.className??""),B=e.darkMode||U.split(" ").includes("dark"),le={...de&&{action:g},...!de&&ie&&{onSubmit:n=>{let c=new FormData(s.current),h=n.nativeEvent.submitter;c.has(h.name)||c.append(h.name,h.value),g(c)},method:"dialog"}};return p.default.createElement("div",{className:B?`dark app-sdk-dark ${U}`:b(...U.split(" ").filter(n=>n!=="dark"&&n!=="app-sdk-dark")),"data-dynamic-ui":!0,"data-blablabl":!0},p.default.createElement("form",{ref:s,className:b("app-sdk-flex app-sdk-max-h-full app-sdk-flex-col app-sdk-rounded-lg app-sdk-bg-[color:var(--asdk-dui-background-color)] app-sdk-text-[color:var(--asdk-dui-text-color)] app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)]",e.classNames?.base??""),"data-user-task-id":e.task.flowNodeId,"data-user-task-instance-id":e.task.flowNodeInstanceId,onChange:t,...le},p.default.createElement("header",{className:b("app-sdk-px-4 app-sdk-pb-3 app-sdk-pt-4 sm:app-sdk-px-6",e.classNames?.header?e.classNames.header:"")},p.default.createElement(De,{title:e.title??e.task.flowNodeName??"User Task",headerComponent:e.headerComponent})),p.default.createElement("section",{className:b("app-sdk-overflow-y-auto app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.body??"")},p.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-space-y-6 dark:[color-scheme:dark]"},o.map(n=>{let c=v[n.type];if(!c)return null;if(!j.isValidElementType(c))return console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The given DynamicUiFormFieldComponent is not a valid React Element Type.
6
6
 
7
- FormField: ${JSON.stringify(i,null,2)}
7
+ FormField: ${JSON.stringify(n,null,2)}
8
8
  DynamicUiFormFieldComponent: ${c.toString()}
9
9
 
10
- Rendering 'null' as fallback`),null;let h;if(W(c))De(c),h=c;else{let L=c;c.length===1&&(L=(le,Ie)=>p.default.createElement(c,{...le})),Ne(L),h=(0,p.forwardRef)(L)}let B=d.get(i.id)?.ref;return p.default.createElement(p.Fragment,{key:i.id},p.default.createElement(h,{ref:B,formField:i,state:e.state?.[i.id]}))}))),p.default.createElement("footer",{className:b("app-sdk-rounded-b-lg app-sdk-bg-[color:var(--asdk-dui-footer-background-color)] app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.footer??"")},p.default.createElement(xe,{confirmFormField:m}))))}function xe(e){let{confirmFormField:r}=e,o=p.default.createElement(p.Fragment,null,p.default.createElement("button",{type:"submit",className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm "},"OK"));if(r){let a=u(r.customForm);o=p.default.createElement(p.Fragment,null,p.default.createElement("button",{type:"submit",name:r.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm ",value:"true"},a?.confirmButtonText??"Confirm"),p.default.createElement("button",{type:"submit",name:r.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-decline-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-decline-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm",value:"false"},a?.declineButtonText??"Decline"))}return p.default.createElement("div",{className:"app-sdk-space-y-2 sm:app-sdk-flex sm:app-sdk-flex-row-reverse sm:-app-sdk-space-x-2 sm:app-sdk-space-y-0"},o)}function Ce(e){return p.default.createElement("div",{className:"app-sdk-flex app-sdk-space-x-3"},p.default.createElement("div",{className:"app-sdk-flex-1"},p.default.createElement("h3",{id:"headline-title",className:"app-sdk-text-lg app-sdk-font-medium app-sdk-leading-6 app-sdk-text-[color:var(--asdk-dui-header-text-color)]"},e.title)),p.default.createElement("div",{className:"app-sdk-flex app-sdk-self-center"},e.headerComponent))}function W(e){return e?.prototype?.isReactComponent!=null}function De(e){if(!(j.isValidElementType(e)&&W(e)))throw new Error("Expected Element to be a React Component")}function Ne(e){if(!(j.isValidElementType(e)&&!W(e)))throw new Error("Expected Element to be a functional Component")}function we(e,r){let o={};return e.forEach((a,s)=>{if(a instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Add a getState Function to your component to return a JSON Primitive value as state.
10
+ Rendering 'null' as fallback`),null;let h;if(q(c))Ne(c),h=c;else{let L=c;c.length===1&&(L=(me,Pe)=>p.default.createElement(c,{...me})),we(L),h=(0,p.forwardRef)(L)}let H=d.get(n.id)?.ref;return p.default.createElement(p.Fragment,{key:n.id},p.default.createElement(h,{ref:H,formField:n,state:e.state?.[n.id]}))}))),p.default.createElement("footer",{className:b("app-sdk-rounded-b-lg app-sdk-bg-[color:var(--asdk-dui-footer-background-color)] app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.footer??"")},p.default.createElement(Ce,{confirmFormField:m}))))}function Ce(e){let{confirmFormField:r}=e,o=p.default.createElement(p.Fragment,null,p.default.createElement("button",{type:"submit",className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm "},"OK"));if(r){let a=u(r.customForm);o=p.default.createElement(p.Fragment,null,p.default.createElement("button",{type:"submit",name:r.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm ",value:"true"},a?.confirmButtonText??"Confirm"),p.default.createElement("button",{type:"submit",name:r.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-decline-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-decline-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm",value:"false"},a?.declineButtonText??"Decline"))}return p.default.createElement("div",{className:"app-sdk-space-y-2 sm:app-sdk-flex sm:app-sdk-flex-row-reverse sm:-app-sdk-space-x-2 sm:app-sdk-space-y-0"},o)}function De(e){return p.default.createElement("div",{className:"app-sdk-flex app-sdk-space-x-3"},p.default.createElement("div",{className:"app-sdk-flex-1"},p.default.createElement("h3",{id:"headline-title",className:"app-sdk-text-lg app-sdk-font-medium app-sdk-leading-6 app-sdk-text-[color:var(--asdk-dui-header-text-color)]"},e.title)),p.default.createElement("div",{className:"app-sdk-flex app-sdk-self-center"},e.headerComponent))}function q(e){return e?.prototype?.isReactComponent!=null}function Ne(e){if(!(j.isValidElementType(e)&&q(e)))throw new Error("Expected Element to be a React Component")}function we(e){if(!(j.isValidElementType(e)&&!q(e)))throw new Error("Expected Element to be a functional Component")}function Ue(e,r){let o={};return e.forEach((a,s)=>{if(a instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Add a getState Function to your component to return a JSON Primitive value as state.
11
11
 
12
- FormField: ${s} with ${a} `);return}o[s]?o[s]=Array.isArray(o[s])?[...o[s],a]:[o[s],a]:o[s]=a}),r.forEach((a,s)=>{if(typeof a.ref.current?.getState=="function"){let d=a.ref.current.getState();(typeof d=="boolean"||typeof d=="number"||typeof d=="string"||Array.isArray(d)||d==null||d?.toString()==="[object Object]")&&(o[s]=d)}}),o}function Ue(e,r,o){let a={};for(let d of e.keys()){let n=e.getAll(d);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.
12
+ FormField: ${s} with ${a} `);return}o[s]?o[s]=Array.isArray(o[s])?[...o[s],a]:[o[s],a]:o[s]=a}),r.forEach((a,s)=>{if(typeof a.ref.current?.getState=="function"){let d=a.ref.current.getState();(typeof d=="boolean"||typeof d=="number"||typeof d=="string"||Array.isArray(d)||d==null||d?.toString()==="[object Object]")&&(o[s]=d)}}),o}function _e(e,r,o){let a={};for(let d of e.keys()){let l=e.getAll(d);if(l[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.
13
13
 
14
- FormField: ${d} with ${n} `);continue}if(n.length===1?a[d]=n[0]:a[d]=n,a[d]==""&&delete a[d],a[d]){let m=r.find(v=>v.id===d)?.type;if(m==="boolean"){a[d]=a[d]==="on";continue}if(m==="confirm"){a[d]=JSON.parse(a[d]);continue}if(m==="number"){a[d]=parseFloat(a[d]);continue}if(m==="long"){a[d]=parseInt(a[d]);continue}}}let s=r.filter(d=>d.type==="boolean");return s.length&&s.forEach(d=>{a[d.id]||(a[d.id]=!1)}),o.forEach((d,n)=>{if(typeof d.ref.current?.getValue=="function"){let m=d.ref.current.getValue();(typeof m=="boolean"||typeof m=="number"||typeof m=="string"||Array.isArray(m)||m==null||m?.toString()==="[object Object]")&&(a[n]=m)}}),a}var F=require("@headlessui/react"),f=k(require("react"),1);function _e(e){return f.default.createElement(F.Menu,{as:"div",className:"app-sdk-default-styles app-sdk-relative app-sdk-inline-block app-sdk-text-left"},f.default.createElement("div",null,f.default.createElement(F.Menu.Button,{className:"app-sdk-cursor-pointer app-sdk-bg-transparent app-sdk-p-0 app-sdk-text-[100%] app-sdk-flex app-sdk-items-center app-sdk-rounded-full app-sdk-text-[color:var(--asdk-ddm-icon-text-color)] hover:app-sdk-text-[color:var(--asdk-ddm-icon-text-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-ddm-focus-color)] "},f.default.createElement("span",{className:"app-sdk-sr-only"},"Open options"),e.collapsedIcon||f.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",className:"app-sdk-h-5 app-sdk-w-5"},f.default.createElement("path",{d:"M6 10a2 2 0 11-4 0 2 2 0 014 0zM12 10a2 2 0 11-4 0 2 2 0 014 0zM16 12a2 2 0 100-4 2 2 0 000 4z"})))),f.default.createElement(F.Transition,{as:f.Fragment,enter:"app-sdk-transition app-sdk-ease-out app-sdk-duration-100",enterFrom:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95",enterTo:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leave:"app-sdk-transition app-sdk-ease-in app-sdk-duration-75",leaveFrom:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leaveTo:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95"},f.default.createElement(F.Menu.Items,{className:"app-sdk-absolute app-sdk-right-0 app-sdk-z-10 app-sdk-mt-2 app-sdk-w-56 app-sdk-origin-top-right app-sdk-rounded-md app-sdk-bg-[color:var(--asdk-ddm-background-color)] app-sdk-shadow-lg app-sdk-ring-1 app-sdk-ring-black app-sdk-ring-opacity-5 focus:app-sdk-outline-none"},f.default.createElement("div",{className:"app-sdk-py-1"},e.children))))}function Se(e){return f.default.createElement(F.Menu.Item,null,({active:r})=>f.default.createElement("button",{type:"button",onClick:()=>e.onClick(),className:b(r?"app-sdk-bg-[color:var(--asdk-ddm-entry-background-hover-color)]":"app-sdk-bg-transparent","app-sdk-cursor-pointer app-sdk-p-0 app-sdk-text-[100%] app-sdk-block app-sdk-w-full app-sdk-px-4 app-sdk-py-2 app-sdk-text-left app-sdk-text-sm",e.isDanger?"app-sdk-text-[color:var(--asdk-ddm-danger-entry-text-color)]":"app-sdk-text-[color:var(--asdk-ddm-default-entry-text-color)]",e.className??"")},e.title))}0&&(module.exports={BooleanFormField,ConfirmFormField,DateFormField,DecimalFormField,DropdownMenu,DropdownMenuItem,DynamicLink,DynamicUi,DynamicUiComponent,EnumFormField,FormFieldComponentMap,HeaderFormField,IntegerFormField,ParagraphFormField,StringFormField});
14
+ FormField: ${d} with ${l} `);continue}if(l.length===1?a[d]=l[0]:a[d]=l,a[d]==""&&delete a[d],a[d]){let m=r.find(v=>v.id===d)?.type;if(m==="boolean"){a[d]=a[d]==="on";continue}if(m==="confirm"){a[d]=JSON.parse(a[d]);continue}if(m==="number"){a[d]=parseFloat(a[d]);continue}if(m==="long"){a[d]=parseInt(a[d]);continue}}}let s=r.filter(d=>d.type==="boolean");return s.length&&s.forEach(d=>{a[d.id]||(a[d.id]=!1)}),o.forEach((d,l)=>{if(typeof d.ref.current?.getValue=="function"){let m=d.ref.current.getValue();(typeof m=="boolean"||typeof m=="number"||typeof m=="string"||Array.isArray(m)||m==null||m?.toString()==="[object Object]")&&(a[l]=m)}}),a}var F=require("@headlessui/react"),f=k(require("react"),1);function Se(e){return f.default.createElement(F.Menu,{as:"div",className:"app-sdk-default-styles app-sdk-relative app-sdk-inline-block app-sdk-text-left"},f.default.createElement("div",null,f.default.createElement(F.Menu.Button,{className:"app-sdk-cursor-pointer app-sdk-bg-transparent app-sdk-p-0 app-sdk-text-[100%] app-sdk-flex app-sdk-items-center app-sdk-rounded-full app-sdk-text-[color:var(--asdk-ddm-icon-text-color)] hover:app-sdk-text-[color:var(--asdk-ddm-icon-text-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-ddm-focus-color)] "},f.default.createElement("span",{className:"app-sdk-sr-only"},"Open options"),e.collapsedIcon||f.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",className:"app-sdk-h-5 app-sdk-w-5"},f.default.createElement("path",{d:"M6 10a2 2 0 11-4 0 2 2 0 014 0zM12 10a2 2 0 11-4 0 2 2 0 014 0zM16 12a2 2 0 100-4 2 2 0 000 4z"})))),f.default.createElement(F.Transition,{as:f.Fragment,enter:"app-sdk-transition app-sdk-ease-out app-sdk-duration-100",enterFrom:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95",enterTo:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leave:"app-sdk-transition app-sdk-ease-in app-sdk-duration-75",leaveFrom:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leaveTo:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95"},f.default.createElement(F.Menu.Items,{className:"app-sdk-absolute app-sdk-right-0 app-sdk-z-10 app-sdk-mt-2 app-sdk-w-56 app-sdk-origin-top-right app-sdk-rounded-md app-sdk-bg-[color:var(--asdk-ddm-background-color)] app-sdk-shadow-lg app-sdk-ring-1 app-sdk-ring-black app-sdk-ring-opacity-5 focus:app-sdk-outline-none"},f.default.createElement("div",{className:"app-sdk-py-1"},e.children))))}function Te(e){return f.default.createElement(F.Menu.Item,null,({active:r})=>f.default.createElement("button",{type:"button",onClick:()=>e.onClick(),className:b(r?"app-sdk-bg-[color:var(--asdk-ddm-entry-background-hover-color)]":"app-sdk-bg-transparent","app-sdk-cursor-pointer app-sdk-p-0 app-sdk-text-[100%] app-sdk-block app-sdk-w-full app-sdk-px-4 app-sdk-py-2 app-sdk-text-left app-sdk-text-sm",e.isDanger?"app-sdk-text-[color:var(--asdk-ddm-danger-entry-text-color)]":"app-sdk-text-[color:var(--asdk-ddm-default-entry-text-color)]",e.className??"")},e.title))}0&&(module.exports={BooleanFormField,ConfirmFormField,DateFormField,DecimalFormField,DropdownMenu,DropdownMenuItem,DynamicLink,DynamicUi,DynamicUiComponent,EnumFormField,FormFieldComponentMap,HeaderFormField,IntegerFormField,ParagraphFormField,StringFormField});
package/build/client/index.mjs CHANGED
@@ -1,14 +1,14 @@
1
- "use client";import"client-only";import{useRouter as Z}from"next/navigation";import ee from"react";function Ne({href:e,children:d}){console.warn("The DynamicLink component is deprecated. Please use the NextJS Link component instead.");let o=Z();return ee.createElement("a",{href:e,onClick:a=>{a.preventDefault(),o.replace(e),o.refresh()}},d)}import p,{Fragment as B,forwardRef as ne,useRef as z}from"react";import*as U from"react-is";import ie from"semver/functions/gt";import le from"semver/functions/prerelease";import me from"semver/functions/satisfies";import{mapUserTask as ce}from"../common/index.mjs";function u(...e){return e.filter(Boolean).join(" ")}import{DataModels as te}from"@5minds/processcube_engine_sdk";import y from"react";function k(e){if(e!=null&&e.trim()!=="")try{return JSON.parse(e)}catch{return null}return null}function P(e,d){let{formField:o}=e,a=`${o.id}-hint`,s=k(o.customForm);return y.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},y.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},y.createElement("input",{type:"checkbox",className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",defaultChecked:e.state&&e.state!=="false"||o.defaultValue==="true",id:o.id,name:o.id,"aria-describedby":s?.hint?a:void 0,"data-form-field-type":"boolean"})),y.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},y.createElement("label",{className:"app-sdk-font-medium",htmlFor:o.id},o.label),s?.hint&&y.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s.hint)))}import ae from"react";function E(e,d){return ae.createElement("p",{className:"app-sdk-text-sm"},e.formField.label)}import g from"react";function M(e,d){let{formField:o}=e,a=`${o.id}-hint`,s=k(o.customForm);oe(o.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for date field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return g.createElement("div",null,g.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),g.createElement("div",{className:"app-sdk-mt-1"},g.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"date",defaultValue:r,id:o.id,name:o.id,"aria-describedby":a,"data-form-field-type":"date"})),s?.hint&&g.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s?.hint))}function oe(e){return new Date(e?.toString()).toString()!=="Invalid Date"}import x from"react";function w(e){return!Number.isNaN(Number(e?.toString()))}function V(e,d){let{formField:o}=e,a=`${o.id}-hint`,s=k(o.customForm);return w(o.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for decimal field "${o.id}"`),x.createElement("div",null,x.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),x.createElement("div",{className:"app-sdk-mt-1"},x.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:"0.01",placeholder:s?.placeholder||"0.00",defaultValue:e.state||o.defaultValue?.toString(),id:o.id,name:o.id,"aria-describedby":a,"data-form-field-type":"decimal"})),s?.hint&&x.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s?.hint))}import c from"react";function R({formField:e,state:d},o){let a=k(e.customForm),s=e.label,r=e.enumValues,n;switch(a?.displayAs){case"checkbox":let h;Array.isArray(d)&&d.length?h=d:h=(d||e.defaultValue?.toString())?.split(",")??[],n=c.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},r?.map(t=>{let F=h.find(S=>S.trim()===t.id);return c.createElement("div",{key:t.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},c.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},c.createElement("input",{type:"checkbox",defaultChecked:F,name:e.id,id:t.id,value:t.id,className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),c.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},c.createElement("label",{htmlFor:t.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},t.name)))}));break;case"radio":n=c.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},r?.map(t=>c.createElement("div",{key:t.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},c.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},c.createElement("input",{type:"radio",defaultChecked:(d||e.defaultValue)==t.id,name:e.id,id:t.id,value:t.id,className:"app-sdk-form-radio app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),c.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},c.createElement("label",{htmlFor:t.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},t.name)))));break;default:let v=d||r?.find(t=>t.id===e.defaultValue)?.id||"";n=c.createElement("select",{id:e.id,name:e.id,className:"app-sdk-form-select app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-mt-1 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-py-2 app-sdk-pl-3 app-sdk-pr-10 app-sdk-text-base app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-outline-none focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:app-sdk-bg-app-sdk-dropdown-dark dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",onChange:t=>t.target.dataset.value=t.target.value,"data-value":v,"aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:v},c.createElement("option",{value:""},!v&&a?.placeholder),r?.map(t=>c.createElement("option",{key:t.id,value:t.id},t.name)));break}let l=a?.hint?c.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},a.hint):null;return c.createElement("div",null,c.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),n,l)}import C from"react";function O({formField:e},d){let o=k(e.customForm),a;switch(o?.style){case"heading_1":a=C.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_2":a=C.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_3":a=C.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;default:a=C.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break}return C.createElement("div",{className:"app-sdk-header-form-field"},a)}import D from"react";function A({formField:e,state:d},o){let a=k(e.customForm);return w(e.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for integer field "${e.id}"`),D.createElement("div",null,D.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),D.createElement("div",{className:"app-sdk-mt-1"},D.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:1,id:e.id,name:e.id,defaultValue:d||e.defaultValue?.toString(),placeholder:a?.placeholder??"0","aria-describedby":`${e.id}-hint`,"data-form-field-type":"integer"})),a?.hint&&D.createElement("p",{id:`${e.id}-hint`,"data-hint":!0,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},a.hint))}import re from"isomorphic-dompurify";import{marked as J}from"marked";import de from"react";import{useEffect as se,useState as pe}from"react";function j({formField:{defaultValue:e,label:d}},o){let[a,s]=pe("");return se(()=>{let r=J.parse(e?.toString()??d?.toString()??"",{renderer:new $,hooks:{postprocess:n=>re.sanitize(n,{ADD_ATTR:["target"]}),preprocess:J.Hooks.prototype.preprocess}});s(r)},[e,d]),de.createElement("div",{className:u("app-sdk-text-sm","[&_p]:app-sdk-my-4 first-of-type:[&_p]:app-sdk-mb-4 first-of-type:[&_p]:app-sdk-mt-0","[&_a]:app-sdk-text-[color:var(--asdk-dui-link-color)] [&_a]:app-sdk-underline hover:[&_a]:app-sdk-text-[color:var(--asdk-dui-link-hover-color)]","[&_h1]:app-sdk-text-2xl [&_h1]:app-sdk-font-bold [&_h2]:app-sdk-text-xl [&_h2]:app-sdk-font-bold [&_h3]:app-sdk-text-lg [&_h3]:app-sdk-font-bold [&_h4]:app-sdk-text-base [&_h4]:app-sdk-font-bold [&_h5]:app-sdk-text-sm [&_h5]:app-sdk-font-bold [&_h6]:app-sdk-text-xs [&_h6]:app-sdk-font-bold","[&_code]:app-sdk-text-[#e83e8c] [&_pre]:app-sdk-my-4 [&_pre]:app-sdk-bg-gray-100 [&_pre]:dark:app-sdk-bg-app-sdk-gray-700 [&_pre_code]:app-sdk-text-inherit","[&_blockquote]:app-sdk-m-[revert] [&_fieldset]:app-sdk-m-[revert] [&_h1]:app-sdk-m-[revert] [&_h2]:app-sdk-m-[revert] [&_h3]:app-sdk-m-[revert] [&_h4]:app-sdk-m-[revert] [&_h5]:app-sdk-m-[revert] [&_h6]:app-sdk-m-[revert] [&_menu]:app-sdk-m-[revert] [&_ol]:app-sdk-m-[revert] [&_ul]:app-sdk-m-[revert]","[&_fieldset]:app-sdk-p-[revert] [&_menu]:app-sdk-p-[revert] [&_ol]:app-sdk-p-[revert] [&_ul]:app-sdk-p-[revert]","[&_ol]:app-sdk-list-decimal [&_ol_p]:app-sdk-my-2 first-of-type:[&_ol_p]:app-sdk-my-4 [&_ul]:app-sdk-list-disc [&_ul_p]:app-sdk-my-2 first-of-type:[&_ul_p]:app-sdk-my-4","[&_input[type='checkbox']]:app-sdk-form-checkbox [&_input[type='checkbox']]:app-sdk-border [&_input[type='checkbox']]:app-sdk-h-4 [&_input[type='checkbox']]:app-sdk-w-4 [&_input[type='checkbox']]:app-sdk-rounded [&_input[type='checkbox']]:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:app-sdk-text-sky-600 [&_input[type='checkbox']]:hover:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:dark:app-sdk-border-2 [&_input[type='checkbox']]:dark:app-sdk-border-solid [&_input[type='checkbox']]:dark:app-sdk-border-transparent [&_input[type='checkbox']]:dark:app-sdk-bg-app-sdk-gray-350 [&_input[type='checkbox']]:dark:app-sdk-text-[#007bff40] [&_input[type='checkbox']]:dark:hover:app-sdk-border-transparent [&_input[type='checkbox']]:dark:hover:checked:app-sdk-bg-app-sdk-gray-350"),dangerouslySetInnerHTML:{__html:a}})}var $=class extends J.Renderer{link(d,o,a){return super.link(d,o,a).replace("<a","<a target='_blank'")}html(d,o){let a=super.html(d,o);return a.startsWith("<a ")&&!a.includes("target=")?a.replace("<a ",'<a target="_blank" '):a}};import N from"react";function H({formField:e,state:d},o){let a=k(e.customForm),s=e.label,r=a?.multiline==="true"?"textarea":"input",n=N.createElement(r,{className:u(r==="input"?"app-sdk-form-input":"app-sdk-form-textarea","app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-shadow-sm focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] app-sdk-block app-sdk-w-full sm:app-sdk-text-sm app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 dark:app-sdk-border-solid dark:app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] dark:focus:app-sdk-shadow-app-sdk-dark app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] dark:invalid:app-sdk-shadow-app-sdk-dark-invalid"),id:e.id,name:e.id,defaultValue:d||(e.defaultValue?.toString()??""),placeholder:a?.placeholder,"aria-describedby":a?.hint?`${e.id}-hint`:void 0,type:r==="input"?"text":void 0,rows:r==="textarea"?4:void 0,"data-form-field-type":"string"}),l=a?.hint?N.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},a.hint):null;return N.createElement("div",null,N.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),N.createElement("div",{className:"app-sdk-mt-1"},n),l)}var G=(a=>(a.paragraph="paragraph",a.header="header",a.confirm="confirm",a))(G||{}),va={...te.FlowNodeInstances.UserTaskFormFieldType,...G},X={boolean:P,date:M,enum:R,long:A,number:V,string:H,paragraph:j,header:O,confirm:E};var ke=me(p.version,">=18.0.0 <19",{includePrerelease:!0}),K=le(p.version)==null,W=!K&&ie(p.version,"18.2.0")&&p.version.includes("canary"),q=class extends p.Component{};function Ja(e){ke||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The React version is not supported!
2
- Version: ${p.version}`);let{userTaskConfig:d}=e.task,{formFields:o}=d,a=z(),s=z(null),r=new Map(o.map(i=>[i.id,{ref:p.createRef()}])),n=o.filter(i=>i.type==="confirm");n.length>1&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Warning while rendering UserTask "${e.task.flowNodeId}"!
1
+ "use client";import"client-only";import{useRouter as ee}from"next/navigation";import ae from"react";function we({href:e,children:d}){console.warn("The DynamicLink component is deprecated. Please use the NextJS Link component instead.");let o=ee();return ae.createElement("a",{href:e,onClick:a=>{a.preventDefault(),o.replace(e),o.refresh()}},d)}import p,{Fragment as L,forwardRef as ie,useRef as W}from"react";import*as U from"react-is";import le from"semver/functions/gt";import me from"semver/functions/prerelease";import ce from"semver/functions/satisfies";import{mapUserTask as ke}from"../common/index.mjs";function u(...e){return e.filter(Boolean).join(" ")}import{DataModels as ne}from"@5minds/processcube_engine_sdk";import y from"react";function k(e){if(e!=null&&e.trim()!=="")try{return JSON.parse(e)}catch{return null}return null}function P(e,d){let{formField:o}=e,a=`${o.id}-hint`,s=k(o.customForm);return y.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},y.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},y.createElement("input",{type:"checkbox",className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",defaultChecked:e.state&&e.state!=="false"||o.defaultValue==="true",id:o.id,name:o.id,"aria-describedby":s?.hint?a:void 0,"data-form-field-type":"boolean"})),y.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},y.createElement("label",{className:"app-sdk-font-medium",htmlFor:o.id},o.label),s?.hint&&y.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s.hint)))}import oe from"react";function E(e,d){return oe.createElement("p",{className:"app-sdk-text-sm"},e.formField.label)}import g from"react";function M(e,d){let{formField:o}=e,a=`${o.id}-hint`,s=k(o.customForm);re(o.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for date field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return g.createElement("div",null,g.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),g.createElement("div",{className:"app-sdk-mt-1"},g.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"date",defaultValue:r,id:o.id,name:o.id,"aria-describedby":a,"data-form-field-type":"date"})),s?.hint&&g.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s?.hint))}function re(e){return new Date(e?.toString()).toString()!=="Invalid Date"}import x from"react";function w(e){return!Number.isNaN(Number(e?.toString()))}function V(e,d){let{formField:o}=e,a=`${o.id}-hint`,s=k(o.customForm);return w(o.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for decimal field "${o.id}"`),x.createElement("div",null,x.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),x.createElement("div",{className:"app-sdk-mt-1"},x.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:"0.01",placeholder:s?.placeholder||"0.00",defaultValue:e.state||o.defaultValue?.toString(),id:o.id,name:o.id,"aria-describedby":a,"data-form-field-type":"decimal"})),s?.hint&&x.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s?.hint))}import c from"react";function R({formField:e,state:d},o){let a=k(e.customForm),s=e.label,r=e.enumValues,i;switch(a?.displayAs){case"checkbox":let h;Array.isArray(d)&&d.length?h=d:h=(d||e.defaultValue?.toString())?.split(",")??[],i=c.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},r?.map(t=>{let F=h.find(S=>S.trim()===t.id);return c.createElement("div",{key:t.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},c.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},c.createElement("input",{type:"checkbox",defaultChecked:F,name:e.id,id:t.id,value:t.id,className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),c.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},c.createElement("label",{htmlFor:t.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},t.name)))}));break;case"radio":i=c.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},r?.map(t=>c.createElement("div",{key:t.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},c.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},c.createElement("input",{type:"radio",defaultChecked:(d||e.defaultValue)==t.id,name:e.id,id:t.id,value:t.id,className:"app-sdk-form-radio app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),c.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},c.createElement("label",{htmlFor:t.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},t.name)))));break;default:let v=d||r?.find(t=>t.id===e.defaultValue)?.id||"";i=c.createElement("select",{id:e.id,name:e.id,className:"app-sdk-form-select app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-mt-1 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-py-2 app-sdk-pl-3 app-sdk-pr-10 app-sdk-text-base app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-outline-none focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:app-sdk-bg-app-sdk-dropdown-dark dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",onChange:t=>t.target.dataset.value=t.target.value,"data-value":v,"aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:v},c.createElement("option",{value:""},!v&&a?.placeholder),r?.map(t=>c.createElement("option",{key:t.id,value:t.id},t.name)));break}let l=a?.hint?c.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},a.hint):null;return c.createElement("div",null,c.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),i,l)}import C from"react";function O({formField:e},d){let o=k(e.customForm),a;switch(o?.style){case"heading_1":a=C.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_2":a=C.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_3":a=C.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;default:a=C.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break}return C.createElement("div",{className:"app-sdk-header-form-field"},a)}import D from"react";function A({formField:e,state:d},o){let a=k(e.customForm);return w(e.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for integer field "${e.id}"`),D.createElement("div",null,D.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),D.createElement("div",{className:"app-sdk-mt-1"},D.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:1,id:e.id,name:e.id,defaultValue:d||e.defaultValue?.toString(),placeholder:a?.placeholder??"0","aria-describedby":`${e.id}-hint`,"data-form-field-type":"integer"})),a?.hint&&D.createElement("p",{id:`${e.id}-hint`,"data-hint":!0,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},a.hint))}import de from"isomorphic-dompurify";import{marked as j}from"marked";import se from"react";import{useEffect as pe,useState as te}from"react";function B({formField:{defaultValue:e,label:d}},o){let[a,s]=te("");return pe(()=>{let r=j.parse(e?.toString()??d?.toString()??"",{renderer:new J,hooks:new $});s(r)},[e,d]),se.createElement("div",{className:u("app-sdk-text-sm","[&_p]:app-sdk-my-4 first-of-type:[&_p]:app-sdk-mb-4 first-of-type:[&_p]:app-sdk-mt-0","[&_a]:app-sdk-text-[color:var(--asdk-dui-link-color)] [&_a]:app-sdk-underline hover:[&_a]:app-sdk-text-[color:var(--asdk-dui-link-hover-color)]","[&_h1]:app-sdk-text-2xl [&_h1]:app-sdk-font-bold [&_h2]:app-sdk-text-xl [&_h2]:app-sdk-font-bold [&_h3]:app-sdk-text-lg [&_h3]:app-sdk-font-bold [&_h4]:app-sdk-text-base [&_h4]:app-sdk-font-bold [&_h5]:app-sdk-text-sm [&_h5]:app-sdk-font-bold [&_h6]:app-sdk-text-xs [&_h6]:app-sdk-font-bold","[&_code]:app-sdk-text-[#e83e8c] [&_pre]:app-sdk-my-4 [&_pre]:app-sdk-bg-gray-100 [&_pre]:dark:app-sdk-bg-app-sdk-gray-700 [&_pre_code]:app-sdk-text-inherit","[&_blockquote]:app-sdk-m-[revert] [&_fieldset]:app-sdk-m-[revert] [&_h1]:app-sdk-m-[revert] [&_h2]:app-sdk-m-[revert] [&_h3]:app-sdk-m-[revert] [&_h4]:app-sdk-m-[revert] [&_h5]:app-sdk-m-[revert] [&_h6]:app-sdk-m-[revert] [&_menu]:app-sdk-m-[revert] [&_ol]:app-sdk-m-[revert] [&_ul]:app-sdk-m-[revert]","[&_fieldset]:app-sdk-p-[revert] [&_menu]:app-sdk-p-[revert] [&_ol]:app-sdk-p-[revert] [&_ul]:app-sdk-p-[revert]","[&_ol]:app-sdk-list-decimal [&_ol_p]:app-sdk-my-2 first-of-type:[&_ol_p]:app-sdk-my-4 [&_ul]:app-sdk-list-disc [&_ul_p]:app-sdk-my-2 first-of-type:[&_ul_p]:app-sdk-my-4","[&_input[type='checkbox']]:app-sdk-form-checkbox [&_input[type='checkbox']]:app-sdk-border [&_input[type='checkbox']]:app-sdk-h-4 [&_input[type='checkbox']]:app-sdk-w-4 [&_input[type='checkbox']]:app-sdk-rounded [&_input[type='checkbox']]:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:app-sdk-text-sky-600 [&_input[type='checkbox']]:hover:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:dark:app-sdk-border-2 [&_input[type='checkbox']]:dark:app-sdk-border-solid [&_input[type='checkbox']]:dark:app-sdk-border-transparent [&_input[type='checkbox']]:dark:app-sdk-bg-app-sdk-gray-350 [&_input[type='checkbox']]:dark:app-sdk-text-[#007bff40] [&_input[type='checkbox']]:dark:hover:app-sdk-border-transparent [&_input[type='checkbox']]:dark:hover:checked:app-sdk-bg-app-sdk-gray-350"),dangerouslySetInnerHTML:{__html:a}})}var J=class extends j.Renderer{link(d,o,a){return super.link(d,o,a).replace("<a","<a target='_blank'")}html(d,o){let a=super.html(d,o);return a.startsWith("<a ")&&!a.includes("target=")?a.replace("<a ",'<a target="_blank" '):a}},$=class extends j.Hooks{postprocess(d){return de.sanitize(d,{ADD_ATTR:["target"]})}};import N from"react";function H({formField:e,state:d},o){let a=k(e.customForm),s=e.label,r=a?.multiline==="true"?"textarea":"input",i=N.createElement(r,{className:u(r==="input"?"app-sdk-form-input":"app-sdk-form-textarea","app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-shadow-sm focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] app-sdk-block app-sdk-w-full sm:app-sdk-text-sm app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 dark:app-sdk-border-solid dark:app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] dark:focus:app-sdk-shadow-app-sdk-dark app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] dark:invalid:app-sdk-shadow-app-sdk-dark-invalid"),id:e.id,name:e.id,defaultValue:d||(e.defaultValue?.toString()??""),placeholder:a?.placeholder,"aria-describedby":a?.hint?`${e.id}-hint`:void 0,type:r==="input"?"text":void 0,rows:r==="textarea"?4:void 0,"data-form-field-type":"string"}),l=a?.hint?N.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},a.hint):null;return N.createElement("div",null,N.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),N.createElement("div",{className:"app-sdk-mt-1"},i),l)}var X=(a=>(a.paragraph="paragraph",a.header="header",a.confirm="confirm",a))(X||{}),ya={...ne.FlowNodeInstances.UserTaskFormFieldType,...X},z={boolean:P,date:M,enum:R,long:A,number:V,string:H,paragraph:B,header:O,confirm:E};var ue=ce(p.version,">=18.0.0 <19",{includePrerelease:!0}),Y=me(p.version)==null,q=!Y&&le(p.version,"18.2.0")&&p.version.includes("canary"),K=class extends p.Component{};function $a(e){ue||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The React version is not supported!
2
+ Version: ${p.version}`);let{userTaskConfig:d}=e.task,{formFields:o}=d,a=W(),s=W(null),r=new Map(o.map(n=>[n.id,{ref:p.createRef()}])),i=o.filter(n=>n.type==="confirm");i.length>1&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Warning while rendering UserTask "${e.task.flowNodeId}"!
3
3
  The UserTask has more than one confirm form field. Please use only one confirm form field per User Task.
4
4
 
5
- The first confirm form field is used for rendering.`);let l=n.length===1?n[0]:null,h={...X,...e.customFieldComponents?e.customFieldComponents:{}},v=i=>{let m=ye(i,o,r);e.onSubmit(m,i,ce(e.task))};function t(i){let m=i.target;a.current!=null&&window.clearTimeout(a.current),a.current=window.setTimeout(()=>{if(a.current=void 0,s.current==null)return;let b=new FormData(s.current),T=ve(b,r);e.onStateChange?.(m.value,m.name,T)},100)}let F=u("app-sdk-default-styles app-sdk-mx-auto app-sdk-block app-sdk-h-full app-sdk-min-h-[200px] app-sdk-rounded-lg app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)] sm:app-sdk-w-full sm:app-sdk-max-w-lg",e.classNames?.wrapper??"",e.className??""),S=e.darkMode||F.split(" ").includes("dark"),Y={...W&&{action:v},...!W&&K&&{onSubmit:i=>{let m=new FormData(s.current),b=i.nativeEvent.submitter;m.has(b.name)||m.append(b.name,b.value),v(m)},method:"dialog"}};return p.createElement("div",{className:S?`dark app-sdk-dark ${F}`:u(...F.split(" ").filter(i=>i!=="dark"&&i!=="app-sdk-dark")),"data-dynamic-ui":!0,"data-blablabl":!0},p.createElement("form",{ref:s,className:u("app-sdk-flex app-sdk-max-h-full app-sdk-flex-col app-sdk-rounded-lg app-sdk-bg-[color:var(--asdk-dui-background-color)] app-sdk-text-[color:var(--asdk-dui-text-color)] app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)]",e.classNames?.base??""),"data-user-task-id":e.task.flowNodeId,"data-user-task-instance-id":e.task.flowNodeInstanceId,onChange:t,...Y},p.createElement("header",{className:u("app-sdk-px-4 app-sdk-pb-3 app-sdk-pt-4 sm:app-sdk-px-6",e.classNames?.header?e.classNames.header:"")},p.createElement(fe,{title:e.title??e.task.flowNodeName??"User Task",headerComponent:e.headerComponent})),p.createElement("section",{className:u("app-sdk-overflow-y-auto app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.body??"")},p.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-space-y-6 dark:[color-scheme:dark]"},o.map(i=>{let m=h[i.type];if(!m)return null;if(!U.isValidElementType(m))return console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The given DynamicUiFormFieldComponent is not a valid React Element Type.
5
+ The first confirm form field is used for rendering.`);let l=i.length===1?i[0]:null,h={...z,...e.customFieldComponents?e.customFieldComponents:{}},v=n=>{let m=Fe(n,o,r);e.onSubmit(m,n,ke(e.task))};function t(n){let m=n.target;a.current!=null&&window.clearTimeout(a.current),a.current=window.setTimeout(()=>{if(a.current=void 0,s.current==null)return;let b=new FormData(s.current),T=ye(b,r);e.onStateChange?.(m.value,m.name,T)},100)}let F=u("app-sdk-default-styles app-sdk-mx-auto app-sdk-block app-sdk-h-full app-sdk-min-h-[200px] app-sdk-rounded-lg app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)] sm:app-sdk-w-full sm:app-sdk-max-w-lg",e.classNames?.wrapper??"",e.className??""),S=e.darkMode||F.split(" ").includes("dark"),Q={...q&&{action:v},...!q&&Y&&{onSubmit:n=>{let m=new FormData(s.current),b=n.nativeEvent.submitter;m.has(b.name)||m.append(b.name,b.value),v(m)},method:"dialog"}};return p.createElement("div",{className:S?`dark app-sdk-dark ${F}`:u(...F.split(" ").filter(n=>n!=="dark"&&n!=="app-sdk-dark")),"data-dynamic-ui":!0,"data-blablabl":!0},p.createElement("form",{ref:s,className:u("app-sdk-flex app-sdk-max-h-full app-sdk-flex-col app-sdk-rounded-lg app-sdk-bg-[color:var(--asdk-dui-background-color)] app-sdk-text-[color:var(--asdk-dui-text-color)] app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)]",e.classNames?.base??""),"data-user-task-id":e.task.flowNodeId,"data-user-task-instance-id":e.task.flowNodeInstanceId,onChange:t,...Q},p.createElement("header",{className:u("app-sdk-px-4 app-sdk-pb-3 app-sdk-pt-4 sm:app-sdk-px-6",e.classNames?.header?e.classNames.header:"")},p.createElement(be,{title:e.title??e.task.flowNodeName??"User Task",headerComponent:e.headerComponent})),p.createElement("section",{className:u("app-sdk-overflow-y-auto app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.body??"")},p.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-space-y-6 dark:[color-scheme:dark]"},o.map(n=>{let m=h[n.type];if(!m)return null;if(!U.isValidElementType(m))return console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The given DynamicUiFormFieldComponent is not a valid React Element Type.
6
6
 
7
- FormField: ${JSON.stringify(i,null,2)}
7
+ FormField: ${JSON.stringify(n,null,2)}
8
8
  DynamicUiFormFieldComponent: ${m.toString()}
9
9
 
10
- Rendering 'null' as fallback`),null;let b;if(L(m))be(m),b=m;else{let I=m;m.length===1&&(I=(Q,xe)=>p.createElement(m,{...Q})),he(I),b=ne(I)}let T=r.get(i.id)?.ref;return p.createElement(B,{key:i.id},p.createElement(b,{ref:T,formField:i,state:e.state?.[i.id]}))}))),p.createElement("footer",{className:u("app-sdk-rounded-b-lg app-sdk-bg-[color:var(--asdk-dui-footer-background-color)] app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.footer??"")},p.createElement(ue,{confirmFormField:l}))))}function ue(e){let{confirmFormField:d}=e,o=p.createElement(B,null,p.createElement("button",{type:"submit",className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm "},"OK"));if(d){let a=k(d.customForm);o=p.createElement(B,null,p.createElement("button",{type:"submit",name:d.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm ",value:"true"},a?.confirmButtonText??"Confirm"),p.createElement("button",{type:"submit",name:d.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-decline-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-decline-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm",value:"false"},a?.declineButtonText??"Decline"))}return p.createElement("div",{className:"app-sdk-space-y-2 sm:app-sdk-flex sm:app-sdk-flex-row-reverse sm:-app-sdk-space-x-2 sm:app-sdk-space-y-0"},o)}function fe(e){return p.createElement("div",{className:"app-sdk-flex app-sdk-space-x-3"},p.createElement("div",{className:"app-sdk-flex-1"},p.createElement("h3",{id:"headline-title",className:"app-sdk-text-lg app-sdk-font-medium app-sdk-leading-6 app-sdk-text-[color:var(--asdk-dui-header-text-color)]"},e.title)),p.createElement("div",{className:"app-sdk-flex app-sdk-self-center"},e.headerComponent))}function L(e){return e?.prototype?.isReactComponent!=null}function be(e){if(!(U.isValidElementType(e)&&L(e)))throw new Error("Expected Element to be a React Component")}function he(e){if(!(U.isValidElementType(e)&&!L(e)))throw new Error("Expected Element to be a functional Component")}function ve(e,d){let o={};return e.forEach((a,s)=>{if(a instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Add a getState Function to your component to return a JSON Primitive value as state.
10
+ Rendering 'null' as fallback`),null;let b;if(G(m))he(m),b=m;else{let I=m;m.length===1&&(I=(Z,Ce)=>p.createElement(m,{...Z})),ve(I),b=ie(I)}let T=r.get(n.id)?.ref;return p.createElement(L,{key:n.id},p.createElement(b,{ref:T,formField:n,state:e.state?.[n.id]}))}))),p.createElement("footer",{className:u("app-sdk-rounded-b-lg app-sdk-bg-[color:var(--asdk-dui-footer-background-color)] app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.footer??"")},p.createElement(fe,{confirmFormField:l}))))}function fe(e){let{confirmFormField:d}=e,o=p.createElement(L,null,p.createElement("button",{type:"submit",className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm "},"OK"));if(d){let a=k(d.customForm);o=p.createElement(L,null,p.createElement("button",{type:"submit",name:d.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm ",value:"true"},a?.confirmButtonText??"Confirm"),p.createElement("button",{type:"submit",name:d.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-decline-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-decline-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm",value:"false"},a?.declineButtonText??"Decline"))}return p.createElement("div",{className:"app-sdk-space-y-2 sm:app-sdk-flex sm:app-sdk-flex-row-reverse sm:-app-sdk-space-x-2 sm:app-sdk-space-y-0"},o)}function be(e){return p.createElement("div",{className:"app-sdk-flex app-sdk-space-x-3"},p.createElement("div",{className:"app-sdk-flex-1"},p.createElement("h3",{id:"headline-title",className:"app-sdk-text-lg app-sdk-font-medium app-sdk-leading-6 app-sdk-text-[color:var(--asdk-dui-header-text-color)]"},e.title)),p.createElement("div",{className:"app-sdk-flex app-sdk-self-center"},e.headerComponent))}function G(e){return e?.prototype?.isReactComponent!=null}function he(e){if(!(U.isValidElementType(e)&&G(e)))throw new Error("Expected Element to be a React Component")}function ve(e){if(!(U.isValidElementType(e)&&!G(e)))throw new Error("Expected Element to be a functional Component")}function ye(e,d){let o={};return e.forEach((a,s)=>{if(a instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Add a getState Function to your component to return a JSON Primitive value as state.
11
11
 
12
- FormField: ${s} with ${a} `);return}o[s]?o[s]=Array.isArray(o[s])?[...o[s],a]:[o[s],a]:o[s]=a}),d.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]")&&(o[s]=r)}}),o}function ye(e,d,o){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.
12
+ FormField: ${s} with ${a} `);return}o[s]?o[s]=Array.isArray(o[s])?[...o[s],a]:[o[s],a]:o[s]=a}),d.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]")&&(o[s]=r)}}),o}function Fe(e,d,o){let a={};for(let r of e.keys()){let i=e.getAll(r);if(i[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.
13
13
 
14
- FormField: ${r} with ${n} `);continue}if(n.length===1?a[r]=n[0]:a[r]=n,a[r]==""&&delete a[r],a[r]){let l=d.find(h=>h.id===r)?.type;if(l==="boolean"){a[r]=a[r]==="on";continue}if(l==="confirm"){a[r]=JSON.parse(a[r]);continue}if(l==="number"){a[r]=parseFloat(a[r]);continue}if(l==="long"){a[r]=parseInt(a[r]);continue}}}let s=d.filter(r=>r.type==="boolean");return s.length&&s.forEach(r=>{a[r.id]||(a[r.id]=!1)}),o.forEach((r,n)=>{if(typeof r.ref.current?.getValue=="function"){let l=r.ref.current.getValue();(typeof l=="boolean"||typeof l=="number"||typeof l=="string"||Array.isArray(l)||l==null||l?.toString()==="[object Object]")&&(a[n]=l)}}),a}import{Menu as _,Transition as Fe}from"@headlessui/react";import f,{Fragment as ge}from"react";function La(e){return f.createElement(_,{as:"div",className:"app-sdk-default-styles app-sdk-relative app-sdk-inline-block app-sdk-text-left"},f.createElement("div",null,f.createElement(_.Button,{className:"app-sdk-cursor-pointer app-sdk-bg-transparent app-sdk-p-0 app-sdk-text-[100%] app-sdk-flex app-sdk-items-center app-sdk-rounded-full app-sdk-text-[color:var(--asdk-ddm-icon-text-color)] hover:app-sdk-text-[color:var(--asdk-ddm-icon-text-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-ddm-focus-color)] "},f.createElement("span",{className:"app-sdk-sr-only"},"Open options"),e.collapsedIcon||f.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",className:"app-sdk-h-5 app-sdk-w-5"},f.createElement("path",{d:"M6 10a2 2 0 11-4 0 2 2 0 014 0zM12 10a2 2 0 11-4 0 2 2 0 014 0zM16 12a2 2 0 100-4 2 2 0 000 4z"})))),f.createElement(Fe,{as:ge,enter:"app-sdk-transition app-sdk-ease-out app-sdk-duration-100",enterFrom:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95",enterTo:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leave:"app-sdk-transition app-sdk-ease-in app-sdk-duration-75",leaveFrom:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leaveTo:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95"},f.createElement(_.Items,{className:"app-sdk-absolute app-sdk-right-0 app-sdk-z-10 app-sdk-mt-2 app-sdk-w-56 app-sdk-origin-top-right app-sdk-rounded-md app-sdk-bg-[color:var(--asdk-ddm-background-color)] app-sdk-shadow-lg app-sdk-ring-1 app-sdk-ring-black app-sdk-ring-opacity-5 focus:app-sdk-outline-none"},f.createElement("div",{className:"app-sdk-py-1"},e.children))))}function Ga(e){return f.createElement(_.Item,null,({active:d})=>f.createElement("button",{type:"button",onClick:()=>e.onClick(),className:u(d?"app-sdk-bg-[color:var(--asdk-ddm-entry-background-hover-color)]":"app-sdk-bg-transparent","app-sdk-cursor-pointer app-sdk-p-0 app-sdk-text-[100%] app-sdk-block app-sdk-w-full app-sdk-px-4 app-sdk-py-2 app-sdk-text-left app-sdk-text-sm",e.isDanger?"app-sdk-text-[color:var(--asdk-ddm-danger-entry-text-color)]":"app-sdk-text-[color:var(--asdk-ddm-default-entry-text-color)]",e.className??"")},e.title))}export{P as BooleanFormField,E as ConfirmFormField,M as DateFormField,V as DecimalFormField,La as DropdownMenu,Ga as DropdownMenuItem,Ne as DynamicLink,Ja as DynamicUi,q as DynamicUiComponent,R as EnumFormField,X as FormFieldComponentMap,O as HeaderFormField,A as IntegerFormField,j as ParagraphFormField,H as StringFormField};
14
+ FormField: ${r} with ${i} `);continue}if(i.length===1?a[r]=i[0]:a[r]=i,a[r]==""&&delete a[r],a[r]){let l=d.find(h=>h.id===r)?.type;if(l==="boolean"){a[r]=a[r]==="on";continue}if(l==="confirm"){a[r]=JSON.parse(a[r]);continue}if(l==="number"){a[r]=parseFloat(a[r]);continue}if(l==="long"){a[r]=parseInt(a[r]);continue}}}let s=d.filter(r=>r.type==="boolean");return s.length&&s.forEach(r=>{a[r.id]||(a[r.id]=!1)}),o.forEach((r,i)=>{if(typeof r.ref.current?.getValue=="function"){let l=r.ref.current.getValue();(typeof l=="boolean"||typeof l=="number"||typeof l=="string"||Array.isArray(l)||l==null||l?.toString()==="[object Object]")&&(a[i]=l)}}),a}import{Menu as _,Transition as ge}from"@headlessui/react";import f,{Fragment as xe}from"react";function Ga(e){return f.createElement(_,{as:"div",className:"app-sdk-default-styles app-sdk-relative app-sdk-inline-block app-sdk-text-left"},f.createElement("div",null,f.createElement(_.Button,{className:"app-sdk-cursor-pointer app-sdk-bg-transparent app-sdk-p-0 app-sdk-text-[100%] app-sdk-flex app-sdk-items-center app-sdk-rounded-full app-sdk-text-[color:var(--asdk-ddm-icon-text-color)] hover:app-sdk-text-[color:var(--asdk-ddm-icon-text-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-ddm-focus-color)] "},f.createElement("span",{className:"app-sdk-sr-only"},"Open options"),e.collapsedIcon||f.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",className:"app-sdk-h-5 app-sdk-w-5"},f.createElement("path",{d:"M6 10a2 2 0 11-4 0 2 2 0 014 0zM12 10a2 2 0 11-4 0 2 2 0 014 0zM16 12a2 2 0 100-4 2 2 0 000 4z"})))),f.createElement(ge,{as:xe,enter:"app-sdk-transition app-sdk-ease-out app-sdk-duration-100",enterFrom:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95",enterTo:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leave:"app-sdk-transition app-sdk-ease-in app-sdk-duration-75",leaveFrom:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leaveTo:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95"},f.createElement(_.Items,{className:"app-sdk-absolute app-sdk-right-0 app-sdk-z-10 app-sdk-mt-2 app-sdk-w-56 app-sdk-origin-top-right app-sdk-rounded-md app-sdk-bg-[color:var(--asdk-ddm-background-color)] app-sdk-shadow-lg app-sdk-ring-1 app-sdk-ring-black app-sdk-ring-opacity-5 focus:app-sdk-outline-none"},f.createElement("div",{className:"app-sdk-py-1"},e.children))))}function Xa(e){return f.createElement(_.Item,null,({active:d})=>f.createElement("button",{type:"button",onClick:()=>e.onClick(),className:u(d?"app-sdk-bg-[color:var(--asdk-ddm-entry-background-hover-color)]":"app-sdk-bg-transparent","app-sdk-cursor-pointer app-sdk-p-0 app-sdk-text-[100%] app-sdk-block app-sdk-w-full app-sdk-px-4 app-sdk-py-2 app-sdk-text-left app-sdk-text-sm",e.isDanger?"app-sdk-text-[color:var(--asdk-ddm-danger-entry-text-color)]":"app-sdk-text-[color:var(--asdk-ddm-default-entry-text-color)]",e.className??"")},e.title))}export{P as BooleanFormField,E as ConfirmFormField,M as DateFormField,V as DecimalFormField,Ga as DropdownMenu,Xa as DropdownMenuItem,we as DynamicLink,$a as DynamicUi,K as DynamicUiComponent,R as EnumFormField,z as FormFieldComponentMap,O as HeaderFormField,A as IntegerFormField,B as ParagraphFormField,H as StringFormField};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@5minds/processcube_app_sdk",
3
- "version": "6.1.0-develop-749684-lvowckdu",
3
+ "version": "6.1.0-develop-a498f0-lvunft2n",
4
4
  "description": "The SDK for ProcessCube Apps",
5
5
  "type": "module",
6
6
  "main": "build/common/index.cjs",
@@ -102,7 +102,7 @@
102
102
  "esbuild": "^0.20.0",
103
103
  "isomorphic-dompurify": "^2.0.0",
104
104
  "jwt-decode": "^4.0.0",
105
- "marked": "^9.1.2",
105
+ "marked": "^12.0.0",
106
106
  "only-server": "^0.0.1",
107
107
  "openid-client": "^5.5.0",
108
108
  "react-is": "^18.2.0",