adata-ui 2.0.47 → 2.0.49

package/components/elements/curve-block/ACurveBlock.vue

@@ -6,6 +6,7 @@ const props = defineProps<{
   title: string
   description: string
   to?: string
+  wide?: boolean
 }>()
 </script>
 
@@ -17,6 +18,54 @@ const props = defineProps<{
     active-class="active-item"
   >
     <svg
+      v-if="wide"
+      class="w-full"
+      viewBox="-2 -4 416 188"
+      fill="none"
+      preserveAspectRatio="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        class="border-path border-path--large"
+        d="M413.333 105.936C413.333 116.008 399.074 123 389.001 123C369.671 123 354.001 138.67 354.001 158C354.001 168.009 347.088 182 337.079 182H16.3334C7.49682 182 0.333374 174.837 0.333374 166V16C0.333374 7.16344 7.49682 0 16.3334 0H397.333C406.17 0 413.333 7.16344 413.333 16V105.936Z"
+        stroke-width="2"
+        fill="transparent"
+      />
+      <defs>
+        <linearGradient
+          id="gradient-light"
+          x1="164.372"
+          y1="-137.957"
+          x2="-20.5433"
+          y2="68.1723"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#479FFF" />
+          <stop
+            offset="1"
+            stop-color="#0070EB"
+          />
+        </linearGradient>
+
+        <linearGradient
+          id="gradient-dark"
+          x1="164.372"
+          y1="-137.957"
+          x2="-20.5433"
+          y2="68.1723"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#4FBDFF" />
+          <stop
+            offset="1"
+            stop-color="#1B98E2"
+          />
+        </linearGradient>
+      </defs>
+    </svg>
+
+    <svg
+      v-else
       class="w-full"
       viewBox="-1 -1 308 184"
       xmlns="http://www.w3.org/2000/svg"
@@ -72,7 +121,7 @@ const props = defineProps<{
           {{ title }}
         </p>
       </div>
-      <p class="text-sm text-gray-600 dark:text-gray-200">
+      <p class="text-left text-sm text-gray-600 dark:text-gray-200">
         {{ description }}
       </p>
     </div>
@@ -148,14 +197,17 @@ const props = defineProps<{
   fill: #F4F5F6;
 }
 
+.border-path--large {
+  stroke-dasharray: 1400;
+  stroke-dashoffset: 1400;
+}
+
 .animated-border {
   stroke-dasharray: 180;
   stroke-dashoffset: 180;
   fill: #F4F5F6;
 }
 
-
-
 .active-item .title {
   color: #0070EB;
 }

package/components/elements/illustrations/noAccess.vue

@@ -15,10 +15,18 @@ const props = defineProps<Props>()
 
 const appConfig = useAppConfig()
 const loginUrl = appConfig.myLayer.loginUrl
+const authMode = appConfig.myLayer.authMode
 const device = useAdaptive()
 const { t, locale } = useI18n()
 
+const { loginModal } = useIdModals()
+
 function goAuth() {
+  if (authMode === 'local') {
+    loginModal.value = true
+    return
+  }
+
   if (window) {
     if (props.to) {
       navigateToLocalizedPage(props.to)

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

@@ -0,0 +1,104 @@
+<script setup lang="ts">
+import { removeTrailingSlash } from '#adata-ui/components/utils/removeTrailingSlash'
+
+const props = defineProps<{
+  balance: number
+}>()
+
+const { $toast } = useNuxtApp()
+const { t, locale } = useI18n()
+const { commonAuth } = useAppConfig()
+const accessToken = useCookie('accessToken')
+
+const { topUpSidePanel } = usePayment()
+
+const userApiURL = commonAuth.userApiURL
+
+const isLoading = ref(false)
+
+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: 'basic_plus',
+      },
+    })
+    window.location.reload()
+  }
+  catch (error) {
+    $toast.error(error.data.message)
+  }
+  finally {
+    isLoading.value = false
+  }
+}
+
+function onUpdate() {
+  if (props.balance >= 1000) {
+    updateUserRate()
+  }
+  else {
+    topUpSidePanel.value = true
+  }
+}
+</script>
+
+<template>
+  <div class="gradient flex justify-between rounded-lg p-4 ring-1 ring-inset ring-blue-700/80 dark:bg-gray-800">
+    <div>
+      <p class="mb-2 font-semibold">
+        {{ t('modals.id.banners.basicPlusLimit.title') }}
+      </p>
+      <i18n-t
+        keypath="modals.id.banners.basicPlusLimit.subtitle"
+        tag="p"
+        class="text-sm text-gray-600 dark:text-gray-200"
+      >
+        <template #topUp>
+          <button
+            class="font-semibold text-blue-700 dark:text-blue-500"
+            @click="topUpSidePanel = true"
+          >
+            {{ t('modals.id.banners.basicPlusLimit.topUp') }}
+          </button>
+        </template>
+      </i18n-t>
+    </div>
+
+    <a-button
+      size="md"
+      class="self-end"
+      @click="onUpdate"
+      :loading="isLoading"
+    >
+      {{ t('actions.update') }}
+    </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/features/payment/banner/PaymentBanner.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { buildLocalizedUrl } from '#adata-ui/utils/localizedNavigation'
-import PaymentProcess from '#adata-ui/components/features/payment/process/PaymentProcess.vue'
 
 const { t, locale } = useI18n()
 const { myLayer } = useAppConfig()
