@tuki-io/tuki-widgets 0.0.133 → 0.0.134

package/projects/tuki/widgets/users-list/src/utils/notifications/notification.component.ts

@@ -0,0 +1,46 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { NotificationService } from '../../services/notification.service';
+import { Notification } from '../../classes/notification';
+
+@Component({
+  selector: 'app-notification',
+  templateUrl: './notification.component.html',
+  styleUrls: ['./notification.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class NotificationsComponent implements OnInit, OnDestroy {
+  public list!: Notification[];
+  public isReadMore!: boolean;
+  private listSubscription!: Subscription;
+
+  constructor(
+    public notificationService: NotificationService,
+    private ref: ChangeDetectorRef
+  ) {
+  }
+
+  ngOnInit() {
+    this.listChangeSubscribe();
+  }
+
+  ngOnDestroy() {
+    this.listSubscription.unsubscribe();
+  }
+
+  public readMore(): void {
+    this.isReadMore = !this.isReadMore;
+  }
+
+  public removeNotification(notification: Notification): void {
+    this.notificationService.remove(notification);
+  }
+
+  private listChangeSubscribe(): void {
+    this.listSubscription = this.notificationService.listChange
+      .subscribe((list: any) => {
+        this.list = list;
+        this.ref.detectChanges();
+      });
+  }
+}

package/projects/tuki/widgets/users-list/src/utils/pagination/pagination.component.css

@@ -0,0 +1,45 @@
+.search-header-refresh-icon {
+  align-items: center;
+  line-height: 54px;
+  margin-left: 10px;
+}
+
+button[mat-icon-button] i {
+  font-size: 18px;
+}
+
+mat-spinner.length-spinner {
+  position: absolute;
+  right: 120px;
+}
+
+h3, .search-header-refresh-icon {
+  float: left;
+}
+
+.page-options, .mat-paginator {
+  float: right;
+}
+
+.per-page-block mat-form-field {
+  width: 70px !important;
+}
+
+.per-page-block span {
+  margin-right: 20px;
+}
+
+.pagination {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.select-page-size {
+  width: 60px;
+  margin: 0 0 0 15px;
+  padding: 0 10px;
+}
+
+.item_per_page {
+  line-height: 35px;
+}/*# sourceMappingURL=pagination.component.css.map */

package/projects/tuki/widgets/users-list/src/utils/pagination/pagination.component.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["pagination.component.scss","pagination.component.css"],"names":[],"mappings":"AAAA;EACE,mBAAA;EACA,iBAAA;EACA,iBAAA;ACCF;;ADGE;EACE,eAAA;ACAJ;;ADIA;EACE,kBAAA;EACA,YAAA;ACDF;;ADGA;EACE,WAAA;ACAF;;ADEA;EACE,YAAA;ACCF;;ADCA;EACE,sBAAA;ACEF;;ADAA;EACE,kBAAA;ACGF;;ADDA;EACE,aAAA;EACA,yBAAA;ACIF;;ADFA;EACE,WAAA;EACA,kBAAA;EACA,eAAA;ACKF;;ADHA;EACE,iBAAA;ACMF","file":"pagination.component.css"}

package/projects/tuki/widgets/users-list/src/utils/pagination/pagination.component.html

@@ -0,0 +1,26 @@
+<div class="flex-box pagination">
+  <div class="page-indexes-box">
+    <mat-paginator
+      [id]="'commonPagination'"
+      [hidePageSize]="true"
+      [length]="pagination.total"
+      [pageIndex]="pagination.pageIndex"
+      [pageSize]="pagination.pageSize"
+      [pageSizeOptions]="pagination.pageSizeOptions || [5, 10, 25, 100]"
+      (page)="pageEvent($event)">
+    </mat-paginator>
+    <mat-spinner class="length-spinner" [diameter]="20" mode="indeterminate" *ngIf="lengthPending">
+    </mat-spinner>
+  </div>
+
+  <div class="flex-box per-page-block" style="justify-content: left;" *ngIf="showPageSizeOptions">
+    <div class="item_per_page">Items per page:</div>
+    <div class="select-box select-page-size">
+      <mat-select [(ngModel)]="pagination.pageSize" (selectionChange)="changePerPageNumber($event)" #page
+                  [id]="'commonPaginationSelect'">
+        <mat-option *ngFor="let option of pageSizeOptions; let i = index;" [id]="'paginationSelectOpt_' + i" [value]="option">{{option}}</mat-option>
+      </mat-select>
+    </div>
+
+  </div>
+</div>

package/projects/tuki/widgets/users-list/src/utils/pagination/pagination.component.scss

@@ -0,0 +1,41 @@
+.search-header-refresh-icon {
+  align-items: center;
+  line-height: 54px;
+  margin-left: 10px;
+}
+
+button[mat-icon-button] {
+  i {
+    font-size: 18px;
+  }
+}
+
+mat-spinner.length-spinner {
+  position: absolute;
+  right: 120px;
+}
+h3, .search-header-refresh-icon {
+  float: left;
+}
+.page-options, .mat-paginator {
+  float: right;
+}
+.per-page-block mat-form-field {
+  width: 70px !important;
+}
+.per-page-block span {
+  margin-right: 20px;
+}
+.pagination {
+  display: flex;
+  justify-content: flex-end;
+}
+.select-page-size {
+  width: 60px;
+  margin: 0 0 0 15px;
+  padding: 0 10px;
+}
+.item_per_page {
+  line-height: 35px;
+}
+

package/projects/tuki/widgets/users-list/src/utils/pagination/pagination.component.ts

@@ -0,0 +1,41 @@
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { PaginationDataDto } from '../../classes/pagination';
+import { PAGINATION_SIZE_OPTIONS } from '../../app.constants';
+
+
+@Component({
+  selector: 'app-pagination',
+  templateUrl: './pagination.component.html',
+  styleUrls: ['./pagination.component.scss'],
+})
+export class PaginationComponent implements OnInit{
+  @Input()
+  public pagination!: PaginationDataDto;
+  @Input()
+  public showPageSizeOptions!: boolean;
+  @Input()
+  public showRefreshButton!: boolean;
+  @Input()
+  public lengthPending!: boolean;
+  @Output()
+  public pageEmitter = new EventEmitter();
+  @Output()
+  public pageNumberChangeEmitter = new EventEmitter<any>();
+  public pageSizeOptions: number[] = PAGINATION_SIZE_OPTIONS;
+
+  constructor(
+  ) {
+  }
+
+  ngOnInit(): void {
+  }
+
+  public pageEvent(event: any) {
+    this.pageEmitter.emit(event);
+  }
+
+  public changePerPageNumber(event: any) {
+    this.pageNumberChangeEmitter.emit(event.value);
+  }
+
+}

package/projects/tuki/widgets/users-list/src/utils/utils.service.ts

@@ -0,0 +1,71 @@
+import { Injectable } from '@angular/core';
+
+@Injectable()
+export class UtilsService {
+
+  static sortSortArrayByProperty(array: [], sortBy: string) {
+    if (!array) {
+      return null;
+    }
+    return array.sort((a, b) => {
+      if (!a[sortBy] && !b[sortBy]) {
+        return 0;
+      }
+      if (a[sortBy] && !b[sortBy]) {
+        return 1;
+      }
+      if (!a[sortBy] && b[sortBy]) {
+        return -1;
+      }
+      const positionA = a[sortBy];
+      const positionB = b[sortBy];
+      return (positionA < positionB) ? -1 : (positionA > positionB) ? 1 : 0;
+    });
+  }
+
+  static diff(origObject: any, updatedObj: any, path: string, keysToIgnore?: string[]) {
+    let result: any = [];
+    if (Object.is(origObject, updatedObj)) {
+      return undefined;
+    }
+    if (!updatedObj || typeof updatedObj !== 'object') {
+      return updatedObj;
+    }
+    const concat = Array.from(new Set([...Object.keys(origObject || {}), ...Object.keys(updatedObj || {})]));
+    const filter = keysToIgnore ? concat.filter(key => !keysToIgnore.includes(key)) : concat;
+    filter
+      .forEach(key => {
+        if (typeof updatedObj[key] === 'object' && typeof origObject[key] === 'object') {
+          if (UtilsService.differs(updatedObj[key], origObject[key])) {
+            const newPath = `${path}${path ? '.' : ''}${key}`;
+            const values = UtilsService.diff(origObject[key], updatedObj[key], newPath, keysToIgnore);
+            if (values !== undefined) {
+              result = [...result, ...values];
+            }
+          }
+        } else if (updatedObj && !origObject || updatedObj[key] !== origObject[key] && !Object.is(origObject[key], updatedObj[key])) {
+          const value = updatedObj ? UtilsService.formatIfEmpty(updatedObj[key]) : null;
+          result.push(`${path}${path ? '.' : ''}${key}=${value}`);
+        }
+      });
+    return result;
+  }
+
+  static formatIfEmpty(value: any) {
+    if (value) {
+      return value;
+    }
+    switch (typeof value) {
+      case 'boolean':
+        return value;
+      case 'string':
+        return '';
+      default:
+        return null;
+    }
+  }
+
+  static differs(obj1: any, obj2: any): boolean {
+    return JSON.stringify(obj1) !== JSON.stringify(obj2);
+  }
+}

package/projects/widgets-playground/src/app/app.component.html

@@ -0,0 +1,130 @@
+<div class="wrapper">
+  <!-- <div class="sidebach"></div> -->
+
+  <div
+    style="
+      width: 1400px;
+      display: flex;
+      gap: 1rem;
+      flex-direction: column;
+      padding: 1rem;
+    "
+    role="main"
+  >
+    <!-- <lib-page-section [heading]="'Identity'"></lib-page-section> -->
+    <!--    USER MANAGE ------------------------ -->
+    <div style="display: flex; flex-direction: column; gap: 1rem">
+      <!-- <app-device-manage-widget
+         #devicemanage
+         (onSave)="(null)"
+         (onChange)="(null)"
+         (discardChanges)="(null)"
+         (goBack)="(null)"
+         [siteId]="7095"
+         [userId]="'170720250055'"
+         [isLdap]="true"
+         [token]="token"
+         [deviceName]="'SEP654345633333'"
+         [host]="'https://dev.tuki.io'">
+       </app-device-manage-widget>
+        <app-users-list
+         (switchToWizard)="(null)"
+         [customerId]="1477"
+         [siteId]="7095"
+         [token]="token"
+         (openUser)="(null)"
+         [host]="'https://dev.tuki.io'">
+       </app-users-list>
+
+       <app-user-manage-widget
+         #usermanage
+         (onSave)="(null)"
+         (onChange)="(null)"
+         (goBack)="(null)"
+         [siteId]="7095"
+         [userId]="'170720250055'"
+         [isLdap]="true"
+         [token]="token"
+         (selectDevice)="(null)"
+         [host]="'https://dev.tuki.io'">
+       </app-user-manage-widget> -->
+    </div>
+    <app-users-list
+      (switchToWizard)="(null)"
+      [customerId]="1477"
+      [siteId]="7095"
+      [token]="token"
+      (openUser)="(null)"
+      [host]="'https://dev.tuki.io'"
+    >
+    </app-users-list>
+
+    <cc-summary-grid [token]="token" [customerId]="1477"> </cc-summary-grid>
+
+    <cc-licenses-requirement [token]="token" [customerId]="1477">
+    </cc-licenses-requirement>
+
+    <!--   END  USER MANAGE ------------------------ -->
+    <div style="display: flex; gap: 1rem">
+      <tk-ready-to-upgrade-users-card
+        [token]="token"
+        [customerId]="'1477'"
+      ></tk-ready-to-upgrade-users-card>
+      <tk-ready-to-upgrade-sites-card
+        [token]="token"
+        [customerId]="'1477'"
+      ></tk-ready-to-upgrade-sites-card>
+      <tk-already-upgraded-users-card
+        [token]="token"
+        [customerId]="'1477'"
+      ></tk-already-upgraded-users-card>
+      <tk-already-upgraded-sites-card
+        [token]="token"
+        [customerId]="'1477'"
+      ></tk-already-upgraded-sites-card>
+    </div>
+
+    <div style="display: flex; gap: 1rem">
+      <tk-preconditions-status-list-card
+        [token]="token"
+        [customerId]="'1477'"
+      ></tk-preconditions-status-list-card>
+      <tk-site-infrastructure-status-list-card
+        [token]="token"
+        [customerId]="'1477'"
+      ></tk-site-infrastructure-status-list-card>
+    </div>
+
+    <div style="display: flex; gap: 1rem">
+      <tk-upgrade-state-comparison-chart-card
+        [token]="token"
+        [type]="'Users'"
+        [customerId]="'1477'"
+      ></tk-upgrade-state-comparison-chart-card>
+      <tk-upgrade-state-comparison-chart-card
+        [token]="token"
+        [type]="'Sites'"
+        [customerId]="'1477'"
+      ></tk-upgrade-state-comparison-chart-card>
+    </div>
+
+    <tk-user-upgrade-data-table
+      [token]="token"
+      [customerId]="'1477'"
+    ></tk-user-upgrade-data-table>
+
+    <tk-site-upgrade-data-table
+      [token]="token"
+      [customerId]="'1477'"
+    ></tk-site-upgrade-data-table>
+  </div>
+</div>
+<!--  </div>-->
+<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
+<!-- * * * * * * * * * * * The content above * * * * * * * * * * * -->
+<!-- * * * * * * * * * * is only a placeholder * * * * * * * * * * -->
+<!-- * * * * * * * * * * and can be replaced. * * * * * * * * * * * -->
+<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
+<!-- * * * * * * * * * * End of Placeholder * * * * * * * * * * * -->
+<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
+<!--</div>-->

package/projects/widgets-playground/src/app/app.component.scss

@@ -0,0 +1,16 @@
+body, html {
+    padding: 1rem;
+    /* Remove height: 1000vh; */
+}
+
+.wrapper {
+    display: flex;
+    // flex-direction: column;
+    // min-height: 100vh; /* At least viewport height, grows with content */
+}
+
+.sidebach {
+    width: 350px;
+    background-color: rgb(217, 217, 217);
+    /* height: 100%; Remove this, let .wrapper control height */
+}

package/projects/widgets-playground/src/app/app.component.spec.ts

@@ -0,0 +1,31 @@
+import { TestBed } from '@angular/core/testing';
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [
+        AppComponent
+      ],
+    }).compileComponents();
+  });
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it(`should have as title 'widgets-playground'`, () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app.title).toEqual('widgets-playground');
+  });
+
+  it('should render title', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.nativeElement as HTMLElement;
+    expect(compiled.querySelector('.content span')?.textContent).toContain('widgets-playground app is running!');
+  });
+});

