pukaad-ui-lib 1.239.0 → 1.241.0

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;

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

@@ -1,18 +0,0 @@
-import type { ModalUserAccountListProps, ModalUserAccountListItem } from "@/types/components/modal/modal-user-account-list";
-type __VLS_Props = ModalUserAccountListProps;
-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: (value: ModalUserAccountListItem | null) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onComplete?: ((value: ModalUserAccountListItem | null) => any) | undefined;
-}>, {
-    items: ModalUserAccountListItem[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

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

@@ -1,51 +0,0 @@
-<template>
-  <Modal title="เลือกวิธีตรวจสอบ" v-model="modelValue">
-    <template v-for="(item, index) in props.items" :key="index">
-      <div class="py-[12px] px-[16px]">
-        <InputRadio :item="item.value" label-position="left" v-model="selected">
-          <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 !== props.items.length - 1" />
-    </template>
-
-    <template #footer>
-      <Button
-        color="primary"
-        full-width
-        @click="onConfirm"
-        :disabled="!selected"
-      >
-        ยืนยัน
-      </Button>
-    </template>
-  </Modal>
-</template>
-
-<script setup>
-import { ref } from "vue";
-const emit = defineEmits(["complete"]);
-const props = defineProps({
-  items: { type: Array, required: false, default: () => [] }
-});
-const selected = ref(null);
-const modelValue = defineModel({ type: Boolean, ...{
-  default: false
-} });
-const onConfirm = () => {
-  const selectedItem = props.items.find(
-    (item) => item.value === selected.value
-  );
-  emit("complete", selectedItem ?? null);
-  modelValue.value = false;
-  selected.value = null;
-};
-</script>

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

@@ -1,18 +0,0 @@
-import type { ModalUserAccountListProps, ModalUserAccountListItem } from "@/types/components/modal/modal-user-account-list";
-type __VLS_Props = ModalUserAccountListProps;
-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: (value: ModalUserAccountListItem | null) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onComplete?: ((value: ModalUserAccountListItem | null) => any) | undefined;
-}>, {
-    items: ModalUserAccountListItem[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;