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

package/dist/harmony9.mjs

@@ -1,33 +1,62 @@
-const FREE_PLAN_ID = 0;
-const TRIAL_PLAN_ID = 9999;
-const START_PLAN_IDS = [150, 151, 250, 251];
-const ESSENTIAL_PLAN_IDS = [152, 153, 252, 253];
-const PRO_PLAN_IDS = [154, 155, 157, 158, 254, 255, 258, 354, 355, 358];
-const ENTERPRISE_PLAN_IDS = [156, 159, 160, 256, 259, 260];
-const ENTERPRISE_OPENSOURCE_PLAN_ID = 9998;
-const isFreePlan = (planId) => planId === FREE_PLAN_ID;
-const isTrialPlan = (planId) => planId === TRIAL_PLAN_ID;
-const isStartPlan = (planId) => START_PLAN_IDS.includes(planId);
-const isEssentialPlan = (planId) => ESSENTIAL_PLAN_IDS.includes(planId);
-const isProPlan = (planId) => PRO_PLAN_IDS.includes(planId);
-const isEnterprisePlan = (planId) => ENTERPRISE_PLAN_IDS.includes(planId);
-const isPaidPlan = (planId) => planId > FREE_PLAN_ID && planId < ENTERPRISE_OPENSOURCE_PLAN_ID;
-const isEnterpriseOpenSourcePlan = (planId) => planId === ENTERPRISE_OPENSOURCE_PLAN_ID;
+import { jsx, jsxs } from "react/jsx-runtime";
+import { NavigationPanel } from "./harmony3.mjs";
+import { Breadcrumbs } from "./harmony6.mjs";
+import { NavigationTabs } from "./harmony7.mjs";
+import { NavigationClient } from "./harmony84.mjs";
+import { useNavigation } from "./harmony85.mjs";
+import { useNavigationData } from "./harmony86.mjs";
+import { NavigationClientProvider } from "./harmony87.mjs";
+import { QueryClientProvider } from "@tanstack/react-query";
+import { useMemo } from "react";
+import { queryClient } from "./harmony88.mjs";
+const ProjectNavigationPanelInner = ({
+  page,
+  projectId
+}) => {
+  const {
+    data: { project, contributor },
+    isLoading,
+    error
+  } = useNavigationData(projectId);
+  const navigationItems = useNavigation(page, project, contributor);
+  if (isLoading) {
+    return (
+      // TODO: replace with loading state
+      /* @__PURE__ */ jsxs(NavigationPanel, { children: [
+        /* @__PURE__ */ jsx(NavigationPanel.Header, { children: /* @__PURE__ */ jsx("div", { children: "Loading navigation..." }) }),
+        /* @__PURE__ */ jsx(NavigationPanel.Tabs, { children: /* @__PURE__ */ jsx("div", { children: "Loading..." }) })
+      ] })
+    );
+  }
+  if (error) {
+    return (
+      // TODO: replace with error state
+      /* @__PURE__ */ jsxs(NavigationPanel, { children: [
+        /* @__PURE__ */ jsx(NavigationPanel.Header, { children: /* @__PURE__ */ jsx("div", { children: "Error loading navigation" }) }),
+        /* @__PURE__ */ jsx(NavigationPanel.Tabs, { children: /* @__PURE__ */ jsx("div", { children: "Failed to load navigation data" }) })
+      ] })
+    );
+  }
+  const breadcrumbsItems = [
+    {
+      name: "Projects",
+      link: "/projects"
+    },
+    {
+      name: (project == null ? void 0 : project.name) || "Project",
+      link: `/project/${project == null ? void 0 : project.uuid}/`
+    }
+  ];
+  return /* @__PURE__ */ jsxs(NavigationPanel, { children: [
+    /* @__PURE__ */ jsx(NavigationPanel.Header, { children: /* @__PURE__ */ jsx(Breadcrumbs, { items: breadcrumbsItems }) }),
+    /* @__PURE__ */ jsx(NavigationPanel.Tabs, { children: /* @__PURE__ */ jsx(NavigationTabs, { navigation: navigationItems, activeItem: page }) })
+  ] });
+};
+const ProjectNavigationPanel = ({ config, ...props }) => {
+  const navigationClient = useMemo(() => new NavigationClient(config), [config]);
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(NavigationClientProvider, { client: navigationClient, children: /* @__PURE__ */ jsx(ProjectNavigationPanelInner, { ...props }) }) });
+};
 export {
-  ENTERPRISE_OPENSOURCE_PLAN_ID,
-  ENTERPRISE_PLAN_IDS,
-  ESSENTIAL_PLAN_IDS,
-  FREE_PLAN_ID,
-  PRO_PLAN_IDS,
-  START_PLAN_IDS,
-  TRIAL_PLAN_ID,
-  isEnterpriseOpenSourcePlan,
-  isEnterprisePlan,
-  isEssentialPlan,
-  isFreePlan,
-  isPaidPlan,
-  isProPlan,
-  isStartPlan,
-  isTrialPlan
+  ProjectNavigationPanel
 };
 //# sourceMappingURL=harmony9.mjs.map

