@inboxsdk/core 0.2.28-alpha.4 → 0.2.28-alpha.5

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

@@ -1,71 +1,44 @@
-/* @flow */
-
-import sortBy from 'lodash/sortBy';
-import once from 'lodash/once';
-import autoHtml from 'auto-html';
-import asap from 'asap';
-import { defn } from 'ud';
-import Kefir from 'kefir';
-import kefirBus from 'kefir-bus';
-import type { Bus } from 'kefir-bus';
-import kefirStopper from 'kefir-stopper';
-import kefirCast from 'kefir-cast';
-
-import GmailAttachmentAreaView from './gmail-attachment-area-view';
-import GmailAttachmentCardView from './gmail-attachment-card-view';
-
-import getUpdatedContact from './gmail-message-view/get-updated-contact';
-import AttachmentIcon from './gmail-message-view/attachment-icon';
-
-import delayAsap from '../../../lib/delay-asap';
-import waitFor from '../../../lib/wait-for';
-import makeMutationObserverStream from '../../../lib/dom/make-mutation-observer-stream';
-import querySelector from '../../../lib/dom/querySelectorOrFail';
-import makeMutationObserverChunkedStream from '../../../lib/dom/make-mutation-observer-chunked-stream';
-import type { ElementWithLifetime } from '../../../lib/dom/make-element-child-stream';
-import { simulateClick } from '../../../lib/dom/simulate-mouse-event';
-
-import censorHTMLtree from '../../../../common/censorHTMLtree';
-import findParent from '../../../../common/find-parent';
-import reemitClickEvent from '../../../lib/dom/reemitClickEventForReact';
-
-import type GmailDriver from '../gmail-driver';
-import type GmailThreadView from './gmail-thread-view';
-import type GmailToolbarView from './gmail-toolbar-view';
-
-import type {
-  MessageViewDriver,
-  VIEW_STATE,
-} from '../../../driver-interfaces/message-view-driver';
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _sortBy = _interopRequireDefault(require("lodash/sortBy"));
+var _once = _interopRequireDefault(require("lodash/once"));
+var _autoHtml = _interopRequireDefault(require("auto-html"));
+var _asap = _interopRequireDefault(require("asap"));
+var _ud = require("ud");
+var _kefir = _interopRequireDefault(require("kefir"));
+var _kefirBus = _interopRequireDefault(require("kefir-bus"));
+var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
+var _kefirCast = _interopRequireDefault(require("kefir-cast"));
+var _gmailAttachmentAreaView = _interopRequireDefault(require("./gmail-attachment-area-view"));
+var _gmailAttachmentCardView = _interopRequireDefault(require("./gmail-attachment-card-view"));
+var _getUpdatedContact = _interopRequireDefault(require("./gmail-message-view/get-updated-contact"));
+var _attachmentIcon = _interopRequireDefault(require("./gmail-message-view/attachment-icon"));
+var _delayAsap = _interopRequireDefault(require("../../../lib/delay-asap"));
+var _waitFor = _interopRequireDefault(require("../../../lib/wait-for"));
+var _makeMutationObserverStream = _interopRequireDefault(require("../../../lib/dom/make-mutation-observer-stream"));
+var _querySelectorOrFail = _interopRequireDefault(require("../../../lib/dom/querySelectorOrFail"));
+var _makeMutationObserverChunkedStream = _interopRequireDefault(require("../../../lib/dom/make-mutation-observer-chunked-stream"));
+var _simulateMouseEvent = require("../../../lib/dom/simulate-mouse-event");
+var _censorHTMLtree = _interopRequireDefault(require("../../../../common/censorHTMLtree"));
+var _findParent = _interopRequireDefault(require("../../../../common/find-parent"));
+var _reemitClickEventForReact = _interopRequireDefault(require("../../../lib/dom/reemitClickEventForReact"));
 let hasSeenOldElement = false;
