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

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAKA,OAAO,cAAc,CAAC"}

package/dist/qb-api-calls/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/qb-api-calls/index.ts"],"names":[],"mappings":"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"}

package/dist/setupTests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupTests.d.ts","sourceRoot":"","sources":["../src/setupTests.ts"],"names":[],"mappings":"AAIA,OAAO,2BAA2B,CAAC"}

package/dist/utils/DateTimeFormatter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeFormatter.d.ts","sourceRoot":"","sources":["../../src/utils/DateTimeFormatter.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,cAAe,MAAM,KAAG,MAkC9C,CAAC;AACF,eAAO,MAAM,oBAAoB,qBAAsB,MAAM,WAW5D,CAAC;AACF,eAAO,MAAM,qBAAqB,qBAAsB,MAAM,WAM7D,CAAC;AAEF,eAAO,MAAM,gBAAgB,qBAAsB,MAAM,WAkBxD,CAAC;AAEF,eAAO,MAAM,gBAAgB,qBAAsB,MAAM,WAQxD,CAAC;AACF,eAAO,MAAM,gBAAgB,qBAAsB,MAAM,WAExD,CAAC"}

package/dist/utils/formatFileSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatFileSize.d.ts","sourceRoot":"","sources":["../../src/utils/formatFileSize.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,SAAU,MAAM,WAO1C,CAAC"}

package/dist/utils/parse.d.ts

@@ -1,5 +1,5 @@
 import { QBError } from 'quickblox/quickblox';
-export declare const jsonParse: <P>(text: string) => string | P;
+export declare const jsonParse: <P>(text: string) => P | string;
 export declare const parseErrorObject: (data: Dictionary<string | string[]>) => string;
 export declare const parseErrorMessage: (message: string) => string;
 export declare function isQBError(error: unknown): error is QBError;

package/dist/utils/parse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse.d.ts","sourceRoot":"","sources":["../../src/utils/parse.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,eAAO,MAAM,SAAS,YAAa,MAAM,KAAG,CAAC,GAAG,MAQ/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,SAAU,WAAW,MAAM,GAAG,MAAM,EAAE,CAAC,WAUvC,CAAC;AAE9B,eAAO,MAAM,iBAAiB,YAAa,MAAM,WAkBhD,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,OAAO,CAE1D;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAoBrD;AAED,eAAO,MAAM,0BAA0B,UAAW,MAAM,YAKvD,CAAC"}

package/dist/utils/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EACL,IAAI,EAEL,MAAM,6CAA6C,CAAC;AAErD,eAAO,MAAM,gBAAgB,UAAW,MAAM,WACM,CAAC;AAIrD,eAAO,MAAM,YAAY,UAAW,MAAM,WAAiC,CAAC;AAE5E,eAAO,MAAM,iBAAiB,aACrB,MAAM,QACP,CAAC,EAAE,aACC,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,sBAG5B,CAAC,EAuBH,CAAC;AAEF,qBAAa,OAAO;WACJ,qBAAqB,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM;WAU3D,wBAAwB,CAAC,UAAU,EAAE,MAAM;WAM3C,oBAAoB,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI;WAYpD,uCAAuC,CACnD,eAAe,EAAE,aAAa,EAAE,EAChC,aAAa,EAAE,MAAM,GAAG,SAAS,EACjC,UAAU,SAAO,GAChB,YAAY,EAAE;CAqBlB"}

package/global.d.ts

