cardoctor-call-chat 1.0.1 → 1.0.2

package/README.md

@@ -0,0 +1,14 @@
+# CarDoctor Call Chat
+
+🚀 A React SDK with hooks and utilities for Cardoctor Call Chat.
+
+## 📦 Installation
+
+```bash
+npm install cardoctor-call-chat
+# or
+yarn add cardoctor-call-chat
+
+```
+
+# Developed by Tuan Nguyen

package/dist/index.d.mts

@@ -1,8 +1,12 @@
-import * as react from 'react';
+interface ChatInitState {
+    user: any | null;
+    loading: boolean;
+}
+interface IPros {
+    appId: string;
+    region: string;
+    userId: string;
+}
+declare function useCallChatInit(props: IPros): ChatInitState;
 
-declare function useCounter(initial?: number): {
-    count: number;
-    setCount: react.Dispatch<react.SetStateAction<number>>;
-};
-
-export { useCounter };
+export { useCallChatInit };

package/dist/index.d.ts

@@ -1,8 +1,12 @@
-import * as react from 'react';
+interface ChatInitState {
+    user: any | null;
+    loading: boolean;
+}
+interface IPros {
+    appId: string;
+    region: string;
+    userId: string;
+}
+declare function useCallChatInit(props: IPros): ChatInitState;
 
-declare function useCounter(initial?: number): {
-    count: number;
-    setCount: react.Dispatch<react.SetStateAction<number>>;
-};
-
-export { useCounter };
+export { useCallChatInit };

package/dist/index.js

@@ -16,25 +16,112 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  useCounter: () => useCounter
+  useCallChatInit: () => useCallChatInit
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/useCounter.ts
+// src/cometchat/use-call-chat-init.tsx
 var import_react = require("react");
-function useCounter(initial = 0) {
-  const [count, setCount] = (0, import_react.useState)(initial);
+var import_chat_uikit_react2 = require("@cometchat/chat-uikit-react");
+
+// src/cometchat/api/get-auth-token.ts
+var myHeaders = new Headers();
+myHeaders.append("accept", "application/json");
+myHeaders.append("apikey", "07ffe79d29cf9a3596e5fe369125a48b829ea400");
+myHeaders.append("content-type", "application/json");
+var requestOptions = {
+  method: "POST",
+  headers: myHeaders
+};
+var getAuthToken = (userId) => __async(null, null, function* () {
+  const getToken = yield fetch(
+    `https://2772864c1a441d73.api-in.cometchat.io/v3/users/${userId}/auth_tokens`,
+    requestOptions
+  );
+  const response = yield getToken.json();
+  return response.data.authToken;
+});
+
+// src/cometchat/func/login-user.ts
+var import_chat_uikit_react = require("@cometchat/chat-uikit-react");
+var isLoggingIn = false;
+var loginWithAuthToken = (authToken) => __async(null, null, function* () {
+  try {
+    if (isLoggingIn) {
+      console.log("\u26A0\uFE0F Login request already in progress...");
+      return;
+    }
+    const existingUser = yield import_chat_uikit_react.CometChatUIKit.getLoggedinUser();
+    if (existingUser) {
+      console.log("\u{1F539} Already logged in:", existingUser);
+      return existingUser;
+    }
+    isLoggingIn = true;
+    const user = yield import_chat_uikit_react.CometChatUIKit.loginWithAuthToken(authToken);
+    console.log("\u2705 Login successful:", user);
+    return user;
+  } catch (error) {
+    console.error("\u274C Login failed:", error);
+  } finally {
+    isLoggingIn = false;
+  }
+});
+
+// src/cometchat/use-call-chat-init.tsx
+function useCallChatInit(props) {
+  const [user, setUser] = (0, import_react.useState)(null);
+  const [loading, setLoading] = (0, import_react.useState)(true);
   (0, import_react.useEffect)(() => {
-    console.log("Counter mounted:", count);
-    return () => console.log("Counter unmounted");
+    let mounted = true;
+    const init = () => __async(null, null, function* () {
+      try {
+        const UIKitSettings = new import_chat_uikit_react2.UIKitSettingsBuilder().setAppId(props.appId).setRegion(props.region).subscribePresenceForAllUsers().build();
+        yield import_chat_uikit_react2.CometChatUIKit.init(UIKitSettings);
+        console.log("\u2705 CometChat UI Kit initialized successfully.");
+        const token = yield getAuthToken(props.userId);
+        console.log("\u{1F680} ~ init ~ token:", token);
+        const loggedInUser = yield loginWithAuthToken(token);
+        if (mounted) {
+          setUser(loggedInUser);
+          setLoading(false);
+        }
+      } catch (error) {
+        console.error("\u274C CometChat init failed:", error);
+        if (mounted) setLoading(false);
+      }
+    });
+    init();
+    return () => {
+      mounted = false;
+    };
   }, []);
-  return { count, setCount };
+  return { user, loading };
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  useCounter
+  useCallChatInit
 });

