@tuki-io/tuki-widgets 0.0.64 → 0.0.65

package/projects/tuki/widgets/user-device-manage/src/styles/_variables.scss

@@ -0,0 +1,90 @@
+//@import url( 'https://fonts.googleapis.com/css?family=Roboto:400,700|Material+Icons');
+//@import url('https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,800,700,900');
+@import url('https://fonts.googleapis.com/css?family=Poppins:400,100,200,300,500,600,800,700,900');
+//@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400&display=swap');
+
+$fa-font-path : '../../node_modules/font-awesome/fonts';
+
+//$common-font: Raleway, 'Raleway', sans-serif;
+//$special-font: Raleway, 'Roboto', sans-serif;
+//$content-font: 'Roboto', sans-serif;
+//$buttons-font: Raleway, 'Raleway', sans-serif;
+//$input-font: 'Roboto', sans-serif;
+$menu-font: Poppins, 'Poppins', sans-serif;
+$main-font: Poppins, 'Poppins', sans-serif;
+//$sub-menu-font: Inter, 'Inter', sans-serif;
+$font-size: 14px;
+$txt-color: rgba(0, 0, 0, 0.87);
+$table-title-color: rgba(0,0,0,.54);;
+$txt-grey-color: #454e5e;
+$header-gradient: linear-gradient(90deg,#0d56aa,#0d56ab);
+$poppins-font: Poppins, 'Poppins', sans-serif;
+
+$icon-color: #8E9FB7;
+$active-color: #0D56AA;
+$icon-box-color: #0773BC;
+$mark-color: #009FDB;
+$hover-color: #0985A0;
+$error-color: #C73636;
+$main-txt-color: #333;
+
+$table-border-color: rgba(0, 0, 0, 0.12);
+$input-border-color: rgba(0, 0, 0, 0.30);
+$bg-color: #F7F9FB;
+
+$error-bg-color: #f2dede;
+$error-border-color: #ebccd1;
+$error-txt-color: #bc1e1b;
+$qob-error-color: #E70707;
+
+$warning-bg-color: #fcf8e3;
+$warning-border-color: #e5e1cd;
+$warning-txt-color: #8a6d3b;
+
+$success-bg-color: #e3f4dc;
+$success-border-color: #b3d692;
+$success-txt-color: #3c763d;
+
+$read-only-txt-color: rgba(0, 0, 0, 0.38);
+$my-menu-txt-color: #555555;
+
+$page-background-color: #F3F6F6;
+$disabled-button-text-color: #BABCC5;
+$dark-elements-color: #2C355D;
+$dark-disabled-btn-color: #DFE3E7;
+$disabled-color: #DFE3E7;
+$link-color: #0985A0;
+$title-color: #0985A0;
+$active-link-color: #0985A0;
+$text-color: #646464;
+$light-border-color: #DEE5EA;
+$icon-background: #D2E5E5;
+
+// QOB style
+$navy: #2399DA;
+$dark-blue: #2C355D;
+$qob-danger-color: #E70707;
+$qob-disabled-color: #D4D4D4;
+
+// WEBEX STYLE
+
+$webex-body-bg: #f7f7f7;
+
+
+$webex-icon-bg: #d0d0d0;
+$webex-icon-color: #2a2a2a;
+$webex-text-color: #252525;
+
+$webex-tr-hover-bg: #ededed;
+$webex-tr-border: #dedede;
+
+$webex-table-th-bg: #f7f7f7;
+$webex-table-th-txt: #636363;
+$webex-table-th-size: 12px;
+
+$webex-table-td-bg: #fff;
+$webex-table-td-txt: #636363;
+$webex-table-td-size: 14px;
+
+$webex-pagination-txt: #636363;
+$webex-pagination-hover-bg: #ededed;

package/projects/tuki/widgets/user-device-manage/src/styles/form.scss

@@ -0,0 +1,231 @@
+@import "variables";
+
+.mat-form-field {
+  padding: 0 0 5px 0;
+  width: 93%;
+}
+.mat-form-field.mat-form-field-disabled {
+  border-bottom: none;
+}
+.mat-error {
+  color: $error-color;
+  margin: 13px 0 0 0;
+}
+.select-box {
+  border-radius: 30px;
+  background: #F3F6F6;
+  border: 1px solid #E2E9EF;
+  height: 35px;
+  position: relative;
+
+  select {
+    border: none !important;
+    background: transparent;
+    height: 100%;
+    width: 92%;
+    margin: auto;
+    display: block;
+  }
+
+}
+
+option:focus, option:focus-visible {
+  border: none !important;
+  outline: none !important;
+}
+option {
+  height: 30px;
+  cursor: pointer;
+  color: $webex-pagination-txt;
+}
+option:hover {
+  background: $webex-pagination-hover-bg !important;
+}
+.mat-select {
+  height: 100%;
+  line-height: 35px;
+}
+.info-holder, .input-holder {
+  display: grid;
+  grid-template-columns: 30% 70%;
+  align-items: baseline;
+
+  &__name{
+    font-weight: 500;
+    font-size: 14px;
+  }
+  &__inputs{
+    & .input-holder{
+      display: grid;
+      grid-template-columns: 30% 70%;
+      align-items: baseline;
+      &__name{
+        font-weight: 400;
+        font-size: 14px;
+      }
+    }
+  }
+}
+.mat-form-field-wrapper {
+  height: 30px !important;
+}
+.mat-form-field-flex{
+  height: 30px !important;
+}
+
+.mat-form-field-appearance-outline .mat-form-field-outline{
+  height: 35px !important;
+}
+
+.mat-form-field-outline .mat-form-field-outline-thick{
+  height: 35px !important;
+}
+
+.mat-select{
+  line-height: 20px !important;
+}
+.mat-form-field-appearance-outline .mat-form-field-infix {
+  padding: 14px 12px 10px;
+  border-top: 0;
+  max-width: 300px;
+}
+
+.mat-tab-group{
+  font-family: "Inter", sans-serif;
+}
+
+.mat-tab-label{
+  font-weight: 500 !important;
+  font-size: 14px !important;
+  height: auto !important;
+  min-width: auto !important;
+  padding: 0 !important;
+}
+
+.mat-ink-bar{
+  background-color: rgba(0, 0, 0, 0.9) !important;
+  height: 3px !important;
+}
+.mat-form-field-wrapper{
+  padding-bottom: 0;
+}
+
+.mat-form-field{
+  padding: 0;
+  max-width: 300px;
+}
+
+.mat-divider{
+  margin: 12px 0;
+}
+
+/*
+
+.input-holder {
+  background: #EDEDED;
+  padding: 32px 60px;
+}
+
+.form-hold {
+  padding: 24px 0;
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+
+::ng-deep .mat-form-field-appearance-outline .mat-form-field-infix {
+  padding: 14px 12px 10px;
+  border-top: 0;
+  max-width: 300px;
+}
+
+::ng-deep .mat-tab-group{
+  font-family: "Inter", sans-serif;
+}
+
+::ng-deep .mat-tab-label{
+  font-weight: 500 !important;
+  font-size: 14px !important;
+  height: auto !important;
+  min-width: auto !important;
+  padding: 0 !important;
+}
+
+::ng-deep .mat-ink-bar{
+  background-color: rgba(0, 0, 0, 0.9) !important;
+  height: 3px !important;
+}
+.form-holder{
+  background: white;
+  display: grid;
+  grid-template-columns: 30% 70%;
+  border-radius: 8px;
+  border: rgba(0, 0, 0, 0.2) 1px solid;
+  padding: 24px;
+  &__name{
+    font-weight: 500;
+    font-size: 16px;
+  }
+  &__inputs{
+    & .input-holder{
+      display: grid;
+      grid-template-columns: 30% 70%;
+      align-items: baseline;
+      &__name{
+        font-weight: 400;
+        font-size: 14px;
+      }
+    }
+  }
+}
+
+::ng-deep .mat-form-field-wrapper{
+  padding-bottom: 0;
+}
+
+::ng-deep .mat-form-field{
+  padding: 0;
+  max-width: 300px;
+}
+
+.mat-divider{
+  margin: 12px 0;
+}
+
+.user-details-box {
+  background: white;
+  display: grid;
+  grid-template-columns: 30% 70%;
+  border-radius: 8px;
+  border: rgba(0, 0, 0, 0.2) 1px solid;
+  padding: 24px;
+  &__name{
+    font-weight: 500;
+    font-size: 16px;
+  }
+  &__inputs{
+    & .input-holder{
+      display: grid;
+      grid-template-columns: 30% 70%;
+      align-items: baseline;
+      &__name{
+        font-weight: 400;
+        font-size: 14px;
+      }
+    }
+  }
+}
+
+::ng-deep .mat-form-field-wrapper{
+  padding-bottom: 0;
+}
+
+::ng-deep .mat-form-field{
+  padding: 0;
+  max-width: 300px;
+}
+
+.mat-divider{
+  margin: 12px 0;
+}
+*/

package/projects/tuki/widgets/user-device-manage/src/styles/icons.scss

@@ -0,0 +1,32 @@
+.fa:hover {
+  color: #0d56aa!important;
+}
+.mat-icon-button {
+  background: transparent;
+}
+.icon-webex-box {
+  width: 2rem;
+  height: 2rem;
+  font-size: .7rem;
+  line-height: 1rem;
+  display: inline-block;
+  background: $webex-icon-bg;
+  border-radius: 2rem;
+  line-height: 40px;
+  text-align: center;
+}
+.icon-webex {
+  filter: invert(12%) sepia(14%) saturate(4%) hue-rotate(354deg) brightness(103%) contrast(90%);
+  background-repeat: no-repeat;
+  background-position: center;
+  display: inline-block;
+  height: 1rem;
+  width: 1rem;
+}
+.icon-webex-user {
+  background-image: url('../assets/icons/icon_user.svg');
+}
+.icon-user-status {
+  display: inline-block;
+
+}

package/projects/tuki/widgets/user-device-manage/src/styles/styles.scss

@@ -0,0 +1,110 @@
+@import '../../node_modules/font-awesome/scss/font-awesome';
+@import 'variables';
+@import 'icons';
+@import 'form';
+@import "tables";
+
+*{
+  margin: 0;
+}
+
+body {
+  background: $webex-body-bg;
+}
+body, th, td {
+  font-family: $main-font;
+  font-size: 14px;
+}
+th {
+  color: rgba(0,0,0,.54);
+  text-align: left;
+}
+td {
+  box-sizing: border-box;
+  padding: 10px 5px 10px 0;
+}
+.content-box {
+  margin: auto;
+  position: relative;
+  width: 70%;
+
+  table {
+    width: 100%
+  }
+}
+.edit-icon-td {
+  width: 50px;
+  position: relative;
+
+  button {
+    position: absolute;
+    top: 4px;
+  }
+}
+.mat-progress-spinner circle, .mat-spinner circle {
+  stroke: #009fdb!important;
+}
+.data-loader {
+  position: absolute;
+  top: calc(50% - 25px);
+  left: calc(50% - 25px);
+}
+.flex-box {
+  display: flex;
+  justify-content: flex-start;
+}
+.mat-paginator {
+  background: transparent !important;
+}
+.mat-paginator-container {
+  min-height: 30px !important;
+}
+.mat-paginator-range-label {
+  margin: 0 10px 0 24px !important;
+  font-size: 15px !important;
+}
+.user-info-box {
+  background: white;
+  display: grid;
+  grid-template-columns: 30% 70%;
+  border-radius: 8px;
+  border: rgba(0, 0, 0, 0.2) 1px solid;
+  padding: 24px;
+  font-weight: 400;
+  font-size: 14px;
+
+  h3 {
+    display: block;
+    font-weight: 500;
+    font-size: 16px;
+  }
+}
+.mat-divider{
+  margin: 12px 0 !important;
+}
+.info-boxes-container {
+  padding: 24px 0;
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+.header-box {
+  height: 60px;
+  width: 100%;
+  line-height: 60px;
+  background: white;
+  border-bottom: 1px solid #dedddd;
+
+  .header-back-block {
+    float: left;
+  }
+  .header-button-block {
+    float: right;
+  }
+}
+@media screen and (max-width: 1600px) {
+  .content-box {
+    width: 95%;
+  }
+}
+

package/projects/tuki/widgets/user-device-manage/src/styles/tables.scss

@@ -0,0 +1,30 @@
+@import 'variables';
+
+.webex-table {
+  width: 100%;
+  margin: auto;
+
+  tr {
+    border-bottom: 1px solid $webex-tr-border;
+  }
+  th {
+    background: $webex-table-th-bg;
+    color: $webex-table-th-txt;
+    font-size: $webex-table-th-size;
+  }
+  td {
+    background: $webex-table-td-bg;
+    color: $webex-table-td-txt;
+    font-size: $webex-table-td-size;
+  }
+  tr:hover td {
+    background: $webex-tr-hover-bg;
+    cursor: pointer;
+  }
+  th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
+    border-bottom: 1px solid $webex-tr-border;
+  }
+  tr.mat-header-row {
+    height: 37px;
+  }
+}

package/projects/tuki/widgets/user-device-manage/src/user-device-manage.module.ts

@@ -0,0 +1,73 @@
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { APIService } from './services/api.service';
+import { AppLoaderComponent } from './utils/app-loader/app-loader';
+import { UserService } from './services/user.service';
+import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
+import { AuthInterceptor } from './interseptors/auth.interceptor';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { CommonModule } from '@angular/common';
+import { MaterialModule } from './material.module';
+import { NotificationService } from './services/notification.service';
+import { NotificationsComponent } from './notifications/notification.component';
+import { RemoveKynFromIBMService } from './services/removeKynFromIBM.service';
+import { SiteSettingsService } from './services/site-settings.service';
+import { LazyLoadingSelectComponent } from './lazy-loading-select/lazy-loading-select.component';
+import { DnsService } from './services/dns.service';
+import { LineService } from './services/line.service';
+import { DeviceListComponent } from './device-list/device-list.component';
+import { DeviceManageWidgetComponent } from './device-manage-widget.component';
+import { DeviceAssociatedLineComponent } from './device-associated-line/device-associated-line.component';
+import {
+  DeviceAssociatedLineExtensionComponent
+} from './device-associated-line/device-associated-line-extension/device-associated-line-extension.component';
+import {
+  DeviceAssociatedLineDetailsBoxComponent
+} from './device-associated-line/device-associated-line-details-box/device-associated-line-details-box.component';
+import { AssociatedLineRowComponent } from './device-associated-line/associated-line-row/associated-line-row.component';
+import { DeviceService } from './services/device.service';
+import { InfoDialogComponent } from './confirm-dialog/info-dialog.component';
+import { ValidationService } from './services/validation.service';
+
+@NgModule({
+  declarations: [
+    AppLoaderComponent,
+    NotificationsComponent,
+    LazyLoadingSelectComponent,
+    DeviceListComponent,
+    DeviceManageWidgetComponent,
+    DeviceAssociatedLineComponent,
+    DeviceAssociatedLineExtensionComponent,
+    DeviceAssociatedLineDetailsBoxComponent,
+    AssociatedLineRowComponent,
+    InfoDialogComponent
+  ],
+  imports: [
+    CommonModule,
+    BrowserModule,
+    BrowserAnimationsModule,
+    FormsModule,
+    ReactiveFormsModule,
+    HttpClientModule,
+    MaterialModule,
+  ],
+  providers: [
+    APIService,
+    UserService,
+    NotificationService,
+    RemoveKynFromIBMService,
+    SiteSettingsService,
+    DnsService,
+    LineService,
+    DeviceService,
+    ValidationService,
+    {provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true}
+  ],
+  exports: [
+    DeviceManageWidgetComponent
+  ]
+
+})
+export class UserDeviceManageModule {
+}

package/projects/tuki/widgets/user-device-manage/src/utils/app-loader/app-loader.component.html

@@ -0,0 +1,6 @@
+<div class="overlay">
+  <mat-progress-spinner
+    class="page-spinner"
+    mode="indeterminate"
+    [diameter]="120"></mat-progress-spinner>
+</div>

package/projects/tuki/widgets/user-device-manage/src/utils/app-loader/app-loader.component.scss

@@ -0,0 +1,11 @@
+.overlay {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: rgba(255, 255, 255, 0.2);
+    z-index: 200;
+}

package/projects/tuki/widgets/user-device-manage/src/utils/app-loader/app-loader.ts

@@ -0,0 +1,13 @@
+import { Component, ViewEncapsulation } from '@angular/core';
+
+@Component({
+  selector: 'app-loader',
+  templateUrl: './app-loader.component.html',
+  styleUrls: ['./app-loader.component.scss'],
+  encapsulation: ViewEncapsulation.None,
+})
+export class AppLoaderComponent {
+  constructor() {
+  }
+
+}

package/projects/tuki/widgets/user-manage/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "public-api.ts"
+  },
+  "assets": ["./src/styles/*.*","./assets/**/*.*"]
+}

