@inboxsdk/core 1.1.0 → 1.1.2

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

@@ -1,301 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = registerSearchSuggestionsProvider;
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirBus = _interopRequireDefault(require("kefir-bus"));
-var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
-var _toItemWithLifetimeStream = _interopRequireDefault(require("../../lib/toItemWithLifetimeStream"));
-var _makeMutationObserverChunkedStream = _interopRequireDefault(require("../../lib/dom/make-mutation-observer-chunked-stream"));
-var _fromEventTargetCapture = _interopRequireDefault(require("../../lib/from-event-target-capture"));
-var _insertElementInOrder = _interopRequireDefault(require("../../lib/dom/insert-element-in-order"));
-var _parser = _interopRequireDefault(require("./detection/searchBar/parser"));
-var _copyAndValidateAutocompleteResults = _interopRequireDefault(require("../../lib/copyAndValidateAutocompleteResults"));
-var _setupCustomAutocompleteSelectionHandling = _interopRequireDefault(require("./setupCustomAutocompleteSelectionHandling"));
-var _autoHtml = _interopRequireDefault(require("auto-html"));
-const ORDERING_ATTR = 'data-inboxsdk-search-provider-count';
-const DEFAULT_RESULT_ICON = '//www.gstatic.com/images/icons/material/system/2x/search_black_24dp.png';
-const getProviderOrder = () => {
-  const {
-    documentElement
-  } = document;
-  if (!documentElement) {
-    throw new Error();
-  }
-  const orderAttr = documentElement.getAttribute(ORDERING_ATTR);
-  const providerOrder = (orderAttr ? parseInt(orderAttr) + 1 : 0).toString();
-  documentElement.setAttribute(ORDERING_ATTR, providerOrder);
-  return providerOrder;
-};
-const handleResultChosen = _ref => {
-  let {
-    driver,
-    searchInput,
-    result,
-    event
-  } = _ref;
-  if (typeof result.onClick === 'function') {
-    result.onClick();
-  }
-  if (typeof result.externalURL === 'string') {
-    window.open(result.externalURL);
-  }
-  if (result.routeName && result.routeParams) {
-    driver.goto(result.routeName, result.routeParams);
-  }
-  if (typeof result.searchTerm === 'string') {
-    searchInput.value = result.searchTerm;
-    searchInput.dispatchEvent(new Event('input'));
-  }
-};
-const renderResultsList = _ref2 => {
-  let {
-    driver,
-    searchInput,
-    removalStream,
-    results,
-    providerOrder
-  } = _ref2;
-  const container = document.createElement('div');
-  container.setAttribute('data-order-hint', providerOrder);
-  container.classList.add('inboxsdk__search_suggestion_group');
-  results.forEach(result => {
-    const listItem = document.createElement('li');
-    const description = result.description || result.descriptionHTML ? (0, _autoHtml.default)`
-      <span class="inboxsdk__search_suggestion_desc">
-        ${result.description || {
-      __html: result.descriptionHTML
-    }}
-      </span>
-    ` : '';
-    listItem.classList.add('inboxsdk__search_suggestion');
-    listItem.innerHTML = (0, _autoHtml.default)`
-      <img src="${result.iconUrl || DEFAULT_RESULT_ICON}">
-      <span>
-        <span class="inboxsdk__search_suggestion_name" role="option">
-          ${result.name || {
-      __html: result.nameHTML
-    }}
-        </span>
-        ${{
-      __html: description
-    }}
-      </span>
-    `;
-    _kefir.default.fromEvents(listItem, 'click').takeUntilBy(removalStream).onValue(event => handleResultChosen({
-      driver,
-      searchInput,
-      result,
-      event
-    }));
-    container.appendChild(listItem);
-  });
-  return container;
-};
-function registerSearchSuggestionsProvider(driver, handler) {
-  const stopper = (0, _kefirStopper.default)();
-  const providerOrder = getProviderOrder();
-  (0, _toItemWithLifetimeStream.default)(driver.getTagTree().getAllByTag('searchBar')).flatMap(_ref3 => {
-    let {
-      el,
-      removalStream
-    } = _ref3;
-    const {
-      searchInput
-    } = (0, _parser.default)(el.getValue()).elements;
-    if (searchInput instanceof HTMLInputElement) {
-      return _kefir.default.constant({
-        searchInput,
-        searchInputRemovalStream: removalStream
-      });
-    } else {
-      return _kefir.default.never();
-    }
-  }).flatMap(_ref4 => {
-    let {
-      searchInput,
-      searchInputRemovalStream
-    } = _ref4;
-    return (0, _toItemWithLifetimeStream.default)(driver.getTagTree().getAllByTag('searchAutocompleteResults')).takeUntilBy(searchInputRemovalStream).map(_ref5 => {
-      let {
-        el,
-        removalStream
-      } = _ref5;
-      return {
-        searchInput,
-        searchInputRemovalStream,
-        resultsEl: el.getValue(),
-        resultsElRemovalStream: removalStream
-      };
-    });
-  }).flatMap(_ref6 => {
-    let {
-      searchInput,
-      searchInputRemovalStream,
-      resultsEl,
-      resultsElRemovalStream
-    } = _ref6;
-    const inputs = _kefir.default.fromEvents(searchInput, 'input').takeUntilBy(searchInputRemovalStream).takeUntilBy(resultsElRemovalStream);
-    const enterAndTabPresses = _kefir.default.fromEvents(searchInput, 'keydown').filter(_ref7 => {
-      let {
-        keyCode
-      } = _ref7;
-      return keyCode === 13 || keyCode === 9;
-    }).takeUntilBy(searchInputRemovalStream).takeUntilBy(resultsElRemovalStream);
-    return inputs.map(event => ({
-      event,
-      searchInput,
-      resultsEl,
-      inputStream: inputs,
-      enterAndTabPresses,
-      resultsElRemovalStream
-    }));
-  }).flatMapLatest(item => {
-    const suggestionsResponse = driver.getPageCommunicator().ajaxInterceptStream.filter(_ref8 => {
-      let {
-        type
-      } = _ref8;
-      return type === 'searchSuggestionsReceieved';
-    });
-    const removalStream = _kefir.default.merge([
-    // Handle cleanup when a new search query is entered. We want to wait
-    // to remove our old results until *after* Inbox's results from the new
-    // query have come back, since that will allow our modifications to
-    // switch from old -> new in sync with Inbox's native suggestions.
-    // If we didn't wait on `suggestionsResponse` to trigger cleanup,
-    // Our modifications would disappear the moment the user started typing,
-    // which ends up looking jarring and inconsistent with Inbox's results
-    // which stick around until the new results are ready.
-    item.inputStream.take(1).flatMap(() => suggestionsResponse),
-    // Handle cleanup when the user deletes their entire search query.
-    item.inputStream.filter(_ref9 => {
-      let {
-        target: {
-          value
-        }
-      } = _ref9;
-      return value === '';
-    }), item.resultsElRemovalStream]).take(1);
-    return _kefir.default.combine([_kefir.default.fromPromise(Promise.resolve(handler(item.event.target.value))),
-    // Wait to send results to the UI until Inbox's results have come back
-    // to avoid rendering too soon.
-    suggestionsResponse.take(1)]).takeUntilBy(removalStream).map(_ref10 => {
-      let [results, _ignored] = _ref10;
-      return {
-        ...item,
-        removalStream,
-        results
-      };
-    });
-  }).takeUntilBy(stopper).flatMap(_ref11 => {
-    let {
-      resultsEl,
-      searchInput,
-      resultsElRemovalStream,
-      removalStream,
-      enterAndTabPresses,
-      results
-    } = _ref11;
-    try {
-      const validatedResults = (0, _copyAndValidateAutocompleteResults.default)(driver, results);
-      return _kefir.default.constant({
-        resultsEl,
-        searchInput,
-        resultsElRemovalStream,
-        removalStream,
-        enterAndTabPresses,
-        results: validatedResults
-      });
-    } catch (error) {
-      return _kefir.default.constantError(error);
-    }
-  }).filter(_ref12 => {
-    let {
-      results
-    } = _ref12;
-    return results.length > 0;
-  }).onError(error => driver.getLogger().error(error)).onValue(_ref13 => {
-    let {
-      resultsEl,
-      searchInput,
-      resultsElRemovalStream,
-      removalStream,
-      enterAndTabPresses,
-      results
-    } = _ref13;
-    (0, _setupCustomAutocompleteSelectionHandling.default)({
-      resultsEl,
-      resultsElRemovalStream,
-      searchInput
-    });
-    const suggestionsElement = renderResultsList({
-      driver,
-      searchInput,
-      removalStream,
-      results,
-      providerOrder
-    });
-    (0, _insertElementInOrder.default)(resultsEl, suggestionsElement);
-
-    // NOTE: Because we're manually overriding the 'display' property, we've
-    // basically taken responsibility for showing/hiding `resultsEl`
-    // since Inbox no longer knows when the element is truly visible.
-    // When we want to show results for a search term but Inbox doesn't have
-    // any results, we need to force the results element to be displayed.
-    // When Inbox hides the element it also removes a class that applies
-    // some padding adjustments, so we have to force that as well.
-    resultsEl.style.display = 'block';
-    resultsEl.style.padding = '6px 0';
-    removalStream.onValue(() => {
-      suggestionsElement.remove();
-
-      // Because we've mostly overridden Inbox's native show/hide logic we're
-      // responsible for hiding `resultsEl` in a couple removal cases:
-      // 1) when we go directly from only custom results to having
-      // no text in the search box.
-      // 2) when there are only custom results and the user subsequently
-      // enters a search that returns no results of any type.
-      if (searchInput.value === '' || resultsEl.matches(':empty')) {
-        resultsEl.style.display = 'none';
-      }
-    });
-
-    // We have to take over responsibility for hiding `resultsEl` when
-    // the user presses enter or tab because our other overrides prevent Inbox
-    // from handling this sensibly.
-    enterAndTabPresses.takeUntilBy(removalStream).take(1).onValue(() => {
-      resultsEl.style.display = 'none';
-    });
-
-    // When Inbox gets the *first* set of suggestions after opening search,
-    // it clears away the current children of the `resultsEl` element.
-    // When this happens, our modifications will get cleared away if
-    // we've already added them — this can happen if Inbox skips a turn of
-    // the event loop between getting the AJAX response back and rendering to
-    // the DOM. To handle this case, we watch `resultsEl` for mutations
-    // and re-add our modifications if they've been cleared.
-    // We also force `resultsEl` to show because the first time
-    // we display modifications that aren't accompanied by native results
-    // Inbox hides `resultsEl` after we force it to show. Because Inbox
-    // removes the previous search's results in the same event loop tick as
-    // hiding `resultsEl`, we can hook into the child element removal and
-    // re-show it before the hidden state gets painted to the screen.
-    // We need to stop this entire process when tab or enter is pressed,
-    // because if a custom result was selected when the key was pressed
-    // then Inbox will remove the native results that no longer match the
-    // search term — causing this observer to fire and subsequently
-    // re-show `resultsEl` just as we're trying to manually hide it.
-    (0, _makeMutationObserverChunkedStream.default)(resultsEl, {
-      childList: true
-    }).takeUntilBy(enterAndTabPresses).takeUntilBy(removalStream).onValue(() => {
-      resultsEl.style.display = 'block';
-      if (suggestionsElement.parentElement !== resultsEl) {
-        (0, _insertElementInOrder.default)(resultsEl, suggestionsElement);
-      }
-    });
-  });
-  return () => stopper.destroy();
-}

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