package/dist/harmony9.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony9.mjs","sources":["../src/utils/billing/plan/plan.ts"],"sourcesContent":["export const FREE_PLAN_ID = 0\nexport const TRIAL_PLAN_ID = 9999\nexport const START_PLAN_IDS = [150, 151, 250, 251]\nexport const ESSENTIAL_PLAN_IDS = [152, 153, 252, 253]\nexport const PRO_PLAN_IDS = [154, 155, 157, 158, 254, 255, 258, 354, 355, 358]\nexport const ENTERPRISE_PLAN_IDS = [156, 159, 160, 256, 259, 260]\nexport const ENTERPRISE_OPENSOURCE_PLAN_ID = 9998\n\nexport const isFreePlan = (planId: number) => planId === FREE_PLAN_ID\nexport const isTrialPlan = (planId: number) => planId === TRIAL_PLAN_ID\nexport const isStartPlan = (planId: number) => START_PLAN_IDS.includes(planId)\nexport const isEssentialPlan = (planId: number) => ESSENTIAL_PLAN_IDS.includes(planId)\nexport const isProPlan = (planId: number) => PRO_PLAN_IDS.includes(planId)\n// Enterprise open-source is NOT treated as real Enterprise plan anymore. It's a legacy now.\nexport const isEnterprisePlan = (planId: number) => ENTERPRISE_PLAN_IDS.includes(planId)\nexport const isPaidPlan = (planId: number) =>\n\tplanId > FREE_PLAN_ID && planId < ENTERPRISE_OPENSOURCE_PLAN_ID\nexport const isEnterpriseOpenSourcePlan = (planId: number) =>\n\tplanId === ENTERPRISE_OPENSOURCE_PLAN_ID\n"],"names":[],"mappings":"AAAO,MAAM,eAAe;AACrB,MAAM,gBAAgB;AACtB,MAAM,iBAAiB,CAAC,KAAK,KAAK,KAAK,GAAG;AAC1C,MAAM,qBAAqB,CAAC,KAAK,KAAK,KAAK,GAAG;AACxC,MAAA,eAAe,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AACtE,MAAM,sBAAsB,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AACzD,MAAM,gCAAgC;AAEhC,MAAA,aAAa,CAAC,WAAmB,WAAW;AAC5C,MAAA,cAAc,CAAC,WAAmB,WAAW;AACnD,MAAM,cAAc,CAAC,WAAmB,eAAe,SAAS,MAAM;AACtE,MAAM,kBAAkB,CAAC,WAAmB,mBAAmB,SAAS,MAAM;AAC9E,MAAM,YAAY,CAAC,WAAmB,aAAa,SAAS,MAAM;AAElE,MAAM,mBAAmB,CAAC,WAAmB,oBAAoB,SAAS,MAAM;AAChF,MAAM,aAAa,CAAC,WAC1B,SAAS,gBAAgB,SAAS;AACtB,MAAA,6BAA6B,CAAC,WAC1C,WAAW;"}
+{"version":3,"file":"harmony9.mjs","sources":["../src/features/navigation/ProjectNavigationPanel.tsx"],"sourcesContent":["import { NavigationPanel } from '@components/NavigationPanel/NavigationPanel'\nimport { Breadcrumbs } from '@components/NavigationPanel/components/Breadcrumbs/Breadcrumbs'\nimport { NavigationTabs } from '@components/NavigationPanel/components/NavigationTabs/NavigationTabs'\nimport { NavigationClient, type NavigationConfig } from '@features/navigation/core/NavigationClient'\nimport { useNavigation } from '@features/navigation/hooks/useNavigation'\nimport { useNavigationData } from '@features/navigation/hooks/useNavigationQueries'\nimport { NavigationClientProvider } from '@features/navigation/providers/NavigationClientProvider'\nimport type { Project } from '@features/node'\nimport { QueryClientProvider } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { queryClient } from '../../shared/queryClient'\nimport type { Page } from './types/navigation'\n\nexport interface ProjectNavigationPanelProps {\n\tprojectId: Project['project_id']\n\tpage: Page\n\tconfig: NavigationConfig\n}\n\nconst ProjectNavigationPanelInner = ({\n\tpage,\n\tprojectId,\n}: Omit<ProjectNavigationPanelProps, 'config'>) => {\n\tconst {\n\t\tdata: { project, contributor },\n\t\tisLoading,\n\t\terror,\n\t} = useNavigationData(projectId)\n\n\tconst navigationItems = useNavigation(page, project, contributor)\n\n\tif (isLoading) {\n\t\treturn (\n\t\t\t// TODO: replace with loading state\n\t\t\t<NavigationPanel>\n\t\t\t\t<NavigationPanel.Header>\n\t\t\t\t\t<div>Loading navigation...</div>\n\t\t\t\t</NavigationPanel.Header>\n\t\t\t\t<NavigationPanel.Tabs>\n\t\t\t\t\t<div>Loading...</div>\n\t\t\t\t</NavigationPanel.Tabs>\n\t\t\t</NavigationPanel>\n\t\t)\n\t}\n\n\tif (error) {\n\t\treturn (\n\t\t\t// TODO: replace with error state\n\t\t\t<NavigationPanel>\n\t\t\t\t<NavigationPanel.Header>\n\t\t\t\t\t<div>Error loading navigation</div>\n\t\t\t\t</NavigationPanel.Header>\n\t\t\t\t<NavigationPanel.Tabs>\n\t\t\t\t\t<div>Failed to load navigation data</div>\n\t\t\t\t</NavigationPanel.Tabs>\n\t\t\t</NavigationPanel>\n\t\t)\n\t}\n\n\tconst breadcrumbsItems = [\n\t\t{\n\t\t\tname: 'Projects',\n\t\t\tlink: '/projects',\n\t\t},\n\t\t{\n\t\t\tname: project?.name || 'Project',\n\t\t\tlink: `/project/${project?.uuid}/`,\n\t\t},\n\t]\n\n\treturn (\n\t\t<NavigationPanel>\n\t\t\t<NavigationPanel.Header>\n\t\t\t\t<Breadcrumbs items={breadcrumbsItems} />\n\t\t\t\t{/* TODO: Add branch selector */}\n\t\t\t</NavigationPanel.Header>\n\n\t\t\t<NavigationPanel.Tabs>\n\t\t\t\t<NavigationTabs navigation={navigationItems} activeItem={page} />\n\t\t\t</NavigationPanel.Tabs>\n\t\t</NavigationPanel>\n\t)\n}\n\n/**\n * Complete self-contained ProjectNavigationPanel with all providers included.\n * No external setup required - just pass config and use.\n */\nexport const ProjectNavigationPanel = ({ config, ...props }: ProjectNavigationPanelProps) => {\n\t// Create stable instances\n\n\tconst navigationClient = useMemo(() => new NavigationClient(config), [config])\n\n\treturn (\n\t\t<QueryClientProvider client={queryClient}>\n\t\t\t<NavigationClientProvider client={navigationClient}>\n\t\t\t\t<ProjectNavigationPanelInner {...props} />\n\t\t\t</NavigationClientProvider>\n\t\t</QueryClientProvider>\n\t)\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAmBA,MAAM,8BAA8B,CAAC;AAAA,EACpC;AAAA,EACA;AACD,MAAmD;AAC5C,QAAA;AAAA,IACL,MAAM,EAAE,SAAS,YAAY;AAAA,IAC7B;AAAA,IACA;AAAA,EAAA,IACG,kBAAkB,SAAS;AAE/B,QAAM,kBAAkB,cAAc,MAAM,SAAS,WAAW;AAEhE,MAAI,WAAW;AACd;AAAA;AAAA,2BAEE,iBACA,EAAA,UAAA;AAAA,QAAA,oBAAC,gBAAgB,QAAhB,EACA,UAAC,oBAAA,OAAA,EAAI,kCAAqB,CAAA,GAC3B;AAAA,4BACC,gBAAgB,MAAhB,EACA,UAAC,oBAAA,OAAA,EAAI,wBAAU,EAChB,CAAA;AAAA,MAAA,EACD,CAAA;AAAA;AAAA,EAAA;AAIF,MAAI,OAAO;AACV;AAAA;AAAA,2BAEE,iBACA,EAAA,UAAA;AAAA,QAAA,oBAAC,gBAAgB,QAAhB,EACA,UAAC,oBAAA,OAAA,EAAI,qCAAwB,CAAA,GAC9B;AAAA,4BACC,gBAAgB,MAAhB,EACA,UAAC,oBAAA,OAAA,EAAI,4CAA8B,EACpC,CAAA;AAAA,MAAA,EACD,CAAA;AAAA;AAAA,EAAA;AAIF,QAAM,mBAAmB;AAAA,IACxB;AAAA,MACC,MAAM;AAAA,MACN,MAAM;AAAA,IACP;AAAA,IACA;AAAA,MACC,OAAM,mCAAS,SAAQ;AAAA,MACvB,MAAM,YAAY,mCAAS,IAAI;AAAA,IAAA;AAAA,EAEjC;AAEA,8BACE,iBACA,EAAA,UAAA;AAAA,IAAA,oBAAC,gBAAgB,QAAhB,EACA,8BAAC,aAAY,EAAA,OAAO,iBAAkB,CAAA,GAEvC;AAAA,IAEA,oBAAC,gBAAgB,MAAhB,EACA,UAAA,oBAAC,kBAAe,YAAY,iBAAiB,YAAY,KAAM,CAAA,EAChE,CAAA;AAAA,EAAA,GACD;AAEF;AAMO,MAAM,yBAAyB,CAAC,EAAE,QAAQ,GAAG,YAAyC;AAGtF,QAAA,mBAAmB,QAAQ,MAAM,IAAI,iBAAiB,MAAM,GAAG,CAAC,MAAM,CAAC;AAE7E,SACE,oBAAA,qBAAA,EAAoB,QAAQ,aAC5B,UAAC,oBAAA,0BAAA,EAAyB,QAAQ,kBACjC,UAAC,oBAAA,6BAAA,EAA6B,GAAG,MAAO,CAAA,EACzC,CAAA,GACD;AAEF;"}

package/dist/harmony90.cjs

@@ -1,15 +1,47 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const louis = require("@lokalise/louis");
-const SortingIcon = ({ direction }) => {
-  if (direction === "asc") {
-    return /* @__PURE__ */ jsxRuntime.jsx(louis.SortAscendingIcon, { ariaLabel: "ascending sorting" });
-  }
-  if (direction === "desc") {
-    return /* @__PURE__ */ jsxRuntime.jsx(louis.SortDescendingIcon, { ariaLabel: "descending sorting" });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(louis.SortIcon, { ariaLabel: "sorting" });
+const React = require("react");
+const NavigationClientProvider = require("./harmony87.cjs");
+const navigationSchema = require("./harmony107.cjs");
+const useNextgenNavigation = (activeKey, enabled, project, contributor) => {
+  const navigationClient = NavigationClientProvider.useNavigationClient();
+  const nextgenUrl = navigationClient.getNextgenUrl();
+  const navigate = React.useCallback(
+    (path) => {
+      window.location.href = `${nextgenUrl}${path}`;
+    },
+    [nextgenUrl]
+  );
+  return React.useMemo(() => {
+    if (!enabled) {
+      return [];
+    }
+    const projectId = (project == null ? void 0 : project.project_id) || "";
+    const context = {
+      flags: {},
+      // TODO: getFeatureFlags(features),
+      pathname: window.location.pathname,
+      permissions: []
+    };
+    return navigationSchema.navigationItems.filter((item) => item.shouldShow ? item.shouldShow(context) : true).map((item) => {
+      const disabled = typeof item.disabled === "function" ? item.disabled(context) : !!item.disabled;
+      const badge = typeof item.badge === "function" ? item.badge(context) : item.badge;
+      const isActive = (input) => item.isActive ? item.isActive(input) : item.key === activeKey || input === item.key;
+      return {
+        key: item.key,
+        label: item.labelKey,
+        // You can apply translations here if needed
+        icon: item.icon,
+        visible: true,
+        badge,
+        disabled,
+        dropdown: item.dropdown,
+        isActive,
+        link: `${nextgenUrl}${item.path({ projectId })}`,
+        onClick: () => navigate(item.path({ projectId }))
+      };
+    });
+  }, [project, activeKey, enabled, navigate, contributor, nextgenUrl]);
 };
-exports.SortingIcon = SortingIcon;
+exports.useNextgenNavigation = useNextgenNavigation;
 //# sourceMappingURL=harmony90.cjs.map

package/dist/harmony90.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony90.cjs","sources":["../src/components/Table/components/SortingIcon.tsx"],"sourcesContent":["import { SortAscendingIcon, SortDescendingIcon, SortIcon } from '@lokalise/louis'\nimport type { SortDirection } from '@tanstack/react-table'\n\ntype SortingIconProps = {\n\tdirection: SortDirection | false\n}\n\nexport const SortingIcon = ({ direction }: SortingIconProps) => {\n\tif (direction === 'asc') {\n\t\treturn <SortAscendingIcon ariaLabel=\"ascending sorting\" />\n\t}\n\tif (direction === 'desc') {\n\t\treturn <SortDescendingIcon ariaLabel=\"descending sorting\" />\n\t}\n\treturn <SortIcon ariaLabel=\"sorting\" />\n}\n"],"names":["jsx","SortAscendingIcon","SortDescendingIcon","SortIcon"],"mappings":";;;;AAOO,MAAM,cAAc,CAAC,EAAE,gBAAkC;AAC/D,MAAI,cAAc,OAAO;AACjB,WAAAA,2BAAA,IAACC,MAAkB,mBAAA,EAAA,WAAU,oBAAoB,CAAA;AAAA,EAAA;AAEzD,MAAI,cAAc,QAAQ;AAClB,WAAAD,2BAAA,IAACE,MAAmB,oBAAA,EAAA,WAAU,qBAAqB,CAAA;AAAA,EAAA;AAEpD,SAAAF,2BAAA,IAACG,MAAS,UAAA,EAAA,WAAU,UAAU,CAAA;AACtC;;"}
+{"version":3,"file":"harmony90.cjs","sources":["../src/features/navigation/hooks/useNextgenNavigation.ts"],"sourcesContent":["import type { Contributor, Project } from '@features/node'\nimport { useCallback, useMemo } from 'react'\nimport { useNavigationClient } from '../providers/NavigationClientProvider'\n// TODO: react-router-dom as peer dependencies works only inside next-gen apps. It shouldn't be like that.\n// Because of that we can't use THE WHOLE package in legacy apps, therefore it should be implemented in legacy apps as well(almost impossible),\n// so this dependency should be installed as direct dependency. or we should think about other options\n// import { useNavigate } from \"react-router-dom\";\nimport { navigationItems } from '../schemas/navigationSchema'\n\n// TODO: Unify navigation items for next-gen and legacy apps\n/**\n * Hook to generate navigation items for new applications\n */\nexport const useNextgenNavigation = (\n\tactiveKey: string,\n\tenabled: boolean,\n\tproject?: Project,\n\tcontributor?: Contributor,\n) => {\n\tconst navigationClient = useNavigationClient()\n\tconst nextgenUrl = navigationClient.getNextgenUrl()\n\n\tconst navigate = useCallback(\n\t\t(path: string) => {\n\t\t\t// TODO: Define navigate logic here\n\t\t\twindow.location.href = `${nextgenUrl}${path}`\n\t\t},\n\t\t[nextgenUrl],\n\t)\n\n\treturn useMemo(() => {\n\t\tif (!enabled) {\n\t\t\treturn []\n\t\t}\n\n\t\tconst projectId = project?.project_id || ''\n\n\t\t// Context for filtering and transforming navigation items\n\t\tconst context = {\n\t\t\tflags: {}, // TODO: getFeatureFlags(features),\n\t\t\tpathname: window.location.pathname,\n\t\t\tpermissions: contributor?.admin_rights || [],\n\t\t}\n\n\t\t// Filter and map items\n\t\treturn (\n\t\t\tnavigationItems\n\t\t\t\t// Filter based on conditions\n\t\t\t\t.filter((item) => (item.shouldShow ? item.shouldShow(context) : true))\n\t\t\t\t// Map to NavigationTabsItem shape\n\t\t\t\t.map((item) => {\n\t\t\t\t\tconst disabled =\n\t\t\t\t\t\ttypeof item.disabled === 'function' ? item.disabled(context) : !!item.disabled\n\n\t\t\t\t\tconst badge = typeof item.badge === 'function' ? item.badge(context) : item.badge\n\n\t\t\t\t\t// Create isActive function\n\t\t\t\t\tconst isActive = (input: string) =>\n\t\t\t\t\t\titem.isActive ? item.isActive(input) : item.key === activeKey || input === item.key\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\tkey: item.key,\n\t\t\t\t\t\tlabel: item.labelKey, // You can apply translations here if needed\n\t\t\t\t\t\ticon: item.icon,\n\t\t\t\t\t\tvisible: true,\n\t\t\t\t\t\tbadge,\n\t\t\t\t\t\tdisabled,\n\t\t\t\t\t\tdropdown: item.dropdown,\n\t\t\t\t\t\tisActive,\n\t\t\t\t\t\tlink: `${nextgenUrl}${item.path({ projectId })}`,\n\t\t\t\t\t\tonClick: () => navigate(item.path({ projectId })),\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t)\n\t}, [project, activeKey, enabled, navigate, contributor, nextgenUrl])\n}\n\n// TODO: Helper to convert features to flags format\n// const getFeatureFlags = (features) => {\n// \tif (!features) return {}\n//\n// \t// Convert features to the format expected by navigation schema\n// \treturn Object.keys(features).reduce((flags, key) => {\n// \t\tflags[key] = features[key] ? 'on' : 'off'\n// \t\treturn flags\n// \t}, {})\n// }\n"],"names":["useNavigationClient","useCallback","useMemo","navigationItems"],"mappings":";;;;;AAaO,MAAM,uBAAuB,CACnC,WACA,SACA,SACA,gBACI;AACJ,QAAM,mBAAmBA,yBAAAA,oBAAoB;AACvC,QAAA,aAAa,iBAAiB,cAAc;AAElD,QAAM,WAAWC,MAAA;AAAA,IAChB,CAAC,SAAiB;AAEjB,aAAO,SAAS,OAAO,GAAG,UAAU,GAAG,IAAI;AAAA,IAC5C;AAAA,IACA,CAAC,UAAU;AAAA,EACZ;AAEA,SAAOC,cAAQ,MAAM;AACpB,QAAI,CAAC,SAAS;AACb,aAAO,CAAC;AAAA,IAAA;AAGH,UAAA,aAAY,mCAAS,eAAc;AAGzC,UAAM,UAAU;AAAA,MACf,OAAO,CAAC;AAAA;AAAA,MACR,UAAU,OAAO,SAAS;AAAA,MAC1B,aAA0C,CAAA;AAAA,IAC3C;AAGA,WACCC,iBAEE,gBAAA,OAAO,CAAC,SAAU,KAAK,aAAa,KAAK,WAAW,OAAO,IAAI,IAAK,EAEpE,IAAI,CAAC,SAAS;AACR,YAAA,WACL,OAAO,KAAK,aAAa,aAAa,KAAK,SAAS,OAAO,IAAI,CAAC,CAAC,KAAK;AAEjE,YAAA,QAAQ,OAAO,KAAK,UAAU,aAAa,KAAK,MAAM,OAAO,IAAI,KAAK;AAG5E,YAAM,WAAW,CAAC,UACjB,KAAK,WAAW,KAAK,SAAS,KAAK,IAAI,KAAK,QAAQ,aAAa,UAAU,KAAK;AAE1E,aAAA;AAAA,QACN,KAAK,KAAK;AAAA,QACV,OAAO,KAAK;AAAA;AAAA,QACZ,MAAM,KAAK;AAAA,QACX,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA,UAAU,KAAK;AAAA,QACf;AAAA,QACA,MAAM,GAAG,UAAU,GAAG,KAAK,KAAK,EAAE,UAAW,CAAA,CAAC;AAAA,QAC9C,SAAS,MAAM,SAAS,KAAK,KAAK,EAAE,UAAA,CAAW,CAAC;AAAA,MACjD;AAAA,IAAA,CACA;AAAA,EAAA,GAED,CAAC,SAAS,WAAW,SAAS,UAAU,aAAa,UAAU,CAAC;AACpE;;"}

package/dist/harmony90.mjs

@@ -1,15 +1,47 @@
-import { jsx } from "react/jsx-runtime";
-import { SortAscendingIcon, SortDescendingIcon, SortIcon } from "@lokalise/louis";
-const SortingIcon = ({ direction }) => {
-  if (direction === "asc") {
-    return /* @__PURE__ */ jsx(SortAscendingIcon, { ariaLabel: "ascending sorting" });
-  }
-  if (direction === "desc") {
-    return /* @__PURE__ */ jsx(SortDescendingIcon, { ariaLabel: "descending sorting" });
-  }
-  return /* @__PURE__ */ jsx(SortIcon, { ariaLabel: "sorting" });
+import { useCallback, useMemo } from "react";
+import { useNavigationClient } from "./harmony87.mjs";
+import { navigationItems } from "./harmony107.mjs";
+const useNextgenNavigation = (activeKey, enabled, project, contributor) => {
+  const navigationClient = useNavigationClient();
+  const nextgenUrl = navigationClient.getNextgenUrl();
+  const navigate = useCallback(
+    (path) => {
+      window.location.href = `${nextgenUrl}${path}`;
+    },
+    [nextgenUrl]
+  );
+  return useMemo(() => {
+    if (!enabled) {
+      return [];
+    }
+    const projectId = (project == null ? void 0 : project.project_id) || "";
+    const context = {
+      flags: {},
+      // TODO: getFeatureFlags(features),
+      pathname: window.location.pathname,
+      permissions: []
+    };
+    return navigationItems.filter((item) => item.shouldShow ? item.shouldShow(context) : true).map((item) => {
+      const disabled = typeof item.disabled === "function" ? item.disabled(context) : !!item.disabled;
+      const badge = typeof item.badge === "function" ? item.badge(context) : item.badge;
+      const isActive = (input) => item.isActive ? item.isActive(input) : item.key === activeKey || input === item.key;
+      return {
+        key: item.key,
+        label: item.labelKey,
+        // You can apply translations here if needed
+        icon: item.icon,
+        visible: true,
+        badge,
+        disabled,
+        dropdown: item.dropdown,
+        isActive,
+        link: `${nextgenUrl}${item.path({ projectId })}`,
+        onClick: () => navigate(item.path({ projectId }))
+      };
+    });
+  }, [project, activeKey, enabled, navigate, contributor, nextgenUrl]);
 };
 export {
-  SortingIcon
+  useNextgenNavigation
 };
 //# sourceMappingURL=harmony90.mjs.map

package/dist/harmony90.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony90.mjs","sources":["../src/components/Table/components/SortingIcon.tsx"],"sourcesContent":["import { SortAscendingIcon, SortDescendingIcon, SortIcon } from '@lokalise/louis'\nimport type { SortDirection } from '@tanstack/react-table'\n\ntype SortingIconProps = {\n\tdirection: SortDirection | false\n}\n\nexport const SortingIcon = ({ direction }: SortingIconProps) => {\n\tif (direction === 'asc') {\n\t\treturn <SortAscendingIcon ariaLabel=\"ascending sorting\" />\n\t}\n\tif (direction === 'desc') {\n\t\treturn <SortDescendingIcon ariaLabel=\"descending sorting\" />\n\t}\n\treturn <SortIcon ariaLabel=\"sorting\" />\n}\n"],"names":[],"mappings":";;AAOO,MAAM,cAAc,CAAC,EAAE,gBAAkC;AAC/D,MAAI,cAAc,OAAO;AACjB,WAAA,oBAAC,mBAAkB,EAAA,WAAU,oBAAoB,CAAA;AAAA,EAAA;AAEzD,MAAI,cAAc,QAAQ;AAClB,WAAA,oBAAC,oBAAmB,EAAA,WAAU,qBAAqB,CAAA;AAAA,EAAA;AAEpD,SAAA,oBAAC,UAAS,EAAA,WAAU,UAAU,CAAA;AACtC;"}
+{"version":3,"file":"harmony90.mjs","sources":["../src/features/navigation/hooks/useNextgenNavigation.ts"],"sourcesContent":["import type { Contributor, Project } from '@features/node'\nimport { useCallback, useMemo } from 'react'\nimport { useNavigationClient } from '../providers/NavigationClientProvider'\n// TODO: react-router-dom as peer dependencies works only inside next-gen apps. It shouldn't be like that.\n// Because of that we can't use THE WHOLE package in legacy apps, therefore it should be implemented in legacy apps as well(almost impossible),\n// so this dependency should be installed as direct dependency. or we should think about other options\n// import { useNavigate } from \"react-router-dom\";\nimport { navigationItems } from '../schemas/navigationSchema'\n\n// TODO: Unify navigation items for next-gen and legacy apps\n/**\n * Hook to generate navigation items for new applications\n */\nexport const useNextgenNavigation = (\n\tactiveKey: string,\n\tenabled: boolean,\n\tproject?: Project,\n\tcontributor?: Contributor,\n) => {\n\tconst navigationClient = useNavigationClient()\n\tconst nextgenUrl = navigationClient.getNextgenUrl()\n\n\tconst navigate = useCallback(\n\t\t(path: string) => {\n\t\t\t// TODO: Define navigate logic here\n\t\t\twindow.location.href = `${nextgenUrl}${path}`\n\t\t},\n\t\t[nextgenUrl],\n\t)\n\n\treturn useMemo(() => {\n\t\tif (!enabled) {\n\t\t\treturn []\n\t\t}\n\n\t\tconst projectId = project?.project_id || ''\n\n\t\t// Context for filtering and transforming navigation items\n\t\tconst context = {\n\t\t\tflags: {}, // TODO: getFeatureFlags(features),\n\t\t\tpathname: window.location.pathname,\n\t\t\tpermissions: contributor?.admin_rights || [],\n\t\t}\n\n\t\t// Filter and map items\n\t\treturn (\n\t\t\tnavigationItems\n\t\t\t\t// Filter based on conditions\n\t\t\t\t.filter((item) => (item.shouldShow ? item.shouldShow(context) : true))\n\t\t\t\t// Map to NavigationTabsItem shape\n\t\t\t\t.map((item) => {\n\t\t\t\t\tconst disabled =\n\t\t\t\t\t\ttypeof item.disabled === 'function' ? item.disabled(context) : !!item.disabled\n\n\t\t\t\t\tconst badge = typeof item.badge === 'function' ? item.badge(context) : item.badge\n\n\t\t\t\t\t// Create isActive function\n\t\t\t\t\tconst isActive = (input: string) =>\n\t\t\t\t\t\titem.isActive ? item.isActive(input) : item.key === activeKey || input === item.key\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\tkey: item.key,\n\t\t\t\t\t\tlabel: item.labelKey, // You can apply translations here if needed\n\t\t\t\t\t\ticon: item.icon,\n\t\t\t\t\t\tvisible: true,\n\t\t\t\t\t\tbadge,\n\t\t\t\t\t\tdisabled,\n\t\t\t\t\t\tdropdown: item.dropdown,\n\t\t\t\t\t\tisActive,\n\t\t\t\t\t\tlink: `${nextgenUrl}${item.path({ projectId })}`,\n\t\t\t\t\t\tonClick: () => navigate(item.path({ projectId })),\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t)\n\t}, [project, activeKey, enabled, navigate, contributor, nextgenUrl])\n}\n\n// TODO: Helper to convert features to flags format\n// const getFeatureFlags = (features) => {\n// \tif (!features) return {}\n//\n// \t// Convert features to the format expected by navigation schema\n// \treturn Object.keys(features).reduce((flags, key) => {\n// \t\tflags[key] = features[key] ? 'on' : 'off'\n// \t\treturn flags\n// \t}, {})\n// }\n"],"names":[],"mappings":";;;AAaO,MAAM,uBAAuB,CACnC,WACA,SACA,SACA,gBACI;AACJ,QAAM,mBAAmB,oBAAoB;AACvC,QAAA,aAAa,iBAAiB,cAAc;AAElD,QAAM,WAAW;AAAA,IAChB,CAAC,SAAiB;AAEjB,aAAO,SAAS,OAAO,GAAG,UAAU,GAAG,IAAI;AAAA,IAC5C;AAAA,IACA,CAAC,UAAU;AAAA,EACZ;AAEA,SAAO,QAAQ,MAAM;AACpB,QAAI,CAAC,SAAS;AACb,aAAO,CAAC;AAAA,IAAA;AAGH,UAAA,aAAY,mCAAS,eAAc;AAGzC,UAAM,UAAU;AAAA,MACf,OAAO,CAAC;AAAA;AAAA,MACR,UAAU,OAAO,SAAS;AAAA,MAC1B,aAA0C,CAAA;AAAA,IAC3C;AAGA,WACC,gBAEE,OAAO,CAAC,SAAU,KAAK,aAAa,KAAK,WAAW,OAAO,IAAI,IAAK,EAEpE,IAAI,CAAC,SAAS;AACR,YAAA,WACL,OAAO,KAAK,aAAa,aAAa,KAAK,SAAS,OAAO,IAAI,CAAC,CAAC,KAAK;AAEjE,YAAA,QAAQ,OAAO,KAAK,UAAU,aAAa,KAAK,MAAM,OAAO,IAAI,KAAK;AAG5E,YAAM,WAAW,CAAC,UACjB,KAAK,WAAW,KAAK,SAAS,KAAK,IAAI,KAAK,QAAQ,aAAa,UAAU,KAAK;AAE1E,aAAA;AAAA,QACN,KAAK,KAAK;AAAA,QACV,OAAO,KAAK;AAAA;AAAA,QACZ,MAAM,KAAK;AAAA,QACX,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA,UAAU,KAAK;AAAA,QACf;AAAA,QACA,MAAM,GAAG,UAAU,GAAG,KAAK,KAAK,EAAE,UAAW,CAAA,CAAC;AAAA,QAC9C,SAAS,MAAM,SAAS,KAAK,KAAK,EAAE,UAAA,CAAW,CAAC;AAAA,MACjD;AAAA,IAAA,CACA;AAAA,EAAA,GAED,CAAC,SAAS,WAAW,SAAS,UAAU,aAAa,UAAU,CAAC;AACpE;"}

package/dist/harmony91.cjs

@@ -1,15 +1,6 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const headerSortButton = "_headerSortButton_b5tlh_1";
-const centeredCell = "_centeredCell_b5tlh_15";
-const rightAlignedCell = "_rightAlignedCell_b5tlh_19";
-const styles = {
-  headerSortButton,
-  centeredCell,
-  rightAlignedCell
-};
-exports.centeredCell = centeredCell;
-exports.default = styles;
-exports.headerSortButton = headerSortButton;
-exports.rightAlignedCell = rightAlignedCell;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const SidebarContext = React.createContext({});
+exports.SidebarContext = SidebarContext;
 //# sourceMappingURL=harmony91.cjs.map

package/dist/harmony91.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony91.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"harmony91.cjs","sources":["../src/components/Sidebar/SidebarContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { SidebarContextProps } from './types'\n\nexport const SidebarContext = createContext({} as SidebarContextProps)\n\nexport const useSidebar = () => {\n\tconst context = useContext(SidebarContext)\n\n\tif (!context) {\n\t\tthrow new Error(\n\t\t\t'You are using useSidebar hook outside its context. Please review your code implementation',\n\t\t)\n\t}\n\n\treturn context\n}\n"],"names":["createContext"],"mappings":";;;AAGa,MAAA,iBAAiBA,MAAc,cAAA,CAAyB,CAAA;;"}

package/dist/harmony91.mjs

@@ -1,15 +1,6 @@
-const headerSortButton = "_headerSortButton_b5tlh_1";
-const centeredCell = "_centeredCell_b5tlh_15";
-const rightAlignedCell = "_rightAlignedCell_b5tlh_19";
-const styles = {
-  headerSortButton,
-  centeredCell,
-  rightAlignedCell
-};
+import { createContext } from "react";
+const SidebarContext = createContext({});
 export {
-  centeredCell,
-  styles as default,
-  headerSortButton,
-  rightAlignedCell
+  SidebarContext
 };
 //# sourceMappingURL=harmony91.mjs.map

package/dist/harmony91.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony91.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"harmony91.mjs","sources":["../src/components/Sidebar/SidebarContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { SidebarContextProps } from './types'\n\nexport const SidebarContext = createContext({} as SidebarContextProps)\n\nexport const useSidebar = () => {\n\tconst context = useContext(SidebarContext)\n\n\tif (!context) {\n\t\tthrow new Error(\n\t\t\t'You are using useSidebar hook outside its context. Please review your code implementation',\n\t\t)\n\t}\n\n\treturn context\n}\n"],"names":[],"mappings":";AAGa,MAAA,iBAAiB,cAAc,CAAyB,CAAA;"}

package/dist/harmony92.cjs

@@ -1,6 +1,21 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const SidebarContext = React.createContext({});
-exports.SidebarContext = SidebarContext;
+const jsxRuntime = require("react/jsx-runtime");
+const louis = require("@lokalise/louis");
+const clsx = require("./harmony74.cjs");
+const IconLink_module = require("./harmony108.cjs");
+const IconLink = ({ label, to, icon: Icon }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(louis.Tooltip, { placement: "right", tooltip: label, children: /* @__PURE__ */ jsxRuntime.jsx(
+    louis.Link,
+    {
+      "aria-label": label,
+      className: clsx.clsx(IconLink_module.default.link, {
+        [IconLink_module.default.active]: typeof window !== "undefined" && window.location.pathname.startsWith(to)
+      }),
+      href: to,
+      children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: "25px" })
+    }
+  ) });
+};
+exports.IconLink = IconLink;
 //# sourceMappingURL=harmony92.cjs.map

