adata-ui 2.0.71 → 2.0.72

package/components/navigation/header/CardGallery.vue

@@ -2,8 +2,9 @@
 import { AIconArrowCircleDown, AIconGlobe, AIconId, AIconArrowSideUp } from '#components'
 import { PAGES } from '#adata-ui/shared/constans/pages'
 import { buildLocalizedUrl } from '#adata-ui/utils/localizedNavigation'
+import { useUrls } from '#adata-ui/composables/useUrls'
 
-const { myLayer } = useAppConfig()
+const urls = useUrls()
 const { t, locale } = useI18n()
 const colorMode = useColorMode()
 const computedColorMode = computed(() => colorMode.value)
@@ -13,21 +14,21 @@ const items = computed(()=>{
     {
       title: 'header.products.galleryCards.unload.title',
       subtitle: 'header.products.galleryCards.unload.subtitle',
-      to: buildLocalizedUrl(locale, myLayer.pkUrl, PAGES.pk.unload),
+      to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.unload),
       image: '/header/unload.webp',
       icon: AIconArrowCircleDown,
     },
     {
       title: 'header.products.galleryCards.compliance.title',
       subtitle: 'header.products.galleryCards.compliance.subtitle',
-      to: buildLocalizedUrl(locale, myLayer.complianceUrl, PAGES.compliance.l),
+      to: buildLocalizedUrl(locale, urls.compliance, PAGES.compliance.l),
       image: '/header/compliance.webp',
       icon: AIconId,
     },
     {
       title: 'header.products.galleryCards.ved.title',
       subtitle: 'header.products.galleryCards.ved.subtitle',
-      to: buildLocalizedUrl(locale, myLayer.tnvedUrl),
+      to: buildLocalizedUrl(locale, urls.tnved),
       image: '/header/ved.webp',
       icon: AIconGlobe,
     },

package/components/navigation/header/HeaderLink.vue

@@ -6,26 +6,27 @@ import ProductMenu from '#adata-ui/components/navigation/header/ProductMenu.vue'
 
 import ContactMenu from '#adata-ui/components/navigation/header/ContactMenu.vue'
 import { buildLocalizedUrl } from '#adata-ui/utils/localizedNavigation'
+import { useUrls } from '#adata-ui/composables/useUrls'
 
-const { myLayer }: any = useAppConfig()
+const { landing } = useUrls()
 const { t, locale } = useI18n()
 
 const navs: any = [
   {
     label: 'header.navs.products',
-    to: myLayer.landingUrl + PAGES.totalServices
+    to: landing + PAGES.totalServices
   },
   {
     label: 'header.navs.contacts',
-    to: myLayer.landingUrl + PAGES.contacts
+    to: landing + PAGES.contacts
   },
   {
     label: 'header.navs.tariffs',
-    to: myLayer.landingUrl + PAGES.tariffs
+    to: landing + PAGES.tariffs
   },
   {
     label: 'header.navs.api',
-    to: myLayer.landingUrl + PAGES.api
+    to: landing + PAGES.api
   }
 ]
 
@@ -51,9 +52,9 @@ const currentMenuToShow = (index) => {
 }
 const toggleMenu = (index: number) => {
   if (index === 2) {
-    window.open(buildLocalizedUrl(locale, myLayer.landingUrl, PAGES.tariffs), '_blank')
+    window.open(buildLocalizedUrl(locale, landing, PAGES.tariffs), '_blank')
   } else if (index === 3) {
-    window.open(buildLocalizedUrl(locale, myLayer.landingUrl, PAGES.api), '_blank')
+    window.open(buildLocalizedUrl(locale, landing, PAGES.api), '_blank')
   } else {
     currentMenu.value = currentMenuToShow(index)
     const prev = currentIndex.value
@@ -174,7 +175,7 @@ watch(
               v-show="show"
               :animation="forward ? 'next' : 'prev'"
               :index="currentIndex"
-              :url="buildLocalizedUrl(locale, myLayer.landingUrl, PAGES.contacts)"
+              :url="buildLocalizedUrl(locale, landing, PAGES.contacts)"
               @outer-click="closeMenu(true)"
               @mouse-over="closeMenu"
             />

package/components/navigation/mobile-navigation/AMobileNavigation.vue

@@ -7,6 +7,7 @@ import ProfileMenu from '#adata-ui/components/navigation/header/ProfileMenu.vue'
 import type { ProjectKeys } from '#adata-ui/components/navigation/header/types'
 import { useCurrentModule } from '#adata-ui/composables/projectState'
 import AModal from "#adata-ui/components/overlays/modal/AModal.vue";
+import { useUrls } from '#adata-ui/composables/useUrls'
 
 interface Props {
   replenish?: string
@@ -31,8 +32,7 @@ const props = withDefaults(defineProps<Props>(), {
 })
 const emit = defineEmits(['logout'])
 useCurrentModule().value = props.module
-const appConfig = useAppConfig()
-const landingUrl = appConfig.myLayer.landingUrl
+const { landing } = useUrls()
 const activeModule = ref<string | null>(null)
 const isMain = ref(false)
 const isContacts = ref(false)
@@ -62,7 +62,7 @@ watch(activeModule, (e) => {
   } else if (e === 'profile') {
     isProfile.value = true
   } else if (e === 'tariff') {
-    navigateTo(`${landingUrl}/tariffs`, { external: true })
+    navigateTo(`${landing}/tariffs`, { external: true })
   }
   activeModule.value = ''
 })

package/components/navigation/side-navigation/ASideNavigation.vue

@@ -24,6 +24,7 @@ import IconMedal from "#adata-ui/icons/medal.vue";
 
 import { disableBodyScroll, enableBodyScroll } from 'body-scroll-lock'
 import {PAGES} from "#adata-ui/shared/constans/pages";
+import { useUrls } from '#adata-ui/composables/useUrls'
 
 type Modules = 'counterparty' | 'work' | 'tender' | 'fines' | 'analytics'
 
@@ -43,6 +44,7 @@ const props = withDefaults(defineProps<Props>(), {
   zIndex: 'auto'
 })
 const { myLayer }: any = useAppConfig()
+const urls = useUrls()
 
 const activeModule = ref<Modules | null>(null)
 const bottom = ref<HTMLElement | null>(null)
@@ -98,37 +100,37 @@ const sideLinks = {
     {
       icon: IconSearch,
       label: "Проверка контрагентов",
-      link: myLayer.pkUrl + PAGES.pk.main
+      link: urls.pk + PAGES.pk.main
     },
     {
       icon: IconScales,
       label: "Сравнение контрагентов",
-      link: myLayer.counterParty ?  myLayer.pkUrl + myLayer.counterParty + PAGES.pk.compare : myLayer.pkUrl + PAGES.pk.compare
+      link: myLayer.counterParty ?  urls.pk + myLayer.counterParty + PAGES.pk.compare : urls.pk + PAGES.pk.compare
     },
     {
       icon: IconLink,
       label: "Косвенные связи",
-      link: myLayer.counterParty ?  myLayer.pkUrl + myLayer.counterParty + '/search-connections/check' : myLayer.pkUrl + PAGES.pk.connections
+      link: myLayer.counterParty ?  urls.pk + myLayer.counterParty + '/search-connections/check' : urls.pk + PAGES.pk.connections
     },
     {
       icon: IconUsers,
       label: "Массовая проверка",
-      link: myLayer.counterParty ?  myLayer.pkUrl + myLayer.counterParty + PAGES.pk.employees : myLayer.pkUrl + PAGES.pk.employees
+      link: myLayer.counterParty ?  urls.pk + myLayer.counterParty + PAGES.pk.employees : urls.pk + PAGES.pk.employees
     },
     {
       icon: IconGlobe,
       label: "Зарубежные контрагенты",
-      link: myLayer.pkUrl + PAGES.pk.foreign
+      link: urls.pk + PAGES.pk.foreign
     },
     {
       icon: IconBlock,
       label: "Санкции",
-      link: myLayer.counterParty ?  myLayer.pkUrl + myLayer.counterParty + PAGES.pk.sanctions : myLayer.pkUrl + PAGES.pk.sanctions
+      link: myLayer.counterParty ?  urls.pk + myLayer.counterParty + PAGES.pk.sanctions : urls.pk + PAGES.pk.sanctions
     },
     {
       icon: IconDollar,
       label: "Офшоры",
-      link: myLayer.counterParty ?  myLayer.pkUrl + myLayer.counterParty + PAGES.pk.offshore : myLayer.pkUrl + PAGES.pk.offshore
+      link: myLayer.counterParty ?  urls.pk + myLayer.counterParty + PAGES.pk.offshore : urls.pk + PAGES.pk.offshore
     },
     {
       icon: IconDocument,
@@ -138,80 +140,80 @@ const sideLinks = {
     {
       icon: IconArrowCircle,
       label: "Выгрузка данных",
-      link: myLayer.pkUrl + PAGES.pk.unload
+      link: urls.pk + PAGES.pk.unload
     }
   ],
   work: [
     {
       icon: IconWork,
       label: "Вакансии",
-      link: myLayer.workUrl + PAGES.work.vacancy
+      link: urls.work + PAGES.work.vacancy
     },
     {
       icon: IconDocument,
       label: "Резюме",
-      link: myLayer.workUrl + PAGES.work.summary
+      link: urls.work + PAGES.work.summary
     },
   ],
   tender: [
     {
       icon: IconSearch,
       label: "Поиск тендеров",
-      link: myLayer.tenderUrl + PAGES.tender.main
+      link: urls.tender + PAGES.tender.main
     },
     {
       icon: IconFile,
       label: "Поиск договоров",
-      link: myLayer.tenderUrl + PAGES.tender.contracts
+      link: urls.tender + PAGES.tender.contracts
     },
     {
       icon: IconCheck,
       label: "Планы закупок",
-      link: myLayer.tenderUrl + PAGES.tender.plans
+      link: urls.tender + PAGES.tender.plans
     }
   ],
   fines: [
     {
       icon: IconCheckCircle,
       label: "Проверка штрафов",
-      link: myLayer.avtoUrl + PAGES.fines.main
+      link: urls.avto + PAGES.fines.main
     },
     {
       icon: IconCar,
       label: "Проверка авто",
-      link: myLayer.avtoUrl + PAGES.fines.avto
+      link: urls.avto + PAGES.fines.avto
     },
     {
       icon: IconTruck,
       label: "Массовая проверка авто",
-      link: myLayer.avtoUrl + PAGES.fines.bulk
+      link: urls.avto + PAGES.fines.bulk
     }
   ],
   analytics: [
     {
       icon: IconSearch,
       label: "Поиск клиентов",
-      link: myLayer.analyticsUrl + PAGES.analytics.clients
+      link: urls.analytics + PAGES.analytics.clients
     },
     {
       icon: IconCheck,
       label: "Анализ закупок",
-      link: myLayer.analyticsUrl + PAGES.analytics.analysis
+      link: urls.analytics + PAGES.analytics.analysis
     },
     {
       icon: IconArrowGraph,
       label: "Индекс деловой активности",
-      link: myLayer.analyticsUrl + PAGES.analytics.index
+      link: urls.analytics + PAGES.analytics.index
     },
     {
       icon: IconCompany,
       label: "Субьекты бизнеса",
-      link: myLayer.analyticsUrl + PAGES.analytics.business
+      link: urls.analytics + PAGES.analytics.business
     },
     {
       icon: IconMedal,
       label: "Рейтинг налогоплательщиков",
-      link: myLayer.analyticsUrl + PAGES.analytics.rating
+      link: urls.analytics + PAGES.analytics.rating
     }
   ],
 }

package/composables/useHeaderNavigationLinks.ts

@@ -44,11 +44,11 @@ import MapPinRect from '#adata-ui/icons/map/map-pin-rect.vue'
 import MapPaper from '#adata-ui/icons/map-paper.vue'
 import ChartBar from '#adata-ui/icons/chart-bar.vue'
 import Bank from '#adata-ui/icons/bank.vue'
+import { useUrls } from '#adata-ui/composables/useUrls'
 
 export const useHeaderNavigationLinks = () => {
   const { t, locale } = useI18n()
-  const { myLayer } = useAppConfig()
-  const mode = myLayer.mode
+  const urls = useUrls()
 
   return computed(() => {
     return [
@@ -62,7 +62,7 @@ export const useHeaderNavigationLinks = () => {
             title: t('header.products.edo.items.l.t'),
             subtitle: t('header.products.edo.items.l.t'),
             icon: AIconFiles,
-            to: buildLocalizedUrl(locale, `https://edo.${mode}.kz` , '')
+            to: buildLocalizedUrl(locale, urls.edo , '')
           }
         ]
       },
@@ -70,51 +70,51 @@ export const useHeaderNavigationLinks = () => {
         key: 'pk',
         name: t('header.products.counterparties.label'),
         icon: AIconUsersThree,
-        to: `https://pk.${mode}.kz`,
+        to: urls.pk,
         items: [
           {
             title: t('header.products.counterparties.items.counterparty.title'),
             subtitle: t('header.products.counterparties.items.counterparty.subtitle'),
             icon: IconSearch,
-            to: buildLocalizedUrl(locale, `https://pk.${mode}.kz`, PAGES.pk.main),
+            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, `https://pk.${mode}.kz`, PAGES.pk.unload),
+            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, `https://pk.${mode}.kz`, PAGES.pk.employees),
+            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, `https://pk.${mode}.kz`, PAGES.pk.foreign),
+            to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.foreign),
           },
           {
             title: t('header.products.counterparties.items.compare.title'),
             icon: IconScales,
-            to: buildLocalizedUrl(locale, `https://pk.${mode}.kz`, PAGES.pk.compare),
+            to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.compare),
           },
           {
             title: t('header.products.counterparties.items.networks.title'),
             icon: IconLink,
-            to: buildLocalizedUrl(locale, `https://pk.${mode}.kz`, PAGES.pk.connections)
+            to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.connections)
           },
           {
             title: t('header.products.counterparties.items.sanction.title'),
             icon: IconBlock,
-            to: buildLocalizedUrl(locale, `https://pk.${mode}.kz`, PAGES.pk.sanctions)
+            to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.sanctions)
           },
           {
             title: t('header.products.counterparties.items.offshore.title'),
             icon: IconDollar,
-            to: buildLocalizedUrl(locale, `https://pk.${mode}.kz`, PAGES.pk.offshore)
+            to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.offshore)
           }
         ]
       },
