@inboxsdk/core 0.2.28-alpha.0 → 0.2.28-alpha.2

package/src/platform-implementation-js/views/collapsible-panel-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-panel-view.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/views/collapsible-panel-view.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,eAAe,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AAIpE,OAAO,WAAW,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAClF,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAa1C,KAAK,aAAa,GAAG;IACnB,MAAM,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9B,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CAChC,CAAC;mDAEmE,aAAa,aAAa,CAAC;AAAhG,qBAAa,oBAAqB,SAAQ,yBAAuD;;IAC/F,MAAM,CAAC,gBAAgB;;;MAGZ;IACX,MAAM,CAAC,UAAU;;;QAGf,kDAAkD;;MAEzC;IAQX,IAAI,OAAO,4BAEV;IAED,IAAI,eAAe,CAAC,eAAe,EAAE,0BAA0B,EAG9D;gBAEW,MAAM,EAAE,WAAW;IAQ/B,cAAc,CAAC,SAAS,EAAE,OAAO;IAejC;;OAEG;IACH,IAAI,CAAC,aAAa,EAAE,OAAO;IAW3B;;OAEG;IACH,KAAK,CAAC,aAAa,EAAE,OAAO;IAY5B;;OAEG;IACH,QAAQ;IAQR;;OAEG;IACH,UAAU;IAOV,MAAM;IAON,UAAU,CACR,iBAAiB,EACb,iBAAiB,GACjB,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC;CAuK/C"}

package/src/platform-implementation-js/views/collapsible-section-view.js

@@ -0,0 +1,88 @@
+/* @flow */
+
+import { defn } from 'ud';
+import EventEmitter from '../lib/safe-event-emitter';
+import get from '../../common/get-or-fail';
+import type { Driver } from '../driver-interfaces/driver';
+import type GmailCollapsibleSectionView from '../dom-driver/gmail/views/gmail-collapsible-section-view';
+
+const membersMap = new WeakMap();
+
+// documented in src/docs/
+class CollapsibleSectionView extends EventEmitter {
+  destroyed: boolean;
+
+  constructor(
+    collapsibleSectionViewDriver: GmailCollapsibleSectionView,
+    driver: Driver
+  ) {
+    super();
+    const members = { collapsibleSectionViewDriver };
+    membersMap.set(this, members);
+
+    this.destroyed = false;
+    _bindToEventStream(this, collapsibleSectionViewDriver, driver);
+  }
+
+  setCollapsed(value: boolean) {
+    get(membersMap, this).collapsibleSectionViewDriver.setCollapsed(value);
+  }
+
+  remove() {
+    this.destroy();
+  }
+
+  destroy() {
+    const members = get(membersMap, this);
+    members.collapsibleSectionViewDriver.destroy();
+    this.removeAllListeners();
+  }
+}
+
+function _bindToEventStream(
+  collapsibleSectionView,
+  collapsibleSectionViewDriver,
+  driver
+) {
+  collapsibleSectionViewDriver.getEventStream().onValue(({ eventName }) => {
+    collapsibleSectionView.emit(eventName);
+  });
+
+  collapsibleSectionViewDriver
+    .getEventStream()
+    .filter(({ eventName }) => eventName === 'rowClicked')
+    .onValue(({ rowDescriptor }) => {
+      if (rowDescriptor.routeID) {
+        driver.goto(rowDescriptor.routeID, rowDescriptor.routeParams);
+      }
+
+      if (typeof rowDescriptor.onClick === 'function') {
+        rowDescriptor.onClick();
+      }
+    });
+
+  collapsibleSectionViewDriver
+    .getEventStream()
+    .filter(({ eventName }) => eventName === 'titleLinkClicked')
+    .onValue(({ sectionDescriptor }) => {
+      if (sectionDescriptor.onTitleLinkClick) {
+        sectionDescriptor.onTitleLinkClick(collapsibleSectionView);
+      }
+    });
+
+  collapsibleSectionViewDriver
+    .getEventStream()
+    .filter(({ eventName }) => eventName === 'footerClicked')
+    .onValue(({ sectionDescriptor }) => {
+      if (sectionDescriptor.onFooterLinkClick) {
+        sectionDescriptor.onFooterLinkClick(collapsibleSectionView);
+      }
+    });
+
+  collapsibleSectionViewDriver.getEventStream().onEnd(() => {
+    collapsibleSectionView.destroyed = true;
+    collapsibleSectionView.emit('destroy');
+  });
+}
+
+export default defn(module, CollapsibleSectionView);

package/src/platform-implementation-js/views/compose-button-view.d.ts

@@ -22,3 +22,4 @@ export default class ComposeButtonView extends EventEmitter {
     closeTooltip(): void;
 }
 export {};
+//# sourceMappingURL=compose-button-view.d.ts.map

