@inboxsdk/core 0.2.28 → 0.2.29-alpha.0

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

@@ -1,512 +1,386 @@
-/* @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';
+"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 */
 
 class InboxDriver {
-  _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();
+  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)();
     this._appId = appId;
     this._logger = logger;
     this._opts = opts;
     this._envData = envData;
-    this._stopper = kefirStopper();
-    this._pageCommunicator = new InboxPageCommunicator();
-
-    this._page = makePageParserTree(this, document);
+    this._stopper = (0, _kefirStopper.default)();
+    this._pageCommunicator = new _inboxPageCommunicator.default();
+    this._page = (0, _makePageParserTree.default)(this, document);
     this._stopper.onValue(() => this._page.dump());
-
-    this.onready = injectScript().then(() => {
+    this.onready = (0, _injectScript.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({
+      const gmailMessageIdForInboxMessageIdCache = new _bimapcache.default({
         key: 'inboxsdk__cached_gmail_and_inbox_message_ids_2',
-        getAfromB: (inboxMessageId: string) =>
-          getGmailMessageIdForSyncMessageId(this, inboxMessageId),
+        getAfromB: inboxMessageId => (0, _getGmailMessageIdForSyncMessageId.default)(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({
+      const inboxMessageIdForInboxThreadIdCache = new _bimapcache.default({
         key: 'inboxsdk__cached_inbox_message_and_inbox_thread_ids',
-        getAfromB: (inboxThreadId: string) => {
+        getAfromB: inboxThreadId => {
           this._threadIdStats.threadRows.threadsWithFetch += 1;
-          return getInboxMessageIdForInboxThreadId(this, inboxThreadId);
+          return (0, _getInboxMessageIdForInboxThreadId.default)(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({
+      const threadIdFromMessageIdCache = new _bimapcache.default({
         key: 'inboxsdk__cached_thread_and_message_ids',
-        getAfromB: (messageId: string) =>
-          getThreadIdFromMessageId(this, messageId),
+        getAfromB: messageId => (0, _getThreadIdFromMessageId.default)(this, messageId),
         getBfromA() {
           throw new Error('should not happen');
-        },
+        }
       });
-      this.getThreadIdFromMessageId = (messageId) =>
-        threadIdFromMessageIdCache.getAfromB(messageId);
+      this.getThreadIdFromMessageId = messageId => threadIdFromMessageIdCache.getAfromB(messageId);
     }
-
-    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();
+    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)
         });
-        return view;
       }
-    );
-
-    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();
-            };
-          },
+      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._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),
-          });
-        }
-        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);
+      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)
                 });
-              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),
-          });
+              }
+            }
+            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();
+          };
         }
-        const view = new InboxAttachmentCardView({ element: el, parsed }, this);
-        removal.then(() => {
-          view.destroy();
+      });
+    });
+    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)
         });
-        return view;
       }
-    );
-
-    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),
+      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 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 () => {
+            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 = (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.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)
         });
       }
-    );
+      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 = 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();
+    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)
         });
-        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 = 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),
-          });
-        }
+    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)
+        });
       }
-    );
-
-    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),
-          });
-        }
+    });
+    _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)
+        });
       }
-    );
+    });
 
     // 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) {
@@ -516,52 +390,38 @@ class InboxDriver {
         }
       });
     });
-
-    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;
-        }
-      ),
-    ]);
+    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;
+    })]);
   }
-
   _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: {
@@ -569,35 +429,31 @@ class InboxDriver {
         totalCalls: 0,
         threadsWithoutGmailId: new Set(),
         callsWithoutGmailId: 0,
-        threadsWithFetch: 0,
-      },
+        threadsWithFetch: 0
+      }
     };
   }
