@inboxsdk/core 1.2.4 → 1.2.7

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

@@ -1,135 +0,0 @@
-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';
-export default function addButton(gmailComposeView, buttonDescriptorStream, groupOrderHint, extraOnClickOptions) {
-    return new Promise((resolve) => {
-        let buttonViewController;
-        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,
-                    });
-                }
-            }
-            else {
-                buttonViewController.update(buttonOptions);
-            }
-        })
-            .onEnd(() => {
-            // Just in case things end without ever resolving above.
-            resolve(null);
-        });
-    });
-}
-function _addButton(gmailComposeView, buttonOptions, groupOrderHint) {
-    if (!gmailComposeView.getElement() ||
-        !gmailComposeView.getFormattingToolbar()) {
-        return;
-    }
-    let buttonViewController;
-    if (buttonOptions.type === 'MODIFIER') {
-        buttonViewController = _addButtonToModifierArea(gmailComposeView, buttonOptions, groupOrderHint);
-    }
-    else if (buttonOptions.type === 'SEND_ACTION') {
-        buttonViewController = _addButtonToSendActionArea(gmailComposeView, buttonOptions);
-    }
-    gmailComposeView.getElement().dispatchEvent(new CustomEvent('buttonAdded', {
-        bubbles: false,
-        cancelable: false,
-        detail: null,
-    }));
-    return buttonViewController;
-}
-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 = buttonViewController.getView().getElement();
-    var actionToolbar = gmailComposeView.getAdditionalActionToolbar();
-    insertElementInOrder(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 = buttonViewController
-        .getView()
-        .getElement();
-    const parent = sendButtonGroupElement.parentElement;
-    parent.insertBefore(buttonElement, sendButtonGroupElement.nextSibling);
-    gmailComposeView.addManagedViewController(buttonViewController);
-    return buttonViewController;
-}
-function _getButtonViewController(buttonDescriptor) {
-    const buttonView = new GmailComposeButtonView(buttonDescriptor);
-    const options = {
-        buttonView,
-        ...buttonDescriptor,
-    };
-    let buttonViewController;
-    if (buttonDescriptor.hasDropdown) {
-        Object.assign(options, {
-            dropdownViewDriverClass: GmailDropdownView,
-            dropdownPositionOptions: {
-                vAlign: 'top',
-            },
-        });
-        buttonViewController = new DropdownButtonViewController(options);
-    }
-    else {
-        buttonViewController = new BasicButtonViewController(options);
-    }
-    return buttonViewController;
-}
-function _processButtonDescriptor(buttonDescriptor, extraOnClickOptions, driver) {
-    // clone the descriptor and set defaults.
-    if (!buttonDescriptor) {
-        return null;
-    }
-    const buttonOptions = {
-        type: 'MODIFIER',
-        ...buttonDescriptor,
-    };
-    const oldOnClick = buttonOptions.onClick;
-    buttonOptions.onClick = function (event) {
-        driver.getLogger().eventSdkActive('composeView.addedButton.click');
-        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,50 +0,0 @@
-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';
-export default function addComposeNotice(gmailComposeView, options) {
-    const { orderHint } = {
-        orderHint: 0,
-        ...options,
-    };
-    const composeNotice = new ComposeNotice(gmailComposeView, orderHint);
-    gmailComposeView
-        .getStopper()
-        .takeUntilBy(Kefir.fromEvents(composeNotice, 'destroy'))
-        .onValue(() => composeNotice.destroy());
-    return composeNotice;
-}
-class ComposeNotice extends SimpleElementView {
-    _gmailComposeView;
-    _orderHint;
-    _stopper = kefirStopper();
-    constructor(gmailComposeView, orderHint) {
-        const el = document.createElement('div');
-        el.style.fontFamily = 'Roboto,RobotoDraft,Helvetica,Arial,sans-serif';
-        el.style.fontSize = '14px';
-        super(el);
-        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);
-        }
-        catch (err) {
-            Logger.error(err);
-        }
-    }
-}

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

