@cometchat/skills-cli 2.4.0 → 3.0.0

package/dist/registry/v6/experiences/3-tab-based/react-router.template.json

@@ -1,105 +0,0 @@
-{
-  "$schema": "../../../schemas/template.schema.json",
-  "version": "1.0.0",
-  "experience_id": 3,
-  "framework": "react-router",
-  "sdk_compatibility": ">=6.0.0 <7.0.0",
-  "default_placement": "dedicated-route",
-  "deps": [
-    {
-      "name": "@cometchat/chat-uikit-react",
-      "version": "^6"
-    },
-    {
-      "name": "@cometchat/chat-sdk-javascript",
-      "version": "^4"
-    }
-  ],
-  "env_vars": [
-    {
-      "name": "{{ENV_PREFIX}}COMETCHAT_APP_ID",
-      "required": true,
-      "description": "CometChat App ID from your dashboard"
-    },
-    {
-      "name": "{{ENV_PREFIX}}COMETCHAT_REGION",
-      "required": true,
-      "description": "CometChat region (us, eu, in, etc.)"
-    },
-    {
-      "name": "{{ENV_PREFIX}}COMETCHAT_AUTH_KEY",
-      "required": true,
-      "secret": true,
-      "description": "CometChat Auth Key (development only)"
-    }
-  ],
-  "files": [
-    {
-      "path": "app/cometchat/CometChatNoSSR.tsx",
-      "action": "create",
-      "template_ref": "CometChatNoSSR.tsx.tpl",
-      "owned": true
-    },
-    {
-      "path": "app/cometchat/CometChatNoSSR.css",
-      "action": "create",
-      "template_ref": "CometChatNoSSR.css.tpl",
-      "owned": true
-    },
-    {
-      "path": "app/cometchat/CometChatTabs.tsx",
-      "action": "create",
-      "template_ref": "CometChatTabs.tsx.tpl",
-      "owned": true
-    },
-    {
-      "path": "app/cometchat/CometChatTabs.css",
-      "action": "create",
-      "template_ref": "CometChatTabs.css.tpl",
-      "owned": true
-    },
-    {
-      "path": "app/routes/CometChat.tsx",
-      "action": "create",
-      "template_ref": "CometChat-route.tsx.tpl",
-      "owned": true
-    },
-    {
-      "path": "app/routes.ts",
-      "action": "patch",
-      "patch_mode": "replace-section",
-      "anchor": "import { type RouteConfig, index }",
-      "patch_content": "import { type RouteConfig, index, route } from \"@react-router/dev/routes\";",
-      "skip_if_exists": "import { type RouteConfig, index, route }"
-    },
-    {
-      "path": "app/routes.ts",
-      "action": "patch",
-      "patch_mode": "insert-before",
-      "anchor": "] satisfies RouteConfig",
-      "patch_content": "  route(\"chat\", \"routes/CometChat.tsx\"),\n",
-      "skip_if_exists": "routes/CometChat.tsx"
-    },
-    {
-      "path": "app/app.css",
-      "action": "patch",
-      "patch_mode": "prepend",
-      "patch_content": "@import url(\"@cometchat/chat-uikit-react/css-variables.css\");\n",
-      "skip_if_exists": "@cometchat/chat-uikit-react/css-variables.css"
-    }
-  ],
-  "verify_rules": [
-    "css_variables_imported_once",
-    "init_before_login",
-    "no_user_and_group_same_component",
-    "no_auth_key_in_source",
-    "render_gated_on_login_resolve",
-    "error_ui_visible_on_failure"
-  ],
-  "next_steps": [
-    "Add the chat route to app/routes.ts: route(\"chat\", \"routes/CometChat.tsx\")",
-    "Run `npm run dev` to start the dev server",
-    "Visit http://localhost:5173/chat",
-    "Click any of the 4 tabs (Chats / Calls / Users / Groups) to switch lists"
-  ]
-}

package/dist/registry/v6/experiences/3-tab-based/reactjs-dedicated-route.template.json

