@inboxsdk/core 1.2.4 → 1.2.7

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-address-changes-stream.js

@@ -1,98 +0,0 @@
-import * as Kefir from 'kefir';
-import makeMutationObserverStream from '../../../../lib/dom/make-mutation-observer-stream';
-import getAddressInformationExtractor from './get-address-information-extractor';
-import { getRecipientRowElements } from './page-parser';
-import toItemWithLifetimeStream from '../../../../lib/toItemWithLifetimeStream';
-export default function getAddressChangesStream(gmailComposeView) {
-    const recipientRowElements = getRecipientRowElements(gmailComposeView.getElement());
-    if (!recipientRowElements || recipientRowElements.length === 0) {
-        return Kefir.never();
-    }
-    const mergedStream = Kefir.merge([
-        _makeSubAddressStream('to', gmailComposeView),
-        _makeSubAddressStream('cc', gmailComposeView),
-        _makeSubAddressStream('bcc', gmailComposeView),
-    ]);
-    const umbrellaStream = mergedStream.map(_groupChangeEvents);
-    return Kefir.merge([
-        mergedStream,
-        umbrellaStream,
-        getFromAddressChangeStream(gmailComposeView),
-    ]);
-}
-function readContactFromElement(contactNode, addressType, gmailComposeView) {
-    if (contactNode.getAttribute('role') === 'option') {
-        // Handling updated compose recipients
-        // https://workspaceupdates.googleblog.com/2021/10/visual-updates-for-composing-email-in-gmail.html
-        return {
-            name: contactNode.getAttribute('data-name'),
-            emailAddress: contactNode.getAttribute('data-hovercard-id'),
-        };
-    }
-    else {
-        return getAddressInformationExtractor(addressType, gmailComposeView)(contactNode);
-    }
-}
-function _makeSubAddressStream(addressType, gmailComposeView) {
-    const contactNodes = gmailComposeView.tagTree.getAllByTag(`${addressType}Recipient`);
-    return toItemWithLifetimeStream(contactNodes).flatMap(({ el, removalStream }) => {
-        const contact = readContactFromElement(el.getValue(), addressType, gmailComposeView);
-        if (!contact) {
-            return Kefir.never();
-        }
-        return Kefir.constant({
-            eventName: `${addressType}ContactAdded`,
-            data: {
-                contact,
-            },
-        }).merge(removalStream.map(() => ({
-            eventName: `${addressType}ContactRemoved`,
-            data: {
-                contact,
-            },
-        })));
-    });
-}
-function _groupChangeEvents(event) {
-    const grouping = {
-        to: {
-            added: [],
-            removed: [],
-        },
-        cc: {
-            added: [],
-            removed: [],
-        },
-        bcc: {
-            added: [],
-            removed: [],
-        },
-    };
-    const parts = event.eventName.split('Contact'); //splits "toContactAdded" => ["to", "Added"]
-    grouping[parts[0]][parts[1].toLowerCase()].push(event.data.contact);
-    return {
-        eventName: 'recipientsChanged',
-        data: grouping,
-    };
-}
-function getFromAddressChangeStream(gmailComposeView) {
-    return Kefir.later(0, null).flatMap(() => {
-        const fromInput = gmailComposeView
-            .getElement()
-            .querySelector('input[name="from"]');
-        return Kefir.constant(_convertToEvent('fromContactChanged', gmailComposeView.getFromContact())).merge(!fromInput
-            ? Kefir.never()
-            : makeMutationObserverStream(fromInput, {
-                attributes: true,
-                attributeFilter: ['value'],
-            }).map(() => _convertToEvent('fromContactChanged', gmailComposeView.getFromContact())));
-    });
-}
-function _convertToEvent(eventName, addressInfo) {
-    return {
-        eventName,
-        data: {
-            contact: addressInfo,
-        },
-    };
-}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-address-information-extractor.js

@@ -1,28 +0,0 @@
-import Logger from '../../../../lib/logger';
-import extractContactFromEmailContactString from '../../../../lib/extract-contact-from-email-contact-string';
-import censorHTMLstring from '../../../../../common/censorHTMLstring';
-export default function getAddressInformationExtractor(addressType, composeView) {
-    return function (node) {
-        const contactNode = node instanceof HTMLInputElement &&
-            node.getAttribute('name') === addressType
-            ? node
-            : node.querySelector(`input[name='${addressType}']`);
-        if (contactNode) {
-            var contactInfoString = contactNode.value;
-            try {
-                return extractContactFromEmailContactString(contactInfoString);
-            }
-            catch (err) {
-                // The user might have typed in a partial address. We can just ignore that.
-                return null;
-            }
-        }
-        else {
-            Logger.error(new Error(`contactNode can't be found`), {
-                addressType,
-                composeViewHtml: censorHTMLstring(composeView.getElement().outerHTML),
-            });
-            return null;
-        }
-    };
-}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-body-changes-stream.js

