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

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

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

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

@@ -1,120 +1,95 @@
-/* @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';
-
+"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"));
 class InboxThreadRowView {
-  _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) {
+  constructor(element, driver, parsed) {
+    (0, _defineProperty2.default)(this, "_eventStream", (0, _kefirBus.default)());
+    (0, _defineProperty2.default)(this, "_isDestroyed", false);
     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(): Kefir.Observable<any> {
+  getEventStream() {
     return this._eventStream;
   }
-
-  getStopper(): Kefir.Observable<null> {
+  getStopper() {
     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: Object) {
+  setUserView(userView) {
     this._userView = userView;
   }
-
-  isSelected(): boolean {
+  isSelected() {
     if (!this._p.elements.checkbox) {
       throw new Error('Did not find checkbox element');
     }
     return this._p.elements.checkbox.getAttribute('aria-checked') === 'true';
   }
-
-  addToolbarButton(options: Object) {
-    const { toolbar } = this._p.elements;
+  addToolbarButton(options) {
+    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(
-      {
-        ...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.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);
     this._stopper.takeUntilBy(button.getStopper()).onValue(() => {
       button.destroy();
     });
     return button;
   }
-
-  addAttachmentIcon(options: Object) {
+  addAttachmentIcon(options) {
     throw new Error('Not supported in Inbox');
   }
-
-  addButton(options: Object) {
+  addButton(options) {
     throw new Error('Not supported in Inbox');
   }
-
-  addActionButton(options: Object) {
+  addActionButton(options) {
     throw new Error('not yet implemented');
   }
-
-  addImage(icon: Object) {
+  addImage(icon) {
     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 = kefirCast((Kefir: any), icon)
-      .takeUntilBy(this._stopper)
-      .toProperty();
-
+    const prop = (0, _kefirCast.default)(_kefir.default, icon).takeUntilBy(this._stopper).toProperty();
     let imageMod = null;
-
-    prop.onValue((iconDescriptor) => {
+    prop.onValue(iconDescriptor => {
       if (!iconDescriptor) {
         if (imageMod) {
           imageMod.remove();
@@ -127,60 +102,41 @@ class InboxThreadRowView {
             iconWrapper: document.createElement('div'),
             remove() {
               this.iconWrapper.remove();
-            },
+            }
           };
           imageMod.iconWrapper.className = 'inboxsdk__thread_row_icon_wrapper';
         }
-        const { iconSettings, iconWrapper } = imageMod;
-
-        updateIcon(
+        const {
           iconSettings,
-          iconWrapper,
-          false,
-          iconDescriptor.imageClass,
-          iconDescriptor.imageUrl
-        );
-
+          iconWrapper
+        } = imageMod;
+        (0, _updateIcon.default)(iconSettings, 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: Object) {
+  addLabel(label) {
     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: Kefir.Observable<?Object> = kefirCast(Kefir, label)
-      .takeUntilBy(this._stopper)
-      .toProperty();
+    const prop = (0, _kefirCast.default)(_kefir.default, label).takeUntilBy(this._stopper).toProperty();
     let labelMod = null;
-
-    prop.onValue((labelDescriptor) => {
+    prop.onValue(labelDescriptor => {
       if (!labelDescriptor) {
         if (labelMod) {
           labelMod.remove();
@@ -188,61 +144,43 @@ class InboxThreadRowView {
         }
       } else {
         if (!labelMod) {
-          const inboxLabelView = new InboxLabelView();
+          const inboxLabelView = new _InboxLabelView.default();
           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(): string {
+  getSubject() {
     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(): Promise<string> {
-    const { inboxThreadId } = this._p.attributes;
+  async getThreadIDAsync() {
+    const {
+      inboxThreadId
+    } = this._p.attributes;
     if (!inboxThreadId) {
       throw new Error('Failed to find thread id');
     }
@@ -251,23 +189,21 @@ 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(m[0]).toString(16);
+      return new _bignumber.default(m[0]).toString(16);
     }
   }
-
-  async getDraftID(): Promise<?string> {
-    const { isOnlyDraft, inboxThreadId } = this._p.attributes;
-
+  async getDraftID() {
+    const {
+      isOnlyDraft,
+      inboxThreadId
+    } = this._p.attributes;
     if (isOnlyDraft && inboxThreadId) {
       const m = /\d+$/.exec(inboxThreadId);
       if (!m) throw new Error('Should not happen');
@@ -276,32 +212,31 @@ class InboxThreadRowView {
       return null;
     }
   }
-
-  getVisibleDraftCount(): number {
-    const { visibleDraftCount } = this._p.attributes;
-    if (typeof visibleDraftCount !== 'number')
-      throw new Error('Failed to find visible draft count');
+  getVisibleDraftCount() {
+    const {
+      visibleDraftCount
+    } = this._p.attributes;
+    if (typeof visibleDraftCount !== 'number') throw new Error('Failed to find visible draft count');
     return visibleDraftCount;
   }
-
-  getVisibleMessageCount(): number {
-    const { visibleMessageCount } = this._p.attributes;
-    if (typeof visibleMessageCount !== 'number')
-      throw new Error('Failed to find visible message count');
+  getVisibleMessageCount() {
+    const {
+      visibleMessageCount
+    } = this._p.attributes;
+    if (typeof visibleMessageCount !== 'number') throw new Error('Failed to find visible message count');
     return visibleMessageCount;
   }
-
-  getContacts(): Contact[] {
-    const { contacts } = this._p.attributes;
+  getContacts() {
+    const {
+      contacts
+    } = this._p.attributes;
     if (!Array.isArray(contacts)) throw new Error('Failed to find contacts');
     return contacts;
   }
-
-  replaceDate(options: Object) {
+  replaceDate(options) {
     throw new Error('Not supported in Inbox');
   }
-
-  replaceDraftLabel(label: Object) {
+  replaceDraftLabel(label) {
     if (this._isDestroyed) {
       console.warn('addLabel called on destroyed thread row'); //eslint-disable-line no-console
       return;
@@ -309,24 +244,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: Kefir.Observable<?Object> = kefirCast(Kefir, 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 = (0, _kefirCast.default)(_kefir.default, 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'),
@@ -334,68 +269,37 @@ 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: any): HTMLElement).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.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: any): HTMLElement).style.display = 'inline';
-
-          labelMod.countEl.innerHTML = hasExistingCountEl
-            ? autoHtml`(${count})`
-            : autoHtml`&nbsp;(${count})`;
-
+          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})`;
           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: any): HTMLElement).style.display = 'none';
+            messageCountParent.style.display = 'none';
           }
           labelMod.countEl.remove();
         }
       }
-
       this._stopper.onEnd(() => {
         if (labelMod) {
           labelMod.remove();
@@ -403,11 +307,10 @@ class InboxThreadRowView {
       });
     });
   }
-
   destroy() {
     this._isDestroyed = true;
     this._eventStream.end();
   }
 }
-
-export default defn(module, InboxThreadRowView);
+var _default = (0, _ud.defn)(module, InboxThreadRowView);
+exports.default = _default;