adata-ui 2.1.41-beta.2 → 2.1.41-beta.21

package/components/modals/Insufficient-funds-modal.vue

@@ -1,62 +1,62 @@
-<script setup lang="ts">
-import type { UserInfo } from '~/api/modules/user/types'
-
-const { t } = useI18n()
-
-const { topUpSidePanel } = usePayment()
-
-const isOpen = defineModel<boolean>({ default: false })
-const userInfo = useState<UserInfo>('user-info', () => ({}))
-
-function confirm() {
-  isOpen.value = false
-  topUpSidePanel.value = true
-}
-function cancel() {
-  isOpen.value = false
-}
-</script>
-
-<template>
-  <a-modal-v2
-    v-model="isOpen"
-    width="424px"
-  >
-    <div class="flex flex-col gap-4 px-6 py-4">
-      <a-ill-empty-wallet class="self-center" />
-      <p class="text-h4 text-center">
-        {{ t('modals.low_balance.title') }}
-      </p>
-      <p class="text-center">
-        {{ t('modals.low_balance.questions') }}
-      </p>
-      <div class="flex flex-col rounded-lg border border-brand bg-brand-subtle px-4 py-2">
-        <p class="text-body-md-strong text-center text-brand">
-          {{ t('modals.low_balance.current_balance') }}
-        </p>
-        <p class="text-h3 text-center text-brand">
-          {{ userInfo?.balance ? userInfo?.balance.toLocaleString('ru-RU') : 0 }}₸
-        </p>
-      </div>
-    </div>
-    <template #footer>
-      <div class="flex gap-2">
-        <a-button-v2
-          view="outline"
-          color="blue"
-          block
-          @click="cancel"
-        >
-          {{ t('modals.buttons.close') }}
-        </a-button-v2>
-        <a-button-v2 block @click="confirm">
-          {{ t('modals.buttons.topUp') }}
-        </a-button-v2>
-      </div>
-    </template>
-  </a-modal-v2>
-</template>
-
-<style scoped>
-
-</style>
+<script setup lang="ts">
+import type { UserInfo } from '~/api/modules/user/types'
+
+const { t } = useI18n()
+
+const { topUpSidePanel } = usePayment()
+
+const isOpen = defineModel<boolean>({ default: false })
+const userInfo = useState<UserInfo>('user-info', () => ({}))
+
+function confirm() {
+  isOpen.value = false
+  topUpSidePanel.value = true
+}
+function cancel() {
+  isOpen.value = false
+}
+</script>
+
+<template>
+  <a-modal-v2
+    v-model="isOpen"
+    width="424px"
+  >
+    <div class="flex flex-col gap-4 px-6 py-4">
+      <a-ill-empty-wallet class="self-center" />
+      <p class="text-h4 text-center">
+        {{ t('modals.low_balance.title') }}
+      </p>
+      <p class="text-center">
+        {{ t('modals.low_balance.questions') }}
+      </p>
+      <div class="flex flex-col rounded-lg border border-brand bg-brand-subtle px-4 py-2">
+        <p class="text-body-md-strong text-center text-brand">
+          {{ t('modals.low_balance.current_balance') }}
+        </p>
+        <p class="text-h3 text-center text-brand">
+          {{ userInfo?.balance ? userInfo?.balance.toLocaleString('ru-RU') : 0 }}₸
+        </p>
+      </div>
+    </div>
+    <template #footer>
+      <div class="flex gap-2">
+        <a-button-v2
+          view="outline"
+          color="blue"
+          block
+          @click="cancel"
+        >
+          {{ t('modals.buttons.close') }}
+        </a-button-v2>
+        <a-button-v2 block @click="confirm">
+          {{ t('modals.buttons.topUp') }}
+        </a-button-v2>
+      </div>
+    </template>
+  </a-modal-v2>
+</template>
+
+<style scoped>
+
+</style>

package/components/modals/LimitReachedModal.vue

