@inboxsdk/core 1.2.4 → 1.2.7

package/src/platform-implementation-js/views/collapsible-panel-view.js

@@ -1,256 +0,0 @@
-import cx from 'classnames';
-import * as Kefir from 'kefir';
-import kefirCast from 'kefir-cast';
-import EventEmitter from '../lib/safe-event-emitter';
-import autoHtml from 'auto-html';
-import querySelector from '../lib/dom/querySelectorOrFail';
-import GmailElementGetter from '../dom-driver/gmail/gmail-element-getter';
-import NavItemView from './nav-item-view';
-import { stylesStream } from '../dom-driver/gmail/gmail-driver/track-gmail-styles';
-import isEqual from 'fast-deep-equal';
-export const NATIVE_CLASS = 'aqn';
-export const INBOXSDK_CLASS = 'inboxsdk__collapsiblePanel';
-const ELEMENT_CLASS = `${NATIVE_CLASS} ${INBOXSDK_CLASS} oy8Mbf`;
-const PRIMARY_BUTTON_ELEMENT_CLASS = 'T-I T-I-KE L3';
-const PRIMARY_BUTTON_ELEMENT_SELECTOR = '.T-I.T-I-KE.L3';
-const scrollablePanelClass = 'at9';
-const scrollablePanelSelector = `.${scrollablePanelClass}`;
-const loadingElementClass = 'inboxsdk__collapsiblePanel_loading_container';
-const panelLoadingClass = `${loadingElementClass}--active`;
-const loadingElementSelector = `.${loadingElementClass}`;
-const NAV_MENU_CONTAINER_ELEMENT_SELECTOR = '.at9 .n3 .TK';
-/**
- * Each AppMenuItem can have a CollapsiblePanelView.
- *
- * Typically the main action of a CollapsiblePanelView is performed when the user clicks or hovers on the app menu item.
- */
-class CollapsiblePanelView extends EventEmitter {
-    static elementSelectors = {
-        /** Custom elements match this selector as well. */
-        NATIVE: '.aqn.oy8Mbf',
-        CUSTOM: '.inboxsdk__collapsiblePanel',
-    };
-    static elementCss = {
-        ACTIVE: 'apV',
-        COLLAPSED: 'aBA',
-        /** A hover popover has both ACTIVE _and_ HOVER */
-        HOVER: 'aJu',
-        COLLAPSED_HOVER: 'bym',
-        PANEL_LESS: 'a3W',
-        TOGGLE_OPEN_STATE: 'aak',
-    };
-    #panelDescriptor;
-    #element;
-    #destroyed = false;
-    #id = Math.random().toFixed(3);
-    #ARIA_LABELLED_BY_ID = Math.random().toFixed(3);
-    #driver;
-    #loading;
-    get loading() {
-        return this.#loading;
-    }
-    /**
-     * Updates the loading property of the CollapsiblePanelView.
-     */
-    setLoading(loading) {
-        const changed = this.#loading !== loading;
-        this.#loading = loading;
-        if (changed) {
-            this.#update();
-        }
-    }
-    get panelDescriptor() {
-        return this.#panelDescriptor;
-    }
-    set panelDescriptor(panelDescriptor) {
-        this.#panelDescriptor = panelDescriptor;
-        this.#update();
-    }
-    get element() {
-        return this.#element;
-    }
-    get scrollablePaneElement() {
-        return this.element.querySelector(scrollablePanelSelector);
-    }
-    constructor(driver, panelDescriptor) {
-        super();
-        this.#driver = driver;
-        this.#panelDescriptor = panelDescriptor;
-        this.#loading = panelDescriptor.loadingIcon != null;
-        this.#element = this.#setupElement();
-        this.#element.addEventListener('mouseleave', (e) => {
-            this.emit('blur', e);
-        });
-        stylesStream
-            .skipDuplicates((a, b) => isEqual(a, b))
-            .onValue(({ type }) => {
-            if (type === 'theme') {
-                this.#update();
-            }
-        });
-    }
-    /**
-     * Remove this CollapsiblePanelView from its parent
-     */
-    remove() {
-        if (this.#destroyed)
-            return;
-        this.#destroyed = true;
-        this.element.remove();
-        this.emit('destroy');
-    }
-    /**
-     * @param navItemDescriptor Add a single or Kefir.Observable nav menu item to the CollapsiblePanel.
-     */
-    addNavItem(navItemDescriptor) {
-        this.setLoading(false);
-        const { element } = this;
-        const navMenuContainerElement = querySelector(element, NAV_MENU_CONTAINER_ELEMENT_SELECTOR);
-        const appId = `collapsible-panel-${this.#id}`;
-        const navItemDescriptorPropertyStream = kefirCast(Kefir, navItemDescriptor).toProperty();
-        const gmailNavItemView = this.#driver.addNavItem(appId, navItemDescriptorPropertyStream, navMenuContainerElement);
-        const navItemView = new NavItemView(appId, this.#driver, navItemDescriptorPropertyStream, gmailNavItemView);
-        return navItemView;
-    }
-    #extractPrimaryButtonTheme() {
-        const { iconUrl } = this.panelDescriptor.primaryButton ?? {};
-        if (!iconUrl) {
-            return;
-        }
-        const theme = GmailElementGetter.isDarkTheme()
-            ? iconUrl.darkTheme
-            : iconUrl.lightTheme;
-        if (!theme) {
-            return;
-        }
-        if (typeof theme === 'string') {
-            return {
-                panelHovered: theme,
-                panelDefault: theme,
-            };
-        }
-        else {
-            return {
-                panelDefault: theme.panelDefault,
-                panelHovered: theme.panelHovered,
-            };
-        }
-    }
-    #setupElement() {
-        const { panelDescriptor } = this;
-        const { loadingIcon } = panelDescriptor;
-        const { className, name = '' } = panelDescriptor?.primaryButton ?? {};
-        const element = document.createElement('div');
-        element.className = cx(ELEMENT_CLASS, this.panelDescriptor.className);
-        const primaryButtonClass = cx(PRIMARY_BUTTON_ELEMENT_CLASS, className);
-        const loadingElClass = cx(loadingElementClass, {
-            [panelLoadingClass]: this.#loading,
-        });
-        const { panelDefault: defaultIconUrl, panelHovered: hoverPanelIconUrl } = this.#extractPrimaryButtonTheme() ?? {};
-        element.innerHTML = autoHtml `
-      <div class="aBO">
-        <div class="aic">
-          <div class="z0">
-            <div class="${primaryButtonClass}" style="user-select: none" role="button" tabindex="0">
-              ${name}
-            </div>
-          </div>
-        </div>
-        <div class="${scrollablePanelClass}">
-          <div class="${loadingElClass}">${loadingIcon ? { __html: loadingIcon } : ''}</div>
-          <div class="Ls77Lb aZ6">
-            <div class="pp" style="user-select: none;">
-              <div>
-                <div class="nM">
-                  <div class="aic"></div>
-                  <div class="yJ">
-                    <div class="ajl aib aZ6" aria-labelledby="${this.#ARIA_LABELLED_BY_ID}">
-                      <h2 class="aWk" id="${this.#ARIA_LABELLED_BY_ID}">Labels</h2>
-                      <div class="wT">
-                        <div class="n3">
-                          <div class="byl">
-                            <div class="TK"></div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="aTV"></div>
-    `.trim();
-        const primaryBtnEl = querySelector(element, PRIMARY_BUTTON_ELEMENT_SELECTOR);
-        primaryBtnEl.style.setProperty('--background-image', defaultIconUrl ? `url(${defaultIconUrl})` : 'unset');
-        primaryBtnEl.style.setProperty('--background-image--hover', hoverPanelIconUrl ? `url(${hoverPanelIconUrl})` : 'unset');
-        primaryBtnEl.addEventListener('click', this.#onPrimaryButtonClick);
-        return element;
-    }
-    #onPrimaryButtonClick = (e) => {
-        this.panelDescriptor.primaryButton?.onClick?.(e);
-    };
-    #update() {
-        const element = this.element;
-        if (!element)
-            return;
-        const existingClassNames = Object.values(CollapsiblePanelView.elementCss).filter((className) => element.classList.contains(className));
-        element.className = cx(ELEMENT_CLASS, this.panelDescriptor.className, ...existingClassNames);
-        this.#updateName(element);
-        this.#updateIcon(element);
-        this.#updateScrollablePanelLoading(element);
-    }
-    static #preloadedIcons = new Set();
-    #updateIcon(element) {
-        const iconContainerEl = querySelector(element, PRIMARY_BUTTON_ELEMENT_SELECTOR);
-        const { panelDefault, panelHovered } = this.#extractPrimaryButtonTheme() ?? {};
-        // alleviate FOUC when switching between active and default icons
-        // https://stackoverflow.com/a/68521953/1924257
-        for (const url of [panelHovered, panelDefault]) {
-            if (!url || CollapsiblePanelView.#preloadedIcons.has(url)) {
-                continue;
-            }
-            CollapsiblePanelView.#preloadedIcons.add(url);
-            var link = document.createElement('link');
-            link.rel = 'preload';
-            link.as = 'image';
-            link.href = url;
-            document.head.appendChild(link);
-        }
-        for (const [key, value] of Object.entries({
-            '--background-image--hover': panelHovered,
-            '--background-image': panelDefault,
-        })) {
-            if (value) {
-                iconContainerEl.style.setProperty(key, `url(${value})`);
-            }
-            else {
-                iconContainerEl.style.removeProperty(key);
-            }
-        }
-        const { className } = this.panelDescriptor.primaryButton ?? {};
-        iconContainerEl.className = cx(PRIMARY_BUTTON_ELEMENT_CLASS, className);
-    }
-    #updateName(element) {
-        const buttonTextEl = element.querySelector(PRIMARY_BUTTON_ELEMENT_SELECTOR);
-        if (!buttonTextEl) {
-            return;
-        }
-        buttonTextEl.textContent = this.panelDescriptor.primaryButton?.name ?? '';
-    }
-    #updateScrollablePanelLoading(element) {
-        const scrollablePanelLoadingEl = element.querySelector(loadingElementSelector);
-        if (!scrollablePanelLoadingEl) {
-            return;
-        }
-        if (this.loading) {
-            scrollablePanelLoadingEl.classList.add(panelLoadingClass);
-        }
-        else {
-            scrollablePanelLoadingEl.classList.remove(panelLoadingClass);
-        }
-    }
-}
-export { CollapsiblePanelView };

