@robono/messaging-react-native 0.5.0 → 0.7.0

package/dist/attachment-menu.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { View } from 'react-native';
+import { MessageIcon } from './icons.js';
+export interface AttachmentMenuAction {
+    key: string;
+    label: string;
+    icon: React.ComponentProps<typeof MessageIcon>['name'];
+    run: () => void;
+}
+/** Messenger's 206 × 46 attachment chips, staggered above its plus button. */
+export declare function AttachmentMenu({ anchor, actions, accent, onClose }: {
+    anchor: React.RefObject<View | null>;
+    actions: AttachmentMenuAction[];
+    accent: string;
+    onClose: () => void;
+}): React.JSX.Element;

package/dist/attachment-menu.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { Animated, BackHandler, Platform, Pressable, ScrollView, Text, View, useWindowDimensions } from 'react-native';
+import { MessagingPopupLayer, useMessagingPopupBounds } from './popup.js';
+import { MessageIcon } from './icons.js';
+/** Messenger's 206 × 46 attachment chips, staggered above its plus button. */
+export function AttachmentMenu({ anchor, actions, accent, onClose }) {
+    const bounds = useMessagingPopupBounds(), window = useWindowDimensions(), fade = useRef(new Animated.Value(0)).current;
+    const [position, setPosition] = useState(null);
+    const menu = useRef(null), close = useRef(onClose);
+    close.current = onClose;
+    useLayoutEffect(() => {
+        let live = true;
+        const frame = requestAnimationFrame(() => {
+            const root = bounds?.root.current, button = anchor.current;
+            if (!root || !button)
+                return;
+            root.measureInWindow((rx, ry, width, height) => button.measureInWindow((x, y, w, h) => { if (live)
+                setPosition({ x: x - rx + w / 2, y: y - ry + h / 2, width, height }); }));
+        });
+        return () => { live = false; cancelAnimationFrame(frame); };
+    }, [bounds, anchor, window.width, window.height]);
+    useEffect(() => { Animated.timing(fade, { toValue: 1, duration: 120, useNativeDriver: true, isInteraction: false }).start(); return () => fade.stopAnimation(); }, [fade]);
+    useEffect(() => {
+        if (Platform.OS !== 'web') {
+            const off = BackHandler.addEventListener('hardwareBackPress', () => { close.current(); return true; });
+            return () => off.remove();
+        }
+        const previous = document.activeElement;
+        const frame = requestAnimationFrame(() => { menu.current?.querySelector('[role="button"]')?.focus(); });
+        const key = (event) => {
+            const element = menu.current;
+            if (event.key === 'Escape') {
+                event.preventDefault();
+                event.stopPropagation();
+                close.current();
+            }
+            if (event.key === 'Tab' && element) {
+                const items = [...element.querySelectorAll('[role="button"]')];
+                const first = items[0], last = items.at(-1);
+                if (event.shiftKey && (document.activeElement === first || !element.contains(document.activeElement))) {
+                    event.preventDefault();
+                    last?.focus();
+                }
+                else if (!event.shiftKey && (document.activeElement === last || !element.contains(document.activeElement))) {
+                    event.preventDefault();
+                    first?.focus();
+                }
+            }
+        };
+        document.addEventListener('keydown', key, true);
+        return () => { cancelAnimationFrame(frame); document.removeEventListener('keydown', key, true); if (previous?.isConnected)
+            previous.focus(); };
+    }, [!!position]);
+    const node = useMemo(() => {
+        if (!position)
+            return null;
+        const compact = position.y - 80 < Math.max(0, actions.length - 1) * 46;
+        const listHeight = Math.min(Math.max(46, position.height - 28), actions.length * 54 - 8);
+        const listTop = Math.max(14, Math.min(position.height - listHeight - 14, position.y - listHeight - 30));
+        const Container = compact ? ScrollView : View;
+        return _jsxs(View, { style: { position: 'absolute', inset: 0, zIndex: 1000, elevation: 1000 }, children: [_jsx(Animated.View, { pointerEvents: "none", style: { position: 'absolute', inset: 0, backgroundColor: '#000', opacity: fade.interpolate({ inputRange: [0, 1], outputRange: [0, .38] }) } }), _jsx(Pressable, { accessibilityLabel: "Close attachment menu", onPress: onClose, style: { position: 'absolute', inset: 0 } }), _jsx(View, { ref: menu, accessibilityViewIsModal: true, style: { position: 'absolute', inset: 0 }, pointerEvents: "box-none", children: _jsx(Container, { style: compact ? { position: 'absolute', top: listTop, left: 10, right: 10, maxHeight: listHeight } : { position: 'absolute', inset: 0 }, ...(compact ? { contentContainerStyle: { gap: 8, paddingHorizontal: 4 }, keyboardShouldPersistTaps: 'always' } : { pointerEvents: 'box-none' }), children: (compact ? [...actions].reverse() : actions).map((action, index) => {
+                            const chipWidth = Math.min(206, position.width - 20), step = Math.min(58, Math.max(46, (position.y - 80) / Math.max(1, actions.length - 1)));
+                            return _jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: action.label, onPress: () => { onClose(); if (Platform.OS === 'web')
+                                    action.run();
+                                else
+                                    requestAnimationFrame(() => requestAnimationFrame(action.run)); }, style: { position: compact ? 'relative' : 'absolute', width: chipWidth, height: 46, flexShrink: 0, left: compact ? 0 : Math.max(10, Math.min(position.width - chipWidth - 10, position.x + 14 + index * 18)), top: compact ? 0 : Math.max(14, position.y - 66 - index * step), shadowColor: '#000', shadowOpacity: .42, shadowRadius: 15, shadowOffset: { width: 0, height: 7 }, elevation: 10 }, children: ({ pressed }) => _jsxs(Animated.View, { pointerEvents: "none", style: { flex: 1, opacity: fade, borderRadius: 23, borderWidth: 1, borderColor: '#ffffff1c', backgroundColor: pressed ? '#211D1A' : '#171717', flexDirection: 'row', alignItems: 'center', gap: 10, paddingStart: 7, paddingEnd: 12, transform: [{ scale: pressed ? .97 : 1 }] }, children: [_jsx(View, { style: { width: 32, height: 32, borderRadius: 11, borderWidth: .5, borderColor: accent + '38', backgroundColor: accent + '1a', alignItems: 'center', justifyContent: 'center' }, children: _jsx(MessageIcon, { name: action.icon, size: 21, color: accent }) }), _jsx(Text, { numberOfLines: 1, style: { flex: 1, color: '#ffffffeb', fontFamily: Platform.select({ ios: 'Avenir Next', android: 'sans-serif-medium' }), fontSize: 14, fontWeight: '600', letterSpacing: .12 }, children: action.label }), _jsx(MessageIcon, { name: "chevron-forward", size: 14, color: "#ffffff52" })] }) }, action.key);
+                        }) }) })] });
+    }, [position, actions, accent, onClose, fade]);
+    return _jsx(MessagingPopupLayer, { children: node });
+}

