adata-ui 3.1.80 → 3.1.82

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

@@ -0,0 +1,114 @@
+<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 props = defineProps({
+  userInfo: { type: null, required: true }
+});
+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 = props.userInfo?.email || "";
+  form.phone = "";
+  form.comment = "";
+};
+const cancel = () => {
+  isOpen.value = false;
+};
+defineExpose({
+  reset: () => submitted.value = false
+});
+onMounted(() => {
+  form.email = props.userInfo?.email || "";
+});
+</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>

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

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

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

@@ -11,28 +11,28 @@ function login() {
 </script>
 
 <template>
-  <div class="flex flex-col justify-center items-center gap-5">
-    <h1 class="font-bold text-2xl text-center">
-      {{ t("modals.token_timeout.title") }}
-    </h1>
-    <ill-info />
-    <p class="text-sm text-center">
-      {{ t("modals.token_timeout.info") }}
-    </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="login"
-      >
-        {{ t("modals.buttons.enter") }}
-      </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.token_timeout.title") }}
+    </h1>
+    <ill-info />
+    <p class="text-sm text-center">
+      {{ t("modals.token_timeout.info") }}
+    </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="login"
+      >
+        {{ t("modals.buttons.enter") }}
+      </a-button>
+    </div>
+  </div>
 </template>

package/dist/runtime/components/modals/TokenTimeoutContent.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/id/IdAccessModal.vue

@@ -42,38 +42,38 @@ function onClose() {
 </script>
 
 <template>
-  <adt-modal
-    v-model="accessModal"
-    :title="t('modals.auth.title')"
-  >
-    <div class="flex flex-col items-center gap-5 text-center text-sm">
-      <ill-door />
-      <div>{{ t("modals.auth.content") }}</div>
-      <adt-button
-        block
-        variant="success"
-        @click="goAuth"
-      >
-        {{ t("modals.buttons.logIn") }}
-      </adt-button>
-      <div>{{ t("modals.auth.firstTime") }}</div>
-    </div>
-    <template #footer>
-      <div class="flex gap-2">
-        <adt-button
-          view="outline"
-          block
-          @click="onClose"
-        >
-          {{ t("modals.buttons.close") }}
-        </adt-button>
-        <adt-button
-          block
-          @click="goRegister"
-        >
-          {{ t("modals.buttons.register") }}
-        </adt-button>
-      </div>
-    </template>
-  </adt-modal>
+  <adt-modal
+    v-model="accessModal"
+    :title="t('modals.auth.title')"
+  >
+    <div class="flex flex-col items-center gap-5 text-center text-sm">
+      <ill-door />
+      <div>{{ t("modals.auth.content") }}</div>
+      <adt-button
+        block
+        variant="success"
+        @click="goAuth"
+      >
+        {{ t("modals.buttons.logIn") }}
+      </adt-button>
+      <div>{{ t("modals.auth.firstTime") }}</div>
+    </div>
+    <template #footer>
+      <div class="flex gap-2">
+        <adt-button
+          view="outline"
+          block
+          @click="onClose"
+        >
+          {{ t("modals.buttons.close") }}
+        </adt-button>
+        <adt-button
+          block
+          @click="goRegister"
+        >
+          {{ t("modals.buttons.register") }}
+        </adt-button>
+      </div>
+    </template>
+  </adt-modal>
 </template>

package/dist/runtime/components/modals/id/IdBanner.vue

@@ -9,35 +9,35 @@ function onRegister() {
 </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.auth.title") }}
-      </p>
-      <i18n-t
-        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.banners.auth.register") }}
-          </button>
-        </template>
-      </i18n-t>
-    </div>
-
-    <adt-button
-      size="md"
-      class="self-end"
-      @click="onRegister"
-    >
-      {{ t("actions.register") }}
-    </adt-button>
-  </div>
+  <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.auth.title") }}
+      </p>
+      <i18n-t
+        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.banners.auth.register") }}
+          </button>
+        </template>
+      </i18n-t>
+    </div>
+
+    <adt-button
+      size="md"
+      class="self-end"
+      @click="onRegister"
+    >
+      {{ t("actions.register") }}
+    </adt-button>
+  </div>
 </template>
 
 <style scoped>

package/dist/runtime/components/modals/id/IdConfirmAccountOtpModal.vue

@@ -123,47 +123,47 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <div class="flex flex-col items-center gap-4 text-center">
-    <h2 class="text-2xl font-bold">
-      {{ t("modals.id.confirmAccount.title") }}
-    </h2>
-
-    <i-hand-with-phone-light class="size-32 dark:hidden" />
-    <i-hand-with-phone-dark class="hidden size-32 dark:block" />
-
-    <div class="text-sm">
-      <p class="mb-1">
-        {{ t("modals.id.resetPasswordOtp.content") }}
-      </p>
-
-      <div
-        v-if="timer > 0"
-        class="text-2xl font-bold"
-      >
-        {{ timer }} {{ t("modals.id.resetPasswordOtp.seconds") }}
-      </div>
-      <button
-        v-else
-        class="text-blue-700 dark:text-blue-500"
-        :disabled="isResendLoading"
-        @click="onResend"
-      >
-        {{ t("actions.resend") }}
-      </button>
-    </div>
-
-    <id-otp-input
-      v-model="otp"
-      v-model:error="showError"
-      @on-completed="onConfirm"
-    />
-
-    <adt-button
-      block
-      view="outline"
-      @click="onClose"
-    >
-      {{ t("actions.close") }}
-    </adt-button>
-  </div>
+  <div class="flex flex-col items-center gap-4 text-center">
+    <h2 class="text-2xl font-bold">
+      {{ t("modals.id.confirmAccount.title") }}
+    </h2>
+
+    <i-hand-with-phone-light class="size-32 dark:hidden" />
+    <i-hand-with-phone-dark class="hidden size-32 dark:block" />
+
+    <div class="text-sm">
+      <p class="mb-1">
+        {{ t("modals.id.resetPasswordOtp.content") }}
+      </p>
+
+      <div
+        v-if="timer > 0"
+        class="text-2xl font-bold"
+      >
+        {{ timer }} {{ t("modals.id.resetPasswordOtp.seconds") }}
+      </div>
+      <button
+        v-else
+        class="text-blue-700 dark:text-blue-500"
+        :disabled="isResendLoading"
+        @click="onResend"
+      >
+        {{ t("actions.resend") }}
+      </button>
+    </div>
+
+    <id-otp-input
+      v-model="otp"
+      v-model:error="showError"
+      @on-completed="onConfirm"
+    />
+
+    <adt-button
+      block
+      view="outline"
+      @click="onClose"
+    >
+      {{ t("actions.close") }}
+    </adt-button>
+  </div>
 </template>

package/dist/runtime/components/modals/id/IdConfirmSuccessfulModal.vue

@@ -18,21 +18,21 @@ function onClose() {
 </script>
 
 <template>
-  <div class="flex flex-col gap-4 text-center">
-    <h2 class="text-2xl font-bold">
-      {{ t("modals.id.confirmSuccessful.title") }}
-    </h2>
-    <span class="mx-auto size-[100px] rounded-full bg-[#BDC7CE26]">
-      <ill-ok />
-    </span>
-    <p class="text-sm">
-      {{ t("modals.id.confirmSuccessful.content") }}
-    </p>
-    <adt-button
-      view="outline"
-      @click="onClose"
-    >
-      {{ t("actions.close") }}
-    </adt-button>
-  </div>
+  <div class="flex flex-col gap-4 text-center">
+    <h2 class="text-2xl font-bold">
+      {{ t("modals.id.confirmSuccessful.title") }}
+    </h2>
+    <span class="mx-auto size-[100px] rounded-full bg-[#BDC7CE26]">
+      <ill-ok />
+    </span>
+    <p class="text-sm">
+      {{ t("modals.id.confirmSuccessful.content") }}
+    </p>
+    <adt-button
+      view="outline"
+      @click="onClose"
+    >
+      {{ t("actions.close") }}
+    </adt-button>
+  </div>
 </template>

package/dist/runtime/components/modals/id/IdLoginModal.vue

@@ -184,104 +184,104 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <div class="flex flex-col gap-5">
-    <h1 class="heading-02 text-center">
-      {{ t("modals.id.login.title") }}
-    </h1>
-    <p class="body-400 text-center">
-      {{ t("modals.id.login.subtitle") }}
-    </p>
-    <div class="flex flex-col gap-4">
-      <adt-forms-input-standard
-        v-model="form.username"
-        type="email"
-        :label="t('modals.id.login.labels.email')"
-        :error="getError('username')"
-      />
-      <adt-forms-input-password
-        v-model="form.password"
-        :label="t('modals.id.login.labels.password')"
-        :error="getError('password')"
-      />
-      <div class="flex items-center justify-between">
-        <div class="body-400 flex gap-2">
-          <adt-checkbox
-            v-model="rememberMe"
-            name="remember_me"
-          />
-          <label
-            for="remember_me"
-            class="cursor-pointer"
-          >{{
-            t("modals.id.login.remember_me")
-          }}</label>
-        </div>
-        <button
-          class="link-s-400"
-          @click="onForgotPassword"
-        >
-          {{ t("modals.id.login.forget_password") }}
-        </button>
-      </div>
-    </div>
-    <div class="flex items-center gap-4">
-      <div class="h-px w-full bg-deepblue-500/30" />
-      <div class="flex shrink-0 gap-4">
-        <span
-          class="cursor-pointer"
-          @click="authWithSocial('google')"
-        >
-          <i-socials-google />
-        </span>
-        <span
-          class="cursor-pointer"
-          @click="authWithSocial('yandex')"
-        >
-          <i-socials-yandex />
-        </span>
-        <span
-          class="cursor-pointer"
-          @click="authWithSocial('mailru')"
-        >
-          <i-socials-mailru />
-        </span>
-      </div>
-      <div class="h-px w-full bg-deepblue-500/30" />
-    </div>
-    <adt-button
-      :loading="loading"
-      type="submit"
-      @click="submit"
-    >
-      {{ t("actions.login") }}
-    </adt-button>
-    <p class="body-400 text-center">
-      {{ t("modals.id.login.first_time") }}
-    </p>
-
-    <adt-button
-      type="button"
-      view="outline"
-      class="w-full"
-      @click="onRegister"
-    >
-      {{ t("actions.register") }}
-    </adt-button>
-
-    <adt-button
-      type="button"
-      view="transparent"
-      class="w-full"
-      @click="toTariffs"
-    >
-      {{ t("actions.toTariffs") }}
-    </adt-button>
-
-    <adt-alert
-      class="max-w-screen-sm !text-[10px]"
-      size="xs"
-    >
-      {{ t("info.userAgreement") }}
-    </adt-alert>
-  </div>
+  <div class="flex flex-col gap-5">
+    <h1 class="heading-02 text-center">
+      {{ t("modals.id.login.title") }}
+    </h1>
+    <p class="body-400 text-center">
+      {{ t("modals.id.login.subtitle") }}
+    </p>
+    <div class="flex flex-col gap-4">
+      <adt-forms-input-standard
+        v-model="form.username"
+        type="email"
+        :label="t('modals.id.login.labels.email')"
+        :error="getError('username')"
+      />
+      <adt-forms-input-password
+        v-model="form.password"
+        :label="t('modals.id.login.labels.password')"
+        :error="getError('password')"
+      />
+      <div class="flex items-center justify-between">
+        <div class="body-400 flex gap-2">
+          <adt-checkbox
+            v-model="rememberMe"
+            name="remember_me"
+          />
+          <label
+            for="remember_me"
+            class="cursor-pointer"
+          >{{
+            t("modals.id.login.remember_me")
+          }}</label>
+        </div>
+        <button
+          class="link-s-400"
+          @click="onForgotPassword"
+        >
+          {{ t("modals.id.login.forget_password") }}
+        </button>
+      </div>
+    </div>
+    <div class="flex items-center gap-4">
+      <div class="h-px w-full bg-deepblue-500/30" />
+      <div class="flex shrink-0 gap-4">
+        <span
+          class="cursor-pointer"
+          @click="authWithSocial('google')"
+        >
+          <i-socials-google />
+        </span>
+        <span
+          class="cursor-pointer"
+          @click="authWithSocial('yandex')"
+        >
+          <i-socials-yandex />
+        </span>
+        <span
+          class="cursor-pointer"
+          @click="authWithSocial('mailru')"
+        >
+          <i-socials-mailru />
+        </span>
+      </div>
+      <div class="h-px w-full bg-deepblue-500/30" />
+    </div>
+    <adt-button
+      :loading="loading"
+      type="submit"
+      @click="submit"
+    >
+      {{ t("actions.login") }}
+    </adt-button>
+    <p class="body-400 text-center">
+      {{ t("modals.id.login.first_time") }}
+    </p>
+
+    <adt-button
+      type="button"
+      view="outline"
+      class="w-full"
+      @click="onRegister"
+    >
+      {{ t("actions.register") }}
+    </adt-button>
+
+    <adt-button
+      type="button"
+      view="transparent"
+      class="w-full"
+      @click="toTariffs"
+    >
+      {{ t("actions.toTariffs") }}
+    </adt-button>
+
+    <adt-alert
+      class="max-w-screen-sm !text-[10px]"
+      size="xs"
+    >
+      {{ t("info.userAgreement") }}
+    </adt-alert>
+  </div>
 </template>