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

package/dist/harmony89.cjs

@@ -1,47 +1,169 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const NavigationClientProvider = require("./harmony86.cjs");
-const navigationSchema = require("./harmony106.cjs");
-const useNextgenNavigation = (activeKey, enabled, project, contributor) => {
+const NavigationClientProvider = require("./harmony87.cjs");
+const toolbarVisibility = require("./harmony106.cjs");
+const useExpertNavigation = (enabled, project, contributor) => {
+  const adminRights = (contributor == null ? void 0 : contributor.admin_rights) || [];
+  const marketingSupportProjectSelectedAppSlug = "selected-app-slug";
   const navigationClient = NavigationClientProvider.useNavigationClient();
-  const nextgenUrl = navigationClient.getNextgenUrl();
-  const navigate = React.useCallback(
-    (path) => {
-      window.location.href = `${nextgenUrl}${path}`;
-    },
-    [nextgenUrl]
-  );
+  const expertUrl = navigationClient.getExpertUrl();
   return React.useMemo(() => {
-    if (!enabled) {
+    if (!project || !enabled) {
       return [];
     }
-    const projectId = (project == null ? void 0 : project.project_id) || "";
-    const context = {
-      flags: {},
-      // TODO: getFeatureFlags(features),
-      pathname: window.location.pathname,
-      permissions: []
+    const navigationVisibility = toolbarVisibility.getProjectNavigationVisibilityMap(
+      project,
+      adminRights,
+      () => true
+    );
+    const appsNavigationItem = {
+      key: "apps",
+      label: "Apps",
+      isActive: (input) => input === "apps",
+      link: `${expertUrl}/apps/${project.project_id}/`,
+      ...navigationVisibility.apps
     };
-    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]);
+    const appsNavigationItemArrInMainMenu = [];
+    const appsNavigationItemArrInMoreMenu = [];
+    if (project.project_type === "content_integration") {
+      appsNavigationItemArrInMoreMenu.push(appsNavigationItem);
+    } else {
+      appsNavigationItemArrInMainMenu.push(appsNavigationItem);
+    }
+    return [
+      {
+        key: "edit",
+        label: "Editor",
+        link: `${expertUrl}/project/${project.project_id}/`,
+        isActive: (input) => input === "edit",
+        ...navigationVisibility.editor
+      },
+      {
+        key: "files",
+        label: "Files",
+        link: `${expertUrl}/files/${project.project_id}/`,
+        isActive: (input) => input === "files",
+        ...navigationVisibility.files
+      },
+      ...project.project_type === "content_integration" ? [
+        {
+          key: "contentManagement",
+          label: "Content management",
+          isActive: (input) => input === "apps",
+          link: `${expertUrl}/apps/${project.project_id}/${marketingSupportProjectSelectedAppSlug}`,
+          ...navigationVisibility.contentManagement
+        }
+      ] : [
+        {
+          key: "upload",
+          label: "Upload",
+          link: `${expertUrl}/upload/${project.project_id}/`,
+          isActive: (input) => input === "upload",
+          ...navigationVisibility.upload
+        },
+        {
+          key: "download",
+          label: "Download",
+          link: `${expertUrl}/download/${project.project_id}/`,
+          isActive: (input) => input === "download",
+          ...navigationVisibility.download
+        }
+      ],
+      {
+        key: "tasks",
+        label: "Tasks",
+        link: `${expertUrl}/tasks/${project.project_id}/`,
+        isActive: (input) => input === "tasks",
+        // TODO: Add task count
+        // badge: taskCount,
+        ...navigationVisibility.tasks
+      },
+      {
+        key: "workflows",
+        label: "Workflows",
+        link: `${expertUrl}/workflows/${project.project_id}/`,
+        isActive: (input) => input === "workflows",
+        novel: "New",
+        onClick: () => {
+          window.location.assign(`${expertUrl}/workflows/${project.project_id}/`);
+        },
+        ...navigationVisibility.workflows
+      },
+      {
+        key: "contributors",
+        label: "Contributors",
+        link: `${expertUrl}/contributors/${project.project_id}/`,
+        isActive: (input) => input === "contributors",
+        ...navigationVisibility.contributors
+      },
+      {
+        key: "screenshots",
+        label: "Screenshots",
+        link: `${expertUrl}/screenshots/${project.project_id}/`,
+        isActive: (input) => input === "screenshots",
+        ...navigationVisibility.screenshots
+      },
+      {
+        key: "glossary",
+        label: "Glossary",
+        link: `${expertUrl}/glossary/${project.project_id}/`,
+        isActive: (input) => input === "glossary",
+        ...navigationVisibility.glossary
+      },
+      ...appsNavigationItemArrInMainMenu,
+      {
+        key: "more",
+        label: "More...",
+        isActive: (input) => ["settings", "statistics", "duplicates", "live edit"].includes(input),
+        ...navigationVisibility.more,
+        dropdown: [
+          [
+            {
+              link: `${expertUrl}/settings/${project.project_id}/`,
+              label: "Settings",
+              ...navigationVisibility.settings
+            },
+            {
+              link: `${expertUrl}/settings/${project.project_id}/#branches`,
+              label: "Branches",
+              ...navigationVisibility.branches
+            },
+            {
+              link: `${expertUrl}/settings/${project.project_id}/#ota-bundles`,
+              label: "OTA Bundles",
+              ...navigationVisibility.otaBundles
+            },
+            {
+              link: `${expertUrl}/settings/${project.project_id}/#project-automations`,
+              label: "Automations",
+              ...navigationVisibility.automations
+            },
+            {
+              link: `${expertUrl}/dupes/${project.project_id}/`,
+              label: "Duplicate finder",
+              ...navigationVisibility.duplicateFinder
+            }
+          ],
+          [
+            ...appsNavigationItemArrInMoreMenu,
+            {
+              // TODO: This could be problematic tab, because it is not a link and we can't just redirect. We need to find a workaround for that.
+              label: "Activity",
+              onClick: () => {
+              },
+              ...navigationVisibility.activity
+            },
+            {
+              link: `${expertUrl}/statistics/${project.project_id}/`,
+              label: "Statistics",
+              ...navigationVisibility.statistics
+            }
+          ]
+        ]
+      }
+    ];
+  }, [project, adminRights, enabled, expertUrl]);
 };
-exports.useNextgenNavigation = useNextgenNavigation;
+exports.useExpertNavigation = useExpertNavigation;
 //# sourceMappingURL=harmony89.cjs.map

package/dist/harmony89.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony89.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;;"}
+{"version":3,"file":"harmony89.cjs","sources":["../src/features/navigation/hooks/useExpertNavigation.ts"],"sourcesContent":["import type { Contributor, Project } from '@features/node'\nimport { useMemo } from 'react'\nimport { useNavigationClient } from '../providers/NavigationClientProvider'\nimport type { NavigationTabsItem } from '../types/navigation'\nimport { getProjectNavigationVisibilityMap } from '../utils/toolbarVisibility'\n\n// TODO: Validate features types\nexport const getIsFeatureEnabled = (features: Record<string, boolean>, name: string) => {\n\tconst featureState = features[name]\n\n\treturn (\n\t\tfeatureState !== null &&\n\t\tfeatureState !== undefined &&\n\t\t[true, 'on', 'true'].includes(featureState)\n\t)\n}\n\n/**\n * Hook to generate legacy navigation items using the existing structure\n * but with context API instead of Redux\n */\nexport const useExpertNavigation = (\n\tenabled: boolean,\n\tproject?: Project,\n\tcontributor?: Contributor,\n) => {\n\t// Use contributor data if provided, otherwise use defaults\n\tconst adminRights = contributor?.admin_rights || []\n\t// TODO: Implement selected app slug, small investigation is needed\n\tconst marketingSupportProjectSelectedAppSlug = 'selected-app-slug'\n\tconst navigationClient = useNavigationClient()\n\tconst expertUrl = navigationClient.getExpertUrl()\n\n\treturn useMemo(() => {\n\t\t// Get data from contexts instead of Redux, or use provided data\n\t\tif (!project || !enabled) {\n\t\t\treturn []\n\t\t}\n\t\t/*  TODO: We're missing badges API. We need to get it from the backend or find alternative way to get task count\n\t\t * Fetch tasks and calculate count is not a good idea, because it can have pagination, therefore we can\n\t\t * ask for an additional prop in tasks response: task_count based on branch_id + project_id + task_status\n\t\t */\n\t\t// const taskCount = getTaskCount(project, branch, badges.tasks)\n\n\t\t// TODO: Implement feature flags functionality, most likely separate package\n\t\t// const isFeatureEnabled = (feature: string) => getIsFeatureEnabled(features, feature)\n\n\t\tconst navigationVisibility = getProjectNavigationVisibilityMap(\n\t\t\tproject,\n\t\t\tadminRights,\n\t\t\t() => true /*isFeatureEnabled*/,\n\t\t)\n\n\t\tconst appsNavigationItem: NavigationTabsItem = {\n\t\t\tkey: 'apps',\n\t\t\tlabel: 'Apps',\n\t\t\tisActive: (input: string) => input === 'apps',\n\t\t\tlink: `${expertUrl}/apps/${project.project_id}/`,\n\t\t\t...navigationVisibility.apps,\n\t\t}\n\n\t\tconst appsNavigationItemArrInMainMenu: NavigationTabsItem[] = []\n\t\tconst appsNavigationItemArrInMoreMenu: NavigationTabsItem[] = []\n\n\t\tif (project.project_type === 'content_integration') {\n\t\t\tappsNavigationItemArrInMoreMenu.push(appsNavigationItem)\n\t\t} else {\n\t\t\tappsNavigationItemArrInMainMenu.push(appsNavigationItem)\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tkey: 'edit',\n\t\t\t\tlabel: 'Editor',\n\t\t\t\tlink: `${expertUrl}/project/${project.project_id}/`,\n\t\t\t\tisActive: (input: string) => input === 'edit',\n\t\t\t\t...navigationVisibility.editor,\n\t\t\t},\n\t\t\t{\n\t\t\t\tkey: 'files',\n\t\t\t\tlabel: 'Files',\n\t\t\t\tlink: `${expertUrl}/files/${project.project_id}/`,\n\t\t\t\tisActive: (input: string) => input === 'files',\n\t\t\t\t...navigationVisibility.files,\n\t\t\t},\n\t\t\t...(project.project_type === 'content_integration'\n\t\t\t\t? [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tkey: 'contentManagement',\n\t\t\t\t\t\t\tlabel: 'Content management',\n\t\t\t\t\t\t\tisActive: (input: string) => input === 'apps',\n\t\t\t\t\t\t\tlink: `${expertUrl}/apps/${project.project_id}/${marketingSupportProjectSelectedAppSlug}`,\n\t\t\t\t\t\t\t...navigationVisibility.contentManagement,\n\t\t\t\t\t\t},\n\t\t\t\t\t]\n\t\t\t\t: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tkey: 'upload',\n\t\t\t\t\t\t\tlabel: 'Upload',\n\t\t\t\t\t\t\tlink: `${expertUrl}/upload/${project.project_id}/`,\n\t\t\t\t\t\t\tisActive: (input: string) => input === 'upload',\n\t\t\t\t\t\t\t...navigationVisibility.upload,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tkey: 'download',\n\t\t\t\t\t\t\tlabel: 'Download',\n\t\t\t\t\t\t\tlink: `${expertUrl}/download/${project.project_id}/`,\n\t\t\t\t\t\t\tisActive: (input: string) => input === 'download',\n\t\t\t\t\t\t\t...navigationVisibility.download,\n\t\t\t\t\t\t},\n\t\t\t\t\t]),\n\t\t\t{\n\t\t\t\tkey: 'tasks',\n\t\t\t\tlabel: 'Tasks',\n\t\t\t\tlink: `${expertUrl}/tasks/${project.project_id}/`,\n\t\t\t\tisActive: (input: string) => input === 'tasks',\n\t\t\t\t// TODO: Add task count\n\t\t\t\t// badge: taskCount,\n\t\t\t\t...navigationVisibility.tasks,\n\t\t\t},\n\t\t\t{\n\t\t\t\tkey: 'workflows',\n\t\t\t\tlabel: 'Workflows',\n\t\t\t\tlink: `${expertUrl}/workflows/${project.project_id}/`,\n\t\t\t\tisActive: (input: string) => input === 'workflows',\n\t\t\t\tnovel: 'New',\n\t\t\t\tonClick: () => {\n\t\t\t\t\t// TODO: Resolve analytics globally, most likely separate package\n\t\t\t\t\t// track(AnalyticsEventName.EDITOR_WORKFLOWS_TAB_CLICKED);\n\t\t\t\t\twindow.location.assign(`${expertUrl}/workflows/${project.project_id}/`)\n\t\t\t\t},\n\t\t\t\t...navigationVisibility.workflows,\n\t\t\t},\n\t\t\t{\n\t\t\t\tkey: 'contributors',\n\t\t\t\tlabel: 'Contributors',\n\t\t\t\tlink: `${expertUrl}/contributors/${project.project_id}/`,\n\t\t\t\tisActive: (input: string) => input === 'contributors',\n\t\t\t\t...navigationVisibility.contributors,\n\t\t\t},\n\t\t\t{\n\t\t\t\tkey: 'screenshots',\n\t\t\t\tlabel: 'Screenshots',\n\t\t\t\tlink: `${expertUrl}/screenshots/${project.project_id}/`,\n\t\t\t\tisActive: (input: string) => input === 'screenshots',\n\t\t\t\t...navigationVisibility.screenshots,\n\t\t\t},\n\t\t\t{\n\t\t\t\tkey: 'glossary',\n\t\t\t\tlabel: 'Glossary',\n\t\t\t\tlink: `${expertUrl}/glossary/${project.project_id}/`,\n\t\t\t\tisActive: (input: string) => input === 'glossary',\n\t\t\t\t...navigationVisibility.glossary,\n\t\t\t},\n\t\t\t...appsNavigationItemArrInMainMenu,\n\t\t\t{\n\t\t\t\tkey: 'more',\n\t\t\t\tlabel: 'More...',\n\t\t\t\tisActive: (input: string) =>\n\t\t\t\t\t['settings', 'statistics', 'duplicates', 'live edit'].includes(input),\n\t\t\t\t...navigationVisibility.more,\n\t\t\t\tdropdown: [\n\t\t\t\t\t[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlink: `${expertUrl}/settings/${project.project_id}/`,\n\t\t\t\t\t\t\tlabel: 'Settings',\n\t\t\t\t\t\t\t...navigationVisibility.settings,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlink: `${expertUrl}/settings/${project.project_id}/#branches`,\n\t\t\t\t\t\t\tlabel: 'Branches',\n\t\t\t\t\t\t\t...navigationVisibility.branches,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlink: `${expertUrl}/settings/${project.project_id}/#ota-bundles`,\n\t\t\t\t\t\t\tlabel: 'OTA Bundles',\n\t\t\t\t\t\t\t...navigationVisibility.otaBundles,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlink: `${expertUrl}/settings/${project.project_id}/#project-automations`,\n\t\t\t\t\t\t\tlabel: 'Automations',\n\t\t\t\t\t\t\t...navigationVisibility.automations,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlink: `${expertUrl}/dupes/${project.project_id}/`,\n\t\t\t\t\t\t\tlabel: 'Duplicate finder',\n\t\t\t\t\t\t\t...navigationVisibility.duplicateFinder,\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t\t[\n\t\t\t\t\t\t...appsNavigationItemArrInMoreMenu,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// TODO: This could be problematic tab, because it is not a link and we can't just redirect. We need to find a workaround for that.\n\t\t\t\t\t\t\tlabel: 'Activity',\n\t\t\t\t\t\t\tonClick: () => {\n\t\t\t\t\t\t\t\t// const showActivityEvent = new CustomEvent(\"show-activity\", {\n\t\t\t\t\t\t\t\t// \tdetail: {\n\t\t\t\t\t\t\t\t// \t\tprojectId: project.id,\n\t\t\t\t\t\t\t\t// \t\tbranchId: branch.branchId,\n\t\t\t\t\t\t\t\t// \t\tbranchName: branch.branchName,\n\t\t\t\t\t\t\t\t// \t},\n\t\t\t\t\t\t\t\t// });\n\t\t\t\t\t\t\t\t// document.dispatchEvent(showActivityEvent);\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t...navigationVisibility.activity,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlink: `${expertUrl}/statistics/${project.project_id}/`,\n\t\t\t\t\t\t\tlabel: 'Statistics',\n\t\t\t\t\t\t\t...navigationVisibility.statistics,\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]\n\t}, [project, adminRights, enabled, expertUrl])\n}\n\n// TODO: Helper function for getting task count from badge data\n// const _getTaskCount = (project: any, branch: any, taskBadges: any) => {\n// \tif (!taskBadges) return 0\n\n// \t// Implementation would depend on your getTaskCountFromTasks utility\n// \t// Simplified version:\n// \tconst projectTasks = taskBadges[project.id] || {}\n// \treturn projectTasks[branch.branchId || 'master'] || 0\n// }\n"],"names":["useNavigationClient","useMemo","getProjectNavigationVisibilityMap"],"mappings":"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"}

package/dist/harmony89.mjs

@@ -1,47 +1,169 @@
-import { useCallback, useMemo } from "react";
-import { useNavigationClient } from "./harmony86.mjs";
-import { navigationItems } from "./harmony106.mjs";
-const useNextgenNavigation = (activeKey, enabled, project, contributor) => {
+import { useMemo } from "react";
+import { useNavigationClient } from "./harmony87.mjs";
+import { getProjectNavigationVisibilityMap } from "./harmony106.mjs";
+const useExpertNavigation = (enabled, project, contributor) => {
+  const adminRights = (contributor == null ? void 0 : contributor.admin_rights) || [];
+  const marketingSupportProjectSelectedAppSlug = "selected-app-slug";
   const navigationClient = useNavigationClient();
-  const nextgenUrl = navigationClient.getNextgenUrl();
-  const navigate = useCallback(
-    (path) => {
-      window.location.href = `${nextgenUrl}${path}`;
-    },
-    [nextgenUrl]
-  );
+  const expertUrl = navigationClient.getExpertUrl();
   return useMemo(() => {
-    if (!enabled) {
+    if (!project || !enabled) {
       return [];
     }
-    const projectId = (project == null ? void 0 : project.project_id) || "";
-    const context = {
-      flags: {},
-      // TODO: getFeatureFlags(features),
-      pathname: window.location.pathname,
-      permissions: []
+    const navigationVisibility = getProjectNavigationVisibilityMap(
+      project,
+      adminRights,
+      () => true
+    );
+    const appsNavigationItem = {
+      key: "apps",
+      label: "Apps",
+      isActive: (input) => input === "apps",
+      link: `${expertUrl}/apps/${project.project_id}/`,
+      ...navigationVisibility.apps
     };
-    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]);
+    const appsNavigationItemArrInMainMenu = [];
+    const appsNavigationItemArrInMoreMenu = [];
+    if (project.project_type === "content_integration") {
+      appsNavigationItemArrInMoreMenu.push(appsNavigationItem);
+    } else {
+      appsNavigationItemArrInMainMenu.push(appsNavigationItem);
+    }
+    return [
+      {
+        key: "edit",
+        label: "Editor",
+        link: `${expertUrl}/project/${project.project_id}/`,
+        isActive: (input) => input === "edit",
+        ...navigationVisibility.editor
+      },
+      {
+        key: "files",
+        label: "Files",
+        link: `${expertUrl}/files/${project.project_id}/`,
+        isActive: (input) => input === "files",
+        ...navigationVisibility.files
+      },
+      ...project.project_type === "content_integration" ? [
+        {
+          key: "contentManagement",
+          label: "Content management",
+          isActive: (input) => input === "apps",
+          link: `${expertUrl}/apps/${project.project_id}/${marketingSupportProjectSelectedAppSlug}`,
+          ...navigationVisibility.contentManagement
+        }
+      ] : [
+        {
+          key: "upload",
+          label: "Upload",
+          link: `${expertUrl}/upload/${project.project_id}/`,
+          isActive: (input) => input === "upload",
+          ...navigationVisibility.upload
+        },
+        {
+          key: "download",
+          label: "Download",
+          link: `${expertUrl}/download/${project.project_id}/`,
+          isActive: (input) => input === "download",
+          ...navigationVisibility.download
+        }
+      ],
+      {
+        key: "tasks",
+        label: "Tasks",
+        link: `${expertUrl}/tasks/${project.project_id}/`,
+        isActive: (input) => input === "tasks",
+        // TODO: Add task count
+        // badge: taskCount,
+        ...navigationVisibility.tasks
+      },
+      {
+        key: "workflows",
+        label: "Workflows",
+        link: `${expertUrl}/workflows/${project.project_id}/`,
+        isActive: (input) => input === "workflows",
+        novel: "New",
+        onClick: () => {
+          window.location.assign(`${expertUrl}/workflows/${project.project_id}/`);
+        },
+        ...navigationVisibility.workflows
+      },
+      {
+        key: "contributors",
+        label: "Contributors",
+        link: `${expertUrl}/contributors/${project.project_id}/`,
+        isActive: (input) => input === "contributors",
+        ...navigationVisibility.contributors
+      },
+      {
+        key: "screenshots",
+        label: "Screenshots",
+        link: `${expertUrl}/screenshots/${project.project_id}/`,
+        isActive: (input) => input === "screenshots",
+        ...navigationVisibility.screenshots
+      },
+      {
+        key: "glossary",
+        label: "Glossary",
+        link: `${expertUrl}/glossary/${project.project_id}/`,
+        isActive: (input) => input === "glossary",
+        ...navigationVisibility.glossary
+      },
+      ...appsNavigationItemArrInMainMenu,
+      {
+        key: "more",
+        label: "More...",
+        isActive: (input) => ["settings", "statistics", "duplicates", "live edit"].includes(input),
+        ...navigationVisibility.more,
+        dropdown: [
+          [
+            {
+              link: `${expertUrl}/settings/${project.project_id}/`,
+              label: "Settings",
+              ...navigationVisibility.settings
+            },
+            {
+              link: `${expertUrl}/settings/${project.project_id}/#branches`,
+              label: "Branches",
+              ...navigationVisibility.branches
+            },
+            {
+              link: `${expertUrl}/settings/${project.project_id}/#ota-bundles`,
+              label: "OTA Bundles",
+              ...navigationVisibility.otaBundles
+            },
+            {
+              link: `${expertUrl}/settings/${project.project_id}/#project-automations`,
+              label: "Automations",
+              ...navigationVisibility.automations
+            },
+            {
+              link: `${expertUrl}/dupes/${project.project_id}/`,
+              label: "Duplicate finder",
+              ...navigationVisibility.duplicateFinder
+            }
+          ],
+          [
+            ...appsNavigationItemArrInMoreMenu,
+            {
+              // TODO: This could be problematic tab, because it is not a link and we can't just redirect. We need to find a workaround for that.
+              label: "Activity",
+              onClick: () => {
+              },
+              ...navigationVisibility.activity
+            },
+            {
+              link: `${expertUrl}/statistics/${project.project_id}/`,
+              label: "Statistics",
+              ...navigationVisibility.statistics
+            }
+          ]
+        ]
+      }
+    ];
+  }, [project, adminRights, enabled, expertUrl]);
 };
 export {
-  useNextgenNavigation
+  useExpertNavigation
 };
 //# sourceMappingURL=harmony89.mjs.map

package/dist/harmony89.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony89.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;"}
+{"version":3,"file":"harmony89.mjs","sources":["../src/features/navigation/hooks/useExpertNavigation.ts"],"sourcesContent":["import type { Contributor, Project } from '@features/node'\nimport { useMemo } from 'react'\nimport { useNavigationClient } from '../providers/NavigationClientProvider'\nimport type { NavigationTabsItem } from '../types/navigation'\nimport { getProjectNavigationVisibilityMap } from '../utils/toolbarVisibility'\n\n// TODO: Validate features types\nexport const getIsFeatureEnabled = (features: Record<string, boolean>, name: string) => {\n\tconst featureState = features[name]\n\n\treturn (\n\t\tfeatureState !== null &&\n\t\tfeatureState !== undefined &&\n\t\t[true, 'on', 'true'].includes(featureState)\n\t)\n}\n\n/**\n * Hook to generate legacy navigation items using the existing structure\n * but with context API instead of Redux\n */\nexport const useExpertNavigation = (\n\tenabled: boolean,\n\tproject?: Project,\n\tcontributor?: Contributor,\n) => {\n\t// Use contributor data if provided, otherwise use defaults\n\tconst adminRights = contributor?.admin_rights || []\n\t// TODO: Implement selected app slug, small investigation is needed\n\tconst marketingSupportProjectSelectedAppSlug = 'selected-app-slug'\n\tconst navigationClient = useNavigationClient()\n\tconst expertUrl = navigationClient.getExpertUrl()\n\n\treturn useMemo(() => {\n\t\t// Get data from contexts instead of Redux, or use provided data\n\t\tif (!project || !enabled) {\n\t\t\treturn []\n\t\t}\n\t\t/*  TODO: We're missing badges API. We need to get it from the backend or find alternative way to get task count\n\t\t * Fetch tasks and calculate count is not a good idea, because it can have pagination, therefore we can\n\t\t * ask for an additional prop in tasks response: task_count based on branch_id + project_id + task_status\n\t\t */\n\t\t// const taskCount = getTaskCount(project, branch, badges.tasks)\n\n\t\t// TODO: Implement feature flags functionality, most likely separate package\n\t\t// const isFeatureEnabled = (feature: string) => getIsFeatureEnabled(features, feature)\n\n\t\tconst navigationVisibility = getProjectNavigationVisibilityMap(\n\t\t\tproject,\n\t\t\tadminRights,\n\t\t\t() => true /*isFeatureEnabled*/,\n\t\t)\n\n\t\tconst appsNavigationItem: NavigationTabsItem = {\n\t\t\tkey: 'apps',\n\t\t\tlabel: 'Apps',\n\t\t\tisActive: (input: string) => input === 'apps',\n\t\t\tlink: `${expertUrl}/apps/${project.project_id}/`,\n\t\t\t...navigationVisibility.apps,\n\t\t}\n\n\t\tconst appsNavigationItemArrInMainMenu: NavigationTabsItem[] = []\n\t\tconst appsNavigationItemArrInMoreMenu: NavigationTabsItem[] = []\n\n\t\tif (project.project_type === 'content_integration') {\n\t\t\tappsNavigationItemArrInMoreMenu.push(appsNavigationItem)\n\t\t} else {\n\t\t\tappsNavigationItemArrInMainMenu.push(appsNavigationItem)\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tkey: 'edit',\n\t\t\t\tlabel: 'Editor',\n\t\t\t\tlink: `${expertUrl}/project/${project.project_id}/`,\n\t\t\t\tisActive: (input: string) => input === 'edit',\n\t\t\t\t...navigationVisibility.editor,\n\t\t\t},\n\t\t\t{\n\t\t\t\tkey: 'files',\n\t\t\t\tlabel: 'Files',\n\t\t\t\tlink: `${expertUrl}/files/${project.project_id}/`,\n\t\t\t\tisActive: (input: string) => input === 'files',\n\t\t\t\t...navigationVisibility.files,\n\t\t\t},\n\t\t\t...(project.project_type === 'content_integration'\n\t\t\t\t? [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tkey: 'contentManagement',\n\t\t\t\t\t\t\tlabel: 'Content management',\n\t\t\t\t\t\t\tisActive: (input: string) => input === 'apps',\n\t\t\t\t\t\t\tlink: `${expertUrl}/apps/${project.project_id}/${marketingSupportProjectSelectedAppSlug}`,\n\t\t\t\t\t\t\t...navigationVisibility.contentManagement,\n\t\t\t\t\t\t},\n\t\t\t\t\t]\n\t\t\t\t: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tkey: 'upload',\n\t\t\t\t\t\t\tlabel: 'Upload',\n\t\t\t\t\t\t\tlink: `${expertUrl}/upload/${project.project_id}/`,\n\t\t\t\t\t\t\tisActive: (input: string) => input === 'upload',\n\t\t\t\t\t\t\t...navigationVisibility.upload,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tkey: 'download',\n\t\t\t\t\t\t\tlabel: 'Download',\n\t\t\t\t\t\t\tlink: `${expertUrl}/download/${project.project_id}/`,\n\t\t\t\t\t\t\tisActive: (input: string) => input === 'download',\n\t\t\t\t\t\t\t...navigationVisibility.download,\n\t\t\t\t\t\t},\n\t\t\t\t\t]),\n\t\t\t{\n\t\t\t\tkey: 'tasks',\n\t\t\t\tlabel: 'Tasks',\n\t\t\t\tlink: `${expertUrl}/tasks/${project.project_id}/`,\n\t\t\t\tisActive: (input: string) => input === 'tasks',\n\t\t\t\t// TODO: Add task count\n\t\t\t\t// badge: taskCount,\n\t\t\t\t...navigationVisibility.tasks,\n\t\t\t},\n\t\t\t{\n\t\t\t\tkey: 'workflows',\n\t\t\t\tlabel: 'Workflows',\n\t\t\t\tlink: `${expertUrl}/workflows/${project.project_id}/`,\n\t\t\t\tisActive: (input: string) => input === 'workflows',\n\t\t\t\tnovel: 'New',\n\t\t\t\tonClick: () => {\n\t\t\t\t\t// TODO: Resolve analytics globally, most likely separate package\n\t\t\t\t\t// track(AnalyticsEventName.EDITOR_WORKFLOWS_TAB_CLICKED);\n\t\t\t\t\twindow.location.assign(`${expertUrl}/workflows/${project.project_id}/`)\n\t\t\t\t},\n\t\t\t\t...navigationVisibility.workflows,\n\t\t\t},\n\t\t\t{\n\t\t\t\tkey: 'contributors',\n\t\t\t\tlabel: 'Contributors',\n\t\t\t\tlink: `${expertUrl}/contributors/${project.project_id}/`,\n\t\t\t\tisActive: (input: string) => input === 'contributors',\n\t\t\t\t...navigationVisibility.contributors,\n\t\t\t},\n\t\t\t{\n\t\t\t\tkey: 'screenshots',\n\t\t\t\tlabel: 'Screenshots',\n\t\t\t\tlink: `${expertUrl}/screenshots/${project.project_id}/`,\n\t\t\t\tisActive: (input: string) => input === 'screenshots',\n\t\t\t\t...navigationVisibility.screenshots,\n\t\t\t},\n\t\t\t{\n\t\t\t\tkey: 'glossary',\n\t\t\t\tlabel: 'Glossary',\n\t\t\t\tlink: `${expertUrl}/glossary/${project.project_id}/`,\n\t\t\t\tisActive: (input: string) => input === 'glossary',\n\t\t\t\t...navigationVisibility.glossary,\n\t\t\t},\n\t\t\t...appsNavigationItemArrInMainMenu,\n\t\t\t{\n\t\t\t\tkey: 'more',\n\t\t\t\tlabel: 'More...',\n\t\t\t\tisActive: (input: string) =>\n\t\t\t\t\t['settings', 'statistics', 'duplicates', 'live edit'].includes(input),\n\t\t\t\t...navigationVisibility.more,\n\t\t\t\tdropdown: [\n\t\t\t\t\t[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlink: `${expertUrl}/settings/${project.project_id}/`,\n\t\t\t\t\t\t\tlabel: 'Settings',\n\t\t\t\t\t\t\t...navigationVisibility.settings,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlink: `${expertUrl}/settings/${project.project_id}/#branches`,\n\t\t\t\t\t\t\tlabel: 'Branches',\n\t\t\t\t\t\t\t...navigationVisibility.branches,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlink: `${expertUrl}/settings/${project.project_id}/#ota-bundles`,\n\t\t\t\t\t\t\tlabel: 'OTA Bundles',\n\t\t\t\t\t\t\t...navigationVisibility.otaBundles,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlink: `${expertUrl}/settings/${project.project_id}/#project-automations`,\n\t\t\t\t\t\t\tlabel: 'Automations',\n\t\t\t\t\t\t\t...navigationVisibility.automations,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlink: `${expertUrl}/dupes/${project.project_id}/`,\n\t\t\t\t\t\t\tlabel: 'Duplicate finder',\n\t\t\t\t\t\t\t...navigationVisibility.duplicateFinder,\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t\t[\n\t\t\t\t\t\t...appsNavigationItemArrInMoreMenu,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// TODO: This could be problematic tab, because it is not a link and we can't just redirect. We need to find a workaround for that.\n\t\t\t\t\t\t\tlabel: 'Activity',\n\t\t\t\t\t\t\tonClick: () => {\n\t\t\t\t\t\t\t\t// const showActivityEvent = new CustomEvent(\"show-activity\", {\n\t\t\t\t\t\t\t\t// \tdetail: {\n\t\t\t\t\t\t\t\t// \t\tprojectId: project.id,\n\t\t\t\t\t\t\t\t// \t\tbranchId: branch.branchId,\n\t\t\t\t\t\t\t\t// \t\tbranchName: branch.branchName,\n\t\t\t\t\t\t\t\t// \t},\n\t\t\t\t\t\t\t\t// });\n\t\t\t\t\t\t\t\t// document.dispatchEvent(showActivityEvent);\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t...navigationVisibility.activity,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlink: `${expertUrl}/statistics/${project.project_id}/`,\n\t\t\t\t\t\t\tlabel: 'Statistics',\n\t\t\t\t\t\t\t...navigationVisibility.statistics,\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]\n\t}, [project, adminRights, enabled, expertUrl])\n}\n\n// TODO: Helper function for getting task count from badge data\n// const _getTaskCount = (project: any, branch: any, taskBadges: any) => {\n// \tif (!taskBadges) return 0\n\n// \t// Implementation would depend on your getTaskCountFromTasks utility\n// \t// Simplified version:\n// \tconst projectTasks = taskBadges[project.id] || {}\n// \treturn projectTasks[branch.branchId || 'master'] || 0\n// }\n"],"names":[],"mappings":"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"}

package/dist/harmony9.cjs

@@ -1,33 +1,62 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-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;
-exports.ENTERPRISE_OPENSOURCE_PLAN_ID = ENTERPRISE_OPENSOURCE_PLAN_ID;
-exports.ENTERPRISE_PLAN_IDS = ENTERPRISE_PLAN_IDS;
-exports.ESSENTIAL_PLAN_IDS = ESSENTIAL_PLAN_IDS;
-exports.FREE_PLAN_ID = FREE_PLAN_ID;
-exports.PRO_PLAN_IDS = PRO_PLAN_IDS;
-exports.START_PLAN_IDS = START_PLAN_IDS;
-exports.TRIAL_PLAN_ID = TRIAL_PLAN_ID;
-exports.isEnterpriseOpenSourcePlan = isEnterpriseOpenSourcePlan;
-exports.isEnterprisePlan = isEnterprisePlan;
-exports.isEssentialPlan = isEssentialPlan;
-exports.isFreePlan = isFreePlan;
-exports.isPaidPlan = isPaidPlan;
-exports.isProPlan = isProPlan;
-exports.isStartPlan = isStartPlan;
-exports.isTrialPlan = isTrialPlan;
+const jsxRuntime = require("react/jsx-runtime");
+const NavigationPanel = require("./harmony3.cjs");
+const Breadcrumbs = require("./harmony6.cjs");
+const NavigationTabs = require("./harmony7.cjs");
+const NavigationClient = require("./harmony84.cjs");
+const useNavigation = require("./harmony85.cjs");
+const useNavigationQueries = require("./harmony86.cjs");
+const NavigationClientProvider = require("./harmony87.cjs");
+const reactQuery = require("@tanstack/react-query");
+const React = require("react");
+const queryClient = require("./harmony88.cjs");
+const ProjectNavigationPanelInner = ({
+  page,
+  projectId
+}) => {
+  const {
+    data: { project, contributor },
+    isLoading,
+    error
+  } = useNavigationQueries.useNavigationData(projectId);
+  const navigationItems = useNavigation.useNavigation(page, project, contributor);
+  if (isLoading) {
+    return (
+      // TODO: replace with loading state
+      /* @__PURE__ */ jsxRuntime.jsxs(NavigationPanel.NavigationPanel, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(NavigationPanel.NavigationPanel.Header, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Loading navigation..." }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NavigationPanel.NavigationPanel.Tabs, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Loading..." }) })
+      ] })
+    );
+  }
+  if (error) {
+    return (
+      // TODO: replace with error state
+      /* @__PURE__ */ jsxRuntime.jsxs(NavigationPanel.NavigationPanel, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(NavigationPanel.NavigationPanel.Header, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Error loading navigation" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NavigationPanel.NavigationPanel.Tabs, { children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(NavigationPanel.NavigationPanel, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(NavigationPanel.NavigationPanel.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(Breadcrumbs.Breadcrumbs, { items: breadcrumbsItems }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(NavigationPanel.NavigationPanel.Tabs, { children: /* @__PURE__ */ jsxRuntime.jsx(NavigationTabs.NavigationTabs, { navigation: navigationItems, activeItem: page }) })
+  ] });
+};
+const ProjectNavigationPanel = ({ config, ...props }) => {
+  const navigationClient = React.useMemo(() => new NavigationClient.NavigationClient(config), [config]);
+  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient.queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationClientProvider.NavigationClientProvider, { client: navigationClient, children: /* @__PURE__ */ jsxRuntime.jsx(ProjectNavigationPanelInner, { ...props }) }) });
+};
+exports.ProjectNavigationPanel = ProjectNavigationPanel;
 //# sourceMappingURL=harmony9.cjs.map

