@inboxsdk/core 1.2.4 → 1.2.7

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

@@ -1,103 +0,0 @@
-import includes from 'lodash/includes';
-// only used for constants
-import { NATIVE_ROUTE_IDS, NATIVE_LIST_ROUTE_IDS, ROUTE_TYPES, } from '../../../../constants/router';
-export default class GmailRouteProcessor {
-    _routeNameToRouteIDMap = null;
-    _routeNameToRouteIDMaps = null;
-    _compatibleRouteIDMap = null;
-    constructor() {
-        this._setupRouteNameToRouteIDMap();
-        this._setupCompatibleRouteIDMap();
-    }
-    NativeRouteIDs = NATIVE_ROUTE_IDS;
-    NativeListRouteIDs = NATIVE_LIST_ROUTE_IDS;
-    RouteTypes = ROUTE_TYPES;
-    isListRouteName(routeName) {
-        var routeID = this.getRouteID(routeName);
-        if (!routeID) {
-            return false;
-        }
-        return includes(Object.values(NATIVE_LIST_ROUTE_IDS), routeID);
-    }
-    isSettingsRouteName(routeName) {
-        return (this._routeNameToRouteIDMap[routeName] === this.NativeRouteIDs.SETTINGS);
-    }
-    isContactRouteName(routeName) {
-        return (this._routeNameToRouteIDMap[routeName] === this.NativeRouteIDs.CONTACTS ||
-            this._routeNameToRouteIDMap[routeName] === this.NativeRouteIDs.CONTACT);
-    }
-    getRouteID(routeName) {
-        var routeID = this._routeNameToRouteIDMap[routeName];
-        return routeID ? routeID : null;
-    }
-    getRouteName(routeID) {
-        for (var key in this._routeNameToRouteIDMaps) {
-            if (this._routeNameToRouteIDMap[key] === routeID) {
-                return key;
-            }
-        }
-        return null;
-    }
-    isNativeRoute(routeName) {
-        return !!this._routeNameToRouteIDMap[routeName];
-    }
-    getCompatibleRouteID(routeID) {
-        return this._compatibleRouteIDMap[routeID] || routeID;
-    }
-    _setupRouteNameToRouteIDMap() {
-        this._routeNameToRouteIDMap = {
-            inbox: this.NativeRouteIDs.INBOX,
-            section_query: this.NativeRouteIDs.SEARCH,
-            all: this.NativeRouteIDs.ALL_MAIL,
-            imp: this.NativeRouteIDs.IMPORTANT,
-            contacts: this.NativeRouteIDs.CONTACTS,
-            contact: this.NativeRouteIDs.CONTACT,
-            sent: this.NativeRouteIDs.SENT,
-            starred: this.NativeRouteIDs.STARRED,
-            snoozed: this.NativeRouteIDs.SNOOZED,
-            drafts: this.NativeRouteIDs.DRAFTS,
-            label: this.NativeRouteIDs.LABEL,
-            category: this.NativeRouteIDs.LABEL,
-            search: this.NativeRouteIDs.SEARCH,
-            'advanced-search': this.NativeRouteIDs.SEARCH,
-            trash: this.NativeRouteIDs.TRASH,
-            spam: this.NativeRouteIDs.SPAM,
-            apps: this.NativeRouteIDs.SEARCH,
-            circle: this.NativeRouteIDs.LABEL,
-            settings: this.NativeRouteIDs.SETTINGS,
-            chats: this.NativeRouteIDs.CHATS,
-            // new Gmail stuff
-            scheduled: this.NativeRouteIDs.SCHEDULED,
-            // these are added as part of new gmail redesign -- FEB 2023
-            chat: this.NativeRouteIDs.CHAT_WELCOME,
-            rooms: this.NativeRouteIDs.SPACES_WELCOME,
-            calls: this.NativeRouteIDs.MEET,
-        };
-    }
-    _setupCompatibleRouteIDMap() {
-        this._compatibleRouteIDMap = {};
-        this._compatibleRouteIDMap[this.NativeRouteIDs.INBOX] = 'inbox/p:page';
-        this._compatibleRouteIDMap[this.NativeRouteIDs.ALL_MAIL] = 'all/p:page';
-        this._compatibleRouteIDMap[this.NativeRouteIDs.SENT] = 'sent/p:page';
-        this._compatibleRouteIDMap[this.NativeRouteIDs.STARRED] = 'starred/p:page';
-        this._compatibleRouteIDMap[this.NativeRouteIDs.DRAFTS] = 'drafts/p:page';
-        this._compatibleRouteIDMap[this.NativeRouteIDs.LABEL] =
-            'label/:labelName/p:page';
-        this._compatibleRouteIDMap[this.NativeRouteIDs.TRASH] = 'trash/p:page';
-        this._compatibleRouteIDMap[this.NativeRouteIDs.SPAM] = 'spam/p:page';
-        this._compatibleRouteIDMap[this.NativeRouteIDs.IMPORTANT] = 'imp/p:page';
-        this._compatibleRouteIDMap[this.NativeRouteIDs.SEARCH] =
-            'search/:query/p:page';
-        this._compatibleRouteIDMap[this.NativeRouteIDs.THREAD] =
-            this.NativeRouteIDs.THREAD;
-        this._compatibleRouteIDMap[this.NativeRouteIDs.CHATS] = 'chats/p:page';
-        this._compatibleRouteIDMap[this.NativeRouteIDs.CHAT] =
-            this.NativeRouteIDs.CHAT;
-        this._compatibleRouteIDMap[this.NativeRouteIDs.CONTACTS] =
-            'contacts/p:page';
-        this._compatibleRouteIDMap[this.NativeRouteIDs.CONTACT] =
-            this.NativeRouteIDs.CONTACT;
-        this._compatibleRouteIDMap[this.NativeRouteIDs.SETTINGS] =
-            this.NativeRouteIDs.SETTINGS;
-    }
-}

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

