pukaad-ui-lib 1.297.0 → 1.298.0

package/dist/module.json

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

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

@@ -6,10 +6,12 @@ type __VLS_Props = {
     disabledMenu?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    delete: (item: CardReviewProps) => any;
     edit: (item: CardReviewProps) => any;
     "toggle-like": (item: CardReviewProps, liked: boolean) => any;
     "select-image": (item: CardReviewProps, index: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: ((item: CardReviewProps) => any) | undefined;
     onEdit?: ((item: CardReviewProps) => any) | undefined;
     "onToggle-like"?: ((item: CardReviewProps, liked: boolean) => any) | undefined;
     "onSelect-image"?: ((item: CardReviewProps, index: number) => any) | undefined;

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

@@ -21,16 +21,6 @@
                 {{ props.item.user?.name }}
               </div>
               <div class="flex gap-[8px] items-center">
-                <Button
-                  v-if="props.item.user?.is_my_review"
-                  variant="text"
-                  color="default"
-                  disabled-padding
-                  @click="emit('edit', props.item)"
-                >
-                  <Icon name="lucide:pencil" :size="16" />
-                  แก้ไข
-                </Button>
                 <Button
                   variant="text"
                   :color="liked ? 'primary' : 'default'"
@@ -39,7 +29,9 @@
                   @click="toggleLike"
                 >
                   <Icon
-                    :name="liked ? 'pukaad:thumbs-up-solid' : 'pukaad:thumbs-up-regular'"
+                    :name="
+  liked ? 'pukaad:thumbs-up-solid' : 'pukaad:thumbs-up-regular'
+"
                     :size="20"
                   />
                   {{ convertNumber(likeCount) }}
@@ -48,6 +40,8 @@
                   v-if="!props.disabledMenu"
                   :state="menuType"
                   disabled-padding
+                  @review-edit="emit('edit', props.item)"
+                  @review-delete="emit('delete', props.item)"
                 />
               </div>
             </div>
@@ -57,7 +51,11 @@
             </div>
           </div>
           <div class="flex gap-[8px] items-center">
-            <InputRating :size="11" readonly :model-value="props.item.review?.rating" />
+            <InputRating
+              :size="11"
+              readonly
+              :model-value="props.item.review?.rating"
+            />
             <div class="text-gray font-body-small">
               {{ convertDate(props.item.review?.created_at ?? "") }}
             </div>
@@ -69,7 +67,10 @@
         </div>
 
         <div v-if="props.item.review?.images?.length" class="flex gap-[8px]">
-          <DisplayImageReview :items="props.item.review?.images" @select="selectImage" />
+          <DisplayImageReview
+            :items="props.item.review?.images"
+            @select="selectImage"
+          />
         </div>
       </div>
 
@@ -78,7 +79,9 @@
           <div class="text-gray font-body-large">
             การตอบกลับจาก {{ props.item.replies?.author }}
           </div>
-          <div class="font-body-large">{{ props.item.replies?.description }}</div>
+          <div class="font-body-large">
+            {{ props.item.replies?.description }}
+          </div>
         </div>
       </div>
     </div>
@@ -128,7 +131,7 @@ const props = defineProps({
   disabledLike: { type: Boolean, required: false, default: false },
   disabledMenu: { type: Boolean, required: false, default: false }
 });
-const emit = defineEmits(["toggle-like", "select-image", "edit"]);
+const emit = defineEmits(["toggle-like", "select-image", "edit", "delete"]);
 const isOpen = ref(false);
 const startIndex = ref(0);
 const liked = ref(props.item.review?.liked ?? false);
@@ -145,7 +148,9 @@ watch(
     likeCount.value = val ?? 0;
   }
 );
-const menuType = computed(() => props.isProfile ? "my-profile" : "profile");
+const menuType = computed(
+  () => props.item.user?.is_my_review ? "my-review" : "report-review"
+);
 const navigateToProfile = (pathName) => {
   if (!pathName) return;
   router.push(`/@${pathName}`);

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

@@ -6,10 +6,12 @@ type __VLS_Props = {
     disabledMenu?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    delete: (item: CardReviewProps) => any;
     edit: (item: CardReviewProps) => any;
     "toggle-like": (item: CardReviewProps, liked: boolean) => any;
     "select-image": (item: CardReviewProps, index: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: ((item: CardReviewProps) => any) | undefined;
     onEdit?: ((item: CardReviewProps) => any) | undefined;
     "onToggle-like"?: ((item: CardReviewProps, liked: boolean) => any) | undefined;
     "onSelect-image"?: ((item: CardReviewProps, index: number) => any) | undefined;

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

@@ -64,12 +64,12 @@ 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;
-    modal: boolean;
     responsive: boolean;
     restore: boolean;
     checkCrossOrigin: boolean;
     checkOrientation: boolean;
     crossorigin: "" | "anonymous" | "use-credentials";
+    modal: boolean;
     guides: boolean;
     highlight: boolean;
     background: boolean;

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

@@ -64,12 +64,12 @@ 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;
-    modal: boolean;
     responsive: boolean;
     restore: boolean;
     checkCrossOrigin: boolean;
     checkOrientation: boolean;
     crossorigin: "" | "anonymous" | "use-credentials";
+    modal: boolean;
     guides: boolean;
     highlight: boolean;
     background: 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;
-    accept: string;
     disabledErrorMessage: boolean;
+    accept: string;
     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;
-    accept: string;
     disabledErrorMessage: boolean;
+    accept: string;
     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;
-    disabledForgotPassword: boolean;
     new: boolean;
+    disabledForgotPassword: 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;
-    disabledForgotPassword: boolean;
     new: boolean;
+    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.d.vue.ts

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

package/dist/runtime/components/modal/modal-phone-OTP.d.vue.ts

@@ -14,8 +14,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onComplete?: ((data?: any) => any) | undefined;
 }>, {
-    confirmedText: string;
     phone: string;
+    confirmedText: string;
     phoneLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/modal/modal-phone-OTP.vue.d.ts

@@ -14,8 +14,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onComplete?: ((data?: any) => any) | undefined;
 }>, {
-    confirmedText: string;
     phone: string;
+    confirmedText: string;
     phoneLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/picker/picker-option-menu/picker-option-menu-user.d.vue.ts

@@ -5,6 +5,9 @@ declare const __VLS_export: import("vue").DefineComponent<PickerOptionMenuUserPr
     "blog-unpin": () => any;
     "blog-pin": () => any;
     "blog-delete": () => any;
+    "report-review": () => any;
+    "review-edit": () => any;
+    "review-delete": () => any;
     "profile-name-updated": (name: string) => any;
     "profile-edit": () => any;
     "profile-share": () => any;
@@ -13,10 +16,7 @@ declare const __VLS_export: import("vue").DefineComponent<PickerOptionMenuUserPr
     "report-blog": () => any;
     "report-place": () => any;
     "report-profile": () => any;
-    "report-review": () => any;
     "place-close-duplicate": () => any;
-    "review-edit": () => any;
-    "review-delete": () => any;
     archive: () => any;
 }, string, import("vue").PublicProps, Readonly<PickerOptionMenuUserProps> & Readonly<{
     "onBlog-edit"?: (() => any) | undefined;
@@ -24,6 +24,9 @@ declare const __VLS_export: import("vue").DefineComponent<PickerOptionMenuUserPr
     "onBlog-unpin"?: (() => any) | undefined;
     "onBlog-pin"?: (() => any) | undefined;
     "onBlog-delete"?: (() => any) | undefined;
+    "onReport-review"?: (() => any) | undefined;
+    "onReview-edit"?: (() => any) | undefined;
+    "onReview-delete"?: (() => any) | undefined;
     "onProfile-name-updated"?: ((name: string) => any) | undefined;
     "onProfile-edit"?: (() => any) | undefined;
     "onProfile-share"?: (() => any) | undefined;
@@ -32,10 +35,7 @@ declare const __VLS_export: import("vue").DefineComponent<PickerOptionMenuUserPr
     "onReport-blog"?: (() => any) | undefined;
     "onReport-place"?: (() => any) | undefined;
     "onReport-profile"?: (() => any) | undefined;
-    "onReport-review"?: (() => any) | undefined;
     "onPlace-close-duplicate"?: (() => any) | undefined;
-    "onReview-edit"?: (() => any) | undefined;
-    "onReview-delete"?: (() => any) | undefined;
     onArchive?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/picker/picker-option-menu/picker-option-menu-user.vue

@@ -200,6 +200,11 @@ const items = computed(() => {
       (fil) => ["profile-edit", "profile-share", "archive"].includes(fil.name)
     );
   }
+  if (props.state === "my-review") {
+    return menu.filter(
+      (fil) => ["review-edit", "review-delete"].includes(fil.name)
+    );
+  }
   if (props.state === "follower") {
     return menu.filter(
       (fil) => ["profile-follower-delete", "profile-block", "report-profile"].includes(
@@ -232,6 +237,11 @@ const items = computed(() => {
       (item) => ["report-announce"].includes(item.name)
     );
   }
+  if (props.state === "report-review") {
+    return menu.filter(
+      (item) => ["report-review"].includes(item.name)
+    );
+  }
   return menu;
 });
 </script>

package/dist/runtime/components/picker/picker-option-menu/picker-option-menu-user.vue.d.ts

@@ -5,6 +5,9 @@ declare const __VLS_export: import("vue").DefineComponent<PickerOptionMenuUserPr
     "blog-unpin": () => any;
     "blog-pin": () => any;
     "blog-delete": () => any;
+    "report-review": () => any;
+    "review-edit": () => any;
+    "review-delete": () => any;
     "profile-name-updated": (name: string) => any;
     "profile-edit": () => any;
     "profile-share": () => any;
@@ -13,10 +16,7 @@ declare const __VLS_export: import("vue").DefineComponent<PickerOptionMenuUserPr
     "report-blog": () => any;
     "report-place": () => any;
     "report-profile": () => any;
-    "report-review": () => any;
     "place-close-duplicate": () => any;
-    "review-edit": () => any;
-    "review-delete": () => any;
     archive: () => any;
 }, string, import("vue").PublicProps, Readonly<PickerOptionMenuUserProps> & Readonly<{
     "onBlog-edit"?: (() => any) | undefined;
@@ -24,6 +24,9 @@ declare const __VLS_export: import("vue").DefineComponent<PickerOptionMenuUserPr
     "onBlog-unpin"?: (() => any) | undefined;
     "onBlog-pin"?: (() => any) | undefined;
     "onBlog-delete"?: (() => any) | undefined;
+    "onReport-review"?: (() => any) | undefined;
+    "onReview-edit"?: (() => any) | undefined;
+    "onReview-delete"?: (() => any) | undefined;
     "onProfile-name-updated"?: ((name: string) => any) | undefined;
     "onProfile-edit"?: (() => any) | undefined;
     "onProfile-share"?: (() => any) | undefined;
@@ -32,10 +35,7 @@ declare const __VLS_export: import("vue").DefineComponent<PickerOptionMenuUserPr
     "onReport-blog"?: (() => any) | undefined;
     "onReport-place"?: (() => any) | undefined;
     "onReport-profile"?: (() => any) | undefined;
-    "onReport-review"?: (() => any) | undefined;
     "onPlace-close-duplicate"?: (() => any) | undefined;
-    "onReview-edit"?: (() => any) | undefined;
-    "onReview-delete"?: (() => any) | undefined;
     onArchive?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/package.json

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