@@ -1,183 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = setupCustomAutocompleteSelectionHandling;
-var _kefir = _interopRequireDefault(require("kefir"));
-var _fromEventTargetCapture = _interopRequireDefault(require("../../lib/from-event-target-capture"));
-var _closestNg = _interopRequireDefault(require("closest-ng"));
-const SELECTION_MASTER_ATTR = 'data-inboxsdk-selection-master-claimed';
-const hasNativeResults = resultsEl => resultsEl.querySelectorAll('li:not(.inboxsdk__search_suggestion)').length > 0;
-const hasCustomResults = resultsEl => resultsEl.querySelectorAll('.inboxsdk__search_suggestion').length > 0;
-const getSelectedNativeResult = resultsEl => {
-  const nativeResults = resultsEl.querySelectorAll('li:not(.inboxsdk__search_suggestion)');
-
-  // Unfortunately there are no distinguishable features of a selected
-  // native result besides its background color... (ಥ﹏ಥ)
-  return Array.from(nativeResults).find(result => {
-    const {
-      backgroundColor
-    } = getComputedStyle(result);
-    const colorValues = backgroundColor.match(/([\d.]+)/g);
-    return colorValues && parseFloat(colorValues[3]) > 0;
-  });
-};
-const selectFirstCustomResult = resultsEl => {
-  const firstCustomResult = resultsEl.querySelector('.inboxsdk__search_suggestion_group:first-of-type > ' + '.inboxsdk__search_suggestion:first-child');
-  firstCustomResult && firstCustomResult.classList.add('inboxsdk__selected');
-};
-const setupCustomResultHoverListeners = (resultsEl, resultsElRemovalStream) => {
-  _kefir.default.fromEvents(resultsEl, 'mouseover').takeUntilBy(resultsElRemovalStream).map(_ref => {
-    let {
-      target
-    } = _ref;
-    return (0, _closestNg.default)(target, '.inboxsdk__search_suggestion:not(.inboxsdk__selected)');
-  }).filter(Boolean).onValue(el => {
-    const customResults = resultsEl.querySelectorAll('.inboxsdk__search_suggestion.inboxsdk__selected');
-
-    // Needed to ensure custom results selected via keyboard events
-    // have their selected state removed (since no mouseout event fires).
-    Array.from(customResults).forEach(result => result.classList.remove('inboxsdk__selected'));
-    el.classList.add('inboxsdk__selected');
-  });
-  _kefir.default.fromEvents(resultsEl, 'mouseout').takeUntilBy(resultsElRemovalStream).map(_ref2 => {
-    let {
-      target
-    } = _ref2;
-    return (0, _closestNg.default)(target, '.inboxsdk__search_suggestion.inboxsdk__selected');
-  }).filter(Boolean).onValue(el => el.classList.remove('inboxsdk__selected'));
-};
-function setupCustomAutocompleteSelectionHandling(_ref3) {
-  let {
-    resultsEl,
-    resultsElRemovalStream,
-    searchInput
-  } = _ref3;
-  if (resultsEl.hasAttribute(SELECTION_MASTER_ATTR)) {
-    return;
-  }
-  resultsEl.setAttribute(SELECTION_MASTER_ATTR, 'true');
-
-  // We need to be able to cancel up/down arrow events before Inbox gets them,
-  // but we only want to listen for events that happen while the search box
-  // is in focus (since that's when up/down arrows manipulate selection).
-  // As a result, we need to grab the search box's parent element so we can
-  // capture and cancel events prior to Inbox's listeners (and our own).
-  const searchInputParent = searchInput.parentElement;
-  if (!searchInputParent) {
-    throw new Error();
-  }
-  const keyboardEvents = (0, _fromEventTargetCapture.default)(searchInputParent, 'keydown').takeUntilBy(resultsElRemovalStream);
-  const upArrowPresses = keyboardEvents.filter(_ref4 => {
-    let {
-      keyCode
-    } = _ref4;
-    return keyCode === 38;
-  });
-  const downArrowPresses = keyboardEvents.filter(_ref5 => {
-    let {
-      keyCode
-    } = _ref5;
-    return keyCode === 40;
-  });
-  const enterPresses = keyboardEvents.filter(_ref6 => {
-    let {
-      keyCode
-    } = _ref6;
-    return keyCode === 13;
-  });
-  upArrowPresses.onValue(event => {
-    const selectedNativeResult = getSelectedNativeResult(resultsEl);
-    const selectedCustomResult = resultsEl.querySelector('.inboxsdk__search_suggestion.inboxsdk__selected');
-    const customResultGroup = selectedCustomResult && (0, _closestNg.default)(selectedCustomResult, '.inboxsdk__search_suggestion_group');
-    if (selectedNativeResult) {
-      return;
-    }
-    if (selectedCustomResult && customResultGroup && selectedCustomResult.matches(':first-child') && customResultGroup.matches(':first-of-type')) {
-      // If there are native results, Inbox will automatically select
-      // the last one when it sees this up arrow press, so all we need to do
-      // is remove the highlighting from our result. If there *aren't* any
-      // native results, then nothing will be selected, which is consistent
-      // with native behavior (hitting the up arrow with the first item selected
-      // leaves *nothing* selected).
-      selectedCustomResult.classList.remove('inboxsdk__selected');
-    } else if (hasCustomResults(resultsEl) && !selectedCustomResult) {
-      event.stopPropagation();
-      const lastCustomResult = resultsEl.querySelector('.inboxsdk__search_suggestion_group:last-of-type > ' + '.inboxsdk__search_suggestion:last-child');
-      lastCustomResult && lastCustomResult.classList.add('inboxsdk__selected');
-    } else if (selectedCustomResult && customResultGroup) {
-      event.stopPropagation();
-      selectedCustomResult.classList.remove('inboxsdk__selected');
-
-      // The case where this is the first result in the first group
-      // has already been handled above, so if this check is true then
-      // the selected result is the first item in a non-first group.
-      if (selectedCustomResult.matches(':first-child')) {
-        const previousResultGroup = customResultGroup.previousElementSibling;
-        const customResultToSelect = previousResultGroup && previousResultGroup.querySelector('.inboxsdk__search_suggestion:last-child');
-        customResultToSelect && customResultToSelect.classList.add('inboxsdk__selected');
-      } else {
-        const previousCustomResult = selectedCustomResult.previousElementSibling;
-        previousCustomResult && previousCustomResult.classList.add('inboxsdk__selected');
-      }
-    }
-  });
-  downArrowPresses.onValue(event => {
-    const selectedNativeResult = getSelectedNativeResult(resultsEl);
-    const selectedCustomResult = resultsEl.querySelector('.inboxsdk__search_suggestion.inboxsdk__selected');
-    const customResultGroup = selectedCustomResult && (0, _closestNg.default)(selectedCustomResult, '.inboxsdk__search_suggestion_group');
-    if (selectedNativeResult && !selectedNativeResult.matches(':last-of-type')) {
-      return;
-    }
-    if (selectedNativeResult) {
-      selectFirstCustomResult(resultsEl);
-    } else if (selectedCustomResult && customResultGroup && selectedCustomResult.matches(':last-child') && customResultGroup.matches(':last-of-type')) {
-      // Inbox's native behavior is to leave nothing selected when you hit
-      // the down arrow while the last item is selected, so we don't
-      // try to select any other results if the last custom result is currently
-      // selected.
-      event.stopPropagation();
-      selectedCustomResult.classList.remove('inboxsdk__selected');
-    } else if (!selectedCustomResult) {
-      // Inbox will automatically select the first native result if
-      // one exists.
-      if (hasNativeResults(resultsEl)) {
-        return;
-      }
-
-      // Theoretically we could stop propegation here, but inbox doesn't do
-      // anything with the event anyway given that there's no results to select.
-      selectFirstCustomResult(resultsEl);
-    } else if (selectedCustomResult && customResultGroup) {
-      event.stopPropagation();
-      selectedCustomResult.classList.remove('inboxsdk__selected');
-
-      // The case where this is the last result in the last group
-      // has already been handled above, so if this check is true then
-      // the selected result is the last item in a non-last group.
-      if (selectedCustomResult.matches(':last-child')) {
-        const nextResultGroup = customResultGroup.nextElementSibling;
-        const customResultToSelect = nextResultGroup && nextResultGroup.querySelector('.inboxsdk__search_suggestion:first-child');
-        customResultToSelect && customResultToSelect.classList.add('inboxsdk__selected');
-      } else {
-        const nextCustomResult = selectedCustomResult.nextElementSibling;
-        nextCustomResult && nextCustomResult.classList.add('inboxsdk__selected');
-      }
-    }
-  });
-  enterPresses.onValue(event => {
-    const selectedCustomResult = resultsEl.querySelector('.inboxsdk__search_suggestion.inboxsdk__selected');
-
-    // If the user hits enter and has a custom result selected, we want to
-    // trigger the custom result's action *but* avoid letting the native
-    // behavior (hiding `resultsEl`) happen.
-    if (selectedCustomResult) {
-      event.stopPropagation();
-      selectedCustomResult.dispatchEvent(new MouseEvent('click'));
-    }
-  });
-  keyboardEvents.onEnd(() => resultsEl.removeAttribute(SELECTION_MASTER_ATTR));
-  setupCustomResultHoverListeners(resultsEl, resultsElRemovalStream);
-}

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

