@bigbinary/neeto-molecules 5.3.27 → 5.3.28

package/dist/cjs/useWhatsNewChangesCount-C9DSz8TY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWhatsNewChangesCount-C9DSz8TY.js","sources":["../../src/components/FloatingActionMenu/constants.js","../../src/components/FloatingActionMenu/hooks/useWhatsNewChangesCount.js"],"sourcesContent":["import { t } from \"i18next\";\n\nexport const MY_ORGANIZATION_URL = \"/auth/organization/edit\";\nexport const DELETE_WORKSPACE_URL = \"/auth/organization/delete\";\nexport const ENGAGE_WIDGET_TRIGGER_ID = \"neetoengage-trigger\";\n\nexport const DEFAULT_MENU_LINK_PROPS = {\n  engageProps: {\n    id: ENGAGE_WIDGET_TRIGGER_ID,\n    label: t(\"neetoMolecules.sidebar.helpLinks.whatsNew\"),\n    \"data-testid\": \"help-link-engage-button\",\n  },\n  keyboardShortcutProps: {\n    label: t(\"neetoMolecules.sidebar.helpLinks.keyboardShortcuts\"),\n    \"data-testid\": \"help-link-keyboard-shortcut-button\",\n  },\n};\n\n// Theme switcher\nexport const APP_THEME_LOCALSTORAGE_KEY = \"appTheme\";\n\nexport const THEMES = {\n  LIGHT: \"neeto-ui-theme--light\",\n  DARK: \"neeto-ui-theme--dark\",\n};\n\nexport const NEETO_AUTH_BILLING_INFO_URL =\n  \"/neeto_sso/api/v1/subscription/billing\";\n","import { useEffect, useState } from \"react\";\n\n// Shared source of truth for the neetoEngage changelog unread count.\n//\n// The widget reports the count by calling `window.Nv.onReceiveData({ unreadCount })`\n// and clears it via `window.Nv.onShow()`. Both the FloatingActionMenu and the\n// Sidebar surface this count, so this module installs a SINGLE set of\n// `window.Nv` handlers (chaining onto any pre-existing ones) and fans the value\n// out to every subscribed component. Installation happens on the first\n// subscriber and is torn down only when the last one unsubscribes — so\n// interleaved mount/unmount of the two surfaces can never leave a stale handler\n// on the global object.\n\nlet currentCount = null;\nconst subscribers = new Set();\nlet isInstalled = false;\nlet previousOnReceiveData;\nlet previousOnShow;\n\nconst notify = () => subscribers.forEach(setCount => setCount(currentCount));\n\nconst install = () => {\n  if (isInstalled) return;\n  isInstalled = true;\n\n  const existing = window.Nv || {};\n  previousOnReceiveData = existing.onReceiveData;\n  previousOnShow = existing.onShow;\n\n  window.Nv = Object.assign(existing, {\n    onReceiveData: data => {\n      previousOnReceiveData?.(data);\n      // Only react to a numeric unreadCount; `0` clears the badge (a non-zero\n      // count would otherwise stay stale until the pane is opened).\n      if (typeof data?.unreadCount === \"number\") {\n        currentCount = data.unreadCount || null;\n        notify();\n      }\n    },\n    onShow: () => {\n      previousOnShow?.();\n      currentCount = null;\n      notify();\n    },\n  });\n};\n\nconst uninstall = () => {\n  if (!isInstalled) return;\n  isInstalled = false;\n\n  if (window.Nv) {\n    window.Nv.onReceiveData = previousOnReceiveData;\n    window.Nv.onShow = previousOnShow;\n  }\n  currentCount = null;\n};\n\nconst useWhatsNewChangesCount = () => {\n  const [changesCount, setChangesCount] = useState(currentCount);\n\n  useEffect(() => {\n    install();\n    subscribers.add(setChangesCount);\n    setChangesCount(currentCount);\n\n    return () => {\n      subscribers.delete(setChangesCount);\n      if (subscribers.size === 0) uninstall();\n    };\n  }, []);\n\n  return changesCount;\n};\n\nexport default useWhatsNewChangesCount;\n"],"names":["MY_ORGANIZATION_URL","DELETE_WORKSPACE_URL","ENGAGE_WIDGET_TRIGGER_ID","DEFAULT_MENU_LINK_PROPS","engageProps","id","label","t","keyboardShortcutProps","APP_THEME_LOCALSTORAGE_KEY","THEMES","LIGHT","DARK","NEETO_AUTH_BILLING_INFO_URL","currentCount","subscribers","Set","isInstalled","previousOnReceiveData","previousOnShow","notify","forEach","setCount","install","existing","window","Nv","onReceiveData","onShow","Object","assign","data","_previousOnReceiveDat","unreadCount","_previousOnShow","uninstall","useWhatsNewChangesCount","_useState","useState","_useState2","_slicedToArray","changesCount","setChangesCount","useEffect","add","size"],"mappings":"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"}

