@peers-app/peers-ui 0.23.13 → 0.24.0

package/dist/screens/contacts/user-connect.test.js

@@ -1,291 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const peers_sdk_1 = require("@peers-app/peers-sdk");
-const react_1 = require("@testing-library/react");
-const globals_1 = require("../../globals");
-const user_connect_1 = require("./user-connect");
-const user_connect_invite_1 = require("./user-connect-invite");
-jest.mock("../../globals", () => ({
-    mainContentPath: jest.fn(),
-}));
-jest.mock("../../ui-router/ui-loader", () => ({
-    registerInternalPeersUI: jest.fn(),
-}));
-jest.mock("../../hooks", () => {
-    const React = jest.requireActual("react");
-    return {
-        useObservable: (observable) => {
-            const [value, setValue] = React.useState(observable());
-            React.useEffect(() => {
-                const subscription = observable.subscribe(() => setValue(observable()));
-                return () => subscription.dispose();
-            }, [observable]);
-            return [value, observable];
-        },
-    };
-});
-jest.mock("@peers-app/peers-sdk", () => {
-    const actual = jest.requireActual("@peers-app/peers-sdk");
-    const createObservable = (initial) => {
-        let value = initial;
-        const listeners = new Set();
-        const observable = jest.fn((next) => {
-            if (next !== undefined) {
-                value = next;
-                for (const listener of listeners)
-                    listener();
-            }
-            return value;
-        });
-        observable.subscribe = (listener) => {
-            listeners.add(listener);
-            return { dispose: () => listeners.delete(listener) };
-        };
-        observable.loadingPromise = Promise.resolve();
-        observable.reset = (next) => {
-            value = next;
-            for (const listener of listeners)
-                listener();
-        };
-        return observable;
-    };
-    const idle = { kind: "idle" };
-    const status = createObservable(idle);
-    const offer = createObservable("");
-    const answer = createObservable("");
-    const remoteUser = {
-        userId: "remote-user",
-        name: "Ada",
-        publicKey: "remote-public-key",
-        publicBoxKey: "remote-public-box-key",
-    };
-    return {
-        ...actual,
-        copyToClipboard: jest.fn(async () => true),
-        Devices: jest.fn(() => ({
-            get: jest.fn(async () => ({ deviceId: "remote-device", userId: remoteUser.userId })),
-        })),
-        generateConnectionCode: jest.fn(() => ({
-            code: "ABCD1234EFGH",
-            alias: "ABCD",
-            secret: "1234EFGH",
-        })),
-        getMe: jest.fn(async () => ({
-            userId: "local-user",
-            name: "Grace",
-            publicKey: "local-public-key",
-            publicBoxKey: "local-public-box-key",
-        })),
-        getUserContext: jest.fn(async () => ({
-            userDataContext: {},
-            deviceId: () => "local-device",
-        })),
-        rpcServerCalls: {
-            ...actual.rpcServerCalls,
-            listConnectedDevices: jest.fn(async () => [
-                {
-                    deviceId: "route-device",
-                    userId: "route-user",
-                    connectionId: "route-connection",
-                    trustLevel: 0,
-                    verified: true,
-                },
-            ]),
-        },
-        setUserTrustLevel: jest.fn(async () => undefined),
-        Users: jest.fn(() => ({
-            get: jest.fn(async () => remoteUser),
-        })),
-        userConnectCodeAnswer: answer,
-        userConnectCodeOffer: offer,
-        userConnectStatus: status,
-    };
-});
-const sdk = jest.requireMock("@peers-app/peers-sdk");
-const validCode = "ABCD1234EFGH";
-function resetMocks() {
-    sessionStorage.clear();
-    window.history.replaceState(null, "", "/");
-    sdk.userConnectStatus.reset({ kind: "idle" });
-    sdk.userConnectCodeOffer.reset("");
-    sdk.userConnectCodeAnswer.reset("");
-    jest.clearAllMocks();
-}
-describe("UserConnect", () => {
-    beforeEach(() => {
-        resetMocks();
-    });
-    afterEach(() => {
-        jest.useRealTimers();
-        Reflect.deleteProperty(navigator, "share");
-    });
-    it("starts with a QR invite and readable fallback code", async () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(user_connect_1.UserConnect, {}));
-        expect(await react_1.screen.findByText("Ask the other person to scan this with their camera")).toBeVisible();
-        expect(react_1.screen.getByLabelText("Connection QR code")).toBeVisible();
-        expect(react_1.screen.getByLabelText("Connection code")).toHaveValue("ABCD-1234-EFGH");
-        expect(sdk.userConnectCodeOffer).toHaveBeenCalledWith(validCode);
-    });
-    it("opens a captured inbound invite in review without auto-submitting", async () => {
-        (0, user_connect_invite_1.writeUserConnectPendingIntent)({ code: validCode, capturedAt: Date.now() });
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(user_connect_1.UserConnect, {}));
-        expect(await react_1.screen.findByText("You opened a connection invite")).toBeVisible();
-        expect(react_1.screen.getByText("ABCD-1234-EFGH")).toBeVisible();
-        expect(sdk.userConnectCodeAnswer).not.toHaveBeenCalledWith(validCode);
-    });
-    it("keeps an unconfirmed invite available across a screen remount", async () => {
-        window.history.replaceState(null, "", "/#contacts/connect");
-        (0, user_connect_invite_1.writeUserConnectPendingIntent)({ code: validCode, capturedAt: Date.now() });
-        const firstRender = (0, react_1.render)((0, jsx_runtime_1.jsx)(user_connect_1.UserConnect, {}));
-        expect(await react_1.screen.findByText("You opened a connection invite")).toBeVisible();
-        firstRender.unmount();
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(user_connect_1.UserConnect, {}));
-        expect(await react_1.screen.findByText("You opened a connection invite")).toBeVisible();
-        expect(react_1.screen.getByText("ABCD-1234-EFGH")).toBeVisible();
-    });
-    it("clears an unconfirmed invite when navigating away", async () => {
-        window.history.replaceState(null, "", "/#contacts/connect");
-        (0, user_connect_invite_1.writeUserConnectPendingIntent)({ code: validCode, capturedAt: Date.now() });
-        const rendered = (0, react_1.render)((0, jsx_runtime_1.jsx)(user_connect_1.UserConnect, {}));
-        expect(await react_1.screen.findByText("You opened a connection invite")).toBeVisible();
-        window.history.replaceState(null, "", "/#contacts");
-        rendered.unmount();
-        expect((0, user_connect_invite_1.readUserConnectPendingIntent)()).toEqual({ ok: false, reason: "none" });
-    });
-    it("captures an invite opened while the screen is already mounted", async () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(user_connect_1.UserConnect, {}));
-        await react_1.screen.findByText("Ask the other person to scan this with their camera");
-        window.history.replaceState(null, "", `/?app#contacts/connect?code=${encodeURIComponent("ABCD-1234-EFGH")}`);
-        (0, react_1.fireEvent)(window, new HashChangeEvent("hashchange"));
-        expect(await react_1.screen.findByText("You opened a connection invite")).toBeVisible();
-        expect(react_1.screen.getByText("ABCD-1234-EFGH")).toBeVisible();
-        expect(window.location.hash).toBe("#contacts/connect");
-        expect(sdk.userConnectCodeOffer).toHaveBeenCalledWith("");
-        expect(sdk.userConnectCodeAnswer).not.toHaveBeenCalledWith(validCode);
-    });
-    it("copies the complete invite link", async () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(user_connect_1.UserConnect, {}));
-        react_1.fireEvent.click(await react_1.screen.findByRole("button", { name: "Copy link" }));
-        await (0, react_1.waitFor)(() => {
-            expect(sdk.copyToClipboard).toHaveBeenCalledWith((0, user_connect_invite_1.buildUserConnectInviteUrl)(validCode));
-        });
-        expect((await react_1.screen.findAllByText("Link copied")).length).toBeGreaterThan(0);
-    });
-    it("shares the complete invite through the Web Share API", async () => {
-        const share = jest.fn(async () => undefined);
-        Object.defineProperty(navigator, "share", {
-            configurable: true,
-            value: share,
-        });
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(user_connect_1.UserConnect, {}));
-        react_1.fireEvent.click(await react_1.screen.findByRole("button", { name: "Share link" }));
-        await (0, react_1.waitFor)(() => {
-            expect(share).toHaveBeenCalledWith(expect.objectContaining({
-                title: "Connect on Peers",
-                url: (0, user_connect_invite_1.buildUserConnectInviteUrl)(validCode),
-                text: expect.stringContaining("expires in 10 minutes"),
-            }));
-        });
-    });
-    it("stops waiting when the invite expires", async () => {
-        jest.useFakeTimers();
-        jest.setSystemTime(new Date("2026-07-16T12:00:00Z"));
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(user_connect_1.UserConnect, {}));
-        await (0, react_1.act)(async () => {
-            jest.advanceTimersByTime(600_000);
-        });
-        expect(react_1.screen.getByText("Invite expired")).toBeVisible();
-        expect(sdk.userConnectCodeOffer).toHaveBeenCalledWith("");
-    });
-    it("submits an inbound invite only once on a double click", async () => {
-        (0, user_connect_invite_1.writeUserConnectPendingIntent)({ code: validCode, capturedAt: Date.now() });
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(user_connect_1.UserConnect, {}));
-        const connect = await react_1.screen.findByRole("button", { name: "Connect" });
-        react_1.fireEvent.click(connect);
-        react_1.fireEvent.click(connect);
-        expect(sdk.userConnectCodeAnswer.mock.calls.filter(([code]) => code === validCode)).toHaveLength(1);
-        expect((0, user_connect_invite_1.readUserConnectPendingIntent)()).toEqual({ ok: false, reason: "none" });
-    });
-    it("rechecks invite expiry before confirming review", async () => {
-        jest.useFakeTimers();
-        jest.setSystemTime(new Date("2026-07-16T12:00:00Z"));
-        (0, user_connect_invite_1.writeUserConnectPendingIntent)({ code: validCode, capturedAt: Date.now() });
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(user_connect_1.UserConnect, {}));
-        const connect = await react_1.screen.findByRole("button", { name: "Connect" });
-        jest.setSystemTime(new Date("2026-07-16T12:10:00Z"));
-        react_1.fireEvent.click(connect);
-        expect(react_1.screen.getByText("Invite expired")).toBeVisible();
-        expect(sdk.userConnectCodeAnswer).not.toHaveBeenCalledWith(validCode);
-    });
-    it("does not treat the initial idle status as a canceled connection", async () => {
-        (0, user_connect_invite_1.writeUserConnectPendingIntent)({ code: validCode, capturedAt: Date.now() });
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(user_connect_1.UserConnect, {}));
-        react_1.fireEvent.click(await react_1.screen.findByRole("button", { name: "Connect" }));
-        expect(react_1.screen.getByText("Connecting…")).toBeVisible();
-        expect(react_1.screen.queryByText("Connection canceled")).not.toBeInTheDocument();
-    });
-    it("leaves connecting when the answer expires back to idle", async () => {
-        (0, user_connect_invite_1.writeUserConnectPendingIntent)({ code: validCode, capturedAt: Date.now() });
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(user_connect_1.UserConnect, {}));
-        react_1.fireEvent.click(await react_1.screen.findByRole("button", { name: "Connect" }));
-        (0, react_1.act)(() => {
-            sdk.userConnectCodeAnswer("");
-            sdk.userConnectStatus({ kind: "idle" });
-        });
-        expect(await react_1.screen.findByText("Invite expired")).toBeVisible();
-    });
-    it("reports cancellation when an active protocol resets to idle", async () => {
-        (0, user_connect_invite_1.writeUserConnectPendingIntent)({ code: validCode, capturedAt: Date.now() });
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(user_connect_1.UserConnect, {}));
-        react_1.fireEvent.click(await react_1.screen.findByRole("button", { name: "Connect" }));
-        (0, react_1.act)(() => {
-            sdk.userConnectStatus({ kind: "connecting", attempt: 1 });
-        });
-        (0, react_1.act)(() => {
-            sdk.userConnectStatus({ kind: "idle" });
-        });
-        expect(await react_1.screen.findByText("Connection canceled")).toBeVisible();
-    });
-    it("renders actionable structured errors", async () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(user_connect_1.UserConnect, {}));
-        (0, react_1.act)(() => {
-            sdk.userConnectStatus({ kind: "error", code: "no-route" });
-        });
-        expect(await react_1.screen.findByText("This device isn’t connected yet")).toBeVisible();
-        expect(react_1.screen.getByText("Connect this device to the internet or another Peers device, then try again.")).toBeVisible();
-    });
-    it("trusts only when the primary success action is selected", async () => {
-        (0, user_connect_invite_1.writeUserConnectPendingIntent)({ code: validCode, capturedAt: Date.now() });
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(user_connect_1.UserConnect, {}));
-        react_1.fireEvent.click(await react_1.screen.findByRole("button", { name: "Connect" }));
-        (0, react_1.act)(() => {
-            sdk.userConnectStatus({
-                kind: "connected",
-                remoteUserId: "remote-user",
-                remoteDeviceId: "remote-device",
-            });
-        });
-        react_1.fireEvent.click(await react_1.screen.findByRole("button", { name: "Trust and view contact" }));
-        await (0, react_1.waitFor)(() => {
-            expect(sdk.Devices.mock.results.at(-1)?.value.get).toHaveBeenCalledWith("remote-device");
-            expect(sdk.setUserTrustLevel).toHaveBeenCalledWith("remote-user", peers_sdk_1.TrustLevel.Trusted, expect.anything());
-            expect(globals_1.mainContentPath).toHaveBeenCalledWith("contacts/remote-user");
-        });
-    });
-    it("can view a connected contact without changing trust", async () => {
-        (0, user_connect_invite_1.writeUserConnectPendingIntent)({ code: validCode, capturedAt: Date.now() });
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(user_connect_1.UserConnect, {}));
-        react_1.fireEvent.click(await react_1.screen.findByRole("button", { name: "Connect" }));
-        (0, react_1.act)(() => {
-            sdk.userConnectStatus({
-                kind: "connected",
-                remoteUserId: "remote-user",
-                remoteDeviceId: "remote-device",
-            });
-        });
-        react_1.fireEvent.click(await react_1.screen.findByRole("button", { name: "View without trusting" }));
-        expect(sdk.setUserTrustLevel).not.toHaveBeenCalled();
-        expect(globals_1.mainContentPath).toHaveBeenCalledWith("contacts/remote-user");
-    });
-});

