@bigbinary/neeto-molecules 5.3.27 → 5.3.29

package/dist/useWhatsNewChangesCount-DLIMw7dA.js

@@ -0,0 +1,105 @@
+import { t } from 'i18next';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect } from 'react';
+
+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: t("neetoMolecules.sidebar.helpLinks.whatsNew"),
+    "data-testid": "help-link-engage-button"
+  },
+  keyboardShortcutProps: {
+    label: 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";
+
+// Shared source of truth for the neetoEngage changelog unread count.
+//
+// The widget reports the count by calling `window.Nv.onReceiveData({ unreadCount })`
+// whenever it changes (on load and each time entries are marked read). Opening
+// the widget doesn't clear it: the count only drops as entries are read. Both the FloatingActionMenu and the
+// Sidebar surface this count, so this module installs a SINGLE set of
+// `window.Nv` handlers (chaining onto any pre-existing ones) and fans the value
+// out to every subscribed component. Installation happens on the first
+// subscriber and is torn down only when the last one unsubscribes — so
+// interleaved mount/unmount of the two surfaces can never leave a stale handler
+// on the global object.
+
+var currentCount = null;
+var subscribers = new Set();
+var isInstalled = false;
+var previousOnReceiveData;
+var notify = function notify() {
+  return subscribers.forEach(function (setCount) {
+    return setCount(currentCount);
+  });
+};
+var install = function install() {
+  if (isInstalled) return;
+  isInstalled = true;
+  var existing = window.Nv || {};
+  previousOnReceiveData = existing.onReceiveData;
+  window.Nv = Object.assign(existing, {
+    onReceiveData: function onReceiveData(data) {
+      var _previousOnReceiveDat;
+      (_previousOnReceiveDat = previousOnReceiveData) === null || _previousOnReceiveDat === void 0 || _previousOnReceiveDat(data);
+      // Only react to a numeric unreadCount; `0` clears the badge (a non-zero
+      // count would otherwise stay stale until the pane is opened).
+      if (typeof (data === null || data === void 0 ? void 0 : data.unreadCount) === "number") {
+        currentCount = data.unreadCount || null;
+        notify();
+      }
+    }
+  });
+};
+var uninstall = function uninstall() {
+  if (!isInstalled) return;
+  isInstalled = false;
+  if (window.Nv) {
+    window.Nv.onReceiveData = previousOnReceiveData;
+  }
+  // currentCount is kept: the widget only reports it on page load and after a
+  // "Mark as read", so a surface that remounts (e.g. after navigating to a page
+  // without a sidebar and back) would otherwise lose it until a full reload.
+};
+var useWhatsNewChangesCount = function useWhatsNewChangesCount() {
+  var _useState = useState(currentCount),
+    _useState2 = _slicedToArray(_useState, 2),
+    changesCount = _useState2[0],
+    setChangesCount = _useState2[1];
+  useEffect(function () {
+    install();
+    subscribers.add(setChangesCount);
+    setChangesCount(currentCount);
+    return function () {
+      subscribers["delete"](setChangesCount);
+      if (subscribers.size === 0) uninstall();
+    };
+  }, []);
+  return changesCount;
+};
+
+export { APP_THEME_LOCALSTORAGE_KEY as A, BILLING_URL as B, DELETE_WORKSPACE_URL as D, ENGAGE_WIDGET_TRIGGER_ID as E, LEGACY_THEMES as L, MENU_ITEM_CLASSES as M, NEETO_AUTH_BILLING_INFO_URL as N, THEMES as T, THEME_ICON_BASE as a, THEME_BUTTON_BASE as b, MY_ORGANIZATION_URL as c, DEFAULT_MENU_LINK_PROPS as d, useWhatsNewChangesCount as u };
+//# sourceMappingURL=useWhatsNewChangesCount-DLIMw7dA.js.map

package/dist/useWhatsNewChangesCount-DLIMw7dA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWhatsNewChangesCount-DLIMw7dA.js","sources":["../src/v2/components/FloatingActionMenu/constants.js","../src/v2/components/FloatingActionMenu/hooks/useWhatsNewChangesCount.js"],"sourcesContent":["import { t } from \"i18next\";\n\nexport const MY_ORGANIZATION_URL = \"/auth/organization/edit\";\nexport const BILLING_URL = \"/auth/admin_billing\";\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 = { LIGHT: \"light\", DARK: \"dark\" };\n\n// Legacy neetoUI theme classes — kept until full migration is complete.\nexport const LEGACY_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\nexport const MENU_ITEM_CLASSES =\n  \"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]\";\n\nexport const THEME_BUTTON_BASE =\n  \"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\";\n\nexport const THEME_ICON_BASE = \"transition-transform duration-300 ease-out\";\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// whenever it changes (on load and each time entries are marked read). Opening\n// the widget doesn't clear it: the count only drops as entries are read. 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;\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\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  });\n};\n\nconst uninstall = () => {\n  if (!isInstalled) return;\n  isInstalled = false;\n\n  if (window.Nv) {\n    window.Nv.onReceiveData = previousOnReceiveData;\n  }\n  // currentCount is kept: the widget only reports it on page load and after a\n  // \"Mark as read\", so a surface that remounts (e.g. after navigating to a page\n  // without a sidebar and back) would otherwise lose it until a full reload.\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","BILLING_URL","DELETE_WORKSPACE_URL","ENGAGE_WIDGET_TRIGGER_ID","DEFAULT_MENU_LINK_PROPS","engageProps","id","label","t","keyboardShortcutProps","APP_THEME_LOCALSTORAGE_KEY","THEMES","LIGHT","DARK","LEGACY_THEMES","NEETO_AUTH_BILLING_INFO_URL","MENU_ITEM_CLASSES","THEME_BUTTON_BASE","THEME_ICON_BASE","currentCount","subscribers","Set","isInstalled","previousOnReceiveData","notify","forEach","setCount","install","existing","window","Nv","onReceiveData","Object","assign","data","_previousOnReceiveDat","unreadCount","uninstall","useWhatsNewChangesCount","_useState","useState","_useState2","_slicedToArray","changesCount","setChangesCount","useEffect","add","size"],"mappings":"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"}

