@inboxsdk/core 0.2.28-alpha.5 → 0.2.28

package/src/platform-implementation-js/dom-driver/gmail/widgets/gmail-top-message-bar-driver.js

@@ -1,76 +1,109 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirBus = _interopRequireDefault(require("kefir-bus"));
-var _fakeWindowResize = _interopRequireDefault(require("../../../lib/fake-window-resize"));
-class GmailTopMessageBarDriver {
-  constructor(optionStream) {
-    this._eventStream = (0, _kefirBus.default)();
+/* @flow */
+
+import Kefir from 'kefir';
+import kefirBus from 'kefir-bus';
+import type { Bus } from 'kefir-bus';
+import fakeWindowResize from '../../../lib/fake-window-resize';
+
+export default class GmailTopMessageBarDriver {
+  _element: ?HTMLElement;
+  _eventStream: Bus<any>;
+  _resizeObserver: ?ResizeObserver;
+
+  constructor(optionStream: Kefir.Observable<?Object>) {
+    this._eventStream = kefirBus();
+
     const ResizeObserver = global.ResizeObserver;
     if (ResizeObserver) {
       this._resizeObserver = new ResizeObserver(() => {
         this.setTopMessageBarHeight();
       });
     }
-    optionStream.takeUntilBy(this._eventStream.filter(() => false).beforeEnd(() => null)).onValue(option => {
-      if (!option) {
-        if (this._element) {
-          this._element.remove();
-          this._element = null;
-        }
-      } else if (option) {
-        var element = this._element;
-        if (!element) {
-          element = this._element = document.createElement('div');
-          element.classList.add('inboxsdk__topMessageBar');
-          document.body.insertBefore(element, document.body.firstChild);
-          document.body.classList.add('inboxsdk__hasTopMessageBar');
-          (0, _fakeWindowResize.default)();
-        }
-        if (option.el !== element.children[0]) {
-          element.innerHTML = '';
-          if (option.el) {
-            element.appendChild(option.el);
-            if (this._resizeObserver) {
-              this._resizeObserver.observe(element);
+
+    optionStream
+      .takeUntilBy(this._eventStream.filter(() => false).beforeEnd(() => null))
+      .onValue((option) => {
+        if (!option) {
+          if (this._element) {
+            (this._element: any).remove();
+            this._element = null;
+          }
+        } else if (option) {
+          var element = this._element;
+          if (!element) {
+            element = this._element = document.createElement('div');
+            element.classList.add('inboxsdk__topMessageBar');
+
+            ((document.body: any): HTMLElement).insertBefore(
+              element,
+              ((document.body: any): HTMLElement).firstChild
+            );
+            ((document.body: any): HTMLElement).classList.add(
+              'inboxsdk__hasTopMessageBar'
+            );
+
+            fakeWindowResize();
+          }
+
+          if (option.el !== element.children[0]) {
+            element.innerHTML = '';
+
+            if (option.el) {
+              element.appendChild(option.el);
+
+              if (this._resizeObserver) {
+                this._resizeObserver.observe(element);
+              }
+
+              this.setTopMessageBarHeight();
             }
-            this.setTopMessageBarHeight();
           }
         }
-      }
-    });
+      });
   }
+
   destroy() {
     if (this._element) {
-      this._element.remove();
+      (this._element: any).remove();
       this._element = null;
     }
     this._eventStream.end();
+
     if (this._resizeObserver) {
       this._resizeObserver.disconnect();
     }
+
     if (document.querySelectorAll('.inboxsdk__topMessageBar').length === 0) {
-      document.body.classList.remove('inboxsdk__hasTopMessageBar');
+      ((document.body: any): HTMLElement).classList.remove(
+        'inboxsdk__hasTopMessageBar'
+      );
     } else {
       this.setTopMessageBarHeight();
     }
-    (0, _fakeWindowResize.default)();
+
+    fakeWindowResize();
   }
-  getEventStream() {
+
+  getEventStream(): Kefir.Observable<Object> {
     return this._eventStream;
   }
+
   remove() {
     this.destroy();
   }
+
   setTopMessageBarHeight() {
-    const topMessageBars = [...document.querySelectorAll('.inboxsdk__topMessageBar')];
-    const height = topMessageBars.reduce((acc, currValue) => acc + currValue.offsetHeight, 0);
-    document.body.style.setProperty('--inboxsdk__topMessageBar-height', `${height}px`);
+    const topMessageBars = [
+      ...document.querySelectorAll('.inboxsdk__topMessageBar'),
+    ];
+    const height = topMessageBars.reduce(
+      (acc, currValue) => acc + currValue.offsetHeight,
+      0
+    );
+
+    ((document.body: any): HTMLElement).style.setProperty(
+      '--inboxsdk__topMessageBar-height',
+      `${height}px`
+    );
   }
 }
-exports.default = GmailTopMessageBarDriver;

package/src/platform-implementation-js/dom-driver/inbox/__mocks__/getSidebarClassnames.js

@@ -1,13 +1,9 @@
-"use strict";
+/* @flow */
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = getSidebarClassnames;
-function getSidebarClassnames() {
+export default function getSidebarClassnames() {
   return {
     chat: 'm',
     nav: 'M',
-    centerList: 'bz'
+    centerList: 'bz',
   };
-}
+}

package/src/platform-implementation-js/dom-driver/inbox/addNavItem.js

@@ -1,38 +1,56 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = addNavItem;
-var _kefir = _interopRequireDefault(require("kefir"));
-var _inboxNavItemView = _interopRequireDefault(require("./views/inboxNavItemView"));
-var _insertElementInOrder = _interopRequireDefault(require("../../lib/dom/insert-element-in-order"));
-var _querySelectorOrFail = _interopRequireDefault(require("../../lib/dom/querySelectorOrFail"));
-var _toItemWithLifetimeStream = _interopRequireDefault(require("../../lib/toItemWithLifetimeStream"));
-function addNavItem(navItemDescriptor, leftNavLiveSet, containerEl) {
-  const inboxNavItemView = new _inboxNavItemView.default(navItemDescriptor, 0);
-  (0, _toItemWithLifetimeStream.default)(leftNavLiveSet).take(1).map(_ref => {
-    let {
-      el: node
-    } = _ref;
-    return node.getValue();
-  }).onValue(el => {
-    inboxNavItemView.getEventStream().filter(event => event.eventName === 'orderChanged').onValue(() => (0, _insertElementInOrder.default)(containerEl, inboxNavItemView.getElement()));
-    if (!el.contains(containerEl)) {
-      const existingCustomSections = el.querySelectorAll('.inboxsdk__navItem_appContainer');
-      if (existingCustomSections.length > 0) {
-        const lastCustomSection = existingCustomSections[existingCustomSections.length - 1];
-        lastCustomSection.insertAdjacentElement('afterend', containerEl);
-      } else {
-        // Locate <ul> with native folders by finding draft icon image
-        const draftsImg = (0, _querySelectorOrFail.default)(el, 'ul > li > img[src*="ic_draft"]');
-        const nativeFolderSection = draftsImg.parentElement && draftsImg.parentElement.parentElement;
-        if (!nativeFolderSection) throw new Error('could not locate insertion point');
-        nativeFolderSection.insertAdjacentElement('afterend', containerEl);
+/* @flow */
+
+import Kefir from 'kefir';
+import InboxNavItemView from './views/inboxNavItemView';
+import insertElementInOrder from '../../lib/dom/insert-element-in-order';
+import querySelector from '../../lib/dom/querySelectorOrFail';
+import toItemWithLifetimeStream from '../../lib/toItemWithLifetimeStream';
+
+import type LiveSet from 'live-set';
+import type { TagTreeNode } from 'tag-tree';
+
+export default function addNavItem(
+  navItemDescriptor: Kefir.Observable<Object>,
+  leftNavLiveSet: LiveSet<TagTreeNode<HTMLElement>>,
+  containerEl: HTMLElement
+): InboxNavItemView {
+  const inboxNavItemView = new InboxNavItemView(navItemDescriptor, 0);
+
+  toItemWithLifetimeStream(leftNavLiveSet)
+    .take(1)
+    .map(({ el: node }) => node.getValue())
+    .onValue((el) => {
+      inboxNavItemView
+        .getEventStream()
+        .filter((event) => event.eventName === 'orderChanged')
+        .onValue(() =>
+          insertElementInOrder(containerEl, inboxNavItemView.getElement())
+        );
+
+      if (!el.contains(containerEl)) {
+        const existingCustomSections = el.querySelectorAll(
+          '.inboxsdk__navItem_appContainer'
+        );
+        if (existingCustomSections.length > 0) {
+          const lastCustomSection =
+            existingCustomSections[existingCustomSections.length - 1];
+          lastCustomSection.insertAdjacentElement('afterend', containerEl);
+        } else {
+          // Locate <ul> with native folders by finding draft icon image
+          const draftsImg = querySelector(el, 'ul > li > img[src*="ic_draft"]');
+
+          const nativeFolderSection =
+            draftsImg.parentElement && draftsImg.parentElement.parentElement;
+
+          if (!nativeFolderSection)
+            throw new Error('could not locate insertion point');
+
+          nativeFolderSection.insertAdjacentElement('afterend', containerEl);
+        }
       }
-    }
-    (0, _insertElementInOrder.default)(containerEl, inboxNavItemView.getElement());
-  });
+
+      insertElementInOrder(containerEl, inboxNavItemView.getElement());
+    });
+
   return inboxNavItemView;
-}
+}

package/src/platform-implementation-js/dom-driver/inbox/addRecipientRow.js

@@ -1,55 +1,73 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = addRecipientRow;
-var _closestNg = _interopRequireDefault(require("closest-ng"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
-const createRowElement = _ref => {
-  let {
-    labelText,
-    el
-  } = _ref;
+/* @flow */
+
+import closest from 'closest-ng';
+import Kefir from 'kefir';
+import kefirStopper from 'kefir-stopper';
+
+import type InboxComposeView from './views/inbox-compose-view';
+
+type Options = {
+  labelText?: ?string,
+  el?: ?HTMLElement,
+};
+
+const createRowElement = ({ labelText, el }: Options): HTMLElement => {
   const row = document.createElement('div');
   const label = document.createElement('span');
   const content = document.createElement('div');
+
   row.classList.add('inboxsdk__recipient_row');
   label.classList.add('inboxsdk__recipient_label');
   content.classList.add('inboxsdk__recipient_content');
+
   if (labelText) {
     label.textContent = labelText;
     row.appendChild(label);
   }
+
   if (el) {
     content.appendChild(el);
     row.appendChild(content);
   }
+
   return row;
 };
-function addRecipientRow(inboxComposeView, recipientRowOptionStream) {
-  let row = null;
+
+export default function addRecipientRow(
+  inboxComposeView: InboxComposeView,
+  recipientRowOptionStream: Kefir.Observable<?Options>
+): () => void {
+  let row: ?HTMLElement = null;
+
   const insertionPoint = inboxComposeView.getBCCRow();
-  const destroyStopper = (0, _kefirStopper.default)();
-  recipientRowOptionStream.takeUntilBy(inboxComposeView.getStopper()).takeUntilBy(destroyStopper).onValue(options => {
-    if (row) {
-      row.remove();
-      row = null;
-    }
-    if (options) {
-      row = createRowElement(options);
-      insertionPoint.insertAdjacentElement('afterend', row);
-    }
-  });
-  destroyStopper.merge(inboxComposeView.getStopper()).take(1).onValue(() => {
-    if (row) {
-      row.remove();
-      row = null;
-    }
-  });
+  const destroyStopper = kefirStopper();
+
+  recipientRowOptionStream
+    .takeUntilBy(inboxComposeView.getStopper())
+    .takeUntilBy(destroyStopper)
+    .onValue((options) => {
+      if (row) {
+        row.remove();
+        row = null;
+      }
+
+      if (options) {
+        row = createRowElement(options);
+        insertionPoint.insertAdjacentElement('afterend', row);
+      }
+    });
+
+  destroyStopper
+    .merge(inboxComposeView.getStopper())
+    .take(1)
+    .onValue(() => {
+      if (row) {
+        row.remove();
+        row = null;
+      }
+    });
+
   return () => {
     destroyStopper.destroy();
   };
-}
+}

package/src/platform-implementation-js/dom-driver/inbox/createLink.js

@@ -1,19 +1,21 @@
-"use strict";
+/* @flow */
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = createLink;
-var _includes = _interopRequireDefault(require("lodash/includes"));
-var _populateRouteID = _interopRequireDefault(require("../../lib/populateRouteID"));
-var _router = require("../../constants/router");
-function createLink(driver, routeID, params) {
-  if ((0, _includes.default)(Object.values(_router.NATIVE_ROUTE_IDS), routeID)) {
+import includes from 'lodash/includes';
+import type InboxDriver from './inbox-driver';
+import populateRouteID from '../../lib/populateRouteID';
+import type { RouteParams } from '../../namespaces/router';
+import { NATIVE_ROUTE_IDS } from '../../constants/router';
+
+export default function createLink(
+  driver: InboxDriver,
+  routeID: string,
+  params: ?RouteParams
+): string {
+  if (includes(Object.values(NATIVE_ROUTE_IDS), routeID)) {
     throw new Error('NativeRouteIDs are not currently supported in Inbox');
   }
   if (!driver.getCustomRouteIDs().has(routeID)) {
     throw new Error(`Invalid routeID: ${routeID}`);
   }
-  return '#' + (0, _populateRouteID.default)(routeID, params);
-}
+  return '#' + populateRouteID(routeID, params);
+}

package/src/platform-implementation-js/dom-driver/inbox/createLink.test.js

@@ -1,27 +1,30 @@
-"use strict";
+/* @flow */
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _createLink = _interopRequireDefault(require("./createLink"));
-function makeDriver() {
+import createLink from './createLink';
+
+function makeDriver(): any {
   const customRouteIDs = new Set();
   return {
-    getCustomRouteIDs: () => customRouteIDs
+    getCustomRouteIDs: () => customRouteIDs,
   };
 }
+
 test('works for custom view', () => {
   const driver = makeDriver();
   driver.getCustomRouteIDs().add('example/:bar');
-  expect((0, _createLink.default)(driver, 'example/:bar', {
-    bar: 'foo'
-  })).toBe('#example/foo');
+  expect(createLink(driver, 'example/:bar', { bar: 'foo' })).toBe(
+    '#example/foo'
+  );
 });
+
 test('fails for unknown route id', () => {
-  expect(() => (0, _createLink.default)(makeDriver(), 'example/:bar', {
-    bar: 'foo'
-  })).toThrowError('Invalid routeID: example/:bar');
+  expect(() =>
+    createLink(makeDriver(), 'example/:bar', { bar: 'foo' })
+  ).toThrowError('Invalid routeID: example/:bar');
 });
+
 test('fails for native route ids', () => {
-  expect(() => (0, _createLink.default)(makeDriver(), 'inbox/:threadID', {
-    threadID: 'abc'
-  })).toThrowError('NativeRouteIDs are not currently supported in Inbox');
-});
+  expect(() =>
+    createLink(makeDriver(), 'inbox/:threadID', { threadID: 'abc' })
+  ).toThrowError('NativeRouteIDs are not currently supported in Inbox');
+});

package/src/platform-implementation-js/dom-driver/inbox/custom-style.js

@@ -1,23 +1,22 @@
-"use strict";
+/* @flow */
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = customStyle;
-var _udKefir = _interopRequireDefault(require("ud-kefir"));
-var _rewriteCssWithIdMap = _interopRequireDefault(require("../../lib/rewriteCssWithIdMap"));
+import type Kefir from 'kefir';
+import udKefir from 'ud-kefir';
+import rewriteCssWithIdMap from '../../lib/rewriteCssWithIdMap';
 var fs = require('fs');
-var cssContent = (0, _udKefir.default)(module, fs.readFileSync(__dirname + '/../../style/inbox.css', 'utf8'));
-function customStyle() {
-  let root = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
+var cssContent: Kefir.Observable<string> = udKefir(
+  module,
+  fs.readFileSync(__dirname + '/../../style/inbox.css', 'utf8')
+);
+
+export default function customStyle(root: Document = document) {
   if (!root.getElementById('inboxsdk__style')) {
     const style = root.createElement('style');
     style.id = 'inboxsdk__style';
-    cssContent.onValue(css => {
-      style.textContent = (0, _rewriteCssWithIdMap.default)(css);
+    cssContent.onValue((css) => {
+      style.textContent = rewriteCssWithIdMap(css);
     });
     if (!root.head) throw new Error('missing head');
     root.head.appendChild(style);
   }
-}
+}

package/src/platform-implementation-js/dom-driver/inbox/detection/appToolbarLocation/parser.js

@@ -1,19 +1,17 @@
-"use strict";
+/* @flow */
+
+import ErrorCollector from '../../../../lib/ErrorCollector';
+import querySelectorOne from '../../../../lib/dom/querySelectorOne';
+
+export default function parser(el: HTMLElement) {
+  const ec = new ErrorCollector('appToolbarLocation');
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = parser;
-var _ErrorCollector = _interopRequireDefault(require("../../../../lib/ErrorCollector"));
-var _querySelectorOne = _interopRequireDefault(require("../../../../lib/dom/querySelectorOne"));
-function parser(el) {
-  const ec = new _ErrorCollector.default('appToolbarLocation');
   ec.run('children check', () => {
     if (el.childElementCount < 2) {
       throw new Error('expected more children');
     }
   });
+
   ec.run('position check', () => {
     const rect = el.getBoundingClientRect();
     if (rect.top > 100) {
@@ -29,15 +27,23 @@ function parser(el) {
       throw new Error('expected element to span only the right of the screen');
     }
   });
-  const chatSidebarButton = ec.run('chatSidebarButton', () => (0, _querySelectorOne.default)(el, 'div[role=button][jsaction*="global.toggle_chat_roster"]'));
+
+  const chatSidebarButton = ec.run('chatSidebarButton', () =>
+    querySelectorOne(
+      el,
+      'div[role=button][jsaction*="global.toggle_chat_roster"]'
+    )
+  );
+
   const score = 1 - ec.errorCount() / ec.runCount();
   return {
     elements: {
-      chatSidebarButton
+      chatSidebarButton,
     },
     score,
-    errors: ec.getErrorLogs()
+    errors: ec.getErrorLogs(),
   };
 }
 
-/*:: const x = parser(({}:any)); */
+/*:: const x = parser(({}:any)); */
+export type Parsed = typeof x;

package/src/platform-implementation-js/dom-driver/inbox/detection/attachmentCard/parser.js

@@ -1,15 +1,12 @@
-"use strict";
+/* @flow */
+
+import ErrorCollector from '../../../../lib/ErrorCollector';
+import querySelectorOne from '../../../../lib/dom/querySelectorOne';
+import BigNumber from 'bignumber.js';
+
+export default function parser(el: HTMLElement) {
+  const ec = new ErrorCollector('attachmentCard');
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = parser;
-var _ErrorCollector = _interopRequireDefault(require("../../../../lib/ErrorCollector"));
-var _querySelectorOne = _interopRequireDefault(require("../../../../lib/dom/querySelectorOne"));
-var _bignumber = _interopRequireDefault(require("bignumber.js"));
-function parser(el) {
-  const ec = new _ErrorCollector.default('attachmentCard');
   ec.run('tabindex', () => {
     if (!el.hasAttribute('tabindex')) throw new Error('expected tabindex');
   });
@@ -19,16 +16,18 @@ function parser(el) {
   // cards in the html, so we just expose them as FILE cards. The only issue
   // for applications is that cardView.addButton() is a no-op on drive cards.
   const type = 'FILE';
+
   const elements = {};
   const score = 1 - ec.errorCount() / ec.runCount();
   return {
     elements,
     attributes: {
-      type
+      type,
     },
     score,
-    errors: ec.getErrorLogs()
+    errors: ec.getErrorLogs(),
   };
 }
 
-/*:: const x = parser(({}:any)); */
+/*:: const x = parser(({}:any)); */
+export type Parsed = typeof x;