ynotsoft-dynamic-form 1.0.9 → 1.0.11

package/dist/index.cjs

@@ -0,0 +1,47 @@
+var tt=Object.create;var J=Object.defineProperty;var ot=Object.getOwnPropertyDescriptor;var rt=Object.getOwnPropertyNames;var at=Object.getPrototypeOf,st=Object.prototype.hasOwnProperty;var nt=(e,r)=>{for(var c in r)J(e,c,{get:r[c],enumerable:!0})},me=(e,r,c,h)=>{if(r&&typeof r=="object"||typeof r=="function")for(let d of rt(r))!st.call(e,d)&&d!==c&&J(e,d,{get:()=>r[d],enumerable:!(h=ot(r,d))||h.enumerable});return e};var I=(e,r,c)=>(c=e!=null?tt(at(e)):{},me(r||!e||!e.__esModule?J(c,"default",{value:e,enumerable:!0}):c,e)),lt=e=>me(J({},"__esModule",{value:!0}),e);var Rt={};nt(Rt,{DynamicForm:()=>ae,DynamicFormComponent:()=>ae,MyButton:()=>Q,MyButtonComponent:()=>Q,default:()=>Ft});module.exports=lt(Rt);var ue=require("react/jsx-runtime");function Q({children:e,onClick:r}){return(0,ue.jsx)("button",{onClick:r,children:e})}var M=require("react"),Ze=require("react-hot-toast"),de=I(require("dayjs"),1);var be=I(require("axios"),1),Z=I(require("react-hot-toast"),1);var pe={REACT_API_URL:"http://localhost:5000/"};var ge=be.default.create({baseURL:pe.REACT_API_URL,headers:{"Content-Type":"application/json"}});ge.interceptors.response.use(e=>e.data,e=>{var r;if(e.response&&e.response.status===403)return Z.default.error("You are not authorized to access this resource."),Promise.reject("You are not authorized to access this resource.");if(e.response)return Z.default.error("An error occurred"),Promise.reject(((r=e.response.data)==null?void 0:r.message)||"An error occurred");Z.default.error(e.message)});var he=ge;var fe=require("react/jsx-runtime");function it(e){return(0,fe.jsx)("input",{type:"hidden",name:e.name,value:e.value},e.name)}var xe=it;var ye=I(require("react-select"),1),ve=I(require("react-select/animated"),1),Ne=require("react/jsx-runtime");function ct({field:e,formValues:r,handleChange:c,touched:h,errors:d,handleBlur:a}){let l=e.disabled&&e.disabled(r),p=e.options||[],s=(0,ve.default)(),b=r[e.name]||[];return(0,Ne.jsx)(ye.default,{components:s,isMulti:!0,isDisabled:l,name:e.label,value:b,onChange:v=>c(e.name,v),options:p,placeholder:e.placeholder,closeMenuOnSelect:!1})}var we=ct;var g=I(require("@radix-ui/react-select"),1),At=require("react"),ke=require("@heroicons/react/20/solid"),w=require("react/jsx-runtime");function dt({field:e,formValues:r,handleChange:c,handleBlur:h}){var p;let d=r[e.name]||"",a=typeof e.disabled=="function"?e.disabled(r):e.disabled,l=e.options||[];return(0,w.jsxs)(g.Root,{value:d,onValueChange:s=>c(e.name,s),disabled:a,children:[(0,w.jsxs)(g.Trigger,{id:e.name,onBlur:()=>h(e.name),className:`inline-flex items-center justify-between w-full px-3 py-2 border rounded-md text-sm transition-all
+          ${a?"bg-gray-100 text-gray-500 cursor-not-allowed":"border-gray-300 hover:border-gray-400 focus:ring-2 focus:ring-blue-500"}
+        `,children:[(0,w.jsx)(g.Value,{placeholder:e.placeholder||`Select ${((p=e.label)==null?void 0:p.toLowerCase())||""}`}),(0,w.jsx)(g.Icon,{className:"ml-2 text-gray-500",children:(0,w.jsx)(ke.ChevronDownIcon,{className:"w-4 h-4"})})]}),(0,w.jsx)(g.Portal,{children:(0,w.jsxs)(g.Content,{className:"bg-white border border-gray-200 rounded-md shadow-lg z-50 min-w-[var(--radix-select-trigger-width)]",position:"popper",sideOffset:5,children:[(0,w.jsx)(g.ScrollUpButton,{className:"flex items-center justify-center h-6 text-gray-500 bg-gray-50",children:(0,w.jsx)(g.Arrow,{className:"fill-white stroke-gray-200"})}),(0,w.jsxs)(g.Viewport,{className:"p-1",children:[e.groupLabel&&(0,w.jsx)(g.Group,{children:(0,w.jsx)(g.Label,{className:"px-2 py-1 text-xs text-gray-500 uppercase tracking-wide",children:e.groupLabel})}),l.map(s=>(0,w.jsx)(g.Item,{value:s.value,className:`relative flex items-center px-3 py-2 text-sm rounded cursor-pointer select-none
+                  data-[state=checked]:bg-blue-50
+                  data-[state=checked]:text-blue-600
+                `,children:(0,w.jsx)(g.ItemText,{children:s.label})},s.value)),e.separator&&(0,w.jsx)(g.Separator,{className:"my-1 h-px bg-gray-200"})]}),(0,w.jsx)(g.Arrow,{className:"fill-white stroke-gray-200"})]})})]})}var Ce=dt;var zt=require("react"),Fe=require("react/jsx-runtime");function mt({field:e,formValues:r,handleChange:c,handleBlur:h,touched:d,errors:a}){let l=e.readOnly&&e.disabled;return(0,Fe.jsx)("input",{...e.props,type:"email",value:r[e.name]||"",onChange:s=>c(e.name,s.target.value),onBlur:()=>h(e.name),disabled:l,name:e.name,placeholder:e.placeholder,className:`w-full px-3 py-2 border rounded-md ${!1?"border-red-500":"border-gray-300"} ${l?"bg-gray-100 text-gray-500 cursor-not-allowed":""}`})}var Se=mt;var _t=require("react"),Re=require("react/jsx-runtime");function ut({field:e,formValues:r,handleChange:c,handleBlur:h,touched:d,errors:a}){console.log("Rendering InputField for",e);let l=e.readOnly||e.disabled;return(0,Re.jsx)("input",{...e.props,id:e.name,type:e.type||"text",value:r[e.name]||"",onChange:s=>c(e.name,s.target.value),onBlur:()=>h(e.name),disabled:l,name:e.name,placeholder:e.placeholder,min:e.minLength,max:e.maxLength,className:`flex h-10 w-full rounded-md border px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${!1?"border-red-500 focus-visible:ring-red-500":"border-input focus-visible:ring-blue-500"} ${l?"bg-gray-50 text-gray-500":"bg-background"}`})}var ne=ut;var Gt=require("react"),le=require("react/jsx-runtime");function pt({field:e,formValues:r}){let c=r[e.name]||e.content||"";return(0,le.jsx)("div",{className:`mb-4 ${e.fieldClass?e.fieldClass:"col-span-full"}`,id:e.name.toLowerCase()+"_id",children:(0,le.jsx)("div",{className:"w-full px-3 py-2 border rounded-md overflow-y-auto max-h-40 prose prose-sm max-w-none",dangerouslySetInnerHTML:{__html:c}})},e.name)}var Pe=pt;var D=require("react/jsx-runtime");function bt({field:e,formValues:r,handleChange:c,handleBlur:h,touched:d,errors:a}){let l=e.disabled&&e.disabled(r),p=!1;return(0,D.jsxs)("div",{className:"mt-1 space-x-2",children:[(0,D.jsx)("input",{...e.props,id:"id_"+e.name,type:"checkbox",checked:r[e.name]||!1,onChange:s=>c(e.name,s.target.checked),onBlur:()=>h(e.name),disabled:l,className:`rounded border-gray-300 ${l?"opacity-50 cursor-not-allowed":""}`}),(0,D.jsxs)("label",{className:"",htmlFor:"id_"+e.name,children:[e.label,e.required&&(0,D.jsx)("span",{className:"text-red-500",children:"*"})]}),p&&(0,D.jsx)("p",{className:"mt-1 text-sm text-red-500",children:p})]})}var Le=bt;var _=I(require("@radix-ui/react-popover"),1),$e=require("react"),Ie=require("react-day-picker"),qt=require("react-day-picker/dist/style.css"),S=require("react/jsx-runtime");function gt({field:e,formValues:r,handleChange:c,handleBlur:h}){let[d,a]=(0,$e.useState)(!1),l=r[e.name]??{from:null,to:null},p=b=>c(e.name,b),s=()=>c(e.name,{from:null,to:null});return(0,S.jsx)("div",{children:(0,S.jsxs)(_.Root,{open:d,onOpenChange:a,children:[(0,S.jsx)(_.Trigger,{asChild:!0,children:(0,S.jsxs)("button",{type:"button",id:e.name,"aria-haspopup":"dialog","aria-expanded":d,onClick:()=>a(!0),onKeyDown:b=>b.key==="Enter"&&a(!0),className:`
+              inline-flex items-center justify-between gap-2
+              w-full h-9 rounded-md border border-gray-300 bg-white
+              px-3 py-2 text-sm font-normal shadow-sm
+              hover:bg-gray-50 hover:text-gray-900
+              focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2
+              disabled:cursor-not-allowed disabled:opacity-50
+            `,children:[l.from?l.to?(0,S.jsxs)("span",{children:[l.from.toLocaleDateString()," \u2013 ",l.to.toLocaleDateString()]}):(0,S.jsx)("span",{children:l.from.toLocaleDateString()}):(0,S.jsx)("span",{className:"text-muted-foreground",children:e.placeholder||"Select date range"}),(0,S.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-chevron-down opacity-70",children:(0,S.jsx)("path",{d:"m6 9 6 6 6-6"})})]})}),(0,S.jsxs)(_.Content,{align:"start",sideOffset:2,className:"z-50 rounded-md border border-gray-200 bg-white p-0 shadow-md w-auto",children:[(0,S.jsx)(Ie.DayPicker,{mode:"range",selected:l,onSelect:p,showOutsideDays:!0,className:"rounded-md bg-white p-3 text-xs"}),(0,S.jsxs)("div",{className:"flex items-center justify-between gap-2 border-t border-gray-200 p-3",children:[(0,S.jsx)("button",{type:"button",onClick:s,className:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-gray-300 bg-white hover:bg-gray-100 hover:text-gray-900 h-9 px-4 py-2",children:"Clear"}),(0,S.jsx)("button",{type:"button",onClick:()=>a(!1),className:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-blue-600 text-white hover:bg-blue-700 h-9 px-4 py-2",children:"Done"})]})]})]})})}var Ee=gt;var Jt=require("react"),ie=require("react-hot-toast");var Me={apiBaseUrl:process.env.API_BASE_URL||""};var x=require("react/jsx-runtime");function ht({field:e,formValues:r,touched:c,errors:h,fileUploads:d,setFileUploads:a,fileInputRefs:l,handleChange:p,onFieldsChange:s}){let b=c[e.name]&&h[e.name],v=e.type==="multifile",P=d[e.name]||{},C=r[e.name],B=v?C||[]:[C].filter(Boolean),L=e.disabled&&e.disabled(r),O=`px-4 py-2 bg-gray-100 border rounded hover:bg-gray-200 ${L?"cursor-not-allowed":""}`,V=`${Me.REACT_API_URL}uploads`,A=i=>{if(i===0)return"0 Bytes";let t=1024,o=["Bytes","KB","MB","GB"],n=Math.floor(Math.log(i)/Math.log(t));return parseFloat((i/Math.pow(t,n)).toFixed(2))+" "+o[n]},U=async(i,t)=>{let o=new FormData;o.append("file",i);let n=await fetch(`${V}`,{method:"POST",body:o});if(!n.ok)throw ie.toast.error("Upload failed"),new Error("Upload failed");return await n.json()},f=async(i,t)=>{if(!t)return;if(i.maxSize&&t.size>i.maxSize)throw new Error(`File size must not exceed ${A(i.maxSize)}`);let o=await U(t,i.name),n={...r,[i.name]:o};p(i.name,o),s(n)},$=async(i,t)=>{let o=r[i.name]||[];if(o.length+t.length>i.maxFiles)throw new Error(`Maximum ${i.maxFiles} files allowed`);t.forEach(k=>{if(i.maxSize&&k.size>i.maxSize)throw new Error(`Each file must not exceed ${A(i.maxSize)}`)});let n=await Promise.all(t.map(k=>U(k,i.name))),m=[...o,...n];p(i.name,m),s({...r,[i.name]:m})},X=async(i,t)=>{let o=Array.from(t);try{e.type==="file"?await f(e,o[0]):e.type==="multifile"&&await $(e,o),l.current[i]&&(l.current[i].value="")}catch(n){ie.toast.error(`Upload failed: ${n.message}`)}},se=async(i,t)=>{let o;e.type==="file"?o="":o=(r[i]||[]).filter(m=>m!==t),p(i,o),s({...r,[i]:o}),l.current[i]&&(l.current[i].value="")};return(0,x.jsxs)("div",{className:`mb-4 ${e.fieldClass||"col-span-full"}`,children:[(0,x.jsxs)("label",{className:"block font-medium mb-1",children:[e.label,e.required&&(0,x.jsx)("span",{className:"text-red-500",children:"*"})]}),(0,x.jsxs)("div",{className:"space-y-2",children:[(0,x.jsxs)("div",{className:"items-center space-x-2",children:[(0,x.jsxs)("button",{type:"button",disabled:L,onClick:()=>l.current[e.name].click(),className:O,children:["Choose ",v?"Files":"File"]}),v&&B.length>0&&(0,x.jsxs)("span",{className:"text-sm text-gray-600",children:[B.length," of ",e.maxFiles," files uploaded"]})]}),(0,x.jsx)("input",{ref:i=>l.current[e.name]=i,type:"file",accept:e.accept,multiple:v,className:"hidden",onChange:i=>X(e.name,i.target.files)}),(0,x.jsx)("div",{className:"space-y-2",children:B.map((i,t)=>{let o=Object.values(P).find(n=>n.file===i);return(0,x.jsxs)("div",{className:"flex items-center justify-between p-2 bg-gray-50 rounded",children:[(0,x.jsxs)("div",{className:"flex items-center space-x-2",children:[o&&(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)("span",{className:"text-sm",children:o.fileName}),(0,x.jsxs)("span",{className:"text-xs text-gray-500",children:["(",A(o.fileSize),")"]})]}),!o&&(0,x.jsx)("span",{className:"text-sm",children:i.original_name})]}),(0,x.jsx)("button",{type:"button",onClick:()=>se(e.name,i),className:"text-red-500 hover:text-red-700 ml-3",children:"Remove"})]},i)})}),Object.entries(P).map(([i,t])=>t.status==="uploading"?(0,x.jsxs)("div",{className:"relative pt-1",children:[(0,x.jsxs)("div",{className:"flex items-center justify-between",children:[(0,x.jsxs)("span",{className:"text-xs font-semibold inline-block text-blue-600",children:["Uploading ",i]}),(0,x.jsxs)("span",{className:"text-xs font-semibold inline-block text-blue-600",children:[t.progress,"%"]})]}),(0,x.jsx)("div",{className:"overflow-hidden h-2 mt-1 text-xs flex rounded bg-blue-200",children:(0,x.jsx)("div",{className:"shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-blue-500",style:{width:`${t.progress}%`}})})]},i):null)]}),b&&(0,x.jsx)("p",{className:"mt-1 text-sm text-red-500",children:b})]},e.name)}var ce=ht;var ee=require("react"),j=require("react/jsx-runtime");function xt({field:e,formValues:r,handleChange:c,handleBlur:h,touched:d,errors:a,charCount:l,setCharCounts:p}){let s=(0,ee.useRef)(null),b=r[e.name]||"",v=typeof e.disabled=="function"?e.disabled(r):e.disabled||e.readOnly,P=d!=null&&d[e.name]&&(a!=null&&a[e.name])?a[e.name]:null,C=()=>{let L=s.current;L&&(L.style.height="auto",L.style.height=`${L.scrollHeight+2}px`)};(0,ee.useEffect)(()=>{C()},[b]);let B=L=>{c(e.name,L.target.value),C(),p&&p(O=>({...O,[e.name]:L.target.value.length}))};return(0,j.jsxs)("div",{className:"space-y-2",children:[(0,j.jsx)("textarea",{...e.props,ref:s,id:e.name,name:e.name,placeholder:e.placeholder||"",value:b,onChange:B,onBlur:()=>h(e.name),disabled:v,maxLength:e.maxLength,rows:e.rows||3,className:`flex w-full rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 resize-none overflow-y-auto ${P?"border-red-500 focus-visible:ring-red-500":"border-input focus-visible:ring-blue-500"} ${v?"bg-gray-50 text-gray-500":"bg-background"}`,style:{minHeight:"80px",maxHeight:"400px"}}),(0,j.jsx)("div",{className:"flex justify-between items-center",children:e.maxLength&&!e.readOnly&&(0,j.jsxs)("span",{className:"text-xs text-gray-500",children:[l||0,"/",e.maxLength," characters"]})})]})}var Be=xt;var Ae=require("@mui/x-date-pickers"),ro=require("react"),De=require("@mui/x-date-pickers/AdapterDayjs"),Te=require("@mui/x-date-pickers/DateTimeField"),te=require("react/jsx-runtime");function ft({field:e,formValues:r,handleChange:c,handleBlur:h,touched:d,errors:a}){return(0,te.jsx)("div",{children:(0,te.jsx)(Ae.LocalizationProvider,{dateAdapter:De.AdapterDayjs,adapterLocale:"aus",children:(0,te.jsx)(Te.DateTimeField,{value:e.value,onChange:l=>c(e.name,l)})})})}var ze=ft;var oe=require("@radix-ui/react-separator"),T=require("react/jsx-runtime");function yt({field:e}){return e!=null&&e.label?(0,T.jsxs)("div",{className:"relative flex items-center py-4",children:[(0,T.jsx)(oe.Separator,{className:"flex-1 h-px bg-gray-300"}),(0,T.jsx)("span",{className:"px-3 font-medium text-gray-600 bg-white",children:e.label}),(0,T.jsx)(oe.Separator,{className:"flex-1 h-px bg-gray-300"})]}):(0,T.jsx)(oe.Separator,{className:"my-4 h-px bg-gray-300"})}var Oe=yt;var lo=require("react"),H=I(require("@radix-ui/react-radio-group"),1),E=require("react/jsx-runtime");function vt({field:e,formValues:r,handleChange:c,handleBlur:h}){let d=r[e.name]||"",a=typeof e.disabled=="function"?e.disabled(r):e.disabled,l=e.options||[],p=e.inline||!1;return(0,E.jsx)(H.Root,{value:d,onValueChange:s=>c(e.name,s),onBlur:()=>h(e.name),disabled:a,className:p?"flex flex-wrap gap-4":"space-y-3","aria-label":e.label||e.name,children:l.map(s=>{let b=typeof s=="object"?s.value:s,v=typeof s=="object"?s.label:s,P=typeof s=="object"?s.description:null,C=`${e.name}-${b}`;return(0,E.jsxs)("div",{className:"relative flex items-start",children:[(0,E.jsx)("div",{className:"flex h-6 items-center",children:(0,E.jsx)(H.Item,{value:b,id:C,disabled:a,className:`
+                  relative size-4 rounded-full border transition-all
+                  ${a?"border-gray-300 bg-gray-100 cursor-not-allowed":"border-gray-300 bg-white hover:border-blue-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"}
+                  data-[state=checked]:border-blue-600 data-[state=checked]:bg-blue-600
+                `,children:(0,E.jsx)(H.Indicator,{className:"flex items-center justify-center w-full h-full relative after:content-[''] after:block after:w-1.5 after:h-1.5 after:rounded-full after:bg-white"})})}),(0,E.jsxs)("div",{className:"ml-3 text-sm",children:[(0,E.jsx)("label",{htmlFor:C,className:`font-medium ${a?"text-gray-500":"text-gray-900 cursor-pointer"}`,children:v}),P&&!p&&(0,E.jsx)("p",{className:`text-sm ${a?"text-gray-400":"text-gray-500"}`,children:P})]})]},b)})})}var Ue=vt;var mo=require("react"),q=require("react/jsx-runtime");function wt({field:e}){let r=e.text||e.label||"",c=e.description||"",h=e.size||"lg",d=e.underline||!1,a=e.align||"left",l=e.className||"",p={sm:"text-base font-semibold",md:"text-lg font-semibold",lg:"text-xl font-bold",xl:"text-2xl font-bold","2xl":"text-3xl font-bold","3xl":"text-4xl font-bold","4xl":"text-5xl font-bold"},s={left:"text-left",center:"text-center",right:"text-right"},b=`
+    ${p[h]||p.lg}
+    ${s[a]||s.left}
+    ${d?"border-b-2 border-gray-300 pb-2":""}
+    ${l}
+    text-gray-900
+  `.trim(),v=`
+    mt-1 text-sm text-gray-600
+    ${s[a]||s.left}
+  `.trim();return(0,q.jsxs)("div",{className:"my-4",children:[(0,q.jsx)("h2",{className:b,children:r}),c&&(0,q.jsx)("p",{className:v,children:c})]})}var _e=wt;var G=I(require("@radix-ui/react-popover"),1),je=require("react"),He=require("react-day-picker"),bo=require("react-day-picker/dist/style.css"),F=require("react/jsx-runtime");function Nt({field:e,formValues:r,handleChange:c,handleBlur:h}){let[d,a]=(0,je.useState)(!1),l=r[e.name]??null,p=b=>c(e.name,b),s=()=>c(e.name,null);return(0,F.jsx)("div",{children:(0,F.jsxs)(G.Root,{open:d,onOpenChange:a,children:[(0,F.jsx)(G.Trigger,{asChild:!0,children:(0,F.jsxs)("button",{type:"button",id:e.name,"aria-haspopup":"dialog","aria-expanded":d,onClick:()=>a(!0),onKeyDown:b=>b.key==="Enter"&&a(!0),className:`
+              inline-flex items-center justify-between gap-2
+              w-full h-9 rounded-md border border-gray-300 bg-white
+              px-3 py-2 text-sm font-normal shadow-sm
+              hover:bg-gray-50 hover:text-gray-900
+              focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2
+              disabled:cursor-not-allowed disabled:opacity-50
+            `,children:[l?(0,F.jsx)("span",{children:l.toLocaleDateString()}):(0,F.jsx)("span",{className:"text-muted-foreground",children:e.placeholder||"Select date"}),(0,F.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-chevron-down opacity-70",children:(0,F.jsx)("path",{d:"m6 9 6 6 6-6"})})]})}),(0,F.jsxs)(G.Content,{align:"start",sideOffset:2,className:"z-50 rounded-md border border-gray-200 bg-white p-0 shadow-md w-auto",children:[(0,F.jsx)(He.DayPicker,{mode:"single",selected:l,onSelect:p,showOutsideDays:!0,className:"rounded-md bg-white p-3 text-xs"}),(0,F.jsxs)("div",{className:"flex items-center justify-between gap-2 border-t border-gray-200 p-3",children:[(0,F.jsx)("button",{type:"button",onClick:s,className:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-gray-300 bg-white hover:bg-gray-100 hover:text-gray-900 h-9 px-4 py-2",children:"Clear"}),(0,F.jsx)("button",{type:"button",onClick:()=>a(!1),className:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-blue-600 text-white hover:bg-blue-700 h-9 px-4 py-2",children:"Done"})]})]})]})})}var Ge=Nt;var z=I(require("react"),1),W=I(require("@radix-ui/react-popover"),1),u=require("react/jsx-runtime");function kt({field:e,formValues:r,handleChange:c,handleBlur:h}){let[d,a]=(0,z.useState)(!1),[l,p]=(0,z.useState)("12"),[s,b]=(0,z.useState)("00"),[v,P]=(0,z.useState)("PM"),C=r[e.name]||"";z.default.useEffect(()=>{if(C){let f=C.match(/(\d{1,2}):(\d{2})\s*(AM|PM)/i);f&&(p(f[1].padStart(2,"0")),b(f[2]),P(f[3].toUpperCase()))}},[C]);let B=()=>{let f=`${l}:${s} ${v}`;c(e.name,f),a(!1)},L=()=>{c(e.name,""),p("12"),b("00"),P("PM")},O=()=>{let f=parseInt(l);p((f%12+1).toString().padStart(2,"0"))},V=()=>{let f=parseInt(l);p((f===1?12:f-1).toString().padStart(2,"0"))},A=()=>{let f=parseInt(s);b(((f+5)%60).toString().padStart(2,"0"))},U=()=>{let f=parseInt(s);b((f===0?55:f-5).toString().padStart(2,"0"))};return(0,u.jsx)("div",{children:(0,u.jsxs)(W.Root,{open:d,onOpenChange:a,children:[(0,u.jsx)(W.Trigger,{asChild:!0,children:(0,u.jsxs)("button",{type:"button",id:e.name,"aria-haspopup":"dialog","aria-expanded":d,onClick:()=>a(!0),className:`
+              inline-flex items-center justify-between gap-2
+              w-full h-9 rounded-md border border-gray-300 bg-white
+              px-3 py-2 text-sm font-normal shadow-sm
+              hover:bg-gray-50 hover:text-gray-900
+              focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2
+              disabled:cursor-not-allowed disabled:opacity-50
+            `,children:[C?(0,u.jsx)("span",{children:C}):(0,u.jsx)("span",{className:"text-gray-400",children:e.placeholder||"Select time"}),(0,u.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-clock opacity-70",children:[(0,u.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,u.jsx)("polyline",{points:"12 6 12 12 16 14"})]})]})}),(0,u.jsx)(W.Content,{align:"start",sideOffset:2,className:"z-50 rounded-md border border-gray-200 bg-white p-4 shadow-md w-64",children:(0,u.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,u.jsxs)("div",{className:"flex items-center justify-center gap-2",children:[(0,u.jsxs)("div",{className:"flex flex-col items-center",children:[(0,u.jsx)("button",{type:"button",onClick:O,className:"p-1 hover:bg-gray-100 rounded",children:(0,u.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,u.jsx)("polyline",{points:"18 15 12 9 6 15"})})}),(0,u.jsx)("input",{type:"text",value:l,onChange:f=>{let $=f.target.value.replace(/\D/g,"");($===""||parseInt($)>=1&&parseInt($)<=12)&&p($.padStart(2,"0"))},className:"w-14 text-center text-2xl font-semibold border-0 focus:outline-none focus:ring-2 focus:ring-blue-500 rounded py-2",maxLength:"2"}),(0,u.jsx)("button",{type:"button",onClick:V,className:"p-1 hover:bg-gray-100 rounded",children:(0,u.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,u.jsx)("polyline",{points:"6 9 12 15 18 9"})})})]}),(0,u.jsx)("span",{className:"text-2xl font-semibold",children:":"}),(0,u.jsxs)("div",{className:"flex flex-col items-center",children:[(0,u.jsx)("button",{type:"button",onClick:A,className:"p-1 hover:bg-gray-100 rounded",children:(0,u.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,u.jsx)("polyline",{points:"18 15 12 9 6 15"})})}),(0,u.jsx)("input",{type:"text",value:s,onChange:f=>{let $=f.target.value.replace(/\D/g,"");($===""||parseInt($)>=0&&parseInt($)<=59)&&b($.padStart(2,"0"))},className:"w-14 text-center text-2xl font-semibold border-0 focus:outline-none focus:ring-2 focus:ring-blue-500 rounded py-2",maxLength:"2"}),(0,u.jsx)("button",{type:"button",onClick:U,className:"p-1 hover:bg-gray-100 rounded",children:(0,u.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,u.jsx)("polyline",{points:"6 9 12 15 18 9"})})})]}),(0,u.jsxs)("div",{className:"flex flex-col gap-1 ml-2",children:[(0,u.jsx)("button",{type:"button",onClick:()=>P("AM"),className:`
+                    px-3 py-1 text-sm font-medium rounded
+                    ${v==="AM"?"bg-blue-600 text-white":"bg-gray-100 text-gray-700 hover:bg-gray-200"}
+                  `,children:"AM"}),(0,u.jsx)("button",{type:"button",onClick:()=>P("PM"),className:`
+                    px-3 py-1 text-sm font-medium rounded
+                    ${v==="PM"?"bg-blue-600 text-white":"bg-gray-100 text-gray-700 hover:bg-gray-200"}
+                  `,children:"PM"})]})]}),(0,u.jsxs)("div",{className:"flex items-center justify-between gap-2 border-t border-gray-200 pt-3",children:[(0,u.jsx)("button",{type:"button",onClick:L,className:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-gray-300 bg-white hover:bg-gray-100 hover:text-gray-900 h-9 px-4 py-2",children:"Clear"}),(0,u.jsx)("button",{type:"button",onClick:B,className:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-blue-600 text-white hover:bg-blue-700 h-9 px-4 py-2",children:"Done"})]})]})})]})})}var We=kt;var fo=require("react");var re=require("@heroicons/react/20/solid"),Ve=require("@heroicons/react/20/solid"),Ye=require("@heroicons/react/24/outline");var N=require("react/jsx-runtime");function qe({message:e}){return(0,N.jsx)("div",{className:"rounded-lg bg-red-50 border border-red-100 p-4 shadow-sm",children:(0,N.jsxs)("div",{className:"flex items-center gap-3",children:[(0,N.jsx)(re.XCircleIcon,{"aria-hidden":"true",className:"size-5 text-red-500 shrink-0"}),(0,N.jsx)("span",{className:"text-sm font-medium text-red-900",children:e})]})})}function Ke({message:e}){return(0,N.jsx)("div",{className:"rounded-lg bg-amber-50 border border-amber-100 p-4 shadow-sm",children:(0,N.jsxs)("div",{className:"flex items-center gap-3",children:[(0,N.jsx)(Ye.ExclamationCircleIcon,{"aria-hidden":"true",className:"size-5 text-amber-600 shrink-0"}),(0,N.jsx)("span",{className:"text-sm font-medium text-amber-900",children:e})]})})}function Xe({message:e}){return(0,N.jsx)("div",{className:"rounded-lg bg-green-50 border border-green-100 p-4 shadow-sm",children:(0,N.jsxs)("div",{className:"flex items-center gap-3",children:[(0,N.jsx)(Ve.CheckCircleIcon,{"aria-hidden":"true",className:"size-5 text-green-600 shrink-0"}),(0,N.jsx)("span",{className:"text-sm font-medium text-green-900",children:e})]})})}function Je({message:e}){return(0,N.jsx)("div",{className:"rounded-lg bg-blue-50 border border-blue-100 p-4 shadow-sm",children:(0,N.jsxs)("div",{className:"flex items-center gap-3",children:[(0,N.jsx)(re.InformationCircleIcon,{"aria-hidden":"true",className:"size-5 text-blue-600 shrink-0"}),(0,N.jsx)("span",{className:"text-sm font-medium text-blue-900",children:e})]})})}var K=require("react/jsx-runtime");function Ct({field:e}){let{variant:r="info",message:c,content:h}=e,d=c||h||"";switch(r.toLowerCase()){case"error":case"danger":return(0,K.jsx)(qe,{message:d});case"success":return(0,K.jsx)(Xe,{message:d});case"warning":case"warn":return(0,K.jsx)(Ke,{message:d});case"info":case"information":default:return(0,K.jsx)(Je,{message:d})}}var Qe=Ct;var et=require("@radix-ui/react-label"),R=require("react/jsx-runtime"),St=({formDefinition:e,sendFormValues:r,children:c,defaultValues:h={},onFieldsChange:d=()=>{}})=>{let[a,l]=(0,M.useState)({...h}),[p,s]=(0,M.useState)({}),[b,v]=(0,M.useState)({}),[P,C]=(0,M.useState)({}),B=["hidden","html","linebreak","header","alert"],L=(0,M.useMemo)(()=>({file:ce,multifile:ce,dateRange:Ee,date:Ge,dayTimePicker:ze,time:We,hidden:xe,multiselect:we,select:Ce,email:Se,litertext:Pe,checkbox:Le,radiogroup:Ue,input:ne,textarea:Be,header:_e,alert:Qe,linebreak:Oe}),[]),O={},V=async(t,o=null)=>{try{let n=await he(`/${t.optionsUrl}`);console.log(n);let m=[];t.type==="select"?m=[{value:"",label:`Select ${t.label.toLowerCase()}`},...n.data]:m=[...n.data.map(k=>({value:k.value,label:k.label}))],e.fields.forEach(k=>{k.name===t.name&&(k.options=m)})}catch(n){console.error(`Failed to load options for ${t.name}:`,n)}finally{}};(0,M.useEffect)(()=>{if(e!=null&&e.fields&&e.fields.length>0){if(!e.fields.some(n=>n.value))return;e.fields.forEach(n=>{n.optionsUrl&&V(n)});let o={};e.fields.forEach(n=>{o[n.name]=h[n.name]??n.value??(n.type==="multiselect"?[]:"")}),l(o)}},[e]);let A=(t,o,n)=>{if(t.disabled&&t.disabled(n))return null;if(t.required){if(!o)return`${t.label} is required`;if(Array.isArray(o)&&o.length===0)return`Please select at least one ${t.label.toLowerCase()}`}if(t.validate){let m=t.validate(o,n);if(m)return m}if(t.type==="email"&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o))return"Please enter a valid email address";if(t.type==="number"){if(t.min!==void 0&&o<t.min)return`${t.label} must be at least ${t.min}`;if(t.max!==void 0&&o>t.max)return`${t.label} must be no more than ${t.max}`}return t.type==="date"&&!(0,de.default)(o).isValid()?`${t.label} must be a valid date`:t.maxLength&&o&&o.length>t.maxLength?`${t.label} must not exceed ${t.maxLength} characters`:null},U=(t,o)=>{let n=e.fields.find(y=>y.name===t);if(!n)return;let m={...a};console.log(o),n.type==="multiselect"?m[t]=Array.isArray(o)?o:Array.from(o.target.selectedOptions).map(y=>y.value):n.type==="dateRange"?(console.log(o),m[t]=[{startDate:o[0].from,endDate:o[0].to,key:"selection"}]):n.type==="dayTimePicker"?m[t]=o?(0,de.default)(o).format("YYYY-MM-DD HH:mm:ss"):"":m[t]=o,n.type==="select"&&e.fields.forEach(y=>{y.showIf&&!y.showIf(m)&&(m[y.name]=y.type==="multiselect"?[]:"")}),e.fields.forEach(y=>{y.disabled&&y.disabled(m)&&(m[y.name]=y.type==="multiselect"?[]:"")}),l(m);let k={};e.fields.forEach(y=>{if(!y.showIf||y.showIf(m)){let Y=A(y,m[y.name],m);Y&&(k[y.name]=Y)}}),s(k)},f=t=>{v({...b,[t]:!0})},$=t=>{t.preventDefault();let o={};e.fields.forEach(m=>{o[m.name]=!0}),v(o);let n={};e.fields.forEach(m=>{if((!m.showIf||m.showIf(a))&&(!m.disabled||!m.disabled(a))){let k=A(m,a[m.name],a);k&&(n[m.name]=k)}}),s(n),Object.keys(n).length===0?r(a):Ze.toast.error("Please correct the errors in the form")};(0,M.useEffect)(()=>{d(a)},[a,d]);let X={green:"border-green-500 bg-green-50",blue:"border-blue-500 bg-blue-50",red:"border-red-500 bg-red-50",yellow:"border-yellow-500 bg-yellow-50",purple:"border-purple-500 bg-purple-50",indigo:"border-indigo-500 bg-indigo-50",gray:"border-gray-500 bg-gray-50",pink:"border-pink-500 bg-pink-50",orange:"border-orange-500 bg-orange-50"};function se(t,o,n){if(B.includes(o.type))return(0,R.jsx)("div",{className:o.fieldClass||"col-span-8",children:t});let m=o.containerStyle,k=o.color||"blue",y=m==="card"?`rounded-lg border text-card-foreground shadow-sm p-4 ${o.containerClassName||X[k]||X.blue}`:"",Y=(0,R.jsxs)(R.Fragment,{children:[o.label&&(0,R.jsxs)(et.Label,{htmlFor:o.name,className:"block text-sm font-medium mb-1",children:[o.label,o.required&&(0,R.jsx)("span",{className:"text-red-500 ml-1",children:"*"})]}),(0,R.jsx)("div",{children:t}),n&&(0,R.jsx)("p",{className:"mt-1 text-sm text-red-500",children:n})]});return(0,R.jsx)("div",{className:`mb-4 ${o.fieldClass||"col-span-8"}`,children:m==="card"?(0,R.jsx)("div",{className:y,children:Y}):Y})}let i=t=>{if(t.showIf&&!t.showIf(a))return null;let o=L[t.type]||ne;a[t.name]===void 0&&(a[t.name]=t.value!==void 0?t.value:t.type==="multiselect"?[]:"");let n=b[t.name]&&p[t.name]?p[t.name]:null;return se((0,R.jsx)(o,{field:t,formValues:a,handleChange:U,handleBlur:()=>f(t.name),setCharCounts:C,charCount:P[t.name]||0}),t)};return(0,R.jsxs)("form",{onSubmit:$,className:"grid grid-cols-12 gap-x-4 mx-auto",children:[e?e.fields.map(i):(0,R.jsx)("div",{children:"Loading..."}),c]})},ae=St;var Ft=ae;0&&(module.exports={DynamicForm,DynamicFormComponent,MyButton,MyButtonComponent});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.jsx","../src/MyButton.jsx","../src/DynamicForm/DynamicForm.jsx","../src/services/Interceptors.jsx","../src/config.jsx","../src/DynamicForm/fields/HiddenField.jsx","../src/DynamicForm/fields/MultiSelectField.jsx","../src/DynamicForm/fields/SelectField.jsx","../src/DynamicForm/fields/EmailField.jsx","../src/DynamicForm/fields/InputField.jsx","../src/DynamicForm/fields/HtmlField.jsx","../src/DynamicForm/fields/CheckboxField.jsx","../src/DynamicForm/fields/DateRangePickerField.jsx","../src/DynamicForm/fields/FileField.jsx","../src/config.js","../src/DynamicForm/fields/TextArea.jsx","../src/DynamicForm/fields/DayTimePickerField.jsx","../src/DynamicForm/fields/LineBreakField.jsx","../src/DynamicForm/fields/RadioGroups.jsx","../src/DynamicForm/fields/HeaderField.jsx","../src/DynamicForm/fields/DatePickerField.jsx","../src/DynamicForm/fields/timeField.jsx","../src/DynamicForm/fields/AlertMessageField.jsx","../src/DynamicForm/components/formats/alerts/Alerts.jsx"],"sourcesContent":["// Named exports\nexport { default as MyButton } from './MyButton.jsx';\nexport { default as DynamicForm } from './DynamicForm/DynamicForm.jsx';\n\n// Default exports for backward compatibility\nimport MyButtonComponent from './MyButton.jsx';\nimport DynamicFormComponent from './DynamicForm/DynamicForm.jsx';\n\n// Export default as DynamicForm (main component)\nexport default DynamicFormComponent;\n\n// Also export a default MyButton for direct import\nexport { MyButtonComponent, DynamicFormComponent };","// src/MyButton.jsx\nexport default function MyButton({ children, onClick }) {\n  return <button onClick={onClick}>{children}</button>;\n}","import { useState, useEffect, useRef, useMemo } from \"react\";\nimport { toast } from \"react-hot-toast\";\nimport dayjs from \"dayjs\";\n// import \"dayjs/locale/de\"; // Remove this to avoid module resolution issues\nimport apiClient from \"../services/Interceptors.jsx\";\nimport { default as RenderHiddenField } from \"./fields/HiddenField\";\nimport { default as RenderMultiSelectField } from \"./fields/MultiSelectField\";\nimport { default as RenderSelectField } from \"./fields/SelectField\";\nimport { default as RenderEmailField } from \"./fields/EmailField\";\nimport { default as RenderInputField } from \"./fields/InputField\";\nimport { default as RenderHtmlField } from \"./fields/HtmlField\";\nimport { default as RenderCheckboxField } from \"./fields/CheckboxField\";\nimport { default as RenderDayPickerField } from \"./fields/DateRangePickerField\";\nimport { default as RenderFileInputField } from \"./fields/FileField\";\nimport { default as RenderTextAreaField } from \"./fields/TextArea\";\nimport { default as DayTimePickerField } from \"./fields/DayTimePickerField\";\nimport { default as RenderLineBreakField } from \"./fields/LineBreakField\";\nimport { default as RenderRadioGroupField } from \"./fields/RadioGroups\";\nimport { default as RenderHeaderField } from \"./fields/HeaderField\";\nimport { default as RenderDatePickerField } from \"./fields/DatePickerField\";\nimport { default as RenderTimeField } from \"./fields/timeField\";\nimport { default as RenderAlertMessageField } from \"./fields/AlertMessageField\";\nimport { Label } from \"@radix-ui/react-label\";\nconst DynamicForm = ({\n    formDefinition,\n    sendFormValues,\n    children,\n    defaultValues = {},\n    onFieldsChange = () => { },\n}) => {\n\n    const [formValues, setFormValues] = useState({ ...defaultValues });\n    const [errors, setErrors] = useState({});\n    const [touched, setTouched] = useState({});\n    const [charCounts, setCharCounts] = useState({});\n    const excludeFromFieldFormat = [\"hidden\", \"html\", \"linebreak\", \"header\", \"alert\"];\n    const FIELD_RENDERERS = useMemo(() => ({\n        file: RenderFileInputField,\n        multifile: RenderFileInputField,\n        dateRange: RenderDayPickerField,\n        date: RenderDatePickerField,\n        dayTimePicker: DayTimePickerField,\n        time: RenderTimeField,\n        hidden: RenderHiddenField,\n        multiselect: RenderMultiSelectField,\n        select: RenderSelectField,\n        email: RenderEmailField,\n        litertext: RenderHtmlField,\n        checkbox: RenderCheckboxField,\n        radiogroup: RenderRadioGroupField,\n        input: RenderInputField,\n        textarea: RenderTextAreaField,\n        header: RenderHeaderField,\n        alert: RenderAlertMessageField,\n        linebreak: RenderLineBreakField,\n\n    }), []);\n\n\n    const FIELD_FORMATTERS = {\n\n\n    }\n\n    const loadOptionsForField = async (field, dependentValue = null) => {\n\n        try {\n            const response = await apiClient(`/${field.optionsUrl}`);\n            console.log(response)\n            // Add empty option at the beginning if not exists\n            let options = [];\n            if (field.type === \"select\") {\n                options = [\n                    { value: \"\", label: `Select ${field.label.toLowerCase()}` },\n                    ...response.data,\n                ];\n            } else {\n                options = [...response.data.map((item) => (\n                    { value: item.value, label: item.label }\n                ))];\n            }\n            formDefinition.fields.forEach((f) => {\n                if (f.name === field.name) {\n                    f.options = options;\n                }\n            });\n            //setFieldOptions((prev) => ({ ...prev, [field.name]: options }));\n        } catch (error) {\n            console.error(`Failed to load options for ${field.name}:`, error);\n        } finally {\n        }\n    };\n\n\n    useEffect(() => {\n        if (formDefinition?.fields && formDefinition.fields.length > 0) {\n            // Wait until at least one field has a non-empty value\n            const hasData = formDefinition.fields.some((f) => f.value);\n            if (!hasData) return; // Don't set empty values early\n\n            // Load async options\n            formDefinition.fields.forEach((field) => {\n                if (field.optionsUrl) loadOptionsForField(field);\n            });\n\n            // Initialise form values\n            const initialValues = {};\n            formDefinition.fields.forEach((field) => {\n                initialValues[field.name] =\n                    defaultValues[field.name] ??\n                    field.value ??\n                    (field.type === \"multiselect\" ? [] : \"\");\n            });\n\n            setFormValues(initialValues);\n        }\n    }, [formDefinition]);\n\n\n\n\n\n    const validateField = (field, value, allValues) => {\n        if (field.disabled && field.disabled(allValues)) {\n            return null;\n        }\n\n        if (field.required) {\n            if (!value) {\n                return `${field.label} is required`;\n            }\n            if (Array.isArray(value) && value.length === 0) {\n                return `Please select at least one ${field.label.toLowerCase()}`;\n            }\n        }\n\n        if (field.validate) {\n            const error = field.validate(value, allValues);\n            if (error) return error;\n        }\n\n        // Email validation addition\n        if (field.type === \"email\") {\n            const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n            if (!emailRegex.test(value)) return \"Please enter a valid email address\";\n        }\n\n        if (field.type === \"number\") {\n            if (field.min !== undefined && value < field.min) {\n                return `${field.label} must be at least ${field.min}`;\n            }\n            if (field.max !== undefined && value > field.max) {\n                return `${field.label} must be no more than ${field.max}`;\n            }\n        }\n\n        if (field.type === \"date\") {\n            // Ensure the value is a valid date\n            if (!dayjs(value).isValid()) {\n                return `${field.label} must be a valid date`;\n            }\n        }\n\n        if (field.maxLength && value && value.length > field.maxLength) {\n            return `${field.label} must not exceed ${field.maxLength} characters`;\n        }\n\n        return null;\n    };\n\n\n    const handleChange = (fieldName, value) => {\n        const field = formDefinition.fields.find((f) => f.name === fieldName);\n        if (!field) return;\n\n        const newValues = { ...formValues };\n        console.log(value)\n        // Handle multiselect values\n        if (field.type === \"multiselect\") {\n            newValues[fieldName] = Array.isArray(value)\n                ? value\n                : Array.from(value.target.selectedOptions).map((option) => option.value);\n        }\n        // Handle DateRangePicker (dayPicker)\n\n        else if (field.type === \"dateRange\") {\n            console.log(value)\n            newValues[fieldName] = [\n                {\n                    startDate: value[0].from,\n                    endDate: value[0].to,\n                    key: \"selection\",\n                },\n            ];\n\n        }\n        // Handle DateTime Picker\n        else if (field.type === \"dayTimePicker\") {\n            newValues[fieldName] = value ? dayjs(value).format(\"YYYY-MM-DD HH:mm:ss\") : \"\";\n        }\n        else {\n            newValues[fieldName] = value;\n        }\n\n        // Clear dependent fields when parent selection changes\n        if (field.type === \"select\") {\n            formDefinition.fields.forEach((f) => {\n                if (f.showIf && !f.showIf(newValues)) {\n                    newValues[f.name] = f.type === \"multiselect\" ? [] : \"\";\n                }\n            });\n        }\n\n        formDefinition.fields.forEach((f) => {\n            if (f.disabled && f.disabled(newValues)) {\n                newValues[f.name] = f.type === \"multiselect\" ? [] : \"\";\n            }\n        });\n\n        setFormValues(newValues);\n\n        // Validate all fields\n        const newErrors = {};\n        formDefinition.fields.forEach((f) => {\n            if (!f.showIf || f.showIf(newValues)) {\n                const error = validateField(f, newValues[f.name], newValues);\n                if (error) newErrors[f.name] = error;\n            }\n        });\n\n        setErrors(newErrors);\n    };\n\n\n    const handleBlur = (fieldName) => {\n        setTouched({ ...touched, [fieldName]: true });\n    };\n\n    const handleSubmit = (e) => {\n        e.preventDefault();\n\n        const allTouched = {};\n        formDefinition.fields.forEach((field) => {\n            allTouched[field.name] = true;\n        });\n        setTouched(allTouched);\n\n        const newErrors = {};\n        formDefinition.fields.forEach((field) => {\n            if (\n                (!field.showIf || field.showIf(formValues)) &&\n                (!field.disabled || !field.disabled(formValues))\n            ) {\n                const error = validateField(field, formValues[field.name], formValues);\n                if (error) newErrors[field.name] = error;\n            }\n        });\n\n        setErrors(newErrors);\n\n        if (Object.keys(newErrors).length === 0) {\n            sendFormValues(formValues);\n        } else {\n            toast.error(\"Please correct the errors in the form\");\n        }\n    };\n\n\n    useEffect(() => {\n\n        onFieldsChange(formValues);\n\n    }, [formValues, onFieldsChange]);\n\n\n    // Color variants for field card container\n    const FIELD_COLOR_VARIANTS = {\n        green: 'border-green-500 bg-green-50',\n        blue: 'border-blue-500 bg-blue-50',\n        red: 'border-red-500 bg-red-50',\n        yellow: 'border-yellow-500 bg-yellow-50',\n        purple: 'border-purple-500 bg-purple-50',\n        indigo: 'border-indigo-500 bg-indigo-50',\n        gray: 'border-gray-500 bg-gray-50',\n        pink: 'border-pink-500 bg-pink-50',\n        orange: 'border-orange-500 bg-orange-50',\n    };\n\n\n    function fieldFormat(children, field, error) {\n        if (excludeFromFieldFormat.includes(field.type)) {\n            return <div className={field.fieldClass || \"col-span-8\"}>{children}</div>;\n        }\n\n        const containerStyle = field.containerStyle;\n        const color = field.color || 'blue';\n        const containerClasses = containerStyle === 'card'\n            ? `rounded-lg border text-card-foreground shadow-sm p-4 ${field.containerClassName || FIELD_COLOR_VARIANTS[color] || FIELD_COLOR_VARIANTS.blue}`\n            : '';\n\n        const content = (\n            <>\n                {field.label && (\n                    <Label\n                        htmlFor={field.name}\n                        className=\"block text-sm font-medium mb-1\"\n                    >\n                        {field.label}\n                        {field.required && <span className=\"text-red-500 ml-1\">*</span>}\n                    </Label>\n                )}\n\n                {/* InputField or any other field goes here */}\n                <div>{children}</div>\n\n                {error && (\n                    <p className=\"mt-1 text-sm text-red-500\">\n                        {error}\n                    </p>\n                )}\n            </>\n        );\n\n        return (\n            <div className={`mb-4 ${field.fieldClass || \"col-span-8\"}`}>\n                {containerStyle === 'card' ? (\n                    <div className={containerClasses}>\n                        {content}\n                    </div>\n                ) : content}\n            </div>\n        );\n    }\n\n    const renderField = (field) => {\n        if (field.showIf && !field.showIf(formValues)) return null;\n\n        const FieldComponent = FIELD_RENDERERS[field.type] || RenderInputField;\n        if (formValues[field.name] === undefined) {\n            formValues[field.name] =\n                field.value !== undefined\n                    ? field.value\n                    : field.type === \"multiselect\"\n                        ? []\n                        : \"\";\n        }\n\n        const error = touched[field.name] && errors[field.name] ? errors[field.name] : null;\n\n        return (fieldFormat(\n            <FieldComponent\n                field={field}\n                formValues={formValues}\n                handleChange={handleChange}\n                handleBlur={() => handleBlur(field.name)}\n                setCharCounts={setCharCounts}\n                charCount={charCounts[field.name] || 0}\n            //error={error}\n            />, field\n        )\n        );\n    };\n\n\n    return (\n        <form onSubmit={handleSubmit} className=\"grid grid-cols-12 gap-x-4 mx-auto\">\n            {formDefinition ? (\n                formDefinition.fields.map(renderField)\n            ) : (\n                <div>Loading...</div>\n            )}\n            {children}\n        </form>\n    );\n};\n\nexport default DynamicForm;","import axios from 'axios';\nimport toast from 'react-hot-toast';\nimport {config} from '../config';\nconst apiClient = axios.create({\n    baseURL: config.REACT_API_URL,\n    headers: {\n      'Content-Type': 'application/json',\n    },\n  });\n  \n  apiClient.interceptors.response.use(\n    (response) => response.data,\n    (error) => {\n      if (error.response && error.response.status === 403) {\n        toast.error( 'You are not authorized to access this resource.');\n        return Promise.reject('You are not authorized to access this resource.');\n      }else if (error.response) {\n        toast.error( 'An error occurred' );\n        return Promise.reject(error.response.data?.message || 'An error occurred');\n      } else{\n        toast.error(error.message);\n      }\n      \n\n    }\n  );\n  export default apiClient;","export const config = {\"REACT_API_URL\": \"http://localhost:5000/\"};","\n// This component renders a hidden input field for forms. This used to include data in form submissions without displaying it to the user.\nfunction HiddenField(field) {\n  return <input type=\"hidden\" name={field.name} value={field.value} key={field.name} />;\n}\nexport default HiddenField;","import Select from 'react-select'\nimport makeAnimated from 'react-select/animated'\n\nfunction MultiSelectField({ field, formValues, handleChange, touched, errors, handleBlur }) {\n   //const error = touched[field.name] && errors[field.name];\n    const isDisabled = field.disabled && field.disabled(formValues);\n    const options = field.options || [];\n\n    const animatedComponents = makeAnimated();\n\n    const currentValues = formValues[field.name] || [];\n\n    return (\n\n        <Select\n          components={animatedComponents}\n          isMulti\n          isDisabled={isDisabled}\n          name={field.label}\n          value={currentValues}\n          onChange={(selected) => handleChange(field.name, selected)}\n          options={options}\n          placeholder={field.placeholder}\n          closeMenuOnSelect={false}\n        />\n\n    );\n}\nexport default MultiSelectField;","import * as Select from \"@radix-ui/react-select\";\nimport React from \"react\";\n// get arrow down icon from icon hero icon\nimport { ChevronDownIcon } from \"@heroicons/react/20/solid\";\n\nfunction SelectField({ field, formValues, handleChange, handleBlur }) {\n  const value = formValues[field.name] || \"\";\n  const isDisabled =\n    typeof field.disabled === \"function\"\n      ? field.disabled(formValues)\n      : field.disabled;\n  const options = field.options || [];\n\n  return (\n    <Select.Root\n      value={value}\n      onValueChange={(val) => handleChange(field.name, val)}\n      disabled={isDisabled}\n    >\n      {/* --- Trigger --- */}\n      <Select.Trigger\n        id={field.name}\n        onBlur={() => handleBlur(field.name)}\n        className={`inline-flex items-center justify-between w-full px-3 py-2 border rounded-md text-sm transition-all\n          ${isDisabled\n            ? \"bg-gray-100 text-gray-500 cursor-not-allowed\"\n            : \"border-gray-300 hover:border-gray-400 focus:ring-2 focus:ring-blue-500\"}\n        `}\n      >\n        <Select.Value\n          placeholder={\n            field.placeholder || `Select ${field.label?.toLowerCase() || \"\"}`\n          }\n        />\n        <Select.Icon className=\"ml-2 text-gray-500\">\n          <ChevronDownIcon className=\"w-4 h-4\" />\n        </Select.Icon>\n      </Select.Trigger>\n\n      {/* --- Dropdown --- */}\n      <Select.Portal>\n        <Select.Content\n          className=\"bg-white border border-gray-200 rounded-md shadow-lg z-50 min-w-[var(--radix-select-trigger-width)]\"\n          position=\"popper\"\n          sideOffset={5}\n        >\n          {/* Scroll Up */}\n          <Select.ScrollUpButton className=\"flex items-center justify-center h-6 text-gray-500 bg-gray-50\">\n            <Select.Arrow className=\"fill-white stroke-gray-200\" />\n          </Select.ScrollUpButton>\n\n          <Select.Viewport className=\"p-1\">\n            {/* Optional grouped items */}\n            {field.groupLabel && (\n              <Select.Group>\n                <Select.Label className=\"px-2 py-1 text-xs text-gray-500 uppercase tracking-wide\">\n                  {field.groupLabel}\n                </Select.Label>\n              </Select.Group>\n            )}\n\n            {/* List of options */}\n            {options.map((option) => (\n              <Select.Item\n                key={option.value}\n                value={option.value}\n                className={`relative flex items-center px-3 py-2 text-sm rounded cursor-pointer select-none\n                  data-[state=checked]:bg-blue-50\n                  data-[state=checked]:text-blue-600\n                `}\n              >\n                <Select.ItemText>{option.label}</Select.ItemText>\n\n              </Select.Item>\n            ))}\n\n            {/* Optional separator */}\n            {field.separator && (\n              <Select.Separator className=\"my-1 h-px bg-gray-200\" />\n            )}\n          </Select.Viewport>\n\n          {/* Scroll Down */}\n\n          {/* Optional arrow */}\n          <Select.Arrow className=\"fill-white stroke-gray-200\" />\n        </Select.Content>\n      </Select.Portal>\n    </Select.Root>\n  );\n}\n\nexport default SelectField;\n","import React from 'react';\n\nfunction EmailField({ field, formValues, handleChange, handleBlur, touched, errors }) {\n  //const error = touched[field.name] && errors[field.name];\n  const isDisabled = field.readOnly && field.disabled;\n    const error = false;\n  return (\n      <input\n        {...field.props}\n        type=\"email\"\n        value={formValues[field.name] || \"\"}\n        onChange={(e) => handleChange(field.name, e.target.value)}\n        onBlur={() => handleBlur(field.name)}\n        disabled={isDisabled}\n        name={field.name}\n        placeholder={field.placeholder}\n        className={`w-full px-3 py-2 border rounded-md ${\n          error ? \"border-red-500\" : \"border-gray-300\"\n        } ${isDisabled ? \"bg-gray-100 text-gray-500 cursor-not-allowed\" : \"\"}`}\n      />\n  );\n}\n\nexport default EmailField;","import React from \"react\";\n\nfunction InputField({ field, formValues, handleChange, handleBlur, touched, errors }) {\n  console.log(\"Rendering InputField for\", field);\n  const isDisabled = field.readOnly || field.disabled;\n  const error = false\n  return (\n      <input\n        {...field.props}\n        id={field.name}\n        type={field.type || \"text\"}\n        value={formValues[field.name] || \"\"}\n        onChange={(e) => handleChange(field.name, e.target.value)}\n        onBlur={() => handleBlur(field.name)}\n        disabled={isDisabled}\n        name={field.name}\n        placeholder={field.placeholder}\n        min={field.minLength}\n        max={field.maxLength}\n        className={`flex h-10 w-full rounded-md border px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${\n          error \n            ? \"border-red-500 focus-visible:ring-red-500\" \n            : \"border-input focus-visible:ring-blue-500\"\n        } ${\n          isDisabled \n            ? \"bg-gray-50 text-gray-500\" \n            : \"bg-background\"\n        }`}\n      />\n\n  );\n}\n\nexport default InputField;","import React from 'react'\n\n\nfunction HtmlField({ field, formValues }) {\n  const htmlContent = formValues[field.name] || field.content || \"\";\n  \n  return (\n    <div key={field.name} className={`mb-4 ${field.fieldClass ? field.fieldClass : \"col-span-full\"}`} id={field.name.toLowerCase() + \"_id\"}>\n      <div \n        className=\"w-full px-3 py-2 border rounded-md overflow-y-auto max-h-40 prose prose-sm max-w-none\" \n        dangerouslySetInnerHTML={{ __html: htmlContent }} \n      />\n    </div>\n  )\n}\n\nexport default HtmlField\n","\n\nfunction CheckboxField({field, formValues, handleChange, handleBlur, touched, errors}) {\n  //const error = touched[field.name] && errors[field.name];\n  const isDisabled = field.disabled && field.disabled(formValues);\n  const error = false  \n  return (\n    <div className=\"mt-1 space-x-2\">\n      <input\n        {...field.props}\n        id={\"id_\" + field.name}\n        type=\"checkbox\"\n        checked={formValues[field.name] || false}\n        onChange={(e) => handleChange(field.name, e.target.checked)}\n        onBlur={() => handleBlur(field.name)}\n        disabled={isDisabled}\n        className={`rounded border-gray-300 ${\n          isDisabled ? \"opacity-50 cursor-not-allowed\" : \"\"\n        }`}\n      />\n      <label className=\"\" htmlFor={\"id_\" + field.name}>\n        {field.label}\n        {field.required && <span className=\"text-red-500\">*</span>}\n      </label>\n      {error && <p className=\"mt-1 text-sm text-red-500\">{error}</p>}\n    </div>\n  )\n}\n\nexport default CheckboxField","import * as Popover from \"@radix-ui/react-popover\";\nimport { useState } from \"react\";\nimport { DayPicker } from \"react-day-picker\";\nimport \"react-day-picker/dist/style.css\";\n\nfunction DateRangeField({ field, formValues, handleChange, handleBlur }) {\n  const [open, setOpen] = useState(false);\n  const selected = formValues[field.name] ?? { from: null, to: null };\n\n  const handleSelect = (range) => handleChange(field.name, range);\n  const handleClear = () => handleChange(field.name, { from: null, to: null });\n\n  return (\n    <div>\n      <Popover.Root open={open} onOpenChange={setOpen}>\n        <Popover.Trigger asChild>\n          <button\n            type=\"button\"\n            id={field.name}\n            aria-haspopup=\"dialog\"\n            aria-expanded={open}\n            onClick={() => setOpen(true)}\n            onKeyDown={(e) => e.key === \"Enter\" && setOpen(true)}\n            className=\"\n              inline-flex items-center justify-between gap-2\n              w-full h-9 rounded-md border border-gray-300 bg-white\n              px-3 py-2 text-sm font-normal shadow-sm\n              hover:bg-gray-50 hover:text-gray-900\n              focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2\n              disabled:cursor-not-allowed disabled:opacity-50\n            \"\n          >\n            {selected.from ? (\n              selected.to ? (\n                <span>\n                  {selected.from.toLocaleDateString()} – {selected.to.toLocaleDateString()}\n                </span>\n              ) : (\n                <span>{selected.from.toLocaleDateString()}</span>\n              )\n            ) : (\n              <span className=\"text-muted-foreground\">\n                {field.placeholder || \"Select date range\"}\n              </span>\n            )}\n\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              className=\"lucide lucide-chevron-down opacity-70\"\n            >\n              <path d=\"m6 9 6 6 6-6\" />\n            </svg>\n          </button>\n        </Popover.Trigger>\n\n        <Popover.Content\n          align=\"start\"\n          sideOffset={2}\n          className=\"z-50 rounded-md border border-gray-200 bg-white p-0 shadow-md w-auto\"\n        >\n          <DayPicker\n            mode=\"range\"\n            selected={selected}\n            onSelect={handleSelect}\n            showOutsideDays\n            className=\"rounded-md bg-white p-3 text-xs\"\n          />\n          \n          {/* Action buttons */}\n          <div className=\"flex items-center justify-between gap-2 border-t border-gray-200 p-3\">\n            <button\n              type=\"button\"\n              onClick={handleClear}\n              className=\"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-gray-300 bg-white hover:bg-gray-100 hover:text-gray-900 h-9 px-4 py-2\"\n            >\n              Clear\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setOpen(false)}\n              className=\"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-blue-600 text-white hover:bg-blue-700 h-9 px-4 py-2\"\n            >\n              Done\n            </button>\n          </div>\n        </Popover.Content>\n      </Popover.Root>\n    </div>\n  );\n}\n\nexport default DateRangeField;\n","import React from 'react'\nimport { toast } from \"react-hot-toast\";\nimport { config } from \"../../config.js\";\n\nfunction FileField({\n  field,\n  formValues,\n  touched,\n  errors,\n  fileUploads,\n  setFileUploads,\n  fileInputRefs,\n  handleChange,\n  onFieldsChange\n}) {\n  const error = touched[field.name] && errors[field.name];\n  const isMultiple = field.type === \"multifile\";\n  const uploads = fileUploads[field.name] || {};\n  const currentValues = formValues[field.name];\n  const values = isMultiple\n    ? currentValues || []\n    : [currentValues].filter(Boolean);\n  const isDisabled = field.disabled && field.disabled(formValues);\n  const disablebtnClasses = `px-4 py-2 bg-gray-100 border rounded hover:bg-gray-200 ${isDisabled ? \"cursor-not-allowed\" : \"\"\n    }`;\n\n  const uploadUrl = `${config.REACT_API_URL}uploads`;\n\n  const formatFileSize = (bytes) => {\n    if (bytes === 0) return \"0 Bytes\";\n    const k = 1024;\n    const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\"];\n    const i = Math.floor(Math.log(bytes) / Math.log(k));\n    return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + \" \" + sizes[i];\n  };\n\n  const uploadFile = async (file, fieldName) => {\n    const formData = new FormData();\n    formData.append(\"file\", file);\n\n    const response = await fetch(`${uploadUrl}`, {\n      method: \"POST\",\n      body: formData,\n    });\n\n    if (!response.ok) {\n      toast.error(\"Upload failed\");\n      throw new Error(\"Upload failed\");\n    }\n\n    const data = await response.json();\n    return data;\n  };\n\n  const handleSingleFileUpload = async (field, file) => {\n    if (!file) return;\n\n    // Validate file size\n    if (field.maxSize && file.size > field.maxSize) {\n      throw new Error(\n        `File size must not exceed ${formatFileSize(field.maxSize)}`\n      );\n    }\n\n    // Upload the file\n    const uploadedData = await uploadFile(file, field.name);\n\n    // Update form values with the uploaded URL\n    const newValues = { ...formValues, [field.name]: uploadedData };\n    handleChange(field.name, uploadedData);\n    onFieldsChange(newValues);\n  };\n\n  const handleMultiFileUpload = async (field, files) => {\n    const currentUrls = formValues[field.name] || [];\n    if (currentUrls.length + files.length > field.maxFiles) {\n      throw new Error(`Maximum ${field.maxFiles} files allowed`);\n    }\n\n    // Validate each file size\n    files.forEach((file) => {\n      if (field.maxSize && file.size > field.maxSize) {\n        throw new Error(\n          `Each file must not exceed ${formatFileSize(field.maxSize)}`\n        );\n      }\n    });\n\n    // Upload all files\n    const uploadedUrls = await Promise.all(\n      files.map((file) => uploadFile(file, field.name))\n    );\n\n    // Update form values with the new URLs\n    const newUrls = [...currentUrls, ...uploadedUrls];\n    handleChange(field.name, newUrls);\n    onFieldsChange({ ...formValues, [field.name]: newUrls });\n  };\n\n  const handleFileChange = async (fieldName, files) => {\n    const fileList = Array.from(files);\n\n    try {\n      if (field.type === \"file\") {\n        await handleSingleFileUpload(field, fileList[0]);\n      } else if (field.type === \"multifile\") {\n        await handleMultiFileUpload(field, fileList);\n      }\n\n      // Clear file input after processing\n      if (fileInputRefs.current[fieldName]) {\n        fileInputRefs.current[fieldName].value = \"\"; // This resets the file input field\n      }\n    } catch (error) {\n      toast.error(`Upload failed: ${error.message}`);\n    }\n  };\n\n  const removeFile = async (fieldName, urlToRemove) => {\n    let newValue;\n\n    if (field.type === \"file\") {\n      newValue = \"\";\n    } else {\n      const urls = formValues[fieldName] || [];\n      newValue = urls.filter((url) => url !== urlToRemove);\n    }\n\n    handleChange(fieldName, newValue);\n    onFieldsChange({ ...formValues, [fieldName]: newValue });\n\n    // Reset the file input field after removing the file\n    if (fileInputRefs.current[fieldName]) {\n      fileInputRefs.current[fieldName].value = \"\"; // Reset file input after removing\n    }\n  };\n\n  return (\n    <div key={field.name} className={`mb-4 ${field.fieldClass || 'col-span-full'}`}>\n      <label className=\"block font-medium mb-1\">\n        {field.label}\n        {field.required && <span className=\"text-red-500\">*</span>}\n      </label>\n\n      <div className=\"space-y-2\">\n        <div className=\"items-center space-x-2\">\n          <button\n            type=\"button\"\n            disabled={isDisabled}\n            onClick={() => fileInputRefs.current[field.name].click()}\n            className={disablebtnClasses}\n          >\n            Choose {isMultiple ? \"Files\" : \"File\"}\n          </button>\n          {isMultiple && values.length > 0 && (\n            <span className=\"text-sm text-gray-600\">\n              {values.length} of {field.maxFiles} files uploaded\n            </span>\n          )}\n        </div>\n\n        <input\n          ref={(el) => (fileInputRefs.current[field.name] = el)}\n          type=\"file\"\n          accept={field.accept}\n          multiple={isMultiple}\n          className=\"hidden\"\n          onChange={(e) => handleFileChange(field.name, e.target.files)}\n        />\n\n        {/* Uploaded Files List */}\n        <div className=\"space-y-2\">\n          {values.map((file, index) => {\n            const upload = Object.values(uploads).find(\n              (u) => u.file === file\n            );\n            return (\n              <div\n                key={file}\n                className=\"flex items-center justify-between p-2 bg-gray-50 rounded\"\n              >\n                <div className=\"flex items-center space-x-2\">\n                  {upload && (\n                    <>\n                      <span className=\"text-sm\">{upload.fileName}</span>\n                      <span className=\"text-xs text-gray-500\">\n                        ({formatFileSize(upload.fileSize)})\n                      </span>\n                    </>\n                  )}\n                  {!upload && (\n                    <span className=\"text-sm\">{file.original_name}</span>\n                  )}\n                </div>\n                <button\n                  type=\"button\"\n                  onClick={() => removeFile(field.name, file)}\n                  className=\"text-red-500 hover:text-red-700 ml-3\"\n                >\n                  Remove\n                </button>\n              </div>\n            );\n          })}\n        </div>\n\n        {/* Upload Progress */}\n        {Object.entries(uploads).map(([fileName, upload]) => {\n          if (upload.status === \"uploading\") {\n            return (\n              <div key={fileName} className=\"relative pt-1\">\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"text-xs font-semibold inline-block text-blue-600\">\n                    Uploading {fileName}\n                  </span>\n                  <span className=\"text-xs font-semibold inline-block text-blue-600\">\n                    {upload.progress}%\n                  </span>\n                </div>\n                <div className=\"overflow-hidden h-2 mt-1 text-xs flex rounded bg-blue-200\">\n                  <div\n                    className=\"shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-blue-500\"\n                    style={{ width: `${upload.progress}%` }}\n                  />\n                </div>\n              </div>\n            );\n          }\n          return null;\n        })}\n      </div>\n\n      {error && <p className=\"mt-1 text-sm text-red-500\">{error}</p>}\n    </div>\n  );\n}\n\nexport default FileField;","// Default configuration for the DynamicForm package\nexport const config = {\n  // Add your configuration values here\n  apiBaseUrl: process.env.API_BASE_URL || '',\n  // Add other config values as needed\n};","import React, { useRef, useEffect } from \"react\";\n\nfunction TextAreaField({\n  field,\n  formValues,\n  handleChange,\n  handleBlur,\n  touched,\n  errors,\n  charCount,\n  setCharCounts,\n}) {\n  const textareaRef = useRef(null);\n  const value = formValues[field.name] || \"\";\n  const isDisabled =\n    typeof field.disabled === \"function\"\n      ? field.disabled(formValues)\n      : field.disabled || field.readOnly;\n  const error = touched?.[field.name] && errors?.[field.name] ? errors[field.name] : null;\n\n  // Auto-resize logic\n  const autoResize = () => {\n    const el = textareaRef.current;\n    if (el) {\n      el.style.height = \"auto\";\n      el.style.height = `${el.scrollHeight + 2}px`;\n    }\n  };\n\n  // Auto-resize on mount & when value changes\n  useEffect(() => {\n    autoResize();\n  }, [value]);\n\n  const handleTextareaChange = (e) => {\n    handleChange(field.name, e.target.value);\n    autoResize();\n\n    if (setCharCounts) {\n      setCharCounts((prev) => ({\n        ...prev,\n        [field.name]: e.target.value.length,\n      }));\n    }\n  };\n\n  return (\n    <div className=\"space-y-2\">\n      <textarea\n        {...field.props}\n        ref={textareaRef}\n        id={field.name}\n        name={field.name}\n        placeholder={field.placeholder || \"\"}\n        value={value}\n        onChange={handleTextareaChange}\n        onBlur={() => handleBlur(field.name)}\n        disabled={isDisabled}\n        maxLength={field.maxLength}\n        rows={field.rows || 3}\n        className={`flex w-full rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 resize-none overflow-y-auto ${\n          error \n            ? \"border-red-500 focus-visible:ring-red-500\" \n            : \"border-input focus-visible:ring-blue-500\"\n        } ${\n          isDisabled \n            ? \"bg-gray-50 text-gray-500\" \n            : \"bg-background\"\n        }`}\n        style={{\n          minHeight: \"80px\",\n          maxHeight: \"400px\",\n        }}\n      />\n\n      <div className=\"flex justify-between items-center\">\n        {/* Character counter */}\n        {field.maxLength && !field.readOnly && (\n          <span className=\"text-xs text-gray-500\">\n            {charCount || 0}/{field.maxLength} characters\n          </span>\n        )}\n\n      </div>\n    </div>\n  );\n}\n\nexport default TextAreaField;\n","import { LocalizationProvider } from '@mui/x-date-pickers';\nimport React from 'react'\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\nimport { DateTimeField } from \"@mui/x-date-pickers/DateTimeField\";\n\nfunction DayTimePickerField({ field, formValues, handleChange, handleBlur, touched, errors }) {\n  return (\n    <div>\n        <LocalizationProvider dateAdapter={AdapterDayjs} adapterLocale=\"aus\">\n          <DateTimeField\n            value={field.value}\n            onChange={(newValue) => handleChange(field.name, newValue)}\n        />\n        </LocalizationProvider>        \n      \n    </div>\n  )\n}\nexport default DayTimePickerField\n\n\n\n","\nimport { Separator } from \"@radix-ui/react-separator\"\n\nfunction LineBreakField({ field }) {\n  if (!field?.label) return <Separator className=\"my-4 h-px bg-gray-300\" />;\n\n  return (\n    <div className=\"relative flex items-center py-4\">\n      <Separator className=\"flex-1 h-px bg-gray-300\" />\n      <span className=\"px-3 font-medium text-gray-600 bg-white\">\n        {field.label}\n      </span>\n      <Separator className=\"flex-1 h-px bg-gray-300\" />\n    </div>\n  );\n}\n\nexport default LineBreakField;","/**\n * RadioGroupField Component\n * \n * A Radix UI-based radio group field for DynamicForm\n * \n * @example\n * // Basic usage (stacked layout)\n * {\n *   type: 'radio',\n *   name: 'plan',\n *   label: 'Select Plan',\n *   options: [\n *     { value: 'basic', label: 'Basic Plan', description: 'Perfect for individuals' },\n *     { value: 'pro', label: 'Pro Plan', description: 'For professionals' },\n *     { value: 'enterprise', label: 'Enterprise', description: 'For large teams' }\n *   ]\n * }\n * \n * @example\n * // Inline layout\n * {\n *   type: 'radio',\n *   name: 'size',\n *   label: 'Select Size',\n *   inline: true,\n *   options: ['Small', 'Medium', 'Large']\n * }\n * \n * @example\n * // Simple string options\n * {\n *   type: 'radio',\n *   name: 'color',\n *   label: 'Choose Color',\n *   options: ['Red', 'Green', 'Blue']\n * }\n * \n * @example\n * // With disabled state\n * {\n *   type: 'radio',\n *   name: 'subscription',\n *   label: 'Subscription Type',\n *   disabled: (formValues) => formValues.hasActiveSubscription,\n *   options: [\n *     { value: 'monthly', label: 'Monthly' },\n *     { value: 'yearly', label: 'Yearly' }\n *   ]\n * }\n */\n\nimport React from 'react';\nimport * as RadioGroup from '@radix-ui/react-radio-group';\n\nfunction RadioGroupField({ field, formValues, handleChange, handleBlur }) {\n  const value = formValues[field.name] || '';\n  const isDisabled = typeof field.disabled === 'function' \n    ? field.disabled(formValues) \n    : field.disabled;\n  const options = field.options || [];\n  const isInline = field.inline || false;\n\n  return (\n    <RadioGroup.Root\n      value={value}\n      onValueChange={(val) => handleChange(field.name, val)}\n      onBlur={() => handleBlur(field.name)}\n      disabled={isDisabled}\n      className={isInline ? 'flex flex-wrap gap-4' : 'space-y-3'}\n      aria-label={field.label || field.name}\n    >\n      {options.map((option) => {\n        const optionValue = typeof option === 'object' ? option.value : option;\n        const optionLabel = typeof option === 'object' ? option.label : option;\n\n        const optionDescription = typeof option === 'object' ? option.description : null;\n        const itemId = `${field.name}-${optionValue}`;\n\n        return (\n          <div key={optionValue} className=\"relative flex items-start\">\n            <div className=\"flex h-6 items-center\">\n              <RadioGroup.Item\n                value={optionValue}\n                id={itemId}\n                disabled={isDisabled}\n                className={`\n                  relative size-4 rounded-full border transition-all\n                  ${isDisabled \n                    ? 'border-gray-300 bg-gray-100 cursor-not-allowed' \n                    : 'border-gray-300 bg-white hover:border-blue-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2'\n                  }\n                  data-[state=checked]:border-blue-600 data-[state=checked]:bg-blue-600\n                `}\n              >\n                <RadioGroup.Indicator className=\"flex items-center justify-center w-full h-full relative after:content-[''] after:block after:w-1.5 after:h-1.5 after:rounded-full after:bg-white\" />\n              </RadioGroup.Item>\n            </div>\n            <div className=\"ml-3 text-sm\">\n              <label \n                htmlFor={itemId} \n                className={`font-medium ${isDisabled ? 'text-gray-500' : 'text-gray-900 cursor-pointer'}`}\n              >\n                {optionLabel}\n              </label>\n              {optionDescription && !isInline && (\n                <p className={`text-sm ${isDisabled ? 'text-gray-400' : 'text-gray-500'}`}>\n                  {optionDescription}\n                </p>\n              )}\n            </div>\n          </div>\n        );\n      })}\n    </RadioGroup.Root>\n  );\n}\n\nexport default RadioGroupField;\n","/**\n * HeaderField Component\n * \n * A header/title field for DynamicForm to display section headers, titles, or dividers\n * \n * @example\n * // Large header (h1)\n * {\n *   type: 'header',\n *   text: 'Personal Information',\n *   size: 'xl' // or '2xl', '3xl', '4xl'\n * }\n * \n * @example\n * // Medium header with description (h2)\n * {\n *   type: 'header',\n *   text: 'Contact Details',\n *   description: 'Please provide your contact information',\n *   size: 'lg'\n * }\n * \n * @example\n * // Small header (h3)\n * {\n *   type: 'header',\n *   text: 'Account Settings',\n *   size: 'md'\n * }\n * \n * @example\n * // Header with underline\n * {\n *   type: 'header',\n *   text: 'Billing Information',\n *   underline: true,\n *   size: 'lg'\n * }\n * \n * @example\n * // Header with custom styling\n * {\n *   type: 'header',\n *   text: 'Important Section',\n *   size: 'xl',\n *   className: 'text-blue-600',\n *   align: 'center' // 'left', 'center', 'right'\n * }\n */\n\nimport React from 'react';\n\nfunction HeaderField({ field }) {\n  const text = field.text || field.label || '';\n  const description = field.description || '';\n  const size = field.size || 'lg'; // 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl'\n  const underline = field.underline || false;\n  const align = field.align || 'left'; // 'left', 'center', 'right'\n  const customClass = field.className || '';\n\n  // Size mappings\n  const sizeClasses = {\n    sm: 'text-base font-semibold',\n    md: 'text-lg font-semibold',\n    lg: 'text-xl font-bold',\n    xl: 'text-2xl font-bold',\n    '2xl': 'text-3xl font-bold',\n    '3xl': 'text-4xl font-bold',\n    '4xl': 'text-5xl font-bold',\n  };\n\n  const alignClasses = {\n    left: 'text-left',\n    center: 'text-center',\n    right: 'text-right',\n  };\n\n  const headerClass = `\n    ${sizeClasses[size] || sizeClasses.lg}\n    ${alignClasses[align] || alignClasses.left}\n    ${underline ? 'border-b-2 border-gray-300 pb-2' : ''}\n    ${customClass}\n    text-gray-900\n  `.trim();\n\n  const descriptionClass = `\n    mt-1 text-sm text-gray-600\n    ${alignClasses[align] || alignClasses.left}\n  `.trim();\n\n  return (\n    <div className=\"my-4\">\n      <h2 className={headerClass}>\n        {text}\n      </h2>\n      {description && (\n        <p className={descriptionClass}>\n          {description}\n        </p>\n      )}\n    </div>\n  );\n}\n\nexport default HeaderField;\n","import * as Popover from \"@radix-ui/react-popover\";\nimport { useState } from \"react\";\nimport { DayPicker } from \"react-day-picker\";\nimport \"react-day-picker/dist/style.css\";\n\nfunction DateRangeField({ field, formValues, handleChange, handleBlur }) {\n  const [open, setOpen] = useState(false);\n  const selected = formValues[field.name] ?? null;\n\n  const handleSelect = (date) => handleChange(field.name, date);\n  const handleClear = () => handleChange(field.name, null);\n\n  return (\n    <div>\n      <Popover.Root open={open} onOpenChange={setOpen}>\n        <Popover.Trigger asChild>\n          <button\n            type=\"button\"\n            id={field.name}\n            aria-haspopup=\"dialog\"\n            aria-expanded={open}\n            onClick={() => setOpen(true)}\n            onKeyDown={(e) => e.key === \"Enter\" && setOpen(true)}\n            className=\"\n              inline-flex items-center justify-between gap-2\n              w-full h-9 rounded-md border border-gray-300 bg-white\n              px-3 py-2 text-sm font-normal shadow-sm\n              hover:bg-gray-50 hover:text-gray-900\n              focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2\n              disabled:cursor-not-allowed disabled:opacity-50\n            \"\n          >\n            {selected ? (\n              <span>{selected.toLocaleDateString()}</span>\n            ) : (\n              <span className=\"text-muted-foreground\">\n                {field.placeholder || \"Select date\"}\n              </span>\n            )}\n\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              className=\"lucide lucide-chevron-down opacity-70\"\n            >\n              <path d=\"m6 9 6 6 6-6\" />\n            </svg>\n          </button>\n        </Popover.Trigger>\n\n        <Popover.Content\n          align=\"start\"\n          sideOffset={2}\n          className=\"z-50 rounded-md border border-gray-200 bg-white p-0 shadow-md w-auto\"\n        >\n          <DayPicker\n            mode=\"single\"\n            selected={selected}\n            onSelect={handleSelect}\n            showOutsideDays\n            className=\"rounded-md bg-white p-3 text-xs\"\n          />\n          \n          {/* Action buttons */}\n          <div className=\"flex items-center justify-between gap-2 border-t border-gray-200 p-3\">\n            <button\n              type=\"button\"\n              onClick={handleClear}\n              className=\"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-gray-300 bg-white hover:bg-gray-100 hover:text-gray-900 h-9 px-4 py-2\"\n            >\n              Clear\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setOpen(false)}\n              className=\"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-blue-600 text-white hover:bg-blue-700 h-9 px-4 py-2\"\n            >\n              Done\n            </button>\n          </div>\n        </Popover.Content>\n      </Popover.Root>\n    </div>\n  );\n}\n\nexport default DateRangeField;\n","import React, { useState } from \"react\";\nimport * as Popover from \"@radix-ui/react-popover\";\n\nfunction TimeField({ field, formValues, handleChange, handleBlur }) {\n  const [open, setOpen] = useState(false);\n  const [hours, setHours] = useState(\"12\");\n  const [minutes, setMinutes] = useState(\"00\");\n  const [period, setPeriod] = useState(\"PM\");\n\n  const value = formValues[field.name] || \"\";\n\n  // Parse existing value if present\n  React.useEffect(() => {\n    if (value) {\n      const timeMatch = value.match(/(\\d{1,2}):(\\d{2})\\s*(AM|PM)/i);\n      if (timeMatch) {\n        setHours(timeMatch[1].padStart(2, \"0\"));\n        setMinutes(timeMatch[2]);\n        setPeriod(timeMatch[3].toUpperCase());\n      }\n    }\n  }, [value]);\n\n  const handleApply = () => {\n    const timeString = `${hours}:${minutes} ${period}`;\n    handleChange(field.name, timeString);\n    setOpen(false);\n  };\n\n  const handleClear = () => {\n    handleChange(field.name, \"\");\n    setHours(\"12\");\n    setMinutes(\"00\");\n    setPeriod(\"PM\");\n  };\n\n  const incrementHours = () => {\n    const h = parseInt(hours);\n    setHours(((h % 12) + 1).toString().padStart(2, \"0\"));\n  };\n\n  const decrementHours = () => {\n    const h = parseInt(hours);\n    setHours((h === 1 ? 12 : h - 1).toString().padStart(2, \"0\"));\n  };\n\n  const incrementMinutes = () => {\n    const m = parseInt(minutes);\n    setMinutes(((m + 5) % 60).toString().padStart(2, \"0\"));\n  };\n\n  const decrementMinutes = () => {\n    const m = parseInt(minutes);\n    setMinutes((m === 0 ? 55 : m - 5).toString().padStart(2, \"0\"));\n  };\n\n  return (\n    <div>\n      <Popover.Root open={open} onOpenChange={setOpen}>\n        <Popover.Trigger asChild>\n          <button\n            type=\"button\"\n            id={field.name}\n            aria-haspopup=\"dialog\"\n            aria-expanded={open}\n            onClick={() => setOpen(true)}\n            className=\"\n              inline-flex items-center justify-between gap-2\n              w-full h-9 rounded-md border border-gray-300 bg-white\n              px-3 py-2 text-sm font-normal shadow-sm\n              hover:bg-gray-50 hover:text-gray-900\n              focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2\n              disabled:cursor-not-allowed disabled:opacity-50\n            \"\n          >\n            {value ? (\n              <span>{value}</span>\n            ) : (\n              <span className=\"text-gray-400\">\n                {field.placeholder || \"Select time\"}\n              </span>\n            )}\n\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              className=\"lucide lucide-clock opacity-70\"\n            >\n              <circle cx=\"12\" cy=\"12\" r=\"10\" />\n              <polyline points=\"12 6 12 12 16 14\" />\n            </svg>\n          </button>\n        </Popover.Trigger>\n\n        <Popover.Content\n          align=\"start\"\n          sideOffset={2}\n          className=\"z-50 rounded-md border border-gray-200 bg-white p-4 shadow-md w-64\"\n        >\n          <div className=\"flex flex-col gap-4\">\n            {/* Time picker */}\n            <div className=\"flex items-center justify-center gap-2\">\n              {/* Hours */}\n              <div className=\"flex flex-col items-center\">\n                <button\n                  type=\"button\"\n                  onClick={incrementHours}\n                  className=\"p-1 hover:bg-gray-100 rounded\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"16\"\n                    height=\"16\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"2\"\n                  >\n                    <polyline points=\"18 15 12 9 6 15\" />\n                  </svg>\n                </button>\n                <input\n                  type=\"text\"\n                  value={hours}\n                  onChange={(e) => {\n                    const val = e.target.value.replace(/\\D/g, \"\");\n                    if (val === \"\" || (parseInt(val) >= 1 && parseInt(val) <= 12)) {\n                      setHours(val.padStart(2, \"0\"));\n                    }\n                  }}\n                  className=\"w-14 text-center text-2xl font-semibold border-0 focus:outline-none focus:ring-2 focus:ring-blue-500 rounded py-2\"\n                  maxLength=\"2\"\n                />\n                <button\n                  type=\"button\"\n                  onClick={decrementHours}\n                  className=\"p-1 hover:bg-gray-100 rounded\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"16\"\n                    height=\"16\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"2\"\n                  >\n                    <polyline points=\"6 9 12 15 18 9\" />\n                  </svg>\n                </button>\n              </div>\n\n              <span className=\"text-2xl font-semibold\">:</span>\n\n              {/* Minutes */}\n              <div className=\"flex flex-col items-center\">\n                <button\n                  type=\"button\"\n                  onClick={incrementMinutes}\n                  className=\"p-1 hover:bg-gray-100 rounded\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"16\"\n                    height=\"16\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"2\"\n                  >\n                    <polyline points=\"18 15 12 9 6 15\" />\n                  </svg>\n                </button>\n                <input\n                  type=\"text\"\n                  value={minutes}\n                  onChange={(e) => {\n                    const val = e.target.value.replace(/\\D/g, \"\");\n                    if (val === \"\" || (parseInt(val) >= 0 && parseInt(val) <= 59)) {\n                      setMinutes(val.padStart(2, \"0\"));\n                    }\n                  }}\n                  className=\"w-14 text-center text-2xl font-semibold border-0 focus:outline-none focus:ring-2 focus:ring-blue-500 rounded py-2\"\n                  maxLength=\"2\"\n                />\n                <button\n                  type=\"button\"\n                  onClick={decrementMinutes}\n                  className=\"p-1 hover:bg-gray-100 rounded\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"16\"\n                    height=\"16\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"2\"\n                  >\n                    <polyline points=\"6 9 12 15 18 9\" />\n                  </svg>\n                </button>\n              </div>\n\n              {/* AM/PM */}\n              <div className=\"flex flex-col gap-1 ml-2\">\n                <button\n                  type=\"button\"\n                  onClick={() => setPeriod(\"AM\")}\n                  className={`\n                    px-3 py-1 text-sm font-medium rounded\n                    ${\n                      period === \"AM\"\n                        ? \"bg-blue-600 text-white\"\n                        : \"bg-gray-100 text-gray-700 hover:bg-gray-200\"\n                    }\n                  `}\n                >\n                  AM\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setPeriod(\"PM\")}\n                  className={`\n                    px-3 py-1 text-sm font-medium rounded\n                    ${\n                      period === \"PM\"\n                        ? \"bg-blue-600 text-white\"\n                        : \"bg-gray-100 text-gray-700 hover:bg-gray-200\"\n                    }\n                  `}\n                >\n                  PM\n                </button>\n              </div>\n            </div>\n\n            {/* Action buttons */}\n            <div className=\"flex items-center justify-between gap-2 border-t border-gray-200 pt-3\">\n              <button\n                type=\"button\"\n                onClick={handleClear}\n                className=\"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-gray-300 bg-white hover:bg-gray-100 hover:text-gray-900 h-9 px-4 py-2\"\n              >\n                Clear\n              </button>\n              <button\n                type=\"button\"\n                onClick={handleApply}\n                className=\"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-blue-600 text-white hover:bg-blue-700 h-9 px-4 py-2\"\n              >\n                Done\n              </button>\n            </div>\n          </div>\n        </Popover.Content>\n      </Popover.Root>\n    </div>\n  );\n}\n\nexport default TimeField;","import React from \"react\";\nimport { Error, Success, Warning, Info } from \"../components/formats/alerts/Alerts.jsx\";\n\nfunction AlertMessageField({ field }) {\n  const { variant = \"info\", message, content } = field;\n\n  const alertMessage = message || content || \"\";\n\n  // Render based on variant type\n  switch (variant.toLowerCase()) {\n    case \"error\":\n    case \"danger\":\n      return <Error message={alertMessage} />;\n\n    case \"success\":\n      return <Success message={alertMessage} />;\n\n    case \"warning\":\n    case \"warn\":\n      return <Warning message={alertMessage} />;\n\n    case \"info\":\n    case \"information\":\n    default:\n      return <Info message={alertMessage} />;\n  }\n}\n\nexport default AlertMessageField;","import { InformationCircleIcon, XCircleIcon } from \"@heroicons/react/20/solid\";\nimport { CheckCircleIcon } from \"@heroicons/react/20/solid\";\nimport { ExclamationCircleIcon } from \"@heroicons/react/24/outline\";\nimport { htmlMarkup } from \"../../../../utils/html_markup\";\n\nfunction Error({ message }) {\n    return (\n        <div className=\"rounded-lg bg-red-50 border border-red-100 p-4 shadow-sm\">\n            <div className=\"flex items-center gap-3\">\n                <XCircleIcon aria-hidden=\"true\" className=\"size-5 text-red-500 shrink-0\" />\n                <span className=\"text-sm font-medium text-red-900\">{message}</span>\n            </div>\n        </div>\n    );\n}\nfunction Warning({ message }) {\n    return (\n        <div className=\"rounded-lg bg-amber-50 border border-amber-100 p-4 shadow-sm\">\n            <div className=\"flex items-center gap-3\">\n                <ExclamationCircleIcon\n                    aria-hidden=\"true\"\n                    className=\"size-5 text-amber-600 shrink-0\"\n                />\n                <span className=\"text-sm font-medium text-amber-900\">{message}</span>\n            </div>\n        </div>\n    );\n}\n\nfunction Success({ message }) {\n    return (\n        <div className=\"rounded-lg bg-green-50 border border-green-100 p-4 shadow-sm\">\n            <div className=\"flex items-center gap-3\">\n                <CheckCircleIcon\n                    aria-hidden=\"true\"\n                    className=\"size-5 text-green-600 shrink-0\"\n                />\n                <span className=\"text-sm font-medium text-green-900\">{message}</span>\n            </div>\n        </div>\n    );\n}\n\nfunction Info({ message }) {\n    return (\n        <div className=\"rounded-lg bg-blue-50 border border-blue-100 p-4 shadow-sm\">\n            <div className=\"flex items-center gap-3\">\n                <InformationCircleIcon\n                    aria-hidden=\"true\"\n                    className=\"size-5 text-blue-600 shrink-0\"\n                />\n                <span className=\"text-sm font-medium text-blue-900\">{message}</span>\n            </div>\n        </div>\n    );\n}\n\nexport { Error, Success, Warning, Info };"],"mappings":"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","names":["index_exports","__export","DynamicForm_default","MyButton","index_default","__toCommonJS","import_jsx_runtime","MyButton","children","onClick","import_react","import_react_hot_toast","import_dayjs","import_axios","import_react_hot_toast","config","apiClient","axios","config","response","error","_a","toast","Interceptors_default","import_jsx_runtime","HiddenField","field","HiddenField_default","import_react_select","import_animated","import_jsx_runtime","MultiSelectField","field","formValues","handleChange","touched","errors","handleBlur","isDisabled","options","animatedComponents","makeAnimated","currentValues","Select","selected","MultiSelectField_default","Select","import_react","import_solid","import_jsx_runtime","SelectField","field","formValues","handleChange","handleBlur","_a","value","isDisabled","options","val","option","SelectField_default","import_react","import_jsx_runtime","EmailField","field","formValues","handleChange","handleBlur","touched","errors","isDisabled","e","EmailField_default","import_react","import_jsx_runtime","InputField","field","formValues","handleChange","handleBlur","touched","errors","isDisabled","e","InputField_default","import_react","import_jsx_runtime","HtmlField","field","formValues","htmlContent","HtmlField_default","import_jsx_runtime","CheckboxField","field","formValues","handleChange","handleBlur","touched","errors","isDisabled","error","e","CheckboxField_default","Popover","import_react","import_react_day_picker","import_style","import_jsx_runtime","DateRangeField","field","formValues","handleChange","handleBlur","open","setOpen","selected","handleSelect","range","handleClear","e","DateRangePickerField_default","import_react","import_react_hot_toast","config","import_jsx_runtime","FileField","field","formValues","touched","errors","fileUploads","setFileUploads","fileInputRefs","handleChange","onFieldsChange","error","isMultiple","uploads","currentValues","values","isDisabled","disablebtnClasses","uploadUrl","config","formatFileSize","bytes","k","sizes","i","uploadFile","file","fieldName","formData","response","handleSingleFileUpload","uploadedData","newValues","handleMultiFileUpload","files","currentUrls","uploadedUrls","newUrls","handleFileChange","fileList","removeFile","urlToRemove","newValue","url","el","e","index","upload","u","fileName","FileField_default","import_react","import_jsx_runtime","TextAreaField","field","formValues","handleChange","handleBlur","touched","errors","charCount","setCharCounts","textareaRef","value","isDisabled","error","autoResize","el","handleTextareaChange","e","prev","TextArea_default","import_x_date_pickers","import_react","import_AdapterDayjs","import_DateTimeField","import_jsx_runtime","DayTimePickerField","field","formValues","handleChange","handleBlur","touched","errors","newValue","DayTimePickerField_default","import_react_separator","import_jsx_runtime","LineBreakField","field","LineBreakField_default","import_react","RadioGroup","import_jsx_runtime","RadioGroupField","field","formValues","handleChange","handleBlur","value","isDisabled","options","isInline","val","option","optionValue","optionLabel","optionDescription","itemId","RadioGroups_default","import_react","import_jsx_runtime","HeaderField","field","text","description","size","underline","align","customClass","sizeClasses","alignClasses","headerClass","descriptionClass","HeaderField_default","Popover","import_react","import_react_day_picker","import_style","import_jsx_runtime","DateRangeField","field","formValues","handleChange","handleBlur","open","setOpen","selected","handleSelect","date","handleClear","e","DatePickerField_default","import_react","Popover","import_jsx_runtime","TimeField","field","formValues","handleChange","handleBlur","open","setOpen","hours","setHours","minutes","setMinutes","period","setPeriod","value","React","timeMatch","handleApply","timeString","handleClear","incrementHours","h","decrementHours","incrementMinutes","m","decrementMinutes","e","val","timeField_default","import_react","import_solid","import_outline","import_jsx_runtime","Error","message","Warning","Success","Info","import_jsx_runtime","AlertMessageField","field","variant","message","content","alertMessage","Error","Success","Warning","Info","AlertMessageField_default","import_react_label","import_jsx_runtime","DynamicForm","formDefinition","sendFormValues","children","defaultValues","onFieldsChange","formValues","setFormValues","errors","setErrors","touched","setTouched","charCounts","setCharCounts","excludeFromFieldFormat","FIELD_RENDERERS","FileField_default","DateRangePickerField_default","DatePickerField_default","DayTimePickerField_default","timeField_default","HiddenField_default","MultiSelectField_default","SelectField_default","EmailField_default","HtmlField_default","CheckboxField_default","RadioGroups_default","InputField_default","TextArea_default","HeaderField_default","AlertMessageField_default","LineBreakField_default","FIELD_FORMATTERS","loadOptionsForField","field","dependentValue","response","Interceptors_default","options","item","f","error","initialValues","validateField","value","allValues","dayjs","handleChange","fieldName","newValues","option","newErrors","handleBlur","handleSubmit","e","allTouched","FIELD_COLOR_VARIANTS","fieldFormat","containerStyle","color","containerClasses","content","renderField","FieldComponent","DynamicForm_default","index_default","DynamicForm_default"]}

package/dist/index.js

@@ -0,0 +1,47 @@
+import{jsx as _e}from"react/jsx-runtime";function ee({children:e,onClick:n}){return _e("button",{onClick:n,children:e})}import{useState as Q,useEffect as Oe,useMemo as $t}from"react";import{toast as It}from"react-hot-toast";import Ue from"dayjs";import je from"axios";import te from"react-hot-toast";var ce={REACT_API_URL:"http://localhost:5000/"};var de=je.create({baseURL:ce.REACT_API_URL,headers:{"Content-Type":"application/json"}});de.interceptors.response.use(e=>e.data,e=>{var n;if(e.response&&e.response.status===403)return te.error("You are not authorized to access this resource."),Promise.reject("You are not authorized to access this resource.");if(e.response)return te.error("An error occurred"),Promise.reject(((n=e.response.data)==null?void 0:n.message)||"An error occurred");te.error(e.message)});var me=de;import{jsx as Ge}from"react/jsx-runtime";function He(e){return Ge("input",{type:"hidden",name:e.name,value:e.value},e.name)}var ue=He;import We from"react-select";import Ve from"react-select/animated";import{jsx as qe}from"react/jsx-runtime";function Ye({field:e,formValues:n,handleChange:d,touched:h,errors:u,handleBlur:r}){let l=e.disabled&&e.disabled(n),m=e.options||[],a=Ve(),p=n[e.name]||[];return qe(We,{components:a,isMulti:!0,isDisabled:l,name:e.label,value:p,onChange:y=>d(e.name,y),options:m,placeholder:e.placeholder,closeMenuOnSelect:!1})}var pe=Ye;import*as b from"@radix-ui/react-select";import"react";import{ChevronDownIcon as Ke}from"@heroicons/react/20/solid";import{jsx as F,jsxs as V}from"react/jsx-runtime";function Xe({field:e,formValues:n,handleChange:d,handleBlur:h}){var m;let u=n[e.name]||"",r=typeof e.disabled=="function"?e.disabled(n):e.disabled,l=e.options||[];return V(b.Root,{value:u,onValueChange:a=>d(e.name,a),disabled:r,children:[V(b.Trigger,{id:e.name,onBlur:()=>h(e.name),className:`inline-flex items-center justify-between w-full px-3 py-2 border rounded-md text-sm transition-all
+          ${r?"bg-gray-100 text-gray-500 cursor-not-allowed":"border-gray-300 hover:border-gray-400 focus:ring-2 focus:ring-blue-500"}
+        `,children:[F(b.Value,{placeholder:e.placeholder||`Select ${((m=e.label)==null?void 0:m.toLowerCase())||""}`}),F(b.Icon,{className:"ml-2 text-gray-500",children:F(Ke,{className:"w-4 h-4"})})]}),F(b.Portal,{children:V(b.Content,{className:"bg-white border border-gray-200 rounded-md shadow-lg z-50 min-w-[var(--radix-select-trigger-width)]",position:"popper",sideOffset:5,children:[F(b.ScrollUpButton,{className:"flex items-center justify-center h-6 text-gray-500 bg-gray-50",children:F(b.Arrow,{className:"fill-white stroke-gray-200"})}),V(b.Viewport,{className:"p-1",children:[e.groupLabel&&F(b.Group,{children:F(b.Label,{className:"px-2 py-1 text-xs text-gray-500 uppercase tracking-wide",children:e.groupLabel})}),l.map(a=>F(b.Item,{value:a.value,className:`relative flex items-center px-3 py-2 text-sm rounded cursor-pointer select-none
+                  data-[state=checked]:bg-blue-50
+                  data-[state=checked]:text-blue-600
+                `,children:F(b.ItemText,{children:a.label})},a.value)),e.separator&&F(b.Separator,{className:"my-1 h-px bg-gray-200"})]}),F(b.Arrow,{className:"fill-white stroke-gray-200"})]})})]})}var be=Xe;import"react";import{jsx as Qe}from"react/jsx-runtime";function Je({field:e,formValues:n,handleChange:d,handleBlur:h,touched:u,errors:r}){let l=e.readOnly&&e.disabled;return Qe("input",{...e.props,type:"email",value:n[e.name]||"",onChange:a=>d(e.name,a.target.value),onBlur:()=>h(e.name),disabled:l,name:e.name,placeholder:e.placeholder,className:`w-full px-3 py-2 border rounded-md ${!1?"border-red-500":"border-gray-300"} ${l?"bg-gray-100 text-gray-500 cursor-not-allowed":""}`})}var ge=Je;import"react";import{jsx as et}from"react/jsx-runtime";function Ze({field:e,formValues:n,handleChange:d,handleBlur:h,touched:u,errors:r}){console.log("Rendering InputField for",e);let l=e.readOnly||e.disabled;return et("input",{...e.props,id:e.name,type:e.type||"text",value:n[e.name]||"",onChange:a=>d(e.name,a.target.value),onBlur:()=>h(e.name),disabled:l,name:e.name,placeholder:e.placeholder,min:e.minLength,max:e.maxLength,className:`flex h-10 w-full rounded-md border px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${!1?"border-red-500 focus-visible:ring-red-500":"border-input focus-visible:ring-blue-500"} ${l?"bg-gray-50 text-gray-500":"bg-background"}`})}var oe=Ze;import"react";import{jsx as he}from"react/jsx-runtime";function tt({field:e,formValues:n}){let d=n[e.name]||e.content||"";return he("div",{className:`mb-4 ${e.fieldClass?e.fieldClass:"col-span-full"}`,id:e.name.toLowerCase()+"_id",children:he("div",{className:"w-full px-3 py-2 border rounded-md overflow-y-auto max-h-40 prose prose-sm max-w-none",dangerouslySetInnerHTML:{__html:d}})},e.name)}var xe=tt;import{jsx as re,jsxs as fe}from"react/jsx-runtime";function ot({field:e,formValues:n,handleChange:d,handleBlur:h,touched:u,errors:r}){let l=e.disabled&&e.disabled(n),m=!1;return fe("div",{className:"mt-1 space-x-2",children:[re("input",{...e.props,id:"id_"+e.name,type:"checkbox",checked:n[e.name]||!1,onChange:a=>d(e.name,a.target.checked),onBlur:()=>h(e.name),disabled:l,className:`rounded border-gray-300 ${l?"opacity-50 cursor-not-allowed":""}`}),fe("label",{className:"",htmlFor:"id_"+e.name,children:[e.label,e.required&&re("span",{className:"text-red-500",children:"*"})]}),m&&re("p",{className:"mt-1 text-sm text-red-500",children:m})]})}var ye=ot;import*as T from"@radix-ui/react-popover";import{useState as rt}from"react";import{DayPicker as at}from"react-day-picker";import"react-day-picker/dist/style.css";import{jsx as L,jsxs as G}from"react/jsx-runtime";function st({field:e,formValues:n,handleChange:d,handleBlur:h}){let[u,r]=rt(!1),l=n[e.name]??{from:null,to:null},m=p=>d(e.name,p),a=()=>d(e.name,{from:null,to:null});return L("div",{children:G(T.Root,{open:u,onOpenChange:r,children:[L(T.Trigger,{asChild:!0,children:G("button",{type:"button",id:e.name,"aria-haspopup":"dialog","aria-expanded":u,onClick:()=>r(!0),onKeyDown:p=>p.key==="Enter"&&r(!0),className:`
+              inline-flex items-center justify-between gap-2
+              w-full h-9 rounded-md border border-gray-300 bg-white
+              px-3 py-2 text-sm font-normal shadow-sm
+              hover:bg-gray-50 hover:text-gray-900
+              focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2
+              disabled:cursor-not-allowed disabled:opacity-50
+            `,children:[l.from?l.to?G("span",{children:[l.from.toLocaleDateString()," \u2013 ",l.to.toLocaleDateString()]}):L("span",{children:l.from.toLocaleDateString()}):L("span",{className:"text-muted-foreground",children:e.placeholder||"Select date range"}),L("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-chevron-down opacity-70",children:L("path",{d:"m6 9 6 6 6-6"})})]})}),G(T.Content,{align:"start",sideOffset:2,className:"z-50 rounded-md border border-gray-200 bg-white p-0 shadow-md w-auto",children:[L(at,{mode:"range",selected:l,onSelect:m,showOutsideDays:!0,className:"rounded-md bg-white p-3 text-xs"}),G("div",{className:"flex items-center justify-between gap-2 border-t border-gray-200 p-3",children:[L("button",{type:"button",onClick:a,className:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-gray-300 bg-white hover:bg-gray-100 hover:text-gray-900 h-9 px-4 py-2",children:"Clear"}),L("button",{type:"button",onClick:()=>r(!1),className:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-blue-600 text-white hover:bg-blue-700 h-9 px-4 py-2",children:"Done"})]})]})]})})}var ve=st;import"react";import{toast as Ne}from"react-hot-toast";var we={apiBaseUrl:process.env.API_BASE_URL||""};import{Fragment as lt,jsx as $,jsxs as C}from"react/jsx-runtime";function nt({field:e,formValues:n,touched:d,errors:h,fileUploads:u,setFileUploads:r,fileInputRefs:l,handleChange:m,onFieldsChange:a}){let p=d[e.name]&&h[e.name],y=e.type==="multifile",N=u[e.name]||{},w=n[e.name],P=y?w||[]:[w].filter(Boolean),k=e.disabled&&e.disabled(n),A=`px-4 py-2 bg-gray-100 border rounded hover:bg-gray-200 ${k?"cursor-not-allowed":""}`,j=`${we.REACT_API_URL}uploads`,M=i=>{if(i===0)return"0 Bytes";let t=1024,o=["Bytes","KB","MB","GB"],s=Math.floor(Math.log(i)/Math.log(t));return parseFloat((i/Math.pow(t,s)).toFixed(2))+" "+o[s]},D=async(i,t)=>{let o=new FormData;o.append("file",i);let s=await fetch(`${j}`,{method:"POST",body:o});if(!s.ok)throw Ne.error("Upload failed"),new Error("Upload failed");return await s.json()},x=async(i,t)=>{if(!t)return;if(i.maxSize&&t.size>i.maxSize)throw new Error(`File size must not exceed ${M(i.maxSize)}`);let o=await D(t,i.name),s={...n,[i.name]:o};m(i.name,o),a(s)},S=async(i,t)=>{let o=n[i.name]||[];if(o.length+t.length>i.maxFiles)throw new Error(`Maximum ${i.maxFiles} files allowed`);t.forEach(v=>{if(i.maxSize&&v.size>i.maxSize)throw new Error(`Each file must not exceed ${M(i.maxSize)}`)});let s=await Promise.all(t.map(v=>D(v,i.name))),c=[...o,...s];m(i.name,c),a({...n,[i.name]:c})},W=async(i,t)=>{let o=Array.from(t);try{e.type==="file"?await x(e,o[0]):e.type==="multifile"&&await S(e,o),l.current[i]&&(l.current[i].value="")}catch(s){Ne.error(`Upload failed: ${s.message}`)}},Z=async(i,t)=>{let o;e.type==="file"?o="":o=(n[i]||[]).filter(c=>c!==t),m(i,o),a({...n,[i]:o}),l.current[i]&&(l.current[i].value="")};return C("div",{className:`mb-4 ${e.fieldClass||"col-span-full"}`,children:[C("label",{className:"block font-medium mb-1",children:[e.label,e.required&&$("span",{className:"text-red-500",children:"*"})]}),C("div",{className:"space-y-2",children:[C("div",{className:"items-center space-x-2",children:[C("button",{type:"button",disabled:k,onClick:()=>l.current[e.name].click(),className:A,children:["Choose ",y?"Files":"File"]}),y&&P.length>0&&C("span",{className:"text-sm text-gray-600",children:[P.length," of ",e.maxFiles," files uploaded"]})]}),$("input",{ref:i=>l.current[e.name]=i,type:"file",accept:e.accept,multiple:y,className:"hidden",onChange:i=>W(e.name,i.target.files)}),$("div",{className:"space-y-2",children:P.map((i,t)=>{let o=Object.values(N).find(s=>s.file===i);return C("div",{className:"flex items-center justify-between p-2 bg-gray-50 rounded",children:[C("div",{className:"flex items-center space-x-2",children:[o&&C(lt,{children:[$("span",{className:"text-sm",children:o.fileName}),C("span",{className:"text-xs text-gray-500",children:["(",M(o.fileSize),")"]})]}),!o&&$("span",{className:"text-sm",children:i.original_name})]}),$("button",{type:"button",onClick:()=>Z(e.name,i),className:"text-red-500 hover:text-red-700 ml-3",children:"Remove"})]},i)})}),Object.entries(N).map(([i,t])=>t.status==="uploading"?C("div",{className:"relative pt-1",children:[C("div",{className:"flex items-center justify-between",children:[C("span",{className:"text-xs font-semibold inline-block text-blue-600",children:["Uploading ",i]}),C("span",{className:"text-xs font-semibold inline-block text-blue-600",children:[t.progress,"%"]})]}),$("div",{className:"overflow-hidden h-2 mt-1 text-xs flex rounded bg-blue-200",children:$("div",{className:"shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-blue-500",style:{width:`${t.progress}%`}})})]},i):null)]}),p&&$("p",{className:"mt-1 text-sm text-red-500",children:p})]},e.name)}var ae=nt;import{useRef as it,useEffect as ct}from"react";import{jsx as ke,jsxs as Ce}from"react/jsx-runtime";function dt({field:e,formValues:n,handleChange:d,handleBlur:h,touched:u,errors:r,charCount:l,setCharCounts:m}){let a=it(null),p=n[e.name]||"",y=typeof e.disabled=="function"?e.disabled(n):e.disabled||e.readOnly,N=u!=null&&u[e.name]&&(r!=null&&r[e.name])?r[e.name]:null,w=()=>{let k=a.current;k&&(k.style.height="auto",k.style.height=`${k.scrollHeight+2}px`)};ct(()=>{w()},[p]);let P=k=>{d(e.name,k.target.value),w(),m&&m(A=>({...A,[e.name]:k.target.value.length}))};return Ce("div",{className:"space-y-2",children:[ke("textarea",{...e.props,ref:a,id:e.name,name:e.name,placeholder:e.placeholder||"",value:p,onChange:P,onBlur:()=>h(e.name),disabled:y,maxLength:e.maxLength,rows:e.rows||3,className:`flex w-full rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 resize-none overflow-y-auto ${N?"border-red-500 focus-visible:ring-red-500":"border-input focus-visible:ring-blue-500"} ${y?"bg-gray-50 text-gray-500":"bg-background"}`,style:{minHeight:"80px",maxHeight:"400px"}}),ke("div",{className:"flex justify-between items-center",children:e.maxLength&&!e.readOnly&&Ce("span",{className:"text-xs text-gray-500",children:[l||0,"/",e.maxLength," characters"]})})]})}var Se=dt;import{LocalizationProvider as mt}from"@mui/x-date-pickers";import"react";import{AdapterDayjs as ut}from"@mui/x-date-pickers/AdapterDayjs";import{DateTimeField as pt}from"@mui/x-date-pickers/DateTimeField";import{jsx as se}from"react/jsx-runtime";function bt({field:e,formValues:n,handleChange:d,handleBlur:h,touched:u,errors:r}){return se("div",{children:se(mt,{dateAdapter:ut,adapterLocale:"aus",children:se(pt,{value:e.value,onChange:l=>d(e.name,l)})})})}var Fe=bt;import{Separator as ne}from"@radix-ui/react-separator";import{jsx as Y,jsxs as ht}from"react/jsx-runtime";function gt({field:e}){return e!=null&&e.label?ht("div",{className:"relative flex items-center py-4",children:[Y(ne,{className:"flex-1 h-px bg-gray-300"}),Y("span",{className:"px-3 font-medium text-gray-600 bg-white",children:e.label}),Y(ne,{className:"flex-1 h-px bg-gray-300"})]}):Y(ne,{className:"my-4 h-px bg-gray-300"})}var Re=gt;import"react";import*as O from"@radix-ui/react-radio-group";import{jsx as z,jsxs as Pe}from"react/jsx-runtime";function xt({field:e,formValues:n,handleChange:d,handleBlur:h}){let u=n[e.name]||"",r=typeof e.disabled=="function"?e.disabled(n):e.disabled,l=e.options||[],m=e.inline||!1;return z(O.Root,{value:u,onValueChange:a=>d(e.name,a),onBlur:()=>h(e.name),disabled:r,className:m?"flex flex-wrap gap-4":"space-y-3","aria-label":e.label||e.name,children:l.map(a=>{let p=typeof a=="object"?a.value:a,y=typeof a=="object"?a.label:a,N=typeof a=="object"?a.description:null,w=`${e.name}-${p}`;return Pe("div",{className:"relative flex items-start",children:[z("div",{className:"flex h-6 items-center",children:z(O.Item,{value:p,id:w,disabled:r,className:`
+                  relative size-4 rounded-full border transition-all
+                  ${r?"border-gray-300 bg-gray-100 cursor-not-allowed":"border-gray-300 bg-white hover:border-blue-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"}
+                  data-[state=checked]:border-blue-600 data-[state=checked]:bg-blue-600
+                `,children:z(O.Indicator,{className:"flex items-center justify-center w-full h-full relative after:content-[''] after:block after:w-1.5 after:h-1.5 after:rounded-full after:bg-white"})})}),Pe("div",{className:"ml-3 text-sm",children:[z("label",{htmlFor:w,className:`font-medium ${r?"text-gray-500":"text-gray-900 cursor-pointer"}`,children:y}),N&&!m&&z("p",{className:`text-sm ${r?"text-gray-400":"text-gray-500"}`,children:N})]})]},p)})})}var Le=xt;import"react";import{jsx as $e,jsxs as yt}from"react/jsx-runtime";function ft({field:e}){let n=e.text||e.label||"",d=e.description||"",h=e.size||"lg",u=e.underline||!1,r=e.align||"left",l=e.className||"",m={sm:"text-base font-semibold",md:"text-lg font-semibold",lg:"text-xl font-bold",xl:"text-2xl font-bold","2xl":"text-3xl font-bold","3xl":"text-4xl font-bold","4xl":"text-5xl font-bold"},a={left:"text-left",center:"text-center",right:"text-right"},p=`
+    ${m[h]||m.lg}
+    ${a[r]||a.left}
+    ${u?"border-b-2 border-gray-300 pb-2":""}
+    ${l}
+    text-gray-900
+  `.trim(),y=`
+    mt-1 text-sm text-gray-600
+    ${a[r]||a.left}
+  `.trim();return yt("div",{className:"my-4",children:[$e("h2",{className:p,children:n}),d&&$e("p",{className:y,children:d})]})}var Ie=ft;import*as U from"@radix-ui/react-popover";import{useState as vt}from"react";import{DayPicker as wt}from"react-day-picker";import"react-day-picker/dist/style.css";import{jsx as I,jsxs as q}from"react/jsx-runtime";function Nt({field:e,formValues:n,handleChange:d,handleBlur:h}){let[u,r]=vt(!1),l=n[e.name]??null,m=p=>d(e.name,p),a=()=>d(e.name,null);return I("div",{children:q(U.Root,{open:u,onOpenChange:r,children:[I(U.Trigger,{asChild:!0,children:q("button",{type:"button",id:e.name,"aria-haspopup":"dialog","aria-expanded":u,onClick:()=>r(!0),onKeyDown:p=>p.key==="Enter"&&r(!0),className:`
+              inline-flex items-center justify-between gap-2
+              w-full h-9 rounded-md border border-gray-300 bg-white
+              px-3 py-2 text-sm font-normal shadow-sm
+              hover:bg-gray-50 hover:text-gray-900
+              focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2
+              disabled:cursor-not-allowed disabled:opacity-50
+            `,children:[l?I("span",{children:l.toLocaleDateString()}):I("span",{className:"text-muted-foreground",children:e.placeholder||"Select date"}),I("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-chevron-down opacity-70",children:I("path",{d:"m6 9 6 6 6-6"})})]})}),q(U.Content,{align:"start",sideOffset:2,className:"z-50 rounded-md border border-gray-200 bg-white p-0 shadow-md w-auto",children:[I(wt,{mode:"single",selected:l,onSelect:m,showOutsideDays:!0,className:"rounded-md bg-white p-3 text-xs"}),q("div",{className:"flex items-center justify-between gap-2 border-t border-gray-200 p-3",children:[I("button",{type:"button",onClick:a,className:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-gray-300 bg-white hover:bg-gray-100 hover:text-gray-900 h-9 px-4 py-2",children:"Clear"}),I("button",{type:"button",onClick:()=>r(!1),className:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-blue-600 text-white hover:bg-blue-700 h-9 px-4 py-2",children:"Done"})]})]})]})})}var Ee=Nt;import kt,{useState as K}from"react";import*as _ from"@radix-ui/react-popover";import{jsx as g,jsxs as E}from"react/jsx-runtime";function Ct({field:e,formValues:n,handleChange:d,handleBlur:h}){let[u,r]=K(!1),[l,m]=K("12"),[a,p]=K("00"),[y,N]=K("PM"),w=n[e.name]||"";kt.useEffect(()=>{if(w){let x=w.match(/(\d{1,2}):(\d{2})\s*(AM|PM)/i);x&&(m(x[1].padStart(2,"0")),p(x[2]),N(x[3].toUpperCase()))}},[w]);let P=()=>{let x=`${l}:${a} ${y}`;d(e.name,x),r(!1)},k=()=>{d(e.name,""),m("12"),p("00"),N("PM")},A=()=>{let x=parseInt(l);m((x%12+1).toString().padStart(2,"0"))},j=()=>{let x=parseInt(l);m((x===1?12:x-1).toString().padStart(2,"0"))},M=()=>{let x=parseInt(a);p(((x+5)%60).toString().padStart(2,"0"))},D=()=>{let x=parseInt(a);p((x===0?55:x-5).toString().padStart(2,"0"))};return g("div",{children:E(_.Root,{open:u,onOpenChange:r,children:[g(_.Trigger,{asChild:!0,children:E("button",{type:"button",id:e.name,"aria-haspopup":"dialog","aria-expanded":u,onClick:()=>r(!0),className:`
+              inline-flex items-center justify-between gap-2
+              w-full h-9 rounded-md border border-gray-300 bg-white
+              px-3 py-2 text-sm font-normal shadow-sm
+              hover:bg-gray-50 hover:text-gray-900
+              focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2
+              disabled:cursor-not-allowed disabled:opacity-50
+            `,children:[w?g("span",{children:w}):g("span",{className:"text-gray-400",children:e.placeholder||"Select time"}),E("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-clock opacity-70",children:[g("circle",{cx:"12",cy:"12",r:"10"}),g("polyline",{points:"12 6 12 12 16 14"})]})]})}),g(_.Content,{align:"start",sideOffset:2,className:"z-50 rounded-md border border-gray-200 bg-white p-4 shadow-md w-64",children:E("div",{className:"flex flex-col gap-4",children:[E("div",{className:"flex items-center justify-center gap-2",children:[E("div",{className:"flex flex-col items-center",children:[g("button",{type:"button",onClick:A,className:"p-1 hover:bg-gray-100 rounded",children:g("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:g("polyline",{points:"18 15 12 9 6 15"})})}),g("input",{type:"text",value:l,onChange:x=>{let S=x.target.value.replace(/\D/g,"");(S===""||parseInt(S)>=1&&parseInt(S)<=12)&&m(S.padStart(2,"0"))},className:"w-14 text-center text-2xl font-semibold border-0 focus:outline-none focus:ring-2 focus:ring-blue-500 rounded py-2",maxLength:"2"}),g("button",{type:"button",onClick:j,className:"p-1 hover:bg-gray-100 rounded",children:g("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:g("polyline",{points:"6 9 12 15 18 9"})})})]}),g("span",{className:"text-2xl font-semibold",children:":"}),E("div",{className:"flex flex-col items-center",children:[g("button",{type:"button",onClick:M,className:"p-1 hover:bg-gray-100 rounded",children:g("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:g("polyline",{points:"18 15 12 9 6 15"})})}),g("input",{type:"text",value:a,onChange:x=>{let S=x.target.value.replace(/\D/g,"");(S===""||parseInt(S)>=0&&parseInt(S)<=59)&&p(S.padStart(2,"0"))},className:"w-14 text-center text-2xl font-semibold border-0 focus:outline-none focus:ring-2 focus:ring-blue-500 rounded py-2",maxLength:"2"}),g("button",{type:"button",onClick:D,className:"p-1 hover:bg-gray-100 rounded",children:g("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:g("polyline",{points:"6 9 12 15 18 9"})})})]}),E("div",{className:"flex flex-col gap-1 ml-2",children:[g("button",{type:"button",onClick:()=>N("AM"),className:`
+                    px-3 py-1 text-sm font-medium rounded
+                    ${y==="AM"?"bg-blue-600 text-white":"bg-gray-100 text-gray-700 hover:bg-gray-200"}
+                  `,children:"AM"}),g("button",{type:"button",onClick:()=>N("PM"),className:`
+                    px-3 py-1 text-sm font-medium rounded
+                    ${y==="PM"?"bg-blue-600 text-white":"bg-gray-100 text-gray-700 hover:bg-gray-200"}
+                  `,children:"PM"})]})]}),E("div",{className:"flex items-center justify-between gap-2 border-t border-gray-200 pt-3",children:[g("button",{type:"button",onClick:k,className:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-gray-300 bg-white hover:bg-gray-100 hover:text-gray-900 h-9 px-4 py-2",children:"Clear"}),g("button",{type:"button",onClick:P,className:"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-blue-600 text-white hover:bg-blue-700 h-9 px-4 py-2",children:"Done"})]})]})})]})})}var Me=Ct;import"react";import{InformationCircleIcon as St,XCircleIcon as Ft}from"@heroicons/react/20/solid";import{CheckCircleIcon as Rt}from"@heroicons/react/20/solid";import{ExclamationCircleIcon as Pt}from"@heroicons/react/24/outline";import{jsx as R,jsxs as X}from"react/jsx-runtime";function Be({message:e}){return R("div",{className:"rounded-lg bg-red-50 border border-red-100 p-4 shadow-sm",children:X("div",{className:"flex items-center gap-3",children:[R(Ft,{"aria-hidden":"true",className:"size-5 text-red-500 shrink-0"}),R("span",{className:"text-sm font-medium text-red-900",children:e})]})})}function Ae({message:e}){return R("div",{className:"rounded-lg bg-amber-50 border border-amber-100 p-4 shadow-sm",children:X("div",{className:"flex items-center gap-3",children:[R(Pt,{"aria-hidden":"true",className:"size-5 text-amber-600 shrink-0"}),R("span",{className:"text-sm font-medium text-amber-900",children:e})]})})}function De({message:e}){return R("div",{className:"rounded-lg bg-green-50 border border-green-100 p-4 shadow-sm",children:X("div",{className:"flex items-center gap-3",children:[R(Rt,{"aria-hidden":"true",className:"size-5 text-green-600 shrink-0"}),R("span",{className:"text-sm font-medium text-green-900",children:e})]})})}function Te({message:e}){return R("div",{className:"rounded-lg bg-blue-50 border border-blue-100 p-4 shadow-sm",children:X("div",{className:"flex items-center gap-3",children:[R(St,{"aria-hidden":"true",className:"size-5 text-blue-600 shrink-0"}),R("span",{className:"text-sm font-medium text-blue-900",children:e})]})})}import{jsx as J}from"react/jsx-runtime";function Lt({field:e}){let{variant:n="info",message:d,content:h}=e,u=d||h||"";switch(n.toLowerCase()){case"error":case"danger":return J(Be,{message:u});case"success":return J(De,{message:u});case"warning":case"warn":return J(Ae,{message:u});case"info":case"information":default:return J(Te,{message:u})}}var ze=Lt;import{Label as Et}from"@radix-ui/react-label";import{Fragment as Bt,jsx as B,jsxs as le}from"react/jsx-runtime";var Mt=({formDefinition:e,sendFormValues:n,children:d,defaultValues:h={},onFieldsChange:u=()=>{}})=>{let[r,l]=Q({...h}),[m,a]=Q({}),[p,y]=Q({}),[N,w]=Q({}),P=["hidden","html","linebreak","header","alert"],k=$t(()=>({file:ae,multifile:ae,dateRange:ve,date:Ee,dayTimePicker:Fe,time:Me,hidden:ue,multiselect:pe,select:be,email:ge,litertext:xe,checkbox:ye,radiogroup:Le,input:oe,textarea:Se,header:Ie,alert:ze,linebreak:Re}),[]),A={},j=async(t,o=null)=>{try{let s=await me(`/${t.optionsUrl}`);console.log(s);let c=[];t.type==="select"?c=[{value:"",label:`Select ${t.label.toLowerCase()}`},...s.data]:c=[...s.data.map(v=>({value:v.value,label:v.label}))],e.fields.forEach(v=>{v.name===t.name&&(v.options=c)})}catch(s){console.error(`Failed to load options for ${t.name}:`,s)}finally{}};Oe(()=>{if(e!=null&&e.fields&&e.fields.length>0){if(!e.fields.some(s=>s.value))return;e.fields.forEach(s=>{s.optionsUrl&&j(s)});let o={};e.fields.forEach(s=>{o[s.name]=h[s.name]??s.value??(s.type==="multiselect"?[]:"")}),l(o)}},[e]);let M=(t,o,s)=>{if(t.disabled&&t.disabled(s))return null;if(t.required){if(!o)return`${t.label} is required`;if(Array.isArray(o)&&o.length===0)return`Please select at least one ${t.label.toLowerCase()}`}if(t.validate){let c=t.validate(o,s);if(c)return c}if(t.type==="email"&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o))return"Please enter a valid email address";if(t.type==="number"){if(t.min!==void 0&&o<t.min)return`${t.label} must be at least ${t.min}`;if(t.max!==void 0&&o>t.max)return`${t.label} must be no more than ${t.max}`}return t.type==="date"&&!Ue(o).isValid()?`${t.label} must be a valid date`:t.maxLength&&o&&o.length>t.maxLength?`${t.label} must not exceed ${t.maxLength} characters`:null},D=(t,o)=>{let s=e.fields.find(f=>f.name===t);if(!s)return;let c={...r};console.log(o),s.type==="multiselect"?c[t]=Array.isArray(o)?o:Array.from(o.target.selectedOptions).map(f=>f.value):s.type==="dateRange"?(console.log(o),c[t]=[{startDate:o[0].from,endDate:o[0].to,key:"selection"}]):s.type==="dayTimePicker"?c[t]=o?Ue(o).format("YYYY-MM-DD HH:mm:ss"):"":c[t]=o,s.type==="select"&&e.fields.forEach(f=>{f.showIf&&!f.showIf(c)&&(c[f.name]=f.type==="multiselect"?[]:"")}),e.fields.forEach(f=>{f.disabled&&f.disabled(c)&&(c[f.name]=f.type==="multiselect"?[]:"")}),l(c);let v={};e.fields.forEach(f=>{if(!f.showIf||f.showIf(c)){let H=M(f,c[f.name],c);H&&(v[f.name]=H)}}),a(v)},x=t=>{y({...p,[t]:!0})},S=t=>{t.preventDefault();let o={};e.fields.forEach(c=>{o[c.name]=!0}),y(o);let s={};e.fields.forEach(c=>{if((!c.showIf||c.showIf(r))&&(!c.disabled||!c.disabled(r))){let v=M(c,r[c.name],r);v&&(s[c.name]=v)}}),a(s),Object.keys(s).length===0?n(r):It.error("Please correct the errors in the form")};Oe(()=>{u(r)},[r,u]);let W={green:"border-green-500 bg-green-50",blue:"border-blue-500 bg-blue-50",red:"border-red-500 bg-red-50",yellow:"border-yellow-500 bg-yellow-50",purple:"border-purple-500 bg-purple-50",indigo:"border-indigo-500 bg-indigo-50",gray:"border-gray-500 bg-gray-50",pink:"border-pink-500 bg-pink-50",orange:"border-orange-500 bg-orange-50"};function Z(t,o,s){if(P.includes(o.type))return B("div",{className:o.fieldClass||"col-span-8",children:t});let c=o.containerStyle,v=o.color||"blue",f=c==="card"?`rounded-lg border text-card-foreground shadow-sm p-4 ${o.containerClassName||W[v]||W.blue}`:"",H=le(Bt,{children:[o.label&&le(Et,{htmlFor:o.name,className:"block text-sm font-medium mb-1",children:[o.label,o.required&&B("span",{className:"text-red-500 ml-1",children:"*"})]}),B("div",{children:t}),s&&B("p",{className:"mt-1 text-sm text-red-500",children:s})]});return B("div",{className:`mb-4 ${o.fieldClass||"col-span-8"}`,children:c==="card"?B("div",{className:f,children:H}):H})}let i=t=>{if(t.showIf&&!t.showIf(r))return null;let o=k[t.type]||oe;r[t.name]===void 0&&(r[t.name]=t.value!==void 0?t.value:t.type==="multiselect"?[]:"");let s=p[t.name]&&m[t.name]?m[t.name]:null;return Z(B(o,{field:t,formValues:r,handleChange:D,handleBlur:()=>x(t.name),setCharCounts:w,charCount:N[t.name]||0}),t)};return le("form",{onSubmit:S,className:"grid grid-cols-12 gap-x-4 mx-auto",children:[e?e.fields.map(i):B("div",{children:"Loading..."}),d]})},ie=Mt;var Or=ie;export{ie as DynamicForm,ie as DynamicFormComponent,ee as MyButton,ee as MyButtonComponent,Or as default};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/MyButton.jsx","../src/DynamicForm/DynamicForm.jsx","../src/services/Interceptors.jsx","../src/config.jsx","../src/DynamicForm/fields/HiddenField.jsx","../src/DynamicForm/fields/MultiSelectField.jsx","../src/DynamicForm/fields/SelectField.jsx","../src/DynamicForm/fields/EmailField.jsx","../src/DynamicForm/fields/InputField.jsx","../src/DynamicForm/fields/HtmlField.jsx","../src/DynamicForm/fields/CheckboxField.jsx","../src/DynamicForm/fields/DateRangePickerField.jsx","../src/DynamicForm/fields/FileField.jsx","../src/config.js","../src/DynamicForm/fields/TextArea.jsx","../src/DynamicForm/fields/DayTimePickerField.jsx","../src/DynamicForm/fields/LineBreakField.jsx","../src/DynamicForm/fields/RadioGroups.jsx","../src/DynamicForm/fields/HeaderField.jsx","../src/DynamicForm/fields/DatePickerField.jsx","../src/DynamicForm/fields/timeField.jsx","../src/DynamicForm/fields/AlertMessageField.jsx","../src/DynamicForm/components/formats/alerts/Alerts.jsx","../src/index.jsx"],"sourcesContent":["// src/MyButton.jsx\nexport default function MyButton({ children, onClick }) {\n  return <button onClick={onClick}>{children}</button>;\n}","import { useState, useEffect, useRef, useMemo } from \"react\";\nimport { toast } from \"react-hot-toast\";\nimport dayjs from \"dayjs\";\n// import \"dayjs/locale/de\"; // Remove this to avoid module resolution issues\nimport apiClient from \"../services/Interceptors.jsx\";\nimport { default as RenderHiddenField } from \"./fields/HiddenField\";\nimport { default as RenderMultiSelectField } from \"./fields/MultiSelectField\";\nimport { default as RenderSelectField } from \"./fields/SelectField\";\nimport { default as RenderEmailField } from \"./fields/EmailField\";\nimport { default as RenderInputField } from \"./fields/InputField\";\nimport { default as RenderHtmlField } from \"./fields/HtmlField\";\nimport { default as RenderCheckboxField } from \"./fields/CheckboxField\";\nimport { default as RenderDayPickerField } from \"./fields/DateRangePickerField\";\nimport { default as RenderFileInputField } from \"./fields/FileField\";\nimport { default as RenderTextAreaField } from \"./fields/TextArea\";\nimport { default as DayTimePickerField } from \"./fields/DayTimePickerField\";\nimport { default as RenderLineBreakField } from \"./fields/LineBreakField\";\nimport { default as RenderRadioGroupField } from \"./fields/RadioGroups\";\nimport { default as RenderHeaderField } from \"./fields/HeaderField\";\nimport { default as RenderDatePickerField } from \"./fields/DatePickerField\";\nimport { default as RenderTimeField } from \"./fields/timeField\";\nimport { default as RenderAlertMessageField } from \"./fields/AlertMessageField\";\nimport { Label } from \"@radix-ui/react-label\";\nconst DynamicForm = ({\n    formDefinition,\n    sendFormValues,\n    children,\n    defaultValues = {},\n    onFieldsChange = () => { },\n}) => {\n\n    const [formValues, setFormValues] = useState({ ...defaultValues });\n    const [errors, setErrors] = useState({});\n    const [touched, setTouched] = useState({});\n    const [charCounts, setCharCounts] = useState({});\n    const excludeFromFieldFormat = [\"hidden\", \"html\", \"linebreak\", \"header\", \"alert\"];\n    const FIELD_RENDERERS = useMemo(() => ({\n        file: RenderFileInputField,\n        multifile: RenderFileInputField,\n        dateRange: RenderDayPickerField,\n        date: RenderDatePickerField,\n        dayTimePicker: DayTimePickerField,\n        time: RenderTimeField,\n        hidden: RenderHiddenField,\n        multiselect: RenderMultiSelectField,\n        select: RenderSelectField,\n        email: RenderEmailField,\n        litertext: RenderHtmlField,\n        checkbox: RenderCheckboxField,\n        radiogroup: RenderRadioGroupField,\n        input: RenderInputField,\n        textarea: RenderTextAreaField,\n        header: RenderHeaderField,\n        alert: RenderAlertMessageField,\n        linebreak: RenderLineBreakField,\n\n    }), []);\n\n\n    const FIELD_FORMATTERS = {\n\n\n    }\n\n    const loadOptionsForField = async (field, dependentValue = null) => {\n\n        try {\n            const response = await apiClient(`/${field.optionsUrl}`);\n            console.log(response)\n            // Add empty option at the beginning if not exists\n            let options = [];\n            if (field.type === \"select\") {\n                options = [\n                    { value: \"\", label: `Select ${field.label.toLowerCase()}` },\n                    ...response.data,\n                ];\n            } else {\n                options = [...response.data.map((item) => (\n                    { value: item.value, label: item.label }\n                ))];\n            }\n            formDefinition.fields.forEach((f) => {\n                if (f.name === field.name) {\n                    f.options = options;\n                }\n            });\n            //setFieldOptions((prev) => ({ ...prev, [field.name]: options }));\n        } catch (error) {\n            console.error(`Failed to load options for ${field.name}:`, error);\n        } finally {\n        }\n    };\n\n\n    useEffect(() => {\n        if (formDefinition?.fields && formDefinition.fields.length > 0) {\n            // Wait until at least one field has a non-empty value\n            const hasData = formDefinition.fields.some((f) => f.value);\n            if (!hasData) return; // Don't set empty values early\n\n            // Load async options\n            formDefinition.fields.forEach((field) => {\n                if (field.optionsUrl) loadOptionsForField(field);\n            });\n\n            // Initialise form values\n            const initialValues = {};\n            formDefinition.fields.forEach((field) => {\n                initialValues[field.name] =\n                    defaultValues[field.name] ??\n                    field.value ??\n                    (field.type === \"multiselect\" ? [] : \"\");\n            });\n\n            setFormValues(initialValues);\n        }\n    }, [formDefinition]);\n\n\n\n\n\n    const validateField = (field, value, allValues) => {\n        if (field.disabled && field.disabled(allValues)) {\n            return null;\n        }\n\n        if (field.required) {\n            if (!value) {\n                return `${field.label} is required`;\n            }\n            if (Array.isArray(value) && value.length === 0) {\n                return `Please select at least one ${field.label.toLowerCase()}`;\n            }\n        }\n\n        if (field.validate) {\n            const error = field.validate(value, allValues);\n            if (error) return error;\n        }\n\n        // Email validation addition\n        if (field.type === \"email\") {\n            const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n            if (!emailRegex.test(value)) return \"Please enter a valid email address\";\n        }\n\n        if (field.type === \"number\") {\n            if (field.min !== undefined && value < field.min) {\n                return `${field.label} must be at least ${field.min}`;\n            }\n            if (field.max !== undefined && value > field.max) {\n                return `${field.label} must be no more than ${field.max}`;\n            }\n        }\n\n        if (field.type === \"date\") {\n            // Ensure the value is a valid date\n            if (!dayjs(value).isValid()) {\n                return `${field.label} must be a valid date`;\n            }\n        }\n\n        if (field.maxLength && value && value.length > field.maxLength) {\n            return `${field.label} must not exceed ${field.maxLength} characters`;\n        }\n\n        return null;\n    };\n\n\n    const handleChange = (fieldName, value) => {\n        const field = formDefinition.fields.find((f) => f.name === fieldName);\n        if (!field) return;\n\n        const newValues = { ...formValues };\n        console.log(value)\n        // Handle multiselect values\n        if (field.type === \"multiselect\") {\n            newValues[fieldName] = Array.isArray(value)\n                ? value\n                : Array.from(value.target.selectedOptions).map((option) => option.value);\n        }\n        // Handle DateRangePicker (dayPicker)\n\n        else if (field.type === \"dateRange\") {\n            console.log(value)\n            newValues[fieldName] = [\n                {\n                    startDate: value[0].from,\n                    endDate: value[0].to,\n                    key: \"selection\",\n                },\n            ];\n\n        }\n        // Handle DateTime Picker\n        else if (field.type === \"dayTimePicker\") {\n            newValues[fieldName] = value ? dayjs(value).format(\"YYYY-MM-DD HH:mm:ss\") : \"\";\n        }\n        else {\n            newValues[fieldName] = value;\n        }\n\n        // Clear dependent fields when parent selection changes\n        if (field.type === \"select\") {\n            formDefinition.fields.forEach((f) => {\n                if (f.showIf && !f.showIf(newValues)) {\n                    newValues[f.name] = f.type === \"multiselect\" ? [] : \"\";\n                }\n            });\n        }\n\n        formDefinition.fields.forEach((f) => {\n            if (f.disabled && f.disabled(newValues)) {\n                newValues[f.name] = f.type === \"multiselect\" ? [] : \"\";\n            }\n        });\n\n        setFormValues(newValues);\n\n        // Validate all fields\n        const newErrors = {};\n        formDefinition.fields.forEach((f) => {\n            if (!f.showIf || f.showIf(newValues)) {\n                const error = validateField(f, newValues[f.name], newValues);\n                if (error) newErrors[f.name] = error;\n            }\n        });\n\n        setErrors(newErrors);\n    };\n\n\n    const handleBlur = (fieldName) => {\n        setTouched({ ...touched, [fieldName]: true });\n    };\n\n    const handleSubmit = (e) => {\n        e.preventDefault();\n\n        const allTouched = {};\n        formDefinition.fields.forEach((field) => {\n            allTouched[field.name] = true;\n        });\n        setTouched(allTouched);\n\n        const newErrors = {};\n        formDefinition.fields.forEach((field) => {\n            if (\n                (!field.showIf || field.showIf(formValues)) &&\n                (!field.disabled || !field.disabled(formValues))\n            ) {\n                const error = validateField(field, formValues[field.name], formValues);\n                if (error) newErrors[field.name] = error;\n            }\n        });\n\n        setErrors(newErrors);\n\n        if (Object.keys(newErrors).length === 0) {\n            sendFormValues(formValues);\n        } else {\n            toast.error(\"Please correct the errors in the form\");\n        }\n    };\n\n\n    useEffect(() => {\n\n        onFieldsChange(formValues);\n\n    }, [formValues, onFieldsChange]);\n\n\n    // Color variants for field card container\n    const FIELD_COLOR_VARIANTS = {\n        green: 'border-green-500 bg-green-50',\n        blue: 'border-blue-500 bg-blue-50',\n        red: 'border-red-500 bg-red-50',\n        yellow: 'border-yellow-500 bg-yellow-50',\n        purple: 'border-purple-500 bg-purple-50',\n        indigo: 'border-indigo-500 bg-indigo-50',\n        gray: 'border-gray-500 bg-gray-50',\n        pink: 'border-pink-500 bg-pink-50',\n        orange: 'border-orange-500 bg-orange-50',\n    };\n\n\n    function fieldFormat(children, field, error) {\n        if (excludeFromFieldFormat.includes(field.type)) {\n            return <div className={field.fieldClass || \"col-span-8\"}>{children}</div>;\n        }\n\n        const containerStyle = field.containerStyle;\n        const color = field.color || 'blue';\n        const containerClasses = containerStyle === 'card'\n            ? `rounded-lg border text-card-foreground shadow-sm p-4 ${field.containerClassName || FIELD_COLOR_VARIANTS[color] || FIELD_COLOR_VARIANTS.blue}`\n            : '';\n\n        const content = (\n            <>\n                {field.label && (\n                    <Label\n                        htmlFor={field.name}\n                        className=\"block text-sm font-medium mb-1\"\n                    >\n                        {field.label}\n                        {field.required && <span className=\"text-red-500 ml-1\">*</span>}\n                    </Label>\n                )}\n\n                {/* InputField or any other field goes here */}\n                <div>{children}</div>\n\n                {error && (\n                    <p className=\"mt-1 text-sm text-red-500\">\n                        {error}\n                    </p>\n                )}\n            </>\n        );\n\n        return (\n            <div className={`mb-4 ${field.fieldClass || \"col-span-8\"}`}>\n                {containerStyle === 'card' ? (\n                    <div className={containerClasses}>\n                        {content}\n                    </div>\n                ) : content}\n            </div>\n        );\n    }\n\n    const renderField = (field) => {\n        if (field.showIf && !field.showIf(formValues)) return null;\n\n        const FieldComponent = FIELD_RENDERERS[field.type] || RenderInputField;\n        if (formValues[field.name] === undefined) {\n            formValues[field.name] =\n                field.value !== undefined\n                    ? field.value\n                    : field.type === \"multiselect\"\n                        ? []\n                        : \"\";\n        }\n\n        const error = touched[field.name] && errors[field.name] ? errors[field.name] : null;\n\n        return (fieldFormat(\n            <FieldComponent\n                field={field}\n                formValues={formValues}\n                handleChange={handleChange}\n                handleBlur={() => handleBlur(field.name)}\n                setCharCounts={setCharCounts}\n                charCount={charCounts[field.name] || 0}\n            //error={error}\n            />, field\n        )\n        );\n    };\n\n\n    return (\n        <form onSubmit={handleSubmit} className=\"grid grid-cols-12 gap-x-4 mx-auto\">\n            {formDefinition ? (\n                formDefinition.fields.map(renderField)\n            ) : (\n                <div>Loading...</div>\n            )}\n            {children}\n        </form>\n    );\n};\n\nexport default DynamicForm;","import axios from 'axios';\nimport toast from 'react-hot-toast';\nimport {config} from '../config';\nconst apiClient = axios.create({\n    baseURL: config.REACT_API_URL,\n    headers: {\n      'Content-Type': 'application/json',\n    },\n  });\n  \n  apiClient.interceptors.response.use(\n    (response) => response.data,\n    (error) => {\n      if (error.response && error.response.status === 403) {\n        toast.error( 'You are not authorized to access this resource.');\n        return Promise.reject('You are not authorized to access this resource.');\n      }else if (error.response) {\n        toast.error( 'An error occurred' );\n        return Promise.reject(error.response.data?.message || 'An error occurred');\n      } else{\n        toast.error(error.message);\n      }\n      \n\n    }\n  );\n  export default apiClient;","export const config = {\"REACT_API_URL\": \"http://localhost:5000/\"};","\n// This component renders a hidden input field for forms. This used to include data in form submissions without displaying it to the user.\nfunction HiddenField(field) {\n  return <input type=\"hidden\" name={field.name} value={field.value} key={field.name} />;\n}\nexport default HiddenField;","import Select from 'react-select'\nimport makeAnimated from 'react-select/animated'\n\nfunction MultiSelectField({ field, formValues, handleChange, touched, errors, handleBlur }) {\n   //const error = touched[field.name] && errors[field.name];\n    const isDisabled = field.disabled && field.disabled(formValues);\n    const options = field.options || [];\n\n    const animatedComponents = makeAnimated();\n\n    const currentValues = formValues[field.name] || [];\n\n    return (\n\n        <Select\n          components={animatedComponents}\n          isMulti\n          isDisabled={isDisabled}\n          name={field.label}\n          value={currentValues}\n          onChange={(selected) => handleChange(field.name, selected)}\n          options={options}\n          placeholder={field.placeholder}\n          closeMenuOnSelect={false}\n        />\n\n    );\n}\nexport default MultiSelectField;","import * as Select from \"@radix-ui/react-select\";\nimport React from \"react\";\n// get arrow down icon from icon hero icon\nimport { ChevronDownIcon } from \"@heroicons/react/20/solid\";\n\nfunction SelectField({ field, formValues, handleChange, handleBlur }) {\n  const value = formValues[field.name] || \"\";\n  const isDisabled =\n    typeof field.disabled === \"function\"\n      ? field.disabled(formValues)\n      : field.disabled;\n  const options = field.options || [];\n\n  return (\n    <Select.Root\n      value={value}\n      onValueChange={(val) => handleChange(field.name, val)}\n      disabled={isDisabled}\n    >\n      {/* --- Trigger --- */}\n      <Select.Trigger\n        id={field.name}\n        onBlur={() => handleBlur(field.name)}\n        className={`inline-flex items-center justify-between w-full px-3 py-2 border rounded-md text-sm transition-all\n          ${isDisabled\n            ? \"bg-gray-100 text-gray-500 cursor-not-allowed\"\n            : \"border-gray-300 hover:border-gray-400 focus:ring-2 focus:ring-blue-500\"}\n        `}\n      >\n        <Select.Value\n          placeholder={\n            field.placeholder || `Select ${field.label?.toLowerCase() || \"\"}`\n          }\n        />\n        <Select.Icon className=\"ml-2 text-gray-500\">\n          <ChevronDownIcon className=\"w-4 h-4\" />\n        </Select.Icon>\n      </Select.Trigger>\n\n      {/* --- Dropdown --- */}\n      <Select.Portal>\n        <Select.Content\n          className=\"bg-white border border-gray-200 rounded-md shadow-lg z-50 min-w-[var(--radix-select-trigger-width)]\"\n          position=\"popper\"\n          sideOffset={5}\n        >\n          {/* Scroll Up */}\n          <Select.ScrollUpButton className=\"flex items-center justify-center h-6 text-gray-500 bg-gray-50\">\n            <Select.Arrow className=\"fill-white stroke-gray-200\" />\n          </Select.ScrollUpButton>\n\n          <Select.Viewport className=\"p-1\">\n            {/* Optional grouped items */}\n            {field.groupLabel && (\n              <Select.Group>\n                <Select.Label className=\"px-2 py-1 text-xs text-gray-500 uppercase tracking-wide\">\n                  {field.groupLabel}\n                </Select.Label>\n              </Select.Group>\n            )}\n\n            {/* List of options */}\n            {options.map((option) => (\n              <Select.Item\n                key={option.value}\n                value={option.value}\n                className={`relative flex items-center px-3 py-2 text-sm rounded cursor-pointer select-none\n                  data-[state=checked]:bg-blue-50\n                  data-[state=checked]:text-blue-600\n                `}\n              >\n                <Select.ItemText>{option.label}</Select.ItemText>\n\n              </Select.Item>\n            ))}\n\n            {/* Optional separator */}\n            {field.separator && (\n              <Select.Separator className=\"my-1 h-px bg-gray-200\" />\n            )}\n          </Select.Viewport>\n\n          {/* Scroll Down */}\n\n          {/* Optional arrow */}\n          <Select.Arrow className=\"fill-white stroke-gray-200\" />\n        </Select.Content>\n      </Select.Portal>\n    </Select.Root>\n  );\n}\n\nexport default SelectField;\n","import React from 'react';\n\nfunction EmailField({ field, formValues, handleChange, handleBlur, touched, errors }) {\n  //const error = touched[field.name] && errors[field.name];\n  const isDisabled = field.readOnly && field.disabled;\n    const error = false;\n  return (\n      <input\n        {...field.props}\n        type=\"email\"\n        value={formValues[field.name] || \"\"}\n        onChange={(e) => handleChange(field.name, e.target.value)}\n        onBlur={() => handleBlur(field.name)}\n        disabled={isDisabled}\n        name={field.name}\n        placeholder={field.placeholder}\n        className={`w-full px-3 py-2 border rounded-md ${\n          error ? \"border-red-500\" : \"border-gray-300\"\n        } ${isDisabled ? \"bg-gray-100 text-gray-500 cursor-not-allowed\" : \"\"}`}\n      />\n  );\n}\n\nexport default EmailField;","import React from \"react\";\n\nfunction InputField({ field, formValues, handleChange, handleBlur, touched, errors }) {\n  console.log(\"Rendering InputField for\", field);\n  const isDisabled = field.readOnly || field.disabled;\n  const error = false\n  return (\n      <input\n        {...field.props}\n        id={field.name}\n        type={field.type || \"text\"}\n        value={formValues[field.name] || \"\"}\n        onChange={(e) => handleChange(field.name, e.target.value)}\n        onBlur={() => handleBlur(field.name)}\n        disabled={isDisabled}\n        name={field.name}\n        placeholder={field.placeholder}\n        min={field.minLength}\n        max={field.maxLength}\n        className={`flex h-10 w-full rounded-md border px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${\n          error \n            ? \"border-red-500 focus-visible:ring-red-500\" \n            : \"border-input focus-visible:ring-blue-500\"\n        } ${\n          isDisabled \n            ? \"bg-gray-50 text-gray-500\" \n            : \"bg-background\"\n        }`}\n      />\n\n  );\n}\n\nexport default InputField;","import React from 'react'\n\n\nfunction HtmlField({ field, formValues }) {\n  const htmlContent = formValues[field.name] || field.content || \"\";\n  \n  return (\n    <div key={field.name} className={`mb-4 ${field.fieldClass ? field.fieldClass : \"col-span-full\"}`} id={field.name.toLowerCase() + \"_id\"}>\n      <div \n        className=\"w-full px-3 py-2 border rounded-md overflow-y-auto max-h-40 prose prose-sm max-w-none\" \n        dangerouslySetInnerHTML={{ __html: htmlContent }} \n      />\n    </div>\n  )\n}\n\nexport default HtmlField\n","\n\nfunction CheckboxField({field, formValues, handleChange, handleBlur, touched, errors}) {\n  //const error = touched[field.name] && errors[field.name];\n  const isDisabled = field.disabled && field.disabled(formValues);\n  const error = false  \n  return (\n    <div className=\"mt-1 space-x-2\">\n      <input\n        {...field.props}\n        id={\"id_\" + field.name}\n        type=\"checkbox\"\n        checked={formValues[field.name] || false}\n        onChange={(e) => handleChange(field.name, e.target.checked)}\n        onBlur={() => handleBlur(field.name)}\n        disabled={isDisabled}\n        className={`rounded border-gray-300 ${\n          isDisabled ? \"opacity-50 cursor-not-allowed\" : \"\"\n        }`}\n      />\n      <label className=\"\" htmlFor={\"id_\" + field.name}>\n        {field.label}\n        {field.required && <span className=\"text-red-500\">*</span>}\n      </label>\n      {error && <p className=\"mt-1 text-sm text-red-500\">{error}</p>}\n    </div>\n  )\n}\n\nexport default CheckboxField","import * as Popover from \"@radix-ui/react-popover\";\nimport { useState } from \"react\";\nimport { DayPicker } from \"react-day-picker\";\nimport \"react-day-picker/dist/style.css\";\n\nfunction DateRangeField({ field, formValues, handleChange, handleBlur }) {\n  const [open, setOpen] = useState(false);\n  const selected = formValues[field.name] ?? { from: null, to: null };\n\n  const handleSelect = (range) => handleChange(field.name, range);\n  const handleClear = () => handleChange(field.name, { from: null, to: null });\n\n  return (\n    <div>\n      <Popover.Root open={open} onOpenChange={setOpen}>\n        <Popover.Trigger asChild>\n          <button\n            type=\"button\"\n            id={field.name}\n            aria-haspopup=\"dialog\"\n            aria-expanded={open}\n            onClick={() => setOpen(true)}\n            onKeyDown={(e) => e.key === \"Enter\" && setOpen(true)}\n            className=\"\n              inline-flex items-center justify-between gap-2\n              w-full h-9 rounded-md border border-gray-300 bg-white\n              px-3 py-2 text-sm font-normal shadow-sm\n              hover:bg-gray-50 hover:text-gray-900\n              focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2\n              disabled:cursor-not-allowed disabled:opacity-50\n            \"\n          >\n            {selected.from ? (\n              selected.to ? (\n                <span>\n                  {selected.from.toLocaleDateString()} – {selected.to.toLocaleDateString()}\n                </span>\n              ) : (\n                <span>{selected.from.toLocaleDateString()}</span>\n              )\n            ) : (\n              <span className=\"text-muted-foreground\">\n                {field.placeholder || \"Select date range\"}\n              </span>\n            )}\n\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              className=\"lucide lucide-chevron-down opacity-70\"\n            >\n              <path d=\"m6 9 6 6 6-6\" />\n            </svg>\n          </button>\n        </Popover.Trigger>\n\n        <Popover.Content\n          align=\"start\"\n          sideOffset={2}\n          className=\"z-50 rounded-md border border-gray-200 bg-white p-0 shadow-md w-auto\"\n        >\n          <DayPicker\n            mode=\"range\"\n            selected={selected}\n            onSelect={handleSelect}\n            showOutsideDays\n            className=\"rounded-md bg-white p-3 text-xs\"\n          />\n          \n          {/* Action buttons */}\n          <div className=\"flex items-center justify-between gap-2 border-t border-gray-200 p-3\">\n            <button\n              type=\"button\"\n              onClick={handleClear}\n              className=\"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-gray-300 bg-white hover:bg-gray-100 hover:text-gray-900 h-9 px-4 py-2\"\n            >\n              Clear\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setOpen(false)}\n              className=\"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-blue-600 text-white hover:bg-blue-700 h-9 px-4 py-2\"\n            >\n              Done\n            </button>\n          </div>\n        </Popover.Content>\n      </Popover.Root>\n    </div>\n  );\n}\n\nexport default DateRangeField;\n","import React from 'react'\nimport { toast } from \"react-hot-toast\";\nimport { config } from \"../../config.js\";\n\nfunction FileField({\n  field,\n  formValues,\n  touched,\n  errors,\n  fileUploads,\n  setFileUploads,\n  fileInputRefs,\n  handleChange,\n  onFieldsChange\n}) {\n  const error = touched[field.name] && errors[field.name];\n  const isMultiple = field.type === \"multifile\";\n  const uploads = fileUploads[field.name] || {};\n  const currentValues = formValues[field.name];\n  const values = isMultiple\n    ? currentValues || []\n    : [currentValues].filter(Boolean);\n  const isDisabled = field.disabled && field.disabled(formValues);\n  const disablebtnClasses = `px-4 py-2 bg-gray-100 border rounded hover:bg-gray-200 ${isDisabled ? \"cursor-not-allowed\" : \"\"\n    }`;\n\n  const uploadUrl = `${config.REACT_API_URL}uploads`;\n\n  const formatFileSize = (bytes) => {\n    if (bytes === 0) return \"0 Bytes\";\n    const k = 1024;\n    const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\"];\n    const i = Math.floor(Math.log(bytes) / Math.log(k));\n    return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + \" \" + sizes[i];\n  };\n\n  const uploadFile = async (file, fieldName) => {\n    const formData = new FormData();\n    formData.append(\"file\", file);\n\n    const response = await fetch(`${uploadUrl}`, {\n      method: \"POST\",\n      body: formData,\n    });\n\n    if (!response.ok) {\n      toast.error(\"Upload failed\");\n      throw new Error(\"Upload failed\");\n    }\n\n    const data = await response.json();\n    return data;\n  };\n\n  const handleSingleFileUpload = async (field, file) => {\n    if (!file) return;\n\n    // Validate file size\n    if (field.maxSize && file.size > field.maxSize) {\n      throw new Error(\n        `File size must not exceed ${formatFileSize(field.maxSize)}`\n      );\n    }\n\n    // Upload the file\n    const uploadedData = await uploadFile(file, field.name);\n\n    // Update form values with the uploaded URL\n    const newValues = { ...formValues, [field.name]: uploadedData };\n    handleChange(field.name, uploadedData);\n    onFieldsChange(newValues);\n  };\n\n  const handleMultiFileUpload = async (field, files) => {\n    const currentUrls = formValues[field.name] || [];\n    if (currentUrls.length + files.length > field.maxFiles) {\n      throw new Error(`Maximum ${field.maxFiles} files allowed`);\n    }\n\n    // Validate each file size\n    files.forEach((file) => {\n      if (field.maxSize && file.size > field.maxSize) {\n        throw new Error(\n          `Each file must not exceed ${formatFileSize(field.maxSize)}`\n        );\n      }\n    });\n\n    // Upload all files\n    const uploadedUrls = await Promise.all(\n      files.map((file) => uploadFile(file, field.name))\n    );\n\n    // Update form values with the new URLs\n    const newUrls = [...currentUrls, ...uploadedUrls];\n    handleChange(field.name, newUrls);\n    onFieldsChange({ ...formValues, [field.name]: newUrls });\n  };\n\n  const handleFileChange = async (fieldName, files) => {\n    const fileList = Array.from(files);\n\n    try {\n      if (field.type === \"file\") {\n        await handleSingleFileUpload(field, fileList[0]);\n      } else if (field.type === \"multifile\") {\n        await handleMultiFileUpload(field, fileList);\n      }\n\n      // Clear file input after processing\n      if (fileInputRefs.current[fieldName]) {\n        fileInputRefs.current[fieldName].value = \"\"; // This resets the file input field\n      }\n    } catch (error) {\n      toast.error(`Upload failed: ${error.message}`);\n    }\n  };\n\n  const removeFile = async (fieldName, urlToRemove) => {\n    let newValue;\n\n    if (field.type === \"file\") {\n      newValue = \"\";\n    } else {\n      const urls = formValues[fieldName] || [];\n      newValue = urls.filter((url) => url !== urlToRemove);\n    }\n\n    handleChange(fieldName, newValue);\n    onFieldsChange({ ...formValues, [fieldName]: newValue });\n\n    // Reset the file input field after removing the file\n    if (fileInputRefs.current[fieldName]) {\n      fileInputRefs.current[fieldName].value = \"\"; // Reset file input after removing\n    }\n  };\n\n  return (\n    <div key={field.name} className={`mb-4 ${field.fieldClass || 'col-span-full'}`}>\n      <label className=\"block font-medium mb-1\">\n        {field.label}\n        {field.required && <span className=\"text-red-500\">*</span>}\n      </label>\n\n      <div className=\"space-y-2\">\n        <div className=\"items-center space-x-2\">\n          <button\n            type=\"button\"\n            disabled={isDisabled}\n            onClick={() => fileInputRefs.current[field.name].click()}\n            className={disablebtnClasses}\n          >\n            Choose {isMultiple ? \"Files\" : \"File\"}\n          </button>\n          {isMultiple && values.length > 0 && (\n            <span className=\"text-sm text-gray-600\">\n              {values.length} of {field.maxFiles} files uploaded\n            </span>\n          )}\n        </div>\n\n        <input\n          ref={(el) => (fileInputRefs.current[field.name] = el)}\n          type=\"file\"\n          accept={field.accept}\n          multiple={isMultiple}\n          className=\"hidden\"\n          onChange={(e) => handleFileChange(field.name, e.target.files)}\n        />\n\n        {/* Uploaded Files List */}\n        <div className=\"space-y-2\">\n          {values.map((file, index) => {\n            const upload = Object.values(uploads).find(\n              (u) => u.file === file\n            );\n            return (\n              <div\n                key={file}\n                className=\"flex items-center justify-between p-2 bg-gray-50 rounded\"\n              >\n                <div className=\"flex items-center space-x-2\">\n                  {upload && (\n                    <>\n                      <span className=\"text-sm\">{upload.fileName}</span>\n                      <span className=\"text-xs text-gray-500\">\n                        ({formatFileSize(upload.fileSize)})\n                      </span>\n                    </>\n                  )}\n                  {!upload && (\n                    <span className=\"text-sm\">{file.original_name}</span>\n                  )}\n                </div>\n                <button\n                  type=\"button\"\n                  onClick={() => removeFile(field.name, file)}\n                  className=\"text-red-500 hover:text-red-700 ml-3\"\n                >\n                  Remove\n                </button>\n              </div>\n            );\n          })}\n        </div>\n\n        {/* Upload Progress */}\n        {Object.entries(uploads).map(([fileName, upload]) => {\n          if (upload.status === \"uploading\") {\n            return (\n              <div key={fileName} className=\"relative pt-1\">\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"text-xs font-semibold inline-block text-blue-600\">\n                    Uploading {fileName}\n                  </span>\n                  <span className=\"text-xs font-semibold inline-block text-blue-600\">\n                    {upload.progress}%\n                  </span>\n                </div>\n                <div className=\"overflow-hidden h-2 mt-1 text-xs flex rounded bg-blue-200\">\n                  <div\n                    className=\"shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-blue-500\"\n                    style={{ width: `${upload.progress}%` }}\n                  />\n                </div>\n              </div>\n            );\n          }\n          return null;\n        })}\n      </div>\n\n      {error && <p className=\"mt-1 text-sm text-red-500\">{error}</p>}\n    </div>\n  );\n}\n\nexport default FileField;","// Default configuration for the DynamicForm package\nexport const config = {\n  // Add your configuration values here\n  apiBaseUrl: process.env.API_BASE_URL || '',\n  // Add other config values as needed\n};","import React, { useRef, useEffect } from \"react\";\n\nfunction TextAreaField({\n  field,\n  formValues,\n  handleChange,\n  handleBlur,\n  touched,\n  errors,\n  charCount,\n  setCharCounts,\n}) {\n  const textareaRef = useRef(null);\n  const value = formValues[field.name] || \"\";\n  const isDisabled =\n    typeof field.disabled === \"function\"\n      ? field.disabled(formValues)\n      : field.disabled || field.readOnly;\n  const error = touched?.[field.name] && errors?.[field.name] ? errors[field.name] : null;\n\n  // Auto-resize logic\n  const autoResize = () => {\n    const el = textareaRef.current;\n    if (el) {\n      el.style.height = \"auto\";\n      el.style.height = `${el.scrollHeight + 2}px`;\n    }\n  };\n\n  // Auto-resize on mount & when value changes\n  useEffect(() => {\n    autoResize();\n  }, [value]);\n\n  const handleTextareaChange = (e) => {\n    handleChange(field.name, e.target.value);\n    autoResize();\n\n    if (setCharCounts) {\n      setCharCounts((prev) => ({\n        ...prev,\n        [field.name]: e.target.value.length,\n      }));\n    }\n  };\n\n  return (\n    <div className=\"space-y-2\">\n      <textarea\n        {...field.props}\n        ref={textareaRef}\n        id={field.name}\n        name={field.name}\n        placeholder={field.placeholder || \"\"}\n        value={value}\n        onChange={handleTextareaChange}\n        onBlur={() => handleBlur(field.name)}\n        disabled={isDisabled}\n        maxLength={field.maxLength}\n        rows={field.rows || 3}\n        className={`flex w-full rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 resize-none overflow-y-auto ${\n          error \n            ? \"border-red-500 focus-visible:ring-red-500\" \n            : \"border-input focus-visible:ring-blue-500\"\n        } ${\n          isDisabled \n            ? \"bg-gray-50 text-gray-500\" \n            : \"bg-background\"\n        }`}\n        style={{\n          minHeight: \"80px\",\n          maxHeight: \"400px\",\n        }}\n      />\n\n      <div className=\"flex justify-between items-center\">\n        {/* Character counter */}\n        {field.maxLength && !field.readOnly && (\n          <span className=\"text-xs text-gray-500\">\n            {charCount || 0}/{field.maxLength} characters\n          </span>\n        )}\n\n      </div>\n    </div>\n  );\n}\n\nexport default TextAreaField;\n","import { LocalizationProvider } from '@mui/x-date-pickers';\nimport React from 'react'\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\nimport { DateTimeField } from \"@mui/x-date-pickers/DateTimeField\";\n\nfunction DayTimePickerField({ field, formValues, handleChange, handleBlur, touched, errors }) {\n  return (\n    <div>\n        <LocalizationProvider dateAdapter={AdapterDayjs} adapterLocale=\"aus\">\n          <DateTimeField\n            value={field.value}\n            onChange={(newValue) => handleChange(field.name, newValue)}\n        />\n        </LocalizationProvider>        \n      \n    </div>\n  )\n}\nexport default DayTimePickerField\n\n\n\n","\nimport { Separator } from \"@radix-ui/react-separator\"\n\nfunction LineBreakField({ field }) {\n  if (!field?.label) return <Separator className=\"my-4 h-px bg-gray-300\" />;\n\n  return (\n    <div className=\"relative flex items-center py-4\">\n      <Separator className=\"flex-1 h-px bg-gray-300\" />\n      <span className=\"px-3 font-medium text-gray-600 bg-white\">\n        {field.label}\n      </span>\n      <Separator className=\"flex-1 h-px bg-gray-300\" />\n    </div>\n  );\n}\n\nexport default LineBreakField;","/**\n * RadioGroupField Component\n * \n * A Radix UI-based radio group field for DynamicForm\n * \n * @example\n * // Basic usage (stacked layout)\n * {\n *   type: 'radio',\n *   name: 'plan',\n *   label: 'Select Plan',\n *   options: [\n *     { value: 'basic', label: 'Basic Plan', description: 'Perfect for individuals' },\n *     { value: 'pro', label: 'Pro Plan', description: 'For professionals' },\n *     { value: 'enterprise', label: 'Enterprise', description: 'For large teams' }\n *   ]\n * }\n * \n * @example\n * // Inline layout\n * {\n *   type: 'radio',\n *   name: 'size',\n *   label: 'Select Size',\n *   inline: true,\n *   options: ['Small', 'Medium', 'Large']\n * }\n * \n * @example\n * // Simple string options\n * {\n *   type: 'radio',\n *   name: 'color',\n *   label: 'Choose Color',\n *   options: ['Red', 'Green', 'Blue']\n * }\n * \n * @example\n * // With disabled state\n * {\n *   type: 'radio',\n *   name: 'subscription',\n *   label: 'Subscription Type',\n *   disabled: (formValues) => formValues.hasActiveSubscription,\n *   options: [\n *     { value: 'monthly', label: 'Monthly' },\n *     { value: 'yearly', label: 'Yearly' }\n *   ]\n * }\n */\n\nimport React from 'react';\nimport * as RadioGroup from '@radix-ui/react-radio-group';\n\nfunction RadioGroupField({ field, formValues, handleChange, handleBlur }) {\n  const value = formValues[field.name] || '';\n  const isDisabled = typeof field.disabled === 'function' \n    ? field.disabled(formValues) \n    : field.disabled;\n  const options = field.options || [];\n  const isInline = field.inline || false;\n\n  return (\n    <RadioGroup.Root\n      value={value}\n      onValueChange={(val) => handleChange(field.name, val)}\n      onBlur={() => handleBlur(field.name)}\n      disabled={isDisabled}\n      className={isInline ? 'flex flex-wrap gap-4' : 'space-y-3'}\n      aria-label={field.label || field.name}\n    >\n      {options.map((option) => {\n        const optionValue = typeof option === 'object' ? option.value : option;\n        const optionLabel = typeof option === 'object' ? option.label : option;\n\n        const optionDescription = typeof option === 'object' ? option.description : null;\n        const itemId = `${field.name}-${optionValue}`;\n\n        return (\n          <div key={optionValue} className=\"relative flex items-start\">\n            <div className=\"flex h-6 items-center\">\n              <RadioGroup.Item\n                value={optionValue}\n                id={itemId}\n                disabled={isDisabled}\n                className={`\n                  relative size-4 rounded-full border transition-all\n                  ${isDisabled \n                    ? 'border-gray-300 bg-gray-100 cursor-not-allowed' \n                    : 'border-gray-300 bg-white hover:border-blue-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2'\n                  }\n                  data-[state=checked]:border-blue-600 data-[state=checked]:bg-blue-600\n                `}\n              >\n                <RadioGroup.Indicator className=\"flex items-center justify-center w-full h-full relative after:content-[''] after:block after:w-1.5 after:h-1.5 after:rounded-full after:bg-white\" />\n              </RadioGroup.Item>\n            </div>\n            <div className=\"ml-3 text-sm\">\n              <label \n                htmlFor={itemId} \n                className={`font-medium ${isDisabled ? 'text-gray-500' : 'text-gray-900 cursor-pointer'}`}\n              >\n                {optionLabel}\n              </label>\n              {optionDescription && !isInline && (\n                <p className={`text-sm ${isDisabled ? 'text-gray-400' : 'text-gray-500'}`}>\n                  {optionDescription}\n                </p>\n              )}\n            </div>\n          </div>\n        );\n      })}\n    </RadioGroup.Root>\n  );\n}\n\nexport default RadioGroupField;\n","/**\n * HeaderField Component\n * \n * A header/title field for DynamicForm to display section headers, titles, or dividers\n * \n * @example\n * // Large header (h1)\n * {\n *   type: 'header',\n *   text: 'Personal Information',\n *   size: 'xl' // or '2xl', '3xl', '4xl'\n * }\n * \n * @example\n * // Medium header with description (h2)\n * {\n *   type: 'header',\n *   text: 'Contact Details',\n *   description: 'Please provide your contact information',\n *   size: 'lg'\n * }\n * \n * @example\n * // Small header (h3)\n * {\n *   type: 'header',\n *   text: 'Account Settings',\n *   size: 'md'\n * }\n * \n * @example\n * // Header with underline\n * {\n *   type: 'header',\n *   text: 'Billing Information',\n *   underline: true,\n *   size: 'lg'\n * }\n * \n * @example\n * // Header with custom styling\n * {\n *   type: 'header',\n *   text: 'Important Section',\n *   size: 'xl',\n *   className: 'text-blue-600',\n *   align: 'center' // 'left', 'center', 'right'\n * }\n */\n\nimport React from 'react';\n\nfunction HeaderField({ field }) {\n  const text = field.text || field.label || '';\n  const description = field.description || '';\n  const size = field.size || 'lg'; // 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl'\n  const underline = field.underline || false;\n  const align = field.align || 'left'; // 'left', 'center', 'right'\n  const customClass = field.className || '';\n\n  // Size mappings\n  const sizeClasses = {\n    sm: 'text-base font-semibold',\n    md: 'text-lg font-semibold',\n    lg: 'text-xl font-bold',\n    xl: 'text-2xl font-bold',\n    '2xl': 'text-3xl font-bold',\n    '3xl': 'text-4xl font-bold',\n    '4xl': 'text-5xl font-bold',\n  };\n\n  const alignClasses = {\n    left: 'text-left',\n    center: 'text-center',\n    right: 'text-right',\n  };\n\n  const headerClass = `\n    ${sizeClasses[size] || sizeClasses.lg}\n    ${alignClasses[align] || alignClasses.left}\n    ${underline ? 'border-b-2 border-gray-300 pb-2' : ''}\n    ${customClass}\n    text-gray-900\n  `.trim();\n\n  const descriptionClass = `\n    mt-1 text-sm text-gray-600\n    ${alignClasses[align] || alignClasses.left}\n  `.trim();\n\n  return (\n    <div className=\"my-4\">\n      <h2 className={headerClass}>\n        {text}\n      </h2>\n      {description && (\n        <p className={descriptionClass}>\n          {description}\n        </p>\n      )}\n    </div>\n  );\n}\n\nexport default HeaderField;\n","import * as Popover from \"@radix-ui/react-popover\";\nimport { useState } from \"react\";\nimport { DayPicker } from \"react-day-picker\";\nimport \"react-day-picker/dist/style.css\";\n\nfunction DateRangeField({ field, formValues, handleChange, handleBlur }) {\n  const [open, setOpen] = useState(false);\n  const selected = formValues[field.name] ?? null;\n\n  const handleSelect = (date) => handleChange(field.name, date);\n  const handleClear = () => handleChange(field.name, null);\n\n  return (\n    <div>\n      <Popover.Root open={open} onOpenChange={setOpen}>\n        <Popover.Trigger asChild>\n          <button\n            type=\"button\"\n            id={field.name}\n            aria-haspopup=\"dialog\"\n            aria-expanded={open}\n            onClick={() => setOpen(true)}\n            onKeyDown={(e) => e.key === \"Enter\" && setOpen(true)}\n            className=\"\n              inline-flex items-center justify-between gap-2\n              w-full h-9 rounded-md border border-gray-300 bg-white\n              px-3 py-2 text-sm font-normal shadow-sm\n              hover:bg-gray-50 hover:text-gray-900\n              focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2\n              disabled:cursor-not-allowed disabled:opacity-50\n            \"\n          >\n            {selected ? (\n              <span>{selected.toLocaleDateString()}</span>\n            ) : (\n              <span className=\"text-muted-foreground\">\n                {field.placeholder || \"Select date\"}\n              </span>\n            )}\n\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              className=\"lucide lucide-chevron-down opacity-70\"\n            >\n              <path d=\"m6 9 6 6 6-6\" />\n            </svg>\n          </button>\n        </Popover.Trigger>\n\n        <Popover.Content\n          align=\"start\"\n          sideOffset={2}\n          className=\"z-50 rounded-md border border-gray-200 bg-white p-0 shadow-md w-auto\"\n        >\n          <DayPicker\n            mode=\"single\"\n            selected={selected}\n            onSelect={handleSelect}\n            showOutsideDays\n            className=\"rounded-md bg-white p-3 text-xs\"\n          />\n          \n          {/* Action buttons */}\n          <div className=\"flex items-center justify-between gap-2 border-t border-gray-200 p-3\">\n            <button\n              type=\"button\"\n              onClick={handleClear}\n              className=\"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-gray-300 bg-white hover:bg-gray-100 hover:text-gray-900 h-9 px-4 py-2\"\n            >\n              Clear\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setOpen(false)}\n              className=\"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-blue-600 text-white hover:bg-blue-700 h-9 px-4 py-2\"\n            >\n              Done\n            </button>\n          </div>\n        </Popover.Content>\n      </Popover.Root>\n    </div>\n  );\n}\n\nexport default DateRangeField;\n","import React, { useState } from \"react\";\nimport * as Popover from \"@radix-ui/react-popover\";\n\nfunction TimeField({ field, formValues, handleChange, handleBlur }) {\n  const [open, setOpen] = useState(false);\n  const [hours, setHours] = useState(\"12\");\n  const [minutes, setMinutes] = useState(\"00\");\n  const [period, setPeriod] = useState(\"PM\");\n\n  const value = formValues[field.name] || \"\";\n\n  // Parse existing value if present\n  React.useEffect(() => {\n    if (value) {\n      const timeMatch = value.match(/(\\d{1,2}):(\\d{2})\\s*(AM|PM)/i);\n      if (timeMatch) {\n        setHours(timeMatch[1].padStart(2, \"0\"));\n        setMinutes(timeMatch[2]);\n        setPeriod(timeMatch[3].toUpperCase());\n      }\n    }\n  }, [value]);\n\n  const handleApply = () => {\n    const timeString = `${hours}:${minutes} ${period}`;\n    handleChange(field.name, timeString);\n    setOpen(false);\n  };\n\n  const handleClear = () => {\n    handleChange(field.name, \"\");\n    setHours(\"12\");\n    setMinutes(\"00\");\n    setPeriod(\"PM\");\n  };\n\n  const incrementHours = () => {\n    const h = parseInt(hours);\n    setHours(((h % 12) + 1).toString().padStart(2, \"0\"));\n  };\n\n  const decrementHours = () => {\n    const h = parseInt(hours);\n    setHours((h === 1 ? 12 : h - 1).toString().padStart(2, \"0\"));\n  };\n\n  const incrementMinutes = () => {\n    const m = parseInt(minutes);\n    setMinutes(((m + 5) % 60).toString().padStart(2, \"0\"));\n  };\n\n  const decrementMinutes = () => {\n    const m = parseInt(minutes);\n    setMinutes((m === 0 ? 55 : m - 5).toString().padStart(2, \"0\"));\n  };\n\n  return (\n    <div>\n      <Popover.Root open={open} onOpenChange={setOpen}>\n        <Popover.Trigger asChild>\n          <button\n            type=\"button\"\n            id={field.name}\n            aria-haspopup=\"dialog\"\n            aria-expanded={open}\n            onClick={() => setOpen(true)}\n            className=\"\n              inline-flex items-center justify-between gap-2\n              w-full h-9 rounded-md border border-gray-300 bg-white\n              px-3 py-2 text-sm font-normal shadow-sm\n              hover:bg-gray-50 hover:text-gray-900\n              focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2\n              disabled:cursor-not-allowed disabled:opacity-50\n            \"\n          >\n            {value ? (\n              <span>{value}</span>\n            ) : (\n              <span className=\"text-gray-400\">\n                {field.placeholder || \"Select time\"}\n              </span>\n            )}\n\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              className=\"lucide lucide-clock opacity-70\"\n            >\n              <circle cx=\"12\" cy=\"12\" r=\"10\" />\n              <polyline points=\"12 6 12 12 16 14\" />\n            </svg>\n          </button>\n        </Popover.Trigger>\n\n        <Popover.Content\n          align=\"start\"\n          sideOffset={2}\n          className=\"z-50 rounded-md border border-gray-200 bg-white p-4 shadow-md w-64\"\n        >\n          <div className=\"flex flex-col gap-4\">\n            {/* Time picker */}\n            <div className=\"flex items-center justify-center gap-2\">\n              {/* Hours */}\n              <div className=\"flex flex-col items-center\">\n                <button\n                  type=\"button\"\n                  onClick={incrementHours}\n                  className=\"p-1 hover:bg-gray-100 rounded\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"16\"\n                    height=\"16\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"2\"\n                  >\n                    <polyline points=\"18 15 12 9 6 15\" />\n                  </svg>\n                </button>\n                <input\n                  type=\"text\"\n                  value={hours}\n                  onChange={(e) => {\n                    const val = e.target.value.replace(/\\D/g, \"\");\n                    if (val === \"\" || (parseInt(val) >= 1 && parseInt(val) <= 12)) {\n                      setHours(val.padStart(2, \"0\"));\n                    }\n                  }}\n                  className=\"w-14 text-center text-2xl font-semibold border-0 focus:outline-none focus:ring-2 focus:ring-blue-500 rounded py-2\"\n                  maxLength=\"2\"\n                />\n                <button\n                  type=\"button\"\n                  onClick={decrementHours}\n                  className=\"p-1 hover:bg-gray-100 rounded\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"16\"\n                    height=\"16\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"2\"\n                  >\n                    <polyline points=\"6 9 12 15 18 9\" />\n                  </svg>\n                </button>\n              </div>\n\n              <span className=\"text-2xl font-semibold\">:</span>\n\n              {/* Minutes */}\n              <div className=\"flex flex-col items-center\">\n                <button\n                  type=\"button\"\n                  onClick={incrementMinutes}\n                  className=\"p-1 hover:bg-gray-100 rounded\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"16\"\n                    height=\"16\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"2\"\n                  >\n                    <polyline points=\"18 15 12 9 6 15\" />\n                  </svg>\n                </button>\n                <input\n                  type=\"text\"\n                  value={minutes}\n                  onChange={(e) => {\n                    const val = e.target.value.replace(/\\D/g, \"\");\n                    if (val === \"\" || (parseInt(val) >= 0 && parseInt(val) <= 59)) {\n                      setMinutes(val.padStart(2, \"0\"));\n                    }\n                  }}\n                  className=\"w-14 text-center text-2xl font-semibold border-0 focus:outline-none focus:ring-2 focus:ring-blue-500 rounded py-2\"\n                  maxLength=\"2\"\n                />\n                <button\n                  type=\"button\"\n                  onClick={decrementMinutes}\n                  className=\"p-1 hover:bg-gray-100 rounded\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"16\"\n                    height=\"16\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"2\"\n                  >\n                    <polyline points=\"6 9 12 15 18 9\" />\n                  </svg>\n                </button>\n              </div>\n\n              {/* AM/PM */}\n              <div className=\"flex flex-col gap-1 ml-2\">\n                <button\n                  type=\"button\"\n                  onClick={() => setPeriod(\"AM\")}\n                  className={`\n                    px-3 py-1 text-sm font-medium rounded\n                    ${\n                      period === \"AM\"\n                        ? \"bg-blue-600 text-white\"\n                        : \"bg-gray-100 text-gray-700 hover:bg-gray-200\"\n                    }\n                  `}\n                >\n                  AM\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setPeriod(\"PM\")}\n                  className={`\n                    px-3 py-1 text-sm font-medium rounded\n                    ${\n                      period === \"PM\"\n                        ? \"bg-blue-600 text-white\"\n                        : \"bg-gray-100 text-gray-700 hover:bg-gray-200\"\n                    }\n                  `}\n                >\n                  PM\n                </button>\n              </div>\n            </div>\n\n            {/* Action buttons */}\n            <div className=\"flex items-center justify-between gap-2 border-t border-gray-200 pt-3\">\n              <button\n                type=\"button\"\n                onClick={handleClear}\n                className=\"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-gray-300 bg-white hover:bg-gray-100 hover:text-gray-900 h-9 px-4 py-2\"\n              >\n                Clear\n              </button>\n              <button\n                type=\"button\"\n                onClick={handleApply}\n                className=\"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-blue-600 text-white hover:bg-blue-700 h-9 px-4 py-2\"\n              >\n                Done\n              </button>\n            </div>\n          </div>\n        </Popover.Content>\n      </Popover.Root>\n    </div>\n  );\n}\n\nexport default TimeField;","import React from \"react\";\nimport { Error, Success, Warning, Info } from \"../components/formats/alerts/Alerts.jsx\";\n\nfunction AlertMessageField({ field }) {\n  const { variant = \"info\", message, content } = field;\n\n  const alertMessage = message || content || \"\";\n\n  // Render based on variant type\n  switch (variant.toLowerCase()) {\n    case \"error\":\n    case \"danger\":\n      return <Error message={alertMessage} />;\n\n    case \"success\":\n      return <Success message={alertMessage} />;\n\n    case \"warning\":\n    case \"warn\":\n      return <Warning message={alertMessage} />;\n\n    case \"info\":\n    case \"information\":\n    default:\n      return <Info message={alertMessage} />;\n  }\n}\n\nexport default AlertMessageField;","import { InformationCircleIcon, XCircleIcon } from \"@heroicons/react/20/solid\";\nimport { CheckCircleIcon } from \"@heroicons/react/20/solid\";\nimport { ExclamationCircleIcon } from \"@heroicons/react/24/outline\";\nimport { htmlMarkup } from \"../../../../utils/html_markup\";\n\nfunction Error({ message }) {\n    return (\n        <div className=\"rounded-lg bg-red-50 border border-red-100 p-4 shadow-sm\">\n            <div className=\"flex items-center gap-3\">\n                <XCircleIcon aria-hidden=\"true\" className=\"size-5 text-red-500 shrink-0\" />\n                <span className=\"text-sm font-medium text-red-900\">{message}</span>\n            </div>\n        </div>\n    );\n}\nfunction Warning({ message }) {\n    return (\n        <div className=\"rounded-lg bg-amber-50 border border-amber-100 p-4 shadow-sm\">\n            <div className=\"flex items-center gap-3\">\n                <ExclamationCircleIcon\n                    aria-hidden=\"true\"\n                    className=\"size-5 text-amber-600 shrink-0\"\n                />\n                <span className=\"text-sm font-medium text-amber-900\">{message}</span>\n            </div>\n        </div>\n    );\n}\n\nfunction Success({ message }) {\n    return (\n        <div className=\"rounded-lg bg-green-50 border border-green-100 p-4 shadow-sm\">\n            <div className=\"flex items-center gap-3\">\n                <CheckCircleIcon\n                    aria-hidden=\"true\"\n                    className=\"size-5 text-green-600 shrink-0\"\n                />\n                <span className=\"text-sm font-medium text-green-900\">{message}</span>\n            </div>\n        </div>\n    );\n}\n\nfunction Info({ message }) {\n    return (\n        <div className=\"rounded-lg bg-blue-50 border border-blue-100 p-4 shadow-sm\">\n            <div className=\"flex items-center gap-3\">\n                <InformationCircleIcon\n                    aria-hidden=\"true\"\n                    className=\"size-5 text-blue-600 shrink-0\"\n                />\n                <span className=\"text-sm font-medium text-blue-900\">{message}</span>\n            </div>\n        </div>\n    );\n}\n\nexport { Error, Success, Warning, Info };","// Named exports\nexport { default as MyButton } from './MyButton.jsx';\nexport { default as DynamicForm } from './DynamicForm/DynamicForm.jsx';\n\n// Default exports for backward compatibility\nimport MyButtonComponent from './MyButton.jsx';\nimport DynamicFormComponent from './DynamicForm/DynamicForm.jsx';\n\n// Export default as DynamicForm (main component)\nexport default DynamicFormComponent;\n\n// Also export a default MyButton for direct import\nexport { MyButtonComponent, DynamicFormComponent };"],"mappings":"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","names":["jsx","MyButton","children","onClick","useState","useEffect","useMemo","toast","dayjs","axios","toast","config","apiClient","axios","config","response","error","_a","toast","Interceptors_default","jsx","HiddenField","field","HiddenField_default","Select","makeAnimated","jsx","MultiSelectField","field","formValues","handleChange","touched","errors","handleBlur","isDisabled","options","animatedComponents","currentValues","selected","MultiSelectField_default","Select","ChevronDownIcon","jsx","jsxs","SelectField","field","formValues","handleChange","handleBlur","_a","value","isDisabled","options","val","option","SelectField_default","jsx","EmailField","field","formValues","handleChange","handleBlur","touched","errors","isDisabled","e","EmailField_default","jsx","InputField","field","formValues","handleChange","handleBlur","touched","errors","isDisabled","e","InputField_default","jsx","HtmlField","field","formValues","htmlContent","HtmlField_default","jsx","jsxs","CheckboxField","field","formValues","handleChange","handleBlur","touched","errors","isDisabled","error","e","CheckboxField_default","Popover","useState","DayPicker","jsx","jsxs","DateRangeField","field","formValues","handleChange","handleBlur","open","setOpen","selected","handleSelect","range","handleClear","e","DateRangePickerField_default","toast","config","Fragment","jsx","jsxs","FileField","field","formValues","touched","errors","fileUploads","setFileUploads","fileInputRefs","handleChange","onFieldsChange","error","isMultiple","uploads","currentValues","values","isDisabled","disablebtnClasses","uploadUrl","config","formatFileSize","bytes","k","sizes","i","uploadFile","file","fieldName","formData","response","toast","handleSingleFileUpload","uploadedData","newValues","handleMultiFileUpload","files","currentUrls","uploadedUrls","newUrls","handleFileChange","fileList","removeFile","urlToRemove","newValue","url","el","e","index","upload","u","fileName","FileField_default","useRef","useEffect","jsx","jsxs","TextAreaField","field","formValues","handleChange","handleBlur","touched","errors","charCount","setCharCounts","textareaRef","value","isDisabled","error","autoResize","el","handleTextareaChange","e","prev","TextArea_default","LocalizationProvider","AdapterDayjs","DateTimeField","jsx","DayTimePickerField","field","formValues","handleChange","handleBlur","touched","errors","newValue","DayTimePickerField_default","Separator","jsx","jsxs","LineBreakField","field","LineBreakField_default","RadioGroup","jsx","jsxs","RadioGroupField","field","formValues","handleChange","handleBlur","value","isDisabled","options","isInline","val","option","optionValue","optionLabel","optionDescription","itemId","RadioGroups_default","jsx","jsxs","HeaderField","field","text","description","size","underline","align","customClass","sizeClasses","alignClasses","headerClass","descriptionClass","HeaderField_default","Popover","useState","DayPicker","jsx","jsxs","DateRangeField","field","formValues","handleChange","handleBlur","open","setOpen","selected","handleSelect","date","handleClear","e","DatePickerField_default","React","useState","Popover","jsx","jsxs","TimeField","field","formValues","handleChange","handleBlur","open","setOpen","hours","setHours","minutes","setMinutes","period","setPeriod","value","timeMatch","handleApply","timeString","handleClear","incrementHours","h","decrementHours","incrementMinutes","m","decrementMinutes","e","val","timeField_default","InformationCircleIcon","XCircleIcon","CheckCircleIcon","ExclamationCircleIcon","jsx","jsxs","Error","message","XCircleIcon","Warning","ExclamationCircleIcon","Success","CheckCircleIcon","Info","InformationCircleIcon","jsx","AlertMessageField","field","variant","message","content","alertMessage","Error","Success","Warning","Info","AlertMessageField_default","Label","Fragment","jsx","jsxs","DynamicForm","formDefinition","sendFormValues","children","defaultValues","onFieldsChange","formValues","setFormValues","useState","errors","setErrors","touched","setTouched","charCounts","setCharCounts","excludeFromFieldFormat","FIELD_RENDERERS","useMemo","FileField_default","DateRangePickerField_default","DatePickerField_default","DayTimePickerField_default","timeField_default","HiddenField_default","MultiSelectField_default","SelectField_default","EmailField_default","HtmlField_default","CheckboxField_default","RadioGroups_default","InputField_default","TextArea_default","HeaderField_default","AlertMessageField_default","LineBreakField_default","FIELD_FORMATTERS","loadOptionsForField","field","dependentValue","response","Interceptors_default","options","item","f","error","useEffect","initialValues","validateField","value","allValues","dayjs","handleChange","fieldName","newValues","option","newErrors","handleBlur","handleSubmit","e","allTouched","toast","FIELD_COLOR_VARIANTS","fieldFormat","containerStyle","color","containerClasses","content","renderField","FieldComponent","DynamicForm_default","index_default","DynamicForm_default"]}

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "ynotsoft-dynamic-form",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "description": "Small React UI bits",
   "type": "module",
-  "main": "dist/MyButton.cjs",
-  "module": "dist/MyButton.js",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
   "exports": {
     ".": {
-      "import": "./dist/MyButton.js",
-      "require": "./dist/MyButton.cjs"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     }
   },
   "files": [
@@ -18,7 +18,23 @@
   "sideEffects": false,
   "peerDependencies": {
     "react": "^18.2.0 || ^19.0.0",
-    "react-dom": "^18.2.0 || ^19.0.0"
+    "react-dom": "^18.2.0 || ^19.0.0",
+    "react-hot-toast": "^2.0.0",
+    "dayjs": "^1.11.0",
+    "dompurify": "^3.0.0",
+    "@radix-ui/react-label": "^2.0.0",
+    "@radix-ui/react-popover": "^1.0.0",
+    "@radix-ui/react-radio-group": "^1.0.0",
+    "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-separator": "^1.0.0",
+    "react-day-picker": "^8.0.0 || ^9.0.0",
+    "@mui/material": "^5.0.0 || ^6.0.0 || ^7.0.0",
+    "@mui/x-date-pickers": "^6.0.0 || ^7.0.0 || ^8.0.0",
+    "@emotion/react": "^11.0.0",
+    "@emotion/styled": "^11.0.0",
+    "react-select": "^5.0.0",
+    "@heroicons/react": "^2.0.0",
+    "axios": "^1.0.0"
   },
   "devDependencies": {
     "tsup": "^8.5.0",
@@ -37,4 +53,4 @@
     "react",
     "components"
   ]
-}
+}

package/dist/MyButton.cjs

@@ -1,2 +0,0 @@
-var b=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var e=Object.getOwnPropertyNames;var i=Object.prototype.hasOwnProperty;var k=(n,t)=>{for(var u in t)b(n,u,{get:t[u],enumerable:!0})},p=(n,t,u,f)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of e(t))!i.call(n,o)&&o!==u&&b(n,o,{get:()=>t[o],enumerable:!(f=d(t,o))||f.enumerable});return n};var r=n=>p(b({},"__esModule",{value:!0}),n);var y={};k(y,{default:()=>l});module.exports=r(y);var c=require("react/jsx-runtime");function l({children:n,onClick:t}){return(0,c.jsx)("button",{onClick:t,children:n})}
-//# sourceMappingURL=MyButton.cjs.map

package/dist/MyButton.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/MyButton.jsx"],"sourcesContent":["// src/MyButton.jsx\nexport default function MyButton({ children, onClick }) {\n  return <button onClick={onClick}>{children}</button>;\n}"],"mappings":"4ZAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAES,IAAAI,EAAA,6BADM,SAARF,EAA0B,CAAE,SAAAG,EAAU,QAAAC,CAAQ,EAAG,CACtD,SAAO,OAAC,UAAO,QAASA,EAAU,SAAAD,EAAS,CAC7C","names":["MyButton_exports","__export","MyButton","__toCommonJS","import_jsx_runtime","children","onClick"]}

package/dist/MyButton.js

@@ -1,2 +0,0 @@
-import{jsx as u}from"react/jsx-runtime";function o({children:t,onClick:n}){return u("button",{onClick:n,children:t})}export{o as default};
-//# sourceMappingURL=MyButton.js.map

package/dist/MyButton.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/MyButton.jsx"],"sourcesContent":["// src/MyButton.jsx\nexport default function MyButton({ children, onClick }) {\n  return <button onClick={onClick}>{children}</button>;\n}"],"mappings":"AAES,cAAAA,MAAA,oBADM,SAARC,EAA0B,CAAE,SAAAC,EAAU,QAAAC,CAAQ,EAAG,CACtD,OAAOH,EAAC,UAAO,QAASG,EAAU,SAAAD,EAAS,CAC7C","names":["jsx","MyButton","children","onClick"]}