@tuki-io/tuki-widgets 0.0.133 → 0.0.134

package/projects/tuki/widgets/user-manage/src/classes/line-association.ts

@@ -0,0 +1,161 @@
+import { LineDirectory } from './line-directory';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { LineCallInfoDisplay } from './line-call-info-display';
+import { TranslationPattern } from './translation-pattern';
+import { RecordingOptions } from './device';
+import { LineAssociationInterface } from './line-association-interface';
+import { getSavableData } from '../common-functions';
+import { RECORDING_MEDIA_SOURCE } from '../app.constants';
+
+export class LineAssociation implements LineAssociationInterface {
+  index!: number;
+  position: any;
+  e164Mask!: string;
+  textLabel!: string;
+  displayLabel!: string;
+  displayLabelAscii!: string;
+  directoryNumber!: any;
+  didPattern!: any;
+  mappedDids!: Array<string>;
+  linePkid!: string;
+  maxNumberOfCalls!: number;
+  busyTrigger!: number;
+  recordingOption!: RecordingOptions;
+  recordingProfile!: string;
+  recordingMediaSource!: string;
+  visualMWI!: string;
+  audibleMWI!: string;
+  ringSetting_idle!: string;
+  ringSetting_active!: string;
+  pickupAAS_idle!: string;
+  pickupAAS_active!: string;
+  monitorCSS!: string;
+  logMissedCall!: string;
+  callInfoDisplay!: LineCallInfoDisplay;
+  lineLocalId!: string;
+  callerName!: string;
+  callerNumber!: string;
+  redirectedNumber!: string;
+  dialedNumber!: string;
+  // non-savable data fields
+  viewMode!: boolean;
+  form!: FormGroup;
+  sharedUsers = [];
+  sharedDevices = [];
+  callingSearchSpace!: string;
+  ownerUserId!: Array<string>;
+  associated!: boolean;
+  patternUsage!: boolean;
+  plarDestinationNumber!: string;
+  prefixDigits!: string;
+  plarDescription!: string;
+  plarEnabled!: boolean;
+  alertingName!: string;
+  description!: string;
+  populateWithDid!: boolean;
+
+  constructor(lineAssociation: any) {
+    Object.assign(this, lineAssociation || {});
+    if (lineAssociation) {
+      this.index = lineAssociation.index || null;
+      this.position = lineAssociation.position || null;
+      this.e164Mask = lineAssociation.e164Mask || '';
+      this.textLabel = lineAssociation.textLabel || '';
+      this.displayLabel = lineAssociation.displayLabel || '';
+      this.displayLabelAscii = lineAssociation.displayLabelAscii || '';
+      this.linePkid = lineAssociation.linePkid || lineAssociation.pkid || '';
+      this.maxNumberOfCalls = lineAssociation.maxNumberOfCalls || null;
+      this.busyTrigger = lineAssociation.busyTrigger || null;
+      this.directoryNumber = new LineDirectory(lineAssociation.directoryNumber);
+      this.didPattern = new TranslationPattern(lineAssociation.didPattern);
+      this.recordingOption = lineAssociation.recordingOption || RecordingOptions.disabled;
+      this.recordingProfile = lineAssociation.recordingProfile || '';
+      this.recordingMediaSource = lineAssociation.recordingMediaSource || RECORDING_MEDIA_SOURCE[0];
+      this.visualMWI = lineAssociation.visualMWI  || '';
+      this.audibleMWI = lineAssociation.audibleMWI || '';
+      this.ringSetting_idle = lineAssociation.ringSetting_idle || '';
+      this.ringSetting_active = lineAssociation. ringSetting_active || '';
+      this.pickupAAS_idle = lineAssociation.pickupAAS_idle || '';
+      this.pickupAAS_active = lineAssociation.pickupAAS_active || '';
+      this.monitorCSS = lineAssociation.monitorCSS || '';
+      this.logMissedCall = lineAssociation.logMissedCall || true;
+      this.callInfoDisplay = new LineCallInfoDisplay(lineAssociation.callInfoDisplay);
+      this.lineLocalId = lineAssociation.lineLocalId || lineAssociation.localId || '';
+      this.callingSearchSpace = lineAssociation.callingSearchSpace || '';
+      this.ownerUserId = lineAssociation.ownerUserId;
+      this.associated = lineAssociation.associated;
+      this.alertingName = lineAssociation.alertingName;
+      this.description = lineAssociation.description;
+      this.patternUsage = lineAssociation.patternUsage;
+      this.plarDestinationNumber = lineAssociation.plarDestinationNumber;
+      this.prefixDigits = lineAssociation.prefixDigits;
+      this.plarDescription = lineAssociation.plarDescription;
+      this.plarEnabled = lineAssociation.plarEnabled;
+      this.populateWithDid = lineAssociation.populateWithDid;
+    }
+    this.initForm();
+  }
+
+  getSavableData() {
+    const excludedFields = ['viewMode', 'form', 'callingSearchSpace', 'plarDestinationNumber', 'prefixDigits', 'plarDescription', 'plarEnabled'];
+    return getSavableData(this, excludedFields);
+  }
+
+  getDnSavableData() {
+
+  }
+
+  initForm() {
+    // TEMP simplified line form
+    const formBuilder = new FormBuilder();
+    const formSettings = {
+      directoryNumber: [this.directoryNumber.directoryNumber || ''],
+    };
+    this.form = formBuilder.group(formSettings);
+  }
+
+  /*initForm(appValidators: ValidationService) {
+    const formBuilder = new FormBuilder();
+    const formSettings = {
+      displayLabel: [this.displayLabel || '', [Validators.maxLength(30), Validators.pattern('[^%&\\[{}|"<>\\]]*')]],
+      alertingName: [this.alertingName || ''],
+      description: [this.description || ''],
+      e164Mask: [this.e164Mask || '', [appValidators.e164MaskLabel]],
+      displayLabelAscii: [this.displayLabelAscii || '', [appValidators.displayLabelAscii]],
+      textLabel: [this.textLabel || '', [Validators.maxLength(30), Validators.pattern('[^"]*')]],
+      maxNumberOfCalls: [this.maxNumberOfCalls || '', [ Validators.min(0)]],
+      busyTrigger: [this.busyTrigger || '', [Validators.min(0), Validators.max(this.maxNumberOfCalls || 200)]],
+      recordingOption: [this.recordingOption || ''],
+      recordingProfile: [this.recordingProfile || '', [appValidators.conditionalRequired('recordingOption',
+        [RecordingOptions.auto_enabled, RecordingOptions.selective_enabled])]],
+      recordingMediaSource: [this.recordingMediaSource || ''],
+      visualMWI: [this.visualMWI || ''],
+      audibleMWI: [this.audibleMWI || ''],
+      ringSetting_idle: [this.ringSetting_idle || ''],
+      ringSetting_active: [this.ringSetting_active || ''],
+      pickupAAS_idle: [this.pickupAAS_idle || ''],
+      pickupAAS_active: [this.pickupAAS_active || ''],
+      monitorCSS: [this.monitorCSS || ''],
+      logMissedCall: [this.logMissedCall === 'true'],
+      callerName:  [this.callInfoDisplay && this.callInfoDisplay.callerName === 'true'],
+      callerNumber: [this.callInfoDisplay && this.callInfoDisplay.callerNumber === 'true'],
+      redirectedNumber: [this.callInfoDisplay && this.callInfoDisplay.redirectedNumber === 'true'],
+      dialedNumber: [this.callInfoDisplay && this.callInfoDisplay.dialedNumber === 'true' ]
+    };
+    this.form = formBuilder.group(formSettings);
+    if (this.directoryNumber) {
+      this.form.addControl('directoryNumber', this.directoryNumber.form);
+    }
+    if (this.didPattern) {
+      this.form.addControl('didPattern', this.didPattern.form);
+    }
+  }*/
+
+    equals(line: LineAssociation | any) {
+    if (!line) {
+      return false;
+    }
+    return this.directoryNumber.directoryNumber === line.directoryNumber.directoryNumber &&
+      this.directoryNumber.routePartitionName === line.directoryNumber.routePartitionName;
+  }
+}

