adata-ui 4.0.5 → 4.0.7

package/dist/module.json

@@ -5,7 +5,7 @@
     "nuxt": ">=3.16.0"
   },
   "failOnWarn": false,
-  "version": "4.0.5",
+  "version": "4.0.7",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"

package/dist/runtime/components/Footer.vue

@@ -5,6 +5,7 @@ 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 IAdata from "#icons/logo/adata.vue";
 import { useI18n, ref } from "#imports";
 const year = (/* @__PURE__ */ new Date()).getFullYear();
 const { t } = useI18n();
@@ -45,73 +46,73 @@ const info = ref([]);
 </script>
 
 <template>
-  <div
-    id="footer"
-    class="bg-deepblue-900 dark:bg-gray-900 lg:pt-10"
-  >
-    <div class="container mx-auto px-4 2xl:px-16 py-5 text-white">
-      <i-adata
-        filled
-        :font-controlled="false"
-        class="mb-8 h-[26px] w-[92px] lg:hidden"
-      />
-      <div class="grid gap-5 lg:grid-cols-5 lg:gap-10 xl:grid-cols-6">
-        <div
-          v-for="(link, key) in links"
-          :key="key"
-        >
-          <div
-            :content="link.items"
-            :label="t(link.title)"
-            :link="link.link.replace(/\/$/, '')"
-          />
-        </div>
-      </div>
-      <div class="flex grow justify-end gap-8 py-5">
-        <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>
-    <div class="relative">
-      <div class="container mx-auto px-4 2xl:px-16 py-5">
-        <div
-          class="flex flex-col gap-10 text-xs text-white before:absolute before:left-0 before:top-0 before:h-[0.5px] before:w-full before:bg-white lg:flex-row lg:items-center lg:gap-5"
-        >
-          <div class="flex flex-col gap-4 lg:flex-row lg:gap-6">
-            <nuxt-link
-              v-for="(item, idx) in info"
-              :key="idx"
-              target="_blank"
-              class="text-[10px]"
-              :to="item.link"
-            >
-              {{ t(item.title) }}
-            </nuxt-link>
-          </div>
-          <div class="flex justify-center lg:grow lg:items-center lg:justify-end lg:gap-4">
-            <div class="flex flex-col gap-1">
-              <span>{{ year }} © {{ t("footer.LLP") }} "Alldata"</span>
-            </div>
-            <i-adata
-              filled
-              :font-controlled="false"
-              class="hidden h-[26px] w-[92px] lg:block"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
+  <div
+    id="footer"
+    class="bg-deepblue-900 dark:bg-gray-900 lg:pt-10"
+  >
+    <div class="container mx-auto px-4 2xl:px-16 py-5 text-white">
+      <i-adata
+        filled
+        :font-controlled="false"
+        class="mb-8 h-[26px] w-[92px] lg:hidden"
+      />
+      <div class="grid gap-5 lg:grid-cols-5 lg:gap-10 xl:grid-cols-6">
+        <div
+          v-for="(link, key) in links"
+          :key="key"
+        >
+          <div
+            :content="link.items"
+            :label="t(link.title)"
+            :link="link.link.replace(/\/$/, '')"
+          />
+        </div>
+      </div>
+      <div class="flex grow justify-end gap-8 py-5">
+        <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>
+    <div class="relative">
+      <div class="container mx-auto px-4 2xl:px-16 py-5">
+        <div
+          class="flex flex-col gap-10 text-xs text-white before:absolute before:left-0 before:top-0 before:h-[0.5px] before:w-full before:bg-white lg:flex-row lg:items-center lg:gap-5"
+        >
+          <div class="flex flex-col gap-4 lg:flex-row lg:gap-6">
+            <nuxt-link
+              v-for="(item, idx) in info"
+              :key="idx"
+              target="_blank"
+              class="text-[10px]"
+              :to="item.link"
+            >
+              {{ t(item.title) }}
+            </nuxt-link>
+          </div>
+          <div class="flex justify-center lg:grow lg:items-center lg:justify-end lg:gap-4">
+            <div class="flex flex-col gap-1">
+              <span>{{ year }} © {{ t("footer.LLP") }} "Alldata"</span>
+            </div>
+            <i-adata
+              filled
+              :font-controlled="false"
+              class="hidden h-[26px] w-[92px] lg:block"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>

package/dist/runtime/components/Header.vue