package/dist/expo-connected-calling.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { type MessengerCalling, type MessengerCallingState } from '@robono/calling-react-native/messenger';
+import { type MessagingInboxClient } from '@robono/messaging';
+export declare function createExpoMessengerCalling(options: {
+    endpoint: string;
+    getAccessToken: () => Promise<string>;
+    fetch?: typeof fetch;
+    people?: () => Record<string, {
+        name: string;
+        avatarUrl?: string;
+    }>;
+    inbox: MessagingInboxClient;
+}): {
+    updateContacts(next: Record<string, {
+        name: string;
+        avatarUrl?: string;
+    }>): void;
+    start: () => Promise<void>;
+    getSnapshot: () => MessengerCallingState;
+    subscribe(fn: () => void): () => void;
+    isActive: () => boolean;
+    dismissUnanswered(): void;
+    notification(data: unknown, opened?: boolean): Promise<boolean>;
+    prime(): void;
+    call(conversationId: string, kind: "voice" | "video", group?: boolean): Promise<void>;
+    dispose(): Promise<void>;
+};
+export declare function useExpoMessengerCalling(calling?: MessengerCalling): MessengerCallingState;
+export declare function ExpoMessengerCalls({ calling, state }: {
+    calling?: MessengerCalling;
+    state: MessengerCallingState;
+}): React.JSX.Element;

package/dist/expo-connected-calling.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useSyncExternalStore } from 'react';
+import { Pressable, Text, View } from 'react-native';
+import { setAudioModeAsync } from 'expo-audio';
+import { createMessengerCalling } from '@robono/calling-react-native/messenger';
+import { createNativeCallAdapters } from '@robono/calling-react-native/native';
+import { createNativeCallRuntime } from '@robono/calling-react-native/runtime';
+import { NativeCallingOverlay, NativeGroupCallingOverlay } from '@robono/calling-react-native/native-video';
+import { createMessagingTransport } from '@robono/messaging';
+export function createExpoMessengerCalling(options) {
+    const url = new URL(options.endpoint);
+    url.searchParams.set('service', 'calling');
+    let people = {};
+    const calling = createMessengerCalling({
+        request: createMessagingTransport({ ...options, url: url.href }),
+        resolveContact: id => {
+            const row = options.inbox.getSnapshot().conversations.find(c => c.id === id);
+            if (row?.kind === 'group')
+                return { name: row.name ?? 'Group' };
+            const person = (options.people?.() ?? people)[row?.contactId ?? ''];
+            return person ? { name: person.name, avatarUri: person.avatarUrl } : null;
+        },
+        resolveMember: (_app, id) => { const person = (options.people?.() ?? people)[id]; return person ? { name: person.name, avatarUri: person.avatarUrl } : null; },
+        adapters: appearance => {
+            const runtime = createNativeCallRuntime({ notificationTitle: 'Call in progress', notificationText: 'Tap to return to your call', channelName: 'Calls', endLabel: 'End call', onError: () => { } });
+            const adapter = createNativeCallAdapters({ appearance, runtime, ringtone: 'robono', onError: () => { }, restoreAudio: () => setAudioModeAsync({ allowsRecording: false, playsInSilentMode: true, shouldPlayInBackground: false, shouldRouteThroughEarpiece: false, interruptionMode: 'mixWithOthers' }) });
+            return { ...adapter, attach: runtime.attach, dispose: runtime.dispose };
+        },
+    });
+    return { ...calling, updateContacts(next) { people = next; } };
+}
+const absent = { direct: null, group: null, loading: false, error: '', features: { voice: false, video: false } };
+const noSubscribe = () => () => { };
+export function useExpoMessengerCalling(calling) {
+    const state = useSyncExternalStore(calling?.subscribe ?? noSubscribe, calling?.getSnapshot ?? (() => absent), calling?.getSnapshot ?? (() => absent));
+    useEffect(() => { void calling?.start().catch(() => { }); }, [calling]);
+    return state;
+}
+export function ExpoMessengerCalls({ calling, state }) {
+    return _jsxs(_Fragment, { children: [state.error && _jsxs(View, { style: { backgroundColor: '#171717', paddingHorizontal: 16, paddingVertical: 8, flexDirection: 'row', gap: 12, alignItems: 'center' }, children: [_jsx(Text, { accessibilityRole: "alert", style: { color: '#FAFAFA', flex: 1 }, children: state.error }), _jsx(Pressable, { accessibilityRole: "button", onPress: () => void calling?.start().catch(() => { }), style: { padding: 8 }, children: _jsx(Text, { style: { color: '#FF8A2C' }, children: "Retry calls" }) })] }), state.direct && _jsx(NativeCallingOverlay, { controller: state.direct, appearance: state.appearance }), state.group && _jsx(NativeGroupCallingOverlay, { controller: state.group, appearance: state.appearance })] });
+}

