pukaad-ui-lib 1.376.1 → 1.377.0

package/dist/module.json

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

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

@@ -49,13 +49,13 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     description: string;
-    options: AutocompleteOption[] | string[] | number[];
     labelKey: string;
     placeholder: string;
-    limit: number;
+    options: AutocompleteOption[] | string[] | number[];
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
     returnObject: boolean;
     freeText: boolean;
     valueKey: string;

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

@@ -49,13 +49,13 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     description: string;
-    options: AutocompleteOption[] | string[] | number[];
     labelKey: string;
     placeholder: string;
-    limit: number;
+    options: AutocompleteOption[] | string[] | number[];
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
     returnObject: boolean;
     freeText: boolean;
     valueKey: string;

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

@@ -34,8 +34,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     name: string;
     fullHeight: boolean;
     fullWidth: boolean;
-    limit: number;
     disabledErrorMessage: boolean;
+    limit: number;
     accept: string;
     labelIcon: string;
     disabledDrop: boolean;

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

@@ -34,8 +34,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     name: string;
     fullHeight: boolean;
     fullWidth: boolean;
-    limit: number;
     disabledErrorMessage: boolean;
+    limit: number;
     accept: string;
     labelIcon: string;
     disabledDrop: boolean;

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

@@ -17,8 +17,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     label: string;
     name: string;
     modelValue: InputLinkItem[] | ContactChannel[];
-    limit: number;
     showCounter: boolean;
+    limit: number;
     format: "legacy" | "contact_channel";
     hideType: boolean;
     hideAddButton: boolean;

package/dist/runtime/components/input/input-link.vue

