pukaad-ui-lib 1.216.0 → 1.218.0

package/dist/module.json

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

package/dist/runtime/assets/svg/map-location-dot.svg

@@ -1,6 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17" fill="none">
   <g clip-path="url(#clip0_6644_10663)">
-    <path d="M14.1667 3.98438C14.1667 5.79727 11.6285 9.02793 10.5139 10.3594C10.2465 10.6781 9.75 10.6781 9.48611 10.3594C8.37153 9.02793 5.83333 5.79727 5.83333 3.98438C5.83333 1.78301 7.69792 0 10 0C12.3021 0 14.1667 1.78301 14.1667 3.98438ZM14.4444 6.65391C14.566 6.42481 14.6771 6.1957 14.7778 5.96992C14.7951 5.93008 14.8125 5.88691 14.8299 5.84707L18.8576 4.30645C19.4062 4.09727 20 4.48242 20 5.04688V14.0383C20 14.3637 19.7917 14.6559 19.4757 14.7787L14.4444 16.7012V6.65391ZM4.77778 4.59199C4.86111 5.06016 5.02778 5.53164 5.22222 5.96992C5.32292 6.1957 5.43403 6.42481 5.55556 6.65391V15.0012L1.14236 16.6912C0.59375 16.9004 0 16.5152 0 15.9508V6.95938C0 6.63399 0.208333 6.3418 0.524306 6.21895L4.78125 4.59199H4.77778ZM11.3819 11.0234C11.8646 10.4457 12.6215 9.50606 13.3333 8.4668V16.7443L6.66667 14.9215V8.4668C7.37847 9.50606 8.13542 10.4457 8.61806 11.0234C9.32986 11.8734 10.6701 11.8734 11.3819 11.0234ZM10 5.04688C10.3684 5.04688 10.7216 4.90695 10.9821 4.65788C11.2426 4.4088 11.3889 4.07099 11.3889 3.71875C11.3889 3.36651 11.2426 3.0287 10.9821 2.77962C10.7216 2.53055 10.3684 2.39063 10 2.39063C9.63164 2.39063 9.27837 2.53055 9.01791 2.77962C8.75744 3.0287 8.61111 3.36651 8.61111 3.71875C8.61111 4.07099 8.75744 4.4088 9.01791 4.65788C9.27837 4.90695 9.63164 5.04688 10 5.04688Z" fill="#1976B8"/>
+    <path d="M14.1667 3.98438C14.1667 5.79727 11.6285 9.02793 10.5139 10.3594C10.2465 10.6781 9.75 10.6781 9.48611 10.3594C8.37153 9.02793 5.83333 5.79727 5.83333 3.98438C5.83333 1.78301 7.69792 0 10 0C12.3021 0 14.1667 1.78301 14.1667 3.98438ZM14.4444 6.65391C14.566 6.42481 14.6771 6.1957 14.7778 5.96992C14.7951 5.93008 14.8125 5.88691 14.8299 5.84707L18.8576 4.30645C19.4062 4.09727 20 4.48242 20 5.04688V14.0383C20 14.3637 19.7917 14.6559 19.4757 14.7787L14.4444 16.7012V6.65391ZM4.77778 4.59199C4.86111 5.06016 5.02778 5.53164 5.22222 5.96992C5.32292 6.1957 5.43403 6.42481 5.55556 6.65391V15.0012L1.14236 16.6912C0.59375 16.9004 0 16.5152 0 15.9508V6.95938C0 6.63399 0.208333 6.3418 0.524306 6.21895L4.78125 4.59199H4.77778ZM11.3819 11.0234C11.8646 10.4457 12.6215 9.50606 13.3333 8.4668V16.7443L6.66667 14.9215V8.4668C7.37847 9.50606 8.13542 10.4457 8.61806 11.0234C9.32986 11.8734 10.6701 11.8734 11.3819 11.0234ZM10 5.04688C10.3684 5.04688 10.7216 4.90695 10.9821 4.65788C11.2426 4.4088 11.3889 4.07099 11.3889 3.71875C11.3889 3.36651 11.2426 3.0287 10.9821 2.77962C10.7216 2.53055 10.3684 2.39063 10 2.39063C9.63164 2.39063 9.27837 2.53055 9.01791 2.77962C8.75744 3.0287 8.61111 3.36651 8.61111 3.71875C8.61111 4.07099 8.75744 4.4088 9.01791 4.65788C9.27837 4.90695 9.63164 5.04688 10 5.04688Z" fill="currentColor"/>
   </g>
   <defs>
     <clipPath id="clip0_6644_10663">

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

