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

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

@@ -1,211 +1,151 @@
-/* @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 {}
-
+"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 {}
 class InboxMessageView {
-  _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
+  constructor(element, driver, parsed) {
+    (0, _defineProperty2.default)(this, "_eventStream", (0, _kefirBus.default)());
+    (0, _defineProperty2.default)(this, "_attachmentCardViews", []);
+    this; // 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.
-    makeMutationObserverChunkedStream(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();
-      });
-
-    makeMutationObserverChunkedStream(this._element, {
+      attributeFilter: ['data-msg-id']
+    }).toProperty(() => null).map(() => this._element.getAttribute('data-msg-id')).skipDuplicates().changes().onValue(() => {
+      this.destroy();
+    });
+    (0, _makeMutationObserverChunkedStream.default)(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();
-        }
-      });
-
+      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(): ?InboxThreadView {
+  _findThreadView() {
     const map = this._driver.getThreadViewElementsMap();
-    const threadViewElement = findParent(this._element, (el) =>
-      map.has((el: any))
-    );
+    const threadViewElement = (0, _findParent.default)(this._element, el => map.has(el));
     if (!threadViewElement) return null;
     return map.get(threadViewElement);
   }
-
   _reparse() {
     const oldParsed = this._p;
-    this._p = parser(this._element);
+    this._p = (0, _parser.default)(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: censorHTMLtree(this._element),
+        html: (0, _censorHTMLtree.default)(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.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.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());
   }
-
-  addAttachmentCardViewDriver(card: InboxAttachmentCardView) {
+  addAttachmentCardViewDriver(card) {
     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(): Kefir.Observable<Object> {
+  getEventStream() {
     return this._eventStream;
   }
-
   isLoaded() {
     return this._p.attributes.loaded;
   }
-
   hasOpenReply() {
     // Inbox associates inline replies with threads, not messages.
     return false;
   }
-
-  getMessageID(): string {
-    const { inboxMessageId } = this._p.attributes;
+  getMessageID() {
+    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(m[0]).toString(16);
+    return new _bignumber.default(m[0]).toString(16);
   }
-
-  async getMessageIDAsync(): Promise<string> {
-    const { inboxMessageId } = this._p.attributes;
+  async getMessageIDAsync() {
+    const {
+      inboxMessageId
+    } = this._p.attributes;
     if (!inboxMessageId) {
       throw new Error('Failed to find message id');
     }
@@ -214,55 +154,46 @@ 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(m[0]).toString(16);
+      return new _bignumber.default(m[0]).toString(16);
     }
   }
-
   getContentsElement() {
     if (!this._p.elements.body) throw new Error('Could not find body element');
     return this._p.elements.body;
   }
-
-  getLinks(): Array<MessageViewLinkDescriptor> {
+  getLinks() {
     throw new Error('not implemented yet');
   }
-  isElementInQuotedArea(el: HTMLElement): boolean {
-    const quotedArea = findParent(el, (el) =>
-      el.classList.contains('gmail_extra')
-    );
+  isElementInQuotedArea(el) {
+    const quotedArea = (0, _findParent.default)(el, el => el.classList.contains('gmail_extra'));
     return quotedArea != null;
   }
-  addMoreMenuItem(options: MessageViewToolbarButtonDescriptor): void {
+  addMoreMenuItem(options) {
     throw new Error('not implemented yet');
   }
-  addAttachmentIcon(options: Object): SafeEventEmitter & {} {
+  addAttachmentIcon(options) {
     // 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: any);
+    return this._attachmentCardViews;
   }
-  addAttachmentCard(options: Object) {
-    const { attachmentsArea } = this._p.elements;
+  addAttachmentCard(options) {
+    const {
+      attachmentsArea
+    } = this._p.elements;
     if (!attachmentsArea) throw new Error('Could not find attachments area');
     let container = attachmentsArea.lastElementChild;
     if (!container) {
@@ -272,77 +203,75 @@ class InboxMessageView {
       container = document.createElement('div');
       attachmentsArea.appendChild(container);
     }
-    return new InboxAttachmentCardView(
-      { ...options, element: null, container },
-      this._driver
-    );
+    return new _inboxAttachmentCardView.default({
+      ...options,
+      element: null,
+      container
+    }, this._driver);
   }
-  addButtonToDownloadAllArea(options: Object): void {
+  addButtonToDownloadAllArea(options) {
     // no-op in Inbox
   }
-  getViewState(): VIEW_STATE {
+  getViewState() {
     return this._p.attributes.viewState;
   }
-  getDateString(): string {
+  getDateString() {
     throw new Error('not implemented yet');
   }
-  getSender(): Contact {
-    const { sender } = this._p.elements;
+  getSender() {
+    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(): Array<Contact> {
+  getRecipients() {
     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 {
-          emailAddress,
-          name: el.textContent,
-        };
+    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
+      };
+    });
   }
-
-  getRecipientEmailAddresses(): Array<string> {
-    return this.getRecipients().map(({ emailAddress }) => emailAddress);
+  getRecipientEmailAddresses() {
+    return this.getRecipients().map(_ref => {
+      let {
+        emailAddress
+      } = _ref;
+      return emailAddress;
+    });
   }
-
-  async getRecipientsFull(): Promise<Array<Contact>> {
+  async getRecipientsFull() {
     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.repeat((i) => (i > 10 ? null : delayAsap(null)))
-      .ignoreValues()
-      .beforeEnd(() => null);
+    return _kefir.default.repeat(i => i > 10 ? null : (0, _delayAsap.default)(null)).ignoreValues().beforeEnd(() => null);
   }
-
   destroy() {
     this._eventStream.end();
-    this._attachmentCardViews.slice().forEach((card) => {
+    this._attachmentCardViews.slice().forEach(card => {
       card.destroy();
     });
   }
 }
-
-export default defn(module, InboxMessageView);
+var _default = (0, _ud.defn)(module, InboxMessageView);
+exports.default = _default;

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

@@ -1,59 +1,48 @@
-/* @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';
-
+"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"));
 class InboxModalView {
-  _eventStream: Bus<Object> = kefirBus();
-  _modalContainerElement: HTMLElement;
-
-  constructor(options: Object) {
+  constructor(options) {
+    (0, _defineProperty2.default)(this, "_eventStream", (0, _kefirBus.default)());
     this._setupModalContainerElement(options);
-
     this._processOptions(options);
-
-    const closeElement = querySelector(
-      this._modalContainerElement,
-      '.inboxsdk__close_button'
-    );
-
-    closeElement.addEventListener('click', (event: MouseEvent) => {
+    const closeElement = (0, _querySelectorOrFail.default)(this._modalContainerElement, '.inboxsdk__close_button');
+    closeElement.addEventListener('click', event => {
       this._eventStream.emit({
         eventName: 'closeClick',
-        domEvent: event,
+        domEvent: event
       });
     });
   }
-
   destroy() {
     this._modalContainerElement.remove();
     this._eventStream.end();
   }
-
-  getModalContainerElement(): HTMLElement {
+  getModalContainerElement() {
     return this._modalContainerElement;
   }
-  getEventStream(): Kefir.Observable<Object> {
+  getEventStream() {
     return this._eventStream;
   }
-
-  _processOptions(options: Object) {
+  _processOptions(options) {
     this.setTitle(options.title);
     this.setContentElement(options.el);
     this.setButtons(options.buttons || []);
     this.setChromeClasses(options.chrome, options.showCloseButton);
   }
-
-  setTitle(title: string) {
-    const heading = querySelector(
-      this._modalContainerElement,
-      '[role=heading]'
-    );
+  setTitle(title) {
+    const heading = (0, _querySelectorOrFail.default)(this._modalContainerElement, '[role=heading]');
     if (!title) {
       heading.style.display = 'none';
     } else {
@@ -61,12 +50,8 @@ class InboxModalView {
       heading.textContent = title;
     }
   }
-
-  setContentElement(element: HTMLElement) {
-    const content = querySelector(
-      this._modalContainerElement,
-      '.inboxsdk__modal_content'
-    );
+  setContentElement(element) {
+    const content = (0, _querySelectorOrFail.default)(this._modalContainerElement, '.inboxsdk__modal_content');
     content.innerHTML = '';
     if (typeof element === 'string') {
       content.innerHTML = element;
@@ -74,66 +59,42 @@ class InboxModalView {
       content.appendChild(element);
     }
   }
-
-  setButtons(buttons: Object[]) {
-    const buttonContainer = querySelector(
-      this._modalContainerElement,
-      '.inboxsdk__modal_buttons'
-    );
-
+  setButtons(buttons) {
+    const buttonContainer = (0, _querySelectorOrFail.default)(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 = '';
-    sortBy(buttons, [
-      (button) => (button.type === 'PRIMARY_ACTION' ? 0 : 1),
-      (button) => button.orderHint || 0,
-    ]).forEach((buttonDescriptor) => {
+    (0, _sortBy.default)(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: MouseEvent) => {
+      buttonEl.addEventListener('click', event => {
         event.preventDefault();
         buttonDescriptor.onClick.call(null);
       });
       buttonContainer.appendChild(buttonEl);
     });
   }
-
-  setChromeClasses(chrome: boolean, showCloseButton: boolean) {
+  setChromeClasses(chrome, showCloseButton) {
     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: Object) {
-    const constrainTitleWidthTopRowClass = options.constrainTitleWidth
-      ? 'inboxsdk__modal_toprow--constrain-title-width'
-      : '';
-
+  _setupModalContainerElement(options) {
+    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}">
@@ -145,9 +106,8 @@ class InboxModalView {
       <div class="inboxsdk__modal_buttons"></div>
     </div>
     `;
-
     this._modalContainerElement.innerHTML = htmlString;
   }
 }
-
-export default defn(module, InboxModalView);
+var _default = (0, _ud.defn)(module, InboxModalView);
+exports.default = _default;