package/projects/tuki/widgets/user-manage/src/app.constants.ts

@@ -0,0 +1,50 @@
+export const API = {
+  USER_TOKEN: '/api/provision/:siteId/users/:userId/token',
+  UPDATE_USER_FIELDS: '/api/provision/:siteId/userFields/:token',
+  PERSIST_USER_CACHE: '/api/provision/:siteId/saveUser/:token',
+  USER_BY_ID: '/api/provision/:siteId/users/:userId',
+  QUICK_USERS_SEARCH: "/api/search/quickusers",
+  LOCATION: "/api/provision/options/:siteId/locations",
+  USER_LOCALES: "/api/provision/options/:siteId/userlocales",
+  USER_PROFILES: "/api/provision/options/:siteId/userprofiles",
+  AVAILABLE_DN_IN_RANGES: "/api/sites/:siteId/available-dn-in-ranges",
+  DELETE_LINE: "/api/provision/:siteId/deleteLine/:pkid/:token",
+  DISASSOCIATE_LINE: "/api/provision/:siteId/:deviceName/deleteLineAssociation/:linePkid/:token",
+  CHECK_DELETE_LINE: "/api/provision/:siteId/checklinedeletion",
+  ASSOCIATE_LINE: "/api/provision/:siteId/:deviceName/createLineAssociation/:token",
+  CHECK_DESTINATION_NUMBER: "/api/provision/:siteId/check-dn",
+  UPDATE_LINE_FIELDS: "/api/provision/:siteId/lineFields/:pkid/:token",
+  UPDATE_DEVICE_FIELDS: "/api/provision/:siteId/deviceFields/:deviceName/:token"
+};
+export const REGEX_PATTERN = {
+  EMAIL: '^(([^<>()\\[\\]\\\\.,;:\\s@"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@"]+)*)|(".+"))' +
+  '@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,62}[a-zA-Z0-9])' +
+  '?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,62}[a-zA-Z0-9])?)*$'
+};
+
+export const PAGINATION_DEFAULTS = {
+  SIZE: 10,
+  INDEX: 0
+}
+export const PAGINATION_SIZE_OPTIONS = [
+  10,
+  50,
+  100,
+  500
+];
+export const CUCS_TO_IGNORE = [
+  189,
+  194,
+  191,
+  190
+];
+export const CUCMS_TO_IGNORE = [
+  249,
+  255,
+  251,
+  250
+];
+export const RECORDING_MEDIA_SOURCE = [
+  "Gateway Preferred",
+  "Phone Preferred"
+];