package/dist/harmony92.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony92.cjs","sources":["../src/components/Sidebar/SidebarContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { SidebarContextProps } from './types'\n\nexport const SidebarContext = createContext({} as SidebarContextProps)\n\nexport const useSidebar = () => {\n\tconst context = useContext(SidebarContext)\n\n\tif (!context) {\n\t\tthrow new Error(\n\t\t\t'You are using useSidebar hook outside its context. Please review your code implementation',\n\t\t)\n\t}\n\n\treturn context\n}\n"],"names":["createContext"],"mappings":";;;AAGa,MAAA,iBAAiBA,MAAc,cAAA,CAAyB,CAAA;;"}
+{"version":3,"file":"harmony92.cjs","sources":["../src/components/Sidebar/Widgets/IconLink/IconLink.tsx"],"sourcesContent":["import { Link, type SvgIconProps, Tooltip } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport type { FC } from 'react'\nimport styles from './IconLink.module.css'\n\ntype IconLinkProps = {\n\t/** URL destination for the link */\n\tto: string\n\t/** Text to display in the tooltip when hovering over the icon */\n\tlabel: string\n\t/** Icon component from @lokalise/louis to display */\n\ticon: FC<SvgIconProps>\n}\n\n/**\n * A navigation link component that displays an icon with a tooltip.\n * When hovered, shows a tooltip with the label text.\n * The link is highlighted when the current URL matches its destination.\n *\n * @example\n * ```tsx\n * <IconLink to=\"/projects\" label=\"Projects\" icon={FolderOpenIcon} />\n * ```\n */\nexport const IconLink = ({ label, to, icon: Icon }: IconLinkProps) => {\n\treturn (\n\t\t<Tooltip placement=\"right\" tooltip={label}>\n\t\t\t<Link\n\t\t\t\taria-label={label}\n\t\t\t\tclassName={clsx(styles.link, {\n\t\t\t\t\t[styles.active]: typeof window !== 'undefined' && window.location.pathname.startsWith(to),\n\t\t\t\t})}\n\t\t\t\thref={to}\n\t\t\t>\n\t\t\t\t<Icon size=\"25px\" />\n\t\t\t</Link>\n\t\t</Tooltip>\n\t)\n}\n"],"names":["jsx","Tooltip","Link","clsx","styles"],"mappings":";;;;;;AAwBO,MAAM,WAAW,CAAC,EAAE,OAAO,IAAI,MAAM,WAA0B;AACrE,SACEA,2BAAA,IAAAC,MAAA,SAAA,EAAQ,WAAU,SAAQ,SAAS,OACnC,UAAAD,2BAAA;AAAA,IAACE,MAAA;AAAA,IAAA;AAAA,MACA,cAAY;AAAA,MACZ,WAAWC,KAAAA,KAAKC,gBAAA,QAAO,MAAM;AAAA,QAC5B,CAACA,gBAAO,QAAA,MAAM,GAAG,OAAO,WAAW,eAAe,OAAO,SAAS,SAAS,WAAW,EAAE;AAAA,MAAA,CACxF;AAAA,MACD,MAAM;AAAA,MAEN,UAAAJ,2BAAAA,IAAC,MAAK,EAAA,MAAK,OAAO,CAAA;AAAA,IAAA;AAAA,EAAA,GAEpB;AAEF;;"}

