@webitel/ui-sdk 25.6.7 → 25.6.9

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+## [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))*
+- [`4adcd22`](https://github.com/webitel/webitel-ui-sdk/commit/4adcd2287c9cafb043350107b7fb8b9981b15abc) - small audit form result ui improvements and fixes [WTEL-5679](https://webitel.atlassian.net/browse/WTEL-5679) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+- [`5cf68bf`](https://github.com/webitel/webitel-ui-sdk/commit/5cf68bff9e9601955ad55430de5bdcdf48bde59d) - implemented audit form crud, still needs refactors and minor fixes [WTEL-5679](https://webitel.atlassian.net/browse/WTEL-5679) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+- [`8dca647`](https://github.com/webitel/webitel-ui-sdk/commit/8dca647d49a8124f837502d1423483c06b45e24d) - audit form editing in progress [WTEL-5679](https://webitel.atlassian.net/browse/WTEL-5679) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+
+### :recycle: Refactors
+- [`d739383`](https://github.com/webitel/webitel-ui-sdk/commit/d739383afbfd47ec5bfeb2431ae97393921ae758) - refactors and fixes to use audit-form in auditor app [WTEL-5679](https://webitel.atlassian.net/browse/WTEL-5679) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+- [`0723bf0`](https://github.com/webitel/webitel-ui-sdk/commit/0723bf0229d6981a3f272261a6b7fd178481d758) - audit-related values added WtObject and ScopeClass enums [WTEL-5679](https://webitel.atlassian.net/browse/WTEL-5679) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+- [`4fc05fe`](https://github.com/webitel/webitel-ui-sdk/commit/4fc05feff5253e44eb57b4d7a5e8bcab98a0bc49) - audit form refactors [WTEL-5679](https://webitel.atlassian.net/browse/WTEL-5679) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+
+
 ## [v25.6.6] - 2025-05-07
 ### :bug: Bug Fixes
 - [`0c370cd`](https://github.com/webitel/webitel-ui-sdk/commit/0c370cdfe2543d6fc41c38650bbd4455b263b942) - fixed search for get sys type records list [WTEL-6851](https://webitel.atlassian.net/browse/WTEL-6851) *(commit by [@plnnsimon](https://github.com/plnnsimon))*
@@ -2092,3 +2110,5 @@
 [v25.6.4]: https://github.com/webitel/webitel-ui-sdk/compare/v25.6.3...v25.6.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/form-footer/audit-form-footer.vue.d.ts

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     invalid: boolean;
+    disabledSave?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "fill:save": () => any;

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.7",
+  "version": "25.6.9",
   "private": false,
   "scripts": {
     "dev": "npm run docs:dev",
@@ -16,7 +16,7 @@
     "orval": "orval",
     "utils:link": "npm link",
     "utils:update-node": "nvm install --lts && nvm alias default node",
-    "utils:i": "npm install"
+    "utils:i": "npm install --install-links"
   },
   "main": "./dist/ui-sdk.js",
   "type": "module",
@@ -108,7 +108,7 @@
     "vue-multiselect": "^3.1.0",
     "vue-observe-visibility": "^2.0.0-alpha.1",
     "vue-router": "^4.5.0",
-    "webitel-sdk": "^25.2.19",
+    "webitel-sdk": "^25.4.3",
     "xlsx": "0.18.5",
     "zod": "^3.24.2"
   },

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/audit-form.vue

@@ -20,13 +20,16 @@
     </div>
 
     <wt-textarea
-      v-model="resultCommentModel"
+      v-if="mode === AuditFormMode.Fill"
+      :value="resultCommentModel"
       class="call-evaluation-form__comment"
       :label="$t('reusable.comment')"
+      @input="handleResultCommentUpdate"
     />
 
     <audit-form-footer
       :invalid="isInvalidForm"
+      :disabled-save="!isAnswersTouched"
       @fill:save="saveEvaluation"
       @fill:cancel="cancelEvaluation"
       @create:add="addQuestion"
@@ -43,6 +46,7 @@ import {
   onMounted,
   provide,
   reactive,
+  ref,
   useTemplateRef,
   watch,
 } from 'vue';
@@ -89,6 +93,8 @@ const v$ = useVuelidate();
 const auditQuestions = useTemplateRef('auditQuestions');
 const isQuestionAdded = reactive({ value: false, index: null });
 
+const isAnswersTouched = ref(false);
+
 provide('readonly', props.readonly);
 provide('mode', props.mode);
 
@@ -101,7 +107,7 @@ async function addQuestion({ index, question } = {}) {
   else questions.push(newQuestion);
   isQuestionAdded.value = true;
   isQuestionAdded.index = index || 'last';
-  await emit('update:questions', questions);
+  emit('update:questions', questions);
 }
 
 function handleQuestionUpdate({ key, value }) {
@@ -134,6 +140,8 @@ function handleAnswerUpdate({ key, value }) {
   const answer = [...answersModel.value];
   answer[key] = value;
   answersModel.value = answer;
+
+  isAnswersTouched.value = true;
 }
 
 function initAnswers() {
@@ -172,6 +180,11 @@ async function atQuestionAdded() {
   isQuestionAdded.index = null;
 }
 
+function handleResultCommentUpdate(value) {
+  resultCommentModel.value = value;
+  isAnswersTouched.value = true;
+}
+
 const sortableWrapper = useTemplateRef('sortableWrapper');
 
 const { reloadSortable } = useDestroyableSortable(sortableWrapper, {

package/src/modules/AuditForm/components/form/form-footer/audit-form-footer.vue

@@ -4,7 +4,7 @@
       v-if="mode === 'fill'"
     >
       <wt-button
-        :disabled="props.invalid"
+        :disabled="props.invalid || disabledSave"
         @click="emit('fill:save')"
       >
         {{ t('reusable.save') }}
@@ -40,6 +40,7 @@ const readonly = inject('readonly');
 
 const props = defineProps<{
   invalid: boolean;
+  disabledSave?: boolean;
 }>();
 
 const emit = defineEmits<{
@@ -60,6 +61,6 @@ const { t } = useI18n();
 }
 
 .audit-form-footer-create-question-action {
-  align-self: flex-end;
+  margin-left: auto;
 }
 </style>

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 }));