adata-ui 2.0.47 → 2.0.48

package/.nuxtrc

@@ -1 +1 @@
-typescript.includeWorkspace = true
+typescript.includeWorkspace = true

package/.playground/app.config.ts

@@ -1,5 +1,5 @@
-export default defineAppConfig({
-  myLayer: {
-    name: 'My amazing Nuxt layer (overwritten)'
-  }
-})
+export default defineAppConfig({
+  myLayer: {
+    name: 'My amazing Nuxt layer (overwritten)'
+  }
+})

package/README.md

@@ -1,75 +1,75 @@
-# Adata UI with Nuxt 3 using Layers
-
-Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
-
-## Setup
-
-Make sure to install the dependencies:
-
-```bash
-# npm
-npm install
-
-# pnpm
-pnpm install
-
-# yarn
-yarn install
-
-# bun
-bun install
-```
-
-## Development Server
-
-Start the development server on `https://localhost:3000`:
-
-```bash
-# npm
-npm run dev
-
-# pnpm
-pnpm run dev
-
-# yarn
-yarn dev
-
-# bun
-bun run dev
-```
-
-## Production
-
-Build the application for production:
-
-```bash
-# npm
-npm run build
-
-# pnpm
-pnpm run build
-
-# yarn
-yarn build
-
-# bun
-bun run build
-```
-
-Locally preview production build:
-
-```bash
-# npm
-npm run preview
-
-# pnpm
-pnpm run preview
-
-# yarn
-yarn preview
-
-# bun
-bun run preview
-```
-
-Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
+# Adata UI with Nuxt 3 using Layers
+
+Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+
+# bun
+bun install
+```
+
+## Development Server
+
+Start the development server on `https://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm run dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm run build
+
+# yarn
+yarn build
+
+# bun
+bun run build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm run preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

package/components/elements/README.md

@@ -1 +1 @@
-# button, alerts, dropdown
+# button, alerts, dropdown

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/forms/README.md

@@ -1 +1 @@
-# inputs
+# inputs

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/README.md

@@ -1 +1 @@
-# breadcrumb, tabs
+# breadcrumb, tabs

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/components/overlays/README.md

@@ -1 +1 @@
-# tooltip, popover, slide over, modal, context menu
+# tooltip, popover, slide over, modal, context menu

package/icons/sun.vue

