@happyvertical/smrt-messages 0.55.9 → 0.55.11

package/dist/svelte/components/MailboxDemo.svelte

@@ -0,0 +1,65 @@
+<script lang="ts">
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { Button } from '@happyvertical/smrt-ui/ui';
+import { M } from '../i18n.messages.js';
+import type { AccountData, ComposeState, MessageData } from '../types.js';
+import ComposeForm from './ComposeForm.svelte';
+import MessageDetail from './MessageDetail.svelte';
+import MessageList from './MessageList.svelte';
+
+const { t } = useI18n();
+const accounts = $state<AccountData[]>([
+  {
+    id: 'demo-account',
+    name: t(M['messages.mailbox_demo.inbox']),
+    providerType: 'email',
+    email: 'you@example.com',
+    isActive: true,
+  },
+]);
+$effect(() => {
+  accounts[0].name = t(M['messages.mailbox_demo.inbox']);
+});
+let wasRead = $state(false);
+const messages = $derived<MessageData[]>([
+  {
+    id: 'demo-welcome',
+    type: 'email',
+    accountId: 'demo-account',
+    subject: t(M['messages.mailbox_demo.subject']),
+    body: t(M['messages.mailbox_demo.body']),
+    senderName: t(M['messages.mailbox_demo.sender']),
+    senderAddress: 'colleague@example.com',
+    recipientAddresses: [{ address: 'you@example.com' }],
+    date: '2026-01-01T12:00:00Z',
+    isRead: wasRead,
+    isFlagged: false,
+    hasAttachments: false,
+  },
+]);
+let selectedId = $state<string | null>(null);
+const selected = $derived(
+  messages.find((message) => message.id === selectedId),
+);
+let composing = $state(false);
+let sentSubject = $state<string | null>(null);
+function send(state: ComposeState) {
+  sentSubject = state.subject;
+  composing = false;
+}
+function open(message: MessageData) {
+  selectedId = message.id;
+  wasRead = true;
+}
+</script>
+<p>{t(M['messages.mailbox_demo.disclaimer'])}</p>
+<Button onclick={() => { composing = true; sentSubject = null; }}>{t(M['messages.mailbox_demo.compose'])}</Button>
+{#if sentSubject !== null}<p role="status">{t(M['messages.mailbox_demo.sent'], { subject: sentSubject })}</p>{/if}
+{#if composing}
+  <ComposeForm {accounts} onsend={send} ondiscard={() => (composing = false)} />
+{:else if selected}
+  <Button onclick={() => (selectedId = null)}>{t(M['messages.mailbox_demo.back'])}</Button>
+  <MessageDetail message={selected} account={accounts[0]} onreply={() => (composing = true)} />
+{:else}
+  <MessageList {messages} {accounts} onmessageclick={open} />
+{/if}

package/dist/svelte/components/MailboxDemo.svelte.d.ts

@@ -0,0 +1,4 @@
+declare const MailboxDemo: import("svelte").Component<Record<string, never>, {}, "">;
+type MailboxDemo = ReturnType<typeof MailboxDemo>;
+export default MailboxDemo;
+//# sourceMappingURL=MailboxDemo.svelte.d.ts.map

package/dist/svelte/components/MailboxDemo.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MailboxDemo.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/MailboxDemo.svelte.ts"],"names":[],"mappings":"AA+EA,QAAA,MAAM,WAAW,2DAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/svelte/i18n.messages.d.ts

@@ -1,4 +1,12 @@
 export declare const M: {
+    readonly 'messages.mailbox_demo.disclaimer': "messages.mailbox_demo.disclaimer";
+    readonly 'messages.mailbox_demo.compose': "messages.mailbox_demo.compose";
+    readonly 'messages.mailbox_demo.back': "messages.mailbox_demo.back";
+    readonly 'messages.mailbox_demo.sent': "messages.mailbox_demo.sent";
+    readonly 'messages.mailbox_demo.inbox': "messages.mailbox_demo.inbox";
+    readonly 'messages.mailbox_demo.subject': "messages.mailbox_demo.subject";
+    readonly 'messages.mailbox_demo.body': "messages.mailbox_demo.body";
+    readonly 'messages.mailbox_demo.sender': "messages.mailbox_demo.sender";
     readonly 'messages.message_status_indicator.status': "messages.message_status_indicator.status";
     readonly 'messages.message_status_indicator.unread': "messages.message_status_indicator.unread";
     readonly 'messages.message_status_indicator.flagged': "messages.message_status_indicator.flagged";

package/dist/svelte/i18n.messages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.messages.d.ts","sourceRoot":"","sources":["../../src/svelte/i18n.messages.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8FZ,CAAC"}
+{"version":3,"file":"i18n.messages.d.ts","sourceRoot":"","sources":["../../src/svelte/i18n.messages.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyGZ,CAAC"}

package/dist/svelte/i18n.messages.js

@@ -7,6 +7,14 @@
  */
 import { defineMessages } from '@happyvertical/smrt-ui/i18n';
 export const M = defineMessages({
+    'messages.mailbox_demo.disclaimer': 'Demo mailbox. Sending is mocked; no mail server is contacted.',
+    'messages.mailbox_demo.compose': 'Compose',
+    'messages.mailbox_demo.back': 'Back to mailbox',
+    'messages.mailbox_demo.sent': 'Mock send complete: {subject}. No email was delivered.',
+    'messages.mailbox_demo.inbox': 'Demo Inbox',
+    'messages.mailbox_demo.subject': 'Welcome to your mailbox',
+    'messages.mailbox_demo.body': 'Open this message, or compose a mock reply. Nothing leaves this browser.',
+    'messages.mailbox_demo.sender': 'Demo colleague',
     // MessageStatusIndicator
     'messages.message_status_indicator.status': 'Message status',
     'messages.message_status_indicator.unread': 'Unread',

package/dist/svelte/index.d.ts

@@ -7,6 +7,8 @@
  * @packageDocumentation
  */
 import type { ComponentProps } from 'svelte';
+export type { NotificationBellItem, UserNotificationBellProvider, UserNotificationBellProviderOptions, } from './notifications.js';
+export { createUserNotificationBellProvider } from './notifications.js';
 import AccountAvatar from './components/AccountAvatar.svelte';
 import AccountCard from './components/AccountCard.svelte';
 import AccountList from './components/AccountList.svelte';
@@ -53,4 +55,5 @@ export type ReplyFormProps = ComponentProps<typeof ReplyForm>;
 export type SendStatusBadgeProps = ComponentProps<typeof SendStatusBadge>;
 export type ThreadViewProps = ComponentProps<typeof ThreadView>;
 export type { AccountData, AttachmentData, BlacklistEntry, BulkAction, ComposeState, DraftData, EmailAccountData, FolderData, MessageData, MessageFilterState, MessageSort, MessageType, RecipientEntry, SendStatusDisplay, WhitelistEntry, } from './types.js';
+export { default as MailboxDemo } from './components/MailboxDemo.svelte';
 //# sourceMappingURL=index.d.ts.map

package/dist/svelte/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/svelte/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/svelte/index.ts"],"names":[],"mappings":"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"}

package/dist/svelte/index.js

@@ -8,6 +8,7 @@
  */
 import { ModuleUIRegistry } from '@happyvertical/smrt-ui/registry';
 import { MESSAGES_MODULE_META } from '../ui.js';
+export { createUserNotificationBellProvider } from './notifications.js';
 // Import components
 import AccountAvatar from './components/AccountAvatar.svelte';
 import AccountCard from './components/AccountCard.svelte';
@@ -44,3 +45,4 @@ ModuleUIRegistry.register('@happyvertical/smrt-messages', 'thread-view', ThreadV
 ModuleUIRegistry.register('@happyvertical/smrt-messages', 'compose-form', ComposeForm);
 ModuleUIRegistry.register('@happyvertical/smrt-messages', 'reply-form', ReplyForm);
 ModuleUIRegistry.register('@happyvertical/smrt-messages', 'messaging-settings', MessagingSettingsPanel);
+export { default as MailboxDemo } from './components/MailboxDemo.svelte';

package/dist/svelte/notifications.d.ts

@@ -0,0 +1,35 @@
+import type { UserNotificationService } from '../services/UserNotificationService.js';
+export interface NotificationBellItem {
+    id: string;
+    title: string;
+    body?: string;
+    href?: string | null;
+    severity?: 'info' | 'success' | 'warning' | 'error';
+    occurredAt: string;
+    readAt?: string | null;
+}
+/** Structural counterpart of smrt-svelte's NotificationProvider; no UI dependency. */
+export interface UserNotificationBellProvider {
+    getUnreadCount(): Promise<number>;
+    list(options?: {
+        limit?: number;
+    }): Promise<NotificationBellItem[]>;
+    markRead(id: string): Promise<void>;
+    markAllRead(): Promise<void>;
+    subscribe(listener: () => void): () => void;
+}
+export interface UserNotificationBellProviderOptions {
+    service: UserNotificationService;
+    /** Signed-in recipient, fixed at provider construction. */
+    userId: string;
+    /** Authorized tenant set, fixed at provider construction. */
+    tenantIds: readonly string[];
+    /** Host-owned live transport. It must only signal that the caller should reload. */
+    subscribe?: (listener: () => void) => () => void;
+}
+/**
+ * Creates a provider for `NotificationBell` from the recipient-scoped service.
+ * The user and tenant scope are closed over so browser callers cannot alter them.
+ */
+export declare function createUserNotificationBellProvider(options: UserNotificationBellProviderOptions): UserNotificationBellProvider;
+//# sourceMappingURL=notifications.d.ts.map

package/dist/svelte/notifications.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../src/svelte/notifications.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AAEtF,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACpD,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAED,sFAAsF;AACtF,MAAM,WAAW,4BAA4B;IAC3C,cAAc,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,OAAO,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,oBAAoB,EAAE,CAAC,CAAC;IACpE,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC;CAC7C;AAED,MAAM,WAAW,mCAAmC;IAClD,OAAO,EAAE,uBAAuB,CAAC;IACjC,2DAA2D;IAC3D,MAAM,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,SAAS,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,oFAAoF;IACpF,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;CAClD;AAcD;;;GAGG;AACH,wBAAgB,kCAAkC,CAChD,OAAO,EAAE,mCAAmC,GAC3C,4BAA4B,CA+C9B"}

package/dist/svelte/notifications.js

@@ -0,0 +1,62 @@
+function project(notification) {
+    return {
+        id: String(notification.id),
+        title: notification.title,
+        body: notification.body || undefined,
+        href: notification.href,
+        severity: notification.severity,
+        occurredAt: notification.occurredAt.toISOString(),
+        readAt: notification.readAt?.toISOString() ?? null,
+    };
+}
+/**
+ * Creates a provider for `NotificationBell` from the recipient-scoped service.
+ * The user and tenant scope are closed over so browser callers cannot alter them.
+ */
+export function createUserNotificationBellProvider(options) {
+    const userId = options.userId.trim();
+    const tenantIds = [...new Set(options.tenantIds.filter(Boolean))];
+    if (!userId)
+        throw new Error('Notification bell provider requires a user id.');
+    if (tenantIds.length === 0)
+        throw new Error('Notification bell provider requires tenant ids.');
+    const listeners = new Set();
+    const emit = () => {
+        for (const listener of listeners)
+            listener();
+    };
+    const notificationScopes = new Map();
+    return {
+        async getUnreadCount() {
+            return options.service.countUnread(userId, { tenantIds });
+        },
+        async list(listOptions) {
+            const rows = await options.service.listForUser(userId, {
+                tenantIds,
+                limit: listOptions?.limit,
+            });
+            for (const row of rows)
+                notificationScopes.set(String(row.id), row.tenantId);
+            return rows.map(project);
+        },
+        async markRead(id) {
+            const tenantId = notificationScopes.get(id);
+            if (!tenantId)
+                throw new Error('Notification must be loaded before it can be marked read.');
+            await options.service.markRead(userId, [id], { tenantId });
+            emit();
+        },
+        async markAllRead() {
+            await options.service.markAllRead(userId, { tenantIds });
+            emit();
+        },
+        subscribe(listener) {
+            listeners.add(listener);
+            const stopHost = options.subscribe?.(emit);
+            return () => {
+                listeners.delete(listener);
+                stopHost?.();
+            };
+        },
+    };
+}

package/dist/svelte/playground.d.ts

@@ -4,6 +4,40 @@ declare const _default: {
     description: string | undefined;
     moduleMeta: import("@happyvertical/smrt-types").SmrtModuleMeta;
     entries: ({
+        id: string;
+        title: string;
+        description: string;
+        loadComponent: () => Promise<typeof import("./components/MailboxDemo.svelte")>;
+        order: number;
+        props: {
+            accounts?: undefined;
+            onaccountclick?: undefined;
+            onsync?: undefined;
+            onremove?: undefined;
+            messages?: undefined;
+            activeMessageId?: undefined;
+            showAccount?: undefined;
+            onmessageclick?: undefined;
+            onselect?: undefined;
+            onflag?: undefined;
+            message?: undefined;
+            attachments?: undefined;
+            account?: undefined;
+            onreply?: undefined;
+            onforward?: undefined;
+            ondelete?: undefined;
+            type?: undefined;
+            initialState?: undefined;
+            onsend?: undefined;
+            onsavedraft?: undefined;
+            ondiscard?: undefined;
+        };
+        modes: {
+            mock: {
+                label: string;
+            };
+        };
+    } | {
         id: string;
         title: string;
         description: string;

package/dist/svelte/playground.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"playground.d.ts","sourceRoot":"","sources":["../../src/svelte/playground.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmFA,wBAiGE"}
+{"version":3,"file":"playground.d.ts","sourceRoot":"","sources":["../../src/svelte/playground.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmFA,wBA2GE"}

package/dist/svelte/playground.js

@@ -81,6 +81,15 @@ export default {
     description: MESSAGES_MODULE_META.description,
     moduleMeta: MESSAGES_MODULE_META,
     entries: [
+        {
+            id: 'mailbox',
+            title: 'Mailbox',
+            description: 'Interactive fictional inbox. Compose and send are mocked; no mail is delivered.',
+            loadComponent: () => import('./components/MailboxDemo.svelte'),
+            order: 0,
+            props: {},
+            modes: { mock: { label: 'Mock sending' } },
+        },
         {
             id: 'account-list',
             title: 'Account List',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@happyvertical/smrt-messages",
-  "version": "0.55.9",
+  "version": "0.55.11",
   "smrtJsdoc": "strict",
   "description": "Unified multi-channel messaging with STI-based hierarchies",
   "type": "module",
@@ -62,12 +62,12 @@
     "@happyvertical/files": "^0.103.1",
     "@happyvertical/logger": "^0.103.1",
     "@happyvertical/messages": "^0.103.1",
-    "@happyvertical/smrt-core": "0.55.9",
-    "@happyvertical/smrt-types": "0.55.9",
-    "@happyvertical/smrt-secrets": "0.55.9",
-    "@happyvertical/smrt-tenancy": "0.55.9",
-    "@happyvertical/smrt-ui": "0.55.9",
-    "@happyvertical/smrt-users": "0.55.9",
+    "@happyvertical/smrt-core": "0.55.11",
+    "@happyvertical/smrt-types": "0.55.11",
+    "@happyvertical/smrt-secrets": "0.55.11",
+    "@happyvertical/smrt-tenancy": "0.55.11",
+    "@happyvertical/smrt-ui": "0.55.11",
+    "@happyvertical/smrt-users": "0.55.11",
     "@happyvertical/sql": "^0.103.1",
     "@happyvertical/utils": "^0.103.1"
   },
@@ -84,8 +84,8 @@
     }
   },
   "devDependencies": {
-    "@happyvertical/smrt-ledgers": "0.55.9",
-    "@happyvertical/smrt-vitest": "0.55.9",
+    "@happyvertical/smrt-ledgers": "0.55.11",
+    "@happyvertical/smrt-vitest": "0.55.11",
     "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "^7.3.0",
     "@types/node": "24.13.6",