@inboxsdk/core 0.2.28-alpha.5 → 0.2.28

package/src/injected-js/gmail/thread-identifier/thread-row-parser.test.js

@@ -1,41 +1,57 @@
-"use strict";
+/* @flow */
+
+import { extractMetadataFromThreadRow } from './thread-row-parser';
 
-var _threadRowParser = require("./thread-row-parser");
 describe('extractMetadataFromThreadRow', () => {
   it('can read row', () => {
     const table = document.createElement('table');
-    table.innerHTML = '<tbody>' + '<tr class="zA yO" id=":46" tabindex="-1" aria-labelledby=":47"><td class="PF xY"></td><td id=":48" class="oZ-x3 xY aid" style=""><div id=":49" class="oZ-jc T-Jo J-J5-Ji " role="checkbox" aria-labelledby=":47" dir="ltr" aria-checked="false" tabindex="-1"><div class="T-Jo-auh"></div></div></td><td class="apU xY"><span id=":4a" class="aXw T-KT" title="Not starred" aria-label="Not starred"><img class="T-KT-JX" src="images/cleardot.gif" alt="Not starred"></span></td><td class="WA xY"><div class="pG" data-tooltip-contained="true" data-tooltip-align="b,l" data-tooltip-delay="1500" aria-label="Not important" role="img" id=":4b"><div class="T-ays-a45"><span class="aol">Click to teach Streak Mail this conversation is important.</span></div><div class="pH-A7"></div><div class="UW "></div></div></td><td class="yX xY "><div id=":47" class="afn">me (15), test merge again, 2:02 pm, 4 On Thu, Dec 4, 2014 at 2:02 PM, Chris Cowan &lt;cowan@streak.com&gt; wrote: 3 On Thu, Dec 4, 2014.</div><div id=":4c" class="yW"><span class="yP" email="cowan@streak.com" name="me">me</span> (15)</div></td><td id=":4d" tabindex="-1" class="xY a4W"><div class="xS" role="link"><div class="xT"><div class="y6"><span id=":4f">test merge again</span><span class="y2">&nbsp;-&nbsp;4 On Thu, Dec 4, 2014 at 2:02 PM, Chris Cowan &lt;cowan@streak.com&gt; wrote: 3 On Thu, Dec 4, 2014</span></div></div></div></td><td class="yf xY ">&nbsp;</td><td class="xW xY "><span title="Thu, Dec 4, 2014 at 2:02 PM" id=":4g" aria-label="Thu, Dec 4, 2014 at 2:02 PM">2:02 pm</span></td></tr>' + '</tbody>';
+    table.innerHTML =
+      '<tbody>' +
+      '<tr class="zA yO" id=":46" tabindex="-1" aria-labelledby=":47"><td class="PF xY"></td><td id=":48" class="oZ-x3 xY aid" style=""><div id=":49" class="oZ-jc T-Jo J-J5-Ji " role="checkbox" aria-labelledby=":47" dir="ltr" aria-checked="false" tabindex="-1"><div class="T-Jo-auh"></div></div></td><td class="apU xY"><span id=":4a" class="aXw T-KT" title="Not starred" aria-label="Not starred"><img class="T-KT-JX" src="images/cleardot.gif" alt="Not starred"></span></td><td class="WA xY"><div class="pG" data-tooltip-contained="true" data-tooltip-align="b,l" data-tooltip-delay="1500" aria-label="Not important" role="img" id=":4b"><div class="T-ays-a45"><span class="aol">Click to teach Streak Mail this conversation is important.</span></div><div class="pH-A7"></div><div class="UW "></div></div></td><td class="yX xY "><div id=":47" class="afn">me (15), test merge again, 2:02 pm, 4 On Thu, Dec 4, 2014 at 2:02 PM, Chris Cowan &lt;cowan@streak.com&gt; wrote: 3 On Thu, Dec 4, 2014.</div><div id=":4c" class="yW"><span class="yP" email="cowan@streak.com" name="me">me</span> (15)</div></td><td id=":4d" tabindex="-1" class="xY a4W"><div class="xS" role="link"><div class="xT"><div class="y6"><span id=":4f">test merge again</span><span class="y2">&nbsp;-&nbsp;4 On Thu, Dec 4, 2014 at 2:02 PM, Chris Cowan &lt;cowan@streak.com&gt; wrote: 3 On Thu, Dec 4, 2014</span></div></div></div></td><td class="yf xY ">&nbsp;</td><td class="xW xY "><span title="Thu, Dec 4, 2014 at 2:02 PM" id=":4g" aria-label="Thu, Dec 4, 2014 at 2:02 PM">2:02 pm</span></td></tr>' +
+      '</tbody>';
     const threadRow = table.querySelector('tr');
     if (!threadRow) throw new Error();
-    const parsed = (0, _threadRowParser.extractMetadataFromThreadRow)(threadRow);
+    const parsed = extractMetadataFromThreadRow(threadRow);
     expect(parsed).toEqual({
       timeString: 'Thu, Dec 4, 2014 at 2:02 PM',
       subject: 'test merge again',
-      peopleHtml: '<span email="cowan@streak.com" name="me">me</span> (15)'
+      peopleHtml: '<span email="cowan@streak.com" name="me">me</span> (15)',
     });
   });
+
   it('can read vertical preview pane row', () => {
     const table = document.createElement('table');
-    table.innerHTML = '<tbody>' + '<tr class="zA yO apv" id=":151" tabindex="-1" aria-labelledby=":150"><td rowspan="3" class="PF xY"></td><td rowspan="3" id=":14z" class="apo-x3 xY aid" style=""><div id=":14y" class="apo-jc T-Jo J-J5-Ji " role="checkbox" aria-labelledby=":150" dir="ltr" aria-checked="false" tabindex="-1"><div class="T-Jo-auh"></div></div></td><td class="yX xY apy"><div id=":150" class="afn"><span class="yP" email="cowan@streak.com" name="me">me</span> (15), test merge again, 2:02 pm, 4 On Thu, Dec 4, 2014 at 2:02 PM, Chris Cowan &lt;cowan@streak.com&gt; wrote: 3 On Thu, Dec 4, 2014.</div><div id=":14x" class="yW"><span class="yP" email="cowan@streak.com" name="me">me</span> (15)</div></td><td class="yf xY  apt"><div class="apm"><span title="Thu, Dec 4, 2014 at 2:02 PM" id=":14w" aria-label="Thu, Dec 4, 2014 at 2:02 PM">2:02 pm</span></div>&nbsp;</td><td rowspan="3" class="apU apC"><span id=":14v" class="aXw T-KT" title="Not starred" aria-label="Not starred"><img class="T-KT-JX" src="images/cleardot.gif" alt="Not starred"></span></td></tr>' + '<tr class="zA yO apv"><td colspan="2" tabindex="0" role="link" class="xY  apD"><div class="apn apd"><div class="pG" data-tooltip-contained="true" data-tooltip-align="b,l" data-tooltip-delay="1500" aria-label="Not important" role="img" id=":14u"><div class="T-ays-a45"><span class="aol">Click to teach Streak Mail this conversation is important.</span></div><div class="pH-A7 aok"></div><div class="UW UW-yN-aa"></div></div></div><div class="xS" role="undefined"><div class="xT"><div class="y6"><span id=":14t">test merge again</span></div></div></div></td></tr>' + '<tr class="zA yO apv apw"><td colspan="2" class="xY apA"><div class="apB"><div class="apu"><div class="as">&nbsp;</div></div><div class="y2 apz">4 On Thu, Dec 4, 2014 at 2:02 PM, Chris Cowan &lt;cowan@streak.com&gt; wrote: 3 On Thu, Dec 4, 2014</div></div></td></tr>' + '</tbody>';
+    table.innerHTML =
+      '<tbody>' +
+      '<tr class="zA yO apv" id=":151" tabindex="-1" aria-labelledby=":150"><td rowspan="3" class="PF xY"></td><td rowspan="3" id=":14z" class="apo-x3 xY aid" style=""><div id=":14y" class="apo-jc T-Jo J-J5-Ji " role="checkbox" aria-labelledby=":150" dir="ltr" aria-checked="false" tabindex="-1"><div class="T-Jo-auh"></div></div></td><td class="yX xY apy"><div id=":150" class="afn"><span class="yP" email="cowan@streak.com" name="me">me</span> (15), test merge again, 2:02 pm, 4 On Thu, Dec 4, 2014 at 2:02 PM, Chris Cowan &lt;cowan@streak.com&gt; wrote: 3 On Thu, Dec 4, 2014.</div><div id=":14x" class="yW"><span class="yP" email="cowan@streak.com" name="me">me</span> (15)</div></td><td class="yf xY  apt"><div class="apm"><span title="Thu, Dec 4, 2014 at 2:02 PM" id=":14w" aria-label="Thu, Dec 4, 2014 at 2:02 PM">2:02 pm</span></div>&nbsp;</td><td rowspan="3" class="apU apC"><span id=":14v" class="aXw T-KT" title="Not starred" aria-label="Not starred"><img class="T-KT-JX" src="images/cleardot.gif" alt="Not starred"></span></td></tr>' +
+      '<tr class="zA yO apv"><td colspan="2" tabindex="0" role="link" class="xY  apD"><div class="apn apd"><div class="pG" data-tooltip-contained="true" data-tooltip-align="b,l" data-tooltip-delay="1500" aria-label="Not important" role="img" id=":14u"><div class="T-ays-a45"><span class="aol">Click to teach Streak Mail this conversation is important.</span></div><div class="pH-A7 aok"></div><div class="UW UW-yN-aa"></div></div></div><div class="xS" role="undefined"><div class="xT"><div class="y6"><span id=":14t">test merge again</span></div></div></div></td></tr>' +
+      '<tr class="zA yO apv apw"><td colspan="2" class="xY apA"><div class="apB"><div class="apu"><div class="as">&nbsp;</div></div><div class="y2 apz">4 On Thu, Dec 4, 2014 at 2:02 PM, Chris Cowan &lt;cowan@streak.com&gt; wrote: 3 On Thu, Dec 4, 2014</div></div></td></tr>' +
+      '</tbody>';
     const threadRow = table.querySelector('tr');
     if (!threadRow) throw new Error();
-    const parsed = (0, _threadRowParser.extractMetadataFromThreadRow)(threadRow);
+    const parsed = extractMetadataFromThreadRow(threadRow);
     expect(parsed).toEqual({
       timeString: 'Thu, Dec 4, 2014 at 2:02 PM',
       subject: 'test merge again',
-      peopleHtml: '<span email="cowan@streak.com" name="me">me</span> (15)'
+      peopleHtml: '<span email="cowan@streak.com" name="me">me</span> (15)',
     });
   });
+
   it('can read snippet-less vertical preview pane row', () => {
     const table = document.createElement('table');
-    table.innerHTML = '<tbody>' + '<tr class="zA yO apv" id=":3p" tabindex="-1" aria-labelledby=":3q"><td rowspan="2" class="PF xY"></td><td rowspan="2" id=":3r" class="apq-x3 xY aid" style=""><div id=":3s" class="apq-jc T-Jo J-J5-Ji " role="checkbox" aria-labelledby=":3q" dir="ltr" aria-checked="false" tabindex="-1"><div class="T-Jo-auh"></div></div></td><td class="xY apx"><div id=":3q" class="afn"><span class="yP" email="notifications@mailfoogae.appspotmail.com" name="Streak Bot">Streak Bot</span>, lordprogrammer finished a deploy (fed8a27), 11:02 am, .</div><div class="apu"><div class="as">&nbsp;</div></div><div class="yW NyC7Y"><span class="yP" email="notifications@mailfoogae.appspotmail.com" name="Streak Bot">Streak Bot</span></div></td><td class="yf xY  apt"><div class="apm"><span title="Mon, Jan 5, 2015 at 11:02 AM" id=":3t" aria-label="Mon, Jan 5, 2015 at 11:02 AM">11:02 am</span></div>&nbsp;</td><td rowspan="2" class="apU apC"><span id=":3u" class="aXw T-KT" title="Not starred" aria-label="Not starred"><img class="T-KT-JX" src="images/cleardot.gif" alt="Not starred"></span></td></tr>' + '<tr class="zA yO apv"><td colspan="2" tabindex="0" role="link" class="xY  apE"><div class="apn apd"><div class="pG" data-tooltip-contained="true" data-tooltip-align="b,l" data-tooltip-delay="1500" aria-label="Not important" role="img" id=":3v"><div class="T-ays-a45"><span class="aol">Click to teach Streak Mail this conversation is important.</span></div><div class="pH-A7"></div><div class="UW "></div></div></div><div class="xS" role="undefined"><div class="xT"><div class="y6"><span id=":3w">lordprogrammer finished a deploy (fed8a27)</span></div></div></div></td></tr>' + '</tbody>';
+    table.innerHTML =
+      '<tbody>' +
+      '<tr class="zA yO apv" id=":3p" tabindex="-1" aria-labelledby=":3q"><td rowspan="2" class="PF xY"></td><td rowspan="2" id=":3r" class="apq-x3 xY aid" style=""><div id=":3s" class="apq-jc T-Jo J-J5-Ji " role="checkbox" aria-labelledby=":3q" dir="ltr" aria-checked="false" tabindex="-1"><div class="T-Jo-auh"></div></div></td><td class="xY apx"><div id=":3q" class="afn"><span class="yP" email="notifications@mailfoogae.appspotmail.com" name="Streak Bot">Streak Bot</span>, lordprogrammer finished a deploy (fed8a27), 11:02 am, .</div><div class="apu"><div class="as">&nbsp;</div></div><div class="yW NyC7Y"><span class="yP" email="notifications@mailfoogae.appspotmail.com" name="Streak Bot">Streak Bot</span></div></td><td class="yf xY  apt"><div class="apm"><span title="Mon, Jan 5, 2015 at 11:02 AM" id=":3t" aria-label="Mon, Jan 5, 2015 at 11:02 AM">11:02 am</span></div>&nbsp;</td><td rowspan="2" class="apU apC"><span id=":3u" class="aXw T-KT" title="Not starred" aria-label="Not starred"><img class="T-KT-JX" src="images/cleardot.gif" alt="Not starred"></span></td></tr>' +
+      '<tr class="zA yO apv"><td colspan="2" tabindex="0" role="link" class="xY  apE"><div class="apn apd"><div class="pG" data-tooltip-contained="true" data-tooltip-align="b,l" data-tooltip-delay="1500" aria-label="Not important" role="img" id=":3v"><div class="T-ays-a45"><span class="aol">Click to teach Streak Mail this conversation is important.</span></div><div class="pH-A7"></div><div class="UW "></div></div></div><div class="xS" role="undefined"><div class="xT"><div class="y6"><span id=":3w">lordprogrammer finished a deploy (fed8a27)</span></div></div></div></td></tr>' +
+      '</tbody>';
     const threadRow = table.querySelector('tr');
     if (!threadRow) throw new Error();
-    const parsed = (0, _threadRowParser.extractMetadataFromThreadRow)(threadRow);
+    const parsed = extractMetadataFromThreadRow(threadRow);
     expect(parsed).toEqual({
       timeString: 'Mon, Jan 5, 2015 at 11:02 AM',
       subject: 'lordprogrammer finished a deploy (fed8a27)',
-      peopleHtml: '<span email="notifications@mailfoogae.appspotmail.com" name="Streak Bot">Streak Bot</span>'
+      peopleHtml:
+        '<span email="notifications@mailfoogae.appspotmail.com" name="Streak Bot">Streak Bot</span>',
     });
   });
-});
+});

