quickblox-react-ui-kit 0.4.5 → 0.5.0-beta.1

package/src/Presentation/Views/Flow/CreateDialog/CreateDialog.tsx

@@ -16,14 +16,14 @@ type CreateDialogProps = {
   createPublicDialogOnTouch: FunctionTypeVoidToVoid;
 };
 // eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars
-const CreateDialog: React.FC<CreateDialogProps> = ({
+const CreateDialog = ({
   createPrivateDialogOnClick,
   createPrivateDialogOnTouch,
   createGroupDialogOnClick,
   createGroupDialogOnTouch,
   createPublicDialogOnClick,
   createPublicDialogOnTouch,
-}) => {
+}:CreateDialogProps) => {
   return (
     <ColumnContainer gapBetweenItem="8px">
       <ActiveButton

package/src/Presentation/Views/Flow/CreateDialogFlow/CreateNewDialogFlow.tsx

@@ -21,7 +21,7 @@ type CreateNewDialogFlowProps = {
 };
 
 // eslint-disable-next-line react/function-component-definition
-const CreateNewDialogFlow: React.FC<CreateNewDialogFlowProps> = ({
+const CreateNewDialogFlow = ({
   dialogsViewModel,
   onFinished,
   onCancel,
@@ -76,6 +76,7 @@ const CreateNewDialogFlow: React.FC<CreateNewDialogFlowProps> = ({
           });
       } else {
         setUidAvatar('null');
+        setNumStepToCreate(inviteUsers);
       }
     } else {
       setNumStepToCreate(inviteUsers);

package/src/Presentation/Views/Flow/LeaveDialogFlow/LeaveDialogFlow.tsx

@@ -11,7 +11,7 @@ type LeaveDialogFlowProps = {
 };
 
 // eslint-disable-next-line react/function-component-definition
-const LeaveDialogFlow: React.FC<LeaveDialogFlowProps> = ({
+const LeaveDialogFlow = ({
   dialogsViewModel,
   dialog,
 }: LeaveDialogFlowProps) => {

package/src/Presentation/Views/InviteMembers/InviteMembers.tsx

@@ -35,14 +35,14 @@ type InviteMembersProps = {
   cancelInviteMembersHandler?: FunctionTypeVoidToVoid;
 };
 // eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars
-const InviteMembers: React.FC<InviteMembersProps> = ({
+const InviteMembers = ({
   typeDialog,
   idOwnerDialog,
   typeAddEditDialog,
   applyInviteUsersHandler,
   participants,
   cancelInviteMembersHandler,
-}) => {
+}: InviteMembersProps) => {
   const userPerPage = 12;
   const userViewModel: InviteMembersViewModel = useInviteMembersViewModel();
 

package/src/Presentation/Views/InviteMembers/InviteUsersList/SingleUserWithCheckBox/SingleUserWithCheckBox.tsx

@@ -19,13 +19,13 @@ type SingleUserWithCheckBoxProps = {
   keyValue?: number;
 };
 // eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars
-const SingleUserWithCheckBox: React.FC<SingleUserWithCheckBoxProps> = ({
+const SingleUserWithCheckBox = ({
   user,
   checkedHandler,
   isElementChecked,
   keyValue,
   isDisabled = false,
-}) => {
+}:SingleUserWithCheckBoxProps) => {
   const [isMobile] = useMobileLayout();
 
   function getChecked(index: number | undefined) {

package/src/Presentation/Views/InviteMembers/NotFoundContent/NotFoundContent.tsx

@@ -6,7 +6,7 @@ type NotFoundContentProps = {
   message: string;
 };
 // eslint-disable-next-line react/function-component-definition
-const NotFoundContent: React.FC<NotFoundContentProps> = ({
+const NotFoundContent = ({
   message,
 }: NotFoundContentProps) => {
   return (

package/src/Presentation/Views/PreviewDialog/PreviewDialog.tsx

@@ -57,7 +57,7 @@ type PreviewDialogsProps = {
   disableActions?: boolean;
 };
 // eslint-disable-next-line react/function-component-definition
-const PreviewDialog: React.FC<PreviewDialogsProps> = ({
+const PreviewDialog = ({
   typeDialog,
   dialogViewModel,
   dialogAvatar,

package/src/Presentation/Views/YesNoQuestion/YesNoQuestion.tsx

@@ -12,7 +12,7 @@ type YesNoQuestionProps = {
   noActionCaption?: string;
 };
 // eslint-disable-next-line react/function-component-definition
-const YesNoQuestionComponent: React.FC<YesNoQuestionProps> = ({
+const YesNoQuestionComponent = ({
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   messageText,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars

package/src/Presentation/components/UI/Buttons/ActiveButton/ActiveButton.tsx

@@ -7,7 +7,7 @@ type ActiveButtonContainerProps = {
   clickAction?: FunctionTypeVoidToVoid;
 };
 // eslint-disable-next-line react/function-component-definition
-const ActiveButton: React.FC<ActiveButtonContainerProps> = ({
+const ActiveButton = ({
   content,
   touchAction,
   clickAction,

package/src/Presentation/components/UI/Buttons/MainBoundedButton/MainBoundedButton.tsx

@@ -9,12 +9,12 @@ type MainBoundedButtonProps = {
   touchHandler?: FunctionTypeVoidToVoid;
 };
 // eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars
-const MainBoundedButton: React.FC<MainBoundedButtonProps> = ({
+const MainBoundedButton = ({
   title,
   styleBox,
   clickHandler,
   touchHandler,
-}) => {
+}:MainBoundedButtonProps) => {
   return (
     <button
       type="button"

package/src/Presentation/components/UI/Buttons/MainButton/MainButton.tsx

@@ -23,7 +23,7 @@ type MainButtonProps = {
 };
 
 // eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars
-const MainButton: React.FC<MainButtonProps> = ({
+const MainButton = ({
   title,
   typeButton = TypeButton.default,
   disabled = false,
@@ -31,7 +31,7 @@ const MainButton: React.FC<MainButtonProps> = ({
   styleBox,
   clickHandler,
   touchHandler,
-}) => {
+}:MainButtonProps) => {
   const StyleButton: Record<string, string> = {};
 
   StyleButton[TypeButton.default] = 'main-button';

package/src/Presentation/components/UI/Elements/SwitchButton/SwitchButton.tsx

@@ -10,13 +10,13 @@ type SwitchButtonProps = {
 };
 
 // eslint-disable-next-line react/function-component-definition
-const SwitchButton: React.FC<SwitchButtonProps> = ({
+const SwitchButton = ({
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   disabled = false,
   styleBox,
   clickHandler,
   touchHandler,
-}) => {
+}:SwitchButtonProps) => {
   return (
     <div
       style={styleBox}

package/src/Presentation/components/UI/Placeholders/ErrorComponent/ErrorComponent.tsx

@@ -12,7 +12,7 @@ type ErrorComponentProps = {
   theme?: IconTheme;
 };
 // eslint-disable-next-line react/function-component-definition
-const ErrorComponent: React.FC<ErrorComponentProps> = ({
+const ErrorComponent = ({
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   title,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars

package/src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.tsx

@@ -9,7 +9,7 @@ type ActiveSvgContainerProps = {
   disabled?: boolean;
 };
 // eslint-disable-next-line react/function-component-definition
-const ActiveSvg: React.FC<ActiveSvgContainerProps> = ({
+const ActiveSvg = ({
   content,
   onTouch,
   onClick,

package/src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx

@@ -3,7 +3,7 @@ import './ColumnContainer.scss';
 import { ContainerProps } from '../../../layouts/LayoutCommonTypes';
 
 // eslint-disable-next-line react/function-component-definition
-const ColumnContainer: React.FC<ContainerProps> = ({
+const ColumnContainer = ({
   children,
   gapBetweenItem,
   maxWidth,

package/src/Presentation/components/containers/RowCenterContainer/RowCenterContainer.tsx

@@ -32,7 +32,7 @@ export type RowCenterContainerProps = {
 };
 
 // eslint-disable-next-line react/function-component-definition
-const RowCenterContainer: React.FC<RowCenterContainerProps> = ({
+const RowCenterContainer = ({
   LeftItem,
   CenterItem,
   RightItem,

package/src/Presentation/components/containers/RowLeftContainer/RowLeftContainer.tsx

@@ -32,7 +32,7 @@ export type RowLeftContainerProps = {
 };
 
 // eslint-disable-next-line react/function-component-definition
-const RowLeftContainer: React.FC<RowLeftContainerProps> = ({
+const RowLeftContainer = ({
   LeftItem,
   CenterItem,
   RightItem,

package/src/Presentation/components/containers/RowRightContainer/RowRightContainer.tsx

@@ -32,7 +32,7 @@ export type RowRightContainerProps = {
 };
 
 // eslint-disable-next-line react/function-component-definition
-const RowRightContainer: React.FC<RowRightContainerProps> = ({
+const RowRightContainer = ({
   LeftItem,
   CenterItem,
   RightItem,

package/src/Presentation/icons/actions/index.ts

@@ -1,26 +1,55 @@
-export { ReactComponent as AddContactSvg } from './add-contact.svg';
-export { ReactComponent as AddSvg } from './add.svg';
-export { ReactComponent as ArchiveSvg } from './archive.svg';
-export { ReactComponent as CopySvg } from './copy.svg';
-export { ReactComponent as DeleteSvg } from './delete.svg';
-export { ReactComponent as DownloadSvg } from './download.svg';
-export { ReactComponent as EditSvg } from './edit.svg';
-export { ReactComponent as EmojiSvg } from './emoji.svg';
-export { ReactComponent as ForwardFilledSvg } from './forward-filled.svg';
-export { ReactComponent as HunguplSvg } from './hungup.svg';
-export { ReactComponent as IncomeCallSvg } from './income-call.svg';
-export { ReactComponent as LikeSvg } from './like.svg';
-export { ReactComponent as NewChatSvg } from './new-chat.svg';
-export { ReactComponent as OutcomeCllSvg } from './outcome-call.svg';
-export { ReactComponent as PhoneFilledSvg } from './phone-filled.svg';
-export { ReactComponent as PhoneSvg } from './phone.svg';
-export { ReactComponent as Remove2Svg } from './remove-2.svg';
-export { ReactComponent as RemoveSvg } from './remove.svg';
-export { ReactComponent as RephraseSvg } from './rephrase.svg';
-export { ReactComponent as ReplyFilledSvg } from './reply-filled.svg';
-export { ReactComponent as SendSvg } from './send.svg';
-export { ReactComponent as ShareSvg } from './share.svg';
-export { ReactComponent as SwapCameraSvg } from './swap-camera.svg';
-export { ReactComponent as UnarchiveSvg } from './unarchive.svg';
-export { ReactComponent as VideoSvg } from './video.svg';
-export { ReactComponent as VoiceSvg } from './voice.svg';
+import AddContactSvg from './add-contact.svg?react';
+import AddSvg from './add.svg?react';
+import ArchiveSvg from './archive.svg?react';
+import CopySvg from './copy.svg?react';
+import DeleteSvg from './delete.svg?react';
+import DownloadSvg from './download.svg?react';
+import EditSvg from './edit.svg?react';
+import EmojiSvg from './emoji.svg?react';
+import ForwardFilledSvg from './forward-filled.svg?react';
+import HunguplSvg from './hungup.svg?react';
+import IncomeCallSvg from './income-call.svg?react';
+import LikeSvg from './like.svg?react';
+import NewChatSvg from './new-chat.svg?react';
+import OutcomeCllSvg from './outcome-call.svg?react';
+import PhoneFilledSvg from './phone-filled.svg?react';
+import PhoneSvg from './phone.svg?react';
+import Remove2Svg from './remove-2.svg?react';
+import RemoveSvg from './remove.svg?react';
+import RephraseSvg from './rephrase.svg?react';
+import ReplyFilledSvg from './reply-filled.svg?react';
+import SendSvg from './send.svg?react';
+import ShareSvg from './share.svg?react';
+import SwapCameraSvg from './swap-camera.svg?react';
+import UnarchiveSvg from './unarchive.svg?react';
+import VideoSvg from './video.svg?react';
+import VoiceSvg from './voice.svg?react';
+
+export {
+  AddContactSvg,
+  AddSvg,
+  ArchiveSvg,
+  CopySvg,
+  DeleteSvg,
+  DownloadSvg,
+  EditSvg,
+  EmojiSvg,
+  ForwardFilledSvg,
+  HunguplSvg,
+  IncomeCallSvg,
+  LikeSvg,
+  NewChatSvg,
+  OutcomeCllSvg,
+  PhoneFilledSvg,
+  PhoneSvg,
+  Remove2Svg,
+  RemoveSvg,
+  RephraseSvg,
+  ReplyFilledSvg,
+  SendSvg,
+  ShareSvg,
+  SwapCameraSvg,
+  UnarchiveSvg,
+  VideoSvg,
+  VoiceSvg
+};

package/src/Presentation/icons/contents/index.ts

@@ -1,13 +1,31 @@
-export { ReactComponent as BroadcastSvg } from './broadcast.svg';
-export { ReactComponent as ChatFilledSvg } from './chat-filled.svg';
-export { ReactComponent as ChatSvg } from './chat.svg';
-export { ReactComponent as ConferenceSvg } from './conference.svg';
-export { ReactComponent as ContactFilledSvg } from './contact-filled.svg';
-export { ReactComponent as ContactSvg } from './contact.svg';
-export { ReactComponent as GroupChatSvg } from './group-chat.svg';
-export { ReactComponent as NotificationsSvg } from './notifications.svg';
-export { ReactComponent as PrivateChatSvg } from './private-chat.svg';
-export { ReactComponent as PublicChannelSvg } from './public-channel.svg';
-export { ReactComponent as StreamFilledSvg } from './stream-filled.svg';
-export { ReactComponent as SteamSvg } from './stream.svg';
-export { ReactComponent as UserSvg } from './user.svg';
+import BroadcastSvg from './broadcast.svg?react';
+import ChatFilledSvg from './chat-filled.svg?react';
+import ChatSvg from './chat.svg?react';
+import ConferenceSvg from './conference.svg?react';
+import ContactFilledSvg from './contact-filled.svg?react';
+import ContactSvg from './contact.svg?react';
+import GroupChatSvg from './group-chat.svg?react';
+import NotificationsSvg from './notifications.svg?react';
+import PrivateChatSvg from './private-chat.svg?react';
+import PublicChannelSvg from './public-channel.svg?react';
+import StreamFilledSvg from './stream-filled.svg?react';
+import SteamSvg from './stream.svg?react';
+import UserSvg from './user.svg?react';
+
+console.log('UserSvg in contents/index.ts:', UserSvg); // <-- Добавляем отладку
+
+export {
+  BroadcastSvg,
+  ChatFilledSvg,
+  ChatSvg,
+  ConferenceSvg,
+  ContactFilledSvg,
+  ContactSvg,
+  GroupChatSvg,
+  NotificationsSvg,
+  PrivateChatSvg,
+  PublicChannelSvg,
+  StreamFilledSvg,
+  SteamSvg,
+  UserSvg
+};

package/src/Presentation/icons/index.ts

@@ -1,7 +1,23 @@
 export * from './actions';
-export * from './contents';
+// export * from './contents';
 export * from './media';
 export * from './moderation';
 export * from './navigation';
 export * from './status';
 export * from './toggle';
+
+export {
+  BroadcastSvg,
+  ChatFilledSvg,
+  ChatSvg,
+  ConferenceSvg,
+  ContactFilledSvg,
+  ContactSvg,
+  GroupChatSvg,
+  NotificationsSvg,
+  PrivateChatSvg,
+  PublicChannelSvg,
+  StreamFilledSvg,
+  SteamSvg,
+  UserSvg,
+} from './contents/index';

package/src/Presentation/icons/media/index.ts

@@ -1,12 +1,27 @@
-export { ReactComponent as AttachmentSvg } from './attachment.svg';
-export { ReactComponent as AudioFileSvg } from './audio-file.svg';
-export { ReactComponent as BrokenFileSvg } from './broken-file.svg';
-export { ReactComponent as CameraSvg } from './camera.svg';
-export { ReactComponent as FileSvg } from './file.svg';
-export { ReactComponent as GifFileSvg } from './gif-file.svg';
-export { ReactComponent as ImageFilledSvg } from './image-filled.svg';
-export { ReactComponent as ImageSvg } from './image.svg';
-export { ReactComponent as LinkSvg } from './link.svg';
-export { ReactComponent as LocationSvg } from './location.svg';
-export { ReactComponent as TextDocumentSvg } from './text-document.svg';
-export { ReactComponent as VideoFileSvg } from './video-file.svg';
+import AttachmentSvg from './attachment.svg?react';
+import AudioFileSvg from './audio-file.svg?react';
+import BrokenFileSvg from './broken-file.svg?react';
+import CameraSvg from './camera.svg?react';
+import FileSvg from './file.svg?react';
+import GifFileSvg from './gif-file.svg?react';
+import ImageFilledSvg from './image-filled.svg?react';
+import ImageSvg from './image.svg?react';
+import LinkSvg from './link.svg?react';
+import LocationSvg from './location.svg?react';
+import TextDocumentSvg from './text-document.svg?react';
+import VideoFileSvg from './video-file.svg?react';
+
+export {
+  AttachmentSvg,
+  AudioFileSvg,
+  BrokenFileSvg,
+  CameraSvg,
+  FileSvg,
+  GifFileSvg,
+  ImageFilledSvg,
+  ImageSvg,
+  LinkSvg,
+  LocationSvg,
+  TextDocumentSvg,
+  VideoFileSvg
+};

package/src/Presentation/icons/moderation/index.ts

@@ -1,5 +1,13 @@
-export { ReactComponent as AdminSvg } from './admin.svg';
-export { ReactComponent as BannedSvg } from './banned.svg';
-export { ReactComponent as ModerationsSvg } from './moderations.svg';
-export { ReactComponent as FreezeSvg } from './freeze.svg';
-export { ReactComponent as MutedSvg } from './muted.svg';
+import AdminSvg from './admin.svg?react';
+import BannedSvg from './banned.svg?react';
+import ModerationsSvg from './moderations.svg?react';
+import FreezeSvg from './freeze.svg?react';
+import MutedSvg from './muted.svg?react';
+
+export {
+  AdminSvg,
+  BannedSvg,
+  ModerationsSvg,
+  FreezeSvg,
+  MutedSvg
+};

package/src/Presentation/icons/navigation/index.ts

@@ -1,12 +1,27 @@
-export { ReactComponent as ArrowLeftSvg } from './arrow-left.svg';
-export { ReactComponent as ArrowRightSvg } from './arrow-right.svg';
-export { ReactComponent as BackSvg } from './back.svg';
-export { ReactComponent as CloseSvg } from './close.svg';
-export { ReactComponent as DownSvg } from './down.svg';
-export { ReactComponent as NextSVG } from './next.svg';
-export { ReactComponent as LeaveSvg } from './leave.svg';
-export { ReactComponent as MoreSvg } from './more.svg';
-export { ReactComponent as PlusSvg } from './plus.svg';
-export { ReactComponent as RefreshSvg } from './refresh.svg';
-export { ReactComponent as SearchSvg } from './search.svg';
-export { ReactComponent as SettingsFilledSvg } from './settings-filled.svg';
+import ArrowLeftSvg from './arrow-left.svg?react';
+import ArrowRightSvg from './arrow-right.svg?react';
+import BackSvg from './back.svg?react';
+import CloseSvg from './close.svg?react';
+import DownSvg from './down.svg?react';
+import NextSVG from './next.svg?react';
+import LeaveSvg from './leave.svg?react';
+import MoreSvg from './more.svg?react';
+import PlusSvg from './plus.svg?react';
+import RefreshSvg from './refresh.svg?react';
+import SearchSvg from './search.svg?react';
+import SettingsFilledSvg from './settings-filled.svg?react';
+
+export {
+  ArrowLeftSvg,
+  ArrowRightSvg,
+  BackSvg,
+  CloseSvg,
+  DownSvg,
+  NextSVG,
+  LeaveSvg,
+  MoreSvg,
+  PlusSvg,
+  RefreshSvg,
+  SearchSvg,
+  SettingsFilledSvg
+};

package/src/Presentation/icons/status/index.ts

@@ -1,7 +1,17 @@
-export { ReactComponent as ErrorSvg } from './error.svg';
-export { ReactComponent as HelpSvg } from './help.svg';
-export { ReactComponent as InformationSvg } from './information.svg';
-export { ReactComponent as LoaderSvg } from './loader.svg';
-export { ReactComponent as MentionSvg } from './mention.svg';
-export { ReactComponent as SentSvg } from './sent.svg';
-export { ReactComponent as ViewedDeliveredSvg } from './viewed-delivered.svg';
+import ErrorSvg from './error.svg?react';
+import HelpSvg from './help.svg?react';
+import InformationSvg from './information.svg?react';
+import LoaderSvg from './loader.svg?react';
+import MentionSvg from './mention.svg?react';
+import SentSvg from './sent.svg?react';
+import ViewedDeliveredSvg from './viewed-delivered.svg?react';
+
+export {
+  ErrorSvg,
+  HelpSvg,
+  InformationSvg,
+  LoaderSvg,
+  MentionSvg,
+  SentSvg,
+  ViewedDeliveredSvg
+};

package/src/Presentation/icons/toggle/index.ts

@@ -1,23 +1,49 @@
-export { ReactComponent as CameraOffSvg } from './camera-off.svg';
-export { ReactComponent as CameraOnSvg } from './camera-on.svg';
-export { ReactComponent as CheckOffSvg } from './check-off.svg';
-export { ReactComponent as CheckOnSvg } from './check-on.svg';
-export { ReactComponent as FavoriteSvg } from './favorite.svg';
-export { ReactComponent as FullScreenSvg } from './full-screen.svg';
-export { ReactComponent as HideSvg } from './hide.svg';
-export { ReactComponent as LouderSvg } from './louder.svg';
-export { ReactComponent as MicOffSvg } from './mic-off.svg';
-export { ReactComponent as MicOnSvg } from './mic-on.svg';
-export { ReactComponent as MinimizeSvg } from './minimize.svg';
-export { ReactComponent as NotifyOffSvg } from './notify-off.svg';
-export { ReactComponent as NotifyOnSvg } from './notify-on.svg';
-export { ReactComponent as PauseSvg } from './pause.svg';
-export { ReactComponent as PlaySvg } from './play.svg';
-export { ReactComponent as QuiteSvg } from './quite.svg';
-export { ReactComponent as RecordSvg } from './record.svg';
-export { ReactComponent as ScreenShareSvg } from './screenshare.svg';
-export { ReactComponent as ShowSvg } from './show.svg';
-export { ReactComponent as SpeakerOffSvg } from './speaker-off.svg';
-export { ReactComponent as SpeakerSvg } from './speaker.svg';
-export { ReactComponent as StopRecordSvg } from './stop-record.svg';
-export { ReactComponent as StopShareSvg } from './stop-share.svg';
+import CameraOffSvg from './camera-off.svg?react';
+import CameraOnSvg from './camera-on.svg?react';
+import CheckOffSvg from './check-off.svg?react';
+import CheckOnSvg from './check-on.svg?react';
+import FavoriteSvg from './favorite.svg?react';
+import FullScreenSvg from './full-screen.svg?react';
+import HideSvg from './hide.svg?react';
+import LouderSvg from './louder.svg?react';
+import MicOffSvg from './mic-off.svg?react';
+import MicOnSvg from './mic-on.svg?react';
+import MinimizeSvg from './minimize.svg?react';
+import NotifyOffSvg from './notify-off.svg?react';
+import NotifyOnSvg from './notify-on.svg?react';
+import PauseSvg from './pause.svg?react';
+import PlaySvg from './play.svg?react';
+import QuiteSvg from './quite.svg?react';
+import RecordSvg from './record.svg?react';
+import ScreenShareSvg from './screenshare.svg?react';
+import ShowSvg from './show.svg?react';
+import SpeakerOffSvg from './speaker-off.svg?react';
+import SpeakerSvg from './speaker.svg?react';
+import StopRecordSvg from './stop-record.svg?react';
+import StopShareSvg from './stop-share.svg?react';
+
+export {
+  CameraOffSvg,
+  CameraOnSvg,
+  CheckOffSvg,
+  CheckOnSvg,
+  FavoriteSvg,
+  FullScreenSvg,
+  HideSvg,
+  LouderSvg,
+  MicOffSvg,
+  MicOnSvg,
+  MinimizeSvg,
+  NotifyOffSvg,
+  NotifyOnSvg,
+  PauseSvg,
+  PlaySvg,
+  QuiteSvg,
+  RecordSvg,
+  ScreenShareSvg,
+  ShowSvg,
+  SpeakerOffSvg,
+  SpeakerSvg,
+  StopRecordSvg,
+  StopShareSvg
+};