@inboxsdk/core 1.0.1 → 1.0.2

package/src/platform-implementation-js/dom-driver/gmail/make-xhr-interceptor.d.ts

@@ -0,0 +1,7 @@
+import * as Kefir from 'kefir';
+import PageCommunicator from './gmail-page-communicator';
+export default function makeXhrInterceptor(): {
+    xhrInterceptStream: Kefir.Observable<Object, unknown>;
+    pageCommunicatorPromise: Promise<PageCommunicator>;
+};
+//# sourceMappingURL=make-xhr-interceptor.d.ts.map

package/src/platform-implementation-js/dom-driver/gmail/make-xhr-interceptor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-xhr-interceptor.d.ts","sourceRoot":"","sources":["../../../../../../src/platform-implementation-js/dom-driver/gmail/make-xhr-interceptor.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,gBAAgB,MAAM,2BAA2B,CAAC;AAIzD,MAAM,CAAC,OAAO,UAAU,kBAAkB,IAAI;IAC5C,kBAAkB,EAAE,KAAK,CAAC,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtD,uBAAuB,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;CACpD,CAsFA"}

package/src/platform-implementation-js/dom-driver/gmail/make-xhr-interceptor.js

@@ -1,82 +1,93 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = makeXhrInterceptor;
-var _kefir = _interopRequireDefault(require("kefir"));
-var _querystring = require("querystring");
-var _gmailPageCommunicator = _interopRequireDefault(require("./gmail-page-communicator"));
-var _injectScript = require("../../lib/inject-script");
-function makeXhrInterceptor() {
-  var pageCommunicator = new _gmailPageCommunicator.default();
-  var rawInterceptStream = pageCommunicator.ajaxInterceptStream;
-  var pageCommunicatorPromise = (0, _injectScript.injectScript)().then(() => pageCommunicator);
-  var interceptStream = _kefir.default.merge([rawInterceptStream.filter(function (detail) {
-    return detail.type === 'emailSending';
-  }).map(function (detail) {
-    if (detail.draftID) {
-      return detail;
-    } else {
-      // TODO is this block dead code?
-      var body = (0, _querystring.parse)(detail.body);
-      return {
-        type: 'emailSending',
-        composeId: body.composeid,
-        draft: body.draft
-      };
-    }
-  }), rawInterceptStream.filter(function (detail) {
-    return detail.type === 'emailSent';
-  }).map(function (detail) {
-    if (detail.draftID) {
-      return detail;
-    } else {
-      // TODO is this block dead code?
-      var body = (0, _querystring.parse)(detail.originalSendBody);
-      var response = detail.responseText;
-      return {
-        type: 'emailSent',
-        composeId: body.composeid,
-        draft: body.draft,
-        response: response
-      };
-    }
-  }), rawInterceptStream.filter(function (detail) {
-    return detail.type === 'emailDraftSaveSending';
-  }).map(function (detail) {
-    if (detail.draftID) {
-      return detail;
-    } else {
-      // TODO is this block dead code?
-      var body = (0, _querystring.parse)(detail.body);
-      return {
-        type: 'emailDraftSaveSending',
-        composeId: body.composeid,
-        draft: body.draft
-      };
-    }
-  }), rawInterceptStream.filter(function (detail) {
-    return detail.type === 'emailDraftReceived';
-  }).map(function (detail) {
-    if (detail.draftID) {
-      return detail;
-    } else {
-      // TODO is this block dead code?
-      var body = (0, _querystring.parse)(detail.originalSendBody);
-      var response = detail.responseText;
-      return {
-        type: 'emailDraftReceived',
-        composeId: body.composeid,
-        draft: body.draft,
-        response: response,
-        connectionDetails: detail.connectionDetails
-      };
-    }
-  })]);
-  return {
-    xhrInterceptStream: interceptStream,
-    pageCommunicatorPromise
-  };
-}
+/* @flow */
+import * as Kefir from 'kefir';
+import { parse } from 'querystring';
+import PageCommunicator from './gmail-page-communicator';
+import { injectScript } from '../../lib/inject-script';
+export default function makeXhrInterceptor() {
+    var pageCommunicator = new PageCommunicator();
+    var rawInterceptStream = pageCommunicator.ajaxInterceptStream;
+    var pageCommunicatorPromise = injectScript().then(() => pageCommunicator);
+    var interceptStream = Kefir.merge([
+        rawInterceptStream
+            .filter(function (detail) {
+            return detail.type === 'emailSending';
+        })
+            .map(function (detail) {
+            if (detail.draftID) {
+                return detail;
+            }
+            else {
+                // TODO is this block dead code?
+                var body = parse(detail.body);
+                return {
+                    type: 'emailSending',
+                    composeId: body.composeid,
+                    draft: body.draft,
+                };
+            }
+        }),
+        rawInterceptStream
+            .filter(function (detail) {
+            return detail.type === 'emailSent';
+        })
+            .map(function (detail) {
+            if (detail.draftID) {
+                return detail;
+            }
+            else {
+                // TODO is this block dead code?
+                var body = parse(detail.originalSendBody);
+                var response = detail.responseText;
+                return {
+                    type: 'emailSent',
+                    composeId: body.composeid,
+                    draft: body.draft,
+                    response: response,
+                };
+            }
+        }),
+        rawInterceptStream
+            .filter(function (detail) {
+            return detail.type === 'emailDraftSaveSending';
+        })
+            .map(function (detail) {
+            if (detail.draftID) {
+                return detail;
+            }
+            else {
+                // TODO is this block dead code?
+                var body = parse(detail.body);
+                return {
+                    type: 'emailDraftSaveSending',
+                    composeId: body.composeid,
+                    draft: body.draft,
+                };
+            }
+        }),
+        rawInterceptStream
+            .filter(function (detail) {
+            return detail.type === 'emailDraftReceived';
+        })
+            .map(function (detail) {
+            if (detail.draftID) {
+                return detail;
+            }
+            else {
+                // TODO is this block dead code?
+                var body = parse(detail.originalSendBody);
+                var response = detail.responseText;
+                return {
+                    type: 'emailDraftReceived',
+                    composeId: body.composeid,
+                    draft: body.draft,
+                    response: response,
+                    connectionDetails: detail.connectionDetails,
+                };
+            }
+        }),
+    ]);
+    return {
+        xhrInterceptStream: interceptStream,
+        pageCommunicatorPromise,
+    };
+}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-app-sidebar-view/index.d.ts