@@ -1,89 +0,0 @@
-{
-  "$schema": "../../../schemas/template.schema.json",
-  "version": "1.0.0",
-  "experience_id": 3,
-  "framework": "reactjs-dedicated-route",
-  "sdk_compatibility": ">=6.0.0 <7.0.0",
-  "default_placement": "dedicated-route",
-  "deps": [
-    { "name": "@cometchat/chat-uikit-react", "version": "^6" },
-    { "name": "@cometchat/chat-sdk-javascript", "version": "^4" }
-  ],
-  "env_vars": [
-    { "name": "{{ENV_PREFIX}}COMETCHAT_APP_ID", "required": true, "description": "CometChat App ID from your dashboard" },
-    { "name": "{{ENV_PREFIX}}COMETCHAT_REGION", "required": true, "description": "CometChat region (us, eu, in, etc.)" },
-    { "name": "{{ENV_PREFIX}}COMETCHAT_AUTH_KEY", "required": true, "secret": true, "description": "CometChat Auth Key (development only — use auth tokens in production)" }
-  ],
-  "files": [
-    {
-      "path": "src/cometchat/CometChatTabs.tsx",
-      "action": "create",
-      "template_ref": "CometChatTabs.tsx.tpl",
-      "owned": true
-    },
-    {
-      "path": "src/cometchat/CometChatTabs.css",
-      "action": "create",
-      "template_ref": "CometChatTabs.css.tpl",
-      "owned": true
-    },
-    {
-      "path": "src/cometchat/CometChatMessenger.tsx",
-      "action": "create",
-      "template_ref": "CometChatMessenger.tsx.tpl",
-      "owned": true
-    },
-    {
-      "path": "src/cometchat/CometChatMessenger.css",
-      "action": "create",
-      "template_ref": "CometChatMessenger.css.tpl",
-      "owned": true
-    },
-    {
-      "path": "src/pages/ChatPage.tsx",
-      "action": "create",
-      "template_ref": "ChatPage.tsx.tpl",
-      "owned": true,
-      "is_entry": true
-    },
-    {
-      "path": "src/App.tsx",
-      "action": "patch",
-      "patch_mode": "prepend",
-      "patch_content": "import ChatPage from \"./pages/ChatPage\";\n",
-      "skip_if_exists": "./pages/ChatPage",
-      "embed_skip": true
-    },
-    {
-      "path": "src/App.tsx",
-      "action": "patch",
-      "patch_mode": "insert-before",
-      "anchor": "</Routes>",
-      "patch_content": "  <Route path=\"{{PLACEMENT_PATH}}\" element={<ChatPage />} />\n    ",
-      "skip_if_exists": "element={<ChatPage />}",
-      "embed_skip": true
-    },
-    {
-      "path": "src/index.css",
-      "action": "patch",
-      "patch_mode": "prepend",
-      "patch_content": "@import url(\"@cometchat/chat-uikit-react/css-variables.css\");\n",
-      "skip_if_exists": "@cometchat/chat-uikit-react/css-variables.css"
-    }
-  ],
-  "verify_rules": [
-    "css_variables_imported_once",
-    "init_before_login",
-    "no_user_and_group_same_component",
-    "no_auth_key_in_source",
-    "render_gated_on_login_resolve",
-    "error_ui_visible_on_failure"
-  ],
-  "next_steps": [
-    "Run `npm run dev` to start the dev server",
-    "Visit http://localhost:5173{{PLACEMENT_PATH}}",
-    "The left panel shows the tab bar (Chats / Calls / Users / Groups). Click any tab to switch.",
-    "Click a conversation, user, or group to open the message thread on the right.",
-    "If the route didn't wire up automatically (your App.tsx layout is non-standard), add: <Route path=\"{{PLACEMENT_PATH}}\" element={<ChatPage />} /> inside your existing <Routes> block and import ChatPage from ./pages/ChatPage"
-  ]
-}

package/dist/registry/v6/experiences/3-tab-based/reactjs.template.json

