@inboxsdk/core 1.1.6 → 1.1.8

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

@@ -1,538 +1,661 @@
-"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"));
+import delay from 'pdelay';
+import * as Kefir from 'kefir';
+import kefirBus from 'kefir-bus';
+import kefirStopper from 'kefir-stopper';
+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 GmailElementGetter from '../gmail-element-getter';
+import GmailMessageView from './gmail-message-view';
+import GmailToolbarView from './gmail-toolbar-view';
+import WidthManager from './gmail-thread-view/width-manager';
 let hasLoggedAddonInfo = false;
 class GmailThreadView {
-  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 = (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.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.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._listenToExpandCollapseAll();
-    this._stopper.take(1).onValue(() => {
-      if (this._resolveUnmountHiddenNoticePromise) {
-        this._resolveUnmountHiddenNoticePromise();
-      }
-    });
-  }
-
-  // TODO use livesets eventually
-  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() {
-    return this._eventStream;
-  }
-  getElement() {
-    return this._element;
-  }
-  getRouteViewDriver() {
-    return this._routeViewDriver;
-  }
-  getIsPreviewedThread() {
-    return this._isPreviewedThread;
-  }
-  getToolbarView() {
-    return this._toolbarView;
-  }
-  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 => {
-      messageView.destroy();
-    });
-    this._messageViewDrivers.length = 0;
-    if (this._newMessageMutationObserver) {
-      this._newMessageMutationObserver.disconnect();
-    }
-    for (let customMessageView of this._customMessageViews) {
-      customMessageView.destroy();
-    }
-  }
-  addSidebarContentPanel(descriptor) {
-    const sidebar = this._driver.getGlobalSidebar();
-    return sidebar.addThreadSidebarContentPanel(descriptor, this);
-  }
-  addNoticeBar() {
-    const el = document.createElement('div');
-    el.className = (0, _idMap.default)('thread_noticeBar');
-    let version;
-    let subjectContainer;
-    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);
-      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
-    });
-    subjectContainer.insertAdjacentElement('afterend', el);
-    const view = new _SimpleElementView.default(el);
-    this._stopper.takeUntilBy(_kefir.default.fromEvents(view, 'destroy')).onValue(() => view.destroy());
-    return view;
-  }
-  registerHiddenCustomMessageNoticeProvider(provider) {
-    this._hiddenCustomMessageNoticeProvider = provider;
-  }
-  addCustomMessage(descriptorStream) {
-    const parentElement = this._element.parentElement;
-    if (!parentElement) throw new Error('missing parent element');
-    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 messageDate = customMessageView.getSortDate();
-        if (!messageDate) return;
-        for (let message of messages) {
-          isInHidden = message.isHidden;
-          if (messageDate.getTime() >= mostRecentDate && messageDate.getTime() <= message.sortDatetime) {
-            insertBeforeMessage = message.element;
+    _element;
+    _routeViewDriver;
+    _driver;
+    _isPreviewedThread;
+    _eventStream;
+    _stopper = kefirStopper();
+    _threadSidebar = null;
+    _widthManager = null;
+    _toolbarView;
+    _messageViewDrivers;
+    _newMessageMutationObserver;
+    _readyStream;
+    _threadID;
+    _syncThreadID;
+    _customMessageViews = new Set();
+    _hiddenCustomMessageViews = new Set();
+    _hiddenCustomMessageNoticeProvider;
+    _hiddenCustomMessageNoticeElement;
+    _resolveUnmountHiddenNoticePromise;
+    constructor(element, routeViewDriver, driver, isPreviewedThread = false) {
+        this._element = element;
+        this._routeViewDriver = routeViewDriver;
+        this._driver = driver;
+        this._isPreviewedThread = isPreviewedThread;
+        this._eventStream = kefirBus();
+        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();
+        let combinedReadyStream;
+        if (driver.getOpts().REQUESTED_API_VERSION === 1 &&
+            driver.isUsingSyncAPI()) {
+            combinedReadyStream = Kefir.combine([
+                waitForSidebarReady,
+                Kefir.fromPromise(this.getThreadIDAsync()),
+            ]);
+        }
+        else {
+            combinedReadyStream = waitForSidebarReady;
+        }
+        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();
+            }
+        });
+    }
+    // TODO use livesets eventually
+    getMessageViewDriverStream() {
+        return Kefir.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() {
+        return this._eventStream;
+    }
+    getElement() {
+        return this._element;
+    }
+    getRouteViewDriver() {
+        return this._routeViewDriver;
+    }
+    getIsPreviewedThread() {
+        return this._isPreviewedThread;
+    }
+    getToolbarView() {
+        return this._toolbarView;
+    }
+    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) => {
+            messageView.destroy();
+        });
+        this._messageViewDrivers.length = 0;
+        if (this._newMessageMutationObserver) {
+            this._newMessageMutationObserver.disconnect();
+        }
+        for (const customMessageView of this._customMessageViews) {
+            customMessageView.destroy();
+        }
+    }
+    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() {
+        const el = document.createElement('div');
+        el.className = idMap('thread_noticeBar');
+        let version;
+        let subjectContainer;
+        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);
+            if (!el) {
+                continue;
+            }
+            version = currentVersion;
+            subjectContainer = el;
             break;