@@ -128,7 +128,7 @@ export const useHeaderNavigationLinks = () => {
             title: t('header.products.compliance.items.l.t'),
             subtitle: t('header.products.compliance.items.l.st'),
             icon: IconProfile,
-            to: buildLocalizedUrl(locale, `https://ac.${mode}.kz/compliance`, '')
+            to: buildLocalizedUrl(locale, urls.compliance, '')
           }
         ]
       },
@@ -137,37 +137,37 @@ export const useHeaderNavigationLinks = () => {
         name: t('header.products.tenders.label'),
         icon: AIconReceipt,
         is_new: true,
-        to: `https://tender.${mode}.kz`,
+        to: urls.tender,
         items: [
           {
             title: t('header.products.tenders.items.monitoring.title'),
             subtitle: t('header.products.tenders.items.monitoring.subtitle'),
             icon: ChartBar,
-            to: `https://zakupki.${mode}.kz` + PAGES.tender.monitoring,
+            to: urls.zakupki + PAGES.tender.monitoring,
           },
           {
             title: t('header.products.tenders.items.akimat.title'),
             subtitle: t('header.products.tenders.items.akimat.subtitle'),
             icon: Bank,
-            to: `https://zakupki.${mode}.kz` + PAGES.tender.akimat,
+            to: urls.zakupki + PAGES.tender.akimat,
           },
           {
             title: t('header.products.tenders.items.tenders.title'),
             subtitle: t('header.products.tenders.items.tenders.subtitle'),
             icon: IconSearch,
-            to: `https://tender.${mode}.kz` + PAGES.tender.main
+            to: urls.tender + PAGES.tender.main
           },
           {
             title: t('header.products.tenders.items.procurement.title'),
             subtitle: t('header.products.tenders.items.procurement.subtitle'),
             icon: IconCheck,
-            to: `https://tender.${mode}.kz` + PAGES.tender.plans
+            to: urls.tender + PAGES.tender.plans
           },
           {
             title: t('header.products.tenders.items.contracts.title'),
             subtitle: t('header.products.tenders.items.contracts.subtitle'),
             icon: IconFile,
-            to: `https://tender.${mode}.kz` + PAGES.tender.contracts
+            to: urls.tender + PAGES.tender.contracts
           }
         ]
       },
