@remit/web-client 0.0.325 → 0.0.326

package/src/mocks/story-frame/mail-world.ts

@@ -1,447 +0,0 @@
-import type {
-	RemitImapAccountResponse,
-	RemitImapAddressResponse,
-	RemitImapCalendarEventInstance,
-	RemitImapCalendarEventResponse,
-	RemitImapCalendarResponse,
-	RemitImapCanonicalMailboxRole,
-	RemitImapMailboxResponse,
-	RemitImapMessageCategory,
-	RemitImapOutboxMessageResponse,
-	RemitImapOutboxMessageStatus,
-	RemitImapQuarantineResponse,
-	RemitImapSyncWarningResponse,
-	RemitImapSystemUpdateResponse,
-	RemitImapThreadMessageResponse,
-	RemitImapVipSuggestionEntry,
-} from "@remit/api-http-client/types.gen.ts";
-import {
-	makeAccount,
-	makeMailbox,
-	makeThreadMessage,
-} from "@/test-support/fixtures";
-
-export interface MailWorld {
-	accounts: RemitImapAccountResponse[];
-	mailboxes: RemitImapMailboxResponse[];
-	threads: RemitImapThreadMessageResponse[];
-	outbox: RemitImapOutboxMessageResponse[];
-	quarantine: RemitImapQuarantineResponse[];
-	syncWarnings: RemitImapSyncWarningResponse[];
-	syncWarningsTotal: number;
-	vipSuggestions: RemitImapVipSuggestionEntry[];
-	addresses: RemitImapAddressResponse[];
-	systemUpdate: RemitImapSystemUpdateResponse;
-	bodies: Record<string, string>;
-	calendars: RemitImapCalendarResponse[];
-	calendarEvents: RemitImapCalendarEventInstance[];
-	calendarResources: RemitImapCalendarEventResponse[];
-}
-
-export const MINUTE = 60_000;
-export const HOUR = 60 * MINUTE;
-export const DAY = 24 * HOUR;
-export const NOW = Date.UTC(2026, 8, 24, 13, 0);
-
-const ROLES = [
-	"Inbox",
-	"Drafts",
-	"Sent",
-	"Archive",
-	"Junk",
-	"Trash",
-] as const satisfies readonly RemitImapCanonicalMailboxRole[];
-
-const FOLDER_PATHS: Record<(typeof ROLES)[number], string> = {
-	Inbox: "INBOX",
-	Drafts: "Drafts",
-	Sent: "Sent",
-	Archive: "Archive",
-	Junk: "Junk",
-	Trash: "Trash",
-};
-
-export const mailboxIdFor = (
-	accountId: string,
-	role: RemitImapCanonicalMailboxRole,
-): string => `mbx-${accountId}-${role.toLowerCase()}`;
-
-export const accountWithFolders = (
-	accountId: string,
-	email: string,
-	displayName: string,
-): RemitImapAccountResponse =>
-	makeAccount({
-		accountId,
-		email,
-		username: email,
-		smtpUsername: email,
-		displayName,
-		lastSyncAt: NOW,
-		folderAppointments: ROLES.map((role) => ({
-			role,
-			source: "Appointed",
-			mailboxId: mailboxIdFor(accountId, role),
-		})),
-	});
-
-export const foldersOf = (accountId: string): RemitImapMailboxResponse[] =>
-	ROLES.map((role) =>
-		makeMailbox({
-			accountId,
-			mailboxId: mailboxIdFor(accountId, role),
-			fullPath: FOLDER_PATHS[role],
-			specialUse: role === "Inbox" ? undefined : [role],
-		}),
-	);
-
-export const PERSONAL = "acc-personal";
-export const WORK = "acc-work";
-
-const accounts = [
-	accountWithFolders(PERSONAL, "alice@example.com", "Personal"),
-	accountWithFolders(WORK, "alice.tan@acme.example", "Work"),
-];
-
-export interface ThreadSeed {
-	id: string;
-	inThread?: string;
-	accountId: string;
-	role?: RemitImapCanonicalMailboxRole;
-	fromName: string;
-	fromEmail: string;
-	subject: string;
-	snippet: string;
-	category: RemitImapMessageCategory;
-	ago: number;
-	isRead?: boolean;
-	starred?: boolean;
-	hasAttachment?: boolean;
-}
-
-export const threadRow = (seed: ThreadSeed): RemitImapThreadMessageResponse =>
-	makeThreadMessage({
-		messageId: `msg-${seed.id}`,
-		threadId: `thread-${seed.inThread ?? seed.id}`,
-		threadMessageId: `tm-${seed.id}`,
-		accountId: seed.accountId,
-		mailboxId: mailboxIdFor(seed.accountId, seed.role ?? "Inbox"),
-		fromName: seed.fromName,
-		fromEmail: seed.fromEmail,
-		subject: seed.subject,
-		snippet: seed.snippet,
-		category: seed.category,
-		sentDate: NOW - seed.ago,
-		isRead: seed.isRead ?? false,
-		hasAttachment: seed.hasAttachment ?? false,
-		star: seed.starred ? "yellow" : "none",
-		hasStars: seed.starred ?? false,
-		syncStatus: "synced",
-	});
-
-const inboxThreads: RemitImapThreadMessageResponse[] = [
-	threadRow({
-		id: "q3-planning",
-		accountId: WORK,
-		fromName: "Ada Lovelace",
-		fromEmail: "ada@acme.example",
-		subject: "Q3 planning",
-		snippet: "Can we move the review to Thursday? I have the numbers ready.",
-		category: "personal",
-		ago: 20 * MINUTE,
-		starred: true,
-	}),
-	threadRow({
-		id: "lease",
-		accountId: PERSONAL,
-		fromName: "Amara Okafor",
-		fromEmail: "amara@example.org",
-		subject: "Signed lease attached",
-		snippet: "Here is the countersigned copy for your records.",
-		category: "personal",
-		ago: 2 * HOUR,
-		hasAttachment: true,
-		starred: true,
-	}),
-	threadRow({
-		id: "dinner",
-		accountId: PERSONAL,
-		fromName: "Grace Hopper",
-		fromEmail: "grace@example.org",
-		subject: "Dinner on Saturday?",
-		snippet: "We are thinking the new place on the corner, around seven.",
-		category: "personal",
-		ago: 5 * HOUR,
-		isRead: true,
-	}),
-	threadRow({
-		id: "invoice",
-		accountId: WORK,
-		fromName: "Billing",
-		fromEmail: "billing@saas.example",
-		subject: "Invoice #1042",
-		snippet: "Your invoice for September is ready.",
-		category: "transactional",
-		ago: 7 * HOUR,
-		isRead: true,
-		starred: true,
-	}),
-	threadRow({
-		id: "shipping",
-		accountId: PERSONAL,
-		fromName: "Parcel Service",
-		fromEmail: "track@parcel.example",
-		subject: "Your order has shipped",
-		snippet: "Estimated delivery: tomorrow before noon.",
-		category: "transactional",
-		ago: 9 * HOUR,
-	}),
-	threadRow({
-		id: "weekly-digest",
-		accountId: PERSONAL,
-		fromName: "The Weekly",
-		fromEmail: "digest@weekly.example",
-		subject: "This week in type systems",
-		snippet: "Variance, soundness and a long read on gradual typing.",
-		category: "newsletter",
-		ago: DAY,
-	}),
-	threadRow({
-		id: "sale",
-		accountId: PERSONAL,
-		fromName: "Outdoor Store",
-		fromEmail: "news@outdoor.example",
-		subject: "Autumn sale starts now",
-		snippet: "Up to 40% off jackets and boots this weekend only.",
-		category: "marketing",
-		ago: DAY + 3 * HOUR,
-	}),
-	threadRow({
-		id: "mention",
-		accountId: WORK,
-		fromName: "Chat",
-		fromEmail: "notifications@chat.example",
-		subject: "Linus mentioned you in #design",
-		snippet: "Linus: can you take a look at the new header?",
-		category: "social",
-		ago: DAY + 5 * HOUR,
-	}),
-	threadRow({
-		id: "build",
-		accountId: WORK,
-		fromName: "CI",
-		fromEmail: "ci@builds.example",
-		subject: "Build passed on main",
-		snippet: "All 212 checks passed in 6m 12s.",
-		category: "automated",
-		ago: 2 * DAY,
-		isRead: true,
-	}),
-	threadRow({
-		id: "talk-outline",
-		accountId: PERSONAL,
-		role: "Archive",
-		fromName: "Ken Thompson",
-		fromEmail: "ken@example.org",
-		subject: "Conference talk outline",
-		snippet: "Here is the rough structure for the keynote.",
-		category: "personal",
-		ago: 3 * DAY,
-		isRead: true,
-		starred: true,
-	}),
-];
-
-const serverDrafts: RemitImapThreadMessageResponse[] = [
-	threadRow({
-		id: "draft-talk",
-		accountId: PERSONAL,
-		role: "Drafts",
-		fromName: "Alice",
-		fromEmail: "alice@example.com",
-		subject: "Re: Conference talk outline",
-		snippet: "Thanks Ken, I will send slides by Friday.",
-		category: "personal",
-		ago: 4 * HOUR,
-		isRead: true,
-	}),
-];
-
-interface OutboxSeed {
-	id: string;
-	accountId: string;
-	to: string;
-	subject: string;
-	body: string;
-	status: RemitImapOutboxMessageStatus;
-	ago: number;
-	lastError?: string;
-}
-
-export const outboxMessage = (
-	seed: OutboxSeed,
-): RemitImapOutboxMessageResponse => {
-	const from = accounts.find((account) => account.accountId === seed.accountId);
-	return {
-		outboxMessageId: `out-${seed.id}`,
-		accountId: seed.accountId,
-		fromAddress: from?.email ?? "alice@example.com",
-		fromName: "Alice",
-		toAddresses: [seed.to],
-		ccAddresses: [],
-		bccAddresses: [],
-		subject: seed.subject,
-		references: [],
-		textBody: seed.body,
-		status: seed.status,
-		lastError: seed.lastError,
-		sentAt: seed.status === "sent" ? NOW - seed.ago : undefined,
-		createdAt: NOW - seed.ago,
-		updatedAt: NOW - seed.ago,
-		attachments: [],
-	};
-};
-
-const remitDrafts: RemitImapOutboxMessageResponse[] = [
-	outboxMessage({
-		id: "draft-q3",
-		accountId: PERSONAL,
-		to: "ada@acme.example",
-		subject: "Re: Q3 planning",
-		body: "Thanks, Thursday works for me.",
-		status: "draft",
-		ago: 10 * MINUTE,
-	}),
-	outboxMessage({
-		id: "draft-untitled",
-		accountId: PERSONAL,
-		to: "team@example.com",
-		subject: "",
-		body: "",
-		status: "draft",
-		ago: HOUR,
-	}),
-];
-
-export const outboxInEveryStatus: RemitImapOutboxMessageResponse[] = [
-	outboxMessage({
-		id: "queued",
-		accountId: WORK,
-		to: "ada@acme.example",
-		subject: "Re: Q3 planning",
-		body: "Thursday it is.",
-		status: "queued",
-		ago: 2 * MINUTE,
-	}),
-	outboxMessage({
-		id: "sending",
-		accountId: WORK,
-		to: "team@acme.example",
-		subject: "Weekly update",
-		body: "Highlights from this week.",
-		status: "sending",
-		ago: 3 * MINUTE,
-	}),
-	outboxMessage({
-		id: "sent",
-		accountId: WORK,
-		to: "grace@example.org",
-		subject: "Invoice #1042",
-		body: "Paid, thanks.",
-		status: "sent",
-		ago: 16 * MINUTE,
-	}),
-	outboxMessage({
-		id: "unfiled",
-		accountId: PERSONAL,
-		to: "amara@example.org",
-		subject: "Signed lease",
-		body: "Signed and attached.",
-		status: "unfiled",
-		ago: 22 * MINUTE,
-		lastError: "Sent, but not filed: this account has no Sent folder",
-	}),
-	outboxMessage({
-		id: "failed",
-		accountId: WORK,
-		to: "linus@example.org",
-		subject: "Design review notes",
-		body: "Notes from today.",
-		status: "failed",
-		ago: 34 * MINUTE,
-		lastError: "SMTP connection timed out",
-	}),
-	outboxMessage({
-		id: "blocked",
-		accountId: PERSONAL,
-		to: "ken@example.org",
-		subject: "Re: contract",
-		body: "Looks good to me.",
-		status: "blocked",
-		ago: DAY,
-		lastError: "No SMTP server configured for this account",
-	}),
-];
-
-export const newsletterBacklog = (
-	count: number,
-): RemitImapThreadMessageResponse[] =>
-	Array.from({ length: count }, (_, index) =>
-		threadRow({
-			id: `digest-${index}`,
-			accountId: PERSONAL,
-			fromName: "The Weekly",
-			fromEmail: "digest@weekly.example",
-			subject: `Issue ${index + 1}: notes from the field`,
-			snippet: "Three long reads and a short one.",
-			category: "newsletter",
-			ago: 2 * DAY + index * HOUR,
-		}),
-	);
-
-export const senderAddress = (
-	row: RemitImapThreadMessageResponse,
-): RemitImapAddressResponse => {
-	const email = (row.fromEmail ?? "").toLowerCase();
-	const [localPart = "", domain = ""] = email.split("@");
-	return {
-		addressId: `addr-${email}`,
-		accountConfigId: row.accountConfigId,
-		displayName: row.fromName,
-		localPart,
-		domain,
-		normalizedEmail: email,
-		flags: {},
-		inboundCount: 1,
-		outboundCount: 0,
-		replyCount: 0,
-		lastInboundAt: row.sentDate,
-		lastReplyAt: 0,
-		createdAt: row.sentDate,
-		updatedAt: row.sentDate,
-	};
-};
-
-export const mailWorld = (overrides: Partial<MailWorld> = {}): MailWorld => ({
-	accounts,
-	mailboxes: (overrides.accounts ?? accounts).flatMap((account) =>
-		foldersOf(account.accountId),
-	),
-	threads: [...inboxThreads, ...serverDrafts],
-	outbox: [...remitDrafts, ...outboxInEveryStatus],
-	quarantine: [],
-	syncWarnings: [],
-	syncWarningsTotal: 0,
-	vipSuggestions: [],
-	addresses: [],
-	systemUpdate: {
-		currentVersion: "0.0.0-storybook",
-		check: { status: "disabled" },
-		run: null,
-	},
-	bodies: {},
-	calendars: [],
-	calendarEvents: [],
-	calendarResources: [],
-	...overrides,
-});

