pukaad-ui-lib 1.239.0 → 1.241.0

package/dist/runtime/components/modal/modal-password-verify.d.vue.ts

@@ -28,8 +28,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     mode: "login" | "secure";
-    disabledForgotPassword: boolean;
     confirmText: string;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-verify.vue

@@ -50,7 +50,7 @@ const handleSubmit = async () => {
         method: "POST",
         body: { password: password.value }
       });
-      if (res.title !== "\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08") throw "\u0E23\u0E2B\u0E31\u0E2A\u0E1C\u0E48\u0E32\u0E19\u0E44\u0E21\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07";
+      if (res.message?.title !== "\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08") throw "\u0E23\u0E2B\u0E31\u0E2A\u0E1C\u0E48\u0E32\u0E19\u0E44\u0E21\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07";
       emit("complete", { secId: "" });
       isOpen.value = false;
     } else {
@@ -70,11 +70,11 @@ const handleSubmit = async () => {
         emit("complete", { secId: res.data?.sec_id || "" });
         isOpen.value = false;
       } else {
-        inputRef.value?.setErrors?.(res.message || "\u0E23\u0E2B\u0E31\u0E2A\u0E1C\u0E48\u0E32\u0E19\u0E44\u0E21\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07");
+        inputRef.value?.setErrors?.(res.message.description);
       }
     }
   } catch (e) {
-    inputRef.value?.setErrors?.(e?.data?.message || "\u0E23\u0E2B\u0E31\u0E2A\u0E1C\u0E48\u0E32\u0E19\u0E44\u0E21\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07");
+    inputRef.value?.setErrors?.(e?.data?.message.description);
   } finally {
     loading.value = false;
   }

package/dist/runtime/components/modal/modal-password-verify.vue.d.ts

@@ -28,8 +28,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     mode: "login" | "secure";
-    disabledForgotPassword: boolean;
     confirmText: string;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-phone-OTP.d.vue.ts

