strapi-plugin-navigation 3.3.1 → 3.3.3-beta.1

package/dist/admin/index.js

@@ -181,4 +181,4 @@
   [role='status'] {
     flex-direction: column;
   }
-`,wo=({setIsReloading:e})=>{const{formatMessage:n}=E.useIntl(),a=St(),{restartStatus:i,setRestartStatus:s}=le(),r=async()=>{a.mutate(void 0,{onSuccess(){e(!0),Tt(!0).then(u=>{u&&window.location.reload()})},onError(){s({required:!1})}})},c=()=>s({required:!1});return i.required?t.jsx(o.Box,{...Ie,width:"100%",children:t.jsx(Fo,{closeLabel:n(l("pages.settings.actions.restart.alert.cancel")),title:n(l("pages.settings.actions.restart.alert.title")),action:t.jsx(o.Box,{children:t.jsx(o.Button,{onClick:r,startIcon:t.jsx(R.Play,{}),children:n(l("pages.settings.actions.restart.label"))})}),onClose:c,children:t.jsxs(t.Fragment,{children:[t.jsx(o.Box,{paddingBottom:1,children:n(l("pages.settings.actions.restart.alert.description"))}),i.reasons?.map((u,g)=>t.jsx(o.Box,{paddingBottom:1,children:n(l(`pages.settings.actions.restart.alert.reason.${u}`))},g))]})})}):null},Eo=()=>{const e=_e(),{formatMessage:n}=E.useIntl(),{values:a,onChange:i,handleChange:s,restartStatus:r}=le();return t.jsx(o.Box,{...Ie,width:"100%",children:t.jsxs(o.Flex,{direction:"column",alignItems:"flex-start",gap:2,children:[t.jsx(o.Typography,{variant:"delta",as:"h2",children:n(l("pages.settings.additional.title"))}),t.jsxs(o.Grid.Root,{gap:4,width:"100%",children:[t.jsx(o.Grid.Item,{col:4,s:12,xs:12,children:t.jsx(o.Box,{width:"100%",children:t.jsx(N.Field,{name:"allowedLevels",label:n(l("pages.settings.form.allowedLevels.label")),hint:n(l("pages.settings.form.allowedLevels.hint")),children:t.jsx(o.NumberInput,{width:"100%",name:"allowedLevels",type:"number",placeholder:n(l("pages.settings.form.allowedLevels.placeholder")),onChange:(c,u)=>{if(S.isObject(c)){const g=parseInt(c.target.value);return s(c.target.name,isNaN(g)?0:g,i)}return s(c,u,i)},value:a.allowedLevels,disabled:r.required})})})}),t.jsx(o.Grid.Item,{col:4,s:12,xs:12,children:t.jsx(N.Field,{name:"cascadeMenuAttached",label:n(l("pages.settings.form.cascadeMenuAttached.label")),hint:n(l("pages.settings.form.cascadeMenuAttached.hint")),children:t.jsx(o.Toggle,{width:"100%",name:"cascadeMenuAttached",checked:a.cascadeMenuAttached,onChange:c=>s(c,!a.cascadeMenuAttached,i),onLabel:n(l("components.toggle.enabled")),offLabel:n(l("components.toggle.disabled")),disabled:r.required})})}),t.jsx(o.Grid.Item,{col:4,s:12,xs:12,children:t.jsx(N.Field,{name:"audienceFieldChecked",label:n(l("pages.settings.form.audience.label")),hint:n(l("pages.settings.form.audience.hint")),children:t.jsx(o.Toggle,{name:"audienceFieldChecked",checked:a.audienceFieldChecked,onChange:c=>s(c,!a.audienceFieldChecked,i),onLabel:n(l("components.toggle.enabled")),offLabel:n(l("components.toggle.disabled")),disabled:r.required,width:"100%"})})}),e.data?.isCachePluginEnabled&&t.jsx(o.Grid.Item,{col:12,s:12,xs:12,children:t.jsx(N.Field,{name:"isCacheEnabled",label:n(l("pages.settings.form.cache.label")),hint:n(l("pages.settings.form.cache.hint")),children:t.jsx(o.Toggle,{name:"isCacheEnabled",checked:a.isCacheEnabled,onChange:c=>s(c,!a.isCacheEnabled,i),onLabel:n(l("components.toggle.enabled")),offLabel:n(l("components.toggle.disabled")),disabled:r.required,width:"100%"})})})]})]})})},No=()=>{const{formatMessage:e}=E.useIntl(),{values:n,onChange:a,handleChange:i,restartStatus:s}=le();return t.jsx(o.Grid.Item,{col:4,s:12,xs:12,children:t.jsx(N.Field,{name:"preferCustomContentTypes",label:e(l("pages.settings.form.preferCustomContentTypes.label")),hint:e(l("pages.settings.form.preferCustomContentTypes.hint")),children:t.jsx(o.Toggle,{name:"preferCustomContentTypes",checked:n.preferCustomContentTypes,onChange:r=>i(r,!n.preferCustomContentTypes,a),onLabel:e(l("components.toggle.enabled")),offLabel:e(l("components.toggle.disabled")),disabled:s.required,width:"100%"})})})},Ao=()=>{const e=_e(),n=we(),{formatMessage:a}=E.useIntl(),{values:i,onChange:s,handleChange:r,restartStatus:c,setFormValueItem:u,renderError:g}=le(),{contentTypes:m,preferCustomContentTypes:p}=i,C=S.sortBy(Object.values(n.data??[]).filter(({uid:b})=>bo(b,{allowedContentTypes:e.data?.allowedContentTypes,restrictedContentTypes:e.data?.restrictedContentTypes,preferCustomContentTypes:p,contentTypes:m})).map(b=>{const v=n.data?.find(x=>x.uid===b.uid);if(v){const{isDisplayed:x,kind:y}=v;return{...b,available:x,isSingle:y==="singleType"}}return b}),b=>b.info.displayName);return t.jsx(o.Grid.Item,{col:4,s:12,xs:12,children:t.jsx(N.Field,{name:"contentTypes",label:a(l("pages.settings.form.contentTypes.label")),hint:a(l("pages.settings.form.contentTypes.hint")),children:t.jsx(o.MultiSelect,{name:"contentTypes",label:a(l("pages.settings.form.contentTypes.label")),"aria-label":a(l("pages.settings.form.contentTypes.label")),placeholder:a(l("pages.settings.form.contentTypes.placeholder")),value:i.contentTypes,onChange:b=>{r("contentTypes",b,s);const{contentTypesNameFields:v=[],contentTypesPopulate:x=[],pathDefaultFields:y=[]}=i,I=b.filter(T=>!v.find(L=>L.key===T))??[],f=v.filter(T=>!b.includes(T.key)||T.key==="default").map(({key:T})=>T)??[];u("contentTypesNameFields",[...v.filter(({key:T})=>!f.includes(T)||T==="default")??[],...I.map(T=>({key:T,fields:[]}))]),u("contentTypesPopulate",[...x.filter(({key:T})=>!f.includes(T)||T==="default")??[],...I.map(T=>({key:T,fields:[]}))]),u("pathDefaultFields",[...y.filter(({key:T})=>!f.includes(T)||T==="default")??[],...I.map(T=>({key:T,fields:[]}))])},disabled:c.required,error:g("contentTypes"),withTags:!0,width:"100%",children:C.map(b=>t.jsx(o.MultiSelectOption,{value:b.uid,children:b.info.displayName},b.uid))})})})},Ro=()=>{const e=we(),{formatMessage:n}=E.useIntl(),{values:a,onChange:i,handleChange:s,restartStatus:r,renderError:c}=le(),u=j.useMemo(()=>a.contentTypes?.map(g=>e.data?.find(({uid:m})=>m===g)).filter(g=>g!==void 0)||[],[a.contentTypes,e.data]);return j.useEffect(()=>{a.defaultContentType&&(a.contentTypes.includes(a.defaultContentType)||s("defaultContentType",void 0,i))},[a.contentTypes]),t.jsx(o.Grid.Item,{col:4,s:12,xs:12,children:t.jsx(N.Field,{name:"defaultContentType",label:n(l("pages.settings.form.defaultContentType.label")),hint:n(l("pages.settings.form.defaultContentType.hint")),children:t.jsx(o.SingleSelect,{name:"defaultContentType",label:n(l("pages.settings.form.defaultContentType.label")),"aria-label":n(l("pages.settings.form.defaultContentType.label")),placeholder:n(l("pages.settings.form.defaultContentType.placeholder")),value:a.defaultContentType,onChange:g=>s("defaultContentType",g,i),onClear:()=>s("defaultContentType",void 0,i),disabled:r.required,error:c("defaultContentType"),withTags:!0,width:"100%",children:u.map(g=>t.jsx(o.SingleSelectOption,{value:g.uid,children:g.info.displayName},g.uid))})})})},Lo=["relation","media","component","dynamiczone"],$o=()=>{const e=we(),{formatMessage:n}=E.useIntl(),{values:a,onChange:i,handleChange:s,restartStatus:r,renderError:c}=le(),{contentTypes:u,contentTypesNameFields:g}=a;return t.jsx(o.Grid.Item,{col:12,s:12,xs:12,children:u?.length?t.jsx(o.Accordion.Root,{style:{width:"100%"},children:g.map((m,p)=>{const C=e.data?.find(({uid:y})=>y===m.key),b=C?.attributes??{},v=Object.keys(b).sort(),x=v.filter(y=>Lo.includes(b[y]?.type));return C?t.jsxs(o.Accordion.Item,{value:m.key,children:[t.jsx(o.Accordion.Header,{children:t.jsx(o.Accordion.Trigger,{children:C?.info.displayName??n(l("pages.settings.form.nameField.default"))})}),t.jsx(o.Accordion.Content,{children:t.jsxs(o.Grid.Root,{gap:4,padding:2,children:[t.jsx(o.Grid.Item,{col:12,s:12,xs:12,children:t.jsx(N.Field,{name:`contentTypesNameFields[${p}]`,label:n(l("pages.settings.form.nameField.label")),hint:n(l(`pages.settings.form.nameField.${S.isEmpty(S.get(a,`contentTypesNameFields[${p}].fields`,[]))?"empty":"hint"}`)),children:t.jsx(o.MultiSelect,{name:`contentTypesNameFields[${p}]`,placeholder:n(l("pages.settings.form.nameField.placeholder")),value:S.get(a,`contentTypesNameFields[${p}].fields`),onChange:y=>{const I=S.get(a,"contentTypesNameFields",[]).map((f,T)=>T===p?{...f,fields:y}:f);return s("contentTypesNameFields",I,i)},disabled:r.required,error:c(`contentTypesNameFields[${p}]`),withTags:!0,children:v.map(y=>t.jsx(o.MultiSelectOption,{value:y,children:y},y))})})}),t.jsx(o.Grid.Item,{col:12,s:12,xs:12,children:t.jsx(N.Field,{name:`contentTypesPopulate[${p-1}]`,label:n(l("pages.settings.form.populate.label")),hint:n(l(`pages.settings.form.populate.${S.isEmpty(S.get(a,`contentTypesPopulate[${p-1}]fields`,[]))?"empty":"hint"}`)),children:t.jsx(o.MultiSelect,{width:"100%",name:`contentTypesPopulate[${p-1}]`,placeholder:n(l("pages.settings.form.populate.placeholder")),value:S.get(a,`contentTypesPopulate[${p-1}].fields`,[]),onChange:y=>{const I=S.get(a,"contentTypesPopulate",[]).map((f,T)=>T===p-1?{...f,fields:y}:f);return s("contentTypesPopulate",I,i)},disabled:r.required,error:c(`contentTypesPopulate[${p-1}]`),withTags:!0,children:x.map(y=>t.jsx(o.MultiSelectOption,{value:y,children:y},y))})})}),t.jsx(o.Grid.Item,{col:12,s:12,xs:12,children:t.jsx(N.Field,{name:`pathDefaultFields[${p-1}]`,label:n(l("pages.settings.form.pathDefaultFields.label")),hint:n(l(`pages.settings.form.pathDefaultFields.${S.isEmpty(S.get(a,`pathDefaultFields[${p-1}].fields`,[]))?"empty":"hint"}`)),children:t.jsx(o.MultiSelect,{name:`pathDefaultFields[${p-1}]`,width:"100%",placeholder:n(l("pages.settings.form.pathDefaultFields.placeholder")),value:S.get(a,`pathDefaultFields[${p-1}].fields`,[]),onChange:y=>{const I=S.get(a,"pathDefaultFields",[]).map((f,T)=>T===p-1?{...f,fields:y}:f);return s("pathDefaultFields",I,i)},disabled:r.required,error:c(`pathDefaultFields[${p-1}]`),withTags:!0,children:v.map(y=>t.jsx(o.MultiSelectOption,{value:y,children:y},y))})})})]})})]},m.key):null})}):null})},Mo=()=>{const{formatMessage:e}=E.useIntl();return t.jsx(o.Box,{...Ie,width:"100%",children:t.jsxs(o.Flex,{direction:"column",alignItems:"flex-start",gap:2,children:[t.jsx(o.Typography,{variant:"delta",as:"h2",children:e(l("pages.settings.general.title"))}),t.jsx(o.Grid.Root,{gap:4,width:"100%",children:t.jsx(o.Grid.Item,{col:12,s:12,xs:12,children:t.jsxs(o.Grid.Root,{gap:4,width:"100%",children:[t.jsx(No,{}),t.jsx(Ao,{}),t.jsx(Ro,{}),t.jsx($o,{})]})})})]})})},it=t.jsx(R.PriceTag,{}),Po=t.jsx(R.Plus,{}),H="pages.settings.form.customFields.table.",ko=({data:e=[],onOpenModal:n,onRemoveCustomField:a,onToggleCustomField:i})=>{const[s,r]=j.useState(!1),[c,u]=j.useState(null),{toggleNotification:g}=F.useNotification(),m=j.useMemo(()=>S.sortBy(e,"name"),[e]),{formatMessage:p}=E.useIntl(),C=j.useCallback(x=>{u(x),r(!0)},[u,r]),b=j.useCallback(()=>{u(null),r(!1)},[u,r]),v=j.useCallback(()=>{c===null?g({type:"warning",message:p(l(`${H}confirmation.error`))}):a(c),b()},[b,c,qe,a,g]);return t.jsxs(t.Fragment,{children:[t.jsx(Se,{isVisible:s,header:p(l(`${H}confirmation.header`)),children:p(l(`${H}confirmation.message`)),labelConfirm:p(l(`${H}confirmation.confirm`)),iconConfirm:it,mainIcon:it,onConfirm:v,onCancel:b}),t.jsxs(o.Table,{width:"100%",colCount:4,rowCount:e.length+1,footer:t.jsx(o.TFooter,{onClick:x=>{x.preventDefault(),n(null)},icon:Po,children:p(l(`${H}footer`))}),children:[t.jsx(o.Thead,{children:t.jsxs(o.Tr,{children:[t.jsx(o.Th,{width:"20%",children:t.jsx(o.Typography,{variant:"sigma",textColor:"neutral600",children:p(l(`${H}header.name`))})}),t.jsx(o.Th,{width:"60%",children:t.jsx(o.Typography,{variant:"sigma",textColor:"neutral600",children:p(l(`${H}header.label`))})}),t.jsx(o.Th,{width:"15%",children:t.jsx(o.Typography,{variant:"sigma",textColor:"neutral600",children:p(l(`${H}header.type`))})}),t.jsx(o.Th,{width:"5%",children:t.jsx(o.Typography,{variant:"sigma",textColor:"neutral600",children:p(l(`${H}header.required`))})}),t.jsx(o.Th,{children:t.jsx(o.VisuallyHidden,{})})]})}),t.jsx(o.Tbody,{children:m.map(x=>typeof x!="string"?t.jsxs(o.Tr,{children:[t.jsx(o.Td,{width:"20%",children:t.jsx(o.Typography,{fontWeight:"semiBold",textColor:"neutral800",children:x.name})}),t.jsx(o.Td,{width:"60%",children:t.jsx(o.Typography,{textColor:"neutral800",children:x.label})}),t.jsx(o.Td,{width:"15%",children:t.jsx(o.Typography,{textColor:"neutral800",children:x.type})}),t.jsx(o.Td,{width:"5%",children:t.jsx(o.Tooltip,{description:p(l(`${H}${x.required?"required":"notRequired"}`)),children:t.jsx(o.Typography,{textColor:"neutral800",children:x.required?t.jsx(R.Check,{}):t.jsx(R.Minus,{})})})}),t.jsx(o.Td,{children:t.jsx(o.Flex,{width:"100%",justifyContent:"flex-end",alignItems:"center",children:t.jsxs(o.IconButtonGroup,{children:[t.jsx(o.IconButton,{onClick:()=>i(x),label:p(l(`${H}${x.enabled?"disable":"enable"}`)),variant:x.enabled?"success-light":"tertiary",children:x.enabled?t.jsx(R.Eye,{}):t.jsx(R.EyeStriked,{}),style:{minWidth:50}}),t.jsx(o.IconButton,{onClick:()=>n(x),label:p(l(`${H}edit`)),children:t.jsx(R.Pencil,{}),style:{minWidth:50}}),t.jsx(o.IconButton,{onClick:()=>C(x),label:p(l(`${H}remove`)),children:t.jsx(R.Trash,{}),style:{minWidth:50}})]})})})]},x.name):null)})]})]})},zo=({onChange:e,initialValue:n,...a})=>{const[i,s]=j.useState(S.isArray(n)?n.reduce((c,u)=>`${c}${u}; `,""):""),r=c=>{const u=c?.target.value??"",g=u.split(";").map(m=>m.trim()).filter(m=>!!m.length);s(u??""),e(g)};return t.jsx(o.TextInput,{...a,onChange:r,value:i})},q="pages.settings.form.customFields.popup.",qo=e=>e.map((n,a)=>({key:`${n}-${a}`,metadatas:{intlLabel:{id:n,defaultMessage:n},hidden:!1,disabled:!1},value:n,label:n})),Bo=({isEditForm:e,customField:n,onSubmit:a,onClose:i})=>{const s=qo(To),{formatMessage:r}=E.useIntl(),[c,u]=j.useState({name:"",label:"",type:"string",required:!1,multi:!1,enabled:!0}),[g,m]=j.useState(),{type:p}=c;j.useEffect(()=>{n&&u({...n})},[n]);const C=(y,I,f)=>{if(f){let T=y,L=I;if(S.isObject(y)){const{name:B,value:P}=y.target;T=B,L=S.isNil(L)?P:L}return S.isString(T)&&b(T,L),f(y,L)}},b=(y,I)=>{u(S.set({...c},y,I))},v=y=>{const I=S.get(g,y);if(I)return r(l(`${q}${y}.${I}`))},x=(y,I)=>{const{success:f,data:T,error:L}=ct.safeParse(I);f?a(T):L&&m(L.issues.reduce((B,P)=>({...B,[P.path.join(".")]:P.message}),{}))};return t.jsxs(t.Fragment,{children:[t.jsx(o.Modal.Body,{children:t.jsx(F.Form,{method:"POST",width:"auto",height:"auto",initialValues:c,children:({values:y,onChange:I})=>t.jsxs(o.Grid.Root,{gap:5,children:[t.jsx(o.Grid.Item,{col:12,children:t.jsx(N.Field,{name:"name",label:r(l(`${q}name.label`)),hint:r(l(`${q}name.description`)),error:v("name"),required:!0,children:t.jsx(o.TextInput,{name:"name",value:y.name,onChange:(f,T)=>C(f,T,I),placeholder:r(l(`${q}name.placeholder`)),type:"string",disabled:e,width:"100%"})})},"name"),t.jsx(o.Grid.Item,{col:12,children:t.jsx(N.Field,{name:"label",label:r(l(`${q}label.label`)),hint:r(l(`${q}label.description`)),error:v("label"),required:!0,children:t.jsx(o.TextInput,{name:"label",value:y.label,onChange:(f,T)=>C(f,T,I),placeholder:r(l(`${q}label.placeholder`)),type:"string",width:"100%"})})},"label"),t.jsx(o.Grid.Item,{col:12,children:t.jsx(N.Field,{name:"description",label:r(l(`${q}description.label`)),hint:r(l(`${q}description.description`)),error:v("description"),children:t.jsx(o.TextInput,{name:"description",value:y.description,onChange:(f,T)=>C(f,T,I),placeholder:r(l(`${q}description.placeholder`)),type:"string",width:"100%"})})},"description"),t.jsx(o.Grid.Item,{col:12,children:t.jsx(N.Field,{name:"placeholder",label:r(l(`${q}placeholder.label`)),hint:r(l(`${q}placeholder.description`)),error:v("placeholder"),children:t.jsx(o.TextInput,{name:"placeholder",value:y.placeholder,onChange:(f,T)=>C(f,T,I),placeholder:r(l(`${q}placeholder.placeholder`)),type:"string",width:"100%"})})},"placeholder"),t.jsx(o.Grid.Item,{col:12,children:t.jsx(N.Field,{name:"type",label:r(l(`${q}type.label`)),hint:r(l(`${q}type.description`)),required:!0,children:t.jsx(o.SingleSelect,{name:"type",value:y.type,onChange:f=>C("type",f,I),disabled:e,width:"100%",children:s.map(({key:f,label:T,value:L})=>t.jsx(o.SingleSelectOption,{value:L,children:T},f))})})},"type"),p==="select"&&t.jsxs(t.Fragment,{children:[t.jsx(o.Grid.Item,{col:12,children:t.jsx(N.Field,{name:"multi",label:r(l(`${q}multi.label`)),hint:r(l(`${q}multi.description`)),error:v("multi"),children:t.jsx(o.Toggle,{name:"multi",checked:y.multi,onChange:f=>C(f,!y.multi,I),onLabel:"true",offLabel:"false",width:"100%"})})},"multi"),t.jsx(o.Grid.Item,{col:12,children:t.jsx(N.Field,{name:"options",label:r(l(`${q}options.label`)),hint:r(l(`${q}options.description`)),error:v("options"),children:t.jsx(zo,{name:"options",onChange:f=>C("options",f,I),initialValue:y.options})})},"options")]}),t.jsx(o.Grid.Item,{col:12,children:t.jsx(N.Field,{name:"required",label:r(l(`${q}required.label`)),hint:r(l(`${q}required.description`)),error:v("required"),children:t.jsx(o.Toggle,{name:"required",placeholder:r(l(`${q}required.placeholder`)),checked:y.required,onChange:f=>C(f,!y.required,I),onLabel:"true",offLabel:"false",width:"100%"})})},"required")]})})}),t.jsxs(o.Modal.Footer,{children:[t.jsx(o.Modal.Close,{children:t.jsx(o.Button,{onClick:i,variant:"tertiary",children:r(l("popup.item.form.button.cancel"))})}),t.jsx(o.Button,{onClick:y=>x(y,c),children:r(l("popup.item.form.button.save"))})]})]})},Do=({isOpen:e,onClose:n,onSubmit:a,data:i})=>{const s=!!i,{formatMessage:r}=E.useIntl();return t.jsx(o.Modal.Root,{onOpenChange:c=>{c||n()},open:e,labelledBy:"custom-field-modal",children:t.jsxs(o.Modal.Content,{children:[t.jsx(o.Modal.Header,{children:t.jsx(o.Typography,{variant:"omega",fontWeight:"bold",textColor:"neutral800",as:"h2",id:"asset-dialog-title",children:r(l(`pages.settings.form.customFields.popup.header.${s?"edit":"new"}`))})}),t.jsx(Bo,{isEditForm:s,customField:i,onSubmit:a,onClose:n})]})})},Oo=()=>{const{formatMessage:e}=E.useIntl(),{values:{additionalFields:n},setFormValueItem:a}=le(),[i,s]=j.useState(!1),[r,c]=j.useState(null),u=C=>{c(C),s(!0)},g=C=>{const b=n.filter(v=>typeof v!="string"?v.name!==C.name:!0);a("additionalFields",b),c(null),s(!1)},m=C=>{const b={...C,enabled:!C.enabled},v=n.map(x=>typeof x!="string"&&C.name===x.name?b:x);a("additionalFields",v)},p=C=>{const v=!!n.find(x=>typeof x!="string"?x.name===C.name:!1)?n.map(x=>typeof x!="string"&&C.name===x.name?C:x):[...n,C];a("additionalFields",v),c(null),s(!1)};return t.jsxs(o.Box,{...Ie,width:"100%",children:[t.jsx(o.Typography,{variant:"delta",as:"h2",children:e(l("pages.settings.customFields.title"))}),t.jsx(o.Box,{padding:1}),t.jsx(ko,{data:n,onOpenModal:u,onRemoveCustomField:g,onToggleCustomField:m}),i&&t.jsx(Do,{onClose:()=>s(!1),onSubmit:p,isOpen:i,data:r})]})},Go=Kt.omit({contentTypesNameFields:!0}).extend({audienceFieldChecked:h.z.boolean(),contentTypesNameFields:h.z.object({key:h.z.string(),fields:h.z.string().array()}).array(),contentTypesPopulate:h.z.object({key:h.z.string(),fields:h.z.string().array()}).array(),pathDefaultFields:h.z.object({key:h.z.string(),fields:h.z.string().array()}).array()}),st=new $.QueryClient,Vo=()=>{const e=_e(),n=we(),a=Co(),i=Ft(),s=St(),{formatMessage:r}=E.useIntl(),[c,u]=j.useState({required:!1}),[g,m]=j.useState(!1),p=F.useAuth("SettingsPage",w=>w.permissions),C=j.useMemo(()=>!!p.find(({action:w})=>w===ue.settings[0].action),[p]),b=j.useMemo(()=>!!p.find(({action:w})=>w===ue.access[0].action),[p]),v=e.isPending||n.isPending||a.isPending||s.isPending||i.isPending,[x,y]=j.useState({}),[I,f]=j.useState(),T=(w,M,D)=>{if(D){let Z=w,O=M;if(S.isObject(w)){const{name:J,value:ae}=w.target;Z=J,O=S.isNil(O)?ae:O}return S.isString(Z)&&L(Z,O),D(w,O)}},L=(w,M)=>{y(D=>S.set({...D},w,M))},B=w=>{if(S.get(I,w))return r(l(w))},P=(w,M)=>{const{success:D,data:Z,error:O}=Go.safeParse(M);D?a.mutate(Z,{onSuccess(){u({required:!0}),a.reset()}}):O&&(f(O.issues.reduce((J,ae)=>({...J,[ae.path.join(".")]:ae.message}),{})),console.warn("Invalid form data",O))};return vo({config:e.data,setFormValue:y}),C?v||g?t.jsx(F.Page.Loading,{}):t.jsx(F.Layouts.Root,{children:t.jsxs(F.Page.Main,{children:[t.jsx(F.Page.Title,{children:r(l("pages.settings.header.title"))}),t.jsx(F.Layouts.Header,{title:r(l("pages.settings.header.title")),subtitle:r(l("pages.settings.header.description")),primaryAction:b?t.jsx(o.Button,{startIcon:t.jsx(R.Check,{}),disabled:c.required,onClick:w=>P(w,x),children:r(l("pages.settings.actions.submit"))}):null}),t.jsx(F.Layouts.Content,{children:t.jsx(F.Form,{method:"POST",width:"auto",height:"auto",initialValues:x,children:({values:w,onChange:M})=>t.jsx(wt.Provider,{value:{values:w,onChange:M,handleChange:T,restartStatus:c,setRestartStatus:u,renderError:B,setFormValueItem:L},children:t.jsxs(o.Flex,{direction:"column",gap:4,children:[t.jsx(wo,{setIsReloading:m}),t.jsx(Mo,{}),t.jsx(Eo,{}),t.jsx(Oo,{}),t.jsx(So,{hasSettingsReadPermissions:b})]})})})})]})}):t.jsx(F.Page.NoPermissions,{})};function Qo(){st.invalidateQueries();const e=N.usePluginTheme();return t.jsx($.QueryClientProvider,{client:st,children:t.jsx(o.DesignSystemProvider,{theme:e,children:t.jsx(Vo,{})})})}const _o="navigation",rt="Navigation",Uo={register(e){e.createSettingSection({id:ee,intlLabel:{id:`${ee}.plugin.section.name`,defaultMessage:`${rt} plugin`}},[{intlLabel:{id:`${ee}.plugin.section.item`,defaultMessage:"Configuration"},id:"navigation",to:ee,Component(){return Qo},permissions:ue.settings}]),e.addMenuLink({to:`plugins/${ee}`,icon:Gt,intlLabel:{id:`${ee}.plugin.name`,defaultMessage:rt},Component(){return yo},permissions:ue.access,position:1}),e.registerPlugin({id:ee,initializer:qt,isReady:!1,name:_o})},registerTrads:async function({locales:e=[]}){return Promise.all(e.map(async n=>n in We?We[n]().then(({default:i})=>({data:N.prefixPluginTranslations(N.flattenObject(i),ee),locale:n})):{data:N.prefixPluginTranslations(N.flattenObject({}),ee),locale:n}))}};module.exports=Uo;
+`,wo=({setIsReloading:e})=>{const{formatMessage:n}=E.useIntl(),a=St(),{restartStatus:i,setRestartStatus:s}=le(),r=async()=>{a.mutate(void 0,{onSuccess(){e(!0),Tt(!0).then(u=>{u&&window.location.reload()})},onError(){s({required:!1})}})},c=()=>s({required:!1});return i.required?t.jsx(o.Box,{...Ie,width:"100%",children:t.jsx(Fo,{closeLabel:n(l("pages.settings.actions.restart.alert.cancel")),title:n(l("pages.settings.actions.restart.alert.title")),action:t.jsx(o.Box,{children:t.jsx(o.Button,{onClick:r,startIcon:t.jsx(R.Play,{}),children:n(l("pages.settings.actions.restart.label"))})}),onClose:c,children:t.jsxs(t.Fragment,{children:[t.jsx(o.Box,{paddingBottom:1,children:n(l("pages.settings.actions.restart.alert.description"))}),i.reasons?.map((u,g)=>t.jsx(o.Box,{paddingBottom:1,children:n(l(`pages.settings.actions.restart.alert.reason.${u}`))},g))]})})}):null},Eo=()=>{const e=_e(),{formatMessage:n}=E.useIntl(),{values:a,onChange:i,handleChange:s,restartStatus:r}=le();return t.jsx(o.Box,{...Ie,width:"100%",children:t.jsxs(o.Flex,{direction:"column",alignItems:"flex-start",gap:2,children:[t.jsx(o.Typography,{variant:"delta",as:"h2",children:n(l("pages.settings.additional.title"))}),t.jsxs(o.Grid.Root,{gap:4,width:"100%",children:[t.jsx(o.Grid.Item,{col:4,s:12,xs:12,children:t.jsx(o.Box,{width:"100%",children:t.jsx(N.Field,{name:"allowedLevels",label:n(l("pages.settings.form.allowedLevels.label")),hint:n(l("pages.settings.form.allowedLevels.hint")),children:t.jsx(o.NumberInput,{width:"100%",name:"allowedLevels",type:"number",placeholder:n(l("pages.settings.form.allowedLevels.placeholder")),onChange:(c,u)=>{if(S.isObject(c)){const g=parseInt(c.target.value);return s(c.target.name,isNaN(g)?0:g,i)}return s(c,u,i)},value:a.allowedLevels,disabled:r.required})})})}),t.jsx(o.Grid.Item,{col:4,s:12,xs:12,children:t.jsx(N.Field,{name:"cascadeMenuAttached",label:n(l("pages.settings.form.cascadeMenuAttached.label")),hint:n(l("pages.settings.form.cascadeMenuAttached.hint")),children:t.jsx(o.Toggle,{width:"100%",name:"cascadeMenuAttached",checked:a.cascadeMenuAttached,onChange:c=>s(c,!a.cascadeMenuAttached,i),onLabel:n(l("components.toggle.enabled")),offLabel:n(l("components.toggle.disabled")),disabled:r.required})})}),t.jsx(o.Grid.Item,{col:4,s:12,xs:12,children:t.jsx(N.Field,{name:"audienceFieldChecked",label:n(l("pages.settings.form.audience.label")),hint:n(l("pages.settings.form.audience.hint")),children:t.jsx(o.Toggle,{name:"audienceFieldChecked",checked:a.audienceFieldChecked,onChange:c=>s(c,!a.audienceFieldChecked,i),onLabel:n(l("components.toggle.enabled")),offLabel:n(l("components.toggle.disabled")),disabled:r.required,width:"100%"})})}),e.data?.isCachePluginEnabled&&t.jsx(o.Grid.Item,{col:12,s:12,xs:12,children:t.jsx(N.Field,{name:"isCacheEnabled",label:n(l("pages.settings.form.cache.label")),hint:n(l("pages.settings.form.cache.hint")),children:t.jsx(o.Toggle,{name:"isCacheEnabled",checked:a.isCacheEnabled,onChange:c=>s(c,!a.isCacheEnabled,i),onLabel:n(l("components.toggle.enabled")),offLabel:n(l("components.toggle.disabled")),disabled:r.required,width:"100%"})})})]})]})})},No=()=>{const{formatMessage:e}=E.useIntl(),{values:n,onChange:a,handleChange:i,restartStatus:s}=le();return t.jsx(o.Grid.Item,{col:4,s:12,xs:12,children:t.jsx(N.Field,{name:"preferCustomContentTypes",label:e(l("pages.settings.form.preferCustomContentTypes.label")),hint:e(l("pages.settings.form.preferCustomContentTypes.hint")),children:t.jsx(o.Toggle,{name:"preferCustomContentTypes",checked:n.preferCustomContentTypes,onChange:r=>i(r,!n.preferCustomContentTypes,a),onLabel:e(l("components.toggle.enabled")),offLabel:e(l("components.toggle.disabled")),disabled:s.required,width:"100%"})})})},Ao=()=>{const e=_e(),n=we(),{formatMessage:a}=E.useIntl(),{values:i,onChange:s,handleChange:r,restartStatus:c,setFormValueItem:u,renderError:g}=le(),{contentTypes:m,preferCustomContentTypes:p}=i,C=S.sortBy(Object.values(n.data??[]).filter(({uid:b})=>bo(b,{allowedContentTypes:e.data?.allowedContentTypes,restrictedContentTypes:e.data?.restrictedContentTypes,preferCustomContentTypes:p,contentTypes:m})).map(b=>{const v=n.data?.find(x=>x.uid===b.uid);if(v){const{isDisplayed:x,kind:y}=v;return{...b,available:x,isSingle:y==="singleType"}}return b}),b=>b.info.displayName);return t.jsx(o.Grid.Item,{col:4,s:12,xs:12,children:t.jsx(N.Field,{name:"contentTypes",label:a(l("pages.settings.form.contentTypes.label")),hint:a(l("pages.settings.form.contentTypes.hint")),children:t.jsx(o.MultiSelect,{name:"contentTypes",label:a(l("pages.settings.form.contentTypes.label")),"aria-label":a(l("pages.settings.form.contentTypes.label")),placeholder:a(l("pages.settings.form.contentTypes.placeholder")),value:i.contentTypes,onChange:b=>{r("contentTypes",b,s);const{contentTypesNameFields:v=[],contentTypesPopulate:x=[],pathDefaultFields:y=[]}=i,I=b.filter(T=>!v.find(L=>L.key===T))??[],f=v.filter(T=>!b.includes(T.key)||T.key==="default").map(({key:T})=>T)??[];u("contentTypesNameFields",[...v.filter(({key:T})=>!f.includes(T)||T==="default")??[],...I.map(T=>({key:T,fields:[]}))]),u("contentTypesPopulate",[...x.filter(({key:T})=>!f.includes(T)||T==="default")??[],...I.map(T=>({key:T,fields:[]}))]),u("pathDefaultFields",[...y.filter(({key:T})=>!f.includes(T)||T==="default")??[],...I.map(T=>({key:T,fields:[]}))])},disabled:c.required,error:g("contentTypes"),withTags:!0,width:"100%",children:C.map(b=>t.jsx(o.MultiSelectOption,{value:b.uid,children:b.info.displayName},b.uid))})})})},Ro=()=>{const e=we(),{formatMessage:n}=E.useIntl(),{values:a,onChange:i,handleChange:s,restartStatus:r,renderError:c}=le(),u=j.useMemo(()=>a.contentTypes?.map(g=>e.data?.find(({uid:m})=>m===g)).filter(g=>g!==void 0)||[],[a.contentTypes,e.data]);return j.useEffect(()=>{a.defaultContentType&&(a.contentTypes.includes(a.defaultContentType)||s("defaultContentType",void 0,i))},[a.contentTypes]),t.jsx(o.Grid.Item,{col:4,s:12,xs:12,children:t.jsx(N.Field,{name:"defaultContentType",label:n(l("pages.settings.form.defaultContentType.label")),hint:n(l("pages.settings.form.defaultContentType.hint")),children:t.jsx(o.SingleSelect,{name:"defaultContentType",label:n(l("pages.settings.form.defaultContentType.label")),"aria-label":n(l("pages.settings.form.defaultContentType.label")),placeholder:n(l("pages.settings.form.defaultContentType.placeholder")),value:a.defaultContentType,onChange:g=>s("defaultContentType",g,i),onClear:()=>s("defaultContentType",void 0,i),disabled:r.required,error:c("defaultContentType"),withTags:!0,width:"100%",children:u.map(g=>t.jsx(o.SingleSelectOption,{value:g.uid,children:g.info.displayName},g.uid))})})})},Lo=["relation","media","component","dynamiczone"],$o=()=>{const e=we(),{formatMessage:n}=E.useIntl(),{values:a,onChange:i,handleChange:s,restartStatus:r,renderError:c}=le(),{contentTypes:u,contentTypesNameFields:g}=a;return t.jsx(o.Grid.Item,{col:12,s:12,xs:12,children:u?.length?t.jsx(o.Accordion.Root,{style:{width:"100%"},children:g.map((m,p)=>{const C=e.data?.find(({uid:y})=>y===m.key),b=C?.attributes??{},v=Object.keys(b).sort(),x=v.filter(y=>Lo.includes(b[y]?.type));return C?t.jsxs(o.Accordion.Item,{value:m.key,children:[t.jsx(o.Accordion.Header,{children:t.jsx(o.Accordion.Trigger,{children:C?.info.displayName??n(l("pages.settings.form.nameField.default"))})}),t.jsx(o.Accordion.Content,{children:t.jsxs(o.Grid.Root,{gap:4,padding:2,children:[t.jsx(o.Grid.Item,{col:12,s:12,xs:12,children:t.jsx(N.Field,{name:`contentTypesNameFields[${p}]`,label:n(l("pages.settings.form.nameField.label")),hint:n(l(`pages.settings.form.nameField.${S.isEmpty(S.get(a,`contentTypesNameFields[${p}].fields`,[]))?"empty":"hint"}`)),children:t.jsx(o.MultiSelect,{name:`contentTypesNameFields[${p}]`,placeholder:n(l("pages.settings.form.nameField.placeholder")),value:S.get(a,`contentTypesNameFields[${p}].fields`),onChange:y=>{const I=S.get(a,"contentTypesNameFields",[]).map((f,T)=>T===p?{...f,fields:y}:f);return s("contentTypesNameFields",I,i)},disabled:r.required,error:c(`contentTypesNameFields[${p}]`),withTags:!0,children:v.map(y=>t.jsx(o.MultiSelectOption,{value:y,children:y},y))})})}),t.jsx(o.Grid.Item,{col:12,s:12,xs:12,children:t.jsx(N.Field,{name:`contentTypesPopulate[${p-1}]`,label:n(l("pages.settings.form.populate.label")),hint:n(l(`pages.settings.form.populate.${S.isEmpty(S.get(a,`contentTypesPopulate[${p-1}]fields`,[]))?"empty":"hint"}`)),children:t.jsx(o.MultiSelect,{width:"100%",name:`contentTypesPopulate[${p-1}]`,placeholder:n(l("pages.settings.form.populate.placeholder")),value:S.get(a,`contentTypesPopulate[${p-1}].fields`,[]),onChange:y=>{const I=S.get(a,"contentTypesPopulate",[]).map((f,T)=>T===p-1?{...f,fields:y}:f);return s("contentTypesPopulate",I,i)},disabled:r.required,error:c(`contentTypesPopulate[${p-1}]`),withTags:!0,children:x.map(y=>t.jsx(o.MultiSelectOption,{value:y,children:y},y))})})}),t.jsx(o.Grid.Item,{col:12,s:12,xs:12,children:t.jsx(N.Field,{name:`pathDefaultFields[${p-1}]`,label:n(l("pages.settings.form.pathDefaultFields.label")),hint:n(l(`pages.settings.form.pathDefaultFields.${S.isEmpty(S.get(a,`pathDefaultFields[${p-1}].fields`,[]))?"empty":"hint"}`)),children:t.jsx(o.MultiSelect,{name:`pathDefaultFields[${p-1}]`,width:"100%",placeholder:n(l("pages.settings.form.pathDefaultFields.placeholder")),value:S.get(a,`pathDefaultFields[${p-1}].fields`,[]),onChange:y=>{const I=S.get(a,"pathDefaultFields",[]).map((f,T)=>T===p-1?{...f,fields:y}:f);return s("pathDefaultFields",I,i)},disabled:r.required,error:c(`pathDefaultFields[${p-1}]`),withTags:!0,children:v.map(y=>t.jsx(o.MultiSelectOption,{value:y,children:y},y))})})})]})})]},m.key):null})}):null})},Mo=()=>{const{formatMessage:e}=E.useIntl();return t.jsx(o.Box,{...Ie,width:"100%",children:t.jsxs(o.Flex,{direction:"column",alignItems:"flex-start",gap:2,children:[t.jsx(o.Typography,{variant:"delta",as:"h2",children:e(l("pages.settings.general.title"))}),t.jsx(o.Grid.Root,{gap:4,width:"100%",children:t.jsx(o.Grid.Item,{col:12,s:12,xs:12,children:t.jsxs(o.Grid.Root,{gap:4,width:"100%",children:[t.jsx(No,{}),t.jsx(Ao,{}),t.jsx(Ro,{}),t.jsx($o,{})]})})})]})})},it=t.jsx(R.PriceTag,{}),Po=t.jsx(R.Plus,{}),H="pages.settings.form.customFields.table.",ko=({data:e=[],onOpenModal:n,onRemoveCustomField:a,onToggleCustomField:i})=>{const[s,r]=j.useState(!1),[c,u]=j.useState(null),{toggleNotification:g}=F.useNotification(),m=j.useMemo(()=>S.sortBy(e,"name"),[e]),{formatMessage:p}=E.useIntl(),C=j.useCallback(x=>{u(x),r(!0)},[u,r]),b=j.useCallback(()=>{u(null),r(!1)},[u,r]),v=j.useCallback(()=>{c===null?g({type:"warning",message:p(l(`${H}confirmation.error`))}):a(c),b()},[b,c,qe,a,g]);return t.jsxs(t.Fragment,{children:[t.jsx(Se,{isVisible:s,header:p(l(`${H}confirmation.header`)),children:p(l(`${H}confirmation.message`)),labelConfirm:p(l(`${H}confirmation.confirm`)),iconConfirm:it,mainIcon:it,onConfirm:v,onCancel:b}),t.jsxs(o.Table,{width:"100%",colCount:4,rowCount:e.length+1,footer:t.jsx(o.TFooter,{onClick:x=>{x.preventDefault(),n(null)},icon:Po,children:p(l(`${H}footer`))}),children:[t.jsx(o.Thead,{children:t.jsxs(o.Tr,{children:[t.jsx(o.Th,{width:"20%",children:t.jsx(o.Typography,{variant:"sigma",textColor:"neutral600",children:p(l(`${H}header.name`))})}),t.jsx(o.Th,{width:"60%",children:t.jsx(o.Typography,{variant:"sigma",textColor:"neutral600",children:p(l(`${H}header.label`))})}),t.jsx(o.Th,{width:"15%",children:t.jsx(o.Typography,{variant:"sigma",textColor:"neutral600",children:p(l(`${H}header.type`))})}),t.jsx(o.Th,{width:"5%",children:t.jsx(o.Typography,{variant:"sigma",textColor:"neutral600",children:p(l(`${H}header.required`))})}),t.jsx(o.Th,{children:t.jsx(o.VisuallyHidden,{})})]})}),t.jsx(o.Tbody,{children:m.map(x=>typeof x!="string"?t.jsxs(o.Tr,{children:[t.jsx(o.Td,{width:"20%",children:t.jsx(o.Typography,{fontWeight:"semiBold",textColor:"neutral800",children:x.name})}),t.jsx(o.Td,{width:"60%",children:t.jsx(o.Typography,{textColor:"neutral800",children:x.label})}),t.jsx(o.Td,{width:"15%",children:t.jsx(o.Typography,{textColor:"neutral800",children:x.type})}),t.jsx(o.Td,{width:"5%",children:t.jsx(o.Tooltip,{description:p(l(`${H}${x.required?"required":"notRequired"}`)),children:t.jsx(o.Typography,{textColor:"neutral800",children:x.required?t.jsx(R.Check,{}):t.jsx(R.Minus,{})})})}),t.jsx(o.Td,{children:t.jsx(o.Flex,{width:"100%",justifyContent:"flex-end",alignItems:"center",children:t.jsxs(o.IconButtonGroup,{children:[t.jsx(o.IconButton,{onClick:()=>i(x),label:p(l(`${H}${x.enabled?"disable":"enable"}`)),variant:x.enabled?"success-light":"tertiary",children:x.enabled?t.jsx(R.Eye,{}):t.jsx(R.EyeStriked,{}),style:{minWidth:50}}),t.jsx(o.IconButton,{onClick:()=>n(x),label:p(l(`${H}edit`)),children:t.jsx(R.Pencil,{}),style:{minWidth:50}}),t.jsx(o.IconButton,{onClick:()=>C(x),label:p(l(`${H}remove`)),children:t.jsx(R.Trash,{}),style:{minWidth:50}})]})})})]},x.name):null)})]})]})},zo=({onChange:e,initialValue:n,...a})=>{const[i,s]=j.useState(S.isArray(n)?n.join(";"):""),r=c=>{const u=c?.target.value??"",g=u.split(";").map(m=>m.trim()).filter(m=>!!m.length);s(u??""),e(g)};return t.jsx(o.TextInput,{...a,onChange:r,value:i})},q="pages.settings.form.customFields.popup.",qo=e=>e.map((n,a)=>({key:`${n}-${a}`,metadatas:{intlLabel:{id:n,defaultMessage:n},hidden:!1,disabled:!1},value:n,label:n})),Bo=({isEditForm:e,customField:n,onSubmit:a,onClose:i})=>{const s=qo(To),{formatMessage:r}=E.useIntl(),[c,u]=j.useState(n?{...n}:{name:"",label:"",type:"string",required:!1,multi:!1,enabled:!0}),[g,m]=j.useState(),{type:p}=c;j.useEffect(()=>{n&&u({...n})},[n]);const C=(y,I,f)=>{if(f){let T=y,L=I;if(S.isObject(y)){const{name:B,value:P}=y.target;T=B,L=S.isNil(L)?P:L}return S.isString(T)&&b(T,L),f(y,L)}},b=(y,I)=>{u(S.set({...c},y,I))},v=y=>{const I=S.get(g,y);if(I)return r(l(`${q}${y}.${I}`))},x=(y,I)=>{const{success:f,data:T,error:L}=ct.safeParse(I);f?a(T):L&&m(L.issues.reduce((B,P)=>({...B,[P.path.join(".")]:P.message}),{}))};return t.jsxs(t.Fragment,{children:[t.jsx(o.Modal.Body,{children:t.jsx(F.Form,{method:"POST",width:"auto",height:"auto",initialValues:c,children:({values:y,onChange:I})=>t.jsxs(o.Grid.Root,{gap:5,children:[t.jsx(o.Grid.Item,{col:12,children:t.jsx(N.Field,{name:"name",label:r(l(`${q}name.label`)),hint:r(l(`${q}name.description`)),error:v("name"),required:!0,children:t.jsx(o.TextInput,{name:"name",value:y.name,onChange:(f,T)=>C(f,T,I),placeholder:r(l(`${q}name.placeholder`)),type:"string",disabled:e,width:"100%"})})},"name"),t.jsx(o.Grid.Item,{col:12,children:t.jsx(N.Field,{name:"label",label:r(l(`${q}label.label`)),hint:r(l(`${q}label.description`)),error:v("label"),required:!0,children:t.jsx(o.TextInput,{name:"label",value:y.label,onChange:(f,T)=>C(f,T,I),placeholder:r(l(`${q}label.placeholder`)),type:"string",width:"100%"})})},"label"),t.jsx(o.Grid.Item,{col:12,children:t.jsx(N.Field,{name:"description",label:r(l(`${q}description.label`)),hint:r(l(`${q}description.description`)),error:v("description"),children:t.jsx(o.TextInput,{name:"description",value:y.description,onChange:(f,T)=>C(f,T,I),placeholder:r(l(`${q}description.placeholder`)),type:"string",width:"100%"})})},"description"),t.jsx(o.Grid.Item,{col:12,children:t.jsx(N.Field,{name:"placeholder",label:r(l(`${q}placeholder.label`)),hint:r(l(`${q}placeholder.description`)),error:v("placeholder"),children:t.jsx(o.TextInput,{name:"placeholder",value:y.placeholder,onChange:(f,T)=>C(f,T,I),placeholder:r(l(`${q}placeholder.placeholder`)),type:"string",width:"100%"})})},"placeholder"),t.jsx(o.Grid.Item,{col:12,children:t.jsx(N.Field,{name:"type",label:r(l(`${q}type.label`)),hint:r(l(`${q}type.description`)),required:!0,children:t.jsx(o.SingleSelect,{name:"type",value:y.type,onChange:f=>C("type",f,I),disabled:e,width:"100%",children:s.map(({key:f,label:T,value:L})=>t.jsx(o.SingleSelectOption,{value:L,children:T},f))})})},"type"),p==="select"&&t.jsxs(t.Fragment,{children:[t.jsx(o.Grid.Item,{col:12,children:t.jsx(N.Field,{name:"multi",label:r(l(`${q}multi.label`)),hint:r(l(`${q}multi.description`)),error:v("multi"),children:t.jsx(o.Toggle,{name:"multi",checked:y.multi,onChange:f=>C(f,!y.multi,I),onLabel:"true",offLabel:"false",width:"100%"})})},"multi"),t.jsx(o.Grid.Item,{col:12,children:t.jsx(N.Field,{name:"options",label:r(l(`${q}options.label`)),hint:r(l(`${q}options.description`)),error:v("options"),children:t.jsx(zo,{name:"options",onChange:f=>C("options",f,I),initialValue:y.options})})},"options")]}),t.jsx(o.Grid.Item,{col:12,children:t.jsx(N.Field,{name:"required",label:r(l(`${q}required.label`)),hint:r(l(`${q}required.description`)),error:v("required"),children:t.jsx(o.Toggle,{name:"required",placeholder:r(l(`${q}required.placeholder`)),checked:y.required,onChange:f=>C(f,!y.required,I),onLabel:"true",offLabel:"false",width:"100%"})})},"required")]})})}),t.jsxs(o.Modal.Footer,{children:[t.jsx(o.Modal.Close,{children:t.jsx(o.Button,{onClick:i,variant:"tertiary",children:r(l("popup.item.form.button.cancel"))})}),t.jsx(o.Button,{onClick:y=>x(y,c),children:r(l("popup.item.form.button.save"))})]})]})},Do=({isOpen:e,onClose:n,onSubmit:a,data:i})=>{const s=!!i,{formatMessage:r}=E.useIntl();return t.jsx(o.Modal.Root,{onOpenChange:c=>{c||n()},open:e,labelledBy:"custom-field-modal",children:t.jsxs(o.Modal.Content,{children:[t.jsx(o.Modal.Header,{children:t.jsx(o.Typography,{variant:"omega",fontWeight:"bold",textColor:"neutral800",as:"h2",id:"asset-dialog-title",children:r(l(`pages.settings.form.customFields.popup.header.${s?"edit":"new"}`))})}),t.jsx(Bo,{isEditForm:s,customField:i,onSubmit:a,onClose:n})]})})},Oo=()=>{const{formatMessage:e}=E.useIntl(),{values:{additionalFields:n},setFormValueItem:a}=le(),[i,s]=j.useState(!1),[r,c]=j.useState(null),u=C=>{c(C),s(!0)},g=C=>{const b=n.filter(v=>typeof v!="string"?v.name!==C.name:!0);a("additionalFields",b),c(null),s(!1)},m=C=>{const b={...C,enabled:!C.enabled},v=n.map(x=>typeof x!="string"&&C.name===x.name?b:x);a("additionalFields",v)},p=C=>{const v=!!n.find(x=>typeof x!="string"?x.name===C.name:!1)?n.map(x=>typeof x!="string"&&C.name===x.name?C:x):[...n,C];a("additionalFields",v),c(null),s(!1)};return t.jsxs(o.Box,{...Ie,width:"100%",children:[t.jsx(o.Typography,{variant:"delta",as:"h2",children:e(l("pages.settings.customFields.title"))}),t.jsx(o.Box,{padding:1}),t.jsx(ko,{data:n,onOpenModal:u,onRemoveCustomField:g,onToggleCustomField:m}),i&&t.jsx(Do,{onClose:()=>s(!1),onSubmit:p,isOpen:i,data:r})]})},Go=Kt.omit({contentTypesNameFields:!0}).extend({audienceFieldChecked:h.z.boolean(),contentTypesNameFields:h.z.object({key:h.z.string(),fields:h.z.string().array()}).array(),contentTypesPopulate:h.z.object({key:h.z.string(),fields:h.z.string().array()}).array(),pathDefaultFields:h.z.object({key:h.z.string(),fields:h.z.string().array()}).array()}),st=new $.QueryClient,Vo=()=>{const e=_e(),n=we(),a=Co(),i=Ft(),s=St(),{formatMessage:r}=E.useIntl(),[c,u]=j.useState({required:!1}),[g,m]=j.useState(!1),p=F.useAuth("SettingsPage",w=>w.permissions),C=j.useMemo(()=>!!p.find(({action:w})=>w===ue.settings[0].action),[p]),b=j.useMemo(()=>!!p.find(({action:w})=>w===ue.access[0].action),[p]),v=e.isPending||n.isPending||a.isPending||s.isPending||i.isPending,[x,y]=j.useState({}),[I,f]=j.useState(),T=(w,M,D)=>{if(D){let Z=w,O=M;if(S.isObject(w)){const{name:J,value:ae}=w.target;Z=J,O=S.isNil(O)?ae:O}return S.isString(Z)&&L(Z,O),D(w,O)}},L=(w,M)=>{y(D=>S.set({...D},w,M))},B=w=>{if(S.get(I,w))return r(l(w))},P=(w,M)=>{const{success:D,data:Z,error:O}=Go.safeParse(M);D?a.mutate(Z,{onSuccess(){u({required:!0}),a.reset()}}):O&&(f(O.issues.reduce((J,ae)=>({...J,[ae.path.join(".")]:ae.message}),{})),console.warn("Invalid form data",O))};return vo({config:e.data,setFormValue:y}),C?v||g?t.jsx(F.Page.Loading,{}):t.jsx(F.Layouts.Root,{children:t.jsxs(F.Page.Main,{children:[t.jsx(F.Page.Title,{children:r(l("pages.settings.header.title"))}),t.jsx(F.Layouts.Header,{title:r(l("pages.settings.header.title")),subtitle:r(l("pages.settings.header.description")),primaryAction:b?t.jsx(o.Button,{startIcon:t.jsx(R.Check,{}),disabled:c.required,onClick:w=>P(w,x),children:r(l("pages.settings.actions.submit"))}):null}),t.jsx(F.Layouts.Content,{children:t.jsx(F.Form,{method:"POST",width:"auto",height:"auto",initialValues:x,children:({values:w,onChange:M})=>t.jsx(wt.Provider,{value:{values:w,onChange:M,handleChange:T,restartStatus:c,setRestartStatus:u,renderError:B,setFormValueItem:L},children:t.jsxs(o.Flex,{direction:"column",gap:4,children:[t.jsx(wo,{setIsReloading:m}),t.jsx(Mo,{}),t.jsx(Eo,{}),t.jsx(Oo,{}),t.jsx(So,{hasSettingsReadPermissions:b})]})})})})]})}):t.jsx(F.Page.NoPermissions,{})};function Qo(){st.invalidateQueries();const e=N.usePluginTheme();return t.jsx($.QueryClientProvider,{client:st,children:t.jsx(o.DesignSystemProvider,{theme:e,children:t.jsx(Vo,{})})})}const _o="navigation",rt="Navigation",Uo={register(e){e.createSettingSection({id:ee,intlLabel:{id:`${ee}.plugin.section.name`,defaultMessage:`${rt} plugin`}},[{intlLabel:{id:`${ee}.plugin.section.item`,defaultMessage:"Configuration"},id:"navigation",to:ee,Component(){return Qo},permissions:ue.settings}]),e.addMenuLink({to:`plugins/${ee}`,icon:Gt,intlLabel:{id:`${ee}.plugin.name`,defaultMessage:rt},Component(){return yo},permissions:ue.access,position:1}),e.registerPlugin({id:ee,initializer:qt,isReady:!1,name:_o})},registerTrads:async function({locales:e=[]}){return Promise.all(e.map(async n=>n in We?We[n]().then(({default:i})=>({data:N.prefixPluginTranslations(N.flattenObject(i),ee),locale:n})):{data:N.prefixPluginTranslations(N.flattenObject({}),ee),locale:n}))}};module.exports=Uo;

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import On, { useRef as We, useEffect as V, useCallback as L, useState as N, useMemo as X, createContext as nn, useContext as an } from "react";
+import On, { useRef as We, useEffect as V, useCallback as $, useState as N, useMemo as X, createContext as nn, useContext as an } from "react";
 import { jsx as n, jsxs as w, Fragment as ie } from "react/jsx-runtime";
 import oe, { useTheme as zn } from "styled-components";
 import { getFetchClient as j, useRBAC as _n, useMediaQuery as Mt, useIsMobile as on, useIsTablet as Qn, useIsDesktop as Un, Form as at, useNotification as Oe, Layouts as qe, useStrapiApp as Kn, Page as Te, useAuth as Wn } from "@strapi/strapi/admin";
