@byline/admin 2.5.2 → 2.6.0

package/dist/modules/admin-account/components/update.js

@@ -1,20 +1,16 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { useMemo, useState } from "react";
 import { revalidateLogic, useForm } from "@tanstack/react-form-start";
+import { useTranslation } from "@byline/i18n/react";
 import { Alert, Button, Input, LoaderEllipsis } from "@byline/ui/react";
 import classnames from "classnames";
 import { z } from "zod";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
 import update_module from "./update.module.js";
-const updateAccountSchema = z.object({
-    given_name: z.string().max(100, 'Given name must not exceed 100 characters'),
-    family_name: z.string().max(100, 'Family name must not exceed 100 characters'),
-    username: z.string().max(100, 'Username must not exceed 100 characters'),
-    email: z.email({
-        message: 'Enter a valid email address'
-    }).min(3).max(254, 'Email must not exceed 254 characters')
-});
+const MAX_NAME = 100;
+const MAX_USERNAME = 100;
+const MAX_EMAIL = 254;
 function defaultsFrom(account) {
     return {
         given_name: account.given_name ?? '',
@@ -37,8 +33,27 @@ function buildPatch(values, account) {
 }
 function UpdateAccount({ account, onClose, onSuccess }) {
     const { updateAccount } = useBylineAdminServices();
+    const { t } = useTranslation('byline-admin');
     const [formError, setFormError] = useState(null);
     const [successMessage, setSuccessMessage] = useState(null);
+    const updateAccountSchema = useMemo(()=>z.object({
+            given_name: z.string().max(MAX_NAME, t('account.update.errors.givenNameTooLong', {
+                max: MAX_NAME
+            })),
+            family_name: z.string().max(MAX_NAME, t('account.update.errors.familyNameTooLong', {
+                max: MAX_NAME
+            })),
+            username: z.string().max(MAX_USERNAME, t('account.update.errors.usernameTooLong', {
+                max: MAX_USERNAME
+            })),
+            email: z.email({
+                message: t('account.update.errors.invalidEmail')
+            }).min(3).max(MAX_EMAIL, t('account.update.errors.emailTooLong', {
+                max: MAX_EMAIL
+            }))
+        }), [
+        t
+    ]);
     const form = useForm({
         defaultValues: defaultsFrom(account),
         validationLogic: revalidateLogic({
@@ -52,7 +67,7 @@ function UpdateAccount({ account, onClose, onSuccess }) {
             setFormError(null);
             setSuccessMessage(null);
             const patch = buildPatch(value, account);
-            if (0 === Object.keys(patch).length) return void setSuccessMessage('No changes to save.');
+            if (0 === Object.keys(patch).length) return void setSuccessMessage(t('common.feedback.noChanges'));
             try {
                 const updated = await updateAccount({
                     data: {
@@ -60,23 +75,27 @@ function UpdateAccount({ account, onClose, onSuccess }) {
                         patch
                     }
                 });
-                setSuccessMessage('Saved.');
+                setSuccessMessage(t('common.feedback.saved'));
                 onSuccess?.(updated);
             } catch (err) {
                 const code = getErrorCode(err);
-                if ('admin.users.emailInUse' === code) return void form.setFieldMeta('email', (meta)=>({
-                        ...meta,
-                        errorMap: {
-                            ...meta.errorMap,
-                            onServer: 'This email is already in use.'
-                        },
-                        errors: [
-                            'This email is already in use.'
-                        ]
-                    }));
-                if ('admin.users.versionConflict' === code) return void setFormError('Your account has been modified elsewhere since you opened this form. Reload to refresh and try again.');
-                if ('admin.account.notFound' === code) return void setFormError('Your admin account could not be found. Please sign in again.');
-                setFormError('Could not save changes. Please try again.');
+                if ('admin.users.emailInUse' === code) {
+                    const message = t('account.update.errors.emailInUse');
+                    form.setFieldMeta('email', (meta)=>({
+                            ...meta,
+                            errorMap: {
+                                ...meta.errorMap,
+                                onServer: message
+                            },
+                            errors: [
+                                message
+                            ]
+                        }));
+                    return;
+                }
+                if ('admin.users.versionConflict' === code) return void setFormError(t('common.errors.versionConflict'));
+                if ('admin.account.notFound' === code) return void setFormError(t('common.errors.accountNotFound'));
+                setFormError(t('common.errors.couldNotSave'));
             }
         }
     });
@@ -102,7 +121,7 @@ function UpdateAccount({ account, onClose, onSuccess }) {
                 /*#__PURE__*/ jsx(form.Field, {
                     name: "given_name",
                     children: (field)=>/*#__PURE__*/ jsx(Input, {
-                            label: "Given name",
+                            label: t('account.update.fields.givenName'),
                             id: "given_name",
                             name: field.name,
                             value: field.state.value,
@@ -116,7 +135,7 @@ function UpdateAccount({ account, onClose, onSuccess }) {
                 /*#__PURE__*/ jsx(form.Field, {
                     name: "family_name",
                     children: (field)=>/*#__PURE__*/ jsx(Input, {
-                            label: "Family name",
+                            label: t('account.update.fields.familyName'),
                             id: "family_name",
                             name: field.name,
                             value: field.state.value,
@@ -130,7 +149,7 @@ function UpdateAccount({ account, onClose, onSuccess }) {
                 /*#__PURE__*/ jsx(form.Field, {
                     name: "username",
                     children: (field)=>/*#__PURE__*/ jsx(Input, {
-                            label: "Username",
+                            label: t('account.update.fields.username'),
                             id: "username",
                             name: field.name,
                             value: field.state.value,
@@ -138,14 +157,14 @@ function UpdateAccount({ account, onClose, onSuccess }) {
                             onChange: (e)=>field.handleChange(e.currentTarget.value),
                             error: field.state.meta.errors.length > 0,
                             errorText: firstError(field.state.meta.errors),
-                            helpText: "Optional. Leave blank to clear.",
+                            helpText: t('account.update.fields.usernameHelp'),
                             autoComplete: "username"
                         })
                 }),
                 /*#__PURE__*/ jsx(form.Field, {
                     name: "email",
                     children: (field)=>/*#__PURE__*/ jsx(Input, {
-                            label: "Email",
+                            label: t('common.fields.email'),
                             id: "email",
                             name: field.name,
                             type: "email",
@@ -167,7 +186,7 @@ function UpdateAccount({ account, onClose, onSuccess }) {
                             size: "sm",
                             onClick: onClose,
                             className: classnames('byline-account-update-action', update_module.action),
-                            children: successMessage ? 'Close' : 'Cancel'
+                            children: successMessage ? t('common.actions.close') : t('common.actions.cancel')
                         }),
                         /*#__PURE__*/ jsx(form.Subscribe, {
                             selector: (state)=>({
@@ -183,7 +202,7 @@ function UpdateAccount({ account, onClose, onSuccess }) {
                                     className: classnames('byline-account-update-action', update_module.action),
                                     children: true === isSubmitting ? /*#__PURE__*/ jsx(LoaderEllipsis, {
                                         size: 42
-                                    }) : 'Save'
+                                    }) : t('common.actions.save')
                                 })
                         })
                     ]

package/dist/modules/admin-account/index.d.ts

@@ -28,9 +28,9 @@
  * yet — that depends on `RefreshTokensRepository` semantics and a
  * "sign out everywhere on password change" follow-up.
  */
-export { changeAccountPasswordCommand, getAccountCommand, updateAccountCommand, } from './commands.js';
+export { changeAccountPasswordCommand, getAccountCommand, setPreferredLocaleCommand, updateAccountCommand, } from './commands.js';
 export { AdminAccountError, type AdminAccountErrorCode, AdminAccountErrorCodes, ERR_ADMIN_ACCOUNT_INVALID_CURRENT_PASSWORD, ERR_ADMIN_ACCOUNT_NOT_FOUND, } from './errors.js';
-export { accountResponseSchema, changeAccountPasswordRequestSchema, getAccountRequestSchema, okResponseSchema, updateAccountRequestSchema, } from './schemas.js';
+export { accountResponseSchema, changeAccountPasswordRequestSchema, getAccountRequestSchema, okResponseSchema, setPreferredLocaleRequestSchema, updateAccountRequestSchema, } from './schemas.js';
 export { AdminAccountService } from './service.js';
 export type { AdminAccountCommandDeps } from './commands.js';
-export type { AccountResponse, ChangeAccountPasswordRequest, GetAccountRequest, OkResponse, UpdateAccountRequest, } from './schemas.js';
+export type { AccountResponse, ChangeAccountPasswordRequest, GetAccountRequest, OkResponse, SetPreferredLocaleRequest, UpdateAccountRequest, } from './schemas.js';

package/dist/modules/admin-account/index.js

@@ -1,4 +1,4 @@
-export { changeAccountPasswordCommand, getAccountCommand, updateAccountCommand } from "./commands.js";
+export { changeAccountPasswordCommand, getAccountCommand, setPreferredLocaleCommand, updateAccountCommand } from "./commands.js";
 export { AdminAccountError, AdminAccountErrorCodes, ERR_ADMIN_ACCOUNT_INVALID_CURRENT_PASSWORD, ERR_ADMIN_ACCOUNT_NOT_FOUND } from "./errors.js";
-export { accountResponseSchema, changeAccountPasswordRequestSchema, getAccountRequestSchema, okResponseSchema, updateAccountRequestSchema } from "./schemas.js";
+export { accountResponseSchema, changeAccountPasswordRequestSchema, getAccountRequestSchema, okResponseSchema, setPreferredLocaleRequestSchema, updateAccountRequestSchema } from "./schemas.js";
 export { AdminAccountService } from "./service.js";

package/dist/modules/admin-account/schemas.d.ts

@@ -26,5 +26,9 @@ export declare const changeAccountPasswordRequestSchema: z.ZodObject<{
     newPassword: z.ZodString;
 }, z.core.$strip>;
 export type ChangeAccountPasswordRequest = z.infer<typeof changeAccountPasswordRequestSchema>;
+export declare const setPreferredLocaleRequestSchema: z.ZodObject<{
+    locale: z.ZodNullable<z.ZodString>;
+}, z.core.$strip>;
+export type SetPreferredLocaleRequest = z.infer<typeof setPreferredLocaleRequestSchema>;
 export { adminUserResponseSchema as accountResponseSchema, okResponseSchema };
 export type { AdminUserResponse as AccountResponse, OkResponse } from '../admin-users/schemas.js';

package/dist/modules/admin-account/schemas.js

@@ -30,5 +30,8 @@ const changeAccountPasswordRequestSchema = z.object({
     }),
     newPassword: passwordSchema
 });
+const setPreferredLocaleRequestSchema = z.object({
+    locale: z.string().min(2).max(16).regex(/^[a-zA-Z]{2,3}(-[a-zA-Z0-9]{2,8})*$/, 'must be a BCP 47 locale tag').nullable()
+});
 export { adminUserResponseSchema as accountResponseSchema, okResponseSchema } from "../admin-users/schemas.js";
-export { changeAccountPasswordRequestSchema, getAccountRequestSchema, updateAccountRequestSchema };
+export { changeAccountPasswordRequestSchema, getAccountRequestSchema, setPreferredLocaleRequestSchema, updateAccountRequestSchema };

package/dist/modules/admin-account/service.d.ts

@@ -39,5 +39,6 @@ export declare class AdminAccountService {
     });
     getAccount(actorId: string): Promise<AccountResponse>;
     updateAccount(actorId: string, request: UpdateAccountRequest): Promise<AccountResponse>;
+    setPreferredLocale(actorId: string, locale: string | null): Promise<AccountResponse>;
     changePassword(actorId: string, request: ChangeAccountPasswordRequest): Promise<AccountResponse>;
 }

package/dist/modules/admin-account/service.js

@@ -50,6 +50,14 @@ class AdminAccountService {
         const row = await _class_private_field_get(this, _repo).update(actorId, request.vid, request.patch);
         return toAdminUser(row);
     }
+    async setPreferredLocale(actorId, locale) {
+        const current = await _class_private_field_get(this, _repo).getById(actorId);
+        if (!current) throw ERR_ADMIN_ACCOUNT_NOT_FOUND();
+        await _class_private_field_get(this, _repo).setPreferredLocale(actorId, locale);
+        const updated = await _class_private_field_get(this, _repo).getById(actorId);
+        if (!updated) throw ERR_ADMIN_ACCOUNT_NOT_FOUND();
+        return toAdminUser(updated);
+    }
     async changePassword(actorId, request) {
         const withHash = await _class_private_field_get(this, _repo).getByIdForSignIn(actorId);
         if (!withHash) throw ERR_ADMIN_ACCOUNT_NOT_FOUND();

package/dist/modules/admin-permissions/components/inspector.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
+import { useTranslation } from "@byline/i18n/react";
 import { Button, Container, LoaderRing, Section } from "@byline/ui/react";
 import classnames from "classnames";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
@@ -42,22 +43,21 @@ function displayUser(user) {
     return parts.length > 0 ? `${parts.join(' ')} (${user.email})` : user.email;
 }
 function MatrixPanel({ matrix }) {
+    const { t } = useTranslation('byline-admin');
     return /*#__PURE__*/ jsxs("div", {
         className: classnames('byline-inspector-matrix', inspector_module.matrix),
         children: [
             /*#__PURE__*/ jsxs("div", {
                 children: [
-                    /*#__PURE__*/ jsxs("h4", {
+                    /*#__PURE__*/ jsx("h4", {
                         className: classnames('byline-inspector-matrix-title', inspector_module["matrix-title"]),
-                        children: [
-                            "Roles (",
-                            matrix.roles.length,
-                            ")"
-                        ]
+                        children: t('adminPermissions.matrix.rolesTitle', {
+                            count: matrix.roles.length
+                        })
                     }),
                     0 === matrix.roles.length ? /*#__PURE__*/ jsx("p", {
                         className: classnames('muted', 'byline-inspector-matrix-empty', inspector_module["matrix-empty"]),
-                        children: "No role grants this ability."
+                        children: t('adminPermissions.matrix.rolesEmpty')
                     }) : /*#__PURE__*/ jsx("ul", {
                         className: classnames('byline-inspector-matrix-list', inspector_module["matrix-list"]),
                         children: matrix.roles.map((role)=>/*#__PURE__*/ jsxs("li", {
@@ -81,17 +81,15 @@ function MatrixPanel({ matrix }) {
             }),
             /*#__PURE__*/ jsxs("div", {
                 children: [
-                    /*#__PURE__*/ jsxs("h4", {
+                    /*#__PURE__*/ jsx("h4", {
                         className: classnames('byline-inspector-matrix-title', inspector_module["matrix-title"]),
-                        children: [
-                            "Admin users (",
-                            matrix.users.length,
-                            ")"
-                        ]
+                        children: t('adminPermissions.matrix.usersTitle', {
+                            count: matrix.users.length
+                        })
                     }),
                     0 === matrix.users.length ? /*#__PURE__*/ jsx("p", {
                         className: classnames('muted', 'byline-inspector-matrix-empty', inspector_module["matrix-empty"]),
-                        children: "No admin user holds this ability."
+                        children: t('adminPermissions.matrix.usersEmpty')
                     }) : /*#__PURE__*/ jsx("ul", {
                         className: classnames('byline-inspector-matrix-list', inspector_module["matrix-list"]),
                         children: matrix.users.map((user)=>/*#__PURE__*/ jsx("li", {
@@ -105,7 +103,9 @@ function MatrixPanel({ matrix }) {
     });
 }
 function AbilityRow({ ability, matrix, loading, onToggle, expanded }) {
+    const { t } = useTranslation('byline-admin');
     const sv = sourceVariant(ability.source);
+    const sourceKey = ability.source ?? 'unknown';
     return /*#__PURE__*/ jsxs("div", {
         className: classnames('byline-inspector-row', inspector_module.row),
         children: [
@@ -124,7 +124,7 @@ function AbilityRow({ ability, matrix, loading, onToggle, expanded }) {
                                     }),
                                     /*#__PURE__*/ jsx("span", {
                                         className: classnames('byline-inspector-row-source', inspector_module["row-source"], sv.global, sv.local),
-                                        children: ability.source ?? 'unknown'
+                                        children: t(`adminPermissions.source.${sourceKey}`)
                                     })
                                 ]
                             }),
@@ -142,7 +142,7 @@ function AbilityRow({ ability, matrix, loading, onToggle, expanded }) {
                         size: "xs",
                         intent: "secondary",
                         onClick: onToggle,
-                        children: expanded ? 'Hide' : 'Holders'
+                        children: expanded ? t('adminPermissions.row.hideButton') : t('adminPermissions.row.holdersButton')
                     })
                 ]
             }),
@@ -155,7 +155,7 @@ function AbilityRow({ ability, matrix, loading, onToggle, expanded }) {
                     }),
                     /*#__PURE__*/ jsx("span", {
                         className: "muted",
-                        children: "Loading…"
+                        children: t('common.loading')
                     })
                 ]
             }) : matrix ? /*#__PURE__*/ jsx(MatrixPanel, {
@@ -165,6 +165,7 @@ function AbilityRow({ ability, matrix, loading, onToggle, expanded }) {
     });
 }
 function GroupSection({ group, matrices, loading, expanded, onToggle }) {
+    const { t } = useTranslation('byline-admin');
     return /*#__PURE__*/ jsxs("details", {
         open: true,
         className: classnames('byline-inspector-group', inspector_module.group),
@@ -176,12 +177,11 @@ function GroupSection({ group, matrices, loading, expanded, onToggle }) {
                         className: classnames('byline-inspector-group-name', inspector_module["group-name"]),
                         children: group.group
                     }),
-                    /*#__PURE__*/ jsxs("span", {
+                    /*#__PURE__*/ jsx("span", {
                         className: classnames('muted', 'byline-inspector-group-count', inspector_module["group-count"]),
-                        children: [
-                            group.abilities.length,
-                            " abilities"
-                        ]
+                        children: t('adminPermissions.group.abilitiesCount', {
+                            count: group.abilities.length
+                        })
                     })
                 ]
             }),
@@ -200,6 +200,7 @@ function GroupSection({ group, matrices, loading, expanded, onToggle }) {
 }
 function AbilitiesInspector({ data }) {
     const { whoHasAbility } = useBylineAdminServices();
+    const { t } = useTranslation('byline-admin');
     const [expanded, setExpanded] = useState(new Set());
     const [loading, setLoading] = useState(new Set());
     const [matrices, setMatrices] = useState({});
@@ -239,34 +240,23 @@ function AbilitiesInspector({ data }) {
                     children: [
                         /*#__PURE__*/ jsx("h1", {
                             className: classnames('byline-inspector-title', inspector_module.title),
-                            children: "Abilities Inspector"
+                            children: t('adminPermissions.title')
                         }),
-                        /*#__PURE__*/ jsxs("span", {
+                        /*#__PURE__*/ jsx("span", {
                             className: classnames('byline-inspector-count-pill', inspector_module["count-pill"]),
-                            children: [
-                                data.total,
-                                " registered"
-                            ]
+                            children: t('adminPermissions.countPill', {
+                                count: data.total
+                            })
                         })
                     ]
                 }),
-                /*#__PURE__*/ jsxs("p", {
+                /*#__PURE__*/ jsx("p", {
                     className: classnames('muted', 'byline-inspector-lead', inspector_module.lead),
-                    children: [
-                        "Read-only view of every ability registered through ",
-                        /*#__PURE__*/ jsx("code", {
-                            children: "bylineCore.abilities"
-                        }),
-                        ". Collections auto-register CRUD + workflow abilities; admin subsystems contribute their own keys at composition root via ",
-                        /*#__PURE__*/ jsx("code", {
-                            children: "registerAdminAbilities"
-                        }),
-                        "."
-                    ]
+                    children: t('adminPermissions.lead')
                 }),
                 0 === data.groups.length ? /*#__PURE__*/ jsx("p", {
                     className: classnames('muted', 'byline-inspector-empty', inspector_module.empty),
-                    children: "No abilities are registered."
+                    children: t('adminPermissions.empty')
                 }) : /*#__PURE__*/ jsx("div", {
                     className: classnames('byline-inspector-groups', inspector_module.groups),
                     children: data.groups.map((group)=>/*#__PURE__*/ jsx(GroupSection, {

package/dist/modules/admin-roles/components/create.js

@@ -1,19 +1,16 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { useMemo, useState } from "react";
 import { revalidateLogic, useForm } from "@tanstack/react-form-start";
+import { useTranslation } from "@byline/i18n/react";
 import { Alert, Button, Input, LoaderEllipsis, TextArea } from "@byline/ui/react";
 import classnames from "classnames";
 import { z } from "zod";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
 import create_module from "./create.module.js";
-const createAdminRoleFormSchema = z.object({
-    name: z.string().min(1, 'Name is required').max(128, 'Name must not exceed 128 characters'),
-    machine_name: z.string().min(1, 'Machine name is required').max(128, 'Machine name must not exceed 128 characters').regex(/^[a-z0-9][a-z0-9_-]*$/, {
-        message: 'Lowercase letters, numbers, hyphens, and underscores only'
-    }),
-    description: z.string().max(2000, "Description must not exceed 2000 characters")
-});
+const MAX_NAME = 128;
+const MAX_MACHINE_NAME = 128;
+const MAX_DESCRIPTION = 2000;
 const initialValues = {
     name: '',
     machine_name: '',
@@ -24,7 +21,23 @@ function normaliseText(value) {
 }
 function CreateAdminRole({ onClose, onSuccess }) {
     const { createAdminRole } = useBylineAdminServices();
+    const { t } = useTranslation('byline-admin');
     const [formError, setFormError] = useState(null);
+    const createAdminRoleFormSchema = useMemo(()=>z.object({
+            name: z.string().min(1, t('adminRoles.create.errors.nameRequired')).max(MAX_NAME, t('adminRoles.create.errors.nameTooLong', {
+                max: MAX_NAME
+            })),
+            machine_name: z.string().min(1, t('adminRoles.create.errors.machineNameRequired')).max(MAX_MACHINE_NAME, t('adminRoles.create.errors.machineNameTooLong', {
+                max: MAX_MACHINE_NAME
+            })).regex(/^[a-z0-9][a-z0-9_-]*$/, {
+                message: t('adminRoles.create.errors.machineNameInvalid')
+            }),
+            description: z.string().max(MAX_DESCRIPTION, t("adminRoles.create.errors.descriptionTooLong", {
+                max: MAX_DESCRIPTION
+            }))
+        }), [
+        t
+    ]);
     const form = useForm({
         defaultValues: initialValues,
         validationLogic: revalidateLogic({
@@ -48,17 +61,21 @@ function CreateAdminRole({ onClose, onSuccess }) {
                 onSuccess?.(created);
             } catch (err) {
                 const code = getErrorCode(err);
-                if ('admin.roles.machineNameInUse' === code) return void form.setFieldMeta('machine_name', (meta)=>({
-                        ...meta,
-                        errorMap: {
-                            ...meta.errorMap,
-                            onServer: 'This machine name is already in use.'
-                        },
-                        errors: [
-                            'This machine name is already in use.'
-                        ]
-                    }));
-                setFormError('Could not create this admin role. Please try again.');
+                if ('admin.roles.machineNameInUse' === code) {
+                    const message = t('adminRoles.create.errors.machineNameInUse');
+                    form.setFieldMeta('machine_name', (meta)=>({
+                            ...meta,
+                            errorMap: {
+                                ...meta.errorMap,
+                                onServer: message
+                            },
+                            errors: [
+                                message
+                            ]
+                        }));
+                    return;
+                }
+                setFormError(t('adminRoles.create.errors.fallback'));
             }
         }
     });
@@ -80,7 +97,7 @@ function CreateAdminRole({ onClose, onSuccess }) {
                 /*#__PURE__*/ jsx(form.Field, {
                     name: "name",
                     children: (field)=>/*#__PURE__*/ jsx(Input, {
-                            label: "Name",
+                            label: t('adminRoles.fields.name'),
                             id: "new-role-name",
                             name: field.name,
                             value: field.state.value,
@@ -88,14 +105,14 @@ function CreateAdminRole({ onClose, onSuccess }) {
                             onChange: (e)=>field.handleChange(e.currentTarget.value),
                             error: field.state.meta.errors.length > 0,
                             errorText: firstError(field.state.meta.errors),
-                            helpText: "Human-readable label, e.g. 'Editor'.",
+                            helpText: t('adminRoles.create.fields.nameHelp'),
                             required: true
                         })
                 }),
                 /*#__PURE__*/ jsx(form.Field, {
                     name: "machine_name",
                     children: (field)=>/*#__PURE__*/ jsx(Input, {
-                            label: "Machine name",
+                            label: t('adminRoles.fields.machineName'),
                             id: "new-role-machine-name",
                             name: field.name,
                             value: field.state.value,
@@ -103,14 +120,14 @@ function CreateAdminRole({ onClose, onSuccess }) {
                             onChange: (e)=>field.handleChange(e.currentTarget.value),
                             error: field.state.meta.errors.length > 0,
                             errorText: firstError(field.state.meta.errors),
-                            helpText: "Stable code-side handle, e.g. 'editor'. Cannot be changed later.",
+                            helpText: t('adminRoles.create.fields.machineNameHelp'),
                             required: true
                         })
                 }),
                 /*#__PURE__*/ jsx(form.Field, {
                     name: "description",
                     children: (field)=>/*#__PURE__*/ jsx(TextArea, {
-                            label: "Description",
+                            label: t("adminRoles.fields.description"),
                             id: "new-role-description",
                             name: field.name,
                             value: field.state.value,
@@ -130,7 +147,7 @@ function CreateAdminRole({ onClose, onSuccess }) {
                             size: "sm",
                             onClick: onClose,
                             className: classnames('byline-role-create-action', create_module.action),
-                            children: "Cancel"
+                            children: t('common.actions.cancel')
                         }),
                         /*#__PURE__*/ jsx(form.Subscribe, {
                             selector: (state)=>({
@@ -145,7 +162,7 @@ function CreateAdminRole({ onClose, onSuccess }) {
                                     className: classnames('byline-role-create-action', create_module.action),
                                     children: true === isSubmitting ? /*#__PURE__*/ jsx(LoaderEllipsis, {
                                         size: 42
-                                    }) : 'Save'
+                                    }) : t('common.actions.save')
                                 })
                         })
                     ]