package/src/platform-implementation-js/views/compose-button-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose-button-view.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/views/compose-button-view.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,2BAA2B,CAAC;AAErD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,IAAI,GAAG,WAAW,CAAC;IACxB,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,IAAI,GAAG;QAAE,OAAO,CAAC,EAAE,QAAQ,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CACvD;AAED,UAAU,OAAO;IACf,gBAAgB,EAAE,GAAG,CAAC;IACtB,oBAAoB,EAAE,GAAG,CAAC;CAC3B;AAUD,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,YAAY;IAClD,SAAS,EAAE,OAAO,CAAS;gBAGhC,cAAc,EAAE,OAAO,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,EACnD,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM;IAkBT,WAAW,CAAC,iBAAiB,EAAE,iBAAiB;IAiBhD,YAAY;CASpB"}

package/src/platform-implementation-js/views/compose-view.d.ts

@@ -87,3 +87,4 @@ export default class ComposeView extends EventEmitter {
     ensureAppButtonToolbarsAreClosed(): void;
     overrideEditSubject(): void;
 }
+//# sourceMappingURL=compose-view.d.ts.map

package/src/platform-implementation-js/views/compose-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose-view.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/views/compose-view.ts"],"names":[],"mappings":"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"}

package/src/platform-implementation-js/views/content-panel-view.js

@@ -0,0 +1,53 @@
+/* @flow */
+
+import Kefir from 'kefir';
+import EventEmitter from '../lib/safe-event-emitter';
+import get from '../../common/get-or-fail';
+
+import type ContentPanelViewDriver from '../driver-common/sidebar/ContentPanelViewDriver';
+
+const membersMap = new WeakMap();
+
+// documented in src/docs/
+export default class ContentPanelView extends EventEmitter {
+  destroyed: boolean = false;
+
+  constructor(contentPanelViewImplementation: ContentPanelViewDriver) {
+    super();
+
+    const members = { contentPanelViewImplementation };
+    membersMap.set(this, members);
+
+    this._bindToStreamEvents();
+  }
+
+  remove() {
+    get(membersMap, this).contentPanelViewImplementation.remove();
+  }
+
+  close() {
+    get(membersMap, this).contentPanelViewImplementation.close();
+  }
+
+  open() {
+    get(membersMap, this).contentPanelViewImplementation.open();
+  }
+
+  isActive(): boolean {
+    return get(membersMap, this).contentPanelViewImplementation.isActive();
+  }
+
+  _bindToStreamEvents() {
+    const stream: Kefir.Observable<any> = get(
+      membersMap,
+      this
+    ).contentPanelViewImplementation.getEventStream();
+    stream.onValue(({ eventName }) => {
+      this.emit(eventName);
+    });
+    stream.onEnd(() => {
+      this.destroyed = true;
+      this.emit('destroy');
+    });
+  }
+}

package/src/platform-implementation-js/views/conversations/attachment-card-view.js

@@ -0,0 +1,69 @@
+/* @flow */
+
+import { defn } from 'ud';
+import util from 'util';
+import EventEmitter from '../../lib/safe-event-emitter';
+import type Membrane from '../../lib/Membrane';
+
+import type MessageView from './message-view';
+import type {
+  Driver,
+  AttachmentCardViewDriver,
+} from '../../driver-interfaces/driver';
+
+// documented in src/docs/
+class AttachmentCardView extends EventEmitter {
+  _attachmentCardImplementation: AttachmentCardViewDriver;
+  _driver: Driver;
+  _membrane: Membrane;
+  destroyed: boolean;
+
+  constructor(
+    attachmentCardImplementation: AttachmentCardViewDriver,
+    driver: Driver,
+    membrane: Membrane
+  ) {
+    super();
+    this.destroyed = false;
+    this._driver = driver;
+    this._membrane = membrane;
+    this._attachmentCardImplementation = attachmentCardImplementation;
+    this._attachmentCardImplementation.getStopper().onValue(() => {
+      this.destroyed = true;
+      this.emit('destroy');
+    });
+  }
+
+  getAttachmentType(): string {
+    return this._attachmentCardImplementation.getAttachmentType();
+  }
+
+  addButton(buttonOptions: Object) {
+    this._attachmentCardImplementation.addButton(buttonOptions);
+  }
+
+  getTitle(): string {
+    return this._attachmentCardImplementation.getTitle();
+  }
+
+  getDownloadURL(): Promise<?string> {
+    this._driver
+      .getLogger()
+      .deprecationWarning(
+        'AttachmentCardView.getDownloadURL',
+        'AttachmentCardView.addButton -> onClick -> AttachmentCardClickEvent'
+      );
+    if (this._driver.getOpts().REQUESTED_API_VERSION !== 1) {
+      throw new Error('This method was discontinued after API version 1');
+    }
+    return this._attachmentCardImplementation.getDownloadURL();
+  }
+
+  getMessageView(): ?MessageView {
+    const messageViewDriver =
+      this._attachmentCardImplementation.getMessageViewDriver();
+    return messageViewDriver ? this._membrane.get(messageViewDriver) : null;
+  }
+}
+
+export default defn(module, AttachmentCardView);

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

