@inboxsdk/core 1.1.0 → 1.1.1

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

@@ -1,75 +0,0 @@
-"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 _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
-var _kefirBus = _interopRequireDefault(require("kefir-bus"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _idMap = _interopRequireDefault(require("../../../lib/idMap"));
-var _parseParamsFromRouteID = _interopRequireDefault(require("../../../lib/parseParamsFromRouteID"));
-var _getSidebarClassnames = _interopRequireDefault(require("../getSidebarClassnames"));
-class InboxCustomRouteView {
-  _eventStream = (0, _kefirBus.default)();
-  _stopper = (0, _kefirStopper.default)();
-  constructor(routeID, hash) {
-    // Check we implement interface
-    this;
-    this._routeID = routeID;
-    this._params = (0, _parseParamsFromRouteID.default)(routeID, hash);
-    this._customViewElement = document.createElement('div');
-    this.setFullWidth(true);
-  }
-  setFullWidth(fullWidth) {
-    const centerListClassName = (0, _getSidebarClassnames.default)().centerList || 'UNKNOWN_centerList';
-    this._customViewElement.className = (0, _classnames.default)((0, _idMap.default)('custom_view_container'), {
-      [(0, _idMap.default)('custom_view_min_margins')]: fullWidth,
-      [centerListClassName]: !fullWidth
-    });
-  }
-  getStopper() {
-    return this._stopper;
-  }
-  destroy() {
-    this._eventStream.end();
-    this._stopper.destroy();
-    this._customViewElement.remove();
-  }
-  getElement() {
-    throw new Error('should not happen');
-  }
-  getType() {
-    return 'CUSTOM';
-  }
-  getRouteType() {
-    return 'CUSTOM';
-  }
-  getRouteID() {
-    return this._routeID;
-  }
-  getParams() {
-    return this._params;
-  }
-  getEventStream() {
-    return this._eventStream;
-  }
-  getCustomViewElement() {
-    return this._customViewElement;
-  }
-  refresh() {
-    throw new Error('should not happen');
-  }
-  getHash() {
-    throw new Error('should not happen');
-  }
-  addCollapsibleSection(sectionDescriptorProperty, groupOrderHint) {
-    throw new Error('should not happen');
-  }
-  addSection(sectionDescriptorProperty, groupOrderHint) {
-    throw new Error('should not happen');
-  }
-}
-exports.default = InboxCustomRouteView;

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

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-class InboxDropdownView {
-  constructor(className) {
-    this._containerEl = document.createElement('div');
-    this._containerEl.className = 'inboxsdk__dropdown ' + (className || '');
-    this._contentEl = document.createElement('div');
-    this._contentEl.className = 'inboxsdk__dropdown_content';
-    this._containerEl.appendChild(this._contentEl);
-  }
-  getContentElement() {
-    return this._contentEl;
-  }
-  getContainerElement() {
-    return this._containerEl;
-  }
-  destroy() {
-    this._containerEl.remove();
-  }
-}
-exports.default = InboxDropdownView;

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

@@ -1,63 +0,0 @@
-"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 _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
-var _kefirBus = _interopRequireDefault(require("kefir-bus"));
-class InboxDummyRouteView {
-  _eventStream = (0, _kefirBus.default)();
-  _stopper = (0, _kefirStopper.default)();
-  constructor(type) {
-    // Check we implement interface
-    this;
-    this._type = type;
-  }
-  getStopper() {
-    return this._stopper;
-  }
-  destroy() {
-    this._eventStream.end();
-    this._stopper.destroy();
-  }
-  getElement() {
-    throw new Error('Should not happen');
-  }
-  getType() {
-    return this._type;
-  }
-  getRouteType() {
-    return 'UNKNOWN';
-  }
-  getRouteID() {
-    return 'UNKNOWN';
-  }
-  getParams() {
-    return {};
-  }
-  getEventStream() {
-    return this._eventStream;
-  }
-  getCustomViewElement() {
-    return null;
-  }
-  refresh() {
-    // stub
-  }
-  getHash() {
-    throw new Error('should not happen');
-  }
-  addCollapsibleSection(sectionDescriptorProperty, groupOrderHint) {
-    throw new Error('should not happen');
-  }
-  addSection(sectionDescriptorProperty, groupOrderHint) {
-    throw new Error('should not happen');
-  }
-  setFullWidth(fullWidth) {
-    throw new Error('should not happen');
-  }
-}
-exports.default = InboxDummyRouteView;

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

@@ -1,274 +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 _asap = _interopRequireDefault(require("asap"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirBus = _interopRequireDefault(require("kefir-bus"));
-var _bignumber = _interopRequireDefault(require("bignumber.js"));
-var _delayAsap = _interopRequireDefault(require("../../../lib/delay-asap"));
-var _censorHTMLtree = _interopRequireDefault(require("../../../../common/censorHTMLtree"));
-var _makeMutationObserverChunkedStream = _interopRequireDefault(require("../../../lib/dom/make-mutation-observer-chunked-stream"));
-var _inboxAttachmentCardView = _interopRequireDefault(require("./inbox-attachment-card-view"));
-var _findParent = _interopRequireDefault(require("../../../../common/find-parent"));
-var _parser = _interopRequireDefault(require("../detection/message/parser"));
-var _safeEventEmitter = _interopRequireDefault(require("../../../lib/safe-event-emitter"));
-class AttachmentIcon extends _safeEventEmitter.default {}
-class InboxMessageView {
-  _eventStream = (0, _kefirBus.default)();
-  _attachmentCardViews = [];
-  constructor(element, driver, parsed) {
-    this; // interface check
-    this._element = element;
-    this._driver = driver;
-    this._p = parsed;
-    this._stopper = this._eventStream.ignoreValues().beforeEnd(() => null);
-
-    // If our id changes, then destroy this view.
-    // getMessageViewDriverStream() will create a new view for this element.
-    (0, _makeMutationObserverChunkedStream.default)(this._element, {
-      attributes: true,
-      attributeFilter: ['data-msg-id']
-    }).toProperty(() => null).map(() => this._element.getAttribute('data-msg-id')).skipDuplicates().changes().onValue(() => {
-      this.destroy();
-    });
-    (0, _makeMutationObserverChunkedStream.default)(this._element, {
-      attributes: true,
-      attributeFilter: ['aria-expanded']
-    }).toProperty(() => null).map(() => this._element.getAttribute('aria-expanded') === 'true').skipDuplicates().changes().takeUntilBy(this._stopper).onValue(expanded => {
-      if (expanded) {
-        this._reparse();
-      } else {
-        // Destroy on collapse so that when it's uncollapsed again, the app
-        // can re-do its modifications.
-        this.destroy();
-      }
-    });
-    this._threadViewDriver = this._findThreadView();
-    if (this._threadViewDriver) {
-      this._threadViewDriver.addMessageViewDriver(this);
-    }
-    this._driver.getMessageViewElementsMap().set(this._element, this);
-    this._monitorEmailAddressHovering();
-  }
-  _findThreadView() {
-    const map = this._driver.getThreadViewElementsMap();
-    const threadViewElement = (0, _findParent.default)(this._element, el => map.has(el));
-    if (!threadViewElement) return null;
-    return map.get(threadViewElement);
-  }
-  _reparse() {
-    const oldParsed = this._p;
-    this._p = (0, _parser.default)(this._element);
-    if (this._p.errors.length > 0) {
-      this._driver.getLogger().errorSite(new Error('message reparse errors'), {
-        score: this._p.score,
-        errors: this._p.errors,
-        html: (0, _censorHTMLtree.default)(this._element)
-      });
-    }
-    if (!oldParsed.attributes.loaded && this._p.attributes.loaded) {
-      this._eventStream.emit({
-        type: 'internal',
-        eventName: 'messageLoad'
-      });
-    }
-    if (oldParsed.attributes.viewState !== this._p.attributes.viewState) {
-      this._eventStream.emit({
-        eventName: 'viewStateChange',
-        oldValue: oldParsed.attributes.viewState,
-        newValue: this._p.attributes.viewState
-      });
-    }
-  }
-  _monitorEmailAddressHovering() {
-    this._eventStream.plug(_kefir.default.fromEvents(this._element, 'mouseover').map(e => e.target).filter(element => element && element.getAttribute('email')).map(element => {
-      const contact = {
-        name: element.textContent,
-        emailAddress: element.getAttribute('email')
-      };
-      let contactType;
-      if (this._p.elements.sender && this._p.elements.sender.contains(element)) {
-        contactType = 'sender';
-      } else if (this._p.attributes.recipientElements && Array.from(this._p.attributes.recipientElements).some(el => el.contains(element))) {
-        contactType = 'recipient';
-      } else {
-        return null;
-      }
-      return {
-        eventName: 'contactHover',
-        messageViewDriver: this,
-        contact,
-        contactType
-      };
-    }).filter());
-  }
-  addAttachmentCardViewDriver(card) {
-    this._attachmentCardViews.push(card);
-    card.getStopper().takeUntilBy(this._stopper).onValue(() => {
-      this._attachmentCardViews = this._attachmentCardViews.filter(v => v !== card);
-    });
-  }
-  getStopper() {
-    return this._stopper;
-  }
-  getEventStream() {
-    return this._eventStream;
-  }
-  isLoaded() {
-    return this._p.attributes.loaded;
-  }
-  hasOpenReply() {
-    // Inbox associates inline replies with threads, not messages.
-    return false;
-  }
-  getMessageID() {
-    const {
-      inboxMessageId
-    } = this._p.attributes;
-    if (!inboxMessageId) {
-      throw new Error('Failed to find message id');
-    }
-    if (/^msg-a:/.test(inboxMessageId)) {
-      console.warn('MessageView.getMessageID() returned an incorrect message ID. This method will be deprecated soon. Use getMessageIDAsync() instead which does not have this problem.');
-    }
-    const m = /\d+$/.exec(inboxMessageId);
-    if (!m) throw new Error('Should not happen');
-    return new _bignumber.default(m[0]).toString(16);
-  }
-  async getMessageIDAsync() {
-    const {
-      inboxMessageId
-    } = this._p.attributes;
-    if (!inboxMessageId) {
-      throw new Error('Failed to find message id');
-    }
-    if (/^msg-a:/.test(inboxMessageId)) {
-      // If there's a composeView with the same id as this message, then that
-      // means this message hasn't been sent as a real email yet, and we need
-      // to wait for the send to complete before we can look up this message's
-      // id.
-      for (let inboxComposeView of this._driver.getComposeViewDriverLiveSet().values()) {
-        const draftId = await inboxComposeView.getDraftID();
-        if (draftId && `msg-a:${draftId}` === inboxMessageId) {
-          await inboxComposeView.getStopper().take(1).toPromise();
-          break;
-        }
-      }
-      return await this._driver.getGmailMessageIdForSyncMessageId(inboxMessageId);
-    } else {
-      const m = /\d+$/.exec(inboxMessageId);
-      if (!m) throw new Error('Should not happen');
-      return new _bignumber.default(m[0]).toString(16);
-    }
-  }
-  getContentsElement() {
-    if (!this._p.elements.body) throw new Error('Could not find body element');
-    return this._p.elements.body;
-  }
-  getLinks() {
-    throw new Error('not implemented yet');
-  }
-  isElementInQuotedArea(el) {
-    const quotedArea = (0, _findParent.default)(el, el => el.classList.contains('gmail_extra'));
-    return quotedArea != null;
-  }
-  addMoreMenuItem(options) {
-    throw new Error('not implemented yet');
-  }
-  addAttachmentIcon(options) {
-    console.warn('MessageView.addAttachmentIcon is not implemented yet in Inbox');
-    return new AttachmentIcon();
-  }
-  getAttachmentCardViewDrivers() {
-    return this._attachmentCardViews;
-  }
-  addAttachmentCard(options) {
-    const {
-      attachmentsArea
-    } = this._p.elements;
-    if (!attachmentsArea) throw new Error('Could not find attachments area');
-    let container = attachmentsArea.lastElementChild;
-    if (!container) {
-      attachmentsArea.style.display = '';
-      attachmentsArea.style.margin = '16px 0 0';
-      attachmentsArea.style.paddingTop = '16px';
-      container = document.createElement('div');
-      attachmentsArea.appendChild(container);
-    }
-    return new _inboxAttachmentCardView.default({
-      ...options,
-      element: null,
-      container
-    }, this._driver);
-  }
-  addButtonToDownloadAllArea(options) {
-    // no-op in Inbox
-  }
-  getViewState() {
-    return this._p.attributes.viewState;
-  }
-  getDateString() {
-    throw new Error('not implemented yet');
-  }
-  getSender() {
-    const {
-      sender
-    } = this._p.elements;
-    if (!sender) throw new Error('could not find sender element');
-    const emailAddress = sender.getAttribute('email');
-    if (!emailAddress) throw new Error('could not find email address');
-    return {
-      emailAddress,
-      name: sender.textContent
-    };
-  }
-  getRecipients() {
-    const userContact = this._driver.getUserContact();
-    return Array.prototype.map.call(this._p.attributes.recipientElements, el => {
-      const emailAddress = el.getAttribute('email');
-      if (emailAddress === userContact.emailAddress) {
-        return userContact;
-      }
-      return {
-        emailAddress,
-        name: el.textContent
-      };
-    });
-  }
-  getRecipientEmailAddresses() {
-    return this.getRecipients().map(_ref => {
-      let {
-        emailAddress
-      } = _ref;
-      return emailAddress;
-    });
-  }
-  async getRecipientsFull() {
-    return this.getRecipients();
-  }
-  getThreadViewDriver() {
-    if (!this._threadViewDriver) throw new Error('failed to find threadView');
-    return this._threadViewDriver;
-  }
-  getReadyStream() {
-    // Needs to emit after any attachment cards have been added in order for
-    // an app calling getFileAttachmentCardViews() immediately to see the cards.
-    // The cards are emitted several microtasks after the message, so we delay
-    // by about 10 microtasks here. An integration test tests this at least.
-    // TODO something else.
-    return _kefir.default.repeat(i => i > 10 ? null : (0, _delayAsap.default)(null)).ignoreValues().beforeEnd(() => null);
-  }
-  destroy() {
-    this._eventStream.end();
-    this._attachmentCardViews.slice().forEach(card => {
-      card.destroy();
-    });
-  }
-}
-var _default = (0, _ud.defn)(module, InboxMessageView);
-exports.default = _default;

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

@@ -1,112 +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 _sortBy = _interopRequireDefault(require("lodash/sortBy"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirBus = _interopRequireDefault(require("kefir-bus"));
-var _insertElementInOrder = _interopRequireDefault(require("../../../lib/dom/insert-element-in-order"));
-var _querySelectorOrFail = _interopRequireDefault(require("../../../lib/dom/querySelectorOrFail"));
-class InboxModalView {
-  _eventStream = (0, _kefirBus.default)();
-  constructor(options) {
-    this._setupModalContainerElement(options);
-    this._processOptions(options);
-    const closeElement = (0, _querySelectorOrFail.default)(this._modalContainerElement, '.inboxsdk__close_button');
-    closeElement.addEventListener('click', event => {
-      this._eventStream.emit({
-        eventName: 'closeClick',
-        domEvent: event
-      });
-    });
-  }
-  destroy() {
-    this._modalContainerElement.remove();
-    this._eventStream.end();
-  }
-  getModalContainerElement() {
-    return this._modalContainerElement;
-  }
-  getEventStream() {
-    return this._eventStream;
-  }
-  _processOptions(options) {
-    this.setTitle(options.title);
-    this.setContentElement(options.el);
-    this.setButtons(options.buttons || []);
-    this.setChromeClasses(options.chrome, options.showCloseButton);
-  }
-  setTitle(title) {
-    const heading = (0, _querySelectorOrFail.default)(this._modalContainerElement, '[role=heading]');
-    if (!title) {
-      heading.style.display = 'none';
-    } else {
-      heading.style.display = '';
-      heading.textContent = title;
-    }
-  }
-  setContentElement(element) {
-    const content = (0, _querySelectorOrFail.default)(this._modalContainerElement, '.inboxsdk__modal_content');
-    content.innerHTML = '';
-    if (typeof element === 'string') {
-      content.innerHTML = element;
-    } else if (element instanceof Element) {
-      content.appendChild(element);
-    }
-  }
-  setButtons(buttons) {
-    const buttonContainer = (0, _querySelectorOrFail.default)(this._modalContainerElement, '.inboxsdk__modal_buttons');
-    if (buttons.length > 0) {
-      this._modalContainerElement.classList.add('inboxsdk__modal_hasButtons');
-    } else {
-      this._modalContainerElement.classList.remove('inboxsdk__modal_hasButtons');
-    }
-    buttonContainer.innerHTML = '';
-    (0, _sortBy.default)(buttons, [button => button.type === 'PRIMARY_ACTION' ? 0 : 1, button => button.orderHint || 0]).forEach(buttonDescriptor => {
-      var buttonEl = document.createElement('input');
-      buttonEl.className = buttonDescriptor.type === 'PRIMARY_ACTION' ? 'inboxsdk__primary' : '';
-      buttonEl.type = 'button';
-      buttonEl.value = buttonDescriptor.text;
-      buttonEl.addEventListener('click', event => {
-        event.preventDefault();
-        buttonDescriptor.onClick.call(null);
-      });
-      buttonContainer.appendChild(buttonEl);
-    });
-  }
-  setChromeClasses(chrome, showCloseButton) {
-    if (chrome === false) {
-      this._modalContainerElement.classList.add('inboxsdk__modal_chromeless');
-    } else {
-      this._modalContainerElement.classList.remove('inboxsdk__modal_chromeless');
-    }
-    if (showCloseButton) {
-      this._modalContainerElement.classList.add('inboxsdk__modal_showCloseButton');
-    } else {
-      this._modalContainerElement.classList.remove('inboxsdk__modal_showCloseButton');
-    }
-  }
-  _setupModalContainerElement(options) {
-    const constrainTitleWidthTopRowClass = options.constrainTitleWidth ? 'inboxsdk__modal_toprow--constrain-title-width' : '';
-    this._modalContainerElement = document.createElement('div');
-    this._modalContainerElement.className = 'inboxsdk__modal_fullscreen';
-    var htmlString = `
-    <div class="inboxsdk__modal_container" tabindex="0" role="alertdialog">
-      <div class="inboxsdk__modal_toprow ${constrainTitleWidthTopRowClass}">
-        <span role="heading"></span>
-        <button title="Close" class="inboxsdk__close_button"></button>
-      </div>
-      <div class="inboxsdk__modal_content">
-      </div>
-      <div class="inboxsdk__modal_buttons"></div>
-    </div>
-    `;
-    this._modalContainerElement.innerHTML = htmlString;
-  }
-}
-var _default = (0, _ud.defn)(module, InboxModalView);
-exports.default = _default;

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

@@ -1,96 +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 _kefir = _interopRequireDefault(require("kefir"));
-var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
-var _kefirBus = _interopRequireDefault(require("kefir-bus"));
-var _router = require("../../../constants/router");
-function getRouteID(path) {
-  if (path === '') {
-    return _router.NATIVE_ROUTE_IDS.INBOX;
-  }
-  if ((0, _includes.default)(['snoozed', 'reminders', 'done', 'spam', 'trash'], path)) {
-    return _router.NATIVE_ROUTE_IDS[path.toUpperCase()];
-  }
-  if (/search\//.test(path)) {
-    return _router.NATIVE_ROUTE_IDS.SEARCH;
-  }
-  return 'UNKNOWN';
-}
-function getParams(path) {
-  const parts = path.split('/');
-  if (parts.length < 2) {
-    return {};
-  }
-  return {
-    query: decodeURIComponent(parts[1])
-  };
-}
-class InboxRouteView {
-  _eventStream = (0, _kefirBus.default)();
-  _stopper = (0, _kefirStopper.default)();
-  constructor(el, type) {
-    // Check we implement interface
-    this;
-    this._element = el;
-    this._type = type;
-    const path = document.location.pathname.slice(1);
-    this._routeID = getRouteID(path);
-    this._params = getParams(path);
-    this._routeType = this._routeID === 'UNKNOWN' ? 'UNKNOWN' : 'LIST';
-
-    // console.log('el jsan', el.getAttribute('jsan'));
-    // if (this._type === 'CUSTOM') {
-    // }
-  }
-
-  getStopper() {
-    return this._stopper;
-  }
-  destroy() {
-    this._eventStream.end();
-    this._stopper.destroy();
-  }
-  getElement() {
-    return this._element;
-  }
-  getType() {
-    return this._type;
-  }
-  getRouteType() {
-    return this._routeType;
-  }
-  getRouteID() {
-    return this._routeID;
-  }
-  getParams() {
-    return this._params;
-  }
-  getEventStream() {
-    return this._eventStream;
-  }
-  refresh() {
-    // stub
-  }
-  getHash() {
-    throw new Error('should not happen');
-  }
-  getCustomViewElement() {
-    throw new Error('should not happen');
-  }
-  addCollapsibleSection(sectionDescriptorProperty, groupOrderHint) {
-    throw new Error('not implemented yet');
-  }
-  addSection(sectionDescriptorProperty, groupOrderHint) {
-    throw new Error('not implemented yet');
-  }
-  setFullWidth(fullWidth) {
-    throw new Error('should not happen');
-  }
-}
-exports.default = InboxRouteView;