@inboxsdk/core 1.2.5 → 1.2.7

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-app-toolbar-button-view/monitor-top-banner-size-and-react.js

@@ -1,24 +0,0 @@
-const BANNER_WIDTH_LIMIT = 900;
-export default function monitorTopBannerSizeAndReact() {
-    const ResizeObserver = global.ResizeObserver;
-    if (!ResizeObserver)
-        return;
-    const body = document.body;
-    if (!body)
-        return;
-    const banner = body.querySelector('[role=banner]');
-    if (!banner)
-        return;
-    if (banner.hasAttribute('inboxsdk__resize_claimed'))
-        return;
-    banner.setAttribute('inboxsdk__resize_claimed', 'true');
-    const resizeObserver = new ResizeObserver(() => {
-        if (banner.clientWidth < BANNER_WIDTH_LIMIT) {
-            body.classList.add('inboxsdk__searchIsNarrow');
-        }
-        else {
-            body.classList.remove('inboxsdk__searchIsNarrow');
-        }
-    });
-    resizeObserver.observe(banner);
-}

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

@@ -1,172 +0,0 @@
-import querySelector from '../../../lib/dom/querySelectorOrFail';
-import censorHTMLtree from '../../../../common/censorHTMLtree';
-import kefirStopper from 'kefir-stopper';
-import updateIcon from '../../../driver-common/update-icon';
-import GmailElementGetter from '../gmail-element-getter';
-import GmailTooltipView from '../widgets/gmail-tooltip-view';
-import DropdownView from '../../../widgets/buttons/dropdown-view';
-import monitorTopBannerSizeAndReact from './gmail-app-toolbar-button-view/monitor-top-banner-size-and-react';
-export default class GmailAppToolbarButtonView {
-    _stopper;
-    _iconSettings;
-    _element = null;
-    _activeDropdown;
-    _buttonDescriptor;
-    _driver;
-    constructor(driver, inButtonDescriptor) {
-        this._driver = driver;
-        this._stopper = kefirStopper();
-        this._iconSettings = {};
-        inButtonDescriptor
-            .takeUntilBy(this._stopper)
-            .onValue((buttonDescriptor) => {
-            try {
-                this._handleButtonDescriptor(buttonDescriptor);
-            }
-            catch (err) {
-                this._driver.getLogger().error(err);
-            }
-        });
-        monitorTopBannerSizeAndReact();
-    }
-    destroy() {
-        this._stopper.destroy();
-        if (this._element) {
-            this._element.remove();
-        }
-        if (this._activeDropdown) {
-            this._activeDropdown.close();
-        }
-    }
-    getStopper() {
-        return this._stopper;
-    }
-    getElement() {
-        return this._element;
-    }
-    open() {
-        try {
-            if (!this._activeDropdown) {
-                this._handleClick();
-            }
-        }
-        catch (err) {
-            this._driver.getLogger().error(err);
-        }
-    }
-    close() {
-        try {
-            if (this._activeDropdown) {
-                this._handleClick();
-            }
-        }
-        catch (err) {
-            this._driver.getLogger().error(err);
-        }
-    }
-    _handleButtonDescriptor(buttonDescriptor) {
-        if (!buttonDescriptor) {
-            throw new Error('The application passed an invalid value for buttonDescriptor');
-        }
-        const element = (this._element =
-            this._element ||
-                _createAppButtonElement(this._driver, () => {
-                    this._handleClick();
-                }));
-        this._buttonDescriptor = buttonDescriptor;
-        updateIcon(this._iconSettings, querySelector(element, 'a'), false, buttonDescriptor.iconClass, buttonDescriptor.iconUrl);
-        _updateTitle(querySelector(element, 'span'), buttonDescriptor);
-    }
-    _handleClick() {
-        const element = this._element;
-        if (!element) {
-            // We must have failed to create the element. An error would have already
-            // been logged.
-            return;
-        }
-        const buttonDescriptor = this._buttonDescriptor;
-        if (!buttonDescriptor) {
-            throw new Error('app toolbar button clicked before receiving button descriptor');
-        }
-        if (this._activeDropdown) {
-            this._activeDropdown.close();
-        }
-        else {
-            var appEvent = {};
-            var tooltipView = new GmailTooltipView();
-            tooltipView
-                .getContainerElement()
-                .classList.add('inboxsdk__appButton_tooltip');
-            tooltipView.getContentElement().innerHTML = '';
-            if (buttonDescriptor.arrowColor) {
-                querySelector(tooltipView.getContainerElement(), '.T-P-atC').style.borderTopColor = buttonDescriptor.arrowColor;
-            }
-            appEvent.dropdown = this._activeDropdown = new DropdownView(tooltipView, element, {
-                manualPosition: true,
-            });
-            appEvent.dropdown.on('destroy', () => {
-                this._activeDropdown = null;
-            });
-            if (buttonDescriptor.onClick) {
-                buttonDescriptor.onClick.call(null, appEvent);
-            }
-            if (this._element) {
-                tooltipView.anchor(this._element, {
-                    position: 'bottom',
-                    offset: {
-                        top: 8,
-                    },
-                });
-            }
-        }
-    }
-}
-function _createAppButtonElement(driver, onclick) {
-    const element = document.createElement('div');
-    element.setAttribute('class', 'inboxsdk__appButton');
-    element.innerHTML = `<a href="#">
-               <span class="inboxsdk__appButton_title"></span>
-             </a>`;
-    element.addEventListener('click', (event) => {
-        event.preventDefault();
-        onclick(event);
-    });
-    const topAccountContainer = GmailElementGetter.getTopAccountContainer();
-    if (!topAccountContainer) {
-        const err = new Error('Could not make button');
-        const banner = document.querySelector('[role=banner]');
-        driver.getLogger().error(err, {
-            type: 'failed to make appToolbarButton',
-            gbsfwPresent: !!document.getElementById('gbsfw'),
-            bannerHtml: banner && censorHTMLtree(banner),
-        });
-        throw err;
-    }
-    const insertionElement = topAccountContainer;
-    if (!insertionElement) {
-        const err = new Error('Could not make button');
-        driver.getLogger().error(err, {
-            type: 'failed to make appToolbarButton',
-            topAccountContainerHTML: censorHTMLtree(topAccountContainer),
-        });
-        throw err;
-    }
-    try {
-        if (!GmailElementGetter.isGplusEnabled()) {
-            element.classList.add('inboxsdk__appButton_noGPlus');
-        }
-        insertionElement.insertBefore(element, insertionElement.lastElementChild);
-        return element;
-    }
-    catch (err) {
-        driver.getLogger().error(err, {
-            type: 'failed to make appToolbarButton',
-            insertionElementHTML: censorHTMLtree(insertionElement),
-        });
-        throw err;
-    }
-}
-function _updateTitle(element, descriptor) {
-    element.textContent = descriptor.title;
-    element.className = `inboxsdk__appButton_title ${descriptor.titleClass || ''}`;
-}

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