-          }
-          mostRecentDate = message.sortDatetime;
         }
-        if (insertBeforeMessage) insertBeforeMessage.insertAdjacentElement('beforebegin', customMessageView.getElement());else messageContainer.insertAdjacentElement('beforeend', customMessageView.getElement());
-        if (isInHidden) {
-          this._setupHiddenCustomMessage(customMessageView);
+        if (!subjectContainer)
+            throw new Error('Failed to find subject container');
+        this._driver.getLogger().eventSdkPassive('addNoticeBar subjectContainer', {
+            version,
+        });
+        subjectContainer.insertAdjacentElement('afterend', el);
+        const view = new SimpleElementView(el);
+        this._stopper
+            .takeUntilBy(Kefir.fromEvents(view, 'destroy'))
+            .onValue(() => view.destroy());
+        return view;
+    }
+    registerHiddenCustomMessageNoticeProvider(provider) {
+        this._hiddenCustomMessageNoticeProvider = provider;
+    }
+    addCustomMessage(descriptorStream) {
+        const parentElement = this._element.parentElement;
+        if (!parentElement)
+            throw new Error('missing parent element');
+        const customMessageView = new CustomMessageView(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 messageDate = customMessageView.getSortDate();
+                if (!messageDate)
+                    return;
+                for (const message of messages) {
+                    isInHidden = message.isHidden;
+                    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 (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');
+        });
+        return customMessageView;
+    }
+    _setupHiddenCustomMessage(customMessageView) {
+        this._hiddenCustomMessageViews.add(customMessageView);
+        // hide the element
+        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'));
+            if (superCollapsedMessageElements.length < 2)
+                return;
+            hiddenNoticeMessageElement = superCollapsedMessageElements[1];
+        }
+        // listen for a class change on that message which occurs when it becomes visible
+        makeMutationObserverChunkedStream(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);
+        });
+    }
+    _updateHiddenNotice(hiddenNoticeMessageElement, nativeHiddenNoticePresent) {
+        const existingAppNoticeElement = this._hiddenCustomMessageNoticeElement;
+        if (existingAppNoticeElement) {
+            existingAppNoticeElement.remove();
+            this._hiddenCustomMessageNoticeElement = null;
+            if (this._resolveUnmountHiddenNoticePromise)
+                this._resolveUnmountHiddenNoticePromise();
         }
-        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');
-    });
-    return customMessageView;
-  }
-  _setupHiddenCustomMessage(customMessageView) {
-    this._hiddenCustomMessageViews.add(customMessageView);
-
-    // hide the element
-    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'));
-      if (superCollapsedMessageElements.length < 2) return;
-      hiddenNoticeMessageElement = superCollapsedMessageElements[1];
-    }
-
-    // listen for a class change on that message which occurs when it becomes visible
-    (0, _makeMutationObserverChunkedStream.default)(hiddenNoticeMessageElement, {
-      attributes: true,
-      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, nativeHiddenNoticePresent) {
-    const existingAppNoticeElement = this._hiddenCustomMessageNoticeElement;
-    if (existingAppNoticeElement) {
-      existingAppNoticeElement.remove();
-      this._hiddenCustomMessageNoticeElement = null;
-      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 numberCustomHiddenMessages = this._hiddenCustomMessageViews.size;
-    let numberNativeHiddenMessages = null;
-    if (nativeHiddenNoticePresent) {
-      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");
-      }
-    }
-    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 = (0, _querySelectorOrFail.default)(hiddenNoticeMessageElement, '.G3');
-      insertionPoint.appendChild(fakeAppNoticeElement);
-    }
-    const hiddenNoticeElement = (0, _querySelectorOrFail.default)(hiddenNoticeMessageElement, '.adx');
-    hiddenNoticeElement.classList.add('inboxsdk__custom_message_view_app_notice_container');
-    hiddenNoticeElement.appendChild(appNoticeContainerElement);
-  }
-  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;
+        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 numberCustomHiddenMessages = this._hiddenCustomMessageViews.size;
+        let numberNativeHiddenMessages = null;
+        if (nativeHiddenNoticePresent) {
+            const nativeHiddenNoticeCountSpan = querySelector(hiddenNoticeMessageElement, '.adx span');
+            numberNativeHiddenMessages = Number(nativeHiddenNoticeCountSpan.innerHTML);
+            if (isNaN(numberNativeHiddenMessages)) {
+                throw new Error("Couldn't find number of native hidden messages in dom structure");
+            }
         }
