adata-ui 3.0.2 → 3.1.0

package/dist/runtime/components/FooterAccordion.vue

@@ -0,0 +1,78 @@
+<script setup>
+import { ref, useI18n, computed } from "#imports";
+import { useMediaQuery } from "@vueuse/core";
+defineProps({
+  label: { type: String, required: true },
+  link: { type: String, required: true },
+  content: { type: Array, required: true }
+});
+const isDesktop = useMediaQuery("(max-width: 1024px)");
+const { t } = useI18n();
+const open = ref(false);
+function toFinalValues(el) {
+  el.style.height = el.scrollHeight + "px";
+  el.style.opacity = "1";
+}
+function onAfterEnter(el) {
+  el.style.height = "";
+}
+const filterCheck = computed(() => {
+  if (open.value) {
+    return open.value;
+  } else {
+    return open.value = !isDesktop.value;
+  }
+});
+</script>
+
+<template>
+  <div class="flex flex-col ">
+    <div
+      class="flex gap-2 justify-between "
+    >
+      <nuxt-link-locale
+        class="text-sm"
+        :to="link"
+      >
+        {{ label }}
+      </nuxt-link-locale>
+
+      <div
+        class="transition-all lg:hidden cursor-pointer"
+      >
+        <i-arrow-chevron-down
+          v-if="content.length"
+          filled
+          :font-controlled="false"
+          class="w-6 h-6 transition-all"
+          :class="{ 'rotate-180': open }"
+          @click="open = !open"
+        />
+      </div>
+    </div>
+    <transition
+      name="accordion"
+      @enter="toFinalValues"
+      @after-enter="onAfterEnter"
+      @before-leave="toFinalValues"
+    >
+      <div
+        v-if="filterCheck"
+        class="mt-2 flex flex-col gap-2"
+      >
+        <nuxt-link-locale
+          v-for="(item, idx) in content"
+          :key="idx"
+          class="text-xs"
+          :to="item.link.replace(/\/$/, '')"
+        >
+          {{ t(item.title) }}
+        </nuxt-link-locale>
+      </div>
+    </transition>
+  </div>
+</template>
+
+<style scoped>
+.accordion-enter-active,.accordion-leave-active{overflow:hidden;transition:height .3s ease,opacity .3s ease,margin .3s ease}.accordion-enter-from,.accordion-leave-to{height:0!important;margin:0!important;opacity:0!important}
+</style>

package/dist/runtime/components/FooterAccordion.vue.d.ts

