@inboxsdk/core 0.2.28-alpha.6 → 0.2.28

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

@@ -1,55 +1,71 @@
-"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 _find = _interopRequireDefault(require("lodash/find"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
-var _util = _interopRequireDefault(require("util"));
-var _autoHtml = _interopRequireDefault(require("auto-html"));
-var _ud = require("ud");
-var _fromEventTargetCapture = _interopRequireDefault(require("../../../lib/from-event-target-capture"));
-var _querySelectorOrFail = _interopRequireDefault(require("../../../lib/dom/querySelectorOrFail"));
-var _buttonView = _interopRequireDefault(require("../widgets/buttons/button-view"));
-var _basicButtonViewController = _interopRequireDefault(require("../../../widgets/buttons/basic-button-view-controller"));
-var _simulateMouseEvent = require("../../../lib/dom/simulate-mouse-event");
-var _waitFor = _interopRequireDefault(require("../../../lib/wait-for"));
-var _streamWaitFor = _interopRequireDefault(require("../../../lib/stream-wait-for"));
+/* @flow */
+
+import find from 'lodash/find';
+import Kefir from 'kefir';
+import kefirStopper from 'kefir-stopper';
+import util from 'util';
+import autoHtml from 'auto-html';
+import { defn } from 'ud';
+import type GmailDriver from '../gmail-driver';
+
+import type GmailMessageView from './gmail-message-view';
+import fromEventTargetCapture from '../../../lib/from-event-target-capture';
+import querySelector from '../../../lib/dom/querySelectorOrFail';
+import ButtonView from '../widgets/buttons/button-view';
+import BasicButtonViewController from '../../../widgets/buttons/basic-button-view-controller';
+
+import { simulateClick } from '../../../lib/dom/simulate-mouse-event';
+import waitFor from '../../../lib/wait-for';
+import streamWaitFor from '../../../lib/stream-wait-for';
+
 class GmailAttachmentCardView {
-  constructor(options, driver, messageViewDriver) {
-    (0, _defineProperty2.default)(this, "_stopper", (0, _kefirStopper.default)());
-    (0, _defineProperty2.default)(this, "_previewClicks", _kefir.default.pool());
+  _element: HTMLElement;
+  _driver: GmailDriver;
+  _messageViewDriver: ?GmailMessageView;
+  _cachedType: any;
+  _stopper: Kefir.Observable<null> & { destroy(): void } = kefirStopper();
+  _previewClicks = Kefir.pool();
+
+  constructor(
+    options: Object,
+    driver: GmailDriver,
+    messageViewDriver: ?GmailMessageView
+  ) {
     this._driver = driver;
     this._messageViewDriver = messageViewDriver;
+
     if (options.element) {
       this._element = options.element;
     } else {
       this._createNewElement(options);
     }
   }
+
   destroy() {
     this._stopper.destroy();
   }
-  getElement() {
+
+  getElement(): HTMLElement {
     return this._element;
   }
+
   getMessageViewDriver() {
     return this._messageViewDriver;
   }
-  getStopper() {
+
+  getStopper(): Kefir.Observable<null> {
     return this._stopper;
   }
-  getPreviewClicks() {
+
+  getPreviewClicks(): Kefir.Observable<Event> {
     return this._previewClicks.takeUntilBy(this._stopper);
   }
-  _isStandardAttachment() {
+
+  _isStandardAttachment(): boolean {
     return this.getAttachmentType() === 'FILE';
   }
-  getAttachmentType() {
+
+  getAttachmentType(): string {
     if (this._cachedType) {
       return this._cachedType;
     }
@@ -59,12 +75,16 @@ class GmailAttachmentCardView {
     }
     return type;
   }
-  _readAttachmentType() {
+
+  _readAttachmentType(): string {
     if (this._element.classList.contains('inboxsdk__attachmentCard')) {
       return 'CUSTOM';
     }
     // FILE attachment cards are never in unloaded state.
-    if (this._element.children.length === 1 && this._element.children[0].children.length === 0) {
+    if (
+      this._element.children.length === 1 &&
+      this._element.children[0].children.length === 0
+    ) {
       return 'UNLOADED';
     }
     const link = this._getDownloadLink();
@@ -77,29 +97,35 @@ class GmailAttachmentCardView {
     }
     return 'UNKNOWN';
   }
-  addButton(options) {
-    var buttonView = new _buttonView.default({
+
+  addButton(options: Object) {
+    var buttonView = new ButtonView({
       iconUrl: options.iconUrl,
-      tooltip: options.tooltip
+      tooltip: options.tooltip,
     });
-    var basicButtonViewController = new _basicButtonViewController.default({
+
+    var basicButtonViewController = new BasicButtonViewController({
       activateFunction: () => {
         if (options.onClick) {
           options.onClick({
-            getDownloadURL: () => this.getDownloadURL()
+            getDownloadURL: () => this.getDownloadURL(),
           });
         }
       },
-      buttonView: buttonView
+      buttonView: buttonView,
     });
+
     this._addButton(buttonView);
   }
-  getTitle() {
+
+  getTitle(): string {
     const title = this._element.querySelector('span .aV3');
     return title ? title.textContent : '';
   }
-  _getDownloadLink() {
-    const firstChild = this._element.firstElementChild;
+
+  _getDownloadLink(): ?string {
+    const firstChild: ?HTMLAnchorElement = (this._element
+      .firstElementChild: any);
     if (!firstChild) throw new Error('Failed to find link');
     if (firstChild.tagName !== 'A' || !firstChild.href) {
       const download_url = this._element.getAttribute('download_url');
@@ -110,24 +136,33 @@ class GmailAttachmentCardView {
     } else {
       const firstChildHref = firstChild.href;
       if (firstChildHref) {
-        return firstChildHref.replace(/([?&])disp=inline(?=&|$)/, '$1disp=safe');
+        return firstChildHref.replace(
+          /([?&])disp=inline(?=&|$)/,
+          '$1disp=safe'
+        );
       }
       return firstChildHref;
     }
   }
 
   // Resolves the short-lived cookie-less download URL
-  async getDownloadURL() {
+  async getDownloadURL(): Promise<?string> {
     try {
       if (this._isStandardAttachment()) {
-        const downloadUrl = await (0, _waitFor.default)(() => this._getDownloadLink());
+        const downloadUrl = await waitFor(() => this._getDownloadLink());
         if (!downloadUrl) return null;
-        const finalUrl = await this._driver.resolveUrlRedirects(downloadUrl);
-        if (!/^https:\/\/mail-attachment\.googleusercontent\.com\/attachment\//.test(finalUrl)) {
+        const finalUrl: string = await this._driver.resolveUrlRedirects(
+          downloadUrl
+        );
+        if (
+          !/^https:\/\/mail-attachment\.googleusercontent\.com\/attachment\//.test(
+            finalUrl
+          )
+        ) {
           console.error('getDownloadURL returned unexpected url', finalUrl); //eslint-disable-line
           const err = new Error('getDownloadURL returned unexpected url');
           this._driver.getLogger().error(err, {
-            finalUrlCensored: finalUrl.replace(/\?[^/]+$/, '?[...]')
+            finalUrlCensored: finalUrl.replace(/\?[^/]+$/, '?[...]'),
           });
           if (/^https:\/\/mail\.google\.com\//.test(finalUrl)) {
             // This URL definitely isn't right: these URLs generally require
@@ -137,43 +172,58 @@ class GmailAttachmentCardView {
           // Otherwise, don't throw; only log. Maybe Gmail has changed the URL
           // structure and things will just work.
         }
-
         return finalUrl;
       } else {
-        const downloadButton = this._element.querySelector('[data-inboxsdk-download-url]');
-        return downloadButton ? downloadButton.getAttribute('data-inboxsdk-download-url') : null;
+        const downloadButton = this._element.querySelector(
+          '[data-inboxsdk-download-url]'
+        );
+        return downloadButton
+          ? downloadButton.getAttribute('data-inboxsdk-download-url')
+          : null;
       }
     } catch (err) {
       this._driver.getLogger().error(err);
       throw err;
     }
   }
-  _extractFileNameFromElement() {
-    return (0, _querySelectorOrFail.default)(this._element, '.aQA > span').textContent;
+
+  _extractFileNameFromElement(): string {
+    return querySelector(this._element, '.aQA > span').textContent;
   }
-  _createNewElement(options) {
+
+  _createNewElement(options: Object) {
     this._element = document.createElement('span');
     this._element.classList.add('aZo');
     this._element.classList.add('inboxsdk__attachmentCard');
-    var htmlArray = [(0, _autoHtml.default)`
+
+    var htmlArray = [
+      autoHtml`
 			<a target="_blank" role="link" class="aQy e" href="">
 				<div aria-hidden="true">
 					<div class="aSG"></div>
 					<div class="aVY aZn">
 						<div class="aZm"></div>
 					</div>
-					<div class="aSH">`];
+					<div class="aSH">`,
+    ];
+
     if (options.iconThumbnailUrl) {
-      htmlArray = htmlArray.concat([(0, _autoHtml.default)`
+      htmlArray = htmlArray.concat([
+        autoHtml`
 				<div class="aYv">
 					<img class="aZG aYw" src="${options.iconThumbnailUrl}">
-				</div>`]);
+				</div>`,
+      ]);
     } else {
-      htmlArray = htmlArray.concat([(0, _autoHtml.default)`
+      htmlArray = htmlArray.concat([
+        autoHtml`
 				<img class="aQG aYB inboxsdk__attachmentCard_previewThumbnailUrl"
-					src="${options.previewThumbnailUrl}">`]);
+					src="${options.previewThumbnailUrl}">`,
+      ]);
     }
-    htmlArray = htmlArray.concat([(0, _autoHtml.default)`
+
+    htmlArray = htmlArray.concat([
+      autoHtml`
 			<div class="aYy">
 				<div class="aYA">
 					<img class="aSM" src="${options.fileIconImageUrl}">
@@ -195,120 +245,178 @@ class GmailAttachmentCardView {
 		</div>
 	</div>
 </a>
-<div class="aQw"></div>`]);
+<div class="aQw"></div>`,
+    ]);
+
     this._element.innerHTML = htmlArray.join('');
-    this._element.children[0].href = options.previewUrl;
+
+    (this._element.children[0]: any).href = options.previewUrl;
+
     if (options.mimeType && options.mimeType.split('/')[0] === 'image') {
       this._element.children[0].classList.add('aZI');
     }
-    (0, _querySelectorOrFail.default)(this._element, 'span .aV3').textContent = options.title;
-    (0, _querySelectorOrFail.default)(this._element, 'div.aYp > span').textContent = options.description || '';
-    (0, _querySelectorOrFail.default)(this._element, 'div.aSJ').style.borderColor = options.foldColor;
+
+    querySelector(this._element, 'span .aV3').textContent = options.title;
+    querySelector(this._element, 'div.aYp > span').textContent =
+      options.description || '';
+    querySelector(this._element, 'div.aSJ').style.borderColor =
+      options.foldColor;
+
     this._addHoverEvents();
+
     if (options.buttons) {
-      const downloadButton = (0, _find.default)(options.buttons, function (button) {
+      const downloadButton = find(options.buttons, function (button) {
         return button.downloadUrl;
       });
+
       if (downloadButton) {
         this._addDownloadButton(downloadButton);
       }
+
       this._addMoreButtons(options.buttons);
     }
+
     var self = this;
     // :any to work around https://github.com/facebook/flow/issues/1155
-    this._previewClicks.plug(_kefir.default.fromEvents(this._element, 'click').map(event => ({
-      preventDefault: () => event.preventDefault()
-    })));
+    this._previewClicks.plug(
+      Kefir.fromEvents(this._element, 'click').map((event) => ({
+        preventDefault: () => event.preventDefault(),
+      }))
+    );
+
     if (options.previewThumbnailUrl && options.failoverPreviewIconUrl) {
-      const previewThumbnailUrlImage = (0, _querySelectorOrFail.default)(this._element, '.inboxsdk__attachmentCard_previewThumbnailUrl');
-      previewThumbnailUrlImage.onerror = e => {
+      const previewThumbnailUrlImage = querySelector(
+        this._element,
+        '.inboxsdk__attachmentCard_previewThumbnailUrl'
+      );
+      previewThumbnailUrlImage.onerror = (e) => {
         var iconDiv = document.createElement('div');
         iconDiv.classList.add('aYv');
-        iconDiv.innerHTML = '<img class="aZG aYw" src="' + options.failoverPreviewIconUrl + '">';
+        iconDiv.innerHTML =
+          '<img class="aZG aYw" src="' + options.failoverPreviewIconUrl + '">';
         const parent = previewThumbnailUrlImage.parentElement;
         if (!parent) throw new Error('Could not find parent element');
-        parent.insertBefore(iconDiv, previewThumbnailUrlImage.nextElementSibling);
+        parent.insertBefore(
+          iconDiv,
+          previewThumbnailUrlImage.nextElementSibling
+        );
+
         previewThumbnailUrlImage.remove();
       };
     }
   }
+
   _addHoverEvents() {
-    _kefir.default.merge([_kefir.default.fromEvents(this._element, 'mouseenter'), (0, _fromEventTargetCapture.default)(this._element, 'focus')]).onValue(() => {
+    Kefir.merge([
+      Kefir.fromEvents(this._element, 'mouseenter'),
+      fromEventTargetCapture(this._element, 'focus'),
+    ]).onValue(() => {
       this._element.classList.add('aZp');
     });
-    _kefir.default.merge([_kefir.default.fromEvents(this._element, 'mouseleave'), (0, _fromEventTargetCapture.default)(this._element, 'blur')]).onValue(() => {
+
+    Kefir.merge([
+      Kefir.fromEvents(this._element, 'mouseleave'),
+      fromEventTargetCapture(this._element, 'blur'),
+    ]).onValue(() => {
       this._element.classList.remove('aZp');
     });
-    const anchor = (0, _querySelectorOrFail.default)(this._element, 'a');
-    _kefir.default.fromEvents(anchor, 'focus').onValue(() => {
+
+    const anchor = querySelector(this._element, 'a');
+    Kefir.fromEvents(anchor, 'focus').onValue(() => {
       anchor.classList.add('a1U');
     });
-    _kefir.default.fromEvents(anchor, 'blur').onValue(() => {
+    Kefir.fromEvents(anchor, 'blur').onValue(() => {
       anchor.classList.remove('a1U');
     });
   }
-  _addDownloadButton(options) {
-    const buttonView = new _buttonView.default({
+
+  _addDownloadButton(options: Object) {
+    const buttonView = new ButtonView({
       tooltip: 'Download',
-      iconClass: 'aSK J-J5-Ji aYr'
+      iconClass: 'aSK J-J5-Ji aYr',
     });
-    buttonView.getElement().setAttribute('data-inboxsdk-download-url', options.downloadUrl);
-    const basicButtonViewController = new _basicButtonViewController.default({
+
+    buttonView
+      .getElement()
+      .setAttribute('data-inboxsdk-download-url', options.downloadUrl);
+
+    const basicButtonViewController = new BasicButtonViewController({
       activateFunction: function () {
         let prevented = false;
+
         if (options.onClick) {
           options.onClick({
             preventDefault: function () {
               prevented = true;
-            }
+            },
           });
         }
+
         if (prevented) {
           return;
         }
+
         const downloadLink = document.createElement('a');
         downloadLink.href = options.downloadUrl;
         if (options.downloadFilename) {
           downloadLink.download = options.downloadFilename;
         }
-        downloadLink.addEventListener('click', function (e) {
-          e.stopPropagation();
-        }, true);
+
+        downloadLink.addEventListener(
+          'click',
+          function (e: MouseEvent) {
+            e.stopPropagation();
+          },
+          true
+        );
+
         if (options.openInNewTab) {
           downloadLink.setAttribute('target', '_blank');
         }
-        document.body.appendChild(downloadLink);
-        (0, _simulateMouseEvent.simulateClick)(downloadLink);
+
+        ((document.body: any): HTMLElement).appendChild(downloadLink);
+
+        simulateClick(downloadLink);
         downloadLink.remove();
       },
-      buttonView: buttonView
+      buttonView: buttonView,
     });
+
     this._addButton(buttonView);
   }
-  _addMoreButtons(buttonDescriptors) {
-    (buttonDescriptors || []).filter(function (buttonDescriptor) {
-      return !buttonDescriptor.downloadUrl;
-    }).forEach(desc => {
-      this.addButton(desc);
-    });
+
+  _addMoreButtons(buttonDescriptors: ?(Object[])) {
+    (buttonDescriptors || [])
+      .filter(function (buttonDescriptor) {
+        return !buttonDescriptor.downloadUrl;
+      })
+      .forEach((desc) => {
+        this.addButton(desc);
+      });
   }
-  _addButton(buttonView) {
+
+  _addButton(buttonView: ButtonView) {
     buttonView.addClass('aQv');
+
     this._getButtonContainerElement().appendChild(buttonView.getElement());
   }
-  _getPreviewImageUrl() {
+
+  _getPreviewImageUrl(): ?string {
     var previewImage = this._getPreviewImage();
     if (!previewImage) {
       return null;
     }
+
     return previewImage.src;
   }
-  _getPreviewImage() {
-    return this._element.querySelector('img.aQG');
+
+  _getPreviewImage(): HTMLImageElement {
+    return (this._element.querySelector('img.aQG'): any);
   }
-  _getButtonContainerElement() {
-    return (0, _querySelectorOrFail.default)(this._element, '.aQw');
+
+  _getButtonContainerElement(): HTMLElement {
+    return querySelector(this._element, '.aQw');
   }
 }
-var _default = (0, _ud.defn)(module, GmailAttachmentCardView);
-exports.default = _default;
+
+export default defn(module, GmailAttachmentCardView);