adata-ui 2.1.19 → 2.1.20

package/composables/highlight.ts

@@ -1,18 +1,18 @@
-export default function (text: string, search = ""): string {
-  let label: string = text || ""
-
-  const index: number = label.toLowerCase().indexOf(search?.toLowerCase())
-  const regExp = new RegExp(search, "gi")
-
-  if (index >= 0) {
-    label = label.replace(
-      regExp,
-      `<span class="bg-yellow-200 dark:text-gray-950 dark:bg-yellow-300">${label.substring(
-        index,
-        index + search.length
-      )}</span>`
-    )
-  }
-
-  return label
-}
+export default function (text: string, search = ""): string {
+  let label: string = text || ""
+
+  const index: number = label.toLowerCase().indexOf(search?.toLowerCase())
+  const regExp = new RegExp(search, "gi")
+
+  if (index >= 0) {
+    label = label.replace(
+      regExp,
+      `<span class="bg-yellow-200 dark:text-gray-950 dark:bg-yellow-300">${label.substring(
+        index,
+        index + search.length
+      )}</span>`
+    )
+  }
+
+  return label
+}

package/composables/modalsState.ts

@@ -1,8 +1,8 @@
-export const useAuthModal = () => useState<boolean>('auth-modal', () => false)
-export const useAnotherDeviceModal = () => useState<boolean>('another-device-modal', () => false)
-
-export const useLimitReachedModal = () => useState<boolean>('limit-reached-modal', () => false)
-export const usePaymentMethodModal = () => useState<boolean>('payment-method-modal', () => false)
-export const useReplenishModal = () => useState<boolean>('replenish-modal', () => false)
-export const useLowBalanceModal = () => useState<boolean>('low-balance-modal', () => false)
-export const useNoAccessModal = () => useState<boolean>('no-access-modal', () => false)
+export const useAuthModal = () => useState<boolean>('auth-modal', () => false)
+export const useAnotherDeviceModal = () => useState<boolean>('another-device-modal', () => false)
+
+export const useLimitReachedModal = () => useState<boolean>('limit-reached-modal', () => false)
+export const usePaymentMethodModal = () => useState<boolean>('payment-method-modal', () => false)
+export const useReplenishModal = () => useState<boolean>('replenish-modal', () => false)
+export const useLowBalanceModal = () => useState<boolean>('low-balance-modal', () => false)
+export const useNoAccessModal = () => useState<boolean>('no-access-modal', () => false)

package/composables/projectState.ts

@@ -1,2 +1,2 @@
-export const useCurrentModule = () => useState<string>('current-module', () => 'pk')
-export const useContacts = () => useState<any>('contacts', () => [])
+export const useCurrentModule = () => useState<string>('current-module', () => 'pk')
+export const useContacts = () => useState<any>('contacts', () => [])

package/composables/useAdaptive.ts

@@ -1,46 +1,46 @@
-import {ref, useSSRContext} from "vue";
-import type {Ref, UnwrapRef} from "vue"
-
-export type AdaptiveContext = {
-    isMobile: boolean
-    isTablet: boolean
-    isSmallTablet: boolean
-    isDesktop: boolean
-}
-
-const isBrowser = typeof window !== undefined && process.client
-const computeIsMobile = (): boolean =>
-    isBrowser ? window.matchMedia('(max-width: 560px)').matches : false
-
-const computeIsSmallTablet = (): boolean =>
-    isBrowser ? window.matchMedia('(max-width: 767px)').matches : false
-const computeIsTablet = (): boolean =>
-    isBrowser ? window.innerWidth >= 768 && window.innerWidth < 1024 : false
-const computeIsDesktop = (): boolean =>
-    isBrowser ? window.innerWidth >= 1024 : false
-
-export const useAdaptive = (): Ref<AdaptiveContext> => {
-    const ctx = ref<UnwrapRef<AdaptiveContext>>({
-        isDesktop: computeIsDesktop(),
-        isMobile: computeIsMobile(),
-        isTablet: computeIsTablet(),
-        isSmallTablet: computeIsSmallTablet()
-    })
-
-    const setValues = () =>
-        (ctx.value = {
-            isDesktop: computeIsDesktop(),
-            isMobile: computeIsMobile(),
-            isTablet: computeIsTablet(),
-            isSmallTablet: computeIsSmallTablet()
-        })
-
-
-    onMounted(() => {
-            window.addEventListener('resize', setValues, { passive: true })
-        }
-    )
-    onUnmounted(() => window.removeEventListener('resize', setValues))
-
-    return ctx
-}
+import {ref, useSSRContext} from "vue";
+import type {Ref, UnwrapRef} from "vue"
+
+export type AdaptiveContext = {
+    isMobile: boolean
+    isTablet: boolean
+    isSmallTablet: boolean
+    isDesktop: boolean
+}
+
+const isBrowser = typeof window !== undefined && process.client
+const computeIsMobile = (): boolean =>
+    isBrowser ? window.matchMedia('(max-width: 560px)').matches : false
+
+const computeIsSmallTablet = (): boolean =>
+    isBrowser ? window.matchMedia('(max-width: 767px)').matches : false
+const computeIsTablet = (): boolean =>
+    isBrowser ? window.innerWidth >= 768 && window.innerWidth < 1024 : false
+const computeIsDesktop = (): boolean =>
+    isBrowser ? window.innerWidth >= 1024 : false
+
+export const useAdaptive = (): Ref<AdaptiveContext> => {
+    const ctx = ref<UnwrapRef<AdaptiveContext>>({
+        isDesktop: computeIsDesktop(),
+        isMobile: computeIsMobile(),
+        isTablet: computeIsTablet(),
+        isSmallTablet: computeIsSmallTablet()
+    })
+
+    const setValues = () =>
+        (ctx.value = {
+            isDesktop: computeIsDesktop(),
+            isMobile: computeIsMobile(),
+            isTablet: computeIsTablet(),
+            isSmallTablet: computeIsSmallTablet()
+        })
+
+
+    onMounted(() => {
+            window.addEventListener('resize', setValues, { passive: true })
+        }
+    )
+    onUnmounted(() => window.removeEventListener('resize', setValues))
+
+    return ctx
+}