@@ -1,204 +1,13 @@
-// interface Tone {
-//   name: string;
-//   description: string;
-//   iconEmoji: string;
-// }
-//
-// type Primitive = string | number | boolean | undefined | null | Date | File;
-
-// type SetTails<T, R extends Primitive> = T extends Array<unknown>
-//   ? Array<T[number] extends Primitive ? R : SetTails<T[number], R>>
-//   : {
-//       [K in keyof T]: T[K] extends Primitive ? R : SetTails<T[K], R>;
-//     };
-
-// type ProxyConfig = {
-//   api: string;
-//   servername: string;
-//   port: string;
-// };
-// interface WidgetConfig {
-//   apiKey: string;
-//   useDefault: boolean;
-//   maxTokens: number;
-//   proxyConfig: ProxyConfig;
-// }
-//
-// interface AITranslateWidgetConfig extends WidgetConfig {
-//   defaultLanguage: string;
-//   languages: string[];
-// }
-//
-// interface AIRephraseWidgetConfig extends WidgetConfig {
-//   defaultTone: string;
-//   Tones: Tone[];
-// }
-
-// interface QBConfig {
-//   credentials: {
-//     appId: number;
-//     accountKey: string;
-//     authKey: string;
-//     authSecret: string;
-//     sessionToken: string; // ??? ui-kit
-//   };
-//   configAIApi: {
-//     // ui-kit
-//     AIAnswerAssistWidgetConfig: WidgetConfig;
-//     AITranslateWidgetConfig: AITranslateWidgetConfig;
-//     AIRephraseWidgetConfig: AIRephraseWidgetConfig;
-//   };
-//   appConfig: {
-//     maxFileSize: number; // ui-kit
-//     sessionTimeOut: number; // ?? webRTc -> ui-kit
-//     chatProtocol: {
-//       active: number;
-//     };
-//     debug: boolean;
-//     enableForwarding: boolean; // ui-kit
-//     enableReplying: boolean; // ui-kit
-//     regexUserName?: string; // ui-kit
-//     endpoints: {
-//       api: string;
-//       chat: string;
-//     };
-//     // on: {
-//     //   sessionExpired: (handleResponse: any, retry: any) => Promise<void>;
-//     // };
-//     streamManagement: {
-//       enable: boolean;
-//     };
-//   };
-// }
-
-/*
-    * QuickBlox Types - start
-
- */
-
 type Dictionary<T> = Record<string, T>;
-//
-// type RequiredProps<T, K extends keyof T> = T & Required<Pick<T, K>>;
-
-// declare enum QBChatProtocol {
-//   BOSH = 1,
-//   WebSockets = 2,
-// }
-//
-// interface ICEServer {
-//   urls: string;
-//   username: string;
-//   credential: string;
-// }
-
-// declare enum QBChatDialogType {
-//   PUBLIC_GROUP = 1,
-//   GROUP = 2,
-//   PRIVATE = 3,
-// }
-
-// declare interface QBChatDialog {
-//   /** ID of the dialog. Generated automatically by the server after dialog creation. */
-//   _id: string;
-//   /** ID of dialog's owner. */
-//   user_id: QBUser['id'];
-//   /** Date & time when a record was created, filled automatically. */
-//   created_at: string;
-//   /** Date & time when a record was created, filled automatically. */
-//   updated_at: string;
-//   /**
-//    * Type of dialog. Possible values are:
-//    * - type=1 (`PUBLIC_GROUP`)
-//    * - type=2 (`GROUP`)
-//    * - type=3 (`PRIVATE`)
-//    */
-//   type: QBChatDialogType;
-//   /**
-//    * Name of a group chat. Makes sense if type=1 (`PUBLIC_GROUP`) or type=2 (`GROUP`).
-//    * The maximum length for the dialog name is 200 symbols.
-//    */
-//   name: string;
-//   /**
-//    * Photo of a group chat. Makes sense if type=1 (`PUBLIC_GROUP`) or type=2 (`GROUP`).
-//    * Can contain a link to a file in Content module, Custom Objects module or just a web link.
-//    */
-//   photo: null | string;
-//   /**
-//    * JID of XMPP room for group chat to connect. Nil if type=3 (PRIVATE).
-//    * Generated automatically by the server after dialog creation.
-//    */
-//   xmpp_room_jid: string | null;
-//   /** Array of users' IDs - dialog occupants. Does not make sense if type=1 (PUBLIC_GROUP). */
-//   occupants_ids: number[];
-//   /** Last sent message in this dialog. */
-//   last_message: string | null;
-//   /** Timestamp of last sent message in this dialog. */
-//   last_message_date_sent: number | null | string; // todo: switch type to number
-//   /** ID of the user who sent last message in this dialog. */
-//   last_message_user_id: QBUser['id'] | null;
-//   /** ID of last message in this dialog. */
-//   last_message_id: string | null;
-//   /** Number of unread messages in this dialog for a current user. */
-//   unread_messages_count: number | null;
-//   /**
-//    * - Information about class and fields in Custom Objects.
-//    * - Any dialog can be extended using Custom Objects to store additional parameters.
-//    */
-//   data?: {
-//     /** Class name in Custom Objects. */
-//     class_name: string;
-//     /** Field name of class in Custom Objects. Can be many: 1..N. */
-//     [field_name_N: string]: QBCustomField;
-//   };
-//   new_occupants_ids?: number[]; // TODO: EXTENDS TYPE AND SWITCH TO THIS NEW TYPE
-//   joined?: boolean; // TODO: EXTENDS TYPE AND SWITCH TO THIS NEW TYPE
-// }
-
-// declare interface QBChatNewMessage {
-//   type: 'chat' | 'groupchat';
-//   body: string;
-//   notification_type?: string; // TODO: NED ADD TO TYPE
-//   dialog_id: QBChatDialog['_id']; // TODO: NED ADD TO TYPE
-//   extension: {
-//     attachments?: ChatMessageAttachment[];
-//     save_to_history: 0 | 1;
-//     dialog_id: QBChatDialog['_id'];
-//     notification_type?: string; // TODO: NED ADD TO TYPE
-//     sender_id?: QBUser['id']; // TODO: NED ADD TO TYPE
-//     qb_message_action?: 'forward' | 'reply'; // TODO: NED ADD TO TYPE
-//     origin_sender_name?: string; // TODO: NED ADD TO TYPE
-//     qb_original_messages?: string; // TODO: NED ADD TO TYPE
-//   };
-//   markable: 0 | 1;
-// }
 
