@skysoftware-co/bayan-hr-widgets-ui 2.0.27 → 2.0.28

package/src/lib/my-profile/official-documents-widget/my-profile-official-documents-widget.ts

@@ -1,119 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, OnInit, inject, input, output, signal } from '@angular/core';
-import { SkyEmptyDesignCardComponent, SkySectionDividerComponent } from '@skysoftware-co/sky-components-ui';
-import { faFileLines, faFolderArrowDown } from '@fortawesome/pro-light-svg-icons';
-import { faEye } from '@fortawesome/pro-regular-svg-icons';
-import { HRSelfWidgetsService } from '../../services/hr-self-widgets.service';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { IconDefinition } from '@fortawesome/angular-fontawesome';
-import { HRDocumentCardComponent } from '../documents-widgets/components/document-card/document-card.component';
-import { HrDocumentTabletCardComponent } from '../documents-widgets/components/document-tablet-card/document-tablet-card.component';
-import { HRTranslatePipe } from '../../shared/pipes/translate.pipe';
-
-@Component({
-  selector: 'hr-my-profile-personal-documents-widget',
-  standalone: true,
-  imports: [
-    CommonModule,
-    SkySectionDividerComponent,
-    HRTranslatePipe,
-    SkyEmptyDesignCardComponent,
-    FontAwesomeModule,
-    HRDocumentCardComponent,
-    HrDocumentTabletCardComponent,
-  ],
-  templateUrl: './my-profile-official-documents-widget.html',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class MyProfilePersonalDocumentsWidgetComponent implements OnInit {
-  readonly documents = signal<any[]>([]);
-  readonly isLoading = signal(true);
-
-  readonly baseUrl = input<string>('');
-  readonly employeeName = input<string>('');
-  readonly sectionTitle = input<string>('EmployeeDocuments');
-  readonly icon = input(faFileLines);
-  readonly viewIcon = input<IconDefinition>(faEye);
-  readonly downloadIcon = input(faFolderArrowDown);
-  readonly headerIconClass = input<string>('primary-icon-xl');
-  readonly headerTextClass = input<string>('fs-16 mt-2 text-secondary');
-  readonly headerDividerClass = input<string>('flex-grow-1 ms-2');
-  readonly valueClass = input<string>('text-dark-gray fs-14 text-break');
-  readonly viewIconClass = input<string>('fs-15 text-dark cursor-pointer');
-  readonly downloadIconClass = input<string>('fs-15 text-dark cursor-pointer');
-  readonly emptyStateContainerClass = input<string>(
-    'd-flex flex-column justify-content-center align-items-center my-5',
-  );
-  readonly emptyStateTextClass = input<string>('field-secondary-label-md');
-  readonly cardClass = input<string>('mt-4 card-shadow position-relative p-4');
-  readonly topSpacingColClass = input<string>('col-md-3 col-6 mt-4');
-  readonly titleContainerClass = input<string>('mb-3');
-  readonly titleClass = input<string>('text-dark fs-16 mb-0');
-  readonly labelClass = input<string>('field-secondary-label-sm mb-1');
-  readonly actionsColumnClass = input<string>('col-2 d-flex flex-column mt-3');
-  readonly rowClass = input<string>('row');
-  readonly dataColClass = input<string>('col-10');
-  readonly dataColSpacingClass = input<string>('mt-2');
-  readonly dataRowClass = input<string>('row align-items-center py-1 gx-0');
-  readonly typeColClass = input<string>('col-3');
-  readonly numberColClass = input<string>('col-3');
-  readonly issueDateColClass = input<string>('col-3');
-  readonly expiryDateColClass = input<string>('col-3');
-  readonly actionsColClass = input<string>('col-2 d-flex align-items-center');
-  readonly actionsWrapperClass = input<string>('d-flex align-items-center gap-2');
-  readonly downloadContainerClass = input<string>(
-    'bg-light-gray rounded-3 d-flex align-items-center justify-content-center px-1 cursor-pointer',
-  );
-
-  readonly tabletContainerClass = input<string>('mt-3');
-  readonly tabletCardClass = input<string>('row px-4 py-3 card-shadow');
-  readonly tabletCardHeight = input<string>('175px');
-  readonly tabletColWithAttachmentClass = input<string>('col-5');
-  readonly tabletColWithoutAttachmentClass = input<string>('col-6');
-  readonly tabletActionsColClass = input<string>('col-1 d-flex align-items-center');
-  readonly tabletBottomRowSpacingClass = input<string>('mt-4');
-  readonly tabletDownloadCountClass = input<string>('text-dark fs-12 fw-bold ps-2');
-
-  readonly isMobile = input<boolean>(false);
-  readonly isTablet = input<boolean>(false);
-
-  readonly isLoadingChanged = output<boolean>();
-  readonly attachmentViewed = output<any>();
-  readonly attachmentDownloaded = output<any>();
-  readonly errorOccurred = output<string>();
-
-  private readonly service = inject(HRSelfWidgetsService);
-
-  ngOnInit(): void {
-    if (!this.baseUrl()) {
-      this.isLoading.set(false);
-      return;
-    }
-    this.isLoadingChanged.emit(true);
-    this.service.getPersonalDocuments(this.baseUrl()).subscribe({
-      next: (res: any) => {
-        this.documents.set(res ?? []);
-        this.isLoading.set(false);
-        this.isLoadingChanged.emit(false);
-      },
-      error: (error: any) => {
-        this.documents.set([]);
-        this.isLoading.set(false);
-        this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
-        this.isLoadingChanged.emit(false);
-      },
-    });
-  }
-
-  onAttachmentView(doc: any): void {
-    if (doc.Attachments?.length) {
-      this.attachmentViewed.emit(doc.Attachments[0]);
-    }
-  }
-
-  onDownload(doc: any): void {
-    const attachments = doc.Attachments ?? [];
-    if (!attachments.length) return;
-    this.attachmentDownloaded.emit(attachments);
-  }
-}

package/src/lib/my-profile/other-nationalities-widget/my-profile-other-nationalities-widget.component.html

@@ -1,23 +0,0 @@
-<sky-section-divider
-  [fontAwesomeIcon]="otherNationalitiesIcon()"
-  [text]="sectionTitle() | translate | uppercase"
-  [iconClass]="headerIconClass()"
-  [textClass]="headerTextClass()"
-  [dividerClass]="headerDividerClass()"
-></sky-section-divider>
-
-@if ((personalInfo()?.length ?? 0) > 0) {
-  <div [ngClass]="contentTextClass()">
-    {{ getOtherNationalities() }}
-  </div>
-} @else {
-  <sky-empty-design-card
-    [visibleIcon]="false"
-    [visibleQuickAction]="false"
-    [containerClass]="emptyStateContainerClass()"
-    [cardBodyClass]="''"
-    [cardBodyContainerClass]="''"
-    [emptyTextClass]="emptyStateTextClass()"
-    [emptyText]="isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : (emptyStateTextKey() | translate)"
-  ></sky-empty-design-card>
-}

package/src/lib/my-profile/other-nationalities-widget/my-profile-other-nationalities-widget.component.ts

@@ -1,70 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, OnInit, inject, input, output, signal } from '@angular/core';
-import { faEarthAfrica } from '@fortawesome/pro-light-svg-icons';
-import { HRTranslatePipe } from '../../shared/pipes/translate.pipe';
-import { SkyEmptyDesignCardComponent, SkySectionDividerComponent } from '@skysoftware-co/sky-components-ui';
-import { HRSelfWidgetsService } from '../../services/hr-self-widgets.service';
-
-@Component({
-  selector: 'hr-my-profile-other-nationalities-widget',
-  standalone: true,
-  imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent, SkyEmptyDesignCardComponent],
-  templateUrl: './my-profile-other-nationalities-widget.component.html',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class MyProfileOtherNationalitiesWidgetComponent implements OnInit {
-  readonly personalInfo = signal<string[] | null>(null);
-  readonly isLoading = signal(true);
-  readonly baseUrl = input.required<string>();
-  readonly headerIconClass = input<string>('primary-icon-xl');
-  readonly headerTextClass = input<string>('fs-16 mt-2 text-secondary');
-  readonly headerDividerClass = input<string>('flex-grow-1 ms-2');
-  readonly contentTextClass = input<string>('text-dark-gray fs-14 fw-medium mt-4');
-  readonly emptyStateContainerClass = input<string>(
-    'd-flex flex-column justify-content-center align-items-center my-5',
-  );
-  readonly emptyStateTextClass = input<string>('field-secondary-label-md');
-  readonly emptyStateTextKey = input<string>('ThereIsNoOtherNationalitiesYet');
-  readonly hasDataChange = output<boolean>();
-  readonly isLoadingChanged = output<boolean>();
-  readonly errorOccurred = output<string>();
-
-  readonly otherNationalitiesIcon = input(faEarthAfrica);
-  readonly sectionTitle = input('otherNationalities');
-
-  private readonly hrSelfWidgetsService = inject(HRSelfWidgetsService);
-
-  ngOnInit(): void {
-    if (!this.baseUrl()) {
-      this.isLoading.set(false);
-      this.emitHasData();
-      return;
-    }
-
-    this.isLoadingChanged.emit(true);
-
-    this.hrSelfWidgetsService.getPersonalInfoOtherNationalities(this.baseUrl()).subscribe({
-      next: response => {
-        this.isLoading.set(false);
-        this.isLoadingChanged.emit(false);
-        this.personalInfo.set(response ?? []);
-        this.emitHasData();
-      },
-      error: error => {
-        this.isLoading.set(false);
-        this.isLoadingChanged.emit(false);
-        this.personalInfo.set([]);
-        this.emitHasData();
-        this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
-      },
-    });
-  }
-
-  private emitHasData(): void {
-    this.hasDataChange.emit((this.personalInfo()?.length ?? 0) > 0);
-  }
-
-  getOtherNationalities(): string {
-    return this.personalInfo()?.join(', ') || '-';
-  }
-}

package/src/lib/my-profile/personal-info-main-widget/my-profile-personal-info-main-widget.component.html

@@ -1,115 +0,0 @@
-<sky-section-divider
-  [fontAwesomeIcon]="mainIcon()"
-  [text]="sectionTitle() | translate | uppercase"
-  [iconClass]="headerIconClass()"
-  [textClass]="headerTextClass()"
-  [dividerClass]="headerDividerClass()"
-></sky-section-divider>
-
-@if (employeePersonalInformation()) {
-  <div [ngClass]="rowClass()">
-    <div [ngClass]="columnClass()">
-      <hr-info-field
-        [labelKey]="'Name'"
-        [value]="employeePersonalInformation()!.EmployeeName"
-        [labelClass]="labelClass()"
-        [valueClass]="valueClass()"
-      ></hr-info-field>
-    </div>
-    <div [ngClass]="columnClass()">
-      <div [ngClass]="labelClass()">{{ 'Name' | translate }} ({{ alternateLanguage() }})</div>
-      @if (employeePersonalInformation()!.EmployeeNameAlternate) {
-        <div [ngClass]="valueClass()">{{ employeePersonalInformation()!.EmployeeNameAlternate }}</div>
-      } @else {
-        <div [ngClass]="valueClass()">{{ '—' }}</div>
-      }
-    </div>
-
-    <div [ngClass]="hiddenSpacerColClass()"></div>
-
-    <div [ngClass]="topSpacingColumnClass()">
-      <hr-info-field
-        [labelKey]="'Nationality'"
-        [value]="employeePersonalInformation()!.NationalityName"
-        [labelClass]="labelClass()"
-        [valueClass]="valueClass()"
-      ></hr-info-field>
-    </div>
-    <div [ngClass]="topSpacingColumnClass()">
-      <hr-info-field
-        [labelKey]="'NationalNumber'"
-        [value]="employeePersonalInformation()!.NationalNumber"
-        [labelClass]="labelClass()"
-        [valueClass]="valueClass()"
-      ></hr-info-field>
-    </div>
-    <div [ngClass]="topSpacingColumnClass()">
-      <hr-info-field
-        [labelKey]="'SocialSecurityNumber'"
-        [value]="employeePersonalInformation()!.SocialSecurityNumber"
-        [labelClass]="labelClass()"
-        [valueClass]="valueClass()"
-      ></hr-info-field>
-    </div>
-
-    <div [ngClass]="topSpacingColumnClass()">
-      <hr-info-field
-        [labelKey]="'MaritalStatus'"
-        [value]="employeePersonalInformation()!.MaritalStateName"
-        [labelClass]="labelClass()"
-        [valueClass]="valueClass()"
-      ></hr-info-field>
-    </div>
-    <div [ngClass]="topSpacingColumnClass()">
-      <hr-info-field
-        [labelKey]="'BirthDate'"
-        [value]="employeePersonalInformation()!.BirthDate ? (employeePersonalInformation()!.BirthDate | date: 'dd/MM/yyyy') : null"
-        [labelClass]="labelClass()"
-        [valueClass]="valueClass()"
-      ></hr-info-field>
-    </div>
-    <div [ngClass]="topSpacingColumnClass()">
-      <hr-info-field
-        [labelKey]="'BirthPlace'"
-        [value]="employeePersonalInformation()!.BirthPlace"
-        [labelClass]="labelClass()"
-        [valueClass]="valueClass()"
-      ></hr-info-field>
-    </div>
-
-    <div [ngClass]="topSpacingBottomMdSpacingColumnClass()">
-      <hr-info-field
-        [labelKey]="'BloodType'"
-        [value]="employeePersonalInformation()!.BloodTypeCode"
-        [labelClass]="labelClass()"
-        [valueClass]="valueClass()"
-      ></hr-info-field>
-    </div>
-    <div [ngClass]="topSpacingBottomMdSpacingColumnClass()">
-      <hr-info-field
-        [labelKey]="'Religion'"
-        [value]="employeePersonalInformation()!.ReligionName"
-        [labelClass]="labelClass()"
-        [valueClass]="valueClass()"
-      ></hr-info-field>
-    </div>
-    <div [ngClass]="topSpacingBottomSpacingColumnClass()">
-      <hr-info-field
-        [labelKey]="'MinistryOfLaborNumber'"
-        [value]="employeePersonalInformation()!.MinistryOfLaborNumber"
-        [labelClass]="labelClass()"
-        [valueClass]="valueClass()"
-      ></hr-info-field>
-    </div>
-  </div>
-} @else {
-  <sky-empty-design-card
-    [visibleIcon]="false"
-    [visibleQuickAction]="false"
-    [containerClass]="emptyStateContainerClass()"
-    [cardBodyClass]="''"
-    [cardBodyContainerClass]="''"
-    [emptyTextClass]="emptyStateTextClass()"
-    [emptyText]="isLoading() ? (sectionTitle() | translate) + ' ' + ('IsLoading' | translate) : ('ThereIsNoMainYet' | translate)"
-  ></sky-empty-design-card>
-}

package/src/lib/my-profile/personal-info-main-widget/my-profile-personal-info-main-widget.component.ts

@@ -1,75 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, OnInit, inject, input, output, signal } from '@angular/core';
-import { faMemoCircleInfo } from '@fortawesome/pro-light-svg-icons';
-import { HRTranslatePipe } from '../../shared/pipes/translate.pipe';
-import { SkyEmptyDesignCardComponent, SkySectionDividerComponent } from '@skysoftware-co/sky-components-ui';
-import { PersonalInfoMainDetails } from '../../shared/types/common';
-import { HRSelfWidgetsService } from '../../services/hr-self-widgets.service';
-import { HRInfoFieldComponent } from '../../shared/components/info-field/info-field.component';
-
-@Component({
-  selector: 'hr-my-profile-personal-info-main-widget',
-  standalone: true,
-  imports: [
-    CommonModule,
-    HRTranslatePipe,
-    SkySectionDividerComponent,
-    SkyEmptyDesignCardComponent,
-    HRInfoFieldComponent,
-  ],
-  templateUrl: './my-profile-personal-info-main-widget.component.html',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class ProfilePersonalInfoMainWidgetComponent implements OnInit {
-  readonly employeePersonalInformation = signal<PersonalInfoMainDetails | null>(null);
-  readonly isLoading = signal(true);
-  readonly baseUrl = input.required<string>();
-  readonly alternateLanguage = input<string>('English');
-
-  readonly headerIconClass = input<string>('primary-icon-xl');
-  readonly headerTextClass = input<string>('mt-2 field-secondary-label-lg');
-  readonly headerDividerClass = input<string>('flex-grow-1 ms-2');
-
-  readonly rowClass = input<string>('row mt-4');
-  readonly columnClass = input<string>('col-md-4 col-6');
-  readonly hiddenSpacerColClass = input<string>('col-md-4 col-6 d-md-block d-none');
-  readonly topSpacingColumnClass = input<string>('col-md-4 col-6 mt-4');
-  readonly topSpacingBottomMdSpacingColumnClass = input<string>('col-md-4 col-6 mt-4 mb-md-5');
-  readonly topSpacingBottomSpacingColumnClass = input<string>('col-md-4 col-6 mt-4 mb-5');
-  readonly labelClass = input<string>('field-secondary-label-sm');
-  readonly valueClass = input<string>('fs-14 fw-medium text-ellipsis-one-line');
-  readonly emptyStateContainerClass = input<string>(
-    'd-flex flex-column justify-content-center align-items-center my-5',
-  );
-  readonly emptyStateTextClass = input<string>('field-secondary-label-md');
-
-  readonly mainIcon = input(faMemoCircleInfo);
-  readonly sectionTitle = input('main');
-
-  readonly isLoadingChanged = output<boolean>();
-  readonly errorOccurred = output<string>();
-
-  private readonly hrSelfWidgetsService = inject(HRSelfWidgetsService);
-
-  ngOnInit(): void {
-    if (!this.baseUrl()) {
-      this.isLoading.set(false);
-      return;
-    }
-    this.isLoadingChanged.emit(true);
-
-    this.hrSelfWidgetsService.getPersonalInfoMainDetails(this.baseUrl()).subscribe({
-      next: response => {
-        this.isLoading.set(false);
-        this.isLoadingChanged.emit(false);
-        this.employeePersonalInformation.set(response);
-      },
-      error: error => {
-        this.isLoading.set(false);
-        this.isLoadingChanged.emit(false);
-        this.employeePersonalInformation.set(null);
-        this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
-      },
-    });
-  }
-}

package/src/lib/my-profile/salary-widget/my-profile-salary-widget.component.html

@@ -1,37 +0,0 @@
-@if (jobInformationSalary()) {
-  <sky-section-divider
-    [fontAwesomeIcon]="salaryIcon()"
-    [text]="sectionTitle() | translate | uppercase"
-    [iconClass]="headerIconClass()"
-    [textClass]="headerTextClass()"
-    [dividerClass]="headerDividerClass()"
-  ></sky-section-divider>
-
-  <div [ngClass]="rowClass()">
-    <div [ngClass]="columnClass()">
-      <div [ngClass]="labelClass()">{{ 'BasicSalary' | translate }}</div>
-      <div [ngClass]="valueClass()">
-        {{ formatAmount(basicSalary) }}
-        <span [ngClass]="currencyClass()">{{ currencyCode() }}</span>
-      </div>
-    </div>
-
-    @for (allowance of allowances; track allowance) {
-      <div [ngClass]="columnClass()">
-        <div [ngClass]="labelClass()">{{ allowance.AllowanceName }}</div>
-        <div [ngClass]="valueClass()">
-          {{ formatAmount(allowance.AllowanceAmount) }}
-          <span [ngClass]="currencyClass()">{{ currencyCode() }}</span>
-        </div>
-      </div>
-    }
-
-    <div [ngClass]="grossSalaryColumnClass()">
-      <div [ngClass]="labelClass()">{{ 'GrossSalary' | translate }}</div>
-      <div [ngClass]="valueClass()">
-        {{ formatAmount(jobInformationSalary()!.GrossSalary) }}
-        <span [ngClass]="currencyClass()">{{ currencyCode() }}</span>
-      </div>
-    </div>
-  </div>
-}

package/src/lib/my-profile/salary-widget/my-profile-salary-widget.component.ts

@@ -1,85 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, OnInit, inject, input, output, signal } from '@angular/core';
-import { faSackDollar } from '@fortawesome/pro-light-svg-icons';
-import { SkySectionDividerComponent } from '@skysoftware-co/sky-components-ui';
-import { HRSelfWidgetsService } from '../../services/hr-self-widgets.service';
-import { HRTranslatePipe } from '../../shared/pipes/translate.pipe';
-import { HRCommonMethodsService } from '../../shared/services/common-methods.service';
-import { Allowances, JobInformationSalary } from '../../shared/types/common';
-
-@Component({
-  selector: 'hr-my-profile-salary-widget',
-  standalone: true,
-  imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent],
-  templateUrl: './my-profile-salary-widget.component.html',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class MyProfileSalaryWidgetComponent implements OnInit {
-  readonly jobInformationSalary = signal<JobInformationSalary | null>(null);
-  readonly isLoading = signal(true);
-
-  readonly baseUrl = input.required<string>();
-  readonly currencyCode = input<string>('');
-  readonly currencyDecimals = input<number>(2);
-  readonly headerIconClass = input<string>('primary-icon-xl');
-  readonly headerTextClass = input<string>('mt-2 field-secondary-label-lg');
-  readonly headerDividerClass = input<string>('flex-grow-1 ms-2');
-  readonly rowClass = input<string>('row mt-4');
-  readonly columnClass = input<string>('col-md-4 col-6 mt-4');
-  readonly grossSalaryColumnClass = input<string>('col-md-4 col-6 my-4');
-  readonly labelClass = input<string>('field-secondary-label-sm');
-  readonly valueClass = input<string>('fs-14 fw-medium text-ellipsis-one-line');
-  readonly currencyClass = input<string>('fs-10 text-secondary fw-light');
-  readonly emptyStateContainerClass = input<string>(
-    'd-flex flex-column justify-content-center align-items-center my-5',
-  );
-  readonly emptyStateTextClass = input<string>('field-secondary-label-md');
-
-  readonly salaryIcon = input(faSackDollar);
-  readonly sectionTitle = input('Salary');
-
-  readonly isLoadingChanged = output<boolean>();
-  readonly errorOccurred = output<string>();
-
-  private readonly hrSelfWidgetsService = inject(HRSelfWidgetsService);
-  private readonly commonMethodsService = inject(HRCommonMethodsService);
-
-  ngOnInit(): void {
-    if (!this.baseUrl()) {
-      this.isLoading.set(false);
-      return;
-    }
-
-    this.isLoadingChanged.emit(true);
-
-    this.hrSelfWidgetsService.getJobInformationSalary(this.baseUrl()).subscribe({
-      next: response => {
-        this.isLoading.set(false);
-        this.jobInformationSalary.set(response);
-        this.isLoadingChanged.emit(false);
-      },
-      error: error => {
-        this.isLoading.set(false);
-        this.jobInformationSalary.set(null);
-        this.isLoadingChanged.emit(false);
-        this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
-      },
-    });
-  }
-
-  get basicSalary(): number | null {
-    return this.jobInformationSalary()?.BasicSalary ?? this.jobInformationSalary()?.CurrentBasicSalary ?? null;
-  }
-
-  get allowances(): Allowances[] {
-    return this.jobInformationSalary()?.Allowances ?? [];
-  }
-
-  formatAmount(value: number | null | undefined): string {
-    if (value == null) {
-      return '�';
-    }
-
-    return this.commonMethodsService.currencyDecimalFormat(value, this.currencyDecimals()) || '�';
-  }
-}

package/src/lib/my-profile/service-charge-widget/my-profile-service-charge-widget.component.html

@@ -1,16 +0,0 @@
-@if (jobInformationServiceCharge()) {
-  <sky-section-divider
-    [fontAwesomeIcon]="serviceChargeIcon()"
-    [text]="sectionTitle() | translate | uppercase"
-    [iconClass]="headerIconClass()"
-    [textClass]="headerTextClass()"
-    [dividerClass]="headerDividerClass()"
-  ></sky-section-divider>
-
-  <div [ngClass]="rowClass()">
-    <div [ngClass]="columnClass()">
-      <div [ngClass]="labelClass()">{{ modeLabelKey | translate }}</div>
-      <div [ngClass]="valueClass()">{{ value }}</div>
-    </div>
-  </div>
-}

package/src/lib/my-profile/service-charge-widget/my-profile-service-charge-widget.component.ts

@@ -1,101 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, OnInit, inject, input, output, signal } from '@angular/core';
-import { faEnvelopeOpenDollar } from '@fortawesome/pro-light-svg-icons';
-import { SkySectionDividerComponent } from '@skysoftware-co/sky-components-ui';
-import { HRSelfWidgetsService } from '../../services/hr-self-widgets.service';
-import { HRTranslatePipe } from '../../shared/pipes/translate.pipe';
-import { HRCommonMethodsService } from '../../shared/services/common-methods.service';
-import { JobInformationServiceCharge, ServiceChargeEntitlementMode } from '../../shared/types/common';
-
-@Component({
-  selector: 'hr-my-profile-charge-widget',
-  standalone: true,
-  imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent],
-  templateUrl: './my-profile-service-charge-widget.component.html',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class MyProfileServiceChargeWidgetComponent implements OnInit {
-  readonly jobInformationServiceCharge = signal<JobInformationServiceCharge | null>(null);
-  readonly isLoading = signal(true);
-
-  readonly baseUrl = input.required<string>();
-  readonly currencyCode = input<string>('');
-  readonly headerIconClass = input<string>('primary-icon-xl');
-  readonly headerTextClass = input<string>('mt-2 field-secondary-label-lg');
-  readonly headerDividerClass = input<string>('flex-grow-1 ms-2');
-  readonly rowClass = input<string>('row mt-4 mb-5');
-  readonly columnClass = input<string>('col-md-4 col-6');
-  readonly labelClass = input<string>('field-secondary-label-sm');
-  readonly valueClass = input<string>('fs-14 fw-medium text-ellipsis-one-line');
-  readonly emptyStateContainerClass = input<string>(
-    'd-flex flex-column justify-content-center align-items-center my-5',
-  );
-  readonly emptyStateTextClass = input<string>('field-secondary-label-md');
-
-  readonly serviceChargeIcon = input(faEnvelopeOpenDollar);
-  readonly sectionTitle = input('ServiceCharge');
-
-  readonly isLoadingChanged = output<boolean>();
-  readonly errorOccurred = output<string>();
-
-  private readonly hrSelfWidgetsService = inject(HRSelfWidgetsService);
-  private readonly commonMethodsService = inject(HRCommonMethodsService);
-
-  ngOnInit(): void {
-    if (!this.baseUrl()) {
-      this.isLoading.set(false);
-      return;
-    }
-
-    this.isLoadingChanged.emit(true);
-
-    this.hrSelfWidgetsService.getJobInformationServiceCharge(this.baseUrl()).subscribe({
-      next: response => {
-        this.isLoading.set(false);
-        this.jobInformationServiceCharge.set(response);
-        this.isLoadingChanged.emit(false);
-      },
-      error: error => {
-        this.isLoading.set(false);
-        this.jobInformationServiceCharge.set(null);
-        this.isLoadingChanged.emit(false);
-        this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
-      },
-    });
-  }
-
-  get modeLabelKey(): string {
-    const mode = this.jobInformationServiceCharge()?.ServiceChargeEntitlementMode as unknown as string;
-
-    switch (ServiceChargeEntitlementMode[mode as keyof typeof ServiceChargeEntitlementMode]) {
-      case ServiceChargeEntitlementMode.Points:
-        return 'Points';
-      case ServiceChargeEntitlementMode.SalaryRatio:
-        return 'SalaryRatio';
-      case ServiceChargeEntitlementMode.FixedAmount:
-        return 'FixedAmount';
-      case ServiceChargeEntitlementMode.FixedRate:
-        return 'FixedRate';
-      default:
-        return 'ServiceCharge';
-    }
-  }
-
-  get value(): string {
-    const data = this.jobInformationServiceCharge;
-    const current = this.jobInformationServiceCharge();
-    if (!current || current.ServiceChargeValue == null) {
-      return '—';
-    }
-
-    if (
-      ServiceChargeEntitlementMode[
-        current.ServiceChargeEntitlementMode as unknown as keyof typeof ServiceChargeEntitlementMode
-      ] === ServiceChargeEntitlementMode.FixedAmount
-    ) {
-      return `${this.commonMethodsService.currencyDecimalFormat(current.ServiceChargeValue, 4)} (${this.currencyCode()})`;
-    }
-
-    return this.commonMethodsService.currencyDecimalFormat(current.ServiceChargeValue, 2) || '—';
-  }
-}

package/src/lib/my-profile/ticket-widget/components/ticket-card/ticket-card.component.html

@@ -1,23 +0,0 @@
-<hr-widget-card [cardClass]="cardClass" [height]="cardHeight" [contentTemplate]="cardContent"></hr-widget-card>
-
-<ng-template #cardContent>
-  <p [class]="nameClass" [ngClass]="isDependent ? 'd-flex' : ''">
-    @if (isDependent) {
-      <span class="text-ellipsis-one-line cursor-pointer" [title]="name">{{ name }}</span>
-      <span class="mx-1">({{ typeName }})</span>
-    } @else {
-      {{ name }} ({{ 'Me' | translate }})
-    }
-  </p>
-  <p [class]="subtitleClass">{{ entitlementText }}</p>
-  @if (!isDependent) {
-    <p class="fs-12 mb-2">
-      <span [class]="labelClass">{{ 'Class' | translate }}:</span>
-      <span [class]="valueClass">{{ ticketClassName }}</span>
-    </p>
-    <p class="fs-12">
-      <span [class]="labelClass">{{ 'Sector' | translate }}:</span>
-      <span [class]="valueClass">{{ ticketSectorName }}</span>
-    </p>
-  }
-</ng-template>