@5minds/processcube_app_sdk 5.1.0-feature-e09bcc-luigmf92 → 5.1.0-feature-703b16-luik65bi

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 +1 -1
package/build/client/index.cjs CHANGED
@@ -1,14 +1,14 @@
1
- "use client";var me=Object.create;var U=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)U(e,o,{get:r[o],enumerable:!0})},K=(e,r,o,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let p of ke(r))!fe.call(e,p)&&p!==o&&U(e,p,{get:()=>r[p],enumerable:!(a=ce(r,p))||a.enumerable});return e};var c=(e,r,o)=>(o=e!=null?me(ue(e)):{},K(r||!e||!e.__esModule?U(o,"default",{value:e,enumerable:!0}):o,e)),he=e=>K(U({},"__esModule",{value:!0}),e);var Se={};be(Se,{BooleanFormField:()=>S,ConfirmFormField:()=>T,DateFormField:()=>E,DecimalFormField:()=>P,DropdownMenu:()=>we,DropdownMenuItem:()=>Ue,DynamicLink:()=>ve,DynamicUi:()=>ge,DynamicUiComponent:()=>W,EnumFormField:()=>M,FormFieldComponentMap:()=>X,HeaderFormField:()=>R,IntegerFormField:()=>A,ParagraphFormField:()=>J,StringFormField:()=>$});module.exports=he(Se);var Sa=require("client-only");var Q=require("next/navigation"),Z=c(require("react"),1);function ve({href:e,children:r}){let o=(0,Q.useRouter)();return Z.default.createElement("a",{href:e,onClick:a=>{a.preventDefault(),o.replace(e),o.refresh()}},r)}var s=c(require("react"),1),j=c(require("react-is"),1),pe=c(require("semver/functions/gt"),1),se=c(require("semver/functions/prerelease"),1),te=c(require("semver/functions/satisfies"),1);function b(...e){return e.filter(Boolean).join(" ")}var re=require("@5minds/processcube_engine_sdk");var v=c(require("react"),1);function k(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`,p=k(o.customForm);return v.default.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},v.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},v.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":p?.hint?a:void 0,"data-form-field-type":"boolean"})),v.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},v.default.createElement("label",{className:"app-sdk-font-medium",htmlFor:o.id},o.label),p?.hint&&v.default.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},p.hint)))}var ee=c(require("react"),1);function T(e,r){return ee.default.createElement("p",{className:"app-sdk-text-sm"},e.formField.label)}var F=c(require("react"),1);function E(e,r){let{formField:o}=e,a=`${o.id}-hint`,p=k(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 F.default.createElement("div",null,F.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),F.default.createElement("div",{className:"app-sdk-mt-1"},F.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"})),p?.hint&&F.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},p?.hint))}function ye(e){return new Date(e?.toString()).toString()!=="Invalid Date"}var x=c(require("react"),1);function I(e){return!Number.isNaN(Number(e?.toString()))}function P(e,r){let{formField:o}=e,a=`${o.id}-hint`,p=k(o.customForm);return I(o.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for decimal field "${o.id}"`),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:"number",step:"0.01",placeholder:p?.placeholder||"0.00",defaultValue:e.state||o.defaultValue?.toString(),id:o.id,name:o.id,"aria-describedby":a,"data-form-field-type":"decimal"})),p?.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},p?.hint))}var l=c(require("react"),1);function M({formField:e,state:r},o){let a=k(e.customForm),p=e.label,d=e.enumValues,i;switch(a?.displayAs){case"checkbox":let h;Array.isArray(r)&&r.length?h=r:h=(r||e.defaultValue?.toString())?.split(",")??[],i=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 _=h.find(B=>B.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:_,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":i=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||"";i=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},p),i,m)}var C=c(require("react"),1);function R({formField:e},r){let o=k(e.customForm),a;switch(o?.style){case"heading_1":a=C.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_2":a=C.default.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_3":a=C.default.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;default:a=C.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break}return C.default.createElement("div",{className:"app-sdk-header-form-field"},a)}var D=c(require("react"),1);function A({formField:e,state:r},o){let a=k(e.customForm);return I(e.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for integer field "${e.id}"`),D.default.createElement("div",null,D.default.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),D.default.createElement("div",{className:"app-sdk-mt-1"},D.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&&D.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 ae=c(require("isomorphic-dompurify"),1),V=require("marked"),oe=c(require("react"),1),O=require("react");function J({formField:{defaultValue:e,label:r}},o){let[a,p]=(0,O.useState)("");return(0,O.useEffect)(()=>{let d=V.marked.parse(e?.toString()??r?.toString()??"",{renderer:new G,hooks:{postprocess:i=>ae.default.sanitize(i,{ADD_ATTR:["target"]}),preprocess:V.marked.Hooks.prototype.preprocess}});p(d)},[e,r]),oe.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 V.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 N=c(require("react"),1);function $({formField:e,state:r},o){let a=k(e.customForm),p=e.label,d=a?.multiline==="true"?"textarea":"input",i=N.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?N.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 N.default.createElement("div",null,N.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},p),N.default.createElement("div",{className:"app-sdk-mt-1"},i),m)}var de=(a=>(a.paragraph="paragraph",a.header="header",a.confirm="confirm",a))(de||{}),ma={...re.DataModels.FlowNodeInstances.UserTaskFormFieldType,...de},X={boolean:S,date:E,enum:M,long:A,number:P,string:$,paragraph:J,header:R,confirm:T};var ne=(0,te.default)(s.default.version,">=18.0.0 <19",{includePrerelease:!0}),Y=(0,se.default)(s.default.version)==null,z=!Y&&(0,pe.default)(s.default.version,"18.2.0")&&s.default.version.includes("canary");console.log("REACT_IS_STABLE",Y);console.log("REACT_IS_CANARY_AND_GREATER_THAN_STABLE",z);console.log("REACT_VERSION_IS_SUPPORTED",ne);var W=class extends s.default.Component{};function ge(e){ne||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The React version is not supported!
2
- Version: ${s.default.version}`);let{userTaskConfig:r}=e.task,{formFields:o}=r,a=(0,s.useRef)(),p=(0,s.useRef)(null),d=new Map(o.map(n=>[n.id,{ref:s.default.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}"!
1
+ "use client";var me=Object.create;var U=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)U(e,o,{get:r[o],enumerable:!0})},K=(e,r,o,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let p of ke(r))!fe.call(e,p)&&p!==o&&U(e,p,{get:()=>r[p],enumerable:!(a=ce(r,p))||a.enumerable});return e};var c=(e,r,o)=>(o=e!=null?me(ue(e)):{},K(r||!e||!e.__esModule?U(o,"default",{value:e,enumerable:!0}):o,e)),he=e=>K(U({},"__esModule",{value:!0}),e);var Se={};be(Se,{BooleanFormField:()=>S,ConfirmFormField:()=>T,DateFormField:()=>E,DecimalFormField:()=>P,DropdownMenu:()=>we,DropdownMenuItem:()=>Ue,DynamicLink:()=>ve,DynamicUi:()=>ge,DynamicUiComponent:()=>W,EnumFormField:()=>M,FormFieldComponentMap:()=>X,HeaderFormField:()=>R,IntegerFormField:()=>A,ParagraphFormField:()=>J,StringFormField:()=>$});module.exports=he(Se);var Sa=require("client-only");var Q=require("next/navigation"),Z=c(require("react"),1);function ve({href:e,children:r}){let o=(0,Q.useRouter)();return Z.default.createElement("a",{href:e,onClick:a=>{a.preventDefault(),o.replace(e),o.refresh()}},r)}var s=c(require("react"),1),j=c(require("react-is"),1),pe=c(require("semver/functions/gt"),1),se=c(require("semver/functions/prerelease"),1),te=c(require("semver/functions/satisfies"),1);function b(...e){return e.filter(Boolean).join(" ")}var re=require("@5minds/processcube_engine_sdk");var v=c(require("react"),1);function k(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`,p=k(o.customForm);return v.default.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},v.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},v.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":p?.hint?a:void 0,"data-form-field-type":"boolean"})),v.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},v.default.createElement("label",{className:"app-sdk-font-medium",htmlFor:o.id},o.label),p?.hint&&v.default.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},p.hint)))}var ee=c(require("react"),1);function T(e,r){return ee.default.createElement("p",{className:"app-sdk-text-sm"},e.formField.label)}var F=c(require("react"),1);function E(e,r){let{formField:o}=e,a=`${o.id}-hint`,p=k(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 F.default.createElement("div",null,F.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),F.default.createElement("div",{className:"app-sdk-mt-1"},F.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"})),p?.hint&&F.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},p?.hint))}function ye(e){return new Date(e?.toString()).toString()!=="Invalid Date"}var x=c(require("react"),1);function I(e){return!Number.isNaN(Number(e?.toString()))}function P(e,r){let{formField:o}=e,a=`${o.id}-hint`,p=k(o.customForm);return I(o.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for decimal field "${o.id}"`),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:"number",step:"0.01",placeholder:p?.placeholder||"0.00",defaultValue:e.state||o.defaultValue?.toString(),id:o.id,name:o.id,"aria-describedby":a,"data-form-field-type":"decimal"})),p?.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},p?.hint))}var l=c(require("react"),1);function M({formField:e,state:r},o){let a=k(e.customForm),p=e.label,d=e.enumValues,n;switch(a?.displayAs){case"checkbox":let h;Array.isArray(r)&&r.length?h=r:h=(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 _=h.find(B=>B.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:_,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},p),n,m)}var C=c(require("react"),1);function R({formField:e},r){let o=k(e.customForm),a;switch(o?.style){case"heading_1":a=C.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_2":a=C.default.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_3":a=C.default.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;default:a=C.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break}return C.default.createElement("div",{className:"app-sdk-header-form-field"},a)}var D=c(require("react"),1);function A({formField:e,state:r},o){let a=k(e.customForm);return I(e.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for integer field "${e.id}"`),D.default.createElement("div",null,D.default.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),D.default.createElement("div",{className:"app-sdk-mt-1"},D.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&&D.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 ae=c(require("isomorphic-dompurify"),1),V=require("marked"),oe=c(require("react"),1),O=require("react");function J({formField:{defaultValue:e,label:r}},o){let[a,p]=(0,O.useState)("");return(0,O.useEffect)(()=>{let d=V.marked.parse(e?.toString()??r?.toString()??"",{renderer:new G,hooks:{postprocess:n=>ae.default.sanitize(n,{ADD_ATTR:["target"]}),preprocess:V.marked.Hooks.prototype.preprocess}});p(d)},[e,r]),oe.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 V.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 N=c(require("react"),1);function $({formField:e,state:r},o){let a=k(e.customForm),p=e.label,d=a?.multiline==="true"?"textarea":"input",n=N.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?N.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 N.default.createElement("div",null,N.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},p),N.default.createElement("div",{className:"app-sdk-mt-1"},n),m)}var de=(a=>(a.paragraph="paragraph",a.header="header",a.confirm="confirm",a))(de||{}),ma={...re.DataModels.FlowNodeInstances.UserTaskFormFieldType,...de},X={boolean:S,date:E,enum:M,long:A,number:P,string:$,paragraph:J,header:R,confirm:T};var ne=(0,te.default)(s.default.version,">=18.0.0 <19",{includePrerelease:!0}),Y=(0,se.default)(s.default.version)==null,z=!Y&&(0,pe.default)(s.default.version,"18.2.0")&&s.default.version.includes("canary");console.log("REACT_IS_STABLE",Y);console.log("REACT_IS_CANARY_AND_GREATER_THAN_STABLE",z);console.log("REACT_VERSION_IS_SUPPORTED",ne);var W=class extends s.default.Component{};function ge(e){ne||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The React version is not supported!
2
+ Version: ${s.default.version}`);let{userTaskConfig:r}=e.task,{formFields:o}=r,a=(0,s.useRef)(),p=(0,s.useRef)(null),d=new Map(o.map(i=>[i.id,{ref:s.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}"!
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.`),console.log("React.version",s.default.version);let m=i.length===1?i[0]:null,h={...X,...e.customFieldComponents?e.customFieldComponents:{}},g=n=>{let u=_e(n,o,d);e.onSubmit(u,n)};function t(n){let u=n.target;a.current!=null&&window.clearTimeout(a.current),a.current=window.setTimeout(()=>{if(a.current=void 0,p.current==null)return;let w=new FormData(p.current),H=Ne(w,d);e.onStateChange?.(u.value,u.name,H)},100)}let _=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||_.split(" ").includes("dark");console.log("loggggs",p);let ie={...z&&{action:g},...!z&&Y&&{action:"#",onSubmit:n=>{n.preventDefault(),g(new FormData(n.target))}}};return s.default.createElement("div",{className:B?`dark app-sdk-dark ${_}`:b(..._.split(" ").filter(n=>n!=="dark"&&n!=="app-sdk-dark")),"data-dynamic-ui":!0,"data-blablabl":!0},s.default.createElement("form",{ref:p,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},s.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:"")},s.default.createElement(xe,{title:e.title??e.task.flowNodeName??"User Task",headerComponent:e.headerComponent})),s.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??"")},s.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-space-y-6 dark:[color-scheme:dark]"},o.map(n=>{let u=h[n.type];if(!u)return null;if(!j.isValidElementType(u))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.`),console.log("React.version",s.default.version);let m=n.length===1?n[0]:null,h={...X,...e.customFieldComponents?e.customFieldComponents:{}},g=i=>{let u=_e(i,o,d);e.onSubmit(u,i)};function t(i){let u=i.target;a.current!=null&&window.clearTimeout(a.current),a.current=window.setTimeout(()=>{if(a.current=void 0,p.current==null)return;let w=new FormData(p.current),H=Ne(w,d);e.onStateChange?.(u.value,u.name,H)},100)}let _=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||_.split(" ").includes("dark");console.log("loggggs",p);let ie={...z&&{action:g},...!z&&Y&&{action:"#",onSubmit:i=>{g(new FormData(p.current))}}};return s.default.createElement("div",{className:B?`dark app-sdk-dark ${_}`:b(..._.split(" ").filter(i=>i!=="dark"&&i!=="app-sdk-dark")),"data-dynamic-ui":!0,"data-blablabl":!0},s.default.createElement("form",{ref:p,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},s.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:"")},s.default.createElement(xe,{title:e.title??e.task.flowNodeName??"User Task",headerComponent:e.headerComponent})),s.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??"")},s.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-space-y-6 dark:[color-scheme:dark]"},o.map(i=>{let u=h[i.type];if(!u)return null;if(!j.isValidElementType(u))return console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The given DynamicUiFormFieldComponent is not a valid React Element Type.
6
6
 
