@inboxsdk/core 1.1.0 → 1.1.1

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

@@ -1,83 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ud = require("ud");
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
-var _autoHtml = _interopRequireDefault(require("auto-html"));
-var _simulateMouseEvent = require("../../../lib/dom/simulate-mouse-event");
-var _ajax = _interopRequireDefault(require("../../../../common/ajax"));
-class InboxAttachmentOverlayView {
-  _stopper = (0, _kefirStopper.default)();
-  constructor(driver, el, parsed, cardView) {
-    this._driver = driver;
-    this._el = el;
-    this._p = parsed;
-    this._cardView = cardView;
-    this._cardView.setOverlay(this);
-    this._cardView.getAddedButtonDescriptors().forEach(button => {
-      this.addButton(button);
-    });
-  }
-  destroy() {
-    this._cardView.setOverlay(null);
-    this._stopper.destroy();
-  }
-  getStopper() {
-    return this._stopper;
-  }
-  addButton(button) {
-    const {
-      downloadButton,
-      buttonContainer
-    } = this._p.elements;
-    if (!buttonContainer) throw new Error('Missing buttonContainer, can not add button');
-    const el = document.createElement('button');
-    el.className = 'inboxsdk__attachment_overlay_button';
-    el.addEventListener('click', event => {
-      event.stopPropagation();
-      event.preventDefault();
-      if (button.onClick) {
-        button.onClick({
-          getDownloadURL: () => this.getDownloadURL()
-        });
-      }
-    });
-    el.innerHTML = (0, _autoHtml.default)`
-      <img src="${button.iconUrl}">
-    `;
-    el.setAttribute('data-tooltip-delay', '500');
-    el.setAttribute('data-tooltip-unhoverable', 'true');
-    if (downloadButton) {
-      el.setAttribute('data-tooltip-class', downloadButton.getAttribute('data-tooltip-class') || '');
-      el.setAttribute('data-tooltip-align', downloadButton.getAttribute('data-tooltip-align') || '');
-    }
-    el.setAttribute('aria-label', button.tooltip);
-    el.setAttribute('data-tooltip', button.tooltip);
-    buttonContainer.insertBefore(el, buttonContainer.lastElementChild);
-    this._stopper.onValue(() => {
-      el.remove();
-    });
-  }
-  async getDownloadURL() {
-    const {
-      downloadButton
-    } = this._p.elements;
-    if (!downloadButton) throw new Error('Could not find download button element');
-    const src = await this._driver.getPageCommunicator().clickAndGetNewIframeSrc(downloadButton);
-    const {
-      xhr
-    } = await (0, _ajax.default)({
-      url: src,
-      method: 'HEAD'
-    });
-    const url = xhr.responseURL;
-    return url;
-  }
-}
-var _default = (0, _ud.defn)(module, InboxAttachmentOverlayView);
-exports.default = _default;

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

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ud = require("ud");
-var _once = _interopRequireDefault(require("lodash/once"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
-var _makeMutationObserverChunkedStream = _interopRequireDefault(require("../../../lib/dom/make-mutation-observer-chunked-stream"));
-class InboxChatSidebarView {
-  _stopper = (0, _kefirStopper.default)();
-  constructor(el, p) {
-    this._el = el;
-    this._p = p;
-  }
-  getStopper() {
-    return this._stopper;
-  }
-  destroy() {
-    this._stopper.destroy();
-  }
-  getMode() {
-    const parent = this._el.parentElement;
-    const parentComputedStyle = window.getComputedStyle(parent);
-    if (parseInt(parentComputedStyle.bottom) === 0) {
-      return 'SIDEBAR';
-    }
-    if (parseInt(parentComputedStyle.top) > 0) {
-      return 'DROPDOWN';
-    }
-    return 'HIDDEN';
-  }
-  getModeStream = (0, _once.default)(() => {
-    const parent = this._el.parentElement;
-    return (0, _makeMutationObserverChunkedStream.default)(parent, {
-      attributes: true,
-      attributeFilter: ['class']
-    }).toProperty(() => null).map(() => this.getMode()).skipDuplicates().takeUntilBy(this._stopper);
-  });
-}
-var _default = (0, _ud.defn)(module, InboxChatSidebarView);
-exports.default = _default;

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

@@ -1,116 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _includes = _interopRequireDefault(require("lodash/includes"));
-var _ud = require("ud");
-var _kefir = _interopRequireDefault(require("kefir"));
-var _fromEventTargetCapture = _interopRequireDefault(require("../../../lib/from-event-target-capture"));
-var _insertElementInOrder = _interopRequireDefault(require("../../../lib/dom/insert-element-in-order"));
-var _dropdownView = _interopRequireDefault(require("../../../widgets/buttons/dropdown-view"));
-var _inboxDropdownView = _interopRequireDefault(require("./inbox-dropdown-view"));
-var _inboxTooltipView = _interopRequireDefault(require("./inbox-tooltip-view"));
-let insertionOrderHint = 0;
-class InboxComposeButtonView {
-  constructor(composeView, buttonDescriptor, groupOrderHint, extraOnClickOptions) {
-    this._tooltip = null;
-    this._composeView = composeView;
-    const buttonEl = this._buttonEl = document.createElement('div');
-    buttonEl.setAttribute('role', 'button');
-    buttonEl.setAttribute('data-insertion-order-hint', String(insertionOrderHint++));
-    buttonEl.setAttribute('data-group-order-hint', groupOrderHint);
-    buttonEl.tabIndex = 0;
-    buttonEl.className = 'inboxsdk__button_icon';
-    const img = document.createElement('img');
-    img.className = 'inboxsdk__button_iconImg';
-    let onClick = ignored => {};
-    let hasDropdown = false;
-    let dropdown = null;
-    _kefir.default.merge([_kefir.default.fromEvents(buttonEl, 'click'), (0, _fromEventTargetCapture.default)(buttonEl, 'keyup').filter(e => (0, _includes.default)([32 /*space*/, 13 /*enter*/], e.which))]).onValue(event => {
-      event.preventDefault();
-      event.stopPropagation();
-      this.closeTooltip();
-      if (hasDropdown) {
-        if (dropdown) {
-          dropdown.close();
-          return;
-        } else {
-          this._buttonEl.classList.add('inboxsdk__active');
-          dropdown = new _dropdownView.default(new _inboxDropdownView.default(), buttonEl);
-          dropdown.setPlacementOptions({
-            position: 'top',
-            hAlign: 'left',
-            vAlign: 'bottom',
-            buffer: 5
-          });
-          dropdown.on('destroy', () => {
-            this._buttonEl.classList.remove('inboxsdk__active');
-            dropdown = null;
-          });
-        }
-      }
-      onClick(Object.assign({
-        dropdown
-      }, extraOnClickOptions));
-    });
-    let lastOrderHint = null;
-    buttonDescriptor.takeUntilBy(composeView.getStopper()).onValue(buttonDescriptor => {
-      if (!buttonDescriptor) {
-        buttonEl.remove();
-        lastOrderHint = null;
-        return;
-      }
-      hasDropdown = buttonDescriptor.hasDropdown;
-      buttonEl.title = buttonDescriptor.title;
-      buttonEl.className = 'inboxsdk__button_icon ' + (buttonDescriptor.iconClass || '');
-      onClick = buttonDescriptor.onClick;
-      if (buttonDescriptor.iconUrl) {
-        img.src = buttonDescriptor.iconUrl;
-        buttonEl.appendChild(img);
-      } else {
-        img.remove();
-      }
-      const orderHint = buttonDescriptor.orderHint || 0;
-      if (lastOrderHint !== orderHint) {
-        lastOrderHint = orderHint;
-        buttonEl.setAttribute('data-order-hint', String(orderHint));
-        (0, _insertElementInOrder.default)(composeView.getModifierButtonContainer(), buttonEl);
-      }
-    });
-    composeView.getStopper().onValue(() => {
-      this.closeTooltip();
-      buttonEl.remove();
-      if (dropdown) {
-        dropdown.close();
-      }
-    });
-  }
-  showTooltip(tooltipDescriptor) {
-    if (this._composeView.isInlineReplyForm()) {
-      // In Inbox, if you haven't interacted with an inline compose yet, then
-      // it will auto-close as soon as anything else including the tooltip is
-      // interacted with. Focusing the inline compose is enough to make Inbox
-      // think it's been interacted with and to avoid that behavior.
-      this._composeView.getElement().focus();
-    }
-    if (this._tooltip) {
-      this.closeTooltip();
-    }
-    const tooltip = this._tooltip = new _inboxTooltipView.default(this._buttonEl, tooltipDescriptor);
-    tooltip.getStopper().onValue(() => {
-      if (this._tooltip === tooltip) {
-        this._tooltip = null;
-      }
-    });
-  }
-  closeTooltip() {
-    if (this._tooltip) {
-      this._tooltip.destroy();
-    }
-  }
-}
-var _default = (0, _ud.defn)(module, InboxComposeButtonView);
-exports.default = _default;