@@ -0,0 +1,7 @@
+import { Observable } from 'kefir';
+import GmailDriver from '../../gmail-driver';
+
+export default class GmailAppSidebarView {
+  constructor(driver: GmailDriver, el: HTMLElement);
+  addGlobalSidebarContentPanel(descriptor: Observable<any, unknown>): any;
+}

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

@@ -0,0 +1,5 @@
+import GmailDriver from '../gmail-driver';
+
+export default class GmailAppToolbarButtonView {
+  constructor(gmailDriver: GmailDriver, buttonDescriptor: any);
+}

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

@@ -0,0 +1,11 @@
+import * as Kefir from 'kefir';
+declare class GmailBackdrop {
+    _stopper: Kefir.Observable<null, unknown> & {
+        destroy(): void;
+    };
+    constructor(zIndex?: number, target?: HTMLElement);
+    getStopper(): Kefir.Observable<null, unknown>;
+    destroy(): void;
+}
+export default GmailBackdrop;
+//# sourceMappingURL=gmail-backdrop.d.ts.map

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-backdrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gmail-backdrop.d.ts","sourceRoot":"","sources":["../../../../../../../src/platform-implementation-js/dom-driver/gmail/views/gmail-backdrop.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,cAAM,aAAa;IACjB,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG;QAAE,OAAO,IAAI,IAAI,CAAA;KAAE,CAC9C;gBAEL,MAAM,GAAE,MAAY,EAAE,MAAM,GAAE,WAA2B;IAYrE,UAAU,IAAI,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC;IAI7C,OAAO;CAGR;AAED,eAAe,aAAa,CAAC"}

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-backdrop.js

@@ -1,34 +1,22 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _ud = require("ud");
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
+import kefirStopper from 'kefir-stopper';
 class GmailBackdrop {
-  constructor() {
-    let zIndex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 500;
-    let target = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.body;
-    (0, _defineProperty2.default)(this, "_stopper", (0, _kefirStopper.default)());
-    const el = document.createElement('div');
-    el.className = 'Kj-JD-Jh inboxsdk__modal_overlay';
-    el.style.zIndex = String(zIndex);
-    if (!target) throw new Error('no target');
-    target.appendChild(el);
-    this._stopper.onValue(() => {
-      el.remove();
-    });
-  }
-  getStopper() {
-    return this._stopper;
-  }
-  destroy() {
-    this._stopper.destroy();
-  }
+    _stopper = kefirStopper();
+    constructor(zIndex = 500, target = document.body) {
+        const el = document.createElement('div');
+        el.className = 'Kj-JD-Jh inboxsdk__modal_overlay';
+        el.style.zIndex = String(zIndex);
+        if (!target)
+            throw new Error('no target');
+        target.appendChild(el);
+        this._stopper.onValue(() => {
+            el.remove();
+        });
+    }
+    getStopper() {
+        return this._stopper;
+    }
+    destroy() {
+        this._stopper.destroy();
+    }
 }
