@unityevolv/ofiskit-ui-map 0.1.0

package/dist/Share.js

@@ -0,0 +1,115 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Icon, Modal } from '@unityevolv/unitykit';
+import { usableSources } from '@unityevolv/ofiskit-realtime-client';
+import { useEffect, useRef } from 'react';
+export function ShareStage({ sharerName, mine, stream, speakerDeviceId, onStop }) {
+    const video = useRef(null);
+    // Assigned imperatively: a MediaStream is not a URL and React has no prop for it.
+    useEffect(() => {
+        if (video.current)
+            video.current.srcObject = stream ?? null;
+    }, [stream]);
+    /*
+     * Where a shared tab's sound comes out.
+     *
+     * The same routing the voices get, because it is part of the same conversation: a
+     * share whose sound stays on the laptop speakers while everybody is listening
+     * through a headset is both confusing and a source of echo. `setSinkId` is missing
+     * on Safari and on mobile, where the operating system decides — which is the right
+     * answer on a phone — so a failure here is silently the system default.
+     */
+    useEffect(() => {
+        const element = video.current;
+        if (!element || !speakerDeviceId)
+            return;
+        if (typeof element.setSinkId !== 'function')
+            return;
+        void element.setSinkId(speakerDeviceId).catch(() => { });
+    }, [speakerDeviceId, stream]);
+    /*
+     * Your own share is not played back to you.
+     *
+     * Drawing a capture of this screen on this screen is the hall of mirrors everybody
+     * has seen in a call at least once, and it tells the person nothing they do not
+     * already know. What they need is what is here instead: confirmation that it is
+     * going out, and a way to stop it.
+     */
+    if (mine) {
+        return (_jsxs("div", { "data-testid": "share-stage", 
+            // Scrolls rather than spills when the screen is short — a phone on its
+            // side leaves about a hundred pixels here, and the stop button used to
+            // land on top of the sharing banner below it.
+            className: "flex min-h-0 flex-1 flex-col items-center [justify-content:safe_center] gap-3 overflow-y-auto bg-base-200 p-6 text-center [@media(max-height:480px)]:gap-1 [@media(max-height:480px)]:p-2", children: [_jsx("span", { className: "text-primary [@media(max-height:480px)]:hidden", children: _jsx(Icon, { name: "share", size: "lg" }) }), _jsx("p", { className: "text-sm font-medium", children: "You are sharing your screen." }), _jsx("p", { className: "max-w-sm text-xs text-base-content/70 [@media(max-height:480px)]:hidden", children: "Everybody in the call can see it. Your own screen is not shown back to you, because that would be a picture of a picture." }), onStop && (_jsx(Button, { size: "sm", variant: "secondary", onClick: onStop, children: "Stop sharing" }))] }));
+    }
+    return (_jsxs("div", { "data-testid": "share-stage", className: "relative flex min-h-0 flex-1 items-center justify-center bg-base-300", children: [stream ? (_jsx("video", { ref: video, autoPlay: true, playsInline: true, "aria-label": `${sharerName}: shared screen`, 
+                // Contained rather than cropped. A share is usually text, and text with its
+                // edges cut off is a share nobody can read.
+                className: "h-full w-full object-contain" })) : (
+            // Not an error: the call has said somebody is sharing and the stream is on
+            // its way. Saying whose it is makes the wait explicable.
+            _jsxs("p", { className: "p-6 text-sm text-base-content/70", children: ["Waiting for ", sharerName, "\u2019s screen\u2026"] })), _jsx("span", { className: "absolute left-2 top-2 rounded bg-base-100/85 px-2 py-0.5 text-xs backdrop-blur-sm", children: sharerName })] }));
+}
+/**
+ * The sharer's own reminder that they are still sharing.
+ *
+ * Persistent, not dismissible, and present in every view including the map, because
+ * forgetting to stop is the commonest failure in any call product and the
+ * consequence of it is somebody's inbox on a projector. The stop control is here as
+ * well as in the bar so that it is one click from wherever the person has wandered.
+ */
+export function SharingBanner({ onStop }) {
+    return (_jsxs("div", { "data-testid": "sharing-banner", className: "flex items-center justify-center gap-2 border-t border-primary/30 bg-primary/10 px-3 py-1 text-xs", children: [_jsx("span", { className: "text-primary", children: _jsx(Icon, { name: "share", size: "xs" }) }), _jsx("span", { children: "You are sharing your screen." }), _jsx(Button, { size: "sm", variant: "ghost", onClick: onStop, children: "Stop sharing" })] }));
+}
+/**
+ * Taking over somebody else's share.
+ *
+ * Asked rather than refused, because the person who wants to show something next is
+ * usually right that they do — and asked rather than done quietly, because a share
+ * that disappears mid-sentence looks like a crash to whoever was presenting.
+ */
+export function TakeOverDialog({ sharerName, onConfirm, onCancel, }) {
+    return (_jsx(Modal, { open: true, onOpenChange: (next) => {
+            // Escape and the overlay both mean "no". A dialog whose only safe answer is
+            // the one button on it is a dialog people press the wrong thing in.
+            if (!next)
+                onCancel();
+        }, title: "Take over sharing?", footer: _jsxs(_Fragment, { children: [_jsx(Button, { size: "sm", variant: "ghost", onClick: onCancel, children: "Cancel" }), _jsx(Button, { size: "sm", onClick: onConfirm, children: "Take over" })] }), children: _jsxs("p", { className: "text-sm", children: [sharerName, " is sharing a screen. A call shows one screen at a time, so yours would replace theirs, and they would be told that it stopped."] }) }));
+}
+/**
+ * The picker for a platform whose browser has none.
+ *
+ * On the web this never appears: `getDisplayMedia` opens the browser's own picker,
+ * which people already know and which is the only one that can offer a single tab.
+ * A desktop app has no such dialog — the platform hands over a list of screens and
+ * windows and expects the app to draw it — so this is that list.
+ *
+ * Our own window is never in it. Sharing the app that is doing the sharing produces
+ * an infinite mirror, and it is dropped by `usableSources` rather than here, so the
+ * rule belongs to the list rather than to this one drawing of it.
+ */
+export function ScreenSourcePicker({ sources, onPick, onCancel }) {
+    const offered = usableSources(sources);
+    return (_jsx(Modal, { open: true, onOpenChange: (next) => {
+            if (!next)
+                onCancel();
+        }, title: "Choose what to share", footer: _jsx(Button, { size: "sm", variant: "ghost", onClick: onCancel, children: "Cancel" }), children: offered.length === 0 ? (
+        // Empty rather than broken, and it says what to do about it.
+        _jsx("p", { className: "text-sm text-base-content/70", children: "There is nothing available to share. Open the window you want to show, then try again." })) : (_jsx("ul", { "data-testid": "screen-sources", className: "grid grid-cols-2 gap-2 sm:grid-cols-3", children: offered.map((source) => (_jsx("li", { children: _jsxs("button", { type: "button", onClick: () => onPick(source.id), "aria-label": `Share ${source.kind}: ${source.name}`, className: "w-full rounded-lg border border-base-300 p-1 text-left hover:border-primary focus-visible:outline-2 focus-visible:outline-primary", children: [source.thumbnailUrl ? (
+                        // A list of window titles is close to useless — half of them are
+                        // the same word repeated — and the thumbnail is how somebody
+                        // recognises the thing they meant. Empty alt: the button above is
+                        // already named, and a second reading adds nothing.
+                        _jsx("img", { src: source.thumbnailUrl, alt: "", className: "aspect-video w-full rounded object-cover" })) : (_jsx("span", { className: "grid aspect-video w-full place-items-center rounded bg-base-200", children: _jsx(Icon, { name: "share", size: "sm" }) })), _jsx("span", { className: "mt-1 block truncate text-xs", children: source.name })] }) }, source.id))) })) }));
+}
+/**
+ * What a live region says about a share.
+ *
+ * Politely, and named. A share is a change to what is on everybody's screen, and
+ * somebody who cannot see it change is precisely the person who needs telling.
+ */
+export function describeShare(sharerName, sharing) {
+    return sharing
+        ? `${sharerName} is sharing their screen.`
+        : `${sharerName} stopped sharing their screen.`;
+}
+//# sourceMappingURL=Share.js.map