package/dist/expo-extras.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { MessagingExtrasClient } from '@robono/messaging';
+import type { TrackingMapProps } from './extras.js';
+export declare function createExpoMessagingExtras(options: {
+    endpoint: string;
+    userId: string;
+    getAccessToken: () => Promise<string>;
+    fetch?: typeof fetch;
+    people?: () => Record<string, {
+        name: string;
+        avatarUrl?: string;
+    }>;
+}): {
+    extras: MessagingExtrasClient;
+    TrackingMap: (props: TrackingMapProps) => React.JSX.Element;
+    signOut(): Promise<void>;
+    dispose(): Promise<void>;
+};

package/dist/expo-extras.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { prepareBackgroundTracking, captureBackgroundTracking, endBackgroundAccount } from './expo-tracking-task.js';
+import * as Location from 'expo-location';
+import Constants from 'expo-constants';
+import * as SecureStore from 'expo-secure-store';
+import * as Crypto from 'expo-crypto';
+import { TrackingMap } from '@robono/location-react-native';
+import { getForegroundPosition, ManagedMap } from '@robono/location-react-native/expo';
+import { MessagingExtrasClient, createMessagingTransport, createRecoverableExtrasTransport } from '@robono/messaging';
+const convert = (value) => ({ latitude: value.coords.latitude, longitude: value.coords.longitude, accuracyMeters: value.coords.accuracy ?? 500, capturedAt: value.timestamp, ...(value.coords.speed !== null && value.coords.speed >= 0 ? { speedMps: value.coords.speed } : {}) });
+export function createExpoMessagingExtras(options) {
+    const url = new URL(options.endpoint);
+    url.searchParams.set('service', 'extras');
+    const cleanup = endBackgroundAccount(url.href, options.userId);
+    const storageKey = Crypto.digestStringAsync(Crypto.CryptoDigestAlgorithm.SHA256, url.href + '\n' + options.userId).then(hash => 'robono.tracking.recovery.' + hash);
+    const request = createRecoverableExtrasTransport(createMessagingTransport({ ...options, url: url.href }), { load: async () => { await cleanup; return JSON.parse(await SecureStore.getItemAsync(await storageKey) ?? '[]'); }, save: async (records) => { const key = await storageKey; if (records.length)
+            await SecureStore.setItemAsync(key, JSON.stringify(records));
+        else
+            await SecureStore.deleteItemAsync(key); } });
+    const background = Constants.expoConfig?.extra?.robonoMaps?.background === true;
+    const extras = new MessagingExtrasClient({ request, ...(background ? { backgroundCapture: true, prepareTracking: prepareBackgroundTracking, capture: (context, signal) => captureBackgroundTracking({ url: url.href, userId: options.userId, getAccessToken: options.getAccessToken }, context, signal) } : {}), people: options.people, createRequestId: () => Crypto.randomUUID(),
+        locate: async (signal) => { const p = await getForegroundPosition(signal); return { ...p, capturedAt: Date.parse(p.capturedAt), speedMps: p.speedMps ?? undefined }; },
+        watch: (receive, onError, signal) => { let subscription; const stop = () => { subscription?.remove(); signal.removeEventListener('abort', stop); }; signal.addEventListener('abort', stop, { once: true }); void Location.watchPositionAsync({ accuracy: Location.Accuracy.High, timeInterval: 10000, distanceInterval: 5 }, p => { if (!signal.aborted)
+            receive(convert(p)); }, () => { stop(); onError(); }).then(s => { subscription = s; if (signal.aborted)
+            stop(); }).catch(() => { stop(); onError(); }); },
+    });
+    function ConnectedTrackingMap(props) {
+        return _jsx(ManagedMap, { client: extras, children: onLoad => _jsx(TrackingMap, { ...props, onLoad: onLoad }) });
+    }
+    return { extras, TrackingMap: ConnectedTrackingMap, async signOut() { extras.dispose(); const results = await Promise.allSettled([request.cancelUnfinished(), endBackgroundAccount(url.href, options.userId)]); const failed = results.find(r => r.status === 'rejected'); if (failed?.status === 'rejected')
+            throw failed.reason; }, async dispose() { extras.dispose(); await endBackgroundAccount(url.href, options.userId); } };
+}

package/dist/expo-media.js

