pukaad-ui-lib 1.382.0 → 1.384.0

package/dist/module.json

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

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

@@ -10,7 +10,7 @@
       hover-play
       muted
       loop
-      preload="none"
+      :preload="props.item.video?.poster ? 'none' : 'metadata'"
     />
 
     <div

package/dist/runtime/components/drawer/drawer-post-content.vue

@@ -193,7 +193,7 @@ const isEditMode = computed(
   () => !!currentId.value && !currentId.value.startsWith("draft_")
 );
 const drawerTitle = computed(() => isEditMode.value ? "\u0E41\u0E01\u0E49\u0E44\u0E02\u0E42\u0E1E\u0E2A\u0E15\u0E4C" : "\u0E2A\u0E23\u0E49\u0E32\u0E07\u0E42\u0E1E\u0E2A\u0E15\u0E4C");
-const previewLocation = computed(() => selectedPlaces.value[0]?.address);
+const previewLocation = computed(() => selectedPlaces.value[0]?.name);
 const hasCoverText = computed(() => !!coverText.value?.trim());
 const hasCoverFile = computed(() => coverFiles.value.length > 0);
 const coverFileType = computed(() => {

package/dist/runtime/components/image/image-cropper.d.vue.ts

@@ -64,15 +64,15 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
     src: string;
     center: boolean;
-    background: boolean;
-    modal: boolean;
     responsive: boolean;
     restore: boolean;
     checkCrossOrigin: boolean;
     checkOrientation: boolean;
     crossorigin: "" | "anonymous" | "use-credentials";
+    modal: boolean;
     guides: boolean;
     highlight: boolean;
+    background: boolean;
     autoCrop: boolean;
     movable: boolean;
     rotatable: boolean;

package/dist/runtime/components/image/image-cropper.vue.d.ts

@@ -64,15 +64,15 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
     src: string;
     center: boolean;
-    background: boolean;
-    modal: boolean;
     responsive: boolean;
     restore: boolean;
     checkCrossOrigin: boolean;
     checkOrientation: boolean;
     crossorigin: "" | "anonymous" | "use-credentials";
+    modal: boolean;
     guides: boolean;
     highlight: boolean;
+    background: boolean;
     autoCrop: boolean;
     movable: boolean;
     rotatable: boolean;

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

@@ -50,10 +50,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     placeholder: string;
+    gap: string;
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;
-    gap: 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,10 +50,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     placeholder: string;
+    gap: string;
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;
-    gap: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

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

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

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

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;
-    new: boolean;
     disabledForgotPassword: boolean;
+    new: 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;
-    new: boolean;
     disabledForgotPassword: boolean;
+    new: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-personal-card-id.d.vue.ts

@@ -11,12 +11,12 @@ 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: File | null) => any;
 } & {
-    remove: () => any;
     complete: (file: File) => any;
+    remove: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: File | null) => any) | undefined;
-    onRemove?: (() => any) | undefined;
     onComplete?: ((file: File) => any) | undefined;
+    onRemove?: (() => any) | undefined;
 }>, {
     name: string;
     disabledErrorMessage: boolean;

package/dist/runtime/components/input/input-personal-card-id.vue.d.ts

@@ -11,12 +11,12 @@ 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: File | null) => any;
 } & {
-    remove: () => any;
     complete: (file: File) => any;
+    remove: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: File | null) => any) | undefined;
-    onRemove?: (() => any) | undefined;
     onComplete?: ((file: File) => any) | undefined;
+    onRemove?: (() => any) | undefined;
 }>, {
     name: string;
     disabledErrorMessage: boolean;

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

@@ -19,11 +19,22 @@
               @click="toggleSelect(place.id)"
             >
               <Image
+                v-if="place.image"
                 :src="place.image"
                 :width="70"
                 :height="40"
                 class="shrink-0 rounded-[4px]"
               />
+              <div
+                v-else
+                class="w-[70px] h-[40px] bg-cloud flex items-center justify-center rounded-[4px]"
+              >
+                <Icon
+                  name="pukaad:map-location-dot"
+                  size="24"
+                  class="text-gray shrink-0"
+                />
+              </div>
               <div class="flex flex-col gap-[4px] min-w-0 flex-1">
                 <div class="font-body-medium truncate">{{ place.name }}</div>
                 <div class="font-body-small text-gray truncate">
@@ -71,11 +82,22 @@
         class="flex gap-[8px] items-start w-full min-w-0"
       >
         <Image
+          v-if="item.image"
           :src="item.image"
           :width="70"
           :height="40"
           class="shrink-0 rounded-[4px]"
         />
+        <div
+          v-else
+          class="w-[70px] h-[40px] bg-cloud flex items-center justify-center rounded-[4px]"
+        >
+          <Icon
+            name="pukaad:map-location-dot"
+            size="24"
+            class="text-gray shrink-0"
+          />
+        </div>
         <div class="flex flex-col gap-[4px] min-w-0 flex-1">
           <div class="font-body-medium w-full truncate">{{ item.name }}</div>
           <div class="font-body-small text-gray w-full truncate">

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;
-    disabledForgotPassword: boolean;
     confirmText: string;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, 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;
-    disabledForgotPassword: boolean;
     confirmText: string;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, 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";
-    disabledForgotPassword: boolean;
     confirmText: string;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, 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";
-    disabledForgotPassword: boolean;
     confirmText: string;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -21,5 +21,9 @@ export interface RawContentCard {
     }[];
     is_pinned?: boolean;
     is_liked?: boolean;
+    expire_at?: string;
 }
-export declare const mapContentToCard: (raw: RawContentCard) => CardContentItem;
+export interface MapContentToCardOptions {
+    showExpiry?: boolean;
+}
+export declare const mapContentToCard: (raw: RawContentCard, options?: MapContentToCardOptions) => CardContentItem;

package/dist/runtime/composables/useContentCard.js

@@ -6,7 +6,7 @@ export const CONTENT_COVER_COLORS = [
   { hex: "#FDD", name: "red-info" },
   { hex: "#FFE6F4", name: "pink-info" }
 ];
-export const mapContentToCard = (raw) => {
+export const mapContentToCard = (raw, options = {}) => {
   const type = raw.content_type === "post_it" ? "postIt" : raw.content_type;
   const firstMedia = raw.media?.[0];
   const place = raw.places?.[0];
@@ -15,7 +15,8 @@ export const mapContentToCard = (raw) => {
     type,
     location: place?.address || place?.name,
     pinned: !!raw.is_pinned,
-    bookmarked: !!raw.is_liked
+    bookmarked: !!raw.is_liked,
+    expireAt: options.showExpiry ? raw.expire_at : void 0
   };
   if (type === "postIt") {
     item.content = raw.cover_text;

package/package.json

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