package/src/injected-js/inbox/setupAjaxInterceptor.js

@@ -1,16 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = setupAjaxInterceptor;
-var _intersection = _interopRequireDefault(require("lodash/intersection"));
-var _censorJSONTree = _interopRequireDefault(require("../../common/censorJSONTree"));
-var logger = _interopRequireWildcard(require("../injected-logger"));
-var _xhrProxyFactory = _interopRequireDefault(require("../xhr-proxy-factory"));
-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; }
+/* @flow */
+
+import intersection from 'lodash/intersection';
+import censorJSONTree from '../../common/censorJSONTree';
+import * as logger from '../injected-logger';
+import XHRProxyFactory from '../xhr-proxy-factory';
+
+import type { XHRProxyConnectionDetails } from '../xhr-proxy-factory';
+
 function logErrorExceptEventListeners(err, details) {
   // Don't log the page's own errors
   if (details !== 'XMLHttpRequest event listener error') {
@@ -22,18 +18,26 @@ function logErrorExceptEventListeners(err, details) {
     }, 1);
   }
 }
+
 function triggerEvent(detail) {
-  document.dispatchEvent(new CustomEvent('inboxSDKajaxIntercept', {
-    bubbles: true,
-    cancelable: false,
-    detail
-  }));
+  document.dispatchEvent(
+    new CustomEvent('inboxSDKajaxIntercept', {
+      bubbles: true,
+      cancelable: false,
+      detail,
+    })
+  );
 }
