@mindly/ui-components 3.5.6 → 3.6.0

package/dist/esm/types/index.d.ts

@@ -67,3 +67,5 @@ export { default as LouseConnect } from './lib/Chat/LouseConnect';
 export * from './lib/Chat/LouseConnect';
 export { default as UpdatesCard } from './lib/UpdatesCard';
 export * from './lib/UpdatesCard';
+export { default as SwitchDeviceCard } from './lib/SwitchDeviceCard';
+export * from './lib/SwitchDeviceCard';

package/dist/esm/types/lib/Container/Container.d.ts

@@ -1,7 +1,7 @@
-import React, { CSSProperties } from 'react';
+import { CSSProperties, FC } from 'react';
 declare type ContainerProps = {
     style?: CSSProperties;
     className?: string;
 };
-declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
+declare const Container: FC<ContainerProps>;
 export default Container;

package/dist/esm/types/lib/SwitchDeviceCard/ListItem/ListItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare type ListItemProps = {
+    isActive?: boolean;
+    icon?: string;
+    label?: string;
+} & React.LiHTMLAttributes<HTMLLIElement>;
+declare const ListItem: React.FC<ListItemProps>;
+export default ListItem;

package/dist/esm/types/lib/SwitchDeviceCard/SwitchDeviceCard.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+declare type VideoCallSwitchDevice = {
+    /**
+     * Modal heading
+     */
+    heading?: string;
+    /**
+     * List of available devices(to get call AgoraRTC.getDevices()
+     */
+    deviceList?: MediaDeviceInfo[];
+    /**
+     * Device which active for this moment
+     */
+    activeDeviceID?: string;
+    /**
+     * On click handler that triggers when user click to any button in list
+     */
+    onClickDeviceHandler?: (deviceID: string) => void;
+    /**
+     * Type of device for switching
+     */
+    deviceType: 'audio' | 'video';
+    /**
+     * Handler that trigger disables audio or video tracks, if not specify last button in modal won`t showing
+     */
+    disableDeviceHandler?: () => void;
+    /**
+     * If device enabled: true, if muted: false
+     */
+    isActive?: boolean;
+};
+declare const SwitchDeviceCard: React.FC<VideoCallSwitchDevice>;
+export default SwitchDeviceCard;

package/dist/esm/types/lib/SwitchDeviceCard/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SwitchDeviceCard';

package/dist/index.d.ts

@@ -385,7 +385,7 @@ declare type ContainerProps = {
     style?: CSSProperties;
     className?: string;
 };
-declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
+declare const Container: FC<ContainerProps>;
 
 declare type SegmentType = {
     id: string;
@@ -502,4 +502,36 @@ declare type UpdatesPopupPropsType = {
 };
 declare const UpdatesCard: React.FC<UpdatesPopupPropsType>;
 
-export { AppHeader, ArchivedConsultationCard, Avatar, AvatarProps, Button, ChatListItem, ChatListSkeleton, ChatMessage, ChatMessageSkeleton, ConsultationCard, ConsultationCardProps, ConsultationCardSkeleton, Container, ContentCard, DatePicker, DateTimeType, DayOfWeeks, DayToRender, EmptyChatList, EmptyChatMessages, EntryNotFound, EntryNotFoundProps, FloatingButton, FooterForBooking, HorizontalCalendar, HorizontalCalendarProps, ImageWithFallback, ImpressionEmojiEnum, Input, _default$2 as LetterAvatar, ListButton, ListSelect, LouseConnect, AgoraMediaPlayer as MediaPlayer, Modal, ModalCalendar, NavigationBar, NoInternetConnection, NotesCardText, NotesEditor, _default$1 as PersonDateTimeCard, Range, RoundButton, RowSelect, ScrollTabs, Segment, SegmentType, _default as SelectImpressionEmoji, StatusTag, TabBar, Textarea, TherapistCard, TherapistInformationComponent, Toggle, UpdatesCard, UsersPsychologistScrollList, YourLocalTimeBlock, toast };
+declare type VideoCallSwitchDevice = {
+    /**
+     * Modal heading
+     */
+    heading?: string;
+    /**
+     * List of available devices(to get call AgoraRTC.getDevices()
+     */
+    deviceList?: MediaDeviceInfo[];
+    /**
+     * Device which active for this moment
+     */
+    activeDeviceID?: string;
+    /**
+     * On click handler that triggers when user click to any button in list
+     */
+    onClickDeviceHandler?: (deviceID: string) => void;
+    /**
+     * Type of device for switching
+     */
+    deviceType: 'audio' | 'video';
+    /**
+     * Handler that trigger disables audio or video tracks, if not specify last button in modal won`t showing
+     */
+    disableDeviceHandler?: () => void;
+    /**
+     * If device enabled: true, if muted: false
+     */
+    isActive?: boolean;
+};
+declare const SwitchDeviceCard: React.FC<VideoCallSwitchDevice>;
+
+export { AppHeader, ArchivedConsultationCard, Avatar, AvatarProps, Button, ChatListItem, ChatListSkeleton, ChatMessage, ChatMessageSkeleton, ConsultationCard, ConsultationCardProps, ConsultationCardSkeleton, Container, ContentCard, DatePicker, DateTimeType, DayOfWeeks, DayToRender, EmptyChatList, EmptyChatMessages, EntryNotFound, EntryNotFoundProps, FloatingButton, FooterForBooking, HorizontalCalendar, HorizontalCalendarProps, ImageWithFallback, ImpressionEmojiEnum, Input, _default$2 as LetterAvatar, ListButton, ListSelect, LouseConnect, AgoraMediaPlayer as MediaPlayer, Modal, ModalCalendar, NavigationBar, NoInternetConnection, NotesCardText, NotesEditor, _default$1 as PersonDateTimeCard, Range, RoundButton, RowSelect, ScrollTabs, Segment, SegmentType, _default as SelectImpressionEmoji, StatusTag, SwitchDeviceCard, TabBar, Textarea, TherapistCard, TherapistInformationComponent, Toggle, UpdatesCard, UsersPsychologistScrollList, YourLocalTimeBlock, toast };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindly/ui-components",
-  "version": "3.5.6",
+  "version": "3.6.0",
   "private": false,
   "scripts": {
     "start": "react-scripts start",