adata-ui 2.1.19 → 2.1.21

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

@@ -1,77 +1,77 @@
-<script setup lang="ts">
-import type { UserInfo } from '~/api/modules/user/types'
-import { handleElementPosition } from '#adata-ui/utils/getMaxZindex'
-
-const props = withDefaults(defineProps<Props>(), {
-  deleteFromDom: false,
-})
-
-const emit = defineEmits<{
-  (e: 'next'): void
-}>()
-
-const { t } = useI18n()
-
-interface Props {
-  deleteFromDom?: boolean
-}
-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
-}
-
-if (props.deleteFromDom) {
-  handleElementPosition('insufficient-funds')
-}
-</script>
-
-<template>
-  <a-modal
-    v-model="isOpen"
-    name="insufficient-funds"
-  >
-    <div class="flex flex-col gap-5">
-      <p class="heading-02 text-center">
-        {{ t('modals.low_balance.title') }}
-      </p>
-      <a-ill-empty-wallet class="self-center" />
-      <div class="m-[0_-32px] flex flex-col bg-green-500 py-1.5">
-        <p class="body-600 text-center  text-white ">
-          {{ t('modals.low_balance.current_balance') }}
-        </p>
-        <p class="body-600 text-center text-xl text-white ">
-          {{ userInfo?.balance ? userInfo?.balance.toLocaleString('ru-RU') : 0 }}₸
-        </p>
-      </div>
-      <p class="text-center">
-        {{ t('modals.low_balance.questions') }}
-      </p>
-    </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 type { UserInfo } from '~/api/modules/user/types'
+import { handleElementPosition } from '#adata-ui/utils/getMaxZindex'
+
+const props = withDefaults(defineProps<Props>(), {
+  deleteFromDom: false,
+})
+
+const emit = defineEmits<{
+  (e: 'next'): void
+}>()
+
+const { t } = useI18n()
+
+interface Props {
+  deleteFromDom?: boolean
+}
+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
+}
+
+if (props.deleteFromDom) {
+  handleElementPosition('insufficient-funds')
+}
+</script>
+
+<template>
+  <a-modal
+    v-model="isOpen"
+    name="insufficient-funds"
+  >
+    <div class="flex flex-col gap-5">
+      <p class="heading-02 text-center">
+        {{ t('modals.low_balance.title') }}
+      </p>
+      <a-ill-empty-wallet class="self-center" />
+      <div class="m-[0_-32px] flex flex-col bg-green-500 py-1.5">
+        <p class="body-600 text-center  text-white ">
+          {{ t('modals.low_balance.current_balance') }}
+        </p>
+        <p class="body-600 text-center text-xl text-white ">
+          {{ userInfo?.balance ? userInfo?.balance.toLocaleString('ru-RU') : 0 }}₸
+        </p>
+      </div>
+      <p class="text-center">
+        {{ t('modals.low_balance.questions') }}
+      </p>
+    </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/LimitReachedModal.vue

@@ -1,30 +1,30 @@
-<script setup lang="ts">
-
-import { useUrls } from '#adata-ui/composables/useUrls'
-
-const { t } = useI18n()
-const isOpen = useLimitReachedModal()
-const { login } = useUrls()
-
-function goTariffs() {
-  if (window) {
-    window.location.href = `${login}/tariffs`
-  }
-}
-</script>
-
-<template>
-  <a-modal v-model="isOpen" :title="t('modals.limit.title')">
-    <div class="flex flex-col items-center gap-5 text-center text-sm">
-      <a-ill-empty-wallet></a-ill-empty-wallet>
-      <div>{{ t('modals.limit.content') }}</div>
-    </div>
-    <template #footer>
-      <a-button @click="goTariffs" block>{{ t('modals.buttons.goTariffs') }}</a-button>
-    </template>
-  </a-modal>
-</template>
-
-<style scoped>
-
-</style>
+<script setup lang="ts">
+
+import { useUrls } from '#adata-ui/composables/useUrls'
+
+const { t } = useI18n()
+const isOpen = useLimitReachedModal()
+const { login } = useUrls()
+
+function goTariffs() {
+  if (window) {
+    window.location.href = `${login}/tariffs`
+  }
+}
+</script>
+
+<template>
+  <a-modal v-model="isOpen" :title="t('modals.limit.title')">
+    <div class="flex flex-col items-center gap-5 text-center text-sm">
+      <a-ill-empty-wallet></a-ill-empty-wallet>
+      <div>{{ t('modals.limit.content') }}</div>
+    </div>
+    <template #footer>
+      <a-button @click="goTariffs" block>{{ t('modals.buttons.goTariffs') }}</a-button>
+    </template>
+  </a-modal>
+</template>
+
+<style scoped>
+
+</style>

