@lokalise/harmony 1.40.2 → 1.40.3-exp-epic2x.2

package/dist/harmony84.cjs

@@ -1,34 +1,32 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const louis = require("@lokalise/louis");
-const plan = require("./harmony9.cjs");
-const UpgradeIcon = require("./harmony111.cjs");
-const ProfileMenuContext = require("./harmony107.cjs");
-const UpgradeMenuItem_module = require("./harmony112.cjs");
-const UpgradeMenuItem = ({ upgradeOptionHref }) => {
-  const { planId, trialDaysLeft, showUpgradeCta } = ProfileMenuContext.useProfileMenu();
-  if (!showUpgradeCta) {
-    return null;
-  }
-  const isOnFreePlan = plan.isFreePlan(planId);
-  const daysNoun = trialDaysLeft === 1 ? "day" : "days";
-  const ctaMessage = isOnFreePlan ? "Your team is currently on the Free plan" : `Free trial ends in ${trialDaysLeft} ${daysNoun}`;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    louis.MenuItem,
-    {
-      "data-testid": "sidebar-upgrade-menu-item",
-      href: upgradeOptionHref,
-      className: `flex-col gap-1 items-start ${UpgradeMenuItem_module.default.container}`,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: UpgradeMenuItem_module.default.planCta, children: ctaMessage }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-row items-center gap-1 ${UpgradeMenuItem_module.default.upgradeIconWrapper}`, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(UpgradeIcon.UpgradeIcon, {}),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "See upgrade options" })
-        ] })
-      ]
-    }
+const React = require("react");
+const useExpertNavigation = require("./harmony88.cjs");
+const useNextgenNavigation = require("./harmony89.cjs");
+const isLegacyProject = (type) => {
+  return type !== "marketing";
+};
+const useNavigation = (activeKey, project, contributorData) => {
+  const legacyNavigationItems = useExpertNavigation.useExpertNavigation(
+    isLegacyProject(project == null ? void 0 : project.project_type),
+    project,
+    contributorData
+  );
+  const newNavigationItems = useNextgenNavigation.useNextgenNavigation(
+    activeKey,
+    !isLegacyProject(project == null ? void 0 : project.project_type),
+    project
   );
+  return React.useMemo(() => {
+    if (!project) {
+      return [];
+    }
+    if (isLegacyProject(project.project_type)) {
+      return legacyNavigationItems;
+    }
+    return newNavigationItems;
+  }, [project, legacyNavigationItems, newNavigationItems]);
 };
-exports.UpgradeMenuItem = UpgradeMenuItem;
+exports.isLegacyProject = isLegacyProject;
+exports.useNavigation = useNavigation;
 //# sourceMappingURL=harmony84.cjs.map

package/dist/harmony84.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony84.cjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/UpgradeMenuItem/UpgradeMenuItem.tsx"],"sourcesContent":["import { MenuItem } from '@lokalise/louis'\nimport { isFreePlan } from '@utils'\nimport { UpgradeIcon } from '../../../UpgradeIcon/UpgradeIcon'\nimport { useProfileMenu } from '../ProfileMenuContext'\nimport styles from './UpgradeMenuItem.module.css'\n\ntype UpgradeMenuItemProps = {\n\t/** URL to the upgrade page or pricing options */\n\tupgradeOptionHref: string\n}\n\n/**\n * A menu item component that displays upgrade call-to-action information.\n * Only renders when upgrade options should be shown (determined by context).\n *\n * The component displays different messages based on the team's current plan:\n * - For free plans: \"Your team is currently on the Free plan\"\n * - For trial plans: \"Free trial ends in X days\"\n *\n * Includes an upgrade icon and \"See upgrade options\" text, styled to draw attention\n * to the upgrade opportunity.\n *\n * @example\n * ```tsx\n * <UpgradeMenuItem upgradeOptionHref=\"/pricing\" />\n * ```\n *\n * @note This component must be used within a ProfileMenu component\n * as it requires access to the ProfileMenu context for plan information\n * and visibility control.\n */\nexport const UpgradeMenuItem = ({ upgradeOptionHref }: UpgradeMenuItemProps) => {\n\tconst { planId, trialDaysLeft, showUpgradeCta } = useProfileMenu()\n\n\tif (!showUpgradeCta) {\n\t\treturn null\n\t}\n\n\tconst isOnFreePlan = isFreePlan(planId)\n\n\tconst daysNoun = trialDaysLeft === 1 ? 'day' : 'days'\n\tconst ctaMessage = isOnFreePlan\n\t\t? 'Your team is currently on the Free plan'\n\t\t: `Free trial ends in ${trialDaysLeft} ${daysNoun}`\n\n\treturn (\n\t\t<MenuItem\n\t\t\tdata-testid=\"sidebar-upgrade-menu-item\"\n\t\t\thref={upgradeOptionHref}\n\t\t\tclassName={`flex-col gap-1 items-start ${styles.container}`}\n\t\t>\n\t\t\t<span className={styles.planCta}>{ctaMessage}</span>\n\t\t\t<div className={`flex-row items-center gap-1 ${styles.upgradeIconWrapper}`}>\n\t\t\t\t<UpgradeIcon />\n\t\t\t\t<span>See upgrade options</span>\n\t\t\t</div>\n\t\t</MenuItem>\n\t)\n}\n"],"names":["useProfileMenu","isFreePlan","jsxs","MenuItem","styles","jsx","UpgradeIcon"],"mappings":";;;;;;;;AA+BO,MAAM,kBAAkB,CAAC,EAAE,wBAA8C;AAC/E,QAAM,EAAE,QAAQ,eAAe,eAAA,IAAmBA,mBAAAA,eAAe;AAEjE,MAAI,CAAC,gBAAgB;AACb,WAAA;AAAA,EAAA;AAGF,QAAA,eAAeC,gBAAW,MAAM;AAEhC,QAAA,WAAW,kBAAkB,IAAI,QAAQ;AAC/C,QAAM,aAAa,eAChB,4CACA,sBAAsB,aAAa,IAAI,QAAQ;AAGjD,SAAAC,2BAAA;AAAA,IAACC,MAAA;AAAA,IAAA;AAAA,MACA,eAAY;AAAA,MACZ,MAAM;AAAA,MACN,WAAW,8BAA8BC,uBAAA,QAAO,SAAS;AAAA,MAEzD,UAAA;AAAA,QAAAC,2BAAA,IAAC,QAAK,EAAA,WAAWD,uBAAO,QAAA,SAAU,UAAW,YAAA;AAAA,wCAC5C,OAAI,EAAA,WAAW,+BAA+BA,+BAAO,kBAAkB,IACvE,UAAA;AAAA,UAAAC,2BAAA,IAACC,YAAY,aAAA,EAAA;AAAA,UACbD,2BAAAA,IAAC,UAAK,UAAmB,sBAAA,CAAA;AAAA,QAAA,EAC1B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACD;AAEF;;"}
+{"version":3,"file":"harmony84.cjs","sources":["../src/features/navigation/hooks/useNavigation.ts"],"sourcesContent":["import type { Contributor, Project, ProjectType } from '@features/node'\nimport { useMemo } from 'react'\nimport { useExpertNavigation } from './useExpertNavigation'\nimport { useNextgenNavigation } from './useNextgenNavigation'\n\nexport const isLegacyProject = (type: ProjectType | undefined) => {\n\treturn type !== 'marketing'\n}\n\n/**\n * Main useNavigation hook that serves as an arbiter between legacy and new navigation.\n * It determines which navigation system to use based on project type.\n */\nexport const useNavigation = (\n\tactiveKey: string,\n\tproject?: Project,\n\tcontributorData?: Contributor,\n) => {\n\t// Get navigation items from expert or next-gen system, depending on project type\n\tconst legacyNavigationItems = useExpertNavigation(\n\t\tisLegacyProject(project?.project_type),\n\t\tproject,\n\t\tcontributorData,\n\t)\n\tconst newNavigationItems = useNextgenNavigation(\n\t\tactiveKey,\n\t\t!isLegacyProject(project?.project_type),\n\t\tproject,\n\t)\n\n\t// Determine which navigation items to use based on project type\n\treturn useMemo(() => {\n\t\tif (!project) {\n\t\t\treturn []\n\t\t}\n\t\t// Use legacy navigation for legacy project types\n\t\tif (isLegacyProject(project.project_type)) {\n\t\t\treturn legacyNavigationItems\n\t\t}\n\n\t\t// Use new navigation for new project types\n\t\treturn newNavigationItems\n\t}, [project, legacyNavigationItems, newNavigationItems])\n}\n"],"names":["useExpertNavigation","useNextgenNavigation","useMemo"],"mappings":";;;;;AAKa,MAAA,kBAAkB,CAAC,SAAkC;AACjE,SAAO,SAAS;AACjB;AAMO,MAAM,gBAAgB,CAC5B,WACA,SACA,oBACI;AAEJ,QAAM,wBAAwBA,oBAAA;AAAA,IAC7B,gBAAgB,mCAAS,YAAY;AAAA,IACrC;AAAA,IACA;AAAA,EACD;AACA,QAAM,qBAAqBC,qBAAA;AAAA,IAC1B;AAAA,IACA,CAAC,gBAAgB,mCAAS,YAAY;AAAA,IACtC;AAAA,EACD;AAGA,SAAOC,cAAQ,MAAM;AACpB,QAAI,CAAC,SAAS;AACb,aAAO,CAAC;AAAA,IAAA;AAGL,QAAA,gBAAgB,QAAQ,YAAY,GAAG;AACnC,aAAA;AAAA,IAAA;AAID,WAAA;AAAA,EACL,GAAA,CAAC,SAAS,uBAAuB,kBAAkB,CAAC;AACxD;;;"}