@@ -0,0 +1,21 @@
+export interface PlaceAddress {
+    full_address?: string;
+}
+export interface PlaceItem {
+    id?: string;
+    business_name?: string;
+    description?: string;
+    address?: PlaceAddress;
+    rating?: number;
+    image_cover?: string;
+    review_count?: number;
+    like_count?: number;
+}
+type __VLS_Props = {
+    item?: PlaceItem;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    item: PlaceItem;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,38 @@
+<template>
+  <div class="flex gap-[16px] items-center">
+    <Image v-if="props.item?.image_cover" :src="props.item.image_cover" 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>
+
+      <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>
+      </div>
+
+      <div v-if="props.item.address?.full_address" class="font-body-medium text-gray">
+        {{ props.item.address.full_address }}
+      </div>
+      <div v-if="props.item.description" class="font-body-medium text-gray line-clamp-2">
+        {{ props.item.description }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { useConvert } from "../../composables/useConvert";
+const { convertNumber } = useConvert();
+const props = defineProps({
+  item: { type: Object, required: false, default: () => ({}) }
+});
+</script>

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

@@ -0,0 +1,21 @@
+export interface PlaceAddress {
+    full_address?: string;
+}
+export interface PlaceItem {
+    id?: string;
+    business_name?: string;
+    description?: string;
+    address?: PlaceAddress;
+    rating?: number;
+    image_cover?: string;
+    review_count?: number;
+    like_count?: number;
+}
+type __VLS_Props = {
+    item?: PlaceItem;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    item: PlaceItem;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/drawer/drawer-suggest-place/drawer-suggest-place.vue

@@ -96,7 +96,7 @@
 </template>
 
 <script setup>
-import { computed, ref } from "vue";
+import { computed, ref, watch } from "vue";
 import { useNuxtApp } from "nuxt/app";
 import { useApi } from "@/runtime/composables/useApi";
 import { usePresignedUpload } from "@/runtime/composables/usePresignedUpload";
@@ -114,6 +114,21 @@ const photoColumns = ref(false);
 const videoColumns = ref(false);
 if (!formData.value.photos) formData.value.photos = [];
 if (!formData.value.videos) formData.value.videos = [];
+watch(isOpen, (val) => {
+  if (!val) {
+    setTimeout(() => {
+      formData.value = {
+        photos: [],
+        videos: [],
+        address: {},
+        extraPhones: [],
+        contactChannels: [],
+        categories: [],
+        reviewPhotos: []
+      };
+    }, 300);
+  }
+});
 const isFormValid = computed(() => {
   const d = formData.value;
   const addressComplete = !!(d.address?.province_id && d.address?.amphur_id && d.address?.tambon_id && d.address?.zipcode);

package/dist/runtime/components/drawer/drawer-suggest-place/suggest-place-form.vue

@@ -74,7 +74,7 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted } from "vue";
+import { ref, computed, onMounted, watch } from "vue";
 import { useApi } from "@/runtime/composables/useApi";
 import SuggestPlaceMap from "./suggest-place-map.vue";
 const props = defineProps({
@@ -95,6 +95,16 @@ const isAddressCompleted = computed(() => {
   const v = modelValue.value.address || {};
   return !!(v.province_id && v.amphur_id && v.tambon_id && v.zipcode);
 });
+watch(
+  () => modelValue.value.isReview,
+  (newVal) => {
+    if (!newVal) {
+      modelValue.value.rating = void 0;
+      modelValue.value.reviewDescription = "";
+      modelValue.value.reviewPhotos = [];
+    }
+  }
+);
 const listEndpointMap = {
   personal: "/personal/suggest-places",
   business: "/business/suggest-places",

package/dist/runtime/components/drawer/drawer-suggest-place/suggest-place-map.d.vue.ts

@@ -1,3 +1,4 @@
+import "leaflet/dist/leaflet.css";
 type __VLS_Props = {
     provinceId?: number;
     amphurId?: number;

package/dist/runtime/components/drawer/drawer-suggest-place/suggest-place-map.vue

@@ -8,6 +8,7 @@
 
 <script setup>
 import { ref, onMounted, watch } from "vue";
+import "leaflet/dist/leaflet.css";
 import { useThaiAddress } from "@/runtime/composables/useThaiAddress";
 import provincesGeoJson from "@/runtime/geo/provinces.json";
 import mapPinSvg from "@/runtime/assets/svg/map-pin.svg?raw";
@@ -24,7 +25,6 @@ let marker = null;
 const { getProvinceById } = useThaiAddress();
 onMounted(async () => {
   const L = (await import("leaflet")).default;
-  await import("leaflet/dist/leaflet.css");
   if (mapContainer.value) {
     map = L.map(mapContainer.value, {
       zoomControl: false,

package/dist/runtime/components/drawer/drawer-suggest-place/suggest-place-map.vue.d.ts

@@ -1,3 +1,4 @@
+import "leaflet/dist/leaflet.css";
 type __VLS_Props = {
     provinceId?: number;
     amphurId?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.216.0",
+  "version": "1.218.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",
@@ -95,4 +95,4 @@
     "@types/vue-cropperjs": "^4.1.6",
     "@vue/compiler-sfc": "^3.5.24"
   }
-}
+}