7
- FormField: ${JSON.stringify(n,null,2)}
7
+ FormField: ${JSON.stringify(i,null,2)}
8
8
  DynamicUiFormFieldComponent: ${u.toString()}
9
9
 
10
- Rendering 'null' as fallback`),null;let w;if(q(u))Ce(u),w=u;else{let L=u;u.length===1&&(L=(le,Te)=>s.default.createElement(u,{...le})),De(L),w=(0,s.forwardRef)(L)}let H=d.get(n.id)?.ref;return s.default.createElement(s.Fragment,{key:n.id},s.default.createElement(w,{ref:H,formField:n,state:e.state?.[n.id]}))}))),s.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??"")},s.default.createElement(Fe,{confirmFormField:m}))))}function Fe(e){let{confirmFormField:r}=e,o=s.default.createElement(s.Fragment,null,s.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=k(r.customForm);o=s.default.createElement(s.Fragment,null,s.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"),s.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 s.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 xe(e){return s.default.createElement("div",{className:"app-sdk-flex app-sdk-space-x-3"},s.default.createElement("div",{className:"app-sdk-flex-1"},s.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)),s.default.createElement("div",{className:"app-sdk-flex app-sdk-self-center"},e.headerComponent))}function q(e){return e?.prototype?.isReactComponent!=null}function Ce(e){if(!(j.isValidElementType(e)&&q(e)))throw new Error("Expected Element to be a React Component")}function De(e){if(!(j.isValidElementType(e)&&!q(e)))throw new Error("Expected Element to be a functional Component")}function Ne(e,r){let o={};return e.forEach((a,p)=>{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 w;if(q(u))Ce(u),w=u;else{let L=u;u.length===1&&(L=(le,Te)=>s.default.createElement(u,{...le})),De(L),w=(0,s.forwardRef)(L)}let H=d.get(i.id)?.ref;return s.default.createElement(s.Fragment,{key:i.id},s.default.createElement(w,{ref:H,formField:i,state:e.state?.[i.id]}))}))),s.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??"")},s.default.createElement(Fe,{confirmFormField:m}))))}function Fe(e){let{confirmFormField:r}=e,o=s.default.createElement(s.Fragment,null,s.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=k(r.customForm);o=s.default.createElement(s.Fragment,null,s.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"),s.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 s.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 xe(e){return s.default.createElement("div",{className:"app-sdk-flex app-sdk-space-x-3"},s.default.createElement("div",{className:"app-sdk-flex-1"},s.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)),s.default.createElement("div",{className:"app-sdk-flex app-sdk-self-center"},e.headerComponent))}function q(e){return e?.prototype?.isReactComponent!=null}function Ce(e){if(!(j.isValidElementType(e)&&q(e)))throw new Error("Expected Element to be a React Component")}function De(e){if(!(j.isValidElementType(e)&&!q(e)))throw new Error("Expected Element to be a functional Component")}function Ne(e,r){let o={};return e.forEach((a,p)=>{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: ${p} with ${a} `);return}o[p]?o[p]=Array.isArray(o[p])?[...o[p],a]:[o[p],a]:o[p]=a}),r.forEach((a,p)=>{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[p]=d)}}),o}function _e(e,r,o){let a={};for(let d of e.keys()){let i=e.getAll(d);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.
12
+ FormField: ${p} with ${a} `);return}o[p]?o[p]=Array.isArray(o[p])?[...o[p],a]:[o[p],a]:o[p]=a}),r.forEach((a,p)=>{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[p]=d)}}),o}function _e(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.
13
13
 
14
- FormField: ${d} with ${i} `);continue}if(i.length===1?a[d]=i[0]:a[d]=i,a[d]==""&&delete a[d],a[d]){let m=r.find(h=>h.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 p=r.filter(d=>d.type==="boolean");return p.length&&p.forEach(d=>{a[d.id]||(a[d.id]=!1)}),o.forEach((d,i)=>{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[i]=m)}}),a}var y=require("@headlessui/react"),f=c(require("react"),1);function we(e){return f.default.createElement(y.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(y.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(y.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(y.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 Ue(e){return f.default.createElement(y.Menu.Item,null,({active:r})=>f.default.createElement("button",{type:"button",onClick:p=>e.onClick(p),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 ${n} `);continue}if(n.length===1?a[d]=n[0]:a[d]=n,a[d]==""&&delete a[d],a[d]){let m=r.find(h=>h.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 p=r.filter(d=>d.type==="boolean");return p.length&&p.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 y=require("@headlessui/react"),f=c(require("react"),1);function we(e){return f.default.createElement(y.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(y.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(y.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(y.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 Ue(e){return f.default.createElement(y.Menu.Item,null,({active:r})=>f.default.createElement("button",{type:"button",onClick:p=>e.onClick(p),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 ee}from"next/navigation";import ae from"react";function De({href:e,children:d}){let o=ee();return ae.createElement("a",{href:e,onClick:a=>{a.preventDefault(),o.replace(e),o.refresh()}},d)}import s,{Fragment as H,forwardRef as ie,useRef as Y}from"react";import*as w from"react-is";import le from"semver/functions/gt";import me from"semver/functions/prerelease";import ce from"semver/functions/satisfies";function u(...e){return e.filter(Boolean).join(" ")}import{DataModels as ne}from"@5minds/processcube_engine_sdk";import v from"react";function c(e){if(e!=null&&e.trim()!=="")try{return JSON.parse(e)}catch{return null}return null}function I(e,d){let{formField:o}=e,a=`${o.id}-hint`,p=c(o.customForm);return v.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},v.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},v.createElement("input",{type:"checkbox",className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",defaultChecked:e.state&&e.state!=="false"||o.defaultValue==="true",id:o.id,name:o.id,"aria-describedby":p?.hint?a:void 0,"data-form-field-type":"boolean"})),v.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},v.createElement("label",{className:"app-sdk-font-medium",htmlFor:o.id},o.label),p?.hint&&v.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},p.hint)))}import oe from"react";function P(e,d){return oe.createElement("p",{className:"app-sdk-text-sm"},e.formField.label)}import F from"react";function M(e,d){let{formField:o}=e,a=`${o.id}-hint`,p=c(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 F.createElement("div",null,F.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),F.createElement("div",{className:"app-sdk-mt-1"},F.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"})),p?.hint&&F.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},p?.hint))}function re(e){return new Date(e?.toString()).toString()!=="Invalid Date"}import x from"react";function _(e){return!Number.isNaN(Number(e?.toString()))}function R(e,d){let{formField:o}=e,a=`${o.id}-hint`,p=c(o.customForm);return _(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:p?.placeholder||"0.00",defaultValue:e.state||o.defaultValue?.toString(),id:o.id,name:o.id,"aria-describedby":a,"data-form-field-type":"decimal"})),p?.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},p?.hint))}import m from"react";function A({formField:e,state:d},o){let a=c(e.customForm),p=e.label,r=e.enumValues,i;switch(a?.displayAs){case"checkbox":let b;Array.isArray(d)&&d.length?b=d:b=(d||e.defaultValue?.toString())?.split(",")??[],i=m.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 y=b.find(S=>S.trim()===t.id);return m.createElement("div",{key:t.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},m.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},m.createElement("input",{type:"checkbox",defaultChecked:y,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"})),m.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},m.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=m.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=>m.createElement("div",{key:t.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},m.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},m.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"})),m.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},m.createElement("label",{htmlFor:t.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},t.name)))));break;default:let h=d||r?.find(t=>t.id===e.defaultValue)?.id||"";i=m.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":h,"aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:h},m.createElement("option",{value:""},!h&&a?.placeholder),r?.map(t=>m.createElement("option",{key:t.id,value:t.id},t.name)));break}let l=a?.hint?m.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 m.createElement("div",null,m.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},p),i,l)}import C from"react";function V({formField:e},d){let o=c(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 O({formField:e,state:d},o){let a=c(e.customForm);return _(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 pe from"react";import{useEffect as se,useState as te}from"react";function j({formField:{defaultValue:e,label:d}},o){let[a,p]=te("");return se(()=>{let r=J.parse(e?.toString()??d?.toString()??"",{renderer:new $,hooks:{postprocess:i=>de.sanitize(i,{ADD_ATTR:["target"]}),preprocess:J.Hooks.prototype.preprocess}});p(r)},[e,d]),pe.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 B({formField:e,state:d},o){let a=c(e.customForm),p=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},p),N.createElement("div",{className:"app-sdk-mt-1"},i),l)}var z=(a=>(a.paragraph="paragraph",a.header="header",a.confirm="confirm",a))(z||{}),ha={...ne.FlowNodeInstances.UserTaskFormFieldType,...z},W={boolean:I,date:M,enum:A,long:O,number:R,string:B,paragraph:j,header:V,confirm:P};var K=ce(s.version,">=18.0.0 <19",{includePrerelease:!0}),G=me(s.version)==null,L=!G&&le(s.version,"18.2.0")&&s.version.includes("canary");console.log("REACT_IS_STABLE",G);console.log("REACT_IS_CANARY_AND_GREATER_THAN_STABLE",L);console.log("REACT_VERSION_IS_SUPPORTED",K);var q=class extends s.Component{};function Aa(e){K||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The React version is not supported!
2
- Version: ${s.version}`);let{userTaskConfig:d}=e.task,{formFields:o}=d,a=Y(),p=Y(null),r=new Map(o.map(n=>[n.id,{ref:s.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}"!
1
+ "use client";import"client-only";import{useRouter as ee}from"next/navigation";import ae from"react";function De({href:e,children:d}){let o=ee();return ae.createElement("a",{href:e,onClick:a=>{a.preventDefault(),o.replace(e),o.refresh()}},d)}import s,{Fragment as H,forwardRef as ie,useRef as Y}from"react";import*as w from"react-is";import le from"semver/functions/gt";import me from"semver/functions/prerelease";import ce from"semver/functions/satisfies";function u(...e){return e.filter(Boolean).join(" ")}import{DataModels as ne}from"@5minds/processcube_engine_sdk";import v from"react";function c(e){if(e!=null&&e.trim()!=="")try{return JSON.parse(e)}catch{return null}return null}function I(e,d){let{formField:o}=e,a=`${o.id}-hint`,p=c(o.customForm);return v.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},v.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},v.createElement("input",{type:"checkbox",className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",defaultChecked:e.state&&e.state!=="false"||o.defaultValue==="true",id:o.id,name:o.id,"aria-describedby":p?.hint?a:void 0,"data-form-field-type":"boolean"})),v.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},v.createElement("label",{className:"app-sdk-font-medium",htmlFor:o.id},o.label),p?.hint&&v.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},p.hint)))}import oe from"react";function P(e,d){return oe.createElement("p",{className:"app-sdk-text-sm"},e.formField.label)}import F from"react";function M(e,d){let{formField:o}=e,a=`${o.id}-hint`,p=c(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 F.createElement("div",null,F.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),F.createElement("div",{className:"app-sdk-mt-1"},F.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"})),p?.hint&&F.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},p?.hint))}function re(e){return new Date(e?.toString()).toString()!=="Invalid Date"}import x from"react";function _(e){return!Number.isNaN(Number(e?.toString()))}function R(e,d){let{formField:o}=e,a=`${o.id}-hint`,p=c(o.customForm);return _(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:p?.placeholder||"0.00",defaultValue:e.state||o.defaultValue?.toString(),id:o.id,name:o.id,"aria-describedby":a,"data-form-field-type":"decimal"})),p?.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},p?.hint))}import m from"react";function A({formField:e,state:d},o){let a=c(e.customForm),p=e.label,r=e.enumValues,n;switch(a?.displayAs){case"checkbox":let b;Array.isArray(d)&&d.length?b=d:b=(d||e.defaultValue?.toString())?.split(",")??[],n=m.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 y=b.find(S=>S.trim()===t.id);return m.createElement("div",{key:t.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},m.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},m.createElement("input",{type:"checkbox",defaultChecked:y,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"})),m.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},m.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=m.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=>m.createElement("div",{key:t.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},m.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},m.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"})),m.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},m.createElement("label",{htmlFor:t.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},t.name)))));break;default:let h=d||r?.find(t=>t.id===e.defaultValue)?.id||"";n=m.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":h,"aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:h},m.createElement("option",{value:""},!h&&a?.placeholder),r?.map(t=>m.createElement("option",{key:t.id,value:t.id},t.name)));break}let l=a?.hint?m.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 m.createElement("div",null,m.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},p),n,l)}import C from"react";function V({formField:e},d){let o=c(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 O({formField:e,state:d},o){let a=c(e.customForm);return _(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 pe from"react";import{useEffect as se,useState as te}from"react";function j({formField:{defaultValue:e,label:d}},o){let[a,p]=te("");return se(()=>{let r=J.parse(e?.toString()??d?.toString()??"",{renderer:new $,hooks:{postprocess:n=>de.sanitize(n,{ADD_ATTR:["target"]}),preprocess:J.Hooks.prototype.preprocess}});p(r)},[e,d]),pe.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 B({formField:e,state:d},o){let a=c(e.customForm),p=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},p),N.createElement("div",{className:"app-sdk-mt-1"},n),l)}var z=(a=>(a.paragraph="paragraph",a.header="header",a.confirm="confirm",a))(z||{}),ha={...ne.FlowNodeInstances.UserTaskFormFieldType,...z},W={boolean:I,date:M,enum:A,long:O,number:R,string:B,paragraph:j,header:V,confirm:P};var K=ce(s.version,">=18.0.0 <19",{includePrerelease:!0}),G=me(s.version)==null,L=!G&&le(s.version,"18.2.0")&&s.version.includes("canary");console.log("REACT_IS_STABLE",G);console.log("REACT_IS_CANARY_AND_GREATER_THAN_STABLE",L);console.log("REACT_VERSION_IS_SUPPORTED",K);var q=class extends s.Component{};function Aa(e){K||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The React version is not supported!
2
+ Version: ${s.version}`);let{userTaskConfig:d}=e.task,{formFields:o}=d,a=Y(),p=Y(null),r=new Map(o.map(i=>[i.id,{ref:s.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}"!
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.`),console.log("React.version",s.version);let l=i.length===1?i[0]:null,b={...W,...e.customFieldComponents?e.customFieldComponents:{}},h=n=>{let k=ve(n,o,r);e.onSubmit(k,n)};function t(n){let k=n.target;a.current!=null&&window.clearTimeout(a.current),a.current=window.setTimeout(()=>{if(a.current=void 0,p.current==null)return;let g=new FormData(p.current),T=he(g,r);e.onStateChange?.(k.value,k.name,T)},100)}let y=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||y.split(" ").includes("dark");console.log("loggggs",p);let Q={...L&&{action:h},...!L&&G&&{action:"#",onSubmit:n=>{n.preventDefault(),h(new FormData(n.target))}}};return s.createElement("div",{className:S?`dark app-sdk-dark ${y}`:u(...y.split(" ").filter(n=>n!=="dark"&&n!=="app-sdk-dark")),"data-dynamic-ui":!0,"data-blablabl":!0},s.createElement("form",{ref:p,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},s.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:"")},s.createElement(ue,{title:e.title??e.task.flowNodeName??"User Task",headerComponent:e.headerComponent})),s.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??"")},s.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-space-y-6 dark:[color-scheme:dark]"},o.map(n=>{let k=b[n.type];if(!k)return null;if(!w.isValidElementType(k))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.`),console.log("React.version",s.version);let l=n.length===1?n[0]:null,b={...W,...e.customFieldComponents?e.customFieldComponents:{}},h=i=>{let k=ve(i,o,r);e.onSubmit(k,i)};function t(i){let k=i.target;a.current!=null&&window.clearTimeout(a.current),a.current=window.setTimeout(()=>{if(a.current=void 0,p.current==null)return;let g=new FormData(p.current),T=he(g,r);e.onStateChange?.(k.value,k.name,T)},100)}let y=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||y.split(" ").includes("dark");console.log("loggggs",p);let Q={...L&&{action:h},...!L&&G&&{action:"#",onSubmit:i=>{h(new FormData(p.current))}}};return s.createElement("div",{className:S?`dark app-sdk-dark ${y}`:u(...y.split(" ").filter(i=>i!=="dark"&&i!=="app-sdk-dark")),"data-dynamic-ui":!0,"data-blablabl":!0},s.createElement("form",{ref:p,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},s.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:"")},s.createElement(ue,{title:e.title??e.task.flowNodeName??"User Task",headerComponent:e.headerComponent})),s.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??"")},s.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-space-y-6 dark:[color-scheme:dark]"},o.map(i=>{let k=b[i.type];if(!k)return null;if(!w.isValidElementType(k))return console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The given DynamicUiFormFieldComponent is not a valid React Element Type.
6
6
 