package/dist/harmony84.mjs

@@ -1,34 +1,32 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { MenuItem } from "@lokalise/louis";
-import { isFreePlan } from "./harmony9.mjs";
-import { UpgradeIcon } from "./harmony111.mjs";
-import { useProfileMenu } from "./harmony107.mjs";
-import styles from "./harmony112.mjs";
-const UpgradeMenuItem = ({ upgradeOptionHref }) => {
-  const { planId, trialDaysLeft, showUpgradeCta } = useProfileMenu();
-  if (!showUpgradeCta) {
-    return null;
-  }
-  const isOnFreePlan = isFreePlan(planId);
-  const daysNoun = trialDaysLeft === 1 ? "day" : "days";
-  const ctaMessage = isOnFreePlan ? "Your team is currently on the Free plan" : `Free trial ends in ${trialDaysLeft} ${daysNoun}`;
-  return /* @__PURE__ */ jsxs(
-    MenuItem,
-    {
-      "data-testid": "sidebar-upgrade-menu-item",
-      href: upgradeOptionHref,
-      className: `flex-col gap-1 items-start ${styles.container}`,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: styles.planCta, children: ctaMessage }),
-        /* @__PURE__ */ jsxs("div", { className: `flex-row items-center gap-1 ${styles.upgradeIconWrapper}`, children: [
-          /* @__PURE__ */ jsx(UpgradeIcon, {}),
-          /* @__PURE__ */ jsx("span", { children: "See upgrade options" })
-        ] })
-      ]
-    }
+import { useMemo } from "react";
+import { useExpertNavigation } from "./harmony88.mjs";
+import { useNextgenNavigation } from "./harmony89.mjs";
+const isLegacyProject = (type) => {
+  return type !== "marketing";
+};
+const useNavigation = (activeKey, project, contributorData) => {
+  const legacyNavigationItems = useExpertNavigation(
+    isLegacyProject(project == null ? void 0 : project.project_type),
+    project,
+    contributorData
+  );
+  const newNavigationItems = useNextgenNavigation(
+    activeKey,
+    !isLegacyProject(project == null ? void 0 : project.project_type),
+    project
   );
+  return useMemo(() => {
+    if (!project) {
+      return [];
+    }
+    if (isLegacyProject(project.project_type)) {
+      return legacyNavigationItems;
+    }
+    return newNavigationItems;
+  }, [project, legacyNavigationItems, newNavigationItems]);
 };
 export {
-  UpgradeMenuItem
+  isLegacyProject,
+  useNavigation
 };
 //# sourceMappingURL=harmony84.mjs.map

package/dist/harmony84.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony84.mjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/UpgradeMenuItem/UpgradeMenuItem.tsx"],"sourcesContent":["import { MenuItem } from '@lokalise/louis'\nimport { isFreePlan } from '@utils'\nimport { UpgradeIcon } from '../../../UpgradeIcon/UpgradeIcon'\nimport { useProfileMenu } from '../ProfileMenuContext'\nimport styles from './UpgradeMenuItem.module.css'\n\ntype UpgradeMenuItemProps = {\n\t/** URL to the upgrade page or pricing options */\n\tupgradeOptionHref: string\n}\n\n/**\n * A menu item component that displays upgrade call-to-action information.\n * Only renders when upgrade options should be shown (determined by context).\n *\n * The component displays different messages based on the team's current plan:\n * - For free plans: \"Your team is currently on the Free plan\"\n * - For trial plans: \"Free trial ends in X days\"\n *\n * Includes an upgrade icon and \"See upgrade options\" text, styled to draw attention\n * to the upgrade opportunity.\n *\n * @example\n * ```tsx\n * <UpgradeMenuItem upgradeOptionHref=\"/pricing\" />\n * ```\n *\n * @note This component must be used within a ProfileMenu component\n * as it requires access to the ProfileMenu context for plan information\n * and visibility control.\n */\nexport const UpgradeMenuItem = ({ upgradeOptionHref }: UpgradeMenuItemProps) => {\n\tconst { planId, trialDaysLeft, showUpgradeCta } = useProfileMenu()\n\n\tif (!showUpgradeCta) {\n\t\treturn null\n\t}\n\n\tconst isOnFreePlan = isFreePlan(planId)\n\n\tconst daysNoun = trialDaysLeft === 1 ? 'day' : 'days'\n\tconst ctaMessage = isOnFreePlan\n\t\t? 'Your team is currently on the Free plan'\n\t\t: `Free trial ends in ${trialDaysLeft} ${daysNoun}`\n\n\treturn (\n\t\t<MenuItem\n\t\t\tdata-testid=\"sidebar-upgrade-menu-item\"\n\t\t\thref={upgradeOptionHref}\n\t\t\tclassName={`flex-col gap-1 items-start ${styles.container}`}\n\t\t>\n\t\t\t<span className={styles.planCta}>{ctaMessage}</span>\n\t\t\t<div className={`flex-row items-center gap-1 ${styles.upgradeIconWrapper}`}>\n\t\t\t\t<UpgradeIcon />\n\t\t\t\t<span>See upgrade options</span>\n\t\t\t</div>\n\t\t</MenuItem>\n\t)\n}\n"],"names":[],"mappings":";;;;;;AA+BO,MAAM,kBAAkB,CAAC,EAAE,wBAA8C;AAC/E,QAAM,EAAE,QAAQ,eAAe,eAAA,IAAmB,eAAe;AAEjE,MAAI,CAAC,gBAAgB;AACb,WAAA;AAAA,EAAA;AAGF,QAAA,eAAe,WAAW,MAAM;AAEhC,QAAA,WAAW,kBAAkB,IAAI,QAAQ;AAC/C,QAAM,aAAa,eAChB,4CACA,sBAAsB,aAAa,IAAI,QAAQ;AAGjD,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,eAAY;AAAA,MACZ,MAAM;AAAA,MACN,WAAW,8BAA8B,OAAO,SAAS;AAAA,MAEzD,UAAA;AAAA,QAAA,oBAAC,QAAK,EAAA,WAAW,OAAO,SAAU,UAAW,YAAA;AAAA,6BAC5C,OAAI,EAAA,WAAW,+BAA+B,OAAO,kBAAkB,IACvE,UAAA;AAAA,UAAA,oBAAC,aAAY,EAAA;AAAA,UACb,oBAAC,UAAK,UAAmB,sBAAA,CAAA;AAAA,QAAA,EAC1B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACD;AAEF;"}
+{"version":3,"file":"harmony84.mjs","sources":["../src/features/navigation/hooks/useNavigation.ts"],"sourcesContent":["import type { Contributor, Project, ProjectType } from '@features/node'\nimport { useMemo } from 'react'\nimport { useExpertNavigation } from './useExpertNavigation'\nimport { useNextgenNavigation } from './useNextgenNavigation'\n\nexport const isLegacyProject = (type: ProjectType | undefined) => {\n\treturn type !== 'marketing'\n}\n\n/**\n * Main useNavigation hook that serves as an arbiter between legacy and new navigation.\n * It determines which navigation system to use based on project type.\n */\nexport const useNavigation = (\n\tactiveKey: string,\n\tproject?: Project,\n\tcontributorData?: Contributor,\n) => {\n\t// Get navigation items from expert or next-gen system, depending on project type\n\tconst legacyNavigationItems = useExpertNavigation(\n\t\tisLegacyProject(project?.project_type),\n\t\tproject,\n\t\tcontributorData,\n\t)\n\tconst newNavigationItems = useNextgenNavigation(\n\t\tactiveKey,\n\t\t!isLegacyProject(project?.project_type),\n\t\tproject,\n\t)\n\n\t// Determine which navigation items to use based on project type\n\treturn useMemo(() => {\n\t\tif (!project) {\n\t\t\treturn []\n\t\t}\n\t\t// Use legacy navigation for legacy project types\n\t\tif (isLegacyProject(project.project_type)) {\n\t\t\treturn legacyNavigationItems\n\t\t}\n\n\t\t// Use new navigation for new project types\n\t\treturn newNavigationItems\n\t}, [project, legacyNavigationItems, newNavigationItems])\n}\n"],"names":[],"mappings":";;;AAKa,MAAA,kBAAkB,CAAC,SAAkC;AACjE,SAAO,SAAS;AACjB;AAMO,MAAM,gBAAgB,CAC5B,WACA,SACA,oBACI;AAEJ,QAAM,wBAAwB;AAAA,IAC7B,gBAAgB,mCAAS,YAAY;AAAA,IACrC;AAAA,IACA;AAAA,EACD;AACA,QAAM,qBAAqB;AAAA,IAC1B;AAAA,IACA,CAAC,gBAAgB,mCAAS,YAAY;AAAA,IACtC;AAAA,EACD;AAGA,SAAO,QAAQ,MAAM;AACpB,QAAI,CAAC,SAAS;AACb,aAAO,CAAC;AAAA,IAAA;AAGL,QAAA,gBAAgB,QAAQ,YAAY,GAAG;AACnC,aAAA;AAAA,IAAA;AAID,WAAA;AAAA,EACL,GAAA,CAAC,SAAS,uBAAuB,kBAAkB,CAAC;AACxD;"}

