Merge pull request #683 from GetStream/fix-url-regexp

fix: imrpoved url regexp was failing on iOS 16.4 and older #612

Author: szuperaz

projects/stream-chat-angular/src/lib/message-text/message-text.component.ts

@@ -42,15 +42,23 @@ export class MessageTextComponent implements OnChanges {
   messageTextParts: MessagePart[] | undefined = [];
   messageText?: string;
   displayAs: 'text' | 'html';
-  private readonly urlRegexp =
-    /(?:(?:https?|ftp|file):\/\/|www\.|ftp\.|(?:[a-zA-Z0-9-]+\.)+[a-zA-Z]{2,})(?![^\s]*@[^\s]*)(?:[^\s()<>]+|\([\w\d]+\))*(?<!@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,})/gim;
+  private readonly urlRegexp: RegExp;
   private emojiRegexp = new RegExp(emojiRegex(), 'g');
 
   constructor(
     private messageService: MessageService,
     readonly customTemplatesService: CustomTemplatesService
   ) {
     this.displayAs = this.messageService.displayAs;
+    try {
+      this.urlRegexp = new RegExp(
+        '(?:(?:https?|ftp|file):\\/\\/|www\\.|ftp\\.|(?:[a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,})(?![^\\s]*@[^\\s]*)(?:[^\\s()<>]+|\\([\\w\\d]+\\))*(?<!@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,})',
+        'gim'
+      );
+    } catch {
+      this.urlRegexp =
+        /(?:(?:https?|ftp|file):\/\/|www\.|ftp\.)(?:\([-A-Z0-9+&@#/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#/%=~_|$?!:,.]*\)|[A-Z0-9+&@#/%=~_|$])/gim;
+    }
   }
 
   ngOnChanges(changes: SimpleChanges): void {