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

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-address-changes-stream.js

@@ -1,151 +1,99 @@
-/* @flow */
-
-import Kefir from 'kefir';
-import t from 'transducers.js';
-
-import Logger from '../../../../lib/logger';
-import makeMutationObserverStream from '../../../../lib/dom/make-mutation-observer-stream';
-import getAddressInformationExtractor from './get-address-information-extractor';
-import { getRecipientRowElements } from './page-parser';
-
-import type GmailComposeView from '../gmail-compose-view';
-import makeElementChildStream from '../../../../lib/dom/make-element-child-stream';
-import toItemWithLifetimeStream from '../../../../lib/toItemWithLifetimeStream';
-
-export default function getAddressChangesStream(
-  gmailComposeView: GmailComposeView
-): Kefir.Observable<Object> {
-  const recipientRowElements = getRecipientRowElements(
-    gmailComposeView.getElement()
-  );
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getAddressChangesStream;
+var _kefir = _interopRequireDefault(require("kefir"));
+var _transducers = _interopRequireDefault(require("transducers.js"));
+var _logger = _interopRequireDefault(require("../../../../lib/logger"));
+var _makeMutationObserverStream = _interopRequireDefault(require("../../../../lib/dom/make-mutation-observer-stream"));
+var _getAddressInformationExtractor = _interopRequireDefault(require("./get-address-information-extractor"));
+var _pageParser = require("./page-parser");
+var _makeElementChildStream = _interopRequireDefault(require("../../../../lib/dom/make-element-child-stream"));
+var _toItemWithLifetimeStream = _interopRequireDefault(require("../../../../lib/toItemWithLifetimeStream"));
+function getAddressChangesStream(gmailComposeView) {
+  const recipientRowElements = (0, _pageParser.getRecipientRowElements)(gmailComposeView.getElement());
   if (!recipientRowElements || recipientRowElements.length === 0) {
-    return Kefir.never();
+    return _kefir.default.never();
   }
-
-  const mergedStream = Kefir.merge([
-    _makeSubAddressStream('to', gmailComposeView),
-    _makeSubAddressStream('cc', gmailComposeView),
-    _makeSubAddressStream('bcc', gmailComposeView),
-  ]);
-
+  const mergedStream = _kefir.default.merge([_makeSubAddressStream('to', gmailComposeView), _makeSubAddressStream('cc', gmailComposeView), _makeSubAddressStream('bcc', gmailComposeView)]);
   const umbrellaStream = mergedStream.map(_groupChangeEvents);
-
-  return Kefir.merge([
-    mergedStream,
-    umbrellaStream,
-    getFromAddressChangeStream(gmailComposeView),
-  ]);
+  return _kefir.default.merge([mergedStream, umbrellaStream, getFromAddressChangeStream(gmailComposeView)]);
 }
-
-function readContactFromElement(
-  contactNode: HTMLElement,
-  addressType: ReceiverType,
-  gmailComposeView: GmailComposeView
-): Contact | null {
+function readContactFromElement(contactNode, addressType, gmailComposeView) {
   if (contactNode.getAttribute('role') === 'option') {
     // Handling updated compose recipients
     // https://workspaceupdates.googleblog.com/2021/10/visual-updates-for-composing-email-in-gmail.html
     return {
       name: contactNode.getAttribute('data-name'),
-      emailAddress: (contactNode.getAttribute('data-hovercard-id'): any),
+      emailAddress: contactNode.getAttribute('data-hovercard-id')
     };
   } else {
-    return getAddressInformationExtractor(
-      addressType,
-      gmailComposeView
-    )(contactNode);
+    return (0, _getAddressInformationExtractor.default)(addressType, gmailComposeView)(contactNode);
   }
 }
-
-function _makeSubAddressStream(
-  addressType: ReceiverType,
-  gmailComposeView: GmailComposeView
-): Kefir.Observable<{ eventName: string, data: { contact: Contact } }> {
-  const contactNodes = gmailComposeView.tagTree.getAllByTag(
-    `${addressType}Recipient`
-  );
-
-  return toItemWithLifetimeStream(contactNodes).flatMap(
-    ({ el, removalStream }) => {
-      const contact = readContactFromElement(
-        el.getValue(),
-        addressType,
-        gmailComposeView
-      );
-      if (!contact) {
-        return Kefir.never();
-      }
-      return Kefir.constant({
-        eventName: `${addressType}ContactAdded`,
-        data: {
-          contact,
-        },
-      }).merge(
-        removalStream.map(() => ({
-          eventName: `${addressType}ContactRemoved`,
-          data: {
-            contact,
-          },
-        }))
-      );
+function _makeSubAddressStream(addressType, gmailComposeView) {
+  const contactNodes = gmailComposeView.tagTree.getAllByTag(`${addressType}Recipient`);
+  return (0, _toItemWithLifetimeStream.default)(contactNodes).flatMap(_ref => {
+    let {
+      el,
+      removalStream
+    } = _ref;
+    const contact = readContactFromElement(el.getValue(), addressType, gmailComposeView);
+    if (!contact) {
+      return _kefir.default.never();
     }
-  );
+    return _kefir.default.constant({
+      eventName: `${addressType}ContactAdded`,
+      data: {
+        contact
+      }
+    }).merge(removalStream.map(() => ({
+      eventName: `${addressType}ContactRemoved`,
+      data: {
+        contact
+      }
+    })));
+  });
 }
-
 function _groupChangeEvents(event) {
   const grouping = {
     to: {
       added: [],
-      removed: [],
+      removed: []
     },
     cc: {
       added: [],
-      removed: [],
+      removed: []
     },
     bcc: {
       added: [],
-      removed: [],
-    },
+      removed: []
+    }
   };
-
   const parts = event.eventName.split('Contact'); //splits "toContactAdded" => ["to", "Added"]
   grouping[parts[0]][parts[1].toLowerCase()].push(event.data.contact);
-
   return {
     eventName: 'recipientsChanged',
-    data: grouping,
+    data: grouping
   };
 }
-
 function getFromAddressChangeStream(gmailComposeView) {
-  return Kefir.later(0, null).flatMap(() => {
-    const fromInput = gmailComposeView
-      .getElement()
-      .querySelector('input[name="from"]');
-    return Kefir.constant(
-      _convertToEvent('fromContactChanged', gmailComposeView.getFromContact())
-    ).merge(
-      !fromInput
-        ? Kefir.never()
-        : makeMutationObserverStream(fromInput, {
-            attributes: true,
-            attributeFilter: ['value'],
-          }).map(() =>
-            _convertToEvent(
-              'fromContactChanged',
-              gmailComposeView.getFromContact()
-            )
-          )
-    );
+  return _kefir.default.later(0, null).flatMap(() => {
+    const fromInput = gmailComposeView.getElement().querySelector('input[name="from"]');
+    return _kefir.default.constant(_convertToEvent('fromContactChanged', gmailComposeView.getFromContact())).merge(!fromInput ? _kefir.default.never() : (0, _makeMutationObserverStream.default)(fromInput, {
+      attributes: true,
+      attributeFilter: ['value']
+    }).map(() => _convertToEvent('fromContactChanged', gmailComposeView.getFromContact())));
   });
 }
-
 function _convertToEvent(eventName, addressInfo) {
   return {
     eventName,
     data: {
-      contact: addressInfo,
-    },
+      contact: addressInfo
+    }
   };
-}
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-address-information-extractor.js

@@ -0,0 +1,28 @@
+import Logger from '../../../../lib/logger';
+import extractContactFromEmailContactString from '../../../../lib/extract-contact-from-email-contact-string';
+import censorHTMLstring from '../../../../../common/censorHTMLstring';
+export default function getAddressInformationExtractor(addressType, composeView) {
+    return function (node) {
+        const contactNode = node instanceof HTMLInputElement &&
+            node.getAttribute('name') === addressType
+            ? node
+            : node.querySelector(`input[name='${addressType}']`);
+        if (contactNode) {
+            var contactInfoString = contactNode.value;
+            try {
+                return extractContactFromEmailContactString(contactInfoString);
+            }
+            catch (err) {
+                // The user might have typed in a partial address. We can just ignore that.
+                return null;
+            }
+        }
+        else {
+            Logger.error(new Error(`contactNode can't be found`), {
+                addressType,
+                composeViewHtml: censorHTMLstring(composeView.getElement().outerHTML),
+            });
+            return null;
+        }
+    };
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-body-changes-stream.js

@@ -1,20 +1,21 @@
-/* @flow */
+"use strict";
 
-import Kefir from 'kefir';
-
-import makeMutationObserverStream from '../../../../lib/dom/make-mutation-observer-stream';
-import type GmailComposeView from '../gmail-compose-view';
-
-export default function (
-  gmailComposeView: GmailComposeView
-): Kefir.Observable<Object> {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+var _kefir = _interopRequireDefault(require("kefir"));
+var _makeMutationObserverStream = _interopRequireDefault(require("../../../../lib/dom/make-mutation-observer-stream"));
+function _default(gmailComposeView) {
   var bodyElement = gmailComposeView.getBodyElement();
-
-  return makeMutationObserverStream(bodyElement, {
+  return (0, _makeMutationObserverStream.default)(bodyElement, {
     childList: true,
     subtree: true,
-    characterData: true,
+    characterData: true
   }).map(function () {
-    return { eventName: 'bodyChanged' };
+    return {
+      eventName: 'bodyChanged'
+    };
   });
-}
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-formatting-area-offset-left.js

@@ -1,31 +1,25 @@
-/* @flow */
-
-import asap from 'asap';
-
-import type GmailComposeView from '../gmail-compose-view';
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getFormattingAreaOffsetLeft;
+var _asap = _interopRequireDefault(require("asap"));
 const leftMap = new WeakMap();
-
-export default function getFormattingAreaOffsetLeft(
-  gmailComposeView: GmailComposeView,
-  forceGet?: boolean
-): number {
+function getFormattingAreaOffsetLeft(gmailComposeView, forceGet) {
   if (!forceGet) {
     let existingValue = leftMap.get(gmailComposeView);
     if (existingValue != null) {
       return existingValue;
     }
   }
-
   const formattingArea = gmailComposeView.getFormattingArea();
   if (!formattingArea) {
     return 0;
   }
-
   const left = formattingArea.getBoundingClientRect().left;
   leftMap.set(gmailComposeView, left);
-
-  asap(() => leftMap.delete(gmailComposeView));
-
+  (0, _asap.default)(() => leftMap.delete(gmailComposeView));
   return left;
-}
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-minimized-stream.js

@@ -1,30 +1,24 @@
-/* @flow */
+"use strict";
 
-import find from 'lodash/find';
-import Kefir from 'kefir';
-import udKefir from 'ud-kefir';
-import makeMutationObserverStream from '../../../../lib/dom/make-mutation-observer-stream';
-import type GmailComposeView from '../gmail-compose-view';
-
-const fnStream = udKefir(module, getMinimizedStream_);
-
-export default function getMinimizedStream(
-  gmailComposeView: GmailComposeView
-): Kefir.Observable<boolean> {
-  return fnStream.flatMapLatest((fn) => fn(gmailComposeView));
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getMinimizedStream;
+var _find = _interopRequireDefault(require("lodash/find"));
+var _kefir = _interopRequireDefault(require("kefir"));
+var _udKefir = _interopRequireDefault(require("ud-kefir"));
+var _makeMutationObserverStream = _interopRequireDefault(require("../../../../lib/dom/make-mutation-observer-stream"));
+const fnStream = (0, _udKefir.default)(module, getMinimizedStream_);
+function getMinimizedStream(gmailComposeView) {
+  return fnStream.flatMapLatest(fn => fn(gmailComposeView));
 }
-
-function getMinimizedStream_(
-  gmailComposeView: GmailComposeView
-): Kefir.Observable<boolean> {
+function getMinimizedStream_(gmailComposeView) {
   const element = gmailComposeView.getElement();
   const bodyElement = gmailComposeView.getBodyElement();
-  const bodyContainer = find(element.children, (child) =>
-    child.contains(bodyElement)
-  );
-
-  return makeMutationObserverStream(bodyContainer, {
+  const bodyContainer = (0, _find.default)(element.children, child => child.contains(bodyElement));
+  return (0, _makeMutationObserverStream.default)(bodyContainer, {
     attributes: true,
-    attributeFilter: ['style'],
+    attributeFilter: ['style']
   }).map(() => gmailComposeView.isMinimized());
-}
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-recipients.js

@@ -0,0 +1,22 @@
+import { getRecipientChips } from './page-parser';
+import getAddressInformationExtractor from './get-address-information-extractor';
+import isNotNil from '../../../../lib/isNotNil';
+export default function getRecipients(gmailComposeView, addressType) {
+    const contactNodes = getRecipientChips(gmailComposeView.getElement(), addressType);
+    return Array.from(contactNodes)
+        .map((contactNode) => {
+        if (contactNode.getAttribute('role') === 'option') {
+            // new recipient
+            // https://workspaceupdates.googleblog.com/2021/10/visual-updates-for-composing-email-in-gmail.html
+            return {
+                name: contactNode.getAttribute('data-name'),
+                emailAddress: contactNode.getAttribute('data-hovercard-id'),
+            };
+        }
+        else {
+            // old
+            return getAddressInformationExtractor(addressType, gmailComposeView)(contactNode);
+        }
+    })
+        .filter(isNotNil);
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-response-type-changes-stream.js

@@ -1,33 +1,29 @@
-/* @flow */
+"use strict";
 
-import Kefir from 'kefir';
-
-import Logger from '../../../../lib/logger';
-import makeMutationObserverChunkedStream from '../../../../lib/dom/make-mutation-observer-chunked-stream';
-import querySelector from '../../../../lib/dom/querySelectorOrFail';
-import type GmailComposeView from '../gmail-compose-view';
-
-export default function (
-  gmailComposeView: GmailComposeView
-): Kefir.Observable<Object> {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+var _kefir = _interopRequireDefault(require("kefir"));
+var _logger = _interopRequireDefault(require("../../../../lib/logger"));
+var _makeMutationObserverChunkedStream = _interopRequireDefault(require("../../../../lib/dom/make-mutation-observer-chunked-stream"));
+var _querySelectorOrFail = _interopRequireDefault(require("../../../../lib/dom/querySelectorOrFail"));
+function _default(gmailComposeView) {
   let responseTypeEl;
-
   try {
-    responseTypeEl = querySelector(
-      gmailComposeView.getElement(),
-      '.J-J5-Ji .J-JN-M-I-Jm > img'
-    );
-    return makeMutationObserverChunkedStream(responseTypeEl, {
+    responseTypeEl = (0, _querySelectorOrFail.default)(gmailComposeView.getElement(), '.J-J5-Ji .J-JN-M-I-Jm > img');
+    return (0, _makeMutationObserverChunkedStream.default)(responseTypeEl, {
       attributeFilter: ['class'],
-      attributes: true,
+      attributes: true
     }).map(() => ({
       data: {
-        isForward: gmailComposeView.isForward(),
+        isForward: gmailComposeView.isForward()
       },
-      eventName: 'responseTypeChanged',
+      eventName: 'responseTypeChanged'
     }));
   } catch (err) {
-    Logger.error(err);
-    return Kefir.never();
+    _logger.default.error(err);
+    return _kefir.default.never();
   }
-}
+}