package/dist/harmony92.mjs

@@ -1,6 +1,21 @@
-import { createContext } from "react";
-const SidebarContext = createContext({});
+import { jsx } from "react/jsx-runtime";
+import { Tooltip, Link } from "@lokalise/louis";
+import { clsx } from "./harmony74.mjs";
+import styles from "./harmony108.mjs";
+const IconLink = ({ label, to, icon: Icon }) => {
+  return /* @__PURE__ */ jsx(Tooltip, { placement: "right", tooltip: label, children: /* @__PURE__ */ jsx(
+    Link,
+    {
+      "aria-label": label,
+      className: clsx(styles.link, {
+        [styles.active]: typeof window !== "undefined" && window.location.pathname.startsWith(to)
+      }),
+      href: to,
+      children: /* @__PURE__ */ jsx(Icon, { size: "25px" })
+    }
+  ) });
+};
 export {
-  SidebarContext
+  IconLink
 };
 //# sourceMappingURL=harmony92.mjs.map

package/dist/harmony92.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony92.mjs","sources":["../src/components/Sidebar/SidebarContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { SidebarContextProps } from './types'\n\nexport const SidebarContext = createContext({} as SidebarContextProps)\n\nexport const useSidebar = () => {\n\tconst context = useContext(SidebarContext)\n\n\tif (!context) {\n\t\tthrow new Error(\n\t\t\t'You are using useSidebar hook outside its context. Please review your code implementation',\n\t\t)\n\t}\n\n\treturn context\n}\n"],"names":[],"mappings":";AAGa,MAAA,iBAAiB,cAAc,CAAyB,CAAA;"}
+{"version":3,"file":"harmony92.mjs","sources":["../src/components/Sidebar/Widgets/IconLink/IconLink.tsx"],"sourcesContent":["import { Link, type SvgIconProps, Tooltip } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport type { FC } from 'react'\nimport styles from './IconLink.module.css'\n\ntype IconLinkProps = {\n\t/** URL destination for the link */\n\tto: string\n\t/** Text to display in the tooltip when hovering over the icon */\n\tlabel: string\n\t/** Icon component from @lokalise/louis to display */\n\ticon: FC<SvgIconProps>\n}\n\n/**\n * A navigation link component that displays an icon with a tooltip.\n * When hovered, shows a tooltip with the label text.\n * The link is highlighted when the current URL matches its destination.\n *\n * @example\n * ```tsx\n * <IconLink to=\"/projects\" label=\"Projects\" icon={FolderOpenIcon} />\n * ```\n */\nexport const IconLink = ({ label, to, icon: Icon }: IconLinkProps) => {\n\treturn (\n\t\t<Tooltip placement=\"right\" tooltip={label}>\n\t\t\t<Link\n\t\t\t\taria-label={label}\n\t\t\t\tclassName={clsx(styles.link, {\n\t\t\t\t\t[styles.active]: typeof window !== 'undefined' && window.location.pathname.startsWith(to),\n\t\t\t\t})}\n\t\t\t\thref={to}\n\t\t\t>\n\t\t\t\t<Icon size=\"25px\" />\n\t\t\t</Link>\n\t\t</Tooltip>\n\t)\n}\n"],"names":[],"mappings":";;;;AAwBO,MAAM,WAAW,CAAC,EAAE,OAAO,IAAI,MAAM,WAA0B;AACrE,SACE,oBAAA,SAAA,EAAQ,WAAU,SAAQ,SAAS,OACnC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,cAAY;AAAA,MACZ,WAAW,KAAK,OAAO,MAAM;AAAA,QAC5B,CAAC,OAAO,MAAM,GAAG,OAAO,WAAW,eAAe,OAAO,SAAS,SAAS,WAAW,EAAE;AAAA,MAAA,CACxF;AAAA,MACD,MAAM;AAAA,MAEN,UAAA,oBAAC,MAAK,EAAA,MAAK,OAAO,CAAA;AAAA,IAAA;AAAA,EAAA,GAEpB;AAEF;"}

