adata-ui 2.1.33 → 2.1.35

package/components/features/color-mode/AColorMode.client.vue

@@ -44,6 +44,7 @@ onMounted(() => {
       on-icon-class="w-4 h-4"
       :on-icon="Moon"
       active-container-class="dark:bg-black"
+      data-test-id="header-switch-theme-toggle"
     />
   </client-only>
 </template>

package/components/features/lang-switcher/lang-switcher.vue

@@ -28,6 +28,7 @@ function onClick(loc: any) {
   <div
     ref="langSwitcher"
     class="relative"
+    data-test-id="header-switch-language-button"
   >
 
     <button

package/components/features/pk-mobile-services/APkMobileServices.vue

@@ -46,8 +46,8 @@ const normalize = (path: string) => {
     <component
       v-for="(service, index) in services"
       :key="index"
-      :is="normalize(service.short) === normalize(route.path) && pageUrl.hostname.startsWith('pk') ? 'div' : NuxtLinkLocale"
-      :to="normalize(service.short) === normalize(route.path) ? '' : service.to"
+      :is="normalize(localePath(service.short)) === normalize(route.path) && pageUrl.hostname.startsWith('pk') ? 'div' : NuxtLinkLocale"
+      :to="normalize(localePath(service.short)) === normalize(route.path) ? '' : service.to"
       :class="['flex flex-col items-center gap-2 p-2', blockStyles[index]]"
     >
       <div

package/components/modals/ContentNavigationModal.vue

@@ -98,7 +98,7 @@ const sideLinks = <any>{
     {
       label: 'header.products.edo.label',
       icon: AIconFiles,
-      link: urls.edo + PAGES.edo.l
+      link: urls.edo_docs,
     }
   ],
   pk: [

package/components/modals/id/IdLoginModal.vue

@@ -178,10 +178,12 @@ async function submit() {
 }
 
 function authWithSocial(social: string) {
-  const mode = (useNuxtApp().$config.public.authApiURL as string).includes('adata')
-    ? 'adata'
-    : 'adtdev'
-  document.location.replace(`https://auth.${mode}.kz/api/login/social?source=${social}`)
+  const url = new URL(`https://auth.${mode}.kz/api/login/social`)
+
+  url.searchParams.set('source', social)
+  url.searchParams.set('redirect_url', window.location.origin)
+
+  document.location.replace(url.toString())
 }
 
 function onRegister() {
@@ -226,26 +228,28 @@ onBeforeUnmount(() => {
 
 <template>
   <div class="flex flex-col gap-5">
-    <h1 class="heading-02 text-center">
+    <h1 class="heading-02 text-center" data-test-id="login-form-title">
       {{ t('modals.id.login.title') }}
     </h1>
-    <p class="body-400 text-center">
+    <p class="body-400 text-center" data-test-id="login-form-subtitle">
       {{ t('modals.id.login.subtitle') }}
     </p>
     <div class="flex flex-col gap-4">
       <a-input-standard
         v-model="form.username"
         type="email"
+        data-test-id="login-form-email-input"
         :label="t('modals.id.login.labels.email')"
         :error="getError('username')"
       />
       <a-input-password
         v-model="form.password"
+        data-test-id="login-form-password-input"
         :label="t('modals.id.login.labels.password')"
         :error="getError('password')"
       />
       <div class="flex items-center justify-between">
-        <div class="body-400 flex gap-2">
+        <div class="body-400 flex gap-2" data-test-id="login-form-remember-me-checkbox">
           <a-checkbox
             v-model="rememberMe"
             name="remember_me"
@@ -259,6 +263,7 @@ onBeforeUnmount(() => {
         </div>
         <button
           class="link-s-400"
+          data-test-id="login-form-forgot-password-button"
           @click="onForgotPassword"
         >
           {{ t('modals.id.login.forget_password') }}
@@ -270,18 +275,21 @@ onBeforeUnmount(() => {
       <div class="flex shrink-0 gap-4">
         <span
           class="cursor-pointer"
+          data-test-id="login-form-google-button"
           @click="authWithSocial('google')"
         >
           <a-icon-google />
         </span>
         <span
           class="cursor-pointer"
+          data-test-id="login-form-yandex-button"
           @click="authWithSocial('yandex')"
         >
           <a-icon-yandex />
         </span>
         <span
           class="cursor-pointer"
+          data-test-id="login-form-mailru-button"
           @click="authWithSocial('mailru')"
         >
           <a-icon-mailru />
@@ -292,6 +300,7 @@ onBeforeUnmount(() => {
     <a-button
       :loading="loading"
       type="submit"
+      data-test-id="login-form-login-button"
       @click="submit"
     >
       {{ t('actions.login') }}
@@ -304,6 +313,7 @@ onBeforeUnmount(() => {
       type="button"
       view="outline"
       class="w-full"
+      data-test-id="login-form-register-button"
       @click="onRegister"
     >
       {{ t('actions.register') }}
@@ -313,6 +323,7 @@ onBeforeUnmount(() => {
       type="button"
       view="transparent"
       class="w-full"
+      data-test-id="login-form-tariffs-button"
       @click="toTariffs"
     >
       {{ t('actions.toTariffs') }}

package/components/modals/id/IdModals.vue

@@ -76,7 +76,7 @@ const autoLoginClose = () => {
 </script>
 
 <template>
-  <a-modal v-model="loginModal">
+  <a-modal v-model="loginModal" data-test-id="login-form-modal">
     <id-login-modal v-if="loginModal" />
   </a-modal>
   <a-modal v-model="twoFactorModal">

package/components/modals/id/IdOtpInput.vue

@@ -124,6 +124,7 @@ function moveFocus(index: number, to: string) {
         :ref="el => otpRefs[index] = el"
         v-model="otp[index]"
         type="text"
+        inputmode="numeric"
         maxlength="1"
         class="size-10 rounded bg-deepblue-900/5 text-center text-lg caret-transparent focus:outline-none dark:bg-[#E3E5E80D]"
         :class="{

package/components/navigation/footer/AFooter.vue

@@ -85,7 +85,7 @@ const mainLinks = computed(() => ({
         },
         {
           title: t('header.products.edo.label'),
-          link: urls.edo + PAGES.edo.l,
+          link: urls.edo_docs,
           isNew: true
         },
         {

package/components/navigation/header/AHeader.vue

@@ -160,6 +160,7 @@ onMounted(() => {
             aria-label="Adata-logo"
             :to="buildLocalizedUrl(locale, urls.landing)"
             class="text-deepblue cursor-pointer dark:text-[#E3E5E8]"
+            data-test-id="header-main-adata-logo"
             @click="goToAnotherModule"
           >
             <adata-logo
@@ -187,6 +188,7 @@ onMounted(() => {
             <template #default="{ onExpand, expanded }">
               <div
                 class="hidden cursor-pointer items-center gap-2 text-sm font-semibold lg:flex"
+                data-test-id="header-email-text"
                 @click.stop="onExpand"
               >
                 <span>{{ email }}</span>

package/components/navigation/header/HeaderLink.vue

@@ -14,15 +14,18 @@ const { t, locale } = useI18n()
 const navs: any = [
   {
     label: 'header.navs.products',
-    to: landing + PAGES.totalServices
+    to: landing + PAGES.totalServices,
+    data_attribute: 'header-products-and-solutions-button',
   },
   {
     label: 'header.navs.contacts',
-    to: landing + PAGES.contacts
+    to: landing + PAGES.contacts,
+    data_attribute: 'header-contacts-button',
   },
   {
     label: 'header.navs.tariffs',
-    to: landing + PAGES.tariffs
+    to: landing + PAGES.tariffs,
+    data_attribute: 'header-tariffs-button',
   },
   // {
   //   label: 'header.navs.api',
@@ -177,6 +180,7 @@ watch(
         v-for="(nav, index) in navs"
         :key="nav.label"
         class="group inline-block border-r border-[#2C3E501A] px-2 last-of-type:border-none dark:border-[#E3E5E81A]"
+        :data-test-id="nav.data_attribute"
         @click="lockMenu"
         role="listitem"
       >

package/components/navigation/header/ProductMenu.vue

@@ -54,6 +54,7 @@ function isCurrentModule(currentModule: string) {
                   :to="module.to"
                   :icon="module.icon"
                   :badge="module.is_new"
+                  :data-test-id="module.data_attribute"
                 />
               </div>
               <div class="flex flex-col gap-5 w-[290px] pl-[10px]">
@@ -68,6 +69,7 @@ function isCurrentModule(currentModule: string) {
                   :to="module.to"
                   :icon="module.icon"
                   :badge="module.is_new"
+                  :data-test-id="module.data_attribute"
                 />
               </div>
               <div class="flex flex-col gap-5 w-[330px] pl-[10px]">
@@ -82,6 +84,7 @@ function isCurrentModule(currentModule: string) {
                   :to="module.to"
                   :icon="module.icon"
                   :badge="module.is_new"
+                  :data-test-id="module.data_attribute"
                 />
               </div>
             </div>

package/components/overlays/modal/AModal.vue

@@ -58,6 +58,7 @@ interface Props {
   isScrollable?: boolean
   width?: string | number
   heightModalClass?: string
+  dataTestId?: string
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -70,6 +71,7 @@ const props = withDefaults(defineProps<Props>(), {
   name: 'modal',
   width: 424,
   heightModalClass: '',
+  dataTestId: undefined,
 })
 const content = ref()
 
@@ -274,6 +276,7 @@ watch(modelValue, async (newValue) => {
               ref="modal"
               :class="baseClasses"
               :style="modalStyles"
+              :data-test-id="dataTestId"
             >
               <div
                 v-if="isMobile"

package/composables/useHeaderNavigationLinks.ts

@@ -63,6 +63,7 @@ export const useHeaderNavigationLinks = () => {
         link: buildLocalizedUrl(locale, urls.pk, PAGES.pk.main),
         icon: AIconUsersThree,
         to: urls.pk,
+        data_attribute: 'navigation-menu-counterparty-block',
         items: [
           {
             title: t('header.products.counterparties.items.counterparty.title'),
@@ -115,6 +116,7 @@ export const useHeaderNavigationLinks = () => {
         name: t('header.products.fines.label'),
         link: buildLocalizedUrl(locale, urls.avto, PAGES.fines.main),
         icon: AIconCar,
+        data_attribute: 'navigation-menu-fines-block',
         items: [
           {
             title: t('header.products.fines.items.fines.title'),
@@ -141,6 +143,7 @@ export const useHeaderNavigationLinks = () => {
         name: t('header.products.jobs.label'),
         link: urls.work,
         icon: AIconWorkBag,
+        data_attribute: 'navigation-menu-work-block',
         items: [
           {
             title: t('header.products.jobs.items.vacancies.title'),
@@ -162,6 +165,7 @@ export const useHeaderNavigationLinks = () => {
         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'),
@@ -215,6 +219,7 @@ export const useHeaderNavigationLinks = () => {
         icon: AIconReceipt,
         is_new: true,
         to: urls.tender,
+        data_attribute: 'navigation-menu-zakupki-block',
         items: [
           {
             title: t('header.products.tenders.items.customers.title'),
@@ -258,14 +263,15 @@ export const useHeaderNavigationLinks = () => {
         key: 'edo',
         is_new: true,
         name: t('header.products.edo.label'),
-        link: buildLocalizedUrl(locale, urls.edo , ''),
+        link: buildLocalizedUrl(locale, urls.edo_docs , ''),
         icon: AIconFiles,
+        data_attribute: 'navigation-menu-edo-block',
         items: [
           {
             title: t('header.products.edo.items.l.t'),
             subtitle: t('header.products.edo.items.l.t'),
             icon: AIconFiles,
-            to: buildLocalizedUrl(locale, urls.edo , '')
+            to: buildLocalizedUrl(locale, urls.edo_docs , '')
           }
         ]
       },
@@ -275,6 +281,7 @@ export const useHeaderNavigationLinks = () => {
         name: t('header.products.compliance.label'),
         link: buildLocalizedUrl(locale, urls.compliance, ''),
         icon: AIconId,
+        data_attribute: 'navigation-menu-compliance-block',
         items: [
           {
             title: t('header.products.compliance.items.assistant.t'),
@@ -319,6 +326,7 @@ export const useHeaderNavigationLinks = () => {
         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'),

package/composables/useUrls.ts

@@ -15,6 +15,7 @@ export function useUrls() {
     analyticsNew: `https://analytics.${mode}.kz`,
     tnved: `https://tnved.${mode}.kz`,
     edo: `https://edo.${mode}.kz`,
+    edo_docs: `https://docs.${mode}.kz`,
     compliance: `https://ac.${mode}.kz/compliance`,
     compliancemain: `https://ac.${mode}.kz/main`,
     mode,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "adata-ui",
   "type": "module",
-  "version": "2.1.33",
+  "version": "2.1.35",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",