package/projects/tuki/widgets/user-manage/src/assets/icons/arrow-left.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="arrow-left">
+<path id="Vector" d="M5.70746 7.99987L11.3539 2.35352C11.4453 2.25928 11.496 2.13287 11.495 2.00159C11.494 1.8703 11.4414 1.74467 11.3486 1.65183C11.2558 1.55899 11.1301 1.50639 10.9988 1.50539C10.8676 1.50438 10.7411 1.55506 10.6469 1.64647L4.64691 7.64647C4.55316 7.74023 4.50049 7.8674 4.50049 7.99999C4.50049 8.13259 4.55316 8.25975 4.64691 8.35352L10.6469 14.3535C10.6931 14.4011 10.7482 14.439 10.8092 14.4651C10.8702 14.4912 10.9357 14.5049 11.002 14.5054C11.0683 14.5059 11.134 14.4932 11.1954 14.468C11.2567 14.4429 11.3125 14.4058 11.3593 14.3589C11.4062 14.312 11.4433 14.2563 11.4685 14.1949C11.4936 14.1336 11.5063 14.0679 11.5058 14.0016C11.5053 13.9353 11.4916 13.8697 11.4655 13.8088C11.4394 13.7478 11.4015 13.6926 11.3539 13.6465L5.70746 7.99987Z" fill="black" fill-opacity="0.95"/>
+</g>
+</svg>

