cardoctor-call-chat 1.0.0 → 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

@@ -0,0 +1,12 @@
+interface ChatInitState {
+    user: any | null;
+    loading: boolean;
+}
+interface IPros {
+    appId: string;
+    region: string;
+    userId: string;
+}
+declare function useCallChatInit(props: IPros): ChatInitState;
+
+export { useCallChatInit };

package/dist/index.d.ts

@@ -1,8 +1,12 @@
-export declare function sayHello(name: string): string;
-export declare class MySDK {
-    private token;
-    constructor(token: string);
-    getAuthHeader(): {
-        Authorization: string;
-    };
+interface ChatInitState {
+    user: any | null;
+    loading: boolean;
 }
+interface IPros {
+    appId: string;
+    region: string;
+    userId: string;
+}
+declare function useCallChatInit(props: IPros): ChatInitState;
+
+export { useCallChatInit };

package/dist/index.js

@@ -1,16 +1,127 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MySDK = void 0;
-exports.sayHello = sayHello;
-function sayHello(name) {
-    return `Hello, ${name}! 👋`;
-}
-class MySDK {
-    constructor(token) {
-        this.token = token;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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, {
+  useCallChatInit: () => useCallChatInit
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/cometchat/use-call-chat-init.tsx
+var import_react = require("react");
+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;
     }
-    getAuthHeader() {
-        return { Authorization: `Bearer ${this.token}` };
+    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)(() => {
+    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 { user, loading };
 }
-exports.MySDK = MySDK;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCallChatInit
+});

package/dist/index.mjs

@@ -0,0 +1,101 @@
+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";
+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(() => {
+    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 { user, loading };
+}
+export {
+  useCallChatInit
+};

package/package.json

@@ -1,14 +1,24 @@
 {
   "name": "cardoctor-call-chat",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
-    "build": "tsc",
+    "build": "tsup src/index.ts --format esm,cjs --dts --external react",
     "prepublishOnly": "npm run build"
   },
   "license": "MIT",
   "devDependencies": {
+    "@types/react": "^19.1.9",
+    "react": "^19.1.1",
+    "tsup": "^8.5.0",
     "typescript": "^5.9.2"
+  },
+  "dependencies": {
+    "@cometchat/calls-sdk-javascript": "^4.1.0",
+    "@cometchat/chat-uikit-react": "^6.1.2"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0"
   }
 }

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,15 +1 @@
-export function sayHello(name: string): string {
-  return `Hello, ${name}! 👋`;
-}
-
-export class MySDK {
-  private token: string;
-
-  constructor(token: string) {
-    this.token = token;
-  }
-
-  getAuthHeader() {
-    return { Authorization: `Bearer ${this.token}` };
-  }
-}
+export * from "./cometchat/use-call-chat-init";

package/tsconfig.json

@@ -1,12 +1,14 @@
 {
   "compilerOptions": {
-    "outDir": "./dist",
-    "declaration": true,
+    "jsx": "react-jsx", 
     "esModuleInterop": true,
     "moduleResolution": "node",
-    "target": "ES2019",
-    "module": "commonjs",
-    "strict": true
+    "module": "esnext",
+    "target": "es6",
+    "skipLibCheck": true,
+    "strict": true,
+    "declaration": true,
+    "outDir": "dist"
   },
   "include": ["src"]
 }