@webitel/ui-sdk 25.6.8 → 25.6.9

package/CHANGELOG.md

@@ -1,3 +1,8 @@
+## [v25.6.8] - 2025-05-12
+### :bug: Bug Fixes
+- [`7872386`](https://github.com/webitel/webitel-ui-sdk/commit/78723867f12069376e0c6232c7b59e727359ef23) - small audit fixes [WTEL-6873](https://webitel.atlassian.net/browse/WTEL-6873)[WTEL-6875](https://webitel.atlassian.net/browse/WTEL-6875)[WTEL-6876](https://webitel.atlassian.net/browse/WTEL-6876)[WTEL-6879](https://webitel.atlassian.net/browse/WTEL-6879)[WTEL-6880](https://webitel.atlassian.net/browse/WTEL-6880) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+
+
 ## [v25.6.7] - 2025-05-08
 ### :sparkles: New Features
 - [`cf7f6a7`](https://github.com/webitel/webitel-ui-sdk/commit/cf7f6a7b15d03779422f0b07ca4a5cc3a6f1acbd) - enhance audit-form components with improved styling and layout [WTEL-5679](https://webitel.atlassian.net/browse/WTEL-5679) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
@@ -2106,3 +2111,4 @@
 [v25.6.5]: https://github.com/webitel/webitel-ui-sdk/compare/v25.6.4...v25.6.5
 [v25.6.6]: https://github.com/webitel/webitel-ui-sdk/compare/v25.6.5...v25.6.6
 [v25.6.7]: https://github.com/webitel/webitel-ui-sdk/compare/v25.6.6...v25.6.7
+[v25.6.8]: https://github.com/webitel/webitel-ui-sdk/compare/v25.6.7...v25.6.8

package/dist/types/modules/AuditForm/components/form-questions/score/audit-form-question-score.vue.d.ts

@@ -1,12 +1,35 @@
-declare const _default: import("vue").DefineComponent<{}, {
-    $emit: (event: "change:question" | "change:result", ...args: any[]) => void;
+import { EngineQuestionAnswer } from 'webitel-sdk';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    question: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+    answer: {
+        type: import("vue").PropType<EngineQuestionAnswer>;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "change:question": (...args: any[]) => void;
+    "update:answer": (value: EngineQuestionAnswer) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    question: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+    answer: {
+        type: import("vue").PropType<EngineQuestionAnswer>;
+    };
+}>> & Readonly<{
+    "onUpdate:answer"?: (value: EngineQuestionAnswer) => any;
+    "onChange:question"?: (...args: any[]) => any;
+}>, {
     mode: string;
-    question: Record<string, any>;
-    result?: Record<string, any>;
-    $props: {
-        readonly mode?: string;
-        readonly question?: Record<string, any>;
-        readonly result?: Record<string, any>;
-    };
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "25.6.8",
+  "version": "25.6.9",
   "private": false,
   "scripts": {
     "dev": "npm run docs:dev",

package/src/modules/AuditForm/components/audit-form-question-read-wrapper.vue

@@ -28,9 +28,7 @@
         :is="QuestionTypeComponent"
         v-model:answer="answerModel"
         :question="question"
-        :result="answerModel /* compat, should use 'answer' */"
         mode="read"
-        @change:result="updateAnswer  /* compat, should use 'answer' */"
       />
       <div
         v-show="isAnswer"
@@ -41,8 +39,9 @@
       </div>
       <wt-input
         v-if="answerModel?.createdAt"
-        v-model="answerModel.comment"
+        :model-value="answerModel.comment"
         :label="t('reusable.comment')"
+        @update:model-value="updateAnswer({ comment: $event })"
       />
     </section>
 
@@ -96,7 +95,7 @@ const updateAnswer = (value: EngineQuestionAnswer) => {
   if (readonly.value) return; // if ... then in preview mode
 
   // coz only some properties of answer may be patched
-  const newAnswer = Object.assign(answerModel.value, value);
+  const newAnswer = { ...answerModel.value, value };
   answerModel.value = newAnswer;
 };
 

package/src/modules/AuditForm/components/form-questions/score/audit-form-question-score.vue

@@ -30,35 +30,34 @@
       class="audit-form-question-score-read"
     >
       <wt-radio
-        v-for="value of scoreRange"
-        :key="value"
-        :label="`${value}`"
-        :selected="isResult ? result.score : null"
-        :value="value"
-        @input="emit('change:result', { score: value })"
+        v-for="score of scoreRange"
+        :key="score"
+        :label="`${score}`"
+        :selected="answerModel?.score"
+        :value="score"
+        @input="updateAnswer"
       />
     </div>
   </article>
 </template>
 
-<script setup>
+<script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { integer, maxValue, minValue, required } from '@vuelidate/validators';
 import { computed, onMounted, toRefs } from 'vue';
+import { EngineQuestionAnswer } from 'webitel-sdk';
 
 import WtInput from '../../../../../components/wt-input/wt-input.vue';
 import WtRadio from '../../../../../components/wt-radio/wt-radio.vue';
-import isEmpty from '../../../../../scripts/isEmpty.js';
 import updateObject from '../../../../../scripts/updateObject.js';
 
+const answerModel = defineModel<EngineQuestionAnswer | null>('answer');
+
 const props = defineProps({
   question: {
     type: Object,
     required: true,
   },
-  result: {
-    type: Object,
-  },
   mode: {
     // options: ['read', 'write']
     type: String,
@@ -66,7 +65,7 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits(['change:question', 'change:result']);
+const emit = defineEmits(['change:question']);
 
 // is needed for useVuelidate, because props.question/props.result isn't reactive
 const { question } = toRefs(props);
@@ -103,7 +102,12 @@ const scoreRange = computed(() => {
   return result;
 });
 
-const isResult = computed(() => !isEmpty(props.result));
+function updateAnswer(score) {
+  answerModel.value = answerModel.value ? {
+    ...answerModel.value,
+    score,
+  } : { score };
+}
 
 function updateQuestion({ path, value }) {
   emit('change:question', updateObject({ obj: props.question, path, value }));