adata-ui 3.1.36 → 3.1.37

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

@@ -0,0 +1,141 @@
+<script setup>
+import IdOtpInput from "./IdOtpInput.vue";
+import { ref, computed, onMounted, onBeforeUnmount } from "vue";
+import { useNuxtApp, useAppConfig, useI18n } from "#imports";
+import { useIdModals } from "#adata-ui/composables/useIdModals";
+import { removeTrailingSlash } from "#adata-ui/utils/removeTrailingSlash";
+const { $toast } = useNuxtApp();
+const { t, locale } = useI18n();
+const { commonAuth } = useAppConfig();
+const { resetPasswordOtpModal, newPasswordModal, intermediateState } = useIdModals();
+const authApiURL = commonAuth.authApiURL;
+const otp = ref(["", "", "", "", "", ""]);
+const otpFormatted = computed(() => {
+  return otp.value.join("");
+});
+const showError = ref(false);
+const isLoading = ref(false);
+async function onConfirm() {
+  try {
+    isLoading.value = true;
+    const response = await $fetch(`${removeTrailingSlash(authApiURL)}/password/validate-otp`, {
+      method: "POST",
+      credentials: "include",
+      headers: {
+        lang: locale.value
+      },
+      body: {
+        email: intermediateState.value.email,
+        otp: otpFormatted.value
+      }
+    });
+    intermediateState.value.token = response.data;
+    intermediateState.value.otp = otpFormatted.value;
+    resetPasswordOtpModal.value = false;
+    newPasswordModal.value = true;
+  } catch (error) {
+    showError.value = true;
+  } finally {
+    isLoading.value = false;
+  }
+}
+function resetOtp() {
+  otp.value = ["", "", "", "", "", ""];
+  showError.value = false;
+}
+function onClose() {
+  resetOtp();
+  resetPasswordOtpModal.value = false;
+}
+const isResendLoading = ref(false);
+async function onResend() {
+  try {
+    isResendLoading.value = true;
+    await $fetch(`${removeTrailingSlash(authApiURL)}/password/email-otp`, {
+      method: "POST",
+      credentials: "include",
+      headers: {
+        lang: locale.value
+      },
+      body: {
+        email: intermediateState.value.email
+      }
+    });
+    resetOtp();
+    runTimer();
+    isResendLoading.value = false;
+  } catch (error) {
+    $toast.error(error.data.message);
+  }
+}
+function handleEnter(e) {
+  if (e.key === "Enter") {
+    onConfirm();
+  }
+}
+const timer = ref(60);
+function runTimer() {
+  timer.value = 60;
+  const intervalId = setInterval(() => {
+    if (!timer.value) clearInterval(intervalId);
+    return timer.value--;
+  }, 1e3);
+}
+onMounted(() => {
+  runTimer();
+  document.addEventListener("keyup", handleEnter);
+});
+onBeforeUnmount(() => {
+  document.removeEventListener("keyup", handleEnter);
+});
+</script>
+
+<template>
+  <div class="flex flex-col items-center gap-4 text-center">
+    <h2 class="text-2xl font-bold">
+      {{ t("modals.id.resetPasswordOtp.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 flex items-center gap-2 mx-auto"
+        :disabled="isResendLoading"
+        @click="onResend"
+      >
+        <i-loader-circle
+          v-if="isResendLoading"
+          class="animate-spin"
+        />
+        <span>{{ t("actions.resend") }}</span>
+      </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/IdResetPasswordOtpModal.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,114 @@
+<script setup>
+import { removeTrailingSlash } from "#adata-ui/utils/removeTrailingSlash";
+import IdOtpInput from "./IdOtpInput.vue";
+import { ref, computed, onMounted, onBeforeUnmount } from "vue";
+import { useCookie, useNuxtApp, useAppConfig, useI18n, navigateTo } from "#imports";
+import { useUrls } from "#adata-ui/utils/useUrls";
+import { useIdModals } from "#adata-ui/composables/useIdModals";
+const { $toast } = useNuxtApp();
+const { t, locale } = useI18n();
+const { commonAuth } = useAppConfig();
+const { pk } = useUrls();
+const { twoFactorModal, intermediateState } = useIdModals();
+const authApiURL = commonAuth.authApiURL;
+const regex = /^\/counterparty\/main\/company\/\d+\/basic-info$/;
+const otp = ref(["", "", "", "", "", ""]);
+const otpFormatted = computed(() => {
+  return otp.value.join("");
+});
+const showError = ref(false);
+const isLoading = ref(false);
+async function onConfirm() {
+  isLoading.value = true;
+  const login = await fetch(`${removeTrailingSlash(authApiURL)}/login`, {
+    method: "POST",
+    credentials: "include",
+    headers: {
+      "Content-Type": "application/json",
+      "lang": locale.value
+    },
+    body: JSON.stringify({
+      "username": intermediateState.value.email,
+      "password": intermediateState.value.password,
+      "2fa_code": otpFormatted.value
+    })
+  });
+  const { data, message } = await login.json().catch(() => ({}));
+  if (login.status > 202) {
+    if (login.status === 403) {
+      showError.value = true;
+      isLoading.value = false;
+    }
+  } else {
+    const response = await fetch(`${removeTrailingSlash(authApiURL)}/access/cookie`, {
+      method: "GET",
+      credentials: "include",
+      headers: {
+        lang: locale.value
+      }
+    });
+    const { data: cookiesData } = await response.json();
+    if (cookiesData?.access_token) {
+      const { access_token, expire_in } = cookiesData;
+      const hostname = location.hostname.split(".").reverse();
+      useCookie("accessToken", {
+        maxAge: expire_in,
+        domain: `.${hostname[1]}.${hostname[0]}`,
+        path: "/",
+        secure: true
+      }).value = access_token;
+    }
+    $toast.success(t("login.successfully"));
+    twoFactorModal.value = false;
+    const path = window.location.pathname;
+    if (regex.test(path)) {
+      navigateTo(`${pk}/company/${path.split("/")[4]}`, { external: true });
+    } else {
+      window.location.reload();
+    }
+  }
+  isLoading.value = false;
+}
+function onClose() {
+  otp.value = ["", "", "", "", "", ""];
+  showError.value = false;
+  twoFactorModal.value = false;
+}
+function handleEnter(e) {
+  if (e.key === "Enter") {
+    onConfirm();
+  }
+}
+onMounted(() => {
+  document.addEventListener("keyup", handleEnter);
+});
+onBeforeUnmount(() => {
+  document.removeEventListener("keyup", handleEnter);
+});
+</script>
+
+<template>
+  <div class="flex flex-col items-center gap-4">
+    <p class="heading-02 text-center">
+      {{ t("modals.id.twoFactor.title") }}
+    </p>
+    <i-hand-with-phone-light class="size-32 dark:hidden" />
+    <i-hand-with-phone-dark class="hidden size-32 dark:block" />
+    <id-otp-input
+      v-model="otp"
+      v-model:error="showError"
+      @on-completed="onConfirm"
+    />
+    <p class="body-400 text-center">
+      {{ t("modals.id.twoFactor.code") }}
+    </p>
+
+    <adt-button
+      class="w-full"
+      view="outline"
+      @click="onClose"
+    >
+      {{ t("actions.close") }}
+    </adt-button>
+  </div>
+</template>

package/dist/runtime/components/modals/id/IdTwoFactorModal.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/tree-select/components/tree-select-nodes.vue.d.ts

@@ -1,4 +1,4 @@
-import type { TreeNestedNode } from '~/src/runtime/components/tree-select/types';
+import type { TreeNestedNode } from '#adata-ui/components/tree-select/types';
 interface Props {
     node: TreeNestedNode;
     toggleExpand: Function;

package/dist/runtime/composables/projectState.d.ts

@@ -1,2 +1,2 @@
-export declare const useCurrentModule: () => any;
-export declare const useContacts: () => any;
+export declare const useCurrentModule: () => import("vue").Ref<string, string>;
+export declare const useContacts: () => import("vue").Ref<any, any>;

package/dist/runtime/composables/useIdModals.d.ts

@@ -0,0 +1,23 @@
+export declare function useIdModals(): {
+    accessModal: import("vue").Ref<boolean, boolean>;
+    loginModal: import("vue").Ref<boolean, boolean>;
+    twoFactorModal: import("vue").Ref<boolean, boolean>;
+    registrationModal: import("vue").Ref<boolean, boolean>;
+    confirmAccountOtpModal: import("vue").Ref<boolean, boolean>;
+    recoveryModal: import("vue").Ref<boolean, boolean>;
+    resetPasswordOtpModal: import("vue").Ref<boolean, boolean>;
+    newPasswordModal: import("vue").Ref<boolean, boolean>;
+    passwordSuccessfulModal: import("vue").Ref<boolean, boolean>;
+    confirmSuccessfulModal: import("vue").Ref<boolean, boolean>;
+    intermediateState: import("vue").Ref<{
+        email: string;
+        password: string;
+        otp: string;
+        token: string;
+    }, {
+        email: string;
+        password: string;
+        otp: string;
+        token: string;
+    }>;
+};

package/dist/runtime/composables/useIdModals.js

@@ -0,0 +1,32 @@
+import { useState } from "#imports";
+export function useIdModals() {
+  const accessModal = useState("access-modal", () => false);
+  const loginModal = useState("login-modal", () => false);
+  const twoFactorModal = useState("two-factor-modal", () => false);
+  const registrationModal = useState("registration-modal", () => false);
+  const confirmAccountOtpModal = useState("confirm-account-otp-modal", () => false);
+  const confirmSuccessfulModal = useState("confirm-successful-modal", () => false);
+  const recoveryModal = useState("recovery-modal", () => false);
+  const resetPasswordOtpModal = useState("reset-password-otp-modal", () => false);
+  const newPasswordModal = useState("new-password-modal", () => false);
+  const passwordSuccessfulModal = useState("password-successful-modal", () => false);
+  const intermediateState = useState("id-intermediate-state", () => ({
+    email: "",
+    password: "",
+    otp: "",
+    token: ""
+  }));
+  return {
+    accessModal,
+    loginModal,
+    twoFactorModal,
+    registrationModal,
+    confirmAccountOtpModal,
+    recoveryModal,
+    resetPasswordOtpModal,
+    newPasswordModal,
+    passwordSuccessfulModal,
+    confirmSuccessfulModal,
+    intermediateState
+  };
+}