@remit/web-client 0.0.299 → 0.0.300

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remit/web-client",
-  "version": "0.0.299",
+  "version": "0.0.300",
   "type": "module",
   "description": "Remit web client, published as composable primitives — the app shell, auth shells, and runtime config. A distributor imports what it composes and bundles it.",
   "exports": {

package/src/components/mail/MailSidebarAdapter.tsx

@@ -12,6 +12,7 @@ import { NavSidebar } from "@remit/ui";
 import { useQueries, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useCallback, useMemo } from "react";
 import { useTranslation } from "react-i18next";
+import { folderFailure } from "@/lib/folder-failure";
 import {
 	buildMailboxRoleMap,
 	labelForMailbox,
@@ -103,6 +104,7 @@ function toNavMailbox(
 		unseen: showBadge ? mb.unseenCount : undefined,
 		role,
 		fullPath: mb.fullPath,
+		failure: folderFailure(mb),
 	};
 }
 

package/src/lib/folder-failure.test.ts

@@ -0,0 +1,29 @@
+import assert from "node:assert/strict";
+import { describe, it } from "node:test";
+import { folderFailure } from "./folder-failure.js";
+
+describe("folderFailure", () => {
+	it("says nothing about a folder that did not fail", () => {
+		assert.equal(
+			folderFailure({ syncStatus: "synced", syncFailureReason: "" }),
+			undefined,
+		);
+	});
+
+	it("carries the mail server's own words", () => {
+		assert.equal(
+			folderFailure({
+				syncStatus: "failed",
+				syncFailureReason: "Permission denied",
+			}),
+			"The mail server refused the last change: Permission denied",
+		);
+	});
+
+	it("still says it failed when the server gave no reason", () => {
+		assert.equal(
+			folderFailure({ syncStatus: "failed", syncFailureReason: " " }),
+			"The last change to this folder failed.",
+		);
+	});
+});

package/src/lib/folder-failure.ts

@@ -0,0 +1,10 @@
+import type { RemitImapMailboxResponse } from "@remit/api-http-client/types.gen.ts";
+
+export const folderFailure = (
+	mailbox: Pick<RemitImapMailboxResponse, "syncStatus" | "syncFailureReason">,
+): string | undefined => {
+	if (mailbox.syncStatus !== "failed") return undefined;
+	const reason = mailbox.syncFailureReason.trim();
+	if (reason.length === 0) return "The last change to this folder failed.";
+	return `The mail server refused the last change: ${reason}`;
+};

package/src/routes/settings/folders.tsx

@@ -32,6 +32,7 @@ import { useCreateMailbox } from "@/hooks/useCreateMailbox";
 import { useFolderLabelTranslator } from "@/hooks/useFolderLabelTranslator";
 import { guardFolderDeletion } from "@/lib/delete-folder";
 import { softErrorStatuses } from "@/lib/error-classifier";
+import { folderFailure } from "@/lib/folder-failure";
 import {
 	buildMailboxRoleMap,
 	CANONICAL_TO_NAV_ROLE,
@@ -104,6 +105,7 @@ function AccountFolders({ account }: { account: RemitImapAccountResponse }) {
 					mailboxes,
 					account.folderAppointments,
 				).message,
+				failure: folderFailure(mailbox),
 			})),
 		[mailboxes, roleMap, translator, account.folderAppointments],
 	);

package/src/test-support/fixtures.ts

@@ -28,6 +28,7 @@ export const makeMailbox = (
 	highWaterMarkUid: 0,
 	lastMessageSyncAt: 0,
 	syncStatus: "synced",
+	syncFailureReason: "",
 	createdAt: 0,
 	updatedAt: 0,
 	...overrides,