package/projects/widgets-playground/src/app/app.component.ts

@@ -0,0 +1,31 @@
+import { Component } from '@angular/core';
+import { catchError, Observable, of, pipe, throwError } from 'rxjs';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.scss']
+})
+export class AppComponent {
+  title = 'widgets-playground';
+
+  token: string = 'eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJhZG1pbkBjb3JyZW5ldC5jb20iLCJyb2xlcyI6IlJFU1RSSUNURUQiLCJpYXQiOjE3NzI0NDU2MTYsImV4cCI6MTc3MjQ2MzYxNn0.S3_qG8WWjvmPDIjT5-4xW7BwiQgOkB_rIpe6M6zT0ts';
+  // constructor() {
+
+  //   const o1 = new Observable(observer => {
+  //     observer.next(100);
+  //     observer.error(200);
+  //     observer.complete();
+  //   });
+  //   const o2 = new Observable(observer => {
+  //     observer.error('Hola Error');
+  //   });
+
+  //   o1.subscribe(o => {
+  //     console.log('---> ', o);
+  //     o2.subscribe(_o => {
+  //       console.log('__>>', _o);
+  //     });
+  //   });
+  // }
+}

package/projects/widgets-playground/src/app/app.module.ts

@@ -0,0 +1,45 @@
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+
+import { AppComponent } from './app.component';
+import { SharedModule } from '../../../tuki/widgets/di2mt/shared/shared.module';
+import { UpgradeOverviewModule } from 'projects/tuki/widgets/di2mt/widgets/upgrade-overview/upgrade-overview.module';
+import { UserUpgradeModule } from 'projects/tuki/widgets/di2mt/widgets/user-upgrade/user-upgrade.module';
+import { SiteUpgradeModule } from 'projects/tuki/widgets/di2mt/widgets/site-upgrade/site-upgrade.module';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { CommonModule } from '@angular/common';
+import { UsersListModule } from 'projects/tuki/widgets/users-list/public-api';
+import { UserManageModule } from 'projects/tuki/widgets/user-manage/public-api';
+import { UserDeviceManageModule } from 'projects/tuki/widgets/user-device-manage/public-api';
+import { CcReadinessModule } from 'projects/tuki/widgets/contact-center/cc-readiness/cc-readiness.module';
+
+@NgModule({
+  declarations: [
+    AppComponent
+  ],
+  imports: [
+    BrowserModule,
+    CommonModule,
+    BrowserAnimationsModule,
+    SharedModule,
+    UpgradeOverviewModule,
+    UserUpgradeModule,
+    SiteUpgradeModule,
+    MatCheckboxModule,
+    UsersListModule,
+    UserManageModule,
+    UserDeviceManageModule,
+    FormsModule,
+    ReactiveFormsModule,
+    MatFormFieldModule,
+    MatInputModule,
+    CcReadinessModule
+  ],
+  providers: [],
+  bootstrap: [AppComponent]
+})
+export class AppModule { }

