@inboxsdk/core 0.2.28 → 0.2.29-alpha.0

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

@@ -1,71 +1,55 @@
-/* @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';
-
+"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"));
 class GmailAttachmentCardView {
-  _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
-  ) {
+  constructor(options, driver, messageViewDriver) {
+    (0, _defineProperty2.default)(this, "_stopper", (0, _kefirStopper.default)());
+    (0, _defineProperty2.default)(this, "_previewClicks", _kefir.default.pool());
     this._driver = driver;
     this._messageViewDriver = messageViewDriver;
-
     if (options.element) {
       this._element = options.element;
     } else {
       this._createNewElement(options);
     }
   }
-
   destroy() {
     this._stopper.destroy();
   }
-
-  getElement(): HTMLElement {
+  getElement() {
     return this._element;
   }
-
   getMessageViewDriver() {
     return this._messageViewDriver;
   }
-
-  getStopper(): Kefir.Observable<null> {
+  getStopper() {
     return this._stopper;
   }
-
-  getPreviewClicks(): Kefir.Observable<Event> {
+  getPreviewClicks() {
     return this._previewClicks.takeUntilBy(this._stopper);
   }
-
-  _isStandardAttachment(): boolean {
+  _isStandardAttachment() {
     return this.getAttachmentType() === 'FILE';
   }
-
-  getAttachmentType(): string {
+  getAttachmentType() {
     if (this._cachedType) {
       return this._cachedType;
     }
@@ -75,16 +59,12 @@ class GmailAttachmentCardView {
     }
     return type;
   }
-
-  _readAttachmentType(): string {
+  _readAttachmentType() {
     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();
@@ -97,35 +77,29 @@ class GmailAttachmentCardView {
     }
     return 'UNKNOWN';
   }
-
-  addButton(options: Object) {
-    var buttonView = new ButtonView({
+  addButton(options) {
+    var buttonView = new _buttonView.default({
       iconUrl: options.iconUrl,
-      tooltip: options.tooltip,
+      tooltip: options.tooltip
     });
-
-    var basicButtonViewController = new BasicButtonViewController({
+    var basicButtonViewController = new _basicButtonViewController.default({
       activateFunction: () => {
         if (options.onClick) {
           options.onClick({
-            getDownloadURL: () => this.getDownloadURL(),
+            getDownloadURL: () => this.getDownloadURL()
           });
         }
       },
-      buttonView: buttonView,
+      buttonView: buttonView
     });
-
     this._addButton(buttonView);
   }
-
-  getTitle(): string {
+  getTitle() {
     const title = this._element.querySelector('span .aV3');
     return title ? title.textContent : '';
   }
-
-  _getDownloadLink(): ?string {
-    const firstChild: ?HTMLAnchorElement = (this._element
-      .firstElementChild: any);
+  _getDownloadLink() {
+    const firstChild = this._element.firstElementChild;
     if (!firstChild) throw new Error('Failed to find link');
     if (firstChild.tagName !== 'A' || !firstChild.href) {
       const download_url = this._element.getAttribute('download_url');
@@ -136,33 +110,24 @@ 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(): Promise<?string> {
+  async getDownloadURL() {
     try {
       if (this._isStandardAttachment()) {
-        const downloadUrl = await waitFor(() => this._getDownloadLink());
+        const downloadUrl = await (0, _waitFor.default)(() => this._getDownloadLink());
         if (!downloadUrl) return null;
-        const finalUrl: string = await this._driver.resolveUrlRedirects(
-          downloadUrl
-        );
-        if (
-          !/^https:\/\/mail-attachment\.googleusercontent\.com\/attachment\//.test(
-            finalUrl
-          )
-        ) {
+        const finalUrl = 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
@@ -172,58 +137,43 @@ 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(): string {
-    return querySelector(this._element, '.aQA > span').textContent;
+  _extractFileNameFromElement() {
+    return (0, _querySelectorOrFail.default)(this._element, '.aQA > span').textContent;
   }
-
-  _createNewElement(options: Object) {
+  _createNewElement(options) {
     this._element = document.createElement('span');
     this._element.classList.add('aZo');
     this._element.classList.add('inboxsdk__attachmentCard');
-
-    var htmlArray = [
-      autoHtml`
+    var htmlArray = [(0, _autoHtml.default)`
 			<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([
-        autoHtml`
+      htmlArray = htmlArray.concat([(0, _autoHtml.default)`
 				<div class="aYv">
 					<img class="aZG aYw" src="${options.iconThumbnailUrl}">
-				</div>`,
-      ]);
+				</div>`]);
     } else {
-      htmlArray = htmlArray.concat([
-        autoHtml`
+      htmlArray = htmlArray.concat([(0, _autoHtml.default)`
 				<img class="aQG aYB inboxsdk__attachmentCard_previewThumbnailUrl"
-					src="${options.previewThumbnailUrl}">`,
-      ]);
+					src="${options.previewThumbnailUrl}">`]);
     }
-
-    htmlArray = htmlArray.concat([
-      autoHtml`
+    htmlArray = htmlArray.concat([(0, _autoHtml.default)`
 			<div class="aYy">
 				<div class="aYA">
 					<img class="aSM" src="${options.fileIconImageUrl}">
@@ -245,178 +195,120 @@ class GmailAttachmentCardView {
 		</div>
 	</div>
 </a>
-<div class="aQw"></div>`,
-    ]);
-
+<div class="aQw"></div>`]);
     this._element.innerHTML = htmlArray.join('');
-
-    (this._element.children[0]: any).href = options.previewUrl;
-
+    this._element.children[0].href = options.previewUrl;
     if (options.mimeType && options.mimeType.split('/')[0] === 'image') {
       this._element.children[0].classList.add('aZI');
     }
-
-    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;
-
+    (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;
     this._addHoverEvents();
-
     if (options.buttons) {
-      const downloadButton = find(options.buttons, function (button) {
+      const downloadButton = (0, _find.default)(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.fromEvents(this._element, 'click').map((event) => ({
-        preventDefault: () => event.preventDefault(),
-      }))
-    );
-
+    this._previewClicks.plug(_kefir.default.fromEvents(this._element, 'click').map(event => ({
+      preventDefault: () => event.preventDefault()
+    })));
     if (options.previewThumbnailUrl && options.failoverPreviewIconUrl) {
-      const previewThumbnailUrlImage = querySelector(
-        this._element,
-        '.inboxsdk__attachmentCard_previewThumbnailUrl'
-      );
-      previewThumbnailUrlImage.onerror = (e) => {
+      const previewThumbnailUrlImage = (0, _querySelectorOrFail.default)(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.merge([
-      Kefir.fromEvents(this._element, 'mouseenter'),
-      fromEventTargetCapture(this._element, 'focus'),
-    ]).onValue(() => {
+    _kefir.default.merge([_kefir.default.fromEvents(this._element, 'mouseenter'), (0, _fromEventTargetCapture.default)(this._element, 'focus')]).onValue(() => {
       this._element.classList.add('aZp');
     });
-
-    Kefir.merge([
-      Kefir.fromEvents(this._element, 'mouseleave'),
-      fromEventTargetCapture(this._element, 'blur'),
-    ]).onValue(() => {
+    _kefir.default.merge([_kefir.default.fromEvents(this._element, 'mouseleave'), (0, _fromEventTargetCapture.default)(this._element, 'blur')]).onValue(() => {
       this._element.classList.remove('aZp');
     });
-
-    const anchor = querySelector(this._element, 'a');
-    Kefir.fromEvents(anchor, 'focus').onValue(() => {
+    const anchor = (0, _querySelectorOrFail.default)(this._element, 'a');
+    _kefir.default.fromEvents(anchor, 'focus').onValue(() => {
       anchor.classList.add('a1U');
     });
-    Kefir.fromEvents(anchor, 'blur').onValue(() => {
+    _kefir.default.fromEvents(anchor, 'blur').onValue(() => {
       anchor.classList.remove('a1U');
     });
   }
-
-  _addDownloadButton(options: Object) {
-    const buttonView = new ButtonView({
+  _addDownloadButton(options) {
+    const buttonView = new _buttonView.default({
       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({
+    buttonView.getElement().setAttribute('data-inboxsdk-download-url', options.downloadUrl);
+    const basicButtonViewController = new _basicButtonViewController.default({
       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: MouseEvent) {
-            e.stopPropagation();
-          },
-          true
-        );
-
+        downloadLink.addEventListener('click', function (e) {
+          e.stopPropagation();
+        }, true);
         if (options.openInNewTab) {
           downloadLink.setAttribute('target', '_blank');
         }
-
-        ((document.body: any): HTMLElement).appendChild(downloadLink);
-
-        simulateClick(downloadLink);
+        document.body.appendChild(downloadLink);
+        (0, _simulateMouseEvent.simulateClick)(downloadLink);
         downloadLink.remove();
       },
-      buttonView: buttonView,
+      buttonView: buttonView
     });
-
     this._addButton(buttonView);
   }
-
-  _addMoreButtons(buttonDescriptors: ?(Object[])) {
-    (buttonDescriptors || [])
-      .filter(function (buttonDescriptor) {
-        return !buttonDescriptor.downloadUrl;
-      })
-      .forEach((desc) => {
-        this.addButton(desc);
-      });
+  _addMoreButtons(buttonDescriptors) {
+    (buttonDescriptors || []).filter(function (buttonDescriptor) {
+      return !buttonDescriptor.downloadUrl;
+    }).forEach(desc => {
+      this.addButton(desc);
+    });
   }
-
-  _addButton(buttonView: ButtonView) {
+  _addButton(buttonView) {
     buttonView.addClass('aQv');
-
     this._getButtonContainerElement().appendChild(buttonView.getElement());
   }
-
-  _getPreviewImageUrl(): ?string {
+  _getPreviewImageUrl() {
     var previewImage = this._getPreviewImage();
     if (!previewImage) {
       return null;
     }
-
     return previewImage.src;
   }
-
-  _getPreviewImage(): HTMLImageElement {
-    return (this._element.querySelector('img.aQG'): any);
+  _getPreviewImage() {
+    return this._element.querySelector('img.aQG');
   }
-
-  _getButtonContainerElement(): HTMLElement {
-    return querySelector(this._element, '.aQw');
+  _getButtonContainerElement() {
+    return (0, _querySelectorOrFail.default)(this._element, '.aQw');
   }
 }
-
-export default defn(module, GmailAttachmentCardView);
+var _default = (0, _ud.defn)(module, GmailAttachmentCardView);
+exports.default = _default;