@inboxsdk/core 1.1.6 → 1.1.8

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

@@ -1,444 +1,508 @@
-"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 _includes = _interopRequireDefault(require("lodash/includes"));
-var _last = _interopRequireDefault(require("lodash/last"));
-var _once = _interopRequireDefault(require("lodash/once"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
-var _kefirBus = _interopRequireDefault(require("kefir-bus"));
-var _querystring = require("querystring");
-var _asap = _interopRequireDefault(require("asap"));
-var _ud = require("ud");
-var _makeElementChildStream = _interopRequireDefault(require("../../../../lib/dom/make-element-child-stream"));
-var _makeElementViewStream = _interopRequireDefault(require("../../../../lib/dom/make-element-view-stream"));
-var _makeMutationObserverChunkedStream = _interopRequireDefault(require("../../../../lib/dom/make-mutation-observer-chunked-stream"));
-var _getInsertBeforeElement = _interopRequireDefault(require("../../../../lib/dom/get-insert-before-element"));
-var _gmailRowListView = _interopRequireDefault(require("../gmail-row-list-view"));
-var _gmailThreadView = _interopRequireDefault(require("../gmail-thread-view"));
-var _gmailCollapsibleSectionView = _interopRequireDefault(require("../gmail-collapsible-section-view"));
-var _gmailElementGetter = _interopRequireDefault(require("../../gmail-element-getter"));
-var _simulateMouseEvent = require("../../../../lib/dom/simulate-mouse-event");
-var _querySelectorOrFail = _interopRequireDefault(require("../../../../lib/dom/querySelectorOrFail"));
+import includes from 'lodash/includes';
+import last from 'lodash/last';
+import once from 'lodash/once';
+import * as Kefir from 'kefir';
+import kefirStopper from 'kefir-stopper';
+import kefirBus from 'kefir-bus';
+import { parse } from 'querystring';
+import asap from 'asap';
+import makeElementChildStream from '../../../../lib/dom/make-element-child-stream';
+import makeElementViewStream from '../../../../lib/dom/make-element-view-stream';
+import makeMutationObserverChunkedStream from '../../../../lib/dom/make-mutation-observer-chunked-stream';
+import getInsertBeforeElement from '../../../../lib/dom/get-insert-before-element';
+import GmailRowListView from '../gmail-row-list-view';
+import GmailThreadView from '../gmail-thread-view';
+import GmailCollapsibleSectionView from '../gmail-collapsible-section-view';
+import GmailElementGetter from '../../gmail-element-getter';
+import { simulateClick } from '../../../../lib/dom/simulate-mouse-event';
+import querySelector from '../../../../lib/dom/querySelectorOrFail';
 class GmailRouteView {
-  constructor(_ref, gmailRouteProcessor, driver) {
-    let {
-      urlObject,
-      type,
-      routeID: _routeID,
-      cachedRouteData
-    } = _ref;
-    (0, _defineProperty2.default)(this, "_stopper", (0, _kefirStopper.default)());
-    (0, _defineProperty2.default)(this, "getParams", (0, _once.default)(() => {
-      let params;
-      if (this._customRouteID) {
-        params = this._getCustomParams();
-      } else {
-        params = this._getNativeParams();
-        const routeID = this.getRouteID();
-        if (routeID) {
-          const routeIDParams = this._extractParamKeysFromRouteID(routeID);
-          const routeParams = {};
-          routeIDParams.forEach(function (param) {
-            if (params[param]) {
-              routeParams[param] = params[param];
+    _type;
+    _hash;
+    _name;
+    _paramsArray;
+    _customRouteID;
+    _stopper = kefirStopper();
+    _rowListViews;
+    _gmailRouteProcessor;
+    _driver;
+    _eventStream;
+    _customViewElement;
+    _threadView;
+    _sectionsContainer;
+    _hasAddedCollapsibleSection;
+    _cachedRouteData;
+    constructor({ urlObject, type, routeID, cachedRouteData }, gmailRouteProcessor, driver) {
+        // Check we implement interface
+        this;
+        this._type = type;
+        this._hash = urlObject.hash;
+        this._name = urlObject.name;
+        this._paramsArray = urlObject.params;
+        this._customRouteID = routeID;
+        this._cachedRouteData = cachedRouteData;
+        this._stopper = kefirStopper();
+        this._rowListViews = [];
+        this._gmailRouteProcessor = gmailRouteProcessor;
+        this._driver = driver;
+        this._eventStream = kefirBus();
+        this._hasAddedCollapsibleSection = false;
+        if (this._type === 'CUSTOM') {
+            this._setupCustomViewElement();
+            driver
+                .getStopper()
+                .takeUntilBy(this._stopper.delay(0))
+                .onValue(() => {
+                driver.showNativeRouteView();
+                window.location.hash = '#inbox';
+            });
+        }
+        else if (includes(['NATIVE', 'CUSTOM_LIST'], this._type)) {
+            this._setupSubViews();
+        }
+        if (this._type === 'CUSTOM_LIST') {
+            Kefir.later(500, undefined)
+                .takeUntilBy(this._stopper)
+                .onValue(() => {
+                var last = driver.getLastCustomThreadListActivity();
+                if (!last ||
+                    last.customRouteID !== this._customRouteID ||
+                    Date.now() - last.timestamp > 5000) {
+                    this.refresh();
+                }
+            });
+        }
+    }
+    destroy() {
+        this._stopper.destroy();
+        this._eventStream.end();
+        if (this._customViewElement) {
+            this._customViewElement.remove();
+        }
+        var rowListViews = this._rowListViews;
+        this._rowListViews = [];
+        rowListViews.forEach((view) => {
+            view.destroy();
+        });
+        if (this._threadView) {
+            this._threadView.destroy();
+            this._threadView = null;
+        }
+    }
+    getHash() {
+        return this._hash;
+    }
+    getEventStream() {
+        return this._eventStream;
+    }
+    getStopper() {
+        return this._stopper;
+    }
+    getCustomViewElement() {
+        return this._customViewElement;
+    }
+    getRowListViews() {
+        return this._rowListViews;
+    }
+    getThreadView() {
+        return this._threadView;
+    }
+    getType() {
+        if (this._type === 'OTHER_APP_CUSTOM') {
+            return 'CUSTOM';
+        }
+        else {
+            return this._type;
+        }
+    }
+    isCustomRouteBelongingToApp() {
+        return this._type === 'CUSTOM';
+    }
+    getParams = once(() => {
+        let params;
+        if (this._customRouteID) {
+            params = this._getCustomParams();
+        }
+        else {
+            params = this._getNativeParams();
+            const routeID = this.getRouteID();
+            if (routeID) {
+                const routeIDParams = this._extractParamKeysFromRouteID(routeID);
+                const routeParams = {};
+                routeIDParams.forEach(function (param) {
+                    if (params[param]) {
+                        routeParams[param] = params[param];
+                    }
+                });
+                params = routeParams;
             }
-          });
-          params = routeParams;
-        }
-      }
-      return Object.freeze(params);
-    }));
-    (0, _defineProperty2.default)(this, "_getThreadContainerElement", (0, _once.default)(() => {
-      return _gmailElementGetter.default.getThreadContainerElement();
-    }));
-    // Check we implement interface
-    this;
-    this._type = type;
-    this._hash = urlObject.hash;
-    this._name = urlObject.name;
-    this._paramsArray = urlObject.params;
-    this._customRouteID = _routeID;
-    this._cachedRouteData = cachedRouteData;
-    this._stopper = (0, _kefirStopper.default)();
-    this._rowListViews = [];
-    this._gmailRouteProcessor = gmailRouteProcessor;
-    this._driver = driver;
-    this._eventStream = (0, _kefirBus.default)();
-    this._hasAddedCollapsibleSection = false;
-    if (this._type === 'CUSTOM') {
-      this._setupCustomViewElement();
-      driver.getStopper().takeUntilBy(this._stopper.delay(0)).onValue(() => {
-        driver.showNativeRouteView();
-        window.location.hash = '#inbox';
-      });
-    } else if ((0, _includes.default)(['NATIVE', 'CUSTOM_LIST'], this._type)) {
-      this._setupSubViews();
-    }
-    if (this._type === 'CUSTOM_LIST') {
-      _kefir.default.later(500).takeUntilBy(this._stopper).onValue(() => {
-        var last = driver.getLastCustomThreadListActivity();
-        if (!last || last.customRouteID !== this._customRouteID || Date.now() - last.timestamp > 5000) {
-          this.refresh();
-        }
-      });
-    }
-  }
-  destroy() {
-    this._stopper.destroy();
-    this._eventStream.end();
-    if (this._customViewElement) {
-      this._customViewElement.remove();
-    }
-    var rowListViews = this._rowListViews;
-    this._rowListViews = [];
-    rowListViews.forEach(view => {
-      view.destroy();
-    });
-    if (this._threadView) {
-      this._threadView.destroy();
-      this._threadView = null;
-    }
-  }
-  getHash() {
-    return this._hash;
-  }
-  getEventStream() {
-    return this._eventStream;
-  }
-  getStopper() {
-    return this._stopper;
-  }
-  getCustomViewElement() {
-    return this._customViewElement;
-  }
-  getRowListViews() {
-    return this._rowListViews;
-  }
-  getThreadView() {
-    return this._threadView;
-  }
-  getType() {
-    if (this._type === 'OTHER_APP_CUSTOM') {
-      return 'CUSTOM';
-    } else {
-      return this._type;
-    }
-  }
-  isCustomRouteBelongingToApp() {
-    return this._type === 'CUSTOM';
-  }
-  addCollapsibleSection(sectionDescriptorProperty, groupOrderHint) {
-    return this._addCollapsibleSection(sectionDescriptorProperty, groupOrderHint, true);
-  }
-  addSection(sectionDescriptorProperty, groupOrderHint) {
-    return this._addCollapsibleSection(sectionDescriptorProperty, groupOrderHint, false);
-  }
-  _addCollapsibleSection(collapsibleSectionDescriptorProperty, groupOrderHint, isCollapsible) {
-    this._hasAddedCollapsibleSection = true;
-    var gmailResultsSectionView = new _gmailCollapsibleSectionView.default(this._driver, groupOrderHint, this.getRouteID() === this._gmailRouteProcessor.NativeRouteIDs.SEARCH, isCollapsible);
-    var sectionsContainer = this._getSectionsContainer();
-    gmailResultsSectionView.getEventStream().filter(function (event) {
-      return event.type === 'update' && event.property === 'orderHint';
-    }).onValue(function () {
-      var children = sectionsContainer.children;
-      var insertBeforeElement = (0, _getInsertBeforeElement.default)(gmailResultsSectionView.getElement(), children, ['data-group-order-hint', 'data-order-hint']);
-      if (insertBeforeElement) {
-        sectionsContainer.insertBefore(gmailResultsSectionView.getElement(), insertBeforeElement);
-      } else {
-        sectionsContainer.appendChild(gmailResultsSectionView.getElement());
-      }
-    });
-    gmailResultsSectionView.setCollapsibleSectionDescriptorProperty(collapsibleSectionDescriptorProperty);
-    return gmailResultsSectionView;
-  }
-  _setupCustomViewElement() {
-    this._customViewElement = document.createElement('div');
-    this._customViewElement.classList.add('inboxsdk__custom_view_element');
-    this._monitorLeftNavHeight();
-    this._setCustomViewElementHeight();
-  }
-  _monitorLeftNavHeight() {
-    var leftNav = _gmailElementGetter.default.getLeftNavHeightElement();
-    if (!leftNav) {
-      return;
-    }
-    (0, _makeMutationObserverChunkedStream.default)(leftNav, {
-      attributes: true,
-      attributeFilter: ['style']
-    }).takeUntilBy(this._stopper).onValue(() => {
-      this._setCustomViewElementHeight();
-    });
-  }
-  _setCustomViewElementHeight() {
-    const leftNav = _gmailElementGetter.default.getLeftNavHeightElement();
-    const gtalkButtons = _gmailElementGetter.default.getGtalkButtons();
-    const customViewEl = this._customViewElement;
-    if (!leftNav || !customViewEl) throw new Error('Should not happen');
-    const contentSectionElement = _gmailElementGetter.default.getContentSectionElement();
-    const contentSectionElementBottomMargin = contentSectionElement ? parseInt(getComputedStyle(contentSectionElement).marginBottom, 10) : 0;
-    customViewEl.style.height = `${parseInt(leftNav.style.height, 10) + (gtalkButtons ? gtalkButtons.offsetHeight : 0) - contentSectionElementBottomMargin}px`;
-  }
-  _setupSubViews() {
-    (0, _asap.default)(() => {
-      if (!this._eventStream) return;
-      this._setupRowListViews();
-      this._setupContentAndSidebarView();
-      this._setupScrollStream();
-    });
-  }
-  _setupRowListViews() {
-    var rowListElements = _gmailElementGetter.default.getRowListElements();
-    Array.prototype.forEach.call(rowListElements, rowListElement => {
-      this._processRowListElement(rowListElement);
-    });
-  }
-  _processRowListElement(rowListElement) {
-    var rootElement = rowListElement.parentElement;
-    if (!rootElement) throw new Error('no rootElement');
-    var gmailRowListView = new _gmailRowListView.default(rootElement, this, this._driver);
-    this._rowListViews.push(gmailRowListView);
-    this._eventStream.emit({
-      eventName: 'newGmailRowListView',
-      view: gmailRowListView
-    });
-  }
-  _setupContentAndSidebarView() {
-    const threadContainerElement = this._getThreadContainerElement();
-    if (threadContainerElement) {
-      var gmailThreadView = new _gmailThreadView.default(threadContainerElement, this, this._driver);
-      this._threadView = gmailThreadView;
-      this._eventStream.emit({
-        eventName: 'newGmailThreadView',
-        view: gmailThreadView
-      });
-    } else {
-      // This element is always present in thread lists, but it only has contents
-      // when in preview pane mode. We want to monitor it in either case
-      // because the user could switch into preview pane mode.
-      const previewPaneContainer = document.querySelector('div[role=main] .aia');
-      if (previewPaneContainer) {
-        this._startMonitoringPreviewPaneForThread(previewPaneContainer);
-      }
-    }
-  }
-  _setupScrollStream() {
-    const SCROLL_DEBOUNCE_MS = 100;
-    const scrollContainer = _gmailElementGetter.default.getScrollContainer();
-    const {
-      scrollTop: cachedScrollTop
-    } = this._cachedRouteData;
-    if (scrollContainer && this._hasAddedCollapsibleSection) {
-      if (cachedScrollTop) {
-        scrollContainer.scrollTop = cachedScrollTop;
-      }
-      _kefir.default.fromEvents(scrollContainer, 'scroll').throttle(SCROLL_DEBOUNCE_MS).map(e => e.target.scrollTop).takeUntilBy(this._stopper).onValue(scrollTop => {
-        this._cachedRouteData.scrollTop = scrollTop;
-      });
-    }
-  }
-  _startMonitoringPreviewPaneForThread(previewPaneContainer) {
-    const threadContainerTableElement = (0, _querySelectorOrFail.default)(previewPaneContainer, 'table.Bs > tr');
-    const elementStream = (0, _makeElementChildStream.default)(threadContainerTableElement).filter(event => !!event.el.querySelector('.if') || !!event.el.querySelector('.PeIF1d') || !!event.el.querySelector('.a98.iY'));
-    this._eventStream.plug(elementStream.flatMap((0, _makeElementViewStream.default)(element => new _gmailThreadView.default(element, this, this._driver, true))).map(view => {
-      this._threadView = view;
-      return {
-        eventName: 'newGmailThreadView',
-        view: view
-      };
-    }));
-  }
-  _getSectionsContainer() {
-    const main = document.querySelector("div[role='main']");
-    if (!main) throw new Error('should not happen');
-    let sectionsContainer = main.querySelector('.inboxsdk__custom_sections');
-    if (!sectionsContainer) {
-      sectionsContainer = this._sectionsContainer = document.createElement('div');
-      sectionsContainer.classList.add('inboxsdk__custom_sections');
-      main.insertBefore(sectionsContainer, main.firstChild);
-    } else if (sectionsContainer.classList.contains('Wc') && !this._isSearchRoute()) {
-      sectionsContainer.classList.remove('Wc');
-    }
-    return sectionsContainer;
-  }
-  _getCustomParams() {
-    var params = Object.create(null);
-    if (!this._customRouteID) throw new Error("Should not happen, can't get custom params for non-custom view");
-    this._customRouteID.split('/').slice(1).forEach((part, index) => {
-      if (part[0] !== ':') {
-        return;
-      }
-      part = part.substring(1);
-      if (this._paramsArray[index]) {
-        params[part] = this._paramsArray[index];
-      }
+        }
+        return Object.freeze(params);
     });
-    return params;
-  }
-  _getNativeParams() {
-    if (this._isSearchRoute()) {
-      return this._getSearchRouteParams();
-    } else if (this._isListRoute()) {
-      return this._getListRouteParams();
-    } else if (this._isThreadRoute()) {
-      return this._getThreadRouteParams();
-    } else if (this._isSettingsRoute()) {
-      return this._getSettingsRouteParams();
-    }
-    return {};
-  }
-  _isSearchRoute() {
-    return this.getRouteID() === this._gmailRouteProcessor.NativeRouteIDs.SEARCH;
-  }
-
-  /* FEB 2023 */
-  _isChatWelcomeRoute() {
-    return this._hash === this._gmailRouteProcessor.NativeRouteIDs.CHAT_WELCOME;
-  }
-  _isChatDmRoute() {
-    return this._name === 'chat' && this._paramsArray?.[0] === 'dm' && !!this._paramsArray?.[1];
-  }
-  _isSpacesWelcomeRoute() {
-    return this._hash === this._gmailRouteProcessor.NativeRouteIDs.SPACES_WELCOME;
-  }
-  _isSpaceRoute() {
-    return this._name === 'chat' && this._paramsArray?.[0] === 'space' && !!this._paramsArray?.[1];
-  }
-  _isMeetRoute() {
-    return this._hash === this._gmailRouteProcessor.NativeRouteIDs.MEET;
-  }
-  /* end FEB 2023 */
-
-  getRouteType() {
-    if ((0, _includes.default)(['CUSTOM', 'OTHER_APP_CUSTOM'], this._type)) {
-      return this._gmailRouteProcessor.RouteTypes.CUSTOM;
-    } else if (this._isListRoute()) {
-      return this._gmailRouteProcessor.RouteTypes.LIST;
-    } else if (this._isThreadRoute()) {
-      return this._gmailRouteProcessor.RouteTypes.THREAD;
-    } else if (this._isSettingsRoute()) {
-      return this._gmailRouteProcessor.RouteTypes.SETTINGS;
-    } else if (this._isChatWelcomeRoute() || this._isChatDmRoute()) {
-      return this._gmailRouteProcessor.RouteTypes.CHAT;
-    } else if (this._isSpacesWelcomeRoute() || this._isSpaceRoute()) {
-      return this._gmailRouteProcessor.RouteTypes.SPACE;
-    } else if (this._isMeetRoute()) {
-      return this._gmailRouteProcessor.RouteTypes.MEET;
-    }
-    return this._gmailRouteProcessor.RouteTypes.UNKNOWN;
-  }
-  _isThreadRoute() {
-    return !!this._getThreadContainerElement();
-  }
-  _isListRoute() {
-    var rowListElements = _gmailElementGetter.default.getRowListElements();
-    return (this._type === 'CUSTOM_LIST' || this._gmailRouteProcessor.isListRouteName(this._name)) && rowListElements && rowListElements.length > 0;
-  }
-  _isSettingsRoute() {
-    return this._gmailRouteProcessor.isSettingsRouteName(this._name);
-  }
-  _getSearchRouteParams() {
-    return {
-      query: this._paramsArray[0],
-      includesDriveResults: this._name === 'apps',
-      page: this._getPageParam()
-    };
-  }
-  _getListRouteParams() {
-    var params = {
-      page: this._getPageParam()
-    };
-    if (this.getRouteID() === this._gmailRouteProcessor.NativeRouteIDs.LABEL && this._paramsArray[0]) {
-      params.labelName = this._paramsArray[0];
-    }
-    return params;
-  }
-  _getThreadRouteParams() {
-    if (this._paramsArray && this._paramsArray.length > 0) {
-      const threadID = (0, _last.default)(this._paramsArray);
-      if (threadID && (threadID.length === 16 ||
-      //for old hex style
-      threadID[0] === '#') //new sync style thread id
-      ) {
+    addCollapsibleSection(sectionDescriptorProperty, groupOrderHint) {
+        return this._addCollapsibleSection(sectionDescriptorProperty, groupOrderHint, true);
+    }
+    addSection(sectionDescriptorProperty, groupOrderHint) {
+        return this._addCollapsibleSection(sectionDescriptorProperty, groupOrderHint, false);
+    }
+    _addCollapsibleSection(collapsibleSectionDescriptorProperty, groupOrderHint, isCollapsible) {
+        this._hasAddedCollapsibleSection = true;
+        var gmailResultsSectionView = new GmailCollapsibleSectionView(this._driver, groupOrderHint, this.getRouteID() === this._gmailRouteProcessor.NativeRouteIDs.SEARCH, isCollapsible);
+        var sectionsContainer = this._getSectionsContainer();
+        gmailResultsSectionView
+            .getEventStream()
+            .filter(function (event) {
+            return event.type === 'update' && event.property === 'orderHint';
+        })
+            .onValue(function () {
+            var children = sectionsContainer.children;
+            var insertBeforeElement = getInsertBeforeElement(gmailResultsSectionView.getElement(), children, ['data-group-order-hint', 'data-order-hint']);
+            if (insertBeforeElement) {
+                sectionsContainer.insertBefore(gmailResultsSectionView.getElement(), insertBeforeElement);
+            }
+            else {
+                sectionsContainer.appendChild(gmailResultsSectionView.getElement());
+            }
+        });
+        gmailResultsSectionView.setCollapsibleSectionDescriptorProperty(collapsibleSectionDescriptorProperty);
+        return gmailResultsSectionView;
+    }
+    _setupCustomViewElement() {
+        this._customViewElement = document.createElement('div');
+        this._customViewElement.classList.add('inboxsdk__custom_view_element');
+        this._monitorLeftNavHeight();
+        this._setCustomViewElementHeight();
+    }
+    _monitorLeftNavHeight() {
+        var leftNav = GmailElementGetter.getLeftNavHeightElement();
+        if (!leftNav) {
+            return;
+        }
+        makeMutationObserverChunkedStream(leftNav, {
+            attributes: true,
+            attributeFilter: ['style'],
+        })
+            .takeUntilBy(this._stopper)
+            .onValue(() => {
+            this._setCustomViewElementHeight();
+        });
+    }
+    _setCustomViewElementHeight() {
+        const leftNav = GmailElementGetter.getLeftNavHeightElement();
+        const gtalkButtons = GmailElementGetter.getGtalkButtons();
+        const customViewEl = this._customViewElement;
+        if (!leftNav || !customViewEl)
+            throw new Error('Should not happen');
+        const contentSectionElement = GmailElementGetter.getContentSectionElement();
+        const contentSectionElementBottomMargin = contentSectionElement
+            ? parseInt(getComputedStyle(contentSectionElement).marginBottom, 10)
+            : 0;
+        customViewEl.style.height = `${parseInt(leftNav.style.height, 10) +
+            (gtalkButtons ? gtalkButtons.offsetHeight : 0) -
+            contentSectionElementBottomMargin}px`;
+    }
+    _setupSubViews() {
+        asap(() => {
+            if (!this._eventStream)
+                return;
+            this._setupRowListViews();
+            this._setupContentAndSidebarView();
+            this._setupScrollStream();
+        });
+    }
+    _setupRowListViews() {
+        var rowListElements = GmailElementGetter.getRowListElements();
+        Array.prototype.forEach.call(rowListElements, (rowListElement) => {
+            this._processRowListElement(rowListElement);
+        });
+    }
+    _processRowListElement(rowListElement) {
+        var rootElement = rowListElement.parentElement;
+        if (!rootElement)
+            throw new Error('no rootElement');
+        var gmailRowListView = new GmailRowListView(rootElement, this, this._driver);
+        this._rowListViews.push(gmailRowListView);
+        this._eventStream.emit({
+            eventName: 'newGmailRowListView',
+            view: gmailRowListView,
+        });
+    }
+    _setupContentAndSidebarView() {
+        const threadContainerElement = this._getThreadContainerElement();
+        if (threadContainerElement) {
+            var gmailThreadView = new GmailThreadView(threadContainerElement, this, this._driver);
+            this._threadView = gmailThreadView;
+            this._eventStream.emit({
+                eventName: 'newGmailThreadView',
+                view: gmailThreadView,
+            });
+        }
+        else {
+            // This element is always present in thread lists, but it only has contents
+            // when in preview pane mode. We want to monitor it in either case
+            // because the user could switch into preview pane mode.
+            const previewPaneContainer = document.querySelector('div[role=main] .aia');
+            if (previewPaneContainer) {
+                this._startMonitoringPreviewPaneForThread(previewPaneContainer);
+            }
+        }
+    }
+    _setupScrollStream() {
+        const SCROLL_DEBOUNCE_MS = 100;
+        const scrollContainer = GmailElementGetter.getScrollContainer();
+        const { scrollTop: cachedScrollTop } = this._cachedRouteData;
+        if (scrollContainer && this._hasAddedCollapsibleSection) {
+            if (cachedScrollTop) {
+                scrollContainer.scrollTop = cachedScrollTop;
+            }
+            Kefir.fromEvents(scrollContainer, 'scroll')
+                .throttle(SCROLL_DEBOUNCE_MS)
+                .map((e) => e.target.scrollTop)
+                .takeUntilBy(this._stopper)
+                .onValue((scrollTop) => {
+                this._cachedRouteData.scrollTop = scrollTop;
+            });
+        }
+    }
+    _startMonitoringPreviewPaneForThread(previewPaneContainer) {
+        const threadContainerTableElement = querySelector(previewPaneContainer, 'table.Bs > tr');
+        const elementStream = makeElementChildStream(threadContainerTableElement).filter((event) => !!event.el.querySelector('.if') ||
+            !!event.el.querySelector('.PeIF1d') ||
+            !!event.el.querySelector('.a98.iY'));
+        this._eventStream.plug(elementStream
+            .flatMap(makeElementViewStream((element) => new GmailThreadView(element, this, this._driver, true)))
+            .map((view) => {
+            this._threadView = view;
+            return {
+                eventName: 'newGmailThreadView',
+                view: view,
+            };
+        }));
+    }
+    _getSectionsContainer() {
+        const main = document.querySelector("div[role='main']");
+        if (!main)
+            throw new Error('should not happen');
+        let sectionsContainer = main.querySelector('.inboxsdk__custom_sections');
+        if (!sectionsContainer) {
+            sectionsContainer = this._sectionsContainer =
+                document.createElement('div');
+            sectionsContainer.classList.add('inboxsdk__custom_sections');
+            main.insertBefore(sectionsContainer, main.firstChild);
+        }
+        else if (sectionsContainer.classList.contains('Wc') &&
+            !this._isSearchRoute()) {
+            sectionsContainer.classList.remove('Wc');
+        }
+        return sectionsContainer;
+    }
+    _getCustomParams() {
+        var params = Object.create(null);
+        if (!this._customRouteID)
+            throw new Error("Should not happen, can't get custom params for non-custom view");
+        this._customRouteID
+            .split('/')
+            .slice(1)
+            .forEach((part, index) => {
+            if (part[0] !== ':') {
+                return;
+            }
+            part = part.substring(1);
+            if (this._paramsArray[index]) {
+                params[part] = this._paramsArray[index];
+            }
+        });
+        return params;
+    }
+    _getNativeParams() {
+        if (this._isSearchRoute()) {
+            return this._getSearchRouteParams();
+        }
+        else if (this._isListRoute()) {
+            return this._getListRouteParams();
+        }
+        else if (this._isThreadRoute()) {
+            return this._getThreadRouteParams();
+        }
+        else if (this._isSettingsRoute()) {
+            return this._getSettingsRouteParams();
+        }
+        return {};
+    }
+    _isSearchRoute() {
+        return (this.getRouteID() === this._gmailRouteProcessor.NativeRouteIDs.SEARCH);
+    }
+    /* FEB 2023 */
+    _isChatWelcomeRoute() {
+        return this._hash === this._gmailRouteProcessor.NativeRouteIDs.CHAT_WELCOME;
+    }
+    _isChatDmRoute() {
+        return (this._name === 'chat' &&
+            this._paramsArray?.[0] === 'dm' &&
+            !!this._paramsArray?.[1]);
+    }
+    _isSpacesWelcomeRoute() {
+        return (this._hash === this._gmailRouteProcessor.NativeRouteIDs.SPACES_WELCOME);
+    }
+    _isSpaceRoute() {
+        return (this._name === 'chat' &&
+            this._paramsArray?.[0] === 'space' &&
+            !!this._paramsArray?.[1]);
+    }
+    _isMeetRoute() {
+        return this._hash === this._gmailRouteProcessor.NativeRouteIDs.MEET;
+    }
+    /* end FEB 2023 */
+    getRouteType() {
+        if (includes(['CUSTOM', 'OTHER_APP_CUSTOM'], this._type)) {
+            return this._gmailRouteProcessor.RouteTypes.CUSTOM;
+        }
+        else if (this._isListRoute()) {
+            return this._gmailRouteProcessor.RouteTypes.LIST;
+        }
+        else if (this._isThreadRoute()) {
+            return this._gmailRouteProcessor.RouteTypes.THREAD;
+        }
+        else if (this._isSettingsRoute()) {
+            return this._gmailRouteProcessor.RouteTypes.SETTINGS;
+        }
+        else if (this._isChatWelcomeRoute() || this._isChatDmRoute()) {
+            return this._gmailRouteProcessor.RouteTypes.CHAT;
+        }
+        else if (this._isSpacesWelcomeRoute() || this._isSpaceRoute()) {
+            return this._gmailRouteProcessor.RouteTypes.SPACE;
+        }
+        else if (this._isMeetRoute()) {
+            return this._gmailRouteProcessor.RouteTypes.MEET;
+        }
+        return this._gmailRouteProcessor.RouteTypes.UNKNOWN;
+    }
+    _isThreadRoute() {
+        return !!this._getThreadContainerElement();
+    }
+    _isListRoute() {
+        var rowListElements = GmailElementGetter.getRowListElements();
+        return ((this._type === 'CUSTOM_LIST' ||
+            this._gmailRouteProcessor.isListRouteName(this._name)) &&
+            rowListElements &&
+            rowListElements.length > 0);
+    }
+    _isSettingsRoute() {
+        return this._gmailRouteProcessor.isSettingsRouteName(this._name);
+    }
+    _getSearchRouteParams() {
         return {
-          threadID: threadID.replace('#', '')
+            query: this._paramsArray[0],
+            includesDriveResults: this._name === 'apps',
+            page: this._getPageParam(),
+        };
+    }
+    _getListRouteParams() {
+        var params = {
+            page: this._getPageParam(),
         };
-      }
-    }
-    const threadContainerElement = this._getThreadContainerElement();
-    let threadID;
-    if (threadContainerElement) {
-      try {
-        threadID = this._driver.getPageCommunicator().getCurrentThreadID(threadContainerElement);
-      } catch (err) {
-        // leave threadID null to be set below
-      }
-    }
-    if (!threadID) {
-      // Happens if gmonkey isn't available, like on a standalone thread page.
-      threadID = (0, _querystring.parse)(document.location.search, null, null).th || '';
-    }
-    return {
-      threadID
-    };
-  }
-  _getSettingsRouteParams() {
-    return {
-      tabName: this._paramsArray[0]
-    };
-  }
-  _getPageParam() {
-    for (var ii = 1; ii < this._paramsArray.length; ii++) {
-      if (this._paramsArray[ii].match(/p\d+/)) {
-        return parseInt(this._paramsArray[ii].replace(/[a-zA-Z]/, ''), 10);
-      }
-    }
-    return 1;
-  }
-  getRouteID() {
-    if (this._customRouteID) {
-      return this._customRouteID;
-    } else if (this._isThreadRoute()) {
-      return this._gmailRouteProcessor.NativeRouteIDs.THREAD;
-    } else if (this._isChatWelcomeRoute()) {
-      return this._gmailRouteProcessor.NativeRouteIDs.CHAT_WELCOME;
-    } else if (this._isChatDmRoute()) {
-      return this._gmailRouteProcessor.NativeRouteIDs.CHAT_DM;
-    } else if (this._isSpacesWelcomeRoute()) {
-      return this._gmailRouteProcessor.NativeRouteIDs.SPACES_WELCOME;
-    } else if (this._isSpaceRoute()) {
-      return this._gmailRouteProcessor.NativeRouteIDs.SPACE;
-    } else {
-      return this._gmailRouteProcessor.getRouteID(this._name);
-    }
-  }
-
-  // Used to click gmail refresh button in thread lists
-  refresh() {
-    var el = _gmailElementGetter.default.getToolbarElement().querySelector('div.T-I.nu');
-    if (el) {
-      var prevActive = document.activeElement;
-      var prevClassName = el.className;
-      (0, _simulateMouseEvent.simulateClick)(el);
-      el.className = prevClassName; // remove the gmail focus class
-      if (prevActive) {
-        prevActive.focus();
-      } else {
-        el.blur();
-      }
-    }
-  }
-  setFullWidth(fullWidth) {
-    // The setFullWidth method does not do anything in Gmail
-  }
-  _extractParamKeysFromRouteID(routeID) {
-    return routeID.split('/').filter(part => part[0] === ':').map(part => part.substring(1));
-  }
+        if (this.getRouteID() === this._gmailRouteProcessor.NativeRouteIDs.LABEL &&
+            this._paramsArray[0]) {
+            params.labelName = this._paramsArray[0];
+        }
+        return params;
+    }
+    _getThreadRouteParams() {
+        if (this._paramsArray && this._paramsArray.length > 0) {
+            const threadID = last(this._paramsArray);
+            if (threadID &&
+                (threadID.length === 16 || //for old hex style
+                    threadID[0] === '#') //new sync style thread id
+            ) {
+                return {
+                    threadID: threadID.replace('#', ''),
+                };
+            }
+        }
+        const threadContainerElement = this._getThreadContainerElement();
+        let threadID;
+        if (threadContainerElement) {
+            try {
+                threadID = this._driver
+                    .getPageCommunicator()
+                    .getCurrentThreadID(threadContainerElement);
+            }
+            catch (err) {
+                // leave threadID null to be set below
+            }
+        }
+        if (!threadID) {
+            // Happens if gmonkey isn't available, like on a standalone thread page.
+            threadID = parse(document.location.search, null, null).th || '';
+        }
+        return {
+            threadID,
+        };
+    }
+    _getSettingsRouteParams() {
+        return {
+            tabName: this._paramsArray[0],
+        };
+    }
+    _getPageParam() {
+        for (var ii = 1; ii < this._paramsArray.length; ii++) {
+            if (this._paramsArray[ii].match(/p\d+/)) {
+                return parseInt(this._paramsArray[ii].replace(/[a-zA-Z]/, ''), 10);
+            }
+        }
+        return 1;
+    }
+    getRouteID() {
+        if (this._customRouteID) {
+            return this._customRouteID;
+        }
+        else if (this._isThreadRoute()) {
+            return this._gmailRouteProcessor.NativeRouteIDs.THREAD;
+        }
+        else if (this._isChatWelcomeRoute()) {
+            return this._gmailRouteProcessor.NativeRouteIDs.CHAT_WELCOME;
+        }
+        else if (this._isChatDmRoute()) {
+            return this._gmailRouteProcessor.NativeRouteIDs.CHAT_DM;
+        }
+        else if (this._isSpacesWelcomeRoute()) {
+            return this._gmailRouteProcessor.NativeRouteIDs.SPACES_WELCOME;
+        }
+        else if (this._isSpaceRoute()) {
+            return this._gmailRouteProcessor.NativeRouteIDs.SPACE;
+        }
+        else {
+            return this._gmailRouteProcessor.getRouteID(this._name);
+        }
+    }
+    // Used to click gmail refresh button in thread lists
+    refresh() {
+        var el = GmailElementGetter.getToolbarElement().querySelector('div.T-I.nu');
+        if (el) {
+            var prevActive = document.activeElement;
+            var prevClassName = el.className;
+            simulateClick(el);
+            el.className = prevClassName; // remove the gmail focus class
+            if (prevActive) {
+                prevActive.focus();
+            }
+            else {
+                el.blur();
+            }
+        }
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    setFullWidth(fullWidth) {
+        // The setFullWidth method does not do anything in Gmail
+    }
+    _extractParamKeysFromRouteID(routeID) {
+        return routeID
+            .split('/')
+            .filter((part) => part[0] === ':')
+            .map((part) => part.substring(1));
+    }
+    _getThreadContainerElement = once(() => {
+        return GmailElementGetter.getThreadContainerElement();
+    });
 }
-var _default = (0, _ud.defn)(module, GmailRouteView);
-exports.default = _default;
+export default GmailRouteView;