package/projects/widgets-playground/src/assets/icons/applications copy.svg

@@ -0,0 +1,6 @@
+<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.625 22.75H7.875C8.575 22.75 9.24 22.47 9.73 21.98C10.22 21.49 10.5 20.8163 10.5 20.125V14.875C10.5 14.1837 10.22 13.51 9.73 13.02C9.24 12.53 8.575 12.25 7.875 12.25H2.625C1.925 12.25 1.26 12.53 0.77 13.02C0.28 13.51 0 14.1837 0 14.875V20.125C0 20.8163 0.28 21.49 0.77 21.98C1.26 22.47 1.925 22.75 2.625 22.75ZM8.49625 14.2538C8.65375 14.42 8.75 14.6475 8.75 14.875V20.125C8.75 20.3525 8.65375 20.58 8.49625 20.7462C8.33 20.9037 8.11125 21 7.875 21H2.625C2.38875 21 2.17 20.9037 2.00375 20.7462C1.84625 20.58 1.75 20.3525 1.75 20.125V14.875C1.75 14.6475 1.84625 14.42 2.00375 14.2538C2.17 14.0963 2.38875 14 2.625 14H7.875C8.11125 14 8.33 14.0963 8.49625 14.2538Z" fill="#0F0F0F"/>
+<path d="M13.02 21.98C13.51 22.47 14.175 22.75 14.875 22.75H20.125C20.825 22.75 21.49 22.47 21.98 21.98C22.47 21.49 22.75 20.8163 22.75 20.125V14.875C22.75 14.1837 22.47 13.51 21.98 13.02C21.49 12.53 20.825 12.25 20.125 12.25H14.875C14.175 12.25 13.51 12.53 13.02 13.02C12.53 13.51 12.25 14.1837 12.25 14.875V20.125C12.25 20.8163 12.53 21.49 13.02 21.98ZM20.7462 14.2538C20.9037 14.42 21 14.6475 21 14.875V20.125C21 20.3525 20.9037 20.58 20.7462 20.7462C20.58 20.9037 20.3613 21 20.125 21H14.875C14.6387 21 14.42 20.9037 14.2538 20.7462C14.0963 20.58 14 20.3525 14 20.125V14.875C14 14.6475 14.0963 14.42 14.2538 14.2538C14.42 14.0963 14.6387 14 14.875 14H20.125C20.3613 14 20.58 14.0963 20.7462 14.2538Z" fill="#0F0F0F"/>
+<path d="M16.625 4.375V1.75C16.625 1.26875 17.0188 0.875 17.5 0.875C17.9812 0.875 18.375 1.26875 18.375 1.75V4.375H21C21.4812 4.375 21.875 4.76875 21.875 5.25C21.875 5.73125 21.4812 6.125 21 6.125H18.375V8.75C18.375 9.23125 17.9812 9.625 17.5 9.625C17.0188 9.625 16.625 9.23125 16.625 8.75V6.125H14C13.5187 6.125 13.125 5.73125 13.125 5.25C13.125 4.76875 13.5187 4.375 14 4.375H16.625Z" fill="#0F0F0F"/>
+<path d="M2.625 10.5H7.875C8.575 10.5 9.24 10.22 9.73 9.73C10.22 9.24 10.5 8.56625 10.5 7.875V2.625C10.5 1.93375 10.22 1.26 9.73 0.77C9.24 0.28 8.575 0 7.875 0H2.625C1.925 0 1.26 0.28 0.77 0.77C0.28 1.26 0 1.93375 0 2.625V7.875C0 8.56625 0.28 9.24 0.77 9.73C1.26 10.22 1.925 10.5 2.625 10.5ZM8.49625 2.00375C8.65375 2.17 8.75 2.3975 8.75 2.625V7.875C8.75 8.1025 8.65375 8.33 8.49625 8.49625C8.33 8.65375 8.11125 8.75 7.875 8.75H2.625C2.38875 8.75 2.17 8.65375 2.00375 8.49625C1.84625 8.33 1.75 8.1025 1.75 7.875V2.625C1.75 2.3975 1.84625 2.17 2.00375 2.00375C2.17 1.84625 2.38875 1.75 2.625 1.75H7.875C8.11125 1.75 8.33 1.84625 8.49625 2.00375Z" fill="#0F0F0F"/>
+</svg>

