[MM-52587] Clean up URL utils, use isInternalURL when possible (#2702)

src/renderer/components/ConfigureServer.tsx

@@ -7,6 +7,9 @@ import classNames from 'classnames';
 
 import {MattermostTeam} from 'types/config';
 
+import {isValidURL, parseURL} from 'common/utils/url';
+import {MODAL_TRANSITION_TIMEOUT} from 'common/utils/constants';
+
 import womanLaptop from 'renderer/assets/svg/womanLaptop.svg';
 
 import Header from 'renderer/components/Header';
@@ -14,9 +17,6 @@ import Input, {STATUS, SIZE} from 'renderer/components/Input';
 import LoadingBackground from 'renderer/components/LoadingScreen/LoadingBackground';
 import SaveButton from 'renderer/components/SaveButton/SaveButton';
 
-import {MODAL_TRANSITION_TIMEOUT} from 'common/utils/constants';
-import urlUtils from 'common/utils/url';
-
 import 'renderer/css/components/Button.scss';
 import 'renderer/css/components/ConfigureServer.scss';
 import 'renderer/css/components/LoadingScreen.css';
@@ -72,7 +72,7 @@ function ConfigureServer({
     }, []);
 
     const checkProtocolInURL = (checkURL: string): Promise<string> => {
-        if (urlUtils.startsWithProtocol(checkURL)) {
+        if (isValidURL(checkURL)) {
             return Promise.resolve(checkURL);
         }
         return window.desktop.modals.pingDomain(checkURL).
@@ -115,21 +115,21 @@ function ConfigureServer({
             });
         }
 
-        if (!urlUtils.startsWithProtocol(fullURL)) {
-            return formatMessage({
-                id: 'renderer.components.newTeamModal.error.urlNeedsHttp',
-                defaultMessage: 'URL should start with http:// or https://.',
-            });
-        }
-
-        if (!urlUtils.isValidURL(fullURL)) {
+        if (!parseURL(fullURL)) {
             return formatMessage({
                 id: 'renderer.components.newTeamModal.error.urlIncorrectFormatting',
                 defaultMessage: 'URL is not formatted correctly.',
             });
         }
 
-        if (currentTeams.find(({url: existingURL}) => existingURL === fullURL)) {
+        if (!isValidURL(fullURL)) {
+            return formatMessage({
+                id: 'renderer.components.newTeamModal.error.urlNeedsHttp',
+                defaultMessage: 'URL should start with http:// or https://.',
+            });
+        }
+
+        if (currentTeams.find(({url: existingURL}) => parseURL(existingURL)?.toString === parseURL(fullURL)?.toString())) {
             return formatMessage({
                 id: 'renderer.components.newTeamModal.error.serverUrlExists',
                 defaultMessage: 'A server with the same URL already exists.',

src/renderer/components/NewTeamModal.tsx

@@ -8,7 +8,7 @@ import {FormattedMessage, injectIntl, IntlShape} from 'react-intl';
 
 import {MattermostTeam} from 'types/config';
 
-import urlUtils from 'common/utils/url';
+import {isValidURL} from 'common/utils/url';
 
 type Props = {
     onClose?: () => void;
@@ -124,7 +124,7 @@ class NewTeamModal extends React.PureComponent<Props, State> {
                 />
             );
         }
-        if (!urlUtils.isValidURL(this.state.teamUrl.trim())) {
+        if (!isValidURL(this.state.teamUrl.trim())) {
             return (
                 <FormattedMessage
                     id='renderer.components.newTeamModal.error.urlIncorrectFormatting'