-// TODO: add export to SDK
-// type ChatConnectParams =
-//   | {
-//       /** Connect to the chat by user id */
-//       userId: QBUser['id'];
-//       /** The user's password or session token */
-//       password: string;
-//     }
-//   | {
-//       /** Connect to the chat by user jid */
-//       jid: string;
-//       /** The user's password or session token */
-//       password: string;
-//     }
-//   | {
-//       /** Connect to the chat by user's email */
-//       email: string;
-//       /** The user's password or session token */
-//       password: string;
-//     };
-//
-// type QBCustomField =
-//   | string
-//   | string[]
-//   | number
-//   | number[]
-//   | boolean
-//   | boolean[]
-//   | null
-//   | undefined;
+declare module "*.svg" {
+  import React from "react";
+  const content: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+  export default content;
+}
+
+declare module "*.svg?react" {
+  import React from "react";
+  const content: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+  export default content;
+}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "quickblox-react-ui-kit",
-  "version": "0.4.5",
+  "version": "0.5.0-beta.1",
   "main": "dist/index-ui.js",
+  "types": "dist/index-ui.d.ts",
   "license": "MIT",
   "dependencies": {
-    "@types/node": "^16.18.6",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.9",
     "classnames": "^2.3.2",
@@ -13,38 +13,40 @@
     "qb-ai-rephrase": "^0.1.2",
     "qb-ai-translate": "^0.1.2",
     "quickblox": "^2.19.2",
-    "media-recorder-js": "^2.1.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-router-dom": "^6.11.1",
-    "react-scripts": "5.0.1",
     "react-toastify": "^10.0.4",
     "rxjs": "^7.8.0",
-    "typescript": "^4.9.3",
+    "typedoc": "^0.25.0",
+    "typescript": "^5.2.2",
     "web-vitals": "^2.1.4"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "^7.6.12",
-    "@storybook/addon-interactions": "^7.6.12",
-    "@storybook/addon-links": "^7.6.12",
-    "@storybook/addon-viewport": "^7.6.16",
-    "@storybook/blocks": "^7.6.12",
-    "@storybook/preset-create-react-app": "^7.6.12",
-    "@storybook/react": "^7.6.12",
-    "@storybook/react-webpack5": "^7.6.12",
-    "@storybook/test": "^7.6.12",
+    "@babel/core": "^7.26.9",
+    "@babel/preset-env": "^7.26.9",
+    "@babel/preset-react": "^7.26.3",
+    "@babel/preset-typescript": "^7.26.0",
+    "@chromatic-com/storybook": "^3.2.4",
+    "@storybook/addon-essentials": "^8.5.8",
+    "@storybook/addon-interactions": "^8.5.8",
+    "@storybook/addon-onboarding": "^8.5.8",
+    "@storybook/addon-webpack5-compiler-swc": "^2.1.0",
+    "@storybook/blocks": "^8.5.8",
+    "@storybook/react": "^8.5.8",
+    "@storybook/react-webpack5": "^8.5.8",
+    "@storybook/test": "^8.5.8",
     "@svgr/webpack": "^8.1.0",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^13.5.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
+    "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^27.5.2",
-    "@types/node": "^16.18.6",
-    "@types/react": "^18.0.26",
-    "@types/react-dom": "^18.0.9",
+    "@types/node": "^20.17.19",
     "@typescript-eslint/eslint-plugin-tslint": "^5.45.1",
     "@typescript-eslint/parser": "^5.45.1",
-    "classnames": "^2.3.2",
-    "css-loader": "^6.7.3",
+    "babel-loader": "^9.2.1",
+    "compression-webpack-plugin": "^11.1.0",
+    "css-loader": "^6.11.0",
     "eslint": "^8.29.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^8.5.0",
@@ -57,35 +59,32 @@
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-react": "^7.31.11",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-storybook": "^0.6.15",
+    "eslint-plugin-storybook": "^0.11.3",
+    "file-loader": "^6.2.0",
+    "html-webpack-plugin": "^5.6.3",
+    "mini-css-extract-plugin": "^2.9.2",
+    "path-browserify": "^1.0.1",
     "prettier": "^2.8.0",
+    "process": "^0.11.10",
     "prop-types": "^15.8.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "^6.4.3",
-    "react-scripts": "5.0.1",
     "sass": "^1.62.1",
-    "sass-loader": "^13.2.2",
-    "storybook": "^7.6.12",
-    "style-loader": "^3.3.2",
+    "sass-loader": "^16.0.5",
+    "storybook": "^8.5.8",
+    "style-loader": "^3.3.4",
     "ts-loader": "^9.4.2",
-    "typedoc": "^0.23.22",
-    "typescript": "^4.9.3",
     "url-loader": "^4.1.1",
     "web-vitals": "^2.1.4",
     "webpack": "^5.82.1",
-    "webpack-cli": "^5.1.1"
+    "webpack-cli": "^5.1.1",
+    "webpack-dev-server": "^4.11.1"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "start-https": "set HTTPS=true&&react-scripts start --host=0.0.0.0",
-    "start-https-mac": "export HTTPS=true&&react-scripts start",
-    "start-origin": "react-scripts start",
-    "build": "react-scripts build",
-    "build:lib": "webpack",
-    "test": "react-scripts test",
+    "start": "webpack serve --config webpack.app.config.js --mode development",
+    "build:app": "webpack --config webpack.app.config.js --mode production",
+    "build:lib": "webpack --config webpack.lib.config.js --mode production",
+    "test": "jest",
     "lint": "eslint ./src",
-    "eject": "react-scripts eject",
+    "format": "prettier --write .",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
@@ -94,8 +93,10 @@
   },
   "eslintConfig": {
     "extends": [
-      "react-app",
-      "react-app/jest",
+      "airbnb",
+      "plugin:react/recommended",
+      "plugin:@typescript-eslint/recommended",
+      "prettier",
       "plugin:storybook/recommended"
     ]
   },

