@inboxsdk/core 0.2.28-alpha.0 → 0.2.28-alpha.2

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

@@ -0,0 +1,89 @@
+/* @flow */
+
+import Kefir from 'kefir';
+import kefirCast from 'kefir-cast';
+import { defn } from 'ud';
+
+import ModalView from '../widgets/modal-view';
+import MoleView from '../widgets/mole-view';
+import DrawerView from '../widgets/drawer-view';
+import TopMessageBarView from '../widgets/top-message-bar-view';
+import ComposeView from '../views/compose-view';
+import type { Driver, DrawerViewOptions } from '../driver-interfaces/driver';
+import get from '../../common/get-or-fail';
+import isComposeTitleBarLightColor from '../dom-driver/gmail/is-compose-titlebar-light-color';
+
+// documented in src/docs/
+class Widgets {
+  constructor(appId: string, driver: Driver) {
+    const members = { driver };
+    memberMap.set(this, members);
+  }
+
+  showModalView(options: Object): ModalView {
+    if (options.buttons) {
+      options.buttons = options.buttons.map((button) => {
+        if (button.onClick) {
+          const appOnClick = button.onClick;
+          return {
+            ...button,
+            onClick() {
+              appOnClick({ modalView });
+            },
+          };
+        }
+        return button;
+      });
+    }
+    const { driver } = get(memberMap, this);
+    const modalViewDriver = driver.createModalViewDriver(options);
+    const modalView = new ModalView({ driver, modalViewDriver });
+    modalView.show();
+
+    return modalView;
+  }
+
+  showMoleView(options: Object): MoleView {
+    const moleViewDriver = get(memberMap, this).driver.createMoleViewDriver(
+      options
+    );
+    const moleView = new MoleView({ moleViewDriver });
+    moleViewDriver.show();
+
+    return moleView;
+  }
+
+  showTopMessageBarView(options: Object): TopMessageBarView {
+    const topMessageBarViewDriver = get(
+      memberMap,
+      this
+    ).driver.createTopMessageBarDriver(kefirCast((Kefir: any), options));
+
+    return new TopMessageBarView({
+      topMessageBarViewDriver,
+    });
+  }
+
+  showDrawerView(options: DrawerViewOptions): DrawerView {
+    get(memberMap, this)
+      .driver.getLogger()
+      .eventSdkActive('Widgets.showDrawerView used', {
+        keys: Object.keys(options),
+      });
+
+    if (options.composeView && !(options.composeView instanceof ComposeView))
+      throw new Error('composeView option was not a ComposeView');
+    const drawerViewDriver = get(memberMap, this).driver.createDrawerViewDriver(
+      options
+    );
+    return new DrawerView(drawerViewDriver);
+  }
+
+  isMoleViewTitleBarLightColor(): boolean {
+    return isComposeTitleBarLightColor();
+  }
+}
+
+const memberMap: Map<Widgets, { driver: Driver }> = new Map();
+
+export default defn(module, Widgets);

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

