@sjolystinnovation/app-kit 0.22.0 → 1.0.0

package/src/branding/BrandingManager.tsx

@@ -1,45 +1,17 @@
 "use client";
 
 import { ArrowUpTrayIcon, TrashIcon } from "@heroicons/react/24/outline";
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useId, useRef, useState } from "react";
+import { fieldErrorTexts } from "../api/fieldErrorText";
 import { toast } from "../toast";
+import { FieldError } from "../ui/field";
 import { withDefaults, type TextOverrides } from "../ui/withDefaults";
 import { useBranding } from "./BrandingProvider";
+import { defaultBrandingManagerStrings, type BrandingManagerStrings, type BrandingValidationStrings } from "./brandingManagerStrings";
 import { toDataUrl } from "./types";
 
-/** The branding form's text. Pass the app's own language. The defaults are English. */
-export interface BrandingManagerStrings {
-  title: string;
-  logo: string;
-  logoHint: string;
-  icon: string;
-  iconHint: string;
-  none: string;
-  choose: string;
-  remove: string;
-  save: string;
-  saving: string;
-  saved: string;
-  saveFailed: string;
-}
-
 const IMAGE_TYPES = "image/png,image/jpeg,image/webp,image/gif,image/x-icon,.ico";
 
-export const defaultBrandingManagerStrings: BrandingManagerStrings = {
-  title: "Branding",
-  logo: "Logo",
-  logoHint: "Shown in the navbar and footer. PNG, JPEG, WebP, or GIF, max 2 MB.",
-  icon: "Icon (favicon)",
-  iconHint: "Browser tab icon. Square PNG or ICO, max 2 MB.",
-  none: "none",
-  choose: "Choose",
-  remove: "Remove",
-  save: "Save branding",
-  saving: "Saving…",
-  saved: "Branding saved",
-  saveFailed: "Failed to save branding",
-};
-
 /** Props for `BrandingManager`. */
 export interface BrandingManagerProps {
   /**
@@ -47,7 +19,12 @@ export interface BrandingManagerProps {
    * to `true`. Throw from it to show the error's message, such as one from `formatApiError`.
    */
   save: (form: FormData) => Promise<unknown>;
-  strings?: TextOverrides<BrandingManagerStrings> | undefined;
+  /** The form's text. `validation` may name only some codes, the rest keep their defaults. */
+  strings?:
+    | (TextOverrides<Omit<BrandingManagerStrings, "validation">> & {
+        validation?: TextOverrides<BrandingValidationStrings> | undefined;
+      })
+    | undefined;
 }
 
 /** A preview is an object URL for the chosen file or a data URL of a raster image. Anything else shows none. */
@@ -61,11 +38,15 @@ interface SlotProps {
   file: File | null;
   onPick: (file: File | null) => void;
   onClear: () => void;
+  /** Why the API refused this slot's file in the last save, if it did. */
+  error: string | undefined;
   text: BrandingManagerStrings;
 }
 