package/composables/useBuyTariffs.ts

@@ -1,91 +1,91 @@
-import { removeTrailingSlash } from '#adata-ui/components/utils/removeTrailingSlash'
-
-export function useBuyTariffs() {
-  const { commonAuth } = useAppConfig()
-
-  const userApiURL = commonAuth.userApiURL
-  const { locale } = useI18n()
-  const localePath = useLocalePath()
-  const checkNumber = ref(0)
-  const messageRate = ref(null)
-
-
-  const isAuthenticated = computed(() => {
-    const accessToken = useCookie('accessToken')
-    return accessToken.value
-  })
-
-  async function buyTariff(tariffs: any) {
-    await fetch(`${removeTrailingSlash(userApiURL)}/user/rate`, {
-      method: 'PUT',
-      credentials: 'include',
-      headers: {
-        'Content-Type': 'application/json',
-        'lang': locale.value,
-        Authorization: `Bearer ${isAuthenticated.value}`
-      },
-      body: JSON.stringify({
-        rate_code: tariffs
-      })
-    })
-    location.reload()
-  }
-
-  async function viaKaspiBank(tariffId: any, sum: any) {
-    try {
-      const info = await fetch(`${removeTrailingSlash(userApiURL)}/user/kaspi-balance/request/`, {
-        method: 'POST',
-        credentials: 'include',
-        headers: {
-          'Content-Type': 'application/json',
-          'lang': locale.value,
-          Authorization: `Bearer ${isAuthenticated.value}`
-        },
-        body: JSON.stringify({
-          amount: sum,
-          rate_id: tariffId
-        })
-      })
-      const { data } = await info.json().catch(() => ({}))
-
-      checkNumber.value = data.request_id
-    } catch (error) {
-      console.error(error)
-    } finally {
-      window.open(localePath(`https://kaspi.kz/pay/adata?service_id=5964&9507=${checkNumber.value}`), '_blank')
-    }
-  }
-
-  async function leaveRequest(name: any, email: any, phone: any, comment: any, rateCode: any = 'adata_pro') {
-    try {
-      const info = await fetch(`${removeTrailingSlash(userApiURL)}/message/rate`, {
-        method: 'POST',
-        credentials: 'include',
-        headers: {
-          'Content-Type': 'application/json',
-          'lang': locale.value,
-          Authorization: `Bearer ${isAuthenticated.value}`
-        },
-        body: JSON.stringify({
-          sender_name: name,
-          email: email,
-          phone_number: phone,
-          message: comment,
-          rate_code: rateCode,
-        })
-      })
-      const { data } = await info.json().catch(() => ({}))
-      messageRate.value = data
-    } catch (error) {
-      console.error(error)
-    }
-  }
-
-  return {
-    buyTariff,
-    viaKaspiBank,
-    checkNumber,
-    leaveRequest,
-    messageRate
-  }
-}
+import { removeTrailingSlash } from '#adata-ui/components/utils/removeTrailingSlash'
+
+export function useBuyTariffs() {
+  const { commonAuth } = useAppConfig()
+
+  const userApiURL = commonAuth.userApiURL
+  const { locale } = useI18n()
+  const localePath = useLocalePath()
+  const checkNumber = ref(0)
+  const messageRate = ref(null)
+
+
+  const isAuthenticated = computed(() => {
+    const accessToken = useCookie('accessToken')
+    return accessToken.value
+  })
+
+  async function buyTariff(tariffs: any) {
+    await fetch(`${removeTrailingSlash(userApiURL)}/user/rate`, {
+      method: 'PUT',
+      credentials: 'include',
+      headers: {
+        'Content-Type': 'application/json',
+        'lang': locale.value,
+        Authorization: `Bearer ${isAuthenticated.value}`
+      },
+      body: JSON.stringify({
+        rate_code: tariffs
+      })
+    })
+    location.reload()
+  }
+
+  async function viaKaspiBank(tariffId: any, sum: any) {
+    try {
+      const info = await fetch(`${removeTrailingSlash(userApiURL)}/user/kaspi-balance/request/`, {
+        method: 'POST',
+        credentials: 'include',
+        headers: {
+          'Content-Type': 'application/json',
+          'lang': locale.value,
+          Authorization: `Bearer ${isAuthenticated.value}`
+        },
+        body: JSON.stringify({
+          amount: sum,
+          rate_id: tariffId
+        })
+      })
+      const { data } = await info.json().catch(() => ({}))
+
+      checkNumber.value = data.request_id
+    } catch (error) {
+      console.error(error)
+    } finally {
+      window.open(localePath(`https://kaspi.kz/pay/adata?service_id=5964&9507=${checkNumber.value}`), '_blank')
+    }
+  }
+
+  async function leaveRequest(name: any, email: any, phone: any, comment: any, rateCode: any = 'adata_pro') {
+    try {
+      const info = await fetch(`${removeTrailingSlash(userApiURL)}/message/rate`, {
+        method: 'POST',
+        credentials: 'include',
+        headers: {
+          'Content-Type': 'application/json',
+          'lang': locale.value,
+          Authorization: `Bearer ${isAuthenticated.value}`
+        },
+        body: JSON.stringify({
+          sender_name: name,
+          email: email,
+          phone_number: phone,
+          message: comment,
+          rate_code: rateCode,
+        })
+      })
+      const { data } = await info.json().catch(() => ({}))
+      messageRate.value = data
+    } catch (error) {
+      console.error(error)
+    }
+  }
+
+  return {
+    buyTariff,
+    viaKaspiBank,
+    checkNumber,
+    leaveRequest,
+    messageRate
+  }
+}

