@erpsquad/common 1.8.45 → 1.8.47

package/dist/views/form-builder/custom-form/index.js

@@ -1,30 +1,30 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-router-dom"),i=require("react-hook-form"),n=require("react-dnd"),o=require("react-dnd-html5-backend"),s=require("react-i18next"),l=,/* empty css                                                   */a=,/* empty css                                                                                */d=,/* empty css                                                                               */c=,/* empty css                                   */u=,/* empty css                     */m=,/* empty css                                                 */f=,/* empty css                                               */h=,/* empty css                                            */p=,/* empty css                          */b=,/* empty css                                */v=,/* empty css                                     */y=,/* empty css                                     */_=,/* empty css                             */x=,/* empty css                                            */g=,/* empty css                           */S=,/* empty css                                                              */j=,/* empty css                            */N=,/* empty css                         */k=,/* empty css                                */q=,/* empty css                                  */C=,/* empty css                                   */w=,/* empty css                                    */E=,/* empty css                                      */O=,/* empty css                    */J=;/* empty css                     */;/* empty css                         */var F=,/* empty css                                                 */A=,/* empty css                                       */M=,/* empty css                                   */B=,/* empty css                                                   */T=,/* empty css                                                               */I=,/* empty css                                                                           */P=;/* empty css                                                       */const D=e=>!isNaN(Number(e))&&isFinite(Number(e)),G=e=>JSON.parse(JSON.stringify(e)),U=(e="")=>({uniqueStringId:`${Date.now()}${e}${Math.random().toString(36).substr(2,9)}`});function V(){const{t:V}=s.useTranslation(),$=p.useAppDispatch(),L=r.useNavigate(),R=r.useLocation(),H=R.state??[],W=p.useAppSelector(e=>e.formBuilder),{control:z}=i.useForm({reValidateMode:"onBlur"}),{fields:Y,append:K,remove:Q,update:X,move:Z,insert:ee}=i.useFieldArray({control:z,name:"members"}),{fields:te,append:re,remove:ie,update:ne}=i.useFieldArray({control:z,name:"section"}),[oe,se]=t.useState(""),[le,ae]=t.useState(),[de,ce]=t.useState(),[ue,me]=t.useState([]),[fe,he]=t.useState(null),[pe,be]=t.useState(),[ve,ye]=t.useState([]),[_e,xe]=t.useState({}),[ge,Se]=t.useState(),[je,Ne]=t.useState(!1),[ke,qe]=t.useState(!1),[Ce,we]=t.useState(),[Ee,Oe]=t.useState(!0),[Je,Fe]=t.useState([]),[Ae,Me]=t.useState(0),[Be,Te]=t.useState(!1),[Ie,Pe]=t.useState(!1),[De,Ge]=t.useState(null),[Ue,Ve]=t.useState(null),[$e,Le]=t.useState(),Re=R.pathname.split("/")[2],He=J.generateModulePath(Re);J.useFormDataEffect(W,Je,Ae,{removeSection:ie,remove:Q,setTabsData:Fe,append:K,appendSection:re});const We=t.useCallback(r=>{try{if(!r||"string"!=typeof r)/* @__PURE__ */
-return e.jsx("div",{className:"text-gray-500 p-4",children:"Select a field to edit"});const i=r.toLowerCase().trim(),n={text:["text","number","email","phone","date","time","url","currency","file","geolocation","image","relation","info","tagsinput"],select:["select"],section:["section"],checkbox:["checkbox","togglebutton","radiobutton"],table:["table"]},o={element:fe,handlePropertyValueUpdate:nt,handleWidthChange:rt,handleColumnSelect:it,fields:(null==W?void 0:W.fields)||[]},s={element:fe,handlePropertyValueUpdate:nt,handleSelectOptionValueUpdate:ot,handleWidthChange:rt,handleColumnSelect:it};return n.text.includes(i)?/* @__PURE__ */t.createElement(k.TextEditForm,{...o,key:`text-form-${(null==fe?void 0:fe.id)||"default"}`}):n.select.includes(i)?/* @__PURE__ */t.createElement(q.SelectEditForm,{...s,key:`select-form-${(null==fe?void 0:fe.id)||"default"}`}):n.section.includes(i)?/* @__PURE__ */e.jsx(C.default,{element:_e,handlePropertyValueUpdate:tt},`section-form-${(null==_e?void 0:_e.id)||"default"}`):n.checkbox.includes(i)?/* @__PURE__ */t.createElement(w.CheckboxEditForm,{...s,key:`checkbox-form-${(null==fe?void 0:fe.id)||"default"}`}):n.table.includes(i)?/* @__PURE__ */e.jsx(E.default,{element:fe,handlePropertyValueUpdate:nt,handleColumnsUpdate:st,fields:(null==W?void 0:W.fields)||[]},`table-form-${(null==fe?void 0:fe.id)||"default"}`):/* @__PURE__ */e.jsxs("div",{className:"text-gray-500 p-4 border border-gray-200 rounded",children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-router-dom"),i=require("react-hook-form"),o=require("react-dnd"),n=require("react-dnd-html5-backend"),s=require("react-i18next"),l=,/* empty css                                                   */a=,/* empty css                                                                                */d=,/* empty css                                                                               */c=,/* empty css                                   */u=,/* empty css                     */m=,/* empty css                                                 */f=,/* empty css                                               */h=,/* empty css                                            */p=,/* empty css                          */b=,/* empty css                                */v=,/* empty css                                     */y=,/* empty css                                     */_=,/* empty css                             */x=,/* empty css                                            */g=,/* empty css                           */S=,/* empty css                                                              */j=,/* empty css                            */N=,/* empty css                         */k=,/* empty css                                */C=,/* empty css                                  */q=,/* empty css                                   */E=,/* empty css                                    */w=,/* empty css                                      */O=,/* empty css                    */F=;/* empty css                     */;/* empty css                         */var J=,/* empty css                                                 */B=,/* empty css                                       */A=,/* empty css                                   */M=,/* empty css                                                   */T=,/* empty css                                                               */I=,/* empty css                                                                           */P=;/* empty css                                                       */const D=e=>!isNaN(Number(e))&&isFinite(Number(e)),G=e=>JSON.parse(JSON.stringify(e)),L=(e="")=>({uniqueStringId:`${Date.now()}${e}${Math.random().toString(36).substr(2,9)}`});function U(){const{t:U}=s.useTranslation(),V=p.useAppDispatch(),$=r.useNavigate(),R=r.useLocation(),H=R.state??[],W=p.useAppSelector(e=>e.formBuilder),{control:z}=i.useForm({reValidateMode:"onBlur"}),{fields:Y,append:K,remove:Q,update:X,move:Z,insert:ee}=i.useFieldArray({control:z,name:"members"}),{fields:te,append:re,remove:ie,update:oe}=i.useFieldArray({control:z,name:"section"}),[ne,se]=t.useState(""),[le,ae]=t.useState(),[de,ce]=t.useState(),[ue,me]=t.useState([]),[fe,he]=t.useState(null),[pe,be]=t.useState(),[ve,ye]=t.useState([]),[_e,xe]=t.useState({}),[ge,Se]=t.useState(),[je,Ne]=t.useState(!1),[ke,Ce]=t.useState(!1),[qe,Ee]=t.useState(),[we,Oe]=t.useState(!0),[Fe,Je]=t.useState([]),[Be,Ae]=t.useState(0),[Me,Te]=t.useState(!1),[Ie,Pe]=t.useState(!1),[De,Ge]=t.useState(null),[Le,Ue]=t.useState(null),[Ve,$e]=t.useState(),Re=R.pathname.split("/")[2],He=F.generateModulePath(Re);F.useFormDataEffect(W,Fe,Be,{removeSection:ie,remove:Q,setTabsData:Je,append:K,appendSection:re});const We=t.useCallback(r=>{try{if(!r||"string"!=typeof r)/* @__PURE__ */
+return e.jsx("div",{className:"text-gray-500 p-4",children:"Select a field to edit"});const i=r.toLowerCase().trim(),o={text:["text","number","email","phone","date","time","url","currency","file","geolocation","image","relation","info","tagsinput"],select:["select"],section:["section"],checkbox:["checkbox","togglebutton","radiobutton"],table:["table"]},n={element:fe,handlePropertyValueUpdate:ot,handleWidthChange:rt,handleColumnSelect:it,fields:(null==W?void 0:W.fields)||[]},s={element:fe,handlePropertyValueUpdate:ot,handleSelectOptionValueUpdate:nt,handleWidthChange:rt,handleColumnSelect:it};return o.text.includes(i)?/* @__PURE__ */t.createElement(k.TextEditForm,{...n,key:`text-form-${(null==fe?void 0:fe.id)||"default"}`}):o.select.includes(i)?/* @__PURE__ */t.createElement(C.SelectEditForm,{...s,key:`select-form-${(null==fe?void 0:fe.id)||"default"}`}):o.section.includes(i)?/* @__PURE__ */e.jsx(q.SectionEditForm,{element:_e,handlePropertyValueUpdate:tt},`section-form-${(null==_e?void 0:_e.id)||"default"}`):o.checkbox.includes(i)?/* @__PURE__ */t.createElement(E.CheckboxEditForm,{...s,key:`checkbox-form-${(null==fe?void 0:fe.id)||"default"}`}):o.table.includes(i)?/* @__PURE__ */e.jsx(w.default,{element:fe,handlePropertyValueUpdate:ot,handleColumnsUpdate:st,fields:(null==W?void 0:W.fields)||[]},`table-form-${(null==fe?void 0:fe.id)||"default"}`):/* @__PURE__ */e.jsxs("div",{className:"text-gray-500 p-4 border border-gray-200 rounded",children:[
 /* @__PURE__ */e.jsx("p",{className:"font-medium",children:"Unknown Field Type"}),
 /* @__PURE__ */e.jsxs("p",{className:"text-sm mt-1",children:['Field type "',r,'" is not supported. Please select a valid field to edit.']})]})}catch(i){/* @__PURE__ */
 return e.jsxs("div",{className:"text-red-500 p-4 border border-red-200 rounded bg-red-50",children:[
 /* @__PURE__ */e.jsx("p",{className:"font-medium",children:"Error Loading Form"}),
-/* @__PURE__ */e.jsx("p",{className:"text-sm mt-1",children:"There was an error loading the property edit form. Please try again."})]})}},[fe,_e,W]),ze=t.useCallback(()=>{var e;try{if(!(null==(e=N.element)?void 0:e.section))return;const{uniqueStringId:t}=U("-"),r={...G(N.element.section),id:t};r.switcher_forms&&(r.switcher_forms=r.switcher_forms.map(e=>({...e,id:U("-").uniqueStringId})));const i=te.length;re(r),ae(i),se("section");const n={field_type:r.field_type,section_type:r.section_type,switcher_forms:r.switcher_forms,form_switcher_label:r.form_switcher_label,form_switcher_name:r.form_switcher_name,label:r.label,is_accordion:r.is_accordion,id:r.id??i};xe(n),Se(i),We(r.field_type)}catch(t){}},[N.element,te,re,ae,se,xe,Se,We]),Ye=t.useCallback(()=>{try{const e=G(ve);e.forEach((e,t)=>{e.members=Y.filter(e=>(null==e?void 0:e.section_order)===t)});const t=e.some(e=>{var t;return null==(t=e.members)?void 0:t.some(e=>Boolean(null==e?void 0:e.is_system_field))}),r=!(null==Je?void 0:Je.length)&&t,i={tab_order:Je.length+1,title:"data",remove_tab:r,data:(null==Je?void 0:Je.length)?[]:e};Fe(e=>[...e,i])}catch(e){}},[ve,Y,Je,Fe]),Ke=t.useCallback((e,t)=>{try{if(!D(e)||!(null==t?void 0:t.trim()))return;Fe(r=>r.map(r=>r.tab_order===e?{...r,title:t.trim()}:r))}catch(r){}},[Fe]),Qe=t.useCallback(e=>{try{if(!D(e))return;const t=Je.filter(t=>t.tab_order!==e).map(t=>({...t,tab_order:t.tab_order>e?t.tab_order-1:t.tab_order}));if(Fe(t),Ae==e&&Me((null==t?void 0:t.length)-1),t.length>0){const e=t.find(e=>e.tab_order===(Ae??0)+1);if(null==e?void 0:e.data){const t=e.data.map(({field_type:e,label:t,is_accordion:r,id:i,remove_section:n})=>({field_type:e,label:t,is_accordion:r,id:i,remove_section:n})),r=e.data.flatMap(e=>{var t;return(null==(t=e.members)?void 0:t.map(e=>({...e})))||[]});Q(),ie(),r.forEach(e=>K(e)),t.forEach(e=>re(e))}}else Q(),ie()}catch(t){}},[Je,Ae,Fe,Q,ie,K,re]),Xe=t.useCallback(e=>{try{const t=e.target.dataset.position;if(!t||!D(t))return;const r=Number(t);if(r<0||r>=ue.length)return;ce(r);const i=G(ue[r]);be(r),he(i),se("element")}catch(t){}},[ue,ce,be,he,se]),Ze=t.useCallback(e=>{try{const t=e.target.dataset.position;if(!t||!D(t))return;const r=Number(t);if(r<0||r>=ve.length)return;ae(r);const i=G(ve[r]);Se(r),xe(i),se("section")}catch(t){}},[ve,ae,Se,xe,se]),et=t.useCallback((e,t)=>{var r,i;try{const n=e.currentTarget,o=null==(r=null==n?void 0:n.dataset)?void 0:r.position;if(void 0===o||!D(o))return;const s=Number(o);if(s<0)return;if(!(null==(i=N.element)?void 0:i.text))return;const l={...G(N.element.text),...t,section_order:s,type:"custom",is_new:!0,custom_width:Math.floor(6),is_fullwidth:!1,is_system_field:Boolean(null==t?void 0:t.is_system_field),id:U().uniqueStringId};ae(s),K(l);const a=Y.length;ce(a),se("element"),be(a),he(l),We(l.field_type)}catch(n){}},[N.element,Y,ae,K,ce,se,be,he,We]),tt=t.useCallback((e,t)=>{try{const{name:r,type:i,checked:n,value:o}=e.target;if(!r)return;const s=void 0!==t?t:"checkbox"===i?n:o;_e[r]!==s&&xe(e=>({...e,[r]:s}))}catch(r){}},[_e,xe]),rt=t.useCallback(e=>{try{if(!D(e)||e<1||e>12)return;he(t=>({...t,custom_width:e}))}catch(t){}},[he]),it=t.useCallback(e=>{try{const t=Number(e.target.value);if(!D(t)||t<=0)return;const r=Math.floor(12/t);if(r<=0)return;Y.forEach((e,t)=>{X(t,{...e,custom_width:r})})}catch(t){}},[Y,X]),nt=t.useCallback((e,t,r,i)=>{var n;try{const o=(()=>{var n;return i||(void 0!==r?r:void 0!==t?t:null==(n=null==e?void 0:e.target)?void 0:n.value)})(),s=G(fe);if((null==(n=null==e?void 0:e.target)?void 0:n.name)&&(s[e.target.name]="checkbox"===e.target.type?e.target.checked:o),i){const{uniqueStringId:e}=U(),t={...N.element[i],section_form_id:null==s?void 0:s.section_form_id,is_form_switcher_section:null==s?void 0:s.is_form_switcher_section,section_order:s.section_order,id:e,type:"custom",is_system_field:Boolean(null==s?void 0:s.is_system_field),is_new:!0,column_width:(null==s?void 0:s.column_width)||6,custom_width:(null==s?void 0:s.custom_width)||6};he(t)}else JSON.stringify(fe)!==JSON.stringify(s)&&he({...fe,...s})}catch(o){}},[fe,N.element,he]),ot=t.useCallback(e=>{try{if(!Array.isArray(e))return;const t=G(fe);t.options=[...e];const{uniqueStringId:r}=U("-");JSON.stringify(fe.options)!==JSON.stringify(e)&&he({...fe,...t,id:r})}catch(t){}},[fe,he]),st=t.useCallback(e=>{try{if(!Array.isArray(e))return;const t=G(fe);t.table_columns=[...e];const{uniqueStringId:r}=U("-");JSON.stringify(fe.table_columns)!==JSON.stringify(e)&&he({...fe,...t,id:r})}catch(t){}},[fe,he]),lt=t.useCallback(e=>{try{if(!D(e)||e<0||e>=te.length)return;we(e),ie(e);const t=[];Y.forEach((r,i)=>{(null==r?void 0:r.section_order)===e&&t.push(i)}),t.reverse().forEach(e=>{Q(e)}),Ne(!0)}catch(t){}},[te,Y,we,ie,Q,Ne]),at=t.useCallback(e=>{try{if(!D(e)||e<0||e>=te.length)return;Pe(!0),Se(e),ae(e);const t={...G(te[e]),is_accordion:!0};ne(e,t),se("section"),xe(t),We(t.field_type)}catch(t){}},[te,Pe,Se,ae,ne,se,xe,We]),dt=t.useCallback(()=>{try{const e=G(ve);e.forEach((e,t)=>{e.members=Y.filter(e=>(null==e?void 0:e.section_order)===t)});const t=e.some(e=>{var t;return null==(t=e.members)?void 0:t.some(e=>Boolean(null==e?void 0:e.is_system_field))}),r=Number(Ae);if(D(r)&&r>=0&&r<Je.length){const i=[...Je];i[r]={...i[r],data:e,remove_tab:t},Fe(i),Q(),ie(),ce(void 0),se(""),ae(void 0)}}catch(e){}},[ve,Y,Ae,Je,Fe]),ct=t.useMemo(()=>ve&&Y?ve.map((e,t)=>({...e,members:Y.filter(e=>(null==e?void 0:e.section_order)===t)})):null,[ve,Y]),ut=t.useMemo(()=>ct?(null==Je?void 0:Je.length)?{tab:Je}:{section:ct}:null,[Je,ct]),mt=t.useMemo(()=>ut?h.default(ut):null,[ut]),ft=t.useCallback(()=>{mt&&Ve(mt)},[mt,Ve]),ht=t.useCallback(()=>{Ve(null)},[]),pt=t.useCallback(async()=>{var e;try{if(!ve||!Array.isArray(ve))return;if(!Y||!Array.isArray(Y))return;if(!(null==H?void 0:H._id))return;let i;try{i=structuredClone(ve)}catch(t){i=JSON.parse(JSON.stringify(ve))}i.forEach((e,t)=>{e&&"object"==typeof e&&(e.members=Y.filter(e=>e&&"object"==typeof e&&"number"==typeof e.section_order&&e.section_order===t))});const n=i.some(e=>{var t;return null==(t=e.members)?void 0:t.some(e=>Boolean(null==e?void 0:e.is_system_field))}),o=Number(Ae);let s=[...Je];D(o)&&o>=0&&o<Je.length&&(s=[...Je],s[o]={...s[o],data:i,remove_tab:n},Fe(s));const a=(null==s?void 0:s.length)>0?{tab:s}:{section:i};if("function"!=typeof h.default)return;let d;try{d=h.default(a)}catch(r){return}if(!d)return;const c={gridCol:2,fields:d},u=await $(j.patchFormDataById({id:H._id,data:c}));if("rejected"===u.meta.requestStatus){const t=g.getErrorMessage(null==(e=null==u?void 0:u.error)?void 0:e.message);l.enqueueSnackbar(t,{variant:"error"})}else l.enqueueSnackbar("Form updated successfully",{variant:"success"}),L(He)}catch(i){const e=(null==i?void 0:i.message)||"Something went wrong while updating the form";l.enqueueSnackbar(e,{variant:"error"})}},[ve,Y,Je,null==H?void 0:H._id,void 0,$,h.default]),bt=e=>{const t={...Y[e],type:"custom"};t&&ee(e+1,t),ce(e+1),se("element"),be(e+1),he(t),We(t.field_type)},vt=[{link:He,label:"Forms"},{link:"",label:b.formatLabel(null==H?void 0:H.name)},{link:"",label:"Edit Form"}];t.useEffect(()=>{je&&(Y.forEach((e,t)=>{void 0!==Ce&&Boolean(null==Ce?void 0:Ce.toString)&&e.section_order>Ce&&X(t,{...e,section_order:e.section_order-1})}),Ne(!1),qe(!0),we(void 0),se(""))},[je]),t.useEffect(()=>{W.isSuccess&&L(He)},[W.isSuccess]),t.useEffect(()=>{W.isError&&Ge({type:"alert",message:W.error})},[W.error,W.isError]),t.useEffect(()=>{if("number"!=typeof pe||"string"!=typeof pe){const e=Number(pe);if(ue[e]){const t=JSON.parse(JSON.stringify(ue[e]));X(e,{...t})}}},[ue]),t.useEffect(()=>{const e=ue.map((e,t)=>t===Number(pe)?{...fe}:{...e});me(e)},[fe]),t.useEffect(()=>{if(Y.length!==ue.length&&me(JSON.parse(JSON.stringify(Y))),Boolean(Be)&&JSON.stringify(Y)!==JSON.stringify(ue)){me(JSON.parse(JSON.stringify(Y))),Te(!1);const e=pe&&Y[pe];e&&se("element"),e&&he(e),e&&We(e.field_type)}ke&&JSON.stringify(Y)!==JSON.stringify(ue)&&(me(JSON.parse(JSON.stringify(Y))),qe(!1))},[Y,Be]),t.useEffect(()=>{if("number"!=typeof ge||"string"!=typeof ge){const e=Number(ge);if(ve[e]){const t=JSON.parse(JSON.stringify(ve[e]));ne(e,{...t})}}},[ve]),t.useEffect(()=>{const e=ve.map((e,t)=>t===Number(ge)?{...e,..._e}:{...e});ye(e)},[_e]),t.useEffect(()=>{te.length!==ve.length&&ye(JSON.parse(JSON.stringify(te))),JSON.stringify(ve)!==JSON.stringify(te)&&Ie&&(ye(JSON.parse(JSON.stringify(te))),Pe(!1))},[te]),t.useEffect(()=>{},[]);const yt=t.useCallback(async()=>{Oe(!0);try{(null==H?void 0:H._id)&&(Fe([]),await $(j.getFormDataById(null==H?void 0:H._id)),await $(j.getFieldsByFormId({id:null==H?void 0:H._id})))}finally{Oe(!1)}},[null==H?void 0:H._id]);t.useEffect(()=>{yt()},[yt]);const _t=e=>e&&Object.keys(e).length>0,xt=()=>/* @__PURE__ */e.jsx(f.Typography,{type:"s5",color:"theme.secondary.800",className:"formSection--Text",children:"Select a field to edit its properties."}),gt=(e,t="text")=>(null==e?void 0:e.field_type)||t,St=t.useMemo(()=>{if(!oe)/* @__PURE__ */
-return e.jsx(xt,{});if("element"===oe){if(!_t(Y))/* @__PURE__ */
-return e.jsx(xt,{});const t=gt(fe);return We(t)}if("section"===oe){if(!_t(te))/* @__PURE__ */
+/* @__PURE__ */e.jsx("p",{className:"text-sm mt-1",children:"There was an error loading the property edit form. Please try again."})]})}},[fe,_e,W]),ze=t.useCallback(()=>{var e;try{if(!(null==(e=N.element)?void 0:e.section))return;const{uniqueStringId:t}=L("-"),r={...G(N.element.section),id:t};r.switcher_forms&&(r.switcher_forms=r.switcher_forms.map(e=>({...e,id:L("-").uniqueStringId})));const i=te.length;re(r),ae(i),se("section");const o={field_type:r.field_type,section_type:r.section_type,switcher_forms:r.switcher_forms,form_switcher_label:r.form_switcher_label,form_switcher_name:r.form_switcher_name,label:r.label,is_accordion:r.is_accordion,id:r.id??i};xe(o),Se(i),We(r.field_type)}catch(t){}},[N.element,te,re,ae,se,xe,Se,We]),Ye=t.useCallback(()=>{try{const e=G(ve);e.forEach((e,t)=>{e.members=Y.filter(e=>(null==e?void 0:e.section_order)===t)});const t=e.some(e=>{var t;return null==(t=e.members)?void 0:t.some(e=>Boolean(null==e?void 0:e.is_system_field))}),r=!(null==Fe?void 0:Fe.length)&&t,i={tab_order:Fe.length+1,title:"data",remove_tab:r,data:(null==Fe?void 0:Fe.length)?[]:e};Je(e=>[...e,i])}catch(e){}},[ve,Y,Fe,Je]),Ke=t.useCallback((e,t)=>{try{if(!D(e)||!(null==t?void 0:t.trim()))return;Je(r=>r.map(r=>r.tab_order===e?{...r,title:t.trim()}:r))}catch(r){}},[Je]),Qe=t.useCallback(e=>{try{if(!D(e))return;const t=Fe.filter(t=>t.tab_order!==e).map(t=>({...t,tab_order:t.tab_order>e?t.tab_order-1:t.tab_order}));if(Je(t),Be==e&&Ae((null==t?void 0:t.length)-1),t.length>0){const e=t.find(e=>e.tab_order===(Be??0)+1);if(null==e?void 0:e.data){const t=e.data.map(({field_type:e,label:t,is_accordion:r,id:i,remove_section:o})=>({field_type:e,label:t,is_accordion:r,id:i,remove_section:o})),r=e.data.flatMap(e=>{var t;return(null==(t=e.members)?void 0:t.map(e=>({...e})))||[]});Q(),ie(),r.forEach(e=>K(e)),t.forEach(e=>re(e))}}else Q(),ie()}catch(t){}},[Fe,Be,Je,Q,ie,K,re]),Xe=t.useCallback(e=>{try{const t=e.target.dataset.position;if(!t||!D(t))return;const r=Number(t);if(r<0||r>=ue.length)return;ce(r);const i=G(ue[r]);be(r),he(i),se("element")}catch(t){}},[ue,ce,be,he,se]),Ze=t.useCallback(e=>{try{const t=e.target.dataset.position;if(!t||!D(t))return;const r=Number(t);if(r<0||r>=ve.length)return;ae(r);const i=G(ve[r]);Se(r),xe(i),se("section")}catch(t){}},[ve,ae,Se,xe,se]),et=t.useCallback((e,t)=>{var r,i;try{const o=e.currentTarget,n=null==(r=null==o?void 0:o.dataset)?void 0:r.position;if(void 0===n||!D(n))return;const s=Number(n);if(s<0)return;if(!(null==(i=N.element)?void 0:i.text))return;const l={...G(N.element.text),...t,section_order:s,type:"custom",is_new:!0,custom_width:Math.floor(6),is_fullwidth:!1,is_system_field:Boolean(null==t?void 0:t.is_system_field),id:L().uniqueStringId};ae(s),K(l);const a=Y.length;ce(a),se("element"),be(a),he(l),We(l.field_type)}catch(o){}},[N.element,Y,ae,K,ce,se,be,he,We]),tt=t.useCallback((e,t)=>{try{const{name:r,type:i,checked:o,value:n}=e.target;if(!r)return;const s=void 0!==t?t:"checkbox"===i?o:n;_e[r]!==s&&xe(e=>({...e,[r]:s}))}catch(r){}},[_e,xe]),rt=t.useCallback(e=>{try{if(!D(e)||e<1||e>12)return;he(t=>({...t,custom_width:e}))}catch(t){}},[he]),it=t.useCallback(e=>{try{const t=Number(e.target.value);if(!D(t)||t<=0)return;const r=Math.floor(12/t);if(r<=0)return;Y.forEach((e,t)=>{X(t,{...e,custom_width:r})})}catch(t){}},[Y,X]),ot=t.useCallback((e,t,r,i)=>{var o;try{const n=(()=>{var o;return i||(void 0!==r?r:void 0!==t?t:null==(o=null==e?void 0:e.target)?void 0:o.value)})(),s=G(fe);if((null==(o=null==e?void 0:e.target)?void 0:o.name)&&(s[e.target.name]="checkbox"===e.target.type?e.target.checked:n),i){const{uniqueStringId:e}=L(),t={...N.element[i],section_form_id:null==s?void 0:s.section_form_id,is_form_switcher_section:null==s?void 0:s.is_form_switcher_section,section_order:s.section_order,id:e,type:"custom",is_system_field:Boolean(null==s?void 0:s.is_system_field),is_new:!0,column_width:(null==s?void 0:s.column_width)||6,custom_width:(null==s?void 0:s.custom_width)||6};he(t)}else JSON.stringify(fe)!==JSON.stringify(s)&&he({...fe,...s})}catch(n){}},[fe,N.element,he]),nt=t.useCallback(e=>{try{if(!Array.isArray(e))return;const t=G(fe);t.options=[...e];const{uniqueStringId:r}=L("-");JSON.stringify(fe.options)!==JSON.stringify(e)&&he({...fe,...t,id:r})}catch(t){}},[fe,he]),st=t.useCallback(e=>{try{if(!Array.isArray(e))return;const t=G(fe);t.table_columns=[...e];const{uniqueStringId:r}=L("-");JSON.stringify(fe.table_columns)!==JSON.stringify(e)&&he({...fe,...t,id:r})}catch(t){}},[fe,he]),lt=t.useCallback(e=>{try{if(!D(e)||e<0||e>=te.length)return;Ee(e),ie(e);const t=[];Y.forEach((r,i)=>{(null==r?void 0:r.section_order)===e&&t.push(i)}),t.reverse().forEach(e=>{Q(e)}),Ne(!0)}catch(t){}},[te,Y,Ee,ie,Q,Ne]),at=t.useCallback(e=>{try{if(!D(e)||e<0||e>=te.length)return;Pe(!0),Se(e),ae(e);const t={...G(te[e]),is_accordion:!0};oe(e,t),se("section"),xe(t),We(t.field_type)}catch(t){}},[te,Pe,Se,ae,oe,se,xe,We]),dt=t.useCallback(()=>{try{const e=G(ve);e.forEach((e,t)=>{e.members=Y.filter(e=>(null==e?void 0:e.section_order)===t)});const t=e.some(e=>{var t;return null==(t=e.members)?void 0:t.some(e=>Boolean(null==e?void 0:e.is_system_field))}),r=Number(Be);if(D(r)&&r>=0&&r<Fe.length){const i=[...Fe];i[r]={...i[r],data:e,remove_tab:t},Je(i),Q(),ie(),ce(void 0),se(""),ae(void 0)}}catch(e){}},[ve,Y,Be,Fe,Je]),ct=t.useMemo(()=>ve&&Y?ve.map((e,t)=>({...e,members:Y.filter(e=>(null==e?void 0:e.section_order)===t)})):null,[ve,Y]),ut=t.useMemo(()=>ct?(null==Fe?void 0:Fe.length)?{tab:Fe}:{section:ct}:null,[Fe,ct]),mt=t.useMemo(()=>ut?h.formBuilderConversion(ut):null,[ut]),ft=t.useCallback(()=>{mt&&Ue(mt)},[mt,Ue]),ht=t.useCallback(()=>{Ue(null)},[]),pt=t.useCallback(async()=>{var e;try{if(!ve||!Array.isArray(ve))return;if(!Y||!Array.isArray(Y))return;if(!(null==H?void 0:H._id))return;let i;try{i=structuredClone(ve)}catch(t){i=JSON.parse(JSON.stringify(ve))}i.forEach((e,t)=>{e&&"object"==typeof e&&(e.members=Y.filter(e=>e&&"object"==typeof e&&"number"==typeof e.section_order&&e.section_order===t))});const o=i.some(e=>{var t;return null==(t=e.members)?void 0:t.some(e=>Boolean(null==e?void 0:e.is_system_field))}),n=Number(Be);let s=[...Fe];D(n)&&n>=0&&n<Fe.length&&(s=[...Fe],s[n]={...s[n],data:i,remove_tab:o},Je(s));const a=(null==s?void 0:s.length)>0?{tab:s}:{section:i};if("function"!=typeof h.formBuilderConversion)return;let d;try{d=h.formBuilderConversion(a)}catch(r){return}if(!d)return;const c={gridCol:2,fields:d},u=await V(j.patchFormDataById({id:H._id,data:c}));if("rejected"===u.meta.requestStatus){const t=g.getErrorMessage(null==(e=null==u?void 0:u.error)?void 0:e.message);l.enqueueSnackbar(t,{variant:"error"})}else l.enqueueSnackbar("Form updated successfully",{variant:"success"}),$(He)}catch(i){const e=(null==i?void 0:i.message)||"Something went wrong while updating the form";l.enqueueSnackbar(e,{variant:"error"})}},[ve,Y,Fe,null==H?void 0:H._id,void 0,V,h.formBuilderConversion]),bt=e=>{const t={...Y[e],type:"custom"};t&&ee(e+1,t),ce(e+1),se("element"),be(e+1),he(t),We(t.field_type)},vt=[{link:He,label:"Forms"},{link:"",label:b.formatLabel(null==H?void 0:H.name)},{link:"",label:"Edit Form"}];t.useEffect(()=>{je&&(Y.forEach((e,t)=>{void 0!==qe&&Boolean(null==qe?void 0:qe.toString)&&e.section_order>qe&&X(t,{...e,section_order:e.section_order-1})}),Ne(!1),Ce(!0),Ee(void 0),se(""))},[je]),t.useEffect(()=>{W.isSuccess&&$(He)},[W.isSuccess]),t.useEffect(()=>{W.isError&&Ge({type:"alert",message:W.error})},[W.error,W.isError]),t.useEffect(()=>{if("number"!=typeof pe||"string"!=typeof pe){const e=Number(pe);if(ue[e]){const t=JSON.parse(JSON.stringify(ue[e]));X(e,{...t})}}},[ue]),t.useEffect(()=>{const e=ue.map((e,t)=>t===Number(pe)?{...fe}:{...e});me(e)},[fe]),t.useEffect(()=>{if(Y.length!==ue.length&&me(JSON.parse(JSON.stringify(Y))),Boolean(Me)&&JSON.stringify(Y)!==JSON.stringify(ue)){me(JSON.parse(JSON.stringify(Y))),Te(!1);const e=pe&&Y[pe];e&&se("element"),e&&he(e),e&&We(e.field_type)}ke&&JSON.stringify(Y)!==JSON.stringify(ue)&&(me(JSON.parse(JSON.stringify(Y))),Ce(!1))},[Y,Me]),t.useEffect(()=>{if("number"!=typeof ge||"string"!=typeof ge){const e=Number(ge);if(ve[e]){const t=JSON.parse(JSON.stringify(ve[e]));oe(e,{...t})}}},[ve]),t.useEffect(()=>{const e=ve.map((e,t)=>t===Number(ge)?{...e,..._e}:{...e});ye(e)},[_e]),t.useEffect(()=>{te.length!==ve.length&&ye(JSON.parse(JSON.stringify(te))),JSON.stringify(ve)!==JSON.stringify(te)&&Ie&&(ye(JSON.parse(JSON.stringify(te))),Pe(!1))},[te]),t.useEffect(()=>{},[]);const yt=t.useCallback(async()=>{Oe(!0);try{(null==H?void 0:H._id)&&(Je([]),await V(j.getFormDataById(null==H?void 0:H._id)),await V(j.getFieldsByFormId({id:null==H?void 0:H._id})))}finally{Oe(!1)}},[null==H?void 0:H._id]);t.useEffect(()=>{yt()},[yt]);const _t=e=>e&&Object.keys(e).length>0,xt=()=>/* @__PURE__ */e.jsx(f.Typography,{type:"s5",color:"theme.secondary.800",className:"formSection--Text",children:"Select a field to edit its properties."}),gt=(e,t="text")=>(null==e?void 0:e.field_type)||t,St=t.useMemo(()=>{if(!ne)/* @__PURE__ */
+return e.jsx(xt,{});if("element"===ne){if(!_t(Y))/* @__PURE__ */
+return e.jsx(xt,{});const t=gt(fe);return We(t)}if("section"===ne){if(!_t(te))/* @__PURE__ */
 return e.jsx(xt,{});const t=gt(_e);return We(t)}/* @__PURE__ */
-return e.jsx(xt,{})},[oe,Object.keys(Y).length,Object.keys(te).length,null==fe?void 0:fe.field_type,null==fe?void 0:fe.field_properties,null==_e?void 0:_e.field_type,null==_e?void 0:_e.field_properties,We]);
+return e.jsx(xt,{})},[ne,Object.keys(Y).length,Object.keys(te).length,null==fe?void 0:fe.field_type,null==fe?void 0:fe.field_properties,null==_e?void 0:_e.field_type,null==_e?void 0:_e.field_properties,We]);
 /* @__PURE__ */
