@peers-app/peers-ui 0.14.0 → 0.15.0

package/dist/screens/groups/group-members.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GroupMembersUI = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const peers_sdk_1 = require("@peers-app/peers-sdk");
 const react_1 = __importDefault(require("react"));
 const loading_indicator_1 = require("../../components/loading-indicator");
@@ -26,23 +27,23 @@ const GroupMembersUI = (props) => {
         const membersWithUsers = await Promise.all(members.map(async (member) => {
             const user = await (0, peers_sdk_1.getUserById)(member.userId, {
                 currentDataContext: groupDataContext,
-                includeTrustLevel: true
+                includeTrustLevel: true,
             });
             // If user found from external source, save to current group
-            if (user && user.source !== 'currentDataContext') {
+            if (user && user.source !== "currentDataContext") {
                 try {
-                    const newGroupUser = { ...user };
-                    delete newGroupUser.source;
-                    delete newGroupUser.trustLevel;
-                    await groupUsersTable.save(newGroupUser);
+                    const raw = { ...user };
+                    delete raw.source;
+                    delete raw.trustLevel;
+                    await groupUsersTable.save(raw);
                     // Set trust level for this user in the group context
                     await (0, peers_sdk_1.setUserTrustLevel)(user.userId, peers_sdk_1.TrustLevel.NewUser, groupDataContext);
                     // Update user reference to reflect it's now in current group
                     user.trustLevel = peers_sdk_1.TrustLevel.NewUser;
-                    user.source = 'currentDataContext';
+                    user.source = "currentDataContext";
                 }
                 catch (saveErr) {
-                    console.error('Failed to save user to group context:', saveErr);
+                    console.error("Failed to save user to group context:", saveErr);
                 }
             }
             // TODO don't do it this way!!! Use group-specific trust level fetching
@@ -63,7 +64,7 @@ const GroupMembersUI = (props) => {
             // }
             return {
                 member,
-                user: user || null
+                user: user || null,
             };
         }));
         return membersWithUsers;
@@ -77,24 +78,25 @@ const GroupMembersUI = (props) => {
             isMember: !!userRole,
             canEdit: userRole >= peers_sdk_1.GroupMemberRole.Admin,
             userRole: userRole,
-            currentUserId: currentUserId
+            currentUserId: currentUserId,
         };
     }, undefined, [groupId]);
     // Load group and founder information
     const founderData = (0, hooks_1.usePromise)(async () => {
         const groupsTable = (0, peers_sdk_1.Groups)(groupDataContext);
-        const group = await groupsTable.get(groupId) || await (0, peers_sdk_1.Groups)(userContext.userDataContext).get(groupId);
+        const group = (await groupsTable.get(groupId)) ||
+            (await (0, peers_sdk_1.Groups)(userContext.userDataContext).get(groupId));
         if (!group) {
             return null;
         }
         // Try to get founder user details
         const founderUser = await (0, peers_sdk_1.getUserById)(group.founderUserId, {
-            currentDataContext: groupDataContext
+            currentDataContext: groupDataContext,
         });
         return {
             group,
             founderUser,
-            founderUserId: group.founderUserId
+            founderUserId: group.founderUserId,
         };
     }, undefined, [groupId, refreshKey]);
     const [newMemberRole, setNewMemberRole] = react_1.default.useState(peers_sdk_1.GroupMemberRole.Reader);
@@ -112,43 +114,43 @@ const GroupMembersUI = (props) => {
                     break;
             }
             // Filter out users who are already members
-            const currentMembers = membersData?.map(m => m.member.userId) || [];
-            const filteredResults = results.filter(contact => !currentMembers.includes(contact.userId));
-            return filteredResults.map(contact => ({
+            const currentMembers = membersData?.map((m) => m.member.userId) || [];
+            const filteredResults = results.filter((contact) => !currentMembers.includes(contact.userId));
+            return filteredResults.map((contact) => ({
                 ...contact,
-                id: contact.userId
+                id: contact.userId,
             }));
         }
         catch (error) {
-            console.error('Error searching contacts:', error);
+            console.error("Error searching contacts:", error);
             return [];
         }
     };
     // Render function for typeahead results
-    const renderContactItem = (contact, isSelected) => (react_1.default.createElement("div", { className: "d-flex align-items-center" },
-        react_1.default.createElement("i", { className: "bi-person-circle me-2", style: { fontSize: '20px' } }),
-        react_1.default.createElement("div", { className: "flex-grow-1" },
-            react_1.default.createElement("div", { className: "fw-semibold" }, contact.name),
-            react_1.default.createElement("small", { className: "text-muted" }, contact.userId)),
-        react_1.default.createElement("div", null,
-            react_1.default.createElement("small", { className: "text-info" },
-                react_1.default.createElement("i", { className: `bi-${getSourceIcon(contact.source)} me-1` }),
-                getSourceLabel(contact.source)))));
+    const renderContactItem = (contact, _isSelected) => ((0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-center", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-person-circle me-2", style: { fontSize: "20px" } }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-grow-1", children: [(0, jsx_runtime_1.jsx)("div", { className: "fw-semibold", children: contact.name }), (0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: contact.userId })] }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("small", { className: "text-info", children: [(0, jsx_runtime_1.jsx)("i", { className: `bi-${getSourceIcon(contact.source)} me-1` }), getSourceLabel(contact.source)] }) })] }));
     // Helper functions for contact sources
     const getSourceLabel = (source) => {
         switch (source) {
-            case 'userDataContext': return 'Personal';
-            case 'currentDataContext': return 'Current';
-            case 'otherDataContexts': return 'Groups';
-            default: return source;
+            case "userDataContext":
+                return "Personal";
+            case "currentDataContext":
+                return "Current";
+            case "otherDataContexts":
+                return "Groups";
+            default:
+                return source;
         }
     };
     const getSourceIcon = (source) => {
         switch (source) {
-            case 'userDataContext': return 'person-fill';
-            case 'currentDataContext': return 'house-fill';
-            case 'otherDataContexts': return 'people-fill';
-            default: return 'question-circle';
+            case "userDataContext":
+                return "person-fill";
+            case "currentDataContext":
+                return "house-fill";
+            case "otherDataContexts":
+                return "people-fill";
+            default:
+                return "question-circle";
         }
     };
     const addMember = async () => {
@@ -167,7 +169,7 @@ const GroupMembersUI = (props) => {
                     member = await groupMembersTable.initRecord({
                         groupId: groupId,
                         userId: contact.userId,
-                        role: newMemberRole
+                        role: newMemberRole,
                     });
                 }
                 await groupMembersTable.signAndSave(member);
@@ -176,131 +178,59 @@ const GroupMembersUI = (props) => {
             setSelectedContacts([]);
             setNewMemberRole(peers_sdk_1.GroupMemberRole.Reader);
             // Refresh the members list
-            setRefreshKey(prev => prev + 1);
+            setRefreshKey((prev) => prev + 1);
         }
         catch (err) {
-            console.error('Failed to add member:', err);
-            alert('Failed to add member. They may already be in the group.');
+            console.error("Failed to add member:", err);
+            alert("Failed to add member. They may already be in the group.");
         }
         finally {
             setAddingMember(false);
         }
     };
     // Render function for contact badges
-    const renderContactBadge = (contact) => (react_1.default.createElement("span", null, contact.name));
+    const renderContactBadge = (contact) => (0, jsx_runtime_1.jsx)("span", { children: contact.name });
     const updateRole = async (memberId, newRole) => {
         try {
             const member = await groupMembersTable.get(memberId);
             if (member) {
                 member.role = newRole;
                 await groupMembersTable.signAndSave(member);
-                setRefreshKey(prev => prev + 1);
+                setRefreshKey((prev) => prev + 1);
             }
         }
         catch (err) {
-            console.error('Failed to update role:', err);
-            alert('Failed to update member role.');
+            console.error("Failed to update role:", err);
+            alert("Failed to update member role.");
         }
     };
     const removeMember = async (memberId) => {
-        if (!confirm('Remove this member from the group?'))
+        if (!confirm("Remove this member from the group?"))
             return;
         try {
             await groupMembersTable.delete(memberId);
-            setRefreshKey(prev => prev + 1);
+            setRefreshKey((prev) => prev + 1);
         }
         catch (err) {
-            console.error('Failed to remove member:', err);
-            alert('Failed to remove member.');
+            console.error("Failed to remove member:", err);
+            alert("Failed to remove member.");
         }
     };
     if (!membersData || !userPermissions || !founderData) {
-        return react_1.default.createElement(loading_indicator_1.LoadingIndicator, null);
+        return (0, jsx_runtime_1.jsx)(loading_indicator_1.LoadingIndicator, {});
     }
     const { canEdit, userRole, currentUserId } = userPermissions;
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement("div", { className: "d-flex justify-content-between align-items-center mb-3" },
-            react_1.default.createElement("h6", { className: "mb-0" }, "Group Members"),
-            react_1.default.createElement("div", { className: "d-flex align-items-center gap-2" },
-                react_1.default.createElement("div", { className: `alert alert-${userRole ? 'primary' : 'warning'} py-2 px-3 mb-0 d-flex align-items-center` },
-                    react_1.default.createElement("i", { className: `bi ${userRole ? 'bi-person-badge' : 'bi-exclamation-triangle'} me-2` }),
-                    react_1.default.createElement("strong", null,
-                        "Your role: ",
-                        (0, peers_sdk_1.getRoleLabel)(userRole))),
-                founderData && founderData.founderUserId !== currentUserId && (react_1.default.createElement("a", { href: `#contacts/${founderData.founderUserId}`, className: "alert alert-warning py-2 px-3 mb-0 d-flex align-items-center text-decoration-none", style: { cursor: 'pointer' } },
-                    react_1.default.createElement("i", { className: "bi bi-crown-fill me-2" }),
-                    react_1.default.createElement("strong", null,
-                        "Founder: ",
-                        founderData.founderUser?.name || founderData.founderUserId))))),
-        canEdit && (react_1.default.createElement(group_invite_listener_1.GroupInviteListener, { groupId: groupId, userContext: userContext })),
-        canEdit && (react_1.default.createElement("div", { className: "card mb-3" },
-            react_1.default.createElement("div", { className: "card-body" },
-                react_1.default.createElement("h6", { className: "card-title" }, "Add Existing Contact as Member"),
-                react_1.default.createElement("div", { className: "row g-2" },
-                    react_1.default.createElement("div", { className: "col-md-6" },
-                        react_1.default.createElement(typeahead_1.Typeahead, { placeholder: "Search contacts to add...", searchFn: searchContacts, onSelectionChange: (items) => setSelectedContacts(items), renderItem: renderContactItem, renderBadge: renderContactBadge, selectedItems: selectedContacts.map(contact => ({ ...contact, id: contact.userId })), multiSelect: true, disabled: addingMember })),
-                    react_1.default.createElement("div", { className: "col-md-3" },
-                        react_1.default.createElement("select", { className: "form-select", value: newMemberRole, onChange: (e) => setNewMemberRole(Number(e.target.value) || 0), disabled: addingMember },
-                            react_1.default.createElement("option", { value: peers_sdk_1.GroupMemberRole.None }, "None"),
-                            react_1.default.createElement("option", { value: peers_sdk_1.GroupMemberRole.Reader }, "Reader"),
-                            react_1.default.createElement("option", { value: peers_sdk_1.GroupMemberRole.Writer }, "Writer"),
-                            react_1.default.createElement("option", { value: peers_sdk_1.GroupMemberRole.Admin }, "Admin"),
-                            react_1.default.createElement("option", { value: peers_sdk_1.GroupMemberRole.Owner }, "Owner"))),
-                    react_1.default.createElement("div", { className: "col-md-3" },
-                        react_1.default.createElement("button", { className: "btn btn-primary w-100", onClick: addMember, disabled: addingMember || selectedContacts.length === 0 }, addingMember ? 'Adding...' :
-                            selectedContacts.length === 1 ? 'Add Member' :
-                                selectedContacts.length > 1 ? `Add ${selectedContacts.length} Members` : 'Add')))))),
-        !canEdit && userRole && (react_1.default.createElement("div", { className: "alert alert-info" },
-            react_1.default.createElement("i", { className: "bi bi-info-circle me-2" }),
-            "You can view group members, but only admins and owners can manage membership.")),
-        membersData.length === 0 ? (react_1.default.createElement("div", { className: "alert alert-info" }, "No members in this group yet. Add the first member above.")) : (react_1.default.createElement("div", { className: "list-group" }, membersData.map(({ member, user }) => (react_1.default.createElement("div", { key: member.groupMemberId, className: "list-group-item" },
-            react_1.default.createElement("div", { className: "d-flex justify-content-between align-items-center" },
-                react_1.default.createElement("div", { className: "flex-grow-1" },
-                    react_1.default.createElement("div", { className: "d-flex align-items-center" },
-                        react_1.default.createElement("i", { className: "bi bi-person-fill me-2" }),
-                        react_1.default.createElement("div", null,
-                            react_1.default.createElement("div", { className: "d-flex align-items-center" },
-                                react_1.default.createElement("strong", null,
-                                    user?.name || member.userId,
-                                    member.userId === currentUserId && ' (You)'),
-                                user?.source === 'userDataContext' && (react_1.default.createElement("span", { className: "badge bg-info ms-2", style: { fontSize: '0.7rem' } },
-                                    react_1.default.createElement("i", { className: "bi bi-person me-1" }),
-                                    "Personal")),
-                                user?.source === 'otherDataContexts' && (react_1.default.createElement("span", { className: "badge bg-secondary ms-2", style: { fontSize: '0.7rem' } },
-                                    react_1.default.createElement("i", { className: "bi bi-people me-1" }),
-                                    "Other Groups"))),
-                            user && user.userId !== user.name && (react_1.default.createElement("small", { className: "text-muted d-block" }, member.userId))))),
-                react_1.default.createElement("div", { className: "d-flex align-items-center" },
-                    react_1.default.createElement("div", { className: "me-2" },
-                        react_1.default.createElement(trust_level_badge_1.TrustLevelBadge, { level: user?.trustLevel || peers_sdk_1.TrustLevel.Unknown })),
-                    react_1.default.createElement("a", { href: `#contacts/${member.userId}`, className: "btn btn-outline-primary btn-sm me-2" },
-                        react_1.default.createElement("i", { className: "bi-eye me-1" }),
-                        "View"),
-                    canEdit ? (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement("select", { className: "form-select form-select-sm me-2", style: { width: '120px' }, value: member.role, onChange: (e) => updateRole(member.groupMemberId, Number(e.target.value) || 0) },
-                            react_1.default.createElement("option", { value: peers_sdk_1.GroupMemberRole.None }, "None"),
-                            react_1.default.createElement("option", { value: peers_sdk_1.GroupMemberRole.Reader }, "Reader"),
-                            react_1.default.createElement("option", { value: peers_sdk_1.GroupMemberRole.Writer }, "Writer"),
-                            react_1.default.createElement("option", { value: peers_sdk_1.GroupMemberRole.Admin }, "Admin"),
-                            react_1.default.createElement("option", { value: peers_sdk_1.GroupMemberRole.Owner }, "Owner")),
-                        react_1.default.createElement("button", { className: "btn btn-outline-danger btn-sm", onClick: () => removeMember(member.groupMemberId), title: "Remove member" },
-                            react_1.default.createElement("i", { className: "bi bi-trash" })))) : (
-                    /* Read-only role display for non-admins */
-                    react_1.default.createElement("span", { className: "badge bg-secondary text-capitalize" }, (0, peers_sdk_1.getRoleLabel)(member.role)))))))))),
-        react_1.default.createElement("div", { className: "mt-4" },
-            react_1.default.createElement("small", { className: "text-muted" },
-                react_1.default.createElement("strong", null, "Roles:"),
-                react_1.default.createElement("br", null),
-                react_1.default.createElement("strong", null, "Reader:"),
-                " Can view group content",
-                react_1.default.createElement("br", null),
-                react_1.default.createElement("strong", null, "Writer:"),
-                " Can create and edit content",
-                react_1.default.createElement("br", null),
-                react_1.default.createElement("strong", null, "Admin:"),
-                " Can manage members and settings",
-                react_1.default.createElement("br", null),
-                react_1.default.createElement("strong", null, "Owner:"),
-                " Full control including group deletion"))));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex justify-content-between align-items-center mb-3", children: [(0, jsx_runtime_1.jsx)("h6", { className: "mb-0", children: "Group Members" }), (0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-center gap-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: `alert alert-${userRole ? "primary" : "warning"} py-2 px-3 mb-0 d-flex align-items-center`, children: [(0, jsx_runtime_1.jsx)("i", { className: `bi ${userRole ? "bi-person-badge" : "bi-exclamation-triangle"} me-2` }), (0, jsx_runtime_1.jsxs)("strong", { children: ["Your role: ", (0, peers_sdk_1.getRoleLabel)(userRole)] })] }), founderData && founderData.founderUserId !== currentUserId && ((0, jsx_runtime_1.jsxs)("a", { href: `#contacts/${founderData.founderUserId}`, className: "alert alert-warning py-2 px-3 mb-0 d-flex align-items-center text-decoration-none", style: { cursor: "pointer" }, children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-crown-fill me-2" }), (0, jsx_runtime_1.jsxs)("strong", { children: ["Founder: ", founderData.founderUser?.name || founderData.founderUserId] })] }))] })] }), canEdit && (0, jsx_runtime_1.jsx)(group_invite_listener_1.GroupInviteListener, { groupId: groupId, userContext: userContext }), canEdit && ((0, jsx_runtime_1.jsx)("div", { className: "card mb-3", children: (0, jsx_runtime_1.jsxs)("div", { className: "card-body", children: [(0, jsx_runtime_1.jsx)("h6", { className: "card-title", children: "Add Existing Contact as Member" }), (0, jsx_runtime_1.jsxs)("div", { className: "row g-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "col-md-6", children: (0, jsx_runtime_1.jsx)(typeahead_1.Typeahead, { placeholder: "Search contacts to add...", searchFn: searchContacts, onSelectionChange: (items) => setSelectedContacts(items), renderItem: renderContactItem, renderBadge: renderContactBadge, selectedItems: selectedContacts.map((contact) => ({
+                                            ...contact,
+                                            id: contact.userId,
+                                        })), multiSelect: true, disabled: addingMember }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-md-3", children: (0, jsx_runtime_1.jsxs)("select", { className: "form-select", value: newMemberRole, onChange: (e) => setNewMemberRole(Number(e.target.value) || 0), disabled: addingMember, children: [(0, jsx_runtime_1.jsx)("option", { value: peers_sdk_1.GroupMemberRole.None, children: "None" }), (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)("option", { value: peers_sdk_1.GroupMemberRole.Owner, children: "Owner" })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-md-3", children: (0, jsx_runtime_1.jsx)("button", { className: "btn btn-primary w-100", onClick: addMember, disabled: addingMember || selectedContacts.length === 0, children: addingMember
+                                            ? "Adding..."
+                                            : selectedContacts.length === 1
+                                                ? "Add Member"
+                                                : selectedContacts.length > 1
+                                                    ? `Add ${selectedContacts.length} Members`
+                                                    : "Add" }) })] })] }) })), !canEdit && userRole && ((0, jsx_runtime_1.jsxs)("div", { className: "alert alert-info", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-info-circle me-2" }), "You can view group members, but only admins and owners can manage membership."] })), membersData.length === 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "alert alert-info", children: "No members in this group yet. Add the first member above." })) : ((0, jsx_runtime_1.jsx)("div", { className: "list-group", children: membersData.map(({ member, user }) => ((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.jsx)("div", { className: "flex-grow-1", children: (0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-center", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-person-fill me-2" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-center", children: [(0, jsx_runtime_1.jsxs)("strong", { children: [user?.name || member.userId, member.userId === currentUserId && " (You)"] }), user?.source === "userDataContext" && ((0, jsx_runtime_1.jsxs)("span", { className: "badge bg-info ms-2", style: { fontSize: "0.7rem" }, children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-person me-1" }), "Personal"] })), user?.source === "otherDataContexts" && ((0, jsx_runtime_1.jsxs)("span", { className: "badge bg-secondary ms-2", style: { fontSize: "0.7rem" }, children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-people me-1" }), "Other Groups"] }))] }), user && user.userId !== user.name && ((0, jsx_runtime_1.jsx)("small", { className: "text-muted d-block", children: member.userId }))] })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "me-2", children: (0, jsx_runtime_1.jsx)(trust_level_badge_1.TrustLevelBadge, { level: user?.trustLevel || peers_sdk_1.TrustLevel.Unknown }) }), (0, jsx_runtime_1.jsxs)("a", { href: `#contacts/${member.userId}`, className: "btn btn-outline-primary btn-sm me-2", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-eye me-1" }), "View"] }), canEdit ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("select", { className: "form-select form-select-sm me-2", style: { width: "120px" }, value: member.role, onChange: (e) => updateRole(member.groupMemberId, Number(e.target.value) || 0), children: [(0, jsx_runtime_1.jsx)("option", { value: peers_sdk_1.GroupMemberRole.None, children: "None" }), (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)("option", { value: peers_sdk_1.GroupMemberRole.Owner, children: "Owner" })] }), (0, jsx_runtime_1.jsx)("button", { className: "btn btn-outline-danger btn-sm", onClick: () => removeMember(member.groupMemberId), title: "Remove member", children: (0, jsx_runtime_1.jsx)("i", { className: "bi bi-trash" }) })] })) : (
+                                    /* Read-only role display for non-admins */
+                                    (0, jsx_runtime_1.jsx)("span", { className: "badge bg-secondary text-capitalize", children: (0, peers_sdk_1.getRoleLabel)(member.role) }))] })] }) }, member.groupMemberId))) })), (0, jsx_runtime_1.jsx)("div", { className: "mt-4", children: (0, jsx_runtime_1.jsxs)("small", { className: "text-muted", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Roles:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("strong", { children: "Reader:" }), " Can view group content", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("strong", { children: "Writer:" }), " Can create and edit content", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("strong", { children: "Admin:" }), " Can manage members and settings", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("strong", { children: "Owner:" }), " Full control including group deletion"] }) })] }));
 };
 exports.GroupMembersUI = GroupMembersUI;

