pukaad-ui-lib 1.371.0 → 1.372.0

package/dist/module.json

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

package/dist/runtime/components/card/card-place-detail.vue

@@ -48,25 +48,27 @@
         <div v-if="props.item.phone">{{ props.item.phone }}</div>
         <div v-else class="text-cloud">ไม่มีข้อมูลเบอร์โทรศัพท์</div>
       </div>
-      <div class="flex gap-[12px]">
-        <Icon
-          name="lucide:shield-check"
-          :size="20"
-          class="text-primary shrink-0 mt-[2px]"
-        />
-        <div class="font-body-large">หากคุณเป็นเจ้าของธุรกิจนี้</div>
-      </div>
-      <div
-        class="flex gap-[12px] hover:cursor-pointer"
-        @click="isOpenModalSuggestEdit = true"
-      >
-        <Icon
-          name="lucide:square-pen"
-          :size="20"
-          class="text-primary shrink-0 mt-[2px]"
-        />
-        <div class="font-body-large">แนะนำให้แก้ไข</div>
-      </div>
+      <template v-if="!props.item.owner_profile_id">
+        <div class="flex gap-[12px]">
+          <Icon
+            name="lucide:shield-check"
+            :size="20"
+            class="text-primary shrink-0 mt-[2px]"
+          />
+          <div class="font-body-large">หากคุณเป็นเจ้าของธุรกิจนี้</div>
+        </div>
+        <div
+          class="flex gap-[12px] hover:cursor-pointer"
+          @click="isOpenModalSuggestEdit = true"
+        >
+          <Icon
+            name="lucide:square-pen"
+            :size="20"
+            class="text-primary shrink-0 mt-[2px]"
+          />
+          <div class="font-body-large">แนะนำให้แก้ไข</div>
+        </div>
+      </template>
       <Divider />
 
       <div v-if="socialLinks.length" class="flex flex-col gap-[8px]">
@@ -90,6 +92,7 @@
       </div>
     </div>
     <ModalSuggestEditPlace
+      v-if="!props.item.owner_profile_id"
       v-model="isOpenModalSuggestEdit"
       :item="props.item"
     />

package/dist/runtime/components/card/card-profile-header.d.vue.ts

