@byline/admin 2.5.1 → 2.6.0

package/dist/lib/translate-validation-error.d.ts

@@ -0,0 +1,36 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+/**
+ * Map a stable validation-error code (emitted by a `@byline/core/validation`
+ * schema) onto its translation. Returns the original input unchanged when
+ * the code is not in the map, so non-coded error messages (free-form
+ * Zod messages, server-supplied strings) pass through.
+ *
+ * Why a separate translator: `@byline/core` stays i18n-agnostic — schemas
+ * emit codes, not text — so it has no dependency on `@byline/i18n` or
+ * any locale data. This package owns the translation surface and keeps
+ * the mapping in one place, so callers across the admin shell don't
+ * each maintain their own code-to-key lookup.
+ *
+ * Adding a new code: extend the source schema in `@byline/core/validation`
+ * and add the matching key here.
+ */
+import type { UseTranslationReturn } from '@byline/i18n/react';
+type Translate = UseTranslationReturn['t'];
+/**
+ * Translate a validation error code into the active locale's message.
+ *
+ * Pass the raw error string straight out of Zod (e.g. via
+ * `firstError(field.state.meta.errors)`). When the string matches a
+ * known code, the corresponding translation is returned; otherwise the
+ * input flows through unchanged.
+ *
+ * Designed for the `errorText={…}` slot on form inputs.
+ */
+export declare function translateValidationError(t: Translate, message: string | undefined): string | undefined;
+export {};

package/dist/lib/translate-validation-error.js

@@ -0,0 +1,11 @@
+const VALIDATION_CODE_KEYS = {
+    'password.tooShort': 'validation.password.tooShort',
+    'password.tooLong': 'validation.password.tooLong',
+    'password.complexity': 'validation.password.complexity'
+};
+function translateValidationError(t, message) {
+    if (null == message) return message;
+    const key = VALIDATION_CODE_KEYS[message];
+    return key ? t(key) : message;
+}
+export { translateValidationError };

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

@@ -7,7 +7,7 @@
  */
 import { type Command } from '../../lib/create-command.js';
 import type { AdminStore } from '../../store.js';