@@ -1,93 +0,0 @@
-{
-  "$schema": "../../../schemas/template.schema.json",
-  "version": "1.0.0",
-  "experience_id": 3,
-  "framework": "reactjs",
-  "sdk_compatibility": ">=6.0.0 <7.0.0",
-  "default_placement": "spa-root",
-  "deps": [
-    {
-      "name": "@cometchat/chat-uikit-react",
-      "version": "^6"
-    },
-    {
-      "name": "@cometchat/chat-sdk-javascript",
-      "version": "^4"
-    }
-  ],
-  "env_vars": [
-    {
-      "name": "{{ENV_PREFIX}}COMETCHAT_APP_ID",
-      "required": true,
-      "description": "CometChat App ID from your dashboard"
-    },
-    {
-      "name": "{{ENV_PREFIX}}COMETCHAT_REGION",
-      "required": true,
-      "description": "CometChat region (us, eu, in, etc.)"
-    },
-    {
-      "name": "{{ENV_PREFIX}}COMETCHAT_AUTH_KEY",
-      "required": true,
-      "secret": true,
-      "description": "CometChat Auth Key (development only — use auth tokens in production)"
-    }
-  ],
-  "files": [
-    {
-      "path": "src/main.tsx",
-      "action": "create",
-      "template_ref": "main.tsx.tpl",
-      "owned": true,
-      "embed_skip": true
-    },
-    {
-      "path": "src/App.tsx",
-      "action": "create",
-      "template_ref": "App.tsx.tpl",
-      "owned": true,
-      "is_entry": true
-    },
-    {
-      "path": "src/App.css",
-      "action": "create",
-      "template_ref": "App.css.tpl",
-      "owned": true,
-      "move_with_entry": true
-    },
-    {
-      "path": "src/cometchat/CometChatTabs.tsx",
-      "action": "create",
-      "template_ref": "CometChatTabs.tsx.tpl",
-      "owned": true
-    },
-    {
-      "path": "src/cometchat/CometChatTabs.css",
-      "action": "create",
-      "template_ref": "CometChatTabs.css.tpl",
-      "owned": true
-    },
-    {
-      "path": "src/index.css",
-      "action": "patch",
-      "patch_mode": "prepend",
-      "patch_content": "@import url(\"@cometchat/chat-uikit-react/css-variables.css\");\n",
-      "skip_if_exists": "@cometchat/chat-uikit-react/css-variables.css"
-    }
-  ],
-  "verify_rules": [
-    "css_variables_imported_once",
-    "init_before_login",
-    "no_user_and_group_same_component",
-    "no_auth_key_in_source",
-    "render_gated_on_login_resolve",
-    "error_ui_visible_on_failure"
-  ],
-  "next_steps": [
-    "Run `npm run dev` to start the dev server",
-    "Visit http://localhost:5173",
-    "The left panel shows the tab bar (Chats / Calls / Users / Groups). Click any tab to switch.",
-    "Click a conversation, user, or group to open the message thread on the right.",
-    "When ready for production, run `cometchat apply --production` to set up server-side auth tokens"
-  ]
-}

package/dist/registry/v6/experiences/3-tab-based/templates/astro/ChatApp.css.tpl

