@inboxsdk/core 0.2.27 → 0.2.28-alpha.1

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/from-manager.js

@@ -0,0 +1,82 @@
+/* @flow */
+
+import find from 'lodash/find';
+import { simulateClick } from '../../../../lib/dom/simulate-mouse-event';
+import type GmailDriver from '../../gmail-driver';
+import type GmailComposeView from '../../views/gmail-compose-view';
+
+export function getFromContact(
+  driver: GmailDriver,
+  gmailComposeView: GmailComposeView
+): Contact {
+  const nameInput: ?HTMLInputElement = (gmailComposeView
+    .getElement()
+    .querySelector('input[name="from"]'): any);
+  const emailAddress = nameInput ? nameInput.value : null;
+  if (!emailAddress) {
+    return driver.getUserContact();
+  }
+  const fromContactChoices = getFromContactChoices(driver, gmailComposeView);
+  const matchingContact: ?Contact = find(
+    fromContactChoices,
+    (contact) => contact.emailAddress === emailAddress
+  );
+  let name;
+  if (!matchingContact) {
+    name = emailAddress;
+    driver.getLogger().error(new Error('getFromContact failed to find name'), {
+      fromContactChoicesLength: fromContactChoices.length,
+    });
+  } else {
+    name = matchingContact.name;
+  }
+  return { emailAddress, name };
+}
+
+export function getFromContactChoices(
+  driver: GmailDriver,
+  gmailComposeView: GmailComposeView
+): Contact[] {
+  const choiceEls = gmailComposeView
+    .getElement()
+    .querySelectorAll(
+      'div.J-M.jQjAxd.J-M-awS[role=menu] > div.SK.AX > div[value][role=menuitem]'
+    );
+  if (choiceEls.length == 0) {
+    // From field isn't present
+    return [driver.getUserContact()];
+  }
+  return Array.from(choiceEls).map((item) => ({
+    emailAddress: item.getAttribute('value') || '',
+    name: item.textContent.replace(/<.*/, '').trim(),
+  }));
+}
+
+export function setFromEmail(
+  driver: GmailDriver,
+  gmailComposeView: GmailComposeView,
+  email: string
+) {
+  let currentFromAddress = gmailComposeView.getFromContact().emailAddress;
+  if (currentFromAddress === email) {
+    return;
+  }
+
+  const choiceParent = gmailComposeView
+    .getElement()
+    .querySelector('div.J-M.jQjAxd.J-M-awS[role=menu] > div.SK.AX');
+  if (!choiceParent) {
+    if (driver.getUserContact().emailAddress != email) {
+      throw new Error('Chosen email from choice was not found');
+    }
+    return;
+  }
+  const chosenChoice = find(
+    choiceParent.children,
+    (item) => item.getAttribute('value') == email
+  );
+  if (!chosenChoice) {
+    throw new Error('Chosen email from choice was not found');
+  }
+  simulateClick(chosenChoice);
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-additional-action-toolbar.js

@@ -0,0 +1,67 @@
+/* @flow */
+
+import type GmailComposeView from '../gmail-compose-view';
+
+const composeViewActionToolbars = new WeakMap();
+
+export default function getAdditionalActionToolbar(
+  gmailComposeView: GmailComposeView
+) {
+  var groupedActionToolbar = gmailComposeView
+    .getElement()
+    .querySelector('.inboxsdk__compose_groupedActionToolbar > div');
+  if (groupedActionToolbar) {
+    return groupedActionToolbar;
+  }
+
+  let actionToolbar = gmailComposeView
+    .getElement()
+    .querySelector('.inboxsdk__compose_actionToolbar > div');
+  if (actionToolbar) {
+    return actionToolbar;
+  }
+
+  actionToolbar = composeViewActionToolbars.get(gmailComposeView);
+  if (!actionToolbar) {
+    const _actionToolbar = (actionToolbar =
+      _addActionToolbar(gmailComposeView));
+    gmailComposeView.getStopper().onValue(() => {
+      _actionToolbar.remove();
+    });
+    composeViewActionToolbars.set(gmailComposeView, actionToolbar);
+  }
+  return actionToolbar;
+}
+
+function _addActionToolbar(gmailComposeView: GmailComposeView) {
+  const td = document.createElement('td');
+  td.setAttribute('class', 'inboxsdk__compose_actionToolbar gU');
+  const formattingArea = gmailComposeView.getFormattingArea();
+  if (!formattingArea) throw new Error('formatting area missing');
+  formattingArea.insertAdjacentElement('beforebegin', td);
+
+  let parent = td.parentElement;
+  while (parent) {
+    if (parent.tagName === 'TABLE') break;
+    parent = parent.parentElement;
+  }
+
+  if (parent) {
+    const col = parent.querySelector('colgroup col');
+    if (col) {
+      const newCol1 = document.createElement('col');
+      newCol1.setAttribute('class', 'inboxsdk__compose_actionToolbarColumn');
+      const newCol2 = document.createElement('col');
+      newCol2.setAttribute('class', 'inboxsdk__compose_separatorColumn');
+
+      // want to make it <col><newCol1><newCol2> so insert in reverse order
+      col.insertAdjacentElement('afterend', newCol2);
+      col.insertAdjacentElement('afterend', newCol1);
+    }
+  }
+
+  var toolbarDiv = document.createElement('div');
+  td.appendChild(toolbarDiv);
+
+  return toolbarDiv;
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-address-changes-stream.js

@@ -0,0 +1,151 @@
+/* @flow */
+
+import Kefir from 'kefir';
+import t from 'transducers.js';
+
+import Logger from '../../../../lib/logger';
+import makeMutationObserverStream from '../../../../lib/dom/make-mutation-observer-stream';
+import getAddressInformationExtractor from './get-address-information-extractor';
+import { getRecipientRowElements } from './page-parser';
+
+import type GmailComposeView from '../gmail-compose-view';
+import makeElementChildStream from '../../../../lib/dom/make-element-child-stream';
+import toItemWithLifetimeStream from '../../../../lib/toItemWithLifetimeStream';
+
+export default function getAddressChangesStream(
+  gmailComposeView: GmailComposeView
+): Kefir.Observable<Object> {
+  const recipientRowElements = getRecipientRowElements(
+    gmailComposeView.getElement()
+  );
+
+  if (!recipientRowElements || recipientRowElements.length === 0) {
+    return Kefir.never();
+  }
+
+  const mergedStream = Kefir.merge([
+    _makeSubAddressStream('to', gmailComposeView),
+    _makeSubAddressStream('cc', gmailComposeView),
+    _makeSubAddressStream('bcc', gmailComposeView),
+  ]);
+
+  const umbrellaStream = mergedStream.map(_groupChangeEvents);
+
+  return Kefir.merge([
+    mergedStream,
+    umbrellaStream,
+    getFromAddressChangeStream(gmailComposeView),
+  ]);
+}
+
+function readContactFromElement(
+  contactNode: HTMLElement,
+  addressType: ReceiverType,
+  gmailComposeView: GmailComposeView
+): Contact | null {
+  if (contactNode.getAttribute('role') === 'option') {
+    // Handling updated compose recipients
+    // https://workspaceupdates.googleblog.com/2021/10/visual-updates-for-composing-email-in-gmail.html
+    return {
+      name: contactNode.getAttribute('data-name'),
+      emailAddress: (contactNode.getAttribute('data-hovercard-id'): any),
+    };
+  } else {
+    return getAddressInformationExtractor(
+      addressType,
+      gmailComposeView
+    )(contactNode);
+  }
+}
+
+function _makeSubAddressStream(
+  addressType: ReceiverType,
+  gmailComposeView: GmailComposeView
+): Kefir.Observable<{ eventName: string, data: { contact: Contact } }> {
+  const contactNodes = gmailComposeView.tagTree.getAllByTag(
+    `${addressType}Recipient`
+  );
+
+  return toItemWithLifetimeStream(contactNodes).flatMap(
+    ({ el, removalStream }) => {
+      const contact = readContactFromElement(
+        el.getValue(),
+        addressType,
+        gmailComposeView
+      );
+      if (!contact) {
+        return Kefir.never();
+      }
+      return Kefir.constant({
+        eventName: `${addressType}ContactAdded`,
+        data: {
+          contact,
+        },
+      }).merge(
+        removalStream.map(() => ({
+          eventName: `${addressType}ContactRemoved`,
+          data: {
+            contact,
+          },
+        }))
+      );
+    }
+  );
+}
+
+function _groupChangeEvents(event) {
+  const grouping = {
+    to: {
+      added: [],
+      removed: [],
+    },
+    cc: {
+      added: [],
+      removed: [],
+    },
+    bcc: {
+      added: [],
+      removed: [],
+    },
+  };
+
+  const parts = event.eventName.split('Contact'); //splits "toContactAdded" => ["to", "Added"]
+  grouping[parts[0]][parts[1].toLowerCase()].push(event.data.contact);
+
+  return {
+    eventName: 'recipientsChanged',
+    data: grouping,
+  };
+}
+
+function getFromAddressChangeStream(gmailComposeView) {
+  return Kefir.later(0, null).flatMap(() => {
+    const fromInput = gmailComposeView
+      .getElement()
+      .querySelector('input[name="from"]');
+    return Kefir.constant(
+      _convertToEvent('fromContactChanged', gmailComposeView.getFromContact())
+    ).merge(
+      !fromInput
+        ? Kefir.never()
+        : makeMutationObserverStream(fromInput, {
+            attributes: true,
+            attributeFilter: ['value'],
+          }).map(() =>
+            _convertToEvent(
+              'fromContactChanged',
+              gmailComposeView.getFromContact()
+            )
+          )
+    );
+  });
+}
+
+function _convertToEvent(eventName, addressInfo) {
+  return {
+    eventName,
+    data: {
+      contact: addressInfo,
+    },
+  };
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-address-information-extractor.d.ts

@@ -0,0 +1,4 @@
+import GmailComposeView from '../gmail-compose-view';
+import { Contact } from '../../../../driver-interfaces/compose-view-driver';
+export default function getAddressInformationExtractor(addressType: string, composeView: GmailComposeView): (node: HTMLElement) => Contact | null;
+//# sourceMappingURL=get-address-information-extractor.d.ts.map

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-address-information-extractor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-address-information-extractor.d.ts","sourceRoot":"","sources":["../../../../../../../../src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-address-information-extractor.ts"],"names":[],"mappings":"AAKA,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,mDAAmD,CAAC;AAE5E,MAAM,CAAC,OAAO,UAAU,8BAA8B,CACpD,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,gBAAgB,GAC5B,CAAC,IAAI,EAAE,WAAW,KAAK,OAAO,GAAG,IAAI,CA0BvC"}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-body-changes-stream.js

@@ -0,0 +1,20 @@
+/* @flow */
+
+import Kefir from 'kefir';
+
+import makeMutationObserverStream from '../../../../lib/dom/make-mutation-observer-stream';
+import type GmailComposeView from '../gmail-compose-view';
+
+export default function (
+  gmailComposeView: GmailComposeView
+): Kefir.Observable<Object> {
+  var bodyElement = gmailComposeView.getBodyElement();
+
+  return makeMutationObserverStream(bodyElement, {
+    childList: true,
+    subtree: true,
+    characterData: true,
+  }).map(function () {
+    return { eventName: 'bodyChanged' };
+  });
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-formatting-area-offset-left.js

@@ -0,0 +1,31 @@
+/* @flow */
+
+import asap from 'asap';
+
+import type GmailComposeView from '../gmail-compose-view';
+
+const leftMap = new WeakMap();
+
+export default function getFormattingAreaOffsetLeft(
+  gmailComposeView: GmailComposeView,
+  forceGet?: boolean
+): number {
+  if (!forceGet) {
+    let existingValue = leftMap.get(gmailComposeView);
+    if (existingValue != null) {
+      return existingValue;
+    }
+  }
+
+  const formattingArea = gmailComposeView.getFormattingArea();
+  if (!formattingArea) {
+    return 0;
+  }
+
+  const left = formattingArea.getBoundingClientRect().left;
+  leftMap.set(gmailComposeView, left);
+
+  asap(() => leftMap.delete(gmailComposeView));
+
+  return left;
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-minimized-stream.js

@@ -0,0 +1,30 @@
+/* @flow */
+
+import find from 'lodash/find';
+import Kefir from 'kefir';
+import udKefir from 'ud-kefir';
+import makeMutationObserverStream from '../../../../lib/dom/make-mutation-observer-stream';
+import type GmailComposeView from '../gmail-compose-view';
+
+const fnStream = udKefir(module, getMinimizedStream_);
+
+export default function getMinimizedStream(
+  gmailComposeView: GmailComposeView
+): Kefir.Observable<boolean> {
+  return fnStream.flatMapLatest((fn) => fn(gmailComposeView));
+}
+
+function getMinimizedStream_(
+  gmailComposeView: GmailComposeView
+): Kefir.Observable<boolean> {
+  const element = gmailComposeView.getElement();
+  const bodyElement = gmailComposeView.getBodyElement();
+  const bodyContainer = find(element.children, (child) =>
+    child.contains(bodyElement)
+  );
+
+  return makeMutationObserverStream(bodyContainer, {
+    attributes: true,
+    attributeFilter: ['style'],
+  }).map(() => gmailComposeView.isMinimized());
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-recipients.d.ts

@@ -0,0 +1,5 @@
+import GmailComposeView from '../gmail-compose-view';
+import { Contact } from '../../../../driver-interfaces/compose-view-driver';
+import { ReceiverType } from './set-recipients';
+export default function getRecipients(gmailComposeView: GmailComposeView, addressType: ReceiverType): Contact[];
+//# sourceMappingURL=get-recipients.d.ts.map

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-recipients.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-recipients.d.ts","sourceRoot":"","sources":["../../../../../../../../src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-recipients.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AAIrD,OAAO,EAAE,OAAO,EAAE,MAAM,mDAAmD,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,aAAa,CACnC,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,YAAY,GACxB,OAAO,EAAE,CAuBX"}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/get-response-type-changes-stream.js

@@ -0,0 +1,33 @@
+/* @flow */
+
+import Kefir from 'kefir';
+
+import Logger from '../../../../lib/logger';
+import makeMutationObserverChunkedStream from '../../../../lib/dom/make-mutation-observer-chunked-stream';
+import querySelector from '../../../../lib/dom/querySelectorOrFail';
+import type GmailComposeView from '../gmail-compose-view';
+
+export default function (
+  gmailComposeView: GmailComposeView
+): Kefir.Observable<Object> {
+  let responseTypeEl;
+
+  try {
+    responseTypeEl = querySelector(
+      gmailComposeView.getElement(),
+      '.J-J5-Ji .J-JN-M-I-Jm > img'
+    );
+    return makeMutationObserverChunkedStream(responseTypeEl, {
+      attributeFilter: ['class'],
+      attributes: true,
+    }).map(() => ({
+      data: {
+        isForward: gmailComposeView.isForward(),
+      },
+      eventName: 'responseTypeChanged',
+    }));
+  } catch (err) {
+    Logger.error(err);
+    return Kefir.never();
+  }
+}

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

@@ -0,0 +1,50 @@
+import * as Kefir from 'kefir';
+import KeyboardShortcutHandle from '../../../../views/keyboard-shortcut-handle';
+import { ButtonViewI } from '../../../../widgets/buttons/basic-button-view-controller';
+export interface ButtonViewOptions {
+    iconClass?: null | string;
+    iconUrl?: null | string;
+    title?: null | string;
+    text?: null | string;
+    tooltip?: null | string;
+    enabled?: null | boolean;
+    hasDropdown?: null | boolean;
+    keyboardShortcutHandle?: null | KeyboardShortcutHandle;
+    noOverflow?: null | boolean;
+}
+export default class GmailComposeButtonView implements ButtonViewI {
+    private _element;
+    private _iconElement;
+    private _iconImgElement;
+    private _iconClass;
+    private _iconUrl;
+    private _tooltip;
+    private _hasDropdown;
+    private _isEnabled;
+    private _keyboardShortcutHandle;
+    private _eventStream;
+    constructor(options: ButtonViewOptions);
+    destroy(): void;
+    getElement(): HTMLElement;
+    getEventStream(): Kefir.Observable<any, any>;
+    activate(): void;
+    deactivate(): void;
+    addClass(className: string): void;
+    removeClass(className: string): void;
+    simulateHover(): void;
+    setEnabled(value: boolean): void;
+    isEnabled(): boolean;
+    update(options: any): void;
+    private _createElement;
+    private _createMainElement;
+    private _createIconElement;
+    private _createIconImgElement;
+    private _updateTooltip;
+    private _updateIconUrl;
+    private _updateIconClass;
+    private _setEnabled;
+    private _setupEventStream;
+    private _setupKeyboardShortcutEvent;
+    private _setupAestheticEvents;
+}
+//# sourceMappingURL=gmail-compose-button-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gmail-compose-button-view.d.ts","sourceRoot":"","sources":["../../../../../../../../src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/gmail-compose-button-view.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,sBAAsB,MAAM,4CAA4C,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,0DAA0D,CAAC;AAEvF,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC;IAC7B,sBAAsB,CAAC,EAAE,IAAI,GAAG,sBAAsB,CAAC;IACvD,UAAU,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC;CAC7B;AAED,MAAM,CAAC,OAAO,OAAO,sBAAuB,YAAW,WAAW;IAChE,OAAO,CAAC,QAAQ,CAA8C;IAC9D,OAAO,CAAC,YAAY,CAAiD;IACrE,OAAO,CAAC,eAAe,CAAsC;IAC7D,OAAO,CAAC,UAAU,CAA4B;IAC9C,OAAO,CAAC,QAAQ,CAA4B;IAC5C,OAAO,CAAC,QAAQ,CAA4B;IAC5C,OAAO,CAAC,YAAY,CAAU;IAC9B,OAAO,CAAC,UAAU,CAAU;IAC5B,OAAO,CAAC,uBAAuB,CAA4C;IAC3E,OAAO,CAAC,YAAY,CAAgB;gBAEjB,OAAO,EAAE,iBAAiB;IAuBtC,OAAO;IAKP,UAAU,IAAI,WAAW;IAGzB,cAAc,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC;IAI5C,QAAQ;IAIR,UAAU;IAIV,QAAQ,CAAC,SAAS,EAAE,MAAM;IAI1B,WAAW,CAAC,SAAS,EAAE,MAAM;IAI7B,aAAa;IAIb,UAAU,CAAC,KAAK,EAAE,OAAO;IAIzB,SAAS,IAAI,OAAO;IAIpB,MAAM,CAAC,OAAO,EAAE,GAAG;IA0B1B,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,kBAAkB;IAsB1B,OAAO,CAAC,kBAAkB;IAiB1B,OAAO,CAAC,qBAAqB;IAoB7B,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,WAAW;IAsBnB,OAAO,CAAC,iBAAiB;IA6CzB,OAAO,CAAC,2BAA2B;IAuBnC,OAAO,CAAC,qBAAqB;CAW9B"}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/insert-link-into-body.js

@@ -0,0 +1,35 @@
+/* @flow */
+
+import { simulateClick } from '../../../../lib/dom/simulate-mouse-event';
+import setValueAndDispatchEvent from '../../../../lib/dom/set-value-and-dispatch-event';
+
+import type GmailComposeView from '../gmail-compose-view';
+
+export default function insertLinkIntoBody(
+  gmailComposeView: GmailComposeView,
+  text: string,
+  href: string
+): ?HTMLElement {
+  return _insertLinkIntoBody(gmailComposeView, text, href);
+}
+
+function _insertLinkIntoBody(gmailComposeView, text, href) {
+  gmailComposeView.focus();
+
+  gmailComposeView.getBodyElement().focus();
+
+  const selection = document.getSelection();
+  if (!selection) throw new Error("selection does't exist, what?");
+
+  const range = selection.getRangeAt(0);
+  const link = document.createElement('a');
+  link.href = href;
+  range.extractContents();
+  range.insertNode(link);
+  link.textContent = text;
+
+  selection.selectAllChildren(link);
+  selection.collapseToEnd();
+
+  return link;
+}