@inboxsdk/core 1.1.1 → 1.1.2

package/src/common/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../../../src/common/version.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,EAAE,MAA6B,CAAC"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../../../src/common/version.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa,EAAE,MAAoB,CAAC"}

package/src/common/version.js

@@ -1,6 +1,8 @@
 // This is in its own file so that updates to the version value don't cause a
 // reload of everything.
-export const BUILD_VERSION = process.env.VERSION;
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment -- SDK_VERSION is injected by webpack
+///@ts-ignore
+export const BUILD_VERSION = SDK_VERSION;
 if (module.hot) {
     module.hot.accept();
 }

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

@@ -16,9 +16,13 @@ jest.mock('../../../../lib/idMap', () => {
     const legacyMapping = {
       app_sidebar_content_panel: 'bccbBAHIcfEeHCHf'
     };
-    return legacyMapping[key];
+    return legacyMapping[key] ?? key;
   }
-  return idMap;
+  return {
+    __esModule: true,
+    default: idMap,
+    legacyIdMap: idMap
+  };
 });
 jest.mock('../../../../lib/dom/make-element-child-stream', () => {
   return () => require('kefir-bus')();

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

@@ -28,6 +28,8 @@ var _fakeWindowResize = _interopRequireDefault(require("../../../../../lib/fake-
 var _addCompanionThreadIconArea = _interopRequireDefault(require("./add-companion-thread-icon-area"));
 var _addCompanionGlobalIconArea = _interopRequireDefault(require("./add-companion-global-icon-area"));
 var _addToIconArea = _interopRequireDefault(require("./add-to-icon-area"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _constants = require("../../../../../driver-common/sidebar/constants");
 const ACTIVE_ADD_ON_ICON_SELECTOR = '.aT5-aOt-I-KO';
 const COMPANION_SIDEBAR_CONTENT_CLOSED_SHADOW_CLASS = 'brC-brG-btc';
 
@@ -445,9 +447,9 @@ class GmailAppSidebarPrimary {
       contentContainer.classList.add((0, _idMap.default)('companion_container_app_sidebar_in_use'));
     }
     this._companionSidebarContentContainerEl.classList.add((0, _idMap.default)('app_sidebar_in_use'));
-    if (!document.body.querySelector('.' + (0, _idMap.default)('app_sidebar_waiting_platform'))) {
+    if (!document.body.querySelector(_constants.sidebarWaitingPlatformSelector)) {
       const waitingPlatform = document.createElement('div');
-      waitingPlatform.className = (0, _idMap.default)('app_sidebar_waiting_platform');
+      waitingPlatform.className = (0, _classnames.default)(_constants.sidebarWaitingPlatformClassName, (0, _idMap.default)('app_sidebar_waiting_platform'));
       document.body.appendChild(waitingPlatform);
     }
 

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

@@ -30,6 +30,8 @@ var _ContentPanelViewDriver = _interopRequireDefault(require("../../../driver-co
 var _gmailElementGetter = _interopRequireDefault(require("../gmail-element-getter"));
 var _addIconArea = _interopRequireDefault(require("./gmail-thread-sidebar-view/add-icon-area"));
 var _addToIconArea = _interopRequireDefault(require("./gmail-app-sidebar-view/primary/add-to-icon-area"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _constants = require("../../../driver-common/sidebar/constants");
 /*
 This is used for PRE MATERIAL GMAIL, when sidebar only existed on threads.
 If you're reading this in the future, do you remember a time when there wasn't a global sidebar?
@@ -153,9 +155,9 @@ class GmailAppSidebarView {
       sidebarContainerEl.insertBefore(el, sidebarContainerEl.firstElementChild);
       sidebarContainerEl.classList.add((0, _idMap.default)('app_sidebar_in_use'));
     }
-    if (!document.body.querySelector('.' + (0, _idMap.default)('app_sidebar_waiting_platform'))) {
+    if (!document.body.querySelector(_constants.sidebarWaitingPlatformSelector)) {
       const waitingPlatform = document.createElement('div');
-      waitingPlatform.className = (0, _idMap.default)('app_sidebar_waiting_platform');
+      waitingPlatform.className = (0, _classnames.default)(_constants.sidebarWaitingPlatformClassName, (0, _idMap.default)('app_sidebar_waiting_platform'));
       document.body.appendChild(waitingPlatform);
     }
     if (addonSidebarContainerEl) {

package/src/platform-implementation-js/dom-driver/gmail/views/gmail-thread-sidebar-view.test.js

@@ -18,9 +18,13 @@ jest.mock('../../../lib/idMap', () => {
       app_sidebar_content_panel: 'bccbBAHIcfEeHCHf',
       sidebar_button_container: 'CdCEaDfbJJbHDEaD'
     };
-    return legacyMapping[key];
+    return legacyMapping[key] ?? key;
   }
-  return idMap;
+  return {
+    __esModule: true,
+    default: idMap,
+    legacyIdMap: idMap
+  };
 });
 jest.mock('../../../lib/dom/make-element-child-stream', () => {
   return () => require('kefir-bus')();

package/src/platform-implementation-js/driver-common/sidebar/ContentPanelViewDriver.js

@@ -11,8 +11,8 @@ var _kefir = _interopRequireDefault(require("kefir"));
 var _kefirBus = _interopRequireDefault(require("kefir-bus"));
 var _kefirStopper = _interopRequireDefault(require("kefir-stopper"));
 var _delayAsap = _interopRequireDefault(require("../../lib/delay-asap"));
-var _idMap = _interopRequireDefault(require("../../lib/idMap"));
 var _querySelectorOrFail = _interopRequireDefault(require("../../lib/dom/querySelectorOrFail"));
+var _constants = require("./constants");
 class ContentPanelViewDriver {
   _eventStream = (0, _kefirBus.default)();
   _isActive = false;
@@ -45,7 +45,7 @@ class ContentPanelViewDriver {
     const afterAsap = (0, _delayAsap.default)().toProperty().onValue(() => {});
     let hasPlacedAlready = false;
     let appName;
-    const waitingPlatform = (0, _querySelectorOrFail.default)(document.body, '.' + (0, _idMap.default)('app_sidebar_waiting_platform'));
+    const waitingPlatform = (0, _querySelectorOrFail.default)(document.body, _constants.sidebarWaitingPlatformSelector);
     descriptor.flatMap(x => afterAsap.map(() => x)).takeUntilBy(this._stopper).onValue(descriptor => {
       const {
         el,

package/src/platform-implementation-js/driver-common/sidebar/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const sidebarWaitingPlatformSelector: string;
+/**
+ * The CSS local corresponding to this SDK's classname is intentionally in
+ * this classname. This is because this classname
+ * is used as a selector for disparate bits of code,
+ * and the CSS local is only used for styling.
+ */
+export declare const sidebarWaitingPlatformClassName: string;
+//# sourceMappingURL=constants.d.ts.map

package/src/platform-implementation-js/driver-common/sidebar/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../src/platform-implementation-js/driver-common/sidebar/constants.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,8BAA8B,QAQ9B,CAAC;AAEd;;;;;GAKG;AACH,eAAO,MAAM,+BAA+B,QAK3C,CAAC"}

package/src/platform-implementation-js/driver-common/sidebar/constants.js

@@ -0,0 +1,26 @@
+import cx from 'classnames';
+import { legacyIdMap } from '../../lib/idMap';
+const cssGlobal = 'inboxsdk__app_sidebar_waiting_platform';
+var SidebarClassName;
+(function (SidebarClassName) {
+    /** v1.1.0 CSS module selector, */
+    SidebarClassName["v1_1_0"] = "inboxsdk__a0oshmeH6N_2vLtc3DNT";
+    /** v1.1.1 CSS module selector, */
+    SidebarClassName["v1_1_1"] = "inboxsdk__BV_FA4qVT4qYxs3LbEU4";
+})(SidebarClassName || (SidebarClassName = {}));
+export const sidebarWaitingPlatformSelector = [
+    cssGlobal,
+    SidebarClassName.v1_1_0,
+    SidebarClassName.v1_1_1,
+    // Pre CSS module selector <1.1.0
+    legacyIdMap('app_sidebar_waiting_platform'),
+]
+    .map((x) => '.' + x)
+    .join(', ');
+/**
+ * The CSS local corresponding to this SDK's classname is intentionally in
+ * this classname. This is because this classname
+ * is used as a selector for disparate bits of code,
+ * and the CSS local is only used for styling.
+ */
+export const sidebarWaitingPlatformClassName = cx(cssGlobal, SidebarClassName.v1_1_0, SidebarClassName.v1_1_1, legacyIdMap('app_sidebar_waiting_platform'));

package/src/platform-implementation-js/lib/idMap.d.ts

@@ -1,2 +1,9 @@
+/**
+ * Pass a name and you'll get a unique identifier associated with that name.
+ * The returned identifier will only contain alphabetic characters.
+ *
+ * @deprecated a holdover from the old idMap runtime implementation. Use `idMap` instead unless you specifically need the same classname as old versions of the InboxSDK used.
+ */
+export declare function legacyIdMap(name: string): string;
 export default function idMap(id: string): string;
 //# sourceMappingURL=idMap.d.ts.map

package/src/platform-implementation-js/lib/idMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"idMap.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/lib/idMap.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,EAAE,MAAM,UAGvC"}
+{"version":3,"file":"idMap.d.ts","sourceRoot":"","sources":["../../../../../src/platform-implementation-js/lib/idMap.ts"],"names":[],"mappings":"AAMA;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CA8BhD;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,EAAE,MAAM,UAGvC"}

package/src/platform-implementation-js/lib/idMap.js

@@ -1,4 +1,39 @@
 import * as s from '../style/gmail.css';
+import Sha256 from 'sha.js/sha256';
+const cache = new Map();
+let seed = null;
+/**
+ * Pass a name and you'll get a unique identifier associated with that name.
+ * The returned identifier will only contain alphabetic characters.
+ *
+ * @deprecated a holdover from the old idMap runtime implementation. Use `idMap` instead unless you specifically need the same classname as old versions of the InboxSDK used.
+ */
+export function legacyIdMap(name) {
+    const id = cache.get(name);
+    if (id != null)
+        return id;
+    if (seed == null) {
+        seed = document.documentElement.getAttribute('data-map-id');
+        if (seed == null) {
+            // Make the seed change every hour: the seed is based on a hash of the
+            // current timestamp in hour resolution.
+            const hasher = new Sha256();
+            hasher.update('PWVe' + Math.floor(Date.now() / (1000 * 60 * 60)) + 'PYiE0');
+            seed =
+                hasher.digest('hex').slice(0, 16) +
+                    (process.env.NODE_ENV === 'development' ? 'x' : '');
+            document.documentElement.setAttribute('data-map-id', seed);
+        }
+    }
+    const hasher = new Sha256();
+    hasher.update('4iYi29W' + name + ':' + seed + 'jn2mPvTG');
+    const newId = hasher
+        .digest('hex')
+        .slice(0, 16)
+        .replace(/[0-9]/g, (match) => String.fromCharCode('A'.charCodeAt(0) + Number(match)));
+    cache.set(name, newId);
+    return newId;
+}
 export default function idMap(id) {
     // Uses lazy initialization of style tags from style-loader
     return s[id];