package/projects/widgets-playground/src/assets/icons/applications.svg

@@ -0,0 +1,6 @@
+<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.625 22.75H7.875C8.575 22.75 9.24 22.47 9.73 21.98C10.22 21.49 10.5 20.8163 10.5 20.125V14.875C10.5 14.1837 10.22 13.51 9.73 13.02C9.24 12.53 8.575 12.25 7.875 12.25H2.625C1.925 12.25 1.26 12.53 0.77 13.02C0.28 13.51 0 14.1837 0 14.875V20.125C0 20.8163 0.28 21.49 0.77 21.98C1.26 22.47 1.925 22.75 2.625 22.75ZM8.49625 14.2538C8.65375 14.42 8.75 14.6475 8.75 14.875V20.125C8.75 20.3525 8.65375 20.58 8.49625 20.7462C8.33 20.9037 8.11125 21 7.875 21H2.625C2.38875 21 2.17 20.9037 2.00375 20.7462C1.84625 20.58 1.75 20.3525 1.75 20.125V14.875C1.75 14.6475 1.84625 14.42 2.00375 14.2538C2.17 14.0963 2.38875 14 2.625 14H7.875C8.11125 14 8.33 14.0963 8.49625 14.2538Z" fill="#0F0F0F"/>
+<path d="M13.02 21.98C13.51 22.47 14.175 22.75 14.875 22.75H20.125C20.825 22.75 21.49 22.47 21.98 21.98C22.47 21.49 22.75 20.8163 22.75 20.125V14.875C22.75 14.1837 22.47 13.51 21.98 13.02C21.49 12.53 20.825 12.25 20.125 12.25H14.875C14.175 12.25 13.51 12.53 13.02 13.02C12.53 13.51 12.25 14.1837 12.25 14.875V20.125C12.25 20.8163 12.53 21.49 13.02 21.98ZM20.7462 14.2538C20.9037 14.42 21 14.6475 21 14.875V20.125C21 20.3525 20.9037 20.58 20.7462 20.7462C20.58 20.9037 20.3613 21 20.125 21H14.875C14.6387 21 14.42 20.9037 14.2538 20.7462C14.0963 20.58 14 20.3525 14 20.125V14.875C14 14.6475 14.0963 14.42 14.2538 14.2538C14.42 14.0963 14.6387 14 14.875 14H20.125C20.3613 14 20.58 14.0963 20.7462 14.2538Z" fill="#0F0F0F"/>
+<path d="M16.625 4.375V1.75C16.625 1.26875 17.0188 0.875 17.5 0.875C17.9812 0.875 18.375 1.26875 18.375 1.75V4.375H21C21.4812 4.375 21.875 4.76875 21.875 5.25C21.875 5.73125 21.4812 6.125 21 6.125H18.375V8.75C18.375 9.23125 17.9812 9.625 17.5 9.625C17.0188 9.625 16.625 9.23125 16.625 8.75V6.125H14C13.5187 6.125 13.125 5.73125 13.125 5.25C13.125 4.76875 13.5187 4.375 14 4.375H16.625Z" fill="#0F0F0F"/>
+<path d="M2.625 10.5H7.875C8.575 10.5 9.24 10.22 9.73 9.73C10.22 9.24 10.5 8.56625 10.5 7.875V2.625C10.5 1.93375 10.22 1.26 9.73 0.77C9.24 0.28 8.575 0 7.875 0H2.625C1.925 0 1.26 0.28 0.77 0.77C0.28 1.26 0 1.93375 0 2.625V7.875C0 8.56625 0.28 9.24 0.77 9.73C1.26 10.22 1.925 10.5 2.625 10.5ZM8.49625 2.00375C8.65375 2.17 8.75 2.3975 8.75 2.625V7.875C8.75 8.1025 8.65375 8.33 8.49625 8.49625C8.33 8.65375 8.11125 8.75 7.875 8.75H2.625C2.38875 8.75 2.17 8.65375 2.00375 8.49625C1.84625 8.33 1.75 8.1025 1.75 7.875V2.625C1.75 2.3975 1.84625 2.17 2.00375 2.00375C2.17 1.84625 2.38875 1.75 2.625 1.75H7.875C8.11125 1.75 8.33 1.84625 8.49625 2.00375Z" fill="#0F0F0F"/>
+</svg>