package/dist/screens/groups/index.d.ts

@@ -1,6 +1,6 @@
-import './group-list';
-import './group-details';
-import './group-members';
-export * from "./group-list";
+import "./group-list";
+import "./group-details";
+import "./group-members";
 export * from "./group-details";
+export * from "./group-list";
 export * from "./group-members";

package/dist/screens/groups/index.js

@@ -18,6 +18,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 require("./group-list");
 require("./group-details");
 require("./group-members");
-__exportStar(require("./group-list"), exports);
 __exportStar(require("./group-details"), exports);
+__exportStar(require("./group-list"), exports);
 __exportStar(require("./group-members"), exports);

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

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

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

@@ -9,5 +9,4 @@
  *
  * Communicates with device layer through pvars (not direct imports).
  */
-import React from "react";
-export declare const JoinGroup: () => React.JSX.Element;
+export declare const JoinGroup: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,7 @@
 "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.
  *
@@ -10,47 +13,12 @@
  *
  * Communicates with device layer through pvars (not direct imports).
  */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.JoinGroup = void 0;
-const react_1 = __importStar(require("react"));
 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 globals_1 = require("../../globals");
 const JoinGroup = () => {
     const userContext = (0, hooks_1.usePromise)(() => (0, peers_sdk_1.getUserContext)());
     // State
@@ -58,7 +26,7 @@ const JoinGroup = () => {
     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);
+    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);
@@ -115,77 +83,9 @@ const JoinGroup = () => {
         }
     }, [password, isSearching, handleSearch]);
     if (!userContext) {
-        return react_1.default.createElement(loading_indicator_1.LoadingIndicator, null);
+        return (0, jsx_runtime_1.jsx)(loading_indicator_1.LoadingIndicator, {});
     }