@@ -0,0 +1,133 @@
+import SafeEventEmitter from './lib/safe-event-emitter';
+// import Membrane from './lib/Membrane';
+
+// import AttachmentCardView from './views/conversations/attachment-card-view';
+type AttachmentCardView = any;
+// import GmailAttachmentCardView from './dom-driver/gmail/views/gmail-attachment-card-view';
+type GmailAttachmentCardView = any;
+// import InboxAttachmentCardView from './dom-driver/inbox/views/inbox-attachment-card-view';
+type InboxAttachmentCardView = any;
+
+// import MessageView from './views/conversations/message-view';
+type MessageView = any;
+// import GmailMessageView from './dom-driver/gmail/views/gmail-message-view';
+type GmailMessageView = any;
+// import InboxMessageView from './dom-driver/inbox/views/inbox-message-view';
+type InboxMessageView = any;
+
+// import ThreadView from './views/conversations/thread-view';
+type ThreadView = any;
+// import GmailThreadView from './dom-driver/gmail/views/gmail-thread-view';
+type GmailThreadView = any;
+// import InboxThreadView from './dom-driver/inbox/views/inbox-thread-view';
+type InboxThreadView = any;
+
+// import ThreadRowView from './views/thread-row-view';
+type ThreadRowView = any;
+// import GmailThreadRowView from './dom-driver/gmail/views/gmail-thread-row-view';
+type GmailThreadRowView = any;
+// import InboxThreadRowView from './dom-driver/inbox/views/inbox-thread-row-view';
+type InboxThreadRowView = any;
+
+// import ComposeView from './views/compose-view';
+// import GmailComposeView from './dom-driver/gmail/views/gmail-compose-view';
+// import InboxComposeView from './dom-driver/inbox/views/inbox-compose-view';
+type InboxComposeView = any;
+
+// import DummyRouteViewDriver from './views/route-view/dummy-route-view-driver';
+type DummyRouteViewDriver = any;
+// import RouteView from './views/route-view/route-view';
+type RouteView = any;
+// import GmailRouteView from './dom-driver/gmail/views/gmail-route-view/gmail-route-view';
+type GmailRouteView = any;
+// import InboxRouteView from './dom-driver/inbox/views/inbox-route-view';
+type InboxRouteView = any;
+// import InboxDummyRouteView from './dom-driver/inbox/views/inbox-dummy-route-view';
+type InboxDummyRouteView = any;
+// import InboxCustomRouteView from './dom-driver/inbox/views/inbox-custom-route-view';
+type InboxCustomRouteView = any;
+
+import ButterBar from './namespaces/butter-bar';
+// import Compose from './namespaces/compose';
+type Compose = any;
+// import Conversations from './namespaces/conversations';
+type Conversations = any;
+// import Keyboard from './namespaces/keyboard';
+type Keyboard = any;
+// import Widgets from './namespaces/widgets';
+type Widgets = any;
+// import Modal from './namespaces/modal';
+type Modal = any;
+// import Lists from './namespaces/lists';
+type Lists = any;
+// import NavMenu from './namespaces/nav-menu';
+type NavMenu = any;
+import AppMenu from './namespaces/app-menu';
+// import Router from './namespaces/router';
+type Router = any;
+// import Search from './namespaces/search';
+type Search = any;
+// import Toolbars from './namespaces/toolbars';
+type Toolbars = any;
+// import User from './namespaces/user';
+type User = any;
+// import Global from './namespaces/global';
+type Global = any;
+
+// import InboxDriver from './dom-driver/inbox/inbox-driver';
+type InboxDriver = any;
+
+// Some types
+import { Driver } from './driver-interfaces/driver';
+import { AppLogger } from './lib/logger';
+
+export interface PiOpts {
+  appName?: string;
+  appIconUrl?: string;
+  suppressAddonTitle?: string;
+  VERSION: string;
+  globalErrorLogging: boolean;
+  eventTracking: boolean;
+  inboxBeta: boolean;
+  REQUESTED_API_VERSION: number;
+  primaryColor?: string;
+  secondaryColor?: string;
+}
+
+export class PlatformImplementation extends SafeEventEmitter {
+  destroyed: boolean;
+  LOADER_VERSION: string;
+  IMPL_VERSION: string;
+
+  Compose: Compose;
+  Conversations: Conversations;
+  Keyboard: Keyboard;
+  User: User;
+  Lists: Lists;
+  NavMenu: NavMenu;
+  AppMenu: AppMenu;
+  Router: Router;
+  Search: Search;
+  Toolbars: Toolbars;
+  ButterBar: ButterBar;
+  Widgets: Widgets;
+  Global: Global | undefined;
+  Modal: Modal | undefined;
+  Logger: AppLogger;
+
+  constructor(driver: Driver, appId: string, piOpts: PiOpts);
+  destroy(): void;
+}
+
+export interface EnvData {
+  piMainStarted: number;
+  piLoadStarted: number;
+  wasAccountSwitcherReadyAtStart: boolean;
+}
+
+// returns a promise for the PlatformImplementation object
+export function makePlatformImplementation(
+  appId: string,
+  _opts: object,
+  envData: EnvData
+): Promise<PlatformImplementation>;

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