package/dist/harmony93.cjs

@@ -1,21 +1,79 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const BillingMenuItem = require("./harmony109.cjs");
+const CreateNewTeam = require("./harmony110.cjs");
+const CreateNewTeamPlaceholder = require("./harmony111.cjs");
+const DarkModeToggle = require("./harmony112.cjs");
+const ProfileSettingsMenuItem = require("./harmony113.cjs");
+const ProviderMenuItem = require("./harmony114.cjs");
+const TeamMenuItem = require("./harmony115.cjs");
+const TeamSettingsMenuItem = require("./harmony116.cjs");
+const TeamSwitch = require("./harmony117.cjs");
+const UpgradeMenuItem = require("./harmony118.cjs");
+const useSidebar = require("./harmony94.cjs");
 const louis = require("@lokalise/louis");
-const clsx = require("./harmony73.cjs");
-const IconLink_module = require("./harmony107.cjs");
-const IconLink = ({ label, to, icon: Icon }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(louis.Tooltip, { placement: "right", tooltip: label, children: /* @__PURE__ */ jsxRuntime.jsx(
-    louis.Link,
+const permissions = require("./harmony95.cjs");
+const clsx = require("./harmony74.cjs");
+const ProfileMenu_module = require("./harmony119.cjs");
+const UpgradeIcon = require("./harmony120.cjs");
+const ProfileMenu = ({ config }) => {
+  const {
+    jwt,
+    data: { currentTeam }
+  } = useSidebar.useSidebar();
+  const {
+    darkModeToggle,
+    teamSwitch,
+    createTeam,
+    createTeamPlaceholder,
+    upgradeMenuItem,
+    profileSettings
+  } = config;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    louis.Menu,
     {
-      "aria-label": label,
-      className: clsx.clsx(IconLink_module.default.link, {
-        [IconLink_module.default.active]: typeof window !== "undefined" && window.location.pathname.startsWith(to)
-      }),
-      href: to,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: "25px" })
+      menuButton: () => {
+        var _a;
+        return /* @__PURE__ */ jsxRuntime.jsxs("button", { className: ProfileMenu_module.default.profileButton, "aria-label": "Profile menu", type: "button", children: [
+          ((_a = currentTeam.result) == null ? void 0 : _a.logoUrl) ? /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: currentTeam.result.logoUrl,
+              className: clsx.clsx(ProfileMenu_module.default.profileImage, {
+                [ProfileMenu_module.default.profileImageHighlight]: permissions.canUpgradePlan(jwt.result)
+              }),
+              alt: "Team Logo"
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: clsx.clsx(ProfileMenu_module.default.userIconWrapper, "flex-row", "align-center", "items-center", {
+                [ProfileMenu_module.default.profileImageHighlight]: permissions.canUpgradePlan(jwt.result)
+              }),
+              children: /* @__PURE__ */ jsxRuntime.jsx(louis.UserIcon, { size: "25px" })
+            }
+          ),
+          permissions.canUpgradePlan(jwt.result) && /* @__PURE__ */ jsxRuntime.jsx(UpgradeIcon.UpgradeIcon, { className: ProfileMenu_module.default.profileImageUpgradeIcon })
+        ] });
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(louis.MenuList, { placement: "right-end", className: ProfileMenu_module.default.menuContainer, children: [
+        teamSwitch && /* @__PURE__ */ jsxRuntime.jsx(TeamSwitch.TeamSwitch, { onSwitchTeam: teamSwitch.onSwitchTeam }),
+        createTeam && /* @__PURE__ */ jsxRuntime.jsx(CreateNewTeam.CreateNewTeam, { onCreateTeam: createTeam.onCreateTeam }),
+        createTeamPlaceholder && /* @__PURE__ */ jsxRuntime.jsx(CreateNewTeamPlaceholder.CreateNewTeamPlaceholder, { onClick: createTeamPlaceholder.onClick }),
+        /* @__PURE__ */ jsxRuntime.jsx(TeamMenuItem.TeamMenuItem, {}),
+        upgradeMenuItem && /* @__PURE__ */ jsxRuntime.jsx(UpgradeMenuItem.UpgradeMenuItem, { href: upgradeMenuItem.href }),
+        /* @__PURE__ */ jsxRuntime.jsx(BillingMenuItem.BillingMenuItem, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(TeamSettingsMenuItem.TeamSettingsMenuItem, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(ProviderMenuItem.ProviderMenuItem, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(louis.MenuDivider, {}),
+        profileSettings && /* @__PURE__ */ jsxRuntime.jsx(ProfileSettingsMenuItem.ProfileSettingsMenuItem, {}),
+        darkModeToggle && /* @__PURE__ */ jsxRuntime.jsx(DarkModeToggle.DarkModeToggle, { ...darkModeToggle }),
+        (profileSettings && permissions.canAccessProfileSettings(jwt.result) || darkModeToggle) && /* @__PURE__ */ jsxRuntime.jsx(louis.MenuDivider, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(louis.MenuItem, { href: "/login?action=logout", children: "Logout" })
+      ] })
     }
-  ) });
+  );
 };
-exports.IconLink = IconLink;
+exports.ProfileMenu = ProfileMenu;
 //# sourceMappingURL=harmony93.cjs.map

package/dist/harmony93.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony93.cjs","sources":["../src/components/Sidebar/Widgets/IconLink/IconLink.tsx"],"sourcesContent":["import { Link, type SvgIconProps, Tooltip } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport type { FC } from 'react'\nimport styles from './IconLink.module.css'\n\ntype IconLinkProps = {\n\t/** URL destination for the link */\n\tto: string\n\t/** Text to display in the tooltip when hovering over the icon */\n\tlabel: string\n\t/** Icon component from @lokalise/louis to display */\n\ticon: FC<SvgIconProps>\n}\n\n/**\n * A navigation link component that displays an icon with a tooltip.\n * When hovered, shows a tooltip with the label text.\n * The link is highlighted when the current URL matches its destination.\n *\n * @example\n * ```tsx\n * <IconLink to=\"/projects\" label=\"Projects\" icon={FolderOpenIcon} />\n * ```\n */\nexport const IconLink = ({ label, to, icon: Icon }: IconLinkProps) => {\n\treturn (\n\t\t<Tooltip placement=\"right\" tooltip={label}>\n\t\t\t<Link\n\t\t\t\taria-label={label}\n\t\t\t\tclassName={clsx(styles.link, {\n\t\t\t\t\t[styles.active]: typeof window !== 'undefined' && window.location.pathname.startsWith(to),\n\t\t\t\t})}\n\t\t\t\thref={to}\n\t\t\t>\n\t\t\t\t<Icon size=\"25px\" />\n\t\t\t</Link>\n\t\t</Tooltip>\n\t)\n}\n"],"names":["jsx","Tooltip","Link","clsx","styles"],"mappings":";;;;;;AAwBO,MAAM,WAAW,CAAC,EAAE,OAAO,IAAI,MAAM,WAA0B;AACrE,SACEA,2BAAA,IAAAC,MAAA,SAAA,EAAQ,WAAU,SAAQ,SAAS,OACnC,UAAAD,2BAAA;AAAA,IAACE,MAAA;AAAA,IAAA;AAAA,MACA,cAAY;AAAA,MACZ,WAAWC,KAAAA,KAAKC,gBAAA,QAAO,MAAM;AAAA,QAC5B,CAACA,gBAAO,QAAA,MAAM,GAAG,OAAO,WAAW,eAAe,OAAO,SAAS,SAAS,WAAW,EAAE;AAAA,MAAA,CACxF;AAAA,MACD,MAAM;AAAA,MAEN,UAAAJ,2BAAAA,IAAC,MAAK,EAAA,MAAK,OAAO,CAAA;AAAA,IAAA;AAAA,EAAA,GAEpB;AAEF;;"}
+{"version":3,"file":"harmony93.cjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/ProfileMenu.tsx"],"sourcesContent":["import { BillingMenuItem } from '@components/Sidebar/Widgets/ProfileMenu/BillingMenuItem/BillingMenuItem'\nimport { CreateNewTeam } from '@components/Sidebar/Widgets/ProfileMenu/CreateNewTeam/CreateNewTeam'\nimport { CreateNewTeamPlaceholder } from '@components/Sidebar/Widgets/ProfileMenu/CreateNewTeamPlaceholder/CreateNewTeamPlaceholder'\nimport { DarkModeToggle } from '@components/Sidebar/Widgets/ProfileMenu/DarkModeToggle/DarkModeToggle'\nimport { ProfileSettingsMenuItem } from '@components/Sidebar/Widgets/ProfileMenu/ProfileSettingsMenuItem/ProfileSettingsMenuItem'\nimport { ProviderMenuItem } from '@components/Sidebar/Widgets/ProfileMenu/ProviderMenuItem/ProviderMenuItem'\nimport { TeamMenuItem } from '@components/Sidebar/Widgets/ProfileMenu/TeamMenuItem/TeamMenuItem'\nimport { TeamSettingsMenuItem } from '@components/Sidebar/Widgets/ProfileMenu/TeamSettingsMenuItem/TeamSettingsMenuItem'\nimport { TeamSwitch } from '@components/Sidebar/Widgets/ProfileMenu/TeamSwitch/TeamSwitch'\nimport { UpgradeMenuItem } from '@components/Sidebar/Widgets/ProfileMenu/UpgradeMenuItem/UpgradeMenuItem'\nimport { useSidebar } from '@components/Sidebar/hooks/useSidebar'\nimport type { ProfileMenuConfig } from '@components/Sidebar/types'\nimport { Menu, MenuDivider, MenuItem, MenuList, UserIcon } from '@lokalise/louis'\nimport { canAccessProfileSettings, canUpgradePlan } from '@utils/user/permissions'\nimport clsx from 'clsx'\nimport styles from './ProfileMenu.module.css'\nimport { UpgradeIcon } from './UpgradeIcon/UpgradeIcon'\n\n/**\n * The main profile menu component, displaying team and user actions.\n * Renders optional menu items based on the provided config and user permissions.\n *\n * @example\n * ```\n * <ProfileMenu config={...} />\n * ```\n *\n * @note This component must be used within a Sidebar Context.\n */\n\ntype ProfileMenuProps = {\n\tconfig: ProfileMenuConfig\n}\n\nexport const ProfileMenu = ({ config }: ProfileMenuProps) => {\n\tconst {\n\t\tjwt,\n\t\tdata: { currentTeam },\n\t} = useSidebar()\n\n\tconst {\n\t\tdarkModeToggle,\n\t\tteamSwitch,\n\t\tcreateTeam,\n\t\tcreateTeamPlaceholder,\n\t\tupgradeMenuItem,\n\t\tprofileSettings,\n\t} = config\n\n\treturn (\n\t\t<Menu\n\t\t\tmenuButton={() => (\n\t\t\t\t<button className={styles.profileButton} aria-label=\"Profile menu\" type=\"button\">\n\t\t\t\t\t{currentTeam.result?.logoUrl ? (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={currentTeam.result.logoUrl}\n\t\t\t\t\t\t\tclassName={clsx(styles.profileImage, {\n\t\t\t\t\t\t\t\t[styles.profileImageHighlight]: canUpgradePlan(jwt.result),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\talt=\"Team Logo\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={clsx(styles.userIconWrapper, 'flex-row', 'align-center', 'items-center', {\n\t\t\t\t\t\t\t\t[styles.profileImageHighlight]: canUpgradePlan(jwt.result),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<UserIcon size=\"25px\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{canUpgradePlan(jwt.result) && <UpgradeIcon className={styles.profileImageUpgradeIcon} />}\n\t\t\t\t</button>\n\t\t\t)}\n\t\t>\n\t\t\t<MenuList placement=\"right-end\" className={styles.menuContainer}>\n\t\t\t\t{teamSwitch && <TeamSwitch onSwitchTeam={teamSwitch.onSwitchTeam} />}\n\t\t\t\t{createTeam && <CreateNewTeam onCreateTeam={createTeam.onCreateTeam} />}\n\t\t\t\t{createTeamPlaceholder && (\n\t\t\t\t\t<CreateNewTeamPlaceholder onClick={createTeamPlaceholder.onClick} />\n\t\t\t\t)}\n\t\t\t\t<TeamMenuItem />\n\t\t\t\t{upgradeMenuItem && <UpgradeMenuItem href={upgradeMenuItem.href} />}\n\t\t\t\t<BillingMenuItem />\n\t\t\t\t<TeamSettingsMenuItem />\n\t\t\t\t<ProviderMenuItem />\n\t\t\t\t<MenuDivider />\n\n\t\t\t\t{profileSettings && <ProfileSettingsMenuItem />}\n\t\t\t\t{darkModeToggle && <DarkModeToggle {...darkModeToggle} />}\n\t\t\t\t{((profileSettings && canAccessProfileSettings(jwt.result)) || darkModeToggle) && (\n\t\t\t\t\t<MenuDivider />\n\t\t\t\t)}\n\n\t\t\t\t<MenuItem href=\"/login?action=logout\">Logout</MenuItem>\n\t\t\t</MenuList>\n\t\t</Menu>\n\t)\n}\n"],"names":["useSidebar","jsx","Menu","jsxs","styles","clsx","canUpgradePlan","UserIcon","UpgradeIcon","MenuList","TeamSwitch","CreateNewTeam","CreateNewTeamPlaceholder","TeamMenuItem","UpgradeMenuItem","BillingMenuItem","TeamSettingsMenuItem","ProviderMenuItem","MenuDivider","ProfileSettingsMenuItem","DarkModeToggle","canAccessProfileSettings","MenuItem"],"mappings":";;;;;;;;;;;;;;;;;;;AAkCO,MAAM,cAAc,CAAC,EAAE,aAA+B;AACtD,QAAA;AAAA,IACL;AAAA,IACA,MAAM,EAAE,YAAY;AAAA,MACjBA,sBAAW;AAET,QAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACG;AAGH,SAAAC,2BAAA;AAAA,IAACC,MAAA;AAAA,IAAA;AAAA,MACA,YAAY,MACXC;;AAAAA,0CAAAA,KAAC,UAAO,EAAA,WAAWC,mBAAAA,QAAO,eAAe,cAAW,gBAAe,MAAK,UACtE,UAAA;AAAA,YAAA,iBAAY,WAAZ,mBAAoB,WACpBH,2BAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,KAAK,YAAY,OAAO;AAAA,cACxB,WAAWI,KAAAA,KAAKD,mBAAA,QAAO,cAAc;AAAA,gBACpC,CAACA,2BAAO,qBAAqB,GAAGE,YAAA,eAAe,IAAI,MAAM;AAAA,cAAA,CACzD;AAAA,cACD,KAAI;AAAA,YAAA;AAAA,UAAA,IAGLL,2BAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,WAAWI,KAAK,KAAAD,mBAAA,QAAO,iBAAiB,YAAY,gBAAgB,gBAAgB;AAAA,gBACnF,CAACA,2BAAO,qBAAqB,GAAGE,YAAA,eAAe,IAAI,MAAM;AAAA,cAAA,CACzD;AAAA,cAED,UAAAL,2BAAAA,IAACM,MAAAA,UAAS,EAAA,MAAK,OAAO,CAAA;AAAA,YAAA;AAAA,UACvB;AAAA,UAEAD,2BAAe,IAAI,MAAM,oCAAME,YAAAA,aAAY,EAAA,WAAWJ,2BAAO,wBAAyB,CAAA;AAAA,QAAA,GACxF;AAAA;AAAA,MAGD,0CAACK,MAAS,UAAA,EAAA,WAAU,aAAY,WAAWL,mBAAAA,QAAO,eAChD,UAAA;AAAA,QAAA,cAAeH,2BAAA,IAAAS,WAAA,YAAA,EAAW,cAAc,WAAW,cAAc;AAAA,QACjE,cAAcT,2BAAA,IAACU,cAAc,eAAA,EAAA,cAAc,WAAW,cAAc;AAAA,QACpE,yBACAV,2BAAA,IAACW,yBAAyB,0BAAA,EAAA,SAAS,sBAAsB,SAAS;AAAA,uCAElEC,aAAa,cAAA,EAAA;AAAA,QACb,mBAAmBZ,2BAAA,IAACa,gBAAgB,iBAAA,EAAA,MAAM,gBAAgB,MAAM;AAAA,uCAChEC,gBAAgB,iBAAA,EAAA;AAAA,uCAChBC,qBAAqB,sBAAA,EAAA;AAAA,uCACrBC,iBAAiB,kBAAA,EAAA;AAAA,uCACjBC,MAAY,aAAA,EAAA;AAAA,QAEZ,kDAAoBC,wBAAwB,yBAAA,EAAA;AAAA,QAC5C,kBAAkBlB,2BAAAA,IAACmB,eAAAA,gBAAgB,EAAA,GAAG,eAAgB,CAAA;AAAA,SACpD,mBAAmBC,YAAyB,yBAAA,IAAI,MAAM,KAAM,kDAC7DH,MAAY,aAAA,EAAA;AAAA,QAGbjB,2BAAA,IAAAqB,MAAA,UAAA,EAAS,MAAK,wBAAuB,UAAM,SAAA,CAAA;AAAA,MAAA,EAC7C,CAAA;AAAA,IAAA;AAAA,EACD;AAEF;;"}