@@ -14,8 +14,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onComplete?: ((value: string) => any) | undefined;
 }>, {
-    confirmedText: string;
     phone: string;
+    confirmedText: string;
     phoneLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/modal/modal-phone-OTP.vue.d.ts

@@ -14,8 +14,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onComplete?: ((value: string) => any) | undefined;
 }>, {
-    confirmedText: string;
     phone: string;
+    confirmedText: string;
     phoneLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/modal/modal-secure.vue

@@ -1,15 +1,7 @@
 <template>
-  <component
-    v-for="modal in modals"
-    :key="modal.key"
-    :is="modal.component"
-    :email="props.email"
-    mode="secure"
-    @complete="(data) => handleComplete(modal.key, data)"
-    :confirmed-text="isLastStep ? '\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19' : '\u0E16\u0E31\u0E14\u0E44\u0E1B'"
-    @close="isOpen = false"
-    v-model="modalStates[modal.key]"
-  />
+  <component v-for="modal in modals" :key="modal.key" :is="modal.component" :email="props.email" mode="secure"
+    @complete="(data) => handleComplete(modal.key, data)" :confirmed-text="isLastStep ? '\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19' : '\u0E16\u0E31\u0E14\u0E44\u0E1B'"
+    @close="isOpen = false" v-model="modalStates[modal.key]" />
 </template>
 
 <script setup>
@@ -126,30 +118,31 @@ const handleComplete = (key, data) => {
 };
 const onEnabled2FA = async (token) => {
   try {
-    const { status } = await api("/me/two-fa-enabled", {
+    const { message } = await api("/me/two-fa-enabled", {
       method: "POST",
       body: { token }
     });
-    if (status != "success") throw "2FA \u0E44\u0E21\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07";
+    if (message?.title !== "\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08") throw "2FA \u0E44\u0E21\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07";
     $toast.success("\u0E40\u0E1B\u0E34\u0E14\u0E01\u0E32\u0E23\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19\u0E15\u0E31\u0E27\u0E15\u0E19\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08 !");
     isOpen.value = false;
     emit("complete", "enabled-2fa");
   } catch (error) {
-    $toast.error("\u0E40\u0E01\u0E34\u0E14\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14\u0E40\u0E1B\u0E34\u0E14\u0E01\u0E32\u0E23\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19\u0E15\u0E31\u0E27\u0E15\u0E19\u0E44\u0E21\u0E48\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08 !");
-    console.error("Error:", error);
+    const errorMsg = error?.data?.message?.description || "\u0E40\u0E01\u0E34\u0E14\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14\u0E40\u0E1B\u0E34\u0E14\u0E01\u0E32\u0E23\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19\u0E15\u0E31\u0E27\u0E15\u0E19\u0E44\u0E21\u0E48\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08 !";
+    $toast.error(errorMsg);
   }
 };
 const onDisabled2FA = async () => {
   try {
-    const { status } = await api("/me/two-fa-disabled", {
+    const { message } = await api("/me/two-fa-disabled", {
       method: "POST"
     });
-    if (status != "success") throw "2FA \u0E44\u0E21\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07";
+    if (message?.title !== "\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08") throw "2FA \u0E44\u0E21\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07";
     $toast.success("\u0E1B\u0E34\u0E14\u0E01\u0E32\u0E23\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19\u0E15\u0E31\u0E27\u0E15\u0E19\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08 !");
     isOpen.value = false;
     emit("complete", "disabled-2fa");
   } catch (error) {
-    $toast.error("\u0E40\u0E01\u0E34\u0E14\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14\u0E1B\u0E34\u0E14\u0E01\u0E32\u0E23\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19\u0E15\u0E31\u0E27\u0E15\u0E19\u0E44\u0E21\u0E48\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08 !");
+    const errorMsg = error?.data?.message?.description || "\u0E40\u0E01\u0E34\u0E14\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14\u0E1B\u0E34\u0E14\u0E01\u0E32\u0E23\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19\u0E15\u0E31\u0E27\u0E15\u0E19\u0E44\u0E21\u0E48\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08 !";
+    $toast.error(errorMsg);
     console.error("Error:", error);
   }
 };

package/dist/runtime/components/modal/modal-user-account-search.d.vue.ts

@@ -1,3 +1,10 @@
+export interface ModalUserAccountSearchResult {
+    phone: string;
+    method: "sms" | "email";
+    maskedPhone: string;
+    maskedEmail: string | null;
+    hasEmail: boolean;
+}
 type __VLS_Props = {
     confirmedText?: string;
 };
@@ -6,11 +13,14 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    complete: (...args: any[]) => void;
-    "update:modelValue": (value: boolean) => void;
+    "update:modelValue": (value: boolean) => any;
+} & {
+    close: () => any;
+    complete: (data: ModalUserAccountSearchResult) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onComplete?: ((...args: any[]) => any) | undefined;
+    onComplete?: ((data: ModalUserAccountSearchResult) => any) | undefined;
 }>, {
     confirmedText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/modal/modal-user-account-search.vue

@@ -1,44 +1,156 @@
 <template>
-  <Modal title="ค้นหาบัญชีของคุณ" v-model="modelValue">
-    <div class="flex flex-col gap-[16px]">
-      <div class="font-body-large text-2xl text-center px-[50px]">
+  <Modal
+    :title="step === 'search' ? '\u0E04\u0E49\u0E19\u0E2B\u0E32\u0E1A\u0E31\u0E0D\u0E0A\u0E35\u0E02\u0E2D\u0E07\u0E04\u0E38\u0E13' : '\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E27\u0E34\u0E18\u0E35\u0E15\u0E23\u0E27\u0E08\u0E2A\u0E2D\u0E1A'"
+    v-model="modelValue"
+    width="425px"
+    :loading="isLoading"
+  >
+    <!-- Step 1: phone + recaptcha -->
+    <div v-if="step === 'search'" class="flex flex-col gap-[24px]">
+      <p class="font-body-large">
         ป้อนเบอร์โทรศัพท์ที่เชื่อมโยงกับบัญชีของคุณ เพื่อเปลี่ยนรหัสผ่าน
-      </div>
+      </p>
       <InputPhone
         label="เบอร์โทรศัพท์"
         placeholder="กรอกเบอร์โทรศัพท์"
         v-model="phone"
-        full-width
       />
       <InputRecaptcha ref="recaptchaRef" name="recaptcha" v-model="recaptcha" />
     </div>
+
+    <!-- Step 2: select OTP method -->
+    <div v-else-if="step === 'list'" class="flex flex-col">
+      <template v-for="(item, index) in accountItems" :key="index">
+        <div class="py-[12px] px-[16px]">
+          <InputRadio
+            :item="item.value"
+            label-position="left"
+            v-model="selectedMethod"
+          >
+            <template v-slot:[`label-${item.value}-text`]>
+              <div
+                class="flex flex-col w-full text-gray font-body-medium-prominent"
+              >
+                <div v-if="item.type === 'email'">ส่งรหัสไปทางอีเมล</div>
+                <div v-else-if="item.type === 'phone'">ส่งรหัสไปทาง SMS</div>
+                <div>{{ item.label }}</div>
+              </div>
+            </template>
+          </InputRadio>
+        </div>
+        <Divider v-if="index !== accountItems.length - 1" />
+      </template>
+    </div>
+
+    <!-- Footer slot (must be direct child of Modal) -->
     <template #footer>
       <Button
-        full-width
-        variant="primary"
-        :disabled="!phone || !recaptcha"
-        @click="onNext"
+        v-if="step === 'search'"
+        class="w-full"
+        color="primary"
+        :disabled="!phone || !recaptcha || isLoading"
+        @click="onSearchNext"
       >
-        {{ props.confirmedText }}
+        ถัดไป
       </Button>
+      <div v-else-if="step === 'list'" class="flex flex-col gap-[8px] w-full">
+        <Button
+          class="w-full"
+          color="primary"
+          :disabled="!selectedMethod"
+          @click="onListConfirm"
+        >
+          {{ props.confirmedText }}
+        </Button>
+        <Button variant="text" color="primary" class="w-full" @click="goBack"
+          >ไม่ใช่คุณใช่ไหม?</Button
+        >
+      </div>
     </template>
   </Modal>
 </template>
 
 <script setup>
-import { ref } from "vue";
-const emit = defineEmits(["complete"]);
+import { ref, computed, watch } from "vue";
+import { useNuxtApp } from "nuxt/app";
+import { useApi } from "../../composables/useApi";
+import Button from "../button.vue";
+const { $toast } = useNuxtApp();
+const api = useApi();
+const emit = defineEmits(["complete", "close"]);
 const props = defineProps({
   confirmedText: { type: String, required: false, default: "\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19" }
 });
-const recaptchaRef = ref(null);
-const modelValue = defineModel({ type: Boolean, ...{
-  default: false
-} });
+const modelValue = defineModel({ type: Boolean, ...{ default: false } });
+const step = ref("search");
+const isLoading = ref(false);
 const phone = ref("");
 const recaptcha = ref("");
-const onNext = () => {
-  emit("complete");
+const recaptchaRef = ref(null);
+const maskedPhone = ref("");
+const maskedEmail = ref(null);
+const hasEmail = ref(false);
+const selectedMethod = ref(null);
+const accountItems = computed(() => {
+  const items = [
+    { type: "phone", value: "sms", label: maskedPhone.value }
+  ];
+  if (hasEmail.value && maskedEmail.value) {
+    items.push({ type: "email", value: "email", label: maskedEmail.value });
+  }
+  return items;
+});
+const onSearchNext = async () => {
+  isLoading.value = true;
+  try {
+    const res = await api("/auth/forgot-password/find-account", {
+      method: "POST",
+      body: { phone: phone.value, token: recaptcha.value }
+    });
+    maskedPhone.value = res.data.masked_phone;
+    maskedEmail.value = res.data.masked_email;
+    hasEmail.value = res.data.has_email;
+    selectedMethod.value = null;
+    step.value = "list";
+  } catch (e) {
+    const msg = e?.data?.message?.description || e?.data?.message || "\u0E44\u0E21\u0E48\u0E1E\u0E1A\u0E1A\u0E31\u0E0D\u0E0A\u0E35\u0E17\u0E35\u0E48\u0E43\u0E0A\u0E49\u0E40\u0E1A\u0E2D\u0E23\u0E4C\u0E42\u0E17\u0E23\u0E19\u0E35\u0E49";
+    $toast?.error?.(msg);
+  } finally {
+    isLoading.value = false;
+  }
+};
+const onListConfirm = () => {
+  if (!selectedMethod.value) return;
+  emitComplete();
+};
+const emitComplete = () => {
+  emit("complete", {
+    phone: phone.value,
+    method: selectedMethod.value ?? "sms",
+    maskedPhone: maskedPhone.value,
+    maskedEmail: maskedEmail.value,
+    hasEmail: hasEmail.value
+  });
   modelValue.value = false;
 };
+const goBack = () => {
+  step.value = "search";
+  phone.value = "";
+  recaptcha.value = "";
+  selectedMethod.value = null;
+  maskedPhone.value = "";
+  maskedEmail.value = null;
+  hasEmail.value = false;
+};
+watch(modelValue, (v) => {
+  if (!v) {
+    step.value = "search";
+    phone.value = "";
+    recaptcha.value = "";
+    selectedMethod.value = null;
+    maskedPhone.value = "";
+    maskedEmail.value = null;
+    hasEmail.value = false;
+  }
+});
 </script>

package/dist/runtime/components/modal/modal-user-account-search.vue.d.ts

@@ -1,3 +1,10 @@
+export interface ModalUserAccountSearchResult {
+    phone: string;
+    method: "sms" | "email";
+    maskedPhone: string;
+    maskedEmail: string | null;
+    hasEmail: boolean;
+}
 type __VLS_Props = {
     confirmedText?: string;
 };
@@ -6,11 +13,14 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    complete: (...args: any[]) => void;
-    "update:modelValue": (value: boolean) => void;
+    "update:modelValue": (value: boolean) => any;
+} & {
+    close: () => any;
+    complete: (data: ModalUserAccountSearchResult) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onComplete?: ((...args: any[]) => any) | undefined;
+    onComplete?: ((data: ModalUserAccountSearchResult) => any) | undefined;
 }>, {
     confirmedText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.239.0",
+  "version": "1.241.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",

package/dist/runtime/components/dialog/dialog-2FA-generate.d.vue.ts

@@ -1,18 +0,0 @@
-import type { Modal2FAGenerateProps } from "@/types/components/modal/modal-2FA-generate";
-type __VLS_Props = Modal2FAGenerateProps;
-type __VLS_ModelProps = {
-    modelValue?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
-} & {
-    complete: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onComplete?: (() => any) | undefined;
-}>, {
-    confirmedText: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/dialog/dialog-2FA-generate.vue

@@ -1,113 +0,0 @@
-<template>
-  <ShadDialog v-model:open="isOpen">
-    <ShadDialogContent class="w-[540px]">
-      <ShadDialogHeader class="flex justify-center">
-        <ShadDialogTitle class="text-center">คำแนะนำการตั้งค่า</ShadDialogTitle>
-      </ShadDialogHeader>
-      <div class="flex flex-col gap-[16px]">
-        <div class="flex flex-col gap-[8px] text-gray font-body-large">
-          <div class="font-body-large-prominent text-black">
-            1.ดาวน์โหลดแอพยืนยันตัวตน
-          </div>
-          <div>
-            เราแนะนำให้ดาวน์โหลด Google Authenticator หากคุณยังไม่ได้ติดตั้ง
-          </div>
-        </div>
-        <div class="flex flex-col gap-[8px] text-gray font-body-large">
-          <div class="font-body-large-prominent text-black">
-            2.สแกนบาร์โค้ด/คิวอาร์โค้ดนี้หรือคัดลอกคีย์
-          </div>
-          <div>
-            สแกนบาร์โค้ด/คิวอาร์โค้ดนี้ในแอพยืนยันตัวตนหรือคัดลอกคีย์แล้ววางลงในแอพ
-            ยืนยันตัวตน
-          </div>
-        </div>
-        <div class="flex justify-center items-center">
-          <div class="flex items-center gap-[32px]">
-            <Image width="146" height="145" :src="barcode2FA" />
-            <div class="w-[168px] gap-[8px] flex flex-col justify-between">
-              <div class="font-body-large-prominent">
-                {{ key }}
-              </div>
-              <div
-                class="cursor-pointer text-primary font-body-large"
-                @click="copyToClipboard(key)"
-              >
-                คัดลอกคีย์
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="flex flex-col gap-[8px] text-gray font-body-large">
-          <div class="font-body-large-prominent text-black">
-            3.คัดลอกแล้วป้อนรหัสตัวเลข 6 หลัก
-          </div>
-          <div>
-            หลังจากสแกนบาร์โค้ด/คิวอาร์โค้ด หรือคัดลอกคีย์แล้ว
-            แอพยืนยันตัวตนจะสร้าง รหัสตัวเลข 6 หลัก
-            ให้คัดลอกรหัสนั้นแล้วกลับมาป้อนบน Pukaad
-          </div>
-        </div>
-      </div>
-
-      <ShadDialogFooter>
-        <Button class="w-full" @click="onComplete">
-          {{ props.confirmedText }}
-        </Button>
-      </ShadDialogFooter>
-    </ShadDialogContent>
-  </ShadDialog>
-</template>
-
-<script setup>
-import { ref, watch } from "vue";
-import { useClipboard } from "@/runtime/composables/useCopy";
-import { useRuntimeConfig } from "nuxt/app";
-const { BASE_URL_API } = useRuntimeConfig().public;
-const { copyToClipboard } = useClipboard();
-const emit = defineEmits(["complete"]);
-const props = defineProps({
-  confirmedText: { type: String, required: false, default: "\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19" },
-  title: { type: String, required: false },
-  description: { type: String, required: false },
-  footer: { type: String, required: false }
-});
-const isOpen = defineModel({ type: Boolean, ...{
-  default: false
-} });
-const key = ref("");
-const barcode2FA = ref("");
-const isLoading = ref(false);
-const isDisabled = ref(true);
-const twoFaGenerate = async () => {
-  try {
-    isLoading.value = true;
-    const { status, data } = await $fetch(`${BASE_URL_API}/me/two-fa-generate`, {
-      credentials: "include"
-    });
-    if (status !== "success") throw "Generate \u0E44\u0E21\u0E48\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08";
-    key.value = data.key;
-    barcode2FA.value = data.qr_code;
-    isDisabled.value = false;
-  } catch (error) {
-    console.error("error:", error);
-  } finally {
-    isLoading.value = false;
-  }
-};
-const onComplete = () => {
-  emit("complete");
-  isOpen.value = false;
-};
-watch(
-  isOpen,
-  (v) => {
-    if (v) {
-      twoFaGenerate();
-    }
-  },
-  {
-    immediate: true
-  }
-);
-</script>

package/dist/runtime/components/dialog/dialog-2FA-generate.vue.d.ts

@@ -1,18 +0,0 @@
-import type { Modal2FAGenerateProps } from "@/types/components/modal/modal-2FA-generate";
-type __VLS_Props = Modal2FAGenerateProps;
-type __VLS_ModelProps = {
-    modelValue?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
-} & {
-    complete: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onComplete?: (() => any) | undefined;
-}>, {
-    confirmedText: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/dialog/dialog-2FA.d.vue.ts

@@ -1,18 +0,0 @@
-import type { Modal2FAProps } from "@/types/components/modal/modal-2FA";
-type __VLS_Props = Modal2FAProps;
-type __VLS_ModelProps = {
-    modelValue?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
-} & {
-    complete: (verify: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onComplete?: ((verify: boolean) => any) | undefined;
-}>, {
-    confirmedText: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/dialog/dialog-2FA.vue

@@ -1,65 +0,0 @@
-<template>
-  <Dialog v-model:open="isOpen">
-    <DialogContent class="w-[425px]">
-      <Form v-slot="{ meta }" @submit="onVerify2FA">
-        <div class="flex flex-col gap-[24px]">
-          <DialogHeader class="flex justify-center">
-            <ShadDialogTitle>การยืนยันตัวตนแบบสองชั้น</ShadDialogTitle>
-            <DialogDescription>
-              ป้อนรหัสยืนยันที่คุณเห็นในแอปยืนยันตัวตน
-            </DialogDescription>
-          </DialogHeader>
-          <InputOTP ref="twoFaRef" v-model="valueOTP" />
-          <DialogFooter>
-            <Button class="w-full" type="submit" :disabled="!meta.valid">
-              {{ props.confirmedText }}
-            </Button>
-          </DialogFooter>
-        </div>
-      </Form>
-    </DialogContent>
-  </Dialog>
-</template>
-
-<script setup>
-import { ref, watch } from "vue";
-import { useRuntimeConfig } from "nuxt/app";
-const { BASE_URL_API } = useRuntimeConfig().public;
-const emit = defineEmits(["complete"]);
-const props = defineProps({
-  phone: { type: String, required: false },
-  confirmedText: { type: String, required: false, default: "\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19" },
-  title: { type: String, required: false },
-  description: { type: String, required: false },
-  footer: { type: String, required: false }
-});
-const isOpen = defineModel({ type: Boolean, ...{
-  default: false
-} });
-const twoFaRef = ref();
-const valueOTP = ref("");
-const isLoading = ref(false);
-const onVerify2FA = async () => {
-  try {
-    const { data } = await $fetch(
-      !props.phone ? `${BASE_URL_API}/me/two-fa-verify` : `${BASE_URL_API}/auth/two-fa-verify`,
-      {
-        method: "POST",
-        body: {
-          phone: props.phone,
-          code: valueOTP.value
-        },
-        credentials: "include"
-      }
-    );
-    if (!data) throw "error";
-    emit("complete", data);
-    isOpen.value = false;
-  } catch (e) {
-    twoFaRef.value.setErrors(["\u0E23\u0E2B\u0E31\u0E2A\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19\u0E44\u0E21\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07"]);
-  }
-};
-watch(isOpen, (value) => {
-  valueOTP.value = "";
-});
-</script>

package/dist/runtime/components/dialog/dialog-2FA.vue.d.ts

@@ -1,18 +0,0 @@
-import type { Modal2FAProps } from "@/types/components/modal/modal-2FA";
-type __VLS_Props = Modal2FAProps;
-type __VLS_ModelProps = {
-    modelValue?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
-} & {
-    complete: (verify: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onComplete?: ((verify: boolean) => any) | undefined;
-}>, {
-    confirmedText: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/dialog/dialog-email-OTP.d.vue.ts

@@ -1,20 +0,0 @@
-import type { ModalEmailOTPProps } from "~/types/components/modal/modal-email-otp";
-type __VLS_Props = ModalEmailOTPProps;
-type __VLS_ModelProps = {
-    modelValue?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
-} & {
-    close: () => any;
-    complete: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onClose?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onComplete?: (() => any) | undefined;
-}>, {
-    confirmedText: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;