package/dist/harmony9.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony9.cjs","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.cjs","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":["useNavigationData","useNavigation","NavigationPanel","jsx","Breadcrumbs","NavigationTabs","useMemo","NavigationClient","QueryClientProvider","queryClient","NavigationClientProvider"],"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,IACGA,qBAAAA,kBAAkB,SAAS;AAE/B,QAAM,kBAAkBC,cAAA,cAAc,MAAM,SAAS,WAAW;AAEhE,MAAI,WAAW;AACd;AAAA;AAAA,sCAEEC,gBAAAA,iBACA,EAAA,UAAA;AAAA,QAAAC,2BAAAA,IAACD,gCAAgB,QAAhB,EACA,UAACC,2BAAAA,IAAA,OAAA,EAAI,kCAAqB,CAAA,GAC3B;AAAA,uCACCD,gBAAAA,gBAAgB,MAAhB,EACA,UAACC,+BAAA,OAAA,EAAI,wBAAU,EAChB,CAAA;AAAA,MAAA,EACD,CAAA;AAAA;AAAA,EAAA;AAIF,MAAI,OAAO;AACV;AAAA;AAAA,sCAEED,gBAAAA,iBACA,EAAA,UAAA;AAAA,QAAAC,2BAAAA,IAACD,gCAAgB,QAAhB,EACA,UAACC,2BAAAA,IAAA,OAAA,EAAI,qCAAwB,CAAA,GAC9B;AAAA,uCACCD,gBAAAA,gBAAgB,MAAhB,EACA,UAACC,+BAAA,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,yCACED,iCACA,EAAA,UAAA;AAAA,IAAAC,2BAAAA,IAACD,gCAAgB,QAAhB,EACA,yCAACE,YAAY,aAAA,EAAA,OAAO,iBAAkB,CAAA,GAEvC;AAAA,IAEAD,2BAAAA,IAACD,gBAAgB,gBAAA,MAAhB,EACA,UAAAC,2BAAA,IAACE,iCAAe,YAAY,iBAAiB,YAAY,KAAM,CAAA,EAChE,CAAA;AAAA,EAAA,GACD;AAEF;AAMO,MAAM,yBAAyB,CAAC,EAAE,QAAQ,GAAG,YAAyC;AAGtF,QAAA,mBAAmBC,MAAAA,QAAQ,MAAM,IAAIC,kCAAiB,MAAM,GAAG,CAAC,MAAM,CAAC;AAE7E,SACEJ,2BAAAA,IAAAK,WAAAA,qBAAA,EAAoB,QAAQC,YAAAA,aAC5B,UAACN,2BAAA,IAAAO,mDAAA,EAAyB,QAAQ,kBACjC,UAACP,2BAAAA,IAAA,6BAAA,EAA6B,GAAG,MAAO,CAAA,EACzC,CAAA,GACD;AAEF;;"}