package/src/mocks/story-frame/onboarding-handlers.ts

@@ -1,97 +0,0 @@
-import type {
-	AccountOperationsCreateAccountResponse,
-	AccountOperationsTestConnectionResponse,
-	MicrosoftOAuthOperationsMicrosoftOAuthStartResponse,
-	RemitImapAccountSyncStatusResponse,
-	SyncOperationsGetSyncStatusResponse,
-} from "@remit/api-http-client/types.gen.ts";
-import { type HttpHandler, HttpResponse, http } from "msw";
-import { makeAccount } from "@/test-support/fixtures";
-
-const API = "/api";
-
-export const NEW_ACCOUNT_ID = "acc-new";
-
-export type Autoconfig = "found" | "missing" | "slow";
-
-export interface OnboardingHandlerOptions {
-	autoconfig?: Autoconfig;
-	connection?: AccountOperationsTestConnectionResponse;
-	createFails?: boolean;
-	sync?: Omit<RemitImapAccountSyncStatusResponse, "accountId">;
-}
-
-const autoconfigXml = (domain: string): string => `<?xml version="1.0"?>
-<clientConfig version="1.1">
-  <emailProvider id="${domain}">
-    <incomingServer type="imap">
-      <hostname>mail.${domain}</hostname>
-      <port>993</port>
-      <socketType>SSL</socketType>
-    </incomingServer>
-    <outgoingServer type="smtp">
-      <hostname>mail.${domain}</hostname>
-      <port>465</port>
-      <socketType>SSL</socketType>
-    </outgoingServer>
-  </emailProvider>
-</clientConfig>`;
-
-const pending = (): Promise<never> => new Promise<never>(() => undefined);
-
-const autoconfigHandlers = (autoconfig: Autoconfig): HttpHandler[] => [
-	http.get("https://autoconfig.thunderbird.net/v1.1/:domain", ({ params }) => {
-		if (autoconfig === "slow") return pending();
-		if (autoconfig === "missing")
-			return new HttpResponse(null, { status: 404 });
-		return HttpResponse.text(autoconfigXml(String(params.domain)), {
-			headers: { "Content-Type": "application/xml" },
-		});
-	}),
-	http.get(
-		/^https:\/\/autoconfig\.[^/]+\/mail\/config-v1\.1\.xml$/,
-		() => new HttpResponse(null, { status: 404 }),
-	),
-];
-
-export const onboardingHandlers = ({
-	autoconfig = "found",
-	connection = { imapSuccess: true, smtpSuccess: true },
-	createFails = false,
-	sync = {
-		syncPhase: "complete",
-		mailboxCountTotal: 6,
-		mailboxCountSynced: 6,
-		mailboxes: [],
-	},
-}: OnboardingHandlerOptions = {}): HttpHandler[] => [
-	...autoconfigHandlers(autoconfig),
-	http.post(`${API}/accounts/test-connection`, () =>
-		HttpResponse.json<AccountOperationsTestConnectionResponse>(connection),
-	),
-	http.post(`${API}/accounts`, async ({ request }) => {
-		if (createFails) return HttpResponse.error();
-		const body: unknown = await request.json();
-		const email =
-			typeof body === "object" &&
-			body !== null &&
-			"email" in body &&
-			typeof body.email === "string"
-				? body.email
-				: "alice@northwind.example";
-		return HttpResponse.json<AccountOperationsCreateAccountResponse>(
-			makeAccount({ accountId: NEW_ACCOUNT_ID, email }),
-		);
-	}),
-	http.get(`${API}/accounts/${NEW_ACCOUNT_ID}/sync/status`, () =>
-		HttpResponse.json<SyncOperationsGetSyncStatusResponse>({
-			accountId: NEW_ACCOUNT_ID,
-			...sync,
-		}),
-	),
-	http.post(`${API}/accounts/oauth/microsoft/start`, () =>
-		HttpResponse.json<MicrosoftOAuthOperationsMicrosoftOAuthStartResponse>({
-			authorizationUrl: "#microsoft-sign-in",
-		}),
-	),
-];