package/dist/harmony85.cjs

@@ -1,62 +1,69 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const floatingUi_core = require("./harmony120.cjs");
-const louis = require("@lokalise/louis");
-const useEffectOnce = require("./harmony13.cjs");
-const clsx = require("./harmony73.cjs");
-const React = require("react");
-const Tasks_module = require("./harmony121.cjs");
-const TasksContext = require("./harmony122.cjs");
-const TasksPopover = require("./harmony123.cjs");
-const TasksProvider = require("./harmony124.cjs");
-const taskEvents = require("./harmony125.cjs");
-const Tasks = TasksProvider.withTasksContext(() => {
-  const [open, setOpen] = React.useState(false);
-  const { tasksCount } = TasksContext.useTasks();
-  useEffectOnce.useEffectOnce(() => {
-    const showDialog = () => {
-      setOpen(true);
-    };
-    document.addEventListener(taskEvents.TaskEvents.ShowDialog, showDialog);
-    return () => {
-      document.removeEventListener(taskEvents.TaskEvents.ShowDialog, showDialog);
-    };
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(louis.Tooltip, { tooltip: "Tasks", placement: "right", children: /* @__PURE__ */ jsxRuntime.jsx(
-    louis.Popover,
+const headerBuilderFactories = require("./harmony21.cjs");
+const useRetrieveContributorQuery = require("./harmony55.cjs");
+const useRetrieveProjectQuery = require("./harmony56.cjs");
+const NavigationClientProvider = require("./harmony86.cjs");
+function useNavigationProjectQuery(projectId) {
+  const navigationClient = NavigationClientProvider.useNavigationClient();
+  const expertPublicApiUrl = navigationClient.getExpertPublicApiUrl();
+  return useRetrieveProjectQuery.useRetrieveProjectQuery(
+    navigationClient.getPublicApiClient(),
+    headerBuilderFactories.createPublicApiHeaderBuilder(expertPublicApiUrl),
     {
-      content: /* @__PURE__ */ jsxRuntime.jsx(TasksPopover.TasksPopover, {}),
-      placement: "right",
-      open,
-      onOpenChange: setOpen,
-      middlewares: [
-        floatingUi_core.shift({
-          // Adding some spacing to the top and bottom so the popover
-          // doesn't extend to the edges of the screen.
-          padding: {
-            top: 32,
-            bottom: 32
-          }
-        })
-      ],
-      children: (visible) => /* @__PURE__ */ jsxRuntime.jsxs(
-        louis.Button,
-        {
-          type: "button",
-          "data-testid": "sidebar-tasks-widget-button",
-          "aria-label": "Tasks",
-          className: clsx.clsx(Tasks_module.default.navItem, {
-            [Tasks_module.default.activeNavItem]: visible
-          }),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(louis.JobIcon, { size: "25px" }),
-            tasksCount > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Tasks_module.default.badge, "aria-label": `${tasksCount} items requiring attention`, children: tasksCount > 9 ? "9+" : tasksCount })
-          ]
-        }
-      )
+      queryKey: useRetrieveProjectQuery.retrieveProjectQueryKey.projectIdKey(projectId),
+      enabled: !!projectId,
+      staleTime: 5 * 60 * 1e3
+      // 5 minutes
     }
-  ) });
-});
-exports.Tasks = Tasks;
+  );
+}
+function useNavigationContributorQuery(projectId) {
+  const navigationClient = NavigationClientProvider.useNavigationClient();
+  const expertPublicApiUrl = navigationClient.getExpertPublicApiUrl();
+  return useRetrieveContributorQuery.useRetrieveContributorQuery(
+    navigationClient.getPublicApiClient(),
+    headerBuilderFactories.createPublicApiHeaderBuilder(expertPublicApiUrl),
+    {
+      queryKey: useRetrieveContributorQuery.retrieveContributorKeys.projectUserKey({
+        project: { id: projectId },
+        contributor: { authenticatedUser: true }
+      }),
+      enabled: !!projectId,
+      staleTime: 5 * 60 * 1e3
+      // 5 minutes
+    }
+  );
+}
+function useNavigationData(projectId) {
+  var _a;
+  const projectQuery = useNavigationProjectQuery(projectId);
+  const contributorQuery = useNavigationContributorQuery(projectId);
+  return {
+    // Individual queries
+    projectQuery,
+    contributorQuery,
+    // Combined data
+    data: {
+      project: projectQuery.data,
+      contributor: (_a = contributorQuery.data) == null ? void 0 : _a.contributor
+    },
+    // Combined loading state
+    isLoading: projectQuery.isLoading || contributorQuery.isLoading,
+    // Combined error state
+    error: projectQuery.error || contributorQuery.error,
+    // Check if any query is still loading
+    isAnyLoading: projectQuery.isLoading || contributorQuery.isLoading,
+    // Check if all queries have data
+    hasAllData: !!(projectQuery.data && contributorQuery.data),
+    // Refetch all queries
+    refetchAll: () => {
+      projectQuery.refetch();
+      contributorQuery.refetch();
+    }
+  };
+}
+exports.useNavigationContributorQuery = useNavigationContributorQuery;
+exports.useNavigationData = useNavigationData;
+exports.useNavigationProjectQuery = useNavigationProjectQuery;
 //# sourceMappingURL=harmony85.cjs.map

