pukaad-ui-lib 1.385.0 → 1.386.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.385.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.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/components/input/input-autocomplete.d.vue.ts

@@ -49,9 +49,9 @@ declare const __VLS_export: 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

@@ -49,9 +49,9 @@ declare const __VLS_export: 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-localized-name.d.vue.ts

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

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[];
-    placeholder: string;
     options: InputSelectItem[];
+    placeholder: string;
     limit: number;
     showCounter: boolean;
     addLabel: string;

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

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

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

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

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

@@ -15,7 +15,8 @@ export const mapContentToCard = (raw, options = {}) => {
     type,
     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.385.0",
+  "version": "1.386.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",