@@ -180,26 +180,26 @@ export const useHeaderNavigationLinks = () => {
             title: t('header.products.analytics.items.procurement.title'),
             subtitle: t('header.products.analytics.items.procurement.subtitle'),
             icon: IconClipboardText,
-            to: buildLocalizedUrl(locale, `https://analytics-new.${mode}.kz`, PAGES.analytics.main)
+            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, `https://analytics-new.${mode}.kz`, PAGES.analytics.index)
+            to: buildLocalizedUrl(locale, urls.analyticsNew, PAGES.analytics.index)
 
           },
           {
             title: t('header.products.analytics.items.rate.title'),
             subtitle: t('header.products.analytics.items.rate.subtitle'),
             icon: IconMedal,
-            to: buildLocalizedUrl(locale, `https://analytics-new.${mode}.kz`, PAGES.analytics.rating)
+            to: buildLocalizedUrl(locale, urls.analyticsNew, PAGES.analytics.rating)
           },
           {
             title: t('header.products.analytics.items.subjects.title'),
             subtitle: t('header.products.analytics.items.subjects.subtitle'),
             icon: IconCompany,
-            to: buildLocalizedUrl(locale, `https://analytics-new.${mode}.kz`, PAGES.analytics.business)
+            to: buildLocalizedUrl(locale, urls.analyticsNew, PAGES.analytics.business)
           }
         ]
       },