package/projects/tuki/widgets/user-manage/src/assets/icons/arrow-right.svg

@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="arrow-right">
+<path id="Vector" d="M14.0812 9.66902L6.58119 2.16902C6.53813 2.12351 6.48638 2.0871 6.429 2.06193C6.37162 2.03677 6.30978 2.02336 6.24713 2.0225C6.18448 2.02165 6.1223 2.03336 6.06425 2.05695C6.00621 2.08053 5.95348 2.11552 5.90919 2.15983C5.8649 2.20415 5.82994 2.25689 5.80638 2.31495C5.78282 2.373 5.77113 2.43519 5.77202 2.49784C5.77291 2.56049 5.78634 2.62232 5.81153 2.67969C5.83673 2.73705 5.87316 2.78879 5.91869 2.83183L13.0874 10.0003L5.91869 17.169C5.87316 17.2121 5.83673 17.2638 5.81153 17.3212C5.78634 17.3785 5.77291 17.4404 5.77202 17.503C5.77113 17.5657 5.78282 17.6279 5.80638 17.6859C5.82994 17.744 5.8649 17.7967 5.90919 17.841C5.95348 17.8853 6.00621 17.9203 6.06425 17.9439C6.1223 17.9675 6.18448 17.9792 6.24713 17.9783C6.30978 17.9775 6.37162 17.9641 6.429 17.9389C6.48638 17.9138 6.53813 17.8773 6.58119 17.8318L14.0812 10.3318C14.1691 10.2439 14.2184 10.1247 14.2184 10.0004C14.2184 9.87613 14.1691 9.75692 14.0812 9.66902Z" fill="#0F0F0F"/>
+</g>
+</svg>