package/dist/screens/device-pairing/device-pairing-invite.d.ts

@@ -1,10 +0,0 @@
-/** Browser event emitted after a pairing invitation is captured and removed from the URL. */
-export declare const DEVICE_PAIRING_INVITE_CAPTURED_EVENT = "device-pairing:invite-captured";
-/** Captures a pairing fragment in memory and immediately removes it from browser history. */
-export declare function captureDevicePairingInviteFromLocation(location?: Location): string | undefined;
-/** Returns the in-memory invitation without consuming it. */
-export declare function readPendingDevicePairingInvite(): string | undefined;
-/** Returns and erases the in-memory invitation. */
-export declare function consumePendingDevicePairingInvite(): string | undefined;
-/** Erases any unconsumed invitation. */
-export declare function clearPendingDevicePairingInvite(): void;

package/dist/screens/device-pairing/device-pairing-invite.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEVICE_PAIRING_INVITE_CAPTURED_EVENT = void 0;
-exports.captureDevicePairingInviteFromLocation = captureDevicePairingInviteFromLocation;
-exports.readPendingDevicePairingInvite = readPendingDevicePairingInvite;
-exports.consumePendingDevicePairingInvite = consumePendingDevicePairingInvite;
-exports.clearPendingDevicePairingInvite = clearPendingDevicePairingInvite;
-const peers_sdk_1 = require("@peers-app/peers-sdk");
-let pendingInvitation;
-/** Browser event emitted after a pairing invitation is captured and removed from the URL. */
-exports.DEVICE_PAIRING_INVITE_CAPTURED_EVENT = "device-pairing:invite-captured";
-/** Captures a pairing fragment in memory and immediately removes it from browser history. */
-function captureDevicePairingInviteFromLocation(location = window.location) {
-    if (!location.hash.startsWith("#pair=") && !location.hash.startsWith("#pair?")) {
-        return undefined;
-    }
-    let capturedInvitation;
-    try {
-        capturedInvitation = (0, peers_sdk_1.encodeDevicePairingInvitation)((0, peers_sdk_1.parseDevicePairingInvitation)(location.href));
-        pendingInvitation = capturedInvitation;
-        return capturedInvitation;
-    }
-    catch {
-        return undefined;
-    }
-    finally {
-        if (typeof window !== "undefined" && location === window.location) {
-            window.history.replaceState(window.history.state, document.title, `${location.pathname}${location.search}`);
-            if (capturedInvitation) {
-                window.dispatchEvent(new CustomEvent(exports.DEVICE_PAIRING_INVITE_CAPTURED_EVENT, {
-                    detail: capturedInvitation,
-                }));
-            }
-        }
-    }
-}
-/** Returns the in-memory invitation without consuming it. */
-function readPendingDevicePairingInvite() {
-    return pendingInvitation;
-}
-/** Returns and erases the in-memory invitation. */
-function consumePendingDevicePairingInvite() {
-    const invitation = pendingInvitation;
-    pendingInvitation = undefined;
-    return invitation;
-}
-/** Erases any unconsumed invitation. */
-function clearPendingDevicePairingInvite() {
-    pendingInvitation = undefined;
-}