@@ -213,44 +213,44 @@ export const useHeaderNavigationLinks = () => {
             title: t('header.products.fea.items.o.t'),
             subtitle: t('header.products.fea.items.o.st'),
             icon: Connections,
-            to: buildLocalizedUrl(locale, `https://tnved.${mode}.kz`, PAGES.fea.main)
+            to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.main)
           },
           {
             title: t('header.products.fea.items.i.t'),
             subtitle: t('header.products.fea.items.i.st'),
             icon: IconHandshake,
-            to: buildLocalizedUrl(locale, `https://tnved.${mode}.kz`, PAGES.fea.t)
+            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, `https://tnved.${mode}.kz`, PAGES.fea.cp)
+            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, `https://tnved.${mode}.kz`, PAGES.fea.ca)
+            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, `https://tnved.${mode}.kz`, PAGES.fea.tr)
+            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, `https://tnved.${mode}.kz`, PAGES.fea.containers)
+            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, `https://tnved.${mode}.kz`, PAGES.fea.importerMap)
+            to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.importerMap)
           },
         ]
       },
@@ -263,19 +263,19 @@ export const useHeaderNavigationLinks = () => {
             title: t('header.products.fines.items.fines.title'),
             subtitle: t('header.products.fines.items.fines.subtitle'),
             icon: IconCheckCircle,
-            to: buildLocalizedUrl(locale, `https://avto.${mode}.kz`, PAGES.fines.main)
+            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, `https://avto.${mode}.kz`, PAGES.fines.avto)
+            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, `https://avto.${mode}.kz`, PAGES.fines.bulk)
+          //   to: buildLocalizedUrl(locale, urls.avto, PAGES.fines.bulk)
           // }
         ]
       },
