@mindly/ui-components 3.10.5 → 3.11.0

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

@@ -91,3 +91,5 @@ export { default as VideoPlayer } from './lib/VideoPlayer';
 export * from './lib/VideoPlayer';
 export { default as NotSupportModal } from './lib/BrowserNotSupport';
 export * from './lib/BrowserNotSupport';
+export { default as VideoCallInfo } from './lib/VideoCallInfo';
+export * from './lib/VideoCallInfo';

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

@@ -1,15 +1,15 @@
 import React, { HTMLAttributes } from 'react';
 import { ILocalAudioTrack, ILocalVideoTrack, IRemoteAudioTrack, IRemoteVideoTrack } from 'agora-rtc-sdk-ng';
 export declare type MediaPlayerProps = {
+    fullwidth?: boolean;
     cameraTrack?: ILocalVideoTrack | IRemoteVideoTrack;
     audioTrack?: ILocalAudioTrack | IRemoteAudioTrack;
-    participantFullName?: string;
-    fullScreen?: boolean;
-    networkQualityShowHint?: boolean;
-    networkQuality?: number;
-    fallbackImage?: string;
-    fallbackText?: string;
     isVideoTrackMuted?: boolean;
+    isAudioTrackMuted?: boolean;
+    networkQuality?: number;
+    fallbackAvatar?: string;
+    fallbackName?: string;
+    showControls: boolean;
 } & HTMLAttributes<HTMLDivElement>;
 declare const _default: React.NamedExoticComponent<MediaPlayerProps>;
 export default _default;

package/dist/esm/types/lib/AgoraMediaPlayer/AgoraMediaPlayer.style.d.ts

