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

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

@@ -1,301 +1,233 @@
-/* @flow */
-
-import escape from 'lodash/escape';
-import find from 'lodash/find';
-import { defn } from 'ud';
-import closest from 'closest-ng';
-import Kefir from 'kefir';
-import kefirStopper from 'kefir-stopper';
-import kefirBus from 'kefir-bus';
-import type { Bus } from 'kefir-bus';
-import autoHtml from 'auto-html';
-import censorHTMLstring from '../../../../common/censorHTMLstring';
-import delayAsap from '../../../lib/delay-asap';
-import arrayToLifetimes from '../../../lib/array-to-lifetimes';
-import querySelector from '../../../lib/dom/querySelectorOrFail';
-import makeMutationObserverChunkedStream from '../../../lib/dom/make-mutation-observer-chunked-stream';
-import { simulateClick } from '../../../lib/dom/simulate-mouse-event';
-import simulateKey from '../../../lib/dom/simulate-key';
-import insertHTMLatCursor from '../../../lib/dom/insert-html-at-cursor';
-import querySelectorOne from '../../../lib/dom/querySelectorOne';
-import ErrorCollector from '../../../lib/ErrorCollector';
-import handleComposeLinkChips from '../../../lib/handle-compose-link-chips';
-import insertLinkChipIntoBody from '../../../lib/insert-link-chip-into-body';
-import getPresendingStream from '../../../driver-common/compose/getPresendingStream';
-import getDiscardStream from '../../../driver-common/compose/getDiscardStream';
-import addRecipientRow from '../addRecipientRow';
-import type InboxDriver from '../inbox-driver';
-import type { TooltipDescriptor } from '../../../views/compose-button-view';
-import InboxComposeButtonView from './inbox-compose-button-view';
-import type {
-  ComposeViewDriver,
-  StatusBar,
-  ComposeButtonDescriptor,
-} from '../../../driver-interfaces/compose-view-driver';
-import {
-  getSelectedHTMLInElement,
-  getSelectedTextInElement,
-} from '../../../lib/dom/get-selection';
-import getGmailThreadIdForRfcMessageId from '../../../driver-common/getGmailThreadIdForRfcMessageId';
-
-import type { Parsed } from '../detection/compose/parser';
-
-let cachedFromContacts: ?Array<Contact> = null;
-
+"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 _escape = _interopRequireDefault(require("lodash/escape"));
+var _find = _interopRequireDefault(require("lodash/find"));
+var _ud = require("ud");
+var _closestNg = _interopRequireDefault(require("closest-ng"));
+var _kefir = _interopRequireDefault(require("kefir"));
+var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
+var _kefirBus = _interopRequireDefault(require("kefir-bus"));
+var _autoHtml = _interopRequireDefault(require("auto-html"));
+var _censorHTMLstring = _interopRequireDefault(require("../../../../common/censorHTMLstring"));
+var _delayAsap = _interopRequireDefault(require("../../../lib/delay-asap"));
+var _arrayToLifetimes = _interopRequireDefault(require("../../../lib/array-to-lifetimes"));
+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 _simulateKey = _interopRequireDefault(require("../../../lib/dom/simulate-key"));
+var _insertHtmlAtCursor = _interopRequireDefault(require("../../../lib/dom/insert-html-at-cursor"));
+var _querySelectorOne = _interopRequireDefault(require("../../../lib/dom/querySelectorOne"));
+var _ErrorCollector = _interopRequireDefault(require("../../../lib/ErrorCollector"));
+var _handleComposeLinkChips = _interopRequireDefault(require("../../../lib/handle-compose-link-chips"));
+var _insertLinkChipIntoBody = _interopRequireDefault(require("../../../lib/insert-link-chip-into-body"));
+var _getPresendingStream = _interopRequireDefault(require("../../../driver-common/compose/getPresendingStream"));
+var _getDiscardStream = _interopRequireDefault(require("../../../driver-common/compose/getDiscardStream"));
+var _addRecipientRow = _interopRequireDefault(require("../addRecipientRow"));
+var _inboxComposeButtonView = _interopRequireDefault(require("./inbox-compose-button-view"));
+var _getSelection = require("../../../lib/dom/get-selection");
+var _getGmailThreadIdForRfcMessageId = _interopRequireDefault(require("../../../driver-common/getGmailThreadIdForRfcMessageId"));
+let cachedFromContacts = null;
 class InboxComposeView {
-  _element: HTMLElement;
-  _driver: InboxDriver;
-  _eventStream: Bus<any> = kefirBus();
-  _ajaxInterceptStream: Kefir.Observable<Object>;
-  _sendingStream: ?Kefir.Observable<any>;
-  _stopper = kefirStopper();
-  _queueDraftSave: () => void;
-  _modifierButtonContainer: ?HTMLElement;
-  _lastBodySelectionRange: ?Range;
-  _draftID: string;
-  _isMinimized: boolean = false;
-  _isFullscreenMode: boolean = false;
-  _isPresending: boolean = false;
-  _closedProgrammatically: boolean = false;
-  _p: Parsed;
-  _els: *;
-
-  constructor(driver: InboxDriver, el: HTMLElement, parsed: Parsed) {
-    (this: ComposeViewDriver);
+  constructor(driver, el, parsed) {
+    (0, _defineProperty2.default)(this, "_eventStream", (0, _kefirBus.default)());
+    (0, _defineProperty2.default)(this, "_stopper", (0, _kefirStopper.default)());
+    (0, _defineProperty2.default)(this, "_isMinimized", false);
+    (0, _defineProperty2.default)(this, "_isFullscreenMode", false);
+    (0, _defineProperty2.default)(this, "_isPresending", false);
+    (0, _defineProperty2.default)(this, "_closedProgrammatically", false);
+    this;
     this._element = el;
     this._driver = driver;
     this._modifierButtonContainer = null;
     this._lastBodySelectionRange = null;
     this._p = parsed;
     this._els = parsed.elements;
-
-    const bottomAreaElementCount =
-      this._els.sendBtn &&
-      this._els.sendBtn.parentElement &&
-      this._els.sendBtn.parentElement.childElementCount;
-
+    const bottomAreaElementCount = this._els.sendBtn && this._els.sendBtn.parentElement && this._els.sendBtn.parentElement.childElementCount;
     this._driver.getLogger().eventSite('compose open', {
       errorCount: this._p.errors.length,
       bottomAreaElementCount,
-      isInline: this._p.attributes.isInline,
+      isInline: this._p.attributes.isInline
     });
-
-    const draftSaveTriggerer = kefirBus();
+    const draftSaveTriggerer = (0, _kefirBus.default)();
     this._queueDraftSave = () => {
       draftSaveTriggerer.emit(null);
     };
-
     const bodyEl = this._els.body;
     if (bodyEl) {
-      draftSaveTriggerer
-        .bufferBy(draftSaveTriggerer.flatMap(() => delayAsap(null)))
-        .filter((x) => x.length > 0)
-        .takeUntilBy(this._stopper)
-        .onValue(() => {
-          var unsilence = this._driver
-            .getPageCommunicator()
-            .silenceGmailErrorsForAMoment();
-          try {
-            simulateKey(bodyEl, 13, 0);
-          } finally {
-            unsilence();
-          }
-        });
-
-      Kefir.merge([
-        Kefir.fromEvents((document.body: any), 'mousedown'),
-        Kefir.fromEvents((document.body: any), 'keydown'),
-      ])
-        .takeUntilBy(this.getStopper())
-        .onValue((event) => {
-          const selection = (document: any).getSelection();
-          if (
-            selection.rangeCount > 0 &&
-            bodyEl.contains(selection.anchorNode)
-          ) {
-            this._lastBodySelectionRange = selection.getRangeAt(0);
-          }
-        });
-
-      this._eventStream.plug(
-        makeMutationObserverChunkedStream(bodyEl, {
-          childList: true,
-          subtree: true,
-          characterData: true,
-        }).map(() => ({ eventName: 'bodyChanged' }))
-      );
-    }
-
-    Kefir.fromEvents(this._element, 'closedProgrammatically')
-      .takeUntilBy(this._stopper)
-      .onValue(() => {
-        this._closedProgrammatically = true;
+      draftSaveTriggerer.bufferBy(draftSaveTriggerer.flatMap(() => (0, _delayAsap.default)(null))).filter(x => x.length > 0).takeUntilBy(this._stopper).onValue(() => {
+        var unsilence = this._driver.getPageCommunicator().silenceGmailErrorsForAMoment();
+        try {
+          (0, _simulateKey.default)(bodyEl, 13, 0);
+        } finally {
+          unsilence();
+        }
       });
-
-    this._draftID = this._driver
-      .getPageCommunicator()
-      .getDraftIDForComposeView(this.getElement());
-
-    this._ajaxInterceptStream = this._driver
-      .getPageCommunicator()
-      .ajaxInterceptStream.takeUntilBy(this._stopper)
-      .filter(({ draftID }) => draftID === this._draftID);
-
+      _kefir.default.merge([_kefir.default.fromEvents(document.body, 'mousedown'), _kefir.default.fromEvents(document.body, 'keydown')]).takeUntilBy(this.getStopper()).onValue(event => {
+        const selection = document.getSelection();
+        if (selection.rangeCount > 0 && bodyEl.contains(selection.anchorNode)) {
+          this._lastBodySelectionRange = selection.getRangeAt(0);
+        }
+      });
+      this._eventStream.plug((0, _makeMutationObserverChunkedStream.default)(bodyEl, {
+        childList: true,
+        subtree: true,
+        characterData: true
+      }).map(() => ({
+        eventName: 'bodyChanged'
+      })));
+    }
+    _kefir.default.fromEvents(this._element, 'closedProgrammatically').takeUntilBy(this._stopper).onValue(() => {
+      this._closedProgrammatically = true;
+    });
+    this._draftID = this._driver.getPageCommunicator().getDraftIDForComposeView(this.getElement());
+    this._ajaxInterceptStream = this._driver.getPageCommunicator().ajaxInterceptStream.takeUntilBy(this._stopper).filter(_ref => {
+      let {
+        draftID
+      } = _ref;
+      return draftID === this._draftID;
+    });
     this._setupStreams();
-
-    this.getEventStream()
-      .takeUntilBy(this._stopper)
-      .onValue(({ eventName }) => {
-        if (eventName === 'presending') {
-          this._isPresending = true;
-
-          const sendCanceledStream = this.getEventStream().filter(
-            ({ eventName }) => eventName === 'sendCanceled'
-          );
-
-          this._sendingStream = Kefir.merge([
-            Kefir.combine([
-              this.getEventStream().filter(
-                ({ eventName }) => eventName === 'sending'
-              ),
-              this.getEventStream().filter(
-                ({ eventName }) => eventName === 'sent'
-              ),
-            ]),
-            this._ajaxInterceptStream.filter(
-              ({ type }) => type === 'emailSendFailed'
-            ),
-            Kefir.later(60 * 1000).flatMap(() =>
-              Kefir.constantError(
-                new Error('Timed out waiting for ComposeView send')
-              )
-            ),
-          ])
-            .takeUntilBy(sendCanceledStream)
-            .takeUntilBy(this._stopper)
-            .take(1)
-            .takeErrors(1);
-
-          this._sendingStream
-            .onValue(() => {
-              this._isPresending = false;
-            })
-            .onError((error) => {
-              this._driver.getLogger().error(error);
-            });
-          this._driver.getPageCommunicator().notifyEmailSending();
-          if (!this._p.attributes.isInline) {
-            // TODO make this code less fragile on slow machines/connections
-            Kefir.later(5 * 1000)
-              .takeUntilBy(
-                this.getEventStream().filter(
-                  ({ eventName }) =>
-                    ['sendCanceled', 'presending'].indexOf(eventName) !== -1
-                )
-              )
-              .onValue(() => {
-                // In cases where Inbox decides to cancel the send client-side,
-                // we need to make sure we realize sending is not going to happen
-                // and inform consumers who might be expecting a send.
-                // The most common case for this is trying to send an email
-                // with no recipients.
-                if (document.contains(this._element)) {
-                  this._eventStream.emit({ eventName: 'sendCanceled' });
-                }
-              });
-          }
-        } else if (eventName === 'sendCanceled') {
+    this.getEventStream().takeUntilBy(this._stopper).onValue(_ref2 => {
+      let {
+        eventName
+      } = _ref2;
+      if (eventName === 'presending') {
+        this._isPresending = true;
+        const sendCanceledStream = this.getEventStream().filter(_ref3 => {
+          let {
+            eventName
+          } = _ref3;
+          return eventName === 'sendCanceled';
+        });
+        this._sendingStream = _kefir.default.merge([_kefir.default.combine([this.getEventStream().filter(_ref4 => {
+          let {
+            eventName
+          } = _ref4;
+          return eventName === 'sending';
+        }), this.getEventStream().filter(_ref5 => {
+          let {
+            eventName
+          } = _ref5;
+          return eventName === 'sent';
+        })]), this._ajaxInterceptStream.filter(_ref6 => {
+          let {
+            type
+          } = _ref6;
+          return type === 'emailSendFailed';
+        }), _kefir.default.later(60 * 1000).flatMap(() => _kefir.default.constantError(new Error('Timed out waiting for ComposeView send')))]).takeUntilBy(sendCanceledStream).takeUntilBy(this._stopper).take(1).takeErrors(1);
+        this._sendingStream.onValue(() => {
           this._isPresending = false;
-          this._driver.getPageCommunicator().notifyEmailSendCanceled();
+        }).onError(error => {
+          this._driver.getLogger().error(error);
+        });
+        this._driver.getPageCommunicator().notifyEmailSending();
+        if (!this._p.attributes.isInline) {
+          // TODO make this code less fragile on slow machines/connections
+          _kefir.default.later(5 * 1000).takeUntilBy(this.getEventStream().filter(_ref7 => {
+            let {
+              eventName
+            } = _ref7;
+            return ['sendCanceled', 'presending'].indexOf(eventName) !== -1;
+          })).onValue(() => {
+            // In cases where Inbox decides to cancel the send client-side,
+            // we need to make sure we realize sending is not going to happen
+            // and inform consumers who might be expecting a send.
+            // The most common case for this is trying to send an email
+            // with no recipients.
+            if (document.contains(this._element)) {
+              this._eventStream.emit({
+                eventName: 'sendCanceled'
+              });
+            }
+          });
         }
-      });
-
-    handleComposeLinkChips(this);
-
-    const { fromPickerEmailSpan } = this._els;
+      } else if (eventName === 'sendCanceled') {
+        this._isPresending = false;
+        this._driver.getPageCommunicator().notifyEmailSendCanceled();
+      }
+    });
+    (0, _handleComposeLinkChips.default)(this);
+    const {
+      fromPickerEmailSpan
+    } = this._els;
     if (fromPickerEmailSpan) {
-      this._eventStream.plug(
-        makeMutationObserverChunkedStream(fromPickerEmailSpan, {
-          childList: true,
-          subtree: true,
-          characterData: true,
-        }).map(() => ({
-          eventName: 'fromContactChanged',
-          data: { contact: this.getFromContact() },
-        }))
-      );
+      this._eventStream.plug((0, _makeMutationObserverChunkedStream.default)(fromPickerEmailSpan, {
+        childList: true,
+        subtree: true,
+        characterData: true
+      }).map(() => ({
+        eventName: 'fromContactChanged',
+        data: {
+          contact: this.getFromContact()
+        }
+      })));
     }
-
-    const { minimizeBtnImage } = this._els;
+    const {
+      minimizeBtnImage
+    } = this._els;
     if (minimizeBtnImage) {
       const isMinimized = () => /_maximize_/.test(minimizeBtnImage.src);
-      const minimizeButtonChanges = makeMutationObserverChunkedStream(
-        minimizeBtnImage,
-        { attributes: true }
-      );
-      minimizeButtonChanges
-        .toProperty(() => null)
-        .takeUntilBy(this._stopper)
-        .onValue(() => {
-          this._isMinimized = isMinimized();
-        });
-      this._eventStream.plug(
-        minimizeButtonChanges.map(() => ({
-          eventName: isMinimized() ? 'minimized' : 'restored',
-        }))
-      );
+      const minimizeButtonChanges = (0, _makeMutationObserverChunkedStream.default)(minimizeBtnImage, {
+        attributes: true
+      });
+      minimizeButtonChanges.toProperty(() => null).takeUntilBy(this._stopper).onValue(() => {
+        this._isMinimized = isMinimized();
+      });
+      this._eventStream.plug(minimizeButtonChanges.map(() => ({
+        eventName: isMinimized() ? 'minimized' : 'restored'
+      })));
     }
-
-    const { toggleFullscreenButtonImage } = this._els;
+    const {
+      toggleFullscreenButtonImage
+    } = this._els;
     if (toggleFullscreenButtonImage) {
-      const isFullscreenMode = () =>
-        !/_enter_full_screen/.test(toggleFullscreenButtonImage.src);
-      const toggleButtonChanges = makeMutationObserverChunkedStream(
-        toggleFullscreenButtonImage,
-        { attributes: true }
-      );
-      toggleButtonChanges
-        .toProperty(() => null)
-        .takeUntilBy(this._stopper)
-        .onValue(() => {
-          this._isFullscreenMode = isFullscreenMode();
-        });
-      this._eventStream.plug(
-        toggleButtonChanges.map(() => ({
-          eventName: 'fullscreenChanged',
-          data: { fullscreen: isFullscreenMode() },
-        }))
-      );
+      const isFullscreenMode = () => !/_enter_full_screen/.test(toggleFullscreenButtonImage.src);
+      const toggleButtonChanges = (0, _makeMutationObserverChunkedStream.default)(toggleFullscreenButtonImage, {
+        attributes: true
+      });
+      toggleButtonChanges.toProperty(() => null).takeUntilBy(this._stopper).onValue(() => {
+        this._isFullscreenMode = isFullscreenMode();
+      });
+      this._eventStream.plug(toggleButtonChanges.map(() => ({
+        eventName: 'fullscreenChanged',
+        data: {
+          fullscreen: isFullscreenMode()
+        }
+      })));
     }
   }
   removedFromDOM() {
     // The element of an inline draft may be re-used with a new ID.
     this._element.removeAttribute('data-inboxsdk-draft-id');
-
     const cleanup = () => {
       this._eventStream.emit({
         eventName: 'destroy',
         data: {
-          closedByInboxSDK: this._closedProgrammatically,
-        },
+          closedByInboxSDK: this._closedProgrammatically
+        }
       });
       this._eventStream.end();
       this._stopper.destroy();
     };
-
     if (this._isPresending) {
       this._sendingStream && this._sendingStream.onEnd(cleanup);
     } else {
       cleanup();
     }
   }
-  getEventStream(): Kefir.Observable<Object> {
+  getEventStream() {
     return this._eventStream;
   }
-  getStopper(): Kefir.Observable<null> {
+  getStopper() {
     return this._stopper;
   }
-  getElement(): HTMLElement {
+  getElement() {
     return this._element;
   }
   // Call this whenever we change the body directly by mucking with the
@@ -314,160 +246,132 @@ class InboxComposeView {
     this._queueDraftSave();
   }
   _getAddressChangesStream() {
-    const { toInput, ccInput, bccInput } = this._els;
-
+    const {
+      toInput,
+      ccInput,
+      bccInput
+    } = this._els;
     function makeChangesStream(prefix, input, cb) {
-      if (!input) return Kefir.never();
-      const contactArrayStream = makeMutationObserverChunkedStream(
-        (input: any).parentElement,
-        { childList: true, attributes: true, subtree: true }
-      )
-        .merge(Kefir.later(0))
-        .map(cb);
-      return arrayToLifetimes(
-        contactArrayStream,
-        (c) => c.emailAddress
-      ).flatMap(({ el, removalStream }) =>
-        Kefir.constant({
+      if (!input) return _kefir.default.never();
+      const contactArrayStream = (0, _makeMutationObserverChunkedStream.default)(input.parentElement, {
+        childList: true,
+        attributes: true,
+        subtree: true
+      }).merge(_kefir.default.later(0)).map(cb);
+      return (0, _arrayToLifetimes.default)(contactArrayStream, c => c.emailAddress).flatMap(_ref8 => {
+        let {
+          el,
+          removalStream
+        } = _ref8;
+        return _kefir.default.constant({
           eventName: prefix + 'ContactAdded',
-          data: { contact: el },
-        }).merge(
-          removalStream.map(() => ({
-            eventName: prefix + 'ContactRemoved',
-            data: { contact: el },
-          }))
-        )
-      );
+          data: {
+            contact: el
+          }
+        }).merge(removalStream.map(() => ({
+          eventName: prefix + 'ContactRemoved',
+          data: {
+            contact: el
+          }
+        })));
+      });
     }
-
-    return Kefir.merge([
-      makeChangesStream('to', toInput, () => this.getToRecipients()),
-      makeChangesStream('cc', ccInput, () => this.getCcRecipients()),
-      makeChangesStream('bcc', bccInput, () => this.getBccRecipients()),
-    ]).takeUntilBy(this._stopper);
+    return _kefir.default.merge([makeChangesStream('to', toInput, () => this.getToRecipients()), makeChangesStream('cc', ccInput, () => this.getCcRecipients()), makeChangesStream('bcc', bccInput, () => this.getBccRecipients())]).takeUntilBy(this._stopper);
   }
   _setupStreams() {
     this._eventStream.plug(this._getAddressChangesStream());
-
-    this._eventStream.plug(
-      getPresendingStream({
-        element: this.getElement(),
-        sendButton: this.getSendButton(),
-      })
-    );
-
-    this._eventStream.plug(
-      getDiscardStream({
-        element: this.getElement(),
-        discardButton: this.getDiscardButton(),
-      })
-    );
-
-    this._eventStream.plug(
-      Kefir.fromEvents(this.getElement(), 'inboxSDKsendCanceled').map(() => ({
-        eventName: 'sendCanceled',
-      }))
-    );
-
-    this._eventStream.plug(
-      Kefir.fromEvents(this.getElement(), 'inboxSDKdiscardCanceled').map(
-        () => ({ eventName: 'discardCanceled' })
-      )
-    );
-
-    this._eventStream.plug(
-      this._ajaxInterceptStream
-        .filter(({ type }) => type === 'emailSending')
-        .map(() => ({ eventName: 'sending' }))
-    );
-
-    this._eventStream.plug(
-      this._ajaxInterceptStream
-        .filter(({ type }) => type === 'emailSent')
-        .map((event) => {
-          const data = {
-            getThreadID: (): Promise<string> =>
-              getGmailThreadIdForRfcMessageId(this._driver, event.rfcID),
-            getMessageID: (): Promise<string> =>
-              this._driver.getGmailMessageIdForSyncMessageId(
-                `msg-a:${event.draftID}`
-              ),
-          };
-          ['gmailThreadId', 'gmailMessageId', 'threadID', 'messageID'].forEach(
-            (name) => {
-              Object.defineProperty(data, name, {
-                get: () => {
-                  this._driver
-                    .getLogger()
-                    .deprecationWarning(
-                      `ComposeView sent event.${name}`,
-                      'ComposeView sent event.getThreadID() or event.getMessageID()'
-                    );
-                  throw new Error('Not supported');
-                },
-              });
-            }
-          );
-          return { eventName: 'sent', data };
-        })
-    );
-  }
-  getFromContact(): Contact {
-    const { fromPickerEmailSpan } = this._els;
+    this._eventStream.plug((0, _getPresendingStream.default)({
+      element: this.getElement(),
+      sendButton: this.getSendButton()
+    }));
+    this._eventStream.plug((0, _getDiscardStream.default)({
+      element: this.getElement(),
+      discardButton: this.getDiscardButton()
+    }));
+    this._eventStream.plug(_kefir.default.fromEvents(this.getElement(), 'inboxSDKsendCanceled').map(() => ({
+      eventName: 'sendCanceled'
+    })));
+    this._eventStream.plug(_kefir.default.fromEvents(this.getElement(), 'inboxSDKdiscardCanceled').map(() => ({
+      eventName: 'discardCanceled'
+    })));
+    this._eventStream.plug(this._ajaxInterceptStream.filter(_ref9 => {
+      let {
+        type
+      } = _ref9;
+      return type === 'emailSending';
+    }).map(() => ({
+      eventName: 'sending'
+    })));
+    this._eventStream.plug(this._ajaxInterceptStream.filter(_ref10 => {
+      let {
+        type
+      } = _ref10;
+      return type === 'emailSent';
+    }).map(event => {
+      const data = {
+        getThreadID: () => (0, _getGmailThreadIdForRfcMessageId.default)(this._driver, event.rfcID),
+        getMessageID: () => this._driver.getGmailMessageIdForSyncMessageId(`msg-a:${event.draftID}`)
+      };
+      ['gmailThreadId', 'gmailMessageId', 'threadID', 'messageID'].forEach(name => {
+        Object.defineProperty(data, name, {
+          get: () => {
+            this._driver.getLogger().deprecationWarning(`ComposeView sent event.${name}`, 'ComposeView sent event.getThreadID() or event.getMessageID()');
+            throw new Error('Not supported');
+          }
+        });
+      });
+      return {
+        eventName: 'sent',
+        data
+      };
+    }));
+  }
+  getFromContact() {
+    const {
+      fromPickerEmailSpan
+    } = this._els;
     if (!fromPickerEmailSpan) {
       return this._driver.getUserContact();
     }
     const email = fromPickerEmailSpan.textContent;
-    const contact = find(
-      this.getFromContactChoices(),
-      (c) => c.emailAddress === email
-    );
+    const contact = (0, _find.default)(this.getFromContactChoices(), c => c.emailAddress === email);
     if (!contact) {
       throw new Error('Failed to find from contact');
     }
     return contact;
   }
-  getFromContactChoices(): Contact[] {
-    if (this._p.attributes.isInline)
-      throw new Error("Can't get from values of inline compose");
+  getFromContactChoices() {
+    if (this._p.attributes.isInline) throw new Error("Can't get from values of inline compose");
     if (cachedFromContacts) {
       return cachedFromContacts;
     }
-    const { fromPicker } = this._els;
+    const {
+      fromPicker
+    } = this._els;
     if (!fromPicker) {
       cachedFromContacts = [this._driver.getUserContact()];
       return cachedFromContacts;
     }
     const startActiveElement = document.activeElement;
-
-    const grandUncle: HTMLElement = (this._element: any).parentElement
-      .parentElement.firstElementChild;
-    let fromOptionEls = grandUncle.querySelectorAll(
-      'li[role=menuitem][data-jsaction*=".switch_custom_from"]'
-    );
-
+    const grandUncle = this._element.parentElement.parentElement.firstElementChild;
+    let fromOptionEls = grandUncle.querySelectorAll('li[role=menuitem][data-jsaction*=".switch_custom_from"]');
     const needToOpenMenu = fromOptionEls.length === 0;
-
     try {
       if (needToOpenMenu) {
-        simulateClick(fromPicker);
-        fromOptionEls = grandUncle.querySelectorAll(
-          'li[role=menuitem][data-jsaction*=".switch_custom_from"]'
-        );
+        (0, _simulateMouseEvent.simulateClick)(fromPicker);
+        fromOptionEls = grandUncle.querySelectorAll('li[role=menuitem][data-jsaction*=".switch_custom_from"]');
       }
-
       if (fromOptionEls.length === 0) {
         cachedFromContacts = [this._driver.getUserContact()];
         return cachedFromContacts;
       }
-
-      cachedFromContacts = Array.from(fromOptionEls).map((el) => ({
-        name: querySelector(el, 'span[title]').title,
-        emailAddress: querySelector(el, 'span:not([title])').textContent,
+      cachedFromContacts = Array.from(fromOptionEls).map(el => ({
+        name: (0, _querySelectorOrFail.default)(el, 'span[title]').title,
+        emailAddress: (0, _querySelectorOrFail.default)(el, 'span:not([title])').textContent
       }));
     } finally {
       if (needToOpenMenu) {
-        simulateClick((document.body: any));
+        (0, _simulateMouseEvent.simulateClick)(document.body);
       }
       if (startActiveElement) {
         startActiveElement.focus();
@@ -475,41 +379,30 @@ class InboxComposeView {
     }
     return cachedFromContacts;
   }
-  setFromEmail(email: string): void {
-    if (this._p.attributes.isInline)
-      throw new Error("Can't set from value of inline compose");
+  setFromEmail(email) {
+    if (this._p.attributes.isInline) throw new Error("Can't set from value of inline compose");
     if (this.getFromContact().emailAddress === email) return;
-
-    const { fromPicker } = this._els;
+    const {
+      fromPicker
+    } = this._els;
     if (!fromPicker) throw new Error('from picker element not found');
-
     const startActiveElement = document.activeElement;
-
-    const grandUncle: HTMLElement = (this._element: any).parentElement
-      .parentElement.firstElementChild;
-    let fromOptionEls = grandUncle.querySelectorAll(
-      'li[role=menuitem][data-jsaction*=".switch_custom_from"]'
-    );
-
+    const grandUncle = this._element.parentElement.parentElement.firstElementChild;
+    let fromOptionEls = grandUncle.querySelectorAll('li[role=menuitem][data-jsaction*=".switch_custom_from"]');
     const needToOpenMenu = fromOptionEls.length === 0;
     try {
       if (needToOpenMenu) {
-        simulateClick(fromPicker);
-        fromOptionEls = grandUncle.querySelectorAll(
-          'li[role=menuitem][data-jsaction*=".switch_custom_from"]'
-        );
+        (0, _simulateMouseEvent.simulateClick)(fromPicker);
+        fromOptionEls = grandUncle.querySelectorAll('li[role=menuitem][data-jsaction*=".switch_custom_from"]');
       }
-      const fromOptionEl = find(
-        fromOptionEls,
-        (el) => el.querySelector('span:not([title])').textContent === email
-      );
+      const fromOptionEl = (0, _find.default)(fromOptionEls, el => el.querySelector('span:not([title])').textContent === email);
       if (!fromOptionEl) {
         throw new Error('Failed to find from contact to set');
       }
-      simulateClick(fromOptionEl);
+      (0, _simulateMouseEvent.simulateClick)(fromOptionEl);
     } finally {
       if (needToOpenMenu) {
-        simulateClick(fromPicker);
+        (0, _simulateMouseEvent.simulateClick)(fromPicker);
       }
       if (startActiveElement) {
         startActiveElement.focus();
@@ -526,122 +419,102 @@ class InboxComposeView {
       selection.addRange(lastSelectionRange);
     }
   }
-  insertBodyTextAtCursor(text: string): ?HTMLElement {
-    return this.insertBodyHTMLAtCursor(escape(text).replace(/\n/g, '<br>'));
+  insertBodyTextAtCursor(text) {
+    return this.insertBodyHTMLAtCursor((0, _escape.default)(text).replace(/\n/g, '<br>'));
   }
-  insertBodyHTMLAtCursor(html: string): ?HTMLElement {
-    var retVal = insertHTMLatCursor(
-      this.getBodyElement(),
-      html,
-      this._lastBodySelectionRange
-    );
+  insertBodyHTMLAtCursor(html) {
+    var retVal = (0, _insertHtmlAtCursor.default)(this.getBodyElement(), html, this._lastBodySelectionRange);
     this._informBodyChanged();
     return retVal;
   }
-  insertLinkIntoBody(text: string, href: string): ?HTMLElement {
-    var html = autoHtml`<a href="${href}">${text}</a>`;
+  insertLinkIntoBody(text, href) {
+    var html = (0, _autoHtml.default)`<a href="${href}">${text}</a>`;
     return this.insertBodyHTMLAtCursor(html);
   }
-  insertLinkChipIntoBody(options: {
-    iconUrl?: string,
-    url: string,
-    text: string,
-  }): HTMLElement {
-    var retval = insertLinkChipIntoBody(this, options);
+  insertLinkChipIntoBody(options) {
+    var retval = (0, _insertLinkChipIntoBody.default)(this, options);
     this._informBodyChanged();
     return retval;
   }
-  setBodyHTML(html: string): void {
+  setBodyHTML(html) {
     if (!this._els.body) throw new Error('Compose View missing body element');
     this._els.body.innerHTML = html;
     this._informBodyChanged();
   }
-  setBodyText(text: string): void {
+  setBodyText(text) {
     if (!this._els.body) throw new Error('Compose View missing body element');
     this._els.body.textContent = text;
     this._informBodyChanged();
   }
-  _setRecipients(inputElement: HTMLInputElement, emails: string[]) {
+  _setRecipients(inputElement, emails) {
     const chipContainer = inputElement.parentElement;
     if (!chipContainer) throw new Error('Should not happen');
-
     const startActiveElement = document.activeElement;
 
     // Inbox re-uses the chip elements as some are removed, so finding all the
     // button elements at once and then clicking on each of them wouldn't work.
-    const removeButtonCount = chipContainer.querySelectorAll(
-      '[role=button][jsaction*="remove_chip"]'
-    ).length;
+    const removeButtonCount = chipContainer.querySelectorAll('[role=button][jsaction*="remove_chip"]').length;
     for (let i = 0; i < removeButtonCount; i++) {
-      const removeButton = chipContainer.querySelector(
-        '[role=button][jsaction*="remove_chip"]'
-      );
+      const removeButton = chipContainer.querySelector('[role=button][jsaction*="remove_chip"]');
       if (!removeButton) break;
-      simulateClick(removeButton);
+      (0, _simulateMouseEvent.simulateClick)(removeButton);
     }
-
-    emails.forEach((email) => {
+    emails.forEach(email => {
       inputElement.value = email;
       inputElement.dispatchEvent(new window.FocusEvent('blur'));
     });
-
     if (startActiveElement) {
       startActiveElement.focus();
     }
   }
-  setToRecipients(emails: string[]): void {
-    if (this._p.attributes.isInline)
-      throw new Error("Can't set recipients of inline compose");
-    const { toInput } = this._els;
+  setToRecipients(emails) {
+    if (this._p.attributes.isInline) throw new Error("Can't set recipients of inline compose");
+    const {
+      toInput
+    } = this._els;
     if (!toInput) throw new Error('Compose View missing recipient input');
     this._setRecipients(toInput, emails);
   }
-  setCcRecipients(emails: string[]): void {
-    if (this._p.attributes.isInline)
-      throw new Error("Can't set recipients of inline compose");
-    const { ccInput } = this._els;
+  setCcRecipients(emails) {
+    if (this._p.attributes.isInline) throw new Error("Can't set recipients of inline compose");
+    const {
+      ccInput
+    } = this._els;
     if (!ccInput) throw new Error('Compose View missing recipient input');
     this._setRecipients(ccInput, emails);
-    const { toggleCcBccButton } = this._els;
-    if (
-      emails.length &&
-      toggleCcBccButton &&
-      toggleCcBccButton.style.display !== 'none'
-    ) {
-      simulateClick(toggleCcBccButton);
+    const {
+      toggleCcBccButton
+    } = this._els;
+    if (emails.length && toggleCcBccButton && toggleCcBccButton.style.display !== 'none') {
+      (0, _simulateMouseEvent.simulateClick)(toggleCcBccButton);
     }
   }
-  setBccRecipients(emails: string[]): void {
-    if (this._p.attributes.isInline)
-      throw new Error("Can't set recipients of inline compose");
-    const { bccInput } = this._els;
+  setBccRecipients(emails) {
+    if (this._p.attributes.isInline) throw new Error("Can't set recipients of inline compose");
+    const {
+      bccInput
+    } = this._els;
     if (!bccInput) throw new Error('Compose View missing recipient input');
     this._setRecipients(bccInput, emails);
-    const { toggleCcBccButton } = this._els;
-    if (
-      emails.length &&
-      toggleCcBccButton &&
-      toggleCcBccButton.style.display !== 'none'
-    ) {
-      simulateClick(toggleCcBccButton);
+    const {
+      toggleCcBccButton
+    } = this._els;
+    if (emails.length && toggleCcBccButton && toggleCcBccButton.style.display !== 'none') {
+      (0, _simulateMouseEvent.simulateClick)(toggleCcBccButton);
     }
   }
-
-  replaceSendButton(el: HTMLElement): () => void {
-    const { sendBtn } = this._p.elements;
+  replaceSendButton(el) {
+    const {
+      sendBtn
+    } = this._p.elements;
     if (!sendBtn) throw new Error('Could not locate send button');
-
     sendBtn.style.display = 'none';
-
     const container = document.createElement('div');
     container.classList.add('inboxsdk__compose_customSendContainer');
     container.appendChild(el);
     this._element.setAttribute('data-inboxsdk-send-replaced', '');
-
     sendBtn.insertAdjacentElement('afterend', container);
-
-    const removalStopper = kefirStopper();
-
+    const removalStopper = (0, _kefirStopper.default)();
     return () => {
       removalStopper.destroy();
       container.remove();
@@ -649,200 +522,164 @@ class InboxComposeView {
       sendBtn.style.display = '';
     };
   }
-
-  hideDiscardButton(): () => void {
-    const { discardBtn } = this._p.elements;
+  hideDiscardButton() {
+    const {
+      discardBtn
+    } = this._p.elements;
     if (!discardBtn) throw new Error('Could not locate discard button');
-
     const discardDivider = discardBtn.previousElementSibling;
     if (!(discardDivider instanceof HTMLElement)) {
       throw new Error('Could not locate discard button divider');
     }
-
     discardBtn.style.display = 'none';
     discardDivider.style.display = 'none';
-
     return () => {
       discardBtn.style.display = '';
       discardDivider.style.display = '';
     };
   }
-
   close() {
     if (this._p.attributes.isInline) {
       throw new Error('Not implemented for inline compose');
     }
-
-    const { closeBtn } = this._els;
-
+    const {
+      closeBtn
+    } = this._els;
     if (closeBtn) {
-      this._element.dispatchEvent(
-        new CustomEvent('closedProgrammatically', {
-          bubbles: false,
-          cancelable: false,
-          detail: null,
-        })
-      );
-
-      simulateClick(closeBtn);
+      this._element.dispatchEvent(new CustomEvent('closedProgrammatically', {
+        bubbles: false,
+        cancelable: false,
+        detail: null
+      }));
+      (0, _simulateMouseEvent.simulateClick)(closeBtn);
     }
   }
-  send({ sendAndArchive }: { sendAndArchive: boolean }) {
-    if (!this._els.sendBtn)
-      throw new Error('Compose View missing send element');
-    simulateClick(this._els.sendBtn);
+  send(_ref11) {
+    let {
+      sendAndArchive
+    } = _ref11;
+    if (!this._els.sendBtn) throw new Error('Compose View missing send element');
+    (0, _simulateMouseEvent.simulateClick)(this._els.sendBtn);
   }
   discard() {
-    simulateClick(this.getDiscardButton());
+    (0, _simulateMouseEvent.simulateClick)(this.getDiscardButton());
   }
-  setMinimized(minimized: boolean) {
+  setMinimized(minimized) {
     if (minimized !== this.isMinimized()) {
-      if (this._p.attributes.isInline)
-        throw new Error('Not implemented for inline compose views');
-      const { minimizeBtn } = this._els;
+      if (this._p.attributes.isInline) throw new Error('Not implemented for inline compose views');
+      const {
+        minimizeBtn
+      } = this._els;
       if (!minimizeBtn) throw new Error('Could not find minimize button');
       minimizeBtn.click();
     }
   }
-  setFullscreen(fullscreen: boolean) {
+  setFullscreen(fullscreen) {
     if (fullscreen !== this.isFullscreen()) {
-      if (this._p.attributes.isInline)
-        throw new Error('Not implemented for inline compose views');
-      const { toggleFullscreenButton } = this._els;
-      if (!toggleFullscreenButton)
-        throw new Error('Could not find fullscreen button');
+      if (this._p.attributes.isInline) throw new Error('Not implemented for inline compose views');
+      const {
+        toggleFullscreenButton
+      } = this._els;
+      if (!toggleFullscreenButton) throw new Error('Could not find fullscreen button');
       toggleFullscreenButton.click();
     }
   }
-
-  setTitleBarColor(color: string): () => void {
-    const { isInline } = this._p.attributes;
+  setTitleBarColor(color) {
+    const {
+      isInline
+    } = this._p.attributes;
     if (isInline) throw new Error('Cannot set title bar of inline compose');
-
-    const { titleBar } = this._p.elements;
+    const {
+      titleBar
+    } = this._p.elements;
     if (!titleBar) throw new Error('Could not locate compose title bar');
-
     titleBar.style.backgroundColor = color;
-
     return () => {
       titleBar.style.backgroundColor = '';
     };
   }
-
-  setTitleBarText(text: string): () => void {
+  setTitleBarText(text) {
     throw new Error('Not supported in Inbox');
   }
-
-  addButton(
-    buttonDescriptor: Kefir.Observable<?ComposeButtonDescriptor>,
-    groupOrderHint: string,
-    extraOnClickOptions: Object
-  ): Promise<?Object> {
-    var buttonViewController = new InboxComposeButtonView(
-      this,
-      buttonDescriptor,
-      groupOrderHint,
-      extraOnClickOptions
-    );
+  addButton(buttonDescriptor, groupOrderHint, extraOnClickOptions) {
+    var buttonViewController = new _inboxComposeButtonView.default(this, buttonDescriptor, groupOrderHint, extraOnClickOptions);
     return Promise.resolve({
       buttonViewController,
-      buttonDescriptor: {},
+      buttonDescriptor: {}
     });
   }
-  getModifierButtonContainer(): HTMLElement {
+  getModifierButtonContainer() {
     if (this._modifierButtonContainer) {
       return this._modifierButtonContainer;
     }
-    this._modifierButtonContainer = this._element.querySelector(
-      '.inboxsdk__compose_actionToolbar'
-    );
+    this._modifierButtonContainer = this._element.querySelector('.inboxsdk__compose_actionToolbar');
     if (this._modifierButtonContainer) {
       return this._modifierButtonContainer;
     }
     const div = document.createElement('div');
     div.className = 'inboxsdk__compose_actionToolbar';
-
     if (!this._p.attributes.isInline) {
-      const hiddenAttachBtn = this._els.attachBtn
-        ? this._els.attachBtn.nextSibling
-        : null;
-      if (
-        hiddenAttachBtn instanceof HTMLElement &&
-        hiddenAttachBtn.style.position === 'absolute'
-      ) {
+      const hiddenAttachBtn = this._els.attachBtn ? this._els.attachBtn.nextSibling : null;
+      if (hiddenAttachBtn instanceof HTMLElement && hiddenAttachBtn.style.position === 'absolute') {
         hiddenAttachBtn.style.display = 'none';
       } else {
-        this._driver
-          .getLogger()
-          .error(new Error("Didn't find hiddenAttachBtn"));
+        this._driver.getLogger().error(new Error("Didn't find hiddenAttachBtn"));
       }
     }
-
     const sendBtn = this._els.sendBtn;
     if (!sendBtn) throw new Error('Compose View missing send element');
     const sendParent = sendBtn.parentElement;
     if (!sendParent) throw new Error('Could not find send button parent');
     sendParent.insertBefore(div, sendBtn.nextSibling);
-
     this._modifierButtonContainer = div;
     return div;
   }
-  addRecipientRow(options: Kefir.Observable<?Object>): () => void {
-    if (this._p.attributes.isInline)
-      throw new Error('Cannot add recipient rows to inline compose views');
-
-    return addRecipientRow(this, options);
+  addRecipientRow(options) {
+    if (this._p.attributes.isInline) throw new Error('Cannot add recipient rows to inline compose views');
+    return (0, _addRecipientRow.default)(this, options);
   }
-  forceRecipientRowsOpen(): () => void {
+  forceRecipientRowsOpen() {
     console.warn('ComposeView.forceRecipientRowsOpen() is a no-op in Inbox'); // eslint-disable-line no-console
     return () => {};
   }
-  hideNativeRecipientRows(): () => void {
-    if (this._p.attributes.isInline)
-      throw new Error('Cannot hide recipient rows on inline compose views');
-
+  hideNativeRecipientRows() {
+    if (this._p.attributes.isInline) throw new Error('Cannot hide recipient rows on inline compose views');
     const rows = [this.getToRow(), this.getCCRow(), this.getBCCRow()];
-
-    rows.forEach((row) => {
+    rows.forEach(row => {
       row.classList.add('inboxsdk__compose_forceRecipientRowHidden');
     });
-
     return () => {
-      rows.forEach((row) => {
+      rows.forEach(row => {
         row.classList.remove('inboxsdk__compose_forceRecipientRowHidden');
       });
     };
   }
-  hideRecipientArea(): () => void {
+  hideRecipientArea() {
     throw new Error('Not implemented');
   }
-  addOuterSidebar(options: { title: string, el: HTMLElement }): void {
+  addOuterSidebar(options) {
     throw new Error('Not implemented');
   }
-  addInnerSidebar(options: { el: HTMLElement }): void {
+  addInnerSidebar(options) {
     throw new Error('Not implemented');
   }
-  addComposeNotice(composeNoticeDescriptor?: { orderHint?: number }) {
+  addComposeNotice(composeNoticeDescriptor) {
     throw new Error('Not implemented');
   }
-  addStatusBar(options?: {
-    height?: number,
-    orderHint?: number,
-    addAboveNativeStatusBar?: boolean,
-  }): StatusBar {
+  addStatusBar(options) {
     throw new Error('Not implemented');
   }
-  hideNativeStatusBar(): () => void {
+  hideNativeStatusBar() {
     throw new Error('Not Implemented');
   }
-  isForward(): boolean {
+  isForward() {
     throw new Error('Not Implemented');
   }
-  isReply(): boolean {
+  isReply() {
     if (this._p.attributes.isInline) return true;
     throw new Error('Not implemented');
   }
-  isInlineReplyForm(): boolean {
+  isInlineReplyForm() {
     return this._p.attributes.isInline;
   }
   popOut() {
@@ -852,83 +689,76 @@ class InboxComposeView {
     if (!this._els.popOutBtn) {
       throw new Error('Should not happen');
     }
-    simulateClick(this._els.popOutBtn);
+    (0, _simulateMouseEvent.simulateClick)(this._els.popOutBtn);
   }
-  registerRequestModifier(modifier: Object): void {
+  registerRequestModifier(modifier) {
     throw new Error('Not implemented');
   }
-  attachFiles(files: Blob[]): Promise<void> {
+  attachFiles(files) {
     throw new Error('Not implemented');
   }
-  attachInlineFiles(files: Blob[]): Promise<void> {
+  attachInlineFiles(files) {
     throw new Error('Not implemented');
   }
-  isFullscreen(): boolean {
+  isFullscreen() {
     return this._isFullscreenMode;
   }
-  isMinimized(): boolean {
+  isMinimized() {
     return this._isMinimized;
   }
-
-  getSubjectInput(): ?HTMLInputElement {
+  getSubjectInput() {
     return this._els.subject;
   }
-
-  getMetadataFormElement(): HTMLElement {
+  getMetadataFormElement() {
     throw new Error('Not supported in Inbox.');
   }
-
-  getToRow(): HTMLElement {
-    const { toRow } = this._els;
+  getToRow() {
+    const {
+      toRow
+    } = this._els;
     if (!toRow) throw new Error('Could not locate To row');
-
     return toRow;
   }
-
-  getCCRow(): HTMLElement {
-    const { ccRow } = this._els;
+  getCCRow() {
+    const {
+      ccRow
+    } = this._els;
     if (!ccRow) throw new Error('Could not locate CC row');
-
     return ccRow;
   }
-
-  getBCCRow(): HTMLElement {
-    const { bccRow } = this._els;
+  getBCCRow() {
+    const {
+      bccRow
+    } = this._els;
     if (!bccRow) throw new Error('Could not locate BCC row');
-
     return bccRow;
   }
-
-  getBodyElement(): HTMLElement {
+  getBodyElement() {
     if (!this._els.body) throw new Error('Compose View missing body element');
     return this._els.body;
   }
-  getHTMLContent(): string {
+  getHTMLContent() {
     return this.getBodyElement().innerHTML;
   }
-  getTextContent(): string {
+  getTextContent() {
     return this.getBodyElement().textContent;
   }
-  getSelectedBodyHTML(): ?string {
-    return getSelectedHTMLInElement(
-      this.getBodyElement(),
-      this._lastBodySelectionRange
-    );
+  getSelectedBodyHTML() {
+    return (0, _getSelection.getSelectedHTMLInElement)(this.getBodyElement(), this._lastBodySelectionRange);
   }
-  getSelectedBodyText(): ?string {
-    return getSelectedTextInElement(
-      this.getBodyElement(),
-      this._lastBodySelectionRange
-    );
+  getSelectedBodyText() {
+    return (0, _getSelection.getSelectedTextInElement)(this.getBodyElement(), this._lastBodySelectionRange);
   }
-  getSubject(): string {
-    const { subject } = this._els;
+  getSubject() {
+    const {
+      subject
+    } = this._els;
     if (!subject) {
       throw new Error('InboxSDK: Could not locate subject field');
     }
     return subject.value;
   }
-  setSubject(text: string): void {
+  setSubject(text) {
     if (this._p.attributes.isInline) {
       throw new Error('setSubject is not supported for inline compose views');
     }
@@ -937,82 +767,68 @@ class InboxComposeView {
     }
     this._els.subject.value = text;
   }
-  _getRecipients(inputElement: HTMLElement): Contact[] {
+  _getRecipients(inputElement) {
     const chipContainer = inputElement.parentElement;
     if (!chipContainer) throw new Error('Should not happen');
-
-    return Array.from(chipContainer.children)
-      .filter(
-        (el) =>
-          el.nodeName === 'DIV' &&
-          el.hasAttribute('email') &&
-          el.style.display !== 'none'
-      )
-      .map((chip) => ({
-        emailAddress: chip.getAttribute('email') || '',
-        name: chip.textContent,
-      }));
-  }
-  getToRecipients(): Contact[] {
-    if (this._p.attributes.isInline)
-      throw new Error("Can't get recipients of inline compose");
-    const { toInput } = this._els;
+    return Array.from(chipContainer.children).filter(el => el.nodeName === 'DIV' && el.hasAttribute('email') && el.style.display !== 'none').map(chip => ({
+      emailAddress: chip.getAttribute('email') || '',
+      name: chip.textContent
+    }));
+  }
+  getToRecipients() {
+    if (this._p.attributes.isInline) throw new Error("Can't get recipients of inline compose");
+    const {
+      toInput
+    } = this._els;
     if (!toInput) throw new Error('Compose View missing recipient input');
     return this._getRecipients(toInput);
   }
-  getCcRecipients(): Contact[] {
-    if (this._p.attributes.isInline)
-      throw new Error("Can't get recipients of inline compose");
-    const { ccInput } = this._els;
+  getCcRecipients() {
+    if (this._p.attributes.isInline) throw new Error("Can't get recipients of inline compose");
+    const {
+      ccInput
+    } = this._els;
     if (!ccInput) throw new Error('Compose View missing recipient input');
     return this._getRecipients(ccInput);
   }
-  getBccRecipients(): Contact[] {
-    if (this._p.attributes.isInline)
-      throw new Error("Can't get recipients of inline compose");
-    const { bccInput } = this._els;
+  getBccRecipients() {
+    if (this._p.attributes.isInline) throw new Error("Can't get recipients of inline compose");
+    const {
+      bccInput
+    } = this._els;
     if (!bccInput) throw new Error('Compose View missing recipient input');
     return this._getRecipients(bccInput);
   }
-  getComposeID(): string {
+  getComposeID() {
     throw new Error('This method was discontinued');
   }
-  getInitialMessageID(): ?string {
-    throw new Error(
-      'composeView.getInitialMessageID is not implemented in Inbox'
-    );
+  getInitialMessageID() {
+    throw new Error('composeView.getInitialMessageID is not implemented in Inbox');
   }
-  getMessageID(): ?string {
+  getMessageID() {
     throw new Error('composeView.getMessageID is not implemented in Inbox');
   }
-  getThreadID(): ?string {
+  getThreadID() {
     // TODO
     return null;
   }
-  getCurrentDraftID(): Promise<?string> {
+  getCurrentDraftID() {
     return Promise.resolve(this._draftID);
   }
-  getDraftID(): Promise<?string> {
+  getDraftID() {
     return Promise.resolve(this._draftID);
   }
-  addTooltipToButton(
-    buttonViewController: Object,
-    buttonDescriptor: Object,
-    tooltipDescriptor: TooltipDescriptor
-  ) {
-    (buttonViewController: InboxComposeButtonView).showTooltip(
-      tooltipDescriptor
-    );
-  }
-  closeButtonTooltip(buttonViewController: Object) {
-    (buttonViewController: InboxComposeButtonView).closeTooltip();
-  }
-  getDiscardButton(): HTMLElement {
-    if (!this._els.discardBtn)
-      throw new Error('Compose View missing discard button');
+  addTooltipToButton(buttonViewController, buttonDescriptor, tooltipDescriptor) {
+    buttonViewController.showTooltip(tooltipDescriptor);
+  }
+  closeButtonTooltip(buttonViewController) {
+    buttonViewController.closeTooltip();
+  }
+  getDiscardButton() {
+    if (!this._els.discardBtn) throw new Error('Compose View missing discard button');
     return this._els.discardBtn;
   }
-  getSendButton(): HTMLElement {
+  getSendButton() {
     if (!this._els.sendBtn) throw new Error('Compose View missing send button');
     return this._els.sendBtn;
   }
@@ -1023,5 +839,5 @@ class InboxComposeView {
     //TODO
   }
 }
-
-export default defn(module, InboxComposeView);
+var _default = (0, _ud.defn)(module, InboxComposeView);
+exports.default = _default;