npm - cometchat-visual-builder-no-code - Versions diffs - 1.0.10-test6 → 1.0.10-test60 - Mend

cometchat-visual-builder-no-code 1.0.10-test6 → 1.0.10-test60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (64) hide show

package/README.md CHANGED Viewed

@@ -1,249 +1,80 @@
 <p align="center">
   <img alt="CometChat" src="https://assets.cometchat.io/website/images/logos/banner.png">
 </p>
 <p>
-  <img alt="version" src="https://img.shields.io/badge/version-v1.0.dev-blue" />
+  <img alt="version" src="https://img.shields.io/badge/version-v1.0.16-blue" />
   <img alt="status" src="https://img.shields.io/badge/status-stable-brightgreen" />
-  <img alt="react" src="https://img.shields.io/badge/react-supported-61DAFB?logo=react" />
-  <img alt="vite" src="https://img.shields.io/badge/vite-supported-646CFF?logo=vite" />
-  <img alt="typescript" src="https://img.shields.io/badge/typescript-supported-blue" />
 </p>
+# CometChat Widget Builder Integration Guide
-# Integration steps for Visual Builder
-Follow these steps to integrate it into your existing React project:
-For Next.js integration, please refer to our <a href="https://www.cometchat.com/docs/ui-kit/react/builder-integration-nextjs" target="_blank">step-by-step guide</a>.
+### 1. Register on CometChat & Gather Your Keys
-## 1. Install dependencies in your app
+Before you begin, sign up at the CometChat Dashboard and create a new app. Copy:
+- App ID
+- Region
+- Auth Key
-Run the following command to install the required dependencies:
+### 2. Include the Chat-Embed Script in `<head>`
-```bash
-npm install @cometchat/chat-uikit-react@6.0.7 @cometchat/calls-sdk-javascript
-```
+Add this inside the <head> section of your HTML file to load the CometChat bundle:
-## 2. Copy CometChat Folder
-Copy the `cometchat-app-react/src/CometChat` folder into your project’s `src` directory.
-## 3. Initialize CometChat UI Kit
-The initialization process varies depending on your setup. Select your framework:
-<details>
-  <summary>CRA</summary>
-Open the file `src/index.tsx` and update it to include the required imports and initialization logic.
-```typescript
-import React from "react";
-import ReactDOM from "react-dom/client";
-import App from "./App";
-import {
-  UIKitSettingsBuilder,
-  CometChatUIKit,
-} from "@cometchat/chat-uikit-react";
-import { setupLocalization } from "./CometChat/utils/utils";
-import { CometChatProvider } from "./CometChat/context/CometChatContext";
-export const COMETCHAT_CONSTANTS = {
-  APP_ID: "", // Replace with your App ID
-  REGION: "", // Replace with your App Region
-  AUTH_KEY: "", // Replace with your Auth Key or leave blank if you are authenticating using Auth Token
-};
-const uiKitSettings = new UIKitSettingsBuilder()
-  .setAppId(COMETCHAT_CONSTANTS.APP_ID)
-  .setRegion(COMETCHAT_CONSTANTS.REGION)
-  .setAuthKey(COMETCHAT_CONSTANTS.AUTH_KEY)
-  .subscribePresenceForAllUsers()
-  .build();
-CometChatUIKit.init(uiKitSettings)?.then(() => {
-  setupLocalization();
-  ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
-    <CometChatProvider>
-      <App />
-    </CometChatProvider>
-  );
-});
+```html
+<script defer src="https://cdn.jsdelivr.net/npm/@cometchat/chat-embed@1.x.x/dist/main.js"></script>
 ```
-</details>
-<details>
-  <summary>Vite</summary>
-Open the file `src/main.tsx` and update it to include the required imports and initialization logic.
-```typescript
-import { createRoot } from "react-dom/client";
-import "./index.css";
-import App from "./App.tsx";
-import {
-  UIKitSettingsBuilder,
-  CometChatUIKit,
-} from "@cometchat/chat-uikit-react";
-import { setupLocalization } from "./CometChat/utils/utils.ts";
-import { CometChatProvider } from "./CometChat/context/CometChatContext.tsx";
-export const COMETCHAT_CONSTANTS = {
-  APP_ID: "", // Replace with your App ID
-  REGION: "", // Replace with your App Region
-  AUTH_KEY: "", // Replace with your Auth Key or leave blank if you are authenticating using Auth Token
-};
-const uiKitSettings = new UIKitSettingsBuilder()
-  .setAppId(COMETCHAT_CONSTANTS.APP_ID)
-  .setRegion(COMETCHAT_CONSTANTS.REGION)
-  .setAuthKey(COMETCHAT_CONSTANTS.AUTH_KEY)
-  .subscribePresenceForAllUsers()
-  .build();
-CometChatUIKit.init(uiKitSettings)?.then(() => {
-  setupLocalization();
-  createRoot(document.getElementById("root")!).render(
-    <CometChatProvider>
-      <App />
-    </CometChatProvider>
-  );
-});
+### 3. Embed & Initialize the Widget in `<body>`
+Paste the following just before the closing </body> tag:
+```html
+<div id="cometChatMount"></div>
+<script>
+  const COMETCHAT_CREDENTIALS = {
+    appID:     "<YOUR_APP_ID>",
+    appRegion: "<YOUR_APP_REGION>",
+    authKey:   "<YOUR_AUTH_KEY>",
+  };
+  const COMETCHAT_LAUNCH_OPTIONS = {
+    targetElementID: "cometChatMount",   // Element ID to mount the widget
+    isDocked:        true,               // true = floating bubble, false = embedded
+    width:           "700px",            // Widget width
+    height:          "500px",            // Widget height
+    // Optional advanced settings:
+    // variantID:        "YOUR_VARIANT_ID",    // Variant configuration ID
+    // chatType:         "user",               // "user" or "group"
+    // defaultChatID:    "uid_or_guid",        // UID or GUID to open chat by default
+    // dockedAlignment:  "right",              // For docked mode: "left" or "right"
+  };
+  const COMETCHAT_USER_UID = "UID"; // Replace with your actual user UID
+  window.addEventListener("DOMContentLoaded", () => {
+    CometChatApp.init(COMETCHAT_CREDENTIALS)
+      .then(() => {
+        console.log("[CometChat] Initialized successfully");
+        return CometChatApp.login({ uid: COMETCHAT_USER_UID });
+      })
+      .then(user => {
+        console.log("[CometChat] Logged in as:", user);
+        return CometChatApp.launch(COMETCHAT_LAUNCH_OPTIONS);
+      })
+      .then(() => {
+        console.log("[CometChat] Chat launched!");
+      })
+      .catch(error => {
+        console.error("[CometChat] Error:", error);
+      });
+  });
+</script>
 ```
