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

package/src/platform-implementation-js/constants/nav-item-types.js

@@ -0,0 +1,19 @@
+/**
+ * The different nav item types that exist
+ */
+const navItemTypes = Object.freeze({
+    /**
+     * standard nav item for navigating
+     */
+    NAVIGATION: 'NAVIGATION',
+    /**
+     * nav item that looks like a link
+     */
+    LINK: 'LINK',
+    // nav item for logical grouping. In Gmailv2, the entire nav item can be clicked to expand/collapse its children and it ignores all NavItemDescriptor options other than `name` and `subtitle`.
+    // Behaves identically to NAVIGATION when in Gmailv1.
+    GROUPER: 'GROUPER',
+    // Old alias for LINK
+    MANAGE: 'MANAGE',
+});
+export default navItemTypes;

package/src/platform-implementation-js/constants/router.js

@@ -1,6 +1,10 @@
-/* @flow */
+"use strict";
 
-export const NATIVE_ROUTE_IDS: { [k: string]: string } = Object.freeze({
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ROUTE_TYPES = exports.NATIVE_ROUTE_IDS = exports.NATIVE_LIST_ROUTE_IDS = void 0;
+const NATIVE_ROUTE_IDS = Object.freeze({
   INBOX: 'inbox/:page',
   ALL_MAIL: 'all/:page',
   SENT: 'sent/:page',
@@ -23,10 +27,10 @@ export const NATIVE_ROUTE_IDS: { [k: string]: string } = Object.freeze({
   CHAT_WELCOME: 'chat/welcome',
   SPACES: 'rooms/welcome',
   MEET: 'calls',
-  ANY_LIST: '*',
+  ANY_LIST: '*'
 });
-
-export const NATIVE_LIST_ROUTE_IDS: { [k: string]: string } = Object.freeze({
+exports.NATIVE_ROUTE_IDS = NATIVE_ROUTE_IDS;
+const NATIVE_LIST_ROUTE_IDS = Object.freeze({
   INBOX: NATIVE_ROUTE_IDS.INBOX,
   ALL_MAIL: NATIVE_ROUTE_IDS.ALL_MAIL,
   SENT: NATIVE_ROUTE_IDS.SENT,
@@ -40,14 +44,15 @@ export const NATIVE_LIST_ROUTE_IDS: { [k: string]: string } = Object.freeze({
   SPAM: NATIVE_ROUTE_IDS.SPAM,
   IMPORTANT: NATIVE_ROUTE_IDS.IMPORTANT,
   SEARCH: NATIVE_ROUTE_IDS.SEARCH,
-  ANY_LIST: NATIVE_ROUTE_IDS.ANY_LIST,
+  ANY_LIST: NATIVE_ROUTE_IDS.ANY_LIST
 });
-
-export const ROUTE_TYPES: { [k: string]: string } = Object.freeze({
+exports.NATIVE_LIST_ROUTE_IDS = NATIVE_LIST_ROUTE_IDS;
+const ROUTE_TYPES = Object.freeze({
   LIST: 'LIST',
   THREAD: 'THREAD',
   SETTINGS: 'SETTINGS',
   CHAT: 'CHAT',
   CUSTOM: 'CUSTOM',
-  UNKNOWN: 'UNKNOWN',
+  UNKNOWN: 'UNKNOWN'
 });
+exports.ROUTE_TYPES = ROUTE_TYPES;

package/src/platform-implementation-js/constants/toolbars.js

@@ -1,7 +1,12 @@
-/* @flow */
+"use strict";
 
-export const SECTION_NAMES: { [k: string]: string } = Object.freeze({
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SECTION_NAMES = void 0;
+const SECTION_NAMES = Object.freeze({
   INBOX_STATE: 'INBOX_STATE',
   METADATA_STATE: 'METADATA_STATE',
-  OTHER: 'OTHER',
+  OTHER: 'OTHER'
 });
+exports.SECTION_NAMES = SECTION_NAMES;

package/src/platform-implementation-js/dom-driver/gmail/custom-style.js

@@ -1,22 +1,22 @@
-/* @flow */
+"use strict";
 
-import type Kefir from 'kefir';
-import udKefir from 'ud-kefir';
-import rewriteCssWithIdMap from '../../lib/rewriteCssWithIdMap';
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = customStyle;
+var _udKefir = _interopRequireDefault(require("ud-kefir"));
+var _rewriteCssWithIdMap = _interopRequireDefault(require("../../lib/rewriteCssWithIdMap"));
 var fs = require('fs');
-var cssContent: Kefir.Observable<string> = udKefir(
-  module,
-  fs.readFileSync(__dirname + '/../../style/gmail.css', 'utf8')
-);
-
-export default function customStyle() {
+var cssContent = (0, _udKefir.default)(module, fs.readFileSync(__dirname + '/../../style/gmail.css', 'utf8'));
+function customStyle() {
   if (!document.getElementById('inboxsdk__style')) {
     var style = document.createElement('style');
     style.id = 'inboxsdk__style';
-    cssContent.onValue((css) => {
-      style.textContent = rewriteCssWithIdMap(css);
+    cssContent.onValue(css => {
+      style.textContent = (0, _rewriteCssWithIdMap.default)(css);
     });
     if (!document.head) throw new Error('missing head');
     document.head.appendChild(style);
   }
-}
+}

package/src/platform-implementation-js/dom-driver/gmail/gmail-butter-bar-driver.js

@@ -1,81 +1,69 @@
-/* @flow */
-
-import Kefir from 'kefir';
-
-import streamWaitFor from '../../lib/stream-wait-for';
-import querySelector from '../../lib/dom/querySelectorOrFail';
-import makeMutationObserverChunkedStream from '../../lib/dom/make-mutation-observer-chunked-stream';
-
-const elements = streamWaitFor(() =>
-  ((document.body: any): HTMLElement).querySelector('div.b8[role="alert"]')
-)
-  .map((noticeContainer: HTMLElement) => {
-    const googleNotice = querySelector(
-      noticeContainer,
-      '.vh:not(.inboxsdk__butterbar)'
-    );
-    let sdkNotice = noticeContainer.querySelector('.vh.inboxsdk__butterbar');
-    if (!sdkNotice) {
-      sdkNotice = document.createElement('div');
-      sdkNotice.classList.add('vh', 'inboxsdk__butterbar');
-      sdkNotice.style.display = 'none';
-
-      const textAndButtonsContainer = document.createElement('span');
-      textAndButtonsContainer.classList.add('aT');
-
-      const textContainer = document.createElement('span');
-      textContainer.classList.add('inboxsdk__butterbar-text', 'bAq');
-
-      const buttonsContainer = document.createElement('span');
-      buttonsContainer.classList.add('inboxsdk__butterbar-buttons', 'bAo');
-      buttonsContainer.innerHTML = '  ';
-
-      const noticeCloseButton = document.createElement('div');
-      noticeCloseButton.classList.add('inboxsdk__butterbar-close', 'bBe');
-      noticeCloseButton.innerHTML = '<div class="bBf"></div>';
-      noticeCloseButton.setAttribute('role', 'button');
-      noticeCloseButton.tabIndex = 0;
-
-      textAndButtonsContainer.appendChild(textContainer);
-      textAndButtonsContainer.appendChild(buttonsContainer);
-
-      sdkNotice.appendChild(textAndButtonsContainer);
-      sdkNotice.appendChild(noticeCloseButton);
-
-      const parentNode = googleNotice.parentNode;
-      if (!parentNode) {
-        throw new Error('parentNode not found');
-      }
-      parentNode.insertBefore(sdkNotice, googleNotice.nextSibling);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _kefir = _interopRequireDefault(require("kefir"));
+var _streamWaitFor = _interopRequireDefault(require("../../lib/stream-wait-for"));
+var _querySelectorOrFail = _interopRequireDefault(require("../../lib/dom/querySelectorOrFail"));
+var _makeMutationObserverChunkedStream = _interopRequireDefault(require("../../lib/dom/make-mutation-observer-chunked-stream"));
+const elements = (0, _streamWaitFor.default)(() => document.body.querySelector('div.b8[role="alert"]')).map(noticeContainer => {
+  const googleNotice = (0, _querySelectorOrFail.default)(noticeContainer, '.vh:not(.inboxsdk__butterbar)');
+  let sdkNotice = noticeContainer.querySelector('.vh.inboxsdk__butterbar');
+  if (!sdkNotice) {
+    sdkNotice = document.createElement('div');
+    sdkNotice.classList.add('vh', 'inboxsdk__butterbar');
+    sdkNotice.style.display = 'none';
+    const textAndButtonsContainer = document.createElement('span');
+    textAndButtonsContainer.classList.add('aT');
+    const textContainer = document.createElement('span');
+    textContainer.classList.add('inboxsdk__butterbar-text', 'bAq');
+    const buttonsContainer = document.createElement('span');
+    buttonsContainer.classList.add('inboxsdk__butterbar-buttons', 'bAo');
+    buttonsContainer.innerHTML = '&nbsp;&nbsp;';
+    const noticeCloseButton = document.createElement('div');
+    noticeCloseButton.classList.add('inboxsdk__butterbar-close', 'bBe');
+    noticeCloseButton.innerHTML = '<div class="bBf"></div>';
+    noticeCloseButton.setAttribute('role', 'button');
+    noticeCloseButton.tabIndex = 0;
+    textAndButtonsContainer.appendChild(textContainer);
+    textAndButtonsContainer.appendChild(buttonsContainer);
+    sdkNotice.appendChild(textAndButtonsContainer);
+    sdkNotice.appendChild(noticeCloseButton);
+    const parentNode = googleNotice.parentNode;
+    if (!parentNode) {
+      throw new Error('parentNode not found');
     }
-    return { noticeContainer, googleNotice, sdkNotice };
-  })
-  .toProperty();
-
-const googleNoticeMutationChunks = elements.flatMapLatest(({ googleNotice }) =>
-  makeMutationObserverChunkedStream(googleNotice, { childList: true })
-);
-const googleAddedNotice = googleNoticeMutationChunks.filter((mutations) =>
-  mutations.some((m) => m.addedNodes.length > 0)
-);
-const googleRemovedNotice = googleNoticeMutationChunks.filter(
-  (mutations) => !mutations.some((m) => m.addedNodes.length > 0)
-);
-
-const sdkRemovedNotice = elements
-  .flatMapLatest(({ sdkNotice }) =>
-    makeMutationObserverChunkedStream(sdkNotice, {
-      attributes: true,
-      attributeFilter: ['data-inboxsdk-id'],
-    }).map(() => sdkNotice.getAttribute('data-inboxsdk-id'))
-  )
-  .filter((id) => id == null);
-
-const noticeAvailableStream = Kefir.merge([
-  googleRemovedNotice,
-  sdkRemovedNotice,
-]);
-
+    parentNode.insertBefore(sdkNotice, googleNotice.nextSibling);
+  }
+  return {
+    noticeContainer,
+    googleNotice,
+    sdkNotice
+  };
+}).toProperty();
+const googleNoticeMutationChunks = elements.flatMapLatest(_ref => {
+  let {
+    googleNotice
+  } = _ref;
+  return (0, _makeMutationObserverChunkedStream.default)(googleNotice, {
+    childList: true
+  });
+});
+const googleAddedNotice = googleNoticeMutationChunks.filter(mutations => mutations.some(m => m.addedNodes.length > 0));
+const googleRemovedNotice = googleNoticeMutationChunks.filter(mutations => !mutations.some(m => m.addedNodes.length > 0));
+const sdkRemovedNotice = elements.flatMapLatest(_ref2 => {
+  let {
+    sdkNotice
+  } = _ref2;
+  return (0, _makeMutationObserverChunkedStream.default)(sdkNotice, {
+    attributes: true,
+    attributeFilter: ['data-inboxsdk-id']
+  }).map(() => sdkNotice.getAttribute('data-inboxsdk-id'));
+}).filter(id => id == null);
+const noticeAvailableStream = _kefir.default.merge([googleRemovedNotice, sdkRemovedNotice]);
 function hideMessage(noticeContainer, googleNotice, sdkNotice) {
   googleNotice.style.display = '';
   noticeContainer.style.top = '-10000px';
@@ -84,57 +72,59 @@ function hideMessage(noticeContainer, googleNotice, sdkNotice) {
   sdkNotice.style.display = 'none';
   sdkNotice.removeAttribute('data-inboxsdk-id');
 }
-
-export default class GmailButterBarDriver {
+class GmailButterBarDriver {
   constructor() {
-    Kefir.combine([elements, googleAddedNotice]).onValue(
-      ([{ googleNotice, sdkNotice }]) => {
-        googleNotice.style.display = '';
-        sdkNotice.style.display = 'none';
-        sdkNotice.setAttribute('data-inboxsdk-id', 'gmail');
-      }
-    );
+    _kefir.default.combine([elements, googleAddedNotice]).onValue(_ref3 => {
+      let [{
+        googleNotice,
+        sdkNotice
+      }] = _ref3;
+      googleNotice.style.display = '';
+      sdkNotice.style.display = 'none';
+      sdkNotice.setAttribute('data-inboxsdk-id', 'gmail');
+    });
 
     // Force stream to be in active state. sdkRemovedNotice is prone to missing
     // events if it only becomes active once a message has started.
     noticeAvailableStream.onValue(() => {});
   }
-
-  getNoticeAvailableStream(): Kefir.Observable<any> {
+  getNoticeAvailableStream() {
     return noticeAvailableStream;
   }
-
-  getSharedMessageQueue(): Array<Object> {
-    const attr = (document.head: any).getAttribute(
-      'data-inboxsdk-butterbar-queue'
-    );
+  getSharedMessageQueue() {
+    const attr = document.head.getAttribute('data-inboxsdk-butterbar-queue');
     return attr ? JSON.parse(attr) : [];
   }
-
-  setSharedMessageQueue(queue: Object) {
+  setSharedMessageQueue(queue) {
     const attr = JSON.stringify(queue);
-    (document.head: any).setAttribute('data-inboxsdk-butterbar-queue', attr);
+    document.head.setAttribute('data-inboxsdk-butterbar-queue', attr);
   }
 
   // Immediately displays the message, overriding anything else on the screen.
   // Priority and queuing logic is handled by butter-bar.js above this.
-  showMessage(rawOptions: Object): { destroy(): void } {
+  showMessage(rawOptions) {
     const instanceId = Date.now() + '-' + Math.random();
-
     const destroy = () => {
-      elements
-        .take(1)
-        .onValue(({ noticeContainer, googleNotice, sdkNotice }) => {
-          if (sdkNotice.getAttribute('data-inboxsdk-id') === instanceId) {
-            if (rawOptions.className) {
-              sdkNotice.classList.remove(rawOptions.className);
-            }
-            hideMessage(noticeContainer, googleNotice, sdkNotice);
+      elements.take(1).onValue(_ref4 => {
+        let {
+          noticeContainer,
+          googleNotice,
+          sdkNotice
+        } = _ref4;
+        if (sdkNotice.getAttribute('data-inboxsdk-id') === instanceId) {
+          if (rawOptions.className) {
+            sdkNotice.classList.remove(rawOptions.className);
           }
-        });
+          hideMessage(noticeContainer, googleNotice, sdkNotice);
+        }
+      });
     };
-
-    elements.take(1).onValue(({ noticeContainer, googleNotice, sdkNotice }) => {
+    elements.take(1).onValue(_ref5 => {
+      let {
+        noticeContainer,
+        googleNotice,
+        sdkNotice
+      } = _ref5;
       noticeContainer.style.visibility = 'visible';
       noticeContainer.style.top = '';
       // The bAp css class is added to noticeContainer whenever a native butter is active in
@@ -144,27 +134,17 @@ export default class GmailButterBarDriver {
       // The bAp class also causes butters to be styled and positioned as Snack Bars instead
       // (as opposed to butters).
       noticeContainer.classList.add('bAp');
-
       googleNotice.style.display = 'none';
       sdkNotice.className = googleNotice.className;
       sdkNotice.classList.add('inboxsdk__butterbar');
-
-      const textContainer = querySelector(
-        sdkNotice,
-        '.inboxsdk__butterbar-text'
-      );
+      const textContainer = (0, _querySelectorOrFail.default)(sdkNotice, '.inboxsdk__butterbar-text');
       while (textContainer.firstChild) {
         textContainer.removeChild(textContainer.firstChild);
       }
-
-      const buttonsContainer = querySelector(
-        sdkNotice,
-        '.inboxsdk__butterbar-buttons'
-      );
+      const buttonsContainer = (0, _querySelectorOrFail.default)(sdkNotice, '.inboxsdk__butterbar-buttons');
       while (buttonsContainer.firstChild) {
         buttonsContainer.removeChild(buttonsContainer.firstChild);
       }
-
       if (rawOptions.html) {
         textContainer.innerHTML = rawOptions.html;
       } else if (rawOptions.el) {
@@ -172,43 +152,42 @@ export default class GmailButterBarDriver {
       } else {
         textContainer.textContent = rawOptions.text;
       }
-
       if (rawOptions.buttons) {
-        rawOptions.buttons.forEach((buttonDescriptor) => {
+        rawOptions.buttons.forEach(buttonDescriptor => {
           const button = document.createElement('span');
           button.classList.add('ag', 'a8k');
-          button.onclick = (e) => buttonDescriptor.onClick(e);
+          button.onclick = e => buttonDescriptor.onClick(e);
           button.setAttribute('role', 'button');
           button.tabIndex = 0;
           button.textContent = buttonDescriptor.title;
           buttonsContainer.appendChild(button);
         });
       }
-
-      const closeButton = querySelector(
-        sdkNotice,
-        '.inboxsdk__butterbar-close'
-      );
+      const closeButton = (0, _querySelectorOrFail.default)(sdkNotice, '.inboxsdk__butterbar-close');
       if (closeButton) {
-        Kefir.fromEvents(closeButton, 'click').take(1).onValue(destroy);
+        _kefir.default.fromEvents(closeButton, 'click').take(1).onValue(destroy);
       }
-
       if (rawOptions.className) {
         sdkNotice.classList.add(rawOptions.className);
       }
-
       sdkNotice.style.display = '';
       sdkNotice.setAttribute('data-inboxsdk-id', instanceId);
     });
-
-    return { destroy };
+    return {
+      destroy
+    };
   }
-
   hideGmailMessage() {
-    elements.take(1).onValue(({ noticeContainer, googleNotice, sdkNotice }) => {
+    elements.take(1).onValue(_ref6 => {
+      let {
+        noticeContainer,
+        googleNotice,
+        sdkNotice
+      } = _ref6;
       if (sdkNotice.getAttribute('data-inboxsdk-id') === 'gmail') {
         hideMessage(noticeContainer, googleNotice, sdkNotice);
       }
     });
   }
 }
+exports.default = GmailButterBarDriver;

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/add-app-menu-item.js

@@ -0,0 +1,21 @@
+import { GmailAppMenuItemView } from '../views/gmail-app-menu-item-view';
+import GmailElementGetter from '../gmail-element-getter';
+import Logger from '../../../lib/logger';
+export async function addAppMenuItem(driver, menuItemDescriptor) {
+    const appMenuInjectionContainer = await GmailElementGetter.getAppMenuAsync();
+    const gmailAppMenuItemView = new GmailAppMenuItemView(driver);
+    gmailAppMenuItemView.setMenuItemDescriptor(menuItemDescriptor);
+    try {
+        if (!appMenuInjectionContainer || !gmailAppMenuItemView.element)
+            return;
+        const siblingElement = menuItemDescriptor.insertIndex
+            ? appMenuInjectionContainer.childNodes[menuItemDescriptor.insertIndex] ??
+                null
+            : null;
+        appMenuInjectionContainer.insertBefore(gmailAppMenuItemView.element, siblingElement);
+    }
+    catch (err) {
+        Logger.error(err);
+    }
+    return gmailAppMenuItemView;
+}

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/add-collapsible-panel.js

@@ -0,0 +1,28 @@
+import once from 'lodash/once';
+import GmailElementGetter from '../gmail-element-getter';
+import waitFor from '../../../lib/wait-for';
+import Logger from '../../../lib/logger';
+import { CollapsiblePanelView } from '../../../views/collapsible-panel-view';
+export async function addCollapsiblePanel(driver, panelDescriptor) {
+    const injectionContainer = await waitForAppMenuParentReady();
+    const collapsiblePanelView = new CollapsiblePanelView(driver);
+    collapsiblePanelView.panelDescriptor = panelDescriptor;
+    if (!injectionContainer || !collapsiblePanelView.element)
+        return;
+    const appMenu = await GmailElementGetter.getAppMenuAsync();
+    if (!appMenu)
+        return;
+    appMenu.insertAdjacentElement('afterend', collapsiblePanelView.element);
+    return collapsiblePanelView;
+}
+const waitForAppMenuParentReady = once(async () => {
+    if (!GmailElementGetter.isStandalone()) {
+        try {
+            const menuParentElement = await waitFor(() => GmailElementGetter.getAppMenuContainer());
+            return menuParentElement;
+        }
+        catch (e) {
+            Logger.error(e);
+        }
+    }
+});

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/add-nav-item.js

@@ -0,0 +1,98 @@
+import GmailElementGetter from '../gmail-element-getter';
+import GmailNavItemView from '../views/gmail-nav-item-view';
+import Logger from '../../../lib/logger';
+import waitFor from '../../../lib/wait-for';
+import insertElementInOrder from '../../../lib/dom/insert-element-in-order';
+import makeMutationObserverStream from '../../../lib/dom/make-mutation-observer-stream';
+import querySelector from '../../../lib/dom/querySelectorOrFail';
+import once from 'lodash/once';
+export default async function addNavItem(driver, orderGroup, navItemDescriptor, navMenuInjectionContainer) {
+    await waitForMenuReady();
+    const gmailNavItemView = new GmailNavItemView(driver, orderGroup, 1);
+    gmailNavItemView.setNavItemDescriptor(navItemDescriptor);
+    if (!GmailElementGetter.isStandalone()) {
+        try {
+            const attacher = _attachNavItemView(gmailNavItemView, navMenuInjectionContainer);
+            attacher();
+            gmailNavItemView
+                .getEventStream()
+                .filter((event) => event.eventName === 'orderChanged')
+                .onValue(attacher);
+        }
+        catch (err) {
+            Logger.error(err);
+        }
+    }
+    return gmailNavItemView;
+}
+export const waitForMenuReady = once(async () => {
+    const appMenu = await GmailElementGetter.getAppMenuAsync();
+    if (!appMenu) {
+        await waitForNavMenuReady();
+    }
+});
+const waitForNavMenuReady = once(async () => {
+    if (!GmailElementGetter.isStandalone()) {
+        await GmailElementGetter.waitForGmailModeToSettle();
+        await waitFor(() => document.querySelector('.aeN[role=navigation], .aeN [role=navigation]'));
+        // Wait for contents of navmenu to load (needed to figure out if it's integrated gmail mode)
+        await waitFor(() => document.querySelector('.Ls77Lb.aZ6 > .pp'));
+    }
+});
+function _attachNavItemView(gmailNavItemView, navMenuInjectionContainer) {
+    if (navMenuInjectionContainer) {
+        return () => {
+            insertElementInOrder(navMenuInjectionContainer, gmailNavItemView.getElement());
+        };
+    }
+    if (!GmailElementGetter.shouldAddNavItemsInline()) {
+        // If we're in the modern (non-classic-hangouts) leftnav, then put
+        // the added nav items in a floating section at the bottom separate
+        // from the Mail section.
+        return function () {
+            const navMenuInjectionContainer = GmailElementGetter.getSeparateSectionNavItemMenuInjectionContainer();
+            if (!navMenuInjectionContainer) {
+                throw new Error('should not happen');
+            }
+            const nonMailLeftNavSections = Array.from(document.querySelectorAll('.Xa.wT:not([data-group-order-hint])')).slice(1);
+            nonMailLeftNavSections.forEach((div) => {
+                div.dataset.groupOrderHint = 'zz_gmail';
+            });
+            insertElementInOrder(navMenuInjectionContainer, gmailNavItemView.getElement());
+        };
+    }
+    else {
+        // If we're in the old classic-hangouts-compatible leftnav, then
+        // inject our added nav items among Gmail's own nav items.
+        return function () {
+            insertElementInOrder(_getNavItemsHolder(), gmailNavItemView.getElement());
+        };
+    }
+}
+function _getNavItemsHolder() {
+    const holder = document.querySelector('.inboxsdk__navMenu');
+    if (!holder) {
+        return _createNavItemsHolder();
+    }
+    else {
+        return querySelector(holder, '.TK');
+    }
+}
+function _createNavItemsHolder() {
+    const holder = document.createElement('div');
+    holder.setAttribute('class', 'LrBjie inboxsdk__navMenu');
+    holder.innerHTML = '<div class="TK"></div>';
+    const navMenuInjectionContainer = GmailElementGetter.getSameSectionNavItemMenuInjectionContainer();
+    if (!navMenuInjectionContainer)
+        throw new Error('should not happen');
+    navMenuInjectionContainer.insertBefore(holder, navMenuInjectionContainer.children[2]);
+    makeMutationObserverStream(holder, {
+        attributes: true,
+        attributeFilter: ['class'],
+    }).onValue(function () {
+        if (holder.classList.contains('TA')) {
+            holder.classList.remove('TA');
+        }
+    });
+    return querySelector(holder, '.TK');
+}

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/add-support-item.js

@@ -0,0 +1,4 @@
+import GmailSupportItemView from '../views/gmail-support-item-view';
+export default function addSupportItem(driver, supportItemDescriptor) {
+    return new GmailSupportItemView(driver, supportItemDescriptor);
+}

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/add-toolbar-button-for-app.js

@@ -1,21 +1,20 @@
-/* @flow */
+"use strict";
 
-import type Kefir from 'kefir';
-import GmailElementGetter from '../gmail-element-getter';
-import GmailAppToolbarButtonView from '../views/gmail-app-toolbar-button-view';
-import type GmailDriver from '../gmail-driver';
-
-export default function addToolbarButtonForApp(
-  gmailDriver: GmailDriver,
-  buttonDescriptor: Kefir.Observable<Object>
-): Promise<GmailAppToolbarButtonView> {
-  return GmailElementGetter.waitForGmailModeToSettle().then(() => {
-    if (GmailElementGetter.isStandalone()) {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = addToolbarButtonForApp;
+var _gmailElementGetter = _interopRequireDefault(require("../gmail-element-getter"));
+var _gmailAppToolbarButtonView = _interopRequireDefault(require("../views/gmail-app-toolbar-button-view"));
+function addToolbarButtonForApp(gmailDriver, buttonDescriptor) {
+  return _gmailElementGetter.default.waitForGmailModeToSettle().then(() => {
+    if (_gmailElementGetter.default.isStandalone()) {
       return new Promise((resolve, reject) => {
         //never complete
       });
     } else {
-      return new GmailAppToolbarButtonView(gmailDriver, buttonDescriptor);
+      return new _gmailAppToolbarButtonView.default(gmailDriver, buttonDescriptor);
     }
   });
-}
+}