package/projects/widgets-playground/src/assets/icons/arrow-down-bold.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M28.708 9.293a1 1 0 0 0-1.415 0L16 20.586 4.707 9.293a1 1 0 0 0-1.414 1.414l12 12a1 1 0 0 0 1.414 0l12-12a1 1 0 0 0 0-1.414"/></svg>

package/projects/widgets-playground/src/assets/icons/audio-prompts.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.25 0C9.82718 0 7.45877 0.71845 5.44427 2.0645C3.42977 3.41054 1.85965 5.32373 0.932481 7.56213C0.00530772 9.80052 -0.237283 12.2636 0.235386 14.6399C0.708055 17.0161 1.87475 19.1989 3.58795 20.9121C5.30114 22.6253 7.48388 23.792 9.86015 24.2646C12.2364 24.7373 14.6995 24.4947 16.9379 23.5675C19.1763 22.6404 21.0895 21.0702 22.4355 19.0557C23.7816 17.0412 24.5 14.6728 24.5 12.25C24.4964 9.00222 23.2046 5.8885 20.908 3.59197C18.6115 1.29543 15.4978 0.00364298 12.25 0ZM12.25 22.75C10.1733 22.75 8.14323 22.1342 6.41652 20.9804C4.6898 19.8267 3.34399 18.1868 2.54927 16.2682C1.75455 14.3496 1.54662 12.2384 1.95176 10.2016C2.3569 8.16475 3.35693 6.29383 4.82538 4.82538C6.29384 3.35693 8.16476 2.3569 10.2016 1.95175C12.2384 1.54661 14.3496 1.75454 16.2682 2.54926C18.1868 3.34399 19.8267 4.6898 20.9804 6.41651C22.1342 8.14323 22.75 10.1733 22.75 12.25C22.747 15.0338 21.6397 17.7028 19.6713 19.6713C17.7028 21.6397 15.0338 22.747 12.25 22.75Z" fill="#0F0F0F"/>
+<path d="M16.8173 6.48303C16.6058 6.3198 16.3598 6.20726 16.098 6.15408C15.8362 6.1009 15.5657 6.10849 15.3074 6.17627L10.0523 7.53235C9.67366 7.63281 9.33965 7.85726 9.1036 8.16983C8.86754 8.48241 8.74305 8.86508 8.75001 9.25671V14.0458C8.30771 13.9555 7.84831 14.0043 7.43482 14.1854C7.02133 14.3665 6.674 14.6712 6.44047 15.0575C6.20694 15.4438 6.09864 15.8929 6.13044 16.3432C6.16223 16.7935 6.33256 17.2229 6.61805 17.5726C6.90355 17.9223 7.29023 18.175 7.72506 18.2963C8.1599 18.4175 8.62159 18.4012 9.04682 18.2497C9.47204 18.0982 9.83997 17.8188 10.1001 17.4499C10.3603 17.081 10.5 16.6406 10.5 16.1892L10.4997 16.1865L10.5 16.1849L10.4949 9.22596L15.75 7.86987V12.2941C15.3077 12.2038 14.8483 12.2526 14.4348 12.4337C14.0213 12.6148 13.674 12.9194 13.4405 13.3058C13.2069 13.6921 13.0986 14.1412 13.1304 14.5915C13.1622 15.0418 13.3326 15.4712 13.6181 15.8209C13.9035 16.1706 14.2902 16.4233 14.7251 16.5446C15.1599 16.6658 15.6216 16.6495 16.0468 16.498C16.472 16.3465 16.84 16.0671 17.1001 15.6982C17.3603 15.3293 17.5 14.8889 17.5 14.4375V7.86987C17.501 7.60169 17.4399 7.33693 17.3214 7.09632C17.203 6.85572 17.0304 6.6458 16.8173 6.48303Z" fill="#0F0F0F"/>
+</svg>

