@inboxsdk/core 1.1.0 → 1.1.1

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

@@ -1,842 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _escape = _interopRequireDefault(require("lodash/escape"));
-var _find = _interopRequireDefault(require("lodash/find"));
-var _ud = require("ud");
-var _closestNg = _interopRequireDefault(require("closest-ng"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
-var _kefirBus = _interopRequireDefault(require("kefir-bus"));
-var _autoHtml = _interopRequireDefault(require("auto-html"));
-var _censorHTMLstring = _interopRequireDefault(require("../../../../common/censorHTMLstring"));
-var _delayAsap = _interopRequireDefault(require("../../../lib/delay-asap"));
-var _arrayToLifetimes = _interopRequireDefault(require("../../../lib/array-to-lifetimes"));
-var _querySelectorOrFail = _interopRequireDefault(require("../../../lib/dom/querySelectorOrFail"));
-var _makeMutationObserverChunkedStream = _interopRequireDefault(require("../../../lib/dom/make-mutation-observer-chunked-stream"));
-var _simulateMouseEvent = require("../../../lib/dom/simulate-mouse-event");
-var _simulateKey = _interopRequireDefault(require("../../../lib/dom/simulate-key"));
-var _insertHtmlAtCursor = _interopRequireDefault(require("../../../lib/dom/insert-html-at-cursor"));
-var _querySelectorOne = _interopRequireDefault(require("../../../lib/dom/querySelectorOne"));
-var _ErrorCollector = _interopRequireDefault(require("../../../lib/ErrorCollector"));
-var _handleComposeLinkChips = _interopRequireDefault(require("../../../lib/handle-compose-link-chips"));
-var _insertLinkChipIntoBody = _interopRequireDefault(require("../../../lib/insert-link-chip-into-body"));
-var _getPresendingStream = _interopRequireDefault(require("../../../driver-common/compose/getPresendingStream"));
-var _getDiscardStream = _interopRequireDefault(require("../../../driver-common/compose/getDiscardStream"));
-var _addRecipientRow = _interopRequireDefault(require("../addRecipientRow"));
-var _inboxComposeButtonView = _interopRequireDefault(require("./inbox-compose-button-view"));
-var _getSelection = require("../../../lib/dom/get-selection");
-var _getGmailThreadIdForRfcMessageId = _interopRequireDefault(require("../../../driver-common/getGmailThreadIdForRfcMessageId"));
-let cachedFromContacts = null;
-class InboxComposeView {
-  _eventStream = (0, _kefirBus.default)();
-  _stopper = (0, _kefirStopper.default)();
-  _isMinimized = false;
-  _isFullscreenMode = false;
-  _isPresending = false;
-  _closedProgrammatically = false;
-  constructor(driver, el, parsed) {
-    this;
-    this._element = el;
-    this._driver = driver;
-    this._modifierButtonContainer = null;
-    this._lastBodySelectionRange = null;
-    this._p = parsed;
-    this._els = parsed.elements;
-    const bottomAreaElementCount = this._els.sendBtn && this._els.sendBtn.parentElement && this._els.sendBtn.parentElement.childElementCount;
-    this._driver.getLogger().eventSite('compose open', {
-      errorCount: this._p.errors.length,
-      bottomAreaElementCount,
-      isInline: this._p.attributes.isInline
-    });
-    const draftSaveTriggerer = (0, _kefirBus.default)();
-    this._queueDraftSave = () => {
-      draftSaveTriggerer.emit(null);
-    };
-    const bodyEl = this._els.body;
-    if (bodyEl) {
-      draftSaveTriggerer.bufferBy(draftSaveTriggerer.flatMap(() => (0, _delayAsap.default)(null))).filter(x => x.length > 0).takeUntilBy(this._stopper).onValue(() => {
-        var unsilence = this._driver.getPageCommunicator().silenceGmailErrorsForAMoment();
-        try {
-          (0, _simulateKey.default)(bodyEl, 13, 0);
-        } finally {
-          unsilence();
-        }
-      });
-      _kefir.default.merge([_kefir.default.fromEvents(document.body, 'mousedown'), _kefir.default.fromEvents(document.body, 'keydown')]).takeUntilBy(this.getStopper()).onValue(event => {
-        const selection = document.getSelection();
-        if (selection.rangeCount > 0 && bodyEl.contains(selection.anchorNode)) {
-          this._lastBodySelectionRange = selection.getRangeAt(0);
-        }
-      });
-      this._eventStream.plug((0, _makeMutationObserverChunkedStream.default)(bodyEl, {
-        childList: true,
-        subtree: true,
-        characterData: true
-      }).map(() => ({
-        eventName: 'bodyChanged'
-      })));
-    }
-    _kefir.default.fromEvents(this._element, 'closedProgrammatically').takeUntilBy(this._stopper).onValue(() => {
-      this._closedProgrammatically = true;
-    });
-    this._draftID = this._driver.getPageCommunicator().getDraftIDForComposeView(this.getElement());
-    this._ajaxInterceptStream = this._driver.getPageCommunicator().ajaxInterceptStream.takeUntilBy(this._stopper).filter(_ref => {
-      let {
-        draftID
-      } = _ref;
-      return draftID === this._draftID;
-    });
-    this._setupStreams();
-    this.getEventStream().takeUntilBy(this._stopper).onValue(_ref2 => {
-      let {
-        eventName
-      } = _ref2;
-      if (eventName === 'presending') {
-        this._isPresending = true;
-        const sendCanceledStream = this.getEventStream().filter(_ref3 => {
-          let {
-            eventName
-          } = _ref3;
-          return eventName === 'sendCanceled';
-        });
-        this._sendingStream = _kefir.default.merge([_kefir.default.combine([this.getEventStream().filter(_ref4 => {
-          let {
-            eventName
-          } = _ref4;
-          return eventName === 'sending';
-        }), this.getEventStream().filter(_ref5 => {
-          let {
-            eventName
-          } = _ref5;
-          return eventName === 'sent';
-        })]), this._ajaxInterceptStream.filter(_ref6 => {
-          let {
-            type
-          } = _ref6;
-          return type === 'emailSendFailed';
-        }), _kefir.default.later(60 * 1000).flatMap(() => _kefir.default.constantError(new Error('Timed out waiting for ComposeView send')))]).takeUntilBy(sendCanceledStream).takeUntilBy(this._stopper).take(1).takeErrors(1);
-        this._sendingStream.onValue(() => {
-          this._isPresending = false;
-        }).onError(error => {
-          this._driver.getLogger().error(error);
-        });
-        this._driver.getPageCommunicator().notifyEmailSending();
-        if (!this._p.attributes.isInline) {
-          // TODO make this code less fragile on slow machines/connections
-          _kefir.default.later(5 * 1000).takeUntilBy(this.getEventStream().filter(_ref7 => {
-            let {
-              eventName
-            } = _ref7;
-            return ['sendCanceled', 'presending'].indexOf(eventName) !== -1;
-          })).onValue(() => {
-            // In cases where Inbox decides to cancel the send client-side,
-            // we need to make sure we realize sending is not going to happen
-            // and inform consumers who might be expecting a send.
-            // The most common case for this is trying to send an email
-            // with no recipients.
-            if (document.contains(this._element)) {
-              this._eventStream.emit({
-                eventName: 'sendCanceled'
-              });
-            }
-          });
-        }
-      } else if (eventName === 'sendCanceled') {
-        this._isPresending = false;
-        this._driver.getPageCommunicator().notifyEmailSendCanceled();
-      }
-    });
-    (0, _handleComposeLinkChips.default)(this);
-    const {
-      fromPickerEmailSpan
-    } = this._els;
-    if (fromPickerEmailSpan) {
-      this._eventStream.plug((0, _makeMutationObserverChunkedStream.default)(fromPickerEmailSpan, {
-        childList: true,
-        subtree: true,
-        characterData: true
-      }).map(() => ({
-        eventName: 'fromContactChanged',
-        data: {
-          contact: this.getFromContact()
-        }
-      })));
-    }
-    const {
-      minimizeBtnImage
-    } = this._els;
-    if (minimizeBtnImage) {
-      const isMinimized = () => /_maximize_/.test(minimizeBtnImage.src);
-      const minimizeButtonChanges = (0, _makeMutationObserverChunkedStream.default)(minimizeBtnImage, {
-        attributes: true
-      });
-      minimizeButtonChanges.toProperty(() => null).takeUntilBy(this._stopper).onValue(() => {
-        this._isMinimized = isMinimized();
-      });
-      this._eventStream.plug(minimizeButtonChanges.map(() => ({
-        eventName: isMinimized() ? 'minimized' : 'restored'
-      })));
-    }
-    const {
-      toggleFullscreenButtonImage
-    } = this._els;
-    if (toggleFullscreenButtonImage) {
-      const isFullscreenMode = () => !/_enter_full_screen/.test(toggleFullscreenButtonImage.src);
-      const toggleButtonChanges = (0, _makeMutationObserverChunkedStream.default)(toggleFullscreenButtonImage, {
-        attributes: true
-      });
-      toggleButtonChanges.toProperty(() => null).takeUntilBy(this._stopper).onValue(() => {
-        this._isFullscreenMode = isFullscreenMode();
-      });
-      this._eventStream.plug(toggleButtonChanges.map(() => ({
-        eventName: 'fullscreenChanged',
-        data: {
-          fullscreen: isFullscreenMode()
-        }
-      })));
-    }
-  }
-  removedFromDOM() {
-    // The element of an inline draft may be re-used with a new ID.
-    this._element.removeAttribute('data-inboxsdk-draft-id');
-    const cleanup = () => {
-      this._eventStream.emit({
-        eventName: 'destroy',
-        data: {
-          closedByInboxSDK: this._closedProgrammatically
-        }
-      });
-      this._eventStream.end();
-      this._stopper.destroy();
-    };
-    if (this._isPresending) {
-      this._sendingStream && this._sendingStream.onEnd(cleanup);
-    } else {
-      cleanup();
-    }
-  }
-  getEventStream() {
-    return this._eventStream;
-  }
-  getStopper() {
-    return this._stopper;
-  }
-  getElement() {
-    return this._element;
-  }
-  // Call this whenever we change the body directly by mucking with the
-  // elements.
-  _informBodyChanged() {
-    if (this._els.bodyPlaceholder) {
-      if (this._els.body && this._els.body.textContent.length > 0) {
-        this._els.bodyPlaceholder.style.display = 'none';
-      } else {
-        // To do this properly, we have to re-add whatever the visible class is.
-        // It's a bit of work for a pretty minor detail (making the placeholder
-        // re-appear immediately when SDK methods are used to clear a compose).
-        //this._els.bodyPlaceholder.style.display = "";
-      }
-    }
-    this._queueDraftSave();
-  }
-  _getAddressChangesStream() {
-    const {
-      toInput,
-      ccInput,
-      bccInput
-    } = this._els;
-    function makeChangesStream(prefix, input, cb) {
-      if (!input) return _kefir.default.never();
-      const contactArrayStream = (0, _makeMutationObserverChunkedStream.default)(input.parentElement, {
-        childList: true,
-        attributes: true,
-        subtree: true
-      }).merge(_kefir.default.later(0)).map(cb);
-      return (0, _arrayToLifetimes.default)(contactArrayStream, c => c.emailAddress).flatMap(_ref8 => {
-        let {
-          el,
-          removalStream
-        } = _ref8;
-        return _kefir.default.constant({
-          eventName: prefix + 'ContactAdded',
-          data: {
-            contact: el
-          }
-        }).merge(removalStream.map(() => ({
-          eventName: prefix + 'ContactRemoved',
-          data: {
-            contact: el
-          }
-        })));
-      });
-    }
-    return _kefir.default.merge([makeChangesStream('to', toInput, () => this.getToRecipients()), makeChangesStream('cc', ccInput, () => this.getCcRecipients()), makeChangesStream('bcc', bccInput, () => this.getBccRecipients())]).takeUntilBy(this._stopper);
-  }
-  _setupStreams() {
-    this._eventStream.plug(this._getAddressChangesStream());
-    this._eventStream.plug((0, _getPresendingStream.default)({
-      element: this.getElement(),
-      sendButton: this.getSendButton()
-    }));
-    this._eventStream.plug((0, _getDiscardStream.default)({
-      element: this.getElement(),
-      discardButton: this.getDiscardButton()
-    }));
-    this._eventStream.plug(_kefir.default.fromEvents(this.getElement(), 'inboxSDKsendCanceled').map(() => ({
-      eventName: 'sendCanceled'
-    })));
-    this._eventStream.plug(_kefir.default.fromEvents(this.getElement(), 'inboxSDKdiscardCanceled').map(() => ({
-      eventName: 'discardCanceled'
-    })));
-    this._eventStream.plug(this._ajaxInterceptStream.filter(_ref9 => {
-      let {
-        type
-      } = _ref9;
-      return type === 'emailSending';
-    }).map(() => ({
-      eventName: 'sending'
-    })));
-    this._eventStream.plug(this._ajaxInterceptStream.filter(_ref10 => {
-      let {
-        type
-      } = _ref10;
-      return type === 'emailSent';
-    }).map(event => {
-      const data = {
-        getThreadID: () => (0, _getGmailThreadIdForRfcMessageId.default)(this._driver, event.rfcID),
-        getMessageID: () => this._driver.getGmailMessageIdForSyncMessageId(`msg-a:${event.draftID}`)
-      };
-      ['gmailThreadId', 'gmailMessageId', 'threadID', 'messageID'].forEach(name => {
-        Object.defineProperty(data, name, {
-          get: () => {
-            this._driver.getLogger().deprecationWarning(`ComposeView sent event.${name}`, 'ComposeView sent event.getThreadID() or event.getMessageID()');
-            throw new Error('Not supported');
-          }
-        });
-      });
-      return {
-        eventName: 'sent',
-        data
-      };
-    }));
-  }
-  getFromContact() {
-    const {
-      fromPickerEmailSpan
-    } = this._els;
-    if (!fromPickerEmailSpan) {
-      return this._driver.getUserContact();
-    }
-    const email = fromPickerEmailSpan.textContent;
-    const contact = (0, _find.default)(this.getFromContactChoices(), c => c.emailAddress === email);
-    if (!contact) {
-      throw new Error('Failed to find from contact');
-    }
-    return contact;
-  }
-  getFromContactChoices() {
-    if (this._p.attributes.isInline) throw new Error("Can't get from values of inline compose");
-    if (cachedFromContacts) {
-      return cachedFromContacts;
-    }
-    const {
-      fromPicker
-    } = this._els;
-    if (!fromPicker) {
-      cachedFromContacts = [this._driver.getUserContact()];
-      return cachedFromContacts;
-    }
-    const startActiveElement = document.activeElement;
-    const grandUncle = this._element.parentElement.parentElement.firstElementChild;
-    let fromOptionEls = grandUncle.querySelectorAll('li[role=menuitem][data-jsaction*=".switch_custom_from"]');
-    const needToOpenMenu = fromOptionEls.length === 0;
-    try {
-      if (needToOpenMenu) {
-        (0, _simulateMouseEvent.simulateClick)(fromPicker);
-        fromOptionEls = grandUncle.querySelectorAll('li[role=menuitem][data-jsaction*=".switch_custom_from"]');
-      }
-      if (fromOptionEls.length === 0) {
-        cachedFromContacts = [this._driver.getUserContact()];
-        return cachedFromContacts;
-      }
-      cachedFromContacts = Array.from(fromOptionEls).map(el => ({
-        name: (0, _querySelectorOrFail.default)(el, 'span[title]').title,
-        emailAddress: (0, _querySelectorOrFail.default)(el, 'span:not([title])').textContent
-      }));
-    } finally {
-      if (needToOpenMenu) {
-        (0, _simulateMouseEvent.simulateClick)(document.body);
-      }
-      if (startActiveElement) {
-        startActiveElement.focus();
-      }
-    }
-    return cachedFromContacts;
-  }
-  setFromEmail(email) {
-    if (this._p.attributes.isInline) throw new Error("Can't set from value of inline compose");
-    if (this.getFromContact().emailAddress === email) return;
-    const {
-      fromPicker
-    } = this._els;
-    if (!fromPicker) throw new Error('from picker element not found');
-    const startActiveElement = document.activeElement;
-    const grandUncle = this._element.parentElement.parentElement.firstElementChild;
-    let fromOptionEls = grandUncle.querySelectorAll('li[role=menuitem][data-jsaction*=".switch_custom_from"]');
-    const needToOpenMenu = fromOptionEls.length === 0;
-    try {
-      if (needToOpenMenu) {
-        (0, _simulateMouseEvent.simulateClick)(fromPicker);
-        fromOptionEls = grandUncle.querySelectorAll('li[role=menuitem][data-jsaction*=".switch_custom_from"]');
-      }
-      const fromOptionEl = (0, _find.default)(fromOptionEls, el => el.querySelector('span:not([title])').textContent === email);
-      if (!fromOptionEl) {
-        throw new Error('Failed to find from contact to set');
-      }
-      (0, _simulateMouseEvent.simulateClick)(fromOptionEl);
-    } finally {
-      if (needToOpenMenu) {
-        (0, _simulateMouseEvent.simulateClick)(fromPicker);
-      }
-      if (startActiveElement) {
-        startActiveElement.focus();
-      }
-    }
-  }
-  focus() {
-    if (!this._els.body) throw new Error('Compose View missing body element');
-    this._els.body.focus();
-    const selection = document.getSelection();
-    const lastSelectionRange = this._lastBodySelectionRange;
-    if (lastSelectionRange && selection) {
-      selection.removeAllRanges();
-      selection.addRange(lastSelectionRange);
-    }
-  }
-  insertBodyTextAtCursor(text) {
-    return this.insertBodyHTMLAtCursor((0, _escape.default)(text).replace(/\n/g, '<br>'));
-  }
-  insertBodyHTMLAtCursor(html) {
-    var retVal = (0, _insertHtmlAtCursor.default)(this.getBodyElement(), html, this._lastBodySelectionRange);
-    this._informBodyChanged();
-    return retVal;
-  }
-  insertLinkIntoBody(text, href) {
-    var html = (0, _autoHtml.default)`<a href="${href}">${text}</a>`;
-    return this.insertBodyHTMLAtCursor(html);
-  }
-  insertLinkChipIntoBody(options) {
-    var retval = (0, _insertLinkChipIntoBody.default)(this, options);
-    this._informBodyChanged();
-    return retval;
-  }
-  setBodyHTML(html) {
-    if (!this._els.body) throw new Error('Compose View missing body element');
-    this._els.body.innerHTML = html;
-    this._informBodyChanged();
-  }
-  setBodyText(text) {
-    if (!this._els.body) throw new Error('Compose View missing body element');
-    this._els.body.textContent = text;
-    this._informBodyChanged();
-  }
-  _setRecipients(inputElement, emails) {
-    const chipContainer = inputElement.parentElement;
-    if (!chipContainer) throw new Error('Should not happen');
-    const startActiveElement = document.activeElement;
-
-    // Inbox re-uses the chip elements as some are removed, so finding all the
-    // button elements at once and then clicking on each of them wouldn't work.
-    const removeButtonCount = chipContainer.querySelectorAll('[role=button][jsaction*="remove_chip"]').length;
-    for (let i = 0; i < removeButtonCount; i++) {
-      const removeButton = chipContainer.querySelector('[role=button][jsaction*="remove_chip"]');
-      if (!removeButton) break;
-      (0, _simulateMouseEvent.simulateClick)(removeButton);
-    }
-    emails.forEach(email => {
-      inputElement.value = email;
-      inputElement.dispatchEvent(new window.FocusEvent('blur'));
-    });
-    if (startActiveElement) {
-      startActiveElement.focus();
-    }
-  }
-  setToRecipients(emails) {
-    if (this._p.attributes.isInline) throw new Error("Can't set recipients of inline compose");
-    const {
-      toInput
-    } = this._els;
-    if (!toInput) throw new Error('Compose View missing recipient input');
-    this._setRecipients(toInput, emails);
-  }
-  setCcRecipients(emails) {
-    if (this._p.attributes.isInline) throw new Error("Can't set recipients of inline compose");
-    const {
-      ccInput
-    } = this._els;
-    if (!ccInput) throw new Error('Compose View missing recipient input');
-    this._setRecipients(ccInput, emails);
-    const {
-      toggleCcBccButton
-    } = this._els;
-    if (emails.length && toggleCcBccButton && toggleCcBccButton.style.display !== 'none') {
-      (0, _simulateMouseEvent.simulateClick)(toggleCcBccButton);
-    }
-  }
-  setBccRecipients(emails) {
-    if (this._p.attributes.isInline) throw new Error("Can't set recipients of inline compose");
-    const {
-      bccInput
-    } = this._els;
-    if (!bccInput) throw new Error('Compose View missing recipient input');
-    this._setRecipients(bccInput, emails);
-    const {
-      toggleCcBccButton
-    } = this._els;
-    if (emails.length && toggleCcBccButton && toggleCcBccButton.style.display !== 'none') {
-      (0, _simulateMouseEvent.simulateClick)(toggleCcBccButton);
-    }
-  }
-  replaceSendButton(el) {
-    const {
-      sendBtn
-    } = this._p.elements;
-    if (!sendBtn) throw new Error('Could not locate send button');
-    sendBtn.style.display = 'none';
-    const container = document.createElement('div');
-    container.classList.add('inboxsdk__compose_customSendContainer');
-    container.appendChild(el);
-    this._element.setAttribute('data-inboxsdk-send-replaced', '');
-    sendBtn.insertAdjacentElement('afterend', container);
-    const removalStopper = (0, _kefirStopper.default)();
-    return () => {
-      removalStopper.destroy();
-      container.remove();
-      this._element.removeAttribute('data-inboxsdk-send-replaced');
-      sendBtn.style.display = '';
-    };
-  }
-  hideDiscardButton() {
-    const {
-      discardBtn
-    } = this._p.elements;
-    if (!discardBtn) throw new Error('Could not locate discard button');
-    const discardDivider = discardBtn.previousElementSibling;
-    if (!(discardDivider instanceof HTMLElement)) {
-      throw new Error('Could not locate discard button divider');
-    }
-    discardBtn.style.display = 'none';
-    discardDivider.style.display = 'none';
-    return () => {
-      discardBtn.style.display = '';
-      discardDivider.style.display = '';
-    };
-  }
-  close() {
-    if (this._p.attributes.isInline) {
-      throw new Error('Not implemented for inline compose');
-    }
-    const {
-      closeBtn
-    } = this._els;
-    if (closeBtn) {
-      this._element.dispatchEvent(new CustomEvent('closedProgrammatically', {
-        bubbles: false,
-        cancelable: false,
-        detail: null
-      }));
-      (0, _simulateMouseEvent.simulateClick)(closeBtn);
-    }
-  }
-  send(_ref11) {
-    let {
-      sendAndArchive
-    } = _ref11;
-    if (!this._els.sendBtn) throw new Error('Compose View missing send element');
-    (0, _simulateMouseEvent.simulateClick)(this._els.sendBtn);
-  }
-  discard() {
-    (0, _simulateMouseEvent.simulateClick)(this.getDiscardButton());
-  }
-  setMinimized(minimized) {
-    if (minimized !== this.isMinimized()) {
-      if (this._p.attributes.isInline) throw new Error('Not implemented for inline compose views');
-      const {
-        minimizeBtn
-      } = this._els;
-      if (!minimizeBtn) throw new Error('Could not find minimize button');
-      minimizeBtn.click();
-    }
-  }
-  setFullscreen(fullscreen) {
-    if (fullscreen !== this.isFullscreen()) {
-      if (this._p.attributes.isInline) throw new Error('Not implemented for inline compose views');
-      const {
-        toggleFullscreenButton
-      } = this._els;
-      if (!toggleFullscreenButton) throw new Error('Could not find fullscreen button');
-      toggleFullscreenButton.click();
-    }
-  }
-  setTitleBarColor(color) {
-    const {
-      isInline
-    } = this._p.attributes;
-    if (isInline) throw new Error('Cannot set title bar of inline compose');
-    const {
-      titleBar
-    } = this._p.elements;
-    if (!titleBar) throw new Error('Could not locate compose title bar');
-    titleBar.style.backgroundColor = color;
-    return () => {
-      titleBar.style.backgroundColor = '';
-    };
-  }
-  setTitleBarText(text) {
-    throw new Error('Not supported in Inbox');
-  }
-  addButton(buttonDescriptor, groupOrderHint, extraOnClickOptions) {
-    var buttonViewController = new _inboxComposeButtonView.default(this, buttonDescriptor, groupOrderHint, extraOnClickOptions);
-    return Promise.resolve({
-      buttonViewController,
-      buttonDescriptor: {}
-    });
-  }
-  getModifierButtonContainer() {
-    if (this._modifierButtonContainer) {
-      return this._modifierButtonContainer;
-    }
-    this._modifierButtonContainer = this._element.querySelector('.inboxsdk__compose_actionToolbar');
-    if (this._modifierButtonContainer) {
-      return this._modifierButtonContainer;
-    }
-    const div = document.createElement('div');
-    div.className = 'inboxsdk__compose_actionToolbar';
-    if (!this._p.attributes.isInline) {
-      const hiddenAttachBtn = this._els.attachBtn ? this._els.attachBtn.nextSibling : null;
-      if (hiddenAttachBtn instanceof HTMLElement && hiddenAttachBtn.style.position === 'absolute') {
-        hiddenAttachBtn.style.display = 'none';
-      } else {
-        this._driver.getLogger().error(new Error("Didn't find hiddenAttachBtn"));
-      }
-    }
-    const sendBtn = this._els.sendBtn;
-    if (!sendBtn) throw new Error('Compose View missing send element');
-    const sendParent = sendBtn.parentElement;
-    if (!sendParent) throw new Error('Could not find send button parent');
-    sendParent.insertBefore(div, sendBtn.nextSibling);
-    this._modifierButtonContainer = div;
-    return div;
-  }
-  addRecipientRow(options) {
-    if (this._p.attributes.isInline) throw new Error('Cannot add recipient rows to inline compose views');
-    return (0, _addRecipientRow.default)(this, options);
-  }
-  forceRecipientRowsOpen() {
-    console.warn('ComposeView.forceRecipientRowsOpen() is a no-op in Inbox');
-    return () => {};
-  }
-  hideNativeRecipientRows() {
-    if (this._p.attributes.isInline) throw new Error('Cannot hide recipient rows on inline compose views');
-    const rows = [this.getToRow(), this.getCCRow(), this.getBCCRow()];
-    rows.forEach(row => {
-      row.classList.add('inboxsdk__compose_forceRecipientRowHidden');
-    });
-    return () => {
-      rows.forEach(row => {
-        row.classList.remove('inboxsdk__compose_forceRecipientRowHidden');
-      });
-    };
-  }
-  hideRecipientArea() {
-    throw new Error('Not implemented');
-  }
-  addOuterSidebar(options) {
-    throw new Error('Not implemented');
-  }
-  addInnerSidebar(options) {
-    throw new Error('Not implemented');
-  }
-  addComposeNotice(composeNoticeDescriptor) {
-    throw new Error('Not implemented');
-  }
-  addStatusBar(options) {
-    throw new Error('Not implemented');
-  }
-  hideNativeStatusBar() {
-    throw new Error('Not Implemented');
-  }
-  isForward() {
-    throw new Error('Not Implemented');
-  }
-  isReply() {
-    if (this._p.attributes.isInline) return true;
-    throw new Error('Not implemented');
-  }
-  isInlineReplyForm() {
-    return this._p.attributes.isInline;
-  }
-  popOut() {
-    if (!this._p.attributes.isInline) {
-      throw new Error('Can only pop out inline reply compose views');
-    }
-    if (!this._els.popOutBtn) {
-      throw new Error('Should not happen');
-    }
-    (0, _simulateMouseEvent.simulateClick)(this._els.popOutBtn);
-  }
-  registerRequestModifier(modifier) {
-    throw new Error('Not implemented');
-  }
-  attachFiles(files) {
-    throw new Error('Not implemented');
-  }
-  attachInlineFiles(files) {
-    throw new Error('Not implemented');
-  }
-  isFullscreen() {
-    return this._isFullscreenMode;
-  }
-  isMinimized() {
-    return this._isMinimized;
-  }
-  getSubjectInput() {
-    return this._els.subject;
-  }
-  getMetadataFormElement() {
-    throw new Error('Not supported in Inbox.');
-  }
-  getToRow() {
-    const {
-      toRow
-    } = this._els;
-    if (!toRow) throw new Error('Could not locate To row');
-    return toRow;
-  }
-  getCCRow() {
-    const {
-      ccRow
-    } = this._els;
-    if (!ccRow) throw new Error('Could not locate CC row');
-    return ccRow;
-  }
-  getBCCRow() {
-    const {
-      bccRow
-    } = this._els;
-    if (!bccRow) throw new Error('Could not locate BCC row');
-    return bccRow;
-  }
-  getBodyElement() {
-    if (!this._els.body) throw new Error('Compose View missing body element');
-    return this._els.body;
-  }
-  getHTMLContent() {
-    return this.getBodyElement().innerHTML;
-  }
-  getTextContent() {
-    return this.getBodyElement().textContent;
-  }
-  getSelectedBodyHTML() {
-    return (0, _getSelection.getSelectedHTMLInElement)(this.getBodyElement(), this._lastBodySelectionRange);
-  }
-  getSelectedBodyText() {
-    return (0, _getSelection.getSelectedTextInElement)(this.getBodyElement(), this._lastBodySelectionRange);
-  }
-  getSubject() {
-    const {
-      subject
-    } = this._els;
-    if (!subject) {
-      throw new Error('InboxSDK: Could not locate subject field');
-    }
-    return subject.value;
-  }
-  setSubject(text) {
-    if (this._p.attributes.isInline) {
-      throw new Error('setSubject is not supported for inline compose views');
-    }
-    if (!this._els.subject) {
-      throw new Error('InboxSDK: Could not locate subject field');
-    }
-    this._els.subject.value = text;
-  }
-  _getRecipients(inputElement) {
-    const chipContainer = inputElement.parentElement;
-    if (!chipContainer) throw new Error('Should not happen');
-    return Array.from(chipContainer.children).filter(el => el.nodeName === 'DIV' && el.hasAttribute('email') && el.style.display !== 'none').map(chip => ({
-      emailAddress: chip.getAttribute('email') || '',
-      name: chip.textContent
-    }));
-  }
-  getToRecipients() {
-    if (this._p.attributes.isInline) throw new Error("Can't get recipients of inline compose");
-    const {
-      toInput
-    } = this._els;
-    if (!toInput) throw new Error('Compose View missing recipient input');
-    return this._getRecipients(toInput);
-  }
-  getCcRecipients() {
-    if (this._p.attributes.isInline) throw new Error("Can't get recipients of inline compose");
-    const {
-      ccInput
-    } = this._els;
-    if (!ccInput) throw new Error('Compose View missing recipient input');
-    return this._getRecipients(ccInput);
-  }
-  getBccRecipients() {
-    if (this._p.attributes.isInline) throw new Error("Can't get recipients of inline compose");
-    const {
-      bccInput
-    } = this._els;
-    if (!bccInput) throw new Error('Compose View missing recipient input');
-    return this._getRecipients(bccInput);
-  }
-  getComposeID() {
-    throw new Error('This method was discontinued');
-  }
-  getInitialMessageID() {
-    throw new Error('composeView.getInitialMessageID is not implemented in Inbox');
-  }
-  getMessageID() {
-    throw new Error('composeView.getMessageID is not implemented in Inbox');
-  }
-  getThreadID() {
-    // TODO
-    return null;
-  }
-  getCurrentDraftID() {
-    return Promise.resolve(this._draftID);
-  }
-  getDraftID() {
-    return Promise.resolve(this._draftID);
-  }
-  addTooltipToButton(buttonViewController, buttonDescriptor, tooltipDescriptor) {
-    buttonViewController.showTooltip(tooltipDescriptor);
-  }
-  closeButtonTooltip(buttonViewController) {
-    buttonViewController.closeTooltip();
-  }
-  getDiscardButton() {
-    if (!this._els.discardBtn) throw new Error('Compose View missing discard button');
-    return this._els.discardBtn;
-  }
-  getSendButton() {
-    if (!this._els.sendBtn) throw new Error('Compose View missing send button');
-    return this._els.sendBtn;
-  }
-  ensureAppButtonToolbarsAreClosed() {
-    //TODO
-  }
-  ensureFormattingToolbarIsHidden() {
-    //TODO
-  }
-}
-var _default = (0, _ud.defn)(module, InboxComposeView);
-exports.default = _default;