-        if (c.nodeName === '#text') {
-          return c.wholeText;
+        const appNoticeElement = noticeProvider(numberCustomHiddenMessages, numberNativeHiddenMessages, new Promise((resolve) => {
+            this._resolveUnmountHiddenNoticePromise = resolve;
+        }));
+        if (!appNoticeElement) {
+            return;
         }
-      }).filter(x => x != null).join('');
-    }
-    return subjectElement.textContent;
-  }
-  getInternalID() {
-    return this._syncThreadID || this.getThreadID();
-  }
-
-  // Follows a similar structure to getThreadIDAsync, but gives up if async work is needed
-  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');
-      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');
-        this._driver.getLogger().error(err);
-        // throw err;
-        // Fall back to old behavior instead of throwing. Probably not super sensible, but
-        // this is a deprecated method and preserving the current behavior is
-        // probably an okay choice.
-      }
-    }
-
-    if (!threadID) {
-      if (this._isPreviewedThread) {
-        threadID = this._driver.getPageCommunicator().getCurrentThreadID(this._element, true);
-      } else {
-        const params = this._routeViewDriver ? this._routeViewDriver.getParams() : null;
-        if (params && params.threadID) {
-          threadID = params.threadID;
-        } else {
-          const err = new Error('Failed to get id for thread');
-          this._driver.getLogger().error(err);
-          throw err;
+        appNoticeContainerElement.appendChild(appNoticeElement);
+        if (!nativeHiddenNoticePresent) {
+            const fakeAppNoticeElement = document.createElement('span');
+            fakeAppNoticeElement.classList.add('adx');
+            const insertionPoint = querySelector(hiddenNoticeMessageElement, '.G3');
+            insertionPoint.appendChild(fakeAppNoticeElement);
         }
-      }
-    }
-    this._threadID = threadID;
-    return threadID;
-  }
-  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');
-      if (!threadID) {
-        this._threadID = threadID = await this._driver.getOldGmailThreadIdFromSyncThreadId(syncThreadID);
-      }
-    } else {
-      if (this._isPreviewedThread) {
-        threadID = this._driver.getPageCommunicator().getCurrentThreadID(this._element, true);
-      } else {
-        const params = this._routeViewDriver ? this._routeViewDriver.getParams() : null;
-        if (params && params.threadID) {
-          threadID = params.threadID;
-        } else {
-          const err = new Error('Failed to get id for thread');
-          this._driver.getLogger().error(err);
-          throw err;
+        const hiddenNoticeElement = querySelector(hiddenNoticeMessageElement, '.adx');
+        hiddenNoticeElement.classList.add('inboxsdk__custom_message_view_app_notice_container');
+        hiddenNoticeElement.appendChild(appNoticeContainerElement);
+    }
+    getSubject() {
+        var subjectElement = this._element.querySelector('.ha h2');
+        if (!subjectElement) {
+            return '';
         }
-      }
-      this._threadID = threadID;
-    }
-    if (this._threadID) return this._threadID;else throw new Error('Failed to get id for thread');
-  }
-  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.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);
+        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.wholeText;
+                }
+            })
+                .filter((x) => x != null)
+                .join('');
         }
