@inboxsdk/core 0.2.28-alpha.5 → 0.2.28

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

@@ -1,45 +1,48 @@
-"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 _safeEventEmitter = _interopRequireDefault(require("../lib/safe-event-emitter"));
-var _getOrFail = _interopRequireDefault(require("../../common/get-or-fail"));
+/* @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/
-class ContentPanelView extends _safeEventEmitter.default {
-  constructor(contentPanelViewImplementation) {
+export default class ContentPanelView extends EventEmitter {
+  destroyed: boolean = false;
+
+  constructor(contentPanelViewImplementation: ContentPanelViewDriver) {
     super();
-    (0, _defineProperty2.default)(this, "destroyed", false);
-    const members = {
-      contentPanelViewImplementation
-    };
+
+    const members = { contentPanelViewImplementation };
     membersMap.set(this, members);
+
     this._bindToStreamEvents();
   }
+
   remove() {
-    (0, _getOrFail.default)(membersMap, this).contentPanelViewImplementation.remove();
+    get(membersMap, this).contentPanelViewImplementation.remove();
   }
+
   close() {
-    (0, _getOrFail.default)(membersMap, this).contentPanelViewImplementation.close();
+    get(membersMap, this).contentPanelViewImplementation.close();
   }
+
   open() {
-    (0, _getOrFail.default)(membersMap, this).contentPanelViewImplementation.open();
+    get(membersMap, this).contentPanelViewImplementation.open();
   }
-  isActive() {
-    return (0, _getOrFail.default)(membersMap, this).contentPanelViewImplementation.isActive();
+
+  isActive(): boolean {
+    return get(membersMap, this).contentPanelViewImplementation.isActive();
   }
+
   _bindToStreamEvents() {
-    const stream = (0, _getOrFail.default)(membersMap, this).contentPanelViewImplementation.getEventStream();
-    stream.onValue(_ref => {
-      let {
-        eventName
-      } = _ref;
+    const stream: Kefir.Observable<any> = get(
+      membersMap,
+      this
+    ).contentPanelViewImplementation.getEventStream();
+    stream.onValue(({ eventName }) => {
       this.emit(eventName);
     });
     stream.onEnd(() => {
@@ -48,4 +51,3 @@ class ContentPanelView extends _safeEventEmitter.default {
     });
   }
 }
-exports.default = ContentPanelView;

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

@@ -1,16 +1,28 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ud = require("ud");
-var _util = _interopRequireDefault(require("util"));
-var _safeEventEmitter = _interopRequireDefault(require("../../lib/safe-event-emitter"));
+/* @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 _safeEventEmitter.default {
-  constructor(attachmentCardImplementation, driver, membrane) {
+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;
@@ -21,26 +33,37 @@ class AttachmentCardView extends _safeEventEmitter.default {
       this.emit('destroy');
     });
   }
-  getAttachmentType() {
+
+  getAttachmentType(): string {
     return this._attachmentCardImplementation.getAttachmentType();
   }
-  addButton(buttonOptions) {
+
+  addButton(buttonOptions: Object) {
     this._attachmentCardImplementation.addButton(buttonOptions);
   }
-  getTitle() {
+
+  getTitle(): string {
     return this._attachmentCardImplementation.getTitle();
   }
-  getDownloadURL() {
-    this._driver.getLogger().deprecationWarning('AttachmentCardView.getDownloadURL', 'AttachmentCardView.addButton -> onClick -> AttachmentCardClickEvent');
+
+  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() {
-    const messageViewDriver = this._attachmentCardImplementation.getMessageViewDriver();
+
+  getMessageView(): ?MessageView {
+    const messageViewDriver =
+      this._attachmentCardImplementation.getMessageViewDriver();
     return messageViewDriver ? this._membrane.get(messageViewDriver) : null;
   }
 }
-var _default = (0, _ud.defn)(module, AttachmentCardView);
-exports.default = _default;
+
+export default defn(module, AttachmentCardView);

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

@@ -1,46 +1,88 @@
-"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) {
+/* @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();
-    (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;
@@ -48,58 +90,76 @@ class CustomMessageView extends _safeEventEmitter.default {
     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 => {
+
+    this._el.addEventListener('click', (e: MouseEvent) => {
       if (this._isCollapsed) {
         this.expand();
         e.preventDefault();
         e.stopPropagation();
       }
     });
-    this._contentHeaderEl.addEventListener('click', e => {
+
+    this._contentHeaderEl.addEventListener('click', (e: MouseEvent) => {
       this.collapse();
       e.preventDefault();
       e.stopPropagation();
     });
   }
 }
-exports.default = CustomMessageView;