adata-ui 2.1.41-beta.2 → 2.1.41-beta.21

package/composables/useHeaderNavigationLinks.ts

@@ -1,519 +1,535 @@
-import { useUrls } from '#adata-ui/composables/useUrls'
-import AiAssistant from '#adata-ui/icons/ai-assistant.vue'
-import IconArrowCircle from '#adata-ui/icons/arrow/arrow-circle-down.vue'
-import IconArrowGraph from '#adata-ui/icons/arrow/arrow-graph-up.vue'
-import IconBlock from '#adata-ui/icons/block.vue'
-import IconFavorite from '#adata-ui/icons/bookmark/bookmark.vue'
-import IconBot from '#adata-ui/icons/bot.vue'
-import AIconBriefcase from '#adata-ui/icons/briefcase.vue'
-import IconCalc from '#adata-ui/icons/calculator.vue'
-import AIconCarSide from '#adata-ui/icons/car-side.vue'
-import IconCar from '#adata-ui/icons/car.vue'
-import AIconCart from '#adata-ui/icons/cart.vue'
-import CheckSb from '#adata-ui/icons/check-sb.vue'
-import IconCheckCircle from '#adata-ui/icons/check/check-circle.vue'
-import IconCompany from '#adata-ui/icons/company.vue'
-import IconDollar from '#adata-ui/icons/currency/currency-dollar.vue'
-import IconFilePen from '#adata-ui/icons/file-pen.vue'
-import IconFileStack from '#adata-ui/icons/file-stack.vue'
-import IconGitCompare from '#adata-ui/icons/git-compare.vue'
-import IconGlobe from '#adata-ui/icons/globe.vue'
-import IconHandshake from '#adata-ui/icons/handshake.vue'
-import IconDocument from '#adata-ui/icons/hdocument.vue'
-import IconHistory from '#adata-ui/icons/history.vue'
-import HotLine from '#adata-ui/icons/hot-line.vue'
-import IconLink from '#adata-ui/icons/link-chain.vue'
-import IconLock from '#adata-ui/icons/lock.vue'
-import MapPaper from '#adata-ui/icons/map-paper.vue'
-import MapPinRect from '#adata-ui/icons/map/map-pin-rect.vue'
-import IconMedal from '#adata-ui/icons/medal.vue'
-import IconMessage from '#adata-ui/icons/message/message.vue'
-import IconProfile from '#adata-ui/icons/profile.vue'
-import IconReceipt from '#adata-ui/icons/receipt.vue'
-import Sanctions from '#adata-ui/icons/sanctions.vue'
-import IconScales from '#adata-ui/icons/scales/scale.vue'
-import IconSearch from '#adata-ui/icons/search.vue'
-import IconShieldAlert from '#adata-ui/icons/shield-alert.vue'
-import AIconShieldVerified from '#adata-ui/icons/shield-verified.vue'
-import Connections from '#adata-ui/icons/sviazi.vue'
-import Tasks from '#adata-ui/icons/tasks.vue'
-import IconTruck from '#adata-ui/icons/truck.vue'
-import IconUsers from '#adata-ui/icons/users.vue'
-import IconWork from '#adata-ui/icons/work-bag.vue'
-import { PAGES } from '#adata-ui/shared/constans/pages'
-import { buildLocalizedUrl } from '#adata-ui/utils/localizedNavigation'
-import {
-  AIconAkimat,
-  AIconArrowGraphUp,
-  AIconArrowSquareDown,
-  AIconCurrencyTenge,
-  AIconExcelIcon,
-  AIconExpandWindow,
-  AIconFile,
-  AIconGlobe,
-  AIconSearch,
-  AIconUsers,
-  AIconUsersThree,
-  AIconWarningTriangle,
-} from '#components'
-
-export function useHeaderNavigationLinks() {
-  const { t, locale } = useI18n()
-  const urls = useUrls()
-
-  return computed(() => {
-    return [
-      {
-        key: 'pk',
-        name: t('header.products.counterparties.label'),
-        link: buildLocalizedUrl(locale, urls.pk, PAGES.pk.main),
-        icon: AIconUsers,
-        to: urls.pk,
-        data_attribute: 'navigation-menu-counterparty-block',
-        items: [
-          {
-            title: t('header.products.counterparties.items.counterparty.title'),
-            subtitle: t('header.products.counterparties.items.counterparty.subtitle'),
-            icon: IconSearch,
-            to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.main),
-          },
-          {
-            title: t('header.products.counterparties.items.unloading.title'),
-            subtitle: t('header.products.counterparties.items.unloading.subtitle'),
-            icon: IconArrowCircle,
-            to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.unload),
-          },
-          {
-            title: t('header.products.counterparties.items.wholesale.title'),
-            subtitle: t('header.products.counterparties.items.wholesale.subtitle'),
-            icon: IconUsers,
-            to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.employees),
-          },
-          {
-            title: t('header.products.counterparties.items.foreign.title'),
-            subtitle: t('header.products.counterparties.items.foreign.subtitle'),
-            icon: IconGlobe,
-            to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.foreign),
-          },
-          {
-            title: t('header.products.counterparties.items.compare.title'),
-            icon: IconScales,
-            to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.compare),
-          },
-          {
-            title: t('header.products.counterparties.items.networks.title'),
-            icon: IconLink,
-            to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.connections),
-          },
-          {
-            title: t('header.products.counterparties.items.sanction.title'),
-            icon: IconBlock,
-            to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.sanctions),
-          },
-          {
-            title: t('header.products.counterparties.items.offshore.title'),
-            icon: IconDollar,
-            to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.offshore),
-          },
-        ],
-      },
-      {
-        key: 'fines',
-        name: t('header.products.fines.label'),
-        link: buildLocalizedUrl(locale, urls.avto, PAGES.fines.main),
-        icon: AIconCarSide,
-        data_attribute: 'navigation-menu-fines-block',
-        items: [
-          {
-            title: t('header.products.fines.items.fines.title'),
-            subtitle: t('header.products.fines.items.fines.subtitle'),
-            icon: IconCheckCircle,
-            to: buildLocalizedUrl(locale, urls.avto, PAGES.fines.main),
-          },
-          {
-            title: t('header.products.fines.items.auto.title'),
-            subtitle: t('header.products.fines.items.auto.subtitle'),
-            icon: IconCar,
-            to: buildLocalizedUrl(locale, urls.avto, PAGES.fines.avto),
-          },
-          // {
-          //   title: t('header.products.fines.items.wholesaleAuto.title'),
-          //   subtitle: t('header.products.fines.items.wholesaleAuto.subtitle'),
-          //   icon: IconTruck,
-          //   to: buildLocalizedUrl(locale, urls.avto, PAGES.fines.bulk)
-          // }
-        ],
-      },
-      {
-        key: 'work',
-        name: t('header.products.jobs.label'),
-        link: urls.work,
-        icon: AIconBriefcase,
-        data_attribute: 'navigation-menu-work-block',
-        items: [
-          {
-            title: t('header.products.jobs.items.vacancies.title'),
-            icon: IconWork,
-            subtitle: t('header.products.jobs.items.vacancies.subtitle'),
-            to: urls.work + PAGES.work.vacancy,
-          },
-          {
-            title: t('header.products.jobs.items.resume.title'),
-            subtitle: t('header.products.jobs.items.resume.subtitle'),
-            icon: IconDocument,
-            to: urls.work + PAGES.work.summary,
-          },
-        ],
-      },
-      {
-        key: 'fea',
-        is_new: true,
-        name: t('header.products.fea.label'),
-        link: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.main),
-        icon: AIconGlobe,
-        data_attribute: 'navigation-menu-ved-block',
-        items: [
-          {
-            title: t('header.products.fea.items.o.t'),
-            subtitle: t('header.products.fea.items.o.st'),
-            icon: Connections,
-            to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.o),
-          },
-          {
-            title: t('header.products.fea.items.i.t'),
-            subtitle: t('header.products.fea.items.i.st'),
-            icon: IconHandshake,
-            to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.t),
-          },
-          {
-            title: t('header.products.fea.items.cp.t'),
-            subtitle: t('header.products.fea.items.cp.st'),
-            icon: IconTruck,
-            to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.cp),
-
-          },
-          {
-            title: t('header.products.fea.items.ca.t'),
-            subtitle: t('header.products.fea.items.ca.st'),
-            icon: IconCalc,
-            to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.ca),
-          },
-          {
-            title: t('header.products.fea.items.tr.t'),
-            subtitle: t('header.products.fea.items.tr.st'),
-            icon: IconGlobe,
-            to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.tr),
-          },
-          {
-            title: t('header.products.fea.items.containers.t'),
-            subtitle: t('header.products.fea.items.containers.st'),
-            icon: MapPaper,
-            to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.containers),
-          },
-          {
-            title: t('header.products.fea.items.importerMap.t'),
-            subtitle: t('header.products.fea.items.importerMap.st'),
-            icon: MapPinRect,
-            to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.importerMap),
-          },
-        ],
-      },
-      {
-        key: 'tenders',
-        name: t('header.products.tenders.label'),
-        link: urls.zakupki,
-        icon: AIconCart,
-        is_new: true,
-        to: urls.tender,
-        data_attribute: 'navigation-menu-zakupki-block',
-        items: [
-          {
-            title: t('header.products.tenders.items.customers.title'),
-            subtitle: t('header.products.tenders.items.customers.subtitle'),
-            icon: AIconUsers,
-            to: urls.zakupki + PAGES.tender.customers,
-          },
-          {
-            title: t('header.products.tenders.items.akimat.title'),
-            subtitle: t('header.products.tenders.items.akimat.subtitle'),
-            icon: AIconAkimat,
-            to: urls.zakupki + PAGES.tender.akimat,
-          },
-          {
-            title: t('header.products.tenders.items.tru.title'),
-            subtitle: t('header.products.tenders.items.tru.subtitle'),
-            icon: AIconWarningTriangle,
-            to: urls.zakupki + PAGES.tender.tru,
-          },
-          {
-            title: t('header.products.tenders.items.price.title'),
-            subtitle: t('header.products.tenders.items.price.subtitle'),
-            icon: AIconCurrencyTenge,
-            to: urls.zakupki + PAGES.tender.price,
-          },
-          {
-            title: t('header.products.tenders.items.constructor.title'),
-            subtitle: t('header.products.tenders.items.constructor.subtitle'),
-            icon: AIconExcelIcon,
-            to: urls.zakupki + PAGES.tender.constructor,
-          },
-          {
-            title: t('header.products.tenders.items.monitoring.title'),
-            subtitle: t('header.products.tenders.items.monitoring.subtitle'),
-            icon: AIconSearch,
-            to: urls.tender,
-          },
-        ],
-      },
-      {
-        key: 'edo',
-        is_new: true,
-        name: t('header.products.edo.label'),
-        link: buildLocalizedUrl(locale, urls.edo_docs, ''),
-        icon: AIconFile,
-        data_attribute: 'navigation-menu-edo-block',
-        items: [
-          {
-            title: t('header.products.edo.items.docSign.t'),
-            subtitle: t('header.products.edo.items.docSign.st'),
-            icon: IconFilePen,
-            to: buildLocalizedUrl(locale, urls.edo_docs, PAGES.edo.docSign),
-          },
-          {
-            title: t('header.products.edo.items.docTemplate.t'),
-            subtitle: t('header.products.edo.items.docTemplate.st'),
-            icon: IconFileStack,
-            to: buildLocalizedUrl(locale, urls.edo_docs, PAGES.edo.docTemplate),
-          },
-          {
-            title: t('header.products.edo.items.docRisk.t'),
-            subtitle: t('header.products.edo.items.docRisk.st'),
-            icon: IconShieldAlert,
-            to: buildLocalizedUrl(locale, urls.edo_docs, PAGES.edo.docRisk),
-          },
-          {
-            title: t('header.products.edo.items.docCompare.t'),
-            subtitle: t('header.products.edo.items.docCompare.st'),
-            icon: IconGitCompare,
-            to: buildLocalizedUrl(locale, urls.edo_docs, PAGES.edo.docCompare),
-          },
-          {
-            title: t('header.products.edo.items.docAi.t'),
-            subtitle: t('header.products.edo.items.docAi.st'),
-            icon: IconBot,
-            to: buildLocalizedUrl(locale, urls.edo_docs, PAGES.edo.docAi),
-          },
-        ],
-      },
-      {
-        key: 'compliance',
-        is_new: true,
-        name: t('header.products.compliance.label'),
-        link: buildLocalizedUrl(locale, urls.compliance, PAGES.compliance.l),
-        icon: AIconShieldVerified,
-        data_attribute: 'navigation-menu-compliance-block',
-        items: [
-          {
-            title: t('header.products.compliance.items.assistant.t'),
-            subtitle: t('header.products.compliance.items.assistant.st'),
-            icon: AiAssistant,
-            to: urls.compliancemain + PAGES.compliance.assistant,
-          },
-          {
-            title: t('header.products.compliance.items.assignments.t'),
-            subtitle: t('header.products.compliance.items.assignments.st'),
-            icon: Tasks,
-            to: urls.compliancemain + PAGES.compliance.assignments,
-          },
-          {
-            title: t('header.products.compliance.items.hotline.t'),
-            subtitle: t('header.products.compliance.items.hotline.st'),
-            icon: HotLine,
-            to: urls.compliancemain + PAGES.compliance.hotline,
-          },
-          {
-            title: t('header.products.compliance.items.sanctions.t'),
-            subtitle: t('header.products.compliance.items.sanctions.st'),
-            icon: Sanctions,
-            to: urls.compliancemain + PAGES.compliance.sanctions,
-          },
-          {
-            title: t('header.products.compliance.items.suppliers.t'),
-            subtitle: t('header.products.compliance.items.suppliers.st'),
-            icon: IconProfile,
-            to: urls.compliancemain + PAGES.compliance.suppliers,
-          },
-          {
-            title: t('header.products.compliance.items.sb.t'),
-            subtitle: t('header.products.compliance.items.sb.st'),
-            icon: CheckSb,
-            to: urls.compliancemain + PAGES.compliance.sb,
-          },
-          {
-            title: t('header.products.compliance.items.inspection.t'),
-            subtitle: t('header.products.compliance.items.inspection.st'),
-            icon: AIconShieldVerified,
-            to: urls.compliancemain + PAGES.compliance.inspection,
-          },
-        ],
-      },
-      {
-        key: 'analytics',
-        name: t('header.products.analytics.label'),
-        link: buildLocalizedUrl(locale, urls.analytics, ''),
-        icon: AIconArrowGraphUp,
-        data_attribute: 'navigation-menu-analytics-block',
-        items: [
-          // {
-          //   title: t('header.products.analytics.items.procurement.title'),
-          //   subtitle: t('header.products.analytics.items.procurement.subtitle'),
-          //   icon: IconClipboardText,
-          //   to: buildLocalizedUrl(locale, urls.analyticsNew, PAGES.analytics.main)
-          // },
-          {
-            title: t('header.products.analytics.items.activity.title'),
-            subtitle: t('header.products.analytics.items.activity.subtitle'),
-            icon: IconArrowGraph,
-            to: buildLocalizedUrl(locale, urls.analytics, PAGES.analytics.index),
-
-          },
-          {
-            title: t('header.products.analytics.items.rate.title'),
-            subtitle: t('header.products.analytics.items.rate.subtitle'),
-            icon: IconMedal,
-            to: buildLocalizedUrl(locale, urls.analytics, PAGES.analytics.rating),
-          },
-          {
-            title: t('header.products.analytics.items.subjects.title'),
-            subtitle: t('header.products.analytics.items.subjects.subtitle'),
-            icon: IconCompany,
-            to: buildLocalizedUrl(locale, urls.analytics, PAGES.analytics.business),
-          },
-          {
-            title: t('header.products.analytics.items.demography.title'),
-            subtitle: t('header.products.analytics.items.demography.subtitle'),
-            icon: IconCompany,
-            to: buildLocalizedUrl(locale, urls.analytics, PAGES.analytics.demography),
-          },
-        ],
-      },
-    ]
-  })
-}
-
-export function useHeaderMenuLinks() {
-  const { t, locale } = useI18n()
-  const urls = useUrls()
-
-  return [
-    {
-      title: t('header.profile.menu.personalInfo'),
-      icon: IconProfile,
-      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.index),
-      dataTestId: 'dropdown-profile-button',
-    },
-    {
-      title: t('header.profile.menu.security'),
-      icon: IconLock,
-      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.security),
-      dataTestId: 'dropdown-profile-change-password-button',
-    },
-    {
-      title: t('header.profile.menu.paymentHistory'),
-      icon: IconReceipt,
-      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.paymentHistory),
-      dataTestId: 'dropdown-profile-payment-story-button',
-    },
-    {
-      title: t('header.profile.menu.favourites'),
-      icon: IconFavorite,
-      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.favourites),
-      dataTestId: 'dropdown-favourites-button',
-    },
-    // {
-    //   title: t('header.profile.menu.myReports'),
-    //   icon: IconReport,
-    //   to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.reports)
-    // },
-    {
-      title: t('header.profile.menu.browsingHistory'),
-      icon: IconHistory,
-      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.browsingHistory),
-      dataTestId: 'dropdown-profile-view-history-button',
-    },
-    {
-      title: t('header.profile.menu.myGroups'),
-      icon: IconUsers,
-      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.myGroups),
-      dataTestId: 'dropdown-profile-my-groups-button',
-    },
-    {
-      title: t('header.profile.menu.notes'),
-      icon: IconMessage,
-      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.notes),
-      dataTestId: 'dropdown-profile-notes-button',
-    },
-  ]
-}
-
-export function usePkServicesLinks() {
-  const { t, locale } = useI18n()
-  const urls = useUrls()
-
-  return [
-    {
-      title: t('header.products.counterparties.items.counterparty.title'),
-      icon: IconSearch,
-      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.main),
-      short: PAGES.pk.main,
-    },
-    {
-      title: t('header.products.counterparties.items.wholesale.title'),
-      icon: AIconUsersThree,
-      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.employees),
-      short: PAGES.pk.employees,
-    },
-    {
-      title: t('header.products.counterparties.items.networks.title'),
-      icon: IconLink,
-      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.connections),
-      short: PAGES.pk.connections,
-    },
-    {
-      title: t('header.products.counterparties.items.offshore.title'),
-      icon: IconDollar,
-      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.offshore),
-      short: PAGES.pk.offshore,
-    },
-    {
-      title: t('header.products.counterparties.items.foreign.title'),
-      icon: IconGlobe,
-      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.foreign),
-      short: PAGES.pk.foreign,
-    },
-    {
-      title: t('header.products.counterparties.items.unloading.title'),
-      icon: AIconArrowSquareDown,
-      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.unload),
-      short: PAGES.pk.unload,
-    },
-    {
-      title: t('header.products.counterparties.items.compare.title'),
-      icon: IconScales,
-      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.compare),
-      short: PAGES.pk.compare,
-    },
-    {
-      title: t('header.products.counterparties.items.sanction.title'),
-      icon: IconBlock,
-      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.sanctions),
-      short: PAGES.pk.sanctions,
-    },
-    {
-      title: t('all_services'),
-      icon: AIconExpandWindow,
-      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.allServices),
-      short: PAGES.allServices,
-    },
-  ]
-}
+import { useUrls } from '#adata-ui/composables/useUrls'
+import AiAssistant from '#adata-ui/icons/ai-assistant.vue'
+import IconArrowCircle from '#adata-ui/icons/arrow/arrow-circle-down.vue'
+import IconArrowGraph from '#adata-ui/icons/arrow/arrow-graph-up.vue'
+import IconBlock from '#adata-ui/icons/block.vue'
+import IconFavorite from '#adata-ui/icons/bookmark/bookmark.vue'
+import IconBot from '#adata-ui/icons/bot.vue'
+import AIconBriefcase from '#adata-ui/icons/briefcase.vue'
+import IconCalc from '#adata-ui/icons/calculator.vue'
+import AIconCarSide from '#adata-ui/icons/car-side.vue'
+import IconCar from '#adata-ui/icons/car.vue'
+import AIconCart from '#adata-ui/icons/cart.vue'
+import CheckSb from '#adata-ui/icons/check-sb.vue'
+import IconCheckCircle from '#adata-ui/icons/check/check-circle.vue'
+import IconCompany from '#adata-ui/icons/company.vue'
+import IconDollar from '#adata-ui/icons/currency/currency-dollar.vue'
+import AIconDownloadRounded from '#adata-ui/icons/download-rounded.vue'
+import IconFilePen from '#adata-ui/icons/file-pen.vue'
+import IconFileStack from '#adata-ui/icons/file-stack.vue'
+import IconGitCompare from '#adata-ui/icons/git-compare.vue'
+import IconGlobe from '#adata-ui/icons/globe.vue'
+import IconHandshake from '#adata-ui/icons/handshake.vue'
+import IconDocument from '#adata-ui/icons/hdocument.vue'
+import IconHistory from '#adata-ui/icons/history.vue'
+import HotLine from '#adata-ui/icons/hot-line.vue'
+import IconLink from '#adata-ui/icons/link-chain.vue'
+import IconLock from '#adata-ui/icons/lock.vue'
+import MapPaper from '#adata-ui/icons/map-paper.vue'
+import MapPinRect from '#adata-ui/icons/map/map-pin-rect.vue'
+import IconMedal from '#adata-ui/icons/medal.vue'
+import IconMessage from '#adata-ui/icons/message/message.vue'
+import IconProfile from '#adata-ui/icons/profile.vue'
+import IconReceipt from '#adata-ui/icons/receipt.vue'
+import Sanctions from '#adata-ui/icons/sanctions.vue'
+import IconScales from '#adata-ui/icons/scales/scale.vue'
+import IconSearch from '#adata-ui/icons/search.vue'
+import IconShieldAlert from '#adata-ui/icons/shield-alert.vue'
+import AIconShieldVerified from '#adata-ui/icons/shield-verified.vue'
+import Connections from '#adata-ui/icons/sviazi.vue'
+import Tasks from '#adata-ui/icons/tasks.vue'
+import IconTruck from '#adata-ui/icons/truck.vue'
+import IconUsers from '#adata-ui/icons/users.vue'
+import IconWork from '#adata-ui/icons/work-bag.vue'
+import { PAGES } from '#adata-ui/shared/constans/pages'
+import { buildLocalizedUrl } from '#adata-ui/utils/localizedNavigation'
+import {
+  AIconAkimat,
+  AIconArrowGraphUp,
+  AIconArrowSquareDown,
+  AIconCurrencyTenge,
+  AIconExcelIcon,
+  AIconExpandWindow,
+  AIconFile,
+  AIconGlobe,
+  AIconSearch,
+  AIconUsers,
+  AIconUsersThree,
+  AIconWarningTriangle,
+} from '#components'
+
+export function useHeaderNavigationLinks() {
+  const { t, locale } = useI18n()
+  const urls = useUrls()
+
+  return computed(() => {
+    return [
+      {
+        key: 'pk',
+        name: t('header.products.counterparties.label'),
+        link: buildLocalizedUrl(locale, urls.pk, PAGES.pk.main),
+        icon: AIconUsers,
+        to: urls.pk,
+        data_attribute: 'navigation-menu-counterparty-block',
+        items: [
+          {
+            title: t('header.products.counterparties.items.counterparty.title'),
+            subtitle: t('header.products.counterparties.items.counterparty.subtitle'),
+            icon: IconSearch,
+            to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.main),
+          },
+          {
+            title: t('header.products.counterparties.items.unloading.title'),
+            subtitle: t('header.products.counterparties.items.unloading.subtitle'),
+            icon: IconArrowCircle,
+            to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.unload),
+          },
+          {
+            title: t('header.products.counterparties.items.wholesale.title'),
+            subtitle: t('header.products.counterparties.items.wholesale.subtitle'),
+            icon: IconUsers,
+            to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.employees),
+          },
+          {
+            title: t('header.products.counterparties.items.foreign.title'),
+            subtitle: t('header.products.counterparties.items.foreign.subtitle'),
+            icon: IconGlobe,
+            to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.foreign),
+          },
+          {
+            title: t('header.products.counterparties.items.compare.title'),
+            icon: IconScales,
+            to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.compare),
+          },
+          {
+            title: t('header.products.counterparties.items.networks.title'),
+            icon: IconLink,
+            to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.connections),
+          },
+          {
+            title: t('header.products.counterparties.items.sanction.title'),
+            icon: IconBlock,
+            to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.sanctions),
+          },
+          {
+            title: t('header.products.counterparties.items.offshore.title'),
+            icon: IconDollar,
+            to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.offshore),
+          },
+        ],
+      },
+      {
+        key: 'fines',
+        name: t('header.products.fines.label'),
+        link: buildLocalizedUrl(locale, urls.avto, PAGES.fines.main),
+        icon: AIconCarSide,
+        data_attribute: 'navigation-menu-fines-block',
+        items: [
+          {
+            title: t('header.products.fines.items.fines.title'),
+            subtitle: t('header.products.fines.items.fines.subtitle'),
+            icon: IconCheckCircle,
+            to: buildLocalizedUrl(locale, urls.avto, PAGES.fines.main),
+          },
+          {
+            title: t('header.products.fines.items.auto.title'),
+            subtitle: t('header.products.fines.items.auto.subtitle'),
+            icon: IconCar,
+            to: buildLocalizedUrl(locale, urls.avto, PAGES.fines.avto),
+          },
+          // {
+          //   title: t('header.products.fines.items.wholesaleAuto.title'),
+          //   subtitle: t('header.products.fines.items.wholesaleAuto.subtitle'),
+          //   icon: IconTruck,
+          //   to: buildLocalizedUrl(locale, urls.avto, PAGES.fines.bulk)
+          // }
+        ],
+      },
+      {
+        key: 'work',
+        name: t('header.products.jobs.label'),
+        link: urls.work,
+        icon: AIconBriefcase,
+        data_attribute: 'navigation-menu-work-block',
+        items: [
+          {
+            title: t('header.products.jobs.items.vacancies.title'),
+            icon: IconWork,
+            subtitle: t('header.products.jobs.items.vacancies.subtitle'),
+            to: urls.work + PAGES.work.vacancy,
+          },
+          {
+            title: t('header.products.jobs.items.resume.title'),
+            subtitle: t('header.products.jobs.items.resume.subtitle'),
+            icon: IconDocument,
+            to: urls.work + PAGES.work.summary,
+          },
+        ],
+      },
+      {
+        key: 'fea',
+        is_new: true,
+        name: t('header.products.fea.label'),
+        link: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.main),
+        icon: AIconGlobe,
+        data_attribute: 'navigation-menu-ved-block',
+        items: [
+          {
+            title: t('header.products.fea.items.o.t'),
+            subtitle: t('header.products.fea.items.o.st'),
+            icon: Connections,
+            to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.o),
+          },
+          {
+            title: t('header.products.fea.items.i.t'),
+            subtitle: t('header.products.fea.items.i.st'),
+            icon: IconHandshake,
+            to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.t),
+          },
+          {
+            title: t('header.products.fea.items.cp.t'),
+            subtitle: t('header.products.fea.items.cp.st'),
+            icon: IconTruck,
+            to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.cp),
+
+          },
+          {
+            title: t('header.products.fea.items.ca.t'),
+            subtitle: t('header.products.fea.items.ca.st'),
+            icon: IconCalc,
+            to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.ca),
+          },
+          {
+            title: t('header.products.fea.items.tr.t'),
+            subtitle: t('header.products.fea.items.tr.st'),
+            icon: IconGlobe,
+            to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.tr),
+          },
+          {
+            title: t('header.products.fea.items.containers.t'),
+            subtitle: t('header.products.fea.items.containers.st'),
+            icon: MapPaper,
+            to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.containers),
+          },
+          {
+            title: t('header.products.fea.items.importerMap.t'),
+            subtitle: t('header.products.fea.items.importerMap.st'),
+            icon: MapPinRect,
+            to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.importerMap),
+          },
+        ],
+      },
+      {
+        key: 'tenders',
+        name: t('header.products.tenders.label'),
+        link: urls.zakupki,
+        icon: AIconCart,
+        is_new: true,
+        to: urls.tender,
+        data_attribute: 'navigation-menu-zakupki-block',
+        items: [
+          {
+            title: t('header.products.tenders.items.customers.title'),
+            subtitle: t('header.products.tenders.items.customers.subtitle'),
+            icon: AIconUsers,
+            to: urls.zakupki + PAGES.tender.customers,
+          },
+          {
+            title: t('header.products.tenders.items.akimat.title'),
+            subtitle: t('header.products.tenders.items.akimat.subtitle'),
+            icon: AIconAkimat,
+            to: urls.zakupki + PAGES.tender.akimat,
+          },
+          {
+            title: t('header.products.tenders.items.tru.title'),
+            subtitle: t('header.products.tenders.items.tru.subtitle'),
+            icon: AIconWarningTriangle,
+            to: urls.zakupki + PAGES.tender.tru,
+          },
+          {
+            title: t('header.products.tenders.items.price.title'),
+            subtitle: t('header.products.tenders.items.price.subtitle'),
+            icon: AIconCurrencyTenge,
+            to: urls.zakupki + PAGES.tender.price,
+          },
+          {
+            title: t('header.products.tenders.items.constructor.title'),
+            subtitle: t('header.products.tenders.items.constructor.subtitle'),
+            icon: AIconExcelIcon,
+            to: urls.zakupki + PAGES.tender.constructor,
+          },
+          {
+            title: t('header.products.tenders.items.monitoring.title'),
+            subtitle: t('header.products.tenders.items.monitoring.subtitle'),
+            icon: AIconSearch,
+            to: urls.tender,
+          },
+        ],
+      },
+      {
+        key: 'edo',
+        is_new: true,
+        name: t('header.products.edo.label'),
+        link: buildLocalizedUrl(locale, urls.edo_docs, ''),
+        icon: AIconFile,
+        data_attribute: 'navigation-menu-edo-block',
+        items: [
+          {
+            title: t('header.products.edo.items.docSign.t'),
+            subtitle: t('header.products.edo.items.docSign.st'),
+            icon: IconFilePen,
+            to: buildLocalizedUrl(locale, urls.edo_docs, PAGES.edo.docSign),
+          },
+          {
+            title: t('header.products.edo.items.docTemplate.t'),
+            subtitle: t('header.products.edo.items.docTemplate.st'),
+            icon: IconFileStack,
+            to: buildLocalizedUrl(locale, urls.edo_docs, PAGES.edo.docTemplate),
+          },
+          {
+            title: t('header.products.edo.items.docRisk.t'),
+            subtitle: t('header.products.edo.items.docRisk.st'),
+            icon: IconShieldAlert,
+            to: buildLocalizedUrl(locale, urls.edo_docs, PAGES.edo.docRisk),
+          },
+          {
+            title: t('header.products.edo.items.docCompare.t'),
+            subtitle: t('header.products.edo.items.docCompare.st'),
+            icon: IconGitCompare,
+            to: buildLocalizedUrl(locale, urls.edo_docs, PAGES.edo.docCompare),
+          },
+          {
+            title: t('header.products.edo.items.docAi.t'),
+            subtitle: t('header.products.edo.items.docAi.st'),
+            icon: IconBot,
+            to: buildLocalizedUrl(locale, urls.edo_docs, PAGES.edo.docAi),
+          },
+        ],
+      },
+      {
+        key: 'export',
+        name: t('header.products.export.label'),
+        link: buildLocalizedUrl(locale, urls.pk, PAGES.pk.unload),
+        icon: AIconDownloadRounded,
+        data_attribute: 'navigation-menu-export-block',
+        items: [
+          {
+            title: t('header.products.export.items.clients.title'),
+            subtitle: t('header.products.export.items.clients.subtitle'),
+            icon: IconSearch,
+            to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.unload),
+          },
+        ],
+      },
+      {
+        key: 'compliance',
+        is_new: true,
+        name: t('header.products.compliance.label'),
+        link: buildLocalizedUrl(locale, urls.compliance, PAGES.compliance.l),
+        icon: AIconShieldVerified,
+        data_attribute: 'navigation-menu-compliance-block',
+        items: [
+          {
+            title: t('header.products.compliance.items.assistant.t'),
+            subtitle: t('header.products.compliance.items.assistant.st'),
+            icon: AiAssistant,
+            to: urls.compliancemain + PAGES.compliance.assistant,
+          },
+          {
+            title: t('header.products.compliance.items.assignments.t'),
+            subtitle: t('header.products.compliance.items.assignments.st'),
+            icon: Tasks,
+            to: urls.compliancemain + PAGES.compliance.assignments,
+          },
+          {
+            title: t('header.products.compliance.items.hotline.t'),
+            subtitle: t('header.products.compliance.items.hotline.st'),
+            icon: HotLine,
+            to: urls.compliancemain + PAGES.compliance.hotline,
+          },
+          {
+            title: t('header.products.compliance.items.sanctions.t'),
+            subtitle: t('header.products.compliance.items.sanctions.st'),
+            icon: Sanctions,
+            to: urls.compliancemain + PAGES.compliance.sanctions,
+          },
+          {
+            title: t('header.products.compliance.items.suppliers.t'),
+            subtitle: t('header.products.compliance.items.suppliers.st'),
+            icon: IconProfile,
+            to: urls.compliancemain + PAGES.compliance.suppliers,
+          },
+          {
+            title: t('header.products.compliance.items.sb.t'),
+            subtitle: t('header.products.compliance.items.sb.st'),
+            icon: CheckSb,
+            to: urls.compliancemain + PAGES.compliance.sb,
+          },
+          {
+            title: t('header.products.compliance.items.inspection.t'),
+            subtitle: t('header.products.compliance.items.inspection.st'),
+            icon: AIconShieldVerified,
+            to: urls.compliancemain + PAGES.compliance.inspection,
+          },
+        ],
+      },
+      {
+        key: 'analytics',
+        name: t('header.products.analytics.label'),
+        link: buildLocalizedUrl(locale, urls.analytics, ''),
+        icon: AIconArrowGraphUp,
+        data_attribute: 'navigation-menu-analytics-block',
+        items: [
+          // {
+          //   title: t('header.products.analytics.items.procurement.title'),
+          //   subtitle: t('header.products.analytics.items.procurement.subtitle'),
+          //   icon: IconClipboardText,
+          //   to: buildLocalizedUrl(locale, urls.analyticsNew, PAGES.analytics.main)
+          // },
+          {
+            title: t('header.products.analytics.items.activity.title'),
+            subtitle: t('header.products.analytics.items.activity.subtitle'),
+            icon: IconArrowGraph,
+            to: buildLocalizedUrl(locale, urls.analytics, PAGES.analytics.index),
+
+          },
+          {
+            title: t('header.products.analytics.items.rate.title'),
+            subtitle: t('header.products.analytics.items.rate.subtitle'),
+            icon: IconMedal,
+            to: buildLocalizedUrl(locale, urls.analytics, PAGES.analytics.rating),
+          },
+          {
+            title: t('header.products.analytics.items.subjects.title'),
+            subtitle: t('header.products.analytics.items.subjects.subtitle'),
+            icon: IconCompany,
+            to: buildLocalizedUrl(locale, urls.analytics, PAGES.analytics.business),
+          },
+          {
+            title: t('header.products.analytics.items.demography.title'),
+            subtitle: t('header.products.analytics.items.demography.subtitle'),
+            icon: IconCompany,
+            to: buildLocalizedUrl(locale, urls.analytics, PAGES.analytics.demography),
+          },
+        ],
+      },
+    ]
+  })
+}
+
+export function useHeaderMenuLinks() {
+  const { t, locale } = useI18n()
+  const urls = useUrls()
+
+  return [
+    {
+      title: t('header.profile.menu.personalInfo'),
+      icon: IconProfile,
+      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.index),
+      dataTestId: 'dropdown-profile-button',
+    },
+    {
+      title: t('header.profile.menu.security'),
+      icon: IconLock,
+      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.security),
+      dataTestId: 'dropdown-profile-change-password-button',
+    },
+    {
+      title: t('header.profile.menu.paymentHistory'),
+      icon: IconReceipt,
+      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.paymentHistory),
+      dataTestId: 'dropdown-profile-payment-story-button',
+    },
+    {
+      title: t('header.profile.menu.favourites'),
+      icon: IconFavorite,
+      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.favourites),
+      dataTestId: 'dropdown-favourites-button',
+    },
+    // {
+    //   title: t('header.profile.menu.myReports'),
+    //   icon: IconReport,
+    //   to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.reports)
+    // },
+    {
+      title: t('header.profile.menu.browsingHistory'),
+      icon: IconHistory,
+      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.browsingHistory),
+      dataTestId: 'dropdown-profile-view-history-button',
+    },
+    {
+      title: t('header.profile.menu.myGroups'),
+      icon: IconUsers,
+      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.myGroups),
+      dataTestId: 'dropdown-profile-my-groups-button',
+    },
+    {
+      title: t('header.profile.menu.notes'),
+      icon: IconMessage,
+      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.notes),
+      dataTestId: 'dropdown-profile-notes-button',
+    },
+  ]
+}
+
+export function usePkServicesLinks() {
+  const { t, locale } = useI18n()
+  const urls = useUrls()
+
+  return [
+    {
+      title: t('header.products.counterparties.items.counterparty.title'),
+      icon: IconSearch,
+      to: buildLocalizedUrl(locale.value, urls.pk, ''),
+      short: PAGES.pk.main,
+    },
+    {
+      title: t('header.products.counterparties.items.wholesale.title'),
+      icon: AIconUsersThree,
+      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.employees),
+      short: PAGES.pk.employees,
+    },
+    {
+      title: t('header.products.counterparties.items.networks.title'),
+      icon: IconLink,
+      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.connections),
+      short: PAGES.pk.connections,
+    },
+    {
+      title: t('header.products.counterparties.items.offshore.title'),
+      icon: IconDollar,
+      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.offshore),
+      short: PAGES.pk.offshore,
+    },
+    {
+      title: t('header.products.counterparties.items.foreign.title'),
+      icon: IconGlobe,
+      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.foreign),
+      short: PAGES.pk.foreign,
+    },
+    {
+      title: t('header.products.counterparties.items.unloading.title'),
+      icon: AIconArrowSquareDown,
+      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.unload),
+      short: PAGES.pk.unload,
+    },
+    {
+      title: t('header.products.counterparties.items.compare.title'),
+      icon: IconScales,
+      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.compare),
+      short: PAGES.pk.compare,
+    },
+    {
+      title: t('header.products.counterparties.items.sanction.title'),
+      icon: IconBlock,
+      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.sanctions),
+      short: PAGES.pk.sanctions,
+    },
+    {
+      title: t('all_services'),
+      icon: AIconExpandWindow,
+      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.allServices),
+      short: PAGES.allServices,
+    },
+  ]
+}