npm - cometchat-visual-builder-no-code - Versions diffs - 1.0.10-test7 → 1.0.12-firefox-theme-fix - Mend

cometchat-visual-builder-no-code 1.0.10-test7 → 1.0.12-firefox-theme-fix

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 (60) 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.7-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 Chat Builder Widget 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@latest/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/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/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_close_icon.svg CHANGED Viewed

@@ -1,10 +1,3 @@
-<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 width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.41663 5.99999L8.0033 8.58666L10.59 5.99999C10.85 5.73999 11.27 5.73999 11.53 5.99999C11.79 6.25999 11.79 6.67999 11.53 6.93999L8.46996 9.99999C8.20996 10.26 7.78996 10.26 7.52996 9.99999L4.46996 6.93999C4.20996 6.67999 4.20996 6.25999 4.46996 5.99999C4.72996 5.74666 5.15663 5.73999 5.41663 5.99999Z" 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>