package/dist/Share.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Share.js","sourceRoot":"","sources":["../src/Share.tsx"],"names":[],"mappings":"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"}

package/dist/StatusControl.d.ts

@@ -0,0 +1,25 @@
+import type { CustomStatus, ManualStatus, PublicPresence } from '@unityevolv/ofiskit-realtime-client';
+export interface StatusControlProps {
+    you: PublicPresence | null;
+    /** True when the person chose this status, rather than the office working it out. */
+    chosen: boolean;
+    /** True when do not disturb came from standing in the break room. */
+    fromBreakRoom: boolean;
+    /** Presets an org defined. The free office has none, and shows none. */
+    presets?: readonly CustomStatus[];
+    onSetStatus(manual: ManualStatus | null): void;
+    onSetCustom(custom: CustomStatus | null): void;
+    /**
+     * Whether this device plays the office's sounds — the knock at the door, the
+     * chime when somebody walks in.
+     *
+     * Here, beside do not disturb, because they answer the same question: how much
+     * the office is allowed to interrupt. Absent means the host offers no sounds.
+     */
+    sounds?: {
+        on: boolean;
+        onChange(on: boolean): void;
+    };
+}
+export declare function StatusControl(props: StatusControlProps): import("react").JSX.Element;
+//# sourceMappingURL=StatusControl.d.ts.map

