@inboxsdk/core 1.2.5 → 1.2.8-0

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/set-recipients.js

@@ -1,157 +0,0 @@
-import Logger from '../../../../lib/logger';
-import querySelector from '../../../../lib/dom/querySelectorOrFail';
-import getRecipients from './get-recipients';
-import { simulateClick } from '../../../../lib/dom/simulate-mouse-event';
-import simulateKey from '../../../../lib/dom/simulate-key';
-import { getRecipientRowForType, getOldRecipientRowForType, } from './page-parser';
-export default function setRecipients(gmailComposeView, addressType, emailAddresses) {
-    if (_areContactsEqual(gmailComposeView, addressType, emailAddresses)) {
-        return;
-    }
-    const oldRange = gmailComposeView.getLastSelectionRange();
-    let _contactRow = getRecipientRowForType(gmailComposeView.getElement(), addressType);
-    function openRecipientsSectionIfNeeded(button) {
-        const signalElement = button.closest('.fX.aiL');
-        if (signalElement && signalElement.style.display === 'none') {
-            const cover = querySelector(gmailComposeView.getElement(), 'div.aoD.hl');
-            cover.dispatchEvent(new FocusEvent('focus'));
-        }
-    }
-    if (addressType === 'cc') {
-        const ccButton = gmailComposeView
-            .getElement()
-            .querySelector('span.pE[role=link]');
-        if (ccButton) {
-            openRecipientsSectionIfNeeded(ccButton);
-            ccButton.click();
-            _contactRow = getRecipientRowForType(gmailComposeView.getElement(), addressType);
-        }
-    }
-    else if (addressType === 'bcc') {
-        const bccButton = gmailComposeView
-            .getElement()
-            .querySelector('span.pB[role=link]');
-        if (bccButton) {
-            openRecipientsSectionIfNeeded(bccButton);
-            bccButton.click();
-            _contactRow = getRecipientRowForType(gmailComposeView.getElement(), addressType);
-        }
-    }
-    const contactRow = _contactRow;
-    if (contactRow) {
-        // new recipient fields
-        // https://workspaceupdates.googleblog.com/2021/10/visual-updates-for-composing-email-in-gmail.html
-        const emailAddressEntry = querySelector(contactRow, 'input[role=combobox][aria-autocomplete=list]');
-        if (!(emailAddressEntry instanceof HTMLInputElement)) {
-            throw new Error();
-        }
-        // Remove existing recipients
-        Array.from(contactRow.querySelectorAll('div[role=option][data-name] div.afX[aria-label]')).forEach((el) => {
-            el.click();
-        });
-        emailAddressEntry.value = '';
-        const clipboardData = new DataTransfer();
-        clipboardData.setData('text/plain', emailAddresses.join(','));
-        emailAddressEntry.dispatchEvent(new ClipboardEvent('paste', { clipboardData }));
-        // On fresh composes, if set_Recipients is called immediately, then
-        // Gmail asynchronously resets the recipients field. Detect this and
-        // put our change back.
-        const nameEl = contactRow.closest('div.anm[name]');
-        if (emailAddresses.length > 0 &&
-            nameEl &&
-            !nameEl.hasAttribute('data-inboxsdk-handled-reset')) {
-            // We're in a fresh compose.
-            // If setRecipients is called multiple times on a fresh compose,
-            // we only want the last call's setTimeout callback to do anything.
-            // Do this by marking a DOM element with a unique claim value and
-            // checking for it in the callback. Note that we generate the claim
-            // value by reading from the existing DOM value instead of a variable
-            // in module scope because there might be multiple extensions using
-            // the InboxSDK; we must use the shared DOM as the source of truth
-            // for values shared between InboxSDK instances.
-            const claim = String(Number(nameEl.getAttribute('data-inboxsdk-tracking-fresh-compose') || 0) + 1);
-            nameEl.setAttribute('data-inboxsdk-tracking-fresh-compose', claim);
-            setTimeout(() => {
-                if (nameEl.getAttribute('data-inboxsdk-tracking-fresh-compose') === claim) {
-                    nameEl.removeAttribute('data-inboxsdk-tracking-fresh-compose');
-                    // Does it look like our contact chips have all been removed?
-                    if (contactRow.querySelectorAll('div[role=option][data-name] div.afX[aria-label]').length === 0) {
-                        // put a mark in the DOM to be absolutely sure we can't
-                        // get in an infinite loop (which could happen if Gmail doesn't
-                        // actually set the style attribute, and our selector above fails
-                        // to find the recipient chips).
-                        nameEl.setAttribute('data-inboxsdk-handled-reset', 'true');
-                        setRecipients(gmailComposeView, addressType, emailAddresses);
-                    }
-                }
-            }, 100);
-        }
-    }
-    else {
-        // old recipient fields
-        let contactRow;
-        try {
-            contactRow = getOldRecipientRowForType(gmailComposeView.getElement(), addressType);
-            if (!contactRow) {
-                throw new Error('getOldRecipientRowForType failed');
-            }
-        }
-        catch (err) {
-            Logger.error(err, { addressType });
-            return;
-        }
-        const emailAddressEntry = contactRow.querySelector('textarea.vO');
-        if (!emailAddressEntry ||
-            !(emailAddressEntry instanceof HTMLTextAreaElement)) {
-            return;
-        }
-        // Remove existing recipients
-        Array.from(contactRow.querySelectorAll('.vR .vM')).forEach((el) => {
-            simulateClick(el);
-        });
-        emailAddressEntry.value = emailAddresses.join(',');
-        // Push enter so Gmail interprets the addresses.
-        simulateKey(emailAddressEntry, 13, 0);
-        // Focus the recipients preview label so Gmail re-renders it.
-        const cover = querySelector(gmailComposeView.getElement(), 'div.aoD.hl');
-        cover.dispatchEvent(new FocusEvent('focus'));
-        if (addressType === 'cc') {
-            const ccButton = querySelector(gmailComposeView.getElement(), 'span.aB.gQ.pE');
-            simulateClick(ccButton);
-        }
-        else if (addressType === 'bcc') {
-            const bccButton = querySelector(gmailComposeView.getElement(), 'span.aB.gQ.pB');
-            simulateClick(bccButton);
-        }
-    }
-    // Then restore focus to what it was before.
-    if (document.activeElement instanceof HTMLElement) {
-        document.activeElement.blur();
-    }
-    if (oldRange) {
-        const sel = document.getSelection();
-        if (!sel)
-            throw new Error();
-        sel.removeAllRanges();
-        sel.addRange(oldRange);
-    }
-}
-function _areContactsEqual(gmailComposeView, addressType, emailAddresses) {
-    const existingEmailAddresses = getRecipients(gmailComposeView, addressType).map((c) => c.emailAddress);
-    if (!emailAddresses) {
-        return !!existingEmailAddresses;
-    }
-    if (!existingEmailAddresses) {
-        return !!emailAddresses;
-    }
-    if (emailAddresses.length !== existingEmailAddresses.length) {
-        return false;
-    }
-    for (let ii = 0; ii < existingEmailAddresses.length; ii++) {
-        const existingEmailAddress = existingEmailAddresses[ii];
-        if (emailAddresses.indexOf(existingEmailAddress) === -1) {
-            return false;
-        }
-    }
-    return true;
-}

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