-return e.jsx(F.default,{position:"relative",children:Ee?/* @__PURE__ */e.jsx(x.default,{}):/* @__PURE__ */e.jsxs(n.DndProvider,{backend:o.HTML5Backend,children:[
-/* @__PURE__ */e.jsx(m.default,{breadCrumbPath:vt,children:/* @__PURE__ */e.jsxs("div",{className:"formSection--Buttons",children:[
-/* @__PURE__ */e.jsx(d.default,{variant:"outlined",className:"formSection--PreviewButton",text:"Preview",onClick:()=>{Ue?ht():ft()},disable:!(null==Y?void 0:Y.length),startIcon:Ue?/* @__PURE__ */e.jsx(A.EyeOff,{}):/* @__PURE__ */e.jsx(M.Eye,{})}),
-/* @__PURE__ */e.jsx(d.default,{variant:"contained",type:"submit",text:"Update",onClick:pt,disable:Ue})]})}),Ue?/* @__PURE__ */e.jsx(S.default,{data:Ue||[],handleFormSubmit:e=>{},className:"form-container",fieldArrayName:"form-builder-preview",getFormMethods:e=>Le({...e})}):/* @__PURE__ */e.jsxs(B.default,{className:"formSection--Grid",container:!0,children:[
-/* @__PURE__ */e.jsx(B.default,{item:!0,xs:9,component:"form",sx:{position:"relative",background:"#F5F6F5",padding:"0.75rem"},children:/* @__PURE__ */e.jsxs(B.default,{className:"formSection--GridContainer",children:[
-/* @__PURE__ */e.jsxs(F.default,{className:"formSection--Tab",children:[Je&&/* @__PURE__ */e.jsx(c.default,{tabs:Je,onEditTabTitle:Ke,activeValue:Ae,setActiveValue:Me,handleTabChange:()=>{dt()},handleRemoveTab:Qe,containerProps:{mb:0}}),
-/* @__PURE__ */e.jsx(d.default,{variant:"outlined",text:"Add Tab",onClick:Ye,style:{color:"#292D32",margin:"0.5rem"}})]}),
-/* @__PURE__ */e.jsxs("div",{className:"formSection--Form",children:[null==te?void 0:te.map((t,r)=>{var i;const n=Y.filter(e=>e.section_order===r),o=t.section_type===_.SECTION_TYPES.FORM_SWITCH_SECTION,s=null==(i=null==t?void 0:t.switcher_forms)?void 0:i.map(e=>({...e,formMembers:Y.filter(t=>t.section_form_id===e.id)}));/* @__PURE__ */
-return e.jsxs(a.default,{index:r,label:V(t.label),onClick:Ze,position:r,fieldArrayName:"section",isFormSwitcher:o,activeIndex:le===r,removeSection:()=>lt(r),handleAccordion:()=>at(r),handleAddButton:e=>et(e),remove_section:t.remove_section,children:[o?/* @__PURE__ */e.jsxs("div",{style:{width:"100%"},children:[
+return e.jsx(J.default,{position:"relative",children:we?/* @__PURE__ */e.jsx(x.ErpLoader,{}):/* @__PURE__ */e.jsxs(o.DndProvider,{backend:n.HTML5Backend,children:[
+/* @__PURE__ */e.jsx(m.FormHeader,{breadCrumbPath:vt,children:/* @__PURE__ */e.jsxs("div",{className:"formSection--Buttons",children:[
+/* @__PURE__ */e.jsx(d.DynamicButton,{variant:"outlined",className:"formSection--PreviewButton",text:"Preview",onClick:()=>{Le?ht():ft()},disable:!(null==Y?void 0:Y.length),startIcon:Le?/* @__PURE__ */e.jsx(B.EyeOff,{}):/* @__PURE__ */e.jsx(A.Eye,{})}),
+/* @__PURE__ */e.jsx(d.DynamicButton,{variant:"contained",type:"submit",text:"Update",onClick:pt,disable:Le})]})}),Le?/* @__PURE__ */e.jsx(S.FormParser,{data:Le||[],handleFormSubmit:e=>{},className:"form-container",fieldArrayName:"form-builder-preview",getFormMethods:e=>$e({...e})}):/* @__PURE__ */e.jsxs(M.default,{className:"formSection--Grid",container:!0,children:[
+/* @__PURE__ */e.jsx(M.default,{item:!0,xs:9,component:"form",sx:{position:"relative",background:"#F5F6F5",padding:"0.75rem"},children:/* @__PURE__ */e.jsxs(M.default,{className:"formSection--GridContainer",children:[
+/* @__PURE__ */e.jsxs(J.default,{className:"formSection--Tab",children:[Fe&&/* @__PURE__ */e.jsx(c.default,{tabs:Fe,onEditTabTitle:Ke,activeValue:Be,setActiveValue:Ae,handleTabChange:()=>{dt()},handleRemoveTab:Qe,containerProps:{mb:0}}),
+/* @__PURE__ */e.jsx(d.DynamicButton,{variant:"outlined",text:"Add Tab",onClick:Ye,style:{color:"#292D32",margin:"0.5rem"}})]}),
+/* @__PURE__ */e.jsxs("div",{className:"formSection--Form",children:[null==te?void 0:te.map((t,r)=>{var i;const o=Y.filter(e=>e.section_order===r),n=t.section_type===_.SECTION_TYPES.FORM_SWITCH_SECTION,s=null==(i=null==t?void 0:t.switcher_forms)?void 0:i.map(e=>({...e,formMembers:Y.filter(t=>t.section_form_id===e.id)}));/* @__PURE__ */
+return e.jsxs(a.DynamicSectionHOC,{index:r,label:U(t.label),onClick:Ze,position:r,fieldArrayName:"section",isFormSwitcher:n,activeIndex:le===r,removeSection:()=>lt(r),handleAccordion:()=>at(r),handleAddButton:e=>et(e),remove_section:t.remove_section,children:[n?/* @__PURE__ */e.jsxs("div",{style:{width:"100%"},children:[
 /* @__PURE__ */e.jsx(f.Typography,{type:"s5",style:{fontWeight:500},color:"theme.secondary.800",children:t.form_switcher_label}),
-/* @__PURE__ */e.jsx(T.default,{"aria-labelledby":"theme-radio-buttons-group-label",name:t.form_switcher_name||t.form_switcher_label,children:null==s?void 0:s.map(({name:t,id:i,formMembers:n})=>/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(I.default,{value:t,control:/* @__PURE__ */e.jsx(y.default,{}),label:V(t),disabled:!0},i)}),
-/* @__PURE__ */e.jsx(B.default,{container:!0,sx:{mb:3},children:/* @__PURE__ */e.jsx(O.default,{sectionMembers:n||[],members:Y,activeMember:de,control:z,t:V,element:N.element,images:u.images,elementJSON:fe,remove:Q,move:Z,handleElementSelection:Xe,setElementSwap:Te,handleDuplicateElement:bt,setSelectedHoc:se,setActiveMember:ce})}),
-/* @__PURE__ */e.jsx(d.default,{text:"Add",variant:"outlined",className:"formSection--PreviewButton","data-position":r,onClick:e=>et(e,{section_form_id:i,is_form_switcher_section:!0}),startIcon:/* @__PURE__ */e.jsx(P.default,{})})]}))})]}):null,!o&&/* @__PURE__ */e.jsx(O.default,{sectionMembers:n||[],members:Y,activeMember:de,control:z,t:V,element:N.element,images:u.images,elementJSON:fe,remove:Q,move:Z,handleElementSelection:Xe,setElementSwap:Te,handleDuplicateElement:bt,setSelectedHoc:se,setActiveMember:ce})]})}),
-/* @__PURE__ */e.jsx("div",{className:"formSection--Section",children:/* @__PURE__ */e.jsx(d.default,{text:"Add a section",variant:"outlined",className:"formSection--PreviewButton",onClick:ze,startIcon:/* @__PURE__ */e.jsx(P.default,{})})})]})]})}),
-/* @__PURE__ */e.jsx(B.default,{item:!0,xs:3,className:Boolean(oe)&&((null==Y?void 0:Y.length)||te.length)?"formSection--RightGrid":"formSection--RightGrid formSection--Text",children:St})]}),
-/* @__PURE__ */e.jsx(v.default,{open:Boolean(De),type:null==De?void 0:De.type,message:null==De?void 0:De.message,handleClose:()=>Ge(null),anchorOrigin:{horizontal:"right",vertical:"bottom"}})]})})}exports.CustomForm=V,exports.default=V;
+/* @__PURE__ */e.jsx(T.default,{"aria-labelledby":"theme-radio-buttons-group-label",name:t.form_switcher_name||t.form_switcher_label,children:null==s?void 0:s.map(({name:t,id:i,formMembers:o})=>/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(I.default,{value:t,control:/* @__PURE__ */e.jsx(y.Radio,{}),label:U(t),disabled:!0},i)}),
+/* @__PURE__ */e.jsx(M.default,{container:!0,sx:{mb:3},children:/* @__PURE__ */e.jsx(O.default,{sectionMembers:o||[],members:Y,activeMember:de,control:z,t:U,element:N.element,images:u.images,elementJSON:fe,remove:Q,move:Z,handleElementSelection:Xe,setElementSwap:Te,handleDuplicateElement:bt,setSelectedHoc:se,setActiveMember:ce})}),
+/* @__PURE__ */e.jsx(d.DynamicButton,{text:"Add",variant:"outlined",className:"formSection--PreviewButton","data-position":r,onClick:e=>et(e,{section_form_id:i,is_form_switcher_section:!0}),startIcon:/* @__PURE__ */e.jsx(P.default,{})})]}))})]}):null,!n&&/* @__PURE__ */e.jsx(O.default,{sectionMembers:o||[],members:Y,activeMember:de,control:z,t:U,element:N.element,images:u.images,elementJSON:fe,remove:Q,move:Z,handleElementSelection:Xe,setElementSwap:Te,handleDuplicateElement:bt,setSelectedHoc:se,setActiveMember:ce})]})}),
+/* @__PURE__ */e.jsx("div",{className:"formSection--Section",children:/* @__PURE__ */e.jsx(d.DynamicButton,{text:"Add a section",variant:"outlined",className:"formSection--PreviewButton",onClick:ze,startIcon:/* @__PURE__ */e.jsx(P.default,{})})})]})]})}),
+/* @__PURE__ */e.jsx(M.default,{item:!0,xs:3,className:Boolean(ne)&&((null==Y?void 0:Y.length)||te.length)?"formSection--RightGrid":"formSection--RightGrid formSection--Text",children:St})]}),
+/* @__PURE__ */e.jsx(v.Toast,{open:Boolean(De),type:null==De?void 0:De.type,message:null==De?void 0:De.message,handleClose:()=>Ge(null),anchorOrigin:{horizontal:"right",vertical:"bottom"}})]})})}exports.CustomForm=U,exports.default=U;
 //# sourceMappingURL=index.js.map