-    return (react_1.default.createElement("div", { className: "container-fluid p-4", style: { maxWidth: "600px" } },
-        react_1.default.createElement("div", { className: "text-center mb-4" },
-            react_1.default.createElement("h2", null,
-                react_1.default.createElement("i", { className: "bi-box-arrow-in-right me-2" }),
-                "Join Group"),
-            react_1.default.createElement("p", { className: "text-muted" }, "Enter the invitation password to find and join a group")),
-        joinResult?.success && (react_1.default.createElement("div", { className: "text-center" },
-            react_1.default.createElement("div", { className: "mb-4" },
-                react_1.default.createElement("i", { className: "bi-check-circle-fill text-success", style: { fontSize: "4rem" } })),
-            react_1.default.createElement("h4", { className: "text-success mb-3" }, "Successfully Joined!"),
-            react_1.default.createElement("p", { className: "text-muted" }, "Redirecting to the group..."),
-            react_1.default.createElement("button", { className: "btn btn-outline-primary", onClick: handleReset },
-                react_1.default.createElement("i", { className: "bi-plus-lg me-2" }),
-                "Join Another Group"))),
-        !joinResult?.success && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("div", { className: "card mb-4" },
-                react_1.default.createElement("div", { className: "card-body" },
-                    react_1.default.createElement("label", { className: "form-label" },
-                        react_1.default.createElement("i", { className: "bi-key-fill me-2" }),
-                        "Invitation Password"),
-                    react_1.default.createElement("div", { className: "input-group" },
-                        react_1.default.createElement("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, autoFocus: true }),
-                        react_1.default.createElement("button", { className: "btn btn-primary", onClick: handleSearch, disabled: !password || isSearching || isJoining }, isSearching ? (react_1.default.createElement(react_1.default.Fragment, null,
-                            react_1.default.createElement("span", { className: "spinner-border spinner-border-sm me-2" }),
-                            "Searching...")) : (react_1.default.createElement(react_1.default.Fragment, null,
-                            react_1.default.createElement("i", { className: "bi-search me-2" }),
-                            "Search")))),
-                    react_1.default.createElement("small", { className: "text-muted" }, "Ask the group admin for the invitation password"))),
-            error && (react_1.default.createElement("div", { className: "alert alert-danger" },
-                react_1.default.createElement("i", { className: "bi-exclamation-triangle me-2" }),
-                error)),
-            status && !error && (react_1.default.createElement("div", { className: "alert alert-info" },
-                react_1.default.createElement("i", { className: "bi-info-circle me-2" }),
-                status)),
-            joinResult && !joinResult.success && (react_1.default.createElement("div", { className: "alert alert-warning" },
-                react_1.default.createElement("i", { className: "bi-exclamation-circle me-2" }),
-                joinResult.error || "Join request was not approved")),
-            discoveredListeners && discoveredListeners.length > 0 && (react_1.default.createElement("div", { className: "card" },
-                react_1.default.createElement("div", { className: "card-header" },
-                    react_1.default.createElement("h6", { className: "mb-0" },
-                        react_1.default.createElement("i", { className: "bi-broadcast me-2" }),
-                        "Found Groups (",
-                        discoveredListeners.length,
-                        ")")),
-                react_1.default.createElement("div", { className: "list-group list-group-flush" }, discoveredListeners.map((listener, index) => (react_1.default.createElement("div", { key: `${listener.deviceId}-${index}`, className: "list-group-item" },
-                    react_1.default.createElement("div", { className: "d-flex justify-content-between align-items-center" },
-                        react_1.default.createElement("div", null,
-                            react_1.default.createElement("div", { className: "d-flex align-items-center mb-1" },
-                                react_1.default.createElement("i", { className: `${listener.group.iconClassName || "bi-people-fill"} me-2` }),
-                                react_1.default.createElement("strong", null, listener.group.name)),
-                            listener.group.description && (react_1.default.createElement("p", { className: "text-muted mb-1 small" }, listener.group.description)),
-                            react_1.default.createElement("small", { className: "text-muted" },
-                                react_1.default.createElement("i", { className: "bi-person me-1" }),
-                                "Invited by: ",
-                                listener.name || listener.userId)),
-                        react_1.default.createElement("button", { className: "btn btn-success", onClick: () => handleJoin(listener), disabled: isJoining }, isJoining ? (react_1.default.createElement(react_1.default.Fragment, null,
-                            react_1.default.createElement("span", { className: "spinner-border spinner-border-sm me-2" }),
-                            "Joining...")) : (react_1.default.createElement(react_1.default.Fragment, null,
-                            react_1.default.createElement("i", { className: "bi-box-arrow-in-right me-2" }),
-                            "Join")))))))))),
-            isSearching && (react_1.default.createElement("div", { className: "text-center py-4" },
-                react_1.default.createElement("div", { className: "spinner-border text-primary mb-3", role: "status" },
-                    react_1.default.createElement("span", { className: "visually-hidden" }, "Searching...")),
-                react_1.default.createElement("p", { className: "text-muted" }, "Searching for groups..."))),
-            isJoining && (react_1.default.createElement("div", { className: "text-center py-4" },
-                react_1.default.createElement("div", { className: "spinner-border text-success mb-3", role: "status" },
-                    react_1.default.createElement("span", { className: "visually-hidden" }, "Joining...")),
-                react_1.default.createElement("p", { className: "text-muted" }, "Waiting for approval..."),
-                react_1.default.createElement("small", { className: "text-muted" }, "The group admin needs to approve your request")))))));
+    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
@@ -194,7 +94,7 @@ exports.JoinGroup = JoinGroup;
     component: exports.JoinGroup,
     routes: [
         {
-            isMatch: (props, context) => context.path === "join-group",
+            isMatch: (_props, context) => context.path === "join-group",
             uiCategory: "screen",
             priority: 2,
         },

package/dist/screens/network-viewer/connection-troubleshooter.d.ts

@@ -1,14 +1,13 @@
-import React from 'react';
 export interface IDiagnosticCheck {
     id: string;
     label: string;
     layer: string;
-    status: 'pass' | 'fail' | 'warn' | 'skip' | 'running';
+    status: "pass" | "fail" | "warn" | "skip" | "running";
     detail: string;
     suggestion?: string;
 }
 interface Props {
     onBack: () => void;
 }
-export declare function ConnectionTroubleshooter({ onBack }: Props): React.JSX.Element;
+export declare function ConnectionTroubleshooter({ onBack }: Props): import("react/jsx-runtime").JSX.Element;
 export {};