pukaad-ui-lib 1.239.0 → 1.240.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.239.0",
+  "version": "1.240.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/input/input-address.d.vue.ts

@@ -48,11 +48,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     label: string;
     required: boolean;
     name: string;
-    gap: string;
     placeholder: string;
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;
+    gap: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-address.vue.d.ts

@@ -48,11 +48,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     label: string;
     required: boolean;
     name: string;
-    gap: string;
     placeholder: string;
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;
+    gap: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-autocomplete.d.vue.ts

@@ -50,8 +50,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     description: string;
     options: AutocompleteOption[] | string[] | number[];
-    placeholder: string;
     limit: number;
+    placeholder: string;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

package/dist/runtime/components/input/input-autocomplete.vue.d.ts

@@ -50,8 +50,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     description: string;
     options: AutocompleteOption[] | string[] | number[];
-    placeholder: string;
     limit: number;
+    placeholder: string;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

package/dist/runtime/components/input/input-tag.d.vue.ts

@@ -26,8 +26,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     name: string;
     state: "user" | "admin";
-    placeholder: string;
     limit: number;
+    placeholder: string;
     ignore: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/input/input-tag.vue.d.ts

@@ -26,8 +26,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     name: string;
     state: "user" | "admin";
-    placeholder: string;
     limit: number;
+    placeholder: string;
     ignore: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -1,20 +1,14 @@
 <template>
-  <Modal
-    width="550"
-    title="คำแนะนำการตั้งค่า"
-    title-position="center"
-    :loading="isLoading"
-    v-model="isOpen"
-  >
+  <Modal class="w-[512px]" title="คำแนะนำการตั้งค่า" :loading="isLoading" v-model="isOpen">
     <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">1.ดาวน์โหลดแอพยืนยันตัวตน</div>
+      <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">
+      <div class="flex flex-col gap-[8px] text-gray font-body-large">
+        <div class="font-body-large-prominent text-black">
           2.สแกนบาร์โค้ด/คิวอาร์โค้ดนี้หรือคัดลอกคีย์
         </div>
         <div>
@@ -29,17 +23,14 @@
             <div class="font-body-large-prominent">
               {{ key }}
             </div>
-            <div
-              class="cursor-pointer text-primary font-body-large"
-              @click="copyToClipboard(key)"
-            >
+            <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">
+      <div class="flex flex-col gap-[8px] text-gray font-body-large">
+        <div class="font-body-large-prominent text-black">
           3.คัดลอกแล้วป้อนรหัสตัวเลข 6 หลัก
         </div>
         <div>
@@ -51,12 +42,7 @@
     </div>
 
     <template #footer>
-      <Button
-        color="primary"
-        full-width
-        :disabled="isDisabled"
-        @click="onComplete"
-      >
+      <Button color="primary" class="w-full" :disabled="isDisabled" @click="onComplete">
         {{ props.confirmedText }}
       </Button>
     </template>