-function Slot({ label, hint, currentUrl, file, onPick, onClear, text }: SlotProps) {
+function Slot({ label, hint, currentUrl, file, onPick, onClear, error, text }: SlotProps) {
   const inputRef = useRef<HTMLInputElement>(null);
+  const errorId = `${useId()}-error`;
+  const describedBy = error ? errorId : undefined;
   const [objectUrl, setObjectUrl] = useState<string | null>(null);
 
   // An object URL is an outside resource with a lifetime, which is what an effect is for. Creating
@@ -100,12 +81,15 @@ function Slot({ label, hint, currentUrl, file, onPick, onClear, text }: SlotProp
           // The types the API accepts, so the picker does not offer an SVG it would refuse.
           accept={IMAGE_TYPES}
           aria-label={label}
+          aria-invalid={error ? true : undefined}
+          aria-describedby={describedBy}
           className="hidden"
           onChange={e => onPick(e.target.files?.[0] ?? null)}
         />
         <button
           type="button"
           onClick={() => inputRef.current?.click()}
+          aria-describedby={describedBy}
           className="inline-flex items-center gap-1.5 rounded-lg bg-gray-100 text-gray-700 font-medium px-3 py-2 text-sm hover:bg-gray-200"
         >
           <ArrowUpTrayIcon className="h-4 w-4" /> {text.choose}
@@ -117,19 +101,24 @@ function Slot({ label, hint, currentUrl, file, onPick, onClear, text }: SlotProp
         )}
       </div>
       <p className="mt-1 text-xs text-gray-500">{hint}</p>
+      <FieldError id={errorId} error={error} />
     </div>
   );
 }
 
 /** The admin form for uploading or removing the logo and the favicon. Needs a `BrandingProvider` above it. */
 export function BrandingManager({ save, strings }: BrandingManagerProps) {
-  const text = withDefaults(defaultBrandingManagerStrings, strings);
+  const { validation: validationOverrides, ...textOverrides } = strings ?? {};
+  const text = withDefaults(defaultBrandingManagerStrings, textOverrides);
+  const validation = withDefaults(defaultBrandingManagerStrings.validation, validationOverrides);
   const { branding, refresh } = useBranding();
   const [logo, setLogo] = useState<File | null>(null);
   const [icon, setIcon] = useState<File | null>(null);
   const [removeLogo, setRemoveLogo] = useState(false);
   const [removeIcon, setRemoveIcon] = useState(false);
   const [saving, setSaving] = useState(false);
+  // The texts for the files the API refused in the last save, keyed by `logo` and `icon`.
+  const [refusals, setRefusals] = useState<Record<string, string[]>>({});
 
   const currentLogo = removeLogo ? null : toDataUrl(branding.logoData, branding.logoContentType);
   const currentIcon = removeIcon ? null : toDataUrl(branding.iconData, branding.iconContentType);
@@ -147,10 +136,14 @@ export function BrandingManager({ save, strings }: BrandingManagerProps) {
       setIcon(null);
       setRemoveLogo(false);
       setRemoveIcon(false);
+      setRefusals({});
       refresh();
       toast.success(text.saved);
     } catch (err) {
-      toast.error(err instanceof Error && err.message ? err.message : text.saveFailed);
+      const texts = fieldErrorTexts(err, validation);
+      setRefusals(texts);
+      const first = Object.values(texts)[0]?.[0];
+      toast.error(first ?? (err instanceof Error && err.message ? err.message : text.saveFailed));
     } finally {
       setSaving(false);
     }
@@ -166,6 +159,7 @@ export function BrandingManager({ save, strings }: BrandingManagerProps) {
         file={logo}
         onPick={f => { setLogo(f); setRemoveLogo(false); }}
         onClear={() => { setLogo(null); setRemoveLogo(true); }}
+        error={refusals.logo?.join(" ")}
         text={text}
       />
       <Slot
@@ -175,6 +169,7 @@ export function BrandingManager({ save, strings }: BrandingManagerProps) {
         file={icon}
         onPick={f => { setIcon(f); setRemoveIcon(false); }}
         onClear={() => { setIcon(null); setRemoveIcon(true); }}
+        error={refusals.icon?.join(" ")}
         text={text}
       />
       <button

package/src/branding/brandingManagerStrings.ts

@@ -0,0 +1,49 @@
+// Plain values, with no "use client", so a server component can import them.
+
+/**
+ * The branding form's text for each refusal code of SjolystInnovation.AppKit.SiteSettings that a
+ * chosen file can get. The form shows the API's own message for a code that is not here.
+ */
+export interface BrandingValidationStrings {
+  /** The file is not a PNG, JPEG, WebP, GIF, or ICO image. */
+  invalidImage: string;
+  /** The file is larger than 2 MB. */
+  imageTooLarge: string;
+}
+
+/** The branding form's text. Pass the app's own language. The defaults are English. */
+export interface BrandingManagerStrings {
+  title: string;
+  logo: string;
+  logoHint: string;
+  icon: string;
+  iconHint: string;
+  none: string;
+  choose: string;
+  remove: string;
+  save: string;
+  saving: string;
+  saved: string;
+  saveFailed: string;
+  /** The refusal texts, by code. Any code left out keeps its default. */
+  validation: BrandingValidationStrings;
+}
+
+export const defaultBrandingManagerStrings: BrandingManagerStrings = {
+  title: "Branding",
+  logo: "Logo",
+  logoHint: "Shown in the navbar and footer. PNG, JPEG, WebP, or GIF, max 2 MB.",
+  icon: "Icon (favicon)",
+  iconHint: "Browser tab icon. Square PNG or ICO, max 2 MB.",
+  none: "none",
+  choose: "Choose",
+  remove: "Remove",
+  save: "Save branding",
+  saving: "Saving…",
+  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.",
+  },
+};

package/src/branding/index.ts

@@ -1,9 +1,9 @@
+export { BrandingManager, type BrandingManagerProps } from "./BrandingManager";
 export {
-  BrandingManager,
   defaultBrandingManagerStrings,
-  type BrandingManagerProps,
   type BrandingManagerStrings,
-} from "./BrandingManager";
+  type BrandingValidationStrings,
+} from "./brandingManagerStrings";
 export {
   BrandingProvider,
   useBranding,

package/src/legal/LegalPageView.tsx

@@ -1,24 +1,9 @@
 import Link from "next/link";
-import type { LegalPage } from "../api/services";
+import type { LegalPage } from "../api/legalPage";
 import { Markdown } from "../markdown";
 import { parseTimestamp } from "../seo/sitemap";
 import { withDefaults, type TextOverrides } from "../ui/withDefaults";
-
-/** The legal page's text around the content. Pass the app's own language. The defaults are English. */
-export interface LegalPageViewStrings {
-  /** The text before the date the page last changed. */
-  updated: string;
-  /** The text shown in place of the content when nobody has written the page yet. */
-  missing: string;
-  /** The text of the link back to the front page. */
-  toFrontPage: string;
-}
-
-export const defaultLegalPageViewStrings: LegalPageViewStrings = {
-  updated: "Last updated",
-  missing: "This content has not been written yet.",
-  toFrontPage: "Back to the front page",
-};
+import { defaultLegalPageViewStrings, type LegalPageViewStrings } from "./legalPageViewStrings";
 
 /** Props for `LegalPageView`. */
 export interface LegalPageViewProps {

package/src/legal/index.ts

@@ -1 +1,4 @@
-export { LegalPageView, defaultLegalPageViewStrings, type LegalPageViewProps, type LegalPageViewStrings } from "./LegalPageView";
+export type { LegalPage } from "../api/legalPage";
+export { LEGAL_PAGE_KEYS, type DefaultLegalPageKey } from "./keys";
+export { LegalPageView, type LegalPageViewProps } from "./LegalPageView";
+export { defaultLegalPageViewStrings, type LegalPageViewStrings } from "./legalPageViewStrings";

package/src/legal/keys.ts

@@ -0,0 +1,10 @@
+// Plain values with no imports, so the api, seo, admin, and legal entry points can share them.
+
+/**
+ * The legal pages a site has when it picks none, the same default as the `Keys` option of
+ * SjolystInnovation.AppKit.SiteSettings's `MapAppKitLegalPages`.
+ */
+export const LEGAL_PAGE_KEYS = ["terms", "privacy", "cookies"] as const;
+
+/** A key of `LEGAL_PAGE_KEYS`. The legal page types and calls default to it. */
+export type DefaultLegalPageKey = (typeof LEGAL_PAGE_KEYS)[number];

package/src/legal/legalPageViewStrings.ts

@@ -0,0 +1,17 @@
+// Plain values, with no "use client", so a server component can import them.
+
+/** The legal page's text around the content. Pass the app's own language. The defaults are English. */
+export interface LegalPageViewStrings {
+  /** The text before the date the page last changed. */
+  updated: string;
+  /** The text shown in place of the content when nobody has written the page yet. */
+  missing: string;
+  /** The text of the link back to the front page. */
+  toFrontPage: string;
+}
+
+export const defaultLegalPageViewStrings: LegalPageViewStrings = {
+  updated: "Last updated",
+  missing: "This content has not been written yet.",
+  toFrontPage: "Back to the front page",
+};

package/src/locales/nb.ts

@@ -0,0 +1,330 @@
+// Norwegian (bokmål) text for every app-kit component that takes `strings`. Plain values with type
+// only imports, so this entry point needs no peer dependency and a server component can import it.
+//
+// The wording follows Norwegian public services. A field error names the field or the problem first,
+// says what is wrong and how to fix it, as Skatteetaten does, and uses Altinn's phrasing such as
+// "Du må fylle ut" and "Bruk {max} eller færre tegn".
+
+import type { AdminUsersPanelStrings } from "../admin/adminUsersPanelStrings";
+import type { CompanySettingsFormStrings } from "../admin/companySettingsFormStrings";
+import type { EmailStatsPanelStrings } from "../admin/emailStatsPanelStrings";
+import type { LegalPagesEditorStrings } from "../admin/legalPagesEditorStrings";
+import type { StatHistoryChartStrings } from "../admin/statHistoryChartStrings";
+import type { BrandingManagerStrings } from "../branding/brandingManagerStrings";
+import type { DefaultLegalPageKey } from "../legal/keys";
+import type { LegalPageViewStrings } from "../legal/legalPageViewStrings";
+import type { SectionsEditorStrings } from "../sections/sectionsEditorStrings";
+import type { SharedSectionType } from "../sections/types";
+import type { CredentialsFormStrings } from "../session/react/credentialsFormStrings";
+import type { LoginPageStrings } from "../session/react/loginPageStrings";
+import type { SessionExpiryGuardStrings } from "../session/react/sessionExpiryGuardStrings";
+import type { ErrorStateStrings } from "../ui/errorStateStrings";
+import type { NotFoundStateStrings } from "../ui/notFoundStateStrings";
+import type { ResetPasswordFlowStrings } from "../ui/resetPasswordFlowStrings";
+import { PASSWORD_MIN_LENGTH, type PasswordStrings } from "../validation/passwordRules";
+
+const required = "Du må fylle ut dette feltet.";
+const tooLong = "Bruk {max} eller færre tegn.";
+const passwordRules = `Bruk minst ${PASSWORD_MIN_LENGTH} tegn, med minst én liten og én stor bokstav fra A til Z og ett siffer fra 0 til 9.`;
+
+/** For `passwordSchema` and the `passwordStrings` of `ResetPasswordFlow`. */
+export const nbPasswordStrings: PasswordStrings = {
+  tooShort: `Passordet er for kort. Bruk minst ${PASSWORD_MIN_LENGTH} tegn.`,
+  lowercase: "Passordet mangler en liten bokstav. Ta med en bokstav fra a til z.",
+  uppercase: "Passordet mangler en stor bokstav. Ta med en bokstav fra A til Z.",
+  digit: "Passordet mangler et siffer. Ta med et siffer fra 0 til 9.",
+};
+
+/** For `CredentialsForm`, and the `formStrings` of `LoginPage` and `SessionExpiryGuard`. */
+export const nbCredentialsFormStrings: CredentialsFormStrings = {
+  email: "E-post",
+  password: "Passord",
+  signIn: "Logg inn",
+  signingIn: "Logger inn…",
+  invalidCredentials: "Feil e-post eller passord.",
+  lockedOut: "Du har prøvd å logge inn for mange ganger, så innloggingen er låst en stund. Prøv igjen senere.",
+  signInUnavailable: "Innlogging er ikke tilgjengelig akkurat nå. Prøv igjen om litt.",
+  somethingWentWrong: "Noe gikk galt. Prøv igjen.",
+  showPassword: "Vis passord",
+  hidePassword: "Skjul passord",
+};
+
+/** For `LoginPage`. */
+export const nbLoginPageStrings: LoginPageStrings = {
+  title: "Logg inn",
+  forgotPassword: "Glemt passord?",
+  registerPrompt: "Har du ikke konto?",
+  register: "Opprett konto",
+};
+
+/** For `SessionExpiryGuard`. */
+export const nbSessionExpiryGuardStrings: SessionExpiryGuardStrings = {
+  expiredTitle: "Økten er utløpt",
+  expiredBody: "Økten din er utløpt. Logg inn på nytt for å lagre.",
+  expiringSoon: "Økten utløper om {minutes} min. Logg inn på nytt for å fortsette uten avbrudd.",
+  reSignIn: "Logg inn på nytt",
+  notRestored: "Vi fikk ikke fornyet økten. Prøv igjen.",
+  wrongUser: "Denne siden tilhører en annen bruker. Logg inn med samme konto.",
+  close: "Lukk",
+};
+
+/** For `ResetPasswordFlow`. Pass `nbPasswordStrings` as its `passwordStrings` too. */
+export const nbResetPasswordFlowStrings: ResetPasswordFlowStrings = {
+  title: "Sett nytt passord",
+  signInPrompt: "Husker du passordet?",
+  signIn: "Logg inn",
+  backToSignIn: "Logg inn →",
+  intro: "Skriv inn e-postadressen din, så sender vi en kode.",
+  codeSent: "Sjekk e-posten din. Vi har sendt deg en kode.",
+  email: "E-post",
+  code: "Kode fra e-post",
+  newPassword: "Nytt passord",
+  passwordHint: passwordRules,
+  requestCode: "Send kode",
+  requestingCode: "Sender…",
+  setPassword: "Lagre passord",
+  settingPassword: "Lagrer…",
+  done: "Passordet er endret. Du kan logge inn nå.",
+  passwordInvalid: `Passordet oppfyller ikke kravene. ${passwordRules}`,
+  somethingWentWrong: "Noe gikk galt. Prøv igjen.",
+  validation: {
+    required,
+    invalidEmail: "E-postadressen er ugyldig. Skriv den slik: navn@domene.no.",
+    passwordTooShort: "Passordet er for kort. Bruk minst {max} tegn.",
+    passwordRequiresDigit: "Passordet mangler et siffer. Ta med et siffer fra 0 til 9.",
+    passwordRequiresLower: "Passordet mangler en liten bokstav. Ta med en bokstav fra a til z.",
+    passwordRequiresUpper: "Passordet mangler en stor bokstav. Ta med en bokstav fra A til Z.",
+    passwordRequiresNonAlphanumeric: "Passordet mangler et spesialtegn. Ta med et tegn som ikke er en bokstav eller et siffer, for eksempel ! eller #.",
+  },
+  errors: {
+    invalidResetCode: "Koden er feil eller har gått ut. Sjekk koden i e-posten, eller be om en ny kode.",
+    tooManyResetAttempts: "Du har skrevet feil kode for mange ganger. Be om en ny kode.",
+  },
+};
+
+/** For `ErrorState`. */
+export const nbErrorStateStrings: ErrorStateStrings = {
+  title: "Midlertidig utilgjengelig",
+  body: "Vi får ikke kontakt med tjenesten akkurat nå. Prøv igjen om litt.",
+  tryAgain: "Prøv igjen",
+  home: "Til forsiden",
+};
+
+/** For `NotFoundState`. */
+export const nbNotFoundStateStrings: NotFoundStateStrings = {
+  code: "404",
+  body: "Siden finnes ikke, eller den er flyttet.",
+  home: "Til forsiden",
+};
+
+/** For `CompanySettingsForm`. */
+export const nbCompanySettingsFormStrings: CompanySettingsFormStrings = {
+  contactRecipient: "Mottaker for henvendelser",
+  contactRecipientHint: "Meldinger fra kontaktskjemaet sendes til denne adressen.",
+  companyName: "Firmanavn",
+  legalName: "Registrert navn",
+  legalNameHint: "Navnet i Enhetsregisteret. La feltet stå tomt for å bruke firmanavnet.",
+  orgNumber: "Organisasjonsnummer",
+  vatRegistered: "Registrert i Merverdiavgiftsregisteret",
+  vatHint: "Krever organisasjonsnummer. Når dette er slått på, vises nummeret med «MVA».",
+  streetAddress: "Gateadresse",
+  postalCode: "Postnummer",
+  addressLocality: "Poststed",
+  addressRegion: "Fylke",
+  addressHint: "Postnummer og poststed holdes atskilt slik at søkemotorer kan lese adressen. Fylke er valgfritt.",
+  publicEmail: "E-post som vises på nettsiden",
+  publicPhone: "Telefon som vises på nettsiden",
+  loading: "Laster…",
+  save: "Lagre",
+  saving: "Lagrer…",
+  loadFailed: "Kunne ikke laste innstillingene",
+  saved: "Innstillingene er lagret",
+  saveFailed: "Kunne ikke lagre innstillingene",
+  validation: {
+    required,
+    tooLong,
+    invalidEmail: "E-postadressen er ugyldig. Skriv den slik: navn@domene.no.",
+    orgNumberRequiredForVat: "Du må fylle ut organisasjonsnummer når virksomheten er registrert i Merverdiavgiftsregisteret.",
+    invalidOrgNumber: "Organisasjonsnummeret er ugyldig. Et organisasjonsnummer består av 9 siffer.",
+    invalidPostalCode: "Postnummeret er ugyldig. Et postnummer består av 4 siffer.",
+    placeRequired: "Du må fylle ut poststed når du har fylt ut postnummer.",
+  },
+};
+
+/** For `AdminUsersPanel`. */
+export const nbAdminUsersPanelStrings: AdminUsersPanelStrings = {
+  users: "Brukere",
+  showDeleted: "Vis slettede",
+  inviteUser: "Inviter bruker",
+  firstName: "Fornavn",
+  lastName: "Etternavn",
+  email: "E-post",
+  role: "Rolle",
+  sendInvite: "Send invitasjon",
+  sending: "Sender…",
+  inviteHint: "Brukeren får en e-post med en kode og setter passordet selv på siden for glemt passord.",
+  loading: "Laster…",
+  deleted: "slettet",
+  delete: "Slett",
+  remove: "Fjern",
+  noRoles: "Ingen roller",
+  addRole: "Legg til rolle",
+  add: "Legg til",
+  cancel: "Avbryt",
+  usersLoadFailed: "Kunne ikke laste brukerne",
+  rolesLoadFailed: "Kunne ikke laste rollene",
+  roleAssigned: "{name} har fått rollen {role}",
+  roleAssignFailed: "Kunne ikke tildele rollen",
+  roleRemoved: "{role} er fjernet fra {name}",
+  roleRemoveFailed: "Kunne ikke fjerne rollen",
+  confirmDelete: "Slette {name}? Navn, e-post og passord blir fjernet, og brukeren kan ikke logge inn igjen.",
+  userDeleted: "Brukeren er slettet",
+  userDeleteFailed: "Kunne ikke slette brukeren",
+  inviteIncomplete: "Du må fylle ut navn og e-post.",
+  inviteSent: "Invitasjonen er sendt. Brukeren får en kode for å sette passord.",
+  inviteFailed: "Kunne ikke sende invitasjonen",
+  validation: {
+    required,
+    tooLong,
+    invalidEmail: "E-postadressen er ugyldig. Skriv den slik: navn@domene.no.",
+    unknownRole: "Rollen finnes ikke. Velg en rolle fra listen.",
+    emailTaken: "E-postadressen har allerede en konto. Bruk en annen e-postadresse.",
+  },
+  errors: {
+    unknownRole: "Rollen finnes ikke. Velg en rolle fra listen.",
+    ownAdminRole: "Du kan ikke fjerne din egen administratorrolle. Be en annen administrator om å gjøre det.",
+    lastAdmin: "Den siste administratoren må beholde administratorrollen. Gi rollen til noen andre først.",
+    roleAssignFailed: "Rollen ble ikke tildelt. Prøv igjen.",
+    roleRemoveFailed: "Rollen ble ikke fjernet. Prøv igjen.",
+    emailTaken: "E-postadressen har allerede en konto. Bruk en annen e-postadresse.",
+  },
+  deleteErrors: {
+    lastAdmin: "Den siste administratoren kan ikke slettes. Gi administratorrollen til noen andre først.",
+    accountChangeConflict: "Noen andre endret brukerkontoene samtidig. Prøv igjen.",
+  },
+};
+
+/** For `LegalPagesEditor`. */
+export const nbLegalPagesEditorStrings: LegalPagesEditorStrings = {
+  heading: "Juridiske sider",
+  title: "Tittel",
+  bodyMarkdown: "Innhold (Markdown)",
+  notFilled: "Ikke fylt ut",
+  loading: "Laster…",
+  save: "Lagre",
+  saving: "Lagrer…",
+  loadFailed: "Kunne ikke laste sidene",
+  required: "Du må fylle ut tittel og innhold.",
+  saved: "Siden er lagret",
+  saveFailed: "Kunne ikke lagre siden",
+  validation: { required, tooLong },
+};
+
+/** The tab labels of the default legal pages, for the `keyLabels` of `LegalPagesEditor`. */
+export const nbLegalPageKeyLabels: Record<DefaultLegalPageKey, string> = {
+  terms: "Vilkår",
+  privacy: "Personvern",
+  cookies: "Informasjonskapsler",
+};
+
+/** For `StatHistoryChart`. */
+export const nbStatHistoryChartStrings: StatHistoryChartStrings = {
+  empty: "Ingen historikk ennå. Se innom i morgen.",
+  chart: "Statistikk over tid",
+};
+
+/** For `EmailStatsPanel`. */
+export const nbEmailStatsPanelStrings: EmailStatsPanelStrings = {
+  title: "E-post (siste {days} dager)",
+  sent: "Sendt",
+  delivered: "Levert",
+  bounces: "Returnert",
+  blocked: "Blokkert eller spam",
+  loading: "Laster…",
+  unavailable: "E-poststatistikken er ikke tilgjengelig akkurat nå. Prøv igjen senere.",
+};
+
+/** For `BrandingManager`. */
+export const nbBrandingManagerStrings: BrandingManagerStrings = {
+  title: "Logo og ikon",
+  logo: "Logo",
+  logoHint: "Vises i menylinjen og bunnteksten. PNG, JPEG, WebP eller GIF, maks 2 MB.",
+  icon: "Ikon (favicon)",
+  iconHint: "Ikonet i nettleserfanen. Kvadratisk PNG eller ICO, maks 2 MB.",
+  none: "ingen",
+  choose: "Velg fil",
+  remove: "Fjern",
+  save: "Lagre logo og ikon",
+  saving: "Lagrer…",
+  saved: "Logo og ikon er lagret",
+  saveFailed: "Kunne ikke lagre logo og ikon",
+  validation: {
+    invalidImage: "Ugyldig filformat. Last opp en bildefil.",
+    imageTooLarge: "Filen er for stor. Last opp en fil på 2 MB eller mindre.",
+  },
+};
+
+/** For `LegalPageView`. */
+export const nbLegalPageViewStrings: LegalPageViewStrings = {
+  updated: "Sist oppdatert",
+  missing: "Dette innholdet er ikke lagt inn ennå.",
+  toFrontPage: "Til forsiden",
+};
+
+/** For `SectionsEditor` and the section editors. */
+export const nbSectionsEditorStrings: SectionsEditorStrings = {
+  hide: "Skjul",
+  show: "Vis",
+  moveUp: "Flytt opp",
+  moveDown: "Flytt ned",
+  duplicate: "Dupliser",
+  remove: "Slett",
+  addSection: "Legg til seksjon",
+  heading: "Overskrift",
+  headingOptional: "Overskrift (valgfri)",
+  subheading: "Undertekst",
+  text: "Tekst",
+  body: "Brødtekst (Markdown)",
+  primaryButtonLabel: "Tekst på knapp 1",
+  primaryButtonHref: "Lenke på knapp 1",
+  secondaryButtonLabel: "Tekst på knapp 2",
+  secondaryButtonHref: "Lenke på knapp 2",
+  buttonLabel: "Tekst på knappen",
+  buttonHref: "Lenke på knappen",
+  bullets: "Punkter",
+  addBullet: "Legg til punkt",
+  count: "Antall som vises",
+  stats: "Tall",
+  source: "Kilde",
+  sourceStatic: "Fast tall",
+  value: "Verdi",
+  label: "Tekst",
+  addStat: "Legg til tall",
+  layout: "Oppsett",
+  layoutStandard: "Standard (midtstilt)",
+  layoutFull: "Full bredde",
+  layoutLeft: "Bilde til venstre, tekst til høyre",
+  layoutRight: "Bilde til høyre, tekst til venstre",
+  layoutOverlay: "Tekst over bildet",
+  layoutOverlayFull: "Tekst over bildet (full bredde)",
+  altText: "Alternativ tekst",
+  caption: "Bildetekst (valgfri)",
+  image: "Bilde",
+  uploadImage: "Last opp bilde",
+  replaceImage: "Bytt bilde",
+  uploading: "Laster opp…",
+  removeImage: "Fjern",
+  uploadFailed: "Kunne ikke laste opp bildet",
+};
+
+/** For the `typeLabels` of `SectionsEditor`. */
+export const nbSectionTypeLabels: Record<SharedSectionType, string> = {
+  hero: "Toppfelt",
+  feature: "Punktliste",
+  text: "Tekst",
+  feed: "Siste oppføringer",
+  contact: "Kontaktskjema",
+  cta: "Handlingsfelt",
+  stats: "Tallrad",
+  image: "Bilde",
+};