7
- FormField: ${JSON.stringify(n,null,2)}
7
+ FormField: ${JSON.stringify(i,null,2)}
8
8
  DynamicUiFormFieldComponent: ${k.toString()}
9
9
 
10
- Rendering 'null' as fallback`),null;let g;if(X(k))fe(k),g=k;else{let E=k;k.length===1&&(E=(Z,Fe)=>s.createElement(k,{...Z})),be(E),g=ie(E)}let T=r.get(n.id)?.ref;return s.createElement(H,{key:n.id},s.createElement(g,{ref:T,formField:n,state:e.state?.[n.id]}))}))),s.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??"")},s.createElement(ke,{confirmFormField:l}))))}function ke(e){let{confirmFormField:d}=e,o=s.createElement(H,null,s.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=c(d.customForm);o=s.createElement(H,null,s.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"),s.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 s.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 ue(e){return s.createElement("div",{className:"app-sdk-flex app-sdk-space-x-3"},s.createElement("div",{className:"app-sdk-flex-1"},s.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)),s.createElement("div",{className:"app-sdk-flex app-sdk-self-center"},e.headerComponent))}function X(e){return e?.prototype?.isReactComponent!=null}function fe(e){if(!(w.isValidElementType(e)&&X(e)))throw new Error("Expected Element to be a React Component")}function be(e){if(!(w.isValidElementType(e)&&!X(e)))throw new Error("Expected Element to be a functional Component")}function he(e,d){let o={};return e.forEach((a,p)=>{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 g;if(X(k))fe(k),g=k;else{let E=k;k.length===1&&(E=(Z,Fe)=>s.createElement(k,{...Z})),be(E),g=ie(E)}let T=r.get(i.id)?.ref;return s.createElement(H,{key:i.id},s.createElement(g,{ref:T,formField:i,state:e.state?.[i.id]}))}))),s.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??"")},s.createElement(ke,{confirmFormField:l}))))}function ke(e){let{confirmFormField:d}=e,o=s.createElement(H,null,s.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=c(d.customForm);o=s.createElement(H,null,s.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"),s.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 s.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 ue(e){return s.createElement("div",{className:"app-sdk-flex app-sdk-space-x-3"},s.createElement("div",{className:"app-sdk-flex-1"},s.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)),s.createElement("div",{className:"app-sdk-flex app-sdk-self-center"},e.headerComponent))}function X(e){return e?.prototype?.isReactComponent!=null}function fe(e){if(!(w.isValidElementType(e)&&X(e)))throw new Error("Expected Element to be a React Component")}function be(e){if(!(w.isValidElementType(e)&&!X(e)))throw new Error("Expected Element to be a functional Component")}function he(e,d){let o={};return e.forEach((a,p)=>{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: ${p} with ${a} `);return}o[p]?o[p]=Array.isArray(o[p])?[...o[p],a]:[o[p],a]:o[p]=a}),d.forEach((a,p)=>{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[p]=r)}}),o}function ve(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.
12
+ FormField: ${p} with ${a} `);return}o[p]?o[p]=Array.isArray(o[p])?[...o[p],a]:[o[p],a]:o[p]=a}),d.forEach((a,p)=>{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[p]=r)}}),o}function ve(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.
13
13
 
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(b=>b.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 p=d.filter(r=>r.type==="boolean");return p.length&&p.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 U,Transition as ye}from"@headlessui/react";import f,{Fragment as ge}from"react";function ja(e){return f.createElement(U,{as:"div",className:"app-sdk-default-styles app-sdk-relative app-sdk-inline-block app-sdk-text-left"},f.createElement("div",null,f.createElement(U.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(ye,{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(U.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 Ba(e){return f.createElement(U.Item,null,({active:d})=>f.createElement("button",{type:"button",onClick:p=>e.onClick(p),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{I as BooleanFormField,P as ConfirmFormField,M as DateFormField,R as DecimalFormField,ja as DropdownMenu,Ba as DropdownMenuItem,De as DynamicLink,Aa as DynamicUi,q as DynamicUiComponent,A as EnumFormField,W as FormFieldComponentMap,V as HeaderFormField,O as IntegerFormField,j as ParagraphFormField,B as StringFormField};
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(b=>b.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 p=d.filter(r=>r.type==="boolean");return p.length&&p.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 U,Transition as ye}from"@headlessui/react";import f,{Fragment as ge}from"react";function ja(e){return f.createElement(U,{as:"div",className:"app-sdk-default-styles app-sdk-relative app-sdk-inline-block app-sdk-text-left"},f.createElement("div",null,f.createElement(U.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(ye,{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(U.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 Ba(e){return f.createElement(U.Item,null,({active:d})=>f.createElement("button",{type:"button",onClick:p=>e.onClick(p),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{I as BooleanFormField,P as ConfirmFormField,M as DateFormField,R as DecimalFormField,ja as DropdownMenu,Ba as DropdownMenuItem,De as DynamicLink,Aa as DynamicUi,q as DynamicUiComponent,A as EnumFormField,W as FormFieldComponentMap,V as HeaderFormField,O as IntegerFormField,j as ParagraphFormField,B as StringFormField};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@5minds/processcube_app_sdk",
3
- "version": "5.1.0-feature-e09bcc-luigmf92",
3
+ "version": "5.1.0-feature-703b16-luik65bi",
4
4
  "description": "The SDK for ProcessCube Apps",
5
5
  "type": "module",
6
6
  "main": "build/common/index.cjs",