pukaad-ui-lib 1.460.0 → 1.462.0

package/dist/module.json

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

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

@@ -1,12 +1,13 @@
 export interface CardMentionItem {
     id: string;
-    mentionType: "post" | "blog" | "link";
+    mentionType: "post" | "blog" | "place" | "link";
     title: string;
     contentType?: string;
     coverColor?: string;
     image?: string | null;
     thumbnail?: string;
     placeName?: string;
+    address?: string;
     author?: {
         name: string;
         avatar?: string | null;

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

@@ -32,11 +32,11 @@
       />
     </template>
     <Image
-      v-else-if="props.item.mentionType === 'blog'"
+      v-else-if="props.item.mentionType === 'blog' || props.item.mentionType === 'place'"
       :src="props.item.image ?? ''"
       :width="71"
       :height="40"
-      class="shrink-0 rounded-[4px]"
+      class="shrink-0 rounded-[4px] bg-cloud"
     />
 
     <div class="flex flex-col gap-[4px] min-w-0 flex-1">
@@ -98,6 +98,7 @@ const displayTitle = computed(() => {
 const subtitle = computed(() => {
   if (props.item.mentionType === "link") return props.item.url;
   if (isPost.value) return props.item.placeName;
+  if (props.item.mentionType === "place") return props.item.address;
   return "";
 });
 </script>

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

@@ -1,12 +1,13 @@
 export interface CardMentionItem {
     id: string;
-    mentionType: "post" | "blog" | "link";
+    mentionType: "post" | "blog" | "place" | "link";
     title: string;
     contentType?: string;
     coverColor?: string;
     image?: string | null;
     thumbnail?: string;
     placeName?: string;
+    address?: string;
     author?: {
         name: string;
         avatar?: string | null;

package/dist/runtime/components/chat/chat-message-bubble.d.vue.ts

@@ -1,4 +1,4 @@
-import type { ChatMessage } from "../../types/chat.js";
+import type { ChatMessage, ChatSharePreview } from "../../types/chat.js";
 type __VLS_Props = {
     message: ChatMessage;
     mine: boolean;
@@ -16,6 +16,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     retry: (message: ChatMessage) => void;
     "open-media": (message: ChatMessage, index: number) => void;
     jump: (messageId: string) => void;
+    "open-share": (share: ChatSharePreview) => void;
     "media-error": () => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDelete?: ((message: ChatMessage) => any) | undefined;
@@ -23,6 +24,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     onRetry?: ((message: ChatMessage) => any) | undefined;
     "onOpen-media"?: ((message: ChatMessage, index: number) => any) | undefined;
     onJump?: ((messageId: string) => any) | undefined;
+    "onOpen-share"?: ((share: ChatSharePreview) => any) | undefined;
     "onMedia-error"?: (() => any) | undefined;
 }>, {
     showMeta: boolean;

package/dist/runtime/components/chat/chat-message-bubble.vue

@@ -40,8 +40,19 @@
           >
             {{ mine ? "\u0E04\u0E38\u0E13\u0E25\u0E1A\u0E02\u0E49\u0E2D\u0E04\u0E27\u0E32\u0E21\u0E19\u0E35\u0E49" : `${peerName} \u0E25\u0E1A\u0E02\u0E49\u0E2D\u0E04\u0E27\u0E32\u0E21\u0E19\u0E35\u0E49` }}
           </div>
+          <button
+            v-else-if="message.kind === 'share' && message.share"
+            type="button"
+            :class="[
+  'block w-[320px] max-w-full rounded-[8px] bg-white p-[8px] text-left shadow-[0_1px_6px_rgba(0,0,0,0.15)]',
+  message.status === 'sending' ? 'opacity-60' : ''
+]"
+            @click="emit('open-share', message.share)"
+          >
+            <CardMention :item="mapShare(message.share)" />
+          </button>
           <ChatMediaGrid
-            v-else-if="message.kind !== 'text'"
+            v-else-if="message.kind === 'image' || message.kind === 'video'"
             :items="message.attachments"
             :progress="message.status === 'sending' ? message.progress ?? 0 : void 0"
             @open="(i) => emit('open-media', message, i)"
@@ -111,6 +122,8 @@
 import { computed, ref, useTemplateRef } from "vue";
 import { onLongPress, useElementHover } from "@vueuse/core";
 import { useConvert } from "../../composables/useConvert";
+import CardMention from "../card/card-mention/card-mention.vue";
+import { mapShare } from "../../utils/mention";
 const { convertDateTime } = useConvert();
 const props = defineProps({
   message: { type: Object, required: true },
@@ -123,7 +136,7 @@ const props = defineProps({
   showMeta: { type: Boolean, required: false, default: true },
   highlighted: { type: Boolean, required: false }
 });
-const emit = defineEmits(["delete", "retry", "reply", "open-media", "jump", "media-error"]);
+const emit = defineEmits(["delete", "retry", "reply", "open-media", "jump", "open-share", "media-error"]);
 const isMenuOpen = ref(false);
 const contentRef = useTemplateRef("contentRef");
 const rowRef = useTemplateRef("rowRef");
@@ -146,6 +159,7 @@ const replyText = computed(() => {
   if (r.is_deleted) return "\u0E02\u0E49\u0E2D\u0E04\u0E27\u0E32\u0E21\u0E19\u0E35\u0E49\u0E16\u0E39\u0E01\u0E25\u0E1A\u0E41\u0E25\u0E49\u0E27";
   if (r.kind === "image") return r.body || "\u0E23\u0E39\u0E1B\u0E20\u0E32\u0E1E";
   if (r.kind === "video") return r.body || "\u0E27\u0E34\u0E14\u0E35\u0E42\u0E2D";
+  if (r.kind === "share") return r.body || "\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E17\u0E35\u0E48\u0E41\u0E0A\u0E23\u0E4C";
   return r.body;
 });
 </script>

package/dist/runtime/components/chat/chat-message-bubble.vue.d.ts

@@ -1,4 +1,4 @@
-import type { ChatMessage } from "../../types/chat.js";
+import type { ChatMessage, ChatSharePreview } from "../../types/chat.js";
 type __VLS_Props = {
     message: ChatMessage;
     mine: boolean;
@@ -16,6 +16,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     retry: (message: ChatMessage) => void;
     "open-media": (message: ChatMessage, index: number) => void;
     jump: (messageId: string) => void;
+    "open-share": (share: ChatSharePreview) => void;
     "media-error": () => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDelete?: ((message: ChatMessage) => any) | undefined;
@@ -23,6 +24,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     onRetry?: ((message: ChatMessage) => any) | undefined;
     "onOpen-media"?: ((message: ChatMessage, index: number) => any) | undefined;
     onJump?: ((messageId: string) => any) | undefined;
+    "onOpen-share"?: ((share: ChatSharePreview) => any) | undefined;
     "onMedia-error"?: (() => any) | undefined;
 }>, {
     showMeta: boolean;

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

@@ -1,6 +1,11 @@
+import type { ChatSharePreview } from "../../types/chat.js";
 type __VLS_Props = {
     conversationId: string;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "open-share": (share: ChatSharePreview) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onOpen-share"?: ((share: ChatSharePreview) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/chat/chat-room.vue

@@ -51,6 +51,7 @@
                 @retry="onRetry"
                 @open-media="onOpenMedia"
                 @media-error="onMediaError"
+                @open-share="(share) => emit('open-share', share)"
               />
               <div v-if="isPeerTyping" class="flex items-end gap-[8px]">
                 <div class="flex items-center gap-[4px] rounded-[16px] bg-silver px-[12px] py-[12px]" aria-label="กำลังพิมพ์">
@@ -74,10 +75,17 @@
                 <Icon name="lucide:x" class="size-[20px]" />
               </Button>
             </div>
-            <InputChat ref="composerRef" v-model="draft" :maxlength="4e3" @send="onSend" />
+            <InputChat
+              ref="composerRef"
+              v-model="draft"
+              :maxlength="4e3"
+              @send="onSend"
+              @share="isShareOpen = true"
+            />
           </div>
         </div>
         <ChatMediaViewer v-model="isViewerOpen" :items="viewerItems" :start-index="viewerStart" />
+        <ModalChatShare v-model="isShareOpen" :profile-ids="shareProfileIds" @send="onShare" />
       </template>
 
       <div v-else class="flex flex-1 flex-col items-center justify-center gap-[16px] p-[16px]">
@@ -143,14 +151,24 @@ import {
   useTimeoutFn
 } from "@vueuse/core";
 import { useChatStore } from "../../composables/store-chat";
+import { toSharePreview } from "../../utils/mention";
 const props = defineProps({
   conversationId: { type: String, required: true }
 });
+const emit = defineEmits(["open-share"]);
 const storeChat = useChatStore();
 const { $toast, $alert } = useNuxtApp();
 const conversationId = computed(() => props.conversationId);
 const conversation = computed(() => storeChat.headers[conversationId.value]);
 const messageList = computed(() => storeChat.messages[conversationId.value] ?? []);
+const isShareOpen = ref(false);
+const shareProfileIds = computed(
+  () => [storeChat.myProfileId, conversation.value?.profile?.id].filter((id) => !!id)
+);
+const onShare = (item) => {
+  isShareOpen.value = false;
+  void storeChat.sendShare(conversationId.value, toSharePreview(item));
+};
 const TIME_GROUP_GAP_MS = 5 * 60 * 1e3;
 const isLastOfTimeGroup = (index) => {
   const message = messageList.value[index];
@@ -295,6 +313,7 @@ const replyBarText = computed(() => {
   if (!m) return "";
   if (m.kind === "image") return "\u0E23\u0E39\u0E1B\u0E20\u0E32\u0E1E";
   if (m.kind === "video") return "\u0E27\u0E34\u0E14\u0E35\u0E42\u0E2D";
+  if (m.kind === "share") return m.share?.title ?? "";
   return m.body.replace(/\s+/g, " ");
 });
 const onReply = (message) => {

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

@@ -1,6 +1,11 @@
+import type { ChatSharePreview } from "../../types/chat.js";
 type __VLS_Props = {
     conversationId: string;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "open-share": (share: ChatSharePreview) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onOpen-share"?: ((share: ChatSharePreview) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/draggable.d.vue.ts

@@ -1,18 +1,41 @@
+interface DraggableProps {
+    itemKey?: string;
+    handle?: string;
+    disabled?: boolean;
+}
+interface DraggableMoveEvent {
+    item: any;
+    oldIndex: number;
+    newIndex: number;
+}
+type __VLS_Props = DraggableProps;
 type __VLS_ModelProps = {
     modelValue?: any[];
 };
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_1: {
     item: any;
     index: number;
+    dragging: boolean;
 };
 type __VLS_Slots = {} & {
     item?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (event: DraggableMoveEvent) => any;
+    start: (index: number) => any;
+    end: (event: DraggableMoveEvent) => any;
     "update:modelValue": (value: any[]) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((event: DraggableMoveEvent) => any) | undefined;
+    onStart?: ((index: number) => any) | undefined;
+    onEnd?: ((event: DraggableMoveEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    disabled: boolean;
+    itemKey: string;
+    handle: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/draggable.vue

@@ -1,40 +1,87 @@
 <template>
   <div v-bind="$attrs">
     <div
-      v-for="(n, i) in items"
-      :key="i"
-      class="cursor-grab active:cursor-grabbing"
-      draggable="true"
-      @dragstart="onDragStart($event, i)"
-      @dragover.prevent="onDragOver($event, i)"
-      @dragend="onDragEnd($event, i)"
+      v-for="(item, index) in items"
+      :key="getItemKey(item, index)"
+      :class="[
+  !props.disabled && !props.handle && 'cursor-grab active:cursor-grabbing'
+]"
+      :draggable="isItemDraggable(index)"
+      @mousedown="onMouseDown($event, index)"
+      @mouseup="handleIndex = null"
+      @dragstart="onDragStart($event, index)"
+      @dragover.prevent="onDragOver(index)"
+      @dragend="onDragEnd"
       @dragenter.prevent
       @dragleave.prevent
     >
-      <slot name="item" :item="n" :index="i"></slot>
+      <slot
+        name="item"
+        :item="item"
+        :index="index"
+        :dragging="currentIndex === index"
+      ></slot>
     </div>
   </div>
 </template>
 
 <script setup>
 import { ref } from "vue";
+const props = defineProps({
+  itemKey: { type: String, required: false, default: "" },
+  handle: { type: String, required: false, default: "" },
+  disabled: { type: Boolean, required: false, default: false }
+});
+const emit = defineEmits(["start", "end", "change"]);
 const items = defineModel({ type: Array, ...{
   default: []
 } });
-const indexDragStart = ref(null);
-const onDragStart = (event, index) => {
-  indexDragStart.value = index;
+const startIndex = ref(null);
+const currentIndex = ref(null);
+const handleIndex = ref(null);
+const getItemKey = (item, index) => props.itemKey ? item?.[props.itemKey] : index;
+const isItemDraggable = (index) => {
+  if (props.disabled) return false;
+  if (!props.handle) return true;
+  return handleIndex.value === index;
 };
-const onDragEnd = (event, index) => {
-  indexDragStart.value = null;
+const onMouseDown = (event, index) => {
+  if (!props.handle) return;
+  const row = event.currentTarget;
+  const handleEl = event.target.closest(props.handle);
+  handleIndex.value = handleEl && row.contains(handleEl) ? index : null;
 };
-const onDragOver = (event, index) => {
-  if (indexDragStart.value !== null && indexDragStart.value !== index) {
-    const from = indexDragStart.value;
-    const to = index;
-    const movedItem = items.value.splice(from, 1)[0];
-    items.value.splice(to, 0, movedItem);
-    indexDragStart.value = to;
+const onDragStart = (event, index) => {
+  if (!isItemDraggable(index)) {
+    event.preventDefault();
+    return;
+  }
+  if (event.dataTransfer && event.target === event.currentTarget) {
+    event.dataTransfer.setData("text/plain", "");
+    event.dataTransfer.effectAllowed = "move";
   }
+  startIndex.value = index;
+  currentIndex.value = index;
+  emit("start", index);
+};
+const onDragOver = (index) => {
+  const from = currentIndex.value;
+  if (from === null || from === index) return;
+  const next = [...items.value];
+  const [moved] = next.splice(from, 1);
+  next.splice(index, 0, moved);
+  items.value = next;
+  currentIndex.value = index;
+};
+const onDragEnd = () => {
+  const oldIndex = startIndex.value;
+  const newIndex = currentIndex.value;
+  startIndex.value = null;
+  currentIndex.value = null;
+  handleIndex.value = null;
+  if (oldIndex === null || newIndex === null) return;
+  const payload = { item: items.value[newIndex], oldIndex, newIndex };
+  emit("end", payload);
+  if (oldIndex !== newIndex) emit("change", payload);
 };
 </script>

package/dist/runtime/components/draggable.vue.d.ts

@@ -1,18 +1,41 @@
+interface DraggableProps {
+    itemKey?: string;
+    handle?: string;
+    disabled?: boolean;
+}
+interface DraggableMoveEvent {
+    item: any;
+    oldIndex: number;
+    newIndex: number;
+}
+type __VLS_Props = DraggableProps;
 type __VLS_ModelProps = {
     modelValue?: any[];
 };
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_1: {
     item: any;
     index: number;
+    dragging: boolean;
 };
 type __VLS_Slots = {} & {
     item?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (event: DraggableMoveEvent) => any;
+    start: (index: number) => any;
+    end: (event: DraggableMoveEvent) => any;
     "update:modelValue": (value: any[]) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((event: DraggableMoveEvent) => any) | undefined;
+    onStart?: ((index: number) => any) | undefined;
+    onEnd?: ((event: DraggableMoveEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    disabled: boolean;
+    itemKey: string;
+    handle: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -39,10 +39,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
     send: (payload: InputChatSendPayload) => any;
+    share: () => any;
     "update:media": (value: InputChatMediaItem[]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onSend?: ((payload: InputChatSendPayload) => any) | undefined;
+    onShare?: (() => any) | undefined;
     "onUpdate:media"?: ((value: InputChatMediaItem[]) => any) | undefined;
 }>, {
     disabled: boolean;

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

@@ -21,7 +21,12 @@
         >
           <Icon name="lucide:video" class="size-[20px] text-black" />
         </Button>
-        <Button variant="text" class="w-[32px] h-[32px] disabled:opacity-100" disabled>
+        <Button
+          variant="text"
+          class="w-[32px] h-[32px] disabled:opacity-100"
+          :disabled="props.disabled"
+          @click="emit('share')"
+        >
           <Icon name="lucide:megaphone" class="size-[20px] text-black" />
         </Button>
         <Button variant="text" class="w-[32px] h-[32px] disabled:opacity-100" disabled>
@@ -111,7 +116,7 @@ const props = defineProps({
   disabledMedia: { type: Boolean, required: false, default: false },
   class: { type: null, required: false }
 });
-const emit = defineEmits(["send"]);
+const emit = defineEmits(["send", "share"]);
 const text = defineModel({ type: String, ...{ default: "" } });
 const media = defineModel("media", { type: Array, ...{ default: [] } });
 const ACCEPT_IMAGE = "image/jpeg,image/png,image/webp,image/gif";

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

@@ -39,10 +39,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
     send: (payload: InputChatSendPayload) => any;
+    share: () => any;
     "update:media": (value: InputChatMediaItem[]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onSend?: ((payload: InputChatSendPayload) => any) | undefined;
+    onShare?: (() => any) | undefined;
     "onUpdate:media"?: ((value: InputChatMediaItem[]) => any) | undefined;
 }>, {
     disabled: boolean;

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

@@ -48,9 +48,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     disabled: boolean;
     placeholder: string;
     autofocus: boolean;
+    cancelText: string;
     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

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

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

@@ -125,6 +125,10 @@ import { useApi } from "../../composables/useApi";
 import CardMention, {
 } from "../card/card-mention/card-mention.vue";
 import CardMentionSkeleton from "../card/card-mention/card-mention-skeleton.vue";
+import {
+  mapBlog,
+  mapPost
+} from "../../utils/mention";
 const props = defineProps({
   label: { type: String, required: false, default: "\u0E01\u0E32\u0E23\u0E40\u0E2D\u0E48\u0E22\u0E16\u0E36\u0E07" },
   placeholder: { type: String, required: false, default: "\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E01\u0E32\u0E23\u0E40\u0E2D\u0E48\u0E22\u0E16\u0E36\u0E07" }
@@ -150,26 +154,6 @@ const states = reactive({
 });
 const generations = { post: 0, blog: 0, link: 0 };
 const linkId = (url) => `link:${url}`;
-const mapPost = (raw) => {
-  const contentType = raw.content_type === "post_it" ? "post-it" : raw.content_type;
-  return {
-    id: raw.id,
-    mentionType: "post",
-    title: raw.cover_text?.trim() || raw.description?.trim() || "",
-    contentType,
-    coverColor: contentType === "post-it" ? raw.cover_color : void 0,
-    image: contentType === "image" ? raw.media?.[0]?.url ?? null : null,
-    thumbnail: contentType === "video" ? raw.video_poster_url : void 0,
-    placeName: raw.places?.[0]?.name || void 0
-  };
-};
-const mapBlog = (raw) => ({
-  id: raw.id,
-  mentionType: "blog",
-  title: raw.title,
-  image: raw.cover_image_url,
-  author: raw.author ? { name: raw.author.name, avatar: raw.author.avatar } : void 0
-});
 const mapLink = (raw) => ({
   id: linkId(raw.url),
   mentionType: "link",

package/dist/runtime/components/modal/modal-chat-share.d.vue.ts

@@ -0,0 +1,17 @@
+import { type CardMentionItem } from "../card/card-mention/card-mention.vue.js";
+type __VLS_Props = {
+    profileIds: string[];
+};
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+    send: (item: CardMentionItem) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onSend?: ((item: CardMentionItem) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;