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

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

@@ -1,121 +1,69 @@
-/* @flow */
-import constant from 'lodash/constant';
-import asap from 'asap';
-import delay from 'pdelay';
-import { defn } from 'ud';
-import util from 'util';
-import Kefir from 'kefir';
-import { parse } from 'querystring';
-import kefirBus from 'kefir-bus';
-import kefirStopper from 'kefir-stopper';
-import type { Bus } from 'kefir-bus';
-
-import findParent from '../../../../common/find-parent';
-import makeMutationObserverChunkedStream from '../../../lib/dom/make-mutation-observer-chunked-stream';
-import querySelector from '../../../lib/dom/querySelectorOrFail';
-import idMap from '../../../lib/idMap';
-import SimpleElementView from '../../../views/SimpleElementView';
-import CustomMessageView from '../../../views/conversations/custom-message-view';
-
-import delayAsap from '../../../lib/delay-asap';
-import type GmailDriver from '../gmail-driver';
-import GmailElementGetter from '../gmail-element-getter';
-import GmailMessageView from './gmail-message-view';
-import GmailToolbarView from './gmail-toolbar-view';
-import type GmailAppSidebarView from './gmail-app-sidebar-view';
-import GmailThreadSidebarView from './gmail-thread-sidebar-view';
-import WidthManager from './gmail-thread-view/width-manager';
-
-import type { CustomMessageDescriptor } from '../../../views/conversations/custom-message-view';
-
+"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 _constant = _interopRequireDefault(require("lodash/constant"));
+var _asap = _interopRequireDefault(require("asap"));
+var _pdelay = _interopRequireDefault(require("pdelay"));
+var _ud = require("ud");
+var _util = _interopRequireDefault(require("util"));
+var _kefir = _interopRequireDefault(require("kefir"));
+var _querystring = require("querystring");
+var _kefirBus = _interopRequireDefault(require("kefir-bus"));
+var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
+var _findParent = _interopRequireDefault(require("../../../../common/find-parent"));
+var _makeMutationObserverChunkedStream = _interopRequireDefault(require("../../../lib/dom/make-mutation-observer-chunked-stream"));
+var _querySelectorOrFail = _interopRequireDefault(require("../../../lib/dom/querySelectorOrFail"));
+var _idMap = _interopRequireDefault(require("../../../lib/idMap"));
+var _SimpleElementView = _interopRequireDefault(require("../../../views/SimpleElementView"));
+var _customMessageView = _interopRequireDefault(require("../../../views/conversations/custom-message-view"));
+var _delayAsap = _interopRequireDefault(require("../../../lib/delay-asap"));
+var _gmailElementGetter = _interopRequireDefault(require("../gmail-element-getter"));
+var _gmailMessageView = _interopRequireDefault(require("./gmail-message-view"));
+var _gmailToolbarView = _interopRequireDefault(require("./gmail-toolbar-view"));
+var _gmailThreadSidebarView = _interopRequireDefault(require("./gmail-thread-sidebar-view"));
+var _widthManager = _interopRequireDefault(require("./gmail-thread-view/width-manager"));
 let hasLoggedAddonInfo = false;