@@ -1,13 +0,0 @@
-import makeMutationObserverStream from '../../../../lib/dom/make-mutation-observer-stream';
-export default function (gmailComposeView) {
-    var bodyElement = gmailComposeView.getBodyElement();
-    return makeMutationObserverStream(bodyElement, {
-        childList: true,
-        subtree: true,
-        characterData: true,
-    }).map(function () {
-        return {
-            eventName: 'bodyChanged',
-        };
-    });
-}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-formatting-area-offset-left.js

@@ -1,18 +0,0 @@
-import asap from 'asap';
-const leftMap = new WeakMap();
-export default function getFormattingAreaOffsetLeft(gmailComposeView, forceGet) {
-    if (!forceGet) {
-        const existingValue = leftMap.get(gmailComposeView);
-        if (existingValue != null) {
-            return existingValue;
-        }
-    }
-    const formattingArea = gmailComposeView.getFormattingArea();
-    if (!formattingArea) {
-        return 0;
-    }
-    const left = formattingArea.getBoundingClientRect().left;
-    leftMap.set(gmailComposeView, left);
-    asap(() => leftMap.delete(gmailComposeView));
-    return left;
-}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-minimized-stream.js

@@ -1,16 +0,0 @@
-import find from 'lodash/find';
-import udKefir from 'ud-kefir';
-import makeMutationObserverStream from '../../../../lib/dom/make-mutation-observer-stream';
-const fnStream = udKefir(module, getMinimizedStream_);
-export default function getMinimizedStream(gmailComposeView) {
-    return fnStream.flatMapLatest((fn) => fn(gmailComposeView));
-}
-function getMinimizedStream_(gmailComposeView) {
-    const element = gmailComposeView.getElement();
-    const bodyElement = gmailComposeView.getBodyElement();
-    const bodyContainer = find(element.children, (child) => child.contains(bodyElement));
-    return makeMutationObserverStream(bodyContainer, {
-        attributes: true,
-        attributeFilter: ['style'],
-    }).map(() => gmailComposeView.isMinimized());
-}

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

@@ -1,22 +0,0 @@
-import { getRecipientChips } from './page-parser';
-import getAddressInformationExtractor from './get-address-information-extractor';
-import isNotNil from '../../../../lib/isNotNil';
-export default function getRecipients(gmailComposeView, addressType) {
-    const contactNodes = getRecipientChips(gmailComposeView.getElement(), addressType);
-    return Array.from(contactNodes)
-        .map((contactNode) => {
-        if (contactNode.getAttribute('role') === 'option') {
-            // new recipient
-            // https://workspaceupdates.googleblog.com/2021/10/visual-updates-for-composing-email-in-gmail.html
-            return {
-                name: contactNode.getAttribute('data-name'),
-                emailAddress: contactNode.getAttribute('data-hovercard-id'),
-            };
-        }
-        else {
-            // old
-            return getAddressInformationExtractor(addressType, gmailComposeView)(contactNode);
-        }
-    })
-        .filter(isNotNil);
-}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-response-type-changes-stream.js

@@ -1,23 +0,0 @@
-import * as Kefir from 'kefir';
-import Logger from '../../../../lib/logger';
-import makeMutationObserverChunkedStream from '../../../../lib/dom/make-mutation-observer-chunked-stream';
-import querySelector from '../../../../lib/dom/querySelectorOrFail';
-export default function (gmailComposeView) {
-    let responseTypeEl;
-    try {
-        responseTypeEl = querySelector(gmailComposeView.getElement(), '.J-J5-Ji .J-JN-M-I-Jm > img');
-        return makeMutationObserverChunkedStream(responseTypeEl, {
-            attributeFilter: ['class'],
-            attributes: true,
-        }).map(() => ({
-            data: {
-                isForward: gmailComposeView.isForward(),
-            },
-            eventName: 'responseTypeChanged',
-        }));
-    }
-    catch (err) {
-        Logger.error(err);
-        return Kefir.never();
-    }
-}

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

