adata-ui 3.1.80 → 3.1.81

package/dist/runtime/components/header/HeaderLink.vue

@@ -22,6 +22,10 @@ const navs = [
   {
     label: "header.navs.api",
     to: `https://${mode}.kz/api-description`
+  },
+  {
+    label: "header.navs.services",
+    to: `https://${mode}.kz/counterparty-service`
   }
 ];
 const menu = ref(null);
@@ -43,6 +47,8 @@ const currentMenuToShow = (index) => {
       return null;
     case 3:
       return null;
+    case 4:
+      return null;
   }
 };
 const toggleMenu = (index) => {
@@ -59,6 +65,8 @@ const toggleMenu = (index) => {
     navigateToLocalizedPage({ locale, projectUrl: `https://${mode}.kz`, path: "/tariffs" + code, target: "_blank" });
   } else if (index === 3) {
     navigateToLocalizedPage({ locale, projectUrl: `https://${mode}.kz`, path: "/api-description", target: "_blank" });
+  } else if (index === 4) {
+    navigateToLocalizedPage({ locale, projectUrl: `https://${mode}.kz`, path: "/counterparty-service", target: "_blank" });
   } else {
     currentMenu.value = currentMenuToShow(index);
     const prev = currentIndex.value;
@@ -86,7 +94,7 @@ const closeMenu = (forceClose = false) => {
   }
 };
 const onMenuMouseEnter = (index) => {
-  if (index !== 2 && index !== 3) {
+  if (![2, 3, 4].includes(index)) {
     if (show.value === false) {
       delayTimer.value = setTimeout(() => {
         toggleMenu(index);
@@ -139,50 +147,50 @@ watch(
 </script>
 
 <template>
-  <ul>
-    <li
-      v-for="(nav, index) in navs"
-      :key="nav.label"
-      role="listitem"
-      class="group inline-block border-r border-[#2C3E501A] px-2 last-of-type:border-none dark:border-[#E3E5E81A]"
-      @click="lockMenu"
-    >
-      <div
-        class="relative cursor-pointer font-bold uppercase text-gray-800 hover:text-gray-600 dark:text-gray-200 hover:dark:text-gray-600"
-        @mouseenter="onMenuMouseEnter(index)"
-        @click="toggleMenu(index)"
-        @mouseleave="onMenuMouseLeave"
-      >
-        {{ t(nav.label) }}
-        <div class="absolute left-[-8px] w-[calc(100%+16px)]">
-&nbsp;
-        </div>
-      </div>
-      <div
-        v-show="show"
-        class="fixed left-0 top-[104px] z-20 h-full w-full"
-      >
-        <transition :name="animation">
-          <keep-alive>
-            <component
-              :is="currentMenu"
-              v-show="show"
-              ref="menu"
-              :url="currentIndex === 1 ? `https://${mode}.kz/contacts` : nav.to"
-              :animation="forward ? 'next' : 'prev'"
-              :index="currentIndex"
-              @outer-click="closeMenu(true)"
-              @mouse-over="closeMenu"
-            />
-          </keep-alive>
-        </transition>
-        <div
-          v-show="show"
-          class="absolute left-[-25%] h-full w-[150%] bg-[#E3E5E833] backdrop-blur transition"
-          @click="closeMenu(true)"
-          @mouseover="closeMenu(false)"
-        />
-      </div>
-    </li>
-  </ul>
+  <ul>
+    <li
+      v-for="(nav, index) in navs"
+      :key="nav.label"
+      role="listitem"
+      class="group inline-block border-r border-[#2C3E501A] px-2 last-of-type:border-none dark:border-[#E3E5E81A]"
+      @click="lockMenu"
+    >
+      <div
+        class="relative cursor-pointer font-bold uppercase text-gray-800 hover:text-gray-600 dark:text-gray-200 hover:dark:text-gray-600"
+        @mouseenter="onMenuMouseEnter(index)"
+        @click="toggleMenu(index)"
+        @mouseleave="onMenuMouseLeave"
+      >
+        {{ t(nav.label) }}
+        <div class="absolute left-[-8px] w-[calc(100%+16px)]">
+&nbsp;
+        </div>
+      </div>
+      <div
+        v-show="show"
+        class="fixed left-0 top-[104px] z-20 h-full w-full"
+      >
+        <transition :name="animation">
+          <keep-alive>
+            <component
+              :is="currentMenu"
+              v-show="show"
+              ref="menu"
+              :url="currentIndex === 1 ? `https://${mode}.kz/contacts` : nav.to"
+              :animation="forward ? 'next' : 'prev'"
+              :index="currentIndex"
+              @outer-click="closeMenu(true)"
+              @mouse-over="closeMenu"
+            />
+          </keep-alive>
+        </transition>
+        <div
+          v-show="show"
+          class="absolute left-[-25%] h-full w-[150%] bg-[#E3E5E833] backdrop-blur transition"
+          @click="closeMenu(true)"
+          @mouseover="closeMenu(false)"
+        />
+      </div>
+    </li>
+  </ul>
 </template>

package/dist/runtime/components/header/LangSwitcher.vue

@@ -11,35 +11,35 @@ onClickOutside(langSwitcher, () => {
 </script>
 
 <template>
-  <div
-    ref="langSwitcher"
-    class="relative"
-  >
-
-    <button
-      class="text-xs font-semibold py-1 px-2 bg-gray-100 dark:bg-gray-200/5 rounded"
-      @click="isOpen = true"
-      aria-hidden="true"
-    >
-      {{ t(`lang.${locale}.short`) }}
-    </button>
-    <div
-      v-show="isOpen"
-      :class="['absolute z-20 bg-white shadow rounded-md p-2 right-0 lg:right-auto lg:left-0 left-auto flex flex-col dark:bg-gray-900']"
-    >
-      <nuxt-link
-        v-for="loc in locales"
+  <div
+    ref="langSwitcher"
+    class="relative"
+  >
+
+    <button
+      class="text-xs font-semibold py-1 px-2 bg-gray-100 dark:bg-gray-200/5 rounded"
+      @click="isOpen = true"
+      aria-hidden="true"
+    >
+      {{ t(`lang.${locale}.short`) }}
+    </button>
+    <div
+      v-show="isOpen"
+      :class="['absolute z-20 bg-white shadow rounded-md p-2 right-0 lg:right-auto lg:left-0 left-auto flex flex-col dark:bg-gray-900']"
+    >
+      <nuxt-link
+        v-for="loc in locales"
         :class="[
   'text-sm cursor-pointer px-4 py-2.5 flex justify-between',
   { 'text-primary bg-deepblue-500/5': locale === loc.code }
-]"
-        :to="switchLocalePath(loc?.code || loc)"
-        @click="isOpen = false"
-      >
-        {{ t(`lang.${loc?.code || loc}.long`) }}
-      </nuxt-link>
-    </div>
-  </div>
+]"
+        :to="switchLocalePath(loc?.code || loc)"
+        @click="isOpen = false"
+      >
+        {{ t(`lang.${loc?.code || loc}.long`) }}
+      </nuxt-link>
+    </div>
+  </div>
 </template>
 
 <style scoped>

package/dist/runtime/components/header/ListItem.vue

@@ -8,19 +8,19 @@ const hover = ref(false);
 </script>
 
 <template>
-  <nuxt-link
-    :to="item.to"
-    :class="{ 'opacity-30': !hover && someHovered }"
-    class="flex items-center gap-4 px-2.5 py-2 hover:bg-gray-50 rounded-lg dark:hover:bg-gray-800 normal-case transition-all "
-    @mouseenter="hover = true"
-    @mouseleave="hover = false"
-  >
-    <div class="min-w-8 h-8 rounded-lg flex items-center justify-center dark:text-gray-900 text-white bg-gradient-blue">
-      <component
-        :is="item.icon"
-        class="h-5 w-5"
-      />
-    </div>
-    <span class="text-sm text-deepblue-900 dark:text-[#E3E5E8]">{{ item.title }}</span>
-  </nuxt-link>
+  <nuxt-link
+    :to="item.to"
+    :class="{ 'opacity-30': !hover && someHovered }"
+    class="flex items-center gap-4 px-2.5 py-2 hover:bg-gray-50 rounded-lg dark:hover:bg-gray-800 normal-case transition-all "
+    @mouseenter="hover = true"
+    @mouseleave="hover = false"
+  >
+    <div class="min-w-8 h-8 rounded-lg flex items-center justify-center dark:text-gray-900 text-white bg-gradient-blue">
+      <component
+        :is="item.icon"
+        class="h-5 w-5"
+      />
+    </div>
+    <span class="text-sm text-deepblue-900 dark:text-[#E3E5E8]">{{ item.title }}</span>
+  </nuxt-link>
 </template>

package/dist/runtime/components/header/NavCard.vue

@@ -9,32 +9,32 @@ const hover = ref(false);
 </script>
 
 <template>
-  <nuxt-link
-    :to="item.to"
-    class="flex h-full justify-between xl:gap-4 rounded-[0.5rem] bg-gray-50 p-4 dark:bg-gray-800  transition-all dark:hover:bg-gray-800"
-    :class="{ 'opacity-30': !hover && someHovered }"
-    @mouseenter="hover = true"
-    @mouseleave="hover = false"
-  >
-    <div class="normal-case">
-      <h4
-        class="mb-2 font-semibold text-deepblue-900 dark:text-[#E3E5E8]"
-        :class="{ 'heading-04': size === 'lg', 'heading-05': size === 'sm' }"
-      >
-        {{ item.title }}
-      </h4>
-      <p class="text-gray-600 dark:text-gray-300 body-400">
-        {{ item.subtitle ? item.subtitle : "" }}
-      </p>
-    </div>
-    <div
-      class="flex items-center justify-center self-end rounded-lg bg-gradient-blue  dark:text-gray-900 text-white"
-      :class="{ 'h-8 min-w-8': size === 'sm', 'h-16 min-w-16': size === 'lg' }"
-    >
-      <component
-        :is="item.icon"
-        :class="{ 'h-5 w-5': size === 'sm', 'h-11 w-11': size === 'lg' }"
-      />
-    </div>
-  </nuxt-link>
+  <nuxt-link
+    :to="item.to"
+    class="flex h-full justify-between xl:gap-4 rounded-[0.5rem] bg-gray-50 p-4 dark:bg-gray-800  transition-all dark:hover:bg-gray-800"
+    :class="{ 'opacity-30': !hover && someHovered }"
+    @mouseenter="hover = true"
+    @mouseleave="hover = false"
+  >
+    <div class="normal-case">
+      <h4
+        class="mb-2 font-semibold text-deepblue-900 dark:text-[#E3E5E8]"
+        :class="{ 'heading-04': size === 'lg', 'heading-05': size === 'sm' }"
+      >
+        {{ item.title }}
+      </h4>
+      <p class="text-gray-600 dark:text-gray-300 body-400">
+        {{ item.subtitle ? item.subtitle : "" }}
+      </p>
+    </div>
+    <div
+      class="flex items-center justify-center self-end rounded-lg bg-gradient-blue  dark:text-gray-900 text-white"
+      :class="{ 'h-8 min-w-8': size === 'sm', 'h-16 min-w-16': size === 'lg' }"
+    >
+      <component
+        :is="item.icon"
+        :class="{ 'h-5 w-5': size === 'sm', 'h-11 w-11': size === 'lg' }"
+      />
+    </div>
+  </nuxt-link>
 </template>

package/dist/runtime/components/header/NavList.vue

@@ -52,58 +52,58 @@ function isActive(itemPath) {
 </script>
 
 <template>
-  <div
-    class="flex flex-col gap-2"
-    :class="{ 'rounded-md bg-gray-50 p-2 dark:bg-gray-800': currentModule }"
-  >
-    <nuxt-link-locale
-      class="flex items-center gap-2 pl-[10px]"
-      :to="link"
-    >
-      <p class="text-sm font-semibold dark:text-white hover:text-blue-700 dark:hover:text-blue-500">
-        {{ title }}
-      </p>
-      <adt-tag
-        v-if="badge"
-        type="primary"
-        class="w-fit"
-        size="xs"
-        view="inverted"
-      >
-        NEW
-      </adt-tag>
-    </nuxt-link-locale>
-    <ul class="flex flex-col gap-2">
-      <li
-        v-for="item in navList"
-        :key="item.title"
-        class="flex w-full items-center gap-2 rounded-md px-[10px] py-[6px] hover:bg-blue-100 dark:hover:bg-gray-200/10 text-gray-600 dark:text-gray-200 hover:text-blue-700 dark:hover:text-blue-500"
-        :class="{ 'bg-blue-100 dark:bg-gray-200/10': isActive(item.to) }"
-      >
-        <div class="p-1 rounded-lg" :class="{ 'bg-gradient-blue-dark ': isDark, 'bg-gradient-blue-light': !isDark }">
-          <component
-            :is="item.icon"
-            class="size-[18px] text-white dark:text-gray-900"
-          />
-        </div>
-        <nuxt-link
-          v-if="item.to"
-          :to="item.to"
-          class="inline-block normal-case w-full cursor-pointer align-middle text-sm font-semibold text-inherit hover:text-inherit"
-          exact-active-class="text-blue-700 dark:text-blue-500"
-          itemprop="name"
-        >
-          {{ item.title }}
-        </nuxt-link>
-        <div
-          v-else
-          class="inline-block w-full align-middle text-sm font-semibold text-gray-600 dark:text-gray-200"
-        >
-          {{ item.title }}
-        </div>
-      </li>
-    </ul>
-  </div>
+  <div
+    class="flex flex-col gap-2"
+    :class="{ 'rounded-md bg-gray-50 p-2 dark:bg-gray-800': currentModule }"
+  >
+    <nuxt-link-locale
+      class="flex items-center gap-2 pl-[10px]"
+      :to="link"
+    >
+      <p class="text-sm font-semibold dark:text-white hover:text-blue-700 dark:hover:text-blue-500">
+        {{ title }}
+      </p>
+      <adt-tag
+        v-if="badge"
+        type="primary"
+        class="w-fit"
+        size="xs"
+        view="inverted"
+      >
+        NEW
+      </adt-tag>
+    </nuxt-link-locale>
+    <ul class="flex flex-col gap-2">
+      <li
+        v-for="item in navList"
+        :key="item.title"
+        class="flex w-full items-center gap-2 rounded-md px-[10px] py-[6px] hover:bg-blue-100 dark:hover:bg-gray-200/10 text-gray-600 dark:text-gray-200 hover:text-blue-700 dark:hover:text-blue-500"
+        :class="{ 'bg-blue-100 dark:bg-gray-200/10': isActive(item.to) }"
+      >
+        <div class="p-1 rounded-lg" :class="{ 'bg-gradient-blue-dark ': isDark, 'bg-gradient-blue-light': !isDark }">
+          <component
+            :is="item.icon"
+            class="size-[18px] text-white dark:text-gray-900"
+          />
+        </div>
+        <nuxt-link
+          v-if="item.to"
+          :to="item.to"
+          class="inline-block normal-case w-full cursor-pointer align-middle text-sm font-semibold text-inherit hover:text-inherit"
+          exact-active-class="text-blue-700 dark:text-blue-500"
+          itemprop="name"
+        >
+          {{ item.title }}
+        </nuxt-link>
+        <div
+          v-else
+          class="inline-block w-full align-middle text-sm font-semibold text-gray-600 dark:text-gray-200"
+        >
+          {{ item.title }}
+        </div>
+      </li>
+    </ul>
+  </div>
 </template>
 
 <style scoped>

package/dist/runtime/components/header/ProductMenu.vue

@@ -354,73 +354,73 @@ function isCurrentModule(currentModule) {
 </script>
 
 <template>
-  <div class="capitalize">
-    <div class="relative bg-white dark:bg-gray-950">
-      <transition :name="animation">
-        <div
-          :key="index"
-          class="a-container py-8"
-        >
-          <div class="flex justify-between gap-5">
-            <div class="flex gap-[10px] divide-x divide-gray-500/50">
-              <div class="flex flex-col gap-5 w-[290px] pr-[10px]">
-                <nav-list
-                  v-for="module in filteredItems.slice(0, 3)"
-                  :id="module.key"
-                  :key="module.key"
-                  :current-module="pageUrl.hostname.startsWith(isCurrentModule(module.key))"
-                  :title="module.name"
-                  :link="module.link"
-                  :nav-list="module.items"
-                  :to="module.to"
-                  :icon="module.icon"
-                  :badge="module.is_new"
-                />
-              </div>
-              <div class="flex flex-col gap-5 w-[290px] pr-[10px]">
-                <nav-list
-                  v-for="module in filteredItems.slice(3, 5)"
-                  :id="module.key"
-                  :key="module.key"
-                  :current-module="pageUrl.hostname.startsWith(isCurrentModule(module.key))"
-                  :title="module.name"
-                  :link="module.link"
-                  :nav-list="module.items"
-                  :to="module.to"
-                  :icon="module.icon"
-                  :badge="module.is_new"
-                />
-              </div>
-              <div class="flex flex-col gap-5 w-[330px] pr-[10px]">
-                <nav-list
-                  v-for="module in filteredItems.slice(5, 8)"
-                  :id="module.key"
-                  :key="module.key"
-                  :current-module="pageUrl.hostname.startsWith(isCurrentModule(module.key))"
-                  :title="module.name"
-                  :link="module.link"
-                  :nav-list="module.items"
-                  :to="module.to"
-                  :icon="module.icon"
-                  :badge="module.is_new"
-                />
-              </div>
-            </div>
-            <card-gallery class="hidden xl:block" />
-          </div>
-        </div>
-      </transition>
-      <button
-        class="absolute right-8 top-4"
-        @click="$emit('outerClick')"
-      >
-        <i-x-mark
-          width="32"
-          height="32"
-        />
-      </button>
-    </div>
-  </div>
+  <div class="capitalize">
+    <div class="relative bg-white dark:bg-gray-950">
+      <transition :name="animation">
+        <div
+          :key="index"
+          class="a-container py-8"
+        >
+          <div class="flex justify-between gap-5">
+            <div class="flex gap-[10px] divide-x divide-gray-500/50">
+              <div class="flex flex-col gap-5 w-[290px] pr-[10px]">
+                <nav-list
+                  v-for="module in filteredItems.slice(0, 3)"
+                  :id="module.key"
+                  :key="module.key"
+                  :current-module="pageUrl.hostname.startsWith(isCurrentModule(module.key))"
+                  :title="module.name"
+                  :link="module.link"
+                  :nav-list="module.items"
+                  :to="module.to"
+                  :icon="module.icon"
+                  :badge="module.is_new"
+                />
+              </div>
+              <div class="flex flex-col gap-5 w-[290px] pr-[10px]">
+                <nav-list
+                  v-for="module in filteredItems.slice(3, 5)"
+                  :id="module.key"
+                  :key="module.key"
+                  :current-module="pageUrl.hostname.startsWith(isCurrentModule(module.key))"
+                  :title="module.name"
+                  :link="module.link"
+                  :nav-list="module.items"
+                  :to="module.to"
+                  :icon="module.icon"
+                  :badge="module.is_new"
+                />
+              </div>
+              <div class="flex flex-col gap-5 w-[330px] pr-[10px]">
+                <nav-list
+                  v-for="module in filteredItems.slice(5, 8)"
+                  :id="module.key"
+                  :key="module.key"
+                  :current-module="pageUrl.hostname.startsWith(isCurrentModule(module.key))"
+                  :title="module.name"
+                  :link="module.link"
+                  :nav-list="module.items"
+                  :to="module.to"
+                  :icon="module.icon"
+                  :badge="module.is_new"
+                />
+              </div>
+            </div>
+            <card-gallery class="hidden xl:block" />
+          </div>
+        </div>
+      </transition>
+      <button
+        class="absolute right-8 top-4"
+        @click="$emit('outerClick')"
+      >
+        <i-x-mark
+          width="32"
+          height="32"
+        />
+      </button>
+    </div>
+  </div>
 </template>
 
 <style scoped>

package/dist/runtime/components/header/ProductMenu.vue.d.ts

@@ -3,9 +3,15 @@ type __VLS_Props = {
     index?: number;
     url?: string;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
-    index: number;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    outerClick: (...args: any[]) => void;
+    mouseOver: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onOuterClick?: ((...args: any[]) => any) | undefined;
+    onMouseOver?: ((...args: any[]) => any) | undefined;
+}>, {
     animation: string;
+    index: number;
     url: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/runtime/components/header/ProfileMenu.vue

@@ -18,46 +18,46 @@ defineEmits(["logout"]);
 </script>
 
 <template>
-  <dropdown-menu-root
-    v-model:open="profileMenuOpen"
-    :modal="false"
-  >
-    <dropdown-menu-trigger>
-      <div
-        v-show="isAuthenticated"
-        class="hidden cursor-pointer items-center gap-2 text-sm font-semibold lg:flex"
-      >
-        <span class="whitespace-nowrap">{{ email }}</span>
-        <i-chevron-down
-          class="transition transform duration-[0.12s]"
-          :class="{ 'rotate-180': profileMenuOpen }"
-        />
-      </div>
-    </dropdown-menu-trigger>
-    <dropdown-menu-portal>
-      <dropdown-menu-content
-        side="bottom"
-        align="end"
-        :side-offset="20"
-        class="shadow-md dropdown-menu-animation"
-      >
-        <adt-header-profile-menu-content
-          :email="email"
-          :is-authenticated="isAuthenticated"
-          :balance="balance"
-          :days-remaining="daysRemaining"
-          :limit-remaining="limitRemaining"
-          :rate="rate"
-          :replenish="replenish"
-          :show-login="showLogin"
+  <dropdown-menu-root
+    v-model:open="profileMenuOpen"
+    :modal="false"
+  >
+    <dropdown-menu-trigger>
+      <div
+        v-show="isAuthenticated"
+        class="hidden cursor-pointer items-center gap-2 text-sm font-semibold lg:flex"
+      >
+        <span class="whitespace-nowrap">{{ email }}</span>
+        <i-chevron-down
+          class="transition transform duration-[0.12s]"
+          :class="{ 'rotate-180': profileMenuOpen }"
+        />
+      </div>
+    </dropdown-menu-trigger>
+    <dropdown-menu-portal>
+      <dropdown-menu-content
+        side="bottom"
+        align="end"
+        :side-offset="20"
+        class="shadow-md dropdown-menu-animation"
+      >
+        <adt-header-profile-menu-content
+          :email="email"
+          :is-authenticated="isAuthenticated"
+          :balance="balance"
+          :days-remaining="daysRemaining"
+          :limit-remaining="limitRemaining"
+          :rate="rate"
+          :replenish="replenish"
+          :show-login="showLogin"
           @logout="() => {
   $emit('logout');
   profileMenuOpen = false;
-}"
-        />
-      </dropdown-menu-content>
-    </dropdown-menu-portal>
-  </dropdown-menu-root>
+}"
+        />
+      </dropdown-menu-content>
+    </dropdown-menu-portal>
+  </dropdown-menu-root>
 </template>
 
 <style>