@@ -1,65 +0,0 @@
-import blockAndReemiteKeyboardEvents from '../../../../lib/dom/block-and-reemit-keyboard-events';
-import { getRecipientRowElements } from './page-parser';
-export default 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,
-        }));
-    });
-    return () => {
-        if (row) {
-            row.remove();
-            row = null;
-            gmailComposeView.getElement().dispatchEvent(new CustomEvent('resize', {
-                bubbles: false,
-                cancelable: false,
-                detail: null,
-            }));
-        }
-    };
-}
-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 = firstRowElement.parentElement;
-    parent.insertBefore(row, firstRowElement.nextSibling);
-    const addressBarContainer = parent.closest('.fX');
-    addressBarContainer &&
-        addressBarContainer.classList.add('inboxsdk__compose_addressList');
-    return row;
-}

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

@@ -1,101 +0,0 @@
-import { defn } from 'ud';
-import Kefir from 'kefir';
-import kefirStopper from 'kefir-stopper';
-import cx from 'classnames';
-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';
-export default defn(module, addStatusBar);
-function addStatusBar(gmailComposeView, options) {
-    const { height, orderHint, addAboveNativeStatusBar } = {
-        height: 40,
-        orderHint: 0,
-        addAboveNativeStatusBar: false,
-        ...options,
-    };
-    const statusbar = new StatusBar(gmailComposeView, height, orderHint, addAboveNativeStatusBar);
-    gmailComposeView
-        .getStopper()
-        .takeUntilBy(Kefir.fromEvents(statusbar, 'destroy'))
-        .onValue(() => statusbar.destroy());
-    return statusbar;
-}
-function createElement(orderHint, addAboveNativeStatusBar) {
-    const el = document.createElement('div');
-    el.className = cx('aDh', 'inboxsdk__compose_statusbar', {
-        inboxsdk__addAboveNative: addAboveNativeStatusBar,
-    });
-    el.style.fontFamily = 'Roboto,RobotoDraft,Helvetica,Arial,sans-serif';
-    el.style.fontSize = '15.6px';
-    el.setAttribute('data-order-hint', String(orderHint));
-    return el;
-}
-class StatusBar extends SimpleElementView {
-    _addAboveNativeStatusBar;
-    _gmailComposeView;
-    _nativeStatusContainer;
-    _prependContainer = null;
-    _stopper = kefirStopper();
-    constructor(gmailComposeView, height, orderHint, addAboveNativeStatusBar) {
-        super(createElement(orderHint, addAboveNativeStatusBar));
-        this._addAboveNativeStatusBar = addAboveNativeStatusBar;
-        this._gmailComposeView = gmailComposeView;
-        this._nativeStatusContainer = querySelector(gmailComposeView.getElement(), '.iN > tbody .aDj');
-        this._setStatusBar();
-        this.setHeight(height);
-    }
-    destroy() {
-        if (this.destroyed) {
-            return;
-        }
-        super.destroy();
-        this._stopper.destroy();
-        if (this._prependContainer &&
-            this._prependContainer.children.length === 0) {
-            this._prependContainer.remove();
-        }
-        this._updateTotalHeight();
-    }
-    setHeight(newHeight) {
-        this.el.style.height = newHeight + 'px';
-        this._updateTotalHeight();
-    }
-    _updateTotalHeight() {
-        const totalAddedStatusBarHeight = Array.from(this._gmailComposeView
-            .getElement()
-            .querySelectorAll('.inboxsdk__compose_statusbar'))
-            .map((el) => el.getBoundingClientRect().height)
-            .reduce((a, b) => a + b, 0);
-        this._gmailComposeView
-            .getElement()
-            .style.setProperty('--inboxsdk-total-added-statusbar-height', totalAddedStatusBarHeight + 'px');
-    }
-    _setStatusBar() {
-        try {
-            const statusArea = this._gmailComposeView.getStatusArea();
-            this._gmailComposeView
-                .getElement()
-                .classList.add('inboxsdk__compose_statusbarActive');
-            if (this._addAboveNativeStatusBar) {
-                const prependContainer = (this._prependContainer =
-                    statusArea.querySelector('.inboxsdk__compose_statusBarPrependContainer') || document.createElement('div'));
-                prependContainer.classList.add('inboxsdk__compose_statusBarPrependContainer');
-                statusArea.insertAdjacentElement('afterbegin', prependContainer);
-                insertElementInOrder(prependContainer, this.el);
-            }
-            else {
-                if (this._gmailComposeView.isInlineReplyForm()) {
-                    const nativeStatusBar = querySelector(this._gmailComposeView.getElement(), '.iN > tbody .aDj .aDh .IZ');
-                    insertElementInOrder(nativeStatusBar, this.el);
-                }
-                else {
-                    insertElementInOrder(statusArea, this.el);
-                }
-            }
-        }
-        catch (err) {
-            Logger.error(err);
-        }
-    }
-}

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