@@ -1,106 +0,0 @@
-import GmailAttachmentCardView from './gmail-attachment-card-view';
-import ButtonView from '../widgets/buttons/button-view';
-import querySelector from '../../../lib/dom/querySelectorOrFail';
-import BasicButtonViewController from '../../../widgets/buttons/basic-button-view-controller';
-class GmailAttachmentAreaView {
-    _element;
-    _messageViewDriver;
-    _driver;
-    _elsToCardViews;
-    constructor(element, driver, messageViewDriver) {
-        this._driver = driver;
-        this._messageViewDriver = messageViewDriver;
-        this._elsToCardViews = new WeakMap();
-        if (element) {
-            this._element = element;
-        }
-        else {
-            this._setupElement();
-        }
-    }
-    destroy() {
-        this.getAttachmentCardViews().forEach((view) => {
-            view.destroy();
-        });
-    }
-    getElement() {
-        return this._element;
-    }
-    getAttachmentCardViews() {
-        const attachments = this._element.querySelectorAll('.aQH > span');
-        return Array.from(attachments).map((attachment) => {
-            let cardView = this._elsToCardViews.get(attachment);
-            if (!cardView) {
-                cardView = new GmailAttachmentCardView({
-                    element: attachment,
-                }, this._driver, this._messageViewDriver);
-                this._elsToCardViews.set(attachment, cardView);
-            }
-            return cardView;
-        });
-    }
-    _setupElement() {
-        this._element = document.createElement('div');
-        this._element.setAttribute('class', 'hq gt a10');
-        this._element.innerHTML = [
-            '<div class="hp"></div>',
-            '<div class="a3I">Attachments area</div>',
-            '<div></div>',
-            '<div class="aQH">',
-            '<div class="aZK"></div>',
-            '</div>',
-        ].join('');
-    }
-    _createAreaToolbarIfNeeded() {
-        const preexistingToolbar = this._element.querySelector('.ho');
-        if (preexistingToolbar) {
-            return preexistingToolbar;
-        }
-        const toolbar = document.createElement('div');
-        toolbar.className = 'ho';
-        toolbar.innerHTML = `<span class="aVW"><span>${this.getAttachmentCardViews().length}</span> Attachments</span><div class="aZi J-J5-Ji"></div>`;
-        this._element.insertBefore(toolbar, this._element.lastElementChild);
-        this._element.classList.remove('a10');
-        return toolbar;
-    }
-    _updateToolbarCardCount() {
-        const cardCount = this.getAttachmentCardViews().length;
-        if (cardCount > 1) {
-            const toolbar = this._createAreaToolbarIfNeeded();
-            const counter = querySelector(toolbar, '.aVW > span');
-            counter.textContent = String(cardCount);
-        }
-    }
-    addGmailAttachmentCardView(gmailAttachmentCardView) {
-        const zone = this._element.querySelector('.aXK, .aQH');
-        if (!zone) {
-            this._driver
-                .getLogger()
-                .error(new Error('Could not find attachment zone'));
-            return;
-        }
-        zone.insertBefore(gmailAttachmentCardView.getElement(), zone.lastElementChild);
-        this._updateToolbarCardCount();
-    }
-    addButtonToDownloadAllArea(options) {
-        var buttonView = new ButtonView({
-            iconClass: 'T-I-J3',
-            iconUrl: options.iconUrl,
-            tooltip: options.tooltip,
-            hasButtonToLeft: true,
-        });
-        buttonView.addClass('aZj');
-        buttonView.getElement().children[0].className = 'asa';
-        new BasicButtonViewController({
-            activateFunction: () => {
-                if (options.onClick) {
-                    options.onClick();
-                }
-            },
-            buttonView: buttonView,
-        });
-        const toolbar = this._createAreaToolbarIfNeeded();
-        querySelector(toolbar, '.aZi').appendChild(buttonView.getElement());
-    }
-}
-export default GmailAttachmentAreaView;

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