-      }
-    });
-    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.default(toolbarElement, this._driver, this._routeViewDriver, this);
-  }
-  _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) {
-    if (toolbarContainerElement.parentElement.parentElement === this._element.parentElement.parentElement) {
-      return true;
-    }
-    if (toolbarContainerElement.parentElement.getAttribute('role') !== 'main' && this._element.parentElement.getAttribute('role') !== 'main') {
-      return true;
-    }
-    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.parentElement.querySelector('.a98.iY')) {
-        version = '2022-10-20';
-      } else if (toolbarContainerElement.parentElement.querySelector('.PeIF1d')) {
-        version = '2022-10-12';
-      }
-      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 () {
-        if (self._element) {
-          self._setupMessageViewStream();
+        return subjectElement.textContent;
+    }
+    getInternalID() {
+        return this._syncThreadID || this.getThreadID();
+    }
+    // Follows a similar structure to getThreadIDAsync, but gives up if async work is needed
+    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');
+            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');
+                this._driver.getLogger().error(err); // throw err;
+                // Fall back to old behavior instead of throwing. Probably not super sensible, but
+                // this is a deprecated method and preserving the current behavior is
+                // probably an okay choice.
+            }
         }
-      }, 500);
-      return;
-    }
-    var messageContainer = openMessage.parentElement;
-    this._initializeExistingMessages(messageContainer);
-    this._observeNewMessages(messageContainer);
-  }
-  _initializeExistingMessages(messageContainer) {
-    var self = this;
-    var children = messageContainer.children;
-    Array.prototype.forEach.call(children, function (childElement) {
-      self._createMessageView(childElement);
-    });
-  }
-  _observeNewMessages(messageContainer) {
-    this._newMessageMutationObserver = new MutationObserver(this._handleNewMessageMutations.bind(this));
-    this._newMessageMutationObserver.observe(messageContainer, {
-      childList: true
-    });
-  }
-  _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);
-      });
-    });
-  }
-  _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
-    });
-  }
-  _setupWidthManager() {
-    let widthManager = this._widthManager;
-    if (!widthManager) {
-      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.default(contentContainer, addonSidebarElement);
-    }
-    return widthManager;
-  }
-  getReadyStream() {
-    return this._readyStream;
-  }
-  async _logAddonElementInfo() {
-    if (hasLoggedAddonInfo) return;
-    function readInfo() {
-      const container = _gmailElementGetter.default.getAddonSidebarContainerElement();
-      if (!container) return null;
-      const isDisplayNone = {
-        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)
-      };
-      const rect = container.getBoundingClientRect();
-      const size = {
-        width: rect.width,
-        height: rect.height
-      };
-      return {
-        isDisplayNone,
-        size
-      };
-    }
-    const eventData = {
-      time: {}
-    };
-    eventData.time[0] = 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);
-    hasLoggedAddonInfo = true;
-  }
-  _listenToExpandCollapseAll() {
-    //expand all
-    const expandAllElementImg = this._element.querySelector('img.gx');
-    if (expandAllElementImg) {
-      const expandAllElement = (0, _findParent.default)(expandAllElementImg, el => el.getAttribute('role') === 'button');
-      if (expandAllElement) {
-        _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();
-          }
+        if (!threadID) {
+            if (this._isPreviewedThread) {
+                threadID = this._driver
+                    .getPageCommunicator()
+                    .getCurrentThreadID(this._element, true);
+            }
+            else {
+                const params = this._routeViewDriver
+                    ? this._routeViewDriver.getParams()
+                    : null;
+                if (params && params.threadID) {
+                    threadID = params.threadID;
+                }
+                else {
+                    const err = new Error('Failed to get id for thread');
+                    this._driver.getLogger().error(err);
+                    throw err;
+                }
+            }
+        }
+        this._threadID = threadID;
+        return threadID;
+    }
+    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');
+            if (!threadID) {
+                this._threadID = threadID =
+                    await this._driver.getOldGmailThreadIdFromSyncThreadId(syncThreadID);
+            }
+        }
+        else {
+            if (this._isPreviewedThread) {
+                threadID = this._driver
+                    .getPageCommunicator()
+                    .getCurrentThreadID(this._element, true);
+            }
+            else {
+                const params = this._routeViewDriver
+                    ? this._routeViewDriver.getParams()
+                    : null;
+                if (params && params.threadID) {
+                    threadID = params.threadID;
+                }
+                else {
+                    const err = new Error('Failed to get id for thread');
+                    this._driver.getLogger().error(err);
+                    throw err;
+                }
+            }
+            this._threadID = threadID;
+        }
+        if (this._threadID)
+            return this._threadID;
+        else
+            throw new Error('Failed to get id for thread');
+    }
+    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)) {
+                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();
+        });
+        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);
+    }
+    _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) {
+        if (toolbarContainerElement.parentElement.parentElement ===
+            this._element.parentElement.parentElement) {
+            return true;
+        }
+        if (toolbarContainerElement.parentElement.getAttribute('role') !==
+            'main' &&
+            this._element.parentElement.getAttribute('role') !== 'main') {
+            return true;
+        }
+        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.parentElement.querySelector('.a98.iY')) {
+                version = '2022-10-20';
+            }
+            else if (toolbarContainerElement.parentElement.querySelector('.PeIF1d')) {
+                version = '2022-10-12';
+            }
+            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 () {
+                if (self._element) {
+                    self._setupMessageViewStream();
+                }
+            }, 500);
+            return;
+        }
+        var messageContainer = openMessage.parentElement;
+        this._initializeExistingMessages(messageContainer);
+        this._observeNewMessages(messageContainer);
+    }
+    _initializeExistingMessages(messageContainer) {
+        var self = this;
+        var children = messageContainer.children;
+        Array.prototype.forEach.call(children, function (childElement) {
+            self._createMessageView(childElement);
+        });
+    }
+    _observeNewMessages(messageContainer) {
+        this._newMessageMutationObserver = new MutationObserver(this._handleNewMessageMutations.bind(this));
+        this._newMessageMutationObserver.observe(messageContainer, {
+            childList: true,
+        });
+    }
+    _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);
+            });
         });