@@ -1,13 +1,172 @@
-<script setup lang="ts">
-
+<script setup>
+import TopHeader from "./header/TopHeader.vue";
+import HeaderLink from "./header/HeaderLink.vue";
+import ProfileMenu from "./header/ProfileMenu.vue";
+import { useI18n, ref, onBeforeMount } from "#imports";
+import ILogo from "#icons/logo/logo.vue";
+import ILogout from "#icons/navigation/logout.vue";
+import IAdata from "#icons/logo/adata.vue";
+import ISearch from "#icons/search.vue";
+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 },
+  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 }
+});
+const emit = defineEmits(["logout", "search", "login"]);
+const { t } = useI18n();
+const langIsOn = false;
+const contacts = ref([]);
+const goAuth = () => {
+  if (window) {
+    emit("login");
+    let fullPath = encodeURIComponent(window.location.toString());
+    if (fullPath.includes("basic-info")) {
+      fullPath = fullPath.replace("%2Fcounterparty%2Fmain", "").replace("%2Fbasic-info", "");
+    }
+    location.href = `https://id.adata.kz/?url=${fullPath}`;
+  }
+};
+const goToAnotherModule = () => {
+  location.href = "https://adata.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>
-  <header class="text-3xl">
-    Adata Header dasdasd
-  </header>
+  <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="container mx-auto mobile-padding flex h-full items-center justify-between gap-2">
+        <!--        Desktop hidden -->
+        <section
+          id="mobile-header"
+          class="grow lg:hidden"
+        >
+          <div
+            v-if="mobileHeaderType === 'default'"
+            class="flex justify-center"
+          >
+            <nuxt-link
+              class="text-deepblue dark:text-[#E3E5E8]"
+              @click="goToAnotherModule"
+            >
+              <i-adata
+                :font-controlled="false"
+                filled
+              />
+            </nuxt-link>
+          </div>
+          <div
+            v-else-if="mobileHeaderType === 'search'"
+            class="flex w-full items-center gap-2 bg-white dark:bg-gray-900 lg:hidden"
+          >
+            <i-logo
+              class="dark:text-gray-200"
+              @click="goToAnotherModule"
+            />
+            <button
+              class="flex w-full items-center gap-2 rounded bg-gray-50 px-4 py-1.5 dark:bg-gray-800 dark:text-gray-500"
+              @click="$emit('search')"
+            >
+              <i-search />
+              <span class="body-400">Найти</span>
+            </button>
+          </div>
+        </section>
+        <div class="lg:hidden">
+          <div
+            v-if="langIsOn || module === 'fea'"
+            class="lg:hidden"
+          />
+        </div>
+        <!-- Mobile hidden -->
+        <nav class="hidden items-center gap-4 lg:flex">
+          <nuxt-link
+            aria-label="Adata-logo"
+            to="https://adata.kz"
+            class="text-deepblue cursor-pointer dark:text-[#E3E5E8]"
+            @click="goToAnotherModule"
+          >
+            <i-adata
+              :font-controlled="false"
+              filled
+            />
+          </nuxt-link>
+          <header-link />
+        </nav>
+        <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 v-show="isAuthenticated"> -->
+          <!--            <template #default="{ onExpand, expanded }"> -->
+          <!--              <div -->
+          <!--                class="hidden cursor-pointer items-center gap-2 text-sm font-semibold lg:flex" -->
+          <!--                @click.stop="onExpand" -->
+          <!--              > -->
+          <!--                <span>{{ email }}</span> -->
+          <!--                <arrow :class="{ 'rotate-180': expanded }" /> -->
+          <!--              </div> -->
+          <!--            </template> -->
+          <!--            <template #content> -->
+          <!--              <profile-menu -->
+          <!--                :balance="balance" -->
+          <!--                :days-remaining="daysRemaining" -->
+          <!--                :limit-remaining="limitRemaining" -->
+          <!--                :rate="rate" -->
+          <!--                :replenish="replenish" -->
+          <!--                @logout="$emit('logout')" -->
+          <!--              /> -->
+          <!--            </template> -->
+          <!--          </div> -->
+          <div
+            v-show="!isAuthenticated && showLogIn"
+            class="hidden cursor-pointer items-center gap-2 font-semibold lg:flex"
+            @click="goAuth"
+          >
+            <i-logout class="lg:h-4 lg:w-4" />
+            <span class="hidden lg:inline-block">
+              {{ t("header.login") }}
+            </span>
+          </div>
+        </div>
+      </div>
+    </header>
+  </div>
 </template>
-
-<style scoped>
-
-</style>

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

@@ -1,2 +1,25 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+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;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+    daysRemaining: number;
+    limitRemaining: number;
+    module: ProjectKeys;
+    rate: string;
+    balance: number;
+    showLogIn: boolean;
+    mobileHeaderType: "search" | "default";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/runtime/components/Tag.vue

@@ -0,0 +1,46 @@
+<script setup>
+import { computed } from "#imports";
+defineOptions({ name: "AStatusBadge" });
+const props = defineProps({
+  type: { type: String, required: false, default: "primary" },
+  view: { type: String, required: false, default: "default" },
+  size: { type: String, required: false, default: "lg" },
+  customClasses: { type: String, required: false, default: "" }
+});
+const classes = computed(() => [
+  "text-sm rounded-md select-none inline-flex gap-[5.5px] justify-center items-center",
+  typeSwitchValues[props.view][props.type],
+  props.size === "xs" ? "px-4 py-[2px] text-xs font-bold" : "",
+  props.size === "sm" ? "text-xs font-semibold px-4 py-[2px] h-6" : "",
+  props.size === "lg" ? "px-4 py-[7.5px] font-semibold" : ""
+]);
+const typeSwitchValues = {
+  default: {
+    primary: "bg-blue-700 text-white dark:text-gray-900 dark:bg-blue-500",
+    success: "bg-green-500 text-white dark:text-gray-200 dark:bg-green-400",
+    danger: "bg-red-500 text-white dark:text-gray-200  ",
+    warning: "bg-yellow-400 text-white dark:text-gray-200  ",
+    gray: "bg-deepblue-900 text-white dark:text-gray-200 dark:bg-gray-200/10",
+    orange: "bg-orange-600 text-white  dark:text-gray-200"
+  },
+  inverted: {
+    primary: "bg-blue-700/10  text-blue-700 dark:text-blue-500 dark:bg-[#1EABFF1A]",
+    success: "bg-green-500/20  text-green-500 dark:text-green-400 dark:bg-green-400/20",
+    danger: "bg-red-500/10 text-red-500  dark:text-red-400 dark:bg-red-400/10",
+    warning: "bg-yellow-400/10 text-yellow-400",
+    gray: "bg-deepblue-900/10 text-gray-600 dark:text-gray-200 dark:bg-gray-200/10",
+    orange: "bg-orange-600/10 text-orange-600"
+  },
+  transparent: {
+    success: "bg-green-500/10 text-green-500 dark:bg-green-400/10 dark:text-green-400",
+    danger: "bg-red-500/10 text-red-500 dark:bg-red-400/10 dark:text-red-400"
+  }
+};
+</script>
+
+<template>
+  <div :class="[[classes], customClasses]">
+    <slot name="point" />
+    <slot />
+  </div>
+</template>

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

@@ -0,0 +1,25 @@
+interface Props {
+    type?: 'primary' | 'success' | 'danger' | 'gray' | 'orange' | 'warning';
+    view?: 'default' | 'inverted' | 'transparent';
+    size?: 'xs' | 'sm' | 'lg';
+    customClasses?: string;
+}
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    point?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    type: "primary" | "success" | "danger" | "gray" | "orange" | "warning";
+    view: "default" | "inverted" | "transparent";
+    size: "xs" | "sm" | "lg";
+    customClasses: string;
+}, {}, {}, {}, 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/header/AlmatyContacts.vue