@@ -9,10 +9,10 @@ import { useQuery as xe, useMutation as ge, useQueryClient as be, QueryClient as
 import { once as Yn, isEmpty as Y, capitalize as sn, get as J, first as vt, orderBy as ea, isObject as He, isNil as Be, isString as ot, set as it, sortBy as Xe, isNumber as qt, isBoolean as ta, isNull as na, isArray as aa } from "lodash";
 import { useIntl as A } from "react-intl";
 import { Dialog as Qe, Flex as P, Typography as x, Button as K, Modal as H, Grid as S, TextInput as we, Toggle as me, Box as D, Table as dn, Thead as cn, Tr as et, Th as ce, Checkbox as Dt, IconButton as ye, Tbody as un, Td as ue, Loader as bt, Tag as oa, Field as Vt, SingleSelect as Fe, SingleSelectOption as Ae, Badge as ia, CardTitle as ra, IconButtonGroup as pn, Card as la, CardBody as jt, Divider as tt, TextButton as sa, Link as da, MultiSelect as De, MultiSelectOption as Ve, Textarea as ca, Combobox as mn, ComboboxOption as ua, Searchbar as pa, DesignSystemProvider as gn, Alert as ma, NumberInput as ga, Accordion as Ue, VisuallyHidden as ha, Tooltip as fa, TFooter as ya } from "@strapi/design-system";
-import { Check as Ge, WarningCircle as ba, Feather as Ia, Pencil as Ct, Trash as Tt, Information as va, CaretDown as Ca, CaretUp as Ta, Drag as wa, Eye as hn, ArrowClockwise as Sa, Earth as Fa, Cog as Aa, Link as xa, Plus as wt, ArrowRight as Na, Search as Ra, ListPlus as $a, Typhoon as Ea, Play as La, Minus as Pa, EyeStriked as Ma, PriceTag as ka } from "@strapi/icons";
+import { Check as Ge, WarningCircle as ba, Feather as Ia, Pencil as Ct, Trash as Tt, Information as va, CaretDown as Ca, CaretUp as Ta, Drag as wa, Eye as hn, ArrowClockwise as Sa, Earth as Fa, Cog as Aa, Link as xa, Plus as wt, ArrowRight as Na, Search as Ra, ListPlus as Ea, Typhoon as La, Play as $a, Minus as Pa, EyeStriked as Ma, PriceTag as ka } from "@strapi/icons";
 import * as s from "zod";
 import { z as g } from "zod";
-import { usePluginTheme as St, Field as E, prefixPluginTranslations as Bt, flattenObject as Ot } from "@sensinum/strapi-utils";
+import { usePluginTheme as St, Field as L, prefixPluginTranslations as Bt, flattenObject as Ot } from "@sensinum/strapi-utils";
 import { prop as nt } from "lodash/fp";
 const de = "navigation", qa = ({ setPlugin: e }) => {
   const t = We(e);
@@ -509,7 +509,7 @@ const fo = s.object({
   });
 }, Fo = () => {
   const e = be(), t = j(), a = B(t);
-  return L(() => {
+  return $(() => {
     e.invalidateQueries({
       queryKey: a.getIndexPrefix()
     });
@@ -575,7 +575,7 @@ const fo = s.object({
     queryKey: t.readConfigIndex(),
     queryFn: t.readConfig
   });
-}, $o = /* @__PURE__ */ n(ba, {}), lt = ({
+}, Eo = /* @__PURE__ */ n(ba, {}), lt = ({
   isVisible: e = !1,
   isActionAsync: t = !1,
   children: a,
@@ -585,7 +585,7 @@ const fo = s.object({
   labelCancel: d,
   labelConfirm: c,
   iconConfirm: m,
-  mainIcon: p = $o
+  mainIcon: p = Eo
 }) => {
   const { formatMessage: u } = A();
   return e ? /* @__PURE__ */ n(
@@ -615,7 +615,7 @@ const fo = s.object({
       ] })
     }
   ) : null;
-}, Ut = /* @__PURE__ */ n(ie, {}), Eo = ({ onConfirm: e, onCancel: t }) => {
+}, Ut = /* @__PURE__ */ n(ie, {}), Lo = ({ onConfirm: e, onCancel: t }) => {
   const { formatMessage: a } = A();
   return /* @__PURE__ */ n(
     lt,
@@ -630,13 +630,13 @@ const fo = s.object({
       children: a(l("pages.view.actions.i18nCopyItems.confirmation.content"))
     }
   );
-}, Lo = (e) => {
-  const [t, a] = N(!1), [o, i] = N(void 0), r = L(() => {
+}, $o = (e) => {
+  const [t, a] = N(!1), [o, i] = N(void 0), r = $(() => {
     a(!1);
-  }, [a]), d = L(() => {
+  }, [a]), d = $(() => {
     o && (e(o), a(!1));
   }, [e, o]), c = X(
-    () => t ? /* @__PURE__ */ n(Eo, { onConfirm: d, onCancel: r }) : null,
+    () => t ? /* @__PURE__ */ n(Lo, { onConfirm: d, onCancel: r }) : null,
     [t, d, r]
   );
   return X(
@@ -689,14 +689,14 @@ const fo = s.object({
     availableLocales: m
   };
 }, qo = (e) => {
-  const [t, a] = N(), [o, i] = N(!1), r = L(
+  const [t, a] = N(), [o, i] = N(!1), r = $(
     (p, u = {}) => {
       a(u), i(p);
     },
     [i]
-  ), d = L(() => {
+  ), d = $(() => {
     r(!1);
-  }, [r]), c = L(
+  }, [r]), c = $(
     (p, u, v = !0, b = "", C = !0, y = "0", f = 0) => {
       e && (p.preventDefault(), p.stopPropagation(), r(!0, {
         viewParentId: u,
@@ -709,7 +709,7 @@ const fo = s.object({
       }));
     },
     [r, e]
-  ), m = L(
+  ), m = $(
     ({
       item: p,
       levelPath: u = "",
@@ -759,15 +759,15 @@ const fo = s.object({
   read: "read",
   update: "update",
   settings: "settings"
-}, Ee = {
+}, Le = {
   access: [{ action: mt(gt.read), subject: null }],
   update: [{ action: mt(gt.update), subject: null }],
   settings: [{ action: mt(gt.settings), subject: null }]
 }, Vo = () => {
   const e = X(
     () => ({
-      access: Ee.access || Ee.update,
-      update: Ee.update
+      access: Le.access || Le.update,
+      update: Le.update
     }),
     []
   ), {
@@ -999,8 +999,8 @@ const fo = s.object({
     if (I) {
       let h = y, T = f;
       if (He(y)) {
-        const { name: $, value: z } = y.target;
-        h = $, T = Be(T) ? z : T;
+        const { name: E, value: z } = y.target;
+        h = E, T = Be(T) ? z : T;
       }
       return ot(h) && b(h, T), I(y, T);
     }
@@ -1047,7 +1047,7 @@ const fo = s.object({
     }
   }, [p, u]), /* @__PURE__ */ n(at, { width: "auto", height: "auto", method: "POST", initialValues: i, children: ({ values: y, onChange: f }) => /* @__PURE__ */ w(S.Root, { gap: 5, children: [
     /* @__PURE__ */ n(S.Item, { m: 6, xs: 12, children: /* @__PURE__ */ n(
-      E,
+      L,
       {
         name: "name",
         label: m(l("popup.navigation.form.name.label", "Name")),
@@ -1068,7 +1068,7 @@ const fo = s.object({
       }
     ) }),
     /* @__PURE__ */ n(S.Item, { m: 6, xs: 12, children: /* @__PURE__ */ n(
-      E,
+      L,
       {
         name: "visible",
         label: m(l("popup.navigation.form.visible.label", "Visibility")),
@@ -1093,7 +1093,7 @@ const fo = s.object({
   items: [],
   visible: !1
 }, zo = ({ setState: e, current: t, isLoading: a, alreadyUsedNames: o }) => {
-  const i = L(
+  const i = $(
     ({ disabled: r, ...d }) => {
       e({
         view: "CREATE",
@@ -1133,7 +1133,7 @@ const fo = s.object({
     }
   );
 }, Qo = /* @__PURE__ */ n(Ct, {}), Uo = /* @__PURE__ */ n(Tt, {}), Wt = /* @__PURE__ */ n(Ia, {}), Ko = ({ navigations: e, selected: t, setState: a }) => {
-  const o = ne(), i = !!t.length, { formatMessage: r } = A(), d = xt(), c = L(
+  const o = ne(), i = !!t.length, { formatMessage: r } = A(), d = xt(), c = $(
     () => a({
       navigations: e,
       selected: i ? [] : e.map((I) => I),
@@ -1166,7 +1166,7 @@ const fo = s.object({
       view: "CACHE_PURGE",
       navigations: I
     });
-  }, C = L(v(t), [v]), y = L(b(t), [b]), f = (I) => [I].concat(
+  }, C = $(v(t), [v]), y = $(b(t), [b]), f = (I) => [I].concat(
     e.filter(
       (h) => h.documentId === I.documentId && h.locale !== I.locale
     )
@@ -1326,7 +1326,7 @@ const fo = s.object({
   navigation: o,
   setState: i
 }) => {
-  const r = X(() => t ?? o, [t]), d = L(
+  const r = X(() => t ?? o, [t]), d = $(
     ({ disabled: c, ...m }) => {
       i({
         view: "EDIT",
@@ -1402,7 +1402,7 @@ const fo = s.object({
     u,
     v,
     C
-  ]), I = L(() => r({ view: "INITIAL" }), [r]), h = L(async () => {
+  ]), I = $(() => r({ view: "INITIAL" }), [r]), h = $(async () => {
     const k = i.view === "DELETE" ? () => {
       m.mutate(
         i.navigations.reduce((F, M) => (M.documentId && F.push(M.documentId), F), []),
@@ -1480,7 +1480,7 @@ const fo = s.object({
       selected: []
     });
   }, [i.view, y]);
-  const T = ii(i, o, !!f), $ = ri(i, r, !!f), z = li({
+  const T = ii(i, o, !!f), E = ri(i, r, !!f), z = li({
     state: i,
     setState: r,
     onClose: a,
@@ -1499,7 +1499,7 @@ const fo = s.object({
       open: t,
       children: /* @__PURE__ */ w(H.Content, { children: [
         /* @__PURE__ */ n(H.Header, { children: /* @__PURE__ */ n(x, { variant: "omega", fontWeight: "bold", textColor: "neutral800", as: "h2", children: T }) }),
-        /* @__PURE__ */ n(H.Body, { children: $ }),
+        /* @__PURE__ */ n(H.Body, { children: E }),
         z
       ] })
     }
@@ -1570,7 +1570,7 @@ const fo = s.object({
       return Rt(e.state);
   }
 }, Rt = (e) => (console.warn(`Unknown state "${e?.view}". (${JSON.stringify(e)})`), null), si = () => {
-  const [e, t] = N(!1), a = L(() => t(!0), [t]), o = L(() => t(!1), [t]), i = X(
+  const [e, t] = N(!1), a = $(() => t(!0), [t]), o = $(() => t(!1), [t]), i = X(
     () => e ? /* @__PURE__ */ n(oi, { initialState: { view: "INITIAL" }, isOpened: !0, onClose: o }) : null,
     [e, o]
   );
@@ -1606,7 +1606,7 @@ const fo = s.object({
   locale: u,
   currentLocale: v
 }) => {
-  const { formatMessage: b } = A(), { openNavigationManagerModal: C, navigationManagerModal: y } = si(), f = ne(), I = !!u.restLocale?.length, h = f.data?.isCacheEnabled, { canUpdate: T } = p, { isDesktop: $, isMobile: z, isLargeDesktop: k } = Ze();
+  const { formatMessage: b } = A(), { openNavigationManagerModal: C, navigationManagerModal: y } = si(), f = ne(), I = !!u.restLocale?.length, h = f.data?.isCacheEnabled, { canUpdate: T } = p, { isDesktop: E, isMobile: z, isLargeDesktop: k } = Ze();
   return /* @__PURE__ */ n(ie, { children: /* @__PURE__ */ n(
     qe.Header,
     {
@@ -1714,7 +1714,7 @@ const fo = s.object({
                     }
                   ),
                   h && /* @__PURE__ */ w(ie, { children: [
-                    $ && /* @__PURE__ */ n(Me, { m: 9, orderInitial: 5, orderSmall: 5, orderMedium: 5 }),
+                    E && /* @__PURE__ */ n(Me, { m: 9, orderInitial: 5, orderSmall: 5, orderMedium: 5 }),
                     /* @__PURE__ */ n(Me, { m: 3, xs: 4, orderInitial: 6, orderSmall: 6, orderMedium: 6, children: /* @__PURE__ */ n(
                       K,
                       {
@@ -2037,7 +2037,7 @@ const fo = s.object({
   viewParentId: f,
   locale: I
 }) => {
-  const h = Se(e, !0), { formatMessage: T } = A(), $ = ne(), z = on(), k = h.type === "EXTERNAL", F = h.type === "WRAPPER", M = qt($.data?.allowedLevels) ? a < $.data.allowedLevels - 1 : !0, _ = qt($.data?.allowedLevels) ? a < $.data.allowedLevels : !0, re = !Y(e.items) && !b, Q = k ? void 0 : `${o === "/" ? "" : o}/${h.path === "/" ? "" : h.path}`.replace(
+  const h = Se(e, !0), { formatMessage: T } = A(), E = ne(), z = on(), k = h.type === "EXTERNAL", F = h.type === "WRAPPER", M = qt(E.data?.allowedLevels) ? a < E.data.allowedLevels - 1 : !0, _ = qt(E.data?.allowedLevels) ? a < E.data.allowedLevels : !0, re = !Y(e.items) && !b, Q = k ? void 0 : `${o === "/" ? "" : o}/${h.path === "/" ? "" : h.path}`.replace(
     "//",
     "/"
   ), le = vn({
@@ -2047,13 +2047,13 @@ const fo = s.object({
     (W) => h.type === "INTERNAL" ? W.uid === h.relatedType : !1
   ), _e = ee?.uid.includes("api::"), pe = le.data?.find(
     (W) => h.type === "INTERNAL" ? W.documentId === h.related : !1
-  ) ?? { documentId: "", id: 0 }, Re = !!pe?.publishedAt, G = k ? "" : st(pe, $.data), R = ee?.info.displayName ?? "", Z = Re ? "success" : "secondary", se = C.canUpdate, U = We(null), $e = We(null), Ie = We(null), [, ve] = Hn({
+  ) ?? { documentId: "", id: 0 }, Re = !!pe?.publishedAt, G = k ? "" : st(pe, E.data), R = ee?.info.displayName ?? "", Z = Re ? "success" : "secondary", se = C.canUpdate, U = We(null), Ee = We(null), Ie = We(null), [, ve] = Hn({
     accept: `navigation-item_${o}`,
     hover(W, Ce) {
       const te = W.order ?? 0, Pe = e.order ?? 0;
       if (te === Pe)
         return;
-      const ct = $e.current.getBoundingClientRect(), ut = (ct.bottom - ct.top) / 2, Pt = Ce.getClientOffset();
+      const ct = Ee.current.getBoundingClientRect(), ut = (ct.bottom - ct.top) / 2, Pt = Ce.getClientOffset();
       if (!Pt)
         return;
       const pt = Pt.y - ct.top, Bn = pt > ut ? (e.order ?? 0) + 0.5 : (e.order ?? 0) - 0.5;
@@ -2071,14 +2071,14 @@ const fo = s.object({
     collect: (W) => ({
       isDragging: W.isDragging()
     })
-  }), Le = {
+  }), $e = {
     dragRef: kn(U),
-    dropRef: ve($e),
+    dropRef: ve(Ee),
     previewRef: qn(Ie)
   }, Dn = (W) => {
     const Ce = ee?.kind === "singleType", te = W?.locale ? `?plugins[i18n][locale]=${W?.locale}` : "";
     return `/admin/content-manager/${Ce ? "single-types" : "collection-types"}/${ee?.uid}${Ce ? "" : "/" + W?.documentId}${te}`;
-  }, Vn = L(
+  }, Vn = $(
     (W) => {
       if (!se)
         return;
@@ -2104,12 +2104,12 @@ const fo = s.object({
     ]
   );
   V(() => {
-    h.isSearchActive && Le.dropRef?.current?.scrollIntoView?.({
+    h.isSearchActive && $e.dropRef?.current?.scrollIntoView?.({
       behavior: "smooth",
       block: "center",
       inline: "center"
     });
-  }, [h.isSearchActive, Le.dropRef.current]);
+  }, [h.isSearchActive, $e.dropRef.current]);
   const jn = To({
     uid: h.type === "INTERNAL" ? h.relatedType ?? "" : "",
     locale: I
@@ -2117,14 +2117,14 @@ const fo = s.object({
   V(() => {
     jn();
   }, []);
-  const Lt = zn();
+  const $t = zn();
   return /* @__PURE__ */ w(
     Fi,
     {
       level: a,
       isLast: t,
       style: { opacity: Mn ? 0.2 : 1 },
-      ref: Le ? Le.dropRef : void 0,
+      ref: $e ? $e.dropRef : void 0,
       children: [
         /* @__PURE__ */ w(
           la,
@@ -2134,13 +2134,13 @@ const fo = s.object({
               zIndex: 1,
               position: "relative",
               overflow: "hidden",
-              backgroundColor: h.isSearchActive ? Lt.colors.secondary100 : void 0,
-              borderColor: h.isSearchActive ? Lt.colors.secondary200 : void 0,
+              backgroundColor: h.isSearchActive ? $t.colors.secondary100 : void 0,
+              borderColor: h.isSearchActive ? $t.colors.secondary200 : void 0,
               transition: "background-color 0.3s ease-in"
             },
             children: [
               h.removed && /* @__PURE__ */ n(Si, {}),
-              /* @__PURE__ */ w("div", { ref: Le.previewRef, children: [
+              /* @__PURE__ */ w("div", { ref: $e.previewRef, children: [
                 /* @__PURE__ */ n(jt, { children: /* @__PURE__ */ n(
                   wi,
                   {
@@ -2196,7 +2196,7 @@ const fo = s.object({
                       });
                     },
                     onItemRestore: () => c({ ...e, viewParentId: f }),
-                    dragRef: Le.dragRef,
+                    dragRef: $e.dragRef,
                     removed: h.removed,
                     canUpdate: se,
                     isSearchActive: h.isSearchActive
@@ -2447,7 +2447,7 @@ const fo = s.object({
   /^#.*/,
   /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/,
   /(\/[a-z0-9\-._~%!$&'()*+,;=:@]+)+\/?/
-], $t = ({ additionalFields: e }) => g.object({
+], Et = ({ additionalFields: e }) => g.object({
   title: g.string(),
   autoSync: g.boolean().optional(),
   removed: g.boolean().optional(),
@@ -2487,10 +2487,10 @@ const fo = s.object({
       return t;
     }, {})
   )
-}), $i = ({
+}), Ei = ({
   additionalFields: e,
   isSingleSelected: t
-}) => $t({
+}) => Et({
   additionalFields: e
 }).extend({
   type: g.literal("INTERNAL"),
@@ -2498,10 +2498,10 @@ const fo = s.object({
   externalPath: g.string().nullish(),
   relatedType: g.string(),
   related: t ? g.string().optional() : g.string()
-}), Ei = ({
+}), Li = ({
   isSingleSelected: e,
   additionalFields: t
-}) => $t({
+}) => Et({
   additionalFields: t
 }).extend({
   type: g.literal("EXTERNAL"),
@@ -2509,18 +2509,18 @@ const fo = s.object({
   externalPath: g.string().min(1).refine((a) => Ri.some((o) => o.test(a))),
   relatedType: g.string().optional(),
   related: g.string().optional()
-}), Li = ({
+}), $i = ({
   isSingleSelected: e,
   additionalFields: t
-}) => $t({
+}) => Et({
   additionalFields: t
 }).extend({
   type: g.literal("WRAPPER"),
   path: g.string().or(g.null()).optional()
 }), Pi = (e) => g.discriminatedUnion("type", [
+  Li(e),
   Ei(e),
-  $i(e),
-  Li(e)
+  $i(e)
 ]), Gt = {
   autoSync: !0,
   type: "INTERNAL",
@@ -2701,7 +2701,7 @@ const fo = s.object({
     label: e(l(`popup.item.form.type.${p.toLowerCase()}.label`))
   }));
   return /* @__PURE__ */ n(S.Item, { alignItems: "flex-start", m: 8, xs: 12, children: /* @__PURE__ */ n(
-    E,
+    L,
     {
       name: "type",
       label: e(l("popup.item.form.type.label", "Internal link")),
@@ -2723,7 +2723,7 @@ const fo = s.object({
 }, Oi = ({ current: e }) => {
   const { formatMessage: t } = A(), a = ne(), { values: o, onChange: i, handleChange: r, renderError: d, canUpdate: c } = he();
   return /* @__PURE__ */ n(S.Item, { alignItems: "flex-start", m: 4, xs: 12, children: /* @__PURE__ */ n(
-    E,
+    L,
     {
       name: "menuAttached",
       label: t(l("popup.item.form.menuAttached.label", "MenuAttached")),
@@ -2764,7 +2764,7 @@ const fo = s.object({
       orderInitial: 2,
       orderMedium: 1,
       children: /* @__PURE__ */ n(
-        E,
+        L,
         {
           name: "title",
           label: e(l("popup.item.form.title.label", "Title")),
@@ -2803,7 +2803,7 @@ const fo = s.object({
       orderInitial: 1,
       orderMedium: 2,
       children: /* @__PURE__ */ n(
-        E,
+        L,
         {
           name: "autoSync",
           label: e(l("popup.item.form.autoSync.label", "Read fields from related")),
@@ -2846,7 +2846,7 @@ const fo = s.object({
     ({ documentId: h }) => h === v.related
   ), I = y.find((h) => f?.[h]);
   return /* @__PURE__ */ n(S.Item, { alignItems: "flex-start", col: 12, children: /* @__PURE__ */ n(
-    E,
+    L,
     {
       name: u,
       label: o(l(`popup.item.form.${u}.label`, "Path")),
@@ -2962,7 +2962,7 @@ const fo = s.object({
 }, Gi = ({ additionalField: e }) => {
   const { canUpdate: t, isLoading: a, onChange: o, handleChange: i, renderError: r, values: d } = he();
   return /* @__PURE__ */ n(S.Item, { alignItems: "flex-start", s: 6, xs: 12, children: /* @__PURE__ */ n(
-    E,
+    L,
     {
       name: `additionalFields.${e.name}`,
       label: e.label,
@@ -2992,7 +2992,7 @@ const fo = s.object({
     [a]
   ), { isLoading: i, renderError: r, onChange: d, handleChange: c, values: m } = he();
   return /* @__PURE__ */ n(S.Item, { alignItems: "flex-start", col: 12, children: /* @__PURE__ */ n(
-    E,
+    L,
     {
       name: "audience",
       label: e(l("popup.item.form.audience.label")),
@@ -3039,7 +3039,7 @@ const fo = s.object({
       label: y
     })),
     [e]
-  ), C = L(
+  ), C = $(
     async (y) => {
       y.preventDefault(), y.stopPropagation();
       const f = p.data?.find(({ locale: I }) => I === d);
@@ -3052,11 +3052,11 @@ const fo = s.object({
         {
           onSuccess(I) {
             m.reset();
-            const { type: h, externalPath: T, path: $, related: z, title: k, uiRouterKey: F } = I;
+            const { type: h, externalPath: T, path: E, related: z, title: k, uiRouterKey: F } = I;
             i({
               type: h,
               externalPath: T,
-              path: $,
+              path: E,
               title: k,
               uiRouterKey: F,
               related: z
@@ -3074,7 +3074,7 @@ const fo = s.object({
     /* @__PURE__ */ n(tt, { marginTop: 5, marginBottom: 5 }),
     /* @__PURE__ */ w(S.Root, { gap: 5, children: [
       /* @__PURE__ */ n(S.Item, { alignItems: "flex-start", col: 6, lg: 12, children: /* @__PURE__ */ n(
-        E,
+        L,
         {
           name: "i18n.locale",
           label: r(
@@ -3171,7 +3171,7 @@ const fo = s.object({
   }, [a, c.data, e]), V(() => {
     a === "" && v("relatedType", c.data?.defaultContentType);
   }, [c.data?.defaultContentType, b.type, a]), /* @__PURE__ */ n(S.Item, { alignItems: "flex-start", m: a && !o ? 6 : 12, xs: 12, children: /* @__PURE__ */ n(
-    E,
+    L,
     {
       name: "relatedType",
       label: d(l("popup.item.form.relatedType.label", "Related Type")),
@@ -3243,7 +3243,7 @@ const fo = s.object({
     (y) => y.label
   ), C = Y(b);
   return tr(o, t, i), !o.relatedType || a ? null : /* @__PURE__ */ n(S.Item, { alignItems: "flex-start", m: 6, xs: 12, children: /* @__PURE__ */ n(
-    E,
+    L,
     {
       name: "related",
       label: r(l("popup.item.form.related.label", "Related")),
@@ -3278,7 +3278,7 @@ const fo = s.object({
 }) => {
   const { formatMessage: p } = A(), [u, v] = N(t), { canUpdate: b } = c, [C, y] = N(!1), f = ne(), I = f.data?.contentTypes ?? [], { toggleNotification: h } = Oe(), {
     formValue: T,
-    renderError: $,
+    renderError: E,
     setFormError: z,
     handleChange: k,
     setFormValue: F,
@@ -3292,7 +3292,7 @@ const fo = s.object({
     const Z = re(R), {
       success: se,
       data: U,
-      error: $e
+      error: Ee
     } = Pi({
       isSingleSelected: C,
       additionalFields: f.data?.additionalFields ?? ar
@@ -3326,13 +3326,13 @@ const fo = s.object({
           uiRouterKey: ve
         }
       );
-    } else $e && z(
-      $e.issues.reduce((Ie, ve) => ({
+    } else Ee && z(
+      Ee.issues.reduce((Ie, ve) => ({
         ...Ie,
         [ve.path.join(".")]: ve.message
       }), {})
     );
-  }, pe = Mi(), Re = L(
+  }, pe = Mi(), Re = $(
     (G, R, Z) => {
       let se;
       if (Z) {
@@ -3342,7 +3342,7 @@ const fo = s.object({
           return I.find((U) => U.uid === R)?.contentTypeName;
       } else
         se = {
-          ...ee.data?.find(({ documentId: $e }) => $e === G) || {
+          ...ee.data?.find(({ documentId: Ee }) => Ee === G) || {
             documentId: null
           },
           __collectionUid: R
@@ -3366,7 +3366,7 @@ const fo = s.object({
           values: G,
           onChange: R,
           handleChange: k,
-          renderError: $,
+          renderError: E,
           setFormValueItem: M,
           canUpdate: b,
           isLoading: u
@@ -3522,14 +3522,14 @@ const fo = s.object({
       index: ft
     }));
   }, [o, r]);
-  const y = L((h) => {
+  const y = $((h) => {
     h.code.toLowerCase() === "enter" && m((T) => T + 1);
-  }, []), f = L(
+  }, []), f = $(
     (h) => {
       i(h.target.value);
     },
     [i]
-  ), I = L(() => {
+  ), I = $(() => {
     i(""), v(!1);
   }, [i, v]);
   return u ? /* @__PURE__ */ w("div", { ref: b, style: { width: "100%" }, children: [
@@ -3568,17 +3568,17 @@ const fo = s.object({
   canUpdate: a,
   addNewNavigationItem: o
 }) => {
-  const { formatMessage: i } = A(), r = L(() => {
+  const { formatMessage: i } = A(), r = $(() => {
     e && t({
       ...e,
       items: e.items.map((p) => ke(p, !1))
     });
-  }, [t, e, ke]), d = L(() => {
+  }, [t, e, ke]), d = $(() => {
     e && t({
       ...e,
       items: e.items.map((p) => ke(p, !0))
     });
-  }, [t, e, ke]), c = L(
+  }, [t, e, ke]), c = $(
     (p) => {
       const u = (e?.items ?? []).reduce(
         (v, { order: b }) => Math.max(v, b),
@@ -3636,8 +3636,8 @@ const fo = s.object({
     i18nCopySourceLocale: v,
     setI18nCopyModalOpened: b,
     setI18nCopySourceLocale: C
-  } = Lo(
-    L(
+  } = $o(
+    $(
       (f) => {
         const I = o.find(
           ({ locale: h, documentId: T }) => h === f && T === i?.documentId
@@ -3660,7 +3660,7 @@ const fo = s.object({
       },
       [i]
     )
-  ), y = L(() => {
+  ), y = $(() => {
     v && b(!0);
   }, [b, v]);
   return /* @__PURE__ */ w(P, { direction: "column", minHeight: "400px", justifyContent: "center", children: [
@@ -3669,7 +3669,7 @@ const fo = s.object({
       K,
       {
         variant: "secondary",
-        startIcon: /* @__PURE__ */ n($a, {}),
+        startIcon: /* @__PURE__ */ n(Ea, {}),
         label: c(l("empty.cta")),
         onClick: t,
         children: c(l("empty.cta"))
@@ -3708,7 +3708,7 @@ const fo = s.object({
     isChangeLanguageVisible: I,
     changeCurrentLocaleAction: h,
     availableLocales: T
-  } = ko(t.data, u), { searchValue: $, setSearchValue: z, isSearchEmpty: k, filteredList: F } = Do(c), {
+  } = ko(t.data, u), { searchValue: E, setSearchValue: z, isSearchEmpty: k, filteredList: F } = Do(c), {
     activeNavigationItem: M,
     addNewNavigationItem: _,
     editNavigationItem: re,
@@ -3789,7 +3789,7 @@ const fo = s.object({
         /* @__PURE__ */ n(
           ui,
           {
-            startActions: /* @__PURE__ */ n(sr, { value: $, setValue: z }),
+            startActions: /* @__PURE__ */ n(sr, { value: E, setValue: z }),
             endActions: /* @__PURE__ */ n(
               dr,
               {
@@ -3868,7 +3868,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
 }, yr = (e = "") => {
   const t = (r) => r.split("-").map((d) => sn(d)).join(""), [a, o, i] = br(e);
   return a === "api" ? t(i) : `${t(o)}${t(i)}`;
-}, br = (e = "") => e.split(hr).filter((t) => t && t.length > 0), Jt = "SERVER OFFLINE", $n = (e, t) => new Promise((a) => {
+}, br = (e = "") => e.split(hr).filter((t) => t && t.length > 0), Jt = "SERVER OFFLINE", En = (e, t) => new Promise((a) => {
   fetch(`${window.strapi.backendURL}/_health`, {
     method: "HEAD",
     mode: "no-cors",
@@ -3883,11 +3883,11 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
       throw new Error(Jt);
     a(e);
   }).catch((o) => {
-    setTimeout(() => $n(e, o.message !== Jt).then(
+    setTimeout(() => En(e, o.message !== Jt).then(
       a
     ), 100);
   });
-}), Et = () => {
+}), Lt = () => {
   const e = j(), t = B(e);
   return xe({
     queryKey: t.readSettingsConfigIndex(),
@@ -3896,7 +3896,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
     },
     staleTime: 1e3 * 60 * 5
   });
-}, En = () => {
+}, Ln = () => {
   const e = j(), t = B(e), a = xe({
     queryKey: t.healthCheckIndex(),
     queryFn: () => t.healthCheck(),
@@ -3907,7 +3907,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
   return ge({
     mutationFn: () => t.restart().then(() => a.refetch())
   });
-}, Ln = () => {
+}, $n = () => {
   const e = j(), t = B(e);
   return ge({
     mutationFn: () => t.restoreConfig()
@@ -3984,7 +3984,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
   renderError: () => "",
   setFormValueItem: () => null
 }), Ne = () => an(Pn), Tr = ({ hasSettingsReadPermissions: e }) => {
-  const { formatMessage: t } = A(), a = Ln(), { setRestartStatus: o } = Ne(), [i, r] = N(!1), d = async (c) => {
+  const { formatMessage: t } = A(), a = $n(), { setRestartStatus: o } = Ne(), [i, r] = N(!1), d = async (c) => {
     r(!1), c && (a.mutate(), o({ required: !0 }));
   };
   return /* @__PURE__ */ n(D, { ...Je, width: "100%", children: /* @__PURE__ */ w(P, { direction: "column", alignItems: "flex-start", gap: 2, children: [
@@ -4009,7 +4009,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
             labelConfirm: t(
               l("pages.settings.actions.restore.confirmation.confirm")
             ),
-            iconConfirm: /* @__PURE__ */ n(Ea, {}),
+            iconConfirm: /* @__PURE__ */ n(La, {}),
             onConfirm: () => d(!0),
             onCancel: () => d(!1),
             children: t(l("pages.settings.actions.restore.confirmation.description"))
@@ -4023,10 +4023,10 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
     flex-direction: column;
   }
 `, Sr = ({ setIsReloading: e }) => {
-  const { formatMessage: t } = A(), a = En(), { restartStatus: o, setRestartStatus: i } = Ne(), r = async () => {
+  const { formatMessage: t } = A(), a = Ln(), { restartStatus: o, setRestartStatus: i } = Ne(), r = async () => {
     a.mutate(void 0, {
       onSuccess() {
-        e(!0), $n(!0).then((c) => {
+        e(!0), En(!0).then((c) => {
           c && window.location.reload();
         });
       },
@@ -4040,7 +4040,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
     {
       closeLabel: t(l("pages.settings.actions.restart.alert.cancel")),
       title: t(l("pages.settings.actions.restart.alert.title")),
-      action: /* @__PURE__ */ n(D, { children: /* @__PURE__ */ n(K, { onClick: r, startIcon: /* @__PURE__ */ n(La, {}), children: t(l("pages.settings.actions.restart.label")) }) }),
+      action: /* @__PURE__ */ n(D, { children: /* @__PURE__ */ n(K, { onClick: r, startIcon: /* @__PURE__ */ n($a, {}), children: t(l("pages.settings.actions.restart.label")) }) }),
       onClose: d,
       children: /* @__PURE__ */ w(ie, { children: [
         /* @__PURE__ */ n(D, { paddingBottom: 1, children: t(l("pages.settings.actions.restart.alert.description")) }),
@@ -4058,12 +4058,12 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
     }
   ) }) : null;
 }, Fr = () => {
-  const e = Et(), { formatMessage: t } = A(), { values: a, onChange: o, handleChange: i, restartStatus: r } = Ne();
+  const e = Lt(), { formatMessage: t } = A(), { values: a, onChange: o, handleChange: i, restartStatus: r } = Ne();
   return /* @__PURE__ */ n(D, { ...Je, width: "100%", children: /* @__PURE__ */ w(P, { direction: "column", alignItems: "flex-start", gap: 2, children: [
     /* @__PURE__ */ n(x, { variant: "delta", as: "h2", children: t(l("pages.settings.additional.title")) }),
     /* @__PURE__ */ w(S.Root, { gap: 4, width: "100%", children: [
       /* @__PURE__ */ n(S.Item, { col: 4, s: 12, xs: 12, children: /* @__PURE__ */ n(D, { width: "100%", children: /* @__PURE__ */ n(
-        E,
+        L,
         {
           name: "allowedLevels",
           label: t(l("pages.settings.form.allowedLevels.label")),
@@ -4095,7 +4095,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
         }
       ) }) }),
       /* @__PURE__ */ n(S.Item, { col: 4, s: 12, xs: 12, children: /* @__PURE__ */ n(
-        E,
+        L,
         {
           name: "cascadeMenuAttached",
           label: t(l("pages.settings.form.cascadeMenuAttached.label")),
@@ -4115,7 +4115,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
         }
       ) }),
       /* @__PURE__ */ n(S.Item, { col: 4, s: 12, xs: 12, children: /* @__PURE__ */ n(
-        E,
+        L,
         {
           name: "audienceFieldChecked",
           label: t(l("pages.settings.form.audience.label")),
@@ -4135,7 +4135,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
         }
       ) }),
       e.data?.isCachePluginEnabled && /* @__PURE__ */ n(S.Item, { col: 12, s: 12, xs: 12, children: /* @__PURE__ */ n(
-        E,
+        L,
         {
           name: "isCacheEnabled",
           label: t(l("pages.settings.form.cache.label")),
@@ -4159,7 +4159,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
 }, Ar = () => {
   const { formatMessage: e } = A(), { values: t, onChange: a, handleChange: o, restartStatus: i } = Ne();
   return /* @__PURE__ */ n(S.Item, { col: 4, s: 12, xs: 12, children: /* @__PURE__ */ n(
-    E,
+    L,
     {
       name: "preferCustomContentTypes",
       label: e(l("pages.settings.form.preferCustomContentTypes.label")),
@@ -4179,7 +4179,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
     }
   ) });
 }, xr = () => {
-  const e = Et(), t = dt(), { formatMessage: a } = A(), { values: o, onChange: i, handleChange: r, restartStatus: d, setFormValueItem: c, renderError: m } = Ne(), { contentTypes: p, preferCustomContentTypes: u } = o, v = Xe(
+  const e = Lt(), t = dt(), { formatMessage: a } = A(), { values: o, onChange: i, handleChange: r, restartStatus: d, setFormValueItem: c, renderError: m } = Ne(), { contentTypes: p, preferCustomContentTypes: u } = o, v = Xe(
     Object.values(t.data ?? []).filter(
       ({ uid: b }) => fr(b, {
         allowedContentTypes: e.data?.allowedContentTypes,
@@ -4202,7 +4202,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
     (b) => b.info.displayName
   );
   return /* @__PURE__ */ n(S.Item, { col: 4, s: 12, xs: 12, children: /* @__PURE__ */ n(
-    E,
+    L,
     {
       name: "contentTypes",
       label: a(l("pages.settings.form.contentTypes.label")),
@@ -4222,7 +4222,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
               contentTypesPopulate: y = [],
               pathDefaultFields: f = []
             } = o, I = b.filter(
-              (T) => !C.find(($) => $.key === T)
+              (T) => !C.find((E) => E.key === T)
             ) ?? [], h = C.filter(
               (T) => !b.includes(T.key) || T.key === "default"
             ).map(({ key: T }) => T) ?? [];
@@ -4262,7 +4262,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
   return V(() => {
     a.defaultContentType && (a.contentTypes.includes(a.defaultContentType) || i("defaultContentType", void 0, o));
   }, [a.contentTypes]), /* @__PURE__ */ n(S.Item, { col: 4, s: 12, xs: 12, children: /* @__PURE__ */ n(
-    E,
+    L,
     {
       name: "defaultContentType",
       label: t(l("pages.settings.form.defaultContentType.label")),
@@ -4286,7 +4286,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
       )
     }
   ) });
-}, Rr = ["relation", "media", "component", "dynamiczone"], $r = () => {
+}, Rr = ["relation", "media", "component", "dynamiczone"], Er = () => {
   const e = dt(), { formatMessage: t } = A(), { values: a, onChange: o, handleChange: i, restartStatus: r, renderError: d } = Ne(), {
     contentTypes: c,
     contentTypesNameFields: m
@@ -4299,7 +4299,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
       /* @__PURE__ */ n(Ue.Header, { children: /* @__PURE__ */ n(Ue.Trigger, { children: v?.info.displayName ?? t(l("pages.settings.form.nameField.default")) }) }),
       /* @__PURE__ */ n(Ue.Content, { children: /* @__PURE__ */ w(S.Root, { gap: 4, padding: 2, children: [
         /* @__PURE__ */ n(S.Item, { col: 12, s: 12, xs: 12, children: /* @__PURE__ */ n(
-          E,
+          L,
           {
             name: `contentTypesNameFields[${u}]`,
             label: t(l("pages.settings.form.nameField.label")),
@@ -4334,7 +4334,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
           }
         ) }),
         /* @__PURE__ */ n(S.Item, { col: 12, s: 12, xs: 12, children: /* @__PURE__ */ n(
-          E,
+          L,
           {
             name: `contentTypesPopulate[${u - 1}]`,
             label: t(l("pages.settings.form.populate.label")),
@@ -4370,7 +4370,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
           }
         ) }),
         /* @__PURE__ */ n(S.Item, { col: 12, s: 12, xs: 12, children: /* @__PURE__ */ n(
-          E,
+          L,
           {
             name: `pathDefaultFields[${u - 1}]`,
             label: t(
@@ -4408,7 +4408,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
       ] }) })
     ] }, p.key) : null;
   }) }) : null });
-}, Er = () => {
+}, Lr = () => {
   const { formatMessage: e } = A();
   return /* @__PURE__ */ n(D, { ...Je, width: "100%", children: /* @__PURE__ */ w(P, { direction: "column", alignItems: "flex-start", gap: 2, children: [
     /* @__PURE__ */ n(x, { variant: "delta", as: "h2", children: e(l("pages.settings.general.title")) }),
@@ -4416,23 +4416,23 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
       /* @__PURE__ */ n(Ar, {}),
       /* @__PURE__ */ n(xr, {}),
       /* @__PURE__ */ n(Nr, {}),
-      /* @__PURE__ */ n($r, {})
+      /* @__PURE__ */ n(Er, {})
     ] }) }) })
   ] }) });
-}, Yt = /* @__PURE__ */ n(ka, {}), Lr = /* @__PURE__ */ n(wt, {}), ae = "pages.settings.form.customFields.table.", Pr = ({
+}, Yt = /* @__PURE__ */ n(ka, {}), $r = /* @__PURE__ */ n(wt, {}), ae = "pages.settings.form.customFields.table.", Pr = ({
   data: e = [],
   onOpenModal: t,
   onRemoveCustomField: a,
   onToggleCustomField: o
 }) => {
-  const [i, r] = N(!1), [d, c] = N(null), { toggleNotification: m } = Oe(), p = X(() => Xe(e, "name"), [e]), { formatMessage: u } = A(), v = L(
+  const [i, r] = N(!1), [d, c] = N(null), { toggleNotification: m } = Oe(), p = X(() => Xe(e, "name"), [e]), { formatMessage: u } = A(), v = $(
     (y) => {
       c(y), r(!0);
     },
     [c, r]
-  ), b = L(() => {
+  ), b = $(() => {
     c(null), r(!1);
-  }, [c, r]), C = L(() => {
+  }, [c, r]), C = $(() => {
     d === null ? m({
       type: "warning",
       message: u(l(`${ae}confirmation.error`))
@@ -4464,7 +4464,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
             onClick: (y) => {
               y.preventDefault(), t(null);
             },
-            icon: Lr,
+            icon: $r,
             children: u(l(`${ae}footer`))
           }
         ),
@@ -4530,7 +4530,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
   ] });
 }, Mr = ({ onChange: e, initialValue: t, ...a }) => {
   const [o, i] = N(
-    aa(t) ? t.reduce((d, c) => `${d}${c}; `, "") : ""
+    aa(t) ? t.join(";") : ""
   );
   return /* @__PURE__ */ n(we, { ...a, onChange: (d) => {
     const c = d?.target.value ?? "", m = c.split(";").map((p) => p.trim()).filter((p) => !!p.length);
@@ -4554,14 +4554,18 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
   onSubmit: a,
   onClose: o
 }) => {
-  const i = kr(Cr), { formatMessage: r } = A(), [d, c] = N({
-    name: "",
-    label: "",
-    type: "string",
-    required: !1,
-    multi: !1,
-    enabled: !0
-  }), [m, p] = N(), { type: u } = d;
+  const i = kr(Cr), { formatMessage: r } = A(), [d, c] = N(
+    t ? {
+      ...t
+    } : {
+      name: "",
+      label: "",
+      type: "string",
+      required: !1,
+      multi: !1,
+      enabled: !0
+    }
+  ), [m, p] = N(), { type: u } = d;
   V(() => {
     t && c({
       ...t
@@ -4569,12 +4573,12 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
   }, [t]);
   const v = (f, I, h) => {
     if (h) {
-      let T = f, $ = I;
+      let T = f, E = I;
       if (He(f)) {
         const { name: z, value: k } = f.target;
-        T = z, $ = Be($) ? k : $;
+        T = z, E = Be(E) ? k : E;
       }
-      return ot(T) && b(T, $), h(f, $);
+      return ot(T) && b(T, E), h(f, E);
     }
   }, b = (f, I) => {
     c(
@@ -4591,9 +4595,9 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
     if (I)
       return r(l(`${O}${f}.${I}`));
   }, y = (f, I) => {
-    const { success: h, data: T, error: $ } = fn.safeParse(I);
-    h ? a(T) : $ && p(
-      $.issues.reduce((z, k) => ({
+    const { success: h, data: T, error: E } = fn.safeParse(I);
+    h ? a(T) : E && p(
+      E.issues.reduce((z, k) => ({
         ...z,
         [k.path.join(".")]: k.message
       }), {})
@@ -4602,7 +4606,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
   return /* @__PURE__ */ w(ie, { children: [
     /* @__PURE__ */ n(H.Body, { children: /* @__PURE__ */ n(at, { method: "POST", width: "auto", height: "auto", initialValues: d, children: ({ values: f, onChange: I }) => /* @__PURE__ */ w(S.Root, { gap: 5, children: [
       /* @__PURE__ */ n(S.Item, { col: 12, children: /* @__PURE__ */ n(
-        E,
+        L,
         {
           name: "name",
           label: r(l(`${O}name.label`)),
@@ -4624,7 +4628,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
         }
       ) }, "name"),
       /* @__PURE__ */ n(S.Item, { col: 12, children: /* @__PURE__ */ n(
-        E,
+        L,
         {
           name: "label",
           label: r(l(`${O}label.label`)),
@@ -4645,7 +4649,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
         }
       ) }, "label"),
       /* @__PURE__ */ n(S.Item, { col: 12, children: /* @__PURE__ */ n(
-        E,
+        L,
         {
           name: "description",
           label: r(l(`${O}description.label`)),
@@ -4665,7 +4669,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
         }
       ) }, "description"),
       /* @__PURE__ */ n(S.Item, { col: 12, children: /* @__PURE__ */ n(
-        E,
+        L,
         {
           name: "placeholder",
           label: r(l(`${O}placeholder.label`)),
@@ -4685,7 +4689,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
         }
       ) }, "placeholder"),
       /* @__PURE__ */ n(S.Item, { col: 12, children: /* @__PURE__ */ n(
-        E,
+        L,
         {
           name: "type",
           label: r(l(`${O}type.label`)),
@@ -4699,14 +4703,14 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
               onChange: (h) => v("type", h, I),
               disabled: e,
               width: "100%",
-              children: i.map(({ key: h, label: T, value: $ }) => /* @__PURE__ */ n(Ae, { value: $, children: T }, h))
+              children: i.map(({ key: h, label: T, value: E }) => /* @__PURE__ */ n(Ae, { value: E, children: T }, h))
             }
           )
         }
       ) }, "type"),
       u === "select" && /* @__PURE__ */ w(ie, { children: [
         /* @__PURE__ */ n(S.Item, { col: 12, children: /* @__PURE__ */ n(
-          E,
+          L,
           {
             name: "multi",
             label: r(l(`${O}multi.label`)),
@@ -4726,7 +4730,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
           }
         ) }, "multi"),
         /* @__PURE__ */ n(S.Item, { col: 12, children: /* @__PURE__ */ n(
-          E,
+          L,
           {
             name: "options",
             label: r(l(`${O}options.label`)),
@@ -4744,7 +4748,7 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
         ) }, "options")
       ] }),
       /* @__PURE__ */ n(S.Item, { col: 12, children: /* @__PURE__ */ n(
-        E,
+        L,
         {
           name: "required",
           label: r(l(`${O}required.label`)),
@@ -4876,16 +4880,16 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
     fields: g.string().array()
   }).array()
 }), en = new rn(), Br = () => {
-  const e = Et(), t = dt(), a = Ir(), o = Ln(), i = En(), { formatMessage: r } = A(), [d, c] = N({ required: !1 }), [m, p] = N(!1), u = Wn("SettingsPage", (F) => F.permissions), v = X(() => !!u.find(({ action: F }) => F === Ee.settings[0].action), [u]), b = X(() => !!u.find(({ action: F }) => F === Ee.access[0].action), [u]), C = e.isPending || t.isPending || a.isPending || i.isPending || o.isPending, [y, f] = N({}), [I, h] = N(), T = (F, M, _) => {
+  const e = Lt(), t = dt(), a = Ir(), o = $n(), i = Ln(), { formatMessage: r } = A(), [d, c] = N({ required: !1 }), [m, p] = N(!1), u = Wn("SettingsPage", (F) => F.permissions), v = X(() => !!u.find(({ action: F }) => F === Le.settings[0].action), [u]), b = X(() => !!u.find(({ action: F }) => F === Le.access[0].action), [u]), C = e.isPending || t.isPending || a.isPending || i.isPending || o.isPending, [y, f] = N({}), [I, h] = N(), T = (F, M, _) => {
     if (_) {
       let re = F, Q = M;
       if (He(F)) {
         const { name: le, value: fe } = F.target;
         re = le, Q = Be(Q) ? fe : Q;
       }
-      return ot(re) && $(re, Q), _(F, Q);
+      return ot(re) && E(re, Q), _(F, Q);
     }
-  }, $ = (F, M) => {
+  }, E = (F, M) => {
     f(
       (_) => it(
         {
@@ -4939,11 +4943,11 @@ const gr = () => /* @__PURE__ */ n(Gn, { backend: Zn, children: /* @__PURE__ */
           restartStatus: d,
           setRestartStatus: c,
           renderError: z,
-          setFormValueItem: $
+          setFormValueItem: E
         },
         children: /* @__PURE__ */ w(P, { direction: "column", gap: 4, children: [
           /* @__PURE__ */ n(Sr, { setIsReloading: p }),
-          /* @__PURE__ */ n(Er, {}),
+          /* @__PURE__ */ n(Lr, {}),
           /* @__PURE__ */ n(Fr, {}),
           /* @__PURE__ */ n(Vr, {}),
           /* @__PURE__ */ n(Tr, { hasSettingsReadPermissions: b })
@@ -4978,7 +4982,7 @@ const zr = "navigation", tn = "Navigation", il = {
           Component() {
             return Or;
           },
-          permissions: Ee.settings
+          permissions: Le.settings
         }
       ]
     ), e.addMenuLink({
@@ -4991,7 +4995,7 @@ const zr = "navigation", tn = "Navigation", il = {
       Component() {
         return gr;
       },
-      permissions: Ee.access,
+      permissions: Le.access,
       position: 1
     }), e.registerPlugin({
       id: de,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "strapi-plugin-navigation",
-  "version": "3.3.1",
+  "version": "3.3.3-beta.1",
   "description": "Strapi - Navigation plugin",
   "strapi": {
     "name": "navigation",
@@ -45,7 +45,7 @@
     }
   ],
   "dependencies": {
-    "@sensinum/strapi-utils": "^1.0.10",
+    "@sensinum/strapi-utils": "^1.0.11",
     "@sindresorhus/slugify": "1.1.0",
     "@tanstack/react-query": "^5.40.0",
     "pluralize": "8.0.0",