-var _default = (0, _ud.defn)(module, GmailBackdrop);
-exports.default = _default;
+export default GmailBackdrop;

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

@@ -20,6 +20,7 @@ export default class GmailComposeView implements ComposeViewDriver {
       isStandalone: boolean;
     }
   );
+  destroy(): void;
   getGmailDriver(): GmailDriver;
   getStatusArea(): HTMLElement;
 

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

@@ -0,0 +1,8 @@
+import * as Kefir from 'kefir';
+import { ElementWithLifetime } from '../../../lib/dom/make-element-child-stream';
+
+export default class GmailMessageView {
+  getEventStream(): Kefir.Observable<any, unknown>;
+  getReplyElementStream(): Kefir.Observable<ElementWithLifetime, unknown>;
+  isLoaded(): boolean;
+}

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

@@ -0,0 +1,8 @@
+import { ROUTE_TYPES } from '../../../../constants/router';
+
+export default class GmailRouteProcessor {
+  getCompatibleRouteID(routeID: string): string;
+  isListRouteName(routeName: string): boolean;
+  isNativeRoute(routeId: string): boolean;
+  RouteTypes: typeof ROUTE_TYPES;
+}

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

@@ -0,0 +1,3 @@
+import { RouteView } from '../../../../../inboxsdk';
+
+export default RouteView;

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