@@ -1,14 +1,14 @@
-<script setup lang="ts">
-
-</script>
-
-<template>
-  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="https://www.w3.org/2000/svg">
-    <path opacity="0.4" d="M7.99998 12.6666C10.5773 12.6666 12.6666 10.5772 12.6666 7.99992C12.6666 5.42259 10.5773 3.33325 7.99998 3.33325C5.42265 3.33325 3.33331 5.42259 3.33331 7.99992C3.33331 10.5772 5.42265 12.6666 7.99998 12.6666Z" fill="#FBC920"/>
-    <path d="M8.00002 15.3067C7.63335 15.3067 7.33335 15.0334 7.33335 14.6667V14.6134C7.33335 14.2467 7.63335 13.9467 8.00002 13.9467C8.36669 13.9467 8.66669 14.2467 8.66669 14.6134C8.66669 14.9801 8.36669 15.3067 8.00002 15.3067ZM12.76 13.4267C12.5867 13.4267 12.42 13.3601 12.2867 13.2334L12.2 13.1467C11.94 12.8867 11.94 12.4667 12.2 12.2067C12.46 11.9467 12.88 11.9467 13.14 12.2067L13.2267 12.2934C13.4867 12.5534 13.4867 12.9734 13.2267 13.2334C13.1 13.3601 12.9334 13.4267 12.76 13.4267ZM3.24002 13.4267C3.06669 13.4267 2.90002 13.3601 2.76669 13.2334C2.50669 12.9734 2.50669 12.5534 2.76669 12.2934L2.85335 12.2067C3.11335 11.9467 3.53335 11.9467 3.79335 12.2067C4.05335 12.4667 4.05335 12.8867 3.79335 13.1467L3.70669 13.2334C3.58002 13.3601 3.40669 13.4267 3.24002 13.4267ZM14.6667 8.66675H14.6134C14.2467 8.66675 13.9467 8.36675 13.9467 8.00008C13.9467 7.63341 14.2467 7.33342 14.6134 7.33342C14.98 7.33342 15.3067 7.63341 15.3067 8.00008C15.3067 8.36675 15.0334 8.66675 14.6667 8.66675ZM1.38669 8.66675H1.33335C0.966687 8.66675 0.666687 8.36675 0.666687 8.00008C0.666687 7.63341 0.966687 7.33342 1.33335 7.33342C1.70002 7.33342 2.02669 7.63341 2.02669 8.00008C2.02669 8.36675 1.75335 8.66675 1.38669 8.66675ZM12.6734 3.99341C12.5 3.99341 12.3334 3.92675 12.2 3.80008C11.94 3.54008 11.94 3.12008 12.2 2.86008L12.2867 2.77341C12.5467 2.51341 12.9667 2.51341 13.2267 2.77341C13.4867 3.03341 13.4867 3.45341 13.2267 3.71341L13.14 3.80008C13.0134 3.92675 12.8467 3.99341 12.6734 3.99341ZM3.32669 3.99341C3.15335 3.99341 2.98669 3.92675 2.85335 3.80008L2.76669 3.70675C2.50669 3.44675 2.50669 3.02675 2.76669 2.76675C3.02669 2.50675 3.44669 2.50675 3.70669 2.76675L3.79335 2.85342C4.05335 3.11342 4.05335 3.53341 3.79335 3.79341C3.66669 3.92675 3.49335 3.99341 3.32669 3.99341ZM8.00002 2.02675C7.63335 2.02675 7.33335 1.75341 7.33335 1.38675V1.33341C7.33335 0.966748 7.63335 0.666748 8.00002 0.666748C8.36669 0.666748 8.66669 0.966748 8.66669 1.33341C8.66669 1.70008 8.36669 2.02675 8.00002 2.02675Z" fill="#FBC920"/>
-  </svg>
-</template>
-
-<style scoped>
-
-</style>
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="https://www.w3.org/2000/svg">
+    <path opacity="0.4" d="M7.99998 12.6666C10.5773 12.6666 12.6666 10.5772 12.6666 7.99992C12.6666 5.42259 10.5773 3.33325 7.99998 3.33325C5.42265 3.33325 3.33331 5.42259 3.33331 7.99992C3.33331 10.5772 5.42265 12.6666 7.99998 12.6666Z" fill="#FBC920"/>
+    <path d="M8.00002 15.3067C7.63335 15.3067 7.33335 15.0334 7.33335 14.6667V14.6134C7.33335 14.2467 7.63335 13.9467 8.00002 13.9467C8.36669 13.9467 8.66669 14.2467 8.66669 14.6134C8.66669 14.9801 8.36669 15.3067 8.00002 15.3067ZM12.76 13.4267C12.5867 13.4267 12.42 13.3601 12.2867 13.2334L12.2 13.1467C11.94 12.8867 11.94 12.4667 12.2 12.2067C12.46 11.9467 12.88 11.9467 13.14 12.2067L13.2267 12.2934C13.4867 12.5534 13.4867 12.9734 13.2267 13.2334C13.1 13.3601 12.9334 13.4267 12.76 13.4267ZM3.24002 13.4267C3.06669 13.4267 2.90002 13.3601 2.76669 13.2334C2.50669 12.9734 2.50669 12.5534 2.76669 12.2934L2.85335 12.2067C3.11335 11.9467 3.53335 11.9467 3.79335 12.2067C4.05335 12.4667 4.05335 12.8867 3.79335 13.1467L3.70669 13.2334C3.58002 13.3601 3.40669 13.4267 3.24002 13.4267ZM14.6667 8.66675H14.6134C14.2467 8.66675 13.9467 8.36675 13.9467 8.00008C13.9467 7.63341 14.2467 7.33342 14.6134 7.33342C14.98 7.33342 15.3067 7.63341 15.3067 8.00008C15.3067 8.36675 15.0334 8.66675 14.6667 8.66675ZM1.38669 8.66675H1.33335C0.966687 8.66675 0.666687 8.36675 0.666687 8.00008C0.666687 7.63341 0.966687 7.33342 1.33335 7.33342C1.70002 7.33342 2.02669 7.63341 2.02669 8.00008C2.02669 8.36675 1.75335 8.66675 1.38669 8.66675ZM12.6734 3.99341C12.5 3.99341 12.3334 3.92675 12.2 3.80008C11.94 3.54008 11.94 3.12008 12.2 2.86008L12.2867 2.77341C12.5467 2.51341 12.9667 2.51341 13.2267 2.77341C13.4867 3.03341 13.4867 3.45341 13.2267 3.71341L13.14 3.80008C13.0134 3.92675 12.8467 3.99341 12.6734 3.99341ZM3.32669 3.99341C3.15335 3.99341 2.98669 3.92675 2.85335 3.80008L2.76669 3.70675C2.50669 3.44675 2.50669 3.02675 2.76669 2.76675C3.02669 2.50675 3.44669 2.50675 3.70669 2.76675L3.79335 2.85342C4.05335 3.11342 4.05335 3.53341 3.79335 3.79341C3.66669 3.92675 3.49335 3.99341 3.32669 3.99341ZM8.00002 2.02675C7.63335 2.02675 7.33335 1.75341 7.33335 1.38675V1.33341C7.33335 0.966748 7.63335 0.666748 8.00002 0.666748C8.36669 0.666748 8.66669 0.966748 8.66669 1.33341C8.66669 1.70008 8.36669 2.02675 8.00002 2.02675Z" fill="#FBC920"/>
+  </svg>
+</template>
+
+<style scoped>
+
+</style>

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.48",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",