package/src/platform-implementation-js/views/collapsible-section-view.js

@@ -1,63 +0,0 @@
-import EventEmitter from '../lib/safe-event-emitter';
-import get from '../../common/get-or-fail';
-const membersMap = new WeakMap(); // documented in src/docs/
-class CollapsibleSectionView extends EventEmitter {
-    destroyed;
-    constructor(collapsibleSectionViewDriver, driver) {
-        super();
-        const members = {
-            collapsibleSectionViewDriver,
-        };
-        membersMap.set(this, members);
-        this.destroyed = false;
-        _bindToEventStream(this, collapsibleSectionViewDriver, driver);
-    }
-    setCollapsed(value) {
-        get(membersMap, this).collapsibleSectionViewDriver.setCollapsed(value);
-    }
-    remove() {
-        this.destroy();
-    }
-    destroy() {
-        const members = get(membersMap, this);
-        members.collapsibleSectionViewDriver.destroy();
-        this.removeAllListeners();
-    }
-}
-function _bindToEventStream(collapsibleSectionView, collapsibleSectionViewDriver, driver) {
-    collapsibleSectionViewDriver.getEventStream().onValue(({ eventName }) => {
-        collapsibleSectionView.emit(eventName);
-    });
-    collapsibleSectionViewDriver
-        .getEventStream()
-        .filter(({ eventName }) => eventName === 'rowClicked')
-        .onValue(({ rowDescriptor }) => {
-        if (rowDescriptor.routeID) {
-            driver.goto(rowDescriptor.routeID, rowDescriptor.routeParams);
-        }
-        if (typeof rowDescriptor.onClick === 'function') {
-            rowDescriptor.onClick();
-        }
-    });
-    collapsibleSectionViewDriver
-        .getEventStream()
-        .filter(({ eventName }) => eventName === 'titleLinkClicked')
-        .onValue(({ sectionDescriptor }) => {
-        if (sectionDescriptor.onTitleLinkClick) {
-            sectionDescriptor.onTitleLinkClick(collapsibleSectionView);
-        }
-    });
-    collapsibleSectionViewDriver
-        .getEventStream()
-        .filter(({ eventName }) => eventName === 'footerClicked')
-        .onValue(({ sectionDescriptor }) => {
-        if (sectionDescriptor.onFooterLinkClick) {
-            sectionDescriptor.onFooterLinkClick(collapsibleSectionView);
-        }
-    });
-    collapsibleSectionViewDriver.getEventStream().onEnd(() => {
-        collapsibleSectionView.destroyed = true;
-        collapsibleSectionView.emit('destroy');
-    });
-}
-export default CollapsibleSectionView;

