update CSS version

GetStream · Sep 18, 2023 · 5b653c9 · 5b653c9
1 parent 0121d3c
commit 5b653c9
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 13 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -117,7 +117,7 @@
     "@ngx-translate/core": "^13.0.0",
     "@ngx-translate/http-loader": "^6.0.0",
     "@popperjs/core": "^2.11.5",
-    "@stream-io/stream-chat-css": "3.12.0",
+    "@stream-io/stream-chat-css": "3.14.1",
     "@stream-io/transliterate": "^1.5.2",
     "angular-mentions": "^1.4.0",
     "dayjs": "^1.10.7",

diff --git a/...at-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts b/...at-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts
@@ -175,11 +175,7 @@ export class AutocompleteTextareaComponent
   @HostBinding()
   get class() {
     return `str-chat__textarea str-chat__message-textarea-angular-host ${
-      (this.value.includes(' ') ||
-        !this.value.startsWith(this.commandTriggerChar) ||
-        this.value.lastIndexOf(this.commandTriggerChar) !== 0) &&
-      this.value.lastIndexOf(this.commandTriggerChar) >
-        this.value.lastIndexOf(this.mentionTriggerChar)
+      this.areSlashCommandsHidden
         ? 'str-chat__message-textarea-angular-host--autocomplete-hidden'
         : ''
     }`;
@@ -225,6 +221,12 @@ export class AutocompleteTextareaComponent
     item: MentionAutcompleteListItem,
     triggerChar = ''
   ) {
+    if (
+      triggerChar === this.commandTriggerChar &&
+      this.areSlashCommandsHidden
+    ) {
+      return this.commandTriggerChar;
+    }
     if (triggerChar === this.mentionTriggerChar) {
       this.mentionedUsers.push((item.user ? item.user : item) as UserResponse);
       this.userMentions.next([...this.mentionedUsers]);
@@ -254,6 +256,7 @@ export class AutocompleteTextareaComponent
   }
 
   enterHit(event: Event) {
+    console.log(event);
     if (this.inputMode === 'desktop') {
       event.preventDefault();
       this.updateMentionedUsersFromText();
@@ -318,4 +321,14 @@ export class AutocompleteTextareaComponent
       this.mentionedUsers = updatedMentionedUsers;
     }
   }
+
+  private get areSlashCommandsHidden() {
+    return (
+      (this.value.includes(' ') ||
+        !this.value.startsWith(this.commandTriggerChar) ||
+        this.value.lastIndexOf(this.commandTriggerChar) !== 0) &&
+      this.value.lastIndexOf(this.commandTriggerChar) >
+        this.value.lastIndexOf(this.mentionTriggerChar)
+    );
+  }
 }