@inboxsdk/core 1.1.5 → 1.1.7

package/src/platform-implementation-js/dom-driver/inbox/views/inbox-drawer-view.js

@@ -1,269 +1,292 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _ud = require("ud");
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
-var _kefirBus = _interopRequireDefault(require("kefir-bus"));
-var _inboxBackdrop = _interopRequireDefault(require("./inbox-backdrop"));
-var _fromEventTargetCapture = _interopRequireDefault(require("../../../lib/from-event-target-capture"));
-var _findParent = _interopRequireDefault(require("../../../../common/find-parent"));
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import * as Kefir from 'kefir';
+import kefirStopper from 'kefir-stopper';
+import kefirBus from 'kefir-bus';
+import InboxBackdrop from './inbox-backdrop';
+import fromEventTargetCapture from '../../../lib/from-event-target-capture';
+import findParent from '../../../../common/find-parent';
 const TAKE_OVER_EVENT = 'inboxSDKdrawerViewTakingOver';
 const zIndex = 500;
 class InboxDrawerView {
-  constructor(options) {
-    (0, _defineProperty2.default)(this, "_backdrop", null);
-    (0, _defineProperty2.default)(this, "_closing", (0, _kefirStopper.default)());
-    (0, _defineProperty2.default)(this, "_closed", (0, _kefirStopper.default)());
-    (0, _defineProperty2.default)(this, "_composeChanges", (0, _kefirBus.default)());
-    (0, _defineProperty2.default)(this, "_preAutoCloseStream", (0, _kefirBus.default)());
-    this._chrome = typeof options.chrome === 'boolean' ? options.chrome : true;
-    let insertionTarget = document.body;
-    let composeRect = null;
-    const {
-      composeView,
-      closeWithCompose
-    } = options;
-    if (composeView) {
-      const ret = this._setupComposeInsertionTarget(composeView, closeWithCompose);
-      insertionTarget = ret.insertionTarget;
-      composeRect = ret.composeRect;
+    _chrome;
+    _exitEl;
+    _containerEl;
+    _el;
+    _backdrop = null;
+    _slideAnimationDone;
+    _closing = kefirStopper();
+    _closed = kefirStopper();
+    _composeChanges = kefirBus();
+    _preAutoCloseStream = kefirBus();
+    constructor(options) {
+        this._chrome = typeof options.chrome === 'boolean' ? options.chrome : true;
+        let insertionTarget = document.body;
+        let composeRect = null;
+        const { composeView, closeWithCompose } = options;
+        if (composeView) {
+            const ret = this._setupComposeInsertionTarget(composeView, closeWithCompose);
+            insertionTarget = ret.insertionTarget;
+            composeRect = ret.composeRect;
+        }
+        this._setupElement(options, insertionTarget);
+        // Move or resize the ComposeView so that it's not clipped by the DrawerView.
+        let composeNeedToMoveLeft = 0;
+        if (composeView) {
+            if (!composeRect)
+                throw new Error('should not happen');
+            composeNeedToMoveLeft = this._setupComposeAnimation(composeView, composeRect, true);
+        }
+        this._el.offsetHeight; // force layout so that adding a class does a transition.
+        this._el.classList.add('inboxsdk__active');
+        this._slideAnimationDone = Kefir.fromEvents(this._el, 'transitionend')
+            .take(1)
+            .takeUntilBy(this._closing)
+            .map(() => null);
+        if (composeView) {
+            this._positionCompose(composeView, composeNeedToMoveLeft);
+        }
+        // Gmail calls preventDefault on escape keypresses. We want to close the
+        // drawer for any escape keypresses which weren't preventDefaulted by the
+        // current extension.
+        fromEventTargetCapture(document, 'keydown')
+            .filter((e) => (e.key ? e.key === 'Escape' : e.which === 27))
+            .takeUntilBy(this._closing)
+            .onValue((e) => {
+            const origPreventDefault = e.preventDefault;
+            e.preventDefault = function () {
+                this._defaultPreventedInContext = true;
+                return origPreventDefault.call(this);
+            };
+        });
+        Kefir.fromEvents(document, 'keydown')
+            .filter((e) => (e.key ? e.key === 'Escape' : e.which === 27))
+            .filter((e) => !e._defaultPreventedInContext)
+            .filter((event) => {
+            let isCanceled = false;
+            const appEvent = {
+                type: 'escape',
+                cause: event,
+                cancel: () => {
+                    isCanceled = true;
+                },
+            };
+            this._preAutoCloseStream.emit(appEvent);
+            return !isCanceled;
+        })
+            .takeUntilBy(this._closing)
+            .onValue(() => {
+            this.close();
+        });
     }
-    this._setupElement(options, insertionTarget);
-
-    // Move or resize the ComposeView so that it's not clipped by the DrawerView.
-    let composeNeedToMoveLeft = 0;
-    if (composeView) {
-      if (!composeRect) throw new Error('should not happen');
-      composeNeedToMoveLeft = this._setupComposeAnimation(composeView, composeRect, true);
+    _setupComposeInsertionTarget(composeView, closeWithCompose) {
+        if (composeView.isMinimized()) {
+            throw new Error("Can't attach DrawerView to minimized ComposeView");
+        }
+        if (composeView.isInlineReplyForm()) {
+            throw new Error("Can't attach DrawerView to inline ComposeView");
+        }
+        if (composeView.isFullscreen()) {
+            composeView.setFullscreen(false);
+        }
+        const closeEvents = [
+            Kefir.fromEvents(composeView, 'restored'),
+            Kefir.later(10, undefined).flatMap(() => Kefir.fromEvents(composeView, 'fullscreenChanged')),
+        ];
+        if (closeWithCompose) {
+            closeEvents.push(Kefir.fromEvents(composeView, 'destroy'), Kefir.fromEvents(composeView, 'minimized'));
+        }
+        Kefir.merge(closeEvents)
+            .takeUntilBy(this._closing.merge(this._composeChanges))
+            .onValue(() => this.close());
+        const composeEl = composeView.getElement();
+        // Read the compose size before any DOM modifications besides un-fullscreening it.
+        const composeRect = composeEl.getBoundingClientRect();
+        // We're going to modify a bunch of elements, and then clean up our
+        // modifications to them once the DrawerView is closed. However, if a
+        // second DrawerView is opened, that will trigger this DrawerView to
+        // close, and we need to avoid cleaning up the elements that the 2nd
+        // DrawerView modifies so we don't trample its changes.
+        // This is accomplished by us emitting TAKE_OVER_EVENT on every element
+        // we modify. Then we listen for TAKE_OVER_EVENT on these elements. If we
+        // get a TAKE_OVER_EVENT from another DrawerView, we don't do our cleanup
+        // on that element.
+        // Figure out where we're going to stick our DrawerView in the DOM, and
+        // set up the z-indexes of the ComposeView's offsetParent and the
+        // insertionTarget point so everything will look right.
+        const composeOffsetParent = composeEl.offsetParent;
+        if (!(composeOffsetParent instanceof HTMLElement))
+            throw new Error('should not happen');
+        const insertionTarget = findParent(composeOffsetParent, (el) => window.getComputedStyle(el).getPropertyValue('z-index') !== 'auto' &&
+            el.getBoundingClientRect().left === 0) || document.body;
+        composeEl.dispatchEvent(new CustomEvent(TAKE_OVER_EVENT, {
+            bubbles: false,
+            cancelable: false,
+            detail: null,
+        }));
+        composeOffsetParent.dispatchEvent(new CustomEvent(TAKE_OVER_EVENT, {
+            bubbles: false,
+            cancelable: false,
+            detail: null,
+        }));
+        insertionTarget.dispatchEvent(new CustomEvent(TAKE_OVER_EVENT, {
+            bubbles: false,
+            cancelable: false,
+            detail: null,
+        }));
+        // Needed to stop composeviews from coming apart visually in Gmail.
+        insertionTarget.classList.add('inboxsdk__drawers_in_use');
+        // Needed to make DrawerView show over search bar in Inbox.
+        insertionTarget.style.zIndex = String(zIndex);
+        if (!composeOffsetParent.hasAttribute('data-drawer-old-zindex')) {
+            composeOffsetParent.setAttribute('data-drawer-old-zindex', composeOffsetParent.style.zIndex);
+        }
+        composeOffsetParent.style.zIndex = String(zIndex + 2); // 1 more than compose
+        this._closed
+            .takeUntilBy(Kefir.fromEvents(insertionTarget, TAKE_OVER_EVENT))
+            .onValue(() => {
+            insertionTarget.style.zIndex = '';
+        });
+        this._closed
+            .merge(this._composeChanges)
+            .takeUntilBy(Kefir.fromEvents(composeOffsetParent, TAKE_OVER_EVENT))
+            .onValue(() => {
+            composeOffsetParent.style.zIndex =
+                composeOffsetParent.getAttribute('data-drawer-old-zindex') || '';
+            composeOffsetParent.removeAttribute('data-drawer-old-zindex');
+        });
+        return {
+            composeRect,
+            insertionTarget,
+        };
     }
-    this._el.offsetHeight; // force layout so that adding a class does a transition.
-    this._el.classList.add('inboxsdk__active');
-    this._slideAnimationDone = _kefir.default.fromEvents(this._el, 'transitionend').take(1).takeUntilBy(this._closing).map(() => null);
-    if (composeView) {
-      this._positionCompose(composeView, composeNeedToMoveLeft);
+    _setupElement(options, insertionTarget) {
+        const backdrop = (this._backdrop = new InboxBackdrop(zIndex, insertionTarget));
+        this._preAutoCloseStream.plug(backdrop.getPreAutoCloseStream());
+        backdrop
+            .getStopper()
+            .takeUntilBy(this._closing)
+            .onValue(() => {
+            this.close();
+        });
+        this._containerEl = document.createElement('div');
+        this._containerEl.className = 'inboxsdk__drawer_view_container';
+        this._containerEl.style.zIndex = String(zIndex + 1);
+        this._el = document.createElement('div');
+        this._el.setAttribute('role', 'dialog');
+        this._el.tabIndex = 0;
+        this._el.className = 'inboxsdk__drawer_view';
+        if (options.matchSidebarContentPanelWidth) {
+            this._el.classList.add('inboxsdk__match_sidebar_content_panel_width');
+        }
+        this._containerEl.appendChild(this._el);
+        if (this._chrome) {
+            const titleBar = document.createElement('div');
+            titleBar.className = 'inboxsdk__drawer_title_bar';
+            const closeButton = document.createElement('button');
+            closeButton.type = 'button';
+            closeButton.title = 'Close';
+            closeButton.className = 'inboxsdk__close_button';
+            closeButton.addEventListener('click', (e) => {
+                this.close();
+            });
+            titleBar.appendChild(closeButton);
+            const title = document.createElement('div');
+            title.className = 'inboxsdk__drawer_title';
+            title.setAttribute('role', 'heading');
+            title.textContent = options.title || '';
+            titleBar.appendChild(title);
+            this._el.appendChild(titleBar);
+        }
+        this._el.appendChild(options.el);
+        insertionTarget.appendChild(this._containerEl);
+        this._closing.onValue(() => {
+            if (this._backdrop)
+                this._backdrop.destroy();
+            this._el.classList.remove('inboxsdk__active');
+            Kefir.fromEvents(this._el, 'transitionend')
+                .merge(Kefir.later(200, undefined)) // transition might not finish if element is hidden
+                .take(1)
+                .onValue(() => {
+                this._closed.destroy();
+                this._containerEl.remove();
+            });
+        });
     }
-
-    // Gmail calls preventDefault on escape keypresses. We want to close the
-    // drawer for any escape keypresses which weren't preventDefaulted by the
-    // current extension.
-    (0, _fromEventTargetCapture.default)(document, 'keydown').filter(e => e.key ? e.key === 'Escape' : e.which === 27).takeUntilBy(this._closing).onValue(e => {
-      const origPreventDefault = e.preventDefault;
-      e.preventDefault = function () {
-        this._defaultPreventedInContext = true;
-        return origPreventDefault.call(this);
-      };
-    });
-    _kefir.default.fromEvents(document, 'keydown').filter(e => e.key ? e.key === 'Escape' : e.which === 27).filter(e => !e._defaultPreventedInContext).filter(event => {
-      let isCanceled = false;
-      const appEvent = {
-        type: 'escape',
-        cause: event,
-        cancel: () => {
-          isCanceled = true;
+    _setupComposeAnimation(composeView, composeRect, forceLayout) {
+        const composeEl = composeView.getElement();
+        const parentEl = composeEl.parentElement;
+        const drawerRect = this._el.getBoundingClientRect();
+        const margin = 24;
+        const preexistingLeftAdjustment = parseInt(parentEl.style.left) || 0;
+        const composeNeedToMoveLeft = composeRect.right -
+            preexistingLeftAdjustment -
+            (window.innerWidth - drawerRect.width - margin);
+        if (composeNeedToMoveLeft > 0) {
+            parentEl.style.position = 'relative';
+            parentEl.style.transition = 'left 150ms cubic-bezier(.4,0,.2,1)';
+            parentEl.style.left = '0';
+            if (forceLayout) {
+                parentEl.offsetHeight;
+            } // We only want to force a full layout once, so we don't start the
+            // animation here. We let the caller do that after they've forced layout
+            // of the DrawerView _el too if they want.
         }
-      };
-      this._preAutoCloseStream.emit(appEvent);
-      return !isCanceled;
-    }).takeUntilBy(this._closing).onValue(() => {
-      this.close();
-    });
-  }
-  _setupComposeInsertionTarget(composeView, closeWithCompose) {
-    if (composeView.isMinimized()) {
-      throw new Error("Can't attach DrawerView to minimized ComposeView");
+        return composeNeedToMoveLeft;
     }
-    if (composeView.isInlineReplyForm()) {
-      throw new Error("Can't attach DrawerView to inline ComposeView");
+    _positionCompose(composeView, composeNeedToMoveLeft) {
+        if (composeNeedToMoveLeft > 0) {
+            const composeEl = composeView.getElement();
+            const parentEl = composeEl.parentElement;
+            parentEl.style.left = `${-composeNeedToMoveLeft}px`;
+            // When the drawer closes, animate the compose back to its original
+            // location, and then unset our extra CSS.
+            // If the drawer has a different compose associated with it, then just
+            // immediately remove this compose view's extra CSS.
+            this._closing
+                .takeUntilBy(this._composeChanges)
+                .takeUntilBy(Kefir.fromEvents(composeEl, TAKE_OVER_EVENT))
+                .onValue(() => {
+                parentEl.style.left = '0';
+            })
+                .flatMap(() => Kefir.fromEvents(parentEl, 'transitionend').merge(Kefir.later(200, undefined)) // transition might not finish if element is hidden
+            )
+                .merge(this._composeChanges)
+                .take(1)
+                .takeUntilBy(Kefir.fromEvents(composeEl, TAKE_OVER_EVENT))
+                .onValue(() => {
+                parentEl.style.position = '';
+                parentEl.style.left = '';
+                parentEl.style.transition = '';
+            });
+        }
     }
-    if (composeView.isFullscreen()) {
-      composeView.setFullscreen(false);
+    associateComposeView(composeView, closeWithCompose) {
+        this._composeChanges.emit(null);
+        const { insertionTarget, composeRect } = this._setupComposeInsertionTarget(composeView, closeWithCompose);
+        if (this._backdrop)
+            insertionTarget.appendChild(this._backdrop.getElement());
+        if (this._containerEl.parentElement !== insertionTarget)
+            insertionTarget.appendChild(this._containerEl);
+        const composeNeedToMoveLeft = this._setupComposeAnimation(composeView, composeRect, false);
+        this._positionCompose(composeView, composeNeedToMoveLeft);
     }
-    const closeEvents = [_kefir.default.fromEvents(composeView, 'restored'), _kefir.default.later(10).flatMap(() => _kefir.default.fromEvents(composeView, 'fullscreenChanged'))];
-    if (closeWithCompose) {
-      closeEvents.push(_kefir.default.fromEvents(composeView, 'destroy'), _kefir.default.fromEvents(composeView, 'minimized'));
+    disassociateComposeView() {
+        this._composeChanges.emit(null);
     }
-    _kefir.default.merge(closeEvents).takeUntilBy(this._closing.merge(this._composeChanges)).onValue(() => this.close());
-    const composeEl = composeView.getElement();
-
-    // Read the compose size before any DOM modifications besides un-fullscreening it.
-    const composeRect = composeEl.getBoundingClientRect();
-
-    // We're going to modify a bunch of elements, and then clean up our
-    // modifications to them once the DrawerView is closed. However, if a
-    // second DrawerView is opened, that will trigger this DrawerView to
-    // close, and we need to avoid cleaning up the elements that the 2nd
-    // DrawerView modifies so we don't trample its changes.
-    // This is accomplished by us emitting TAKE_OVER_EVENT on every element
-    // we modify. Then we listen for TAKE_OVER_EVENT on these elements. If we
-    // get a TAKE_OVER_EVENT from another DrawerView, we don't do our cleanup
-    // on that element.
-
-    // Figure out where we're going to stick our DrawerView in the DOM, and
-    // set up the z-indexes of the ComposeView's offsetParent and the
-    // insertionTarget point so everything will look right.
-    const composeOffsetParent = composeEl.offsetParent;
-    if (!(composeOffsetParent instanceof HTMLElement)) throw new Error('should not happen');
-    const insertionTarget = (0, _findParent.default)(composeOffsetParent, el => window.getComputedStyle(el).getPropertyValue('z-index') !== 'auto' && el.getBoundingClientRect().left === 0) || document.body;
-    composeEl.dispatchEvent(new CustomEvent(TAKE_OVER_EVENT, {
-      bubbles: false,
-      cancelable: false,
-      detail: null
-    }));
-    composeOffsetParent.dispatchEvent(new CustomEvent(TAKE_OVER_EVENT, {
-      bubbles: false,
-      cancelable: false,
-      detail: null
-    }));
-    insertionTarget.dispatchEvent(new CustomEvent(TAKE_OVER_EVENT, {
-      bubbles: false,
-      cancelable: false,
-      detail: null
-    }));
-
-    // Needed to stop composeviews from coming apart visually in Gmail.
-    insertionTarget.classList.add('inboxsdk__drawers_in_use');
-    // Needed to make DrawerView show over search bar in Inbox.
-    insertionTarget.style.zIndex = String(zIndex);
-    if (!composeOffsetParent.hasAttribute('data-drawer-old-zindex')) {
-      composeOffsetParent.setAttribute('data-drawer-old-zindex', composeOffsetParent.style.zIndex);
+    getSlideAnimationDone() {
+        return this._slideAnimationDone;
     }
-    composeOffsetParent.style.zIndex = String(zIndex + 2); // 1 more than compose
-
-    this._closed.takeUntilBy(_kefir.default.fromEvents(insertionTarget, TAKE_OVER_EVENT)).onValue(() => {
-      insertionTarget.style.zIndex = '';
-    });
-    this._closed.merge(this._composeChanges).takeUntilBy(_kefir.default.fromEvents(composeOffsetParent, TAKE_OVER_EVENT)).onValue(() => {
-      composeOffsetParent.style.zIndex = composeOffsetParent.getAttribute('data-drawer-old-zindex') || '';
-      composeOffsetParent.removeAttribute('data-drawer-old-zindex');
-    });
-    return {
-      composeRect,
-      insertionTarget
-    };
-  }
-  _setupElement(options, insertionTarget) {
-    const backdrop = this._backdrop = new _inboxBackdrop.default(zIndex, insertionTarget);
-    this._preAutoCloseStream.plug(backdrop.getPreAutoCloseStream());
-    backdrop.getStopper().takeUntilBy(this._closing).onValue(() => {
-      this.close();
-    });
-    this._containerEl = document.createElement('div');
-    this._containerEl.className = 'inboxsdk__drawer_view_container';
-    this._containerEl.style.zIndex = String(zIndex + 1);
-    this._el = document.createElement('div');
-    this._el.setAttribute('role', 'dialog');
-    this._el.tabIndex = 0;
-    this._el.className = 'inboxsdk__drawer_view';
-    if (options.matchSidebarContentPanelWidth) {
-      this._el.classList.add('inboxsdk__match_sidebar_content_panel_width');
+    getClosingStream() {
+        return this._closing;
     }
-    this._containerEl.appendChild(this._el);
-    if (this._chrome) {
-      const titleBar = document.createElement('div');
-      titleBar.className = 'inboxsdk__drawer_title_bar';
-      const closeButton = document.createElement('button');
-      closeButton.type = 'button';
-      closeButton.title = 'Close';
-      closeButton.className = 'inboxsdk__close_button';
-      closeButton.addEventListener('click', e => {
-        this.close();
-      });
-      titleBar.appendChild(closeButton);
-      const title = document.createElement('div');
-      title.className = 'inboxsdk__drawer_title';
-      title.setAttribute('role', 'heading');
-      title.textContent = options.title || '';
-      titleBar.appendChild(title);
-      this._el.appendChild(titleBar);
+    getClosedStream() {
+        return this._closed;
     }
-    this._el.appendChild(options.el);
-    insertionTarget.appendChild(this._containerEl);
-    this._closing.onValue(() => {
-      if (this._backdrop) this._backdrop.destroy();
-      this._el.classList.remove('inboxsdk__active');
-      _kefir.default.fromEvents(this._el, 'transitionend').merge(_kefir.default.later(200)) // transition might not finish if element is hidden
-      .take(1).onValue(() => {
-        this._closed.destroy();
-        this._containerEl.remove();
-      });
-    });
-  }
-  _setupComposeAnimation(composeView, composeRect, forceLayout) {
-    const composeEl = composeView.getElement();
-    const parentEl = composeEl.parentElement;
-    const drawerRect = this._el.getBoundingClientRect();
-    const margin = 24;
-    const preexistingLeftAdjustment = parseInt(parentEl.style.left) || 0;
-    const composeNeedToMoveLeft = composeRect.right - preexistingLeftAdjustment - (window.innerWidth - drawerRect.width - margin);
-    if (composeNeedToMoveLeft > 0) {
-      parentEl.style.position = 'relative';
-      parentEl.style.transition = 'left 150ms cubic-bezier(.4,0,.2,1)';
-      parentEl.style.left = '0';
-      if (forceLayout) {
-        parentEl.offsetHeight;
-      }
-      // We only want to force a full layout once, so we don't start the
-      // animation here. We let the caller do that after they've forced layout
-      // of the DrawerView _el too if they want.
+    getPreAutoCloseStream() {
+        return this._preAutoCloseStream;
     }
-
-    return composeNeedToMoveLeft;
-  }
-  _positionCompose(composeView, composeNeedToMoveLeft) {
-    if (composeNeedToMoveLeft > 0) {
-      const composeEl = composeView.getElement();
-      const parentEl = composeEl.parentElement;
-      parentEl.style.left = `${-composeNeedToMoveLeft}px`;
-
-      // When the drawer closes, animate the compose back to its original
-      // location, and then unset our extra CSS.
-      // If the drawer has a different compose associated with it, then just
-      // immediately remove this compose view's extra CSS.
-      this._closing.takeUntilBy(this._composeChanges).takeUntilBy(_kefir.default.fromEvents(composeEl, TAKE_OVER_EVENT)).onValue(() => {
-        parentEl.style.left = '0';
-      }).flatMap(() => _kefir.default.fromEvents(parentEl, 'transitionend').merge(_kefir.default.later(200)) // transition might not finish if element is hidden
-      ).merge(this._composeChanges).take(1).takeUntilBy(_kefir.default.fromEvents(composeEl, TAKE_OVER_EVENT)).onValue(() => {
-        parentEl.style.position = '';
-        parentEl.style.left = '';
-        parentEl.style.transition = '';
-      });
+    close() {
+        this._closing.destroy();
     }
-  }
-  associateComposeView(composeView, closeWithCompose) {
-    this._composeChanges.emit(null);
-    const {
-      insertionTarget,
-      composeRect
-    } = this._setupComposeInsertionTarget(composeView, closeWithCompose);
-    if (this._backdrop) insertionTarget.appendChild(this._backdrop.getElement());
-    if (this._containerEl.parentElement !== insertionTarget) insertionTarget.appendChild(this._containerEl);
-    const composeNeedToMoveLeft = this._setupComposeAnimation(composeView, composeRect, false);
-    this._positionCompose(composeView, composeNeedToMoveLeft);
-  }
-  disassociateComposeView() {
-    this._composeChanges.emit(null);
-  }
-  getSlideAnimationDone() {
-    return this._slideAnimationDone;
-  }
-  getClosingStream() {
-    return this._closing;
-  }
-  getClosedStream() {
-    return this._closed;
-  }
-  getPreAutoCloseStream() {
-    return this._preAutoCloseStream;
-  }
-  close() {
-    this._closing.destroy();
-  }
 }
-var _default = (0, _ud.defn)(module, InboxDrawerView);
-exports.default = _default;
+export default InboxDrawerView;

package/src/platform-implementation-js/driver-common/compose/getDiscardStream.d.ts

@@ -0,0 +1,6 @@
+import * as Kefir from 'kefir';
+export default function getDiscardStream({ element, discardButton, }: {
+    element: HTMLElement;
+    discardButton: HTMLElement;
+}): Kefir.Observable<Record<string, any>, unknown>;
+//# sourceMappingURL=getDiscardStream.d.ts.map

package/src/platform-implementation-js/driver-common/compose/getDiscardStream.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDiscardStream.d.ts","sourceRoot":"","sources":["../../../../../../src/platform-implementation-js/driver-common/compose/getDiscardStream.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EACP,aAAa,GACd,EAAE;IACD,OAAO,EAAE,WAAW,CAAC;IACrB,aAAa,EAAE,WAAW,CAAC;CAC5B,GAAG,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,CAAC,CA0BjD"}

package/src/platform-implementation-js/driver-common/compose/getDiscardStream.js

@@ -1,33 +1,28 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = getDiscardStream;
-var _asap = _interopRequireDefault(require("asap"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _fromEventTargetCapture = _interopRequireDefault(require("../../lib/from-event-target-capture"));
-const dispatchCancel = element => (0, _asap.default)(() => element.dispatchEvent(new CustomEvent('inboxSDKdiscardCanceled', {
-  bubbles: false,
-  cancelable: false,
-  detail: null
+import asap from 'asap';
+import * as Kefir from 'kefir';
+import fromEventTargetCapture from '../../lib/from-event-target-capture';
+const dispatchCancel = (element) => asap(() => element.dispatchEvent(new CustomEvent('inboxSDKdiscardCanceled', {
+    bubbles: false,
+    cancelable: false,
+    detail: null,
 })));
-function getDiscardStream(_ref) {
-  let {
-    element,
-    discardButton
-  } = _ref;
-  const domEventStream = _kefir.default.merge([(0, _fromEventTargetCapture.default)(element, 'keydown').filter(domEvent => [13, 32].indexOf(domEvent.which) > -1 || [13, 32].indexOf(domEvent.keyCode) > -1).filter(domEvent => discardButton && discardButton.contains(domEvent.target)), (0, _fromEventTargetCapture.default)(element, 'click').filter(domEvent => discardButton && discardButton.contains(domEvent.target))]);
-  return domEventStream.map(domEvent => ({
-    eventName: 'discard',
-    data: {
-      cancel() {
-        domEvent.preventDefault();
-        domEvent.stopPropagation();
-        domEvent.stopImmediatePropagation();
-        dispatchCancel(element);
-      }
-    }
-  }));
-}
+export default function getDiscardStream({ element, discardButton, }) {
+    const domEventStream = Kefir.merge([
+        fromEventTargetCapture(element, 'keydown')
+            .filter((domEvent) => [13, 32].indexOf(domEvent.which) > -1 ||
+            [13, 32].indexOf(domEvent.keyCode) > -1)
+            .filter((domEvent) => discardButton && discardButton.contains(domEvent.target)),
+        fromEventTargetCapture(element, 'click').filter((domEvent) => discardButton && discardButton.contains(domEvent.target)),
+    ]);
+    return domEventStream.map((domEvent) => ({
+        eventName: 'discard',
+        data: {
+            cancel() {
+                domEvent.preventDefault();
+                domEvent.stopPropagation();
+                domEvent.stopImmediatePropagation();
+                dispatchCancel(element);
+            },
+        },
+    }));
+}

package/src/platform-implementation-js/driver-common/compose/getPresendingStream.d.ts

@@ -0,0 +1,7 @@
+import * as Kefir from 'kefir';
+export default function ({ element, sendButton, sendAndArchive, }: {
+    element: HTMLElement;
+    sendButton: HTMLElement;
+    sendAndArchive?: HTMLElement | null | undefined;
+}): Kefir.Observable<Record<string, any>, unknown>;
+//# sourceMappingURL=getPresendingStream.d.ts.map

package/src/platform-implementation-js/driver-common/compose/getPresendingStream.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPresendingStream.d.ts","sourceRoot":"","sources":["../../../../../../src/platform-implementation-js/driver-common/compose/getPresendingStream.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,MAAM,CAAC,OAAO,WAAW,EACvB,OAAO,EACP,UAAU,EACV,cAAc,GACf,EAAE;IACD,OAAO,EAAE,WAAW,CAAC;IACrB,UAAU,EAAE,WAAW,CAAC;IACxB,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;CACjD,GAAG,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,CAAC,CA8CjD"}