@ethora/chat-component 26.5.2 → 26.5.3

package/dist/components/InputComponents/Search.d.ts

@@ -3,6 +3,7 @@ interface SearchInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     icon?: React.ReactNode;
     animated?: boolean;
     direction?: 'left' | 'right';
+    colorBg?: string;
 }
 declare const SearchInput: React.FC<SearchInputProps>;
 export { SearchInput };

package/dist/components/styled/StyledInput.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 interface StyledInputProps {
     label?: string;
     color?: string;
+    colorBg?: string;
     helperText?: string;
     error?: boolean;
     [key: string]: any;

package/dist/components/styled/StyledInputComponents/StyledInputComponents.d.ts

@@ -2,6 +2,7 @@ export declare const InputContainer: import('styled-components/dist/types').ISty
 export declare const MessageInputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const MessageInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
     $color?: string;
+    $colorBg?: string;
 }>> & string;
 export declare const HiddenFileInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
 export declare const Timer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -11,13 +12,17 @@ export declare const FilePreviewContainer: import('styled-components/dist/types'
 export declare const FilePreview: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ImagePreview: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
 export declare const VideoPreview: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, never>> & string;
-export declare const StyledInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const StyledInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+    $colorBg?: string;
+}>> & string;
 export declare const TextareaWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $dynamicHeight?: number;
     $color?: string;
     $isFocused?: boolean;
+    $colorBg?: string;
 }>> & string;
 export declare const TextareaInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {
     $dynamicHeight?: number;
     $color?: string;
+    $colorBg?: string;
 }>> & string;

package/dist/hooks/useUnreadMessagesCounter.d.ts

@@ -11,10 +11,12 @@ interface UnreadMessagesStats {
     displayTotal: string;
     displayByRoom: UnreadMessagesDisplayMap;
     /**
-     * True while the unread counts are not trustworthy yet — i.e. until the
-     * room list has been populated at least once (from cache or the API), or
-     * until the first rooms load cycle finishes for an account with no rooms.
-     * Lets consumers show a spinner/skeleton instead of a misleading "0".
+     * True while the unread counts are still settling on first load. Instead of
+     * surfacing the count as it ramps up (0 → 2 → 3 … as history backfills), the
+     * hook keeps `loading` true until the per-room counts have stopped changing
+     * for a short window, then latches it to false. After that first settle,
+     * live message increments update the counts immediately and never flip
+     * `loading` back on — it's a first-load indicator, not a per-update one.
      */
     loading: boolean;
     /** Alias of `loading` — matches the React Native SDK field name. */