@realtimexsco/live-chat 1.4.14 → 1.4.15

package/README.md

@@ -4,7 +4,7 @@
 
 [![npm version](https://img.shields.io/npm/v/@realtimexsco/live-chat.svg)](https://www.npmjs.com/package/@realtimexsco/live-chat)
 [![npm downloads](https://img.shields.io/npm/dm/@realtimexsco/live-chat.svg)](https://www.npmjs.com/package/@realtimexsco/live-chat)
-[![license](https://img.shields.io/npm/l/@realtimexsco/live-chat.svg)](https://www.npmjs.com/package/@realtimexsco/live-chat#license)
+[![license](https://img.shields.io/npm/l/@realtimexsco/live-chat.svg)](#license)
 
 | | |
 |---|---|
@@ -12,7 +12,7 @@
 | **Styles** | `@realtimexsco/live-chat/styles.css` |
 | **Requires** | React 17+, Tailwind CSS **v4**, Zustand 4+ |
 | **Docs** | [Package documentation](https://realtimex.softwareco.com/documentations/package) |
-| **License** | [MIT](https://www.npmjs.com/package/@realtimexsco/live-chat#license) |
+| **License** | [MIT](#license) |
 
 Socket.IO, REST client, Zustand store, Radix UI, emoji picker, and chat UI are **bundled**. Your app only installs peer dependencies.
 
@@ -61,10 +61,12 @@ DMs · groups · Socket.IO · reactions · replies · forward · edit/delete ·
 |-------|------|
 | Full setup & docs | [https://realtimex.softwareco.com/documentations/package](https://realtimex.softwareco.com/documentations/package) |
 | npm package | [npmjs.com/package/@realtimexsco/live-chat](https://www.npmjs.com/package/@realtimexsco/live-chat) |
-| License | [MIT](https://www.npmjs.com/package/@realtimexsco/live-chat#license) |
+| License | [MIT](#license) |
 
 ---
 
+<a id="license"></a>
+
 ## License
 
 The MIT License (MIT)

package/dist/index.cjs

@@ -12922,9 +12922,91 @@ init_useStore();
 
 // src/hooks/useGroupInfo.ts
 init_useStore();
+
+// src/lib/effective-settings.helpers.ts
+function minutesToMs(minutes) {
+  return Math.max(0, minutes) * 60 * 1e3;
+}
+function getEditWindowMs(timers, isGroup) {
+  return minutesToMs(isGroup ? timers.groupEditMinutes : timers.dmEditMinutes);
+}
+function getDeleteWindowMs(timers, isGroup) {
+  return minutesToMs(
+    isGroup ? timers.groupDeleteMinutes : timers.dmDeleteMinutes
+  );
+}
+function isWithinWindow(createdAt, windowMs) {
+  if (!createdAt) return false;
+  const date = new Date(createdAt);
+  if (isNaN(date.getTime())) return false;
+  const diff = Date.now() - date.getTime();
+  return diff >= 0 && diff < windowMs;
+}
+function isWithinMessageEditWindow(createdAt, timers, isGroup) {
+  return isWithinWindow(createdAt, getEditWindowMs(timers, isGroup));
+}
+function isWithinMessageDeleteWindow(createdAt, timers, isGroup) {
+  return isWithinWindow(createdAt, getDeleteWindowMs(timers, isGroup));
+}
+function allowsAllMimeTypes(allowedMimeTypes) {
+  return allowedMimeTypes.some((pattern) => {
+    const normalized = pattern.trim().toLowerCase();
+    return normalized === "*" || normalized === "*/*";
+  });
+}
+function matchesAllowedMimeType(fileType, allowedMimeTypes) {
+  if (!allowedMimeTypes.length) return false;
+  if (allowsAllMimeTypes(allowedMimeTypes)) return true;
+  const mime = (fileType || "application/octet-stream").toLowerCase();
+  return allowedMimeTypes.some((pattern) => {
+    const normalized = pattern.trim().toLowerCase();
+    if (!normalized) return false;
+    if (normalized.endsWith("/*")) {
+      const prefix = normalized.slice(0, -1);
+      return mime.startsWith(prefix);
+    }
+    return mime === normalized;
+  });
+}
+function buildAcceptFromMimeTypes(allowedMimeTypes) {
+  if (allowsAllMimeTypes(allowedMimeTypes)) return "";
+  return allowedMimeTypes.map((type) => type.trim()).filter(Boolean).join(",");
+}
+function formatFileSizeMB(sizeBytes) {
+  return `${(sizeBytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+var GROUP_PERMISSION_KEYS = [
+  "onlyAdminCanSendMessage",
+  "onlyAdminCanEditInfo",
+  "senderCanEditMessage",
+  "allowMemberAdd",
+  "allowMemberRemove",
+  "moderationEnabled"
+];
+function resolveGroupPermissions(conversationPermissions, defaults, locked = []) {
+  const next = { ...defaults };
+  if (conversationPermissions) {
+    for (const key of GROUP_PERMISSION_KEYS) {
+      const value = conversationPermissions[key];
+      if (typeof value === "boolean") {
+        next[key] = value;
+      }
+    }
+  }
+  for (const key of locked) {
+    if (GROUP_PERMISSION_KEYS.includes(String(key))) {
+      const typedKey = key;
+      next[typedKey] = defaults[typedKey];
+    }
+  }
+  return next;
+}
+
+// src/hooks/useGroupInfo.ts
 var useGroupInfo = (conversationId) => {
   const conversationInfos = exports.useChatStore((s) => s.conversationInfos);
   const loggedUserDetails = exports.useChatStore((s) => s.loggedUserDetails);
+  const { settings } = useEffectiveSettingsOptional();
   const info = conversationId ? conversationInfos[conversationId] : null;
   const isAdmin = React3.useMemo(() => {
     if (!info || !loggedUserDetails) return false;
@@ -12940,7 +13022,14 @@ var useGroupInfo = (conversationId) => {
     }
     return String(ownerId) === String(loggedUserDetails._id);
   }, [info, loggedUserDetails]);
-  const permissions = info?.groupPermissions || null;
+  const permissions = React3.useMemo(() => {
+    if (!info) return null;
+    return resolveGroupPermissions(
+      info.groupPermissions,
+      settings.groupPolicy.defaults,
+      settings.groupPolicy.locked
+    );
+  }, [info, settings.groupPolicy.defaults, settings.groupPolicy.locked]);
   const userPermissions = React3.useMemo(() => {
     return {
       canSendMessage: isOwner || isAdmin || !permissions?.onlyAdminCanSendMessage,
@@ -12948,7 +13037,6 @@ var useGroupInfo = (conversationId) => {
       canAddMember: isOwner || !!permissions?.allowMemberAdd,
       canRemoveMember: isOwner || !!permissions?.allowMemberRemove,
       canEditMessage: isOwner || isAdmin || !!permissions?.senderCanEditMessage
-      // You can add more derived permissions here as needed
     };
   }, [isOwner, isAdmin, permissions]);
   return {
@@ -13375,14 +13463,20 @@ var PermissionDrawer = ({ isOpen, onOpenChange, conversationId, conversationInfo
   const [permissions, setPermissions] = React3.useState(null);
   const [isSaving, setIsSaving] = React3.useState(false);
   React3.useEffect(() => {
-    if (conversationInfo?.groupPermissions) {
-      setPermissions(conversationInfo.groupPermissions);
-      return;
-    }
-    if (isOpen) {
-      setPermissions({ ...settings.groupPolicy.defaults });
-    }
-  }, [conversationInfo, isOpen, settings.groupPolicy.defaults]);
+    if (!isOpen) return;
+    setPermissions(
+      resolveGroupPermissions(
+        conversationInfo?.groupPermissions,
+        settings.groupPolicy.defaults,
+        settings.groupPolicy.locked
+      )
+    );
+  }, [
+    isOpen,
+    conversationInfo?.groupPermissions,
+    settings.groupPolicy.defaults,
+    settings.groupPolicy.locked
+  ]);
   if (!conversationId || !permissions) return null;
   const handleToggle = (key) => {
     if (isGroupPermissionLocked(key)) return;
@@ -13392,7 +13486,12 @@ var PermissionDrawer = ({ isOpen, onOpenChange, conversationId, conversationInfo
     if (!conversationId || !permissions) return;
     setIsSaving(true);
     try {
-      await updateGroupPermissions(conversationId, permissions);
+      const payload = resolveGroupPermissions(
+        permissions,
+        settings.groupPolicy.defaults,
+        settings.groupPolicy.locked
+      );
+      await updateGroupPermissions(conversationId, payload);
       onOpenChange(false);
     } finally {
       setIsSaving(false);
@@ -13419,6 +13518,7 @@ var PermissionDrawer = ({ isOpen, onOpenChange, conversationId, conversationInfo
         /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-1 px-0.5 text-[10px] font-semibold uppercase tracking-wide text-(--chat-muted)", children: "Permissions" }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-(--chat-border) px-3", children: permissionItems.map((item, index) => {
           const locked = isGroupPermissionLocked(item.key);
+          const checked = item.inverted ? !permissions[item.key] : permissions[item.key];
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
@@ -13443,7 +13543,7 @@ var PermissionDrawer = ({ isOpen, onOpenChange, conversationId, conversationInfo
                         size: "sm",
                         className: "mt-0.5 shrink-0 data-[state=checked]:bg-(--chat-theme) data-[state=unchecked]:bg-(--chat-border)",
                         disabled: locked,
-                        checked: item.inverted ? !permissions[item.key] : permissions[item.key],
+                        checked,
                         onCheckedChange: () => handleToggle(item.key)
                       }
                     )
@@ -14987,61 +15087,6 @@ function resolveForwardItems(selectedKeys, messages) {
 
 // src/chat/lib/chat-edit-window.ts
 init_settings_types();
-
-// src/lib/effective-settings.helpers.ts
-function minutesToMs(minutes) {
-  return Math.max(0, minutes) * 60 * 1e3;
-}
-function getEditWindowMs(timers, isGroup) {
-  return minutesToMs(isGroup ? timers.groupEditMinutes : timers.dmEditMinutes);
-}
-function getDeleteWindowMs(timers, isGroup) {
-  return minutesToMs(
-    isGroup ? timers.groupDeleteMinutes : timers.dmDeleteMinutes
-  );
-}
-function isWithinWindow(createdAt, windowMs) {
-  if (!createdAt) return false;
-  const date = new Date(createdAt);
-  if (isNaN(date.getTime())) return false;
-  const diff = Date.now() - date.getTime();
-  return diff >= 0 && diff < windowMs;
-}
-function isWithinMessageEditWindow(createdAt, timers, isGroup) {
-  return isWithinWindow(createdAt, getEditWindowMs(timers, isGroup));
-}
-function isWithinMessageDeleteWindow(createdAt, timers, isGroup) {
-  return isWithinWindow(createdAt, getDeleteWindowMs(timers, isGroup));
-}
-function allowsAllMimeTypes(allowedMimeTypes) {
-  return allowedMimeTypes.some((pattern) => {
-    const normalized = pattern.trim().toLowerCase();
-    return normalized === "*" || normalized === "*/*";
-  });
-}
-function matchesAllowedMimeType(fileType, allowedMimeTypes) {
-  if (!allowedMimeTypes.length) return false;
-  if (allowsAllMimeTypes(allowedMimeTypes)) return true;
-  const mime = (fileType || "application/octet-stream").toLowerCase();
-  return allowedMimeTypes.some((pattern) => {
-    const normalized = pattern.trim().toLowerCase();
-    if (!normalized) return false;
-    if (normalized.endsWith("/*")) {
-      const prefix = normalized.slice(0, -1);
-      return mime.startsWith(prefix);
-    }
-    return mime === normalized;
-  });
-}
-function buildAcceptFromMimeTypes(allowedMimeTypes) {
-  if (allowsAllMimeTypes(allowedMimeTypes)) return "";
-  return allowedMimeTypes.map((type) => type.trim()).filter(Boolean).join(",");
-}
-function formatFileSizeMB(sizeBytes) {
-  return `${(sizeBytes / (1024 * 1024)).toFixed(1)} MB`;
-}
-
-// src/chat/lib/chat-edit-window.ts
 var FALLBACK_TIMERS = exports.DEFAULT_EFFECTIVE_SETTINGS.messageTimers;
 function isWithinMessageEditWindow2(createdAt, isGroup, timers = FALLBACK_TIMERS) {
   return isWithinMessageEditWindow(createdAt, timers, isGroup);