@ermis-network/ermis-chat-sdk 1.0.5 → 1.0.7

package/dist/index.browser.mjs

@@ -938,10 +938,9 @@ var Channel = class {
     };
     this.state.addMessageSorted(optimisticMessage);
     try {
-      return await this.getClient().post(
-        this._channelURL() + "/message",
-        { message: { ...message } }
-      );
+      return await this.getClient().post(this._channelURL() + "/message", {
+        message: { ...message }
+      });
     } catch (error) {
       const isOfflineError = !error.response || error.code === "ERR_NETWORK" || error.isWSFailure || !this.getClient().wsConnection?.isHealthy;
       const statusToSet = isOfflineError ? "failed_offline" : "error";
@@ -966,10 +965,9 @@ var Channel = class {
       messagePayload.show_in_channel = stateMsg.show_in_channel;
     }
     try {
-      return await this.getClient().post(
-        this._channelURL() + "/message",
-        { message: messagePayload }
-      );
+      return await this.getClient().post(this._channelURL() + "/message", {
+        message: messagePayload
+      });
     } catch (error) {
       const isOfflineError = !error.response || error.code === "ERR_NETWORK" || error.isWSFailure || !this.getClient().wsConnection?.isHealthy;
       this.state.updateMessageStatus(messageId, isOfflineError ? "failed_offline" : "error");
@@ -1010,6 +1008,44 @@ var Channel = class {
       this.getClient().baseURL + `/messages/${this.type}/${this.id}/${messageID}/unpin`
     );
   }
+  async pin() {
+    if (this.data) this.data.is_pinned = true;
+    this.getClient().dispatchEvent({
+      type: "channel.pinned",
+      cid: this.cid,
+      channel: this.data
+    });
+    try {
+      return await this.getClient().pinChannel(this.type, this.id);
+    } catch (e) {
+      if (this.data) this.data.is_pinned = false;
+      this.getClient().dispatchEvent({
+        type: "channel.unpinned",
+        cid: this.cid,
+        channel: this.data
+      });
+      throw e;
+    }
+  }
+  async unpin() {
+    if (this.data) this.data.is_pinned = false;
+    this.getClient().dispatchEvent({
+      type: "channel.unpinned",
+      cid: this.cid,
+      channel: this.data
+    });
+    try {
+      return await this.getClient().unpinChannel(this.type, this.id);
+    } catch (e) {
+      if (this.data) this.data.is_pinned = true;
+      this.getClient().dispatchEvent({
+        type: "channel.pinned",
+        cid: this.cid,
+        channel: this.data
+      });
+      throw e;
+    }
+  }
   async editMessage(oldMessageID, message) {
     return await this.getClient().post(this.getClient().baseURL + `/messages/${this.type}/${this.id}/${oldMessageID}`, {
       message
@@ -1036,9 +1072,7 @@ var Channel = class {
       return file;
     });
     const uploadResults = await Promise.allSettled(
-      processedFiles.map(
-        (file) => this.sendFile(file, file.name, file.type)
-      )
+      processedFiles.map((file) => this.sendFile(file, file.name, file.type))
     );
     const thumbUrls = /* @__PURE__ */ new Map();
     const thumbPromises = [];
@@ -1050,11 +1084,7 @@ var Channel = class {
             try {
               const thumbBlob = await this.getThumbBlobVideo(files[i]);
               if (thumbBlob) {
-                const thumbFile = new File(
-                  [thumbBlob],
-                  `thumb_${processedFiles[i].name}.jpg`,
-                  { type: "image/jpeg" }
-                );
+                const thumbFile = new File([thumbBlob], `thumb_${processedFiles[i].name}.jpg`, { type: "image/jpeg" });
                 const thumbResp = await this.sendFile(thumbFile, thumbFile.name, "image/jpeg");
                 thumbUrls.set(i, thumbResp.file);
               }
@@ -1072,9 +1102,7 @@ var Channel = class {
         const uploadedUrl = result.value.file;
         const thumbUrl = thumbUrls.get(i);
         const voiceMeta = options?.voiceMetadata?.get(i);
-        attachments.push(
-          buildAttachmentPayload(processedFiles[i], uploadedUrl, thumbUrl, voiceMeta)
-        );
+        attachments.push(buildAttachmentPayload(processedFiles[i], uploadedUrl, thumbUrl, voiceMeta));
       } else {
         failedFiles.push({
           file: files[i],
@@ -1422,7 +1450,7 @@ var Channel = class {
     if (this.id) {
       queryURL += `/${this.id}`;
     } else {
-      if (this.type === "team") {
+      if (this.type === "team" || this.type === "meeting") {
         const uuid = randomId();
         this.id = `${project_id}:${uuid}`;
         queryURL += `/${this.id}`;
@@ -1923,6 +1951,18 @@ var Channel = class {
           delete channelState.members[event.user.id];
         }
         break;
+      case "channel.topic.enabled":
+        if (channel.data) {
+          channel.data.topics_enabled = true;
+        }
+        channelState.topics = channelState.topics || [];
+        break;
+      case "channel.topic.disabled":
+        if (channel.data) {
+          channel.data.topics_enabled = false;
+        }
+        channelState.topics = [];
+        break;
       case "channel.updated":
         if (event.channel) {
           channel.data = {
@@ -2061,7 +2101,12 @@ var Channel = class {
         const topic = this.getClient().channel(event.channel_type || "", event.channel_id || "");
         topic.data = event.channel;
         topic._initializeState(topicState, "latest");
-        channelState.topics?.unshift(topic);
+        if (!channelState.topics) {
+          channelState.topics = [];
+        }
+        if (!channelState.topics.some((t) => t.cid === topic.cid)) {
+          channelState.topics.push(topic);
+        }
         break;
       case "channel.topic.closed":
         if (channel.data) {
@@ -2880,7 +2925,6 @@ var ErmisChat = class _ErmisChat {
       params.avatar = user.avatar;
     }
     const url = this.userBaseURL + "/get_token/external_auth";
-    const query = new URLSearchParams(params).toString();
     const headers = {
       "Content-Type": "application/json"
     };
@@ -2888,21 +2932,21 @@ var ErmisChat = class _ErmisChat {
       const tokenStr = typeof token === "string" && token.startsWith("Bearer ") ? token : `Bearer ${token}`;
       headers["Authorization"] = tokenStr;
     }
-    const response = await fetch(`${url}?${query}`, {
-      method: "GET",
-      headers
-    });
-    if (!response.ok) {
-      let errorMsg = "";
-      try {
-        const errorData = await response.json();
-        errorMsg = errorData.message || JSON.stringify(errorData);
-      } catch {
-        errorMsg = await response.text();
+    try {
+      const response = await this.axiosInstance.get(url, {
+        params,
+        headers
+      });
+      return response.data;
+    } catch (error) {
+      let errorMsg = "Failed to fetch external auth token";
+      if (error.response && error.response.data) {
+        errorMsg = error.response.data.message || JSON.stringify(error.response.data);
+      } else if (error.message) {
+        errorMsg = error.message;
       }
       throw new Error(errorMsg);
     }
-    return await response.json();
   }
   /**
    * Connects a user to the Ermis network and establishes the WebSocket connection.
@@ -2913,19 +2957,24 @@ var ErmisChat = class _ErmisChat {
    * @param extenal_auth        - Set to `true` to use your custom backend external authentication flow.
    * @returns                     A promise resolving to the API connection response once authenticated.
    */
-  connectUser = async (user, userTokenOrProvider, extenal_auth) => {
+  connectUser = async (user, userTokenOrProvider, external_auth) => {
     this.logger("info", "client:connectUser() - started", {
       tags: ["connection", "client"]
     });
     if (!user.id) {
       throw new Error('The "id" field on the user is missing');
     }
-    if (extenal_auth) {
+    let connectionUser = user;
+    let connectionToken = userTokenOrProvider;
+    if (external_auth) {
       const external_auth_token = await this.getExternalAuthToken(user, userTokenOrProvider);
-      userTokenOrProvider = external_auth_token.token;
-      user.id = external_auth_token.user_id;
+      connectionToken = external_auth_token.token;
+      connectionUser = {
+        ...user,
+        id: external_auth_token.user_id
+      };
     }
-    if (this.userID === user.id && this.setUserPromise) {
+    if (this.userID === connectionUser.id && this.setUserPromise) {
       console.warn(
         "Consecutive calls to connectUser is detected, ideally you should only call this function once in your app."
       );
@@ -2941,10 +2990,10 @@ var ErmisChat = class _ErmisChat {
         'Please do not use connectUser server side. connectUser impacts MAU and concurrent connection usage and thus your bill. If you have a valid use-case, add "allowServerSideConnect: true" to the client options to disable this warning.'
       );
     }
-    this.userID = user.id;
-    const setTokenPromise = this._setToken(user, userTokenOrProvider);
-    this._setUser(user);
-    this.state.updateUser({ id: user.id, name: user?.name || user.id, avatar: user?.avatar || "" });
+    this.userID = connectionUser.id;
+    const setTokenPromise = this._setToken(connectionUser, connectionToken);
+    this._setUser(connectionUser);
+    this.state.updateUser({ id: connectionUser.id, name: connectionUser?.name || connectionUser.id, avatar: connectionUser?.avatar || "" });
     const wsPromise = this.openConnection();
     this.setUserPromise = Promise.all([setTokenPromise, wsPromise]).then(
       (result) => result[1]
@@ -3170,7 +3219,7 @@ var ErmisChat = class _ErmisChat {
   }
   dispatchEvent = (event) => {
     if (!event.received_at) event.received_at = /* @__PURE__ */ new Date();
-    if (event.type === "channel.created") {
+    if (event.type === "channel.created" || event.type === "channel.topic.created") {
       this._handleChannelCreatedEvent(event).then(() => {
         this._afterDispatchEvent(event);
       });
@@ -3304,6 +3353,79 @@ var ErmisChat = class _ErmisChat {
         });
       }
     }
+    if (event.type === "message.new" && event.channel_type === "topic") {
+      postListenerCallbacks.push(() => {
+        const parentCid = event.parent_cid || event.channel?.parent_cid;
+        if (parentCid && this.activeChannels[parentCid]) {
+          const parentChannel = this.activeChannels[parentCid];
+          if (parentChannel.state.topics) {
+            parentChannel.state.topics.sort((a, b) => {
+              const aLatest = a.state?.latestMessages?.[a.state.latestMessages.length - 1]?.created_at;
+              const bLatest = b.state?.latestMessages?.[b.state.latestMessages.length - 1]?.created_at;
+              const aTime = aLatest ? new Date(aLatest).getTime() : 0;
+              const bTime = bLatest ? new Date(bLatest).getTime() : 0;
+              return bTime - aTime;
+            });
+            parentChannel._callChannelListeners({ ...event, type: "channel.updated", channel: parentChannel.data });
+          }
+        }
+      });
+    }
+    if (event.type === "channel.topic.updated") {
+      postListenerCallbacks.push(() => {
+        const parentCid = event.parent_cid || event.channel?.parent_cid;
+        if (parentCid && this.activeChannels[parentCid]) {
+          const parentChannel = this.activeChannels[parentCid];
+          if (parentChannel.state?.topics && event.channel) {
+            const topicIndex = parentChannel.state.topics.findIndex((t) => t.cid === event.cid || t.channel?.cid === event.cid);
+            if (topicIndex !== -1) {
+              const t = parentChannel.state.topics[topicIndex];
+              if (t.data) {
+                t.data = { ...t.data, ...event.channel };
+              } else if (t.channel) {
+                t.channel = { ...t.channel, ...event.channel };
+              } else {
+                Object.assign(t, event.channel);
+              }
+            }
+            parentChannel._callChannelListeners({ ...event, type: "channel.updated", channel: parentChannel.data });
+          }
+        }
+        if (event.cid && this.activeChannels[event.cid]) {
+          const topicChannel = this.activeChannels[event.cid];
+          if (event.channel) {
+            topicChannel.data = { ...topicChannel.data, ...event.channel };
+            topicChannel._callChannelListeners({ ...event, type: "channel.updated", channel: topicChannel.data });
+          }
+        }
+      });
+    }
+    if (event.type === "channel.topic.closed" || event.type === "channel.topic.reopen") {
+      postListenerCallbacks.push(() => {
+        const isClosed = event.type === "channel.topic.closed";
+        const parentCid = event.parent_cid;
+        if (parentCid && this.activeChannels[parentCid]) {
+          const parentChannel = this.activeChannels[parentCid];
+          if (parentChannel.state?.topics) {
+            const topicIndex = parentChannel.state.topics.findIndex((t) => t.cid === event.cid || t.channel?.cid === event.cid);
+            if (topicIndex !== -1) {
+              const t = parentChannel.state.topics[topicIndex];
+              if (t.data) t.data.is_closed_topic = isClosed;
+              else if (t.channel) t.channel.is_closed_topic = isClosed;
+              else t.is_closed_topic = isClosed;
+            }
+            parentChannel._callChannelListeners({ ...event, type: "channel.updated", channel: parentChannel.data });
+          }
+        }
+        if (event.cid && this.activeChannels[event.cid]) {
+          const topicChannel = this.activeChannels[event.cid];
+          if (topicChannel.data) {
+            topicChannel.data.is_closed_topic = isClosed;
+          }
+          topicChannel._callChannelListeners({ ...event, type: "channel.updated", channel: topicChannel.data });
+        }
+      });
+    }
     if (event.type === "connection.recovered") {
       postListenerCallbacks.push(() => {
         Object.values(this.activeChannels).forEach((channel) => {
@@ -3541,7 +3663,14 @@ var ErmisChat = class _ErmisChat {
   _updateProjectID(project_id) {
     this.projectId = project_id;
   }
-  async uploadFile(file) {
+  /**
+   * Uploads a new avatar image for the current user.
+   * The user's avatar URL is automatically updated in both the client and the local state.
+   *
+   * @param file - The image file to upload.
+   * @returns The response containing the new avatar URL.
+   */
+  async uploadAvatar(file) {
     const formData = new FormData();
     formData.append("avatar", file);
     let response = await this.post(this.userBaseURL + "/users/upload", formData, {
@@ -3556,12 +3685,8 @@ var ErmisChat = class _ErmisChat {
     }
     return response;
   }
-  async updateProfile(name, about_me) {
-    let body = {
-      name,
-      about_me
-    };
-    let response = await this.patch(this.userBaseURL + "/users/update", body);
+  async updateProfile(updates) {
+    let response = await this.patch(this.userBaseURL + "/users/update", updates);
     this.user = response;
     this.state.updateUser(response);
     return response;
@@ -3713,6 +3838,57 @@ var ErmisChat = class _ErmisChat {
     this.activeChannels[channel.cid] = channel;
     return channel;
   };
+  /**
+   * Creates a quick channel and immediately registers it on the server.
+   * Quick channels are public group channels that anyone can join without an invitation.
+   * The creator is added as the first member automatically.
+   *
+   * @param name - An optional display name for the channel.
+   * @returns A promise that resolves to the created `Channel` object.
+   */
+  async createQuickChannel(name) {
+    if (!this.userID) {
+      throw Error("Call connectUser before creating a channel");
+    }
+    const now = /* @__PURE__ */ new Date();
+    const formattedDate = new Intl.DateTimeFormat("en-US", {
+      month: "short",
+      day: "2-digit",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit",
+      hour12: false
+    }).format(now);
+    const payload = {
+      name: name || `Quick Channel - ${formattedDate}`,
+      members: [this.userID],
+      public: true
+    };
+    const quickChannel = this.channel("meeting", payload);
+    await quickChannel.create();
+    return quickChannel;
+  }
+  /**
+   * Joins a quick channel by its ID.
+   * Automatically checks whether the caller is already a member.
+   * If not, it joins the channel and synchronizes state.
+   *
+   * @param channelId - The ID of the quick channel to join.
+   * @returns A promise that resolves to the joined `Channel` object.
+   */
+  async joinQuickChannel(channelId) {
+    if (!this.userID) {
+      throw Error("Call connectUser before joining a channel");
+    }
+    const quickChannel = this.channel("meeting", channelId);
+    await quickChannel.watch();
+    const isMember = quickChannel.state.members && quickChannel.state.members[this.userID];
+    if (!isMember) {
+      await quickChannel.acceptInvite("join");
+      await quickChannel.watch();
+    }
+    return quickChannel;
+  }
   _normalizeExpiration(timeoutOrExpirationDate) {
     let pinExpires = null;
     if (typeof timeoutOrExpirationDate === "number") {
@@ -3727,7 +3903,7 @@ var ErmisChat = class _ErmisChat {
     return pinExpires;
   }
   getUserAgent() {
-    return this.userAgent || `ermis-chat-sdk-javascript-client-${this.node ? "node" : "browser"}-${"1.0.5"}`;
+    return this.userAgent || `ermis-chat-sdk-javascript-client-${this.node ? "node" : "browser"}-${"1.0.7"}`;
   }
   setUserAgent(userAgent) {
     this.userAgent = userAgent;
@@ -7085,7 +7261,7 @@ var ErmisAuthProvider = class {
     return data;
   }
   getUserAgent() {
-    return this.userAgent || `ermis-chat-sdk-javascript-client-${this.node ? "node" : "browser"}-${"1.0.5"}`;
+    return this.userAgent || `ermis-chat-sdk-javascript-client-${this.node ? "node" : "browser"}-${"1.0.7"}`;
   }
   setUserAgent(userAgent) {
     this.userAgent = userAgent;