-function setupAjaxInterceptor() {
+
+export default function setupAjaxInterceptor() {
   const main_wrappers = [];
-  global.XMLHttpRequest = (0, _xhrProxyFactory.default)(global.XMLHttpRequest, main_wrappers, {
-    logError: logErrorExceptEventListeners
-  });
+
+  global.XMLHttpRequest = XHRProxyFactory(
+    global.XMLHttpRequest,
+    main_wrappers,
+    { logError: logErrorExceptEventListeners }
+  );
+
   {
     let currentSuggestionsConnection;
     main_wrappers.push({
@@ -50,13 +54,19 @@ function setupAjaxInterceptor() {
         }
       },
       afterListeners(connection) {
-        if (connection.status === 200 && connection.originalSendBody && connection === currentSuggestionsConnection) {
+        if (
+          connection.status === 200 &&
+          connection.originalSendBody &&
+          connection === currentSuggestionsConnection
+        ) {
           const originalRequest = JSON.parse(connection.originalSendBody);
           // The suggestions request object contains two keys — one is always '1',
           // the other is a number that seems somewhat consistent but not consistent
           // enough to be safe to hard-code. The search query lives inside the
           // property the latter property.
-          const queryKey = Object.keys(originalRequest).find(key => key !== '1');
+          const queryKey = Object.keys(originalRequest).find(
+            (key) => key !== '1'
+          );
           // Descend into the object that has the query inside it.
           const queryObj = originalRequest[queryKey];
           // When an empty search box is first focused, a suggestions request
@@ -68,16 +78,15 @@ function setupAjaxInterceptor() {
           // the value out of the '1' key since that is always what holds a
           // user-supplied query.
           const query = Object.keys(queryObj).length === 1 && queryObj['1'];
+
           if (query) {
-            triggerEvent({
-              type: 'searchSuggestionsReceieved',
-              query
-            });
+            triggerEvent({ type: 'searchSuggestionsReceieved', query });
           }
         }
-      }
+      },
     });
   }
+
   {
     let isComposeViewSending = false;
     let sendRequestMisses = [];
@@ -89,18 +98,24 @@ function setupAjaxInterceptor() {
       isComposeViewSending = false;
       sendRequestMisses = [];
     });
-    const logIfParseFailed = request => {
+    const logIfParseFailed = (request) => {
       if (!isComposeViewSending) return;
+
       sendRequestMisses.push(request);
+
       if (sendRequestMisses.length < 3) return;
+
       logger.error(new Error('Failed to identify outgoing send request'), {
-        requestPayloadList: (0, _censorJSONTree.default)(sendRequestMisses)
+        requestPayloadList: censorJSONTree(sendRequestMisses),
       });
+
       isComposeViewSending = false;
       sendRequestMisses = [];
     };
+
     const SEND_ACTIONS = ['^pfg', '^f_bt', '^f_btns', '^f_cl'];
-    const currentConnectionIDs = new WeakMap();
+    const currentConnectionIDs: WeakMap<XHRProxyConnectionDetails, string> =
+      new WeakMap();
     main_wrappers.push({
       isRelevantTo(connection) {
         return /sync(?:\/u\/\d+)?\/i\/s/.test(connection.url);
@@ -108,29 +123,47 @@ function setupAjaxInterceptor() {
       originalSendBodyLogger(connection) {
         if (connection.originalSendBody) {
           const originalRequest = JSON.parse(connection.originalSendBody);
+
           const updateList = originalRequest[2] && originalRequest[2][1];
           if (!updateList) {
             logIfParseFailed(originalRequest);
             return;
           }
-          const sendUpdateMatch = updateList.find(update => {
-            const updateWrapper = update[2] && update[2][2] && (update[2][2][14] || update[2][2][2]);
-            const isMessageUpdate = updateWrapper && updateWrapper[1] && updateWrapper[1][1] && updateWrapper[1][1].indexOf('msg-a:') > -1;
-            return isMessageUpdate && updateWrapper[1][11] && (0, _intersection.default)(updateWrapper[1][11], SEND_ACTIONS).length === SEND_ACTIONS.length;
+
+          const sendUpdateMatch = updateList.find((update) => {
+            const updateWrapper =
+              update[2] &&
+              update[2][2] &&
+              (update[2][2][14] || update[2][2][2]);
+            const isMessageUpdate =
+              updateWrapper &&
+              updateWrapper[1] &&
+              updateWrapper[1][1] &&
+              updateWrapper[1][1].indexOf('msg-a:') > -1;
+
+            return (
+              isMessageUpdate &&
+              updateWrapper[1][11] &&
+              intersection(updateWrapper[1][11], SEND_ACTIONS).length ===
+                SEND_ACTIONS.length
+            );
           });
           if (!sendUpdateMatch) {
             logIfParseFailed(originalRequest);
             return;
           }
-          const sendUpdateWrapper = sendUpdateMatch[2] && sendUpdateMatch[2][2] && (sendUpdateMatch[2][2][14] || sendUpdateMatch[2][2][2]);
+
+          const sendUpdateWrapper =
+            sendUpdateMatch[2] &&
+            sendUpdateMatch[2][2] &&
+            (sendUpdateMatch[2][2][14] || sendUpdateMatch[2][2][2]);
           const sendUpdate = sendUpdateWrapper[1];
+
           const draftID = sendUpdate[1].replace('msg-a:', '');
           const actionList = sendUpdate[11];
+
           currentConnectionIDs.set(connection, draftID);
-          triggerEvent({
-            type: 'emailSending',
-            draftID
-          });
+          triggerEvent({ type: 'emailSending', draftID });
           isComposeViewSending = false;
           sendRequestMisses = [];
         }
@@ -138,74 +171,98 @@ function setupAjaxInterceptor() {
       afterListeners(connection) {
         if (currentConnectionIDs.has(connection)) {
           const sendFailed = () => {
-            triggerEvent({
-              type: 'emailSendFailed',
-              draftID
-            });
+            triggerEvent({ type: 'emailSendFailed', draftID });
             currentConnectionIDs.delete(connection);
           };
+
           const draftID = currentConnectionIDs.get(connection);
+
           if (connection.status !== 200 || !connection.originalResponseText) {
             sendFailed();
             return;
           }
+
           const originalResponse = JSON.parse(connection.originalResponseText);
+
           const updateList = originalResponse[2] && originalResponse[2][6];
           if (!updateList) {
             sendFailed();
             return;
           }
-          const sendUpdateMatch = updateList.find(update => update[1] && update[1][3] && update[1][3][7] && update[1][3][7][1] && update[1][3][7][1][5] && update[1][3][7][1][5][0] && update[1][3][7][1][5][0][14]);
+
+          const sendUpdateMatch = updateList.find(
+            (update) =>
+              update[1] &&
+              update[1][3] &&
+              update[1][3][7] &&
+              update[1][3][7][1] &&
+              update[1][3][7][1][5] &&
+              update[1][3][7][1][5][0] &&
+              update[1][3][7][1][5][0][14]
+          );
           if (!sendUpdateMatch) {
             sendFailed();
             return;
           }
-          const sendUpdate = sendUpdateMatch[1] && sendUpdateMatch[1][3] && sendUpdateMatch[1][3][7] && sendUpdateMatch[1][3][7][1] && sendUpdateMatch[1][3][7][1][5] && sendUpdateMatch[1][3][7][1][5][0];
+
+          const sendUpdate =
+            sendUpdateMatch[1] &&
+            sendUpdateMatch[1][3] &&
+            sendUpdateMatch[1][3][7] &&
+            sendUpdateMatch[1][3][7][1] &&
+            sendUpdateMatch[1][3][7][1][5] &&
+            sendUpdateMatch[1][3][7][1][5][0];
+
           const rfcID = sendUpdate[14];
+
           triggerEvent({
             type: 'emailSent',
             rfcID,
-            draftID
+            draftID,
           });
+
           currentConnectionIDs.delete(connection);
         }
-      }
+      },
     });
   }
 
   // sync token savers
   {
-    const saveBTAIHeader = header => {
-      document.head.setAttribute('data-inboxsdk-btai-header', header);
-      triggerEvent({
-        type: 'btaiHeaderReceived'
-      });
+    const saveBTAIHeader = (header) => {
+      (document.head: any).setAttribute('data-inboxsdk-btai-header', header);
+      triggerEvent({ type: 'btaiHeaderReceived' });
     };
     main_wrappers.push({
       isRelevantTo(connection) {
-        return /sync(?:\/u\/\d+)?\//.test(connection.url) && !document.head.hasAttribute('data-inboxsdk-btai-header');
+        return (
+          /sync(?:\/u\/\d+)?\//.test(connection.url) &&
+          !(document.head: any).hasAttribute('data-inboxsdk-btai-header')
+        );
       },
       originalSendBodyLogger(connection) {
         if (connection.headers['X-Gmail-BTAI']) {
           saveBTAIHeader(connection.headers['X-Gmail-BTAI']);
         }
-      }
+      },
     });
-    const saveXsrfTokenHeader = header => {
-      document.head.setAttribute('data-inboxsdk-xsrf-token', header);
-      triggerEvent({
-        type: 'xsrfTokenHeaderReceived'
-      });
+
+    const saveXsrfTokenHeader = (header) => {
+      (document.head: any).setAttribute('data-inboxsdk-xsrf-token', header);
+      triggerEvent({ type: 'xsrfTokenHeaderReceived' });
     };
     main_wrappers.push({
       isRelevantTo(connection) {
-        return /sync(?:\/u\/\d+)?\//.test(connection.url) && !document.head.hasAttribute('data-inboxsdk-xsrf-token');
+        return (
+          /sync(?:\/u\/\d+)?\//.test(connection.url) &&
+          !(document.head: any).hasAttribute('data-inboxsdk-xsrf-token')
+        );
       },
       originalSendBodyLogger(connection) {
         if (connection.headers['X-Framework-Xsrf-Token']) {
           saveXsrfTokenHeader(connection.headers['X-Framework-Xsrf-Token']);
         }
-      }
+      },
     });
   }
-}
+}

package/src/injected-js/inbox/setupClickAndGetNewIframeSrc.js

@@ -1,67 +1,80 @@
-"use strict";
+/* @flow */
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = setupClickAndGetNewIframeSrc;
-var _once = _interopRequireDefault(require("lodash/once"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _simulateMouseEvent = require("../../platform-implementation-js/lib/dom/simulate-mouse-event");
-var _makeElementChildStream = _interopRequireDefault(require("../../platform-implementation-js/lib/dom/make-element-child-stream"));
-function setupClickAndGetNewIframeSrc() {
-  (0, _makeElementChildStream.default)(document.body).filter(_ref => {
-    let {
-      el
-    } = _ref;
-    return el.nodeName === 'IFRAME' && !el.hasAttribute('src');
-  }).onValue(_ref2 => {
-    let {
-      el
-    } = _ref2;
-    const document = el.contentDocument;
-    document.addEventListener('inboxSDKclickAndGetNewIframeSrc', function (event) {
-      clickAndGetNewIframeSrc(event.target).then(src => {
-        event.target.dispatchEvent(new CustomEvent('inboxSDKclickAndGetNewIframeSrcResult', {
-          bubbles: false,
-          cancelable: false,
-          detail: {
-            type: 'success',
-            src
-          }
-        }));
-      }).catch(err => {
-        event.target.dispatchEvent(new CustomEvent('inboxSDKclickAndGetNewIframeSrcResult', {
-          bubbles: false,
-          cancelable: false,
-          detail: {
-            type: 'error',
-            message: err.message,
-            stack: err.stack
-          }
-        }));
-      });
+import once from 'lodash/once';
+import Kefir from 'kefir';
+import { simulateClick } from '../../platform-implementation-js/lib/dom/simulate-mouse-event';
+import makeElementChildStream from '../../platform-implementation-js/lib/dom/make-element-child-stream';
+
+export default function setupClickAndGetNewIframeSrc() {
+  makeElementChildStream(((document.body: any): HTMLElement))
+    .filter(({ el }) => el.nodeName === 'IFRAME' && !el.hasAttribute('src'))
+    .onValue(({ el }) => {
+      const document = (el: any).contentDocument;
+      document.addEventListener(
+        'inboxSDKclickAndGetNewIframeSrc',
+        function (event: Object) {
+          clickAndGetNewIframeSrc(event.target)
+            .then((src) => {
+              event.target.dispatchEvent(
+                new CustomEvent('inboxSDKclickAndGetNewIframeSrcResult', {
+                  bubbles: false,
+                  cancelable: false,
+                  detail: { type: 'success', src },
+                })
+              );
+            })
+            .catch((err) => {
+              event.target.dispatchEvent(
+                new CustomEvent('inboxSDKclickAndGetNewIframeSrcResult', {
+                  bubbles: false,
+                  cancelable: false,
+                  detail: {
+                    type: 'error',
+                    message: err.message,
+                    stack: err.stack,
+                  },
+                })
+              );
+            });
+        }
+      );
     });
-  });
 }
-const getIframeProto = (0, _once.default)(() => Object.getPrototypeOf(document.createElement('iframe')));
-const getIframeSrcDescriptor = (0, _once.default)(() => Object.getOwnPropertyDescriptor(getIframeProto(), 'src'));
-const iframeSrcSets = _kefir.default.stream(emitter => {
+
+const getIframeProto = once(() =>
+  Object.getPrototypeOf(document.createElement('iframe'))
+);
+
+const getIframeSrcDescriptor = once(() =>
+  Object.getOwnPropertyDescriptor(getIframeProto(), 'src')
+);
+
+const iframeSrcSets: Kefir.Observable<string> = Kefir.stream((emitter) => {
   const iframeProto = getIframeProto();
   const originalDescriptor = getIframeSrcDescriptor();
-  Object.defineProperty(iframeProto, 'src', {
+  (Object: any).defineProperty(iframeProto, 'src', {
     enumerable: true,
     configurable: true,
     set(src) {
       emitter.emit(src);
-    }
+    },
   });
   return () => {
-    Object.defineProperty(iframeProto, 'src', originalDescriptor);
+    (Object: any).defineProperty(iframeProto, 'src', originalDescriptor);
   };
 });
-function clickAndGetNewIframeSrc(el) {
-  const pr = iframeSrcSets.merge(_kefir.default.later(10 * 1000, null)).take(1).flatMap(result => result ? _kefir.default.constant(result) : _kefir.default.constantError(new Error('timed out waiting for iframe src set'))).toPromise();
-  (0, _simulateMouseEvent.simulateClick)(el);
+
+function clickAndGetNewIframeSrc(el: HTMLElement): Promise<string> {
+  const pr = iframeSrcSets
+    .merge(Kefir.later(10 * 1000, null))
+    .take(1)
+    .flatMap((result) =>
+      result
+        ? Kefir.constant(result)
+        : Kefir.constantError(new Error('timed out waiting for iframe src set'))
+    )
+    .toPromise();
+
+  simulateClick(el);
   return pr;
-}
+}

package/src/injected-js/inbox/setupComposeViewDraftIDFinder.js

@@ -1,35 +1,51 @@
-"use strict";
+/* @flow */
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = setupComposeViewDraftIDFinder;
 const MAX_SEARCH_DEPTH = 3;
-const searchCollection = function (collection, predicate, maxDepth) {
-  let currentDepth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+
+const searchCollection = (
+  collection: Object,
+  predicate: (?Object) => boolean,
+  maxDepth: number,
+  currentDepth: number = 0
+) => {
   const ownKeys = Object.keys(collection);
   for (let i = 0; i < ownKeys.length; i++) {
     const value = collection[ownKeys[i]];
     if (predicate(value)) {
       return value;
     } else if (currentDepth <= maxDepth && value instanceof Object) {
-      const match = searchCollection(value, predicate, maxDepth, currentDepth + 1);
+      const match = searchCollection(
+        value,
+        predicate,
+        maxDepth,
+        currentDepth + 1
+      );
       if (match) return match;
     }
   }
   return null;
 };
-const findDraftID = target => {
-  const match = searchCollection(target.__cdn.context, value => typeof value === 'string' && value.indexOf('#msg-a:') > -1, MAX_SEARCH_DEPTH);
+
+const findDraftID = (target) => {
+  const match = searchCollection(
+    target.__cdn.context,
+    (value) => typeof value === 'string' && value.indexOf('#msg-a:') > -1,
+    MAX_SEARCH_DEPTH
+  );
   return match ? match.replace('#msg-a:', '') : null;
 };
-function setupComposeViewDraftIDFinder() {
-  document.addEventListener('inboxSDKgetDraftIDforComposeView', _ref => {
-    let {
-      target
-    } = _ref;
-    const draftID = findDraftID(target);
-    if (!draftID) throw new Error('could not retrieve draft ID for compose view');
-    target.setAttribute('data-inboxsdk-draft-id', draftID);
-  }, true);
-}
+
+export default function setupComposeViewDraftIDFinder() {
+  document.addEventListener(
+    'inboxSDKgetDraftIDforComposeView',
+    ({ target }: Event) => {
+      const draftID = findDraftID((target: any));
+
+      if (!draftID)
+        throw new Error('could not retrieve draft ID for compose view');
+
+      (target: any).setAttribute('data-inboxsdk-draft-id', draftID);
+    },
+    true
+  );
+}