pukaad-ui-lib 1.289.0 → 1.290.0

package/dist/module.json

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

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

@@ -1,14 +1,13 @@
-export interface PlaceAddress {
-    full_address?: string;
-}
 export interface PlaceItem {
     id?: string;
+    name?: string;
+    cover_image?: string;
+    address?: string;
     business_name?: string;
+    image_cover?: string;
+    full_address?: string;
     description?: string;
-    address?: PlaceAddress;
     rating?: number;
-    image_cover?: string;
-    review_count?: number;
     like_count?: number;
 }
 type __VLS_Props = {

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

@@ -1,28 +1,27 @@
 <template>
   <div class="flex gap-[16px] items-center">
-    <Image v-if="props.item?.image_cover" :src="props.item.image_cover" width="227" height="128"
+    <Image v-if="coverImage" :src="coverImage" width="227" height="128"
       class="rounded-[4px] flex-shrink-0 object-cover" />
     <div v-else class="w-[227px] h-[128px] rounded-[4px] flex-shrink-0 bg-cloud flex items-center justify-center">
       <Icon name="pukaad:map-location-dot" :size="36" class="text-gray" />
     </div>
     <div class="flex flex-col gap-[4px]">
-      <div v-if="props.item?.business_name" class="font-title-small-promient">
-        {{ props.item.business_name }}
+      <div v-if="placeName" class="font-title-small-promient">
+        {{ placeName }}
       </div>
 
       <div class="flex items-center gap-[4px] font-body-medium text-gray">
-        <InputRating :size="10" readonly :model-value="props.item.rating || 0" />
-        <span v-if="props.item.review_count !== void 0" class="ml-[4px]">{{
-          convertNumber(props.item.review_count) }}</span>
-        <span v-if="props.item.review_count !== void 0 && props.item.like_count !== void 0">•</span>
-        <span v-if="props.item.like_count !== void 0">ถูกใจ {{ convertNumber(props.item.like_count)
-        }}</span>
+        <InputRating :size="10" readonly :model-value="props.item?.rating || 0" />
+        <template v-if="props.item?.like_count !== void 0">
+          <span>•</span>
+          <span>ถูกใจ {{ convertNumber(props.item.like_count) }}</span>
+        </template>
       </div>
 
-      <div v-if="props.item.address?.full_address" class="font-body-medium text-gray">
-        {{ props.item.address.full_address }}
+      <div v-if="placeAddress" class="font-body-medium text-gray">
+        {{ placeAddress }}
       </div>
-      <div v-if="props.item.description" class="font-body-medium text-gray line-clamp-2">
+      <div v-if="props.item?.description" class="font-body-medium text-gray line-clamp-2">
         {{ props.item.description }}
       </div>
     </div>
@@ -35,4 +34,10 @@ const { convertNumber } = useConvert();
 const props = defineProps({
   item: { type: Object, required: false, default: () => ({}) }
 });
+const coverImage = computed(() => props.item?.cover_image || props.item?.image_cover || "");
+const placeName = computed(() => props.item?.name || props.item?.business_name || "");
+const placeAddress = computed(() => {
+  if (typeof props.item?.address === "string") return props.item.address;
+  return props.item?.full_address || "";
+});
 </script>

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

@@ -1,14 +1,13 @@
-export interface PlaceAddress {
-    full_address?: string;
-}
 export interface PlaceItem {
     id?: string;
+    name?: string;
+    cover_image?: string;
+    address?: string;
     business_name?: string;
+    image_cover?: string;
+    full_address?: string;
     description?: string;
-    address?: PlaceAddress;
     rating?: number;
-    image_cover?: string;
-    review_count?: number;
     like_count?: number;
 }
 type __VLS_Props = {

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

@@ -49,11 +49,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     label: string;
     required: boolean;
     name: string;
+    gap: string;
     placeholder: 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

@@ -49,11 +49,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     label: string;
     required: boolean;
     name: string;
+    gap: string;
     placeholder: 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;
     name: string;
     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;
     name: string;
     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/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/package.json

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