package/projects/tuki/widgets/user-manage/src/assets/icons/delete_icon.svg

@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Icon/Delete">
+<path id="Remove all" d="M9.5835 1.96973C10.9439 1.96973 12.0528 3.09413 12.1036 4.50119L12.1054 4.60217H15.2853C15.588 4.60217 15.8335 4.85838 15.8335 5.17444C15.8335 5.47074 15.6178 5.71444 15.3413 5.74375L15.2853 5.7467H14.8067L14.0597 16.0795C13.9864 17.0944 13.176 17.8788 12.201 17.8788H6.966C5.99094 17.8788 5.18064 17.0944 5.10725 16.0795L4.35981 5.7467H3.88174C3.59788 5.7467 3.3644 5.52152 3.33633 5.23295L3.3335 5.17444C3.3335 4.87813 3.54923 4.63443 3.82569 4.60512L3.88174 4.60217H7.06157C7.06157 3.14831 8.19067 1.96973 9.5835 1.96973ZM13.7072 5.7467L5.45977 5.7467L6.20064 15.9934C6.23085 16.4113 6.56451 16.7343 6.966 16.7343H12.201C12.6025 16.7343 12.9361 16.4113 12.9664 15.9934L13.7072 5.7467ZM11.0089 8.15024C11.2928 8.15024 11.5263 8.37542 11.5543 8.66399L11.5572 8.72251V13.7585C11.5572 14.0745 11.3117 14.3307 11.0089 14.3307C10.7251 14.3307 10.4916 14.1056 10.4635 13.817L10.4607 13.7585L10.4607 8.72251C10.4607 8.40645 10.7061 8.15024 11.0089 8.15024ZM8.15806 8.15024C8.44192 8.15024 8.6754 8.37542 8.70347 8.66399L8.7063 8.72251L8.7063 13.7585C8.7063 14.0745 8.46084 14.3307 8.15806 14.3307C7.87419 14.3307 7.64072 14.1056 7.61264 13.817L7.60981 13.7585L7.60981 8.72251C7.60981 8.40645 7.85527 8.15024 8.15806 8.15024ZM9.5835 3.11427C8.82339 3.11427 8.20225 3.73527 8.16031 4.51773L8.15806 4.60217L11.0089 4.60217C11.0089 3.78042 10.3707 3.11427 9.5835 3.11427Z" fill="#737480"/>
+</g>
+</svg>