@@ -1,44 +1,44 @@
-<script setup lang="ts">
-import { useUrls } from '#adata-ui/composables/useUrls'
-
-const { t } = useI18n()
-const isOpen = useLimitReachedModal()
-const { landing } = useUrls()
-
-function goTariffs() {
-  window.location.href = `${landing}/tariffs`
-}
-</script>
-
-<template>
-  <a-modal-v2
-    v-model="isOpen"
-    width="424px"
-    hide-header-border
-  >
-    <div class="flex flex-col items-center justify-center gap-4 px-6 pb-4">
-      <a-ill-empty-wallet />
-      <p class="text-h4 whitespace-pre-wrap text-center">
-        {{ t('modals.limit.title') }}
-      </p>
-      <p class="text-body-md whitespace-pre-wrap text-center text-quaternary">
-        {{ t('modals.limit.content') }}
-      </p>
-      <a-alert>
-        {{ t('modals.limit.alert') }}
-      </a-alert>
-    </div>
-    <template #footer>
-      <div class="flex flex-col items-center gap-3">
-        <p class="text-body-md whitespace-pre-wrap text-center text-quaternary">
-          {{ t('modals.limit.firstTime') }}
-        </p>
-        <a-button-v2 block @click="goTariffs">
-          {{ t('modals.buttons.goTariffs') }}
-        </a-button-v2>
-      </div>
-    </template>
-  </a-modal-v2>
-</template>
-
-<style scoped></style>
+<script setup lang="ts">
+import { useUrls } from '#adata-ui/composables/useUrls'
+
+const { t } = useI18n()
+const isOpen = useLimitReachedModal()
+const { landing } = useUrls()
+
+function goTariffs() {
+  window.location.href = `${landing}/tariffs`
+}
+</script>
+
+<template>
+  <a-modal-v2
+    v-model="isOpen"
+    width="424px"
+    hide-header-border
+  >
+    <div class="flex flex-col items-center justify-center gap-4 px-6 pb-4">
+      <a-ill-empty-wallet />
+      <p class="text-h4 whitespace-pre-wrap text-center">
+        {{ t('modals.limit.title') }}
+      </p>
+      <p class="text-body-md whitespace-pre-wrap text-center text-quaternary">
+        {{ t('modals.limit.content') }}
+      </p>
+      <a-alert>
+        {{ t('modals.limit.alert') }}
+      </a-alert>
+    </div>
+    <template #footer>
+      <div class="flex flex-col items-center gap-3">
+        <p class="text-body-md whitespace-pre-wrap text-center text-quaternary">
+          {{ t('modals.limit.firstTime') }}
+        </p>
+        <a-button-v2 block @click="goTariffs">
+          {{ t('modals.buttons.goTariffs') }}
+        </a-button-v2>
+      </div>
+    </template>
+  </a-modal-v2>
+</template>
+
+<style scoped></style>

package/components/modals/NoAccessModal.vue

@@ -1,39 +1,39 @@
-<script setup lang="ts">
-import { useNoAccessModal } from '#adata-ui/composables/modalsState'
-
-const { t } = useI18n()
-
-const isOpen = useNoAccessModal()
-
-function onClose() {
-  isOpen.value = false
-}
-</script>
-
-<template>
-  <a-modal-v2
-    v-model="isOpen"
-    width="424px"
-    hide-header-border
-  >
-    <div class="flex flex-col items-center justify-center gap-4 px-6 pb-4">
-      <a-ill-no-access />
-      <p class="text-h4 whitespace-pre-wrap text-center">
-        {{ t('modals.no_access.title') }}
-      </p>
-      <p class="text-body-md whitespace-pre-wrap text-center text-quaternary">
-        {{ t('modals.no_access.info') }}
-      </p>
-    </div>
-    <template #footer>
-      <a-button-v2
-        view="outline"
-        color="blue"
-        block
-        @click="onClose"
-      >
-        {{ t('modals.buttons.close') }}
-      </a-button-v2>
-    </template>
-  </a-modal-v2>
-</template>
+<script setup lang="ts">
+import { useNoAccessModal } from '#adata-ui/composables/modalsState'
+
+const { t } = useI18n()
+
+const isOpen = useNoAccessModal()
+
+function onClose() {
+  isOpen.value = false
+}
+</script>
+
+<template>
+  <a-modal-v2
+    v-model="isOpen"
+    width="424px"
+    hide-header-border
+  >
+    <div class="flex flex-col items-center justify-center gap-4 px-6 pb-4">
+      <a-ill-no-access />
+      <p class="text-h4 whitespace-pre-wrap text-center">
+        {{ t('modals.no_access.title') }}
+      </p>
+      <p class="text-body-md whitespace-pre-wrap text-center text-quaternary">
+        {{ t('modals.no_access.info') }}
+      </p>
+    </div>
+    <template #footer>
+      <a-button-v2
+        view="outline"
+        color="blue"
+        block
+        @click="onClose"
+      >
+        {{ t('modals.buttons.close') }}
+      </a-button-v2>
+    </template>
+  </a-modal-v2>
+</template>

package/components/modals/PaymentMethodModal.vue