package/dist/StatusControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusControl.d.ts","sourceRoot":"","sources":["../src/StatusControl.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,cAAc,EACf,MAAM,qCAAqC,CAAA;AAuB5C,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,cAAc,GAAG,IAAI,CAAA;IAC1B,qFAAqF;IACrF,MAAM,EAAE,OAAO,CAAA;IACf,qEAAqE;IACrE,aAAa,EAAE,OAAO,CAAA;IACtB,wEAAwE;IACxE,OAAO,CAAC,EAAE,SAAS,YAAY,EAAE,CAAA;IACjC,WAAW,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,GAAG,IAAI,CAAA;IAC9C,WAAW,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,GAAG,IAAI,CAAA;IAC9C;;;;;;OAMG;IACH,MAAM,CAAC,EAAE;QAAE,EAAE,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,CAAA;KAAE,CAAA;CACtD;AAuCD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,+BAyKtD"}

package/dist/StatusControl.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Icon, Input, Popover, Select, Toggle } from '@unityevolv/unitykit';
+import { useState } from 'react';
+import { StatusDot, statusLabel } from './status.js';
+/**
+ * Where a person sets and sees their own status.
+ *
+ * Two things are going on at once and the control has to keep them apart: what
+ * the product worked out (idle, in a call, in the break room) and what the
+ * person chose. A chosen status always wins and survives everything automatic,
+ * so the control says which one is in force and offers a clear way back.
+ */
+/** The fixed-length choices. Everything else is worked out in the viewer's zone. */
+const DURATIONS = [
+    { id: '30m', label: '30 minutes', ms: 30 * 60 * 1000 },
+    { id: '1h', label: '1 hour', ms: 60 * 60 * 1000 },
+    { id: '4h', label: '4 hours', ms: 4 * 60 * 60 * 1000 },
+    { id: 'today', label: 'Today', ms: null },
+    { id: 'never', label: 'Until I clear it', ms: null },
+];
+const CHOICES = [
+    { value: 'available', label: 'Available' },
+    { value: 'away', label: 'Away' },
+    { value: 'dnd', label: 'Do not disturb' },
+];
+/**
+ * When a duration expires, in the viewer's zone.
+ *
+ * "Today" means the end of today where the person is, so the client works it
+ * out and sends an absolute instant. The server never computes a date in
+ * anybody's time zone, and it should not have to know where anyone is.
+ */
+function expiryFor(id) {
+    const choice = DURATIONS.find((duration) => duration.id === id);
+    if (!choice || choice.id === 'never')
+        return undefined;
+    if (choice.ms !== null)
+        return new Date(Date.now() + choice.ms).toISOString();
+    const endOfDay = new Date();
+    endOfDay.setHours(23, 59, 59, 999);
+    return endOfDay.toISOString();
+}
+/** Formats an expiry for the person looking at it, in their own zone. */
+function formatExpiry(iso) {
+    const when = new Date(iso);
+    const today = new Date();
+    const sameDay = when.toDateString() === today.toDateString();
+    return new Intl.DateTimeFormat(undefined, {
+        hour: 'numeric',
+        minute: '2-digit',
+        ...(sameDay ? {} : { weekday: 'short' }),
+    }).format(when);
+}
+export function StatusControl(props) {
+    const { you, chosen, fromBreakRoom, presets = [] } = props;
+    const [text, setText] = useState('');
+    const [emoji, setEmoji] = useState('');
+    const [duration, setDuration] = useState('1h');
+    const status = you?.status ?? 'offline';
+    return (_jsx(Popover, { width: "auto", trigger: _jsxs("button", { type: "button", className: "inline-flex min-w-0 max-w-52 items-center gap-1.5 rounded-md px-2 py-1 text-sm hover:bg-base-200 focus-visible:outline-2 focus-visible:outline-primary", "aria-label": `Your status: ${statusLabel(status)}${you?.custom ? `, ${you.custom.text}` : ''}. Change it.`, children: [_jsx(StatusDot, { status: status, size: 12, labelled: false }), _jsx("span", { className: "truncate", children: you?.custom
+                        ? `${you.custom.emoji ?? ''} ${you.custom.text}`.trim()
+                        : statusLabel(status) }), _jsx(Icon, { name: "chevron-down", size: "xs" })] }), children: _jsxs("div", { className: "w-72 max-w-[calc(100vw-4rem)] space-y-3", children: [_jsxs("div", { children: [_jsx("p", { className: "mb-1 text-xs font-medium text-base-content/70", children: "Your status" }), _jsx("div", { className: "flex flex-col gap-0.5", children: CHOICES.map((choice) => (_jsxs("button", { type: "button", onClick: () => props.onSetStatus(choice.value), "aria-pressed": chosen && status === choice.value, className: [
+                                    'flex items-center gap-2 rounded px-2 py-1.5 text-left text-sm',
+                                    'hover:bg-base-200 focus-visible:outline-2 focus-visible:outline-primary',
+                                    chosen && status === choice.value ? 'bg-base-200 font-medium' : '',
+                                ].join(' '), children: [_jsx(StatusDot, { status: choice.value, size: 12, labelled: false }), choice.label] }, choice.value))) }), chosen && (_jsx("button", { type: "button", onClick: () => props.onSetStatus(null), className: "mt-1 w-full rounded px-2 py-1 text-left text-xs text-primary hover:bg-base-200 focus-visible:outline-2 focus-visible:outline-primary", children: "Go back to working it out automatically" })), !chosen && fromBreakRoom && (_jsx("p", { className: "mt-1 px-2 text-xs text-base-content/70", children: "Do not disturb, because you are in the break room. Knocks still arrive, silently." }))] }), _jsxs("div", { className: "border-t border-base-300 pt-3", children: [_jsx("p", { className: "mb-1 text-xs font-medium text-base-content/70", children: "Custom status" }), presets.length > 0 && (_jsx("div", { className: "mb-2 flex flex-wrap gap-1", children: presets.map((preset) => (_jsxs("button", { type: "button", onClick: () => props.onSetCustom(preset), className: "rounded-full bg-base-200 px-2 py-0.5 text-xs hover:bg-base-300 focus-visible:outline-2 focus-visible:outline-primary", children: [preset.emoji, " ", preset.text] }, preset.text))) })), _jsxs("div", { className: "flex gap-1", children: [_jsx(Input, { "aria-label": "Emoji", value: emoji, onChange: (event) => setEmoji(event.target.value.slice(0, 4)), placeholder: "\uD83E\uDD6A", className: "w-14 text-center" }), _jsx(Input, { "aria-label": "What is your status?", value: text, onChange: (event) => setText(event.target.value.slice(0, 100)), placeholder: "Lunch, back at two", className: "flex-1" })] }), _jsx(Select, { label: "Clear it", className: "mt-2", value: duration, onChange: (event) => setDuration(event.target.value), children: DURATIONS.map((choice) => (_jsx("option", { value: choice.id, children: choice.label }, choice.id))) }), _jsxs("div", { className: "mt-2 flex gap-2", children: [_jsx(Button, { size: "sm", disabled: text.trim().length === 0, onClick: () => {
+                                        const expiresAt = expiryFor(duration);
+                                        props.onSetCustom({
+                                            text: text.trim(),
+                                            ...(emoji ? { emoji } : {}),
+                                            ...(expiresAt ? { expiresAt } : {}),
+                                        });
+                                        setText('');
+                                        setEmoji('');
+                                    }, children: "Set status" }), you?.custom && (_jsx(Button, { size: "sm", variant: "ghost", onClick: () => props.onSetCustom(null), children: "Clear" }))] }), you?.custom?.expiresAt && (_jsxs("p", { className: "mt-1 text-xs text-base-content/70", children: ["Clears at ", formatExpiry(you.custom.expiresAt), "."] }))] }), props.sounds && (_jsx("div", { className: "border-t border-base-300 pt-3", children: _jsx(Toggle, { checked: props.sounds.on, onChange: (event) => props.sounds?.onChange(event.target.checked), label: "Sounds for knocks and arrivals" }) }))] }) }));
+}
+//# sourceMappingURL=StatusControl.js.map