@@ -44,8 +43,6 @@ function onBuy() {
       {{ t('actions.buy') }}
     </a-button>
   </div>
-
-  <payment-process />
 </template>
 
 <style scoped>

package/components/modals/id/IdBanner.vue

@@ -12,16 +12,16 @@ function onRegister() {
   <div class="gradient flex justify-between rounded-lg p-4 ring-1 ring-inset ring-blue-700/80 dark:bg-gray-800">
     <div>
       <p class="mb-2 font-semibold">
-        {{ t('modals.id.banner.title') }}
+        {{ t('modals.id.banners.auth.title') }}
       </p>
       <i18n-t
-        keypath="modals.id.banner.subtitle"
+        keypath="modals.id.banners.auth.subtitle"
         tag="p"
         class="text-sm text-gray-600 dark:text-gray-200"
       >
         <template #register>
           <button class="font-semibold text-blue-700 dark:text-blue-500" @click="onRegister">
-            {{ t('modals.id.banner.register') }}
+            {{ t('modals.id.banners.auth.register') }}
           </button>
         </template>
       </i18n-t>

package/components/navigation/header/ProfileMenu.vue

@@ -27,9 +27,16 @@ const { t } = useI18n()
 const { myLayer }: any = useAppConfig()
 const { locale } = useI18n()
 
+// const { topUpSidePanel } = usePayment()
+
 const items = useHeaderMenuLinks()
 
 const onReplenish = () => {
+  // if (myLayer.authMode === 'locale') {
+  //   topUpSidePanel.value = true
+  //   return
+  // }
+
   if (window) {
     window.location.href =
       buildLocalizedUrl(locale.value, myLayer.landingUrl, '/profile?popupBalance=1')

package/lang/en.ts

@@ -480,14 +480,22 @@ const EnLocale: RuLocale = {
     set: 'Set',
     resend: 'Resend',
     confirm: 'Confirm',
-    "topUp": "Top up"
+    "topUp": "Top up",
+    update: 'Update',
   },
   modals: {
     id: {
-      "banner": {
-        "title": "Free checks",
-        "subtitle": "{register} and get 5 free checks",
-        "register": "Register"
+      "banners": {
+        auth: {
+          "title": "Free checks",
+          "subtitle": "{register} and get 5 free checks",
+          "register": "Register"
+        },
+        "basicPlusLimit": {
+          "title": "Your limit of checks under the 'Basic +' plan has been exhausted",
+          "subtitle": "{topUp} your balance and get access to additional checks",
+          "topUp": "Top up"
+        }
       },
       login: {
         title: 'Login',

package/lang/kk.ts

@@ -482,13 +482,21 @@ const KkLocale: RuLocale = {
     resend: 'Қайта жіберу',
     confirm: 'Растау',
     "topUp": "Толықтыру",
+    update: 'Жаңарту',
   },
   modals: {
     id: {
-      "banner": {
-        "title": "Тегін тексерулер",
-        "subtitle": "{register} және 5 тегін тексеру алыңыз",
-        "register": "Тіркеліңіз"
+      "banners": {
+        auth: {
+          "title": "Тегін тексерулер",
+          "subtitle": "{register} және 5 тегін тексеру алыңыз",
+          "register": "Тіркеліңіз"
+        },
+        "basicPlusLimit": {
+          "title": "«Базалық +» тарифі бойынша тексеру лимитіңіз таусылды",
+          "subtitle": "{topUp} балансты толықтырып, қосымша тексерулерге қол жеткізіңіз",
+          "topUp": "Толықтырыңыз"
+        }
       },
       login: {
         title: 'Кіру',

package/lang/ru.ts

@@ -483,13 +483,21 @@ const RuLocale = {
     resend: 'Отправить еще раз',
     confirm: 'Подтвердить',
     topUp: 'Пополнить',
+    update: 'Обновить',
   },
   modals: {
     id: {
-      banner: {
-        title: 'Бесплатные проверки',
-        subtitle: '{register} и получите 5 бесплатных проверок',
-        register: 'Зарегистрируйтесь',
+      banners: {
+        auth: {
+          title: 'Бесплатные проверки',
+          subtitle: '{register} и получите 5 бесплатных проверок',
+          register: 'Зарегистрируйтесь',
+        },
+        basicPlusLimit: {
+          title: 'Ваш лимит проверок по тарифу «Базовый +» исчерпан',
+          subtitle: '{topUp} баланс и получите доступ к дополнительным проверкам',
+          topUp: 'Пополните',
+        }
       },
       login: {
         title: 'Вход',

package/package.json

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