@@ -1,109 +0,0 @@
-import * as Kefir from 'kefir';
-import toItemWithLifetimeStream from '../../../../lib/toItemWithLifetimeStream';
-import makeMutationObserverChunkedStream from '../../../../lib/dom/make-mutation-observer-chunked-stream';
-import SafeEventEmitter from '../../../../lib/safe-event-emitter';
-class LinkPopOver extends SafeEventEmitter {
-    _linkEl;
-    _popOverEl;
-    constructor(linkEl, popOverEl) {
-        super();
-        this._linkEl = linkEl;
-        this._popOverEl = popOverEl;
-    }
-    getLinkElement() {
-        return this._linkEl;
-    }
-    addSection() {
-        let containerEl = this._popOverEl.querySelector('.inboxsdk__linkPopOver_section_container');
-        if (!containerEl) {
-            containerEl = document.createElement('div');
-            containerEl.className = 'inboxsdk__linkPopOver_section_container';
-            this._popOverEl.appendChild(containerEl);
-        }
-        return new LinkPopOverSection(this, containerEl);
-    }
-}
-class LinkPopOverSection {
-    _el = document.createElement('div');
-    constructor(linkPopOver, containerEl) {
-        this._el.className = 'inboxsdk__linkPopOver_section';
-        containerEl.appendChild(this._el);
-        linkPopOver.on('close', () => {
-            this.remove();
-        });
-    }
-    getElement() {
-        return this._el;
-    }
-    remove() {
-        this._el.remove();
-    }
-}
-function getSelectedLink(gmailComposeView) {
-    const focusNode = document.getSelection()?.focusNode;
-    if (!focusNode) {
-        return null;
-    }
-    if (focusNode instanceof Text) {
-        if (focusNode.previousSibling instanceof HTMLAnchorElement &&
-            document.getSelection()?.anchorOffset === 0) {
-            // For capturing link creation cases where the cursor ends up behind the link
-            return focusNode.previousSibling;
-        }
-        else if (focusNode.nextSibling instanceof HTMLAnchorElement) {
-            // google's popover appears when clicking just in front of a link as well
-            return focusNode.nextSibling;
-        }
-    }
-    return findLinkParent(focusNode, gmailComposeView.getBodyElement());
-}
-function findLinkParent(node, composeBody) {
-    if (node instanceof HTMLAnchorElement) {
-        return node;
-    }
-    else if (!node || node === composeBody) {
-        return null;
-    }
-    else {
-        return findLinkParent(node.parentElement, composeBody);
-    }
-}
-export default function setupLinkPopOvers(gmailComposeView) {
-    return toItemWithLifetimeStream(gmailComposeView
-        .getGmailDriver()
-        .getTagTree()
-        .getAllByTag('composeLinkPopOverContainer')).flatMap(({ el, removalStream }) => {
-        const popOverEl = el.getValue();
-        let existingLinkPopOver = null;
-        removalStream.onValue(() => {
-            if (existingLinkPopOver) {
-                existingLinkPopOver.emit('close');
-                existingLinkPopOver = null;
-            }
-        });
-        return makeMutationObserverChunkedStream(popOverEl, {
-            attributes: true,
-            attributeFilter: ['style'],
-        })
-            .toProperty(() => null)
-            .takeUntilBy(removalStream)
-            .flatMap(() => {
-            if (existingLinkPopOver) {
-                existingLinkPopOver.emit('close');
-                existingLinkPopOver = null;
-            }
-            if (popOverEl.style.visibility === 'visible') {
-                const linkEl = getSelectedLink(gmailComposeView);
-                if (linkEl && gmailComposeView.getElement().contains(linkEl)) {
-                    const linkPopOver = new LinkPopOver(linkEl, popOverEl);
-                    existingLinkPopOver = linkPopOver;
-                    return Kefir.constant({
-                        eventName: 'linkPopOver',
-                        data: linkPopOver,
-                    });
-                }
-            }
-            return Kefir.never();
-        });
-    });
-}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/size-fixer.js

