@strapi/plugin-users-permissions 0.0.0-experimental.62ebf57bb35846666febb5ee2078fe02fe990f57 → 0.0.0-experimental.6340da17068c3bed7fb006e7bcc554c71129e282

package/admin/src/pages/Roles/pages/ListPage/index.jsx

@@ -1,11 +1,6 @@
 import React, { useState } from 'react';
 
 import {
-  ActionLayout,
-  ContentLayout,
-  HeaderLayout,
-  Layout,
-  Main,
   Table,
   Th,
   Thead,
@@ -13,50 +8,47 @@ import {
   Typography,
   useNotifyAT,
   VisuallyHidden,
-} from '@strapi/design-system';
-import {
-  CheckPagePermissions,
-  CheckPermissions,
-  ConfirmDialog,
   EmptyStateLayout,
-  LinkButton,
-  LoadingIndicatorPage,
-  NoPermissions,
-  SearchURLQuery,
-  SettingsPageTitle,
   useCollator,
   useFilter,
-  useFocusWhenNavigate,
+  LinkButton,
+  Dialog,
+} from '@strapi/design-system';
+import { Plus } from '@strapi/icons';
+import {
+  ConfirmDialog,
+  useTracking,
+  Page,
+  SearchInput,
   useNotification,
   useQueryParams,
+  useFetchClient,
   useRBAC,
-  useTracking,
-} from '@strapi/helper-plugin';
-import { Plus } from '@strapi/icons';
+  Layouts,
+} from '@strapi/strapi/admin';
 import { useIntl } from 'react-intl';
 import { useMutation, useQuery } from 'react-query';
+import { NavLink } from 'react-router-dom';
 
 import { PERMISSIONS } from '../../../../constants';
 import { getTrad } from '../../../../utils';
 
 import TableBody from './components/TableBody';