@@ -1,66 +0,0 @@
-import * as Kefir from 'kefir';
-import Logger from '../../../../lib/logger';
-import GmailTooltipView from '../../widgets/gmail-tooltip-view';
-export default function addTooltipToButton(gmailComposeView, buttonViewController, buttonDescriptor, tooltipDescriptor) {
-    var gmailTooltipView = new GmailTooltipView(tooltipDescriptor);
-    var tooltipStopperStream = gmailTooltipView
-        .getStopper()
-        .merge(gmailComposeView.getStopper());
-    gmailComposeView
-        .getStopper()
-        .takeUntilBy(gmailTooltipView.getStopper())
-        .onValue(() => gmailTooltipView.destroy());
-    document.body.appendChild(gmailTooltipView.getElement());
-    _anchorTooltip(gmailTooltipView, gmailComposeView, buttonViewController, buttonDescriptor);
-    gmailComposeView
-        .getEventStream()
-        .filter((event) => event.eventName === 'buttonAdded' ||
-        event.eventName === 'fullscreenChanged')
-        .merge(gmailTooltipView
-        .getEventStream()
-        .filter(({ eventName }) => eventName === 'imageLoaded'))
-        .debounce(10)
-        .takeUntilBy(tooltipStopperStream)
-        .onValue(_anchorTooltip.bind(null, gmailTooltipView, gmailComposeView, buttonViewController, buttonDescriptor));
-    buttonViewController
-        .getView()
-        .getEventStream()
-        .takeUntilBy(tooltipStopperStream)
-        .filter(function (event) {
-        return event.eventName === 'click';
-    })
-        .onValue(gmailTooltipView.destroy.bind(gmailTooltipView));
-    var stoppedIntervalStream = Kefir.interval(50, undefined).takeUntilBy(tooltipStopperStream);
-    var left = 0;
-    var top = 0;
-    stoppedIntervalStream
-        .takeWhile(() => !!buttonViewController.getView() && !!gmailTooltipView.getElement())
-        .map(() => buttonViewController.getView().getElement().getBoundingClientRect())
-        .filter((rect) => rect.left !== left || rect.top !== top)
-        .map((rect) => {
-        left = rect.left;
-        top = rect.top;
-        return rect;
-    })
-        .onValue(gmailTooltipView.anchor.bind(gmailTooltipView, buttonViewController.getView().getElement(), {
-        position: 'top',
-    }));
-    stoppedIntervalStream
-        .filter(() => !buttonViewController.getView() ||
-        !buttonViewController.getView().getElement().offsetParent)
-        .onValue(gmailTooltipView.destroy.bind(gmailTooltipView));
-    return gmailTooltipView;
-}
-function _anchorTooltip(gmailTooltipView, gmailComposeView, buttonViewController, buttonDescriptor) {
-    try {
-        gmailComposeView.ensureGroupingIsOpen(buttonDescriptor.type);
-        setTimeout(function () {
-            gmailTooltipView.anchor(buttonViewController.getView().getElement(), {
-                position: 'top',
-            });
-        }, 10);
-    }
-    catch (err) {
-        Logger.error(err);
-    }
-}

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

