Add ability to set a contact method your default contact method

src/ONYXKEYS.js

@@ -119,6 +119,7 @@ export default {
         REPORT_DRAFT_COMMENT_NUMBER_OF_LINES: 'reportDraftCommentNumberOfLines_',
         REPORT_IS_COMPOSER_FULL_SIZE: 'reportIsComposerFullSize_',
         REPORT_USER_IS_TYPING: 'reportUserIsTyping_',
+        SECURITY_GROUP: 'securityGroup_',
         TRANSACTION: 'transactions_',
     },
 
@@ -212,4 +213,7 @@ export default {
 
     // Whether the auth token is valid
     IS_TOKEN_VALID: 'isTokenValid',
+
+    // A map of the user's security group IDs they belong to in specific domains
+    MY_DOMAIN_SECURITY_GROUPS: 'myDomainSecurityGroups',
 };

src/languages/en.js

@@ -379,6 +379,7 @@ export default {
         pleaseVerify: 'Please verify this contact method',
         getInTouch: "Whenever we need to get in touch with you, we'll use this contact method.",
         enterMagicCode: ({contactMethod}) => `Please enter the magic code sent to ${contactMethod}`,
+        setAsDefault: 'Set as default',
         yourDefaultContactMethod:
             'This is your current default contact method. You will not be able to delete this contact method until you set an alternative default by selecting another contact method and pressing “Set as default”.',
         removeContactMethod: 'Remove contact method',
@@ -389,6 +390,7 @@ export default {
             requestContactMethodValidateCode: 'Failed to send a new magic code. Please wait a bit and try again.',
             validateSecondaryLogin: 'Failed to validate contact method with given magic code. Please request a new code and try again.',
             deleteContactMethod: 'Failed to delete contact method. Please reach out to Concierge for help.',
+            setDefaultContactMethod: 'Failed to set a new default contact method. Please reach out to Concierge for help.',
             addContactMethod: 'Failed to add this contact method. Please reach out to Concierge for help.',
         },
         newContactMethod: 'New contact method',

src/languages/es.js

@@ -378,6 +378,7 @@ export default {
         pleaseVerify: 'Por favor, verifica este método de contacto',
         getInTouch: 'Utilizaremos este método de contacto cuando necesitemos contactarte.',
         enterMagicCode: ({contactMethod}) => `Por favor, introduce el código mágico enviado a ${contactMethod}`,
+        setAsDefault: 'Establecer como predeterminado',
         yourDefaultContactMethod:
             'Este es tu método de contacto predeterminado. No podrás eliminarlo hasta que añadas otro método de contacto y lo marques como predeterminado pulsando "Establecer como predeterminado".',
         removeContactMethod: 'Eliminar método de contacto',
@@ -388,6 +389,7 @@ export default {
             requestContactMethodValidateCode: 'No se ha podido enviar un nuevo código mágico. Espera un rato y vuelve a intentarlo.',
             validateSecondaryLogin: 'No se ha podido validar el método de contacto con el código mágico provisto. Solicita un nuevo código y vuelve a intentarlo.',
             deleteContactMethod: 'No se ha podido eliminar este método de contacto. Por favor, contacta con Concierge para obtener ayuda.',
+            setDefaultContactMethod: 'No se pudo establecer un nuevo método de contacto predeterminado. Por favor contacta con Concierge para obtener ayuda.',
             addContactMethod: 'Hubo un error al añadir este método de contacto. Por favor, contacta con Concierge para obtener ayuda.',
         },
         newContactMethod: 'Nuevo método de contacto',

src/libs/actions/User.js

@@ -20,12 +20,27 @@ import * as Report from './Report';
 import * as ReportActionsUtils from '../ReportActionsUtils';
 import DateUtils from '../DateUtils';
 import * as Session from './Session';
+import * as PersonalDetails from './PersonalDetails';
 
 let currentUserAccountID = '';
+let currentEmail = '';
 Onyx.connect({
     key: ONYXKEYS.SESSION,
     callback: (val) => {
         currentUserAccountID = lodashGet(val, 'accountID', '');
+        currentEmail = lodashGet(val, 'email', '');
+    },
+});
+
+let myPersonalDetails = {};
+Onyx.connect({
+    key: ONYXKEYS.PERSONAL_DETAILS,
+    callback: (val) => {
+        if (!val || !currentEmail) {
+            return;
+        }
+
+        myPersonalDetails = val[currentEmail];
     },
 });
 
@@ -760,6 +775,98 @@ function generateStatementPDF(period) {
     );
 }
 
+/**
+ * Sets a contact method / secondary login as the user's "Default" contact method.
+ *
+ * @param {String} newDefaultContactMethod
+ */
+function setContactMethodAsDefault(newDefaultContactMethod) {
+    const oldDefaultContactMethod = currentEmail;
+    const optimisticData = [
+        {
+            onyxMethod: Onyx.METHOD.MERGE,
+            key: ONYXKEYS.SESSION,
+            value: {
+                email: newDefaultContactMethod,
+            },
+        },
+        {
+            onyxMethod: Onyx.METHOD.MERGE,
+            key: ONYXKEYS.LOGIN_LIST,
+            value: {
+                [newDefaultContactMethod]: {
+                    pendingFields: {
+                        defaultLogin: CONST.RED_BRICK_ROAD_PENDING_ACTION.UPDATE,
+                    },
+                    errorFields: {
+                        defaultLogin: null,
+                    },
+                },
+            },
+        },
+        {
+            onyxMethod: Onyx.METHOD.MERGE,
+            key: ONYXKEYS.PERSONAL_DETAILS,
+            value: {
+                [newDefaultContactMethod]: {
+                    ...myPersonalDetails,
+                    login: newDefaultContactMethod,
+                    displayName: PersonalDetails.getDisplayName(newDefaultContactMethod, myPersonalDetails),
+                },
+                [oldDefaultContactMethod]: null,
+            },
+        },
+    ];
+    const successData = [
+        {
+            onyxMethod: Onyx.METHOD.MERGE,
+            key: ONYXKEYS.LOGIN_LIST,
+            value: {
+                [newDefaultContactMethod]: {
+                    pendingFields: {
+                        defaultLogin: null,
+                    },
+                },
+            },
+        },
+    ];
+    const failureData = [
+        {
+            onyxMethod: Onyx.METHOD.MERGE,
+            key: ONYXKEYS.SESSION,
+            value: {
+                email: oldDefaultContactMethod,
+            },
+        },
+        {
+            onyxMethod: Onyx.METHOD.MERGE,
+            key: ONYXKEYS.LOGIN_LIST,
+            value: {
+                [newDefaultContactMethod]: {
+                    pendingFields: {
+                        defaultLogin: null,
+                    },
+                    errorFields: {
+                        defaultLogin: {
+                            [DateUtils.getMicroseconds()]: Localize.translateLocal('contacts.genericFailureMessages.setDefaultContactMethod'),
+                        },
+                    },
+                },
+            },
+        },
+        {
+            onyxMethod: Onyx.METHOD.MERGE,
+            key: ONYXKEYS.PERSONAL_DETAILS,
+            value: {
+                [newDefaultContactMethod]: null,
+                [oldDefaultContactMethod]: {...myPersonalDetails},
+            },
+        },
+    ];
+    API.write('SetContactMethodAsDefault', {partnerUserID: newDefaultContactMethod}, {optimisticData, successData, failureData});
+    Navigation.navigate(ROUTES.SETTINGS_CONTACT_METHODS);
+}
+
 export {
     updatePassword,
     closeAccount,
@@ -784,4 +891,5 @@ export {
     deletePaypalMeAddress,
     addPaypalMeAddress,
     updateChatPriorityMode,
+    setContactMethodAsDefault,
 };

src/pages/settings/Profile/Contacts/ContactMethodDetailsPage.js

@@ -56,6 +56,14 @@ const propTypes = {
         email: PropTypes.string.isRequired,
     }),
 
+    /** User's security group IDs by domain */
+    myDomainSecurityGroups: PropTypes.objectOf(PropTypes.string),
+
+    /** All of the user's security groups and their settings */
+    securityGroups: PropTypes.shape({
+        hasRestrictedPrimaryLogin: PropTypes.bool,
+    }),
+
     /** Route params */
     route: PropTypes.shape({
         params: PropTypes.shape({
@@ -72,6 +80,8 @@ const defaultProps = {
     session: {
         email: null,
     },
+    myDomainSecurityGroups: {},
+    securityGroups: {},
     route: {
         params: {
             contactMethod: '',
@@ -89,6 +99,7 @@ class ContactMethodDetailsPage extends Component {
         this.resendValidateCode = this.resendValidateCode.bind(this);
         this.getContactMethod = this.getContactMethod.bind(this);
         this.validateAndSubmitCode = this.validateAndSubmitCode.bind(this);
+        this.setAsDefault = this.setAsDefault.bind(this);
 
         this.state = {
             formError: '',
@@ -117,6 +128,47 @@ class ContactMethodDetailsPage extends Component {
         return decodeURIComponent(lodashGet(this.props.route, 'params.contactMethod'));
     }
 
+    /**
+     * Attempt to set this contact method as user's "Default contact method"
+     */
+    setAsDefault() {
+        User.setContactMethodAsDefault(this.getContactMethod());
+    }
+
+    /**
+     * Checks if the user is allowed to change their default contact method. This should only be allowed if:
+     * 1. The viewed contact method is not already their default contact method
+     * 2. The viewed contact method is validated
+     * 3. If the user is on a private domain, their security group must allow primary login switching
+     *
+     * @returns {Boolean}
+     */
+    canChangeDefaultContactMethod() {
+        const contactMethod = this.getContactMethod();
+        const loginData = lodashGet(this.props.loginList, contactMethod, {});
+        const isDefaultContactMethod = this.props.session.email === loginData.partnerUserID;
+
+        // Cannot set this contact method as default if:
+        // 1. This contact method is already their default
+        // 2. This contact method is not validated
+        if (isDefaultContactMethod || !loginData.validatedDate) {
+            return false;
+        }
+
+        const domainName = Str.extractEmailDomain(this.props.session.email);
+        const primaryDomainSecurityGroupID = lodashGet(this.props.myDomainSecurityGroups, domainName);
+
+        // If there's no security group associated with the user for the primary domain,
+        // default to allowing the user to change their default contact method.
+        if (!primaryDomainSecurityGroupID) {
+            return true;
+        }
+
+        // Allow user to change their default contact method if they don't have a security group OR if their security group
+        // does NOT restrict primary login switching.
+        return !lodashGet(this.props.securityGroups, [`${ONYXKEYS.COLLECTION.SECURITY_GROUP}${primaryDomainSecurityGroupID}`, 'hasRestrictedPrimaryLogin'], false);
+    }
+
     /**
      * Deletes the contact method if it has errors. Otherwise, it shows the confirmation alert and deletes it only if the user confirms.
      */
@@ -168,7 +220,7 @@ class ContactMethodDetailsPage extends Component {
     render() {
         const contactMethod = this.getContactMethod();
 
-        // replacing spaces with "hard spaces" to prevent breaking the number
+        // Replacing spaces with "hard spaces" to prevent breaking the number
         const formattedContactMethod = Str.isSMSLogin(contactMethod) ? this.props.formatPhoneNumber(contactMethod).replace(/ /g, '\u00A0') : contactMethod;
 
         const loginData = this.props.loginList[contactMethod];
@@ -263,8 +315,28 @@ class ContactMethodDetailsPage extends Component {
                             </OfflineWithFeedback>
                         </View>
                     )}
+                    {this.canChangeDefaultContactMethod() ? (
+                        <OfflineWithFeedback
+                            errors={ErrorUtils.getLatestErrorField(loginData, 'defaultLogin')}
+                            errorRowStyles={[styles.ml8, styles.mr5]}
+                            onClose={() => User.clearContactMethodErrors(contactMethod, 'defaultLogin')}
+                        >
+                            <MenuItem
+                                title={this.props.translate('contacts.setAsDefault')}
+                                icon={Expensicons.Profile}
+                                onPress={this.setAsDefault}
+                            />
+                        </OfflineWithFeedback>
+                    ) : null}
                     {isDefaultContactMethod ? (
-                        <Text style={[styles.ph5, styles.mv3]}>{this.props.translate('contacts.yourDefaultContactMethod')}</Text>
+                        <OfflineWithFeedback
+                            pendingAction={lodashGet(loginData, 'pendingFields.defaultLogin', null)}
+                            errors={ErrorUtils.getLatestErrorField(loginData, 'defaultLogin')}
+                            errorRowStyles={[styles.ml8, styles.mr5]}
+                            onClose={() => User.clearContactMethodErrors(contactMethod, 'defaultLogin')}
+                        >
+                            <Text style={[styles.ph5, styles.mv3]}>{this.props.translate('contacts.yourDefaultContactMethod')}</Text>
+                        </OfflineWithFeedback>
                     ) : (
                         <OfflineWithFeedback
                             pendingAction={lodashGet(loginData, 'pendingFields.deletedLogin', null)}
@@ -276,7 +348,7 @@ class ContactMethodDetailsPage extends Component {
                                 title={this.props.translate('common.remove')}
                                 icon={Expensicons.Trashcan}
                                 iconFill={themeColors.danger}
-                                onPress={this.deleteContactMethod}
+                                onPress={() => this.toggleDeleteModal(true)}
                             />
                         </OfflineWithFeedback>
                     )}
@@ -298,5 +370,11 @@ export default compose(
         session: {
             key: ONYXKEYS.SESSION,
         },
+        myDomainSecurityGroups: {
+            key: ONYXKEYS.MY_DOMAIN_SECURITY_GROUPS,
+        },
+        securityGroups: {
+            key: `${ONYXKEYS.COLLECTION.SECURITY_GROUP}`,
+        },
     }),
 )(ContactMethodDetailsPage);