box-ui-elements 16.0.0-beta.9 → 16.0.0

package/es/features/unified-share-modal/EmailForm.js

@@ -54,6 +54,7 @@ import IconGlobe from '../../icons/general/IconGlobe';
 import ContactRestrictionNotice from './ContactRestrictionNotice';
 import ContactsField from './ContactsField';
 import hasRestrictedContacts from './utils/hasRestrictedContacts';
+import isRestrictedContact from './utils/isRestrictedContact';
 import messages from './messages';
 
 var EmailForm =
@@ -108,9 +109,8 @@ function (_React$Component) {
           selectedContacts = _this$props3.selectedContacts,
           updateSelectedContacts = _this$props3.updateSelectedContacts;
 
-      var _partition = partition(selectedContacts, function (_ref) {
-        var value = _ref.value;
-        return _this.isRestrictedEmail(value);
+      var _partition = partition(selectedContacts, function (contact) {
+        return _this.isRestrictedContact(contact);
       }),
           _partition2 = _slicedToArray(_partition, 2),
           removedContacts = _partition2[0],
@@ -155,8 +155,9 @@ function (_React$Component) {
           intl = _this$props5.intl,
           isRestrictionJustificationEnabled = _this$props5.isRestrictionJustificationEnabled,
           selectedContacts = _this$props5.selectedContacts,
-          restrictedEmails = _this$props5.restrictedEmails;
-      var hasRestrictedCollabs = hasRestrictedContacts(selectedContacts, restrictedEmails);
+          restrictedEmails = _this$props5.restrictedEmails,
+          restrictedGroups = _this$props5.restrictedGroups;
+      var hasRestrictedCollabs = hasRestrictedContacts(selectedContacts, restrictedEmails, restrictedGroups);
       var isMissingRequiredJustification = isRestrictionJustificationEnabled && !selectedJustificationReason;
 
       if (isMissingRequiredJustification) {
@@ -245,15 +246,21 @@ function (_React$Component) {
 
       var emails = [];
       var groupIDs = [];
+      var restrictedGroups = [];
       var restrictedEmails = [];
-      selectedContacts.forEach(function (_ref2) {
-        var type = _ref2.type,
-            value = _ref2.value;
+      selectedContacts.forEach(function (contact) {
+        var id = contact.id,
+            type = contact.type,
+            value = contact.value;
 
         if (type === 'group') {
           groupIDs.push(value);
+
+          if (_this.isRestrictedContact(contact)) {
+            restrictedGroups.push(id);
+          }
         } else {
-          if (_this.isRestrictedEmail(value)) {
+          if (_this.isRestrictedContact(contact)) {
             restrictedEmails.push(value);
           }
 
@@ -265,7 +272,8 @@ function (_React$Component) {
         groupIDs: groupIDs,
         justificationReason: selectedJustificationReason,
         message: message,
-        restrictedEmails: restrictedEmails
+        restrictedEmails: restrictedEmails,
+        restrictedGroups: restrictedGroups
       }).catch(function (error) {
         // Remove sent emails from selected pills
         var invitedEmails = error.invitedEmails || [];
@@ -275,8 +283,8 @@ function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "filterSentEmails", function (sentEmails) {
-      _this.props.updateSelectedContacts(_this.props.selectedContacts.filter(function (_ref3) {
-        var value = _ref3.value;
+      _this.props.updateSelectedContacts(_this.props.selectedContacts.filter(function (_ref) {
+        var value = _ref.value;
         return !sentEmails.includes(value);
       }));
     });
@@ -308,7 +316,7 @@ function (_React$Component) {
         // new pills, so parsed pills can currently only be invalid
         // when user is restricted by a security policy
 
-        isValid = !_this.isRestrictedEmail(contactPill.value) || hasRequiredJustification;
+        isValid = !_this.isRestrictedContact(contactPill) || hasRequiredJustification;
       }
 
       return isValid;
@@ -317,15 +325,16 @@ function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "getContactPillClassName", function (contactPill) {
       var selectedJustificationReason = _this.state.selectedJustificationReason;
       var isRestrictionJustificationEnabled = _this.props.isRestrictionJustificationEnabled;
-      var pillId = String(contactPill.value);
       var hasRequiredJustification = !!selectedJustificationReason && isRestrictionJustificationEnabled;
-      var isWaivedPill = _this.isRestrictedEmail(pillId) && hasRequiredJustification;
+      var isWaivedPill = _this.isRestrictedContact(contactPill) && hasRequiredJustification;
       return isWaivedPill ? 'is-waived' : '';
     });
 
-    _defineProperty(_assertThisInitialized(_this), "isRestrictedEmail", function (email) {
-      var restrictedEmails = _this.props.restrictedEmails;
-      return restrictedEmails.includes(email);
+    _defineProperty(_assertThisInitialized(_this), "isRestrictedContact", function (contact) {
+      var _this$props7 = _this.props,
+          restrictedEmails = _this$props7.restrictedEmails,
+          restrictedGroups = _this$props7.restrictedGroups;
+      return isRestrictedContact(contact, restrictedEmails, restrictedGroups);
     });
 
     _this.state = {
@@ -377,33 +386,34 @@ function (_React$Component) {
           contactsRestrictionError = _this$state3.contactsRestrictionError,
           message = _this$state3.message,
           selectedJustificationReason = _this$state3.selectedJustificationReason;
-      var _this$props7 = this.props,
-          cancelButtonProps = _this$props7.cancelButtonProps,
-          children = _this$props7.children,
-          collabRestrictionType = _this$props7.collabRestrictionType,
-          config = _this$props7.config,
-          contactsFieldAvatars = _this$props7.contactsFieldAvatars,
-          contactsFieldDisabledTooltip = _this$props7.contactsFieldDisabledTooltip,
-          contactsFieldLabel = _this$props7.contactsFieldLabel,
-          inlineNotice = _this$props7.inlineNotice,
-          isContactsFieldEnabled = _this$props7.isContactsFieldEnabled,
-          isExternalUserSelected = _this$props7.isExternalUserSelected,
-          getContactAvatarUrl = _this$props7.getContactAvatarUrl,
-          getContacts = _this$props7.getContacts,
-          intl = _this$props7.intl,
-          isExpanded = _this$props7.isExpanded,
-          isFetchingJustificationReasons = _this$props7.isFetchingJustificationReasons,
-          isRestrictionJustificationEnabled = _this$props7.isRestrictionJustificationEnabled,
-          justificationReasons = _this$props7.justificationReasons,
-          messageProps = _this$props7.messageProps,
-          onPillCreate = _this$props7.onPillCreate,
-          recommendedSharingTooltipCalloutName = _this$props7.recommendedSharingTooltipCalloutName,
-          restrictedEmails = _this$props7.restrictedEmails,
-          selectedContacts = _this$props7.selectedContacts,
-          sendButtonProps = _this$props7.sendButtonProps,
-          showEnterEmailsCallout = _this$props7.showEnterEmailsCallout,
-          submitting = _this$props7.submitting,
-          suggestedCollaborators = _this$props7.suggestedCollaborators;
+      var _this$props8 = this.props,
+          cancelButtonProps = _this$props8.cancelButtonProps,
+          children = _this$props8.children,
+          collabRestrictionType = _this$props8.collabRestrictionType,
+          config = _this$props8.config,
+          contactsFieldAvatars = _this$props8.contactsFieldAvatars,
+          contactsFieldDisabledTooltip = _this$props8.contactsFieldDisabledTooltip,
+          contactsFieldLabel = _this$props8.contactsFieldLabel,
+          inlineNotice = _this$props8.inlineNotice,
+          isContactsFieldEnabled = _this$props8.isContactsFieldEnabled,
+          isExternalUserSelected = _this$props8.isExternalUserSelected,
+          getContactAvatarUrl = _this$props8.getContactAvatarUrl,
+          getContacts = _this$props8.getContacts,
+          intl = _this$props8.intl,
+          isExpanded = _this$props8.isExpanded,
+          isFetchingJustificationReasons = _this$props8.isFetchingJustificationReasons,
+          isRestrictionJustificationEnabled = _this$props8.isRestrictionJustificationEnabled,
+          justificationReasons = _this$props8.justificationReasons,
+          messageProps = _this$props8.messageProps,
+          onPillCreate = _this$props8.onPillCreate,
+          recommendedSharingTooltipCalloutName = _this$props8.recommendedSharingTooltipCalloutName,
+          restrictedEmails = _this$props8.restrictedEmails,
+          restrictedGroups = _this$props8.restrictedGroups,
+          selectedContacts = _this$props8.selectedContacts,
+          sendButtonProps = _this$props8.sendButtonProps,
+          showEnterEmailsCallout = _this$props8.showEnterEmailsCallout,
+          submitting = _this$props8.submitting,
+          suggestedCollaborators = _this$props8.suggestedCollaborators;
       var ftuxTooltipProps = {
         className: 'usm-ftux-tooltip',
         isShown: showEnterEmailsCallout,
@@ -455,7 +465,7 @@ function (_React$Component) {
       }
 
       var hideMessageSection = config && config.showInviteCollaboratorMessageSection === false;
-      var shouldRenderContactRestrictionNotice = isExpanded && hasRestrictedContacts(selectedContacts, restrictedEmails);
+      var shouldRenderContactRestrictionNotice = isExpanded && hasRestrictedContacts(selectedContacts, restrictedEmails, restrictedGroups);
       return React.createElement("form", {
         className: classNames({
           'is-expanded': isExpanded
@@ -471,6 +481,7 @@ function (_React$Component) {
         justificationReasons: justificationReasons,
         onRemoveRestrictedContacts: this.handleRemoveRestrictedContacts,
         restrictedEmails: restrictedEmails,
+        restrictedGroups: restrictedGroups,
         selectedContacts: selectedContacts,
         selectedJustificationReason: selectedJustificationReason,
         onSelectJustificationReason: this.handleSelectJustificationReason
@@ -508,7 +519,8 @@ _defineProperty(EmailForm, "defaultProps", {
   contactsFieldDisabledTooltip: null,
   isRestrictionJustificationEnabled: false,
   justificationReasons: [],
-  restrictedEmails: []
+  restrictedEmails: [],
+  restrictedGroups: []
 });
 
 export { EmailForm as EmailFormBase };

package/es/features/unified-share-modal/EmailForm.js.flow

@@ -21,6 +21,7 @@ import IconGlobe from '../../icons/general/IconGlobe';
 import ContactRestrictionNotice from './ContactRestrictionNotice';
 import ContactsField from './ContactsField';
 import hasRestrictedContacts from './utils/hasRestrictedContacts';
+import isRestrictedContact from './utils/isRestrictedContact';
 import messages from './messages';
 import type { CollabRestrictionType, SuggestedCollabLookup, contactType as Contact, USMConfig } from './flowTypes';
 import type { SelectOptionProp } from '../../components/select-field/props';
@@ -57,6 +58,7 @@ type Props = {
     openInviteCollaboratorsSection?: Function,
     recommendedSharingTooltipCalloutName?: ?string,
     restrictedEmails: Array<string>,
+    restrictedGroups: Array<number>,
     selectedContacts: Array<Contact>,
     sendButtonProps?: Object,
     showEnterEmailsCallout: boolean,
@@ -79,6 +81,7 @@ class EmailForm extends React.Component<Props, State> {
         isRestrictionJustificationEnabled: false,
         justificationReasons: [],
         restrictedEmails: [],
+        restrictedGroups: [],
     };
 
     constructor(props: Props) {
@@ -152,8 +155,8 @@ class EmailForm extends React.Component<Props, State> {
     handleRemoveRestrictedContacts = () => {
         const { onContactRemove, selectedContacts, updateSelectedContacts } = this.props;
 
-        const [removedContacts, remainingContacts] = partition(selectedContacts, ({ value }) =>
-            this.isRestrictedEmail(value),
+        const [removedContacts, remainingContacts] = partition(selectedContacts, (contact: Contact) =>
+            this.isRestrictedContact(contact),
         );
 
         updateSelectedContacts(remainingContacts);
@@ -186,9 +189,15 @@ class EmailForm extends React.Component<Props, State> {
     validateContactsRestrictions = () => {
         let contactsRestrictionError = '';
         const { selectedJustificationReason } = this.state;
-        const { intl, isRestrictionJustificationEnabled, selectedContacts, restrictedEmails } = this.props;
+        const {
+            intl,
+            isRestrictionJustificationEnabled,
+            selectedContacts,
+            restrictedEmails,
+            restrictedGroups,
+        } = this.props;
 
-        const hasRestrictedCollabs = hasRestrictedContacts(selectedContacts, restrictedEmails);
+        const hasRestrictedCollabs = hasRestrictedContacts(selectedContacts, restrictedEmails, restrictedGroups);
         const isMissingRequiredJustification = isRestrictionJustificationEnabled && !selectedJustificationReason;
 
         if (isMissingRequiredJustification) {
@@ -263,13 +272,20 @@ class EmailForm extends React.Component<Props, State> {
 
         const emails = [];
         const groupIDs = [];
+        const restrictedGroups = [];
         const restrictedEmails = [];
 
-        selectedContacts.forEach(({ type, value }) => {
+        selectedContacts.forEach(contact => {
+            const { id, type, value } = contact;
+
             if (type === 'group') {
                 groupIDs.push(value);
+
+                if (this.isRestrictedContact(contact)) {
+                    restrictedGroups.push(id);
+                }
             } else {
-                if (this.isRestrictedEmail(value)) {
+                if (this.isRestrictedContact(contact)) {
                     restrictedEmails.push(value);
                 }
                 emails.push(value);
@@ -282,6 +298,7 @@ class EmailForm extends React.Component<Props, State> {
             justificationReason: selectedJustificationReason,
             message,
             restrictedEmails,
+            restrictedGroups,
         }).catch(error => {
             // Remove sent emails from selected pills
             const invitedEmails = error.invitedEmails || [];
@@ -319,7 +336,7 @@ class EmailForm extends React.Component<Props, State> {
             // Invalid emails are filtered out by ContactsField when parsing
             // new pills, so parsed pills can currently only be invalid
             // when user is restricted by a security policy
-            isValid = !this.isRestrictedEmail(contactPill.value) || hasRequiredJustification;
+            isValid = !this.isRestrictedContact(contactPill) || hasRequiredJustification;
         }
         return isValid;
     };
@@ -328,17 +345,16 @@ class EmailForm extends React.Component<Props, State> {
         const { selectedJustificationReason } = this.state;
         const { isRestrictionJustificationEnabled } = this.props;
 
-        const pillId = String(contactPill.value);
         const hasRequiredJustification = !!selectedJustificationReason && isRestrictionJustificationEnabled;
-        const isWaivedPill = this.isRestrictedEmail(pillId) && hasRequiredJustification;
+        const isWaivedPill = this.isRestrictedContact(contactPill) && hasRequiredJustification;
 
         return isWaivedPill ? 'is-waived' : '';
     };
 
-    isRestrictedEmail = (email?: string) => {
-        const { restrictedEmails } = this.props;
+    isRestrictedContact = (contact: Contact | SelectOptionProp) => {
+        const { restrictedEmails, restrictedGroups } = this.props;
 
-        return restrictedEmails.includes(email);
+        return isRestrictedContact(contact, restrictedEmails, restrictedGroups);
     };
 
     render() {
@@ -366,6 +382,7 @@ class EmailForm extends React.Component<Props, State> {
             onPillCreate,
             recommendedSharingTooltipCalloutName,
             restrictedEmails,
+            restrictedGroups,
             selectedContacts,
             sendButtonProps,
             showEnterEmailsCallout,
@@ -436,7 +453,7 @@ class EmailForm extends React.Component<Props, State> {
 
         const hideMessageSection = config && config.showInviteCollaboratorMessageSection === false;
         const shouldRenderContactRestrictionNotice =
-            isExpanded && hasRestrictedContacts(selectedContacts, restrictedEmails);
+            isExpanded && hasRestrictedContacts(selectedContacts, restrictedEmails, restrictedGroups);
 
         return (
             <form
@@ -457,6 +474,7 @@ class EmailForm extends React.Component<Props, State> {
                         justificationReasons={justificationReasons}
                         onRemoveRestrictedContacts={this.handleRemoveRestrictedContacts}
                         restrictedEmails={restrictedEmails}
+                        restrictedGroups={restrictedGroups}
                         selectedContacts={selectedContacts}
                         selectedJustificationReason={selectedJustificationReason}
                         onSelectJustificationReason={this.handleSelectJustificationReason}

package/es/features/unified-share-modal/EmailForm.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/features/unified-share-modal/EmailForm.js"],"names":["React","isString","partition","classNames","FormattedMessage","injectIntl","TextArea","PrimaryButton","ModalActions","Button","Tooltip","InlineNotice","PillSelectorDropdown","commonMessages","emailValidator","IconGlobe","ContactRestrictionNotice","ContactsField","hasRestrictedContacts","messages","EmailForm","props","createRef","contacts","selectedContacts","onContactAdd","updateSelectedContacts","updatedContacts","validateContacts","option","index","onContactRemove","slice","removed","splice","value","isRestrictedEmail","removedContacts","remainingContacts","forEach","removedContact","contactLimit","intl","contactsFieldError","undefined","length","formatMessage","contactsExceedLimitError","maxContacts","enterAtLeastOneEmailError","setState","contactsRestrictionError","selectedJustificationReason","state","isRestrictionJustificationEnabled","restrictedEmails","hasRestrictedCollabs","isMissingRequiredJustification","justificationRequiredError","restrictedContactsError","onContactInput","event","target","HTMLTextAreaElement","message","validateContactsRestrictions","contactsFieldRef","current","inputValue","onRequestClose","preventDefault","onSubmit","contactsError","emails","groupIDs","type","push","justificationReason","catch","error","invitedEmails","filterSentEmails","sentEmails","filter","includes","text","invalidEmailError","contactPill","isValid","hasRequiredJustification","pillId","String","isWaivedPill","email","prevProps","prevState","prevIsRestrictionJustificationEnabled","prevContactsFieldError","prevContactsRestrictionError","didJustificationRequirementChange","cancelButtonProps","children","collabRestrictionType","config","contactsFieldAvatars","contactsFieldDisabledTooltip","contactsFieldLabel","inlineNotice","isContactsFieldEnabled","isExternalUserSelected","getContactAvatarUrl","getContacts","isExpanded","isFetchingJustificationReasons","justificationReasons","messageProps","onPillCreate","recommendedSharingTooltipCalloutName","sendButtonProps","showEnterEmailsCallout","submitting","suggestedCollaborators","ftuxTooltipProps","className","isShown","position","showCloseButton","enterEmailAddressesCalloutText","theme","recommendedSharingTooltipProps","recommendedSharingTooltipCalloutText","fullName","tooltipPropsToRender","contactsField","getContactPillClassName","handleContactAdd","handleContactRemove","handleContactInput","validateContactField","isValidContactPill","contactsFieldWrap","hideMessageSection","showInviteCollaboratorMessageSection","shouldRenderContactRestrictionNotice","handleSubmit","content","handleRemoveRestrictedContacts","handleSelectJustificationReason","messageTitle","handleMessageChange","messageSelectorPlaceholder","contentSharedWithExternalCollaborators","handleClose","cancel","send","Component","EmailFormBase"],"mappings":"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","sourcesContent":["// @flow\n\nimport * as React from 'react';\nimport isString from 'lodash/isString';\nimport partition from 'lodash/partition';\nimport classNames from 'classnames';\nimport { FormattedMessage, injectIntl } from 'react-intl';\n\nimport TextArea from '../../components/text-area';\nimport PrimaryButton from '../../components/primary-button';\nimport { ModalActions } from '../../components/modal';\nimport Button from '../../components/button';\nimport Tooltip from '../../components/tooltip';\nimport InlineNotice from '../../components/inline-notice';\nimport PillSelectorDropdown from '../../components/pill-selector-dropdown';\nimport commonMessages from '../../common/messages';\nimport { emailValidator } from '../../utils/validators';\nimport type { InlineNoticeType } from '../../common/types/core';\nimport IconGlobe from '../../icons/general/IconGlobe';\n\nimport ContactRestrictionNotice from './ContactRestrictionNotice';\nimport ContactsField from './ContactsField';\nimport hasRestrictedContacts from './utils/hasRestrictedContacts';\nimport messages from './messages';\nimport type { CollabRestrictionType, SuggestedCollabLookup, contactType as Contact, USMConfig } from './flowTypes';\nimport type { SelectOptionProp } from '../../components/select-field/props';\n\ntype Props = {\n    cancelButtonProps?: Object,\n    children?: React.Node,\n    collabRestrictionType?: CollabRestrictionType,\n    config?: USMConfig,\n    contactLimit?: number,\n    contactsFieldAvatars?: React.Node,\n    contactsFieldDisabledTooltip: React.Node,\n    contactsFieldLabel: React.Node,\n    getContactAvatarUrl?: (contact: Contact) => string,\n    getContacts: (query: string) => Promise<Array<Contact>>,\n    inlineNotice: {\n        content: React.Node,\n        type: InlineNoticeType,\n    },\n    intl: any,\n    isContactsFieldEnabled: boolean,\n    isExpanded: boolean,\n    isExternalUserSelected: boolean,\n    isFetchingJustificationReasons?: boolean,\n    isRestrictionJustificationEnabled: boolean,\n    justificationReasons: Array<SelectOptionProp>,\n    messageProps?: Object,\n    onContactAdd?: Function,\n    onContactInput?: Function,\n    onContactRemove?: Function,\n    onPillCreate?: (pills: Array<SelectOptionProp | Contact>) => void,\n    onRequestClose: Function,\n    onSubmit: Function,\n    openInviteCollaboratorsSection?: Function,\n    recommendedSharingTooltipCalloutName?: ?string,\n    restrictedEmails: Array<string>,\n    selectedContacts: Array<Contact>,\n    sendButtonProps?: Object,\n    showEnterEmailsCallout: boolean,\n    submitting: boolean,\n    suggestedCollaborators?: SuggestedCollabLookup,\n    updateSelectedContacts: Function,\n};\n\ntype State = {\n    contactsFieldError: string,\n    contactsRestrictionError: string,\n    message: string,\n    selectedJustificationReason: ?SelectOptionProp,\n};\n\nclass EmailForm extends React.Component<Props, State> {\n    static defaultProps = {\n        messageProps: {},\n        contactsFieldDisabledTooltip: null,\n        isRestrictionJustificationEnabled: false,\n        justificationReasons: [],\n        restrictedEmails: [],\n    };\n\n    constructor(props: Props) {\n        super(props);\n\n        this.state = {\n            contactsFieldError: '',\n            contactsRestrictionError: '',\n            message: '',\n            selectedJustificationReason: null,\n        };\n    }\n\n    contactsFieldRef: {\n        current: null | PillSelectorDropdown,\n    } = React.createRef();\n\n    componentDidUpdate(prevProps: Props, prevState: State) {\n        const { isRestrictionJustificationEnabled } = this.props;\n        const { isRestrictionJustificationEnabled: prevIsRestrictionJustificationEnabled } = prevProps;\n        const { contactsFieldError, contactsRestrictionError } = this.state;\n        const {\n            contactsFieldError: prevContactsFieldError,\n            contactsRestrictionError: prevContactsRestrictionError,\n        } = prevState;\n\n        // Only display one type of error at a time and give preference\n        // to the one triggered most recently\n        if (!prevContactsFieldError && contactsFieldError) {\n            this.setState({ contactsRestrictionError: '' });\n        }\n        if (!prevContactsRestrictionError && contactsRestrictionError) {\n            this.setState({ contactsFieldError: '' });\n        }\n\n        const didJustificationRequirementChange =\n            isRestrictionJustificationEnabled !== prevIsRestrictionJustificationEnabled;\n\n        // Clear selected justification when form state is reset\n        if (didJustificationRequirementChange && !isRestrictionJustificationEnabled) {\n            this.setState({ selectedJustificationReason: null });\n        }\n    }\n\n    handleContactAdd = (contacts: Array<Contact>) => {\n        const { selectedContacts, onContactAdd, updateSelectedContacts } = this.props;\n\n        const updatedContacts = [...selectedContacts, ...contacts];\n        updateSelectedContacts(updatedContacts);\n\n        this.validateContacts(updatedContacts);\n\n        if (onContactAdd) {\n            onContactAdd(contacts);\n        }\n    };\n\n    handleContactRemove = (option: any, index: number) => {\n        const { onContactRemove, updateSelectedContacts } = this.props;\n        const selectedContacts = this.props.selectedContacts.slice();\n        const removed = selectedContacts.splice(index, 1);\n        updateSelectedContacts(selectedContacts);\n\n        this.validateContacts(selectedContacts);\n\n        if (onContactRemove) {\n            onContactRemove(removed);\n        }\n    };\n\n    handleRemoveRestrictedContacts = () => {\n        const { onContactRemove, selectedContacts, updateSelectedContacts } = this.props;\n\n        const [removedContacts, remainingContacts] = partition(selectedContacts, ({ value }) =>\n            this.isRestrictedEmail(value),\n        );\n\n        updateSelectedContacts(remainingContacts);\n        this.validateContacts(remainingContacts);\n\n        if (onContactRemove) {\n            removedContacts.forEach(removedContact => {\n                onContactRemove(removedContact);\n            });\n        }\n    };\n\n    validateContacts = (selectedContacts: Array<Contact>) => {\n        const { contactLimit, intl } = this.props;\n\n        let contactsFieldError = '';\n        if (contactLimit !== undefined && selectedContacts.length > contactLimit) {\n            contactsFieldError = intl.formatMessage(messages.contactsExceedLimitError, {\n                maxContacts: contactLimit,\n            });\n        } else if (selectedContacts.length === 0) {\n            contactsFieldError = intl.formatMessage(messages.enterAtLeastOneEmailError);\n        }\n\n        this.setState({ contactsFieldError });\n\n        return contactsFieldError;\n    };\n\n    validateContactsRestrictions = () => {\n        let contactsRestrictionError = '';\n        const { selectedJustificationReason } = this.state;\n        const { intl, isRestrictionJustificationEnabled, selectedContacts, restrictedEmails } = this.props;\n\n        const hasRestrictedCollabs = hasRestrictedContacts(selectedContacts, restrictedEmails);\n        const isMissingRequiredJustification = isRestrictionJustificationEnabled && !selectedJustificationReason;\n\n        if (isMissingRequiredJustification) {\n            contactsRestrictionError = intl.formatMessage(messages.justificationRequiredError);\n        } else if (hasRestrictedCollabs && !isRestrictionJustificationEnabled) {\n            contactsRestrictionError = intl.formatMessage(messages.restrictedContactsError);\n        }\n\n        this.setState({ contactsRestrictionError });\n\n        return contactsRestrictionError;\n    };\n\n    handleContactInput = (value: string) => {\n        const { onContactInput } = this.props;\n\n        if (onContactInput) {\n            onContactInput(value);\n        }\n    };\n\n    handleMessageChange = (event: SyntheticEvent<HTMLTextAreaElement>) => {\n        const { target } = event;\n\n        if (target instanceof HTMLTextAreaElement) {\n            this.setState({ message: target.value });\n        }\n    };\n\n    handleSelectJustificationReason = (selectedJustificationReason: SelectOptionProp) => {\n        this.setState({ selectedJustificationReason }, this.validateContactsRestrictions);\n    };\n\n    handleClose = () => {\n        this.setState({\n            message: '',\n            contactsFieldError: '',\n            selectedJustificationReason: null,\n        });\n\n        this.props.updateSelectedContacts([]);\n\n        /* Need to reset text in contacts field upon cancelling\n           because the field still shows if the field isn't unmounted\n           but only collapsed (like in invite collabs usage).\n           inputValue doesn't get passed down through props but is\n           internal state in pill selector. */\n        if (this.contactsFieldRef.current) {\n            this.contactsFieldRef.current.setState({ inputValue: '' });\n        }\n\n        this.props.onRequestClose();\n    };\n\n    handleSubmit = (event: SyntheticEvent<HTMLFormElement>) => {\n        event.preventDefault();\n\n        const { onSubmit, selectedContacts } = this.props;\n        const { message, contactsFieldError, selectedJustificationReason } = this.state;\n\n        if (contactsFieldError !== '') {\n            // Block submission if there's a validation error\n            return;\n        }\n\n        const contactsError = this.validateContacts(selectedContacts);\n        const contactsRestrictionError = this.validateContactsRestrictions();\n\n        if (contactsError || contactsRestrictionError) {\n            return;\n        }\n\n        const emails = [];\n        const groupIDs = [];\n        const restrictedEmails = [];\n\n        selectedContacts.forEach(({ type, value }) => {\n            if (type === 'group') {\n                groupIDs.push(value);\n            } else {\n                if (this.isRestrictedEmail(value)) {\n                    restrictedEmails.push(value);\n                }\n                emails.push(value);\n            }\n        });\n\n        onSubmit({\n            emails,\n            groupIDs,\n            justificationReason: selectedJustificationReason,\n            message,\n            restrictedEmails,\n        }).catch(error => {\n            // Remove sent emails from selected pills\n            const invitedEmails = error.invitedEmails || [];\n            this.filterSentEmails(invitedEmails);\n        });\n    };\n\n    filterSentEmails = (sentEmails: Array<string>) => {\n        this.props.updateSelectedContacts(\n            this.props.selectedContacts.filter(({ value }) => !sentEmails.includes(value)),\n        );\n    };\n\n    validateContactField = (text: string) => {\n        const { intl } = this.props;\n        let contactsFieldError = '';\n\n        if (text && !emailValidator(text)) {\n            contactsFieldError = intl.formatMessage(commonMessages.invalidEmailError);\n        }\n        this.setState({ contactsFieldError });\n    };\n\n    isValidContactPill = (contactPill: string | Contact): boolean => {\n        let isValid = true;\n        const { selectedJustificationReason } = this.state;\n        const { isRestrictionJustificationEnabled } = this.props;\n\n        if (isString(contactPill)) {\n            // If we receive a string it means we're validating unparsed\n            // pill selector input. Check that we have a valid email\n            isValid = emailValidator(contactPill);\n        } else {\n            const hasRequiredJustification = !!selectedJustificationReason && isRestrictionJustificationEnabled;\n            // Invalid emails are filtered out by ContactsField when parsing\n            // new pills, so parsed pills can currently only be invalid\n            // when user is restricted by a security policy\n            isValid = !this.isRestrictedEmail(contactPill.value) || hasRequiredJustification;\n        }\n        return isValid;\n    };\n\n    getContactPillClassName = (contactPill: SelectOptionProp): string => {\n        const { selectedJustificationReason } = this.state;\n        const { isRestrictionJustificationEnabled } = this.props;\n\n        const pillId = String(contactPill.value);\n        const hasRequiredJustification = !!selectedJustificationReason && isRestrictionJustificationEnabled;\n        const isWaivedPill = this.isRestrictedEmail(pillId) && hasRequiredJustification;\n\n        return isWaivedPill ? 'is-waived' : '';\n    };\n\n    isRestrictedEmail = (email?: string) => {\n        const { restrictedEmails } = this.props;\n\n        return restrictedEmails.includes(email);\n    };\n\n    render() {\n        const { contactsFieldError, contactsRestrictionError, message, selectedJustificationReason } = this.state;\n\n        const {\n            cancelButtonProps,\n            children,\n            collabRestrictionType,\n            config,\n            contactsFieldAvatars,\n            contactsFieldDisabledTooltip,\n            contactsFieldLabel,\n            inlineNotice,\n            isContactsFieldEnabled,\n            isExternalUserSelected,\n            getContactAvatarUrl,\n            getContacts,\n            intl,\n            isExpanded,\n            isFetchingJustificationReasons,\n            isRestrictionJustificationEnabled,\n            justificationReasons,\n            messageProps,\n            onPillCreate,\n            recommendedSharingTooltipCalloutName,\n            restrictedEmails,\n            selectedContacts,\n            sendButtonProps,\n            showEnterEmailsCallout,\n            submitting,\n            suggestedCollaborators,\n        } = this.props;\n\n        const ftuxTooltipProps = {\n            className: 'usm-ftux-tooltip',\n            isShown: showEnterEmailsCallout,\n            position: 'middle-right',\n            showCloseButton: true,\n            text: <FormattedMessage {...messages.enterEmailAddressesCalloutText} />,\n            theme: 'callout',\n        };\n\n        const recommendedSharingTooltipProps = {\n            isShown: !!recommendedSharingTooltipCalloutName,\n            position: 'middle-left',\n            text: (\n                <FormattedMessage\n                    {...messages.recommendedSharingTooltipCalloutText}\n                    values={{ fullName: recommendedSharingTooltipCalloutName }}\n                />\n            ),\n            theme: 'callout',\n        };\n\n        const tooltipPropsToRender = recommendedSharingTooltipCalloutName\n            ? recommendedSharingTooltipProps\n            : ftuxTooltipProps;\n\n        const contactsField = (\n            <div className=\"tooltip-target\">\n                <Tooltip {...tooltipPropsToRender}>\n                    <ContactsField\n                        disabled={!isContactsFieldEnabled}\n                        error={contactsFieldError}\n                        fieldRef={this.contactsFieldRef}\n                        getContacts={getContacts}\n                        getContactAvatarUrl={getContactAvatarUrl}\n                        getPillClassName={this.getContactPillClassName}\n                        label={contactsFieldLabel}\n                        onContactAdd={this.handleContactAdd}\n                        onContactRemove={this.handleContactRemove}\n                        onInput={this.handleContactInput}\n                        onPillCreate={onPillCreate}\n                        selectedContacts={selectedContacts}\n                        suggestedCollaborators={suggestedCollaborators}\n                        validateForError={this.validateContactField}\n                        validator={this.isValidContactPill}\n                        showContactAvatars\n                    />\n                </Tooltip>\n            </div>\n        );\n\n        let contactsFieldWrap;\n        if (isContactsFieldEnabled) {\n            contactsFieldWrap = contactsField;\n        } else {\n            contactsFieldWrap = (\n                <Tooltip position=\"bottom-center\" text={contactsFieldDisabledTooltip}>\n                    {contactsField}\n                </Tooltip>\n            );\n        }\n\n        const hideMessageSection = config && config.showInviteCollaboratorMessageSection === false;\n        const shouldRenderContactRestrictionNotice =\n            isExpanded && hasRestrictedContacts(selectedContacts, restrictedEmails);\n\n        return (\n            <form\n                className={classNames({\n                    'is-expanded': isExpanded,\n                })}\n                onSubmit={this.handleSubmit}\n            >\n                {inlineNotice.content && isExpanded && (\n                    <InlineNotice type={inlineNotice.type}>{inlineNotice.content}</InlineNotice>\n                )}\n                {shouldRenderContactRestrictionNotice && (\n                    <ContactRestrictionNotice\n                        collabRestrictionType={collabRestrictionType}\n                        error={contactsRestrictionError}\n                        isFetchingJustificationReasons={isFetchingJustificationReasons}\n                        isRestrictionJustificationEnabled={isRestrictionJustificationEnabled}\n                        justificationReasons={justificationReasons}\n                        onRemoveRestrictedContacts={this.handleRemoveRestrictedContacts}\n                        restrictedEmails={restrictedEmails}\n                        selectedContacts={selectedContacts}\n                        selectedJustificationReason={selectedJustificationReason}\n                        onSelectJustificationReason={this.handleSelectJustificationReason}\n                    />\n                )}\n                {contactsFieldAvatars}\n                {contactsFieldWrap}\n                {children}\n                {isExpanded && !hideMessageSection && (\n                    <TextArea\n                        data-testid=\"be-emailform-message\"\n                        label={<FormattedMessage {...messages.messageTitle} />}\n                        onChange={this.handleMessageChange}\n                        placeholder={intl.formatMessage(commonMessages.messageSelectorPlaceholder)}\n                        rows={3}\n                        value={message}\n                        {...messageProps}\n                    />\n                )}\n                {isExpanded && isExternalUserSelected && (\n                    <div className=\"security-indicator-note\">\n                        <span className=\"security-indicator-icon-globe\">\n                            <IconGlobe height={12} width={12} />\n                        </span>\n                        <FormattedMessage {...messages.contentSharedWithExternalCollaborators} />\n                    </div>\n                )}\n                {isExpanded && (\n                    <ModalActions>\n                        <Button isDisabled={submitting} onClick={this.handleClose} type=\"button\" {...cancelButtonProps}>\n                            <FormattedMessage {...commonMessages.cancel} />\n                        </Button>\n                        <PrimaryButton\n                            isDisabled={submitting}\n                            isLoading={submitting}\n                            type=\"submit\"\n                            {...sendButtonProps}\n                        >\n                            <FormattedMessage {...commonMessages.send} />\n                        </PrimaryButton>\n                    </ModalActions>\n                )}\n            </form>\n        );\n    }\n}\n\nexport { EmailForm as EmailFormBase };\nexport default injectIntl(EmailForm);\n"],"file":"EmailForm.js"}
+{"version":3,"sources":["../../../src/features/unified-share-modal/EmailForm.js"],"names":["React","isString","partition","classNames","FormattedMessage","injectIntl","TextArea","PrimaryButton","ModalActions","Button","Tooltip","InlineNotice","PillSelectorDropdown","commonMessages","emailValidator","IconGlobe","ContactRestrictionNotice","ContactsField","hasRestrictedContacts","isRestrictedContact","messages","EmailForm","props","createRef","contacts","selectedContacts","onContactAdd","updateSelectedContacts","updatedContacts","validateContacts","option","index","onContactRemove","slice","removed","splice","contact","removedContacts","remainingContacts","forEach","removedContact","contactLimit","intl","contactsFieldError","undefined","length","formatMessage","contactsExceedLimitError","maxContacts","enterAtLeastOneEmailError","setState","contactsRestrictionError","selectedJustificationReason","state","isRestrictionJustificationEnabled","restrictedEmails","restrictedGroups","hasRestrictedCollabs","isMissingRequiredJustification","justificationRequiredError","restrictedContactsError","value","onContactInput","event","target","HTMLTextAreaElement","message","validateContactsRestrictions","contactsFieldRef","current","inputValue","onRequestClose","preventDefault","onSubmit","contactsError","emails","groupIDs","id","type","push","justificationReason","catch","error","invitedEmails","filterSentEmails","sentEmails","filter","includes","text","invalidEmailError","contactPill","isValid","hasRequiredJustification","isWaivedPill","prevProps","prevState","prevIsRestrictionJustificationEnabled","prevContactsFieldError","prevContactsRestrictionError","didJustificationRequirementChange","cancelButtonProps","children","collabRestrictionType","config","contactsFieldAvatars","contactsFieldDisabledTooltip","contactsFieldLabel","inlineNotice","isContactsFieldEnabled","isExternalUserSelected","getContactAvatarUrl","getContacts","isExpanded","isFetchingJustificationReasons","justificationReasons","messageProps","onPillCreate","recommendedSharingTooltipCalloutName","sendButtonProps","showEnterEmailsCallout","submitting","suggestedCollaborators","ftuxTooltipProps","className","isShown","position","showCloseButton","enterEmailAddressesCalloutText","theme","recommendedSharingTooltipProps","recommendedSharingTooltipCalloutText","fullName","tooltipPropsToRender","contactsField","getContactPillClassName","handleContactAdd","handleContactRemove","handleContactInput","validateContactField","isValidContactPill","contactsFieldWrap","hideMessageSection","showInviteCollaboratorMessageSection","shouldRenderContactRestrictionNotice","handleSubmit","content","handleRemoveRestrictedContacts","handleSelectJustificationReason","messageTitle","handleMessageChange","messageSelectorPlaceholder","contentSharedWithExternalCollaborators","handleClose","cancel","send","Component","EmailFormBase"],"mappings":"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","sourcesContent":["// @flow\n\nimport * as React from 'react';\nimport isString from 'lodash/isString';\nimport partition from 'lodash/partition';\nimport classNames from 'classnames';\nimport { FormattedMessage, injectIntl } from 'react-intl';\n\nimport TextArea from '../../components/text-area';\nimport PrimaryButton from '../../components/primary-button';\nimport { ModalActions } from '../../components/modal';\nimport Button from '../../components/button';\nimport Tooltip from '../../components/tooltip';\nimport InlineNotice from '../../components/inline-notice';\nimport PillSelectorDropdown from '../../components/pill-selector-dropdown';\nimport commonMessages from '../../common/messages';\nimport { emailValidator } from '../../utils/validators';\nimport type { InlineNoticeType } from '../../common/types/core';\nimport IconGlobe from '../../icons/general/IconGlobe';\n\nimport ContactRestrictionNotice from './ContactRestrictionNotice';\nimport ContactsField from './ContactsField';\nimport hasRestrictedContacts from './utils/hasRestrictedContacts';\nimport isRestrictedContact from './utils/isRestrictedContact';\nimport messages from './messages';\nimport type { CollabRestrictionType, SuggestedCollabLookup, contactType as Contact, USMConfig } from './flowTypes';\nimport type { SelectOptionProp } from '../../components/select-field/props';\n\ntype Props = {\n    cancelButtonProps?: Object,\n    children?: React.Node,\n    collabRestrictionType?: CollabRestrictionType,\n    config?: USMConfig,\n    contactLimit?: number,\n    contactsFieldAvatars?: React.Node,\n    contactsFieldDisabledTooltip: React.Node,\n    contactsFieldLabel: React.Node,\n    getContactAvatarUrl?: (contact: Contact) => string,\n    getContacts: (query: string) => Promise<Array<Contact>>,\n    inlineNotice: {\n        content: React.Node,\n        type: InlineNoticeType,\n    },\n    intl: any,\n    isContactsFieldEnabled: boolean,\n    isExpanded: boolean,\n    isExternalUserSelected: boolean,\n    isFetchingJustificationReasons?: boolean,\n    isRestrictionJustificationEnabled: boolean,\n    justificationReasons: Array<SelectOptionProp>,\n    messageProps?: Object,\n    onContactAdd?: Function,\n    onContactInput?: Function,\n    onContactRemove?: Function,\n    onPillCreate?: (pills: Array<SelectOptionProp | Contact>) => void,\n    onRequestClose: Function,\n    onSubmit: Function,\n    openInviteCollaboratorsSection?: Function,\n    recommendedSharingTooltipCalloutName?: ?string,\n    restrictedEmails: Array<string>,\n    restrictedGroups: Array<number>,\n    selectedContacts: Array<Contact>,\n    sendButtonProps?: Object,\n    showEnterEmailsCallout: boolean,\n    submitting: boolean,\n    suggestedCollaborators?: SuggestedCollabLookup,\n    updateSelectedContacts: Function,\n};\n\ntype State = {\n    contactsFieldError: string,\n    contactsRestrictionError: string,\n    message: string,\n    selectedJustificationReason: ?SelectOptionProp,\n};\n\nclass EmailForm extends React.Component<Props, State> {\n    static defaultProps = {\n        messageProps: {},\n        contactsFieldDisabledTooltip: null,\n        isRestrictionJustificationEnabled: false,\n        justificationReasons: [],\n        restrictedEmails: [],\n        restrictedGroups: [],\n    };\n\n    constructor(props: Props) {\n        super(props);\n\n        this.state = {\n            contactsFieldError: '',\n            contactsRestrictionError: '',\n            message: '',\n            selectedJustificationReason: null,\n        };\n    }\n\n    contactsFieldRef: {\n        current: null | PillSelectorDropdown,\n    } = React.createRef();\n\n    componentDidUpdate(prevProps: Props, prevState: State) {\n        const { isRestrictionJustificationEnabled } = this.props;\n        const { isRestrictionJustificationEnabled: prevIsRestrictionJustificationEnabled } = prevProps;\n        const { contactsFieldError, contactsRestrictionError } = this.state;\n        const {\n            contactsFieldError: prevContactsFieldError,\n            contactsRestrictionError: prevContactsRestrictionError,\n        } = prevState;\n\n        // Only display one type of error at a time and give preference\n        // to the one triggered most recently\n        if (!prevContactsFieldError && contactsFieldError) {\n            this.setState({ contactsRestrictionError: '' });\n        }\n        if (!prevContactsRestrictionError && contactsRestrictionError) {\n            this.setState({ contactsFieldError: '' });\n        }\n\n        const didJustificationRequirementChange =\n            isRestrictionJustificationEnabled !== prevIsRestrictionJustificationEnabled;\n\n        // Clear selected justification when form state is reset\n        if (didJustificationRequirementChange && !isRestrictionJustificationEnabled) {\n            this.setState({ selectedJustificationReason: null });\n        }\n    }\n\n    handleContactAdd = (contacts: Array<Contact>) => {\n        const { selectedContacts, onContactAdd, updateSelectedContacts } = this.props;\n\n        const updatedContacts = [...selectedContacts, ...contacts];\n        updateSelectedContacts(updatedContacts);\n\n        this.validateContacts(updatedContacts);\n\n        if (onContactAdd) {\n            onContactAdd(contacts);\n        }\n    };\n\n    handleContactRemove = (option: any, index: number) => {\n        const { onContactRemove, updateSelectedContacts } = this.props;\n        const selectedContacts = this.props.selectedContacts.slice();\n        const removed = selectedContacts.splice(index, 1);\n        updateSelectedContacts(selectedContacts);\n\n        this.validateContacts(selectedContacts);\n\n        if (onContactRemove) {\n            onContactRemove(removed);\n        }\n    };\n\n    handleRemoveRestrictedContacts = () => {\n        const { onContactRemove, selectedContacts, updateSelectedContacts } = this.props;\n\n        const [removedContacts, remainingContacts] = partition(selectedContacts, (contact: Contact) =>\n            this.isRestrictedContact(contact),\n        );\n\n        updateSelectedContacts(remainingContacts);\n        this.validateContacts(remainingContacts);\n\n        if (onContactRemove) {\n            removedContacts.forEach(removedContact => {\n                onContactRemove(removedContact);\n            });\n        }\n    };\n\n    validateContacts = (selectedContacts: Array<Contact>) => {\n        const { contactLimit, intl } = this.props;\n\n        let contactsFieldError = '';\n        if (contactLimit !== undefined && selectedContacts.length > contactLimit) {\n            contactsFieldError = intl.formatMessage(messages.contactsExceedLimitError, {\n                maxContacts: contactLimit,\n            });\n        } else if (selectedContacts.length === 0) {\n            contactsFieldError = intl.formatMessage(messages.enterAtLeastOneEmailError);\n        }\n\n        this.setState({ contactsFieldError });\n\n        return contactsFieldError;\n    };\n\n    validateContactsRestrictions = () => {\n        let contactsRestrictionError = '';\n        const { selectedJustificationReason } = this.state;\n        const {\n            intl,\n            isRestrictionJustificationEnabled,\n            selectedContacts,\n            restrictedEmails,\n            restrictedGroups,\n        } = this.props;\n\n        const hasRestrictedCollabs = hasRestrictedContacts(selectedContacts, restrictedEmails, restrictedGroups);\n        const isMissingRequiredJustification = isRestrictionJustificationEnabled && !selectedJustificationReason;\n\n        if (isMissingRequiredJustification) {\n            contactsRestrictionError = intl.formatMessage(messages.justificationRequiredError);\n        } else if (hasRestrictedCollabs && !isRestrictionJustificationEnabled) {\n            contactsRestrictionError = intl.formatMessage(messages.restrictedContactsError);\n        }\n\n        this.setState({ contactsRestrictionError });\n\n        return contactsRestrictionError;\n    };\n\n    handleContactInput = (value: string) => {\n        const { onContactInput } = this.props;\n\n        if (onContactInput) {\n            onContactInput(value);\n        }\n    };\n\n    handleMessageChange = (event: SyntheticEvent<HTMLTextAreaElement>) => {\n        const { target } = event;\n\n        if (target instanceof HTMLTextAreaElement) {\n            this.setState({ message: target.value });\n        }\n    };\n\n    handleSelectJustificationReason = (selectedJustificationReason: SelectOptionProp) => {\n        this.setState({ selectedJustificationReason }, this.validateContactsRestrictions);\n    };\n\n    handleClose = () => {\n        this.setState({\n            message: '',\n            contactsFieldError: '',\n            selectedJustificationReason: null,\n        });\n\n        this.props.updateSelectedContacts([]);\n\n        /* Need to reset text in contacts field upon cancelling\n           because the field still shows if the field isn't unmounted\n           but only collapsed (like in invite collabs usage).\n           inputValue doesn't get passed down through props but is\n           internal state in pill selector. */\n        if (this.contactsFieldRef.current) {\n            this.contactsFieldRef.current.setState({ inputValue: '' });\n        }\n\n        this.props.onRequestClose();\n    };\n\n    handleSubmit = (event: SyntheticEvent<HTMLFormElement>) => {\n        event.preventDefault();\n\n        const { onSubmit, selectedContacts } = this.props;\n        const { message, contactsFieldError, selectedJustificationReason } = this.state;\n\n        if (contactsFieldError !== '') {\n            // Block submission if there's a validation error\n            return;\n        }\n\n        const contactsError = this.validateContacts(selectedContacts);\n        const contactsRestrictionError = this.validateContactsRestrictions();\n\n        if (contactsError || contactsRestrictionError) {\n            return;\n        }\n\n        const emails = [];\n        const groupIDs = [];\n        const restrictedGroups = [];\n        const restrictedEmails = [];\n\n        selectedContacts.forEach(contact => {\n            const { id, type, value } = contact;\n\n            if (type === 'group') {\n                groupIDs.push(value);\n\n                if (this.isRestrictedContact(contact)) {\n                    restrictedGroups.push(id);\n                }\n            } else {\n                if (this.isRestrictedContact(contact)) {\n                    restrictedEmails.push(value);\n                }\n                emails.push(value);\n            }\n        });\n\n        onSubmit({\n            emails,\n            groupIDs,\n            justificationReason: selectedJustificationReason,\n            message,\n            restrictedEmails,\n            restrictedGroups,\n        }).catch(error => {\n            // Remove sent emails from selected pills\n            const invitedEmails = error.invitedEmails || [];\n            this.filterSentEmails(invitedEmails);\n        });\n    };\n\n    filterSentEmails = (sentEmails: Array<string>) => {\n        this.props.updateSelectedContacts(\n            this.props.selectedContacts.filter(({ value }) => !sentEmails.includes(value)),\n        );\n    };\n\n    validateContactField = (text: string) => {\n        const { intl } = this.props;\n        let contactsFieldError = '';\n\n        if (text && !emailValidator(text)) {\n            contactsFieldError = intl.formatMessage(commonMessages.invalidEmailError);\n        }\n        this.setState({ contactsFieldError });\n    };\n\n    isValidContactPill = (contactPill: string | Contact): boolean => {\n        let isValid = true;\n        const { selectedJustificationReason } = this.state;\n        const { isRestrictionJustificationEnabled } = this.props;\n\n        if (isString(contactPill)) {\n            // If we receive a string it means we're validating unparsed\n            // pill selector input. Check that we have a valid email\n            isValid = emailValidator(contactPill);\n        } else {\n            const hasRequiredJustification = !!selectedJustificationReason && isRestrictionJustificationEnabled;\n            // Invalid emails are filtered out by ContactsField when parsing\n            // new pills, so parsed pills can currently only be invalid\n            // when user is restricted by a security policy\n            isValid = !this.isRestrictedContact(contactPill) || hasRequiredJustification;\n        }\n        return isValid;\n    };\n\n    getContactPillClassName = (contactPill: SelectOptionProp): string => {\n        const { selectedJustificationReason } = this.state;\n        const { isRestrictionJustificationEnabled } = this.props;\n\n        const hasRequiredJustification = !!selectedJustificationReason && isRestrictionJustificationEnabled;\n        const isWaivedPill = this.isRestrictedContact(contactPill) && hasRequiredJustification;\n\n        return isWaivedPill ? 'is-waived' : '';\n    };\n\n    isRestrictedContact = (contact: Contact | SelectOptionProp) => {\n        const { restrictedEmails, restrictedGroups } = this.props;\n\n        return isRestrictedContact(contact, restrictedEmails, restrictedGroups);\n    };\n\n    render() {\n        const { contactsFieldError, contactsRestrictionError, message, selectedJustificationReason } = this.state;\n\n        const {\n            cancelButtonProps,\n            children,\n            collabRestrictionType,\n            config,\n            contactsFieldAvatars,\n            contactsFieldDisabledTooltip,\n            contactsFieldLabel,\n            inlineNotice,\n            isContactsFieldEnabled,\n            isExternalUserSelected,\n            getContactAvatarUrl,\n            getContacts,\n            intl,\n            isExpanded,\n            isFetchingJustificationReasons,\n            isRestrictionJustificationEnabled,\n            justificationReasons,\n            messageProps,\n            onPillCreate,\n            recommendedSharingTooltipCalloutName,\n            restrictedEmails,\n            restrictedGroups,\n            selectedContacts,\n            sendButtonProps,\n            showEnterEmailsCallout,\n            submitting,\n            suggestedCollaborators,\n        } = this.props;\n\n        const ftuxTooltipProps = {\n            className: 'usm-ftux-tooltip',\n            isShown: showEnterEmailsCallout,\n            position: 'middle-right',\n            showCloseButton: true,\n            text: <FormattedMessage {...messages.enterEmailAddressesCalloutText} />,\n            theme: 'callout',\n        };\n\n        const recommendedSharingTooltipProps = {\n            isShown: !!recommendedSharingTooltipCalloutName,\n            position: 'middle-left',\n            text: (\n                <FormattedMessage\n                    {...messages.recommendedSharingTooltipCalloutText}\n                    values={{ fullName: recommendedSharingTooltipCalloutName }}\n                />\n            ),\n            theme: 'callout',\n        };\n\n        const tooltipPropsToRender = recommendedSharingTooltipCalloutName\n            ? recommendedSharingTooltipProps\n            : ftuxTooltipProps;\n\n        const contactsField = (\n            <div className=\"tooltip-target\">\n                <Tooltip {...tooltipPropsToRender}>\n                    <ContactsField\n                        disabled={!isContactsFieldEnabled}\n                        error={contactsFieldError}\n                        fieldRef={this.contactsFieldRef}\n                        getContacts={getContacts}\n                        getContactAvatarUrl={getContactAvatarUrl}\n                        getPillClassName={this.getContactPillClassName}\n                        label={contactsFieldLabel}\n                        onContactAdd={this.handleContactAdd}\n                        onContactRemove={this.handleContactRemove}\n                        onInput={this.handleContactInput}\n                        onPillCreate={onPillCreate}\n                        selectedContacts={selectedContacts}\n                        suggestedCollaborators={suggestedCollaborators}\n                        validateForError={this.validateContactField}\n                        validator={this.isValidContactPill}\n                        showContactAvatars\n                    />\n                </Tooltip>\n            </div>\n        );\n\n        let contactsFieldWrap;\n        if (isContactsFieldEnabled) {\n            contactsFieldWrap = contactsField;\n        } else {\n            contactsFieldWrap = (\n                <Tooltip position=\"bottom-center\" text={contactsFieldDisabledTooltip}>\n                    {contactsField}\n                </Tooltip>\n            );\n        }\n\n        const hideMessageSection = config && config.showInviteCollaboratorMessageSection === false;\n        const shouldRenderContactRestrictionNotice =\n            isExpanded && hasRestrictedContacts(selectedContacts, restrictedEmails, restrictedGroups);\n\n        return (\n            <form\n                className={classNames({\n                    'is-expanded': isExpanded,\n                })}\n                onSubmit={this.handleSubmit}\n            >\n                {inlineNotice.content && isExpanded && (\n                    <InlineNotice type={inlineNotice.type}>{inlineNotice.content}</InlineNotice>\n                )}\n                {shouldRenderContactRestrictionNotice && (\n                    <ContactRestrictionNotice\n                        collabRestrictionType={collabRestrictionType}\n                        error={contactsRestrictionError}\n                        isFetchingJustificationReasons={isFetchingJustificationReasons}\n                        isRestrictionJustificationEnabled={isRestrictionJustificationEnabled}\n                        justificationReasons={justificationReasons}\n                        onRemoveRestrictedContacts={this.handleRemoveRestrictedContacts}\n                        restrictedEmails={restrictedEmails}\n                        restrictedGroups={restrictedGroups}\n                        selectedContacts={selectedContacts}\n                        selectedJustificationReason={selectedJustificationReason}\n                        onSelectJustificationReason={this.handleSelectJustificationReason}\n                    />\n                )}\n                {contactsFieldAvatars}\n                {contactsFieldWrap}\n                {children}\n                {isExpanded && !hideMessageSection && (\n                    <TextArea\n                        data-testid=\"be-emailform-message\"\n                        label={<FormattedMessage {...messages.messageTitle} />}\n                        onChange={this.handleMessageChange}\n                        placeholder={intl.formatMessage(commonMessages.messageSelectorPlaceholder)}\n                        rows={3}\n                        value={message}\n                        {...messageProps}\n                    />\n                )}\n                {isExpanded && isExternalUserSelected && (\n                    <div className=\"security-indicator-note\">\n                        <span className=\"security-indicator-icon-globe\">\n                            <IconGlobe height={12} width={12} />\n                        </span>\n                        <FormattedMessage {...messages.contentSharedWithExternalCollaborators} />\n                    </div>\n                )}\n                {isExpanded && (\n                    <ModalActions>\n                        <Button isDisabled={submitting} onClick={this.handleClose} type=\"button\" {...cancelButtonProps}>\n                            <FormattedMessage {...commonMessages.cancel} />\n                        </Button>\n                        <PrimaryButton\n                            isDisabled={submitting}\n                            isLoading={submitting}\n                            type=\"submit\"\n                            {...sendButtonProps}\n                        >\n                            <FormattedMessage {...commonMessages.send} />\n                        </PrimaryButton>\n                    </ModalActions>\n                )}\n            </form>\n        );\n    }\n}\n\nexport { EmailForm as EmailFormBase };\nexport default injectIntl(EmailForm);\n"],"file":"EmailForm.js"}