@@ -0,0 +1,309 @@
+/* @flow */
+/* eslint-disable no-console */
+
+import SafeEventEmitter from './lib/safe-event-emitter';
+import { BUILD_VERSION } from '../common/version';
+import get from '../common/get-or-fail';
+import sharedStyle from './lib/shared-style';
+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 InboxAttachmentCardView from './dom-driver/inbox/views/inbox-attachment-card-view';
+
+import MessageView from './views/conversations/message-view';
+import GmailMessageView from './dom-driver/gmail/views/gmail-message-view';
+import InboxMessageView from './dom-driver/inbox/views/inbox-message-view';
+
+import ThreadView from './views/conversations/thread-view';
+import GmailThreadView from './dom-driver/gmail/views/gmail-thread-view';
+import InboxThreadView from './dom-driver/inbox/views/inbox-thread-view';
+
+import ThreadRowView from './views/thread-row-view';
+import GmailThreadRowView from './dom-driver/gmail/views/gmail-thread-row-view';
+import InboxThreadRowView from './dom-driver/inbox/views/inbox-thread-row-view';
+
+import ComposeView from './views/compose-view';
+import GmailComposeView from './dom-driver/gmail/views/gmail-compose-view';
+import InboxComposeView from './dom-driver/inbox/views/inbox-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 InboxRouteView from './dom-driver/inbox/views/inbox-route-view';
+import InboxDummyRouteView from './dom-driver/inbox/views/inbox-dummy-route-view';
+import InboxCustomRouteView from './dom-driver/inbox/views/inbox-custom-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 InboxDriver from './dom-driver/inbox/inbox-driver';
+import Logger from './lib/logger';
+
+import isValidAppId from './lib/is-valid-app-id';
+
+// Some types
+import type { Driver } from './driver-interfaces/driver';
+import type { AppLogger } from './lib/logger';
+
+const loadedAppIds: Set<string> = new Set();
+const memberMap = new WeakMap();
+
+export type PiOpts = {
+  appName: ?string,
+  appIconUrl: ?string,
+  suppressAddonTitle?: ?string,
+  VERSION: string,
+  globalErrorLogging: boolean,
+  eventTracking: boolean,
+  inboxBeta: boolean,
+  REQUESTED_API_VERSION: number,
+  primaryColor?: string,
+  secondaryColor?: string,
+};
+
+export class PlatformImplementation extends SafeEventEmitter {
+  destroyed: boolean;
+  LOADER_VERSION: string;
+  IMPL_VERSION: string;
+
+  Compose: Compose;
+  Conversations: Conversations;
+  Keyboard: Keyboard;
+  User: User;
+  Lists: Lists;
+  NavMenu: NavMenu;
+  AppMenu: AppMenu;
+  Router: Router;
+  Search: Search;
+  Toolbars: Toolbars;
+  ButterBar: ButterBar;
+  Widgets: Widgets;
+  Global: ?Global;
+  Modal: ?Modal;
+  Logger: AppLogger;
+
+  constructor(driver: Driver, appId: string, piOpts: PiOpts) {
+    super();
+    const { appName, appIconUrl, VERSION: LOADER_VERSION } = piOpts;
+
+    const members = { driver };
+    memberMap.set(this, members);
+
+    if (process.env.NODE_ENV !== 'production') {
+      (this: any)._members = members;
+    }
+
+    const membrane = new Membrane([
+      [
+        GmailComposeView,
+        (viewDriver) => new ComposeView(driver, viewDriver, membrane),
+      ],
+      [
+        InboxComposeView,
+        (viewDriver) => new ComposeView(driver, viewDriver, membrane),
+      ],
+      [
+        GmailAttachmentCardView,
+        (viewDriver) => new AttachmentCardView(viewDriver, driver, membrane),
+      ],
+      [
+        InboxAttachmentCardView,
+        (viewDriver) => new AttachmentCardView(viewDriver, driver, membrane),
+      ],
+      [
+        GmailMessageView,
+        (viewDriver) =>
+          new MessageView(
+            viewDriver,
+            appId,
+            membrane,
+            this.Conversations,
+            driver
+          ),
+      ],
+      [
+        InboxMessageView,
+        (viewDriver) =>
+          new MessageView(
+            viewDriver,
+            appId,
+            membrane,
+            this.Conversations,
+            driver
+          ),
+      ],
+      [
+        GmailThreadView,
+        (viewDriver) => new ThreadView(viewDriver, appId, driver, membrane),
+      ],
+      [
+        InboxThreadView,
+        (viewDriver) => new ThreadView(viewDriver, appId, driver, membrane),
+      ],
+      [GmailThreadRowView, (viewDriver) => new ThreadRowView(viewDriver)],
+      [InboxThreadRowView, (viewDriver) => new ThreadRowView(viewDriver)],
+      [GmailRouteView, (viewDriver) => new RouteView(viewDriver)],
+      [InboxRouteView, (viewDriver) => new RouteView(viewDriver)],
+      [InboxDummyRouteView, (viewDriver) => new RouteView(viewDriver)],
+      [InboxCustomRouteView, (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');
+    }
+  }
+}
+
+export type EnvData = {
+  piMainStarted: number,
+  piLoadStarted: number,
+  wasAccountSwitcherReadyAtStart: boolean,
+};
+
+// returns a promise for the PlatformImplementation object
+export function makePlatformImplementation(
+  appId: string,
+  _opts: Object,
+  envData: EnvData
+): Promise<PlatformImplementation> {
+  if (typeof appId !== 'string') {
+    throw new Error('appId must be a string');
+  }
+
+  const opts: PiOpts = {
+    // 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 DRIVERS_BY_ORIGIN: { [name: string]: * } = {
+    'https://mail.google.com': GmailDriver,
+    'https://inbox.google.com': InboxDriver,
+  };
+
+  const LOADER_VERSION: string = opts.VERSION;
+  const IMPL_VERSION: string = BUILD_VERSION;
+  const logger = new Logger(appId, opts, LOADER_VERSION, IMPL_VERSION);
+
+  const origin: string =
+    (process.env.NODE_ENV === 'test' && global.__test_origin) ||
+    document.location.origin;
+  const DriverClass = DRIVERS_BY_ORIGIN[origin];
+  if (!DriverClass) {
+    console.log('InboxSDK: Unsupported origin', origin);
+    // never resolve
+    return new Promise((resolve, reject) => {});
+  }
+
+  sharedStyle();
+
+  const driver: Driver = new DriverClass(
+    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 (origin === 'https://inbox.google.com' && !opts.inboxBeta) {
+      console.log('InboxSDK: Unsupported origin', origin);
+      if (!loadedAppIds.has(appId)) {
+        loadedAppIds.add(appId);
+        logger.eventSdkPassive('not load');
+      }
+      // never resolve and give pi to app
+      return new Promise((resolve, reject) => {});
+    }
+    if (!loadedAppIds.has(appId)) {
+      loadedAppIds.add(appId);
+      logger.eventSdkPassive('load');
+    }
+
+    return pi;
+  });
+}

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

@@ -5,3 +5,4 @@ export default class SimpleElementView extends SafeEventEmitter {
     constructor(el: HTMLElement);
     destroy(): void;
 }
+//# sourceMappingURL=SimpleElementView.d.ts.map

package/src/platform-implementation-js/views/SimpleElementView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleElementView.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/views/SimpleElementView.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,2BAA2B,CAAC;AAEzD,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,gBAAgB;IACtD,EAAE,EAAE,WAAW,CAAC;IAChB,SAAS,EAAE,OAAO,CAAS;gBAEf,EAAE,EAAE,WAAW;IAK3B,OAAO;CAMf"}

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

@@ -0,0 +1,23 @@
+import TypedEmitter from 'typed-emitter';
+import { AppMenuItemDescriptor, AppMenuItemPanelDescriptor } from '../namespaces/app-menu';
+import { CollapsiblePanelView } from './collapsible-panel-view';
+import GmailDriver from '../dom-driver/gmail/gmail-driver';
+type MessageEvents = {
+    blur: () => void;
+    click: () => void;
+    hover: () => void;
+    destroy: () => void;
+};
+declare const AppMenuItemView_base: new () => TypedEmitter<MessageEvents>;
+/**
+ * Contains both a native Gmail app menu item and a collapsible panel.
+ */
+export declare class AppMenuItemView extends AppMenuItemView_base {
+    #private;
+    constructor(driver: GmailDriver, menuItemDescriptor: AppMenuItemDescriptor);
+    addCollapsiblePanel(panelDescriptor: AppMenuItemPanelDescriptor): Promise<CollapsiblePanelView | undefined>;
+    update(menuItemDescriptor: AppMenuItemDescriptor): Promise<void>;
+    remove(): void;
+}
+export {};
+//# sourceMappingURL=app-menu-item-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"app-menu-item-view.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/views/app-menu-item-view.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,eAAe,CAAC;AAUzC,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAC3B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,WAAW,MAAM,kCAAkC,CAAC;AAI3D,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;8CAsB8D,aAAa,aAAa,CAAC;AAH3F;;GAEG;AACH,qBAAa,eAAgB,SAAQ,oBAAuD;;gBAoI9E,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,qBAAqB;IAsDpE,mBAAmB,CAAC,eAAe,EAAE,0BAA0B;IAe/D,MAAM,CAAC,kBAAkB,EAAE,qBAAqB;IAKtD,MAAM;CAgGP"}

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

@@ -0,0 +1,73 @@
+/* @flow */
+
+import EventEmitter from '../lib/safe-event-emitter';
+import get from '../../common/get-or-fail';
+import type { Driver } from '../driver-interfaces/driver';
+
+import type GmailAppToolbarButtonView from '../dom-driver/gmail/views/gmail-app-toolbar-button-view';
+import type InboxAppToolbarButtonView from '../dom-driver/inbox/views/inbox-app-toolbar-button-view';
+
+type AppToolbarButtonViewDriver =
+  | GmailAppToolbarButtonView
+  | InboxAppToolbarButtonView;
+
+const memberMap = new WeakMap();
+
+// Documented in src/docs/app-toolbar-button-view.js
+export default class AppToolbarButtonView extends EventEmitter {
+  destroyed: boolean;
+
+  constructor(
+    driver: Driver,
+    appToolbarButtonViewDriverPromise: Promise<AppToolbarButtonViewDriver>
+  ) {
+    super();
+    const members = {
+      appToolbarButtonViewDriverPromise,
+      appToolbarButtonViewDriver: (null: ?AppToolbarButtonViewDriver),
+    };
+    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();
+    });
+  }
+}