-import type { AccountResponse, ChangeAccountPasswordRequest, GetAccountRequest, UpdateAccountRequest } from './schemas.js';
+import type { AccountResponse, ChangeAccountPasswordRequest, GetAccountRequest, SetPreferredLocaleRequest, UpdateAccountRequest } from './schemas.js';
 /**
  * Transport-agnostic commands for admin-account self-service.
  *
@@ -25,3 +25,4 @@ export interface AdminAccountCommandDeps {
 export declare const getAccountCommand: Command<GetAccountRequest, AccountResponse, AdminAccountCommandDeps>;
 export declare const updateAccountCommand: Command<UpdateAccountRequest, AccountResponse, AdminAccountCommandDeps>;
 export declare const changeAccountPasswordCommand: Command<ChangeAccountPasswordRequest, AccountResponse, AdminAccountCommandDeps>;
+export declare const setPreferredLocaleCommand: Command<SetPreferredLocaleRequest, AccountResponse, AdminAccountCommandDeps>;

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

@@ -1,6 +1,6 @@
 import { createCommand } from "../../lib/create-command.js";
 import { adminUserResponseSchema } from "../admin-users/schemas.js";
-import { changeAccountPasswordRequestSchema, getAccountRequestSchema, updateAccountRequestSchema } from "./schemas.js";
+import { changeAccountPasswordRequestSchema, getAccountRequestSchema, setPreferredLocaleRequestSchema, updateAccountRequestSchema } from "./schemas.js";
 import { AdminAccountService } from "./service.js";
 function serviceOf(deps) {
     return new AdminAccountService({
@@ -40,4 +40,15 @@ const changeAccountPasswordCommand = createCommand({
     },
     handler: ({ input, deps, actor })=>serviceOf(deps).changePassword(actor.id, input)
 });
-export { changeAccountPasswordCommand, getAccountCommand, updateAccountCommand };
+const setPreferredLocaleCommand = createCommand({
+    method: 'setPreferredLocale',
+    auth: {
+        authenticated: true
+    },
+    schemas: {
+        input: setPreferredLocaleRequestSchema,
+        output: adminUserResponseSchema
+    },
+    handler: ({ input, deps, actor })=>serviceOf(deps).setPreferredLocale(actor.id, input.locale)
+});
+export { changeAccountPasswordCommand, getAccountCommand, setPreferredLocaleCommand, updateAccountCommand };

package/dist/modules/admin-account/components/change-password.js

@@ -1,31 +1,36 @@
 "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 { passwordSchema } from "@byline/core/validation";
+import { useTranslation } from "@byline/i18n/react";
 import { Alert, Button, InputPassword, LoaderEllipsis } from "@byline/ui/react";
 import classnames from "classnames";
 import { z } from "zod";
+import { translateValidationError } from "../../../lib/translate-validation-error.js";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
 import change_password_module from "./change-password.module.js";
-const changePasswordFormSchema = z.object({
-    currentPassword: z.string().min(1, {
-        message: 'Please enter your current password'
-    }),
-    newPassword: passwordSchema,
-    confirm: z.string({
-        message: 'Please confirm the new password'
-    })
-}).refine((v)=>v.newPassword === v.confirm, {
-    message: 'New passwords do not match',
-    path: [
-        'confirm'
-    ]
-});
 function ChangeAccountPassword({ account, onClose, onSuccess }) {
     const { changeAccountPassword } = useBylineAdminServices();
+    const { t } = useTranslation('byline-admin');
     const [formError, setFormError] = useState(null);
     const [successMessage, setSuccessMessage] = useState(null);
+    const changePasswordFormSchema = useMemo(()=>z.object({
+            currentPassword: z.string().min(1, {
+                message: t('account.changePassword.errors.currentRequired')
+            }),
+            newPassword: passwordSchema,
+            confirm: z.string({
+                message: t('account.changePassword.errors.confirmRequired')
+            })
+        }).refine((v)=>v.newPassword === v.confirm, {
+            message: t('account.changePassword.errors.mismatch'),
+            path: [
+                'confirm'
+            ]
+        }), [
+        t
+    ]);
     const form = useForm({
         defaultValues: {
             currentPassword: '',
@@ -50,7 +55,7 @@ function ChangeAccountPassword({ account, onClose, onSuccess }) {
                         newPassword: value.newPassword
                     }
                 });
-                setSuccessMessage('Password updated.');
+                setSuccessMessage(t('account.changePassword.feedback.updated'));
                 form.reset({
                     currentPassword: '',
                     newPassword: '',
@@ -59,19 +64,23 @@ function ChangeAccountPassword({ account, onClose, onSuccess }) {
                 onSuccess?.(updated);
             } catch (err) {
                 const code = getErrorCode(err);
-                if ('admin.account.invalidCurrentPassword' === code) return void form.setFieldMeta('currentPassword', (meta)=>({
-                        ...meta,
-                        errorMap: {
-                            ...meta.errorMap,
-                            onServer: 'Current password is incorrect.'
-                        },
-                        errors: [
-                            'Current password is incorrect.'
-                        ]
-                    }));
-                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 change the password. Please try again.');
+                if ('admin.account.invalidCurrentPassword' === code) {
+                    const message = t('account.changePassword.errors.currentIncorrect');
+                    form.setFieldMeta('currentPassword', (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('account.changePassword.errors.couldNotChange'));
             }
         }
     });
@@ -96,12 +105,12 @@ function ChangeAccountPassword({ account, onClose, onSuccess }) {
                 }) : null,
                 /*#__PURE__*/ jsx("p", {
                     className: "muted",
-                    children: "Other active sessions will continue to work until their tokens expire. Sign out elsewhere if you suspect another device has been compromised."
+                    children: t('account.changePassword.intro')
                 }),
                 /*#__PURE__*/ jsx(form.Field, {
                     name: "currentPassword",
                     children: (field)=>/*#__PURE__*/ jsx(InputPassword, {
-                            label: "Current password",
+                            label: t('account.changePassword.fields.current'),
                             id: "currentPassword",
                             name: field.name,
                             value: field.state.value,
@@ -116,14 +125,14 @@ function ChangeAccountPassword({ account, onClose, onSuccess }) {
                 /*#__PURE__*/ jsx(form.Field, {
                     name: "newPassword",
                     children: (field)=>/*#__PURE__*/ jsx(InputPassword, {
-                            label: "New password",
+                            label: t('account.changePassword.fields.new'),
                             id: "newPassword",
                             name: field.name,
                             value: field.state.value,
                             onBlur: field.handleBlur,
                             onChange: (e)=>field.handleChange(e.currentTarget.value),
                             error: field.state.meta.errors.length > 0,
-                            errorText: firstError(field.state.meta.errors),
+                            errorText: translateValidationError(t, firstError(field.state.meta.errors)),
                             autoComplete: "new-password",
                             required: true
                         })
@@ -131,7 +140,7 @@ function ChangeAccountPassword({ account, onClose, onSuccess }) {
                 /*#__PURE__*/ jsx(form.Field, {
                     name: "confirm",
                     children: (field)=>/*#__PURE__*/ jsx(InputPassword, {
-                            label: "Confirm new password",
+                            label: t('account.changePassword.fields.confirm'),
                             id: "confirm",
                             name: field.name,
                             value: field.state.value,
@@ -152,7 +161,7 @@ function ChangeAccountPassword({ account, onClose, onSuccess }) {
                             size: "sm",
                             onClick: onClose,
                             className: classnames('byline-account-change-password-action', change_password_module.action),
-                            children: successMessage ? 'Close' : 'Cancel'
+                            children: successMessage ? t('common.actions.close') : t('common.actions.cancel')
                         }),
                         /*#__PURE__*/ jsx(form.Subscribe, {
                             selector: (state)=>({
@@ -168,7 +177,7 @@ function ChangeAccountPassword({ account, onClose, onSuccess }) {
                                     className: classnames('byline-account-change-password-action', change_password_module.action),
                                     children: true === isSubmitting ? /*#__PURE__*/ jsx(LoaderEllipsis, {
                                         size: 42
-                                    }) : 'Save'
+                                    }) : t('common.actions.save')
                                 })
                         })
                     ]