adata-ui 2.1.13 → 2.1.15

package/components/features/payment/banner/UpSellBanner.vue

@@ -0,0 +1,133 @@
+<script setup lang="ts">
+import { useUrls } from '#adata-ui/composables/useUrls'
+import { removeTrailingSlash } from '#adata-ui/components/utils/removeTrailingSlash'
+
+const props = defineProps<{
+  code: string
+  balance: number
+}>()
+
+const emit = defineEmits<{
+  (e: 'closeBanner'): void
+}>()
+
+const { $toast } = useNuxtApp()
+
+const { t, locale } = useI18n()
+const accessToken = useCookie('accessToken')
+
+const { topUpSidePanel } = usePayment()
+const { commonAuth } = useAppConfig()
+
+const userApiURL = commonAuth.userApiURL
+
+const isLoading = ref(false)
+
+const tariffCodes = {
+  active_usage_basic: {
+    tariff: 'adata',
+  },
+  regular_usage_basic: {
+    tariff: 'adata',
+  },
+  overpayment_basic: {
+    tariff: 'adata',
+  },
+  regular_usage_adata: {
+    tariff: 'adata_year',
+  },
+  overpayment_adata: {
+    tariff: 'adata_year',
+  },
+}
+
+async function updateUserRate() {
+  try {
+    isLoading.value = true
+    await $fetch(`${removeTrailingSlash(userApiURL)}/user/rate`, {
+      method: 'PUT',
+      credentials: 'include',
+      headers: {
+        Authorization: `Bearer ${accessToken.value}`,
+        lang: locale.value,
+      },
+      body: {
+        rate_code: tariffCodes[props.code].tariff
+      },
+    })
+    window.location.reload()
+  }
+  catch (error) {
+    $toast.error(error.data.message)
+  }
+  finally {
+    isLoading.value = false
+  }
+}
+
+function onBuy() {
+  const balance = props.balance ?? 0
+
+  const requiredAmount = ['regular_usage_adata', 'overpayment_adata'].includes(props.code) ? 100000 : 10000
+
+  if (balance >= requiredAmount) {
+    updateUserRate()
+    return
+  }
+
+  topUpSidePanel.value = true
+}
+</script>
+
+<template>
+  <div class="relative gradient flex justify-between rounded-lg p-4 ring-1 ring-inset ring-blue-700/80 dark:bg-gray-800">
+    <div class="flex flex-col gap-3">
+      <p class="font-semibold">
+        {{ t(`payment.upsell.${code}.title`) }}
+      </p>
+
+      <i18n-t
+        :keypath="`payment.upsell.${code}.description`"
+        tag="p"
+        class="text-sm whitespace-pre-line"
+      >
+        <template #highlight>
+          <span class="font-semibold">{{ t(`payment.upsell.${code}.highlight`) }}</span>
+        </template>
+      </i18n-t>
+    </div>
+
+    <a-icon-x-mark
+      class="absolute top-4 right-4 size-4 cursor-pointer"
+      @click="emit('closeBanner')"
+    />
+
+    <a-button
+      size="md"
+      class="self-end"
+      @click="onBuy"
+    >
+      {{ t('payment.upsell.goToAdataPlan') }}
+    </a-button>
+  </div>
+</template>
+
+<style scoped>
+.gradient {
+  background: linear-gradient(
+    239.71deg,
+    #B3D5F9 -7.48%,
+    #E6F1FD 39.62%,
+    #CCE2FB 85.82%
+  );
+}
+
+.dark .gradient {
+  background: linear-gradient(
+    239.71deg,
+    #17303F -7.48%,
+    #161617 39.62%,
+    #17303F 85.82%
+  );
+}
+</style>

package/components/navigation/header/TopHeader.vue

@@ -16,7 +16,7 @@ const props = withDefaults(defineProps<Props>(), {
   moduleName: 'counterparty'
 })
 
