@inboxsdk/core 1.0.5 → 1.1.1

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

@@ -1,171 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _lodash = _interopRequireDefault(require("lodash"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirBus = _interopRequireDefault(require("kefir-bus"));
-var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
-var _pdelay = _interopRequireDefault(require("pdelay"));
-var _idMap = _interopRequireDefault(require("../../../lib/idMap"));
-var _inboxThreadView = _interopRequireDefault(require("./inbox-thread-view"));
-var _ContentPanelViewDriver = _interopRequireDefault(require("../../../driver-common/sidebar/ContentPanelViewDriver"));
-function makeDriver() {
-  const _openOrOpeningStreamBus = (0, _kefirBus.default)();
-  const _addedPanels = [];
-  const driver = {
-    getAppId: () => 'foo',
-    getOpts: _lodash.default.constant({
-      appName: 'driver appName',
-      appIconUrl: 'http://localhost/driver/appIconUrl.png'
-    }),
-    getThreadViewElementsMap: _lodash.default.constant(new Map()),
-    getAppSidebarView: _lodash.default.constant({
-      _openOrOpeningStreamBus,
-      _addedPanels,
-      addSidebarContentPanel(descriptor) {
-        if (!document.querySelector('.' + (0, _idMap.default)('app_sidebar_waiting_platform'))) {
-          const waitingPlatform = document.createElement('div');
-          waitingPlatform.className = (0, _idMap.default)('app_sidebar_waiting_platform');
-          document.body.appendChild(waitingPlatform);
-        }
-        const panel = new _ContentPanelViewDriver.default(driver, descriptor, 'foobar');
-        _addedPanels.push(panel);
-        return panel;
-      },
-      getOpenOrOpeningStream: _lodash.default.constant(_openOrOpeningStreamBus.toProperty(() => false).onValue(() => {})),
-      open: jest.fn()
-    })
-  };
-  return driver;
-}
-function makeElement() {
-  const el = document.createElement('div');
-  const parsed = {
-    elements: {
-      stickyHeading: document.createElement('div')
-    }
-  };
-  return {
-    el,
-    parsed
-  };
-}
-test('construction works', () => {
-  const {
-    el,
-    parsed
-  } = makeElement();
-  const threadView = new _inboxThreadView.default(el, makeDriver(), parsed);
-});
-describe('addSidebarContentPanel', () => {
-  test('button is added to thread', () => {
-    const driver = makeDriver();
-    const {
-      el,
-      parsed
-    } = makeElement();
-    const threadView = new _inboxThreadView.default(el, driver, parsed);
-    threadView.addSidebarContentPanel(_kefir.default.constant({
-      title: 'foo',
-      iconUrl: 'http://localhost/driver/bar.png',
-      el: document.createElement('div')
-    }));
-    const {
-      stickyHeading
-    } = parsed.elements;
-    expect(stickyHeading.querySelectorAll('button').length).toBe(1);
-    expect(stickyHeading.querySelector('button').title).toBe('driver appName');
-    expect(stickyHeading.querySelector('button img').src).toBe('http://localhost/driver/appIconUrl.png');
-    expect(stickyHeading.querySelector('button').parentElement.getAttribute('data-count')).toBe(null);
-    const appSidebarView = driver.getAppSidebarView();
-    expect(appSidebarView._addedPanels.length).toBe(1);
-    const panel = appSidebarView._addedPanels[0];
-    panel.remove();
-    expect(stickyHeading.querySelectorAll('button').length).toBe(0);
-  });
-  test('exiting thread removes panel', () => {
-    const driver = makeDriver();
-    const {
-      el,
-      parsed
-    } = makeElement();
-    const threadView = new _inboxThreadView.default(el, driver, parsed);
-    threadView.addSidebarContentPanel(_kefir.default.constant({
-      title: 'foo',
-      iconUrl: 'http://localhost/driver/bar.png',
-      el: document.createElement('div')
-    }));
-    const appSidebarView = driver.getAppSidebarView();
-    expect(appSidebarView._addedPanels.length).toBe(1);
-    const panel = appSidebarView._addedPanels[0];
-    const onPanelRemove = jest.fn();
-    panel.getStopper().onValue(onPanelRemove);
-    expect(onPanelRemove).toHaveBeenCalledTimes(0);
-    threadView.destroy();
-    expect(onPanelRemove).toHaveBeenCalledTimes(1);
-  });
-  test('multiple app sidebars can be added and removed in reverse order', () => {
-    const driver = makeDriver();
-    const {
-      el,
-      parsed
-    } = makeElement();
-    const threadView = new _inboxThreadView.default(el, driver, parsed);
-    threadView.addSidebarContentPanel(_kefir.default.constant({
-      title: 'foo',
-      iconUrl: 'http://localhost/driver/bar.png',
-      el: document.createElement('div')
-    }));
-    threadView.addSidebarContentPanel(_kefir.default.constant({
-      title: 'foo2',
-      iconUrl: '/bar2.png',
-      el: document.createElement('div')
-    }));
-    const {
-      stickyHeading
-    } = parsed.elements;
-    expect(stickyHeading.querySelectorAll('button').length).toBe(1);
-    expect(stickyHeading.querySelector('button').title).toBe('driver appName');
-    expect(stickyHeading.querySelector('button img').src).toBe('http://localhost/driver/appIconUrl.png');
-    expect(stickyHeading.querySelector('button').parentElement.getAttribute('data-count')).toBe('2');
-    const appSidebarView = driver.getAppSidebarView();
-    expect(appSidebarView._addedPanels.length).toBe(2);
-    const [panel1, panel2] = appSidebarView._addedPanels;
-    panel2.remove();
-    expect(stickyHeading.querySelectorAll('button').length).toBe(1);
-    expect(stickyHeading.querySelector('button').parentElement.getAttribute('data-count')).toBe(null);
-    panel1.remove();
-    expect(stickyHeading.querySelectorAll('button').length).toBe(0);
-  });
-  test('multiple app sidebars can be removed in order', () => {
-    const driver = makeDriver();
-    const {
-      el,
-      parsed
-    } = makeElement();
-    const threadView = new _inboxThreadView.default(el, driver, parsed);
-    threadView.addSidebarContentPanel(_kefir.default.constant({
-      title: 'foo',
-      iconUrl: 'http://localhost/driver/bar.png',
-      el: document.createElement('div')
-    }));
-    threadView.addSidebarContentPanel(_kefir.default.constant({
-      title: 'foo2',
-      iconUrl: '/bar2.png',
-      el: document.createElement('div')
-    }));
-    const {
-      stickyHeading
-    } = parsed.elements;
-    expect(stickyHeading.querySelectorAll('button').length).toBe(1);
-    expect(stickyHeading.querySelector('button').parentElement.getAttribute('data-count')).toBe('2');
-    const appSidebarView = driver.getAppSidebarView();
-    expect(appSidebarView._addedPanels.length).toBe(2);
-    const [panel1, panel2] = appSidebarView._addedPanels;
-    panel1.remove();
-    expect(stickyHeading.querySelectorAll('button').length).toBe(1);
-    expect(stickyHeading.querySelector('button').parentElement.getAttribute('data-count')).toBe(null);
-    panel2.remove();
-    expect(stickyHeading.querySelectorAll('button').length).toBe(0);
-  });
-});

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

@@ -1,128 +0,0 @@
-"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 _kefir = _interopRequireDefault(require("kefir"));
-var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
-var _containByScreen = _interopRequireDefault(require("contain-by-screen"));
-class InboxTooltipView {
-  constructor(target, options) {
-    (0, _defineProperty2.default)(this, "_stopper", (0, _kefirStopper.default)());
-    this._target = target;
-    this._arrowEl = document.createElement('div');
-    this._arrowEl.className = 'inboxsdk__tooltip_arrow';
-    this._contentEl = document.createElement('div');
-    this._contentEl.className = 'inboxsdk__tooltip_content';
-    this._el = document.createElement('div');
-    this._el.style.position = 'fixed';
-    this._el.className = 'inboxsdk__tooltip';
-    this._el.appendChild(this._contentEl);
-    if (options.el) {
-      this._contentEl.appendChild(options.el);
-      this._el.classList.add('inboxsdk__tooltip_chromeless');
-    } else {
-      {
-        const closeButton = document.createElement('button');
-        closeButton.type = 'button';
-        closeButton.title = 'Close';
-        closeButton.className = 'inboxsdk__close_button';
-        closeButton.addEventListener('click', e => {
-          this.destroy();
-        });
-        this._el.appendChild(closeButton);
-      }
-      if (options.imageUrl) {
-        const src = options.imageUrl;
-        const img = document.createElement('img');
-        img.className = 'inboxsdk__tooltip_img';
-        img.src = src;
-        this._contentEl.appendChild(img);
-      }
-      if (options.title) {
-        const title = options.title;
-        const titleEl = document.createElement('h1');
-        titleEl.textContent = title;
-        this._contentEl.appendChild(titleEl);
-      }
-      if (options.subtitle) {
-        const subtitle = options.subtitle;
-        const sEl = document.createElement('div');
-        sEl.className = 'inboxsdk__subtitle';
-        sEl.textContent = subtitle;
-        this._contentEl.appendChild(sEl);
-      }
-      if (options.button) {
-        const button = options.button;
-        const buttonEl = document.createElement('input');
-        buttonEl.type = 'button';
-        buttonEl.value = button.title;
-        buttonEl.addEventListener('click', event => {
-          event.preventDefault();
-          event.stopPropagation();
-          if (button.onClick) button.onClick.call(null);
-        });
-        this._contentEl.appendChild(buttonEl);
-      }
-    }
-    document.body.appendChild(this._el);
-    document.body.appendChild(this._arrowEl);
-    this._updatePosition(true);
-    this._el.addEventListener('load', event => {
-      this._updatePosition(true);
-    }, true);
-    _kefir.default.interval(200).takeUntilBy(this._stopper).map(() => target.getBoundingClientRect()).skipDuplicates((a, b) => a.top === b.top && a.left === b.left && a.right === b.right && a.bottom === b.bottom).onValue(() => {
-      this._updatePosition();
-    });
-  }
-  destroy() {
-    this._el.remove();
-    this._arrowEl.remove();
-    this._stopper.destroy();
-  }
-  getStopper() {
-    return this._stopper;
-  }
-  _updatePosition() {
-    let noTransition = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    if (noTransition) {
-      this._el.classList.add('inboxsdk__notransition');
-      this._arrowEl.classList.add('inboxsdk__notransition');
-    }
-    const {
-      position
-    } = (0, _containByScreen.default)(this._el, this._target, {
-      position: 'top',
-      hAlign: 'center',
-      vAlign: 'center',
-      buffer: 10
-    });
-    (0, _containByScreen.default)(this._arrowEl, this._target, {
-      position: position,
-      forcePosition: true,
-      hAlign: 'center',
-      forceHAlign: true,
-      vAlign: 'center',
-      forceVAlign: true,
-      buffer: 11 // needs to overlap 1px of border
-    });
-
-    ['top', 'bottom', 'left', 'right'].forEach(x => {
-      this._arrowEl.classList.remove('inboxsdk__' + x);
-    });
-    this._arrowEl.classList.add('inboxsdk__' + position);
-    if (noTransition) {
-      this._el.offsetHeight; // Trigger a reflow, flushing the CSS changes
-      this._arrowEl.offsetHeight;
-      // see http://stackoverflow.com/a/16575811/1289657
-      this._el.classList.remove('inboxsdk__notransition');
-      this._arrowEl.classList.remove('inboxsdk__notransition');
-    }
-  }
-}
-var _default = (0, _ud.defn)(module, InboxTooltipView);
-exports.default = _default;

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

@@ -1,312 +0,0 @@
-"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 _kefir = _interopRequireDefault(require("kefir"));
-var _kefirBus = _interopRequireDefault(require("kefir-bus"));
-var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
-var _insertElementInOrder = _interopRequireDefault(require("../../../lib/dom/insert-element-in-order"));
-var _querySelectorOrFail = _interopRequireDefault(require("../../../lib/dom/querySelectorOrFail"));
-var _dropdownView = _interopRequireDefault(require("../../../widgets/buttons/dropdown-view"));
-var _inboxDropdownView = _interopRequireDefault(require("./inbox-dropdown-view"));
-var _navItemTypes = _interopRequireDefault(require("../../../constants/nav-item-types"));
-var _updateIcon = _interopRequireDefault(require("../../../driver-common/update-icon"));
-class InboxNavItemView {
-  constructor(navItemDescriptor, level) {
-    (0, _defineProperty2.default)(this, "_eventStream", (0, _kefirBus.default)());
-    (0, _defineProperty2.default)(this, "_transitionResetter", (0, _kefirBus.default)());
-    (0, _defineProperty2.default)(this, "_children", 0);
-    (0, _defineProperty2.default)(this, "_name", '');
-    (0, _defineProperty2.default)(this, "_type", null);
-    (0, _defineProperty2.default)(this, "_orderHint", Number.MAX_SAFE_INTEGER);
-    (0, _defineProperty2.default)(this, "_disabled", false);
-    (0, _defineProperty2.default)(this, "_isCollapsed", false);
-    (0, _defineProperty2.default)(this, "_iconSettings", {});
-    (0, _defineProperty2.default)(this, "_accessory", null);
-    (0, _defineProperty2.default)(this, "_accessoryView", null);
-    this._level = level || 0;
-    this._elements = {
-      wrapper: document.createElement('div'),
-      expander: document.createElement('div'),
-      navItem: document.createElement('div'),
-      name: document.createElement('span'),
-      subNav: document.createElement('div'),
-      subNavInner: document.createElement('div'),
-      accessory: document.createElement('div')
-    };
-    if (this._level > 2) {
-      console.warn('Adding NavItems more than 3 levels deep is not supported');
-    }
-    this._stopper = this._eventStream.ignoreValues().beforeEnd(() => null).toProperty();
-    this._setupElements();
-    navItemDescriptor.takeUntilBy(this._stopper).onValue(descriptor => {
-      this._update(descriptor);
-      this._navItemDescriptor = descriptor;
-    });
-  }
-  addNavItem(orderGroup, navItemDescriptor) {
-    const childNavItemView = new InboxNavItemView(navItemDescriptor, this._level + 1);
-    childNavItemView.getEventStream().filter(event => event.eventName === 'orderChanged').onValue(() => (0, _insertElementInOrder.default)(this._elements.subNavInner, childNavItemView.getElement()));
-    (0, _insertElementInOrder.default)(this._elements.subNavInner, childNavItemView.getElement());
-    this._children += 1;
-    childNavItemView.getStopper().onValue(() => {
-      this._children -= 1;
-      this._updateChildrenClass();
-      this._updateDisabledState(this._navItemDescriptor || {});
-      this._updateAccessory(this._accessory, true);
-    });
-    this._updateChildrenClass();
-    this._updateDisabledState(this._navItemDescriptor || {});
-    this._updateAccessory(this._accessory, true);
-    return childNavItemView;
-  }
-  setActive(value) {
-    this._elements.navItem.classList.toggle('inboxsdk__navItem_active', value);
-  }
-  toggleCollapse() {
-    this._isCollapsed = !this._isCollapsed;
-    this._isCollapsed ? this._collapse() : this._expand();
-  }
-  setCollapsed(value) {
-    if (this._isCollapsed === value) return;
-    this._isCollapsed = value;
-    this._isCollapsed ? this._collapse() : this._expand();
-  }
-  isCollapsed() {
-    return this._isCollapsed;
-  }
-  getElement() {
-    return this._elements.wrapper;
-  }
-  getEventStream() {
-    return this._eventStream;
-  }
-  getStopper() {
-    return this._stopper;
-  }
-  destroy() {
-    this._eventStream.end();
-    this._elements.wrapper.remove();
-  }
-  _setupElements() {
-    const {
-      wrapper,
-      expander,
-      navItem,
-      name,
-      subNav,
-      subNavInner,
-      accessory
-    } = this._elements;
-    wrapper.className = `inboxsdk__navItem_wrapper inboxsdk__navItem_level${this._level}`;
-    wrapper.setAttribute('tabindex', '-1');
-    wrapper.setAttribute('data-order-hint', String(this._orderHint));
-    navItem.setAttribute('role', 'menuitem');
-    expander.classList.add('inboxsdk__navItem_expander');
-    navItem.classList.add('inboxsdk__navItem');
-    name.classList.add('inboxsdk__navItem_name');
-    accessory.classList.add('inboxsdk__navItem_accessory');
-    subNav.classList.add('inboxsdk__navItem_subNav');
-    subNavInner.classList.add('inboxsdk__navItem_subNavInner');
-
-    // Arrow SVG
-    expander.innerHTML = '<svg><polygon points="16.59 8.59 12 13.17 7.41 8.59 6 10 12 16 18 10"></polygon></svg>';
-    navItem.appendChild(expander);
-    navItem.appendChild(name);
-    navItem.appendChild(accessory);
-    wrapper.appendChild(navItem);
-    subNav.appendChild(subNavInner);
-    wrapper.appendChild(subNav);
-    this._eventStream.plug(_kefir.default.fromEvents(navItem, 'click').filter(() => !this._disabled).map(domEvent => {
-      domEvent.stopPropagation();
-      domEvent.preventDefault();
-      return {
-        eventName: 'click',
-        domEvent
-      };
-    }));
-    _kefir.default.fromEvents(expander, 'click').takeUntilBy(this._stopper).filter(() => this._children > 0).onValue(domEvent => {
-      this.toggleCollapse();
-      domEvent.stopPropagation();
-    });
-  }
-  _collapse() {
-    const {
-      subNav,
-      subNavInner
-    } = this._elements;
-    this._transitionResetter.emit(null);
-    this._elements.wrapper.classList.add('inboxsdk__navItem_collapsed');
-    subNav.style.height = `${subNavInner.clientHeight}px`;
-    subNav.clientHeight; // Force layout
-    subNav.style.height = '0';
-    _kefir.default.merge([_kefir.default.fromEvents(subNav, 'transitionend'), _kefir.default.later(750)]).takeUntilBy(this._transitionResetter).take(1).onValue(() => {
-      subNav.style.display = 'none';
-    });
-    this._eventStream.emit({
-      eventName: 'collapsed'
-    });
-  }
-  _expand() {
-    const {
-      subNav,
-      subNavInner
-    } = this._elements;
-    this._transitionResetter.emit(null);
-    this._elements.wrapper.classList.remove('inboxsdk__navItem_collapsed');
-    subNav.style.display = '';
-    subNav.style.height = `${subNavInner.clientHeight}px`;
-    _kefir.default.merge([_kefir.default.fromEvents(subNav, 'transitionend'), _kefir.default.later(750)]).takeUntilBy(this._transitionResetter).take(1).onValue(() => {
-      subNav.style.height = '';
-    });
-    this._eventStream.emit({
-      eventName: 'expanded'
-    });
-  }
-  _update(descriptor) {
-    this._updateName(descriptor.name);
-    this._updateType(descriptor.type);
-    this._updateExpander(descriptor);
-    this._updateDisabledState(descriptor);
-    this._updateIcon(descriptor);
-    this._updateAccessory(descriptor.accessory);
-    this._updateOrder(descriptor.orderHint || descriptor.orderHint === 0 ? descriptor.orderHint : Number.MAX_SAFE_INTEGER);
-  }
-  _updateName(name) {
-    if (this._name === name) return;
-    this._elements.name.textContent = name;
-    this._elements.name.setAttribute('title', name);
-    this._name = name;
-  }
-  _updateType() {
-    let type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _navItemTypes.default.NAVIGATION;
-    if (this._type === type) return;
-    this._elements.navItem.classList.toggle('inboxsdk__navItem_link', type === _navItemTypes.default.LINK);
-    this._type = type;
-  }
-  _updateExpander(_ref) {
-    let {
-      backgroundColor,
-      expanderForegroundColor
-    } = _ref;
-    this._elements.expander.style.backgroundColor = backgroundColor || '';
-    const arrow = (0, _querySelectorOrFail.default)(this._elements.expander, 'polygon');
-    arrow.style.fill = expanderForegroundColor || '';
-    this._elements.wrapper.classList.toggle('inboxsdk__navItem_hasColor', typeof backgroundColor === 'string');
-  }
-  _updateIcon(descriptor) {
-    this._elements.navItem.classList.toggle('inboxsdk__navItem_hasIcon', (!this._disabled || this._level > 0) && Boolean(descriptor.iconUrl || descriptor.iconClass));
-    (0, _updateIcon.default)(this._iconSettings, this._elements.navItem, false, descriptor.iconClass, descriptor.iconUrl, this._elements.name);
-  }
-  _updateAccessory(accessory) {
-    let forceUpdate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    if (!forceUpdate && this._accessory === accessory) return;
-    if (this._accessoryView) {
-      this._accessoryView.destroy();
-      this._accessoryView = null;
-    }
-    if (accessory && !this._disabled) {
-      this._accessoryView = this._createAccessory(accessory);
-    }
-    this._accessory = accessory;
-  }
-  _updateDisabledState(descriptor) {
-    this._disabled = !(descriptor.routeID || descriptor.onClick) || this._level === 0 && this._children > 0;
-    this._elements.wrapper.classList.toggle('inboxsdk__navItem_disabled', this._disabled);
-  }
-  _updateOrder(orderHint) {
-    if (this._orderHint === orderHint) return;
-    this._elements.wrapper.setAttribute('data-order-hint', String(orderHint));
-    this._orderHint = orderHint;
-    this._eventStream.emit({
-      eventName: 'orderChanged'
-    });
-  }
-  _updateChildrenClass() {
-    this._elements.wrapper.classList.toggle('inboxsdk__navItem_hasChildren', this._children > 0);
-  }
-  _createAccessory(accessory) {
-    switch (accessory.type) {
-      case 'CREATE':
-        return this._createCreateAccessory(accessory);
-      case 'ICON_BUTTON':
-        return this._createIconButtonAccessory(accessory);
-      case 'DROPDOWN_BUTTON':
-        return this._createDropdownButtonAccessory(accessory);
-      default:
-        throw new Error('A type must be specified for NavItem accessories');
-    }
-  }
-  _createCreateAccessory(accessory) {
-    const {
-      onClick
-    } = accessory;
-    return this._createIconButtonAccessory({
-      onClick,
-      iconUrl: '//ssl.gstatic.com/bt/C3341AA7A1A076756462EE2E5CD71C11/2x/ic_add-cluster_24px_g60_r3_2x.png'
-    });
-  }
-  _createDropdownButtonAccessory(accessory) {
-    const {
-      onClick
-    } = accessory;
-    return this._createIconButtonAccessory({
-      onClick,
-      iconUrl: '//www.gstatic.com/images/icons/material/system/2x/settings_black_18dp.png'
-    }, true);
-  }
-  _createIconButtonAccessory(accessory) {
-    let hasDropdown = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    if (!accessory.onClick) throw new Error('An onClick handler is required');
-    this._elements.wrapper.classList.add('inboxsdk__navItem_hasAccessory');
-    (0, _updateIcon.default)({}, this._elements.accessory, false, accessory.iconClass, accessory.iconUrl);
-    const iconEl = (0, _querySelectorOrFail.default)(this._elements.accessory, '.inboxsdk__button_icon');
-    iconEl.setAttribute('tabindex', '-1');
-    const destroyStopper = (0, _kefirStopper.default)();
-    let dropdown = null;
-    _kefir.default.fromEvents(this._elements.accessory, 'click').takeUntilBy(this._stopper).takeUntilBy(destroyStopper).onValue(event => {
-      event.preventDefault();
-      event.stopPropagation();
-      if (hasDropdown) {
-        if (dropdown) {
-          dropdown.close();
-          return;
-        } else {
-          iconEl.classList.add('inboxsdk__active');
-          dropdown = new _dropdownView.default(new _inboxDropdownView.default(), this._elements.accessory);
-          dropdown.setPlacementOptions({
-            position: 'right',
-            hAlign: 'left',
-            vAlign: 'top',
-            buffer: 10
-          });
-          dropdown.on('destroy', () => {
-            iconEl.classList.remove('inboxsdk__active');
-            dropdown = null;
-          });
-        }
-      }
-      accessory.onClick({
-        dropdown
-      });
-    });
-    _kefir.default.merge([this._stopper, destroyStopper]).take(1).onValue(() => {
-      if (dropdown) {
-        dropdown.close();
-      }
-    });
-    const destroy = () => {
-      this._elements.wrapper.classList.remove('inboxsdk__navItem_hasAccessory');
-      this._elements.accessory.innerHTML = '';
-      destroyStopper.destroy();
-    };
-    return {
-      destroy
-    };
-  }
-}
-exports.default = InboxNavItemView;

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

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = waitForAnimationClickBlockerGone;
-var _once = _interopRequireDefault(require("lodash/once"));
-var _find = _interopRequireDefault(require("lodash/find"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _makeMutationObserverChunkedStream = _interopRequireDefault(require("../../lib/dom/make-mutation-observer-chunked-stream"));
-const getAnimationClickBlocker = (0, _once.default)(() => (0, _find.default)(document.body.children, el => {
-  const c = window.getComputedStyle(el);
-  return c.position === 'fixed' && parseFloat(c.top) === 0 && parseFloat(c.bottom) === 0 && parseFloat(c.left) === 0 && parseFloat(c.right) === 0;
-}));
-function waitForAnimationClickBlockerGone() {
-  const el = getAnimationClickBlocker();
-
-  // Wait for (the animationClickBlocker to appear OR 150 ms to pass), then
-  // wait for the animationClickBlocker to disappear.
-  return (0, _makeMutationObserverChunkedStream.default)(el, {
-    attributes: true
-  }).toProperty(() => undefined).filter(() => window.getComputedStyle(el).display !== 'none').merge(_kefir.default.later(150)).take(1).flatMap(() => (0, _makeMutationObserverChunkedStream.default)(el, {
-    attributes: true
-  }).toProperty(() => undefined)).filter(() => window.getComputedStyle(el).display === 'none').map(() => undefined).take(1);
-}

package/src/platform-implementation-js/lib/rewriteCssWithIdMap.d.ts

@@ -1,2 +0,0 @@
-export default function rewriteCssWithIdMap(cssSource: string): string;
-//# sourceMappingURL=rewriteCssWithIdMap.d.ts.map

package/src/platform-implementation-js/lib/rewriteCssWithIdMap.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"rewriteCssWithIdMap.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/lib/rewriteCssWithIdMap.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAKrE"}

package/src/platform-implementation-js/lib/rewriteCssWithIdMap.js

@@ -1,4 +0,0 @@
-import idMap from './idMap';
-export default function rewriteCssWithIdMap(cssSource) {
-    return cssSource.replace(/\.IDMAP_([-a-zA-Z0-9_]+)/g, (match, classname) => `.${idMap(classname)}`);
-}

package/src/platform-implementation-js/lib/shared-style.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = sharedStyle;
-var _udKefir = _interopRequireDefault(require("ud-kefir"));
-var _rewriteCssWithIdMap = _interopRequireDefault(require("./rewriteCssWithIdMap"));
-var fs = require('fs');
-var cssContent = (0, _udKefir.default)(module, fs.readFileSync(__dirname + '/../style/shared.css', 'utf8'));
-function sharedStyle() {
-  let root = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
-  if (!root.getElementById('inboxsdk__shared_style')) {
-    const style = root.createElement('style');
-    style.id = 'inboxsdk__shared_style';
-    cssContent.onValue(css => {
-      style.textContent = (0, _rewriteCssWithIdMap.default)(css);
-    });
-    if (!root.head) throw new Error('missing head');
-    root.head.appendChild(style);
-  }
-}

package/src/types/gulp-add-src.d.ts

@@ -1,7 +0,0 @@
-declare module 'gulp-add-src' {
-  const addsrc: {
-    (filename: string): any;
-    prepend(filename: string): any;
-  };
-  export = addsrc;
-}