Merge pull request #5576 from Expensify/cmartins-autoFillDomain

Auto-fill company website in VBA flow

Author: jasperhuangg

src/CONST.js

@@ -426,6 +426,11 @@ const CONST = {
         INDUSTRY_CODE: /^[0-9]{6}$/,
         SSN_LAST_FOUR: /[0-9]{4}/,
         NUMBER: /^[0-9]+$/,
+
+        // Adapted from: https://gist.github.com/dperini/729294
+        // eslint-disable-next-line max-len
+        HYPERLINK: /^(?:(?:(?:https?|ftp):\/\/)?)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z0-9\u00a1-\uffff][a-z0-9\u00a1-\uffff_-]{0,62})?[a-z0-9\u00a1-\uffff]\.)+(?:[a-z\u00a1-\uffff]{2,}\.?))(?::\d{2,5})?(?:[/?#]\S*)?$/i,
+
         // eslint-disable-next-line max-len, no-misleading-character-class
         EMOJIS: /(?:\uD83D(?:\uDC41\u200D\uD83D\uDDE8|\uDC68\u200D\uD83D[\uDC68\uDC69]\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|\uDC69\u200D\uD83D\uDC69\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?))|[\u2700-\u27bf]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff]|[\u0023-\u0039]\ufe0f?\u20e3|\u3299|\u3297|\u303d|\u3030|\u24c2|\ud83c[\udd70-\udd71]|\ud83c[\udd7e-\udd7f]|\ud83c\udd8e|\ud83c[\udd91-\udd9a]|\ud83c[\udde6-\uddff]|[\ud83c\ude01-\ude02]|\ud83c\ude1a|\ud83c\ude2f|[\ud83c\ude32-\ude3a]|[\ud83c\ude50-\ude51]|\u203c|\u2049|[\u25aa-\u25ab]|\u25b6|\u25c0|[\u25fb-\u25fe]|\u00a9|\u00ae|\u2122|\u2139|\ud83c\udc04|[\u2600-\u26FF]|\u2b05|\u2b06|\u2b07|\u2b1b|\u2b1c|\u2b50|\u2b55|\u231a|\u231b|\u2328|\u23cf|[\u23e9-\u23f3]|[\u23f8-\u23fa]|\ud83c\udccf|\u2934|\u2935|[\u2190-\u21ff])/g,
     },

src/libs/ValidationUtils.js

@@ -69,6 +69,15 @@ function isValidAge(date) {
     return moment().diff(moment(date), 'years') >= 18;
 }
 
+/**
+ *
+ * @param {String} url
+ * @returns {Boolean}
+ */
+function isValidURL(url) {
+    return CONST.REGEX.HYPERLINK.test(url);
+}
+
 /**
  * @param {Object} identity
  * @returns {Boolean}
@@ -125,4 +134,5 @@ export {
     isValidIdentity,
     isValidZipCode,
     isRequiredFulfilled,
+    isValidURL,
 };

src/pages/ReimbursementAccount/CompanyStep.js

@@ -1,4 +1,5 @@
 import _ from 'underscore';
+import lodashGet from 'lodash/get';
 import React from 'react';
 import {View} from 'react-native';
 import Str from 'expensify-common/lib/str';
@@ -22,7 +23,7 @@ import TextLink from '../../components/TextLink';
 import StatePicker from '../../components/StatePicker';
 import withLocalize, {withLocalizePropTypes} from '../../components/withLocalize';
 import {
-    isValidAddress, isValidDate, isValidZipCode, isRequiredFulfilled,
+    isValidAddress, isValidDate, isValidZipCode, isRequiredFulfilled, isValidURL,
 } from '../../libs/ValidationUtils';
 import compose from '../../libs/compose';
 import ONYXKEYS from '../../ONYXKEYS';
@@ -45,14 +46,18 @@ class CompanyStep extends React.Component {
 
         this.submit = this.submit.bind(this);
 
+        this.defaultWebsite = lodashGet(props, 'user.isFromPublicDomain', false)
+            ? 'https://'
+            : `https://www.${Str.extractEmailDomain(props.session.email, '')}`;
+
         this.state = {
             companyName: ReimbursementAccountUtils.getDefaultStateForField(props, 'companyName'),
             addressStreet: ReimbursementAccountUtils.getDefaultStateForField(props, 'addressStreet'),
             addressCity: ReimbursementAccountUtils.getDefaultStateForField(props, 'addressCity'),
             addressState: ReimbursementAccountUtils.getDefaultStateForField(props, 'addressState'),
             addressZipCode: ReimbursementAccountUtils.getDefaultStateForField(props, 'addressZipCode'),
             companyPhone: ReimbursementAccountUtils.getDefaultStateForField(props, 'companyPhone'),
-            website: ReimbursementAccountUtils.getDefaultStateForField(props, 'website', 'https://'),
+            website: ReimbursementAccountUtils.getDefaultStateForField(props, 'website', this.defaultWebsite),
             companyTaxID: ReimbursementAccountUtils.getDefaultStateForField(props, 'companyTaxID'),
             incorporationType: ReimbursementAccountUtils.getDefaultStateForField(props, 'incorporationType'),
             incorporationDate: ReimbursementAccountUtils.getDefaultStateForField(props, 'incorporationDate'),
@@ -130,7 +135,7 @@ class CompanyStep extends React.Component {
             errors.addressZipCode = true;
         }
 
-        if (!Str.isValidURL(this.state.website)) {
+        if (!isValidURL(this.state.website)) {
             errors.website = true;
         }
 
@@ -334,5 +339,11 @@ export default compose(
         reimbursementAccountDraft: {
             key: ONYXKEYS.REIMBURSEMENT_ACCOUNT_DRAFT,
         },
+        session: {
+            key: ONYXKEYS.SESSION,
+        },
+        user: {
+            key: ONYXKEYS.USER,
+        },
     }),
 )(CompanyStep);