@inboxsdk/core 0.2.28 → 0.2.29-alpha.0

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/gmail-load-event.js

@@ -1,19 +1,19 @@
-/* @flow */
+"use strict";
 
-import gmailElementGetter from '../gmail-element-getter';
-import type GmailDriver from '../gmail-driver';
-import isIntegratedViewGmail from './isIntegratedViewGmail';
-import { waitForNavMenuReady } from './add-nav-item';
-
-export default async function gmailLoadEvent(driver: GmailDriver) {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = gmailLoadEvent;
+var _gmailElementGetter = _interopRequireDefault(require("../gmail-element-getter"));
+var _isIntegratedViewGmail = _interopRequireDefault(require("./isIntegratedViewGmail"));
+var _addNavItem = require("./add-nav-item");
+async function gmailLoadEvent(driver) {
   const pageCommunicator = driver.getPageCommunicator();
-
-  const isConversationViewDisabled =
-    await pageCommunicator.isConversationViewDisabled();
-  await waitForNavMenuReady();
-
+  const isConversationViewDisabled = await pageCommunicator.isConversationViewDisabled();
+  await (0, _addNavItem.waitForMenuReady)();
   driver.getLogger().eventSite('gmailSettings', {
-    isGmailIntegratedView: isIntegratedViewGmail(),
+    isGmailIntegratedView: (0, _isIntegratedViewGmail.default)(),
     screenWidth: window.screen && window.screen.width,
     screenHeight: window.screen && window.screen.height,
     windowWidth: window.innerWidth,
@@ -22,40 +22,22 @@ export default async function gmailLoadEvent(driver: GmailDriver) {
     isUsingSyncAPI: pageCommunicator.isUsingSyncAPI(),
     previewPane: pageCommunicator.getUserOriginalPreviewPaneMode(),
     isConversationViewDisabled,
-    wasAccountSwitcherReadyAtStart:
-      driver.getEnvData().wasAccountSwitcherReadyAtStart,
-    timings: Object.assign(
-      ({
-        responseStart:
-          global.performance && global.performance.timing.responseStart,
-        responseEnd:
-          global.performance && global.performance.timing.responseEnd,
-        domLoading: global.performance && global.performance.timing.domLoading,
-        domInteractive:
-          global.performance && global.performance.timing.domInteractive,
-        domComplete:
-          global.performance && global.performance.timing.domComplete,
-        domContentLoadedEventStart:
-          global.performance &&
-          global.performance.timing.domContentLoadedEventStart,
-        domContentLoadedEventEnd:
-          global.performance &&
-          global.performance.timing.domContentLoadedEventEnd,
-        domainLookupEnd:
-          global.performance && global.performance.timing.domainLookupEnd,
-        domainLookupStart:
-          global.performance && global.performance.timing.domainLookupStart,
-        fetchStart: global.performance && global.performance.timing.fetchStart,
-        loadEventStart:
-          global.performance && global.performance.timing.loadEventStart,
-        loadEventEnd:
-          global.performance && global.performance.timing.loadEventEnd,
-        navigationStart:
-          global.performance && global.performance.timing.navigationStart,
-        requestStart:
-          global.performance && global.performance.timing.requestStart,
-      }: any),
-      driver.getTimings()
-    ),
+    wasAccountSwitcherReadyAtStart: driver.getEnvData().wasAccountSwitcherReadyAtStart,
+    timings: Object.assign({
+      responseStart: global.performance && global.performance.timing.responseStart,
+      responseEnd: global.performance && global.performance.timing.responseEnd,
+      domLoading: global.performance && global.performance.timing.domLoading,
+      domInteractive: global.performance && global.performance.timing.domInteractive,
+      domComplete: global.performance && global.performance.timing.domComplete,
+      domContentLoadedEventStart: global.performance && global.performance.timing.domContentLoadedEventStart,
+      domContentLoadedEventEnd: global.performance && global.performance.timing.domContentLoadedEventEnd,
+      domainLookupEnd: global.performance && global.performance.timing.domainLookupEnd,
+      domainLookupStart: global.performance && global.performance.timing.domainLookupStart,
+      fetchStart: global.performance && global.performance.timing.fetchStart,
+      loadEventStart: global.performance && global.performance.timing.loadEventStart,
+      loadEventEnd: global.performance && global.performance.timing.loadEventEnd,
+      navigationStart: global.performance && global.performance.timing.navigationStart,
+      requestStart: global.performance && global.performance.timing.requestStart
+    }, driver.getTimings())
   });
-}
+}

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

@@ -1,72 +1,65 @@
-/* @flow */
+"use strict";
 
-import includes from 'lodash/includes';
-import * as ud from 'ud';
-import { NATIVE_ROUTE_IDS } from '../../../constants/router';
-import { simulateClick } from '../../../lib/dom/simulate-mouse-event';
-import getURLObject from './get-url-object';
-
-import type GmailDriver from '../gmail-driver';
-import type { RouteParams } from '../../../namespaces/router';
-
-const gotoView = ud.defn(
-  module,
-  async function gotoView(
-    gmailDriver: GmailDriver,
-    viewName: string,
-    params: ?RouteParams | string
-  ): Promise<void> {
-    if (viewName[0] === '#') {
-      if (params) {
-        throw new Error("params parameter can't be passed with resolved URL");
-      }
-      viewName = viewName.slice(1);
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _includes = _interopRequireDefault(require("lodash/includes"));
+var ud = _interopRequireWildcard(require("ud"));
+var _router = require("../../../constants/router");
+var _simulateMouseEvent = require("../../../lib/dom/simulate-mouse-event");
+var _getUrlObject = _interopRequireDefault(require("./get-url-object"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const gotoView = ud.defn(module, async function gotoView(gmailDriver, viewName, params) {
+  if (viewName[0] === '#') {
+    if (params) {
+      throw new Error("params parameter can't be passed with resolved URL");
     }
-
-    if (includes(NATIVE_ROUTE_IDS, viewName)) {
-      if (gmailDriver.isUsingSyncAPI()) {
-        // need to go to the new url
-        if (params && typeof params !== 'string') {
-          const threadID = params.threadID;
-          if (threadID && typeof threadID === 'string') {
-            const int = parseInt(threadID, 16);
-            if (!isNaN(int)) {
-              //we got an old id
-              const syncThreadId =
-                await gmailDriver.getSyncThreadIdForOldGmailThreadId(threadID);
-              params = {
-                ...params,
-                threadID: '#' + syncThreadId,
-              };
-            }
+    viewName = viewName.slice(1);
+  }
+  if ((0, _includes.default)(_router.NATIVE_ROUTE_IDS, viewName)) {
+    if (gmailDriver.isUsingSyncAPI()) {
+      // need to go to the new url
+      if (params && typeof params !== 'string') {
+        const threadID = params.threadID;
+        if (threadID && typeof threadID === 'string') {
+          const int = parseInt(threadID, 16);
+          if (!isNaN(int)) {
+            //we got an old id
+            const syncThreadId = await gmailDriver.getSyncThreadIdForOldGmailThreadId(threadID);
+            params = {
+              ...params,
+              threadID: '#' + syncThreadId
+            };
           }
         }
       }
-
-      const newHash = gmailDriver.createLink(viewName, params);
-      // Create a fake link and simulate a click event on it to let Gmail handle
-      // the view change. If we just set window.location.hash ourselves to the
-      // newHash, it's a Gmail hash, and any composes are open, then Gmail will
-      // redirect the user to the hash with ?compose=... appended to the end and
-      // break the back button. If we try to pre-empt Gmail and add the
-      // ?compose=... part ourselves, then sometimes Gmail thinks it's new and
-      // actually triggers now composes to open. This fake link method avoids the
-      // issue.
-      const link = document.createElement('a');
-      link.style.display = 'none';
-      link.href = newHash;
-      ((document.body: any): HTMLElement).appendChild(link);
-      simulateClick(link);
-      link.remove();
-    } else {
-      const newHash = gmailDriver.createLink(viewName, params);
-      // If it's not a gmail view name, then it's probably a hash for a custom
-      // view. We need to set the hash ourselves. Gmail won't react at all to a
-      // hashchange event for a hash it doesn't recognize, so we don't have to
-      // worry about the above issue.
-      window.location.hash = newHash;
     }
+    const newHash = gmailDriver.createLink(viewName, params);
+    // Create a fake link and simulate a click event on it to let Gmail handle
+    // the view change. If we just set window.location.hash ourselves to the
+    // newHash, it's a Gmail hash, and any composes are open, then Gmail will
+    // redirect the user to the hash with ?compose=... appended to the end and
+    // break the back button. If we try to pre-empt Gmail and add the
+    // ?compose=... part ourselves, then sometimes Gmail thinks it's new and
+    // actually triggers now composes to open. This fake link method avoids the
+    // issue.
+    const link = document.createElement('a');
+    link.style.display = 'none';
+    link.href = newHash;
+    document.body.appendChild(link);
+    (0, _simulateMouseEvent.simulateClick)(link);
+    link.remove();
+  } else {
+    const newHash = gmailDriver.createLink(viewName, params);
+    // If it's not a gmail view name, then it's probably a hash for a custom
+    // view. We need to set the hash ourselves. Gmail won't react at all to a
+    // hashchange event for a hash it doesn't recognize, so we don't have to
+    // worry about the above issue.
+    window.location.hash = newHash;
   }
-);
-
-export default gotoView;
+});
+var _default = gotoView;
+exports.default = _default;

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/isIntegratedViewGmail.d.ts

@@ -1 +1,2 @@
 export default function isIntegratedViewGmail(): boolean;
+//# sourceMappingURL=isIntegratedViewGmail.d.ts.map

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/isIntegratedViewGmail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isIntegratedViewGmail.d.ts","sourceRoot":"","sources":["../../../../../../../src/platform-implementation-js/dom-driver/gmail/gmail-driver/isIntegratedViewGmail.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,qBAAqB,IAAI,OAAO,CAGvD"}

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/isIntegratedViewGmail.js

@@ -0,0 +1,4 @@
+export default function isIntegratedViewGmail() {
+    const nav = document.querySelector('div[role=navigation]');
+    return Boolean(nav?.firstElementChild?.classList.contains('Xa'));
+}

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/keyboard-shortcut-help-modifier.js

@@ -1,200 +1,117 @@
-/* @flow */
-
-import escape from 'lodash/escape';
-import * as Kefir from 'kefir';
-import kefirStopper from 'kefir-stopper';
-import type { Stopper } from 'kefir-stopper';
-import makeElementChildStream from '../../../lib/dom/make-element-child-stream';
-import querySelector from '../../../lib/dom/querySelectorOrFail';
-import makeMutationObserverChunkedStream from '../../../lib/dom/make-mutation-observer-chunked-stream';
-import type KeyboardShortcutHandle from '../../../views/keyboard-shortcut-handle';
-
-export default class KeyboardShortcutHelpModifier {
-  _appId: ?string;
-  _appName: ?string;
-  _appIconUrl: ?string;
-  _stopper: Stopper;
-  _shortcuts: Set<KeyboardShortcutHandle>;
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _escape = _interopRequireDefault(require("lodash/escape"));
+var Kefir = _interopRequireWildcard(require("kefir"));
+var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
+var _makeElementChildStream = _interopRequireDefault(require("../../../lib/dom/make-element-child-stream"));
+var _querySelectorOrFail = _interopRequireDefault(require("../../../lib/dom/querySelectorOrFail"));
+var _makeMutationObserverChunkedStream = _interopRequireDefault(require("../../../lib/dom/make-mutation-observer-chunked-stream"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+class KeyboardShortcutHelpModifier {
   constructor() {
     this._appId = null; // TODO have these passed to the constructor
     this._appName = null;
     this._appIconUrl = null;
-
-    this._stopper = kefirStopper();
+    this._stopper = (0, _kefirStopper.default)();
     this._shortcuts = new Set();
     this._monitorKeyboardHelp();
   }
-
   destroy() {
     this._stopper.destroy();
     this._shortcuts.clear();
   }
-
-  set(
-    keyboardShortcutHandle: KeyboardShortcutHandle,
-    appId: string,
-    appName: ?string,
-    appIconUrl: ?string
-  ) {
+  set(keyboardShortcutHandle, appId, appName, appIconUrl) {
     this._initializeAppValues(appId, appName, appIconUrl);
-
     this._shortcuts.add(keyboardShortcutHandle);
   }
-
-  delete(keyboardShortcutHandle: KeyboardShortcutHandle) {
+  delete(keyboardShortcutHandle) {
     this._shortcuts.delete(keyboardShortcutHandle);
   }
-
-  _initializeAppValues(appId: string, appName: ?string, appIconUrl: ?string) {
+  _initializeAppValues(appId, appName, appIconUrl) {
     if (!this._appId) {
       this._appId = appId;
     }
-
     if (!this._appName) {
       this._appName = appName;
     }
-
     if (!this._appIconUrl) {
       this._appIconUrl = appIconUrl;
     }
   }
-
   _monitorKeyboardHelp() {
-    makeElementChildStream(((document.body: any): HTMLElement))
-      .map((event) => event.el)
-      .filter((node) => node && node.classList && node.classList.contains('wa'))
-      .flatMap((node) =>
-        makeMutationObserverChunkedStream(node, {
-          attributes: true,
-          attributeFilter: ['class'],
-        })
-          .filter(() => !node.classList.contains('aou'))
-          .toProperty(() => null)
-          .map(() => node)
-      )
-      .takeUntilBy(this._stopper)
-      .onValue((node) => this._renderHelp(node));
+    (0, _makeElementChildStream.default)(document.body).map(event => event.el).filter(node => node && node.classList && node.classList.contains('wa')).flatMap(node => (0, _makeMutationObserverChunkedStream.default)(node, {
+      attributes: true,
+      attributeFilter: ['class']
+    }).filter(() => !node.classList.contains('aou')).toProperty(() => null).map(() => node)).takeUntilBy(this._stopper).onValue(node => this._renderHelp(node));
   }
-
-  _renderHelp(node: HTMLElement) {
+  _renderHelp(node) {
     if (this._shortcuts.size === 0) {
       return;
     }
-
     var keys = this._shortcuts.keys();
-
     var header = this._renderHeader();
     var table = this._renderTable();
-
     var bodies = table.querySelectorAll('tbody tbody');
-
     var index = 0;
-    this._shortcuts.forEach((keyboardShortcutHandle) => {
+    this._shortcuts.forEach(keyboardShortcutHandle => {
       this._renderShortcut(bodies[index % 2], keyboardShortcutHandle);
       index++;
     });
-
-    const firstHeader = querySelector(node, '.aov');
+    const firstHeader = (0, _querySelectorOrFail.default)(node, '.aov');
     const parent = firstHeader.parentElement;
     if (!parent) throw new Error('Could not find parent');
     parent.insertBefore(header, firstHeader);
     parent.insertBefore(table, firstHeader);
   }
-
-  _renderHeader(): HTMLElement {
+  _renderHeader() {
     const header = document.createElement('div');
     header.setAttribute('class', 'aov  aox');
-    header.innerHTML = [
-      '<div class="aow">',
-      '<span class="inboxsdk__shortcutHelp_title">',
-      escape(this._appName || this._appId) + ' keyboard shortcuts',
-      '</span>',
-      '</div>',
-    ].join('');
-
+    header.innerHTML = ['<div class="aow">', '<span class="inboxsdk__shortcutHelp_title">', (0, _escape.default)(this._appName || this._appId) + ' keyboard shortcuts', '</span>', '</div>'].join('');
     if (this._appIconUrl) {
       const img = document.createElement('img');
       if (this._appIconUrl) {
         img.src = this._appIconUrl;
       }
       img.setAttribute('class', 'inboxsdk__icon');
-
-      const title = querySelector(header, '.inboxsdk__shortcutHelp_title');
+      const title = (0, _querySelectorOrFail.default)(header, '.inboxsdk__shortcutHelp_title');
       title.insertBefore(img, title.firstChild);
     }
-
     return header;
   }
-
-  _renderTable(): HTMLElement {
+  _renderTable() {
     var table = document.createElement('table');
     table.setAttribute('cellpadding', '0');
     table.setAttribute('class', 'cf wd inboxsdk__shortcutHelp_table');
-
-    table.innerHTML = [
-      '<tbody>',
-      '<tr>',
-      '<td class="Dn">',
-      '<table cellpadding="0" class="cf">',
-      '<tbody>',
-      '<tr><th>&nbsp;</th><th>&nbsp;</th></tr>',
-      '</tbody>',
-      '</table>',
-      '</td>',
-      '<td class="Dn">',
-      '<table cellpadding="0" class="cf">',
-      '<tbody>',
-      '<tr><th>&nbsp;</th><th>&nbsp;</th></tr>',
-      '</tbody>',
-      '</table>',
-      '</td>',
-      '</tr',
-      '</tbody>',
-    ].join('');
-
+    table.innerHTML = ['<tbody>', '<tr>', '<td class="Dn">', '<table cellpadding="0" class="cf">', '<tbody>', '<tr><th>&nbsp;</th><th>&nbsp;</th></tr>', '</tbody>', '</table>', '</td>', '<td class="Dn">', '<table cellpadding="0" class="cf">', '<tbody>', '<tr><th>&nbsp;</th><th>&nbsp;</th></tr>', '</tbody>', '</table>', '</td>', '</tr', '</tbody>'].join('');
     return table;
   }
-
-  _renderShortcut(
-    tableBody: HTMLElement,
-    keyboardShortcutHandle: KeyboardShortcutHandle
-  ) {
+  _renderShortcut(tableBody, keyboardShortcutHandle) {
     var shortcutRow = document.createElement('tr');
-    shortcutRow.innerHTML = [
-      '<td class="wg Dn"> ',
-      _getShortcutHTML(keyboardShortcutHandle.chord),
-      '</td>',
-      '<td class="we Dn"> ',
-      escape(keyboardShortcutHandle.description || ''),
-      '</td>',
-    ].join('');
-
+    shortcutRow.innerHTML = ['<td class="wg Dn"> ', _getShortcutHTML(keyboardShortcutHandle.chord), '</td>', '<td class="we Dn"> ', (0, _escape.default)(keyboardShortcutHandle.description || ''), '</td>'].join('');
     tableBody.appendChild(shortcutRow);
   }
 }
-
-function _getShortcutHTML(chord: string): string {
+exports.default = KeyboardShortcutHelpModifier;
+function _getShortcutHTML(chord) {
   const retArray = [];
-
   const parts = chord.split(/[\s+]/g);
   const separators = chord.match(/[\s+]/g);
-
   for (var ii = 0; ii < parts.length; ii++) {
-    retArray.push(
-      '<span class="wh">' + escape(_getAngledBracket(parts[ii])) + '</span>'
-    );
+    retArray.push('<span class="wh">' + (0, _escape.default)(_getAngledBracket(parts[ii])) + '</span>');
     if (separators && separators[ii]) {
       retArray.push(_getSeparatorHTML(separators[ii]));
     }
   }
-
   retArray.push(' :');
-
   return retArray.join('');
 }
-
-function _getAngledBracket(chordChar: string): string {
+function _getAngledBracket(chordChar) {
   switch (chordChar.toLowerCase()) {
     case 'shift':
       return '<Shift>';
@@ -213,8 +130,7 @@ function _getAngledBracket(chordChar: string): string {
       return chordChar;
   }
 }
-
-function _getSeparatorHTML(separator: string): string {
+function _getSeparatorHTML(separator) {
   switch (separator) {
     case ' ':
       return '<span class="wb">then</span> ';
@@ -223,4 +139,4 @@ function _getSeparatorHTML(separator: string): string {
     default:
       return '';
   }
-}
+}

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/open-compose-window.js

@@ -1,27 +1,22 @@
-/* @flow */
+"use strict";
 
-import { simulateClick } from '../../../lib/dom/simulate-mouse-event';
-import GmailElementGetter from '../gmail-element-getter';
-
-import waitFor from '../../../lib/wait-for';
-
-import type GmailDriver from '../gmail-driver';
-
-export default async function openComposeWindow(gmailDriver: GmailDriver) {
-  await GmailElementGetter.waitForGmailModeToSettle();
-
-  if (
-    GmailElementGetter.isStandaloneComposeWindow() ||
-    GmailElementGetter.isStandaloneThreadWindow()
-  ) {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = openComposeWindow;
+var _simulateMouseEvent = require("../../../lib/dom/simulate-mouse-event");
+var _gmailElementGetter = _interopRequireDefault(require("../gmail-element-getter"));
+var _waitFor = _interopRequireDefault(require("../../../lib/wait-for"));
+async function openComposeWindow(gmailDriver) {
+  await _gmailElementGetter.default.waitForGmailModeToSettle();
+  if (_gmailElementGetter.default.isStandaloneComposeWindow() || _gmailElementGetter.default.isStandaloneThreadWindow()) {
     throw new Error('Can not open new compose while in standalone window');
   }
-
-  if (!GmailElementGetter.getComposeButton()) {
-    await waitFor(() => !!GmailElementGetter.getComposeButton());
+  if (!_gmailElementGetter.default.getComposeButton()) {
+    await (0, _waitFor.default)(() => !!_gmailElementGetter.default.getComposeButton());
   }
-
-  const composeButton = GmailElementGetter.getComposeButton();
+  const composeButton = _gmailElementGetter.default.getComposeButton();
   if (!composeButton) throw new Error('Could not find compose button');
-  simulateClick(composeButton);
-}
+  (0, _simulateMouseEvent.simulateClick)(composeButton);
+}

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/open-draft-by-message-id.d.ts

@@ -2,3 +2,4 @@ import GmailDriver from '../gmail-driver';
 export default function openDraftByMessageID(driver: GmailDriver, messageID: string): Promise<void>;
 export declare function makeNewHash(oldHash: string, messageID: string): string;
 export declare function makeNewSyncHash(oldHash: string, syncThreadID: string, syncMessageID: string): string;
+//# sourceMappingURL=open-draft-by-message-id.d.ts.map

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/open-draft-by-message-id.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"open-draft-by-message-id.d.ts","sourceRoot":"","sources":["../../../../../../../src/platform-implementation-js/dom-driver/gmail/gmail-driver/open-draft-by-message-id.ts"],"names":[],"mappings":"AAIA,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAI1C,wBAA8B,oBAAoB,CAChD,MAAM,EAAE,WAAW,EACnB,SAAS,EAAE,MAAM,iBAoClB;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAUtE;AAED,wBAAgB,eAAe,CAC7B,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,MAAM,EACpB,aAAa,EAAE,MAAM,GACpB,MAAM,CAOR"}

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/open-draft-by-message-id.js

@@ -0,0 +1,44 @@
+import qs from 'querystring';
+import getSyncThreadsForSearch from '../../../driver-common/getSyncThreadsForSearch';
+import encodeDraftUrlId from './encodeDraftUrlId';
+import getRfcMessageIdForGmailMessageId from './get-rfc-message-id-for-gmail-message-id';
+export default async function openDraftByMessageID(driver, messageID) {
+    let newHash;
+    if (driver.isUsingSyncAPI()) {
+        const rfcMessageID = await getRfcMessageIdForGmailMessageId(driver, messageID);
+        const { threads } = await getSyncThreadsForSearch(driver, 'rfc822msgid:' + rfcMessageID);
+        if (threads.length === 0) {
+            throw new Error('Failed to get sync message id');
+        }
+        const thread = threads[0];
+        const syncMessageData = thread.extraMetaData.syncMessageData.find((m) => m.oldMessageID === messageID);
+        if (!syncMessageData) {
+            throw new Error('Failed to find syncMessageData');
+        }
+        const { syncMessageID } = syncMessageData;
+        newHash = makeNewSyncHash(window.location.hash, thread.syncThreadID, syncMessageID);
+    }
+    else {
+        newHash = makeNewHash(window.location.hash, messageID);
+    }
+    window.location.hash = newHash;
+}
+export function makeNewHash(oldHash, messageID) {
+    oldHash = '#' + oldHash.replace(/^#/, '');
+    const [pre, query] = oldHash.split('?');
+    const params = qs.parse(query);
+    if (params.compose) {
+        params.compose += ',' + messageID;
+    }
+    else {
+        params.compose = messageID;
+    }
+    return pre + '?' + qs.stringify(params);
+}
+export function makeNewSyncHash(oldHash, syncThreadID, syncMessageID) {
+    oldHash = '#' + oldHash.replace(/^#/, '');
+    const [pre, query] = oldHash.split('?');
+    const params = qs.parse(query);
+    params.compose = encodeDraftUrlId(syncThreadID, syncMessageID);
+    return pre + '?' + qs.stringify(params);
+}

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/open-draft-by-message-id.test.js

@@ -1,23 +1,22 @@
-/* @flow */
-
-import openDraftByMessageID, { makeNewHash } from './open-draft-by-message-id';
+"use strict";
 
+var _openDraftByMessageId = _interopRequireWildcard(require("./open-draft-by-message-id"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 describe('makeNewHash', () => {
   it('1', () => {
-    expect(makeNewHash('', '123')).toBe('#?compose=123');
+    expect((0, _openDraftByMessageId.makeNewHash)('', '123')).toBe('#?compose=123');
   });
   it('2', () => {
-    expect(makeNewHash('#', '123')).toBe('#?compose=123');
+    expect((0, _openDraftByMessageId.makeNewHash)('#', '123')).toBe('#?compose=123');
   });
   it('3', () => {
-    expect(makeNewHash('#inbox', '123')).toBe('#inbox?compose=123');
+    expect((0, _openDraftByMessageId.makeNewHash)('#inbox', '123')).toBe('#inbox?compose=123');
   });
   it('4', () => {
-    expect(makeNewHash('#inbox?compose=123', '456')).toBe(
-      '#inbox?compose=123%2C456'
-    );
+    expect((0, _openDraftByMessageId.makeNewHash)('#inbox?compose=123', '456')).toBe('#inbox?compose=123%2C456');
   });
   it('5', () => {
-    expect(makeNewHash('#inbox?foo=5', '123')).toBe('#inbox?foo=5&compose=123');
+    expect((0, _openDraftByMessageId.makeNewHash)('#inbox?foo=5', '123')).toBe('#inbox?foo=5&compose=123');
   });
-});
+});