@inboxsdk/core 0.2.28-alpha.6 → 0.2.28

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

@@ -1,18 +1,29 @@
-"use strict";
+/* @flow */
 
-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));
-    }
-  });
-}
+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));
+      }
+    });
+}

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

@@ -1,56 +1,92 @@
-"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");
+/* @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';
+
 let hasLoggedError = false;
-function overrideEditSubject(gmailDriver, gmailComposeView) {
+
+export default function overrideEditSubject(
+  gmailDriver: GmailDriver,
+  gmailComposeView: 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: (0, _censorHTMLtree.default)(gmailComposeView.getElement())
-      });
+      gmailDriver
+        .getLogger()
+        .error(new Error('could not find edit subject item'), {
+          composeElement: censorHTMLtree(gmailComposeView.getElement()),
+        });
       hasLoggedError = true;
     }
     return;
   }
-  menuItem.addEventListener('click', e => {
-    e.stopPropagation();
-  }, true);
-  menuItem.addEventListener('mouseup', e => {
-    e.stopPropagation();
-    _cloneContentToNewCompose(gmailDriver, gmailComposeView);
-  }, true);
+
+  menuItem.addEventListener(
+    'click',
+    (e: MouseEvent) => {
+      e.stopPropagation();
+    },
+    true
+  );
+
+  menuItem.addEventListener(
+    'mouseup',
+    (e: MouseEvent) => {
+      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 => {
-    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: 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);
+    });
 }
+
 function _ensureExtraContentIsVisible(gmailComposeView) {
   if (gmailComposeView.getBodyElement().querySelector('.gmail_extra')) return;
+
   const quoteDotsElement = gmailComposeView.getElement().querySelector('.ajR');
-  if (quoteDotsElement) (0, _simulateMouseEvent.simulateClick)(quoteDotsElement);
-}
+  if (quoteDotsElement) simulateClick(quoteDotsElement);
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/page-parser.d.ts

@@ -5,4 +5,3 @@ export declare function getRecipientChips(element: HTMLElement, addressType: 'to
 export declare function getRecipientRowElements(element: HTMLElement): HTMLElement[];
 export declare function getRecipientRowForType(element: HTMLElement, addressType: 'to' | 'cc' | 'bcc'): HTMLElement | null;
 export declare function getOldRecipientRowForType(element: HTMLElement, addressType: 'to' | 'cc' | 'bcc'): HTMLElement | null;
-//# sourceMappingURL=page-parser.d.ts.map

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

@@ -1,21 +1,28 @@
-"use strict";
+/* @flow */
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = positionFormattingToolbar;
-function positionFormattingToolbar(gmailComposeView) {
+import type GmailComposeView from '../gmail-compose-view';
+
+export default function positionFormattingToolbar(
+  gmailComposeView: 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/set-recipients.d.ts

@@ -1,4 +1,3 @@
 import GmailComposeView from '../gmail-compose-view';
 export type ReceiverType = 'to' | 'cc' | 'bcc';
 export default function setRecipients(gmailComposeView: GmailComposeView, addressType: ReceiverType, emailAddresses: string[]): void;
-//# sourceMappingURL=set-recipients.d.ts.map

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/setupLinkPopovers.d.ts

@@ -1,4 +1,3 @@
 import * as Kefir from 'kefir';
 import type GmailComposeView from '../gmail-compose-view';
 export default function setupLinkPopOvers(gmailComposeView: GmailComposeView): Kefir.Observable<any, never>;
-//# sourceMappingURL=setupLinkPopovers.d.ts.map

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

@@ -1,26 +1,26 @@
-"use strict";
+/* @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';
 
-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 = (0, _once.default)(() => {
-  const style = document.createElement('style');
+
+const SELECTOR_ESCAPE_HATCH_PREFIX =
+  'body:not(.inboxsdk_hack_disableComposeSizeFixer) ';
+
+var getSizeFixerSheet: () => CSSStyleSheet = once(() => {
+  const style: HTMLStyleElement = (document.createElement('style'): any);
   style.type = 'text/css';
   style.className = 'inboxsdk__compose_size_fixer';
-  document.head.appendChild(style);
+  (document.head: any).appendChild(style);
   var sheet = style.sheet;
   if (!(sheet instanceof CSSStyleSheet)) {
     throw new Error('Could not add stylesheet');
@@ -29,28 +29,47 @@ var getSizeFixerSheet = (0, _once.default)(() => {
 });
 
 // Gets a css selector string for a given id
-function byId(id) {
-  return '#' + (0, _cssSelectorEscape.default)(id);
+function byId(id: string): string {
+  return '#' + cssSelectorEscape(id);
 }
-function sizeFixer(driver, gmailComposeView) {
-  if (gmailComposeView.isInlineReplyForm() || gmailComposeView.getElement().classList.contains('inboxsdk__size_fixer')) {
+
+export default function sizeFixer(
+  driver: Object,
+  gmailComposeView: 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 => (0, _includes.default)(['resize', 'fullscreenChanged'], e.eventName)).merge((0, _delayAsap.default)(null));
-  var statusAreaParent = gmailComposeView.getStatusArea().parentElement;
-  var scrollBody = gmailComposeView.getScrollBody();
+  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 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, rule) {
-    const fullSelector = SELECTOR_ESCAPE_HATCH_PREFIX + byId(composeId) + ' ' + selector;
-    const ix = (0, _findIndex.default)(sheet.cssRules, cssRule => cssRule.selectorText === fullSelector);
+
+  function setRuleForSelector(selector: string, rule: string) {
+    const fullSelector =
+      SELECTOR_ESCAPE_HATCH_PREFIX + byId(composeId) + ' ' + selector;
+    const ix = findIndex(
+      sheet.cssRules,
+      (cssRule) => cssRule.selectorText === fullSelector
+    );
     if (ix !== -1) {
       sheet.deleteRule(ix);
     }
@@ -58,66 +77,101 @@ function sizeFixer(driver, gmailComposeView) {
   }
 
   // Emit resize events when the recipients area is toggled
-  (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);
-    }
-  });
+  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);
+      }
+    });
+
   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 ((0, _startsWith.default)(sheet.cssRules[ix].selectorText, SELECTOR_ESCAPE_HATCH_PREFIX + byId(composeId) + ' ')) {
+      if (
+        startsWith(
+          (sheet.cssRules: any)[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,19 +1,28 @@
-"use strict";
+/* @flow */
+
+import type GmailComposeView from '../gmail-compose-view';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = updateInsertMoreAreaLeft;
 const updateAreaSet = new WeakSet();
-function updateInsertMoreAreaLeft(gmailComposeView, oldFormattingAreaOffsetLeft) {
+
+export default function updateInsertMoreAreaLeft(
+  gmailComposeView: GmailComposeView,
+  oldFormattingAreaOffsetLeft: number
+) {
   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';
   });
-}
+}