package/public/index.html

@@ -1,47 +1,20 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
+<head>
+  <meta charset="utf-8" />
+  <link rel="icon" href="/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="theme-color" content="#000000" />
+  <meta name="description" content="Web site created using React 19" />
+  <link rel="apple-touch-icon" href="/logo192.png" />
+  <link rel="manifest" href="/manifest.json" />
 
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
+  <script src="quickblox.js"></script>
 
-<!--    <script src="../src/libs/quickblox.js" defer></script>-->
-    <script src="quickblox.js"></script>
-
-    <title>QuickBlox UIKit React App</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
+  <title>QuickBlox UIKit React App</title>
+</head>
+<body>
+<noscript>You need to enable JavaScript to run this app.</noscript>
+<div id="root"></div>
+</body>
 </html>

package/src/App.scss

@@ -1,3 +1,8 @@
 body {
   font-family: 'Roboto';
 }
+
+.btn-group {
+  display: flex;
+  flex-flow: row;
+}

package/src/App.tsx

@@ -15,6 +15,7 @@ import QuickBloxUIKitDesktopLayout from './Presentation/layouts/Desktop/QuickBlo
 import DefaultTheme from './Presentation/themes/DefaultThemes/DefaultTheme';
 import useQbUIKitDataContext from './Presentation/providers/QuickBloxUIKitProvider/useQbUIKitDataContext';
 import { QBConfig } from './QBconfig';