package/composables/useCarouselScroll.ts

@@ -1,49 +1,49 @@
-import { ref, type Ref, onMounted, onUnmounted } from 'vue'
-
-export const useCarouselScroll = (el: Ref<HTMLElement>) => {
-  const x = ref<number>(0)
-
-  function onMouseDown (e) {
-    el.value.style.scrollSnapType = 'none'
-    el.value.style.scrollBehavior = 'auto'
-
-    x.value = e.pageX
-
-    window.addEventListener('mousemove', onMouseMove)
-    window.addEventListener('mouseup', onMouseUp)
-  }
-
-  function onMouseUp () {
-    el.value.style.removeProperty('scroll-behavior')
-    el.value.style.removeProperty('scroll-snap-type')
-
-    window.removeEventListener('mousemove', onMouseMove)
-    window.removeEventListener('mouseup', onMouseUp)
-  }
-
-  function onMouseMove (e) {
-    e.preventDefault()
-
-    const delta = e.pageX - x.value
-
-    x.value = e.pageX
-
-    el.value.scrollBy(-delta, 0)
-  }
-
-  onMounted(() => {
-    if (!el.value) {
-      return
-    }
-
-    el.value.addEventListener('mousedown', onMouseDown)
-  })
-
-  onUnmounted(() => {
-    if (!el.value) {
-      return
-    }
-
-    el.value.removeEventListener('mousedown', onMouseDown)
-  })
-}
+import { ref, type Ref, onMounted, onUnmounted } from 'vue'
+
+export const useCarouselScroll = (el: Ref<HTMLElement>) => {
+  const x = ref<number>(0)
+
+  function onMouseDown (e) {
+    el.value.style.scrollSnapType = 'none'
+    el.value.style.scrollBehavior = 'auto'
+
+    x.value = e.pageX
+
+    window.addEventListener('mousemove', onMouseMove)
+    window.addEventListener('mouseup', onMouseUp)
+  }
+
+  function onMouseUp () {
+    el.value.style.removeProperty('scroll-behavior')
+    el.value.style.removeProperty('scroll-snap-type')
+
+    window.removeEventListener('mousemove', onMouseMove)
+    window.removeEventListener('mouseup', onMouseUp)
+  }
+
+  function onMouseMove (e) {
+    e.preventDefault()
+
+    const delta = e.pageX - x.value
+
+    x.value = e.pageX
+
+    el.value.scrollBy(-delta, 0)
+  }
+
+  onMounted(() => {
+    if (!el.value) {
+      return
+    }
+
+    el.value.addEventListener('mousedown', onMouseDown)
+  })
+
+  onUnmounted(() => {
+    if (!el.value) {
+      return
+    }
+
+    el.value.removeEventListener('mousedown', onMouseDown)
+  })
+}