@finema/finework-layer 2.0.33 → 2.0.35

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [2.0.35](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/2.0.34...2.0.35) (2026-08-19)
+
+### Features
+
+* translate feedback ticket form from Thai to English ([437b87a](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/437b87a5d75f02c615eeca19595d8f51f5dedcf7))
+
+## [2.0.34](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/2.0.33...2.0.34) (2026-08-18)
+
+### Features
+
+* improve file deletion logic in feedback ticket form ([1a5b7e4](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/1a5b7e432e6677510d5c39744616b07601e55b30))
+
 ## [2.0.33](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/2.0.32...2.0.33) (2026-08-18)
 
 ## [2.0.32](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/2.0.31...2.0.32) (2026-08-18)

package/app/components/FeedbackTicket/Form.vue

@@ -20,7 +20,7 @@
             </div>
             <div>
               <h2 class="text-base font-semibold text-gray-900">
-                แจ้งปัญหา / ขอ Feature
+                Report Issue / Request Feature
               </h2>
               <p class="text-xs text-gray-500">
                 Feedback Ticket
@@ -31,7 +31,7 @@
             <NuxtLink
               :to="routes.feedbackTicket.tickets.to"
               class="flex size-8 cursor-pointer items-center justify-center rounded-lg text-gray-400 transition hover:bg-gray-100 hover:text-gray-600"
-              title="ดูรายการทั้งหมด"
+              title="View all tickets"
               @click="emit('update', false)"
             >
               <Icon
@@ -69,7 +69,7 @@
             class="flex-1 justify-center"
             @click="emit('update', false)"
           >
-            ยกเลิก
+            Cancel
           </Button>
           <Button
             class="flex-1 justify-center"
@@ -77,7 +77,7 @@
             :disabled="!form.meta.value.dirty || addLoader.status.value.isLoading"
             @click="onSubmit"
           >
-            ส่งรายงาน
+            Submit
           </Button>
         </div>
       </div>
