@linktr.ee/messaging-react 1.12.1 → 1.12.2-rc-1765326466

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "1.12.1",
+  "version": "1.12.2-rc-1765326466",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.js",

package/src/components/ChannelView.tsx

@@ -25,6 +25,7 @@ import { CloseButton } from './CloseButton'
 import { CustomMessageInput } from './CustomMessageInput'
 import { CustomSystemMessage } from './CustomSystemMessage'
 import { ChannelEmptyState } from './MessagingShell/ChannelEmptyState'
+import { LoadingState } from './MessagingShell/LoadingState'
 
 // Custom user type with email and username
 type CustomUser = {
@@ -559,6 +560,7 @@ export const ChannelView = React.memo<ChannelViewProps>(
           channel={channel}
           MessageSystem={CustomSystemMessage}
           EmptyStateIndicator={CustomChannelEmptyState}
+          LoadingIndicator={LoadingState}
         >
           <ChannelViewInner
             onBack={onBack}

package/src/components/MessagingShell/ChannelEmptyState.tsx

@@ -2,5 +2,6 @@ import React from 'react'
 
 /**
  * Empty state component shown when a channel has no messages
+ * Returns null to show nothing - the LoadingIndicator handles the loading state
  */
 export const ChannelEmptyState: React.FC = () => null

package/src/components/MessagingShell/index.tsx

@@ -426,15 +426,14 @@ export const MessagingShell: React.FC<MessagingShellProps> = ({
           className={classNames(
             'messaging-channel-list-sidebar min-h-0 min-w-0 lg:flex lg:flex-col',
             {
-              // Explicitly hidden via prop or in direct conversation mode
               '!hidden': showChannelList === false || directConversationMode,
-              // Normal mode: hide on mobile when channel selected, show on desktop
+              // Hide on mobile when channel selected, show on desktop with consistent narrow width
               'hidden lg:flex lg:w-80 lg:min-w-[280px] lg:max-w-[360px]':
                 showChannelList !== false &&
                 !directConversationMode &&
                 isChannelSelected,
-              // Normal mode: show when no channel selected
-              'flex flex-col w-full lg:flex-1 lg:max-w-2xl':
+              // Show on mobile when no channel selected, use same narrow width on desktop
+              'flex flex-col w-full lg:w-80 lg:min-w-[280px] lg:max-w-[360px]':
                 showChannelList !== false &&
                 !directConversationMode &&
                 !isChannelSelected,