package/dist/StatusControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusControl.js","sourceRoot":"","sources":["../src/StatusControl.tsx"],"names":[],"mappings":"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"}

package/dist/controls.d.ts

@@ -0,0 +1,32 @@
+/**
+ * One look, and one set of manners, for every control in the office bar.
+ *
+ * Extracted because there are now three kinds of thing in that row — a plain
+ * control, a popover trigger, and the share button with its own decisions — and a
+ * second copy of these classes is how two buttons sitting beside each other end up
+ * a pixel different from one another.
+ */
+export interface ControlProps {
+    /**
+     * What pressing it will do, rather than what is true now.
+     *
+     * The rule the whole bar follows: a control reading "Mute" while you are not in
+     * the call is a control that lies, and this is the label a screen reader reads.
+     */
+    label: string;
+    icon: 'mic' | 'mic-off' | 'video' | 'video-off' | 'share' | 'raise-hand' | 'reactions' | 'call-view' | 'settings';
+    /** A keyboard shortcut, shown in the tooltip and never as a second label. */
+    hint?: string;
+    active?: boolean;
+    danger?: boolean;
+    disabled?: boolean;
+    reason?: string | null;
+    onClick(): void;
+}
+export declare function controlClasses({ active, danger, disabled, }: {
+    active?: boolean;
+    danger?: boolean;
+    disabled?: boolean;
+}): string;
+export declare function Control({ label, icon, hint, active, danger, disabled, reason, onClick, }: ControlProps): import("react").JSX.Element;
+//# sourceMappingURL=controls.d.ts.map