package/projects/widgets-playground/src/assets/icons/audioPrompts.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.25 0C9.82718 0 7.45877 0.71845 5.44427 2.0645C3.42977 3.41054 1.85965 5.32373 0.932481 7.56213C0.00530772 9.80052 -0.237283 12.2636 0.235386 14.6399C0.708055 17.0161 1.87475 19.1989 3.58795 20.9121C5.30114 22.6253 7.48388 23.792 9.86015 24.2646C12.2364 24.7373 14.6995 24.4947 16.9379 23.5675C19.1763 22.6404 21.0895 21.0702 22.4355 19.0557C23.7816 17.0412 24.5 14.6728 24.5 12.25C24.4964 9.00222 23.2046 5.8885 20.908 3.59197C18.6115 1.29543 15.4978 0.00364298 12.25 0ZM12.25 22.75C10.1733 22.75 8.14323 22.1342 6.41652 20.9804C4.6898 19.8267 3.34399 18.1868 2.54927 16.2682C1.75455 14.3496 1.54662 12.2384 1.95176 10.2016C2.3569 8.16475 3.35693 6.29383 4.82538 4.82538C6.29384 3.35693 8.16476 2.3569 10.2016 1.95175C12.2384 1.54661 14.3496 1.75454 16.2682 2.54926C18.1868 3.34399 19.8267 4.6898 20.9804 6.41651C22.1342 8.14323 22.75 10.1733 22.75 12.25C22.747 15.0338 21.6397 17.7028 19.6713 19.6713C17.7028 21.6397 15.0338 22.747 12.25 22.75Z" fill="#0F0F0F"/>
+<path d="M16.8173 6.48303C16.6058 6.3198 16.3598 6.20726 16.098 6.15408C15.8362 6.1009 15.5657 6.10849 15.3074 6.17627L10.0523 7.53235C9.67366 7.63281 9.33965 7.85726 9.1036 8.16983C8.86754 8.48241 8.74305 8.86508 8.75001 9.25671V14.0458C8.30771 13.9555 7.84831 14.0043 7.43482 14.1854C7.02133 14.3665 6.674 14.6712 6.44047 15.0575C6.20694 15.4438 6.09864 15.8929 6.13044 16.3432C6.16223 16.7935 6.33256 17.2229 6.61805 17.5726C6.90355 17.9223 7.29023 18.175 7.72506 18.2963C8.1599 18.4175 8.62159 18.4012 9.04682 18.2497C9.47204 18.0982 9.83997 17.8188 10.1001 17.4499C10.3603 17.081 10.5 16.6406 10.5 16.1892L10.4997 16.1865L10.5 16.1849L10.4949 9.22596L15.75 7.86987V12.2941C15.3077 12.2038 14.8483 12.2526 14.4348 12.4337C14.0213 12.6148 13.674 12.9194 13.4405 13.3058C13.2069 13.6921 13.0986 14.1412 13.1304 14.5915C13.1622 15.0418 13.3326 15.4712 13.6181 15.8209C13.9035 16.1706 14.2902 16.4233 14.7251 16.5446C15.1599 16.6658 15.6216 16.6495 16.0468 16.498C16.472 16.3465 16.84 16.0671 17.1001 15.6982C17.3603 15.3293 17.5 14.8889 17.5 14.4375V7.86987C17.501 7.60169 17.4399 7.33693 17.3214 7.09632C17.203 6.85572 17.0304 6.6458 16.8173 6.48303Z" fill="#0F0F0F"/>
+</svg>

package/projects/widgets-playground/src/assets/icons/contactServiceQueues.svg

@@ -0,0 +1,3 @@
+<svg width="25" height="20" viewBox="0 0 25 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.125 0H4.375C3.2151 0.00136165 2.10309 0.462735 1.28291 1.28291C0.462735 2.10309 0.00136165 3.2151 0 4.375V14.875C0.00136165 16.0349 0.462735 17.1469 1.28291 17.9671C2.10309 18.7873 3.2151 19.2486 4.375 19.25H20.125C21.2849 19.2486 22.3969 18.7873 23.2171 17.9671C24.0373 17.1469 24.4986 16.0349 24.5 14.875V4.375C24.4986 3.2151 24.0373 2.10309 23.2171 1.28291C22.3969 0.462738 21.2849 0.00136396 20.125 0ZM4.375 17.5C3.67904 17.4992 3.0118 17.2224 2.51968 16.7303C2.02757 16.2382 1.75076 15.571 1.75 14.875V4.375C1.75076 3.67904 2.02757 3.0118 2.51968 2.51968C3.0118 2.02757 3.67904 1.75076 4.375 1.75H7.875V17.5H4.375ZM9.625 17.5V1.75H14.875V17.5H9.625ZM22.75 14.875C22.7492 15.571 22.4724 16.2382 21.9803 16.7303C21.4882 17.2224 20.821 17.4992 20.125 17.5H16.625V1.75H20.125C20.821 1.75076 21.4882 2.02757 21.9803 2.51968C22.4724 3.0118 22.7492 3.67904 22.75 4.375V14.875Z" fill="#0F0F0F"/>
+</svg>

package/projects/widgets-playground/src/assets/icons/copy-regular.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M23 2.25h-8A4.756 4.756 0 0 0 10.25 7v.25H9A4.755 4.755 0 0 0 4.25 12v13.005A4.756 4.756 0 0 0 9 29.755h8a4.755 4.755 0 0 0 4.75-4.75v-.252H23a4.756 4.756 0 0 0 4.75-4.75V7A4.755 4.755 0 0 0 23 2.25m-2.75 22.755a3.254 3.254 0 0 1-3.25 3.25H9a3.254 3.254 0 0 1-3.25-3.25V12A3.254 3.254 0 0 1 9 8.75h8A3.254 3.254 0 0 1 20.25 12zm6-5.002a3.254 3.254 0 0 1-3.25 3.25h-1.25V12A4.755 4.755 0 0 0 17 7.25h-5.25V7A3.254 3.254 0 0 1 15 3.75h8A3.254 3.254 0 0 1 26.25 7z"/></svg>