@@ -1,123 +0,0 @@
-import includes from 'lodash/includes';
-import startsWith from 'lodash/startsWith';
-import findIndex from 'lodash/findIndex';
-import once from 'lodash/once';
-import delayAsap from '../../../../lib/delay-asap';
-import makeMutationObserverChunkedStream from '../../../../lib/dom/make-mutation-observer-chunked-stream';
-import cssSelectorEscape from '../../../../lib/css-selector-escape';
-const MATERIAL_UI_GMAIL_STATUS_HEIGHT = 60;
-const MATERIAL_UI_TOP_FORM_HEIGHT = 72;
-const SELECTOR_ESCAPE_HATCH_PREFIX = 'body:not(.inboxsdk_hack_disableComposeSizeFixer) ';
-var getSizeFixerSheet = once(() => {
-    const style = document.createElement('style');
-    style.type = 'text/css';
-    style.className = 'inboxsdk__compose_size_fixer';
-    document.head.appendChild(style);
-    var sheet = style.sheet;
-    if (!(sheet instanceof CSSStyleSheet)) {
-        throw new Error('Could not add stylesheet');
-    }
-    return sheet;
-});
-// Gets a css selector string for a given id
-function byId(id) {
-    return '#' + cssSelectorEscape(id);
-}
-export default function sizeFixer(driver, gmailComposeView) {
-    if (gmailComposeView.isInlineReplyForm() ||
-        gmailComposeView.getElement().classList.contains('inboxsdk__size_fixer')) {
-        return;
-    }
-    gmailComposeView.getElement().classList.add('inboxsdk__size_fixer');
-    var composeEvents = gmailComposeView.getEventStream();
-    var stopper = composeEvents.filter(() => false).beforeEnd(() => null);
-    var resizeEvents = composeEvents
-        .filter((e) => includes(['resize', 'fullscreenChanged'], e.eventName))
-        .merge(delayAsap(null));
-    var statusAreaParent = gmailComposeView.getStatusArea()
-        .parentElement;
-    var scrollBody = gmailComposeView.getScrollBody();
-    var sheet = getSizeFixerSheet();
-    var topForm = gmailComposeView.getTopFormElement();
-    var composeId = gmailComposeView.getElement().id;
-    if (!composeId) {
-        composeId =
-            gmailComposeView.getElement().id = `x${Math.random()}x${Date.now()}`;
-    }
-    function setRuleForSelector(selector, rule) {
-        const fullSelector = SELECTOR_ESCAPE_HATCH_PREFIX + byId(composeId) + ' ' + selector;
-        const ix = findIndex(sheet.cssRules, (cssRule) => cssRule.selectorText === fullSelector);
-        if (ix !== -1) {
-            sheet.deleteRule(ix);
-        }
-        sheet.insertRule(fullSelector + ' { ' + rule + ' }', 0);
-    }
-    // Emit resize events when the recipients area is toggled
-    makeMutationObserverChunkedStream(statusAreaParent, {
-        attributes: true,
-    })
-        .takeUntilBy(stopper)
-        .onValue(() => {
-        gmailComposeView.getElement().dispatchEvent(new CustomEvent('resize', {
-            bubbles: false,
-            cancelable: false,
-            detail: null,
-        }));
-    });
-    resizeEvents
-        .bufferBy(resizeEvents.flatMap(() => delayAsap(null)))
-        .filter((x) => x.length > 0)
-        .merge(makeMutationObserverChunkedStream(scrollBody, {
-        attributes: true,
-    }))
-        .takeUntilBy(stopper)
-        .onValue(() => {
-        const statusUnexpectedHeight = Math.max(statusAreaParent.offsetHeight - MATERIAL_UI_GMAIL_STATUS_HEIGHT, 0);
-        const topFormUnexpectedHeight = Math.max(topForm.offsetHeight - MATERIAL_UI_TOP_FORM_HEIGHT, 0);
-        const unexpectedHeight = statusUnexpectedHeight + topFormUnexpectedHeight;
-        const maybeBody = gmailComposeView.getMaybeBodyElement();
-        /**
-         * In order to support dynamic height in non-fullscreen mode,
-         * get height of the inner element of scrollBody
-         * this way we still can override height values of scrollBody,
-         * but recalculate them based on actual height of an inner child
-         */
-        const scrollBodyInner = scrollBody.querySelector('.qz');
-        const height = scrollBodyInner?.offsetHeight || scrollBody.offsetHeight;
-        const maxHeight = parseInt(scrollBody.style.getPropertyValue('max-height'), 10);
-        const isFullScreen = gmailComposeView.isFullscreen();
-        const newMaxHeight = maxHeight - unexpectedHeight;
-        const newHeight = height > newMaxHeight ? newMaxHeight : null;
-        const scrollBodyCssRules = [`max-height: ${newMaxHeight}px !important;`];
-        let maybeBodyCssRules;
-        if (newHeight) {
-            scrollBodyCssRules.push(`height: ${newHeight}px !important;`);
-        }
-        if (isFullScreen) {
-            // in non fullscreen mode compose window can get taller on user input,
-            // but in fullscreen mode, compose window size is static so not only max-height
-            // should be updated, but also min-height of scrollBody and maybeBody
-            // NOTE: max-height and min-height in full screen are same
-            scrollBodyCssRules.push(`min-height: ${newMaxHeight}px !important;`);
-            const maybeBodyMinHeight = parseInt(maybeBody?.style.minHeight ?? '', 10) || maxHeight;
-            const maybeBodyNewMinHeight = maybeBodyMinHeight - unexpectedHeight;
-            maybeBodyCssRules = `min-height: ${maybeBodyNewMinHeight}px !important;`;
-        }
-        if (scrollBodyCssRules.length > 0) {
-            setRuleForSelector(byId(scrollBody.id), scrollBodyCssRules.join('\n'));
-        }
-        if (maybeBodyCssRules && maybeBody) {
-            setRuleForSelector(byId(maybeBody.id), maybeBodyCssRules);
-        }
-    });
-    stopper.onValue(() => {
-        // Go through the rules array backwards so that we remove them in backwards
-        // order. If we went through in ascending order, we'd have to worry about
-        // the list shrinking out from under us.
-        for (let ix = sheet.cssRules.length - 1; ix >= 0; ix--) {
-            if (startsWith(sheet.cssRules[ix].selectorText, SELECTOR_ESCAPE_HATCH_PREFIX + byId(composeId) + ' ')) {
-                sheet.deleteRule(ix);
-            }
-        }
-    });
-}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/update-insert-more-area-left.js

@@ -1,16 +0,0 @@
-const updateAreaSet = new WeakSet();
-export default function updateInsertMoreAreaLeft(gmailComposeView, oldFormattingAreaOffsetLeft) {
-    if (updateAreaSet.has(gmailComposeView))
-        return;
-    updateAreaSet.add(gmailComposeView);
-    window.requestAnimationFrame(() => {
-        updateAreaSet.delete(gmailComposeView);
-        if (gmailComposeView.isDestroyed())
-            return;
-        var newFormattingAreaOffsetLeft = gmailComposeView._getFormattingAreaOffsetLeft();
-        var insertMoreAreaLeft = parseInt(gmailComposeView.getInsertMoreArea().style.left, 10);
-        var diff = newFormattingAreaOffsetLeft - oldFormattingAreaOffsetLeft;
-        gmailComposeView.getInsertMoreArea().style.left =
-            insertMoreAreaLeft + diff + 'px';
-    });
-}