@inboxsdk/core 0.2.28-alpha.5 → 0.2.28

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/add-tooltip-to-button.js

@@ -1,50 +1,125 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = addTooltipToButton;
-var _kefir = _interopRequireDefault(require("kefir"));
-var _logger = _interopRequireDefault(require("../../../../lib/logger"));
-var _gmailTooltipView = _interopRequireDefault(require("../../widgets/gmail-tooltip-view"));
-function addTooltipToButton(gmailComposeView, buttonViewController, buttonDescriptor, tooltipDescriptor) {
-  var gmailTooltipView = new _gmailTooltipView.default(tooltipDescriptor);
-  var tooltipStopperStream = gmailTooltipView.getStopper().merge(gmailComposeView.getStopper());
-  gmailComposeView.getStopper().takeUntilBy(gmailTooltipView.getStopper()).onValue(() => gmailTooltipView.destroy());
-  document.body.appendChild(gmailTooltipView.getElement());
-  _anchorTooltip(gmailTooltipView, gmailComposeView, buttonViewController, buttonDescriptor);
-  gmailComposeView.getEventStream().filter(event => event.eventName === 'buttonAdded' || event.eventName === 'fullscreenChanged').merge(gmailTooltipView.getEventStream().filter(_ref => {
-    let {
-      eventName
-    } = _ref;
-    return eventName === 'imageLoaded';
-  })).debounce(10).takeUntilBy(tooltipStopperStream).onValue(_anchorTooltip.bind(null, gmailTooltipView, gmailComposeView, buttonViewController, buttonDescriptor));
-  buttonViewController.getView().getEventStream().takeUntilBy(tooltipStopperStream).filter(function (event) {
-    return event.eventName === 'click';
-  }).onValue(gmailTooltipView.destroy.bind(gmailTooltipView));
-  var stoppedIntervalStream = _kefir.default.interval(50).takeUntilBy(tooltipStopperStream);
+/* @flow */
+
+import Kefir from 'kefir';
+import Logger from '../../../../lib/logger';
+
+import GmailTooltipView from '../../widgets/gmail-tooltip-view';
+import type GmailComposeView from '../gmail-compose-view';
+
+import type { TooltipDescriptor } from '../../../../views/compose-button-view';
+
+export default function addTooltipToButton(
+  gmailComposeView: GmailComposeView,
+  buttonViewController: Object,
+  buttonDescriptor: Object,
+  tooltipDescriptor: TooltipDescriptor
+): GmailTooltipView {
+  var gmailTooltipView = new GmailTooltipView(tooltipDescriptor);
+  var tooltipStopperStream: Kefir.Observable<any> = gmailTooltipView
+    .getStopper()
+    .merge(gmailComposeView.getStopper());
+
+  gmailComposeView
+    .getStopper()
+    .takeUntilBy(gmailTooltipView.getStopper())
+    .onValue(() => gmailTooltipView.destroy());
+
+  ((document.body: any): HTMLElement).appendChild(
+    gmailTooltipView.getElement()
+  );
+
+  _anchorTooltip(
+    gmailTooltipView,
+    gmailComposeView,
+    buttonViewController,
+    buttonDescriptor
+  );
+
+  gmailComposeView
+    .getEventStream()
+    .filter(
+      (event) =>
+        event.eventName === 'buttonAdded' ||
+        event.eventName === 'fullscreenChanged'
+    )
+    .merge(
+      gmailTooltipView
+        .getEventStream()
+        .filter(({ eventName }) => eventName === 'imageLoaded')
+    )
+    .debounce(10)
+    .takeUntilBy(tooltipStopperStream)
+    .onValue(
+      _anchorTooltip.bind(
+        null,
+        gmailTooltipView,
+        gmailComposeView,
+        buttonViewController,
+        buttonDescriptor
+      )
+    );
+
+  buttonViewController
+    .getView()
+    .getEventStream()
+    .takeUntilBy(tooltipStopperStream)
+    .filter(function (event) {
+      return event.eventName === 'click';
+    })
+    .onValue(gmailTooltipView.destroy.bind(gmailTooltipView));
+
+  var stoppedIntervalStream =
+    Kefir.interval(50).takeUntilBy(tooltipStopperStream);
+
   var left = 0;
   var top = 0;
-  stoppedIntervalStream.takeWhile(() => !!buttonViewController.getView() && !!gmailTooltipView.getElement()).map(() => buttonViewController.getView().getElement().getBoundingClientRect()).filter(rect => rect.left !== left || rect.top !== top).map(rect => {
-    left = rect.left;
-    top = rect.top;
-    return rect;
-  }).onValue(gmailTooltipView.anchor.bind(gmailTooltipView, buttonViewController.getView().getElement(), {
-    position: 'top'
-  }));
-  stoppedIntervalStream.filter(() => !buttonViewController.getView() || !buttonViewController.getView().getElement().offsetParent).onValue(gmailTooltipView.destroy.bind(gmailTooltipView));
+
+  stoppedIntervalStream
+    .takeWhile(
+      () => !!buttonViewController.getView() && !!gmailTooltipView.getElement()
+    )
+    .map(() =>
+      buttonViewController.getView().getElement().getBoundingClientRect()
+    )
+    .filter((rect) => rect.left !== left || rect.top !== top)
+    .map((rect) => {
+      left = rect.left;
+      top = rect.top;
+      return rect;
+    })
+    .onValue(
+      gmailTooltipView.anchor.bind(
+        gmailTooltipView,
+        buttonViewController.getView().getElement(),
+        { position: 'top' }
+      )
+    );
+
+  stoppedIntervalStream
+    .filter(
+      () =>
+        !buttonViewController.getView() ||
+        !buttonViewController.getView().getElement().offsetParent
+    )
+    .onValue(gmailTooltipView.destroy.bind(gmailTooltipView));
+
   return gmailTooltipView;
 }
-function _anchorTooltip(gmailTooltipView, gmailComposeView, buttonViewController, buttonDescriptor) {
+
+function _anchorTooltip(
+  gmailTooltipView,
+  gmailComposeView,
+  buttonViewController,
+  buttonDescriptor
+) {
   try {
     gmailComposeView.ensureGroupingIsOpen(buttonDescriptor.type);
     setTimeout(function () {
       gmailTooltipView.anchor(buttonViewController.getView().getElement(), {
-        position: 'top'
+        position: 'top',
       });
     }, 10);
   } catch (err) {
-    _logger.default.error(err);
+    Logger.error(err);
   }
-}
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/detectClassicRecipientsArea.d.ts

@@ -1,3 +1,2 @@
 declare const _default: () => void;
 export default _default;
-//# sourceMappingURL=detectClassicRecipientsArea.d.ts.map

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/ensure-app-button-toolbars-are-closed.js

@@ -1,17 +1,22 @@
-"use strict";
+/* @flow */
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ensureAppButtonToolbarsAreClosed;
-var _simulateMouseEvent = require("../../../../lib/dom/simulate-mouse-event");
-function ensureAppButtonToolbarsAreClosed(gmailComposeViewElement) {
-  var groupedButton = gmailComposeViewElement.querySelector('.inboxsdk__compose_groupedActionButton');
+import { simulateClick } from '../../../../lib/dom/simulate-mouse-event';
+
+export default function ensureAppButtonToolbarsAreClosed(
+  gmailComposeViewElement: HTMLElement
+) {
+  var groupedButton = gmailComposeViewElement.querySelector(
+    '.inboxsdk__compose_groupedActionButton'
+  );
   if (!groupedButton) {
     return; //no group button so we're good
   }
 
-  if (gmailComposeViewElement.classList.contains('inboxsdk__compose_groupedActionToolbar_visible')) {
-    (0, _simulateMouseEvent.simulateClick)(groupedButton);
+  if (
+    gmailComposeViewElement.classList.contains(
+      'inboxsdk__compose_groupedActionToolbar_visible'
+    )
+  ) {
+    simulateClick(groupedButton);
   }
-}
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/ensure-grouping-is-open.js

@@ -1,23 +1,29 @@
-"use strict";
+/* @flow */
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ensureGroupingIsOpen;
-var _simulateMouseEvent = require("../../../../lib/dom/simulate-mouse-event");
-function ensureGroupingIsOpen(gmailComposeViewElement, type) {
+import { simulateClick } from '../../../../lib/dom/simulate-mouse-event';
+
+export default function ensureGroupingIsOpen(
+  gmailComposeViewElement: HTMLElement,
+  type: string
+) {
   if (type === 'SEND_ACTION') {
     return; //we don't currently group send_actions
   }
 
-  var groupedButton = gmailComposeViewElement.querySelector('.inboxsdk__compose_groupedActionButton');
+  var groupedButton = gmailComposeViewElement.querySelector(
+    '.inboxsdk__compose_groupedActionButton'
+  );
   if (!groupedButton) {
     return; //no group button so we're good
   }
 
-  if (gmailComposeViewElement.classList.contains('inboxsdk__compose_groupedActionToolbar_visible')) {
+  if (
+    gmailComposeViewElement.classList.contains(
+      'inboxsdk__compose_groupedActionToolbar_visible'
+    )
+  ) {
     return; //we are already visible
   }
 
-  (0, _simulateMouseEvent.simulateClick)(groupedButton);
-}
+  simulateClick(groupedButton);
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/focus.js

@@ -1,16 +1,19 @@
-"use strict";
+/* @flow */
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-function _default(gmailComposeView) {
+import type GmailComposeView from '../gmail-compose-view';
+
+export default function (gmailComposeView: GmailComposeView) {
   gmailComposeView.getBodyElement().focus();
+
   const lastSelectionRange = gmailComposeView.getLastSelectionRange();
   const selection = document.getSelection();
   if (!selection) throw new Error();
-  if (lastSelectionRange && selection.anchorNode === selection.focusNode && selection.anchorOffset === selection.focusOffset) {
+  if (
+    lastSelectionRange &&
+    selection.anchorNode === selection.focusNode &&
+    selection.anchorOffset === selection.focusOffset
+  ) {
     selection.removeAllRanges();
     selection.addRange(lastSelectionRange);
   }
-}
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/from-manager.js

@@ -1,62 +1,82 @@
-"use strict";
+/* @flow */
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getFromContact = getFromContact;
-exports.getFromContactChoices = getFromContactChoices;
-exports.setFromEmail = setFromEmail;
-var _find = _interopRequireDefault(require("lodash/find"));
-var _simulateMouseEvent = require("../../../../lib/dom/simulate-mouse-event");
-function getFromContact(driver, gmailComposeView) {
-  const nameInput = gmailComposeView.getElement().querySelector('input[name="from"]');
+import find from 'lodash/find';
+import { simulateClick } from '../../../../lib/dom/simulate-mouse-event';
+import type GmailDriver from '../../gmail-driver';
+import type GmailComposeView from '../../views/gmail-compose-view';
+
+export function getFromContact(
+  driver: GmailDriver,
+  gmailComposeView: GmailComposeView
+): Contact {
+  const nameInput: ?HTMLInputElement = (gmailComposeView
+    .getElement()
+    .querySelector('input[name="from"]'): any);
   const emailAddress = nameInput ? nameInput.value : null;
   if (!emailAddress) {
     return driver.getUserContact();
   }
   const fromContactChoices = getFromContactChoices(driver, gmailComposeView);
-  const matchingContact = (0, _find.default)(fromContactChoices, contact => contact.emailAddress === emailAddress);
+  const matchingContact: ?Contact = find(
+    fromContactChoices,
+    (contact) => contact.emailAddress === emailAddress
+  );
   let name;
   if (!matchingContact) {
     name = emailAddress;
     driver.getLogger().error(new Error('getFromContact failed to find name'), {
-      fromContactChoicesLength: fromContactChoices.length
+      fromContactChoicesLength: fromContactChoices.length,
     });
   } else {
     name = matchingContact.name;
   }
-  return {
-    emailAddress,
-    name
-  };
+  return { emailAddress, name };
 }
-function getFromContactChoices(driver, gmailComposeView) {
-  const choiceEls = gmailComposeView.getElement().querySelectorAll('div.J-M.jQjAxd.J-M-awS[role=menu] > div.SK.AX > div[value][role=menuitem]');
+
+export function getFromContactChoices(
+  driver: GmailDriver,
+  gmailComposeView: GmailComposeView
+): Contact[] {
+  const choiceEls = gmailComposeView
+    .getElement()
+    .querySelectorAll(
+      'div.J-M.jQjAxd.J-M-awS[role=menu] > div.SK.AX > div[value][role=menuitem]'
+    );
   if (choiceEls.length == 0) {
     // From field isn't present
     return [driver.getUserContact()];
   }
-  return Array.from(choiceEls).map(item => ({
+  return Array.from(choiceEls).map((item) => ({
     emailAddress: item.getAttribute('value') || '',
-    name: item.textContent.replace(/<.*/, '').trim()
+    name: item.textContent.replace(/<.*/, '').trim(),
   }));
 }
-function setFromEmail(driver, gmailComposeView, email) {
+
+export function setFromEmail(
+  driver: GmailDriver,
+  gmailComposeView: GmailComposeView,
+  email: string
+) {
   let currentFromAddress = gmailComposeView.getFromContact().emailAddress;
   if (currentFromAddress === email) {
     return;
   }
-  const choiceParent = gmailComposeView.getElement().querySelector('div.J-M.jQjAxd.J-M-awS[role=menu] > div.SK.AX');
+
+  const choiceParent = gmailComposeView
+    .getElement()
+    .querySelector('div.J-M.jQjAxd.J-M-awS[role=menu] > div.SK.AX');
   if (!choiceParent) {
     if (driver.getUserContact().emailAddress != email) {
       throw new Error('Chosen email from choice was not found');
     }
     return;
   }
-  const chosenChoice = (0, _find.default)(choiceParent.children, item => item.getAttribute('value') == email);
+  const chosenChoice = find(
+    choiceParent.children,
+    (item) => item.getAttribute('value') == email
+  );
   if (!chosenChoice) {
     throw new Error('Chosen email from choice was not found');
   }
-  (0, _simulateMouseEvent.simulateClick)(chosenChoice);
-}
+  simulateClick(chosenChoice);
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-additional-action-toolbar.js

@@ -1,22 +1,30 @@
-"use strict";
+/* @flow */
+
+import type GmailComposeView from '../gmail-compose-view';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = getAdditionalActionToolbar;
 const composeViewActionToolbars = new WeakMap();
-function getAdditionalActionToolbar(gmailComposeView) {
-  var groupedActionToolbar = gmailComposeView.getElement().querySelector('.inboxsdk__compose_groupedActionToolbar > div');
+
+export default function getAdditionalActionToolbar(
+  gmailComposeView: GmailComposeView
+) {
+  var groupedActionToolbar = gmailComposeView
+    .getElement()
+    .querySelector('.inboxsdk__compose_groupedActionToolbar > div');
   if (groupedActionToolbar) {
     return groupedActionToolbar;
   }
-  let actionToolbar = gmailComposeView.getElement().querySelector('.inboxsdk__compose_actionToolbar > div');
+
+  let actionToolbar = gmailComposeView
+    .getElement()
+    .querySelector('.inboxsdk__compose_actionToolbar > div');
   if (actionToolbar) {
     return actionToolbar;
   }
+
   actionToolbar = composeViewActionToolbars.get(gmailComposeView);
   if (!actionToolbar) {
-    const _actionToolbar = actionToolbar = _addActionToolbar(gmailComposeView);
+    const _actionToolbar = (actionToolbar =
+      _addActionToolbar(gmailComposeView));
     gmailComposeView.getStopper().onValue(() => {
       _actionToolbar.remove();
     });
@@ -24,17 +32,20 @@ function getAdditionalActionToolbar(gmailComposeView) {
   }
   return actionToolbar;
 }
-function _addActionToolbar(gmailComposeView) {
+
+function _addActionToolbar(gmailComposeView: GmailComposeView) {
   const td = document.createElement('td');
   td.setAttribute('class', 'inboxsdk__compose_actionToolbar gU');
   const formattingArea = gmailComposeView.getFormattingArea();
   if (!formattingArea) throw new Error('formatting area missing');
   formattingArea.insertAdjacentElement('beforebegin', td);
+
   let parent = td.parentElement;
   while (parent) {
     if (parent.tagName === 'TABLE') break;
     parent = parent.parentElement;
   }
+
   if (parent) {
     const col = parent.querySelector('colgroup col');
     if (col) {
@@ -48,7 +59,9 @@ function _addActionToolbar(gmailComposeView) {
       col.insertAdjacentElement('afterend', newCol1);
     }
   }
+
   var toolbarDiv = document.createElement('div');
   td.appendChild(toolbarDiv);
+
   return toolbarDiv;
-}
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-address-changes-stream.js

@@ -1,99 +1,151 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = getAddressChangesStream;
-var _kefir = _interopRequireDefault(require("kefir"));
-var _transducers = _interopRequireDefault(require("transducers.js"));
-var _logger = _interopRequireDefault(require("../../../../lib/logger"));
-var _makeMutationObserverStream = _interopRequireDefault(require("../../../../lib/dom/make-mutation-observer-stream"));
-var _getAddressInformationExtractor = _interopRequireDefault(require("./get-address-information-extractor"));
-var _pageParser = require("./page-parser");
-var _makeElementChildStream = _interopRequireDefault(require("../../../../lib/dom/make-element-child-stream"));
-var _toItemWithLifetimeStream = _interopRequireDefault(require("../../../../lib/toItemWithLifetimeStream"));
-function getAddressChangesStream(gmailComposeView) {
-  const recipientRowElements = (0, _pageParser.getRecipientRowElements)(gmailComposeView.getElement());
+/* @flow */
+
+import Kefir from 'kefir';
+import t from 'transducers.js';
+
+import Logger from '../../../../lib/logger';
+import makeMutationObserverStream from '../../../../lib/dom/make-mutation-observer-stream';
+import getAddressInformationExtractor from './get-address-information-extractor';
+import { getRecipientRowElements } from './page-parser';
+
+import type GmailComposeView from '../gmail-compose-view';
+import makeElementChildStream from '../../../../lib/dom/make-element-child-stream';
+import toItemWithLifetimeStream from '../../../../lib/toItemWithLifetimeStream';
+
+export default function getAddressChangesStream(
+  gmailComposeView: GmailComposeView
+): Kefir.Observable<Object> {
+  const recipientRowElements = getRecipientRowElements(
+    gmailComposeView.getElement()
+  );
+
   if (!recipientRowElements || recipientRowElements.length === 0) {
-    return _kefir.default.never();
+    return Kefir.never();
   }
-  const mergedStream = _kefir.default.merge([_makeSubAddressStream('to', gmailComposeView), _makeSubAddressStream('cc', gmailComposeView), _makeSubAddressStream('bcc', gmailComposeView)]);
+
+  const mergedStream = Kefir.merge([
+    _makeSubAddressStream('to', gmailComposeView),
+    _makeSubAddressStream('cc', gmailComposeView),
+    _makeSubAddressStream('bcc', gmailComposeView),
+  ]);
+
   const umbrellaStream = mergedStream.map(_groupChangeEvents);
-  return _kefir.default.merge([mergedStream, umbrellaStream, getFromAddressChangeStream(gmailComposeView)]);
+
+  return Kefir.merge([
+    mergedStream,
+    umbrellaStream,
+    getFromAddressChangeStream(gmailComposeView),
+  ]);
 }
-function readContactFromElement(contactNode, addressType, gmailComposeView) {
+
+function readContactFromElement(
+  contactNode: HTMLElement,
+  addressType: ReceiverType,
+  gmailComposeView: GmailComposeView
+): Contact | null {
   if (contactNode.getAttribute('role') === 'option') {
     // Handling updated compose recipients
     // https://workspaceupdates.googleblog.com/2021/10/visual-updates-for-composing-email-in-gmail.html
     return {
       name: contactNode.getAttribute('data-name'),
-      emailAddress: contactNode.getAttribute('data-hovercard-id')
+      emailAddress: (contactNode.getAttribute('data-hovercard-id'): any),
     };
   } else {
-    return (0, _getAddressInformationExtractor.default)(addressType, gmailComposeView)(contactNode);
+    return getAddressInformationExtractor(
+      addressType,
+      gmailComposeView
+    )(contactNode);
   }
 }
-function _makeSubAddressStream(addressType, gmailComposeView) {
-  const contactNodes = gmailComposeView.tagTree.getAllByTag(`${addressType}Recipient`);
-  return (0, _toItemWithLifetimeStream.default)(contactNodes).flatMap(_ref => {
-    let {
-      el,
-      removalStream
-    } = _ref;
-    const contact = readContactFromElement(el.getValue(), addressType, gmailComposeView);
-    if (!contact) {
-      return _kefir.default.never();
-    }
-    return _kefir.default.constant({
-      eventName: `${addressType}ContactAdded`,
-      data: {
-        contact
-      }
-    }).merge(removalStream.map(() => ({
-      eventName: `${addressType}ContactRemoved`,
-      data: {
-        contact
+
+function _makeSubAddressStream(
+  addressType: ReceiverType,
+  gmailComposeView: GmailComposeView
+): Kefir.Observable<{ eventName: string, data: { contact: Contact } }> {
+  const contactNodes = gmailComposeView.tagTree.getAllByTag(
+    `${addressType}Recipient`
+  );
+
+  return toItemWithLifetimeStream(contactNodes).flatMap(
+    ({ el, removalStream }) => {
+      const contact = readContactFromElement(
+        el.getValue(),
+        addressType,
+        gmailComposeView
+      );
+      if (!contact) {
+        return Kefir.never();
       }
-    })));
-  });
+      return Kefir.constant({
+        eventName: `${addressType}ContactAdded`,
+        data: {
+          contact,
+        },
+      }).merge(
+        removalStream.map(() => ({
+          eventName: `${addressType}ContactRemoved`,
+          data: {
+            contact,
+          },
+        }))
+      );
+    }
+  );
 }
+
 function _groupChangeEvents(event) {
   const grouping = {
     to: {
       added: [],
-      removed: []
+      removed: [],
     },
     cc: {
       added: [],
-      removed: []
+      removed: [],
     },
     bcc: {
       added: [],
-      removed: []
-    }
+      removed: [],
+    },
   };
+
   const parts = event.eventName.split('Contact'); //splits "toContactAdded" => ["to", "Added"]
   grouping[parts[0]][parts[1].toLowerCase()].push(event.data.contact);
+
   return {
     eventName: 'recipientsChanged',
-    data: grouping
+    data: grouping,
   };
 }
+
 function getFromAddressChangeStream(gmailComposeView) {
-  return _kefir.default.later(0, null).flatMap(() => {
-    const fromInput = gmailComposeView.getElement().querySelector('input[name="from"]');
-    return _kefir.default.constant(_convertToEvent('fromContactChanged', gmailComposeView.getFromContact())).merge(!fromInput ? _kefir.default.never() : (0, _makeMutationObserverStream.default)(fromInput, {
-      attributes: true,
-      attributeFilter: ['value']
-    }).map(() => _convertToEvent('fromContactChanged', gmailComposeView.getFromContact())));
+  return Kefir.later(0, null).flatMap(() => {
+    const fromInput = gmailComposeView
+      .getElement()
+      .querySelector('input[name="from"]');
+    return Kefir.constant(
+      _convertToEvent('fromContactChanged', gmailComposeView.getFromContact())
+    ).merge(
+      !fromInput
+        ? Kefir.never()
+        : makeMutationObserverStream(fromInput, {
+            attributes: true,
+            attributeFilter: ['value'],
+          }).map(() =>
+            _convertToEvent(
+              'fromContactChanged',
+              gmailComposeView.getFromContact()
+            )
+          )
+    );
   });
 }
+
 function _convertToEvent(eventName, addressInfo) {
   return {
     eventName,
     data: {
-      contact: addressInfo
-    }
+      contact: addressInfo,
+    },
   };
-}
+}