@inboxsdk/core 0.2.28 → 0.2.29-alpha.0

package/src/platform-implementation-js/lib/shared-style.js

@@ -1,22 +1,23 @@
-/* @flow */
+"use strict";
 
-import type Kefir from 'kefir';
-import udKefir from 'ud-kefir';
-import rewriteCssWithIdMap from './rewriteCssWithIdMap';
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = sharedStyle;
+var _udKefir = _interopRequireDefault(require("ud-kefir"));
+var _rewriteCssWithIdMap = _interopRequireDefault(require("./rewriteCssWithIdMap"));
 var fs = require('fs');
-var cssContent: Kefir.Observable<string> = udKefir(
-  module,
-  fs.readFileSync(__dirname + '/../style/shared.css', 'utf8')
-);
-
-export default function sharedStyle(root: Document = document) {
+var cssContent = (0, _udKefir.default)(module, fs.readFileSync(__dirname + '/../style/shared.css', 'utf8'));
+function sharedStyle() {
+  let root = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
   if (!root.getElementById('inboxsdk__shared_style')) {
     const style = root.createElement('style');
     style.id = 'inboxsdk__shared_style';
-    cssContent.onValue((css) => {
-      style.textContent = rewriteCssWithIdMap(css);
+    cssContent.onValue(css => {
+      style.textContent = (0, _rewriteCssWithIdMap.default)(css);
     });
     if (!root.head) throw new Error('missing head');
     root.head.appendChild(style);
   }
-}
+}

package/src/platform-implementation-js/lib/stopper-pool.d.ts

@@ -8,3 +8,4 @@ export default class StopperPool<V, E> {
     add(newStreams: Kefir.Observable<V, E> | Kefir.Observable<V, E>[]): void;
     getSize(): number;
 }
+//# sourceMappingURL=stopper-pool.d.ts.map

package/src/platform-implementation-js/lib/stopper-pool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stopper-pool.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/lib/stopper-pool.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,CAAC,OAAO,OAAO,WAAW,CAAC,CAAC,EAAE,CAAC;IACnC,OAAO,CAAC,YAAY,CAAa;IACjC,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,KAAK,CAAsB;IAC5B,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;gBAGpC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;IAuBrD,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;IAWjE,OAAO,IAAI,MAAM;CAGzB"}

package/src/platform-implementation-js/lib/stopper-pool.js

@@ -0,0 +1,41 @@
+import * as Kefir from 'kefir';
+// An StopperPool is created from a stopper stream, and can have more stopper
+// streams added to it. It has a stream property which is a stopper stream which
+// emits a stop event and ends only after all of its input stopper streams have
+// stopped.
+export default class StopperPool {
+    _streamCount = 0;
+    _ended = false;
+    _pool = Kefir.pool();
+    stream;
+    constructor(streams) {
+        this.stream = this._pool
+            .filter(() => {
+            this._streamCount--;
+            if (this._streamCount === 0) {
+                this._ended = true;
+                return true;
+            }
+            return false;
+        })
+            .take(1)
+            .toProperty();
+        // force stream to be active so this._streamCount, this._ended, and the
+        // property's cached value will be kept up-to-date
+        this.stream.onValue(() => {
+            // ignore
+        });
+        this.add(streams);
+    }
+    add(newStreams) {
+        if (this._ended) {
+            throw new Error('Tried to add a stream to a stopped StopperPool');
+        }
+        const arrStreams = Array.isArray(newStreams) ? newStreams : [newStreams];
+        this._streamCount += arrStreams.length;
+        this._pool.plug(Kefir.merge(arrStreams.map((newStream) => newStream.take(1))));
+    }
+    getSize() {
+        return this._streamCount;
+    }
+}

package/src/platform-implementation-js/lib/stream-wait-for.d.ts

@@ -7,3 +7,4 @@ import * as Kefir from 'kefir';
  * get tripped.
  */
 export default function streamWaitFor<T>(condition: () => T | null | undefined, timeout?: number, steptime?: number): Kefir.Observable<T, Error>;
+//# sourceMappingURL=stream-wait-for.d.ts.map

package/src/platform-implementation-js/lib/stream-wait-for.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stream-wait-for.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/lib/stream-wait-for.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC,EACrC,SAAS,EAAE,MAAM,CAAC,GAAG,IAAI,GAAG,SAAS,EACrC,OAAO,GAAE,MAAkB,EAC3B,QAAQ,GAAE,MAAY,GACrB,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,KAAK,CAAC,CAwB5B"}

package/src/platform-implementation-js/lib/stream-wait-for.js

@@ -0,0 +1,30 @@
+import * as Kefir from 'kefir';
+/**
+ * Returns a Kefir stream that repeatedly calls the condition callback until it
+ * returns a truthy value, and then the stream emits that value and ends.
+ * If the timeout passes, an error event is emitted and the error is also
+ * thrown so that it gets logged. Well-behaving code should not let the timeout
+ * get tripped.
+ */
+export default function streamWaitFor(condition, timeout = 60 * 1000, steptime = 250) {
+    // make this error here so we have a sensible stack.
+    const timeoutError = new Error('waitFor timeout');
+    const timeoutStream = Kefir.later(timeout, null).flatMap(() => {
+        const result = condition();
+        if (result) {
+            return Kefir.constant(result);
+        }
+        setTimeout(() => {
+            throw timeoutError;
+        }, 0);
+        return Kefir.constantError(timeoutError);
+    });
+    const isTruthy = Boolean;
+    return Kefir.later(0, null)
+        .merge(Kefir.interval(steptime, null))
+        .map(() => condition())
+        .filter(isTruthy)
+        .merge(timeoutStream)
+        .take(1)
+        .takeErrors(1);
+}

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

@@ -1,18 +1,19 @@
-/* @flow */
+"use strict";
 
-import type LiveSet from 'live-set';
-import toValueObservable from 'live-set/toValueObservable';
-import Kefir from 'kefir';
-import type { ItemWithLifetime } from './dom/make-element-child-stream';
-
-export default function toItemWithLifetimeStream<T>(
-  liveSet: LiveSet<T>
-): Kefir.Observable<ItemWithLifetime<T>> {
-  return Kefir.fromESObservable(
-    toValueObservable(liveSet).map((event) => {
-      const removal: Promise<void> = event.removal;
-      const removalStream = Kefir.fromPromise(removal);
-      return { el: event.value, removalStream };
-    })
-  );
-}
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = toItemWithLifetimeStream;
+var _toValueObservable = _interopRequireDefault(require("live-set/toValueObservable"));
+var _kefir = _interopRequireDefault(require("kefir"));
+function toItemWithLifetimeStream(liveSet) {
+  return _kefir.default.fromESObservable((0, _toValueObservable.default)(liveSet).map(event => {
+    const removal = event.removal;
+    const removalStream = _kefir.default.fromPromise(removal);
+    return {
+      el: event.value,
+      removalStream
+    };
+  }));
+}

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

@@ -1,31 +1,33 @@
-/* @flow */
+"use strict";
 
-import LiveSet from 'live-set';
-import type Kefir from 'kefir';
-import type { ItemWithLifetime } from './dom/make-element-child-stream';
-
-export default function toLiveSet<T>(
-  itemWithLifetimeStream: Kefir.Observable<ItemWithLifetime<T>>
-): LiveSet<T> {
-  return new LiveSet({
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = toLiveSet;
+var _liveSet = _interopRequireDefault(require("live-set"));
+function toLiveSet(itemWithLifetimeStream) {
+  return new _liveSet.default({
     read() {
       throw new Error('should not happen; liveset was inactive');
     },
     listen(setValues, controller) {
       setValues(new Set());
-
       const sub = itemWithLifetimeStream.observe({
-        value({ el, removalStream }) {
+        value(_ref) {
+          let {
+            el,
+            removalStream
+          } = _ref;
           controller.add(el);
           removalStream.take(1).onValue(() => {
             controller.remove(el);
           });
-        },
+        }
       });
-
       return () => {
         sub.unsubscribe();
       };
-    },
+    }
   });
-}
+}

package/src/platform-implementation-js/lib/wait-for.d.ts

@@ -1 +1,2 @@
-export default function waitFor<T>(condition: () => T | null | undefined, timeout?: number, steptime?: number): Promise<T>;
+export default function waitFor<T>(condition: () => T | null | undefined, timeout?: number, steptime?: number): Promise<NonNullable<T>>;
+//# sourceMappingURL=wait-for.d.ts.map

package/src/platform-implementation-js/lib/wait-for.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wait-for.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/lib/wait-for.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,CAAC,EAC/B,SAAS,EAAE,MAAM,CAAC,GAAG,IAAI,GAAG,SAAS,EACrC,OAAO,GAAE,MAAmB,EAC5B,QAAQ,GAAE,MAAY,GACrB,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAyBzB"}

package/src/platform-implementation-js/lib/wait-for.js

@@ -0,0 +1,28 @@
+export default function waitFor(condition, timeout = 120 * 1000, steptime = 250) {
+    // make this error here so we have a sensible stack.
+    const timeoutError = new Error('waitFor timeout');
+    return new Promise(function (resolve, reject) {
+        let waited = 0;
+        function step() {
+            try {
+                const result = condition();
+                if (result) {
+                    resolve(result);
+                }
+                else {
+                    if (waited >= timeout) {
+                        reject(timeoutError);
+                    }
+                    else {
+                        waited += steptime;
+                        setTimeout(step, steptime);
+                    }
+                }
+            }
+            catch (e) {
+                reject(e);
+            }
+        }
+        setTimeout(step, 1);
+    });
+}

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

@@ -1 +1,2 @@
 export default function waitForAsync<T>(condition: () => Promise<T | null | undefined>, timeout?: number, steptime?: number): Promise<T>;
+//# sourceMappingURL=waitForAsync.d.ts.map

package/src/platform-implementation-js/lib/waitForAsync.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"waitForAsync.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/lib/waitForAsync.ts"],"names":[],"mappings":"AAEA,wBAA8B,YAAY,CAAC,CAAC,EAC1C,SAAS,EAAE,MAAM,OAAO,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,EAC9C,OAAO,GAAE,MAAmB,EAC5B,QAAQ,GAAE,MAAY,GACrB,OAAO,CAAC,CAAC,CAAC,CAkBZ"}

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

@@ -0,0 +1,19 @@
+import delay from 'pdelay';
+export default async function waitForAsync(condition, timeout = 120 * 1000, steptime = 250) {
+    // make this error here so we have a sensible stack.
+    const timeoutError = new Error('waitForAsync timeout');
+    const timeoutTime = Date.now() + timeout;
+    // eslint-disable-next-line no-constant-condition
+    while (true) {
+        const result = await condition();
+        if (result) {
+            return result;
+        }
+        await delay(steptime);
+        if (Date.now() > timeoutTime) {
+            throw timeoutError;
+        }
+    }
+    // eslint-disable-next-line no-unreachable
+    throw new Error();
+}

package/src/platform-implementation-js/main-INTEGRATED-PAGEWORLD.js

@@ -1,8 +1,9 @@
+"use strict";
+
 /* eslint-disable flowtype/require-valid-file-annotation, no-undef */
 
-const { injectScriptEmbedded } = require('./lib/inject-script-EMBEDDED');
-require('./lib/inject-script').setInjectScriptImplementation(
+const {
   injectScriptEmbedded
-);
-
-module.exports = require('./main');
+} = require('./lib/inject-script-EMBEDDED');
+require('./lib/inject-script').setInjectScriptImplementation(injectScriptEmbedded);
+module.exports = require('./main');

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

@@ -1,11 +1,10 @@
+"use strict";
+
 /* eslint-disable flowtype/require-valid-file-annotation, no-undef */
 
 if (!global.__InboxSDKImpLoader) {
   var piMainStarted = Date.now();
-  var wasAccountSwitcherReadyAtStart = !!document.querySelector(
-    '[role=banner] div[aria-label] div div a[href^="https://myaccount.google."], [role=banner]+div div[aria-label] div div a[href^="https://myaccount.google."]'
-  );
-
+  var wasAccountSwitcherReadyAtStart = !!document.querySelector('[role=banner] div[aria-label] div div a[href^="https://myaccount.google."], [role=banner]+div div[aria-label] div div a[href^="https://myaccount.google."]');
   var oldDefine;
   try {
     if (typeof define !== 'undefined' && define && define.amd) {
@@ -17,26 +16,13 @@ if (!global.__InboxSDKImpLoader) {
     // TODO check error logs to see if we need to re-enable safari-fix-map.
     // require('safari-fix-map');
     var Kefir = require('kefir');
-
     var onready = new Promise((resolve, reject) => {
-      if (
-        document.readyState === 'complete' ||
-        document.readyState === 'interactive'
-      ) {
+      if (document.readyState === 'complete' || document.readyState === 'interactive') {
         resolve();
       } else {
-        resolve(
-          Kefir.merge([
-            Kefir.fromEvents(document, 'DOMContentLoaded'),
-            Kefir.fromEvents(window, 'load'),
-          ])
-            .take(1)
-            .map(() => null)
-            .toPromise()
-        );
+        resolve(Kefir.merge([Kefir.fromEvents(document, 'DOMContentLoaded'), Kefir.fromEvents(window, 'load')]).take(1).map(() => null).toPromise());
       }
     });
-
     global.__InboxSDKImpLoader = {
       load: function (version, appId, opts) {
         if (version !== '0.1') {
@@ -48,7 +34,6 @@ if (!global.__InboxSDKImpLoader) {
         if (appId === 'dropbox') {
           throw new Error('No longer supported');
         }
-
         var piLoadStarted = Date.now();
         return onready.then(() => {
           var oldDefine;
@@ -60,12 +45,12 @@ if (!global.__InboxSDKImpLoader) {
               define = null;
             }
             const {
-              makePlatformImplementation,
+              makePlatformImplementation
             } = require('./platform-implementation');
             return makePlatformImplementation(appId, opts, {
               piMainStarted,
               piLoadStarted,
-              wasAccountSwitcherReadyAtStart,
+              wasAccountSwitcherReadyAtStart
             });
           } finally {
             if (oldDefine) {
@@ -73,11 +58,11 @@ if (!global.__InboxSDKImpLoader) {
             }
           }
         });
-      },
+      }
     };
   } finally {
     if (oldDefine) {
       define = oldDefine;
     }
   }
-}
+}

package/src/platform-implementation-js/namespaces/app-menu.d.ts

@@ -0,0 +1,37 @@
+import GmailDriver from '../dom-driver/gmail/gmail-driver';
+import { AppMenuItemView } from '../views/app-menu-item-view';
+export type AppMenuItemDescriptor = {
+    name: string;
+    iconUrl?: {
+        darkTheme: string;
+        lightTheme: string;
+    };
+    className?: string;
+    iconClassName?: string;
+    insertIndex?: number;
+    onClick?: (e?: MouseEvent) => void | null;
+    onHover?: (e?: MouseEvent) => void | null;
+    routeID?: string;
+    routeParams?: {};
+    activeRouteID?: string;
+    activeRouteParams?: {};
+};
+export type AppMenuItemPanelDescriptor = {
+    className?: string;
+    primaryButton?: {
+        name: string;
+        onClick: (e: MouseEvent) => void;
+        iconUrl?: {
+            darkTheme: string;
+            lightTheme: string;
+        };
+        className?: string;
+    };
+};
+export default class AppMenu {
+    #private;
+    constructor(driver: GmailDriver);
+    addMenuItem(menuItemDescriptor: AppMenuItemDescriptor): AppMenuItemView;
+    isShown(): Promise<boolean>;
+}
+//# sourceMappingURL=app-menu.d.ts.map

package/src/platform-implementation-js/namespaces/app-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-menu.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/namespaces/app-menu.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,kCAAkC,CAAC;AAE3D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE;QACR,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,GAAG,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,GAAG,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,EAAE,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,EAAE,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE;QACd,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;QACjC,OAAO,CAAC,EAAE;YACR,SAAS,EAAE,MAAM,CAAC;YAClB,UAAU,EAAE,MAAM,CAAC;SACpB,CAAC;QACF,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CAIH,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,OAAO;;gBAGd,MAAM,EAAE,WAAW;IAI/B,WAAW,CAAC,kBAAkB,EAAE,qBAAqB,GAAG,eAAe;IASjE,OAAO;CAId"}

package/src/platform-implementation-js/namespaces/app-menu.js

@@ -0,0 +1,18 @@
+import GmailElementGetter from '../dom-driver/gmail/gmail-element-getter';
+import { AppMenuItemView } from '../views/app-menu-item-view';
+export default class AppMenu {
+    #driver;
+    constructor(driver) {
+        this.#driver = driver;
+    }
+    addMenuItem(menuItemDescriptor) {
+        // TODO: should we support the Observable being passed in
+        const navItemView = new AppMenuItemView(this.#driver, menuItemDescriptor);
+        // this.#menuItemViews.push(navItemView);
+        return navItemView;
+    }
+    async isShown() {
+        const result = await GmailElementGetter.getAppMenuAsync();
+        return !!result;
+    }
+}

package/src/platform-implementation-js/namespaces/butter-bar.d.ts

@@ -8,3 +8,4 @@ export default class ButterBar {
     hideMessage(messageKey: any | string): void;
     hideGmailMessage(): void;
 }
+//# sourceMappingURL=butter-bar.d.ts.map

package/src/platform-implementation-js/namespaces/butter-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"butter-bar.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/namespaces/butter-bar.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAmBvE,MAAM,CAAC,OAAO,OAAO,SAAS;gBACT,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IASzC,WAAW,CAAC,OAAO,EAAE,GAAG,GAAG,gBAAgB;IA8F3C,WAAW,CAAC,OAAO,GAAE,GAAQ,GAAG,gBAAgB;IAchD,SAAS,CAAC,OAAO,EAAE,GAAG,GAAG,gBAAgB;IAQzC,UAAU,CAAC,OAAO,GAAE,GAAQ,GAAG,GAAG;IAmClC,WAAW,CAAC,UAAU,EAAE,GAAG,GAAG,MAAM;IAUpC,gBAAgB;CAMxB"}

package/src/platform-implementation-js/namespaces/butter-bar.js

@@ -0,0 +1,163 @@
+import defaults from 'lodash/defaults';
+import sortBy from 'lodash/sortBy';
+import find from 'lodash/find';
+import Kefir from 'kefir';
+import kefirBus from 'kefir-bus';
+import defer from '../../common/defer';
+import get from '../../common/get-or-fail';
+const ancientComplainTime = 2 * 60 * 1000;
+const dummyPacket = Object.freeze({
+    destroy: Object.freeze(function () {
+        // do nothing
+    }),
+});
+const memberMap = new WeakMap();
+// documented in src/docs/
+export default class ButterBar {
+    constructor(appId, driver) {
+        const members = {
+            driver,
+            messagesByKey: new Map(),
+            queuedPackets: [],
+        };
+        memberMap.set(this, members);
+    }
+    showMessage(options) {
+        defaults(options, {
+            priority: 0,
+            time: 15 * 1000,
+            hideOnViewChanged: true,
+            persistent: false,
+        });
+        this.hideMessage(options.messageKey);
+        const members = get(memberMap, this);
+        const butterBarDriver = members.driver.getButterBarDriver();
+        const messageId = Date.now() + '-' + Math.random();
+        {
+            let queue = butterBarDriver.getSharedMessageQueue();
+            queue.unshift({
+                messageId,
+                priority: options.priority,
+                persistent: options.persistent,
+            });
+            queue = sortBy(queue, (item) => -item.priority);
+            queue = queue.filter((item, i) => i === 0 || item.persistent);
+            butterBarDriver.setSharedMessageQueue(queue);
+            if (!find(queue, (item) => item.messageId === messageId)) {
+                return dummyPacket;
+            }
+        }
+        const stopper = kefirBus();
+        if (options.hideOnViewChanged) {
+            // Set hideOnViewChanged to true only after this run of the event
+            // loop completes. This fixes the issue where a butterbar message
+            // with hideOnViewChanged spawned in a gmail viewChanged handler
+            // would die immediately as the rest of the event's handlers are
+            // called.
+            stopper.plug(Kefir.later(0, null)
+                .flatMap(() => members.driver.getRouteViewDriverStream().changes())
+                .map(() => null));
+        }
+        if (isFinite(options.time)) {
+            stopper.plug(Kefir.later(options.time, null));
+        }
+        // Error made here for sensible stack
+        const timeoutErr = new Error('Butter bar message timed out');
+        stopper.plug(Kefir.later(ancientComplainTime, null).map((x) => {
+            members.driver.getLogger().errorApp(timeoutErr);
+            return x;
+        }));
+        stopper.take(1).onValue(() => {
+            if (options.messageKey) {
+                members.messagesByKey.delete(options.messageKey);
+            }
+            const queue = butterBarDriver.getSharedMessageQueue();
+            butterBarDriver.setSharedMessageQueue(queue.filter((item) => item.messageId !== messageId));
+        });
+        butterBarDriver
+            .getNoticeAvailableStream()
+            .toProperty(() => null)
+            .takeUntilBy(stopper)
+            .filter(() => {
+            const queue = butterBarDriver.getSharedMessageQueue();
+            if (!queue[0])
+                stopper.value(undefined);
+            return queue[0] && queue[0].messageId === messageId;
+        })
+            .onValue(() => {
+            const rawHandle = butterBarDriver.showMessage(options);
+            stopper.take(1).onValue(() => {
+                rawHandle.destroy();
+            });
+        });
+        const message = {
+            destroy() {
+                stopper.value(undefined);
+            },
+        };
+        if (options.messageKey) {
+            members.messagesByKey.set(options.messageKey, message);
+        }
+        return message;
+    }
+    showLoading(options = {}) {
+        defaults(options, {
+            text: 'Loading...',
+            priority: -3,
+            time: Infinity,
+            persistent: true,
+            hideOnViewChanged: true,
+        });
+        options.time = Infinity; // Loading messages should exist until destroyed.
+        return this.showMessage(options);
+    }
+    showError(options) {
+        defaults(options, {
+            priority: 100,
+            className: 'inboxsdk__butterbar_error',
+        });
+        return this.showMessage(options);
+    }
+    showSaving(options = {}) {
+        defaults(options, {
+            text: 'Saving...',
+            confirmationText: 'Saved',
+            confirmationTime: 1 * 1000,
+            priority: -2,
+            time: Infinity,
+            persistent: true,
+            hideOnViewChanged: false,
+            showConfirmation: true,
+        });
+        const savingMessage = this.showMessage(options);
+        const deferred = defer();
+        deferred.promise.then(() => {
+            savingMessage.destroy();
+            if (options.showConfirmation) {
+                this.showMessage({
+                    text: options.confirmationText,
+                    messageKey: options.messageKey,
+                    time: options.confirmationTime,
+                    priority: 200,
+                });
+            }
+        }, () => {
+            savingMessage.destroy();
+        });
+        return deferred;
+    }
+    hideMessage(messageKey) {
+        if (messageKey) {
+            const members = get(memberMap, this);
+            const message = members.messagesByKey.get(messageKey);
+            if (message) {
+                message.destroy();
+            }
+        }
+    }
+    hideGmailMessage() {
+        const members = get(memberMap, this);
+        const butterBarDriver = members.driver.getButterBarDriver();
+        butterBarDriver.hideGmailMessage();
+    }
+}