package/src/mocks/story-frame/session.tsx

@@ -1,19 +0,0 @@
-import { type AuthProvider, noneAuthProvider } from "@/auth/provider";
-
-type RuntimeConfig = NonNullable<typeof globalThis.__REMIT_CONFIG__>;
-
-export const signedInAs = (email: string): AuthProvider => ({
-	...noneAuthProvider,
-	Account: ({ children }) => (
-		<>{children({ email, signOut: () => undefined })}</>
-	),
-});
-
-export const withRuntimeConfig =
-	(config: RuntimeConfig) => (): (() => void) => {
-		const previous = globalThis.__REMIT_CONFIG__;
-		globalThis.__REMIT_CONFIG__ = config;
-		return () => {
-			globalThis.__REMIT_CONFIG__ = previous;
-		};
-	};

package/src/mocks/story-frame/touch.ts

@@ -1,22 +0,0 @@
-const HOLD_MS = 700;
-
-const touch = (target: HTMLElement, type: string) => {
-	const { left, top } = target.getBoundingClientRect();
-	target.dispatchEvent(
-		new PointerEvent(type, {
-			bubbles: true,
-			buttons: type === "pointerup" ? 0 : 1,
-			pointerType: "touch",
-			pointerId: 1,
-			isPrimary: true,
-			clientX: left + 20,
-			clientY: top + 10,
-		}),
-	);
-};
-
-export const longPress = async (target: HTMLElement): Promise<void> => {
-	touch(target, "pointerdown");
-	await new Promise((resolve) => setTimeout(resolve, HOLD_MS));
-	touch(target, "pointerup");
-};