@@ -52,55 +52,55 @@ const listSocial = [
     name: "Facebook",
     icon: "Facebook",
     example: "https://facebook.com/username",
-    regex: /(?:https?:\/\/)?(?:www\.)?(?:facebook\.com|fb\.com)\/.+/i
+    regex: /^(?:https?:\/\/)?(?:www\.)?(?:facebook\.com|fb\.com)\/.+/i
   },
   {
     name: "Instagram",
     icon: "Instagram",
     example: "https://instagram.com/username",
-    regex: /(?:https?:\/\/)?(?:www\.)?(?:instagram\.com)\/.+/i
+    regex: /^(?:https?:\/\/)?(?:www\.)?(?:instagram\.com)\/.+/i
   },
   {
     name: "Line",
     icon: "Line",
     example: "https://line.me/ti/p/~@line-id",
-    regex: /(?:https?:\/\/)?(?:line\.me|page\.line\.me)\/.+/i
+    regex: /^(?:https?:\/\/)?(?:line\.me|page\.line\.me)\/.+/i
   },
   {
     name: "LinkedIn",
     icon: "LinkedIn",
     example: "https://linkedin.com/in/username",
-    regex: /(?:https?:\/\/)?(?:www\.)?(?:linkedin\.com)\/.+/i
+    regex: /^(?:https?:\/\/)?(?:www\.)?(?:linkedin\.com)\/.+/i
   },
   {
     name: "Pinterest",
     icon: "Pinterest",
     example: "https://pinterest.com/username",
-    regex: /(?:https?:\/\/)?(?:www\.)?(?:pinterest\.com)\/.+/i
+    regex: /^(?:https?:\/\/)?(?:www\.)?(?:pinterest\.com)\/.+/i
   },
   {
     name: "Snapchat",
     icon: "SnapChat",
     example: "https://snapchat.com/add/username",
-    regex: /(?:https?:\/\/)?(?:www\.)?(?:snapchat\.com)\/.+/i
+    regex: /^(?:https?:\/\/)?(?:www\.)?(?:snapchat\.com)\/.+/i
   },
   {
     name: "Threads",
     icon: "Threads",
     example: "https://threads.net/@username",
-    regex: /(?:https?:\/\/)?(?:www\.)?(?:threads\.net)\/.+/i
+    regex: /^(?:https?:\/\/)?(?:www\.)?(?:threads\.net)\/.+/i
   },
   {
     name: "TikTok",
     icon: "TikTok",
     example: "https://tiktok.com/@username",
-    regex: /(?:https?:\/\/)?(?:www\.)?(?:tiktok\.com)\/.+/i
+    regex: /^(?:https?:\/\/)?(?:www\.)?(?:tiktok\.com)\/.+/i
   },
   {
     name: "Tumblr",
     icon: "Tumblr",
     example: "https://username.tumblr.com",
-    regex: /(?:https?:\/\/)?(?:www\.)?(?:tumblr\.com)\/.+/i
+    regex: /^(?:https?:\/\/)?(?:(?!www\.)[A-Za-z0-9-]+\.tumblr\.com(?:\/.*)?|(?:www\.)?tumblr\.com\/.+)$/i
   },
   {
     name: "Website",
@@ -112,19 +112,19 @@ const listSocial = [
     name: "WhatsApp",
     icon: "WhatsApp",
     example: "https://wa.me/1234567890",
-    regex: /(?:https?:\/\/)?(?:wa\.me|api\.whatsapp\.com)\/.+/i
+    regex: /^(?:https?:\/\/)?(?:wa\.me|api\.whatsapp\.com)\/.+/i
   },
   {
     name: "X",
     icon: "X",
     example: "https://x.com/username",
-    regex: /(?:https?:\/\/)?(?:www\.)?(?:twitter\.com|x\.com)\/.+/i
+    regex: /^(?:https?:\/\/)?(?:www\.)?(?:twitter\.com|x\.com)\/.+/i
   },
   {
     name: "YouTube",
     icon: "YouTube",
     example: "https://youtube.com/@username",
-    regex: /(?:https?:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/.+/i
+    regex: /^(?:https?:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/.+/i
   }
 ];
 const linkValue = ref([]);

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

@@ -17,8 +17,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     label: string;
     name: string;
     modelValue: InputLinkItem[] | ContactChannel[];
-    limit: number;
     showCounter: boolean;
+    limit: number;
     format: "legacy" | "contact_channel";
     hideType: boolean;
     hideAddButton: boolean;

package/dist/runtime/components/input/input-localized-name.d.vue.ts

@@ -11,10 +11,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     label: string;
     name: string;
     modelValue: LocalizedNameItem[];
-    options: InputSelectItem[];
     placeholder: string;
-    limit: number;
+    options: InputSelectItem[];
     showCounter: boolean;
+    limit: number;
     addLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/input/input-localized-name.vue.d.ts

@@ -11,10 +11,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     label: string;
     name: string;
     modelValue: LocalizedNameItem[];
-    options: InputSelectItem[];
     placeholder: string;
-    limit: number;
+    options: InputSelectItem[];
     showCounter: boolean;
+    limit: number;
     addLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -22,10 +22,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     description: string;
     labelKey: string;
     placeholder: string;
-    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
     descriptionKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -22,10 +22,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     description: string;
     labelKey: string;
     placeholder: string;
-    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
     descriptionKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -25,8 +25,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: SelectedTag[]) => any) | undefined;
 }>, {
     name: string;
-    state: "user" | "admin";
     placeholder: string;
+    state: "user" | "admin";
     limit: number;
     ignore: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -25,8 +25,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: SelectedTag[]) => any) | undefined;
 }>, {
     name: string;
-    state: "user" | "admin";
     placeholder: string;
+    state: "user" | "admin";
     limit: number;
     ignore: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/input/input-text-field.d.vue.ts

@@ -59,10 +59,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
-    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
     readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/input/input-text-field.vue.d.ts

@@ -59,10 +59,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
-    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
     readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -47,10 +47,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     fullHeight: boolean;
     fullWidth: boolean;
     rows: number;
-    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
     readonly: boolean;
     heightScroll: boolean;
     spaceToComma: boolean;

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

@@ -47,10 +47,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     fullHeight: boolean;
     fullWidth: boolean;
     rows: number;
-    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
     readonly: boolean;
     heightScroll: boolean;
     spaceToComma: boolean;

package/dist/runtime/components/input/input-typed-field.d.vue.ts

@@ -20,8 +20,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     name: string;
     required: boolean;
     options: import("../../../types/components/input/input-select.js").InputSelectItem[];
-    limit: number;
     showCounter: boolean;
+    limit: number;
     selectClass: import("vue").HTMLAttributes["class"];
     resetOnTypeChange: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/input/input-typed-field.vue.d.ts

@@ -20,8 +20,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     name: string;
     required: boolean;
     options: import("../../../types/components/input/input-select.js").InputSelectItem[];
-    limit: number;
     showCounter: boolean;
+    limit: number;
     selectClass: import("vue").HTMLAttributes["class"];
     resetOnTypeChange: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/modal/suggest-edit-place/modal-suggest-edit-place.d.vue.ts

@@ -39,10 +39,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
         categories: string[];
     } | {
         field: "description";
+        value: string;
+    } | {
+        field: "description_edit";
         editType: string;
         value: string;
     } | {
         field: "dateopening";
+        openingHours: BusinessHoursSchedule[];
+        specialDays: SpecialDaySchedule[];
+    } | {
+        field: "dateopening_edit";
         editType: string;
         openingHours: BusinessHoursSchedule[];
         specialDays: SpecialDaySchedule[];
@@ -85,10 +92,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
         categories: string[];
     } | {
         field: "description";
+        value: string;
+    } | {
+        field: "description_edit";
         editType: string;
         value: string;
     } | {
         field: "dateopening";
+        openingHours: BusinessHoursSchedule[];
+        specialDays: SpecialDaySchedule[];
+    } | {
+        field: "dateopening_edit";
         editType: string;
         openingHours: BusinessHoursSchedule[];
         specialDays: SpecialDaySchedule[];

package/dist/runtime/components/modal/suggest-edit-place/modal-suggest-edit-place.vue

@@ -10,14 +10,18 @@
         แนะนำให้แก้ไข
       </div>
       <div v-else class="font-title-medium-prominent">
-        <div v-if="activeField === 'phone' || activeField === 'link'">
+        <div
+          v-if="
+  activeField === 'phone' || activeField === 'link' || activeField === 'description' || activeField === 'dateopening'
+"
+        >
           แนะนำให้แก้ไข
         </div>
         <div v-if="activeField === 'place_name'">แก้ไขชื่อสถานที่</div>
         <div v-if="activeField === 'address'">แก้ไขที่อยู่</div>
         <div v-if="activeField === 'category'">แก้ไขหมวดหมู่</div>
-        <div v-if="activeField === 'description'">แก้ไขคำอธิบาย</div>
-        <div v-if="activeField === 'dateopening'">แก้ไขวัน เวลาทำการ</div>
+        <div v-if="activeField === 'description_edit'">แก้ไขคำอธิบาย</div>
+        <div v-if="activeField === 'dateopening_edit'">แก้ไขวัน เวลาทำการ</div>
         <div v-if="activeField === 'phone_edit'">แก้ไขเบอร์โทรศัพท์</div>
         <div v-if="activeField === 'link_edit'">แก้ไขช่องทางติดต่อ</div>
       </div>
@@ -66,7 +70,9 @@
       </div>
       <div
         class="flex w-full gap-[8px] py-[6px] px-[8px] items-center hover:cursor-pointer"
-        @click="openField('description')"
+        @click="
+  props.item.description ? openDescriptionEditField() : openField('description')
+"
       >
         <div class="flex w-full gap-[8px] font-body-large">
           <Icon
@@ -77,27 +83,22 @@
           <div v-if="props.item.description">
             {{ props.item.description }}
           </div>
-          <div v-else class="text-cloud">ไม่มีข้อมูลคำอธิบาย</div>
+          <div v-else class="text-cloud">เพิ่มคำอธิบาย</div>
         </div>
         <Icon name="lucide:chevron-right" :size="16" />
       </div>
       <div
         class="flex w-full gap-[8px] py-[6px] px-[8px] items-center hover:cursor-pointer"
-        @click="openField('dateopening')"
+        @click="
+  hasOpeningHoursData ? openDateOpeningEditField() : openField('dateopening')
+"
       >
         <div class="flex w-full gap-[8px] font-body-large">
-          <Icon
-            name="lucide:clock"
-            :size="20"
-            :class="[
-  'shrink-0',
-  todayStatus.isOpen ? 'text-primary' : 'text-destructive'
-]"
-          />
+          <Icon name="lucide:clock" :size="20" class="text-primary shrink-0" />
           <div v-if="todayStatus.label" class="font-body-large">
             {{ todayStatus.label }}
           </div>
