@inboxsdk/core 0.2.28-alpha.5 → 0.2.28

package/src/platform-implementation-js/dom-driver/inbox/views/inbox-message-view.js

@@ -1,151 +1,211 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _ud = require("ud");
-var _asap = _interopRequireDefault(require("asap"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirBus = _interopRequireDefault(require("kefir-bus"));
-var _bignumber = _interopRequireDefault(require("bignumber.js"));
-var _delayAsap = _interopRequireDefault(require("../../../lib/delay-asap"));
-var _censorHTMLtree = _interopRequireDefault(require("../../../../common/censorHTMLtree"));
-var _makeMutationObserverChunkedStream = _interopRequireDefault(require("../../../lib/dom/make-mutation-observer-chunked-stream"));
-var _inboxAttachmentCardView = _interopRequireDefault(require("./inbox-attachment-card-view"));
-var _findParent = _interopRequireDefault(require("../../../../common/find-parent"));
-var _parser = _interopRequireDefault(require("../detection/message/parser"));
-var _safeEventEmitter = _interopRequireDefault(require("../../../lib/safe-event-emitter"));
-class AttachmentIcon extends _safeEventEmitter.default {}
+/* @flow */
+
+import { defn } from 'ud';
+import asap from 'asap';
+import Kefir from 'kefir';
+import kefirBus from 'kefir-bus';
+import type { Bus } from 'kefir-bus';
+import BigNumber from 'bignumber.js';
+import delayAsap from '../../../lib/delay-asap';
+import type InboxDriver from '../inbox-driver';
+import type InboxThreadView from './inbox-thread-view';
+import censorHTMLtree from '../../../../common/censorHTMLtree';
+import makeMutationObserverChunkedStream from '../../../lib/dom/make-mutation-observer-chunked-stream';
+import InboxAttachmentCardView from './inbox-attachment-card-view';
+import findParent from '../../../../common/find-parent';
+import parser from '../detection/message/parser';
+import type { Parsed } from '../detection/message/parser';
+import type {
+  MessageViewDriver,
+  MessageViewToolbarButtonDescriptor,
+  MessageViewLinkDescriptor,
+  VIEW_STATE,
+} from '../../../driver-interfaces/message-view-driver';
+import SafeEventEmitter from '../../../lib/safe-event-emitter';
+
+class AttachmentIcon extends SafeEventEmitter {}
+
 class InboxMessageView {
-  constructor(element, driver, parsed) {
-    (0, _defineProperty2.default)(this, "_eventStream", (0, _kefirBus.default)());
-    (0, _defineProperty2.default)(this, "_attachmentCardViews", []);
-    this; // interface check
+  _element: HTMLElement;
+  _driver: InboxDriver;
+  _p: Parsed;
+  _stopper: Kefir.Observable<any>;
+  _eventStream: Bus<Object> = kefirBus();
+  _threadViewDriver: ?InboxThreadView;
+  _attachmentCardViews: InboxAttachmentCardView[] = [];
+
+  constructor(element: HTMLElement, driver: InboxDriver, parsed: Parsed) {
+    (this: MessageViewDriver); // interface check
     this._element = element;
     this._driver = driver;
     this._p = parsed;
+
     this._stopper = this._eventStream.ignoreValues().beforeEnd(() => null);
 
     // If our id changes, then destroy this view.
     // getMessageViewDriverStream() will create a new view for this element.
-    (0, _makeMutationObserverChunkedStream.default)(this._element, {
-      attributes: true,
-      attributeFilter: ['data-msg-id']
-    }).toProperty(() => null).map(() => this._element.getAttribute('data-msg-id')).skipDuplicates().changes().onValue(() => {
-      this.destroy();
-    });
-    (0, _makeMutationObserverChunkedStream.default)(this._element, {
+    makeMutationObserverChunkedStream(this._element, {
       attributes: true,
-      attributeFilter: ['aria-expanded']
-    }).toProperty(() => null).map(() => this._element.getAttribute('aria-expanded') === 'true').skipDuplicates().changes().takeUntilBy(this._stopper).onValue(expanded => {
-      if (expanded) {
-        this._reparse();
-      } else {
-        // Destroy on collapse so that when it's uncollapsed again, the app
-        // can re-do its modifications.
+      attributeFilter: ['data-msg-id'],
+    })
+      .toProperty(() => null)
+      .map(() => this._element.getAttribute('data-msg-id'))
+      .skipDuplicates()
+      .changes()
+      .onValue(() => {
         this.destroy();
-      }
-    });
+      });
+
+    makeMutationObserverChunkedStream(this._element, {
+      attributes: true,
+      attributeFilter: ['aria-expanded'],
+    })
+      .toProperty(() => null)
+      .map(() => this._element.getAttribute('aria-expanded') === 'true')
+      .skipDuplicates()
+      .changes()
+      .takeUntilBy(this._stopper)
+      .onValue((expanded) => {
+        if (expanded) {
+          this._reparse();
+        } else {
+          // Destroy on collapse so that when it's uncollapsed again, the app
+          // can re-do its modifications.
+          this.destroy();
+        }
+      });
+
     this._threadViewDriver = this._findThreadView();
     if (this._threadViewDriver) {
       this._threadViewDriver.addMessageViewDriver(this);
     }
+
     this._driver.getMessageViewElementsMap().set(this._element, this);
+
     this._monitorEmailAddressHovering();
   }
-  _findThreadView() {
+
+  _findThreadView(): ?InboxThreadView {
     const map = this._driver.getThreadViewElementsMap();
-    const threadViewElement = (0, _findParent.default)(this._element, el => map.has(el));
+    const threadViewElement = findParent(this._element, (el) =>
+      map.has((el: any))
+    );
     if (!threadViewElement) return null;
     return map.get(threadViewElement);
   }
+
   _reparse() {
     const oldParsed = this._p;
-    this._p = (0, _parser.default)(this._element);
+    this._p = parser(this._element);
     if (this._p.errors.length > 0) {
       this._driver.getLogger().errorSite(new Error('message reparse errors'), {
         score: this._p.score,
         errors: this._p.errors,
-        html: (0, _censorHTMLtree.default)(this._element)
+        html: censorHTMLtree(this._element),
       });
     }
+
     if (!oldParsed.attributes.loaded && this._p.attributes.loaded) {
       this._eventStream.emit({
         type: 'internal',
-        eventName: 'messageLoad'
+        eventName: 'messageLoad',
       });
     }
     if (oldParsed.attributes.viewState !== this._p.attributes.viewState) {
       this._eventStream.emit({
         eventName: 'viewStateChange',
         oldValue: oldParsed.attributes.viewState,
-        newValue: this._p.attributes.viewState
+        newValue: this._p.attributes.viewState,
       });
     }
   }
+
   _monitorEmailAddressHovering() {
-    this._eventStream.plug(_kefir.default.fromEvents(this._element, 'mouseover').map(e => e.target).filter(element => element && element.getAttribute('email')).map(element => {
-      const contact = {
-        name: element.textContent,
-        emailAddress: element.getAttribute('email')
-      };
-      let contactType;
-      if (this._p.elements.sender && this._p.elements.sender.contains(element)) {
-        contactType = 'sender';
-      } else if (this._p.attributes.recipientElements && Array.from(this._p.attributes.recipientElements).some(el => el.contains(element))) {
-        contactType = 'recipient';
-      } else {
-        return null;
-      }
-      return {
-        eventName: 'contactHover',
-        messageViewDriver: this,
-        contact,
-        contactType
-      };
-    }).filter());
+    this._eventStream.plug(
+      Kefir.fromEvents(this._element, 'mouseover')
+        .map((e) => e.target)
+        .filter((element) => element && element.getAttribute('email'))
+        .map((element) => {
+          const contact = {
+            name: element.textContent,
+            emailAddress: element.getAttribute('email'),
+          };
+
+          let contactType;
+          if (
+            this._p.elements.sender &&
+            this._p.elements.sender.contains(element)
+          ) {
+            contactType = 'sender';
+          } else if (
+            this._p.attributes.recipientElements &&
+            Array.from(this._p.attributes.recipientElements).some((el) =>
+              el.contains(element)
+            )
+          ) {
+            contactType = 'recipient';
+          } else {
+            return null;
+          }
+
+          return {
+            eventName: 'contactHover',
+            messageViewDriver: this,
+            contact,
+            contactType,
+          };
+        })
+        .filter()
+    );
   }
-  addAttachmentCardViewDriver(card) {
+
+  addAttachmentCardViewDriver(card: InboxAttachmentCardView) {
     this._attachmentCardViews.push(card);
-    card.getStopper().takeUntilBy(this._stopper).onValue(() => {
-      this._attachmentCardViews = this._attachmentCardViews.filter(v => v !== card);
-    });
+    card
+      .getStopper()
+      .takeUntilBy(this._stopper)
+      .onValue(() => {
+        this._attachmentCardViews = this._attachmentCardViews.filter(
+          (v) => v !== card
+        );
+      });
   }
+
   getStopper() {
     return this._stopper;
   }
-  getEventStream() {
+
+  getEventStream(): Kefir.Observable<Object> {
     return this._eventStream;
   }
+
   isLoaded() {
     return this._p.attributes.loaded;
   }
+
   hasOpenReply() {
     // Inbox associates inline replies with threads, not messages.
     return false;
   }
-  getMessageID() {
-    const {
-      inboxMessageId
-    } = this._p.attributes;
+
+  getMessageID(): string {
+    const { inboxMessageId } = this._p.attributes;
     if (!inboxMessageId) {
       throw new Error('Failed to find message id');
     }
     if (/^msg-a:/.test(inboxMessageId)) {
       // eslint-disable-next-line no-console
-      console.warn('MessageView.getMessageID() returned an incorrect message ID. This method will be deprecated soon. Use getMessageIDAsync() instead which does not have this problem.');
+      console.warn(
+        'MessageView.getMessageID() returned an incorrect message ID. This method will be deprecated soon. Use getMessageIDAsync() instead which does not have this problem.'
+      );
     }
     const m = /\d+$/.exec(inboxMessageId);
     if (!m) throw new Error('Should not happen');
-    return new _bignumber.default(m[0]).toString(16);
+    return new BigNumber(m[0]).toString(16);
   }
-  async getMessageIDAsync() {
-    const {
-      inboxMessageId
-    } = this._p.attributes;
+
+  async getMessageIDAsync(): Promise<string> {
+    const { inboxMessageId } = this._p.attributes;
     if (!inboxMessageId) {
       throw new Error('Failed to find message id');
     }
@@ -154,46 +214,55 @@ class InboxMessageView {
       // means this message hasn't been sent as a real email yet, and we need
       // to wait for the send to complete before we can look up this message's
       // id.
-      for (let inboxComposeView of this._driver.getComposeViewDriverLiveSet().values()) {
+      for (let inboxComposeView of this._driver
+        .getComposeViewDriverLiveSet()
+        .values()) {
         const draftId = await inboxComposeView.getDraftID();
         if (draftId && `msg-a:${draftId}` === inboxMessageId) {
           await inboxComposeView.getStopper().take(1).toPromise();
           break;
         }
       }
-      return await this._driver.getGmailMessageIdForSyncMessageId(inboxMessageId);
+      return await this._driver.getGmailMessageIdForSyncMessageId(
+        inboxMessageId
+      );
     } else {
       const m = /\d+$/.exec(inboxMessageId);
       if (!m) throw new Error('Should not happen');
-      return new _bignumber.default(m[0]).toString(16);
+      return new BigNumber(m[0]).toString(16);
     }
   }
+
   getContentsElement() {
     if (!this._p.elements.body) throw new Error('Could not find body element');
     return this._p.elements.body;
   }
-  getLinks() {
+
+  getLinks(): Array<MessageViewLinkDescriptor> {
     throw new Error('not implemented yet');
   }
-  isElementInQuotedArea(el) {
-    const quotedArea = (0, _findParent.default)(el, el => el.classList.contains('gmail_extra'));
+  isElementInQuotedArea(el: HTMLElement): boolean {
+    const quotedArea = findParent(el, (el) =>
+      el.classList.contains('gmail_extra')
+    );
     return quotedArea != null;
   }
-  addMoreMenuItem(options) {
+  addMoreMenuItem(options: MessageViewToolbarButtonDescriptor): void {
     throw new Error('not implemented yet');
   }
-  addAttachmentIcon(options) {
+  addAttachmentIcon(options: Object): SafeEventEmitter & {} {
     // eslint-disable-next-line no-console
-    console.warn('MessageView.addAttachmentIcon is not implemented yet in Inbox');
+    console.warn(
+      'MessageView.addAttachmentIcon is not implemented yet in Inbox'
+    );
+
     return new AttachmentIcon();
   }
   getAttachmentCardViewDrivers() {
-    return this._attachmentCardViews;
+    return (this._attachmentCardViews: any);
   }
-  addAttachmentCard(options) {
-    const {
-      attachmentsArea
-    } = this._p.elements;
+  addAttachmentCard(options: Object) {
+    const { attachmentsArea } = this._p.elements;
     if (!attachmentsArea) throw new Error('Could not find attachments area');
     let container = attachmentsArea.lastElementChild;
     if (!container) {
@@ -203,75 +272,77 @@ class InboxMessageView {
       container = document.createElement('div');
       attachmentsArea.appendChild(container);
     }
-    return new _inboxAttachmentCardView.default({
-      ...options,
-      element: null,
-      container
-    }, this._driver);
+    return new InboxAttachmentCardView(
+      { ...options, element: null, container },
+      this._driver
+    );
   }
-  addButtonToDownloadAllArea(options) {
+  addButtonToDownloadAllArea(options: Object): void {
     // no-op in Inbox
   }
-  getViewState() {
+  getViewState(): VIEW_STATE {
     return this._p.attributes.viewState;
   }
-  getDateString() {
+  getDateString(): string {
     throw new Error('not implemented yet');
   }
-  getSender() {
-    const {
-      sender
-    } = this._p.elements;
+  getSender(): Contact {
+    const { sender } = this._p.elements;
     if (!sender) throw new Error('could not find sender element');
     const emailAddress = sender.getAttribute('email');
     if (!emailAddress) throw new Error('could not find email address');
     return {
       emailAddress,
-      name: sender.textContent
+      name: sender.textContent,
     };
   }
-  getRecipients() {
+  getRecipients(): Array<Contact> {
     const userContact = this._driver.getUserContact();
-    return Array.prototype.map.call(this._p.attributes.recipientElements, el => {
-      const emailAddress = el.getAttribute('email');
-      if (emailAddress === userContact.emailAddress) {
-        return userContact;
+    return Array.prototype.map.call(
+      this._p.attributes.recipientElements,
+      (el) => {
+        const emailAddress = el.getAttribute('email');
+        if (emailAddress === userContact.emailAddress) {
+          return userContact;
+        }
+        return {
+          emailAddress,
+          name: el.textContent,
+        };
       }
-      return {
-        emailAddress,
-        name: el.textContent
-      };
-    });
+    );
   }
-  getRecipientEmailAddresses() {
-    return this.getRecipients().map(_ref => {
-      let {
-        emailAddress
-      } = _ref;
-      return emailAddress;
-    });
+
+  getRecipientEmailAddresses(): Array<string> {
+    return this.getRecipients().map(({ emailAddress }) => emailAddress);
   }
-  async getRecipientsFull() {
+
+  async getRecipientsFull(): Promise<Array<Contact>> {
     return this.getRecipients();
   }
+
   getThreadViewDriver() {
     if (!this._threadViewDriver) throw new Error('failed to find threadView');
     return this._threadViewDriver;
   }
+
   getReadyStream() {
     // Needs to emit after any attachment cards have been added in order for
     // an app calling getFileAttachmentCardViews() immediately to see the cards.
     // The cards are emitted several microtasks after the message, so we delay
     // by about 10 microtasks here. An integration test tests this at least.
     // TODO something else.
-    return _kefir.default.repeat(i => i > 10 ? null : (0, _delayAsap.default)(null)).ignoreValues().beforeEnd(() => null);
+    return Kefir.repeat((i) => (i > 10 ? null : delayAsap(null)))
+      .ignoreValues()
+      .beforeEnd(() => null);
   }
+
   destroy() {
     this._eventStream.end();
-    this._attachmentCardViews.slice().forEach(card => {
+    this._attachmentCardViews.slice().forEach((card) => {
       card.destroy();
     });
   }
 }
-var _default = (0, _ud.defn)(module, InboxMessageView);
-exports.default = _default;
+
+export default defn(module, InboxMessageView);

package/src/platform-implementation-js/dom-driver/inbox/views/inbox-modal-view.js

@@ -1,48 +1,59 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _ud = require("ud");
-var _sortBy = _interopRequireDefault(require("lodash/sortBy"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirBus = _interopRequireDefault(require("kefir-bus"));
-var _insertElementInOrder = _interopRequireDefault(require("../../../lib/dom/insert-element-in-order"));
-var _querySelectorOrFail = _interopRequireDefault(require("../../../lib/dom/querySelectorOrFail"));
+/* @flow */
+
+import { defn } from 'ud';
+import sortBy from 'lodash/sortBy';
+import Kefir from 'kefir';
+import kefirBus from 'kefir-bus';
+import type { Bus } from 'kefir-bus';
+import insertElementInOrder from '../../../lib/dom/insert-element-in-order';
+import querySelector from '../../../lib/dom/querySelectorOrFail';
+
 class InboxModalView {
-  constructor(options) {
-    (0, _defineProperty2.default)(this, "_eventStream", (0, _kefirBus.default)());
+  _eventStream: Bus<Object> = kefirBus();
+  _modalContainerElement: HTMLElement;
+
+  constructor(options: Object) {
     this._setupModalContainerElement(options);
+
     this._processOptions(options);
-    const closeElement = (0, _querySelectorOrFail.default)(this._modalContainerElement, '.inboxsdk__close_button');
-    closeElement.addEventListener('click', event => {
+
+    const closeElement = querySelector(
+      this._modalContainerElement,
+      '.inboxsdk__close_button'
+    );
+
+    closeElement.addEventListener('click', (event: MouseEvent) => {
       this._eventStream.emit({
         eventName: 'closeClick',
-        domEvent: event
+        domEvent: event,
       });
     });
   }
+
   destroy() {
     this._modalContainerElement.remove();
     this._eventStream.end();
   }
-  getModalContainerElement() {
+
+  getModalContainerElement(): HTMLElement {
     return this._modalContainerElement;
   }
-  getEventStream() {
+  getEventStream(): Kefir.Observable<Object> {
     return this._eventStream;
   }
-  _processOptions(options) {
+
+  _processOptions(options: Object) {
     this.setTitle(options.title);
     this.setContentElement(options.el);
     this.setButtons(options.buttons || []);
     this.setChromeClasses(options.chrome, options.showCloseButton);
   }
-  setTitle(title) {
-    const heading = (0, _querySelectorOrFail.default)(this._modalContainerElement, '[role=heading]');
+
+  setTitle(title: string) {
+    const heading = querySelector(
+      this._modalContainerElement,
+      '[role=heading]'
+    );
     if (!title) {
       heading.style.display = 'none';
     } else {
@@ -50,8 +61,12 @@ class InboxModalView {
       heading.textContent = title;
     }
   }
-  setContentElement(element) {
-    const content = (0, _querySelectorOrFail.default)(this._modalContainerElement, '.inboxsdk__modal_content');
+
+  setContentElement(element: HTMLElement) {
+    const content = querySelector(
+      this._modalContainerElement,
+      '.inboxsdk__modal_content'
+    );
     content.innerHTML = '';
     if (typeof element === 'string') {
       content.innerHTML = element;
@@ -59,42 +74,66 @@ class InboxModalView {
       content.appendChild(element);
     }
   }
-  setButtons(buttons) {
-    const buttonContainer = (0, _querySelectorOrFail.default)(this._modalContainerElement, '.inboxsdk__modal_buttons');
+
+  setButtons(buttons: Object[]) {
+    const buttonContainer = querySelector(
+      this._modalContainerElement,
+      '.inboxsdk__modal_buttons'
+    );
+
     if (buttons.length > 0) {
       this._modalContainerElement.classList.add('inboxsdk__modal_hasButtons');
     } else {
-      this._modalContainerElement.classList.remove('inboxsdk__modal_hasButtons');
+      this._modalContainerElement.classList.remove(
+        'inboxsdk__modal_hasButtons'
+      );
     }
+
     buttonContainer.innerHTML = '';
-    (0, _sortBy.default)(buttons, [button => button.type === 'PRIMARY_ACTION' ? 0 : 1, button => button.orderHint || 0]).forEach(buttonDescriptor => {
+    sortBy(buttons, [
+      (button) => (button.type === 'PRIMARY_ACTION' ? 0 : 1),
+      (button) => button.orderHint || 0,
+    ]).forEach((buttonDescriptor) => {
       var buttonEl = document.createElement('input');
-      buttonEl.className = buttonDescriptor.type === 'PRIMARY_ACTION' ? 'inboxsdk__primary' : '';
+      buttonEl.className =
+        buttonDescriptor.type === 'PRIMARY_ACTION' ? 'inboxsdk__primary' : '';
       buttonEl.type = 'button';
       buttonEl.value = buttonDescriptor.text;
-      buttonEl.addEventListener('click', event => {
+      buttonEl.addEventListener('click', (event: MouseEvent) => {
         event.preventDefault();
         buttonDescriptor.onClick.call(null);
       });
       buttonContainer.appendChild(buttonEl);
     });
   }
-  setChromeClasses(chrome, showCloseButton) {
+
+  setChromeClasses(chrome: boolean, showCloseButton: boolean) {
     if (chrome === false) {
       this._modalContainerElement.classList.add('inboxsdk__modal_chromeless');
     } else {
-      this._modalContainerElement.classList.remove('inboxsdk__modal_chromeless');
+      this._modalContainerElement.classList.remove(
+        'inboxsdk__modal_chromeless'
+      );
     }
     if (showCloseButton) {
-      this._modalContainerElement.classList.add('inboxsdk__modal_showCloseButton');
+      this._modalContainerElement.classList.add(
+        'inboxsdk__modal_showCloseButton'
+      );
     } else {
-      this._modalContainerElement.classList.remove('inboxsdk__modal_showCloseButton');
+      this._modalContainerElement.classList.remove(
+        'inboxsdk__modal_showCloseButton'
+      );
     }
   }
-  _setupModalContainerElement(options) {
-    const constrainTitleWidthTopRowClass = options.constrainTitleWidth ? 'inboxsdk__modal_toprow--constrain-title-width' : '';
+
+  _setupModalContainerElement(options: Object) {
+    const constrainTitleWidthTopRowClass = options.constrainTitleWidth
+      ? 'inboxsdk__modal_toprow--constrain-title-width'
+      : '';
+
     this._modalContainerElement = document.createElement('div');
     this._modalContainerElement.className = 'inboxsdk__modal_fullscreen';
+
     var htmlString = `
     <div class="inboxsdk__modal_container" tabindex="0" role="alertdialog">
       <div class="inboxsdk__modal_toprow ${constrainTitleWidthTopRowClass}">
@@ -106,8 +145,9 @@ class InboxModalView {
       <div class="inboxsdk__modal_buttons"></div>
     </div>
     `;
+
     this._modalContainerElement.innerHTML = htmlString;
   }
 }
-var _default = (0, _ud.defn)(module, InboxModalView);
-exports.default = _default;
+
+export default defn(module, InboxModalView);