@sjolystinnovation/app-kit 1.0.0 → 1.0.1

package/README.md

@@ -977,11 +977,11 @@ const params = useSearchParams();
 | Prop | Type | Description |
 | --- | --- | --- |
 | `requestReset` | `(data: { email }) => Promise<unknown>` | Asks the API to email a code. |
-| `reset` | `(data: { email, code, newPassword }) => Promise<unknown>` | Sets the password. When it succeeds, the flow shows the `message` in its answer. |
+| `reset` | `(data: { email, code, newPassword }) => Promise<unknown>` | Sets the password. When it succeeds, the flow shows `strings.done`. |
 | `loginHref` | `string` | Where the sign-in links go. |
 | `initialEmail`, `initialCode` | `string` | The values from the emailed link. A code opens the second step. |
 | `className` | `string` | Replaces the outer `max-w-md mx-auto px-4 py-16`, such as to sit in the app's own card. |
-| `strings` | `TextOverrides<ResetPasswordFlowStrings>` | The page's text. Set `signInPrompt`, `intro`, `codeSent`, or `passwordHint` to `null` to leave it out. `done` set to `null` shows the API's message, or only the sign-in link when it sends none. `passwordInvalid` set to `null` lists every broken rule. `validation` and `errors` may name only some codes. |
+| `strings` | `TextOverrides<ResetPasswordFlowStrings>` | The page's text. The English defaults include an intro, the password rules as `passwordHint`, and a `done` text. Set `signInPrompt`, `intro`, `codeSent`, or `passwordHint` to `null` to leave it out. `done` set to `null` shows the API's message, or only the sign-in link when it sends none. `passwordInvalid` set to `null` lists every broken rule. `validation` and `errors` may name only some codes. |
 | `passwordStrings` | `TextOverrides<PasswordStrings>` | The rule messages, in the app's language. |
 
 A password that breaks the rules is marked under the new password field, without a call to the API.
@@ -1221,7 +1221,7 @@ image and toasts it. A successful save clears it. See
 ```tsx
 <BrandingManager
   save={form => BrandingService.update(form)}
-  strings={{ validation: { invalidImage: "Bruk PNG, JPEG, WebP, GIF eller ICO.", imageTooLarge: "Bildet er for stort." } }}
+  strings={{ validation: { invalidImage: "Ugyldig filformat. Last opp en bildefil.", imageTooLarge: "Filen er for stor. Last opp en fil på 2 MB eller mindre." } }}
 />
 ```
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sjolystinnovation/app-kit",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Building blocks for Next.js apps that sign in against a JWT API through next-auth",
   "license": "Apache-2.0",
   "author": "Sjølyst Innovation AS",

package/src/branding/brandingManagerStrings.ts

@@ -43,7 +43,7 @@ export const defaultBrandingManagerStrings: BrandingManagerStrings = {
   saved: "Branding saved",
   saveFailed: "Failed to save branding",
   validation: {
-    invalidImage: "The image must be a PNG, JPEG, WebP, GIF or ICO file of at most 2 MB.",
-    imageTooLarge: "The image must be a PNG, JPEG, WebP, GIF or ICO file of at most 2 MB.",
+    invalidImage: "Invalid file format. Upload a PNG, JPEG, WebP, GIF or ICO image.",
+    imageTooLarge: "The file is too large. Upload a file of 2 MB or less.",
   },
 };

package/src/sections/sectionsEditorStrings.ts

@@ -9,7 +9,7 @@ export interface SectionsEditorStrings {
   moveUp: string;
   moveDown: string;
   duplicate: string;
-  /** The title of the button that removes a section. */
+  /** The title of the button that deletes a section. Keep it apart from `removeImage`, since both can show on one section. */
   remove: string;
   addSection: string;
   heading: string;
@@ -56,7 +56,7 @@ export const defaultSectionsEditorStrings: SectionsEditorStrings = {
   moveUp: "Move up",
   moveDown: "Move down",
   duplicate: "Duplicate",
-  remove: "Remove",
+  remove: "Delete section",
   addSection: "Add section",
   heading: "Heading",
   headingOptional: "Heading (optional)",

package/src/ui/resetPasswordFlowStrings.ts

@@ -1,5 +1,10 @@
 // Plain values, with no "use client", so a server component can import them.
 
+import { PASSWORD_MIN_LENGTH } from "../validation/passwordRules";
+
+// The rules passwordProblems checks, for the hint and the weak password text.
+const passwordRules = `Use at least ${PASSWORD_MIN_LENGTH} characters, with at least one lowercase and one uppercase letter from A to Z and one digit from 0 to 9.`;
+
 /**
  * The flow's text for each field error code of SjolystInnovation.AppKit.Auth's reset endpoints,
  * shown under the email, code or new password field. `{max}` in `passwordTooShort` becomes the
@@ -67,18 +72,18 @@ export const defaultResetPasswordFlowStrings: ResetPasswordFlowStrings = {
   signInPrompt: "Remembered it?",
   signIn: "Sign in",
   backToSignIn: "Back to sign in →",
-  intro: null,
+  intro: "Enter your email address and we will send you a code.",
   codeSent: "Check your email for the reset code.",
   email: "Email",
   code: "Reset code",
   newPassword: "New password",
-  passwordHint: null,
+  passwordHint: passwordRules,
   requestCode: "Send reset code",
   requestingCode: "Sending…",
   setPassword: "Reset password",
   settingPassword: "Resetting…",
-  done: null,
-  passwordInvalid: null,
+  done: "Your password has been changed. You can sign in now.",
+  passwordInvalid: `The password does not meet the requirements. ${passwordRules}`,
   somethingWentWrong: "Something went wrong",
   validation: {
     required: "Required.",