@@ -1,101 +1,101 @@
-<script setup lang="ts">
-import { AIconPaymentCard, AIconPaymentKaspi } from '#components'
-import { handleElementPosition } from '#adata-ui/utils/getMaxZindex'
-
-const props = withDefaults(
-  defineProps<{
-    sum: number
-    deleteFromDom?: boolean
-
-  }>(),
-  {
-    sum: 0,
-    deleteFromDom: false,
-
-  },
-)
-const emit = defineEmits<{
-  (e: 'nextBank', num: number): void
-}>()
-const { t } = useI18n()
-const isOpen = defineModel<boolean>({ default: false })
-const checkbox = ref('kaspi')
-const cards = [
-  {
-    id: 'kaspi',
-    name: 'modals.payment_method.banks.kaspi',
-    sum: 10000,
-    img: AIconPaymentKaspi,
-  },
-  {
-    id: 'other',
-    name: 'modals.payment_method.banks.other',
-    sum: 10000,
-    img: AIconPaymentCard,
-  },
-]
-function confirm() {
-  emit('nextBank', checkbox.value, props.sum)
-}
-function cancel() {
-  isOpen.value = false
-}
-if (props.deleteFromDom) {
-  handleElementPosition('payment-method')
-}
-</script>
-
-<template>
-  <a-modal
-    v-model="isOpen"
-    name="payment-method"
-    :prevent-close="true"
-  >
-    <div class="flex flex-col gap-5">
-      <p class="text-h2 text-center">
-        {{ t('modals.payment_method.title') }}
-      </p>
-      <a-ill-phone-check class="w-full" />
-      <p class="text-body-md whitespace-pre-wrap text-center">
-        {{ t('modals.payment_method.questions') }}
-      </p>
-      <a-radio-button
-        v-for="(item) in cards"
-        :key="item.id"
-        v-model="checkbox"
-        :name="`${item.name}`"
-        side="right"
-        :value="item.id"
-        class="flex items-center justify-between	gap-2 rounded-sm bg-muted p-[10px_16px]"
-      >
-        <div class="flex w-full items-center gap-2">
-          <component :is="item.img" />
-          <div class="flex w-full items-center justify-between">
-            {{ t(item.name) }}
-            <p class="text-body-md-strong">
-              {{ Math.round(sum).toLocaleString('RU-ru') }} ₸
-            </p>
-          </div>
-        </div>
-      </a-radio-button>
-    </div>
-    <template #footer>
-      <div class="flex gap-2 ">
-        <a-button
-          view="outline"
-          block
-          @click="cancel"
-        >
-          {{ t('modals.buttons.close') }}
-        </a-button>
-        <a-button block @click="confirm">
-          {{ t('modals.buttons.topUp') }}
-        </a-button>
-      </div>
-    </template>
-  </a-modal>
-</template>
-
-<style scoped>
-
-</style>
+<script setup lang="ts">
+import { AIconPaymentCard, AIconPaymentKaspi } from '#components'
+import { handleElementPosition } from '#adata-ui/utils/getMaxZindex'
+
+const props = withDefaults(
+  defineProps<{
+    sum: number
+    deleteFromDom?: boolean
+
+  }>(),
+  {
+    sum: 0,
+    deleteFromDom: false,
+
+  },
+)
+const emit = defineEmits<{
+  (e: 'nextBank', num: number): void
+}>()
+const { t } = useI18n()
+const isOpen = defineModel<boolean>({ default: false })
+const checkbox = ref('kaspi')
+const cards = [
+  {
+    id: 'kaspi',
+    name: 'modals.payment_method.banks.kaspi',
+    sum: 10000,
+    img: AIconPaymentKaspi,
+  },
+  {
+    id: 'other',
+    name: 'modals.payment_method.banks.other',
+    sum: 10000,
+    img: AIconPaymentCard,
+  },
+]
+function confirm() {
+  emit('nextBank', checkbox.value, props.sum)
+}
+function cancel() {
+  isOpen.value = false
+}
+if (props.deleteFromDom) {
+  handleElementPosition('payment-method')
+}
+</script>
+
+<template>
+  <a-modal
+    v-model="isOpen"
+    name="payment-method"
+    :prevent-close="true"
+  >
+    <div class="flex flex-col gap-5">
+      <p class="text-h2 text-center">
+        {{ t('modals.payment_method.title') }}
+      </p>
+      <a-ill-phone-check class="w-full" />
+      <p class="text-body-md whitespace-pre-wrap text-center">
+        {{ t('modals.payment_method.questions') }}
+      </p>
+      <a-radio-button
+        v-for="(item) in cards"
+        :key="item.id"
+        v-model="checkbox"
+        :name="`${item.name}`"
+        side="right"
+        :value="item.id"
+        class="flex items-center justify-between	gap-2 rounded-sm bg-muted p-[10px_16px]"
+      >
+        <div class="flex w-full items-center gap-2">
+          <component :is="item.img" />
+          <div class="flex w-full items-center justify-between">
+            {{ t(item.name) }}
+            <p class="text-body-md-strong">
+              {{ Math.round(sum).toLocaleString('RU-ru') }} ₸
+            </p>
+          </div>
+        </div>
+      </a-radio-button>
+    </div>
+    <template #footer>
+      <div class="flex gap-2 ">
+        <a-button
+          view="outline"
+          block
+          @click="cancel"
+        >
+          {{ t('modals.buttons.close') }}
+        </a-button>
+        <a-button block @click="confirm">
+          {{ t('modals.buttons.topUp') }}
+        </a-button>
+      </div>
+    </template>
+  </a-modal>
+</template>
+
+<style scoped>
+
+</style>