-import { deleteData, fetchData } from './utils/api';
 
 export const RolesListPage = () => {
   const { trackUsage } = useTracking();
   const { formatMessage, locale } = useIntl();
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const { notifyStatus } = useNotifyAT();
   const [{ query }] = useQueryParams();
   const _q = query?._q || '';
   const [showConfirmDelete, setShowConfirmDelete] = useState(false);
-  const [isConfirmButtonLoading, setIsConfirmButtonLoading] = useState(false);
   const [roleToDelete, setRoleToDelete] = useState();
-  useFocusWhenNavigate();
+  const { del, get } = useFetchClient();
 
   const {
     isLoading: isLoadingForPermissions,
-    allowedActions: { canRead, canDelete },
+    allowedActions: { canRead, canDelete, canCreate, canUpdate },
   } = useRBAC({
     create: PERMISSIONS.createRole,
     read: PERMISSIONS.readRoles,
@@ -69,12 +61,12 @@ export const RolesListPage = () => {
     data: { roles },
     isFetching,
     refetch,
-  } = useQuery('get-roles', () => fetchData(toggleNotification, notifyStatus), {
+  } = useQuery('get-roles', () => fetchData(toggleNotification, formatMessage, notifyStatus), {
     initialData: {},
     enabled: canRead,
   });
 
-  const { includes } = useFilter(locale, {
+  const { contains } = useFilter(locale, {
     sensitivity: 'base',
   });
 
@@ -85,12 +77,39 @@ export const RolesListPage = () => {
     sensitivity: 'base',
   });
 
-  const isLoading = isLoadingForData || isFetching;
+  const isLoading = isLoadingForData || isFetching || isLoadingForPermissions;
 
   const handleShowConfirmDelete = () => {
     setShowConfirmDelete(!showConfirmDelete);
   };
 
+  const deleteData = async (id, formatMessage, toggleNotification) => {
+    try {
+      await del(`/users-permissions/roles/${id}`);
+    } catch (error) {
+      toggleNotification({
+        type: 'danger',
+        message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),
+      });
+    }
+  };
+
+  const fetchData = async (toggleNotification, formatMessage, notifyStatus) => {
+    try {
+      const { data } = await get('/users-permissions/roles');
+      notifyStatus('The roles have loaded successfully');
+
+      return data;
+    } catch (err) {
+      toggleNotification({
+        type: 'danger',
+        message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),
+      });
+
+      throw new Error(err);
+    }
+  };
+
   const emptyLayout = {
     roles: {
       id: getTrad('Roles.empty'),
@@ -107,21 +126,19 @@ export const RolesListPage = () => {
     defaultMessage: 'Roles',
   });
 
-  const deleteMutation = useMutation((id) => deleteData(id, toggleNotification), {
+  const deleteMutation = useMutation((id) => deleteData(id, formatMessage, toggleNotification), {
     async onSuccess() {
       await refetch();
     },
   });
 
   const handleConfirmDelete = async () => {
-    setIsConfirmButtonLoading(true);
     await deleteMutation.mutateAsync(roleToDelete);
     setShowConfirmDelete(!showConfirmDelete);
-    setIsConfirmButtonLoading(false);
   };
 
   const sortedRoles = (roles || [])
-    .filter((role) => includes(role.name, _q) || includes(role.description, _q))
+    .filter((role) => contains(role.name, _q) || contains(role.description, _q))
     .sort(
       (a, b) => formatter.compare(a.name, b.name) || formatter.compare(a.description, b.description)
     );
@@ -131,112 +148,118 @@ export const RolesListPage = () => {
   const colCount = 4;
   const rowCount = (roles?.length || 0) + 1;
 
+  if (isLoading) {
+    return <Page.Loading />;
+  }
+
   return (
-    <Layout>
-      <SettingsPageTitle name={pageTitle} />
-      <Main aria-busy={isLoading}>
-        <HeaderLayout
-          title={formatMessage({
-            id: 'global.roles',
-            defaultMessage: 'Roles',
-          })}
-          subtitle={formatMessage({
-            id: 'Settings.roles.list.description',
-            defaultMessage: 'List of roles',
-          })}
-          primaryAction={
-            <CheckPermissions permissions={PERMISSIONS.createRole}>
-              <LinkButton
-                to="/settings/users-permissions/roles/new"
-                onClick={() => trackUsage('willCreateRole')}
-                startIcon={<Plus />}
-                size="S"
-              >
-                {formatMessage({
-                  id: getTrad('List.button.roles'),
-                  defaultMessage: 'Add new role',
-                })}
-              </LinkButton>
-            </CheckPermissions>
-          }
-        />
-
-        <ActionLayout
-          startActions={
-            <SearchURLQuery
-              label={formatMessage({
-                id: 'app.component.search.label',
-                defaultMessage: 'Search',
+    <Page.Main>
+      <Page.Title>
+        {formatMessage(
+          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },
+          { name: pageTitle }
+        )}
+      </Page.Title>
+      <Layouts.Header
+        title={formatMessage({
+          id: 'global.roles',
+          defaultMessage: 'Roles',
+        })}
+        subtitle={formatMessage({
+          id: 'Settings.roles.list.description',
+          defaultMessage: 'List of roles',
+        })}
+        primaryAction={
+          canCreate ? (
+            <LinkButton
+              to="new"
+              tag={NavLink}
+              onClick={() => trackUsage('willCreateRole')}
+              startIcon={<Plus />}
+              size="S"
+              fullWidth
+            >
+              {formatMessage({
+                id: getTrad('List.button.roles'),
+                defaultMessage: 'Add new role',
               })}
+            </LinkButton>
+          ) : null
+        }
+      />
+
+      <Layouts.Action
+        startActions={
+          <SearchInput
+            label={formatMessage({
+              id: 'app.component.search.label',
+              defaultMessage: 'Search',
+            })}
+          />
+        }
+      />
+
+      <Layouts.Content>
+        {!canRead && <Page.NoPermissions />}
+        {canRead && sortedRoles && sortedRoles?.length ? (
+          <Table colCount={colCount} rowCount={rowCount}>
+            <Thead>
+              <Tr>
+                <Th>
+                  <Typography variant="sigma" textColor="neutral600">
+                    {formatMessage({ id: 'global.name', defaultMessage: 'Name' })}
+                  </Typography>
+                </Th>
+                <Th>
+                  <Typography variant="sigma" textColor="neutral600">
+                    {formatMessage({
+                      id: 'global.description',
+                      defaultMessage: 'Description',
+                    })}
+                  </Typography>
+                </Th>
+                <Th>
+                  <Typography variant="sigma" textColor="neutral600">
+                    {formatMessage({
+                      id: 'global.users',
+                      defaultMessage: 'Users',
+                    })}
+                  </Typography>
+                </Th>
+                <Th>
+                  <VisuallyHidden>
+                    {formatMessage({
+                      id: 'global.actions',
+                      defaultMessage: 'Actions',
+                    })}
+                  </VisuallyHidden>
+                </Th>
+              </Tr>
+            </Thead>
+            <TableBody
+              sortedRoles={sortedRoles}
+              canDelete={canDelete}
+              canUpdate={canUpdate}
+              permissions={PERMISSIONS}
+              setRoleToDelete={setRoleToDelete}
+              onDelete={[showConfirmDelete, setShowConfirmDelete]}
             />
-          }
-        />
-
-        <ContentLayout>
-          {!canRead && <NoPermissions />}
-          {(isLoading || isLoadingForPermissions) && <LoadingIndicatorPage />}
-          {canRead && sortedRoles && sortedRoles?.length ? (
-            <Table colCount={colCount} rowCount={rowCount}>
-              <Thead>
-                <Tr>
-                  <Th>
-                    <Typography variant="sigma" textColor="neutral600">
-                      {formatMessage({ id: 'global.name', defaultMessage: 'Name' })}
-                    </Typography>
-                  </Th>
-                  <Th>
-                    <Typography variant="sigma" textColor="neutral600">
-                      {formatMessage({
-                        id: 'global.description',
-                        defaultMessage: 'Description',
-                      })}
-                    </Typography>
-                  </Th>
-                  <Th>
-                    <Typography variant="sigma" textColor="neutral600">
-                      {formatMessage({
-                        id: 'global.users',
-                        defaultMessage: 'Users',
-                      })}
-                    </Typography>
-                  </Th>
-                  <Th>
-                    <VisuallyHidden>
-                      {formatMessage({
-                        id: 'global.actions',
-                        defaultMessage: 'Actions',
-                      })}
-                    </VisuallyHidden>
-                  </Th>
-                </Tr>
-              </Thead>
-              <TableBody
-                sortedRoles={sortedRoles}
-                canDelete={canDelete}
-                permissions={PERMISSIONS}
-                setRoleToDelete={setRoleToDelete}
-                onDelete={[showConfirmDelete, setShowConfirmDelete]}
-              />
-            </Table>
-          ) : (
-            <EmptyStateLayout content={emptyLayout[emptyContent]} />
-          )}
-        </ContentLayout>
-        <ConfirmDialog
-          isConfirmButtonLoading={isConfirmButtonLoading}
-          onConfirm={handleConfirmDelete}
-          onToggleDialog={handleShowConfirmDelete}
-          isOpen={showConfirmDelete}
-        />
-      </Main>
-    </Layout>
+          </Table>
+        ) : (
+          <EmptyStateLayout content={formatMessage(emptyLayout[emptyContent])} />
+        )}
+      </Layouts.Content>
+      <Dialog.Root open={showConfirmDelete} onOpenChange={handleShowConfirmDelete}>
+        <ConfirmDialog onConfirm={handleConfirmDelete} />
+      </Dialog.Root>
+    </Page.Main>
   );
 };
 
 export const ProtectedRolesListPage = () => {
   return (
-    <CheckPagePermissions permissions={PERMISSIONS.accessRoles}>
+    <Page.Protect permissions={PERMISSIONS.accessRoles}>
       <RolesListPage />
-    </CheckPagePermissions>
+    </Page.Protect>
   );
 };

package/admin/src/pluginId.js

@@ -1,5 +1,5 @@
-import pluginPkg from '../../package.json';
+import { name } from '../../package.json';
 
-const pluginId = pluginPkg.name.replace(/^@strapi\/plugin-/i, '');
+const pluginId = name.replace(/^@strapi\/plugin-/i, '');
 
 export default pluginId;

package/admin/src/translations/cs.json

@@ -12,35 +12,72 @@
   "EditForm.inputToggle.label.email-confirmation-redirection": "Adresa pro přesměrování",
   "EditForm.inputToggle.label.email-reset-password": "Stránka pro obnovení hesla",
   "EditForm.inputToggle.label.sign-up": "Povolit registrace",
+  "EditForm.inputToggle.placeholder.email-confirmation-redirection": "ex: https://yourfrontend.com/email-confirmation-redirection",
+  "EditForm.inputToggle.placeholder.email-reset-password": "ex: https://yourfrontend.com/reset-password",
+  "EditPage.form.roles": "Detaily role",
+  "Email.template.data.loaded": "E-mailové šablony byly načteny",
+  "Email.template.email_confirmation": "Potvrzení e-mailové adresy",
+  "Email.template.reset_password": "Obnovení hesla",
+  "Email.template.form.edit.label": "Upravit šablonu",
+  "Email.template.table.action.label": "akce",
+  "Email.template.table.icon.label": "ikona",
+  "Email.template.table.name.label": "název",
+  "Form.advancedSettings.data.loaded": "Data pokročilých nastavení byla načtena",
   "HeaderNav.link.advancedSettings": "Pokročilá nastavení",
   "HeaderNav.link.emailTemplates": "E-mailové šablony",
   "HeaderNav.link.providers": "Poskytovatelé",
-  "Plugin.permissions.plugins.description": "Nastavit všechny akce pro zásuvný modul {name}.",
+  "Plugin.permissions.plugins.description": "Nastavit všechny akce pro plugin {name}.",
   "Plugins.header.description": "Pouze akce spojené s adresou jsou vypsány níže.",
   "Plugins.header.title": "Povolení",
-  "Policies.header.hint": "Vyberte akce aplikace, nebo akce zásuvného modulu a klikněte na ikonku ozubeného kolečka pro zobrazení adresy s nimi spojenou.",
+  "Policies.header.hint": "Vyberte akce aplikace, nebo akce pluginu a klikněte na ikonku ozubeného kolečka pro zobrazení adresy s nimi spojenou.",
   "Policies.header.title": "Pokročilá nastavení",
   "PopUpForm.Email.email_templates.inputDescription": "Pokud si nejste jisti jak používat proměnné, {link}",
+  "PopUpForm.Email.link.documentation": "podívejte se do naší dokumentace.",
   "PopUpForm.Email.options.from.email.label": "Odesilatelův e-mail",
   "PopUpForm.Email.options.from.email.placeholder": "jannovak@gmail.com",
   "PopUpForm.Email.options.from.name.label": "Jméno odesilatele",
   "PopUpForm.Email.options.from.name.placeholder": "Jan Novák",
   "PopUpForm.Email.options.message.label": "Zpráva",
   "PopUpForm.Email.options.object.label": "Předmět",
+  "PopUpForm.Email.options.object.placeholder": "Potvrďte prosím svou e-mailovou adresu pro %APP_NAME%",
   "PopUpForm.Email.options.response_email.label": "Response e-mail",
   "PopUpForm.Email.options.response_email.placeholder": "jannovak@gmail.com",
-  "PopUpForm.Providers.enabled.description": "If disabled, users won't be able to use this provider.",
+  "PopUpForm.Providers.enabled.description": "Pokud je zakázáno, uživatelé nebudou moci tohoto poskytovatele použít.",
   "PopUpForm.Providers.enabled.label": "Povolit",
   "PopUpForm.Providers.key.label": "Client ID",
   "PopUpForm.Providers.key.placeholder": "TEXT",
   "PopUpForm.Providers.redirectURL.front-end.label": "Adresa pro přesměrování na vaši front-end aplikaci",
+  "PopUpForm.Providers.redirectURL.label": "Adresa pro přesměrování, kterou je třeba přidat do konfigurace vaší aplikace {provider}",
   "PopUpForm.Providers.secret.label": "Client Secret",
   "PopUpForm.Providers.secret.placeholder": "TEXT",
   "PopUpForm.Providers.subdomain.label": "Host URI (Subdomain)",
   "PopUpForm.Providers.subdomain.placeholder": "my.subdomain.com",
   "PopUpForm.header.edit.email-templates": "Upravit e-mailové šablony",
+  "PopUpForm.header.edit.providers": "Upravit poskytovatele",
+  "Providers.data.loaded": "Poskytovatelé byli načteni",
+  "Providers.status": "Stav",
+  "Roles.empty": "Zatím nemáte žádné role.",
+  "Roles.empty.search": "Hledání neodpovídají žádné role.",
+  "Settings.roles.deleted": "Role smazána",
+  "Settings.roles.edited": "Role upravena",
+  "Settings.section-label": "Plugin Users & Permissions",
+  "components.Input.error.validation.email": "Toto není platný e-mail",
+  "components.Input.error.validation.json": "Toto neodpovídá formátu JSON",
+  "components.Input.error.validation.max": "Hodnota je příliš vysoká.",
+  "components.Input.error.validation.maxLength": "Hodnota je příliš dlouhá.",
+  "components.Input.error.validation.min": "Hodnota je příliš nízká.",
+  "components.Input.error.validation.minLength": "Hodnota je příliš krátká.",
+  "components.Input.error.validation.minSupMax": "Nemůže být vyšší",
+  "components.Input.error.validation.regex": "Hodnota neodpovídá regulárnímu výrazu.",
+  "components.Input.error.validation.required": "Tato hodnota je povinná.",
+  "components.Input.error.validation.unique": "Tato hodnota už je použita.",
   "notification.success.submit": "Nastavení bylo aktualizování",
-  "plugin.description.long": "Chraňte své API pomocí kompletního autentifikačního procesu, založeného na JWT. Tento zásuvný modul obsahuje ACL strategii, která vám umožní spravovat oprávnění mezi skupinami uživatelů.",
+  "page.title": "Nastavení - Role",
+  "plugin.description.long": "Chraňte své API pomocí kompletního autentifikačního procesu, založeného na JWT. Tento plugin obsahuje ACL strategii, která vám umožní spravovat oprávnění mezi skupinami uživatelů.",
   "plugin.description.short": "Chraňte své API pomocí kompletního autentifikačního procesu, založeného na JWT",
-  "plugin.name": "Role a oprávnění"
+  "plugin.name": "Role a oprávnění",
+  "popUpWarning.button.cancel": "Zrušit",
+  "popUpWarning.button.confirm": "Potvrdit",
+  "popUpWarning.title": "Prosím potvrďte",
+  "popUpWarning.warning.cancel": "Opravdu chcete zrušit své úpravy?"
 }

package/admin/src/translations/de.json

@@ -4,15 +4,25 @@
   "EditForm.inputSelect.label.role": "Standardrolle für authentifizierte Benutzer",
   "EditForm.inputToggle.description.email": "Verbiete das Anlegen verschiedener Accounts mit der gleichen E-Mail-Adresse bei unterschiedlichen Anmeldemethoden.",
   "EditForm.inputToggle.description.email-confirmation": "Wenn aktiviert (ON) erhalten neu registrierte Benutzer eine Bestätigungs-E-Mail.",
-  "EditForm.inputToggle.description.email-confirmation-redirection": "Nachdem Sie die E-Mail bestätigt haben, wähle wohin sie weitergeleitet wird.",
-  "EditForm.inputToggle.description.email-reset-password": "URL deiner Passwort-Zurücksetzen-Seite deiner Anwendung",
+  "EditForm.inputToggle.description.email-confirmation-redirection": "Wähle wohin weitergeleitet wird, wenn die die E-Mail bestätigt wurde.",
+  "EditForm.inputToggle.description.email-reset-password": "URL deiner Passwort-Zurücksetzen-Seite",
   "EditForm.inputToggle.description.sign-up": "Wenn deaktiviert (OFF), wird der Registrationsprozess unterbunden. Niemand kann sich mehr registrieren.",
   "EditForm.inputToggle.label.email": "Ein Account pro E-Mail-Adresse",
   "EditForm.inputToggle.label.email-confirmation": "Aktiviere E-Mail Benachrichtigungen",
   "EditForm.inputToggle.label.email-confirmation-redirection": "Weiterleitungs-URL",
   "EditForm.inputToggle.label.email-reset-password": "Passwort-Zurücksetzen-Seite",
   "EditForm.inputToggle.label.sign-up": "Registration ermöglichen",
+  "EditForm.inputToggle.placeholder.email-confirmation-redirection": "z.B.: https://example.com/email-bestaetigung-weiterleitung",
+  "EditForm.inputToggle.placeholder.email-reset-password": "z.B.: https://example.com/passwort-zuruecksetzen",
+  "EditPage.form.roles": "Rollen-Details",
+  "Email.template.data.loaded": "E-Mail-Vorlagen wurden geladen",
   "Email.template.email_confirmation": "Bestätigung der E-Mail-Addresse",
+  "Email.template.reset_password": "Passwort zurücksetzen",
+  "Email.template.form.edit.label": "Vorlage bearbeiten",
+  "Email.template.table.action.label": "Aktion",
+  "Email.template.table.icon.label": "Icon",
+  "Email.template.table.name.label": "Name",
+  "Form.advancedSettings.data.loaded": "Erweiterte Einstellungsdaten wurden geladen",
   "HeaderNav.link.advancedSettings": "Erweiterte Einstellungen",
   "HeaderNav.link.emailTemplates": "E-Mail-Templates",
   "HeaderNav.link.providers": "Methoden",
@@ -44,10 +54,25 @@
   "PopUpForm.Providers.subdomain.placeholder": "my.subdomain.com",
   "PopUpForm.header.edit.email-templates": "E-Mail-Templates bearbeiten",
   "PopUpForm.header.edit.providers": "Anbieter bearbeiten",
+  "Providers.data.loaded": "Anbieter wurden geladen",
+  "Providers.status": "Status",
+  "Roles.empty": "Du hast noch keine Rollen.",
+  "Roles.empty.search": "Keine Rollen entsprechen der Suche.",
   "Settings.roles.deleted": "Rolle gelöscht",
   "Settings.roles.edited": "Rolle bearbeitet",
   "Settings.section-label": "Nutzer- & Berechtigungen-Plugin",
+  "components.Input.error.validation.email": "Das ist keine gültige E-Mail-Adresse",
+  "components.Input.error.validation.json": "Das entspricht nicht dem JSON-Format",
+  "components.Input.error.validation.max": "Der Wert ist zu hoch.",
+  "components.Input.error.validation.maxLength": "Der Wert ist zu lang.",
+  "components.Input.error.validation.min": "Der Wert ist zu niedrig.",
+  "components.Input.error.validation.minLength": "Der Wert ist zu kurz.",
+  "components.Input.error.validation.minSupMax": "Kann nicht größer sein",
+  "components.Input.error.validation.regex": "Der Wert entspricht nicht dem regulären Ausdruck.",
+  "components.Input.error.validation.required": "Dieser Wert ist erforderlich.",
+  "components.Input.error.validation.unique": "Dieser Wert wird bereits verwendet.",
   "notification.success.submit": "Einstellungen aktualisiert",
+  "page.title": "Einstellungen - Rollen",
   "plugin.description.long": "Beschütze deine API mit einem vollständigen Authentifikationsprozess basierend auf JWT. Zudem bietet dieses Plugin eine ACL-Strategie, die erlaubt, die Berechtigungen für Benutzergruppen festzulegen.",
   "plugin.description.short": "Beschütze deine API mit einem vollständigen Authentifikationsprozess basierend auf JWT.",
   "plugin.name": "Nutzer- & Berechtigungen-Plugin",

package/admin/src/translations/en.json

@@ -17,6 +17,7 @@
   "EditPage.form.roles": "Role details",
   "Email.template.data.loaded": "Email templates has been loaded",
   "Email.template.email_confirmation": "Email address confirmation",
+  "Email.template.reset_password": "Reset password",
   "Email.template.form.edit.label": "Edit a template",
   "Email.template.table.action.label": "action",
   "Email.template.table.icon.label": "icon",
@@ -60,7 +61,7 @@
   "Settings.roles.deleted": "Role deleted",
   "Settings.roles.edited": "Role edited",
   "Settings.section-label": "Users & Permissions plugin",
-  "components.Input.error.validation.email": "This is an invalid email",
+  "components.Input.error.validation.email": "This is not a valid email",
   "components.Input.error.validation.json": "This doesn't match the JSON format",
   "components.Input.error.validation.max": "The value is too high.",
   "components.Input.error.validation.maxLength": "The value is too long.",

package/admin/src/translations/ja.json

@@ -1,44 +1,83 @@
 {
-  "BoundRoute.title": "Bound route to",
+  "BoundRoute.title": "バインドされたルート",
+  "components.Input.error.validation.email": "有効なメールアドレスではありません",
+  "components.Input.error.validation.json": "JSON形式と一致しません",
+  "components.Input.error.validation.max": "値が大きすぎます。",
+  "components.Input.error.validation.maxLength": "値が長すぎます。",
+  "components.Input.error.validation.min": "値が小さすぎます。",
+  "components.Input.error.validation.minLength": "値が短すぎます。",
+  "components.Input.error.validation.minSupMax": "最大値を超えることはできません。",
+  "components.Input.error.validation.regex": "値が正規表現と一致しません。",
+  "components.Input.error.validation.required": "この値は必須です。",
+  "components.Input.error.validation.unique": "この値はすでに使用されています。",
   "EditForm.inputSelect.description.role": "新しい認証されたユーザーが選択された役割にアタッチされます。",
   "EditForm.inputSelect.label.role": "認証されたユーザーのデフォルトの役割",
   "EditForm.inputToggle.description.email": "ユーザーが異なる認証プロバイダで同じ電子メールアドレスを使用して複数のアカウントを作成できないようにします。",
   "EditForm.inputToggle.description.email-confirmation": "有効（ON）にすると、新しい登録ユーザーに確認メールが送信されます。",
   "EditForm.inputToggle.description.email-confirmation-redirection": "あなたのEメールを確認したら、リダイレクト先を選択してください。",
+  "EditForm.inputToggle.description.email-reset-password": "アプリケーションのパスワードリセットページのURL",
   "EditForm.inputToggle.description.sign-up": "あなたの電子メールを確認した後、リダイレクト先を選択しました。",
   "EditForm.inputToggle.label.email": "メールアドレスごとに1つのアカウント",
   "EditForm.inputToggle.label.email-confirmation": "Eメールの確認を有効にする",
   "EditForm.inputToggle.label.email-confirmation-redirection": "リダイレクトURL",
+  "EditForm.inputToggle.label.email-reset-password": "パスワードリセットページ",
   "EditForm.inputToggle.label.sign-up": "申し込みを有効にする",
+  "EditForm.inputToggle.placeholder.email-confirmation-redirection": "例: https://yourfrontend.com/email-confirmation-redirection",
+  "EditForm.inputToggle.placeholder.email-reset-password": "例: https://yourfrontend.com/reset-password",
+  "EditPage.form.roles": "ロールの詳細",
+  "Email.template.data.loaded": "メールテンプレートを読み込みました",
+  "Email.template.email_confirmation": "メールアドレスの確認",
+  "Email.template.form.edit.label": "テンプレートを編集",
+  "Email.template.reset_password": "パスワードリセット",
+  "Email.template.table.action.label": "操作",
+  "Email.template.table.icon.label": "アイコン",
+  "Email.template.table.name.label": "名前",
+  "Form.advancedSettings.data.loaded": "高度な設定データを読み込みました",
   "HeaderNav.link.advancedSettings": "高度な設定",
   "HeaderNav.link.emailTemplates": "メールテンプレート",
   "HeaderNav.link.providers": "プロバイダー",
+  "notification.success.submit": "設定が更新されました",
+  "page.title": "設定 - ロール",
+  "plugin.description.long": "JWTに基づいた完全な認証プロセスでAPIを保護します。このプラグインには、ユーザーのグループ間で権限を管理できるACL戦略もあります。",
+  "plugin.description.short": "JWTに基づく完全な認証プロセスでAPIを保護する",
+  "plugin.name": "ロールと権限",
   "Plugin.permissions.plugins.description": "{name} 個のプラグインに対して許可されたすべてのアクションを定義する",
   "Plugins.header.description": "ルートにバインドされたアクションのみが以下にリストされています",
   "Plugins.header.title": "権限",
   "Policies.header.hint": "アプリケーションのアクションまたはプラグインのアクションを選択し、コグアイコンをクリックしてバインドされたルートを表示します",
   "Policies.header.title": "高度な設定",
   "PopUpForm.Email.email_templates.inputDescription": "変数の使用方法がわからない場合は、{link}",
+  "PopUpForm.Email.link.documentation": "ドキュメントをご覧ください。",
   "PopUpForm.Email.options.from.email.label": "送信者Eメール",
   "PopUpForm.Email.options.from.email.placeholder": "kai@doe.com",
   "PopUpForm.Email.options.from.name.label": "送信者名",
   "PopUpForm.Email.options.from.name.placeholder": "Kai Doe",
   "PopUpForm.Email.options.message.label": "メッセージ",
   "PopUpForm.Email.options.object.label": "件名",
+  "PopUpForm.Email.options.object.placeholder": "%APP_NAME% のメールアドレスを確認してください",
   "PopUpForm.Email.options.response_email.label": "応答メール",
   "PopUpForm.Email.options.response_email.placeholder": "kai@doe.com",
+  "PopUpForm.header.edit.email-templates": "メールテンプレートの編集",
+  "PopUpForm.header.edit.providers": "プロバイダーの編集",
   "PopUpForm.Providers.enabled.description": "無効にすると、ユーザーはこのプロバイダを使用できなくなります。",
   "PopUpForm.Providers.enabled.label": "有効にする",
   "PopUpForm.Providers.key.label": "クライアントID",
   "PopUpForm.Providers.key.placeholder": "TEXT",
   "PopUpForm.Providers.redirectURL.front-end.label": "フロントエンドアプリへのリダイレクトURL",
+  "PopUpForm.Providers.redirectURL.label": "{provider}アプリケーションの設定に追加するリダイレクトURL",
   "PopUpForm.Providers.secret.label": "クライアントの秘密",
   "PopUpForm.Providers.secret.placeholder": "TEXT",
-  "PopUpForm.Providers.subdomain.label": "Host URI (Subdomain)",
+  "PopUpForm.Providers.subdomain.label": "ホストURI（サブドメイン）",
   "PopUpForm.Providers.subdomain.placeholder": "my.subdomain.com",
-  "PopUpForm.header.edit.email-templates": "メールテンプレートの編集",
-  "notification.success.submit": "設定が更新されました",
-  "plugin.description.long": "JWTに基づいた完全な認証プロセスでAPIを保護します。このプラグインには、ユーザーのグループ間で権限を管理できるACL戦略もあります。",
-  "plugin.description.short": "JWTに基づく完全な認証プロセスでAPIを保護する",
-  "plugin.name": "ロールと権限"
+  "popUpWarning.button.cancel": "キャンセル",
+  "popUpWarning.button.confirm": "確認",
+  "popUpWarning.title": "確認してください",
+  "popUpWarning.warning.cancel": "変更をキャンセルしてもよろしいですか？",
+  "Providers.data.loaded": "プロバイダーを読み込みました",
+  "Providers.status": "ステータス",
+  "Roles.empty": "ロールがまだありません。",
+  "Roles.empty.search": "検索に一致するロールがありません。",
+  "Settings.roles.deleted": "ロールを削除しました",
+  "Settings.roles.edited": "ロールを編集しました",
+  "Settings.section-label": "ユーザーと権限プラグイン"
 }