pukaad-ui-lib 1.452.0 → 1.454.0

package/dist/module.json

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

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

@@ -9,7 +9,7 @@
     />
     <div
       v-else
-      class="w-[227px] h-[128px] rounded-[4px] flex-shrink-0 bg-cloud flex items-center justify-center"
+      class="w-[227px] h-[128px] rounded-[4px] flex-shrink-0 bg-mercury flex items-center justify-center"
     >
       <Icon name="pukaad:map-location-dot" :size="36" class="text-gray" />
     </div>

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/display/display-video.d.vue.ts

@@ -102,9 +102,9 @@ declare const __VLS_base: import("vue").DefineComponent<DisplayVideoProps, {
     loop: boolean;
     controls: boolean;
     preload: "none" | "metadata" | "auto";
+    playsinline: boolean;
     sources: DisplayVideoSource[];
     tracks: DisplayVideoTrack[];
-    playsinline: boolean;
     disablePictureInPicture: boolean;
     disableRemotePlayback: boolean;
     volume: number;

package/dist/runtime/components/display/display-video.vue.d.ts

@@ -102,9 +102,9 @@ declare const __VLS_base: import("vue").DefineComponent<DisplayVideoProps, {
     loop: boolean;
     controls: boolean;
     preload: "none" | "metadata" | "auto";
+    playsinline: boolean;
     sources: DisplayVideoSource[];
     tracks: DisplayVideoTrack[];
-    playsinline: boolean;
     disablePictureInPicture: boolean;
     disableRemotePlayback: boolean;
     volume: number;

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

@@ -50,12 +50,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     label: string;
     name: string;
     required: boolean;
-    placeholder: string;
     layout: "vertical" | "horizontal";
-    gap: number | string;
+    placeholder: string;
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;
+    gap: number | 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

@@ -50,12 +50,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     label: string;
     name: string;
     required: boolean;
-    placeholder: string;
     layout: "vertical" | "horizontal";
-    gap: number | string;
+    placeholder: string;
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;
+    gap: number | 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

@@ -69,10 +69,10 @@ declare const __VLS_base: 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

@@ -69,10 +69,10 @@ declare const __VLS_base: 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-birth-date.d.vue.ts

@@ -30,9 +30,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     id: string;
     name: string;
     required: boolean;
+    layout: "month-and-year" | "month-only" | "year-only";
     locale: string;
     placeholder: string;
-    layout: "month-and-year" | "month-only" | "year-only";
     disabledErrorMessage: boolean;
     dateFormat: string;
     minAge: number;

package/dist/runtime/components/input/input-birth-date.vue.d.ts

@@ -30,9 +30,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     id: string;
     name: string;
     required: boolean;
+    layout: "month-and-year" | "month-only" | "year-only";
     locale: string;
     placeholder: string;
-    layout: "month-and-year" | "month-only" | "year-only";
     disabledErrorMessage: boolean;
     dateFormat: string;
     minAge: number;

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

@@ -48,8 +48,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     disabled: boolean;
     name: string;
     placeholder: string;
-    maxHeight: number;
     maxlength: number;
+    maxHeight: number;
     limitImage: number;
     limitVideo: number;
     disabledMedia: boolean;

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

@@ -48,8 +48,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     disabled: boolean;
     name: string;
     placeholder: string;
-    maxHeight: number;
     maxlength: number;
+    maxHeight: number;
     limitImage: number;
     limitVideo: number;
     disabledMedia: boolean;

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

@@ -46,8 +46,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     loading: boolean;
     disabled: boolean;
-    placeholder: string;
     cancelText: string;
+    placeholder: string;
     autofocus: boolean;
     disabledAvatar: boolean;
     submitText: string;

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

@@ -46,8 +46,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     loading: boolean;
     disabled: boolean;
-    placeholder: string;
     cancelText: string;
+    placeholder: string;
     autofocus: boolean;
     disabledAvatar: boolean;
     submitText: string;

package/dist/runtime/components/input/input-date-picker.d.vue.ts

@@ -44,9 +44,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
+    layout: "month-and-year" | "month-only" | "year-only";
     locale: string;
     placeholder: string;
-    layout: "month-and-year" | "month-only" | "year-only";
     disabledErrorMessage: boolean;
     dateFormat: string;
     showTime: boolean;

package/dist/runtime/components/input/input-date-picker.vue.d.ts

@@ -44,9 +44,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
+    layout: "month-and-year" | "month-only" | "year-only";
     locale: string;
     placeholder: string;
-    layout: "month-and-year" | "month-only" | "year-only";
     disabledErrorMessage: boolean;
     dateFormat: string;
     showTime: boolean;

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

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

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

@@ -37,8 +37,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     fullWidth: boolean;
     fullHeight: boolean;
     limit: number;
-    accept: string;
     disabledErrorMessage: boolean;
+    accept: string;
     labelIcon: string;
     disabledDrop: boolean;
     column: 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[];
     removable: boolean;
     showCounter: boolean;
     addLabel: string;

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[];
     removable: boolean;
     showCounter: boolean;
     addLabel: string;

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

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     id: string;
     name: string;
-    disabledForgotPassword: boolean;
     new: boolean;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     id: string;
     name: string;
-    disabledForgotPassword: boolean;
     new: boolean;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-select-place.vue

@@ -36,7 +36,7 @@
               />
               <div
                 v-else
-                class="w-[105px] h-[60px] bg-cloud flex items-center justify-center rounded-[4px]"
+                class="w-[105px] h-[60px] bg-mercury flex items-center justify-center rounded-[4px]"
               >
                 <Icon
                   name="pukaad:map-location-dot"
@@ -118,7 +118,7 @@
         />
         <div
           v-else
-          class="w-[105px] h-[60px] bg-cloud flex items-center justify-center rounded-[4px]"
+          class="w-[105px] h-[60px] bg-mercury flex items-center justify-center rounded-[4px]"
         >
           <Icon
             name="pukaad:map-location-dot"

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

@@ -40,9 +40,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
+    options: InputTagModalOption[];
     labelKey: string;
     placeholder: string;
-    options: InputTagModalOption[];
     disabledErrorMessage: boolean;
     valueKey: string;
     searchPlaceholder: string;

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

@@ -40,9 +40,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
+    options: InputTagModalOption[];
     labelKey: string;
     placeholder: string;
-    options: InputTagModalOption[];
     disabledErrorMessage: boolean;
     valueKey: string;
     searchPlaceholder: string;

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

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

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

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

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

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

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

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

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[];
-    uploaderLabel: string;
     startIndex: number;
+    uploaderLabel: string;
 }, {}, {}, {}, 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[];
-    uploaderLabel: string;
     startIndex: number;
+    uploaderLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/picker/picker-option-menu/picker-option-menu-user.vue

@@ -25,7 +25,9 @@
 
 <script setup>
 import { computed, ref } from "vue";
-const emit = defineEmits(["profile-edit", "profile-share", "profile-follower-delete", "profile-block", "blog-pin", "blog-unpin", "blog-edit", "blog-delete", "report-blog", "report-place", "report-profile", "report-content", "report-spotlight", "report-tag", "report-label", "delete-content", "content-delete", "delete", "report", "report-review", "place-close-duplicate", "review-edit", "review-delete", "review-reply", "reply-edit", "reply-delete", "archive", "profile-name-updated", "report-submit"]);
+import { useNuxtApp } from "nuxt/app";
+import { useApi } from "../../../composables/useApi";
+const emit = defineEmits(["profile-edit", "profile-share", "profile-follower-delete", "profile-block", "profile-blocked", "blog-pin", "blog-unpin", "blog-edit", "blog-delete", "report-blog", "report-place", "report-profile", "report-content", "report-spotlight", "report-tag", "report-label", "delete-content", "content-delete", "delete", "report", "report-review", "place-close-duplicate", "review-edit", "review-delete", "review-reply", "reply-edit", "reply-delete", "archive", "profile-name-updated", "report-submit"]);
 const props = defineProps({
   state: { type: String, required: false },
   profileDetail: { type: Object, required: false },
@@ -47,6 +49,29 @@ const onReportSubmit = (payload) => {
   emit("report-submit", payload);
   isOpenModalReport.value = false;
 };
+const { $toast, $alert } = useNuxtApp();
+const api = useApi();
+const onProfileBlock = async () => {
+  const profileId = props.profileDetail?.basicId;
+  if (!profileId) return;
+  const profileName = props.profileDetail?.profileName || "\u0E1C\u0E39\u0E49\u0E43\u0E0A\u0E49\u0E19\u0E35\u0E49";
+  const { isConfirmed } = await $alert.show({
+    type: "warning",
+    title: "\u0E15\u0E49\u0E2D\u0E07\u0E01\u0E32\u0E23\u0E1A\u0E25\u0E47\u0E2D\u0E01\u0E1C\u0E39\u0E49\u0E43\u0E0A\u0E49\u0E19\u0E35\u0E49\u0E2B\u0E23\u0E37\u0E2D\u0E44\u0E21\u0E48 ?",
+    description: `${profileName} \u0E08\u0E30\u0E44\u0E21\u0E48\u0E2A\u0E32\u0E21\u0E32\u0E23\u0E16\u0E40\u0E02\u0E49\u0E32\u0E16\u0E36\u0E07\u0E42\u0E1E\u0E2A\u0E15\u0E4C\u0E02\u0E2D\u0E07\u0E04\u0E38\u0E13 \u0E2A\u0E48\u0E07\u0E02\u0E49\u0E2D\u0E04\u0E27\u0E32\u0E21\u0E16\u0E36\u0E07\u0E04\u0E38\u0E13 \u0E21\u0E2D\u0E07\u0E40\u0E2B\u0E47\u0E19\u0E04\u0E27\u0E32\u0E21\u0E04\u0E34\u0E14\u0E40\u0E2B\u0E47\u0E19 \u0E2B\u0E23\u0E37\u0E2D\u0E23\u0E35\u0E27\u0E34\u0E27\u0E02\u0E2D\u0E07\u0E04\u0E38\u0E13 \u0E41\u0E25\u0E30\u0E08\u0E30\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01\u0E01\u0E32\u0E23\u0E15\u0E34\u0E14\u0E15\u0E32\u0E21\u0E14\u0E49\u0E27\u0E22`,
+    confirmText: "\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19",
+    cancelText: "\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01",
+    showCancelBtn: true
+  });
+  if (!isConfirmed) return;
+  try {
+    await api(`/profiles/${profileId}/block`, { method: "POST" });
+    $toast.success(`\u0E1A\u0E25\u0E47\u0E2D\u0E01 ${profileName} \u0E41\u0E25\u0E49\u0E27`);
+    emit("profile-blocked", profileId);
+  } catch (e) {
+    $toast.error(e?.data?.message?.description || "\u0E44\u0E21\u0E48\u0E2A\u0E32\u0E21\u0E32\u0E23\u0E16\u0E1A\u0E25\u0E47\u0E2D\u0E01\u0E42\u0E1B\u0E23\u0E44\u0E1F\u0E25\u0E4C\u0E44\u0E14\u0E49");
+  }
+};
 const menu = [
   {
     label: "\u0E41\u0E01\u0E49\u0E44\u0E02\u0E42\u0E1B\u0E23\u0E44\u0E1F\u0E25\u0E4C",
@@ -80,6 +105,7 @@ const menu = [
     icon: "lucide:ban",
     action: () => {
       emit("profile-block");
+      onProfileBlock();
     }
   },
   {

package/dist/runtime/components/preview/preview-content.d.vue.ts

@@ -0,0 +1,54 @@
+import type { CardReferItem } from "#pukaad-ui/runtime/components/card/card-refer.vue";
+export type PreviewContentState = "personal" | "business";
+export interface PreviewContentData {
+    id?: string;
+    content_type?: "post_it" | "image" | "video";
+    labels?: {
+        id: string;
+        name: string;
+    }[];
+    cover_text?: string;
+    cover_color?: string;
+    video_poster_url?: string;
+    description?: string;
+    media?: {
+        media_type: string;
+        url: string;
+        description?: string;
+    }[];
+    tags?: {
+        id: string;
+        name: string;
+    }[];
+    mentions?: CardReferItem[];
+    places?: {
+        id: string;
+        name: string;
+        address?: string;
+    }[];
+    like_count?: number;
+    bookmark_count?: number;
+    share_count?: number;
+    author?: {
+        id: string;
+        name: string;
+        avatar: string | null;
+        follower_count?: number;
+        published_count?: number;
+        response_rate?: number;
+    };
+}
+type __VLS_Props = {
+    contentId: string | number;
+    /** เลือก endpoint ตามแอปที่เปิดพรีวิว */
+    state?: PreviewContentState;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    exit: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onExit?: (() => any) | undefined;
+}>, {
+    state: PreviewContentState;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;