@inboxsdk/core 1.0.5 → 1.1.1

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

@@ -1,198 +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 _includes = _interopRequireDefault(require("lodash/includes"));
-var _ud = require("ud");
-var _autoHtml = _interopRequireDefault(require("auto-html"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirBus = _interopRequireDefault(require("kefir-bus"));
-var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
-var _findParent = _interopRequireDefault(require("../../../../common/find-parent"));
-var _querySelectorOrFail = _interopRequireDefault(require("../../../lib/dom/querySelectorOrFail"));
-class InboxAttachmentCardView {
-  constructor(options, driver) {
-    (0, _defineProperty2.default)(this, "_stopper", (0, _kefirStopper.default)());
-    (0, _defineProperty2.default)(this, "_previewClicks", _kefir.default.pool());
-    (0, _defineProperty2.default)(this, "_addedButtonDescriptors", []);
-    (0, _defineProperty2.default)(this, "_overlayView", null);
-    this._driver = driver;
-    if (options.element) {
-      this._element = options.element;
-      this._p = options.parsed;
-      this._type = options.parsed.attributes.type;
-      _kefir.default.merge([_kefir.default.fromEvents(this._element, 'click'), _kefir.default.fromEvents(this._element, 'keydown')]).takeUntilBy(this._stopper).onValue(() => {
-        this._driver.setLastInteractedAttachmentCardView(this);
-      });
-    } else {
-      this._type = 'CUSTOM';
-      this._createNewElement(options);
-    }
-    this._messageViewDriver = this._findMessageView();
-    if (this._messageViewDriver) {
-      this._messageViewDriver.addAttachmentCardViewDriver(this);
-    }
-  }
-  destroy() {
-    if (!this._p) {
-      this._element.remove();
-    }
-    this._stopper.destroy();
-  }
-  _findMessageView() {
-    const map = this._driver.getMessageViewElementsMap();
-    const messageViewElement = (0, _findParent.default)(this._element, el => map.has(el));
-    if (!messageViewElement) return null;
-    return map.get(messageViewElement);
-  }
-  _createNewElement(options) {
-    if (options.previewUrl) {
-      this._element = document.createElement('a');
-      this._element.href = options.previewUrl;
-    } else {
-      this._element = document.createElement('div');
-      this._element.tabIndex = 0;
-    }
-    this._element.title = options.title;
-    const setupInnerHtml = options => {
-      if (options.previewThumbnailUrl) {
-        this._element.className = 'inboxsdk__attachment_card inboxsdk__attachment_card_with_preview';
-        this._element.innerHTML = (0, _autoHtml.default)`
-          <img alt="" aria-hidden="true"
-            style="width: 100%"
-            src="${options.previewThumbnailUrl}"
-            >
-          <div class="inboxsdk__attachment_card_hover_overlay">
-            <div class="inboxsdk__attachment_card_title">${options.title}</div>
-            <div class="inboxsdk__attachment_card_buttons"></div>
-          </div>
-        `;
-        if (options.failoverPreviewIconUrl) {
-          _kefir.default.fromEvents((0, _querySelectorOrFail.default)(this._element, 'img'), 'error').take(1).takeUntilBy(this._stopper).onValue(() => {
-            setupInnerHtml({
-              ...options,
-              previewThumbnailUrl: null,
-              iconThumbnailUrl: options.failoverPreviewIconUrl
-            });
-          });
-        }
-      } else {
-        this._element.className = 'inboxsdk__attachment_card';
-        this._element.innerHTML = (0, _autoHtml.default)`
-          <div class="inboxsdk__attachment_card_nohover">
-            <div class="inboxsdk__attachment_card_title">${options.title}</div>
-            <div class="inboxsdk__attachment_card_description">
-              <img alt="" aria-hidden="true" src="${options.fileIconImageUrl}">
-              <span>${options.description || ''}</span>
-            </div>
-          </div>
-          <div class="inboxsdk__attachment_card_hover_overlay">
-            <div class="inboxsdk__attachment_card_title">${options.title}</div>
-            <div class="inboxsdk__attachment_card_buttons"></div>
-          </div>
-        `;
-      }
-      options.buttons.forEach(button => {
-        this.addButton(button);
-      });
-    };
-    setupInnerHtml(options);
-    this._previewClicks.plug(_kefir.default.merge([_kefir.default.fromEvents(this._element, 'click'), _kefir.default.fromEvents(this._element, 'keypress').filter(e => (0, _includes.default)([32 /*space*/, 13 /*enter*/], e.which))]));
-    options.container.appendChild(this._element);
-  }
-  getElement() {
-    return this._element;
-  }
-  getMessageViewDriver() {
-    return this._messageViewDriver;
-  }
-  getStopper() {
-    return this._stopper;
-  }
-  getPreviewClicks() {
-    return this._previewClicks.takeUntilBy(this._stopper);
-  }
-  getAttachmentType() {
-    return this._type;
-  }
-  getAddedButtonDescriptors() {
-    return this._addedButtonDescriptors;
-  }
-  addButton(button) {
-    this._addedButtonDescriptors.push(button);
-    if (!this._p) {
-      // artificial SDK-added card. Native cards don't have their added buttons
-      // processed here. They're added in InboxAttachmentOverlayView.
-      const buttonContainer = (0, _querySelectorOrFail.default)(this._element, '.inboxsdk__attachment_card_buttons');
-      const el = document.createElement('button');
-      el.className = 'inboxsdk__attachment_card_button';
-      if (button.downloadUrl) {
-        el.setAttribute('data-inboxsdk-download-url', button.downloadUrl);
-        el.addEventListener('click', event => {
-          event.stopPropagation();
-          event.preventDefault();
-          let prevented = false;
-          if (button.onClick) {
-            button.onClick({
-              preventDefault() {
-                prevented = true;
-              }
-            });
-          }
-          if (prevented) return;
-          const downloadLink = document.createElement('a');
-          downloadLink.href = button.downloadUrl;
-          if (button.downloadFilename) {
-            downloadLink.download = button.downloadFilename;
-          }
-          downloadLink.addEventListener('click', function (e) {
-            e.stopPropagation();
-          }, true);
-          if (button.openInNewTab) {
-            downloadLink.setAttribute('target', '_blank');
-          }
-          document.body.appendChild(downloadLink);
-          downloadLink.click();
-          downloadLink.remove();
-        });
-        el.innerHTML = `
-          <div style="background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAYElEQVQ4y+2UMQ6AQAgEwfhQnnJP4adjc4UxB0ehhXqbULE7BRAUkLu1yQP6OXQveEab1DXTD0O9b53kIui+QReicnJ5lM2gArQA2LLcDCqAXYA2y1SgZ7BV/Lr+6TugB0K2GxxDXjEZAAAAAElFTkSuQmCC)"></div>
-        `;
-      } else {
-        el.addEventListener('click', event => {
-          event.stopPropagation();
-          event.preventDefault();
-          if (button.onClick) {
-            button.onClick({
-              getDownloadURL() {
-                throw new Error('not implemented for artificial sdk-added cardViews!');
-              }
-            });
-          }
-        });
-        el.innerHTML = (0, _autoHtml.default)`
-          <img src="${button.iconUrl}">
-        `;
-        el.title = button.tooltip;
-      }
-      buttonContainer.appendChild(el);
-    }
-  }
-  getTitle() {
-    return this._element.title;
-  }
-  async getDownloadURL() {
-    const overlayView = this._overlayView;
-    if (!overlayView) throw new Error('This method only works during a button onClick callback in Inbox');
-    return overlayView.getDownloadURL();
-  }
-  setOverlay(overlayView) {
-    this._overlayView = overlayView;
-  }
-}
-var _default = (0, _ud.defn)(module, InboxAttachmentCardView);
-exports.default = _default;

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

@@ -1,90 +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 _autoHtml = _interopRequireDefault(require("auto-html"));
-var _sharedStyle = _interopRequireDefault(require("../../../lib/shared-style"));
-var _customStyle = _interopRequireDefault(require("../../../dom-driver/inbox/custom-style"));
-var _simulateMouseEvent = require("../../../lib/dom/simulate-mouse-event");
-var _ajax = _interopRequireDefault(require("../../../../common/ajax"));
-class InboxAttachmentOverlayView {
-  constructor(driver, el, parsed, cardView) {
-    (0, _defineProperty2.default)(this, "_stopper", (0, _kefirStopper.default)());
-    this._driver = driver;
-    this._el = el;
-    this._p = parsed;
-    this._cardView = cardView;
-
-    // The element is within a same-origin iframe
-    (0, _sharedStyle.default)(el.ownerDocument);
-    (0, _customStyle.default)(el.ownerDocument);
-    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,46 +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 _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 {
-  constructor(el, p) {
-    (0, _defineProperty2.default)(this, "_stopper", (0, _kefirStopper.default)());
-    (0, _defineProperty2.default)(this, "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);
-    }));
-    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';
-  }
-}
-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;