@inboxsdk/core 0.2.28-alpha.0 → 0.2.28-alpha.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"set-recipients.d.ts","sourceRoot":"","sources":["../../../../../../../../src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/set-recipients.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AAWrD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,aAAa,CACnC,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,YAAY,EACzB,cAAc,EAAE,MAAM,EAAE,QAiMzB"}

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

@@ -1,3 +1,4 @@
 import * as Kefir from 'kefir';
 import type GmailComposeView from '../gmail-compose-view';
 export default function setupLinkPopOvers(gmailComposeView: GmailComposeView): Kefir.Observable<any, never>;
+//# sourceMappingURL=setupLinkPopovers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"setupLinkPopovers.d.ts","sourceRoot":"","sources":["../../../../../../../../src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/setupLinkPopovers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,gBAAgB,MAAM,uBAAuB,CAAC;AAoF1D,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,gBAAgB,EAAE,gBAAgB,GACjC,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,KAAK,CAAC,CA+C9B"}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/size-fixer.js

@@ -0,0 +1,177 @@
+/* @flow */
+
+import includes from 'lodash/includes';
+import startsWith from 'lodash/startsWith';
+import findIndex from 'lodash/findIndex';
+import once from 'lodash/once';
+import Kefir from 'kefir';
+import delayAsap from '../../../../lib/delay-asap';
+import makeMutationObserverChunkedStream from '../../../../lib/dom/make-mutation-observer-chunked-stream';
+import cssSelectorEscape from '../../../../lib/css-selector-escape';
+import type GmailComposeView from '../gmail-compose-view';
+
+const MATERIAL_UI_GMAIL_STATUS_HEIGHT = 60;
+const MATERIAL_UI_TOP_FORM_HEIGHT = 72;
+
+const SELECTOR_ESCAPE_HATCH_PREFIX =
+  'body:not(.inboxsdk_hack_disableComposeSizeFixer) ';
+
+var getSizeFixerSheet: () => CSSStyleSheet = once(() => {
+  const style: HTMLStyleElement = (document.createElement('style'): any);
+  style.type = 'text/css';
+  style.className = 'inboxsdk__compose_size_fixer';
+  (document.head: any).appendChild(style);
+  var sheet = style.sheet;
+  if (!(sheet instanceof CSSStyleSheet)) {
+    throw new Error('Could not add stylesheet');
+  }
+  return sheet;
+});
+
+// Gets a css selector string for a given id
+function byId(id: string): string {
+  return '#' + cssSelectorEscape(id);
+}
+
+export default function sizeFixer(
+  driver: Object,
+  gmailComposeView: GmailComposeView
+) {
+  if (
+    gmailComposeView.isInlineReplyForm() ||
+    gmailComposeView.getElement().classList.contains('inboxsdk__size_fixer')
+  ) {
+    return;
+  }
+  gmailComposeView.getElement().classList.add('inboxsdk__size_fixer');
+
+  var composeEvents = gmailComposeView.getEventStream();
+  var stopper = composeEvents.filter(() => false).beforeEnd(() => null);
+  var resizeEvents = composeEvents
+    .filter((e) => includes(['resize', 'fullscreenChanged'], e.eventName))
+    .merge(delayAsap(null));
+
+  var statusAreaParent: HTMLElement = (gmailComposeView.getStatusArea()
+    .parentElement: any);
+  var scrollBody: HTMLElement = gmailComposeView.getScrollBody();
+
+  var sheet = getSizeFixerSheet();
+  var topForm = gmailComposeView.getTopFormElement();
+  var composeId = gmailComposeView.getElement().id;
+  if (!composeId) {
+    composeId =
+      gmailComposeView.getElement().id = `x${Math.random()}x${Date.now()}`;
+  }
+
+  function setRuleForSelector(selector: string, rule: string) {
+    const fullSelector =
+      SELECTOR_ESCAPE_HATCH_PREFIX + byId(composeId) + ' ' + selector;
+    const ix = findIndex(
+      sheet.cssRules,
+      (cssRule) => cssRule.selectorText === fullSelector
+    );
+    if (ix !== -1) {
+      sheet.deleteRule(ix);
+    }
+    sheet.insertRule(fullSelector + ' { ' + rule + ' }', 0);
+  }
+
+  // Emit resize events when the recipients area is toggled
+  makeMutationObserverChunkedStream(statusAreaParent, { attributes: true })
+    .takeUntilBy(stopper)
+    .onValue(() => {
+      gmailComposeView.getElement().dispatchEvent(
+        new CustomEvent('resize', {
+          bubbles: false,
+          cancelable: false,
+          detail: null,
+        })
+      );
+    });
+
+  resizeEvents
+    .bufferBy(resizeEvents.flatMap((x) => delayAsap(null)))
+    .filter((x) => x.length > 0)
+    .merge(makeMutationObserverChunkedStream(scrollBody, { attributes: true }))
+    .takeUntilBy(stopper)
+    .onValue(() => {
+      const statusUnexpectedHeight = Math.max(
+        statusAreaParent.offsetHeight - MATERIAL_UI_GMAIL_STATUS_HEIGHT,
+        0
+      );
+
+      const topFormUnexpectedHeight = Math.max(
+        topForm.offsetHeight - MATERIAL_UI_TOP_FORM_HEIGHT,
+        0
+      );
+
+      const unexpectedHeight = statusUnexpectedHeight + topFormUnexpectedHeight;
+
+      const maybeBody = gmailComposeView.getMaybeBodyElement();
+
+      /**
+       * In order to support dynamic height in non-fullscreen mode,
+       * get height of the inner element of scrollBody
+       * this way we still can override height values of scrollBody,
+       * but recalculate them based on actual height of an inner child
+       */
+      const scrollBodyInner = scrollBody.querySelector('.qz');
+      const height = scrollBodyInner?.offsetHeight || scrollBody.offsetHeight;
+
+      const maxHeight = parseInt(
+        scrollBody.style.getPropertyValue('max-height'),
+        10
+      );
+
+      const isFullScreen = gmailComposeView.isFullscreen();
+
+      const newMaxHeight = maxHeight - unexpectedHeight;
+      const newHeight = height > newMaxHeight ? newMaxHeight : null;
+
+      const scrollBodyCssRules = [`max-height: ${newMaxHeight}px !important;`];
+      let maybeBodyCssRules;
+
+      if (newHeight) {
+        scrollBodyCssRules.push(`height: ${newHeight}px !important;`);
+      }
+
+      if (isFullScreen) {
+        // in non fullscreen mode compose window can get taller on user input,
+        // but in fullscreen mode, compose window size is static so not only max-height
+        // should be updated, but also min-height of scrollBody and maybeBody
+
+        // NOTE: max-height and min-height in full screen are same
+        scrollBodyCssRules.push(`min-height: ${newMaxHeight}px !important;`);
+
+        const maybeBodyMinHeight =
+          parseInt(maybeBody?.style.minHeight, 10) || maxHeight;
+        const maybeBodyNewMinHeight = maybeBodyMinHeight - unexpectedHeight;
+
+        maybeBodyCssRules = `min-height: ${maybeBodyNewMinHeight}px !important;`;
+      }
+
+      if (scrollBodyCssRules.length > 0) {
+        setRuleForSelector(byId(scrollBody.id), scrollBodyCssRules.join('\n'));
+      }
+
+      if (maybeBodyCssRules && maybeBody) {
+        setRuleForSelector(byId(maybeBody.id), maybeBodyCssRules);
+      }
+    });
+
+  stopper.onValue(() => {
+    // Go through the rules array backwards so that we remove them in backwards
+    // order. If we went through in ascending order, we'd have to worry about
+    // the list shrinking out from under us.
+    for (let ix = sheet.cssRules.length - 1; ix >= 0; ix--) {
+      if (
+        startsWith(
+          (sheet.cssRules: any)[ix].selectorText,
+          SELECTOR_ESCAPE_HATCH_PREFIX + byId(composeId) + ' '
+        )
+      ) {
+        sheet.deleteRule(ix);
+      }
+    }
+  });
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/update-insert-more-area-left.js

@@ -0,0 +1,28 @@
+/* @flow */
+
+import type GmailComposeView from '../gmail-compose-view';
+
+const updateAreaSet = new WeakSet();
+
+export default function updateInsertMoreAreaLeft(
+  gmailComposeView: GmailComposeView,
+  oldFormattingAreaOffsetLeft: number
+) {
+  if (updateAreaSet.has(gmailComposeView)) return;
+
+  updateAreaSet.add(gmailComposeView);
+
+  window.requestAnimationFrame(() => {
+    updateAreaSet.delete(gmailComposeView);
+    if (gmailComposeView.isDestroyed()) return;
+    var newFormattingAreaOffsetLeft =
+      gmailComposeView._getFormattingAreaOffsetLeft();
+    var insertMoreAreaLeft = parseInt(
+      gmailComposeView.getInsertMoreArea().style.left,
+      10
+    );
+    var diff = newFormattingAreaOffsetLeft - oldFormattingAreaOffsetLeft;
+    gmailComposeView.getInsertMoreArea().style.left =
+      insertMoreAreaLeft + diff + 'px';
+  });
+}

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

@@ -0,0 +1,119 @@
+import * as Kefir from 'kefir';
+import GmailDriver from '../gmail-driver';
+
+import {
+  Contact,
+  ComposeNotice,
+  ComposeViewDriver,
+  StatusBar,
+  ComposeButtonDescriptor,
+  TooltipDescriptor,
+} from '../../../driver-interfaces/compose-view-driver';
+
+export default class GmailComposeView implements ComposeViewDriver {
+  public constructor(
+    element: HTMLElement,
+    xhrInterceptorStream: Kefir.Observable<any, any>,
+    driver: GmailDriver,
+    options: {
+      isInlineReplyForm: boolean;
+      isStandalone: boolean;
+    }
+  );
+  public getGmailDriver(): GmailDriver;
+  public getStatusArea(): HTMLElement;
+
+  // interface methods
+  public getEventStream(): Kefir.Observable<any, any>;
+  public getStopper(): Kefir.Observable<any, never>;
+  public getElement(): HTMLElement;
+  public insertBodyTextAtCursor(text: string): null | undefined | HTMLElement;
+  public insertBodyHTMLAtCursor(html: string): null | undefined | HTMLElement;
+  public insertLinkIntoBody(
+    text: string,
+    href: string
+  ): null | undefined | HTMLElement;
+  public insertLinkChipIntoBody(options: {
+    iconUrl?: string;
+    url: string;
+    text: string;
+  }): HTMLElement;
+  public setSubject(text: string): void;
+  public setBodyHTML(html: string): void;
+  public setBodyText(text: string): void;
+  public setToRecipients(emails: ReadonlyArray<string>): void;
+  public setCcRecipients(emails: ReadonlyArray<string>): void;
+  public setBccRecipients(emails: ReadonlyArray<string>): void;
+  public getFromContact(): Contact;
+  public getFromContactChoices(): ReadonlyArray<Contact>;
+  public setFromEmail(email: string): void;
+  public focus(): void;
+  public close(): void;
+  public send(options: { sendAndArchive: boolean }): void;
+  public discard(): void;
+  public popOut(): void;
+  public replaceSendButton(el: HTMLElement): () => void;
+  public hideDiscardButton(): () => void;
+  public registerRequestModifier(modifier: object): void;
+  public attachFiles(files: Blob[]): Promise<void>;
+  public attachInlineFiles(files: Blob[]): Promise<void>;
+  public isFullscreen(): boolean;
+  public setFullscreen(fullscreen: boolean): void;
+  public isMinimized(): boolean;
+  public setMinimized(minimized: boolean): void;
+  public setTitleBarColor(color: string): () => void;
+  public setTitleBarText(text: string): () => void;
+  public addButton(
+    buttonDescriptor: Kefir.Observable<
+      null | undefined | ComposeButtonDescriptor,
+      any
+    >,
+    groupOrderHint: string,
+    extraOnClickOptions: object
+  ): Promise<null | undefined | object>;
+  public addRecipientRow(
+    options: Kefir.Observable<null | undefined | object, any>
+  ): () => void;
+  public forceRecipientRowsOpen(): () => void;
+  public hideNativeRecipientRows(): () => void;
+  public hideRecipientArea(): () => void;
+  public ensureFormattingToolbarIsHidden(): void;
+  public ensureAppButtonToolbarsAreClosed(): void;
+  // addOuterSidebar(options: {title: string, el: HTMLElement}): void;
+  // addInnerSidebar(options: {el: HTMLElement}): void;
+  public addComposeNotice(options?: { orderHint?: number }): ComposeNotice;
+  public addStatusBar(options?: {
+    height?: number;
+    orderHint?: number;
+    addAboveNativeStatusBar?: boolean;
+  }): StatusBar;
+  public hideNativeStatusBar(): () => void;
+  public isForward(): boolean;
+  public isReply(): boolean;
+  public isInlineReplyForm(): boolean;
+  public getBodyElement(): HTMLElement;
+  public getMetadataFormElement(): HTMLElement;
+  public getSubjectInput(): null | undefined | HTMLInputElement;
+  public getHTMLContent(): string;
+  public getTextContent(): string;
+  public getSelectedBodyHTML(): null | undefined | string;
+  public getSelectedBodyText(): null | undefined | string;
+  public getLastSelectionRange(): Range | undefined;
+  public getSubject(): string;
+  public getToRecipients(): ReadonlyArray<Contact>;
+  public getCcRecipients(): ReadonlyArray<Contact>;
+  public getBccRecipients(): ReadonlyArray<Contact>;
+  public getComposeID(): string;
+  public getInitialMessageID(): null | undefined | string;
+  public getMessageID(): null | undefined | string;
+  public getThreadID(): null | undefined | string;
+  public getCurrentDraftID(): Promise<null | string>;
+  public getDraftID(): Promise<null | string>;
+  public addTooltipToButton(
+    buttonViewController: object,
+    buttonDescriptor: object,
+    tooltipDescriptor: TooltipDescriptor
+  ): void;
+  public closeButtonTooltip(buttonViewController: object): void;
+  public setupLinkPopOvers(): void;
+}