-      }
-    }
-
-    //collapse all
-    const collapseAllElementImg = this._element.querySelector('img.gq');
-    if (collapseAllElementImg) {
-      const collapseAllElement = (0, _findParent.default)(collapseAllElementImg, el => el.getAttribute('role') === 'button');
-      if (collapseAllElement) {
-        _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();
-          }
+    }
+    _createMessageView(messageElement) {
+        var messageView = new GmailMessageView(messageElement, this, this._driver);
+        this._eventStream.plug(messageView.getEventStream());
+        this._messageViewDrivers.push(messageView);
+        this._eventStream.emit({
+            type: 'internal',
+            eventName: 'messageCreated',
+            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 contentContainer = mainContentBodyContainerElement.parentElement;
+            if (!contentContainer)
+                throw new Error('mainContentBodyContainerElement has no parent element');
+            this._widthManager = widthManager = new WidthManager(contentContainer, addonSidebarElement);
+        }
+        return widthManager;
+    }
+    getReadyStream() {
+        return this._readyStream;
+    }
+    async _logAddonElementInfo() {
+        if (hasLoggedAddonInfo)
+            return;
+        function readInfo() {
+            const container = GmailElementGetter.getAddonSidebarContainerElement();
+            if (!container)
+                return null;
+            const isDisplayNone = {
+                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),
+            };
+            const rect = container.getBoundingClientRect();
+            const size = {
+                width: rect.width,
+                height: rect.height,
+            };
+            return {
+                isDisplayNone,
+                size,
+            };
+        }
+        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();
+        }));
+        if (this._stopper.stopped)
+            return;
+        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');
+            if (expandAllElement) {
+                Kefir.merge([
+                    Kefir.fromEvents(expandAllElement, 'click'),
+                    Kefir.fromEvents(expandAllElement, 'keydown').filter((e) => e.which === 13
+                    /* enter */
+                    ),
+                ])
+                    .takeUntilBy(this._stopper)
+                    .onValue(() => {
+                    for (const 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');
+            if (collapseAllElement) {
+                Kefir.merge([
+                    Kefir.fromEvents(collapseAllElement, 'click'),
+                    Kefir.fromEvents(collapseAllElement, 'keydown').filter((e) => e.which === 13
+                    /* enter */
+                    ),
+                ])
+                    .takeUntilBy(this._stopper)
+                    .onValue(() => {
+                    for (const customMessageView of this._customMessageViews) {
+                        customMessageView.collapse();
+                    }
+                });
+            }
+        }
+    }
 }
-var _default = (0, _ud.defn)(module, GmailThreadView);
-exports.default = _default;
+export default GmailThreadView;