package/projects/tuki/widgets/user-manage/src/classes/line-call-info-display.ts

@@ -0,0 +1,21 @@
+import { LineCallInfoDisplayInterface } from './device';
+import { FormGroup } from '@angular/forms';
+import { getSavableData } from '../common-functions';
+
+export class LineCallInfoDisplay implements LineCallInfoDisplayInterface {
+  callerName!: string;
+  callerNumber!: string;
+  redirectedNumber!: string;
+  dialedNumber!: string;
+
+  // non-savable data fields
+  form!: FormGroup;
+
+  constructor(lineCallInfoDisplay: LineCallInfoDisplayInterface) {
+    Object.assign(this, lineCallInfoDisplay || {});
+  }
+
+  getSavableData() {
+    return getSavableData(this, ['form']);
+  }
+}

package/projects/tuki/widgets/user-manage/src/classes/line-directory.ts

@@ -0,0 +1,44 @@
+import { FormGroup, FormBuilder, Validators } from '@angular/forms';
+import { getSavableData } from '../common-functions';
+import { LineDirectoryInterface } from './line';
+
+export class LineDirectory implements LineDirectoryInterface {
+  directoryNumber!: string;
+  templateDirectoryNumber!: string;
+  routePartitionName!: string;
+  pkid!: string;
+  dnType!: string;
+  displayValue!: string;
+  subType!: string;
+  primary?: boolean;
+
+  // non-savable data fields
+  form!: FormGroup;
+
+  constructor(lineDirectory: LineDirectoryInterface) {
+    Object.assign(this, lineDirectory || {});
+    // @ts-ignore
+    if (this.directoryNumber && this.routePartitionName) {
+      this.displayValue = `${this.directoryNumber}/${this.routePartitionName}`;
+    }
+    this.initForm();
+  }
+
+  getSavableData() {
+    return getSavableData(this, ['form', 'displayValue', 'templateDirectoryNumber']);
+  }
+
+  equal(itemToCompare: any): boolean {
+    return JSON.stringify(this.getSavableData()) === JSON.stringify(itemToCompare.getSavableData());
+  }
+
+  initForm() {
+    const formBuilder = new FormBuilder();
+    const formSettings = {
+      directoryNumber: [{value: this.directoryNumber || '', disabled: true}, [Validators.required]],
+      routePartitionName: [{value: this.routePartitionName || '', disabled: true}],
+      primary: [{value: this.primary || '', disabled: true}],
+    };
+    this.form = formBuilder.group(formSettings);
+  }
+}

