@ermis-network/ermis-chat-sdk 1.0.6 → 1.0.8

package/dist/index.browser.mjs

@@ -1008,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
@@ -1913,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 = {
@@ -2051,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) {
@@ -2870,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"
     };
@@ -2878,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.
@@ -2903,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."
       );
@@ -2931,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]
@@ -3140,6 +3199,20 @@ var ErmisChat = class _ErmisChat {
       }
     });
   }
+  /**
+   * Downloads a media file as a Blob via the SDK's configured axiosInstance.
+   * This avoids CORS issues that arise when using `fetch()` directly from the browser,
+   * because axios is routed through the SDK's authenticated transport layer.
+   *
+   * @param url - The full URL of the media file to download.
+   * @returns A Blob of the file content.
+   */
+  async downloadMedia(url) {
+    const response = await this.axiosInstance.get(url, {
+      responseType: "blob"
+    });
+    return response.data;
+  }
   errorFromResponse(response) {
     let err;
     err = new ErrorFromResponse(`ErmisChat error HTTP code: ${response.status}`);
@@ -3160,7 +3233,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);
       });
@@ -3294,6 +3367,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) => {
@@ -3531,7 +3677,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, {
@@ -3546,12 +3699,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;
@@ -3704,45 +3853,55 @@ var ErmisChat = class _ErmisChat {
     return channel;
   };
   /**
-   * Creates an interactive `meeting` Channel locally, and immediately creates it on the server.
-   * Consumers can customize the `name` field. `members` and `public` fields are constrained.
+   * 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 - The custom name for the meeting channel.
+   * @param name - An optional display name for the channel.
    * @returns A promise that resolves to the created `Channel` object.
    */
-  async createMeetingChannel(name) {
+  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 || `Meeting Public - ${(/* @__PURE__ */ new Date()).toISOString()}`,
+      name: name || `Quick Channel - ${formattedDate}`,
       members: [this.userID],
       public: true
     };
-    const meetingChannel = this.channel("meeting", payload);
-    await meetingChannel.create();
-    return meetingChannel;
+    const quickChannel = this.channel("meeting", payload);
+    await quickChannel.create();
+    return quickChannel;
   }
   /**
-   * Joins a `meeting` channel.
-   * It queries/watches the channel to see if caller is already a member.
-   * If not, it accepts the invite to join the channel, then watches it again to reflect changes.
+   * 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 meeting channel to join.
+   * @param channelId - The ID of the quick channel to join.
    * @returns A promise that resolves to the joined `Channel` object.
    */
-  async joinMeetingChannel(channelId) {
+  async joinQuickChannel(channelId) {
     if (!this.userID) {
       throw Error("Call connectUser before joining a channel");
     }
-    const meetingChannel = this.channel("meeting", channelId);
-    await meetingChannel.watch();
-    const isMember = meetingChannel.state.members && meetingChannel.state.members[this.userID];
+    const quickChannel = this.channel("meeting", channelId);
+    await quickChannel.watch();
+    const isMember = quickChannel.state.members && quickChannel.state.members[this.userID];
     if (!isMember) {
-      await meetingChannel.acceptInvite("join");
-      await meetingChannel.watch();
+      await quickChannel.acceptInvite("join");
+      await quickChannel.watch();
     }
-    return meetingChannel;
+    return quickChannel;
   }
   _normalizeExpiration(timeoutOrExpirationDate) {
     let pinExpires = null;
@@ -3758,7 +3917,7 @@ var ErmisChat = class _ErmisChat {
     return pinExpires;
   }
   getUserAgent() {
-    return this.userAgent || `ermis-chat-sdk-javascript-client-${this.node ? "node" : "browser"}-${"1.0.6"}`;
+    return this.userAgent || `ermis-chat-sdk-javascript-client-${this.node ? "node" : "browser"}-${"1.0.8"}`;
   }
   setUserAgent(userAgent) {
     this.userAgent = userAgent;
@@ -7116,7 +7275,7 @@ var ErmisAuthProvider = class {
     return data;
   }
   getUserAgent() {
-    return this.userAgent || `ermis-chat-sdk-javascript-client-${this.node ? "node" : "browser"}-${"1.0.6"}`;
+    return this.userAgent || `ermis-chat-sdk-javascript-client-${this.node ? "node" : "browser"}-${"1.0.8"}`;
   }
   setUserAgent(userAgent) {
     this.userAgent = userAgent;