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

package/src/platform-implementation-js/views/conversations/custom-message-view.js

@@ -1,88 +1,46 @@
-/* @flow */
-
-import Kefir from 'kefir';
-import kefirStopper from 'kefir-stopper';
-import once from 'lodash/once';
-
-import SafeEventEmitter from '../../lib/safe-event-emitter';
-
-export type CustomMessageDescriptor = {
-  collapsedEl: HTMLElement,
-  headerEl: HTMLElement,
-  bodyEl: HTMLElement,
-  iconUrl: string,
-  sortDate: Date,
-};
-
-export default class CustomMessageView extends SafeEventEmitter {
-  _el: HTMLElement;
-  _iconEl: HTMLElement;
-  _contentEl: HTMLElement;
-  _contentHeaderEl: HTMLElement;
-  _contentBodyEl: HTMLElement;
-  _destroyed: boolean = false;
-  _stopper = kefirStopper();
-  _isCollapsed: boolean = true;
-  _lastDescriptor: ?CustomMessageDescriptor;
-
-  constructor(
-    descriptorStream: Kefir.Observable<CustomMessageDescriptor>,
-    onReady: () => any
-  ) {
+"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 _kefir = _interopRequireDefault(require("kefir"));
+var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
+var _once = _interopRequireDefault(require("lodash/once"));
+var _safeEventEmitter = _interopRequireDefault(require("../../lib/safe-event-emitter"));
+class CustomMessageView extends _safeEventEmitter.default {
+  constructor(descriptorStream, onReady) {
     super();
-
+    (0, _defineProperty2.default)(this, "_destroyed", false);
+    (0, _defineProperty2.default)(this, "_stopper", (0, _kefirStopper.default)());
+    (0, _defineProperty2.default)(this, "_isCollapsed", true);
     this._setupElement();
-
-    descriptorStream
-      .takeUntilBy(this._stopper)
-      .onValue((descriptor) => {
-        this._el.setAttribute(
-          'data-inboxsdk-sortdate',
-          String(descriptor.sortDate.getTime())
-        );
-
-        const previousDescriptor = this._lastDescriptor;
-        this._lastDescriptor = descriptor;
-
-        if (
-          !previousDescriptor ||
-          previousDescriptor.iconUrl !== descriptor.iconUrl
-        ) {
-          const img = document.createElement('img');
-          img.src = descriptor.iconUrl;
-          this._iconEl.innerHTML = '';
-          this._iconEl.appendChild(img);
-        }
-
-        if (
-          (!previousDescriptor ||
-            previousDescriptor.collapsedEl !== descriptor.collapsedEl) &&
-          this._isCollapsed
-        ) {
-          if (previousDescriptor) previousDescriptor.collapsedEl.remove();
-          this._contentEl.appendChild(descriptor.collapsedEl);
-        }
-
-        if (
-          !previousDescriptor ||
-          previousDescriptor.headerEl !== descriptor.headerEl
-        ) {
-          if (previousDescriptor) previousDescriptor.headerEl.remove();
-          this._contentHeaderEl.appendChild(descriptor.headerEl);
-        }
-
-        if (
-          !previousDescriptor ||
-          previousDescriptor.bodyEl !== descriptor.bodyEl
-        ) {
-          if (previousDescriptor) previousDescriptor.bodyEl.remove();
-          this._contentBodyEl.appendChild(descriptor.bodyEl);
-        }
-      })
-      .take(1)
-      .onValue(onReady);
+    descriptorStream.takeUntilBy(this._stopper).onValue(descriptor => {
+      this._el.setAttribute('data-inboxsdk-sortdate', String(descriptor.sortDate.getTime()));
+      const previousDescriptor = this._lastDescriptor;
+      this._lastDescriptor = descriptor;
+      if (!previousDescriptor || previousDescriptor.iconUrl !== descriptor.iconUrl) {
+        const img = document.createElement('img');
+        img.src = descriptor.iconUrl;
+        this._iconEl.innerHTML = '';
+        this._iconEl.appendChild(img);
+      }
+      if ((!previousDescriptor || previousDescriptor.collapsedEl !== descriptor.collapsedEl) && this._isCollapsed) {
+        if (previousDescriptor) previousDescriptor.collapsedEl.remove();
+        this._contentEl.appendChild(descriptor.collapsedEl);
+      }
+      if (!previousDescriptor || previousDescriptor.headerEl !== descriptor.headerEl) {
+        if (previousDescriptor) previousDescriptor.headerEl.remove();
+        this._contentHeaderEl.appendChild(descriptor.headerEl);
+      }
+      if (!previousDescriptor || previousDescriptor.bodyEl !== descriptor.bodyEl) {
+        if (previousDescriptor) previousDescriptor.bodyEl.remove();
+        this._contentBodyEl.appendChild(descriptor.bodyEl);
+      }
+    }).take(1).onValue(onReady);
   }
-
   destroy() {
     if (this._destroyed) return;
     this._destroyed = true;
@@ -90,76 +48,58 @@ export default class CustomMessageView extends SafeEventEmitter {
     this.emit('destroy');
     this._el.remove();
   }
-
   expand() {
     this._isCollapsed = false;
     const descriptor = this._lastDescriptor;
-
     if (descriptor) descriptor.collapsedEl.remove();
-
     this._contentEl.appendChild(this._contentHeaderEl);
     this._contentEl.appendChild(this._contentBodyEl);
-
     this._el.classList.remove('inboxsdk__custom_message_view_collapsed');
     this.emit('expanded');
   }
-
   collapse() {
     this._isCollapsed = true;
     this._contentHeaderEl.remove();
     this._contentBodyEl.remove();
-
     const descriptor = this._lastDescriptor;
-
     if (descriptor) {
       this._contentEl.appendChild(descriptor.collapsedEl);
     }
-
     this._el.classList.add('inboxsdk__custom_message_view_collapsed');
     this.emit('collapsed');
   }
-
   getElement() {
     return this._el;
   }
-
   getSortDate() {
-    if (this._lastDescriptor) return this._lastDescriptor.sortDate;
-    else return null;
+    if (this._lastDescriptor) return this._lastDescriptor.sortDate;else return null;
   }
-
   _setupElement() {
     this._el = document.createElement('div');
     this._el.classList.add('inboxsdk__custom_message_view');
     this._el.classList.add('inboxsdk__custom_message_view_collapsed');
-
     this._iconEl = document.createElement('div');
     this._iconEl.classList.add('inboxsdk__custom_message_view_icon');
-
     this._contentEl = document.createElement('div');
     this._contentEl.classList.add('inboxsdk__custom_message_view_content');
-
     this._contentHeaderEl = document.createElement('div');
     this._contentHeaderEl.classList.add('inboxsdk__custom_message_view_header');
-
     this._contentBodyEl = document.createElement('div');
     this._contentBodyEl.classList.add('inboxsdk__custom_message_view_body');
-
     this._el.appendChild(this._iconEl);
     this._el.appendChild(this._contentEl);
-
-    this._el.addEventListener('click', (e: MouseEvent) => {
+    this._el.addEventListener('click', e => {
       if (this._isCollapsed) {
         this.expand();
         e.preventDefault();
         e.stopPropagation();
       }
     });
-
-    this._contentHeaderEl.addEventListener('click', (e: MouseEvent) => {
+    this._contentHeaderEl.addEventListener('click', e => {
       this.collapse();
       e.preventDefault();
       e.stopPropagation();
     });
   }
 }
+exports.default = CustomMessageView;

package/src/platform-implementation-js/views/conversations/message-view.js

@@ -1,288 +1,217 @@
-/* @flow */
-
-import { defn, defonce } from 'ud';
-import asap from 'asap';
-import EventEmitter from '../../lib/safe-event-emitter';
-import type Membrane from '../../lib/Membrane';
-import get from '../../../common/get-or-fail';
-import AttachmentCardView from './attachment-card-view';
-import { MessageViewToolbarSectionNames } from '../../namespaces/conversations';
-import type ThreadView from './thread-view';
-import type {
-  MessageViewDriver,
-  VIEW_STATE,
-  MessageViewLinkDescriptor,
-  MessageViewToolbarButtonDescriptor,
-} from '../../driver-interfaces/message-view-driver';
-import type { Driver } from '../../driver-interfaces/driver';
-
-const memberMap = defonce(module, () => new WeakMap());
+"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 _safeEventEmitter = _interopRequireDefault(require("../../lib/safe-event-emitter"));
+var _getOrFail = _interopRequireDefault(require("../../../common/get-or-fail"));
+var _attachmentCardView = _interopRequireDefault(require("./attachment-card-view"));
+var _conversations = require("../../namespaces/conversations");
+const memberMap = (0, _ud.defonce)(module, () => new WeakMap());
 
 // documented in src/docs/
-class MessageView extends EventEmitter {
-  destroyed: boolean = false;
-
-  constructor(
-    messageViewImplementation: MessageViewDriver,
-    appId: string,
-    membrane: Membrane,
-    Conversations: Object,
-    driver: Driver
-  ) {
+class MessageView extends _safeEventEmitter.default {
+  constructor(messageViewImplementation, appId, membrane, Conversations, driver) {
     super();
-
+    (0, _defineProperty2.default)(this, "destroyed", false);
     const members = {
       messageViewImplementation,
       membrane,
       Conversations,
       driver,
-      linksInBody: (null: ?Array<MessageViewLinkDescriptor>),
+      linksInBody: null
     };
     memberMap.set(this, members);
-
-    _bindToEventStream(
-      this,
-      members,
-      messageViewImplementation.getEventStream()
-    );
+    _bindToEventStream(this, members, messageViewImplementation.getEventStream());
   }
-
-  addAttachmentCardView(cardOptions: Object): AttachmentCardView {
-    const { messageViewImplementation, membrane } = get(memberMap, this);
-    const attachmentCardViewDriver =
-      messageViewImplementation.addAttachmentCard(cardOptions);
+  addAttachmentCardView(cardOptions) {
+    const {
+      messageViewImplementation,
+      membrane
+    } = (0, _getOrFail.default)(memberMap, this);
+    const attachmentCardViewDriver = messageViewImplementation.addAttachmentCard(cardOptions);
     const attachmentCardView = membrane.get(attachmentCardViewDriver);
-
-    attachmentCardViewDriver.getPreviewClicks().onValue((e) => {
+    attachmentCardViewDriver.getPreviewClicks().onValue(e => {
       if (cardOptions.previewOnClick) {
         cardOptions.previewOnClick({
           attachmentCardView,
-          preventDefault: () => e.preventDefault(),
+          preventDefault: () => e.preventDefault()
         });
       }
     });
-
     return attachmentCardView;
   }
 
   // TODO why is this a separate method?
-  addAttachmentCardViewNoPreview(cardOptions: Object): AttachmentCardView {
+  addAttachmentCardViewNoPreview(cardOptions) {
     return this.addAttachmentCardView(cardOptions);
   }
-
-  addAttachmentsToolbarButton(buttonOptions: Object) {
-    const { messageViewImplementation, membrane } = get(memberMap, this);
+  addAttachmentsToolbarButton(buttonOptions) {
+    const {
+      messageViewImplementation,
+      membrane
+    } = (0, _getOrFail.default)(memberMap, this);
     messageViewImplementation.addButtonToDownloadAllArea({
       tooltip: buttonOptions.tooltip,
       iconUrl: buttonOptions.iconUrl,
       onClick: () => {
-        const attachmentCardViews = messageViewImplementation
-          .getAttachmentCardViewDrivers()
-          .map((cardDriver) => membrane.get(cardDriver));
-        buttonOptions.onClick({ attachmentCardViews });
-      },
+        const attachmentCardViews = messageViewImplementation.getAttachmentCardViewDrivers().map(cardDriver => membrane.get(cardDriver));
+        buttonOptions.onClick({
+          attachmentCardViews
+        });
+      }
     });
   }
-
-  addToolbarButton(buttonOptions: MessageViewToolbarButtonDescriptor) {
-    if (
-      typeof buttonOptions.onClick !== 'function' ||
-      typeof buttonOptions.title !== 'string' ||
-      !Object.prototype.hasOwnProperty.call(
-        MessageViewToolbarSectionNames,
-        buttonOptions.section
-      )
-    ) {
-      throw new Error(
-        'Missing required properties on MessageViewToolbarButtonDescriptor object'
-      );
+  addToolbarButton(buttonOptions) {
+    if (typeof buttonOptions.onClick !== 'function' || typeof buttonOptions.title !== 'string' || !Object.prototype.hasOwnProperty.call(_conversations.MessageViewToolbarSectionNames, buttonOptions.section)) {
+      throw new Error('Missing required properties on MessageViewToolbarButtonDescriptor object');
     }
-    const { messageViewImplementation } = get(memberMap, this);
+    const {
+      messageViewImplementation
+    } = (0, _getOrFail.default)(memberMap, this);
     messageViewImplementation.addMoreMenuItem(buttonOptions);
   }
-
-  getBodyElement(): HTMLElement {
-    return get(memberMap, this).messageViewImplementation.getContentsElement();
+  getBodyElement() {
+    return (0, _getOrFail.default)(memberMap, this).messageViewImplementation.getContentsElement();
   }
-
-  getMessageID(): string {
-    get(memberMap, this)
-      .driver.getLogger()
-      .deprecationWarning(
-        'messageView.getMessageID',
-        'messageView.getMessageIDAsync'
-      );
-    return get(memberMap, this).messageViewImplementation.getMessageID();
+  getMessageID() {
+    (0, _getOrFail.default)(memberMap, this).driver.getLogger().deprecationWarning('messageView.getMessageID', 'messageView.getMessageIDAsync');
+    return (0, _getOrFail.default)(memberMap, this).messageViewImplementation.getMessageID();
   }
-
-  getMessageIDAsync(): Promise<string> {
-    return get(memberMap, this).messageViewImplementation.getMessageIDAsync();
+  getMessageIDAsync() {
+    return (0, _getOrFail.default)(memberMap, this).messageViewImplementation.getMessageIDAsync();
   }
 
   // TODO non-file-attachment card views are asynchronously loaded. Add some sort of
   // registerAttachmentCardViewHandler function to listen for other types of
   // attachment cards if we want to continue support for them.
-  getFileAttachmentCardViews(): Array<AttachmentCardView> {
-    const { messageViewImplementation, membrane } = get(memberMap, this);
-    return messageViewImplementation
-      .getAttachmentCardViewDrivers()
-      .filter((cardDriver) => cardDriver.getAttachmentType() === 'FILE')
-      .map((attachmentCardViewDriver) =>
-        membrane.get(attachmentCardViewDriver)
-      );
+  getFileAttachmentCardViews() {
+    const {
+      messageViewImplementation,
+      membrane
+    } = (0, _getOrFail.default)(memberMap, this);
+    return messageViewImplementation.getAttachmentCardViewDrivers().filter(cardDriver => cardDriver.getAttachmentType() === 'FILE').map(attachmentCardViewDriver => membrane.get(attachmentCardViewDriver));
   }
 
   // Deprecated name
-  getAttachmentCardViews(): Array<AttachmentCardView> {
-    const { driver } = get(memberMap, this);
-    driver
-      .getLogger()
-      .deprecationWarning(
-        'MessageView.getAttachmentCardViews',
-        'MessageView.getFileAttachmentCardViews'
-      );
+  getAttachmentCardViews() {
+    const {
+      driver
+    } = (0, _getOrFail.default)(memberMap, this);
+    driver.getLogger().deprecationWarning('MessageView.getAttachmentCardViews', 'MessageView.getFileAttachmentCardViews');
     if (driver.getOpts().REQUESTED_API_VERSION !== 1) {
       throw new Error('This method was discontinued after API version 1');
     }
     return this.getFileAttachmentCardViews();
   }
-
-  isElementInQuotedArea(element: HTMLElement): boolean {
-    return get(memberMap, this).messageViewImplementation.isElementInQuotedArea(
-      element
-    );
+  isElementInQuotedArea(element) {
+    return (0, _getOrFail.default)(memberMap, this).messageViewImplementation.isElementInQuotedArea(element);
   }
-
-  isLoaded(): boolean {
-    return get(memberMap, this).messageViewImplementation.isLoaded();
+  isLoaded() {
+    return (0, _getOrFail.default)(memberMap, this).messageViewImplementation.isLoaded();
   }
-
-  getLinksInBody(): Array<MessageViewLinkDescriptor> {
-    const members = get(memberMap, this);
+  getLinksInBody() {
+    const members = (0, _getOrFail.default)(memberMap, this);
     if (!members.linksInBody) {
       const anchors = this.getBodyElement().querySelectorAll('a');
-      members.linksInBody = Array.from((anchors: any)).map(
-        (anchor: HTMLAnchorElement) => ({
-          text: anchor.textContent,
-          html: anchor.innerHTML,
-          href: anchor.href,
-          element: anchor,
-          isInQuotedArea: this.isElementInQuotedArea(anchor),
-        })
-      );
+      members.linksInBody = Array.from(anchors).map(anchor => ({
+        text: anchor.textContent,
+        html: anchor.innerHTML,
+        href: anchor.href,
+        element: anchor,
+        isInQuotedArea: this.isElementInQuotedArea(anchor)
+      }));
     }
-
     return members.linksInBody;
   }
-
-  getSender(): Contact {
-    return get(memberMap, this).messageViewImplementation.getSender();
+  getSender() {
+    return (0, _getOrFail.default)(memberMap, this).messageViewImplementation.getSender();
   }
-
-  getRecipients(): Array<Contact> {
-    get(memberMap, this)
-      .driver.getLogger()
-      .deprecationWarning(
-        'MessageView.getRecipients',
-        'MessageView.getRecipientEmailAddresses() or MessageView.getRecipientsFull()'
-      );
-    return this.getRecipientEmailAddresses().map((emailAddress) => ({
+  getRecipients() {
+    (0, _getOrFail.default)(memberMap, this).driver.getLogger().deprecationWarning('MessageView.getRecipients', 'MessageView.getRecipientEmailAddresses() or MessageView.getRecipientsFull()');
+    return this.getRecipientEmailAddresses().map(emailAddress => ({
       emailAddress,
-      name: null,
+      name: null
     }));
   }
-
-  getRecipientEmailAddresses(): Array<string> {
-    return get(
-      memberMap,
-      this
-    ).messageViewImplementation.getRecipientEmailAddresses();
+  getRecipientEmailAddresses() {
+    return (0, _getOrFail.default)(memberMap, this).messageViewImplementation.getRecipientEmailAddresses();
   }
-
-  getRecipientsFull(): Promise<Array<Contact>> {
-    return get(memberMap, this).messageViewImplementation.getRecipientsFull();
+  getRecipientsFull() {
+    return (0, _getOrFail.default)(memberMap, this).messageViewImplementation.getRecipientsFull();
   }
-
-  getThreadView(): ThreadView {
-    const { messageViewImplementation, membrane } = get(memberMap, this);
+  getThreadView() {
+    const {
+      messageViewImplementation,
+      membrane
+    } = (0, _getOrFail.default)(memberMap, this);
     return membrane.get(messageViewImplementation.getThreadViewDriver());
   }
-
-  getDateString(): string {
-    return get(memberMap, this).messageViewImplementation.getDateString();
+  getDateString() {
+    return (0, _getOrFail.default)(memberMap, this).messageViewImplementation.getDateString();
   }
-
-  addAttachmentIcon(iconDescriptor: Object) {
-    return get(memberMap, this).messageViewImplementation.addAttachmentIcon(
-      iconDescriptor
-    );
+  addAttachmentIcon(iconDescriptor) {
+    return (0, _getOrFail.default)(memberMap, this).messageViewImplementation.addAttachmentIcon(iconDescriptor);
   }
-
-  getViewState(): VIEW_STATE {
-    const members = get(memberMap, this);
-    return members.Conversations.MessageViewViewStates[
-      members.messageViewImplementation.getViewState()
-    ];
+  getViewState() {
+    const members = (0, _getOrFail.default)(memberMap, this);
+    return members.Conversations.MessageViewViewStates[members.messageViewImplementation.getViewState()];
   }
-
-  hasOpenReply(): boolean {
-    const { driver, messageViewImplementation } = get(memberMap, this);
+  hasOpenReply() {
+    const {
+      driver,
+      messageViewImplementation
+    } = (0, _getOrFail.default)(memberMap, this);
     driver.getLogger().deprecationWarning('MessageView.hasOpenReply');
     if (driver.getOpts().REQUESTED_API_VERSION !== 1) {
       throw new Error('This method was discontinued after API version 1');
     }
-    return get(memberMap, this).messageViewImplementation.hasOpenReply();
+    return (0, _getOrFail.default)(memberMap, this).messageViewImplementation.hasOpenReply();
   }
 }
-
 function _bindToEventStream(messageView, members, stream) {
   stream.onEnd(function () {
     messageView.destroyed = true;
     messageView.emit('destroy');
-
     messageView.removeAllListeners();
   });
-
-  stream
-    .filter(function (event) {
-      return event.type !== 'internal' && event.eventName === 'contactHover';
-    })
-    .onValue(function (event) {
-      messageView.emit(event.eventName, {
-        contactType: event.contactType,
-        contact: event.contact,
-        messageView: messageView,
-        threadView: messageView.getThreadView(),
-      });
+  stream.filter(function (event) {
+    return event.type !== 'internal' && event.eventName === 'contactHover';
+  }).onValue(function (event) {
+    messageView.emit(event.eventName, {
+      contactType: event.contactType,
+      contact: event.contact,
+      messageView: messageView,
+      threadView: messageView.getThreadView()
     });
-
+  });
   if (messageView.isLoaded()) {
-    asap(() => {
-      messageView.emit('load', { messageView });
+    (0, _asap.default)(() => {
+      messageView.emit('load', {
+        messageView
+      });
     });
   } else {
-    stream
-      .filter((event) => event.eventName === 'messageLoad')
-      .onValue((event) => {
-        messageView.emit('load', {
-          messageView: messageView,
-        });
+    stream.filter(event => event.eventName === 'messageLoad').onValue(event => {
+      messageView.emit('load', {
+        messageView: messageView
       });
+    });
   }
-
-  stream
-    .filter(function (event) {
-      return event.eventName === 'viewStateChange';
-    })
-    .onValue(function (event) {
-      messageView.emit('viewStateChange', {
-        oldViewState:
-          members.Conversations.MessageViewViewStates[event.oldValue],
-        newViewState:
-          members.Conversations.MessageViewViewStates[event.newValue],
-        messageView: messageView,
-      });
+  stream.filter(function (event) {
+    return event.eventName === 'viewStateChange';
+  }).onValue(function (event) {
+    messageView.emit('viewStateChange', {
+      oldViewState: members.Conversations.MessageViewViewStates[event.oldValue],
+      newViewState: members.Conversations.MessageViewViewStates[event.newValue],
+      messageView: messageView
     });
+  });
 }
-
-export default defn(module, MessageView);
+var _default = (0, _ud.defn)(module, MessageView);
+exports.default = _default;