+import MainButton, { TypeButton } from './Presentation/components/UI/Buttons/MainButton/MainButton';
 
 function App() {
   if ((window as any).QB === undefined) {
@@ -201,40 +202,59 @@ function App() {
   // });
 
   return (
-    <QuickBloxUIKitProvider
-      maxFileSize={QBConfig.appConfig.maxFileSize}
-      // SDK={QB} //init SDK
-      accountData={{ ...QBConfig.credentials, sessionToken: '' }}
-      qbConfig={{ ...QBConfig }}
-      loginData={{
-        login: currentUser.login,
-        password: currentUser.password,
-      }}
-    >
-      <div className="App">
-        <Routes>
-          {/* eslint-disable-next-line @typescript-eslint/no-misused-promises */}
-          <Route path="/" element={<Login loginHandler={loginHandler} />} />
-          <Route
-            path="/desktop-test-mock"
-            element={
-              <div>
-                <div style={{ height: '56px' }}>Q-communicate</div>
-                <QuickBloxUIKitDesktopLayout
-                  theme={new DefaultTheme()}
-                  uikitHeightOffset="56px"
-                  // AIAssist={{
-                  //   enabled: true,
-                  //   default: true,
-                  //   AIWidget: defaultAIAnswer,
-                  // }}
-                />
-              </div>
-            }
-          />
-        </Routes>
+    <>
+      <div className="btn-group">
+        <MainButton
+          typeButton={TypeButton.outlined}
+          title="Light Theme"
+          clickHandler = {() => {
+            document.documentElement.setAttribute('data-theme', 'light');
+          }}
+        />
+        <MainButton
+          typeButton={TypeButton.defaultDisabled}
+          title="Dark Theme"
+          clickHandler = {() => {
+            document.documentElement.setAttribute('data-theme', 'dark');
+          }}
+        />
       </div>
-    </QuickBloxUIKitProvider>
+      <QuickBloxUIKitProvider
+        maxFileSize={QBConfig.appConfig.maxFileSize}
+        // SDK={QB} //init SDK
+        accountData={{ ...QBConfig.credentials, sessionToken: '' }}
+        qbConfig={{ ...QBConfig }}
+        loginData={{
+          login: currentUser.login,
+          password: currentUser.password,
+        }}
+      >
+        <div className="App">
+          <Routes>
+            {/* eslint-disable-next-line @typescript-eslint/no-misused-promises */}
+            <Route path="/" element={<Login loginHandler={loginHandler} />} />
+            <Route
+              path="/desktop-test-mock"
+              element={
+                <div>
+                  <div style={{ height: '56px' }}>Q-communicate</div>
+                  <QuickBloxUIKitDesktopLayout
+                    theme={ new DefaultTheme()}
+                    uikitHeightOffset="56px"
+                    // AIAssist={{
+                    //   enabled: true,
+                    //   default: true,
+                    //   AIWidget: defaultAIAnswer,
+                    // }}
+                  />
+                </div>
+              }
+            />
+          </Routes>
+        </div>
+      </QuickBloxUIKitProvider>
+    </>
+
   );
 }
 

package/src/CommonTypes/FunctionResult.ts

@@ -4,3 +4,4 @@ export type FunctionResult<T> = {
   result: T | T[] | boolean;
   error: any;
 };
+

package/src/Data/Stubs.ts

@@ -131,12 +131,12 @@ export class Stubs {
       id: '10231',
       type: FileType.image,
       uid: '10231',
-      url: 'https://via.placeholder.com/600/92c952',
+      url: 'https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png',
       file: {
         id: '10231',
         uid: '',
         type: FileType.image,
-        url: 'https://via.placeholder.com/600/92c952',
+        url: 'https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png',
       },
     };
     const photoAttachments: ChatMessageAttachmentEntity[] = [photo];
@@ -267,12 +267,12 @@ export class Stubs {
       id: '10231',
       type: FileType.image,
       uid: '10231',
-      url: 'https://via.placeholder.com/600/92c952',
+      url: 'https://cdn-ikpjoif.nitrocdn.com/WZsqFPiehrtwFaaeJNQAQZrkRMgaTuyL/assets/images/optimized/rev-83f47e6/quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-api-feature-rich-sdk.jpg',
       file: {
         id: '10231',
         uid: '',
         type: FileType.image,
-        url: 'https://via.placeholder.com/600/92c952',
+        url: 'https://cdn-ikpjoif.nitrocdn.com/WZsqFPiehrtwFaaeJNQAQZrkRMgaTuyL/assets/images/optimized/rev-83f47e6/quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-api-feature-rich-sdk.jpg',
       },
     };
     const photoAttachments: ChatMessageAttachmentEntity[] = [photo];
@@ -1029,12 +1029,12 @@ export class Stubs {
       id: '10231',
       type: FileType.image,
       uid: '10231',
-      url: 'https://via.placeholder.com/600/92c952',
+      url: 'https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png',
       file: {
         id: '10231',
         uid: '',
         type: FileType.image,
-        url: 'https://via.placeholder.com/600/92c952',
+        url: 'https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png',
       },
     };
     const photoAttachments: ChatMessageAttachmentEntity[] = [photo];

package/src/Data/repository/ConnectionRepository.ts

@@ -3,8 +3,7 @@ import { stringifyError } from '../../utils/parse';
 import { getQB } from '../../qb-api-calls';
 
 export default class ConnectionRepository extends SubscriptionPerformer<boolean> {
-  // private timerId: NodeJS.Timer | undefined;
-  private timerId: ReturnType<typeof setTimeout> | undefined;
+  private timerId: NodeJS.Timeout | null = null; // Используем Timeout вместо Timer
 
   private _needInit: boolean;