@@ -1,508 +0,0 @@
-import includes from 'lodash/includes';
-import last from 'lodash/last';
-import once from 'lodash/once';
-import * as Kefir from 'kefir';
-import kefirStopper from 'kefir-stopper';
-import kefirBus from 'kefir-bus';
-import { parse } from 'querystring';
-import asap from 'asap';
-import makeElementChildStream from '../../../../lib/dom/make-element-child-stream';
-import makeElementViewStream from '../../../../lib/dom/make-element-view-stream';
-import makeMutationObserverChunkedStream from '../../../../lib/dom/make-mutation-observer-chunked-stream';
-import getInsertBeforeElement from '../../../../lib/dom/get-insert-before-element';
-import GmailRowListView from '../gmail-row-list-view';
-import GmailThreadView from '../gmail-thread-view';
-import GmailCollapsibleSectionView from '../gmail-collapsible-section-view';
-import GmailElementGetter from '../../gmail-element-getter';
-import { simulateClick } from '../../../../lib/dom/simulate-mouse-event';
-import querySelector from '../../../../lib/dom/querySelectorOrFail';
-class GmailRouteView {
-    _type;
-    _hash;
-    _name;
-    _paramsArray;
-    _customRouteID;
-    _stopper = kefirStopper();
-    _rowListViews;
-    _gmailRouteProcessor;
-    _driver;
-    _eventStream;
-    _customViewElement;
-    _threadView;
-    _sectionsContainer;
-    _hasAddedCollapsibleSection;
-    _cachedRouteData;
-    constructor({ urlObject, type, routeID, cachedRouteData }, gmailRouteProcessor, driver) {
-        // Check we implement interface
-        this;
-        this._type = type;
-        this._hash = urlObject.hash;
-        this._name = urlObject.name;
-        this._paramsArray = urlObject.params;
-        this._customRouteID = routeID;
-        this._cachedRouteData = cachedRouteData;
-        this._stopper = kefirStopper();
-        this._rowListViews = [];
-        this._gmailRouteProcessor = gmailRouteProcessor;
-        this._driver = driver;
-        this._eventStream = kefirBus();
-        this._hasAddedCollapsibleSection = false;
-        if (this._type === 'CUSTOM') {
-            this._setupCustomViewElement();
-            driver
-                .getStopper()
-                .takeUntilBy(this._stopper.delay(0))
-                .onValue(() => {
-                driver.showNativeRouteView();
-                window.location.hash = '#inbox';
-            });
-        }
-        else if (includes(['NATIVE', 'CUSTOM_LIST'], this._type)) {
-            this._setupSubViews();
-        }
-        if (this._type === 'CUSTOM_LIST') {
-            Kefir.later(500, undefined)
-                .takeUntilBy(this._stopper)
-                .onValue(() => {
-                var last = driver.getLastCustomThreadListActivity();
-                if (!last ||
-                    last.customRouteID !== this._customRouteID ||
-                    Date.now() - last.timestamp > 5000) {
-                    this.refresh();
-                }
-            });
-        }
-    }
-    destroy() {
-        this._stopper.destroy();
-        this._eventStream.end();
-        if (this._customViewElement) {
-            this._customViewElement.remove();
-        }
-        var rowListViews = this._rowListViews;
-        this._rowListViews = [];
-        rowListViews.forEach((view) => {
-            view.destroy();
-        });
-        if (this._threadView) {
-            this._threadView.destroy();
-            this._threadView = null;
-        }
-    }
-    getHash() {
-        return this._hash;
-    }
-    getEventStream() {
-        return this._eventStream;
-    }
-    getStopper() {
-        return this._stopper;
-    }
-    getCustomViewElement() {
-        return this._customViewElement;
-    }
-    getRowListViews() {
-        return this._rowListViews;
-    }
-    getThreadView() {
-        return this._threadView;
-    }
-    getType() {
-        if (this._type === 'OTHER_APP_CUSTOM') {
-            return 'CUSTOM';
-        }
-        else {
-            return this._type;
-        }
-    }
-    isCustomRouteBelongingToApp() {
-        return this._type === 'CUSTOM';
-    }
-    getParams = once(() => {
-        let params;
-        if (this._customRouteID) {
-            params = this._getCustomParams();
-        }
-        else {
-            params = this._getNativeParams();
-            const routeID = this.getRouteID();
-            if (routeID) {
-                const routeIDParams = this._extractParamKeysFromRouteID(routeID);
-                const routeParams = {};
-                routeIDParams.forEach(function (param) {
-                    if (params[param]) {
-                        routeParams[param] = params[param];
-                    }
-                });
-                params = routeParams;
-            }
-        }
-        return Object.freeze(params);
-    });
-    addCollapsibleSection(sectionDescriptorProperty, groupOrderHint) {
-        return this._addCollapsibleSection(sectionDescriptorProperty, groupOrderHint, true);
-    }
-    addSection(sectionDescriptorProperty, groupOrderHint) {
-        return this._addCollapsibleSection(sectionDescriptorProperty, groupOrderHint, false);
-    }
-    _addCollapsibleSection(collapsibleSectionDescriptorProperty, groupOrderHint, isCollapsible) {
-        this._hasAddedCollapsibleSection = true;
-        var gmailResultsSectionView = new GmailCollapsibleSectionView(this._driver, groupOrderHint, this.getRouteID() === this._gmailRouteProcessor.NativeRouteIDs.SEARCH, isCollapsible);
-        var sectionsContainer = this._getSectionsContainer();
-        gmailResultsSectionView
-            .getEventStream()
-            .filter(function (event) {
-            return event.type === 'update' && event.property === 'orderHint';
-        })
-            .onValue(function () {
-            var children = sectionsContainer.children;
-            var insertBeforeElement = getInsertBeforeElement(gmailResultsSectionView.getElement(), children, ['data-group-order-hint', 'data-order-hint']);
-            if (insertBeforeElement) {
-                sectionsContainer.insertBefore(gmailResultsSectionView.getElement(), insertBeforeElement);
-            }
-            else {
-                sectionsContainer.appendChild(gmailResultsSectionView.getElement());
-            }
-        });
-        gmailResultsSectionView.setCollapsibleSectionDescriptorProperty(collapsibleSectionDescriptorProperty);
-        return gmailResultsSectionView;
-    }
-    _setupCustomViewElement() {
-        this._customViewElement = document.createElement('div');
-        this._customViewElement.classList.add('inboxsdk__custom_view_element');
-        this._monitorLeftNavHeight();
-        this._setCustomViewElementHeight();
-    }
-    _monitorLeftNavHeight() {
-        var leftNav = GmailElementGetter.getLeftNavHeightElement();
-        if (!leftNav) {
-            return;
-        }
-        makeMutationObserverChunkedStream(leftNav, {
-            attributes: true,
-            attributeFilter: ['style'],
-        })
-            .takeUntilBy(this._stopper)
-            .onValue(() => {
-            this._setCustomViewElementHeight();
-        });
-    }
-    _setCustomViewElementHeight() {
-        const leftNav = GmailElementGetter.getLeftNavHeightElement();
-        const gtalkButtons = GmailElementGetter.getGtalkButtons();
-        const customViewEl = this._customViewElement;
-        if (!leftNav || !customViewEl)
-            throw new Error('Should not happen');
-        const contentSectionElement = GmailElementGetter.getContentSectionElement();
-        const contentSectionElementBottomMargin = contentSectionElement
-            ? parseInt(getComputedStyle(contentSectionElement).marginBottom, 10)
-            : 0;
-        customViewEl.style.height = `${parseInt(leftNav.style.height, 10) +
-            (gtalkButtons ? gtalkButtons.offsetHeight : 0) -
-            contentSectionElementBottomMargin}px`;
-    }
-    _setupSubViews() {
-        asap(() => {
-            if (!this._eventStream)
-                return;
-            this._setupRowListViews();
-            this._setupContentAndSidebarView();
-            this._setupScrollStream();
-        });
-    }
-    _setupRowListViews() {
-        var rowListElements = GmailElementGetter.getRowListElements();
-        Array.prototype.forEach.call(rowListElements, (rowListElement) => {
-            this._processRowListElement(rowListElement);
-        });
-    }
-    _processRowListElement(rowListElement) {
-        var rootElement = rowListElement.parentElement;
-        if (!rootElement)
-            throw new Error('no rootElement');
-        var gmailRowListView = new GmailRowListView(rootElement, this, this._driver);
-        this._rowListViews.push(gmailRowListView);
-        this._eventStream.emit({
-            eventName: 'newGmailRowListView',
-            view: gmailRowListView,
-        });
-    }
-    _setupContentAndSidebarView() {
-        const threadContainerElement = this._getThreadContainerElement();
-        if (threadContainerElement) {
-            var gmailThreadView = new GmailThreadView(threadContainerElement, this, this._driver);
-            this._threadView = gmailThreadView;
-            this._eventStream.emit({
-                eventName: 'newGmailThreadView',
-                view: gmailThreadView,
-            });
-        }
-        else {
-            // This element is always present in thread lists, but it only has contents
-            // when in preview pane mode. We want to monitor it in either case
-            // because the user could switch into preview pane mode.
-            const previewPaneContainer = document.querySelector('div[role=main] .aia');
-            if (previewPaneContainer) {
-                this._startMonitoringPreviewPaneForThread(previewPaneContainer);
-            }
-        }
-    }
-    _setupScrollStream() {
-        const SCROLL_DEBOUNCE_MS = 100;
-        const scrollContainer = GmailElementGetter.getScrollContainer();
-        const { scrollTop: cachedScrollTop } = this._cachedRouteData;
-        if (scrollContainer && this._hasAddedCollapsibleSection) {
-            if (cachedScrollTop) {
-                scrollContainer.scrollTop = cachedScrollTop;
-            }
-            Kefir.fromEvents(scrollContainer, 'scroll')
-                .throttle(SCROLL_DEBOUNCE_MS)
-                .map((e) => e.target.scrollTop)
-                .takeUntilBy(this._stopper)
-                .onValue((scrollTop) => {
-                this._cachedRouteData.scrollTop = scrollTop;
-            });
-        }
-    }
-    _startMonitoringPreviewPaneForThread(previewPaneContainer) {
-        const threadContainerTableElement = querySelector(previewPaneContainer, 'table.Bs > tr');
-        const elementStream = makeElementChildStream(threadContainerTableElement).filter((event) => !!event.el.querySelector('.if') ||
-            !!event.el.querySelector('.PeIF1d') ||
-            !!event.el.querySelector('.a98.iY'));
-        this._eventStream.plug(elementStream
-            .flatMap(makeElementViewStream((element) => new GmailThreadView(element, this, this._driver, true)))
-            .map((view) => {
-            this._threadView = view;
-            return {
-                eventName: 'newGmailThreadView',
-                view: view,
-            };
-        }));
-    }
-    _getSectionsContainer() {
-        const main = document.querySelector("div[role='main']");
-        if (!main)
-            throw new Error('should not happen');
-        let sectionsContainer = main.querySelector('.inboxsdk__custom_sections');
-        if (!sectionsContainer) {
-            sectionsContainer = this._sectionsContainer =
-                document.createElement('div');
-            sectionsContainer.classList.add('inboxsdk__custom_sections');
-            main.insertBefore(sectionsContainer, main.firstChild);
-        }
-        else if (sectionsContainer.classList.contains('Wc') &&
-            !this._isSearchRoute()) {
-            sectionsContainer.classList.remove('Wc');
-        }
-        return sectionsContainer;
-    }
-    _getCustomParams() {
-        var params = Object.create(null);
-        if (!this._customRouteID)
-            throw new Error("Should not happen, can't get custom params for non-custom view");
-        this._customRouteID
-            .split('/')
-            .slice(1)
-            .forEach((part, index) => {
-            if (part[0] !== ':') {
-                return;
-            }
-            part = part.substring(1);
-            if (this._paramsArray[index]) {
-                params[part] = this._paramsArray[index];
-            }
-        });
-        return params;
-    }
-    _getNativeParams() {
-        if (this._isSearchRoute()) {
-            return this._getSearchRouteParams();
-        }
-        else if (this._isListRoute()) {
-            return this._getListRouteParams();
-        }
-        else if (this._isThreadRoute()) {
-            return this._getThreadRouteParams();
-        }
-        else if (this._isSettingsRoute()) {
-            return this._getSettingsRouteParams();
-        }
-        return {};
-    }
-    _isSearchRoute() {
-        return (this.getRouteID() === this._gmailRouteProcessor.NativeRouteIDs.SEARCH);
-    }
-    /* FEB 2023 */
-    _isChatWelcomeRoute() {
-        return this._hash === this._gmailRouteProcessor.NativeRouteIDs.CHAT_WELCOME;
-    }
-    _isChatDmRoute() {
-        return (this._name === 'chat' &&
-            this._paramsArray?.[0] === 'dm' &&
-            !!this._paramsArray?.[1]);
-    }
-    _isSpacesWelcomeRoute() {
-        return (this._hash === this._gmailRouteProcessor.NativeRouteIDs.SPACES_WELCOME);
-    }
-    _isSpaceRoute() {
-        return (this._name === 'chat' &&
-            this._paramsArray?.[0] === 'space' &&
-            !!this._paramsArray?.[1]);
-    }
-    _isMeetRoute() {
-        return this._hash === this._gmailRouteProcessor.NativeRouteIDs.MEET;
-    }
-    /* end FEB 2023 */
-    getRouteType() {
-        if (includes(['CUSTOM', 'OTHER_APP_CUSTOM'], this._type)) {
-            return this._gmailRouteProcessor.RouteTypes.CUSTOM;
-        }
-        else if (this._isListRoute()) {
-            return this._gmailRouteProcessor.RouteTypes.LIST;
-        }
-        else if (this._isThreadRoute()) {
-            return this._gmailRouteProcessor.RouteTypes.THREAD;
-        }
-        else if (this._isSettingsRoute()) {
-            return this._gmailRouteProcessor.RouteTypes.SETTINGS;
-        }
-        else if (this._isChatWelcomeRoute() || this._isChatDmRoute()) {
-            return this._gmailRouteProcessor.RouteTypes.CHAT;
-        }
-        else if (this._isSpacesWelcomeRoute() || this._isSpaceRoute()) {
-            return this._gmailRouteProcessor.RouteTypes.SPACE;
-        }
-        else if (this._isMeetRoute()) {
-            return this._gmailRouteProcessor.RouteTypes.MEET;
-        }
-        return this._gmailRouteProcessor.RouteTypes.UNKNOWN;
-    }
-    _isThreadRoute() {
-        return !!this._getThreadContainerElement();
-    }
-    _isListRoute() {
-        var rowListElements = GmailElementGetter.getRowListElements();
-        return ((this._type === 'CUSTOM_LIST' ||
-            this._gmailRouteProcessor.isListRouteName(this._name)) &&
-            rowListElements &&
-            rowListElements.length > 0);
-    }
-    _isSettingsRoute() {
-        return this._gmailRouteProcessor.isSettingsRouteName(this._name);
-    }
-    _getSearchRouteParams() {
-        return {
-            query: this._paramsArray[0],
-            includesDriveResults: this._name === 'apps',
-            page: this._getPageParam(),
-        };
-    }
-    _getListRouteParams() {
-        var params = {
-            page: this._getPageParam(),
-        };
-        if (this.getRouteID() === this._gmailRouteProcessor.NativeRouteIDs.LABEL &&
-            this._paramsArray[0]) {
-            params.labelName = this._paramsArray[0];
-        }
-        return params;
-    }
-    _getThreadRouteParams() {
-        if (this._paramsArray && this._paramsArray.length > 0) {
-            const threadID = last(this._paramsArray);
-            if (threadID &&
-                (threadID.length === 16 || //for old hex style
-                    threadID[0] === '#') //new sync style thread id
-            ) {
-                return {
-                    threadID: threadID.replace('#', ''),
-                };
-            }
-        }
-        const threadContainerElement = this._getThreadContainerElement();
-        let threadID;
-        if (threadContainerElement) {
-            try {
-                threadID = this._driver
-                    .getPageCommunicator()
-                    .getCurrentThreadID(threadContainerElement);
-            }
-            catch (err) {
-                // leave threadID null to be set below
-            }
-        }
-        if (!threadID) {
-            // Happens if gmonkey isn't available, like on a standalone thread page.
-            threadID = parse(document.location.search, null, null).th || '';
-        }
-        return {
-            threadID,
-        };
-    }
-    _getSettingsRouteParams() {
-        return {
-            tabName: this._paramsArray[0],
-        };
-    }
-    _getPageParam() {
-        for (var ii = 1; ii < this._paramsArray.length; ii++) {
-            if (this._paramsArray[ii].match(/p\d+/)) {
-                return parseInt(this._paramsArray[ii].replace(/[a-zA-Z]/, ''), 10);
-            }
-        }
-        return 1;
-    }
-    getRouteID() {
-        if (this._customRouteID) {
-            return this._customRouteID;
-        }
-        else if (this._isThreadRoute()) {
-            return this._gmailRouteProcessor.NativeRouteIDs.THREAD;
-        }
-        else if (this._isChatWelcomeRoute()) {
-            return this._gmailRouteProcessor.NativeRouteIDs.CHAT_WELCOME;
-        }
-        else if (this._isChatDmRoute()) {
-            return this._gmailRouteProcessor.NativeRouteIDs.CHAT_DM;
-        }
-        else if (this._isSpacesWelcomeRoute()) {
-            return this._gmailRouteProcessor.NativeRouteIDs.SPACES_WELCOME;
-        }
-        else if (this._isSpaceRoute()) {
-            return this._gmailRouteProcessor.NativeRouteIDs.SPACE;
-        }
-        else {
-            return this._gmailRouteProcessor.getRouteID(this._name);
-        }
-    }
-    // Used to click gmail refresh button in thread lists
-    refresh() {
-        var el = GmailElementGetter.getToolbarElement().querySelector('div.T-I.nu');
-        if (el) {
-            var prevActive = document.activeElement;
-            var prevClassName = el.className;
-            simulateClick(el);
-            el.className = prevClassName; // remove the gmail focus class
-            if (prevActive) {
-                prevActive.focus();
-            }
-            else {
-                el.blur();
-            }
-        }
-    }
-    /** @deprecated */
-    setFullWidth() {
-        // The setFullWidth method does not do anything in Gmail
-    }
-    _extractParamKeysFromRouteID(routeID) {
-        return routeID
-            .split('/')
-            .filter((part) => part[0] === ':')
-            .map((part) => part.substring(1));
-    }
-    _getThreadContainerElement = once(() => {
-        return GmailElementGetter.getThreadContainerElement();
-    });
-}
-export default GmailRouteView;