@@ -1,38 +0,0 @@
-import once from 'lodash/once';
-export default once(function detectClassicRecipientsArea() {
-    const styleSheetWithComposeRules = [...document.styleSheets].find((s) => {
-        try {
-            if (s.cssRules) {
-                // Both classic and new recipients Gmail should have this rule
-                return [...s.cssRules].find((rule) => rule instanceof CSSStyleRule &&
-                    rule.selectorText === '.aoI' &&
-                    rule.style.fontSize &&
-                    rule.style.color);
-            }
-        }
-        catch (e) {
-            // Some stylesheets are crossorigin and throw if we try to access
-            // their rules. Don't worry about them.
-        }
-        return false;
-    });
-    if (styleSheetWithComposeRules) {
-        // Check if we don't have any of these specific rules.
-        // If so, we're on classic recipients Gmail.
-        const hasOverflowYVisibleRule = [
-            ...styleSheetWithComposeRules.cssRules,
-        ].some((rule) => rule instanceof CSSStyleRule &&
-            rule.selectorText === '.aoI' &&
-            rule.style.overflowY === 'visible');
-        if (hasOverflowYVisibleRule) {
-            return;
-        }
-        const hasOverflowYAutoRule = [...styleSheetWithComposeRules.cssRules].some((rule) => rule instanceof CSSStyleRule &&
-            rule.selectorText === '.aaZ > .M9 > .aoI' &&
-            rule.style.overflowY === 'auto');
-        if (hasOverflowYAutoRule) {
-            return;
-        }
-        document.body.classList.add('inboxsdk__classic_gmail_recipients_area');
-    }
-});

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/ensure-app-button-toolbars-are-closed.js

@@ -1,10 +0,0 @@
-import { simulateClick } from '../../../../lib/dom/simulate-mouse-event';
-export default function ensureAppButtonToolbarsAreClosed(gmailComposeViewElement) {
-    var groupedButton = gmailComposeViewElement.querySelector('.inboxsdk__compose_groupedActionButton');
-    if (!groupedButton) {
-        return; //no group button so we're good
-    }
-    if (gmailComposeViewElement.classList.contains('inboxsdk__compose_groupedActionToolbar_visible')) {
-        simulateClick(groupedButton);
-    }
-}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/ensure-grouping-is-open.js

@@ -1,14 +0,0 @@
-import { simulateClick } from '../../../../lib/dom/simulate-mouse-event';
-export default function ensureGroupingIsOpen(gmailComposeViewElement, type) {
-    if (type === 'SEND_ACTION') {
-        return; //we don't currently group send_actions
-    }
-    var groupedButton = gmailComposeViewElement.querySelector('.inboxsdk__compose_groupedActionButton');
-    if (!groupedButton) {
-        return; //no group button so we're good
-    }
-    if (gmailComposeViewElement.classList.contains('inboxsdk__compose_groupedActionToolbar_visible')) {
-        return; //we are already visible
-    }
-    simulateClick(groupedButton);
-}

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

@@ -1,13 +0,0 @@
-export default function (gmailComposeView) {
-    gmailComposeView.getBodyElement().focus();
-    const lastSelectionRange = gmailComposeView.getLastSelectionRange();
-    const selection = document.getSelection();
-    if (!selection)
-        throw new Error();
-    if (lastSelectionRange &&
-        selection.anchorNode === selection.focusNode &&
-        selection.anchorOffset === selection.focusOffset) {
-        selection.removeAllRanges();
-        selection.addRange(lastSelectionRange);
-    }
-}

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

@@ -1,60 +0,0 @@
-import find from 'lodash/find';
-import { simulateClick } from '../../../../lib/dom/simulate-mouse-event';
-export function getFromContact(driver, gmailComposeView) {
-    const nameInput = gmailComposeView
-        .getElement()
-        .querySelector('input[name="from"]');
-    const emailAddress = nameInput ? nameInput.value : null;
-    if (!emailAddress) {
-        return driver.getUserContact();
-    }
-    const fromContactChoices = getFromContactChoices(driver, gmailComposeView);
-    const matchingContact = 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, gmailComposeView) {
-    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, gmailComposeView, email) {
-    const 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

@@ -1,54 +0,0 @@
-const composeViewActionToolbars = new WeakMap();
-export default function getAdditionalActionToolbar(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) {
-    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;
-}