@webitel/ui-sdk 26.8.21 → 26.8.23

package/dist/{wt-type-extension-value-input-kzX2hJY_.js → wt-type-extension-value-input-bsEXPInV.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./clients-Ba7VhTMH.js";
-import { a as t, o as n, r, s as i } from "./components-ABAwRPPa.js";
+import { t as e } from "./clients-Cgrz-ee-.js";
+import { a as t, o as n, r, s as i } from "./components-Q-Lkl5tb.js";
 import { t as a } from "./enums-De8CDKZ1.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";
@@ -11,7 +11,11 @@ var y = /* @__PURE__ */ d({
 		field: {},
 		label: {},
 		required: { type: Boolean },
-		v: {}
+		v: { type: [
+			Object,
+			null,
+			Boolean
+		] }
 	}, {
 		modelValue: {},
 		modelModifiers: {}
@@ -19,7 +23,7 @@ var y = /* @__PURE__ */ d({
 	emits: ["update:modelValue"],
 	setup(d) {
 		let f = v(d, "modelValue"), y = d;
-		y.v?.$touch();
+		y.v?.$touch?.();
 		let { t: b } = o(), x = s(() => y.label || b(y.field?.name || "vocabulary.labels")), S = s(() => y.required ?? y.field.required), C = s(() => f.value), w = s(() => ({
 			label: x.value,
 			required: S.value,
@@ -27,19 +31,20 @@ var y = /* @__PURE__ */ d({
 		})), T = s(() => ({
 			clearable: !0,
 			dataKey: "id",
-			searchMethod: () => O(y.field.lookup)
+			searchMethod: O(y.field.lookup)
 		})), E = s(() => ({ ...T.value })), D = (e) => {
 			f.value = e;
-		}, O = ({ path: t, display: n, primary: r }) => (i) => e.getSysTypeRecordsLookup({
+		}, O = ({ path: t = "", display: n = "", primary: r = "" } = {}) => (i) => e.getLookup({
 			...i,
 			path: t,
 			display: n,
 			primary: r
 		}), k = (e) => {
-			if (Object.values(e).length === 0) return D(null);
+			let t = e ?? {};
+			if (Object.values(t).length === 0) return D(null);
 			D({
-				id: e.id,
-				name: e.name
+				id: t.id,
+				name: t.name
 			});
 		}, A = (e) => {
 			D(e.map((e) => ({

package/dist/{wt-vidstack-player-DbRHboYo.js → wt-vidstack-player-BymuGcAX.js}

@@ -1,11 +1,11 @@
-import { w as e } from "./components-ABAwRPPa.js";
+import { E as e } from "./components-Q-Lkl5tb.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as n } from "./enums-De8CDKZ1.js";
-import "./wt-button-G2Q1uf_y.js";
-import { t as r } from "./wt-icon-btn-BJl5VlM9.js";
+import "./wt-button-OZTROX1W.js";
+import { t as r } from "./wt-icon-btn-hAWVJdNG.js";
 import { $ as i, C as a, D as o, F as s, G as c, H as l, I as u, J as d, K as f, L as p, M as m, N as h, O as ee, P as te, Q as g, R as ne, S as _, U as re, V as v, W as y, X as b, Y as ie, Z as x, _ as S, a as ae, b as oe, c as se, d as ce, et as le, f as ue, g as de, h as fe, i as C, it as pe, j as me, k as he, l as w, m as ge, n as T, nt as E, o as D, ot as _e, p as O, q as k, r as A, rt as ve, t as ye, tt as be, u as xe, v as j, w as Se, y as Ce, z as we } from "./vidstack-D9mvYVIz-DesuYgKV.js";
 import { _ as M, a as Te, c as Ee, d as De, f as Oe, g as ke, h as Ae, i as je, l as Me, m as Ne, n as Pe, o as Fe, p as Ie, r as Le, s as Re, t as N, u as ze } from "./vidstack-CgfrU1hS-CNTJkyzm.js";
-import { _ as Be, a as Ve, c as He, f as Ue, g as We, h as Ge, i as Ke, l as qe, n as Je, r as Ye, s as Xe, t as Ze, u as Qe, v as $e, x as et, y as tt } from "./useVidstackSrc-B4mUti_c.js";
+import { _ as Be, a as Ve, c as He, f as Ue, g as We, h as Ge, i as Ke, l as qe, n as Je, r as Ye, s as Xe, t as Ze, u as Qe, v as $e, x as et, y as tt } from "./useVidstackSrc-aQcqC_v0.js";
 import { i as nt, n as rt } from "./vidstack-mvRkf9tF-CoFf7dS9.js";
 import { t as P } from "./vidstack-ijoHbXQB-DBClSWHE.js";
 import { n as it, r as F, t as at } from "./vidstack-CZQo98ic-D3uTuzB9.js";
@@ -1297,7 +1297,7 @@ var Sn = class extends pn {
 		return "audio";
 	}
 	async load(e) {
-		return new (await (import("./vidstack-audio-BCPraiiR.js"))).AudioProvider(this.target, e);
+		return new (await (import("./vidstack-audio-CPO0A50Q.js"))).AudioProvider(this.target, e);
 	}
 }, wn = class {
 	name = "video";
@@ -1309,7 +1309,7 @@ var Sn = class extends pn {
 		return "video";
 	}
 	async load(e) {
-		return new (await (import("./vidstack-video-DwlbGwN7.js"))).VideoProvider(this.target, e);
+		return new (await (import("./vidstack-video-Bwash4bY.js"))).VideoProvider(this.target, e);
 	}
 }, Tn = class e extends wn {
 	static supported = tt();
@@ -1318,7 +1318,7 @@ var Sn = class extends pn {
 		return e.supported && $e(t);
 	}
 	async load(e) {
-		return new (await (import("./vidstack-hls-BbZsbfaO.js"))).HLSProvider(this.target, e);
+		return new (await (import("./vidstack-hls-WW1jeu5R.js"))).HLSProvider(this.target, e);
 	}
 }, En = class e extends wn {
 	static supported = Be();
@@ -1327,7 +1327,7 @@ var Sn = class extends pn {
 		return e.supported && We(t);
 	}
 	async load(e) {
-		return new (await (import("./vidstack-dash-MBx5aEEA.js"))).DASHProvider(this.target, e);
+		return new (await (import("./vidstack-dash-DHt7tTPh.js"))).DASHProvider(this.target, e);
 	}
 }, Dn = class {
 	name = "vimeo";
@@ -1748,7 +1748,7 @@ var Sn = class extends pn {
 				throw e.code = "CAST_NOT_AVAILABLE", e;
 			}
 			if (nt("https://www.gstatic.com"), !this.#b) {
-				let e = await import("./vidstack-DUnfBERX2-BJtKHFxc.js");
+				let e = await import("./vidstack-DUnfBERX2-jgzDS0Hg.js");
 				this.#b = new e.GoogleCastLoader();
 			}
 			await this.#b.prompt(this.#n), e && this.#t.queue.enqueue("media-google-cast-request", e);
@@ -7267,18 +7267,22 @@ var ao = (e, t, n) => {
 };
 S(bo), S(uo), S(fo), S(zo), S(lo), S(Co), S(wo), S(To), S(aa), S(ra), S(ea), S(ta), S(ia), S(oa), S($i), S(xo), S(So), S(Ao), S(No), S(xa), S(ya), S(Po), S(Fo), S(Io), S(Ro), S(ba), S(va), S(_a), S(Mo), S(ua), S(da), S(Eo), S(pa), S(fa), S(ca), S(la), S(ma), S(Oo), S(ha), S(Do), S(ko), S(ga), S(co), S(Zi), S(so), S(na), S(Qi), S(mo), S(go), S(vo);
 //#endregion
-//#region src/components/wt-vidstack-player/components/controls-group/controls-group.vue?vue&type=script&setup=true&lang.ts
-var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__ */ St({
+//#region src/components/wt-vidstack-player/composables/useVidstackPlayerSize.ts
+var Bo = () => {
+	let e = Ct("size");
+	if (!e) throw Error("wt-vidstack-player: \"size\" context is not provided");
+	return e;
+}, Vo = { class: "controls-group__actions" }, Ho = /*#__PURE__*/ t(/* @__PURE__ */ St({
 	__name: "controls-group",
 	setup(e) {
-		let { size: t } = Ct("size");
-		return (e, n) => (V(), bt("media-controls-group", { class: wt(["controls-group", `controls-group--${U(t)}`]) }, [z("div", Bo, [H(e.$slots, "default", {}, void 0, !0)])], 2));
+		let { size: t } = Bo();
+		return (e, n) => (V(), bt("media-controls-group", { class: wt(["controls-group", `controls-group--${U(t)}`]) }, [z("div", Vo, [H(e.$slots, "default", {}, void 0, !0)])], 2));
 	}
-}), [["__scopeId", "data-v-435a35bc"]]), Ho = /*#__PURE__*/ t(/* @__PURE__ */ St({
+}), [["__scopeId", "data-v-dca54c57"]]), Uo = /*#__PURE__*/ t(/* @__PURE__ */ St({
 	__name: "fullscreen-button",
 	emits: ["toggle"],
 	setup(e, { emit: t }) {
-		let { fullscreen: n } = Ct("size"), i = t;
+		let { fullscreen: n } = Bo(), i = t;
 		return (e, t) => (V(), bt("div", {
 			class: wt(["fullscreen-button", { "fullscreen-button--active": U(n) }]),
 			onClick: t[0] ||= (e) => i("toggle", !U(n))
@@ -7292,7 +7296,7 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
 			class: "fullscreen-button__exit"
 		})], 2));
 	}
-}), [["__scopeId", "data-v-3d52fe3e"]]), Uo = /* @__PURE__ */ St({
+}), [["__scopeId", "data-v-a99f9d37"]]), Wo = /* @__PURE__ */ St({
 	__name: "toggle-button",
 	props: {
 		icon: {},
@@ -7317,7 +7321,7 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
 			"disabled"
 		])]));
 	}
-}), Wo = { class: "video-display-panel__head" }, Go = ["title"], Ko = { class: "video-display-panel__controls" }, qo = /*#__PURE__*/ t(/* @__PURE__ */ St({
+}), Go = { class: "video-display-panel__head" }, Ko = ["title"], qo = { class: "video-display-panel__controls" }, Jo = /*#__PURE__*/ t(/* @__PURE__ */ St({
 	__name: "video-display-panel",
 	props: {
 		title: {},
@@ -7327,7 +7331,7 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
 	},
 	emits: ["close"],
 	setup(t, { emit: i }) {
-		let { size: a, fullscreen: o, changeSize: s, enterFullscreen: c } = Ct("size"), l = _t(() => a.value === n.SM ? "expand" : "collapse"), u = t, d = i, f = (e) => {
+		let { size: a, fullscreen: o, changeSize: s, enterFullscreen: c } = Bo(), l = _t(() => a.value === n.SM ? "expand" : "collapse"), u = t, d = i, f = (e) => {
 			e ? a.value !== n.LG && (o.value = !0, s(n.LG), c()) : a.value === n.LG && (m(), o.value = !1, s(n.SM));
 		}, p = () => {
 			a.value === n.SM ? s(n.MD) : a.value === n.MD ? s(n.SM) : a.value === n.LG && (m(), o.value = !1, s(n.MD));
@@ -7342,7 +7346,7 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
 			}), Tt(() => {
 				document.removeEventListener("keyup", h);
 			});
-		}), (t, n) => (V(), bt("media-controls-group", { class: wt([`video-display-panel--${U(a)}`, "video-display-panel controls-group"]) }, [z("div", Wo, [H(t.$slots, "avatar", {}, () => [u.username ? (V(), vt(e, {
+		}), (t, n) => (V(), bt("media-controls-group", { class: wt([`video-display-panel--${U(a)}`, "video-display-panel controls-group"]) }, [z("div", Go, [H(t.$slots, "avatar", {}, () => [u.username ? (V(), vt(e, {
 			key: 0,
 			username: u.username,
 			size: "sm",
@@ -7350,10 +7354,10 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
 		}, null, 8, ["username"])) : yt("", !0)], !0), z("span", {
 			class: "video-display-panel__title typo-body-2-bold",
 			title: u.title || u.username
-		}, At(u.title || u.username), 9, Go)]), z("div", Ko, [
+		}, At(u.title || u.username), 9, Ko)]), z("div", qo, [
 			H(t.$slots, "actions", {}, void 0, !0),
-			B(Ho, { onToggle: f }),
-			u.hideExpand ? yt("", !0) : (V(), vt(Uo, {
+			B(Uo, { onToggle: f }),
+			u.hideExpand ? yt("", !0) : (V(), vt(Wo, {
 				key: 0,
 				icon: l.value,
 				color: "on-dark",
@@ -7367,7 +7371,7 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
 			})) : yt("", !0)
 		])], 2));
 	}
-}), [["__scopeId", "data-v-f7d8a43b"]]), Jo = { class: "video-display-panel-wrapper" }, Yo = { class: "video-layout-content" }, Xo = { class: "video-layout-controls" }, Zo = /*#__PURE__*/ t(/* @__PURE__ */ St({
+}), [["__scopeId", "data-v-c4fbc40e"]]), Yo = { class: "video-display-panel-wrapper" }, Xo = { class: "video-layout-content" }, Zo = { class: "video-layout-controls" }, Qo = /*#__PURE__*/ t(/* @__PURE__ */ St({
 	__name: "video-layout",
 	props: {
 		title: {},
@@ -7385,9 +7389,9 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
 		"toggle-record"
 	],
 	setup(e, { emit: t }) {
-		let { size: n } = Ct("size"), r = e, i = t;
+		let { size: n } = Bo(), r = e, i = t;
 		return (e, t) => (V(), bt("media-controls", { class: wt(["video-layout controls", `video-layout--${U(n)}`]) }, [
-			z("div", Jo, [r.hideVideoDisplayPanel ? yt("", !0) : (V(), vt(qo, {
+			z("div", Yo, [r.hideVideoDisplayPanel ? yt("", !0) : (V(), vt(Jo, {
 				key: 0,
 				title: r.title,
 				username: r.username,
@@ -7408,17 +7412,17 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
 				"closable",
 				"hide-expand"
 			]))]),
-			z("media-controls-group", Yo, [H(e.$slots, "content", {}, void 0, !0)]),
-			z("div", Xo, [r.hideControlsPanel ? yt("", !0) : H(e.$slots, "controls-panel", { key: 0 }, () => [B(U(ns), { "countdown-time-mode": r.countdownTimeMode }, null, 8, ["countdown-time-mode"])], !0)])
+			z("media-controls-group", Xo, [H(e.$slots, "content", {}, void 0, !0)]),
+			z("div", Zo, [r.hideControlsPanel ? yt("", !0) : H(e.$slots, "controls-panel", { key: 0 }, () => [B(U(rs), { "countdown-time-mode": r.countdownTimeMode }, null, 8, ["countdown-time-mode"])], !0)])
 		], 2));
 	}
-}), [["__scopeId", "data-v-7ab6ee81"]]), Qo = { class: "play-button" }, $o = /*#__PURE__*/ t(/* @__PURE__ */ St({
+}), [["__scopeId", "data-v-3f52c902"]]), $o = { class: "play-button" }, es = /*#__PURE__*/ t(/* @__PURE__ */ St({
 	__name: "play-button",
 	setup(e) {
-		let { size: t } = Ct("size");
+		let { size: t } = Bo();
 		return (e, n) => {
 			let r = kt("wt-button");
-			return V(), bt("media-play-button", Qo, [B(r, {
+			return V(), bt("media-play-button", $o, [B(r, {
 				size: U(t),
 				variant: "outlined",
 				color: "secondary",
@@ -7439,12 +7443,12 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
 			}, null, 8, ["size"])]);
 		};
 	}
-}), [["__scopeId", "data-v-b5fb70ec"]]), es = { class: "time-slider media-slider" }, ts = /*#__PURE__*/ t(/* @__PURE__ */ St({
+}), [["__scopeId", "data-v-9fd8a31f"]]), ts = { class: "time-slider media-slider" }, ns = /*#__PURE__*/ t(/* @__PURE__ */ St({
 	__name: "time-slider",
 	setup(e) {
-		return (e, t) => (V(), bt("media-time-slider", es, [B(gt, { class: "time-slider__slider" })]));
+		return (e, t) => (V(), bt("media-time-slider", ts, [B(gt, { class: "time-slider__slider" })]));
 	}
-}), [["__scopeId", "data-v-fbc2d9f8"]]), ns = /*#__PURE__*/ t(/* @__PURE__ */ St({
+}), [["__scopeId", "data-v-fbc2d9f8"]]), rs = /*#__PURE__*/ t(/* @__PURE__ */ St({
 	__name: "playback-controls-panel",
 	props: { countdownTimeMode: {
 		type: Boolean,
@@ -7452,20 +7456,20 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
 	} },
 	setup(e) {
 		let t = e;
-		return (e, n) => (V(), vt(U(Vo), { class: "playback-control-panel" }, {
+		return (e, n) => (V(), vt(U(Ho), { class: "playback-control-panel" }, {
 			default: Nt(() => [
-				B($o),
-				B(ts),
+				B(es),
+				B(ns),
 				B(Je, { countdown: t.countdownTimeMode }, null, 8, ["countdown"])
 			], void 0, !0),
 			_: 1
 		}));
 	}
-}), [["__scopeId", "data-v-a6b8fc46"]]), rs = [
+}), [["__scopeId", "data-v-a6b8fc46"]]), is = [
 	"autoplay",
 	"muted",
 	"src"
-], is = /*#__PURE__*/ t(/* @__PURE__ */ St({
+], as = /*#__PURE__*/ t(/* @__PURE__ */ St({
 	__name: "wt-vidstack-player",
 	props: {
 		src: {},
@@ -7559,7 +7563,7 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
 			playsinline: "",
 			onClose: t[1] ||= (e) => a("close"),
 			onCanPlay: h
-		}, [t[2] ||= z("media-provider", { class: "wt-vidstack-player__provider" }, null, -1), B(U(Zo), {
+		}, [t[2] ||= z("media-provider", { class: "wt-vidstack-player__provider" }, null, -1), B(U(Qo), {
 			autoplay: i.autoplay,
 			closable: i.closable,
 			"hide-controls-panel": i.hideControlsPanel,
@@ -7590,8 +7594,8 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
 			"title",
 			"username",
 			"countdown-time-mode"
-		])], 40, rs)], 2));
+		])], 40, is)], 2));
 	}
-}), [["__scopeId", "data-v-b63f74b6"]]);
+}), [["__scopeId", "data-v-8301ba7a"]]);
 //#endregion
-export { is as default };
+export { as as default };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.8.21",
+	"version": "26.8.23",
 	"private": false,
 	"scripts": {
 		"dev": "npm run docs:dev",
@@ -122,6 +122,9 @@
 		"@biomejs/biome": "2.4.16",
 		"@regle/core": "^1.16.2",
 		"@tsconfig/node22": "^22.0.0",
+		"@types/deep-equal": "^1.0.4",
+		"@types/file-saver-es": "^2.0.3",
+		"@types/lodash": "^4.17.24",
 		"@types/node": "^22.13.10",
 		"@vitejs/plugin-vue": "^6.0.3",
 		"@vitest/coverage-v8": "^4.1.3",

package/src/api/clients/_shared/types.ts

@@ -0,0 +1,30 @@
+import type { Id } from '../../types/ApiModule';
+
+/**
+ * TODO(types): payloads pass through `applyTransform` before reaching a
+ * generated client, so the generated request types don't apply here yet.
+ */
+// biome-ignore lint/suspicious/noExplicitAny: see TODO above
+export type ApiParams = Record<string, any>;
+
+export interface GetItemParams<TId = Id> {
+	itemId: TId;
+}
+
+export interface AddItemParams {
+	itemInstance: ApiParams;
+}
+
+export interface UpdateItemParams<TId = Id> {
+	itemInstance: ApiParams;
+	itemId: TId;
+}
+
+export interface PatchItemParams<TId = Id> {
+	changes: ApiParams;
+	id: TId;
+}
+
+export interface DeleteItemParams<TId = Id> {
+	id: TId;
+}

package/src/api/clients/caseSources/caseSources.ts

@@ -8,7 +8,6 @@ import {
 	// getFieldsToSendFromZodSchema,
 	getShallowFieldsToSendFromZodSchema,
 } from '@webitel/api-services/gen/utils';
-
 import {
 	getDefaultGetListResponse,
 	getDefaultGetParams,
@@ -20,10 +19,17 @@ import applyTransform, {
 	sanitize,
 	snakeToCamel,
 } from '../../transformers/index';
+import type {
+	AddItemParams,
+	ApiParams,
+	DeleteItemParams,
+	GetItemParams,
+	UpdateItemParams,
+} from '../_shared/types';
 
 const sourceService = getSources();
 
-const getSourcesList = async (params) => {
+const getSourcesList = async (params: ApiParams) => {
 	const fieldsToSend = getShallowFieldsToSendFromZodSchema(
 		ListSourcesQueryParams,
 	);
@@ -58,8 +64,8 @@ const getSourcesList = async (params) => {
 	}
 };
 
-const getSource = async ({ itemId: id }) => {
-	const itemResponseHandler = (item) => item.source; // TODO wtf??
+const getSource = async ({ itemId: id }: GetItemParams<string>) => {
+	const itemResponseHandler = (item: ApiParams) => item.source; // TODO wtf??
 
 	try {
 		const response = await sourceService.locateSource(id);
@@ -74,7 +80,7 @@ const getSource = async ({ itemId: id }) => {
 	}
 };
 
-const addSource = async ({ itemInstance }) => {
+const addSource = async ({ itemInstance }: AddItemParams) => {
 	const item = applyTransform(itemInstance, [
 		sanitize(getShallowFieldsToSendFromZodSchema(CreateSourceBody)),
 		camelToSnake(),
@@ -91,7 +97,10 @@ const addSource = async ({ itemInstance }) => {
 	}
 };
 
-const updateSource = async ({ itemInstance, itemId: id }) => {
+const updateSource = async ({
+	itemInstance,
+	itemId: id,
+}: UpdateItemParams<string>) => {
 	const item = applyTransform(itemInstance, [
 		camelToSnake(),
 		sanitize(getShallowFieldsToSendFromZodSchema(UpdateSourceBody)),
@@ -109,7 +118,7 @@ const updateSource = async ({ itemInstance, itemId: id }) => {
 	}
 };
 
-const deleteSource = async ({ id }) => {
+const deleteSource = async ({ id }: DeleteItemParams<string>) => {
 	try {
 		const response = await sourceService.deleteSource(id);
 		return applyTransform(response.data, []);
@@ -120,7 +129,7 @@ const deleteSource = async ({ id }) => {
 	}
 };
 
-const getLookup = (params) =>
+const getLookup = (params: ApiParams) =>
 	getSourcesList({
 		...params,
 		fields: params.fields || [

package/src/api/clients/quickReplies/quickReplies.ts

@@ -1,5 +1,4 @@
 import { getQuickRepliesService } from '@webitel/api-services/gen';
-
 import {
 	getDefaultGetListResponse,
 	getDefaultGetParams,
@@ -12,6 +11,13 @@ import applyTransform, {
 	snakeToCamel,
 	starToSearch,
 } from '../../transformers/index';
+import type {
+	AddItemParams,
+	ApiParams,
+	DeleteItemParams,
+	GetItemParams,
+	UpdateItemParams,
+} from '../_shared/types';
 
 const quickReplyService = getQuickRepliesService();
 
@@ -23,7 +29,7 @@ const fieldsToSend = [
 	'text',
 ];
 
-const getQuickRepliesList = async (params) => {
+const getQuickRepliesList = async (params: ApiParams) => {
 	const fieldsToSend = [
 		'page',
 		'size',
@@ -36,7 +42,7 @@ const getQuickRepliesList = async (params) => {
 	const { page, size, fields, sort, id, q } = applyTransform(params, [
 		merge(getDefaultGetParams()),
 		starToSearch('search'),
-		(params) => ({
+		(params: ApiParams) => ({
 			...params,
 			q: params.search,
 		}),
@@ -69,7 +75,7 @@ const getQuickRepliesList = async (params) => {
 	}
 };
 
-const getQuickReply = async ({ itemId: id }) => {
+const getQuickReply = async ({ itemId: id }: GetItemParams<number>) => {
 	try {
 		const response = await quickReplyService.readQuickReply(id);
 		return applyTransform(response.data, [
@@ -82,7 +88,7 @@ const getQuickReply = async ({ itemId: id }) => {
 	}
 };
 
-const addQuickReply = async ({ itemInstance }) => {
+const addQuickReply = async ({ itemInstance }: AddItemParams) => {
 	const item = applyTransform(itemInstance, [
 		sanitize(fieldsToSend),
 		camelToSnake(),
@@ -99,7 +105,10 @@ const addQuickReply = async ({ itemInstance }) => {
 	}
 };
 
-const updateQuickReply = async ({ itemInstance, itemId: id }) => {
+const updateQuickReply = async ({
+	itemInstance,
+	itemId: id,
+}: UpdateItemParams<number>) => {
 	const item = applyTransform(itemInstance, [
 		camelToSnake(),
 		sanitize(fieldsToSend),
@@ -117,7 +126,7 @@ const updateQuickReply = async ({ itemInstance, itemId: id }) => {
 	}
 };
 
-const deleteQuickReply = async ({ id }) => {
+const deleteQuickReply = async ({ id }: DeleteItemParams<number>) => {
 	try {
 		const response = await quickReplyService.deleteQuickReply(id);
 		return applyTransform(response.data, []);
@@ -128,7 +137,7 @@ const deleteQuickReply = async ({ id }) => {
 	}
 };
 
-const getLookup = (params) =>
+const getLookup = (params: ApiParams) =>
 	getQuickRepliesList({
 		...params,
 		fields: params.fields || [

package/src/api/clients/roles/roles.ts

@@ -1,6 +1,5 @@
 import deepCopy from 'deep-copy';
 import { RolesApiFactory } from 'webitel-sdk';
-
 import { ApplicationsAccess } from '../../../modules/Userinfo';
 import {
 	getDefaultGetListResponse,
@@ -17,6 +16,13 @@ import applyTransform, {
 	snakeToCamel,
 	starToSearch,
 } from '../../transformers';
+import type {
+	AddItemParams,
+	ApiParams,
+	DeleteItemParams,
+	GetItemParams,
+	UpdateItemParams,
+} from '../_shared/types';
 
 const instance = getDefaultInstance();
 const configuration = getDefaultOpenAPIConfig();
@@ -30,13 +36,13 @@ const fieldsToSend = [
 	'metadata',
 ];
 
-const preRequestHandler = (item) => {
+const preRequestHandler = (item: ApiParams) => {
 	const copy = deepCopy(item);
 	copy.metadata.access = ApplicationsAccess.minify(copy.metadata.access);
 	return copy;
 };
 
-const getRoleList = async (params) => {
+const getRoleList = async (params: ApiParams) => {
 	const fieldsToSend = [
 		'page',
 		'size',
@@ -50,7 +56,7 @@ const getRoleList = async (params) => {
 		applyTransform(params, [
 			merge(getDefaultGetParams()),
 			starToSearch('search'),
-			(params) => {
+			(params: ApiParams) => {
 				const rawId = params.id ?? params.ids;
 				return {
 					...params,
@@ -89,7 +95,7 @@ const getRoleList = async (params) => {
 	}
 };
 
-const getRole = async ({ itemId: id }) => {
+const getRole = async ({ itemId: id }: GetItemParams<string>) => {
 	const defaultObject = {
 		name: '',
 		description: '',
@@ -97,7 +103,7 @@ const getRole = async ({ itemId: id }) => {
 		metadata: {},
 	};
 
-	const itemResponseHandler = (response) => {
+	const itemResponseHandler = (response: ApiParams) => {
 		const copy = deepCopy(response);
 		copy.metadata.access = new ApplicationsAccess({
 			access: copy.metadata.access,
@@ -119,7 +125,7 @@ const getRole = async ({ itemId: id }) => {
 	}
 };
 
-const addRole = async ({ itemInstance }) => {
+const addRole = async ({ itemInstance }: AddItemParams) => {
 	const item = applyTransform(itemInstance, [
 		preRequestHandler,
 		sanitize(fieldsToSend),
@@ -138,7 +144,10 @@ const addRole = async ({ itemInstance }) => {
 	}
 };
 
-const updateRole = async ({ itemInstance, itemId: id }) => {
+const updateRole = async ({
+	itemInstance,
+	itemId: id,
+}: UpdateItemParams<string>) => {
 	const item = applyTransform(itemInstance, [
 		preRequestHandler,
 		sanitize(fieldsToSend),
@@ -158,7 +167,7 @@ const updateRole = async ({ itemInstance, itemId: id }) => {
 	}
 };
 
-const deleteRole = async ({ id }) => {
+const deleteRole = async ({ id }: DeleteItemParams<string>) => {
 	try {
 		const response = await rolesApiFactory.deleteRole(id);
 		return applyTransform(response.data, []);
@@ -169,7 +178,7 @@ const deleteRole = async ({ id }) => {
 	}
 };
 
-const getRolesLookup = (params) =>
+const getRolesLookup = (params: ApiParams) =>
 	getRoleList({
 		...params,
 		fields: params.fields || [
@@ -180,7 +189,7 @@ const getRolesLookup = (params) =>
 
 const PERMISSIONS_LIST_URL = '/permissions';
 
-const getPermissionsOptions = async (params) => {
+const getPermissionsOptions = async (params: ApiParams) => {
 	const fieldsToSend = [
 		'page',
 		'size',
@@ -192,7 +201,7 @@ const getPermissionsOptions = async (params) => {
 
 	const url = applyTransform(params, [
 		merge(getDefaultGetParams()),
-		(params) => ({
+		(params: ApiParams) => ({
 			...params,
 			q: params.search,
 		}),

package/src/api/clients/wtTypes/sysTypes/sysTypes.ts

@@ -11,10 +11,20 @@ import applyTransform, {
 	sanitize,
 	starToSearch,
 } from '../../../transformers';
+import type { ApiParams } from '../../_shared/types';
 
 const instance = getDefaultInstance();
 
-const getSysTypeRecordsList = async ({ path, display, primary, ...params }) => {
+const getSysTypeRecordsList = async ({
+	path,
+	display,
+	primary,
+	...params
+}: {
+	path: string;
+	display: string;
+	primary: string;
+} & ApiParams) => {
 	const fieldsToSend = [
 		'page',
 		'size',
@@ -28,11 +38,11 @@ const getSysTypeRecordsList = async ({ path, display, primary, ...params }) => {
 	const url = applyTransform(params, [
 		merge(getDefaultGetParams()),
 		starToSearch('search'),
-		(params) => ({
+		(params: ApiParams) => ({
 			...params,
 			q: params.search,
 		}),
-		(params) => ({
+		(params: ApiParams) => ({
 			...params,
 			ids: params.id /* https://webitel.atlassian.net/browse/WTEL-6788 */,
 		}),
@@ -61,7 +71,9 @@ const getSysTypeRecordsList = async ({ path, display, primary, ...params }) => {
 	}
 };
 
-const getSysTypeRecordsLookup = (params) =>
+const getSysTypeRecordsLookup = (
+	params: Parameters<typeof getSysTypeRecordsList>[0],
+) =>
 	getSysTypeRecordsList({
 		...params,
 		fields: params.fields || [