package/dist/views/form-builder/custom-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/views/form-builder/custom-form.tsx"],"sourcesContent":["// React imports\r\nimport { useState, useEffect, useMemo, useCallback } from \"react\";\r\n\r\n// React Router imports\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\n\r\n// React Hook Form imports\r\nimport { useForm, useFieldArray } from \"react-hook-form\";\r\n\r\n// Material UI imports\r\nimport { Box, FormControlLabel, Grid, RadioGroup } from \"@mui/material\";\r\nimport { Add } from \"@mui/icons-material\";\r\n\r\n// Third-party imports\r\nimport { DndProvider } from \"react-dnd\";\r\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\r\nimport { MRT_ColumnDef, MRT_RowData } from \"material-react-table\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { enqueueSnackbar } from \"notistack\";\r\n\r\n// ERP Common imports\r\nimport DynamicSectionHOC from \"@/components/form-control/form-builder/form-builder-element/section\";\r\nimport Button from \"@/components/form-control/form-builder/form-builder-element/button\";\r\nimport TabBar from \"@/components/tabs/tabs\";\r\nimport images from \"@/assets/images\";\r\nimport { Pathname } from \"@/constants\";\r\nimport FormHeader from \"@/components/form-header/form-header\";\r\nimport Typography from \"@/components/typography/typography\";\r\nimport formBuilderConversion from \"@/utils/form-builder-conversion\";\r\nimport { useAppDispatch, useAppSelector } from \"@/redux/hooks\";\r\nimport { formatLabel } from \"@/utils/format-text\";\r\nimport Toast from \"@/components/toast/toast\";\r\nimport Radio from \"@/components/radio/radio\";\r\nimport { SECTION_TYPES } from \"@/utils/constant\";\r\nimport ErpLoader from \"@/components/loaders/erp-loader\";\r\nimport { getErrorMessage } from \"@/utils/common\";\r\nimport FormParser from \"@/components/form-control/form-parser/form-parser\";\r\nimport { Eye, EyeOff } from \"@/components/icons\";\r\n\r\n// Redux actions\r\nimport {\r\n  patchFormDataById,\r\n  getFormDataById,\r\n  getFieldsByFormId,\r\n} from \"../form-builder/redux/actionCreator\";\r\n\r\n// Local imports\r\nimport {\r\n  IProperty,\r\n  ISectionProperty,\r\n  ISelectProperty,\r\n  element,\r\n} from \"./field_properties\";\r\nimport TextEditForm from \"./element-edit-forms/text\";\r\nimport SelectEditForm from \"./element-edit-forms/select\";\r\nimport SectionEditForm from \"./element-edit-forms/section\";\r\nimport CheckboxEditForm from \"./element-edit-forms/checkbox\";\r\nimport TableEditForm from \"./element-edit-forms/table-form\";\r\nimport FormFields from \"./form-fields\";\r\nimport { generateModulePath, useFormDataEffect } from \"./utils/common\";\r\nimport \"./custom-form.scss\";\r\n\r\nexport interface IElementJson extends IProperty {\r\n  type: string;\r\n}\r\n\r\nconst FIELD_TYPES = {\r\n  TEXT: 'text',\r\n  NUMBER: 'number',\r\n  EMAIL: 'email',\r\n  PHONE: 'phone',\r\n  SELECT: 'select',\r\n  DATE: 'date',\r\n  TIME: 'time',\r\n  URL: 'url',\r\n  CURRENCY: 'currency',\r\n  FILE: 'file',\r\n  GEO_LOCATION: 'geoLocation',\r\n  IMAGE: 'image',\r\n  SECTION: 'section',\r\n  INFO: 'info',\r\n  RELATION: 'relation',\r\n  CHECKBOX: 'checkbox',\r\n  TOGGLE_BUTTON: 'toggleButton',\r\n  TAGS_INPUT: 'tagsInput'\r\n} as const;\r\n\r\nconst DEFAULT_GRID_COLUMNS = 12;\r\nconst DEFAULT_COLUMN_WIDTH = 2;\r\nconst DEFAULT_TAB_TITLE = 'data';\r\n\r\nconst isValidNumber = (value: any): boolean => !isNaN(Number(value)) && isFinite(Number(value));\r\nconst deepClone = (obj: T): T => JSON.parse(JSON.stringify(obj));\r\nconst generateUniqueId = (separator = ''): { uniqueStringId: string } => {\r\n  return { uniqueStringId: `${Date.now()}${separator}${Math.random().toString(36).substr(2, 9)}` };\r\n};\r\n\r\n\r\nexport function CustomForm() {\r\n  const { t } = useTranslation();\r\n  const dispatch = useAppDispatch();\r\n  const navigate = useNavigate();\r\n  const location = useLocation();\r\n  const rowData = location.state ?? [];\r\n\r\n  const formBuilder = useAppSelector((state) => state.formBuilder);\r\n\r\n  const { control } = useForm({\r\n    reValidateMode: \"onBlur\",\r\n  });\r\n\r\n  const {\r\n    fields: members,\r\n    append,\r\n    remove,\r\n    update,\r\n    move,\r\n    insert,\r\n  } = useFieldArray({\r\n    control,\r\n    name: \"members\",\r\n  });\r\n\r\n  const {\r\n    fields: section,\r\n    append: appendSection,\r\n    remove: removeSection,\r\n    update: updateSection,\r\n  } = useFieldArray({\r\n    control,\r\n    name: \"section\",\r\n  });\r\n\r\n  const [selectedHoc, setSelectedHoc] = useState(\"\");\r\n  const [activeSection, setActiveSection] = useState<number>();\r\n  const [activeMember, setActiveMember] = useState<number>();\r\n\r\n  const [formJSON, setFormJSON] = useState<object[]>([]);\r\n  const [elementJSON, setElementJSON] = useState<any>(null);\r\n  const [positionEditedElement, setPositionEditedElement] = useState<\r\n    number | undefined\r\n  >();\r\n\r\n  const [sectionFormJSON, setSectionFormJSON] = useState<object[]>([]);\r\n  const [sectionJSON, setSectionJSON] = useState<any>({});\r\n  const [sectionPositionEditedElement, setSectionPositionEditedElement] =\r\n    useState<number | undefined>();\r\n  const [removeSectionActionPerformed, setRemoveSectionActionPerformed] =\r\n    useState(false);\r\n  const [removeSectionMembersPerformed, setRemoveSectionMembersPerformed] =\r\n    useState(false);\r\n  const [removeSectionPosition, setRemoveSectionPosition] = useState<\r\n    number | undefined\r\n  >();\r\n  const [initialLoading, setInitialLoading] = useState(true);\r\n  const [tabsData, setTabsData] = useState<any[]>([]);\r\n  const [activeTabValue, setActiveTabValue] = useState<number | undefined>(0);\r\n\r\n  const [elementSwap, setElementSwap] = useState(false);\r\n  const [modifyAccordion, setModifyAccordion] = useState(false);\r\n  const [toast, setToast] = useState<IToast | null>(null);\r\n  const [previewFieldsData, setPreviewFields] = useState<any>(null);\r\n  const [_, setFormParserMethods] = useState<any>();\r\n\r\n  let elementPerColumn: any;\r\n\r\n  const currentModule = location.pathname.split('/')[2]\r\n\r\n  const path = generateModulePath(currentModule)\r\n\r\n  useFormDataEffect(\r\n    formBuilder,\r\n    tabsData,\r\n    activeTabValue,\r\n    {\r\n      removeSection,\r\n      remove,\r\n      setTabsData,\r\n      append,\r\n      appendSection\r\n    }\r\n  );\r\n\r\n  const pickPropertyEditForm = useCallback((type: string): React.ReactElement => {\r\n    try {\r\n      if (!type || typeof type !== 'string') {\r\n        console.warn('Invalid field type provided to pickPropertyEditForm');\r\n        return <div className=\"text-gray-500 p-4\">Select a field to edit</div>;\r\n      }\r\n\r\n      const normalizedType = type.toLowerCase().trim();\r\n\r\n      // Define form type groups for better maintainability\r\n      const formGroups = {\r\n        text: [\r\n          'text', 'number', 'email', 'phone', 'date', 'time',\r\n          'url', 'currency', 'file', 'geolocation', 'image',\r\n          'relation', 'info', 'tagsinput'\r\n        ],\r\n        select: ['select'],\r\n        section: ['section'],\r\n        checkbox: ['checkbox', 'togglebutton', 'radiobutton'],\r\n        table: ['table']\r\n      };\r\n\r\n      // Common props for reusability\r\n      const commonTextProps = {\r\n        element: elementJSON,\r\n        handlePropertyValueUpdate,\r\n        handleWidthChange,\r\n        handleColumnSelect,\r\n        fields: formBuilder?.fields || []\r\n      };\r\n\r\n      const commonSelectProps = {\r\n        element: elementJSON,\r\n        handlePropertyValueUpdate,\r\n        handleSelectOptionValueUpdate,\r\n        handleWidthChange,\r\n        handleColumnSelect\r\n      };\r\n\r\n      // Determine form type and render appropriate component\r\n      if (formGroups.text.includes(normalizedType)) {\r\n        return (\r\n          <TextEditForm\r\n            {...commonTextProps}\r\n            key={`text-form-${elementJSON?.id || 'default'}`}\r\n          />\r\n        );\r\n      }\r\n\r\n      if (formGroups.select.includes(normalizedType)) {\r\n        return (\r\n          <SelectEditForm\r\n            {...commonSelectProps}\r\n            key={`select-form-${elementJSON?.id || 'default'}`}\r\n          />\r\n        );\r\n      }\r\n\r\n      if (formGroups.section.includes(normalizedType)) {\r\n        return (\r\n          <SectionEditForm\r\n            element={sectionJSON}\r\n            handlePropertyValueUpdate={handleSectionPropertyValueUpdate}\r\n            key={`section-form-${sectionJSON?.id || 'default'}`}\r\n          />\r\n        );\r\n      }\r\n\r\n      if (formGroups.checkbox.includes(normalizedType)) {\r\n        return (\r\n          <CheckboxEditForm\r\n            {...commonSelectProps}\r\n            key={`checkbox-form-${elementJSON?.id || 'default'}`}\r\n          />\r\n        );\r\n      }\r\n\r\n      if (formGroups.table.includes(normalizedType)) {\r\n        return (\r\n          <TableEditForm\r\n            element={elementJSON}\r\n            handlePropertyValueUpdate={handlePropertyValueUpdate}\r\n            handleColumnsUpdate={handleColumnsUpdate}\r\n            fields={formBuilder?.fields || []}\r\n            key={`table-form-${elementJSON?.id || 'default'}`}\r\n          />\r\n        );\r\n      }\r\n\r\n      // Default fallback with helpful message\r\n      console.warn(`Unknown field type: ${type}`);\r\n      return (\r\n        <div className=\"text-gray-500 p-4 border border-gray-200 rounded\">\r\n          <p className=\"font-medium\">Unknown Field Type</p>\r\n          <p className=\"text-sm mt-1\">\r\n            Field type \"{type}\" is not supported. Please select a valid field to edit.\r\n          </p>\r\n        </div>\r\n      );\r\n\r\n    } catch (error) {\r\n      console.error('Error in pickPropertyEditForm:', error);\r\n      return (\r\n        <div className=\"text-red-500 p-4 border border-red-200 rounded bg-red-50\">\r\n          <p className=\"font-medium\">Error Loading Form</p>\r\n          <p className=\"text-sm mt-1\">\r\n            There was an error loading the property edit form. Please try again.\r\n          </p>\r\n        </div>\r\n      );\r\n    }\r\n  }, [elementJSON, sectionJSON, formBuilder]);\r\n\r\n  const addNewSection = useCallback((): void => {\r\n    try {\r\n      if (!element?.section) {\r\n        console.error('Element section template is not available');\r\n        return;\r\n      }\r\n\r\n      const { uniqueStringId: id } = generateUniqueId('-');\r\n      const newSection: ISectionProperty = {\r\n        ...deepClone(element.section),\r\n        id: id,\r\n      };\r\n\r\n      // Update switcher forms with new ID if they exist\r\n      if (newSection.switcher_forms) {\r\n        newSection.switcher_forms = newSection.switcher_forms.map(form => ({\r\n          ...form,\r\n          id: generateUniqueId('-').uniqueStringId\r\n        }));\r\n      }\r\n\r\n      const newSectionIndex = section.length;\r\n\r\n      appendSection(newSection);\r\n      setActiveSection(newSectionIndex);\r\n      setSelectedHoc('section');\r\n\r\n      const sectionData: ISectionProperty = {\r\n        field_type: newSection.field_type,\r\n        section_type: newSection.section_type,\r\n        switcher_forms: newSection.switcher_forms,\r\n        form_switcher_label: newSection.form_switcher_label,\r\n        form_switcher_name: newSection.form_switcher_name,\r\n        label: newSection.label,\r\n        is_accordion: newSection.is_accordion,\r\n        id: newSection.id ?? newSectionIndex,\r\n      };\r\n\r\n      setSectionJSON(sectionData);\r\n      setSectionPositionEditedElement(newSectionIndex);\r\n      pickPropertyEditForm(newSection.field_type);\r\n    } catch (error) {\r\n      console.error('Error adding new section:', error);\r\n    }\r\n  }, [element, section, appendSection, setActiveSection, setSelectedHoc, setSectionJSON, setSectionPositionEditedElement, pickPropertyEditForm]);\r\n\r\n  /**\r\n   * Enhanced handleAddTab with better validation and error handling\r\n   */\r\n  const handleAddTab = useCallback((): void => {\r\n    try {\r\n      const formWithMembers = deepClone(sectionFormJSON);\r\n\r\n      // Populate sections with their members\r\n      formWithMembers.forEach((section: ISectionProperty, sectionIndex: number) => {\r\n        section.members = members.filter(\r\n          (member: IProperty) => member?.section_order === sectionIndex\r\n        );\r\n      });\r\n\r\n      const hasSystemMembers = formWithMembers.some((section: ISectionProperty) =>\r\n        section.members?.some((member: IProperty) => Boolean(member?.is_system_field))\r\n      );\r\n\r\n      const shouldRemoveTab = !tabsData?.length && hasSystemMembers;\r\n\r\n      const newTab: TabData = {\r\n        tab_order: tabsData.length + 1,\r\n        title: DEFAULT_TAB_TITLE,\r\n        remove_tab: shouldRemoveTab,\r\n        data: tabsData?.length ? [] : formWithMembers\r\n      };\r\n\r\n      setTabsData(prevTabs => [...prevTabs, newTab]);\r\n    } catch (error) {\r\n      console.error('Error adding new tab:', error);\r\n    }\r\n  }, [sectionFormJSON, members, tabsData, setTabsData]);\r\n\r\n  const handleEditTabTitle = useCallback((tabId: number, newTitle: string): void => {\r\n    try {\r\n      if (!isValidNumber(tabId) || !newTitle?.trim()) {\r\n        console.error('Invalid tab ID or title provided');\r\n        return;\r\n      }\r\n\r\n      setTabsData(prevTabs =>\r\n        prevTabs.map((tab: TabData) =>\r\n          tab.tab_order === tabId ? { ...tab, title: newTitle.trim() } : tab\r\n        )\r\n      );\r\n    } catch (error) {\r\n      console.error('Error editing tab title:', error);\r\n    }\r\n  }, [setTabsData]);\r\n\r\n  const handleRemoveTab = useCallback((id: number): void => {\r\n    try {\r\n      if (!isValidNumber(id)) {\r\n        console.error('Invalid tab ID provided');\r\n        return;\r\n      }\r\n\r\n      const filteredTabs = tabsData.filter((tab: TabData) => tab.tab_order !== id);\r\n\r\n      // Reorder remaining tabs\r\n      const reorderedTabs = filteredTabs.map((tab: TabData) => ({\r\n        ...tab,\r\n        tab_order: tab.tab_order > id ? tab.tab_order - 1 : tab.tab_order,\r\n      }));\r\n\r\n      setTabsData(reorderedTabs);\r\n      if (activeTabValue == id) {\r\n        setActiveTabValue(reorderedTabs?.length - 1)\r\n      }\r\n\r\n      if (reorderedTabs.length > 0) {\r\n        const activeTab = reorderedTabs.find(\r\n          (tab: TabData) => tab.tab_order === (activeTabValue ?? 0) + 1\r\n        );\r\n\r\n        if (activeTab?.data) {\r\n          const sections = activeTab.data.map(\r\n            ({ field_type, label, is_accordion, id, remove_section }) => ({\r\n              field_type,\r\n              label,\r\n              is_accordion,\r\n              id,\r\n              remove_section,\r\n            })\r\n          );\r\n\r\n          const membersList = activeTab.data.flatMap((section: ISectionProperty) =>\r\n            section.members?.map((member: IProperty) => ({ ...member })) || []\r\n          );\r\n\r\n          // Clear current data and add new data\r\n          remove();\r\n          removeSection();\r\n          membersList.forEach(member => append(member));\r\n          sections.forEach(section => appendSection(section));\r\n        }\r\n      } else {\r\n        // Clear all data if no tabs remain\r\n        remove();\r\n        removeSection();\r\n      }\r\n    } catch (error) {\r\n      console.error('Error removing tab:', error);\r\n    }\r\n  }, [tabsData, activeTabValue, setTabsData, remove, removeSection, append, appendSection]);\r\n\r\n  const handleElementSelection = useCallback((e: React.MouseEvent<HTMLElement>): void => {\r\n    try {\r\n      const target = e.target as HTMLElement;\r\n      const elementPositionIndex = target.dataset.position;\r\n\r\n      if (!elementPositionIndex || !isValidNumber(elementPositionIndex)) {\r\n        console.error('Invalid element position index');\r\n        return;\r\n      }\r\n\r\n      const positionIndex = Number(elementPositionIndex);\r\n\r\n      if (positionIndex < 0 || positionIndex >= formJSON.length) {\r\n        console.error('Element position index out of bounds');\r\n        return;\r\n      }\r\n\r\n      setActiveMember(positionIndex);\r\n\r\n      const elementDetails = deepClone(formJSON[positionIndex]);\r\n      setPositionEditedElement(positionIndex);\r\n      setElementJSON(elementDetails);\r\n      setSelectedHoc('element');\r\n    } catch (error) {\r\n      console.error('Error selecting element:', error);\r\n    }\r\n  }, [formJSON, setActiveMember, setPositionEditedElement, setElementJSON, setSelectedHoc]);\r\n\r\n  const handleSectionSelection = useCallback((e: React.MouseEvent<HTMLElement>): void => {\r\n    try {\r\n      const target = e.target as HTMLElement;\r\n      const sectionPositionIndex = target.dataset.position;\r\n\r\n      if (!sectionPositionIndex || !isValidNumber(sectionPositionIndex)) {\r\n        console.error('Invalid section position index');\r\n        return;\r\n      }\r\n\r\n      const positionIndex = Number(sectionPositionIndex);\r\n\r\n      if (positionIndex < 0 || positionIndex >= sectionFormJSON.length) {\r\n        console.error('Section position index out of bounds');\r\n        return;\r\n      }\r\n\r\n      setActiveSection(positionIndex);\r\n\r\n      const sectionDetails = deepClone(sectionFormJSON[positionIndex]);\r\n      setSectionPositionEditedElement(positionIndex);\r\n      setSectionJSON(sectionDetails);\r\n      setSelectedHoc('section');\r\n    } catch (error) {\r\n      console.error('Error selecting section:', error);\r\n    }\r\n  }, [sectionFormJSON, setActiveSection, setSectionPositionEditedElement, setSectionJSON, setSelectedHoc]);\r\n\r\n  const handleAddMember = useCallback((\r\n    e: React.SyntheticEvent<HTMLElement>,\r\n    otherProperties?: Record<string, any>\r\n  ): void => {\r\n    try {\r\n      const target = e.currentTarget as HTMLElement;\r\n      const sectionPositionIndex = target?.dataset?.position;\r\n\r\n      if (sectionPositionIndex === undefined || !isValidNumber(sectionPositionIndex)) {\r\n        console.error('Invalid section position index for adding member');\r\n        return;\r\n      }\r\n\r\n      const positionIndex = Number(sectionPositionIndex);\r\n\r\n      if (positionIndex < 0) {\r\n        console.error('Section position index cannot be negative');\r\n        return;\r\n      }\r\n\r\n      if (!element?.text) {\r\n        console.error('Element text template is not available');\r\n        return;\r\n      }\r\n\r\n      const newMember: IProperty = {\r\n        ...deepClone(element.text),\r\n        ...otherProperties,\r\n        section_order: positionIndex,\r\n        type: 'custom',\r\n        is_new: true,\r\n        custom_width: Math.floor(DEFAULT_GRID_COLUMNS / DEFAULT_COLUMN_WIDTH),\r\n        is_fullwidth: false,\r\n        is_system_field: Boolean(otherProperties?.is_system_field),\r\n        id: generateUniqueId().uniqueStringId,\r\n      };\r\n\r\n      setActiveSection(positionIndex);\r\n      append(newMember);\r\n\r\n      const elementPositionIndex = members.length;\r\n      setActiveMember(elementPositionIndex);\r\n      setSelectedHoc('element');\r\n      setPositionEditedElement(elementPositionIndex);\r\n      setElementJSON(newMember);\r\n      pickPropertyEditForm(newMember.field_type);\r\n    } catch (error) {\r\n      console.error('Error adding new member:', error);\r\n    }\r\n  }, [element, members, setActiveSection, append, setActiveMember, setSelectedHoc, setPositionEditedElement, setElementJSON, pickPropertyEditForm]);\r\n\r\n\r\n  const handleSectionPropertyValueUpdate = useCallback((\r\n    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>,\r\n    overrideValue?: any\r\n  ): void => {\r\n    try {\r\n      const { name, type, checked, value } = e.target;\r\n\r\n      if (!name) {\r\n        console.error('Property name is required for update');\r\n        return;\r\n      }\r\n\r\n      const updatedValue = overrideValue !== undefined ? overrideValue : (type === 'checkbox' ? checked : value);\r\n\r\n      // Only update if value actually changed\r\n      if (sectionJSON[name] !== updatedValue) {\r\n        setSectionJSON(prev => ({ ...prev, [name]: updatedValue }));\r\n      }\r\n    } catch (error) {\r\n      console.error('Error updating section property:', error);\r\n    }\r\n  }, [sectionJSON, setSectionJSON]);\r\n\r\n  const handleWidthChange = useCallback((newCustomWidth: number): void => {\r\n    try {\r\n      if (!isValidNumber(newCustomWidth) || newCustomWidth < 1 || newCustomWidth > DEFAULT_GRID_COLUMNS) {\r\n        console.error('Invalid width value provided');\r\n        return;\r\n      }\r\n\r\n      setElementJSON(prevData => ({\r\n        ...prevData,\r\n        custom_width: newCustomWidth,\r\n      }));\r\n    } catch (error) {\r\n      console.error('Error updating width:', error);\r\n    }\r\n  }, [setElementJSON]);\r\n\r\n  const handleColumnSelect = useCallback((e: React.ChangeEvent<HTMLSelectElement>): void => {\r\n    try {\r\n      const columnValue = Number(e.target.value);\r\n\r\n      if (!isValidNumber(columnValue) || columnValue <= 0) {\r\n        console.error('Invalid column value provided');\r\n        return;\r\n      }\r\n\r\n      const elementPerColumn = Math.floor(DEFAULT_GRID_COLUMNS / columnValue);\r\n\r\n      if (elementPerColumn <= 0) {\r\n        console.error('Calculated element per column is invalid');\r\n        return;\r\n      }\r\n\r\n      // Batch update all members\r\n      members.forEach((field: IProperty, index: number) => {\r\n        update(index, { ...field, custom_width: elementPerColumn });\r\n      });\r\n    } catch (error) {\r\n      console.error('Error updating column selection:', error);\r\n    }\r\n  }, [members, update]);\r\n\r\n  const handlePropertyValueUpdate = useCallback((\r\n    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>,\r\n    numberValue?: number,\r\n    val?: string,\r\n    fieldType?: keyof typeof FIELD_TYPES\r\n  ): void => {\r\n    try {\r\n      const getValue = (): any => {\r\n        if (fieldType) return fieldType;\r\n        if (val !== undefined) return val;\r\n        if (numberValue !== undefined) return numberValue;\r\n        return e?.target?.value;\r\n      };\r\n\r\n      const value = getValue();\r\n      const elementJSONCopy = deepClone(elementJSON);\r\n\r\n      if (e?.target?.name) {\r\n        elementJSONCopy[e.target.name] = e.target.type === 'checkbox' ? e.target.checked : value;\r\n      }\r\n      // Only update if there's an actual change\r\n      if (fieldType) {\r\n        const { uniqueStringId: uniqueId } = generateUniqueId();\r\n        const copyOfUpdatedElement: IProperty = {\r\n          ...element[fieldType],\r\n          section_form_id: elementJSONCopy?.section_form_id,\r\n          is_form_switcher_section: elementJSONCopy?.is_form_switcher_section,\r\n          section_order: elementJSONCopy.section_order,\r\n          id: uniqueId,\r\n          type: 'custom',\r\n          is_system_field: Boolean(elementJSONCopy?.is_system_field),\r\n          is_new: true,\r\n          column_width: elementJSONCopy?.column_width || 6,\r\n          custom_width: elementJSONCopy?.custom_width || 6\r\n        };\r\n        setElementJSON(copyOfUpdatedElement);\r\n      } else if (JSON.stringify(elementJSON) !== JSON.stringify(elementJSONCopy)) {\r\n        setElementJSON({ ...elementJSON, ...elementJSONCopy });\r\n      }\r\n    } catch (error) {\r\n      console.error('Error updating property value:', error);\r\n    }\r\n  }, [elementJSON, element, setElementJSON]);\r\n\r\n  const handleSelectOptionValueUpdate = useCallback((options: any[]): void => {\r\n    try {\r\n      if (!Array.isArray(options)) {\r\n        console.error('Options must be an array');\r\n        return;\r\n      }\r\n\r\n      const elementJSONCopy = deepClone(elementJSON);\r\n      elementJSONCopy.options = [...options];\r\n      const { uniqueStringId: uniqueId } = generateUniqueId('-');\r\n\r\n      if (JSON.stringify(elementJSON.options) !== JSON.stringify(options)) {\r\n        setElementJSON({ ...elementJSON, ...elementJSONCopy, id: uniqueId });\r\n      }\r\n    } catch (error) {\r\n      console.error('Error updating select options:', error);\r\n    }\r\n  }, [elementJSON, setElementJSON]);\r\n\r\n  const handleColumnsUpdate = useCallback((columns: MRT_ColumnDef<MRT_RowData>[]): void => {\r\n    try {\r\n      if (!Array.isArray(columns)) {\r\n        console.error('Columns must be an array');\r\n        return;\r\n      }\r\n\r\n      const elementJSONCopy = deepClone(elementJSON);\r\n      elementJSONCopy.table_columns = [...columns];\r\n      const { uniqueStringId: uniqueId } = generateUniqueId('-');\r\n\r\n      if (JSON.stringify(elementJSON.table_columns) !== JSON.stringify(columns)) {\r\n        setElementJSON({ ...elementJSON, ...elementJSONCopy, id: uniqueId });\r\n      }\r\n    } catch (error) {\r\n      console.error('Error updating table columns:', error);\r\n    }\r\n  }, [elementJSON, setElementJSON]);\r\n\r\n  const handleRemoveSection = useCallback((sectionIndex: number): void => {\r\n    try {\r\n      if (!isValidNumber(sectionIndex) || sectionIndex < 0 || sectionIndex >= section.length) {\r\n        console.error('Invalid section index for removal');\r\n        return;\r\n      }\r\n\r\n      setRemoveSectionPosition(sectionIndex);\r\n      removeSection(sectionIndex);\r\n\r\n      // Remove associated members in reverse order to maintain indices\r\n      const membersToRemove: number[] = [];\r\n      members.forEach((member: IProperty, index: number) => {\r\n        if (member?.section_order === sectionIndex) {\r\n          membersToRemove.push(index);\r\n        }\r\n      });\r\n\r\n      // Remove members in reverse order to maintain correct indices\r\n      membersToRemove.reverse().forEach(memberIndex => {\r\n        remove(memberIndex);\r\n      });\r\n\r\n      setRemoveSectionActionPerformed(true);\r\n    } catch (error) {\r\n      console.error('Error removing section:', error);\r\n    }\r\n  }, [section, members, setRemoveSectionPosition, removeSection, remove, setRemoveSectionActionPerformed]);\r\n\r\n  const handleMakeAccordion = useCallback((sectionIndex: number): void => {\r\n    try {\r\n      if (!isValidNumber(sectionIndex) || sectionIndex < 0 || sectionIndex >= section.length) {\r\n        console.error('Invalid section index for accordion conversion');\r\n        return;\r\n      }\r\n\r\n      setModifyAccordion(true);\r\n      setSectionPositionEditedElement(sectionIndex);\r\n      setActiveSection(sectionIndex);\r\n\r\n      const copyOfSection: ISectionProperty = {\r\n        ...deepClone(section[sectionIndex]),\r\n        is_accordion: true\r\n      };\r\n\r\n      updateSection(sectionIndex, copyOfSection);\r\n      setSelectedHoc('section');\r\n      setSectionJSON(copyOfSection);\r\n      pickPropertyEditForm(copyOfSection.field_type);\r\n    } catch (error) {\r\n      console.error('Error making section accordion:', error);\r\n    }\r\n  }, [section, setModifyAccordion, setSectionPositionEditedElement, setActiveSection, updateSection, setSelectedHoc, setSectionJSON, pickPropertyEditForm]);\r\n\r\n  const handleTabData = useCallback((): void => {\r\n    try {\r\n      const formWithMembers = deepClone(sectionFormJSON);\r\n\r\n      formWithMembers.forEach((section: ISectionProperty, sectionIndex: number) => {\r\n        section.members = members.filter(\r\n          (member: IProperty) => member?.section_order === sectionIndex\r\n        );\r\n      });\r\n\r\n      const hasSystemMembers = formWithMembers.some((section: ISectionProperty) =>\r\n        section.members?.some((member: IProperty) => Boolean(member?.is_system_field))\r\n      );\r\n\r\n      const activeTabIndex = Number(activeTabValue);\r\n      if (isValidNumber(activeTabIndex) && activeTabIndex >= 0 && activeTabIndex < tabsData.length) {\r\n        const updatedTabsData = [...tabsData];\r\n        updatedTabsData[activeTabIndex] = {\r\n          ...updatedTabsData[activeTabIndex],\r\n          data: formWithMembers,\r\n          remove_tab: hasSystemMembers,\r\n        };\r\n        setTabsData(updatedTabsData)\r\n        remove();\r\n        removeSection();\r\n        setActiveMember(undefined);\r\n        setSelectedHoc(\"\");\r\n        setActiveSection(undefined);\r\n      }\r\n    } catch (error) {\r\n      console.error('Error updating tab data:', error);\r\n    }\r\n  }, [sectionFormJSON, members, activeTabValue, tabsData, setTabsData]);\r\n\r\n  // const handlePreview = () => {\r\n  //   const formWithMembers = JSON.parse(JSON.stringify(sectionFormJSON));\r\n\r\n  //   formWithMembers.forEach(\r\n  //     (section: ISectionProperty, sectionIndex: number) => {\r\n  //       section.members = members.filter(\r\n  //         (member: any) => member?.section_order === sectionIndex,\r\n  //       ) as (IProperty | ISelectProperty)[];\r\n  //     },\r\n  //   );\r\n  //   const state = tabsData?.length\r\n  //     ? { tab: tabsData }\r\n  //     : { section: formWithMembers };\r\n\r\n  //   const FormBuilderConversion = state && formBuilderConversion(state);\r\n\r\n  //   setPreviewFields(FormBuilderConversion);\r\n  // };\r\n\r\n  // Option 1: Using useMemo to memoize the expensive computation\r\n  const formWithMembers = useMemo(() => {\r\n    if (!sectionFormJSON || !members) return null;\r\n\r\n    return sectionFormJSON.map((section: ISectionProperty, sectionIndex: number) => ({\r\n      ...section,\r\n      members: members.filter(\r\n        (member: any) => member?.section_order === sectionIndex,\r\n      ) as (IProperty | ISelectProperty)[]\r\n    }));\r\n  }, [sectionFormJSON, members]);\r\n\r\n  const previewState = useMemo(() => {\r\n    if (!formWithMembers) return null;\r\n\r\n    return tabsData?.length\r\n      ? { tab: tabsData }\r\n      : { section: formWithMembers };\r\n  }, [tabsData, formWithMembers]);\r\n\r\n  const previewFields = useMemo(() => {\r\n    if (!previewState) return null;\r\n    return formBuilderConversion(previewState);\r\n  }, [previewState]);\r\n\r\n\r\n  // Option 2: Optimized handlePreview function using useCallback\r\n  const showPreview = useCallback(() => {\r\n    if (previewFields) {\r\n      setPreviewFields(previewFields);\r\n    }\r\n  }, [previewFields, setPreviewFields]);\r\n  const hidePreview = useCallback(() => {\r\n    setPreviewFields(null);\r\n  }, []);\r\n\r\n  // Enhanced handleFormUpdate with proper error handling and validation\r\n  const handleFormUpdate = useCallback(async (): void => {\r\n    try {\r\n\r\n\r\n\r\n      // Early validation checks\r\n      if (!sectionFormJSON || !Array.isArray(sectionFormJSON)) {\r\n        console.warn('Invalid sectionFormJSON provided');\r\n        return;\r\n      }\r\n\r\n      if (!members || !Array.isArray(members)) {\r\n        console.warn('Invalid members array provided');\r\n        return;\r\n      }\r\n\r\n      if (!rowData?._id) {\r\n        console.warn('Missing rowData._id for form update');\r\n        return;\r\n      }\r\n\r\n      // Deep clone with proper error handling\r\n      let formWithMembers: IEnhancedSectionProperty[];\r\n\r\n      try {\r\n        formWithMembers = structuredClone(sectionFormJSON);\r\n      } catch (cloneError) {\r\n        // Fallback to JSON method if structuredClone is not available\r\n        formWithMembers = JSON.parse(JSON.stringify(sectionFormJSON));\r\n      }\r\n\r\n      // Enhanced member filtering with better type safety and validation\r\n      formWithMembers.forEach((section: IEnhancedSectionProperty, sectionIndex: number) => {\r\n        // Validate section object\r\n        if (!section || typeof section !== 'object') {\r\n          console.warn(`Invalid section at index ${sectionIndex}`);\r\n          return;\r\n        }\r\n\r\n        // Filter members with proper type checking and validation\r\n        section.members = members.filter((member: IMember) => {\r\n          // Validate member object and section_order\r\n          return (\r\n            member &&\r\n            typeof member === 'object' &&\r\n            typeof member.section_order === 'number' &&\r\n            member.section_order === sectionIndex\r\n          );\r\n        }) as (IProperty | ISelectProperty)[];\r\n      });\r\n\r\n      const hasSystemMembers = formWithMembers.some((section: ISectionProperty) =>\r\n        section.members?.some((member: IProperty) => Boolean(member?.is_system_field))\r\n      );\r\n\r\n      const activeTabIndex = Number(activeTabValue);\r\n      let updatedTabsData = [...tabsData];\r\n      if (isValidNumber(activeTabIndex) && activeTabIndex >= 0 && activeTabIndex < tabsData.length) {\r\n        updatedTabsData = [...tabsData];\r\n        updatedTabsData[activeTabIndex] = {\r\n          ...updatedTabsData[activeTabIndex],\r\n          data: formWithMembers,\r\n          remove_tab: hasSystemMembers,\r\n        };\r\n\r\n        setTabsData(updatedTabsData)\r\n      }\r\n\r\n      // Build state object with proper validation\r\n      const state: IFormState = updatedTabsData?.length > 0\r\n        ? { tab: updatedTabsData }\r\n        : { section: formWithMembers };\r\n\r\n      // Validate formBuilderConversion function exists\r\n      if (typeof formBuilderConversion !== 'function') {\r\n        console.error('formBuilderConversion is not a function');\r\n        return;\r\n      }\r\n\r\n      // Execute conversion with error handling\r\n      let formBuilderConversionResult: any;\r\n      try {\r\n        formBuilderConversionResult = formBuilderConversion(state);\r\n      } catch (conversionError) {\r\n        console.error('Error during form builder conversion:', conversionError);\r\n        return;\r\n      }\r\n\r\n      // Validate conversion result\r\n      if (!formBuilderConversionResult) {\r\n        console.warn('Form builder conversion returned empty result');\r\n        return;\r\n      }\r\n\r\n      // Validate elementPerColumn\r\n      // if (typeof elementPerColumn !== 'number' || elementPerColumn <= 0) {\r\n\r\n      //   console.warn('Invalid elementPerColumn value');\r\n      //   return;\r\n      // }\r\n\r\n      // Prepare payload with validation\r\n      const updatePayload: IFormUpdatePayload = {\r\n        gridCol: elementPerColumn || 2,\r\n        fields: formBuilderConversionResult\r\n      };\r\n\r\n      // Dispatch update action\r\n      const updateRes = await dispatch(\r\n        patchFormDataById({\r\n          id: rowData._id,\r\n          data: updatePayload\r\n        })\r\n      );\r\n      if (updateRes.meta.requestStatus === 'rejected') {\r\n\r\n        const m = getErrorMessage(updateRes?.error?.message);\r\n        enqueueSnackbar(m, { variant: 'error' });\r\n      } else {\r\n        enqueueSnackbar(\"Form updated successfully\", { variant: 'success' });\r\n        navigate(path);\r\n      }\r\n\r\n    } catch (error) {\r\n      const m = error?.message || 'Something went wrong while updating the form';\r\n      enqueueSnackbar(m, { variant: 'error' });\r\n    }\r\n  }, [\r\n    sectionFormJSON,\r\n    members,\r\n    tabsData,\r\n    rowData?._id,\r\n    elementPerColumn,\r\n    dispatch,\r\n    formBuilderConversion\r\n  ]);\r\n\r\n  const handleDuplicateElement = (index: number) => {\r\n    const copyOfMember: any = { ...members[index], type: \"custom\" };\r\n    copyOfMember && insert(index + 1, copyOfMember);\r\n    setActiveMember(index + 1);\r\n    setSelectedHoc(\"element\");\r\n    setPositionEditedElement(index + 1);\r\n    setElementJSON(copyOfMember);\r\n    pickPropertyEditForm(copyOfMember.field_type);\r\n  };\r\n\r\n  const breadCrumbPath = [\r\n    {\r\n      link: path,\r\n      label: \"Forms\",\r\n    },\r\n    {\r\n      link: \"\",\r\n      label: formatLabel(rowData?.name),\r\n    },\r\n    {\r\n      link: \"\",\r\n      label: \"Edit Form\",\r\n    },\r\n  ];\r\n\r\n\r\n  useEffect(() => {\r\n    if (removeSectionActionPerformed) {\r\n      members.forEach((member: any, index: number) => {\r\n        if (\r\n          removeSectionPosition !== undefined &&\r\n          Boolean(removeSectionPosition?.toString) &&\r\n          member.section_order > removeSectionPosition\r\n        ) {\r\n          update(index, { ...member, section_order: member.section_order - 1 });\r\n        }\r\n      });\r\n      setRemoveSectionActionPerformed(false);\r\n      setRemoveSectionMembersPerformed(true);\r\n      setRemoveSectionPosition(undefined);\r\n      setSelectedHoc(\"\");\r\n    }\r\n\r\n    // eslint-disable-next-line\r\n  }, [removeSectionActionPerformed]);\r\n\r\n  useEffect(() => {\r\n    formBuilder.isSuccess && navigate(path);\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [formBuilder.isSuccess]);\r\n\r\n  useEffect(() => {\r\n    if (formBuilder.isError) {\r\n      setToast({\r\n        type: 'alert',\r\n        message: formBuilder.error\r\n      });\r\n    }\r\n  }, [formBuilder.error, formBuilder.isError]);\r\n\r\n  useEffect(() => {\r\n    if (\r\n      typeof positionEditedElement !== \"number\" ||\r\n      typeof positionEditedElement !== \"string\"\r\n    ) {\r\n      const index = Number(positionEditedElement);\r\n      if (formJSON[index]) {\r\n        const copyOfUpdatedFormJson = JSON.parse(\r\n          JSON.stringify(formJSON[index]),\r\n        );\r\n        update(index, { ...copyOfUpdatedFormJson });\r\n      }\r\n    }\r\n    // eslint-disable-next-line\r\n  }, [formJSON]);\r\n\r\n  useEffect(() => {\r\n    const updatedFormJSON = formJSON.map((obj: any, index: number) => {\r\n      if (index === Number(positionEditedElement)) {\r\n        return { ...elementJSON };\r\n      } else {\r\n        return { ...obj };\r\n      }\r\n    });\r\n    setFormJSON(updatedFormJSON);\r\n\r\n    // eslint-disable-next-line\r\n  }, [elementJSON]);\r\n\r\n  useEffect(() => {\r\n    if (members.length !== formJSON.length) {\r\n      setFormJSON(JSON.parse(JSON.stringify(members)));\r\n    }\r\n    if (\r\n      Boolean(elementSwap) &&\r\n      JSON.stringify(members) !== JSON.stringify(formJSON)\r\n    ) {\r\n      setFormJSON(JSON.parse(JSON.stringify(members)));\r\n      setElementSwap(false);\r\n      const newMember: any =\r\n        positionEditedElement && members[positionEditedElement];\r\n      newMember && setSelectedHoc(\"element\");\r\n      newMember && setElementJSON(newMember);\r\n      newMember && pickPropertyEditForm(newMember.field_type);\r\n    }\r\n    if (\r\n      removeSectionMembersPerformed &&\r\n      JSON.stringify(members) !== JSON.stringify(formJSON)\r\n    ) {\r\n      setFormJSON(JSON.parse(JSON.stringify(members)));\r\n      setRemoveSectionMembersPerformed(false);\r\n    }\r\n    // eslint-disable-next-line\r\n  }, [members, elementSwap]);\r\n\r\n  useEffect(() => {\r\n    if (\r\n      typeof sectionPositionEditedElement !== \"number\" ||\r\n      typeof sectionPositionEditedElement !== \"string\"\r\n    ) {\r\n      const index = Number(sectionPositionEditedElement);\r\n      if (sectionFormJSON[index]) {\r\n        const copyOfUpdatedFormJson = JSON.parse(\r\n          JSON.stringify(sectionFormJSON[index]),\r\n        );\r\n        updateSection(index, { ...copyOfUpdatedFormJson });\r\n      }\r\n    }\r\n    // eslint-disable-next-line\r\n  }, [sectionFormJSON]);\r\n\r\n  useEffect(() => {\r\n    const updatedFormJSON = sectionFormJSON.map((obj: any, index: number) => {\r\n      if (index === Number(sectionPositionEditedElement)) {\r\n        return { ...obj, ...sectionJSON };\r\n      } else {\r\n        return { ...obj };\r\n      }\r\n    });\r\n    setSectionFormJSON(updatedFormJSON);\r\n    // eslint-disable-next-line\r\n  }, [sectionJSON]);\r\n\r\n  useEffect(() => {\r\n    if (section.length !== sectionFormJSON.length) {\r\n      setSectionFormJSON(JSON.parse(JSON.stringify(section)));\r\n    }\r\n    if (\r\n      JSON.stringify(sectionFormJSON) !== JSON.stringify(section) &&\r\n      modifyAccordion\r\n    ) {\r\n      setSectionFormJSON(JSON.parse(JSON.stringify(section)));\r\n      setModifyAccordion(false);\r\n    }\r\n    // eslint-disable-next-line\r\n  }, [section]);\r\n\r\n  useEffect(() => {\r\n    () => setInitialLoading(true);\r\n  }, [])\r\n\r\n  const handleFormData = useCallback(async () => {\r\n    setInitialLoading(true)\r\n    try {\r\n      if (rowData?._id) {\r\n        setTabsData([])\r\n        await dispatch(getFormDataById(rowData?._id));\r\n        await dispatch(getFieldsByFormId({ id: rowData?._id }));\r\n\r\n      }\r\n    } finally {\r\n      setInitialLoading(false);\r\n    }\r\n\r\n  }, [rowData?._id])\r\n\r\n  useEffect(() => {\r\n    handleFormData();\r\n  }, [handleFormData]);\r\n\r\n  type SelectedHoc = \"element\" | \"section\" | null;\r\n\r\n  // Constants\r\n  const DEFAULT_FIELD_TYPE = \"text\";\r\n  const HOC_TYPES = {\r\n    ELEMENT: \"element\",\r\n    SECTION: \"section\"\r\n  } as const;\r\n\r\n  // Helper function to check if object has meaningful content\r\n  const hasValidContent = (obj: Record<string, any>): boolean => {\r\n    return obj && Object.keys(obj).length > 0;\r\n  };\r\n\r\n  const EmptyStateMessage = () => (\r\n    <Typography type=\"s5\" color={\"theme.secondary.800\"} className=\"formSection--Text\">Select a field to edit its properties.</Typography>\r\n  )\r\n\r\n  // Helper function to get field type with fallback\r\n  const getFieldTypeWithFallback = (\r\n    json: ElementJSON | SectionJSON | null | undefined,\r\n    fallback: string = DEFAULT_FIELD_TYPE\r\n  ): string => {\r\n    return json?.field_type || fallback;\r\n  };\r\n\r\n  const memoizedForm = useMemo(() => {\r\n    // Early return for empty state\r\n    if (!selectedHoc) {\r\n\r\n      return <EmptyStateMessage />;\r\n    }\r\n\r\n    // Handle element selection\r\n    if (selectedHoc === HOC_TYPES.ELEMENT) {\r\n      if (!hasValidContent(members)) {\r\n        console.warn('Element selected but no members data available');\r\n        return <EmptyStateMessage />;\r\n      }\r\n\r\n      const fieldType = getFieldTypeWithFallback(elementJSON);\r\n      return pickPropertyEditForm(fieldType);\r\n    }\r\n\r\n    // Handle section selection\r\n    if (selectedHoc === HOC_TYPES.SECTION) {\r\n      if (!hasValidContent(section)) {\r\n        console.warn('Section selected but no section data available');\r\n        return <EmptyStateMessage />;\r\n      }\r\n\r\n      const fieldType = getFieldTypeWithFallback(sectionJSON);\r\n      return pickPropertyEditForm(fieldType);\r\n    }\r\n\r\n    // Fallback for unknown selection type\r\n    console.warn(`Unknown selectedHoc type: ${selectedHoc}`);\r\n    return <EmptyStateMessage />;\r\n  }, [\r\n    // Core dependencies\r\n    selectedHoc,\r\n\r\n    // Data dependencies\r\n    Object.keys(members).length,\r\n    Object.keys(section).length,\r\n\r\n    // JSON dependencies with deep comparison consideration\r\n    elementJSON?.field_type,\r\n    elementJSON?.field_properties,\r\n    sectionJSON?.field_type,\r\n    sectionJSON?.field_properties,\r\n\r\n    // Function dependency\r\n    pickPropertyEditForm\r\n  ]);\r\n\r\n  return (\r\n    //   <FullScreenLayout className=\"formSection--Layout\">\r\n    <Box position='relative'>\r\n      {initialLoading ? <ErpLoader /> :\r\n        <DndProvider backend={HTML5Backend}>\r\n          <FormHeader breadCrumbPath={breadCrumbPath}>\r\n            <div className=\"formSection--Buttons\">\r\n              <Button\r\n                variant=\"outlined\"\r\n                className=\"formSection--PreviewButton\"\r\n                text=\"Preview\"\r\n                onClick={() => { !previewFieldsData ? showPreview() : hidePreview() }}\r\n                disable={!members?.length}\r\n                startIcon={previewFieldsData ? <EyeOff /> : <Eye />}\r\n              />\r\n              <Button\r\n                variant=\"contained\"\r\n                type=\"submit\"\r\n                text=\"Update\"\r\n                onClick={handleFormUpdate}\r\n                disable={previewFieldsData}\r\n              />\r\n            </div>\r\n          </FormHeader>\r\n          {!previewFieldsData ?\r\n            <Grid className=\"formSection--Grid\" container>\r\n              <Grid\r\n                item\r\n                xs={9}\r\n                component=\"form\"\r\n                sx={{\r\n                  position: \"relative\",\r\n                  background: \"#F5F6F5\",\r\n                  padding: \"0.75rem\",\r\n                }}\r\n              >\r\n                <Grid className=\"formSection--GridContainer\">\r\n                  <Box className=\"formSection--Tab\">\r\n                    {tabsData && (\r\n                      <TabBar\r\n                        tabs={tabsData}\r\n                        onEditTabTitle={handleEditTabTitle}\r\n                        activeValue={activeTabValue}\r\n                        setActiveValue={setActiveTabValue}\r\n                        handleTabChange={() => {\r\n                          handleTabData()\r\n                        }}\r\n                        handleRemoveTab={handleRemoveTab}\r\n                        containerProps={{ mb: 0 }}\r\n                      />\r\n                    )}\r\n                    <Button\r\n                      variant=\"outlined\"\r\n                      text=\"Add Tab\"\r\n                      onClick={handleAddTab}\r\n                      style={{ color: \"#292D32\", margin: \"0.5rem\" }}\r\n                    />\r\n                  </Box>\r\n                  <div className=\"formSection--Form\">\r\n                    {section?.map((item: any, i: number) => {\r\n                      const sectionMembers = members.filter(\r\n                        (member: any) => member.section_order === i,\r\n                      );\r\n                      const isFormSwitcher = item.section_type === SECTION_TYPES.FORM_SWITCH_SECTION\r\n                      const switchForms = item?.switcher_forms?.map((form: any) => ({\r\n                        ...form,\r\n                        formMembers: members.filter(\r\n                          (member: any) => member.section_form_id === form.id,\r\n                        )\r\n                      }))\r\n\r\n                      return (\r\n                        <DynamicSectionHOC\r\n                          index={i}\r\n                          label={t(item.label)}\r\n                          onClick={handleSectionSelection}\r\n                          position={i}\r\n                          fieldArrayName=\"section\"\r\n                          isFormSwitcher={isFormSwitcher}\r\n                          activeIndex={activeSection === i}\r\n                          removeSection={() => handleRemoveSection(i)}\r\n                          handleAccordion={() => handleMakeAccordion(i)}\r\n                          handleAddButton={(e) => handleAddMember(e)}\r\n                          remove_section={item.remove_section}\r\n                        >\r\n                          {isFormSwitcher ? (\r\n                            <div style={{ width: '100%' }} >\r\n                              <Typography type=\"s5\" style={{ fontWeight: 500 }} color={\"theme.secondary.800\"}>\r\n                                {item.form_switcher_label}\r\n                              </Typography>\r\n                              <RadioGroup\r\n                                aria-labelledby=\"theme-radio-buttons-group-label\"\r\n                                name={item.form_switcher_name || item.form_switcher_label}\r\n                              >\r\n\r\n                                {switchForms?.map(({ name, id, formMembers }: { name: string, id: number, formMembers: any }) => (\r\n                                  <>\r\n                                    <div>\r\n                                      <FormControlLabel\r\n                                        key={id}\r\n                                        value={name}\r\n                                        control={<Radio />}\r\n                                        label={t(name)}\r\n                                        disabled\r\n                                      />\r\n                                    </div>\r\n\r\n                                    <Grid container sx={{ mb: 3 }}>\r\n                                      <FormFields\r\n                                        sectionMembers={formMembers || []}\r\n                                        members={members}\r\n                                        activeMember={activeMember}\r\n                                        control={control}\r\n                                        t={t}\r\n                                        element={element}\r\n                                        images={images}\r\n                                        elementJSON={elementJSON}\r\n                                        remove={remove}\r\n                                        move={move}\r\n                                        handleElementSelection={handleElementSelection}\r\n                                        setElementSwap={setElementSwap}\r\n                                        handleDuplicateElement={handleDuplicateElement}\r\n                                        setSelectedHoc={setSelectedHoc}\r\n                                        setActiveMember={setActiveMember}\r\n                                      />\r\n                                    </Grid>\r\n                                    <Button\r\n                                      text=\"Add\"\r\n                                      variant=\"outlined\"\r\n                                      className=\"formSection--PreviewButton\"\r\n                                      data-position={i}\r\n                                      onClick={(e) => handleAddMember(e, {\r\n                                        section_form_id: id,\r\n                                        is_form_switcher_section: true\r\n                                      })}\r\n                                      startIcon={<Add />}\r\n                                    />\r\n                                  </>\r\n                                ))}\r\n                              </RadioGroup>\r\n                            </div>\r\n                          ) : null}\r\n                          {!isFormSwitcher &&\r\n                            <FormFields\r\n                              sectionMembers={sectionMembers || []}\r\n                              members={members}\r\n                              activeMember={activeMember}\r\n                              control={control}\r\n                              t={t}\r\n                              element={element}\r\n                              images={images}\r\n                              elementJSON={elementJSON}\r\n                              remove={remove}\r\n                              move={move}\r\n                              handleElementSelection={handleElementSelection}\r\n                              setElementSwap={setElementSwap}\r\n                              handleDuplicateElement={handleDuplicateElement}\r\n                              setSelectedHoc={setSelectedHoc}\r\n                              setActiveMember={setActiveMember}\r\n                            />\r\n                          }\r\n                        </DynamicSectionHOC>\r\n                      );\r\n                    })}\r\n                    <div className=\"formSection--Section\">\r\n                      <Button\r\n                        text=\"Add a section\"\r\n                        variant=\"outlined\"\r\n                        className=\"formSection--PreviewButton\"\r\n                        onClick={addNewSection}\r\n                        startIcon={<Add />}\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                </Grid>\r\n\r\n              </Grid>\r\n              <Grid\r\n                item\r\n                xs={3}\r\n                className={\r\n                  Boolean(selectedHoc) && (members?.length || section.length)\r\n                    ? \"formSection--RightGrid\"\r\n                    : \"formSection--RightGrid formSection--Text\"\r\n                }\r\n              >\r\n                {memoizedForm}\r\n              </Grid>\r\n            </Grid>\r\n            :\r\n            <FormParser\r\n              data={previewFieldsData || []}\r\n              handleFormSubmit={(data) => console.log(\"Preview Data\", data)}\r\n              className='form-container'\r\n              fieldArrayName='form-builder-preview'\r\n              getFormMethods={(methods: any) =>\r\n                setFormParserMethods({ ...methods })\r\n              }\r\n            />\r\n          }\r\n          <Toast\r\n            open={Boolean(toast)}\r\n            type={toast?.type}\r\n            message={toast?.message}\r\n            handleClose={() => setToast(null)}\r\n            anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}\r\n          />\r\n        </DndProvider>}\r\n    </Box>\r\n    //    </FullScreenLayout>\r\n  );\r\n}\r\n\r\nexport default CustomForm;\r\n"],"names":["isValidNumber","value","isNaN","Number","isFinite","deepClone","obj","JSON","parse","stringify","generateUniqueId","separator","uniqueStringId","Date","now","Math","random","toString","substr","CustomForm","t","useTranslation","dispatch","useAppDispatch","navigate","useNavigate","location","useLocation","rowData","state","formBuilder","useAppSelector","control","useForm","reValidateMode","fields","members","append","remove","update","move","insert","useFieldArray","name","section","appendSection","removeSection","updateSection","selectedHoc","setSelectedHoc","useState","activeSection","setActiveSection","activeMember","setActiveMember","formJSON","setFormJSON","elementJSON","setElementJSON","positionEditedElement","setPositionEditedElement","sectionFormJSON","setSectionFormJSON","sectionJSON","setSectionJSON","sectionPositionEditedElement","setSectionPositionEditedElement","removeSectionActionPerformed","setRemoveSectionActionPerformed","removeSectionMembersPerformed","setRemoveSectionMembersPerformed","removeSectionPosition","setRemoveSectionPosition","initialLoading","setInitialLoading","tabsData","setTabsData","activeTabValue","setActiveTabValue","elementSwap","setElementSwap","modifyAccordion","setModifyAccordion","toast","setToast","previewFieldsData","setPreviewFields","_","setFormParserMethods","currentModule","pathname","split","path","generateModulePath","useFormDataEffect","pickPropertyEditForm","useCallback","type","jsx","className","children","normalizedType","toLowerCase","trim","formGroups","text","select","checkbox","table","commonTextProps","element","handlePropertyValueUpdate","handleWidthChange","handleColumnSelect","commonSelectProps","handleSelectOptionValueUpdate","includes","createElement","TextEditForm","key","id","SelectEditForm","SectionEditForm","handleSectionPropertyValueUpdate","CheckboxEditForm","TableEditForm","handleColumnsUpdate","jsxs","error","addNewSection","newSection","switcher_forms","map","form","newSectionIndex","length","sectionData","field_type","section_type","form_switcher_label","form_switcher_name","label","is_accordion","handleAddTab","formWithMembers","forEach","sectionIndex","filter","member","section_order","hasSystemMembers","some","Boolean","is_system_field","shouldRemoveTab","newTab","tab_order","title","remove_tab","data","prevTabs","handleEditTabTitle","tabId","newTitle","tab","handleRemoveTab","reorderedTabs","activeTab","find","sections","remove_section","membersList","flatMap","handleElementSelection","e","elementPositionIndex","target","dataset","position","positionIndex","elementDetails","handleSectionSelection","sectionPositionIndex","sectionDetails","handleAddMember","otherProperties","currentTarget","_a","newMember","is_new","custom_width","floor","DEFAULT_GRID_COLUMNS","is_fullwidth","overrideValue","checked","updatedValue","prev","newCustomWidth","prevData","columnValue","elementPerColumn","field","index","numberValue","val","fieldType","getValue","elementJSONCopy","uniqueId","copyOfUpdatedElement","section_form_id","is_form_switcher_section","column_width","options","Array","isArray","columns","table_columns","handleRemoveSection","membersToRemove","push","reverse","memberIndex","handleMakeAccordion","copyOfSection","handleTabData","activeTabIndex","updatedTabsData","useMemo","previewState","previewFields","formBuilderConversion","showPreview","hidePreview","handleFormUpdate","async","_id","structuredClone","cloneError","formBuilderConversionResult","conversionError","updatePayload","gridCol","updateRes","patchFormDataById","meta","requestStatus","m","getErrorMessage","message","enqueueSnackbar","variant","handleDuplicateElement","copyOfMember","breadCrumbPath","link","formatLabel","useEffect","isSuccess","isError","copyOfUpdatedFormJson","updatedFormJSON","handleFormData","getFormDataById","getFieldsByFormId","hasValidContent","Object","keys","EmptyStateMessage","Typography","color","getFieldTypeWithFallback","json","fallback","memoizedForm","field_properties","Box","ErpLoader","DndProvider","backend","HTML5Backend","FormHeader","Button","onClick","disable","startIcon","EyeOff","Eye","FormParser","handleFormSubmit","fieldArrayName","getFormMethods","methods","Grid","container","item","xs","component","sx","background","padding","TabBar","tabs","onEditTabTitle","activeValue","setActiveValue","handleTabChange","containerProps","mb","style","margin","i","sectionMembers","isFormSwitcher","SECTION_TYPES","FORM_SWITCH_SECTION","switchForms","formMembers","DynamicSectionHOC","activeIndex","handleAccordion","handleAddButton","width","fontWeight","RadioGroup","Fragment","FormControlLabel","Radio","disabled","FormFields","images","Add","Toast","open","handleClose","anchorOrigin","horizontal","vertical"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/views/form-builder/custom-form.tsx"],"sourcesContent":["// React imports\r\nimport { useState, useEffect, useMemo, useCallback } from \"react\";\r\n\r\n// React Router imports\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\n\r\n// React Hook Form imports\r\nimport { useForm, useFieldArray } from \"react-hook-form\";\r\n\r\n// Material UI imports\r\nimport { Box, FormControlLabel, Grid, RadioGroup } from \"@mui/material\";\r\nimport { Add } from \"@mui/icons-material\";\r\n\r\n// Third-party imports\r\nimport { DndProvider } from \"react-dnd\";\r\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\r\nimport { MRT_ColumnDef, MRT_RowData } from \"material-react-table\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { enqueueSnackbar } from \"notistack\";\r\n\r\n// ERP Common imports\r\nimport DynamicSectionHOC from \"@/components/form-control/form-builder/form-builder-element/section\";\r\nimport Button from \"@/components/form-control/form-builder/form-builder-element/button\";\r\nimport TabBar from \"@/components/tabs/tabs\";\r\nimport images from \"@/assets/images\";\r\nimport { Pathname } from \"@/constants\";\r\nimport FormHeader from \"@/components/form-header/form-header\";\r\nimport Typography from \"@/components/typography/typography\";\r\nimport formBuilderConversion from \"@/utils/form-builder-conversion\";\r\nimport { useAppDispatch, useAppSelector } from \"@/redux/hooks\";\r\nimport { formatLabel } from \"@/utils/format-text\";\r\nimport Toast from \"@/components/toast/toast\";\r\nimport Radio from \"@/components/radio/radio\";\r\nimport { SECTION_TYPES } from \"@/utils/constant\";\r\nimport ErpLoader from \"@/components/loaders/erp-loader\";\r\nimport { getErrorMessage } from \"@/utils/common\";\r\nimport FormParser from \"@/components/form-control/form-parser/form-parser\";\r\nimport { Eye, EyeOff } from \"@/components/icons\";\r\n\r\n// Redux actions\r\nimport {\r\n  patchFormDataById,\r\n  getFormDataById,\r\n  getFieldsByFormId,\r\n} from \"../form-builder/redux/actionCreator\";\r\n\r\n// Local imports\r\nimport {\r\n  IProperty,\r\n  ISectionProperty,\r\n  ISelectProperty,\r\n  element,\r\n} from \"./field_properties\";\r\nimport TextEditForm from \"./element-edit-forms/text\";\r\nimport SelectEditForm from \"./element-edit-forms/select\";\r\nimport SectionEditForm from \"./element-edit-forms/section\";\r\nimport CheckboxEditForm from \"./element-edit-forms/checkbox\";\r\nimport TableEditForm from \"./element-edit-forms/table-form\";\r\nimport FormFields from \"./form-fields\";\r\nimport { generateModulePath, useFormDataEffect } from \"./utils/common\";\r\nimport \"./custom-form.scss\";\r\n\r\nexport interface IElementJson extends IProperty {\r\n  type: string;\r\n}\r\n\r\nconst FIELD_TYPES = {\r\n  TEXT: 'text',\r\n  NUMBER: 'number',\r\n  EMAIL: 'email',\r\n  PHONE: 'phone',\r\n  SELECT: 'select',\r\n  DATE: 'date',\r\n  TIME: 'time',\r\n  URL: 'url',\r\n  CURRENCY: 'currency',\r\n  FILE: 'file',\r\n  GEO_LOCATION: 'geoLocation',\r\n  IMAGE: 'image',\r\n  SECTION: 'section',\r\n  INFO: 'info',\r\n  RELATION: 'relation',\r\n  CHECKBOX: 'checkbox',\r\n  TOGGLE_BUTTON: 'toggleButton',\r\n  TAGS_INPUT: 'tagsInput'\r\n} as const;\r\n\r\nconst DEFAULT_GRID_COLUMNS = 12;\r\nconst DEFAULT_COLUMN_WIDTH = 2;\r\nconst DEFAULT_TAB_TITLE = 'data';\r\n\r\nconst isValidNumber = (value: any): boolean => !isNaN(Number(value)) && isFinite(Number(value));\r\nconst deepClone = (obj: T): T => JSON.parse(JSON.stringify(obj));\r\nconst generateUniqueId = (separator = ''): { uniqueStringId: string } => {\r\n  return { uniqueStringId: `${Date.now()}${separator}${Math.random().toString(36).substr(2, 9)}` };\r\n};\r\n\r\n\r\nexport function CustomForm() {\r\n  const { t } = useTranslation();\r\n  const dispatch = useAppDispatch();\r\n  const navigate = useNavigate();\r\n  const location = useLocation();\r\n  const rowData = location.state ?? [];\r\n\r\n  const formBuilder = useAppSelector((state) => state.formBuilder);\r\n\r\n  const { control } = useForm({\r\n    reValidateMode: \"onBlur\",\r\n  });\r\n\r\n  const {\r\n    fields: members,\r\n    append,\r\n    remove,\r\n    update,\r\n    move,\r\n    insert,\r\n  } = useFieldArray({\r\n    control,\r\n    name: \"members\",\r\n  });\r\n\r\n  const {\r\n    fields: section,\r\n    append: appendSection,\r\n    remove: removeSection,\r\n    update: updateSection,\r\n  } = useFieldArray({\r\n    control,\r\n    name: \"section\",\r\n  });\r\n\r\n  const [selectedHoc, setSelectedHoc] = useState(\"\");\r\n  const [activeSection, setActiveSection] = useState<number>();\r\n  const [activeMember, setActiveMember] = useState<number>();\r\n\r\n  const [formJSON, setFormJSON] = useState<object[]>([]);\r\n  const [elementJSON, setElementJSON] = useState<any>(null);\r\n  const [positionEditedElement, setPositionEditedElement] = useState<\r\n    number | undefined\r\n  >();\r\n\r\n  const [sectionFormJSON, setSectionFormJSON] = useState<object[]>([]);\r\n  const [sectionJSON, setSectionJSON] = useState<any>({});\r\n  const [sectionPositionEditedElement, setSectionPositionEditedElement] =\r\n    useState<number | undefined>();\r\n  const [removeSectionActionPerformed, setRemoveSectionActionPerformed] =\r\n    useState(false);\r\n  const [removeSectionMembersPerformed, setRemoveSectionMembersPerformed] =\r\n    useState(false);\r\n  const [removeSectionPosition, setRemoveSectionPosition] = useState<\r\n    number | undefined\r\n  >();\r\n  const [initialLoading, setInitialLoading] = useState(true);\r\n  const [tabsData, setTabsData] = useState<any[]>([]);\r\n  const [activeTabValue, setActiveTabValue] = useState<number | undefined>(0);\r\n\r\n  const [elementSwap, setElementSwap] = useState(false);\r\n  const [modifyAccordion, setModifyAccordion] = useState(false);\r\n  const [toast, setToast] = useState<IToast | null>(null);\r\n  const [previewFieldsData, setPreviewFields] = useState<any>(null);\r\n  const [_, setFormParserMethods] = useState<any>();\r\n\r\n  let elementPerColumn: any;\r\n\r\n  const currentModule = location.pathname.split('/')[2]\r\n\r\n  const path = generateModulePath(currentModule)\r\n\r\n  useFormDataEffect(\r\n    formBuilder,\r\n    tabsData,\r\n    activeTabValue,\r\n    {\r\n      removeSection,\r\n      remove,\r\n      setTabsData,\r\n      append,\r\n      appendSection\r\n    }\r\n  );\r\n\r\n  const pickPropertyEditForm = useCallback((type: string): React.ReactElement => {\r\n    try {\r\n      if (!type || typeof type !== 'string') {\r\n        console.warn('Invalid field type provided to pickPropertyEditForm');\r\n        return <div className=\"text-gray-500 p-4\">Select a field to edit</div>;\r\n      }\r\n\r\n      const normalizedType = type.toLowerCase().trim();\r\n\r\n      // Define form type groups for better maintainability\r\n      const formGroups = {\r\n        text: [\r\n          'text', 'number', 'email', 'phone', 'date', 'time',\r\n          'url', 'currency', 'file', 'geolocation', 'image',\r\n          'relation', 'info', 'tagsinput'\r\n        ],\r\n        select: ['select'],\r\n        section: ['section'],\r\n        checkbox: ['checkbox', 'togglebutton', 'radiobutton'],\r\n        table: ['table']\r\n      };\r\n\r\n      // Common props for reusability\r\n      const commonTextProps = {\r\n        element: elementJSON,\r\n        handlePropertyValueUpdate,\r\n        handleWidthChange,\r\n        handleColumnSelect,\r\n        fields: formBuilder?.fields || []\r\n      };\r\n\r\n      const commonSelectProps = {\r\n        element: elementJSON,\r\n        handlePropertyValueUpdate,\r\n        handleSelectOptionValueUpdate,\r\n        handleWidthChange,\r\n        handleColumnSelect\r\n      };\r\n\r\n      // Determine form type and render appropriate component\r\n      if (formGroups.text.includes(normalizedType)) {\r\n        return (\r\n          <TextEditForm\r\n            {...commonTextProps}\r\n            key={`text-form-${elementJSON?.id || 'default'}`}\r\n          />\r\n        );\r\n      }\r\n\r\n      if (formGroups.select.includes(normalizedType)) {\r\n        return (\r\n          <SelectEditForm\r\n            {...commonSelectProps}\r\n            key={`select-form-${elementJSON?.id || 'default'}`}\r\n          />\r\n        );\r\n      }\r\n\r\n      if (formGroups.section.includes(normalizedType)) {\r\n        return (\r\n          <SectionEditForm\r\n            element={sectionJSON}\r\n            handlePropertyValueUpdate={handleSectionPropertyValueUpdate}\r\n            key={`section-form-${sectionJSON?.id || 'default'}`}\r\n          />\r\n        );\r\n      }\r\n\r\n      if (formGroups.checkbox.includes(normalizedType)) {\r\n        return (\r\n          <CheckboxEditForm\r\n            {...commonSelectProps}\r\n            key={`checkbox-form-${elementJSON?.id || 'default'}`}\r\n          />\r\n        );\r\n      }\r\n\r\n      if (formGroups.table.includes(normalizedType)) {\r\n        return (\r\n          <TableEditForm\r\n            element={elementJSON}\r\n            handlePropertyValueUpdate={handlePropertyValueUpdate}\r\n            handleColumnsUpdate={handleColumnsUpdate}\r\n            fields={formBuilder?.fields || []}\r\n            key={`table-form-${elementJSON?.id || 'default'}`}\r\n          />\r\n        );\r\n      }\r\n\r\n      // Default fallback with helpful message\r\n      console.warn(`Unknown field type: ${type}`);\r\n      return (\r\n        <div className=\"text-gray-500 p-4 border border-gray-200 rounded\">\r\n          <p className=\"font-medium\">Unknown Field Type</p>\r\n          <p className=\"text-sm mt-1\">\r\n            Field type \"{type}\" is not supported. Please select a valid field to edit.\r\n          </p>\r\n        </div>\r\n      );\r\n\r\n    } catch (error) {\r\n      console.error('Error in pickPropertyEditForm:', error);\r\n      return (\r\n        <div className=\"text-red-500 p-4 border border-red-200 rounded bg-red-50\">\r\n          <p className=\"font-medium\">Error Loading Form</p>\r\n          <p className=\"text-sm mt-1\">\r\n            There was an error loading the property edit form. Please try again.\r\n          </p>\r\n        </div>\r\n      );\r\n    }\r\n  }, [elementJSON, sectionJSON, formBuilder]);\r\n\r\n  const addNewSection = useCallback((): void => {\r\n    try {\r\n      if (!element?.section) {\r\n        console.error('Element section template is not available');\r\n        return;\r\n      }\r\n\r\n      const { uniqueStringId: id } = generateUniqueId('-');\r\n      const newSection: ISectionProperty = {\r\n        ...deepClone(element.section),\r\n        id: id,\r\n      };\r\n\r\n      // Update switcher forms with new ID if they exist\r\n      if (newSection.switcher_forms) {\r\n        newSection.switcher_forms = newSection.switcher_forms.map(form => ({\r\n          ...form,\r\n          id: generateUniqueId('-').uniqueStringId\r\n        }));\r\n      }\r\n\r\n      const newSectionIndex = section.length;\r\n\r\n      appendSection(newSection);\r\n      setActiveSection(newSectionIndex);\r\n      setSelectedHoc('section');\r\n\r\n      const sectionData: ISectionProperty = {\r\n        field_type: newSection.field_type,\r\n        section_type: newSection.section_type,\r\n        switcher_forms: newSection.switcher_forms,\r\n        form_switcher_label: newSection.form_switcher_label,\r\n        form_switcher_name: newSection.form_switcher_name,\r\n        label: newSection.label,\r\n        is_accordion: newSection.is_accordion,\r\n        id: newSection.id ?? newSectionIndex,\r\n      };\r\n\r\n      setSectionJSON(sectionData);\r\n      setSectionPositionEditedElement(newSectionIndex);\r\n      pickPropertyEditForm(newSection.field_type);\r\n    } catch (error) {\r\n      console.error('Error adding new section:', error);\r\n    }\r\n  }, [element, section, appendSection, setActiveSection, setSelectedHoc, setSectionJSON, setSectionPositionEditedElement, pickPropertyEditForm]);\r\n\r\n  /**\r\n   * Enhanced handleAddTab with better validation and error handling\r\n   */\r\n  const handleAddTab = useCallback((): void => {\r\n    try {\r\n      const formWithMembers = deepClone(sectionFormJSON);\r\n\r\n      // Populate sections with their members\r\n      formWithMembers.forEach((section: ISectionProperty, sectionIndex: number) => {\r\n        section.members = members.filter(\r\n          (member: IProperty) => member?.section_order === sectionIndex\r\n        );\r\n      });\r\n\r\n      const hasSystemMembers = formWithMembers.some((section: ISectionProperty) =>\r\n        section.members?.some((member: IProperty) => Boolean(member?.is_system_field))\r\n      );\r\n\r\n      const shouldRemoveTab = !tabsData?.length && hasSystemMembers;\r\n\r\n      const newTab: TabData = {\r\n        tab_order: tabsData.length + 1,\r\n        title: DEFAULT_TAB_TITLE,\r\n        remove_tab: shouldRemoveTab,\r\n        data: tabsData?.length ? [] : formWithMembers\r\n      };\r\n\r\n      setTabsData(prevTabs => [...prevTabs, newTab]);\r\n    } catch (error) {\r\n      console.error('Error adding new tab:', error);\r\n    }\r\n  }, [sectionFormJSON, members, tabsData, setTabsData]);\r\n\r\n  const handleEditTabTitle = useCallback((tabId: number, newTitle: string): void => {\r\n    try {\r\n      if (!isValidNumber(tabId) || !newTitle?.trim()) {\r\n        console.error('Invalid tab ID or title provided');\r\n        return;\r\n      }\r\n\r\n      setTabsData(prevTabs =>\r\n        prevTabs.map((tab: TabData) =>\r\n          tab.tab_order === tabId ? { ...tab, title: newTitle.trim() } : tab\r\n        )\r\n      );\r\n    } catch (error) {\r\n      console.error('Error editing tab title:', error);\r\n    }\r\n  }, [setTabsData]);\r\n\r\n  const handleRemoveTab = useCallback((id: number): void => {\r\n    try {\r\n      if (!isValidNumber(id)) {\r\n        console.error('Invalid tab ID provided');\r\n        return;\r\n      }\r\n\r\n      const filteredTabs = tabsData.filter((tab: TabData) => tab.tab_order !== id);\r\n\r\n      // Reorder remaining tabs\r\n      const reorderedTabs = filteredTabs.map((tab: TabData) => ({\r\n        ...tab,\r\n        tab_order: tab.tab_order > id ? tab.tab_order - 1 : tab.tab_order,\r\n      }));\r\n\r\n      setTabsData(reorderedTabs);\r\n      if (activeTabValue == id) {\r\n        setActiveTabValue(reorderedTabs?.length - 1)\r\n      }\r\n\r\n      if (reorderedTabs.length > 0) {\r\n        const activeTab = reorderedTabs.find(\r\n          (tab: TabData) => tab.tab_order === (activeTabValue ?? 0) + 1\r\n        );\r\n\r\n        if (activeTab?.data) {\r\n          const sections = activeTab.data.map(\r\n            ({ field_type, label, is_accordion, id, remove_section }) => ({\r\n              field_type,\r\n              label,\r\n              is_accordion,\r\n              id,\r\n              remove_section,\r\n            })\r\n          );\r\n\r\n          const membersList = activeTab.data.flatMap((section: ISectionProperty) =>\r\n            section.members?.map((member: IProperty) => ({ ...member })) || []\r\n          );\r\n\r\n          // Clear current data and add new data\r\n          remove();\r\n          removeSection();\r\n          membersList.forEach(member => append(member));\r\n          sections.forEach(section => appendSection(section));\r\n        }\r\n      } else {\r\n        // Clear all data if no tabs remain\r\n        remove();\r\n        removeSection();\r\n      }\r\n    } catch (error) {\r\n      console.error('Error removing tab:', error);\r\n    }\r\n  }, [tabsData, activeTabValue, setTabsData, remove, removeSection, append, appendSection]);\r\n\r\n  const handleElementSelection = useCallback((e: React.MouseEvent<HTMLElement>): void => {\r\n    try {\r\n      const target = e.target as HTMLElement;\r\n      const elementPositionIndex = target.dataset.position;\r\n\r\n      if (!elementPositionIndex || !isValidNumber(elementPositionIndex)) {\r\n        console.error('Invalid element position index');\r\n        return;\r\n      }\r\n\r\n      const positionIndex = Number(elementPositionIndex);\r\n\r\n      if (positionIndex < 0 || positionIndex >= formJSON.length) {\r\n        console.error('Element position index out of bounds');\r\n        return;\r\n      }\r\n\r\n      setActiveMember(positionIndex);\r\n\r\n      const elementDetails = deepClone(formJSON[positionIndex]);\r\n      setPositionEditedElement(positionIndex);\r\n      setElementJSON(elementDetails);\r\n      setSelectedHoc('element');\r\n    } catch (error) {\r\n      console.error('Error selecting element:', error);\r\n    }\r\n  }, [formJSON, setActiveMember, setPositionEditedElement, setElementJSON, setSelectedHoc]);\r\n\r\n  const handleSectionSelection = useCallback((e: React.MouseEvent<HTMLElement>): void => {\r\n    try {\r\n      const target = e.target as HTMLElement;\r\n      const sectionPositionIndex = target.dataset.position;\r\n\r\n      if (!sectionPositionIndex || !isValidNumber(sectionPositionIndex)) {\r\n        console.error('Invalid section position index');\r\n        return;\r\n      }\r\n\r\n      const positionIndex = Number(sectionPositionIndex);\r\n\r\n      if (positionIndex < 0 || positionIndex >= sectionFormJSON.length) {\r\n        console.error('Section position index out of bounds');\r\n        return;\r\n      }\r\n\r\n      setActiveSection(positionIndex);\r\n\r\n      const sectionDetails = deepClone(sectionFormJSON[positionIndex]);\r\n      setSectionPositionEditedElement(positionIndex);\r\n      setSectionJSON(sectionDetails);\r\n      setSelectedHoc('section');\r\n    } catch (error) {\r\n      console.error('Error selecting section:', error);\r\n    }\r\n  }, [sectionFormJSON, setActiveSection, setSectionPositionEditedElement, setSectionJSON, setSelectedHoc]);\r\n\r\n  const handleAddMember = useCallback((\r\n    e: React.SyntheticEvent<HTMLElement>,\r\n    otherProperties?: Record<string, any>\r\n  ): void => {\r\n    try {\r\n      const target = e.currentTarget as HTMLElement;\r\n      const sectionPositionIndex = target?.dataset?.position;\r\n\r\n      if (sectionPositionIndex === undefined || !isValidNumber(sectionPositionIndex)) {\r\n        console.error('Invalid section position index for adding member');\r\n        return;\r\n      }\r\n\r\n      const positionIndex = Number(sectionPositionIndex);\r\n\r\n      if (positionIndex < 0) {\r\n        console.error('Section position index cannot be negative');\r\n        return;\r\n      }\r\n\r\n      if (!element?.text) {\r\n        console.error('Element text template is not available');\r\n        return;\r\n      }\r\n\r\n      const newMember: IProperty = {\r\n        ...deepClone(element.text),\r\n        ...otherProperties,\r\n        section_order: positionIndex,\r\n        type: 'custom',\r\n        is_new: true,\r\n        custom_width: Math.floor(DEFAULT_GRID_COLUMNS / DEFAULT_COLUMN_WIDTH),\r\n        is_fullwidth: false,\r\n        is_system_field: Boolean(otherProperties?.is_system_field),\r\n        id: generateUniqueId().uniqueStringId,\r\n      };\r\n\r\n      setActiveSection(positionIndex);\r\n      append(newMember);\r\n\r\n      const elementPositionIndex = members.length;\r\n      setActiveMember(elementPositionIndex);\r\n      setSelectedHoc('element');\r\n      setPositionEditedElement(elementPositionIndex);\r\n      setElementJSON(newMember);\r\n      pickPropertyEditForm(newMember.field_type);\r\n    } catch (error) {\r\n      console.error('Error adding new member:', error);\r\n    }\r\n  }, [element, members, setActiveSection, append, setActiveMember, setSelectedHoc, setPositionEditedElement, setElementJSON, pickPropertyEditForm]);\r\n\r\n\r\n  const handleSectionPropertyValueUpdate = useCallback((\r\n    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>,\r\n    overrideValue?: any\r\n  ): void => {\r\n    try {\r\n      const { name, type, checked, value } = e.target;\r\n\r\n      if (!name) {\r\n        console.error('Property name is required for update');\r\n        return;\r\n      }\r\n\r\n      const updatedValue = overrideValue !== undefined ? overrideValue : (type === 'checkbox' ? checked : value);\r\n\r\n      // Only update if value actually changed\r\n      if (sectionJSON[name] !== updatedValue) {\r\n        setSectionJSON(prev => ({ ...prev, [name]: updatedValue }));\r\n      }\r\n    } catch (error) {\r\n      console.error('Error updating section property:', error);\r\n    }\r\n  }, [sectionJSON, setSectionJSON]);\r\n\r\n  const handleWidthChange = useCallback((newCustomWidth: number): void => {\r\n    try {\r\n      if (!isValidNumber(newCustomWidth) || newCustomWidth < 1 || newCustomWidth > DEFAULT_GRID_COLUMNS) {\r\n        console.error('Invalid width value provided');\r\n        return;\r\n      }\r\n\r\n      setElementJSON(prevData => ({\r\n        ...prevData,\r\n        custom_width: newCustomWidth,\r\n      }));\r\n    } catch (error) {\r\n      console.error('Error updating width:', error);\r\n    }\r\n  }, [setElementJSON]);\r\n\r\n  const handleColumnSelect = useCallback((e: React.ChangeEvent<HTMLSelectElement>): void => {\r\n    try {\r\n      const columnValue = Number(e.target.value);\r\n\r\n      if (!isValidNumber(columnValue) || columnValue <= 0) {\r\n        console.error('Invalid column value provided');\r\n        return;\r\n      }\r\n\r\n      const elementPerColumn = Math.floor(DEFAULT_GRID_COLUMNS / columnValue);\r\n\r\n      if (elementPerColumn <= 0) {\r\n        console.error('Calculated element per column is invalid');\r\n        return;\r\n      }\r\n\r\n      // Batch update all members\r\n      members.forEach((field: IProperty, index: number) => {\r\n        update(index, { ...field, custom_width: elementPerColumn });\r\n      });\r\n    } catch (error) {\r\n      console.error('Error updating column selection:', error);\r\n    }\r\n  }, [members, update]);\r\n\r\n  const handlePropertyValueUpdate = useCallback((\r\n    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>,\r\n    numberValue?: number,\r\n    val?: string,\r\n    fieldType?: keyof typeof FIELD_TYPES\r\n  ): void => {\r\n    try {\r\n      const getValue = (): any => {\r\n        if (fieldType) return fieldType;\r\n        if (val !== undefined) return val;\r\n        if (numberValue !== undefined) return numberValue;\r\n        return e?.target?.value;\r\n      };\r\n\r\n      const value = getValue();\r\n      const elementJSONCopy = deepClone(elementJSON);\r\n\r\n      if (e?.target?.name) {\r\n        elementJSONCopy[e.target.name] = e.target.type === 'checkbox' ? e.target.checked : value;\r\n      }\r\n      // Only update if there's an actual change\r\n      if (fieldType) {\r\n        const { uniqueStringId: uniqueId } = generateUniqueId();\r\n        const copyOfUpdatedElement: IProperty = {\r\n          ...element[fieldType],\r\n          section_form_id: elementJSONCopy?.section_form_id,\r\n          is_form_switcher_section: elementJSONCopy?.is_form_switcher_section,\r\n          section_order: elementJSONCopy.section_order,\r\n          id: uniqueId,\r\n          type: 'custom',\r\n          is_system_field: Boolean(elementJSONCopy?.is_system_field),\r\n          is_new: true,\r\n          column_width: elementJSONCopy?.column_width || 6,\r\n          custom_width: elementJSONCopy?.custom_width || 6\r\n        };\r\n        setElementJSON(copyOfUpdatedElement);\r\n      } else if (JSON.stringify(elementJSON) !== JSON.stringify(elementJSONCopy)) {\r\n        setElementJSON({ ...elementJSON, ...elementJSONCopy });\r\n      }\r\n    } catch (error) {\r\n      console.error('Error updating property value:', error);\r\n    }\r\n  }, [elementJSON, element, setElementJSON]);\r\n\r\n  const handleSelectOptionValueUpdate = useCallback((options: any[]): void => {\r\n    try {\r\n      if (!Array.isArray(options)) {\r\n        console.error('Options must be an array');\r\n        return;\r\n      }\r\n\r\n      const elementJSONCopy = deepClone(elementJSON);\r\n      elementJSONCopy.options = [...options];\r\n      const { uniqueStringId: uniqueId } = generateUniqueId('-');\r\n\r\n      if (JSON.stringify(elementJSON.options) !== JSON.stringify(options)) {\r\n        setElementJSON({ ...elementJSON, ...elementJSONCopy, id: uniqueId });\r\n      }\r\n    } catch (error) {\r\n      console.error('Error updating select options:', error);\r\n    }\r\n  }, [elementJSON, setElementJSON]);\r\n\r\n  const handleColumnsUpdate = useCallback((columns: MRT_ColumnDef<MRT_RowData>[]): void => {\r\n    try {\r\n      if (!Array.isArray(columns)) {\r\n        console.error('Columns must be an array');\r\n        return;\r\n      }\r\n\r\n      const elementJSONCopy = deepClone(elementJSON);\r\n      elementJSONCopy.table_columns = [...columns];\r\n      const { uniqueStringId: uniqueId } = generateUniqueId('-');\r\n\r\n      if (JSON.stringify(elementJSON.table_columns) !== JSON.stringify(columns)) {\r\n        setElementJSON({ ...elementJSON, ...elementJSONCopy, id: uniqueId });\r\n      }\r\n    } catch (error) {\r\n      console.error('Error updating table columns:', error);\r\n    }\r\n  }, [elementJSON, setElementJSON]);\r\n\r\n  const handleRemoveSection = useCallback((sectionIndex: number): void => {\r\n    try {\r\n      if (!isValidNumber(sectionIndex) || sectionIndex < 0 || sectionIndex >= section.length) {\r\n        console.error('Invalid section index for removal');\r\n        return;\r\n      }\r\n\r\n      setRemoveSectionPosition(sectionIndex);\r\n      removeSection(sectionIndex);\r\n\r\n      // Remove associated members in reverse order to maintain indices\r\n      const membersToRemove: number[] = [];\r\n      members.forEach((member: IProperty, index: number) => {\r\n        if (member?.section_order === sectionIndex) {\r\n          membersToRemove.push(index);\r\n        }\r\n      });\r\n\r\n      // Remove members in reverse order to maintain correct indices\r\n      membersToRemove.reverse().forEach(memberIndex => {\r\n        remove(memberIndex);\r\n      });\r\n\r\n      setRemoveSectionActionPerformed(true);\r\n    } catch (error) {\r\n      console.error('Error removing section:', error);\r\n    }\r\n  }, [section, members, setRemoveSectionPosition, removeSection, remove, setRemoveSectionActionPerformed]);\r\n\r\n  const handleMakeAccordion = useCallback((sectionIndex: number): void => {\r\n    try {\r\n      if (!isValidNumber(sectionIndex) || sectionIndex < 0 || sectionIndex >= section.length) {\r\n        console.error('Invalid section index for accordion conversion');\r\n        return;\r\n      }\r\n\r\n      setModifyAccordion(true);\r\n      setSectionPositionEditedElement(sectionIndex);\r\n      setActiveSection(sectionIndex);\r\n\r\n      const copyOfSection: ISectionProperty = {\r\n        ...deepClone(section[sectionIndex]),\r\n        is_accordion: true\r\n      };\r\n\r\n      updateSection(sectionIndex, copyOfSection);\r\n      setSelectedHoc('section');\r\n      setSectionJSON(copyOfSection);\r\n      pickPropertyEditForm(copyOfSection.field_type);\r\n    } catch (error) {\r\n      console.error('Error making section accordion:', error);\r\n    }\r\n  }, [section, setModifyAccordion, setSectionPositionEditedElement, setActiveSection, updateSection, setSelectedHoc, setSectionJSON, pickPropertyEditForm]);\r\n\r\n  const handleTabData = useCallback((): void => {\r\n    try {\r\n      const formWithMembers = deepClone(sectionFormJSON);\r\n\r\n      formWithMembers.forEach((section: ISectionProperty, sectionIndex: number) => {\r\n        section.members = members.filter(\r\n          (member: IProperty) => member?.section_order === sectionIndex\r\n        );\r\n      });\r\n\r\n      const hasSystemMembers = formWithMembers.some((section: ISectionProperty) =>\r\n        section.members?.some((member: IProperty) => Boolean(member?.is_system_field))\r\n      );\r\n\r\n      const activeTabIndex = Number(activeTabValue);\r\n      if (isValidNumber(activeTabIndex) && activeTabIndex >= 0 && activeTabIndex < tabsData.length) {\r\n        const updatedTabsData = [...tabsData];\r\n        updatedTabsData[activeTabIndex] = {\r\n          ...updatedTabsData[activeTabIndex],\r\n          data: formWithMembers,\r\n          remove_tab: hasSystemMembers,\r\n        };\r\n        setTabsData(updatedTabsData)\r\n        remove();\r\n        removeSection();\r\n        setActiveMember(undefined);\r\n        setSelectedHoc(\"\");\r\n        setActiveSection(undefined);\r\n      }\r\n    } catch (error) {\r\n      console.error('Error updating tab data:', error);\r\n    }\r\n  }, [sectionFormJSON, members, activeTabValue, tabsData, setTabsData]);\r\n\r\n  // const handlePreview = () => {\r\n  //   const formWithMembers = JSON.parse(JSON.stringify(sectionFormJSON));\r\n\r\n  //   formWithMembers.forEach(\r\n  //     (section: ISectionProperty, sectionIndex: number) => {\r\n  //       section.members = members.filter(\r\n  //         (member: any) => member?.section_order === sectionIndex,\r\n  //       ) as (IProperty | ISelectProperty)[];\r\n  //     },\r\n  //   );\r\n  //   const state = tabsData?.length\r\n  //     ? { tab: tabsData }\r\n  //     : { section: formWithMembers };\r\n\r\n  //   const FormBuilderConversion = state && formBuilderConversion(state);\r\n\r\n  //   setPreviewFields(FormBuilderConversion);\r\n  // };\r\n\r\n  // Option 1: Using useMemo to memoize the expensive computation\r\n  const formWithMembers = useMemo(() => {\r\n    if (!sectionFormJSON || !members) return null;\r\n\r\n    return sectionFormJSON.map((section: ISectionProperty, sectionIndex: number) => ({\r\n      ...section,\r\n      members: members.filter(\r\n        (member: any) => member?.section_order === sectionIndex,\r\n      ) as (IProperty | ISelectProperty)[]\r\n    }));\r\n  }, [sectionFormJSON, members]);\r\n\r\n  const previewState = useMemo(() => {\r\n    if (!formWithMembers) return null;\r\n\r\n    return tabsData?.length\r\n      ? { tab: tabsData }\r\n      : { section: formWithMembers };\r\n  }, [tabsData, formWithMembers]);\r\n\r\n  const previewFields = useMemo(() => {\r\n    if (!previewState) return null;\r\n    return formBuilderConversion(previewState);\r\n  }, [previewState]);\r\n\r\n\r\n  // Option 2: Optimized handlePreview function using useCallback\r\n  const showPreview = useCallback(() => {\r\n    if (previewFields) {\r\n      setPreviewFields(previewFields);\r\n    }\r\n  }, [previewFields, setPreviewFields]);\r\n  const hidePreview = useCallback(() => {\r\n    setPreviewFields(null);\r\n  }, []);\r\n\r\n  // Enhanced handleFormUpdate with proper error handling and validation\r\n  const handleFormUpdate = useCallback(async (): void => {\r\n    try {\r\n\r\n\r\n\r\n      // Early validation checks\r\n      if (!sectionFormJSON || !Array.isArray(sectionFormJSON)) {\r\n        console.warn('Invalid sectionFormJSON provided');\r\n        return;\r\n      }\r\n\r\n      if (!members || !Array.isArray(members)) {\r\n        console.warn('Invalid members array provided');\r\n        return;\r\n      }\r\n\r\n      if (!rowData?._id) {\r\n        console.warn('Missing rowData._id for form update');\r\n        return;\r\n      }\r\n\r\n      // Deep clone with proper error handling\r\n      let formWithMembers: IEnhancedSectionProperty[];\r\n\r\n      try {\r\n        formWithMembers = structuredClone(sectionFormJSON);\r\n      } catch (cloneError) {\r\n        // Fallback to JSON method if structuredClone is not available\r\n        formWithMembers = JSON.parse(JSON.stringify(sectionFormJSON));\r\n      }\r\n\r\n      // Enhanced member filtering with better type safety and validation\r\n      formWithMembers.forEach((section: IEnhancedSectionProperty, sectionIndex: number) => {\r\n        // Validate section object\r\n        if (!section || typeof section !== 'object') {\r\n          console.warn(`Invalid section at index ${sectionIndex}`);\r\n          return;\r\n        }\r\n\r\n        // Filter members with proper type checking and validation\r\n        section.members = members.filter((member: IMember) => {\r\n          // Validate member object and section_order\r\n          return (\r\n            member &&\r\n            typeof member === 'object' &&\r\n            typeof member.section_order === 'number' &&\r\n            member.section_order === sectionIndex\r\n          );\r\n        }) as (IProperty | ISelectProperty)[];\r\n      });\r\n\r\n      const hasSystemMembers = formWithMembers.some((section: ISectionProperty) =>\r\n        section.members?.some((member: IProperty) => Boolean(member?.is_system_field))\r\n      );\r\n\r\n      const activeTabIndex = Number(activeTabValue);\r\n      let updatedTabsData = [...tabsData];\r\n      if (isValidNumber(activeTabIndex) && activeTabIndex >= 0 && activeTabIndex < tabsData.length) {\r\n        updatedTabsData = [...tabsData];\r\n        updatedTabsData[activeTabIndex] = {\r\n          ...updatedTabsData[activeTabIndex],\r\n          data: formWithMembers,\r\n          remove_tab: hasSystemMembers,\r\n        };\r\n\r\n        setTabsData(updatedTabsData)\r\n      }\r\n\r\n      // Build state object with proper validation\r\n      const state: IFormState = updatedTabsData?.length > 0\r\n        ? { tab: updatedTabsData }\r\n        : { section: formWithMembers };\r\n\r\n      // Validate formBuilderConversion function exists\r\n      if (typeof formBuilderConversion !== 'function') {\r\n        console.error('formBuilderConversion is not a function');\r\n        return;\r\n      }\r\n\r\n      // Execute conversion with error handling\r\n      let formBuilderConversionResult: any;\r\n      try {\r\n        formBuilderConversionResult = formBuilderConversion(state);\r\n      } catch (conversionError) {\r\n        console.error('Error during form builder conversion:', conversionError);\r\n        return;\r\n      }\r\n\r\n      // Validate conversion result\r\n      if (!formBuilderConversionResult) {\r\n        console.warn('Form builder conversion returned empty result');\r\n        return;\r\n      }\r\n\r\n      // Validate elementPerColumn\r\n      // if (typeof elementPerColumn !== 'number' || elementPerColumn <= 0) {\r\n\r\n      //   console.warn('Invalid elementPerColumn value');\r\n      //   return;\r\n      // }\r\n\r\n      // Prepare payload with validation\r\n      const updatePayload: IFormUpdatePayload = {\r\n        gridCol: elementPerColumn || 2,\r\n        fields: formBuilderConversionResult\r\n      };\r\n\r\n      // Dispatch update action\r\n      const updateRes = await dispatch(\r\n        patchFormDataById({\r\n          id: rowData._id,\r\n          data: updatePayload\r\n        })\r\n      );\r\n      if (updateRes.meta.requestStatus === 'rejected') {\r\n\r\n        const m = getErrorMessage(updateRes?.error?.message);\r\n        enqueueSnackbar(m, { variant: 'error' });\r\n      } else {\r\n        enqueueSnackbar(\"Form updated successfully\", { variant: 'success' });\r\n        navigate(path);\r\n      }\r\n\r\n    } catch (error) {\r\n      const m = error?.message || 'Something went wrong while updating the form';\r\n      enqueueSnackbar(m, { variant: 'error' });\r\n    }\r\n  }, [\r\n    sectionFormJSON,\r\n    members,\r\n    tabsData,\r\n    rowData?._id,\r\n    elementPerColumn,\r\n    dispatch,\r\n    formBuilderConversion\r\n  ]);\r\n\r\n  const handleDuplicateElement = (index: number) => {\r\n    const copyOfMember: any = { ...members[index], type: \"custom\" };\r\n    copyOfMember && insert(index + 1, copyOfMember);\r\n    setActiveMember(index + 1);\r\n    setSelectedHoc(\"element\");\r\n    setPositionEditedElement(index + 1);\r\n    setElementJSON(copyOfMember);\r\n    pickPropertyEditForm(copyOfMember.field_type);\r\n  };\r\n\r\n  const breadCrumbPath = [\r\n    {\r\n      link: path,\r\n      label: \"Forms\",\r\n    },\r\n    {\r\n      link: \"\",\r\n      label: formatLabel(rowData?.name),\r\n    },\r\n    {\r\n      link: \"\",\r\n      label: \"Edit Form\",\r\n    },\r\n  ];\r\n\r\n\r\n  useEffect(() => {\r\n    if (removeSectionActionPerformed) {\r\n      members.forEach((member: any, index: number) => {\r\n        if (\r\n          removeSectionPosition !== undefined &&\r\n          Boolean(removeSectionPosition?.toString) &&\r\n          member.section_order > removeSectionPosition\r\n        ) {\r\n          update(index, { ...member, section_order: member.section_order - 1 });\r\n        }\r\n      });\r\n      setRemoveSectionActionPerformed(false);\r\n      setRemoveSectionMembersPerformed(true);\r\n      setRemoveSectionPosition(undefined);\r\n      setSelectedHoc(\"\");\r\n    }\r\n\r\n    // eslint-disable-next-line\r\n  }, [removeSectionActionPerformed]);\r\n\r\n  useEffect(() => {\r\n    formBuilder.isSuccess && navigate(path);\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [formBuilder.isSuccess]);\r\n\r\n  useEffect(() => {\r\n    if (formBuilder.isError) {\r\n      setToast({\r\n        type: 'alert',\r\n        message: formBuilder.error\r\n      });\r\n    }\r\n  }, [formBuilder.error, formBuilder.isError]);\r\n\r\n  useEffect(() => {\r\n    if (\r\n      typeof positionEditedElement !== \"number\" ||\r\n      typeof positionEditedElement !== \"string\"\r\n    ) {\r\n      const index = Number(positionEditedElement);\r\n      if (formJSON[index]) {\r\n        const copyOfUpdatedFormJson = JSON.parse(\r\n          JSON.stringify(formJSON[index]),\r\n        );\r\n        update(index, { ...copyOfUpdatedFormJson });\r\n      }\r\n    }\r\n    // eslint-disable-next-line\r\n  }, [formJSON]);\r\n\r\n  useEffect(() => {\r\n    const updatedFormJSON = formJSON.map((obj: any, index: number) => {\r\n      if (index === Number(positionEditedElement)) {\r\n        return { ...elementJSON };\r\n      } else {\r\n        return { ...obj };\r\n      }\r\n    });\r\n    setFormJSON(updatedFormJSON);\r\n\r\n    // eslint-disable-next-line\r\n  }, [elementJSON]);\r\n\r\n  useEffect(() => {\r\n    if (members.length !== formJSON.length) {\r\n      setFormJSON(JSON.parse(JSON.stringify(members)));\r\n    }\r\n    if (\r\n      Boolean(elementSwap) &&\r\n      JSON.stringify(members) !== JSON.stringify(formJSON)\r\n    ) {\r\n      setFormJSON(JSON.parse(JSON.stringify(members)));\r\n      setElementSwap(false);\r\n      const newMember: any =\r\n        positionEditedElement && members[positionEditedElement];\r\n      newMember && setSelectedHoc(\"element\");\r\n      newMember && setElementJSON(newMember);\r\n      newMember && pickPropertyEditForm(newMember.field_type);\r\n    }\r\n    if (\r\n      removeSectionMembersPerformed &&\r\n      JSON.stringify(members) !== JSON.stringify(formJSON)\r\n    ) {\r\n      setFormJSON(JSON.parse(JSON.stringify(members)));\r\n      setRemoveSectionMembersPerformed(false);\r\n    }\r\n    // eslint-disable-next-line\r\n  }, [members, elementSwap]);\r\n\r\n  useEffect(() => {\r\n    if (\r\n      typeof sectionPositionEditedElement !== \"number\" ||\r\n      typeof sectionPositionEditedElement !== \"string\"\r\n    ) {\r\n      const index = Number(sectionPositionEditedElement);\r\n      if (sectionFormJSON[index]) {\r\n        const copyOfUpdatedFormJson = JSON.parse(\r\n          JSON.stringify(sectionFormJSON[index]),\r\n        );\r\n        updateSection(index, { ...copyOfUpdatedFormJson });\r\n      }\r\n    }\r\n    // eslint-disable-next-line\r\n  }, [sectionFormJSON]);\r\n\r\n  useEffect(() => {\r\n    const updatedFormJSON = sectionFormJSON.map((obj: any, index: number) => {\r\n      if (index === Number(sectionPositionEditedElement)) {\r\n        return { ...obj, ...sectionJSON };\r\n      } else {\r\n        return { ...obj };\r\n      }\r\n    });\r\n    setSectionFormJSON(updatedFormJSON);\r\n    // eslint-disable-next-line\r\n  }, [sectionJSON]);\r\n\r\n  useEffect(() => {\r\n    if (section.length !== sectionFormJSON.length) {\r\n      setSectionFormJSON(JSON.parse(JSON.stringify(section)));\r\n    }\r\n    if (\r\n      JSON.stringify(sectionFormJSON) !== JSON.stringify(section) &&\r\n      modifyAccordion\r\n    ) {\r\n      setSectionFormJSON(JSON.parse(JSON.stringify(section)));\r\n      setModifyAccordion(false);\r\n    }\r\n    // eslint-disable-next-line\r\n  }, [section]);\r\n\r\n  useEffect(() => {\r\n    () => setInitialLoading(true);\r\n  }, [])\r\n\r\n  const handleFormData = useCallback(async () => {\r\n    setInitialLoading(true)\r\n    try {\r\n      if (rowData?._id) {\r\n        setTabsData([])\r\n        await dispatch(getFormDataById(rowData?._id));\r\n        await dispatch(getFieldsByFormId({ id: rowData?._id }));\r\n\r\n      }\r\n    } finally {\r\n      setInitialLoading(false);\r\n    }\r\n\r\n  }, [rowData?._id])\r\n\r\n  useEffect(() => {\r\n    handleFormData();\r\n  }, [handleFormData]);\r\n\r\n  type SelectedHoc = \"element\" | \"section\" | null;\r\n\r\n  // Constants\r\n  const DEFAULT_FIELD_TYPE = \"text\";\r\n  const HOC_TYPES = {\r\n    ELEMENT: \"element\",\r\n    SECTION: \"section\"\r\n  } as const;\r\n\r\n  // Helper function to check if object has meaningful content\r\n  const hasValidContent = (obj: Record<string, any>): boolean => {\r\n    return obj && Object.keys(obj).length > 0;\r\n  };\r\n\r\n  const EmptyStateMessage = () => (\r\n    <Typography type=\"s5\" color={\"theme.secondary.800\"} className=\"formSection--Text\">Select a field to edit its properties.</Typography>\r\n  )\r\n\r\n  // Helper function to get field type with fallback\r\n  const getFieldTypeWithFallback = (\r\n    json: ElementJSON | SectionJSON | null | undefined,\r\n    fallback: string = DEFAULT_FIELD_TYPE\r\n  ): string => {\r\n    return json?.field_type || fallback;\r\n  };\r\n\r\n  const memoizedForm = useMemo(() => {\r\n    // Early return for empty state\r\n    if (!selectedHoc) {\r\n\r\n      return <EmptyStateMessage />;\r\n    }\r\n\r\n    // Handle element selection\r\n    if (selectedHoc === HOC_TYPES.ELEMENT) {\r\n      if (!hasValidContent(members)) {\r\n        console.warn('Element selected but no members data available');\r\n        return <EmptyStateMessage />;\r\n      }\r\n\r\n      const fieldType = getFieldTypeWithFallback(elementJSON);\r\n      return pickPropertyEditForm(fieldType);\r\n    }\r\n\r\n    // Handle section selection\r\n    if (selectedHoc === HOC_TYPES.SECTION) {\r\n      if (!hasValidContent(section)) {\r\n        console.warn('Section selected but no section data available');\r\n        return <EmptyStateMessage />;\r\n      }\r\n\r\n      const fieldType = getFieldTypeWithFallback(sectionJSON);\r\n      return pickPropertyEditForm(fieldType);\r\n    }\r\n\r\n    // Fallback for unknown selection type\r\n    console.warn(`Unknown selectedHoc type: ${selectedHoc}`);\r\n    return <EmptyStateMessage />;\r\n  }, [\r\n    // Core dependencies\r\n    selectedHoc,\r\n\r\n    // Data dependencies\r\n    Object.keys(members).length,\r\n    Object.keys(section).length,\r\n\r\n    // JSON dependencies with deep comparison consideration\r\n    elementJSON?.field_type,\r\n    elementJSON?.field_properties,\r\n    sectionJSON?.field_type,\r\n    sectionJSON?.field_properties,\r\n\r\n    // Function dependency\r\n    pickPropertyEditForm\r\n  ]);\r\n\r\n  return (\r\n    //   <FullScreenLayout className=\"formSection--Layout\">\r\n    <Box position='relative'>\r\n      {initialLoading ? <ErpLoader /> :\r\n        <DndProvider backend={HTML5Backend}>\r\n          <FormHeader breadCrumbPath={breadCrumbPath}>\r\n            <div className=\"formSection--Buttons\">\r\n              <Button\r\n                variant=\"outlined\"\r\n                className=\"formSection--PreviewButton\"\r\n                text=\"Preview\"\r\n                onClick={() => { !previewFieldsData ? showPreview() : hidePreview() }}\r\n                disable={!members?.length}\r\n                startIcon={previewFieldsData ? <EyeOff /> : <Eye />}\r\n              />\r\n              <Button\r\n                variant=\"contained\"\r\n                type=\"submit\"\r\n                text=\"Update\"\r\n                onClick={handleFormUpdate}\r\n                disable={previewFieldsData}\r\n              />\r\n            </div>\r\n          </FormHeader>\r\n          {!previewFieldsData ?\r\n            <Grid className=\"formSection--Grid\" container>\r\n              <Grid\r\n                item\r\n                xs={9}\r\n                component=\"form\"\r\n                sx={{\r\n                  position: \"relative\",\r\n                  background: \"#F5F6F5\",\r\n                  padding: \"0.75rem\",\r\n                }}\r\n              >\r\n                <Grid className=\"formSection--GridContainer\">\r\n                  <Box className=\"formSection--Tab\">\r\n                    {tabsData && (\r\n                      <TabBar\r\n                        tabs={tabsData}\r\n                        onEditTabTitle={handleEditTabTitle}\r\n                        activeValue={activeTabValue}\r\n                        setActiveValue={setActiveTabValue}\r\n                        handleTabChange={() => {\r\n                          handleTabData()\r\n                        }}\r\n                        handleRemoveTab={handleRemoveTab}\r\n                        containerProps={{ mb: 0 }}\r\n                      />\r\n                    )}\r\n                    <Button\r\n                      variant=\"outlined\"\r\n                      text=\"Add Tab\"\r\n                      onClick={handleAddTab}\r\n                      style={{ color: \"#292D32\", margin: \"0.5rem\" }}\r\n                    />\r\n                  </Box>\r\n                  <div className=\"formSection--Form\">\r\n                    {section?.map((item: any, i: number) => {\r\n                      const sectionMembers = members.filter(\r\n                        (member: any) => member.section_order === i,\r\n                      );\r\n                      const isFormSwitcher = item.section_type === SECTION_TYPES.FORM_SWITCH_SECTION\r\n                      const switchForms = item?.switcher_forms?.map((form: any) => ({\r\n                        ...form,\r\n                        formMembers: members.filter(\r\n                          (member: any) => member.section_form_id === form.id,\r\n                        )\r\n                      }))\r\n\r\n                      return (\r\n                        <DynamicSectionHOC\r\n                          index={i}\r\n                          label={t(item.label)}\r\n                          onClick={handleSectionSelection}\r\n                          position={i}\r\n                          fieldArrayName=\"section\"\r\n                          isFormSwitcher={isFormSwitcher}\r\n                          activeIndex={activeSection === i}\r\n                          removeSection={() => handleRemoveSection(i)}\r\n                          handleAccordion={() => handleMakeAccordion(i)}\r\n                          handleAddButton={(e) => handleAddMember(e)}\r\n                          remove_section={item.remove_section}\r\n                        >\r\n                          {isFormSwitcher ? (\r\n                            <div style={{ width: '100%' }} >\r\n                              <Typography type=\"s5\" style={{ fontWeight: 500 }} color={\"theme.secondary.800\"}>\r\n                                {item.form_switcher_label}\r\n                              </Typography>\r\n                              <RadioGroup\r\n                                aria-labelledby=\"theme-radio-buttons-group-label\"\r\n                                name={item.form_switcher_name || item.form_switcher_label}\r\n                              >\r\n\r\n                                {switchForms?.map(({ name, id, formMembers }: { name: string, id: number, formMembers: any }) => (\r\n                                  <>\r\n                                    <div>\r\n                                      <FormControlLabel\r\n                                        key={id}\r\n                                        value={name}\r\n                                        control={<Radio />}\r\n                                        label={t(name)}\r\n                                        disabled\r\n                                      />\r\n                                    </div>\r\n\r\n                                    <Grid container sx={{ mb: 3 }}>\r\n                                      <FormFields\r\n                                        sectionMembers={formMembers || []}\r\n                                        members={members}\r\n                                        activeMember={activeMember}\r\n                                        control={control}\r\n                                        t={t}\r\n                                        element={element}\r\n                                        images={images}\r\n                                        elementJSON={elementJSON}\r\n                                        remove={remove}\r\n                                        move={move}\r\n                                        handleElementSelection={handleElementSelection}\r\n                                        setElementSwap={setElementSwap}\r\n                                        handleDuplicateElement={handleDuplicateElement}\r\n                                        setSelectedHoc={setSelectedHoc}\r\n                                        setActiveMember={setActiveMember}\r\n                                      />\r\n                                    </Grid>\r\n                                    <Button\r\n                                      text=\"Add\"\r\n                                      variant=\"outlined\"\r\n                                      className=\"formSection--PreviewButton\"\r\n                                      data-position={i}\r\n                                      onClick={(e) => handleAddMember(e, {\r\n                                        section_form_id: id,\r\n                                        is_form_switcher_section: true\r\n                                      })}\r\n                                      startIcon={<Add />}\r\n                                    />\r\n                                  </>\r\n                                ))}\r\n                              </RadioGroup>\r\n                            </div>\r\n                          ) : null}\r\n                          {!isFormSwitcher &&\r\n                            <FormFields\r\n                              sectionMembers={sectionMembers || []}\r\n                              members={members}\r\n                              activeMember={activeMember}\r\n                              control={control}\r\n                              t={t}\r\n                              element={element}\r\n                              images={images}\r\n                              elementJSON={elementJSON}\r\n                              remove={remove}\r\n                              move={move}\r\n                              handleElementSelection={handleElementSelection}\r\n                              setElementSwap={setElementSwap}\r\n                              handleDuplicateElement={handleDuplicateElement}\r\n                              setSelectedHoc={setSelectedHoc}\r\n                              setActiveMember={setActiveMember}\r\n                            />\r\n                          }\r\n                        </DynamicSectionHOC>\r\n                      );\r\n                    })}\r\n                    <div className=\"formSection--Section\">\r\n                      <Button\r\n                        text=\"Add a section\"\r\n                        variant=\"outlined\"\r\n                        className=\"formSection--PreviewButton\"\r\n                        onClick={addNewSection}\r\n                        startIcon={<Add />}\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                </Grid>\r\n\r\n              </Grid>\r\n              <Grid\r\n                item\r\n                xs={3}\r\n                className={\r\n                  Boolean(selectedHoc) && (members?.length || section.length)\r\n                    ? \"formSection--RightGrid\"\r\n                    : \"formSection--RightGrid formSection--Text\"\r\n                }\r\n              >\r\n                {memoizedForm}\r\n              </Grid>\r\n            </Grid>\r\n            :\r\n            <FormParser\r\n              data={previewFieldsData || []}\r\n              handleFormSubmit={(data) => console.log(\"Preview Data\", data)}\r\n              className='form-container'\r\n              fieldArrayName='form-builder-preview'\r\n              getFormMethods={(methods: any) =>\r\n                setFormParserMethods({ ...methods })\r\n              }\r\n            />\r\n          }\r\n          <Toast\r\n            open={Boolean(toast)}\r\n            type={toast?.type}\r\n            message={toast?.message}\r\n            handleClose={() => setToast(null)}\r\n            anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}\r\n          />\r\n        </DndProvider>}\r\n    </Box>\r\n    //    </FullScreenLayout>\r\n  );\r\n}\r\n\r\nexport default CustomForm;\r\n"],"names":["isValidNumber","value","isNaN","Number","isFinite","deepClone","obj","JSON","parse","stringify","generateUniqueId","separator","uniqueStringId","Date","now","Math","random","toString","substr","CustomForm","t","useTranslation","dispatch","useAppDispatch","navigate","useNavigate","location","useLocation","rowData","state","formBuilder","useAppSelector","control","useForm","reValidateMode","fields","members","append","remove","update","move","insert","useFieldArray","name","section","appendSection","removeSection","updateSection","selectedHoc","setSelectedHoc","useState","activeSection","setActiveSection","activeMember","setActiveMember","formJSON","setFormJSON","elementJSON","setElementJSON","positionEditedElement","setPositionEditedElement","sectionFormJSON","setSectionFormJSON","sectionJSON","setSectionJSON","sectionPositionEditedElement","setSectionPositionEditedElement","removeSectionActionPerformed","setRemoveSectionActionPerformed","removeSectionMembersPerformed","setRemoveSectionMembersPerformed","removeSectionPosition","setRemoveSectionPosition","initialLoading","setInitialLoading","tabsData","setTabsData","activeTabValue","setActiveTabValue","elementSwap","setElementSwap","modifyAccordion","setModifyAccordion","toast","setToast","previewFieldsData","setPreviewFields","_","setFormParserMethods","currentModule","pathname","split","path","generateModulePath","useFormDataEffect","pickPropertyEditForm","useCallback","type","jsx","className","children","normalizedType","toLowerCase","trim","formGroups","text","select","checkbox","table","commonTextProps","element","handlePropertyValueUpdate","handleWidthChange","handleColumnSelect","commonSelectProps","handleSelectOptionValueUpdate","includes","createElement","TextEditForm","key","id","SelectEditForm","SectionEditForm","handleSectionPropertyValueUpdate","CheckboxEditForm","TableEditForm","handleColumnsUpdate","jsxs","error","addNewSection","newSection","switcher_forms","map","form","newSectionIndex","length","sectionData","field_type","section_type","form_switcher_label","form_switcher_name","label","is_accordion","handleAddTab","formWithMembers","forEach","sectionIndex","filter","member","section_order","hasSystemMembers","some","Boolean","is_system_field","shouldRemoveTab","newTab","tab_order","title","remove_tab","data","prevTabs","handleEditTabTitle","tabId","newTitle","tab","handleRemoveTab","reorderedTabs","activeTab","find","sections","remove_section","membersList","flatMap","handleElementSelection","e","elementPositionIndex","target","dataset","position","positionIndex","elementDetails","handleSectionSelection","sectionPositionIndex","sectionDetails","handleAddMember","otherProperties","currentTarget","_a","newMember","is_new","custom_width","floor","DEFAULT_GRID_COLUMNS","is_fullwidth","overrideValue","checked","updatedValue","prev","newCustomWidth","prevData","columnValue","elementPerColumn","field","index","numberValue","val","fieldType","getValue","elementJSONCopy","uniqueId","copyOfUpdatedElement","section_form_id","is_form_switcher_section","column_width","options","Array","isArray","columns","table_columns","handleRemoveSection","membersToRemove","push","reverse","memberIndex","handleMakeAccordion","copyOfSection","handleTabData","activeTabIndex","updatedTabsData","useMemo","previewState","previewFields","formBuilderConversion","showPreview","hidePreview","handleFormUpdate","async","_id","structuredClone","cloneError","formBuilderConversionResult","conversionError","updatePayload","gridCol","updateRes","patchFormDataById","meta","requestStatus","m","getErrorMessage","message","enqueueSnackbar","variant","handleDuplicateElement","copyOfMember","breadCrumbPath","link","formatLabel","useEffect","isSuccess","isError","copyOfUpdatedFormJson","updatedFormJSON","handleFormData","getFormDataById","getFieldsByFormId","hasValidContent","Object","keys","EmptyStateMessage","Typography","color","getFieldTypeWithFallback","json","fallback","memoizedForm","field_properties","Box","ErpLoader","DndProvider","backend","HTML5Backend","FormHeader","Button","onClick","disable","startIcon","EyeOff","Eye","FormParser","handleFormSubmit","fieldArrayName","getFormMethods","methods","Grid","container","item","xs","component","sx","background","padding","TabBar","tabs","onEditTabTitle","activeValue","setActiveValue","handleTabChange","containerProps","mb","style","margin","i","sectionMembers","isFormSwitcher","SECTION_TYPES","FORM_SWITCH_SECTION","switchForms","formMembers","DynamicSectionHOC","activeIndex","handleAccordion","handleAddButton","width","fontWeight","RadioGroup","Fragment","FormControlLabel","Radio","disabled","FormFields","images","Add","Toast","open","handleClose","anchorOrigin","horizontal","vertical"],"mappings":"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"}

package/dist/views/form-builder/element-edit-forms/checkbox/index.esm.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import default_1 from "../../../../node_modules/@mui/icons-material/Close/index.esm.js";
-import Checkbox from "../../../../components/checkbox/checkbox/index.esm.js";
-import Radio from "../../../../components/radio/radio/index.esm.js";
-import TextField from "../../../../components/text-field/text-field/index.esm.js";
+import { Checkbox } from "../../../../components/checkbox/checkbox/index.esm.js";
+import { Radio } from "../../../../components/radio/radio/index.esm.js";
+import { TextField } from "../../../../components/text-field/text-field/index.esm.js";
 import { Typography } from "../../../../components/typography/typography/index.esm.js";
 import FieldSelect from "../field-select/index.esm.js";
 /* empty css                               */