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

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

@@ -1,50 +1,42 @@
-/* @flow */
+"use strict";
 
-import type GmailDriver from '../gmail-driver';
-import { simulateClick } from '../../../lib/dom/simulate-mouse-event';
-import makeElementChildStream from '../../../lib/dom/make-element-child-stream';
-import waitFor from '../../../lib/stream-wait-for';
-import GmailElementGetter from '../gmail-element-getter';
-
-export default function suppressAddon(driver: GmailDriver, addonTitle: string) {
-  waitFor(() => GmailElementGetter.getCompanionSidebarIconContainerElement())
-    .map((iconContainerElement) => {
-      // .J-KU-Jg is pre-2018-07-30 element?
-      const elementToWatch = iconContainerElement.querySelector(
-        '.J-KU-Jg, [role=tablist], .brC-bsf-aT5-aOt'
-      );
-      if (!elementToWatch) {
-        driver
-          .getLogger()
-          .error(
-            new Error('_waitForAddonTitleAndSuppress: elementToWatch not found')
-          );
-        return null;
-      }
-      return elementToWatch;
-    })
-    .filter()
-    .flatMap(makeElementChildStream)
-    .filter(
-      ({ el }) =>
-        el.getAttribute('role') === 'tab' &&
-        (el.getAttribute('data-tooltip') || el.getAttribute('aria-label')) ===
-          addonTitle
-    )
-    .takeUntilBy(driver.getStopper())
-    .onValue(({ el }) => {
-      if (
-        el.classList.contains('J-KU-KO') || // old pre-2018-07-30 classname?
-        el.classList.contains('bse-bvF-I-KO') || // old pre-2018-10-15 classname?
-        el.classList.contains('aT5-aOt-I-KO')
-      ) {
-        // it is currently open, so let's close
-        simulateClick(el);
-      }
-
-      el.style.display = 'none';
-    })
-    .onError((err) => {
-      driver.getLogger().error(err, 'error in suppressAddon');
-    });
-}
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = suppressAddon;
+var _simulateMouseEvent = require("../../../lib/dom/simulate-mouse-event");
+var _makeElementChildStream = _interopRequireDefault(require("../../../lib/dom/make-element-child-stream"));
+var _streamWaitFor = _interopRequireDefault(require("../../../lib/stream-wait-for"));
+var _gmailElementGetter = _interopRequireDefault(require("../gmail-element-getter"));
+function suppressAddon(driver, addonTitle) {
+  (0, _streamWaitFor.default)(() => _gmailElementGetter.default.getCompanionSidebarIconContainerElement()).map(iconContainerElement => {
+    // .J-KU-Jg is pre-2018-07-30 element?
+    const elementToWatch = iconContainerElement.querySelector('.J-KU-Jg, [role=tablist], .brC-bsf-aT5-aOt');
+    if (!elementToWatch) {
+      driver.getLogger().error(new Error('_waitForAddonTitleAndSuppress: elementToWatch not found'));
+      return null;
+    }
+    return elementToWatch;
+  }).filter().flatMap(_makeElementChildStream.default).filter(_ref => {
+    let {
+      el
+    } = _ref;
+    return el.getAttribute('role') === 'tab' && (el.getAttribute('data-tooltip') || el.getAttribute('aria-label')) === addonTitle;
+  }).takeUntilBy(driver.getStopper()).onValue(_ref2 => {
+    let {
+      el
+    } = _ref2;
+    if (el.classList.contains('J-KU-KO') ||
+    // old pre-2018-07-30 classname?
+    el.classList.contains('bse-bvF-I-KO') ||
+    // old pre-2018-10-15 classname?
+    el.classList.contains('aT5-aOt-I-KO')) {
+      // it is currently open, so let's close
+      (0, _simulateMouseEvent.simulateClick)(el);
+    }
+    el.style.display = 'none';
+  }).onError(err => {
+    driver.getLogger().error(err, 'error in suppressAddon');
+  });
+}

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/temporary-track-download-url-validity.js

@@ -1,45 +1,35 @@
-/* @flow */
-
-import type GmailDriver from '../gmail-driver';
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = temporaryTrackDownloadUrlValidity;
 let isTrackingValidity = false;
