Handle all relative links internally

src/components/HTMLEngineProvider/BaseHTMLEngineProvider.js

@@ -22,6 +22,8 @@ import variables from '../../styles/variables';
 import themeColors from '../../styles/themes/default';
 import Text from '../Text';
 import withLocalize from '../withLocalize';
+import Navigation from '../../libs/Navigation/Navigation';
+import CONST from '../../CONST';
 
 const propTypes = {
     /** Whether text elements should be selectable */
@@ -70,6 +72,20 @@ function AnchorRenderer({tnode, key, style}) {
     // An auth token is needed to download Expensify chat attachments
     const isAttachment = Boolean(htmlAttribs['data-expensify-source']);
     const fileName = lodashGet(tnode, 'domNode.children[0].data', '');
+    const internalExpensifyPath = htmlAttribs.href.startsWith(CONST.NEW_EXPENSIFY_URL) && htmlAttribs.href.replace(CONST.NEW_EXPENSIFY_URL, '');
+
+    // If we are handling a New Expensify link then we will assume this should be opened by the app internally. This ensures that the links are opened internally via react-navigation
+    // instead of in a new tab or with a page refresh (which is the default behavior of an anchor tag)
+    if (internalExpensifyPath) {
+        return (
+            <Text
+                style={styles.link}
+                onPress={() => Navigation.navigate(internalExpensifyPath)}
+            >
+                <TNodeChildrenRenderer tnode={tnode} />
+            </Text>
+        );
+    }
 
     return (
         <AnchorForCommentsOnly

src/libs/Navigation/linkingConfig.js

@@ -1,15 +1,15 @@
 import ROUTES from '../../ROUTES';
 import SCREENS from '../../SCREENS';
+import CONST from '../../CONST';
 
 export default {
     prefixes: [
         'new-expensify://',
         'expensify-cash://', // DEPRECATED
-        'https://new.expensify.com',
         'https://www.expensify.cash',
         'https://staging.expensify.cash',
         'http://localhost',
-        'https://new.expensify.com',
+        CONST.NEW_EXPENSIFY_URL,
         'https://staging.new.expensify.com',
     ],
     config: {