-          <div v-else class="text-cloud">ไม่มีข้อมูลเวลาทำการ</div>
+          <div v-else class="text-cloud">เพิ่มวัน เวลาทำการ</div>
         </div>
         <Icon name="lucide:chevron-right" :size="16" />
       </div>
@@ -119,20 +120,13 @@
           <Icon name="lucide:chevron-right" :size="16" />
         </div>
       </template>
-      <div v-else class="flex w-full gap-[8px] py-[6px] px-[8px] items-center">
-        <div class="flex w-full gap-[8px] font-body-large">
-          <Icon name="lucide:phone" :size="20" class="text-primary shrink-0" />
-          <div class="text-cloud">ไม่มีข้อมูลเบอร์โทรศัพท์</div>
-        </div>
-        <Icon name="lucide:chevron-right" :size="16" />
-      </div>
       <div
         class="flex w-full gap-[8px] py-[6px] px-[8px] items-center hover:cursor-pointer"
         @click="openField('phone')"
       >
         <div class="flex w-full gap-[8px] font-body-large">
           <Icon name="lucide:phone" :size="20" class="text-primary shrink-0" />
-          <div class="text-gray">เพิ่มเบอร์โทรศัพท์</div>
+          <div class="text-cloud">เพิ่มเบอร์โทรศัพท์</div>
         </div>
         <Icon name="lucide:chevron-right" :size="16" />
       </div>