package/projects/tuki/widgets/user-manage/src/assets/icons/dragger-vertical-icon.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.125 5C12.7935 5 12.4755 4.8683 12.2411 4.63388C12.0067 4.39946 11.875 4.08152 11.875 3.75C11.875 3.41848 12.0067 3.10054 12.2411 2.86612C12.4755 2.6317 12.7935 2.5 13.125 2.5C13.4565 2.5 13.7745 2.6317 14.0089 2.86612C14.2433 3.10054 14.375 3.41848 14.375 3.75C14.375 4.08152 14.2433 4.39946 14.0089 4.63388C13.7745 4.8683 13.4565 5 13.125 5ZM6.875 5C6.54348 5 6.22554 4.8683 5.99112 4.63388C5.7567 4.39946 5.625 4.08152 5.625 3.75C5.625 3.41848 5.7567 3.10054 5.99112 2.86612C6.22554 2.6317 6.54348 2.5 6.875 2.5C7.20652 2.5 7.52446 2.6317 7.75888 2.86612C7.9933 3.10054 8.125 3.41848 8.125 3.75C8.125 4.08152 7.9933 4.39946 7.75888 4.63388C7.52446 4.8683 7.20652 5 6.875 5ZM13.125 11.25C12.7935 11.25 12.4755 11.1183 12.2411 10.8839C12.0067 10.6495 11.875 10.3315 11.875 10C11.875 9.66848 12.0067 9.35054 12.2411 9.11612C12.4755 8.8817 12.7935 8.75 13.125 8.75C13.4565 8.75 13.7745 8.8817 14.0089 9.11612C14.2433 9.35054 14.375 9.66848 14.375 10C14.375 10.3315 14.2433 10.6495 14.0089 10.8839C13.7745 11.1183 13.4565 11.25 13.125 11.25ZM6.875 11.25C6.54348 11.25 6.22554 11.1183 5.99112 10.8839C5.7567 10.6495 5.625 10.3315 5.625 10C5.625 9.66848 5.7567 9.35054 5.99112 9.11612C6.22554 8.8817 6.54348 8.75 6.875 8.75C7.20652 8.75 7.52446 8.8817 7.75888 9.11612C7.9933 9.35054 8.125 9.66848 8.125 10C8.125 10.3315 7.9933 10.6495 7.75888 10.8839C7.52446 11.1183 7.20652 11.25 6.875 11.25ZM13.125 17.5C12.7935 17.5 12.4755 17.3683 12.2411 17.1339C12.0067 16.8995 11.875 16.5815 11.875 16.25C11.875 15.9185 12.0067 15.6005 12.2411 15.3661C12.4755 15.1317 12.7935 15 13.125 15C13.4565 15 13.7745 15.1317 14.0089 15.3661C14.2433 15.6005 14.375 15.9185 14.375 16.25C14.375 16.5815 14.2433 16.8995 14.0089 17.1339C13.7745 17.3683 13.4565 17.5 13.125 17.5ZM6.875 17.5C6.54348 17.5 6.22554 17.3683 5.99112 17.1339C5.7567 16.8995 5.625 16.5815 5.625 16.25C5.625 15.9185 5.7567 15.6005 5.99112 15.3661C6.22554 15.1317 6.54348 15 6.875 15C7.20652 15 7.52446 15.1317 7.75888 15.3661C7.9933 15.6005 8.125 15.9185 8.125 16.25C8.125 16.5815 7.9933 16.8995 7.75888 17.1339C7.52446 17.3683 7.20652 17.5 6.875 17.5Z" fill="black" fill-opacity="0.95"/>
+</svg>