@inboxsdk/core 2.1.53 → 2.1.55

package/inboxsdk.js

@@ -371,7 +371,7 @@ function isNotNil(value) {
 
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- SDK_VERSION is injected by webpack
 ///@ts-ignore
-const BUILD_VERSION = "2.1.53-1714159478442-63b2f992c29e0e62";
+const BUILD_VERSION = "2.1.55-1716205678635-d6562cf5c54c7c73";
 if (false) {}
 
 /***/ }),
@@ -2186,7 +2186,7 @@ function makePageParserTree(driver, root) {
 
 /***/ }),
 
-/***/ 470:
+/***/ 2893:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -2207,9 +2207,6 @@ var kefir_stopper_js_default = /*#__PURE__*/__webpack_require__.n(kefir_stopper_
 // EXTERNAL MODULE: ./node_modules/lodash/findIndex.js
 var findIndex = __webpack_require__(9339);
 var findIndex_default = /*#__PURE__*/__webpack_require__.n(findIndex);
-// EXTERNAL MODULE: ./node_modules/auto-html/js/index.js
-var auto_html_js = __webpack_require__(1812);
-var auto_html_js_default = /*#__PURE__*/__webpack_require__.n(auto_html_js);
 // EXTERNAL MODULE: ./node_modules/asap/browser-asap.js
 var browser_asap = __webpack_require__(4622);
 var browser_asap_default = /*#__PURE__*/__webpack_require__.n(browser_asap);
@@ -2517,6 +2514,7 @@ class Panel extends react.Component {
           appName,
           iconClass,
           iconUrl,
+          iconLiga,
           el
         },
         showControls,
@@ -2550,7 +2548,7 @@ class Panel extends react.Component {
       className: (0,idMap/* default */.A)('app_sidebar_content_panel_title_icon_container')
     }, /*#__PURE__*/react.createElement("span", {
       className: classnames_default()((0,idMap/* default */.A)('app_sidebar_content_panel_title_icon'), iconClass)
-    }, iconUrl && /*#__PURE__*/react.createElement("img", {
+    }, !!iconLiga && iconLiga, iconUrl && /*#__PURE__*/react.createElement("img", {
       src: iconUrl
     }))), /*#__PURE__*/react.createElement("span", {
       className: (0,idMap/* default */.A)('app_sidebar_content_panel_title_text')
@@ -2608,6 +2606,59 @@ const sidebarWaitingPlatformSelector = [cssGlobal, "inboxsdk__a0oshmeH6N_2vLtc3D
  * and the CSS local is only used for styling.
  */
 const sidebarWaitingPlatformClassName = classnames_default()(cssGlobal, "inboxsdk__a0oshmeH6N_2vLtc3DNT", "inboxsdk__BV_FA4qVT4qYxs3LbEU4", (0,idMap/* legacyIdMap */.r)('app_sidebar_waiting_platform'));
+// EXTERNAL MODULE: ./node_modules/lodash/escape.js
+var lodash_escape = __webpack_require__(3131);
+var escape_default = /*#__PURE__*/__webpack_require__.n(lodash_escape);
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
+var injectStylesIntoStyleTag = __webpack_require__(6186);
+var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleDomAPI.js
+var styleDomAPI = __webpack_require__(2155);
+var styleDomAPI_default = /*#__PURE__*/__webpack_require__.n(styleDomAPI);
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js
+var setAttributesWithoutAttributes = __webpack_require__(8626);
+var setAttributesWithoutAttributes_default = /*#__PURE__*/__webpack_require__.n(setAttributesWithoutAttributes);
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertStyleElement.js
+var insertStyleElement = __webpack_require__(8990);
+var insertStyleElement_default = /*#__PURE__*/__webpack_require__.n(insertStyleElement);
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleTagTransform.js
+var styleTagTransform = __webpack_require__(9827);
+var styleTagTransform_default = /*#__PURE__*/__webpack_require__.n(styleTagTransform);
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/platform-implementation-js/dom-driver/gmail/views/gmail-app-sidebar-view/primary/index.module.css
+var index_module = __webpack_require__(8855);
+;// CONCATENATED MODULE: ./src/platform-implementation-js/dom-driver/gmail/views/gmail-app-sidebar-view/primary/index.module.css
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+options.styleTagTransform = (styleTagTransform_default());
+options.setAttributes = (setAttributesWithoutAttributes_default());
+options.insert = htmlElement => {
+              htmlElement.setAttribute('data-inboxsdk-version',
+              // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- this is injected by webpack
+              ///@ts-ignore
+              "2.1.55-1716205678635-d6562cf5c54c7c73");
+              document.head.append(htmlElement);
+            };
+options.domAPI = (styleDomAPI_default());
+options.insertStyleElement = (insertStyleElement_default());
+
+var update = injectStylesIntoStyleTag_default()(index_module/* default */.A, options);
+
+
+
+
+       /* harmony default export */ const primary_index_module = (index_module/* default */.A && index_module/* default */.A.locals ? index_module/* default */.A.locals : undefined);
+
 ;// CONCATENATED MODULE: ./src/platform-implementation-js/dom-driver/gmail/views/gmail-app-sidebar-view/primary/index.tsx
 
 
@@ -2629,6 +2680,7 @@ const sidebarWaitingPlatformClassName = classnames_default()(cssGlobal, "inboxsd
 
 
 
+
 
 
 const ACTIVE_ADD_ON_ICON_SELECTOR = '.aT5-aOt-I-KO';
@@ -2852,7 +2904,11 @@ class GmailAppSidebarPrimary {
       const instanceId = event.detail.instanceId;
       const iconUrl = isGlobal && event.detail.iconUrl ? event.detail.iconUrl : event.detail.appIconUrl;
       const appName = event.detail.appName;
-      const iconClass = event.detail.iconClass || '';
+      const {
+        iconClass = '',
+        iconLiga
+      } = event.detail;
+
       // If there's an existing button for the app, then just increment its
       // data-count attribute instead of adding a new button.
       const existingButtonContainer = isGlobal ? this.#globalButtonContainers.get(appName) : this.#threadButtonContainers.get(appName);
@@ -2865,9 +2921,9 @@ class GmailAppSidebarPrimary {
         buttonContainer = document.createElement('div');
         buttonContainer.className = (0,idMap/* default */.A)('sidebar_button_container');
         buttonContainer.setAttribute('data-app-name', appName);
-        buttonContainer.innerHTML = auto_html_js_default()`
-          <button class="inboxsdk__button_icon ${iconClass}" type="button" data-tooltip="${appName}">
-            <img class="inboxsdk__button_iconImg" src="${iconUrl}">
+        buttonContainer.innerHTML = `
+          <button class="inboxsdk__button_icon ${escape_default()(iconClass)}" type="button" data-tooltip="${escape_default()(appName)}">
+            ${iconLiga ? `<span class="${escape_default()(index_module/* iconLiga */.N)}">${escape_default()(iconLiga).trim()}</div>` : `<img class="inboxsdk__button_iconImg" src="${escape_default()(iconUrl)}">`}
           </button>
           <div class="inboxsdk__button_selectedIndicator"></div>
         `;
@@ -3084,6 +3140,7 @@ class GmailAppSidebarPrimary {
             instanceId: event.detail.instanceId,
             title: event.detail.title,
             iconClass: event.detail.iconClass,
+            iconLiga: event.detail.iconLiga,
             iconUrl: event.detail.iconUrl,
             hideTitleBar: event.detail.hideTitleBar,
             el: event.target
@@ -3110,6 +3167,7 @@ class GmailAppSidebarPrimary {
           instanceId: event.detail.instanceId,
           title: event.detail.title,
           iconClass: event.detail.iconClass,
+          iconLiga: event.detail.iconLiga,
           iconUrl: event.detail.iconUrl,
           hideTitleBar: event.detail.hideTitleBar,
           el: event.target
@@ -3174,10 +3232,15 @@ class GmailAppSidebarPrimary {
       kefir_esm.fromEvents(document.body, 'inboxsdkUpdateSidebarPanel').filter(e => e.detail.sidebarId === this.#instanceId && e.detail.isGlobal).takeUntilBy(this.#stopper).onValue(event => {
         const buttonContainer = this.#globalButtonContainers.get(event.detail.appName);
         if (!buttonContainer) return;
-        const iconClass = event.detail.iconClass || '';
-        const iconUrl = event.detail.iconUrl || event.detail.appIconUrl;
-        const imgElement = (0,querySelectorOrFail/* default */.A)(buttonContainer, 'img');
-        imgElement.setAttribute('src', iconUrl);
+        const {
+          iconClass = '',
+          iconLiga,
+          iconUrl = event.detail.appIconUrl
+        } = event.detail;
+        if (!iconLiga) {
+          const imgElement = (0,querySelectorOrFail/* default */.A)(buttonContainer, 'img');
+          imgElement.setAttribute('src', iconUrl);
+        }
         const button = (0,querySelectorOrFail/* default */.A)(buttonContainer, 'button');
         button.setAttribute('class', `inboxsdk__button_icon ${iconClass}`);
       });
@@ -3296,6 +3359,7 @@ class ContentPanelViewDriver {
       const {
         el,
         iconUrl,
+        iconLiga,
         iconClass,
         title,
         orderHint,
@@ -3320,6 +3384,7 @@ class ContentPanelViewDriver {
           appName,
           hideTitleBar: Boolean(hideTitleBar),
           iconClass,
+          iconLiga,
           iconUrl,
           id: String(id || title),
           instanceId: this.#instanceId,
@@ -3601,9 +3666,6 @@ var browser_asap_default = /*#__PURE__*/__webpack_require__.n(browser_asap);
 var pdelay_js = __webpack_require__(8498);
 // EXTERNAL MODULE: ./node_modules/kefir/dist/kefir.esm.js
 var kefir_esm = __webpack_require__(7249);
-// EXTERNAL MODULE: ./node_modules/closest-ng/js/index.js
-var closest_ng_js = __webpack_require__(8104);
-var closest_ng_js_default = /*#__PURE__*/__webpack_require__.n(closest_ng_js);
 // EXTERNAL MODULE: ./node_modules/kefir-bus/index.js
 var kefir_bus = __webpack_require__(8631);
 var kefir_bus_default = /*#__PURE__*/__webpack_require__.n(kefir_bus);
@@ -4070,7 +4132,6 @@ var censorHTMLtree = __webpack_require__(1443);
 ;// CONCATENATED MODULE: ./src/platform-implementation-js/dom-driver/gmail/views/gmail-compose-view/page-parser.ts
 
 
-
 function makePageParser(element, logger) {
   return new (page_parser_tree_js_default())(element, {
     logError(err, el) {
@@ -4174,7 +4235,7 @@ function getRecipientRowForType(element, addressType) {
 function getOldRecipientRowForType(element, addressType) {
   const input = element.querySelector(`.GS tr textarea.vO[name="${addressType}"], .GS tr input[name="${addressType}"]`);
   if (input) {
-    return closest_ng_js_default()(input, 'tr');
+    return input.closest('tr');
   } else {
     return null;
   }
@@ -5175,7 +5236,6 @@ function setFromEmail(driver, gmailComposeView, email) {
 
 
 
-
 
 
 let hasReportedMissingBody = false;
@@ -5907,7 +5967,7 @@ class GmailComposeView {
   }
   getFormattingToolbarToggleButton() {
     const innerElement = (0,querySelectorOrFail/* default */.A)(this.#element, '[role=button] .dv');
-    const btn = closest_ng_js_default()(innerElement, '[role=button]');
+    const btn = innerElement.closest('[role=button]');
     if (!btn) throw new Error('failed to find button');
     return btn;
   }
@@ -10134,7 +10194,7 @@ options.insert = htmlElement => {
               htmlElement.setAttribute('data-inboxsdk-version',
               // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- this is injected by webpack
               ///@ts-ignore
-              "2.1.53-1714159478442-63b2f992c29e0e62");
+              "2.1.55-1716205678635-d6562cf5c54c7c73");
               document.head.append(htmlElement);
             };
 options.domAPI = (styleDomAPI_default());
@@ -11260,7 +11320,7 @@ if (!globalThis.__InboxSDKImpLoader) {
       await onready;
       const {
         makePlatformImplementation
-      } = await Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 464));
+      } = await Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 7098));
       return makePlatformImplementation(appId, opts, {
         piMainStarted,
         piLoadStarted,
@@ -11407,7 +11467,7 @@ class Keyboard {
 
 /***/ }),
 
-/***/ 464:
+/***/ 7098:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -13882,27 +13942,6 @@ class GmailToolbarView {
   }
 }
 /* harmony default export */ const gmail_toolbar_view = (GmailToolbarView);
-;// CONCATENATED MODULE: ./src/platform-implementation-js/dom-driver/gmail/views/gmail-thread-view/width-manager.ts
-
-class WidthManager {
-  constructor(contentContainerEl, addonSidebarContainerEl) {
-    this._contentContainerEl = contentContainerEl;
-    this._addonSidebarContainerEl = addonSidebarContainerEl;
-  }
-  fixWidths() {
-    // right now width manager really just cares about when
-    // there are no icons sdk or native and adds/removes some styling
-    // classes accordingly
-    const tabList = this._addonSidebarContainerEl.querySelector('[role=tablist]');
-    if (!tabList) return;
-    if (this._addonSidebarContainerEl.classList.contains((0,idMap/* default */.A)('app_sidebar_in_use'))) {
-      this._contentContainerEl.classList.remove((0,idMap/* default */.A)('container_app_sidebar_no_icons'));
-      return;
-    }
-    const noIconsVisible = ![...tabList.children].some(child => child.style.display !== 'none');
-    if (noIconsVisible) this._contentContainerEl.classList.add((0,idMap/* default */.A)('container_app_sidebar_no_icons'));else this._contentContainerEl.classList.remove((0,idMap/* default */.A)('container_app_sidebar_no_icons'));
-  }
-}
 // EXTERNAL MODULE: ./src/platform-implementation-js/lib/isStreakAppId.ts
 var isStreakAppId = __webpack_require__(8579);
 // EXTERNAL MODULE: ./src/common/censorHTMLstring.ts
@@ -13926,24 +13965,36 @@ var censorHTMLstring = __webpack_require__(4158);
 
 
 
-
 let hasLoggedAddonInfo = false;
 class GmailThreadView {
-  _stopper = js_default()();
-  _widthManager = null;
-  _customMessageViews = new Set();
-  _hiddenCustomMessageViews = new Set();
+  #element;
+  #routeViewDriver;
+  #driver;
+  #isPreviewedThread;
+  #eventStream;
+  #stopper = js_default()();
+  #toolbarView;
+  #messageViewDrivers;
+  #newMessageMutationObserver;
+  #readyStream;
+  #threadID;
+  #syncThreadID;
+  #customMessageViews = new Set();
+  #hiddenCustomMessageViews = new Set();
+  #hiddenCustomMessageNoticeProvider;
+  #hiddenCustomMessageNoticeElement;
+  #resolveUnmountHiddenNoticePromise;
   constructor(element, routeViewDriver, driver) {
     let isPreviewedThread = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-    this._element = element;
-    this._routeViewDriver = routeViewDriver;
-    this._driver = driver;
-    this._isPreviewedThread = isPreviewedThread;
-    this._eventStream = kefir_bus_default()();
-    this._messageViewDrivers = [];
-    this._logAddonElementInfo().catch(err => this._driver.getLogger().error(err));
-    const waitForSidebarReady = this._driver.waitForGlobalSidebarReady().merge(this._driver.delayToTimeAfterReady(15 * 1000).flatMap(() => kefir_esm.constantError(new Error('15 second timeout while waiting for sidebar fired')))).take(1).takeErrors(1).flatMapErrors(err => {
-      this._driver.getLogger().error(err);
+    this.#element = element;
+    this.#routeViewDriver = routeViewDriver;
+    this.#driver = driver;
+    this.#isPreviewedThread = isPreviewedThread;
+    this.#eventStream = kefir_bus_default()();
+    this.#messageViewDrivers = [];
+    this.#logAddonElementInfo().catch(err => this.#driver.getLogger().error(err));
+    const waitForSidebarReady = this.#driver.waitForGlobalSidebarReady().merge(this.#driver.delayToTimeAfterReady(15 * 1000).flatMap(() => kefir_esm.constantError(new Error('15 second timeout while waiting for sidebar fired')))).take(1).takeErrors(1).flatMapErrors(err => {
+      this.#driver.getLogger().error(err);
       return kefir_esm.constant(null);
     }).toProperty();
     let combinedReadyStream;
@@ -13952,75 +14003,75 @@ class GmailThreadView {
     } else {
       combinedReadyStream = waitForSidebarReady;
     }
-    this._readyStream = combinedReadyStream.map(() => {
-      this._setupToolbarView();
-      this._setupMessageViewStream();
+    this.#readyStream = combinedReadyStream.map(() => {
+      this.#setupToolbarView();
+      this.#setupMessageViewStream();
       return null;
-    }).takeUntilBy(this._stopper).toProperty();
-    this._listenToExpandCollapseAll();
-    this._stopper.take(1).onValue(() => {
-      if (this._resolveUnmountHiddenNoticePromise) {
-        this._resolveUnmountHiddenNoticePromise();
+    }).takeUntilBy(this.#stopper).toProperty();
+    this.#listenToExpandCollapseAll();
+    this.#stopper.take(1).onValue(() => {
+      if (this.#resolveUnmountHiddenNoticePromise) {
+        this.#resolveUnmountHiddenNoticePromise();
       }
     });
   }
 
   // TODO use livesets eventually
   getMessageViewDriverStream() {
-    return kefir_esm.constant(this._messageViewDrivers).flatten().merge(this._eventStream.filter(event => event.type === 'internal' && event.eventName === 'messageCreated').map(event => event.view));
+    return kefir_esm.constant(this.#messageViewDrivers).flatten().merge(this.#eventStream.filter(event => event.type === 'internal' && event.eventName === 'messageCreated').map(event => event.view));
   }
   isLoadingStub() {
     return false;
   }
   getStopper() {
-    return this._stopper;
+    return this.#stopper;
   }
   getEventStream() {
-    return this._eventStream;
+    return this.#eventStream;
   }
   getElement() {
-    return this._element;
+    return this.#element;
   }
   getRouteViewDriver() {
-    return this._routeViewDriver;
+    return this.#routeViewDriver;
   }
   getIsPreviewedThread() {
-    return this._isPreviewedThread;
+    return this.#isPreviewedThread;
   }
   getToolbarView() {
-    return this._toolbarView;
+    return this.#toolbarView;
   }
   getMessageViewDrivers() {
-    return this._messageViewDrivers;
+    return this.#messageViewDrivers;
   }
   destroy() {
-    this._eventStream.end();
-    this._stopper.destroy();
-    if (this._toolbarView) this._toolbarView.destroy();
-    this._messageViewDrivers.forEach(messageView => {
+    this.#eventStream.end();
+    this.#stopper.destroy();
+    if (this.#toolbarView) this.#toolbarView.destroy();
+    this.#messageViewDrivers.forEach(messageView => {
       messageView.destroy();
     });
-    this._messageViewDrivers.length = 0;
-    if (this._newMessageMutationObserver) {
-      this._newMessageMutationObserver.disconnect();
+    this.#messageViewDrivers.length = 0;
+    if (this.#newMessageMutationObserver) {
+      this.#newMessageMutationObserver.disconnect();
     }
-    for (const customMessageView of this._customMessageViews) {
+    for (const customMessageView of this.#customMessageViews) {
       customMessageView.destroy();
     }
   }
   addSidebarContentPanel(descriptor) {
-    const sidebar = this._driver.getGlobalSidebar();
+    const sidebar = this.#driver.getGlobalSidebar();
     return sidebar.addThreadSidebarContentPanel(descriptor, this);
   }
-  _subjectContainerSelectors = {
+  #subjectContainerSelectors = {
     '2022_10_21': '.a98.iY > .nH',
     '2022_10_12': '.PeIF1d > .nH',
     [2018]: '.if > .nH'
   };
-  _subjectContainerSelectorsAfterNov162023 = {
+  #subjectContainerSelectorsAfterNov162023 = {
     '2023_11_16': '* > .nH'
   };
-  _subjectAISuggestionsContainerSelectors = {
+  #subjectAISuggestionsContainerSelectors = {
     '2024_04_26': '.nH > .einvLd'
   };
   addNoticeBar() {
@@ -14028,13 +14079,13 @@ class GmailThreadView {
     el.className = (0,idMap/* default */.A)('thread_noticeBar');
     let version;
     let subjectContainer;
-    let selectorsToTry = this._subjectContainerSelectors;
-    if (this._element.matches('.a98.iY')) {
+    let selectorsToTry = this.#subjectContainerSelectors;
+    if (this.#element.matches('.a98.iY')) {
       // thread view gmail update Nov 16, 2023
-      selectorsToTry = this._subjectContainerSelectorsAfterNov162023;
+      selectorsToTry = this.#subjectContainerSelectorsAfterNov162023;
     }
     for (const [currentVersion, selector] of Object.entries(selectorsToTry)) {
-      const el = this._element.querySelector(selector);
+      const el = this.#element.querySelector(selector);
       if (!el) {
         continue;
       }
@@ -14043,18 +14094,18 @@ class GmailThreadView {
       break;
     }
     if (!subjectContainer) throw new Error('Failed to find subject container');
-    this._driver.getLogger().eventSdkPassive('addNoticeBar subjectContainer', {
+    this.#driver.getLogger().eventSdkPassive('addNoticeBar subjectContainer', {
       version
     });
 
     // AI suggestions container could be rendered after the subject container so
     // if present, we need to adjust spacing when inserting the notice bar in between subject and AI suggestions
-    for (const [currentVersion, selector] of Object.entries(this._subjectAISuggestionsContainerSelectors)) {
-      const hasAIButtonsSubjectContainer = !!this._element.querySelector(selector);
+    for (const [currentVersion, selector] of Object.entries(this.#subjectAISuggestionsContainerSelectors)) {
+      const hasAIButtonsSubjectContainer = !!this.#element.querySelector(selector);
       if (!hasAIButtonsSubjectContainer) {
         continue;
       }
-      this._driver.getLogger().eventSdkPassive('addNoticeBar AIButtonsSubjectContainer', {
+      this.#driver.getLogger().eventSdkPassive('addNoticeBar AIButtonsSubjectContainer', {
         version: currentVersion
       });
 
@@ -14064,27 +14115,27 @@ class GmailThreadView {
     }
     subjectContainer.insertAdjacentElement('afterend', el);
     const view = new SimpleElementView/* default */.A(el);
-    this._stopper.takeUntilBy(kefir_esm.fromEvents(view, 'destroy')).onValue(() => view.destroy());
+    this.#stopper.takeUntilBy(kefir_esm.fromEvents(view, 'destroy')).onValue(() => view.destroy());
     return view;
   }
   registerHiddenCustomMessageNoticeProvider(provider) {
-    this._hiddenCustomMessageNoticeProvider = provider;
+    this.#hiddenCustomMessageNoticeProvider = provider;
   }
   addCustomMessage(descriptorStream) {
-    const parentElement = this._element.parentElement;
+    const parentElement = this.#element.parentElement;
     if (!parentElement) throw new Error('missing parent element');
     const customMessageView = new CustomMessageView(descriptorStream, () => {
-      this._readyStream.onValue(async () => {
-        const messageContainer = this._element.querySelector('[role=list]');
+      this.#readyStream.onValue(async () => {
+        const messageContainer = this.#element.querySelector('[role=list]');
         if (!messageContainer) return;
         let mostRecentDate = Number.MIN_SAFE_INTEGER;
         let insertBeforeMessage;
         let isInHidden = false;
-        const messages = [...(await Promise.all(this._messageViewDrivers.map(async messageView => ({
+        const messages = [...(await Promise.all(this.#messageViewDrivers.map(async messageView => ({
           sortDatetime: (await messageView.getDate()) || 0,
           isHidden: messageView.getViewState() === 'HIDDEN',
           element: messageView.getElement()
-        })))), ...Array.from(this._customMessageViews).filter(cmv => cmv !== customMessageView && cmv.getElement().parentElement
+        })))), ...Array.from(this.#customMessageViews).filter(cmv => cmv !== customMessageView && cmv.getElement().parentElement
         /* it has been inserted into dom */).map(cmv => {
           const date = cmv.getSortDate();
           const datetime = date ? date.getTime() : null;
@@ -14106,30 +14157,30 @@ class GmailThreadView {
         }
         if (insertBeforeMessage) insertBeforeMessage.insertAdjacentElement('beforebegin', customMessageView.getElement());else messageContainer.insertAdjacentElement('beforeend', customMessageView.getElement());
         if (isInHidden) {
-          this._setupHiddenCustomMessage(customMessageView);
+          this.#setupHiddenCustomMessage(customMessageView);
         }
         parentElement.classList.add('inboxsdk__thread_view_with_custom_view');
       });
     });
-    this._customMessageViews.add(customMessageView);
+    this.#customMessageViews.add(customMessageView);
     customMessageView.on('destroy', () => {
-      this._customMessageViews.delete(customMessageView);
-      if (this._customMessageViews.size > 0) parentElement.classList.add('inboxsdk__thread_view_with_custom_view');else parentElement.classList.remove('inboxsdk__thread_view_with_custom_view');
+      this.#customMessageViews.delete(customMessageView);
+      if (this.#customMessageViews.size > 0) parentElement.classList.add('inboxsdk__thread_view_with_custom_view');else parentElement.classList.remove('inboxsdk__thread_view_with_custom_view');
     });
     return customMessageView;
   }
-  _setupHiddenCustomMessage(customMessageView) {
-    this._hiddenCustomMessageViews.add(customMessageView);
+  #setupHiddenCustomMessage(customMessageView) {
+    this.#hiddenCustomMessageViews.add(customMessageView);
 
     // hide the element
     customMessageView.getElement().classList.add('inboxsdk__custom_message_view_hidden');
 
     // get the message element that contains the hidden messages notice
-    let hiddenNoticeMessageElement = this._element.querySelector('.adv');
+    let hiddenNoticeMessageElement = this.#element.querySelector('.adv');
     let nativeHiddenNoticePresent = true;
     if (!hiddenNoticeMessageElement) {
       nativeHiddenNoticePresent = false;
-      const superCollapsedMessageElements = Array.from(this._element.querySelectorAll('.kQ'));
+      const superCollapsedMessageElements = Array.from(this.#element.querySelectorAll('.kQ'));
       if (superCollapsedMessageElements.length < 2) return;
       hiddenNoticeMessageElement = superCollapsedMessageElements[1];
     }
@@ -14138,30 +14189,30 @@ class GmailThreadView {
     (0,make_mutation_observer_chunked_stream/* default */.A)(hiddenNoticeMessageElement, {
       attributes: true,
       attributeFilter: ['class']
-    }).takeUntilBy(kefir_esm.merge([this._stopper, kefir_esm.fromEvents(customMessageView, 'destroy')])).filter(() => hiddenNoticeMessageElement && !hiddenNoticeMessageElement.classList.contains('kQ')) //when kQ is gone, message is visible
+    }).takeUntilBy(kefir_esm.merge([this.#stopper, kefir_esm.fromEvents(customMessageView, 'destroy')])).filter(() => hiddenNoticeMessageElement && !hiddenNoticeMessageElement.classList.contains('kQ')) //when kQ is gone, message is visible
     .onValue(() => {
       customMessageView.getElement().classList.remove('inboxsdk__custom_message_view_hidden');
-      if (this._hiddenCustomMessageNoticeElement) this._hiddenCustomMessageNoticeElement.remove();
-      this._hiddenCustomMessageNoticeElement = null;
+      if (this.#hiddenCustomMessageNoticeElement) this.#hiddenCustomMessageNoticeElement.remove();
+      this.#hiddenCustomMessageNoticeElement = null;
     });
-    this._updateHiddenNotice(hiddenNoticeMessageElement, nativeHiddenNoticePresent);
-    kefir_esm.fromEvents(customMessageView, 'destroy').takeUntilBy(this._stopper).take(1).onValue(() => {
-      this._hiddenCustomMessageViews.delete(customMessageView);
-      if (hiddenNoticeMessageElement) this._updateHiddenNotice(hiddenNoticeMessageElement, nativeHiddenNoticePresent);
+    this.#updateHiddenNotice(hiddenNoticeMessageElement, nativeHiddenNoticePresent);
+    kefir_esm.fromEvents(customMessageView, 'destroy').takeUntilBy(this.#stopper).take(1).onValue(() => {
+      this.#hiddenCustomMessageViews.delete(customMessageView);
+      if (hiddenNoticeMessageElement) this.#updateHiddenNotice(hiddenNoticeMessageElement, nativeHiddenNoticePresent);
     });
   }
-  _updateHiddenNotice(hiddenNoticeMessageElement, nativeHiddenNoticePresent) {
-    const existingAppNoticeElement = this._hiddenCustomMessageNoticeElement;
+  #updateHiddenNotice(hiddenNoticeMessageElement, nativeHiddenNoticePresent) {
+    const existingAppNoticeElement = this.#hiddenCustomMessageNoticeElement;
     if (existingAppNoticeElement) {
       existingAppNoticeElement.remove();
-      this._hiddenCustomMessageNoticeElement = null;
-      if (this._resolveUnmountHiddenNoticePromise) this._resolveUnmountHiddenNoticePromise();
+      this.#hiddenCustomMessageNoticeElement = null;
+      if (this.#resolveUnmountHiddenNoticePromise) this.#resolveUnmountHiddenNoticePromise();
     }
-    const noticeProvider = this._hiddenCustomMessageNoticeProvider;
+    const noticeProvider = this.#hiddenCustomMessageNoticeProvider;
     if (!noticeProvider) return;
-    const appNoticeContainerElement = this._hiddenCustomMessageNoticeElement = document.createElement('span');
+    const appNoticeContainerElement = this.#hiddenCustomMessageNoticeElement = document.createElement('span');
     appNoticeContainerElement.classList.add('inboxsdk__custom_message_view_app_notice_content');
-    const numberCustomHiddenMessages = this._hiddenCustomMessageViews.size;
+    const numberCustomHiddenMessages = this.#hiddenCustomMessageViews.size;
     let numberNativeHiddenMessages = null;
     if (nativeHiddenNoticePresent) {
       const nativeHiddenNoticeCountSpan = (0,querySelectorOrFail/* default */.A)(hiddenNoticeMessageElement, '.adx span');
@@ -14171,7 +14222,7 @@ class GmailThreadView {
       }
     }
     const appNoticeElement = noticeProvider(numberCustomHiddenMessages, numberNativeHiddenMessages, new Promise(resolve => {
-      this._resolveUnmountHiddenNoticePromise = resolve;
+      this.#resolveUnmountHiddenNoticePromise = resolve;
     }));
     if (!appNoticeElement) {
       return;
@@ -14188,7 +14239,7 @@ class GmailThreadView {
     hiddenNoticeElement.appendChild(appNoticeContainerElement);
   }
   getSubject() {
-    var subjectElement = this._element.querySelector('.ha h2');
+    var subjectElement = this.#element.querySelector('.ha h2');
     if (!subjectElement) {
       return '';
     }
@@ -14206,57 +14257,57 @@ class GmailThreadView {
     return subjectElement.textContent;
   }
   getInternalID() {
-    return this._syncThreadID || this.getThreadID();
+    return this.#syncThreadID || this.getThreadID();
   }
 
   // Follows a similar structure to getThreadIDAsync, but gives up if async work is needed
   getThreadID() {
-    if (this._threadID) return this._threadID;
+    if (this.#threadID) return this.#threadID;
     let threadID;
-    const idElement = this._element.querySelector('[data-thread-perm-id]');
+    const idElement = this.#element.querySelector('[data-thread-perm-id]');
     if (!idElement) throw new Error('threadID element not found');
-    const syncThreadID = this._syncThreadID = idElement.getAttribute('data-thread-perm-id');
+    const syncThreadID = this.#syncThreadID = idElement.getAttribute('data-thread-perm-id');
     if (!syncThreadID) throw new Error('syncThreadID attribute with no value');
     threadID = idElement.getAttribute('data-legacy-thread-id');
     if (!threadID) {
       const err = new Error('Failed to get id for thread: data-legacy-thread-id attribute missing');
-      this._driver.getLogger().error(err); // throw err;
+      this.#driver.getLogger().error(err); // throw err;
       // Fall back to old behavior instead of throwing. Probably not super sensible, but
       // this is a deprecated method and preserving the current behavior is
       // probably an okay choice.
     }
 
     if (!threadID) {
-      if (this._isPreviewedThread) {
-        threadID = this._driver.getPageCommunicator().getCurrentThreadID(this._element, true);
+      if (this.#isPreviewedThread) {
+        threadID = this.#driver.getPageCommunicator().getCurrentThreadID(this.#element, true);
       } else {
-        const params = this._routeViewDriver ? this._routeViewDriver.getParams() : null;
+        const params = this.#routeViewDriver ? this.#routeViewDriver.getParams() : null;
         if (params && params.threadID) {
           threadID = params.threadID;
         } else {
           const err = new Error('Failed to get id for thread');
-          this._driver.getLogger().error(err);
+          this.#driver.getLogger().error(err);
           throw err;
         }
       }
     }
-    this._threadID = threadID;
+    this.#threadID = threadID;
     return threadID;
   }
   async getThreadIDAsync() {
     let threadID;
-    const idElement = this._element.querySelector('[data-thread-perm-id]');
+    const idElement = this.#element.querySelector('[data-thread-perm-id]');
     if (!idElement) throw new Error('threadID element not found');
-    const syncThreadID = this._syncThreadID = idElement.getAttribute('data-thread-perm-id');
+    const syncThreadID = this.#syncThreadID = idElement.getAttribute('data-thread-perm-id');
     if (!syncThreadID) throw new Error('syncThreadID attribute with no value');
-    this._threadID = threadID = idElement.getAttribute('data-legacy-thread-id');
+    this.#threadID = threadID = idElement.getAttribute('data-legacy-thread-id');
     if (!threadID) {
-      this._threadID = threadID = await this._driver.getOldGmailThreadIdFromSyncThreadId(syncThreadID);
+      this.#threadID = threadID = await this.#driver.getOldGmailThreadIdFromSyncThreadId(syncThreadID);
     }
-    if (this._threadID) return this._threadID;else throw new Error('Failed to get id for thread');
+    if (this.#threadID) return this.#threadID;else throw new Error('Failed to get id for thread');
   }
   addLabel() {
-    const labelContainer = this._element.querySelector('.ha .J-J5-Ji');
+    const labelContainer = this.#element.querySelector('.ha .J-J5-Ji');
     if (!labelContainer) {
       throw new Error('Thread view label container not found');
     }
@@ -14273,14 +14324,14 @@ class GmailThreadView {
     observer.observe(labelContainer, {
       childList: true
     });
-    this._stopper.takeUntilBy(kefir_esm.fromEvents(view, 'destroy')).onValue(() => view.destroy());
+    this.#stopper.takeUntilBy(kefir_esm.fromEvents(view, 'destroy')).onValue(() => view.destroy());
     kefir_esm.fromEvents(view, 'destroy').take(1).onValue(() => {
       observer.disconnect();
     });
     return view;
   }
   addSubjectButton(button) {
-    const subjectParent = this._element.querySelector('.V8djrc.byY');
+    const subjectParent = this.#element.querySelector('.V8djrc.byY');
     if (!subjectParent) {
       throw new querySelectorOrFail/* SelectorError */.a('.V8djrc.byY', {
         cause: 'Subject wrapper element not found'
@@ -14312,7 +14363,7 @@ class GmailThreadView {
       childList: true,
       subtree: true
     });
-    this._stopper.takeUntilBy(kefir_esm.fromEvents(buttonElement, 'destroy')).onValue(() => buttonOptions.buttonView.destroy());
+    this.#stopper.takeUntilBy(kefir_esm.fromEvents(buttonElement, 'destroy')).onValue(() => buttonOptions.buttonView.destroy());
     kefir_esm.fromEvents(buttonElement, 'destroy').take(1).onValue(() => {
       observer.disconnect();
     });
@@ -14320,10 +14371,10 @@ class GmailThreadView {
   }
   addFooterButton(button) {
     const messagesSelector = 'div.nH .aHU';
-    const messagesContainer = this._element.querySelector(messagesSelector);
+    const messagesContainer = this.#element.querySelector(messagesSelector);
     if (!messagesContainer) {
-      this._driver.getLogger().eventSdkPassive('Footer button selector fail', {
-        html: (0,censorHTMLtree/* default */.A)(this._element)
+      this.#driver.getLogger().eventSdkPassive('Footer button selector fail', {
+        html: (0,censorHTMLtree/* default */.A)(this.#element)
       });
       throw new querySelectorOrFail/* SelectorError */.a(messagesSelector, {
         cause: 'Last message footer element not found'
@@ -14343,8 +14394,8 @@ class GmailThreadView {
     // Sometimes it is there right away
     const subjectToolbarElement = this.#findBottomReplyToolbarElement();
     if (subjectToolbarElement) {
-      const reactionButton = this._element.querySelector('.amn .wrsVRe');
-      if (reactionButton && !this._element.querySelector(`#${spacerID}`)) {
+      const reactionButton = this.#element.querySelector('.amn .wrsVRe');
+      if (reactionButton && !this.#element.querySelector(`#${spacerID}`)) {
         subjectToolbarElement.appendChild(spacer);
       }
       subjectToolbarElement.appendChild(buttonElement);
@@ -14355,8 +14406,8 @@ class GmailThreadView {
       if (mutationsList.some(mutation => mutation.type === 'childList')) {
         const subjectToolbarElement = this.#findBottomReplyToolbarElement();
         if (subjectToolbarElement && !subjectToolbarElement.contains(buttonElement)) {
-          const reactionButton = this._element.querySelector('.amn .wrsVRe');
-          if (reactionButton && !this._element.querySelector(`#${spacerID}`)) {
+          const reactionButton = this.#element.querySelector('.amn .wrsVRe');
+          if (reactionButton && !this.#element.querySelector(`#${spacerID}`)) {
             subjectToolbarElement.appendChild(spacer);
           }
           subjectToolbarElement.appendChild(buttonElement);
@@ -14367,30 +14418,30 @@ class GmailThreadView {
       childList: true,
       subtree: true
     });
-    this._stopper.takeUntilBy(kefir_esm.fromEvents(buttonElement, 'destroy')).onValue(() => buttonOptions.buttonView.destroy());
+    this.#stopper.takeUntilBy(kefir_esm.fromEvents(buttonElement, 'destroy')).onValue(() => buttonOptions.buttonView.destroy());
     kefir_esm.fromEvents(buttonElement, 'destroy').take(1).onValue(() => {
       observer.disconnect();
     });
     return new basic_button_view_controller/* default */.A(buttonOptions);
   }
-  _setupToolbarView() {
-    const toolbarElement = this._findToolbarElement();
+  #setupToolbarView() {
+    const toolbarElement = this.#findToolbarElement();
     if (!toolbarElement) {
-      if ((0,isStreakAppId/* default */.A)(this._driver.getAppId())) {
+      if ((0,isStreakAppId/* default */.A)(this.#driver.getAppId())) {
         const threadViewEl = document.querySelector('.nH.bkK');
         if (threadViewEl instanceof HTMLElement) {
-          this._driver.getLogger().error(new Error('Thread view toolbar cannot be found'), {
+          this.#driver.getLogger().error(new Error('Thread view toolbar cannot be found'), {
             threadViewHtml: (0,censorHTMLstring/* default */.A)(threadViewEl.innerHTML)
           });
         } else {
           const pageHtml = document.querySelector('.nH');
           if (pageHtml instanceof HTMLElement) {
-            this._driver.getLogger().error(new Error('Thread view toolbar cannot be found'), {
+            this.#driver.getLogger().error(new Error('Thread view toolbar cannot be found'), {
               threadViewHtml: '.nH.bkK cannot be found',
               pageHtml: (0,censorHTMLstring/* default */.A)(pageHtml.innerHTML)
             });
           } else {
-            this._driver.getLogger().error(new Error('Thread view toolbar cannot be found'), {
+            this.#driver.getLogger().error(new Error('Thread view toolbar cannot be found'), {
               threadViewHtml: '.nH.bkK cannot be found',
               pageHtml: '.nH cannot be found'
             });
@@ -14401,111 +14452,98 @@ class GmailThreadView {
     }
     const toolbarParent = toolbarElement.parentElement;
     if (toolbarParent) toolbarParent.classList.add('inboxsdk__thread_toolbar_parent');
-    this._toolbarView = new gmail_toolbar_view(toolbarElement, this._driver, this._routeViewDriver, this);
+    this.#toolbarView = new gmail_toolbar_view(toolbarElement, this.#driver, this.#routeViewDriver, this);
   }
-  _findToolbarElement() {
+  #findToolbarElement() {
     var toolbarContainerElements = document.querySelectorAll('[gh=tm]');
     for (var ii = 0; ii < toolbarContainerElements.length; ii++) {
-      if (this._isToolbarContainerRelevant(toolbarContainerElements[ii])) {
+      if (this.#isToolbarContainerRelevant(toolbarContainerElements[ii])) {
         return toolbarContainerElements[ii].querySelector('[gh=mtb]');
       }
     }
     return null;
   }
   #findSubjectToolbarElement() {
-    var toolbarContainerElement = this._element.querySelector('.bHJ');
+    var toolbarContainerElement = this.#element.querySelector('.bHJ');
     return toolbarContainerElement;
   }
   #findBottomReplyToolbarElement() {
-    var toolbarContainerElements = this._element.querySelectorAll('table .amn');
+    var toolbarContainerElements = this.#element.querySelectorAll('table .amn');
     return toolbarContainerElements[0];
   }
-  _isToolbarContainerRelevant(toolbarContainerElement) {
-    if (toolbarContainerElement.parentElement.parentElement === this._element.parentElement.parentElement) {
+  #isToolbarContainerRelevant(toolbarContainerElement) {
+    if (toolbarContainerElement.parentElement.parentElement === this.#element.parentElement.parentElement) {
       return true;
     }
-    if (toolbarContainerElement.parentElement.getAttribute('role') !== 'main' && this._element.parentElement.getAttribute('role') !== 'main') {
+    if (toolbarContainerElement.parentElement.getAttribute('role') !== 'main' && this.#element.parentElement.getAttribute('role') !== 'main') {
       return true;
     }
-    if (toolbarContainerElement.parentElement.getAttribute('role') === 'main' && toolbarContainerElement.parentElement.querySelector('.if, .PeIF1d, .a98.iY') && (toolbarContainerElement.parentElement.querySelector('.if, .PeIF1d, .a98.iY').parentElement === this._element || toolbarContainerElement.parentElement.querySelector('.a98.iY') === this._element)) {
+    if (toolbarContainerElement.parentElement.getAttribute('role') === 'main' && toolbarContainerElement.parentElement.querySelector('.if, .PeIF1d, .a98.iY') && (toolbarContainerElement.parentElement.querySelector('.if, .PeIF1d, .a98.iY').parentElement === this.#element || toolbarContainerElement.parentElement.querySelector('.a98.iY') === this.#element)) {
       let version = '2018';
-      if (this._element.matches('.a98.iY')) {
+      if (this.#element.matches('.a98.iY')) {
         version = '2023-11-16';
       } else if (toolbarContainerElement.parentElement.querySelector('.a98.iY')) {
         version = '2022-10-20';
       } else if (toolbarContainerElement.parentElement.querySelector('.PeIF1d')) {
         version = '2022-10-12';
       }
-      this._driver.getLogger().eventSdkPassive('gmailThreadView_isToolbarContainerRelevant', {
+      this.#driver.getLogger().eventSdkPassive('gmailThreadView_isToolbarContainerRelevant', {
         version
       });
       return true;
     }
     return false;
   }
-  _setupMessageViewStream() {
-    var openMessage = this._element.querySelector('.h7');
+  #setupMessageViewStream() {
+    var openMessage = this.#element.querySelector('.h7');
     if (!openMessage) {
       var self = this;
       setTimeout(function () {
-        if (self._element) {
-          self._setupMessageViewStream();
+        if (self.#element) {
+          self.#setupMessageViewStream();
         }
       }, 500);
       return;
     }
     var messageContainer = openMessage.parentElement;
-    this._initializeExistingMessages(messageContainer);
-    this._observeNewMessages(messageContainer);
+    this.#initializeExistingMessages(messageContainer);
+    this.#observeNewMessages(messageContainer);
   }
-  _initializeExistingMessages(messageContainer) {
+  #initializeExistingMessages(messageContainer) {
     var self = this;
     var children = messageContainer.children;
     Array.prototype.forEach.call(children, function (childElement) {
-      self._createMessageView(childElement);
+      self.#createMessageView(childElement);
     });
   }
-  _observeNewMessages(messageContainer) {
-    this._newMessageMutationObserver = new MutationObserver(this._handleNewMessageMutations.bind(this));
-    this._newMessageMutationObserver.observe(messageContainer, {
+  #observeNewMessages(messageContainer) {
+    this.#newMessageMutationObserver = new MutationObserver(this.#handleNewMessageMutations.bind(this));
+    this.#newMessageMutationObserver.observe(messageContainer, {
       childList: true
     });
   }
-  _handleNewMessageMutations(mutations) {
+  #handleNewMessageMutations(mutations) {
     var self = this;
     mutations.forEach(function (mutation) {
       Array.prototype.forEach.call(mutation.addedNodes, function (addedNode) {
-        if (!addedNode.classList.contains('inboxsdk__custom_message_view')) self._createMessageView(addedNode);
+        if (!addedNode.classList.contains('inboxsdk__custom_message_view')) self.#createMessageView(addedNode);
       });
     });
   }
-  _createMessageView(messageElement) {
-    var messageView = new gmail_message_view(messageElement, this, this._driver);
-    this._eventStream.plug(messageView.getEventStream());
-    this._messageViewDrivers.push(messageView);
-    this._eventStream.emit({
+  #createMessageView(messageElement) {
+    var messageView = new gmail_message_view(messageElement, this, this.#driver);
+    this.#eventStream.plug(messageView.getEventStream());
+    this.#messageViewDrivers.push(messageView);
+    this.#eventStream.emit({
       type: 'internal',
       eventName: 'messageCreated',
       view: messageView
     });
   }
-  _setupWidthManager() {
-    let widthManager = this._widthManager;
-    if (!widthManager) {
-      const addonSidebarElement = gmail_element_getter/* default */.A.getAddonSidebarContainerElement();
-      if (!addonSidebarElement) throw new Error('addonSidebarElement not found');
-      const mainContentBodyContainerElement = gmail_element_getter/* default */.A.getMainContentBodyContainerElement();
-      if (!mainContentBodyContainerElement) throw new Error('mainContentBodyContainerElement not found');
-      const contentContainer = mainContentBodyContainerElement.parentElement;
-      if (!contentContainer) throw new Error('mainContentBodyContainerElement has no parent element');
-      this._widthManager = widthManager = new WidthManager(contentContainer, addonSidebarElement);
-    }
-    return widthManager;
-  }
   getReadyStream() {
-    return this._readyStream;
+    return this.#readyStream;
   }
-  async _logAddonElementInfo() {
+  async #logAddonElementInfo() {
     if (hasLoggedAddonInfo) return;
     function readInfo() {
       const container = gmail_element_getter/* default */.A.getAddonSidebarContainerElement();
@@ -14531,22 +14569,22 @@ class GmailThreadView {
     eventData.time[0] = readInfo();
     await Promise.all([30, 5000].map(async time => {
       await (0,pdelay_js/* default */.A)(time);
-      if (this._stopper.stopped) return;
+      if (this.#stopper.stopped) return;
       eventData.time[time] = readInfo();
     }));
-    if (this._stopper.stopped) return;
-    this._driver.getLogger().eventSdkPassive('gmailSidebarElementInfo', eventData);
+    if (this.#stopper.stopped) return;
+    this.#driver.getLogger().eventSdkPassive('gmailSidebarElementInfo', eventData);
     hasLoggedAddonInfo = true;
   }
-  _listenToExpandCollapseAll() {
+  #listenToExpandCollapseAll() {
     //expand all
-    const expandAllElementImg = this._element.querySelector('img.gx');
+    const expandAllElementImg = this.#element.querySelector('img.gx');
     if (expandAllElementImg) {
       const expandAllElement = findParent(expandAllElementImg, el => el.getAttribute('role') === 'button');
       if (expandAllElement) {
         kefir_esm.merge([kefir_esm.fromEvents(expandAllElement, 'click'), kefir_esm.fromEvents(expandAllElement, 'keydown').filter(e => e.which === 13
-        /* enter */)]).takeUntilBy(this._stopper).onValue(() => {
-          for (const customMessageView of this._customMessageViews) {
+        /* enter */)]).takeUntilBy(this.#stopper).onValue(() => {
+          for (const customMessageView of this.#customMessageViews) {
             customMessageView.expand();
           }
         });
@@ -14554,13 +14592,13 @@ class GmailThreadView {
     }
 
     //collapse all
-    const collapseAllElementImg = this._element.querySelector('img.gq');
+    const collapseAllElementImg = this.#element.querySelector('img.gq');
     if (collapseAllElementImg) {
       const collapseAllElement = findParent(collapseAllElementImg, el => el.getAttribute('role') === 'button');
       if (collapseAllElement) {
         kefir_esm.merge([kefir_esm.fromEvents(collapseAllElement, 'click'), kefir_esm.fromEvents(collapseAllElement, 'keydown').filter(e => e.which === 13
-        /* enter */)]).takeUntilBy(this._stopper).onValue(() => {
-          for (const customMessageView of this._customMessageViews) {
+        /* enter */)]).takeUntilBy(this.#stopper).onValue(() => {
+          for (const customMessageView of this.#customMessageViews) {
             customMessageView.collapse();
           }
         });
@@ -14882,7 +14920,7 @@ options.insert = htmlElement => {
               htmlElement.setAttribute('data-inboxsdk-version',
               // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- this is injected by webpack
               ///@ts-ignore
-              "2.1.53-1714159478442-63b2f992c29e0e62");
+              "2.1.55-1716205678635-d6562cf5c54c7c73");
               document.head.append(htmlElement);
             };
 options.domAPI = (styleDomAPI_default());
@@ -19505,7 +19543,7 @@ mole_view_module_options.insert = htmlElement => {
               htmlElement.setAttribute('data-inboxsdk-version',
               // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- this is injected by webpack
               ///@ts-ignore
-              "2.1.53-1714159478442-63b2f992c29e0e62");
+              "2.1.55-1716205678635-d6562cf5c54c7c73");
               document.head.append(htmlElement);
             };
 mole_view_module_options.domAPI = (styleDomAPI_default());
@@ -23318,8 +23356,8 @@ async function openComposeWindow(_gmailDriver) {
   if (!composeButton) throw new Error('Could not find compose button');
   (0,simulate_mouse_event/* simulateClick */.jp)(composeButton);
 }
-// EXTERNAL MODULE: ./src/platform-implementation-js/dom-driver/gmail/views/gmail-app-sidebar-view/index.ts + 7 modules
-var gmail_app_sidebar_view = __webpack_require__(470);
+// EXTERNAL MODULE: ./src/platform-implementation-js/dom-driver/gmail/views/gmail-app-sidebar-view/index.ts + 8 modules
+var gmail_app_sidebar_view = __webpack_require__(2893);
 ;// CONCATENATED MODULE: ./src/platform-implementation-js/dom-driver/gmail/gmail-driver/suppressAddon.ts
 
 
@@ -25290,6 +25328,31 @@ class DropdownView extends safe_event_emitter/* default */.A {
   }
 }
 
+/***/ }),
+
+/***/ 8855:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__),
+/* harmony export */   N: () => (/* binding */ iconLiga)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5516);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1364);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".inboxsdk__GBPjAIsupt3H7foDtouM{font-size:20px;line-height:1;position:relative;z-index:1!important}", "",{"version":3,"sources":["webpack://./src/platform-implementation-js/dom-driver/gmail/views/gmail-app-sidebar-view/primary/index.module.css"],"names":[],"mappings":"AAAA,gCACE,cAAe,CACf,aAAc,CACd,iBAAkB,CAClB,mBACF","sourcesContent":[".iconLiga {\n  font-size: 20px;\n  line-height: 1;\n  position: relative;\n  z-index: 1 !important;\n}\n"],"sourceRoot":""}]);
+// Exports
+var iconLiga = "inboxsdk__GBPjAIsupt3H7foDtouM";
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 9245:
@@ -31496,40 +31559,6 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
 }());
 
 
-/***/ }),
-
-/***/ 8104:
-/***/ ((module, exports, __webpack_require__) => {
-
-"use strict";
-
-
-exports.__esModule = true;
-exports["default"] = closest;
-
-var _matchesSelectorNg = _interopRequireDefault(__webpack_require__(9864));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var proto = __webpack_require__.g.Element && __webpack_require__.g.Element.prototype;
-var vendor = proto && proto.closest;
-
-function closest(element, selector) {
-  if (vendor) return vendor.call(element, selector);
-  var parent = element;
-
-  do {
-    if ((0, _matchesSelectorNg.default)(parent, selector)) return parent;
-    parent = parent.parentNode;
-  } while (parent && parent !== __webpack_require__.g.document);
-
-  return null;
-}
-
-module.exports = exports.default;
-module.exports["default"] = exports.default;
-
-
 /***/ }),
 
 /***/ 6401: