@inboxsdk/core 1.2.5 → 1.2.8-0

package/src/platform-implementation-js/platform-implementation.js

@@ -1,178 +0,0 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
-import SafeEventEmitter from './lib/safe-event-emitter';
-import { BUILD_VERSION } from '../common/version';
-import get from '../common/get-or-fail';
-import Membrane from './lib/Membrane';
-import AttachmentCardView from './views/conversations/attachment-card-view';
-import GmailAttachmentCardView from './dom-driver/gmail/views/gmail-attachment-card-view';
-import MessageView from './views/conversations/message-view';
-import GmailMessageView from './dom-driver/gmail/views/gmail-message-view';
-import ThreadView from './views/conversations/thread-view';
-import GmailThreadView from './dom-driver/gmail/views/gmail-thread-view';
-import ThreadRowView from './views/thread-row-view';
-import GmailThreadRowView from './dom-driver/gmail/views/gmail-thread-row-view';
-import ComposeView from './views/compose-view';
-import GmailComposeView from './dom-driver/gmail/views/gmail-compose-view';
-import DummyRouteViewDriver from './views/route-view/dummy-route-view-driver';
-import RouteView from './views/route-view/route-view';
-import GmailRouteView from './dom-driver/gmail/views/gmail-route-view/gmail-route-view';
-import ButterBar from './namespaces/butter-bar';
-import Compose from './namespaces/compose';
-import Conversations from './namespaces/conversations';
-import Keyboard from './namespaces/keyboard';
-import Widgets from './namespaces/widgets';
-import Modal from './namespaces/modal';
-import Lists from './namespaces/lists';
-import NavMenu from './namespaces/nav-menu';
-import AppMenu from './namespaces/app-menu';
-import Router from './namespaces/router';
-import Search from './namespaces/search';
-import Toolbars from './namespaces/toolbars';
-import User from './namespaces/user';
-import Global from './namespaces/global';
-import GmailDriver from './dom-driver/gmail/gmail-driver';
-import Logger from './lib/logger';
-import isValidAppId from './lib/is-valid-app-id';
-const loadedAppIds = new Set();
-const memberMap = new WeakMap();
-export class PlatformImplementation extends SafeEventEmitter {
-    destroyed;
-    LOADER_VERSION;
-    IMPL_VERSION;
-    Compose;
-    Conversations;
-    Keyboard;
-    User;
-    Lists;
-    NavMenu;
-    AppMenu;
-    Router;
-    Search;
-    Toolbars;
-    ButterBar;
-    Widgets;
-    Global;
-    Modal;
-    Logger;
-    constructor(driver, appId, piOpts) {
-        super();
-        const { appName, appIconUrl, VERSION: LOADER_VERSION } = piOpts;
-        const members = {
-            driver,
-        };
-        memberMap.set(this, members);
-        if (process.env.NODE_ENV !== 'production') {
-            this._members = members;
-        }
-        const membrane = new Membrane([
-            [
-                GmailComposeView,
-                (viewDriver) => new ComposeView(driver, viewDriver, membrane),
-            ],
-            [
-                GmailAttachmentCardView,
-                (viewDriver) => new AttachmentCardView(viewDriver, driver, membrane),
-            ],
-            [
-                GmailMessageView,
-                (viewDriver) => new MessageView(viewDriver, appId, membrane, this.Conversations, driver),
-            ],
-            [
-                GmailThreadView,
-                (viewDriver) => new ThreadView(viewDriver, appId, driver, membrane),
-            ],
-            [GmailThreadRowView, (viewDriver) => new ThreadRowView(viewDriver)],
-            [GmailRouteView, (viewDriver) => new RouteView(viewDriver)],
-            [DummyRouteViewDriver, (viewDriver) => new RouteView(viewDriver)],
-        ]);
-        this.destroyed = false;
-        this.LOADER_VERSION = LOADER_VERSION;
-        this.IMPL_VERSION = BUILD_VERSION;
-        this.ButterBar = new ButterBar(appId, driver);
-        driver.setButterBar(this.ButterBar);
-        this.Compose = new Compose(driver, membrane);
-        this.Conversations = new Conversations(appId, driver, membrane);
-        this.Keyboard = new Keyboard(appId, appName, appIconUrl, driver);
-        this.User = new User(driver, piOpts);
-        this.Lists = new Lists(appId, driver, membrane);
-        this.NavMenu = new NavMenu(appId, driver);
-        this.AppMenu = new AppMenu(driver);
-        this.Router = new Router(appId, driver, membrane);
-        this.Search = new Search(appId, driver);
-        this.Toolbars = new Toolbars(appId, driver, membrane, piOpts);
-        this.Widgets = new Widgets(appId, driver);
-        if (piOpts.REQUESTED_API_VERSION === 1) {
-            // Modal is deprecated; just drop it when apps switch to the next version
-            // whenever we start that.
-            this.Modal = new Modal(appId, driver, piOpts);
-        }
-        if (piOpts.REQUESTED_API_VERSION >= 2) {
-            // new Global namespace only available in v2 or above
-            this.Global = new Global(appId, driver, piOpts);
-        }
-        this.Logger = driver.getLogger().getAppLogger();
-    }
-    destroy() {
-        if (!this.destroyed) {
-            this.destroyed = true;
-            get(memberMap, this).driver.destroy();
-            this.emit('destroy');
-        }
-    }
-}
-// returns a promise for the PlatformImplementation object
-export function makePlatformImplementation(appId, _opts, envData) {
-    if (typeof appId !== 'string') {
-        throw new Error('appId must be a string');
-    }
-    const opts = {
-        // defaults
-        globalErrorLogging: true,
-        eventTracking: true,
-        inboxBeta: false,
-        ..._opts,
-    };
-    opts.REQUESTED_API_VERSION = +opts.REQUESTED_API_VERSION;
-    switch (opts.REQUESTED_API_VERSION) {
-        case 2:
-            opts.inboxBeta = true;
-            break;
-        case 1:
-            break;
-        default:
-            throw new Error('InboxSDK: Unsupported API version ' + opts.REQUESTED_API_VERSION);
-    }
-    const LOADER_VERSION = opts.VERSION;
-    const IMPL_VERSION = BUILD_VERSION;
-    const logger = new Logger(appId, opts, LOADER_VERSION, IMPL_VERSION);
-    const origin = (process.env.NODE_ENV === 'test' && global.__test_origin) ||
-        document.location.origin;
-    if (origin !== 'https://mail.google.com') {
-        // never resolve
-        return new Promise(() => { });
-    }
-    const driver = new GmailDriver(appId, LOADER_VERSION, IMPL_VERSION, logger, opts, envData);
-    return driver.onready.then(() => {
-        if (!isValidAppId(appId)) {
-            console.error(`
-===========================================================
-InboxSDK: You have loaded InboxSDK with an invalid appId:
-${appId}
-Registering an appId is free. Please see
-https://www.inboxsdk.com/docs/#RequiredSetup
-===========================================================
-`);
-            driver.showAppIdWarning();
-        }
-        if (driver.isRunningInPageContext()) {
-            console.warn('Running the InboxSDK outside of an extension content script is not recommended!');
-        }
-        logger.eventSdkPassive('instantiate');
-        const pi = new PlatformImplementation(driver, appId, opts);
-        if (!loadedAppIds.has(appId)) {
-            loadedAppIds.add(appId);
-            logger.eventSdkPassive('load');
-        }
-        return pi;
-    });
-}