package/dist/v2/FloatingActionMenu.js

@@ -23,12 +23,13 @@ import axios from 'axios';
 import { S as Search } from '../search-H0uYy0W-.js';
 import { g as getNeetoUrl, a as getProductBillingUrl } from '../urls-DC61u0b2.js';
 import useBreakpoints from '@bigbinary/neeto-commons-frontend/v2/react-utils/useBreakpoints';
-import { t } from 'i18next';
+import { M as MENU_ITEM_CLASSES, D as DELETE_WORKSPACE_URL, A as APP_THEME_LOCALSTORAGE_KEY, T as THEMES, L as LEGACY_THEMES, a as THEME_ICON_BASE, b as THEME_BUTTON_BASE, c as MY_ORGANIZATION_URL, B as BILLING_URL, N as NEETO_AUTH_BILLING_INFO_URL, u as useWhatsNewChangesCount, d as DEFAULT_MENU_LINK_PROPS } from '../useWhatsNewChangesCount-DLIMw7dA.js';
 import { c as createLucideIcon } from '../createLucideIcon--oLqczpc.js';
 import { C as CircleQuestionMark } from '../circle-question-mark-B807GLZf.js';
 import { C as ChevronRight } from '../chevron-right-CEsVcNLw.js';
 import { U as User } from '../user-Dhw9zdMR.js';
 import useLocalStorage from '@bigbinary/neeto-commons-frontend/v2/react-utils/useLocalStorage';
+import { t } from 'i18next';
 import { getFromLocalStorage } from '@bigbinary/neeto-commons-frontend/v2/utils';
 import { resetAuthTokens } from '@bigbinary/neeto-commons-frontend/v2/utils/axios';
 import { removeFromLocalStorage } from '@bigbinary/neeto-commons-frontend/v2/utils/general';
@@ -552,39 +553,6 @@ var Modal = 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: t("neetoMolecules.sidebar.helpLinks.whatsNew"),
-    "data-testid": "help-link-engage-button"
-  },
-  keyboardShortcutProps: {
-    label: 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; }
@@ -1441,10 +1409,7 @@ var ProfileButton = function ProfileButton(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     isMenuOpen = _useState6[0],
     setIsMenuOpen = _useState6[1];
-  var _useState7 = useState(null),
-    _useState8 = _slicedToArray(_useState7, 2),
-    changesCount = _useState8[0],
-    setChangesCount = _useState8[1];
+  var changesCount = useWhatsNewChangesCount();
   var _KeyboardShortcuts$us = KeyboardShortcuts.usePaneState(),
     _KeyboardShortcuts$us2 = _slicedToArray(_KeyboardShortcuts$us, 2),
     setIsOpen = _KeyboardShortcuts$us2[1];
@@ -1454,18 +1419,6 @@ var ProfileButton = function ProfileButton(_ref) {
     mode: "global"
   });
   var profileInfo = getProfileInfo(profileInfoOverrides, isConsumer);
-  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" && {