@ethora/chat-component 26.5.4 → 26.5.5

package/dist/networking/api-requests/rooms.api.d.ts

@@ -10,6 +10,3 @@ export declare function postReportRoom(data: PostReportRoom): Promise<any>;
 export declare function postAddRoomMember(data: PostAddRoomMember): Promise<RoomMember[]>;
 export declare function deleteRoomMember(data: DeleteRoomMember): Promise<any>;
 export declare function deleteRoom(name: string): Promise<any>;
-export declare function createChatCall(chatName: string, options?: {
-    kind?: 'audio' | 'video';
-}): Promise<void>;

package/dist/roomStore/index.d.ts

@@ -4,12 +4,10 @@ declare const rootReducer: Reducer<{
     chatSettingStore: any;
     rooms: any;
     roomHeapSlice: import('./roomHeapSlice').roomHeapSliceState;
-    call: import('immer').WritableDraft<import('./callSlice').CallState>;
 }, import('redux').UnknownAction, Partial<{
     chatSettingStore: any;
     rooms: any;
     roomHeapSlice: import('./roomHeapSlice').roomHeapSliceState;
-    call: import('immer').WritableDraft<import('./callSlice').CallState>;
 }>>;
 export type RootState = ReturnType<typeof rootReducer>;
 export declare const getActiveRoom: (state: RootState) => IRoom | null;
@@ -17,13 +15,11 @@ export declare const store: import('@reduxjs/toolkit').EnhancedStore<{
     chatSettingStore: any;
     rooms: any;
     roomHeapSlice: import('./roomHeapSlice').roomHeapSliceState;
-    call: import('immer').WritableDraft<import('./callSlice').CallState>;
 }, AnyAction, import('@reduxjs/toolkit').Tuple<[import('redux').StoreEnhancer<{
     dispatch: import('redux-thunk').ThunkDispatch<{
         chatSettingStore: any;
         rooms: any;
         roomHeapSlice: import('./roomHeapSlice').roomHeapSliceState;
-        call: import('immer').WritableDraft<import('./callSlice').CallState>;
     }, undefined, import('redux').UnknownAction>;
 }>, import('redux').StoreEnhancer]>>;
 export type AppDispatch = typeof store.dispatch;

package/dist/types/models/config.model.d.ts

@@ -5,37 +5,6 @@ import { MessageBubble, MessageProps, IMessage } from './message.model';
 import { Iso639_1Codes } from './language.model';
 import { default as React } from 'react';
 import { MessageNotificationToastProps } from '../../components/MessageNotification/MessageNotificationToast';
-/**
- * Override the icons used by the in-call control bar and the incoming-call
- * ring screen. Each value is any React node (an <svg>, an <img>, an icon
- * component element). When omitted, the chat's built-in icon is used. The
- * mic/camera/screen-share toggles take separate on/off icons so the host can
- * express the active vs muted state however they like.
- */
-export interface VideoCallIcons {
-    micOn?: React.ReactNode;
-    micOff?: React.ReactNode;
-    cameraOn?: React.ReactNode;
-    cameraOff?: React.ReactNode;
-    screenShareOn?: React.ReactNode;
-    screenShareOff?: React.ReactNode;
-    hangup?: React.ReactNode;
-    accept?: React.ReactNode;
-    decline?: React.ReactNode;
-}
-export interface VideoCallsConfig {
-    enabled: boolean;
-    livekitUrl: string;
-    allowedRoomTypes?: Array<'private'>;
-    /** Start a video call with the camera already on. Default true. */
-    startWithCameraOn?: boolean;
-    /** Start a call with the microphone already on. Default true. */
-    startWithMicOn?: boolean;
-    /** Show the screen-share control. Default true. */
-    showScreenShare?: boolean;
-    /** Custom icons for the call control bar / ring screen. See VideoCallIcons. */
-    icons?: VideoCallIcons;
-}
 export interface FBConfig {
     apiKey: string;
     authDomain: string;
@@ -118,12 +87,19 @@ export interface IConfig {
          * primary theme colour.
          */
         icons?: string;
+        /**
+         * Background colour of the chat's icon "chips" (attach, send, microphone,
+         * file preview, etc.). When omitted, falls back to `secondary` and then to
+         * white. Set to decouple the icon backgrounds from `secondary`.
+         */
+        iconsBg?: string;
         /** Background colour of the user's own message bubbles. Default #E7EDF9. */
         ownMessageBackground?: string;
         /** Background colour of other users' message bubbles. Default #FFFFFF. */
         otherMessageBackground?: string;
         /** Background colour of the message input bar. Default #FFFFFF. */
         inputBackground?: string;
+        colorInput?: string;
     };
     /** Configurable font family / size / weights for the chat UI. See TypographyConfig. */
     typography?: TypographyConfig;
@@ -357,5 +333,4 @@ export interface IConfig {
             source?: 'service_worker' | 'foreground';
         }) => void | Promise<void>;
     };
