@webitel/ui-sdk 25.10.27 → 25.10.28

package/dist/img/sprite/index.js

@@ -41,10 +41,10 @@ import callRinging from './call-ringing.svg';
 import callRingingFilled from './call-ringing--filled.svg';
 import callTransfer from './call-transfer.svg';
 import callTransferFilled from './call-transfer--filled.svg';
+import caseFilled from './case--filled.svg';
 import caseAuthor from './case-author.svg';
-import cases from './cases.svg';
 import caseDone from './case-done.svg';
-import caseFilled from './case--filled.svg';
+import cases from './cases.svg';
 import chat from './chat.svg';
 import chatFilled from './chat--filled.svg';
 import chatEmoji from './chat-emoji.svg';

package/dist/ui-sdk.js

@@ -2369,14 +2369,14 @@ ae('<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="call-tran
 const DC = "call-transfer";
 ae('<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="call-transfer--filled"><path d="M17.511 9.113a1.007 1.007 0 0 1-1.376-.368c-.269-.466-.31-1.034-.297-1.477.008-.233.032-.475.07-.718L12.51 8.511a1 1 0 0 1-.242.1 1 1 0 0 1-.97-.016L6.402 5.766a1 1 0 1 1 1-1.732l4.418 2.55L14.9 4.806a6 6 0 0 1-.656-.299c-.39-.21-.861-.53-1.13-.995a1.007 1.007 0 1 1 1.744-1.007q-.007-.011.004 0c.024.023.114.109.335.228.26.14.604.272.975.371.372.1.735.157 1.03.166.251.008.372-.022.404-.03q.015-.003.004.002a1.007 1.007 0 0 1 1.007 1.745q.01-.008 0 .004c-.023.024-.109.113-.228.335-.14.26-.272.603-.372.975-.1.371-.156.734-.165 1.03-.008.251.021.372.03.404q.003.014-.002.003a1.007 1.007 0 0 1-.369 1.376M4.92 20.964c-1.02.117-1.754-.051-2.243-.513-.708-.67-.688-1.775-.672-2.664q.006-.23.005-.437c-.003-.512.259-1.055.758-1.57 1.234-1.277 4.385-2.772 9.202-2.78 2.707-.004 5.254.484 7.172 1.376 1.772.823 2.832 1.923 2.837 2.941q.001.205.01.434c.026.867.059 1.946-.595 2.622-.481.498-1.228.683-2.283.566-1.362-.15-2.164-.481-2.6-1.075-.412-.559-.41-1.235-.41-1.95v-.248c0-.244-.423-.481-1.128-.635-.71-.154-1.714-.231-2.982-.23-2.923.007-3.764.426-4.005.676-.083.085-.094.153-.093.201l.002.25c.01.8.02 1.557-.55 2.145-.455.471-1.226.755-2.426.891" /></symbol>', "call-transfer--filled");
 const EC = "call-transfer--filled";
+ae('<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="case--filled"><path d="M22 12v7a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-7zM9.676 2a3 3 0 0 1 .948.154l2.385.794a1 1 0 0 0 .315.052H19a3 3 0 0 1 3 3v4h-3V9a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v1H2V5a3 3 0 0 1 3-3z" /></symbol>', "case--filled");
+const LC = "case--filled";
 ae('<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="case-author"><path d="M12 10a1 1 0 0 1 1 1v2h2a1 1 0 1 1 0 2h-2v2a1 1 0 1 1-2 0v-2H9a1 1 0 1 1 0-2h2v-2a1 1 0 0 1 1-1" /><path fill-rule="evenodd" d="M2 5a3 3 0 0 1 3-3h4.675a3 3 0 0 1 .95.154l2.383.795a1 1 0 0 0 .317.051H19a3 3 0 0 1 3 3v13a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3zm18 1v1.17c-.313-.11-.65-.17-1-.17H5c-.35 0-.687.06-1 .17V5a1 1 0 0 1 1-1h4.675a1 1 0 0 1 .317.051l2.384.795a3 3 0 0 0 .949.154H19a1 1 0 0 1 1 1M5 9a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-1z" clip-rule="evenodd" /></symbol>', "case-author");
-const LC = "case-author";
-ae('<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="cases"><path fill-rule="evenodd" d="M2 5a3 3 0 0 1 3-3h4.675a3 3 0 0 1 .95.154l2.383.795a1 1 0 0 0 .317.051H19a3 3 0 0 1 3 3v13a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3zm18 1v5.17c-.313-.11-.65-.17-1-.17V9a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v2c-.35 0-.687.06-1 .17V5a1 1 0 0 1 1-1h4.675a1 1 0 0 1 .317.051l2.384.795a3 3 0 0 0 .949.154H19a1 1 0 0 1 1 1M5 13a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1zm12-2H7V9h10z" clip-rule="evenodd" /></symbol>', "cases");
-const BC = "cases";
+const BC = "case-author";
 ae('<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="case-done"><path fill-rule="evenodd" d="M19 8a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3zm-3.336 3.753a1 1 0 0 0-1.411.083l-3.296 3.707-1.25-1.25-.076-.068a1 1 0 0 0-1.338 1.482l1.25 1.25a2 2 0 0 0 2.91-.085l3.294-3.708a1 1 0 0 0-.083-1.411" clip-rule="evenodd" /><path d="M9.676 2a3 3 0 0 1 .948.154l2.385.794a1 1 0 0 0 .315.052H19a3 3 0 0 1 3 3v1a4.98 4.98 0 0 0-3-1H5a4.98 4.98 0 0 0-3 1V5a3 3 0 0 1 3-3z" /></symbol>', "case-done");
 const PC = "case-done";
-ae('<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="case--filled"><path d="M22 12v7a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-7zM9.676 2a3 3 0 0 1 .948.154l2.385.794a1 1 0 0 0 .315.052H19a3 3 0 0 1 3 3v4h-3V9a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v1H2V5a3 3 0 0 1 3-3z" /></symbol>', "case--filled");
-const MC = "case--filled";
+ae('<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="cases"><path fill-rule="evenodd" d="M2 5a3 3 0 0 1 3-3h4.675a3 3 0 0 1 .95.154l2.383.795a1 1 0 0 0 .317.051H19a3 3 0 0 1 3 3v13a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3zm18 1v5.17c-.313-.11-.65-.17-1-.17V9a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v2c-.35 0-.687.06-1 .17V5a1 1 0 0 1 1-1h4.675a1 1 0 0 1 .317.051l2.384.795a3 3 0 0 0 .949.154H19a1 1 0 0 1 1 1M5 13a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1zm12-2H7V9h10z" clip-rule="evenodd" /></symbol>', "cases");
+const MC = "cases";
 ae('<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="chat"><path fill-rule="evenodd" d="M2 5.103C2 3.39 3.343 2 5 2h14c1.657 0 3 1.39 3 3.103v10.345c0 1.714-1.343 3.104-3 3.104h-2.5c-.944 0-1.833.46-2.4 1.241l-1.3 1.793a.98.98 0 0 1-1.6 0l-1.3-1.793a2.97 2.97 0 0 0-2.4-1.241H5c-1.657 0-3-1.39-3-3.104zM5 4.07h14c.552 0 1 .463 1 1.034v10.345c0 .572-.448 1.035-1 1.035h-2.5c-1.574 0-3.056.766-4 2.069l-.5.69-.5-.69c-.944-1.303-2.426-2.07-4-2.07H5c-.552 0-1-.462-1-1.034V5.103c0-.57.448-1.034 1-1.034" clip-rule="evenodd" /></symbol>', "chat");
 const jC = "chat";
 ae('<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="chat--filled"><path d="M2 5.103C2 3.39 3.343 2 5 2h14c1.657 0 3 1.39 3 3.103v10.345c0 1.714-1.343 3.104-3 3.104h-2.5c-.944 0-1.833.46-2.4 1.241l-1.3 1.793a.98.98 0 0 1-1.6 0l-1.3-1.793a2.97 2.97 0 0 0-2.4-1.241H5c-1.657 0-3-1.39-3-3.104z" /></symbol>', "chat--filled");
@@ -2758,9 +2758,9 @@ q5({
   "call-transfer--filled": EC,
   consultativeTransfer: dk,
   updateCalls: EI,
-  caseAuthor: LC,
-  cases: BC,
-  "case--filled": MC,
+  caseAuthor: BC,
+  cases: MC,
+  "case--filled": LC,
   caseDone: PC,
   chat: jC,
   "chat--filled": $C,
@@ -96764,6 +96764,18 @@ var lre = Jae.extend("tooltip", {
   return o;
 })({}, qre), k1e(t5, x1e({ components: { accordion: fre, autocomplete: xre, avatar: Rre, badge: Mre, blockui: Nre, breadcrumb: Hre, button: Zre, card: ele, carousel: rle, cascadeselect: fle, checkbox: ble, chip: kle, colorpicker: Ale, confirmdialog: Tle, confirmpopup: Ple, contextmenu: zle, datatable: sse, dataview: hse, datepicker: Pse, dialog: Nse, divider: Kse, dock: Gse, drawer: tde, editor: lde, fieldset: ude, fileupload: wde, floatlabel: Sde, galleria: Fde, iconfield: zde, iftalabel: Hde, image: Yde, imagecompare: Qde, inlinemessage: ice, inplace: rce, inputchips: cce, inputgroup: uce, inputnumber: bce, inputotp: vce, inputtext: Cce, knob: Oce, listbox: Bce, megamenu: Vce, menu: Yce, menubar: i0e, message: f0e, metergroup: w0e, multiselect: T0e, orderlist: L0e, organizationchart: $0e, overlaybadge: F0e, paginator: H0e, panel: Q0e, panelmenu: npe, password: cpe, picklist: fpe, popover: bpe, progressbar: wpe, progressspinner: kpe, radiobutton: Spe, rating: _pe, ripple: Tpe, scrollpanel: Bpe, select: Vpe, selectbutton: Wpe, skeleton: Ype, slider: o2e, speeddial: n2e, splitbutton: r2e, splitter: c2e, stepper: v2e, steps: S2e, tabmenu: D2e, tabs: q2e, tabview: K2e, tag: Y2e, terminal: eue, textarea: oue, tieredmenu: due, timeline: hue, toast: Sue, togglebutton: Tue, toggleswitch: Bue, toolbar: Mue, tooltip: que, tree: Kue, treeselect: e1e, treetable: y1e, virtualscroller: w1e } })));
 const A1e = {
+  none: "0",
+  xs: "2px",
+  sm: "4px",
+  md: "6px",
+  lg: "8px",
+  xl: "16px",
+  pill: "56px"
+}, _1e = {
+  borderRadius: A1e
+}, R1e = {
+  ..._1e
+}, T1e = {
   primary: {
     color: "{amber.500}",
     hoverColor: "{amber.450}",
@@ -96848,7 +96860,7 @@ const A1e = {
   "focus-color": "{black}",
   // content wrapper
   "content-wrapper-color": "{dp-surface-color-20}"
-}, _1e = {
+}, D1e = {
   primary: {
     color: "{amber.500}",
     hoverColor: "{amber.450}",
@@ -97294,32 +97306,32 @@ const A1e = {
   },
   black: "hsla(0,0%,0%,1)",
   white: "hsla(0,0%,100%,1)"
-}, R1e = {
+}, E1e = {
   "text-main-color": "{grey-darken-3}",
   "text-disabled-color": "{grey-lighten-1}",
   "text-error-color": "{error-color}",
   "text-link-color": "{info-color}",
   "text-on-brand-color": "{white}"
-}, T1e = {
+}, L1e = {
   "text-main-color": "{grey-lighten-3}",
   "text-disabled-color": "{grey-darken-1}",
   "text-error-color": "{error-color}",
   "text-link-color": "{info-color}",
   "text-on-brand-color": "{white}"
 }, i5 = {
-  light: R1e,
-  dark: T1e
-}, D1e = {
+  light: E1e,
+  dark: L1e
+}, B1e = {
   shadow: {
     xs: "0 4px 4px rgba(0, 0, 0, 10%)"
   }
-}, E1e = {
+}, P1e = {
   shadow: {
     xs: "0 4px 4px rgba(0, 0, 0, 15%)"
   }
 }, n5 = {
-  light: D1e,
-  dark: E1e
+  light: B1e,
+  dark: P1e
 }, a5 = {
   light: {
     ...i5.light,
@@ -97329,7 +97341,7 @@ const A1e = {
     ...i5.dark,
     ...n5.dark
   }
-}, L1e = {
+}, M1e = {
   overlay: {
     select: {
       background: "{surface.0}",
@@ -97352,7 +97364,7 @@ const A1e = {
       color: "{gray.850}"
     }
   }
-}, B1e = {
+}, j1e = {
   overlay: {
     select: {
       background: "{surface.900}",
@@ -97377,23 +97389,23 @@ const A1e = {
   }
 }, r5 = {
   colorScheme: {
-    light: L1e,
-    dark: B1e
+    light: M1e,
+    dark: j1e
   }
-}, P1e = {
+}, $1e = {
   focusRing: {
     color: "{primary.color}"
   }
-}, M1e = {
+}, q1e = {
   focusRing: {
     color: "{primary.color}"
   }
 }, l5 = {
   colorScheme: {
-    light: P1e,
-    dark: M1e
+    light: $1e,
+    dark: q1e
   }
-}, j1e = {
+}, F1e = {
   text: {
     color: "{surface.750}",
     hoverColor: "{surface.800}",
@@ -97401,7 +97413,7 @@ const A1e = {
     hoverMutedColor: "{surface.600}",
     avatarColor: "{gray.0}"
   }
-}, $1e = {
+}, N1e = {
   text: {
     color: "{surface.100}",
     hoverColor: "{surface.50}",
@@ -97411,10 +97423,10 @@ const A1e = {
   }
 }, s5 = {
   colorScheme: {
-    light: j1e,
-    dark: $1e
+    light: F1e,
+    dark: N1e
   }
-}, q1e = {
+}, z1e = {
   formField: {
     background: "{surface.0}",
     disabledBackground: "{surface.200}",
@@ -97436,7 +97448,7 @@ const A1e = {
     iconColor: "{surface.400}",
     shadow: "0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)"
   }
-}, F1e = {
+}, U1e = {
   formField: {
     background: "{surface.950}",
     disabledBackground: "{surface.700}",
@@ -97460,10 +97472,10 @@ const A1e = {
   }
 }, d5 = {
   colorScheme: {
-    light: q1e,
-    dark: F1e
+    light: z1e,
+    dark: U1e
   }
-}, N1e = {
+}, V1e = {
   surface: {
     0: "{gray.0}",
     50: "{gray.50}",
@@ -97486,7 +97498,7 @@ const A1e = {
     900: "{gray.900}",
     950: "{gray.950}"
   }
-}, z1e = {
+}, H1e = {
   surface: {
     0: "{gray.0}",
     50: "{gray.50}",
@@ -97511,10 +97523,10 @@ const A1e = {
   }
 }, c5 = {
   colorScheme: {
-    light: N1e,
-    dark: z1e
+    light: V1e,
+    dark: H1e
   }
-}, U1e = {
+}, K1e = {
   content: {
     background: "{surface.0}",
     hoverBackground: "{surface.50}",
@@ -97523,7 +97535,7 @@ const A1e = {
     hoverColor: "{text.hoverColor}",
     hoverMutedColor: "{text.hoverMutedColor}"
   }
-}, V1e = {
+}, W1e = {
   content: {
     background: "{surface.800}",
     hoverBackground: "{surface.750}",
@@ -97534,10 +97546,10 @@ const A1e = {
   }
 }, p5 = {
   colorScheme: {
-    light: U1e,
-    dark: V1e
+    light: K1e,
+    dark: W1e
   }
-}, H1e = {
+}, Z1e = {
   list: {
     option: {
       focusBackground: "{surface.100}",
@@ -97557,7 +97569,7 @@ const A1e = {
       color: "{text.muted.color}"
     }
   }
-}, K1e = {
+}, G1e = {
   list: {
     option: {
       focusBackground: "{surface.800}",
@@ -97579,10 +97591,10 @@ const A1e = {
   }
 }, u5 = {
   colorScheme: {
-    light: H1e,
-    dark: K1e
+    light: Z1e,
+    dark: G1e
   }
-}, W1e = {
+}, Y1e = {
   navigation: {
     item: {
       focusBackground: "{surface.100}",
@@ -97606,7 +97618,7 @@ const A1e = {
       activeColor: "{surface.500}"
     }
   }
-}, Z1e = {
+}, X1e = {
   navigation: {
     item: {
       focusBackground: "{surface.800}",
@@ -97632,17 +97644,17 @@ const A1e = {
   }
 }, f5 = {
   colorScheme: {
-    light: W1e,
-    dark: Z1e
+    light: Y1e,
+    dark: X1e
   }
-}, G1e = {
+}, Q1e = {
   datatable: {
     border: {
       borderColor: "{surface.100}",
       color: "{surface.100}"
     }
   }
-}, Y1e = {
+}, J1e = {
   datatable: {
     border: {
       borderColor: "{surface.700}",
@@ -97651,13 +97663,13 @@ const A1e = {
   }
 }, m5 = {
   colorScheme: {
-    light: G1e,
-    dark: Y1e
+    light: Q1e,
+    dark: J1e
   }
-}, X1e = {
+}, efe = {
   light: {
     ...o5,
-    ..._1e,
+    ...D1e,
     ...a5.light,
     ...l5.colorScheme.light,
     ...r5.colorScheme.light,
@@ -97671,7 +97683,7 @@ const A1e = {
   },
   dark: {
     ...o5,
-    ...A1e,
+    ...T1e,
     ...a5.dark,
     ...l5.colorScheme.dark,
     ...r5.colorScheme.dark,
@@ -97683,7 +97695,7 @@ const A1e = {
     ...f5.colorScheme.dark,
     ...m5.colorScheme.dark
   }
-}, Q1e = {
+}, tfe = {
   paddingX: "0.75rem",
   paddingY: "0.5rem",
   sm: {
@@ -97705,7 +97717,7 @@ const A1e = {
     shadow: "none"
   },
   transitionDuration: "{transition.duration}"
-}, J1e = {
+}, ofe = {
   padding: "0.25rem 0.25rem",
   gap: "2px",
   header: {
@@ -97719,7 +97731,7 @@ const A1e = {
     padding: "0.5rem 0.75rem",
     fontWeight: "600"
   }
-}, efe = {
+}, ife = {
   list: {
     padding: "0.25rem 0.25rem",
     gap: "2px"
@@ -97736,7 +97748,7 @@ const A1e = {
   submenuIcon: {
     size: "0.875rem"
   }
-}, tfe = {
+}, nfe = {
   select: {
     borderRadius: "{border.radius.md}",
     shadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)"
@@ -97753,12 +97765,12 @@ const A1e = {
   navigation: {
     shadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)"
   }
-}, ofe = {
+}, afe = {
   width: "1px",
   style: "solid",
   offset: "2px",
   shadow: "none"
-}, ife = {
+}, rfe = {
   transitionDuration: "0.2s",
   disabledOpacity: "0.6",
   iconSize: "1rem",
@@ -97769,26 +97781,14 @@ const A1e = {
   mask: {
     transitionDuration: "0.15s"
   },
-  formField: Q1e,
-  list: J1e,
-  navigation: efe,
-  overlay: tfe,
-  focusRing: ofe
-}, nfe = {
-  ...ife,
-  colorScheme: X1e
-}, afe = {
-  none: "0",
-  xs: "2px",
-  sm: "4px",
-  md: "6px",
-  lg: "8px",
-  xl: "16px",
-  pill: "56px"
-}, rfe = {
-  borderRadius: afe
+  formField: tfe,
+  list: ofe,
+  navigation: ife,
+  overlay: nfe,
+  focusRing: afe
 }, lfe = {
-  ...rfe
+  ...rfe,
+  colorScheme: efe
 }, sfe = {
   background: "transparent",
   disabledBackground: "{form.field.disabled.background}",
@@ -99696,10 +99696,10 @@ const A1e = {
 }, A3e = {
   spacings: O3e
 }, _3e = sre(O1e, {
-  semantic: nfe,
+  semantic: lfe,
   components: S3e,
   extend: A3e,
-  primitive: lfe
+  primitive: R1e
 }), Io = (o) => (o.compatConfig = { MODE: 3 }, o), R3e = (o) => {
   o.use(qee, {
     theme: {