package/dist/harmony85.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony85.cjs","sources":["../src/components/Sidebar/Widgets/Tasks/Tasks.tsx"],"sourcesContent":["import { shift } from '@floating-ui/core'\nimport { Button, JobIcon, Popover, Tooltip } from '@lokalise/louis'\nimport { useEffectOnce } from '@utils'\nimport clsx from 'clsx'\nimport { useState } from 'react'\nimport styles from './Tasks.module.css'\nimport { useTasks } from './TasksContext'\nimport { TasksPopover } from './TasksPopover/TasksPopover'\nimport { withTasksContext } from './TasksProvider'\nimport { TaskEvents } from './utils/taskEvents'\n\nexport const Tasks = withTasksContext(() => {\n\tconst [open, setOpen] = useState(false)\n\n\tconst { tasksCount } = useTasks()\n\n\tuseEffectOnce(() => {\n\t\tconst showDialog = () => {\n\t\t\tsetOpen(true)\n\t\t}\n\n\t\tdocument.addEventListener(TaskEvents.ShowDialog, showDialog)\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(TaskEvents.ShowDialog, showDialog)\n\t\t}\n\t})\n\n\treturn (\n\t\t<Tooltip tooltip=\"Tasks\" placement=\"right\">\n\t\t\t<Popover\n\t\t\t\tcontent={<TasksPopover />}\n\t\t\t\tplacement=\"right\"\n\t\t\t\topen={open}\n\t\t\t\tonOpenChange={setOpen}\n\t\t\t\tmiddlewares={[\n\t\t\t\t\tshift({\n\t\t\t\t\t\t// Adding some spacing to the top and bottom so the popover\n\t\t\t\t\t\t// doesn't extend to the edges of the screen.\n\t\t\t\t\t\tpadding: {\n\t\t\t\t\t\t\ttop: 32,\n\t\t\t\t\t\t\tbottom: 32,\n\t\t\t\t\t\t},\n\t\t\t\t\t}),\n\t\t\t\t]}\n\t\t\t>\n\t\t\t\t{(visible) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tdata-testid=\"sidebar-tasks-widget-button\"\n\t\t\t\t\t\taria-label=\"Tasks\"\n\t\t\t\t\t\tclassName={clsx(styles.navItem, {\n\t\t\t\t\t\t\t[styles.activeNavItem]: visible,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<JobIcon size=\"25px\" />\n\t\t\t\t\t\t{tasksCount > 0 && (\n\t\t\t\t\t\t\t<div className={styles.badge} aria-label={`${tasksCount} items requiring attention`}>\n\t\t\t\t\t\t\t\t{tasksCount > 9 ? '9+' : tasksCount}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t</Popover>\n\t\t</Tooltip>\n\t)\n})\n"],"names":["withTasksContext","useState","useTasks","useEffectOnce","TaskEvents","jsx","Tooltip","Popover","TasksPopover","shift","jsxs","Button","clsx","styles","JobIcon"],"mappings":";;;;;;;;;;;;;AAWa,MAAA,QAAQA,+BAAiB,MAAM;AAC3C,QAAM,CAAC,MAAM,OAAO,IAAIC,MAAAA,SAAS,KAAK;AAEhC,QAAA,EAAE,WAAW,IAAIC,sBAAS;AAEhCC,gBAAAA,cAAc,MAAM;AACnB,UAAM,aAAa,MAAM;AACxB,cAAQ,IAAI;AAAA,IACb;AAES,aAAA,iBAAiBC,sBAAW,YAAY,UAAU;AAE3D,WAAO,MAAM;AACH,eAAA,oBAAoBA,sBAAW,YAAY,UAAU;AAAA,IAC/D;AAAA,EAAA,CACA;AAED,SACEC,2BAAA,IAAAC,MAAA,SAAA,EAAQ,SAAQ,SAAQ,WAAU,SAClC,UAAAD,2BAAA;AAAA,IAACE,MAAA;AAAA,IAAA;AAAA,MACA,wCAAUC,aAAa,cAAA,EAAA;AAAA,MACvB,WAAU;AAAA,MACV;AAAA,MACA,cAAc;AAAA,MACd,aAAa;AAAA,QACZC,sBAAM;AAAA;AAAA;AAAA,UAGL,SAAS;AAAA,YACR,KAAK;AAAA,YACL,QAAQ;AAAA,UAAA;AAAA,QAET,CAAA;AAAA,MACF;AAAA,MAEC,WAAC,YACDC,2BAAA;AAAA,QAACC,MAAA;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL,eAAY;AAAA,UACZ,cAAW;AAAA,UACX,WAAWC,KAAAA,KAAKC,aAAA,QAAO,SAAS;AAAA,YAC/B,CAACA,aAAAA,QAAO,aAAa,GAAG;AAAA,UAAA,CACxB;AAAA,UAED,UAAA;AAAA,YAACR,2BAAAA,IAAAS,MAAA,SAAA,EAAQ,MAAK,OAAO,CAAA;AAAA,YACpB,aAAa,KACZT,+BAAA,OAAA,EAAI,WAAWQ,aAAO,QAAA,OAAO,cAAY,GAAG,UAAU,8BACrD,UAAa,aAAA,IAAI,OAAO,WAC1B,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEF;AAAA,EAAA,GAGH;AAEF,CAAC;;"}
+{"version":3,"file":"harmony85.cjs","sources":["../src/features/navigation/hooks/useNavigationQueries.ts"],"sourcesContent":["import { createPublicApiHeaderBuilder } from '@features/auth/factories/headerBuilderFactories'\nimport {\n\tretrieveContributorKeys,\n\tuseRetrieveContributorQuery,\n} from '@features/publicApi/hooks/useRetrieveContributorQuery'\nimport {\n\tretrieveProjectQueryKey,\n\tuseRetrieveProjectQuery,\n} from '@features/publicApi/hooks/useRetrieveProjectQuery'\nimport { useNavigationClient } from '../providers/NavigationClientProvider'\n\n/**\n * Hook to fetch project data for navigation\n */\nexport function useNavigationProjectQuery(projectId: string) {\n\tconst navigationClient = useNavigationClient()\n\tconst expertPublicApiUrl = navigationClient.getExpertPublicApiUrl()\n\n\treturn useRetrieveProjectQuery(\n\t\tnavigationClient.getPublicApiClient(),\n\t\tcreatePublicApiHeaderBuilder(expertPublicApiUrl),\n\t\t{\n\t\t\tqueryKey: retrieveProjectQueryKey.projectIdKey(projectId),\n\t\t\tenabled: !!projectId,\n\t\t\tstaleTime: 5 * 60 * 1000, // 5 minutes\n\t\t},\n\t)\n}\n\n/**\n * Hook to fetch contributor data for navigation\n */\nexport function useNavigationContributorQuery(projectId: string) {\n\tconst navigationClient = useNavigationClient()\n\tconst expertPublicApiUrl = navigationClient.getExpertPublicApiUrl()\n\n\treturn useRetrieveContributorQuery(\n\t\tnavigationClient.getPublicApiClient(),\n\t\tcreatePublicApiHeaderBuilder(expertPublicApiUrl),\n\t\t{\n\t\t\tqueryKey: retrieveContributorKeys.projectUserKey({\n\t\t\t\tproject: { id: projectId },\n\t\t\t\tcontributor: { authenticatedUser: true },\n\t\t\t}),\n\t\t\tenabled: !!projectId,\n\t\t\tstaleTime: 5 * 60 * 1000, // 5 minutes\n\t\t},\n\t)\n}\n\n/**\n * Composite hook that fetches all navigation data\n */\nexport function useNavigationData(projectId: string) {\n\tconst projectQuery = useNavigationProjectQuery(projectId)\n\tconst contributorQuery = useNavigationContributorQuery(projectId)\n\n\treturn {\n\t\t// Individual queries\n\t\tprojectQuery,\n\t\tcontributorQuery,\n\n\t\t// Combined data\n\t\tdata: {\n\t\t\tproject: projectQuery.data,\n\t\t\tcontributor: contributorQuery.data?.contributor,\n\t\t},\n\n\t\t// Combined loading state\n\t\tisLoading: projectQuery.isLoading || contributorQuery.isLoading,\n\n\t\t// Combined error state\n\t\terror: projectQuery.error || contributorQuery.error,\n\n\t\t// Check if any query is still loading\n\t\tisAnyLoading: projectQuery.isLoading || contributorQuery.isLoading,\n\n\t\t// Check if all queries have data\n\t\thasAllData: !!(projectQuery.data && contributorQuery.data),\n\n\t\t// Refetch all queries\n\t\trefetchAll: () => {\n\t\t\tprojectQuery.refetch()\n\t\t\tcontributorQuery.refetch()\n\t\t},\n\t}\n}\n"],"names":["useNavigationClient","useRetrieveProjectQuery","createPublicApiHeaderBuilder","retrieveProjectQueryKey","useRetrieveContributorQuery","retrieveContributorKeys"],"mappings":";;;;;;AAcO,SAAS,0BAA0B,WAAmB;AAC5D,QAAM,mBAAmBA,yBAAAA,oBAAoB;AACvC,QAAA,qBAAqB,iBAAiB,sBAAsB;AAE3D,SAAAC,wBAAA;AAAA,IACN,iBAAiB,mBAAmB;AAAA,IACpCC,uBAAAA,6BAA6B,kBAAkB;AAAA,IAC/C;AAAA,MACC,UAAUC,wBAAAA,wBAAwB,aAAa,SAAS;AAAA,MACxD,SAAS,CAAC,CAAC;AAAA,MACX,WAAW,IAAI,KAAK;AAAA;AAAA,IAAA;AAAA,EAEtB;AACD;AAKO,SAAS,8BAA8B,WAAmB;AAChE,QAAM,mBAAmBH,yBAAAA,oBAAoB;AACvC,QAAA,qBAAqB,iBAAiB,sBAAsB;AAE3D,SAAAI,4BAAA;AAAA,IACN,iBAAiB,mBAAmB;AAAA,IACpCF,uBAAAA,6BAA6B,kBAAkB;AAAA,IAC/C;AAAA,MACC,UAAUG,oDAAwB,eAAe;AAAA,QAChD,SAAS,EAAE,IAAI,UAAU;AAAA,QACzB,aAAa,EAAE,mBAAmB,KAAK;AAAA,MAAA,CACvC;AAAA,MACD,SAAS,CAAC,CAAC;AAAA,MACX,WAAW,IAAI,KAAK;AAAA;AAAA,IAAA;AAAA,EAEtB;AACD;AAKO,SAAS,kBAAkB,WAAmB;;AAC9C,QAAA,eAAe,0BAA0B,SAAS;AAClD,QAAA,mBAAmB,8BAA8B,SAAS;AAEzD,SAAA;AAAA;AAAA,IAEN;AAAA,IACA;AAAA;AAAA,IAGA,MAAM;AAAA,MACL,SAAS,aAAa;AAAA,MACtB,cAAa,sBAAiB,SAAjB,mBAAuB;AAAA,IACrC;AAAA;AAAA,IAGA,WAAW,aAAa,aAAa,iBAAiB;AAAA;AAAA,IAGtD,OAAO,aAAa,SAAS,iBAAiB;AAAA;AAAA,IAG9C,cAAc,aAAa,aAAa,iBAAiB;AAAA;AAAA,IAGzD,YAAY,CAAC,EAAE,aAAa,QAAQ,iBAAiB;AAAA;AAAA,IAGrD,YAAY,MAAM;AACjB,mBAAa,QAAQ;AACrB,uBAAiB,QAAQ;AAAA,IAAA;AAAA,EAE3B;AACD;;;;"}