package/src/platform-implementation-js/views/collapsible-panel-view.d.ts

@@ -0,0 +1,50 @@
+import TypedEmitter from 'typed-emitter';
+import * as Kefir from 'kefir';
+import { AppMenuItemPanelDescriptor } from '../namespaces/app-menu';
+import GmailDriver from '../dom-driver/gmail/gmail-driver';
+import { NavItemDescriptor } from '../dom-driver/gmail/views/gmail-nav-item-view';
+import NavItemView from './nav-item-view';
+type MessageEvents = {
+    toggle: (collapsed: boolean) => void;
+    destroy: () => void;
+    blur: (e: MouseEvent) => void;
+    hover: (e: MouseEvent) => void;
+};
+declare const CollapsiblePanelView_base: new () => TypedEmitter<MessageEvents>;
+export declare class CollapsiblePanelView extends CollapsiblePanelView_base {
+    #private;
+    static elementSelectors: {
+        readonly NATIVE: ".aqn.oy8Mbf";
+        readonly CUSTOM: ".inboxsdk__collapsiblePanel";
+    };
+    static elementCss: {
+        readonly ACTIVE: "apV";
+        readonly COLLAPSED: "aBa";
+        /** A hover popover has both ACTIVE _and_ HOVER */
+        readonly HOVER: "aJu";
+    };
+    get element(): HTMLElement | undefined;
+    set panelDescriptor(panelDescriptor: AppMenuItemPanelDescriptor);
+    constructor(driver: GmailDriver);
+    toggleCollapse(collapsed: boolean): void;
+    /**
+     * @internal
+     */
+    blur(isActivePanel: boolean): void;
+    /**
+     * @internal
+     */
+    hover(isActivePanel: boolean): void;
+    /**
+     * @internal
+     */
+    activate(): void;
+    /**
+     * @internal
+     */
+    deactivate(): void;
+    remove(): void;
+    addNavItem(navItemDescriptor: NavItemDescriptor | Kefir.Observable<NavItemDescriptor, any>): NavItemView | undefined;
+}
+export {};
+//# sourceMappingURL=collapsible-panel-view.d.ts.map