pukaad-ui-lib 1.454.0 → 1.456.0

package/dist/module.json

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

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

@@ -38,8 +38,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onBlog-updated"?: ((id: string, data: any) => any) | undefined;
     "onBlog-deleted"?: ((id: string) => any) | undefined;
 }>, {
-    disabledMenu: boolean;
     isMyProfile: boolean;
+    disabledMenu: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -38,8 +38,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onBlog-updated"?: ((id: string, data: any) => any) | undefined;
     "onBlog-deleted"?: ((id: string) => any) | undefined;
 }>, {
-    disabledMenu: boolean;
     isMyProfile: boolean;
+    disabledMenu: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

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

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

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

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

@@ -25,7 +25,6 @@ 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;
-    state: string;
     itemCount: Count;
     itemActive: Reacted;
     padding: string | number;
@@ -33,6 +32,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     disabledDividerTop: boolean;
     disabledDividerBottom: boolean;
     iconSize: number | string;
+    state: string;
     loginPath: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -25,7 +25,6 @@ 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;
-    state: string;
     itemCount: Count;
     itemActive: Reacted;
     padding: string | number;
@@ -33,6 +32,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     disabledDividerTop: boolean;
     disabledDividerBottom: boolean;
     iconSize: number | string;
+    state: string;
     loginPath: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/chat/chat-conversation-item.d.vue.ts

@@ -26,13 +26,13 @@ declare const __VLS_export: import("vue").DefineComponent<ChatConversationItemPr
     name: string;
     avatar: string | null;
     muted: boolean;
+    disabledMenu: boolean;
+    unreadCount: number;
+    pinned: boolean;
     preview: string;
     to: string;
     active: boolean;
     typing: boolean;
-    unreadCount: number;
-    pinned: boolean;
-    disabledMenu: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/chat/chat-conversation-item.vue.d.ts

@@ -26,13 +26,13 @@ declare const __VLS_export: import("vue").DefineComponent<ChatConversationItemPr
     name: string;
     avatar: string | null;
     muted: boolean;
+    disabledMenu: boolean;
+    unreadCount: number;
+    pinned: boolean;
     preview: string;
     to: string;
     active: boolean;
     typing: boolean;
-    unreadCount: number;
-    pinned: boolean;
-    disabledMenu: boolean;
 }, {}, {}, {}, 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,8 +50,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     label: string;
     name: string;
     required: boolean;
-    layout: "vertical" | "horizontal";
     placeholder: string;
+    layout: "vertical" | "horizontal";
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;

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

@@ -50,8 +50,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     label: string;
     name: string;
     required: boolean;
-    layout: "vertical" | "horizontal";
     placeholder: string;
+    layout: "vertical" | "horizontal";
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;

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

@@ -69,9 +69,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     description: string;
-    options: AutocompleteOption[] | string[] | number[];
     labelKey: string;
     placeholder: string;
+    options: AutocompleteOption[] | string[] | number[];
     limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;

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

@@ -69,9 +69,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     description: string;
-    options: AutocompleteOption[] | string[] | number[];
     labelKey: string;
     placeholder: string;
+    options: AutocompleteOption[] | string[] | number[];
     limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: 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-comment.d.vue.ts

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

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

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

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-localized-name.d.vue.ts

@@ -11,8 +11,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     label: string;
     name: string;
     modelValue: LocalizedNameItem[];
-    options: InputSelectItem[];
     placeholder: string;
+    options: InputSelectItem[];
     limit: number;
     removable: boolean;
     showCounter: boolean;

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

@@ -11,8 +11,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     label: string;
     name: string;
     modelValue: LocalizedNameItem[];
-    options: InputSelectItem[];
     placeholder: string;
+    options: InputSelectItem[];
     limit: number;
     removable: boolean;
     showCounter: boolean;

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

@@ -1,10 +1,16 @@
 <template>