@@ -1,338 +0,0 @@
-import find from 'lodash/find';
-import * as Kefir from 'kefir';
-import kefirStopper from 'kefir-stopper';
-import autoHtml from 'auto-html';
-import fromEventTargetCapture from '../../../lib/from-event-target-capture';
-import querySelector from '../../../lib/dom/querySelectorOrFail';
-import ButtonView from '../widgets/buttons/button-view';
-import BasicButtonViewController from '../../../widgets/buttons/basic-button-view-controller';
-import { simulateClick } from '../../../lib/dom/simulate-mouse-event';
-import waitFor from '../../../lib/wait-for';
-class GmailAttachmentCardView {
-    _element;
-    _driver;
-    _messageViewDriver;
-    _cachedType;
-    _stopper = kefirStopper();
-    _previewClicks = Kefir.pool();
-    constructor(options, driver, messageViewDriver) {
-        this._driver = driver;
-        this._messageViewDriver = messageViewDriver;
-        if (options.element) {
-            this._element = options.element;
-        }
-        else {
-            this._createNewElement(options);
-        }
-    }
-    destroy() {
-        this._stopper.destroy();
-    }
-    getElement() {
-        return this._element;
-    }
-    getMessageViewDriver() {
-        return this._messageViewDriver;
-    }
-    getStopper() {
-        return this._stopper;
-    }
-    getPreviewClicks() {
-        return this._previewClicks.takeUntilBy(this._stopper);
-    }
-    _isStandardAttachment() {
-        return this.getAttachmentType() === 'FILE';
-    }
-    getAttachmentType() {
-        if (this._cachedType) {
-            return this._cachedType;
-        }
-        const type = this._readAttachmentType();
-        if (type !== 'UNLOADED') {
-            this._cachedType = type;
-        }
-        return type;
-    }
-    _readAttachmentType() {
-        if (this._element.classList.contains('inboxsdk__attachmentCard')) {
-            return 'CUSTOM';
-        }
-        // FILE attachment cards are never in unloaded state.
-        if (this._element.children.length === 1 &&
-            this._element.children[0].children.length === 0) {
-            return 'UNLOADED';
-        }
-        const link = this._getDownloadLink();
-        if (!link || link.match(/^https?:\/\/mail\.google\.com\//)) {
-            // Only files and unloaded ever lack a link.
-            return 'FILE';
-        }
-        if (link.match(/^https?:\/\/([^/]*\.)?google(usercontent)?\.com\//)) {
-            return 'DRIVE';
-        }
-        return 'UNKNOWN';
-    }
-    addButton(options) {
-        var buttonView = new ButtonView({
-            iconUrl: options.iconUrl,
-            tooltip: options.tooltip,
-        });
-        new BasicButtonViewController({
-            activateFunction: () => {
-                if (options.onClick) {
-                    options.onClick({
-                        getDownloadURL: () => this.getDownloadURL(),
-                    });
-                }
-            },
-            buttonView: buttonView,
-        });
-        this._addButton(buttonView);
-    }
-    getTitle() {
-        const title = this._element.querySelector('span .aV3');
-        return title ? title.textContent : '';
-    }
-    _getDownloadLink() {
-        const firstChild = this._element
-            .firstElementChild;
-        if (!firstChild)
-            throw new Error('Failed to find link');
-        if (firstChild.tagName !== 'A' || !firstChild.href) {
-            const download_url = this._element.getAttribute('download_url');
-            if (download_url) {
-                const m = /:(https:\/\/[^:]+)/.exec(download_url);
-                return m ? m[1] : null;
-            }
-        }
-        else {
-            const firstChildHref = firstChild.href;
-            if (firstChildHref) {
-                return firstChildHref.replace(/([?&])disp=inline(?=&|$)/, '$1disp=safe');
-            }
-            return firstChildHref;
-        }
-    }
-    // Resolves the short-lived cookie-less download URL
-    async getDownloadURL() {
-        try {
-            if (this._isStandardAttachment()) {
-                const downloadUrl = await waitFor(() => this._getDownloadLink());
-                if (!downloadUrl)
-                    return null;
-                const finalUrl = await this._driver.resolveUrlRedirects(downloadUrl);
-                if (!/^https:\/\/mail-attachment\.googleusercontent\.com\/attachment\//.test(finalUrl)) {
-                    console.error('getDownloadURL returned unexpected url', finalUrl);
-                    const err = new Error('getDownloadURL returned unexpected url');
-                    this._driver.getLogger().error(err, {
-                        finalUrlCensored: finalUrl.replace(/\?[^/]+$/, '?[...]'),
-                    });
-                    if (/^https:\/\/mail\.google\.com\//.test(finalUrl)) {
-                        // This URL definitely isn't right: these URLs generally require
-                        // authentication and shouldn't be returned by getDownloadURL.
-                        throw err;
-                    } // Otherwise, don't throw; only log. Maybe Gmail has changed the URL
-                    // structure and things will just work.
-                }
-                return finalUrl;
-            }
-            else {
-                const downloadButton = this._element.querySelector('[data-inboxsdk-download-url]');
-                return downloadButton
-                    ? downloadButton.getAttribute('data-inboxsdk-download-url')
-                    : null;
-            }
-        }
-        catch (err) {
-            this._driver.getLogger().error(err);
-            throw err;
-        }
-    }
-    _extractFileNameFromElement() {
-        return querySelector(this._element, '.aQA > span').textContent;
-    }
-    _createNewElement(options) {
-        this._element = document.createElement('span');
-        this._element.classList.add('aZo');
-        this._element.classList.add('inboxsdk__attachmentCard');
-        var htmlArray = [
-            autoHtml `
-			<a target="_blank" role="link" class="aQy e" href="">
-				<div aria-hidden="true">
-					<div class="aSG"></div>
-					<div class="aVY aZn">
-						<div class="aZm"></div>
-					</div>
-					<div class="aSH">`,
-        ];
-        if (options.iconThumbnailUrl) {
-            htmlArray = htmlArray.concat([
-                autoHtml `
-				<div class="aYv">
-					<img class="aZG aYw" src="${options.iconThumbnailUrl}">
-				</div>`,
-            ]);
-        }
-        else {
-            htmlArray = htmlArray.concat([
-                autoHtml `
-				<img class="aQG aYB inboxsdk__attachmentCard_previewThumbnailUrl"
-					src="${options.previewThumbnailUrl}">`,
-            ]);
-        }
-        htmlArray = htmlArray.concat([
-            autoHtml `
-			<div class="aYy">
-				<div class="aYA">
-					<img class="aSM" src="${options.fileIconImageUrl}">
-				</div>
-				<div class="aYz">
-					<div class="a12">
-						<div class="aQA">
-							<span class="aV3 a6U"></span>
-						</div>
-						<div class="aYp">
-							<span class="SaH2Ve"></span>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-		<div class="aSI">
-			<div class="aSJ"></div>
-		</div>
-	</div>
-</a>
-<div class="aQw"></div>`,
-        ]);
-        this._element.innerHTML = htmlArray.join('');
-        this._element.children[0].href = options.previewUrl;
-        if (options.mimeType && options.mimeType.split('/')[0] === 'image') {
-            this._element.children[0].classList.add('aZI');
-        }
-        querySelector(this._element, 'span .aV3').textContent = options.title;
-        querySelector(this._element, 'div.aYp > span').textContent =
-            options.description || '';
-        querySelector(this._element, 'div.aSJ').style.borderColor =
-            options.foldColor;
-        this._addHoverEvents();
-        if (options.buttons) {
-            const downloadButton = find(options.buttons, function (button) {
-                return button.downloadUrl;
-            });
-            if (downloadButton) {
-                this._addDownloadButton(downloadButton);
-            }
-            this._addMoreButtons(options.buttons);
-        }
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        var self = this;
-        this._previewClicks.plug(Kefir.fromEvents(this._element, 'click').map((event) => ({
-            preventDefault: () => event.preventDefault(),
-        })));
-        if (options.previewThumbnailUrl && options.failoverPreviewIconUrl) {
-            const previewThumbnailUrlImage = querySelector(this._element, '.inboxsdk__attachmentCard_previewThumbnailUrl');
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            previewThumbnailUrlImage.onerror = (e) => {
-                var iconDiv = document.createElement('div');
-                iconDiv.classList.add('aYv');
-                iconDiv.innerHTML =
-                    '<img class="aZG aYw" src="' + options.failoverPreviewIconUrl + '">';
-                const parent = previewThumbnailUrlImage.parentElement;
-                if (!parent)
-                    throw new Error('Could not find parent element');
-                parent.insertBefore(iconDiv, previewThumbnailUrlImage.nextElementSibling);
-                previewThumbnailUrlImage.remove();
-            };
-        }
-    }
-    _addHoverEvents() {
-        Kefir.merge([
-            Kefir.fromEvents(this._element, 'mouseenter'),
-            fromEventTargetCapture(this._element, 'focus'),
-        ]).onValue(() => {
-            this._element.classList.add('aZp');
-        });
-        Kefir.merge([
-            Kefir.fromEvents(this._element, 'mouseleave'),
-            fromEventTargetCapture(this._element, 'blur'),
-        ]).onValue(() => {
-            this._element.classList.remove('aZp');
-        });
-        const anchor = querySelector(this._element, 'a');
-        Kefir.fromEvents(anchor, 'focus').onValue(() => {
-            anchor.classList.add('a1U');
-        });
-        Kefir.fromEvents(anchor, 'blur').onValue(() => {
-            anchor.classList.remove('a1U');
-        });
-    }
-    _addDownloadButton(options) {
-        const buttonView = new ButtonView({
-            tooltip: 'Download',
-            iconClass: 'aSK J-J5-Ji aYr',
-        });
-        buttonView
-            .getElement()
-            .setAttribute('data-inboxsdk-download-url', options.downloadUrl);
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        const basicButtonViewController = new BasicButtonViewController({
-            activateFunction: function () {
-                let prevented = false;
-                if (options.onClick) {
-                    options.onClick({
-                        preventDefault: function () {
-                            prevented = true;
-                        },
-                    });
-                }
-                if (prevented) {
-                    return;
-                }
-                const downloadLink = document.createElement('a');
-                downloadLink.href = options.downloadUrl;
-                if (options.downloadFilename) {
-                    downloadLink.download = options.downloadFilename;
-                }
-                downloadLink.addEventListener('click', function (e) {
-                    e.stopPropagation();
-                }, true);
-                if (options.openInNewTab) {
-                    downloadLink.setAttribute('target', '_blank');
-                }
-                document.body.appendChild(downloadLink);
-                simulateClick(downloadLink);
-                downloadLink.remove();
-            },
-            buttonView: buttonView,
-        });
-        this._addButton(buttonView);
-    }
-    _addMoreButtons(buttonDescriptors) {
-        (buttonDescriptors || [])
-            .filter(function (buttonDescriptor) {
-            return !buttonDescriptor.downloadUrl;
-        })
-            .forEach((desc) => {
-            this.addButton(desc);
-        });
-    }
-    _addButton(buttonView) {
-        buttonView.addClass('aQv');
-        this._getButtonContainerElement().appendChild(buttonView.getElement());
-    }
-    _getPreviewImageUrl() {
-        var previewImage = this._getPreviewImage();
-        if (!previewImage) {
-            return null;
-        }
-        return previewImage.src;
-    }
-    _getPreviewImage() {
-        return this._element.querySelector('img.aQG');
-    }
-    _getButtonContainerElement() {
-        return querySelector(this._element, '.aQw');
-    }
-}
-export default GmailAttachmentCardView;

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

@@ -1,22 +0,0 @@
-import kefirStopper from 'kefir-stopper';
-class GmailBackdrop {
-    _stopper = kefirStopper();
-    constructor(zIndex = 500, target = document.body) {
-        const el = document.createElement('div');
-        el.className = 'Kj-JD-Jh inboxsdk__modal_overlay';
-        el.style.zIndex = String(zIndex);
-        if (!target)
-            throw new Error('no target');
-        target.appendChild(el);
-        this._stopper.onValue(() => {
-            el.remove();
-        });
-    }
-    getStopper() {
-        return this._stopper;
-    }
-    destroy() {
-        this._stopper.destroy();
-    }
-}
-export default GmailBackdrop;