move HTML_TAG_PATTERN to consts

Author: dukenv0307

src/CONST/index.ts

@@ -2496,6 +2496,9 @@ const CONST = {
 
     VALIDATE_FOR_LEADING_SPACES_HTML_TAG_REGEX: /<([\s]+.+[\s]*)>/g,
 
+    // Matches an opening or closing HTML tag that starts with a letter (e.g. <b>, </strong>, <br/>)
+    HTML_TAG_REGEX: /<\/?[a-z][^>]*>/i,
+
     WHITELISTED_TAGS: [/<>/, /< >/, /<->/, /<-->/, /<br>/, /<br\/>/],
 
     PUSHER: {

src/components/DotIndicatorMessage.tsx

@@ -25,8 +25,6 @@ import Icon from './Icon';
 import RenderHTML from './RenderHTML';
 import Text from './Text';
 
-const HTML_TAG_PATTERN = /<\/?[a-z][^>]*>/i;
-
 type DotIndicatorMessageProps = {
     /**
      * In most cases this should just be errors from onxyData
@@ -96,7 +94,7 @@ function DotIndicatorMessage({messages = {}, style, type, textStyles, dismissErr
             );
         }
 
-        if (HTML_TAG_PATTERN.test(displayMessage)) {
+        if (CONST.HTML_TAG_REGEX.test(displayMessage)) {
             const html = isErrorMessage ? `<rbr>${displayMessage}</rbr>` : `<muted-text-label>${displayMessage}</muted-text-label>`;
 
             return (

src/components/TransactionItemRow/TransactionItemRowRBR.tsx

@@ -18,6 +18,7 @@ import ViolationsUtils from '@libs/Violations/ViolationsUtils';
 
 import variables from '@styles/variables';
 
+import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import ROUTES from '@src/ROUTES';
 import type {Report, TransactionViolation} from '@src/types/onyx';
@@ -29,8 +30,6 @@ import type {ViewStyle} from 'react-native';
 import React from 'react';
 import {View} from 'react-native';
 
-const HTML_TAG_PATTERN = /<\/?[a-z][^>]*>/i;
-
 type TransactionItemRowRBRInnerProps = {
     /** Transaction item */
     transaction: Transaction;
@@ -89,7 +88,7 @@ function TransactionItemRowRBRInner({transaction, violations, report, containerS
         isMarkAsCash: isMarkAsCash || undefined,
         canEdit,
     });
-    const hasHTMLTags = HTML_TAG_PATTERN.test(RBRMessages);
+    const hasHTMLTags = CONST.HTML_TAG_REGEX.test(RBRMessages);
 
     return (
         RBRMessages.length > 0 && (

src/pages/workspace/deleteWorkspace/DeleteWorkspaceFlow.tsx

@@ -34,8 +34,6 @@ import {useIsFocused} from '@react-navigation/native';
 import React, {useCallback, useEffect, useRef} from 'react';
 import {View} from 'react-native';
 
-const HTML_TAG_PATTERN = /<\/?[a-z][^>]*>/i;
-
 type DeleteWorkspaceFlowProps = {
     /** ID of the workspace being deleted */
     policyID: string;
@@ -131,7 +129,7 @@ function DeleteWorkspaceFlow({policyID, onDismiss, onDeleteComplete}: DeleteWork
                 return;
             }
 
-            const prompt = HTML_TAG_PATTERN.test(errorMessage) ? (
+            const prompt = CONST.HTML_TAG_REGEX.test(errorMessage) ? (
                 <View style={[styles.renderHTML, styles.flexRow]}>
                     <RenderHTML
                         html={errorMessage}