@@ -1,11 +1,14 @@
-/// <reference types="react" />
-export declare const StyledMediaPlayerContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare type StyledMediaPlayerContainerPropsType = {
-    fullScreen?: boolean;
+export declare const AgoraMediaWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare type AgoraMediaPlayerWrapperProps = {
+    fullwidth: boolean;
 };
-export declare const StyledMediaPlayer: import("styled-components").StyledComponent<"div", any, StyledMediaPlayerContainerPropsType, never>;
-declare type StyledPlaceholderImagePropsType = {
-    fullScreen?: boolean;
+export declare const AgoraMediaPlayerWrapper: import("styled-components").StyledComponent<"div", any, AgoraMediaPlayerWrapperProps, never>;
+declare type AgoraMediaNoVideoWrapperProps = {
+    fullwidth: boolean;
 };
-export declare const StyledPlaceholderImage: import("styled-components").StyledComponent<import("react").FC<import("../Avatar").AvatarProps>, any, StyledPlaceholderImagePropsType, never>;
+export declare const AgoraMediaNoVideoWrapper: import("styled-components").StyledComponent<"div", any, AgoraMediaNoVideoWrapperProps, never>;
+export declare const AgoraMediaFallbackName: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AgoraMediaControlsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ControlsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ControlItemWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export {};

package/dist/esm/types/lib/AgoraMediaPlayer/NetworkQuality/NetworkQualityComponents.style.d.ts

@@ -0,0 +1,8 @@
+declare type StyledNetworkQualityComponentContainerPropsType = {
+    showingAdditionalInfo?: boolean;
+    fullScreen?: boolean;
+};
+export declare const StyledNetworkQualityComponentContainer: import("styled-components").StyledComponent<"div", any, StyledNetworkQualityComponentContainerPropsType, never>;
+export declare const StyledNetworkQualityComponent: any;
+export declare const StyledNetworkQualityTextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

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

@@ -3,6 +3,7 @@ import React from 'react';
 declare type SkeletonProps = {
     widthPx?: number;
     heightPx?: number;
+    style?: React.CSSProperties;
 } & Omit<JSX.IonSkeletonText, 'animated'>;
 declare const Skeleton: React.FC<SkeletonProps>;
 export default Skeleton;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+declare type UserInfo = {
+    name: string;
+    avatar?: string;
+    position?: string;
+};
+export declare type VideoCallInfoProps = {
+    userInfo: UserInfo;
+    consultationDate?: number;
+};
+declare const _default: React.NamedExoticComponent<VideoCallInfoProps>;
+export default _default;

package/dist/esm/types/lib/VideoCallInfo/VideoCallInfo.style.d.ts

@@ -0,0 +1,8 @@
+export declare const InfoCallContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InfoCallWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InfoCallUserInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InfoCallUserName: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InfoCallUserPosition: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InfoCallRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InfoCallTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InfoCallDescription: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

package/dist/index.d.ts

@@ -197,7 +197,7 @@ declare type LetterAvatarProps = {
     className?: string;
     style?: CSSProperties;
 };
-declare const _default$6: React.NamedExoticComponent<LetterAvatarProps>;
+declare const _default$7: React.NamedExoticComponent<LetterAvatarProps>;
 
 declare type ImageWithFallbackProps = JSX.IntrinsicElements["img"] & ({
     onErrorContent: React.ReactElement;
@@ -209,7 +209,7 @@ declare type PersonDateTimeCardProps = {
     name: string;
     dateTime: Date;
 };
-declare const _default$5: React.NamedExoticComponent<PersonDateTimeCardProps>;
+declare const _default$6: React.NamedExoticComponent<PersonDateTimeCardProps>;
 
 declare type PsychologistProfileType = {
     id: string;
@@ -416,7 +416,7 @@ declare type SelectImpressionEmojiProps = {
     onChange?: (val: ImpressionEmojiEnum) => void;
 };
 
-declare const _default$4: React.NamedExoticComponent<SelectImpressionEmojiProps>;
+declare const _default$5: React.NamedExoticComponent<SelectImpressionEmojiProps>;
 
 interface FooterForBookingProps {
     eventHandler: (props?: React.SyntheticEvent) => void;
@@ -433,17 +433,17 @@ declare type StatusTagPropsType = {
 declare const StatusTag: React.FC<StatusTagPropsType>;
 
 declare type MediaPlayerProps = {
+    fullwidth?: boolean;
     cameraTrack?: ILocalVideoTrack | IRemoteVideoTrack;
     audioTrack?: ILocalAudioTrack | IRemoteAudioTrack;
-    participantFullName?: string;
-    fullScreen?: boolean;
-    networkQualityShowHint?: boolean;
-    networkQuality?: number;
-    fallbackImage?: string;
-    fallbackText?: string;
     isVideoTrackMuted?: boolean;
+    isAudioTrackMuted?: boolean;
+    networkQuality?: number;
+    fallbackAvatar?: string;
+    fallbackName?: string;
+    showControls: boolean;
 } & HTMLAttributes<HTMLDivElement>;
-declare const _default$3: React.NamedExoticComponent<MediaPlayerProps>;
+declare const _default$4: React.NamedExoticComponent<MediaPlayerProps>;
 
 declare type RoundButtonPropsType = {
     disabled?: boolean;
@@ -558,6 +558,7 @@ declare const SectionHeading: React.FC<SectionHeadingProps>;
 declare type SkeletonProps = {
     widthPx?: number;
     heightPx?: number;
+    style?: React.CSSProperties;
 } & Omit<JSX$1.IonSkeletonText, 'animated'>;
 declare const Skeleton: React.FC<SkeletonProps>;
 
@@ -577,7 +578,7 @@ declare type SpecialistEducationCardProps = {
     yearEnd?: number | null;
     showLoader?: boolean;
 };
-declare const _default$2: React.NamedExoticComponent<SpecialistEducationCardProps>;
+declare const _default$3: React.NamedExoticComponent<SpecialistEducationCardProps>;
 
 declare type SpecialistProfileViewCardProps = {
     avatarLink?: string | null;
@@ -590,7 +591,7 @@ declare type SpecialistProfileViewCardProps = {
     videoLinkUrl?: string | null;
     showLoader?: boolean;
 } & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-declare const _default$1: React.NamedExoticComponent<SpecialistProfileViewCardProps>;
+declare const _default$2: React.NamedExoticComponent<SpecialistProfileViewCardProps>;
 
 declare type SpecialistStatisticsCardProps = {
     activeClients?: number;
@@ -624,7 +625,7 @@ declare type VideoPlayerProps = {
     closeModalHandler?: () => void;
     onErrorContent: React.ReactElement;
 } & JSX$1.IonModal;
-declare const _default: React.NamedExoticComponent<VideoPlayerProps>;
+declare const _default$1: React.NamedExoticComponent<VideoPlayerProps>;
 
 declare type NotSupportModalProps = {
     closeModal?: () => void;
@@ -634,4 +635,15 @@ declare type NotSupportModalProps = {
 } & JSX$1.IonModal;
 declare const NotSupportModal: React.FC<NotSupportModalProps>;
 
-export { AppFooter, 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$6 as LetterAvatar, ListButton, ListSelect, LouseConnect, _default$3 as MediaPlayer, Modal, ModalCalendar, NavigationBar, NoInternetConnection, NotSupportModal, NotesCardText, NotesEditor, _default$5 as PersonDateTimeCard, Range, RoundButton, RowSelect, ScrollTabs, SectionHeading, Segment, SegmentColor, SegmentType, _default$4 as SelectImpressionEmoji, Skeleton, SpecialistAbout, _default$2 as SpecialistEducationCard, _default$1 as SpecialistProfileViewCard, SpecialistStatisticsCard, SpecialistWorkDirections, StatusTag, SwitchDeviceCard, TabBar, Tag, Textarea, TherapistCard, TherapistInformationComponent, Toggle, UpdatesCard, UsersPsychologistScrollList, _default as VideoPlayer, YourLocalTimeBlock, toast };
+declare type UserInfo = {
+    name: string;
+    avatar?: string;
+    position?: string;
+};
+declare type VideoCallInfoProps = {
+    userInfo: UserInfo;
+    consultationDate?: number;
+};
+declare const _default: React.NamedExoticComponent<VideoCallInfoProps>;
+
+export { AppFooter, 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$7 as LetterAvatar, ListButton, ListSelect, LouseConnect, _default$4 as MediaPlayer, Modal, ModalCalendar, NavigationBar, NoInternetConnection, NotSupportModal, NotesCardText, NotesEditor, _default$6 as PersonDateTimeCard, Range, RoundButton, RowSelect, ScrollTabs, SectionHeading, Segment, SegmentColor, SegmentType, _default$5 as SelectImpressionEmoji, Skeleton, SpecialistAbout, _default$3 as SpecialistEducationCard, _default$2 as SpecialistProfileViewCard, SpecialistStatisticsCard, SpecialistWorkDirections, StatusTag, SwitchDeviceCard, TabBar, Tag, Textarea, TherapistCard, TherapistInformationComponent, Toggle, UpdatesCard, UsersPsychologistScrollList, _default as VideoCallInfo, _default$1 as VideoPlayer, YourLocalTimeBlock, toast };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindly/ui-components",
-  "version": "3.10.5",
+  "version": "3.11.0",
   "private": false,
   "scripts": {
     "start": "react-scripts start",
@@ -36,6 +36,7 @@
     "date-fns": "^2.28.0",
     "luxon": "^2.4.0",
     "react": "^17.0.2",
+    "react-countdown": "^2.3.2",
     "react-day-picker": "^8.0.5",
     "react-dom": "^17.0.2",
     "react-refresh": "^0.9.0",