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

package/src/platform-implementation-js/constants/router.js

@@ -1,6 +1,10 @@
-/* @flow */
+"use strict";
 
-export const NATIVE_ROUTE_IDS: { [k: string]: string } = Object.freeze({
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ROUTE_TYPES = exports.NATIVE_ROUTE_IDS = exports.NATIVE_LIST_ROUTE_IDS = void 0;
+const NATIVE_ROUTE_IDS = Object.freeze({
   INBOX: 'inbox/:page',
   ALL_MAIL: 'all/:page',
   SENT: 'sent/:page',
@@ -23,10 +27,10 @@ export const NATIVE_ROUTE_IDS: { [k: string]: string } = Object.freeze({
   CHAT_WELCOME: 'chat/welcome',
   SPACES: 'rooms/welcome',
   MEET: 'calls',
-  ANY_LIST: '*',
+  ANY_LIST: '*'
 });
-
-export const NATIVE_LIST_ROUTE_IDS: { [k: string]: string } = Object.freeze({
+exports.NATIVE_ROUTE_IDS = NATIVE_ROUTE_IDS;
+const NATIVE_LIST_ROUTE_IDS = Object.freeze({
   INBOX: NATIVE_ROUTE_IDS.INBOX,
   ALL_MAIL: NATIVE_ROUTE_IDS.ALL_MAIL,
   SENT: NATIVE_ROUTE_IDS.SENT,
@@ -40,14 +44,15 @@ export const NATIVE_LIST_ROUTE_IDS: { [k: string]: string } = Object.freeze({
   SPAM: NATIVE_ROUTE_IDS.SPAM,
   IMPORTANT: NATIVE_ROUTE_IDS.IMPORTANT,
   SEARCH: NATIVE_ROUTE_IDS.SEARCH,
-  ANY_LIST: NATIVE_ROUTE_IDS.ANY_LIST,
+  ANY_LIST: NATIVE_ROUTE_IDS.ANY_LIST
 });
-
-export const ROUTE_TYPES: { [k: string]: string } = Object.freeze({
+exports.NATIVE_LIST_ROUTE_IDS = NATIVE_LIST_ROUTE_IDS;
+const ROUTE_TYPES = Object.freeze({
   LIST: 'LIST',
   THREAD: 'THREAD',
   SETTINGS: 'SETTINGS',
   CHAT: 'CHAT',
   CUSTOM: 'CUSTOM',
-  UNKNOWN: 'UNKNOWN',
+  UNKNOWN: 'UNKNOWN'
 });
+exports.ROUTE_TYPES = ROUTE_TYPES;

package/src/platform-implementation-js/constants/toolbars.js

@@ -1,7 +1,12 @@
-/* @flow */
+"use strict";
 
-export const SECTION_NAMES: { [k: string]: string } = Object.freeze({
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SECTION_NAMES = void 0;
+const SECTION_NAMES = Object.freeze({
   INBOX_STATE: 'INBOX_STATE',
   METADATA_STATE: 'METADATA_STATE',
-  OTHER: 'OTHER',
+  OTHER: 'OTHER'
 });
+exports.SECTION_NAMES = SECTION_NAMES;

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

@@ -1,22 +1,22 @@
-/* @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/gmail.css', 'utf8')
-);
-
-export default function customStyle() {
+var cssContent = (0, _udKefir.default)(module, fs.readFileSync(__dirname + '/../../style/gmail.css', 'utf8'));
+function customStyle() {
   if (!document.getElementById('inboxsdk__style')) {
     var style = document.createElement('style');
     style.id = 'inboxsdk__style';
-    cssContent.onValue((css) => {
-      style.textContent = rewriteCssWithIdMap(css);
+    cssContent.onValue(css => {
+      style.textContent = (0, _rewriteCssWithIdMap.default)(css);
     });
     if (!document.head) throw new Error('missing head');
     document.head.appendChild(style);
   }
-}
+}

package/src/platform-implementation-js/dom-driver/gmail/gmail-butter-bar-driver.js

@@ -1,81 +1,69 @@
-/* @flow */
-
-import Kefir from 'kefir';
-
-import streamWaitFor from '../../lib/stream-wait-for';
-import querySelector from '../../lib/dom/querySelectorOrFail';
-import makeMutationObserverChunkedStream from '../../lib/dom/make-mutation-observer-chunked-stream';
-
-const elements = streamWaitFor(() =>
-  ((document.body: any): HTMLElement).querySelector('div.b8[role="alert"]')
-)
-  .map((noticeContainer: HTMLElement) => {
-    const googleNotice = querySelector(
-      noticeContainer,
-      '.vh:not(.inboxsdk__butterbar)'
-    );
-    let sdkNotice = noticeContainer.querySelector('.vh.inboxsdk__butterbar');
-    if (!sdkNotice) {
-      sdkNotice = document.createElement('div');
-      sdkNotice.classList.add('vh', 'inboxsdk__butterbar');
-      sdkNotice.style.display = 'none';
-
-      const textAndButtonsContainer = document.createElement('span');
-      textAndButtonsContainer.classList.add('aT');
-
-      const textContainer = document.createElement('span');
-      textContainer.classList.add('inboxsdk__butterbar-text', 'bAq');
-
-      const buttonsContainer = document.createElement('span');
-      buttonsContainer.classList.add('inboxsdk__butterbar-buttons', 'bAo');
-      buttonsContainer.innerHTML = '  ';
-
-      const noticeCloseButton = document.createElement('div');
-      noticeCloseButton.classList.add('inboxsdk__butterbar-close', 'bBe');
-      noticeCloseButton.innerHTML = '<div class="bBf"></div>';
-      noticeCloseButton.setAttribute('role', 'button');
-      noticeCloseButton.tabIndex = 0;
-
-      textAndButtonsContainer.appendChild(textContainer);
-      textAndButtonsContainer.appendChild(buttonsContainer);
-
-      sdkNotice.appendChild(textAndButtonsContainer);
-      sdkNotice.appendChild(noticeCloseButton);
-
-      const parentNode = googleNotice.parentNode;
-      if (!parentNode) {
-        throw new Error('parentNode not found');
-      }
-      parentNode.insertBefore(sdkNotice, googleNotice.nextSibling);
+"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 _streamWaitFor = _interopRequireDefault(require("../../lib/stream-wait-for"));
+var _querySelectorOrFail = _interopRequireDefault(require("../../lib/dom/querySelectorOrFail"));
+var _makeMutationObserverChunkedStream = _interopRequireDefault(require("../../lib/dom/make-mutation-observer-chunked-stream"));
+const elements = (0, _streamWaitFor.default)(() => document.body.querySelector('div.b8[role="alert"]')).map(noticeContainer => {
+  const googleNotice = (0, _querySelectorOrFail.default)(noticeContainer, '.vh:not(.inboxsdk__butterbar)');
+  let sdkNotice = noticeContainer.querySelector('.vh.inboxsdk__butterbar');
+  if (!sdkNotice) {
+    sdkNotice = document.createElement('div');
+    sdkNotice.classList.add('vh', 'inboxsdk__butterbar');
+    sdkNotice.style.display = 'none';
+    const textAndButtonsContainer = document.createElement('span');
+    textAndButtonsContainer.classList.add('aT');
+    const textContainer = document.createElement('span');
+    textContainer.classList.add('inboxsdk__butterbar-text', 'bAq');
+    const buttonsContainer = document.createElement('span');
+    buttonsContainer.classList.add('inboxsdk__butterbar-buttons', 'bAo');
+    buttonsContainer.innerHTML = '&nbsp;&nbsp;';
+    const noticeCloseButton = document.createElement('div');
+    noticeCloseButton.classList.add('inboxsdk__butterbar-close', 'bBe');
+    noticeCloseButton.innerHTML = '<div class="bBf"></div>';
+    noticeCloseButton.setAttribute('role', 'button');
+    noticeCloseButton.tabIndex = 0;
+    textAndButtonsContainer.appendChild(textContainer);
+    textAndButtonsContainer.appendChild(buttonsContainer);
+    sdkNotice.appendChild(textAndButtonsContainer);
+    sdkNotice.appendChild(noticeCloseButton);
+    const parentNode = googleNotice.parentNode;
+    if (!parentNode) {
+      throw new Error('parentNode not found');
     }
-    return { noticeContainer, googleNotice, sdkNotice };
-  })
-  .toProperty();
-
-const googleNoticeMutationChunks = elements.flatMapLatest(({ googleNotice }) =>
-  makeMutationObserverChunkedStream(googleNotice, { childList: true })
-);
-const googleAddedNotice = googleNoticeMutationChunks.filter((mutations) =>
-  mutations.some((m) => m.addedNodes.length > 0)
-);
-const googleRemovedNotice = googleNoticeMutationChunks.filter(
-  (mutations) => !mutations.some((m) => m.addedNodes.length > 0)
-);
-
-const sdkRemovedNotice = elements
-  .flatMapLatest(({ sdkNotice }) =>
-    makeMutationObserverChunkedStream(sdkNotice, {
-      attributes: true,
-      attributeFilter: ['data-inboxsdk-id'],
-    }).map(() => sdkNotice.getAttribute('data-inboxsdk-id'))
-  )
-  .filter((id) => id == null);
-
-const noticeAvailableStream = Kefir.merge([
-  googleRemovedNotice,
-  sdkRemovedNotice,
-]);
-
+    parentNode.insertBefore(sdkNotice, googleNotice.nextSibling);
+  }
+  return {
+    noticeContainer,
+    googleNotice,
+    sdkNotice
+  };
+}).toProperty();
+const googleNoticeMutationChunks = elements.flatMapLatest(_ref => {
+  let {
+    googleNotice
+  } = _ref;
+  return (0, _makeMutationObserverChunkedStream.default)(googleNotice, {
+    childList: true
+  });
+});
+const googleAddedNotice = googleNoticeMutationChunks.filter(mutations => mutations.some(m => m.addedNodes.length > 0));
+const googleRemovedNotice = googleNoticeMutationChunks.filter(mutations => !mutations.some(m => m.addedNodes.length > 0));
+const sdkRemovedNotice = elements.flatMapLatest(_ref2 => {
+  let {
+    sdkNotice
+  } = _ref2;
+  return (0, _makeMutationObserverChunkedStream.default)(sdkNotice, {
+    attributes: true,
+    attributeFilter: ['data-inboxsdk-id']
+  }).map(() => sdkNotice.getAttribute('data-inboxsdk-id'));
+}).filter(id => id == null);
+const noticeAvailableStream = _kefir.default.merge([googleRemovedNotice, sdkRemovedNotice]);
 function hideMessage(noticeContainer, googleNotice, sdkNotice) {
   googleNotice.style.display = '';
   noticeContainer.style.top = '-10000px';
@@ -84,57 +72,59 @@ function hideMessage(noticeContainer, googleNotice, sdkNotice) {
   sdkNotice.style.display = 'none';
   sdkNotice.removeAttribute('data-inboxsdk-id');
 }
-
-export default class GmailButterBarDriver {
+class GmailButterBarDriver {
   constructor() {
-    Kefir.combine([elements, googleAddedNotice]).onValue(
-      ([{ googleNotice, sdkNotice }]) => {
-        googleNotice.style.display = '';
-        sdkNotice.style.display = 'none';
-        sdkNotice.setAttribute('data-inboxsdk-id', 'gmail');
-      }
-    );
+    _kefir.default.combine([elements, googleAddedNotice]).onValue(_ref3 => {
+      let [{
+        googleNotice,
+        sdkNotice
+      }] = _ref3;
+      googleNotice.style.display = '';
+      sdkNotice.style.display = 'none';
+      sdkNotice.setAttribute('data-inboxsdk-id', 'gmail');
+    });
 
     // Force stream to be in active state. sdkRemovedNotice is prone to missing
     // events if it only becomes active once a message has started.
     noticeAvailableStream.onValue(() => {});
   }
-
-  getNoticeAvailableStream(): Kefir.Observable<any> {
+  getNoticeAvailableStream() {
     return noticeAvailableStream;
   }
-
-  getSharedMessageQueue(): Array<Object> {
-    const attr = (document.head: any).getAttribute(
-      'data-inboxsdk-butterbar-queue'
-    );
+  getSharedMessageQueue() {
+    const attr = document.head.getAttribute('data-inboxsdk-butterbar-queue');
     return attr ? JSON.parse(attr) : [];
   }
-
-  setSharedMessageQueue(queue: Object) {
+  setSharedMessageQueue(queue) {
     const attr = JSON.stringify(queue);
-    (document.head: any).setAttribute('data-inboxsdk-butterbar-queue', attr);
+    document.head.setAttribute('data-inboxsdk-butterbar-queue', attr);
   }
 
   // Immediately displays the message, overriding anything else on the screen.
   // Priority and queuing logic is handled by butter-bar.js above this.
-  showMessage(rawOptions: Object): { destroy(): void } {
+  showMessage(rawOptions) {
     const instanceId = Date.now() + '-' + Math.random();
-
     const destroy = () => {
-      elements
-        .take(1)
-        .onValue(({ noticeContainer, googleNotice, sdkNotice }) => {
-          if (sdkNotice.getAttribute('data-inboxsdk-id') === instanceId) {
-            if (rawOptions.className) {
-              sdkNotice.classList.remove(rawOptions.className);
-            }
-            hideMessage(noticeContainer, googleNotice, sdkNotice);
+      elements.take(1).onValue(_ref4 => {
+        let {
+          noticeContainer,
+          googleNotice,
+          sdkNotice
+        } = _ref4;
+        if (sdkNotice.getAttribute('data-inboxsdk-id') === instanceId) {
+          if (rawOptions.className) {
+            sdkNotice.classList.remove(rawOptions.className);
           }
-        });
+          hideMessage(noticeContainer, googleNotice, sdkNotice);
+        }
+      });
     };
-
-    elements.take(1).onValue(({ noticeContainer, googleNotice, sdkNotice }) => {
+    elements.take(1).onValue(_ref5 => {
+      let {
+        noticeContainer,
+        googleNotice,
+        sdkNotice
+      } = _ref5;
       noticeContainer.style.visibility = 'visible';
       noticeContainer.style.top = '';
       // The bAp css class is added to noticeContainer whenever a native butter is active in
@@ -144,27 +134,17 @@ export default class GmailButterBarDriver {
       // The bAp class also causes butters to be styled and positioned as Snack Bars instead
       // (as opposed to butters).
       noticeContainer.classList.add('bAp');
-
       googleNotice.style.display = 'none';
       sdkNotice.className = googleNotice.className;
       sdkNotice.classList.add('inboxsdk__butterbar');
-
-      const textContainer = querySelector(
-        sdkNotice,
-        '.inboxsdk__butterbar-text'
-      );
+      const textContainer = (0, _querySelectorOrFail.default)(sdkNotice, '.inboxsdk__butterbar-text');
       while (textContainer.firstChild) {
         textContainer.removeChild(textContainer.firstChild);
       }
-
-      const buttonsContainer = querySelector(
-        sdkNotice,
-        '.inboxsdk__butterbar-buttons'
-      );
+      const buttonsContainer = (0, _querySelectorOrFail.default)(sdkNotice, '.inboxsdk__butterbar-buttons');
       while (buttonsContainer.firstChild) {
         buttonsContainer.removeChild(buttonsContainer.firstChild);
       }
-
       if (rawOptions.html) {
         textContainer.innerHTML = rawOptions.html;
       } else if (rawOptions.el) {
@@ -172,43 +152,42 @@ export default class GmailButterBarDriver {
       } else {
         textContainer.textContent = rawOptions.text;
       }
-
       if (rawOptions.buttons) {
-        rawOptions.buttons.forEach((buttonDescriptor) => {
+        rawOptions.buttons.forEach(buttonDescriptor => {
           const button = document.createElement('span');
           button.classList.add('ag', 'a8k');
-          button.onclick = (e) => buttonDescriptor.onClick(e);
+          button.onclick = e => buttonDescriptor.onClick(e);
           button.setAttribute('role', 'button');
           button.tabIndex = 0;
           button.textContent = buttonDescriptor.title;
           buttonsContainer.appendChild(button);
         });
       }
-
-      const closeButton = querySelector(
-        sdkNotice,
-        '.inboxsdk__butterbar-close'
-      );
+      const closeButton = (0, _querySelectorOrFail.default)(sdkNotice, '.inboxsdk__butterbar-close');
       if (closeButton) {
-        Kefir.fromEvents(closeButton, 'click').take(1).onValue(destroy);
+        _kefir.default.fromEvents(closeButton, 'click').take(1).onValue(destroy);
       }
-
       if (rawOptions.className) {
         sdkNotice.classList.add(rawOptions.className);
       }
-
       sdkNotice.style.display = '';
       sdkNotice.setAttribute('data-inboxsdk-id', instanceId);
     });
-
-    return { destroy };
+    return {
+      destroy
+    };
   }
-
   hideGmailMessage() {
-    elements.take(1).onValue(({ noticeContainer, googleNotice, sdkNotice }) => {
+    elements.take(1).onValue(_ref6 => {
+      let {
+        noticeContainer,
+        googleNotice,
+        sdkNotice
+      } = _ref6;
       if (sdkNotice.getAttribute('data-inboxsdk-id') === 'gmail') {
         hideMessage(noticeContainer, googleNotice, sdkNotice);
       }
     });
   }
 }
+exports.default = GmailButterBarDriver;

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/add-toolbar-button-for-app.js

@@ -1,21 +1,20 @@
-/* @flow */
+"use strict";
 
-import type Kefir from 'kefir';
-import GmailElementGetter from '../gmail-element-getter';
-import GmailAppToolbarButtonView from '../views/gmail-app-toolbar-button-view';
-import type GmailDriver from '../gmail-driver';
-
-export default function addToolbarButtonForApp(
-  gmailDriver: GmailDriver,
-  buttonDescriptor: Kefir.Observable<Object>
-): Promise<GmailAppToolbarButtonView> {
-  return GmailElementGetter.waitForGmailModeToSettle().then(() => {
-    if (GmailElementGetter.isStandalone()) {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = addToolbarButtonForApp;
+var _gmailElementGetter = _interopRequireDefault(require("../gmail-element-getter"));
+var _gmailAppToolbarButtonView = _interopRequireDefault(require("../views/gmail-app-toolbar-button-view"));
+function addToolbarButtonForApp(gmailDriver, buttonDescriptor) {
+  return _gmailElementGetter.default.waitForGmailModeToSettle().then(() => {
+    if (_gmailElementGetter.default.isStandalone()) {
       return new Promise((resolve, reject) => {
         //never complete
       });
     } else {
-      return new GmailAppToolbarButtonView(gmailDriver, buttonDescriptor);
+      return new _gmailAppToolbarButtonView.default(gmailDriver, buttonDescriptor);
     }
   });
-}
+}

package/src/platform-implementation-js/dom-driver/gmail/gmail-driver/create-link.js

@@ -1,24 +1,15 @@
-/* @flow */
-
-import populateRouteID from '../../../lib/populateRouteID';
-import Logger from '../../../lib/logger';
-
-import type { RouteParams } from '../../../namespaces/router';
-import type GmailRouteProcessor from '../views/gmail-route-view/gmail-route-processor';
-
-export default function createLink(
-  GmailRouteProcessor: GmailRouteProcessor,
-  routeID: string,
-  params: ?RouteParams | string
-): string {
-  params =
-    typeof params === 'string'
-      ? params
-      : params
-      ? Object.assign({}, params)
-      : {};
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createLink;
+var _populateRouteID = _interopRequireDefault(require("../../../lib/populateRouteID"));
+var _logger = _interopRequireDefault(require("../../../lib/logger"));
+function createLink(GmailRouteProcessor, routeID, params) {
+  params = typeof params === 'string' ? params : params ? Object.assign({}, params) : {};
   routeID = GmailRouteProcessor.getCompatibleRouteID(routeID);
-
   if (typeof params === 'string') {
     var matches = routeID.match(/:/g);
     if (matches && matches.length === 1) {
@@ -29,50 +20,38 @@ export default function createLink(
       params = {};
     }
   }
-
   const hasPageParam = routeID.match(/:page(?:\/|$)/);
   if (hasPageParam && !params.page) {
     params.page = 0;
   }
-
   const parts = routeID.split('/');
 
   // attempt to use new, more strict populateRouteID fn, if that fails
   // log an error and fallback to older, more permissive approach.
   // intent is to retire the old approach once we understand the consequences.
-  let processedRoute: string;
+  let processedRoute;
   try {
-    processedRoute = populateRouteID(routeID, params);
+    processedRoute = (0, _populateRouteID.default)(routeID, params);
   } catch (error) {
-    Logger.error(error, {
+    _logger.default.error(error, {
       routeID,
-      paramsKey: Object.keys(params),
+      paramsKey: Object.keys(params)
     });
-
-    processedRoute = parts
-      .map(function (part) {
-        if (part.indexOf(':') === -1) {
-          return part;
-        }
-
-        const colonParts = part.split(':');
-        if (params && typeof params[colonParts[1]] !== 'undefined') {
-          return colonParts[0] + params[colonParts[1]];
-        }
-
-        return colonParts[0];
-      })
-      .map(encodeURIComponent)
-      .join('/');
+    processedRoute = parts.map(function (part) {
+      if (part.indexOf(':') === -1) {
+        return part;
+      }
+      const colonParts = part.split(':');
+      if (params && typeof params[colonParts[1]] !== 'undefined') {
+        return colonParts[0] + params[colonParts[1]];
+      }
+      return colonParts[0];
+    }).map(encodeURIComponent).join('/');
   }
 
   //check if link is of the form inbox/p0 or search/blah/p0
-  if (
-    GmailRouteProcessor.isListRouteName(parts[0]) &&
-    processedRoute.indexOf('p0') === processedRoute.length - 2
-  ) {
+  if (GmailRouteProcessor.isListRouteName(parts[0]) && processedRoute.indexOf('p0') === processedRoute.length - 2) {
     processedRoute = processedRoute.substring(0, processedRoute.length - 3);
   }
-
   return '#' + processedRoute;
-}
+}