-</details>
-## 4. User Login
-Refer to the [User Login Guide](https://www.cometchat.com/docs/ui-kit/react/react-js-integration#step-4-user-login) to implement user authentication in your app.
-## 5. Render CometChatApp Component
-Add the `CometChatApp` component to your app:
-```typescript
-import CometChatApp from "./CometChat/CometChatApp";
-const App = () => {
-  return (
-    /* The CometChatApp component requires a parent element with an explicit height and width
-   to render properly. Ensure the container has defined dimensions, and adjust them as needed
-   based on your layout requirements. */
-    <div style={{ width: "100vw", height: "100dvh" }}>
-      <CometChatApp />
-    </div>
-  );
-};
-export default App;
-```
-### Note:
-Use the `CometChatApp` component to launch a chat interface with a selected user or group.
-```typescript
-import { useEffect, useState } from "react";
-import { CometChat } from "@cometchat/chat-sdk-javascript";
-import CometChatApp from "./CometChat/CometChatApp";
-const App = () => {
-  const [selectedUser, setSelectedUser] = useState<CometChat.User | undefined>(
-    undefined
-  );
-  const [selectedGroup, setSelectedGroup] = useState<
-    CometChat.Group | undefined
-  >(undefined);
-  useEffect(() => {
-    const UID = "UID"; // Replace with your User ID
-    CometChat.getUser(UID).then(setSelectedUser).catch(console.error);
-    const GUID = "GUID"; // Replace with your Group ID
-    CometChat.getGroup(GUID).then(setSelectedGroup).catch(console.error);
-  }, []);
-  return (
-    /* CometChatApp requires a parent with explicit height & width to render correctly.
-      Adjust the height and width as needed.
-     */
-    <div style={{ width: "100vw", height: "100vh" }}>
-      <CometChatApp user={selectedUser} group={selectedGroup} />
-    </div>
-  );
-};
-export default App;
-```
-This implementation applies when you choose the **Without Sidebar** option for Sidebar.
-- If `chatType` is `user` (default), only User chats will be displayed (either the selected user or the default user).
-- If `chatType` is `group`, only Group chats will be displayed (either the selected group or the default group).
+Replace `<YOUR_APP_ID>`, `<YOUR_APP_REGION>`, `<YOUR_AUTH_KEY>`, and `COMETCHAT_USER_UID` with your actual credentials and user ID.
-## 6. Run the App
-Finally, start your app using the appropriate command based on your setup:
-- Vite
-```bash
-npm run dev
-```
-- Create React App (CRA):
-```bash
-npm start
-```
-## Note:
-Enable the following features in the Dashboard in your App under Chat > Features to ensure full functionality.
-> Mentions, Reactions, Message translation, Polls, Collaborative whiteboard, Collaborative document, Emojis, Stickers, Conversation starter, Conversation summary, Smart reply.
----
-If you face any issues while integrating the builder in your app project, please check if you have the following configurations added to your `tsConfig.json`:
-```json
-{
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "resolveJsonModule": true
-  }
-}
-```
+### 4. Documentation & Advanced Configuration
-If your development server is running, restart it to ensure the new TypeScript configuration is picked up.
-## Run the Visual Builder App Independently (optional)
-> &nbsp;
->
-> 1. Open the `cometchat-app-react` folder.
-> 2. Add credentials for your app in `src/index.tsx` (`src/main.tsx` incase for Vite):
->
-> ```typescript
-> export const COMETCHAT_CONSTANTS = {
->   APP_ID: "", // Replace with your App ID
->   REGION: "", // Replace with your App Region
->   AUTH_KEY: "", // Replace with your Auth Key or leave blank if you are authenticating using Auth Token
-> };
-> ```
->
-> 3. Install dependencies:
->
-> ```bash
-> npm i
-> ```
->
-> 4. Run the app:
->
-> ```bash
-> npm start
-> ```
-For detailed steps, refer to our <a href="https://www.cometchat.com/docs/ui-kit/react/builder-integration" target="_blank">Visual Builder documentation</a>
+For detailed information on configuration options, advanced features, and troubleshooting, refer to
+[CometChat Widget Builder Guide](https://www.cometchat.com/docs/widget/builder-guide-html) .

package/dist/assets/svg/Copy.4d5c5370c2badfa4ec72.svg ADDED Viewed

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Base_Icon">
+<path id="Vector" d="M7.92188 18.6641C7.49471 18.6641 7.12404 18.5069 6.80988 18.1926C6.49554 17.8784 6.33838 17.5077 6.33838 17.0806V3.74731C6.33838 3.32015 6.49554 2.94948 6.80988 2.63531C7.12404 2.32115 7.49471 2.16406 7.92188 2.16406H18.2551C18.6823 2.16406 19.053 2.32115 19.3671 2.63531C19.6813 2.94948 19.8384 3.32015 19.8384 3.74731V17.0806C19.8384 17.5077 19.6813 17.8784 19.3671 18.1926C19.053 18.5069 18.6823 18.6641 18.2551 18.6641H7.92188ZM7.92188 17.0806H18.2551V3.74731H7.92188V17.0806ZM4.75513 21.8306C4.32796 21.8306 3.95729 21.6735 3.64313 21.3593C3.32896 21.0451 3.17188 20.6745 3.17188 20.2473V6.11806C3.17188 5.90223 3.24921 5.71706 3.40387 5.56256C3.55854 5.4079 3.74604 5.33056 3.96638 5.33056C4.18671 5.33056 4.37321 5.4079 4.52588 5.56256C4.67871 5.71706 4.75513 5.90223 4.75513 6.11806V20.2473H15.8844C16.1002 20.2473 16.2854 20.3249 16.4399 20.4801C16.5945 20.6352 16.6719 20.8211 16.6719 21.0378C16.6719 21.2608 16.5945 21.4487 16.4399 21.6016C16.2854 21.7542 16.1002 21.8306 15.8844 21.8306H4.75513Z" fill="#A1A1A1"/>
+</g>
+</svg>

package/dist/assets/svg/collaborative_whiteboard.25e29644e4591c341125.svg ADDED Viewed

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.4679 4H20.24C21.135 4 21.887 4.61242 22.0998 5.44108L16.6916 10.8492C16.6549 10.886 16.6073 10.9098 16.5559 10.9171L14.576 11.2C14.4176 11.2226 14.2818 11.0868 14.3044 10.9284L14.5873 8.94854C14.5946 8.89713 14.6184 8.84949 14.6552 8.81277L19.4679 4Z" fill="#141414"/>
+<path d="M17.3466 4L13.5945 7.75211C13.3283 8.01833 13.1556 8.3637 13.1024 8.7364L12.8195 10.7163C12.6555 11.8646 13.6397 12.8489 14.7881 12.6849L16.768 12.402C17.1407 12.3488 17.4861 12.1761 17.7523 11.9099L22.16 7.50218V17.92C22.16 18.9804 21.3004 19.84 20.24 19.84H3.92C2.85962 19.84 2 18.9804 2 17.92V14.03C2.13801 14.0301 2.27769 13.9922 2.40275 13.9126L2.58606 13.7959C3.58623 13.1593 5.7211 11.8003 6.3322 11.4511C6.43421 11.3928 6.63006 11.3244 6.87351 11.298C7.11445 11.2719 7.33773 11.2938 7.5019 11.354C7.65327 11.4095 7.73091 11.4857 7.77426 11.5815C7.82369 11.6908 7.8772 11.9357 7.75398 12.4121C7.51412 13.3396 7.26658 14.4095 7.33946 15.3038C7.37704 15.765 7.50392 16.2502 7.82249 16.6542C8.15314 17.0735 8.62627 17.3246 9.19678 17.4197C10.3338 17.6092 11.3768 16.938 12.107 16.3036C12.8753 15.6361 13.5146 14.8173 13.8801 14.3299C14.1286 13.9985 14.0615 13.5284 13.7301 13.2799C13.3987 13.0314 12.9286 13.0985 12.6801 13.4299C12.3256 13.9025 11.7649 14.6137 11.1232 15.1712C10.4434 15.7619 9.86635 16.0106 9.4434 15.9401C9.17392 15.8952 9.06101 15.8023 9.00036 15.7254C8.92763 15.6332 8.85796 15.4699 8.8345 15.182C8.78531 14.5784 8.95777 13.7483 9.2062 12.7877C9.38299 12.1041 9.37649 11.484 9.14093 10.9633C8.89928 10.4291 8.46692 10.1102 8.01829 9.94573C7.58246 9.78593 7.11574 9.76292 6.71167 9.80677C6.31013 9.85035 5.90598 9.967 5.58799 10.1487C4.98422 10.4937 3.05774 11.7176 2 12.3909V5.92C2 4.85961 2.85961 4 3.92 4H17.3466Z" fill="#141414"/>
+</svg>

package/dist/assets/svg/message_blocked.79ffe1a906c494f50bb9.svg ADDED Viewed

@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_11824_20768" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
+<rect width="16" height="16" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_11824_20768)">
+<path d="M2.28303 13.6667C2.17003 13.6667 2.06853 13.639 1.97853 13.5838C1.88853 13.5286 1.81858 13.4558 1.7687 13.3653C1.7167 13.2755 1.68808 13.1783 1.68286 13.0737C1.67764 12.969 1.70586 12.8653 1.76753 12.7627L7.4747 2.90399C7.53647 2.80133 7.6137 2.72544 7.70636 2.67633C7.79914 2.62722 7.89681 2.60266 7.99936 2.60266C8.10192 2.60266 8.19958 2.62722 8.29236 2.67633C8.38503 2.72544 8.46225 2.80133 8.52403 2.90399L14.2312 12.7627C14.2929 12.8653 14.3211 12.969 14.3159 13.0737C14.3106 13.1783 14.282 13.2755 14.23 13.3653C14.1801 13.4558 14.1102 13.5286 14.0202 13.5838C13.9302 13.639 13.8287 13.6667 13.7157 13.6667H2.28303ZM7.99936 11.8718C8.15192 11.8718 8.27981 11.8202 8.38303 11.717C8.48625 11.6138 8.53786 11.4859 8.53786 11.3333C8.53786 11.1808 8.48625 11.0529 8.38303 10.9497C8.27981 10.8464 8.15192 10.7948 7.99936 10.7948C7.84681 10.7948 7.71892 10.8464 7.6157 10.9497C7.51247 11.0529 7.46086 11.1808 7.46086 11.3333C7.46086 11.4859 7.51247 11.6138 7.6157 11.717C7.71892 11.8202 7.84681 11.8718 7.99936 11.8718ZM7.99953 10.1282C8.14131 10.1282 8.26003 10.0803 8.3557 9.98449C8.45147 9.88861 8.49936 9.76983 8.49936 9.62816V7.29483C8.49936 7.15316 8.45142 7.03444 8.35553 6.93866C8.25964 6.84277 8.14086 6.79483 7.9992 6.79483C7.85742 6.79483 7.7387 6.84277 7.64303 6.93866C7.54725 7.03444 7.49936 7.15316 7.49936 7.29483V9.62816C7.49936 9.76983 7.54731 9.88861 7.6432 9.98449C7.73908 10.0803 7.85786 10.1282 7.99953 10.1282Z" fill="#F44649"/>
+</g>
+</svg>

package/dist/assets/svg/outgoing_video.5381c4a37cb744fc30a7.svg ADDED Viewed

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_774_6314" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_774_6314)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.26523 18.975C3.61523 19.325 4.04273 19.5 4.54773 19.5H15.9325C16.4375 19.5 16.865 19.325 17.215 18.975C17.565 18.625 17.74 18.1974 17.74 17.6923V13.1152L20.4862 15.8615C20.6337 16.009 20.7994 16.0458 20.9832 15.972C21.1672 15.8983 21.2592 15.7577 21.2592 15.55V8.45C21.2592 8.24233 21.1672 8.10167 20.9832 8.028C20.7994 7.95417 20.6337 7.991 20.4862 8.1385L17.74 10.8848V6.30775C17.74 5.80258 17.565 5.375 17.215 5.025C16.865 4.675 16.4375 4.5 15.9325 4.5H4.54773C4.04273 4.5 3.61523 4.675 3.26523 5.025C2.91523 5.375 2.74023 5.80258 2.74023 6.30775V17.6923C2.74023 18.1974 2.91523 18.625 3.26523 18.975ZM8.72461 9.49999H10.9209L6.21686 14.2037C6.07203 14.3487 5.99961 14.5244 5.99961 14.7307C5.99961 14.9372 6.07203 15.1129 6.21686 15.2577C6.36169 15.4026 6.53894 15.4734 6.74861 15.4702C6.95828 15.4671 7.13236 15.3962 7.27086 15.2577L11.9746 10.5537V12.75C11.9746 12.9625 12.0464 13.1407 12.1901 13.2845C12.3336 13.4282 12.5117 13.5 12.7244 13.5C12.9369 13.5 13.115 13.4282 13.2589 13.2845C13.4027 13.1407 13.4746 12.9625 13.4746 12.75V8.90373C13.4746 8.64773 13.3879 8.43315 13.2146 8.25998C13.0414 8.08665 12.8269 7.99999 12.5709 7.99999H8.72461C8.51211 7.99999 8.33394 8.07182 8.19011 8.21549C8.04644 8.35898 7.97461 8.53707 7.97461 8.74973C7.97461 8.96223 8.04644 9.1404 8.19011 9.28424C8.33394 9.42807 8.51211 9.49999 8.72461 9.49999Z" fill="#141414"/>
+</g>
+</svg>

package/dist/assets/svg/phone_incoming.d8337717bd699169eaa5.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.4402 20.5C17.5557 20.5 15.6625 20.0618 13.7605 19.1855C11.8587 18.3092 10.1097 17.073 8.5135 15.477C6.92383 13.8808 5.69083 12.1333 4.8145 10.2345C3.93817 8.33583 3.5 6.44425 3.5 4.55975C3.5 4.25975 3.6 4.00808 3.8 3.80475C4 3.60158 4.25 3.5 4.55 3.5H7.8115C8.064 3.5 8.28675 3.58242 8.47975 3.74725C8.67275 3.91192 8.7955 4.11542 8.848 4.35775L9.42125 7.3C9.46092 7.573 9.45258 7.80758 9.39625 8.00375C9.33975 8.19992 9.23842 8.36467 9.09225 8.498L6.78275 10.7462C7.15442 11.4269 7.57908 12.0708 8.05675 12.678C8.53425 13.285 9.05125 13.8647 9.60775 14.4173C10.1564 14.9661 10.7397 15.4757 11.3577 15.9462C11.9757 16.4167 12.6431 16.8546 13.3598 17.2598L15.6038 14.9963C15.7603 14.8334 15.9498 14.7192 16.1723 14.6538C16.3946 14.5884 16.6257 14.5724 16.8655 14.6058L19.6423 15.1713C19.8948 15.2379 20.1008 15.3667 20.2605 15.5577C20.4202 15.7487 20.5 15.9654 20.5 16.2078V19.45C20.5 19.75 20.3984 20 20.1952 20.2C19.9919 20.4 19.7402 20.5 19.4402 20.5ZM15.5153 9.5385H17.7115C17.9243 9.5385 18.1025 9.61033 18.246 9.754C18.3897 9.8975 18.4615 10.0757 18.4615 10.2885C18.4615 10.5013 18.3897 10.6795 18.246 10.823C18.1025 10.9667 17.9243 11.0385 17.7115 11.0385H13.8652C13.6076 11.0385 13.3926 10.9523 13.2203 10.7798C13.0478 10.6074 12.9615 10.3924 12.9615 10.1348V6.2885C12.9615 6.07567 13.0333 5.8975 13.177 5.754C13.3205 5.61033 13.4987 5.5385 13.7115 5.5385C13.9243 5.5385 14.1025 5.61033 14.246 5.754C14.3897 5.8975 14.4615 6.07567 14.4615 6.2885V8.48475L19.1652 3.78075C19.3038 3.64225 19.4778 3.57142 19.6875 3.56825C19.8972 3.56508 20.0744 3.63592 20.2193 3.78075C20.3641 3.92558 20.4365 4.10125 20.4365 4.30775C20.4365 4.51408 20.3641 4.68975 20.2193 4.83475L15.5153 9.5385Z" fill="#141414"/>
+</svg>

package/dist/assets/svg/phone_outgoing.fe790222212ccc2b0221.svg ADDED Viewed

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.7605 19.1855C15.6625 20.0618 17.5557 20.5 19.4402 20.5C19.7402 20.5 19.9919 20.4 20.1952 20.2C20.3984 20 20.5 19.75 20.5 19.45V16.2078C20.5 15.9654 20.4202 15.7487 20.2605 15.5577C20.1008 15.3667 19.8948 15.2379 19.6423 15.1713L16.8655 14.6058C16.6257 14.5724 16.3946 14.5884 16.1723 14.6538C15.9498 14.7193 15.7603 14.8334 15.6038 14.9963L13.3598 17.2598C12.6431 16.8546 11.9757 16.4167 11.3577 15.9462C10.7397 15.4757 10.1564 14.9661 9.60775 14.4173C9.05125 13.8648 8.53425 13.285 8.05675 12.678C7.57908 12.0708 7.15442 11.4269 6.78275 10.7462L9.09225 8.498C9.23842 8.36467 9.33975 8.19992 9.39625 8.00375C9.45258 7.80758 9.46092 7.573 9.42125 7.3L8.848 4.35775C8.7955 4.11542 8.67275 3.91192 8.47975 3.74725C8.28675 3.58242 8.064 3.5 7.8115 3.5H4.55C4.25 3.5 4 3.60158 3.8 3.80475C3.6 4.00808 3.5 4.25975 3.5 4.55975C3.5 6.44425 3.93817 8.33583 4.8145 10.2345C5.69083 12.1333 6.92383 13.8808 8.5135 15.477C10.1097 17.073 11.8587 18.3092 13.7605 19.1855Z" fill="#141414"/>
+<path d="M15.6865 5.0681H17.8828L13.1788 9.77185C13.0339 9.91685 12.9615 10.0925 12.9615 10.2989C12.9615 10.5054 13.0339 10.681 13.1788 10.8259C13.3236 10.9707 13.5009 11.0415 13.7105 11.0384C13.9202 11.0352 14.0943 10.9644 14.2328 10.8259L18.9365 6.12185V8.3181C18.9365 8.5306 19.0084 8.70877 19.152 8.8526C19.2955 8.99627 19.4736 9.0681 19.6863 9.0681C19.8988 9.0681 20.0769 8.99627 20.2208 8.8526C20.3646 8.70877 20.4365 8.5306 20.4365 8.3181V4.47185C20.4365 4.21585 20.3499 4.00127 20.1765 3.8281C20.0034 3.65477 19.7888 3.5681 19.5328 3.5681H15.6865C15.474 3.5681 15.2959 3.63993 15.152 3.7836C15.0084 3.9271 14.9365 4.10518 14.9365 4.31785C14.9365 4.53035 15.0084 4.70852 15.152 4.85235C15.2959 4.99618 15.474 5.0681 15.6865 5.0681Z" fill="#141414"/>
+</svg>

package/dist/assets/svg/right-arrow.d430f526b3249ce1e4c9.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.5 6H9.5M9.5 6L6 2.5M9.5 6L6 9.5" stroke="#717680" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/svg/search_message_icon.dce7250b5966716057a8.svg ADDED Viewed

@@ -0,0 +1,8 @@
+<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_13439_125917" fill="white">
+<path d="M47.7349 18.3633C41.9551 18.3602 36.3043 20.0713 31.497 23.2801C26.6898 26.4889 22.9422 31.0513 20.7283 36.3902C18.5143 41.7291 17.9334 47.6047 19.0591 53.2738C20.1847 58.9429 22.9664 64.1508 27.0522 68.2389C31.138 72.3269 36.3445 75.1113 42.013 76.2401C47.6815 77.3688 53.5574 76.7911 58.8975 74.58C64.2376 72.3689 68.802 68.6237 72.0134 63.8182C75.2248 59.0127 76.9389 53.3628 76.9389 47.583C76.9389 39.8362 73.8626 32.4064 68.3862 26.9271C62.9099 21.4478 55.4817 18.3674 47.7349 18.3633Z"/>
+<path d="M75.4307 72.784L73.0113 75.3149C71.9267 76.4494 71.9672 78.2483 73.1017 79.3329L94.0982 99.4046C95.2328 100.489 97.0317 100.449 98.1163 99.3142L100.536 96.7832C101.62 95.6487 101.58 93.8498 100.445 92.7652L79.4487 72.6935C78.3142 71.6089 76.5153 71.6494 75.4307 72.784Z"/>
+</mask>
+<path d="M75.4307 72.784L73.0113 75.3149C71.9267 76.4494 71.9672 78.2483 73.1017 79.3329L94.0982 99.4046C95.2328 100.489 97.0317 100.449 98.1163 99.3142L100.536 96.7832C101.62 95.6487 101.58 93.8498 100.445 92.7652L79.4487 72.6935C78.3142 71.6089 76.5153 71.6494 75.4307 72.784Z" fill="#858585"/>
+<path d="M47.7349 18.3633L47.7355 17.3633L47.7349 18.3633ZM76.9389 47.583H75.9389H76.9389ZM75.4307 72.784L74.7079 72.093L75.4307 72.784ZM73.0113 75.3149L73.7341 76.0059L73.0113 75.3149ZM73.1017 79.3329L73.7927 78.6101L73.1017 79.3329ZM94.0982 99.4046L93.4072 100.127L94.0982 99.4046ZM98.1163 99.3142L98.8391 100.005L98.1163 99.3142ZM100.536 96.7832L99.8129 96.0922L100.536 96.7832ZM100.445 92.7652L99.7542 93.488L100.445 92.7652ZM79.4487 72.6935L80.1397 71.9706L79.4487 72.6935ZM47.7349 18.3633L47.7355 17.3633C41.7579 17.3601 35.9136 19.1297 30.9419 22.4483L31.497 23.2801L32.0522 24.1118C36.6949 21.0128 42.1524 19.3603 47.7344 19.3633L47.7349 18.3633ZM31.497 23.2801L30.9419 22.4483C25.9701 25.767 22.0943 30.4855 19.8045 36.0071L20.7283 36.3902L21.652 36.7733C23.7902 31.6171 27.4095 27.2108 32.0522 24.1118L31.497 23.2801ZM20.7283 36.3902L19.8045 36.0071C17.5148 41.5288 16.914 47.6055 18.0782 53.4686L19.0591 53.2738L20.0399 53.0791C18.9528 47.604 19.5138 41.9295 21.652 36.7733L20.7283 36.3902ZM19.0591 53.2738L18.0782 53.4686C19.2424 59.3317 22.1193 64.7179 26.3449 68.9458L27.0522 68.2389L27.7595 67.5319C23.8135 63.5838 21.1271 58.5541 20.0399 53.0791L19.0591 53.2738ZM27.0522 68.2389L26.3449 68.9458C30.5706 73.1737 35.9552 76.0535 41.8177 77.2208L42.013 76.2401L42.2083 75.2593C36.7338 74.1692 31.7055 71.4801 27.7595 67.5319L27.0522 68.2389ZM42.013 76.2401L41.8177 77.2208C47.6802 78.3882 53.7572 77.7907 59.28 75.5039L58.8975 74.58L58.5149 73.656C53.3576 75.7915 47.6827 76.3494 42.2083 75.2593L42.013 76.2401ZM58.8975 74.58L59.28 75.5039C64.8029 73.2171 69.5235 69.3438 72.8448 64.3738L72.0134 63.8182L71.182 63.2626C68.0805 67.9036 63.6723 71.5206 58.5149 73.656L58.8975 74.58ZM72.0134 63.8182L72.8448 64.3738C76.1661 59.4039 77.9389 53.5606 77.9389 47.583H76.9389H75.9389C75.9389 53.165 74.2835 58.6215 71.182 63.2626L72.0134 63.8182ZM76.9389 47.583H77.9389C77.9389 39.571 74.7573 31.887 69.0935 26.2202L68.3862 26.9271L67.6789 27.634C72.9679 32.9258 75.9389 40.1013 75.9389 47.583H76.9389ZM68.3862 26.9271L69.0935 26.2202C63.4297 20.5533 55.7474 17.3676 47.7355 17.3633L47.7349 18.3633L47.7344 19.3633C55.2161 19.3673 62.39 22.3422 67.6789 27.634L68.3862 26.9271ZM75.4307 72.784L74.7079 72.093L72.2884 74.6239L73.0113 75.3149L73.7341 76.0059L76.1536 73.475L75.4307 72.784ZM73.0113 75.3149L72.2884 74.6239C70.8222 76.1576 70.877 78.5896 72.4107 80.0558L73.1017 79.3329L73.7927 78.6101C73.0574 77.9071 73.0312 76.7412 73.7341 76.0059L73.0113 75.3149ZM73.1017 79.3329L72.4107 80.0558L93.4072 100.127L94.0982 99.4046L94.7893 98.6818L73.7927 78.6101L73.1017 79.3329ZM94.0982 99.4046L93.4072 100.127C94.941 101.594 97.3729 101.539 98.8391 100.005L98.1163 99.3142L97.3934 98.6231C96.6905 99.3585 95.5246 99.3847 94.7893 98.6818L94.0982 99.4046ZM98.1163 99.3142L98.8391 100.005L101.259 97.4742L100.536 96.7832L99.8129 96.0922L97.3934 98.6231L98.1163 99.3142ZM100.536 96.7832L101.259 97.4742C102.725 95.9405 102.67 93.5085 101.136 92.0424L100.445 92.7652L99.7542 93.488C100.49 94.191 100.516 95.3569 99.8129 96.0922L100.536 96.7832ZM100.445 92.7652L101.136 92.0424L80.1397 71.9706L79.4487 72.6935L78.7577 73.4163L99.7542 93.488L100.445 92.7652ZM79.4487 72.6935L80.1397 71.9706C78.606 70.5044 76.1741 70.5592 74.7079 72.093L75.4307 72.784L76.1536 73.475C76.8565 72.7397 78.0224 72.7134 78.7577 73.4163L79.4487 72.6935Z" fill="#383838" mask="url(#path-1-inside-1_13439_125917)"/>
+</svg>

package/dist/assets/svg/send-message.fa7501d52cb01566a038.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 16.6667V3.33334M10 3.33334L5 8.33334M10 3.33334L15 8.33334" stroke="white" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/svg/stop-message.394e6adf2af527d6b219.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 5.2C2 4.0799 2 3.51984 2.21799 3.09202C2.40973 2.71569 2.71569 2.40973 3.09202 2.21799C3.51984 2 4.0799 2 5.2 2H10.8C11.9201 2 12.4802 2 12.908 2.21799C13.2843 2.40973 13.5903 2.71569 13.782 3.09202C14 3.51984 14 4.0799 14 5.2V10.8C14 11.9201 14 12.4802 13.782 12.908C13.5903 13.2843 13.2843 13.5903 12.908 13.782C12.4802 14 11.9201 14 10.8 14H5.2C4.0799 14 3.51984 14 3.09202 13.782C2.71569 13.5903 2.40973 13.2843 2.21799 12.908C2 12.4802 2 11.9201 2 10.8V5.2Z" fill="white"/>
+</svg>

package/dist/icons/docked_open_icon.svg CHANGED Viewed

@@ -1,3 +1,10 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.66665 2.66665H13.3333V10.6666H3.44665L2.66665 11.4466V2.66665ZM2.66665 1.33331C1.93331 1.33331 1.33998 1.93331 1.33998 2.66665L1.33331 14.6666L3.99998 12H13.3333C14.0666 12 14.6666 11.4 14.6666 10.6666V2.66665C14.6666 1.93331 14.0666 1.33331 13.3333 1.33331H2.66665ZM3.99998 7.99998H9.33331V9.33331H3.99998V7.99998ZM3.99998 5.99998H12V7.33331H3.99998V5.99998ZM3.99998 3.99998H12V5.33331H3.99998V3.99998Z" fill="white"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_16464_48467)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 5.64705V21.2469C0 22.7685 1.23504 24 2.75855 24H21.2889C22.8136 24 24.0475 22.7674 24.0475 21.2469V2.7531C24.0475 1.23147 22.8124 0 21.2889 0H10.0787V2.75159C10.0787 4.27204 8.91465 5.50459 7.39144 5.50459H6.79438L4.74332 7.96946L4.95096 5.64705H0ZM17.6434 7.97164C17.2982 7.3728 16.8502 6.87244 16.2996 6.47051C15.7489 6.06855 15.1242 5.76915 14.4256 5.57228C13.727 5.3754 12.9996 5.27696 12.2434 5.27696C11.2078 5.27696 10.2872 5.44924 9.48176 5.79375C8.67628 6.13826 7.99413 6.61815 7.43521 7.23337C6.87629 7.8486 6.45302 8.57865 6.16535 9.42352C5.87769 10.2684 5.73385 11.1831 5.73385 12.1674C5.73385 13.119 5.89001 13.9926 6.20233 14.7882C6.51468 15.5839 6.95028 16.2689 7.50919 16.8431C8.06807 17.4173 8.74617 17.8643 9.54342 18.1843C10.3407 18.5042 11.216 18.6641 12.1694 18.6641C13.8626 18.6641 15.2516 18.2212 16.3365 17.3352C17.4215 16.4493 18.079 15.1615 18.3091 13.4717H14.9311C14.816 14.2591 14.5324 14.8867 14.0804 15.3543C13.6283 15.8218 12.9831 16.0556 12.1448 16.0556C11.6023 16.0556 11.142 15.9326 10.7639 15.6865C10.3859 15.4404 10.0859 15.1246 9.86397 14.739C9.64205 14.3535 9.48176 13.9228 9.38313 13.4471C9.2845 12.9713 9.2352 12.5037 9.2352 12.0444C9.2352 11.5686 9.2845 11.0887 9.38313 10.6048C9.48176 10.1208 9.65028 9.67785 9.88861 9.27589C10.127 8.87396 10.4352 8.54584 10.8133 8.29155C11.1913 8.03726 11.6598 7.9101 12.2187 7.9101C13.7146 7.9101 14.5776 8.64015 14.8078 10.1003H18.2351C18.1859 9.27997 17.9886 8.57044 17.6434 7.97164Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_16464_48467">
+<rect width="24" height="24" rx="12" fill="white"/>
+</clipPath>
+</defs>
 </svg>