From 7092f187738e2cfa653a0b26492bb6d1c76df157 Mon Sep 17 00:00:00 2001
From: Zita Szupera <szuperaz@gmail.com>
Date: Mon, 20 Jan 2025 15:57:24 +0100
Subject: [PATCH] fix: imrpoved url regexp was failing on iOS 16.4 and older
 #612

---
 .../src/lib/message-text/message-text.component.ts   | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/projects/stream-chat-angular/src/lib/message-text/message-text.component.ts b/projects/stream-chat-angular/src/lib/message-text/message-text.component.ts
index e6e862c4..ca33d506 100644
--- a/projects/stream-chat-angular/src/lib/message-text/message-text.component.ts
+++ b/projects/stream-chat-angular/src/lib/message-text/message-text.component.ts
@@ -42,8 +42,7 @@ 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(
@@ -51,6 +50,15 @@ export class MessageTextComponent implements OnChanges {
     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 {