-
 class GmailThreadView {
-  _element: HTMLElement;
-  _routeViewDriver: any;
-  _driver: GmailDriver;
-  _isPreviewedThread: boolean;
-  _eventStream: Bus<any>;
-  _stopper = kefirStopper();
-  _threadSidebar: ?GmailThreadSidebarView = null;
-  _widthManager: ?WidthManager = null;
-
-  _toolbarView: any;
-  _messageViewDrivers: any[];
-  _newMessageMutationObserver: ?MutationObserver;
-  _readyStream: Kefir.Observable<any>;
-  _threadID: ?string;
-  _syncThreadID: ?string;
-  _customMessageViews: Set<CustomMessageView> = new Set();
-  _hiddenCustomMessageViews: Set<CustomMessageView> = new Set();
-  _hiddenCustomMessageNoticeProvider: ?(
-    numberCustomMessagesHidden: number,
-    numberNativeMessagesHidden: ?number,
-    unmountPromise: Promise<void>
-  ) => ?HTMLElement;
-  _hiddenCustomMessageNoticeElement: ?HTMLElement;
-  _resolveUnmountHiddenNoticePromise: ?() => void;
-
-  constructor(
-    element: HTMLElement,
-    routeViewDriver: any,
-    driver: GmailDriver,
-    isPreviewedThread: boolean = false
-  ) {
+  constructor(element, routeViewDriver, driver) {
+    let isPreviewedThread = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+    (0, _defineProperty2.default)(this, "_stopper", (0, _kefirStopper.default)());
+    (0, _defineProperty2.default)(this, "_threadSidebar", null);
+    (0, _defineProperty2.default)(this, "_widthManager", null);
+    (0, _defineProperty2.default)(this, "_customMessageViews", new Set());
+    (0, _defineProperty2.default)(this, "_hiddenCustomMessageViews", new Set());
+    (0, _defineProperty2.default)(this, "_subjectContainerSelectors", {
+      '2022_10_21': '.a98.iY > .nH',
+      '2022_10_12': '.PeIF1d > .nH',
+      [2018]: '.if > .nH'
+    });
     this._element = element;
     this._routeViewDriver = routeViewDriver;
     this._driver = driver;
     this._isPreviewedThread = isPreviewedThread;
-
-    this._eventStream = kefirBus();
+    this._eventStream = (0, _kefirBus.default)();
     this._messageViewDrivers = [];
-
-    this._logAddonElementInfo().catch((err) =>
-      this._driver.getLogger().error(err)
-    );
-
-    const waitForSidebarReady = this._driver
-      .waitForGlobalSidebarReady()
-      .merge(
-        this._driver
-          .delayToTimeAfterReady(15 * 1000)
-          .flatMap(() =>
-            Kefir.constantError(
-              new Error('15 second timeout while waiting for sidebar fired')
-            )
-          )
-      )
-      .take(1)
-      .takeErrors(1)
-      .flatMapErrors((err) => {
-        this._driver.getLogger().error(err);
-        return Kefir.constant(null);
-      })
-      .toProperty();
-
+    this._logAddonElementInfo().catch(err => this._driver.getLogger().error(err));
+    const waitForSidebarReady = this._driver.waitForGlobalSidebarReady().merge(this._driver.delayToTimeAfterReady(15 * 1000).flatMap(() => _kefir.default.constantError(new Error('15 second timeout while waiting for sidebar fired')))).take(1).takeErrors(1).flatMapErrors(err => {
+      this._driver.getLogger().error(err);
+      return _kefir.default.constant(null);
+    }).toProperty();
     let combinedReadyStream;
-    if (
-      driver.getOpts().REQUESTED_API_VERSION === 1 &&
-      driver.isUsingSyncAPI()
-    ) {
-      combinedReadyStream = Kefir.combine([
-        waitForSidebarReady,
-        Kefir.fromPromise(this.getThreadIDAsync()),
-      ]);
+    if (driver.getOpts().REQUESTED_API_VERSION === 1 && driver.isUsingSyncAPI()) {
+      combinedReadyStream = _kefir.default.combine([waitForSidebarReady, _kefir.default.fromPromise(this.getThreadIDAsync())]);
     } else {
       combinedReadyStream = waitForSidebarReady;
     }
-    this._readyStream = combinedReadyStream
-      .map(() => {
-        this._setupToolbarView();
-        this._setupMessageViewStream();
-        return null;
-      })
-      .takeUntilBy(this._stopper)
-      .toProperty();
-
+    this._readyStream = combinedReadyStream.map(() => {
+      this._setupToolbarView();
+      this._setupMessageViewStream();
+      return null;
+    }).takeUntilBy(this._stopper).toProperty();
     this._listenToExpandCollapseAll();
-
     this._stopper.take(1).onValue(() => {
       if (this._resolveUnmountHiddenNoticePromise) {
         this._resolveUnmountHiddenNoticePromise();
@@ -124,396 +72,231 @@ class GmailThreadView {
   }
 
   // TODO use livesets eventually
-  getMessageViewDriverStream(): Kefir.Observable<GmailMessageView> {
-    return Kefir.constant(this._messageViewDrivers)
-      .flatten()
-      .merge(
-        this._eventStream
-          .filter(
-            (event) =>
-              event.type === 'internal' && event.eventName === 'messageCreated'
-          )
-          .map((event) => event.view)
-      );
+  getMessageViewDriverStream() {
+    return _kefir.default.constant(this._messageViewDrivers).flatten().merge(this._eventStream.filter(event => event.type === 'internal' && event.eventName === 'messageCreated').map(event => event.view));
   }
-
   isLoadingStub() {
     return false;
   }
   getStopper() {
     return this._stopper;
   }
-  getEventStream(): Kefir.Observable<Object> {
+  getEventStream() {
     return this._eventStream;
   }
-  getElement(): HTMLElement {
+  getElement() {
     return this._element;
   }
-  getRouteViewDriver(): any {
+  getRouteViewDriver() {
     return this._routeViewDriver;
   }
-  getIsPreviewedThread(): boolean {
+  getIsPreviewedThread() {
     return this._isPreviewedThread;
   }
-  getToolbarView(): any {
+  getToolbarView() {
     return this._toolbarView;
   }
-  getMessageViewDrivers(): GmailMessageView[] {
+  getMessageViewDrivers() {
     return this._messageViewDrivers;
   }
-
   destroy() {
     this._eventStream.end();
     this._stopper.destroy();
     if (this._toolbarView) this._toolbarView.destroy();
     if (this._threadSidebar) this._threadSidebar.destroy();
-
-    this._messageViewDrivers.forEach((messageView) => {
+    this._messageViewDrivers.forEach(messageView => {
       messageView.destroy();
     });
     this._messageViewDrivers.length = 0;
     if (this._newMessageMutationObserver) {
       this._newMessageMutationObserver.disconnect();
     }
-
     for (let customMessageView of this._customMessageViews) {
       customMessageView.destroy();
     }
   }
-
-  addSidebarContentPanel(descriptor: Kefir.Observable<Object>) {
+  addSidebarContentPanel(descriptor) {
     const sidebar = this._driver.getGlobalSidebar();
     return sidebar.addThreadSidebarContentPanel(descriptor, this);
   }
-
-  _subjectContainerSelectors = {
-    '2022_10_21': '.a98.iY > .nH',
-    '2022_10_12': '.PeIF1d > .nH',
-    [2018]: '.if > .nH',
-  };
-
-  addNoticeBar(): SimpleElementView {
+  addNoticeBar() {
     const el = document.createElement('div');
-    el.className = idMap('thread_noticeBar');
+    el.className = (0, _idMap.default)('thread_noticeBar');
     let version;
     let subjectContainer;
-
-    for (const [currentVersion, selector] of Object.entries(
-      this._subjectContainerSelectors
-    )) {
+    for (const [currentVersion, selector] of Object.entries(this._subjectContainerSelectors)) {
       // Flow should be able to infer selector to be a string,
       // Typescript can. Remove this when ported.
-      const el = this._element.querySelector((selector: any));
+      const el = this._element.querySelector(selector);
       if (!el) {
         continue;
       }
-
       version = currentVersion;
       subjectContainer = el;
       break;
     }
-
     if (!subjectContainer) throw new Error('Failed to find subject container');
     this._driver.getLogger().eventSdkPassive('addNoticeBar subjectContainer', {
-      version,
+      version
     });
     subjectContainer.insertAdjacentElement('afterend', el);
-    const view = new SimpleElementView(el);
-
-    this._stopper
-      .takeUntilBy(Kefir.fromEvents(view, 'destroy'))
-      .onValue(() => view.destroy());
-
+    const view = new _SimpleElementView.default(el);
+    this._stopper.takeUntilBy(_kefir.default.fromEvents(view, 'destroy')).onValue(() => view.destroy());
     return view;
   }
-
-  registerHiddenCustomMessageNoticeProvider(
-    provider: (
-      numberCustomMessagesHidden: number,
-      numberNativeMessagesHidden: ?number,
-      unmountPromise: Promise<void>
-    ) => HTMLElement
-  ) {
+  registerHiddenCustomMessageNoticeProvider(provider) {
     this._hiddenCustomMessageNoticeProvider = provider;
   }
-
-  addCustomMessage(
-    descriptorStream: Kefir.Observable<CustomMessageDescriptor>
-  ): CustomMessageView {
+  addCustomMessage(descriptorStream) {
     const parentElement = this._element.parentElement;
     if (!parentElement) throw new Error('missing parent element');
-    const customMessageView = new CustomMessageView(descriptorStream, () => {
-      this._readyStream.onValue(async (): any => {
+    const customMessageView = new _customMessageView.default(descriptorStream, () => {
+      this._readyStream.onValue(async () => {
         const messageContainer = this._element.querySelector('[role=list]');
         if (!messageContainer) return;
-
         let mostRecentDate = Number.MIN_SAFE_INTEGER;
         let insertBeforeMessage;
-
         let isInHidden = false;
-
-        const messages = [
-          ...(await Promise.all(
-            this._messageViewDrivers.map(async (messageView) => ({
-              sortDatetime: (await messageView.getDate()) || 0,
-              isHidden: messageView.getViewState() === 'HIDDEN',
-              element: messageView.getElement(),
-            }))
-          )),
-          ...Array.from(this._customMessageViews)
-            .filter(
-              (cmv) =>
-                cmv !== customMessageView &&
-                cmv.getElement()
-                  .parentElement /* it has been inserted into dom */
-            )
-            .map((cmv) => {
-              const date = cmv.getSortDate();
-              const datetime = date ? date.getTime() : null;
-
-              return {
-                sortDatetime: datetime || 0,
-                isHidden: cmv
-                  .getElement()
-                  .classList.contains('inboxsdk__custom_message_view_hidden'),
-                element: cmv.getElement(),
-              };
-            }),
-        ].sort((a, b) => a.sortDatetime - b.sortDatetime);
-
+        const messages = [...(await Promise.all(this._messageViewDrivers.map(async messageView => ({
+          sortDatetime: (await messageView.getDate()) || 0,
+          isHidden: messageView.getViewState() === 'HIDDEN',
+          element: messageView.getElement()
+        })))), ...Array.from(this._customMessageViews).filter(cmv => cmv !== customMessageView && cmv.getElement().parentElement /* it has been inserted into dom */).map(cmv => {
+          const date = cmv.getSortDate();
+          const datetime = date ? date.getTime() : null;
+          return {
+            sortDatetime: datetime || 0,
+            isHidden: cmv.getElement().classList.contains('inboxsdk__custom_message_view_hidden'),
+            element: cmv.getElement()
+          };
+        })].sort((a, b) => a.sortDatetime - b.sortDatetime);
         const messageDate = customMessageView.getSortDate();
         if (!messageDate) return;
-
         for (let message of messages) {
           isInHidden = message.isHidden;
-
-          if (
-            messageDate.getTime() >= mostRecentDate &&
-            messageDate.getTime() <= message.sortDatetime
-          ) {
+          if (messageDate.getTime() >= mostRecentDate && messageDate.getTime() <= message.sortDatetime) {
             insertBeforeMessage = message.element;
             break;
           }
-
           mostRecentDate = message.sortDatetime;
         }
-
-        if (insertBeforeMessage)
-          insertBeforeMessage.insertAdjacentElement(
-            'beforebegin',
-            customMessageView.getElement()
-          );
-        else
-          messageContainer.insertAdjacentElement(
-            'beforeend',
-            customMessageView.getElement()
-          );
-
+        if (insertBeforeMessage) insertBeforeMessage.insertAdjacentElement('beforebegin', customMessageView.getElement());else messageContainer.insertAdjacentElement('beforeend', customMessageView.getElement());
         if (isInHidden) {
           this._setupHiddenCustomMessage(customMessageView);
         }
-
         parentElement.classList.add('inboxsdk__thread_view_with_custom_view');
       });
     });
-
     this._customMessageViews.add(customMessageView);
     customMessageView.on('destroy', () => {
       this._customMessageViews.delete(customMessageView);
-      if (this._customMessageViews.size > 0)
-        parentElement.classList.add('inboxsdk__thread_view_with_custom_view');
-      else
-        parentElement.classList.remove(
-          'inboxsdk__thread_view_with_custom_view'
-        );
+      if (this._customMessageViews.size > 0) parentElement.classList.add('inboxsdk__thread_view_with_custom_view');else parentElement.classList.remove('inboxsdk__thread_view_with_custom_view');
     });
-
     return customMessageView;
   }
-
-  _setupHiddenCustomMessage(customMessageView: CustomMessageView) {
+  _setupHiddenCustomMessage(customMessageView) {
     this._hiddenCustomMessageViews.add(customMessageView);
 
     // hide the element
-    customMessageView
-      .getElement()
-      .classList.add('inboxsdk__custom_message_view_hidden');
+    customMessageView.getElement().classList.add('inboxsdk__custom_message_view_hidden');
 
     // get the message element that contains the hidden messages notice
     let hiddenNoticeMessageElement = this._element.querySelector('.adv');
     let nativeHiddenNoticePresent = true;
     if (!hiddenNoticeMessageElement) {
       nativeHiddenNoticePresent = false;
-      const superCollapsedMessageElements = Array.from(
-        this._element.querySelectorAll('.kQ')
-      );
+      const superCollapsedMessageElements = Array.from(this._element.querySelectorAll('.kQ'));
       if (superCollapsedMessageElements.length < 2) return;
-
       hiddenNoticeMessageElement = superCollapsedMessageElements[1];
     }
 
     // listen for a class change on that message which occurs when it becomes visible
-    makeMutationObserverChunkedStream(hiddenNoticeMessageElement, {
+    (0, _makeMutationObserverChunkedStream.default)(hiddenNoticeMessageElement, {
       attributes: true,
-      attributeFilter: ['class'],
-    })
-      .takeUntilBy(
-        Kefir.merge([
-          this._stopper,
-          Kefir.fromEvents(customMessageView, 'destroy'),
-        ])
-      )
-      .filter(
-        () =>
-          hiddenNoticeMessageElement &&
-          !hiddenNoticeMessageElement.classList.contains('kQ')
-      ) //when kQ is gone, message is visible
-      .onValue(() => {
-        customMessageView
-          .getElement()
-          .classList.remove('inboxsdk__custom_message_view_hidden');
-        if (this._hiddenCustomMessageNoticeElement)
-          this._hiddenCustomMessageNoticeElement.remove();
-        this._hiddenCustomMessageNoticeElement = null;
-      });
-
-    this._updateHiddenNotice(
-      hiddenNoticeMessageElement,
-      nativeHiddenNoticePresent
-    );
-
-    Kefir.fromEvents(customMessageView, 'destroy')
-      .takeUntilBy(this._stopper)
-      .take(1)
-      .onValue(() => {
-        this._hiddenCustomMessageViews.delete(customMessageView);
-        if (hiddenNoticeMessageElement)
-          this._updateHiddenNotice(
-            hiddenNoticeMessageElement,
-            nativeHiddenNoticePresent
-          );
-      });
+      attributeFilter: ['class']
+    }).takeUntilBy(_kefir.default.merge([this._stopper, _kefir.default.fromEvents(customMessageView, 'destroy')])).filter(() => hiddenNoticeMessageElement && !hiddenNoticeMessageElement.classList.contains('kQ')) //when kQ is gone, message is visible
+    .onValue(() => {
+      customMessageView.getElement().classList.remove('inboxsdk__custom_message_view_hidden');
+      if (this._hiddenCustomMessageNoticeElement) this._hiddenCustomMessageNoticeElement.remove();
+      this._hiddenCustomMessageNoticeElement = null;
+    });
+    this._updateHiddenNotice(hiddenNoticeMessageElement, nativeHiddenNoticePresent);
+    _kefir.default.fromEvents(customMessageView, 'destroy').takeUntilBy(this._stopper).take(1).onValue(() => {
+      this._hiddenCustomMessageViews.delete(customMessageView);
+      if (hiddenNoticeMessageElement) this._updateHiddenNotice(hiddenNoticeMessageElement, nativeHiddenNoticePresent);
+    });
   }
-
-  _updateHiddenNotice(
-    hiddenNoticeMessageElement: HTMLElement,
-    nativeHiddenNoticePresent: boolean
-  ) {
+  _updateHiddenNotice(hiddenNoticeMessageElement, nativeHiddenNoticePresent) {
     const existingAppNoticeElement = this._hiddenCustomMessageNoticeElement;
     if (existingAppNoticeElement) {
       existingAppNoticeElement.remove();
       this._hiddenCustomMessageNoticeElement = null;
-
-      if (this._resolveUnmountHiddenNoticePromise)
-        this._resolveUnmountHiddenNoticePromise();
+      if (this._resolveUnmountHiddenNoticePromise) this._resolveUnmountHiddenNoticePromise();
     }
-
     const noticeProvider = this._hiddenCustomMessageNoticeProvider;
     if (!noticeProvider) return;
-
-    const appNoticeContainerElement = (this._hiddenCustomMessageNoticeElement =
-      document.createElement('span'));
-    appNoticeContainerElement.classList.add(
-      'inboxsdk__custom_message_view_app_notice_content'
-    );
-
+    const appNoticeContainerElement = this._hiddenCustomMessageNoticeElement = document.createElement('span');
+    appNoticeContainerElement.classList.add('inboxsdk__custom_message_view_app_notice_content');
     const numberCustomHiddenMessages = this._hiddenCustomMessageViews.size;
-
     let numberNativeHiddenMessages = null;
     if (nativeHiddenNoticePresent) {
-      const nativeHiddenNoticeCountSpan = querySelector(
-        hiddenNoticeMessageElement,
-        '.adx span'
-      );
-      numberNativeHiddenMessages = Number(
-        nativeHiddenNoticeCountSpan.innerHTML
-      );
+      const nativeHiddenNoticeCountSpan = (0, _querySelectorOrFail.default)(hiddenNoticeMessageElement, '.adx span');
+      numberNativeHiddenMessages = Number(nativeHiddenNoticeCountSpan.innerHTML);
       if (isNaN(numberNativeHiddenMessages)) {
-        throw new Error(
-          "Couldn't find number of native hidden messages in dom structure"
-        );
+        throw new Error("Couldn't find number of native hidden messages in dom structure");
       }
     }
-
-    const appNoticeElement = noticeProvider(
-      numberCustomHiddenMessages,
-      numberNativeHiddenMessages,
-      new Promise((resolve) => {
-        this._resolveUnmountHiddenNoticePromise = resolve;
-      })
-    );
+    const appNoticeElement = noticeProvider(numberCustomHiddenMessages, numberNativeHiddenMessages, new Promise(resolve => {
+      this._resolveUnmountHiddenNoticePromise = resolve;
+    }));
     if (!appNoticeElement) {
       return;
     }
     appNoticeContainerElement.appendChild(appNoticeElement);
-
     if (!nativeHiddenNoticePresent) {
       const fakeAppNoticeElement = document.createElement('span');
       fakeAppNoticeElement.classList.add('adx');
-
-      const insertionPoint = querySelector(hiddenNoticeMessageElement, '.G3');
+      const insertionPoint = (0, _querySelectorOrFail.default)(hiddenNoticeMessageElement, '.G3');
       insertionPoint.appendChild(fakeAppNoticeElement);
     }
-
-    const hiddenNoticeElement = querySelector(
-      hiddenNoticeMessageElement,
-      '.adx'
-    );
-    hiddenNoticeElement.classList.add(
-      'inboxsdk__custom_message_view_app_notice_container'
-    );
+    const hiddenNoticeElement = (0, _querySelectorOrFail.default)(hiddenNoticeMessageElement, '.adx');
+    hiddenNoticeElement.classList.add('inboxsdk__custom_message_view_app_notice_container');
     hiddenNoticeElement.appendChild(appNoticeContainerElement);
   }
-
-  getSubject(): string {
+  getSubject() {
     var subjectElement = this._element.querySelector('.ha h2');
     if (!subjectElement) {
       return '';
     }
-
     if (subjectElement.querySelector('img[data-emoji]')) {
-      return Array.from(subjectElement.childNodes)
-        .map((c) => {
-          if (c instanceof HTMLElement && c.nodeName === 'IMG') {
-            const maybeEmoji = c.getAttribute('data-emoji');
-            return maybeEmoji;
-          }
-
-          if (c.nodeName === '#text') {
-            return (c: any).wholeText;
-          }
-        })
-        .filter((x) => x != null)
-        .join('');
+      return Array.from(subjectElement.childNodes).map(c => {
+        if (c instanceof HTMLElement && c.nodeName === 'IMG') {
+          const maybeEmoji = c.getAttribute('data-emoji');
+          return maybeEmoji;
+        }
+        if (c.nodeName === '#text') {
+          return c.wholeText;
+        }
+      }).filter(x => x != null).join('');
     }
-
     return subjectElement.textContent;
   }
-
-  getInternalID(): string {
+  getInternalID() {
     return this._syncThreadID || this.getThreadID();
   }
 
   // Follows a similar structure to getThreadIDAsync, but gives up if async work is needed
-  getThreadID(): string {
+  getThreadID() {
     if (this._threadID) return this._threadID;
-
     let threadID;
     if (this._driver.isUsingSyncAPI()) {
       const idElement = this._element.querySelector('[data-thread-perm-id]');
       if (!idElement) throw new Error('threadID element not found');
-
-      const syncThreadID = (this._syncThreadID = idElement.getAttribute(
-        'data-thread-perm-id'
-      ));
-      if (!syncThreadID)
-        throw new Error('syncThreadID attribute with no value');
-
+      const syncThreadID = this._syncThreadID = idElement.getAttribute('data-thread-perm-id');
+      if (!syncThreadID) throw new Error('syncThreadID attribute with no value');
       threadID = idElement.getAttribute('data-legacy-thread-id');
       if (!threadID) {
-        const err = new Error(
-          'Failed to get id for thread: data-legacy-thread-id attribute missing'
-        );
+        const err = new Error('Failed to get id for thread: data-legacy-thread-id attribute missing');
         this._driver.getLogger().error(err);
         // throw err;
         // Fall back to old behavior instead of throwing. Probably not super sensible, but
@@ -521,16 +304,12 @@ class GmailThreadView {
         // probably an okay choice.
       }
     }
+
     if (!threadID) {
       if (this._isPreviewedThread) {
-        threadID = this._driver
-          .getPageCommunicator()
-          .getCurrentThreadID(this._element, true);
+        threadID = this._driver.getPageCommunicator().getCurrentThreadID(this._element, true);
       } else {
-        const params = this._routeViewDriver
-          ? this._routeViewDriver.getParams()
-          : null;
-
+        const params = this._routeViewDriver ? this._routeViewDriver.getParams() : null;
         if (params && params.threadID) {
           threadID = params.threadID;
         } else {
@@ -540,40 +319,25 @@ class GmailThreadView {
         }
       }
     }
-
     this._threadID = threadID;
     return threadID;
   }
-
-  async getThreadIDAsync(): Promise<string> {
+  async getThreadIDAsync() {
     let threadID;
     if (this._driver.isUsingSyncAPI()) {
       const idElement = this._element.querySelector('[data-thread-perm-id]');
       if (!idElement) throw new Error('threadID element not found');
-
-      const syncThreadID = (this._syncThreadID = idElement.getAttribute(
-        'data-thread-perm-id'
-      ));
-      if (!syncThreadID)
-        throw new Error('syncThreadID attribute with no value');
-
-      this._threadID = threadID = idElement.getAttribute(
-        'data-legacy-thread-id'
-      );
+      const syncThreadID = this._syncThreadID = idElement.getAttribute('data-thread-perm-id');
+      if (!syncThreadID) throw new Error('syncThreadID attribute with no value');
+      this._threadID = threadID = idElement.getAttribute('data-legacy-thread-id');
       if (!threadID) {
-        this._threadID = threadID =
-          await this._driver.getOldGmailThreadIdFromSyncThreadId(syncThreadID);
+        this._threadID = threadID = await this._driver.getOldGmailThreadIdFromSyncThreadId(syncThreadID);
       }
     } else {
       if (this._isPreviewedThread) {
-        threadID = this._driver
-          .getPageCommunicator()
-          .getCurrentThreadID(this._element, true);
+        threadID = this._driver.getPageCommunicator().getCurrentThreadID(this._element, true);
       } else {
-        const params = this._routeViewDriver
-          ? this._routeViewDriver.getParams()
-          : null;
-
+        const params = this._routeViewDriver ? this._routeViewDriver.getParams() : null;
         if (params && params.threadID) {
           threadID = params.threadID;
         } else {
@@ -582,133 +346,73 @@ class GmailThreadView {
           throw err;
         }
       }
-
       this._threadID = threadID;
     }
-
-    if (this._threadID) return this._threadID;
-    else throw new Error('Failed to get id for thread');
+    if (this._threadID) return this._threadID;else throw new Error('Failed to get id for thread');
   }
-
-  addLabel(): SimpleElementView {
+  addLabel() {
     const labelContainer = this._element.querySelector('.ha .J-J5-Ji');
     if (!labelContainer) {
       throw new Error('Thread view label container not found');
     }
     const el = document.createElement('span');
-
     labelContainer.appendChild(el);
-    const view = new SimpleElementView(el);
-
-    const observer = new MutationObserver((mutationsList) => {
-      if (
-        mutationsList.some(
-          (mutation) =>
-            mutation.type === 'childList' &&
-            mutation.removedNodes &&
-            mutation.removedNodes.length &&
-            mutation.removedNodes.length > 0
-        )
-      ) {
+    const view = new _SimpleElementView.default(el);
+    const observer = new MutationObserver(mutationsList => {
+      if (mutationsList.some(mutation => mutation.type === 'childList' && mutation.removedNodes && mutation.removedNodes.length && mutation.removedNodes.length > 0)) {
         if (!labelContainer.contains(el)) {
           labelContainer.appendChild(el);
         }
       }
     });
-    observer.observe(labelContainer, { childList: true });
-
-    this._stopper
-      .takeUntilBy(Kefir.fromEvents(view, 'destroy'))
-      .onValue(() => view.destroy());
-
-    Kefir.fromEvents(view, 'destroy')
-      .take(1)
-      .onValue(() => {
-        observer.disconnect();
-      });
-
+    observer.observe(labelContainer, {
+      childList: true
+    });
+    this._stopper.takeUntilBy(_kefir.default.fromEvents(view, 'destroy')).onValue(() => view.destroy());
+    _kefir.default.fromEvents(view, 'destroy').take(1).onValue(() => {
+      observer.disconnect();
+    });
     return view;
   }
-
   _setupToolbarView() {
     const toolbarElement = this._findToolbarElement();
     if (!toolbarElement) throw new Error('No toolbar element found');
     const toolbarParent = toolbarElement.parentElement;
-    if (toolbarParent)
-      toolbarParent.classList.add('inboxsdk__thread_toolbar_parent');
-
-    this._toolbarView = new GmailToolbarView(
-      toolbarElement,
-      this._driver,
-      this._routeViewDriver,
-      this
-    );
+    if (toolbarParent) toolbarParent.classList.add('inboxsdk__thread_toolbar_parent');
+    this._toolbarView = new _gmailToolbarView.default(toolbarElement, this._driver, this._routeViewDriver, this);
   }
-
-  _findToolbarElement(): ?HTMLElement {
+  _findToolbarElement() {
     var toolbarContainerElements = document.querySelectorAll('[gh=tm]');
     for (var ii = 0; ii < toolbarContainerElements.length; ii++) {
       if (this._isToolbarContainerRelevant(toolbarContainerElements[ii])) {
         return toolbarContainerElements[ii].querySelector('[gh=mtb]');
       }
     }
-
     return null;
   }
-
-  _isToolbarContainerRelevant(toolbarContainerElement: HTMLElement): boolean {
-    if (
-      (toolbarContainerElement: any).parentElement.parentElement ===
-      (this._element: any).parentElement.parentElement
-    ) {
+  _isToolbarContainerRelevant(toolbarContainerElement) {
+    if (toolbarContainerElement.parentElement.parentElement === this._element.parentElement.parentElement) {
       return true;
     }
-
-    if (
-      (toolbarContainerElement: any).parentElement.getAttribute('role') !==
-        'main' &&
-      (this._element: any).parentElement.getAttribute('role') !== 'main'
-    ) {
+    if (toolbarContainerElement.parentElement.getAttribute('role') !== 'main' && this._element.parentElement.getAttribute('role') !== 'main') {
       return true;
     }
-
-    if (
-      (toolbarContainerElement: any).parentElement.getAttribute('role') ===
-        'main' &&
-      (toolbarContainerElement: any).parentElement.querySelector(
-        '.if, .PeIF1d, .a98.iY'
-      ) &&
-      (toolbarContainerElement: any).parentElement.querySelector(
-        '.if, .PeIF1d, .a98.iY'
-      ).parentElement === this._element
-    ) {
+    if (toolbarContainerElement.parentElement.getAttribute('role') === 'main' && toolbarContainerElement.parentElement.querySelector('.if, .PeIF1d, .a98.iY') && toolbarContainerElement.parentElement.querySelector('.if, .PeIF1d, .a98.iY').parentElement === this._element) {
       let version = '2018';
-
-      if (
-        (toolbarContainerElement: any).parentElement.querySelector('.a98.iY')
-      ) {
+      if (toolbarContainerElement.parentElement.querySelector('.a98.iY')) {
         version = '2022-10-20';
-      } else if (
-        (toolbarContainerElement: any).parentElement.querySelector('.PeIF1d')
-      ) {
+      } else if (toolbarContainerElement.parentElement.querySelector('.PeIF1d')) {
         version = '2022-10-12';
       }
-
-      this._driver
-        .getLogger()
-        .eventSdkPassive('gmailThreadView_isToolbarContainerRelevant', {
-          version,
-        });
-
+      this._driver.getLogger().eventSdkPassive('gmailThreadView_isToolbarContainerRelevant', {
+        version
+      });
       return true;
     }
-
     return false;
   }
-
   _setupMessageViewStream() {
     var openMessage = this._element.querySelector('.h7');
-
     if (!openMessage) {
       var self = this;
       setTimeout(function () {
@@ -718,176 +422,117 @@ class GmailThreadView {
       }, 500);
       return;
     }
-
-    var messageContainer: HTMLElement = (openMessage.parentElement: any);
-
+    var messageContainer = openMessage.parentElement;
     this._initializeExistingMessages(messageContainer);
     this._observeNewMessages(messageContainer);
   }
-
-  _initializeExistingMessages(messageContainer: any) {
+  _initializeExistingMessages(messageContainer) {
     var self = this;
     var children = messageContainer.children;
     Array.prototype.forEach.call(children, function (childElement) {
       self._createMessageView(childElement);
     });
   }
-
-  _observeNewMessages(messageContainer: any) {
-    this._newMessageMutationObserver = (new MutationObserver(
-      this._handleNewMessageMutations.bind(this)
-    ): any);
+  _observeNewMessages(messageContainer) {
+    this._newMessageMutationObserver = new MutationObserver(this._handleNewMessageMutations.bind(this));
     this._newMessageMutationObserver.observe(messageContainer, {
-      childList: true,
+      childList: true
     });
   }
-
-  _handleNewMessageMutations(mutations: MutationRecord[]) {
+  _handleNewMessageMutations(mutations) {
     var self = this;
     mutations.forEach(function (mutation) {
       Array.prototype.forEach.call(mutation.addedNodes, function (addedNode) {
-        if (!addedNode.classList.contains('inboxsdk__custom_message_view'))
-          self._createMessageView(addedNode);
+        if (!addedNode.classList.contains('inboxsdk__custom_message_view')) self._createMessageView(addedNode);
       });
     });
   }
-
-  _createMessageView(messageElement: HTMLElement) {
-    var messageView = new GmailMessageView(messageElement, this, this._driver);
-
+  _createMessageView(messageElement) {
+    var messageView = new _gmailMessageView.default(messageElement, this, this._driver);
     this._eventStream.plug(messageView.getEventStream());
-
     this._messageViewDrivers.push(messageView);
     this._eventStream.emit({
       type: 'internal',
       eventName: 'messageCreated',
-      view: messageView,
+      view: messageView
     });
   }
-
   _setupWidthManager() {
     let widthManager = this._widthManager;
     if (!widthManager) {
-      const addonSidebarElement =
-        GmailElementGetter.getAddonSidebarContainerElement();
-      if (!addonSidebarElement)
-        throw new Error('addonSidebarElement not found');
-
-      const mainContentBodyContainerElement =
-        GmailElementGetter.getMainContentBodyContainerElement();
-      if (!mainContentBodyContainerElement)
-        throw new Error('mainContentBodyContainerElement not found');
+      const addonSidebarElement = _gmailElementGetter.default.getAddonSidebarContainerElement();
+      if (!addonSidebarElement) throw new Error('addonSidebarElement not found');
+      const mainContentBodyContainerElement = _gmailElementGetter.default.getMainContentBodyContainerElement();
+      if (!mainContentBodyContainerElement) throw new Error('mainContentBodyContainerElement not found');
       const contentContainer = mainContentBodyContainerElement.parentElement;
-      if (!contentContainer)
-        throw new Error(
-          'mainContentBodyContainerElement has no parent element'
-        );
-
-      this._widthManager = widthManager = new WidthManager(
-        (contentContainer: any),
-        addonSidebarElement
-      );
+      if (!contentContainer) throw new Error('mainContentBodyContainerElement has no parent element');
+      this._widthManager = widthManager = new _widthManager.default(contentContainer, addonSidebarElement);
     }
-
     return widthManager;
   }
-
   getReadyStream() {
     return this._readyStream;
   }
-
   async _logAddonElementInfo() {
     if (hasLoggedAddonInfo) return;
-
     function readInfo() {
-      const container = GmailElementGetter.getAddonSidebarContainerElement();
+      const container = _gmailElementGetter.default.getAddonSidebarContainerElement();
       if (!container) return null;
-
       const isDisplayNone = {
-        parent: container.parentElement
-          ? (container.parentElement: any).style.display === 'none'
-          : null,
+        parent: container.parentElement ? container.parentElement.style.display === 'none' : null,
         self: container.style.display === 'none',
-        children: Array.from(container.children).map((el) =>
-          el.style ? el.style.display === 'none' : null
-        ),
+        children: Array.from(container.children).map(el => el.style ? el.style.display === 'none' : null)
       };
-
       const rect = container.getBoundingClientRect();
       const size = {
         width: rect.width,
-        height: rect.height,
+        height: rect.height
+      };
+      return {
+        isDisplayNone,
+        size
       };
-      return { isDisplayNone, size };
     }
-
-    const eventData = { time: {} };
+    const eventData = {
+      time: {}
+    };
     eventData.time[0] = readInfo();
-
-    await Promise.all(
-      [30, 5000].map(async (time) => {
-        await delay(time);
-        if (this._stopper.stopped) return;
-        eventData.time[time] = readInfo();
-      })
-    );
+    await Promise.all([30, 5000].map(async time => {
+      await (0, _pdelay.default)(time);
+      if (this._stopper.stopped) return;
+      eventData.time[time] = readInfo();
+    }));
     if (this._stopper.stopped) return;
-
-    this._driver
-      .getLogger()
-      .eventSdkPassive('gmailSidebarElementInfo', eventData);
-
+    this._driver.getLogger().eventSdkPassive('gmailSidebarElementInfo', eventData);
     hasLoggedAddonInfo = true;
   }
-
   _listenToExpandCollapseAll() {
     //expand all
     const expandAllElementImg = this._element.querySelector('img.gx');
     if (expandAllElementImg) {
-      const expandAllElement = findParent(
-        expandAllElementImg,
-        (el) => el.getAttribute('role') === 'button'
-      );
-
+      const expandAllElement = (0, _findParent.default)(expandAllElementImg, el => el.getAttribute('role') === 'button');
       if (expandAllElement) {
-        Kefir.merge([
-          Kefir.fromEvents(expandAllElement, 'click'),
-          Kefir.fromEvents(expandAllElement, 'keydown').filter(
-            (e) => e.which === 13 /* enter */
-          ),
-        ])
-          .takeUntilBy(this._stopper)
-          .onValue(() => {
-            for (let customMessageView of this._customMessageViews) {
-              customMessageView.expand();
-            }
-          });
+        _kefir.default.merge([_kefir.default.fromEvents(expandAllElement, 'click'), _kefir.default.fromEvents(expandAllElement, 'keydown').filter(e => e.which === 13 /* enter */)]).takeUntilBy(this._stopper).onValue(() => {
+          for (let customMessageView of this._customMessageViews) {
+            customMessageView.expand();
+          }
+        });
       }
     }
 
     //collapse all
     const collapseAllElementImg = this._element.querySelector('img.gq');
     if (collapseAllElementImg) {
-      const collapseAllElement = findParent(
-        collapseAllElementImg,
-        (el) => el.getAttribute('role') === 'button'
-      );
+      const collapseAllElement = (0, _findParent.default)(collapseAllElementImg, el => el.getAttribute('role') === 'button');
       if (collapseAllElement) {
-        Kefir.merge([
-          Kefir.fromEvents(collapseAllElement, 'click'),
-          Kefir.fromEvents(collapseAllElement, 'keydown').filter(
-            (e) => e.which === 13 /* enter */
-          ),
-        ])
-          .takeUntilBy(this._stopper)
-          .onValue(() => {
-            for (let customMessageView of this._customMessageViews) {
-              customMessageView.collapse();
-            }
-          });
+        _kefir.default.merge([_kefir.default.fromEvents(collapseAllElement, 'click'), _kefir.default.fromEvents(collapseAllElement, 'keydown').filter(e => e.which === 13 /* enter */)]).takeUntilBy(this._stopper).onValue(() => {
+          for (let customMessageView of this._customMessageViews) {
+            customMessageView.collapse();
+          }
+        });
       }
     }
   }
 }
-
-export default defn(module, GmailThreadView);
+var _default = (0, _ud.defn)(module, GmailThreadView);
+exports.default = _default;