@@ -86,8 +72,8 @@ const isDisabled = ref(true);
 const twoFaGenerate = async () => {
   try {
     isLoading.value = true;
-    const { status, data } = await api("/me/two-fa-generate");
-    if (status !== "success") throw "Generate \u0E44\u0E21\u0E48\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08";
+    const { message, data } = await api("/me/two-fa-generate");
+    if (message?.title !== "\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08") throw "Generate \u0E44\u0E21\u0E48\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08";
     key.value = data.key;
     barcode2FA.value = data.qr_code;
     isDisabled.value = false;

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-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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.239.0",
+  "version": "1.240.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;

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

@@ -1,120 +0,0 @@
-<template>
-  <Dialog v-model:open="isOpen">
-    <DialogContent class="w-[425px]">
-      <div>
-        <Form v-slot="{ meta }" @submit="onVerifyOTP">
-          <DialogHeader>
-            <ShadDialogTitle>รหัสยืนยันตัวตน</ShadDialogTitle>
-            <DialogDescription class="gap-[8px]">
-              ป้อนรหัส 6 หลักที่ส่งไปยังอีเมล <span>{{ props.email }}</span>
-              <span v-if="textRef">(Ref : {{ textRef }})</span>
-            </DialogDescription>
-          </DialogHeader>
-
-          <div class="flex flex-col gap-[8px] font-body-large">
-            <InputOTP ref="otpInputRef" v-model="valueOTP" />
-           
-          </div>
-
-          <DialogFooter>
-            <Button class="w-full" type="submit" :disabled="!meta.valid">
-              {{ props.confirmedText }}
-            </Button>
-          </DialogFooter>
-        </Form>
-      </div>
-    </DialogContent>
-  </Dialog>
-</template>
-
-<script setup>
-import { computed, ref, watch } from "vue";
-import { useNuxtApp, useRuntimeConfig } from "nuxt/app";
-const { BASE_URL_API } = useRuntimeConfig().public;
-const { $toast } = useNuxtApp();
-const emit = defineEmits(["complete", "close"]);
-const props = defineProps({
-  email: { type: String, required: false },
-  confirmedText: { type: String, required: false, default: "\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19" },
-  name: { type: String, required: false },
-  type: { type: String, required: false },
-  gap: { type: Number, required: false },
-  digit: { type: Number, required: false },
-  disabled: { type: Boolean, required: false },
-  placeholder: { type: String, required: false }
-});
-const isOpen = defineModel({ type: Boolean, ...{
-  default: false
-} });
-const textRef = ref("");
-const otpRef = ref();
-const valueOTP = ref("");
-const isLoading = ref(false);
-const isDisabledInput = ref(true);
-const timeExp = ref("");
-const onVerifyOTP = async () => {
-  isLoading.value = true;
-  try {
-    await $fetch(`${BASE_URL_API}/me/email-otp-verify`, {
-      method: "POST",
-      credentials: "include",
-      body: {
-        code: valueOTP.value,
-        email: props.email
-      }
-    });
-    otpRef.value?.reset();
-    valueOTP.value = "";
-    isOpen.value = false;
-    emit("complete");
-  } catch (e) {
-    $toast.error("\u0E1E\u0E1A\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14 \u0E1A\u0E32\u0E07\u0E2D\u0E22\u0E48\u0E32\u0E07 !");
-    otpRef.value?.reset();
-  } finally {
-    isLoading.value = false;
-  }
-};
-const onEmailOTPRequest = async () => {
-  alert();
-  return;
-  isLoading.value = true;
-  isDisabledInput.value = true;
-  try {
-    if (!props.email) throw "\u0E01\u0E23\u0E38\u0E13\u0E32\u0E23\u0E30\u0E1A\u0E38 email";
-    const { data } = await $fetch(
-      `${BASE_URL_API}/me/email-otp-request`,
-      {
-        method: "POST",
-        credentials: "include",
-        body: {
-          email: props.email
-        }
-      }
-    );
-    timeExp.value = data.expired_time;
-    isDisabledInput.value = false;
-  } catch (err) {
-    console.log("Error:", err);
-    onClose();
-    $toast.error("\u0E1E\u0E1A\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14 \u0E1A\u0E32\u0E07\u0E2D\u0E22\u0E48\u0E32\u0E07 !");
-  } finally {
-    isLoading.value = false;
-  }
-};
-const onClose = () => {
-  isOpen.value = false;
-  emit("close");
-};
-watch(
-  isOpen,
-  (v) => {
-    otpRef.value?.reset();
-    if (v) {
-      onEmailOTPRequest();
-    }
-  },
-  {
-    immediate: true
-  }
-);
-</script>

package/dist/runtime/components/dialog/dialog-email-OTP.vue.d.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;

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

@@ -1,22 +0,0 @@
-import type { ModalPhoneOTPProps } from "@/types/components/modal/modal-phone-otp";
-type __VLS_Props = ModalPhoneOTPProps;
-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: (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onClose?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onComplete?: ((value: string) => any) | undefined;
-}>, {
-    confirmedText: string;
-    phone: string;
-    phoneLabel: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/dialog/dialog-phone-OTP.vue

@@ -1,62 +0,0 @@
-<template>
-  <Dialog v-model:open="isOpen">
-    <Form v-slot="{ meta }" @submit="onVerifyOTP">
-      <DialogContent class="w-[425px]">
-        <DialogHeader>
-          <ShadDialogTitle>ป้อนรหัสรักษาความปลอดภัย (OTP)</ShadDialogTitle>
-          <DialogDescription class="gap-[8px]">
-            ส่งรหัส 6 หลักไปที่เบอร์
-            <span>{{ props.phoneLabel || props.phone }}</span>
-            <div v-if="textRef">(Ref : {{ textRef }})</div>
-          </DialogDescription>
-        </DialogHeader>
-
-        <div class="flex flex-col gap-[8px] font-body-large">
-          <InputOTP ref="otpInputRef" v-model="valueOTP" />
-         
-        </div>
-
-        <DialogFooter>
-          <Button class="w-full" type="submit" :disabled="!meta.valid">
-            {{ props.confirmedText }}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Form>
-  </Dialog>
-</template>
-
-<script setup>
-import { ref, watch, computed } from "vue";
-const emit = defineEmits(["complete", "close"]);
-const props = defineProps({
-  phoneLabel: { type: String, required: false, default: "" },
-  phone: { type: String, required: false, default: "" },
-  confirmedText: { type: String, required: false, default: "\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19" },
-  name: { type: String, required: false },
-  type: { type: String, required: false },
-  gap: { type: Number, required: false },
-  digit: { type: Number, required: false },
-  disabled: { type: Boolean, required: false },
-  placeholder: { type: String, required: false }
-});
-const isOpen = defineModel({ type: Boolean, ...{
-  default: false
-} });
-const textRef = ref("");
-const valueOTP = ref("");
-const loadingModal = ref(false);
-const timeExp = ref("");
-const onVerifyOTP = () => {
-  loadingModal.value = true;
-  setTimeout(() => {
-    emit("complete", valueOTP.value);
-    isOpen.value = false;
-    loadingModal.value = false;
-  }, 1e3);
-};
-watch(isOpen, (value) => {
-  textRef.value = "";
-  valueOTP.value = "";
-});
-</script>

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

@@ -1,22 +0,0 @@
-import type { ModalPhoneOTPProps } from "@/types/components/modal/modal-phone-otp";
-type __VLS_Props = ModalPhoneOTPProps;
-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: (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onClose?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onComplete?: ((value: string) => any) | undefined;
-}>, {
-    confirmedText: string;
-    phone: string;
-    phoneLabel: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;