package/projects/widgets-playground/src/assets/icons/csqs.svg

@@ -0,0 +1,3 @@
+<svg width="25" height="20" viewBox="0 0 25 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.125 0H4.375C3.2151 0.00136165 2.10309 0.462735 1.28291 1.28291C0.462735 2.10309 0.00136165 3.2151 0 4.375V14.875C0.00136165 16.0349 0.462735 17.1469 1.28291 17.9671C2.10309 18.7873 3.2151 19.2486 4.375 19.25H20.125C21.2849 19.2486 22.3969 18.7873 23.2171 17.9671C24.0373 17.1469 24.4986 16.0349 24.5 14.875V4.375C24.4986 3.2151 24.0373 2.10309 23.2171 1.28291C22.3969 0.462738 21.2849 0.00136396 20.125 0ZM4.375 17.5C3.67904 17.4992 3.0118 17.2224 2.51968 16.7303C2.02757 16.2382 1.75076 15.571 1.75 14.875V4.375C1.75076 3.67904 2.02757 3.0118 2.51968 2.51968C3.0118 2.02757 3.67904 1.75076 4.375 1.75H7.875V17.5H4.375ZM9.625 17.5V1.75H14.875V17.5H9.625ZM22.75 14.875C22.7492 15.571 22.4724 16.2382 21.9803 16.7303C21.4882 17.2224 20.821 17.4992 20.125 17.5H16.625V1.75H20.125C20.821 1.75076 21.4882 2.02757 21.9803 2.51968C22.4724 3.0118 22.7492 3.67904 22.75 4.375V14.875Z" fill="#0F0F0F"/>
+</svg>

package/projects/widgets-playground/src/assets/icons/info-circle-regular.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M15.75 10.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2M16.75 14.5a.75.75 0 0 0-.75-.75h-2a.75.75 0 0 0 0 1.5h1.25v7H13a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5h-2.25zM2.25 16C2.25 8.406 8.406 2.25 16 2.25S29.75 8.406 29.75 16 23.594 29.75 16 29.75 2.25 23.594 2.25 16M16 3.75C9.235 3.75 3.75 9.235 3.75 16S9.235 28.25 16 28.25 28.25 22.765 28.25 16 22.765 3.75 16 3.75"/></svg>

package/projects/widgets-playground/src/assets/icons/mt.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.50125 6.55774C7.15425 6.55774 6.859 6.67916 6.6155 6.92199C6.37183 7.16482 6.25 7.45966 6.25 7.80649C6.25 8.15349 6.37142 8.44874 6.61425 8.69224C6.85708 8.93591 7.15192 9.05774 7.49875 9.05774C7.84575 9.05774 8.141 8.93632 8.3845 8.69349C8.62817 8.45066 8.75 8.15574 8.75 7.80874C8.75 7.46191 8.62858 7.16666 8.38575 6.92299C8.14292 6.67949 7.84808 6.55774 7.50125 6.55774ZM7.50125 15.9422C7.15425 15.9422 6.859 16.0637 6.6155 16.3065C6.37183 16.5493 6.25 16.8442 6.25 17.1912C6.25 17.5381 6.37142 17.8333 6.61425 18.077C6.85708 18.3205 7.15192 18.4422 7.49875 18.4422C7.84575 18.4422 8.141 18.3208 8.3845 18.078C8.62817 17.8352 8.75 17.5403 8.75 17.1935C8.75 16.8465 8.62858 16.5512 8.38575 16.3077C8.14292 16.0641 7.84808 15.9422 7.50125 15.9422ZM4.38475 3.80774H19.6152C19.8659 3.80774 20.0761 3.89232 20.2458 4.06149C20.4153 4.23049 20.5 4.43999 20.5 4.68999V10.8652C20.5 11.1359 20.4153 11.3607 20.2458 11.5395C20.0761 11.7183 19.8659 11.8077 19.6152 11.8077H4.38475C4.13408 11.8077 3.92392 11.7183 3.75425 11.5395C3.58475 11.3607 3.5 11.1359 3.5 10.8652V4.68999C3.5 4.43999 3.58475 4.23049 3.75425 4.06149C3.92392 3.89232 4.13408 3.80774 4.38475 3.80774ZM5 5.30774V10.3077H19V5.30774H5ZM4.38475 13.1922H19.596C19.8602 13.1922 20.0768 13.2807 20.246 13.4577C20.4153 13.6346 20.5 13.8538 20.5 14.1155V20.2307C20.5 20.5141 20.4153 20.7452 20.246 20.924C20.0768 21.1028 19.8602 21.1922 19.596 21.1922H4.404C4.13983 21.1922 3.92317 21.1028 3.754 20.924C3.58467 20.7452 3.5 20.5141 3.5 20.2307V14.1155C3.5 13.8538 3.58142 13.6346 3.74425 13.4577C3.90708 13.2807 4.12058 13.1922 4.38475 13.1922ZM5 14.6922V19.6922H19V14.6922H5Z" fill="#333333"/>
+</svg>

package/projects/widgets-playground/src/assets/icons/phone-books.svg