package/src/platform-implementation-js/views/compose-button-view.js

@@ -1,45 +0,0 @@
-import EventEmitter from '../lib/safe-event-emitter';
-import get from '../../common/get-or-fail';
-const memberMap = new WeakMap();
-export default class ComposeButtonView extends EventEmitter {
-    destroyed = false;
-    constructor(optionsPromise, composeViewDriver, driver) {
-        super();
-        const members = { optionsPromise, composeViewDriver, driver };
-        memberMap.set(this, members);
-        members.optionsPromise.then((options) => {
-            if (!options) {
-                _destroy(this);
-                return;
-            }
-            members.composeViewDriver.getStopper().onValue(() => {
-                _destroy(this);
-            });
-        });
-    }
-    showTooltip(tooltipDescriptor) {
-        const members = get(memberMap, this);
-        members.driver
-            .getLogger()
-            .eventSdkPassive('ComposeButtonView.showTooltip', {
-            keys: Object.keys(tooltipDescriptor),
-        });
-        members.optionsPromise.then((options) => {
-            if (!options)
-                return;
-            members.composeViewDriver.addTooltipToButton(options.buttonViewController, options.buttonDescriptor, tooltipDescriptor);
-        });
-    }
-    closeTooltip() {
-        const members = get(memberMap, this);
-        members.optionsPromise.then((options) => {
-            if (!options)
-                return;
-            members.composeViewDriver.closeButtonTooltip(options.buttonViewController);
-        });
-    }
-}
-function _destroy(composeButtonViewInstance) {
-    composeButtonViewInstance.destroyed = true;
-    composeButtonViewInstance.emit('destroy');
-}

