@inboxsdk/core 0.2.28-alpha.3 → 0.2.28-alpha.5

package/src/platform-implementation-js/driver-common/compose/getDiscardStream.js

@@ -1,44 +1,25 @@
-/* @flow */
+"use strict";
 
-import asap from 'asap';
-import Kefir from 'kefir';
-import fromEventTargetCapture from '../../lib/from-event-target-capture';
-
-const dispatchCancel = (element) =>
-  asap(() =>
-    element.dispatchEvent(
-      new CustomEvent('inboxSDKdiscardCanceled', {
-        bubbles: false,
-        cancelable: false,
-        detail: null,
-      })
-    )
-  );
-
-export default function getDiscardStream({
-  element,
-  discardButton,
-}: {
-  element: HTMLElement,
-  discardButton: HTMLElement,
-}): Kefir.Observable<Object> {
-  const domEventStream = Kefir.merge([
-    fromEventTargetCapture(element, 'keydown')
-      .filter(
-        (domEvent) =>
-          [13, 32].indexOf(domEvent.which) > -1 ||
-          [13, 32].indexOf(domEvent.keyCode) > -1
-      )
-      .filter(
-        (domEvent) => discardButton && discardButton.contains(domEvent.target)
-      ),
-
-    fromEventTargetCapture(element, 'click').filter(
-      (domEvent) => discardButton && discardButton.contains(domEvent.target)
-    ),
-  ]);
-
-  return domEventStream.map((domEvent) => ({
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getDiscardStream;
+var _asap = _interopRequireDefault(require("asap"));
+var _kefir = _interopRequireDefault(require("kefir"));
+var _fromEventTargetCapture = _interopRequireDefault(require("../../lib/from-event-target-capture"));
+const dispatchCancel = element => (0, _asap.default)(() => element.dispatchEvent(new CustomEvent('inboxSDKdiscardCanceled', {
+  bubbles: false,
+  cancelable: false,
+  detail: null
+})));
+function getDiscardStream(_ref) {
+  let {
+    element,
+    discardButton
+  } = _ref;
+  const domEventStream = _kefir.default.merge([(0, _fromEventTargetCapture.default)(element, 'keydown').filter(domEvent => [13, 32].indexOf(domEvent.which) > -1 || [13, 32].indexOf(domEvent.keyCode) > -1).filter(domEvent => discardButton && discardButton.contains(domEvent.target)), (0, _fromEventTargetCapture.default)(element, 'click').filter(domEvent => discardButton && discardButton.contains(domEvent.target))]);
+  return domEventStream.map(domEvent => ({
     eventName: 'discard',
     data: {
       cancel() {
@@ -46,7 +27,7 @@ export default function getDiscardStream({
         domEvent.stopPropagation();
         domEvent.stopImmediatePropagation();
         dispatchCancel(element);
-      },
-    },
+      }
+    }
   }));
-}
+}

package/src/platform-implementation-js/driver-common/compose/getPresendingStream.js

@@ -1,73 +1,44 @@
-/* @flow */
+"use strict";
 
-import asap from 'asap';
-import Kefir from 'kefir';
-import fromEventTargetCapture from '../../lib/from-event-target-capture';
-
-const dispatchCancel = (element) =>
-  // asap necessary so we don't emit this event during the click/keydown event dispatch
-  asap(() =>
-    element.dispatchEvent(
-      new CustomEvent('inboxSDKsendCanceled', {
-        bubbles: false,
-        cancelable: false,
-        detail: null,
-      })
-    )
-  );
-
-export default function ({
-  element,
-  sendButton,
-  sendAndArchive,
-}: {
-  element: HTMLElement,
-  sendButton: HTMLElement,
-  sendAndArchive?: ?HTMLElement,
-}): Kefir.Observable<Object> {
-  const domEventStream = Kefir.merge([
-    fromEventTargetCapture(element, 'keydown')
-      .filter((domEvent) => domEvent.ctrlKey || domEvent.metaKey)
-      .filter((domEvent) => domEvent.which === 13 || domEvent.keyCode === 13),
-
-    fromEventTargetCapture(element, 'keydown')
-      .filter(
-        (domEvent) =>
-          [13, 32].indexOf(domEvent.which) > -1 ||
-          [13, 32].indexOf(domEvent.keyCode) > -1
-      )
-      .filter(
-        (domEvent) =>
-          (sendButton && sendButton.contains(domEvent.target)) ||
-          (sendAndArchive && sendAndArchive.contains(domEvent.target))
-      ),
-
-    fromEventTargetCapture(element, 'click').filter(
-      (domEvent) =>
-        (sendButton && sendButton.contains(domEvent.target)) ||
-        (sendAndArchive && sendAndArchive.contains(domEvent.target))
-    ),
-  ]);
-
-  return domEventStream
-    .filter((domEvent) => {
-      if (element.hasAttribute('data-inboxsdk-send-replaced')) {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+var _asap = _interopRequireDefault(require("asap"));
+var _kefir = _interopRequireDefault(require("kefir"));
+var _fromEventTargetCapture = _interopRequireDefault(require("../../lib/from-event-target-capture"));
+const dispatchCancel = element =>
+// asap necessary so we don't emit this event during the click/keydown event dispatch
+(0, _asap.default)(() => element.dispatchEvent(new CustomEvent('inboxSDKsendCanceled', {
+  bubbles: false,
+  cancelable: false,
+  detail: null
+})));
+function _default(_ref) {
+  let {
+    element,
+    sendButton,
+    sendAndArchive
+  } = _ref;
+  const domEventStream = _kefir.default.merge([(0, _fromEventTargetCapture.default)(element, 'keydown').filter(domEvent => domEvent.ctrlKey || domEvent.metaKey).filter(domEvent => domEvent.which === 13 || domEvent.keyCode === 13), (0, _fromEventTargetCapture.default)(element, 'keydown').filter(domEvent => [13, 32].indexOf(domEvent.which) > -1 || [13, 32].indexOf(domEvent.keyCode) > -1).filter(domEvent => sendButton && sendButton.contains(domEvent.target) || sendAndArchive && sendAndArchive.contains(domEvent.target)), (0, _fromEventTargetCapture.default)(element, 'click').filter(domEvent => sendButton && sendButton.contains(domEvent.target) || sendAndArchive && sendAndArchive.contains(domEvent.target))]);
+  return domEventStream.filter(domEvent => {
+    if (element.hasAttribute('data-inboxsdk-send-replaced')) {
+      domEvent.preventDefault();
+      domEvent.stopPropagation();
+      domEvent.stopImmediatePropagation();
+      return false;
+    }
+    return true;
+  }).map(domEvent => ({
+    eventName: 'presending',
+    data: {
+      cancel() {
         domEvent.preventDefault();
         domEvent.stopPropagation();
         domEvent.stopImmediatePropagation();
-        return false;
+        dispatchCancel(element);
       }
-      return true;
-    })
-    .map((domEvent) => ({
-      eventName: 'presending',
-      data: {
-        cancel() {
-          domEvent.preventDefault();
-          domEvent.stopPropagation();
-          domEvent.stopImmediatePropagation();
-          dispatchCancel(element);
-        },
-      },
-    }));
-}
+    }
+  }));
+}

package/src/platform-implementation-js/driver-common/getAccountUrlPart.js

@@ -0,0 +1,17 @@
+/*
+ returns "/u/NUMBER" or "/u/NUMBER/d/DELEGATE_ID" for delegated accounts
+*/
+export default function getAccountUrlPart() {
+    const delegatedAccountMatch = document.location.pathname.match(/\/b\/(.+?)\/u\/(\d+)/);
+    if (delegatedAccountMatch) {
+        const delegatedAccountId = delegatedAccountMatch[1];
+        const delegatedAccountNumber = delegatedAccountMatch[2];
+        return `/u/${delegatedAccountNumber}/d/${delegatedAccountId}`;
+    }
+    else {
+        const accountParamMatch = document.location.pathname.match(/(\/u\/\d+)\//i);
+        //no match happens in inbox when user only has one account
+        const accountParam = accountParamMatch ? accountParamMatch[1] : '/u/0';
+        return accountParam;
+    }
+}

package/src/platform-implementation-js/driver-common/getGmailMessageIdForSyncMessageId.js

@@ -1,30 +1,25 @@
-/* @flow */
-
-import { defn } from 'ud';
-
-import getOriginalMessagePage from './getOriginalMessagePage';
-
-import type { Driver } from '../driver-interfaces/driver';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ud = require("ud");
+var _getOriginalMessagePage = _interopRequireDefault(require("./getOriginalMessagePage"));
 // Messages sent from the local user in Inbox have a fake ID in the DOM (with
 // the "msg-a:r" prefix) that doesn't match up with anything in the Gmail API.
 // This function translates the Inbox ID into the real ID that can be found in
 // the Gmail API.
-async function getGmailMessageIdForSyncMessageId(
-  driver: Driver,
-  syncMessageID: string
-): Promise<string> {
-  const text = await getOriginalMessagePage(driver, {
-    syncMessageID: syncMessageID,
+async function getGmailMessageIdForSyncMessageId(driver, syncMessageID) {
+  const text = await (0, _getOriginalMessagePage.default)(driver, {
+    syncMessageID: syncMessageID
   });
-
-  const messageIdMatch = text.match(
-    /<a\b[^<>]+\bhref="\/mail[^"]*(?:\?|&(?:amp;)?)view=att&(?:amp;)?th=([a-f0-9]+)&/i
-  );
+  const messageIdMatch = text.match(/<a\b[^<>]+\bhref="\/mail[^"]*(?:\?|&(?:amp;)?)view=att&(?:amp;)?th=([a-f0-9]+)&/i);
   if (!messageIdMatch) {
     throw new Error('Failed to find gmail message id for inbox message id');
   }
   return messageIdMatch[1];
 }
-
-export default defn(module, getGmailMessageIdForSyncMessageId);
+var _default = (0, _ud.defn)(module, getGmailMessageIdForSyncMessageId);
+exports.default = _default;

package/src/platform-implementation-js/driver-common/getGmailThreadIdForRfcMessageId.js

@@ -1,34 +1,29 @@
-/* @flow */
+"use strict";
 
-import { defn } from 'ud';
-import { extractThreads } from '../dom-driver/gmail/gmail-response-processor';
-import getSyncThreadsForSearch from './getSyncThreadsForSearch';
-import gmailAjax from './gmailAjax';
-import getAccountUrlPart from './getAccountUrlPart';
-import type { Driver } from '../driver-interfaces/driver';
-
-async function getGmailThreadIdForRfcMessageId(
-  driver: Driver,
-  rfcMessageId: string
-): Promise<string> {
-  if ((driver: any).isUsingSyncAPI && (driver: any).isUsingSyncAPI()) {
-    const { threads: threadDescriptors } = await getSyncThreadsForSearch(
-      driver,
-      'rfc822msgid:' + rfcMessageId
-    );
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ud = require("ud");
+var _gmailResponseProcessor = require("../dom-driver/gmail/gmail-response-processor");
+var _getSyncThreadsForSearch = _interopRequireDefault(require("./getSyncThreadsForSearch"));
+var _gmailAjax = _interopRequireDefault(require("./gmailAjax"));
+var _getAccountUrlPart = _interopRequireDefault(require("./getAccountUrlPart"));
+async function getGmailThreadIdForRfcMessageId(driver, rfcMessageId) {
+  if (driver.isUsingSyncAPI && driver.isUsingSyncAPI()) {
+    const {
+      threads: threadDescriptors
+    } = await (0, _getSyncThreadsForSearch.default)(driver, 'rfc822msgid:' + rfcMessageId);
     return threadDescriptors[0].oldGmailThreadID;
   } else {
     return forOldAPI(driver, rfcMessageId);
   }
 }
-
-async function forOldAPI(
-  driver: Driver,
-  rfcMessageId: string
-): Promise<string> {
-  const response = await gmailAjax({
+async function forOldAPI(driver, rfcMessageId) {
+  const response = await (0, _gmailAjax.default)({
     method: 'POST',
-    url: `https://mail.google.com/mail${getAccountUrlPart()}/`,
+    url: `https://mail.google.com/mail${(0, _getAccountUrlPart.default)()}/`,
     data: {
       ik: driver.getPageCommunicator().getIkValue(),
       at: await driver.getGmailActionToken(),
@@ -38,24 +33,21 @@ async function forOldAPI(
       num: '1',
       rt: 'c',
       search: 'query',
-      q: `rfc822msgid:${rfcMessageId}`,
+      q: `rfc822msgid:${rfcMessageId}`
     },
     xhrFields: {
-      withCredentials: true,
+      withCredentials: true
     },
     canRetry: true,
     headers: {
-      'content-type': 'application/x-www-form-urlencoded;charset=UTF-8',
-    },
+      'content-type': 'application/x-www-form-urlencoded;charset=UTF-8'
+    }
   });
-
-  const threads = extractThreads(response.text);
+  const threads = (0, _gmailResponseProcessor.extractThreads)(response.text);
   if (threads.length !== 1) {
-    throw new Error(
-      "Failed to find gmail thread id for rfc message id. Message may not exist in user's account."
-    );
+    throw new Error("Failed to find gmail thread id for rfc message id. Message may not exist in user's account.");
   }
   return threads[0].gmailThreadId;
 }
-
-export default defn(module, getGmailThreadIdForRfcMessageId);
+var _default = (0, _ud.defn)(module, getGmailThreadIdForRfcMessageId);
+exports.default = _default;

package/src/platform-implementation-js/driver-common/getOriginalMessagePage.js

@@ -0,0 +1,33 @@
+import { defn } from 'ud';
+import gmailAjax from './gmailAjax';
+async function getOriginalMessagePage(driver, options) {
+    const data = {
+        ik: driver.getPageCommunicator().getIkValue(),
+        view: 'om',
+    };
+    if (options.oldGmailMessageID) {
+        data.th = options.oldGmailMessageID;
+    }
+    else if (options.syncMessageID) {
+        data.permmsgid = options.syncMessageID;
+    }
+    let url;
+    const delegatedAccountMatch = document.location.pathname.match(/\/b\/(.+?)\/u\/(\d+)/);
+    if (delegatedAccountMatch) {
+        url = document.location.origin + document.location.pathname;
+    }
+    else {
+        const accountParamMatch = document.location.pathname.match(/(\/u\/\d+)\//i);
+        //no match happens in inbox when user only has one account
+        const accountParam = accountParamMatch ? accountParamMatch[1] : '/u/0';
+        url = `https://mail.google.com/mail${accountParam}`;
+    }
+    const { text } = await gmailAjax({
+        url,
+        method: 'GET',
+        canRetry: true,
+        data,
+    });
+    return text;
+}
+export default defn(module, getOriginalMessagePage);

package/src/platform-implementation-js/driver-common/getRfcMessageIdForSyncMessageId.js

@@ -1,32 +1,26 @@
-/* @flow */
-
-import { defn } from 'ud';
-
-import getOriginalMessagePage from './getOriginalMessagePage';
-
-import htmlToText from '../../common/html-to-text';
-
-import type { Driver } from '../driver-interfaces/driver';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ud = require("ud");
+var _getOriginalMessagePage = _interopRequireDefault(require("./getOriginalMessagePage"));
+var _htmlToText = _interopRequireDefault(require("../../common/html-to-text"));
 // Messages sent from the local user in Inbox have a fake ID in the DOM (with
 // the "msg-a:r" prefix) that doesn't match up with anything in the Gmail API.
 // This function translates the Inbox ID into the real ID that can be found in
 // the Gmail API.
-async function getRfcMessageIdForSyncMessageId(
-  driver: Driver,
-  syncMessageID: string
-): Promise<string> {
-  const text = await getOriginalMessagePage(driver, {
-    syncMessageID: syncMessageID,
+async function getRfcMessageIdForSyncMessageId(driver, syncMessageID) {
+  const text = await (0, _getOriginalMessagePage.default)(driver, {
+    syncMessageID: syncMessageID
   });
-
   const match = text.match(/^Message-ID:\s+(\S+)\s*$/im);
   if (!match) {
-    throw new Error(
-      "Failed to find rfc id for gmail thread id. Message may not exist in user's account."
-    );
+    throw new Error("Failed to find rfc id for gmail thread id. Message may not exist in user's account.");
   }
-  return htmlToText(match[1]);
+  return (0, _htmlToText.default)(match[1]);
 }
-
-export default defn(module, getRfcMessageIdForSyncMessageId);
+var _default = (0, _ud.defn)(module, getRfcMessageIdForSyncMessageId);
+exports.default = _default;

package/src/platform-implementation-js/driver-common/getSyncThreadsForSearch.js

@@ -0,0 +1,49 @@
+import { defn } from 'ud';
+import { extractThreadsFromSearchResponse } from '../dom-driver/gmail/gmail-sync-response-processor';
+import gmailAjax from './gmailAjax';
+import getAccountUrlPart from './getAccountUrlPart';
+async function getSyncThreadsForSearch(driver, searchTerm) {
+    let responseText = null;
+    try {
+        const { text } = await gmailAjax({
+            method: 'POST',
+            url: `https://mail.google.com/sync${getAccountUrlPart()}/i/bv`,
+            headers: {
+                'Content-Type': 'application/json',
+                'X-Framework-Xsrf-Token': await driver
+                    .getPageCommunicator()
+                    .getXsrfToken(),
+                'X-Gmail-BTAI': await driver.getPageCommunicator().getBtaiHeader(),
+                'X-Google-BTD': '1',
+            },
+            data: JSON.stringify({
+                '1': {
+                    '2': 1,
+                    '4': searchTerm,
+                },
+            }),
+        });
+        responseText = text;
+    }
+    catch (err) {
+        const { text } = await gmailAjax({
+            method: 'POST',
+            url: `https://mail.google.com/sync${getAccountUrlPart()}/i/bv?rt=r&pt=ji`,
+            headers: {
+                'Content-Type': 'application/json',
+                'X-Framework-Xsrf-Token': await driver
+                    .getPageCommunicator()
+                    .getXsrfToken(),
+                'X-Gmail-BTAI': await driver.getPageCommunicator().getBtaiHeader(),
+                'X-Google-BTD': '1',
+            },
+            data: JSON.stringify([[null, 51, null, searchTerm]]),
+        });
+        responseText = text;
+    }
+    return {
+        threads: extractThreadsFromSearchResponse(responseText),
+        _text: responseText,
+    };
+}
+export default defn(module, getSyncThreadsForSearch);

package/src/platform-implementation-js/driver-common/getThreadIdFromMessageId.js

@@ -1,21 +1,21 @@
-/* @flow */
+"use strict";
 
-import { defn } from 'ud';
-import requestGmailThread from './requestGmailThread';
-import { extractGmailThreadIdFromMessageIdSearch } from '../dom-driver/gmail/gmail-response-processor';
-import type { Driver } from '../driver-interfaces/driver';
-
-async function getThreadIdFromMessageId(
-  driver: Driver,
-  messageId: string
-): Promise<string> {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ud = require("ud");
+var _requestGmailThread = _interopRequireDefault(require("./requestGmailThread"));
+var _gmailResponseProcessor = require("../dom-driver/gmail/gmail-response-processor");
+async function getThreadIdFromMessageId(driver, messageId) {
   const ikValue = driver.getPageCommunicator().getIkValue();
-  const text = await requestGmailThread(ikValue, messageId);
-  const threadId = extractGmailThreadIdFromMessageIdSearch(text);
+  const text = await (0, _requestGmailThread.default)(ikValue, messageId);
+  const threadId = (0, _gmailResponseProcessor.extractGmailThreadIdFromMessageIdSearch)(text);
   if (!threadId) {
     throw new Error('Failed to find thread id for given message id');
   }
   return threadId;
 }
-
-export default defn(module, getThreadIdFromMessageId);
+var _default = (0, _ud.defn)(module, getThreadIdFromMessageId);
+exports.default = _default;

package/src/platform-implementation-js/driver-common/gmailAjax.js

@@ -0,0 +1,65 @@
+import { defn } from 'ud';
+import Kefir from 'kefir';
+import imageRequest from '../lib/imageRequest';
+import rateLimitQueuer from '../../common/rate-limit-queuer';
+import ajax from '../../common/ajax';
+const IMAGE_REQUEST_TIMEOUT = 1000 * 60; // one minute
+const limitedAjax = rateLimitQueuer(rateLimitQueuer(ajax, 1000, 7), 10 * 1000, 50);
+// Tool for making ajax requests to Gmail endpoints. When used in Inbox, this
+// function is able to handle the issue that happens when the user has no Gmail
+// cookies.
+async function gmailAjax(opts) {
+    if (!/^https:\/\/mail\.google\.com(?:$|\/)/.test(opts.url)) {
+        throw new Error('Should not happen: gmailAjax called with non-gmail url');
+    }
+    if (document.location.origin === 'https://mail.google.com') {
+        return await limitedAjax(opts);
+    }
+    try {
+        return await limitedAjax({ ...opts, canRetry: false });
+    }
+    catch (e) {
+        if (e && e.status === 0) {
+            // The connection failed for an unspecified reason. One possible reason
+            // is that we have no Gmail cookies, and the connection tried to redirect
+            // to an accounts.google.com URL so the Gmail cookies could be set, but
+            // then this connection failed because we don't have ajax permission to
+            // accounts.google.com. We can work around this by trying an image
+            // request (which doesn't have cross-domain restrictions) so the Gmail
+            // cookies get set, and then retrying the original ajax request.
+            try {
+                await Kefir.fromPromise(imageRequest('https://mail.google.com/mail/u/0/'))
+                    .merge(Kefir.later(IMAGE_REQUEST_TIMEOUT, undefined))
+                    .take(1)
+                    .takeErrors(1)
+                    .toPromise();
+            }
+            catch (e) {
+                // ignore. If we got an error here, there are several possible causes:
+                // 1. The user has Gmail cookies, but the first connection attempt
+                //    failed for another reason. In this case, we don't care about how
+                //    this image request turned out.
+                // 2. The user did not have Gmail cookies, and the image's original
+                //    request and its first few redirects succeeded, setting the
+                //    cookies, but the final request, after the cookies were set,
+                //    failed. We don't care about the image's final request.
+                // 3. The user did not have Gmail cookies, and the image request didn't
+                //    work at all.
+                // In the final case, ideally we would retry the image request, but we
+                // can't distinguish that case from the other cases and doing retries
+                // of the image request would slow down the other cases. The first case
+                // is expected to be significantly more common -- the second two cases
+                // where the user has no Gmail cookies is expected to happen maybe once
+                // in total to an individual user.
+            }
+            return await limitedAjax(opts);
+        }
+        else if (e && typeof e.status === 'number' && e.status >= 500) {
+            return await limitedAjax(opts);
+        }
+        else {
+            throw e;
+        }
+    }
+}
+export default defn(module, gmailAjax);

package/src/platform-implementation-js/driver-common/inboxAjax.js

@@ -1,8 +1,13 @@
-/* @flow */
+"use strict";
 
-import { defn } from 'ud';
-import rateLimitQueuer from '../../common/rate-limit-queuer';
-import ajax from '../../common/ajax';
-
-const inboxAjax = defn(module, rateLimitQueuer(ajax, 1000, 7));
-export default inboxAjax;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ud = require("ud");
+var _rateLimitQueuer = _interopRequireDefault(require("../../common/rate-limit-queuer"));
+var _ajax = _interopRequireDefault(require("../../common/ajax"));
+const inboxAjax = (0, _ud.defn)(module, (0, _rateLimitQueuer.default)(_ajax.default, 1000, 7));
+var _default = inboxAjax;
+exports.default = _default;

package/src/platform-implementation-js/driver-common/render-custom-icon.js

@@ -0,0 +1,16 @@
+export default function renderCustomIcon(containerElement, customIconElement, append, insertBeforeEl) {
+    // Check if icon wrapper exist or not
+    // when renderCustomIcon gets called for updating navItemDescriptor
+    let iconElementWrapper = containerElement.querySelector('.inboxsdk__button_icon');
+    if (!iconElementWrapper) {
+        iconElementWrapper = document.createElement('div');
+        iconElementWrapper.classList.add('inboxsdk__button_icon');
+        iconElementWrapper.appendChild(customIconElement);
+    }
+    if (append) {
+        containerElement.appendChild(iconElementWrapper);
+    }
+    else {
+        containerElement.insertBefore(containerElement, insertBeforeEl || containerElement.firstElementChild);
+    }
+}