package/dist/controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../src/controls.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,MAAM,WAAW,YAAY;IAC3B;;;;;OAKG;IACH,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EACA,KAAK,GACL,SAAS,GACT,OAAO,GACP,WAAW,GACX,OAAO,GACP,YAAY,GACZ,WAAW,GACX,WAAW,GACX,UAAU,CAAA;IACd,6EAA6E;IAC7E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,OAAO,IAAI,IAAI,CAAA;CAChB;AAED,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,MAAM,CAgBT;AAED,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,EACN,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,YAAY,+BAmBd"}

package/dist/controls.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, Tooltip } from '@unityevolv/unitykit';
+export function controlClasses({ active, danger, disabled, }) {
+    return [
+        // A touch smaller on the narrowest phones, where seven of them at full size do
+        // not fit one row; 32px is still well over the 24px a tap target needs.
+        'inline-flex h-9 w-9 items-center justify-center rounded-lg max-[340px]:h-8 max-[340px]:w-8',
+        'focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-primary',
+        disabled
+            ? 'cursor-not-allowed opacity-40'
+            : danger
+                ? // Muted is a state worth noticing at a glance, because talking while
+                    // muted is the commonest thing that happens in any call product.
+                    'bg-error/15 text-error hover:bg-error/25'
+                : active
+                    ? 'bg-primary text-primary-content hover:bg-primary/90'
+                    : 'hover:bg-base-200',
+    ].join(' ');
+}
+export function Control({ label, icon, hint, active, danger, disabled, reason, onClick, }) {
+    const button = (_jsx("button", { type: "button", onClick: onClick, disabled: disabled, "aria-label": label, "aria-pressed": active ?? false, className: controlClasses({ active, danger, disabled }), children: _jsx(Icon, { name: icon, size: "sm" }) }));
+    return (_jsx(Tooltip, { content: disabled && reason ? reason : hint ? `${label} (${hint})` : label, children: button }));
+}
+//# sourceMappingURL=controls.js.map

package/dist/controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls.js","sourceRoot":"","sources":["../src/controls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAsCpD,MAAM,UAAU,cAAc,CAAC,EAC7B,MAAM,EACN,MAAM,EACN,QAAQ,GAKT;IACC,OAAO;QACL,+EAA+E;QAC/E,wEAAwE;QACxE,4FAA4F;QAC5F,sFAAsF;QACtF,QAAQ;YACN,CAAC,CAAC,+BAA+B;YACjC,CAAC,CAAC,MAAM;gBACN,CAAC,CAAC,qEAAqE;oBACrE,iEAAiE;oBACjE,0CAA0C;gBAC5C,CAAC,CAAC,MAAM;oBACN,CAAC,CAAC,qDAAqD;oBACvD,CAAC,CAAC,mBAAmB;KAC5B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AACb,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,EACN,QAAQ,EACR,MAAM,EACN,OAAO,GACM;IACb,MAAM,MAAM,GAAG,CACb,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,gBACN,KAAK,kBACH,MAAM,IAAI,KAAK,EAC7B,SAAS,EAAE,cAAc,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,YAEvD,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,GACvB,CACV,CAAA;IAED,OAAO,CACL,KAAC,OAAO,IAAC,OAAO,EAAE,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,GAAG,CAAC,CAAC,CAAC,KAAK,YAChF,MAAM,GACC,CACX,CAAA;AACH,CAAC"}

