@remit/ui 0.0.150 → 0.0.152

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remit/ui",
-  "version": "0.0.150",
+  "version": "0.0.152",
   "type": "module",
   "files": [
     "src"

package/src/components/role-appointment-list.tsx

@@ -258,6 +258,29 @@ function RoleAppointmentRow({
 	);
 }
 
+export function FolderRolesHelp() {
+	return (
+		<div className="space-y-3">
+			<p>
+				Each canonical role — Inbox, Drafts, Sent, Archive, Spam, Trash — points
+				at one of your account's real folders. Pick the one that actually holds
+				the mail; the message counts tell real folders from empty look-alikes.
+			</p>
+			<p>
+				Appointing a folder to a role here doesn't touch any other role, and
+				doesn't move or rename anything on the server — it just tells Remit
+				which folder to treat as e.g. "Drafts" everywhere (sidebar, unread
+				badges, the compose flow).
+			</p>
+			<p>
+				<strong className="text-fg">Your folders</strong> is the account's real
+				hierarchy. Open a folder to see what's inside it, make a new one where
+				you're looking, and rename or delete any of them from its row.
+			</p>
+		</div>
+	);
+}
+
 export interface RoleAppointmentListProps {
 	accountEmail: string;
 	/** Every folder the account exposes (candidates for any role). */
@@ -299,10 +322,8 @@ export function RoleAppointmentList({
 					Folder roles — {accountEmail}
 				</h2>
 				<p className="text-xs text-fg-muted">
-					Each role points to one folder. Pick the folder that holds the mail —
-					the counts help you tell real folders from empty look-alikes. Each row
-					says where its answer came from — your choice, the mail server's own
-					flag, or a name reader matched.
+					Each row says where its answer came from — your choice, the mail
+					server's own flag, or a name reader matched.
 				</p>
 			</header>
 			<div className="rounded-sm border border-line bg-surface">

package/src/index.ts

@@ -591,6 +591,7 @@ export {
 export {
 	APPOINTABLE_ROLES,
 	type CandidateFolder,
+	FolderRolesHelp,
 	type RoleAppointment,
 	RoleAppointmentList,
 	type RoleAppointmentListProps,

package/src/lib/sender-derivation.test.ts

@@ -5,9 +5,37 @@ import {
 	deriveSenderClauses,
 	distinctSenders,
 	dominantSender,
+	senderDomain,
 	senderLabel,
 } from "./sender-derivation.js";
 
+describe("senderDomain", () => {
+	it("keeps the label sitting under a multi-part public suffix", () => {
+		assert.equal(senderDomain("a@bbc.co.uk"), "bbc.co.uk");
+		assert.equal(senderDomain("a@shop.example.com.au"), "example.com.au");
+	});
+
+	it("strips subdomains down to the registrable domain", () => {
+		assert.equal(senderDomain("news@mail.bbc.co.uk"), "bbc.co.uk");
+	});
+
+	it("reads the suffix list rather than the trailing labels, so a crafted host cannot pose as one", () => {
+		assert.equal(senderDomain("hr@example.co.uk.evil.example"), "evil.example");
+	});
+
+	it("has no domain for a bare public suffix, or for a host carrying none", () => {
+		assert.equal(senderDomain("a@co.uk"), null);
+		assert.equal(senderDomain("postmaster"), null);
+	});
+
+	it("agrees with the clause the wizard derives, so a suggested domain is one the matcher produces", () => {
+		assert.deepEqual(
+			deriveSenderClauses(["news@mail.bbc.co.uk", "sport@bbc.co.uk"]),
+			[{ field: "FromDomain", value: senderDomain("news@mail.bbc.co.uk") }],
+		);
+	});
+});
+
 describe("distinctSenders", () => {
 	it("drops empties and blanks, trimming what remains", () => {
 		assert.deepEqual(