package/dist/index.mjs

@@ -1,13 +1,101 @@
-// src/useCounter.ts
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/cometchat/use-call-chat-init.tsx
 import { useState, useEffect } from "react";
-function useCounter(initial = 0) {
-  const [count, setCount] = useState(initial);
+import { UIKitSettingsBuilder, CometChatUIKit as CometChatUIKit2 } from "@cometchat/chat-uikit-react";
+
+// src/cometchat/api/get-auth-token.ts
+var myHeaders = new Headers();
+myHeaders.append("accept", "application/json");
+myHeaders.append("apikey", "07ffe79d29cf9a3596e5fe369125a48b829ea400");
+myHeaders.append("content-type", "application/json");
+var requestOptions = {
+  method: "POST",
+  headers: myHeaders
+};
+var getAuthToken = (userId) => __async(null, null, function* () {
+  const getToken = yield fetch(
+    `https://2772864c1a441d73.api-in.cometchat.io/v3/users/${userId}/auth_tokens`,
+    requestOptions
+  );
+  const response = yield getToken.json();
+  return response.data.authToken;
+});
+
+// src/cometchat/func/login-user.ts
+import { CometChatUIKit } from "@cometchat/chat-uikit-react";
+var isLoggingIn = false;
+var loginWithAuthToken = (authToken) => __async(null, null, function* () {
+  try {
+    if (isLoggingIn) {
+      console.log("\u26A0\uFE0F Login request already in progress...");
+      return;
+    }
+    const existingUser = yield CometChatUIKit.getLoggedinUser();
+    if (existingUser) {
+      console.log("\u{1F539} Already logged in:", existingUser);
+      return existingUser;
+    }
+    isLoggingIn = true;
+    const user = yield CometChatUIKit.loginWithAuthToken(authToken);
+    console.log("\u2705 Login successful:", user);
+    return user;
+  } catch (error) {
+    console.error("\u274C Login failed:", error);
+  } finally {
+    isLoggingIn = false;
+  }
+});
+
+// src/cometchat/use-call-chat-init.tsx
+function useCallChatInit(props) {
+  const [user, setUser] = useState(null);
+  const [loading, setLoading] = useState(true);
   useEffect(() => {
-    console.log("Counter mounted:", count);
-    return () => console.log("Counter unmounted");
+    let mounted = true;
+    const init = () => __async(null, null, function* () {
+      try {
+        const UIKitSettings = new UIKitSettingsBuilder().setAppId(props.appId).setRegion(props.region).subscribePresenceForAllUsers().build();
+        yield CometChatUIKit2.init(UIKitSettings);
+        console.log("\u2705 CometChat UI Kit initialized successfully.");
+        const token = yield getAuthToken(props.userId);
+        console.log("\u{1F680} ~ init ~ token:", token);
+        const loggedInUser = yield loginWithAuthToken(token);
+        if (mounted) {
+          setUser(loggedInUser);
+          setLoading(false);
+        }
+      } catch (error) {
+        console.error("\u274C CometChat init failed:", error);
+        if (mounted) setLoading(false);
+      }
+    });
+    init();
+    return () => {
+      mounted = false;
+    };
   }, []);
-  return { count, setCount };
+  return { user, loading };
 }
 export {
-  useCounter
+  useCallChatInit
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cardoctor-call-chat",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "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/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 @@
-export * from "./useCounter";
+export * from "./cometchat/use-call-chat-init";

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 };
-}