@rapidmx/web-client 0.6.0 → 0.7.0

package/dist/apps/www/messages/[uid].js

@@ -19,7 +19,7 @@ export default function MessageDetailPage(props) {
     return (_jsx(MailShell, { ...props, children: _jsx(MessageDetailContent, { uid: props.params.uid }) }));
 }
 function MessageDetailContent({ uid }) {
-    const { mailboxFolders, mailboxUid } = useMailShell();
+    const { mailboxFolders, mailboxUid, onFolderCreated } = useMailShell();
     const [message, setMessage] = useState(null);
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(null);
@@ -67,7 +67,6 @@ function MessageDetailContent({ uid }) {
     const backHref = `/?mailboxUid=${encodeURIComponent(message.mailboxUid)}&folderUid=${encodeURIComponent(message.folderUid)}`;
     const isSentItems = folders.find((f) => f.uid === message.folderUid)?.type === "sent_items";
     const isOutbox = folders.find((f) => f.uid === message.folderUid)?.type === "outbox";
-    const isInbox = folders.find((f) => f.uid === message.folderUid)?.type === "inbox";
     const draftsFolderUid = folders.find((f) => f.type === "drafts")?.uid;
-    return (_jsx(MessageDetailPane, { message: message, attachments: attachments, backHref: backHref, isSentItems: isSentItems, onRecalled: setMessage, isOutbox: isOutbox, isInbox: isInbox, onClassified: setMessage, onReceiptHandled: setMessage, draftsFolderUid: draftsFolderUid, onScheduledSendCanceled: setMessage, onArchived: setMessage, labels: labels, onLabelsChanged: setMessage }));
+    return (_jsx(MessageDetailPane, { message: message, attachments: attachments, backHref: backHref, isSentItems: isSentItems, onRecalled: setMessage, isOutbox: isOutbox, onReceiptHandled: setMessage, draftsFolderUid: draftsFolderUid, folders: folders, onMoved: setMessage, onFolderCreated: onFolderCreated, onScheduledSendCanceled: setMessage, onArchived: setMessage, labels: labels, onLabelsChanged: setMessage, onLabelCreated: (label) => setLabels((prev) => [...prev, label]) }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rapidmx/web-client",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "RapidMX's webmail and admin console React UI for web-based clients.",
   "type": "module",
   "repository": "https://github.com/rapidmx/web-client",
@@ -39,7 +39,7 @@
     "@dnd-kit/core": "^6.3.1",
     "@journeyapps/wa-sqlite": "^2.0.4",
     "@peculiar/x509": "^2.1.0",
-    "@rapidmx/react-shared": "^0.6.0",
+    "@rapidmx/react-shared": "^0.7.0",
     "@tiptap/core": "^3.31.3",
     "@tiptap/extension-highlight": "^3.31.3",
     "@tiptap/extension-image": "^3.31.3",

package/apps/www/settings/focused-inbox/index.tsx

@@ -1,150 +0,0 @@
-///////////////////////////////////////////////////////////////////////////////
-// Copyright (C) 2026 Jean-Philippe Steinmetz
-// SPDX-License-Identifier: MPL-2.0
-///////////////////////////////////////////////////////////////////////////////
-import React, { FormEvent, useEffect, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { MessageClassification } from "@rapidmx/react-shared/mail/mailApi.js";
-import {
-    FocusedInboxOverride,
-    createFocusedInboxOverride,
-    deleteFocusedInboxOverride,
-    listFocusedInboxOverrides,
-} from "@rapidmx/react-shared/mail/focusedInboxOverridesApi.js";
-import SettingsShell, { SettingsShellProps, useSettingsShell } from "../../../shared/components/settings/layout/SettingsShell.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
-
-export type SettingsFocusedInboxPageProps = Omit<SettingsShellProps, "active">;
-
-export default function SettingsFocusedInboxPage(props: SettingsFocusedInboxPageProps) {
-    return (
-        <SettingsShell {...props} active="focused-inbox">
-            <FocusedInboxContent />
-        </SettingsShell>
-    );
-}
-
-function FocusedInboxContent() {
-    const { mailboxUid } = useSettingsShell();
-    const [overrides, setOverrides] = useState<FocusedInboxOverride[]>([]);
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState<string | null>(null);
-    const [saving, setSaving] = useState(false);
-    const [newSender, setNewSender] = useState("");
-    const [newClassifyAs, setNewClassifyAs] = useState<MessageClassification>("other");
-
-    function reload() {
-        setLoading(true);
-        setError(null);
-        // `SettingsShell` only ever renders its children once `mailboxUid` has resolved — same
-        // established non-null pattern as `apps/www/settings/filters/index.tsx`.
-        listFocusedInboxOverrides(mailboxUid!)
-            .then(setOverrides)
-            .catch((err) => setError(err instanceof ApiRequestError ? err.message : "Could not load your Focused Inbox rules."))
-            .finally(() => setLoading(false));
-    }
-
-    useEffect(reload, [mailboxUid]);
-
-    async function handleAdd(e: FormEvent) {
-        e.preventDefault();
-        // Lowercased to match restapi's own `normalizeAddress()` - what gets sent is exactly what gets
-        // stored and matched against, rather than relying on the server to silently rewrite it.
-        const senderAddress = newSender.trim().toLowerCase();
-        if (!senderAddress) {
-            return;
-        }
-        setSaving(true);
-        setError(null);
-        try {
-            await createFocusedInboxOverride({ mailboxUid: mailboxUid!, senderAddress, classifyAs: newClassifyAs });
-            setNewSender("");
-            reload();
-        } catch (err) {
-            setError(err instanceof ApiRequestError ? err.message : "Could not add this rule.");
-        } finally {
-            setSaving(false);
-        }
-    }
-
-    async function handleRemove(override: FocusedInboxOverride) {
-        setSaving(true);
-        setError(null);
-        try {
-            await deleteFocusedInboxOverride(override.uid, override.version);
-            reload();
-        } catch (err) {
-            setError(err instanceof ApiRequestError ? err.message : "Could not remove this rule.");
-        } finally {
-            setSaving(false);
-        }
-    }
-
-    return (
-        <div className="flex-1 min-w-0 overflow-y-auto p-6">
-            <div className="max-w-xl">
-                <h1 className="text-lg font-bold tracking-tight mb-1">Focused Inbox</h1>
-                <p className="text-sm text-text-muted mb-4">
-                    Mail from a sender listed here always goes to the matching half of your Inbox, overriding
-                    the automatic Focused/Other classification. Add one directly, or use &ldquo;Always for this
-                    sender&rdquo; when moving a message.
-                </p>
-
-                {error && <Alert>{error}</Alert>}
-
-                {loading ? (
-                    <p className="text-sm text-text-muted">Loading&hellip;</p>
-                ) : (
-                    <ul className="flex flex-col gap-2 mb-4">
-                        {overrides.length === 0 && <li className="text-sm text-text-muted">No rules yet.</li>}
-                        {overrides.map((override) => (
-                            <li
-                                key={override.uid}
-                                className="flex items-center justify-between gap-3 py-2 px-3 border border-border rounded-sm"
-                            >
-                                <div>
-                                    <div className="text-sm font-medium">{override.senderAddress}</div>
-                                    <div className="text-xs text-text-muted">
-                                        Always {override.classifyAs === "other" ? "Other" : "Focused"}
-                                    </div>
-                                </div>
-                                <button
-                                    type="button"
-                                    onClick={() => handleRemove(override)}
-                                    disabled={saving}
-                                    className="text-sm text-danger hover:underline disabled:opacity-55"
-                                >
-                                    Remove
-                                </button>
-                            </li>
-                        ))}
-                    </ul>
-                )}
-
-                <form onSubmit={handleAdd} className="flex gap-2">
-                    <input
-                        type="text"
-                        aria-label="Sender address"
-                        value={newSender}
-                        onChange={(e) => setNewSender(e.target.value)}
-                        placeholder="sender@example.com"
-                        className="flex-1 text-sm py-2 px-3 border border-border rounded-sm bg-surface text-text focus:outline-none focus:border-primary"
-                    />
-                    <select
-                        aria-label="Classify as"
-                        value={newClassifyAs}
-                        onChange={(e) => setNewClassifyAs(e.target.value as MessageClassification)}
-                        className="text-sm py-2 px-3 border border-border rounded-sm bg-surface text-text focus:outline-none focus:border-primary"
-                    >
-                        <option value="other">Other</option>
-                        <option value="focused">Focused</option>
-                    </select>
-                    <Button type="submit" loading={saving} disabled={saving} className="!w-auto">
-                        Add
-                    </Button>
-                </form>
-            </div>
-        </div>
-    );
-}

package/dist/apps/www/settings/focused-inbox/index.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { SettingsShellProps } from "../../../shared/components/settings/layout/SettingsShell.js";
-export type SettingsFocusedInboxPageProps = Omit<SettingsShellProps, "active">;
-export default function SettingsFocusedInboxPage(props: SettingsFocusedInboxPageProps): React.JSX.Element;

package/dist/apps/www/settings/focused-inbox/index.js

@@ -1,71 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-///////////////////////////////////////////////////////////////////////////////
-// Copyright (C) 2026 Jean-Philippe Steinmetz
-// SPDX-License-Identifier: MPL-2.0
-///////////////////////////////////////////////////////////////////////////////
-import { useEffect, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { createFocusedInboxOverride, deleteFocusedInboxOverride, listFocusedInboxOverrides, } from "@rapidmx/react-shared/mail/focusedInboxOverridesApi.js";
-import SettingsShell, { useSettingsShell } from "../../../shared/components/settings/layout/SettingsShell.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-import Button from "@rapidmx/react-shared/components/buttons/Button.js";
-export default function SettingsFocusedInboxPage(props) {
-    return (_jsx(SettingsShell, { ...props, active: "focused-inbox", children: _jsx(FocusedInboxContent, {}) }));
-}
-function FocusedInboxContent() {
-    const { mailboxUid } = useSettingsShell();
-    const [overrides, setOverrides] = useState([]);
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState(null);
-    const [saving, setSaving] = useState(false);
-    const [newSender, setNewSender] = useState("");
-    const [newClassifyAs, setNewClassifyAs] = useState("other");
-    function reload() {
-        setLoading(true);
-        setError(null);
-        // `SettingsShell` only ever renders its children once `mailboxUid` has resolved — same
-        // established non-null pattern as `apps/www/settings/filters/index.tsx`.
-        listFocusedInboxOverrides(mailboxUid)
-            .then(setOverrides)
-            .catch((err) => setError(err instanceof ApiRequestError ? err.message : "Could not load your Focused Inbox rules."))
-            .finally(() => setLoading(false));
-    }
-    useEffect(reload, [mailboxUid]);
-    async function handleAdd(e) {
-        e.preventDefault();
-        // Lowercased to match restapi's own `normalizeAddress()` - what gets sent is exactly what gets
-        // stored and matched against, rather than relying on the server to silently rewrite it.
-        const senderAddress = newSender.trim().toLowerCase();
-        if (!senderAddress) {
-            return;
-        }
-        setSaving(true);
-        setError(null);
-        try {
-            await createFocusedInboxOverride({ mailboxUid: mailboxUid, senderAddress, classifyAs: newClassifyAs });
-            setNewSender("");
-            reload();
-        }
-        catch (err) {
-            setError(err instanceof ApiRequestError ? err.message : "Could not add this rule.");
-        }
-        finally {
-            setSaving(false);
-        }
-    }
-    async function handleRemove(override) {
-        setSaving(true);
-        setError(null);
-        try {
-            await deleteFocusedInboxOverride(override.uid, override.version);
-            reload();
-        }
-        catch (err) {
-            setError(err instanceof ApiRequestError ? err.message : "Could not remove this rule.");
-        }
-        finally {
-            setSaving(false);
-        }
-    }
-    return (_jsx("div", { className: "flex-1 min-w-0 overflow-y-auto p-6", children: _jsxs("div", { className: "max-w-xl", children: [_jsx("h1", { className: "text-lg font-bold tracking-tight mb-1", children: "Focused Inbox" }), _jsx("p", { className: "text-sm text-text-muted mb-4", children: "Mail from a sender listed here always goes to the matching half of your Inbox, overriding the automatic Focused/Other classification. Add one directly, or use \u201CAlways for this sender\u201D when moving a message." }), error && _jsx(Alert, { children: error }), loading ? (_jsx("p", { className: "text-sm text-text-muted", children: "Loading\u2026" })) : (_jsxs("ul", { className: "flex flex-col gap-2 mb-4", children: [overrides.length === 0 && _jsx("li", { className: "text-sm text-text-muted", children: "No rules yet." }), overrides.map((override) => (_jsxs("li", { className: "flex items-center justify-between gap-3 py-2 px-3 border border-border rounded-sm", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: override.senderAddress }), _jsxs("div", { className: "text-xs text-text-muted", children: ["Always ", override.classifyAs === "other" ? "Other" : "Focused"] })] }), _jsx("button", { type: "button", onClick: () => handleRemove(override), disabled: saving, className: "text-sm text-danger hover:underline disabled:opacity-55", children: "Remove" })] }, override.uid)))] })), _jsxs("form", { onSubmit: handleAdd, className: "flex gap-2", children: [_jsx("input", { type: "text", "aria-label": "Sender address", value: newSender, onChange: (e) => setNewSender(e.target.value), placeholder: "sender@example.com", className: "flex-1 text-sm py-2 px-3 border border-border rounded-sm bg-surface text-text focus:outline-none focus:border-primary" }), _jsxs("select", { "aria-label": "Classify as", value: newClassifyAs, onChange: (e) => setNewClassifyAs(e.target.value), className: "text-sm py-2 px-3 border border-border rounded-sm bg-surface text-text focus:outline-none focus:border-primary", children: [_jsx("option", { value: "other", children: "Other" }), _jsx("option", { value: "focused", children: "Focused" })] }), _jsx(Button, { type: "submit", loading: saving, disabled: saving, className: "!w-auto", children: "Add" })] })] }) }));
-}