@@ -7,9 +7,9 @@ declare const __VLS_export: import("vue").DefineComponent<CardProfileAboutProps,
     onChat?: (() => any) | undefined;
 }>, {
     type: "article" | "media" | "sale-info";
+    preview: boolean;
     optionMenuButtonType: "solid" | "text";
     actionsHidden: boolean;
-    preview: boolean;
     disabledPadding: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/card/card-profile-header.vue.d.ts

@@ -7,9 +7,9 @@ declare const __VLS_export: import("vue").DefineComponent<CardProfileAboutProps,
     onChat?: (() => any) | undefined;
 }>, {
     type: "article" | "media" | "sale-info";
+    preview: boolean;
     optionMenuButtonType: "solid" | "text";
     actionsHidden: boolean;
-    preview: boolean;
     disabledPadding: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/card/card-reaction.d.vue.ts

@@ -24,8 +24,8 @@ type __VLS_Props = {
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     disabled: boolean;
     id: string;
-    disabledPadding: boolean;
     state: string;
+    disabledPadding: boolean;
     itemCount: Count;
     itemActive: Reacted;
     padding: string | number;

package/dist/runtime/components/card/card-reaction.vue.d.ts

@@ -24,8 +24,8 @@ type __VLS_Props = {
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     disabled: boolean;
     id: string;
-    disabledPadding: boolean;
     state: string;
+    disabledPadding: boolean;
     itemCount: Count;
     itemActive: Reacted;
     padding: string | number;

package/dist/runtime/components/card/card-review.d.vue.ts

@@ -36,17 +36,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onReply-delete"?: ((item: CardReviewProps) => any) | undefined;
 }>, {
     item: CardReviewProps;
-    disabledMenu: boolean;
-    isProfile: boolean;
-    disabledLike: boolean;
-    allowReply: boolean;
-    replyAvatar: string;
     place: {
         id: string | number;
         name?: string;
         address?: string;
         cover?: string;
     };
+    disabledMenu: boolean;
+    isProfile: boolean;
+    disabledLike: boolean;
+    allowReply: boolean;
+    replyAvatar: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/card/card-review.vue.d.ts

@@ -36,17 +36,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onReply-delete"?: ((item: CardReviewProps) => any) | undefined;
 }>, {
     item: CardReviewProps;
-    disabledMenu: boolean;
-    isProfile: boolean;
-    disabledLike: boolean;
-    allowReply: boolean;
-    replyAvatar: string;
     place: {
         id: string | number;
         name?: string;
         address?: string;
         cover?: string;
     };
+    disabledMenu: boolean;
+    isProfile: boolean;
+    disabledLike: boolean;
+    allowReply: boolean;
+    replyAvatar: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/display/display-image-place.d.vue.ts

@@ -15,9 +15,9 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     title: string;
-    state: "personal" | "office" | "business";
     photos: MediaItem[];
     videos: MediaItem[];
+    state: "personal" | "office" | "business";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/display/display-image-place.vue.d.ts

@@ -15,9 +15,9 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     title: string;
-    state: "personal" | "office" | "business";
     photos: MediaItem[];
     videos: MediaItem[];
+    state: "personal" | "office" | "business";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/drawer/drawer-profile-network.d.vue.ts

@@ -30,9 +30,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onExplore-places"?: (() => any) | undefined;
     "onRequire-auth"?: (() => any) | undefined;
 }>, {
-    isMyProfile: boolean;
     profileId: string;
     defaultTab: "followers" | "following" | "favorites";
+    isMyProfile: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/drawer/drawer-profile-network.vue.d.ts

@@ -30,9 +30,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onExplore-places"?: (() => any) | undefined;
     "onRequire-auth"?: (() => any) | undefined;
 }>, {
-    isMyProfile: boolean;
     profileId: string;
     defaultTab: "followers" | "following" | "favorites";
+    isMyProfile: boolean;
 }, {}, {}, {}, 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

@@ -49,10 +49,10 @@ 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;

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

@@ -49,10 +49,10 @@ 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;

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

@@ -11,9 +11,9 @@ 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;
     addLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -11,9 +11,9 @@ 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;
     addLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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-typed-field.d.vue.ts

@@ -19,8 +19,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;
+    options: import("../../../types/components/input/input-select.js").InputSelectItem[];
     showCounter: boolean;
     selectClass: import("vue").HTMLAttributes["class"];
     resetOnTypeChange: boolean;

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

@@ -19,8 +19,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;
+    options: import("../../../types/components/input/input-select.js").InputSelectItem[];
     showCounter: boolean;
     selectClass: import("vue").HTMLAttributes["class"];
     resetOnTypeChange: boolean;

package/dist/runtime/components/modal/modal-media-view.d.vue.ts

@@ -23,8 +23,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     items: CarouselItem[];
-    startIndex: number;
     uploaderLabel: string;
+    startIndex: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-media-view.vue.d.ts

@@ -23,8 +23,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     items: CarouselItem[];
-    startIndex: number;
     uploaderLabel: string;
+    startIndex: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,5 +1,5 @@
 <template>
-  <Modal class="w-[512px]" v-model="isOpen" :loading="false" @submit="onSubmit">
+  <Modal class="w-[512px]" v-model="isOpen" :loading="isSubmitting" @submit="onSubmit">
     <template #header>
       <div v-if="activeField === 'list'" class="font-title-medium-prominent">
         แนะนำให้แก้ไข
@@ -396,79 +396,164 @@ const openLinkEditField = (channel) => {
 const cancelEdit = () => {
   activeField.value = "list";
 };
-const onSubmit = () => {
-  if (activeField.value === "place_name") {
-    emit("submit-field", {
-      field: "place_name",
-      editType: editType.value,
-      value: newName.value,
-      localizedNames: localizedNames.value
-    });
-  }
-  if (activeField.value === "address") {
-    emit("submit-field", {
-      field: "address",
-      editType: addressEditType.value,
-      addressValue: addressValue.value,
-      latLng: addressLatLng.value
-    });
-  }
-  if (activeField.value === "category") {
-    emit("submit-field", {
-      field: "category",
-      editType: categoryEditType.value,
-      categories: categories.value
-    });
-  }
-  if (activeField.value === "description") {
-    emit("submit-field", {
-      field: "description",
-      editType: descriptionEditType.value,
-      value: descriptionValue.value
-    });
-  }
-  if (activeField.value === "dateopening") {
-    emit("submit-field", {
-      field: "dateopening",
-      editType: dateOpeningEditType.value,
-      openingHours: newOpeningHours.value,
-      specialDays: newSpecialDays.value
-    });
-  }
-  if (activeField.value === "phone") {
-    emit("submit-field", {
-      field: "phone",
-      value: phoneValue.value
-    });
+const isSubmitting = ref(false);
+const buildSuggestEditBody = () => {
+  switch (activeField.value) {
+    case "place_name":
+      return {
+        topic_key: "name",
+        edit_type: editType.value,
+        name: newName.value,
+        localized_names: localizedNames.value.filter((r) => r.editType === "new" && r.newName.trim()).map((r) => ({ language: r.language, name: r.newName }))
+      };
+    case "address":
+      return {
+        topic_key: "address",
+        edit_type: addressEditType.value,
+        address: addressValue.value,
+        latLng: addressLatLng.value ?? void 0
+      };
+    case "category":
+      return {
+        topic_key: "category",
+        edit_type: categoryEditType.value,
+        categories: categories.value
+      };
+    case "description":
+      return {
+        topic_key: "description",
+        edit_type: descriptionEditType.value,
+        description: descriptionValue.value
+      };
+    case "dateopening":
+      return {
+        topic_key: "opening_hours",
+        edit_type: dateOpeningEditType.value,
+        opening_hours: newOpeningHours.value,
+        special_days: newSpecialDays.value
+      };
+    case "phone":
+      return {
+        topic_key: "phone",
+        edit_type: "add",
+        value: phoneValue.value
+      };
+    case "phone_edit":
+      return {
+        topic_key: "phone",
+        edit_type: phoneEditType.value,
+        target_value: editingPhone.value,
+        value: editPhoneValue.value
+      };
+    case "link":
+      return {
+        topic_key: "contact_channels",
+        edit_type: "add",
+        contact_channels: newContactChannels.value
+      };
+    case "link_edit":
+      return {
+        topic_key: "contact_channels",
+        edit_type: linkEditType.value,
+        target_channel_id: editingChannel.value?.id,
+        target_value: editingChannel.value?.value,
+        value: editChannelValue.value
+      };
+    default:
+      return null;
   }
-  if (activeField.value === "phone_edit") {
-    emit("submit-field", {
-      field: "phone_edit",
-      currentPhone: editingPhone.value,
-      editType: phoneEditType.value,
-      value: editPhoneValue.value
+};
+const onSubmit = async () => {
+  const body = buildSuggestEditBody();
+  if (!body || isSubmitting.value) return;
+  isSubmitting.value = true;
+  try {
+    await api(`/suggest-places/${props.item.id}/suggest-edits`, {
+      method: "post",
+      body
     });
-  }
-  if (activeField.value === "link") {
-    emit("submit-field", {
-      field: "link",
-      channels: newContactChannels.value
+    if (activeField.value === "place_name") {
+      emit("submit-field", {
+        field: "place_name",
+        editType: editType.value,
+        value: newName.value,
+        localizedNames: localizedNames.value
+      });
+    }
+    if (activeField.value === "address") {
+      emit("submit-field", {
+        field: "address",
+        editType: addressEditType.value,
+        addressValue: addressValue.value,
+        latLng: addressLatLng.value
+      });
+    }
+    if (activeField.value === "category") {
+      emit("submit-field", {
+        field: "category",
+        editType: categoryEditType.value,
+        categories: categories.value
+      });
+    }
+    if (activeField.value === "description") {
+      emit("submit-field", {
+        field: "description",
+        editType: descriptionEditType.value,
+        value: descriptionValue.value
+      });
+    }
+    if (activeField.value === "dateopening") {
+      emit("submit-field", {
+        field: "dateopening",
+        editType: dateOpeningEditType.value,
+        openingHours: newOpeningHours.value,
+        specialDays: newSpecialDays.value
+      });
+    }
+    if (activeField.value === "phone") {
+      emit("submit-field", {
+        field: "phone",
+        value: phoneValue.value
+      });
+    }
+    if (activeField.value === "phone_edit") {
+      emit("submit-field", {
+        field: "phone_edit",
+        currentPhone: editingPhone.value,
+        editType: phoneEditType.value,
+        value: editPhoneValue.value
+      });
+    }
+    if (activeField.value === "link") {
+      emit("submit-field", {
+        field: "link",
+        channels: newContactChannels.value
+      });
+    }
+    if (activeField.value === "link_edit") {
+      emit("submit-field", {
+        field: "link_edit",
+        currentChannel: editingChannel.value,
+        editType: linkEditType.value,
+        value: editChannelValue.value
+      });
+    }
+    activeField.value = "list";
+    $alert.show({
+      type: "success",
+      title: "\u0E02\u0E2D\u0E1A\u0E04\u0E38\u0E13\u0E17\u0E35\u0E48\u0E41\u0E08\u0E49\u0E07\u0E43\u0E2B\u0E49\u0E40\u0E23\u0E32\u0E17\u0E23\u0E32\u0E1A !",
+      description: "\u0E40\u0E23\u0E32\u0E08\u0E30\u0E43\u0E0A\u0E49\u0E40\u0E27\u0E25\u0E32\u0E2A\u0E2D\u0E07\u0E2A\u0E32\u0E21\u0E27\u0E31\u0E19\u0E43\u0E19\u0E01\u0E32\u0E23\u0E15\u0E23\u0E27\u0E08\u0E2A\u0E2D\u0E1A\u0E23\u0E32\u0E22\u0E07\u0E32\u0E19\u0E02\u0E2D\u0E07\u0E04\u0E38\u0E13"
     });
-  }
-  if (activeField.value === "link_edit") {
-    emit("submit-field", {
-      field: "link_edit",
-      currentChannel: editingChannel.value,
-      editType: linkEditType.value,
-      value: editChannelValue.value
+  } catch (error) {
+    console.error(error);
+    $alert.show({
+      type: "error",
+      title: "\u0E40\u0E01\u0E34\u0E14\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14",
+      description: "\u0E01\u0E23\u0E38\u0E13\u0E32\u0E25\u0E2D\u0E07\u0E43\u0E2B\u0E21\u0E48\u0E2D\u0E35\u0E01\u0E04\u0E23\u0E31\u0E49\u0E07 !"
     });
+  } finally {
+    isSubmitting.value = false;
   }
-  activeField.value = "list";
-  $alert.show({
-    type: "success",
-    title: "\u0E02\u0E2D\u0E1A\u0E04\u0E38\u0E13\u0E17\u0E35\u0E48\u0E41\u0E08\u0E49\u0E07\u0E43\u0E2B\u0E49\u0E40\u0E23\u0E32\u0E17\u0E23\u0E32\u0E1A !",
-    description: "\u0E40\u0E23\u0E32\u0E08\u0E30\u0E43\u0E0A\u0E49\u0E40\u0E27\u0E25\u0E32\u0E2A\u0E2D\u0E07\u0E2A\u0E32\u0E21\u0E27\u0E31\u0E19\u0E43\u0E19\u0E01\u0E32\u0E23\u0E15\u0E23\u0E27\u0E08\u0E2A\u0E2D\u0E1A\u0E23\u0E32\u0E22\u0E07\u0E32\u0E19\u0E02\u0E2D\u0E07\u0E04\u0E38\u0E13"
-  });
 };
 const canSubmit = computed(() => {
   switch (activeField.value) {

package/package.json

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