package/projects/tuki/widgets/user-manage/src/classes/line.ts

@@ -0,0 +1,145 @@
+
+export interface LineInterface {
+  description: string;
+  pkid: string;
+  entityChangeType: EntityChangeType;
+  alertingName: string;
+  asciiAlertingName: string;
+  callingSearchSpace: string;
+  voiceMailProfile: string;
+  noAnswerRingDuration: number;
+  autoAnswer: string;
+  directoryNumber: LineDirectoryInterface;
+  didPatterns: Array<TranslationPatternInterface>;
+  mappedDids: Array<string>;
+  aarSettings: LineAarInterface;
+  callForwardAll: CallInterface;
+  callForwardAllSecondaryCSS: CallInterface;
+  callForwardBusyInternal: CallInterface;
+  callForwardBusyExternal: CallInterface;
+  callForwardNoAnswerInternal: CallInterface;
+  callForwardNoAnswerExternal: CallInterface;
+  callForwardNoCoverageInternal: CallInterface;
+  callForwardNoCoverageExternal: CallInterface;
+  callForwardOnCTIFailure: CallInterface;
+  callForwardUnregisteredInternal: CallInterface;
+  callForwardUnregisteredExternal: CallInterface;
+  parkMonitoringExternal: LineParkMonitoringInterface;
+  parkMonitoringInternal: LineParkMonitoringInterface;
+  callPickupGroup: string;
+  localId: string;
+  urgentPriority: boolean;
+  blfPresenceGroup: string;
+  userHoldMOHAudioSourceId: string;
+  userHoldMOHAudioSourceName: string;
+  networkMOHAudioSourceId: string;
+  networkMOHAudioSourceName: string;
+  rejectAnonymousCall: boolean;
+  enterpriseAltNum: AlternateNumberInterface;
+  e164AltNum: AlternateNumberInterface;
+  directoryUris: Array<DirectoryUriInterface>;
+  callForwardAlternateParty: ParkMonitoringInterface;
+  mlppNoAnswerRingDuration: number;
+  confidentialAccessMode: string;
+  confidentialAccessLevel: string;
+  confidentialAccessLevelName: string;
+  callControlAgentProfile: string;
+  holdReversionRingDuration: number;
+  holdReversionNotificationInterval: number;
+  partyEntranceTone: string;
+  pstnFailover: string;
+  isExistingLine: boolean;
+  plarDestinationNumber: string;
+  prefixDigits: string;
+  plarDescription: string;
+  plarEnabled: boolean;
+}
+
+export enum EntityChangeType {
+  added = 'added',
+  updated = 'updated',
+  existing = 'existing',
+  removed = 'removed',
+  unassociated = 'unassociated'
+}
+export interface LineDirectoryInterface {
+  directoryNumber: string;
+  routePartitionName: string;
+  pkid: string;
+  dnType: string;
+  subType: string;
+  templateDirectoryNumber: string;
+  primary?: boolean;
+}
+export interface TranslationPatternInterface {
+  pattern: string;
+  calledPartyTransformationMask: string;
+  description: string;
+  site: SiteShortDataInterface;
+  hasMultipleSites: boolean;
+  multipleSitesId: string;
+}
+export interface SiteShortDataInterface {
+  id: number;
+  name: string;
+}
+export interface LineAarInterface {
+  aarDestinationMask: string;
+  aarGroup: string;
+  aarVoiceMailEnabled: boolean;
+  aarKeepCallHistory: boolean;
+}
+export interface CallInterface {
+  forwardToVoiceMail: boolean;
+  destination: string;
+  callingSearchSpace: string;
+}
+export interface LineParkMonitoringInterface {
+  voiceMail: boolean;
+  destination: string;
+  callingSearchSpace: string;
+}
+export interface AlternateNumberInterface {
+  numberMask: string;
+  addLocalRoutePartition: boolean;
+  routePartition: string;
+  isUrgent: boolean;
+  advertiseGloballyIls: boolean;
+}
+export interface DirectoryUriInterface {
+  primary: boolean;
+  uri: string;
+  routePartition: string;
+  advertiseGloballyIls: boolean;
+}
+export interface ParkMonitoringInterface {
+  destination: string;
+  callingSearchSpace: string;
+  voiceMail: boolean;
+}
+export enum DnRangeType {
+  extension = 'EXTENSION',
+  cpg = 'CPG',
+  callpark = 'CALLPARK',
+  huntgroup = 'HUNTGROUP',
+  meetme = 'MEETME',
+  did = 'DID'
+}
+export interface AvailablePhoneNumberRangeInterface {
+  phoneNumberRange: DnRangeInterface;
+  usedNumbers: string[];
+  requestedNumber: string;
+  unUsedNumbersWithDids: any;
+}
+export interface DnRangeInterface {
+  from: string;
+  to: string;
+  prefix: string;
+  routePartition: string;
+  dnType: DnRangeType;
+  tempIdx: number;
+
+  getEditableData(): any;
+
+  getUsedRangeEditableData(): any;
+}

