cardoctor-call-chat 1.0.1 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cardoctor-call-chat",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {

package/src/cometchat/api/get-auth-token.ts

@@ -0,0 +1,18 @@
+const myHeaders = new Headers();
+myHeaders.append("accept", "application/json");
+myHeaders.append("apikey", "07ffe79d29cf9a3596e5fe369125a48b829ea400");
+myHeaders.append("content-type", "application/json");
+
+const requestOptions = {
+  method: "POST",
+  headers: myHeaders
+};
+
+export const getAuthToken = async (userId: string) => {
+    const getToken = await fetch(
+      `https://2772864c1a441d73.api-in.cometchat.io/v3/users/${userId}/auth_tokens`, 
+      requestOptions
+    )
+    const response = await getToken.json()
+    return response.data.authToken
+}

package/src/cometchat/components/compose.tsx

@@ -0,0 +1,11 @@
+import { CometChatMessageComposer } from "@cometchat/chat-uikit-react";
+
+const CometChatCompose = ({group}: {group:any}) => {
+    return (
+        <>
+            <CometChatMessageComposer group={group}/>
+        </>
+    );
+}
+ 
+export default CometChatCompose;

package/src/cometchat/components/header.tsx

@@ -0,0 +1,10 @@
+import { CometChatMessageHeader } from "@cometchat/chat-uikit-react"
+
+export default function CometChatHeader({group}: {
+    group: any
+}) {
+
+  return(
+    <CometChatMessageHeader group={group}/>
+  )
+}

package/src/cometchat/components/index.ts

@@ -0,0 +1,4 @@
+export * from './compose'
+export * from './header'
+export * from './list'
+export * from './message'

package/src/cometchat/components/list.tsx

@@ -0,0 +1,25 @@
+import { CometChatGroups } from "@cometchat/chat-uikit-react";
+import { CometChat } from "@cometchat/chat-sdk-javascript";
+import React from "react";
+
+interface IListGroup {
+  tag?: string[]
+  limit?: number
+  setSelectGroup: any
+}
+
+const ListGroup = React.memo(({
+  tag = [],
+  limit = 20,
+  setSelectGroup
+}: IListGroup) => {
+      return <CometChatGroups
+      groupsRequestBuilder={new CometChat.GroupsRequestBuilder()
+        .setLimit(limit)
+        .setTags(tag)
+      }
+      onItemClick={e => setSelectGroup(e)}
+    />
+});
+ 
+export default ListGroup;

package/src/cometchat/components/message.tsx

@@ -0,0 +1,11 @@
+import { CometChatMessageList } from "@cometchat/chat-uikit-react";
+
+const CometChatMessage = ({group}: {group:any}) => {
+    return (
+        <div className="h-[800px] scroll-auto overflow-scroll">
+            <CometChatMessageList group={group} />
+        </div>
+    );
+}
+ 
+export default CometChatMessage;

package/src/cometchat/func/login-user.ts

@@ -0,0 +1,25 @@
+import { CometChatUIKit } from "@cometchat/chat-uikit-react";
+let isLoggingIn = false;
+export const loginWithAuthToken = async (authToken: string) => {
+  try {
+    if (isLoggingIn) {
+      console.log("⚠️ Login request already in progress...");
+      return;
+    }
+
+    const existingUser = await CometChatUIKit.getLoggedinUser();
+    if (existingUser) {
+      console.log("🔹 Already logged in:", existingUser);
+      return existingUser;
+    }
+
+    isLoggingIn = true;
+    const user = await CometChatUIKit.loginWithAuthToken(authToken);
+    console.log("✅ Login successful:", user);
+    return user;
+  } catch (error) {
+    console.error("❌ Login failed:", error);
+  } finally {
+    isLoggingIn = false;
+  }
+};

package/src/cometchat/use-call-chat-init.tsx

@@ -0,0 +1,57 @@
+import { useState, useEffect } from "react";
+import { UIKitSettingsBuilder, CometChatUIKit } from "@cometchat/chat-uikit-react"; 
+import { getAuthToken } from "./api/get-auth-token";
+import { loginWithAuthToken } from "./func/login-user";
+
+interface ChatInitState {
+  user: any | null;
+  loading: boolean;
+}
+
+interface IPros {
+    appId: string;
+    region: string;
+    userId: string 
+}
+
+export function useCallChatInit(props: IPros): ChatInitState {
+  const [user, setUser] = useState<any | null>(null);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    let mounted = true;
+
+    const init = async () => {
+      try {
+        const UIKitSettings = new UIKitSettingsBuilder()
+          .setAppId(props.appId)
+          .setRegion(props.region)
+          .subscribePresenceForAllUsers()
+          .build();
+
+        await CometChatUIKit.init(UIKitSettings);
+        console.log("✅ CometChat UI Kit initialized successfully.");
+
+        const token = await getAuthToken(props.userId);
+        console.log("🚀 ~ init ~ token:", token)
+        const loggedInUser = await loginWithAuthToken(token);
+
+        if (mounted) {
+          setUser(loggedInUser);
+          setLoading(false);
+        }
+      } catch (error) {
+        console.error("❌ CometChat init failed:", error);
+        if (mounted) setLoading(false);
+      }
+    };
+
+    init();
+
+    return () => {
+      mounted = false;
+    };
+  }, []);
+
+  return { user, loading };
+}

package/src/index.ts

@@ -1 +1,2 @@
-export * from "./useCounter";
+export * from "./cometchat/use-call-chat-init";
+export * from "./cometchat/components"

package/src/useCounter.ts

@@ -1,12 +0,0 @@
-import { useState, useEffect } from "react";
-
-export function useCounter(initial = 0) {
-  const [count, setCount] = useState(initial);
-
-  useEffect(() => {
-    console.log("Counter mounted:", count);
-    return () => console.log("Counter unmounted");
-  }, []);
-
-  return { count, setCount };
-}