package/dist/harmony85.mjs

@@ -1,62 +1,69 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { shift } from "./harmony120.mjs";
-import { Tooltip, Popover, Button, JobIcon } from "@lokalise/louis";
-import { useEffectOnce } from "./harmony13.mjs";
-import { clsx } from "./harmony73.mjs";
-import { useState } from "react";
-import styles from "./harmony121.mjs";
-import { useTasks } from "./harmony122.mjs";
-import { TasksPopover } from "./harmony123.mjs";
-import { withTasksContext } from "./harmony124.mjs";
-import { TaskEvents } from "./harmony125.mjs";
-const Tasks = withTasksContext(() => {
-  const [open, setOpen] = useState(false);
-  const { tasksCount } = useTasks();
-  useEffectOnce(() => {
-    const showDialog = () => {
-      setOpen(true);
-    };
-    document.addEventListener(TaskEvents.ShowDialog, showDialog);
-    return () => {
-      document.removeEventListener(TaskEvents.ShowDialog, showDialog);
-    };
-  });
-  return /* @__PURE__ */ jsx(Tooltip, { tooltip: "Tasks", placement: "right", children: /* @__PURE__ */ jsx(
-    Popover,
+import { createPublicApiHeaderBuilder } from "./harmony21.mjs";
+import { useRetrieveContributorQuery, retrieveContributorKeys } from "./harmony55.mjs";
+import { useRetrieveProjectQuery, retrieveProjectQueryKey } from "./harmony56.mjs";
+import { useNavigationClient } from "./harmony86.mjs";
+function useNavigationProjectQuery(projectId) {
+  const navigationClient = useNavigationClient();
+  const expertPublicApiUrl = navigationClient.getExpertPublicApiUrl();
+  return useRetrieveProjectQuery(
+    navigationClient.getPublicApiClient(),
+    createPublicApiHeaderBuilder(expertPublicApiUrl),
     {
-      content: /* @__PURE__ */ jsx(TasksPopover, {}),
-      placement: "right",
-      open,
-      onOpenChange: setOpen,
-      middlewares: [
-        shift({
-          // Adding some spacing to the top and bottom so the popover
-          // doesn't extend to the edges of the screen.
-          padding: {
-            top: 32,
-            bottom: 32
-          }
-        })
-      ],
-      children: (visible) => /* @__PURE__ */ jsxs(
-        Button,
-        {
-          type: "button",
-          "data-testid": "sidebar-tasks-widget-button",
-          "aria-label": "Tasks",
-          className: clsx(styles.navItem, {
-            [styles.activeNavItem]: visible
-          }),
-          children: [
-            /* @__PURE__ */ jsx(JobIcon, { size: "25px" }),
-            tasksCount > 0 && /* @__PURE__ */ jsx("div", { className: styles.badge, "aria-label": `${tasksCount} items requiring attention`, children: tasksCount > 9 ? "9+" : tasksCount })
-          ]
-        }
-      )
+      queryKey: retrieveProjectQueryKey.projectIdKey(projectId),
+      enabled: !!projectId,
+      staleTime: 5 * 60 * 1e3
+      // 5 minutes
     }
-  ) });
-});
+  );
+}
+function useNavigationContributorQuery(projectId) {
+  const navigationClient = useNavigationClient();
+  const expertPublicApiUrl = navigationClient.getExpertPublicApiUrl();
+  return useRetrieveContributorQuery(
+    navigationClient.getPublicApiClient(),
+    createPublicApiHeaderBuilder(expertPublicApiUrl),
+    {
+      queryKey: retrieveContributorKeys.projectUserKey({
+        project: { id: projectId },
+        contributor: { authenticatedUser: true }
+      }),
+      enabled: !!projectId,
+      staleTime: 5 * 60 * 1e3
+      // 5 minutes
+    }
+  );
+}
+function useNavigationData(projectId) {
+  var _a;
+  const projectQuery = useNavigationProjectQuery(projectId);
+  const contributorQuery = useNavigationContributorQuery(projectId);
+  return {
+    // Individual queries
+    projectQuery,
+    contributorQuery,
+    // Combined data
+    data: {
+      project: projectQuery.data,
+      contributor: (_a = contributorQuery.data) == null ? void 0 : _a.contributor
+    },
+    // Combined loading state
+    isLoading: projectQuery.isLoading || contributorQuery.isLoading,
+    // Combined error state
+    error: projectQuery.error || contributorQuery.error,
+    // Check if any query is still loading
+    isAnyLoading: projectQuery.isLoading || contributorQuery.isLoading,
+    // Check if all queries have data
+    hasAllData: !!(projectQuery.data && contributorQuery.data),
+    // Refetch all queries
+    refetchAll: () => {
+      projectQuery.refetch();
+      contributorQuery.refetch();
+    }
+  };
+}
 export {
-  Tasks
+  useNavigationContributorQuery,
+  useNavigationData,
+  useNavigationProjectQuery
 };
 //# sourceMappingURL=harmony85.mjs.map