-    videoCalls?: VideoCallsConfig;
 }

package/dist/types/models/message.model.d.ts

@@ -32,13 +32,6 @@ export interface IMessage {
     size?: string;
     xmppId?: string;
     xmppFrom?: string;
-    callLog?: {
-        callId: string;
-        direction: 'outgoing' | 'incoming';
-        durationMs: number;
-        missed: boolean;
-        kind: 'audio' | 'video';
-    };
 }
 export interface ReactionMessage {
     emoji: string[];

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const ETHORA_CHAT_COMPONENT_VERSION = "26.03.28";
+export declare const ETHORA_CHAT_COMPONENT_VERSION = "26.02.22";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethora/chat-component",
-  "version": "26.5.4",
+  "version": "26.5.5",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -29,8 +29,6 @@
   "dependencies": {
     "@emoji-mart/data": "^1.2.1",
     "@emoji-mart/react": "^1.1.1",
-    "@livekit/components-react": "^2.9.20",
-    "@livekit/components-styles": "^1.2.0",
     "@reduxjs/toolkit": "^2.8.2",
     "@types/styled-components": "^5.1.34",
     "@xmpp/client": "^0.13.6",
@@ -38,7 +36,6 @@
     "emoji-mart": "^5.6.0",
     "firebase": "^11.9.1",
     "js-sha256": "^0.11.1",
-    "livekit-client": "^2.18.3",
     "ltx": "^3.1.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

package/dist/components/VideoCalls/VideoCallOverlay.d.ts

@@ -1,2 +0,0 @@
-import { default as React } from 'react';
-export declare const VideoCallOverlay: React.FC;

package/dist/components/VideoCalls/VideoCallSession.d.ts

@@ -1,25 +0,0 @@
-import { default as React } from 'react';
-import { VideoCallIcons } from '../../types/models/config.model';
-interface VideoCallSessionProps {
-    token: string;
-    livekitUrl: string;
-    kind?: 'audio' | 'video';
-    primaryColor?: string;
-    /** Host icon overrides for the control bar. */
-    icons?: VideoCallIcons;
-    /** Start with the camera on (video calls). Default true. */
-    startWithCameraOn?: boolean;
-    /** Start with the microphone on. Default true. */
-    startWithMicOn?: boolean;
-    /** Show the screen-share control. Default true. */
-    showScreenShare?: boolean;
-    /** Render the compact floating-panel layout instead of the full screen. */
-    minimized?: boolean;
-    /** Toggle between full and minimized layouts (keeps the session mounted). */
-    onToggleMinimize?: () => void;
-    onConnected?: () => void;
-    onError?: (message: string) => void;
-    onHangup: () => void;
-}
-export declare const VideoCallSession: React.FC<VideoCallSessionProps>;
-export {};

package/dist/helpers/callLogMessage.d.ts

@@ -1,11 +0,0 @@
-import { IMessage } from '../types/types';
-export interface CallLogMeta {
-    callId: string;
-    direction: 'outgoing' | 'incoming';
-    durationMs: number;
-    missed: boolean;
-    kind: 'audio' | 'video';
-}
-export declare const isCallLogMessage: (message: unknown) => boolean;
-export declare const callStateHasLogData: (attrs: Record<string, any>) => boolean;
-export declare const transformCallLogMessage: (message: IMessage, selfXmppUsername: string) => IMessage;

package/dist/helpers/callPush.d.ts

@@ -1,22 +0,0 @@
-export interface ParsedCallPush {
-    callId: string | null;
-    /** LiveKit token, if the push carried one (lets us ring + accept offline). */
-    token: string | null;
-    kind: 'audio' | 'video';
-    /** Bare room name (JID localpart) the call belongs to. */
-    roomBareName: string | null;
-    /** Raw room reference from the payload (full JID or bare name). */
-    roomRef: string | null;
-    /** Display name for the ring screen (caller). */
-    callerName: string | null;
-    /** Caller's xmpp localpart, when provided. */
-    callerXmppUsername: string | null;
-}
-/**
- * True when a push `data` payload represents an incoming call. Matches on an
- * explicit call marker (`type`/`pushType`/`category`/`event` === "call"-ish)
- * or on a callId paired with a call-specific field, so a normal message push
- * is never misread as a call.
- */
-export declare const isCallPush: (data: Record<string, any> | null | undefined) => boolean;
-export declare const parseCallPush: (data: Record<string, any> | null | undefined) => ParsedCallPush;

package/dist/helpers/useDraggable.d.ts

@@ -1,18 +0,0 @@
-export interface DraggablePosition {
-    x: number;
-    y: number;
-}
-/**
- * Minimal pointer-based drag hook (no deps). Returns the current offset and a
- * pointer-down handler to attach to a drag handle. The consumer decides how to
- * apply `pos` (e.g. as `left/top`, or as a delta from a default corner).
- *
- * `onChange` fires while dragging so callers can clamp to bounds. Works with
- * mouse and touch via Pointer Events. `null` position means "not yet dragged"
- * (use your default layout until the user moves it).
- */
-export declare const useDraggable: (clamp?: (pos: DraggablePosition) => DraggablePosition) => {
-    pos: DraggablePosition;
-    onPointerDown: (e: React.PointerEvent) => void;
-    setPos: import('react').Dispatch<import('react').SetStateAction<DraggablePosition>>;
-};

package/dist/networking/callTokenStanza.d.ts

@@ -1,13 +0,0 @@
-import { Element } from 'ltx';
-export declare const onCallTokenMessage: (stanza: Element) => boolean;
-export type CallSignalState = 'ended' | 'declined' | 'cancelled' | 'rejected';
-export declare const sendCallStateSignal: (state: CallSignalState, options?: {
-    peerXmppUsername?: string | null;
-    callId?: string | null;
-    roomBareName?: string | null;
-}) => void;
-export declare const sendCallInviteSignal: (kind: "audio" | "video", options: {
-    peerXmppUsername: string;
-    roomBareName: string;
-    callId?: string | null;
-}) => void;

package/dist/roomStore/callSlice.d.ts

@@ -1,37 +0,0 @@
-export type CallPhase = 'idle' | 'requesting' | 'ringing-incoming' | 'connecting' | 'in-call' | 'error';
-export type CallDirection = 'outgoing' | 'incoming' | null;
-export type CallKind = 'audio' | 'video';
-export interface CallState {
-    phase: CallPhase;
-    direction: CallDirection;
-    kind: CallKind;
-    roomJid: string | null;
-    roomName: string | null;
-    roomBareName: string | null;
-    callId: string | null;
-    peerXmppUsername: string | null;
-    token: string | null;
-    error: string | null;
-    startedAt: number | null;
-}
-export declare const startOutgoingCall: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
-    roomJid: string;
-    roomName?: string | null;
-    roomBareName?: string | null;
-    kind?: CallKind;
-    peerXmppUsername?: string | null;
-}, "call/startOutgoingCall">, setIncomingCallToken: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
-    roomJid: string;
-    roomName?: string | null;
-    roomBareName?: string | null;
-    token: string;
-    kind?: CallKind;
-    callId?: string | null;
-    peerXmppUsername?: string | null;
-}, "call/setIncomingCallToken">, setOutgoingCallToken: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
-    roomJid: string;
-    token: string;
-    callId?: string | null;
-}, "call/setOutgoingCallToken">, acceptIncomingCall: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"call/acceptIncomingCall">, declineIncomingCall: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"call/declineIncomingCall">, endCall: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"call/endCall">, setCallError: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<string, "call/setCallError">, setCallPhase: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<CallPhase, "call/setCallPhase">, setCallKind: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<CallKind, "call/setCallKind">, resetCall: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"call/resetCall">;
-declare const _default: import('redux').Reducer<import('immer').WritableDraft<CallState>>;
-export default _default;