package/src/platform-implementation-js/views/compose-view.js

@@ -1,310 +0,0 @@
-import EventEmitter from '../lib/safe-event-emitter';
-import Kefir from 'kefir';
-import kefirCast from 'kefir-cast';
-import * as ud from 'ud';
-import get from '../../common/get-or-fail';
-import ComposeButtonView from './compose-button-view';
-const memberMap = ud.defonce(module, () => new WeakMap());
-export default class ComposeView extends EventEmitter {
-    destroyed = false;
-    constructor(driver, composeViewImplementation, membrane) {
-        super();
-        const members = {
-            driver,
-            membrane,
-            composeViewImplementation,
-        };
-        memberMap.set(this, members);
-        this.on('newListener', (eventName) => {
-            if (eventName === 'close') {
-                driver
-                    .getLogger()
-                    .deprecationWarning('composeView close event', 'composeView destroy event');
-                if (driver.getOpts().REQUESTED_API_VERSION !== 1) {
-                    console.error('The composeView close event was removed after API version 1');
-                }
-            }
-            else if (eventName === 'messageIDChange') {
-                driver
-                    .getLogger()
-                    .deprecationWarning('composeView messageIDChange event', 'composeView.getDraftID');
-                if (driver.getOpts().REQUESTED_API_VERSION !== 1) {
-                    console.error('The composeView messageIDChange event was removed after API version 1');
-                }
-            }
-            else if (eventName === 'linkPopOver') {
-                composeViewImplementation.setupLinkPopOvers();
-            }
-        });
-        members.composeViewImplementation.getEventStream().onValue((event) => {
-            if (event.eventName === 'destroy') {
-                this.destroyed = true;
-                if (driver.getOpts().REQUESTED_API_VERSION === 1) {
-                    this.emit('close'); /* deprecated */
-                }
-            }
-            else if (event.eventName === 'messageIDChange') {
-                if (driver.getOpts().REQUESTED_API_VERSION !== 1) {
-                    return;
-                }
-            }
-            this.emit(event.eventName, event.data);
-        });
-    }
-    addButton(buttonDescriptor) {
-        const members = get(memberMap, this);
-        const buttonDescriptorStream = kefirCast(Kefir, buttonDescriptor);
-        const optionsPromise = members.composeViewImplementation.addButton(buttonDescriptorStream, members.driver.getAppId(), { composeView: this });
-        return new ComposeButtonView(optionsPromise, members.composeViewImplementation, members.driver);
-    }
-    /*
-      // Incomplete
-      addInnerSidebar(options){
-          get(memberMap, this).composeViewImplementation.addInnerSidebar(options);
-      }
-  
-      // Incomplete
-      addOuterSidebar(options){
-          get(memberMap, this).composeViewImplementation.addOuterSidebar(options);
-      }
-      */
-    addComposeNotice(composeNoticeDescriptor) {
-        return get(memberMap, this).composeViewImplementation.addComposeNotice(composeNoticeDescriptor);
-    }
-    addStatusBar(statusBarDescriptor) {
-        return get(memberMap, this).composeViewImplementation.addStatusBar(statusBarDescriptor);
-    }
-    hideNativeStatusBar() {
-        return get(memberMap, this).composeViewImplementation.hideNativeStatusBar();
-    }
-    addRecipientRow(options) {
-        return {
-            destroy: get(memberMap, this).composeViewImplementation.addRecipientRow(kefirCast(Kefir, options)),
-        };
-    }
-    forceRecipientRowsOpen() {
-        return get(memberMap, this).composeViewImplementation.forceRecipientRowsOpen();
-    }
-    hideNativeRecipientRows() {
-        return get(memberMap, this).composeViewImplementation.hideNativeRecipientRows();
-    }
-    hideRecipientArea() {
-        return get(memberMap, this).composeViewImplementation.hideRecipientArea();
-    }
-    close() {
-        get(memberMap, this).composeViewImplementation.close();
-    }
-    send({ sendAndArchive } = { sendAndArchive: false }) {
-        get(memberMap, this).composeViewImplementation.send({ sendAndArchive });
-    }
-    discard() {
-        get(memberMap, this).composeViewImplementation.discard();
-    }
-    getMetadataForm() {
-        return get(memberMap, this).composeViewImplementation.getMetadataFormElement();
-    }
-    getSubjectInput() {
-        return get(memberMap, this).composeViewImplementation.getSubjectInput();
-    }
-    getBodyElement() {
-        return get(memberMap, this).composeViewImplementation.getBodyElement();
-    }
-    // NOT DOCUMENTED BECAUSE NOT SURE IF API USERS NEED THIS
-    // TODO remove?
-    getComposeID() {
-        const { driver, composeViewImplementation } = get(memberMap, this);
-        driver.getLogger().deprecationWarning('composeView.getComposeID');
-        if (driver.getOpts().REQUESTED_API_VERSION !== 1) {
-            throw new Error('This method was discontinued after API version 1');
-        }
-        return composeViewImplementation.getComposeID();
-    }
-    getInitialMessageID() {
-        return get(memberMap, this).composeViewImplementation.getInitialMessageID();
-    }
-    /* deprecated */
-    getMessageID() {
-        const { driver, composeViewImplementation } = get(memberMap, this);
-        driver
-            .getLogger()
-            .deprecationWarning('composeView.getMessageID', 'composeView.getDraftID');
-        if (driver.getOpts().REQUESTED_API_VERSION !== 1) {
-            throw new Error('This method was discontinued after API version 1');
-        }
-        return composeViewImplementation.getMessageID();
-    }
-    getThreadID() {
-        return get(memberMap, this).composeViewImplementation.getThreadID();
-    }
-    getDraftID() {
-        return get(memberMap, this).composeViewImplementation.getDraftID();
-    }
-    getCurrentDraftID() {
-        return get(memberMap, this).composeViewImplementation.getCurrentDraftID();
-    }
-    getHTMLContent() {
-        return get(memberMap, this).composeViewImplementation.getHTMLContent();
-    }
-    getSelectedBodyHTML() {
-        return (get(memberMap, this).composeViewImplementation.getSelectedBodyHTML() || '');
-    }
-    getSelectedBodyText() {
-        return (get(memberMap, this).composeViewImplementation.getSelectedBodyText() || '');
-    }
-    getSubject() {
-        return get(memberMap, this).composeViewImplementation.getSubject();
-    }
-    getTextContent() {
-        return get(memberMap, this).composeViewImplementation.getTextContent();
-    }
-    getToRecipients() {
-        return get(memberMap, this).composeViewImplementation.getToRecipients();
-    }
-    getCcRecipients() {
-        return get(memberMap, this).composeViewImplementation.getCcRecipients();
-    }
-    getBccRecipients() {
-        return get(memberMap, this).composeViewImplementation.getBccRecipients();
-    }
-    insertTextIntoBodyAtCursor(text) {
-        return get(memberMap, this).composeViewImplementation.insertBodyTextAtCursor(text);
-    }
-    insertHTMLIntoBodyAtCursor(html) {
-        return get(memberMap, this).composeViewImplementation.insertBodyHTMLAtCursor(html);
-    }
-    insertLinkChipIntoBodyAtCursor(text, url, iconUrl) {
-        if (!iconUrl ||
-            typeof iconUrl !== 'string' ||
-            iconUrl.indexOf('http') !== 0) {
-            console.warn('You must provide a publicly accessible iconUrl');
-            return;
-        }
-        return get(memberMap, this).composeViewImplementation.insertLinkChipIntoBody({
-            text: text,
-            url: url,
-            iconUrl: iconUrl,
-        });
-    }
-    insertLinkIntoBodyAtCursor(text, url) {
-        return get(memberMap, this).composeViewImplementation.insertLinkIntoBody(text, url);
-    }
-    isForward() {
-        return get(memberMap, this).composeViewImplementation.isForward();
-    }
-    isInlineReplyForm() {
-        return get(memberMap, this).composeViewImplementation.isInlineReplyForm();
-    }
-    isFullscreen() {
-        return get(memberMap, this).composeViewImplementation.isFullscreen();
-    }
-    setFullscreen(fullscreen) {
-        get(memberMap, this).composeViewImplementation.setFullscreen(fullscreen);
-    }
-    isMinimized() {
-        return get(memberMap, this).composeViewImplementation.isMinimized();
-    }
-    setMinimized(minimized) {
-        get(memberMap, this).composeViewImplementation.setMinimized(minimized);
-    }
-    setTitleBarColor(color) {
-        return get(memberMap, this).composeViewImplementation.setTitleBarColor(color);
-    }
-    setTitleBarText(text) {
-        return get(memberMap, this).composeViewImplementation.setTitleBarText(text);
-    }
-    async popOut() {
-        const nextComposeViewDriverPromise = get(memberMap, this).driver.getNextComposeViewDriver();
-        get(memberMap, this).composeViewImplementation.popOut();
-        const nextComposeViewDriver = await nextComposeViewDriverPromise;
-        return get(memberMap, this).membrane.get(nextComposeViewDriver);
-    }
-    isReply() {
-        return get(memberMap, this).composeViewImplementation.isReply();
-    }
-    setToRecipients(emails) {
-        get(memberMap, this).composeViewImplementation.setToRecipients(emails);
-    }
-    setCcRecipients(emails) {
-        get(memberMap, this).composeViewImplementation.setCcRecipients(emails);
-    }
-    setBccRecipients(emails) {
-        get(memberMap, this).composeViewImplementation.setBccRecipients(emails);
-    }
-    getFromContact() {
-        return get(memberMap, this).composeViewImplementation.getFromContact();
-    }
-    getFromContactChoices() {
-        return get(memberMap, this).composeViewImplementation.getFromContactChoices();
-    }
-    setFromEmail(email) {
-        get(memberMap, this).composeViewImplementation.setFromEmail(email);
-    }
-    setSubject(text) {
-        get(memberMap, this).composeViewImplementation.setSubject(text);
-    }
-    setBodyHTML(html) {
-        get(memberMap, this).composeViewImplementation.setBodyHTML(html);
-    }
-    setBodyText(text) {
-        get(memberMap, this).composeViewImplementation.setBodyText(text);
-    }
-    async attachFiles(files) {
-        if (files.length === 0) {
-            return;
-        }
-        if (!(files[0] instanceof Blob)) {
-            throw new Error('parameter must be an array of Blob objects');
-        }
-        return get(memberMap, this).composeViewImplementation.attachFiles(Array.from(files));
-    }
-    async attachInlineFiles(files) {
-        if (files.length === 0) {
-            return;
-        }
-        if (!(files[0] instanceof Blob)) {
-            throw new Error('parameter must be an array of Blob objects');
-        }
-        return get(memberMap, this).composeViewImplementation.attachInlineFiles(Array.from(files));
-    }
-    // Old alias that we should keep around until we're sure no one is using it.
-    dragFilesIntoCompose(files) {
-        const { driver } = get(memberMap, this);
-        driver
-            .getLogger()
-            .deprecationWarning('ComposeView.dragFilesIntoCompose', 'ComposeView.attachInlineFiles');
-        if (driver.getOpts().REQUESTED_API_VERSION !== 1) {
-            throw new Error('This method was discontinued after API version 1');
-        }
-        return this.attachInlineFiles(files);
-    }
-    //NOT DOCUMENTED BECAUSE STREAK-ONLY FOR NOW
-    getElement() {
-        return get(memberMap, this).composeViewImplementation.getElement();
-    }
-    registerRequestModifier(modifier) {
-        get(memberMap, this).composeViewImplementation.registerRequestModifier(modifier);
-    }
-    replaceSendButton({ el }) {
-        return get(memberMap, this).composeViewImplementation.replaceSendButton(el);
-    }
-    hideDiscardButton() {
-        return get(memberMap, this).composeViewImplementation.hideDiscardButton();
-    }
-    ensureFormattingToolbarIsHidden() {
-        get(memberMap, this).composeViewImplementation.ensureFormattingToolbarIsHidden();
-    }
-    ensureAppButtonToolbarsAreClosed() {
-        get(memberMap, this).composeViewImplementation.ensureAppButtonToolbarsAreClosed();
-    }
-    // TODO remove
-    overrideEditSubject() {
-        const { driver, composeViewImplementation } = get(memberMap, this);
-        driver.getLogger().deprecationWarning('composeView.overrideEditSubject');
-        if (driver.getOpts().REQUESTED_API_VERSION !== 1) {
-            throw new Error('This method was discontinued after API version 1');
-        }
-        if (typeof composeViewImplementation.overrideEditSubject === 'function') {
-            composeViewImplementation.overrideEditSubject();
-        }
-    }
-}