packages/plugins/i18n/admin/src/hooks/useI18n.ts - develop - githubmirror/strapi

packages/plugins/i18n/admin/src/hooks/useI18n.ts

74 строки2 KB

Anas KABILA

fix(i18n): locale picker not showing all authorized locales (#24325)

27 окт 2025, 12:01

27 окт 2025, 12:012165af8

import * as React from 'react';

import { useAuth } from '@strapi/admin/strapi-admin';
import { unstable_useDocument as useDocument } from '@strapi/content-manager/strapi-admin';
import union from 'lodash/union';
import { useParams } from 'react-router-dom';

import { doesPluginOptionsHaveI18nLocalized } from '../utils/fields';
import { capitalize } from '../utils/strings';

type UseI18n = () => {
  hasI18n: boolean;
  canCreate: string[];
  canRead: string[];
  canUpdate: string[];
  canDelete: string[];
  canPublish: string[];
};

type I18nPermissionKeys = keyof Omit<ReturnType<UseI18n>, 'hasI18n'>;

/**
 * @alpha
 * @description This hook is used to get the i18n status of a content type.
 * Also returns the CRUDP permission locale properties for the content type
 * so we know which locales the user can perform actions on.
 */
const useI18n: UseI18n = () => {
  // Extract the params from the URL to pass to our useDocument hook
  const params = useParams<{ collectionType: string; slug: string; model: string }>();

  const userPermissions = useAuth('useI18n', (state) => state.permissions);
  const actions = React.useMemo(() => {
    const permissions = userPermissions.filter((permission) => permission.subject === params.slug);

    return permissions.reduce<Record<I18nPermissionKeys, string[]>>(
      (acc, permission) => {
        const [actionShorthand] = permission.action.split('.').slice(-1);
        const permissionKey = `can${capitalize(actionShorthand)}` as I18nPermissionKeys;

        acc[permissionKey] = union(acc[permissionKey] ?? [], permission.properties?.locales ?? []);

        return acc;
      },
      { canCreate: [], canRead: [], canUpdate: [], canDelete: [], canPublish: [] }
    );
  }, [params.slug, userPermissions]);

  // TODO: use specific hook to get schema only
  const { schema } = useDocument(
    {
      // We can non-null assert these because below we skip the query if they are not present
      collectionType: params.collectionType!,
      model: params.slug!,
    },
    {
      skip: true,
    }
  );

  if (doesPluginOptionsHaveI18nLocalized(schema?.pluginOptions)) {
    return {
      hasI18n: schema.pluginOptions.i18n.localized,
      ...actions,
    };
  }

  return {
    hasI18n: false,
    ...actions,
  };
};

export { useI18n };