@@ -0,0 +1,11 @@
+interface Item {
+    title: string;
+    link: string;
+}
+interface Props {
+    label: string;
+    link: string;
+    content: Item[];
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/Header.vue

@@ -0,0 +1,139 @@
+<script setup>
+import { useContacts } from "../composables/projectState";
+import TopHeader from "./header/TopHeader.vue";
+import HeaderLink from "./header/HeaderLink.vue";
+import ProfileMenu from "./header/ProfileMenu.vue";
+import ColorMode from "./ColorMode.vue";
+import { useI18n, ref, onBeforeMount, useAppConfig, useRuntimeConfig } from "#imports";
+import ILogout from "#icons/navigation/logout.vue";
+import IAdata from "#icons/logo/adata.vue";
+import LangSwitcher from "./header/LangSwitcher.vue";
+const { localize, isColorModeActive } = useRuntimeConfig().public.adataUI;
+const props = defineProps({
+  replenish: { type: String, required: false },
+  hasNotification: { type: Boolean, required: false },
+  email: { type: null, required: false },
+  rate: { type: String, required: false, default: "\u0411\u0430\u0437\u043E\u0432\u044B\u0439" },
+  daysRemaining: { type: Number, required: false, default: 0 },
+  limitRemaining: { type: Number, required: false, default: 0 },
+  balance: { type: Number, required: false, default: 0 },
+  isAuthenticated: { type: Boolean, required: false, default: true },
+  showLogIn: { type: Boolean, required: false, default: true },
+  mobileHeaderType: { type: String, required: false, default: "default" },
+  module: { type: String, required: false, default: "pk" },
+  oldVersion: { type: String, required: false },
+  redirectAfterLogin: { type: String, required: false }
+});
+const emit = defineEmits(["logout", "search", "login"]);
+const { t } = useI18n();
+const appConfig = useAppConfig();
+const mode = appConfig.adataUI.mode;
+const langIsOn = false;
+const contacts = ref(useContacts());
+const goAuth = () => {
+  if (window) {
+    emit("login");
+    let fullPath = props.redirectAfterLogin ?? encodeURIComponent(window.location.toString());
+    if (fullPath.includes("basic-info")) {
+      fullPath = fullPath.replace("%2Fcounterparty%2Fmain", "").replace("%2Fbasic-info", "");
+    }
+    location.href = `https://id.${mode}.kz/?url=${fullPath}`;
+  }
+};
+const goToAnotherModule = () => {
+  location.href = `https://${mode}.kz`;
+};
+const fetchContacts = async () => {
+  try {
+    const response = await fetch(
+      `https://pk-api.adata.kz/api/v1/data/counterparty/contacts/sales-department`
+    );
+    const { data } = await response.json();
+    contacts.value = data;
+  } catch (e) {
+    console.error(e.message);
+  }
+};
+onBeforeMount(() => {
+  fetchContacts();
+});
+</script>
+
+<template>
+  <div>
+    <top-header
+      :days-remaining="daysRemaining"
+      :is-authenticated="isAuthenticated"
+      :module-name="module"
+      :limit-remaining="limitRemaining"
+    />
+    <header
+      class="relative h-16 border-b border-deepblue-900/10 bg-white dark:border-gray-200/10 dark:bg-gray-900"
+    >
+      <div class="a-container mobile-padding flex h-full  items-center justify-between gap-2">
+        <div class="flex items-center gap-4 justify-between lg:justify-start w-full">
+          <div class="lg:hidden">
+            <slot name="mobile-left"></slot>
+          </div>
+          <nuxt-link
+            aria-label="Adata-logo"
+            :to="`https://${mode}.kz`"
+            class="text-deepblue ml-6 lg:ml-0 cursor-pointer dark:text-[#E3E5E8]"
+            @click="goToAnotherModule"
+          >
+            <i-adata
+              :font-controlled="false"
+              filled
+            />
+          </nuxt-link>
+          <header-link class="hidden lg:block" />
+          <div class="lg:hidden">
+            <slot name="mobile-right"></slot>
+          </div>
+        </div>
+        <lang-switcher v-if="localize" class="lg:hidden"/>
+        <div class="text-deepblue hidden items-center gap-4 dark:text-[#E3E5E8] lg:flex">
+          <!-- Mobile hidden -->
+          <div class="hidden items-center gap-4 lg:flex">
+            <div
+              v-if="oldVersion"
+              :url="oldVersion"
+            />
+            <div />
+            <div v-if="langIsOn || module === 'fea'" />
+          </div>
+          <div class="flex items-center gap-4">
+            <color-mode v-if="localize" />
+            <lang-switcher v-if="isColorModeActive" />
+          </div>
+
+
+          <slot name="notifications" />
+
+          <profile-menu
+            :email="email"
+            :is-authenticated="isAuthenticated"
+            :balance="balance"
+            :days-remaining="daysRemaining"
+            :limit-remaining="limitRemaining"
+            :rate="rate"
+            :replenish="replenish"
+            :show-login="showLogIn"
+            @logout="$emit('logout')"
+          />
+
+          <div
+            v-show="!isAuthenticated && showLogIn"
+            @click="goAuth"
+            class="hidden w-max cursor-pointer items-center gap-2 rounded-2xl bg-blue-700 px-4 py-[6px] font-semibold dark:bg-blue-500 lg:flex"
+          >
+            <i-logout class="text-white dark:text-gray-900 lg:h-4 lg:w-4" />
+            <span class="hidden text-sm font-semibold text-white dark:text-gray-900 lg:inline-block min-w-[44px]">
+              {{ t("header.login") }}
+            </span>
+          </div>
+        </div>
+      </div>
+    </header>
+  </div>
+</template>

package/dist/runtime/components/Header.vue.d.ts

@@ -0,0 +1,41 @@
+import type { ProjectKeys } from './header/types.js';
+interface Props {
+    replenish?: string;
+    hasNotification?: boolean;
+    email?: string | undefined;
+    rate?: string;
+    daysRemaining?: number;
+    limitRemaining?: number;
+    balance?: number;
+    isAuthenticated?: boolean;
+    showLogIn?: boolean;
+    mobileHeaderType?: 'search' | 'default';
+    module?: ProjectKeys;
+    oldVersion?: string;
+    redirectAfterLogin?: string;
+}
+declare var __VLS_4: {}, __VLS_20: {}, __VLS_31: {};
+type __VLS_Slots = {} & {
+    'mobile-left'?: (props: typeof __VLS_4) => any;
+} & {
+    'mobile-right'?: (props: typeof __VLS_20) => any;
+} & {
+    notifications?: (props: typeof __VLS_31) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+    daysRemaining: number;
+    limitRemaining: number;
+    isAuthenticated: boolean;
+    mobileHeaderType: "search" | "default";
+    module: ProjectKeys;
+    rate: string;
+    balance: number;
+    showLogIn: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/NewFooter.vue

@@ -0,0 +1,267 @@
+<script setup>
+import { PAGES } from "../shared/constants/pages";
+import { useI18n, useAppConfig } from "#imports";
+import ISocialsLinkedin from "#icons/socials/linkedin.vue";
+import ISocialsYoutube from "#icons/socials/youtube.vue";
+import ISocialsInstagram from "#icons/socials/instagram.vue";
+import ISocialsTelegram from "#icons/socials/telegram.vue";
+import ISocialsFacebook from "#icons/socials/facebook.vue";
+import ISocialsTiktok from "#icons/socials/tik-tok.vue";
+import INavigationLocation from "#icons/navigation/location.vue";
+import INavigationExpandWindow from "#icons/navigation/expand-window.vue";
+import ICommunicationPhone from "#icons/communication/phone.vue";
+import ICommunicationMail from "#icons/communication/mail.vue";
+import IAdata from "#icons/logo/adata.vue";
+const year = (/* @__PURE__ */ new Date()).getFullYear();
+const { t } = useI18n();
+const appConfig = useAppConfig();
+const mode = appConfig.adataUI.mode;
+const socialMedia = [
+  // {
+  //   icon: ISocialsLinkedin,
+  //   link: 'https://www.linkedin.com/company/adata-kz/?viewAsMember=true',
+  //   name: 'Linkedin',
+  // },
+  {
+    icon: ISocialsYoutube,
+    link: "https://www.youtube.com/channel/UCPkbtgwgTZbMJXjmTi3R8Uw/featured",
+    name: "YouTube"
+  },
+  {
+    icon: ISocialsInstagram,
+    link: "https://www.instagram.com/adata.kz/?igshid=253i4qxg3els",
+    name: "Instagram"
+  },
+  {
+    icon: ISocialsTelegram,
+    link: "https://t.me/adatakz_official",
+    name: "Telegram"
+  },
+  {
+    icon: ISocialsFacebook,
+    link: "https://www.facebook.com/adata.kz",
+    name: "Facebook"
+  },
+  {
+    icon: ISocialsTiktok,
+    link: "https://www.tiktok.com/@adata.kz?lang=ru-RU",
+    name: "Tiktok"
+  }
+];
+const mainLinks = {
+  services: {
+    title: "footer.newVersion.services.title",
+    items: [
+      [
+        {
+          title: "footer.newVersion.services.counterparties",
+          link: `https://pk.${mode}.kz`
+        },
+        {
+          title: "footer.newVersion.services.fines",
+          link: `https://avto.${mode}.kz/`
+        },
+        {
+          title: "footer.newVersion.services.work",
+          link: `https://work.${mode}.kz/`
+        },
+        {
+          title: "footer.newVersion.services.analytics",
+          link: `https://analytics-new.${mode}.kz/`
+        },
+        {
+          title: "footer.newVersion.services.procurement",
+          link: `https://tender.${mode}.kz/`
+        }
+      ],
+      [
+        {
+          title: "footer.newVersion.services.compliance",
+          link: `https://ac.${mode}.kz/compliance`,
+          isNew: true
+        },
+        {
+          title: "footer.newVersion.services.edo",
+          link: `https://edo.${mode}.kz/`,
+          isNew: true
+        },
+        {
+          title: "footer.newVersion.services.ved",
+          link: `https://tnved.${mode}.kz/`,
+          isNew: true
+        }
+      ]
+    ]
+  },
+  useful: {
+    title: "footer.newVersion.useful.title",
+    link: `https://${mode}.kz` + PAGES.usefulMain,
+    items: [[
+      {
+        title: "footer.newVersion.useful.apiDescription",
+        link: `https://${mode}.kz` + PAGES.apiDescription
+      },
+      {
+        title: "footer.newVersion.useful.userAgreement",
+        link: `https://${mode}.kz` + PAGES.userAgreement
+      },
+      {
+        title: "footer.newVersion.useful.privacyPolicy",
+        link: `https://${mode}.kz` + PAGES.privacy
+      },
+      {
+        title: "footer.newVersion.useful.vacancies",
+        link: `https://${mode}.kz` + PAGES.vacancy
+      },
+      {
+        title: "footer.newVersion.useful.companyDirectory",
+        link: `https://pk.${mode}.kz` + PAGES.pk.counterparty
+      }
+    ]]
+  }
+};
+const contactLinks = {
+  title: "footer.newVersion.contacts.title",
+  link: `https://${mode}.kz` + PAGES.contacts,
+  items: [
+    {
+      title: "footer.newVersion.contacts.address",
+      link: "https://go.2gis.com/30j2f",
+      startIcon: INavigationLocation,
+      endIcon: null
+    },
+    {
+      title: "+7 (747) 120 34 67",
+      link: "tel:+77471203467",
+      startIcon: ICommunicationPhone,
+      endIcon: null
+    },
+    {
+      title: "info@adata.kz",
+      link: "mailto:info@adata.kz",
+      startIcon: ICommunicationMail,
+      endIcon: null
+    },
+    {
+      title: "footer.newVersion.contacts.goToChat",
+      link: "https://api.whatsapp.com/send?phone=77712289041",
+      startIcon: null,
+      endIcon: INavigationExpandWindow,
+      class: "!font-bold"
+    }
+  ]
+};
+</script>
+
+<template>
+  <div
+    id="footer"
+    class="bg-deepblue-900 dark:bg-gray-900 py-4 lg:py-5 rounded-t-3xl"
+  >
+    <div class="a-container mobile-padding py-5 text-white flex flex-col lg:flex-row justify-between gap-8">
+      <div class="flex flex-col gap-8 justify-between">
+        <div class="flex flex-col gap-4">
+          <i-adata
+            filled
+            :font-controlled="false"
+            class="h-[26px] w-[92px]"
+          />
+          <span class="text-sm">{{ t("footer.slogan") }}</span>
+
+          <div class="hidden lg:flex gap-8">
+            <nuxt-link
+              v-for="(social, idx) in socialMedia"
+              :key="idx"
+              target="_blank"
+              :to="social.link"
+              :aria-label="social.name"
+            >
+              <component
+                :is="social.icon"
+                filled
+                :font-controlled="false"
+                class="social-icon h-[28px] w-[28px]"
+              />
+            </nuxt-link>
+          </div>
+        </div>
+
+        <span class="hidden lg:block text-[10px]">{{ year }} © {{ t("footer.LLP") }} "Alldata"</span>
+      </div>
+
+      <div class="flex gap-6 lg:gap-[75px] flex-col lg:flex-row">
+        <div class="flex flex-col gap-[18px] lg:gap-[75px] lg:flex-row">
+          <div v-for="(item, idx) in mainLinks" :key="idx">
+            <adt-new-footer-accordion
+              :content="item.items"
+              :label="t(item.title)"
+              :link="item.link?.replace(/\/$/, '')"
+            />
+          </div>
+        </div>
+
+        <!--   contactLinks     -->
+        <div class="flex flex-col gap-2 items-start">
+          <nuxt-link-locale
+            class="text-sm font-semibold pb-3 pr-4 border-b border-b-[0.5px] border-white cursor-default"
+            :class="{ 'cursor-pointer': contactLinks.link }"
+            :to="contactLinks.link?.replace(/\/$/, '')"
+          >
+            {{ t(contactLinks.title) }}
+          </nuxt-link-locale>
+
+          <div class="flex flex-col gap-3 lg:gap-2">
+            <div
+              v-for="(link, linkIdx) in contactLinks.items"
+              :key="linkIdx"
+              class="flex gap-2 items-center"
+            >
+              <nuxt-link-locale
+                class="text-xs/5 font-medium flex gap-2 items-center cursor-pointer"
+                :class="link.class"
+                :to="link.link?.replace(/\/$/, '')"
+              >
+                <component
+                  v-if="link.startIcon"
+                  :is="link.startIcon"
+                  class="size-4"
+                />
+
+                {{ t(link.title) }}
+
+                <component
+                  v-if="link.endIcon"
+                  :is="link.endIcon"
+                  class="size-4"
+                />
+              </nuxt-link-locale>
+
+              <div v-if="link.isNew" class="text-[9px]/1 font-bold px-1 py-1.5 rounded-sm bg-white/20">
+                NEW
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="lg:hidden flex gap-8 flex-wrap">
+        <nuxt-link
+          v-for="(social, idx) in socialMedia"
+          :key="idx"
+          target="_blank"
+          :to="social.link"
+          :aria-label="social.name"
+        >
+          <component
+            :is="social.icon"
+            filled
+            :font-controlled="false"
+            class="social-icon h-[28px] w-[28px]"
+          />
+        </nuxt-link>
+      </div>
+
+      <span class="lg:hidden text-[10px]">{{ year }} © {{ t("footer.LLP") }} "Alldata"</span>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/NewFooter.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/NewFooterAccordion.vue

@@ -0,0 +1,85 @@
+<script setup>
+import { ref, useI18n, computed } from "#imports";
+import { useMediaQuery } from "@vueuse/core";
+const props = defineProps({
+  label: { type: String, required: true },
+  link: { type: String, required: true },
+  content: { type: Array, required: true }
+});
+const isDesktop = useMediaQuery("(max-width: 1024px)");
+const { t } = useI18n();
+const open = ref(false);
+function toFinalValues(el) {
+  el.style.height = el.scrollHeight + "px";
+  el.style.opacity = "1";
+}
+function onAfterEnter(el) {
+  el.style.height = "";
+}
+const filterCheck = computed(() => {
+  if (open.value) {
+    return open.value;
+  } else {
+    return open.value = !isDesktop.value;
+  }
+});
+</script>
+
+<template>
+  <div class="flex flex-col gap-2 items-start">
+    <div
+      class="flex gap-2 justify-between w-full"
+    >
+      <nuxt-link-locale
+        class="text-sm font-semibold lg:pb-3 lg:pr-4 lg:border-b lg:border-b-[0.5px] lg:border-white cursor-default"
+        :class="{ 'cursor-pointer': link }"
+        :to="link?.replace(/\/$/, '')"
+      >
+        {{ t(label) }}
+      </nuxt-link-locale>
+
+      <div class="transition-all lg:hidden cursor-pointer">
+        <i-arrow-chevron-down
+          v-if="content.length"
+          filled
+          :font-controlled="false"
+          class="w-6 h-6 transition-all"
+          :class="{ 'rotate-180': open }"
+          @click="open = !open"
+        />
+      </div>
+    </div>
+
+    <transition
+      name="accordion"
+      @enter="toFinalValues"
+      @after-enter="onAfterEnter"
+      @before-leave="toFinalValues"
+    >
+      <div v-if="filterCheck" class="flex gap-3 lg:gap-6 flex-col lg:flex-row ">
+        <div v-for="(subItem, subIdx) in content" :key="subIdx" class="flex flex-col gap-3 lg:gap-2">
+          <div
+            v-for="(link, idx) in subItem"
+            :key="idx"
+            class="flex gap-2 items-center"
+          >
+            <nuxt-link-locale
+              class="text-xs/5 lg:font-medium flex gap-2 items-center cursor-pointer"
+              :to="link.link?.replace(/\/$/, '')"
+            >
+              {{ t(link.title) }}
+            </nuxt-link-locale>
+
+            <div v-if="link.isNew" class="text-[9px]/1 font-bold px-1 py-1.5 rounded-sm bg-white/20">
+              NEW
+            </div>
+          </div>
+        </div>
+      </div>
+    </transition>
+  </div>
+</template>
+
+<style scoped>
+.accordion-enter-active,.accordion-leave-active{overflow:hidden;transition:height .3s ease,opacity .3s ease,margin .3s ease}.accordion-enter-from,.accordion-leave-to{height:0!important;margin:0!important;opacity:0!important}
+</style>

package/dist/runtime/components/NewFooterAccordion.vue.d.ts

@@ -0,0 +1,11 @@
+interface Item {
+    title: string;
+    link: string;
+}
+interface Props {
+    label: string;
+    link: string;
+    content: Item[];
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;