@@ -0,0 +1,119 @@
+<script setup>
+import Location from "#icons/navigation/location.vue";
+import Mail from "#icons/communication/mail.vue";
+import Clock from "#icons/clock.vue";
+import ExpandWindow from "#icons/navigation/expand-window.vue";
+import { computed, ref, useI18n } from "#imports";
+import Phone from "#icons/communication/phone.vue";
+import Whatsapp from "#icons/socials/whatsapp.vue";
+const contacts = ref([]);
+const { t } = useI18n();
+const AlmatyItems = [
+  {
+    title: "header.contacts.almaty.adress.title",
+    subtitle: "header.contacts.almaty.adress.subtitle",
+    icon: Location,
+    to: "https://yandex.kz/maps/ru/org/avrora_kholding/1099794306/?ll=76.912479%2C43.208928&z=17.72"
+  },
+  {
+    title: "header.contacts.almaty.email.title",
+    subtitle: "info@adata.kz",
+    icon: Mail,
+    to: "mailto:info@adata.kz"
+  },
+  {
+    title: "header.contacts.almaty.schedule.title",
+    subtitle: "header.contacts.almaty.schedule.subtitle",
+    icon: Clock
+  }
+];
+const technicalSupport = [
+  {
+    subtitle: "header.contacts.almaty.support.linkTitle",
+    icon: ExpandWindow,
+    to: "https://api.whatsapp.com/send/?phone=77712289041"
+  }
+];
+const newContacts = computed(() => contacts.value.map((item) => ({
+  subtitle: item.contact,
+  icon: item.platform_code === "telephone" ? Phone : Whatsapp,
+  to: item.platform_code === "telephone" ? `tel:${item.contact}` : `https://api.whatsapp.com/send/?phone=${item.contact.replace(/\D/g, "")}`
+})));
+</script>
+
+<template>
+  <div class="h-[272px]">
+    <h2 class="heading-02 mb-4">
+      {{ t("header.contacts.almaty.title") }}
+    </h2>
+    <div class="flex gap-10">
+      <div class="flex flex-col gap-4">
+        <div
+          v-for="item in AlmatyItems.slice(0, 3)"
+          class="flex flex-col gap-2 "
+        >
+          <div class="heading-04">
+            {{ t(item.title) }}
+          </div>
+          <a
+            class="flex items-center gap-1 text-deepblue-900 dark:text-white"
+            :href="item.to"
+          >
+            <component
+              :is="item.icon"
+              class="shrink-0"
+            />
+            <div class=" body-400">
+              {{ t(item.subtitle) }}
+            </div>
+          </a>
+        </div>
+      </div>
+      <div class="flex flex-col gap-2 2xl:gap-4">
+        <div class="flex flex-col gap-4 h-full justify-between">
+          <div class="flex flex-col gap-2 ">
+            <div class="heading-04">
+              {{ t("header.contacts.almaty.sellDep.title") }}
+            </div>
+            <div class="grid grid-cols-3 gap-x-8 gap-y-2">
+              <a
+                v-for="link in newContacts"
+                :key="link.subtitle"
+                class="flex 2xl:items-center gap-1 text-deepblue-900 dark:text-white"
+                :href="link.to"
+                :target="link.icon === Whatsapp ? '_blank' : '_self'"
+              >
+                <component :is="link.icon" />
+                <div class="body-400 line-clamp-1">
+                  {{ link.subtitle }}
+                </div>
+              </a>
+            </div>
+          </div>
+          <div class="flex flex-col gap-2 ">
+            <div class="heading-04 whitespace-nowrap">
+              {{ t("header.contacts.almaty.support.title") }}
+            </div>
+            <div class="flex flex-col lg:gap-y-5">
+              <a
+                v-for="link in technicalSupport"
+                :key="link.subtitle"
+                class="flex 2xl:items-center gap-1 text-deepblue-900 dark:text-white"
+                :href="link.to"
+                target="_blank"
+              >
+                <div class="body-400 line-clamp-1 text-blue-600">
+                  {{ t(link.subtitle) }}
+                </div>
+                <component
+                  :is="link.icon"
+                  class="stroke-blue-600"
+                />
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>

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

