@trtc/calls-uikit-react 4.1.0

package/types/Components/components/common/ButtonPanel/button/Speaker.d.ts

@@ -0,0 +1,5 @@
+interface ISpeakerProps {
+    isMobile?: boolean;
+}
+export default function Speaker(props: ISpeakerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/Components/components/common/ButtonPanel/button/SwitchAudioCall.d.ts

@@ -0,0 +1 @@
+export default function SwitchAudioCall(props: any): import("react/jsx-runtime").JSX.Element;

package/types/Components/components/common/ButtonPanel/button/SwitchCamera.d.ts

@@ -0,0 +1 @@
+export default function SwitchCamera(props: any): import("react/jsx-runtime").JSX.Element;

package/types/Components/components/common/ButtonPanel/config.d.ts

@@ -0,0 +1,254 @@
+import Reject from './button/Reject';
+import Microphone from './button/Microphone';
+import Camera from './button/Camera';
+import Hangup from './button/Hangup';
+import SwitchCamera from './button/SwitchCamera';
+import BackgroundBlur from './button/BackgroundBlur';
+export declare const ButtonPanelConfig: {
+    pc: {
+        singleCall: {
+            video: {
+                calling: ({
+                    component: typeof Camera;
+                    name: string;
+                    props: {};
+                } | {
+                    component: typeof Hangup;
+                    name?: undefined;
+                    props?: undefined;
+                })[][];
+                accept: ({
+                    component: typeof Camera;
+                    name: string;
+                    props: {};
+                } | {
+                    component: typeof Reject;
+                    name: string;
+                    props?: undefined;
+                })[][];
+                connected: ({
+                    component: typeof Camera;
+                    name: string;
+                    props: {};
+                } | {
+                    component: typeof Hangup;
+                    name: string;
+                    props?: undefined;
+                })[][];
+            };
+            audio: {
+                calling: ({
+                    component: typeof Microphone;
+                    name: string;
+                    props: {};
+                } | {
+                    component: typeof Hangup;
+                    name: string;
+                    props?: undefined;
+                })[][];
+                accept: {
+                    component: typeof Reject;
+                    name: string;
+                }[][];
+                connected: ({
+                    component: typeof Microphone;
+                    name: string;
+                    props: {};
+                } | {
+                    component: typeof Hangup;
+                    name: string;
+                    props?: undefined;
+                })[][];
+            };
+        };
+        groupCall: {
+            video: {
+                calling: ({
+                    component: typeof Camera;
+                    name: string;
+                    props: {};
+                } | {
+                    component: typeof Hangup;
+                    name: string;
+                    props?: undefined;
+                })[][];
+                accept: {
+                    component: typeof Reject;
+                    name: string;
+                }[][];
+                connected: ({
+                    component: typeof Camera;
+                    name: string;
+                    props: {};
+                } | {
+                    component: typeof Hangup;
+                    name: string;
+                    props?: undefined;
+                })[][];
+            };
+            audio: {
+                calling: ({
+                    component: typeof Camera;
+                    name: string;
+                    props: {};
+                } | {
+                    component: typeof Hangup;
+                    name: string;
+                    props?: undefined;
+                })[][];
+                accept: {
+                    component: typeof Reject;
+                    name: string;
+                }[][];
+                connected: ({
+                    component: typeof Camera;
+                    name: string;
+                    props: {};
+                } | {
+                    component: typeof Hangup;
+                    name: string;
+                    props?: undefined;
+                })[][];
+            };
+        };
+    };
+    h5: {
+        singleCall: {
+            video: {
+                calling: {
+                    component: typeof Hangup;
+                    props: {
+                        showText: boolean;
+                    };
+                }[][];
+                accept: {
+                    component: typeof Reject;
+                    name: string;
+                    props: {
+                        showText: boolean;
+                    };
+                }[][];
+                connected: ({
+                    component: typeof Microphone;
+                    name: string;
+                    props: {};
+                }[] | ({
+                    component: typeof BackgroundBlur;
+                    name: string;
+                    props: {
+                        style: {
+                            justifyContent: string;
+                            alignItems: string;
+                            visibility: string;
+                        };
+                        showText?: undefined;
+                    };
+                } | {
+                    component: typeof Hangup;
+                    name: string;
+                    props: {
+                        showText: boolean;
+                        style?: undefined;
+                    };
+                } | {
+                    component: typeof SwitchCamera;
+                    name: string;
+                    props: {
+                        style: {
+                            justifyContent: string;
+                            alignItems: string;
+                            visibility?: undefined;
+                        };
+                        showText?: undefined;
+                    };
+                })[])[];
+            };
+            audio: {
+                calling: {
+                    component: typeof Hangup;
+                    name: string;
+                    props: {
+                        showText: boolean;
+                    };
+                }[][];
+                accept: {
+                    component: typeof Reject;
+                    name: string;
+                }[][];
+                connected: ({
+                    component: typeof Microphone;
+                    name: string;
+                    props: {};
+                } | {
+                    component: typeof Hangup;
+                    name: string;
+                    props?: undefined;
+                })[][];
+            };
+        };
+        groupCall: {
+            video: {
+                calling: ({
+                    component: typeof Microphone;
+                    name: string;
+                    props: {};
+                }[] | {
+                    component: typeof Hangup;
+                    name: string;
+                    props: {
+                        showText: boolean;
+                    };
+                }[])[];
+                accept: {
+                    component: typeof Reject;
+                    name: string;
+                    props: {
+                        showText: boolean;
+                    };
+                }[][];
+                connected: ({
+                    component: typeof Microphone;
+                    name: string;
+                    props: {};
+                }[] | {
+                    component: typeof Hangup;
+                    name: string;
+                    props: {
+                        showText: boolean;
+                    };
+                }[])[];
+            };
+            audio: {
+                calling: ({
+                    component: typeof Microphone;
+                    name: string;
+                    props: {};
+                }[] | {
+                    component: typeof Hangup;
+                    name: string;
+                    props: {
+                        showText: boolean;
+                    };
+                }[])[];
+                accept: {
+                    component: typeof Reject;
+                    name: string;
+                    props: {
+                        showText: boolean;
+                    };
+                }[][];
+                connected: ({
+                    component: typeof Microphone;
+                    name: string;
+                    props: {};
+                }[] | {
+                    component: typeof Hangup;
+                    name: string;
+                    props: {
+                        showText: boolean;
+                    };
+                }[])[];
+            };
+        };
+    };
+};

package/types/Components/components/common/ButtonPanel/index.d.ts

@@ -0,0 +1,2 @@
+import ButtonPanel from './ButtonPanel';
+export default ButtonPanel;

package/types/Components/components/common/CallMessage/CallMessage.d.ts

@@ -0,0 +1,10 @@
+import { CallMediaType } from "../../../../TUICallService";
+export interface ICallMessageProps {
+    message: any;
+    callType: 'C2C' | 'group';
+    onClick?: (params: {
+        callMediaType: CallMediaType;
+        inviteeList: string[];
+    }) => any;
+}
+export default function CallMessage(props: ICallMessageProps): import("react/jsx-runtime").JSX.Element;

package/types/Components/components/common/CallMessage/CallMessageC2C/CallMessageC2C.d.ts

@@ -0,0 +1,2 @@
+import { ICallMessageProps } from '../CallMessage';
+export default function CallMessageC2C(props: ICallMessageProps): import("react/jsx-runtime").JSX.Element;

package/types/Components/components/common/CallMessage/CallMessageGroup/CallMessageGroup.d.ts

@@ -0,0 +1,2 @@
+import { ICallMessageProps } from '../CallMessage';
+export default function CallMessageGroup(props: ICallMessageProps): import("react/jsx-runtime").JSX.Element;

package/types/Components/components/common/CallMessage/index.d.ts

@@ -0,0 +1,2 @@
+import CallMessage from './CallMessage';
+export default CallMessage;

package/types/Components/components/common/DeviceSelector/DeviceSelector.d.ts

@@ -0,0 +1,7 @@
+import { DeviceType } from '../../../../TUICallService/const';
+interface IDeviceSelectorProps {
+    deviceType?: DeviceType;
+    isShowControlBtn?: boolean;
+}
+export default function DeviceSelector(props: IDeviceSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/Components/components/common/FloatingWindow/FloatingWindow.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+interface IFloatingWindowProps {
+    showVideo?: boolean;
+    hasVideo?: boolean;
+    children?: ReactNode;
+    isAudioAvailable?: boolean;
+    show?: boolean;
+}
+export default function FloatingWindow(props: IFloatingWindowProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/Components/components/common/FloatingWindow/FloatingWindowGroupCall/FloatingWindowGroupCall.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+interface IFloatingWindowH5Props {
+    showVideo?: boolean;
+    hasVideo?: boolean;
+    clickable?: boolean;
+    children?: ReactNode;
+}
+export default function FloatingWindowGroupCall(props: IFloatingWindowH5Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/Components/components/common/FloatingWindow/FloatingWindowSingleCall/FloatingWindowSingleCall.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+interface IFloatingWindowProps {
+    showVideo?: boolean;
+    enable?: boolean;
+    hasVideo?: boolean;
+    clickable?: boolean;
+    children?: ReactNode;
+}
+export default function FloatingWindowSingleCall(props: IFloatingWindowProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/Components/components/common/FloatingWindow/index.d.ts

@@ -0,0 +1,2 @@
+import FloatingWindow from './FloatingWindow';
+export default FloatingWindow;

package/types/Components/components/common/MicrophoneVolumn/MicrophoneVolumn.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+interface IMicrophoneVolumnProps {
+    close?: boolean;
+    volume?: number;
+    style?: CSSProperties;
+}
+export default function MicrophoneVolumn(props: IMicrophoneVolumnProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/Components/components/common/OverlayStream/OverlayStream.d.ts

@@ -0,0 +1,28 @@
+import { CSSProperties, ReactNode } from 'react';
+import { TObjectFit } from '../../../const/common';
+interface IOverlayStreamProps {
+    avatar?: string;
+    username?: string;
+    isMobile?: boolean;
+    blur?: boolean;
+    showAvatar?: boolean;
+    showUsername?: boolean;
+    theme?: 'circle' | 'dot';
+    style?: CSSProperties;
+    showOverlayer?: boolean;
+    showLoading?: boolean;
+    showBackground?: boolean;
+    className?: string;
+    showVolumn?: boolean;
+    volume?: number;
+    isMute?: boolean;
+    tip?: string;
+    isSmall?: boolean;
+    showTip?: boolean;
+    children?: ReactNode;
+    background?: string;
+    fit?: TObjectFit;
+    onError?: (event?: object) => void;
+}
+export default function OverlayStream(props: IOverlayStreamProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/Components/components/common/Player/Player.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties } from 'react';
+import { IUserInfo } from '../../../../TUICallService/interface';
+interface IPlayer {
+    streamInfo?: IUserInfo;
+    style?: CSSProperties;
+    showStreamInfo?: boolean;
+    loading?: boolean;
+    renderLoading?: (params?: any) => any;
+    renderAudioStream?: (params?: any) => any;
+    className?: string;
+    isSpkear?: boolean;
+    isLargeView?: boolean;
+}
+export default function Player(props: IPlayer): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/Components/components/common/Pusher/Pusher.d.ts

@@ -0,0 +1,13 @@
+import React, { CSSProperties } from 'react';
+interface IPusher {
+    style?: CSSProperties;
+    showStreamInfo?: boolean;
+    loading?: boolean;
+    renderLoading?: Function;
+    renderAudioStream?: any;
+    isSpkear?: boolean;
+    className?: string;
+    isLargeView?: boolean;
+}
+declare const Pusher: React.MemoExoticComponent<(props: IPusher) => import("react/jsx-runtime").JSX.Element>;
+export default Pusher;

package/types/Components/components/common/StreamInfo/StreamInfo.d.ts

@@ -0,0 +1 @@
+export default function StreamInfo(props: any): import("react/jsx-runtime").JSX.Element;

package/types/Components/components/common/StreamInfo/StreamInfoH5/StreamInfoH5.d.ts

@@ -0,0 +1,10 @@
+interface IStreamInfoH5Props {
+    isSpkear?: boolean;
+    isMute?: boolean;
+    displayName?: string;
+    showUserName?: boolean;
+    showSwitchCamera?: boolean;
+    showNetWorkStatus?: boolean;
+}
+export default function StreamInfoH5(props: IStreamInfoH5Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/Components/components/common/StreamInfo/StreamInfoPC/StreamInfoPC.d.ts

@@ -0,0 +1,9 @@
+interface IStreamInfoPCProps {
+    isMute?: boolean;
+    displayName?: string;
+    volume?: number;
+    isMe?: boolean;
+    showNetWorkStatus?: boolean;
+}
+export default function StreamInfoPC(props: IStreamInfoPCProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/Components/components/common/StreamInfo/index.d.ts

@@ -0,0 +1,2 @@
+import StreamInfo from './StreamInfo';
+export default StreamInfo;

package/types/Components/components/common/Tip/Tip.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties } from 'react';
+interface ITipProps {
+    className?: string;
+    style?: CSSProperties;
+}
+export default function Tip(props: ITipProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/Components/components/common/TopBar/TopBar.d.ts

@@ -0,0 +1 @@
+export default function TopBar(): import("react/jsx-runtime").JSX.Element;

package/types/Components/components/common/TopBar/h5/TopBarH5.d.ts

@@ -0,0 +1,5 @@
+interface ITopBarH5Props {
+    callDuration?: string;
+}
+export default function TopBarH5(props: ITopBarH5Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/Components/components/common/TopBar/pc/TopBarPC.d.ts

@@ -0,0 +1,5 @@
+interface ITopBarPCProps {
+    callDuration?: string;
+}
+export default function TopBarPC(props: ITopBarPCProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/Components/const/common.d.ts

@@ -0,0 +1,11 @@
+import { FunctionComponent } from 'react';
+export declare const classPrefix = "tk";
+export type TButton = {
+    component: FunctionComponent;
+    props: {
+        show: boolean;
+        [key: string]: any;
+    };
+};
+export type TButtons = TButton[][];
+export type TObjectFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';

package/types/Components/context/CallUserInfoContext.d.ts

@@ -0,0 +1,17 @@
+import { CallStatus, CallMediaType, CallRole } from '../../TUICallService';
+interface ICallInfoContext {
+    callStatus?: CallStatus;
+    callRole?: CallRole;
+    callType?: CallMediaType;
+    isEarPhone?: boolean;
+    isClickable?: boolean;
+    isGroupCall?: boolean;
+    isFloat?: boolean;
+    allowedMinimized?: boolean;
+    allowedFullScreen?: boolean;
+    enableVirtualBackground?: boolean;
+    isShowEnableVirtualBackground?: boolean;
+    isMuteSpeaker?: boolean;
+}
+declare const CallInfoContext: import("react").Context<ICallInfoContext>;
+export default CallInfoContext;

package/types/Components/context/CallerUserInfoContext.d.ts

@@ -0,0 +1,7 @@
+interface ICallerUserInfoContext {
+    avatar?: string;
+    userId?: string;
+    displayUserInfo?: string;
+}
+declare const CallerUserInfoContext: import("react").Context<ICallerUserInfoContext>;
+export default CallerUserInfoContext;

package/types/Components/context/CustomUIConfigContext.d.ts

@@ -0,0 +1,3 @@
+import { ICustomUIConfig } from '../../TUICallService/const';
+declare const CustomUIConfigContext: import("react").Context<ICustomUIConfig>;
+export default CustomUIConfigContext;

package/types/Components/context/FocusItemContext.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type TFocusItem = string | number | null;
+interface IFocusItemContext {
+    focusItem: TFocusItem;
+    setFocusItem: React.Dispatch<TFocusItem>;
+}
+declare const FocusItemContext: React.Context<IFocusItemContext>;
+export default FocusItemContext;

package/types/Components/context/IsClickableContext.d.ts

@@ -0,0 +1,2 @@
+declare const IsClickableContext: import("react").Context<boolean>;
+export default IsClickableContext;

package/types/Components/context/TranslateContext.d.ts

@@ -0,0 +1,4 @@
+declare const TranslateContext: import("react").Context<{
+    t: any;
+}>;
+export default TranslateContext;

package/types/Components/context/UserInfoContext.d.ts

@@ -0,0 +1,6 @@
+import { IUserInfo } from '../../TUICallService/interface';
+declare const UserInfoContext: import("react").Context<{
+    localUserInfo: IUserInfo;
+    remoteList: IUserInfo[];
+}>;
+export default UserInfoContext;

package/types/Components/context/index.d.ts

@@ -0,0 +1,8 @@
+import CallInfoContext from './CallUserInfoContext';
+import CallerUserInfoContext from './CallerUserInfoContext';
+import FocusItemContext from './FocusItemContext';
+import UserInfoContext from './UserInfoContext';
+import IsClickableContext from './IsClickableContext';
+import CustomUIConfigContext from './CustomUIConfigContext';
+import TranslateContext from './TranslateContext';
+export { CallInfoContext, CallerUserInfoContext, FocusItemContext, UserInfoContext, IsClickableContext, CustomUIConfigContext, TranslateContext, };

package/types/Components/hooks/index.d.ts

@@ -0,0 +1,4 @@
+import useTranslate from "./useTranslate";
+import useDeviceList from "./useDeviceList";
+import useCallDuration from "./useCallDuration";
+export { useTranslate, useDeviceList, useCallDuration, };

package/types/Components/hooks/useCallDuration.d.ts

@@ -0,0 +1 @@
+export default function useCallDuration(): any;

package/types/Components/hooks/useCustomButtonUIConfig.d.ts

@@ -0,0 +1 @@
+export default function useCustomButtonUIConfig(): any[];

package/types/Components/hooks/useDeviceList.d.ts

@@ -0,0 +1,8 @@
+import { DeviceType } from '../../TUICallService/const';
+declare const useDeviceList: (deviceType: DeviceType) => readonly [{
+    readonly deviceList: any[];
+    readonly currentDeviceId: string;
+}, {
+    readonly setCurrentDeviceId: import("react").Dispatch<import("react").SetStateAction<string>>;
+}];
+export default useDeviceList;

package/types/Components/hooks/useGetSpeakers.d.ts

@@ -0,0 +1 @@
+export default function useGetSpeakers(): any[];

package/types/Components/hooks/useGetVolumeMap.d.ts

@@ -0,0 +1,3 @@
+export default function useGetVolumeMap(): {
+    [key: string]: number;
+};

package/types/Components/hooks/useNetWorkStatus.d.ts

@@ -0,0 +1 @@
+export default function useNetWorkStatus(): any;

package/types/Components/hooks/useTranslate.d.ts

@@ -0,0 +1,3 @@
+export default function useTranslate(): {
+    t: any;
+};

package/types/Components/hooks/useViewBackgroundConfig.d.ts

@@ -0,0 +1 @@
+export default function useViewBackgroundConfig(): import("../../TUICallService/const").IViewBackgroundImage;

package/types/Components/util/classnames.d.ts

@@ -0,0 +1 @@
+export declare function classNames(...rest: any[]): string;

package/types/Components/util/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Converts `string` to a property path array.
+ *
+ * @private
+ * @param {string} string The string to convert.
+ * @returns {Array} Returns the property path array.
+ */
+export declare const stringToPath: {
+    (...args: any[]): any;
+    cache: Map<any, any>;
+};
+export declare function isEmpty(obj: any): boolean;
+export declare function findValues(obj: any, condition: any, path: any, results: any, formatResults: any): void;
+export declare function deepClone(obj: any): any;
+export declare function clearPropsValues(obj: any, value: any): any;

package/types/Components/util/uiDesign.d.ts

@@ -0,0 +1,2 @@
+export declare function modify(config: any, path: any, value: any): void;
+export declare function add(config: any, path: any, value: any): void;

package/types/TUICallService/CallService/UIDesign.d.ts

@@ -0,0 +1,28 @@
+import { FeatureButton, LayoutMode } from "../const/index";
+export interface IUIDesign {
+    updateViewBackgroundUserId: (viewType: 'local' | 'remote') => void;
+    hideFeatureButton: (buttonName: FeatureButton) => void;
+    setLocalViewBackgroundImage: (url: string) => void;
+    setRemoteViewBackgroundImage: (userId: string, url: string) => void;
+    setLayoutMode: (layoutMode: LayoutMode) => void;
+    setCameraDefaultState: (isOpen: boolean) => void;
+    setEngineInstance: (engineInstance: any) => void;
+    setTUIStore: (tuiStore: any) => void;
+}
+export declare class UIDesign implements IUIDesign {
+    static instance: IUIDesign;
+    static getInstance(): IUIDesign;
+    private _viewConfig;
+    private _isSetViewBackgroundConfig;
+    private _tuiCallEngine;
+    private _tuiStore;
+    private _updateViewBackground;
+    setEngineInstance(engineInstance: any): void;
+    setTUIStore(tuiStore: any): void;
+    updateViewBackgroundUserId(name: any): void;
+    hideFeatureButton(buttonName: FeatureButton): void;
+    setLocalViewBackgroundImage(url: string): void;
+    setRemoteViewBackgroundImage(userId: string, url: string): void;
+    setLayoutMode(layoutMode: LayoutMode): void;
+    setCameraDefaultState(isOpen: boolean): void;
+}