@webitel/ui-sdk 26.8.56 → 26.8.58

package/dist/{useValidation-BD4S-sEW.js → useValidation-Bvastl-C.js}

@@ -3,9 +3,17 @@ import { t } from "./vue-i18n-Db_oYfO8.js";
 import { computed as n, isReactive as r, isRef as i, unref as a } from "vue";
 //#region src/mixins/validationMixin/regle/useRegleValidation.ts
 var o = (e) => {
-	if (Array.isArray(e)) return e.at(0);
-	if (e && typeof e == "object") {
-		for (let t of Object.values(e)) if (Array.isArray(t) && t.length) return t.at(0);
+	if (typeof e == "string") return e;
+	if (Array.isArray(e)) {
+		for (let t of e) {
+			let e = o(t);
+			if (e) return e;
+		}
+		return;
+	}
+	if (e && typeof e == "object") for (let t of Object.values(e)) {
+		let e = o(t);
+		if (e) return e;
 	}
 }, s = ({ field: e }) => ({
 	invalid: n(() => e?.value?.$error ?? null),

package/dist/{wt-call-media-action-Bn2bGCWs.js → wt-call-media-action-Bkyppnsm.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t } from "./engineCallFileType.zod-C-t93kQg.js";
+import { t } from "./engineCallFileType-D7QVFOac.js";
 import { computed as n, createBlock as r, createCommentVNode as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, openBlock as l, resolveComponent as u, toDisplayString as d, withCtx as f } from "vue";
 //#region src/components/on-demand/wt-call-media-action/wt-call-media-action.vue?vue&type=script&setup=true&lang.ts
 var p = { class: "wt-call-media-action__option" }, m = /*#__PURE__*/ e(/* @__PURE__ */ c({

package/dist/{wt-chat-emoji-DRK_E-lD.js → wt-chat-emoji-D6B2P8nH.js}

@@ -1,4 +1,4 @@
-import "./components-CWSUHV29.js";
+import "./components-BPZw8R7l.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as t } from "./enums-DY3jIXFF.js";
 import { t as n } from "./wt-button-2_aOV7LX.js";

package/dist/{wt-datepicker-H4E0JyRE.js → wt-datepicker-DmGisBuB.js}

@@ -2,7 +2,7 @@ import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { g as t, h as n, l as r, r as i } from "./enums-DY3jIXFF.js";
 import { a, i as o, n as s, r as c, t as l } from "./toZonedTime-B8L5kbse.js";
 import { t as u } from "./vue-i18n-Db_oYfO8.js";
-import { t as d } from "./useValidation-BD4S-sEW.js";
+import { t as d } from "./useValidation-Bvastl-C.js";
 import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, guardReactiveProps as b, mergeModels as x, mergeProps as S, nextTick as C, normalizeProps as w, onMounted as T, onUnmounted as E, openBlock as D, renderSlot as O, resolveComponent as k, toDisplayString as A, toRefs as j, unref as M, useModel as N, useTemplateRef as P, vShow as F, withCtx as I, withDirectives as ee } from "vue";
 import te from "primevue/datepicker";
 //#region node_modules/date-fns-tz/dist/esm/fromZonedTime/index.js

package/dist/{wt-display-chip-items-C5z7aCDZ.js → wt-display-chip-items-Dtei-l63.js}

@@ -1,4 +1,4 @@
-import { C as e, i as t } from "./components-CWSUHV29.js";
+import { C as e, i as t } from "./components-BPZw8R7l.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as r } from "./displayText-CtaxzaBz.js";
 import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, openBlock as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";

package/dist/{wt-screen-recordings-action-Dj6ITuhE.js → wt-screen-recordings-action-DI1qlUi1.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t } from "./engineCallFileType.zod-C-t93kQg.js";
+import { t } from "./engineCallFileType-D7QVFOac.js";
 import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, openBlock as u, resolveComponent as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
 //#region src/components/on-demand/wt-screen-recordings-action/wt-screen-recordings-action.vue?vue&type=script&setup=true&lang.ts
 var h = { class: "wt-screen-recordings-action" }, g = { class: "wt-screen-recordings-action__option" }, _ = /*#__PURE__*/ e(/* @__PURE__ */ l({

package/dist/{wt-search-bar-DzzSQyB3.js → wt-search-bar-D0qgd2ve.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t } from "./debounce-Bp3jy7S5.js";
-import { t as n } from "./useValidation-BD4S-sEW.js";
+import { t as n } from "./useValidation-Bvastl-C.js";
 import { computed as r, createBlock as i, createCommentVNode as a, createElementVNode as o, createSlots as s, createTextVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, renderSlot as p, resolveComponent as m, resolveDirective as h, toDisplayString as g, toRefs as _, unref as v, withCtx as y, withDirectives as b } from "vue";
 //#region src/components/wt-search-bar/wt-search-bar.vue?vue&type=script&setup=true&lang.ts
 var x = { class: "wt-search-bar__icon-controls" }, S = /*#__PURE__*/ e(/* @__PURE__ */ u({

package/dist/{wt-send-message-popup-G26F9NPH.js → wt-send-message-popup-kfbNJZ7j.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-BEcgMyyN.js";
-import { n as t, r as n } from "./clients-CWSXQd89.js";
-import { T as r, n as i, w as a } from "./components-CWSUHV29.js";
+import { n as t, r as n } from "./clients-C8mcFrih.js";
+import { T as r, n as i, w as a } from "./components-BPZw8R7l.js";
 import { t as o } from "./vue-i18n-Db_oYfO8.js";
 import { n as s } from "./useEventBus-B-ZeklLu.js";
 import { createBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, onMounted as p, openBlock as m, ref as h, resolveComponent as g, toDisplayString as _, unref as v, withCtx as y } from "vue";

package/dist/{wt-timepicker-RhM7Sln_.js → wt-timepicker-BhTfiWhA.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as t, r as n } from "./enums-DY3jIXFF.js";
 import { t as r } from "./vue-i18n-Db_oYfO8.js";
-import { t as i } from "./useValidation-BD4S-sEW.js";
+import { t as i } from "./useValidation-Bvastl-C.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, nextTick as m, normalizeClass as h, normalizeProps as g, openBlock as _, renderSlot as v, resolveComponent as y, toDisplayString as b, toRefs as x, unref as S, withCtx as C } from "vue";
 //#region src/components/wt-timepicker/wt-timepicker.vue?vue&type=script&setup=true&lang.ts
 var w = { class: "wt-timepicker__wrapper" }, T = 3600, E = 60, D = /*#__PURE__*/ e(/* @__PURE__ */ d({

package/dist/{wt-type-extension-value-input--Vc1cs5d.js → wt-type-extension-value-input-6W9v6GSa.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./clients-CWSXQd89.js";
-import { a as t, o as n, r, s as i } from "./components-CWSUHV29.js";
+import { t as e } from "./clients-C8mcFrih.js";
+import { a as t, o as n, r, s as i } from "./components-BPZw8R7l.js";
 import { t as a } from "./enums-DY3jIXFF.js";
 import { t as o } from "./vue-i18n-Db_oYfO8.js";
 import { computed as s, createBlock as c, createCommentVNode as l, createVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, openBlock as m, renderSlot as h, resolveComponent as g, unref as _, useModel as v } from "vue";

package/dist/{wt-vidstack-player-FD4gfDSE.js → wt-vidstack-player-B7wlNyKn.js}

@@ -1,4 +1,4 @@
-import { D as e } from "./components-CWSUHV29.js";
+import { D as e } from "./components-BPZw8R7l.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as n } from "./enums-DY3jIXFF.js";
 import "./wt-button-2_aOV7LX.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.8.56",
+	"version": "26.8.58",
 	"private": false,
 	"scripts": {
 		"dev": "npm run docs:dev",
@@ -62,6 +62,7 @@
 		"@vuepic/vue-datepicker": "^4.5.1",
 		"@vueuse/components": "^14.0.0",
 		"autosize": "^6.0.1",
+		"csv-parse": "^6.1.0",
 		"csv-stringify": "^5.5.3",
 		"date-fns-tz": "^3.2.0",
 		"dompurify": "^3.3.1",
@@ -139,7 +140,6 @@
 		"@vuelidate/validators": "^2.0.4",
 		"@webitel/styleguide": "~26.2",
 		"clipboard-copy": "^4.x",
-		"csv-parse": "^6.1.0",
 		"globals": "^16.0.0",
 		"globby": "^16.x",
 		"happy-dom": "^20.x",
@@ -355,6 +355,10 @@
 			"types": "./types/modules/ObjectPermissions/index.d.ts",
 			"import": "./src/modules/ObjectPermissions/index.ts"
 		},
+		"./modules/UploadCsvPopup": {
+			"types": "./types/modules/UploadCsvPopup/index.d.ts",
+			"import": "./src/modules/UploadCsvPopup/index.ts"
+		},
 		"./plugins*": {
 			"types": "./types/plugins*",
 			"import": "./src/plugins*"

package/src/mixins/validationMixin/regle/useRegleValidation.ts

@@ -11,15 +11,25 @@ export type UseFieldValidationReturn = {
 };
 
 const getFirstRegleError = (errors: unknown): string | undefined => {
+	if (typeof errors === 'string') {
+		return errors;
+	}
+
 	if (Array.isArray(errors)) {
-		return errors.at(0);
+		for (const entry of errors) {
+			const found = getFirstRegleError(entry);
+			if (found) return found;
+		}
+		return undefined;
 	}
 
+	// array-type fields nest their own rule errors under `$self` and
+	// per-item errors under `$each`, an array of per-item error shapes —
+	// recurse instead of assuming array entries are already messages
 	if (errors && typeof errors === 'object') {
 		for (const value of Object.values(errors)) {
-			if (Array.isArray(value) && value.length) {
-				return value.at(0);
-			}
+			const found = getFirstRegleError(value);
+			if (found) return found;
 		}
 	}
 

package/src/modules/UploadCsvPopup/components/__tests__/wt-upload-csv-popup.spec.js

@@ -0,0 +1,32 @@
+import { shallowMount } from '@vue/test-utils';
+
+import WtUploadCsvPopup from '../wt-upload-csv-popup.vue';
+
+describe('WtUploadCsvPopup', () => {
+	it('renders a component', () => {
+		const wrapper = shallowMount(WtUploadCsvPopup, {
+			props: {
+				file: null,
+				mappingFields: [],
+			},
+		});
+
+		expect(wrapper).toBeTruthy();
+	});
+
+	/*
+	An undeclared prop silently falls through as an attribute, so the composable
+	would never see the saver and the import would close as a success without
+	saving anything. Props extends UseUploadCsvProps to prevent that — this
+	guards the contract.
+	 */
+	it.each([
+		'file',
+		'mappingFields',
+		'addBulkItems',
+		'handlingMode',
+		'fileUploadHandler',
+	])('declares the %s prop', (prop) => {
+		expect(Object.keys(WtUploadCsvPopup.props)).toContain(prop);
+	});
+});

package/src/modules/UploadCsvPopup/components/wt-upload-csv-popup.vue

@@ -79,8 +79,8 @@
             :key="key"
             class="wt-upload-csv-popup-mapping-item"
           >
-            <p class="wt-upload-csv-popup-mapping-item__field">
-              {{ t(field.locale) }}<span v-if="field.required">*</span>
+            <p class="wt-upload-csv-popup-mapping-item__field typo-body-1">
+              {{ getFieldLabel(field) }}<span v-if="field.required">*</span>
             </p>
 
             <wt-single-select
@@ -88,34 +88,29 @@
               v-model:model-value="field.csv"
               :show-clear="!field.required"
               :options="csvColumns"
-              :placeholder="t(field.locale)"
+              :placeholder="getFieldLabel(field)"
               :data-key="null"
               class="wt-upload-csv-popup-mapping-item__select"
             />
             <wt-multi-select
               v-else
               v-model:model-value="field.csv"
+              chips-view
               :options="csvColumns"
-              :placeholder="t(field.locale)"
+              :placeholder="getFieldLabel(field)"
+              :data-key="null"
               class="wt-upload-csv-popup-mapping-item__select"
             />
 
             <div
               v-if="field.tooltip"
-              class="upload-tooltip"
+              class="upload-tooltip typo-caption"
             >
               {{ field.tooltip }}
             </div>
           </div>
         </div>
       </section>
-
-      <div
-        v-show="!isParsingPreview && parseErrorStackTrace"
-        class="wt-upload-csv-popup-form__error-stack-trace"
-      >
-        {{ parseErrorStackTrace }}
-      </div>
     </template>
 
     <template
@@ -143,7 +138,10 @@
 import { ref, toRefs } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import useUploadCsv from '../composable/useUploadCsv';
+import useUploadCsv, {
+	type UseUploadCsvProps,
+} from '../composable/useUploadCsv';
+import type { CsvMappingField } from '../scripts/normalizeCSVData';
 import HandlingCSVMode from '../types/WtUploadCSVHandlingMode.enum';
 
 interface CharsetOption {
@@ -151,12 +149,9 @@ interface CharsetOption {
 	value: string;
 }
 
-interface Props {
+interface Props extends UseUploadCsvProps {
 	file: File | null;
 	mappingFields: CsvMappingField[];
-	addBulkItems?: (items: unknown[]) => unknown | Promise<unknown>;
-	handlingMode?: string;
-	fileUploadHandler?: () => unknown | Promise<unknown>;
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -173,6 +168,9 @@ const emit = defineEmits<{
 
 const { t } = useI18n();
 
+const getFieldLabel = (field: CsvMappingField) =>
+	field.locale ? t(field.locale) : field.name;
+
 const skipHeaders = ref(true);
 const separator = ref(',');
 const charsetOptions = ref<CharsetOption[]>([]);
@@ -187,7 +185,6 @@ const {
 	isReadingFile,
 	isParsingCSV,
 	isParsingPreview,
-	parseErrorStackTrace,
 	csvPreviewTableData,
 	csvPreviewTableHeaders,
 	csvColumns,
@@ -254,13 +251,5 @@ const {
       }
     }
   }
-
-  .wt-upload-csv-popup-form__error-stack-trace {
-    margin-top: var(--spacing-sm);
-    padding: var(--spacing-sm);
-    color: var(--error-color);
-    border-radius: var(--border-radius);
-    background: var(--secondary-color);
-  }
 }
 </style>