-  <div class="flex flex-col gap-[4px] w-full">
+  <div class="relative flex flex-col gap-[4px] w-full">
     <div class="font-body-large-prominent text-gray">
       {{ props.label }}
       <span v-if="props.required" class="text-destructive">*</span>
     </div>
-    <div v-show="selectedItems.length === 0">
+    <!-- input เป็น anchor ของ popover — ห้ามซ่อนด้วย display:none (v-show) ตอนมีการเลือก ไม่งั้น anchor ไม่มี
+         ตำแหน่ง popover ลอยไปมุมซ้ายบนจอ ใช้ invisible + วางทับขอบล่างการ์ดแทน ให้เปิดจากการ์ดแล้วโผล่ใต้การ์ดพอดี -->
+    <div
+      :class="
+  selectedItems.length > 0 ? 'invisible absolute inset-x-0 bottom-0' : ''
+"
+    >
       <InputCombobox
         ref="comboboxRef"
         name="input_select_place"
@@ -96,7 +102,7 @@
       </InputCombobox>
     </div>
 
-    <!-- แสดงแทน input ตอนมีการเลือกอยู่ (input จริงยังอยู่ใน DOM แค่ v-show ซ่อนไว้ ไม่ได้ unmount — กันเสีย
+    <!-- แสดงแทน input ตอนมีการเลือกอยู่ (input จริงยังอยู่ใน DOM แค่ซ่อนแบบ invisible ไว้ ไม่ได้ unmount — กันเสีย
        state/ref ของ InputCombobox) คลิกที่การ์ดเปิด popover กลับมาเพื่อเลือกเพิ่ม/แก้ไขได้ ผ่าน openPopover()
        ที่ expose ไว้ (ไม่ต้องแตะ template ของ input-combobox.vue เลย ปลอดภัยกับ component กลาง) -->
     <div
@@ -262,6 +268,7 @@ const toggleSelect = (id) => {
     }
     if (item) selectedCache.value.set(id, item);
     selectedIds.value = [...selectedIds.value, id];
+    comboboxRef.value?.closePopover();
   }
 };
 const selectedItems = computed(

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;
-    state: "user" | "admin";
     placeholder: string;
+    state: "user" | "admin";
     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;
-    state: "user" | "admin";
     placeholder: string;
+    state: "user" | "admin";
     limit: number;
     profileScope: "personal" | "business";
     ignore: string[];

package/dist/runtime/components/modal/modal-password-confirmed.d.vue.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     }) => any) | undefined;
 }>, {
     title: string;
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-confirmed.vue.d.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     }) => any) | undefined;
 }>, {
     title: string;
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-verify.d.vue.ts

@@ -32,8 +32,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     mode: "login" | "secure";
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-verify.vue.d.ts

@@ -32,8 +32,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     mode: "login" | "secure";
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,5 +1,11 @@
 import type { CardReferItem } from "#pukaad-ui/runtime/components/card/card-refer.vue";
-export type PreviewContentState = "personal" | "business";
+export type PreviewContentState = "personal" | "office" | "business";
+export interface PreviewContentMedia {
+    id?: string | number;
+    media_type: string;
+    url: string;
+    description?: string;
+}
 export interface PreviewContentData {
     id?: string;
     content_type?: "post_it" | "image" | "video";
@@ -11,11 +17,7 @@ export interface PreviewContentData {
     cover_color?: string;
     video_poster_url?: string;
     description?: string;
-    media?: {
-        media_type: string;
-        url: string;
-        description?: string;
-    }[];
+    media?: PreviewContentMedia[];
     tags?: {
         id: string;
         name: string;

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

@@ -1,9 +1,8 @@
 <template>
   <!-- Figma: Preview - Video (2743:66169) — post_it / image ใช้โครงเดียวกัน -->
-  <div class="min-h-screen w-full bg-white">
+  <div class="h-screen w-full overflow-hidden bg-white flex flex-col">
     <!-- Figma: Navbar Preview (new tab) — Property 1=Admin -->
-    <!-- ใช้ scroll ของหน้า (ไม่ใช่ scroll ใน div) เพราะ Comment โหลดหน้าถัดไปจาก window scroll -->
-    <div class="sticky top-0 z-overlay w-full bg-cloud">
+    <div class="shrink-0 w-full bg-cloud">
       <div class="max-w-[1280px] mx-auto flex justify-end p-[16px]">
         <Button variant="outline" class="rounded-[6px]" @click="emit('exit')">
           ออกจากพรีวิว
@@ -11,116 +10,131 @@
       </div>
     </div>
 
-    <!-- Figma: เนื้อหาเริ่มห่างจากแถบ 22px (ช่องว่าง 6 + padding 16) -->
-    <div class="flex justify-center px-[16px] pt-[22px] pb-[16px]">
-      <!-- กว้าง 844 เท่าวิดีโอ — DisplayVideo ยืดตามความกว้างกล่องนี้ ปุ่มเล่นจะได้อยู่กลางวิดีโอ -->
-      <div class="w-[844px] flex flex-col gap-[16px]">
-        <Label v-if="labelItems.length" :items="labelItems" />
+    <!-- เลื่อนในกล่องนี้ ไม่พึ่ง scroll ของหน้า (บางแอปล็อก html/body ไว้) -->
+    <div class="flex-1 overflow-y-auto">
+      <!-- Figma: เนื้อหาเริ่มห่างจากแถบ 22px (ช่องว่าง 6 + padding 16) -->
+      <div class="flex justify-center px-[16px] pt-[22px] pb-[16px]">
+        <!-- กว้าง 844 เท่าวิดีโอ — DisplayVideo ยืดตามความกว้างกล่องนี้ ปุ่มเล่นจะได้อยู่กลางวิดีโอ -->
+        <div class="w-[844px] flex flex-col gap-[16px]">
+          <Label v-if="labelItems.length" :items="labelItems" />
 
-        <!-- Post-it -->
-        <div
-          v-if="content.content_type === 'post_it'"
-          class="flex gap-[16px] py-[16px] items-center"
-        >
+          <!-- Post-it -->
           <div
-            class="w-[6px] h-full shrink-0"
-            :style="{ backgroundColor: content.cover_color }"
-          />
-          <div class="font-headline-large-prominent min-w-0 break-words">
-            {{ content.cover_text }}
+            v-if="contentData.content_type === 'post_it'"
+            class="flex gap-[16px] py-[16px] items-center"
+          >
+            <div
+              class="w-[6px] h-full shrink-0"
+              :style="{ backgroundColor: contentData.cover_color }"
+            />
+            <div class="font-headline-large-prominent min-w-0 break-words">
+              {{ contentData.cover_text }}
+            </div>
           </div>
-        </div>
-        <!-- Image -->
-        <DisplayImage
-          v-else-if="content.content_type === 'image'"
-          :items="content.media"
-          item-src="url"
-        />
-        <!-- Video -->
-        <DisplayVideo
-          v-else-if="content.content_type === 'video'"
-          :src="content.media?.[0]?.url"
-          :poster="content.video_poster_url"
-          play-button
-          width="844"
-          height="475"
-          preload="metadata"
-          class="bg-black"
-        />
+          <!-- Image -->
+          <DisplayImage
+            v-else-if="contentData.content_type === 'image'"
+            :items="contentData.media"
+            item-src="url"
+          />
+          <!-- Video -->
+          <DisplayVideo
+            v-else-if="contentData.content_type === 'video'"
+            :src="contentData.media?.[0]?.url"
+            :poster="contentData.video_poster_url"
+            play-button
+            width="844"
+            height="475"
+            preload="metadata"
+            class="bg-black"
+          />
 
-        <CardRefer v-if="content.mentions?.[0]" :item="content.mentions[0]" />
+          <CardRefer
+            v-if="contentData.mentions?.[0]"
+            :item="contentData.mentions[0]"
+          />
 
-        <!-- Figma: Announce Description -->
-        <div
-          v-if="content.author"
-          class="flex items-center justify-between gap-[16px]"
-        >
-          <div class="flex items-center gap-[8px] min-w-0">
-            <Avatar :src="content.author.avatar ?? ''" :size="40" />
-            <div class="flex flex-col gap-[4px] min-w-0">
-              <div class="font-body-large-prominent truncate">
-                {{ content.author.name }}
-              </div>
-              <div class="flex gap-[8px] font-body-large">
-                <div class="flex gap-[4px]">
-                  <span class="text-gray">ผู้ติดตาม</span>
-                  {{ convertNumber(content.author.follower_count ?? 0) }}
-                </div>
-                <div class="flex gap-[4px]">
-                  <span class="text-gray">กำลังเผยแพร่</span>
-                  {{ convertNumber(content.author.published_count ?? 0) }}
+          <!-- Figma: Announce Description -->
+          <div
+            v-if="contentData.author"
+            class="flex items-center justify-between gap-[16px]"
+          >
+            <div class="flex items-center gap-[8px] min-w-0">
+              <Avatar :src="contentData.author.avatar ?? ''" :size="40" />
+              <div class="flex flex-col gap-[4px] min-w-0">
+                <div class="font-body-large-prominent truncate">
+                  {{ contentData.author.name }}
                 </div>
-                <div class="flex gap-[4px]">
-                  <span class="text-gray">อัตราตอบแชท</span>
-                  {{ content.author.response_rate ?? 0 }}%
+                <div
+                  v-if="authorStats.length"
+                  class="flex gap-[8px] font-body-large"
+                >
+                  <div
+                    v-for="stat in authorStats"
+                    :key="stat.label"
+                    class="flex gap-[4px]"
+                  >
+                    <span class="text-gray">{{ stat.label }}</span>
+                    {{ stat.value }}
+                  </div>
                 </div>
               </div>
             </div>
+            <!-- พรีวิว = ดูหน้าตาได้แต่กดไม่ได้ -->
+            <Button circle size="icon-sm" class="shrink-0" inert>
+              <Icon name="lucide:ellipsis-vertical" />
+            </Button>
           </div>
-          <!-- พรีวิว = ดูหน้าตาได้แต่กดไม่ได้ -->
-          <Button circle size="icon-sm" class="shrink-0" inert>
-            <Icon name="lucide:ellipsis-vertical" />
-          </Button>
-        </div>
 
-        <div
-          v-if="content.description"
-          class="font-body-large whitespace-pre-wrap"
-        >
-          {{ content.description }}
-        </div>
+          <div
+            v-if="contentData.description"
+            class="font-body-large whitespace-pre-wrap"
+          >
+            {{ contentData.description }}
+          </div>
 
-        <div v-if="place" class="flex gap-[8px] font-body-large">
-          <span class="text-gray">อยู่ที่</span>
-          <span class="text-primary">{{ place.name }}</span>
-        </div>
+          <div v-if="place" class="flex gap-[8px] font-body-large">
+            <span class="text-gray">อยู่ที่</span>
+            <span class="text-primary">{{ place.name }}</span>
+          </div>
 
-        <div v-if="content.tags?.length" class="flex flex-wrap gap-[8px]">
-          <Chip v-for="tag in content.tags" :key="tag.id" color="bright">
-            {{ tag.name }}
-          </Chip>
-        </div>
+          <div v-if="contentData.tags?.length" class="flex flex-wrap gap-[8px]">
+            <Chip v-for="tag in contentData.tags" :key="tag.id" color="bright">
+              {{ tag.name }}
+            </Chip>
+          </div>
 
-        <CardReaction
-          :item-count="{
-  liked: content.like_count ?? 0,
-  bookmarked: content.bookmark_count ?? 0,
-  shared: content.share_count ?? 0
+          <CardReaction
+            :item-count="{
+  liked: contentData.like_count ?? 0,
+  bookmarked: contentData.bookmark_count ?? 0,
+  shared: contentData.share_count ?? 0
 }"
-          disabled
-        />
+            disabled
+          />
 
-        <!-- Figma: Spotlight -->
-        <div v-if="recommendedContents.length" inert>
-          <CardContentRecommend :items="recommendedContents" />
-        </div>
+          <!-- Figma: Spotlight -->
+          <div v-if="recommendedContents.length" inert>
+            <CardContentRecommend :items="recommendedContents" />
+          </div>
 
-        <div inert>
-          <Comment
-            :key="String(props.contentId)"
-            :fetch-fn="commentFetchFn"
-            :current-user="previewUser"
-          />
+          <!-- ส่งรายการเข้าไปเอง (ไม่ใช้ fetchFn) เพราะ fetchFn โหลดหน้าถัดไปจาก window scroll -->
+          <div inert>
+            <Comment
+              :comments="comments"
+              :comment-count="commentTotal"
+              :current-user="previewUser"
+            />
+          </div>
+
+          <div ref="sentinel" class="h-[1px]" />
+          <div v-if="isLoadingComments" class="flex justify-center py-[16px]">
+            <Icon
+              name="lucide:loader-circle"
+              :size="40"
+              class="animate-spin text-cloud"
+            />
+          </div>
         </div>
       </div>
     </div>
@@ -128,7 +142,8 @@
 </template>
 
 <script setup>
-import { computed, onMounted, ref, watch } from "vue";
+import { computed, onMounted, ref, useTemplateRef, watch } from "vue";
+import { useElementVisibility } from "@vueuse/core";
 import { useApi } from "#pukaad-ui/runtime/composables/useApi";
 import { useConvert } from "#pukaad-ui/runtime/composables/useConvert";
 import { mapContentToCard } from "#pukaad-ui/runtime/composables/useContentCard";
@@ -141,24 +156,73 @@ const api = useApi();
 const { convertNumber } = useConvert();
 const endpointMap = {
   personal: "/contents",
+  // endpoint เดียวกับที่หน้าจัดการป้ายกำกับเนื้อหาของ office ใช้
+  office: "/office/content-labels/contents",
   business: "/business/contents"
 };
-const content = ref({});
+const endpoint = computed(() => endpointMap[props.state]);
+const contentData = ref({});
 const recommendedContents = ref([]);
+const comments = ref([]);
+const commentTotal = ref(0);
+const commentPage = ref(1);
+const commentTotalPages = ref(1);
+const commentPageSize = 20;
+const isLoadingComments = ref(false);
+const hasMoreComments = computed(
+  () => commentPage.value < commentTotalPages.value
+);
 const previewUser = { id: "", name: "", avatar: "" };
 const labelItems = computed(
-  () => (content.value.labels ?? []).map((label) => ({
+  () => (contentData.value.labels ?? []).map((label) => ({
     id: label.id,
     label: label.name
   }))
 );
-const place = computed(() => content.value.places?.[0]);
-const fetchContent = async () => {
+const place = computed(() => contentData.value.places?.[0]);
+const authorStats = computed(() => {
+  const author = contentData.value.author;
+  const stats = [];
+  if (author?.follower_count !== void 0) {
+    stats.push({
+      label: "\u0E1C\u0E39\u0E49\u0E15\u0E34\u0E14\u0E15\u0E32\u0E21",
+      value: convertNumber(author.follower_count)
+    });
+  }
+  if (author?.published_count !== void 0) {
+    stats.push({
+      label: "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E40\u0E1C\u0E22\u0E41\u0E1E\u0E23\u0E48",
+      value: convertNumber(author.published_count)
+    });
+  }
+  if (author?.response_rate !== void 0) {
+    stats.push({ label: "\u0E2D\u0E31\u0E15\u0E23\u0E32\u0E15\u0E2D\u0E1A\u0E41\u0E0A\u0E17", value: `${author.response_rate}%` });
+  }
+  return stats;
+});
+const fromOfficeContent = (data) => {
+  if (!data?.content) return {};
+  const { profile_name, profile_avatar, ...rest } = data.content;
+  return {
+    ...rest,
+    media: data.media,
+    author: {
+      id: "",
+      name: profile_name ?? "",
+      avatar: profile_avatar ?? null
+    }
+  };
+};
+const fetchContentData = async () => {
+  const url = `${endpoint.value}/${props.contentId}`;
   try {
-    const res = await api(
-      `${endpointMap[props.state]}/${props.contentId}`
-    );
-    content.value = res.data ?? {};
+    if (props.state === "office") {
+      const res = await api(url);
+      contentData.value = fromOfficeContent(res.data);
+    } else {
+      const res = await api(url);
+      contentData.value = res.data ?? {};
+    }
   } catch (err) {
     console.error(err);
   }
@@ -200,20 +264,44 @@ const toCommentItem = (raw) => ({
     is_liked: r.is_liked ?? false
   }))
 });
-const commentFetchFn = async (page, pageSize) => {
-  const res = await api(`/contents/${props.contentId}/comments`, {
-    query: { limit: pageSize, offset: (page - 1) * pageSize }
-  });
-  return {
-    data: (res.data ?? []).map(toCommentItem),
-    totalComments: res.meta?.total_comments ?? 0,
-    meta: { total_pages: res.meta?.total_pages ?? 1 }
-  };
+let commentRequestId = 0;
+const fetchComments = async (page = 1) => {
+  if (page > 1 && isLoadingComments.value) return;
+  const requestId = ++commentRequestId;
+  isLoadingComments.value = true;
+  try {
+    const res = await api(`/contents/${props.contentId}/comments`, {
+      query: {
+        limit: commentPageSize,
+        offset: (page - 1) * commentPageSize
+      }
+    });
+    if (requestId !== commentRequestId) return;
+    const items = (res.data ?? []).map(toCommentItem);
+    comments.value = page === 1 ? items : [...comments.value, ...items];
+    commentTotal.value = res.meta?.total_comments ?? 0;
+    commentTotalPages.value = res.meta?.total_pages ?? 1;
+    commentPage.value = page;
+  } catch (err) {
+    console.error(err);
+    if (requestId === commentRequestId && page === 1) comments.value = [];
+  } finally {
+    if (requestId === commentRequestId) isLoadingComments.value = false;
+  }
 };
 const loadAll = () => {
-  fetchContent();
+  fetchContentData();
   fetchRecommendations();
+  fetchComments(1);
 };
+const sentinel = useTemplateRef("sentinel");
+const isSentinelVisible = useElementVisibility(sentinel);
+watch(
+  [isSentinelVisible, hasMoreComments, isLoadingComments],
+  ([visible, more, loading]) => {
+    if (visible && more && !loading) fetchComments(commentPage.value + 1);
+  }
+);
 watch(() => [props.contentId, props.state], loadAll);
 onMounted(loadAll);
 </script>

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

@@ -1,5 +1,11 @@
 import type { CardReferItem } from "#pukaad-ui/runtime/components/card/card-refer.vue";
-export type PreviewContentState = "personal" | "business";
+export type PreviewContentState = "personal" | "office" | "business";
+export interface PreviewContentMedia {
+    id?: string | number;
+    media_type: string;
+    url: string;
+    description?: string;
+}
 export interface PreviewContentData {
     id?: string;
     content_type?: "post_it" | "image" | "video";
@@ -11,11 +17,7 @@ export interface PreviewContentData {
     cover_color?: string;
     video_poster_url?: string;
     description?: string;
-    media?: {
-        media_type: string;
-        url: string;
-        description?: string;
-    }[];
+    media?: PreviewContentMedia[];
     tags?: {
         id: string;
         name: string;

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

@@ -31,19 +31,10 @@ export interface PreviewPlaceData {
     opening_hours?: OpeningHour[];
     special_days?: SpecialDay[];
 }
-export interface PreviewPlaceRecommendItem {
-    id: string | number;
-    title: string;
-    image: string;
-    rating: number;
-    review_count: number;
-}
 type __VLS_Props = {
     placeId: string | number;
     /** เลือก endpoint ตามแอปที่เปิดพรีวิว */
     state?: PreviewPlaceState;
-    /** "ที่ไหนน่าสนใจ" — ยังไม่มี API ให้แอปส่งมาเอง ไม่ส่ง = ซ่อนการ์ด */
-    recommendedPlaces?: PreviewPlaceRecommendItem[];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     exit: () => any;
@@ -51,7 +42,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     onExit?: (() => any) | undefined;
 }>, {
     state: PreviewPlaceState;
-    recommendedPlaces: PreviewPlaceRecommendItem[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -4,10 +4,13 @@
     <!-- Figma: Navbar Preview (new tab) — Property 1=Admin -->
     <div class="shrink-0 w-full bg-cloud">
       <div class="max-w-[1280px] mx-auto flex justify-end p-[16px]">
-        <Button variant="outline" @click="emit('exit')">ออกจากพรีวิว</Button>
+        <Button variant="outline" class="rounded-[6px]" @click="emit('exit')">
+          ออกจากพรีวิว
+        </Button>
       </div>
     </div>
 
+    <!-- เลื่อนในกล่องนี้ ไม่พึ่ง scroll ของหน้า (บางแอปล็อก html/body ไว้) -->
     <div class="flex-1 overflow-y-auto">
       <div class="max-w-[1280px] mx-auto p-[16px] flex flex-col gap-[16px]">
         <!-- Place Cover -->
@@ -181,12 +184,10 @@
             </div>
           </div>
 
-          <!-- ขวา: Place About + Reccommended Places -->
+          <!-- ขวา: Place About -->
+          <!-- TODO: "ที่ไหนน่าสนใจ" (Figma: Reccommended Places) — ยังไม่มี API -->
           <div class="w-[380px] shrink-0 flex flex-col gap-[16px]">
             <CardPlaceDetail :item="placeDetailItem" />
-            <div v-if="props.recommendedPlaces.length > 0" inert>
-              <CardRecommendPlace :items="props.recommendedPlaces" />
-            </div>
           </div>
         </div>
       </div>
@@ -201,8 +202,7 @@ import { useApi } from "#pukaad-ui/runtime/composables/useApi";
 import { useConvert } from "#pukaad-ui/runtime/composables/useConvert";
 const props = defineProps({
   placeId: { type: [String, Number], required: true },
-  state: { type: String, required: false, default: "personal" },
-  recommendedPlaces: { type: Array, required: false, default: () => [] }
+  state: { type: String, required: false, default: "personal" }
 });
 const emit = defineEmits(["exit"]);
 const api = useApi();

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

@@ -31,19 +31,10 @@ export interface PreviewPlaceData {
     opening_hours?: OpeningHour[];
     special_days?: SpecialDay[];
 }
-export interface PreviewPlaceRecommendItem {
-    id: string | number;
-    title: string;
-    image: string;
-    rating: number;
-    review_count: number;
-}
 type __VLS_Props = {
     placeId: string | number;
     /** เลือก endpoint ตามแอปที่เปิดพรีวิว */
     state?: PreviewPlaceState;
-    /** "ที่ไหนน่าสนใจ" — ยังไม่มี API ให้แอปส่งมาเอง ไม่ส่ง = ซ่อนการ์ด */
-    recommendedPlaces?: PreviewPlaceRecommendItem[];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     exit: () => any;
@@ -51,7 +42,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     onExit?: (() => any) | undefined;
 }>, {
     state: PreviewPlaceState;
-    recommendedPlaces: PreviewPlaceRecommendItem[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/chart/ChartTooltipContent.d.vue.ts

@@ -18,8 +18,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    payload: Record<string, any>;
     config: ChartConfig;
+    payload: Record<string, any>;
     indicator: "line" | "dot" | "dashed";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ui/chart/ChartTooltipContent.vue.d.ts

@@ -18,8 +18,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    payload: Record<string, any>;
     config: ChartConfig;
+    payload: Record<string, any>;
     indicator: "line" | "dot" | "dashed";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ui/native-select/NativeSelectOptGroup.d.vue.ts

@@ -14,7 +14,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -208,7 +208,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;

package/dist/runtime/components/ui/native-select/NativeSelectOptGroup.vue.d.ts

@@ -14,7 +14,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -208,7 +208,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;

package/dist/runtime/components/ui/native-select/NativeSelectOption.d.vue.ts

@@ -16,7 +16,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -212,7 +212,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;

package/dist/runtime/components/ui/native-select/NativeSelectOption.vue.d.ts

@@ -16,7 +16,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -212,7 +212,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;

package/dist/runtime/composables/store-chat.d.ts

@@ -121,7 +121,7 @@ export declare const useChatStore: import("pinia").StoreDefinition<"pukaad-chat"
     startRealtime: () => void;
     stopRealtime: () => void;
     resync: (activeConversationId?: string) => Promise<void>;
-}, "headers" | "conversations" | "unreadFirst" | "hasMoreConversations" | "hasLoadedConversations" | "isLoadingConversations" | "peerLastRead" | "messages" | "hasOlder" | "isLoadingOlder" | "isConnected" | "unreadChatCount">, Pick<{
+}, "headers" | "isConnected" | "conversations" | "unreadFirst" | "hasMoreConversations" | "hasLoadedConversations" | "isLoadingConversations" | "peerLastRead" | "messages" | "hasOlder" | "isLoadingOlder" | "unreadChatCount">, Pick<{
     conversations: import("vue").Ref<{
         id: string;
         profile: {
@@ -365,4 +365,4 @@ export declare const useChatStore: import("pinia").StoreDefinition<"pukaad-chat"
     startRealtime: () => void;
     stopRealtime: () => void;
     resync: (activeConversationId?: string) => Promise<void>;
-}, "reset" | "setUnreadFirst" | "setMyProfileId" | "fetchConversations" | "fetchConversation" | "fetchLatestMessages" | "fetchOlderMessages" | "sendMessage" | "sendMedia" | "retryMessage" | "markRead" | "isReadByPeer" | "unreadCountOf" | "startUnreadBadge" | "stopUnreadBadge" | "previewOf" | "sendTyping" | "isPeerTyping" | "deleteMessage" | "startRealtime" | "stopRealtime" | "resync">>;
+}, "reset" | "markRead" | "setUnreadFirst" | "setMyProfileId" | "fetchConversations" | "fetchConversation" | "fetchLatestMessages" | "fetchOlderMessages" | "sendMessage" | "sendMedia" | "retryMessage" | "isReadByPeer" | "unreadCountOf" | "startUnreadBadge" | "stopUnreadBadge" | "previewOf" | "sendTyping" | "isPeerTyping" | "deleteMessage" | "startRealtime" | "stopRealtime" | "resync">>;

package/dist/runtime/composables/store-notification.d.ts

@@ -215,4 +215,4 @@ export declare const useNotificationStore: import("pinia").StoreDefinition<"noti
     openDrawer: () => void;
     closeDrawer: () => void;
     toggleDrawer: () => void;
-}, "markRead" | "fetchList" | "loadMore" | "prefetch" | "markAllRead" | "fetchUnreadCount" | "initRealtime" | "closeRealtime" | "setUnreadCount" | "openDrawer" | "closeDrawer" | "toggleDrawer">>;
+}, "fetchList" | "loadMore" | "prefetch" | "markRead" | "markAllRead" | "fetchUnreadCount" | "initRealtime" | "closeRealtime" | "setUnreadCount" | "openDrawer" | "closeDrawer" | "toggleDrawer">>;

package/package.json

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