\n
\n \n
\n \n \n \n\n","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { TranslateService } from '@ngx-translate/core';\n\n@Component({\n selector: 'app-card-error',\n templateUrl: './card-error.component.html',\n styleUrls: ['./card-error.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class CardErrorComponent implements OnInit {\n errorType!: ErrorTypes;\n errorHeadingType = '';\n errorHeading = '';\n errorMessage = '';\n\n constructor(\n private route: ActivatedRoute,\n private router: Router,\n private translate: TranslateService\n ) {}\n\n ngOnInit(): void {\n let param = this.route.snapshot.params['error'];\n this.errorType = this.getErrorType(param);\n this.errorMessage = this.translate.instant(\n 'globalrichtext.Error' + this.errorType + 'Content'\n );\n this.errorHeading = this.translate.instant(\n 'globaltext.Error' + this.errorHeadingType + 'Heading'\n );\n\n if (this.errorType == ErrorTypes.AlreadyComplete)\n this.router.navigateByUrl('/sign-in');\n }\n\n private getErrorType(errorMessage: string) {\n switch (errorMessage) {\n case 'Invalid registration for logged in user.':\n case 'No DataOwnerUser found':\n case 'No DataOwner found':\n case 'No Engagement found':\n case 'Invalid code':\n this.errorHeadingType = 'Registration';\n return ErrorTypes.InvalidCode;\n case 'Registration code has already been completed.':\n this.errorHeadingType = 'Registration';\n return ErrorTypes.AlreadyComplete;\n case 'Registration code has expired.':\n this.errorHeadingType = 'Registration';\n return ErrorTypes.Expired;\n case 'deactivated multiple':\n this.errorHeadingType = 'UnauthorizedAccess';\n return ErrorTypes.DeactivatedMultiple;\n case 'deactivated':\n case 'User Deactivated':\n case 'Cannot complete a registration for a deactivated user.':\n this.errorHeadingType = 'UnauthorizedAccess';\n return ErrorTypes.Deactivated;\n case 'event access ended':\n this.errorHeadingType = 'UnauthorizedAccess';\n return ErrorTypes.AccessToEventEnded;\n case 'event access ended multiple':\n this.errorHeadingType = 'UnauthorizedAccess';\n return ErrorTypes.AccessToEventEndedMultiple;\n case 'Access expired.':\n this.errorHeadingType = 'InvalidLink';\n return ErrorTypes.LinkExpired;\n case 'This URL can be used only once':\n this.errorHeadingType = 'InvalidLink';\n return ErrorTypes.LinkAlreadyUsed;\n case 'Forbidden':\n this.errorHeadingType = 'ForbiddenAccess';\n return ErrorTypes.ForbiddenAccess;\n default:\n this.errorHeadingType = 'Unknown';\n return ErrorTypes.Unknown;\n }\n }\n}\n\nexport enum ErrorTypes {\n Unknown = 'Unknown',\n InvalidCode = 'InvalidCode',\n AlreadyComplete = 'AlreadyComplete',\n Expired = 'Expired',\n Deactivated = 'Deactivated',\n DeactivatedMultiple = 'DeactivatedMultiple',\n AccessToEventEnded = 'AccessToEventEnded',\n AccessToEventEndedMultiple = 'AccessToEventEndedMultiple',\n LinkExpired = 'LinkExpired',\n LinkAlreadyUsed = 'LinkAlreadyUsed',\n ForbiddenAccess = 'ForbiddenAccess',\n}\n","\n \n \n
\n \n
\n \n
\n \n
","import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { STEP_STATUS } from '@cyber/navigator-services';\nimport { TranslateService } from '@ngx-translate/core';\nimport { MemberService } from 'src/app/services/member.service';\nimport { StepsHelperService } from 'src/app/services/steps-helper.service';\nimport { StorageService } from 'src/app/services/storage.service';\nimport { appConstants } from 'src/app/shared/app-constants';\n\n@Component({\n selector: 'app-change-of-address-edit-group',\n templateUrl: './change-of-address-edit-group.component.html',\n styleUrls: ['./change-of-address-edit-group.component.scss'],\n})\nexport class ChangeOfAddressEditGroupComponent implements OnInit {\n loadedTip = '';\n showNoChangesPopup = false;\n showConfirmChangesPopup = false;\n modifiedData = false;\n state = 'pending';\n SubmittedDate = new Date();\n\n loadButtonText = '';\n currentDataOwner: any;\n currentStepDetails: any;\n stateColor = '';\n subheadingUpdated: any;\n showSectionsBasedOnChangeOfAddressEndDateReached = '0';\n hideResumeButton = false;\n\n constructor(\n public translate: TranslateService,\n public memberService: MemberService,\n private _storageService: StorageService,\n private _router: Router,\n private _stepsHelperService: StepsHelperService\n ) {}\n\n ngOnInit(): void {\n this.currentDataOwner =\n this._stepsHelperService.getDataOwnerFromLocalStorage();\n this.currentStepDetails = this._stepsHelperService.getCurrentStepByRoute(\n this._router.url\n );\n this.mapToStates(this.currentStepDetails?.step_status_id);\n this.updateButtonState();\n this.showSectionsBasedOnChangeOfAddressEndDateReached =\n this._storageService.getLocalStorage(\n appConstants.ChangeOfAddressEndDateReached\n );\n if (this.showSectionsBasedOnChangeOfAddressEndDateReached == '1')\n this.hideResumeButton = true;\n if (\n (this.state == 'noChanges' || this.state == 'submittedChanges') &&\n this.showSectionsBasedOnChangeOfAddressEndDateReached == '1'\n ) {\n this.showSectionsBasedOnChangeOfAddressEndDateReached = '0';\n }\n this.saveMyPreferrence();\n }\n\n async saveMyPreferrence() {\n let updateNeeded = false;\n let data = {\n display_selection: 'web',\n };\n let changeOfAddressStep =\n await this._stepsHelperService.getCurrentStepByBinding(\n appConstants.WorkflowStep.NCOA_Review\n );\n if (changeOfAddressStep.data != null) {\n data = JSON.parse(changeOfAddressStep.data);\n if (data.display_selection != 'web') updateNeeded = true;\n data.display_selection = 'web';\n } else {\n updateNeeded = true;\n }\n if (updateNeeded) {\n let updateEdit = await this._stepsHelperService.updateStepStatus(\n appConstants.WorkflowStep.NCOA_Review,\n null,\n data\n );\n }\n }\n\n mapToStates(stepStatusId: number) {\n let currentStatus = this.translate.instant('globalrichtext.CurrentStatus');\n switch (stepStatusId) {\n case STEP_STATUS.PENDING:\n this.state = 'pending';\n // this.stateColor = 'b-green';\n this.subheadingUpdated = currentStatus.replace(\n '{{Selection_Type}}',\n this.translate.instant('globaltext.Pending')\n );\n break;\n case STEP_STATUS.NO_UPDATES_REQUIRED:\n this.state = 'noChanges';\n this.stateColor = 'b-yellow';\n this.subheadingUpdated = currentStatus.replace(\n '{{Selection_Type}}',\n this.translate.instant('globaltext.NoUpdatesRequired')\n );\n break;\n case STEP_STATUS.IN_PROGRESS:\n this.state = 'confirmChanges';\n this.stateColor = 'b-yellow';\n this.subheadingUpdated = currentStatus.replace(\n '{{Selection_Type}}',\n this.translate.instant('globaltext.InProgress')\n );\n break;\n case STEP_STATUS.UPDATED:\n this.state = 'submittedChanges';\n this.stateColor = 'b-green';\n this.subheadingUpdated = currentStatus.replace(\n '{{Selection_Type}}',\n this.translate.instant('globaltext.Updated')\n );\n break;\n }\n this._stepsHelperService.stepDataUpdate$.next(true);\n }\n\n async updateStepStatusToInProgress() {\n let currentStepStatus = this._stepsHelperService.getCurrentStepByBinding(\n appConstants.WorkflowStep.NCOA_Review\n );\n if (currentStepStatus.step_status_id != STEP_STATUS.IN_PROGRESS) {\n await this._stepsHelperService.updateStepStatus(\n appConstants.WorkflowStep.NCOA_Review,\n STEP_STATUS.IN_PROGRESS\n );\n this.mapToStates(STEP_STATUS.IN_PROGRESS);\n }\n this.mapToStates(STEP_STATUS.IN_PROGRESS);\n }\n\n async emitOnDataChanged(emitstate: boolean) {\n if (emitstate) {\n this.state = 'confirmChanges';\n this.updateButtonState();\n await this.updateStepStatusToInProgress();\n }\n }\n\n updateButtonState() {\n if (this.state === 'pending') {\n this.loadButtonText = this.translate.instant(\n 'globaltext.NoChangesButton'\n );\n } else if (this.state === 'confirmChanges') {\n this.loadButtonText = this.translate.instant(\n 'globaltext.ConfirmChangesButton'\n );\n } else if (this.state === 'submittedChanges' || this.state == 'noChanges') {\n this.loadButtonText = this.translate.instant('globaltext.ResumeButton');\n }\n }\n\n mainButtonClick() {\n if (this.state === 'pending') {\n this.showNoChangesPopup = true;\n } else if (this.state === 'confirmChanges') {\n this.showConfirmChangesPopup = true;\n } else if (this.state === 'submittedChanges' || this.state == 'noChanges') {\n this.state = 'confirmChanges';\n this.updateStepStatusToInProgress();\n }\n this.updateButtonState();\n }\n\n async emittedNoChangesPopup(event: any) {\n if (event) {\n this.state = 'submittedChanges';\n this.updateButtonState();\n await this._stepsHelperService.updateStepStatus(\n appConstants.WorkflowStep.NCOA_Review,\n STEP_STATUS.NO_UPDATES_REQUIRED\n );\n this.mapToStates(STEP_STATUS.NO_UPDATES_REQUIRED);\n }\n this.showNoChangesPopup = false;\n }\n\n async emittedConfirmChangesPopup(event: any) {\n if (event) {\n this.state = 'submittedChanges';\n this.updateButtonState();\n await this._stepsHelperService.updateStepStatus(\n appConstants.WorkflowStep.NCOA_Review,\n STEP_STATUS.UPDATED\n );\n this.mapToStates(STEP_STATUS.UPDATED);\n }\n this.showConfirmChangesPopup = false;\n }\n}\n","\n \n \n \n
\n\n
\n \n
\n \n
\n \n \n
\n \n {{ \"globaltext.StepCompleteLabel\" | translate\n }}\n {{ \"globaltext.WebTableSubmittedSuccessfully\" | translate }}\n {{ SubmittedDate }}\n \n\n\n\n \n
","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { RegistrationService, SessionService } from '@cyber/navigator-services';\nimport { LoadingService } from 'src/app/services/loading.service';\nimport { StorageService } from 'src/app/services/storage.service';\nimport { appConstants } from 'src/app/shared/app-constants';\n\n@Component({\n selector: 'app-complete-registration',\n templateUrl: './complete-registration.component.html',\n styleUrls: ['./complete-registration.component.scss'],\n})\nexport class CompleteRegistrationComponent implements OnInit {\n public loading = false;\n registrationCode: any;\n public engagementName!: string;\n public invalid = false;\n public email!: string;\n public isAdditionalEvent!: boolean;\n private isAlreadySignedUp!: boolean;\n errorText!: string;\n supportEmail!: string;\n constructor(\n private route: ActivatedRoute,\n private router: Router,\n private registrationService: RegistrationService,\n private sessionService: SessionService,\n private loadingService: LoadingService,\n private storageService: StorageService\n ) {}\n\n async ngOnInit(): Promise\n
\n\n
\n\n
\n\n
\n\n
\n \n \n
\n \n \n
\n \n \n\n
\n \n\n
\n \n \n
\n\n
\n\n\n \n \n
\n\n\n
\n\n
\n \n\n {{'text.CoveredEntityFormTitle' | translate}}:\n
\n \n
\n \n
\n \n {{'globaltext.NameOfCoveredEntityLabel' | translate}}:\n
\n \n {{nameOfCoveredEntity?.value}}\n
\n \n
\n \n {{'globaltext.TypeOfCoveredEntityLabel' | translate}}:\n
\n \n {{formData?.typeOfCoveredEntityName}}\n
\n \n
\n \n {{'globaltext.StreeAddress1Label' | translate}}:\n
\n \n {{streetAddress1?.value}}\n
\n \n
\n \n {{'globaltext.StreeAddress2Label' | translate}}:\n
\n \n {{streetAddress2?.value}}\n
\n \n
\n \n {{'globaltext.CityLabel' | translate}}:\n
\n \n {{city?.value}}\n
\n \n
\n \n {{'globaltext.StateLabel' | translate}}:\n
\n \n {{formData?.stateName}}\n
\n \n
\n \n {{'globaltext.ZipCodeLabel' | translate}}:\n
\n \n {{zipCode?.value}}\n
\n \n {{'text.CoveredEntityFormTitle2' | translate}}:\n
\n \n
\n \n
\n \n {{'globaltext.FirstNameLabel' | translate}}:\n
\n \n {{firstName?.value}}\n
\n \n
\n \n {{'globaltext.LastNameLabel' | translate}}:\n
\n \n {{lastName?.value}}\n
\n \n
\n \n {{'globaltext.EmailLabel' | translate}}:\n
\n \n {{email?.value}}\n
\n \n
\n \n {{'globaltext.PrimaryPhoneLabel' | translate}}:\n
\n \n {{primaryPhone?.value}}\n
\n \n
\n \n {{'globaltext.PrimaryPhoneTypeLabel' | translate}}:\n
\n \n {{formData?.primaryPhoneTypeName}}\n
\n \n
\n \n {{'globaltext.SecondaryPhoneLabel' | translate}}:\n
\n \n {{secondaryPhone?.value}}\n
\n \n
\n \n {{'globaltext.SecondaryPhoneTypeLabel' | translate}}:\n
\n \n {{formData?.secondaryPhoneTypeName}}\n
\n \n
\n \n
\n\n","import { Component, OnInit } from '@angular/core';\nimport {\n DataOwnerEntity,\n DataOwnerWorkflowStepEntity,\n Milestones,\n SessionService,\n STEP_STATUS,\n UserEntity,\n} from '@cyber/navigator-services';\nimport { LoadingService } from 'src/app/services/loading.service';\nimport { MemberService } from 'src/app/services/member.service';\nimport { StorageService } from 'src/app/services/storage.service';\nimport { TranslateService } from '@ngx-translate/core';\nimport { appConstants } from 'src/app/shared/app-constants';\nimport { DateHelper } from 'src/app/helpers/date.helper';\n\n@Component({\n selector: 'app-dashboard',\n templateUrl: './dashboard.component.html',\n styleUrls: ['./dashboard.component.scss'],\n})\nexport class DashboardComponent implements OnInit {\n userDetails!: UserEntity;\n //status = 'loaded';\n userVisitStatus = 'UserFinalReportGenerated';\n dataOwnerDetails!: DataOwnerEntity;\n dataOwnerWorkflowSteps!: DataOwnerWorkflowStepEntity[];\n userloaded: boolean = false;\n constructor(\n public memberService: MemberService,\n private _storageService: StorageService,\n private _loadingService: LoadingService,\n private _dateHelper: DateHelper,\n private _translateService: TranslateService\n ) {\n this._loadingService.show();\n\n this.userDetails = JSON.parse(\n this._storageService.getLocalStorage(appConstants.User)\n );\n\n this.userloaded = true;\n\n this.dataOwnerDetails = JSON.parse(\n this._storageService.getLocalStorage(appConstants.DataOwner)\n );\n\n let dataOwnerSteps = this._storageService.getLocalStorage(\n appConstants.DataOwnerSteps\n );\n let finalReportStatus!: DataOwnerWorkflowStepEntity | undefined;\n\n if (dataOwnerSteps != 'undefined') {\n this.dataOwnerWorkflowSteps = JSON.parse(dataOwnerSteps);\n\n finalReportStatus = this.dataOwnerWorkflowSteps?.find(\n (x: { step: { cms_binding: string } }) =>\n x.step.cms_binding == 'Notification_Report'\n );\n }\n\n if (finalReportStatus?.step_status_id != STEP_STATUS.NOT_YET_AVAILABLE) {\n this.userVisitStatus = 'UserFinalReportGenerated';\n } else if (\n this._storageService.getCookie(appConstants.FirstTimeUser) == '1'\n ) {\n this.userVisitStatus = 'FirstTime';\n } else {\n this.userVisitStatus = 'ReturningUser';\n }\n\n let optInEndDateMileStone = this.dataOwnerDetails?.milestones?.find(\n (x: { milestone_id: number }) => x.milestone_id == Milestones.OptInEnd\n );\n if (optInEndDateMileStone != null) {\n let formattedDate = this._dateHelper.formatToLocalMonthDate(optInEndDateMileStone.effective_date);\n this._storageService.setCookie('OptInEndDate', formattedDate);\n } else {\n this._storageService.setCookie(\n 'OptInEndDate',\n 'OptIn-End Date Not Provided'\n );\n }\n this._loadingService.hide();\n }\n\n public get dashboardAlertMessage() {\n const key = 'richtext.DashboardAlertMessage';\n const value = this._translateService.instant(key);\n return value === key ? null : value;\n }\n\n ngOnInit(): void {}\n}\n","\n
\n \n
\n \n {{ \"globaltext.LastUploadedFileDetailsLabel\" | translate }}\n
\n \n
\n \n
\n \n
\n \n
\n FILE NAME
\n FILE STATUS
\n UPLOADED DATE
\n FILE SIZE
\n \n
\n \n {{ fileDetails?.Name }}\n
\n \n {{ fileStatus }}\n
\n \n {{ fileDetails?.UploadedDate }}\n
\n \n {{ fileDetails?.Size }}\n
\n \n
\n \n \n \n \n \n \n \n
\n {{ dataItem.error_message }}
\n \n
\n \n\n","import { Component, OnInit, AfterViewInit } from '@angular/core';\nimport { DigicertService } from 'src/app/services/digicert.service';\n\n@Component({\n selector: 'app-digicert',\n templateUrl: './digicert.component.html',\n styleUrls: ['./digicert.component.scss'],\n})\nexport class DigicertComponent implements OnInit, AfterViewInit {\n elementIdStatic = 'DigiCertClickID_';\n\n public sealCode!: string;\n elementIdDynamic!: string;\n testSealClass = '';\n\n constructor(private digiService: DigicertService) {}\n\n ngOnInit() {\n this.getSealCodeByUrl();\n this.digiService.digiCertHeadScripts(this.sealCode);\n }\n\n ngAfterViewInit() {}\n\n getSealCodeByUrl() {\n const url = window.location.host.toLowerCase();\n this.testSealClass = '';\n if (url.endsWith('krollnotification.com')) {\n this.sealCode = 'I6ImwkPn';\n } else {\n this.testSealClass = 'allow-test-seal';\n this.sealCode = 'I6ImwkPn';\n }\n this.elementIdDynamic = this.elementIdStatic + this.sealCode;\n }\n}\n","\n
\n\n \n
\n\n \n
\n \n
\n \n {{\n \"globaltext.DashboardFirstTimeUserHeading\"\n | translate : { first_name: userDetails.first_name }\n }}\n
\n\n {{\n \"globaltext.DashboardUserNotOptedInHeading\"\n | translate : { first_name: userDetails.first_name }\n }}\n
\n\n {{\n \"globaltext.DashboardUsedOptedInHeading\"\n | translate : { first_name: userDetails.first_name }\n }}\n
\n\n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
","import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport {\n CustomerDownloadProcessingStatus,\n CustomerService,\n STEP_STATUS,\n} from '@cyber/navigator-services';\nimport { TranslateService } from '@ngx-translate/core';\nimport { LoadingService } from 'src/app/services/loading.service';\nimport { StepsHelperService } from 'src/app/services/steps-helper.service';\nimport { appConstants } from 'src/app/shared/app-constants';\n\n@Component({\n selector: 'app-download-report',\n templateUrl: './download-report.component.html',\n styleUrls: ['./download-report.component.scss'],\n})\nexport class DownloadReportComponent implements OnInit {\n currentDataOwner: any;\n currentStep!: any;\n availableToDownload = false;\n public loadedTip = '';\n error = '';\n finalReportStatus: any;\n errorMessage = '';\n fileType: string = 'xlsx';\n interval: any;\n fileGenerationStatus!: CustomerDownloadProcessingStatus;\n\n constructor(\n private _stepsHelperService: StepsHelperService,\n private _router: Router,\n private _customerService: CustomerService,\n private _loadingService: LoadingService,\n private _translationService: TranslateService\n ) {\n this.currentDataOwner =\n this._stepsHelperService.getDataOwnerFromLocalStorage();\n this.currentStep = this._stepsHelperService.getCurrentStepByRoute(\n this._router.url\n );\n if (\n this.currentStep.step_status_id != STEP_STATUS.NOT_YET_AVAILABLE &&\n this.currentStep.step_status_id != STEP_STATUS.NA_OPTED_OUT\n ) {\n this.availableToDownload = true;\n } else {\n if (this.currentStep.step_status_id == STEP_STATUS.NOT_YET_AVAILABLE)\n this.errorMessage = this._translationService.instant(\n 'globalrichtext.FinalReportNotYetAvailable'\n );\n\n if (this.currentStep.step_status_id == STEP_STATUS.NA_OPTED_OUT)\n this.errorMessage = this._translationService.instant(\n 'globalrichtext.StepNotAvailable'\n );\n }\n }\n\n async ngOnInit(): Promise\n
\n\n\n {{\n \"globaltext.FileGenerationInProgress\" | translate\n }}\n 100\">{{\n \"globaltext.FileGenerationComplete\" | translate\n }}\n
\n \n \n
\n\n \n {{ \"globaltext.DownloadReportButton\" | translate }}\n \n
\n\n\n \n
\n\n\n \n
\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n selector: 'app-dynamic-child',\n templateUrl: './dynamic-child.component.html',\n styleUrls: ['./dynamic-child.component.scss']\n})\nexport class DynamicChildComponent implements OnInit {\n\n\n @Input() component!: any;\n @Input() currentStep!: any;\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n
","import { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-dynamic-kendo-child',\n templateUrl: './dynamic-kendo-child.component.html',\n styleUrls: ['./dynamic-kendo-child.component.scss']\n})\nexport class DynamicKendoChildComponent implements OnInit {\n\n\n @Input() component!: any;\n @Input() currentStep!: any;\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n
\n\n
\n \n
\n\n \n
\n \n \n \n \n
\n\n \n
\n \n {{\n \"globaltext.step\"\n | translate\n : {\n current_step_no: currentStepNo + 1,\n total_steps: totalSteps\n }\n }}\n
\n\n \n
\n\n \n
\n \n 0\"\n >\n {{ \"globaltext.FrequentlyAskedQuestions\" | translate }}\n
\n \n \n \n
\n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n {{\n \"globaltext.step\"\n | translate\n : {\n current_step_no: currentStepNo + 1,\n total_steps: totalSteps\n }\n }}\n
\n\n \n
\n \n \n
\n \n \n \n
\n\n","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { DataOwnerEntity } from '@cyber/navigator-services';\nimport { TranslateService } from '@ngx-translate/core';\nimport { DynamicComponentHelperService } from 'src/app/services/dynamic-component-helper.service';\nimport { LoadingService } from 'src/app/services/loading.service';\n\n@Component({\n selector: 'app-dynamic',\n templateUrl: './dynamic.component.html',\n styleUrls: ['./dynamic.component.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class DynamicComponent implements OnInit {\n\n current_page = \"\";\n current_page_content: any = {};\n loaded = false;\n currentStepNo = 0;\n totalSteps = 0;\n prevUrl = \"\";\n nextUrl = \"\";\n enableNextButton = false;\n dataOwnerWorkflowSteps: any;\n dataOwnerDetails!: DataOwnerEntity;\n dataOwnerId = 0;\n currentStep: any;\n showStepStatusOnly = false;\n showStepNotAvailable = false;\n currentStatusContent = \"\";\n pageContent = \"\";\n showInformationBox = false;\n totalCustomerRecordsCount = 0;\n faqs!: any[]\n cms_page_data: any;\n constructor(\n public translate: TranslateService,\n private router: Router,\n private activatedRoute: ActivatedRoute,\n public loadingService: LoadingService,\n public dynamicComponentHelper: DynamicComponentHelperService) {\n this.updateEmittedData();\n if (!this.router.url.startsWith(\"/d/\")) {\n this.dynamicComponentHelper.getCurrentPageFromUrl(this.router.url);\n }\n else {\n this.activatedRoute.params.subscribe(params => {\n this.dynamicComponentHelper.getCurrentPageFromUrl(\"/\" + params['page']);\n });\n }\n }\n\n ngOnInit(): void {\n }\n\n updateEmittedData() {\n this.dynamicComponentHelper.entireDataBS.subscribe((data: any) => {\n this.current_page = data.current_page;\n this.current_page_content = data.current_page_content;\n this.loaded = data.loaded;\n this.currentStepNo = data.currentStepNo;\n this.totalSteps = data.totalSteps;\n this.prevUrl = data.prevUrl;\n this.nextUrl = data.nextUrl;\n this.enableNextButton = data.enableNextButton;\n this.dataOwnerWorkflowSteps = data.dataOwnerWorkflowSteps;\n this.dataOwnerDetails = data.dataOwnerDetails;\n this.dataOwnerId = data.dataOwnerId;\n this.currentStep = data.currentStep;\n this.showStepStatusOnly = data.showStepStatusOnly;\n this.currentStatusContent = data.currentStatusContent;\n this.showStepNotAvailable = data.showStepNotAvailable;\n this.pageContent = data.pageContent;\n this.showInformationBox = data.showInformationBox;\n this.totalCustomerRecordsCount = data.totalCustomerRecordsCount;\n this.faqs = data.faqs;\n this.cms_page_data = data.cms_page_data;\n });\n }\n\n public getPageComponentsByPosition(position: string): any[] {\n let components: any[] = [];\n this.current_page_content.pagecomponents.forEach((page: any) => {\n if (page.position === position) {\n components.push(page);\n }\n });\n return components;\n }\n}\n","\n
\n\n\n
\n \n
\n \n
\n {{'globaltext.step' | translate:\n {current_step_no: currentStepNo +1, total_steps: totalSteps} }}
\n\n \n
\n\n \n
\n\n \n
\n\n \n
\n \n
\n \n
\n \n
\n 0\">\n {{'globaltext.FrequentlyAskedQuestions' | translate}}\n
\n \n
\n \n
\n \n \n \n \n \n \n \n
\n\n
","import { Component, Input, OnInit } from '@angular/core';\nimport { Faq } from 'src/app/models/faq';\n\n@Component({\n selector: 'app-faq-tile',\n templateUrl: './faq-tile.component.html',\n styleUrls: ['./faq-tile.component.scss']\n})\nexport class FaqTileComponent implements OnInit {\n\n hidden=true;\n\n @Input() Title!: any;\n @Input() Description!: any;\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n
\n \n
\n \n
\n {{'globaltext.step' | translate:\n {current_step_no: currentStepNo +1, total_steps: totalSteps} }}
\n\n \n
\n \n \n
\n \n \n \n
\n\n
","import { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-file-upload-tips',\n templateUrl: './file-upload-tips.component.html',\n styleUrls: ['./file-upload-tips.component.scss'],\n})\nexport class FileUploadTipsComponent implements OnInit {\n @Input() pageType = '';\n public loadedTip = '';\n constructor() {}\n\n ngOnInit(): void {}\n}\n","\n
\n\n
\n {{Title}}
\n\n
\n\n \n \n \n \n
\n\n
\n\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-browser-compatibility',\n templateUrl: './browser-compatibility.component.html',\n styleUrls: ['./browser-compatibility.component.scss']\n})\nexport class BrowserCompatibilityComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n \n \n
\n \n \n \n
","import { Component, OnInit } from '@angular/core';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport { RegionalDataService } from 'src/app/services/regional-data.service';\nimport { appConstants } from 'src/app/shared/app-constants';\n\n@Component({\n selector: 'app-forgot-password-success',\n templateUrl: './forgot-password-success.component.html',\n styleUrls: ['./forgot-password-success.component.scss']\n})\nexport class ForgotPasswordSuccessComponent implements OnInit {\n\n constructor(public regionalDataService: RegionalDataService) {\n\n }\n\n ngOnInit(): void {\n }\n \n\n}\n","\n
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n
\n \n
\n \n
","import { Component, OnInit } from '@angular/core';\nimport { FormGroup, FormControl, AbstractControl } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { RegionalDataService } from 'src/app/services/regional-data.service';\nimport { appConstants } from 'src/app/shared/app-constants';\n\n@Component({\n selector: 'app-forgot-password',\n templateUrl: './forgot-password.component.html',\n styleUrls: ['./forgot-password.component.scss']\n})\nexport class ForgotPasswordComponent implements OnInit {\n formGroup: FormGroup;\n errorMessage = '';\n status = 'loaded';\n constructor(\n public regionalDataService: RegionalDataService,\n public router: Router) {\n\n this.formGroup = new FormGroup({\n emails: new FormGroup(\n {\n email: new FormControl(null, appConstants.EmailRegex),\n confirmEmail: new FormControl(null, appConstants.EmailRegex)\n },\n this.emailMatcher\n )\n });\n }\n\n\n emailMatcher(c: AbstractControl): any {\n if (!c.get(\"confirmEmail\")?.hasError(\"required\") && !c.get(\"confirmEmail\")?.hasError(\"pattern\")) {\n if (c.get(\"email\")?.value && c.get(\"confirmEmail\")?.value && c.get(\"email\")?.value.toLowerCase() !== c.get(\"confirmEmail\")?.value.toLowerCase()) {\n c.get('confirmEmail')?.setErrors({invalid: true});\n return { nomatch: true };\n }\n }\n }\n\n fieldsMatch(fieldName: string) {\n return (\n this?.formGroup?.get(fieldName)?.hasError(\"nomatch\") &&\n this?.formGroup?.get(fieldName)?.touched\n );\n }\n\n ngOnInit(): void {\n }\n\n redirectToEnroll(){\n }\n\n onSubmit(): void {\n //if (this.status === \"loading\") return;\n if (this.status === \"loading\") this.router.navigate(['forgot-password-success']);\n // TODO: Send form values to API for login call\n this.formGroup.markAllAsTouched();\n this.status = \"loading\";\n this.errorMessage = \"\";\n //const getFormVal = (name: string) => this.formGroup.get(name).value;\n\n // this._authService.login(\n
\n\n
\n \n
\n {{ 'ForgotPasswordSuccess.Heading' | translate}}
\n {{ 'ForgotPasswordSuccess.Subheading' | translate}}\n\n \n \n \n
\n \n
","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { FormGroup, FormControl, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { ActivityService, DataOwnerWorkflowStep, Region, RegionService, STEP_STATUS } from '@cyber/navigator-services';\nimport { TranslateService } from '@ngx-translate/core';\nimport { LoadingService } from 'src/app/services/loading.service';\nimport { MemberService } from 'src/app/services/member.service';\nimport { StepsHelperService } from 'src/app/services/steps-helper.service';\nimport { StorageService } from 'src/app/services/storage.service';\nimport { appConstants } from 'src/app/shared/app-constants';\n\n@Component({\n selector: 'app-form-collection',\n templateUrl: './form-collection.component.html',\n styleUrls: ['./form-collection.component.scss']\n})\nexport class FormCollectionComponent implements OnInit {\n currentStep: any;\n fg!: FormGroup;\n optedValue: number = 0;\n editable = false;\n states!: Region[];\n phoneTypes!: any[];\n showMakeSelectionPopupValue = false;\n showOptoutConfirmationPopupValue = false;\n subheadingUpdated = \"\";\n stateColor = \"\";\n public loadedTip = \"\";\n formData: any;\n showSectionsBasedOnOptInEndDateReached = '0';\n constructor(public translate: TranslateService,\n private _storageService: StorageService,\n private _router: Router,\n private _stepsHelperService: StepsHelperService,\n private _activityService: ActivityService,\n private memberService: MemberService,\n private _regionService: RegionService,\n private _loadingService: LoadingService) {\n this._loadingService.show();\n this._regionService.fetchRegionForCountryId(appConstants.countryId).then((data: any) => {\n this.states = data;\n this._loadingService.hide();\n });\n this.currentStep = this._stepsHelperService.getCurrentStepByRoute(this._router.url);\n }\n\n ngOnInit(): void {\n this.optedValue = this.currentStep.step_status_id;\n this.showSectionsBasedOnOptInEndDateReached = this._storageService.getLocalStorage(appConstants.OptInEndDateReached);\n this.getFormDropDownValues();\n this.getStateColor();\n if (this.optedValue === STEP_STATUS.OPTED_IN_PENDING_SUBMISSION)\n this.editable = true;\n this.fg = new FormGroup({\n nameOfCoveredEntity: new FormControl('', appConstants.CoveredEntityNameRegex),\n streetAddress1: new FormControl('', appConstants.AddressRegex),\n streetAddress2: new FormControl('', appConstants.Address2Regex),\n city: new FormControl('', appConstants.CityRegex),\n state: new FormControl('-1', [Validators.required]),\n zipCode: new FormControl('', appConstants.ZipCodeRegex),\n firstName: new FormControl('', appConstants.FirstNameRegex),\n lastName: new FormControl('', appConstants.LastNameRegex),\n email: new FormControl('', appConstants.EmailRegex),\n primaryPhone: new FormControl('', appConstants.PhoneNumberRegex),\n primaryPhoneType: new FormControl('-1', [Validators.required]),\n secondaryPhone: new FormControl('', appConstants.SecondaryPhoneNumberRegex),\n secondaryPhoneType: new FormControl('-1'),\n\n });\n this.setFormData();\n }\n\n setFormData() {\n if (this.currentStep?.data == null || this.currentStep?.data == '' || this.currentStep?.data == undefined || this.currentStep?.data == 'undefined')\n return;\n this.formData = JSON.parse(this.currentStep?.data);\n this.fg.patchValue({\n nameOfCoveredEntity: this.formData.nameOfCoveredEntity,\n streetAddress1: this.formData.streetAddress1,\n streetAddress2: this.formData.streetAddress2,\n city: this.formData.city,\n state: this.formData.state,\n zipCode: this.formData.zipCode,\n firstName: this.formData.firstName,\n lastName: this.formData.lastName,\n email: this.formData.email,\n primaryPhone: this.formData.primaryPhone,\n primaryPhoneType: this.formData.primaryPhoneType == null || this.formData.primaryPhoneType == undefined ? '-1' : this.formData.primaryPhoneType,\n secondaryPhone: this.formData.secondaryPhone,\n secondaryPhoneType: this.formData.secondaryPhoneType == null || this.formData.secondaryPhoneType == undefined ? '-1' : this.formData.secondaryPhoneType,\n });\n\n }\n showMakeSelectionPopup() {\n this.showMakeSelectionPopupValue = true;\n }\n\n async emittedPendingOption(selected: any) {\n this.showMakeSelectionPopupValue = false;\n\n if (selected == null) return;\n if (selected) {\n this.optedValue = STEP_STATUS.OPTED_IN_PENDING_SUBMISSION;\n await this._stepsHelperService.updateStepStatus(this.currentStep?.step?.cms_binding, this.optedValue);\n this.editable = true;\n }\n else {\n this.showOptoutConfirmationPopupValue = true;\n this.editable = false;\n }\n this.getStateColor();\n }\n\n async emittedOptoutConfirmationPopup(selected: any) {\n this.showOptoutConfirmationPopupValue = false;\n\n if (selected == null) return;\n if (selected) {\n this.optedValue = STEP_STATUS.OPTED_IN_PENDING_SUBMISSION;\n await this._stepsHelperService.updateStepStatus(this.currentStep?.step?.cms_binding, this.optedValue);\n this.editable = true;\n }\n else {\n this.optedValue = STEP_STATUS.OPTED_OUT;\n this.formData = '';\n this.fg.reset();\n\n this.fg.patchValue({\n state: -1,\n primaryPhoneType: -1,\n secondaryPhoneType: -1\n });\n await this._stepsHelperService.updateStepStatus(this.currentStep?.step?.cms_binding, this.optedValue, '{}');\n this.editable = false;\n }\n this.getStateColor();\n }\n\n getFormDropDownValues() {\n this.translate.stream(['globaltext.PhoneTypes']).subscribe((res: any) => {\n this.phoneTypes = this.getTypes(res['globaltext.PhoneTypes']);\n });\n }\n\n private getTypes(typesString: any) {\n let typesList: any[] = [];\n let types = typesString?.split(\"|\");\n if (types != null) {\n types.forEach((item: string) => {\n let type = item?.split(\"=\");\n if (type.length == 2)\n typesList.push({ id: type[0], name: type[1] });\n });\n }\n return typesList;\n }\n\n getStateColor() {\n let currentStatus = this.translate.instant('globalrichtext.CurrentStatus');\n\n switch (this.optedValue) {\n case STEP_STATUS.OPTED_OUT: {\n this.stateColor = 'b-red';\n this.subheadingUpdated = currentStatus.replace('{{Selection_Type}}', this.translate.instant('globaltext.OptedOut'));\n }\n break;\n case STEP_STATUS.OPTED_IN_PENDING_SUBMISSION: {\n this.stateColor = 'b-yellow';\n this.subheadingUpdated = currentStatus.replace('{{Selection_Type}}', this.translate.instant('globaltext.OptedInPendingForm'));\n }\n break;\n case STEP_STATUS.OPTED_IN: {\n this.stateColor = 'b-green';\n this.subheadingUpdated = currentStatus.replace('{{Selection_Type}}', this.translate.instant('globaltext.OptedIn'));\n }\n break;\n case STEP_STATUS.OPTED_IN_SUBMITTED: {\n this.stateColor = 'b-green';\n this.subheadingUpdated = currentStatus.replace('{{Selection_Type}}', this.translate.instant('globaltext.OptedInSubmitted'));\n }\n break;\n default: {\n this.stateColor = 'b-gray';\n this.subheadingUpdated = currentStatus.replace('{{Selection_Type}}', this.translate.instant('globaltext.PendingSelection'));\n }\n break;\n }\n this._stepsHelperService.stepDataUpdate$.next(true);\n }\n\n async onSubmit() {\n this.fg.markAllAsTouched();\n this.checkSelectedValue(this.primaryPhoneType);\n this.checkSelectedValue(this.state);\n if (!this.fg.valid)\n {\n this.memberService.errorInForm.next(true);\n return;\n }\n this.formData = this.fg.value;\n this.states.filter((x: any) => {\n if (x.id == this.state?.value)\n this.formData.stateName = x.name\n });\n this.phoneTypes.filter((x: any) => {\n if (x.id == this.primaryPhoneType?.value)\n this.formData.primaryPhoneTypeName = x.name\n });\n this.phoneTypes.filter((x: any) => {\n if (x.id == this.secondaryPhoneType?.value)\n this.formData.secondaryPhoneTypeName = x.name\n });\n if (this.formData.secondaryPhoneType?.value == -1) {\n this.formData.secondaryPhoneType?.setValue(\"\");\n }\n this.optedValue = STEP_STATUS.OPTED_IN_SUBMITTED;\n this.editable = false;\n await this._stepsHelperService.updateStepStatus(this.currentStep?.step?.cms_binding, this.optedValue, this.formData);\n this.getStateColor();\n }\n\n\n onEdit() {\n this.currentStep = this._stepsHelperService.getCurrentStepByRoute(this._router.url);\n this.setFormData();\n this.editable = true;\n }\n\n checkSelectedValue(formControl: any) {\n var control = formControl;\n if (formControl?.value == \"-1\") {\n formControl?.setErrors({ required: true });\n }\n }\n\n formatAsPhone(formControl: any, keyCode: any) {\n var control = formControl;\n var value = formControl?.value;\n // //Checking keyCode to make sure that the backspace or delete key weren’t pressed.\n if (keyCode.keyCode !== 8 && keyCode.keyCode !== 46) {\n const input = value.replace(/\\D/g, '').substring(0, 10); // First ten digits of input only\n let newVal = '';\n const zip = input.substring(0, 3);\n const middle = input.substring(3, 6);\n const last = input.substring(6, 10);\n\n if (input.length > 6) {\n newVal = `(${zip}) ${middle}-${last}`;\n } else if (input.length > 3) {\n newVal = `(${zip}) ${middle}`;\n } else if (input.length > 0) {\n newVal = `(${zip}`;\n }\n\n control?.setValue(newVal);\n }\n }\n \n get nameOfCoveredEntity() {\n return this.fg.get(\"nameOfCoveredEntity\");\n }\n\n get streetAddress1() {\n return this.fg.get(\"streetAddress1\");\n }\n get streetAddress2() {\n return this.fg.get(\"streetAddress2\");\n }\n get city() {\n return this.fg.get(\"city\");\n }\n get state() {\n return this.fg.get(\"state\");\n }\n get zipCode() {\n return this.fg.get(\"zipCode\");\n }\n get firstName() {\n return this.fg.get(\"firstName\");\n }\n get lastName() {\n return this.fg.get(\"lastName\");\n }\n get email() {\n return this.fg.get(\"email\");\n }\n get primaryPhone() {\n return this.fg.get(\"primaryPhone\");\n }\n get primaryPhoneType() {\n return this.fg.get(\"primaryPhoneType\");\n }\n get secondaryPhone() {\n return this.fg.get(\"secondaryPhone\");\n }\n get secondaryPhoneType() {\n return this.fg.get(\"secondaryPhoneType\");\n }\n}\n","\n
\n\n
\n \n
\n {{ 'ForgotPassword.Heading' | translate}}
\n {{ 'ForgotPassword.Subheading' | translate}}\n\n \n
\n \n
\n \n {{'ForgotPassword.AlreadyResetPassword' | translate}}\n
\n \n \n \n
\n\n
\n\n\n \n \n
\n\n\n
\n\n
\n \n\n {{'text.FormCollectionTitle' | translate}}:\n
\n \n
\n \n
\n \n {{'globaltext.NameOfCoveredEntityLabel' | translate}}:\n
\n \n {{nameOfCoveredEntity?.value}}\n
\n \n
\n \n {{'globaltext.StreeAddress1Label' | translate}}:\n
\n \n {{streetAddress1?.value}}\n
\n \n
\n \n {{'globaltext.StreeAddress2Label' | translate}}:\n
\n \n {{streetAddress2?.value}}\n
\n \n
\n \n {{'globaltext.CityLabel' | translate}}:\n
\n \n {{city?.value}}\n
\n \n
\n \n {{'globaltext.StateLabel' | translate}}:\n
\n \n {{formData?.stateName}}\n
\n \n
\n \n {{'globaltext.ZipCodeLabel' | translate}}:\n
\n \n {{zipCode?.value}}\n
\n \n {{'text.FormCollectionTitle2' | translate}}:\n
\n \n
\n \n
\n \n {{'globaltext.FirstNameLabel' | translate}}:\n
\n \n {{firstName?.value}}\n
\n \n
\n \n {{'globaltext.LastNameLabel' | translate}}:\n
\n \n {{lastName?.value}}\n
\n \n
\n \n {{'globaltext.EmailLabel' | translate}}:\n
\n \n {{email?.value}}\n
\n \n
\n \n {{'globaltext.PrimaryPhoneLabel' | translate}}:\n
\n \n {{primaryPhone?.value}}\n
\n \n
\n \n {{'globaltext.PrimaryPhoneTypeLabel' | translate}}:\n
\n \n {{formData?.primaryPhoneTypeName}}\n
\n \n
\n \n {{'globaltext.SecondaryPhoneLabel' | translate}}:\n
\n \n {{secondaryPhone?.value}}\n
\n \n
\n \n {{'globaltext.SecondaryPhoneTypeLabel' | translate}}:\n
\n \n {{formData?.secondaryPhoneTypeName}}\n
\n \n
\n \n \n \n\n","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, NavigationEnd, Router } from '@angular/router';\nimport { AppConfigService, BaseAppConfig, SessionService } from '@cyber/navigator-services';\nimport { filter } from 'rxjs/operators';\n\n@Component({\n selector: 'app-header-postlogin',\n templateUrl: './header-postlogin.component.html',\n styleUrls: ['./header-postlogin.component.scss'],\n})\nexport class HeaderPostloginComponent implements OnInit {\n\n FinalLinks = [\n {\n Routerlink: '/home',\n Icon: 'home',\n Key: 'Home',\n },\n {\n Routerlink: '/profile',\n Icon: 'account_circle',\n Key: 'Profile',\n }\n ]\n DashBoardMenuLinks = this.FinalLinks;\n\n clientLogoUrl = '';\n\n removeDashboardLinksForTheseUrls = ['/finish-setup','/welcome', '/important-information', '/mobile-device-notice', '/legal-disclaimer', '/select-event']\n noLogoForTheseUrls = ['/finish-setup','/select-event'];\n\n constructor(public router: Router,\n public sessionService: SessionService\n ) {\n \n if(!this.noLogoForTheseUrls.includes(this.router.url))\n this.clientLogoUrl = 'logo.png?slug=true';\n\n if(this.removeDashboardLinksForTheseUrls.includes(this.router.url))\n this.DashBoardMenuLinks = [];\n\n }\n\n ngOnInit(): void {\n this.router.events.subscribe((event) => {\n if(event instanceof NavigationEnd){\n if(this.removeDashboardLinksForTheseUrls.includes(event.url))\n this.DashBoardMenuLinks = [];\n else\n this.DashBoardMenuLinks = this.FinalLinks;\n }\n });\n }\n}\n","\n \n \n
\n \n
\n \n
\n \n
\n \n \n
\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-header-prelogin',\n templateUrl: './header-prelogin.component.html',\n styleUrls: ['./header-prelogin.component.scss']\n})\nexport class HeaderPreloginComponent implements OnInit {\n\n clientLogoUrl = '';\n constructor() { }\n\n ngOnInit(): void {\n //this.clientLogoUrl = \"../../../assets/logo-kroll.png\";\n }\n\n}\n","\n
\n","import { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-image',\n templateUrl: './image.component.html',\n styleUrls: ['./image.component.scss']\n})\nexport class ImageComponent implements OnInit {\n\n @Input() src!: string;\n @Input() alt = '';\n @Input() class= '';\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n
\n\n ![](\"../../../assets/kroll.svg\")
\n \n
\n \n \n \n
","import { Component, OnInit } from '@angular/core';\nimport { LoadingService } from 'src/app/services/loading.service';\n\n@Component({\n selector: 'app-loading-modal',\n templateUrl: './loading-modal.component.html',\n styleUrls: ['./loading-modal.component.scss']\n})\nexport class LoadingModalComponent implements OnInit {\n\n show = false;\n constructor(public loadingService: LoadingService) {\n this.loadingService.getLoading().subscribe((data:any)=>{\n this.show = data;\n });\n }\n\n ngOnInit(): void {\n }\n\n}\n","","import { Component } from \"@angular/core\";\n\n@Component({\n selector: \"app-loading-spinner\",\n templateUrl: \"./loading-spinner.component.html\",\n styleUrls: [\"./loading-spinner.component.scss\"]\n})\nexport class LoadingSpinnerComponent { }\n","\n
\n \n\n \n
","import { Component, Input, OnInit } from '@angular/core';\nimport { OutageService } from '@cyber/navigator-services';\n\n@Component({\n selector: 'app-maintenance-banner',\n templateUrl: './maintenance-banner.component.html',\n styleUrls: ['./maintenance-banner.component.scss'],\n})\nexport class MaintenanceBannerComponent implements OnInit {\n @Input() message = '';\n displayOutageBanner = false;\n\n constructor(private outageService: OutageService) {}\n\n ngOnInit(): void {\n this.outageService.outageObservable$.subscribe((outageInfo) => {\n this.displayOutageBanner = outageInfo?.display_outage;\n });\n }\n}\n","\n \n
\n\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-maintenance-wrapper',\n templateUrl: './maintenance-wrapper.component.html',\n styleUrls: ['./maintenance-wrapper.component.scss'],\n})\nexport class MaintenanceWrapperComponent implements OnInit {\n constructor() {}\n\n ngOnInit(): void {}\n}\n","\n \n
\n","import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';\nimport { DataOwnerEntity } from '@cyber/navigator-services';\nimport { TranslateService } from '@ngx-translate/core';\nimport { Popup } from 'src/app/models/popup';\nimport { Tip, TipsCard } from 'src/app/models/tips';\nimport { StorageService } from 'src/app/services/storage.service';\nimport { appConstants } from 'src/app/shared/app-constants';\n\n@Component({\n selector: 'app-modal-popup',\n templateUrl: './modal-popup.component.html',\n styleUrls: ['./modal-popup.component.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class ModalPopupComponent implements OnInit {\n\n popupDetails!:Popup;\n loaded=false;\n @Input() logo = \"warning\";\n @Input() modalType!:string;\n @Input() leftbutton!:string;\n @Input() rightbutton!:string;\n @Input() showCloseButton = false;\n @Input() show!:boolean;\n @Input() IsGlobalDescription = true;\n @Output() emitstate: EventEmitter\n \n
\n\n
\n\n \n
\n\n
\n \n\n\n
\n \n 1\"\n >\n {{\n \"globaltext.ChangeEventButton\" | translate\n }}\n \n \n \n
\n\n \n
\n \n {{ \"globaltext.ProfileHeading\" | translate }}\n
\n {{\n \"globaltext.ProfileSubHeading\" | translate\n }}\n\n
\n \n {{\n \"globaltext.AccountDetailsHeading\" | translate\n }}\n
\n \n
\n \n \n
\n \n
\n \n {{\n \"globaltext.PersonalInformationHeading\" | translate\n }}\n
\n \n \n \n {{ errorMessage }}\n
\n \n \n \n
\n \n \n \n \n {{ \"globaltext.FirstNameRequiredMsg\" | translate }}\n \n {{ \"globaltext.FirstNameInvalidMsg\" | translate }} \n \n
\n \n \n \n \n {{ \"globaltext.LastNameRequiredMsg\" | translate }}\n \n {{ \"globaltext.LastNameInvalidMsg\" | translate }} \n \n
\n \n
\n \n {{\n \"globaltext.EmailAddressHeading\" | translate\n }}\n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n {{\n \"globaltext.CurrentEmailPendingVerificationLabel\" | translate\n }}\n \n {{\n \"globaltext.ResendEmailVerificationButton\" | translate\n }}\n \n \n \n
\n \n {{\n \"globaltext.CurrentEmailPendingVerificationError\" | translate\n }}\n
\n\n \n \n {{ errorMessage }}\n
\n \n \n \n
\n \n \n \n \n {{ \"globaltext.EmailRequiredMsg\" | translate }}\n {{ \"globaltext.EmailPatternMsg\" | translate }} \n {{\n \"globaltext.EmailMaxLengthMsg\" | translate\n }}\n \n
\n \n \n \n \n {{ \"globaltext.EmailRequiredMsg\" | translate }} \n {{\n \"globaltext.ConfirmEmailMatchMsg\" | translate\n }}\n {{ \"globaltext.EmailPatternMsg\" | translate }} \n {{ \"globaltext.EmailMaxLengthMsg\" | translate }} \n \n
\n \n
\n","import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';\nimport { CookieService } from 'ngx-cookie-service';\nimport { appConstants } from 'src/app/shared/app-constants';\nimport {\n FormGroup,\n FormControl,\n Validators,\n FormsModule,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { Observable, Subscription } from 'rxjs';\nimport { RedeemUserWrapper } from 'src/app/models/redeem';\nimport { RegistrationService } from '@cyber/navigator-services';\nimport { LoadingService } from 'src/app/services/loading.service';\n\n\n@Component({\n selector: 'app-redeem-add-user',\n templateUrl: './redeem-add-user.component.html',\n styleUrls: ['./redeem-add-user.component.scss'],\n})\nexport class RedeemAddUserComponent implements OnInit {\n @Input() userDetails!: RedeemUserWrapper;\n @Input() events!: Observable\n \n \n \n
\n\n
\n \n
\n \n {{ \"globaltext.ChangeEventDescription\" | translate }}\n
\n\n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n\n","import { Component, OnInit } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { CookieService } from 'ngx-cookie-service';\nimport { appConstants } from 'src/app/shared/app-constants';\n\n@Component({\n selector: 'app-redeem-confirmation',\n templateUrl: './redeem-confirmation.component.html',\n styleUrls: ['./redeem-confirmation.component.scss'],\n})\nexport class RedeemConfirmationComponent implements OnInit {\n pageCms: any;\n\n constructor(private translate: TranslateService, private _cookieService: CookieService) {}\n\n ngOnInit(): void {\n this._cookieService.delete(appConstants.sessionCookieObject);\n const cmsPageData = this.translate.instant(`page`);\n this.pageCms = cmsPageData['Redeem_Confirmation'];\n }\n}\n","\n
\n\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n person_add\n Add an Additional User\n \n
\n \n
\n \n \n SUBMIT\n \n \n \n
\n \n \n
\n \n
\n \n\n","import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { FormGroup, FormControl } from '@angular/forms';\nimport { CookieService } from 'ngx-cookie-service';\nimport { appConstants } from 'src/app/shared/app-constants';\nimport { RegistrationService } from '@cyber/navigator-services';\nimport { TranslateService } from '@ngx-translate/core';\nimport { LoadingService } from 'src/app/services/loading.service';\n\n@Component({\n selector: 'app-redeem',\n templateUrl: './redeem.component.html',\n styleUrls: ['./redeem.component.scss'],\n})\nexport class RedeemComponent implements OnInit {\n formGroup!: FormGroup;\n errorMessage!: string;\n status!: string;\n knownErrors = [\n 'ACCESS_CODE_DOES_NOT_EXIST',\n 'ACCESS_CODE_EXPIRED',\n 'ACCESS_CODE_REDEEMED',\n 'ZIP_CODE_MISMATCH',\n ];\n pageCms: any;\n\n constructor(\n private _registrationService: RegistrationService,\n private _router: Router,\n private _cookieService: CookieService,\n private translate: TranslateService,\n private loading: LoadingService\n ) {}\n\n ngOnInit(): void {\n this.status = 'loading';\n this.errorMessage = '';\n\n const cmsPageData = this.translate.instant(`page`);\n this.pageCms = cmsPageData['Redeem'];\n\n this.formGroup = new FormGroup({\n activationCode: new FormControl(null, appConstants.ActivationCodeRegex),\n zipCode: new FormControl(null, appConstants.ZipCodeRegex),\n });\n }\n get activationCode() {\n return this.formGroup.get('activationCode');\n }\n\n get zipCode() {\n return this.formGroup.get('zipCode');\n }\n\n setQuickCookie(name: string, value: string, expiration: Date) {\n const isLocal = window.location.hostname === 'localhost';\n const domain = this.getDomain();\n this._cookieService.set(name, value, expiration, '/', domain, !isLocal);\n }\n\n isIEBrowser() {\n const ua = window.navigator.userAgent;\n const msie = ua.indexOf('MSIE ');\n if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\\:11\\./)) {\n // If Internet Explorer, return version number\n return true;\n }\n return false;\n }\n\n getDomain(): string {\n const isLocal = window.location.hostname === 'localhost';\n let domain = isLocal\n ? this.isIEBrowser()\n ? ''\n : 'localhost'\n : window.location.hostname;\n //Change to get dynamic sub domain/domain for US region\n if (!isLocal) {\n const firstDot = window.location.hostname.indexOf('.');\n domain = window.location.hostname.substring(\n firstDot == -1 ? 0 : firstDot\n );\n }\n return domain;\n }\n\n async ValidateCode() {\n this.status = 'loading';\n if (this.activationCode?.value === null) {\n this.activationCode.markAsTouched();\n }\n if (this.zipCode?.value === null) {\n this.zipCode.markAsTouched();\n }\n if (this.formGroup.invalid) {\n return;\n }\n this.status = 'loaded';\n this.errorMessage = '';\n\n try {\n this.loading.show();\n var response = await this._registrationService.validateRedeemCode(\n this.activationCode?.value,\n this.zipCode?.value\n );\n this.setQuickCookie(\n appConstants.sessionCookieObject,\n response.auth_token,\n new Date(response.expiration)\n );\n this.loading.hide();\n this._router.navigate(['redeem/add-users']);\n } catch (err: any) {\n this.loading.hide();\n console.error(err);\n if (this.knownErrors.includes(err.error)) {\n this.errorMessage = err.error;\n } else {\n this.errorMessage = 'CommonError';\n }\n } finally {\n this.status = 'loaded';\n }\n }\n}\n","\n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n {{ \"globaltext.VerifyCodeButton\" | translate }}\n \n \n \n
\n \n
\n \n
\n\n \n
\n \n \n
\n \n \n\n","import { Component, OnInit } from '@angular/core';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport { RegionalDataService } from 'src/app/services/regional-data.service';\nimport { appConstants } from 'src/app/shared/app-constants';\n\n@Component({\n selector: 'app-request-registration-link-success',\n templateUrl: './request-registration-link-success.component.html',\n styleUrls: ['./request-registration-link-success.component.scss']\n})\nexport class RequestRegistrationLinkSuccessComponent implements OnInit {\n\n constructor(public regionalDataService: RegionalDataService) {\n\n }\n\n ngOnInit(): void {\n }\n \n\n}\n","\n
","import { Component, OnInit } from '@angular/core';\nimport { FormGroup, FormControl, AbstractControl } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { RegionalDataService } from 'src/app/services/regional-data.service';\nimport { appConstants } from 'src/app/shared/app-constants';\n\n@Component({\n selector: 'app-request-registration-link',\n templateUrl: './request-registration-link.component.html',\n styleUrls: ['./request-registration-link.component.scss']\n})\nexport class RequestRegistrationLinkComponent implements OnInit {\n formGroup: FormGroup;\n errorMessage = '';\n status = 'loaded';\n constructor(\n public regionalDataService: RegionalDataService,\n public router: Router) {\n\n this.formGroup = new FormGroup({\n emails: new FormGroup(\n {\n email: new FormControl(null, appConstants.EmailRegex),\n confirmEmail: new FormControl(null, appConstants.EmailRegex)\n },\n this.emailMatcher\n )\n });\n }\n\n\n emailMatcher(c: AbstractControl): any {\n if (!c.get(\"confirmEmail\")?.hasError(\"required\") && !c.get(\"confirmEmail\")?.hasError(\"pattern\")) {\n if (c.get(\"email\")?.value && c.get(\"confirmEmail\")?.value && c.get(\"email\")?.value.toLowerCase() !== c.get(\"confirmEmail\")?.value.toLowerCase()) {\n c.get('confirmEmail')?.setErrors({invalid: true});\n return { nomatch: true };\n }\n }\n }\n\n fieldsMatch(fieldName: string) {\n return (\n this?.formGroup?.get(fieldName)?.hasError(\"nomatch\") &&\n this?.formGroup?.get(fieldName)?.touched\n );\n }\n\n ngOnInit(): void {\n }\n\n redirectToEnroll(){\n }\n\n onSubmit(): void {\n\n //if (this.status === \"loading\") return;\n if (this.status === \"loading\") this.router.navigate(['registration-reset-success']);\n // TODO: Send form values to API for login call\n this.formGroup.markAllAsTouched();\n this.status = \"loading\";\n this.errorMessage = \"\";\n //const getFormVal = (name: string) => this.formGroup.get(name).value;\n\n // this._authService.login(\n
\n\n
\n \n
\n {{ 'RequestRegistrationLinkSuccess.Heading' | translate}}
\n {{ 'RequestRegistrationLinkSuccess.Subheading' | translate}}\n\n \n \n \n
\n \n
","import { Component, OnInit } from '@angular/core';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport { RegionalDataService } from 'src/app/services/regional-data.service';\nimport { appConstants } from 'src/app/shared/app-constants';\n\n@Component({\n selector: 'app-reset-password-success',\n templateUrl: './reset-password-success.component.html',\n styleUrls: ['./reset-password-success.component.scss']\n})\nexport class ResetPasswordSuccessComponent implements OnInit {\n\n constructor(public regionalDataService: RegionalDataService) {\n\n }\n\n ngOnInit(): void {\n }\n \n\n}\n","\n
\n\n
\n \n
\n {{ 'RequestRegistrationLink.Heading' | translate}}
\n {{ 'RequestRegistrationLink.Subheading' | translate}}\n\n \n
\n \n
\n \n {{'ForgotPassword.AlreadyResetPassword' | translate}}\n
\n \n \n
","import { Component, OnInit } from '@angular/core';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { RegionalDataService } from 'src/app/services/regional-data.service';\nimport { appConstants } from 'src/app/shared/app-constants';\n\n@Component({\n selector: 'app-reset-password',\n templateUrl: './reset-password.component.html',\n styleUrls: ['./reset-password.component.scss']\n})\nexport class ResetPasswordComponent implements OnInit {\n\n formGroup: FormGroup;\n errorMessage = '';\n status = 'loaded';\n hidePassword = true;\n constructor(\n public regionalDataService: RegionalDataService,\n public router: Router) {\n\n this.formGroup = new FormGroup({\n password: new FormControl(null, appConstants.PasswordRegex)\n });\n }\n\n ngOnInit(): void {\n }\n\n redirectToEnroll(){\n }\n\n onSubmit(): void {\n //if (this.status === \"loading\") return;\n if (this.status === \"loading\") this.router.navigate(['password-reset-success']);\n // TODO: Send form values to API for login call\n this.formGroup.markAllAsTouched();\n this.status = \"loading\";\n this.errorMessage = \"\";\n //const getFormVal = (name: string) => this.formGroup.get(name).value;\n\n // this._authService.login(\n
\n\n
\n \n
\n {{ 'ResetPasswordSuccess.Heading' | translate}}
\n {{ 'ResetPasswordSuccess.Subheading' | translate}}\n\n \n \n \n
\n \n
","import { Component, OnInit } from '@angular/core';\nimport {\n ChangeOfAddressService,\n CustomerDownloadProcessingStatus,\n STEP_STATUS,\n} from '@cyber/navigator-services';\nimport { LoadingService } from 'src/app/services/loading.service';\nimport { StepsHelperService } from 'src/app/services/steps-helper.service';\nimport { appConstants } from 'src/app/shared/app-constants';\n\n@Component({\n selector: 'app-review-change-of-address-file',\n templateUrl: './review-change-of-address-file.component.html',\n styleUrls: ['./review-change-of-address-file.component.scss'],\n})\nexport class ReviewChangeOfAddressFileComponent implements OnInit {\n public loadedTip = '';\n error = '';\n currentDataOwner: any;\n fileType: string = 'xlsx';\n interval: any;\n fileGenerationStatus!: CustomerDownloadProcessingStatus;\n constructor(\n private _stepsHelperService: StepsHelperService,\n private _changeOfAddressService: ChangeOfAddressService,\n private _loadingService: LoadingService\n ) {}\n\n async ngOnInit(): Promise\n
\n\n
\n \n
\n {{ 'ResetPassword.Heading' | translate}}
\n {{ 'ResetPassword.Subheading' | translate}}\n\n \n
\n \n
\n \n {{'ResetPassword.AlreadyResetPassword' | translate}}\n
\n \n \n
\n\n\n\n {{\n \"globaltext.NcoaFileGenerationInProgress\" | translate\n }}\n 100\">{{\n \"globaltext.NcoaFileGenerationComplete\" | translate\n }}\n
\n \n \n
\n\n \n
\n","import {\n Component,\n ElementRef,\n EventEmitter,\n Input,\n NgZone,\n OnInit,\n Output,\n ViewChild,\n} from '@angular/core';\nimport { FormGroup, NgForm, FormControl, Validators } from '@angular/forms';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport {\n ChangeOfAddress,\n ChangeOfAddressService,\n Customer,\n CustomerChangeOfAddress,\n CustomerField,\n CustomerService,\n DataOwnerService,\n STEP_STATUS,\n} from '@cyber/navigator-services';\nimport { TranslateService } from '@ngx-translate/core';\nimport {\n GridDataResult,\n GridComponent,\n EditEvent,\n CellClickEvent,\n CellCloseEvent,\n SaveEvent,\n CancelEvent,\n RemoveEvent,\n ColumnBase,\n ColumnComponent,\n} from '@progress/kendo-angular-grid';\nimport {\n CompositeFilterDescriptor,\n FilterDescriptor,\n State,\n} from '@progress/kendo-data-query';\nimport { ToastrService } from 'ngx-toastr';\nimport { Subject } from 'rxjs';\nimport { debounceTime, take } from 'rxjs/operators';\nimport { DateHelper } from 'src/app/helpers/date.helper';\nimport { KendoGridHelper } from 'src/app/helpers/kendo-grid-helper';\nimport { MemberService } from 'src/app/services/member.service';\nimport { StepsHelperService } from 'src/app/services/steps-helper.service';\nimport { StorageService } from 'src/app/services/storage.service';\nimport { appConstants } from 'src/app/shared/app-constants';\n\n@Component({\n selector: 'app-review-change-of-address-web',\n templateUrl: './review-change-of-address-web.component.html',\n styleUrls: ['./review-change-of-address-web.component.scss'],\n})\nexport class ReviewChangeOfAddressWebComponent implements OnInit {\n @Output() emitOnDataChanged: EventEmitter\n \n \n {{ dataItem[customerField.field_name] }}\n \n \n {{ formatDateTimeValue(dataItem[customerField.field_name]) }}\n \n \n \n \n \n
\n\n\n
\n \n \n
\n\n\n\n {{\n \"globaltext.ExceptionFileGenerationInProgress\" | translate\n }}\n 100\">{{\n \"globaltext.ExceptionFileGenerationComplete\" | translate\n }}\n
\n \n \n
\n\n \n
\n","import {\n Component,\n ElementRef,\n EventEmitter,\n Input,\n NgZone,\n OnInit,\n Output,\n ViewChild,\n} from '@angular/core';\nimport { FormGroup, NgForm, FormControl, Validators } from '@angular/forms';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport {\n CustomerField,\n CustomerChangeOfAddress,\n ChangeOfAddressService,\n DataOwnerService,\n STEP_STATUS,\n ChangeOfAddress,\n CustomerExceptionCustomFields,\n CustomerExceptionService,\n CustomerException,\n} from '@cyber/navigator-services';\nimport { TranslateService } from '@ngx-translate/core';\nimport {\n GridDataResult,\n GridComponent,\n EditEvent,\n CellClickEvent,\n CellCloseEvent,\n CancelEvent,\n ColumnBase,\n ColumnComponent,\n} from '@progress/kendo-angular-grid';\nimport {\n State,\n CompositeFilterDescriptor,\n FilterDescriptor,\n} from '@progress/kendo-data-query';\nimport { ToastrService } from 'ngx-toastr';\nimport { Subject } from 'rxjs';\nimport { debounceTime, take } from 'rxjs/operators';\nimport { DateHelper } from 'src/app/helpers/date.helper';\nimport { KendoGridHelper } from 'src/app/helpers/kendo-grid-helper';\nimport { MemberService } from 'src/app/services/member.service';\nimport { StepsHelperService } from 'src/app/services/steps-helper.service';\nimport { StorageService } from 'src/app/services/storage.service';\nimport { appConstants } from 'src/app/shared/app-constants';\n\n@Component({\n selector: 'app-review-customer-exceptions-web',\n templateUrl: './review-customer-exceptions-web.component.html',\n styleUrls: ['./review-customer-exceptions-web.component.scss'],\n})\nexport class ReviewCustomerExceptionsWebComponent implements OnInit {\n @Output() emitOnDataChanged: EventEmitter\n
\n \n \n
\n \n
\n\n\n\n {{\n \"globaltext.FileGenerationInProgress\" | translate\n }}\n 100\">{{\n \"globaltext.FileGenerationComplete\" | translate\n }}\n
\n \n \n
\n\n \n
\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-review-file-tips',\n templateUrl: './review-file-tips.component.html',\n styleUrls: ['./review-file-tips.component.scss']\n})\nexport class ReviewFileTipsComponent implements OnInit {\n\n public loadedTip = \"\";\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n \n \n \n \n
\n\n \n \n \n \n
\n\n
","import { Component, EventEmitter, OnInit, Output } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { STEP_STATUS } from '@cyber/navigator-services';\nimport { TranslateService } from '@ngx-translate/core';\nimport { OfferedServices } from 'src/app/models/offered-services';\nimport { StepsHelperService } from 'src/app/services/steps-helper.service';\nimport { StorageService } from 'src/app/services/storage.service';\nimport { appConstants } from 'src/app/shared/app-constants';\n\n@Component({\n selector: 'app-services-offered',\n templateUrl: './services-offered.component.html',\n styleUrls: ['./services-offered.component.scss'],\n})\nexport class ServicesOfferedComponent implements OnInit {\n currentStep: any;\n stateColor = 'gray';\n loadedTip = '';\n showMakeSelectionPopupValue = false;\n showOptoutConfirmationPopupValue = false;\n optedValue: any;\n subheadingUpdated = '';\n ServicesList: OfferedServices[] = [];\n currentDataOwner: any;\n currentDataOwnerId: any;\n minorServiceList: OfferedServices[] = [];\n adultServiceList: OfferedServices[] = [];\n showSectionsBasedOnOptInEndDateReached = '0';\n optInStartDateReached = '0';\n optInStartDate: string = '';\n\n constructor(\n public translate: TranslateService,\n private _storageService: StorageService,\n private _stepsHelperService: StepsHelperService,\n private _router: Router\n ) {\n this.currentStep = this._stepsHelperService.getCurrentStepByRoute(\n this._router.url\n );\n this.currentDataOwner =\n this._stepsHelperService.getDataOwnerFromLocalStorage();\n this.getServiceList();\n }\n\n ngOnInit(): void {\n this.optedValue = this.currentStep?.step_status_id;\n this.showSectionsBasedOnOptInEndDateReached =\n this._storageService.getLocalStorage(appConstants.OptInEndDateReached);\n this.optInStartDateReached = this._storageService.getLocalStorage(\n appConstants.OptInStartDateReached\n );\n\n this.getStateColor();\n }\n\n closeTip(event: any) {\n this.loadedTip = '';\n }\n\n showMakeSelectionPopup() {\n this.showMakeSelectionPopupValue = true;\n }\n\n async emittedPendingOption(selected: any) {\n this.showMakeSelectionPopupValue = false;\n\n if (selected == null) return;\n if (selected) {\n this.optedValue = STEP_STATUS.OPTED_IN;\n await this._stepsHelperService.updateStepStatus(\n appConstants.WorkflowStep.NotificationOptIn,\n STEP_STATUS.OPTED_IN\n );\n this.resetDepedentStepsWhenOptedIn();\n } else {\n this.showOptoutConfirmationPopupValue = true;\n }\n this.getStateColor();\n }\n\n async emittedOptoutConfirmationPopup(selected: any) {\n this.showOptoutConfirmationPopupValue = false;\n\n if (selected == null) return;\n if (selected) {\n this.optedValue = STEP_STATUS.OPTED_IN;\n await this._stepsHelperService.updateStepStatus(\n appConstants.WorkflowStep.NotificationOptIn,\n STEP_STATUS.OPTED_IN\n );\n\n await this.resetDepedentStepsWhenOptedIn();\n } else {\n this.optedValue = STEP_STATUS.OPTED_OUT;\n await this._stepsHelperService.updateStepStatus(\n appConstants.WorkflowStep.NotificationOptIn,\n STEP_STATUS.OPTED_OUT\n );\n await this._stepsHelperService.updateStepStatus(\n appConstants.WorkflowStep.CustomerUpdate,\n STEP_STATUS.NA_OPTED_OUT\n );\n await this._stepsHelperService.updateStepStatus(\n appConstants.WorkflowStep.Notification_Report,\n STEP_STATUS.NA_OPTED_OUT\n );\n const ncoaReviewStep = this._stepsHelperService.getCurrentStepByBinding(\n appConstants.WorkflowStep.NCOA_Review\n );\n if (ncoaReviewStep.step_status_id !== STEP_STATUS.NOT_YET_AVAILABLE) {\n await this._stepsHelperService.updateStepStatus(\n appConstants.WorkflowStep.NCOA_Review,\n STEP_STATUS.NA_OPTED_OUT\n );\n }\n const exceptionReviewStep =\n this._stepsHelperService.getCurrentStepByBinding(\n appConstants.WorkflowStep.Exceptions_Review\n );\n if (\n exceptionReviewStep.step_status_id !== STEP_STATUS.NOT_YET_AVAILABLE\n ) {\n await this._stepsHelperService.updateStepStatus(\n appConstants.WorkflowStep.Exceptions_Review,\n STEP_STATUS.NA_OPTED_OUT\n );\n }\n }\n this.getStateColor();\n }\n\n async resetDepedentStepsWhenOptedIn() {\n let customerUpdateStep = this._stepsHelperService.getCurrentStepByBinding(\n appConstants.WorkflowStep.CustomerUpdate\n );\n if (\n customerUpdateStep?.step_status_id == STEP_STATUS.NA_OPTED_OUT ||\n customerUpdateStep?.step_status_id == STEP_STATUS.NOT_YET_AVAILABLE\n ) {\n await this._stepsHelperService.updateStepStatus(\n appConstants.WorkflowStep.CustomerUpdate,\n STEP_STATUS.PENDING\n );\n }\n let notificationReportStep =\n this._stepsHelperService.getCurrentStepByBinding(\n appConstants.WorkflowStep.Notification_Report\n );\n if (notificationReportStep?.step_status_id == STEP_STATUS.NA_OPTED_OUT) {\n await this._stepsHelperService.updateStepStatus(\n appConstants.WorkflowStep.Notification_Report,\n STEP_STATUS.PENDING\n );\n }\n let ncoaReviewStep = this._stepsHelperService.getCurrentStepByBinding(\n appConstants.WorkflowStep.NCOA_Review\n );\n if (ncoaReviewStep?.step_status_id == STEP_STATUS.NA_OPTED_OUT) {\n await this._stepsHelperService.updateStepStatus(\n appConstants.WorkflowStep.NCOA_Review,\n STEP_STATUS.PENDING\n );\n }\n }\n\n getStateColor() {\n let currentStatus = this.translate.instant('globalrichtext.CurrentStatus');\n\n switch (this.optedValue) {\n case STEP_STATUS.OPTED_OUT:\n {\n this.stateColor = 'b-red';\n this.subheadingUpdated = currentStatus.replace(\n '{{Selection_Type}}',\n this.translate.instant('globaltext.OptedOut')\n );\n }\n break;\n case STEP_STATUS.OPTED_IN:\n {\n this.stateColor = 'b-green';\n this.subheadingUpdated = currentStatus.replace(\n '{{Selection_Type}}',\n this.translate.instant('globaltext.OptedIn')\n );\n }\n break;\n default:\n {\n this.stateColor = 'b-gray';\n this.subheadingUpdated = currentStatus.replace(\n '{{Selection_Type}}',\n this.translate.instant('globaltext.PendingSelection')\n );\n }\n break;\n }\n this._stepsHelperService.stepDataUpdate$.next(true);\n }\n\n getServiceList() {\n let current_page_content: any;\n this.adultServiceList = [];\n this.minorServiceList = [];\n this.translate.stream('page').subscribe((res: any) => {\n let cms_page_data = res;\n current_page_content = cms_page_data[this.currentStep?.step?.cms_binding];\n\n if (\n current_page_content?.pageservices != null &&\n current_page_content?.pageservices != '' &&\n current_page_content?.pageservices != undefined\n ) {\n let services = this.getOfferedServices();\n current_page_content?.pageservices.forEach((s: any) => {\n let resultService = services.find(\n (item: OfferedServices) => item.binding == s.service\n );\n if (resultService != undefined) {\n if (resultService?.group == 'adult') {\n this.adultServiceList.push(resultService);\n } else {\n this.minorServiceList.push(resultService);\n }\n }\n });\n }\n });\n }\n\n getOfferedServices(): OfferedServices[] {\n let servicesList: OfferedServices[] = [\n {\n name: 'Single Bureau Credit Report',\n group: 'adult',\n content_binding: 'service_single_bureau_credit_report',\n icon: 'single-burea-credit-monitoring',\n binding: 'single_bureau_credit_report',\n },\n {\n name: 'Single Bureau Credit Monitoring',\n group: 'adult',\n content_binding: 'service_single_bureau_credit_monitoring',\n icon: 'single-burea-credit-report',\n binding: 'single_bureau_credit_monitoring',\n },\n {\n name: 'Three Bureau Credit Monitoring',\n group: 'adult',\n content_binding: 'service_three_bureau_credit_monitoring',\n icon: 'three-burea-credit-monitoring',\n binding: 'three_bureau_credit_monitoring',\n },\n {\n name: 'Web Watcher Internet Monitoring',\n group: 'adult',\n content_binding: 'service_web_watcher_internet_monitoring',\n icon: 'web-watcher-internet-monitoring',\n binding: 'web_watcher_internet_monitoring',\n },\n {\n name: 'Public Persona',\n group: 'adult',\n content_binding: 'service_public_persona',\n icon: 'public-persona',\n binding: 'public_persona',\n },\n {\n name: 'Quick Cash Scan',\n group: 'adult',\n content_binding: 'service_quick_cash',\n icon: 'quick-cash',\n binding: 'quick_cash',\n },\n {\n name: '$1 Million Identity Fraud Loss Reimbursement',\n group: 'adult',\n content_binding: 'service_1m_idenity_fraud',\n icon: '1m-idenity-fraud',\n binding: '1m_idenity_fraud',\n },\n {\n name: 'Consumer Consultation',\n group: 'adult',\n content_binding: 'service_consumer_consultation',\n icon: 'consumer-consultation',\n binding: 'consumer_consultation',\n },\n {\n name: 'Consumer Notification',\n group: 'adult',\n content_binding: 'service_consumer_notification',\n icon: 'consumer-notification',\n binding: 'consumer_notification',\n },\n {\n name: 'Identity Restoration',\n group: 'adult',\n content_binding: 'service_identity_restoration',\n icon: 'identity-restoration',\n binding: 'identity_restoration',\n },\n {\n name: 'Call Center Support',\n group: 'adult',\n content_binding: 'service_call_center_support',\n icon: 'call-center-support',\n binding: 'call_center_support',\n },\n {\n name: 'Minor Monitoring',\n group: 'minor',\n content_binding: 'service_minor_monitoring',\n icon: 'minor-monitoring',\n binding: 'minor_monitoring',\n },\n {\n name: 'Minor Consumer Notification',\n group: 'minor',\n content_binding: 'service_consumer_notification_minor',\n icon: 'consumer-notification',\n binding: 'consumer_notification_minor',\n },\n {\n name: 'Minor Consumer Consultation',\n group: 'minor',\n content_binding: 'service_consumer_consultation_minor',\n icon: 'consumer-consultation',\n binding: 'consumer_consultation_minor',\n },\n {\n name: 'Minor Call Center Support',\n group: 'minor',\n content_binding: 'service_call_center_support_minor',\n icon: 'call-center-support',\n binding: 'call_center_support_minor',\n },\n {\n name: 'Minor Identity Restoration',\n group: 'minor',\n content_binding: 'service_identity_restoration_minor',\n icon: 'identity-restoration',\n binding: 'identity_restoration_minor',\n },\n ];\n\n return servicesList;\n }\n}\n","\n \n \n \n \n
\n\n
\n \n {{\"globaltext.SelectEventDescription\" | translate }}\n
\n \n
\n \n \n
\n \n \n
\n\n \n \n \n
\n \n\n 0\">\n \n
\n 0\">\n \n
\n \n
","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport {\n CmsContentService,\n DataOwnerEntity,\n DataOwnerMilestoneEntity,\n DataOwnerService,\n Milestones,\n RegistrationService,\n SessionService,\n} from '@cyber/navigator-services';\nimport { TranslateService } from '@ngx-translate/core';\nimport { DateHelper } from 'src/app/helpers/date.helper';\nimport { ContentService } from 'src/app/services/content.service';\nimport { LoadingService } from 'src/app/services/loading.service';\nimport { StorageService } from 'src/app/services/storage.service';\nimport { appConstants } from 'src/app/shared/app-constants';\n\n@Component({\n selector: 'app-setting-up-environment',\n templateUrl: './setting-up-environment.component.html',\n styleUrls: ['./setting-up-environment.component.scss'],\n})\nexport class SettingUpEnvironmentComponent implements OnInit {\n redirectToPage = '';\n loadingLanguage!: any;\n timeZones: any;\n\n constructor(\n public activatedRoute: ActivatedRoute,\n public dataOwnerService: DataOwnerService,\n public translateService: TranslateService,\n private loadingService: LoadingService,\n private _storageService: StorageService,\n public router: Router,\n public cmsContentService: CmsContentService,\n public contentService: ContentService,\n private _sessionService: SessionService,\n private _dateHelper: DateHelper,\n private _registrationService: RegistrationService\n ) {\n this.activatedRoute.queryParams.subscribe((params) => {\n this.redirectToPage = params['url'];\n });\n }\n\n lang = 'en';\n\n langCheckTimeOut!: any;\n currentTranslateService!: any;\n async ngOnInit() {\n this.loadingService.show();\n\n // Loading DataOwner Steps and Milestones\n let currentDataOwnerAsync =\n this._sessionService.fetchCurrentDataOwnerSession();\n let userSessionDetailsAsync =\n this._sessionService.fetchCurrentUserSession();\n let timeZoneAsync = this._registrationService.getTimezones();\n let [currentDataOwner, userSessionDetails, timeZoneDetails] =\n await Promise.all([\n currentDataOwnerAsync,\n userSessionDetailsAsync,\n timeZoneAsync,\n ]);\n\n this.timeZones = timeZoneDetails;\n let dataOwnerDetails = currentDataOwner;\n let dataOwnerWorkflowSteps =\n currentDataOwner?.workflows[0]?.actions[0]?.steps?.sort(\n (a, b) => a.step?.execution_order - b.step?.execution_order\n );\n\n this._storageService.setLocalStorage(\n appConstants.DataOwner,\n JSON.stringify(currentDataOwner)\n );\n\n this._storageService.setLocalStorage(\n appConstants.DataOwnerSteps,\n JSON.stringify(dataOwnerWorkflowSteps)\n );\n\n let optInStartDateMileStone: DataOwnerMilestoneEntity | undefined =\n dataOwnerDetails?.milestones?.find(\n (x: { milestone_id: number }) => x.milestone_id == Milestones.OptInStart\n );\n\n let optInStartDate = 'OptIn-Start Date Not Provided';\n let optInStartDateReached = false;\n if (optInStartDateMileStone != null) {\n let optInStartTimeZone = this.timeZones.find(\n (timeZone: any) =>\n timeZone.time_zone_id ==\n optInStartDateMileStone?.effective_date_time_zone_id\n );\n\n if (\n !this._dateHelper.isFutureDateWithTimeZone(\n optInStartDateMileStone.effective_date,\n optInStartTimeZone?.offset\n )\n ) {\n optInStartDateReached = true;\n }\n\n let formattedDate = this._dateHelper.formatToDisplayDate(\n optInStartDateMileStone.effective_date,\n optInStartTimeZone?.offset\n );\n optInStartDate = formattedDate;\n }\n this._storageService.setLocalStorage(\n appConstants.OptInStartDateReached,\n optInStartDateReached ? '1' : '0'\n );\n\n this._storageService.setLocalStorage(\n appConstants.cookieOptInStartDate,\n optInStartDate\n );\n\n let optInEndDateMileStone: DataOwnerMilestoneEntity | undefined =\n dataOwnerDetails?.milestones?.find(\n (x: { milestone_id: number }) => x.milestone_id == Milestones.OptInEnd\n );\n\n let optInEndDate = 'OptIn-End Date Not Provided';\n let optInEndDateReached = false;\n if (optInEndDateMileStone != null) {\n let optInEndTimeZone = this.timeZones.find(\n (timeZone: any) =>\n timeZone.time_zone_id ==\n optInEndDateMileStone?.effective_date_time_zone_id\n );\n if (\n !this._dateHelper.isFutureDateWithTimeZone(\n optInEndDateMileStone.effective_date,\n optInEndTimeZone?.offset\n )\n ) {\n optInEndDateReached = true;\n }\n let formattedDate = this._dateHelper.formatToDisplayDate(\n optInEndDateMileStone.effective_date,\n optInEndTimeZone?.offset\n );\n optInEndDate = formattedDate;\n }\n this._storageService.setLocalStorage(\n appConstants.OptInEndDateReached,\n optInEndDateReached ? '1' : '0'\n );\n\n this._storageService.setLocalStorage(\n appConstants.cookieOptInEndDate,\n optInEndDate\n );\n\n let changeOfAddressMilestone: DataOwnerMilestoneEntity | undefined =\n dataOwnerDetails?.milestones?.find(\n (x: { milestone_id: number }) =>\n x.milestone_id == Milestones.ChangeOfAddressReviewEndDate\n );\n\n let changeOfAddressEndDateReached = false;\n if (changeOfAddressMilestone != null) {\n if (\n !this._dateHelper.isFutureDate(changeOfAddressMilestone.effective_date)\n ) {\n changeOfAddressEndDateReached = true;\n }\n }\n\n this._storageService.setLocalStorage(\n appConstants.ChangeOfAddressEndDateReached,\n changeOfAddressEndDateReached ? '1' : '0'\n );\n\n let exceptionReviewMilestone: DataOwnerMilestoneEntity | undefined =\n dataOwnerDetails?.milestones?.find(\n (x: { milestone_id: number }) =>\n x.milestone_id == Milestones.ExceptionsReviewEndDate\n );\n\n let exceptionReviewEndDateReached = false;\n if (exceptionReviewMilestone != null) {\n if (\n !this._dateHelper.isFutureDate(exceptionReviewMilestone.effective_date)\n ) {\n exceptionReviewEndDateReached = true;\n }\n }\n\n this._storageService.setLocalStorage(\n appConstants.ExceptionReviewEndDateReached,\n exceptionReviewEndDateReached ? '1' : '0'\n );\n\n // Loading Current User Entity to display name\n this._storageService.setLocalStorage(\n appConstants.User,\n JSON.stringify(userSessionDetails)\n );\n\n //Final redirect to page\n this.contentService.loadCmsContent();\n\n this.contentService.getContentState().subscribe(async (data) => {\n if (data) {\n this.loadingService.hide();\n\n let userSessionDetailsFromLocalStorage = JSON.parse(\n this._storageService.getLocalStorage(appConstants.User)\n );\n let dataOwnersList =\n await this._sessionService.getRegisteredDataOwners();\n\n if (\n userSessionDetailsFromLocalStorage?.data_owner_user\n ?.data_owner_user_status_id == 2\n ) {\n if (dataOwnersList?.length > 1)\n this.clearAndRedirectToError('deactivated multiple');\n else this.clearAndRedirectToError('deactivated');\n return;\n }\n if (this.getSiteAccessEndDateEnded(dataOwnerDetails)) {\n if (dataOwnersList?.length > 1)\n this.clearAndRedirectToError('event access ended multiple');\n else this.clearAndRedirectToError('event access ended');\n return;\n }\n\n if (\n !dataOwnerWorkflowSteps ||\n !userSessionDetailsFromLocalStorage?.data_owner_user\n ?.has_completed_welcome\n ) {\n this.router.navigate(['/welcome']);\n } else {\n this.router.navigateByUrl(this.redirectToPage);\n }\n }\n });\n }\n\n getSiteAccessEndDateEnded(dataOwnerDetails: DataOwnerEntity) {\n let siteAccessEndDateMileStone: DataOwnerMilestoneEntity | undefined =\n dataOwnerDetails?.milestones?.find(\n (x: { milestone_id: number }) =>\n x.milestone_id == Milestones.SiteAccessEnd\n );\n\n let siteAccessEndDateReached = false;\n if (siteAccessEndDateMileStone != null) {\n let siteAccessEndTimeZone = this.timeZones.find(\n (timeZone: any) =>\n timeZone.time_zone_id ==\n siteAccessEndDateMileStone?.effective_date_time_zone_id\n );\n if (\n !this._dateHelper.isFutureDateWithTimeZone(\n siteAccessEndDateMileStone.effective_date,\n siteAccessEndTimeZone?.offset\n )\n ) {\n siteAccessEndDateReached = true;\n }\n }\n return siteAccessEndDateReached;\n }\n\n clearAndRedirectToError(errorType: string) {\n this._storageService.removeLocalStorage(appConstants.User);\n this._storageService.removeLocalStorage(appConstants.DataOwner);\n this._storageService.removeLocalStorage(appConstants.DataOwnerSteps);\n this.router.navigateByUrl('error/' + errorType);\n }\n}\n","import { AfterViewInit, Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { SessionService } from '@cyber/navigator-services';\n@Component({\n selector: 'app-login',\n templateUrl: './sign-in.component.html',\n styleUrls: ['./sign-in.component.scss'],\n})\nexport class SignInComponent implements OnInit {\n errorMessage = '';\n status = 'loaded';\n constructor(public sessionService: SessionService, public router: Router) {\n this.sessionService.isAuthenticated$.subscribe((isAuthenticated) => {\n if (isAuthenticated === false) {\n this.sessionService.loginWithRedirect('/settingup?url=/home');\n } else {\n this.router.navigateByUrl('/settingup?url=/home');\n }\n });\n }\n\n ngOnInit(): void {}\n\n redirectToEnroll() {}\n}\n","import { Component, Input, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport {\n DataOwnerWorkflowStepEntity,\n STEP_STATUS,\n} from '@cyber/navigator-services';\nimport { TranslateService } from '@ngx-translate/core';\nimport { StepsHelperService } from 'src/app/services/steps-helper.service';\nimport { StorageService } from 'src/app/services/storage.service';\nimport { appConstants } from 'src/app/shared/app-constants';\n\n@Component({\n selector: 'app-step-card',\n templateUrl: './step-card.component.html',\n styleUrls: ['./step-card.component.scss'],\n})\nexport class StepCardComponent implements OnInit {\n hidden = true;\n @Input() stepDetails!: DataOwnerWorkflowStepEntity;\n @Input() lastItem = false;\n stepUrl: any;\n statusColor: any;\n disabledStep = false;\n errorMessage = '';\n step: any;\n\n constructor(\n public translate: TranslateService,\n public router: Router,\n public storageService: StorageService,\n public stepHelperService: StepsHelperService\n ) {}\n\n ngOnInit(): void {\n this.loadStepDetails();\n }\n\n loadStepDetails() {\n let currentStep = this.stepDetails;\n let current_page = currentStep?.step.cms_binding;\n\n let key = 'steps.' + current_page;\n this.step = this.translate.instant(key);\n this.stepUrl = '/' + this.stepDetails.step.page_route;\n\n if (\n (current_page == appConstants.WorkflowStep.CustomerReview ||\n current_page == appConstants.WorkflowStep.CustomerUpdate ||\n current_page == appConstants.WorkflowStep.NCOA_Review ||\n current_page == appConstants.WorkflowStep.Exceptions_Review) &&\n currentStep?.data != null\n ) {\n let currentStepData = JSON.parse(currentStep?.data);\n current_page =\n current_page + '_' + this.transform(currentStepData?.display_selection);\n this.storageService.setCookieForLongerDuration(\n appConstants.sessionSelectedViewOrEditMode,\n this.stepDetails.data\n );\n this.stepUrl = this.stepUrl + '/' + currentStepData?.display_selection;\n } else {\n if (\n (current_page == appConstants.WorkflowStep.CustomerReview ||\n current_page == appConstants.WorkflowStep.CustomerUpdate ||\n current_page == appConstants.WorkflowStep.NCOA_Review ||\n current_page == appConstants.WorkflowStep.Exceptions_Review) &&\n currentStep?.data == null\n ) {\n this.stepUrl = this.stepUrl + '/web';\n }\n }\n\n this.statusColor = this.setStatusCardColor(this.stepDetails.step_status_id);\n this.handleStepStatus();\n }\n\n transform(value: string): string {\n if (value) {\n let first = value.substr(0, 1).toUpperCase();\n return first + value.substr(1);\n }\n return '';\n }\n\n handleStepStatus() {\n let optinPeriodEnded =\n this.storageService.getLocalStorage(appConstants.OptInEndDateReached) ==\n '1';\n\n let changeOfAddressPeriodEnded =\n this.storageService.getLocalStorage(\n appConstants.ChangeOfAddressEndDateReached\n ) == '1';\n\n let exceptionReviewPeriodEnded =\n this.storageService.getLocalStorage(\n appConstants.ExceptionReviewEndDateReached\n ) == '1';\n\n let statusId = this.stepDetails.step_status_id;\n\n let reviewStep = this.stepHelperService.getCurrentStepByBinding(\n appConstants.WorkflowStep.CustomerReview\n );\n let optInStep = this.stepHelperService.getCurrentStepByBinding(\n appConstants.WorkflowStep.NotificationOptIn\n );\n\n switch (this.stepDetails?.step.cms_binding) {\n case appConstants.WorkflowStep.NotificationOptIn:\n if (\n reviewStep?.step_status_id != STEP_STATUS.VIEWED &&\n reviewStep?.step_status_id != STEP_STATUS.DOWNLOADED\n ) {\n this.disabledStep = true;\n this.errorMessage = 'CompleteReviewToOptIn';\n }\n if (optinPeriodEnded) {\n this.disabledStep = true;\n this.errorMessage = 'NotificationOptInEndDateCrossed';\n }\n break;\n case appConstants.WorkflowStep.CustomerUpdate:\n if (optInStep?.step_status_id != STEP_STATUS.OPTED_IN) {\n this.disabledStep = true;\n this.errorMessage = 'StepNotAvailableUntilNotificationOptIn';\n }\n if (optinPeriodEnded) {\n this.disabledStep = true;\n this.errorMessage = 'CustomerUpdateOptInEndDateCrossed';\n }\n break;\n case appConstants.WorkflowStep.OCR_OptIn:\n if (optinPeriodEnded) {\n this.disabledStep = true;\n this.errorMessage = 'OCROptInEndDateCrossed';\n }\n break;\n case appConstants.WorkflowStep.Regulator_Notice:\n if (optinPeriodEnded) {\n this.translate\n .get('page.Regulator_Notice.pagecomponents')\n .subscribe(async (res: any) => {\n let stepData = res;\n let hasOptIn = stepData.filter(\n (item: any) =>\n item.component == 'Optin' ||\n item.component == 'FormCollection'\n );\n if (hasOptIn.length > 0) {\n this.disabledStep = true;\n this.errorMessage = 'OCROptInEndDateCrossed';\n }\n });\n }\n break;\n case appConstants.WorkflowStep.Notification_Report:\n if (statusId == STEP_STATUS.NOT_YET_AVAILABLE) {\n this.disabledStep = true;\n this.errorMessage = 'FinalReportNotYetAvailable';\n }\n if (\n statusId == STEP_STATUS.NA_OPTED_OUT ||\n optInStep?.step_status_id != STEP_STATUS.OPTED_IN\n ) {\n this.disabledStep = true;\n this.errorMessage = 'StepNotAvailableUntilNotificationOptIn';\n }\n break;\n case appConstants.WorkflowStep.NCOA_Review:\n case appConstants.WorkflowStep.Exceptions_Review:\n if (optInStep?.step_status_id != STEP_STATUS.OPTED_IN) {\n this.disabledStep = true;\n this.errorMessage = 'StepNotAvailableUntilNotificationOptIn';\n } else if (statusId == STEP_STATUS.NOT_YET_AVAILABLE) {\n this.disabledStep = true;\n this.errorMessage = 'NcoaDataNotYetAvailable';\n }\n if (\n this.stepDetails?.step.cms_binding ===\n appConstants.WorkflowStep.NCOA_Review &&\n changeOfAddressPeriodEnded\n ) {\n this.disabledStep = true;\n this.errorMessage = 'ChangeOfAddressReviewEndedNextStepNotAvailable';\n }\n if (\n this.stepDetails?.step.cms_binding ===\n appConstants.WorkflowStep.Exceptions_Review &&\n exceptionReviewPeriodEnded\n ) {\n this.disabledStep = true;\n this.errorMessage = 'ExceptionReviewEndedNextStepNotAvailable';\n }\n }\n }\n\n setStatusCardColor(statusId: number) {\n if (appConstants.StepStatusColors.Green.indexOf(statusId) > -1) {\n return 'green';\n }\n if (appConstants.StepStatusColors.Yellow.indexOf(statusId) > -1) {\n return 'yellow';\n }\n if (appConstants.StepStatusColors.Red.indexOf(statusId) > -1) {\n return 'red';\n }\n if (appConstants.StepStatusColors.Gray.indexOf(statusId) > -1) {\n return 'gray';\n }\n return 'default';\n }\n\n navigateToPage() {\n this.router.navigate([this.stepUrl]);\n }\n\n toggleHidden() {\n this.hidden = !this.hidden;\n }\n}\n","\n\n \n \n \n \n
\n\n
\n \n
\n \n {{'globaltext.SessionTimeoutText' | translate}}\n
\n\n \n
","import { Component, Input, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { STEP_STATUS } from '@cyber/navigator-services';\nimport { TranslateService } from '@ngx-translate/core';\nimport { DynamicComponentHelperService } from 'src/app/services/dynamic-component-helper.service';\nimport { MemberService } from 'src/app/services/member.service';\nimport { StepsHelperService } from 'src/app/services/steps-helper.service';\nimport { StorageService } from 'src/app/services/storage.service';\nimport { appConstants } from 'src/app/shared/app-constants';\n\n@Component({\n selector: 'app-steps-navigation-buttons',\n templateUrl: './steps-navigation-buttons.component.html',\n styleUrls: ['./steps-navigation-buttons.component.scss'],\n})\nexport class StepsNavigationButtonsComponent implements OnInit {\n pageType = '';\n finishButton = false;\n errorMessage = '';\n backErrorMessage = '';\n @Input() disableNext = false;\n @Input() disableBack = false;\n @Input() prevUrl = '';\n @Input() nextUrl = '';\n @Input() backButton = true;\n @Input() nextButton = true;\n @Input() nextButtonText = '';\n currentStep: any;\n constructor(\n public router: Router,\n public memberService: MemberService,\n public translate: TranslateService,\n public storageService: StorageService,\n private stepsHelperService: StepsHelperService\n ) {\n this.handleStepStatus();\n this.stepsHelperService.stepDataUpdate$.subscribe((data: any) => {\n this.handleStepStatus();\n });\n }\n\n handleStepStatus() {\n let optinPeriodEnded =\n this.storageService.getLocalStorage(appConstants.OptInEndDateReached) ==\n '1';\n\n let changeOfAddressPeriodEnded =\n this.storageService.getLocalStorage(\n appConstants.ChangeOfAddressEndDateReached\n ) == '1';\n\n let exceptionReviewPeriodEnded =\n this.storageService.getLocalStorage(\n appConstants.ExceptionReviewEndDateReached\n ) == '1';\n\n let currentStep = this.stepsHelperService.getCurrentStepByRoute(\n this.router.url\n );\n let current_binding = currentStep?.step?.cms_binding;\n let previousStep = this.stepsHelperService.getStepFromBindingPosition(\n current_binding,\n -1\n );\n let nextStep = this.stepsHelperService.getStepFromBindingPosition(\n current_binding,\n 1\n );\n\n this.errorMessage = '';\n this.backErrorMessage = '';\n this.disableNext = false;\n this.disableBack = false;\n\n switch (nextStep?.step?.cms_binding) {\n case appConstants.WorkflowStep.NotificationOptIn:\n let dataReviewStep = this.stepsHelperService.getCurrentStepByBinding(\n appConstants.WorkflowStep.CustomerReview\n );\n if (\n dataReviewStep?.step_status_id != STEP_STATUS.VIEWED &&\n dataReviewStep?.step_status_id != STEP_STATUS.DOWNLOADED\n ) {\n this.disableNext = true;\n this.errorMessage = 'CustomerReviewNextStepDisabled';\n }\n if (optinPeriodEnded) {\n this.disableNext = true;\n this.errorMessage = 'OptInPeriodEndedNextStepNotAvailable';\n }\n break;\n case appConstants.WorkflowStep.CustomerUpdate:\n let notificationOptInStatus =\n this.stepsHelperService.getCurrentStepByBinding(\n appConstants.WorkflowStep.NotificationOptIn\n );\n if (notificationOptInStatus?.step_status_id != STEP_STATUS.OPTED_IN) {\n this.disableNext = true;\n this.errorMessage = 'StepNotAvailable';\n }\n if (optinPeriodEnded) {\n this.disableNext = true;\n this.errorMessage = 'OptInPeriodEndedNextStepNotAvailable';\n }\n break;\n case appConstants.WorkflowStep.OCR_OptIn:\n if (optinPeriodEnded) {\n this.disableNext = true;\n this.errorMessage = 'OptInPeriodEndedNextStepNotAvailable';\n }\n break;\n case appConstants.WorkflowStep.Regulator_Notice:\n if (optinPeriodEnded) {\n this.translate\n .get('page.Regulator_Notice.pagecomponents')\n .subscribe(async (res: any) => {\n let stepData = res;\n let hasOptIn = stepData.filter(\n (item: any) =>\n item.component == 'Optin' ||\n item.component == 'FormCollection'\n );\n if (hasOptIn.length > 0) {\n this.disableNext = true;\n this.errorMessage = 'OptInPeriodEndedNextStepNotAvailable';\n }\n });\n }\n break;\n case appConstants.WorkflowStep.NCOA_Review:\n if (nextStep?.step_status_id == STEP_STATUS.NOT_YET_AVAILABLE) {\n this.disableNext = true;\n this.errorMessage = 'NextStepNCOAReviewNotAvailable';\n }\n if (changeOfAddressPeriodEnded) {\n this.disableNext = true;\n this.errorMessage = 'ChangeOfAddressReviewEndedNextStepNotAvailable';\n }\n break;\n case appConstants.WorkflowStep.Exceptions_Review:\n if (nextStep?.step_status_id == STEP_STATUS.NOT_YET_AVAILABLE) {\n this.disableNext = true;\n this.errorMessage = 'NextStepNCOAExceptionsNotAvailable';\n }\n if (exceptionReviewPeriodEnded) {\n this.disableNext = true;\n this.errorMessage = 'ExceptionReviewEndedNextStepNotAvailable';\n }\n break;\n case appConstants.WorkflowStep.Notification_Report:\n if (nextStep?.step_status_id == STEP_STATUS.NOT_YET_AVAILABLE) {\n this.disableNext = true;\n this.errorMessage = 'NextStepNotificationReportNotAvailable';\n }\n break;\n }\n\n //Handling back step conditions\n switch (previousStep?.step?.cms_binding) {\n case appConstants.WorkflowStep.CustomerUpdate:\n let notificationOptInStatus =\n this.stepsHelperService.getCurrentStepByBinding(\n appConstants.WorkflowStep.NotificationOptIn\n );\n if (notificationOptInStatus?.step_status_id != STEP_STATUS.OPTED_IN) {\n this.disableBack = true;\n this.backErrorMessage = 'PreviousStepDisabledNotOptedIn';\n }\n if (optinPeriodEnded) {\n this.disableBack = true;\n this.backErrorMessage = 'PreviousStepDisabledOptInEnded';\n }\n break;\n case appConstants.WorkflowStep.OCR_OptIn:\n if (optinPeriodEnded) {\n this.disableBack = true;\n this.backErrorMessage = 'PreviousStepDisabledOptInEnded';\n }\n break;\n case appConstants.WorkflowStep.Regulator_Notice:\n if (optinPeriodEnded) {\n this.translate\n .get('page.Regulator_Notice.pagecomponents')\n .subscribe(async (res: any) => {\n let stepData = res;\n let hasOptIn = stepData.filter(\n (item: any) =>\n item.component == 'Optin' ||\n item.component == 'FormCollection'\n );\n if (hasOptIn.length > 0) {\n this.disableBack = true;\n this.errorMessage = 'PreviousStepDisabledOptInEnded';\n }\n });\n }\n break;\n }\n\n //Handling next step conditions\n switch (this.stepsHelperService.getAlternateStepType(current_binding)) {\n case appConstants.WorkflowStep.NCOA_Review:\n case appConstants.WorkflowStep.CustomerUpdate:\n if (\n currentStep?.step_status_id != STEP_STATUS.COMPLETED &&\n currentStep?.step_status_id != STEP_STATUS.UPDATED &&\n currentStep?.step_status_id != STEP_STATUS.NO_UPDATES_REQUIRED\n ) {\n this.disableNext = true;\n this.errorMessage = 'NextStepDisabledCustomerUpdate';\n }\n break;\n case appConstants.WorkflowStep.OCR_OptIn:\n if (\n currentStep?.step_status_id != STEP_STATUS.OPTED_OUT &&\n currentStep?.step_status_id != STEP_STATUS.OPTED_IN_SUBMITTED\n ) {\n this.disableNext = true;\n this.errorMessage = 'NextStepDisabledOCROptInOrOptOut';\n }\n break;\n case appConstants.WorkflowStep.Regulator_Notice:\n if (\n currentStep?.step_status_id != STEP_STATUS.OPTED_OUT &&\n currentStep?.step_status_id != STEP_STATUS.OPTED_IN_SUBMITTED &&\n currentStep?.step_status_id != STEP_STATUS.OPTED_IN\n ) {\n this.translate\n .get('page.Regulator_Notice.pagecomponents')\n .subscribe(async (res: any) => {\n let stepData = res;\n let hasOptIn = stepData.filter(\n (item: any) => item.component == 'Optin'\n );\n\n if (hasOptIn.length > 0) {\n this.disableNext = true;\n this.errorMessage = 'NextStepDisabledOptInOrOptOut';\n }\n\n let hasFormCollection = stepData.filter(\n (item: any) => item.component == 'FormCollection'\n );\n if (hasFormCollection.length > 0) {\n this.disableNext = true;\n this.errorMessage =\n 'NextStepDisabledFormCollectionOptInOrOptOut';\n }\n });\n }\n break;\n }\n }\n\n ngOnInit(): void {}\n\n backButtonClick() {\n this.router.navigate([this.prevUrl]);\n }\n nextButtonClick() {\n this.router.navigate([this.nextUrl]);\n }\n}\n","\n \n
","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-switch-to-file-review',\n templateUrl: './switch-to-file-review.component.html',\n styleUrls: ['./switch-to-file-review.component.scss'],\n})\nexport class SwitchToFileReviewComponent implements OnInit {\n\n \n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n
","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-switch-to-file-upload',\n templateUrl: './switch-to-file-upload.component.html',\n styleUrls: ['./switch-to-file-upload.component.scss'],\n})\nexport class SwitchToFileUploadComponent implements OnInit {\n\n \n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n
","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-switch-to-web-update',\n templateUrl: './switch-to-web-update.component.html',\n styleUrls: ['./switch-to-web-update.component.scss'],\n})\nexport class SwitchToWebUpdateComponent implements OnInit {\n\n \n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n
","import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { Tip, TipsCard } from 'src/app/models/tips';\n\n@Component({\n selector: 'app-tips',\n templateUrl: './tips.component.html',\n styleUrls: ['./tips.component.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class TipsComponent implements OnInit {\n\n tipDetails!:TipsCard;\n loaded=false;\n showOverlay=false;\n @Input() show!:boolean;\n @Input() pageType!:string;\n @Output() closestate: EventEmitter\n
\n \n\n \n \n
\n \n \n \n
\n \n \n
\n \n \n \n \n {{ \"globaltext.CloseButton\" | translate }}\n \n
\n Upload File
\n \n \n
\n Drag file here or browse
\n\n \n
\n\n \n \n \n \n \n
\n \n {{\n \"globaltext.FileUploadFailed\" | translate\n }}\n
\n\n - \n
- \n {{\n error\n }}\n \n
\n \n
\n \n
\n\n \n \n \n \n \n \n\n
\n\n\n
\n \n {{'globaltext.StepCompleteLabel' | translate}} {{'globaltext.WebTableSubmittedSuccessfully' |\n translate}} {{SubmittedDate}}\n \n\n \n \n \n Save\n \n \n Remove\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n
\n \n \n \n * \n ! \n
\n \n
\n \n
\n\n
\n \n
\n \n \n OR\n
\n \n
\n\n
\n \n \n
\n \n
","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { DataOwnerService, SessionService } from '@cyber/navigator-services';\nimport { LoadingService } from 'src/app/services/loading.service';\nimport { StorageService } from 'src/app/services/storage.service';\n\n@Component({\n selector: 'app-legal-disclaimer',\n templateUrl: './legal-disclaimer.component.html',\n styleUrls: ['./legal-disclaimer.component.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class LegalDisclaimerComponent implements OnInit {\n\n constructor(private router: Router, \n public loadingService: LoadingService,\n public dataOwnerService: DataOwnerService, \n public storageService: StorageService,\n public sessionService: SessionService) { }\n\n ngOnInit(): void {\n }\n\n async nextPage(){\n try {\n this.loadingService.show();\n await this.dataOwnerService.beginWorkflow();\n await this.sessionService.completeWelcome();\n this.loadingService.hide();\n this.router.navigateByUrl('settingup?url=/home');\n } catch (err: any) {\n console.error(err);\n } finally {\n this.loadingService.hide();\n }\n }\n\n}\n","\n \n \n \n \n
\n\n
\n\n \n \n
\n \n \n \n \n \n
\n \n
","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'app-mobile-device-notice',\n templateUrl: './mobile-device-notice.component.html',\n styleUrls: ['./mobile-device-notice.component.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class MobileDeviceNoticeComponent implements OnInit {\n\n constructor(private router: Router) { }\n\n ngOnInit(): void {\n }\n\n nextPage(){\n this.router.navigate(['/legal-disclaimer']);\n }\n\n}\n","\n \n \n \n
\n\n \n \n
\n \n \n
\n \n \n \n \n \n
\n \n
","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { DataOwnerService } from '@cyber/navigator-services';\nimport { LoadingService } from 'src/app/services/loading.service';\nimport { StorageService } from 'src/app/services/storage.service';\nimport { appConstants } from 'src/app/shared/app-constants';\n\n@Component({\n selector: 'app-welcome',\n templateUrl: './welcome.component.html',\n styleUrls: ['./welcome.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class WelcomeComponent implements OnInit {\n constructor(private router: Router, public storageService: StorageService) {\n this.storageService.setCookie(appConstants.FirstTimeUser, '1');\n }\n\n async ngOnInit(): Promise\n \n \n \n \n
\n\n \n \n
\n \n \n
\n \n \n \n \n \n
\n \n
","import { Injectable } from '@angular/core';\nimport {\n ActivatedRouteSnapshot,\n CanActivate,\n Router,\n RouterStateSnapshot,\n} from '@angular/router';\nimport { RegistrationService, SessionService } from '@cyber/navigator-services';\nimport { switchMap } from 'rxjs/operators';\nimport { RegistrationState } from '../components/complete-registration/complete-registration.component';\nimport { LoadingService } from '../services/loading.service';\nimport { StorageService } from '../services/storage.service';\nimport { appConstants } from '../shared/app-constants';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class SessionGuard implements CanActivate {\n constructor(\n private sessionService: SessionService,\n private router: Router,\n private storageService: StorageService,\n public loadingService: LoadingService,\n public registrationService: RegistrationService\n ) {}\n canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {\n return this.sessionService.isAuthenticated$.pipe(\n switchMap(async (isAuthenticated) => {\n var cacheKey = localStorage.getItem('knn-cache');\n if (isAuthenticated && !cacheKey) {\n try {\n this.loadingService.show();\n const dataOwners =\n await this.sessionService.getRegisteredDataOwners();\n\n if (dataOwners?.length === 1) {\n await this.sessionService.beginSession(dataOwners[0].id);\n\n if (dataOwners[0].workflows.length == 0)\n return this.router.createUrlTree(['/settingup'], {\n queryParams: { url: '/welcome' },\n });\n\n if (\n this.storageService.getLocalStorage(appConstants.DataOwner) ==\n null\n )\n return this.router.createUrlTree(['/settingup'], {\n queryParams: { url: '/home' },\n });\n\n return true;\n } else if (dataOwners?.length > 1) {\n return this.router.navigateByUrl('/select-event', {\n state: {\n dataOwners: dataOwners,\n },\n });\n } else {\n //If user is authenticated but has no data owners attempt to finish setup\n try {\n let code = await this.registrationService.fetchIncompleteCode();\n if (code) {\n const state = \n \n \n \n\n
\n\n \n \n
\n \n \n
\n \n \n \n \n \n
\n