@@ -1,233 +0,0 @@
-import includes from 'lodash/includes';
-import * as Kefir from 'kefir';
-import kefirBus from 'kefir-bus';
-import Logger from '../../../../lib/logger';
-import { simulateHover } from '../../../../lib/dom/simulate-mouse-event';
-import keyboardShortcutStream from '../../../../lib/dom/keyboard-shortcut-stream';
-export default class GmailComposeButtonView {
-    _element = document.createElement('div');
-    _iconElement = document.createElement('div');
-    _iconImgElement;
-    _iconClass;
-    _iconUrl;
-    _tooltip;
-    _hasDropdown;
-    _isEnabled;
-    _keyboardShortcutHandle;
-    _eventStream;
-    constructor(options) {
-        this._isEnabled = options.enabled !== false;
-        this._iconClass = options.iconClass;
-        this._iconUrl = options.iconUrl;
-        this._tooltip = options.tooltip || options.title || options.text;
-        // TODO what is this used for?
-        this._hasDropdown = !!options.hasDropdown;
-        this._keyboardShortcutHandle = options.keyboardShortcutHandle;
-        this._createElement(options);
-        this._eventStream = kefirBus();
-        this._setupEventStream();
-        this._setupAestheticEvents();
-        if (options.enabled !== false) {
-            this._setupKeyboardShortcutEvent();
-        }
-    }
-    destroy() {
-        this._element.remove();
-        this._eventStream.end();
-    }
-    getElement() {
-        return this._element;
-    }
-    getEventStream() {
-        return this._eventStream;
-    }
-    activate() {
-        this.addClass('inboxsdk__composeButton_active');
-    }
-    deactivate() {
-        this.removeClass('inboxsdk__composeButton_active');
-    }
-    addClass(className) {
-        this._element.classList.add(className);
-    }
-    removeClass(className) {
-        this._element.classList.remove(className);
-    }
-    simulateHover() {
-        simulateHover(this._element);
-    }
-    setEnabled(value) {
-        this._setEnabled(value);
-    }
-    isEnabled() {
-        return this._isEnabled;
-    }
-    update(options) {
-        if (!options) {
-            this._element.style.display = 'none';
-            return;
-        }
-        else if (this._element.style.display === 'none') {
-            this._element.style.display = '';
-        }
-        const newTooltip = options.tooltip || options.title || options.text;
-        if (newTooltip != this._tooltip) {
-            this._updateTooltip(newTooltip);
-        }
-        if (options.iconUrl != this._iconUrl) {
-            this._updateIconUrl(options.iconUrl);
-        }
-        if (options.iconClass != this._iconClass) {
-            this._updateIconClass(options.iconClass);
-        }
-        if (options.enabled === false || options.enabled === true) {
-            this._setEnabled(options.enabled);
-        }
-    }
-    _createElement(options) {
-        this._createMainElement(options);
-        this._createIconElement();
-    }
-    _createMainElement(options) {
-        this._element.setAttribute('class', 'inboxsdk__composeButton');
-        if (options.tooltip) {
-            this._element.setAttribute('aria-label', options.tooltip);
-        }
-        this._element.setAttribute('role', 'button');
-        this._element.setAttribute('tabindex', '0');
-        const newTooltip = options.tooltip || options.title || options.text;
-        if (newTooltip) {
-            this._element.setAttribute('data-tooltip', newTooltip);
-        }
-        if (options.enabled === false) {
-            this._element.classList.add('inboxsdk__button_disabled');
-        }
-        if (options.noOverflow) {
-            this._element.setAttribute('data-no-overflow', '');
-        }
-    }
-    _createIconElement() {
-        const iconElement = this._iconElement;
-        if (this._iconClass) {
-            iconElement.innerHTML = ' ';
-            iconElement.setAttribute('class', this._iconClass);
-        }
-        iconElement.classList.add('inboxsdk__button_icon');
-        this._element.appendChild(iconElement);
-        if (this._iconUrl) {
-            this._createIconImgElement();
-        }
-    }
-    _createIconImgElement() {
-        this._iconElement.innerHTML = '';
-        const iconImgElement = (this._iconImgElement =
-            document.createElement('img'));
-        iconImgElement.classList.add('inboxsdk__button_iconImg');
-        if (this._iconUrl) {
-            iconImgElement.src = this._iconUrl;
-        }
-        else {
-            Logger.error(new Error('_createIconImgElement should not be called with null _iconUrl'));
-        }
-        this._iconElement.appendChild(iconImgElement);
-    }
-    _updateTooltip(newTooltip) {
-        this._tooltip = newTooltip;
-        if (newTooltip) {
-            this._element.setAttribute('data-tooltip', newTooltip);
-        }
-        else {
-            this._element.removeAttribute('data-tooltip');
-        }
-    }
-    _updateIconUrl(newIconUrl) {
-        this._iconUrl = newIconUrl;
-        if (!newIconUrl && this._iconImgElement) {
-            this._iconImgElement.remove();
-            this._iconImgElement = null;
-        }
-        else if (newIconUrl && !this._iconImgElement) {
-            this._createIconImgElement();
-        }
-        else if (newIconUrl && this._iconImgElement) {
-            this._iconImgElement.src = newIconUrl;
-        }
-    }
-    _updateIconClass(newIconClass) {
-        this._iconClass = newIconClass;
-        this._iconElement.setAttribute('class', 'inboxsdk__button_icon ' + (newIconClass || ''));
-    }
-    _setEnabled(value) {
-        if (this._isEnabled === value) {
-            return;
-        }
-        this._isEnabled = value;
-        if (this._isEnabled) {
-            this._element.classList.remove('inboxsdk__button_disabled');
-        }
-        else {
-            this._element.classList.add('inboxsdk__button_disabled');
-        }
-        this._eventStream.emit({
-            eventName: 'enabledChanged',
-            isEnabled: this._isEnabled,
-        });
-        if (this._isEnabled) {
-            this._setupKeyboardShortcutEvent();
-        }
-    }
-    _setupEventStream() {
-        const clickEventStream = Kefir.fromEvents(this._element, 'click');
-        clickEventStream.onValue(function (event) {
-            event.stopPropagation();
-            event.preventDefault();
-        });
-        this._eventStream.plug(clickEventStream
-            .filter(() => this.isEnabled())
-            .map(function (event) {
-            return {
-                eventName: 'click',
-                domEvent: event,
-            };
-        }));
-        const isEnterOrSpace = (event) => includes([32 /* space */, 13 /* enter */], event.which);
-        const keydownEventStream = Kefir.fromEvents(this._element, 'keydown').filter(() => this.isEnabled());
-        const enterEventStream = keydownEventStream.filter(isEnterOrSpace);
-        this._eventStream.plug(enterEventStream.map(function (event) {
-            return {
-                eventName: 'click',
-                domEvent: event,
-            };
-        }));
-        enterEventStream.onValue(function (event) {
-            event.stopPropagation();
-            event.preventDefault();
-        });
-    }
-    _setupKeyboardShortcutEvent() {
-        const keyboardShortcutHandle = this._keyboardShortcutHandle;
-        if (keyboardShortcutHandle) {
-            this._eventStream.plug(keyboardShortcutStream(keyboardShortcutHandle.chord)
-                .takeUntilBy(this._eventStream.filter(function (event) {
-                return (event.eventName === 'enabledChanged' &&
-                    event.isEnabled === false);
-            }))
-                .map(function (domEvent) {
-                return {
-                    eventName: 'click',
-                    domEvent: domEvent,
-                };
-            }));
-        }
-    }
-    _setupAestheticEvents() {
-        Kefir.fromEvents(this._element, 'mouseenter')
-            .filter(() => this.isEnabled())
-            .onValue(() => {
-            this._element.classList.add('inboxsdk__button_hover');
-        });
-        Kefir.fromEvents(this._element, 'mouseleave').onValue(() => {
-            this._element.classList.remove('inboxsdk__button_hover');
-        });
-    }
-}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/insert-link-into-body.js

@@ -1,19 +0,0 @@
-export default function insertLinkIntoBody(gmailComposeView, text, href) {
-    return _insertLinkIntoBody(gmailComposeView, text, href);
-}
-function _insertLinkIntoBody(gmailComposeView, text, href) {
-    gmailComposeView.focus();
-    gmailComposeView.getBodyElement().focus();
-    const selection = document.getSelection();
-    if (!selection)
-        throw new Error("selection does't exist, what?");
-    const range = selection.getRangeAt(0);
-    const link = document.createElement('a');
-    link.href = href;
-    range.extractContents();
-    range.insertNode(link);
-    link.textContent = text;
-    selection.selectAllChildren(link);
-    selection.collapseToEnd();
-    return link;
-}