package/src/platform-implementation-js/views/SimpleElementView.js

@@ -1,16 +0,0 @@
-import SafeEventEmitter from '../lib/safe-event-emitter';
-export default class SimpleElementView extends SafeEventEmitter {
-    el;
-    destroyed = false;
-    constructor(el) {
-        super();
-        this.el = el;
-    }
-    destroy() {
-        if (this.destroyed)
-            return;
-        this.destroyed = true;
-        this.emit('destroy');
-        this.el.remove();
-    }
-}

package/src/platform-implementation-js/views/app-menu-item-view.js

@@ -1,442 +0,0 @@
-import Kefir from 'kefir';
-import kefirBus from 'kefir-bus';
-import cx from 'classnames';
-import EventEmitter from '../lib/safe-event-emitter';
-import { GmailAppMenuItemView, NATIVE_CLASS, INBOXSDK_CLASS, ICON_ELEMENT_SELECTOR, } from '../dom-driver/gmail/views/gmail-app-menu-item-view';
-import { NATIVE_CLASS as PANEL_NATIVE_CLASS, CollapsiblePanelView, } from './collapsible-panel-view';
-import { addCollapsiblePanel } from '../dom-driver/gmail/gmail-driver/add-collapsible-panel';
-import GmailElementGetter from '../dom-driver/gmail/gmail-element-getter';
-import defer from '../../common/defer';
-var NativeAppMenuClassName;
-(function (NativeAppMenuClassName) {
-    NativeAppMenuClassName["MAIL"] = "XJ";
-    NativeAppMenuClassName["CHAT"] = "ao4";
-    NativeAppMenuClassName["SPACES"] = "aIt";
-    NativeAppMenuClassName["MEET"] = "adZ";
-})(NativeAppMenuClassName || (NativeAppMenuClassName = {}));
-// Native Gmail menu button => the panel class names mapping
-const nativeButtonToPanelMap = new Map([
-    [NativeAppMenuClassName.MAIL, 'aIH'],
-    [NativeAppMenuClassName.CHAT, 'arL'],
-    [NativeAppMenuClassName.SPACES, 'arM'],
-    [NativeAppMenuClassName.MEET, undefined], // Meet
-]);
-/**
- * Mail routes list is not exhaustive
- */
-const MAIL_ROUTES = ['inbox/:page'];
-const CHAT_ROUTES = ['chat/welcome', 'chat/dm/:chatID'];
-const SPACES_ROUTES = ['rooms/welcome', 'chat/space/:spaceID'];
-const MEET_ROUTES = ['calls'];
-const routeIDtoMenuItemClass = Object.fromEntries([
-    ...MAIL_ROUTES.map((route) => [route, NativeAppMenuClassName.MAIL]),
-    ...CHAT_ROUTES.map((route) => [route, NativeAppMenuClassName.CHAT]),
-    ...SPACES_ROUTES.map((route) => [route, NativeAppMenuClassName.SPACES]),
-    ...MEET_ROUTES.map((route) => [route, NativeAppMenuClassName.MEET]),
-]);
-/**
- * Each AppMenuItemView represents an entry in the app menu of Gmail. Typically the main action of a AppMenuItemView is performed when the user clicks or hovers on the app menu item.
- *
- * @note Contains both a native Gmail app menu item and a collapsible panel.
- */
-class AppMenuItemView extends EventEmitter {
-    static #menuItemChangeStream = Kefir.pool();
-    static #menuItemChangeBus = kefirBus();
-    static #menuItemAddedDeferred = defer();
-    static #routeViewDriverStream;
-    static #menuItemToPanelMap = new Map();
-    static #appMenuItemViews = new Set();
-    static #getActivePanel() {
-        const appMenuElement = GmailElementGetter.getAppMenuContainer();
-        const { ACTIVE } = CollapsiblePanelView.elementCss;
-        const nativePanel = appMenuElement?.querySelector(`.${PANEL_NATIVE_CLASS}.${ACTIVE}`);
-        return nativePanel;
-    }
-    static #getActiveMenuItem() {
-        const appMenuElement = GmailElementGetter.getAppMenuContainer();
-        const { ACTIVE } = GmailAppMenuItemView.elementCss;
-        const button = appMenuElement?.querySelector(`.${NATIVE_CLASS}.${ACTIVE}`);
-        return button;
-    }
-    static #isPanelLess() {
-        const activePanel = AppMenuItemView.#getActivePanel();
-        return !activePanel;
-    }
-    static #adjustTooltipNub() {
-        // adjust all menu items' collapsible panel's tooltip nub position
-        const appMenuElement = GmailElementGetter.getAppMenu();
-        for (const menuItem of appMenuElement?.querySelectorAll(`.${NATIVE_CLASS}`) ?? []) {
-            const panel = AppMenuItemView.#menuItemToPanelMap.get(menuItem);
-            if (!panel)
-                continue;
-            const nubElement = panel?.querySelector('* > .aTV');
-            const iconElement = menuItem?.querySelector('.V6');
-            const iconElementBox = iconElement?.getBoundingClientRect();
-            const offsetTop = (iconElement?.offsetTop ?? 0) + (iconElementBox?.height ?? 0) * 0.5;
-            const nubSide = 17;
-            const nubDiagonal = nubSide * Math.sqrt(2);
-            const offsetNub = nubDiagonal / 4;
-            const offset = offsetTop - offsetNub;
-            if (nubElement && offset) {
-                nubElement.style.top = `${offset}px`;
-            }
-        }
-    }
-    static #isPanelDropdownShown() {
-        const sdkDropdown = document.querySelector('.inboxsdk__menu');
-        if (sdkDropdown) {
-            return true;
-        }
-        const mailDropdown = document.querySelector('.JM');
-        if (mailDropdown && mailDropdown.style.display !== 'none') {
-            return true;
-        }
-        const chatAndSpacesDropdown = document.querySelector('.tP');
-        if (chatAndSpacesDropdown &&
-            chatAndSpacesDropdown.style.display !== 'none') {
-            return true;
-        }
-        return false;
-    }
-    static #setUpRouteViewDriverStream(driver) {
-        if (AppMenuItemView.#routeViewDriverStream)
-            return;
-        AppMenuItemView.#routeViewDriverStream = driver.getRouteViewDriverStream();
-        // Activate menu items on route changes. Used for deep-links, browser history navigation etc.
-        AppMenuItemView.#routeViewDriverStream.onValue(async (routeView) => {
-            const routeViewID = routeView.getRouteID();
-            const routeType = routeView.getRouteType();
-            /* Handling custom app menu items */
-            const descriptors = Array.from(AppMenuItemView.#appMenuItemViews, async (appMenuItemView) => {
-                const gmailView = await appMenuItemView.#gmailViewPromise;
-                return [gmailView.menuItemDescriptor, gmailView];
-            });
-            const results = await Promise.all(descriptors);
-            const [, gmailView] = results.find(([descriptor]) => {
-                return descriptor?.isRouteActive(routeView);
-            }) ?? [];
-            if (gmailView?.element) {
-                AppMenuItemView.#menuItemChangeBus.emit([
-                    'route-activated',
-                    gmailView.element,
-                ]);
-                return;
-            }
-            /* Handling native app menu items */
-            let menuItemClass = '';
-            if (routeViewID) {
-                menuItemClass = routeIDtoMenuItemClass[routeViewID];
-            }
-            if ((!routeViewID || !menuItemClass) && routeType !== 'CUSTOM') {
-                menuItemClass = NativeAppMenuClassName.MAIL;
-            }
-            const menuItemElement = menuItemClass &&
-                document.querySelector(`.${menuItemClass}`);
-            if (menuItemElement) {
-                AppMenuItemView.#menuItemChangeBus.emit([
-                    'route-activated',
-                    menuItemElement,
-                ]);
-            }
-        });
-    }
-    static {
-        (async function init() {
-            const gmailAppMenu = await GmailElementGetter.getAppMenuAsync();
-            if (!gmailAppMenu) {
-                return;
-            }
-            AppMenuItemView.#menuItemChangeStream.plug(AppMenuItemView.#menuItemChangeBus);
-            // Set up menu item panel -> menu collapsible panel element mappings
-            for (const [menuItemClass, panelClass] of nativeButtonToPanelMap) {
-                const menuItemElement = document.querySelector(`.${NATIVE_CLASS}.${menuItemClass}`);
-                const panelElement = panelClass
-                    ? document.querySelector(`.${PANEL_NATIVE_CLASS}.${panelClass}`)
-                    : null;
-                if (menuItemElement) {
-                    AppMenuItemView.#menuItemToPanelMap.set(menuItemElement, panelElement ?? undefined);
-                }
-            }
-        })();
-    }
-    static {
-        AppMenuItemView.#menuItemAddedDeferred.promise.then(() => {
-            // Set up event listeners we use to control menu UI
-            // We intercept some events emitted on Gmail (native) menu items to gain full control of the menu (menu items and panels).
-            // Thus, some native event handlers won't be invoked so we replicate the Gmail's behavior by ourselves.
-            const appMenuElement = GmailElementGetter.getAppMenuContainer();
-            for (const nativeMenuItem of appMenuElement?.querySelectorAll(`.${NATIVE_CLASS}:not(.${INBOXSDK_CLASS})`) ?? []) {
-                // Gmail uses this listener for panel hover state activation. It's prevented from propagation and we handle UI updates
-                const buttonElement = nativeMenuItem.querySelector('.V6.CL');
-                buttonElement?.addEventListener('mouseenter', (e) => {
-                    e.stopImmediatePropagation();
-                    AppMenuItemView.#menuItemChangeBus.emit([
-                        'mouseenter',
-                        nativeMenuItem,
-                        e,
-                    ]);
-                }, true);
-                // Gmail uses this listener for panel hover state deactivation. It's prevented from propagation and we handle UI updates
-                nativeMenuItem.addEventListener('mouseleave', (e) => {
-                    e.stopImmediatePropagation();
-                    AppMenuItemView.#menuItemChangeBus.emit([
-                        'mouseleave',
-                        nativeMenuItem,
-                        e,
-                    ]);
-                }, true);
-                // Click event isn't prevented from propagation to let Gmail handle routing. The styling is handled by us
-                nativeMenuItem.addEventListener('click', () => {
-                    AppMenuItemView.#menuItemChangeBus.emit(['click', nativeMenuItem]);
-                });
-                // Handle moving cursor out of panel. We use it to enhance the styling since it won't be handled by Gmail
-                const panel = AppMenuItemView.#menuItemToPanelMap.get(nativeMenuItem);
-                panel?.addEventListener('mouseleave', (e) => {
-                    e.stopImmediatePropagation();
-                    AppMenuItemView.#menuItemChangeBus.emit([
-                        'mouseleave',
-                        nativeMenuItem,
-                        e,
-                    ]);
-                });
-            }
-        });
-    }
-    static {
-        AppMenuItemView.#menuItemChangeStream.onValue(async (v) => {
-            const [type, menuItem, mouseEvent] = v;
-            const { ACTIVE, HOVER } = GmailAppMenuItemView.elementCss;
-            function handleActivate() {
-                const appMenuElement = GmailElementGetter.getAppMenuContainer();
-                // deactivate active panel
-                const activePanel = AppMenuItemView.#getActivePanel();
-                if (activePanel) {
-                    activePanel.style.removeProperty('height');
-                    activePanel.classList.remove(CollapsiblePanelView.elementCss.ACTIVE);
-                    activePanel.classList.remove(CollapsiblePanelView.elementCss.HOVER);
-                }
-                // deactivate menu items and handle keyboard accessibility
-                for (const menuItem_ of appMenuElement?.querySelectorAll(`.${NATIVE_CLASS}`) ?? []) {
-                    menuItem_.classList.remove(ACTIVE);
-                    menuItem_.classList.remove(HOVER);
-                    // update tabindex
-                    const iconElement = menuItem_.querySelector(ICON_ELEMENT_SELECTOR);
-                    if (iconElement) {
-                        iconElement.tabIndex = menuItem_ === menuItem ? 0 : -1;
-                    }
-                }
-                // activate menu item
-                menuItem.classList.add(ACTIVE);
-                // activate panel
-                const panel = AppMenuItemView.#menuItemToPanelMap.get(menuItem);
-                if (panel) {
-                    panel.classList.add(CollapsiblePanelView.elementCss.ACTIVE);
-                }
-            }
-            switch (type) {
-                case 'mouseenter': {
-                    const panel = AppMenuItemView.#menuItemToPanelMap.get(menuItem);
-                    const activeMenuItem = AppMenuItemView.#getActiveMenuItem();
-                    const activePanel = AppMenuItemView.#getActivePanel();
-                    const burgerMenuOpen = GmailElementGetter.isAppBurgerMenuOpen();
-                    // hover-styled panel is displayed for collapsed burger menu
-                    if (activeMenuItem === menuItem &&
-                        activePanel === panel &&
-                        burgerMenuOpen)
-                        return;
-                    // deactivate active panel
-                    if (activePanel) {
-                        activePanel.style.removeProperty('height');
-                        activePanel.classList.remove(CollapsiblePanelView.elementCss.ACTIVE);
-                        activePanel.classList.remove(CollapsiblePanelView.elementCss.HOVER);
-                    }
-                    // activate new panel
-                    if (panel) {
-                        const height = window.innerHeight - panel.getBoundingClientRect().top;
-                        panel.style.cssText = `height: ${height}px;`;
-                        panel.classList.add(CollapsiblePanelView.elementCss.ACTIVE);
-                        panel.classList.add(CollapsiblePanelView.elementCss.HOVER);
-                        // hover menu item
-                        menuItem.classList.add(HOVER);
-                        // handle burger menu collapsed
-                        if (!burgerMenuOpen) {
-                            for (const panel of document.querySelectorAll(CollapsiblePanelView.elementSelectors.NATIVE) ?? []) {
-                                panel.classList.add(CollapsiblePanelView.elementCss.COLLAPSED_HOVER);
-                            }
-                        }
-                    }
-                    else {
-                        // panel doesn't exist (i.e. Meet) so activate active menu item's panel instead (as Gmail currently does -- FEB 2023)
-                        const panel = activeMenuItem &&
-                            AppMenuItemView.#menuItemToPanelMap.get(activeMenuItem);
-                        panel?.classList.add(CollapsiblePanelView.elementCss.ACTIVE);
-                    }
-                    break;
-                }
-                case 'mouseleave': {
-                    // Do not handle blur event when we're in one of the panel's dropdowns
-                    const isPanelDropdownShown = AppMenuItemView.#isPanelDropdownShown();
-                    if (isPanelDropdownShown)
-                        return;
-                    const activeMenuItem = AppMenuItemView.#getActiveMenuItem();
-                    const activePanel = AppMenuItemView.#getActivePanel();
-                    const activeMenuItemPanel = activeMenuItem &&
-                        AppMenuItemView.#menuItemToPanelMap.get(activeMenuItem);
-                    if (mouseEvent.relatedTarget instanceof Node &&
-                        (menuItem.contains(mouseEvent.relatedTarget) ||
-                            activePanel?.contains(mouseEvent.relatedTarget)))
-                        return;
-                    const burgerMenuOpen = GmailElementGetter.isAppBurgerMenuOpen();
-                    if (activePanel === activeMenuItemPanel && burgerMenuOpen)
-                        return;
-                    // unhover menu item
-                    menuItem.classList.remove(HOVER);
-                    // handle burger menu collapsed
-                    for (const panel of document.querySelectorAll(CollapsiblePanelView.elementSelectors.NATIVE) ?? []) {
-                        panel.classList.remove(CollapsiblePanelView.elementCss.COLLAPSED_HOVER);
-                    }
-                    // deactivate active panel
-                    if (activePanel) {
-                        activePanel.style.removeProperty('height');
-                        activePanel.classList.remove(CollapsiblePanelView.elementCss.ACTIVE);
-                        activePanel.classList.remove(CollapsiblePanelView.elementCss.HOVER);
-                    }
-                    // activate active menu item panel
-                    if (activeMenuItemPanel) {
-                        activeMenuItemPanel.classList.add(CollapsiblePanelView.elementCss.ACTIVE);
-                    }
-                    break;
-                }
-                case 'click': {
-                    handleActivate();
-                    // handle panel-less mode
-                    const isPanelLess = AppMenuItemView.#isPanelLess();
-                    for (const panel of document.querySelectorAll(CollapsiblePanelView.elementSelectors.NATIVE) ?? []) {
-                        panel.classList.toggle(CollapsiblePanelView.elementCss.PANEL_LESS, isPanelLess);
-                    }
-                    GmailElementGetter.getAppMenu()?.classList.toggle('aTO', isPanelLess);
-                    GmailElementGetter.getAppHeader()?.classList.toggle('aTO', isPanelLess);
-                    break;
-                }
-                case 'route-activated': {
-                    handleActivate();
-                    break;
-                }
-            }
-        });
-    }
-    get menuItemDescriptor() {
-        return this.#menuItemDescriptor;
-    }
-    #driver;
-    #destroyed = false;
-    #gmailViewPromise;
-    #collapsiblePanel;
-    #menuItemDescriptor;
-    constructor(driver, menuItemDescriptor) {
-        super();
-        this.#driver = driver;
-        this.#menuItemDescriptor = menuItemDescriptor;
-        const gmailAppMenuItemView = this.#driver.addAppMenuItem(menuItemDescriptor);
-        this.#gmailViewPromise = gmailAppMenuItemView;
-        gmailAppMenuItemView.then((gmailView) => {
-            if (this.#destroyed || !gmailView) {
-                return; //we have been removed already
-            }
-            const gmailElement = gmailView.element;
-            if (gmailElement) {
-                AppMenuItemView.#menuItemToPanelMap.set(gmailElement, undefined);
-                AppMenuItemView.#adjustTooltipNub();
-            }
-            gmailView.on('destroy', () => {
-                this.remove();
-            });
-            gmailView.on('click', () => {
-                AppMenuItemView.#menuItemChangeBus.emit(['click', gmailElement]);
-                this.emit('click');
-            });
-            gmailView.on('hover', (e) => {
-                AppMenuItemView.#menuItemChangeBus.emit([
-                    'mouseenter',
-                    gmailElement,
-                    e,
-                ]);
-                this.emit('hover');
-            });
-            gmailView.on('blur', (e) => {
-                AppMenuItemView.#menuItemChangeBus.emit([
-                    'mouseleave',
-                    gmailElement,
-                    e,
-                ]);
-                this.emit('blur');
-            });
-        });
-        AppMenuItemView.#setUpRouteViewDriverStream(driver);
-        AppMenuItemView.#menuItemAddedDeferred.resolve(undefined);
-        AppMenuItemView.#appMenuItemViews.add(this);
-    }
-    /**
-     * Add a panel to an AppMenuItemView.
-     *
-     * @param panelDescriptor A single descriptor for the app menu item panel.
-     *
-     * @returns A promise that resolves to the CollapsiblePanelView instance. The result is undefined if the SDK doesn't detect the AppMenu being shown.
-     */
-    async addCollapsiblePanel(panelDescriptor) {
-        const descriptor = {
-            ...panelDescriptor,
-            className: cx(panelDescriptor.className, {
-                [CollapsiblePanelView.elementCss.COLLAPSED]: !GmailElementGetter.isAppBurgerMenuOpen(),
-                [CollapsiblePanelView.elementCss.PANEL_LESS]: AppMenuItemView.#isPanelLess(),
-            }),
-        };
-        const collapsiblePanel = await addCollapsiblePanel(this.#driver, descriptor, this.menuItemDescriptor.insertIndex);
-        if (collapsiblePanel) {
-            this.#gmailViewPromise.then((gmailView) => {
-                const gmailElement = gmailView.element;
-                if (gmailElement) {
-                    collapsiblePanel.on('blur', (e) => {
-                        AppMenuItemView.#menuItemChangeBus.value([
-                            'mouseleave',
-                            gmailElement,
-                            e,
-                        ]);
-                    });
-                    AppMenuItemView.#menuItemToPanelMap.set(gmailElement, collapsiblePanel.element);
-                    AppMenuItemView.#adjustTooltipNub();
-                }
-            });
-        }
-        this.#collapsiblePanel = collapsiblePanel;
-        return collapsiblePanel;
-    }
-    /**
-     * Updates the AppMenuItem's AppMenuItemDescriptor
-     *
-     * @param menuItemDescriptor The new descriptor for the app menu item panel.
-     */
-    async update(menuItemDescriptor) {
-        const gmailView = await this.#gmailViewPromise;
-        gmailView.menuItemDescriptor = menuItemDescriptor;
-        this.#menuItemDescriptor = menuItemDescriptor;
-    }
-    /**
-     * Remove this AppMenuItemView from its parent
-     */
-    remove() {
-        if (this.#destroyed)
-            return;
-        this.#destroyed = true;
-        this.emit('destroy');
-        this.#collapsiblePanel?.remove();
-        this.#gmailViewPromise.then((gmailView) => {
-            gmailView.element &&
-                AppMenuItemView.#menuItemToPanelMap.delete(gmailView.element);
-            gmailView.remove();
-            AppMenuItemView.#adjustTooltipNub();
-        });
-        AppMenuItemView.#appMenuItemViews.delete(this);
-    }
-}
-export { AppMenuItemView };

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