-
-export default function temporaryTrackDownloadUrlValidity(driver: GmailDriver) {
-  if (
-    driver.getAppId() !== 'sdk_streak_21e9788951' ||
-    !global.fetch ||
-    isTrackingValidity
-  ) {
+function temporaryTrackDownloadUrlValidity(driver) {
+  if (driver.getAppId() !== 'sdk_streak_21e9788951' || !global.fetch || isTrackingValidity) {
     return;
   }
   isTrackingValidity = true;
-
-  driver
-    .getAttachmentCardViewDriverStream()
-    .filter((cardView) => cardView.getAttachmentType() === 'FILE')
-    .filter(() => Math.random() < 0.01)
-    .onValue(async (cardView) => {
-      const downloadLinkBefore = cardView._getDownloadLink();
-      let downloadUrl;
-      try {
-        downloadUrl = await cardView.getDownloadURL();
-      } catch (err) {
-        driver.getLogger().error(err, {
-          reason: 'problem getting download url',
-          downloadLinkBefore,
-          downloadLinkAfter: cardView._getDownloadLink(),
-        });
-        return;
-      }
-
-      if (!downloadUrl) {
-        driver.getLogger().error(new Error('no download url found'), {
-          downloadLinkBefore,
-          downloadLinkAfter: cardView._getDownloadLink(),
-        });
-        return;
-      }
-
-      driver.getLogger().eventSdkPassive('testing.getDownloadURL success');
-    });
-}
+  driver.getAttachmentCardViewDriverStream().filter(cardView => cardView.getAttachmentType() === 'FILE').filter(() => Math.random() < 0.01).onValue(async cardView => {
+    const downloadLinkBefore = cardView._getDownloadLink();
+    let downloadUrl;
+    try {
+      downloadUrl = await cardView.getDownloadURL();
+    } catch (err) {
+      driver.getLogger().error(err, {
+        reason: 'problem getting download url',
+        downloadLinkBefore,
+        downloadLinkAfter: cardView._getDownloadLink()
+      });
+      return;
+    }
+    if (!downloadUrl) {
+      driver.getLogger().error(new Error('no download url found'), {
+        downloadLinkBefore,
+        downloadLinkAfter: cardView._getDownloadLink()
+      });
+      return;
+    }
+    driver.getLogger().eventSdkPassive('testing.getDownloadURL success');
+  });
+}

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/thread-row-identifier.js

@@ -1,53 +1,35 @@
-/* @flow */
-
-import { defn } from 'ud';
-import Kefir from 'kefir';
-
-import getSyncThreadFromSyncThreadId from './getSyncThreadFromSyncThreadId';
-
-import type GmailDriver from '../gmail-driver';
-import type GmailComposeView from '../views/gmail-compose-view';
-import type GmailThreadRowView from '../views/gmail-thread-row-view';
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ud = require("ud");
+var _kefir = _interopRequireDefault(require("kefir"));
+var _getSyncThreadFromSyncThreadId = _interopRequireDefault(require("./getSyncThreadFromSyncThreadId"));
 // This object helps GmailThreadRowViews identify themselves if the normal
 // method (ask the injected script) fails to work. This object keeps track of
 // the open GmailComposeViews so it can
 class ThreadRowIdentifier {
-  _driver: GmailDriver;
-  _composeViews: Set<GmailComposeView>;
-
-  constructor(driver: GmailDriver) {
+  constructor(driver) {
     this._driver = driver;
     this._composeViews = new Set();
-
-    this._driver
-      .getComposeViewDriverStream()
-      .onValue((gmailComposeView: Object) => {
-        this._composeViews.add(gmailComposeView);
-
-        gmailComposeView.getStopper().onValue(() => {
-          this._composeViews.delete(gmailComposeView);
-        });
+    this._driver.getComposeViewDriverStream().onValue(gmailComposeView => {
+      this._composeViews.add(gmailComposeView);
+      gmailComposeView.getStopper().onValue(() => {
+        this._composeViews.delete(gmailComposeView);
       });
+    });
   }
-
-  getThreadIdForThreadRow(
-    gmailThreadRowView: GmailThreadRowView,
-    elements: HTMLElement[]
-  ): ?string {
+  getThreadIdForThreadRow(gmailThreadRowView, elements) {
     {
-      const threadID = this._driver
-        .getPageCommunicator()
-        .getThreadIdForThreadRowByDatabase(elements[0]);
+      const threadID = this._driver.getPageCommunicator().getThreadIdForThreadRowByDatabase(elements[0]);
       if (threadID) {
         return threadID;
       }
     }
-
-    if (
-      gmailThreadRowView.getVisibleMessageCount() == 0 &&
-      gmailThreadRowView.getVisibleDraftCount() > 0
-    ) {
+    if (gmailThreadRowView.getVisibleMessageCount() == 0 && gmailThreadRowView.getVisibleDraftCount() > 0) {
       const composeView = this._findComposeForThreadRow(gmailThreadRowView);
       if (composeView) {
         return composeView.getMessageID();
@@ -68,9 +50,7 @@ class ThreadRowIdentifier {
           minimizedComposes.push(composeView);
         }
       }
-      const threadID = this._driver
-        .getPageCommunicator()
-        .getThreadIdForThreadRowByClick(elements[0]);
+      const threadID = this._driver.getPageCommunicator().getThreadIdForThreadRowByClick(elements[0]);
       if (threadID) {
         return threadID;
       }
@@ -78,34 +58,22 @@ class ThreadRowIdentifier {
         composeView.setMinimized(true);
       }
     }
-
     return null;
   }
-
-  async getDraftIdForThreadRow(
-    gmailThreadRowView: GmailThreadRowView
-  ): Promise<?string> {
-    if (
-      gmailThreadRowView.getVisibleMessageCount() > 0 ||
-      gmailThreadRowView.getVisibleDraftCount() == 0
-    ) {
+  async getDraftIdForThreadRow(gmailThreadRowView) {
+    if (gmailThreadRowView.getVisibleMessageCount() > 0 || gmailThreadRowView.getVisibleDraftCount() == 0) {
       return Promise.resolve(null);
     }
-
     const composeView = this._findComposeForThreadRow(gmailThreadRowView);
     if (composeView) {
       return composeView.getDraftID();
     }
-
-    const { draftID } = await this._driver.getDraftIDForMessageID(
-      gmailThreadRowView.getThreadID()
-    );
+    const {
+      draftID
+    } = await this._driver.getDraftIDForMessageID(gmailThreadRowView.getThreadID());
     return draftID;
   }
-
-  _findComposeForThreadRow(
-    gmailThreadRowView: GmailThreadRowView
-  ): ?GmailComposeView {
+  _findComposeForThreadRow(gmailThreadRowView) {
     const candidates = [];
     const subject = gmailThreadRowView.getSubject();
     for (let gmailComposeView of this._composeViews) {
@@ -119,5 +87,5 @@ class ThreadRowIdentifier {
     return null;
   }
 }
-
-export default defn(module, ThreadRowIdentifier);
+var _default = (0, _ud.defn)(module, ThreadRowIdentifier);
+exports.default = _default;

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/track-events.js

@@ -1,171 +1,99 @@
-/* @flow */
-
-import Kefir from 'kefir';
-import makeElementChildStream from '../../../lib/dom/make-element-child-stream';
-import type GmailDriver from '../gmail-driver';
-
-export default function trackEvents(gmailDriver: GmailDriver) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = trackEvents;
+var _kefir = _interopRequireDefault(require("kefir"));
+var _makeElementChildStream = _interopRequireDefault(require("../../../lib/dom/make-element-child-stream"));
+function trackEvents(gmailDriver) {
   _setupComposeMonitoring(gmailDriver);
   _setupAttachmentModalMonitoring(gmailDriver);
   _setupDragDropMonitoring(gmailDriver);
 }
-
-function _setupComposeMonitoring(gmailDriver: GmailDriver) {
-  gmailDriver.getComposeViewDriverStream().onValue((composeViewDriver) => {
+function _setupComposeMonitoring(gmailDriver) {
+  gmailDriver.getComposeViewDriverStream().onValue(composeViewDriver => {
     var logFunction = _getLogFunction(gmailDriver, composeViewDriver);
     logFunction('compose open');
-
     _monitorComposeSpecificEvents(composeViewDriver, logFunction);
   });
 }
-
 function _getLogFunction(gmailDriver, composeViewDriver) {
   var logger = gmailDriver.getLogger();
   var composeStats = {
     isInlineReply: composeViewDriver.isInlineReplyForm(),
-    isReply: composeViewDriver.isReply(),
+    isReply: composeViewDriver.isReply()
   };
-
   return function (eventName, extraOptions) {
-    logger.eventSite(eventName, { ...composeStats, ...extraOptions });
+    logger.eventSite(eventName, {
+      ...composeStats,
+      ...extraOptions
+    });
   };
 }
-
 function _monitorComposeSpecificEvents(composeViewDriver, logFunction) {
   _monitorAttachmentButton(composeViewDriver, logFunction);
   _monitorDriveButton(composeViewDriver, logFunction);
 }
-
 function _monitorAttachmentButton(composeViewDriver, logFunction) {
   var attachmentButton = composeViewDriver.getElement().querySelector('.a1');
   if (attachmentButton) {
-    Kefir.fromEvents(attachmentButton, 'mousedown')
-      .takeUntilBy(composeViewDriver.getStopper())
-      .onValue(() => {
-        logFunction('attachment button clicked');
-        _monitorAttachmentAdded(composeViewDriver, logFunction);
-      });
+    _kefir.default.fromEvents(attachmentButton, 'mousedown').takeUntilBy(composeViewDriver.getStopper()).onValue(() => {
+      logFunction('attachment button clicked');
+      _monitorAttachmentAdded(composeViewDriver, logFunction);
+    });
   }
 }
-
 function _monitorAttachmentAdded(composeViewDriver, logFunction) {
-  makeElementChildStream(((document.body: any): HTMLElement))
-    .map((event) => event.el)
-    .filter((node) => node && (node: any).type === 'file')
-    .take(1)
-    .flatMap((node) => {
-      return Kefir.fromEvents(node, 'change')
-        .map(() => true)
-        .merge(
-          Kefir.fromEvents(composeViewDriver.getBodyElement(), 'focus')
-            .map(() => false)
-            .delay(1000)
-        );
-    })
-    .take(1)
-    .filter(Boolean)
-    .takeUntilBy(composeViewDriver.getStopper())
-    .onValue(() => logFunction('attachment uploaded'));
+  (0, _makeElementChildStream.default)(document.body).map(event => event.el).filter(node => node && node.type === 'file').take(1).flatMap(node => {
+    return _kefir.default.fromEvents(node, 'change').map(() => true).merge(_kefir.default.fromEvents(composeViewDriver.getBodyElement(), 'focus').map(() => false).delay(1000));
+  }).take(1).filter(Boolean).takeUntilBy(composeViewDriver.getStopper()).onValue(() => logFunction('attachment uploaded'));
 }
-
 function _monitorDriveButton(composeViewDriver, logFunction) {
   var driveButton = composeViewDriver.getElement().querySelector('.aA7');
   if (driveButton) {
-    Kefir.fromEvents(driveButton, 'mousedown')
-      .takeUntilBy(composeViewDriver.getStopper())
-      .onValue(() => {
-        logFunction('drive button clicked');
-        _monitorDriveFileAdded(composeViewDriver, logFunction);
-      });
+    _kefir.default.fromEvents(driveButton, 'mousedown').takeUntilBy(composeViewDriver.getStopper()).onValue(() => {
+      logFunction('drive button clicked');
+      _monitorDriveFileAdded(composeViewDriver, logFunction);
+    });
   }
 }
-
 function _monitorDriveFileAdded(composeViewDriver, logFunction) {
-  var numberCurrentDriveChips = composeViewDriver
-    .getBodyElement()
-    .querySelectorAll('.gmail_drive_chip').length;
-
-  makeElementChildStream(((document.body: any): HTMLElement))
-    .map((event) => event.el)
-    .filter((node) => node && node.classList.contains('picker-dialog'))
-    .take(1)
-    .flatMap((node) => {
-      return Kefir.fromEvents(composeViewDriver.getBodyElement(), 'focus')
-        .delay(1000)
-        .map(() => {
-          if (composeViewDriver.getBodyElement()) {
-            return composeViewDriver
-              .getBodyElement()
-              .querySelectorAll('.gmail_drive_chip').length;
-          }
-
-          return 0;
-        })
-        .map((newNumber) => numberCurrentDriveChips < newNumber)
-        .take(1);
-    })
-    .take(1)
-    .filter(Boolean)
-    .takeUntilBy(composeViewDriver.getStopper())
-    .onValue(() => logFunction('drive file added'));
+  var numberCurrentDriveChips = composeViewDriver.getBodyElement().querySelectorAll('.gmail_drive_chip').length;
+  (0, _makeElementChildStream.default)(document.body).map(event => event.el).filter(node => node && node.classList.contains('picker-dialog')).take(1).flatMap(node => {
+    return _kefir.default.fromEvents(composeViewDriver.getBodyElement(), 'focus').delay(1000).map(() => {
+      if (composeViewDriver.getBodyElement()) {
+        return composeViewDriver.getBodyElement().querySelectorAll('.gmail_drive_chip').length;
+      }
+      return 0;
+    }).map(newNumber => numberCurrentDriveChips < newNumber).take(1);
+  }).take(1).filter(Boolean).takeUntilBy(composeViewDriver.getStopper()).onValue(() => logFunction('drive file added'));
 }
-
-function _setupAttachmentModalMonitoring(gmailDriver: GmailDriver) {
-  makeElementChildStream(((document.body: any): HTMLElement))
-    .map((event) => event.el)
-    .filter(
-      (node) => node.getAttribute && node.getAttribute('role') === 'alertdialog'
-    )
-    .takeUntilBy(gmailDriver.getStopper())
-    .onValue((node) => {
-      var heading = node.querySelector('[role=heading]');
-      if (heading) {
-        if (heading.textContent.indexOf('exceeds the 25MB') > -1) {
-          gmailDriver.getLogger().eventSite('large attachment suggest drive');
-          return;
-        }
+function _setupAttachmentModalMonitoring(gmailDriver) {
+  (0, _makeElementChildStream.default)(document.body).map(event => event.el).filter(node => node.getAttribute && node.getAttribute('role') === 'alertdialog').takeUntilBy(gmailDriver.getStopper()).onValue(node => {
+    var heading = node.querySelector('[role=heading]');
+    if (heading) {
+      if (heading.textContent.indexOf('exceeds the 25MB') > -1) {
+        gmailDriver.getLogger().eventSite('large attachment suggest drive');
+        return;
       }
-
-      var body = node.querySelector('.Kj-JD-Jz');
-      if (body) {
-        if (body.textContent.indexOf('exceeds the maximum') > -1) {
-          gmailDriver
-            .getLogger()
-            .eventSite('large attachment from drag and drop');
-          return;
-        }
+    }
+    var body = node.querySelector('.Kj-JD-Jz');
+    if (body) {
+      if (body.textContent.indexOf('exceeds the maximum') > -1) {
+        gmailDriver.getLogger().eventSite('large attachment from drag and drop');
+        return;
       }
-    });
-}
-
-function _setupDragDropMonitoring(gmailDriver: GmailDriver) {
-  gmailDriver
-    .getComposeViewDriverStream()
-    .flatMapLatest(() => {
-      return Kefir.fromEvents((document.body: any), 'dragenter')
-        .filter((event) => event.toElement) // ignore events caused by dragFilesIntoCompose
-        .filter(
-          (event) =>
-            event.toElement.classList.contains('aC7') ||
-            event.toElement.classList.contains('aC9')
-        )
-        .take(1);
-    })
-    .takeUntilBy(gmailDriver.getStopper())
-    .onValue(() => gmailDriver.getLogger().eventSite('compose drag file'));
-
-  gmailDriver
-    .getComposeViewDriverStream()
-    .flatMapLatest(() => {
-      return Kefir.fromEvents((document.body: any), 'drop')
-        .filter((event) => event.toElement)
-        .filter(
-          (event) =>
-            event.toElement.classList.contains('aC7') ||
-            event.toElement.classList.contains('aC9')
-        )
-        .take(1);
-    })
-    .takeUntilBy(gmailDriver.getStopper())
-    .onValue(() => gmailDriver.getLogger().eventSite('compose drop file'));
+    }
+  });
 }
+function _setupDragDropMonitoring(gmailDriver) {
+  gmailDriver.getComposeViewDriverStream().flatMapLatest(() => {
+    return _kefir.default.fromEvents(document.body, 'dragenter').filter(event => event.toElement) // ignore events caused by dragFilesIntoCompose
+    .filter(event => event.toElement.classList.contains('aC7') || event.toElement.classList.contains('aC9')).take(1);
+  }).takeUntilBy(gmailDriver.getStopper()).onValue(() => gmailDriver.getLogger().eventSite('compose drag file'));
+  gmailDriver.getComposeViewDriverStream().flatMapLatest(() => {
+    return _kefir.default.fromEvents(document.body, 'drop').filter(event => event.toElement).filter(event => event.toElement.classList.contains('aC7') || event.toElement.classList.contains('aC9')).take(1);
+  }).takeUntilBy(gmailDriver.getStopper()).onValue(() => gmailDriver.getLogger().eventSite('compose drop file'));
+}

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/track-gmail-styles.js

@@ -0,0 +1,95 @@
+import Logger from '../../../lib/logger';
+import waitFor from '../../../lib/wait-for';
+import GmailElementGetter from '../gmail-element-getter';
+const RGB_REGEX = /^rgb\s*\(\s*(\d+),\s*(\d+),\s*(\d+)\s*\)/;
+function getDensity() {
+    // get the padding amount on the left-nav-menu entries to find the active
+    // density setting value.
+    const navItemOuter = document.querySelector('.TO .TN');
+    if (!navItemOuter) {
+        Logger.error(new Error('Failed to find nav item outer element'));
+        return 'compact';
+    }
+    const padding = parseInt(getComputedStyle(navItemOuter).getPropertyValue('padding-top'), 10);
+    if (padding >= 6) {
+        return 'comfortable';
+    }
+    else if (padding >= 3) {
+        return 'cozy';
+    }
+    else {
+        return 'compact';
+    }
+}
+function isDarkTheme() {
+    // get the color of the left-nav-menu entries to determine whether Gmail is
+    // in dark theme mode.
+    const navItem = document.querySelector('.aio');
+    if (!navItem) {
+        Logger.error(new Error('Failed to find nav item'));
+        return false;
+    }
+    const colorString = getComputedStyle(navItem).getPropertyValue('color');
+    const colorMatch = RGB_REGEX.exec(colorString);
+    if (!colorMatch) {
+        Logger.error(new Error('Failed to read color string'), { colorString });
+        return false;
+    }
+    const r = +colorMatch[1], g = +colorMatch[2], b = +colorMatch[3];
+    // rgb(32, 33, 36) is the default color of nav items in Material Gmail
+    if (r === 32 && g === 33 && b === 36) {
+        return false;
+    }
+    if (r !== g || r !== b) {
+        Logger.error(new Error('Nav item color not grayscale'), { r, g, b });
+    }
+    return r > 128;
+}
+export default function trackGmailStyles() {
+    if (document.head.hasAttribute('data-inboxsdk-gmail-style-tracker') ||
+        GmailElementGetter.isStandalone()) {
+        return;
+    }
+    document.head.setAttribute('data-inboxsdk-gmail-style-tracker', 'true');
+    let currentDensity = null;
+    let currentDarkTheme = null;
+    function checkStyles() {
+        const newDensity = getDensity();
+        if (currentDensity !== newDensity) {
+            if (currentDensity) {
+                document.body.classList.remove('inboxsdk__gmail_density_' + currentDensity);
+            }
+            currentDensity = newDensity;
+            document.body.classList.add('inboxsdk__gmail_density_' + currentDensity);
+        }
+        const newDarkTheme = isDarkTheme();
+        if (currentDarkTheme !== newDarkTheme) {
+            currentDarkTheme = newDarkTheme;
+            if (currentDarkTheme) {
+                document.body.classList.add('inboxsdk__gmail_dark_theme');
+            }
+            else {
+                document.body.classList.remove('inboxsdk__gmail_dark_theme');
+            }
+        }
+    }
+    waitFor(() => document.querySelector('.TO .TN') && document.querySelector('.aio'))
+        .then(() => {
+        // Gmail changes an inline <style> sheet when the display density changes.
+        // Watch for changes to all <style> elements.
+        const observer = new MutationObserver(checkStyles);
+        const options = {
+            characterData: true,
+            childList: true,
+        };
+        Array.from(document.styleSheets).forEach((sheet) => {
+            if (sheet.ownerNode.tagName == 'STYLE') {
+                observer.observe(sheet.ownerNode, options);
+            }
+        });
+        checkStyles();
+    })
+        .catch((err) => {
+        Logger.error(err);
+    });
+}