@@ -110,7 +110,7 @@ export function createExpoMessagingDevice(audio) {
     let recordingDeadline = 0;
     let starting = null;
     let stopping = null;
-    async function chooseFiles(kind, settings, signal, source, maximum) {
+    async function chooseFiles(kind, settings, signal, source, maximum, mixedLibrary = false) {
         if (source === 'camera' && (!['image', 'video'].includes(kind) || !settings.appearance.showCamera))
             throw Error('Camera capture is unavailable.');
         if (source === 'call-video' && (kind !== 'video' || !settings.enabled || !settings.features.video || settings.unansweredCalls?.video !== 'video'))
@@ -132,7 +132,7 @@ export function createExpoMessagingDevice(audio) {
                     if (!permission.granted)
                         throw Error('Camera permission is needed to take photos or record videos.');
                 }
-                const result = await (source ? Picker.launchCameraAsync : Picker.launchImageLibraryAsync)({ mediaTypes: source === 'call-video' ? ['videos'] : source ? [...((settings.features?.image ?? kind === 'image') ? ['images'] : []), ...(settings.features?.video ? ['videos'] : [])] : kind === 'image' ? ['images'] : ['videos'], ...(source ? { videoMaxDuration: settings.attachments?.video?.maxDurationSeconds ?? 60 } : {}), allowsMultipleSelection: !source && maximum > 1, selectionLimit: maximum, orderedSelection: true, allowsEditing: false, quality: 1, preferredAssetRepresentationMode: Picker.UIImagePickerPreferredAssetRepresentationMode.Current });
+                const result = await (source ? Picker.launchCameraAsync : Picker.launchImageLibraryAsync)({ mediaTypes: source === 'call-video' ? ['videos'] : source ? [...((settings.features?.image ?? kind === 'image') ? ['images'] : []), ...(settings.features?.video ? ['videos'] : [])] : mixedLibrary ? [...(settings.features.image ? ['images'] : []), ...(settings.features.video ? ['videos'] : [])] : kind === 'image' ? ['images'] : ['videos'], ...(source ? { videoMaxDuration: settings.attachments?.video?.maxDurationSeconds ?? 60 } : {}), allowsMultipleSelection: !source && maximum > 1, selectionLimit: maximum, orderedSelection: true, allowsEditing: false, quality: 1, preferredAssetRepresentationMode: Picker.UIImagePickerPreferredAssetRepresentationMode.Current });
                 assets = result.assets ?? [];
                 if (result.canceled)
                     return [];
@@ -142,7 +142,7 @@ export function createExpoMessagingDevice(audio) {
                 throw Error(`Choose up to ${maximum} attachments.`);
             for (const asset of assets) {
                 check(signal);
-                const video = kind === 'video' || !!source && (asset.type === 'video' || asset.mimeType?.startsWith('video/'));
+                const video = (mixedLibrary || !!source) ? asset.type === 'video' || !!asset.mimeType?.startsWith('video/') : kind === 'video';
                 const name = asset.name ?? asset.fileName ?? asset.uri.split('/').at(-1) ?? (video ? 'Video' : 'Photo');
                 if (video && (!asset.duration || !Number.isFinite(asset.duration)))
                     throw Error('The video length could not be read. Choose another video.');
@@ -161,7 +161,7 @@ export function createExpoMessagingDevice(audio) {
     }
     return {
         async pick(kind, settings, signal, source) { return (await chooseFiles(kind, settings, signal, source, 1))[0] ?? null; },
-        pickMany: (kind, settings, signal, maximum) => chooseFiles(kind, settings, signal, undefined, maximum),
+        pickMany: (kind, settings, signal, maximum, mixedLibrary) => chooseFiles(kind, settings, signal, undefined, maximum, mixedLibrary),
         async startRecording(maximum, signal) {
             if (starting || recorder)
                 throw Error('A recording is already in progress.');

package/dist/expo-messenger.d.ts

@@ -1,3 +1,5 @@
+import { createExpoMessengerCalling } from './expo-connected-calling.js';
+import type { LocationWorkspace } from '@robono/location';
 import React from 'react';
 import { MessagingInboxClient, type ConversationSummary } from '@robono/messaging';
 import { type ExpoMessagingScreenProps } from './expo-screen.js';
@@ -9,11 +11,24 @@ export declare function createExpoMessenger(options: {
     getAccessToken: () => Promise<string>;
     fetch?: typeof fetch;
     notifications?: false;
+    extras?: false;
+    maps?: false;
+    calling?: false;
+    people?: () => Record<string, {
+        name: string;
+        avatarUrl?: string;
+    }>;
     persistence?: false;
     namespace?: string;
     audioSession?: MessagingAudioSession;
     isCallActive?: () => boolean;
 }): {
+    signOut(): Promise<void>;
+    dispose(): void;
+    extras?: import("@robono/messaging").MessagingExtrasClient | undefined;
+    components?: {
+        TrackingMap: (props: import("./extras.js").TrackingMapProps) => React.JSX.Element;
+    } | undefined;
     client: import("@robono/messaging").MessagingClient;
     inbox: MessagingInboxClient;
     storage: import("./media-controller.js").MessagingMediaStorage;
@@ -22,10 +37,26 @@ export declare function createExpoMessenger(options: {
         start(open: (conversationId: string, messageId: string) => Promise<void>): Promise<void>;
         enable(): Promise<void>;
     } | undefined;
-    signOut(): Promise<void>;
-    dispose(): void;
+    calling: {
+        updateContacts(next: Record<string, {
+            name: string;
+            avatarUrl?: string;
+        }>): void;
+        start: () => Promise<void>;
+        getSnapshot: () => import("@robono/calling-react-native/messenger").MessengerCallingState;
+        subscribe(fn: () => void): () => void;
+        isActive: () => boolean;
+        dismissUnanswered(): void;
+        notification(data: unknown, opened?: boolean): Promise<boolean>;
+        prime(): void;
+        call(conversationId: string, kind: "voice" | "video", group?: boolean): Promise<void>;
+        dispose(): Promise<void>;
+    } | undefined;
+    maps: LocationWorkspace | undefined;
 };
 export interface ExpoMessengerProps extends Omit<ExpoMessagingScreenProps, 'contact' | 'renderConversation' | 'onBack'> {
+    calling?: ReturnType<typeof createExpoMessengerCalling>;
+    maps?: LocationWorkspace;
     notifications?: {
         start: (open: (conversationId: string, messageId: string) => Promise<void>) => Promise<void>;
         enable: () => Promise<void>;
@@ -41,4 +72,4 @@ export interface ExpoMessengerProps extends Omit<ExpoMessagingScreenProps, 'cont
     onSelectConversation?: (conversation: ConversationSummary | null) => void;
 }
 /** Supplied inbox, group creation, conversation, settings and media screens. */
-export declare function ExpoMessenger({ inbox, contacts, initialConversation, selectedConversation, onSelectConversation, notifications, ...props }: ExpoMessengerProps): React.JSX.Element;
+export declare function ExpoMessenger({ inbox, contacts, initialConversation, selectedConversation, onSelectConversation, notifications, maps, calling, ...props }: ExpoMessengerProps): React.JSX.Element;

package/dist/expo-messenger.js

@@ -1,11 +1,18 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMessengerMaps, MessengerMapsNotice } from './maps-connection.js';
+import { MessagingCallingScreen } from './calling.js';
+import { createExpoMessengerCalling, useExpoMessengerCalling, ExpoMessengerCalls } from './expo-connected-calling.js';
+import { isNativeCallAudioActive } from '@robono/calling-react-native/native';
+import { View } from 'react-native';
+import { createExpoMaps, RobonoMaps } from '@robono/location-react-native/expo';
+import { createExpoMessagingExtras } from './expo-extras.js';
 import { connectExpoMessagingNotifications } from './expo-notifications.js';
 import { useEffect, useState, useSyncExternalStore } from 'react';
 import { createMessagingTransport, defaultMessagingSettings, MessagingInboxClient } from '@robono/messaging';
 import { ExpoMessagingScreen } from './expo-screen.js';
 import { createExpoMessagingClient } from './expo-outbox.js';
 import { createExpoMessagingAudioSession, createExpoMessagingStorage } from './expo-media.js';
-import { MessagingProvider, MessagingConversation, MessagingAccountMenu } from './index.js';
+import { MessagingProvider, MessagingAccountMenu } from './index.js';
 import { MessagingInbox } from './inbox.js';
 import { MessagingGroupEditor } from './group-editor.js';
 /** One account, one authenticated route, supplied storage and media-session adapters. */
@@ -16,9 +23,12 @@ export function createExpoMessenger(options) {
     const media = new URL(endpoint);
     media.searchParams.set('service', 'media');
     const client = createExpoMessagingClient({ ...options, url: endpoint.href });
+    const mapConnection = options.maps === false ? undefined : createExpoMaps(options);
+    const connectedExtras = options.extras === false ? undefined : createExpoMessagingExtras(options);
     const inbox = new MessagingInboxClient({ request: createMessagingTransport({ ...options, url: endpoint.href }) });
     const storage = createExpoMessagingStorage({ url: media.href, getAccessToken: options.getAccessToken, ...(options.fetch ? { fetch: options.fetch } : {}) });
-    const audioSession = options.audioSession ?? createExpoMessagingAudioSession({ isCallActive: options.isCallActive });
+    const calling = options.calling === false ? undefined : createExpoMessengerCalling({ ...options, inbox });
+    const audioSession = options.audioSession ?? createExpoMessagingAudioSession({ isCallActive: () => isNativeCallAudioActive() || calling?.isActive() === true || options.isCallActive?.() === true });
     let connection = null, pending = null, closed = false;
     let openNotification;
     const notifications = options.notifications === false ? undefined : {
@@ -39,7 +49,7 @@ export function createExpoMessenger(options) {
                     catch {
                         return false;
                     } },
-                    open: e => open(e.conversationId, e.messageId), refresh: () => inbox.refresh().then(() => { }), onError: () => { },
+                    onCall: calling?.notification, open: e => open(e.conversationId, e.messageId), refresh: () => inbox.refresh().then(() => { }), onError: () => { },
                 });
                 if (closed) {
                     await n.signOut();
@@ -59,25 +69,26 @@ export function createExpoMessenger(options) {
             throw Error('Notifications are not connected yet. Check your Apple/Google setup in Robono.'); if (!await connection.enable())
             throw Error('Allow notifications in your phone’s app settings.'); },
     };
-    return { client, inbox, storage, audioSession, notifications,
-        async signOut() { closed = true; try {
-            await pending?.catch(() => { });
-            await connection?.signOut();
-        }
-        finally {
-            inbox.dispose();
-            await client.signOut();
-        } },
-        dispose() { closed = true; connection?.dispose(); inbox.dispose(); client.dispose(); },
+    return { client, inbox, storage, audioSession, notifications, calling, maps: mapConnection?.workspace, ...(connectedExtras ? { extras: connectedExtras.extras, components: { TrackingMap: connectedExtras.TrackingMap } } : {}),
+        async signOut() { closed = true; const extraCleanup = connectedExtras?.signOut(); inbox.dispose(); const results = await Promise.allSettled([extraCleanup, calling?.dispose(), mapConnection?.signOut(), client.signOut(), (async () => { await pending?.catch(() => { }); await connection?.signOut(); })()]); const failed = results.find(r => r.status === 'rejected'); if (failed?.status === 'rejected')
+            throw failed.reason; },
+        dispose() { closed = true; void calling?.dispose().catch(() => { }); mapConnection?.dispose(); void connectedExtras?.dispose().catch(() => { }); connection?.dispose(); inbox.dispose(); client.dispose(); },
     };
 }
 /** Supplied inbox, group creation, conversation, settings and media screens. */
-export function ExpoMessenger({ inbox, contacts = {}, initialConversation, selectedConversation, onSelectConversation, notifications, ...props }) {
+export function ExpoMessenger({ inbox, contacts = {}, initialConversation, selectedConversation, onSelectConversation, notifications, maps, calling, ...props }) {
+    const callState = useExpoMessengerCalling(calling);
+    useEffect(() => { calling?.updateContacts(contacts); }, [calling, contacts]);
+    const chatState = useSyncExternalStore(props.client.subscribe, props.client.getSnapshot, props.client.getSnapshot);
+    const groupAllowed = chatState.conversation?.kind !== 'group' || !chatState.conversation.supergroup && (chatState.conversation.memberCount ?? 0) >= 2 && (chatState.conversation.memberCount ?? 0) <= 8;
     const [internal, setInternal] = useState(initialConversation ?? null), [newGroup, setNewGroup] = useState(false);
     const selected = selectedConversation === undefined ? internal : selectedConversation;
+    const autoCalls = calling && selected && groupAllowed ? { ...(callState.features.voice ? { voice: () => calling.call(selected.id, 'voice', selected.kind === 'group') } : {}), ...(callState.features.video ? { video: () => calling.call(selected.id, 'video', selected.kind === 'group') } : {}), voiceLabel: 'Internet call' } : undefined;
     const setSelected = (row) => { setInternal(row); onSelectConversation?.(row); };
+    const [showMaps, setShowMaps] = useState(false), mapConnection = useMessengerMaps(maps), mapsAvailable = mapConnection.available;
     const inboxState = useSyncExternalStore(inbox.subscribe, inbox.getSnapshot, inbox.getSnapshot);
     const open = (row, messageId) => {
+        setShowMaps(false);
         setSelected(row);
         void props.client.open(row.id).then(async () => { if (messageId && props.client.getSnapshot().conversationId === row.id)
             await props.client.focusMessage(messageId); }).catch(() => { });
@@ -86,5 +97,5 @@ export function ExpoMessenger({ inbox, contacts = {}, initialConversation, selec
         open(row, message); }).catch(() => { }); }, [notifications, inbox]);
     const account = notifications ? { name: props.account?.name ?? 'Your account', ...props.account, onEnableNotifications: () => notifications.enable() } : props.account;
     const contact = selected?.kind === 'group' ? { name: selected.name ?? 'Group' } : contacts[selected?.contactId ?? ''] ?? { name: selected?.contactId ?? 'Chat' };
-    return _jsx(ExpoMessagingScreen, { ...props, account: account, contact: contact, participants: props.participants ?? contacts, extras: selected ? props.extras : undefined, callActions: selected ? { ...props.callActions, phoneNumber: contacts[selected.contactId ?? '']?.phoneNumber ?? props.callActions?.phoneNumber } : undefined, onBack: () => { props.client.stop(); setSelected(null); void inbox.refresh().catch(() => { }); }, renderConversation: screen => _jsx(MessagingProvider, { ...screen, children: selected ? _jsx(MessagingConversation, {}) : _jsxs(_Fragment, { children: [_jsx(MessagingInbox, { client: inbox, userId: props.userId, contacts: contacts, companyName: props.companyName, appearance: props.appearance, active: props.active !== false, headerActions: _jsx(MessagingAccountMenu, { onNewGroup: inboxState.groupCreationAvailable ? () => setNewGroup(true) : undefined }), onSelect: open, onDeleted: id => props.client.forgetConversation(id) }), newGroup && _jsx(MessagingGroupEditor, { client: props.client, inbox: inbox, userId: props.userId, contacts: contacts, groups: inboxState.groups, accent: (props.appearance ?? inboxState.appearance ?? defaultMessagingSettings().appearance).colors.accent, onClose: () => setNewGroup(false), onSaved: (id, name) => { setNewGroup(false); const row = inbox.getSnapshot().conversations.find(c => c.id === id) ?? { id, kind: 'group', name, contactId: null, lastMessage: null, unreadCount: 0, canSend: true }; open(row); } })] }) }) });
+    return _jsxs(View, { style: { flex: 1, minHeight: 0 }, children: [_jsx(MessengerMapsNotice, { error: mapConnection.error, retry: mapConnection.retry }), showMaps && maps ? _jsx(RobonoMaps, { workspace: maps, contacts: contacts, onClose: () => setShowMaps(false) }) : _jsx(ExpoMessagingScreen, { ...props, account: account, contact: contact, participants: props.participants ?? contacts, extras: selected ? props.extras : undefined, callActions: selected ? { ...autoCalls, ...props.callActions, phoneNumber: contacts[selected.contactId ?? '']?.phoneNumber ?? props.callActions?.phoneNumber } : undefined, onBack: () => { props.client.stop(); setSelected(null); void inbox.refresh().catch(() => { }); }, renderConversation: screen => selected ? _jsx(MessagingCallingScreen, { ...screen, onCall: screen.callActions?.voice, onVideoCall: screen.callActions?.video, callLabel: "Internet call", unansweredCallId: callState.unanswered?.conversationId === selected.id ? callState.unanswered.id : undefined, onDismissCallMessage: calling?.dismissUnanswered }) : _jsxs(MessagingProvider, { ...screen, children: [_jsx(MessagingInbox, { client: inbox, userId: props.userId, contacts: contacts, companyName: props.companyName, appearance: props.appearance, active: props.active !== false, headerActions: _jsx(MessagingAccountMenu, { onMaps: mapsAvailable ? () => setShowMaps(true) : undefined, onNewGroup: inboxState.groupCreationAvailable ? () => setNewGroup(true) : undefined }), onSelect: open, onDeleted: id => props.client.forgetConversation(id) }), newGroup && _jsx(MessagingGroupEditor, { client: props.client, inbox: inbox, userId: props.userId, contacts: contacts, groups: inboxState.groups, accent: (props.appearance ?? inboxState.appearance ?? defaultMessagingSettings().appearance).colors.accent, onClose: () => setNewGroup(false), onSaved: (id, name) => { setNewGroup(false); const row = inbox.getSnapshot().conversations.find(c => c.id === id) ?? { id, kind: 'group', name, contactId: null, lastMessage: null, unreadCount: 0, canSend: true }; open(row); } })] }) }), _jsx(ExpoMessengerCalls, { calling: calling, state: callState })] });
 }

package/dist/expo-notifications.d.ts

@@ -10,8 +10,9 @@ export interface ExpoMessagingNotificationOptions {
     refresh: () => void | Promise<void>;
     onError: (error: Error) => void;
     fetch?: typeof fetch;
+    onCall?: (data: unknown, opened: boolean) => Promise<boolean>;
 }
-/** One restored account. Never prompts on mount, replaces a global handler or handles calling pushes. */
+/** One restored account. Never prompts on mount, replaces a global handler or opens an unverified call. */
 export declare function connectExpoMessagingNotifications(options: ExpoMessagingNotificationOptions): Promise<{
     ready: Promise<void>;
     /** Call only after the user chooses Enable notifications in your interface. */

package/dist/expo-notifications.js

@@ -3,7 +3,7 @@ import * as Crypto from 'expo-crypto';
 import * as SecureStore from 'expo-secure-store';
 import { Platform } from 'react-native';
 import { createMessagingNotificationRouter, parseMessagingNotification } from '@robono/messaging';
-/** One restored account. Never prompts on mount, replaces a global handler or handles calling pushes. */
+/** One restored account. Never prompts on mount, replaces a global handler or opens an unverified call. */
 export async function connectExpoMessagingNotifications(options) {
     if (!['ios', 'android'].includes(Platform.OS))
         throw Error('Mobile notification registration requires iPhone or Android.');
@@ -36,7 +36,7 @@ export async function connectExpoMessagingNotifications(options) {
         const work = registerQueue.then(async () => {
             if (disposed || closing)
                 return;
-            const data = await request({ operation: 'register-device', deviceId, provider: Platform.OS === 'ios' ? 'apns' : 'fcm', token: String(token.data) });
+            const data = await request({ operation: 'register-device', calling: !!options.onCall, deviceId, provider: Platform.OS === 'ios' ? 'apns' : 'fcm', token: String(token.data) });
             if (data.accountScope !== status.accountScope)
                 throw Error('The signed-in account changed. Reconnect notifications for the new account.');
         });
@@ -44,11 +44,19 @@ export async function connectExpoMessagingNotifications(options) {
         return work;
     };
     const tokenListener = Notifications.addPushTokenListener(token => { void register(token).catch(options.onError); });
-    const received = Notifications.addNotificationReceivedListener(notification => { void router.handle(notification.request.content.data).catch(options.onError); });
+    const handle = async (data, opened = false) => { if (!data || disposed || closing)
+        return false; if (data.accountScope === accountScope && ['calling.incoming', 'calling.dismissed', 'calling.group_incoming', 'calling.group_dismissed'].includes(String(data.event)) && options.onCall) {
+        if (String(data.event).endsWith('dismissed')) {
+            const shown = await Notifications.getPresentedNotificationsAsync();
+            await Promise.all(shown.filter(n => n.request.content.data?.accountScope === accountScope && n.request.content.data?.call_id === data.call_id).map(n => Notifications.dismissNotificationAsync(n.request.identifier)));
+        }
+        return options.onCall(data, opened);
+    } return router.handle(data, opened); };
+    const received = Notifications.addNotificationReceivedListener(notification => { void handle(notification.request.content.data).catch(options.onError); });
     const response = async (value) => {
         if (disposed || closing || !value || value.actionIdentifier !== Notifications.DEFAULT_ACTION_IDENTIFIER)
             return;
-        if (await router.handle(value.notification.request.content.data, true)) {
+        if (await handle(value.notification.request.content.data, true)) {
             const last = await Notifications.getLastNotificationResponseAsync();
             if (!disposed && last?.notification.request.identifier === value.notification.request.identifier)
                 await Notifications.clearLastNotificationResponseAsync();
@@ -56,8 +64,11 @@ export async function connectExpoMessagingNotifications(options) {
     };
     const opened = Notifications.addNotificationResponseReceivedListener(value => { void response(value).catch(options.onError); });
     const ready = (async () => {
-        if (Platform.OS === 'android')
+        if (Platform.OS === 'android') {
             await Notifications.setNotificationChannelAsync('robono-messages', { name: 'Messages', importance: Notifications.AndroidImportance.HIGH });
+            if (options.onCall)
+                await Notifications.setNotificationChannelAsync('robono-calls', { name: 'Calls', importance: Notifications.AndroidImportance.HIGH });
+        }
         if ((await Notifications.getPermissionsAsync()).granted)
             await register(await Notifications.getDevicePushTokenAsync());
         await response(await Notifications.getLastNotificationResponseAsync());

package/dist/expo-screen.js

@@ -1,4 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as Haptics from 'expo-haptics';
+import { Vibration } from 'react-native';
 import { MessagingPopupHeader, messagingPopupBackdrop } from './popup.js';
 import { ExpoMessagingPrivacyLayer } from './expo-privacy.js';
 import { ExpoSocialPlayer } from './expo-social.js';
@@ -489,6 +491,10 @@ export function ExpoMessagingScreen({ storage, audioSession, renderConversation,
     const attachmentPreview = useCallback(async (m) => { if (m.media && m.kind !== 'text' && m.kind !== 'poll')
         await restore(m.media, m.kind); return thumbnails.preview(m); }, [restore, thumbnails]);
     const screenProps = { ...props, requestedMessageAction,
+        onQuoteReady: props.onQuoteReady ?? (() => { if (Platform.OS === 'android')
+            Vibration.vibrate(8);
+        else if (Platform.OS === 'ios')
+            void Haptics.selectionAsync().catch(() => { }); }),
         copyText: props.copyText ?? (async (text) => { await Clipboard.setStringAsync(text); }),
         components: { PrivacyLayer: ExpoMessagingPrivacyLayer, SocialPlayer, TranslationVoice, VoiceMessage: InlineVoice, VoiceComposer: InlineComposer, VoiceAttachment, ...props.components },
         attachmentPreview: props.attachmentPreview ?? attachmentPreview,
@@ -503,7 +509,7 @@ export function ExpoMessagingScreen({ storage, audioSession, renderConversation,
             else {
                 message.current = null;
                 chosen.current = options.attachmentId;
-                media = !options.source && !options.attachmentId && options.intent !== 'preview' && (options.maxCount ?? 1) > 1 ? await controller.pickMany(kind, options.maxCount) : await controller.pick(kind, options.source, options.source === 'call-video' ? 'preview' : options.intent === 'preview' ? 'preview' : 'attach');
+                media = !options.source && !options.attachmentId && options.intent !== 'preview' && ((options.maxCount ?? 1) > 1 || options.mixedLibrary) ? await controller.pickMany(kind, options.maxCount ?? 1, options.mixedLibrary) : await controller.pick(kind, options.source, options.source === 'call-video' ? 'preview' : options.intent === 'preview' ? 'preview' : 'attach');
             }
             const selection = media ? (Array.isArray(media) ? media : [media]) : [];
             try {
@@ -512,7 +518,7 @@ export function ExpoMessagingScreen({ storage, audioSession, renderConversation,
                         const file = recorder.getPrepared(item.assetId) ?? controller.getPrepared(item.assetId);
                         if (!file)
                             throw Error('The selected file is unavailable.');
-                        await outbox.saveFile(conversationId, item, file, kind);
+                        await outbox.saveFile(conversationId, item, file, (options.mixedLibrary || options.source === 'camera') ? (item.mimeType.startsWith('video/') ? 'video' : 'image') : kind);
                     }
             }
             catch (error) {
@@ -530,7 +536,8 @@ export function ExpoMessagingScreen({ storage, audioSession, renderConversation,
             throw Error('This saved attachment is unavailable.'); const intent = ++openingIntent.current; await stopVoicePlayers(); const file = await copyMessagingCache(await saved.file(record)); if (intent !== openingIntent.current) {
             await createExpoMessagingDevice(audioSession).remove(file);
             return;
-        } opened.current = null; message.current = null; await controller.previewLocal(file, record.message.kind); }, };
+        } opened.current = null; message.current = null; await controller.previewLocal(file, record.message.kind); },
+    };
     const mediaReady = (stage, uri) => { const event = opened.current; if (!event || controller.getSnapshot().phase !== 'viewing' || controller.getSnapshot().file?.uri !== uri)
         return; if (stage !== 'video-frame' && message.current?.conversationId === current.current.client.getSnapshot().conversationId)
         void current.current.client.consumeMessage(event.messageId).catch(() => { }); if (event.reported)

package/dist/expo-tracking-task.d.ts

@@ -0,0 +1 @@
+export { prepareBackgroundTracking, captureBackgroundTracking, endBackgroundAccount } from '@robono/location-react-native/expo';

package/dist/expo-tracking-task.js

@@ -0,0 +1 @@
+export { prepareBackgroundTracking, captureBackgroundTracking, endBackgroundAccount } from '@robono/location-react-native/expo';

package/dist/extras-lifecycle.js

@@ -7,9 +7,9 @@ export function retainExtrasLifecycle(extras) {
     if (!entry) {
         const next = { users: 0, release: () => { } };
         const subscription = AppState.addEventListener('change', state => {
-            if (state !== 'active')
-                extras.pause();
-            else if (next.users)
+            if (state === 'background')
+                extras.background();
+            else if (state === 'active' && next.users)
                 void extras.refresh();
         });
         const cleanup = () => { if (!next.users && !extras.hasActiveTracking()) {