-const { t } = useI18n()
+const { t, locale } = useI18n()
 
 interface ResponseData<DataResult> {
   success: boolean
@@ -43,6 +43,9 @@ const systemMessage = ref(null)
 const isOpenNotification = ref(false)
 const message = useCookie('message')
 
+const { myLayer } = useAppConfig()
+const env = myLayer.mode
+
 const mode = computed(() => {
   if (props.moduleName === 'pk') {
     return 'counterparty'
@@ -77,12 +80,22 @@ const computedClass = (state: string) =>
 const fetchNotification = async () => {
   try {
     if (message.value === undefined) {
-      const link = `https://users.adata.kz/api/v1/system-messages/active-list/?module_name=${mode.value}`
+      const link = `https://users.${env}.kz/api/v1/system-messages/active-list/?module_name=${mode.value}`
       const response = await fetch(link)
       const { data } = await response.json()
 
-      if (data.details.length) {
-        systemMessage.value = data.details[0].message
+      if (data.details?.length) {
+        switch (locale.value) {
+          case 'ru':
+            systemMessage.value = data.details[0].message
+            break
+          case 'en':
+            systemMessage.value = data.details[0].message_en
+            break
+          case 'kk':
+            systemMessage.value = data.details[0].message_kz
+            break
+        }
         isOpenNotification.value = true
       }
     }

package/lang/en.ts

@@ -757,45 +757,80 @@ const EnLocale: RuLocale = {
   info: {
     userAgreement: 'I, the user of the information system "Adata", continuing to work on the portal, confirm my agreement that I bear responsibility for all actions taken in accordance with the legislation of the Republic of Kazakhstan',
   },
-  "payment": {
-    "bank": {
-      "description": "Account top-up on Adata service",
-      "payError": "Payment failed. Please try again later.",
-      "paySuccess": "Your account has been successfully topped up"
-    },
-    "banner": {
-      "title": "Access to extended information in a paid plan",
-      "subtitle": "Buy one-time access or {tariffs}",
-      "tariffs": "view tariffs"
-    },
-    "topUp": {
-      "title": "Top up balance",
-      "balance": "Balance:",
-      "info": "Funds will be credited in tenge!",
-      "enterAmount": "Enter amount"
-    },
-    "method": {
-      "title": "Payment method",
-      "description": "Choose a payment system to complete the transaction",
-      "note": "Will be credited:",
-      "kaspi": "Kaspi",
-      "other": "Other bank"
-    },
-    "kaspi": {
-      "title": "Kaspi.kz",
-      "description": "Choose a payment system to complete the transaction",
-      "qr": "Kaspi QR",
-      "scan": "Scan and pay",
-      "changeMethod": "Change payment method",
-      "adata": "Adata.kz - Search and verification of counterparties"
-    },
-    "redirect": {
-      "title": "You will now be redirected to Kaspi.kz",
-      "paymentId": "Your order number:",
-      "description": "After completing the payment, you can close the widget or return",
-      "goKaspi": "Go to Kaspi.kz",
-      "changeMethod": "Change payment method"
-    }
+  payment: {
+    bank: {
+      description: "Account top-up on Adata service",
+      payError: "Payment failed. Please try again later.",
+      paySuccess: "Your account has been successfully topped up"
+    },
+    banner: {
+      title: "Access to extended information in a paid plan",
+      subtitle: "Buy one-time access or {tariffs}",
+      tariffs: "view tariffs"
+    },
+    topUp: {
+      title: "Top up balance",
+      balance: "Balance:",
+      info: "Funds will be credited in tenge!",
+      enterAmount: "Enter amount"
+    },
+    method: {
+      title: "Payment method",
+      description: "Choose a payment system to complete the transaction",
+      note: "Will be credited:",
+      kaspi: "Kaspi",
+      other: "Other bank"
+    },
+    kaspi: {
+      title: "Kaspi.kz",
+      description: "Choose a payment system to complete the transaction",
+      qr: "Kaspi QR",
+      scan: "Scan and pay",
+      changeMethod: "Change payment method",
+      adata: "Adata.kz - Search and verification of counterparties"
+    },
+    redirect: {
+      title: "You will now be redirected to Kaspi.kz",
+      paymentId: "Your order number:",
+      description: "After completing the payment, you can close the widget or return",
+      goKaspi: "Go to Kaspi.kz",
+      changeMethod: "Change payment method"
+    },
+    upsell: {
+      active_usage_basic: {
+        title: 'Active use of the service',
+        description: 'You make 10+ requests per day.\n' +
+          '{highlight} suited for this volume.',
+        highlight: 'A monthly subscription is better',
+      },
+      regular_usage_basic: {
+        title: 'The one-time plan has become unprofitable',
+        description: 'You have been using the 2,000 ₸ plan for 5 consecutive days.\n' +
+          '{highlight} for regular requests.',
+        highlight: 'A monthly subscription is more cost-effective',
+      },
+      overpayment_basic: {
+        title: 'You are paying more than you could',
+        description: 'You have used the 2,000 ₸ plan more than 5 times in a month.\n' +
+          '{highlight}',
+        highlight: 'A monthly subscription is more cost-effective.',
+      },
+      regular_usage_adata: {
+        title: 'Active service usage',
+        description:
+          'You have subscribed to the 10,000 ₸ plan several times.\n' +
+          'An annual subscription {highlight} and allow you to work without limits.',
+        highlight: 'will help you save 17%',
+      },
+      overpayment_adata: {
+        title: 'Active service usage',
+        description:
+          'You have subscribed to the 10,000 ₸ plan several times.\n' +
+          'An annual subscription {highlight} and allow you to work without limits.',
+        highlight: 'will help you save 17%',
+      },
+      goToAdataPlan: 'Switch to the Adata plan',
+    },
   }
 }
 

package/lang/kk.ts

@@ -758,45 +758,81 @@ const KkLocale: RuLocale = {
   info: {
     userAgreement: 'Мен, "Adata" ақпараттық жүйесінің пайдаланушысы, порталдағы жұмысымды жалғастыра отырып, Қазақстан Республикасының заңнамасына сәйкес жүзеге асырылған барлық әрекеттер үшін жауапкершілікті өз мойныма алатынымды растаймын',
   },
-  "payment": {
-    "bank": {
-      "description": "Adata сервисінде шотты толықтыру",
-      "payError": "Төлем жасалмады. Кейінірек қайталап көріңіз.",
-      "paySuccess": "Шотыңыз сәтті толықтырылды"
-    },
-    "banner": {
-      "title": "Ақылы тарифте кеңейтілген ақпаратқа қол жеткізу",
-      "subtitle": "Бір реттік қол жеткізу сатып алыңыз немесе {tariffs}",
-      "tariffs": "тарифтерді қарау"
-    },
-    "topUp": {
-      "title": "Балансты толықтыру",
-      "balance": "Баланс:",
-      "info": "Қаражат теңгемен түседі!",
-      "enterAmount": "Соманы енгізіңіз"
-    },
-    "method": {
-      "title": "Төлем әдісі",
-      "description": "Транзакция жасау үшін төлем жүйесін таңдаңыз",
-      "note": "Түсетін сома:",
-      "kaspi": "Kaspi",
-      "other": "Басқа банк"
-    },
-    "kaspi": {
-      "title": "Kaspi.kz",
-      "description": "Транзакция жасау үшін төлем жүйесін таңдаңыз",
-      "qr": "Kaspi QR",
-      "scan": "Сканерлеп төлеңіз",
-      "changeMethod": "Төлем әдісін өзгерту",
-      "adata": "Adata.kz - Контрагенттерді іздеу және тексеру"
-    },
-    "redirect": {
-      "title": "Сіз қазір Kaspi.kz сайтына қайта бағытталасыз",
-      "paymentId": "Тапсырыс нөміріңіз:",
-      "description": "Төлемді аяқтағаннан кейін виджетті жабуға немесе қайтуға болады",
-      "goKaspi": "Kaspi.kz сайтына өту",
-      "changeMethod": "Төлем әдісін өзгерту"
-    }
+  payment: {
+    bank: {
+      description: "Adata сервисінде шотты толықтыру",
+      payError: "Төлем жасалмады. Кейінірек қайталап көріңіз.",
+      paySuccess: "Шотыңыз сәтті толықтырылды"
+    },
+    banner: {
+      title: "Ақылы тарифте кеңейтілген ақпаратқа қол жеткізу",
+      subtitle: "Бір реттік қол жеткізу сатып алыңыз немесе {tariffs}",
+      tariffs: "тарифтерді қарау"
+    },
+    topUp: {
+      title: "Балансты толықтыру",
+      balance: "Баланс:",
+      info: "Қаражат теңгемен түседі!",
+      enterAmount: "Соманы енгізіңіз"
+    },
+    method: {
+      title: "Төлем әдісі",
+      description: "Транзакция жасау үшін төлем жүйесін таңдаңыз",
+      note: "Түсетін сома:",
+      kaspi: "Kaspi",
+      other: "Басқа банк"
+    },
+    kaspi: {
+      title: "Kaspi.kz",
+      description: "Транзакция жасау үшін төлем жүйесін таңдаңыз",
+      qr: "Kaspi QR",
+      scan: "Сканерлеп төлеңіз",
+      changeMethod: "Төлем әдісін өзгерту",
+      adata: "Adata.kz - Контрагенттерді іздеу және тексеру"
+    },
+    redirect: {
+      title: "Сіз қазір Kaspi.kz сайтына қайта бағытталасыз",
+      paymentId: "Тапсырыс нөміріңіз:",
+      description: "Төлемді аяқтағаннан кейін виджетті жабуға немесе қайтуға болады",
+      goKaspi: "Kaspi.kz сайтына өту",
+      changeMethod: "Төлем әдісін өзгерту"
+    },
+    upsell: {
+      active_usage_basic: {
+        title: 'Қызметті белсенді пайдалану',
+        description: 'Сіз күніне 10+ сұрау жасайсыз.\n' +
+          'Мұндай көлем үшін {highlight}.',
+        highlight: 'айлық жазылым тиімдірек',
+      },
+      regular_usage_basic: {
+        title: 'Бір реттік тариф тиімсіз бола бастады',
+        description: 'Сіз 2 000 ₸ тарифін қатарынан 5 күн қолданып жүрсіз.\n' +
+          'Тұрақты сұраулар үшін {highlight}.',
+        highlight: 'айлық жазылым тиімдірек',
+      },
+      overpayment_basic: {
+        title: 'Сіз мүмкін болғаннан көп төлеп жүрсіз',
+        description: 'Сіз 2 000 ₸ тарифін ай ішінде 5 реттен көп қолдандыңыз.\n' +
+          'highlight',
+        highlight: 'Айлық тарифке жазылу тиімдірек.',
+      },
+      regular_usage_adata: {
+        title: 'Қызметті белсенді пайдалану',
+        description:
+          'Сіз 10 000 ₸ тарифін бірнеше рет қостыңыз.\n' +
+          'Жылдық жазылым {highlight} және шектеусіз жұмыс істеуге мүмкіндік береді.',
+        highlight: '17% үнемдеуге',
+      },
+      overpayment_adata: {
+        title: 'Қызметті белсенді пайдалану',
+        description:
+          'Сіз 10 000 ₸ тарифін бірнеше рет қостыңыз.\n' +
+          'Жылдық жазылым {highlight} және шектеусіз жұмыс істеуге мүмкіндік береді.',
+        highlight: '17% үнемдеуге',
+
+      },
+      goToAdataPlan: 'Adata тарифіне ауысу',
+    },
   }
 }
 

package/lang/ru.ts

@@ -801,6 +801,39 @@ const RuLocale = {
       goKaspi: 'Перейти на Kaspi.kz',
       changeMethod: 'Сменить способ оплаты',
     },
+    upsell: {
+      active_usage_basic: {
+        title: 'Активное использование сервиса',
+        description: 'Вы выполняете 10+ запросов в сутки.\n' +
+          '{highlight} подходит для такого объёма.',
+        highlight: 'Подписка на месяц лучше',
+      },
+      regular_usage_basic: {
+        title: 'Разовый тариф стал невыгодным',
+        description: 'Вы используете тариф 2 000 ₸ 5 дней подряд.\n' +
+          '{highlight} при регулярных запросах.',
+        highlight: 'Подписка на месяц выгоднее',
+      },
+      overpayment_basic: {
+        title: 'Вы платите больше, чем могли бы',
+        description: 'Вы использовали тариф 2 000 ₸ больше 5 раз за месяц.\n' +
+          '{highlight}',
+        highlight: 'Подписка на месячный тариф выгоднее.',
+      },
+      regular_usage_adata: {
+        title: 'Активное использование сервиса',
+        description: 'Вы подключили тариф за 10 000 ₸ уже несколько раз.\n' +
+          'Годовая подписка {highlight} и работать без ограничений.',
+        highlight: 'позволит сэкономить 17%',
+      },
+      overpayment_adata: {
+        title: 'Активное использование сервиса',
+        description: 'Вы подключили тариф за 10 000 ₸ уже несколько раз.\n' +
+          'Годовая подписка {highlight} и работать без ограничений.',
+        highlight: 'позволит сэкономить 17%',
+      },
+      goToAdataPlan: 'Перейти на тариф Adata',
+    },
   },
 }
 

package/package.json

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