@inboxsdk/core 2.2.26 → 2.2.27

package/inboxsdk.js

@@ -18054,7 +18054,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.2.26-1789683530517-1719c06893255687");
+              "2.2.27-1790289405402-94d8cee7e8e37c39");
               document.head.append(htmlElement);
             };
 options.domAPI = (styleDomAPI_default());
@@ -25779,7 +25779,7 @@ module.exports = assocIndexOf;
 
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- SDK_VERSION is injected by webpack
 ///@ts-ignore
-const BUILD_VERSION = "2.2.26-1789683530517-1719c06893255687";
+const BUILD_VERSION = "2.2.27-1790289405402-94d8cee7e8e37c39";
 if (false) {}
 
 /***/ }),
@@ -27571,7 +27571,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.2.26-1789683530517-1719c06893255687");
+              "2.2.27-1790289405402-94d8cee7e8e37c39");
               document.head.append(htmlElement);
             };
 options.domAPI = (styleDomAPI_default());
@@ -45927,7 +45927,6 @@ function reemitClickEvent(event) {
 
 
 
-
 let hasSeenOldElement = false;
 const MORE_MENU_WAIT_TIMEOUT = 5 * 1000;
 const MORE_MENU_WAIT_STEP = 16;
@@ -45970,7 +45969,7 @@ class GmailMessageView {
     // client side, so the new message added (from your reply) shows up in the UI right away and has a data-message-id but
     // because it hasn't been synced to the server it does not have a data-legacy-messag-id
     // so we wait until the message has been synced to the server before saying this is ready
-    const messageIdElement = this.#element.querySelector('[data-message-id]');
+    const messageIdElement = this.#driver.selectors.querySelectorByKey(this.#element, 'messageView.syncIdElement');
     if (messageIdElement) {
       const syncMessageId = messageIdElement.getAttribute('data-message-id');
       if (!syncMessageId) throw new Error('data-message-id attribute has no value');
@@ -46054,7 +46053,7 @@ class GmailMessageView {
   getRecipients() {
     let recipients = this.#recipients;
     if (recipients) return recipients;
-    const receipientSpans = Array.from(this.#element.querySelectorAll('.hb span[email]'));
+    const receipientSpans = this.#driver.selectors.querySelectorAllByKey(this.#element, 'messageView.recipientSpans');
     recipients = this.#recipients = receipientSpans.map(span => {
       return this.#getUpdatedContact({
         name: span.getAttribute('name'),
@@ -46066,7 +46065,7 @@ class GmailMessageView {
   getRecipientEmailAddresses() {
     let recipients = this.#recipientEmailAddresses;
     if (recipients) return recipients;
-    const receipientSpans = Array.from(this.#element.querySelectorAll('.hb span[email]'));
+    const receipientSpans = this.#driver.selectors.querySelectorAllByKey(this.#element, 'messageView.recipientSpans');
     recipients = this.#recipientEmailAddresses = receipientSpans.map(span => span.getAttribute('email') || '');
     return recipients;
   }
@@ -46207,7 +46206,7 @@ class GmailMessageView {
     if (!ignoreLoadStatus && !this.#messageLoaded) {
       throw new Error('tried to get message id before message is loaded');
     }
-    const messageIdElement = this.#element.querySelector('[data-legacy-message-id]');
+    const messageIdElement = this.#driver.selectors.querySelectorByKey(this.#element, 'messageView.legacyIdElement');
     if (messageIdElement) {
       const messageId = messageIdElement.getAttribute('data-legacy-message-id');
       if (!messageId) throw new Error('message id attribute with no value, wtf?');
@@ -46294,9 +46293,9 @@ class GmailMessageView {
       } else {
         let attachmentDiv;
         if (this.getViewState() === 'COLLAPSED') {
-          attachmentDiv = (0,querySelectorOrFail/* default */.A)(this.#element, '.adf.ads td.gH span');
+          attachmentDiv = this.#driver.selectors.querySelectorByKeyOrFail(this.#element, 'messageView.attachmentIconSlotCollapsed');
         } else {
-          attachmentDiv = (0,querySelectorOrFail/* default */.A)(this.#element, 'td.gH div.gK span');
+          attachmentDiv = this.#driver.selectors.querySelectorByKeyOrFail(this.#element, 'messageView.attachmentIconSlot');
         }
         const img = opts.iconHtml != null ? getCustomIconWrapper() : getImgElement();
         const onClick = opts.onClick;
@@ -46457,7 +46456,7 @@ class GmailMessageView {
     this.#setupReplyStream();
   }
   #setupReplyStream() {
-    const replyContainer = this.#element.querySelector('.ip');
+    const replyContainer = this.#driver.selectors.querySelectorByKey(this.#element, 'messageView.replyContainer');
     if (!replyContainer) {
       return;
     }
@@ -46510,7 +46509,7 @@ class GmailMessageView {
       if (!self.#element.classList.contains('h7')) {
         contactType = 'sender';
       } else {
-        if (self.#element.querySelector('h3.iw').contains(element)) {
+        if (self.#driver.selectors.querySelectorByKeyOrFail(self.#element, 'messageView.senderHeading').contains(element)) {
           contactType = 'sender';
         } else {
           contactType = 'recipient';
@@ -46527,14 +46526,15 @@ class GmailMessageView {
     }));
   }
   #getAttachmentArea() {
-    if (this.#element.querySelector('.hq')) {
-      return new gmail_attachment_area_view(this.#element.querySelector('.hq'), this.#driver, this);
+    const attachmentArea = this.#driver.selectors.querySelectorByKey(this.#element, 'messageView.attachmentArea');
+    if (attachmentArea) {
+      return new gmail_attachment_area_view(attachmentArea, this.#driver, this);
     }
     return null;
   }
   #createAttachmentArea() {
     const gmailAttachmentAreaView = new gmail_attachment_area_view(null, this.#driver, this);
-    const beforeElement = (0,querySelectorOrFail/* default */.A)(this.#element, '.hi');
+    const beforeElement = this.#driver.selectors.querySelectorByKeyOrFail(this.#element, 'messageView.attachmentAreaAnchor');
     const parentNode = beforeElement.parentNode;
     if (!parentNode) throw new Error('parentNode not found');
     parentNode.insertBefore(gmailAttachmentAreaView.getElement(), beforeElement);
@@ -47410,39 +47410,19 @@ class GmailThreadView {
     const sidebar = this.#driver.getGlobalSidebar();
     return sidebar.addThreadSidebarContentPanel(descriptor, this);
   }
-  #subjectContainerSelectors = {
-    '2022_10_21': '.a98.iY > .nH',
-    '2022_10_12': '.PeIF1d > .nH',
-    [2018]: '.if > .nH'
-  };
-  #subjectContainerSelectorsAfterNov162023 = {
-    '2023_11_16': '* > .nH'
-  };
   #subjectAISuggestionsContainerSelectors = {
     '2024_04_26': '.nH > .einvLd'
   };
   addNoticeBar() {
     const el = document.createElement('div');
     el.className = (0,idMap/* default */.A)('thread_noticeBar');
-    let version;
-    let subjectContainer;
-    let selectorsToTry = this.#subjectContainerSelectors;
-    if (this.#element.matches('.a98.iY')) {
-      // thread view gmail update Nov 16, 2023
-      selectorsToTry = this.#subjectContainerSelectorsAfterNov162023;
-    }
-    for (const [currentVersion, selector] of Object.entries(selectorsToTry)) {
-      const el = this.#element.querySelector(selector);
-      if (!el) {
-        continue;
-      }
-      version = currentVersion;
-      subjectContainer = el;
-      break;
-    }
+
+    // `.a98.iY` is the thread view gmail update Nov 16, 2023
+    const subjectContainerKey = this.#element.matches('.a98.iY') ? 'threadView.subjectContainer' : 'threadView.subjectContainerLegacy';
+    const subjectContainer = this.#driver.selectors.querySelectorByKey(this.#element, subjectContainerKey);
     if (!subjectContainer) throw new Error('Failed to find subject container');
     this.#driver.getLogger().eventSdkPassive('addNoticeBar subjectContainer', {
-      version
+      version: subjectContainerKey
     });
 
     // AI suggestions container could be rendered after the subject container so
@@ -47473,7 +47453,7 @@ class GmailThreadView {
     if (!parentElement) throw new Error('missing parent element');
     const customMessageView = new CustomMessageView(descriptorStream, () => {
       this.#readyStream.onValue(async () => {
-        const messageContainer = this.#element.querySelector('[role=list]');
+        const messageContainer = this.#driver.selectors.querySelectorByKey(this.#element, 'threadView.messageList');
         if (!messageContainer) return;
         let mostRecentDate = Number.MIN_SAFE_INTEGER;
         let insertBeforeMessage;
@@ -47523,7 +47503,7 @@ class GmailThreadView {
     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.#driver.selectors.querySelectorByKey(this.#element, 'threadView.hiddenNoticeMessage');
     let nativeHiddenNoticePresent = true;
     if (!hiddenNoticeMessageElement) {
       nativeHiddenNoticePresent = false;
@@ -47562,7 +47542,7 @@ class GmailThreadView {
     const numberCustomHiddenMessages = this.#hiddenCustomMessageViews.size;
     let numberNativeHiddenMessages = null;
     if (nativeHiddenNoticePresent) {
-      const nativeHiddenNoticeCountSpan = (0,querySelectorOrFail/* default */.A)(hiddenNoticeMessageElement, '.adx span');
+      const nativeHiddenNoticeCountSpan = this.#driver.selectors.querySelectorByKeyOrFail(hiddenNoticeMessageElement, 'threadView.hiddenNoticeCount');
       numberNativeHiddenMessages = Number(nativeHiddenNoticeCountSpan.innerHTML);
       if (isNaN(numberNativeHiddenMessages)) {
         throw new Error("Couldn't find number of native hidden messages in dom structure");
@@ -47578,7 +47558,7 @@ class GmailThreadView {
     if (!nativeHiddenNoticePresent) {
       const fakeAppNoticeElement = document.createElement('span');
       fakeAppNoticeElement.classList.add('adx');
-      const insertionPoint = (0,querySelectorOrFail/* default */.A)(hiddenNoticeMessageElement, '.G3');
+      const insertionPoint = this.#driver.selectors.querySelectorByKeyOrFail(hiddenNoticeMessageElement, 'threadView.hiddenNoticeSlot');
       insertionPoint.appendChild(fakeAppNoticeElement);
     }
     const hiddenNoticeElement = (0,querySelectorOrFail/* default */.A)(hiddenNoticeMessageElement, '.adx');
@@ -47661,7 +47641,7 @@ class GmailThreadView {
     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.#driver.selectors.querySelectorByKey(this.#element, 'threadView.labelContainer');
     if (!labelContainer) {
       throw new Error('Thread view label container not found');
     }
@@ -47685,9 +47665,9 @@ class GmailThreadView {
     return view;
   }
   addSubjectButton(button) {
-    const subjectParent = this.#element.querySelector('.V8djrc.byY');
+    const subjectParent = this.#driver.selectors.querySelectorByKey(this.#element, 'threadView.subjectParent');
     if (!subjectParent) {
-      throw new querySelectorOrFail/* SelectorError */.a('.V8djrc.byY', {
+      throw new querySelectorOrFail/* SelectorError */.a('threadView.subjectParent', {
         cause: 'Subject wrapper element not found'
       });
     }
@@ -47724,13 +47704,12 @@ class GmailThreadView {
     return new basic_button_view_controller/* default */.A(buttonOptions);
   }
   addFooterButton(button) {
-    const messagesSelector = 'div.nH .aHU';
-    const messagesContainer = this.#element.querySelector(messagesSelector);
+    const messagesContainer = this.#driver.selectors.querySelectorByKey(this.#element, 'threadView.messagesContainer');
     if (!messagesContainer) {
       this.#driver.getLogger().eventSdkPassive('Footer button selector fail', {
         html: (0,censorHTMLtree/* default */.A)(this.#element)
       });
-      throw new querySelectorOrFail/* SelectorError */.a(messagesSelector, {
+      throw new querySelectorOrFail/* SelectorError */.a('threadView.messagesContainer', {
         cause: 'Last message footer element not found'
       });
     }
@@ -47806,8 +47785,7 @@ class GmailThreadView {
     return null;
   }
   #findSubjectToolbarElement() {
-    var toolbarContainerElement = this.#element.querySelector('.bHJ');
-    return toolbarContainerElement;
+    return this.#driver.selectors.querySelectorByKey(this.#element, 'threadView.subjectToolbar');
   }
   #findBottomReplyToolbarElement() {
     // Get all .amn elements (may exist in multiple locations due to A/B testing)
@@ -47849,7 +47827,7 @@ class GmailThreadView {
     return false;
   }
   #setupMessageViewStream() {
-    var openMessage = this.#element.querySelector('.h7');
+    var openMessage = this.#driver.selectors.querySelectorByKey(this.#element, 'threadView.openMessage');
     if (!openMessage) {
       var self = this;
       setTimeout(function () {
@@ -47932,7 +47910,7 @@ class GmailThreadView {
   }
   #listenToExpandCollapseAll() {
     //expand all
-    const expandAllElementImg = this.#element.querySelector('img.gx');
+    const expandAllElementImg = this.#driver.selectors.querySelectorByKey(this.#element, 'threadView.expandAllButton');
     if (expandAllElementImg) {
       const expandAllElement = findParent(expandAllElementImg, el => el.getAttribute('role') === 'button');
       if (expandAllElement) {
@@ -47946,7 +47924,7 @@ class GmailThreadView {
     }
 
     //collapse all
-    const collapseAllElementImg = this.#element.querySelector('img.gq');
+    const collapseAllElementImg = this.#driver.selectors.querySelectorByKey(this.#element, 'threadView.collapseAllButton');
     if (collapseAllElementImg) {
       const collapseAllElement = findParent(collapseAllElementImg, el => el.getAttribute('role') === 'button');
       if (collapseAllElement) {
@@ -48274,7 +48252,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.2.26-1789683530517-1719c06893255687");
+              "2.2.27-1790289405402-94d8cee7e8e37c39");
               document.head.append(htmlElement);
             };
 options.domAPI = (styleDomAPI_default());
@@ -53113,7 +53091,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.2.26-1789683530517-1719c06893255687");
+              "2.2.27-1790289405402-94d8cee7e8e37c39");
               document.head.append(htmlElement);
             };
 mole_view_module_options.domAPI = (styleDomAPI_default());
@@ -57544,12 +57522,140 @@ const GMAIL_SELECTORS = {
    * Root: message element.
    */
   'messageView.dateElement': ['.ads .gK .g3'],
+  /**
+   * The element carrying the message's sync id in `data-message-id`.
+   * Root: message element.
+   */
+  'messageView.syncIdElement': ['[data-message-id]'],
+  /**
+   * The element carrying `data-legacy-message-id`. The SDK also writes that
+   * attribute onto `messageView.syncIdElement`, so a rung must match both.
+   * Root: message element.
+   */
+  'messageView.legacyIdElement': ['[data-legacy-message-id]'],
+  /**
+   * The header span attachment icons are added to, in an expanded message.
+   * Root: message element.
+   */
+  'messageView.attachmentIconSlot': ['td.gH div.gK span'],
+  /**
+   * The header span attachment icons are added to, in a collapsed message.
+   * Root: message element.
+   */
+  'messageView.attachmentIconSlotCollapsed': ['.adf.ads td.gH span'],
+  /**
+   * The container that holds an inline reply; watched for its class change.
+   * Root: message element.
+   */
+  'messageView.replyContainer': ['.ip'],
+  /**
+   * The sender heading of an expanded message; a hovered contact inside it is
+   * the sender, and one outside it a recipient.
+   * Root: message element.
+   */
+  'messageView.senderHeading': ['h3.iw'],
+  /**
+   * Gmail's attachment area. The area the SDK builds carries the same class,
+   * so this can also match that one.
+   * Root: message element.
+   */
+  'messageView.attachmentArea': ['.hq'],
+  /**
+   * The element the SDK's own attachment area is inserted before.
+   * Root: message element.
+   */
+  'messageView.attachmentAreaAnchor': ['.hi'],
+  /**
+   * The recipients' spans in a message header; each carries `email` and `name`.
+   * Root: message element.
+   */
+  'messageView.recipientSpans': ['.hb span[email]'],
   /**
    * The thread's subject heading. Read for its text, or walked child by child
    * when it contains emoji images.
    * Root: thread element.
    */
   'threadView.subject': ['.ha h2'],
+  /**
+   * The list holding the thread's messages, which custom messages are
+   * inserted into.
+   * Root: thread element.
+   */
+  'threadView.messageList': ['[role=list]'],
+  /**
+   * The message element that contains the hidden messages notice.
+   * Root: thread element.
+   */
+  'threadView.hiddenNoticeMessage': ['.adv'],
+  /**
+   * The span holding the number of messages Gmail has hidden; read as a number.
+   * Root: `threadView.hiddenNoticeMessage`.
+   */
+  'threadView.hiddenNoticeCount': ['.adx span'],
+  /**
+   * Where a stand-in notice is inserted when Gmail renders no native one.
+   * Root: `threadView.hiddenNoticeMessage`.
+   */
+  'threadView.hiddenNoticeSlot': ['.G3'],
+  /**
+   * The container an app's thread label is appended to, and re-appended to
+   * whenever Gmail removes it.
+   * Root: thread element.
+   */
+  'threadView.labelContainer': ['.ha .J-J5-Ji'],
+  /**
+   * The subject wrapper that subject buttons are added to.
+   * Root: thread element.
+   */
+  'threadView.subjectParent': ['.V8djrc.byY'],
+  /**
+   * The messages container, whose last message footer holds footer buttons.
+   * Root: thread element.
+   */
+  'threadView.messagesContainer': ['div.nH .aHU'],
+  /**
+   * The toolbar beside the thread subject, which subject buttons are put in.
+   * Root: thread element.
+   */
+  'threadView.subjectToolbar': ['.bHJ'],
+  /**
+   * An expanded message. Its PARENT is the container the message view stream
+   * watches, so stay at this depth.
+   * Root: thread element.
+   */
+  'threadView.openMessage': ['.h7'],
+  /**
+   * The expand-all icon. The code walks up to its `role=button` ancestor, so
+   * stay at the image.
+   * Root: thread element.
+   */
+  'threadView.expandAllButton': ['img.gx'],
+  /**
+   * The collapse-all icon. The code walks up to its `role=button` ancestor, so
+   * stay at the image.
+   * Root: thread element.
+   */
+  'threadView.collapseAllButton': ['img.gq'],
+  /**
+   * The subject container the notice bar is inserted into, in the current
+   * thread view.
+   * Root: thread element.
+   */
+  'threadView.subjectContainer': [
+  // 2023-11-16 thread-view redesign
+  '* > .nH'],
+  /**
+   * The subject container the notice bar is inserted into, in the thread
+   * views that predate the redesign.
+   * Root: thread element.
+   */
+  'threadView.subjectContainerLegacy': [
+  // 2018 layout
+  '.if > .nH',
+  // 2022-10-21 layout
+  '.a98.iY > .nH',
+  // 2022-10-12 layout
+  '.PeIF1d > .nH'],
   /**
    * The element holding the list toolbar and the thread list.
    * Root: the row list element container.