@inboxsdk/core 1.1.6 → 1.1.8

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-app-toolbar-button-view/monitor-top-banner-size-and-react.d.ts

@@ -0,0 +1,2 @@
+export default function monitorTopBannerSizeAndReact(): void;
+//# sourceMappingURL=monitor-top-banner-size-and-react.d.ts.map

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-app-toolbar-button-view/monitor-top-banner-size-and-react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"monitor-top-banner-size-and-react.d.ts","sourceRoot":"","sources":["../../../../../../../../src/platform-implementation-js/dom-driver/gmail/views/gmail-app-toolbar-button-view/monitor-top-banner-size-and-react.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,OAAO,UAAU,4BAA4B,SAiBnD"}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-app-toolbar-button-view/monitor-top-banner-size-and-react.js

@@ -1,25 +1,24 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = monitorTopBannerSizeAndReact;
 const BANNER_WIDTH_LIMIT = 900;
-function monitorTopBannerSizeAndReact() {
-  const ResizeObserver = global.ResizeObserver;
-  if (!ResizeObserver) return;
-  const body = document.body;
-  if (!body) return;
-  const banner = body.querySelector('[role=banner]');
-  if (!banner) return;
-  if (banner.hasAttribute('inboxsdk__resize_claimed')) return;
-  banner.setAttribute('inboxsdk__resize_claimed', 'true');
-  const resizeObserver = new ResizeObserver(() => {
-    if (banner.clientWidth < BANNER_WIDTH_LIMIT) {
-      body.classList.add('inboxsdk__searchIsNarrow');
-    } else {
-      body.classList.remove('inboxsdk__searchIsNarrow');
-    }
-  });
-  resizeObserver.observe(banner);
-}
+export default function monitorTopBannerSizeAndReact() {
+    const ResizeObserver = global.ResizeObserver;
+    if (!ResizeObserver)
+        return;
+    const body = document.body;
+    if (!body)
+        return;
+    const banner = body.querySelector('[role=banner]');
+    if (!banner)
+        return;
+    if (banner.hasAttribute('inboxsdk__resize_claimed'))
+        return;
+    banner.setAttribute('inboxsdk__resize_claimed', 'true');
+    const resizeObserver = new ResizeObserver(() => {
+        if (banner.clientWidth < BANNER_WIDTH_LIMIT) {
+            body.classList.add('inboxsdk__searchIsNarrow');
+        }
+        else {
+            body.classList.remove('inboxsdk__searchIsNarrow');
+        }
+    });
+    resizeObserver.observe(banner);
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-app-toolbar-button-view.d.ts

@@ -1,5 +1,21 @@
-import GmailDriver from '../gmail-driver';
-
+import * as Kefir from 'kefir';
+import type { Stopper } from 'kefir-stopper';
+import DropdownView from '../../../widgets/buttons/dropdown-view';
+import type Driver from '../gmail-driver';
 export default class GmailAppToolbarButtonView {
-  constructor(gmailDriver: GmailDriver, buttonDescriptor: any);
+    _stopper: Stopper;
+    _iconSettings: Record<string, any>;
+    _element: HTMLElement | null | undefined;
+    _activeDropdown: DropdownView | null | undefined;
+    _buttonDescriptor: Record<string, any> | null | undefined;
+    _driver: Driver;
+    constructor(driver: Driver, inButtonDescriptor: Kefir.Observable<Record<string, any>, unknown>);
+    destroy(): void;
+    getStopper(): Stopper;
+    getElement(): HTMLElement | null | undefined;
+    open(): void;
+    close(): void;
+    _handleButtonDescriptor(buttonDescriptor: Record<string, any>): void;
+    _handleClick(): void;
 }
+//# sourceMappingURL=gmail-app-toolbar-button-view.d.ts.map

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-app-toolbar-button-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gmail-app-toolbar-button-view.d.ts","sourceRoot":"","sources":["../../../../../../../src/platform-implementation-js/dom-driver/gmail/views/gmail-app-toolbar-button-view.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAI7C,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAC;AAC1C,MAAM,CAAC,OAAO,OAAO,yBAAyB;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,QAAQ,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAQ;IAChD,eAAe,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC;IACjD,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1D,OAAO,EAAE,MAAM,CAAC;gBAGd,MAAM,EAAE,MAAM,EACd,kBAAkB,EAAE,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,CAAC;IAiBpE,OAAO;IAYP,UAAU;IAIV,UAAU,IAAI,WAAW,GAAG,IAAI,GAAG,SAAS;IAI5C,IAAI;IAUJ,KAAK;IAUL,uBAAuB,CAAC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAyB7D,YAAY;CA2Db"}

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

@@ -1,166 +1,172 @@
-"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 _querySelectorOrFail = _interopRequireDefault(require("../../../lib/dom/querySelectorOrFail"));
-var _censorHTMLtree = _interopRequireDefault(require("../../../../common/censorHTMLtree"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
-var _updateIcon = _interopRequireDefault(require("../../../driver-common/update-icon"));
-var _gmailElementGetter = _interopRequireDefault(require("../gmail-element-getter"));
-var _gmailTooltipView = _interopRequireDefault(require("../widgets/gmail-tooltip-view"));
-var _dropdownView = _interopRequireDefault(require("../../../widgets/buttons/dropdown-view"));
-var _monitorTopBannerSizeAndReact = _interopRequireDefault(require("./gmail-app-toolbar-button-view/monitor-top-banner-size-and-react"));
-class GmailAppToolbarButtonView {
-  constructor(driver, inButtonDescriptor) {
-    (0, _defineProperty2.default)(this, "_element", null);
-    this._driver = driver;
-    this._stopper = (0, _kefirStopper.default)();
-    this._iconSettings = {};
-    inButtonDescriptor.takeUntilBy(this._stopper).onValue(buttonDescriptor => {
-      try {
-        this._handleButtonDescriptor(buttonDescriptor);
-      } catch (err) {
-        this._driver.getLogger().error(err);
-      }
-    });
-    (0, _monitorTopBannerSizeAndReact.default)();
-  }
-  destroy() {
-    this._stopper.destroy();
-    if (this._element) {
-      this._element.remove();
+import querySelector from '../../../lib/dom/querySelectorOrFail';
+import censorHTMLtree from '../../../../common/censorHTMLtree';
+import kefirStopper from 'kefir-stopper';
+import updateIcon from '../../../driver-common/update-icon';
+import GmailElementGetter from '../gmail-element-getter';
+import GmailTooltipView from '../widgets/gmail-tooltip-view';
+import DropdownView from '../../../widgets/buttons/dropdown-view';
+import monitorTopBannerSizeAndReact from './gmail-app-toolbar-button-view/monitor-top-banner-size-and-react';
+export default class GmailAppToolbarButtonView {
+    _stopper;
+    _iconSettings;
+    _element = null;
+    _activeDropdown;
+    _buttonDescriptor;
+    _driver;
+    constructor(driver, inButtonDescriptor) {
+        this._driver = driver;
+        this._stopper = kefirStopper();
+        this._iconSettings = {};
+        inButtonDescriptor
+            .takeUntilBy(this._stopper)
+            .onValue((buttonDescriptor) => {
+            try {
+                this._handleButtonDescriptor(buttonDescriptor);
+            }
+            catch (err) {
+                this._driver.getLogger().error(err);
+            }
+        });
+        monitorTopBannerSizeAndReact();
     }
-    if (this._activeDropdown) {
-      this._activeDropdown.close();
+    destroy() {
+        this._stopper.destroy();
+        if (this._element) {
+            this._element.remove();
+        }
+        if (this._activeDropdown) {
+            this._activeDropdown.close();
+        }
     }
-  }
-  getStopper() {
-    return this._stopper;
-  }
-  getElement() {
-    return this._element;
-  }
-  open() {
-    try {
-      if (!this._activeDropdown) {
-        this._handleClick();
-      }
-    } catch (err) {
-      this._driver.getLogger().error(err);
+    getStopper() {
+        return this._stopper;
     }
-  }
-  close() {
-    try {
-      if (this._activeDropdown) {
-        this._handleClick();
-      }
-    } catch (err) {
-      this._driver.getLogger().error(err);
+    getElement() {
+        return this._element;
     }
-  }
-  _handleButtonDescriptor(buttonDescriptor) {
-    if (!buttonDescriptor) {
-      throw new Error('The application passed an invalid value for buttonDescriptor');
+    open() {
+        try {
+            if (!this._activeDropdown) {
+                this._handleClick();
+            }
+        }
+        catch (err) {
+            this._driver.getLogger().error(err);
+        }
     }
-    const element = this._element = this._element || _createAppButtonElement(this._driver, () => {
-      this._handleClick();
-    });
-    this._buttonDescriptor = buttonDescriptor;
-    (0, _updateIcon.default)(this._iconSettings, (0, _querySelectorOrFail.default)(element, 'a'), false, buttonDescriptor.iconClass, buttonDescriptor.iconUrl);
-    _updateTitle((0, _querySelectorOrFail.default)(element, 'span'), buttonDescriptor);
-  }
-  _handleClick() {
-    const element = this._element;
-    if (!element) {
-      // We must have failed to create the element. An error would have already
-      // been logged.
-      return;
+    close() {
+        try {
+            if (this._activeDropdown) {
+                this._handleClick();
+            }
+        }
+        catch (err) {
+            this._driver.getLogger().error(err);
+        }
     }
-    const buttonDescriptor = this._buttonDescriptor;
-    if (!buttonDescriptor) {
-      throw new Error('app toolbar button clicked before receiving button descriptor');
+    _handleButtonDescriptor(buttonDescriptor) {
+        if (!buttonDescriptor) {
+            throw new Error('The application passed an invalid value for buttonDescriptor');
+        }
+        const element = (this._element =
+            this._element ||
+                _createAppButtonElement(this._driver, () => {
+                    this._handleClick();
+                }));
+        this._buttonDescriptor = buttonDescriptor;
+        updateIcon(this._iconSettings, querySelector(element, 'a'), false, buttonDescriptor.iconClass, buttonDescriptor.iconUrl);
+        _updateTitle(querySelector(element, 'span'), buttonDescriptor);
     }
-    if (this._activeDropdown) {
-      this._activeDropdown.close();
-    } else {
-      var appEvent = {};
-      var tooltipView = new _gmailTooltipView.default();
-      tooltipView.getContainerElement().classList.add('inboxsdk__appButton_tooltip');
-      tooltipView.getContentElement().innerHTML = '';
-      if (buttonDescriptor.arrowColor) {
-        (0, _querySelectorOrFail.default)(tooltipView.getContainerElement(), '.T-P-atC').style.borderTopColor = buttonDescriptor.arrowColor;
-      }
-      appEvent.dropdown = this._activeDropdown = new _dropdownView.default(tooltipView, element, {
-        manualPosition: true
-      });
-      appEvent.dropdown.on('destroy', () => {
-        this._activeDropdown = null;
-      });
-      if (buttonDescriptor.onClick) {
-        buttonDescriptor.onClick.call(null, appEvent);
-      }
-      if (this._element) {
-        tooltipView.anchor(this._element, {
-          position: 'bottom',
-          offset: {
-            top: 8
-          }
-        });
-      }
+    _handleClick() {
+        const element = this._element;
+        if (!element) {
+            // We must have failed to create the element. An error would have already
+            // been logged.
+            return;
+        }
+        const buttonDescriptor = this._buttonDescriptor;
+        if (!buttonDescriptor) {
+            throw new Error('app toolbar button clicked before receiving button descriptor');
+        }
+        if (this._activeDropdown) {
+            this._activeDropdown.close();
+        }
+        else {
+            var appEvent = {};
+            var tooltipView = new GmailTooltipView();
+            tooltipView
+                .getContainerElement()
+                .classList.add('inboxsdk__appButton_tooltip');
+            tooltipView.getContentElement().innerHTML = '';
+            if (buttonDescriptor.arrowColor) {
+                querySelector(tooltipView.getContainerElement(), '.T-P-atC').style.borderTopColor = buttonDescriptor.arrowColor;
+            }
+            appEvent.dropdown = this._activeDropdown = new DropdownView(tooltipView, element, {
+                manualPosition: true,
+            });
+            appEvent.dropdown.on('destroy', () => {
+                this._activeDropdown = null;
+            });
+            if (buttonDescriptor.onClick) {
+                buttonDescriptor.onClick.call(null, appEvent);
+            }
+            if (this._element) {
+                tooltipView.anchor(this._element, {
+                    position: 'bottom',
+                    offset: {
+                        top: 8,
+                    },
+                });
+            }
+        }
     }
-  }
 }
-exports.default = GmailAppToolbarButtonView;
 function _createAppButtonElement(driver, onclick) {
-  const element = document.createElement('div');
-  element.setAttribute('class', 'inboxsdk__appButton');
-  element.innerHTML = `<a href="#">
+    const element = document.createElement('div');
+    element.setAttribute('class', 'inboxsdk__appButton');
+    element.innerHTML = `<a href="#">
                <span class="inboxsdk__appButton_title"></span>
              </a>`;
-  element.addEventListener('click', event => {
-    event.preventDefault();
-    onclick(event);
-  });
-  const topAccountContainer = _gmailElementGetter.default.getTopAccountContainer();
-  if (!topAccountContainer) {
-    const err = new Error('Could not make button');
-    const banner = document.querySelector('[role=banner]');
-    driver.getLogger().error(err, {
-      type: 'failed to make appToolbarButton',
-      gbsfwPresent: !!document.getElementById('gbsfw'),
-      bannerHtml: banner && (0, _censorHTMLtree.default)(banner)
+    element.addEventListener('click', (event) => {
+        event.preventDefault();
+        onclick(event);
     });
-    throw err;
-  }
-  const insertionElement = topAccountContainer;
-  if (!insertionElement) {
-    const err = new Error('Could not make button');
-    driver.getLogger().error(err, {
-      type: 'failed to make appToolbarButton',
-      topAccountContainerHTML: (0, _censorHTMLtree.default)(topAccountContainer)
-    });
-    throw err;
-  }
-  try {
-    if (!_gmailElementGetter.default.isGplusEnabled()) {
-      element.classList.add('inboxsdk__appButton_noGPlus');
+    const topAccountContainer = GmailElementGetter.getTopAccountContainer();
+    if (!topAccountContainer) {
+        const err = new Error('Could not make button');
+        const banner = document.querySelector('[role=banner]');
+        driver.getLogger().error(err, {
+            type: 'failed to make appToolbarButton',
+            gbsfwPresent: !!document.getElementById('gbsfw'),
+            bannerHtml: banner && censorHTMLtree(banner),
+        });
+        throw err;
+    }
+    const insertionElement = topAccountContainer;
+    if (!insertionElement) {
+        const err = new Error('Could not make button');
+        driver.getLogger().error(err, {
+            type: 'failed to make appToolbarButton',
+            topAccountContainerHTML: censorHTMLtree(topAccountContainer),
+        });
+        throw err;
+    }
+    try {
+        if (!GmailElementGetter.isGplusEnabled()) {
+            element.classList.add('inboxsdk__appButton_noGPlus');
+        }
+        insertionElement.insertBefore(element, insertionElement.lastElementChild);
+        return element;
+    }
+    catch (err) {
+        driver.getLogger().error(err, {
+            type: 'failed to make appToolbarButton',
+            insertionElementHTML: censorHTMLtree(insertionElement),
+        });
+        throw err;
     }
-    insertionElement.insertBefore(element, insertionElement.lastElementChild);
-    return element;
-  } catch (err) {
-    driver.getLogger().error(err, {
-      type: 'failed to make appToolbarButton',
-      insertionElementHTML: (0, _censorHTMLtree.default)(insertionElement)
-    });
-    throw err;
-  }
 }
 function _updateTitle(element, descriptor) {
-  element.textContent = descriptor.title;
-  element.className = `inboxsdk__appButton_title ${descriptor.titleClass || ''}`;
-}
+    element.textContent = descriptor.title;
+    element.className = `inboxsdk__appButton_title ${descriptor.titleClass || ''}`;
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-attachment-area-view.d.ts

@@ -0,0 +1,20 @@
+import type GmailDriver from '../gmail-driver';
+import type GmailMessageView from './gmail-message-view';
+import GmailAttachmentCardView from './gmail-attachment-card-view';
+declare class GmailAttachmentAreaView {
+    _element: HTMLElement;
+    _messageViewDriver: GmailMessageView;
+    _driver: GmailDriver;
+    _elsToCardViews: WeakMap<HTMLElement, GmailAttachmentCardView>;
+    constructor(element: HTMLElement | null | undefined, driver: GmailDriver, messageViewDriver: GmailMessageView);
+    destroy(): void;
+    getElement(): HTMLElement;
+    getAttachmentCardViews(): GmailAttachmentCardView[];
+    _setupElement(): void;
+    _createAreaToolbarIfNeeded(): HTMLElement;
+    _updateToolbarCardCount(): void;
+    addGmailAttachmentCardView(gmailAttachmentCardView: GmailAttachmentCardView): void;
+    addButtonToDownloadAllArea(options: Record<string, any>): void;
+}
+export default GmailAttachmentAreaView;
+//# sourceMappingURL=gmail-attachment-area-view.d.ts.map

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-attachment-area-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gmail-attachment-area-view.d.ts","sourceRoot":"","sources":["../../../../../../../src/platform-implementation-js/dom-driver/gmail/views/gmail-attachment-area-view.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,WAAW,MAAM,iBAAiB,CAAC;AAC/C,OAAO,KAAK,gBAAgB,MAAM,sBAAsB,CAAC;AACzD,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AAInE,cAAM,uBAAuB;IAC3B,QAAQ,EAAG,WAAW,CAAC;IACvB,kBAAkB,EAAE,gBAAgB,CAAC;IACrC,OAAO,EAAE,WAAW,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC,WAAW,EAAE,uBAAuB,CAAC,CAAC;gBAG7D,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EACvC,MAAM,EAAE,WAAW,EACnB,iBAAiB,EAAE,gBAAgB;IAarC,OAAO;IAMP,UAAU,IAAI,WAAW;IAIzB,sBAAsB;IAuBtB,aAAa;IAeb,0BAA0B,IAAI,WAAW;IAoBzC,uBAAuB;IAWvB,0BAA0B,CAAC,uBAAuB,EAAE,uBAAuB;IAmB3E,0BAA0B,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;CAsBxD;AAED,eAAe,uBAAuB,CAAC"}

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

@@ -1,101 +1,106 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ud = require("ud");
-var _gmailAttachmentCardView = _interopRequireDefault(require("./gmail-attachment-card-view"));
-var _buttonView = _interopRequireDefault(require("../widgets/buttons/button-view"));
-var _querySelectorOrFail = _interopRequireDefault(require("../../../lib/dom/querySelectorOrFail"));
-var _basicButtonViewController = _interopRequireDefault(require("../../../widgets/buttons/basic-button-view-controller"));
-const GmailAttachmentAreaView = (0, _ud.defn)(module, class GmailAttachmentAreaView {
-  constructor(element, driver, messageViewDriver) {
-    this._driver = driver;
-    this._messageViewDriver = messageViewDriver;
-    this._elsToCardViews = new WeakMap();
-    if (element) {
-      this._element = element;
-    } else {
-      this._setupElement();
+import GmailAttachmentCardView from './gmail-attachment-card-view';
+import ButtonView from '../widgets/buttons/button-view';
+import querySelector from '../../../lib/dom/querySelectorOrFail';
+import BasicButtonViewController from '../../../widgets/buttons/basic-button-view-controller';
+class GmailAttachmentAreaView {
+    _element;
+    _messageViewDriver;
+    _driver;
+    _elsToCardViews;
+    constructor(element, driver, messageViewDriver) {
+        this._driver = driver;
+        this._messageViewDriver = messageViewDriver;
+        this._elsToCardViews = new WeakMap();
+        if (element) {
+            this._element = element;
+        }
+        else {
+            this._setupElement();
+        }
+    }
+    destroy() {
+        this.getAttachmentCardViews().forEach((view) => {
+            view.destroy();
+        });
     }
-  }
-  destroy() {
-    this.getAttachmentCardViews().forEach(view => {
-      view.destroy();
-    });
-  }
-  getElement() {
-    return this._element;
-  }
-  getAttachmentCardViews() {
-    const attachments = this._element.querySelectorAll('.aQH > span');
-    return Array.from(attachments).map(attachment => {
-      let cardView = this._elsToCardViews.get(attachment);
-      if (!cardView) {
-        cardView = new _gmailAttachmentCardView.default({
-          element: attachment
-        }, this._driver, this._messageViewDriver);
-        this._elsToCardViews.set(attachment, cardView);
-      }
-      return cardView;
-    });
-  }
-  _setupElement() {
-    this._element = document.createElement('div');
-    this._element.setAttribute('class', 'hq gt a10');
-    this._element.innerHTML = ['<div class="hp"></div>', '<div class="a3I">Attachments area</div>', '<div></div>', '<div class="aQH">', '<div class="aZK"></div>', '</div>'].join('');
-  }
-  _createAreaToolbarIfNeeded() {
-    const preexistingToolbar = this._element.querySelector('.ho');
-    if (preexistingToolbar) {
-      return preexistingToolbar;
+    getElement() {
+        return this._element;
     }
-    const toolbar = document.createElement('div');
-    toolbar.className = 'ho';
-    toolbar.innerHTML = `<span class="aVW"><span>${this.getAttachmentCardViews().length}</span> Attachments</span><div class="aZi J-J5-Ji"></div>`;
-    this._element.insertBefore(toolbar, this._element.lastElementChild);
-    this._element.classList.remove('a10');
-    return toolbar;
-  }
-  _updateToolbarCardCount() {
-    const cardCount = this.getAttachmentCardViews().length;
-    if (cardCount > 1) {
-      const toolbar = this._createAreaToolbarIfNeeded();
-      const counter = (0, _querySelectorOrFail.default)(toolbar, '.aVW > span');
-      counter.textContent = String(cardCount);
+    getAttachmentCardViews() {
+        const attachments = this._element.querySelectorAll('.aQH > span');
+        return Array.from(attachments).map((attachment) => {
+            let cardView = this._elsToCardViews.get(attachment);
+            if (!cardView) {
+                cardView = new GmailAttachmentCardView({
+                    element: attachment,
+                }, this._driver, this._messageViewDriver);
+                this._elsToCardViews.set(attachment, cardView);
+            }
+            return cardView;
+        });
     }
-  }
-  addGmailAttachmentCardView(gmailAttachmentCardView) {
-    const zone = this._element.querySelector('.aXK, .aQH');
-    if (!zone) {
-      this._driver.getLogger().error(new Error('Could not find attachment zone'));
-      return;
+    _setupElement() {
+        this._element = document.createElement('div');
+        this._element.setAttribute('class', 'hq gt a10');
+        this._element.innerHTML = [
+            '<div class="hp"></div>',
+            '<div class="a3I">Attachments area</div>',
+            '<div></div>',
+            '<div class="aQH">',
+            '<div class="aZK"></div>',
+            '</div>',
+        ].join('');
+    }
+    _createAreaToolbarIfNeeded() {
+        const preexistingToolbar = this._element.querySelector('.ho');
+        if (preexistingToolbar) {
+            return preexistingToolbar;
+        }
+        const toolbar = document.createElement('div');
+        toolbar.className = 'ho';
+        toolbar.innerHTML = `<span class="aVW"><span>${this.getAttachmentCardViews().length}</span> Attachments</span><div class="aZi J-J5-Ji"></div>`;
+        this._element.insertBefore(toolbar, this._element.lastElementChild);
+        this._element.classList.remove('a10');
+        return toolbar;
     }
-    zone.insertBefore(gmailAttachmentCardView.getElement(), zone.lastElementChild);
-    this._updateToolbarCardCount();
-  }
-  addButtonToDownloadAllArea(options) {
-    var buttonView = new _buttonView.default({
-      iconClass: 'T-I-J3',
-      iconUrl: options.iconUrl,
-      tooltip: options.tooltip,
-      hasButtonToLeft: true
-    });
-    buttonView.addClass('aZj');
-    buttonView.getElement().children[0].className = 'asa';
-    var basicButtonViewController = new _basicButtonViewController.default({
-      activateFunction: () => {
-        if (options.onClick) {
-          options.onClick();
+    _updateToolbarCardCount() {
+        const cardCount = this.getAttachmentCardViews().length;
+        if (cardCount > 1) {
+            const toolbar = this._createAreaToolbarIfNeeded();
+            const counter = querySelector(toolbar, '.aVW > span');
+            counter.textContent = String(cardCount);
         }
-      },
-      buttonView: buttonView
-    });
-    const toolbar = this._createAreaToolbarIfNeeded();
-    (0, _querySelectorOrFail.default)(toolbar, '.aZi').appendChild(buttonView.getElement());
-  }
-});
-var _default = GmailAttachmentAreaView;
-exports.default = _default;
+    }
+    addGmailAttachmentCardView(gmailAttachmentCardView) {
+        const zone = this._element.querySelector('.aXK, .aQH');
+        if (!zone) {
+            this._driver
+                .getLogger()
+                .error(new Error('Could not find attachment zone'));
+            return;
+        }
+        zone.insertBefore(gmailAttachmentCardView.getElement(), zone.lastElementChild);
+        this._updateToolbarCardCount();
+    }
+    addButtonToDownloadAllArea(options) {
+        var buttonView = new ButtonView({
+            iconClass: 'T-I-J3',
+            iconUrl: options.iconUrl,
+            tooltip: options.tooltip,
+            hasButtonToLeft: true,
+        });
+        buttonView.addClass('aZj');
+        buttonView.getElement().children[0].className = 'asa';
+        var basicButtonViewController = new BasicButtonViewController({
+            activateFunction: () => {
+                if (options.onClick) {
+                    options.onClick();
+                }
+            },
+            buttonView: buttonView,
+        });
+        const toolbar = this._createAreaToolbarIfNeeded();
+        querySelector(toolbar, '.aZi').appendChild(buttonView.getElement());
+    }
+}
+export default GmailAttachmentAreaView;