@@ -288,13 +288,13 @@ export const useHeaderNavigationLinks = () => {
             title: t('header.products.jobs.items.vacancies.title'),
             icon: IconWork,
             subtitle: t('header.products.jobs.items.vacancies.subtitle'),
-            to: `https://work.${mode}.kz` + PAGES.work.vacancy
+            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: `https://work.${mode}.kz` + PAGES.work.summary
+            to: urls.work + PAGES.work.summary
           }
         ]
       },
@@ -304,103 +304,101 @@ export const useHeaderNavigationLinks = () => {
 
 export const useHeaderMenuLinks = () => {
   const { t, locale } = useI18n()
-  const { myLayer } = useAppConfig()
-  const mode = myLayer.mode
+  const urls = useUrls()
 
   return [
     {
       title: t('header.profile.menu.personalInfo'),
       icon: IconProfile,
-      to: buildLocalizedUrl(locale.value, `https://${mode}.kz`, PAGES.profile.index)
+      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.index)
     },
     {
       title: t('header.profile.menu.security'),
       icon: IconLock,
-      to: buildLocalizedUrl(locale.value, `https://${mode}.kz`, PAGES.profile.security)
+      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.security)
     },
     {
       title: t('header.profile.menu.paymentHistory'),
       icon: IconReceipt,
-      to: buildLocalizedUrl(locale.value, `https://${mode}.kz`, PAGES.profile.paymentHistory)
+      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.paymentHistory)
     },
     {
       title: t('header.profile.menu.favourites'),
       icon: IconFavorite,
-      to: buildLocalizedUrl(locale.value, `https://${mode}.kz`, PAGES.profile.favourites)
+      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.favourites)
     },
     // {
     //   title: t('header.profile.menu.myReports'),
     //   icon: IconReport,
