@finema/finework-layer 2.0.35 → 2.0.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # Changelog
2
2
 
3
+ ## [2.0.37](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/2.0.36...2.0.37) (2026-08-19)
4
+
5
+ ### Features
6
+
7
+ * replace headset icon with chat-circle-text icon across feedback components ([99ae421](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/99ae421e2d4985e65650ab865c3d8d0127b4abc0))
8
+
9
+ ## [2.0.36](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/2.0.35...2.0.36) (2026-08-19)
10
+
11
+ ### Features
12
+
13
+ * replace success notification with modal in feedback ticket form ([3368f40](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/3368f40fd726fee9496093fd4c6915535d64868a))
14
+
3
15
  ## [2.0.35](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/2.0.34...2.0.35) (2026-08-19)
4
16
 
5
17
  ### Features
@@ -14,7 +14,7 @@
14
14
  <div class="flex items-center gap-3">
15
15
  <div class="bg-primary-100 flex size-9 items-center justify-center rounded-lg">
16
16
  <Icon
17
- name="ph:headset"
17
+ name="ph:chat-circle-text"
18
18
  class="text-primary-600 size-5"
19
19
  />
20
20
  </div>
@@ -83,6 +83,38 @@
83
83
  </div>
84
84
  </template>
85
85
  </Slideover>
86
+
87
+ <Modal
88
+ v-model:open="isSuccessOpen"
89
+ :ui="{ content: 'max-w-sm' }"
90
+ >
91
+ <template #content>
92
+ <div class="relative flex flex-col items-center px-6 py-10 text-center">
93
+ <button
94
+ class="absolute top-4 right-4 flex size-8 cursor-pointer items-center justify-center rounded-lg text-gray-400 transition hover:bg-gray-100 hover:text-gray-600"
95
+ type="button"
96
+ @click="isSuccessOpen = false"
97
+ >
98
+ <Icon
99
+ name="ph:x"
100
+ class="size-5"
101
+ />
102
+ </button>
103
+ <div class="flex size-20 items-center justify-center rounded-full bg-green-500">
104
+ <Icon
105
+ name="ph:check-bold"
106
+ class="size-10 text-white"
107
+ />
108
+ </div>
109
+ <h3 class="mt-6 text-xl font-bold text-gray-900">
110
+ Feedback received!
111
+ </h3>
112
+ <p class="mt-2 text-sm text-gray-400">
113
+ Every issue reported makes us better.
114
+ </p>
115
+ </div>
116
+ </template>
117
+ </Modal>
86
118
  </template>
87
119
 
88
120
  <script lang="ts" setup>
@@ -103,6 +135,8 @@ defineProps<{
103
135
  const addLoader = useFeedbackTicketAddLoader()
104
136
  const noti = useNotification()
105
137
 
138
+ const isSuccessOpen = ref(false)
139
+
106
140
  const form = useForm({
107
141
  validationSchema: toTypedSchema(
108
142
  v.object({
@@ -228,9 +262,7 @@ useWatchTrue(
228
262
  () => {
229
263
  emit('success')
230
264
  form.resetForm()
231
- noti.success({
232
- title: 'Submitted successfully, thank you!',
233
- })
265
+ isSuccessOpen.value = true
234
266
  },
235
267
  )
236
268
 
@@ -9,7 +9,7 @@
9
9
  Send feedback!
10
10
  </span>
11
11
  <Icon
12
- name="ph:headset"
12
+ name="ph:chat-circle-text"
13
13
  class="size-6 text-white transition-transform duration-200 group-hover:rotate-12 md:size-7"
14
14
  />
15
15
  </button>
@@ -248,7 +248,7 @@ export const routes = {
248
248
  tickets: {
249
249
  label: 'Feedback Tickets',
250
250
  to: '/feedback/tickets',
251
- icon: 'ph:headset',
251
+ icon: 'ph:chat-circle-text',
252
252
  },
253
253
  },
254
254
  tor: {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@finema/finework-layer",
3
3
  "type": "module",
4
- "version": "2.0.35",
4
+ "version": "2.0.37",
5
5
  "main": "./nuxt.config.ts",
6
6
  "scripts": {
7
7
  "dev": "nuxi dev .playground -o",