@inboxsdk/core 0.2.28-alpha.4 → 0.2.28-alpha.5

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/add-button.js

@@ -1,197 +1,129 @@
-/* @flow */
-
-import Kefir from 'kefir';
-import type GmailDriver from '../../gmail-driver';
-import GmailComposeButtonView from './gmail-compose-button-view';
-import BasicButtonViewController from '../../../../widgets/buttons/basic-button-view-controller';
-import DropdownButtonViewController from '../../../../widgets/buttons/dropdown-button-view-controller';
-import GmailDropdownView from '../../widgets/gmail-dropdown-view';
-import insertElementInOrder from '../../../../lib/dom/insert-element-in-order';
-
-import type GmailComposeView from '../gmail-compose-view';
-
-export default function addButton(
-  gmailComposeView: GmailComposeView,
-  buttonDescriptorStream: Kefir.Observable<?Object>,
-  groupOrderHint: string,
-  extraOnClickOptions: Object
-): Promise<?Object> {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = addButton;
+var _kefir = _interopRequireDefault(require("kefir"));
+var _gmailComposeButtonView = _interopRequireDefault(require("./gmail-compose-button-view"));
+var _basicButtonViewController = _interopRequireDefault(require("../../../../widgets/buttons/basic-button-view-controller"));
+var _dropdownButtonViewController = _interopRequireDefault(require("../../../../widgets/buttons/dropdown-button-view-controller"));
+var _gmailDropdownView = _interopRequireDefault(require("../../widgets/gmail-dropdown-view"));
+var _insertElementInOrder = _interopRequireDefault(require("../../../../lib/dom/insert-element-in-order"));
+function addButton(gmailComposeView, buttonDescriptorStream, groupOrderHint, extraOnClickOptions) {
   return new Promise((resolve, reject) => {
     let buttonViewController;
-
-    buttonDescriptorStream
-      .takeUntilBy(gmailComposeView.getStopper())
-      .onValue((buttonDescriptor: ?Object) => {
-        const buttonOptions = _processButtonDescriptor(
-          buttonDescriptor,
-          extraOnClickOptions,
-          gmailComposeView.getGmailDriver()
-        );
-
-        if (!buttonViewController) {
-          if (buttonOptions) {
-            buttonViewController = _addButton(
-              gmailComposeView,
-              buttonOptions,
-              groupOrderHint
-            );
-            resolve({
-              buttonViewController: buttonViewController,
-              buttonDescriptor: buttonDescriptor,
-            });
-          }
-        } else {
-          buttonViewController.update(buttonOptions);
+    buttonDescriptorStream.takeUntilBy(gmailComposeView.getStopper()).onValue(buttonDescriptor => {
+      const buttonOptions = _processButtonDescriptor(buttonDescriptor, extraOnClickOptions, gmailComposeView.getGmailDriver());
+      if (!buttonViewController) {
+        if (buttonOptions) {
+          buttonViewController = _addButton(gmailComposeView, buttonOptions, groupOrderHint);
+          resolve({
+            buttonViewController: buttonViewController,
+            buttonDescriptor: buttonDescriptor
+          });
         }
-      })
-      .onEnd(() => {
-        // Just in case things end without ever resolving above.
-        resolve(null);
-      });
+      } else {
+        buttonViewController.update(buttonOptions);
+      }
+    }).onEnd(() => {
+      // Just in case things end without ever resolving above.
+      resolve(null);
+    });
   });
 }
-
-function _addButton(
-  gmailComposeView: GmailComposeView,
-  buttonOptions: Object,
-  groupOrderHint: string
-) {
-  if (
-    !gmailComposeView.getElement() ||
-    !gmailComposeView.getFormattingToolbar()
-  ) {
+function _addButton(gmailComposeView, buttonOptions, groupOrderHint) {
+  if (!gmailComposeView.getElement() || !gmailComposeView.getFormattingToolbar()) {
     return;
   }
-
   let buttonViewController;
   if (buttonOptions.type === 'MODIFIER') {
-    buttonViewController = _addButtonToModifierArea(
-      gmailComposeView,
-      buttonOptions,
-      groupOrderHint
-    );
+    buttonViewController = _addButtonToModifierArea(gmailComposeView, buttonOptions, groupOrderHint);
   } else if (buttonOptions.type === 'SEND_ACTION') {
-    buttonViewController = _addButtonToSendActionArea(
-      gmailComposeView,
-      buttonOptions
-    );
+    buttonViewController = _addButtonToSendActionArea(gmailComposeView, buttonOptions);
   }
-
-  gmailComposeView.getElement().dispatchEvent(
-    new CustomEvent('buttonAdded', {
-      bubbles: false,
-      cancelable: false,
-      detail: null,
-    })
-  );
-
+  gmailComposeView.getElement().dispatchEvent(new CustomEvent('buttonAdded', {
+    bubbles: false,
+    cancelable: false,
+    detail: null
+  }));
   return buttonViewController;
 }
-
-function _addButtonToModifierArea(
-  gmailComposeView: GmailComposeView,
-  buttonDescriptor: Object,
-  groupOrderHint: string
-) {
+function _addButtonToModifierArea(gmailComposeView, buttonDescriptor, groupOrderHint) {
   var buttonViewController = _getButtonViewController(buttonDescriptor);
   buttonViewController.getView().getElement().setAttribute('tabindex', '1');
-  buttonViewController
-    .getView()
-    .getElement()
-    .setAttribute('data-order-hint', String(buttonDescriptor.orderHint || 0));
-  buttonViewController
-    .getView()
-    .getElement()
-    .setAttribute('data-group-order-hint', groupOrderHint);
-
-  var formattingAreaOffsetLeft =
-    gmailComposeView._getFormattingAreaOffsetLeft();
-  var element: HTMLElement = buttonViewController.getView().getElement();
-  var actionToolbar: HTMLElement =
-    gmailComposeView.getAdditionalActionToolbar();
-
-  insertElementInOrder(actionToolbar, element);
+  buttonViewController.getView().getElement().setAttribute('data-order-hint', String(buttonDescriptor.orderHint || 0));
+  buttonViewController.getView().getElement().setAttribute('data-group-order-hint', groupOrderHint);
+  var formattingAreaOffsetLeft = gmailComposeView._getFormattingAreaOffsetLeft();
+  var element = buttonViewController.getView().getElement();
+  var actionToolbar = gmailComposeView.getAdditionalActionToolbar();
+  (0, _insertElementInOrder.default)(actionToolbar, element);
   gmailComposeView.updateInsertMoreAreaLeft(formattingAreaOffsetLeft);
-
   gmailComposeView.addManagedViewController(buttonViewController);
-
   return buttonViewController;
 }
-
 function _addButtonToSendActionArea(gmailComposeView, buttonDescriptor) {
   const buttonViewController = _getButtonViewController(buttonDescriptor);
   buttonViewController.getView().removeClass('inboxsdk__composeButton');
   buttonViewController.getView().addClass('inboxsdk__compose_sendButton');
   buttonViewController.getView().getElement().setAttribute('tabindex', '1');
-
   const sendButtonGroupElement = gmailComposeView.getSendButtonGroup();
-
-  const buttonElement: HTMLElement = buttonViewController
-    .getView()
-    .getElement();
-  const parent: HTMLElement = (sendButtonGroupElement.parentElement: any);
+  const buttonElement = buttonViewController.getView().getElement();
+  const parent = sendButtonGroupElement.parentElement;
   parent.insertBefore(buttonElement, sendButtonGroupElement.nextSibling);
-
   gmailComposeView.addManagedViewController(buttonViewController);
-
   return buttonViewController;
 }
-
-function _getButtonViewController(buttonDescriptor: Object) {
-  const buttonView = new GmailComposeButtonView(buttonDescriptor);
-  const options = { buttonView, ...buttonDescriptor };
-
+function _getButtonViewController(buttonDescriptor) {
+  const buttonView = new _gmailComposeButtonView.default(buttonDescriptor);
+  const options = {
+    buttonView,
+    ...buttonDescriptor
+  };
   let buttonViewController;
   if (buttonDescriptor.hasDropdown) {
     Object.assign(options, {
-      dropdownViewDriverClass: GmailDropdownView,
-      dropdownPositionOptions: { vAlign: 'top' },
+      dropdownViewDriverClass: _gmailDropdownView.default,
+      dropdownPositionOptions: {
+        vAlign: 'top'
+      }
     });
-
-    buttonViewController = new DropdownButtonViewController(options);
+    buttonViewController = new _dropdownButtonViewController.default(options);
   } else {
-    buttonViewController = new BasicButtonViewController(options);
+    buttonViewController = new _basicButtonViewController.default(options);
   }
-
   return buttonViewController;
 }
-
-function _processButtonDescriptor(
-  buttonDescriptor: ?Object,
-  extraOnClickOptions: Object,
-  driver: GmailDriver
-): ?Object {
+function _processButtonDescriptor(buttonDescriptor, extraOnClickOptions, driver) {
   // clone the descriptor and set defaults.
   if (!buttonDescriptor) {
     return null;
   }
-
   const buttonOptions = {
     type: 'MODIFIER',
-    ...buttonDescriptor,
+    ...buttonDescriptor
   };
-
   const oldOnClick = buttonOptions.onClick;
   buttonOptions.onClick = function (event) {
     driver.getLogger().eventSdkActive('composeView.addedButton.click');
-    oldOnClick({ ...extraOnClickOptions, ...event });
+    oldOnClick({
+      ...extraOnClickOptions,
+      ...event
+    });
   };
-
   if (buttonOptions.hasDropdown) {
     buttonOptions.dropdownShowFunction = buttonOptions.onClick;
   } else {
     buttonOptions.activateFunction = buttonOptions.onClick;
   }
-
   buttonOptions.noArrow = true;
   buttonOptions.tooltip = buttonOptions.tooltip || buttonOptions.title;
   delete buttonOptions.title;
-
   if (buttonOptions.type === 'MODIFIER') {
     buttonOptions.buttonColor = 'flatIcon';
   } else if (buttonOptions.type === 'SEND_ACTION') {
     buttonOptions.buttonColor = 'blue';
   }
-
   return buttonOptions;
-}
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/add-compose-notice.js

@@ -1,76 +1,54 @@
-/* @flow */
-
-import Kefir from 'kefir';
-import kefirStopper from 'kefir-stopper';
-
-import insertElementInOrder from '../../../../lib/dom/insert-element-in-order';
-import Logger from '../../../../lib/logger';
-import querySelector from '../../../../lib/dom/querySelectorOrFail';
-import SimpleElementView from '../../../../views/SimpleElementView';
-
-import type GmailComposeView from '../gmail-compose-view';
-import type { Stopper } from 'kefir-stopper';
-
-export default function addComposeNotice(
-  gmailComposeView: GmailComposeView,
-  options: {
-    orderHint?: number,
-  }
-) {
-  const { orderHint } = {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = addComposeNotice;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _kefir = _interopRequireDefault(require("kefir"));
+var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
+var _insertElementInOrder = _interopRequireDefault(require("../../../../lib/dom/insert-element-in-order"));
+var _logger = _interopRequireDefault(require("../../../../lib/logger"));
+var _querySelectorOrFail = _interopRequireDefault(require("../../../../lib/dom/querySelectorOrFail"));
+var _SimpleElementView = _interopRequireDefault(require("../../../../views/SimpleElementView"));
+function addComposeNotice(gmailComposeView, options) {
+  const {
+    orderHint
+  } = {
     orderHint: 0,
-    ...options,
+    ...options
   };
-
   const composeNotice = new ComposeNotice(gmailComposeView, orderHint);
-
-  gmailComposeView
-    .getStopper()
-    .takeUntilBy(Kefir.fromEvents(composeNotice, 'destroy'))
-    .onValue(() => composeNotice.destroy());
-
+  gmailComposeView.getStopper().takeUntilBy(_kefir.default.fromEvents(composeNotice, 'destroy')).onValue(() => composeNotice.destroy());
   return composeNotice;
 }
-
-class ComposeNotice extends SimpleElementView {
-  _gmailComposeView: GmailComposeView;
-  _orderHint: number;
-  _stopper = kefirStopper();
-
-  constructor(gmailComposeView: GmailComposeView, orderHint: number) {
+class ComposeNotice extends _SimpleElementView.default {
+  constructor(gmailComposeView, orderHint) {
     let el = document.createElement('div');
     el.style.fontFamily = 'Roboto,RobotoDraft,Helvetica,Arial,sans-serif';
     el.style.fontSize = '14px';
-
     super(el);
+    (0, _defineProperty2.default)(this, "_stopper", (0, _kefirStopper.default)());
     this._gmailComposeView = gmailComposeView;
     this._orderHint = orderHint;
-
     el.className = 'inboxsdk__compose_notice';
     el.setAttribute('data-order-hint', String(orderHint));
-
     this._setComposeNotice();
   }
-
   destroy() {
     if (this.destroyed) {
       return;
     }
-
     super.destroy();
     this._stopper.destroy();
   }
-
   _setComposeNotice() {
     try {
-      const composeTable = querySelector(
-        this._gmailComposeView.getElement(),
-        '.iN'
-      );
-
-      insertElementInOrder(composeTable, this.el, ['data-order-hint'], true);
+      const composeTable = (0, _querySelectorOrFail.default)(this._gmailComposeView.getElement(), '.iN');
+      (0, _insertElementInOrder.default)(composeTable, this.el, ['data-order-hint'], true);
     } catch (err) {
-      Logger.error(err);
+      _logger.default.error(err);
     }
   }
-}
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/add-inner-sidebar.js

@@ -1,16 +1,10 @@
-/* @flow */
+"use strict";
 
-import type GmailComposeView from '../gmail-compose-view';
-
-type Options = {
-  title: string,
-  el: HTMLElement,
-};
-
-export default function addInnerSidebar(
-  gmailComposeView: GmailComposeView,
-  options: Options
-) {
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = addInnerSidebar;
+function addInnerSidebar(gmailComposeView, options) {
   // if(!gmailComposeView.getAdditionalAreas().innerSidebar){
   // 	_createInnerSidebar(gmailComposeView);
   // }
@@ -31,4 +25,4 @@ export default function addInnerSidebar(
 // 	gmailComposeView.getElement().classList.add('inboxsdk__compose_innerSidebarActive');
 //
 // 	gmailComposeView.getAdditionalAreas().innerSidebar = sidebar;
-// }
+// }

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/add-outer-sidebar.js

@@ -1,16 +1,10 @@
-/* @flow */
+"use strict";
 
-import type GmailComposeView from '../gmail-compose-view';
-
-type Options = {
-  title: string,
-  el: HTMLElement,
-};
-
-export default function addOuterSidebar(
-  gmailComposeView: GmailComposeView,
-  options: Options
-) {
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = addOuterSidebar;
+function addOuterSidebar(gmailComposeView, options) {
   // if(!gmailComposeView.getAdditionalAreas().outerSidebar){
   // 	_createOuterSidebar(gmailComposeView);
   // }
@@ -18,29 +12,22 @@ export default function addOuterSidebar(
   // gmailComposeView.getAdditionalAreas().outerSidebar.querySelector('.inboxsdk__compose_outerSidebar_header').innerHTML = escape(options.title);
   // gmailComposeView.getAdditionalAreas().outerSidebar.querySelector('.inboxsdk__compose_outerSidebar_footer').appendChild(options.el);
 }
-
-function _createOuterSidebar(gmailComposeView: GmailComposeView) {
+function _createOuterSidebar(gmailComposeView) {
   const outerSidebar = document.createElement('div');
   outerSidebar.classList.add('inboxsdk__compose_outerSidebar_wrapper');
-
   const header = document.createElement('div');
   header.classList.add('inboxsdk__compose_outerSidebar_header');
   outerSidebar.appendChild(header);
-
   const body = document.createElement('div');
   body.classList.add('inboxsdk__compose_outerSidebar_body');
   outerSidebar.appendChild(body);
-
   const footer = document.createElement('div');
   footer.classList.add('inboxsdk__compose_outerSidebar_footer');
   footer.classList.add('aDh');
   outerSidebar.append(footer);
-
   gmailComposeView.getElement().appendChild(outerSidebar);
   // gmailComposeView.getAdditionalAreas().outerSidebar = outerSidebar;
 
-  ((document.body: any): HTMLElement).classList.add(
-    'inboxsdk__outerSidebarActive'
-  );
+  document.body.classList.add('inboxsdk__outerSidebarActive');
   // gmailComposeView.getElement().addClass('inboxsdk__compose_outerSidebarActive');
-}
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/add-recipient-row.js

@@ -1,97 +1,70 @@
-/* @flow */
-
-import Kefir from 'kefir';
-
-import blockAndReemiteKeyboardEvents from '../../../../lib/dom/block-and-reemit-keyboard-events';
-import { getRecipientRowElements } from './page-parser';
-
-import type GmailComposeView from '../gmail-compose-view';
-
-export default function addRecipientRow(
-  gmailComposeView: GmailComposeView,
-  recipientRowOptionStream: Kefir.Observable<?Object>
-): () => void {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = addRecipientRow;
+var _kefir = _interopRequireDefault(require("kefir"));
+var _blockAndReemitKeyboardEvents = _interopRequireDefault(require("../../../../lib/dom/block-and-reemit-keyboard-events"));
+var _pageParser = require("./page-parser");
+function addRecipientRow(gmailComposeView, recipientRowOptionStream) {
   let row;
-
-  recipientRowOptionStream
-    .takeUntilBy(gmailComposeView.getStopper())
-    .onValue((options) => {
-      if (row) {
-        row.remove();
-        row = null;
-      }
-
-      if (options) {
-        row = _createRecipientRowElement(gmailComposeView, options);
-        blockAndReemiteKeyboardEvents(row);
-      }
-      gmailComposeView.getElement().dispatchEvent(
-        new CustomEvent('resize', {
-          bubbles: false,
-          cancelable: false,
-          detail: null,
-        })
-      );
-    });
-
+  recipientRowOptionStream.takeUntilBy(gmailComposeView.getStopper()).onValue(options => {
+    if (row) {
+      row.remove();
+      row = null;
+    }
+    if (options) {
+      row = _createRecipientRowElement(gmailComposeView, options);
+      (0, _blockAndReemitKeyboardEvents.default)(row);
+    }
+    gmailComposeView.getElement().dispatchEvent(new CustomEvent('resize', {
+      bubbles: false,
+      cancelable: false,
+      detail: null
+    }));
+  });
   return () => {
     if (row) {
       row.remove();
       row = null;
-      gmailComposeView.getElement().dispatchEvent(
-        new CustomEvent('resize', {
-          bubbles: false,
-          cancelable: false,
-          detail: null,
-        })
-      );
+      gmailComposeView.getElement().dispatchEvent(new CustomEvent('resize', {
+        bubbles: false,
+        cancelable: false,
+        detail: null
+      }));
     }
   };
 }
-
-function _createRecipientRowElement(
-  gmailComposeView: GmailComposeView,
-  options: Object
-): HTMLElement {
+function _createRecipientRowElement(gmailComposeView, options) {
   var row = document.createElement('tr');
   var labelTD = document.createElement('td');
   var contentTD = document.createElement('td');
-
   row.appendChild(labelTD);
   row.appendChild(contentTD);
-
   row.setAttribute('class', 'inboxsdk__recipient_row');
-
   if (options.labelText) {
     labelTD.setAttribute('class', 'ok');
-
     var span = document.createElement('span');
     span.setAttribute('class', 'gO');
-
     labelTD.appendChild(span);
     span.textContent = options.labelText;
-
     if (options.labelClass) {
       labelTD.classList.add(options.labelClass);
     }
-
     if (options.labelTextClass) {
       span.classList.add(options.labelTextClass);
     }
   }
-
   if (options.el) {
     contentTD.setAttribute('class', 'az3');
     contentTD.appendChild(options.el);
   }
-
-  var firstRowElement = getRecipientRowElements(
-    gmailComposeView.getElement()
-  )[0];
-  var parent: HTMLElement = (firstRowElement.parentElement: any);
+  var firstRowElement = (0, _pageParser.getRecipientRowElements)(gmailComposeView.getElement())[0];
+  var parent = firstRowElement.parentElement;
   parent.insertBefore(row, firstRowElement.nextSibling);
   const addressBarContainer = parent.closest('.fX');
-  addressBarContainer &&
-    addressBarContainer.classList.add('inboxsdk__compose_addressList');
+  addressBarContainer && addressBarContainer.classList.add('inboxsdk__compose_addressList');
   return row;
-}
+}