@@ -150,20 +144,13 @@
           <Icon name="lucide:chevron-right" :size="16" />
         </div>
       </template>
-      <div v-else class="flex w-full gap-[8px] py-[6px] px-[8px] items-center">
-        <div class="flex w-full gap-[8px] font-body-large">
-          <Icon name="lucide:link" :size="20" class="text-primary shrink-0" />
-          <div class="text-cloud">ไม่มีข้อมูลช่องทางติดต่อ</div>
-        </div>
-        <Icon name="lucide:chevron-right" :size="16" />
-      </div>
       <div
         class="flex w-full gap-[8px] py-[6px] px-[8px] items-center hover:cursor-pointer"
         @click="openField('link')"
       >
         <div class="flex w-full gap-[8px] font-body-large">
           <Icon name="lucide:link" :size="20" class="text-primary shrink-0" />
-          <div class="text-gray">เพิ่มช่องทางติดต่ออื่น</div>
+          <div class="text-cloud">เพิ่มช่องทางติดต่ออื่น</div>
         </div>
         <Icon name="lucide:chevron-right" :size="16" />
       </div>
@@ -200,6 +187,11 @@
 
     <PlaceDescription
       v-else-if="activeField === 'description'"
+      v-model:description-value="descriptionValue"
+    />
+
+    <PlaceDescriptionEdit
+      v-else-if="activeField === 'description_edit'"
       :current-description="props.item.description"
       v-model:edit-type="descriptionEditType"
       v-model:description-value="descriptionValue"
@@ -207,6 +199,12 @@
 
     <PlaceDateOpening
       v-else-if="activeField === 'dateopening'"
+      v-model:opening-hours="newOpeningHours"
+      v-model:special-days="newSpecialDays"
+    />
+
+    <PlaceDateOpeningEdit
+      v-else-if="activeField === 'dateopening_edit'"
       :current-opening-hours="props.item.opening_hours"
       :current-special-days="props.item.special_days"
       :current-open-status="props.item.open_status"
@@ -268,8 +266,10 @@ import { useApi } from "#pukaad-ui/runtime/composables/useApi";
 import PlaceName from "./place-name.vue";
 import PlaceAddress from "./place-address.vue";
 import PlaceCategory from "./place-category.vue";
-import PlaceDescription from "./place-description.vue";
-import PlaceDateOpening from "./place-dateopening.vue";
+import PlaceDescription from "./place-Adddescription.vue";
+import PlaceDescriptionEdit from "./place-description.vue";
+import PlaceDateOpening from "./place-Adddateopening.vue";
+import PlaceDateOpeningEdit from "./place-dateopening.vue";
 import PlacePhone from "./place-Addphone.vue";
 import PlacePhoneEdit from "./place-phone.vue";
 import PlaceLink from "./place-Addlink.vue";
@@ -386,6 +386,17 @@ const openField = (field) => {
   }
   activeField.value = field;
 };