package/dist/harmony85.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony85.mjs","sources":["../src/components/Sidebar/Widgets/Tasks/Tasks.tsx"],"sourcesContent":["import { shift } from '@floating-ui/core'\nimport { Button, JobIcon, Popover, Tooltip } from '@lokalise/louis'\nimport { useEffectOnce } from '@utils'\nimport clsx from 'clsx'\nimport { useState } from 'react'\nimport styles from './Tasks.module.css'\nimport { useTasks } from './TasksContext'\nimport { TasksPopover } from './TasksPopover/TasksPopover'\nimport { withTasksContext } from './TasksProvider'\nimport { TaskEvents } from './utils/taskEvents'\n\nexport const Tasks = withTasksContext(() => {\n\tconst [open, setOpen] = useState(false)\n\n\tconst { tasksCount } = useTasks()\n\n\tuseEffectOnce(() => {\n\t\tconst showDialog = () => {\n\t\t\tsetOpen(true)\n\t\t}\n\n\t\tdocument.addEventListener(TaskEvents.ShowDialog, showDialog)\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(TaskEvents.ShowDialog, showDialog)\n\t\t}\n\t})\n\n\treturn (\n\t\t<Tooltip tooltip=\"Tasks\" placement=\"right\">\n\t\t\t<Popover\n\t\t\t\tcontent={<TasksPopover />}\n\t\t\t\tplacement=\"right\"\n\t\t\t\topen={open}\n\t\t\t\tonOpenChange={setOpen}\n\t\t\t\tmiddlewares={[\n\t\t\t\t\tshift({\n\t\t\t\t\t\t// Adding some spacing to the top and bottom so the popover\n\t\t\t\t\t\t// doesn't extend to the edges of the screen.\n\t\t\t\t\t\tpadding: {\n\t\t\t\t\t\t\ttop: 32,\n\t\t\t\t\t\t\tbottom: 32,\n\t\t\t\t\t\t},\n\t\t\t\t\t}),\n\t\t\t\t]}\n\t\t\t>\n\t\t\t\t{(visible) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tdata-testid=\"sidebar-tasks-widget-button\"\n\t\t\t\t\t\taria-label=\"Tasks\"\n\t\t\t\t\t\tclassName={clsx(styles.navItem, {\n\t\t\t\t\t\t\t[styles.activeNavItem]: visible,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<JobIcon size=\"25px\" />\n\t\t\t\t\t\t{tasksCount > 0 && (\n\t\t\t\t\t\t\t<div className={styles.badge} aria-label={`${tasksCount} items requiring attention`}>\n\t\t\t\t\t\t\t\t{tasksCount > 9 ? '9+' : tasksCount}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t</Popover>\n\t\t</Tooltip>\n\t)\n})\n"],"names":[],"mappings":";;;;;;;;;;;AAWa,MAAA,QAAQ,iBAAiB,MAAM;AAC3C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEhC,QAAA,EAAE,WAAW,IAAI,SAAS;AAEhC,gBAAc,MAAM;AACnB,UAAM,aAAa,MAAM;AACxB,cAAQ,IAAI;AAAA,IACb;AAES,aAAA,iBAAiB,WAAW,YAAY,UAAU;AAE3D,WAAO,MAAM;AACH,eAAA,oBAAoB,WAAW,YAAY,UAAU;AAAA,IAC/D;AAAA,EAAA,CACA;AAED,SACE,oBAAA,SAAA,EAAQ,SAAQ,SAAQ,WAAU,SAClC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,6BAAU,cAAa,EAAA;AAAA,MACvB,WAAU;AAAA,MACV;AAAA,MACA,cAAc;AAAA,MACd,aAAa;AAAA,QACZ,MAAM;AAAA;AAAA;AAAA,UAGL,SAAS;AAAA,YACR,KAAK;AAAA,YACL,QAAQ;AAAA,UAAA;AAAA,QAET,CAAA;AAAA,MACF;AAAA,MAEC,WAAC,YACD;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL,eAAY;AAAA,UACZ,cAAW;AAAA,UACX,WAAW,KAAK,OAAO,SAAS;AAAA,YAC/B,CAAC,OAAO,aAAa,GAAG;AAAA,UAAA,CACxB;AAAA,UAED,UAAA;AAAA,YAAC,oBAAA,SAAA,EAAQ,MAAK,OAAO,CAAA;AAAA,YACpB,aAAa,KACZ,oBAAA,OAAA,EAAI,WAAW,OAAO,OAAO,cAAY,GAAG,UAAU,8BACrD,UAAa,aAAA,IAAI,OAAO,WAC1B,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEF;AAAA,EAAA,GAGH;AAEF,CAAC;"}
+{"version":3,"file":"harmony85.mjs","sources":["../src/features/navigation/hooks/useNavigationQueries.ts"],"sourcesContent":["import { createPublicApiHeaderBuilder } from '@features/auth/factories/headerBuilderFactories'\nimport {\n\tretrieveContributorKeys,\n\tuseRetrieveContributorQuery,\n} from '@features/publicApi/hooks/useRetrieveContributorQuery'\nimport {\n\tretrieveProjectQueryKey,\n\tuseRetrieveProjectQuery,\n} from '@features/publicApi/hooks/useRetrieveProjectQuery'\nimport { useNavigationClient } from '../providers/NavigationClientProvider'\n\n/**\n * Hook to fetch project data for navigation\n */\nexport function useNavigationProjectQuery(projectId: string) {\n\tconst navigationClient = useNavigationClient()\n\tconst expertPublicApiUrl = navigationClient.getExpertPublicApiUrl()\n\n\treturn useRetrieveProjectQuery(\n\t\tnavigationClient.getPublicApiClient(),\n\t\tcreatePublicApiHeaderBuilder(expertPublicApiUrl),\n\t\t{\n\t\t\tqueryKey: retrieveProjectQueryKey.projectIdKey(projectId),\n\t\t\tenabled: !!projectId,\n\t\t\tstaleTime: 5 * 60 * 1000, // 5 minutes\n\t\t},\n\t)\n}\n\n/**\n * Hook to fetch contributor data for navigation\n */\nexport function useNavigationContributorQuery(projectId: string) {\n\tconst navigationClient = useNavigationClient()\n\tconst expertPublicApiUrl = navigationClient.getExpertPublicApiUrl()\n\n\treturn useRetrieveContributorQuery(\n\t\tnavigationClient.getPublicApiClient(),\n\t\tcreatePublicApiHeaderBuilder(expertPublicApiUrl),\n\t\t{\n\t\t\tqueryKey: retrieveContributorKeys.projectUserKey({\n\t\t\t\tproject: { id: projectId },\n\t\t\t\tcontributor: { authenticatedUser: true },\n\t\t\t}),\n\t\t\tenabled: !!projectId,\n\t\t\tstaleTime: 5 * 60 * 1000, // 5 minutes\n\t\t},\n\t)\n}\n\n/**\n * Composite hook that fetches all navigation data\n */\nexport function useNavigationData(projectId: string) {\n\tconst projectQuery = useNavigationProjectQuery(projectId)\n\tconst contributorQuery = useNavigationContributorQuery(projectId)\n\n\treturn {\n\t\t// Individual queries\n\t\tprojectQuery,\n\t\tcontributorQuery,\n\n\t\t// Combined data\n\t\tdata: {\n\t\t\tproject: projectQuery.data,\n\t\t\tcontributor: contributorQuery.data?.contributor,\n\t\t},\n\n\t\t// Combined loading state\n\t\tisLoading: projectQuery.isLoading || contributorQuery.isLoading,\n\n\t\t// Combined error state\n\t\terror: projectQuery.error || contributorQuery.error,\n\n\t\t// Check if any query is still loading\n\t\tisAnyLoading: projectQuery.isLoading || contributorQuery.isLoading,\n\n\t\t// Check if all queries have data\n\t\thasAllData: !!(projectQuery.data && contributorQuery.data),\n\n\t\t// Refetch all queries\n\t\trefetchAll: () => {\n\t\t\tprojectQuery.refetch()\n\t\t\tcontributorQuery.refetch()\n\t\t},\n\t}\n}\n"],"names":[],"mappings":";;;;AAcO,SAAS,0BAA0B,WAAmB;AAC5D,QAAM,mBAAmB,oBAAoB;AACvC,QAAA,qBAAqB,iBAAiB,sBAAsB;AAE3D,SAAA;AAAA,IACN,iBAAiB,mBAAmB;AAAA,IACpC,6BAA6B,kBAAkB;AAAA,IAC/C;AAAA,MACC,UAAU,wBAAwB,aAAa,SAAS;AAAA,MACxD,SAAS,CAAC,CAAC;AAAA,MACX,WAAW,IAAI,KAAK;AAAA;AAAA,IAAA;AAAA,EAEtB;AACD;AAKO,SAAS,8BAA8B,WAAmB;AAChE,QAAM,mBAAmB,oBAAoB;AACvC,QAAA,qBAAqB,iBAAiB,sBAAsB;AAE3D,SAAA;AAAA,IACN,iBAAiB,mBAAmB;AAAA,IACpC,6BAA6B,kBAAkB;AAAA,IAC/C;AAAA,MACC,UAAU,wBAAwB,eAAe;AAAA,QAChD,SAAS,EAAE,IAAI,UAAU;AAAA,QACzB,aAAa,EAAE,mBAAmB,KAAK;AAAA,MAAA,CACvC;AAAA,MACD,SAAS,CAAC,CAAC;AAAA,MACX,WAAW,IAAI,KAAK;AAAA;AAAA,IAAA;AAAA,EAEtB;AACD;AAKO,SAAS,kBAAkB,WAAmB;;AAC9C,QAAA,eAAe,0BAA0B,SAAS;AAClD,QAAA,mBAAmB,8BAA8B,SAAS;AAEzD,SAAA;AAAA;AAAA,IAEN;AAAA,IACA;AAAA;AAAA,IAGA,MAAM;AAAA,MACL,SAAS,aAAa;AAAA,MACtB,cAAa,sBAAiB,SAAjB,mBAAuB;AAAA,IACrC;AAAA;AAAA,IAGA,WAAW,aAAa,aAAa,iBAAiB;AAAA;AAAA,IAGtD,OAAO,aAAa,SAAS,iBAAiB;AAAA;AAAA,IAG9C,cAAc,aAAa,aAAa,iBAAiB;AAAA;AAAA,IAGzD,YAAY,CAAC,EAAE,aAAa,QAAQ,iBAAiB;AAAA;AAAA,IAGrD,YAAY,MAAM;AACjB,mBAAa,QAAQ;AACrB,uBAAiB,QAAQ;AAAA,IAAA;AAAA,EAE3B;AACD;"}

