@inboxsdk/core 1.1.5 → 1.1.7

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

@@ -0,0 +1 @@
+{"version":3,"file":"monitor-selection-range.d.ts","sourceRoot":"","sources":["../../../../../../../../src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/monitor-selection-range.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,uBAAuB,CAAC;AAC1D,MAAM,CAAC,OAAO,WAAW,gBAAgB,EAAE,gBAAgB,QAsB1D"}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/monitor-selection-range.js

@@ -1,18 +1,22 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-var _kefir = _interopRequireDefault(require("kefir"));
-var _fromEventTargetCapture = _interopRequireDefault(require("../../../../lib/from-event-target-capture"));
-function _default(gmailComposeView) {
-  _kefir.default.merge([(0, _fromEventTargetCapture.default)(document.body, 'mousedown'), (0, _fromEventTargetCapture.default)(gmailComposeView.getBodyElement(), 'keydown'), gmailComposeView.getEventStream().filter(e => e.eventName === 'bodyChanged')]).takeUntilBy(gmailComposeView.getStopper()).onValue(event => {
-    var body = gmailComposeView.getMaybeBodyElement();
-    var selection = document.getSelection();
-    if (body && selection.rangeCount > 0 && body.contains(selection.anchorNode)) {
-      gmailComposeView.setLastSelectionRange(selection.getRangeAt(0));
-    }
-  });
-}
+import Kefir from 'kefir';
+import fromEventTargetCapture from '../../../../lib/from-event-target-capture';
+export default function (gmailComposeView) {
+    Kefir.merge([
+        fromEventTargetCapture(document.body, 'mousedown'),
+        fromEventTargetCapture(gmailComposeView.getBodyElement(), 'keydown'),
+        gmailComposeView
+            .getEventStream()
+            .filter((e) => e.eventName === 'bodyChanged'),
+    ])
+        .takeUntilBy(gmailComposeView.getStopper())
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        .onValue((event) => {
+        var body = gmailComposeView.getMaybeBodyElement();
+        var selection = document.getSelection();
+        if (body &&
+            selection.rangeCount > 0 &&
+            body.contains(selection.anchorNode)) {
+            gmailComposeView.setLastSelectionRange(selection.getRangeAt(0));
+        }
+    });
+}

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

@@ -0,0 +1,4 @@
+import type GmailDriver from '../../gmail-driver';
+import type GmailComposeView from '../gmail-compose-view';
+export default function overrideEditSubject(gmailDriver: GmailDriver, gmailComposeView: GmailComposeView): void;
+//# sourceMappingURL=override-edit-subject.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"override-edit-subject.d.ts","sourceRoot":"","sources":["../../../../../../../../src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/override-edit-subject.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,WAAW,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,gBAAgB,MAAM,uBAAuB,CAAC;AAE1D,MAAM,CAAC,OAAO,UAAU,mBAAmB,CACzC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,QAsCnC"}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/override-edit-subject.js

@@ -1,56 +1,63 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = overrideEditSubject;
-var _censorHTMLtree = _interopRequireDefault(require("../../../../../common/censorHTMLtree"));
-var _simulateMouseEvent = require("../../../../lib/dom/simulate-mouse-event");
+import censorHTMLtree from '../../../../../common/censorHTMLtree';
+import { simulateClick } from '../../../../lib/dom/simulate-mouse-event';
 let hasLoggedError = false;
-function overrideEditSubject(gmailDriver, gmailComposeView) {
-  if (!gmailComposeView.isReply()) return;
-  const menuItem = gmailComposeView.getElement().querySelector('div.J-M.jQjAxd.HX[role=menu] > div.SK.AX > [role=menuitem]:nth-last-child(2)');
-  if (!menuItem) {
-    if (!hasLoggedError) {
-      gmailDriver.getLogger().error(new Error('could not find edit subject item'), {
-        composeElement: (0, _censorHTMLtree.default)(gmailComposeView.getElement())
-      });
-      hasLoggedError = true;
+export default function overrideEditSubject(gmailDriver, gmailComposeView) {
+    if (!gmailComposeView.isReply())
+        return;
+    const menuItem = gmailComposeView
+        .getElement()
+        .querySelector('div.J-M.jQjAxd.HX[role=menu] > div.SK.AX > [role=menuitem]:nth-last-child(2)');
+    if (!menuItem) {
+        if (!hasLoggedError) {
+            gmailDriver
+                .getLogger()
+                .error(new Error('could not find edit subject item'), {
+                composeElement: censorHTMLtree(gmailComposeView.getElement()),
+            });
+            hasLoggedError = true;
+        }
+        return;
     }
-    return;
-  }
-  menuItem.addEventListener('click', e => {
-    e.stopPropagation();
-  }, true);
-  menuItem.addEventListener('mouseup', e => {
-    e.stopPropagation();
-    _cloneContentToNewCompose(gmailDriver, gmailComposeView);
-  }, true);
+    menuItem.addEventListener('click', (e) => {
+        e.stopPropagation();
+    }, true);
+    menuItem.addEventListener('mouseup', (e) => {
+        e.stopPropagation();
+        _cloneContentToNewCompose(gmailDriver, gmailComposeView);
+    }, true);
 }
 function _cloneContentToNewCompose(gmailDriver, gmailComposeView) {
-  const toRecipients = gmailComposeView.getToRecipients();
-  const ccRecipients = gmailComposeView.getCcRecipients();
-  const bccRecipients = gmailComposeView.getBccRecipients();
-  const fromAddress = gmailComposeView.getFromContact();
-  const subject = gmailComposeView.getSubject();
-  _ensureExtraContentIsVisible(gmailComposeView);
-  const body = gmailComposeView.getHTMLContent();
-  gmailComposeView.discard();
-  gmailDriver.openNewComposeViewDriver().then(newComposeView => {
-    if (toRecipients.length > 0) newComposeView.setToRecipients(toRecipients.map(c => c.emailAddress));
-    if (ccRecipients.length > 0) newComposeView.setCcRecipients(ccRecipients.map(c => c.emailAddress));
-    if (bccRecipients.length > 0) newComposeView.setBccRecipients(bccRecipients.map(c => c.emailAddress));
-    newComposeView.setFromEmail(fromAddress.emailAddress);
-    newComposeView.setSubject(subject);
-    newComposeView.setBodyHTML(body);
-    setTimeout(function () {
-      newComposeView.getSubjectInput().select();
-    }, 1);
-  });
+    const toRecipients = gmailComposeView.getToRecipients();
+    const ccRecipients = gmailComposeView.getCcRecipients();
+    const bccRecipients = gmailComposeView.getBccRecipients();
+    const fromAddress = gmailComposeView.getFromContact();
+    const subject = gmailComposeView.getSubject();
+    _ensureExtraContentIsVisible(gmailComposeView);
+    const body = gmailComposeView.getHTMLContent();
+    gmailComposeView.discard();
+    gmailDriver
+        .openNewComposeViewDriver()
+        .then((newComposeView) => {
+        if (toRecipients.length > 0)
+            newComposeView.setToRecipients(toRecipients.map((c) => c.emailAddress));
+        if (ccRecipients.length > 0)
+            newComposeView.setCcRecipients(ccRecipients.map((c) => c.emailAddress));
+        if (bccRecipients.length > 0)
+            newComposeView.setBccRecipients(bccRecipients.map((c) => c.emailAddress));
+        newComposeView.setFromEmail(fromAddress.emailAddress);
+        newComposeView.setSubject(subject);
+        newComposeView.setBodyHTML(body);
+        setTimeout(function () {
+            newComposeView.getSubjectInput().select();
+        }, 1);
+    });
 }
 function _ensureExtraContentIsVisible(gmailComposeView) {
-  if (gmailComposeView.getBodyElement().querySelector('.gmail_extra')) return;
-  const quoteDotsElement = gmailComposeView.getElement().querySelector('.ajR');
-  if (quoteDotsElement) (0, _simulateMouseEvent.simulateClick)(quoteDotsElement);
-}
+    if (gmailComposeView.getBodyElement().querySelector('.gmail_extra'))
+        return;
+    const quoteDotsElement = gmailComposeView
+        .getElement()
+        .querySelector('.ajR');
+    if (quoteDotsElement)
+        simulateClick(quoteDotsElement);
+}

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

@@ -0,0 +1,3 @@
+import type GmailComposeView from '../gmail-compose-view';
+export default function positionFormattingToolbar(gmailComposeView: GmailComposeView): void;
+//# sourceMappingURL=position-formatting-toolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"position-formatting-toolbar.d.ts","sourceRoot":"","sources":["../../../../../../../../src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/position-formatting-toolbar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,uBAAuB,CAAC;AAC1D,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAC/C,gBAAgB,EAAE,gBAAgB,QAsBnC"}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/position-formatting-toolbar.js

@@ -1,21 +1,19 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = positionFormattingToolbar;
-function positionFormattingToolbar(gmailComposeView) {
-  const formattingToolbar = gmailComposeView.getFormattingToolbar();
-  if (formattingToolbar && formattingToolbar.style.display === '') {
-    const arrowElement = gmailComposeView.getFormattingToolbarArrow();
-    const buttonElement = gmailComposeView.getFormattingToolbarToggleButton();
-    const left = buttonElement.offsetLeft + buttonElement.clientWidth / 2 - arrowElement.offsetWidth / 2;
-    arrowElement.style.left = left + 'px';
-    const statusBarPrependContainer = gmailComposeView.getStatusBarPrependContainer();
-    if (statusBarPrependContainer) {
-      formattingToolbar.style.bottom = -1 * statusBarPrependContainer.offsetHeight + 'px';
-    } else {
-      formattingToolbar.style.bottom = '';
+export default function positionFormattingToolbar(gmailComposeView) {
+    const formattingToolbar = gmailComposeView.getFormattingToolbar();
+    if (formattingToolbar && formattingToolbar.style.display === '') {
+        const arrowElement = gmailComposeView.getFormattingToolbarArrow();
+        const buttonElement = gmailComposeView.getFormattingToolbarToggleButton();
+        const left = buttonElement.offsetLeft +
+            buttonElement.clientWidth / 2 -
+            arrowElement.offsetWidth / 2;
+        arrowElement.style.left = left + 'px';
+        const statusBarPrependContainer = gmailComposeView.getStatusBarPrependContainer();
+        if (statusBarPrependContainer) {
+            formattingToolbar.style.bottom =
+                -1 * statusBarPrependContainer.offsetHeight + 'px';
+        }
+        else {
+            formattingToolbar.style.bottom = '';
+        }
     }
-  }
-}
+}

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

@@ -0,0 +1,3 @@
+import type GmailComposeView from '../gmail-compose-view';
+export default function sizeFixer(driver: Record<string, any>, gmailComposeView: GmailComposeView): void;
+//# sourceMappingURL=size-fixer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"size-fixer.d.ts","sourceRoot":"","sources":["../../../../../../../../src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/size-fixer.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,gBAAgB,MAAM,uBAAuB,CAAC;AAwB1D,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,gBAAgB,EAAE,gBAAgB,QAsInC"}

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

@@ -1,123 +1,124 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = sizeFixer;
-var _includes = _interopRequireDefault(require("lodash/includes"));
-var _startsWith = _interopRequireDefault(require("lodash/startsWith"));
-var _findIndex = _interopRequireDefault(require("lodash/findIndex"));
-var _once = _interopRequireDefault(require("lodash/once"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _delayAsap = _interopRequireDefault(require("../../../../lib/delay-asap"));
-var _makeMutationObserverChunkedStream = _interopRequireDefault(require("../../../../lib/dom/make-mutation-observer-chunked-stream"));
-var _cssSelectorEscape = _interopRequireDefault(require("../../../../lib/css-selector-escape"));
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import includes from 'lodash/includes';
+import startsWith from 'lodash/startsWith';
+import findIndex from 'lodash/findIndex';
+import once from 'lodash/once';
+import delayAsap from '../../../../lib/delay-asap';
+import makeMutationObserverChunkedStream from '../../../../lib/dom/make-mutation-observer-chunked-stream';
+import cssSelectorEscape from '../../../../lib/css-selector-escape';
 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 = (0, _once.default)(() => {
-  const style = document.createElement('style');
-  style.type = 'text/css';
-  style.className = 'inboxsdk__compose_size_fixer';
-  document.head.appendChild(style);
-  var sheet = style.sheet;
-  if (!(sheet instanceof CSSStyleSheet)) {
-    throw new Error('Could not add stylesheet');
-  }
-  return sheet;
+var getSizeFixerSheet = once(() => {
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    style.className = 'inboxsdk__compose_size_fixer';
+    document.head.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) {
-  return '#' + (0, _cssSelectorEscape.default)(id);
+    return '#' + cssSelectorEscape(id);
 }
-function sizeFixer(driver, 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 => (0, _includes.default)(['resize', 'fullscreenChanged'], e.eventName)).merge((0, _delayAsap.default)(null));
-  var statusAreaParent = gmailComposeView.getStatusArea().parentElement;
-  var scrollBody = 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, rule) {
-    const fullSelector = SELECTOR_ESCAPE_HATCH_PREFIX + byId(composeId) + ' ' + selector;
-    const ix = (0, _findIndex.default)(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
-  (0, _makeMutationObserverChunkedStream.default)(statusAreaParent, {
-    attributes: true
-  }).takeUntilBy(stopper).onValue(() => {
-    gmailComposeView.getElement().dispatchEvent(new CustomEvent('resize', {
-      bubbles: false,
-      cancelable: false,
-      detail: null
-    }));
-  });
-  resizeEvents.bufferBy(resizeEvents.flatMap(x => (0, _delayAsap.default)(null))).filter(x => x.length > 0).merge((0, _makeMutationObserverChunkedStream.default)(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;`);
+export default function sizeFixer(driver, gmailComposeView) {
+    if (gmailComposeView.isInlineReplyForm() ||
+        gmailComposeView.getElement().classList.contains('inboxsdk__size_fixer')) {
+        return;
     }
-    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;`;
+    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 = gmailComposeView.getStatusArea()
+        .parentElement;
+    var scrollBody = 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()}`;
     }
-    if (scrollBodyCssRules.length > 0) {
-      setRuleForSelector(byId(scrollBody.id), scrollBodyCssRules.join('\n'));
+    function setRuleForSelector(selector, rule) {
+        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);
     }
-    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 ((0, _startsWith.default)(sheet.cssRules[ix].selectorText, SELECTOR_ESCAPE_HATCH_PREFIX + byId(composeId) + ' ')) {
-        sheet.deleteRule(ix);
-      }
-    }
-  });
-}
+    // 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[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.d.ts

@@ -0,0 +1,3 @@
+import type GmailComposeView from '../gmail-compose-view';
+export default function updateInsertMoreAreaLeft(gmailComposeView: GmailComposeView, oldFormattingAreaOffsetLeft: number): void;
+//# sourceMappingURL=update-insert-more-area-left.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"update-insert-more-area-left.d.ts","sourceRoot":"","sources":["../../../../../../../../src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/update-insert-more-area-left.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,uBAAuB,CAAC;AAE1D,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAC9C,gBAAgB,EAAE,gBAAgB,EAClC,2BAA2B,EAAE,MAAM,QAmBpC"}

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

@@ -1,19 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = updateInsertMoreAreaLeft;
 const updateAreaSet = new WeakSet();
-function updateInsertMoreAreaLeft(gmailComposeView, oldFormattingAreaOffsetLeft) {
-  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';
-  });
-}
+export default function updateInsertMoreAreaLeft(gmailComposeView, oldFormattingAreaOffsetLeft) {
+    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';
+    });
+}