@@ -180,7 +180,9 @@ class GmailRouteView {
     const gtalkButtons = _gmailElementGetter.default.getGtalkButtons();
     const customViewEl = this._customViewElement;
     if (!leftNav || !customViewEl) throw new Error('Should not happen');
-    customViewEl.style.height = `${parseInt(leftNav.style.height, 10) + (gtalkButtons ? gtalkButtons.offsetHeight : 0)}px`;
+    const contentSectionElement = _gmailElementGetter.default.getContentSectionElement();
+    const contentSectionElementBottomMargin = contentSectionElement ? parseInt(getComputedStyle(contentSectionElement).marginBottom, 10) : 0;
+    customViewEl.style.height = `${parseInt(leftNav.style.height, 10) + (gtalkButtons ? gtalkButtons.offsetHeight : 0) - contentSectionElementBottomMargin}px`;
   }
   _setupSubViews() {
     (0, _asap.default)(() => {

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

@@ -0,0 +1,10 @@
+import { Observable } from 'kefir';
+import { GmailThreadRowView } from '../../../platform-implementation';
+import GmailToolbarView from './gmail-toolbar-view';
+
+export default class GmailRowListView {
+  getRowViewDriverStream(): Observable<GmailThreadRowView, unknown>;
+  getThreadRowViewDrivers(): Set<GmailThreadRowView>;
+  getToolbarView(): GmailToolbarView | null | undefined;
+  getSelectedThreadRowViewDrivers(): Set<GmailThreadRowView>;
+}

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

@@ -0,0 +1,5 @@
+import { ThreadRowView } from '../../../../inboxsdk';
+
+export default ThreadRowView;
+
+export function removeAllThreadRowUnclaimedModifications(): void;

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

@@ -0,0 +1,9 @@
+import { Observable } from 'kefir';
+import { Stopper } from 'kefir-stopper';
+import GmailMessageView from './gmail-message-view';
+
+export default class GmailThreadView {
+  getMessageViewDriverStream(): Observable<GmailMessageView, unknown>;
+  getStopper(): Stopper;
+  getToolbarView(): any;
+}

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

@@ -0,0 +1,12 @@
+import { Stopper } from 'kefir-stopper';
+import { ThreadView } from '../../../platform-implementation';
+import ThreadRowView from './gmail-thread-row-view';
+
+export default class GmailToolbarView {
+  addButton(buttonDescriptor: any, id?: string): any;
+  getStopper(): Stopper;
+  getThreadViewDriver(): ThreadView | null | undefined;
+  getThreadRowViewDrivers(): Set<ThreadRowView>;
+  isForRowList(): boolean;
+  isForThread(): boolean;
+}

package/src/platform-implementation-js/dom-driver/gmail/views/native-gmail-nav-item-view.d.ts

@@ -0,0 +1,9 @@
+import GmailDriver from '../gmail-driver';
+
+export default class NativeGmailNavItemView {
+  constructor(
+    gmailDriver: GmailDriver,
+    labelElement: HTMLElement,
+    label: string
+  );
+}

package/src/platform-implementation-js/dom-driver/gmail/widgets/gmail-modal-view-driver.d.ts

@@ -0,0 +1,20 @@
+import * as Kefir from 'kefir';
+import type { Bus } from 'kefir-bus';
+declare class GmailModalViewDriver {
+    _eventStream: Bus<any, unknown>;
+    _modalContainerElement: HTMLElement;
+    constructor(options: Object);
+    destroy(): void;
+    getModalContainerElement(): HTMLElement;
+    getEventStream(): Kefir.Observable<any, unknown>;
+    _processOptions(options: any): void;
+    setTitle(title: string): void;
+    setContentElement(element: HTMLElement): void;
+    setButtons(buttons: any[]): void;
+    setChromeClass(chrome: boolean, showCloseButton: boolean, hasButtons: boolean): void;
+    _setupModalContainerElement(options: any): void;
+    _addButton(buttonContainer: HTMLElement, buttonDescriptor: any): void;
+    _setupEventStream(): void;
+}
+export default GmailModalViewDriver;
+//# sourceMappingURL=gmail-modal-view-driver.d.ts.map

package/src/platform-implementation-js/dom-driver/gmail/widgets/gmail-modal-view-driver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gmail-modal-view-driver.d.ts","sourceRoot":"","sources":["../../../../../../../src/platform-implementation-js/dom-driver/gmail/widgets/gmail-modal-view-driver.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAKrC,cAAM,oBAAoB;IACxB,YAAY,EAAE,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAChC,sBAAsB,EAAG,WAAW,CAAC;gBAEzB,OAAO,EAAE,MAAM;IAQ3B,OAAO;IAKP,wBAAwB,IAAI,WAAW;IAGvC,cAAc,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC;IAIhD,eAAe,CAAC,OAAO,EAAE,GAAG;IAW5B,QAAQ,CAAC,KAAK,EAAE,MAAM;IAatB,iBAAiB,CAAC,OAAO,EAAE,WAAW;IAatC,UAAU,CAAC,OAAO,EAAE,GAAG,EAAE;IAwBzB,cAAc,CACZ,MAAM,EAAE,OAAO,EACf,eAAe,EAAE,OAAO,EACxB,UAAU,EAAE,OAAO;IAmBrB,2BAA2B,CAAC,OAAO,EAAE,GAAG;IAuBxC,UAAU,CAAC,eAAe,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG;IAwB9D,iBAAiB;CAalB;AAED,eAAe,oBAAoB,CAAC"}

package/src/platform-implementation-js/dom-driver/gmail/widgets/gmail-modal-view-driver.js

@@ -1,89 +1,87 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _sortBy = _interopRequireDefault(require("lodash/sortBy"));
-var _kefir = _interopRequireDefault(require("kefir"));
-var _kefirBus = _interopRequireDefault(require("kefir-bus"));
-var _ud = require("ud");
-var _modalButtonView = _interopRequireDefault(require("./buttons/modal-button-view"));
-var _basicButtonViewController = _interopRequireDefault(require("../../../widgets/buttons/basic-button-view-controller"));
-var _querySelectorOrFail = _interopRequireDefault(require("../../../lib/dom/querySelectorOrFail"));
+import sortBy from 'lodash/sortBy';
+import kefirBus from 'kefir-bus';
+import ModalButtonView from './buttons/modal-button-view';
+import BasicButtonViewController from '../../../widgets/buttons/basic-button-view-controller';
+import querySelector from '../../../lib/dom/querySelectorOrFail';
 class GmailModalViewDriver {
-  constructor(options) {
-    this._setupModalContainerElement(options);
-    this._processOptions(options);
-    this._eventStream = (0, _kefirBus.default)();
-    this._setupEventStream();
-  }
-  destroy() {
-    this._modalContainerElement.remove();
-    this._eventStream.end();
-  }
-  getModalContainerElement() {
-    return this._modalContainerElement;
-  }
-  getEventStream() {
-    return this._eventStream;
-  }
-  _processOptions(options) {
-    this.setTitle(options.title);
-    this.setContentElement(options.el);
-    this.setButtons(options.buttons || []);
-    this.setChromeClass(options.chrome, options.showCloseButton, (options.buttons || []).length > 0);
-  }
-  setTitle(title) {
-    const heading = (0, _querySelectorOrFail.default)(this._modalContainerElement, '[role=heading]');
-    if (!title) {
-      heading.style.display = 'none';
-    } else {
-      heading.style.display = '';
-      heading.textContent = title;
+    _eventStream;
+    _modalContainerElement;
+    constructor(options) {
+        this._setupModalContainerElement(options);
+        this._processOptions(options);
+        this._eventStream = kefirBus();
+        this._setupEventStream();
     }
-  }
-  setContentElement(element) {
-    const content = (0, _querySelectorOrFail.default)(this._modalContainerElement, '.inboxsdk__modal_content');
-    content.innerHTML = '';
-    if (typeof element === 'string') {
-      content.innerHTML = element;
-    } else if (element instanceof Element) {
-      content.appendChild(element);
+    destroy() {
+        this._modalContainerElement.remove();
+        this._eventStream.end();
     }
-  }
-  setButtons(buttons) {
-    const buttonsEl = (0, _querySelectorOrFail.default)(this._modalContainerElement, '.inboxsdk__modal_buttons');
-    buttonsEl.innerHTML = '';
-    if (buttons.length === 0) {
-      buttonsEl.style.display = 'none';
-      this._modalContainerElement.classList.add('inboxsdk__modal_content_no_buttons');
-    } else {
-      buttonsEl.style.display = '';
-      this._modalContainerElement.classList.remove('inboxsdk__modal_content_no_buttons');
+    getModalContainerElement() {
+        return this._modalContainerElement;
     }
-    (0, _sortBy.default)(buttons, button => button.orderHint || 0).forEach(this._addButton.bind(this, buttonsEl));
-  }
-  setChromeClass(chrome, showCloseButton, hasButtons) {
-    this._modalContainerElement.classList.remove('inboxsdk__modal_hideSides');
-    this._modalContainerElement.classList.remove('inboxsdk__modal_hideTop');
-    this._modalContainerElement.classList.remove('inboxsdk__modal_hideBottom');
-    if (chrome === false) {
-      this._modalContainerElement.classList.add('inboxsdk__modal_hideSides');
-      if (!showCloseButton) {
-        this._modalContainerElement.classList.add('inboxsdk__modal_hideTop');
-      }
-      if (!hasButtons) {
-        this._modalContainerElement.classList.add('inboxsdk__modal_hideBottom');
-      }
+    getEventStream() {
+        return this._eventStream;
     }
-  }
-  _setupModalContainerElement(options) {
-    const constrainTitleWidthTopRowClass = options.constrainTitleWidth ? 'inboxsdk__modal_toprow--constrain-title-width' : '';
-    this._modalContainerElement = document.createElement('div');
-    this._modalContainerElement.className = 'inboxsdk__modal_fullscreen';
-    var htmlString = `
+    _processOptions(options) {
+        this.setTitle(options.title);
+        this.setContentElement(options.el);
+        this.setButtons(options.buttons || []);
+        this.setChromeClass(options.chrome, options.showCloseButton, (options.buttons || []).length > 0);
+    }
+    setTitle(title) {
+        const heading = querySelector(this._modalContainerElement, '[role=heading]');
+        if (!title) {
+            heading.style.display = 'none';
+        }
+        else {
+            heading.style.display = '';
+            heading.textContent = title;
+        }
+    }
+    setContentElement(element) {
+        const content = querySelector(this._modalContainerElement, '.inboxsdk__modal_content');
+        content.innerHTML = '';
+        if (typeof element === 'string') {
+            content.innerHTML = element;
+        }
+        else if (element instanceof Element) {
+            content.appendChild(element);
+        }
+    }
+    setButtons(buttons) {
+        const buttonsEl = querySelector(this._modalContainerElement, '.inboxsdk__modal_buttons');
+        buttonsEl.innerHTML = '';
+        if (buttons.length === 0) {
+            buttonsEl.style.display = 'none';
+            this._modalContainerElement.classList.add('inboxsdk__modal_content_no_buttons');
+        }
+        else {
+            buttonsEl.style.display = '';
+            this._modalContainerElement.classList.remove('inboxsdk__modal_content_no_buttons');
+        }
+        sortBy(buttons, (button) => button.orderHint || 0).forEach(this._addButton.bind(this, buttonsEl));
+    }
+    setChromeClass(chrome, showCloseButton, hasButtons) {
+        this._modalContainerElement.classList.remove('inboxsdk__modal_hideSides');
+        this._modalContainerElement.classList.remove('inboxsdk__modal_hideTop');
+        this._modalContainerElement.classList.remove('inboxsdk__modal_hideBottom');
+        if (chrome === false) {
+            this._modalContainerElement.classList.add('inboxsdk__modal_hideSides');
+            if (!showCloseButton) {
+                this._modalContainerElement.classList.add('inboxsdk__modal_hideTop');
+            }
+            if (!hasButtons) {
+                this._modalContainerElement.classList.add('inboxsdk__modal_hideBottom');
+            }
+        }
+    }
+    _setupModalContainerElement(options) {
+        const constrainTitleWidthTopRowClass = options.constrainTitleWidth
+            ? 'inboxsdk__modal_toprow--constrain-title-width'
+            : '';
+        this._modalContainerElement = document.createElement('div');
+        this._modalContainerElement.className = 'inboxsdk__modal_fullscreen';
+        var htmlString = `
     <div class="Kj-JD inboxsdk__modal_container" tabindex="0" role="alertdialog">
       <div class="Kj-JD-K7 Kj-JD-K7-GIHV4 inboxsdk__modal_toprow ${constrainTitleWidthTopRowClass}">
         <span class="Kj-JD-K7-K0" role="heading"></span>
@@ -94,32 +92,33 @@ class GmailModalViewDriver {
       <div class="Kj-JD-Jl inboxsdk__modal_buttons"></div>
     </div>
     `;
-    this._modalContainerElement.innerHTML = htmlString;
-  }
-  _addButton(buttonContainer, buttonDescriptor) {
-    const buttonOptions = {
-      ...buttonDescriptor
-    };
-    const buttonColor = ['blue', 'red', 'green'].includes(buttonDescriptor.color) && buttonDescriptor.color;
-    buttonOptions.isPrimary = buttonDescriptor.type === 'PRIMARY_ACTION';
-    const buttonView = new _modalButtonView.default(buttonOptions);
-    buttonOptions.buttonView = buttonView;
-    const buttonViewController = new _basicButtonViewController.default(buttonOptions);
-    if (buttonDescriptor.type === 'PRIMARY_ACTION') {
-      buttonContainer.insertBefore(buttonView.getElement(), buttonContainer.firstElementChild);
-    } else {
-      buttonContainer.appendChild(buttonView.getElement());
+        this._modalContainerElement.innerHTML = htmlString;
+    }
+    _addButton(buttonContainer, buttonDescriptor) {
+        const buttonOptions = { ...buttonDescriptor };
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const buttonColor = ['blue', 'red', 'green'].includes(buttonDescriptor.color) &&
+            buttonDescriptor.color;
+        buttonOptions.isPrimary = buttonDescriptor.type === 'PRIMARY_ACTION';
+        const buttonView = new ModalButtonView(buttonOptions);
+        buttonOptions.buttonView = buttonView;
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const buttonViewController = new BasicButtonViewController(buttonOptions);
+        if (buttonDescriptor.type === 'PRIMARY_ACTION') {
+            buttonContainer.insertBefore(buttonView.getElement(), buttonContainer.firstElementChild);
+        }
+        else {
+            buttonContainer.appendChild(buttonView.getElement());
+        }
+    }
+    _setupEventStream() {
+        const closeElement = querySelector(this._modalContainerElement, '.inboxsdk__modal_close');
+        closeElement.addEventListener('click', (event) => {
+            this._eventStream.emit({
+                eventName: 'closeClick',
+                domEvent: event,
+            });
+        });
     }
-  }
-  _setupEventStream() {
-    const closeElement = (0, _querySelectorOrFail.default)(this._modalContainerElement, '.inboxsdk__modal_close');
-    closeElement.addEventListener('click', event => {
-      this._eventStream.emit({
-        eventName: 'closeClick',
-        domEvent: event
-      });
-    });
-  }
 }
-var _default = (0, _ud.defn)(module, GmailModalViewDriver);
-exports.default = _default;
+export default GmailModalViewDriver;