package/dist/harmony86.cjs

@@ -1,12 +1,18 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const breadcrumbsItem = "_breadcrumbsItem_1hm6a_1";
-const breadcrumbs = "_breadcrumbs_1hm6a_1";
-const classes = {
-  breadcrumbsItem,
-  breadcrumbs
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const NavigationClientContext = React.createContext(void 0);
+const NavigationClientProvider = ({ client, children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(NavigationClientContext.Provider, { value: client, children });
 };
-exports.breadcrumbs = breadcrumbs;
-exports.breadcrumbsItem = breadcrumbsItem;
-exports.default = classes;
+const useNavigationClient = () => {
+  const context = React.useContext(NavigationClientContext);
+  if (context === void 0) {
+    throw new Error("useNavigationClient must be used within a NavigationClientProvider");
+  }
+  return context;
+};
+exports.NavigationClientProvider = NavigationClientProvider;
+exports.useNavigationClient = useNavigationClient;
 //# sourceMappingURL=harmony86.cjs.map

package/dist/harmony86.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony86.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"harmony86.cjs","sources":["../src/features/navigation/providers/NavigationClientProvider.tsx"],"sourcesContent":["import { type ReactNode, createContext, useContext } from 'react'\nimport type { NavigationClient } from '../core/NavigationClient'\n\ninterface NavigationClientProviderProps {\n\tclient: NavigationClient\n\tchildren: ReactNode\n}\n\nconst NavigationClientContext = createContext<NavigationClient | undefined>(undefined)\n\nexport const NavigationClientProvider = ({ client, children }: NavigationClientProviderProps) => {\n\treturn (\n\t\t<NavigationClientContext.Provider value={client}>{children}</NavigationClientContext.Provider>\n\t)\n}\n\nexport const useNavigationClient = (): NavigationClient => {\n\tconst context = useContext(NavigationClientContext)\n\tif (context === undefined) {\n\t\tthrow new Error('useNavigationClient must be used within a NavigationClientProvider')\n\t}\n\treturn context\n}\n"],"names":["createContext","useContext"],"mappings":";;;;AAQA,MAAM,0BAA0BA,oBAA4C,MAAS;AAE9E,MAAM,2BAA2B,CAAC,EAAE,QAAQ,eAA8C;AAChG,wCACE,wBAAwB,UAAxB,EAAiC,OAAO,QAAS,UAAS;AAE7D;AAEO,MAAM,sBAAsB,MAAwB;AACpD,QAAA,UAAUC,iBAAW,uBAAuB;AAClD,MAAI,YAAY,QAAW;AACpB,UAAA,IAAI,MAAM,oEAAoE;AAAA,EAAA;AAE9E,SAAA;AACR;;;"}

package/dist/harmony86.mjs

@@ -1,12 +1,18 @@
-const breadcrumbsItem = "_breadcrumbsItem_1hm6a_1";
-const breadcrumbs = "_breadcrumbs_1hm6a_1";
-const classes = {
-  breadcrumbsItem,
-  breadcrumbs
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const NavigationClientContext = createContext(void 0);
+const NavigationClientProvider = ({ client, children }) => {
+  return /* @__PURE__ */ jsx(NavigationClientContext.Provider, { value: client, children });
+};
+const useNavigationClient = () => {
+  const context = useContext(NavigationClientContext);
+  if (context === void 0) {
+    throw new Error("useNavigationClient must be used within a NavigationClientProvider");
+  }
+  return context;
 };
 export {
-  breadcrumbs,
-  breadcrumbsItem,
-  classes as default
+  NavigationClientProvider,
+  useNavigationClient
 };
 //# sourceMappingURL=harmony86.mjs.map

package/dist/harmony86.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony86.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"harmony86.mjs","sources":["../src/features/navigation/providers/NavigationClientProvider.tsx"],"sourcesContent":["import { type ReactNode, createContext, useContext } from 'react'\nimport type { NavigationClient } from '../core/NavigationClient'\n\ninterface NavigationClientProviderProps {\n\tclient: NavigationClient\n\tchildren: ReactNode\n}\n\nconst NavigationClientContext = createContext<NavigationClient | undefined>(undefined)\n\nexport const NavigationClientProvider = ({ client, children }: NavigationClientProviderProps) => {\n\treturn (\n\t\t<NavigationClientContext.Provider value={client}>{children}</NavigationClientContext.Provider>\n\t)\n}\n\nexport const useNavigationClient = (): NavigationClient => {\n\tconst context = useContext(NavigationClientContext)\n\tif (context === undefined) {\n\t\tthrow new Error('useNavigationClient must be used within a NavigationClientProvider')\n\t}\n\treturn context\n}\n"],"names":[],"mappings":";;AAQA,MAAM,0BAA0B,cAA4C,MAAS;AAE9E,MAAM,2BAA2B,CAAC,EAAE,QAAQ,eAA8C;AAChG,6BACE,wBAAwB,UAAxB,EAAiC,OAAO,QAAS,UAAS;AAE7D;AAEO,MAAM,sBAAsB,MAAwB;AACpD,QAAA,UAAU,WAAW,uBAAuB;AAClD,MAAI,YAAY,QAAW;AACpB,UAAA,IAAI,MAAM,oEAAoE;AAAA,EAAA;AAE9E,SAAA;AACR;"}

package/dist/harmony87.cjs

@@ -1,11 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const louis = require("@lokalise/louis");
-const React = require("react");
-const DropdownContent = ({ items }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
-  !!index && item.some((value) => value.visible) && /* @__PURE__ */ jsxRuntime.jsx(louis.MenuDivider, {}),
-  item.filter(({ visible }) => visible).map(({ link, label, onClick }) => /* @__PURE__ */ jsxRuntime.jsx(louis.MenuItem, { href: link || "#", "aria-label": label, onClick, children: label }, label))
-] }, item[0].label)) });
-exports.DropdownContent = DropdownContent;
+const reactQuery = require("@tanstack/react-query");
+const queryClient = new reactQuery.QueryClient({});
+exports.queryClient = queryClient;
 //# sourceMappingURL=harmony87.cjs.map