package/dist/hooks.d.ts

@@ -0,0 +1,60 @@
+import type { ClientEvent, OfficeState, OfisClient } from '@unityevolv/ofiskit-realtime-client';
+/**
+ * The React bindings.
+ *
+ * The client itself is framework-free so a React Native app can use it too.
+ * These are the few hooks that turn it into something React can render, plus the
+ * browser-only behaviour that cannot live in that package at all.
+ */
+/** The office, re-rendered when it changes. */
+export declare function useOffice(client: OfisClient): OfficeState;
+/** Things that happen to you: a refusal to announce, a template that changed. */
+export declare function useClientEvents(client: OfisClient, handler: (event: ClientEvent) => void): void;
+/**
+ * Whether the person has asked for less motion.
+ *
+ * Honoured throughout: somebody moving room appears in the new room rather than
+ * sliding to it. Motion is the part of this product most likely to make somebody
+ * feel unwell, and a map where everything slides is the worst case of it.
+ */
+export declare function useReducedMotion(): boolean;
+/** True while the viewport matches. Used to decide the narrow-screen layout. */
+export declare function useMediaQuery(query: string): boolean;
+/**
+ * A preference that survives a reload.
+ *
+ * Wrapped in try/catch because storage throws in private windows and with site
+ * data blocked, and a remembered preference is never worth a blank page.
+ */
+export declare function usePersisted<T>(key: string, fallback: T): [T, (value: T) => void];
+/**
+ * The size of an element, measured rather than guessed.
+ *
+ * The map shares its space with the tile strip, which appears and disappears as
+ * calls start and end, and a room bar decides how much of itself to show from how
+ * wide its room actually is on screen. Neither can be worked out from a media
+ * query.
+ */
+export declare function useMeasured<T extends HTMLElement>(): [
+    React.RefObject<T | null>,
+    {
+        width: number;
+        height: number;
+    }
+];
+/**
+ * Tell the office when this device goes quiet.
+ *
+ * Keyboard and pointer activity, plus the page being hidden, which is what a
+ * screen locking or a tab going to the background looks like from here. The
+ * server resolves across every device the person has open, so typing on a phone
+ * keeps somebody available while their laptop sits idle.
+ *
+ * Suspended by the caller during a call, because somebody listening is not idle
+ * even though they have not touched anything for twenty minutes.
+ */
+export declare function useIdleReporting(client: OfisClient, options?: {
+    enabled?: boolean;
+    afterMs?: number;
+}): void;
+//# sourceMappingURL=hooks.d.ts.map

package/dist/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAG/F;;;;;;GAMG;AAEH,+CAA+C;AAC/C,wBAAgB,SAAS,CAAC,MAAM,EAAE,UAAU,GAAG,WAAW,CAMzD;AAED,iFAAiF;AACjF,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,GAAG,IAAI,CAY/F;AA2BD;;;;;;GAMG;AACH,wBAAgB,gBAAgB,IAAI,OAAO,CAE1C;AAED,gFAAgF;AAChF,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEpD;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CAuBjF;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,WAAW,KAAK;IACpD,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC;IACzB;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;CAClC,CAiBA;AAWD;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,UAAU,EAClB,OAAO,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAO,GACpD,IAAI,CAmDN"}

package/dist/hooks.js

