@inboxsdk/core 1.0.5 → 1.1.1

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

@@ -1,316 +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 _updateIcon = _interopRequireDefault(require("../../../driver-common/update-icon"));
-var _autoHtml = _interopRequireDefault(require("auto-html"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirBus = _interopRequireDefault(require("kefir-bus"));
-var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
-var _kefirCast = _interopRequireDefault(require("kefir-cast"));
-var _bignumber = _interopRequireDefault(require("bignumber.js"));
-var _InboxLabelView = _interopRequireDefault(require("./InboxLabelView"));
-var _InboxToolbarButtonView = _interopRequireDefault(require("./InboxToolbarButtonView"));
-class InboxThreadRowView {
-  constructor(element, driver, parsed) {
-    (0, _defineProperty2.default)(this, "_eventStream", (0, _kefirBus.default)());
-    (0, _defineProperty2.default)(this, "_isDestroyed", false);
-    this._element = element;
-    this._driver = driver;
-    this._p = parsed;
-    this._stopper = this._eventStream.ignoreValues().beforeEnd(() => null).toProperty();
-  }
-  getEventStream() {
-    return this._eventStream;
-  }
-  getStopper() {
-    return this._stopper;
-  }
-
-  // keeping this here for now since the rest of the system expects it.
-  // in Gmail it's used to pass a ThreadRowView interface to addButton()
-  // onClick callbacks, but not sure if it will be needed in the end.
-  setUserView(userView) {
-    this._userView = userView;
-  }
-  isSelected() {
-    if (!this._p.elements.checkbox) {
-      throw new Error('Did not find checkbox element');
-    }
-    return this._p.elements.checkbox.getAttribute('aria-checked') === 'true';
-  }
-  addToolbarButton(options) {
-    const {
-      toolbar
-    } = this._p.elements;
-    if (!toolbar) {
-      throw new Error('could not find toolbar element');
-    }
-    toolbar.classList.add('inboxsdk__list_toolbar');
-    const button = new _InboxToolbarButtonView.default({
-      ...options,
-      onClick: event => {
-        if (event.dropdown) {
-          toolbar.classList.add('inboxsdk__thread_row_force_toolbar_visible');
-          event.dropdown.once('destroy', () => {
-            toolbar.classList.remove('inboxsdk__thread_row_force_toolbar_visible');
-          });
-        }
-        if (options.onClick) options.onClick(event);
-      }
-    }, this._driver.getAppId(), toolbar);
-    this._stopper.takeUntilBy(button.getStopper()).onValue(() => {
-      button.destroy();
-    });
-    return button;
-  }
-  addAttachmentIcon(options) {
-    throw new Error('Not supported in Inbox');
-  }
-  addButton(options) {
-    throw new Error('Not supported in Inbox');
-  }
-  addActionButton(options) {
-    throw new Error('not yet implemented');
-  }
-  addImage(icon) {
-    if (this._isDestroyed) {
-      console.warn('addImage called on destroyed thread row');
-      return;
-    }
-    const {
-      labelParent
-    } = this._p.elements;
-    if (!labelParent) throw new Error('Could not find label parent element');
-    const prop = (0, _kefirCast.default)(_kefir.default, icon).takeUntilBy(this._stopper).toProperty();
-    let imageMod = null;
-    prop.onValue(iconDescriptor => {
-      if (!iconDescriptor) {
-        if (imageMod) {
-          imageMod.remove();
-          imageMod = null;
-        }
-      } else {
-        if (!imageMod) {
-          imageMod = {
-            iconSettings: {},
-            iconWrapper: document.createElement('div'),
-            remove() {
-              this.iconWrapper.remove();
-            }
-          };
-          imageMod.iconWrapper.className = 'inboxsdk__thread_row_icon_wrapper';
-        }
-        const {
-          iconSettings,
-          iconWrapper
-        } = imageMod;
-        (0, _updateIcon.default)(iconSettings, iconWrapper, false, iconDescriptor.imageClass, iconDescriptor.imageUrl);
-        if (iconDescriptor.tooltip) {
-          iconWrapper.setAttribute('title', iconDescriptor.tooltip);
-        }
-        if (labelParent !== iconWrapper.parentElement) {
-          const threadLabels = labelParent.querySelectorAll('.inboxsdk__inbox_thread_row_label');
-          const insertionPoint = threadLabels.length > 0 ? threadLabels[threadLabels.length - 1].nextElementSibling : labelParent.firstChild;
-          labelParent.insertBefore(iconWrapper, insertionPoint);
-        }
-      }
-    });
-    this._stopper.onEnd(() => {
-      if (imageMod) {
-        imageMod.remove();
-      }
-    });
-  }
-  addLabel(label) {
-    if (this._isDestroyed) {
-      console.warn('addLabel called on destroyed thread row');
-      return;
-    }
-    const labelParentDiv = this._p.elements.labelParent;
-    if (!labelParentDiv) throw new Error('Could not find label parent element');
-    const prop = (0, _kefirCast.default)(_kefir.default, label).takeUntilBy(this._stopper).toProperty();
-    let labelMod = null;
-    prop.onValue(labelDescriptor => {
-      if (!labelDescriptor) {
-        if (labelMod) {
-          labelMod.remove();
-          labelMod = null;
-        }
-      } else {
-        if (!labelMod) {
-          const inboxLabelView = new _InboxLabelView.default();
-          const el = inboxLabelView.getElement();
-          labelMod = {
-            inboxLabelView,
-            remove: el.remove.bind(el)
-          };
-        }
-        labelMod.inboxLabelView.updateLabelDescriptor(labelDescriptor);
-        if (labelParentDiv !== labelMod.inboxLabelView.getElement().parentElement) {
-          const threadLabels = labelParentDiv.querySelectorAll('.inboxsdk__inbox_thread_row_label');
-          const insertionPoint = threadLabels.length > 0 ? threadLabels[threadLabels.length - 1].nextElementSibling : labelParentDiv.firstChild;
-          labelParentDiv.insertBefore(labelMod.inboxLabelView.getElement(), insertionPoint);
-        }
-      }
-    });
-    this._stopper.onEnd(() => {
-      if (labelMod) {
-        labelMod.remove();
-      }
-    });
-  }
-  getDateString() {
-    throw new Error('Not supported in Inbox');
-  }
-  getSubject() {
-    if (!this._p.elements.subject) {
-      throw new Error('Failed to find subject');
-    }
-    return this._p.elements.subject.textContent;
-  }
-  getThreadID() {
-    throw new Error('Not supported in Inbox. Please use getThreadIDAsync() instead');
-  }
-  async getThreadIDAsync() {
-    const {
-      inboxThreadId
-    } = this._p.attributes;
-    if (!inboxThreadId) {
-      throw new Error('Failed to find thread id');
-    }
-    if (/^thread-a:/.test(inboxThreadId)) {
-      this._driver.trackThreadRowIdCall(false, inboxThreadId);
-      // Get the inbox message id of any message in the thread, convert it to
-      // a gmail message id, and then use that id in a request
-      // to a gmail endpoint to get the id of the thread that message is in.
-      const inboxMessageId = await this._driver.getInboxMessageIdForInboxThreadId(inboxThreadId);
-      const gmailMessageId = await this._driver.getGmailMessageIdForSyncMessageId(inboxMessageId);
-      return await this._driver.getThreadIdFromMessageId(gmailMessageId);
-    } else {
-      this._driver.trackThreadRowIdCall(true, inboxThreadId);
-      const m = /\d+$/.exec(inboxThreadId);
-      if (!m) throw new Error('Should not happen');
-      return new _bignumber.default(m[0]).toString(16);
-    }
-  }
-  async getDraftID() {
-    const {
-      isOnlyDraft,
-      inboxThreadId
-    } = this._p.attributes;
-    if (isOnlyDraft && inboxThreadId) {
-      const m = /\d+$/.exec(inboxThreadId);
-      if (!m) throw new Error('Should not happen');
-      return m[0];
-    } else {
-      return null;
-    }
-  }
-  getVisibleDraftCount() {
-    const {
-      visibleDraftCount
-    } = this._p.attributes;
-    if (typeof visibleDraftCount !== 'number') throw new Error('Failed to find visible draft count');
-    return visibleDraftCount;
-  }
-  getVisibleMessageCount() {
-    const {
-      visibleMessageCount
-    } = this._p.attributes;
-    if (typeof visibleMessageCount !== 'number') throw new Error('Failed to find visible message count');
-    return visibleMessageCount;
-  }
-  getContacts() {
-    const {
-      contacts
-    } = this._p.attributes;
-    if (!Array.isArray(contacts)) throw new Error('Failed to find contacts');
-    return contacts;
-  }
-  replaceDate(options) {
-    throw new Error('Not supported in Inbox');
-  }
-  replaceDraftLabel(label) {
-    if (this._isDestroyed) {
-      console.warn('addLabel called on destroyed thread row');
-      return;
-    }
-
-    // We don't want to replace draft labels on messages without drafts
-    if (this._p.attributes.visibleDraftCount === 0) return;
-    const {
-      recipientParent,
-      messageCountParent
-    } = this._p.elements;
-    if (!recipientParent || !messageCountParent) throw new Error('Could not find necessary parent elements');
-    const prop = (0, _kefirCast.default)(_kefir.default, label).takeUntilBy(this._stopper).toProperty();
-    let labelMod = null;
-    prop.onValue(labelDescriptor => {
-      if (!labelDescriptor) {
-        if (labelMod) {
-          labelMod.remove();
-          labelMod = null;
-        }
-      } else {
-        const {
-          text,
-          count
-        } = labelDescriptor;
-        if (!labelMod) {
-          labelMod = {
-            countEl: document.createElement('span'),
-            draftEl: document.createElement('span'),
-            remove() {
-              this.countEl.remove();
-              this.draftEl.remove();
-              recipientParent.classList.remove('inboxsdk__thread_row_draft_label_replaced');
-              messageCountParent.classList.remove('inboxsdk__thread_row_draft_count_replaced');
-              if (!messageCountParent.querySelector('span:not(.inboxsdk__thread_row_custom_draft_count)')) {
-                messageCountParent.style.display = 'none';
-              }
-            }
-          };
-          labelMod.draftEl.className = 'inboxsdk__thread_row_custom_draft_label';
-          labelMod.countEl.className = 'inboxsdk__thread_row_custom_draft_count';
-          recipientParent.classList.add('inboxsdk__thread_row_draft_label_replaced');
-        }
-        labelMod.draftEl.textContent = text;
-        if (recipientParent !== labelMod.draftEl.parentElement) {
-          recipientParent.appendChild(labelMod.draftEl);
-        }
-        const hasExistingCountEl = messageCountParent.querySelector('span:not(.inboxsdk__thread_row_custom_draft_count)');
-        if (count && count > 1) {
-          messageCountParent.classList.add('inboxsdk__thread_row_draft_count_replaced');
-          messageCountParent.style.display = 'inline';
-          labelMod.countEl.innerHTML = hasExistingCountEl ? (0, _autoHtml.default)`(${count})` : (0, _autoHtml.default)` (${count})`;
-          if (messageCountParent !== labelMod.countEl.parentElement) {
-            messageCountParent.appendChild(labelMod.countEl);
-          }
-        } else {
-          messageCountParent.classList.remove('inboxsdk__thread_row_draft_count_replaced');
-          if (!hasExistingCountEl) {
-            messageCountParent.style.display = 'none';
-          }
-          labelMod.countEl.remove();
-        }
-      }
-      this._stopper.onEnd(() => {
-        if (labelMod) {
-          labelMod.remove();
-        }
-      });
-    });
-  }
-  destroy() {
-    this._isDestroyed = true;
-    this._eventStream.end();
-  }
-}
-var _default = (0, _ud.defn)(module, InboxThreadRowView);
-exports.default = _default;

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

@@ -1,219 +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 _find = _interopRequireDefault(require("lodash/find"));
-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 _bignumber = _interopRequireDefault(require("bignumber.js"));
-var _delayAsap = _interopRequireDefault(require("../../../lib/delay-asap"));
-var _idMap = _interopRequireDefault(require("../../../lib/idMap"));
-var _querySelectorOrFail = _interopRequireDefault(require("../../../lib/dom/querySelectorOrFail"));
-var _makeMutationObserverChunkedStream = _interopRequireDefault(require("../../../lib/dom/make-mutation-observer-chunked-stream"));
-var _SimpleElementView = _interopRequireDefault(require("../../../views/SimpleElementView"));
-var _customMessageView = _interopRequireDefault(require("../../../views/conversations/custom-message-view"));
-var _parser = _interopRequireDefault(require("../detection/thread/parser"));
-class InboxThreadView {
-  constructor(element, driver, parsed) {
-    (0, _defineProperty2.default)(this, "_eventStream", (0, _kefirBus.default)());
-    (0, _defineProperty2.default)(this, "_messageViews", []);
-    (0, _defineProperty2.default)(this, "_receivedMessageView", (0, _kefirStopper.default)());
-    (0, _defineProperty2.default)(this, "_sidebarPanels", new Set());
-    this._element = element;
-    this._driver = driver;
-    this._p = parsed;
-    this._stopper = this._eventStream.ignoreValues().beforeEnd(() => null).toProperty();
-    this._driver.getThreadViewElementsMap().set(this._element, this);
-    this._ready = this._receivedMessageView.flatMap(() => (0, _delayAsap.default)()).onValue(() => {
-      this._p = (0, _parser.default)(this._element);
-    }).toProperty();
-    if (this.isLoadingStub()) {
-      (0, _makeMutationObserverChunkedStream.default)(this._element, {
-        attributes: true,
-        attributeFilter: ['aria-busy']
-      }).takeUntilBy(this._stopper).onValue(() => {
-        if (!this.isLoadingStub()) {
-          this.destroy();
-        }
-      });
-    }
-  }
-  isLoadingStub() {
-    return this._element.getAttribute('aria-busy') === 'true';
-  }
-  getEventStream() {
-    return this._eventStream;
-  }
-  getStopper() {
-    return this._stopper;
-  }
-  addMessageViewDriver(messageView) {
-    this._messageViews.push(messageView);
-    this._eventStream.plug(messageView.getEventStream().filter(event => event.eventName === 'contactHover'));
-    messageView.getStopper().takeUntilBy(this._stopper).onValue(() => {
-      this._messageViews = this._messageViews.filter(m => m !== messageView);
-    });
-    this._receivedMessageView.destroy();
-  }
-  getMessageViewDrivers() {
-    return this._messageViews;
-  }
-  getToolbarElement() {
-    if (!this._p.elements.toolbar) {
-      throw new Error('Failed to find toolbar');
-    }
-    return this._p.elements.toolbar;
-  }
-  getSubject() {
-    if (!this._p.elements.heading) {
-      throw new Error('Failed to find subject');
-    }
-    return this._p.elements.heading.textContent;
-  }
-  getThreadID() {
-    const {
-      inboxThreadId
-    } = this._p.attributes;
-    if (!inboxThreadId) {
-      throw new Error('Failed to find thread id');
-    }
-    if (/^msg-a:/.test(inboxThreadId)) {
-      console.warn('ThreadView.getThreadID() returned an incorrect thread ID. This method will be deprecated soon. Use getThreadIDAsync() instead which does not have this problem.');
-    }
-    const m = /\d+$/.exec(inboxThreadId);
-    if (!m) throw new Error('Should not happen');
-    return new _bignumber.default(m[0]).toString(16);
-  }
-  async getThreadIDAsync() {
-    const {
-      inboxThreadId
-    } = this._p.attributes;
-    if (!inboxThreadId) {
-      throw new Error('Failed to find message id');
-    }
-    if (/^thread-a:/.test(inboxThreadId)) {
-      // Get the id of any message in the thread, and then use that id in a request
-      // to a gmail endpoint to get the id of the thread that message is in.
-      const firstMessage = this._messageViews[0];
-      if (!firstMessage) throw new Error('Should not happen');
-      const messageId = await firstMessage.getMessageIDAsync();
-      return await this._driver.getThreadIdFromMessageId(messageId);
-    } else {
-      const m = /\d+$/.exec(inboxThreadId);
-      if (!m) throw new Error('Should not happen');
-      return new _bignumber.default(m[0]).toString(16);
-    }
-  }
-  registerHiddenCustomMessageNoticeProvider(provider) {
-    throw new Error('not supported');
-  }
-  addCustomMessage(descriptorStream) {
-    throw new Error('not supported');
-  }
-  addSidebarContentPanel(descriptor) {
-    const panel = this._driver.getAppSidebarView().addSidebarContentPanel(descriptor);
-    this._sidebarPanels.add(panel);
-    panel.getStopper().onValue(() => {
-      this._sidebarPanels.delete(panel);
-    });
-    this._stopper.takeUntilBy(panel.getStopper()).onValue(() => {
-      panel.remove();
-    });
-    descriptor.takeUntilBy(this._stopper).takeUntilBy(panel.getStopper()).take(1).onValue(descriptor => {
-      const {
-        stickyHeading
-      } = this._p.elements;
-      if (!stickyHeading) return;
-      let iconArea = stickyHeading.querySelector('.' + (0, _idMap.default)('sidebar_iconArea'));
-      if (!iconArea) {
-        const _iconArea = iconArea = document.createElement('div');
-        iconArea.className = (0, _idMap.default)('sidebar_iconArea');
-        this._driver.getAppSidebarView().getOpenOrOpeningStream().takeUntilBy(this._stopper).onValue(open => {
-          _iconArea.style.display = open ? 'none' : '';
-        });
-        stickyHeading.appendChild(iconArea);
-      }
-      const appName = descriptor.appName || this._driver.getOpts().appName || descriptor.title;
-      const appIconUrl = descriptor.appIconUrl || this._driver.getOpts().appIconUrl || descriptor.iconUrl;
-
-      // If there's an existing button for the app, then just increment its
-      // data-count attribute instead of adding a new button.
-      const existingButtonContainer = (0, _find.default)(iconArea.querySelectorAll('.' + (0, _idMap.default)('sidebar_button_container')), el => {
-        const button = el.querySelector('button');
-        if (!button || button.title !== appName) return false;
-        const img = button.querySelector('img');
-        if (!img || img.src !== appIconUrl) return false;
-        return true;
-      });
-      let container;
-      if (existingButtonContainer) {
-        const currentCount = Number(existingButtonContainer.getAttribute('data-count')) || 1;
-        existingButtonContainer.setAttribute('data-count', currentCount + 1);
-        container = existingButtonContainer;
-      } else {
-        container = document.createElement('div');
-        container.className = (0, _idMap.default)('sidebar_button_container');
-        container.innerHTML = (0, _autoHtml.default)`
-            <button class="inboxsdk__button_icon" type="button" title="${appName}">
-              <img class="inboxsdk__button_iconImg" src="${appIconUrl}">
-            </button>
-          `;
-        (0, _querySelectorOrFail.default)(container, 'button').addEventListener('click', event => {
-          event.stopPropagation();
-          this._driver.getAppSidebarView().open();
-          panel.scrollIntoView();
-        }, true);
-        iconArea.appendChild(container);
-      }
-      panel.getStopper().onValue(() => {
-        const currentCount = Number(container.getAttribute('data-count'));
-        if (currentCount <= 1) {
-          container.remove();
-        } else if (currentCount === 2) {
-          container.removeAttribute('data-count');
-        } else {
-          container.setAttribute('data-count', String(currentCount - 1));
-        }
-      });
-    });
-    return panel;
-  }
-  removePanels() {
-    this._sidebarPanels.forEach(panel => {
-      panel.remove();
-    });
-  }
-  addNoticeBar() {
-    const el = document.createElement('div');
-    el.className = (0, _idMap.default)('thread_noticeBar');
-    const {
-      heading
-    } = this._p.elements;
-    if (!heading) {
-      throw new Error('Failed to find subject');
-    }
-    heading.insertAdjacentElement('afterend', el);
-    const view = new _SimpleElementView.default(el);
-    this._stopper.takeUntilBy(_kefir.default.fromEvents(view, 'destroy')).onValue(() => view.destroy());
-    return view;
-  }
-  addLabel() {
-    throw new Error('not supported');
-  }
-  getReadyStream() {
-    return this._ready;
-  }
-  destroy() {
-    this._driver.getThreadViewElementsMap().delete(this._element);
-    this._eventStream.end();
-  }
-}
-var _default = (0, _ud.defn)(module, InboxThreadView);
-exports.default = _default;