@strapi/admin 5.49.0 → 5.50.0

package/dist/admin/admin/src/pages/Settings/pages/Roles/EditPage.js

@@ -53,6 +53,7 @@ const EditPage = ()=>{
     const match = reactRouterDom.useMatch('/settings/roles/:id');
     const id = match?.params.id;
     const permissionsRef = React__namespace.useRef(null);
+    const [hasLocaleValidationErrors, setHasLocaleValidationErrors] = React__namespace.useState(false);
     const { trackUsage } = Tracking.useTracking();
     const { _unstableFormatAPIError: formatAPIError, _unstableFormatValidationErrors: formatValidationErrors } = useAPIErrorHandler.useAPIErrorHandler();
     const { isLoading: isLoadingPermissionsLayout, data: permissionsLayout } = users.useGetRolePermissionLayoutQuery({
@@ -81,6 +82,10 @@ const EditPage = ()=>{
         });
     }
     const handleEditRoleSubmit = async (data, formik)=>{
+        // Re-check via ref on submit: state may lag behind the latest matrix edits when save is clicked quickly
+        if (permissionsRef.current?.hasLocaleValidationErrors()) {
+            return;
+        }
         try {
             const { permissionsToSend, didUpdateConditions } = permissionsRef.current?.getPermissions() ?? {};
             const res = await updateRole({
@@ -166,7 +171,7 @@ const EditPage = ()=>{
                                 primaryAction: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
                                     type: "submit",
                                     startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Check, {}),
-                                    disabled: role.code === 'strapi-super-admin',
+                                    disabled: role.code === 'strapi-super-admin' || hasLocaleValidationErrors,
                                     loading: isSubmitting,
                                     fullWidth: true,
                                     children: formatMessage({
@@ -212,6 +217,7 @@ const EditPage = ()=>{
                                             hasRadius: true,
                                             children: /*#__PURE__*/ jsxRuntime.jsx(Permissions.Permissions, {
                                                 isFormDisabled: isFormDisabled,
+                                                onLocaleValidationChange: setHasLocaleValidationErrors,
                                                 permissions: permissions,
                                                 ref: permissionsRef,
                                                 layout: permissionsLayout

package/dist/admin/admin/src/pages/Settings/pages/Roles/EditPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditPage.js","sources":["../../../../../../../../admin/src/pages/Settings/pages/Roles/EditPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Button, Flex, Main } from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\nimport { Formik, FormikHelpers } from 'formik';\nimport { useIntl } from 'react-intl';\nimport { Navigate, useMatch } from 'react-router-dom';\nimport * as yup from 'yup';\n\nimport { Layouts } from '../../../../components/Layouts/Layout';\nimport { Page } from '../../../../components/PageHelpers';\nimport { useTypedSelector } from '../../../../core/store/hooks';\nimport { BackButton } from '../../../../features/BackButton';\nimport { useNotification } from '../../../../features/Notifications';\nimport { useTracking } from '../../../../features/Tracking';\nimport { useAdminRoles } from '../../../../hooks/useAdminRoles';\nimport { useAPIErrorHandler } from '../../../../hooks/useAPIErrorHandler';\nimport {\n  useGetRolePermissionLayoutQuery,\n  useGetRolePermissionsQuery,\n  useUpdateRoleMutation,\n  useUpdateRolePermissionsMutation,\n} from '../../../../services/users';\nimport { isBaseQueryError } from '../../../../utils/baseQuery';\nimport { translatedErrors } from '../../../../utils/translatedErrors';\n\nimport { Permissions, PermissionsAPI } from './components/Permissions';\nimport { RoleForm } from './components/RoleForm';\n\nconst EDIT_ROLE_SCHEMA = yup.object().shape({\n  name: yup.string().required(translatedErrors.required.id),\n  description: yup.string().optional(),\n});\n\n/**\n * TODO: be nice if we could just infer this from the schema\n */\ninterface EditRoleFormValues {\n  name: string;\n  description: string;\n}\n\nconst EditPage = () => {\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const match = useMatch('/settings/roles/:id');\n  const id = match?.params.id;\n  const permissionsRef = React.useRef<PermissionsAPI>(null);\n  const { trackUsage } = useTracking();\n  const {\n    _unstableFormatAPIError: formatAPIError,\n    _unstableFormatValidationErrors: formatValidationErrors,\n  } = useAPIErrorHandler();\n\n  const { isLoading: isLoadingPermissionsLayout, data: permissionsLayout } =\n    useGetRolePermissionLayoutQuery({\n      /**\n       * Role here is a query param so if there's no role we pass an empty string\n       * which returns us a default layout.\n       */\n      role: id ?? '',\n    });\n\n  const {\n    roles,\n    isLoading: isRoleLoading,\n    refetch: refetchRole,\n  } = useAdminRoles(\n    { id },\n    {\n      refetchOnMountOrArgChange: true,\n    }\n  );\n\n  const role = roles[0] ?? {};\n\n  const { data: permissions, isLoading: isLoadingPermissions } = useGetRolePermissionsQuery(\n    {\n      id: id!,\n    },\n    {\n      skip: !id,\n      refetchOnMountOrArgChange: true,\n    }\n  );\n\n  const [updateRole] = useUpdateRoleMutation();\n  const [updateRolePermissions] = useUpdateRolePermissionsMutation();\n\n  if (!id) {\n    return <Navigate to=\"/settings/roles\" />;\n  }\n\n  const handleEditRoleSubmit = async (\n    data: EditRoleFormValues,\n    formik: FormikHelpers<EditRoleFormValues>\n  ) => {\n    try {\n      const { permissionsToSend, didUpdateConditions } =\n        permissionsRef.current?.getPermissions() ?? {};\n\n      const res = await updateRole({\n        id,\n        ...data,\n      });\n\n      if ('error' in res) {\n        if (isBaseQueryError(res.error) && res.error.name === 'ValidationError') {\n          formik.setErrors(formatValidationErrors(res.error));\n        } else {\n          toggleNotification({\n            type: 'danger',\n            message: formatAPIError(res.error),\n          });\n        }\n\n        return;\n      }\n\n      if (role.code !== 'strapi-super-admin' && permissionsToSend) {\n        const updateRes = await updateRolePermissions({\n          id: res.data.id,\n          permissions: permissionsToSend,\n        });\n\n        if ('error' in updateRes) {\n          if (isBaseQueryError(updateRes.error) && updateRes.error.name === 'ValidationError') {\n            formik.setErrors(formatValidationErrors(updateRes.error));\n          } else {\n            toggleNotification({\n              type: 'danger',\n              message: formatAPIError(updateRes.error),\n            });\n          }\n\n          return;\n        }\n\n        if (didUpdateConditions) {\n          trackUsage('didUpdateConditions');\n        }\n      }\n\n      permissionsRef.current?.setFormAfterSubmit();\n\n      await refetchRole();\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({ id: 'notification.success.saved' }),\n      });\n    } catch (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\n      });\n    }\n  };\n\n  const isFormDisabled = !isRoleLoading && role.code === 'strapi-super-admin';\n\n  if (isLoadingPermissionsLayout || isRoleLoading || isLoadingPermissions || !permissionsLayout) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Main>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          {\n            name: 'Roles',\n          }\n        )}\n      </Page.Title>\n      <Formik\n        enableReinitialize\n        initialValues={\n          {\n            name: role.name ?? '',\n            description: role.description ?? '',\n          } satisfies EditRoleFormValues\n        }\n        onSubmit={handleEditRoleSubmit}\n        validationSchema={EDIT_ROLE_SCHEMA}\n        validateOnChange={false}\n      >\n        {({ handleSubmit, values, errors, handleChange, handleBlur, isSubmitting }) => (\n          <form onSubmit={handleSubmit}>\n            <Layouts.Header\n              primaryAction={\n                <Button\n                  type=\"submit\"\n                  startIcon={<Check />}\n                  disabled={role.code === 'strapi-super-admin'}\n                  loading={isSubmitting}\n                  fullWidth\n                >\n                  {formatMessage({\n                    id: 'global.save',\n                    defaultMessage: 'Save',\n                  })}\n                </Button>\n              }\n              title={formatMessage({\n                id: 'Settings.roles.edit.title',\n                defaultMessage: 'Edit a role',\n              })}\n              subtitle={formatMessage({\n                id: 'Settings.roles.create.description',\n                defaultMessage: 'Define the rights given to the role',\n              })}\n              navigationAction={\n                // The back link for mobile works differently; it is placed higher up in the DOM.\n                <Box display={{ initial: 'none', medium: 'block' }}>\n                  <BackButton fallback=\"../roles\" />\n                </Box>\n              }\n            />\n            <Layouts.Content>\n              <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n                <RoleForm\n                  disabled={isFormDisabled}\n                  errors={errors}\n                  values={values}\n                  onChange={handleChange}\n                  onBlur={handleBlur}\n                  role={role}\n                />\n                <Box shadow=\"filterShadow\" hasRadius>\n                  <Permissions\n                    isFormDisabled={isFormDisabled}\n                    permissions={permissions}\n                    ref={permissionsRef}\n                    layout={permissionsLayout}\n                  />\n                </Box>\n              </Flex>\n            </Layouts.Content>\n          </form>\n        )}\n      </Formik>\n    </Main>\n  );\n};\n\nconst ProtectedEditPage = () => {\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions.settings?.roles.update\n  );\n\n  return (\n    <Page.Protect permissions={permissions}>\n      <EditPage />\n    </Page.Protect>\n  );\n};\n\nexport { EditPage, ProtectedEditPage };\nexport type { EditRoleFormValues };\n"],"names":["EDIT_ROLE_SCHEMA","yup","object","shape","name","string","required","translatedErrors","id","description","optional","EditPage","toggleNotification","useNotification","formatMessage","useIntl","match","useMatch","params","permissionsRef","React","useRef","trackUsage","useTracking","_unstableFormatAPIError","formatAPIError","_unstableFormatValidationErrors","formatValidationErrors","useAPIErrorHandler","isLoading","isLoadingPermissionsLayout","data","permissionsLayout","useGetRolePermissionLayoutQuery","role","roles","isRoleLoading","refetch","refetchRole","useAdminRoles","refetchOnMountOrArgChange","permissions","isLoadingPermissions","useGetRolePermissionsQuery","skip","updateRole","useUpdateRoleMutation","updateRolePermissions","useUpdateRolePermissionsMutation","_jsx","Navigate","to","handleEditRoleSubmit","formik","permissionsToSend","didUpdateConditions","current","getPermissions","res","isBaseQueryError","error","setErrors","type","message","code","updateRes","setFormAfterSubmit","defaultMessage","isFormDisabled","Page","Loading","_jsxs","Main","Title","Formik","enableReinitialize","initialValues","onSubmit","validationSchema","validateOnChange","handleSubmit","values","errors","handleChange","handleBlur","isSubmitting","form","Layouts","Header","primaryAction","Button","startIcon","Check","disabled","loading","fullWidth","title","subtitle","navigationAction","Box","display","initial","medium","BackButton","fallback","Content","Flex","direction","alignItems","gap","RoleForm","onChange","onBlur","shadow","hasRadius","Permissions","ref","layout","ProtectedEditPage","useTypedSelector","state","admin_app","settings","update","Protect"],"mappings":"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"}
+{"version":3,"file":"EditPage.js","sources":["../../../../../../../../admin/src/pages/Settings/pages/Roles/EditPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Button, Flex, Main } from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\nimport { Formik, FormikHelpers } from 'formik';\nimport { useIntl } from 'react-intl';\nimport { Navigate, useMatch } from 'react-router-dom';\nimport * as yup from 'yup';\n\nimport { Layouts } from '../../../../components/Layouts/Layout';\nimport { Page } from '../../../../components/PageHelpers';\nimport { useTypedSelector } from '../../../../core/store/hooks';\nimport { BackButton } from '../../../../features/BackButton';\nimport { useNotification } from '../../../../features/Notifications';\nimport { useTracking } from '../../../../features/Tracking';\nimport { useAdminRoles } from '../../../../hooks/useAdminRoles';\nimport { useAPIErrorHandler } from '../../../../hooks/useAPIErrorHandler';\nimport {\n  useGetRolePermissionLayoutQuery,\n  useGetRolePermissionsQuery,\n  useUpdateRoleMutation,\n  useUpdateRolePermissionsMutation,\n} from '../../../../services/users';\nimport { isBaseQueryError } from '../../../../utils/baseQuery';\nimport { translatedErrors } from '../../../../utils/translatedErrors';\n\nimport { Permissions, PermissionsAPI } from './components/Permissions';\nimport { RoleForm } from './components/RoleForm';\n\nconst EDIT_ROLE_SCHEMA = yup.object().shape({\n  name: yup.string().required(translatedErrors.required.id),\n  description: yup.string().optional(),\n});\n\n/**\n * TODO: be nice if we could just infer this from the schema\n */\ninterface EditRoleFormValues {\n  name: string;\n  description: string;\n}\n\nconst EditPage = () => {\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const match = useMatch('/settings/roles/:id');\n  const id = match?.params.id;\n  const permissionsRef = React.useRef<PermissionsAPI>(null);\n  const [hasLocaleValidationErrors, setHasLocaleValidationErrors] = React.useState(false);\n  const { trackUsage } = useTracking();\n  const {\n    _unstableFormatAPIError: formatAPIError,\n    _unstableFormatValidationErrors: formatValidationErrors,\n  } = useAPIErrorHandler();\n\n  const { isLoading: isLoadingPermissionsLayout, data: permissionsLayout } =\n    useGetRolePermissionLayoutQuery({\n      /**\n       * Role here is a query param so if there's no role we pass an empty string\n       * which returns us a default layout.\n       */\n      role: id ?? '',\n    });\n\n  const {\n    roles,\n    isLoading: isRoleLoading,\n    refetch: refetchRole,\n  } = useAdminRoles(\n    { id },\n    {\n      refetchOnMountOrArgChange: true,\n    }\n  );\n\n  const role = roles[0] ?? {};\n\n  const { data: permissions, isLoading: isLoadingPermissions } = useGetRolePermissionsQuery(\n    {\n      id: id!,\n    },\n    {\n      skip: !id,\n      refetchOnMountOrArgChange: true,\n    }\n  );\n\n  const [updateRole] = useUpdateRoleMutation();\n  const [updateRolePermissions] = useUpdateRolePermissionsMutation();\n\n  if (!id) {\n    return <Navigate to=\"/settings/roles\" />;\n  }\n\n  const handleEditRoleSubmit = async (\n    data: EditRoleFormValues,\n    formik: FormikHelpers<EditRoleFormValues>\n  ) => {\n    // Re-check via ref on submit: state may lag behind the latest matrix edits when save is clicked quickly\n    if (permissionsRef.current?.hasLocaleValidationErrors()) {\n      return;\n    }\n\n    try {\n      const { permissionsToSend, didUpdateConditions } =\n        permissionsRef.current?.getPermissions() ?? {};\n\n      const res = await updateRole({\n        id,\n        ...data,\n      });\n\n      if ('error' in res) {\n        if (isBaseQueryError(res.error) && res.error.name === 'ValidationError') {\n          formik.setErrors(formatValidationErrors(res.error));\n        } else {\n          toggleNotification({\n            type: 'danger',\n            message: formatAPIError(res.error),\n          });\n        }\n\n        return;\n      }\n\n      if (role.code !== 'strapi-super-admin' && permissionsToSend) {\n        const updateRes = await updateRolePermissions({\n          id: res.data.id,\n          permissions: permissionsToSend,\n        });\n\n        if ('error' in updateRes) {\n          if (isBaseQueryError(updateRes.error) && updateRes.error.name === 'ValidationError') {\n            formik.setErrors(formatValidationErrors(updateRes.error));\n          } else {\n            toggleNotification({\n              type: 'danger',\n              message: formatAPIError(updateRes.error),\n            });\n          }\n\n          return;\n        }\n\n        if (didUpdateConditions) {\n          trackUsage('didUpdateConditions');\n        }\n      }\n\n      permissionsRef.current?.setFormAfterSubmit();\n\n      await refetchRole();\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({ id: 'notification.success.saved' }),\n      });\n    } catch (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\n      });\n    }\n  };\n\n  const isFormDisabled = !isRoleLoading && role.code === 'strapi-super-admin';\n\n  if (isLoadingPermissionsLayout || isRoleLoading || isLoadingPermissions || !permissionsLayout) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Main>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          {\n            name: 'Roles',\n          }\n        )}\n      </Page.Title>\n      <Formik\n        enableReinitialize\n        initialValues={\n          {\n            name: role.name ?? '',\n            description: role.description ?? '',\n          } satisfies EditRoleFormValues\n        }\n        onSubmit={handleEditRoleSubmit}\n        validationSchema={EDIT_ROLE_SCHEMA}\n        validateOnChange={false}\n      >\n        {({ handleSubmit, values, errors, handleChange, handleBlur, isSubmitting }) => (\n          <form onSubmit={handleSubmit}>\n            <Layouts.Header\n              primaryAction={\n                <Button\n                  type=\"submit\"\n                  startIcon={<Check />}\n                  disabled={role.code === 'strapi-super-admin' || hasLocaleValidationErrors}\n                  loading={isSubmitting}\n                  fullWidth\n                >\n                  {formatMessage({\n                    id: 'global.save',\n                    defaultMessage: 'Save',\n                  })}\n                </Button>\n              }\n              title={formatMessage({\n                id: 'Settings.roles.edit.title',\n                defaultMessage: 'Edit a role',\n              })}\n              subtitle={formatMessage({\n                id: 'Settings.roles.create.description',\n                defaultMessage: 'Define the rights given to the role',\n              })}\n              navigationAction={\n                // The back link for mobile works differently; it is placed higher up in the DOM.\n                <Box display={{ initial: 'none', medium: 'block' }}>\n                  <BackButton fallback=\"../roles\" />\n                </Box>\n              }\n            />\n            <Layouts.Content>\n              <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n                <RoleForm\n                  disabled={isFormDisabled}\n                  errors={errors}\n                  values={values}\n                  onChange={handleChange}\n                  onBlur={handleBlur}\n                  role={role}\n                />\n                <Box shadow=\"filterShadow\" hasRadius>\n                  <Permissions\n                    isFormDisabled={isFormDisabled}\n                    onLocaleValidationChange={setHasLocaleValidationErrors}\n                    permissions={permissions}\n                    ref={permissionsRef}\n                    layout={permissionsLayout}\n                  />\n                </Box>\n              </Flex>\n            </Layouts.Content>\n          </form>\n        )}\n      </Formik>\n    </Main>\n  );\n};\n\nconst ProtectedEditPage = () => {\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions.settings?.roles.update\n  );\n\n  return (\n    <Page.Protect permissions={permissions}>\n      <EditPage />\n    </Page.Protect>\n  );\n};\n\nexport { EditPage, ProtectedEditPage };\nexport type { EditRoleFormValues };\n"],"names":["EDIT_ROLE_SCHEMA","yup","object","shape","name","string","required","translatedErrors","id","description","optional","EditPage","toggleNotification","useNotification","formatMessage","useIntl","match","useMatch","params","permissionsRef","React","useRef","hasLocaleValidationErrors","setHasLocaleValidationErrors","useState","trackUsage","useTracking","_unstableFormatAPIError","formatAPIError","_unstableFormatValidationErrors","formatValidationErrors","useAPIErrorHandler","isLoading","isLoadingPermissionsLayout","data","permissionsLayout","useGetRolePermissionLayoutQuery","role","roles","isRoleLoading","refetch","refetchRole","useAdminRoles","refetchOnMountOrArgChange","permissions","isLoadingPermissions","useGetRolePermissionsQuery","skip","updateRole","useUpdateRoleMutation","updateRolePermissions","useUpdateRolePermissionsMutation","_jsx","Navigate","to","handleEditRoleSubmit","formik","current","permissionsToSend","didUpdateConditions","getPermissions","res","isBaseQueryError","error","setErrors","type","message","code","updateRes","setFormAfterSubmit","defaultMessage","isFormDisabled","Page","Loading","_jsxs","Main","Title","Formik","enableReinitialize","initialValues","onSubmit","validationSchema","validateOnChange","handleSubmit","values","errors","handleChange","handleBlur","isSubmitting","form","Layouts","Header","primaryAction","Button","startIcon","Check","disabled","loading","fullWidth","title","subtitle","navigationAction","Box","display","initial","medium","BackButton","fallback","Content","Flex","direction","alignItems","gap","RoleForm","onChange","onBlur","shadow","hasRadius","Permissions","onLocaleValidationChange","ref","layout","ProtectedEditPage","useTypedSelector","state","admin_app","settings","update","Protect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAMA,gBAAAA,GAAmBC,cAAAA,CAAIC,MAAM,EAAA,CAAGC,KAAK,CAAC;IAC1CC,IAAAA,EAAMH,cAAAA,CAAII,MAAM,EAAA,CAAGC,QAAQ,CAACC,iCAAAA,CAAiBD,QAAQ,CAACE,EAAE,CAAA;IACxDC,WAAAA,EAAaR,cAAAA,CAAII,MAAM,EAAA,CAAGK,QAAQ;AACpC,CAAA,CAAA;AAUA,MAAMC,QAAAA,GAAW,IAAA;IACf,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,6BAAAA,EAAAA;IAC/B,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQC,uBAAAA,CAAS,qBAAA,CAAA;IACvB,MAAMT,EAAAA,GAAKQ,OAAOE,MAAAA,CAAOV,EAAAA;IACzB,MAAMW,cAAAA,GAAiBC,gBAAAA,CAAMC,MAAM,CAAiB,IAAA,CAAA;AACpD,IAAA,MAAM,CAACC,yBAAAA,EAA2BC,4BAAAA,CAA6B,GAAGH,gBAAAA,CAAMI,QAAQ,CAAC,KAAA,CAAA;IACjF,MAAM,EAAEC,UAAU,EAAE,GAAGC,oBAAAA,EAAAA;AACvB,IAAA,MAAM,EACJC,uBAAAA,EAAyBC,cAAc,EACvCC,+BAAAA,EAAiCC,sBAAsB,EACxD,GAAGC,qCAAAA,EAAAA;IAEJ,MAAM,EAAEC,WAAWC,0BAA0B,EAAEC,MAAMC,iBAAiB,EAAE,GACtEC,qCAAAA,CAAgC;AAC9B;;;AAGC,UACDC,MAAM7B,EAAAA,IAAM;AACd,KAAA,CAAA;IAEF,MAAM,EACJ8B,KAAK,EACLN,SAAAA,EAAWO,aAAa,EACxBC,OAAAA,EAASC,WAAW,EACrB,GAAGC,2BAAAA,CACF;AAAElC,QAAAA;KAAG,EACL;QACEmC,yBAAAA,EAA2B;AAC7B,KAAA,CAAA;AAGF,IAAA,MAAMN,IAAAA,GAAOC,KAAK,CAAC,CAAA,CAAE,IAAI,EAAC;IAE1B,MAAM,EAAEJ,MAAMU,WAAW,EAAEZ,WAAWa,oBAAoB,EAAE,GAAGC,gCAAAA,CAC7D;QACEtC,EAAAA,EAAIA;KACN,EACA;AACEuC,QAAAA,IAAAA,EAAM,CAACvC,EAAAA;QACPmC,yBAAAA,EAA2B;AAC7B,KAAA,CAAA;IAGF,MAAM,CAACK,WAAW,GAAGC,2BAAAA,EAAAA;IACrB,MAAM,CAACC,sBAAsB,GAAGC,sCAAAA,EAAAA;AAEhC,IAAA,IAAI,CAAC3C,EAAAA,EAAI;AACP,QAAA,qBAAO4C,cAAA,CAACC,uBAAAA,EAAAA;YAASC,EAAAA,EAAG;;AACtB,IAAA;IAEA,MAAMC,oBAAAA,GAAuB,OAC3BrB,IAAAA,EACAsB,MAAAA,GAAAA;;QAGA,IAAIrC,cAAAA,CAAesC,OAAO,EAAEnC,yBAAAA,EAAAA,EAA6B;AACvD,YAAA;AACF,QAAA;QAEA,IAAI;YACF,MAAM,EAAEoC,iBAAiB,EAAEC,mBAAmB,EAAE,GAC9CxC,cAAAA,CAAesC,OAAO,EAAEG,cAAAA,EAAAA,IAAoB,EAAC;YAE/C,MAAMC,GAAAA,GAAM,MAAMb,UAAAA,CAAW;AAC3BxC,gBAAAA,EAAAA;AACA,gBAAA,GAAG0B;AACL,aAAA,CAAA;AAEA,YAAA,IAAI,WAAW2B,GAAAA,EAAK;gBAClB,IAAIC,0BAAAA,CAAiBD,IAAIE,KAAK,CAAA,IAAKF,IAAIE,KAAK,CAAC3D,IAAI,KAAK,iBAAA,EAAmB;AACvEoD,oBAAAA,MAAAA,CAAOQ,SAAS,CAAClC,sBAAAA,CAAuB+B,GAAAA,CAAIE,KAAK,CAAA,CAAA;gBACnD,CAAA,MAAO;oBACLnD,kBAAAA,CAAmB;wBACjBqD,IAAAA,EAAM,QAAA;wBACNC,OAAAA,EAAStC,cAAAA,CAAeiC,IAAIE,KAAK;AACnC,qBAAA,CAAA;AACF,gBAAA;AAEA,gBAAA;AACF,YAAA;AAEA,YAAA,IAAI1B,IAAAA,CAAK8B,IAAI,KAAK,oBAAA,IAAwBT,iBAAAA,EAAmB;gBAC3D,MAAMU,SAAAA,GAAY,MAAMlB,qBAAAA,CAAsB;oBAC5C1C,EAAAA,EAAIqD,GAAAA,CAAI3B,IAAI,CAAC1B,EAAE;oBACfoC,WAAAA,EAAac;AACf,iBAAA,CAAA;AAEA,gBAAA,IAAI,WAAWU,SAAAA,EAAW;oBACxB,IAAIN,0BAAAA,CAAiBM,UAAUL,KAAK,CAAA,IAAKK,UAAUL,KAAK,CAAC3D,IAAI,KAAK,iBAAA,EAAmB;AACnFoD,wBAAAA,MAAAA,CAAOQ,SAAS,CAAClC,sBAAAA,CAAuBsC,SAAAA,CAAUL,KAAK,CAAA,CAAA;oBACzD,CAAA,MAAO;wBACLnD,kBAAAA,CAAmB;4BACjBqD,IAAAA,EAAM,QAAA;4BACNC,OAAAA,EAAStC,cAAAA,CAAewC,UAAUL,KAAK;AACzC,yBAAA,CAAA;AACF,oBAAA;AAEA,oBAAA;AACF,gBAAA;AAEA,gBAAA,IAAIJ,mBAAAA,EAAqB;oBACvBlC,UAAAA,CAAW,qBAAA,CAAA;AACb,gBAAA;AACF,YAAA;AAEAN,YAAAA,cAAAA,CAAesC,OAAO,EAAEY,kBAAAA,EAAAA;YAExB,MAAM5B,WAAAA,EAAAA;YAEN7B,kBAAAA,CAAmB;gBACjBqD,IAAAA,EAAM,SAAA;AACNC,gBAAAA,OAAAA,EAASpD,aAAAA,CAAc;oBAAEN,EAAAA,EAAI;AAA6B,iBAAA;AAC5D,aAAA,CAAA;AACF,QAAA,CAAA,CAAE,OAAOuD,KAAAA,EAAO;YACdnD,kBAAAA,CAAmB;gBACjBqD,IAAAA,EAAM,QAAA;AACNC,gBAAAA,OAAAA,EAASpD,aAAAA,CAAc;oBAAEN,EAAAA,EAAI,oBAAA;oBAAsB8D,cAAAA,EAAgB;AAAoB,iBAAA;AACzF,aAAA,CAAA;AACF,QAAA;AACF,IAAA,CAAA;AAEA,IAAA,MAAMC,cAAAA,GAAiB,CAAChC,aAAAA,IAAiBF,IAAAA,CAAK8B,IAAI,KAAK,oBAAA;AAEvD,IAAA,IAAIlC,0BAAAA,IAA8BM,aAAAA,IAAiBM,oBAAAA,IAAwB,CAACV,iBAAAA,EAAmB;QAC7F,qBAAOiB,cAAA,CAACoB,iBAAKC,OAAO,EAAA,EAAA,CAAA;AACtB,IAAA;AAEA,IAAA,qBACEC,eAAA,CAACC,iBAAAA,EAAAA;;AACC,0BAAAvB,cAAA,CAACoB,iBAAKI,KAAK,EAAA;0BACR9D,aAAAA,CACC;oBAAEN,EAAAA,EAAI,oBAAA;oBAAsB8D,cAAAA,EAAgB;iBAAoB,EAChE;oBACElE,IAAAA,EAAM;AACR,iBAAA;;0BAGJgD,cAAA,CAACyB,aAAAA,EAAAA;gBACCC,kBAAkB,EAAA,IAAA;gBAClBC,aAAAA,EACE;oBACE3E,IAAAA,EAAMiC,IAAAA,CAAKjC,IAAI,IAAI,EAAA;oBACnBK,WAAAA,EAAa4B,IAAAA,CAAK5B,WAAW,IAAI;AACnC,iBAAA;gBAEFuE,QAAAA,EAAUzB,oBAAAA;gBACV0B,gBAAAA,EAAkBjF,gBAAAA;gBAClBkF,gBAAAA,EAAkB,KAAA;AAEjB,gBAAA,QAAA,EAAA,CAAC,EAAEC,YAAY,EAAEC,MAAM,EAAEC,MAAM,EAAEC,YAAY,EAAEC,UAAU,EAAEC,YAAY,EAAE,iBACxEd,eAAA,CAACe,MAAAA,EAAAA;wBAAKT,QAAAA,EAAUG,YAAAA;;AACd,0CAAA/B,cAAA,CAACsC,eAAQC,MAAM,EAAA;AACbC,gCAAAA,aAAAA,gBACExC,cAAA,CAACyC,mBAAAA,EAAAA;oCACC5B,IAAAA,EAAK,QAAA;AACL6B,oCAAAA,SAAAA,gBAAW1C,cAAA,CAAC2C,WAAAA,EAAAA,EAAAA,CAAAA;oCACZC,QAAAA,EAAU3D,IAAAA,CAAK8B,IAAI,KAAK,oBAAA,IAAwB7C,yBAAAA;oCAChD2E,OAAAA,EAAST,YAAAA;oCACTU,SAAS,EAAA,IAAA;8CAERpF,aAAAA,CAAc;wCACbN,EAAAA,EAAI,aAAA;wCACJ8D,cAAAA,EAAgB;AAClB,qCAAA;;AAGJ6B,gCAAAA,KAAAA,EAAOrF,aAAAA,CAAc;oCACnBN,EAAAA,EAAI,2BAAA;oCACJ8D,cAAAA,EAAgB;AAClB,iCAAA,CAAA;AACA8B,gCAAAA,QAAAA,EAAUtF,aAAAA,CAAc;oCACtBN,EAAAA,EAAI,mCAAA;oCACJ8D,cAAAA,EAAgB;AAClB,iCAAA,CAAA;AACA+B,gCAAAA,gBAAAA;8CAEEjD,cAAA,CAACkD,gBAAAA,EAAAA;oCAAIC,OAAAA,EAAS;wCAAEC,OAAAA,EAAS,MAAA;wCAAQC,MAAAA,EAAQ;AAAQ,qCAAA;AAC/C,oCAAA,QAAA,gBAAArD,cAAA,CAACsD,qBAAAA,EAAAA;wCAAWC,QAAAA,EAAS;;;;AAI3B,0CAAAvD,cAAA,CAACsC,eAAQkB,OAAO,EAAA;AACd,gCAAA,QAAA,gBAAAlC,eAAA,CAACmC,iBAAAA,EAAAA;oCAAKC,SAAAA,EAAU,QAAA;oCAASC,UAAAA,EAAW,SAAA;oCAAUC,GAAAA,EAAK,CAAA;;sDACjD5D,cAAA,CAAC6D,iBAAAA,EAAAA;4CACCjB,QAAAA,EAAUzB,cAAAA;4CACVc,MAAAA,EAAQA,MAAAA;4CACRD,MAAAA,EAAQA,MAAAA;4CACR8B,QAAAA,EAAU5B,YAAAA;4CACV6B,MAAAA,EAAQ5B,UAAAA;4CACRlD,IAAAA,EAAMA;;sDAERe,cAAA,CAACkD,gBAAAA,EAAAA;4CAAIc,MAAAA,EAAO,cAAA;4CAAeC,SAAS,EAAA,IAAA;AAClC,4CAAA,QAAA,gBAAAjE,cAAA,CAACkE,uBAAAA,EAAAA;gDACC/C,cAAAA,EAAgBA,cAAAA;gDAChBgD,wBAAAA,EAA0BhG,4BAAAA;gDAC1BqB,WAAAA,EAAaA,WAAAA;gDACb4E,GAAAA,EAAKrG,cAAAA;gDACLsG,MAAAA,EAAQtF;;;;;;;;;;;AAU5B;AAEA,MAAMuF,iBAAAA,GAAoB,IAAA;IACxB,MAAM9E,WAAAA,GAAc+E,sBAAAA,CAClB,CAACC,KAAAA,GAAUA,KAAAA,CAAMC,SAAS,CAACjF,WAAW,CAACkF,QAAQ,EAAExF,KAAAA,CAAMyF,MAAAA,CAAAA;IAGzD,qBACE3E,cAAA,CAACoB,iBAAKwD,OAAO,EAAA;QAACpF,WAAAA,EAAaA,WAAAA;AACzB,QAAA,QAAA,gBAAAQ,cAAA,CAACzC,QAAAA,EAAAA,EAAAA;;AAGP;;;;;"}

package/dist/admin/admin/src/pages/Settings/pages/Roles/EditPage.mjs

@@ -30,6 +30,7 @@ const EditPage = ()=>{
     const match = useMatch('/settings/roles/:id');
     const id = match?.params.id;
     const permissionsRef = React.useRef(null);
+    const [hasLocaleValidationErrors, setHasLocaleValidationErrors] = React.useState(false);
     const { trackUsage } = useTracking();
     const { _unstableFormatAPIError: formatAPIError, _unstableFormatValidationErrors: formatValidationErrors } = useAPIErrorHandler();
     const { isLoading: isLoadingPermissionsLayout, data: permissionsLayout } = useGetRolePermissionLayoutQuery({
@@ -58,6 +59,10 @@ const EditPage = ()=>{
         });
     }
     const handleEditRoleSubmit = async (data, formik)=>{
+        // Re-check via ref on submit: state may lag behind the latest matrix edits when save is clicked quickly
+        if (permissionsRef.current?.hasLocaleValidationErrors()) {
+            return;
+        }
         try {
             const { permissionsToSend, didUpdateConditions } = permissionsRef.current?.getPermissions() ?? {};
             const res = await updateRole({
@@ -143,7 +148,7 @@ const EditPage = ()=>{
                                 primaryAction: /*#__PURE__*/ jsx(Button, {
                                     type: "submit",
                                     startIcon: /*#__PURE__*/ jsx(Check, {}),
-                                    disabled: role.code === 'strapi-super-admin',
+                                    disabled: role.code === 'strapi-super-admin' || hasLocaleValidationErrors,
                                     loading: isSubmitting,
                                     fullWidth: true,
                                     children: formatMessage({
@@ -189,6 +194,7 @@ const EditPage = ()=>{
                                             hasRadius: true,
                                             children: /*#__PURE__*/ jsx(Permissions, {
                                                 isFormDisabled: isFormDisabled,
+                                                onLocaleValidationChange: setHasLocaleValidationErrors,
                                                 permissions: permissions,
                                                 ref: permissionsRef,
                                                 layout: permissionsLayout

package/dist/admin/admin/src/pages/Settings/pages/Roles/EditPage.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditPage.mjs","sources":["../../../../../../../../admin/src/pages/Settings/pages/Roles/EditPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Button, Flex, Main } from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\nimport { Formik, FormikHelpers } from 'formik';\nimport { useIntl } from 'react-intl';\nimport { Navigate, useMatch } from 'react-router-dom';\nimport * as yup from 'yup';\n\nimport { Layouts } from '../../../../components/Layouts/Layout';\nimport { Page } from '../../../../components/PageHelpers';\nimport { useTypedSelector } from '../../../../core/store/hooks';\nimport { BackButton } from '../../../../features/BackButton';\nimport { useNotification } from '../../../../features/Notifications';\nimport { useTracking } from '../../../../features/Tracking';\nimport { useAdminRoles } from '../../../../hooks/useAdminRoles';\nimport { useAPIErrorHandler } from '../../../../hooks/useAPIErrorHandler';\nimport {\n  useGetRolePermissionLayoutQuery,\n  useGetRolePermissionsQuery,\n  useUpdateRoleMutation,\n  useUpdateRolePermissionsMutation,\n} from '../../../../services/users';\nimport { isBaseQueryError } from '../../../../utils/baseQuery';\nimport { translatedErrors } from '../../../../utils/translatedErrors';\n\nimport { Permissions, PermissionsAPI } from './components/Permissions';\nimport { RoleForm } from './components/RoleForm';\n\nconst EDIT_ROLE_SCHEMA = yup.object().shape({\n  name: yup.string().required(translatedErrors.required.id),\n  description: yup.string().optional(),\n});\n\n/**\n * TODO: be nice if we could just infer this from the schema\n */\ninterface EditRoleFormValues {\n  name: string;\n  description: string;\n}\n\nconst EditPage = () => {\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const match = useMatch('/settings/roles/:id');\n  const id = match?.params.id;\n  const permissionsRef = React.useRef<PermissionsAPI>(null);\n  const { trackUsage } = useTracking();\n  const {\n    _unstableFormatAPIError: formatAPIError,\n    _unstableFormatValidationErrors: formatValidationErrors,\n  } = useAPIErrorHandler();\n\n  const { isLoading: isLoadingPermissionsLayout, data: permissionsLayout } =\n    useGetRolePermissionLayoutQuery({\n      /**\n       * Role here is a query param so if there's no role we pass an empty string\n       * which returns us a default layout.\n       */\n      role: id ?? '',\n    });\n\n  const {\n    roles,\n    isLoading: isRoleLoading,\n    refetch: refetchRole,\n  } = useAdminRoles(\n    { id },\n    {\n      refetchOnMountOrArgChange: true,\n    }\n  );\n\n  const role = roles[0] ?? {};\n\n  const { data: permissions, isLoading: isLoadingPermissions } = useGetRolePermissionsQuery(\n    {\n      id: id!,\n    },\n    {\n      skip: !id,\n      refetchOnMountOrArgChange: true,\n    }\n  );\n\n  const [updateRole] = useUpdateRoleMutation();\n  const [updateRolePermissions] = useUpdateRolePermissionsMutation();\n\n  if (!id) {\n    return <Navigate to=\"/settings/roles\" />;\n  }\n\n  const handleEditRoleSubmit = async (\n    data: EditRoleFormValues,\n    formik: FormikHelpers<EditRoleFormValues>\n  ) => {\n    try {\n      const { permissionsToSend, didUpdateConditions } =\n        permissionsRef.current?.getPermissions() ?? {};\n\n      const res = await updateRole({\n        id,\n        ...data,\n      });\n\n      if ('error' in res) {\n        if (isBaseQueryError(res.error) && res.error.name === 'ValidationError') {\n          formik.setErrors(formatValidationErrors(res.error));\n        } else {\n          toggleNotification({\n            type: 'danger',\n            message: formatAPIError(res.error),\n          });\n        }\n\n        return;\n      }\n\n      if (role.code !== 'strapi-super-admin' && permissionsToSend) {\n        const updateRes = await updateRolePermissions({\n          id: res.data.id,\n          permissions: permissionsToSend,\n        });\n\n        if ('error' in updateRes) {\n          if (isBaseQueryError(updateRes.error) && updateRes.error.name === 'ValidationError') {\n            formik.setErrors(formatValidationErrors(updateRes.error));\n          } else {\n            toggleNotification({\n              type: 'danger',\n              message: formatAPIError(updateRes.error),\n            });\n          }\n\n          return;\n        }\n\n        if (didUpdateConditions) {\n          trackUsage('didUpdateConditions');\n        }\n      }\n\n      permissionsRef.current?.setFormAfterSubmit();\n\n      await refetchRole();\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({ id: 'notification.success.saved' }),\n      });\n    } catch (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\n      });\n    }\n  };\n\n  const isFormDisabled = !isRoleLoading && role.code === 'strapi-super-admin';\n\n  if (isLoadingPermissionsLayout || isRoleLoading || isLoadingPermissions || !permissionsLayout) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Main>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          {\n            name: 'Roles',\n          }\n        )}\n      </Page.Title>\n      <Formik\n        enableReinitialize\n        initialValues={\n          {\n            name: role.name ?? '',\n            description: role.description ?? '',\n          } satisfies EditRoleFormValues\n        }\n        onSubmit={handleEditRoleSubmit}\n        validationSchema={EDIT_ROLE_SCHEMA}\n        validateOnChange={false}\n      >\n        {({ handleSubmit, values, errors, handleChange, handleBlur, isSubmitting }) => (\n          <form onSubmit={handleSubmit}>\n            <Layouts.Header\n              primaryAction={\n                <Button\n                  type=\"submit\"\n                  startIcon={<Check />}\n                  disabled={role.code === 'strapi-super-admin'}\n                  loading={isSubmitting}\n                  fullWidth\n                >\n                  {formatMessage({\n                    id: 'global.save',\n                    defaultMessage: 'Save',\n                  })}\n                </Button>\n              }\n              title={formatMessage({\n                id: 'Settings.roles.edit.title',\n                defaultMessage: 'Edit a role',\n              })}\n              subtitle={formatMessage({\n                id: 'Settings.roles.create.description',\n                defaultMessage: 'Define the rights given to the role',\n              })}\n              navigationAction={\n                // The back link for mobile works differently; it is placed higher up in the DOM.\n                <Box display={{ initial: 'none', medium: 'block' }}>\n                  <BackButton fallback=\"../roles\" />\n                </Box>\n              }\n            />\n            <Layouts.Content>\n              <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n                <RoleForm\n                  disabled={isFormDisabled}\n                  errors={errors}\n                  values={values}\n                  onChange={handleChange}\n                  onBlur={handleBlur}\n                  role={role}\n                />\n                <Box shadow=\"filterShadow\" hasRadius>\n                  <Permissions\n                    isFormDisabled={isFormDisabled}\n                    permissions={permissions}\n                    ref={permissionsRef}\n                    layout={permissionsLayout}\n                  />\n                </Box>\n              </Flex>\n            </Layouts.Content>\n          </form>\n        )}\n      </Formik>\n    </Main>\n  );\n};\n\nconst ProtectedEditPage = () => {\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions.settings?.roles.update\n  );\n\n  return (\n    <Page.Protect permissions={permissions}>\n      <EditPage />\n    </Page.Protect>\n  );\n};\n\nexport { EditPage, ProtectedEditPage };\nexport type { EditRoleFormValues };\n"],"names":["EDIT_ROLE_SCHEMA","yup","object","shape","name","string","required","translatedErrors","id","description","optional","EditPage","toggleNotification","useNotification","formatMessage","useIntl","match","useMatch","params","permissionsRef","React","useRef","trackUsage","useTracking","_unstableFormatAPIError","formatAPIError","_unstableFormatValidationErrors","formatValidationErrors","useAPIErrorHandler","isLoading","isLoadingPermissionsLayout","data","permissionsLayout","useGetRolePermissionLayoutQuery","role","roles","isRoleLoading","refetch","refetchRole","useAdminRoles","refetchOnMountOrArgChange","permissions","isLoadingPermissions","useGetRolePermissionsQuery","skip","updateRole","useUpdateRoleMutation","updateRolePermissions","useUpdateRolePermissionsMutation","_jsx","Navigate","to","handleEditRoleSubmit","formik","permissionsToSend","didUpdateConditions","current","getPermissions","res","isBaseQueryError","error","setErrors","type","message","code","updateRes","setFormAfterSubmit","defaultMessage","isFormDisabled","Page","Loading","_jsxs","Main","Title","Formik","enableReinitialize","initialValues","onSubmit","validationSchema","validateOnChange","handleSubmit","values","errors","handleChange","handleBlur","isSubmitting","form","Layouts","Header","primaryAction","Button","startIcon","Check","disabled","loading","fullWidth","title","subtitle","navigationAction","Box","display","initial","medium","BackButton","fallback","Content","Flex","direction","alignItems","gap","RoleForm","onChange","onBlur","shadow","hasRadius","Permissions","ref","layout","ProtectedEditPage","useTypedSelector","state","admin_app","settings","update","Protect"],"mappings":"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"}
+{"version":3,"file":"EditPage.mjs","sources":["../../../../../../../../admin/src/pages/Settings/pages/Roles/EditPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Button, Flex, Main } from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\nimport { Formik, FormikHelpers } from 'formik';\nimport { useIntl } from 'react-intl';\nimport { Navigate, useMatch } from 'react-router-dom';\nimport * as yup from 'yup';\n\nimport { Layouts } from '../../../../components/Layouts/Layout';\nimport { Page } from '../../../../components/PageHelpers';\nimport { useTypedSelector } from '../../../../core/store/hooks';\nimport { BackButton } from '../../../../features/BackButton';\nimport { useNotification } from '../../../../features/Notifications';\nimport { useTracking } from '../../../../features/Tracking';\nimport { useAdminRoles } from '../../../../hooks/useAdminRoles';\nimport { useAPIErrorHandler } from '../../../../hooks/useAPIErrorHandler';\nimport {\n  useGetRolePermissionLayoutQuery,\n  useGetRolePermissionsQuery,\n  useUpdateRoleMutation,\n  useUpdateRolePermissionsMutation,\n} from '../../../../services/users';\nimport { isBaseQueryError } from '../../../../utils/baseQuery';\nimport { translatedErrors } from '../../../../utils/translatedErrors';\n\nimport { Permissions, PermissionsAPI } from './components/Permissions';\nimport { RoleForm } from './components/RoleForm';\n\nconst EDIT_ROLE_SCHEMA = yup.object().shape({\n  name: yup.string().required(translatedErrors.required.id),\n  description: yup.string().optional(),\n});\n\n/**\n * TODO: be nice if we could just infer this from the schema\n */\ninterface EditRoleFormValues {\n  name: string;\n  description: string;\n}\n\nconst EditPage = () => {\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const match = useMatch('/settings/roles/:id');\n  const id = match?.params.id;\n  const permissionsRef = React.useRef<PermissionsAPI>(null);\n  const [hasLocaleValidationErrors, setHasLocaleValidationErrors] = React.useState(false);\n  const { trackUsage } = useTracking();\n  const {\n    _unstableFormatAPIError: formatAPIError,\n    _unstableFormatValidationErrors: formatValidationErrors,\n  } = useAPIErrorHandler();\n\n  const { isLoading: isLoadingPermissionsLayout, data: permissionsLayout } =\n    useGetRolePermissionLayoutQuery({\n      /**\n       * Role here is a query param so if there's no role we pass an empty string\n       * which returns us a default layout.\n       */\n      role: id ?? '',\n    });\n\n  const {\n    roles,\n    isLoading: isRoleLoading,\n    refetch: refetchRole,\n  } = useAdminRoles(\n    { id },\n    {\n      refetchOnMountOrArgChange: true,\n    }\n  );\n\n  const role = roles[0] ?? {};\n\n  const { data: permissions, isLoading: isLoadingPermissions } = useGetRolePermissionsQuery(\n    {\n      id: id!,\n    },\n    {\n      skip: !id,\n      refetchOnMountOrArgChange: true,\n    }\n  );\n\n  const [updateRole] = useUpdateRoleMutation();\n  const [updateRolePermissions] = useUpdateRolePermissionsMutation();\n\n  if (!id) {\n    return <Navigate to=\"/settings/roles\" />;\n  }\n\n  const handleEditRoleSubmit = async (\n    data: EditRoleFormValues,\n    formik: FormikHelpers<EditRoleFormValues>\n  ) => {\n    // Re-check via ref on submit: state may lag behind the latest matrix edits when save is clicked quickly\n    if (permissionsRef.current?.hasLocaleValidationErrors()) {\n      return;\n    }\n\n    try {\n      const { permissionsToSend, didUpdateConditions } =\n        permissionsRef.current?.getPermissions() ?? {};\n\n      const res = await updateRole({\n        id,\n        ...data,\n      });\n\n      if ('error' in res) {\n        if (isBaseQueryError(res.error) && res.error.name === 'ValidationError') {\n          formik.setErrors(formatValidationErrors(res.error));\n        } else {\n          toggleNotification({\n            type: 'danger',\n            message: formatAPIError(res.error),\n          });\n        }\n\n        return;\n      }\n\n      if (role.code !== 'strapi-super-admin' && permissionsToSend) {\n        const updateRes = await updateRolePermissions({\n          id: res.data.id,\n          permissions: permissionsToSend,\n        });\n\n        if ('error' in updateRes) {\n          if (isBaseQueryError(updateRes.error) && updateRes.error.name === 'ValidationError') {\n            formik.setErrors(formatValidationErrors(updateRes.error));\n          } else {\n            toggleNotification({\n              type: 'danger',\n              message: formatAPIError(updateRes.error),\n            });\n          }\n\n          return;\n        }\n\n        if (didUpdateConditions) {\n          trackUsage('didUpdateConditions');\n        }\n      }\n\n      permissionsRef.current?.setFormAfterSubmit();\n\n      await refetchRole();\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({ id: 'notification.success.saved' }),\n      });\n    } catch (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\n      });\n    }\n  };\n\n  const isFormDisabled = !isRoleLoading && role.code === 'strapi-super-admin';\n\n  if (isLoadingPermissionsLayout || isRoleLoading || isLoadingPermissions || !permissionsLayout) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Main>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          {\n            name: 'Roles',\n          }\n        )}\n      </Page.Title>\n      <Formik\n        enableReinitialize\n        initialValues={\n          {\n            name: role.name ?? '',\n            description: role.description ?? '',\n          } satisfies EditRoleFormValues\n        }\n        onSubmit={handleEditRoleSubmit}\n        validationSchema={EDIT_ROLE_SCHEMA}\n        validateOnChange={false}\n      >\n        {({ handleSubmit, values, errors, handleChange, handleBlur, isSubmitting }) => (\n          <form onSubmit={handleSubmit}>\n            <Layouts.Header\n              primaryAction={\n                <Button\n                  type=\"submit\"\n                  startIcon={<Check />}\n                  disabled={role.code === 'strapi-super-admin' || hasLocaleValidationErrors}\n                  loading={isSubmitting}\n                  fullWidth\n                >\n                  {formatMessage({\n                    id: 'global.save',\n                    defaultMessage: 'Save',\n                  })}\n                </Button>\n              }\n              title={formatMessage({\n                id: 'Settings.roles.edit.title',\n                defaultMessage: 'Edit a role',\n              })}\n              subtitle={formatMessage({\n                id: 'Settings.roles.create.description',\n                defaultMessage: 'Define the rights given to the role',\n              })}\n              navigationAction={\n                // The back link for mobile works differently; it is placed higher up in the DOM.\n                <Box display={{ initial: 'none', medium: 'block' }}>\n                  <BackButton fallback=\"../roles\" />\n                </Box>\n              }\n            />\n            <Layouts.Content>\n              <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n                <RoleForm\n                  disabled={isFormDisabled}\n                  errors={errors}\n                  values={values}\n                  onChange={handleChange}\n                  onBlur={handleBlur}\n                  role={role}\n                />\n                <Box shadow=\"filterShadow\" hasRadius>\n                  <Permissions\n                    isFormDisabled={isFormDisabled}\n                    onLocaleValidationChange={setHasLocaleValidationErrors}\n                    permissions={permissions}\n                    ref={permissionsRef}\n                    layout={permissionsLayout}\n                  />\n                </Box>\n              </Flex>\n            </Layouts.Content>\n          </form>\n        )}\n      </Formik>\n    </Main>\n  );\n};\n\nconst ProtectedEditPage = () => {\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions.settings?.roles.update\n  );\n\n  return (\n    <Page.Protect permissions={permissions}>\n      <EditPage />\n    </Page.Protect>\n  );\n};\n\nexport { EditPage, ProtectedEditPage };\nexport type { EditRoleFormValues };\n"],"names":["EDIT_ROLE_SCHEMA","yup","object","shape","name","string","required","translatedErrors","id","description","optional","EditPage","toggleNotification","useNotification","formatMessage","useIntl","match","useMatch","params","permissionsRef","React","useRef","hasLocaleValidationErrors","setHasLocaleValidationErrors","useState","trackUsage","useTracking","_unstableFormatAPIError","formatAPIError","_unstableFormatValidationErrors","formatValidationErrors","useAPIErrorHandler","isLoading","isLoadingPermissionsLayout","data","permissionsLayout","useGetRolePermissionLayoutQuery","role","roles","isRoleLoading","refetch","refetchRole","useAdminRoles","refetchOnMountOrArgChange","permissions","isLoadingPermissions","useGetRolePermissionsQuery","skip","updateRole","useUpdateRoleMutation","updateRolePermissions","useUpdateRolePermissionsMutation","_jsx","Navigate","to","handleEditRoleSubmit","formik","current","permissionsToSend","didUpdateConditions","getPermissions","res","isBaseQueryError","error","setErrors","type","message","code","updateRes","setFormAfterSubmit","defaultMessage","isFormDisabled","Page","Loading","_jsxs","Main","Title","Formik","enableReinitialize","initialValues","onSubmit","validationSchema","validateOnChange","handleSubmit","values","errors","handleChange","handleBlur","isSubmitting","form","Layouts","Header","primaryAction","Button","startIcon","Check","disabled","loading","fullWidth","title","subtitle","navigationAction","Box","display","initial","medium","BackButton","fallback","Content","Flex","direction","alignItems","gap","RoleForm","onChange","onBlur","shadow","hasRadius","Permissions","onLocaleValidationChange","ref","layout","ProtectedEditPage","useTypedSelector","state","admin_app","settings","update","Protect"],"mappings":"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"}

package/dist/admin/admin/src/pages/Settings/pages/Roles/components/CollapsePropertyMatrix.js

@@ -10,6 +10,7 @@ var styled = require('styled-components');
 var usePermissionsDataManager = require('../hooks/usePermissionsDataManager.js');
 var constants = require('../utils/constants.js');
 var getCheckboxState = require('../utils/getCheckboxState.js');
+var localePermissionValidation = require('../utils/localePermissionValidation.js');
 var CollapseLabel = require('./CollapseLabel.js');
 var HiddenAction = require('./HiddenAction.js');
 var RequiredSign = require('./RequiredSign.js');
@@ -39,6 +40,8 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var get__default = /*#__PURE__*/_interopDefault(get);
 
 const CollapsePropertyMatrix = ({ availableActions = [], childrenForm = [], isFormDisabled, label, pathToData, propertyName, subject })=>{
+    const { formatMessage, formatList } = reactIntl.useIntl();
+    const { modifiedData } = usePermissionsDataManager.usePermissionsDataManager();
     const propertyActions = React__namespace.useMemo(()=>availableActions.map((action)=>{
             const isActionRelatedToCurrentProperty = Array.isArray(action.applyToProperties) && action.applyToProperties.indexOf(propertyName) !== -1 && action.isDisplayed;
             return {
@@ -50,6 +53,18 @@ const CollapsePropertyMatrix = ({ availableActions = [], childrenForm = [], isFo
         availableActions,
         propertyName
     ]);
+    const contentTypeKind = pathToData.split('..')[0];
+    const localeValidationErrorLabels = React__namespace.useMemo(()=>{
+        if (propertyName !== 'locales' || subject === undefined) return [];
+        const errorKeys = localePermissionValidation.getLocaleValidationErrorActionKeys(modifiedData, contentTypeKind, subject);
+        return propertyActions.filter(({ actionId, isActionRelatedToCurrentProperty })=>isActionRelatedToCurrentProperty && errorKeys.includes(actionId)).map(({ label })=>label);
+    }, [
+        propertyName,
+        subject,
+        modifiedData,
+        contentTypeKind,
+        propertyActions
+    ]);
     return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
         display: "inline-flex",
         direction: "column",
@@ -60,6 +75,25 @@ const CollapsePropertyMatrix = ({ availableActions = [], childrenForm = [], isFo
                 label: label,
                 headers: propertyActions
             }),
+            localeValidationErrorLabels.length > 0 && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                paddingLeft: 6,
+                paddingTop: 2,
+                paddingBottom: 2,
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                    role: "alert",
+                    variant: "pi",
+                    textColor: "danger600",
+                    children: formatMessage({
+                        id: 'Settings.roles.form.permissions.locales.validation',
+                        defaultMessage: '{count, plural, one {The {actions} action must apply to at least one locale.} other {The {actions} actions must apply to at least one locale.}}'
+                    }, {
+                        count: localeValidationErrorLabels.length,
+                        actions: formatList(localeValidationErrorLabels, {
+                            type: 'conjunction'
+                        })
+                    })
+                })
+            }),
             /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
                 children: childrenForm.map(({ children: childrenForm, label, value, required }, i)=>/*#__PURE__*/ jsxRuntime.jsx(ActionRow, {
                         childrenForm: childrenForm,

package/dist/admin/admin/src/pages/Settings/pages/Roles/components/CollapsePropertyMatrix.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsePropertyMatrix.js","sources":["../../../../../../../../../admin/src/pages/Settings/pages/Roles/components/CollapsePropertyMatrix.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Checkbox,\n  Box,\n  BoxComponent,\n  Flex,\n  FlexComponent,\n  Typography,\n  TypographyComponent,\n} from '@strapi/design-system';\nimport { CaretDown } from '@strapi/icons';\nimport get from 'lodash/get';\nimport { useIntl } from 'react-intl';\nimport { styled, DefaultTheme, css } from 'styled-components';\n\nimport { Action, SubjectProperty } from '../../../../../../../shared/contracts/permissions';\nimport {\n  PermissionsDataManagerContextValue,\n  usePermissionsDataManager,\n} from '../hooks/usePermissionsDataManager';\nimport { cellWidth, firstRowWidth, rowHeight } from '../utils/constants';\nimport { getCheckboxState } from '../utils/getCheckboxState';\n\nimport { CollapseLabel } from './CollapseLabel';\nimport { HiddenAction } from './HiddenAction';\nimport { RequiredSign } from './RequiredSign';\nimport { RowLabelWithCheckbox, RowLabelWithCheckboxProps } from './RowLabelWithCheckbox';\n\n/* -------------------------------------------------------------------------------------------------\n * CollapsePropertyMatrix\n * -----------------------------------------------------------------------------------------------*/\n\ninterface CollapsePropertyMatrixProps\n  extends Pick<\n    ActionRowProps,\n    'childrenForm' | 'isFormDisabled' | 'label' | 'pathToData' | 'propertyName' | 'subject'\n  > {\n  availableActions?: Array<Action & { isDisplayed: boolean }>;\n}\n\ninterface PropertyAction {\n  label: string;\n  actionId: string;\n  isActionRelatedToCurrentProperty: boolean;\n}\n\nconst CollapsePropertyMatrix = ({\n  availableActions = [],\n  childrenForm = [],\n  isFormDisabled,\n  label,\n  pathToData,\n  propertyName,\n  subject,\n}: CollapsePropertyMatrixProps) => {\n  const propertyActions = React.useMemo(\n    () =>\n      availableActions.map((action) => {\n        const isActionRelatedToCurrentProperty =\n          Array.isArray(action.applyToProperties) &&\n          action.applyToProperties.indexOf(propertyName) !== -1 &&\n          action.isDisplayed;\n\n        return { label: action.label, actionId: action.actionId, isActionRelatedToCurrentProperty };\n      }) satisfies PropertyAction[],\n    [availableActions, propertyName]\n  );\n\n  return (\n    <Flex display=\"inline-flex\" direction=\"column\" alignItems=\"stretch\" minWidth={0}>\n      <Header label={label} headers={propertyActions} />\n      <Box>\n        {childrenForm.map(({ children: childrenForm, label, value, required }, i) => (\n          <ActionRow\n            childrenForm={childrenForm}\n            key={value}\n            label={label}\n            isFormDisabled={isFormDisabled}\n            name={value}\n            required={required}\n            propertyActions={propertyActions}\n            pathToData={pathToData}\n            propertyName={propertyName}\n            isOdd={i % 2 === 0}\n            subject={subject}\n          />\n        ))}\n      </Box>\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ActionRow\n * -----------------------------------------------------------------------------------------------*/\n\ninterface ActionRowProps\n  extends Pick<\n    SubActionRowProps,\n    'childrenForm' | 'isFormDisabled' | 'propertyActions' | 'propertyName' | 'subject'\n  > {\n  label: string;\n  name: string;\n  required?: boolean;\n  pathToData: string;\n  isOdd?: boolean;\n}\n\nconst ActionRow = ({\n  childrenForm = [],\n  label,\n  isFormDisabled = false,\n  name,\n  required = false,\n  pathToData,\n  propertyActions,\n  propertyName,\n  isOdd = false,\n  subject,\n}: ActionRowProps) => {\n  const { formatMessage } = useIntl();\n  const [rowToOpen, setRowToOpen] = React.useState<string | null>(null);\n  const {\n    modifiedData,\n    onChangeCollectionTypeLeftActionRowCheckbox,\n    onChangeParentCheckbox,\n    onChangeSimpleCheckbox,\n    checkUserHasPermission,\n  } = usePermissionsDataManager();\n\n  const isActive = rowToOpen === name;\n\n  const recursiveChildren = React.useMemo(() => {\n    if (!Array.isArray(childrenForm)) {\n      return [];\n    }\n\n    return childrenForm;\n  }, [childrenForm]);\n\n  const isCollapsable = recursiveChildren.length > 0;\n\n  const handleClick = React.useCallback(() => {\n    if (isCollapsable) {\n      setRowToOpen((prev) => {\n        if (prev === name) {\n          return null;\n        }\n\n        return name;\n      });\n    }\n  }, [isCollapsable, name]);\n\n  const handleChangeLeftRowCheckbox: RowLabelWithCheckboxProps['onChange'] = ({\n    target: { value },\n  }) => {\n    onChangeCollectionTypeLeftActionRowCheckbox(pathToData, propertyName, name, value);\n  };\n\n  const { hasAllActionsSelected, hasSomeActionsSelected } = React.useMemo(() => {\n    return getRowLabelCheckboxState(propertyActions, modifiedData, pathToData, propertyName, name);\n  }, [propertyActions, modifiedData, pathToData, propertyName, name]);\n\n  return (\n    <>\n      <Wrapper\n        alignItems=\"center\"\n        $isCollapsable={isCollapsable}\n        $isActive={isActive}\n        background={isOdd ? 'neutral100' : 'neutral0'}\n      >\n        <Flex>\n          <RowLabelWithCheckbox\n            onChange={handleChangeLeftRowCheckbox}\n            onClick={handleClick}\n            isCollapsable={isCollapsable}\n            isFormDisabled={isFormDisabled}\n            label={label}\n            someChecked={hasSomeActionsSelected}\n            value={hasAllActionsSelected}\n            isActive={isActive}\n          >\n            {required && <RequiredSign />}\n            <CarretIcon $isActive={isActive} />\n          </RowLabelWithCheckbox>\n          <Flex>\n            {propertyActions.map(({ label, isActionRelatedToCurrentProperty, actionId }) => {\n              if (!isActionRelatedToCurrentProperty) {\n                return <HiddenAction key={label} />;\n              }\n\n              const checkboxName = [\n                ...pathToData.split('..'),\n                actionId,\n                'properties',\n                propertyName,\n                name,\n              ];\n\n              if (!isCollapsable) {\n                const checkboxValue = get(modifiedData, checkboxName, false);\n                const fieldPath = propertyName === 'fields' ? name : undefined;\n                const userHasPermission = checkUserHasPermission(actionId, subject, fieldPath);\n\n                return (\n                  <Flex\n                    key={actionId}\n                    width={cellWidth}\n                    position=\"relative\"\n                    justifyContent=\"center\"\n                    alignItems=\"center\"\n                  >\n                    <Checkbox\n                      disabled={isFormDisabled || !userHasPermission}\n                      name={checkboxName.join('..')}\n                      aria-label={formatMessage(\n                        {\n                          id: `Settings.permissions.select-by-permission`,\n                          defaultMessage: 'Select {label} permission',\n                        },\n                        { label: `${name} ${label}` }\n                      )}\n                      onCheckedChange={(value) => {\n                        onChangeSimpleCheckbox({\n                          target: {\n                            name: checkboxName.join('..'),\n                            value: !!value,\n                          },\n                        });\n                      }}\n                      checked={checkboxValue}\n                    />\n                  </Flex>\n                );\n              }\n\n              const data = get(modifiedData, checkboxName, {});\n\n              const { hasAllActionsSelected, hasSomeActionsSelected } = getCheckboxState(data);\n              const fieldPath = propertyName === 'fields' ? name : undefined;\n              const userHasPermission = checkUserHasPermission(actionId, subject, fieldPath);\n\n              return (\n                <Flex\n                  key={label}\n                  width={cellWidth}\n                  position=\"relative\"\n                  justifyContent=\"center\"\n                  alignItems=\"center\"\n                >\n                  <Checkbox\n                    disabled={isFormDisabled || !userHasPermission}\n                    name={checkboxName.join('..')}\n                    onCheckedChange={(value) => {\n                      onChangeParentCheckbox({\n                        target: {\n                          name: checkboxName.join('..'),\n                          value: !!value,\n                        },\n                      });\n                    }}\n                    aria-label={formatMessage(\n                      {\n                        id: `Settings.permissions.select-by-permission`,\n                        defaultMessage: 'Select {label} permission',\n                      },\n                      { label: `${name} ${label}` }\n                    )}\n                    checked={hasSomeActionsSelected ? 'indeterminate' : hasAllActionsSelected}\n                  />\n                </Flex>\n              );\n            })}\n          </Flex>\n        </Flex>\n      </Wrapper>\n      {isActive && (\n        <SubActionRow\n          childrenForm={recursiveChildren}\n          isFormDisabled={isFormDisabled}\n          parentName={name}\n          pathToDataFromActionRow={pathToData}\n          propertyName={propertyName}\n          propertyActions={propertyActions}\n          recursiveLevel={0}\n          subject={subject}\n        />\n      )}\n    </>\n  );\n};\n\n/**\n *\n * Returns the state of the left checkbox of a ActionRow main checkbox\n */\nconst getRowLabelCheckboxState = (\n  propertyActions: PropertyAction[],\n  modifiedData: PermissionsDataManagerContextValue['modifiedData'],\n  pathToContentType: string,\n  propertyToCheck: string,\n  targetKey: string\n) => {\n  const actionIds = propertyActions.reduce<string[]>((acc, current) => {\n    if (current.isActionRelatedToCurrentProperty) {\n      acc.push(current.actionId);\n    }\n\n    return acc;\n  }, []);\n\n  const data = actionIds.reduce<Record<string, boolean>>((acc, current) => {\n    const mainData = get(\n      modifiedData,\n      [...pathToContentType.split('..'), current, 'properties', propertyToCheck, targetKey],\n      false\n    );\n\n    acc[current] = mainData;\n\n    return acc;\n  }, {});\n\n  return getCheckboxState(data);\n};\n\nconst Wrapper = styled<FlexComponent>(Flex)<{ $isCollapsable?: boolean; $isActive?: boolean }>`\n  height: ${rowHeight};\n  flex: 1;\n\n  &:hover {\n    ${({ $isCollapsable, theme }) => $isCollapsable && activeStyle(theme)}\n  }\n\n  ${({ $isCollapsable }) =>\n    $isCollapsable &&\n    `\n      ${CarretIcon} {\n        display: flex;\n      }\n  `}\n  ${({ $isActive, theme }) => $isActive && activeStyle(theme)};\n`;\n\nconst CarretIcon = styled(CaretDown)<{ $isActive: boolean }>`\n  display: none;\n\n  svg {\n    width: 1.4rem;\n  }\n\n  path {\n    fill: ${({ theme }) => theme.colors.neutral200};\n  }\n\n  transform: rotate(${({ $isActive }) => ($isActive ? '180' : '0')}deg);\n  margin-left: ${({ theme }) => theme.spaces[2]};\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * SubActionRow\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SubActionRowProps {\n  childrenForm: SubjectProperty['children'];\n  isFormDisabled?: boolean;\n  parentName: string;\n  pathToDataFromActionRow: string;\n  propertyActions: PropertyAction[];\n  propertyName: string;\n  subject?: string;\n  recursiveLevel: number;\n}\n\nconst SubActionRow = ({\n  childrenForm = [],\n  isFormDisabled,\n  recursiveLevel,\n  pathToDataFromActionRow,\n  propertyActions,\n  parentName,\n  propertyName,\n  subject,\n}: SubActionRowProps) => {\n  const { formatMessage } = useIntl();\n  const { modifiedData, onChangeParentCheckbox, onChangeSimpleCheckbox, checkUserHasPermission } =\n    usePermissionsDataManager();\n  const [rowToOpen, setRowToOpen] = React.useState<string | null>(null);\n\n  const handleClickToggleSubLevel = (name: string) => {\n    setRowToOpen((prev) => {\n      if (prev === name) {\n        return null;\n      }\n\n      return name;\n    });\n  };\n\n  const displayedRecursiveChildren = React.useMemo(() => {\n    if (!rowToOpen) {\n      return null;\n    }\n\n    return childrenForm.find(({ value }) => value === rowToOpen);\n  }, [rowToOpen, childrenForm]);\n\n  return (\n    <Box paddingLeft={`3.2rem`}>\n      <TopTimeline />\n      {childrenForm.map(({ label, value, required, children: subChildrenForm }, index) => {\n        const isVisible = index + 1 < childrenForm.length;\n        const isArrayType = Array.isArray(subChildrenForm);\n        const isActive = rowToOpen === value;\n\n        return (\n          <LeftBorderTimeline key={value} $isVisible={isVisible}>\n            <Flex height={rowHeight}>\n              <StyledBox>\n                <Svg\n                  width=\"20\"\n                  height=\"23\"\n                  viewBox=\"0 0 20 23\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  $color=\"primary200\"\n                >\n                  <path\n                    fillRule=\"evenodd\"\n                    clipRule=\"evenodd\"\n                    d=\"M7.02477 14.7513C8.65865 17.0594 11.6046 18.6059 17.5596 18.8856C18.6836 18.9384 19.5976 19.8435 19.5976 20.9688V20.9688C19.5976 22.0941 18.6841 23.0125 17.5599 22.9643C10.9409 22.6805 6.454 20.9387 3.75496 17.1258C0.937988 13.1464 0.486328 7.39309 0.486328 0.593262H4.50974C4.50974 7.54693 5.06394 11.9813 7.02477 14.7513Z\"\n                    fill=\"#D9D8FF\"\n                  />\n                </Svg>\n              </StyledBox>\n              <Flex style={{ flex: 1 }}>\n                <RowStyle $level={recursiveLevel} $isActive={isActive} $isCollapsable={isArrayType}>\n                  <CollapseLabel\n                    alignItems=\"center\"\n                    $isCollapsable={isArrayType}\n                    {...(isArrayType && {\n                      onClick: () => handleClickToggleSubLevel(value),\n                      'aria-expanded': isActive,\n                      onKeyDown: ({ key }: React.KeyboardEvent<HTMLDivElement>) =>\n                        (key === 'Enter' || key === ' ') && handleClickToggleSubLevel(value),\n                      tabIndex: 0,\n                      role: 'button',\n                    })}\n                    title={label}\n                  >\n                    <RowLabel ellipsis>{label}</RowLabel>\n                    {required && <RequiredSign />}\n                    <CarretIcon $isActive={isActive} />\n                  </CollapseLabel>\n                </RowStyle>\n                <Flex style={{ flex: 1 }}>\n                  {propertyActions.map(\n                    ({ actionId, label: propertyLabel, isActionRelatedToCurrentProperty }) => {\n                      if (!isActionRelatedToCurrentProperty) {\n                        return <HiddenAction key={actionId} />;\n                      }\n                      /*\n                       * Usually we use a 'dot' in order to know the key path of an object for which we want to change the value.\n                       * Since an action and a subject are both separated by '.' or '::' we chose to use the '..' separators\n                       */\n                      const checkboxName = [\n                        ...pathToDataFromActionRow.split('..'),\n                        actionId,\n                        'properties',\n                        propertyName,\n                        ...parentName.split('..'),\n                        value,\n                      ];\n\n                      const checkboxValue = get(modifiedData, checkboxName, false);\n\n                      if (!subChildrenForm) {\n                        const fieldPath =\n                          propertyName === 'fields' ? `${parentName}.${value}` : undefined;\n                        const userHasPermission = checkUserHasPermission(\n                          actionId,\n                          subject,\n                          fieldPath\n                        );\n\n                        return (\n                          <Flex\n                            key={propertyLabel}\n                            position=\"relative\"\n                            width={cellWidth}\n                            justifyContent=\"center\"\n                            alignItems=\"center\"\n                          >\n                            <Checkbox\n                              disabled={isFormDisabled || !userHasPermission}\n                              name={checkboxName.join('..')}\n                              aria-label={formatMessage(\n                                {\n                                  id: `Settings.permissions.select-by-permission`,\n                                  defaultMessage: 'Select {label} permission',\n                                },\n                                { label: `${parentName} ${label} ${propertyLabel}` }\n                              )}\n                              onCheckedChange={(value) => {\n                                onChangeSimpleCheckbox({\n                                  target: {\n                                    name: checkboxName.join('..'),\n                                    value: !!value,\n                                  },\n                                });\n                              }}\n                              checked={checkboxValue}\n                            />\n                          </Flex>\n                        );\n                      }\n\n                      const { hasAllActionsSelected, hasSomeActionsSelected } =\n                        getCheckboxState(checkboxValue);\n                      const fieldPath =\n                        propertyName === 'fields' ? `${parentName}.${value}` : undefined;\n                      const userHasPermission = checkUserHasPermission(\n                        actionId,\n                        subject,\n                        fieldPath\n                      );\n\n                      return (\n                        <Flex\n                          key={propertyLabel}\n                          position=\"relative\"\n                          width={cellWidth}\n                          justifyContent=\"center\"\n                          alignItems=\"center\"\n                        >\n                          <Checkbox\n                            key={propertyLabel}\n                            disabled={isFormDisabled || !userHasPermission}\n                            name={checkboxName.join('..')}\n                            aria-label={formatMessage(\n                              {\n                                id: `Settings.permissions.select-by-permission`,\n                                defaultMessage: 'Select {label} permission',\n                              },\n                              { label: `${parentName} ${label} ${propertyLabel}` }\n                            )}\n                            // Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91\n                            onCheckedChange={(value) => {\n                              onChangeParentCheckbox({\n                                target: {\n                                  name: checkboxName.join('..'),\n                                  value: !!value,\n                                },\n                              });\n                            }}\n                            checked={\n                              hasSomeActionsSelected ? 'indeterminate' : hasAllActionsSelected\n                            }\n                          />\n                        </Flex>\n                      );\n                    }\n                  )}\n                </Flex>\n              </Flex>\n            </Flex>\n            {displayedRecursiveChildren && isActive && (\n              <Box paddingBottom={2}>\n                <SubActionRow\n                  isFormDisabled={isFormDisabled}\n                  parentName={`${parentName}..${value}`}\n                  pathToDataFromActionRow={pathToDataFromActionRow}\n                  propertyActions={propertyActions}\n                  propertyName={propertyName}\n                  recursiveLevel={recursiveLevel + 1}\n                  childrenForm={displayedRecursiveChildren.children}\n                  subject={subject}\n                />\n              </Box>\n            )}\n          </LeftBorderTimeline>\n        );\n      })}\n    </Box>\n  );\n};\n\nconst LeftBorderTimeline = styled<BoxComponent>(Box)<{ $isVisible?: boolean }>`\n  border-left: ${({ $isVisible, theme }) =>\n    $isVisible ? `4px solid ${theme.colors.primary200}` : '4px solid transparent'};\n`;\n\nconst RowStyle = styled<FlexComponent>(Flex)<{\n  $level: number;\n  $isCollapsable?: boolean;\n  $isActive?: boolean;\n}>`\n  padding-left: ${({ theme }) => theme.spaces[4]};\n  width: ${({ $level }) => 145 - $level * 36}px;\n\n  &:hover {\n    ${({ $isCollapsable, theme }) => $isCollapsable && activeStyle(theme)}\n  }\n\n  ${({ $isCollapsable }) =>\n    $isCollapsable &&\n    `\n      ${CarretIcon} {\n        display: flex;\n      }\n  `}\n  ${({ $isActive, theme }) => $isActive && activeStyle(theme)};\n`;\n\nconst RowLabel = styled<TypographyComponent>(Typography)``;\n\nconst TopTimeline = styled.div`\n  padding-top: ${({ theme }) => theme.spaces[2]};\n  margin-top: ${({ theme }) => theme.spaces[2]};\n  width: 0.4rem;\n  background-color: ${({ theme }) => theme.colors.primary200};\n  border-top-left-radius: 2px;\n  border-top-right-radius: 2px;\n`;\n\nconst StyledBox = styled<BoxComponent>(Box)`\n  transform: translate(-4px, -12px);\n\n  &:before {\n    content: '';\n    width: 0.4rem;\n    height: 1.2rem;\n    background: ${({ theme }) => theme.colors.primary200};\n    display: block;\n  }\n`;\n\nconst Svg = styled.svg<{ $color: keyof DefaultTheme['colors'] }>`\n  position: relative;\n  flex-shrink: 0;\n  transform: translate(-0.5px, -1px);\n\n  * {\n    fill: ${({ theme, $color }) => theme.colors[$color]};\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Header\n * -----------------------------------------------------------------------------------------------*/\n\ninterface HeaderProps {\n  headers?: PropertyAction[];\n  label: string;\n}\n\nconst Header = ({ headers = [], label }: HeaderProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Flex>\n      <Flex width={firstRowWidth} height={rowHeight} shrink={0} alignItems=\"center\" paddingLeft={6}>\n        <Typography variant=\"sigma\" textColor=\"neutral500\">\n          {formatMessage(\n            {\n              id: 'Settings.roles.form.permission.property-label',\n              defaultMessage: '{label} permissions',\n            },\n            { label }\n          )}\n        </Typography>\n      </Flex>\n      {headers.map((header) => {\n        if (!header.isActionRelatedToCurrentProperty) {\n          return <Flex width={cellWidth} shrink={0} key={header.label} />;\n        }\n\n        return (\n          <Flex width={cellWidth} shrink={0} justifyContent=\"center\" key={header.label}>\n            <Typography variant=\"sigma\" textColor=\"neutral500\">\n              {formatMessage({\n                id: `Settings.roles.form.permissions.${header.label.toLowerCase()}`,\n                defaultMessage: header.label,\n              })}\n            </Typography>\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n};\n\nconst activeStyle = (theme: DefaultTheme) => css`\n  color: ${theme.colors.primary600};\n  font-weight: ${theme.fontWeights.bold};\n\n  ${CarretIcon} {\n    path {\n      fill: ${theme.colors.primary600};\n    }\n  }\n`;\n\nexport { CollapsePropertyMatrix };\n"],"names":["CollapsePropertyMatrix","availableActions","childrenForm","isFormDisabled","label","pathToData","propertyName","subject","propertyActions","React","useMemo","map","action","isActionRelatedToCurrentProperty","Array","isArray","applyToProperties","indexOf","isDisplayed","actionId","_jsxs","Flex","display","direction","alignItems","minWidth","_jsx","Header","headers","Box","children","value","required","i","ActionRow","name","isOdd","formatMessage","useIntl","rowToOpen","setRowToOpen","useState","modifiedData","onChangeCollectionTypeLeftActionRowCheckbox","onChangeParentCheckbox","onChangeSimpleCheckbox","checkUserHasPermission","usePermissionsDataManager","isActive","recursiveChildren","isCollapsable","length","handleClick","useCallback","prev","handleChangeLeftRowCheckbox","target","hasAllActionsSelected","hasSomeActionsSelected","getRowLabelCheckboxState","_Fragment","Wrapper","$isCollapsable","$isActive","background","RowLabelWithCheckbox","onChange","onClick","someChecked","RequiredSign","CarretIcon","HiddenAction","checkboxName","split","checkboxValue","get","fieldPath","undefined","userHasPermission","width","cellWidth","position","justifyContent","Checkbox","disabled","join","aria-label","id","defaultMessage","onCheckedChange","checked","data","getCheckboxState","SubActionRow","parentName","pathToDataFromActionRow","recursiveLevel","pathToContentType","propertyToCheck","targetKey","actionIds","reduce","acc","current","push","mainData","styled","rowHeight","theme","activeStyle","CaretDown","colors","neutral200","spaces","handleClickToggleSubLevel","displayedRecursiveChildren","find","paddingLeft","TopTimeline","subChildrenForm","index","isVisible","isArrayType","LeftBorderTimeline","$isVisible","height","StyledBox","Svg","viewBox","fill","xmlns","$color","path","fillRule","clipRule","d","style","flex","RowStyle","$level","CollapseLabel","onKeyDown","key","tabIndex","role","title","RowLabel","ellipsis","propertyLabel","paddingBottom","primary200","Typography","div","svg","firstRowWidth","shrink","variant","textColor","header","toLowerCase","css","primary600","fontWeights","bold"],"mappings":"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"}
+{"version":3,"file":"CollapsePropertyMatrix.js","sources":["../../../../../../../../../admin/src/pages/Settings/pages/Roles/components/CollapsePropertyMatrix.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Checkbox,\n  Box,\n  BoxComponent,\n  Flex,\n  FlexComponent,\n  Typography,\n  TypographyComponent,\n} from '@strapi/design-system';\nimport { CaretDown } from '@strapi/icons';\nimport get from 'lodash/get';\nimport { useIntl } from 'react-intl';\nimport { styled, DefaultTheme, css } from 'styled-components';\n\nimport { Action, SubjectProperty } from '../../../../../../../shared/contracts/permissions';\nimport {\n  PermissionsDataManagerContextValue,\n  usePermissionsDataManager,\n} from '../hooks/usePermissionsDataManager';\nimport { cellWidth, firstRowWidth, rowHeight } from '../utils/constants';\nimport { getCheckboxState } from '../utils/getCheckboxState';\nimport { getLocaleValidationErrorActionKeys } from '../utils/localePermissionValidation';\n\nimport { CollapseLabel } from './CollapseLabel';\nimport { HiddenAction } from './HiddenAction';\nimport { RequiredSign } from './RequiredSign';\nimport { RowLabelWithCheckbox, RowLabelWithCheckboxProps } from './RowLabelWithCheckbox';\n\n/* -------------------------------------------------------------------------------------------------\n * CollapsePropertyMatrix\n * -----------------------------------------------------------------------------------------------*/\n\ninterface CollapsePropertyMatrixProps\n  extends Pick<\n    ActionRowProps,\n    'childrenForm' | 'isFormDisabled' | 'label' | 'pathToData' | 'propertyName' | 'subject'\n  > {\n  availableActions?: Array<Action & { isDisplayed: boolean }>;\n}\n\ninterface PropertyAction {\n  label: string;\n  actionId: string;\n  isActionRelatedToCurrentProperty: boolean;\n}\n\nconst CollapsePropertyMatrix = ({\n  availableActions = [],\n  childrenForm = [],\n  isFormDisabled,\n  label,\n  pathToData,\n  propertyName,\n  subject,\n}: CollapsePropertyMatrixProps) => {\n  const { formatMessage, formatList } = useIntl();\n  const { modifiedData } = usePermissionsDataManager();\n  const propertyActions = React.useMemo(\n    () =>\n      availableActions.map((action) => {\n        const isActionRelatedToCurrentProperty =\n          Array.isArray(action.applyToProperties) &&\n          action.applyToProperties.indexOf(propertyName) !== -1 &&\n          action.isDisplayed;\n\n        return { label: action.label, actionId: action.actionId, isActionRelatedToCurrentProperty };\n      }) satisfies PropertyAction[],\n    [availableActions, propertyName]\n  );\n\n  const contentTypeKind = pathToData.split('..')[0] as 'collectionTypes' | 'singleTypes';\n  const localeValidationErrorLabels = React.useMemo(() => {\n    if (propertyName !== 'locales' || subject === undefined) return [];\n    const errorKeys = getLocaleValidationErrorActionKeys(modifiedData, contentTypeKind, subject);\n    return propertyActions\n      .filter(\n        ({ actionId, isActionRelatedToCurrentProperty }) =>\n          isActionRelatedToCurrentProperty && errorKeys.includes(actionId)\n      )\n      .map(({ label }) => label);\n  }, [propertyName, subject, modifiedData, contentTypeKind, propertyActions]);\n\n  return (\n    <Flex display=\"inline-flex\" direction=\"column\" alignItems=\"stretch\" minWidth={0}>\n      <Header label={label} headers={propertyActions} />\n      {localeValidationErrorLabels.length > 0 && (\n        <Box paddingLeft={6} paddingTop={2} paddingBottom={2}>\n          <Typography role=\"alert\" variant=\"pi\" textColor=\"danger600\">\n            {formatMessage(\n              {\n                id: 'Settings.roles.form.permissions.locales.validation',\n                defaultMessage:\n                  '{count, plural, one {The {actions} action must apply to at least one locale.} other {The {actions} actions must apply to at least one locale.}}',\n              },\n              {\n                count: localeValidationErrorLabels.length,\n                actions: formatList(localeValidationErrorLabels, { type: 'conjunction' }),\n              }\n            )}\n          </Typography>\n        </Box>\n      )}\n      <Box>\n        {childrenForm.map(({ children: childrenForm, label, value, required }, i) => (\n          <ActionRow\n            childrenForm={childrenForm}\n            key={value}\n            label={label}\n            isFormDisabled={isFormDisabled}\n            name={value}\n            required={required}\n            propertyActions={propertyActions}\n            pathToData={pathToData}\n            propertyName={propertyName}\n            isOdd={i % 2 === 0}\n            subject={subject}\n          />\n        ))}\n      </Box>\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ActionRow\n * -----------------------------------------------------------------------------------------------*/\n\ninterface ActionRowProps\n  extends Pick<\n    SubActionRowProps,\n    'childrenForm' | 'isFormDisabled' | 'propertyActions' | 'propertyName' | 'subject'\n  > {\n  label: string;\n  name: string;\n  required?: boolean;\n  pathToData: string;\n  isOdd?: boolean;\n}\n\nconst ActionRow = ({\n  childrenForm = [],\n  label,\n  isFormDisabled = false,\n  name,\n  required = false,\n  pathToData,\n  propertyActions,\n  propertyName,\n  isOdd = false,\n  subject,\n}: ActionRowProps) => {\n  const { formatMessage } = useIntl();\n  const [rowToOpen, setRowToOpen] = React.useState<string | null>(null);\n  const {\n    modifiedData,\n    onChangeCollectionTypeLeftActionRowCheckbox,\n    onChangeParentCheckbox,\n    onChangeSimpleCheckbox,\n    checkUserHasPermission,\n  } = usePermissionsDataManager();\n\n  const isActive = rowToOpen === name;\n\n  const recursiveChildren = React.useMemo(() => {\n    if (!Array.isArray(childrenForm)) {\n      return [];\n    }\n\n    return childrenForm;\n  }, [childrenForm]);\n\n  const isCollapsable = recursiveChildren.length > 0;\n\n  const handleClick = React.useCallback(() => {\n    if (isCollapsable) {\n      setRowToOpen((prev) => {\n        if (prev === name) {\n          return null;\n        }\n\n        return name;\n      });\n    }\n  }, [isCollapsable, name]);\n\n  const handleChangeLeftRowCheckbox: RowLabelWithCheckboxProps['onChange'] = ({\n    target: { value },\n  }) => {\n    onChangeCollectionTypeLeftActionRowCheckbox(pathToData, propertyName, name, value);\n  };\n\n  const { hasAllActionsSelected, hasSomeActionsSelected } = React.useMemo(() => {\n    return getRowLabelCheckboxState(propertyActions, modifiedData, pathToData, propertyName, name);\n  }, [propertyActions, modifiedData, pathToData, propertyName, name]);\n\n  return (\n    <>\n      <Wrapper\n        alignItems=\"center\"\n        $isCollapsable={isCollapsable}\n        $isActive={isActive}\n        background={isOdd ? 'neutral100' : 'neutral0'}\n      >\n        <Flex>\n          <RowLabelWithCheckbox\n            onChange={handleChangeLeftRowCheckbox}\n            onClick={handleClick}\n            isCollapsable={isCollapsable}\n            isFormDisabled={isFormDisabled}\n            label={label}\n            someChecked={hasSomeActionsSelected}\n            value={hasAllActionsSelected}\n            isActive={isActive}\n          >\n            {required && <RequiredSign />}\n            <CarretIcon $isActive={isActive} />\n          </RowLabelWithCheckbox>\n          <Flex>\n            {propertyActions.map(({ label, isActionRelatedToCurrentProperty, actionId }) => {\n              if (!isActionRelatedToCurrentProperty) {\n                return <HiddenAction key={label} />;\n              }\n\n              const checkboxName = [\n                ...pathToData.split('..'),\n                actionId,\n                'properties',\n                propertyName,\n                name,\n              ];\n\n              if (!isCollapsable) {\n                const checkboxValue = get(modifiedData, checkboxName, false);\n                const fieldPath = propertyName === 'fields' ? name : undefined;\n                const userHasPermission = checkUserHasPermission(actionId, subject, fieldPath);\n\n                return (\n                  <Flex\n                    key={actionId}\n                    width={cellWidth}\n                    position=\"relative\"\n                    justifyContent=\"center\"\n                    alignItems=\"center\"\n                  >\n                    <Checkbox\n                      disabled={isFormDisabled || !userHasPermission}\n                      name={checkboxName.join('..')}\n                      aria-label={formatMessage(\n                        {\n                          id: `Settings.permissions.select-by-permission`,\n                          defaultMessage: 'Select {label} permission',\n                        },\n                        { label: `${name} ${label}` }\n                      )}\n                      onCheckedChange={(value) => {\n                        onChangeSimpleCheckbox({\n                          target: {\n                            name: checkboxName.join('..'),\n                            value: !!value,\n                          },\n                        });\n                      }}\n                      checked={checkboxValue}\n                    />\n                  </Flex>\n                );\n              }\n\n              const data = get(modifiedData, checkboxName, {});\n\n              const { hasAllActionsSelected, hasSomeActionsSelected } = getCheckboxState(data);\n              const fieldPath = propertyName === 'fields' ? name : undefined;\n              const userHasPermission = checkUserHasPermission(actionId, subject, fieldPath);\n\n              return (\n                <Flex\n                  key={label}\n                  width={cellWidth}\n                  position=\"relative\"\n                  justifyContent=\"center\"\n                  alignItems=\"center\"\n                >\n                  <Checkbox\n                    disabled={isFormDisabled || !userHasPermission}\n                    name={checkboxName.join('..')}\n                    onCheckedChange={(value) => {\n                      onChangeParentCheckbox({\n                        target: {\n                          name: checkboxName.join('..'),\n                          value: !!value,\n                        },\n                      });\n                    }}\n                    aria-label={formatMessage(\n                      {\n                        id: `Settings.permissions.select-by-permission`,\n                        defaultMessage: 'Select {label} permission',\n                      },\n                      { label: `${name} ${label}` }\n                    )}\n                    checked={hasSomeActionsSelected ? 'indeterminate' : hasAllActionsSelected}\n                  />\n                </Flex>\n              );\n            })}\n          </Flex>\n        </Flex>\n      </Wrapper>\n      {isActive && (\n        <SubActionRow\n          childrenForm={recursiveChildren}\n          isFormDisabled={isFormDisabled}\n          parentName={name}\n          pathToDataFromActionRow={pathToData}\n          propertyName={propertyName}\n          propertyActions={propertyActions}\n          recursiveLevel={0}\n          subject={subject}\n        />\n      )}\n    </>\n  );\n};\n\n/**\n *\n * Returns the state of the left checkbox of a ActionRow main checkbox\n */\nconst getRowLabelCheckboxState = (\n  propertyActions: PropertyAction[],\n  modifiedData: PermissionsDataManagerContextValue['modifiedData'],\n  pathToContentType: string,\n  propertyToCheck: string,\n  targetKey: string\n) => {\n  const actionIds = propertyActions.reduce<string[]>((acc, current) => {\n    if (current.isActionRelatedToCurrentProperty) {\n      acc.push(current.actionId);\n    }\n\n    return acc;\n  }, []);\n\n  const data = actionIds.reduce<Record<string, boolean>>((acc, current) => {\n    const mainData = get(\n      modifiedData,\n      [...pathToContentType.split('..'), current, 'properties', propertyToCheck, targetKey],\n      false\n    );\n\n    acc[current] = mainData;\n\n    return acc;\n  }, {});\n\n  return getCheckboxState(data);\n};\n\nconst Wrapper = styled<FlexComponent>(Flex)<{ $isCollapsable?: boolean; $isActive?: boolean }>`\n  height: ${rowHeight};\n  flex: 1;\n\n  &:hover {\n    ${({ $isCollapsable, theme }) => $isCollapsable && activeStyle(theme)}\n  }\n\n  ${({ $isCollapsable }) =>\n    $isCollapsable &&\n    `\n      ${CarretIcon} {\n        display: flex;\n      }\n  `}\n  ${({ $isActive, theme }) => $isActive && activeStyle(theme)};\n`;\n\nconst CarretIcon = styled(CaretDown)<{ $isActive: boolean }>`\n  display: none;\n\n  svg {\n    width: 1.4rem;\n  }\n\n  path {\n    fill: ${({ theme }) => theme.colors.neutral200};\n  }\n\n  transform: rotate(${({ $isActive }) => ($isActive ? '180' : '0')}deg);\n  margin-left: ${({ theme }) => theme.spaces[2]};\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * SubActionRow\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SubActionRowProps {\n  childrenForm: SubjectProperty['children'];\n  isFormDisabled?: boolean;\n  parentName: string;\n  pathToDataFromActionRow: string;\n  propertyActions: PropertyAction[];\n  propertyName: string;\n  subject?: string;\n  recursiveLevel: number;\n}\n\nconst SubActionRow = ({\n  childrenForm = [],\n  isFormDisabled,\n  recursiveLevel,\n  pathToDataFromActionRow,\n  propertyActions,\n  parentName,\n  propertyName,\n  subject,\n}: SubActionRowProps) => {\n  const { formatMessage } = useIntl();\n  const { modifiedData, onChangeParentCheckbox, onChangeSimpleCheckbox, checkUserHasPermission } =\n    usePermissionsDataManager();\n  const [rowToOpen, setRowToOpen] = React.useState<string | null>(null);\n\n  const handleClickToggleSubLevel = (name: string) => {\n    setRowToOpen((prev) => {\n      if (prev === name) {\n        return null;\n      }\n\n      return name;\n    });\n  };\n\n  const displayedRecursiveChildren = React.useMemo(() => {\n    if (!rowToOpen) {\n      return null;\n    }\n\n    return childrenForm.find(({ value }) => value === rowToOpen);\n  }, [rowToOpen, childrenForm]);\n\n  return (\n    <Box paddingLeft={`3.2rem`}>\n      <TopTimeline />\n      {childrenForm.map(({ label, value, required, children: subChildrenForm }, index) => {\n        const isVisible = index + 1 < childrenForm.length;\n        const isArrayType = Array.isArray(subChildrenForm);\n        const isActive = rowToOpen === value;\n\n        return (\n          <LeftBorderTimeline key={value} $isVisible={isVisible}>\n            <Flex height={rowHeight}>\n              <StyledBox>\n                <Svg\n                  width=\"20\"\n                  height=\"23\"\n                  viewBox=\"0 0 20 23\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  $color=\"primary200\"\n                >\n                  <path\n                    fillRule=\"evenodd\"\n                    clipRule=\"evenodd\"\n                    d=\"M7.02477 14.7513C8.65865 17.0594 11.6046 18.6059 17.5596 18.8856C18.6836 18.9384 19.5976 19.8435 19.5976 20.9688V20.9688C19.5976 22.0941 18.6841 23.0125 17.5599 22.9643C10.9409 22.6805 6.454 20.9387 3.75496 17.1258C0.937988 13.1464 0.486328 7.39309 0.486328 0.593262H4.50974C4.50974 7.54693 5.06394 11.9813 7.02477 14.7513Z\"\n                    fill=\"#D9D8FF\"\n                  />\n                </Svg>\n              </StyledBox>\n              <Flex style={{ flex: 1 }}>\n                <RowStyle $level={recursiveLevel} $isActive={isActive} $isCollapsable={isArrayType}>\n                  <CollapseLabel\n                    alignItems=\"center\"\n                    $isCollapsable={isArrayType}\n                    {...(isArrayType && {\n                      onClick: () => handleClickToggleSubLevel(value),\n                      'aria-expanded': isActive,\n                      onKeyDown: ({ key }: React.KeyboardEvent<HTMLDivElement>) =>\n                        (key === 'Enter' || key === ' ') && handleClickToggleSubLevel(value),\n                      tabIndex: 0,\n                      role: 'button',\n                    })}\n                    title={label}\n                  >\n                    <RowLabel ellipsis>{label}</RowLabel>\n                    {required && <RequiredSign />}\n                    <CarretIcon $isActive={isActive} />\n                  </CollapseLabel>\n                </RowStyle>\n                <Flex style={{ flex: 1 }}>\n                  {propertyActions.map(\n                    ({ actionId, label: propertyLabel, isActionRelatedToCurrentProperty }) => {\n                      if (!isActionRelatedToCurrentProperty) {\n                        return <HiddenAction key={actionId} />;\n                      }\n                      /*\n                       * Usually we use a 'dot' in order to know the key path of an object for which we want to change the value.\n                       * Since an action and a subject are both separated by '.' or '::' we chose to use the '..' separators\n                       */\n                      const checkboxName = [\n                        ...pathToDataFromActionRow.split('..'),\n                        actionId,\n                        'properties',\n                        propertyName,\n                        ...parentName.split('..'),\n                        value,\n                      ];\n\n                      const checkboxValue = get(modifiedData, checkboxName, false);\n\n                      if (!subChildrenForm) {\n                        const fieldPath =\n                          propertyName === 'fields' ? `${parentName}.${value}` : undefined;\n                        const userHasPermission = checkUserHasPermission(\n                          actionId,\n                          subject,\n                          fieldPath\n                        );\n\n                        return (\n                          <Flex\n                            key={propertyLabel}\n                            position=\"relative\"\n                            width={cellWidth}\n                            justifyContent=\"center\"\n                            alignItems=\"center\"\n                          >\n                            <Checkbox\n                              disabled={isFormDisabled || !userHasPermission}\n                              name={checkboxName.join('..')}\n                              aria-label={formatMessage(\n                                {\n                                  id: `Settings.permissions.select-by-permission`,\n                                  defaultMessage: 'Select {label} permission',\n                                },\n                                { label: `${parentName} ${label} ${propertyLabel}` }\n                              )}\n                              onCheckedChange={(value) => {\n                                onChangeSimpleCheckbox({\n                                  target: {\n                                    name: checkboxName.join('..'),\n                                    value: !!value,\n                                  },\n                                });\n                              }}\n                              checked={checkboxValue}\n                            />\n                          </Flex>\n                        );\n                      }\n\n                      const { hasAllActionsSelected, hasSomeActionsSelected } =\n                        getCheckboxState(checkboxValue);\n                      const fieldPath =\n                        propertyName === 'fields' ? `${parentName}.${value}` : undefined;\n                      const userHasPermission = checkUserHasPermission(\n                        actionId,\n                        subject,\n                        fieldPath\n                      );\n\n                      return (\n                        <Flex\n                          key={propertyLabel}\n                          position=\"relative\"\n                          width={cellWidth}\n                          justifyContent=\"center\"\n                          alignItems=\"center\"\n                        >\n                          <Checkbox\n                            key={propertyLabel}\n                            disabled={isFormDisabled || !userHasPermission}\n                            name={checkboxName.join('..')}\n                            aria-label={formatMessage(\n                              {\n                                id: `Settings.permissions.select-by-permission`,\n                                defaultMessage: 'Select {label} permission',\n                              },\n                              { label: `${parentName} ${label} ${propertyLabel}` }\n                            )}\n                            // Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91\n                            onCheckedChange={(value) => {\n                              onChangeParentCheckbox({\n                                target: {\n                                  name: checkboxName.join('..'),\n                                  value: !!value,\n                                },\n                              });\n                            }}\n                            checked={\n                              hasSomeActionsSelected ? 'indeterminate' : hasAllActionsSelected\n                            }\n                          />\n                        </Flex>\n                      );\n                    }\n                  )}\n                </Flex>\n              </Flex>\n            </Flex>\n            {displayedRecursiveChildren && isActive && (\n              <Box paddingBottom={2}>\n                <SubActionRow\n                  isFormDisabled={isFormDisabled}\n                  parentName={`${parentName}..${value}`}\n                  pathToDataFromActionRow={pathToDataFromActionRow}\n                  propertyActions={propertyActions}\n                  propertyName={propertyName}\n                  recursiveLevel={recursiveLevel + 1}\n                  childrenForm={displayedRecursiveChildren.children}\n                  subject={subject}\n                />\n              </Box>\n            )}\n          </LeftBorderTimeline>\n        );\n      })}\n    </Box>\n  );\n};\n\nconst LeftBorderTimeline = styled<BoxComponent>(Box)<{ $isVisible?: boolean }>`\n  border-left: ${({ $isVisible, theme }) =>\n    $isVisible ? `4px solid ${theme.colors.primary200}` : '4px solid transparent'};\n`;\n\nconst RowStyle = styled<FlexComponent>(Flex)<{\n  $level: number;\n  $isCollapsable?: boolean;\n  $isActive?: boolean;\n}>`\n  padding-left: ${({ theme }) => theme.spaces[4]};\n  width: ${({ $level }) => 145 - $level * 36}px;\n\n  &:hover {\n    ${({ $isCollapsable, theme }) => $isCollapsable && activeStyle(theme)}\n  }\n\n  ${({ $isCollapsable }) =>\n    $isCollapsable &&\n    `\n      ${CarretIcon} {\n        display: flex;\n      }\n  `}\n  ${({ $isActive, theme }) => $isActive && activeStyle(theme)};\n`;\n\nconst RowLabel = styled<TypographyComponent>(Typography)``;\n\nconst TopTimeline = styled.div`\n  padding-top: ${({ theme }) => theme.spaces[2]};\n  margin-top: ${({ theme }) => theme.spaces[2]};\n  width: 0.4rem;\n  background-color: ${({ theme }) => theme.colors.primary200};\n  border-top-left-radius: 2px;\n  border-top-right-radius: 2px;\n`;\n\nconst StyledBox = styled<BoxComponent>(Box)`\n  transform: translate(-4px, -12px);\n\n  &:before {\n    content: '';\n    width: 0.4rem;\n    height: 1.2rem;\n    background: ${({ theme }) => theme.colors.primary200};\n    display: block;\n  }\n`;\n\nconst Svg = styled.svg<{ $color: keyof DefaultTheme['colors'] }>`\n  position: relative;\n  flex-shrink: 0;\n  transform: translate(-0.5px, -1px);\n\n  * {\n    fill: ${({ theme, $color }) => theme.colors[$color]};\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Header\n * -----------------------------------------------------------------------------------------------*/\n\ninterface HeaderProps {\n  headers?: PropertyAction[];\n  label: string;\n}\n\nconst Header = ({ headers = [], label }: HeaderProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Flex>\n      <Flex width={firstRowWidth} height={rowHeight} shrink={0} alignItems=\"center\" paddingLeft={6}>\n        <Typography variant=\"sigma\" textColor=\"neutral500\">\n          {formatMessage(\n            {\n              id: 'Settings.roles.form.permission.property-label',\n              defaultMessage: '{label} permissions',\n            },\n            { label }\n          )}\n        </Typography>\n      </Flex>\n      {headers.map((header) => {\n        if (!header.isActionRelatedToCurrentProperty) {\n          return <Flex width={cellWidth} shrink={0} key={header.label} />;\n        }\n\n        return (\n          <Flex width={cellWidth} shrink={0} justifyContent=\"center\" key={header.label}>\n            <Typography variant=\"sigma\" textColor=\"neutral500\">\n              {formatMessage({\n                id: `Settings.roles.form.permissions.${header.label.toLowerCase()}`,\n                defaultMessage: header.label,\n              })}\n            </Typography>\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n};\n\nconst activeStyle = (theme: DefaultTheme) => css`\n  color: ${theme.colors.primary600};\n  font-weight: ${theme.fontWeights.bold};\n\n  ${CarretIcon} {\n    path {\n      fill: ${theme.colors.primary600};\n    }\n  }\n`;\n\nexport { CollapsePropertyMatrix };\n"],"names":["CollapsePropertyMatrix","availableActions","childrenForm","isFormDisabled","label","pathToData","propertyName","subject","formatMessage","formatList","useIntl","modifiedData","usePermissionsDataManager","propertyActions","React","useMemo","map","action","isActionRelatedToCurrentProperty","Array","isArray","applyToProperties","indexOf","isDisplayed","actionId","contentTypeKind","split","localeValidationErrorLabels","undefined","errorKeys","getLocaleValidationErrorActionKeys","filter","includes","_jsxs","Flex","display","direction","alignItems","minWidth","_jsx","Header","headers","length","Box","paddingLeft","paddingTop","paddingBottom","Typography","role","variant","textColor","id","defaultMessage","count","actions","type","children","value","required","i","ActionRow","name","isOdd","rowToOpen","setRowToOpen","useState","onChangeCollectionTypeLeftActionRowCheckbox","onChangeParentCheckbox","onChangeSimpleCheckbox","checkUserHasPermission","isActive","recursiveChildren","isCollapsable","handleClick","useCallback","prev","handleChangeLeftRowCheckbox","target","hasAllActionsSelected","hasSomeActionsSelected","getRowLabelCheckboxState","_Fragment","Wrapper","$isCollapsable","$isActive","background","RowLabelWithCheckbox","onChange","onClick","someChecked","RequiredSign","CarretIcon","HiddenAction","checkboxName","checkboxValue","get","fieldPath","userHasPermission","width","cellWidth","position","justifyContent","Checkbox","disabled","join","aria-label","onCheckedChange","checked","data","getCheckboxState","SubActionRow","parentName","pathToDataFromActionRow","recursiveLevel","pathToContentType","propertyToCheck","targetKey","actionIds","reduce","acc","current","push","mainData","styled","rowHeight","theme","activeStyle","CaretDown","colors","neutral200","spaces","handleClickToggleSubLevel","displayedRecursiveChildren","find","TopTimeline","subChildrenForm","index","isVisible","isArrayType","LeftBorderTimeline","$isVisible","height","StyledBox","Svg","viewBox","fill","xmlns","$color","path","fillRule","clipRule","d","style","flex","RowStyle","$level","CollapseLabel","onKeyDown","key","tabIndex","title","RowLabel","ellipsis","propertyLabel","primary200","div","svg","firstRowWidth","shrink","header","toLowerCase","css","primary600","fontWeights","bold"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,MAAMA,yBAAyB,CAAC,EAC9BC,mBAAmB,EAAE,EACrBC,eAAe,EAAE,EACjBC,cAAc,EACdC,KAAK,EACLC,UAAU,EACVC,YAAY,EACZC,OAAO,EACqB,GAAA;AAC5B,IAAA,MAAM,EAAEC,aAAa,EAAEC,UAAU,EAAE,GAAGC,iBAAAA,EAAAA;IACtC,MAAM,EAAEC,YAAY,EAAE,GAAGC,mDAAAA,EAAAA;IACzB,MAAMC,eAAAA,GAAkBC,iBAAMC,OAAO,CACnC,IACEd,gBAAAA,CAAiBe,GAAG,CAAC,CAACC,MAAAA,GAAAA;AACpB,YAAA,MAAMC,mCACJC,KAAAA,CAAMC,OAAO,CAACH,MAAAA,CAAOI,iBAAiB,CAAA,IACtCJ,MAAAA,CAAOI,iBAAiB,CAACC,OAAO,CAAChB,YAAAA,CAAAA,KAAkB,EAAC,IACpDW,OAAOM,WAAW;YAEpB,OAAO;AAAEnB,gBAAAA,KAAAA,EAAOa,OAAOb,KAAK;AAAEoB,gBAAAA,QAAAA,EAAUP,OAAOO,QAAQ;AAAEN,gBAAAA;AAAiC,aAAA;QAC5F,CAAA,CAAA,EACF;AAACjB,QAAAA,gBAAAA;AAAkBK,QAAAA;AAAa,KAAA,CAAA;AAGlC,IAAA,MAAMmB,kBAAkBpB,UAAAA,CAAWqB,KAAK,CAAC,IAAA,CAAK,CAAC,CAAA,CAAE;IACjD,MAAMC,2BAAAA,GAA8Bb,gBAAAA,CAAMC,OAAO,CAAC,IAAA;AAChD,QAAA,IAAIT,YAAAA,KAAiB,SAAA,IAAaC,OAAAA,KAAYqB,SAAAA,EAAW,OAAO,EAAE;QAClE,MAAMC,SAAAA,GAAYC,6DAAAA,CAAmCnB,YAAAA,EAAcc,eAAAA,EAAiBlB,OAAAA,CAAAA;QACpF,OAAOM,eAAAA,CACJkB,MAAM,CACL,CAAC,EAAEP,QAAQ,EAAEN,gCAAgC,EAAE,GAC7CA,oCAAoCW,SAAAA,CAAUG,QAAQ,CAACR,QAAAA,CAAAA,CAAAA,CAE1DR,GAAG,CAAC,CAAC,EAAEZ,KAAK,EAAE,GAAKA,KAAAA,CAAAA;IACxB,CAAA,EAAG;AAACE,QAAAA,YAAAA;AAAcC,QAAAA,OAAAA;AAASI,QAAAA,YAAAA;AAAcc,QAAAA,eAAAA;AAAiBZ,QAAAA;AAAgB,KAAA,CAAA;AAE1E,IAAA,qBACEoB,eAAA,CAACC,iBAAAA,EAAAA;QAAKC,OAAAA,EAAQ,aAAA;QAAcC,SAAAA,EAAU,QAAA;QAASC,UAAAA,EAAW,SAAA;QAAUC,QAAAA,EAAU,CAAA;;0BAC5EC,cAAA,CAACC,MAAAA,EAAAA;gBAAOpC,KAAAA,EAAOA,KAAAA;gBAAOqC,OAAAA,EAAS5B;;YAC9Bc,2BAAAA,CAA4Be,MAAM,GAAG,CAAA,kBACpCH,cAAA,CAACI,gBAAAA,EAAAA;gBAAIC,WAAAA,EAAa,CAAA;gBAAGC,UAAAA,EAAY,CAAA;gBAAGC,aAAAA,EAAe,CAAA;AACjD,gBAAA,QAAA,gBAAAP,cAAA,CAACQ,uBAAAA,EAAAA;oBAAWC,IAAAA,EAAK,OAAA;oBAAQC,OAAAA,EAAQ,IAAA;oBAAKC,SAAAA,EAAU,WAAA;8BAC7C1C,aAAAA,CACC;wBACE2C,EAAAA,EAAI,oDAAA;wBACJC,cAAAA,EACE;qBACJ,EACA;AACEC,wBAAAA,KAAAA,EAAO1B,4BAA4Be,MAAM;AACzCY,wBAAAA,OAAAA,EAAS7C,WAAWkB,2BAAAA,EAA6B;4BAAE4B,IAAAA,EAAM;AAAc,yBAAA;AACzE,qBAAA;;;0BAKRhB,cAAA,CAACI,gBAAAA,EAAAA;AACEzC,gBAAAA,QAAAA,EAAAA,YAAAA,CAAac,GAAG,CAAC,CAAC,EAAEwC,UAAUtD,YAAY,EAAEE,KAAK,EAAEqD,KAAK,EAAEC,QAAQ,EAAE,EAAEC,kBACrEpB,cAAA,CAACqB,SAAAA,EAAAA;wBACC1D,YAAAA,EAAcA,YAAAA;wBAEdE,KAAAA,EAAOA,KAAAA;wBACPD,cAAAA,EAAgBA,cAAAA;wBAChB0D,IAAAA,EAAMJ,KAAAA;wBACNC,QAAAA,EAAUA,QAAAA;wBACV7C,eAAAA,EAAiBA,eAAAA;wBACjBR,UAAAA,EAAYA,UAAAA;wBACZC,YAAAA,EAAcA,YAAAA;AACdwD,wBAAAA,KAAAA,EAAOH,IAAI,CAAA,KAAM,CAAA;wBACjBpD,OAAAA,EAASA;AATJkD,qBAAAA,EAAAA,KAAAA,CAAAA;;;;AAejB;AAkBA,MAAMG,SAAAA,GAAY,CAAC,EACjB1D,YAAAA,GAAe,EAAE,EACjBE,KAAK,EACLD,cAAAA,GAAiB,KAAK,EACtB0D,IAAI,EACJH,WAAW,KAAK,EAChBrD,UAAU,EACVQ,eAAe,EACfP,YAAY,EACZwD,KAAAA,GAAQ,KAAK,EACbvD,OAAO,EACQ,GAAA;IACf,MAAM,EAAEC,aAAa,EAAE,GAAGE,iBAAAA,EAAAA;AAC1B,IAAA,MAAM,CAACqD,SAAAA,EAAWC,YAAAA,CAAa,GAAGlD,gBAAAA,CAAMmD,QAAQ,CAAgB,IAAA,CAAA;IAChE,MAAM,EACJtD,YAAY,EACZuD,2CAA2C,EAC3CC,sBAAsB,EACtBC,sBAAsB,EACtBC,sBAAsB,EACvB,GAAGzD,mDAAAA,EAAAA;AAEJ,IAAA,MAAM0D,WAAWP,SAAAA,KAAcF,IAAAA;IAE/B,MAAMU,iBAAAA,GAAoBzD,gBAAAA,CAAMC,OAAO,CAAC,IAAA;AACtC,QAAA,IAAI,CAACI,KAAAA,CAAMC,OAAO,CAAClB,YAAAA,CAAAA,EAAe;AAChC,YAAA,OAAO,EAAE;AACX,QAAA;QAEA,OAAOA,YAAAA;IACT,CAAA,EAAG;AAACA,QAAAA;AAAa,KAAA,CAAA;IAEjB,MAAMsE,aAAAA,GAAgBD,iBAAAA,CAAkB7B,MAAM,GAAG,CAAA;IAEjD,MAAM+B,WAAAA,GAAc3D,gBAAAA,CAAM4D,WAAW,CAAC,IAAA;AACpC,QAAA,IAAIF,aAAAA,EAAe;AACjBR,YAAAA,YAAAA,CAAa,CAACW,IAAAA,GAAAA;AACZ,gBAAA,IAAIA,SAASd,IAAAA,EAAM;oBACjB,OAAO,IAAA;AACT,gBAAA;gBAEA,OAAOA,IAAAA;AACT,YAAA,CAAA,CAAA;AACF,QAAA;IACF,CAAA,EAAG;AAACW,QAAAA,aAAAA;AAAeX,QAAAA;AAAK,KAAA,CAAA;AAExB,IAAA,MAAMe,8BAAqE,CAAC,EAC1EC,QAAQ,EAAEpB,KAAK,EAAE,EAClB,GAAA;QACCS,2CAAAA,CAA4C7D,UAAAA,EAAYC,cAAcuD,IAAAA,EAAMJ,KAAAA,CAAAA;AAC9E,IAAA,CAAA;IAEA,MAAM,EAAEqB,qBAAqB,EAAEC,sBAAsB,EAAE,GAAGjE,gBAAAA,CAAMC,OAAO,CAAC,IAAA;AACtE,QAAA,OAAOiE,wBAAAA,CAAyBnE,eAAAA,EAAiBF,YAAAA,EAAcN,UAAAA,EAAYC,YAAAA,EAAcuD,IAAAA,CAAAA;IAC3F,CAAA,EAAG;AAAChD,QAAAA,eAAAA;AAAiBF,QAAAA,YAAAA;AAAcN,QAAAA,UAAAA;AAAYC,QAAAA,YAAAA;AAAcuD,QAAAA;AAAK,KAAA,CAAA;IAElE,qBACE5B,eAAA,CAAAgD,mBAAA,EAAA;;0BACE1C,cAAA,CAAC2C,OAAAA,EAAAA;gBACC7C,UAAAA,EAAW,QAAA;gBACX8C,cAAAA,EAAgBX,aAAAA;gBAChBY,SAAAA,EAAWd,QAAAA;AACXe,gBAAAA,UAAAA,EAAYvB,QAAQ,YAAA,GAAe,UAAA;AAEnC,gBAAA,QAAA,gBAAA7B,eAAA,CAACC,iBAAAA,EAAAA;;sCACCD,eAAA,CAACqD,yCAAAA,EAAAA;4BACCC,QAAAA,EAAUX,2BAAAA;4BACVY,OAAAA,EAASf,WAAAA;4BACTD,aAAAA,EAAeA,aAAAA;4BACfrE,cAAAA,EAAgBA,cAAAA;4BAChBC,KAAAA,EAAOA,KAAAA;4BACPqF,WAAAA,EAAaV,sBAAAA;4BACbtB,KAAAA,EAAOqB,qBAAAA;4BACPR,QAAAA,EAAUA,QAAAA;;AAETZ,gCAAAA,QAAAA,kBAAYnB,cAAA,CAACmD,yBAAAA,EAAAA,EAAAA,CAAAA;8CACdnD,cAAA,CAACoD,UAAAA,EAAAA;oCAAWP,SAAAA,EAAWd;;;;sCAEzB/B,cAAA,CAACL,iBAAAA,EAAAA;sCACErB,eAAAA,CAAgBG,GAAG,CAAC,CAAC,EAAEZ,KAAK,EAAEc,gCAAgC,EAAEM,QAAQ,EAAE,GAAA;AACzE,gCAAA,IAAI,CAACN,gCAAAA,EAAkC;AACrC,oCAAA,qBAAOqB,eAACqD,yBAAAA,EAAAA,EAAAA,EAAkBxF,KAAAA,CAAAA;AAC5B,gCAAA;AAEA,gCAAA,MAAMyF,YAAAA,GAAe;AAChBxF,oCAAAA,GAAAA,UAAAA,CAAWqB,KAAK,CAAC,IAAA,CAAA;AACpBF,oCAAAA,QAAAA;AACA,oCAAA,YAAA;AACAlB,oCAAAA,YAAAA;AACAuD,oCAAAA;AACD,iCAAA;AAED,gCAAA,IAAI,CAACW,aAAAA,EAAe;oCAClB,MAAMsB,aAAAA,GAAgBC,oBAAAA,CAAIpF,YAAAA,EAAckF,YAAAA,EAAc,KAAA,CAAA;oCACtD,MAAMG,SAAAA,GAAY1F,YAAAA,KAAiB,QAAA,GAAWuD,IAAAA,GAAOjC,SAAAA;oCACrD,MAAMqE,iBAAAA,GAAoB5B,sBAAAA,CAAuB7C,QAAAA,EAAUjB,OAAAA,EAASyF,SAAAA,CAAAA;AAEpE,oCAAA,qBACEzD,cAAA,CAACL,iBAAAA,EAAAA;wCAECgE,KAAAA,EAAOC,mBAAAA;wCACPC,QAAAA,EAAS,UAAA;wCACTC,cAAAA,EAAe,QAAA;wCACfhE,UAAAA,EAAW,QAAA;AAEX,wCAAA,QAAA,gBAAAE,cAAA,CAAC+D,qBAAAA,EAAAA;AACCC,4CAAAA,QAAAA,EAAUpG,kBAAkB,CAAC8F,iBAAAA;4CAC7BpC,IAAAA,EAAMgC,YAAAA,CAAaW,IAAI,CAAC,IAAA,CAAA;AACxBC,4CAAAA,YAAAA,EAAYjG,aAAAA,CACV;gDACE2C,EAAAA,EAAI,CAAC,yCAAyC,CAAC;gDAC/CC,cAAAA,EAAgB;6CAClB,EACA;AAAEhD,gDAAAA,KAAAA,EAAO,CAAA,EAAGyD,IAAAA,CAAK,CAAC,EAAEzD,KAAAA,CAAAA;AAAQ,6CAAA,CAAA;AAE9BsG,4CAAAA,eAAAA,EAAiB,CAACjD,KAAAA,GAAAA;gDAChBW,sBAAAA,CAAuB;oDACrBS,MAAAA,EAAQ;wDACNhB,IAAAA,EAAMgC,YAAAA,CAAaW,IAAI,CAAC,IAAA,CAAA;AACxB/C,wDAAAA,KAAAA,EAAO,CAAC,CAACA;AACX;AACF,iDAAA,CAAA;AACF,4CAAA,CAAA;4CACAkD,OAAAA,EAASb;;AAxBNtE,qCAAAA,EAAAA,QAAAA,CAAAA;AA4BX,gCAAA;AAEA,gCAAA,MAAMoF,IAAAA,GAAOb,oBAAAA,CAAIpF,YAAAA,EAAckF,YAAAA,EAAc,EAAC,CAAA;AAE9C,gCAAA,MAAM,EAAEf,qBAAqB,EAAEC,sBAAsB,EAAE,GAAG8B,iCAAAA,CAAiBD,IAAAA,CAAAA;gCAC3E,MAAMZ,SAAAA,GAAY1F,YAAAA,KAAiB,QAAA,GAAWuD,IAAAA,GAAOjC,SAAAA;gCACrD,MAAMqE,iBAAAA,GAAoB5B,sBAAAA,CAAuB7C,QAAAA,EAAUjB,OAAAA,EAASyF,SAAAA,CAAAA;AAEpE,gCAAA,qBACEzD,cAAA,CAACL,iBAAAA,EAAAA;oCAECgE,KAAAA,EAAOC,mBAAAA;oCACPC,QAAAA,EAAS,UAAA;oCACTC,cAAAA,EAAe,QAAA;oCACfhE,UAAAA,EAAW,QAAA;AAEX,oCAAA,QAAA,gBAAAE,cAAA,CAAC+D,qBAAAA,EAAAA;AACCC,wCAAAA,QAAAA,EAAUpG,kBAAkB,CAAC8F,iBAAAA;wCAC7BpC,IAAAA,EAAMgC,YAAAA,CAAaW,IAAI,CAAC,IAAA,CAAA;AACxBE,wCAAAA,eAAAA,EAAiB,CAACjD,KAAAA,GAAAA;4CAChBU,sBAAAA,CAAuB;gDACrBU,MAAAA,EAAQ;oDACNhB,IAAAA,EAAMgC,YAAAA,CAAaW,IAAI,CAAC,IAAA,CAAA;AACxB/C,oDAAAA,KAAAA,EAAO,CAAC,CAACA;AACX;AACF,6CAAA,CAAA;AACF,wCAAA,CAAA;AACAgD,wCAAAA,YAAAA,EAAYjG,aAAAA,CACV;4CACE2C,EAAAA,EAAI,CAAC,yCAAyC,CAAC;4CAC/CC,cAAAA,EAAgB;yCAClB,EACA;AAAEhD,4CAAAA,KAAAA,EAAO,CAAA,EAAGyD,IAAAA,CAAK,CAAC,EAAEzD,KAAAA,CAAAA;AAAQ,yCAAA,CAAA;AAE9BuG,wCAAAA,OAAAA,EAAS5B,yBAAyB,eAAA,GAAkBD;;AAxBjD1E,iCAAAA,EAAAA,KAAAA,CAAAA;AA4BX,4BAAA,CAAA;;;;;AAILkE,YAAAA,QAAAA,kBACC/B,cAAA,CAACuE,YAAAA,EAAAA;gBACC5G,YAAAA,EAAcqE,iBAAAA;gBACdpE,cAAAA,EAAgBA,cAAAA;gBAChB4G,UAAAA,EAAYlD,IAAAA;gBACZmD,uBAAAA,EAAyB3G,UAAAA;gBACzBC,YAAAA,EAAcA,YAAAA;gBACdO,eAAAA,EAAiBA,eAAAA;gBACjBoG,cAAAA,EAAgB,CAAA;gBAChB1G,OAAAA,EAASA;;;;AAKnB,CAAA;AAEA;;;AAGC,IACD,MAAMyE,wBAAAA,GAA2B,CAC/BnE,eAAAA,EACAF,YAAAA,EACAuG,mBACAC,eAAAA,EACAC,SAAAA,GAAAA;AAEA,IAAA,MAAMC,SAAAA,GAAYxG,eAAAA,CAAgByG,MAAM,CAAW,CAACC,GAAAA,EAAKC,OAAAA,GAAAA;QACvD,IAAIA,OAAAA,CAAQtG,gCAAgC,EAAE;YAC5CqG,GAAAA,CAAIE,IAAI,CAACD,OAAAA,CAAQhG,QAAQ,CAAA;AAC3B,QAAA;QAEA,OAAO+F,GAAAA;AACT,IAAA,CAAA,EAAG,EAAE,CAAA;AAEL,IAAA,MAAMX,IAAAA,GAAOS,SAAAA,CAAUC,MAAM,CAA0B,CAACC,GAAAA,EAAKC,OAAAA,GAAAA;QAC3D,MAAME,QAAAA,GAAW3B,qBACfpF,YAAAA,EACA;AAAIuG,YAAAA,GAAAA,iBAAAA,CAAkBxF,KAAK,CAAC,IAAA,CAAA;AAAO8F,YAAAA,OAAAA;AAAS,YAAA,YAAA;AAAcL,YAAAA,eAAAA;AAAiBC,YAAAA;SAAU,EACrF,KAAA,CAAA;QAGFG,GAAG,CAACC,QAAQ,GAAGE,QAAAA;QAEf,OAAOH,GAAAA;AACT,IAAA,CAAA,EAAG,EAAC,CAAA;AAEJ,IAAA,OAAOV,iCAAAA,CAAiBD,IAAAA,CAAAA;AAC1B,CAAA;AAEA,MAAM1B,OAAAA,GAAUyC,aAAAA,CAAsBzF,iBAAAA,CAAwD;AACpF,UAAA,EAAE0F,mBAAAA,CAAU;;;;IAIlB,EAAE,CAAC,EAAEzC,cAAc,EAAE0C,KAAK,EAAE,GAAK1C,cAAAA,IAAkB2C,WAAAA,CAAYD,KAAAA,CAAAA;;;AAGjE,EAAA,EAAE,CAAC,EAAE1C,cAAc,EAAE,GACnBA,kBACA;AACE,MAAA,EAAEQ,UAAAA,CAAW;;;AAGjB,EAAA,CAAC;EACD,EAAE,CAAC,EAAEP,SAAS,EAAEyC,KAAK,EAAE,GAAKzC,SAAAA,IAAa0C,WAAAA,CAAYD,KAAAA,CAAAA,CAAO;AAC9D,CAAC;AAED,MAAMlC,UAAAA,GAAagC,aAAAA,CAAOI,eAAAA,CAAkC;;;;;;;;UAQlD,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACC,UAAU,CAAC;;;AAG/B,oBAAA,EAAE,CAAC,EAAE7C,SAAS,EAAE,GAAMA,SAAAA,GAAY,QAAQ,GAAA,CAAK;eACpD,EAAE,CAAC,EAAEyC,KAAK,EAAE,GAAKA,KAAAA,CAAMK,MAAM,CAAC,CAAA,CAAE,CAAC;AAChD,CAAC;AAiBD,MAAMpB,eAAe,CAAC,EACpB5G,eAAe,EAAE,EACjBC,cAAc,EACd8G,cAAc,EACdD,uBAAuB,EACvBnG,eAAe,EACfkG,UAAU,EACVzG,YAAY,EACZC,OAAO,EACW,GAAA;IAClB,MAAM,EAAEC,aAAa,EAAE,GAAGE,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,YAAY,EAAEwD,sBAAsB,EAAEC,sBAAsB,EAAEC,sBAAsB,EAAE,GAC5FzD,mDAAAA,EAAAA;AACF,IAAA,MAAM,CAACmD,SAAAA,EAAWC,YAAAA,CAAa,GAAGlD,gBAAAA,CAAMmD,QAAQ,CAAgB,IAAA,CAAA;AAEhE,IAAA,MAAMkE,4BAA4B,CAACtE,IAAAA,GAAAA;AACjCG,QAAAA,YAAAA,CAAa,CAACW,IAAAA,GAAAA;AACZ,YAAA,IAAIA,SAASd,IAAAA,EAAM;gBACjB,OAAO,IAAA;AACT,YAAA;YAEA,OAAOA,IAAAA;AACT,QAAA,CAAA,CAAA;AACF,IAAA,CAAA;IAEA,MAAMuE,0BAAAA,GAA6BtH,gBAAAA,CAAMC,OAAO,CAAC,IAAA;AAC/C,QAAA,IAAI,CAACgD,SAAAA,EAAW;YACd,OAAO,IAAA;AACT,QAAA;QAEA,OAAO7D,YAAAA,CAAamI,IAAI,CAAC,CAAC,EAAE5E,KAAK,EAAE,GAAKA,KAAAA,KAAUM,SAAAA,CAAAA;IACpD,CAAA,EAAG;AAACA,QAAAA,SAAAA;AAAW7D,QAAAA;AAAa,KAAA,CAAA;AAE5B,IAAA,qBACE+B,eAAA,CAACU,gBAAAA,EAAAA;QAAIC,WAAAA,EAAa,CAAC,MAAM,CAAC;;0BACxBL,cAAA,CAAC+F,WAAAA,EAAAA,EAAAA,CAAAA;AACApI,YAAAA,YAAAA,CAAac,GAAG,CAAC,CAAC,EAAEZ,KAAK,EAAEqD,KAAK,EAAEC,QAAQ,EAAEF,QAAAA,EAAU+E,eAAe,EAAE,EAAEC,KAAAA,GAAAA;AACxE,gBAAA,MAAMC,SAAAA,GAAYD,KAAAA,GAAQ,CAAA,GAAItI,YAAAA,CAAawC,MAAM;gBACjD,MAAMgG,WAAAA,GAAcvH,KAAAA,CAAMC,OAAO,CAACmH,eAAAA,CAAAA;AAClC,gBAAA,MAAMjE,WAAWP,SAAAA,KAAcN,KAAAA;AAE/B,gBAAA,qBACExB,eAAA,CAAC0G,kBAAAA,EAAAA;oBAA+BC,UAAAA,EAAYH,SAAAA;;sCAC1CxG,eAAA,CAACC,iBAAAA,EAAAA;4BAAK2G,MAAAA,EAAQjB,mBAAAA;;8CACZrF,cAAA,CAACuG,SAAAA,EAAAA;AACC,oCAAA,QAAA,gBAAAvG,cAAA,CAACwG,GAAAA,EAAAA;wCACC7C,KAAAA,EAAM,IAAA;wCACN2C,MAAAA,EAAO,IAAA;wCACPG,OAAAA,EAAQ,WAAA;wCACRC,IAAAA,EAAK,MAAA;wCACLC,KAAAA,EAAM,4BAAA;wCACNC,MAAAA,EAAO,YAAA;AAEP,wCAAA,QAAA,gBAAA5G,cAAA,CAAC6G,MAAAA,EAAAA;4CACCC,QAAAA,EAAS,SAAA;4CACTC,QAAAA,EAAS,SAAA;4CACTC,CAAAA,EAAE,qUAAA;4CACFN,IAAAA,EAAK;;;;8CAIXhH,eAAA,CAACC,iBAAAA,EAAAA;oCAAKsH,KAAAA,EAAO;wCAAEC,IAAAA,EAAM;AAAE,qCAAA;;sDACrBlH,cAAA,CAACmH,QAAAA,EAAAA;4CAASC,MAAAA,EAAQ1C,cAAAA;4CAAgB7B,SAAAA,EAAWd,QAAAA;4CAAUa,cAAAA,EAAgBuD,WAAAA;AACrE,4CAAA,QAAA,gBAAAzG,eAAA,CAAC2H,2BAAAA,EAAAA;gDACCvH,UAAAA,EAAW,QAAA;gDACX8C,cAAAA,EAAgBuD,WAAAA;AACf,gDAAA,GAAIA,WAAAA,IAAe;AAClBlD,oDAAAA,OAAAA,EAAS,IAAM2C,yBAAAA,CAA0B1E,KAAAA,CAAAA;oDACzC,eAAA,EAAiBa,QAAAA;AACjBuF,oDAAAA,SAAAA,EAAW,CAAC,EAAEC,GAAG,EAAuC,GACrDA,CAAAA,GAAAA,KAAQ,OAAA,IAAWA,GAAAA,KAAQ,GAAE,KAAM3B,yBAAAA,CAA0B1E,KAAAA,CAAAA;oDAChEsG,QAAAA,EAAU,CAAA;oDACV/G,IAAAA,EAAM;iDACP;gDACDgH,KAAAA,EAAO5J,KAAAA;;kEAEPmC,cAAA,CAAC0H,QAAAA,EAAAA;wDAASC,QAAQ,EAAA,IAAA;AAAE9J,wDAAAA,QAAAA,EAAAA;;AACnBsD,oDAAAA,QAAAA,kBAAYnB,cAAA,CAACmD,yBAAAA,EAAAA,EAAAA,CAAAA;kEACdnD,cAAA,CAACoD,UAAAA,EAAAA;wDAAWP,SAAAA,EAAWd;;;;;sDAG3B/B,cAAA,CAACL,iBAAAA,EAAAA;4CAAKsH,KAAAA,EAAO;gDAAEC,IAAAA,EAAM;AAAE,6CAAA;sDACpB5I,eAAAA,CAAgBG,GAAG,CAClB,CAAC,EAAEQ,QAAQ,EAAEpB,KAAAA,EAAO+J,aAAa,EAAEjJ,gCAAgC,EAAE,GAAA;AACnE,gDAAA,IAAI,CAACA,gCAAAA,EAAkC;AACrC,oDAAA,qBAAOqB,eAACqD,yBAAAA,EAAAA,EAAAA,EAAkBpE,QAAAA,CAAAA;AAC5B,gDAAA;AACA;;;AAGC,0BACD,MAAMqE,YAAAA,GAAe;AAChBmB,oDAAAA,GAAAA,uBAAAA,CAAwBtF,KAAK,CAAC,IAAA,CAAA;AACjCF,oDAAAA,QAAAA;AACA,oDAAA,YAAA;AACAlB,oDAAAA,YAAAA;AACGyG,oDAAAA,GAAAA,UAAAA,CAAWrF,KAAK,CAAC,IAAA,CAAA;AACpB+B,oDAAAA;AACD,iDAAA;gDAED,MAAMqC,aAAAA,GAAgBC,oBAAAA,CAAIpF,YAAAA,EAAckF,YAAAA,EAAc,KAAA,CAAA;AAEtD,gDAAA,IAAI,CAAC0C,eAAAA,EAAiB;oDACpB,MAAMvC,SAAAA,GACJ1F,iBAAiB,QAAA,GAAW,CAAA,EAAGyG,WAAW,CAAC,EAAEtD,OAAO,GAAG7B,SAAAA;oDACzD,MAAMqE,iBAAAA,GAAoB5B,sBAAAA,CACxB7C,QAAAA,EACAjB,OAAAA,EACAyF,SAAAA,CAAAA;AAGF,oDAAA,qBACEzD,cAAA,CAACL,iBAAAA,EAAAA;wDAECkE,QAAAA,EAAS,UAAA;wDACTF,KAAAA,EAAOC,mBAAAA;wDACPE,cAAAA,EAAe,QAAA;wDACfhE,UAAAA,EAAW,QAAA;AAEX,wDAAA,QAAA,gBAAAE,cAAA,CAAC+D,qBAAAA,EAAAA;AACCC,4DAAAA,QAAAA,EAAUpG,kBAAkB,CAAC8F,iBAAAA;4DAC7BpC,IAAAA,EAAMgC,YAAAA,CAAaW,IAAI,CAAC,IAAA,CAAA;AACxBC,4DAAAA,YAAAA,EAAYjG,aAAAA,CACV;gEACE2C,EAAAA,EAAI,CAAC,yCAAyC,CAAC;gEAC/CC,cAAAA,EAAgB;6DAClB,EACA;AAAEhD,gEAAAA,KAAAA,EAAO,GAAG2G,UAAAA,CAAW,CAAC,EAAE3G,KAAAA,CAAM,CAAC,EAAE+J,aAAAA,CAAAA;AAAgB,6DAAA,CAAA;AAErDzD,4DAAAA,eAAAA,EAAiB,CAACjD,KAAAA,GAAAA;gEAChBW,sBAAAA,CAAuB;oEACrBS,MAAAA,EAAQ;wEACNhB,IAAAA,EAAMgC,YAAAA,CAAaW,IAAI,CAAC,IAAA,CAAA;AACxB/C,wEAAAA,KAAAA,EAAO,CAAC,CAACA;AACX;AACF,iEAAA,CAAA;AACF,4DAAA,CAAA;4DACAkD,OAAAA,EAASb;;AAxBNqE,qDAAAA,EAAAA,aAAAA,CAAAA;AA4BX,gDAAA;AAEA,gDAAA,MAAM,EAAErF,qBAAqB,EAAEC,sBAAsB,EAAE,GACrD8B,iCAAAA,CAAiBf,aAAAA,CAAAA;gDACnB,MAAME,SAAAA,GACJ1F,iBAAiB,QAAA,GAAW,CAAA,EAAGyG,WAAW,CAAC,EAAEtD,OAAO,GAAG7B,SAAAA;gDACzD,MAAMqE,iBAAAA,GAAoB5B,sBAAAA,CACxB7C,QAAAA,EACAjB,OAAAA,EACAyF,SAAAA,CAAAA;AAGF,gDAAA,qBACEzD,cAAA,CAACL,iBAAAA,EAAAA;oDAECkE,QAAAA,EAAS,UAAA;oDACTF,KAAAA,EAAOC,mBAAAA;oDACPE,cAAAA,EAAe,QAAA;oDACfhE,UAAAA,EAAW,QAAA;AAEX,oDAAA,QAAA,gBAAAE,cAAA,CAAC+D,qBAAAA,EAAAA;AAECC,wDAAAA,QAAAA,EAAUpG,kBAAkB,CAAC8F,iBAAAA;wDAC7BpC,IAAAA,EAAMgC,YAAAA,CAAaW,IAAI,CAAC,IAAA,CAAA;AACxBC,wDAAAA,YAAAA,EAAYjG,aAAAA,CACV;4DACE2C,EAAAA,EAAI,CAAC,yCAAyC,CAAC;4DAC/CC,cAAAA,EAAgB;yDAClB,EACA;AAAEhD,4DAAAA,KAAAA,EAAO,GAAG2G,UAAAA,CAAW,CAAC,EAAE3G,KAAAA,CAAM,CAAC,EAAE+J,aAAAA,CAAAA;AAAgB,yDAAA,CAAA;;AAGrDzD,wDAAAA,eAAAA,EAAiB,CAACjD,KAAAA,GAAAA;4DAChBU,sBAAAA,CAAuB;gEACrBU,MAAAA,EAAQ;oEACNhB,IAAAA,EAAMgC,YAAAA,CAAaW,IAAI,CAAC,IAAA,CAAA;AACxB/C,oEAAAA,KAAAA,EAAO,CAAC,CAACA;AACX;AACF,6DAAA,CAAA;AACF,wDAAA,CAAA;AACAkD,wDAAAA,OAAAA,EACE5B,yBAAyB,eAAA,GAAkBD;AApBxCqF,qDAAAA,EAAAA,aAAAA;AAPFA,iDAAAA,EAAAA,aAAAA,CAAAA;AAgCX,4CAAA,CAAA;;;;;;AAKP/B,wBAAAA,0BAAAA,IAA8B9D,0BAC7B/B,cAAA,CAACI,gBAAAA,EAAAA;4BAAIG,aAAAA,EAAe,CAAA;AAClB,4BAAA,QAAA,gBAAAP,cAAA,CAACuE,YAAAA,EAAAA;gCACC3G,cAAAA,EAAgBA,cAAAA;AAChB4G,gCAAAA,UAAAA,EAAY,CAAA,EAAGA,UAAAA,CAAW,EAAE,EAAEtD,KAAAA,CAAAA,CAAO;gCACrCuD,uBAAAA,EAAyBA,uBAAAA;gCACzBnG,eAAAA,EAAiBA,eAAAA;gCACjBP,YAAAA,EAAcA,YAAAA;AACd2G,gCAAAA,cAAAA,EAAgBA,cAAAA,GAAiB,CAAA;AACjC/G,gCAAAA,YAAAA,EAAckI,2BAA2B5E,QAAQ;gCACjDjD,OAAAA,EAASA;;;;AAhKQkD,iBAAAA,EAAAA,KAAAA,CAAAA;AAsK7B,YAAA,CAAA;;;AAGN,CAAA;AAEA,MAAMkF,kBAAAA,GAAqBhB,aAAAA,CAAqBhF,gBAAAA,CAA8B;AAC/D,eAAA,EAAE,CAAC,EAAEiG,UAAU,EAAEf,KAAK,EAAE,GACnCe,UAAAA,GAAa,CAAC,UAAU,EAAEf,KAAAA,CAAMG,MAAM,CAACoC,UAAU,CAAA,CAAE,GAAG,uBAAA,CAAwB;AAClF,CAAC;AAED,MAAMV,QAAAA,GAAW/B,aAAAA,CAAsBzF,iBAAAA,CAIrC;gBACc,EAAE,CAAC,EAAE2F,KAAK,EAAE,GAAKA,KAAAA,CAAMK,MAAM,CAAC,CAAA,CAAE,CAAC;AACxC,SAAA,EAAE,CAAC,EAAEyB,MAAM,EAAE,GAAK,GAAA,GAAMA,SAAS,EAAA,CAAG;;;IAGzC,EAAE,CAAC,EAAExE,cAAc,EAAE0C,KAAK,EAAE,GAAK1C,cAAAA,IAAkB2C,WAAAA,CAAYD,KAAAA,CAAAA;;;AAGjE,EAAA,EAAE,CAAC,EAAE1C,cAAc,EAAE,GACnBA,kBACA;AACE,MAAA,EAAEQ,UAAAA,CAAW;;;AAGjB,EAAA,CAAC;EACD,EAAE,CAAC,EAAEP,SAAS,EAAEyC,KAAK,EAAE,GAAKzC,SAAAA,IAAa0C,WAAAA,CAAYD,KAAAA,CAAAA,CAAO;AAC9D,CAAC;AAED,MAAMoC,QAAAA,GAAWtC,aAAAA,CAA4B5E,uBAAAA,CAAW,CAAC,CAAC;AAE1D,MAAMuF,WAAAA,GAAcX,aAAAA,CAAO0C,GAAG;eACf,EAAE,CAAC,EAAExC,KAAK,EAAE,GAAKA,KAAAA,CAAMK,MAAM,CAAC,CAAA,CAAE,CAAC;cAClC,EAAE,CAAC,EAAEL,KAAK,EAAE,GAAKA,KAAAA,CAAMK,MAAM,CAAC,CAAA,CAAE,CAAC;;oBAE3B,EAAE,CAAC,EAAEL,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACoC,UAAU,CAAC;;;AAG7D,CAAC;AAED,MAAMtB,SAAAA,GAAYnB,aAAAA,CAAqBhF,gBAAAA,CAAI;;;;;;;gBAO3B,EAAE,CAAC,EAAEkF,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACoC,UAAU,CAAC;;;AAGzD,CAAC;AAED,MAAMrB,GAAAA,GAAMpB,aAAAA,CAAO2C,GAA6C;;;;;;UAMtD,EAAE,CAAC,EAAEzC,KAAK,EAAEsB,MAAM,EAAE,GAAKtB,KAAAA,CAAMG,MAAM,CAACmB,MAAAA,CAAO,CAAC;;AAExD,CAAC;AAWD,MAAM3G,SAAS,CAAC,EAAEC,UAAU,EAAE,EAAErC,KAAK,EAAe,GAAA;IAClD,MAAM,EAAEI,aAAa,EAAE,GAAGE,iBAAAA,EAAAA;AAE1B,IAAA,qBACEuB,eAAA,CAACC,iBAAAA,EAAAA;;0BACCK,cAAA,CAACL,iBAAAA,EAAAA;gBAAKgE,KAAAA,EAAOqE,uBAAAA;gBAAe1B,MAAAA,EAAQjB,mBAAAA;gBAAW4C,MAAAA,EAAQ,CAAA;gBAAGnI,UAAAA,EAAW,QAAA;gBAASO,WAAAA,EAAa,CAAA;AACzF,gBAAA,QAAA,gBAAAL,cAAA,CAACQ,uBAAAA,EAAAA;oBAAWE,OAAAA,EAAQ,OAAA;oBAAQC,SAAAA,EAAU,YAAA;8BACnC1C,aAAAA,CACC;wBACE2C,EAAAA,EAAI,+CAAA;wBACJC,cAAAA,EAAgB;qBAClB,EACA;AAAEhD,wBAAAA;AAAM,qBAAA;;;YAIbqC,OAAAA,CAAQzB,GAAG,CAAC,CAACyJ,MAAAA,GAAAA;gBACZ,IAAI,CAACA,MAAAA,CAAOvJ,gCAAgC,EAAE;AAC5C,oBAAA,qBAAOqB,cAAA,CAACL,iBAAAA,EAAAA;wBAAKgE,KAAAA,EAAOC,mBAAAA;wBAAWqE,MAAAA,EAAQ;AAAQC,qBAAAA,EAAAA,MAAAA,CAAOrK,KAAK,CAAA;AAC7D,gBAAA;AAEA,gBAAA,qBACEmC,cAAA,CAACL,iBAAAA,EAAAA;oBAAKgE,KAAAA,EAAOC,mBAAAA;oBAAWqE,MAAAA,EAAQ,CAAA;oBAAGnE,cAAAA,EAAe,QAAA;AAChD,oBAAA,QAAA,gBAAA9D,cAAA,CAACQ,uBAAAA,EAAAA;wBAAWE,OAAAA,EAAQ,OAAA;wBAAQC,SAAAA,EAAU,YAAA;kCACnC1C,aAAAA,CAAc;AACb2C,4BAAAA,EAAAA,EAAI,CAAC,gCAAgC,EAAEsH,OAAOrK,KAAK,CAACsK,WAAW,EAAA,CAAA,CAAI;AACnEtH,4BAAAA,cAAAA,EAAgBqH,OAAOrK;AACzB,yBAAA;;AAL4DqK,iBAAAA,EAAAA,MAAAA,CAAOrK,KAAK,CAAA;AAShF,YAAA,CAAA;;;AAGN,CAAA;AAEA,MAAM0H,WAAAA,GAAc,CAACD,KAAAA,GAAwB8C,UAAG;AACvC,SAAA,EAAE9C,KAAAA,CAAMG,MAAM,CAAC4C,UAAU,CAAC;AACpB,eAAA,EAAE/C,KAAAA,CAAMgD,WAAW,CAACC,IAAI,CAAC;;AAEtC,EAAA,EAAEnF,UAAAA,CAAW;;AAEH,YAAA,EAAEkC,KAAAA,CAAMG,MAAM,CAAC4C,UAAU,CAAC;;;AAGtC,CAAC;;;;"}

package/dist/admin/admin/src/pages/Settings/pages/Roles/components/CollapsePropertyMatrix.mjs

@@ -8,12 +8,15 @@ import { styled, css } from 'styled-components';
 import { usePermissionsDataManager } from '../hooks/usePermissionsDataManager.mjs';
 import { rowHeight, firstRowWidth, cellWidth } from '../utils/constants.mjs';
 import { getCheckboxState } from '../utils/getCheckboxState.mjs';
+import { getLocaleValidationErrorActionKeys } from '../utils/localePermissionValidation.mjs';
 import { CollapseLabel } from './CollapseLabel.mjs';
 import { HiddenAction } from './HiddenAction.mjs';
 import { RequiredSign } from './RequiredSign.mjs';
 import { RowLabelWithCheckbox } from './RowLabelWithCheckbox.mjs';
 
 const CollapsePropertyMatrix = ({ availableActions = [], childrenForm = [], isFormDisabled, label, pathToData, propertyName, subject })=>{
+    const { formatMessage, formatList } = useIntl();
+    const { modifiedData } = usePermissionsDataManager();
     const propertyActions = React.useMemo(()=>availableActions.map((action)=>{
             const isActionRelatedToCurrentProperty = Array.isArray(action.applyToProperties) && action.applyToProperties.indexOf(propertyName) !== -1 && action.isDisplayed;
             return {
@@ -25,6 +28,18 @@ const CollapsePropertyMatrix = ({ availableActions = [], childrenForm = [], isFo
         availableActions,
         propertyName
     ]);
+    const contentTypeKind = pathToData.split('..')[0];
+    const localeValidationErrorLabels = React.useMemo(()=>{
+        if (propertyName !== 'locales' || subject === undefined) return [];
+        const errorKeys = getLocaleValidationErrorActionKeys(modifiedData, contentTypeKind, subject);
+        return propertyActions.filter(({ actionId, isActionRelatedToCurrentProperty })=>isActionRelatedToCurrentProperty && errorKeys.includes(actionId)).map(({ label })=>label);
+    }, [
+        propertyName,
+        subject,
+        modifiedData,
+        contentTypeKind,
+        propertyActions
+    ]);
     return /*#__PURE__*/ jsxs(Flex, {
         display: "inline-flex",
         direction: "column",
@@ -35,6 +50,25 @@ const CollapsePropertyMatrix = ({ availableActions = [], childrenForm = [], isFo
                 label: label,
                 headers: propertyActions
             }),
+            localeValidationErrorLabels.length > 0 && /*#__PURE__*/ jsx(Box, {
+                paddingLeft: 6,
+                paddingTop: 2,
+                paddingBottom: 2,
+                children: /*#__PURE__*/ jsx(Typography, {
+                    role: "alert",
+                    variant: "pi",
+                    textColor: "danger600",
+                    children: formatMessage({
+                        id: 'Settings.roles.form.permissions.locales.validation',
+                        defaultMessage: '{count, plural, one {The {actions} action must apply to at least one locale.} other {The {actions} actions must apply to at least one locale.}}'
+                    }, {
+                        count: localeValidationErrorLabels.length,
+                        actions: formatList(localeValidationErrorLabels, {
+                            type: 'conjunction'
+                        })
+                    })
+                })
+            }),
             /*#__PURE__*/ jsx(Box, {
                 children: childrenForm.map(({ children: childrenForm, label, value, required }, i)=>/*#__PURE__*/ jsx(ActionRow, {
                         childrenForm: childrenForm,