-    //   to: buildLocalizedUrl(locale.value, `https://${mode}.kz`, PAGES.profile.reports)
+    //   to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.reports)
     // },
     {
       title: t('header.profile.menu.browsingHistory'),
       icon: IconHistory,
-      to: buildLocalizedUrl(locale.value, `https://${mode}.kz`, PAGES.profile.browsingHistory)
+      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.browsingHistory)
     },
     {
       title: t('header.profile.menu.myGroups'),
       icon: IconUsers,
-      to: buildLocalizedUrl(locale.value, `https://${mode}.kz`, PAGES.profile.myGroups)
+      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.myGroups)
     },
     {
       title: t('header.profile.menu.notes'),
       icon: IconMessage,
-      to: buildLocalizedUrl(locale.value, `https://${mode}.kz`, PAGES.profile.notes)
+      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.notes)
     }
   ]
 }
 
 export const usePkServicesLinks = () => {
   const { t, locale } = useI18n()
-  const { myLayer } = useAppConfig()
-  const mode = myLayer.mode
+  const urls = useUrls()
 
   return [
     {
       title: t('header.products.counterparties.items.counterparty.title'),
       icon: IconSearch,
-      to: buildLocalizedUrl(locale.value, `https://pk.${mode}.kz`, PAGES.pk.main)
+      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.main)
     },
     {
       title: t('header.products.counterparties.items.wholesale.title'),
       icon: AIconUsersThree,
-      to: buildLocalizedUrl(locale.value, `https://pk.${mode}.kz`, PAGES.pk.employees)
+      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.employees)
     },
     {
       title: t('header.products.counterparties.items.networks.title'),
       icon: IconLink,
-      to: buildLocalizedUrl(locale.value, `https://pk.${mode}.kz`, PAGES.pk.connections)
+      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.connections)
     },
     {
       title: t('header.products.counterparties.items.offshore.title'),
       icon: IconDollar,
-      to: buildLocalizedUrl(locale.value, `https://pk.${mode}.kz`, PAGES.pk.offshore)
+      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.offshore)
     },
     {
       title: t('header.products.counterparties.items.foreign.title'),
       icon: IconGlobe,
-      to: buildLocalizedUrl(locale.value, `https://pk.${mode}.kz`, PAGES.pk.foreign)
+      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.foreign)
     },
     {
       title: t('header.products.counterparties.items.unloading.title'),
       icon: AIconArrowSquareDown,
-      to: buildLocalizedUrl(locale.value, `https://pk.${mode}.kz`, PAGES.pk.unload)
+      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.unload)
     },
     {
       title: t('header.products.counterparties.items.compare.title'),
       icon: IconScales,
-      to: buildLocalizedUrl(locale.value, `https://pk.${mode}.kz`, PAGES.pk.compare)
+      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.compare)
     },
     {
       title: t('header.products.counterparties.items.sanction.title'),
       icon: IconBlock,
-      to: buildLocalizedUrl(locale.value, `https://pk.${mode}.kz`, PAGES.pk.sanctions)
+      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.sanctions)
     },
     {
       title: t('all_services'),
       icon: AIconExpandWindow,
-      to: buildLocalizedUrl(locale.value, `https://${mode}.kz`, PAGES.allServices)
+      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.allServices)
     },
   ]
 }