package/projects/tuki/widgets/user-manage/src/classes/notification.ts

@@ -0,0 +1,39 @@
+import { environment } from '../environments/environment';
+const TTL_DEFAULT = environment.notificationsLifetime;
+const TTL_LONG_DEFAULT = environment.longNotificationsLifetime;
+
+export enum NotificationType {
+    info = 'info',
+    error = 'error',
+    success = 'success',
+    warning = 'warning'
+}
+
+export class Notification {
+  id?: number;
+  type?: NotificationType;
+  message?: string;
+  ttl: number = TTL_DEFAULT;
+  timerId?: any;
+
+  constructor(data: any) {
+    Object.assign(this, data || {});
+
+    if(this.ttl === undefined) {
+      this.ttl = this.message && this.message.length && this.message.length < 80 ? TTL_DEFAULT : TTL_LONG_DEFAULT;
+    }
+  }
+
+  isInfo(): boolean {
+    return this.type === NotificationType.info;
+  }
+  isError(): boolean {
+    return this.type === NotificationType.error;
+  }
+  isSuccess(): boolean {
+    return this.type === NotificationType.success;
+  }
+  isWarning(): boolean {
+    return this.type === NotificationType.warning;
+  }
+}

package/projects/tuki/widgets/user-manage/src/classes/pagination.ts

@@ -0,0 +1,18 @@
+export interface PaginationDataDtoInterface {
+  total: number;
+  pageSizeOptions: number[];
+  pageSize: number;
+  pageIndex: number;
+}
+export class PaginationDataDto {
+  total!: number;
+  pageSizeOptions!: number[];
+  pageSize!: number;
+  pageIndex!: number;
+
+  constructor(pagination?: PaginationDataDtoInterface) {
+    if (pagination) {
+      Object.assign(this, pagination);
+    }
+  }
+}

package/projects/tuki/widgets/user-manage/src/classes/recording-options.ts