@@ -106,9 +106,9 @@ const noti = useNotification()
 const form = useForm({
   validationSchema: toTypedSchema(
     v.object({
-      title: v.pipe(v.string(), v.minLength(1, 'กรุณาระบุหัวข้อ')),
-      description: v.pipe(v.string(), v.minLength(1, 'กรุณาระบุรายละเอียด')),
-      category: v.pipe(v.string(), v.minLength(1, 'กรุณาเลือกประเภท')),
+      title: v.pipe(v.string(), v.minLength(1, 'Please enter a title')),
+      description: v.pipe(v.string(), v.minLength(1, 'Please enter a description')),
+      category: v.pipe(v.string(), v.minLength(1, 'Please select a category')),
       priority: v.optional(v.string(), FeedbackTicketPriority.LOW),
       app: v.nullish(v.string()),
       files: v.nullish(
@@ -133,8 +133,8 @@ const formFields = createFormFields(() => [
     props: {
       form,
       name: 'title',
-      label: 'หัวข้อ',
-      placeholder: 'อธิบายปัญหาหรือ feature ที่ต้องการสั้นๆ',
+      label: 'Title',
+      placeholder: 'Briefly describe the issue or feature you need',
       required: true,
     },
   },
@@ -143,9 +143,9 @@ const formFields = createFormFields(() => [
     class: 'col-span-2',
     props: {
       form,
-      label: 'ระบบ',
+      label: 'App',
       name: 'app',
-      placeholder: 'เลือกระบบ',
+      placeholder: 'Select an app',
       clearable: true,
       options: UserModuleOptions,
     },
@@ -155,8 +155,8 @@ const formFields = createFormFields(() => [
     props: {
       form,
       name: 'category',
-      label: 'ประเภท',
-      placeholder: 'เลือกประเภท',
+      label: 'Category',
+      placeholder: 'Select a category',
       options: FeedbackTicketCategoryOptions,
       required: true,
     },
@@ -166,8 +166,8 @@ const formFields = createFormFields(() => [
     props: {
       form,
       name: 'priority',
-      label: 'ความสำคัญ',
-      placeholder: 'เลือกความสำคัญ',
+      label: 'Priority',
+      placeholder: 'Select a priority',
       options: FeedbackTicketPriorityOptions,
     },
   },
@@ -177,8 +177,8 @@ const formFields = createFormFields(() => [
     props: {
       form,
       name: 'description',
-      label: 'รายละเอียด',
-      placeholder: 'อธิบายปัญหาหรือ feature ที่ต้องการอย่างละเอียด เช่น ขั้นตอนที่ทำให้เกิดปัญหา, ผลลัพธ์ที่ต้องการ',
+      label: 'Description',
+      placeholder: 'Describe the issue or feature in detail, e.g. steps to reproduce, expected result',
       rows: 2,
       required: true,
     },
@@ -189,8 +189,8 @@ const formFields = createFormFields(() => [
     props: {
       form,
       name: 'files',
-      label: 'แนบรูปภาพ (ถ้ามี)',
-      placeholder: 'PNG, JPG, GIF, WEBP (สูงสุด 5MB)',
+      label: 'Attach images (optional)',
+      placeholder: 'PNG, JPG, GIF, WEBP (max 5MB)',
       requestOptions: useRequestOptions().file(FileAppType.COMMON),
       accept: '.jpg,.jpeg,.png,.gif,.webp',
       maxSize: 5120,
@@ -199,7 +199,19 @@ const formFields = createFormFields(() => [
       change: () => {},
       success: () => {},
       delete: (file: any) => {
-        form.setFieldValue('files', form.values.files?.filter((f: any) => f.id !== file.id))
+        const currentFiles = form.values.files || []
+
+        const nextFiles
+          = typeof file === 'number'
+            ? currentFiles.filter((_: any, index: number) => index !== file)
+            : currentFiles.filter(
+              (f: any) =>
+                f.id !== file?.id
+                && f.path !== file?.path
+                && f.url !== file?.url,
+            )
+
+        form.setFieldValue('files', nextFiles.length ? nextFiles : null)
       },
     },
   },
@@ -217,7 +229,7 @@ useWatchTrue(
     emit('success')
     form.resetForm()
     noti.success({
-      title: 'ส่งรายงานสำเร็จ ขอบคุณ!',
+      title: 'Submitted successfully, thank you!',
     })
   },
 )
@@ -226,8 +238,8 @@ useWatchTrue(
   () => addLoader.status.value.isError,
   () => {
     noti.error({
-      title: 'ส่งรายงานไม่สำเร็จ',
-      description: StringHelper.getError(addLoader.status.value.errorData, 'กรุณาลองใหม่ภายหลัง'),
+      title: 'Failed to submit',
+      description: StringHelper.getError(addLoader.status.value.errorData, 'Please try again later'),
     })
   },
 )

package/app/constants/feedback-ticket/priority.ts

@@ -12,7 +12,24 @@ export const FeedbackTicketPriorityLabel: Record<FeedbackTicketPriority, string>
   [FeedbackTicketPriority.LOW]: 'Low',
 }
 
+export const FeedbackTicketPriorityIcon: Record<FeedbackTicketPriority, string> = {
+  [FeedbackTicketPriority.CRITICAL]: 'ph:warning-circle-fill',
+  [FeedbackTicketPriority.HIGH]: 'ph:arrow-up',
+  [FeedbackTicketPriority.MEDIUM]: 'ph:minus',
+  [FeedbackTicketPriority.LOW]: 'ph:arrow-down',
+}
+
+export const FeedbackTicketPriorityColor: Record<FeedbackTicketPriority, 'info' | 'neutral' | 'success' | 'warning' | 'error'> = {
+  [FeedbackTicketPriority.CRITICAL]: 'error',
+  [FeedbackTicketPriority.HIGH]: 'warning',
+  [FeedbackTicketPriority.MEDIUM]: 'info',
+  [FeedbackTicketPriority.LOW]: 'neutral',
+}
+
 export const FeedbackTicketPriorityOptions = Object.entries(FeedbackTicketPriorityLabel).map(([value, label]) => ({
   value,
   label,
+  chip: {
+    color: FeedbackTicketPriorityColor[value as FeedbackTicketPriority],
+  },
 }))

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@finema/finework-layer",
   "type": "module",
-  "version": "2.0.33",
+  "version": "2.0.35",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground -o",