@ethora/chat-component 26.5.4 → 26.5.5

package/dist/assets/icons.d.ts

@@ -2,14 +2,15 @@ export declare const AddNewIcon: ({ color, ...props }: {
     [x: string]: any;
     color?: string;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const AttachIcon: ({ color, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const AttachIcon: ({ color, bgcolor, ...props }: any) => import("react/jsx-runtime").JSX.Element;
 export declare const CloseIcon: ({ color, ...props }: any) => import("react/jsx-runtime").JSX.Element;
 export declare const DownloadIcon: ({ color, ...props }: any) => import("react/jsx-runtime").JSX.Element;
-export declare const RecordIcon: ({ color, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const RecordIcon: ({ color, bgcolor, ...props }: any) => import("react/jsx-runtime").JSX.Element;
 export declare const RemoveIcon: (props: any) => import("react/jsx-runtime").JSX.Element;
-export declare const SendIcon: ({ color, ...props }: {
+export declare const SendIcon: ({ color, bgcolor, ...props }: {
     [x: string]: any;
     color?: string;
+    bgcolor?: string;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const GoogleIcon: ({ ...props }: {
     [x: string]: any;
@@ -22,18 +23,6 @@ export declare const SearchIcon: ({ color, ...props }: {
     [x: string]: any;
     color?: string;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const VideoCallIcon: ({ color, ...props }: {
-    [x: string]: any;
-    color?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const AudioCallIcon: ({ color, ...props }: {
-    [x: string]: any;
-    color?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const HangUpIcon: ({ color, ...props }: {
-    [x: string]: any;
-    color?: string;
-}) => import("react/jsx-runtime").JSX.Element;
 export declare const ReferalsIcon: ({ color, ...props }: {
     [x: string]: any;
     color?: string;

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/helpers/resolveIconColor.d.ts

@@ -8,6 +8,15 @@ import { IConfig } from '../types/types';
  * `colors.icons`.
  */
 export declare const resolveIconColor: (config?: Pick<IConfig, "colors"> | null) => string;
+/**
+ * Resolve the background colour to use behind the chat's icon "chips" (attach,
+ * send, microphone, file preview, etc.).
+ *
+ * Priority: explicit `config.colors.iconsBg` → `config.colors.secondary` →
+ * white. Lets a host theme the icon backgrounds independently from `secondary`
+ * via `colors.iconsBg`, while keeping the historical white default.
+ */
+export declare const resolveIconBgColor: (config?: Pick<IConfig, "colors"> | null) => string;
 /** CSS variable read by the chat's chrome icons as their default colour. */
 export declare const ICON_COLOR_VAR = "--ethora-icon-color";
 /**

package/dist/helpers/storeConsole.d.ts

@@ -2,5 +2,4 @@ export declare const useStoreConsole: () => {
     chatSettingStore: any;
     rooms: any;
     roomHeapSlice: import('../roomStore/roomHeapSlice').roomHeapSliceState;
-    call: import('immer').WritableDraft<import('../roomStore/callSlice').CallState>;
 };

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. */