@@ -0,0 +1,6 @@
+export enum RecordingOptions {
+  disabled = 'Call Recording Disabled',
+  auto_enabled = 'Automatic Call Recording Enabled',
+  selective_enabled = 'Selective Call Recording Enabled'
+}
+

package/projects/tuki/widgets/user-manage/src/classes/simplified-user.ts

@@ -0,0 +1,165 @@
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { getSavableData } from '../common-functions';
+import { REGEX_PATTERN } from '../app.constants';
+import { Device } from './device';
+import { LineAssociation } from './line-association';
+import { LineAssociationInterface } from './line-association-interface';
+
+export class SimplifiedUser {
+  userid!: string;
+  email!: string;
+  firstName!: string;
+  lastName!: string;
+  siteId!: number;
+  siteName!: number;
+  token!: string;
+  // general user info
+  department!: string;
+  manager!: string;
+  associatedPc!: string;
+  digestCredentials!: string;
+  userProfile!: string;
+  enableMobileVoiceAccess!: boolean;
+  userLocale!: string;
+  confirmDigestCredentials: any;
+
+  // contact information
+  middleName!: string;
+  telephoneNumber!: string;
+  mobileNumber!: string;
+  directoryUri!: string;
+  title!: string;
+  homeNumber!: string;
+  pagerNumber!: string;
+  displayName!: string;
+
+  devices!: Device[];
+
+  viewMode!: string;
+  hasModifiedCache!: boolean;
+  newUserId!: string;
+  editMode!: boolean;
+  ldapIntegrated!: boolean;
+  form!: FormGroup;
+
+  constructor(user?: any, isLdap?: boolean) {
+    // isLdap TEMP because of token response issue
+    if (user) {
+      this.userid = user.userid;
+      this.email = user.email;
+      this.firstName = user.firstName;
+      this.lastName = user.lastName;
+      this.siteId = user.siteId;
+      this.siteName = user.siteName;
+      this.token = user.token;
+
+      this.department = user.department;
+      this.manager = user.manager;
+      this.associatedPc = user.associatedPc;
+      this.digestCredentials = user.digestCredentials;
+      this.userProfile = user.userProfile;
+      this.enableMobileVoiceAccess = user.enableMobileVoiceAccess;
+      this.ldapIntegrated = user.ldapIntegrated || isLdap || false;
+      this.userLocale = user.userLocale;
+      this.confirmDigestCredentials = user.confirmDigestCredentials;
+
+      this.middleName = user.middleName;
+      this.telephoneNumber = user.telephoneNumber;
+      this.mobileNumber = user.mobileNumber;
+      this.directoryUri = user.directoryUri;
+      this.title = user.title;
+      this.homeNumber = user.homeNumber;
+      this.pagerNumber = user.pagerNumber;
+      this.displayName = user.displayName;
+
+      if (user.devices && user.devices.length) {
+        this.devices = user.devices.map((device: any) => new Device(device));
+        if (user.lines && user.lines.length) {
+          this.devices.forEach(device => {
+            if (device && device.lineAssociations && device.lineAssociations.length) {
+              device.lineAssociations.forEach(lineAssociation => {
+                lineAssociation.callingSearchSpace = this.getLineVal(lineAssociation, user.lines, 'callingSearchSpace');
+                lineAssociation.textLabel = lineAssociation.textLabel || this.getLineVal(lineAssociation, user.lines, 'textLabel') || '';
+                lineAssociation.alertingName = lineAssociation.alertingName || this.getLineVal(lineAssociation, user.lines, 'alertingName') || '';
+              })
+            }
+          })
+        }
+      }
+    }
+    this.initForm()
+  }
+
+  getLineVal(lineAssociation: LineAssociation | LineAssociationInterface, lines: any, token: string): any {
+    const lineForVal = lines.find((line: any) => line.directoryNumber.directoryNumber === lineAssociation.directoryNumber.directoryNumber);
+    return lineForVal && lineForVal[token] || '';
+  }
+
+  getUserDetailsSavableData() {
+    const excludedFields: string[] = ['devices', 'deviceProfiles', 'lines', 'singleNumberReach', 'vmPassword', 'vmUnifiedMessagingAccount', 'alternateExtensions', 'callerInput', 'lineAppearances', 'meetMes', 'webAppPasswordSettings', 'form'];
+    return getSavableData(this, excludedFields);
+  }
+
+  initForm() {
+    const formBuilder = new FormBuilder();
+    const formSettings = {
+      userid: [{value: this.userid || '', disabled: this.ldapIntegrated}, [Validators.required, Validators.maxLength(128)]],
+      email: [{value: this.email || '', disabled: this.ldapIntegrated}, [
+        Validators.pattern(REGEX_PATTERN.EMAIL),
+        Validators.required
+      ]],
+      firstName: [{value: this.firstName || '', disabled: this.ldapIntegrated}],
+      lastName: [{value: this.lastName || '', disabled: this.ldapIntegrated}, Validators.required],
+      department: [{value: this.department || '', disabled: false}],
+      middleName: [{value: this.middleName || '', disabled: false}],
+      title: [{value: this.title || '', disabled: false}],
+      telephoneNumber: [{value: this.telephoneNumber || '', disabled: false}],
+      homeNumber: [{value: this.homeNumber || '', disabled: false}],
+      mobileNumber: [{value: this.mobileNumber || '', disabled: false}],
+      pagerNumber: [{value: this.pagerNumber || '', disabled: false}],
+      displayName: [{value: this.displayName || '', disabled: false}],
+      manager: [{value: this.manager || '', disabled: false}],
+      associatedPc: [this.associatedPc || ''],
+      directoryUri: [this.directoryUri || ''],
+      userProfile: [this.userProfile],
+      enableMobileVoiceAccess: [this.enableMobileVoiceAccess],
+      ldapIntegrated: [this.ldapIntegrated],
+      userLocale: [this.userLocale || ''],
+      digestCredentials: [''],
+      confirmDigestCredentials: ['']
+    };
+    this.form = formBuilder.group(formSettings);
+  }
+
+  toggleEditMode() {
+    this.editMode = !this.editMode;
+    /*['userid', 'email', 'firstName', 'lastName'].forEach(token => {
+      if (this.editMode) {
+        this.form.get(token)?.enable();
+      } else {
+        this.form.get(token)?.disable();
+      }
+    })*/
+  }
+
+  getSavableData() {
+    const excludedFields: string[] = ['form', 'editMode', 'viewMode', 'token', 'hasModifiedCache', 'confirmDigestCredentials'];
+    return getSavableData(this, excludedFields);
+  }
+
+  equal(userToCompare?: SimplifiedUser): boolean {
+    if (!userToCompare) {
+      return false;
+    }
+    return JSON.stringify(this.getSavableData()) === JSON.stringify(userToCompare.getSavableData());
+  }
+
+}
+
+export interface SimplifiedUserInterface {
+  userid: string;
+  email: string;
+  firstName: string;
+  lastName: string;
+  form: FormGroup;
+}

