@ermis-network/ermis-chat-react 1.0.6 → 1.0.7

package/src/hooks/useBannedState.ts

@@ -6,12 +6,16 @@ import type { Channel } from '@ermis-network/ermis-chat-sdk';
  *
  * Reads the initial value from `channel.state.membership.banned` and subscribes
  * to `member.banned` / `member.unbanned` WebSocket events for real-time updates.
+ * If the channel is a topic, it also synchronizes with the parent channel's ban state.
  *
  * Only triggers a re-render when the *current user* is the target of the event.
  */
 export function useBannedState(channel: Channel | null | undefined, currentUserId?: string) {
   const [isBanned, setIsBanned] = useState<boolean>(() => {
-    return Boolean(channel?.state?.membership?.banned);
+    if (!channel) return false;
+    const parentCid = channel.data?.parent_cid as string | undefined;
+    const parentChannel = parentCid ? channel.getClient().activeChannels[parentCid] : undefined;
+    return Boolean(channel.state?.membership?.banned || parentChannel?.state?.membership?.banned);
   });
 
   useEffect(() => {
@@ -20,8 +24,11 @@ export function useBannedState(channel: Channel | null | undefined, currentUserI
       return;
     }
 
+    const parentCid = channel.data?.parent_cid as string | undefined;
+    const parentChannel = parentCid ? channel.getClient().activeChannels[parentCid] : undefined;
+
     // Sync initial state when channel changes
-    setIsBanned(Boolean(channel.state?.membership?.banned));
+    setIsBanned(Boolean(channel.state?.membership?.banned || parentChannel?.state?.membership?.banned));
 
     const handleBanned = (event: any) => {
       if (event.member?.user_id === currentUserId) {
@@ -31,16 +38,33 @@ export function useBannedState(channel: Channel | null | undefined, currentUserI
 
     const handleUnbanned = (event: any) => {
       if (event.member?.user_id === currentUserId) {
-        setIsBanned(false);
+        const eventCid = event.cid || (event.channel_type ? `${event.channel_type}:${event.channel_id}` : undefined);
+        let cBanned = Boolean(channel.state?.membership?.banned);
+        let pBanned = Boolean(parentChannel?.state?.membership?.banned);
+        
+        if (eventCid === channel.cid) cBanned = false;
+        if (parentChannel && eventCid === parentChannel.cid) pBanned = false;
+        
+        setIsBanned(cBanned || pBanned);
       }
     };
 
     const sub1 = channel.on('member.banned', handleBanned);
     const sub2 = channel.on('member.unbanned', handleUnbanned);
 
+    let sub3: { unsubscribe: () => void } | undefined;
+    let sub4: { unsubscribe: () => void } | undefined;
+
+    if (parentChannel) {
+      sub3 = parentChannel.on('member.banned', handleBanned);
+      sub4 = parentChannel.on('member.unbanned', handleUnbanned);
+    }
+
     return () => {
       sub1.unsubscribe();
       sub2.unsubscribe();
+      if (sub3) sub3.unsubscribe();
+      if (sub4) sub4.unsubscribe();
     };
   }, [channel, currentUserId]);
 

package/src/hooks/useChannelCapabilities.ts

@@ -18,20 +18,24 @@ export const useChannelCapabilities = () => {
 
   const currentUserId = client?.userID || '';
   const isTeamChannel = activeChannel?.type === 'team';
+  const isMeetingChannel = activeChannel?.type === 'meeting';
+  const isTeamOrMeetingChannel = isTeamChannel || isMeetingChannel;
   const role = (activeChannel?.state as any)?.members?.[currentUserId]?.channel_role;
   
   const isOwner = role === 'owner' || activeChannel?.data?.created_by_id === currentUserId;
   const isModerator = role === 'moder';
   const isOwnerOrModerator = isOwner || isModerator;
 
-  const capabilities: string[] = isTeamChannel ? (activeChannel?.data as any)?.member_capabilities || [] : [];
+  const capabilities: string[] = isTeamOrMeetingChannel ? (activeChannel?.data as any)?.member_capabilities || [] : [];
 
   const hasCapability = useCallback((cap: string) => {
-    return !isTeamChannel || isOwnerOrModerator || capabilities.includes(cap);
-  }, [isTeamChannel, isOwnerOrModerator, capabilities, updateTick]); // React to updateTick correctly
+    return !isTeamOrMeetingChannel || isOwnerOrModerator || capabilities.includes(cap);
+  }, [isTeamOrMeetingChannel, isOwnerOrModerator, capabilities, updateTick]); // React to updateTick correctly
 
   return {
     isTeamChannel,
+    isMeetingChannel,
+    isTeamOrMeetingChannel,
     isOwner,
     isModerator,
     isOwnerOrModerator,

package/src/hooks/useChannelData.ts

@@ -47,7 +47,7 @@ export const useChannelProfile = (channel: Channel | null | undefined) => {
     return () => sub.unsubscribe();
   }, [channel]);
 
-  const channelName = useMemo(() => channel?.data?.name || channel?.cid || 'Unknown Channel', [channel?.data?.name, channel?.cid, channelUpdateCount]);
+  const channelName = useMemo(() => channel?.data?.name || channel?.cid || 'Unknown Channel', [channel?.data?.name, channel?.cid, channel?.type, channelUpdateCount]);
   const channelImage = useMemo(() => channel?.data?.image as string | undefined, [channel?.data?.image, channelUpdateCount]);
   const channelDescription = useMemo(() => channel?.data?.description as string | undefined, [channel?.data?.description, channelUpdateCount]);
 

package/src/hooks/useChannelListUpdates.ts

@@ -37,7 +37,8 @@ export function useChannelListUpdates(
         const isBannedInActive = Boolean(active.state?.membership?.banned);
         const isBlockedInActive = active.type === 'messaging' && Boolean(active.state?.membership?.blocked);
         const isPendingActive =
-          active.state?.membership?.channel_role === 'pending' || (active.state?.membership as Record<string, unknown>)?.role === 'pending';
+          active.state?.membership?.channel_role === 'pending' ||
+          (active.state?.membership as Record<string, unknown>)?.role === 'pending';
 
         if (!isBannedInActive && !isBlockedInActive && !isPendingActive) {
           active.markRead().catch(() => {
@@ -121,7 +122,10 @@ export function useChannelListUpdates(
         // we optimistically inject the membership so it instantly jumps into pending invites!
         // We DO NOT do this for channel.created, because in channel.created, event.member is the creator (owner).
         if (!forceWatch && event.type === 'member.added' && event.member && channelInstance.state) {
-          channelInstance.state.membership = { ...channelInstance.state.membership, ...event.member } as unknown as Record<string, unknown>;
+          channelInstance.state.membership = {
+            ...channelInstance.state.membership,
+            ...event.member,
+          } as unknown as Record<string, unknown>;
         }
 
         // If the caller requested an explicit api call (e.g. for channel.created)
@@ -183,7 +187,9 @@ export function useChannelListUpdates(
           const eventCid =
             event.cid ||
             event.channel?.cid ||
-            ((event as Record<string, unknown>).channel_id ? `${(event as Record<string, unknown>).channel_type}:${(event as Record<string, unknown>).channel_id}` : undefined);
+            ((event as Record<string, unknown>).channel_id
+              ? `${(event as Record<string, unknown>).channel_type}:${(event as Record<string, unknown>).channel_id}`
+              : undefined);
 
           if (eventCid && event.member) {
             const targetChannel = prev.find((c) => c.cid === eventCid);
@@ -201,6 +207,11 @@ export function useChannelListUpdates(
       }
     };
 
+    // --- channel.topic.enabled / disabled / created / channel.pinned / channel.unpinned: force re-render so ChannelList toggles Accordion UI, inserts new topic, or updates pinned channels ---
+    const handleGenericUpdate = (event: Event) => {
+      setChannels((prev) => [...prev]);
+    };
+
     const sub1 = client.on('message.new', handleNewMessage);
     const sub2 = client.on('channel.deleted', handleChannelDeleted);
     const sub3 = client.on('member.removed', handleMemberRemoved);
@@ -209,6 +220,11 @@ export function useChannelListUpdates(
     const sub6 = client.on('notification.added_to_channel', handleMemberAdded);
     const sub7 = client.on('notification.invite_rejected', handleMemberRemoved);
     const sub8 = client.on('notification.invite_accepted', handleMemberUpdated);
+    const sub9 = client.on('channel.topic.enabled', handleGenericUpdate);
+    const sub10 = client.on('channel.topic.disabled', handleGenericUpdate);
+    const sub11 = client.on('channel.topic.created', handleGenericUpdate);
+    const sub12 = client.on('channel.pinned', handleGenericUpdate);
+    const sub13 = client.on('channel.unpinned', handleGenericUpdate);
 
     return () => {
       sub1.unsubscribe();
@@ -219,6 +235,11 @@ export function useChannelListUpdates(
       sub6.unsubscribe();
       sub7.unsubscribe();
       sub8.unsubscribe();
+      sub9.unsubscribe();
+      sub10.unsubscribe();
+      sub11.unsubscribe();
+      sub12.unsubscribe();
+      sub13.unsubscribe();
     };
   }, [client, setChannels, setActiveChannel]);
 }

package/src/hooks/useChannelRowUpdates.ts

@@ -58,6 +58,9 @@ export function useChannelRowUpdates(channel: Channel, currentUserId?: string) {
     };
     const sub10 = channel.on('member.blocked', handleBlocked);
     const sub11 = channel.on('member.unblocked', handleUnblocked);
+    const sub12 = channel.on('channel.topic.created', handleUpdate);
+    const sub13 = channel.on('channel.pinned', handleUpdate);
+    const sub14 = channel.on('channel.unpinned', handleUpdate);
 
     return () => {
       sub1.unsubscribe();
@@ -71,6 +74,9 @@ export function useChannelRowUpdates(channel: Channel, currentUserId?: string) {
       sub9.unsubscribe();
       sub10.unsubscribe();
       sub11.unsubscribe();
+      sub12.unsubscribe();
+      sub13.unsubscribe();
+      sub14.unsubscribe();
     };
   }, [channel, currentUserId]);
 

package/src/hooks/useMessageActions.ts

@@ -23,7 +23,7 @@ export type MessageActionList = {
 
 export const useMessageActions = (message: FormatMessageResponse, isOwnMessage: boolean): MessageActionList => {
   const { activeChannel, client } = useChatClient();
-  const { isTeamChannel: isTeam, isOwner, hasCapability } = useChannelCapabilities();
+  const { isTeamOrMeetingChannel: isTeam, isOwner, hasCapability } = useChannelCapabilities();
 
   // Only depend on the specific message fields we actually read
   const messageType = message.type;

package/src/index.ts

@@ -19,9 +19,12 @@ export { usePendingState } from './hooks/usePendingState';
 export { Avatar } from './components/Avatar';
 export type { AvatarProps } from './components/Avatar';
 
-export { ChannelList, ChannelItem } from './components/ChannelList';
+export { ChannelList, ChannelItem, ChannelTopicGroup } from './components/ChannelList';
 export type { ChannelListProps, ChannelItemProps } from './components/ChannelList';
 
+export { DefaultChannelActions, computeDefaultActions } from './components/ChannelActions';
+export type { ChannelAction, ChannelActionsProps } from './types';
+
 export { Channel } from './components/Channel';
 export type { ChannelProps } from './components/Channel';
 
@@ -94,6 +97,8 @@ export type { ReplyPreviewProps } from './types';
 export { ForwardMessageModal } from './components/ForwardMessageModal';
 export type { ForwardMessageModalProps, ForwardChannelItemProps } from './components/ForwardMessageModal';
 
+export { TopicModal } from './components/TopicModal';
+
 export { TypingIndicator } from './components/TypingIndicator';
 export type { TypingIndicatorProps } from './components/TypingIndicator';
 export { useTypingIndicator } from './hooks/useTypingIndicator';

package/src/styles/_channel-info.css

@@ -74,6 +74,27 @@
   margin: 0;
 }
 
+.ermis-channel-info__parent-name {
+  font-size: 13px;
+  color: var(--ermis-accent);
+  margin-top: -4px;
+  margin-bottom: 8px;
+  font-weight: 500;
+}
+
+.ermis-channel-info__topic-emoji-avatar {
+  font-size: 48px;
+  line-height: 80px;
+  width: 80px;
+  height: 80px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--ermis-bg-secondary);
+  border-radius: 50%;
+  margin-bottom: 16px;
+}
+
 .ermis-channel-info__cover-edit-btn {
   background: transparent;
   border: none;

package/src/styles/_channel-list.css

@@ -26,6 +26,29 @@
   text-overflow: ellipsis;
 }
 
+.ermis-channel-header__team-name {
+  font-size: var(--ermis-font-size-xs);
+  color: var(--ermis-text-secondary);
+  margin-bottom: 2px;
+  font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.ermis-channel-header__topic-avatar {
+  width: 32px;
+  height: 32px;
+  min-width: 32px;
+  border-radius: var(--ermis-radius-md);
+  background-color: var(--ermis-bg-primary);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 16px;
+  color: var(--ermis-text-secondary);
+}
+
 .ermis-channel-header__subtitle {
   font-size: var(--ermis-font-size-xs);
   color: var(--ermis-text-muted);
@@ -79,6 +102,7 @@
   cursor: pointer;
   border-left: 2px solid transparent;
   transition: background-color var(--ermis-transition), border-color var(--ermis-transition);
+  position: relative;
 }
 
 .ermis-channel-list__item:hover {
@@ -97,6 +121,21 @@
   flex: 1;
 }
 
+.ermis-channel-list__item-top-row {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: var(--ermis-spacing-sm);
+}
+
+.ermis-channel-list__item-bottom-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--ermis-spacing-sm);
+  margin-top: 2px;
+}
+
 .ermis-channel-list__item-name {
   font-size: var(--ermis-font-size-sm);
   font-weight: 500;
@@ -104,6 +143,15 @@
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  flex: 1;
+}
+
+.ermis-channel-list__item-timestamp {
+  font-size: var(--ermis-font-size-xs);
+  color: var(--ermis-text-muted);
+  white-space: nowrap;
+  flex-shrink: 0;
+  margin-top: 2px;
 }
 
 .ermis-channel-list__item-last-message {
@@ -112,13 +160,92 @@
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  margin-top: 2px;
+  flex: 1;
+}
+
+.ermis-channel-list__item-closed-indicator {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: var(--ermis-font-size-xs);
+  color: var(--ermis-text-secondary);
+  font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 1;
+}
+
+.ermis-channel-list__closed-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  color: var(--ermis-color-danger);
+}
+
+.ermis-channel-list__pinned-icon {
+  position: absolute;
+  top: -5px;
+  right: 0px;
+  color: var(--ermis-color-danger, #ef4444);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  transform: rotate(45deg);
+}
+
+.ermis-channel-list__item-badges {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  flex-shrink: 0;
 }
 
 .ermis-channel-list__item-last-message-user {
   color: var(--ermis-text-secondary);
 }
 
+.ermis-channel-list__item-actions-wrapper,
+.ermis-channel-list__topic-actions-wrapper {
+  position: absolute;
+  right: var(--ermis-spacing-sm);
+  top: 50%;
+  transform: translateY(-50%);
+  opacity: 0;
+  transition: opacity var(--ermis-transition);
+  display: flex;
+  align-items: center;
+  z-index: 1;
+}
+
+.ermis-channel-list__item:hover .ermis-channel-list__item-actions-wrapper,
+.ermis-channel-list__topic-header:hover .ermis-channel-list__topic-actions-wrapper,
+.ermis-channel-list__item-actions-wrapper:has(.ermis-channel-list__actions-trigger--active),
+.ermis-channel-list__topic-actions-wrapper:has(.ermis-channel-list__actions-trigger--active) {
+  opacity: 1;
+}
+
+.ermis-channel-list__actions-trigger {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border-radius: var(--ermis-radius-sm);
+  background-color: var(--ermis-bg-primary);
+  color: var(--ermis-text-muted);
+  border: none;
+  cursor: pointer;
+  transition: all var(--ermis-transition);
+}
+
+.ermis-channel-list__actions-trigger:hover,
+.ermis-channel-list__actions-trigger--active {
+  background-color: var(--ermis-bg-primary);
+  color: var(--ermis-accent);
+}
+
 /* --- Unread channel indicator --- */
 .ermis-channel-list__item--unread .ermis-channel-list__item-name {
   font-weight: 700;
@@ -146,11 +273,6 @@
   flex-shrink: 0;
 }
 
-/* --- Blocked channel indicator --- */
-.ermis-channel-list__item--blocked {
-  opacity: 0.5;
-}
-
 .ermis-channel-list__blocked-icon {
   display: inline-flex;
   align-items: center;
@@ -215,3 +337,92 @@
 .ermis-channel-list__accordion-icon--expanded {
   transform: rotate(0deg);
 }
+
+/* --- Topic Group --- */
+.ermis-channel-list__topic-group {
+  display: flex;
+  flex-direction: column;
+}
+
+.ermis-channel-list__topic-header {
+  display: flex;
+  align-items: center;
+  gap: var(--ermis-spacing-md);
+  padding: var(--ermis-spacing-md) var(--ermis-spacing-lg);
+  cursor: pointer;
+  border-left: 2px solid transparent;
+  transition: background-color var(--ermis-transition);
+  position: relative;
+}
+
+.ermis-channel-list__topic-header:hover {
+  background-color: var(--ermis-bg-hover);
+}
+
+.ermis-channel-list__topic-header-name {
+  font-size: var(--ermis-font-size-sm);
+  font-weight: 600;
+  color: var(--ermis-text-primary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 1;
+}
+
+.ermis-channel-list__add-topic-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border-radius: var(--ermis-radius-sm);
+  background-color: transparent;
+  color: var(--ermis-text-muted);
+  border: none;
+  cursor: pointer;
+  transition: all var(--ermis-transition);
+}
+
+.ermis-channel-list__add-topic-btn:hover {
+  background-color: var(--ermis-bg-primary);
+  color: var(--ermis-accent);
+}
+
+.ermis-channel-list__topic-header--expanded .ermis-channel-list__accordion-icon {
+  transform: rotate(0deg);
+}
+
+.ermis-channel-list__topic-sublist {
+  display: flex;
+  flex-direction: column;
+  background-color: var(--ermis-bg-secondary);
+}
+
+/* Indent nested items and provide hierarchical line */
+.ermis-channel-list__topic-sublist .ermis-channel-list__item {
+  padding-left: var(--ermis-spacing-md);
+  margin-left: 20px;
+  border-left: 2px solid var(--ermis-border);
+}
+
+.ermis-channel-list__topic-sublist .ermis-channel-list__item:hover {
+  border-left-color: var(--ermis-border-hover);
+}
+
+.ermis-channel-list__topic-sublist .ermis-channel-list__item--active {
+  border-left-color: var(--ermis-accent);
+}
+
+.ermis-channel-list__topic-hashtag {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  background-color: transparent;
+  color: var(--ermis-text-muted);
+  border-radius: var(--ermis-radius-full);
+  font-size: 0.95rem;
+  font-weight: 600;
+  flex-shrink: 0;
+}

package/src/styles/_message-bubble.css

@@ -190,7 +190,7 @@
   align-items: flex-end;
   padding: var(--ermis-spacing-sm) var(--ermis-spacing-md);
   border-radius: var(--ermis-radius-lg);
-  width: 100%;
+  /* width: 100%; */
   word-break: break-word;
 }
 
@@ -323,6 +323,10 @@
   width: 350px;
 }
 
+.ermis-message-list__item-content--has-attachments .ermis-message-bubble {
+  width: 100%;
+}
+
 /* Container for messages with both text + attachments */
 .ermis-message-content--with-attachments {
   display: flex;
@@ -365,11 +369,19 @@
   height: 100%;
   max-width: none;
   max-height: 200px;
-  object-fit: cover;
   border-radius: 0;
   display: block;
 }
 
+.ermis-attachment-grid .ermis-attachment--image {
+  object-fit: cover;
+}
+
+.ermis-attachment-grid .ermis-attachment--video {
+  object-fit: contain;
+  background-color: var(--ermis-bg-hover);
+}
+
 /* Single media: larger height allowed */
 .ermis-attachment-grid--single .ermis-attachment--image,
 .ermis-attachment-grid--single .ermis-attachment--video {
@@ -392,6 +404,10 @@
   background-color: var(--ermis-bg-hover);
 }
 
+.ermis-attachment-aspect-box--4-3 {
+  padding-bottom: 75%;
+}
+
 /* Blurred thumbnail preview (shown while full image loads) */
 .ermis-attachment-blur-preview {
   position: absolute;
@@ -427,14 +443,18 @@
   }
 }
 
-/* Full image — hidden until loaded, fades in over blur/shimmer */
-.ermis-attachment-aspect-box .ermis-attachment--image {
+.ermis-attachment--hidden-loader {
+  display: none;
+}
+
+/* Full media — hidden until loaded, fades in over blur/shimmer */
+.ermis-attachment-aspect-box .ermis-attachment--image,
+.ermis-attachment-aspect-box .ermis-attachment--video {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
-  object-fit: cover;
   opacity: 0;
   transition: opacity 0.3s ease;
   z-index: 2;
@@ -444,7 +464,17 @@
   border-radius: 0;
 }
 
-.ermis-attachment-aspect-box .ermis-attachment--image.ermis-attachment--loaded {
+.ermis-attachment-aspect-box .ermis-attachment--image {
+  object-fit: cover;
+}
+
+.ermis-attachment-aspect-box .ermis-attachment--video {
+  object-fit: contain;
+  background-color: var(--ermis-bg-hover);
+}
+
+.ermis-attachment-aspect-box .ermis-attachment--image.ermis-attachment--loaded,
+.ermis-attachment-aspect-box .ermis-attachment--video.ermis-attachment--loaded {
   opacity: 1;
 }
 
@@ -467,6 +497,7 @@
   max-width: 300px;
   max-height: 200px;
   border-radius: var(--ermis-radius-md);
+  object-fit: contain;
 }
 
 .ermis-attachment--file {
@@ -557,10 +588,28 @@
   border-color: var(--ermis-accent);
 }
 
+.ermis-attachment__link-image-wrapper {
+  position: relative;
+  width: 100%;
+  min-height: 120px;
+  background-color: var(--ermis-bg-hover);
+  overflow: hidden;
+}
+
 .ermis-attachment__link-image {
+  display: block;
   width: 100%;
-  max-height: 160px;
+  height: 100%;
   object-fit: cover;
+  position: absolute;
+  top: 0;
+  left: 0;
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}
+
+.ermis-attachment__link-image.ermis-attachment--loaded {
+  opacity: 1;
 }
 
 .ermis-attachment__link-info {
@@ -612,9 +661,26 @@
 }
 
 /* --- Sticker message --- */
+.ermis-message-sticker-wrapper {
+  position: relative;
+  width: 120px;
+  height: 120px;
+  overflow: hidden;
+}
+
 .ermis-message-sticker {
-  max-width: 120px;
-  max-height: 120px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}
+
+.ermis-message-sticker.ermis-attachment--loaded {
+  opacity: 1;
 }
 
 /* --- Error message --- */