@inboxsdk/core 0.2.28-alpha.5 → 0.2.28

package/src/platform-implementation-js/dom-driver/inbox/inbox-driver.js

@@ -1,386 +1,512 @@
-"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 _once = _interopRequireDefault(require("lodash/once"));
-var _constant = _interopRequireDefault(require("lodash/constant"));
-var _includes = _interopRequireDefault(require("lodash/includes"));
-var _autoHtml = _interopRequireDefault(require("auto-html"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirBus = _interopRequireDefault(require("kefir-bus"));
-var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
-var _ud = require("ud");
-var _liveSet = _interopRequireDefault(require("live-set"));
-var _filter = _interopRequireDefault(require("live-set/filter"));
-var _merge = _interopRequireDefault(require("live-set/merge"));
-var _flatMap = _interopRequireDefault(require("live-set/flatMap"));
-var _mapWithRemoval = _interopRequireDefault(require("live-set/mapWithRemoval"));
-var _toValueObservable = _interopRequireDefault(require("live-set/toValueObservable"));
-var _makePageParserTree = _interopRequireDefault(require("./makePageParserTree"));
-var _logger = _interopRequireDefault(require("../../lib/logger"));
-var _toItemWithLifetimeStream = _interopRequireDefault(require("../../lib/toItemWithLifetimeStream"));
-var _injectScript = require("../../lib/inject-script");
-var _fromEventTargetCapture = _interopRequireDefault(require("../../lib/from-event-target-capture"));
-var _bimapcache = _interopRequireDefault(require("bimapcache"));
-var _getInboxMessageIdForInboxThreadId = _interopRequireDefault(require("./getInboxMessageIdForInboxThreadId"));
-var _getGmailMessageIdForSyncMessageId = _interopRequireDefault(require("../../driver-common/getGmailMessageIdForSyncMessageId"));
-var _getThreadIdFromMessageId = _interopRequireDefault(require("../../driver-common/getThreadIdFromMessageId"));
-var _gmailAjax = _interopRequireDefault(require("../../driver-common/gmailAjax"));
-var _getAccountUrlPart = _interopRequireDefault(require("../../driver-common/getAccountUrlPart"));
-var _simulateKey = _interopRequireDefault(require("../../lib/dom/simulate-key"));
-var _setCss = _interopRequireDefault(require("../../lib/dom/set-css"));
-var _querySelectorOrFail = _interopRequireDefault(require("../../lib/dom/querySelectorOrFail"));
-var _customStyle = _interopRequireDefault(require("./custom-style"));
-var _censorHTMLstring = _interopRequireDefault(require("../../../common/censorHTMLstring"));
-var _censorHTMLtree = _interopRequireDefault(require("../../../common/censorHTMLtree"));
-var _getComposeViewDriverLiveSet = _interopRequireDefault(require("./getComposeViewDriverLiveSet"));
-var _addNavItem = _interopRequireDefault(require("./addNavItem"));
-var _querySelectorOne = _interopRequireDefault(require("../../lib/dom/querySelectorOne"));
-var _idMap = _interopRequireDefault(require("../../lib/idMap"));
-var _makeMutationObserverChunkedStream = _interopRequireDefault(require("../../lib/dom/make-mutation-observer-chunked-stream"));
-var _getSidebarClassnames = _interopRequireDefault(require("./getSidebarClassnames"));
-var _inboxButterBarDriver = _interopRequireDefault(require("./inbox-butter-bar-driver"));
-var _createLink = _interopRequireDefault(require("./createLink"));
-var _gotoView = _interopRequireDefault(require("./gotoView"));
-var _parser = _interopRequireDefault(require("./detection/thread/parser"));
-var _parser2 = _interopRequireDefault(require("./detection/thread-row/parser"));
-var _parser3 = _interopRequireDefault(require("./detection/message/parser"));
-var _parser4 = _interopRequireDefault(require("./detection/attachmentCard/parser"));
-var _parser5 = _interopRequireDefault(require("./detection/attachmentOverlay/parser"));
-var _parser6 = _interopRequireDefault(require("./detection/nativeDrawer/parser"));
-var _parser7 = _interopRequireDefault(require("./detection/searchBar/parser"));
-var _parser8 = _interopRequireDefault(require("./detection/chatSidebar/parser"));
-var _parser9 = _interopRequireDefault(require("./detection/appToolbarLocation/parser"));
-var _setupRouteViewDriverStream = _interopRequireDefault(require("./setupRouteViewDriverStream"));
-var _inboxThreadView = _interopRequireDefault(require("./views/inbox-thread-view"));
-var _inboxThreadRowView = _interopRequireDefault(require("./views/inbox-thread-row-view"));
-var _inboxMessageView = _interopRequireDefault(require("./views/inbox-message-view"));
-var _inboxAttachmentCardView = _interopRequireDefault(require("./views/inbox-attachment-card-view"));
-var _inboxAttachmentOverlayView = _interopRequireDefault(require("./views/inbox-attachment-overlay-view"));
-var _inboxChatSidebarView = _interopRequireDefault(require("./views/inbox-chat-sidebar-view"));
-var _InboxToolbarView = _interopRequireDefault(require("./views/InboxToolbarView"));
-var _InboxMoleViewDriver = _interopRequireDefault(require("./views/InboxMoleViewDriver"));
-var _inboxAppSidebarView = _interopRequireDefault(require("./views/inbox-app-sidebar-view"));
-var _registerSearchSuggestionsProvider = _interopRequireDefault(require("./registerSearchSuggestionsProvider"));
-var _inboxAppToolbarButtonView = _interopRequireDefault(require("./views/inbox-app-toolbar-button-view"));
-var _inboxPageCommunicator = _interopRequireDefault(require("./inbox-page-communicator"));
-var _inboxModalView = _interopRequireDefault(require("./views/inbox-modal-view"));
-var _inboxDrawerView = _interopRequireDefault(require("./views/inbox-drawer-view"));
-var _inboxBackdrop = _interopRequireDefault(require("./views/inbox-backdrop"));
-/* eslint-disable flowtype/require-valid-file-annotation -- flow support is deprecated and this file existed for a Google product that no longer exists */
+/* @flow */
+
+import once from 'lodash/once';
+import constant from 'lodash/constant';
+import includes from 'lodash/includes';
+import autoHtml from 'auto-html';
+
+import Kefir from 'kefir';
+import kefirBus from 'kefir-bus';
+import type { Bus } from 'kefir-bus';
+import kefirStopper from 'kefir-stopper';
+import type { Stopper } from 'kefir-stopper';
+import { defn } from 'ud';
+
+import type { TagTree } from 'tag-tree';
+import LiveSet from 'live-set';
+import lsFilter from 'live-set/filter';
+import lsMerge from 'live-set/merge';
+import lsFlatMap from 'live-set/flatMap';
+import lsMapWithRemoval from 'live-set/mapWithRemoval';
+import toValueObservable from 'live-set/toValueObservable';
+import type PageParserTree from 'page-parser-tree';
+import makePageParserTree from './makePageParserTree';
+
+import Logger from '../../lib/logger';
+import toItemWithLifetimeStream from '../../lib/toItemWithLifetimeStream';
+import { injectScript } from '../../lib/inject-script';
+import fromEventTargetCapture from '../../lib/from-event-target-capture';
+import BiMapCache from 'bimapcache';
+import getInboxMessageIdForInboxThreadId from './getInboxMessageIdForInboxThreadId';
+import getGmailMessageIdForSyncMessageId from '../../driver-common/getGmailMessageIdForSyncMessageId';
+import getThreadIdFromMessageId from '../../driver-common/getThreadIdFromMessageId';
+import gmailAjax from '../../driver-common/gmailAjax';
+import getAccountUrlPart from '../../driver-common/getAccountUrlPart';
+import simulateKey from '../../lib/dom/simulate-key';
+import setCss from '../../lib/dom/set-css';
+import querySelector from '../../lib/dom/querySelectorOrFail';
+import customStyle from './custom-style';
+import censorHTMLstring from '../../../common/censorHTMLstring';
+import censorHTMLtree from '../../../common/censorHTMLtree';
+import type KeyboardShortcutHandle from '../../views/keyboard-shortcut-handle';
+import getComposeViewDriverLiveSet from './getComposeViewDriverLiveSet';
+import addNavItem from './addNavItem';
+
+import type {
+  ItemWithLifetime,
+  ElementWithLifetime,
+} from '../../lib/dom/make-element-child-stream';
+import querySelectorOne from '../../lib/dom/querySelectorOne';
+import idMap from '../../lib/idMap';
+import makeMutationObserverChunkedStream from '../../lib/dom/make-mutation-observer-chunked-stream';
+import getSidebarClassnames from './getSidebarClassnames';
+import InboxButterBarDriver from './inbox-butter-bar-driver';
+import createLink from './createLink';
+import gotoView from './gotoView';
+
+import threadParser from './detection/thread/parser';
+import threadRowParser from './detection/thread-row/parser';
+import messageParser from './detection/message/parser';
+import attachmentCardParser from './detection/attachmentCard/parser';
+import attachmentOverlayParser from './detection/attachmentOverlay/parser';
+import nativeDrawerParser from './detection/nativeDrawer/parser';
+import searchBarParser from './detection/searchBar/parser';
+import chatSidebarParser from './detection/chatSidebar/parser';
+import appToolbarLocationParser from './detection/appToolbarLocation/parser';
+
+import setupRouteViewDriverStream from './setupRouteViewDriverStream';
+
+import type InboxRouteView from './views/inbox-route-view';
+import type InboxCustomRouteView from './views/inbox-custom-route-view';
+import type InboxDummyRouteView from './views/inbox-dummy-route-view';
+import type InboxComposeView from './views/inbox-compose-view';
+import InboxThreadView from './views/inbox-thread-view';
+import InboxThreadRowView from './views/inbox-thread-row-view';
+import InboxMessageView from './views/inbox-message-view';
+import InboxAttachmentCardView from './views/inbox-attachment-card-view';
+import InboxAttachmentOverlayView from './views/inbox-attachment-overlay-view';
+import InboxChatSidebarView from './views/inbox-chat-sidebar-view';
+import InboxToolbarView from './views/InboxToolbarView';
+import InboxMoleViewDriver from './views/InboxMoleViewDriver';
+
+import InboxAppSidebarView from './views/inbox-app-sidebar-view';
+
+import registerSearchSuggestionsProvider from './registerSearchSuggestionsProvider';
+
+import InboxAppToolbarButtonView from './views/inbox-app-toolbar-button-view';
+import InboxPageCommunicator from './inbox-page-communicator';
+import InboxModalView from './views/inbox-modal-view';
+import InboxDrawerView from './views/inbox-drawer-view';
+import InboxBackdrop from './views/inbox-backdrop';
+import type ButterBar from '../../namespaces/butter-bar';
+import type { RouteParams } from '../../namespaces/router';
+import type { Driver, DrawerViewOptions } from '../../driver-interfaces/driver';
+import type { PiOpts, EnvData } from '../../platform-implementation';
 
 class InboxDriver {
-  constructor(appId, LOADER_VERSION, IMPL_VERSION, logger, opts, envData) {
-    (0, _defineProperty2.default)(this, "_threadViewElements", new WeakMap());
-    (0, _defineProperty2.default)(this, "_messageViewElements", new WeakMap());
-    (0, _defineProperty2.default)(this, "_butterBarDriver", new _inboxButterBarDriver.default());
-    (0, _defineProperty2.default)(this, "_lastInteractedAttachmentCardView", null);
-    (0, _defineProperty2.default)(this, "_lastInteractedAttachmentCardViewSet", (0, _kefirBus.default)());
-    (0, _defineProperty2.default)(this, "_appSidebarView", null);
-    (0, _defineProperty2.default)(this, "_customRouteIDs", new Set());
-    (0, _defineProperty2.default)(this, "getGmailActionToken", (0, _once.default)(async () => {
-      const response = await (0, _gmailAjax.default)({
-        url: `https://mail.google.com/mail${(0, _getAccountUrlPart.default)()}/`,
-        xhrFields: {
-          withCredentials: true
-        },
-        canRetry: true
-      });
-      const tokenVarMatch = response.text.match(/var GM_ACTION_TOKEN=("[^"]+")/);
-      if (!tokenVarMatch) {
-        throw new Error('Could not find GM_ACTION_TOKEN');
-      }
-      return JSON.parse(tokenVarMatch[1]);
-    }));
-    this; // interface check
-    (0, _customStyle.default)();
+  _appId: string;
+  _logger: Logger;
+  _opts: PiOpts;
+  _envData: EnvData;
+  _stopper: Stopper;
+  onready: Promise<void>;
+  _page: PageParserTree;
+  _routeViewDriverStream: Kefir.Observable<*>;
+  _rowListViewDriverStream: Kefir.Observable<any>;
+  _composeViewDriverLiveSet: LiveSet<InboxComposeView>;
+  _threadRowViewDriverLiveSet: LiveSet<InboxThreadRowView>;
+  _threadViewDriverLiveSet: LiveSet<InboxThreadView>;
+  _messageViewDriverLiveSet: LiveSet<InboxMessageView>;
+  _attachmentCardViewDriverLiveSet: LiveSet<InboxAttachmentCardView>;
+  _attachmentOverlayViewDriverLiveSet: LiveSet<InboxAttachmentOverlayView>;
+  _chatSidebarViewLiveSet: LiveSet<InboxChatSidebarView>;
+  _toolbarViewDriverLiveSet: LiveSet<InboxToolbarView>;
+  _currentRouteViewDriver:
+    | InboxRouteView
+    | InboxDummyRouteView
+    | InboxCustomRouteView;
+  _threadViewElements: WeakMap<HTMLElement, InboxThreadView> = new WeakMap();
+  _messageViewElements: WeakMap<HTMLElement, InboxMessageView> = new WeakMap();
+  _butterBarDriver = new InboxButterBarDriver();
+  _butterBar: ButterBar;
+  _pageCommunicator: InboxPageCommunicator;
+  _lastInteractedAttachmentCardView: ?InboxAttachmentCardView = null;
+  _lastInteractedAttachmentCardViewSet: Bus<any> = kefirBus();
+  _appSidebarView: ?InboxAppSidebarView = null;
+  _customRouteIDs: Set<string> = new Set();
+  _navMenuContainer: ?HTMLElement;
+  _threadIdStats: {
+    threadRows: {
+      totalThreads: Set<string>,
+      totalCalls: number,
+      threadsWithoutGmailId: Set<string>,
+      callsWithoutGmailId: number,
+      threadsWithFetch: number,
+    },
+  };
+
+  getGmailMessageIdForSyncMessageId: (
+    inboxMessageId: string
+  ) => Promise<string>;
+  getInboxMessageIdForInboxThreadId: (inboxThreadId: string) => Promise<string>;
+  getThreadIdFromMessageId: (messageId: string) => Promise<string>;
+
+  constructor(
+    appId: string,
+    LOADER_VERSION: string,
+    IMPL_VERSION: string,
+    logger: Logger,
+    opts: PiOpts,
+    envData: EnvData
+  ) {
+    (this: Driver); // interface check
+    customStyle();
     this._appId = appId;
     this._logger = logger;
     this._opts = opts;
     this._envData = envData;
-    this._stopper = (0, _kefirStopper.default)();
-    this._pageCommunicator = new _inboxPageCommunicator.default();
-    this._page = (0, _makePageParserTree.default)(this, document);
+    this._stopper = kefirStopper();
+    this._pageCommunicator = new InboxPageCommunicator();
+
+    this._page = makePageParserTree(this, document);
     this._stopper.onValue(() => this._page.dump());
-    this.onready = (0, _injectScript.injectScript)().then(() => {
+
+    this.onready = injectScript().then(() => {
       this._logger.setUserEmailAddress(this.getUserEmailAddress());
     });
+
     this._setupThreadIdStats();
+
     {
       if (global.localStorage) {
         // We used to not always identify the ids of messages correctly, so we
         // just drop the old cache and use a new one.
-        global.localStorage.removeItem('inboxsdk__cached_gmail_and_inbox_message_ids');
+        global.localStorage.removeItem(
+          'inboxsdk__cached_gmail_and_inbox_message_ids'
+        );
       }
-      const gmailMessageIdForInboxMessageIdCache = new _bimapcache.default({
+      const gmailMessageIdForInboxMessageIdCache = new BiMapCache({
         key: 'inboxsdk__cached_gmail_and_inbox_message_ids_2',
-        getAfromB: inboxMessageId => (0, _getGmailMessageIdForSyncMessageId.default)(this, inboxMessageId),
+        getAfromB: (inboxMessageId: string) =>
+          getGmailMessageIdForSyncMessageId(this, inboxMessageId),
         getBfromA() {
           throw new Error('should not happen');
-        }
+        },
       });
-      this.getGmailMessageIdForSyncMessageId = inboxMessageId => gmailMessageIdForInboxMessageIdCache.getAfromB(inboxMessageId);
+      this.getGmailMessageIdForSyncMessageId = (inboxMessageId) =>
+        gmailMessageIdForInboxMessageIdCache.getAfromB(inboxMessageId);
     }
+
     {
-      const inboxMessageIdForInboxThreadIdCache = new _bimapcache.default({
+      const inboxMessageIdForInboxThreadIdCache = new BiMapCache({
         key: 'inboxsdk__cached_inbox_message_and_inbox_thread_ids',
-        getAfromB: inboxThreadId => {
+        getAfromB: (inboxThreadId: string) => {
           this._threadIdStats.threadRows.threadsWithFetch += 1;
-          return (0, _getInboxMessageIdForInboxThreadId.default)(this, inboxThreadId);
+          return getInboxMessageIdForInboxThreadId(this, inboxThreadId);
         },
         getBfromA() {
           throw new Error('should not happen');
-        }
+        },
       });
-      this.getInboxMessageIdForInboxThreadId = inboxThreadId => inboxMessageIdForInboxThreadIdCache.getAfromB(inboxThreadId);
+      this.getInboxMessageIdForInboxThreadId = (inboxThreadId) =>
+        inboxMessageIdForInboxThreadIdCache.getAfromB(inboxThreadId);
     }
+
     {
-      const threadIdFromMessageIdCache = new _bimapcache.default({
+      const threadIdFromMessageIdCache = new BiMapCache({
         key: 'inboxsdk__cached_thread_and_message_ids',
-        getAfromB: messageId => (0, _getThreadIdFromMessageId.default)(this, messageId),
+        getAfromB: (messageId: string) =>
+          getThreadIdFromMessageId(this, messageId),
         getBfromA() {
           throw new Error('should not happen');
-        }
+        },
       });
-      this.getThreadIdFromMessageId = messageId => threadIdFromMessageIdCache.getAfromB(messageId);
+      this.getThreadIdFromMessageId = (messageId) =>
+        threadIdFromMessageIdCache.getAfromB(messageId);
     }
-    this._threadRowViewDriverLiveSet = (0, _mapWithRemoval.default)(this._page.tree.getAllByTag('collapsedThreadRow'), (node, removal) => {
-      const el = node.getValue();
-      const parsed = (0, _parser2.default)(el);
-      if (parsed.errors.length) {
-        this._logger.errorSite(new Error('parse errors (threadRow)'), {
-          score: parsed.score,
-          errors: parsed.errors,
-          html: (0, _censorHTMLtree.default)(el)
+
+    this._threadRowViewDriverLiveSet = lsMapWithRemoval(
+      this._page.tree.getAllByTag('collapsedThreadRow'),
+      (node, removal) => {
+        const el = node.getValue();
+        const parsed = threadRowParser(el);
+        if (parsed.errors.length) {
+          this._logger.errorSite(new Error('parse errors (threadRow)'), {
+            score: parsed.score,
+            errors: parsed.errors,
+            html: censorHTMLtree(el),
+          });
+        }
+        const view = new InboxThreadRowView(el, this, parsed);
+        removal.then(() => {
+          view.destroy();
         });
+        return view;
       }
-      const view = new _inboxThreadRowView.default(el, this, parsed);
-      removal.then(() => {
-        view.destroy();
-      });
-      return view;
-    });
-    this._threadViewDriverLiveSet = (0, _flatMap.default)(this._page.tree.getAllByTag('thread'), node => {
-      const el = node.getValue();
-      let parsed = (0, _parser.default)(el);
-      if (parsed.errors.length) {
-        this._logger.errorSite(new Error('parse errors (thread)'), {
-          score: parsed.score,
-          errors: parsed.errors,
-          html: (0, _censorHTMLtree.default)(el)
+    );
+
+    this._threadViewDriverLiveSet = lsFlatMap(
+      this._page.tree.getAllByTag('thread'),
+      (node) => {
+        const el = node.getValue();
+        let parsed = threadParser(el);
+        if (parsed.errors.length) {
+          this._logger.errorSite(new Error('parse errors (thread)'), {
+            score: parsed.score,
+            errors: parsed.errors,
+            html: censorHTMLtree(el),
+          });
+        }
+        return new LiveSet({
+          read() {
+            throw new Error();
+          },
+          listen: (setValues, controller) => {
+            setValues(new Set());
+            const unsub = kefirStopper();
+
+            // If the InboxThreadView is destroyed before the element is removed,
+            // then make a new InboxThreadView out of the same element.
+            const newView = (firstRun) => {
+              if (!firstRun) {
+                parsed = threadParser(el);
+                if (parsed.errors.length > 0) {
+                  this._logger.errorSite(new Error('thread reparse errors'), {
+                    score: parsed.score,
+                    errors: parsed.errors,
+                    html: censorHTMLtree(el),
+                  });
+                }
+              }
+              const view = new InboxThreadView(el, this, parsed);
+              view
+                .getStopper()
+                .takeUntilBy(unsub)
+                .onValue(() => {
+                  controller.remove(view);
+                  newView(false);
+                });
+              unsub.takeUntilBy(view.getStopper()).onValue(() => {
+                view.destroy();
+              });
+              controller.add(view);
+            };
+
+            newView(true);
+
+            return () => {
+              unsub.destroy();
+            };
+          },
         });
       }
-      return new _liveSet.default({
-        read() {
-          throw new Error();
-        },
-        listen: (setValues, controller) => {
-          setValues(new Set());
-          const unsub = (0, _kefirStopper.default)();
-
-          // If the InboxThreadView is destroyed before the element is removed,
-          // then make a new InboxThreadView out of the same element.
-          const newView = firstRun => {
-            if (!firstRun) {
-              parsed = (0, _parser.default)(el);
-              if (parsed.errors.length > 0) {
-                this._logger.errorSite(new Error('thread reparse errors'), {
-                  score: parsed.score,
-                  errors: parsed.errors,
-                  html: (0, _censorHTMLtree.default)(el)
-                });
-              }
-            }
-            const view = new _inboxThreadView.default(el, this, parsed);
-            view.getStopper().takeUntilBy(unsub).onValue(() => {
-              controller.remove(view);
-              newView(false);
-            });
-            unsub.takeUntilBy(view.getStopper()).onValue(() => {
-              view.destroy();
-            });
-            controller.add(view);
-          };
-          newView(true);
-          return () => {
-            unsub.destroy();
-          };
+    );
+
+    this._messageViewDriverLiveSet = lsFlatMap(
+      this._page.tree.getAllByTag('message'),
+      (node) => {
+        const el = node.getValue();
+        let parsed = messageParser(el);
+        if (parsed.errors.length > 0) {
+          this._logger.errorSite(new Error('parse errors (message)'), {
+            score: parsed.score,
+            errors: parsed.errors,
+            html: censorHTMLtree(el),
+          });
         }
-      });
-    });
-    this._messageViewDriverLiveSet = (0, _flatMap.default)(this._page.tree.getAllByTag('message'), node => {
-      const el = node.getValue();
-      let parsed = (0, _parser3.default)(el);
-      if (parsed.errors.length > 0) {
-        this._logger.errorSite(new Error('parse errors (message)'), {
-          score: parsed.score,
-          errors: parsed.errors,
-          html: (0, _censorHTMLtree.default)(el)
+        if (parsed.attributes.isDraft) return LiveSet.constant(new Set());
+        return new LiveSet({
+          read() {
+            throw new Error();
+          },
+          listen: (setValues, controller) => {
+            setValues(new Set());
+            const unsub = kefirStopper();
+
+            // If the InboxMessageView is destroyed before the element is removed,
+            // then make a new InboxMessageView out of the same element. Inbox re-uses
+            // elements for different messages in some cases.
+            const newView = (firstRun) => {
+              if (!firstRun) {
+                parsed = messageParser(el);
+                if (parsed.errors.length > 0) {
+                  this._logger.errorSite(new Error(`message reparse errors`), {
+                    score: parsed.score,
+                    errors: parsed.errors,
+                    html: censorHTMLtree(el),
+                  });
+                }
+              }
+              const view = new InboxMessageView(el, this, parsed);
+              view
+                .getStopper()
+                .takeUntilBy(unsub)
+                .onValue(() => {
+                  controller.remove(view);
+                  newView(false);
+                });
+              unsub.takeUntilBy(view.getStopper()).onValue(() => {
+                view.destroy();
+              });
+              controller.add(view);
+            };
+
+            newView(true);
+
+            return () => {
+              unsub.destroy();
+            };
+          },
         });
       }
-      if (parsed.attributes.isDraft) return _liveSet.default.constant(new Set());
-      return new _liveSet.default({
-        read() {
-          throw new Error();
-        },
-        listen: (setValues, controller) => {
-          setValues(new Set());
-          const unsub = (0, _kefirStopper.default)();
-
-          // If the InboxMessageView is destroyed before the element is removed,
-          // then make a new InboxMessageView out of the same element. Inbox re-uses
-          // elements for different messages in some cases.
-          const newView = firstRun => {
-            if (!firstRun) {
-              parsed = (0, _parser3.default)(el);
-              if (parsed.errors.length > 0) {
-                this._logger.errorSite(new Error(`message reparse errors`), {
-                  score: parsed.score,
-                  errors: parsed.errors,
-                  html: (0, _censorHTMLtree.default)(el)
-                });
-              }
-            }
-            const view = new _inboxMessageView.default(el, this, parsed);
-            view.getStopper().takeUntilBy(unsub).onValue(() => {
-              controller.remove(view);
-              newView(false);
-            });
-            unsub.takeUntilBy(view.getStopper()).onValue(() => {
-              view.destroy();
-            });
-            controller.add(view);
-          };
-          newView(true);
-          return () => {
-            unsub.destroy();
-          };
+    );
+
+    this._attachmentCardViewDriverLiveSet = lsMapWithRemoval(
+      this._page.tree.getAllByTag('attachmentCard'),
+      (node, removal) => {
+        const el = node.getValue();
+        const parsed = attachmentCardParser(el);
+        if (parsed.errors.length) {
+          this._logger.errorSite(new Error('parse errors (attachmentCard)'), {
+            score: parsed.score,
+            errors: parsed.errors,
+            html: censorHTMLtree(el),
+          });
         }
-      });
-    });
-    this._attachmentCardViewDriverLiveSet = (0, _mapWithRemoval.default)(this._page.tree.getAllByTag('attachmentCard'), (node, removal) => {
-      const el = node.getValue();
-      const parsed = (0, _parser4.default)(el);
-      if (parsed.errors.length) {
-        this._logger.errorSite(new Error('parse errors (attachmentCard)'), {
-          score: parsed.score,
-          errors: parsed.errors,
-          html: (0, _censorHTMLtree.default)(el)
+        const view = new InboxAttachmentCardView({ element: el, parsed }, this);
+        removal.then(() => {
+          view.destroy();
         });
+        return view;
       }
-      const view = new _inboxAttachmentCardView.default({
-        element: el,
-        parsed
-      }, this);
-      removal.then(() => {
-        view.destroy();
-      });
-      return view;
-    });
-    this._attachmentOverlayViewDriverLiveSet = (0, _flatMap.default)(this._page.tree.getAllByTag('attachmentOverlay'), node => {
-      const el = node.getValue();
-      const parsed = (0, _parser5.default)(el);
-      if (parsed.errors.length) {
-        this._logger.errorSite(new Error('parse errors (attachmentOverlay)'), {
-          score: parsed.score,
-          errors: parsed.errors,
-          html: (0, _censorHTMLtree.default)(el)
+    );
+
+    this._attachmentOverlayViewDriverLiveSet = lsFlatMap(
+      this._page.tree.getAllByTag('attachmentOverlay'),
+      (node) => {
+        const el = node.getValue();
+        const parsed = attachmentOverlayParser(el);
+        if (parsed.errors.length) {
+          this._logger.errorSite(
+            new Error('parse errors (attachmentOverlay)'),
+            {
+              score: parsed.score,
+              errors: parsed.errors,
+              html: censorHTMLtree(el),
+            }
+          );
+        }
+        const cardView = this.getLastInteractedAttachmentCardView();
+        if (!cardView) {
+          this._logger.error(
+            new Error('Encountered overlay without knowing cardView')
+          );
+          return LiveSet.constant(new Set());
+        }
+
+        return new LiveSet({
+          read() {
+            throw new Error();
+          },
+          listen: (setValues) => {
+            const view = new InboxAttachmentOverlayView(
+              this,
+              el,
+              parsed,
+              cardView
+            );
+            setValues(new Set([view]));
+            return () => {
+              view.destroy();
+            };
+          },
         });
       }
-      const cardView = this.getLastInteractedAttachmentCardView();
-      if (!cardView) {
-        this._logger.error(new Error('Encountered overlay without knowing cardView'));
-        return _liveSet.default.constant(new Set());
-      }
-      return new _liveSet.default({
-        read() {
-          throw new Error();
-        },
-        listen: setValues => {
-          const view = new _inboxAttachmentOverlayView.default(this, el, parsed, cardView);
-          setValues(new Set([view]));
-          return () => {
-            view.destroy();
-          };
-        }
-      });
-    });
+    );
     this._attachmentOverlayViewDriverLiveSet.subscribe({});
     // force activation because nothing outside of the driver is going to
     // subscribe to this, unlike some of the other livesets.
 
-    this._composeViewDriverLiveSet = (0, _getComposeViewDriverLiveSet.default)(this, this._page.tree);
-    this._chatSidebarViewLiveSet = (0, _mapWithRemoval.default)(this._page.tree.getAllByTag('chatSidebar'), (node, removal) => {
-      const el = node.getValue();
-      const parsed = (0, _parser8.default)(el);
-      if (parsed.errors.length) {
-        this._logger.errorSite(new Error('parse errors (chatSidebar)'), {
-          score: parsed.score,
-          errors: parsed.errors,
-          html: (0, _censorHTMLtree.default)(el)
+    this._composeViewDriverLiveSet = getComposeViewDriverLiveSet(
+      this,
+      this._page.tree
+    );
+
+    this._chatSidebarViewLiveSet = lsMapWithRemoval(
+      this._page.tree.getAllByTag('chatSidebar'),
+      (node, removal) => {
+        const el = node.getValue();
+        const parsed = chatSidebarParser(el);
+        if (parsed.errors.length) {
+          this._logger.errorSite(new Error('parse errors (chatSidebar)'), {
+            score: parsed.score,
+            errors: parsed.errors,
+            html: censorHTMLtree(el),
+          });
+        }
+        const view = new InboxChatSidebarView(el, parsed);
+        removal.then(() => {
+          view.destroy();
         });
+        return view;
       }
-      const view = new _inboxChatSidebarView.default(el, parsed);
-      removal.then(() => {
-        view.destroy();
-      });
-      return view;
-    });
+    );
     this._chatSidebarViewLiveSet.subscribe({});
     // force activation because nothing outside of the driver is going to
     // subscribe to this, unlike some of the other livesets.
 
-    this._routeViewDriverStream = (0, _setupRouteViewDriverStream.default)(this);
-    this._routeViewDriverStream.takeUntilBy(this._stopper).onValue(routeViewDriver => {
-      this._currentRouteViewDriver = routeViewDriver;
-    });
-    this._rowListViewDriverStream = _kefir.default.never();
-    _kefir.default.later(30 * 1000).takeUntilBy((0, _toItemWithLifetimeStream.default)(this._page.tree.getAllByTag('appToolbarLocation'))).onValue(() => {
-      this._logger.errorSite(new Error('Failed to find appToolbarLocation'));
-    });
-    (0, _toValueObservable.default)(this._page.tree.getAllByTag('searchBar')).subscribe(_ref => {
-      let {
-        value: node
-      } = _ref;
-      const el = node.getValue();
-      const parsed = (0, _parser7.default)(el);
-      if (parsed.errors.length) {
-        this._logger.errorSite(new Error('parse errors (searchBar)'), {
-          score: parsed.score,
-          errors: parsed.errors,
-          html: (0, _censorHTMLtree.default)(el)
-        });
+    this._routeViewDriverStream = setupRouteViewDriverStream(this);
+    this._routeViewDriverStream
+      .takeUntilBy(this._stopper)
+      .onValue((routeViewDriver) => {
+        this._currentRouteViewDriver = routeViewDriver;
+      });
+
+    this._rowListViewDriverStream = Kefir.never();
+
+    Kefir.later(30 * 1000)
+      .takeUntilBy(
+        toItemWithLifetimeStream(
+          this._page.tree.getAllByTag('appToolbarLocation')
+        )
+      )
+      .onValue(() => {
+        this._logger.errorSite(new Error('Failed to find appToolbarLocation'));
+      });
+
+    toValueObservable(this._page.tree.getAllByTag('searchBar')).subscribe(
+      ({ value: node }) => {
+        const el = node.getValue();
+        const parsed = searchBarParser(el);
+        if (parsed.errors.length) {
+          this._logger.errorSite(new Error('parse errors (searchBar)'), {
+            score: parsed.score,
+            errors: parsed.errors,
+            html: censorHTMLtree(el),
+          });
+        }
       }
-    });
-    _kefir.default.later(30 * 1000).takeUntilBy((0, _toItemWithLifetimeStream.default)(this._page.tree.getAllByTag('searchBar'))).onValue(() => {
-      this._logger.errorSite(new Error('Failed to find searchBar'));
-    });
-    (0, _toValueObservable.default)(this._page.tree.getAllByTag('nativeDrawer')).subscribe(_ref2 => {
-      let {
-        value: node
-      } = _ref2;
-      const el = node.getValue();
-      const parsed = (0, _parser6.default)(el);
-      if (parsed.errors.length) {
-        this._logger.errorSite(new Error('parse errors (nativeDrawer)'), {
-          score: parsed.score,
-          errors: parsed.errors,
-          html: (0, _censorHTMLtree.default)(el)
-        });
+    );
+
+    Kefir.later(30 * 1000)
+      .takeUntilBy(
+        toItemWithLifetimeStream(this._page.tree.getAllByTag('searchBar'))
+      )
+      .onValue(() => {
+        this._logger.errorSite(new Error('Failed to find searchBar'));
+      });
+
+    toValueObservable(this._page.tree.getAllByTag('nativeDrawer')).subscribe(
+      ({ value: node }) => {
+        const el = node.getValue();
+        const parsed = nativeDrawerParser(el);
+        if (parsed.errors.length) {
+          this._logger.errorSite(new Error('parse errors (nativeDrawer)'), {
+            score: parsed.score,
+            errors: parsed.errors,
+            html: censorHTMLtree(el),
+          });
+        }
       }
-    });
+    );
 
     // When a user goes from one thread to another, a new thread view is made
     // but the old thread view doesn't get destroyed until it finishes
     // animating out. We need to clear the old thread view's sidebar
     // immediately when a new thread view comes in.
     let _currentThreadView = null;
-    this._threadViewDriverLiveSet.subscribe(changes => {
-      changes.forEach(change => {
+    this._threadViewDriverLiveSet.subscribe((changes) => {
+      changes.forEach((change) => {
         if (change.type === 'add') {
           const threadView = change.value;
           if (_currentThreadView) {
@@ -390,38 +516,52 @@ class InboxDriver {
         }
       });
     });
-    this._toolbarViewDriverLiveSet = (0, _merge.default)([(0, _mapWithRemoval.default)(this._page.tree.getAllByTag('listToolBar'), (node, removal) => {
-      const el = node.getValue();
-      const view = new _InboxToolbarView.default(el, this, null);
-      removal.then(() => {
-        view.destroy();
-      });
-      return view;
-    }), (0, _mapWithRemoval.default)(this._threadViewDriverLiveSet, (inboxThreadView, removal) => {
-      const el = inboxThreadView.getToolbarElement();
-      const view = new _InboxToolbarView.default(el, this, inboxThreadView);
-      removal.then(() => {
-        view.destroy();
-      });
-      return view;
-    })]);
+
+    this._toolbarViewDriverLiveSet = lsMerge([
+      lsMapWithRemoval(
+        this._page.tree.getAllByTag('listToolBar'),
+        (node, removal) => {
+          const el = node.getValue();
+          const view = new InboxToolbarView(el, this, null);
+          removal.then(() => {
+            view.destroy();
+          });
+          return view;
+        }
+      ),
+      lsMapWithRemoval(
+        this._threadViewDriverLiveSet,
+        (inboxThreadView, removal) => {
+          const el = inboxThreadView.getToolbarElement();
+          const view = new InboxToolbarView(el, this, inboxThreadView);
+          removal.then(() => {
+            view.destroy();
+          });
+          return view;
+        }
+      ),
+    ]);
   }
+
   _setupThreadIdStats() {
     this._resetThreadIdStats();
+
     setInterval(() => {
       if (this._threadIdStats.threadRows.totalCalls === 0) return;
-      const {
-        threadRows
-      } = this._threadIdStats;
+
+      const { threadRows } = this._threadIdStats;
       const stats = {};
       stats.threadRows = Object.assign({}, threadRows, {
         totalThreads: threadRows.totalThreads.size,
-        threadsWithoutGmailId: threadRows.threadsWithoutGmailId.size
+        threadsWithoutGmailId: threadRows.threadsWithoutGmailId.size,
       });
+
       this._logger.eventSdkPassive('inboxThreadIdStats', stats);
+
       this._resetThreadIdStats();
     }, 1000 * 60 * 60);
   }
+
   _resetThreadIdStats() {
     this._threadIdStats = {
       threadRows: {
@@ -429,31 +569,35 @@ class InboxDriver {
         totalCalls: 0,
         threadsWithoutGmailId: new Set(),
         callsWithoutGmailId: 0,
-        threadsWithFetch: 0
-      }
+        threadsWithFetch: 0,
+      },
     };
   }
-  trackThreadRowIdCall(hasGmailId, inboxThreadId) {
+
+  trackThreadRowIdCall(hasGmailId: boolean, inboxThreadId: string) {
     this._threadIdStats.threadRows.totalCalls += 1;
     this._threadIdStats.threadRows.totalThreads.add(inboxThreadId);
+
     if (!hasGmailId) {
       this._threadIdStats.threadRows.callsWithoutGmailId += 1;
       this._threadIdStats.threadRows.threadsWithoutGmailId.add(inboxThreadId);
     }
   }
+
   destroy() {
     this._stopper.destroy();
   }
+
   getAppId() {
     return this._appId;
   }
-  getOpts() {
+  getOpts(): PiOpts {
     return this._opts;
   }
-  getLogger() {
+  getLogger(): Logger {
     return this._logger;
   }
-  getStopper() {
+  getStopper(): Kefir.Observable<null> {
     return this._stopper;
   }
   getRouteViewDriverStream() {
@@ -463,321 +607,437 @@ class InboxDriver {
     return this._currentRouteViewDriver;
   }
   getRowListViewDriverStream() {
-    return _kefir.default.never();
+    return Kefir.never();
   }
   getComposeViewDriverLiveSet() {
     return this._composeViewDriverLiveSet;
   }
   getComposeViewDriverStream() {
-    return (0, _toItemWithLifetimeStream.default)(this._composeViewDriverLiveSet).map(_ref3 => {
-      let {
-        el
-      } = _ref3;
-      return el;
-    });
+    return toItemWithLifetimeStream(this._composeViewDriverLiveSet).map(
+      ({ el }) => el
+    );
   }
   getThreadRowViewDriverLiveSet() {
     return this._threadRowViewDriverLiveSet;
   }
   getThreadRowViewDriverStream() {
-    return (0, _toItemWithLifetimeStream.default)(this._threadRowViewDriverLiveSet).map(_ref4 => {
-      let {
-        el
-      } = _ref4;
-      return el;
-    });
+    return toItemWithLifetimeStream(this._threadRowViewDriverLiveSet).map(
+      ({ el }) => el
+    );
   }
   getThreadViewDriverStream() {
-    return (0, _toItemWithLifetimeStream.default)(this._threadViewDriverLiveSet).map(_ref5 => {
-      let {
-        el
-      } = _ref5;
-      return el;
-    });
+    return toItemWithLifetimeStream(this._threadViewDriverLiveSet).map(
+      ({ el }) => el
+    );
   }
   getMessageViewDriverStream() {
-    return (0, _toItemWithLifetimeStream.default)(this._messageViewDriverLiveSet).map(_ref6 => {
-      let {
-        el
-      } = _ref6;
-      return el;
-    });
+    return toItemWithLifetimeStream(this._messageViewDriverLiveSet).map(
+      ({ el }) => el
+    );
   }
   getAttachmentCardViewDriverStream() {
-    return (0, _toItemWithLifetimeStream.default)(this._attachmentCardViewDriverLiveSet).map(_ref7 => {
-      let {
-        el
-      } = _ref7;
-      return el;
-    });
+    return toItemWithLifetimeStream(this._attachmentCardViewDriverLiveSet).map(
+      ({ el }) => el
+    );
   }
-  getButterBarDriver() {
+  getButterBarDriver(): Object {
     return this._butterBarDriver;
   }
-  getButterBar() {
+  getButterBar(): ButterBar {
     return this._butterBar;
   }
-  setButterBar(bb) {
+  setButterBar(bb: ButterBar) {
     this._butterBar = bb;
   }
-  getPageCommunicator() {
+  getPageCommunicator(): InboxPageCommunicator {
     return this._pageCommunicator;
   }
+
   getThreadViewElementsMap() {
     return this._threadViewElements;
   }
   getMessageViewElementsMap() {
     return this._messageViewElements;
   }
-  getTagTree() {
+
+  getTagTree(): TagTree<HTMLElement> {
     return this._page.tree;
   }
-  getCustomRouteIDs() {
+
+  getCustomRouteIDs(): Set<string> {
     return this._customRouteIDs;
   }
-  getCurrentChatSidebarView() {
+
+  getCurrentChatSidebarView(): InboxChatSidebarView {
     const view = Array.from(this._chatSidebarViewLiveSet.values())[0];
     if (!view) throw new Error('No chat sidebar found');
     return view;
   }
-  getAppSidebarView() {
+
+  getAppSidebarView(): InboxAppSidebarView {
     if (!this._appSidebarView) {
-      this._appSidebarView = new _inboxAppSidebarView.default(this);
+      this._appSidebarView = new InboxAppSidebarView(this);
     }
     return this._appSidebarView;
   }
-  getChatSidebarButton() {
-    const appToolbarLocationNode = Array.from(this._page.tree.getAllByTag('appToolbarLocation').values())[0];
-    const parsed = appToolbarLocationNode ? (0, _parser9.default)(appToolbarLocationNode.getValue()) : null;
+
+  getChatSidebarButton(): HTMLElement {
+    const appToolbarLocationNode = Array.from(
+      this._page.tree.getAllByTag('appToolbarLocation').values()
+    )[0];
+    const parsed = appToolbarLocationNode
+      ? appToolbarLocationParser(appToolbarLocationNode.getValue())
+      : null;
     const el = parsed ? parsed.elements.chatSidebarButton : null;
     if (!el) throw new Error('No chat sidebar button found');
     return el;
   }
+
   getLastInteractedAttachmentCardView() {
     return this._lastInteractedAttachmentCardView;
   }
-  setLastInteractedAttachmentCardView(card) {
+  setLastInteractedAttachmentCardView(card: InboxAttachmentCardView) {
     this._lastInteractedAttachmentCardViewSet.emit();
     this._lastInteractedAttachmentCardView = card;
     if (card) {
-      card.getStopper().merge((0, _fromEventTargetCapture.default)(document.body, 'click')).take(1).takeUntilBy(this._lastInteractedAttachmentCardViewSet).takeUntilBy(this._stopper).onValue(() => {
-        this._lastInteractedAttachmentCardView = null;
-      });
+      card
+        .getStopper()
+        .merge(fromEventTargetCapture((document.body: any), 'click'))
+        .take(1)
+        .takeUntilBy(this._lastInteractedAttachmentCardViewSet)
+        .takeUntilBy(this._stopper)
+        .onValue(() => {
+          this._lastInteractedAttachmentCardView = null;
+        });
     }
   }
-  openNewComposeViewDriver() {
+
+  openNewComposeViewDriver(): Promise<InboxComposeView> {
     const composeViewDriverPromise = this.getNextComposeViewDriver();
-    const fabButton = (0, _querySelectorOne.default)(document.body, 'nav[role=banner] ~ div[aria-expanded] button:not([tabindex="-1"])');
+    const fabButton = querySelectorOne(
+      (document.body: any),
+      'nav[role=banner] ~ div[aria-expanded] button:not([tabindex="-1"])'
+    );
     fabButton.click();
     return composeViewDriverPromise;
   }
-  getNextComposeViewDriver() {
-    let timeout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10 * 1000;
-    const s = _kefir.default.stream(em => {
+
+  getNextComposeViewDriver(
+    timeout: number = 10 * 1000
+  ): Promise<InboxComposeView> {
+    const s = Kefir.stream((em) => {
       const subscription = this._composeViewDriverLiveSet.subscribe({
-        next: changes => {
-          const newComposeChange = changes.filter(change => change.type === 'add')[0];
+        next: (changes) => {
+          const newComposeChange = changes.filter(
+            (change) => change.type === 'add'
+          )[0];
           if (newComposeChange) {
             // make flow happy
-            if (newComposeChange.type !== 'add') throw new Error('should not happen');
+            if (newComposeChange.type !== 'add')
+              throw new Error('should not happen');
+
             em.value(newComposeChange.value);
           }
         },
-        complete: em.end
+        complete: em.end,
       });
       return () => subscription.unsubscribe();
     });
-    return s.merge(_kefir.default.later(timeout, new Error('Reached timeout while waiting for getNextComposeViewDriver'))).beforeEnd(() => new Error('Driver was shut down before a new compose was found')).flatMap(x => x instanceof Error ? _kefir.default.constantError(x) : _kefir.default.constant(x)).take(1).takeErrors(1).toPromise();
+
+    return s
+      .merge(
+        Kefir.later(
+          timeout,
+          new Error(
+            'Reached timeout while waiting for getNextComposeViewDriver'
+          )
+        )
+      )
+      .beforeEnd(
+        () => new Error('Driver was shut down before a new compose was found')
+      )
+      .flatMap((x) =>
+        x instanceof Error ? Kefir.constantError(x) : Kefir.constant(x)
+      )
+      .take(1)
+      .takeErrors(1)
+      .toPromise();
   }
-  activateShortcut(keyboardShortcutHandle, appName, appIconUrl) {
+
+  activateShortcut(
+    keyboardShortcutHandle: KeyboardShortcutHandle,
+    appName: ?string,
+    appIconUrl: ?string
+  ): void {
     // eslint-disable-next-line no-console
     console.warn('activateShortcut not implemented');
   }
-  getUserEmailAddress() {
-    const s = document.head.getAttribute('data-inboxsdk-user-email-address');
+
+  getGmailActionToken = once(async () => {
+    const response = await gmailAjax({
+      url: `https://mail.google.com/mail${getAccountUrlPart()}/`,
+      xhrFields: {
+        withCredentials: true,
+      },
+      canRetry: true,
+    });
+    const tokenVarMatch = response.text.match(/var GM_ACTION_TOKEN=("[^"]+")/);
+    if (!tokenVarMatch) {
+      throw new Error('Could not find GM_ACTION_TOKEN');
+    }
+    return JSON.parse(tokenVarMatch[1]);
+  });
+
+  getUserEmailAddress(): string {
+    const s = (document.head: any).getAttribute(
+      'data-inboxsdk-user-email-address'
+    );
     if (s == null) throw new Error('should not happen');
     return s;
   }
-  isConversationViewDisabled() {
+
+  isConversationViewDisabled(): Promise<boolean> {
     return Promise.resolve(false);
   }
-  getUserLanguage() {
+
+  getUserLanguage(): string {
     return this._pageCommunicator.getUserLanguage();
   }
-  getUserContact() {
+
+  getUserContact(): Contact {
     return {
       emailAddress: this.getUserEmailAddress(),
-      name: this.getUserEmailAddress()
+      name: this.getUserEmailAddress(),
     };
   }
-  getAccountSwitcherContactList() {
+
+  getAccountSwitcherContactList(): Contact[] {
     // eslint-disable-next-line no-console
     console.log('getAccountSwitcherContactList not implemented');
     return [this.getUserContact()];
   }
-  registerThreadButton(options) {
-    const unregister = (0, _kefirStopper.default)();
-    const removeButtonOnUnregister = button => {
+
+  registerThreadButton(options: Object) {
+    const unregister = kefirStopper();
+
+    const removeButtonOnUnregister = (button) => {
       unregister.takeUntilBy(button.getStopper()).onValue(() => {
         button.destroy();
       });
     };
-    const toolbarViewSub = (0, _toValueObservable.default)(this._toolbarViewDriverLiveSet).subscribe(_ref8 => {
-      let {
-        value: inboxToolbarView
-      } = _ref8;
+
+    const toolbarViewSub = toValueObservable(
+      this._toolbarViewDriverLiveSet
+    ).subscribe(({ value: inboxToolbarView }: { value: InboxToolbarView }) => {
       if (inboxToolbarView.isForThread()) {
-        if (!options.positions || (0, _includes.default)(options.positions, 'THREAD')) {
+        if (!options.positions || includes(options.positions, 'THREAD')) {
           if (options.threadSection === 'OTHER') {
             // eslint-disable-next-line no-console
-            console.warn('registerThreadButton does not support OTHER section items in Inbox yet.');
+            console.warn(
+              'registerThreadButton does not support OTHER section items in Inbox yet.'
+            );
             return;
           }
-          removeButtonOnUnregister(inboxToolbarView.addButton({
-            ...options,
-            onClick: event => {
-              options.onClick({
-                position: 'THREAD',
-                dropdown: event.dropdown,
-                selectedThreadViewDrivers: [inboxToolbarView.getThreadViewDriver()],
-                selectedThreadRowViewDrivers: []
-              });
-            }
-          }));
+          removeButtonOnUnregister(
+            inboxToolbarView.addButton({
+              ...options,
+              onClick: (event) => {
+                options.onClick({
+                  position: 'THREAD',
+                  dropdown: event.dropdown,
+                  selectedThreadViewDrivers: [
+                    inboxToolbarView.getThreadViewDriver(),
+                  ],
+                  selectedThreadRowViewDrivers: [],
+                });
+              },
+            })
+          );
         }
       } else if (inboxToolbarView.isForRowList()) {
-        if (!options.positions || (0, _includes.default)(options.positions, 'LIST')) {
+        if (!options.positions || includes(options.positions, 'LIST')) {
           if (options.listSection === 'OTHER') {
             // eslint-disable-next-line no-console
-            console.warn('registerThreadButton does not support OTHER section items in Inbox yet.');
+            console.warn(
+              'registerThreadButton does not support OTHER section items in Inbox yet.'
+            );
             return;
           }
-          removeButtonOnUnregister(inboxToolbarView.addButton({
-            ...options,
-            onClick: event => {
-              options.onClick({
-                position: 'LIST',
-                dropdown: event.dropdown,
-                selectedThreadViewDrivers: [],
-                selectedThreadRowViewDrivers: this.getSelectedThreadRowViewDrivers()
-              });
-            }
-          }));
+          removeButtonOnUnregister(
+            inboxToolbarView.addButton({
+              ...options,
+              onClick: (event) => {
+                options.onClick({
+                  position: 'LIST',
+                  dropdown: event.dropdown,
+                  selectedThreadViewDrivers: [],
+                  selectedThreadRowViewDrivers:
+                    this.getSelectedThreadRowViewDrivers(),
+                });
+              },
+            })
+          );
         }
       }
     });
     unregister.onValue(() => {
       toolbarViewSub.unsubscribe();
     });
-    if (!options.positions || (0, _includes.default)(options.positions, 'ROW')) {
-      const threadRowViewSub = (0, _toValueObservable.default)(this._threadRowViewDriverLiveSet).subscribe(_ref9 => {
-        let {
-          value: inboxThreadRowView
-        } = _ref9;
-        removeButtonOnUnregister(inboxThreadRowView.addToolbarButton({
-          ...options,
-          onClick: event => {
-            options.onClick({
-              position: 'ROW',
-              dropdown: event.dropdown,
-              selectedThreadViewDrivers: [],
-              selectedThreadRowViewDrivers: [inboxThreadRowView]
-            });
-          }
-        }));
-      });
+
+    if (!options.positions || includes(options.positions, 'ROW')) {
+      const threadRowViewSub = toValueObservable(
+        this._threadRowViewDriverLiveSet
+      ).subscribe(
+        ({ value: inboxThreadRowView }: { value: InboxThreadRowView }) => {
+          removeButtonOnUnregister(
+            inboxThreadRowView.addToolbarButton({
+              ...options,
+              onClick: (event) => {
+                options.onClick({
+                  position: 'ROW',
+                  dropdown: event.dropdown,
+                  selectedThreadViewDrivers: [],
+                  selectedThreadRowViewDrivers: [inboxThreadRowView],
+                });
+              },
+            })
+          );
+        }
+      );
       unregister.onValue(() => {
         threadRowViewSub.unsubscribe();
       });
     }
+
     return () => {
       unregister.destroy();
     };
   }
-  getSelectedThreadRowViewDrivers() {
-    return Array.from(this.getThreadRowViewDriverLiveSet().values()).filter(threadRowViewDriver => threadRowViewDriver.isSelected());
+
+  getSelectedThreadRowViewDrivers(): Array<InboxThreadRowView> {
+    return Array.from(this.getThreadRowViewDriverLiveSet().values()).filter(
+      (threadRowViewDriver) => threadRowViewDriver.isSelected()
+    );
   }
-  async addNavItem(appId, navItemDescriptor) {
+
+  async addNavItem(
+    appId: string,
+    navItemDescriptor: Kefir.Observable<Object>
+  ): Promise<any> {
     if (!this._navMenuContainer) {
       this._navMenuContainer = document.createElement('div');
       this._navMenuContainer.classList.add('inboxsdk__navItem_appContainer');
     }
-    return (0, _addNavItem.default)(navItemDescriptor, this._page.tree.getAllByTag('leftNav'), this._navMenuContainer);
+
+    return addNavItem(
+      navItemDescriptor,
+      this._page.tree.getAllByTag('leftNav'),
+      (this._navMenuContainer: any)
+    );
   }
-  addSupportItem(supportItemDescriptor) {}
-  getSentMailNativeNavItem() {
+
+  addSupportItem(supportItemDescriptor: Object): Object {}
+
+  getSentMailNativeNavItem(): Promise<Object> {
     // stub, never resolve
     // console.log('getSentMailNativeNavItem not implemented');
     return new Promise((resolve, reject) => {});
   }
-  createLink(routeID, params) {
-    return (0, _createLink.default)(this, routeID, params);
+
+  createLink(routeID: string, params: ?RouteParams): string {
+    return createLink(this, routeID, params);
   }
-  async goto(routeID, params) {
-    (0, _gotoView.default)(this, routeID, params);
+
+  async goto(routeID: string, params: ?RouteParams): Promise<void> {
+    gotoView(this, routeID, params);
   }
-  addCustomRouteID(routeID) {
+
+  addCustomRouteID(routeID: string): () => void {
     this._customRouteIDs.add(routeID);
-    this._pageCommunicator.registerAllowedHashLinkStartTerm(routeID.split('/')[0]);
+    this._pageCommunicator.registerAllowedHashLinkStartTerm(
+      routeID.split('/')[0]
+    );
     return () => {
       this._customRouteIDs.delete(routeID);
     };
   }
-  addCustomListRouteID(routeID, handler) {
+
+  addCustomListRouteID(routeID: string, handler: Function): () => void {
     // eslint-disable-next-line no-console
     console.log('addCustomListRouteID not implemented');
     return () => {};
   }
-  showCustomRouteView(el) {
-    let customViewBase = document.querySelector('body > .inboxsdk__custom_view');
+
+  showCustomRouteView(el: HTMLElement): void {
+    let customViewBase = document.querySelector(
+      'body > .inboxsdk__custom_view'
+    );
     if (!customViewBase) {
-      const _customViewBase = customViewBase = document.createElement('div');
+      const _customViewBase = (customViewBase = document.createElement('div'));
       customViewBase.className = 'inboxsdk__custom_view';
-      const {
-        chat,
-        nav
-      } = (0, _getSidebarClassnames.default)();
-      (0, _setCss.default)('custom_view_base_margins', `
+
+      const { chat, nav } = getSidebarClassnames();
+
+      setCss(
+        'custom_view_base_margins',
+        `
         .inboxsdk__custom_view.${nav || 'nav_sidebar'} >
-        .${(0, _idMap.default)('custom_view_container')}.${(0, _idMap.default)('custom_view_min_margins')} {
+        .${idMap('custom_view_container')}.${idMap('custom_view_min_margins')} {
           margin-left: 232px;
         }
         .inboxsdk__custom_view.${chat || 'chat_sidebar'} >
-        .${(0, _idMap.default)('custom_view_container')}.${(0, _idMap.default)('custom_view_min_margins')} {
+        .${idMap('custom_view_container')}.${idMap('custom_view_min_margins')} {
           margin-right: 232px;
         }
-      `);
+      `
+      );
 
       // Mirror the nav and chat sidebar classnames onto the inboxsdk__custom_view
       // element so that if the custom_view_container element also has the centerList
       // classname, then Inbox's margin rules for centerList will apply to it.
-      const main = (0, _querySelectorOrFail.default)(document, 'body > div[class][id][jsaction][jslog]');
-      (0, _makeMutationObserverChunkedStream.default)(main, {
+      const main = querySelector(
+        document,
+        'body > div[class][id][jsaction][jslog]'
+      );
+      makeMutationObserverChunkedStream(main, {
         attributes: true,
-        attributeFilter: ['class']
-      }).toProperty(() => null).onValue(() => {
-        [chat, nav].filter(Boolean).forEach(className => {
-          if (main.classList.contains(className)) {
-            _customViewBase.classList.add(className);
-          } else {
-            _customViewBase.classList.remove(className);
-          }
+        attributeFilter: ['class'],
+      })
+        .toProperty(() => null)
+        .onValue(() => {
+          [chat, nav].filter(Boolean).forEach((className) => {
+            if (main.classList.contains(className)) {
+              _customViewBase.classList.add(className);
+            } else {
+              _customViewBase.classList.remove(className);
+            }
+          });
         });
-      });
-      document.body.appendChild(customViewBase);
+
+      ((document.body: any): HTMLElement).appendChild(customViewBase);
     }
+
     customViewBase.innerHTML = '';
     customViewBase.appendChild(el);
     customViewBase.style.display = '';
-    document.body.classList.add('inboxsdk__custom_view_active');
+
+    ((document.body: any): HTMLElement).classList.add(
+      'inboxsdk__custom_view_active'
+    );
+
     const main = document.querySelector('[id][jsaction] > div[token][class]');
     if (main) {
       main.style.display = 'none';
     }
   }
-  showNativeRouteView() {
-    document.body.classList.remove('inboxsdk__custom_view_active');
-    const customViewBase = document.querySelector('body > .inboxsdk__custom_view');
+
+  showNativeRouteView(): void {
+    ((document.body: any): HTMLElement).classList.remove(
+      'inboxsdk__custom_view_active'
+    );
+    const customViewBase = document.querySelector(
+      'body > .inboxsdk__custom_view'
+    );
     if (customViewBase) {
       customViewBase.style.display = 'none';
       customViewBase.innerHTML = '';
@@ -787,30 +1047,46 @@ class InboxDriver {
       main.style.display = '';
     }
   }
-  setShowNativeNavMarker(isNative) {
+
+  setShowNativeNavMarker(isNative: boolean) {
     // stub
   }
-  setShowNativeAddonSidebar(isNative) {
+
+  setShowNativeAddonSidebar(isNative: boolean) {
     // stub
   }
-  registerSearchSuggestionsProvider(handler) {
-    (0, _registerSearchSuggestionsProvider.default)(this, handler);
+
+  registerSearchSuggestionsProvider(handler: Function) {
+    registerSearchSuggestionsProvider(this, handler);
   }
-  registerSearchQueryRewriter(obj) {
+
+  registerSearchQueryRewriter(obj: Object) {
     // eslint-disable-next-line no-console
     console.log('registerSearchQueryRewriter not implemented');
   }
-  addToolbarButtonForApp(buttonDescriptor) {
-    const view = new _inboxAppToolbarButtonView.default(buttonDescriptor, this._page.tree.getAllByTag('appToolbarLocation'), this._page.tree.getAllByTag('searchBar'));
+
+  addToolbarButtonForApp(
+    buttonDescriptor: Kefir.Observable<Object>
+  ): Promise<InboxAppToolbarButtonView> {
+    const view = new InboxAppToolbarButtonView(
+      buttonDescriptor,
+      this._page.tree.getAllByTag('appToolbarLocation'),
+      this._page.tree.getAllByTag('searchBar')
+    );
     return view.waitForReady();
   }
-  addGlobalSidebarContentPanel(buttonDescriptor) {
+
+  addGlobalSidebarContentPanel(
+    buttonDescriptor: Kefir.Observable<Object>
+  ): Promise<?Object> {
     // stub
     return Promise.resolve(null);
   }
-  isRunningInPageContext() {
+
+  isRunningInPageContext(): boolean {
     return !!(global.gbar && global.gbar._CONFIG);
   }
+
   showAppIdWarning() {
     const topDiv = document.createElement('div');
     topDiv.className = 'inboxsdk__appid_warning';
@@ -822,51 +1098,67 @@ class InboxDriver {
   </div>
   <a class="inboxsdk__appid_register" target="_blank" href="https://www.inboxsdk.com/register">Register Your App</a>
   `;
-    document.body.insertBefore(topDiv, document.body.firstChild);
+
+    ((document.body: any): HTMLElement).insertBefore(
+      topDiv,
+      ((document.body: any): HTMLElement).firstChild
+    );
+
     const closeBtn = topDiv.querySelector('.inboxsdk__close_button');
     if (!closeBtn) throw new Error('Should not happen');
-    closeBtn.addEventListener('click', function (e) {
+    closeBtn.addEventListener('click', function (e: MouseEvent) {
       topDiv.remove();
     });
   }
-  openDraftByMessageID(messageID) {
+
+  openDraftByMessageID(messageID: string): Promise<void> {
     throw new Error('Not implemented');
   }
-  createMoleViewDriver(options) {
-    return new _InboxMoleViewDriver.default(options, this);
+
+  createMoleViewDriver(options: Object): InboxMoleViewDriver {
+    return new InboxMoleViewDriver(options, this);
   }
-  createModalViewDriver(options) {
-    return new _inboxModalView.default(options);
+
+  createModalViewDriver(options: Object): InboxModalView {
+    return new InboxModalView(options);
   }
-  createTopMessageBarDriver(options) {
+
+  createTopMessageBarDriver(options: Object): Object {
     throw new Error('Not implemented');
   }
-  createDrawerViewDriver(options) {
-    const drawerView = new _inboxDrawerView.default(options);
+
+  createDrawerViewDriver(options: DrawerViewOptions) {
+    const drawerView = new InboxDrawerView(options);
     // TODO if a native drawer was already open, we should close the native
     // drawer istead of the new one.
 
     // If a nativeDrawer is opened while the new SDK drawer is open, then close
     // the SDK drawer.
-    _kefir.default.fromESObservable(this._page.tree.getAllByTag('nativeDrawer')).takeUntilBy(drawerView.getClosingStream()).onValue(changes => {
-      for (let change of changes) {
-        if (change.type === 'add') {
-          drawerView.close();
-          break;
+    Kefir.fromESObservable(this._page.tree.getAllByTag('nativeDrawer'))
+      .takeUntilBy(drawerView.getClosingStream())
+      .onValue((changes) => {
+        for (let change of changes) {
+          if (change.type === 'add') {
+            drawerView.close();
+            break;
+          }
         }
-      }
-    });
+      });
+
     return drawerView;
   }
-  createBackdrop(zIndex, target) {
-    return new _inboxBackdrop.default(zIndex, target);
+
+  createBackdrop(zIndex?: number, target?: HTMLElement) {
+    return new InboxBackdrop(zIndex, target);
   }
+
   closeOpenThread() {
-    (0, _simulateKey.default)(document.body, 27, 27);
+    simulateKey((document.body: any), 27, 27);
   }
-  registerThreadRowViewSelectionHandler(handler) {
+
+  registerThreadRowViewSelectionHandler(handler: () => any): () => void {
     return () => {};
   }
 }
-var _default = (0, _ud.defn)(module, InboxDriver);
-exports.default = _default;
+
+export default defn(module, InboxDriver);