package/dist/cjs/v2/FloatingActionMenu.js

@@ -25,12 +25,13 @@ var axios = require('axios');
 var search = require('../search-DoXqXFel.js');
 var urls = require('../urls-DtjJggEY.js');
 var useBreakpoints = require('@bigbinary/neeto-commons-frontend/v2/react-utils/useBreakpoints');
-var i18next = require('i18next');
+var useWhatsNewChangesCount = require('../useWhatsNewChangesCount-Bx_vHoMO.js');
 var createLucideIcon = require('../createLucideIcon-BbuuRL2u.js');
 var circleQuestionMark = require('../circle-question-mark-BijjM_4y.js');
 var chevronRight = require('../chevron-right-BVivH_B-.js');
 var user = require('../user-bZmvS8wE.js');
 var useLocalStorage = require('@bigbinary/neeto-commons-frontend/v2/react-utils/useLocalStorage');
+var i18next = require('i18next');
 var utils = require('@bigbinary/neeto-commons-frontend/v2/utils');
 var axios$1 = require('@bigbinary/neeto-commons-frontend/v2/utils/axios');
 var general = require('@bigbinary/neeto-commons-frontend/v2/utils/general');
@@ -573,39 +574,6 @@ var Modal = reactUtils.withT(function (_ref) {
   });
 });
 
-var MY_ORGANIZATION_URL = "/auth/organization/edit";
-var BILLING_URL = "/auth/admin_billing";
-var DELETE_WORKSPACE_URL = "/auth/organization/delete";
-var ENGAGE_WIDGET_TRIGGER_ID = "neetoengage-trigger";
-var DEFAULT_MENU_LINK_PROPS = {
-  engageProps: {
-    id: ENGAGE_WIDGET_TRIGGER_ID,
-    label: i18next.t("neetoMolecules.sidebar.helpLinks.whatsNew"),
-    "data-testid": "help-link-engage-button"
-  },
-  keyboardShortcutProps: {
-    label: i18next.t("neetoMolecules.sidebar.helpLinks.keyboardShortcuts"),
-    "data-testid": "help-link-keyboard-shortcut-button"
-  }
-};
-
-// Theme switcher
-var APP_THEME_LOCALSTORAGE_KEY = "appTheme";
-var THEMES = {
-  LIGHT: "light",
-  DARK: "dark"
-};
-
-// Legacy neetoUI theme classes — kept until full migration is complete.
-var LEGACY_THEMES = {
-  LIGHT: "neeto-ui-theme--light",
-  DARK: "neeto-ui-theme--dark"
-};
-var NEETO_AUTH_BILLING_INFO_URL = "/neeto_sso/api/v1/subscription/billing";
-var MENU_ITEM_CLASSES = "gap-2.5 px-2.5 py-2 font-medium [&>[data-slot=menu-item-prefix]>svg]:!size-[18px] [&>[data-slot=menu-item-suffix]>svg]:!size-[18px]";
-var THEME_BUTTON_BASE = "relative z-10 flex items-center justify-center gap-1 rounded-md px-2.5 py-1.5 text-xs font-medium transition-colors focus-visible:outline-none";
-var THEME_ICON_BASE = "transition-transform duration-300 ease-out";
-
 var _excluded$2 = ["className"];
 function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -613,7 +581,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   var className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded$2);
   return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DropdownMenu.MenuItem, _objectSpread$4({
-    className: classnames(MENU_ITEM_CLASSES, className),
+    className: classnames(useWhatsNewChangesCount.MENU_ITEM_CLASSES, className),
     ref: forwardedRef
   }, props));
 });