@@ -1,64 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = setupRouteViewDriverStream;
-var _kefir = _interopRequireDefault(require("kefir"));
-var _inboxDriver = _interopRequireDefault(require("./inbox-driver"));
-var _inboxRouteView = _interopRequireDefault(require("./views/inbox-route-view"));
-var _inboxCustomRouteView = _interopRequireDefault(require("./views/inbox-custom-route-view"));
-var _inboxDummyRouteView = _interopRequireDefault(require("./views/inbox-dummy-route-view"));
-var _routeIDmatchesHash = _interopRequireDefault(require("../../lib/routeIDmatchesHash"));
-function setupRouteViewDriverStream(driver) {
-  const customRouteIDs = driver.getCustomRouteIDs();
-  let lastRouteView = null;
-  driver.getStopper().onValue(() => {
-    if (lastRouteView) {
-      lastRouteView.destroy();
-    }
-  });
-  return _kefir.default.merge([_kefir.default.merge([_kefir.default.fromEvents(document, 'inboxSDKpushState'), _kefir.default.fromEvents(window, 'popstate')]).map(e => process.env.NODE_ENV === 'test' && e.detail && e.detail.__test_url || document.location.href), _kefir.default.fromEvents(window, 'hashchange').map(e => e.newURL)
-  // When the user hits back and leaves a hash URL, a hashchange *and*
-  // popstate events are emitted. Let's just process the popstate event
-  // alone.
-  .filter(href => /#/.test(href))]).toProperty(() => document.location.href).map(href => {
-    const m = /#([^?]*)/.exec(href);
-    if (!m) return {
-      type: 'NATIVE'
-    };
-    const hash = m[1];
-    for (let routeIDs of customRouteIDs) {
-      let routeID = (0, _routeIDmatchesHash.default)(routeIDs, hash);
-      if (routeID) {
-        return {
-          hash,
-          type: 'CUSTOM',
-          routeID
-        };
-      }
-    }
-    return {
-      type: 'OTHER_APP_CUSTOM'
-    };
-  }).map(detail => {
-    if (detail.type === 'CUSTOM') {
-      return new _inboxCustomRouteView.default(detail.routeID, detail.hash);
-    } else if (detail.type === 'NATIVE') {
-      driver.showNativeRouteView();
-      return new _inboxDummyRouteView.default('NATIVE');
-    } else if (detail.type === 'OTHER_APP_CUSTOM') {
-      return new _inboxDummyRouteView.default('OTHER_APP_CUSTOM');
-    } else {
-      driver.getLogger().error(new Error('should not happen'));
-      return new _inboxDummyRouteView.default('UNKNOWN');
-    }
-  }).map(routeView => {
-    if (lastRouteView) {
-      lastRouteView.destroy();
-    }
-    lastRouteView = routeView;
-    return routeView;
-  });
-}

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

@@ -1,72 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _lodash = _interopRequireDefault(require("lodash"));
-var _pdelay = _interopRequireDefault(require("pdelay"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirBus = _interopRequireDefault(require("kefir-bus"));
-var _inboxRouteView = _interopRequireDefault(require("./views/inbox-route-view"));
-var _inboxCustomRouteView = _interopRequireDefault(require("./views/inbox-custom-route-view"));
-var _inboxDummyRouteView = _interopRequireDefault(require("./views/inbox-dummy-route-view"));
-var _setupRouteViewDriverStream = _interopRequireDefault(require("./setupRouteViewDriverStream"));
-jest.mock('./getSidebarClassnames');
-const stopper = (0, _kefirBus.default)();
-afterEach(() => {
-  stopper.emit(null);
-});
-function makeMockDriver() {
-  return {
-    getStopper: _lodash.default.constant(stopper),
-    getCustomRouteIDs: _lodash.default.constant(new Set()),
-    showNativeRouteView: jest.fn()
-  };
-}
-test('test', async () => {
-  const items = [];
-  const driver = makeMockDriver();
-  driver.getCustomRouteIDs().add('foo/:id');
-  driver.getCustomRouteIDs().add('bar/:id/blah');
-  (0, _setupRouteViewDriverStream.default)(driver).takeUntilBy(stopper).onValue(item => {
-    items.push(item);
-  });
-  expect(items.length).toBe(1);
-  expect(items[0]).toBeInstanceOf(_inboxDummyRouteView.default);
-  const firstStopper = jest.fn();
-  items[0].getStopper().onValue(firstStopper);
-  expect(firstStopper).toHaveBeenCalledTimes(0);
-  document.dispatchEvent(new CustomEvent('inboxSDKpushState', {
-    bubbles: false,
-    cancelable: false,
-    detail: {
-      __test_url: 'https://inbox.google.com/u/0/snoozed',
-      args: ['%5B1%2C%5B%5B11%2C0%2Cfalse%2Cnull%2Cnull%2C0%5D%5D%5D', '', '/u/0/snoozed']
-    }
-  }));
-  expect(items.length).toBe(2);
-  expect(items[1]).toBeInstanceOf(_inboxDummyRouteView.default);
-  expect(firstStopper).toHaveBeenCalledTimes(1);
-  expect(driver.showNativeRouteView).toHaveBeenCalledTimes(2);
-
-  // TODO test breaks here because jest+jsdom now emits popstate event along with HashChangeEvent.
-  // Might be real bug here.
-  if (true) return; // eslint-disable-line
-  document.location.hash = '#bar/123/blah';
-  await (0, _pdelay.default)(1);
-  expect(items.length).toBe(3);
-  expect(items[2]).toBeInstanceOf(_inboxCustomRouteView.default);
-  expect(items[2].getRouteID()).toBe('bar/:id/blah');
-  expect(items[2].getParams()).toEqual({
-    id: '123'
-  });
-  expect(driver.showNativeRouteView).toHaveBeenCalledTimes(2);
-  document.dispatchEvent(new CustomEvent('inboxSDKpushState', {
-    bubbles: false,
-    cancelable: false,
-    detail: {
-      __test_url: 'https://inbox.google.com/u/0/done',
-      args: ['%5B1%2C%5B%5B2%2C0%2Cfalse%2Cnull%2Cnull%2C0%5D%5D%5D', '', '/u/0/done']
-    }
-  }));
-  expect(items.length).toBe(4);
-  expect(items[3]).toBeInstanceOf(_inboxDummyRouteView.default);
-});