@@ -1,43 +0,0 @@
-import EventEmitter from '../lib/safe-event-emitter';
-import get from '../../common/get-or-fail';
-const memberMap = new WeakMap(); // Documented in src/docs/app-toolbar-button-view.js
-export default class AppToolbarButtonView extends EventEmitter {
-    destroyed;
-    constructor(driver, appToolbarButtonViewDriverPromise) {
-        super();
-        const members = {
-            appToolbarButtonViewDriverPromise,
-            appToolbarButtonViewDriver: null,
-        };
-        memberMap.set(this, members);
-        this.destroyed = false;
-        members.appToolbarButtonViewDriverPromise.then((appToolbarButtonViewDriver) => {
-            members.appToolbarButtonViewDriver = appToolbarButtonViewDriver;
-            appToolbarButtonViewDriver.getStopper().onValue(() => {
-                this.destroyed = true;
-                this.emit('destroy');
-            });
-        });
-        driver.getStopper().onValue(() => {
-            this.remove();
-        });
-    }
-    open() {
-        const members = get(memberMap, this);
-        members.appToolbarButtonViewDriverPromise.then(function (appToolbarButtonViewDriver) {
-            appToolbarButtonViewDriver.open();
-        });
-    }
-    close() {
-        const members = get(memberMap, this);
-        members.appToolbarButtonViewDriverPromise.then(function (appToolbarButtonViewDriver) {
-            appToolbarButtonViewDriver.close();
-        });
-    }
-    remove() {
-        const members = get(memberMap, this);
-        members.appToolbarButtonViewDriverPromise.then(function (appToolbarButtonViewDriver) {
-            appToolbarButtonViewDriver.destroy();
-        });
-    }
-}