@@ -695,7 +663,7 @@ var MobileHelpMenu = function MobileHelpMenu() {
     children: [/*#__PURE__*/jsxRuntime.jsx(primitives.CollapsibleTrigger, {
       asChild: true,
       children: /*#__PURE__*/jsxRuntime.jsxs(primitives.DropdownMenuItem, {
-        className: classnames("group", MENU_ITEM_CLASSES),
+        className: classnames("group", useWhatsNewChangesCount.MENU_ITEM_CLASSES),
         "data-testid": "help-menu-button",
         onSelect: function onSelect(e) {
           return e.preventDefault();
@@ -726,7 +694,7 @@ var HelpMenu = function HelpMenu() {
   if (isMobile) return /*#__PURE__*/jsxRuntime.jsx(MobileHelpMenu, {});
   return /*#__PURE__*/jsxRuntime.jsxs(primitives.DropdownMenuSub, {
     children: [/*#__PURE__*/jsxRuntime.jsxs(primitives.DropdownMenuSubTrigger, {
-      className: MENU_ITEM_CLASSES,
+      className: useWhatsNewChangesCount.MENU_ITEM_CLASSES,
       "data-testid": "help-menu-button",
       children: [/*#__PURE__*/jsxRuntime.jsx(circleQuestionMark.CircleQuestionMark, {
         className: "size-[18px]"
@@ -856,7 +824,7 @@ var MobileOrganizationSwitcher = function MobileOrganizationSwitcher(_ref) {
     children: [/*#__PURE__*/jsxRuntime.jsx(primitives.CollapsibleTrigger, {
       asChild: true,
       children: /*#__PURE__*/jsxRuntime.jsxs(primitives.DropdownMenuItem, {
-        className: classnames("group", MENU_ITEM_CLASSES),
+        className: classnames("group", useWhatsNewChangesCount.MENU_ITEM_CLASSES),
         "data-testid": "organization-switcher-button",
         onSelect: function onSelect(e) {
           return e.preventDefault();
@@ -899,7 +867,7 @@ var OrganizationSwitcher = function OrganizationSwitcher() {
   }
   return /*#__PURE__*/jsxRuntime.jsxs(primitives.DropdownMenuSub, {
     children: [/*#__PURE__*/jsxRuntime.jsx(primitives.DropdownMenuSubTrigger, {
-      className: MENU_ITEM_CLASSES,
+      className: useWhatsNewChangesCount.MENU_ITEM_CLASSES,
       "data-testid": "organization-switcher-button",
       children: /*#__PURE__*/jsxRuntime.jsx("span", {
         className: "flex-1",
@@ -921,7 +889,7 @@ var Dropdown = reactUtils.withT(function (_ref) {
   var t = _ref.t;
   return /*#__PURE__*/jsxRuntime.jsxs(primitives.DropdownMenuSub, {
     children: [/*#__PURE__*/jsxRuntime.jsx(primitives.DropdownMenuSubTrigger, {
-      className: MENU_ITEM_CLASSES,
+      className: useWhatsNewChangesCount.MENU_ITEM_CLASSES,
       "data-testid": "product-switcher-button",
       children: t("neetoMolecules.sidebar.productSwitcher")
     }), /*#__PURE__*/jsxRuntime.jsx(primitives.DropdownMenuSubContent, {
@@ -970,7 +938,7 @@ var ProfileItems = reactUtils.withT(function (_ref) {
       children: t("neetoMolecules.sidebar.myProfile")
     }), ((_window$globalProps = window.globalProps) === null || _window$globalProps === void 0 || (_window$globalProps = _window$globalProps.user) === null || _window$globalProps === void 0 ? void 0 : _window$globalProps.isOwner) && /*#__PURE__*/jsxRuntime.jsx(MenuItem, {
       "data-testid": "profile-cancel-account-button",
-      href: DELETE_WORKSPACE_URL,
+      href: useWhatsNewChangesCount.DELETE_WORKSPACE_URL,
       prefix: /*#__PURE__*/jsxRuntime.jsx(CircleX, {
         size: 18
       }),
@@ -1030,7 +998,7 @@ var MobileProfileExpandMenu = function MobileProfileExpandMenu(_ref) {
     children: [/*#__PURE__*/jsxRuntime.jsx(primitives.CollapsibleTrigger, {
       asChild: true,
       children: /*#__PURE__*/jsxRuntime.jsxs(primitives.DropdownMenuItem, {
-        className: classnames("group", MENU_ITEM_CLASSES),
+        className: classnames("group", useWhatsNewChangesCount.MENU_ITEM_CLASSES),
         "data-testid": "profile-expand-menu-button",
         onSelect: function onSelect(e) {
           return e.preventDefault();
@@ -1070,7 +1038,7 @@ var ProfileExpandMenu = function ProfileExpandMenu(_ref) {
   }
   return /*#__PURE__*/jsxRuntime.jsxs(primitives.DropdownMenuSub, {
     children: [/*#__PURE__*/jsxRuntime.jsx(primitives.DropdownMenuSubTrigger, {
-      className: classnames("group items-center", MENU_ITEM_CLASSES),
+      className: classnames("group items-center", useWhatsNewChangesCount.MENU_ITEM_CLASSES),
       "data-testid": "profile-expand-menu-button",
       children: /*#__PURE__*/jsxRuntime.jsx(ProfileHeader, {
         profileInfo: profileInfo
@@ -1134,30 +1102,30 @@ var getProfileInfo = function getProfileInfo(profileInfoOverrides, isConsumer) {
 // Theme switcher utils.
 var setDarkTheme = function setDarkTheme() {
   if (!document.body) return;
-  document.body.classList.remove(THEMES.LIGHT, LEGACY_THEMES.LIGHT);
-  document.body.classList.add(THEMES.DARK, LEGACY_THEMES.DARK);
+  document.body.classList.remove(useWhatsNewChangesCount.THEMES.LIGHT, useWhatsNewChangesCount.LEGACY_THEMES.LIGHT);
+  document.body.classList.add(useWhatsNewChangesCount.THEMES.DARK, useWhatsNewChangesCount.LEGACY_THEMES.DARK);
 };
 var setLightTheme = function setLightTheme() {
   if (!document.body) return;
-  document.body.classList.remove(THEMES.DARK, LEGACY_THEMES.DARK);
-  document.body.classList.add(THEMES.LIGHT, LEGACY_THEMES.LIGHT);
+  document.body.classList.remove(useWhatsNewChangesCount.THEMES.DARK, useWhatsNewChangesCount.LEGACY_THEMES.DARK);
+  document.body.classList.add(useWhatsNewChangesCount.THEMES.LIGHT, useWhatsNewChangesCount.LEGACY_THEMES.LIGHT);
 };
 var setAppTheme = function setAppTheme() {
-  var storedTheme = utils.getFromLocalStorage(APP_THEME_LOCALSTORAGE_KEY);
-  var isDarkTheme = storedTheme === THEMES.DARK || storedTheme === LEGACY_THEMES.DARK;
+  var storedTheme = utils.getFromLocalStorage(useWhatsNewChangesCount.APP_THEME_LOCALSTORAGE_KEY);
+  var isDarkTheme = storedTheme === useWhatsNewChangesCount.THEMES.DARK || storedTheme === useWhatsNewChangesCount.LEGACY_THEMES.DARK;
   isDarkTheme ? setDarkTheme() : setLightTheme();
 };
 
 var ThemeSwitcher = function ThemeSwitcher() {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useLocalStorage = useLocalStorage(APP_THEME_LOCALSTORAGE_KEY, THEMES.LIGHT),
+  var _useLocalStorage = useLocalStorage(useWhatsNewChangesCount.APP_THEME_LOCALSTORAGE_KEY, useWhatsNewChangesCount.THEMES.LIGHT),
     _useLocalStorage2 = _slicedToArray(_useLocalStorage, 2),
     appTheme = _useLocalStorage2[0],
     setAppTheme = _useLocalStorage2[1];
-  var isDarkThemeSelected = appTheme === THEMES.DARK || appTheme === LEGACY_THEMES.DARK;
+  var isDarkThemeSelected = appTheme === useWhatsNewChangesCount.THEMES.DARK || appTheme === useWhatsNewChangesCount.LEGACY_THEMES.DARK;
   var switchTheme = function switchTheme(theme) {
-    theme === THEMES.LIGHT ? setLightTheme() : setDarkTheme();
+    theme === useWhatsNewChangesCount.THEMES.LIGHT ? setLightTheme() : setDarkTheme();
     setAppTheme(theme);
   };
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -1182,34 +1150,34 @@ var ThemeSwitcher = function ThemeSwitcher() {
         asChild: true,
         onSelect: function onSelect(e) {
           e.preventDefault();
-          switchTheme(THEMES.LIGHT);
+          switchTheme(useWhatsNewChangesCount.THEMES.LIGHT);
         },
         children: /*#__PURE__*/jsxRuntime.jsxs("button", {
           "aria-checked": !isDarkThemeSelected,
           "data-testid": "theme-switcher-light-button",
           role: "menuitemradio",
           type: "button",
-          className: classnames(THEME_BUTTON_BASE, isDarkThemeSelected ? "text-muted-foreground hover:text-foreground" : "text-foreground"),
+          className: classnames(useWhatsNewChangesCount.THEME_BUTTON_BASE, isDarkThemeSelected ? "text-muted-foreground hover:text-foreground" : "text-foreground"),
           children: [/*#__PURE__*/jsxRuntime.jsx(Sun, {
             size: 13,
-            className: classnames(THEME_ICON_BASE, isDarkThemeSelected ? "scale-90 -rotate-45" : "rotate-0")
+            className: classnames(useWhatsNewChangesCount.THEME_ICON_BASE, isDarkThemeSelected ? "scale-90 -rotate-45" : "rotate-0")
           }), t("neetoMolecules.sidebar.themeSwitcher.light")]
         })
       }), /*#__PURE__*/jsxRuntime.jsx(primitives.DropdownMenuItem, {
         asChild: true,
         onSelect: function onSelect(e) {
           e.preventDefault();
-          switchTheme(THEMES.DARK);
+          switchTheme(useWhatsNewChangesCount.THEMES.DARK);
         },
         children: /*#__PURE__*/jsxRuntime.jsxs("button", {
           "aria-checked": isDarkThemeSelected,
           "data-testid": "theme-switcher-dark-button",
           role: "menuitemradio",
           type: "button",
-          className: classnames(THEME_BUTTON_BASE, isDarkThemeSelected ? "text-foreground" : "text-muted-foreground hover:text-foreground"),
+          className: classnames(useWhatsNewChangesCount.THEME_BUTTON_BASE, isDarkThemeSelected ? "text-foreground" : "text-muted-foreground hover:text-foreground"),
           children: [/*#__PURE__*/jsxRuntime.jsx(Moon, {
             size: 13,
-            className: classnames(THEME_ICON_BASE, isDarkThemeSelected ? "rotate-0" : "scale-90 rotate-45")
+            className: classnames(useWhatsNewChangesCount.THEME_ICON_BASE, isDarkThemeSelected ? "rotate-0" : "scale-90 rotate-45")
           }), t("neetoMolecules.sidebar.themeSwitcher.dark")]
         })
       })]
@@ -1246,13 +1214,13 @@ var WorkspaceItems = reactUtils.withT(function (_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(MenuItem, {
       "data-testid": "profile-organization-settings-button",
-      href: MY_ORGANIZATION_URL,
+      href: useWhatsNewChangesCount.MY_ORGANIZATION_URL,
       rel: "noreferrer",
       target: "_blank",
       children: t("neetoMolecules.sidebar.workspaceMenu.settings")
     }), /*#__PURE__*/jsxRuntime.jsx(MenuItem, {
       "data-testid": "profile-organization-billing-button",
-      href: BILLING_URL,
+      href: useWhatsNewChangesCount.BILLING_URL,
       children: t("neetoMolecules.sidebar.workspaceMenu.billing")
     }), ((_globalProps$organiza = initializers.globalProps.organization) === null || _globalProps$organiza === void 0 ? void 0 : _globalProps$organiza.subdomain) && /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "border-border my-1 border-t"
@@ -1299,7 +1267,7 @@ var MobileWorkspaceMenu = function MobileWorkspaceMenu() {
     children: [/*#__PURE__*/jsxRuntime.jsx(primitives.CollapsibleTrigger, {
       asChild: true,
       children: /*#__PURE__*/jsxRuntime.jsxs(primitives.DropdownMenuItem, {
-        className: classnames("group items-center", MENU_ITEM_CLASSES),
+        className: classnames("group items-center", useWhatsNewChangesCount.MENU_ITEM_CLASSES),
         "data-testid": "workspace-display",
         onSelect: function onSelect(e) {
           return e.preventDefault();
@@ -1323,7 +1291,7 @@ var WorkspaceMenu = function WorkspaceMenu() {
   if (isMobile) return /*#__PURE__*/jsxRuntime.jsx(MobileWorkspaceMenu, {});
   return /*#__PURE__*/jsxRuntime.jsxs(primitives.DropdownMenuSub, {
     children: [/*#__PURE__*/jsxRuntime.jsx(primitives.DropdownMenuSubTrigger, {
-      className: classnames("group items-center", MENU_ITEM_CLASSES),
+      className: classnames("group items-center", useWhatsNewChangesCount.MENU_ITEM_CLASSES),
       "data-testid": "workspace-display",
       children: /*#__PURE__*/jsxRuntime.jsx(TriggerContent, {})
     }), /*#__PURE__*/jsxRuntime.jsx(primitives.DropdownMenuSubContent, {
@@ -1371,7 +1339,7 @@ var ProfileMenu = function ProfileMenu(_ref) {
       };
     }
     return {
-      href: NEETO_AUTH_BILLING_INFO_URL
+      href: useWhatsNewChangesCount.NEETO_AUTH_BILLING_INFO_URL
     };
   };
   var subscriptionPlanLink = _objectSpread$2({
@@ -1462,10 +1430,7 @@ var ProfileButton = function ProfileButton(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     isMenuOpen = _useState6[0],
     setIsMenuOpen = _useState6[1];
-  var _useState7 = React.useState(null),
-    _useState8 = _slicedToArray(_useState7, 2),
-    changesCount = _useState8[0],
-    setChangesCount = _useState8[1];
+  var changesCount = useWhatsNewChangesCount.useWhatsNewChangesCount();
   var _KeyboardShortcuts$us = v2_KeyboardShortcuts.usePaneState(),
     _KeyboardShortcuts$us2 = _slicedToArray(_KeyboardShortcuts$us, 2),
     setIsOpen = _KeyboardShortcuts$us2[1];
@@ -1475,21 +1440,9 @@ var ProfileButton = function ProfileButton(_ref) {
     mode: "global"
   });
   var profileInfo = getProfileInfo(profileInfoOverrides, isConsumer);
-  React.useEffect(function () {
-    var Nv = {
-      onReceiveData: function onReceiveData(data) {
-        if (!data.unreadCount) return;
-        setChangesCount(data.unreadCount);
-      },
-      onShow: function onShow() {
-        setChangesCount(null);
-      }
-    };
-    window.Nv = window.Nv ? Object.assign(window.Nv, Nv) : Nv;
-  }, []);
   var newBottomLinks = [].concat(_toConsumableArray(getDefaultBottomLinks(profileInfo.isAuthenticated, isConsumer)), _toConsumableArray(bottomLinks));
-  var defaultLinks = Object.keys(DEFAULT_MENU_LINK_PROPS).map(function (key) {
-    return _objectSpread$1(_objectSpread$1(_objectSpread$1({}, DEFAULT_MENU_LINK_PROPS[key]), key === "keyboardShortcutProps" && {
+  var defaultLinks = Object.keys(useWhatsNewChangesCount.DEFAULT_MENU_LINK_PROPS).map(function (key) {
+    return _objectSpread$1(_objectSpread$1(_objectSpread$1({}, useWhatsNewChangesCount.DEFAULT_MENU_LINK_PROPS[key]), key === "keyboardShortcutProps" && {
       onClick: function onClick() {
         return setIsOpen(function (prev) {
           return !prev;