@@ -0,0 +1,165 @@
+/* @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
+  ) {
+    super();
+
+    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);
+  }
+
+  destroy() {
+    if (this._destroyed) return;
+    this._destroyed = true;
+    this._stopper.destroy();
+    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;
+  }
+
+  _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) => {
+      if (this._isCollapsed) {
+        this.expand();
+        e.preventDefault();
+        e.stopPropagation();
+      }
+    });
+
+    this._contentHeaderEl.addEventListener('click', (e: MouseEvent) => {
+      this.collapse();
+      e.preventDefault();
+      e.stopPropagation();
+    });
+  }
+}

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

@@ -0,0 +1,288 @@
+/* @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());
+
+// documented in src/docs/
+class MessageView extends EventEmitter {
+  destroyed: boolean = false;
+
+  constructor(
+    messageViewImplementation: MessageViewDriver,
+    appId: string,
+    membrane: Membrane,
+    Conversations: Object,
+    driver: Driver
+  ) {
+    super();
+
+    const members = {
+      messageViewImplementation,
+      membrane,
+      Conversations,
+      driver,
+      linksInBody: (null: ?Array<MessageViewLinkDescriptor>),
+    };
+    memberMap.set(this, members);
+
+    _bindToEventStream(
+      this,
+      members,
+      messageViewImplementation.getEventStream()
+    );
+  }
+
+  addAttachmentCardView(cardOptions: Object): AttachmentCardView {
+    const { messageViewImplementation, membrane } = get(memberMap, this);
+    const attachmentCardViewDriver =
+      messageViewImplementation.addAttachmentCard(cardOptions);
+    const attachmentCardView = membrane.get(attachmentCardViewDriver);
+
+    attachmentCardViewDriver.getPreviewClicks().onValue((e) => {
+      if (cardOptions.previewOnClick) {
+        cardOptions.previewOnClick({
+          attachmentCardView,
+          preventDefault: () => e.preventDefault(),
+        });
+      }
+    });
+
+    return attachmentCardView;
+  }
+
+  // TODO why is this a separate method?
+  addAttachmentCardViewNoPreview(cardOptions: Object): AttachmentCardView {
+    return this.addAttachmentCardView(cardOptions);
+  }
+
+  addAttachmentsToolbarButton(buttonOptions: Object) {
+    const { messageViewImplementation, membrane } = get(memberMap, this);
+    messageViewImplementation.addButtonToDownloadAllArea({
+      tooltip: buttonOptions.tooltip,
+      iconUrl: buttonOptions.iconUrl,
+      onClick: () => {
+        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'
+      );
+    }
+    const { messageViewImplementation } = get(memberMap, this);
+    messageViewImplementation.addMoreMenuItem(buttonOptions);
+  }
+
+  getBodyElement(): HTMLElement {
+    return get(memberMap, this).messageViewImplementation.getContentsElement();
+  }
+
+  getMessageID(): string {
+    get(memberMap, this)
+      .driver.getLogger()
+      .deprecationWarning(
+        'messageView.getMessageID',
+        'messageView.getMessageIDAsync'
+      );
+    return get(memberMap, this).messageViewImplementation.getMessageID();
+  }
+
+  getMessageIDAsync(): Promise<string> {
+    return get(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)
+      );
+  }
+
+  // Deprecated name
+  getAttachmentCardViews(): Array<AttachmentCardView> {
+    const { driver } = get(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
+    );
+  }
+
+  isLoaded(): boolean {
+    return get(memberMap, this).messageViewImplementation.isLoaded();
+  }
+
+  getLinksInBody(): Array<MessageViewLinkDescriptor> {
+    const members = get(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),
+        })
+      );
+    }
+
+    return members.linksInBody;
+  }
+
+  getSender(): Contact {
+    return get(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) => ({
+      emailAddress,
+      name: null,
+    }));
+  }
+
+  getRecipientEmailAddresses(): Array<string> {
+    return get(
+      memberMap,
+      this
+    ).messageViewImplementation.getRecipientEmailAddresses();
+  }
+
+  getRecipientsFull(): Promise<Array<Contact>> {
+    return get(memberMap, this).messageViewImplementation.getRecipientsFull();
+  }
+
+  getThreadView(): ThreadView {
+    const { messageViewImplementation, membrane } = get(memberMap, this);
+    return membrane.get(messageViewImplementation.getThreadViewDriver());
+  }
+
+  getDateString(): string {
+    return get(memberMap, this).messageViewImplementation.getDateString();
+  }
+
+  addAttachmentIcon(iconDescriptor: Object) {
+    return get(memberMap, this).messageViewImplementation.addAttachmentIcon(
+      iconDescriptor
+    );
+  }
+
+  getViewState(): VIEW_STATE {
+    const members = get(memberMap, this);
+    return members.Conversations.MessageViewViewStates[
+      members.messageViewImplementation.getViewState()
+    ];
+  }
+
+  hasOpenReply(): boolean {
+    const { driver, messageViewImplementation } = get(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();
+  }
+}
+
+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(),
+      });
+    });
+
+  if (messageView.isLoaded()) {
+    asap(() => {
+      messageView.emit('load', { messageView });
+    });
+  } else {
+    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,
+      });
+    });
+}
+
+export default defn(module, MessageView);