-
-  trackThreadRowIdCall(hasGmailId: boolean, inboxThreadId: string) {
+  trackThreadRowIdCall(hasGmailId, inboxThreadId) {
     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(): PiOpts {
+  getOpts() {
     return this._opts;
   }
-  getLogger(): Logger {
+  getLogger() {
     return this._logger;
   }
-  getStopper(): Kefir.Observable<null> {
+  getStopper() {
     return this._stopper;
   }
   getRouteViewDriverStream() {
@@ -607,437 +463,321 @@ class InboxDriver {
     return this._currentRouteViewDriver;
   }
   getRowListViewDriverStream() {
-    return Kefir.never();
+    return _kefir.default.never();
   }
   getComposeViewDriverLiveSet() {
     return this._composeViewDriverLiveSet;
   }
   getComposeViewDriverStream() {
-    return toItemWithLifetimeStream(this._composeViewDriverLiveSet).map(
-      ({ el }) => el
-    );
+    return (0, _toItemWithLifetimeStream.default)(this._composeViewDriverLiveSet).map(_ref3 => {
+      let {
+        el
+      } = _ref3;
+      return el;
+    });
   }
   getThreadRowViewDriverLiveSet() {
     return this._threadRowViewDriverLiveSet;
   }
   getThreadRowViewDriverStream() {
-    return toItemWithLifetimeStream(this._threadRowViewDriverLiveSet).map(
-      ({ el }) => el
-    );
+    return (0, _toItemWithLifetimeStream.default)(this._threadRowViewDriverLiveSet).map(_ref4 => {
+      let {
+        el
+      } = _ref4;
+      return el;
+    });
   }
   getThreadViewDriverStream() {
-    return toItemWithLifetimeStream(this._threadViewDriverLiveSet).map(
-      ({ el }) => el
-    );
+    return (0, _toItemWithLifetimeStream.default)(this._threadViewDriverLiveSet).map(_ref5 => {
+      let {
+        el
+      } = _ref5;
+      return el;
+    });
   }
   getMessageViewDriverStream() {
-    return toItemWithLifetimeStream(this._messageViewDriverLiveSet).map(
-      ({ el }) => el
-    );
+    return (0, _toItemWithLifetimeStream.default)(this._messageViewDriverLiveSet).map(_ref6 => {
+      let {
+        el
+      } = _ref6;
+      return el;
+    });
   }
   getAttachmentCardViewDriverStream() {
-    return toItemWithLifetimeStream(this._attachmentCardViewDriverLiveSet).map(
-      ({ el }) => el
-    );
+    return (0, _toItemWithLifetimeStream.default)(this._attachmentCardViewDriverLiveSet).map(_ref7 => {
+      let {
+        el
+      } = _ref7;
+      return el;
+    });
   }
-  getButterBarDriver(): Object {
+  getButterBarDriver() {
     return this._butterBarDriver;
   }
-  getButterBar(): ButterBar {
+  getButterBar() {
     return this._butterBar;
   }
-  setButterBar(bb: ButterBar) {
+  setButterBar(bb) {
     this._butterBar = bb;
   }
-  getPageCommunicator(): InboxPageCommunicator {
+  getPageCommunicator() {
     return this._pageCommunicator;
   }
-
   getThreadViewElementsMap() {
     return this._threadViewElements;
   }
   getMessageViewElementsMap() {
     return this._messageViewElements;
   }
-
-  getTagTree(): TagTree<HTMLElement> {
+  getTagTree() {
     return this._page.tree;
   }
-
-  getCustomRouteIDs(): Set<string> {
+  getCustomRouteIDs() {
     return this._customRouteIDs;
   }
-
-  getCurrentChatSidebarView(): InboxChatSidebarView {
+  getCurrentChatSidebarView() {
     const view = Array.from(this._chatSidebarViewLiveSet.values())[0];
     if (!view) throw new Error('No chat sidebar found');
     return view;
   }
-
-  getAppSidebarView(): InboxAppSidebarView {
+  getAppSidebarView() {
     if (!this._appSidebarView) {
-      this._appSidebarView = new InboxAppSidebarView(this);
+      this._appSidebarView = new _inboxAppSidebarView.default(this);
     }
     return this._appSidebarView;
   }
-
-  getChatSidebarButton(): HTMLElement {
-    const appToolbarLocationNode = Array.from(
-      this._page.tree.getAllByTag('appToolbarLocation').values()
-    )[0];
-    const parsed = appToolbarLocationNode
-      ? appToolbarLocationParser(appToolbarLocationNode.getValue())
-      : null;
+  getChatSidebarButton() {
+    const appToolbarLocationNode = Array.from(this._page.tree.getAllByTag('appToolbarLocation').values())[0];
+    const parsed = appToolbarLocationNode ? (0, _parser9.default)(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: InboxAttachmentCardView) {
+  setLastInteractedAttachmentCardView(card) {
     this._lastInteractedAttachmentCardViewSet.emit();
     this._lastInteractedAttachmentCardView = card;
     if (card) {
-      card
-        .getStopper()
-        .merge(fromEventTargetCapture((document.body: any), 'click'))
-        .take(1)
-        .takeUntilBy(this._lastInteractedAttachmentCardViewSet)
-        .takeUntilBy(this._stopper)
-        .onValue(() => {
-          this._lastInteractedAttachmentCardView = null;
-        });
+      card.getStopper().merge((0, _fromEventTargetCapture.default)(document.body, 'click')).take(1).takeUntilBy(this._lastInteractedAttachmentCardViewSet).takeUntilBy(this._stopper).onValue(() => {
+        this._lastInteractedAttachmentCardView = null;
+      });
     }
   }
-
-  openNewComposeViewDriver(): Promise<InboxComposeView> {
+  openNewComposeViewDriver() {
     const composeViewDriverPromise = this.getNextComposeViewDriver();
-    const fabButton = querySelectorOne(
-      (document.body: any),
-      'nav[role=banner] ~ div[aria-expanded] button:not([tabindex="-1"])'
-    );
+    const fabButton = (0, _querySelectorOne.default)(document.body, 'nav[role=banner] ~ div[aria-expanded] button:not([tabindex="-1"])');
     fabButton.click();
     return composeViewDriverPromise;
   }
-
-  getNextComposeViewDriver(
-    timeout: number = 10 * 1000
-  ): Promise<InboxComposeView> {
-    const s = Kefir.stream((em) => {
+  getNextComposeViewDriver() {
+    let timeout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10 * 1000;
+    const s = _kefir.default.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.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();
+    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();
   }
-
-  activateShortcut(
-    keyboardShortcutHandle: KeyboardShortcutHandle,
-    appName: ?string,
-    appIconUrl: ?string
-  ): void {
+  activateShortcut(keyboardShortcutHandle, appName, appIconUrl) {
     // eslint-disable-next-line no-console
     console.warn('activateShortcut not implemented');
   }
-
-  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'
-    );
+  getUserEmailAddress() {
+    const s = document.head.getAttribute('data-inboxsdk-user-email-address');
     if (s == null) throw new Error('should not happen');
     return s;
   }
-
-  isConversationViewDisabled(): Promise<boolean> {
+  isConversationViewDisabled() {
     return Promise.resolve(false);
   }
-
-  getUserLanguage(): string {
+  getUserLanguage() {
     return this._pageCommunicator.getUserLanguage();
   }
-
-  getUserContact(): Contact {
+  getUserContact() {
     return {
       emailAddress: this.getUserEmailAddress(),
-      name: this.getUserEmailAddress(),
+      name: this.getUserEmailAddress()
     };
   }
-
-  getAccountSwitcherContactList(): Contact[] {
+  getAccountSwitcherContactList() {
     // eslint-disable-next-line no-console
     console.log('getAccountSwitcherContactList not implemented');
     return [this.getUserContact()];
   }
-
-  registerThreadButton(options: Object) {
-    const unregister = kefirStopper();
-
-    const removeButtonOnUnregister = (button) => {
+  registerThreadButton(options) {
+    const unregister = (0, _kefirStopper.default)();
+    const removeButtonOnUnregister = button => {
       unregister.takeUntilBy(button.getStopper()).onValue(() => {
         button.destroy();
       });
     };
-
-    const toolbarViewSub = toValueObservable(
-      this._toolbarViewDriverLiveSet
-    ).subscribe(({ value: inboxToolbarView }: { value: InboxToolbarView }) => {
+    const toolbarViewSub = (0, _toValueObservable.default)(this._toolbarViewDriverLiveSet).subscribe(_ref8 => {
+      let {
+        value: inboxToolbarView
+      } = _ref8;
       if (inboxToolbarView.isForThread()) {
-        if (!options.positions || includes(options.positions, 'THREAD')) {
+        if (!options.positions || (0, _includes.default)(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 || includes(options.positions, 'LIST')) {
+        if (!options.positions || (0, _includes.default)(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 || 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],
-                });
-              },
-            })
-          );
-        }
-      );
+    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]
+            });
+          }
+        }));
+      });
       unregister.onValue(() => {
         threadRowViewSub.unsubscribe();
       });
     }
-
     return () => {
       unregister.destroy();
     };
   }
-
-  getSelectedThreadRowViewDrivers(): Array<InboxThreadRowView> {
-    return Array.from(this.getThreadRowViewDriverLiveSet().values()).filter(
-      (threadRowViewDriver) => threadRowViewDriver.isSelected()
-    );
+  getSelectedThreadRowViewDrivers() {
+    return Array.from(this.getThreadRowViewDriverLiveSet().values()).filter(threadRowViewDriver => threadRowViewDriver.isSelected());
   }
-
-  async addNavItem(
-    appId: string,
-    navItemDescriptor: Kefir.Observable<Object>
-  ): Promise<any> {
+  async addNavItem(appId, navItemDescriptor) {
     if (!this._navMenuContainer) {
       this._navMenuContainer = document.createElement('div');
       this._navMenuContainer.classList.add('inboxsdk__navItem_appContainer');
     }
-
-    return addNavItem(
-      navItemDescriptor,
-      this._page.tree.getAllByTag('leftNav'),
-      (this._navMenuContainer: any)
-    );
+    return (0, _addNavItem.default)(navItemDescriptor, this._page.tree.getAllByTag('leftNav'), this._navMenuContainer);
   }
-
-  addSupportItem(supportItemDescriptor: Object): Object {}
-
-  getSentMailNativeNavItem(): Promise<Object> {
+  addSupportItem(supportItemDescriptor) {}
+  getSentMailNativeNavItem() {
     // stub, never resolve
     // console.log('getSentMailNativeNavItem not implemented');
     return new Promise((resolve, reject) => {});
   }
-
-  createLink(routeID: string, params: ?RouteParams): string {
-    return createLink(this, routeID, params);
+  createLink(routeID, params) {
+    return (0, _createLink.default)(this, routeID, params);
   }
-
-  async goto(routeID: string, params: ?RouteParams): Promise<void> {
-    gotoView(this, routeID, params);
+  async goto(routeID, params) {
+    (0, _gotoView.default)(this, routeID, params);
   }
-
-  addCustomRouteID(routeID: string): () => void {
+  addCustomRouteID(routeID) {
     this._customRouteIDs.add(routeID);
-    this._pageCommunicator.registerAllowedHashLinkStartTerm(
-      routeID.split('/')[0]
-    );
+    this._pageCommunicator.registerAllowedHashLinkStartTerm(routeID.split('/')[0]);
     return () => {
       this._customRouteIDs.delete(routeID);
     };
   }
-
-  addCustomListRouteID(routeID: string, handler: Function): () => void {
+  addCustomListRouteID(routeID, handler) {
     // eslint-disable-next-line no-console
     console.log('addCustomListRouteID not implemented');
     return () => {};
   }
-
-  showCustomRouteView(el: HTMLElement): void {
-    let customViewBase = document.querySelector(
-      'body > .inboxsdk__custom_view'
-    );
+  showCustomRouteView(el) {
+    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 } = getSidebarClassnames();
-
-      setCss(
-        'custom_view_base_margins',
-        `
+      const {
+        chat,
+        nav
+      } = (0, _getSidebarClassnames.default)();
+      (0, _setCss.default)('custom_view_base_margins', `
         .inboxsdk__custom_view.${nav || 'nav_sidebar'} >
-        .${idMap('custom_view_container')}.${idMap('custom_view_min_margins')} {
+        .${(0, _idMap.default)('custom_view_container')}.${(0, _idMap.default)('custom_view_min_margins')} {
           margin-left: 232px;
         }
         .inboxsdk__custom_view.${chat || 'chat_sidebar'} >
-        .${idMap('custom_view_container')}.${idMap('custom_view_min_margins')} {
+        .${(0, _idMap.default)('custom_view_container')}.${(0, _idMap.default)('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 = querySelector(
-        document,
-        'body > div[class][id][jsaction][jslog]'
-      );
-      makeMutationObserverChunkedStream(main, {
+      const main = (0, _querySelectorOrFail.default)(document, 'body > div[class][id][jsaction][jslog]');
+      (0, _makeMutationObserverChunkedStream.default)(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: any): HTMLElement).appendChild(customViewBase);
+      });
+      document.body.appendChild(customViewBase);
     }
-
     customViewBase.innerHTML = '';
     customViewBase.appendChild(el);
     customViewBase.style.display = '';
-
-    ((document.body: any): HTMLElement).classList.add(
-      'inboxsdk__custom_view_active'
-    );
-
+    document.body.classList.add('inboxsdk__custom_view_active');
     const main = document.querySelector('[id][jsaction] > div[token][class]');
     if (main) {
       main.style.display = 'none';
     }
   }
-
-  showNativeRouteView(): void {
-    ((document.body: any): HTMLElement).classList.remove(
-      'inboxsdk__custom_view_active'
-    );
-    const customViewBase = document.querySelector(
-      'body > .inboxsdk__custom_view'
-    );
+  showNativeRouteView() {
+    document.body.classList.remove('inboxsdk__custom_view_active');
+    const customViewBase = document.querySelector('body > .inboxsdk__custom_view');
     if (customViewBase) {
       customViewBase.style.display = 'none';
       customViewBase.innerHTML = '';
@@ -1047,46 +787,30 @@ class InboxDriver {
       main.style.display = '';
     }
   }
-
-  setShowNativeNavMarker(isNative: boolean) {
+  setShowNativeNavMarker(isNative) {
     // stub
   }
-
-  setShowNativeAddonSidebar(isNative: boolean) {
+  setShowNativeAddonSidebar(isNative) {
     // stub
   }
-
-  registerSearchSuggestionsProvider(handler: Function) {
-    registerSearchSuggestionsProvider(this, handler);
+  registerSearchSuggestionsProvider(handler) {
+    (0, _registerSearchSuggestionsProvider.default)(this, handler);
   }
-
-  registerSearchQueryRewriter(obj: Object) {
+  registerSearchQueryRewriter(obj) {
     // eslint-disable-next-line no-console
     console.log('registerSearchQueryRewriter not implemented');
   }
-
-  addToolbarButtonForApp(
-    buttonDescriptor: Kefir.Observable<Object>
-  ): Promise<InboxAppToolbarButtonView> {
-    const view = new InboxAppToolbarButtonView(
-      buttonDescriptor,
-      this._page.tree.getAllByTag('appToolbarLocation'),
-      this._page.tree.getAllByTag('searchBar')
-    );
+  addToolbarButtonForApp(buttonDescriptor) {
+    const view = new _inboxAppToolbarButtonView.default(buttonDescriptor, this._page.tree.getAllByTag('appToolbarLocation'), this._page.tree.getAllByTag('searchBar'));
     return view.waitForReady();
   }
-
-  addGlobalSidebarContentPanel(
-    buttonDescriptor: Kefir.Observable<Object>
-  ): Promise<?Object> {
+  addGlobalSidebarContentPanel(buttonDescriptor) {
     // stub
     return Promise.resolve(null);
   }
-
-  isRunningInPageContext(): boolean {
+  isRunningInPageContext() {
     return !!(global.gbar && global.gbar._CONFIG);
   }
-
   showAppIdWarning() {
     const topDiv = document.createElement('div');
     topDiv.className = 'inboxsdk__appid_warning';
@@ -1098,67 +822,51 @@ class InboxDriver {
   </div>
   <a class="inboxsdk__appid_register" target="_blank" href="https://www.inboxsdk.com/register">Register Your App</a>
   `;
-
-    ((document.body: any): HTMLElement).insertBefore(
-      topDiv,
-      ((document.body: any): HTMLElement).firstChild
-    );
-
+    document.body.insertBefore(topDiv, document.body.firstChild);
     const closeBtn = topDiv.querySelector('.inboxsdk__close_button');
     if (!closeBtn) throw new Error('Should not happen');
-    closeBtn.addEventListener('click', function (e: MouseEvent) {
+    closeBtn.addEventListener('click', function (e) {
       topDiv.remove();
     });
   }
-
-  openDraftByMessageID(messageID: string): Promise<void> {
+  openDraftByMessageID(messageID) {
     throw new Error('Not implemented');
   }
-
-  createMoleViewDriver(options: Object): InboxMoleViewDriver {
-    return new InboxMoleViewDriver(options, this);
+  createMoleViewDriver(options) {
+    return new _InboxMoleViewDriver.default(options, this);
   }
-
-  createModalViewDriver(options: Object): InboxModalView {
-    return new InboxModalView(options);
+  createModalViewDriver(options) {
+    return new _inboxModalView.default(options);
   }
-
-  createTopMessageBarDriver(options: Object): Object {
+  createTopMessageBarDriver(options) {
     throw new Error('Not implemented');
   }
-
-  createDrawerViewDriver(options: DrawerViewOptions) {
-    const drawerView = new InboxDrawerView(options);
+  createDrawerViewDriver(options) {
+    const drawerView = new _inboxDrawerView.default(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.fromESObservable(this._page.tree.getAllByTag('nativeDrawer'))
-      .takeUntilBy(drawerView.getClosingStream())
-      .onValue((changes) => {
-        for (let change of changes) {
-          if (change.type === 'add') {
-            drawerView.close();
-            break;
-          }
+    _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;
         }
-      });
-
+      }
+    });
     return drawerView;
   }
-
-  createBackdrop(zIndex?: number, target?: HTMLElement) {
-    return new InboxBackdrop(zIndex, target);
+  createBackdrop(zIndex, target) {
+    return new _inboxBackdrop.default(zIndex, target);
   }
-
   closeOpenThread() {
-    simulateKey((document.body: any), 27, 27);
+    (0, _simulateKey.default)(document.body, 27, 27);
   }
-
-  registerThreadRowViewSelectionHandler(handler: () => any): () => void {
+  registerThreadRowViewSelectionHandler(handler) {
     return () => {};
   }
 }
-
-export default defn(module, InboxDriver);
+var _default = (0, _ud.defn)(module, InboxDriver);
+exports.default = _default;