@inboxsdk/core 0.2.28 → 0.2.29-alpha.0

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

@@ -1,109 +1,76 @@
-/* @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();
-
+"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)();
     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: 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();
+    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);
             }
+            this.setTopMessageBarHeight();
           }
         }
-      });
+      }
+    });
   }
-
   destroy() {
     if (this._element) {
-      (this._element: any).remove();
+      this._element.remove();
       this._element = null;
     }
     this._eventStream.end();
-
     if (this._resizeObserver) {
       this._resizeObserver.disconnect();
     }
-
     if (document.querySelectorAll('.inboxsdk__topMessageBar').length === 0) {
-      ((document.body: any): HTMLElement).classList.remove(
-        'inboxsdk__hasTopMessageBar'
-      );
+      document.body.classList.remove('inboxsdk__hasTopMessageBar');
     } else {
       this.setTopMessageBarHeight();
     }
-
-    fakeWindowResize();
+    (0, _fakeWindowResize.default)();
   }
-
-  getEventStream(): Kefir.Observable<Object> {
+  getEventStream() {
     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: any): HTMLElement).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.style.setProperty('--inboxsdk__topMessageBar-height', `${height}px`);
   }
 }
+exports.default = GmailTopMessageBarDriver;

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

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

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

@@ -1,56 +1,38 @@
-/* @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);
-        }
+"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);
       }
-
-      insertElementInOrder(containerEl, inboxNavItemView.getElement());
-    });
-
+    }
+    (0, _insertElementInOrder.default)(containerEl, inboxNavItemView.getElement());
+  });
   return inboxNavItemView;
-}
+}

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

@@ -1,73 +1,55 @@
-/* @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 => {
+"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;
   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;
 };
-
-export default function addRecipientRow(
-  inboxComposeView: InboxComposeView,
-  recipientRowOptionStream: Kefir.Observable<?Options>
-): () => void {
-  let row: ?HTMLElement = null;
-
+function addRecipientRow(inboxComposeView, recipientRowOptionStream) {
+  let row = null;
   const insertionPoint = inboxComposeView.getBCCRow();
-  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;
-      }
-    });
-
+  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;
+    }
+  });
   return () => {
     destroyStopper.destroy();
   };
-}
+}

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

@@ -1,21 +1,19 @@
-/* @flow */
+"use strict";
 
-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)) {
+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)) {
     throw new Error('NativeRouteIDs are not currently supported in Inbox');
   }
   if (!driver.getCustomRouteIDs().has(routeID)) {
     throw new Error(`Invalid routeID: ${routeID}`);
   }
-  return '#' + populateRouteID(routeID, params);
-}
+  return '#' + (0, _populateRouteID.default)(routeID, params);
+}

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

@@ -1,30 +1,27 @@
-/* @flow */
+"use strict";
 
-import createLink from './createLink';
-
-function makeDriver(): any {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _createLink = _interopRequireDefault(require("./createLink"));
+function makeDriver() {
   const customRouteIDs = new Set();
   return {
-    getCustomRouteIDs: () => customRouteIDs,
+    getCustomRouteIDs: () => customRouteIDs
   };
 }
-
 test('works for custom view', () => {
   const driver = makeDriver();
   driver.getCustomRouteIDs().add('example/:bar');
-  expect(createLink(driver, 'example/:bar', { bar: 'foo' })).toBe(
-    '#example/foo'
-  );
+  expect((0, _createLink.default)(driver, 'example/:bar', {
+    bar: 'foo'
+  })).toBe('#example/foo');
 });
-
 test('fails for unknown route id', () => {
-  expect(() =>
-    createLink(makeDriver(), 'example/:bar', { bar: 'foo' })
-  ).toThrowError('Invalid routeID: example/:bar');
+  expect(() => (0, _createLink.default)(makeDriver(), 'example/:bar', {
+    bar: 'foo'
+  })).toThrowError('Invalid routeID: example/:bar');
 });
-
 test('fails for native route ids', () => {
-  expect(() =>
-    createLink(makeDriver(), 'inbox/:threadID', { threadID: 'abc' })
-  ).toThrowError('NativeRouteIDs are not currently supported in Inbox');
-});
+  expect(() => (0, _createLink.default)(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,22 +1,23 @@
-/* @flow */
+"use strict";
 
-import type Kefir from 'kefir';
-import udKefir from 'ud-kefir';
-import rewriteCssWithIdMap from '../../lib/rewriteCssWithIdMap';
+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"));
 var fs = require('fs');
-var cssContent: Kefir.Observable<string> = udKefir(
-  module,
-  fs.readFileSync(__dirname + '/../../style/inbox.css', 'utf8')
-);
-
-export default function customStyle(root: Document = document) {
+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;
   if (!root.getElementById('inboxsdk__style')) {
     const style = root.createElement('style');
     style.id = 'inboxsdk__style';
-    cssContent.onValue((css) => {
-      style.textContent = rewriteCssWithIdMap(css);
+    cssContent.onValue(css => {
+      style.textContent = (0, _rewriteCssWithIdMap.default)(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,17 +1,19 @@
-/* @flow */
-
-import ErrorCollector from '../../../../lib/ErrorCollector';
-import querySelectorOne from '../../../../lib/dom/querySelectorOne';
-
-export default function parser(el: HTMLElement) {
-  const ec = new ErrorCollector('appToolbarLocation');
+"use strict";
 
+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) {
@@ -27,23 +29,15 @@ export default function parser(el: HTMLElement) {
       throw new Error('expected element to span only the right of the screen');
     }
   });
-
-  const chatSidebarButton = ec.run('chatSidebarButton', () =>
-    querySelectorOne(
-      el,
-      'div[role=button][jsaction*="global.toggle_chat_roster"]'
-    )
-  );
-
+  const chatSidebarButton = ec.run('chatSidebarButton', () => (0, _querySelectorOne.default)(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)); */
-export type Parsed = typeof x;
+/*:: const x = parser(({}:any)); */

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

@@ -1,12 +1,15 @@
-/* @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');
+"use strict";
 
+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');
   });
@@ -16,18 +19,16 @@ export default function parser(el: HTMLElement) {
   // 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)); */
-export type Parsed = typeof x;
+/*:: const x = parser(({}:any)); */