+const openDescriptionEditField = () => {
+  descriptionEditType.value = "";
+  descriptionValue.value = "";
+  activeField.value = "description_edit";
+};
+const openDateOpeningEditField = () => {
+  dateOpeningEditType.value = "";
+  newOpeningHours.value = [];
+  newSpecialDays.value = [];
+  activeField.value = "dateopening_edit";
+};
 const openPhoneEditField = (currentPhone) => {
   phoneEditType.value = "";
   editPhoneValue.value = "";
@@ -425,12 +436,25 @@ const buildSuggestEditBody = () => {
         categories: categories.value
       };
     case "description":
+      return {
+        topic_key: "description",
+        edit_type: "add",
+        description: descriptionValue.value
+      };
+    case "description_edit":
       return {
         topic_key: "description",
         edit_type: descriptionEditType.value,
         description: descriptionValue.value
       };
     case "dateopening":
+      return {
+        topic_key: "opening_hours",
+        edit_type: "add",
+        opening_hours: newOpeningHours.value,
+        special_days: newSpecialDays.value
+      };
+    case "dateopening_edit":
       return {
         topic_key: "opening_hours",
         edit_type: dateOpeningEditType.value,
@@ -504,6 +528,12 @@ const onSubmit = async () => {
     if (activeField.value === "description") {
       emit("submit-field", {
         field: "description",
+        value: descriptionValue.value
+      });
+    }
+    if (activeField.value === "description_edit") {
+      emit("submit-field", {
+        field: "description_edit",
         editType: descriptionEditType.value,
         value: descriptionValue.value
       });
@@ -511,6 +541,13 @@ const onSubmit = async () => {
     if (activeField.value === "dateopening") {
       emit("submit-field", {
         field: "dateopening",
+        openingHours: newOpeningHours.value,
+        specialDays: newSpecialDays.value
+      });
+    }
+    if (activeField.value === "dateopening_edit") {
+      emit("submit-field", {
+        field: "dateopening_edit",
         editType: dateOpeningEditType.value,
         openingHours: newOpeningHours.value,
         specialDays: newSpecialDays.value
@@ -579,12 +616,12 @@ const canSubmit = computed(() => {
       if (!categoryEditType.value) return false;
       if (categoryEditType.value === "new") return categories.value.length > 0;
       return true;
-    case "description":
+    case "description_edit":
       if (!descriptionEditType.value) return false;
       if (descriptionEditType.value === "new")
         return !!descriptionValue.value.trim();
       return true;
-    case "dateopening":
+    case "dateopening_edit":
       if (!dateOpeningEditType.value) return false;
       if (dateOpeningEditType.value === "new")
         return newOpeningHours.value.some((s) => s.isOpen);
@@ -597,6 +634,15 @@ const canSubmit = computed(() => {
       if (!linkEditType.value) return false;
       if (linkEditType.value === "new") return !!editChannelValue.value.trim();
       return true;
+    // flow "เพิ่มใหม่" (phone/link/description/dateopening) ไม่มี editType ให้เช็ค แต่ต้องกันส่งค่าว่างเอง
+    case "phone":
+      return !!phoneValue.value.trim();
+    case "link":
+      return newContactChannels.value.some((ch) => !!ch.value.trim());
+    case "description":
+      return !!descriptionValue.value.trim();
+    case "dateopening":
+      return newOpeningHours.value.some((s) => s.isOpen);
     default:
       return true;
   }
@@ -656,4 +702,7 @@ const todayStatus = computed(() => {
     label: nextSlot ? `\u0E1B\u0E34\u0E14\u0E2D\u0E22\u0E39\u0E48 \u2022 \u0E40\u0E1B\u0E34\u0E14\u0E40\u0E27\u0E25\u0E32 ${nextSlot.start} \u0E19.` : "\u0E1B\u0E34\u0E14\u0E2D\u0E22\u0E39\u0E48 \u2022 \u0E27\u0E31\u0E19\u0E19\u0E35\u0E49\u0E1B\u0E34\u0E14\u0E17\u0E33\u0E01\u0E32\u0E23\u0E41\u0E25\u0E49\u0E27"
   };
 });
+const hasOpeningHoursData = computed(
+  () => toArray(props.item.opening_hours).length > 0 || toArray(props.item.special_days).length > 0
+);
 </script>

package/dist/runtime/components/modal/suggest-edit-place/modal-suggest-edit-place.vue.d.ts

@@ -39,10 +39,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
         categories: string[];
     } | {
         field: "description";
+        value: string;
+    } | {
+        field: "description_edit";
         editType: string;
         value: string;
     } | {
         field: "dateopening";
+        openingHours: BusinessHoursSchedule[];
+        specialDays: SpecialDaySchedule[];
+    } | {
+        field: "dateopening_edit";
         editType: string;
         openingHours: BusinessHoursSchedule[];
         specialDays: SpecialDaySchedule[];
@@ -85,10 +92,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
         categories: string[];
     } | {
         field: "description";
+        value: string;
+    } | {
+        field: "description_edit";
         editType: string;
         value: string;
     } | {
         field: "dateopening";
+        openingHours: BusinessHoursSchedule[];
+        specialDays: SpecialDaySchedule[];
+    } | {
+        field: "dateopening_edit";
         editType: string;
         openingHours: BusinessHoursSchedule[];
         specialDays: SpecialDaySchedule[];

package/dist/runtime/components/modal/suggest-edit-place/place-Adddateopening.d.vue.ts

@@ -0,0 +1,15 @@
+import type { BusinessHoursSchedule } from "#pukaad-ui/runtime/components/input/input-date-opening.vue";
+import type { SpecialDaySchedule } from "#pukaad-ui/runtime/components/input/input-date-opening-special.vue";
+type __VLS_ModelProps = {
+    "openingHours"?: BusinessHoursSchedule[];
+    "specialDays"?: SpecialDaySchedule[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:openingHours": (value: BusinessHoursSchedule[]) => any;
+    "update:specialDays": (value: SpecialDaySchedule[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:openingHours"?: ((value: BusinessHoursSchedule[]) => any) | undefined;
+    "onUpdate:specialDays"?: ((value: SpecialDaySchedule[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/modal/suggest-edit-place/place-Adddateopening.vue

@@ -0,0 +1,27 @@
+<template>
+  <div class="flex flex-col gap-[16px]">
+    <div class="flex gap-[8px] items-center">
+      <Icon name="lucide:clock" :size="20" class="text-primary shrink-0" />
+      <div class="font-body-large-prominent">เพิ่มวัน เวลาทำการ</div>
+    </div>
+    <InputDateOpening name="new_opening_hours" v-model="newOpeningHours" />
+    <InputDateOpeningSpecial
+      v-if="isNewOpeningHoursCompleted"
+      name="new_special_days"
+      v-model="newSpecialDays"
+    />
+  </div>
+</template>
+
+<script setup>
+import { computed } from "vue";
+const newOpeningHours = defineModel("openingHours", { type: Array, ...{
+  default: () => []
+} });
+const newSpecialDays = defineModel("specialDays", { type: Array, ...{
+  default: () => []
+} });
+const isNewOpeningHoursCompleted = computed(
+  () => Array.isArray(newOpeningHours.value) && newOpeningHours.value.some((s) => s.isOpen)
+);
+</script>

package/dist/runtime/components/modal/suggest-edit-place/place-Adddateopening.vue.d.ts

@@ -0,0 +1,15 @@
+import type { BusinessHoursSchedule } from "#pukaad-ui/runtime/components/input/input-date-opening.vue";
+import type { SpecialDaySchedule } from "#pukaad-ui/runtime/components/input/input-date-opening-special.vue";
+type __VLS_ModelProps = {
+    "openingHours"?: BusinessHoursSchedule[];
+    "specialDays"?: SpecialDaySchedule[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:openingHours": (value: BusinessHoursSchedule[]) => any;
+    "update:specialDays": (value: SpecialDaySchedule[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:openingHours"?: ((value: BusinessHoursSchedule[]) => any) | undefined;
+    "onUpdate:specialDays"?: ((value: SpecialDaySchedule[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/modal/suggest-edit-place/place-Adddescription.d.vue.ts

@@ -0,0 +1,10 @@
+type __VLS_ModelProps = {
+    "descriptionValue"?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:descriptionValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:descriptionValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/modal/suggest-edit-place/place-Adddescription.vue

@@ -0,0 +1,26 @@
+<template>
+  <div class="flex flex-col gap-[16px]">
+    <div class="flex gap-[8px] items-center">
+      <Icon
+        name="lucide:circle-alert"
+        :size="20"
+        class="text-primary shrink-0"
+      />
+      <div class="font-body-large-prominent">เพิ่มคำอธิบาย</div>
+    </div>
+    <InputTextarea
+      name="new_description"
+      v-model="descriptionValue"
+      label="คำอธิบาย"
+      placeholder="คำอธิบายเกี่ยวกับสถานที่ (สูงสุด 220 ตัวอักษร)"
+      :limit="220"
+      show-counter
+    />
+  </div>
+</template>
+
+<script setup>
+const descriptionValue = defineModel("descriptionValue", { type: String, ...{
+  default: ""
+} });
+</script>

package/dist/runtime/components/modal/suggest-edit-place/place-Adddescription.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_ModelProps = {
+    "descriptionValue"?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:descriptionValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:descriptionValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/package.json

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