@@ -1,39 +0,0 @@
-.conversations-with-messages {
-  display: flex;
-  height: 100vh;
-  width: 100%;
-}
-
-.conversations-wrapper {
-  height: 100%;
-  width: 480px;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-}
-
-.conversations-wrapper > .cometchat {
-  overflow: hidden;
-}
-
-.messages-wrapper {
-  width: calc(100% - 480px);
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-.empty-conversation {
-  height: 100%;
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: white;
-  color: var(--cometchat-text-color-secondary, #727272);
-  font: var(--cometchat-font-body-regular, 400 14px Roboto);
-}
-
-.cometchat .cometchat-message-composer {
-  border-radius: 0;
-}

package/dist/registry/v6/experiences/3-tab-based/templates/astro/ChatApp.tsx.tpl

@@ -1,93 +0,0 @@
-import { useEffect, useState } from "react";
-import {
-  CometChatMessageComposer,
-  CometChatMessageHeader,
-  CometChatMessageList,
-  CometChatUIKit,
-  UIKitSettingsBuilder,
-} from "@cometchat/chat-uikit-react";
-import { CometChat } from "@cometchat/chat-sdk-javascript";
-import { CometChatTabs, type CometChatTab } from "./CometChatTabs";
-// IMPORTANT: css-variables.css MUST be imported here (inside the React island)
-// — global stylesheets imported in .astro files do not apply to client:only islands.
-import "@cometchat/chat-uikit-react/css-variables.css";
-import "./ChatApp.css";
-
-const COMETCHAT_CONSTANTS = {
-  APP_ID: import.meta.env.{{ENV_PREFIX}}COMETCHAT_APP_ID as string,
-  REGION: import.meta.env.{{ENV_PREFIX}}COMETCHAT_REGION as string,
-  AUTH_KEY: import.meta.env.{{ENV_PREFIX}}COMETCHAT_AUTH_KEY as string,
-};
-const UID = "{{LOGIN_UID}}";
-
-export default function ChatApp() {
-  const [user, setUser] = useState<CometChat.User | undefined>();
-  const [error, setError] = useState<string | null>(null);
-  const [activeTab, setActiveTab] = useState<CometChatTab>("chats");
-  const [selectedUser, setSelectedUser] = useState<CometChat.User | undefined>();
-  const [selectedGroup, setSelectedGroup] = useState<CometChat.Group | undefined>();
-
-  useEffect(() => {
-    const settings = new UIKitSettingsBuilder()
-      .setAppId(COMETCHAT_CONSTANTS.APP_ID)
-      .setRegion(COMETCHAT_CONSTANTS.REGION)
-      .setAuthKey(COMETCHAT_CONSTANTS.AUTH_KEY)
-      .subscribePresenceForAllUsers()
-      .build();
-
-    CometChatUIKit.init(settings)?.then(() => {
-      CometChatUIKit.getLoggedinUser().then((u) => {
-        if (!u) {
-          CometChatUIKit.login(UID)
-            .then(setUser)
-            .catch((e: unknown) => setError(String(e)));
-        } else {
-          setUser(u);
-        }
-      });
-    }).catch((e: unknown) => setError(String(e)));
-  }, []);
-
-  const handleSelectorItemClicked = (
-    activeItem: CometChat.Conversation | CometChat.User | CometChat.Group,
-  ) => {
-    const item =
-      activeItem instanceof CometChat.Conversation
-        ? activeItem.getConversationWith()
-        : activeItem;
-    if (item instanceof CometChat.User) {
-      setSelectedUser(item);
-      setSelectedGroup(undefined);
-    } else if (item instanceof CometChat.Group) {
-      setSelectedUser(undefined);
-      setSelectedGroup(item);
-    }
-  };
-
-  if (error) return <div style={{ color: "red", padding: 16, fontFamily: "monospace" }}>{error}</div>;
-  if (!user) return null;
-
-  return (
-    <div className="conversations-with-messages">
-      <div className="conversations-wrapper">
-        <CometChatTabs
-          activeTab={activeTab}
-          onTabChange={setActiveTab}
-          onItemClick={handleSelectorItemClicked}
-        />
-      </div>
-      {selectedUser || selectedGroup ? (
-        <div className="messages-wrapper">
-          {selectedUser && <CometChatMessageHeader user={selectedUser} />}
-          {selectedGroup && <CometChatMessageHeader group={selectedGroup} />}
-          {selectedUser && <CometChatMessageList user={selectedUser} />}
-          {selectedGroup && <CometChatMessageList group={selectedGroup} />}
-          {selectedUser && <CometChatMessageComposer user={selectedUser} />}
-          {selectedGroup && <CometChatMessageComposer group={selectedGroup} />}
-        </div>
-      ) : (
-        <div className="empty-conversation">Select a conversation to start chatting</div>
-      )}
-    </div>
-  );
-}

package/dist/registry/v6/experiences/3-tab-based/templates/astro/CometChatTabs.css.tpl

@@ -1,43 +0,0 @@
-.cometchat-tabs {
-  height: 100%;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-.cometchat-tabs-content {
-  flex: 1;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-}
-
-.cometchat-tabs-content > .cometchat {
-  flex: 1;
-  overflow: hidden;
-}
-
-.cometchat-tabs-bar {
-  display: flex;
-  border-top: 1px solid var(--cometchat-border-color-default, #e8e8e8);
-  background: var(--cometchat-background-color-01, #ffffff);
-}
-
-.cometchat-tabs-bar-tab {
-  flex: 1;
-  padding: 12px 8px;
-  border: none;
-  background: transparent;
-  font: var(--cometchat-font-body-regular, 400 14px Roboto);
-  color: var(--cometchat-text-color-secondary, #727272);
-  cursor: pointer;
-}
-
-.cometchat-tabs-bar-tab.active {
-  color: var(--cometchat-primary-color, #6852d6);
-  font-weight: 600;
-}
-
-.cometchat-tabs-bar-tab:hover {
-  background: var(--cometchat-background-color-02, #f8f8f8);
-}

package/dist/registry/v6/experiences/3-tab-based/templates/astro/CometChatTabs.tsx.tpl

@@ -1,72 +0,0 @@
-import { useEffect, useState } from "react";
-import type { CometChat } from "@cometchat/chat-sdk-javascript";
-import {
-  CometChatCallLogs,
-  CometChatConversations,
-  CometChatGroups,
-  CometChatUIKitLoginListener,
-  CometChatUsers,
-} from "@cometchat/chat-uikit-react";
-import "./CometChatTabs.css";
-
-export type CometChatTab = "chats" | "calls" | "users" | "groups";
-
-interface CometChatTabsProps {
-  activeTab: CometChatTab;
-  onTabChange: (tab: CometChatTab) => void;
-  onItemClick: (
-    item: CometChat.Conversation | CometChat.User | CometChat.Group,
-  ) => void;
-}
-
-const TABS: { id: CometChatTab; label: string }[] = [
-  { id: "chats", label: "Chats" },
-  { id: "calls", label: "Calls" },
-  { id: "users", label: "Users" },
-  { id: "groups", label: "Groups" },
-];
-
-export const CometChatTabs = ({
-  activeTab,
-  onTabChange,
-  onItemClick,
-}: CometChatTabsProps) => {
-  const [loggedInUser, setLoggedInUser] = useState<CometChat.User | null>(null);
-
-  useEffect(() => {
-    setLoggedInUser(CometChatUIKitLoginListener.getLoggedInUser());
-  }, []);
-
-  if (!loggedInUser) return null;
-
-  return (
-    <div className="cometchat-tabs">
-      <div className="cometchat-tabs-content">
-        {activeTab === "chats" && (
-          <CometChatConversations
-            onItemClick={(c) => onItemClick(c)}
-          />
-        )}
-        {activeTab === "calls" && <CometChatCallLogs />}
-        {activeTab === "users" && (
-          <CometChatUsers onItemClick={(u) => onItemClick(u)} />
-        )}
-        {activeTab === "groups" && (
-          <CometChatGroups onItemClick={(g) => onItemClick(g)} />
-        )}
-      </div>
-      <nav className="cometchat-tabs-bar">
-        {TABS.map((tab) => (
-          <button
-            key={tab.id}
-            type="button"
-            className={`cometchat-tabs-bar-tab${activeTab === tab.id ? " active" : ""}`}
-            onClick={() => onTabChange(tab.id)}
-          >
-            {tab.label}
-          </button>
-        ))}
-      </nav>
-    </div>
-  );
-};

package/dist/registry/v6/experiences/3-tab-based/templates/astro/chat.astro.tpl

@@ -1,17 +0,0 @@
----
-import ChatApp from "../cometchat/ChatApp.tsx";
----
-
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width" />
-    <title>Chat</title>
-    <style>
-      html, body { margin: 0; padding: 0; height: 100%; }
-    </style>
-  </head>
-  <body>
-    <ChatApp client:only="react" />
-  </body>
-</html>

package/dist/registry/v6/experiences/3-tab-based/templates/nextjs/CometChatNoSSR.css.tpl

@@ -1,39 +0,0 @@
-.conversations-with-messages {
-  display: flex;
-  height: 100vh;
-  width: 100%;
-}
-
-.conversations-wrapper {
-  height: 100%;
-  width: 480px;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-}
-
-.conversations-wrapper > .cometchat {
-  overflow: hidden;
-}
-
-.messages-wrapper {
-  width: calc(100% - 480px);
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-.empty-conversation {
-  height: 100%;
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: white;
-  color: var(--cometchat-text-color-secondary, #727272);
-  font: var(--cometchat-font-body-regular, 400 14px Roboto);
-}
-
-.cometchat .cometchat-message-composer {
-  border-radius: 0;
-}

package/dist/registry/v6/experiences/3-tab-based/templates/nextjs/CometChatNoSSR.tsx.tpl

@@ -1,93 +0,0 @@
-"use client";
-import React, { useEffect, useState } from "react";
-import {
-  CometChatMessageComposer,
-  CometChatMessageHeader,
-  CometChatMessageList,
-  CometChatUIKit,
-  UIKitSettingsBuilder,
-} from "@cometchat/chat-uikit-react";
-import { CometChat } from "@cometchat/chat-sdk-javascript";
-import { CometChatTabs, type CometChatTab } from "./CometChatTabs";
-// css-variables.css is imported in app/globals.css — do NOT import it here
-import "./CometChatNoSSR.css";
-
-const COMETCHAT_CONSTANTS = {
-  APP_ID: process.env.{{ENV_PREFIX}}COMETCHAT_APP_ID!,
-  REGION: process.env.{{ENV_PREFIX}}COMETCHAT_REGION!,
-  AUTH_KEY: process.env.{{ENV_PREFIX}}COMETCHAT_AUTH_KEY!,
-};
-const UID = "{{LOGIN_UID}}";
-
-const CometChatNoSSR: React.FC = () => {
-  const [user, setUser] = useState<CometChat.User | undefined>();
-  const [error, setError] = useState<string | null>(null);
-  const [activeTab, setActiveTab] = useState<CometChatTab>("chats");
-  const [selectedUser, setSelectedUser] = useState<CometChat.User | undefined>();
-  const [selectedGroup, setSelectedGroup] = useState<CometChat.Group | undefined>();
-
-  useEffect(() => {
-    const settings = new UIKitSettingsBuilder()
-      .setAppId(COMETCHAT_CONSTANTS.APP_ID)
-      .setRegion(COMETCHAT_CONSTANTS.REGION)
-      .setAuthKey(COMETCHAT_CONSTANTS.AUTH_KEY)
-      .subscribePresenceForAllUsers()
-      .build();
-
-    CometChatUIKit.init(settings)?.then(() => {
-      CometChatUIKit.getLoggedinUser().then((u) => {
-        if (!u) {
-          CometChatUIKit.login(UID)
-            .then(setUser)
-            .catch((e: unknown) => setError(String(e)));
-        } else {
-          setUser(u);
-        }
-      });
-    }).catch((e: unknown) => setError(String(e)));
-  }, []);
-
-  const handleSelectorItemClicked = (
-    activeItem: CometChat.Conversation | CometChat.User | CometChat.Group,
-  ) => {
-    const item =
-      activeItem instanceof CometChat.Conversation
-        ? activeItem.getConversationWith()
-        : activeItem;
-    if (item instanceof CometChat.User) {
-      setSelectedUser(item);
-      setSelectedGroup(undefined);
-    } else if (item instanceof CometChat.Group) {
-      setSelectedUser(undefined);
-      setSelectedGroup(item);
-    }
-  };
-
-  if (error) return <div style={{ color: "red", padding: 16, fontFamily: "monospace" }}>{error}</div>;
-  if (!user) return null;
-
-  return (
-    <div className="conversations-with-messages">
-      <div className="conversations-wrapper">
-        <CometChatTabs
-          activeTab={activeTab}
-          onTabChange={setActiveTab}
-          onItemClick={handleSelectorItemClicked}
-        />
-      </div>
-      {selectedUser || selectedGroup ? (
-        <div className="messages-wrapper">
-          {selectedUser && <CometChatMessageHeader user={selectedUser} />}
-          {selectedGroup && <CometChatMessageHeader group={selectedGroup} />}
-          {selectedUser && <CometChatMessageList user={selectedUser} />}
-          {selectedGroup && <CometChatMessageList group={selectedGroup} />}
-          {selectedUser && <CometChatMessageComposer user={selectedUser} />}
-          {selectedGroup && <CometChatMessageComposer group={selectedGroup} />}
-        </div>
-      ) : (
-        <div className="empty-conversation">Select a conversation to start chatting</div>
-      )}
-    </div>
-  );
-};
-export default CometChatNoSSR;