package/dist/screens/device-pairing/device-pairing-invite.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/screens/device-pairing/device-pairing-invite.test.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const peers_sdk_1 = require("@peers-app/peers-sdk");
-const device_pairing_invite_1 = require("./device-pairing-invite");
-describe("device pairing invitation capture", () => {
-    beforeEach(() => {
-        (0, device_pairing_invite_1.clearPendingDevicePairingInvite)();
-        window.history.replaceState({}, "", "/?app");
-    });
-    it("captures the fragment only in memory and removes it from browser history", () => {
-        const invitation = (0, peers_sdk_1.createDevicePairingInvitation)({
-            serviceOrigin: "https://peers.app",
-        });
-        const inviteUrl = (0, peers_sdk_1.createDevicePairingInvitationUrl)(`${window.location.origin}/?app`, invitation);
-        window.history.replaceState({}, "", new URL(inviteUrl).pathname + new URL(inviteUrl).search + new URL(inviteUrl).hash);
-        const token = (0, device_pairing_invite_1.captureDevicePairingInviteFromLocation)();
-        expect(token).toBeDefined();
-        expect((0, peers_sdk_1.parseDevicePairingInvitation)(token ?? "")).toEqual(invitation);
-        expect(window.location.hash).toBe("");
-        expect((0, device_pairing_invite_1.readPendingDevicePairingInvite)()).toBe(token);
-        expect((0, device_pairing_invite_1.consumePendingDevicePairingInvite)()).toBe(token);
-        expect((0, device_pairing_invite_1.readPendingDevicePairingInvite)()).toBeUndefined();
-    });
-    it("ignores invalid fragments without retaining them", () => {
-        window.history.replaceState({}, "", "/?app#pair=invalid");
-        expect((0, device_pairing_invite_1.captureDevicePairingInviteFromLocation)()).toBeUndefined();
-        expect((0, device_pairing_invite_1.readPendingDevicePairingInvite)()).toBeUndefined();
-        expect(window.location.hash).toBe("");
-    });
-});

