@inboxsdk/core 1.2.5 → 1.2.8-0

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

@@ -1,737 +0,0 @@
-import sortBy from 'lodash/sortBy';
-import once from 'lodash/once';
-import autoHtml from 'auto-html';
-import * as Kefir from 'kefir';
-import kefirBus from 'kefir-bus';
-import kefirStopper from 'kefir-stopper';
-import kefirCast from 'kefir-cast';
-import GmailAttachmentAreaView from './gmail-attachment-area-view';
-import GmailAttachmentCardView from './gmail-attachment-card-view';
-import getUpdatedContact from './gmail-message-view/get-updated-contact';
-import AttachmentIcon from './gmail-message-view/attachment-icon';
-import makeMutationObserverStream from '../../../lib/dom/make-mutation-observer-stream';
-import querySelector from '../../../lib/dom/querySelectorOrFail';
-import makeMutationObserverChunkedStream from '../../../lib/dom/make-mutation-observer-chunked-stream';
-import { simulateClick } from '../../../lib/dom/simulate-mouse-event';
-import censorHTMLtree from '../../../../common/censorHTMLtree';
-import findParent from '../../../../common/find-parent';
-import reemitClickEvent from '../../../lib/dom/reemitClickEventForReact';
-let hasSeenOldElement = false;
-class GmailMessageView {
-    _element;
-    _driver;
-    _eventStream = kefirBus();
-    _stopper = kefirStopper();
-    _threadViewDriver;
-    _moreMenuItemDescriptors;
-    _moreMenuAddedElements;
-    _replyElementStream;
-    _readyStream;
-    _replyElement;
-    _gmailAttachmentAreaView;
-    _messageLoaded = false;
-    _openMoreMenu;
-    _sender = null;
-    _recipients = null;
-    _recipientEmailAddresses = null;
-    _recipientsFull = null;
-    constructor(element, gmailThreadView, driver) {
-        this._element = element;
-        this._threadViewDriver = gmailThreadView;
-        this._driver = driver;
-        this._moreMenuItemDescriptors = [];
-        this._moreMenuAddedElements = [];
-        this._replyElement = null;
-        // Outputs the same type of stream as makeElementChildStream does.
-        this._replyElementStream = this._eventStream
-            .filter(function (event) {
-            return event.eventName === 'replyElement';
-        })
-            .map((event) => event.change);
-        this._setupMessageStateStream();
-        this._monitorEmailAddressHovering();
-        this._setupMoreMenuWatching();
-        let partialReadyStream;
-        if (driver.isUsingSyncAPI()) {
-            // handle the case that the data-message-id is available, but the data-legacy-message-id is not
-            // this happens when you're looking at a thread, and then you reply to a message, the message id is generated
-            // client side, so the new message added (from your reply) shows up in the UI right away and has a data-message-id but
-            // because it hasn't been synced to the server it does not have a data-legacy-messag-id
-            // so we wait until the message has been synced to the server before saying this is ready
-            const messageIdElement = this._element.querySelector('[data-message-id]');
-            if (messageIdElement) {
-                const syncMessageId = messageIdElement.getAttribute('data-message-id');
-                if (!syncMessageId)
-                    throw new Error('data-message-id attribute has no value');
-                // Only respect data-legacy-message-id if data-message-id is not the id
-                // of a draft we've seen recently, in order to work around a Gmail bug.
-                // https://github.com/StreakYC/GmailSDK/issues/515#issuecomment-457420619
-                if (messageIdElement.hasAttribute('data-legacy-message-id') &&
-                    !this._driver.isRecentSyncDraftId(syncMessageId.replace('#', ''))) {
-                    partialReadyStream = Kefir.constant(null);
-                }
-                else {
-                    // we have a data message id, but not the legacy message id. So now we have to poll for the gmail message id
-                    partialReadyStream = Kefir.fromPromise((async () => {
-                        for (let ii = 0; ii < 10; ii++) {
-                            try {
-                                const gmailMessageId = await this._driver.getGmailMessageIdForSyncMessageId(syncMessageId.replace('#', ''));
-                                // set the legacy message id attribute so subsequent calls to getMessageId find the legacy message id in the dom
-                                messageIdElement.setAttribute('data-legacy-message-id', gmailMessageId);
-                                return null;
-                            }
-                            catch (e) {
-                                await new Promise((resolve) => setTimeout(resolve, ii * 200));
-                            }
-                        }
-                        throw new Error('gmail message id never became available');
-                    })());
-                }
-            }
-            else {
-                partialReadyStream = Kefir.constant(null);
-            }
-        }
-        else {
-            partialReadyStream = Kefir.constant(null);
-        }
-        this._readyStream = partialReadyStream
-            .takeUntilBy(this._stopper)
-            .onValue(() => this._processInitialState());
-    }
-    destroy() {
-        this._stopper.destroy();
-        this._eventStream.end();
-        if (this._gmailAttachmentAreaView)
-            this._gmailAttachmentAreaView.destroy();
-        this._moreMenuAddedElements.forEach((el) => {
-            el.remove();
-        });
-    }
-    getEventStream() {
-        return this._eventStream;
-    }
-    getReplyElementStream() {
-        return this._replyElementStream;
-    }
-    getElement() {
-        return this._element;
-    }
-    getThreadViewDriver() {
-        return this._threadViewDriver;
-    }
-    isLoaded() {
-        return this._messageLoaded;
-    }
-    getContentsElement() {
-        if (!this._messageLoaded) {
-            throw new Error('tried to get message contents before message is loaded');
-        }
-        try {
-            return querySelector(this._element, 'div.ii.gt');
-        }
-        catch (err) {
-            // Keep old fallback selector until we're confident of the new one.
-            this._driver.getLogger().error(err);
-            return querySelector(this._element, '.adP');
-        }
-    }
-    isElementInQuotedArea(element) {
-        return findParent(element, (el) => el.nodeName === 'BLOCKQUOTE') != null;
-    }
-    getSender() {
-        let sender = this._sender;
-        if (sender)
-            return sender;
-        const senderSpan = querySelector(this._element, 'td.gF span[email]');
-        const emailAddress = senderSpan.getAttribute('email');
-        if (!emailAddress)
-            throw new Error('Could not find email address');
-        sender = this._sender = {
-            name: senderSpan.getAttribute('name'),
-            emailAddress,
-        };
-        return sender;
-    }
-    getRecipients() {
-        let recipients = this._recipients;
-        if (recipients)
-            return recipients;
-        const receipientSpans = Array.from(this._element.querySelectorAll('.hb span[email]'));
-        recipients = this._recipients = receipientSpans.map((span) => {
-            return this._getUpdatedContact({
-                name: span.getAttribute('name'),
-                emailAddress: span.getAttribute('email') || '',
-            });
-        });
-        return recipients;
-    }
-    getRecipientEmailAddresses() {
-        let recipients = this._recipientEmailAddresses;
-        if (recipients)
-            return recipients;
-        const receipientSpans = Array.from(this._element.querySelectorAll('.hb span[email]'));
-        recipients = this._recipientEmailAddresses = receipientSpans.map((span) => span.getAttribute('email') || '');
-        return recipients;
-    }
-    async getRecipientsFull() {
-        let recipients = this._recipientsFull;
-        if (recipients)
-            return recipients;
-        if (this._driver.isUsingSyncAPI()) {
-            const threadID = this._threadViewDriver.getInternalID();
-            recipients = this._recipientsFull = (await this._driver
-                .getPageCommunicator()
-                .getMessageRecipients(threadID, this._element));
-            if (!recipients) {
-                this._driver
-                    .getLogger()
-                    .error(new Error('Failed to find message recipients from response'), {
-                    threadID,
-                });
-                recipients = this._recipientsFull = this.getRecipients();
-            }
-        }
-        else {
-            const receipientSpans = Array.from(this._element.querySelectorAll('.hb span[email]'));
-            recipients = this._recipientsFull = receipientSpans.map((span) => {
-                return this._getUpdatedContact({
-                    name: span.getAttribute('name'),
-                    emailAddress: span.getAttribute('email') || '',
-                });
-            });
-        }
-        return recipients;
-    }
-    getDateString() {
-        return querySelector(this._element, '.ads .gK .g3').title;
-    }
-    async getDate() {
-        const threadID = this._threadViewDriver.getInternalID();
-        return await this._driver
-            .getPageCommunicator()
-            .getMessageDate(threadID, this._element);
-    }
-    getAttachmentCardViewDrivers() {
-        if (!this._gmailAttachmentAreaView) {
-            return [];
-        }
-        return this._gmailAttachmentAreaView.getAttachmentCardViews();
-    }
-    addButtonToDownloadAllArea(options) {
-        var gmailAttachmentAreaView = this._getAttachmentArea();
-        if (!gmailAttachmentAreaView) {
-            return;
-        }
-        gmailAttachmentAreaView.addButtonToDownloadAllArea(options);
-    }
-    addMoreMenuItem(options) {
-        this._moreMenuItemDescriptors = sortBy(this._moreMenuItemDescriptors.concat([options]), (o) => o.orderHint);
-        this._updateMoreMenu();
-    }
-    _setupMoreMenuWatching() {
-        // At the start, and whenever the view state changes, watch the
-        // 'aria-expanded' property of the more button, and when that changes,
-        // update the _openMoreMenu property.
-        this._openMoreMenu = null;
-        this._eventStream
-            .filter((e) => e.eventName === 'viewStateChange')
-            .toProperty(() => null)
-            .flatMapLatest(() => {
-            const moreButton = this._getMoreButton();
-            if (!moreButton) {
-                return Kefir.constant(null);
-            }
-            return makeMutationObserverChunkedStream(moreButton, {
-                attributes: true,
-                attributeFilter: ['aria-expanded'],
-            }).map(() => moreButton.getAttribute('aria-expanded') === 'true'
-                ? this._getOpenMoreMenu()
-                : null);
-        })
-            .takeUntilBy(this._stopper)
-            .onValue((openMoreMenu) => {
-            this._openMoreMenu = openMoreMenu;
-            this._updateMoreMenu();
-        });
-    }
-    _getMoreButton() {
-        if (this.getViewState() !== 'EXPANDED') {
-            return null;
-        }
-        return this._element.querySelector('tr.acZ div.T-I.J-J5-Ji.aap.L3[role=button][aria-haspopup]');
-    }
-    _getOpenMoreMenu() {
-        const selector_2022_11_23 = 'td > div.nH.a98.iY > div.nH.aHU .b7.J-M[aria-haspopup=true]';
-        const maybeMoreMenu = document.body.querySelector(selector_2022_11_23);
-        // This will find any message's open more menu! The caller needs to make
-        // sure it belongs to this message!
-        return (maybeMoreMenu ||
-            document.body.querySelector('td > div.nH.if > div.nH.aHU div.b7.J-M[aria-haspopup=true]'));
-    }
-    _closeActiveEmailMenu() {
-        const moreButton = this._getMoreButton();
-        if (moreButton) {
-            simulateClick(moreButton);
-        }
-    }
-    _updateMoreMenu() {
-        this._moreMenuAddedElements.forEach((el) => {
-            el.remove();
-        });
-        this._moreMenuAddedElements.length = 0;
-        const openMoreMenu = this._openMoreMenu;
-        if (openMoreMenu && this._moreMenuItemDescriptors.length) {
-            const originalHeight = openMoreMenu.offsetHeight;
-            const originalWidth = openMoreMenu.offsetWidth;
-            const dividerEl = document.createElement('div');
-            dividerEl.className = 'J-Kh';
-            this._moreMenuAddedElements.push(dividerEl);
-            openMoreMenu.appendChild(dividerEl);
-            this._moreMenuItemDescriptors.forEach((options) => {
-                const itemEl = document.createElement('div');
-                itemEl.className = 'J-N';
-                itemEl.setAttribute('role', 'menuitem');
-                itemEl.innerHTML = autoHtml `<div class="J-N-Jz">${options.title}</div>`;
-                itemEl.addEventListener('mouseenter', () => itemEl.classList.add('J-N-JT'));
-                itemEl.addEventListener('mouseleave', () => itemEl.classList.remove('J-N-JT'));
-                itemEl.addEventListener('click', () => {
-                    this._closeActiveEmailMenu();
-                    options.onClick();
-                });
-                if (options.iconUrl || options.iconClass) {
-                    const iconEl = document.createElement('img');
-                    iconEl.className = `f4 J-N-JX inboxsdk__message_more_icon ${options.iconClass || ''}`;
-                    iconEl.src = options.iconUrl || 'images/cleardot.gif';
-                    const insertionPoint = itemEl.firstElementChild;
-                    if (insertionPoint)
-                        insertionPoint.appendChild(iconEl);
-                }
-                this._moreMenuAddedElements.push(itemEl);
-                openMoreMenu.appendChild(itemEl);
-            });
-            const menuRect = openMoreMenu.getBoundingClientRect();
-            const addedWidth = menuRect.width - originalWidth;
-            if (addedWidth > 0) {
-                openMoreMenu.style.left =
-                    Math.max(0, parseInt(openMoreMenu.style.left) - addedWidth) + 'px';
-            }
-            const moreButton = this._getMoreButton();
-            if (moreButton) {
-                const moreButtonRect = moreButton.getBoundingClientRect();
-                // If the menu is positioned above the button, then adjust the menu
-                // upwards to compensate for the buttons we added.
-                if (menuRect.top < moreButtonRect.top) {
-                    const addedHeight = menuRect.height - originalHeight;
-                    openMoreMenu.style.top =
-                        Math.max(0, parseInt(openMoreMenu.style.top) - addedHeight) + 'px';
-                }
-            }
-        }
-    }
-    getMessageID(ignoreLoadStatus = false) {
-        if (!ignoreLoadStatus && !this._messageLoaded) {
-            throw new Error('tried to get message id before message is loaded');
-        }
-        const messageIdElement = this._element.querySelector('[data-legacy-message-id]');
-        if (messageIdElement) {
-            const messageId = messageIdElement.getAttribute('data-legacy-message-id');
-            if (!messageId)
-                throw new Error('message id attribute with no value, wtf?');
-            return messageId;
-        }
-        const messageEl = this._element.querySelector('div.ii.gt');
-        if (!messageEl) {
-            const err = new Error('Could not find message id element');
-            this._driver.getLogger().error(err, {
-                elementHtml: censorHTMLtree(this._element),
-            });
-            throw err;
-        }
-        const m = messageEl.className.match(/\bm([0-9a-f]+)\b/);
-        if (m) {
-            if (!hasSeenOldElement) {
-                hasSeenOldElement = true;
-                this._driver.getLogger().eventSite('old messageid location');
-            }
-            return m[1];
-        }
-        else {
-            const messageElChild = messageEl.firstElementChild;
-            if (!messageElChild) {
-                const err = new Error('Could not find message id value');
-                this._driver.getLogger().error(err, {
-                    reason: 'Could not find element',
-                    messageHtml: censorHTMLtree(messageEl),
-                });
-                throw err;
-            }
-            const m = messageElChild.className.match(/\bm([0-9a-f]+)\b/);
-            if (!m) {
-                const err = new Error('Could not find message id value');
-                this._driver.getLogger().error(err, {
-                    reason: 'Element was missing message className',
-                    messageHtml: censorHTMLtree(messageEl),
-                });
-                throw err;
-            }
-            return m[1];
-        }
-    }
-    async getMessageIDAsync() {
-        return this.getMessageID();
-    }
-    addAttachmentIcon(iconDescriptor) {
-        const attachmentIcon = new AttachmentIcon();
-        if (!this._element) {
-            console.warn('addDateIcon called on destroyed message');
-            return attachmentIcon;
-        }
-        this._element.setAttribute('inboxsdk__message_added_attachment_icon', 'true');
-        const getImgElement = once(() => {
-            const img = document.createElement('img');
-            img.src = 'images/cleardot.gif';
-            return img;
-        });
-        const getCustomIconWrapper = once(() => {
-            const div = document.createElement('div');
-            return div;
-        });
-        const getTooltipNodeWrapper = once(() => {
-            const div = document.createElement('div');
-            return div;
-        });
-        let added = false;
-        let currentIconUrl = null;
-        this._stopper.onValue(() => {
-            if (added) {
-                getCustomIconWrapper().remove();
-                getTooltipNodeWrapper().remove();
-                getImgElement().remove();
-                added = false;
-            }
-        });
-        kefirCast(Kefir, iconDescriptor)
-            .combine(this._eventStream
-            .filter((event) => event.eventName === 'viewStateChange')
-            .toProperty(() => null), (opts) => opts)
-            .takeUntilBy(this._stopper)
-            .onValue((opts) => {
-            if (!opts) {
-                if (added) {
-                    getCustomIconWrapper().remove();
-                    getImgElement().remove();
-                    getTooltipNodeWrapper().remove();
-                    added = false;
-                }
-            }
-            else {
-                let attachmentDiv;
-                if (this.getViewState() === 'COLLAPSED') {
-                    attachmentDiv = querySelector(this._element, '.adf.ads td.gH span');
-                }
-                else {
-                    attachmentDiv = querySelector(this._element, 'td.gH div.gK span');
-                }
-                const img = opts.iconHtml != null ? getCustomIconWrapper() : getImgElement();
-                const onClick = opts.onClick;
-                if (onClick) {
-                    img.onclick = function (event) {
-                        event.preventDefault();
-                        event.stopPropagation();
-                        onClick();
-                    };
-                    img.style.cursor = 'pointer';
-                }
-                else {
-                    img.onclick = null;
-                    img.style.cursor = '';
-                }
-                if (opts.tooltip &&
-                    typeof opts.tooltip == 'object' &&
-                    opts.tooltip instanceof HTMLElement) {
-                    const tooltipWrapper = getTooltipNodeWrapper();
-                    tooltipWrapper.className =
-                        'inboxsdk__message_attachment_tooltipWrapper';
-                    tooltipWrapper.onclick = function (event) {
-                        event.stopPropagation();
-                        reemitClickEvent(event);
-                    };
-                    tooltipWrapper.appendChild(opts.tooltip);
-                    img.onmouseenter = function (event) {
-                        event.preventDefault();
-                        event.stopPropagation();
-                        img.appendChild(tooltipWrapper);
-                        attachmentIcon.emit('tooltipShown');
-                    };
-                    img.onmouseleave = function (event) {
-                        event.preventDefault();
-                        event.stopPropagation();
-                        img.removeChild(tooltipWrapper);
-                        attachmentIcon.emit('tooltipHidden');
-                    };
-                    img.removeAttribute('data-tooltip');
-                }
-                else if (opts.tooltip && typeof opts.tooltip == 'string') {
-                    img.setAttribute('data-tooltip', opts.tooltip);
-                }
-                else {
-                    img.removeAttribute('data-tooltip');
-                }
-                img.className =
-                    opts.iconHtml != null
-                        ? `inboxsdk__message_attachment_iconWrapper ${opts.iconClass || ''}`
-                        : 'inboxsdk__message_attachment_icon ' + (opts.iconClass || '');
-                if (opts.iconHtml != null) {
-                    if (attachmentDiv.contains(getImgElement())) {
-                        getImgElement().remove();
-                    }
-                    img.innerHTML = opts.iconHtml;
-                }
-                else if (currentIconUrl != opts.iconUrl) {
-                    if (attachmentDiv.contains(getCustomIconWrapper())) {
-                        getCustomIconWrapper().remove();
-                    }
-                    img.style.background = opts.iconUrl
-                        ? 'url(' + opts.iconUrl + ') no-repeat 0 0'
-                        : '';
-                    currentIconUrl = opts.iconUrl;
-                }
-                if (!attachmentDiv.contains(img)) {
-                    attachmentDiv.appendChild(img);
-                    added = true;
-                }
-            }
-        });
-        return attachmentIcon;
-    }
-    getViewState() {
-        if (this._element.classList.contains('kQ') ||
-            this._element.classList.contains('kx')) {
-            return 'HIDDEN';
-        }
-        else if (this._element.classList.contains('kv')) {
-            return 'COLLAPSED';
-        }
-        else {
-            return 'EXPANDED';
-        }
-    }
-    hasOpenReply() {
-        return Boolean(this._replyElement);
-    }
-    addAttachmentCard(options) {
-        var gmailAttachmentCardView = new GmailAttachmentCardView(options, this._driver, this);
-        if (!this._gmailAttachmentAreaView) {
-            this._gmailAttachmentAreaView = this._getAttachmentArea();
-        }
-        if (!this._gmailAttachmentAreaView) {
-            this._gmailAttachmentAreaView = this._createAttachmentArea();
-        }
-        this._gmailAttachmentAreaView.addGmailAttachmentCardView(gmailAttachmentCardView);
-        return gmailAttachmentCardView;
-    }
-    _setupMessageStateStream() {
-        var self = this;
-        this._eventStream.plug(makeMutationObserverStream(this._element, {
-            attributes: true,
-            attributeFilter: ['class'],
-            attributeOldValue: true,
-        })
-            .takeUntilBy(this._stopper)
-            .map(function (mutation) {
-            const currentClassList = mutation.target.classList;
-            const mutationOldValue = mutation.oldValue;
-            let oldValue;
-            let newValue;
-            if (mutationOldValue.indexOf('kQ') > -1 ||
-                mutationOldValue.indexOf('kx') > -1) {
-                oldValue = 'HIDDEN';
-            }
-            else if (mutationOldValue.indexOf('kv') > -1 ||
-                mutationOldValue.indexOf('ky') > -1) {
-                oldValue = 'COLLAPSED';
-            }
-            else if (mutationOldValue.indexOf('h7') > -1) {
-                oldValue = 'EXPANDED';
-            }
-            if (currentClassList.contains('kQ') ||
-                currentClassList.contains('kx')) {
-                newValue = 'HIDDEN';
-            }
-            else if (currentClassList.contains('kv') ||
-                currentClassList.contains('ky')) {
-                newValue = 'COLLAPSED';
-            }
-            else if (currentClassList.contains('h7')) {
-                newValue = 'EXPANDED';
-            }
-            return {
-                oldValue,
-                newValue,
-                currentClassList,
-            };
-        })
-            .map(function (event) {
-            if (event.newValue === 'EXPANDED' && event.oldValue !== 'EXPANDED') {
-                self._checkMessageOpenState(event.currentClassList);
-            }
-            return event;
-        })
-            .filter(function (event) {
-            return (event.newValue !== event.oldValue &&
-                !!event.oldValue &&
-                !!event.newValue);
-        })
-            .map(function (event) {
-            return {
-                eventName: 'viewStateChange',
-                oldValue: event.oldValue,
-                newValue: event.newValue,
-            };
-        }));
-    }
-    _processInitialState() {
-        this._checkMessageOpenState(this._element.classList);
-    }
-    _checkMessageOpenState(classList) {
-        if (!classList.contains('h7')) {
-            return;
-        }
-        if (this._messageLoaded) {
-            return;
-        }
-        let messageId;
-        try {
-            messageId = this.getMessageID(true);
-        }
-        catch (err) {
-            this._driver.getLogger().error(err);
-            return;
-        }
-        this._messageLoaded = true;
-        try {
-            this._driver.associateThreadAndMessageIDs(this._threadViewDriver.getThreadID(), messageId);
-        }
-        catch (err) {
-            this._driver.getLogger().error(err);
-        }
-        this._gmailAttachmentAreaView = this._getAttachmentArea();
-        this._eventStream.emit({
-            type: 'internal',
-            eventName: 'messageLoad',
-        });
-        this._setupReplyStream();
-    }
-    _setupReplyStream() {
-        const replyContainer = this._element.querySelector('.ip');
-        if (!replyContainer) {
-            return;
-        }
-        var self = this;
-        var currentReplyElementRemovalStream = null;
-        // hold off on emitting the mutation for a millisecond so
-        // that compose-view-driver-stream is listening to reply stream
-        Kefir.combine([
-            makeMutationObserverChunkedStream(replyContainer, {
-                attributes: true,
-                attributeFilter: ['class'],
-            }),
-            Kefir.later(1, null),
-        ])
-            .merge(Kefir.later(1, undefined))
-            .takeUntilBy(this._stopper)
-            .beforeEnd(() => 'END')
-            .onValue((mutation) => {
-            if (mutation !== 'END' && replyContainer.classList.contains('adB')) {
-                if (!currentReplyElementRemovalStream) {
-                    const replyElement = replyContainer.firstElementChild;
-                    self._replyElement = replyElement;
-                    if (replyElement) {
-                        currentReplyElementRemovalStream = kefirBus();
-                        self._eventStream.emit({
-                            type: 'internal',
-                            eventName: 'replyElement',
-                            change: {
-                                el: replyElement,
-                                removalStream: currentReplyElementRemovalStream,
-                            },
-                        });
-                    }
-                }
-            }
-            else {
-                if (currentReplyElementRemovalStream) {
-                    // Ending the currentReplyElementRemovalStream can trigger something
-                    // that triggers the mutation observer stream which will call back into
-                    // this function before we've unset currentReplyElementRemovalStream,
-                    // so we need to copy the bus to a temporary variable and unset
-                    // currentReplyElementRemovalStream first.
-                    var temp = currentReplyElementRemovalStream;
-                    currentReplyElementRemovalStream = null;
-                    temp.emit(null);
-                    temp.end();
-                    self._replyElement = null;
-                }
-            }
-        });
-    }
-    _monitorEmailAddressHovering() {
-        var self = this;
-        this._eventStream.plug(Kefir.fromEvents(this._element, 'mouseover')
-            .map((e) => e.target)
-            .filter(function (element) {
-            return element && element.getAttribute('email');
-        })
-            .map(function (element) {
-            let contactType = null;
-            if (!self._element.classList.contains('h7')) {
-                contactType = 'sender';
-            }
-            else {
-                if (self._element.querySelector('h3.iw').contains(element)) {
-                    contactType = 'sender';
-                }
-                else {
-                    contactType = 'recipient';
-                }
-            }
-            return {
-                get contact() {
-                    return self._getUpdatedContact(_extractContactInformation(element));
-                },
-                contactType: contactType,
-                eventName: 'contactHover',
-                messageViewDriver: self,
-            };
-        }));
-    }
-    _getAttachmentArea() {
-        if (this._element.querySelector('.hq')) {
-            return new GmailAttachmentAreaView(this._element.querySelector('.hq'), this._driver, this);
-        }
-        return null;
-    }
-    _createAttachmentArea() {
-        const gmailAttachmentAreaView = new GmailAttachmentAreaView(null, this._driver, this);
-        const beforeElement = querySelector(this._element, '.hi');
-        const parentNode = beforeElement.parentNode;
-        if (!parentNode)
-            throw new Error('parentNode not found');
-        parentNode.insertBefore(gmailAttachmentAreaView.getElement(), beforeElement);
-        return gmailAttachmentAreaView;
-    }
-    _getUpdatedContact(inContact) {
-        return getUpdatedContact(inContact, this._element);
-    }
-    getReadyStream() {
-        return this._readyStream;
-    }
-}
-function _extractContactInformation(span) {
-    return {
-        name: span.getAttribute('name'),
-        emailAddress: span.getAttribute('email'),
-    };
-}
-export default GmailMessageView;