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

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/monitor-selection-range.js

@@ -1,29 +1,18 @@
-/* @flow */
+"use strict";
 
-import Kefir from 'kefir';
-
-import fromEventTargetCapture from '../../../../lib/from-event-target-capture';
-
-import type GmailComposeView from '../gmail-compose-view';
-
-export default function (gmailComposeView: GmailComposeView) {
-  Kefir.merge([
-    fromEventTargetCapture((document.body: any), 'mousedown'),
-    fromEventTargetCapture(gmailComposeView.getBodyElement(), 'keydown'),
-    gmailComposeView
-      .getEventStream()
-      .filter((e) => e.eventName === 'bodyChanged'),
-  ])
-    .takeUntilBy(gmailComposeView.getStopper())
-    .onValue((event) => {
-      var body = gmailComposeView.getMaybeBodyElement();
-      var selection = (document: any).getSelection();
-      if (
-        body &&
-        selection.rangeCount > 0 &&
-        body.contains(selection.anchorNode)
-      ) {
-        gmailComposeView.setLastSelectionRange(selection.getRangeAt(0));
-      }
-    });
-}
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+var _kefir = _interopRequireDefault(require("kefir"));
+var _fromEventTargetCapture = _interopRequireDefault(require("../../../../lib/from-event-target-capture"));
+function _default(gmailComposeView) {
+  _kefir.default.merge([(0, _fromEventTargetCapture.default)(document.body, 'mousedown'), (0, _fromEventTargetCapture.default)(gmailComposeView.getBodyElement(), 'keydown'), gmailComposeView.getEventStream().filter(e => e.eventName === 'bodyChanged')]).takeUntilBy(gmailComposeView.getStopper()).onValue(event => {
+    var body = gmailComposeView.getMaybeBodyElement();
+    var selection = document.getSelection();
+    if (body && selection.rangeCount > 0 && body.contains(selection.anchorNode)) {
+      gmailComposeView.setLastSelectionRange(selection.getRangeAt(0));
+    }
+  });
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/override-edit-subject.js

@@ -1,92 +1,56 @@
-/* @flow */
-
-import censorHTMLtree from '../../../../../common/censorHTMLtree';
-import { simulateClick } from '../../../../lib/dom/simulate-mouse-event';
-
-import type GmailDriver from '../../gmail-driver';
-import type GmailComposeView from '../gmail-compose-view';
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = overrideEditSubject;
+var _censorHTMLtree = _interopRequireDefault(require("../../../../../common/censorHTMLtree"));
+var _simulateMouseEvent = require("../../../../lib/dom/simulate-mouse-event");
 let hasLoggedError = false;
-
-export default function overrideEditSubject(
-  gmailDriver: GmailDriver,
-  gmailComposeView: GmailComposeView
-) {
+function overrideEditSubject(gmailDriver, gmailComposeView) {
   if (!gmailComposeView.isReply()) return;
-
-  const menuItem = gmailComposeView
-    .getElement()
-    .querySelector(
-      'div.J-M.jQjAxd.HX[role=menu] > div.SK.AX > [role=menuitem]:nth-last-child(2)'
-    );
+  const menuItem = gmailComposeView.getElement().querySelector('div.J-M.jQjAxd.HX[role=menu] > div.SK.AX > [role=menuitem]:nth-last-child(2)');
   if (!menuItem) {
     if (!hasLoggedError) {
-      gmailDriver
-        .getLogger()
-        .error(new Error('could not find edit subject item'), {
-          composeElement: censorHTMLtree(gmailComposeView.getElement()),
-        });
+      gmailDriver.getLogger().error(new Error('could not find edit subject item'), {
+        composeElement: (0, _censorHTMLtree.default)(gmailComposeView.getElement())
+      });
       hasLoggedError = true;
     }
     return;
   }
-
-  menuItem.addEventListener(
-    'click',
-    (e: MouseEvent) => {
-      e.stopPropagation();
-    },
-    true
-  );
-
-  menuItem.addEventListener(
-    'mouseup',
-    (e: MouseEvent) => {
-      e.stopPropagation();
-      _cloneContentToNewCompose(gmailDriver, gmailComposeView);
-    },
-    true
-  );
+  menuItem.addEventListener('click', e => {
+    e.stopPropagation();
+  }, true);
+  menuItem.addEventListener('mouseup', e => {
+    e.stopPropagation();
+    _cloneContentToNewCompose(gmailDriver, gmailComposeView);
+  }, true);
 }
-
 function _cloneContentToNewCompose(gmailDriver, gmailComposeView) {
   const toRecipients = gmailComposeView.getToRecipients();
   const ccRecipients = gmailComposeView.getCcRecipients();
   const bccRecipients = gmailComposeView.getBccRecipients();
   const fromAddress = gmailComposeView.getFromContact();
-
   const subject = gmailComposeView.getSubject();
-
   _ensureExtraContentIsVisible(gmailComposeView);
   const body = gmailComposeView.getHTMLContent();
-
   gmailComposeView.discard();
-
-  gmailDriver
-    .openNewComposeViewDriver()
-    .then((newComposeView: GmailComposeView) => {
-      if (toRecipients.length > 0)
-        newComposeView.setToRecipients(toRecipients.map((c) => c.emailAddress));
-      if (ccRecipients.length > 0)
-        newComposeView.setCcRecipients(ccRecipients.map((c) => c.emailAddress));
-      if (bccRecipients.length > 0)
-        newComposeView.setBccRecipients(
-          bccRecipients.map((c) => c.emailAddress)
-        );
-
-      newComposeView.setFromEmail(fromAddress.emailAddress);
-      newComposeView.setSubject(subject);
-      newComposeView.setBodyHTML(body);
-
-      setTimeout(function () {
-        newComposeView.getSubjectInput().select();
-      }, 1);
-    });
+  gmailDriver.openNewComposeViewDriver().then(newComposeView => {
+    if (toRecipients.length > 0) newComposeView.setToRecipients(toRecipients.map(c => c.emailAddress));
+    if (ccRecipients.length > 0) newComposeView.setCcRecipients(ccRecipients.map(c => c.emailAddress));
+    if (bccRecipients.length > 0) newComposeView.setBccRecipients(bccRecipients.map(c => c.emailAddress));
+    newComposeView.setFromEmail(fromAddress.emailAddress);
+    newComposeView.setSubject(subject);
+    newComposeView.setBodyHTML(body);
+    setTimeout(function () {
+      newComposeView.getSubjectInput().select();
+    }, 1);
+  });
 }
-
 function _ensureExtraContentIsVisible(gmailComposeView) {
   if (gmailComposeView.getBodyElement().querySelector('.gmail_extra')) return;
-
   const quoteDotsElement = gmailComposeView.getElement().querySelector('.ajR');
-  if (quoteDotsElement) simulateClick(quoteDotsElement);
-}
+  if (quoteDotsElement) (0, _simulateMouseEvent.simulateClick)(quoteDotsElement);
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/position-formatting-toolbar.js

@@ -1,28 +1,21 @@
-/* @flow */
+"use strict";
 
-import type GmailComposeView from '../gmail-compose-view';
-
-export default function positionFormattingToolbar(
-  gmailComposeView: GmailComposeView
-) {
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = positionFormattingToolbar;
+function positionFormattingToolbar(gmailComposeView) {
   const formattingToolbar = gmailComposeView.getFormattingToolbar();
   if (formattingToolbar && formattingToolbar.style.display === '') {
     const arrowElement = gmailComposeView.getFormattingToolbarArrow();
     const buttonElement = gmailComposeView.getFormattingToolbarToggleButton();
-
-    const left =
-      buttonElement.offsetLeft +
-      buttonElement.clientWidth / 2 -
-      arrowElement.offsetWidth / 2;
+    const left = buttonElement.offsetLeft + buttonElement.clientWidth / 2 - arrowElement.offsetWidth / 2;
     arrowElement.style.left = left + 'px';
-
-    const statusBarPrependContainer =
-      gmailComposeView.getStatusBarPrependContainer();
+    const statusBarPrependContainer = gmailComposeView.getStatusBarPrependContainer();
     if (statusBarPrependContainer) {
-      formattingToolbar.style.bottom =
-        -1 * statusBarPrependContainer.offsetHeight + 'px';
+      formattingToolbar.style.bottom = -1 * statusBarPrependContainer.offsetHeight + 'px';
     } else {
       formattingToolbar.style.bottom = '';
     }
   }
-}
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/size-fixer.js

@@ -1,26 +1,26 @@
-/* @flow */
-
-import includes from 'lodash/includes';
-import startsWith from 'lodash/startsWith';
-import findIndex from 'lodash/findIndex';
-import once from 'lodash/once';
-import Kefir from 'kefir';
-import delayAsap from '../../../../lib/delay-asap';
-import makeMutationObserverChunkedStream from '../../../../lib/dom/make-mutation-observer-chunked-stream';
-import cssSelectorEscape from '../../../../lib/css-selector-escape';
-import type GmailComposeView from '../gmail-compose-view';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = sizeFixer;
+var _includes = _interopRequireDefault(require("lodash/includes"));
+var _startsWith = _interopRequireDefault(require("lodash/startsWith"));
+var _findIndex = _interopRequireDefault(require("lodash/findIndex"));
+var _once = _interopRequireDefault(require("lodash/once"));
+var _kefir = _interopRequireDefault(require("kefir"));
+var _delayAsap = _interopRequireDefault(require("../../../../lib/delay-asap"));
+var _makeMutationObserverChunkedStream = _interopRequireDefault(require("../../../../lib/dom/make-mutation-observer-chunked-stream"));
+var _cssSelectorEscape = _interopRequireDefault(require("../../../../lib/css-selector-escape"));
 const MATERIAL_UI_GMAIL_STATUS_HEIGHT = 60;
 const MATERIAL_UI_TOP_FORM_HEIGHT = 72;
-
-const SELECTOR_ESCAPE_HATCH_PREFIX =
-  'body:not(.inboxsdk_hack_disableComposeSizeFixer) ';
-
-var getSizeFixerSheet: () => CSSStyleSheet = once(() => {
-  const style: HTMLStyleElement = (document.createElement('style'): any);
+const SELECTOR_ESCAPE_HATCH_PREFIX = 'body:not(.inboxsdk_hack_disableComposeSizeFixer) ';
+var getSizeFixerSheet = (0, _once.default)(() => {
+  const style = document.createElement('style');
   style.type = 'text/css';
   style.className = 'inboxsdk__compose_size_fixer';
-  (document.head: any).appendChild(style);
+  document.head.appendChild(style);
   var sheet = style.sheet;
   if (!(sheet instanceof CSSStyleSheet)) {
     throw new Error('Could not add stylesheet');
@@ -29,47 +29,28 @@ var getSizeFixerSheet: () => CSSStyleSheet = once(() => {
 });
 
 // Gets a css selector string for a given id
-function byId(id: string): string {
-  return '#' + cssSelectorEscape(id);
+function byId(id) {
+  return '#' + (0, _cssSelectorEscape.default)(id);
 }
-
-export default function sizeFixer(
-  driver: Object,
-  gmailComposeView: GmailComposeView
-) {
-  if (
-    gmailComposeView.isInlineReplyForm() ||
-    gmailComposeView.getElement().classList.contains('inboxsdk__size_fixer')
-  ) {
+function sizeFixer(driver, gmailComposeView) {
+  if (gmailComposeView.isInlineReplyForm() || gmailComposeView.getElement().classList.contains('inboxsdk__size_fixer')) {
     return;
   }
   gmailComposeView.getElement().classList.add('inboxsdk__size_fixer');
-
   var composeEvents = gmailComposeView.getEventStream();
   var stopper = composeEvents.filter(() => false).beforeEnd(() => null);
-  var resizeEvents = composeEvents
-    .filter((e) => includes(['resize', 'fullscreenChanged'], e.eventName))
-    .merge(delayAsap(null));
-
-  var statusAreaParent: HTMLElement = (gmailComposeView.getStatusArea()
-    .parentElement: any);
-  var scrollBody: HTMLElement = gmailComposeView.getScrollBody();
-
+  var resizeEvents = composeEvents.filter(e => (0, _includes.default)(['resize', 'fullscreenChanged'], e.eventName)).merge((0, _delayAsap.default)(null));
+  var statusAreaParent = gmailComposeView.getStatusArea().parentElement;
+  var scrollBody = gmailComposeView.getScrollBody();
   var sheet = getSizeFixerSheet();
   var topForm = gmailComposeView.getTopFormElement();
   var composeId = gmailComposeView.getElement().id;
   if (!composeId) {
-    composeId =
-      gmailComposeView.getElement().id = `x${Math.random()}x${Date.now()}`;
+    composeId = gmailComposeView.getElement().id = `x${Math.random()}x${Date.now()}`;
   }
-
-  function setRuleForSelector(selector: string, rule: string) {
-    const fullSelector =
-      SELECTOR_ESCAPE_HATCH_PREFIX + byId(composeId) + ' ' + selector;
-    const ix = findIndex(
-      sheet.cssRules,
-      (cssRule) => cssRule.selectorText === fullSelector
-    );
+  function setRuleForSelector(selector, rule) {
+    const fullSelector = SELECTOR_ESCAPE_HATCH_PREFIX + byId(composeId) + ' ' + selector;
+    const ix = (0, _findIndex.default)(sheet.cssRules, cssRule => cssRule.selectorText === fullSelector);
     if (ix !== -1) {
       sheet.deleteRule(ix);
     }
@@ -77,101 +58,66 @@ export default function sizeFixer(
   }
 
   // Emit resize events when the recipients area is toggled
-  makeMutationObserverChunkedStream(statusAreaParent, { attributes: true })
-    .takeUntilBy(stopper)
-    .onValue(() => {
-      gmailComposeView.getElement().dispatchEvent(
-        new CustomEvent('resize', {
-          bubbles: false,
-          cancelable: false,
-          detail: null,
-        })
-      );
-    });
-
-  resizeEvents
-    .bufferBy(resizeEvents.flatMap((x) => delayAsap(null)))
-    .filter((x) => x.length > 0)
-    .merge(makeMutationObserverChunkedStream(scrollBody, { attributes: true }))
-    .takeUntilBy(stopper)
-    .onValue(() => {
-      const statusUnexpectedHeight = Math.max(
-        statusAreaParent.offsetHeight - MATERIAL_UI_GMAIL_STATUS_HEIGHT,
-        0
-      );
-
-      const topFormUnexpectedHeight = Math.max(
-        topForm.offsetHeight - MATERIAL_UI_TOP_FORM_HEIGHT,
-        0
-      );
-
-      const unexpectedHeight = statusUnexpectedHeight + topFormUnexpectedHeight;
-
-      const maybeBody = gmailComposeView.getMaybeBodyElement();
-
-      /**
-       * In order to support dynamic height in non-fullscreen mode,
-       * get height of the inner element of scrollBody
-       * this way we still can override height values of scrollBody,
-       * but recalculate them based on actual height of an inner child
-       */
-      const scrollBodyInner = scrollBody.querySelector('.qz');
-      const height = scrollBodyInner?.offsetHeight || scrollBody.offsetHeight;
-
-      const maxHeight = parseInt(
-        scrollBody.style.getPropertyValue('max-height'),
-        10
-      );
-
-      const isFullScreen = gmailComposeView.isFullscreen();
-
-      const newMaxHeight = maxHeight - unexpectedHeight;
-      const newHeight = height > newMaxHeight ? newMaxHeight : null;
-
-      const scrollBodyCssRules = [`max-height: ${newMaxHeight}px !important;`];
-      let maybeBodyCssRules;
-
-      if (newHeight) {
-        scrollBodyCssRules.push(`height: ${newHeight}px !important;`);
-      }
-
-      if (isFullScreen) {
-        // in non fullscreen mode compose window can get taller on user input,
-        // but in fullscreen mode, compose window size is static so not only max-height
-        // should be updated, but also min-height of scrollBody and maybeBody
-
-        // NOTE: max-height and min-height in full screen are same
-        scrollBodyCssRules.push(`min-height: ${newMaxHeight}px !important;`);
-
-        const maybeBodyMinHeight =
-          parseInt(maybeBody?.style.minHeight, 10) || maxHeight;
-        const maybeBodyNewMinHeight = maybeBodyMinHeight - unexpectedHeight;
-
-        maybeBodyCssRules = `min-height: ${maybeBodyNewMinHeight}px !important;`;
-      }
-
-      if (scrollBodyCssRules.length > 0) {
-        setRuleForSelector(byId(scrollBody.id), scrollBodyCssRules.join('\n'));
-      }
-
-      if (maybeBodyCssRules && maybeBody) {
-        setRuleForSelector(byId(maybeBody.id), maybeBodyCssRules);
-      }
-    });
-
+  (0, _makeMutationObserverChunkedStream.default)(statusAreaParent, {
+    attributes: true
+  }).takeUntilBy(stopper).onValue(() => {
+    gmailComposeView.getElement().dispatchEvent(new CustomEvent('resize', {
+      bubbles: false,
+      cancelable: false,
+      detail: null
+    }));
+  });
+  resizeEvents.bufferBy(resizeEvents.flatMap(x => (0, _delayAsap.default)(null))).filter(x => x.length > 0).merge((0, _makeMutationObserverChunkedStream.default)(scrollBody, {
+    attributes: true
+  })).takeUntilBy(stopper).onValue(() => {
+    const statusUnexpectedHeight = Math.max(statusAreaParent.offsetHeight - MATERIAL_UI_GMAIL_STATUS_HEIGHT, 0);
+    const topFormUnexpectedHeight = Math.max(topForm.offsetHeight - MATERIAL_UI_TOP_FORM_HEIGHT, 0);
+    const unexpectedHeight = statusUnexpectedHeight + topFormUnexpectedHeight;
+    const maybeBody = gmailComposeView.getMaybeBodyElement();
+
+    /**
+     * In order to support dynamic height in non-fullscreen mode,
+     * get height of the inner element of scrollBody
+     * this way we still can override height values of scrollBody,
+     * but recalculate them based on actual height of an inner child
+     */
+    const scrollBodyInner = scrollBody.querySelector('.qz');
+    const height = (scrollBodyInner === null || scrollBodyInner === void 0 ? void 0 : scrollBodyInner.offsetHeight) || scrollBody.offsetHeight;
+    const maxHeight = parseInt(scrollBody.style.getPropertyValue('max-height'), 10);
+    const isFullScreen = gmailComposeView.isFullscreen();
+    const newMaxHeight = maxHeight - unexpectedHeight;
+    const newHeight = height > newMaxHeight ? newMaxHeight : null;
+    const scrollBodyCssRules = [`max-height: ${newMaxHeight}px !important;`];
+    let maybeBodyCssRules;
+    if (newHeight) {
+      scrollBodyCssRules.push(`height: ${newHeight}px !important;`);
+    }
+    if (isFullScreen) {
+      // in non fullscreen mode compose window can get taller on user input,
+      // but in fullscreen mode, compose window size is static so not only max-height
+      // should be updated, but also min-height of scrollBody and maybeBody
+
+      // NOTE: max-height and min-height in full screen are same
+      scrollBodyCssRules.push(`min-height: ${newMaxHeight}px !important;`);
+      const maybeBodyMinHeight = parseInt(maybeBody === null || maybeBody === void 0 ? void 0 : maybeBody.style.minHeight, 10) || maxHeight;
+      const maybeBodyNewMinHeight = maybeBodyMinHeight - unexpectedHeight;
+      maybeBodyCssRules = `min-height: ${maybeBodyNewMinHeight}px !important;`;
+    }
+    if (scrollBodyCssRules.length > 0) {
+      setRuleForSelector(byId(scrollBody.id), scrollBodyCssRules.join('\n'));
+    }
+    if (maybeBodyCssRules && maybeBody) {
+      setRuleForSelector(byId(maybeBody.id), maybeBodyCssRules);
+    }
+  });
   stopper.onValue(() => {
     // Go through the rules array backwards so that we remove them in backwards
     // order. If we went through in ascending order, we'd have to worry about
     // the list shrinking out from under us.
     for (let ix = sheet.cssRules.length - 1; ix >= 0; ix--) {
-      if (
-        startsWith(
-          (sheet.cssRules: any)[ix].selectorText,
-          SELECTOR_ESCAPE_HATCH_PREFIX + byId(composeId) + ' '
-        )
-      ) {
+      if ((0, _startsWith.default)(sheet.cssRules[ix].selectorText, SELECTOR_ESCAPE_HATCH_PREFIX + byId(composeId) + ' ')) {
         sheet.deleteRule(ix);
       }
     }
   });
-}
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/update-insert-more-area-left.js

@@ -1,28 +1,19 @@
-/* @flow */
-
-import type GmailComposeView from '../gmail-compose-view';
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = updateInsertMoreAreaLeft;
 const updateAreaSet = new WeakSet();
-
-export default function updateInsertMoreAreaLeft(
-  gmailComposeView: GmailComposeView,
-  oldFormattingAreaOffsetLeft: number
-) {
+function updateInsertMoreAreaLeft(gmailComposeView, oldFormattingAreaOffsetLeft) {
   if (updateAreaSet.has(gmailComposeView)) return;
-
   updateAreaSet.add(gmailComposeView);
-
   window.requestAnimationFrame(() => {
     updateAreaSet.delete(gmailComposeView);
     if (gmailComposeView.isDestroyed()) return;
-    var newFormattingAreaOffsetLeft =
-      gmailComposeView._getFormattingAreaOffsetLeft();
-    var insertMoreAreaLeft = parseInt(
-      gmailComposeView.getInsertMoreArea().style.left,
-      10
-    );
+    var newFormattingAreaOffsetLeft = gmailComposeView._getFormattingAreaOffsetLeft();
+    var insertMoreAreaLeft = parseInt(gmailComposeView.getInsertMoreArea().style.left, 10);
     var diff = newFormattingAreaOffsetLeft - oldFormattingAreaOffsetLeft;
-    gmailComposeView.getInsertMoreArea().style.left =
-      insertMoreAreaLeft + diff + 'px';
+    gmailComposeView.getInsertMoreArea().style.left = insertMoreAreaLeft + diff + 'px';
   });
-}
+}