package/dist/screens/groups/group-invite-listener.d.ts

@@ -1,14 +0,0 @@
-/**
- * Component for admins to prepare group invitations and manage join requests.
- *
- * Shows in the group details Members tab for users with Admin role or above.
- *
- * Communicates with device layer through pvars (not direct imports).
- */
-import { type UserContext } from "@peers-app/peers-sdk";
-interface GroupInviteListenerProps {
-    groupId: string;
-    userContext: UserContext;
-}
-export declare const GroupInviteListener: (props: GroupInviteListenerProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/screens/groups/group-invite-listener.js

@@ -1,93 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GroupInviteListener = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * Component for admins to prepare group invitations and manage join requests.
- *
- * Shows in the group details Members tab for users with Admin role or above.
- *
- * Communicates with device layer through pvars (not direct imports).
- */
-const peers_sdk_1 = require("@peers-app/peers-sdk");
-const react_1 = require("react");
-const hooks_1 = require("../../hooks");
-const GroupInviteListener = (props) => {
-    const { groupId } = props;
-    // State
-    const [password, setPassword] = (0, react_1.useState)("");
-    const [isListening, setIsListening] = (0, react_1.useState)(false);
-    const [copied, setCopied] = (0, react_1.useState)(false);
-    const [approvalRole, setApprovalRole] = (0, react_1.useState)(peers_sdk_1.GroupMemberRole.Reader);
-    const [processingRequestId, setProcessingRequestId] = (0, react_1.useState)(null);
-    // Observables
-    const [listeners] = (0, hooks_1.useObservable)(peers_sdk_1.groupInviteListeners);
-    const [requests] = (0, hooks_1.useObservable)(peers_sdk_1.groupInviteRequests);
-    const [status] = (0, hooks_1.useObservable)(peers_sdk_1.groupInviteStatus);
-    // Check if we're currently listening for this group
-    const currentListener = listeners?.[groupId];
-    const pendingRequests = (requests || []).filter((r) => r.groupId === groupId);
-    // Sync local state with listener state
-    (0, react_1.useEffect)(() => {
-        if (currentListener) {
-            setPassword(currentListener.password);
-            setIsListening(true);
-        }
-        else {
-            setIsListening(false);
-        }
-    }, [currentListener]);
-    // Generate a new password
-    const handleGeneratePassword = (0, react_1.useCallback)(() => {
-        const newPassword = (0, peers_sdk_1.generateInvitePassword)();
-        setPassword(newPassword);
-    }, []);
-    // Start listening for invitations (set pvar, device layer reacts)
-    const handleStartListening = (0, react_1.useCallback)(() => {
-        if (!password.trim() || password.length < 4) {
-            alert("Password must be at least 4 characters");
-            return;
-        }
-        // Set the action pvar - device layer will process it
-        (0, peers_sdk_1.groupInviteStartListening)({ groupId, password });
-    }, [groupId, password]);
-    // Stop listening (set pvar, device layer reacts)
-    const handleStopListening = (0, react_1.useCallback)(() => {
-        // Set the action pvar - device layer will process it
-        (0, peers_sdk_1.groupInviteStopListening)(groupId);
-    }, [groupId]);
-    // Copy password to clipboard
-    const handleCopyPassword = (0, react_1.useCallback)(async () => {
-        const success = await (0, peers_sdk_1.copyToClipboard)(password);
-        if (success) {
-            setCopied(true);
-            setTimeout(() => setCopied(false), 2000);
-        }
-    }, [password]);
-    // Approve a join request (set pvar, device layer reacts)
-    const handleApprove = (0, react_1.useCallback)((request) => {
-        setProcessingRequestId(request.requestId);
-        // Set the action pvar - device layer will process it
-        (0, peers_sdk_1.groupInviteProcessRequest)({
-            requestId: request.requestId,
-            approved: true,
-            role: approvalRole,
-        });
-        // Clear processing state after a short delay
-        setTimeout(() => setProcessingRequestId(null), 1000);
-    }, [approvalRole]);
-    // Deny a join request (set pvar, device layer reacts)
-    const handleDeny = (0, react_1.useCallback)((request) => {
-        setProcessingRequestId(request.requestId);
-        // Set the action pvar - device layer will process it
-        (0, peers_sdk_1.groupInviteProcessRequest)({
-            requestId: request.requestId,
-            approved: false,
-            role: peers_sdk_1.GroupMemberRole.None,
-        });
-        // Clear processing state after a short delay
-        setTimeout(() => setProcessingRequestId(null), 1000);
-    }, []);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "card mb-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "card-header", children: (0, jsx_runtime_1.jsxs)("h6", { className: "mb-0", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-person-plus-fill me-2" }), "Invite New Members"] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "card-body", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-3", children: [(0, jsx_runtime_1.jsx)("label", { className: "form-label small text-muted", children: "Invitation Password" }), (0, jsx_runtime_1.jsxs)("div", { className: "input-group", children: [(0, jsx_runtime_1.jsx)("input", { type: "text", className: "form-control font-monospace", value: password, onChange: (e) => setPassword(e.target.value), placeholder: "Enter or generate a password...", disabled: isListening }), (0, jsx_runtime_1.jsx)("button", { className: "btn btn-outline-secondary", onClick: handleGeneratePassword, disabled: isListening, title: "Generate random password", children: (0, jsx_runtime_1.jsx)("i", { className: "bi-shuffle" }) }), (0, jsx_runtime_1.jsx)("button", { className: "btn btn-outline-secondary", onClick: handleCopyPassword, disabled: !password, title: "Copy password", children: (0, jsx_runtime_1.jsx)("i", { className: copied ? "bi-check-lg text-success" : "bi-clipboard" }) })] }), (0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: "Share this password with people you want to invite. They can enter it in the \"Join Group\" screen." })] }), (0, jsx_runtime_1.jsx)("div", { className: "d-flex gap-2", children: !isListening ? ((0, jsx_runtime_1.jsxs)("button", { className: "btn btn-primary", onClick: handleStartListening, disabled: !password || password.length < 4, children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-broadcast me-2" }), "Start Listening"] })) : ((0, jsx_runtime_1.jsxs)("button", { className: "btn btn-danger", onClick: handleStopListening, children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-stop-circle me-2" }), "Stop Listening"] })) }), isListening && ((0, jsx_runtime_1.jsxs)("div", { className: "alert alert-success mt-3 mb-0 d-flex align-items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "spinner-border spinner-border-sm me-2", role: "status", children: (0, jsx_runtime_1.jsx)("span", { className: "visually-hidden", children: "Listening..." }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Listening for join requests" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)("small", { children: ["Password: ", (0, jsx_runtime_1.jsx)("code", { children: password })] })] })] })), status && ((0, jsx_runtime_1.jsxs)("div", { className: "alert alert-info mt-3 mb-0", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-info-circle me-2" }), status] })), pendingRequests.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "mt-3", children: [(0, jsx_runtime_1.jsxs)("h6", { className: "mb-2", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-inbox-fill me-2" }), "Pending Requests (", pendingRequests.length, ")"] }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "form-label small text-muted", children: "Role for new members:" }), (0, jsx_runtime_1.jsxs)("select", { className: "form-select form-select-sm", value: approvalRole, onChange: (e) => setApprovalRole(Number(e.target.value)), style: { width: "auto" }, children: [(0, jsx_runtime_1.jsx)("option", { value: peers_sdk_1.GroupMemberRole.Reader, children: "Reader" }), (0, jsx_runtime_1.jsx)("option", { value: peers_sdk_1.GroupMemberRole.Writer, children: "Writer" }), (0, jsx_runtime_1.jsx)("option", { value: peers_sdk_1.GroupMemberRole.Admin, children: "Admin" })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "list-group", children: pendingRequests.map((request) => ((0, jsx_runtime_1.jsx)("div", { className: "list-group-item", children: (0, jsx_runtime_1.jsxs)("div", { className: "d-flex justify-content-between align-items-center", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-center", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-person-fill me-2" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { children: request.requester.name || request.requester.userId }), request.requester.name && ((0, jsx_runtime_1.jsx)("small", { className: "text-muted d-block", children: request.requester.userId }))] })] }), (0, jsx_runtime_1.jsxs)("small", { className: "text-muted", children: ["Device: ", request.requester.deviceId.slice(0, 8), "...", " | ", "Received: ", new Date(request.receivedAt).toLocaleTimeString()] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "d-flex gap-2", children: [(0, jsx_runtime_1.jsx)("button", { className: "btn btn-success btn-sm", onClick: () => handleApprove(request), disabled: processingRequestId === request.requestId, children: processingRequestId === request.requestId ? ((0, jsx_runtime_1.jsx)("span", { className: "spinner-border spinner-border-sm" })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-check-lg me-1" }), "Approve"] })) }), (0, jsx_runtime_1.jsx)("button", { className: "btn btn-outline-danger btn-sm", onClick: () => handleDeny(request), disabled: processingRequestId === request.requestId, children: (0, jsx_runtime_1.jsx)("i", { className: "bi-x-lg" }) })] })] }) }, request.requestId))) })] }))] })] }));
-};
-exports.GroupInviteListener = GroupInviteListener;

package/dist/screens/join-group/index.d.ts

@@ -1,2 +0,0 @@
-import "./join-group";
-export * from "./join-group";

package/dist/screens/join-group/join-group.d.ts

@@ -1,12 +0,0 @@
-/**
- * Join Group screen - allows users to join a group by entering an invitation password.
- *
- * Flow:
- * 1. User enters the invitation password
- * 2. System discovers all devices listening for that password
- * 3. User selects a group/device to join
- * 4. System sends join request and waits for approval
- *
- * Communicates with device layer through pvars (not direct imports).
- */
-export declare const JoinGroup: () => import("react/jsx-runtime").JSX.Element;

package/dist/screens/join-group/join-group.js

@@ -1,102 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.JoinGroup = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * Join Group screen - allows users to join a group by entering an invitation password.
- *
- * Flow:
- * 1. User enters the invitation password
- * 2. System discovers all devices listening for that password
- * 3. User selects a group/device to join
- * 4. System sends join request and waits for approval
- *
- * Communicates with device layer through pvars (not direct imports).
- */
-const peers_sdk_1 = require("@peers-app/peers-sdk");
-const react_1 = require("react");
-const loading_indicator_1 = require("../../components/loading-indicator");
-const globals_1 = require("../../globals");
-const hooks_1 = require("../../hooks");
-const ui_loader_1 = require("../../ui-router/ui-loader");
-const JoinGroup = () => {
-    const userContext = (0, hooks_1.usePromise)(() => (0, peers_sdk_1.getUserContext)());
-    // State
-    const [password, setPassword] = (0, react_1.useState)("");
-    const [isSearching, setIsSearching] = (0, react_1.useState)(false);
-    const [isJoining, setIsJoining] = (0, react_1.useState)(false);
-    const [error, setError] = (0, react_1.useState)(null);
-    const [_currentJoiningGroup, setCurrentJoiningGroup] = (0, react_1.useState)(null);
-    // Observable state from device layer
-    const [status] = (0, hooks_1.useObservable)(peers_sdk_1.groupJoinStatus);
-    const [discoveredListeners] = (0, hooks_1.useObservable)(peers_sdk_1.groupInviteDiscoveryResult);
-    const [joinResult] = (0, hooks_1.useObservable)(peers_sdk_1.groupInviteJoinResult);
-    // Watch for join results
-    (0, react_1.useEffect)(() => {
-        if (isJoining && joinResult) {
-            setIsJoining(false);
-            if (joinResult.success && joinResult.groupId) {
-                // Navigate to the group after a brief delay
-                setTimeout(() => {
-                    (0, globals_1.mainContentPath)(`groups/${joinResult.groupId}`);
-                }, 2000);
-            }
-        }
-    }, [joinResult, isJoining]);
-    // Search for groups (set pvar, device layer reacts)
-    const handleSearch = (0, react_1.useCallback)(() => {
-        if (!(0, peers_sdk_1.isValidInvitePassword)(password)) {
-            setError("Password must be at least 4 characters");
-            return;
-        }
-        setError(null);
-        setIsSearching(true);
-        // Clear previous results and trigger discovery
-        (0, peers_sdk_1.groupInviteDiscoveryResult)([]);
-        (0, peers_sdk_1.groupInviteJoinResult)(null);
-        (0, peers_sdk_1.groupInviteDiscover)(password);
-    }, [password]);
-    // Join a group (set pvar, device layer reacts)
-    const handleJoin = (0, react_1.useCallback)((listener) => {
-        setIsJoining(true);
-        setError(null);
-        setCurrentJoiningGroup(listener);
-        // Clear previous result and trigger join request
-        (0, peers_sdk_1.groupInviteJoinResult)(null);
-        (0, peers_sdk_1.groupInviteSendRequest)({ listener, password });
-    }, [password]);
-    // Reset state
-    const handleReset = (0, react_1.useCallback)(() => {
-        setPassword("");
-        setError(null);
-        setCurrentJoiningGroup(null);
-        setIsSearching(false);
-        setIsJoining(false);
-        // Clear pvars
-        (0, peers_sdk_1.groupInviteDiscoveryResult)([]);
-        (0, peers_sdk_1.groupInviteJoinResult)(null);
-    }, []);
-    // Handle Enter key
-    const handleKeyDown = (0, react_1.useCallback)((e) => {
-        if (e.key === "Enter" && password && !isSearching) {
-            handleSearch();
-        }
-    }, [password, isSearching, handleSearch]);
-    if (!userContext) {
-        return (0, jsx_runtime_1.jsx)(loading_indicator_1.LoadingIndicator, {});
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "container-fluid p-4", style: { maxWidth: "600px" }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center mb-4", children: [(0, jsx_runtime_1.jsxs)("h2", { children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-box-arrow-in-right me-2" }), "Join Group"] }), (0, jsx_runtime_1.jsx)("p", { className: "text-muted", children: "Enter the invitation password to find and join a group" })] }), joinResult?.success && ((0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-4", children: (0, jsx_runtime_1.jsx)("i", { className: "bi-check-circle-fill text-success", style: { fontSize: "4rem" } }) }), (0, jsx_runtime_1.jsx)("h4", { className: "text-success mb-3", children: "Successfully Joined!" }), (0, jsx_runtime_1.jsx)("p", { className: "text-muted", children: "Redirecting to the group..." }), (0, jsx_runtime_1.jsxs)("button", { className: "btn btn-outline-primary", onClick: handleReset, children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-plus-lg me-2" }), "Join Another Group"] })] })), !joinResult?.success && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "card mb-4", children: (0, jsx_runtime_1.jsxs)("div", { className: "card-body", children: [(0, jsx_runtime_1.jsxs)("label", { className: "form-label", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-key-fill me-2" }), "Invitation Password"] }), (0, jsx_runtime_1.jsxs)("div", { className: "input-group", children: [(0, jsx_runtime_1.jsx)("input", { type: "text", className: "form-control form-control-lg font-monospace", value: password, onChange: (e) => setPassword(e.target.value), onKeyDown: handleKeyDown, placeholder: "Enter password (e.g., apple-banana-cherry-date)", disabled: isSearching || isJoining }), (0, jsx_runtime_1.jsx)("button", { className: "btn btn-primary", onClick: handleSearch, disabled: !password || isSearching || isJoining, children: isSearching ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "spinner-border spinner-border-sm me-2" }), "Searching..."] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-search me-2" }), "Search"] })) })] }), (0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: "Ask the group admin for the invitation password" })] }) }), error && ((0, jsx_runtime_1.jsxs)("div", { className: "alert alert-danger", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-exclamation-triangle me-2" }), error] })), status && !error && ((0, jsx_runtime_1.jsxs)("div", { className: "alert alert-info", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-info-circle me-2" }), status] })), joinResult && !joinResult.success && ((0, jsx_runtime_1.jsxs)("div", { className: "alert alert-warning", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-exclamation-circle me-2" }), joinResult.error || "Join request was not approved"] })), discoveredListeners && discoveredListeners.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "card", children: [(0, jsx_runtime_1.jsx)("div", { className: "card-header", children: (0, jsx_runtime_1.jsxs)("h6", { className: "mb-0", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-broadcast me-2" }), "Found Groups (", discoveredListeners.length, ")"] }) }), (0, jsx_runtime_1.jsx)("div", { className: "list-group list-group-flush", children: discoveredListeners.map((listener, index) => ((0, jsx_runtime_1.jsx)("div", { className: "list-group-item", children: (0, jsx_runtime_1.jsxs)("div", { className: "d-flex justify-content-between align-items-center", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-center mb-1", children: [(0, jsx_runtime_1.jsx)("i", { className: `${listener.group.iconClassName || "bi-people-fill"} me-2` }), (0, jsx_runtime_1.jsx)("strong", { children: listener.group.name })] }), listener.group.description && ((0, jsx_runtime_1.jsx)("p", { className: "text-muted mb-1 small", children: listener.group.description })), (0, jsx_runtime_1.jsxs)("small", { className: "text-muted", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-person me-1" }), "Invited by: ", listener.name || listener.userId] })] }), (0, jsx_runtime_1.jsx)("button", { className: "btn btn-success", onClick: () => handleJoin(listener), disabled: isJoining, children: isJoining ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "spinner-border spinner-border-sm me-2" }), "Joining..."] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-box-arrow-in-right me-2" }), "Join"] })) })] }) }, `${listener.deviceId}-${index}`))) })] })), isSearching && ((0, jsx_runtime_1.jsxs)("div", { className: "text-center py-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "spinner-border text-primary mb-3", role: "status", children: (0, jsx_runtime_1.jsx)("span", { className: "visually-hidden", children: "Searching..." }) }), (0, jsx_runtime_1.jsx)("p", { className: "text-muted", children: "Searching for groups..." })] })), isJoining && ((0, jsx_runtime_1.jsxs)("div", { className: "text-center py-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "spinner-border text-success mb-3", role: "status", children: (0, jsx_runtime_1.jsx)("span", { className: "visually-hidden", children: "Joining..." }) }), (0, jsx_runtime_1.jsx)("p", { className: "text-muted", children: "Waiting for approval..." }), (0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: "The group admin needs to approve your request" })] }))] }))] }));
-};
-exports.JoinGroup = JoinGroup;
-// Register the route
-(0, ui_loader_1.registerInternalPeersUI)({
-    peersUIId: "00join0group0screen000000",
-    component: exports.JoinGroup,
-    routes: [
-        {
-            isMatch: (_props, context) => context.path === "join-group",
-            uiCategory: "screen",
-            priority: 2,
-        },
-    ],
-});

package/dist/system-apps/join-group.app.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.joinGroupApp = void 0;
-exports.joinGroupApp = {
-    name: "Join Group",
-    displayName: "Join Group",
-    iconClassName: "bi-box-arrow-in-right",
-    navigationPath: "join-group",
-};