package/components/modals/RedirectsBanksModal.vue

@@ -1,69 +1,69 @@
-<script setup lang="ts">
-import { handleElementPosition } from '#adata-ui/utils/getMaxZindex'
-
-const props = withDefaults(
-  defineProps<{
-    requestId: number
-    deleteFromDom?: boolean
-
-  }>(),
-  {
-    requestId: 0,
-    deleteFromDom: false,
-
-  },
-)
-const isOpen = defineModel<boolean>({ default: false })
-const localePath = useLocalePath()
-const { t } = useI18n()
-
-function goKaspi() {
-  window.open(localePath(`https://kaspi.kz/pay/adata?service_id=5964&9507=${props.requestId}`), '_blank')
-}
-
-function cancel() {
-  isOpen.value = false
-}
-if (props.deleteFromDom) {
-  handleElementPosition('redirects-banks-modal')
-}
-</script>
-
-<template>
-  <a-modal
-    v-model="isOpen"
-    name="redirects-banks-modal"
-    :prevent-close="true"
-  >
-    <div class="flex flex-col gap-5">
-      <p class="text-h2 whitespace-pre-wrap text-center">
-        {{ t('modals.payment_method.redirects_bank.title') }}
-      </p>
-      <a-button block @click="goKaspi">
-        {{ t('modals.buttons.goToKaspi') }}
-      </a-button>
-      <div class="flex flex-col gap-2">
-        <p class="text-body-md text-center">
-          {{ t('modals.payment_method.redirects_bank.paymentId') }}
-        </p>
-        <p class="text-h3 text-center">
-          {{ requestId }}
-        </p>
-      </div>
-      <p class="text-body-md text-center">
-        {{ t('modals.payment_method.redirects_bank.subtitle') }}
-      </p>
-      <a-button
-        view="outline"
-        block
-        @click="cancel"
-      >
-        {{ t('modals.buttons.close') }}
-      </a-button>
-    </div>
-  </a-modal>
-</template>
-
-<style scoped>
-
-</style>
+<script setup lang="ts">
+import { handleElementPosition } from '#adata-ui/utils/getMaxZindex'
+
+const props = withDefaults(
+  defineProps<{
+    requestId: number
+    deleteFromDom?: boolean
+
+  }>(),
+  {
+    requestId: 0,
+    deleteFromDom: false,
+
+  },
+)
+const isOpen = defineModel<boolean>({ default: false })
+const localePath = useLocalePath()
+const { t } = useI18n()
+
+function goKaspi() {
+  window.open(localePath(`https://kaspi.kz/pay/adata?service_id=5964&9507=${props.requestId}`), '_blank')
+}
+
+function cancel() {
+  isOpen.value = false
+}
+if (props.deleteFromDom) {
+  handleElementPosition('redirects-banks-modal')
+}
+</script>
+
+<template>
+  <a-modal
+    v-model="isOpen"
+    name="redirects-banks-modal"
+    :prevent-close="true"
+  >
+    <div class="flex flex-col gap-5">
+      <p class="text-h2 whitespace-pre-wrap text-center">
+        {{ t('modals.payment_method.redirects_bank.title') }}
+      </p>
+      <a-button block @click="goKaspi">
+        {{ t('modals.buttons.goToKaspi') }}
+      </a-button>
+      <div class="flex flex-col gap-2">
+        <p class="text-body-md text-center">
+          {{ t('modals.payment_method.redirects_bank.paymentId') }}
+        </p>
+        <p class="text-h3 text-center">
+          {{ requestId }}
+        </p>
+      </div>
+      <p class="text-body-md text-center">
+        {{ t('modals.payment_method.redirects_bank.subtitle') }}
+      </p>
+      <a-button
+        view="outline"
+        block
+        @click="cancel"
+      >
+        {{ t('modals.buttons.close') }}
+      </a-button>
+    </div>
+  </a-modal>
+</template>
+
+<style scoped>
+
+</style>