nucleus-core-ts 0.9.913 → 0.9.915

package/dist/fe/components/ResetPasswordPage/components/ResetPasswordForm.js

@@ -88,7 +88,7 @@ export function ResetPasswordForm({ labels, token, resetPasswordAction, onBackTo
         const reqs = [
             {
                 key: 'length',
-                label: `At least ${policy.minLength} characters`,
+                label: say.ruleMinLength(policy.minLength),
                 test: (p)=>p.length >= policy.minLength
             }
         ];
@@ -227,7 +227,7 @@ export function ResetPasswordForm({ labels, token, resetPasswordAction, onBackTo
                 }),
                 /*#__PURE__*/ _jsx("p", {
                     className: theme.success.message,
-                    children: "Your password has been successfully reset. You can now log in with your new password."
+                    children: say.successMessage
                 }),
                 /*#__PURE__*/ _jsx("div", {
                     className: theme.links.container,
@@ -266,7 +266,7 @@ export function ResetPasswordForm({ labels, token, resetPasswordAction, onBackTo
                         children: /*#__PURE__*/ _jsx(NucleusTextInput, {
                             type: "password",
                             label: say.newPassword,
-                            placeholder: "••••••••",
+                            placeholder: say.passwordPlaceholder,
                             value: store.newPassword,
                             onChange: store.setNewPassword,
                             disabled: isLoading,
@@ -285,7 +285,7 @@ export function ResetPasswordForm({ labels, token, resetPasswordAction, onBackTo
                         children: /*#__PURE__*/ _jsx(NucleusTextInput, {
                             type: "password",
                             label: say.confirmPassword,
-                            placeholder: "••••••••",
+                            placeholder: say.passwordPlaceholder,
                             value: store.confirmPassword,
                             onChange: store.setConfirmPassword,
                             disabled: isLoading,
@@ -329,7 +329,7 @@ export function ResetPasswordForm({ labels, token, resetPasswordAction, onBackTo
                             fullWidth: true,
                             loading: isLoading,
                             disabled: isLoading,
-                            children: "Reset Password"
+                            children: say.submitButton
                         })
                     }),
                     /*#__PURE__*/ _jsx("div", {

package/dist/fe/components/ResetPasswordPage/components/ResetPasswordPage.js

@@ -10,7 +10,7 @@ import { resetPasswordPageTheme } from '../theme';
 import { ResetPasswordForm } from './ResetPasswordForm';
 import { ResetPasswordHeader } from './ResetPasswordHeader';
 gsap.registerPlugin(useGSAP);
-export function ResetPasswordPage({ labels, logo, title = 'Reset Password', subtitle = 'Enter your new password below.', token, resetPasswordAction, onBackToLogin, backToLoginHref, showBackground = true, className, passwordPolicy }) {
+export function ResetPasswordPage({ labels, logo, title, subtitle, token, resetPasswordAction, onBackToLogin, backToLoginHref, showBackground = true, className, passwordPolicy }) {
     const say = {
         ...DEFAULT_RESET_PASSWORD_LABELS,
         ...labels
@@ -48,8 +48,8 @@ export function ResetPasswordPage({ labels, logo, title = 'Reset Password', subt
                     children: [
                         /*#__PURE__*/ _jsx(ResetPasswordHeader, {
                             logo: logo,
-                            title: title,
-                            subtitle: subtitle
+                            title: title ?? say.title,
+                            subtitle: subtitle ?? say.subtitle
                         }),
                         /*#__PURE__*/ _jsx(ResetPasswordForm, {
                             labels: labels,

package/dist/fe/components/ResetPasswordPage/labels.d.ts

@@ -4,13 +4,23 @@
  * Defaults stay English, so nothing that does not pass labels changes.
  */
 export type ResetPasswordLabels = {
+    /** The heading and the line under it, used when the page is given no title/subtitle. */
+    title: string;
+    subtitle: string;
     newPassword: string;
     confirmPassword: string;
+    /** Shown inside both password boxes while they are empty. */
+    passwordPlaceholder: string;
     passwordRequirements: string;
+    /** What the button that submits the form says. */
+    submitButton: string;
     success: string;
+    /** The paragraph under the success heading. */
+    successMessage: string;
     backToLogin: string;
     pageLabel: string;
     /** The rules listed under the box, one line each. */
+    ruleMinLength: (count: number) => string;
     ruleUppercase: string;
     ruleLowercase: string;
     ruleNumber: string;

package/dist/fe/components/ResetPasswordPage/labels.js

@@ -3,12 +3,18 @@
  *
  * Defaults stay English, so nothing that does not pass labels changes.
  */ export const DEFAULT_RESET_PASSWORD_LABELS = {
+    title: 'Reset Password',
+    subtitle: 'Enter your new password below.',
     newPassword: 'New Password',
     confirmPassword: 'Confirm Password',
+    passwordPlaceholder: '••••••••',
     passwordRequirements: 'Password requirements:',
+    submitButton: 'Reset Password',
     success: 'Password Reset Successful',
+    successMessage: 'Your password has been successfully reset. You can now log in with your new password.',
     backToLogin: 'Back to login',
     pageLabel: 'Reset password page',
+    ruleMinLength: (count)=>`At least ${count} characters`,
     ruleUppercase: 'One uppercase letter',
     ruleLowercase: 'One lowercase letter',
     ruleNumber: 'One number',

package/dist/fe/components/SetPasswordPage/components/PasswordStrengthIndicator.d.ts

@@ -1,7 +1,10 @@
 import type { ReactElement } from 'react';
+import { type SetPasswordLabels } from '../labels';
 import type { PasswordStrength } from '../types';
 type PasswordStrengthIndicatorProps = {
     strength: PasswordStrength;
+    /** Every word this indicator says, so a portal can say them in its own language. */
+    labels?: Partial<SetPasswordLabels>;
     showRequirements?: boolean;
     passwordMinLength?: number;
     requireUppercase?: boolean;
@@ -9,5 +12,5 @@ type PasswordStrengthIndicatorProps = {
     requireNumber?: boolean;
     requireSpecialChar?: boolean;
 };
-export declare function PasswordStrengthIndicator({ strength, showRequirements, passwordMinLength, requireUppercase, requireLowercase, requireNumber, requireSpecialChar, }: PasswordStrengthIndicatorProps): ReactElement;
+export declare function PasswordStrengthIndicator({ strength, labels, showRequirements, passwordMinLength, requireUppercase, requireLowercase, requireNumber, requireSpecialChar, }: PasswordStrengthIndicatorProps): ReactElement;
 export {};

package/dist/fe/components/SetPasswordPage/components/PasswordStrengthIndicator.js

@@ -1,6 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '../../../utils/cn';
+import { DEFAULT_SET_PASSWORD_LABELS } from '../labels';
 import { setPasswordPageTheme } from '../theme';
 const CheckIcon = ()=>/*#__PURE__*/ _jsx("svg", {
         className: "w-3 h-3",
@@ -24,7 +25,11 @@ const CrossIcon = ()=>/*#__PURE__*/ _jsx("svg", {
             clipRule: "evenodd"
         })
     });
-export function PasswordStrengthIndicator({ strength, showRequirements = true, passwordMinLength = 8, requireUppercase = true, requireLowercase = true, requireNumber = true, requireSpecialChar = false }) {
+export function PasswordStrengthIndicator({ strength, labels, showRequirements = true, passwordMinLength = 8, requireUppercase = true, requireLowercase = true, requireNumber = true, requireSpecialChar = false }) {
+    const say = {
+        ...DEFAULT_SET_PASSWORD_LABELS,
+        ...labels
+    };
     const theme = setPasswordPageTheme.passwordStrength;
     const getStrengthColor = (index)=>{
         if (index >= strength.score) return theme.bar.inactive;
@@ -37,31 +42,31 @@ export function PasswordStrengthIndicator({ strength, showRequirements = true, p
     const requirements = [
         {
             key: 'minLength',
-            label: `At least ${passwordMinLength} characters`,
+            label: say.requirementMinLength(passwordMinLength),
             met: strength.hasMinLength,
             show: true
         },
         {
             key: 'uppercase',
-            label: 'One uppercase letter',
+            label: say.requirementUppercase,
             met: strength.hasUppercase,
             show: requireUppercase
         },
         {
             key: 'lowercase',
-            label: 'One lowercase letter',
+            label: say.requirementLowercase,
             met: strength.hasLowercase,
             show: requireLowercase
         },
         {
             key: 'number',
-            label: 'One number',
+            label: say.requirementNumber,
             met: strength.hasNumber,
             show: requireNumber
         },
         {
             key: 'special',
-            label: 'One special character',
+            label: say.requirementSpecialChar,
             met: strength.hasSpecialChar,
             show: requireSpecialChar
         }
@@ -75,7 +80,7 @@ export function PasswordStrengthIndicator({ strength, showRequirements = true, p
                 "aria-valuenow": strength.score,
                 "aria-valuemin": 0,
                 "aria-valuemax": 5,
-                "aria-label": "Password strength",
+                "aria-label": say.passwordStrength,
                 children: [
                     0,
                     1,
@@ -88,7 +93,7 @@ export function PasswordStrengthIndicator({ strength, showRequirements = true, p
             }),
             showRequirements && /*#__PURE__*/ _jsx("ul", {
                 className: theme.requirements.container,
-                "aria-label": "Password requirements",
+                "aria-label": say.passwordRequirements,
                 children: requirements.map((req)=>/*#__PURE__*/ _jsxs("li", {
                         className: cn(theme.requirements.item, req.met ? theme.requirements.met : theme.requirements.unmet),
                         children: [

package/dist/fe/components/SetPasswordPage/components/SetPasswordForm.js

@@ -22,16 +22,16 @@ export function SetPasswordForm({ labels, passwordChangeAction, passwordSetActio
             return say.passwordRequired;
         }
         if (store.newPassword.length < policy.minLength) {
-            return `Password must be at least ${policy.minLength} characters`;
+            return say.passwordTooShort(policy.minLength);
         }
         if (policy.maxLength && store.newPassword.length > policy.maxLength) {
-            return `Password must be at most ${policy.maxLength} characters`;
+            return say.passwordTooLong(policy.maxLength);
         }
         if (policy.requireUppercase && !/[A-Z]/.test(store.newPassword)) {
-            return 'Password must contain at least one uppercase letter';
+            return say.passwordNeedsUppercase;
         }
         if (policy.requireLowercase && !/[a-z]/.test(store.newPassword)) {
-            return 'Password must contain at least one lowercase letter';
+            return say.passwordNeedsLowercase;
         }
         if (policy.requireNumber && !/[0-9]/.test(store.newPassword)) {
             return say.passwordNeedsNumber;
@@ -39,7 +39,7 @@ export function SetPasswordForm({ labels, passwordChangeAction, passwordSetActio
         if (policy.requireSpecialChar) {
             const specialCharsRegex = new RegExp(`[${policy.specialChars.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&')}]`);
             if (!specialCharsRegex.test(store.newPassword)) {
-                return 'Password must contain at least one special character';
+                return say.passwordNeedsSpecialChar;
             }
         }
         if (!store.confirmPassword) {
@@ -105,7 +105,7 @@ export function SetPasswordForm({ labels, passwordChangeAction, passwordSetActio
             }),
             /*#__PURE__*/ _jsx(NucleusTextInput, {
                 type: "password",
-                label: "New Password",
+                label: say.newPasswordLabel,
                 value: store.newPassword,
                 onChange: (val)=>store.setNewPassword(val, policy.minLength),
                 placeholder: say.newPasswordPlaceholder,
@@ -116,7 +116,7 @@ export function SetPasswordForm({ labels, passwordChangeAction, passwordSetActio
             }),
             /*#__PURE__*/ _jsx(NucleusTextInput, {
                 type: "password",
-                label: "Confirm Password",
+                label: say.confirmPasswordLabel,
                 value: store.confirmPassword,
                 onChange: store.setConfirmPassword,
                 placeholder: say.confirmPasswordPlaceholder,
@@ -128,19 +128,19 @@ export function SetPasswordForm({ labels, passwordChangeAction, passwordSetActio
                 type: "submit",
                 disabled: activeAction?.state.isPending,
                 className: theme.form.submitButton,
-                children: activeAction?.state.isPending ? 'Setting Password...' : 'Set Password'
+                children: activeAction?.state.isPending ? say.submitting : say.submit
             }),
             /*#__PURE__*/ _jsx("div", {
                 className: theme.form.backLink,
                 children: backToLoginHref ? /*#__PURE__*/ _jsx("a", {
                     href: backToLoginHref,
                     className: theme.form.backLinkText,
-                    children: "Back to login"
+                    children: say.backToLogin
                 }) : onBackToLogin ? /*#__PURE__*/ _jsx("button", {
                     type: "button",
                     onClick: onBackToLogin,
                     className: theme.form.backLinkText,
-                    children: "Back to login"
+                    children: say.backToLogin
                 }) : null
             })
         ]

package/dist/fe/components/SetPasswordPage/components/SetPasswordPage.js

@@ -40,7 +40,7 @@ export function SetPasswordPage({ logo, title = 'Set Password', subtitle = 'Ente
             },
             onErrorHandle: (error)=>{
                 store.setStep('error');
-                store.setError(error?.message || 'Token verification failed');
+                store.setError(error?.message || say.tokenVerificationFailed);
             }
         });
     });
@@ -96,7 +96,7 @@ export function SetPasswordPage({ logo, title = 'Set Password', subtitle = 'Ente
                                 }),
                                 /*#__PURE__*/ _jsx("p", {
                                     className: theme.states.verifying.subtitle,
-                                    children: "Please wait while we verify your invitation link..."
+                                    children: say.verifyingSubtitle
                                 })
                             ]
                         })
@@ -144,7 +144,7 @@ export function SetPasswordPage({ logo, title = 'Set Password', subtitle = 'Ente
                                         className: theme.states.error.subtitle,
                                         children: isInvite ? say.invalidInviteBody : say.invalidLinkBody
                                     }),
-                                    store.error && store.error !== 'Token verification failed' && /*#__PURE__*/ _jsx("p", {
+                                    store.error && store.error !== say.tokenVerificationFailed && /*#__PURE__*/ _jsx("p", {
                                         className: theme.states.error.errorMessage,
                                         children: store.error
                                     }),
@@ -213,7 +213,7 @@ export function SetPasswordPage({ logo, title = 'Set Password', subtitle = 'Ente
                                 }),
                                 /*#__PURE__*/ _jsx("p", {
                                     className: theme.states.success.subtitle,
-                                    children: "Your account is now ready. Redirecting you to login..."
+                                    children: say.successSubtitle
                                 }),
                                 /*#__PURE__*/ _jsxs("div", {
                                     className: theme.layout.redirectWrapper,

package/dist/fe/components/SetPasswordPage/labels.d.ts

@@ -16,10 +16,23 @@ export type SetPasswordLabels = {
     needHelp: string;
     success: string;
     redirecting: string;
+    /**
+     * The two sentences an employee waits in front of. The headings above them
+     * were translatable and these were not, so the wait read half in one
+     * language and half in another.
+     */
+    verifyingSubtitle: string;
+    successSubtitle: string;
+    newPasswordLabel: string;
+    confirmPasswordLabel: string;
     newPasswordPlaceholder: string;
     confirmPasswordPlaceholder: string;
     passwordStrength: string;
     passwordRequirements: string;
+    /** The one button on the form, and the word it wears while it works. */
+    submit: string;
+    submitting: string;
+    backToLogin: string;
     pageLabel: string;
     /**
      * The invalid-link screen. Its heading was translatable and the three
@@ -33,12 +46,34 @@ export type SetPasswordLabels = {
     invalidLinkHelp: string;
     goToLogin: string;
     invalidToken: string;
+    /**
+     * Never shown — it is the fallback the page compares against to decide the
+     * raw failure is not worth repeating under the heading. It reads from labels
+     * so no English literal is left in the component.
+     */
+    tokenVerificationFailed: string;
     /** Said when something is wrong, at the moment it is wrong. */
     passwordRequired: string;
+    /**
+     * The length rules carry a number, so they are functions: Turkish puts the
+     * count and the noun in an order English does not, and a sentence glued from
+     * a translated half and a number is a sentence in neither language.
+     */
+    passwordTooShort: (minLength: number) => string;
+    passwordTooLong: (maxLength: number) => string;
+    passwordNeedsUppercase: string;
+    passwordNeedsLowercase: string;
     passwordNeedsNumber: string;
+    passwordNeedsSpecialChar: string;
     confirmRequired: string;
     passwordsDoNotMatch: string;
     noActionConfigured: string;
     failed: string;
+    /** The checklist under the strength bar. */
+    requirementMinLength: (minLength: number) => string;
+    requirementUppercase: string;
+    requirementLowercase: string;
+    requirementNumber: string;
+    requirementSpecialChar: string;
 };
 export declare const DEFAULT_SET_PASSWORD_LABELS: SetPasswordLabels;

package/dist/fe/components/SetPasswordPage/labels.js

@@ -11,14 +11,21 @@
  * Defaults stay English, so nothing that does not pass labels changes.
  */ export const DEFAULT_SET_PASSWORD_LABELS = {
     verifying: 'Verifying Invitation',
+    verifyingSubtitle: 'Please wait while we verify your invitation link...',
     invalidLink: 'Invalid Link',
     needHelp: 'Need help? Contact your system administrator.',
     success: 'Password Set Successfully!',
+    successSubtitle: 'Your account is now ready. Redirecting you to login...',
     redirecting: 'Redirecting...',
+    newPasswordLabel: 'New Password',
+    confirmPasswordLabel: 'Confirm Password',
     newPasswordPlaceholder: 'Enter your new password',
     confirmPasswordPlaceholder: 'Confirm your new password',
     passwordStrength: 'Password strength',
     passwordRequirements: 'Password requirements',
+    submit: 'Set Password',
+    submitting: 'Setting Password...',
+    backToLogin: 'Back to login',
     pageLabel: 'Set password page',
     invalidInviteBody: 'This invitation link is invalid or has expired.',
     invalidLinkBody: 'This link is invalid or has expired.',
@@ -26,10 +33,21 @@
     invalidLinkHelp: 'Please request a new link or contact support.',
     goToLogin: 'Go to Login',
     invalidToken: 'Invalid or missing token',
+    tokenVerificationFailed: 'Token verification failed',
     passwordRequired: 'Password is required',
+    passwordTooShort: (minLength)=>`Password must be at least ${minLength} characters`,
+    passwordTooLong: (maxLength)=>`Password must be at most ${maxLength} characters`,
+    passwordNeedsUppercase: 'Password must contain at least one uppercase letter',
+    passwordNeedsLowercase: 'Password must contain at least one lowercase letter',
     passwordNeedsNumber: 'Password must contain at least one number',
+    passwordNeedsSpecialChar: 'Password must contain at least one special character',
     confirmRequired: 'Please confirm your password',
     passwordsDoNotMatch: 'Passwords do not match',
     noActionConfigured: 'No action configured',
-    failed: 'Failed to set password'
+    failed: 'Failed to set password',
+    requirementMinLength: (minLength)=>`At least ${minLength} characters`,
+    requirementUppercase: 'One uppercase letter',
+    requirementLowercase: 'One lowercase letter',
+    requirementNumber: 'One number',
+    requirementSpecialChar: 'One special character'
 };