package/projects/tuki/widgets/user-manage/src/classes/table-data.ts

@@ -0,0 +1,6 @@
+
+export interface TableDataInterface {
+  total: number;
+  pageData: Array<any>;
+  systemSettings?: any;
+}

package/projects/tuki/widgets/user-manage/src/classes/translation-pattern.ts

@@ -0,0 +1,49 @@
+import {FormBuilder, FormGroup} from '@angular/forms';
+import { TranslationPatternInterface } from './line';
+import { getSavableData } from '../common-functions';
+
+export class TranslationPattern implements TranslationPatternInterface {
+  pattern!: string;
+  calledPartyTransformationMask!: string;
+  description!: string;
+  site!: any;
+  hasMultipleSites!: boolean;
+  multipleSitesId!: string;
+  cucmId!: number;
+
+  // non-savable data fields
+  form!: FormGroup;
+  isNewForExistingLine!: boolean;
+
+  constructor(translationPattern?: TranslationPatternInterface) {
+    Object.assign(this, translationPattern || {});
+    this.initForm();
+  }
+
+  public getSavableData() {
+    return getSavableData(this, ['form', 'isNewForExistingLine']);
+  }
+
+  initForm() {
+    const formBuilder = new FormBuilder();
+    const formSettings = {
+      pattern: [{value: this.pattern || ''}],
+      calledPartyTransformationMask: [{value: this.calledPartyTransformationMask || ''}]
+    };
+    this.form = formBuilder.group(formSettings);
+  }
+
+  public getSiteId() {
+    if (this.site && this.site.id != null) {
+      return this.site.id;
+    }
+    if (this.hasMultipleSiteIds()) {
+      return this.multipleSitesId.split(',')[0];
+    }
+    return null;
+  }
+
+  private hasMultipleSiteIds(): boolean {
+    return this.hasMultipleSites && !!this.multipleSitesId && this.multipleSitesId.length > 0;
+  }
+}