@@ -0,0 +1,6 @@
+<svg width="21" height="25" viewBox="0 0 21 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.625 0H4.375C3.2151 0.00136396 2.10309 0.462738 1.28291 1.28291C0.462738 2.10309 0.00136396 3.2151 0 4.375V20.125C0.00136396 21.2849 0.462738 22.3969 1.28291 23.2171C2.10309 24.0373 3.2151 24.4986 4.375 24.5H16.625C17.7849 24.4986 18.8969 24.0373 19.7171 23.2171C20.5373 22.3969 20.9986 21.2849 21 20.125V4.375C20.9986 3.2151 20.5373 2.10309 19.7171 1.28291C18.8969 0.462735 17.7849 0.00136165 16.625 0ZM19.25 20.125C19.2492 20.821 18.9724 21.4882 18.4803 21.9803C17.9882 22.4724 17.321 22.7492 16.625 22.75H4.375C3.67904 22.7492 3.0118 22.4724 2.51968 21.9803C2.02757 21.4882 1.75076 20.821 1.75 20.125V4.375C1.75076 3.67904 2.02757 3.0118 2.51968 2.51968C3.0118 2.02757 3.67904 1.75076 4.375 1.75H16.625C17.321 1.75076 17.9882 2.02757 18.4803 2.51968C18.9724 3.0118 19.2492 3.67904 19.25 4.375V20.125Z" fill="#0F0F0F"/>
+<path d="M15.75 10.5H5.25C5.01794 10.5 4.79538 10.5922 4.63128 10.7563C4.46719 10.9204 4.375 11.1429 4.375 11.375C4.375 11.6071 4.46719 11.8296 4.63128 11.9937C4.79538 12.1578 5.01794 12.25 5.25 12.25H15.75C15.9821 12.25 16.2046 12.1578 16.3687 11.9937C16.5328 11.8296 16.625 11.6071 16.625 11.375C16.625 11.1429 16.5328 10.9204 16.3687 10.7563C16.2046 10.5922 15.9821 10.5 15.75 10.5Z" fill="#0F0F0F"/>
+<path d="M15.75 14H5.25C5.01794 14 4.79538 14.0922 4.63128 14.2563C4.46719 14.4204 4.375 14.6429 4.375 14.875C4.375 15.1071 4.46719 15.3296 4.63128 15.4937C4.79538 15.6578 5.01794 15.75 5.25 15.75H15.75C15.9821 15.75 16.2046 15.6578 16.3687 15.4937C16.5328 15.3296 16.625 15.1071 16.625 14.875C16.625 14.6429 16.5328 14.4204 16.3687 14.2563C16.2046 14.0922 15.9821 14 15.75 14Z" fill="#0F0F0F"/>
+<path d="M11.375 17.5H5.25171C5.01964 17.5 4.79708 17.5922 4.63299 17.7563C4.46889 17.9204 4.37671 18.1429 4.37671 18.375C4.37671 18.6071 4.46889 18.8296 4.63299 18.9937C4.79708 19.1578 5.01964 19.25 5.25171 19.25H11.375C11.6071 19.25 11.8296 19.1578 11.9937 18.9937C12.1578 18.8296 12.25 18.6071 12.25 18.375C12.25 18.1429 12.1578 17.9204 11.9937 17.7563C11.8296 17.5922 11.6071 17.5 11.375 17.5Z" fill="#0F0F0F"/>
+</svg>

package/projects/widgets-playground/src/assets/icons/phonebooks.svg

@@ -0,0 +1,6 @@
+<svg width="21" height="25" viewBox="0 0 21 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.625 0H4.375C3.2151 0.00136396 2.10309 0.462738 1.28291 1.28291C0.462738 2.10309 0.00136396 3.2151 0 4.375V20.125C0.00136396 21.2849 0.462738 22.3969 1.28291 23.2171C2.10309 24.0373 3.2151 24.4986 4.375 24.5H16.625C17.7849 24.4986 18.8969 24.0373 19.7171 23.2171C20.5373 22.3969 20.9986 21.2849 21 20.125V4.375C20.9986 3.2151 20.5373 2.10309 19.7171 1.28291C18.8969 0.462735 17.7849 0.00136165 16.625 0ZM19.25 20.125C19.2492 20.821 18.9724 21.4882 18.4803 21.9803C17.9882 22.4724 17.321 22.7492 16.625 22.75H4.375C3.67904 22.7492 3.0118 22.4724 2.51968 21.9803C2.02757 21.4882 1.75076 20.821 1.75 20.125V4.375C1.75076 3.67904 2.02757 3.0118 2.51968 2.51968C3.0118 2.02757 3.67904 1.75076 4.375 1.75H16.625C17.321 1.75076 17.9882 2.02757 18.4803 2.51968C18.9724 3.0118 19.2492 3.67904 19.25 4.375V20.125Z" fill="#0F0F0F"/>
+<path d="M15.75 10.5H5.25C5.01794 10.5 4.79538 10.5922 4.63128 10.7563C4.46719 10.9204 4.375 11.1429 4.375 11.375C4.375 11.6071 4.46719 11.8296 4.63128 11.9937C4.79538 12.1578 5.01794 12.25 5.25 12.25H15.75C15.9821 12.25 16.2046 12.1578 16.3687 11.9937C16.5328 11.8296 16.625 11.6071 16.625 11.375C16.625 11.1429 16.5328 10.9204 16.3687 10.7563C16.2046 10.5922 15.9821 10.5 15.75 10.5Z" fill="#0F0F0F"/>
+<path d="M15.75 14H5.25C5.01794 14 4.79538 14.0922 4.63128 14.2563C4.46719 14.4204 4.375 14.6429 4.375 14.875C4.375 15.1071 4.46719 15.3296 4.63128 15.4937C4.79538 15.6578 5.01794 15.75 5.25 15.75H15.75C15.9821 15.75 16.2046 15.6578 16.3687 15.4937C16.5328 15.3296 16.625 15.1071 16.625 14.875C16.625 14.6429 16.5328 14.4204 16.3687 14.2563C16.2046 14.0922 15.9821 14 15.75 14Z" fill="#0F0F0F"/>
+<path d="M11.375 17.5H5.25171C5.01964 17.5 4.79708 17.5922 4.63299 17.7563C4.46889 17.9204 4.37671 18.1429 4.37671 18.375C4.37671 18.6071 4.46889 18.8296 4.63299 18.9937C4.79708 19.1578 5.01964 19.25 5.25171 19.25H11.375C11.6071 19.25 11.8296 19.1578 11.9937 18.9937C12.1578 18.8296 12.25 18.6071 12.25 18.375C12.25 18.1429 12.1578 17.9204 11.9937 17.7563C11.8296 17.5922 11.6071 17.5 11.375 17.5Z" fill="#0F0F0F"/>
+</svg>