quickblox-react-ui-kit 0.1.1 → 0.1.3

package/README.md

@@ -6,6 +6,12 @@ The main goal of the QuickBlox UIKit for React is to offer developers a streamli
 
 The QuickBlox UIKit for React offers modules that encapsulate complex chat functionalities, such as dialogs and chat management and real-time updates. These modules provide a simplified interface for integrating chat features into applications without the need for extensive knowledge of the underlying protocols or server-side infrastructure.
 
+# Screenshots
+
+Chat dashboard with list of dialogs and create new chat dialog;
+
+   ![dashboard!](./src/Presentation/assets/img/web-doc.png "chats dashboard")
+
 ## Features
 
 QuickBlox UIKit for React provides next functionality:
@@ -256,3 +262,27 @@ and specify selected components:
 # Sample
 
 https://github.com/QuickBlox/quickblox-javascript-sdk/tree/gh-pages/samples/react-chat
+
+# License
+[](#license)
+MIT License [here](https://github.com/QuickBlox/react-ui-kit/blob/main/LICENSE.md).
+
+Copyright © 2023 QuickBlox.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/App.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './App.scss';
-declare function App(): import("react/jsx-runtime").JSX.Element;
+declare function App(): JSX.Element;
 export default App;

package/dist/Presentation/Views/Base/BaseViewModel.d.ts

@@ -17,6 +17,7 @@ export type FunctionTypeFileToToVoid = (file: File) => void;
 export type FunctionTypePaginationToVoid = (pagination: Pagination) => void;
 export type FunctionTypeVoidToVoid = () => void;
 export type FunctionTypeStringToVoid = (value: string) => void;
+export type FunctionTypeBooleanToVoid = (value: boolean) => void;
 export type FunctionTypeEditDialogParamsToVoid = (params: EditDialogParams) => void;
 export type FunctionTypeDialogEntityToDialogEntity = (entity: GroupDialogEntity) => Promise<DialogEntity>;
 export type FunctionTypeDialogEntityToBoolean = (entity: GroupDialogEntity) => Promise<boolean>;

package/dist/Presentation/Views/Dialogs/DialogViewModel.d.ts

@@ -1,4 +1,4 @@
-import BaseViewModel, { FunctionTypeDialogEntityToBoolean, FunctionTypeDialogEntityToDialogEntity, FunctionTypeFileToFileEntity, FunctionTypePaginationToVoid, FunctionTypeVoidToVoid } from '../Base/BaseViewModel';
+import BaseViewModel, { FunctionTypeBooleanToVoid, FunctionTypeDialogEntityToBoolean, FunctionTypeDialogEntityToDialogEntity, FunctionTypeFileToFileEntity, FunctionTypePaginationToVoid, FunctionTypeVoidToVoid } from '../Base/BaseViewModel';
 import { DialogEntity } from '../../../Domain/entity/DialogEntity';
 import { Pagination } from '../../../Domain/repository/Pagination';
 export interface DialogsViewModel extends BaseViewModel<DialogEntity> {
@@ -8,6 +8,7 @@ export interface DialogsViewModel extends BaseViewModel<DialogEntity> {
     dialogs: DialogEntity[];
     getDialogs: FunctionTypePaginationToVoid;
     release: FunctionTypeVoidToVoid;
+    setWaitLoadingStatus: FunctionTypeBooleanToVoid;
     createDialog: FunctionTypeDialogEntityToDialogEntity;
     updateDialog: FunctionTypeDialogEntityToDialogEntity;
     deleteDialog: FunctionTypeDialogEntityToBoolean;

package/dist/Presentation/assets/DefaultThemes/CustomTheme.d.ts

@@ -0,0 +1,21 @@
+import DefaultTheme from './DefaultTheme';
+export default class CustomTheme extends DefaultTheme {
+    divider: () => string;
+    mainText: () => string;
+    fontFamily: () => string;
+    caption: () => string;
+    chatInput: () => string;
+    disabledElements: () => string;
+    dropdownBackground: () => string;
+    error: () => string;
+    fieldBorder: () => string;
+    hightlight: () => string;
+    incomingBackground: () => string;
+    inputElements: () => string;
+    mainBackground: () => string;
+    mainElements: () => string;
+    outgoingBackground: () => string;
+    secondaryBackground: () => string;
+    secondaryElements: () => string;
+    secondaryText: () => string;
+}

package/dist/Presentation/components/Button.d.ts

@@ -1,4 +1,4 @@
 export default function List({ onClick, title, }: {
     onClick: any;
     title: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): JSX.Element;

package/dist/Presentation/components/Navbar.d.ts

@@ -1 +1,2 @@
-export default function Navbar(): import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+export default function Navbar(): JSX.Element;

package/dist/Presentation/components/TextInput.d.ts

@@ -1 +1 @@
-export default function TextInput(rest: any): import("react/jsx-runtime").JSX.Element;
+export default function TextInput(rest: any): JSX.Element;

package/dist/Presentation/components/UI/Dialogs/DialogInformation/DialogInformation.d.ts

@@ -3,10 +3,12 @@ import './DialogInformation.scss';
 import { DialogEntity } from '../../../../../Domain/entity/DialogEntity';
 import { FunctionTypeVoidToVoid } from '../../../../Views/Base/BaseViewModel';
 import { DialogsViewModel } from '../../../../Views/Dialogs/DialogViewModel';
+import UiKitTheme from '../../../../assets/UiKitTheme';
 type HeaderDialogsProps = {
     dialog: DialogEntity;
     dialogViewModel: DialogsViewModel;
     closeInformationHandler: FunctionTypeVoidToVoid;
+    theme?: UiKitTheme;
 };
 declare const DialogInformation: React.FC<HeaderDialogsProps>;
 export default DialogInformation;

package/dist/Presentation/components/UI/Dialogs/InviteMembers/InviteMembers.d.ts

@@ -2,10 +2,12 @@ import React from 'react';
 import './InviteMembers.scss';
 import { FunctionTypeVoidToVoid } from '../../../../Views/Base/BaseViewModel';
 import { DialogType } from '../../../../../Domain/entity/DialogTypes';
+import { OpenDialogArcheType } from '../EditDialog/EditDialog';
 export type FunctionTypeUserEntitiesToVoid = (userIdsForInvite: number[], usersIdsForRemove: number[]) => void;
 type InviteMembersProps = {
     typeDialog: DialogType;
     idOwnerDialog: string;
+    typeAddEditDialog: OpenDialogArcheType;
     applyInviteUsersHandler: FunctionTypeUserEntitiesToVoid;
     participants?: number[];
     cancelInviteMembersHandler?: FunctionTypeVoidToVoid;

package/dist/Presentation/components/UI/Dialogs/MessagesView/MessagesView.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import './MessagesView.scss';
-import { DialogEntity } from '../../../../../Domain/entity/DialogEntity';
 import { FunctionTypeVoidToVoid } from '../../../../Views/Base/BaseViewModel';
 import UiKitTheme from '../../../../assets/UiKitTheme';
+import { DialogsViewModel } from '../../../../Views/Dialogs/DialogViewModel';
 type HeaderDialogsMessagesProps = {
-    dialog: DialogEntity;
+    dialogsViewModel: DialogsViewModel;
     InformationHandler?: FunctionTypeVoidToVoid;
     maxWidthToResize?: string;
     theme?: UiKitTheme;

package/dist/Presentation/components/UI/Dialogs/MessagesView/VoiceRecordingProgress/VoiceRecordingProgress.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import './VoiceRecordingProgress.scss';
 import { FunctionTypeVoidToVoid } from '../../../../../Views/Base/BaseViewModel';
 type VoiceRecordingProgressProps = {
+    startStatus: boolean;
     longRecInSec: number;
     ClickActionHandler?: FunctionTypeVoidToVoid;
     TouchActionHandler?: FunctionTypeVoidToVoid;

package/dist/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './LoaderComponent.scss';
 import { IconTheme } from '../../svgs/Icons/IconsCommonTypes';
-export default function LoaderComponent(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+export default function LoaderComponent(theme?: IconTheme | undefined): JSX.Element;

package/dist/Presentation/components/UI/svgs/Icons/Actions/Add/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Add(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Add(theme?: IconTheme | undefined): JSX.Element;
 export default Add;

package/dist/Presentation/components/UI/svgs/Icons/Actions/AddContact/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function AddContact(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function AddContact(theme?: IconTheme | undefined): JSX.Element;
 export default AddContact;

package/dist/Presentation/components/UI/svgs/Icons/Actions/Archive/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Archive(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Archive(theme?: IconTheme | undefined): JSX.Element;
 export default Archive;

package/dist/Presentation/components/UI/svgs/Icons/Actions/Copy/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Copy(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Copy(theme?: IconTheme | undefined): JSX.Element;
 export default Copy;

package/dist/Presentation/components/UI/svgs/Icons/Actions/Delete/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Delete(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Delete(theme?: IconTheme | undefined): JSX.Element;
 export default Delete;

package/dist/Presentation/components/UI/svgs/Icons/Actions/Download/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Download(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Download(theme?: IconTheme | undefined): JSX.Element;
 export default Download;

package/dist/Presentation/components/UI/svgs/Icons/Actions/Edit/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Edit(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Edit(theme?: IconTheme | undefined): JSX.Element;
 export default Edit;

package/dist/Presentation/components/UI/svgs/Icons/Actions/EditDots/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function EditDots(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function EditDots(theme?: IconTheme | undefined): JSX.Element;
 export default EditDots;

package/dist/Presentation/components/UI/svgs/Icons/Actions/Emoji/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Emoji(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Emoji(theme?: IconTheme | undefined): JSX.Element;
 export default Emoji;

package/dist/Presentation/components/UI/svgs/Icons/Actions/ForwardFilled/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function ForwardFilled(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function ForwardFilled(theme?: IconTheme | undefined): JSX.Element;
 export default ForwardFilled;

package/dist/Presentation/components/UI/svgs/Icons/Actions/Hungup/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Hungup(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Hungup(theme?: IconTheme | undefined): JSX.Element;
 export default Hungup;

package/dist/Presentation/components/UI/svgs/Icons/Actions/IncomeCall/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function IncomeCall(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function IncomeCall(theme?: IconTheme | undefined): JSX.Element;
 export default IncomeCall;

package/dist/Presentation/components/UI/svgs/Icons/Actions/Like/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Like(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Like(theme?: IconTheme | undefined): JSX.Element;
 export default Like;

package/dist/Presentation/components/UI/svgs/Icons/Actions/NewChat/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function NewChat(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function NewChat(theme?: IconTheme | undefined): JSX.Element;
 export default NewChat;

package/dist/Presentation/components/UI/svgs/Icons/Actions/OutcomeCall/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function OutcomeCall(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function OutcomeCall(theme?: IconTheme | undefined): JSX.Element;
 export default OutcomeCall;

package/dist/Presentation/components/UI/svgs/Icons/Actions/Phone/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Phone(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Phone(theme?: IconTheme | undefined): JSX.Element;
 export default Phone;

package/dist/Presentation/components/UI/svgs/Icons/Actions/PhoneFilled/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function PhoneField(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function PhoneField(theme?: IconTheme | undefined): JSX.Element;
 export default PhoneField;

package/dist/Presentation/components/UI/svgs/Icons/Actions/Remove/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Remove(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Remove(theme?: IconTheme | undefined): JSX.Element;
 export default Remove;

package/dist/Presentation/components/UI/svgs/Icons/Actions/Remove2/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Remove2(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Remove2(theme?: IconTheme | undefined): JSX.Element;
 export default Remove2;

package/dist/Presentation/components/UI/svgs/Icons/Actions/ReplyFilled/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function ReplyField(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function ReplyField(theme?: IconTheme | undefined): JSX.Element;
 export default ReplyField;

package/dist/Presentation/components/UI/svgs/Icons/Actions/Send/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function SendIcon(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function SendIcon(theme?: IconTheme | undefined): JSX.Element;
 export default SendIcon;

package/dist/Presentation/components/UI/svgs/Icons/Actions/Share/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Share(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Share(theme?: IconTheme | undefined): JSX.Element;
 export default Share;

package/dist/Presentation/components/UI/svgs/Icons/Actions/SwapCamera/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function SwapCamera(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function SwapCamera(theme?: IconTheme | undefined): JSX.Element;
 export default SwapCamera;

package/dist/Presentation/components/UI/svgs/Icons/Actions/Unarchive/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Unarchive(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Unarchive(theme?: IconTheme | undefined): JSX.Element;
 export default Unarchive;

package/dist/Presentation/components/UI/svgs/Icons/Actions/VideoIcon/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function VideoIcon(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function VideoIcon(theme?: IconTheme | undefined): JSX.Element;
 export default VideoIcon;

package/dist/Presentation/components/UI/svgs/Icons/Actions/Voice/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function VoiceIcon(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function VoiceIcon(theme?: IconTheme | undefined): JSX.Element;
 export default VoiceIcon;

package/dist/Presentation/components/UI/svgs/Icons/Contents/Brodcast/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Broadcast(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Broadcast(theme?: IconTheme | undefined): JSX.Element;
 export default Broadcast;

package/dist/Presentation/components/UI/svgs/Icons/Contents/Chat/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Chat(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Chat(theme?: IconTheme | undefined): JSX.Element;
 export default Chat;

package/dist/Presentation/components/UI/svgs/Icons/Contents/ChatFilled/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function ChatFilled(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function ChatFilled(theme?: IconTheme | undefined): JSX.Element;
 export default ChatFilled;

package/dist/Presentation/components/UI/svgs/Icons/Contents/Conference/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Conference(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Conference(theme?: IconTheme | undefined): JSX.Element;
 export default Conference;

package/dist/Presentation/components/UI/svgs/Icons/Contents/Contact/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Contact(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Contact(theme?: IconTheme | undefined): JSX.Element;
 export default Contact;

package/dist/Presentation/components/UI/svgs/Icons/Contents/ContactFilled/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function ContactFilled(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function ContactFilled(theme?: IconTheme | undefined): JSX.Element;
 export default ContactFilled;

package/dist/Presentation/components/UI/svgs/Icons/Contents/GroupChat/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function GroupChat(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function GroupChat(theme?: IconTheme | undefined): JSX.Element;
 export default GroupChat;

package/dist/Presentation/components/UI/svgs/Icons/Contents/Notifications/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Notifications(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Notifications(theme?: IconTheme | undefined): JSX.Element;
 export default Notifications;

package/dist/Presentation/components/UI/svgs/Icons/Contents/PrivateChat/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function PrivateChat(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function PrivateChat(theme?: IconTheme | undefined): JSX.Element;
 export default PrivateChat;

package/dist/Presentation/components/UI/svgs/Icons/Contents/PublicChannel/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function PublicChannel(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function PublicChannel(theme?: IconTheme | undefined): JSX.Element;
 export default PublicChannel;

package/dist/Presentation/components/UI/svgs/Icons/Contents/Stream/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Stream(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Stream(theme?: IconTheme | undefined): JSX.Element;
 export default Stream;

package/dist/Presentation/components/UI/svgs/Icons/Contents/StreamFilled/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function StreamFilled(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function StreamFilled(theme?: IconTheme | undefined): JSX.Element;
 export default StreamFilled;

package/dist/Presentation/components/UI/svgs/Icons/Contents/User/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function User(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function User(theme?: IconTheme | undefined): JSX.Element;
 export default User;

package/dist/Presentation/components/UI/svgs/Icons/Media/Attachment/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function AttachmentIcon(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function AttachmentIcon(theme?: IconTheme | undefined): JSX.Element;
 export default AttachmentIcon;

package/dist/Presentation/components/UI/svgs/Icons/Media/AudioFile/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function AudioFile(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function AudioFile(theme?: IconTheme | undefined): JSX.Element;
 export default AudioFile;

package/dist/Presentation/components/UI/svgs/Icons/Media/BrokenFile/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function BrokenFile(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function BrokenFile(theme?: IconTheme | undefined): JSX.Element;
 export default BrokenFile;

package/dist/Presentation/components/UI/svgs/Icons/Media/Camera/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Camera(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Camera(theme?: IconTheme | undefined): JSX.Element;
 export default Camera;

package/dist/Presentation/components/UI/svgs/Icons/Media/GifFile/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function GifFile(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function GifFile(theme?: IconTheme | undefined): JSX.Element;
 export default GifFile;

package/dist/Presentation/components/UI/svgs/Icons/Media/ImageEmpty/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function ImageEmpty(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function ImageEmpty(theme?: IconTheme | undefined): JSX.Element;
 export default ImageEmpty;

package/dist/Presentation/components/UI/svgs/Icons/Media/ImageFile/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function ImageFile(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function ImageFile(theme?: IconTheme | undefined): JSX.Element;
 export default ImageFile;

package/dist/Presentation/components/UI/svgs/Icons/Media/ImageFilled/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function ImageFilled(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function ImageFilled(theme?: IconTheme | undefined): JSX.Element;
 export default ImageFilled;

package/dist/Presentation/components/UI/svgs/Icons/Media/LinkWeb/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function LinkWeb(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function LinkWeb(theme?: IconTheme | undefined): JSX.Element;
 export default LinkWeb;

package/dist/Presentation/components/UI/svgs/Icons/Media/Location/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Location(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Location(theme?: IconTheme | undefined): JSX.Element;
 export default Location;

package/dist/Presentation/components/UI/svgs/Icons/Media/TextDocument/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function TextDocument(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function TextDocument(theme?: IconTheme | undefined): JSX.Element;
 export default TextDocument;

package/dist/Presentation/components/UI/svgs/Icons/Media/VideoFile/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function VideoFile(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function VideoFile(theme?: IconTheme | undefined): JSX.Element;
 export default VideoFile;

package/dist/Presentation/components/UI/svgs/Icons/Moderation/Admin/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Admin(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Admin(theme?: IconTheme | undefined): JSX.Element;
 export default Admin;

package/dist/Presentation/components/UI/svgs/Icons/Moderation/Banned/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Banned(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Banned(theme?: IconTheme | undefined): JSX.Element;
 export default Banned;

package/dist/Presentation/components/UI/svgs/Icons/Moderation/Freeze/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Freeze(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Freeze(theme?: IconTheme | undefined): JSX.Element;
 export default Freeze;

package/dist/Presentation/components/UI/svgs/Icons/Moderation/Moderations/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Moderations(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Moderations(theme?: IconTheme | undefined): JSX.Element;
 export default Moderations;

package/dist/Presentation/components/UI/svgs/Icons/Moderation/Muted/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function Muted(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function Muted(theme?: IconTheme | undefined): JSX.Element;
 export default Muted;

package/dist/Presentation/components/UI/svgs/Icons/Navigation/ArrowLeft/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function ArrowLeft(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function ArrowLeft(theme?: IconTheme | undefined): JSX.Element;
 export default ArrowLeft;

package/dist/Presentation/components/UI/svgs/Icons/Navigation/ArrowRight/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconTheme } from '../../IconsCommonTypes';
-declare function ArrowRight(theme?: IconTheme | undefined): import("react/jsx-runtime").JSX.Element;
+declare function ArrowRight(theme?: IconTheme | undefined): JSX.Element;
 export default ArrowRight;