pukaad-ui-lib 1.319.0 → 1.321.0

package/dist/module.json

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

package/dist/runtime/components/drawer/drawer-suggest-place/drawer-suggest-place.vue

@@ -102,6 +102,7 @@
     <!-- personal / business: แสดงตรงๆ ไม่มี tabs -->
     <div v-else>
       <SuggestPlaceForm
+        ref="formRef"
         v-model="formData"
         :state="props.state"
         :fixed-province-id="provinceIdState ?? void 0"
@@ -123,6 +124,7 @@ import { computed, ref, watch } from "vue";
 import { useNuxtApp, useState } from "nuxt/app";
 import { useApi } from "#pukaad-ui/runtime/composables/useApi";
 import { usePresignedUpload } from "#pukaad-ui/runtime/composables/usePresignedUpload";
+import SuggestPlaceForm from "./suggest-place-form.vue";
 const props = defineProps({
   state: { type: String, required: false, default: "personal" },
   editId: { type: String, required: false }
@@ -137,6 +139,7 @@ const provinceIdState = useState(
 const { uploadFiles } = usePresignedUpload();
 const isOpen = defineModel({ type: Boolean, ...{ default: false } });
 const formData = defineModel("data", { type: Object, ...{ default: () => ({}) } });
+const formRef = ref(null);
 const loading = ref(false);
 const photoColumns = ref(false);
 const videoColumns = ref(false);
@@ -172,6 +175,10 @@ const endpointMap = {
   backoffice: "/office/suggest-places"
 };
 const onSubmit = async () => {
+  if (props.state !== "backoffice") {
+    const isDuplicate = await formRef.value?.checkDuplicate();
+    if (isDuplicate) return;
+  }
   loading.value = true;
   try {
     const d = formData.value;

package/dist/runtime/components/drawer/drawer-suggest-place/suggest-place-form.d.vue.ts

@@ -41,7 +41,9 @@ type __VLS_ModelProps = {
     modelValue?: SuggestPlaceData;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+    checkDuplicate: () => Promise<boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: SuggestPlaceData) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: SuggestPlaceData) => any) | undefined;

package/dist/runtime/components/drawer/drawer-suggest-place/suggest-place-form.vue

@@ -227,15 +227,13 @@ const fetchApprovedPlaces = async (page, pageSize, search) => {
     meta: { total_pages: res.meta?.total_pages ?? 1 }
   };
 };
-const lastCheckedDuplicateName = ref("");
-let duplicateCheckTimer = null;
 const showDuplicateAlert = async (item) => {
   const result = await $alert.show({
     type: "warning",
     title: "\u0E21\u0E35\u0E2A\u0E16\u0E32\u0E19\u0E17\u0E35\u0E48\u0E19\u0E35\u0E49\u0E43\u0E19\u0E23\u0E30\u0E1A\u0E1A\u0E41\u0E25\u0E49\u0E27",
     description: `"${item.business_name}" \u0E21\u0E35\u0E2D\u0E22\u0E39\u0E48\u0E41\u0E25\u0E49\u0E27\u0E17\u0E35\u0E48 ${item.address?.full_address ?? ""}`,
     confirmText: "\u0E14\u0E39\u0E2A\u0E16\u0E32\u0E19\u0E17\u0E35\u0E48\u0E19\u0E35\u0E49",
-    cancelText: "\u0E1B\u0E34\u0E14",
+    cancelText: "\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01",
     showCancelBtn: true
   });
   if (result.isConfirmed && item.id) {
@@ -247,10 +245,10 @@ const onSelectSuggestedPlace = async (item) => {
   await showDuplicateAlert(item);
 };
 const checkDuplicate = async () => {
-  if (props.state === "backoffice") return;
-  if (!isAddressCompleted.value) return;
+  if (props.state === "backoffice") return false;
+  if (!isAddressCompleted.value) return false;
   const name = modelValue.businessName?.trim();
-  if (!name || name === lastCheckedDuplicateName.value) return;
+  if (!name) return false;
   try {
     const base = listEndpointMap[props.state] ?? "/personal/suggest-places";
     const res = await api(base, {
@@ -267,20 +265,14 @@ const checkDuplicate = async () => {
       (p) => p.business_name.trim().toLowerCase() === name.toLowerCase() && p.address?.tambon_id === modelValue.address?.tambon_id
     );
     if (match) {
-      lastCheckedDuplicateName.value = name;
       await showDuplicateAlert(match);
+      return true;
     }
   } catch {
   }
+  return false;
 };
-watch(
-  () => [modelValue.businessName, modelValue.address?.tambon_id],
-  ([name]) => {
-    if (!name || !isAddressCompleted.value || props.state === "backoffice") return;
-    if (duplicateCheckTimer) clearTimeout(duplicateCheckTimer);
-    duplicateCheckTimer = setTimeout(checkDuplicate, 600);
-  }
-);
+defineExpose({ checkDuplicate });
 const categoryOptions = ref([]);
 onMounted(async () => {
   try {

package/dist/runtime/components/drawer/drawer-suggest-place/suggest-place-form.vue.d.ts

@@ -41,7 +41,9 @@ type __VLS_ModelProps = {
     modelValue?: SuggestPlaceData;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+    checkDuplicate: () => Promise<boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: SuggestPlaceData) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: SuggestPlaceData) => any) | undefined;

package/dist/runtime/components/image/image-cropper.d.vue.ts

@@ -64,15 +64,15 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
     src: string;
     center: boolean;
-    background: boolean;
-    modal: boolean;
     responsive: boolean;
     restore: boolean;
     checkCrossOrigin: boolean;
     checkOrientation: boolean;
     crossorigin: "" | "anonymous" | "use-credentials";
+    modal: boolean;
     guides: boolean;
     highlight: boolean;
+    background: boolean;
     autoCrop: boolean;
     movable: boolean;
     rotatable: boolean;

package/dist/runtime/components/image/image-cropper.vue.d.ts

@@ -64,15 +64,15 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
     src: string;
     center: boolean;
-    background: boolean;
-    modal: boolean;
     responsive: boolean;
     restore: boolean;
     checkCrossOrigin: boolean;
     checkOrientation: boolean;
     crossorigin: "" | "anonymous" | "use-credentials";
+    modal: boolean;
     guides: boolean;
     highlight: boolean;
+    background: boolean;
     autoCrop: boolean;
     movable: boolean;
     rotatable: boolean;

package/package.json

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