@inboxsdk/core 0.2.28-alpha.5 → 0.2.28

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

@@ -1,44 +1,52 @@
-"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 _includes = _interopRequireDefault(require("lodash/includes"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
-var _kefirBus = _interopRequireDefault(require("kefir-bus"));
-var _router = require("../../../constants/router");
+/* @flow */
+
+import includes from 'lodash/includes';
+import Kefir from 'kefir';
+import kefirStopper from 'kefir-stopper';
+import kefirBus from 'kefir-bus';
+
+import type { RouteViewDriver } from '../../../driver-interfaces/route-view-driver';
+
+import { NATIVE_ROUTE_IDS } from '../../../constants/router';
+
 function getRouteID(path) {
   if (path === '') {
-    return _router.NATIVE_ROUTE_IDS.INBOX;
+    return NATIVE_ROUTE_IDS.INBOX;
   }
-  if ((0, _includes.default)(['snoozed', 'reminders', 'done', 'spam', 'trash'], path)) {
-    return _router.NATIVE_ROUTE_IDS[path.toUpperCase()];
+  if (includes(['snoozed', 'reminders', 'done', 'spam', 'trash'], path)) {
+    return NATIVE_ROUTE_IDS[path.toUpperCase()];
   }
   if (/search\//.test(path)) {
-    return _router.NATIVE_ROUTE_IDS.SEARCH;
+    return NATIVE_ROUTE_IDS.SEARCH;
   }
   return 'UNKNOWN';
 }
+
 function getParams(path) {
   const parts = path.split('/');
   if (parts.length < 2) {
     return {};
   }
   return {
-    query: decodeURIComponent(parts[1])
+    query: decodeURIComponent(parts[1]),
   };
 }
-class InboxRouteView {
-  constructor(el, type) {
-    (0, _defineProperty2.default)(this, "_eventStream", (0, _kefirBus.default)());
-    (0, _defineProperty2.default)(this, "_stopper", (0, _kefirStopper.default)());
+
+export default class InboxRouteView {
+  _element: HTMLElement;
+  _type: string;
+  _routeType: string;
+  _routeID: string;
+  _params: Object;
+  _eventStream = kefirBus();
+  _stopper = kefirStopper();
+
+  constructor(el: HTMLElement, type: string) {
     // Check we implement interface
-    this;
+    (this: RouteViewDriver);
+
     this._element = el;
+
     this._type = type;
     const path = document.location.pathname.slice(1);
     this._routeID = getRouteID(path);
@@ -53,45 +61,63 @@ class InboxRouteView {
   getStopper() {
     return this._stopper;
   }
+
   destroy() {
     this._eventStream.end();
     this._stopper.destroy();
   }
-  getElement() {
+
+  getElement(): HTMLElement {
     return this._element;
   }
-  getType() {
+
+  getType(): string {
     return this._type;
   }
-  getRouteType() {
+
+  getRouteType(): string {
     return this._routeType;
   }
-  getRouteID() {
+
+  getRouteID(): string {
     return this._routeID;
   }
-  getParams() {
+
+  getParams(): Object {
     return this._params;
   }
-  getEventStream() {
+
+  getEventStream(): Kefir.Observable<Object> {
     return this._eventStream;
   }
+
   refresh() {
     // stub
   }
-  getHash() {
+
+  getHash(): string {
     throw new Error('should not happen');
   }
-  getCustomViewElement() {
+
+  getCustomViewElement(): ?HTMLElement {
     throw new Error('should not happen');
   }
-  addCollapsibleSection(sectionDescriptorProperty, groupOrderHint) {
+
+  addCollapsibleSection(
+    sectionDescriptorProperty: Kefir.Observable<?Object>,
+    groupOrderHint: any
+  ) {
     throw new Error('not implemented yet');
   }
-  addSection(sectionDescriptorProperty, groupOrderHint) {
+
+  addSection(
+    sectionDescriptorProperty: Kefir.Observable<?Object>,
+    groupOrderHint: any
+  ) {
     throw new Error('not implemented yet');
   }
-  setFullWidth(fullWidth) {
+
+  setFullWidth(fullWidth: boolean) {
     throw new Error('should not happen');
   }
 }
-exports.default = InboxRouteView;

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

@@ -1,95 +1,120 @@
-"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 _updateIcon = _interopRequireDefault(require("../../../driver-common/update-icon"));
-var _autoHtml = _interopRequireDefault(require("auto-html"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirBus = _interopRequireDefault(require("kefir-bus"));
-var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
-var _kefirCast = _interopRequireDefault(require("kefir-cast"));
-var _bignumber = _interopRequireDefault(require("bignumber.js"));
-var _InboxLabelView = _interopRequireDefault(require("./InboxLabelView"));
-var _InboxToolbarButtonView = _interopRequireDefault(require("./InboxToolbarButtonView"));
+/* @flow */
+
+import { defn } from 'ud';
+import updateIcon from '../../../driver-common/update-icon';
+import autoHtml from 'auto-html';
+import Kefir from 'kefir';
+import kefirBus from 'kefir-bus';
+import type { Bus } from 'kefir-bus';
+import kefirStopper from 'kefir-stopper';
+import kefirCast from 'kefir-cast';
+import BigNumber from 'bignumber.js';
+import InboxLabelView from './InboxLabelView';
+import InboxToolbarButtonView from './InboxToolbarButtonView';
+
+import type InboxDriver from '../inbox-driver';
+import type { Parsed } from '../detection/thread-row/parser';
+
 class InboxThreadRowView {
-  constructor(element, driver, parsed) {
-    (0, _defineProperty2.default)(this, "_eventStream", (0, _kefirBus.default)());
-    (0, _defineProperty2.default)(this, "_isDestroyed", false);
+  _element: HTMLElement;
+  _driver: InboxDriver;
+  _p: Parsed;
+  _userView: ?Object;
+  _eventStream: Bus<any> = kefirBus();
+  _stopper: Kefir.Observable<null>;
+  _isDestroyed: boolean = false;
+
+  constructor(element: HTMLElement, driver: InboxDriver, parsed: Parsed) {
     this._element = element;
     this._driver = driver;
     this._p = parsed;
-    this._stopper = this._eventStream.ignoreValues().beforeEnd(() => null).toProperty();
+
+    this._stopper = this._eventStream
+      .ignoreValues()
+      .beforeEnd(() => null)
+      .toProperty();
   }
-  getEventStream() {
+
+  getEventStream(): Kefir.Observable<any> {
     return this._eventStream;
   }
-  getStopper() {
+
+  getStopper(): Kefir.Observable<null> {
     return this._stopper;
   }
 
   // keeping this here for now since the rest of the system expects it.
   // in Gmail it's used to pass a ThreadRowView interface to addButton()
   // onClick callbacks, but not sure if it will be needed in the end.
-  setUserView(userView) {
+  setUserView(userView: Object) {
     this._userView = userView;
   }
-  isSelected() {
+
+  isSelected(): boolean {
     if (!this._p.elements.checkbox) {
       throw new Error('Did not find checkbox element');
     }
     return this._p.elements.checkbox.getAttribute('aria-checked') === 'true';
   }
-  addToolbarButton(options) {
-    const {
-      toolbar
-    } = this._p.elements;
+
+  addToolbarButton(options: Object) {
+    const { toolbar } = this._p.elements;
     if (!toolbar) {
       throw new Error('could not find toolbar element');
     }
     toolbar.classList.add('inboxsdk__list_toolbar');
-    const button = new _InboxToolbarButtonView.default({
-      ...options,
-      onClick: event => {
-        if (event.dropdown) {
-          toolbar.classList.add('inboxsdk__thread_row_force_toolbar_visible');
-          event.dropdown.once('destroy', () => {
-            toolbar.classList.remove('inboxsdk__thread_row_force_toolbar_visible');
-          });
-        }
-        if (options.onClick) options.onClick(event);
-      }
-    }, this._driver.getAppId(), toolbar);
+    const button = new InboxToolbarButtonView(
+      {
+        ...options,
+        onClick: (event) => {
+          if (event.dropdown) {
+            toolbar.classList.add('inboxsdk__thread_row_force_toolbar_visible');
+            event.dropdown.once('destroy', () => {
+              toolbar.classList.remove(
+                'inboxsdk__thread_row_force_toolbar_visible'
+              );
+            });
+          }
+          if (options.onClick) options.onClick(event);
+        },
+      },
+      this._driver.getAppId(),
+      toolbar
+    );
     this._stopper.takeUntilBy(button.getStopper()).onValue(() => {
       button.destroy();
     });
     return button;
   }
-  addAttachmentIcon(options) {
+
+  addAttachmentIcon(options: Object) {
     throw new Error('Not supported in Inbox');
   }
-  addButton(options) {
+
+  addButton(options: Object) {
     throw new Error('Not supported in Inbox');
   }
-  addActionButton(options) {
+
+  addActionButton(options: Object) {
     throw new Error('not yet implemented');
   }
-  addImage(icon) {
+
+  addImage(icon: Object) {
     if (this._isDestroyed) {
       console.warn('addImage called on destroyed thread row'); //eslint-disable-line no-console
       return;
     }
-    const {
-      labelParent
-    } = this._p.elements;
+
+    const { labelParent } = this._p.elements;
     if (!labelParent) throw new Error('Could not find label parent element');
-    const prop = (0, _kefirCast.default)(_kefir.default, icon).takeUntilBy(this._stopper).toProperty();
+
+    const prop = kefirCast((Kefir: any), icon)
+      .takeUntilBy(this._stopper)
+      .toProperty();
+
     let imageMod = null;
-    prop.onValue(iconDescriptor => {
+
+    prop.onValue((iconDescriptor) => {
       if (!iconDescriptor) {
         if (imageMod) {
           imageMod.remove();
@@ -102,41 +127,60 @@ class InboxThreadRowView {
             iconWrapper: document.createElement('div'),
             remove() {
               this.iconWrapper.remove();
-            }
+            },
           };
           imageMod.iconWrapper.className = 'inboxsdk__thread_row_icon_wrapper';
         }
-        const {
+        const { iconSettings, iconWrapper } = imageMod;
+
+        updateIcon(
           iconSettings,
-          iconWrapper
-        } = imageMod;
-        (0, _updateIcon.default)(iconSettings, iconWrapper, false, iconDescriptor.imageClass, iconDescriptor.imageUrl);
+          iconWrapper,
+          false,
+          iconDescriptor.imageClass,
+          iconDescriptor.imageUrl
+        );
+
         if (iconDescriptor.tooltip) {
           iconWrapper.setAttribute('title', iconDescriptor.tooltip);
         }
+
         if (labelParent !== iconWrapper.parentElement) {
-          const threadLabels = labelParent.querySelectorAll('.inboxsdk__inbox_thread_row_label');
-          const insertionPoint = threadLabels.length > 0 ? threadLabels[threadLabels.length - 1].nextElementSibling : labelParent.firstChild;
+          const threadLabels = labelParent.querySelectorAll(
+            '.inboxsdk__inbox_thread_row_label'
+          );
+          const insertionPoint =
+            threadLabels.length > 0
+              ? threadLabels[threadLabels.length - 1].nextElementSibling
+              : labelParent.firstChild;
+
           labelParent.insertBefore(iconWrapper, insertionPoint);
         }
       }
     });
+
     this._stopper.onEnd(() => {
       if (imageMod) {
         imageMod.remove();
       }
     });
   }
-  addLabel(label) {
+
+  addLabel(label: Object) {
     if (this._isDestroyed) {
       console.warn('addLabel called on destroyed thread row'); //eslint-disable-line no-console
       return;
     }
+
     const labelParentDiv = this._p.elements.labelParent;
     if (!labelParentDiv) throw new Error('Could not find label parent element');
-    const prop = (0, _kefirCast.default)(_kefir.default, label).takeUntilBy(this._stopper).toProperty();
+
+    const prop: Kefir.Observable<?Object> = kefirCast(Kefir, label)
+      .takeUntilBy(this._stopper)
+      .toProperty();
     let labelMod = null;
-    prop.onValue(labelDescriptor => {
+
+    prop.onValue((labelDescriptor) => {
       if (!labelDescriptor) {
         if (labelMod) {
           labelMod.remove();
@@ -144,43 +188,61 @@ class InboxThreadRowView {
         }
       } else {
         if (!labelMod) {
-          const inboxLabelView = new _InboxLabelView.default();
+          const inboxLabelView = new InboxLabelView();
           const el = inboxLabelView.getElement();
           labelMod = {
             inboxLabelView,
-            remove: el.remove.bind(el)
+            remove: el.remove.bind(el),
           };
         }
+
         labelMod.inboxLabelView.updateLabelDescriptor(labelDescriptor);
-        if (labelParentDiv !== labelMod.inboxLabelView.getElement().parentElement) {
-          const threadLabels = labelParentDiv.querySelectorAll('.inboxsdk__inbox_thread_row_label');
-          const insertionPoint = threadLabels.length > 0 ? threadLabels[threadLabels.length - 1].nextElementSibling : labelParentDiv.firstChild;
-          labelParentDiv.insertBefore(labelMod.inboxLabelView.getElement(), insertionPoint);
+
+        if (
+          labelParentDiv !== labelMod.inboxLabelView.getElement().parentElement
+        ) {
+          const threadLabels = labelParentDiv.querySelectorAll(
+            '.inboxsdk__inbox_thread_row_label'
+          );
+          const insertionPoint =
+            threadLabels.length > 0
+              ? threadLabels[threadLabels.length - 1].nextElementSibling
+              : labelParentDiv.firstChild;
+
+          labelParentDiv.insertBefore(
+            labelMod.inboxLabelView.getElement(),
+            insertionPoint
+          );
         }
       }
     });
+
     this._stopper.onEnd(() => {
       if (labelMod) {
         labelMod.remove();
       }
     });
   }
+
   getDateString() {
     throw new Error('Not supported in Inbox');
   }
-  getSubject() {
+
+  getSubject(): string {
     if (!this._p.elements.subject) {
       throw new Error('Failed to find subject');
     }
     return this._p.elements.subject.textContent;
   }
+
   getThreadID() {
-    throw new Error('Not supported in Inbox. Please use getThreadIDAsync() instead');
+    throw new Error(
+      'Not supported in Inbox. Please use getThreadIDAsync() instead'
+    );
   }
-  async getThreadIDAsync() {
-    const {
-      inboxThreadId
-    } = this._p.attributes;
+
+  async getThreadIDAsync(): Promise<string> {
+    const { inboxThreadId } = this._p.attributes;
     if (!inboxThreadId) {
       throw new Error('Failed to find thread id');
     }
@@ -189,21 +251,23 @@ class InboxThreadRowView {
       // Get the inbox message id of any message in the thread, convert it to
       // a gmail message id, and then use that id in a request
       // to a gmail endpoint to get the id of the thread that message is in.
-      const inboxMessageId = await this._driver.getInboxMessageIdForInboxThreadId(inboxThreadId);
-      const gmailMessageId = await this._driver.getGmailMessageIdForSyncMessageId(inboxMessageId);
+      const inboxMessageId =
+        await this._driver.getInboxMessageIdForInboxThreadId(inboxThreadId);
+      const gmailMessageId =
+        await this._driver.getGmailMessageIdForSyncMessageId(inboxMessageId);
+
       return await this._driver.getThreadIdFromMessageId(gmailMessageId);
     } else {
       this._driver.trackThreadRowIdCall(true, inboxThreadId);
       const m = /\d+$/.exec(inboxThreadId);
       if (!m) throw new Error('Should not happen');
-      return new _bignumber.default(m[0]).toString(16);
+      return new BigNumber(m[0]).toString(16);
     }
   }
-  async getDraftID() {
-    const {
-      isOnlyDraft,
-      inboxThreadId
-    } = this._p.attributes;
+
+  async getDraftID(): Promise<?string> {
+    const { isOnlyDraft, inboxThreadId } = this._p.attributes;
+
     if (isOnlyDraft && inboxThreadId) {
       const m = /\d+$/.exec(inboxThreadId);
       if (!m) throw new Error('Should not happen');
@@ -212,31 +276,32 @@ class InboxThreadRowView {
       return null;
     }
   }
-  getVisibleDraftCount() {
-    const {
-      visibleDraftCount
-    } = this._p.attributes;
-    if (typeof visibleDraftCount !== 'number') throw new Error('Failed to find visible draft count');
+
+  getVisibleDraftCount(): number {
+    const { visibleDraftCount } = this._p.attributes;
+    if (typeof visibleDraftCount !== 'number')
+      throw new Error('Failed to find visible draft count');
     return visibleDraftCount;
   }
-  getVisibleMessageCount() {
-    const {
-      visibleMessageCount
-    } = this._p.attributes;
-    if (typeof visibleMessageCount !== 'number') throw new Error('Failed to find visible message count');
+
+  getVisibleMessageCount(): number {
+    const { visibleMessageCount } = this._p.attributes;
+    if (typeof visibleMessageCount !== 'number')
+      throw new Error('Failed to find visible message count');
     return visibleMessageCount;
   }
-  getContacts() {
-    const {
-      contacts
-    } = this._p.attributes;
+
+  getContacts(): Contact[] {
+    const { contacts } = this._p.attributes;
     if (!Array.isArray(contacts)) throw new Error('Failed to find contacts');
     return contacts;
   }
-  replaceDate(options) {
+
+  replaceDate(options: Object) {
     throw new Error('Not supported in Inbox');
   }
-  replaceDraftLabel(label) {
+
+  replaceDraftLabel(label: Object) {
     if (this._isDestroyed) {
       console.warn('addLabel called on destroyed thread row'); //eslint-disable-line no-console
       return;
@@ -244,24 +309,24 @@ class InboxThreadRowView {
 
     // We don't want to replace draft labels on messages without drafts
     if (this._p.attributes.visibleDraftCount === 0) return;
-    const {
-      recipientParent,
-      messageCountParent
-    } = this._p.elements;
-    if (!recipientParent || !messageCountParent) throw new Error('Could not find necessary parent elements');
-    const prop = (0, _kefirCast.default)(_kefir.default, label).takeUntilBy(this._stopper).toProperty();
+
+    const { recipientParent, messageCountParent } = this._p.elements;
+    if (!recipientParent || !messageCountParent)
+      throw new Error('Could not find necessary parent elements');
+
+    const prop: Kefir.Observable<?Object> = kefirCast(Kefir, label)
+      .takeUntilBy(this._stopper)
+      .toProperty();
     let labelMod = null;
-    prop.onValue(labelDescriptor => {
+
+    prop.onValue((labelDescriptor) => {
       if (!labelDescriptor) {
         if (labelMod) {
           labelMod.remove();
           labelMod = null;
         }
       } else {
-        const {
-          text,
-          count
-        } = labelDescriptor;
+        const { text, count } = labelDescriptor;
         if (!labelMod) {
           labelMod = {
             countEl: document.createElement('span'),
@@ -269,37 +334,68 @@ class InboxThreadRowView {
             remove() {
               this.countEl.remove();
               this.draftEl.remove();
-              recipientParent.classList.remove('inboxsdk__thread_row_draft_label_replaced');
-              messageCountParent.classList.remove('inboxsdk__thread_row_draft_count_replaced');
-              if (!messageCountParent.querySelector('span:not(.inboxsdk__thread_row_custom_draft_count)')) {
-                messageCountParent.style.display = 'none';
+
+              recipientParent.classList.remove(
+                'inboxsdk__thread_row_draft_label_replaced'
+              );
+              messageCountParent.classList.remove(
+                'inboxsdk__thread_row_draft_count_replaced'
+              );
+
+              if (
+                !messageCountParent.querySelector(
+                  'span:not(.inboxsdk__thread_row_custom_draft_count)'
+                )
+              ) {
+                ((messageCountParent: any): HTMLElement).style.display = 'none';
               }
-            }
+            },
           };
-          labelMod.draftEl.className = 'inboxsdk__thread_row_custom_draft_label';
-          labelMod.countEl.className = 'inboxsdk__thread_row_custom_draft_count';
-          recipientParent.classList.add('inboxsdk__thread_row_draft_label_replaced');
+
+          labelMod.draftEl.className =
+            'inboxsdk__thread_row_custom_draft_label';
+          labelMod.countEl.className =
+            'inboxsdk__thread_row_custom_draft_count';
+
+          recipientParent.classList.add(
+            'inboxsdk__thread_row_draft_label_replaced'
+          );
         }
+
         labelMod.draftEl.textContent = text;
+
         if (recipientParent !== labelMod.draftEl.parentElement) {
           recipientParent.appendChild(labelMod.draftEl);
         }
-        const hasExistingCountEl = messageCountParent.querySelector('span:not(.inboxsdk__thread_row_custom_draft_count)');
+
+        const hasExistingCountEl = messageCountParent.querySelector(
+          'span:not(.inboxsdk__thread_row_custom_draft_count)'
+        );
+
         if (count && count > 1) {
-          messageCountParent.classList.add('inboxsdk__thread_row_draft_count_replaced');
-          messageCountParent.style.display = 'inline';
-          labelMod.countEl.innerHTML = hasExistingCountEl ? (0, _autoHtml.default)`(${count})` : (0, _autoHtml.default)`&nbsp;(${count})`;
+          messageCountParent.classList.add(
+            'inboxsdk__thread_row_draft_count_replaced'
+          );
+          ((messageCountParent: any): HTMLElement).style.display = 'inline';
+
+          labelMod.countEl.innerHTML = hasExistingCountEl
+            ? autoHtml`(${count})`
+            : autoHtml`&nbsp;(${count})`;
+
           if (messageCountParent !== labelMod.countEl.parentElement) {
             messageCountParent.appendChild(labelMod.countEl);
           }
         } else {
-          messageCountParent.classList.remove('inboxsdk__thread_row_draft_count_replaced');
+          messageCountParent.classList.remove(
+            'inboxsdk__thread_row_draft_count_replaced'
+          );
           if (!hasExistingCountEl) {
-            messageCountParent.style.display = 'none';
+            ((messageCountParent: any): HTMLElement).style.display = 'none';
           }
           labelMod.countEl.remove();
         }
       }
+
       this._stopper.onEnd(() => {
         if (labelMod) {
           labelMod.remove();
@@ -307,10 +403,11 @@ class InboxThreadRowView {
       });
     });
   }
+
   destroy() {
     this._isDestroyed = true;
     this._eventStream.end();
   }
 }
-var _default = (0, _ud.defn)(module, InboxThreadRowView);
-exports.default = _default;
+
+export default defn(module, InboxThreadRowView);