adata-ui 3.1.80 → 3.1.81

package/dist/runtime/components/mobile-navigation/BottomNavigation.vue

@@ -30,45 +30,45 @@ function pushProfile() {
 </script>
 
 <template>
-  <div class="sticky bottom-0 z-100 lg:hidden">
-    <div class="w-full border-t border-gray-500/50 bg-white dark:bg-gray-900">
-      <div class="grid w-full grid-flow-col auto-cols-fr items-center">
-        <slot>
-          <button
-            v-for="item in items"
-            :key="item"
-            class="h-16 w-full flex flex-col justify-center items-center"
-            @click="pushItem(item.value)"
-          >
-            <component
-              :is="item.icon"
-              class="size-6 shrink-0"
-            />
-            <span class="text-[10px] leading-5">{{ t(item.label) }}</span>
-          </button>
-        </slot>
-        <slot
-          name="notifications"
-          :items="items"
-        />
-        <button
-          class="h-16 w-full flex flex-col justify-center items-center"
-          @click="pushProfile"
-        >
-          <template v-if="isAuthenticated">
-            <i-avatar class="shrink-0" />
-            <span class="text-[10px] leading-5 mt-1">
-              {{ t("modals.mobile_navigation.type_profile") }}
-            </span>
-          </template>
-          <template v-else>
-            <i-navigation-logout class="shrink-0" />
-            <span class="text-[10px] leading-5 mt-1">
-              {{ t("header.login") }}
-            </span>
-          </template>
-        </button>
-      </div>
-    </div>
-  </div>
+  <div class="sticky bottom-0 z-100 lg:hidden">
+    <div class="w-full border-t border-gray-500/50 bg-white dark:bg-gray-900">
+      <div class="grid w-full grid-flow-col auto-cols-fr items-center">
+        <slot>
+          <button
+            v-for="item in items"
+            :key="item"
+            class="h-16 w-full flex flex-col justify-center items-center"
+            @click="pushItem(item.value)"
+          >
+            <component
+              :is="item.icon"
+              class="size-6 shrink-0"
+            />
+            <span class="text-[10px] leading-5">{{ t(item.label) }}</span>
+          </button>
+        </slot>
+        <slot
+          name="notifications"
+          :items="items"
+        />
+        <button
+          class="h-16 w-full flex flex-col justify-center items-center"
+          @click="pushProfile"
+        >
+          <template v-if="isAuthenticated">
+            <i-avatar class="shrink-0" />
+            <span class="text-[10px] leading-5 mt-1">
+              {{ t("modals.mobile_navigation.type_profile") }}
+            </span>
+          </template>
+          <template v-else>
+            <i-navigation-logout class="shrink-0" />
+            <span class="text-[10px] leading-5 mt-1">
+              {{ t("header.login") }}
+            </span>
+          </template>
+        </button>
+      </div>
+    </div>
+  </div>
 </template>

package/dist/runtime/components/mobile-navigation/BottomNavigation.vue.d.ts

@@ -0,0 +1,29 @@
+interface Props {
+    items: T[];
+    hasNotification?: boolean;
+    isAuthenticated: boolean;
+}
+type __VLS_Props = Props;
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: string;
+};
+declare var __VLS_1: {}, __VLS_7: {
+    items: T[];
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    notifications?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/mobile-navigation/MainButton.vue

@@ -5,12 +5,12 @@ const { t } = useI18n();
 </script>
 
 <template>
-  <nuxt-link
-    to="/"
-    class="flex items-center gap-4 px-4 py-3 bg-gray-50 rounded-md dark:bg-gray-800"
-    @click="emits('pushMain')"
-  >
-    <i-menu />
-    {{ t("modals.mobile_navigation.return_button") }}
-  </nuxt-link>
+  <nuxt-link
+    to="/"
+    class="flex items-center gap-4 px-4 py-3 bg-gray-50 rounded-md dark:bg-gray-800"
+    @click="emits('pushMain')"
+  >
+    <i-menu />
+    {{ t("modals.mobile_navigation.return_button") }}
+  </nuxt-link>
 </template>

package/dist/runtime/components/mobile-navigation/MainButton.vue.d.ts

@@ -1,2 +1,6 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    pushMain: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onPushMain?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/runtime/components/mobile-navigation/MobileProductMenu.vue

@@ -298,27 +298,27 @@ watch(tab, (e) => {
 </script>
 
 <template>
-  <div class="flex flex-col gap-5">
-    <div class="h-[1px] w-full bg-deepblue-900/5 dark:bg-gray-200/5"/>
-    <div>
-      <adt-pill-tabs v-model="tab" :options="tabOptions" view="gray" />
-    </div>
-    <div class="h-[40vh] sm:h-[300px] overflow-auto no-scrollbar">
-      <nuxt-link
-        v-for="item in currentLinks"
-        :key="item.label"
-        :to="item.link"
-        class="flex items-center gap-4 px-4 py-3 bg-gray-50 dark:bg-gray-800 mb-2 rounded"
-      >
-        <div class="bg-gradient-blue p-1 rounded-lg">
-          <component
-            :is="item.icon"
-            class="size-5 text-white dark:text-gray-900"
-          />
-        </div>
-        <span>{{ t(item.label) }}</span>
-      </nuxt-link>
-    </div>
-    <div class="h-[1px] w-full bg-deepblue-900/5 dark:bg-gray-200/5"/>
-  </div>
+  <div class="flex flex-col gap-5">
+    <div class="h-[1px] w-full bg-deepblue-900/5 dark:bg-gray-200/5"/>
+    <div>
+      <adt-pill-tabs v-model="tab" :options="tabOptions" view="gray" />
+    </div>
+    <div class="h-[40vh] sm:h-[300px] overflow-auto no-scrollbar">
+      <nuxt-link
+        v-for="item in currentLinks"
+        :key="item.label"
+        :to="item.link"
+        class="flex items-center gap-4 px-4 py-3 bg-gray-50 dark:bg-gray-800 mb-2 rounded"
+      >
+        <div class="bg-gradient-blue p-1 rounded-lg">
+          <component
+            :is="item.icon"
+            class="size-5 text-white dark:text-gray-900"
+          />
+        </div>
+        <span>{{ t(item.label) }}</span>
+      </nuxt-link>
+    </div>
+    <div class="h-[1px] w-full bg-deepblue-900/5 dark:bg-gray-200/5"/>
+  </div>
 </template>

package/dist/runtime/components/modals/ApplicationAcceptedModal.vue

@@ -0,0 +1,43 @@
+<script setup>
+import { useI18n } from "#i18n";
+import AModal from "#adata-ui/components/Modal.vue";
+import AButton from "#adata-ui/components/button/Button.vue";
+import AIllOk from "#adata-ui/illustrations/ok.vue";
+const { t } = useI18n();
+const isOpen = defineModel({ type: Boolean, ...{ default: false } });
+const cancel = () => {
+  isOpen.value = false;
+};
+const modalText = {
+  title: t("modals.application_accepted_modal.title"),
+  info: t("modals.application_accepted_modal.info"),
+  close: t("modals.buttons.close")
+};
+</script>
+
+<template>
+  <a-modal
+    v-model="isOpen"
+    name="application-accepted"
+    :prevent-close="true"
+  >
+    <div class="flex flex-col gap-5">
+      <p class="text-center heading-02">
+        {{ modalText.title }}
+      </p>
+      <a-ill-ok class="w-full" />
+      <p class="text-center body-400">
+        {{ modalText.info }}
+      </p>
+    </div>
+    <template #footer>
+      <a-button
+        view="outline"
+        block
+        @click="cancel"
+      >
+        {{ modalText.close }}
+      </a-button>
+    </template>
+  </a-modal>
+</template>

package/dist/runtime/components/modals/ApplicationAcceptedModal.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/modals/ConnectingTariffModal.vue

@@ -0,0 +1,58 @@
+<script setup>
+import { handleElementPosition } from "#adata-ui/utils/getMaxZindex";
+import { useI18n } from "#i18n";
+import AModal from "#adata-ui/components/Modal.vue";
+import AButton from "#adata-ui/components/button/Button.vue";
+import AIllTurnOnTariff from "#adata-ui/illustrations/turn-on-tariff.vue";
+const props = defineProps({
+  tariff: { type: String, required: true, default: "" },
+  deleteFromDom: { type: Boolean, required: false, default: false }
+});
+const emit = defineEmits(["buyTariff"]);
+const { t } = useI18n();
+const isOpen = defineModel({ type: Boolean, ...{ default: false } });
+function confirm() {
+  emit("buyTariff", props.tariff);
+}
+function cancel() {
+  isOpen.value = false;
+}
+if (props.deleteFromDom) {
+  handleElementPosition("connecting-tariff");
+}
+</script>
+
+<template>
+  <a-modal
+    v-model="isOpen"
+    name="connecting-tariff"
+  >
+    <div class="flex flex-col gap-5">
+      <p class="heading-02 text-center">
+        {{ t("modals.connecting.title") }}
+      </p>
+      <a-ill-turn-on-tariff class="w-full" />
+      <p class="body-400 whitespace-pre-wrap text-center">
+        {{ t("modals.connecting.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("reuse.yes") }}
+        </a-button>
+      </div>
+    </template>
+  </a-modal>
+</template>

package/dist/runtime/components/modals/ConnectingTariffModal.vue.d.ts

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    tariff: string;
+    deleteFromDom?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+} & {
+    buyTariff: (num: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onBuyTariff?: ((num: number) => any) | undefined;
+}>, {
+    tariff: string;
+    deleteFromDom: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/modals/InsufficientFundsModal.vue

@@ -0,0 +1,68 @@
+<script setup>
+import { handleElementPosition } from "#adata-ui/utils/getMaxZindex";
+import { useI18n } from "#i18n";
+import { usePayment } from "#adata-ui/composables/usePayment";
+import AModal from "#adata-ui/components/Modal.vue";
+import AIllEmptyWallet from "#adata-ui/illustrations/empty-wallet.vue";
+import AButton from "#adata-ui/components/button/Button.vue";
+const props = defineProps({
+  deleteFromDom: { type: Boolean, required: false, default: false }
+});
+const emit = defineEmits(["next"]);
+const { t } = useI18n();
+const { topUpSidePanel } = usePayment();
+const isOpen = defineModel({ type: Boolean, ...{ default: false } });
+const userInfo = useState("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>

package/dist/runtime/components/modals/InsufficientFundsModal.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = Props;
+interface Props {
+    deleteFromDom?: boolean;
+}
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+} & {
+    next: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onNext?: (() => any) | undefined;
+}>, {
+    deleteFromDom: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/modals/NoAccessContent.vue

@@ -32,38 +32,38 @@ function register() {
 </script>
 
 <template>
-  <div class="flex flex-col justify-center items-center gap-5">
-    <h1 class="font-bold text-2xl text-center">
-      {{ t("modals.auth.title") }}
-    </h1>
-    <i-modals-door class="size-30" />
-    <p class="text-sm text-center">
-      {{ t("modals.auth.content") }}
-    </p>
-    <a-button
-      variant="success"
-      class="w-full font-semibold"
-      @click="logIn"
-    >
-      {{ t("modals.buttons.logIn") }}
-    </a-button>
-    <p class="text-sm text-center">
-      {{ t("modals.auth.firstTime") }}
-    </p>
-    <div class="flex gap-2 items-center w-full">
-      <a-button
-        view="outline"
-        class="w-full font-semibold"
-        @click="emit('close')"
-      >
-        {{ t("modals.buttons.close") }}
-      </a-button>
-      <a-button
-        class="w-full font-semibold"
-        @click="register"
-      >
-        {{ t("modals.buttons.register") }}
-      </a-button>
-    </div>
-  </div>
+  <div class="flex flex-col justify-center items-center gap-5">
+    <h1 class="font-bold text-2xl text-center">
+      {{ t("modals.auth.title") }}
+    </h1>
+    <i-modals-door class="size-30" />
+    <p class="text-sm text-center">
+      {{ t("modals.auth.content") }}
+    </p>
+    <a-button
+      variant="success"
+      class="w-full font-semibold"
+      @click="logIn"
+    >
+      {{ t("modals.buttons.logIn") }}
+    </a-button>
+    <p class="text-sm text-center">
+      {{ t("modals.auth.firstTime") }}
+    </p>
+    <div class="flex gap-2 items-center w-full">
+      <a-button
+        view="outline"
+        class="w-full font-semibold"
+        @click="emit('close')"
+      >
+        {{ t("modals.buttons.close") }}
+      </a-button>
+      <a-button
+        class="w-full font-semibold"
+        @click="register"
+      >
+        {{ t("modals.buttons.register") }}
+      </a-button>
+    </div>
+  </div>
 </template>

package/dist/runtime/components/modals/NoAccessContent.vue.d.ts

@@ -1,5 +1,9 @@
 type __VLS_Props = {
     redirectPath: string;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/runtime/components/modals/NoAccessSimple.vue

@@ -5,20 +5,20 @@ const { t } = useI18n();
 </script>
 
 <template>
-  <div class="flex flex-col gap-5 items-center">
-    <p class="font-bold text-2xl text-center">
-      {{ t("modals.auth.title") }}
-    </p>
-    <i-modals-door class="size-30" />
-    <p class="text-sm text-center">
-      {{ t("modals.no_access.info") }}
-    </p>
-    <adt-button
-      view="outline"
-      class="w-full font-semibold"
-      @click="emit('close')"
-    >
-      {{ t("modals.buttons.close") }}
-    </adt-button>
-  </div>
+  <div class="flex flex-col gap-5 items-center">
+    <p class="font-bold text-2xl text-center">
+      {{ t("modals.auth.title") }}
+    </p>
+    <i-modals-door class="size-30" />
+    <p class="text-sm text-center">
+      {{ t("modals.no_access.info") }}
+    </p>
+    <adt-button
+      view="outline"
+      class="w-full font-semibold"
+      @click="emit('close')"
+    >
+      {{ t("modals.buttons.close") }}
+    </adt-button>
+  </div>
 </template>

package/dist/runtime/components/modals/NoAccessSimple.vue.d.ts

@@ -1,2 +1,6 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/runtime/components/modals/SubmitApplicationModal.vue

@@ -0,0 +1,108 @@
+<script setup>
+import * as z from "zod";
+import useUIValidation from "#adata-ui/composables/useUIValidation";
+import { useI18n } from "#i18n";
+import AModal from "#adata-ui/components/Modal.vue";
+import AIllMail from "#adata-ui/illustrations/mail.vue";
+import AInputStandard from "#adata-ui/components/forms/input/standard/InputStandard.vue";
+import ATextarea from "#adata-ui/components/forms/input/textarea/ATextarea.vue";
+import AButton from "#adata-ui/components/button/Button.vue";
+const emit = defineEmits(["send"]);
+const { t } = useI18n();
+const isOpen = defineModel({ type: Boolean, ...{ default: false } });
+const form = reactive({
+  name: "",
+  email: "",
+  phone: "",
+  comment: ""
+});
+const scheme = z.object({
+  name: z.string().nonempty(t("modals.submit_application_modal.rules.required")),
+  email: z.string().nonempty(t("modals.submit_application_modal.rules.required")).email(t("modals.submit_application_modal.rules.email")),
+  phone: z.string().nonempty(t("modals.submit_application_modal.rules.required")).min(17, t("forms.feedback.phoneMinLength", { count: 10 })),
+  comment: z.string().nonempty(t("modals.submit_application_modal.rules.required"))
+});
+const submitted = ref(false);
+const { validation, getError } = useUIValidation(
+  scheme,
+  () => form,
+  submitted
+);
+const send = () => {
+  submitted.value = true;
+  if (validation.value) return;
+  emit("send", form);
+  form.name = "";
+  form.email = "";
+  form.phone = "";
+  form.comment = "";
+};
+const cancel = () => {
+  isOpen.value = false;
+};
+defineExpose({
+  reset: () => submitted.value = false
+});
+</script>
+
+<template>
+  <a-modal
+    v-model="isOpen"
+    name="submit-application"
+    :prevent-close="true"
+  >
+    <div class="flex flex-col gap-5">
+      <p class="text-center heading-02">
+        {{ t("modals.submit_application_modal.title") }}
+      </p>
+      <a-ill-mail class="w-full" />
+      <div class="flex flex-col gap-2">
+        <a-input-standard
+          v-model="form.name"
+          :label="t('modals.submit_application_modal.labels.name')"
+          :error="getError('name')"
+          required
+        />
+        <a-input-standard
+          v-model="form.email"
+          :label="t('modals.submit_application_modal.labels.email')"
+          :error="getError('email')"
+          required
+        />
+        <a-input-standard
+          v-model="form.phone"
+          v-maska
+          :label="t('modals.submit_application_modal.labels.phone')"
+          data-maska="8 (###) ###-##-##"
+          :error="getError('phone')"
+          clearable
+          required
+        />
+        <a-textarea
+          v-model="form.comment"
+          :label="t('modals.submit_application_modal.labels.comment')"
+          :error="getError('comment')"
+          resizeable="none"
+          required
+        />
+      </div>
+    </div>
+    <template #footer>
+      <div class="flex gap-2 ">
+        <a-button
+          view="outline"
+          block
+          @click="cancel"
+        >
+          {{ t("reuse.close") }}
+        </a-button>
+        <a-button
+          block
+          @click="send"
+        >
+          {{ t("reuse.send") }}
+        </a-button>
+      </div>
+    </template>
+  </a-modal>
+</template>