@@ -0,0 +1,65 @@
+<script setup>
+import Location from "#icons/navigation/location.vue";
+import Mail from "#icons/communication/mail.vue";
+import Clock from "#icons/clock.vue";
+import Whatsapp from "#icons/socials/whatsapp.vue";
+import { useI18n } from "#imports";
+const { t } = useI18n();
+const AstanaItems = [
+  {
+    title: "header.contacts.astana.adress.title",
+    subtitle: "header.contacts.astana.adress.subtitle",
+    icon: Location,
+    to: "https://yandex.kz/maps/ru/org/adata_consulting/214484722242/?ll=71.429573%2C51.131319&z=20.56"
+  },
+  {
+    title: "header.contacts.astana.email.title",
+    subtitle: "info@adata-c.kz",
+    icon: Mail,
+    to: "mailto:info@adata-c.kz"
+  },
+  {
+    title: "header.contacts.astana.schedule.title",
+    subtitle: "header.contacts.astana.schedule.subtitle",
+    icon: Clock
+  },
+  {
+    title: "header.contacts.astana.sellDep.title",
+    subtitle: "+7 700 744 00 10",
+    icon: Whatsapp,
+    to: "https://api.whatsapp.com/send/?phone=77007440010"
+  }
+];
+</script>
+
+<template>
+  <div class="h-[272px]">
+    <h2 class="heading-02 mb-4">
+      {{ t("header.contacts.astana.title") }}
+    </h2>
+    <div class="grid grid-cols-2 gap-5 ">
+      <div class="xl:grid grid-cols-2 grid-rows-3 flex flex-wrap gap-4 ">
+        <div
+          v-for="(item, index) in AstanaItems"
+          :key="index"
+          class="flex flex-col gap-2 "
+          :class="{ 'col-span-2': index === 0 }"
+        >
+          <div class="heading-04">
+            {{ t(item.title) }}
+          </div>
+          <a
+            class="flex items-center gap-1 text-deepblue-900 dark:text-white"
+            :href="item?.to"
+            :target="item.icon === Whatsapp ? '_blank' : '_self'"
+          >
+            <component :is="item.icon" />
+            <div class=" body-400">
+              {{ t(item.subtitle) }}
+            </div>
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/header/AstanaContacts.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;