package/components/modals/NoAccessModal.vue

@@ -1,37 +1,37 @@
-<script setup lang="ts">
-import { useNoAccessModal } from '#adata-ui/composables/modalsState'
-
-const { t } = useI18n()
-
-const isOpen = useNoAccessModal()
-
-const onClose = () => {
-  isOpen.value = false
-}
-</script>
-
-<template>
-  <a-modal
-    v-model="isOpen"
-    name="no-access-modal"
-  >
-    <div class="flex flex-col gap-5">
-      <p class="heading-02 text-center">
-        {{ t('modals.no_access.title') }}
-      </p>
-      <a-ill-door class="w-full" />
-      <p class="body-400 whitespace-pre-wrap text-center">
-        {{ t('modals.no_access.info') }}
-      </p>
-    </div>
-    <template #footer>
-      <a-button
-        view="outline"
-        block
-        @click="onClose"
-      >
-        {{ t('modals.buttons.close') }}
-      </a-button>
-    </template>
-  </a-modal>
-</template>
+<script setup lang="ts">
+import { useNoAccessModal } from '#adata-ui/composables/modalsState'
+
+const { t } = useI18n()
+
+const isOpen = useNoAccessModal()
+
+const onClose = () => {
+  isOpen.value = false
+}
+</script>
+
+<template>
+  <a-modal
+    v-model="isOpen"
+    name="no-access-modal"
+  >
+    <div class="flex flex-col gap-5">
+      <p class="heading-02 text-center">
+        {{ t('modals.no_access.title') }}
+      </p>
+      <a-ill-door class="w-full" />
+      <p class="body-400 whitespace-pre-wrap text-center">
+        {{ t('modals.no_access.info') }}
+      </p>
+    </div>
+    <template #footer>
+      <a-button
+        view="outline"
+        block
+        @click="onClose"
+      >
+        {{ t('modals.buttons.close') }}
+      </a-button>
+    </template>
+  </a-modal>
+</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="heading-02 text-center">
-        {{ t('modals.payment_method.title') }}
-      </p>
-      <a-ill-phone-check class="w-full" />
-      <p class="body-400 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 bg-gray-50 p-[10px_16px] rounded-md dark:bg-[#393D40]"
-      >
-        <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="body-600">
-              {{ 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="heading-02 text-center">
+        {{ t('modals.payment_method.title') }}
+      </p>
+      <a-ill-phone-check class="w-full" />
+      <p class="body-400 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 bg-gray-50 p-[10px_16px] rounded-md dark:bg-[#393D40]"
+      >
+        <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="body-600">
+              {{ 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="heading-02 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="body-400 text-center">
-          {{ t('modals.payment_method.redirects_bank.paymentId') }}
-        </p>
-        <p class="text-center text-xl	font-semibold">
-          {{ requestId }}
-        </p>
-      </div>
-      <p class="body-400 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="heading-02 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="body-400 text-center">
+          {{ t('modals.payment_method.redirects_bank.paymentId') }}
+        </p>
+        <p class="text-center text-xl	font-semibold">
+          {{ requestId }}
+        </p>
+      </div>
+      <p class="body-400 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>