-
 class GmailMessageView {
-  _element: HTMLElement;
-  _driver: GmailDriver;
-  _eventStream: Bus<any> = kefirBus();
-  _stopper = kefirStopper();
-  _threadViewDriver: GmailThreadView;
-  _moreMenuItemDescriptors: Array<Object>;
-  _moreMenuAddedElements: Array<HTMLElement>;
-  _replyElementStream: Kefir.Observable<ElementWithLifetime>;
-  _readyStream: Kefir.Observable<null>;
-  _replyElement: ?HTMLElement;
-  _gmailAttachmentAreaView: ?GmailAttachmentAreaView;
-  _messageLoaded: boolean = false;
-  _openMoreMenu: ?HTMLElement;
-  _sender: ?Contact = null;
-  _recipients: ?(Contact[]) = null;
-  _recipientEmailAddresses: ?(string[]) = null;
-  _recipientsFull: ?(Contact[]) = null;
-
-  constructor(
-    element: HTMLElement,
-    gmailThreadView: GmailThreadView,
-    driver: GmailDriver
-  ) {
+  constructor(element, gmailThreadView, driver) {
+    (0, _defineProperty2.default)(this, "_eventStream", (0, _kefirBus.default)());
+    (0, _defineProperty2.default)(this, "_stopper", (0, _kefirStopper.default)());
+    (0, _defineProperty2.default)(this, "_messageLoaded", false);
+    (0, _defineProperty2.default)(this, "_sender", null);
+    (0, _defineProperty2.default)(this, "_recipients", null);
+    (0, _defineProperty2.default)(this, "_recipientEmailAddresses", null);
+    (0, _defineProperty2.default)(this, "_recipientsFull", null);
     this._element = element;
-
     this._threadViewDriver = gmailThreadView;
     this._driver = driver;
     this._moreMenuItemDescriptors = [];
@@ -73,16 +46,12 @@ class GmailMessageView {
     this._replyElement = null;
 
     // Outputs the same type of stream as makeElementChildStream does.
-    this._replyElementStream = this._eventStream
-      .filter(function (event) {
-        return event.eventName === 'replyElement';
-      })
-      .map((event) => event.change);
-
+    this._replyElementStream = this._eventStream.filter(function (event) {
+      return event.eventName === 'replyElement';
+    }).map(event => event.change);
     this._setupMessageStateStream();
     this._monitorEmailAddressHovering();
     this._setupMoreMenuWatching();
-
     let partialReadyStream;
     if (driver.isUsingSyncAPI()) {
       // handle the case that the data-message-id is available, but the data-legacy-message-id is not
@@ -93,335 +62,231 @@ class GmailMessageView {
       const messageIdElement = this._element.querySelector('[data-message-id]');
       if (messageIdElement) {
         const syncMessageId = messageIdElement.getAttribute('data-message-id');
-        if (!syncMessageId)
-          throw new Error('data-message-id attribute has no value');
+        if (!syncMessageId) throw new Error('data-message-id attribute has no value');
 
         // Only respect data-legacy-message-id if data-message-id is not the id
         // of a draft we've seen recently, in order to work around a Gmail bug.
         // https://github.com/StreakYC/GmailSDK/issues/515#issuecomment-457420619
-        if (
-          messageIdElement.hasAttribute('data-legacy-message-id') &&
-          !this._driver.isRecentSyncDraftId(syncMessageId.replace('#', ''))
-        ) {
-          partialReadyStream = Kefir.constant(null);
+        if (messageIdElement.hasAttribute('data-legacy-message-id') && !this._driver.isRecentSyncDraftId(syncMessageId.replace('#', ''))) {
+          partialReadyStream = _kefir.default.constant(null);
         } else {
           // we have a data message id, but not the legacy message id. So now we have to poll for the gmail message id
-          partialReadyStream = Kefir.fromPromise(
-            (async () => {
-              for (let ii = 0; ii < 10; ii++) {
-                try {
-                  const gmailMessageId =
-                    await this._driver.getGmailMessageIdForSyncMessageId(
-                      syncMessageId.replace('#', '')
-                    );
-                  // set the legacy message id attribute so subsequent calls to getMessageId find the legacy message id in the dom
-                  messageIdElement.setAttribute(
-                    'data-legacy-message-id',
-                    gmailMessageId
-                  );
-                  return null;
-                } catch (e) {
-                  await new Promise((resolve) => setTimeout(resolve, ii * 200));
-                }
+          partialReadyStream = _kefir.default.fromPromise((async () => {
+            for (let ii = 0; ii < 10; ii++) {
+              try {
+                const gmailMessageId = await this._driver.getGmailMessageIdForSyncMessageId(syncMessageId.replace('#', ''));
+                // set the legacy message id attribute so subsequent calls to getMessageId find the legacy message id in the dom
+                messageIdElement.setAttribute('data-legacy-message-id', gmailMessageId);
+                return null;
+              } catch (e) {
+                await new Promise(resolve => setTimeout(resolve, ii * 200));
               }
-
-              throw new Error('gmail message id never became available');
-            })()
-          );
+            }
+            throw new Error('gmail message id never became available');
+          })());
         }
       } else {
-        partialReadyStream = Kefir.constant(null);
+        partialReadyStream = _kefir.default.constant(null);
       }
     } else {
-      partialReadyStream = Kefir.constant(null);
+      partialReadyStream = _kefir.default.constant(null);
     }
-
-    this._readyStream = partialReadyStream
-      .takeUntilBy(this._stopper)
-      .onValue(() => this._processInitialState());
+    this._readyStream = partialReadyStream.takeUntilBy(this._stopper).onValue(() => this._processInitialState());
   }
-
   destroy() {
     this._stopper.destroy();
     this._eventStream.end();
     if (this._gmailAttachmentAreaView) this._gmailAttachmentAreaView.destroy();
-
-    this._moreMenuAddedElements.forEach((el) => {
+    this._moreMenuAddedElements.forEach(el => {
       el.remove();
     });
   }
-
-  getEventStream(): Kefir.Observable<Object> {
+  getEventStream() {
     return this._eventStream;
   }
-
-  getReplyElementStream(): Kefir.Observable<ElementWithLifetime> {
+  getReplyElementStream() {
     return this._replyElementStream;
   }
-
-  getElement(): HTMLElement {
+  getElement() {
     return this._element;
   }
-
-  getThreadViewDriver(): GmailThreadView {
+  getThreadViewDriver() {
     return this._threadViewDriver;
   }
-
-  isLoaded(): boolean {
+  isLoaded() {
     return this._messageLoaded;
   }
-
-  getContentsElement(): HTMLElement {
+  getContentsElement() {
     if (!this._messageLoaded) {
       throw new Error('tried to get message contents before message is loaded');
     }
-
     try {
-      return querySelector(this._element, 'div.ii.gt');
+      return (0, _querySelectorOrFail.default)(this._element, 'div.ii.gt');
     } catch (err) {
       // Keep old fallback selector until we're confident of the new one.
       this._driver.getLogger().error(err);
-      return querySelector(this._element, '.adP');
+      return (0, _querySelectorOrFail.default)(this._element, '.adP');
     }
   }
-
-  isElementInQuotedArea(element: HTMLElement): boolean {
-    return findParent(element, (el) => el.nodeName === 'BLOCKQUOTE') != null;
+  isElementInQuotedArea(element) {
+    return (0, _findParent.default)(element, el => el.nodeName === 'BLOCKQUOTE') != null;
   }
-
-  getSender(): Contact {
+  getSender() {
     let sender = this._sender;
     if (sender) return sender;
-
-    const senderSpan = querySelector(this._element, 'td.gF span[email]');
-
+    const senderSpan = (0, _querySelectorOrFail.default)(this._element, 'td.gF span[email]');
     const emailAddress = senderSpan.getAttribute('email');
     if (!emailAddress) throw new Error('Could not find email address');
-
     sender = this._sender = {
       name: senderSpan.getAttribute('name'),
-      emailAddress,
+      emailAddress
     };
-
     return sender;
   }
-
-  getRecipients(): Array<Contact> {
+  getRecipients() {
     let recipients = this._recipients;
     if (recipients) return recipients;
-    const receipientSpans = Array.from(
-      this._element.querySelectorAll('.hb span[email]')
-    );
-    recipients = this._recipients = receipientSpans.map((span) => {
+    const receipientSpans = Array.from(this._element.querySelectorAll('.hb span[email]'));
+    recipients = this._recipients = receipientSpans.map(span => {
       return this._getUpdatedContact({
         name: span.getAttribute('name'),
-        emailAddress: span.getAttribute('email') || '',
+        emailAddress: span.getAttribute('email') || ''
       });
     });
-
     return recipients;
   }
-
-  getRecipientEmailAddresses(): Array<string> {
+  getRecipientEmailAddresses() {
     let recipients = this._recipientEmailAddresses;
     if (recipients) return recipients;
-    const receipientSpans = Array.from(
-      this._element.querySelectorAll('.hb span[email]')
-    );
-    recipients = this._recipientEmailAddresses = receipientSpans.map(
-      (span) => span.getAttribute('email') || ''
-    );
+    const receipientSpans = Array.from(this._element.querySelectorAll('.hb span[email]'));
+    recipients = this._recipientEmailAddresses = receipientSpans.map(span => span.getAttribute('email') || '');
     return recipients;
   }
-
-  async getRecipientsFull(): Promise<Array<Contact>> {
+  async getRecipientsFull() {
     let recipients = this._recipientsFull;
     if (recipients) return recipients;
-
     if (this._driver.isUsingSyncAPI()) {
       const threadID = this._threadViewDriver.getInternalID();
-      recipients = this._recipientsFull = await this._driver
-        .getPageCommunicator()
-        .getMessageRecipients(threadID, this._element);
+      recipients = this._recipientsFull = await this._driver.getPageCommunicator().getMessageRecipients(threadID, this._element);
       if (!recipients) {
-        this._driver
-          .getLogger()
-          .error(new Error('Failed to find message recipients from response'), {
-            threadID,
-          });
+        this._driver.getLogger().error(new Error('Failed to find message recipients from response'), {
+          threadID
+        });
         recipients = this._recipientsFull = this.getRecipients();
       }
     } else {
-      const receipientSpans = Array.from(
-        this._element.querySelectorAll('.hb span[email]')
-      );
-      recipients = this._recipientsFull = receipientSpans.map((span) => {
+      const receipientSpans = Array.from(this._element.querySelectorAll('.hb span[email]'));
+      recipients = this._recipientsFull = receipientSpans.map(span => {
         return this._getUpdatedContact({
           name: span.getAttribute('name'),
-          emailAddress: span.getAttribute('email') || '',
+          emailAddress: span.getAttribute('email') || ''
         });
       });
     }
-
     return recipients;
   }
-
-  getDateString(): string {
-    return querySelector(this._element, '.ads .gK .g3').title;
+  getDateString() {
+    return (0, _querySelectorOrFail.default)(this._element, '.ads .gK .g3').title;
   }
-
-  async getDate(): Promise<?number> {
+  async getDate() {
     const threadID = this._threadViewDriver.getInternalID();
-    return await this._driver
-      .getPageCommunicator()
-      .getMessageDate(threadID, this._element);
+    return await this._driver.getPageCommunicator().getMessageDate(threadID, this._element);
   }
-
   getAttachmentCardViewDrivers() {
     if (!this._gmailAttachmentAreaView) {
       return [];
     }
-
     return this._gmailAttachmentAreaView.getAttachmentCardViews();
   }
-
-  addButtonToDownloadAllArea(options: Object) {
+  addButtonToDownloadAllArea(options) {
     var gmailAttachmentAreaView = this._getAttachmentArea();
-
     if (!gmailAttachmentAreaView) {
       return;
     }
-
     gmailAttachmentAreaView.addButtonToDownloadAllArea(options);
   }
-
-  addMoreMenuItem(options: Object) {
-    this._moreMenuItemDescriptors = sortBy(
-      this._moreMenuItemDescriptors.concat([options]),
-      (o) => o.orderHint
-    );
+  addMoreMenuItem(options) {
+    this._moreMenuItemDescriptors = (0, _sortBy.default)(this._moreMenuItemDescriptors.concat([options]), o => o.orderHint);
     this._updateMoreMenu();
   }
-
   _setupMoreMenuWatching() {
     // At the start, and whenever the view state changes, watch the
     // 'aria-expanded' property of the more button, and when that changes,
     // update the _openMoreMenu property.
     this._openMoreMenu = null;
-    this._eventStream
-      .filter((e) => e.eventName === 'viewStateChange')
-      .toProperty(() => null)
-      .flatMapLatest(() => {
-        const moreButton = this._getMoreButton();
-        if (!moreButton) {
-          return Kefir.constant(null);
-        }
-        return makeMutationObserverChunkedStream(moreButton, {
-          attributes: true,
-          attributeFilter: ['aria-expanded'],
-        }).map(() =>
-          moreButton.getAttribute('aria-expanded') === 'true'
-            ? this._getOpenMoreMenu()
-            : null
-        );
-      })
-      .takeUntilBy(this._stopper)
-      .onValue((openMoreMenu) => {
-        this._openMoreMenu = openMoreMenu;
-        this._updateMoreMenu();
-      });
+    this._eventStream.filter(e => e.eventName === 'viewStateChange').toProperty(() => null).flatMapLatest(() => {
+      const moreButton = this._getMoreButton();
+      if (!moreButton) {
+        return _kefir.default.constant(null);
+      }
+      return (0, _makeMutationObserverChunkedStream.default)(moreButton, {
+        attributes: true,
+        attributeFilter: ['aria-expanded']
+      }).map(() => moreButton.getAttribute('aria-expanded') === 'true' ? this._getOpenMoreMenu() : null);
+    }).takeUntilBy(this._stopper).onValue(openMoreMenu => {
+      this._openMoreMenu = openMoreMenu;
+      this._updateMoreMenu();
+    });
   }
-
-  _getMoreButton(): ?HTMLElement {
+  _getMoreButton() {
     if (this.getViewState() !== 'EXPANDED') {
       return null;
     }
-    return this._element.querySelector(
-      'tr.acZ div.T-I.J-J5-Ji.aap.L3[role=button][aria-haspopup]'
-    );
+    return this._element.querySelector('tr.acZ div.T-I.J-J5-Ji.aap.L3[role=button][aria-haspopup]');
   }
-
-  _getOpenMoreMenu(): ?HTMLElement {
-    const selector_2022_11_23 =
-      'td > div.nH.a98.iY > div.nH.aHU .b7.J-M[aria-haspopup=true]';
-
-    const maybeMoreMenu = ((document.body: any): HTMLElement).querySelector(
-      selector_2022_11_23
-    );
+  _getOpenMoreMenu() {
+    const selector_2022_11_23 = 'td > div.nH.a98.iY > div.nH.aHU .b7.J-M[aria-haspopup=true]';
+    const maybeMoreMenu = document.body.querySelector(selector_2022_11_23);
 
     // This will find any message's open more menu! The caller needs to make
     // sure it belongs to this message!
-    return (
-      maybeMoreMenu ||
-      ((document.body: any): HTMLElement).querySelector(
-        'td > div.nH.if > div.nH.aHU div.b7.J-M[aria-haspopup=true]'
-      )
-    );
+    return maybeMoreMenu || document.body.querySelector('td > div.nH.if > div.nH.aHU div.b7.J-M[aria-haspopup=true]');
   }
-
   _closeActiveEmailMenu() {
     const moreButton = this._getMoreButton();
     if (moreButton) {
-      simulateClick(moreButton);
+      (0, _simulateMouseEvent.simulateClick)(moreButton);
     }
   }
-
   _updateMoreMenu() {
-    this._moreMenuAddedElements.forEach((el) => {
+    this._moreMenuAddedElements.forEach(el => {
       el.remove();
     });
     this._moreMenuAddedElements.length = 0;
-
     const openMoreMenu = this._openMoreMenu;
     if (openMoreMenu && this._moreMenuItemDescriptors.length) {
       const originalHeight = openMoreMenu.offsetHeight;
       const originalWidth = openMoreMenu.offsetWidth;
-
       const dividerEl = document.createElement('div');
       dividerEl.className = 'J-Kh';
       this._moreMenuAddedElements.push(dividerEl);
       openMoreMenu.appendChild(dividerEl);
-
-      this._moreMenuItemDescriptors.forEach((options) => {
+      this._moreMenuItemDescriptors.forEach(options => {
         const itemEl = document.createElement('div');
         itemEl.className = 'J-N';
         itemEl.setAttribute('role', 'menuitem');
-        itemEl.innerHTML = autoHtml`<div class="J-N-Jz">${options.title}</div>`;
-
-        itemEl.addEventListener('mouseenter', (event: MouseEvent) =>
-          itemEl.classList.add('J-N-JT')
-        );
-        itemEl.addEventListener('mouseleave', (event: MouseEvent) =>
-          itemEl.classList.remove('J-N-JT')
-        );
-        itemEl.addEventListener('click', (event: MouseEvent) => {
+        itemEl.innerHTML = (0, _autoHtml.default)`<div class="J-N-Jz">${options.title}</div>`;
+        itemEl.addEventListener('mouseenter', event => itemEl.classList.add('J-N-JT'));
+        itemEl.addEventListener('mouseleave', event => itemEl.classList.remove('J-N-JT'));
+        itemEl.addEventListener('click', event => {
           this._closeActiveEmailMenu();
           options.onClick();
         });
-
         if (options.iconUrl || options.iconClass) {
           const iconEl = document.createElement('img');
-          iconEl.className = `f4 J-N-JX inboxsdk__message_more_icon ${
-            options.iconClass || ''
-          }`;
+          iconEl.className = `f4 J-N-JX inboxsdk__message_more_icon ${options.iconClass || ''}`;
           iconEl.src = options.iconUrl || 'images/cleardot.gif';
-
           const insertionPoint = itemEl.firstElementChild;
           if (insertionPoint) insertionPoint.appendChild(iconEl);
         }
-
         this._moreMenuAddedElements.push(itemEl);
         openMoreMenu.appendChild(itemEl);
       });
-
       const menuRect = openMoreMenu.getBoundingClientRect();
-
       const addedWidth = menuRect.width - originalWidth;
       if (addedWidth > 0) {
-        openMoreMenu.style.left =
-          Math.max(0, parseInt(openMoreMenu.style.left) - addedWidth) + 'px';
+        openMoreMenu.style.left = Math.max(0, parseInt(openMoreMenu.style.left) - addedWidth) + 'px';
       }
-
       const moreButton = this._getMoreButton();
       if (moreButton) {
         const moreButtonRect = moreButton.getBoundingClientRect();
@@ -430,37 +295,30 @@ class GmailMessageView {
         // upwards to compensate for the buttons we added.
         if (menuRect.top < moreButtonRect.top) {
           const addedHeight = menuRect.height - originalHeight;
-          openMoreMenu.style.top =
-            Math.max(0, parseInt(openMoreMenu.style.top) - addedHeight) + 'px';
+          openMoreMenu.style.top = Math.max(0, parseInt(openMoreMenu.style.top) - addedHeight) + 'px';
         }
       }
     }
   }
-
-  getMessageID(ignoreLoadStatus: boolean = false): string {
+  getMessageID() {
+    let ignoreLoadStatus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     if (!ignoreLoadStatus && !this._messageLoaded) {
       throw new Error('tried to get message id before message is loaded');
     }
-
-    const messageIdElement = this._element.querySelector(
-      '[data-legacy-message-id]'
-    );
+    const messageIdElement = this._element.querySelector('[data-legacy-message-id]');
     if (messageIdElement) {
       const messageId = messageIdElement.getAttribute('data-legacy-message-id');
-      if (!messageId)
-        throw new Error('message id attribute with no value, wtf?');
+      if (!messageId) throw new Error('message id attribute with no value, wtf?');
       return messageId;
     }
-
     const messageEl = this._element.querySelector('div.ii.gt');
     if (!messageEl) {
       const err = new Error('Could not find message id element');
       this._driver.getLogger().error(err, {
-        elementHtml: censorHTMLtree(this._element),
+        elementHtml: (0, _censorHTMLtree.default)(this._element)
       });
       throw err;
     }
-
     let m = messageEl.className.match(/\bm([0-9a-f]+)\b/);
     if (m) {
       if (!hasSeenOldElement) {
@@ -474,7 +332,7 @@ class GmailMessageView {
         const err = new Error('Could not find message id value');
         this._driver.getLogger().error(err, {
           reason: 'Could not find element',
-          messageHtml: censorHTMLtree(messageEl),
+          messageHtml: (0, _censorHTMLtree.default)(messageEl)
         });
         throw err;
       }
@@ -483,50 +341,38 @@ class GmailMessageView {
         const err = new Error('Could not find message id value');
         this._driver.getLogger().error(err, {
           reason: 'Element was missing message className',
-          messageHtml: censorHTMLtree(messageEl),
+          messageHtml: (0, _censorHTMLtree.default)(messageEl)
         });
         throw err;
       }
       return m[1];
     }
   }
-
-  async getMessageIDAsync(): Promise<string> {
+  async getMessageIDAsync() {
     return this.getMessageID();
   }
-
-  addAttachmentIcon(iconDescriptor: Object) {
-    const attachmentIcon = new AttachmentIcon();
-
+  addAttachmentIcon(iconDescriptor) {
+    const attachmentIcon = new _attachmentIcon.default();
     if (!this._element) {
       console.warn('addDateIcon called on destroyed message'); //eslint-disable-line no-console
       return attachmentIcon;
     }
-
-    this._element.setAttribute(
-      'inboxsdk__message_added_attachment_icon',
-      'true'
-    );
-
-    const getImgElement = once(() => {
+    this._element.setAttribute('inboxsdk__message_added_attachment_icon', 'true');
+    const getImgElement = (0, _once.default)(() => {
       const img = document.createElement('img');
       img.src = 'images/cleardot.gif';
       return img;
     });
-
-    const getCustomIconWrapper = once(() => {
+    const getCustomIconWrapper = (0, _once.default)(() => {
       const div = document.createElement('div');
       return div;
     });
-
-    const getTooltipNodeWrapper = once(() => {
+    const getTooltipNodeWrapper = (0, _once.default)(() => {
       const div = document.createElement('div');
       return div;
     });
-
     let added = false;
     let currentIconUrl = null;
-
     this._stopper.onValue(() => {
       if (added) {
         getCustomIconWrapper().remove();
@@ -535,123 +381,83 @@ class GmailMessageView {
         added = false;
       }
     });
-
-    kefirCast((Kefir: any), iconDescriptor)
-      .combine(
-        this._eventStream
-          .filter((event) => event.eventName === 'viewStateChange')
-          .toProperty(() => null),
-        (opts) => opts
-      )
-      .takeUntilBy(this._stopper)
-      .onValue((opts) => {
-        if (!opts) {
-          if (added) {
-            getCustomIconWrapper().remove();
-            getImgElement().remove();
-            getTooltipNodeWrapper().remove();
-            added = false;
-          }
+    (0, _kefirCast.default)(_kefir.default, iconDescriptor).combine(this._eventStream.filter(event => event.eventName === 'viewStateChange').toProperty(() => null), opts => opts).takeUntilBy(this._stopper).onValue(opts => {
+      if (!opts) {
+        if (added) {
+          getCustomIconWrapper().remove();
+          getImgElement().remove();
+          getTooltipNodeWrapper().remove();
+          added = false;
+        }
+      } else {
+        let attachmentDiv;
+        if (this.getViewState() === 'COLLAPSED') {
+          attachmentDiv = (0, _querySelectorOrFail.default)(this._element, '.adf.ads td.gH span');
         } else {
-          let attachmentDiv;
-
-          if (this.getViewState() === 'COLLAPSED') {
-            attachmentDiv = querySelector(this._element, '.adf.ads td.gH span');
-          } else {
-            attachmentDiv = querySelector(this._element, 'td.gH div.gK span');
-          }
-
-          const img =
-            opts.iconHtml != null ? getCustomIconWrapper() : getImgElement();
-
-          const onClick = opts.onClick;
-          if (onClick) {
-            img.onclick = function (event) {
-              event.preventDefault();
-              event.stopPropagation();
-              onClick();
-            };
-            img.style.cursor = 'pointer';
-          } else {
-            img.onclick = null;
-            img.style.cursor = '';
-          }
-
-          if (
-            opts.tooltip &&
-            typeof opts.tooltip == 'object' &&
-            opts.tooltip instanceof HTMLElement
-          ) {
-            const tooltipWrapper = getTooltipNodeWrapper();
-            tooltipWrapper.className =
-              'inboxsdk__message_attachment_tooltipWrapper';
-            tooltipWrapper.onclick = function (event) {
-              event.stopPropagation();
-              reemitClickEvent(event);
-            };
-            tooltipWrapper.appendChild(opts.tooltip);
-
-            img.onmouseenter = function (event) {
-              event.preventDefault();
-              event.stopPropagation();
-              img.appendChild(tooltipWrapper);
-              attachmentIcon.emit('tooltipShown');
-            };
-
-            img.onmouseleave = function (event) {
-              event.preventDefault();
-              event.stopPropagation();
-              img.removeChild(tooltipWrapper);
-              attachmentIcon.emit('tooltipHidden');
-            };
-
-            img.removeAttribute('data-tooltip');
-          } else if (opts.tooltip && typeof opts.tooltip == 'string') {
-            img.setAttribute('data-tooltip', opts.tooltip);
-          } else {
-            img.removeAttribute('data-tooltip');
-          }
-
-          img.className =
-            opts.iconHtml != null
-              ? `inboxsdk__message_attachment_iconWrapper ${
-                  opts.iconClass || ''
-                }`
-              : 'inboxsdk__message_attachment_icon ' + (opts.iconClass || '');
-
-          if (opts.iconHtml != null) {
-            if (attachmentDiv.contains(getImgElement())) {
-              getImgElement().remove();
-            }
-
-            img.innerHTML = opts.iconHtml;
-          } else if (currentIconUrl != opts.iconUrl) {
-            if (attachmentDiv.contains(getCustomIconWrapper())) {
-              getCustomIconWrapper().remove();
-            }
-
-            img.style.background = opts.iconUrl
-              ? 'url(' + opts.iconUrl + ') no-repeat 0 0'
-              : '';
-
-            currentIconUrl = opts.iconUrl;
+          attachmentDiv = (0, _querySelectorOrFail.default)(this._element, 'td.gH div.gK span');
+        }
+        const img = opts.iconHtml != null ? getCustomIconWrapper() : getImgElement();
+        const onClick = opts.onClick;
+        if (onClick) {
+          img.onclick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            onClick();
+          };
+          img.style.cursor = 'pointer';
+        } else {
+          img.onclick = null;
+          img.style.cursor = '';
+        }
+        if (opts.tooltip && typeof opts.tooltip == 'object' && opts.tooltip instanceof HTMLElement) {
+          const tooltipWrapper = getTooltipNodeWrapper();
+          tooltipWrapper.className = 'inboxsdk__message_attachment_tooltipWrapper';
+          tooltipWrapper.onclick = function (event) {
+            event.stopPropagation();
+            (0, _reemitClickEventForReact.default)(event);
+          };
+          tooltipWrapper.appendChild(opts.tooltip);
+          img.onmouseenter = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            img.appendChild(tooltipWrapper);
+            attachmentIcon.emit('tooltipShown');
+          };
+          img.onmouseleave = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            img.removeChild(tooltipWrapper);
+            attachmentIcon.emit('tooltipHidden');
+          };
+          img.removeAttribute('data-tooltip');
+        } else if (opts.tooltip && typeof opts.tooltip == 'string') {
+          img.setAttribute('data-tooltip', opts.tooltip);
+        } else {
+          img.removeAttribute('data-tooltip');
+        }
+        img.className = opts.iconHtml != null ? `inboxsdk__message_attachment_iconWrapper ${opts.iconClass || ''}` : 'inboxsdk__message_attachment_icon ' + (opts.iconClass || '');
+        if (opts.iconHtml != null) {
+          if (attachmentDiv.contains(getImgElement())) {
+            getImgElement().remove();
           }
-
-          if (!attachmentDiv.contains(img)) {
-            attachmentDiv.appendChild(img);
-            added = true;
+          img.innerHTML = opts.iconHtml;
+        } else if (currentIconUrl != opts.iconUrl) {
+          if (attachmentDiv.contains(getCustomIconWrapper())) {
+            getCustomIconWrapper().remove();
           }
+          img.style.background = opts.iconUrl ? 'url(' + opts.iconUrl + ') no-repeat 0 0' : '';
+          currentIconUrl = opts.iconUrl;
         }
-      });
-
+        if (!attachmentDiv.contains(img)) {
+          attachmentDiv.appendChild(img);
+          added = true;
+        }
+      }
+    });
     return attachmentIcon;
   }
-
-  getViewState(): VIEW_STATE {
-    if (
-      this._element.classList.contains('kQ') ||
-      this._element.classList.contains('kx')
-    ) {
+  getViewState() {
+    if (this._element.classList.contains('kQ') || this._element.classList.contains('kx')) {
       return 'HIDDEN';
     } else if (this._element.classList.contains('kv')) {
       return 'COLLAPSED';
@@ -659,117 +465,75 @@ class GmailMessageView {
       return 'EXPANDED';
     }
   }
-
-  hasOpenReply(): boolean {
+  hasOpenReply() {
     return Boolean(this._replyElement);
   }
-
-  addAttachmentCard(options: Object) {
-    var gmailAttachmentCardView = new GmailAttachmentCardView(
-      options,
-      this._driver,
-      this
-    );
-
+  addAttachmentCard(options) {
+    var gmailAttachmentCardView = new _gmailAttachmentCardView.default(options, this._driver, this);
     if (!this._gmailAttachmentAreaView) {
       this._gmailAttachmentAreaView = this._getAttachmentArea();
     }
-
     if (!this._gmailAttachmentAreaView) {
       this._gmailAttachmentAreaView = this._createAttachmentArea();
     }
-
-    this._gmailAttachmentAreaView.addGmailAttachmentCardView(
-      gmailAttachmentCardView
-    );
-
+    this._gmailAttachmentAreaView.addGmailAttachmentCardView(gmailAttachmentCardView);
     return gmailAttachmentCardView;
   }
-
   _setupMessageStateStream() {
     var self = this;
-
-    this._eventStream.plug(
-      makeMutationObserverStream(this._element, {
-        attributes: true,
-        attributeFilter: ['class'],
-        attributeOldValue: true,
-      })
-        .takeUntilBy(this._stopper)
-        .map(function (mutation) {
-          const currentClassList = (mutation.target: any).classList;
-          const mutationOldValue: string = (mutation.oldValue: any);
-
-          let oldValue;
-          let newValue;
-
-          if (
-            mutationOldValue.indexOf('kQ') > -1 ||
-            mutationOldValue.indexOf('kx') > -1
-          ) {
-            oldValue = 'HIDDEN';
-          } else if (
-            mutationOldValue.indexOf('kv') > -1 ||
-            mutationOldValue.indexOf('ky') > -1
-          ) {
-            oldValue = 'COLLAPSED';
-          } else if (mutationOldValue.indexOf('h7') > -1) {
-            oldValue = 'EXPANDED';
-          }
-
-          if (
-            currentClassList.contains('kQ') ||
-            currentClassList.contains('kx')
-          ) {
-            newValue = 'HIDDEN';
-          } else if (
-            currentClassList.contains('kv') ||
-            currentClassList.contains('ky')
-          ) {
-            newValue = 'COLLAPSED';
-          } else if (currentClassList.contains('h7')) {
-            newValue = 'EXPANDED';
-          }
-
-          return { oldValue, newValue, currentClassList };
-        })
-        .map(function (event) {
-          if (event.newValue === 'EXPANDED' && event.oldValue !== 'EXPANDED') {
-            self._checkMessageOpenState(event.currentClassList);
-          }
-
-          return event;
-        })
-        .filter(function (event) {
-          return (
-            event.newValue !== event.oldValue &&
-            !!event.oldValue &&
-            !!event.newValue
-          );
-        })
-        .map(function (event) {
-          return {
-            eventName: 'viewStateChange',
-            oldValue: event.oldValue,
-            newValue: event.newValue,
-          };
-        })
-    );
+    this._eventStream.plug((0, _makeMutationObserverStream.default)(this._element, {
+      attributes: true,
+      attributeFilter: ['class'],
+      attributeOldValue: true
+    }).takeUntilBy(this._stopper).map(function (mutation) {
+      const currentClassList = mutation.target.classList;
+      const mutationOldValue = mutation.oldValue;
+      let oldValue;
+      let newValue;
+      if (mutationOldValue.indexOf('kQ') > -1 || mutationOldValue.indexOf('kx') > -1) {
+        oldValue = 'HIDDEN';
+      } else if (mutationOldValue.indexOf('kv') > -1 || mutationOldValue.indexOf('ky') > -1) {
+        oldValue = 'COLLAPSED';
+      } else if (mutationOldValue.indexOf('h7') > -1) {
+        oldValue = 'EXPANDED';
+      }
+      if (currentClassList.contains('kQ') || currentClassList.contains('kx')) {
+        newValue = 'HIDDEN';
+      } else if (currentClassList.contains('kv') || currentClassList.contains('ky')) {
+        newValue = 'COLLAPSED';
+      } else if (currentClassList.contains('h7')) {
+        newValue = 'EXPANDED';
+      }
+      return {
+        oldValue,
+        newValue,
+        currentClassList
+      };
+    }).map(function (event) {
+      if (event.newValue === 'EXPANDED' && event.oldValue !== 'EXPANDED') {
+        self._checkMessageOpenState(event.currentClassList);
+      }
+      return event;
+    }).filter(function (event) {
+      return event.newValue !== event.oldValue && !!event.oldValue && !!event.newValue;
+    }).map(function (event) {
+      return {
+        eventName: 'viewStateChange',
+        oldValue: event.oldValue,
+        newValue: event.newValue
+      };
+    }));
   }
-
   _processInitialState() {
     this._checkMessageOpenState(this._element.classList);
   }
-
-  _checkMessageOpenState(classList: Object) {
+  _checkMessageOpenState(classList) {
     if (!classList.contains('h7')) {
       return;
     }
-
     if (this._messageLoaded) {
       return;
     }
-
     let messageId;
     try {
       messageId = this.getMessageID(true);
@@ -777,174 +541,120 @@ class GmailMessageView {
       this._driver.getLogger().error(err);
       return;
     }
-
     this._messageLoaded = true;
-
     try {
-      this._driver.associateThreadAndMessageIDs(
-        this._threadViewDriver.getThreadID(),
-        messageId
-      );
+      this._driver.associateThreadAndMessageIDs(this._threadViewDriver.getThreadID(), messageId);
     } catch (err) {
       this._driver.getLogger().error(err);
     }
     this._gmailAttachmentAreaView = this._getAttachmentArea();
-
     this._eventStream.emit({
       type: 'internal',
-      eventName: 'messageLoad',
+      eventName: 'messageLoad'
     });
-
     this._setupReplyStream();
   }
-
   _setupReplyStream() {
     const replyContainer = this._element.querySelector('.ip');
-
     if (!replyContainer) {
       return;
     }
-
     var self = this;
     var currentReplyElementRemovalStream = null;
 
     // hold off on emitting the mutation for a millisecond so
     // that compose-view-driver-stream is listening to reply stream
-    Kefir.combine([
-      makeMutationObserverChunkedStream(replyContainer, {
-        attributes: true,
-        attributeFilter: ['class'],
-      }),
-      Kefir.later(1, null),
-    ])
-      .merge(Kefir.later(1))
-      .takeUntilBy(this._stopper)
-      .beforeEnd(() => 'END')
-      .onValue((mutation) => {
-        if (mutation !== 'END' && replyContainer.classList.contains('adB')) {
-          if (!currentReplyElementRemovalStream) {
-            const replyElement = replyContainer.firstElementChild;
-            self._replyElement = (replyElement: any);
-
-            if (replyElement) {
-              currentReplyElementRemovalStream = kefirBus();
-              self._eventStream.emit({
-                type: 'internal',
-                eventName: 'replyElement',
-                change: {
-                  el: replyElement,
-                  removalStream: currentReplyElementRemovalStream,
-                },
-              });
-            }
-          }
-        } else {
-          if (currentReplyElementRemovalStream) {
-            // Ending the currentReplyElementRemovalStream can trigger something
-            // that triggers the mutation observer stream which will call back into
-            // this function before we've unset currentReplyElementRemovalStream,
-            // so we need to copy the bus to a temporary variable and unset
-            // currentReplyElementRemovalStream first.
-            var temp = currentReplyElementRemovalStream;
-            currentReplyElementRemovalStream = null;
-            temp.emit(null);
-            temp.end();
-
-            self._replyElement = null;
+    _kefir.default.combine([(0, _makeMutationObserverChunkedStream.default)(replyContainer, {
+      attributes: true,
+      attributeFilter: ['class']
+    }), _kefir.default.later(1, null)]).merge(_kefir.default.later(1)).takeUntilBy(this._stopper).beforeEnd(() => 'END').onValue(mutation => {
+      if (mutation !== 'END' && replyContainer.classList.contains('adB')) {
+        if (!currentReplyElementRemovalStream) {
+          const replyElement = replyContainer.firstElementChild;
+          self._replyElement = replyElement;
+          if (replyElement) {
+            currentReplyElementRemovalStream = (0, _kefirBus.default)();
+            self._eventStream.emit({
+              type: 'internal',
+              eventName: 'replyElement',
+              change: {
+                el: replyElement,
+                removalStream: currentReplyElementRemovalStream
+              }
+            });
           }
         }
-      });
+      } else {
+        if (currentReplyElementRemovalStream) {
+          // Ending the currentReplyElementRemovalStream can trigger something
+          // that triggers the mutation observer stream which will call back into
+          // this function before we've unset currentReplyElementRemovalStream,
+          // so we need to copy the bus to a temporary variable and unset
+          // currentReplyElementRemovalStream first.
+          var temp = currentReplyElementRemovalStream;
+          currentReplyElementRemovalStream = null;
+          temp.emit(null);
+          temp.end();
+          self._replyElement = null;
+        }
+      }
+    });
   }
-
   _monitorEmailAddressHovering() {
     var self = this;
-    this._eventStream.plug(
-      Kefir.fromEvents(this._element, 'mouseover')
-        .map((e) => e.target)
-        .filter(function (element) {
-          return element && element.getAttribute('email');
-        })
-        .map(function (element) {
-          let contactType = null;
-
-          if (!self._element.classList.contains('h7')) {
-            contactType = 'sender';
-          } else {
-            if ((self._element.querySelector('h3.iw'): any).contains(element)) {
-              contactType = 'sender';
-            } else {
-              contactType = 'recipient';
-            }
-          }
-
-          return {
-            get contact() {
-              return self._getUpdatedContact(
-                _extractContactInformation(element)
-              );
-            },
-            contactType: contactType,
-            eventName: 'contactHover',
-            messageViewDriver: self,
-          };
-        })
-    );
-  }
-
-  _getAttachmentArea(): ?GmailAttachmentAreaView {
+    this._eventStream.plug(_kefir.default.fromEvents(this._element, 'mouseover').map(e => e.target).filter(function (element) {
+      return element && element.getAttribute('email');
+    }).map(function (element) {
+      let contactType = null;
+      if (!self._element.classList.contains('h7')) {
+        contactType = 'sender';
+      } else {
+        if (self._element.querySelector('h3.iw').contains(element)) {
+          contactType = 'sender';
+        } else {
+          contactType = 'recipient';
+        }
+      }
+      return {
+        get contact() {
+          return self._getUpdatedContact(_extractContactInformation(element));
+        },
+        contactType: contactType,
+        eventName: 'contactHover',
+        messageViewDriver: self
+      };
+    }));
+  }
+  _getAttachmentArea() {
     if (this._element.querySelector('.hq')) {
-      return new GmailAttachmentAreaView(
-        this._element.querySelector('.hq'),
-        this._driver,
-        this
-      );
+      return new _gmailAttachmentAreaView.default(this._element.querySelector('.hq'), this._driver, this);
     }
-
     return null;
   }
-
-  _createAttachmentArea(): GmailAttachmentAreaView {
-    const gmailAttachmentAreaView = new GmailAttachmentAreaView(
-      null,
-      this._driver,
-      this
-    );
-
-    const beforeElement = querySelector(this._element, '.hi');
+  _createAttachmentArea() {
+    const gmailAttachmentAreaView = new _gmailAttachmentAreaView.default(null, this._driver, this);
+    const beforeElement = (0, _querySelectorOrFail.default)(this._element, '.hi');
     const parentNode = beforeElement.parentNode;
     if (!parentNode) throw new Error('parentNode not found');
-    parentNode.insertBefore(
-      gmailAttachmentAreaView.getElement(),
-      beforeElement
-    );
-
+    parentNode.insertBefore(gmailAttachmentAreaView.getElement(), beforeElement);
     return gmailAttachmentAreaView;
   }
-
-  _getUpdatedContact(inContact: Contact): Contact {
-    return getUpdatedContact(inContact, this._element);
+  _getUpdatedContact(inContact) {
+    return (0, _getUpdatedContact.default)(inContact, this._element);
   }
-
   getReadyStream() {
     return this._readyStream;
   }
 }
-
 function _extractContactInformation(span) {
   return {
     name: span.getAttribute('name'),
-    emailAddress: span.getAttribute('email'),
+    emailAddress: span.getAttribute('email')
   };
 }
-
-export default defn(module, GmailMessageView);
-
-// This function does not get executed. It's only checked by Flow to make sure
+var _default = (0, _ud.defn)(module, GmailMessageView); // This function does not get executed. It's only checked by Flow to make sure
 // this class successfully implements the type interface.
+exports.default = _default;
 function __interfaceCheck() {
-  const test: MessageViewDriver = new GmailMessageView(
-    ({}: any),
-    ({}: any),
-    ({}: any)
-  );
-}
+  const test = new GmailMessageView({}, {}, {});
+}