@@ -0,0 +1,182 @@
+import { useCallback, useEffect, useRef, useState, useSyncExternalStore } from 'react';
+/**
+ * The React bindings.
+ *
+ * The client itself is framework-free so a React Native app can use it too.
+ * These are the few hooks that turn it into something React can render, plus the
+ * browser-only behaviour that cannot live in that package at all.
+ */
+/** The office, re-rendered when it changes. */
+export function useOffice(client) {
+    return useSyncExternalStore(useCallback((notify) => client.subscribe(notify), [client]), useCallback(() => client.state(), [client]), useCallback(() => client.state(), [client]));
+}
+/** Things that happen to you: a refusal to announce, a template that changed. */
+export function useClientEvents(client, handler) {
+    // Held in a ref so a caller can pass an inline function without
+    // re-subscribing on every render — and written in an effect rather than during
+    // render, because a render that is thrown away must not be able to change what
+    // the live subscription will call.
+    const latest = useRef(handler);
+    useEffect(() => {
+        latest.current = handler;
+    }, [handler]);
+    useEffect(() => client.on((event) => latest.current(event)), [client]);
+}
+/**
+ * Subscribe to a media query.
+ *
+ * `useSyncExternalStore` rather than an effect that calls setState: the browser
+ * is the source of truth, React is reading from it, and this is the primitive for
+ * exactly that. It also gets the first paint right, which an effect cannot.
+ */
+function useMatchMedia(query) {
+    const subscribe = useCallback((notify) => {
+        const list = globalThis.matchMedia?.(query);
+        if (!list)
+            return () => { };
+        list.addEventListener('change', notify);
+        return () => list.removeEventListener('change', notify);
+    }, [query]);
+    const read = useCallback(() => globalThis.matchMedia?.(query).matches ?? false, [query]);
+    // The server snapshot is false: there is no viewport to ask on a server, and
+    // guessing would mean the first client render disagreed with the markup.
+    return useSyncExternalStore(subscribe, read, () => false);
+}
+/**
+ * Whether the person has asked for less motion.
+ *
+ * Honoured throughout: somebody moving room appears in the new room rather than
+ * sliding to it. Motion is the part of this product most likely to make somebody
+ * feel unwell, and a map where everything slides is the worst case of it.
+ */
+export function useReducedMotion() {
+    return useMatchMedia('(prefers-reduced-motion: reduce)');
+}
+/** True while the viewport matches. Used to decide the narrow-screen layout. */
+export function useMediaQuery(query) {
+    return useMatchMedia(query);
+}
+/**
+ * A preference that survives a reload.
+ *
+ * Wrapped in try/catch because storage throws in private windows and with site
+ * data blocked, and a remembered preference is never worth a blank page.
+ */
+export function usePersisted(key, fallback) {
+    const [value, setValue] = useState(() => {
+        try {
+            const stored = localStorage.getItem(key);
+            return stored === null ? fallback : JSON.parse(stored);
+        }
+        catch {
+            return fallback;
+        }
+    });
+    const store = useCallback((next) => {
+        setValue(next);
+        try {
+            localStorage.setItem(key, JSON.stringify(next));
+        }
+        catch {
+            // Not worth telling anybody about.
+        }
+    }, [key]);
+    return [value, store];
+}
+/**
+ * The size of an element, measured rather than guessed.
+ *
+ * The map shares its space with the tile strip, which appears and disappears as
+ * calls start and end, and a room bar decides how much of itself to show from how
+ * wide its room actually is on screen. Neither can be worked out from a media
+ * query.
+ */
+export function useMeasured() {
+    const ref = useRef(null);
+    const [size, setSize] = useState({ width: 0, height: 0 });
+    useEffect(() => {
+        const element = ref.current;
+        if (!element || typeof ResizeObserver === 'undefined')
+            return;
+        const observer = new ResizeObserver(([entry]) => {
+            const rect = entry?.contentRect;
+            if (rect)
+                setSize({ width: rect.width, height: rect.height });
+        });
+        observer.observe(element);
+        return () => observer.disconnect();
+    }, []);
+    return [ref, size];
+}
+/**
+ * How long without keyboard or pointer before this device counts as idle.
+ *
+ * Ten minutes, the same number the presence store resolves against. It is here as
+ * well because the device is what notices, and the server is what decides — this
+ * reports one device's signal and never a conclusion about the person.
+ */
+const IDLE_AFTER_MS = 10 * 60 * 1000;
+/**
+ * Tell the office when this device goes quiet.
+ *
+ * Keyboard and pointer activity, plus the page being hidden, which is what a
+ * screen locking or a tab going to the background looks like from here. The
+ * server resolves across every device the person has open, so typing on a phone
+ * keeps somebody available while their laptop sits idle.
+ *
+ * Suspended by the caller during a call, because somebody listening is not idle
+ * even though they have not touched anything for twenty minutes.
+ */
+export function useIdleReporting(client, options = {}) {
+    const { enabled = true, afterMs = IDLE_AFTER_MS } = options;
+    const idle = useRef(false);
+    useEffect(() => {
+        if (!enabled) {
+            // Leaving the feature has to leave the person active, or somebody who
+            // joined a call while idle stays away for the length of it.
+            if (idle.current) {
+                idle.current = false;
+                client.setActivity({ idle: false, foreground: true });
+            }
+            return;
+        }
+        let timer = null;
+        const report = (next) => {
+            // Only on a change. These events arrive by the hundred and almost none of
+            // them mean anything to anybody else.
+            if (idle.current === next)
+                return;
+            idle.current = next;
+            client.setActivity({ idle: next, foreground: !document.hidden });
+        };
+        const restart = () => {
+            report(false);
+            if (timer)
+                clearTimeout(timer);
+            timer = setTimeout(() => report(true), afterMs);
+        };
+        const onVisibility = () => {
+            // A hidden tab is not necessarily an idle person on a laptop, but it is the
+            // only signal a browser gives for a locked screen.
+            if (document.hidden)
+                report(true);
+            else
+                restart();
+        };
+        // Passive: none of these ever calls preventDefault, and saying so keeps
+        // scrolling smooth on a touch screen.
+        const events = ['pointerdown', 'pointermove', 'keydown', 'wheel', 'touchstart'];
+        for (const event of events)
+            globalThis.addEventListener(event, restart, { passive: true });
+        document.addEventListener('visibilitychange', onVisibility);
+        restart();
+        return () => {
+            for (const event of events)
+                globalThis.removeEventListener(event, restart);
+            document.removeEventListener('visibilitychange', onVisibility);
+            if (timer)
+                clearTimeout(timer);
+        };
+    }, [client, enabled, afterMs]);
+}
+//# sourceMappingURL=hooks.js.map

