pukaad-ui-lib 1.384.0 → 1.386.0

package/dist/module.json

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

package/dist/runtime/components/card/card-content/card-content-menu.d.vue.ts

@@ -2,6 +2,7 @@ import type { CardContentMenuState } from "#pukaad-ui/types/components/card/card
 type __VLS_Props = {
     state?: CardContentMenuState;
     isPinned?: boolean;
+    isLiked?: boolean;
     isBookmarked?: boolean;
     isShow?: boolean;
 };
@@ -11,6 +12,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     onAction?: ((name: string) => any) | undefined;
 }>, {
     isPinned: boolean;
+    isLiked: boolean;
     isBookmarked: boolean;
     isShow: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/card/card-content/card-content-menu.vue

@@ -19,6 +19,7 @@ import { computed } from "vue";
 const props = defineProps({
   state: { type: String, required: false },
   isPinned: { type: Boolean, required: false, default: false },
+  isLiked: { type: Boolean, required: false, default: false },
   isBookmarked: { type: Boolean, required: false, default: false },
   isShow: { type: Boolean, required: false, default: false }
 });
@@ -38,6 +39,7 @@ const actions = computed(() => {
   }
   if (props.state === "content") {
     return [
+      { name: "like", icon: "lucide:heart", isActive: props.isLiked },
       { name: "bookmark", icon: "lucide:bookmark", isActive: props.isBookmarked },
       { name: "preview", icon: "lucide:tv-minimal-play" }
     ];

package/dist/runtime/components/card/card-content/card-content-menu.vue.d.ts

@@ -2,6 +2,7 @@ import type { CardContentMenuState } from "#pukaad-ui/types/components/card/card
 type __VLS_Props = {
     state?: CardContentMenuState;
     isPinned?: boolean;
+    isLiked?: boolean;
     isBookmarked?: boolean;
     isShow?: boolean;
 };
@@ -11,6 +12,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     onAction?: ((name: string) => any) | undefined;
 }>, {
     isPinned: boolean;
+    isLiked: boolean;
     isBookmarked: boolean;
     isShow: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/card/card-content/card-content-time.vue

@@ -39,7 +39,7 @@ const timeState = computed(() => {
       color: "bg-destructive"
     };
   }
-  const diffDays = Math.ceil(target.diff(now.value, "day", true));
+  const diffDays = Math.floor(target.diff(now.value, "day", true));
   return {
     text: `\u0E40\u0E2B\u0E25\u0E37\u0E2D ${diffDays} \u0E27\u0E31\u0E19`,
     color: diffDays < 7 ? "bg-warning" : "bg-success"

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

@@ -24,6 +24,7 @@
       <CardContentMenu
         :state="props.state"
         :is-pinned="!!props.item.pinned"
+        :is-liked="!!props.item.liked"
         :is-bookmarked="!!props.item.bookmarked"
         :is-show="hovering"
         @action="onMenuAction"

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

@@ -96,7 +96,7 @@ const reactions = [
   {
     name: "bookmarked",
     icon: "lucide:bookmark",
-    iconReacted: "fa6-solid:bookmark",
+    iconReacted: "pukaad:bookmark-solid",
     action: toggleBookmark
   },
   {
@@ -128,11 +128,33 @@ async function toggleLike() {
       reaction.liked = previousLiked;
       counts.liked += previousLiked ? 1 : -1;
     }
+  } else if (props.state === "content" && props.id) {
+    try {
+      await api(`/contents/${props.id}/like`, {
+        method: reaction.liked ? "POST" : "DELETE"
+      });
+    } catch (error) {
+      console.error(error);
+      reaction.liked = previousLiked;
+      counts.liked += previousLiked ? 1 : -1;
+    }
   }
 }
-function toggleBookmark() {
-  reaction.bookmarked = !reaction.bookmarked;
+async function toggleBookmark() {
+  const previousBookmarked = reaction.bookmarked;
+  reaction.bookmarked = !previousBookmarked;
   counts.bookmarked += reaction.bookmarked ? 1 : -1;
+  if (props.state === "content" && props.id) {
+    try {
+      await api(`/contents/${props.id}/bookmark`, {
+        method: reaction.bookmarked ? "POST" : "DELETE"
+      });
+    } catch (error) {
+      console.error(error);
+      reaction.bookmarked = previousBookmarked;
+      counts.bookmarked += previousBookmarked ? 1 : -1;
+    }
+  }
 }
 function toggleComment() {
   console.log("comment  ");

package/dist/runtime/composables/useContentCard.d.ts

@@ -21,6 +21,7 @@ export interface RawContentCard {
     }[];
     is_pinned?: boolean;
     is_liked?: boolean;
+    is_bookmarked?: boolean;
     expire_at?: string;
 }
 export interface MapContentToCardOptions {

package/dist/runtime/composables/useContentCard.js

@@ -13,9 +13,10 @@ export const mapContentToCard = (raw, options = {}) => {
   const item = {
     id: raw.id,
     type,
-    location: place?.address || place?.name,
+    location: place?.name || place?.address,
     pinned: !!raw.is_pinned,
-    bookmarked: !!raw.is_liked,
+    liked: !!raw.is_liked,
+    bookmarked: !!raw.is_bookmarked,
     expireAt: options.showExpiry ? raw.expire_at : void 0
   };
   if (type === "postIt") {

package/package.json

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