package/dist/harmony87.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony87.cjs","sources":["../src/components/NavigationPanel/components/DropdownContent/DropdownContent.tsx"],"sourcesContent":["import type { DropdownItem } from '@features/navigation/types/navigation'\nimport { MenuDivider, MenuItem } from '@lokalise/louis'\nimport { Fragment } from 'react'\n\nexport const DropdownContent = ({ items }: { items: DropdownItem[][] }) => (\n\t<>\n\t\t{items.map((item, index) => (\n\t\t\t<Fragment key={item[0].label}>\n\t\t\t\t{!!index && item.some((value) => value.visible) && <MenuDivider />}\n\t\t\t\t{item\n\t\t\t\t\t.filter(({ visible }) => visible)\n\t\t\t\t\t.map(({ link, label, onClick }) => (\n\t\t\t\t\t\t<MenuItem key={label} href={link || '#'} aria-label={label} onClick={onClick}>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t))}\n\t\t\t</Fragment>\n\t\t))}\n\t</>\n)\n"],"names":["jsx","Fragment","jsxs","MenuDivider","MenuItem"],"mappings":";;;;;AAIO,MAAM,kBAAkB,CAAC,EAAE,MAAA,MACjCA,2BAAAA,IAAAC,WAAAA,UAAA,EACE,UAAM,MAAA,IAAI,CAAC,MAAM,UACjBC,2BAAAA,KAACD,MAAAA,UAAA,EACC,UAAA;AAAA,EAAC,CAAA,CAAC,SAAS,KAAK,KAAK,CAAC,UAAU,MAAM,OAAO,KAAKD,+BAACG,MAAAA,aAAY,CAAA,CAAA;AAAA,EAC/D,KACC,OAAO,CAAC,EAAE,cAAc,OAAO,EAC/B,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,MAC3BH,+BAAAI,MAAAA,UAAA,EAAqB,MAAM,QAAQ,KAAK,cAAY,OAAO,SAC1D,UADa,MAAA,GAAA,KAEf,CACA;AAAA,EAAA,GARY,KAAK,CAAC,EAAE,KASvB,CACA,EACF,CAAA;;"}
+{"version":3,"file":"harmony87.cjs","sources":["../src/shared/queryClient.ts"],"sourcesContent":["import { QueryClient } from '@tanstack/react-query'\n\nexport const queryClient = new QueryClient({})\n"],"names":["QueryClient"],"mappings":";;;AAEO,MAAM,cAAc,IAAIA,WAAAA,YAAY,CAAE,CAAA;;"}

package/dist/harmony87.mjs

@@ -1,11 +1,6 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { MenuDivider, MenuItem } from "@lokalise/louis";
-import { Fragment as Fragment$1 } from "react";
-const DropdownContent = ({ items }) => /* @__PURE__ */ jsx(Fragment, { children: items.map((item, index) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
-  !!index && item.some((value) => value.visible) && /* @__PURE__ */ jsx(MenuDivider, {}),
-  item.filter(({ visible }) => visible).map(({ link, label, onClick }) => /* @__PURE__ */ jsx(MenuItem, { href: link || "#", "aria-label": label, onClick, children: label }, label))
-] }, item[0].label)) });
+import { QueryClient } from "@tanstack/react-query";
+const queryClient = new QueryClient({});
 export {
-  DropdownContent
+  queryClient
 };
 //# sourceMappingURL=harmony87.mjs.map

package/dist/harmony87.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony87.mjs","sources":["../src/components/NavigationPanel/components/DropdownContent/DropdownContent.tsx"],"sourcesContent":["import type { DropdownItem } from '@features/navigation/types/navigation'\nimport { MenuDivider, MenuItem } from '@lokalise/louis'\nimport { Fragment } from 'react'\n\nexport const DropdownContent = ({ items }: { items: DropdownItem[][] }) => (\n\t<>\n\t\t{items.map((item, index) => (\n\t\t\t<Fragment key={item[0].label}>\n\t\t\t\t{!!index && item.some((value) => value.visible) && <MenuDivider />}\n\t\t\t\t{item\n\t\t\t\t\t.filter(({ visible }) => visible)\n\t\t\t\t\t.map(({ link, label, onClick }) => (\n\t\t\t\t\t\t<MenuItem key={label} href={link || '#'} aria-label={label} onClick={onClick}>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t))}\n\t\t\t</Fragment>\n\t\t))}\n\t</>\n)\n"],"names":["Fragment"],"mappings":";;;AAIO,MAAM,kBAAkB,CAAC,EAAE,MAAA,MACjC,oBAAA,UAAA,EACE,UAAM,MAAA,IAAI,CAAC,MAAM,UACjB,qBAACA,YAAA,EACC,UAAA;AAAA,EAAC,CAAA,CAAC,SAAS,KAAK,KAAK,CAAC,UAAU,MAAM,OAAO,KAAK,oBAAC,aAAY,CAAA,CAAA;AAAA,EAC/D,KACC,OAAO,CAAC,EAAE,cAAc,OAAO,EAC/B,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,MAC3B,oBAAA,UAAA,EAAqB,MAAM,QAAQ,KAAK,cAAY,OAAO,SAC1D,UADa,MAAA,GAAA,KAEf,CACA;AAAA,EAAA,GARY,KAAK,CAAC,EAAE,KASvB,CACA,EACF,CAAA;"}
+{"version":3,"file":"harmony87.mjs","sources":["../src/shared/queryClient.ts"],"sourcesContent":["import { QueryClient } from '@tanstack/react-query'\n\nexport const queryClient = new QueryClient({})\n"],"names":[],"mappings":";AAEO,MAAM,cAAc,IAAI,YAAY,CAAE,CAAA;"}