package/dist/hooks.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,45 @@
+/**
+ * The office you can see.
+ *
+ * React DOM, built on unitykit, and deliberately not platform-agnostic: this is
+ * the package that holds the web-only half, so everything below it can run on a
+ * phone. In this app the map fills the window; in unityofis the same components
+ * render inside the app shell, which adds the header and the switchers and
+ * changes nothing here.
+ *
+ * Nothing here chooses a colour. Every surface is a kit component with a
+ * theme-aware background, because the office background is whatever an author
+ * generated and nothing legible can be guaranteed on top of it.
+ */
+export { ThemeProvider, useTheme, type Theme, type ThemeChoice } from './theme.js';
+export { AnnouncerProvider, useAnnounce } from './Announcer.js';
+export { KnockDock, OutgoingKnock, type IncomingKnock, type KnockDockProps, type KnockOutcome, type OutgoingKnockProps, } from './Knocks.js';
+export { MaximiseButton, OfficeMap, RoomListView, ViewToggle, useMaximised, type OfficeMapProps, type OfficeView, } from './OfficeMap.js';
+export { CallAudio, type CallAudioProps } from './CallAudio.js';
+export { CallControls, type CallControlsProps } from './CallControls.js';
+export { CallTiles, TILES_VISIBLE, type CallTilesProps } from './CallTiles.js';
+export { REACTION_VISIBLE_MS, speakerOrder, useCallMedia, useReactions, useSpeakerOrder, type CallMedia, type LiveReaction, type PeerMedia, type PeerQuality, } from './useCall.js';
+export { ReactionFloat, ReactionPicker, describeReaction, type ReactionFloatProps, type ReactionPickerProps, } from './Reactions.js';
+/**
+ * Showing a screen, and the two questions that sometimes come first.
+ *
+ * The pickers are a seam rather than a feature: on the web the browser asks, and a
+ * desktop host supplies its own list of screens and windows because its browser
+ * cannot. Nothing here knows Electron exists.
+ */
+export { ScreenSourcePicker, ShareStage, SharingBanner, TakeOverDialog, describeShare, type ScreenSourcePickerProps, type ShareStageProps, } from './Share.js';
+export { useShare, useShareView, type Share, type UseShareOptions } from './useShare.js';
+export { createSounds, type Sounds } from './sounds.js';
+export { useSounds, type UseSoundsOptions } from './useSounds.js';
+export { tileLayout, VIDEO_ASPECT, type TileLayout } from './tileLayout.js';
+export { Control, controlClasses, type ControlProps } from './controls.js';
+export { DevicePanel, PermissionPrimer, type DevicePanelProps } from './DevicePanel.js';
+export { RoomBar, type RoomBarProps } from './RoomBar.js';
+export { StatusControl, type StatusControlProps } from './StatusControl.js';
+export { PersonAvatar, type PersonAvatarProps } from './PersonAvatar.js';
+export { OVERFLOW_COLUMNS, OVERFLOW_ROWS, OverflowAvatar, type OverflowAvatarProps, } from './Overflow.js';
+export { StatusDot, describeStatus, statusLabel, STATUS_LOOKS, type StatusDotProps } from './status.js';
+export { useClientEvents, useIdleReporting, useMeasured, useMediaQuery, useOffice, usePersisted, useReducedMotion, } from './hooks.js';
+export { fitCanvas, readingOrder, roomInDirection, tilePlacement, toPixels, type CanvasBox, } from './layout.js';
+export { placeInRoom, tokensFor, type DevicesToDraw, type PlacedAvatar, type Placement, type Token, } from './placement.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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