\n \n \n \n \n
\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectorRef, Component, CUSTOM_ELEMENTS_SCHEMA, inject, OnInit } from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport { BEError } from '@classes/BEError.class';\nimport { LoginBannerComponent } from '@components/login/login-banner/login-banner.component';\nimport { LoginFormComponent } from '@components/login/login-form/login-form.component';\nimport { ModalChangePasswordComponent } from '@components/user-menu/modal-change-password/modal-change-password.component';\nimport { SessionStorageKey } from '@enums/SessionStorageKey.enum';\nimport { LoginForm } from '@interfaces/Login/LoginForm.interface';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { TranslateModule, TranslateService } from '@ngx-translate/core';\nimport { PrependBasePathPipe } from '@pipes/prepend-base-path.pipe';\nimport { UserPasswordComponent } from '@root/LoggedOnArea/user-password/user-password.component';\nimport { CostaBackendApiService } from '@services/costa-backend-api.service';\nimport { MarketService } from '@services/market.service';\nimport { HTMLSwiperElement } from '@type/Elements/HTMLSwiperElement.type';\nimport { redirectTo } from '@utils/Navigation/redirectTo.utils';\nimport { redirectToBase } from '@utils/Navigation/redirectToBase.utils';\nimport { PagePaths } from '@values/Navigation/PagePaths.value';\nimport { take } from 'rxjs';\nimport { SwiperOptions } from 'swiper/types';\nimport { register } from 'swiper/element/bundle';\nimport { ErrorMessagesService } from '@services/error-messages.service';\n\n@Component({\n standalone: true,\n templateUrl: './login.component.html',\n styleUrls: ['./login.component.scss'],\n imports: [CommonModule, LoginFormComponent, LoginBannerComponent, TranslateModule, PrependBasePathPipe],\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LoginComponent implements OnInit {\n private readonly _costaBackendApiService = inject(CostaBackendApiService);\n private readonly _marketService = inject(MarketService);\n private readonly _ngbModalService = inject(NgbModal);\n private readonly _changeDetectorRef = inject(ChangeDetectorRef);\n private readonly _errorMessagesService = inject(ErrorMessagesService);\n private readonly _translateService = inject(TranslateService);\n\n public loginError: string = null;\n public loading = false;\n public cultureSwitch: { l: string; t: string } = null;\n\n public isLoadingImages = true;\n public loginImages: string[] = [];\n\n get pagePaths() {\n return PagePaths;\n }\n\n constructor() {\n register();\n }\n\n ngOnInit(): void {\n if (this._marketService.hasLanguageSwitch()) this.cultureSwitch = this._marketService.getLanguageSwitchLink();\n\n if (this._marketService.isLoginCarouselEnabled()) this.getLoginImages();\n else this.isLoadingImages = false;\n }\n\n public async login(loginForm: FormGroup\n \n \n
\n\n \n ![]()
\n
\n \" + this._translateService.instant('Booking.login_error_warning_msg') +\"
\";\n if (this._marketService.hasLoginErrorWarningEnabled()) {\n this._errorMessagesService.showErrorAlert(msg, title).then(e=>{});\n } else {\n this.loginError = err.message;\n }\n }\n }\n\n public async getLoginImages() {\n this.isLoadingImages = true;\n\n try {\n this.loginImages = window?.extconf?.LoginCarousel ?? [];\n this.isLoadingImages = false;\n this._changeDetectorRef.detectChanges();\n this.initializeCarousel();\n } catch {\n this.isLoadingImages = false;\n }\n }\n\n private initializeCarousel() {\n const swiper = document.querySelector('.loginCarousel') as HTMLSwiperElement;\n const swiperParams: SwiperOptions = {\n pagination: {\n enabled: true,\n clickable: true,\n el: document.querySelector('swiper-container.loginCarousel .paginationElement') as HTMLDivElement,\n },\n navigation: {\n enabled: true,\n prevEl: document.querySelector('swiper-container.loginCarousel .prevElement') as HTMLDivElement,\n nextEl: document.querySelector('swiper-container.loginCarousel .nextElement') as HTMLDivElement,\n },\n autoplay: {\n delay: 5000,\n },\n loop: true,\n slidesPerView: 1,\n threshold: 30,\n };\n Object.assign(swiper, swiperParams);\n swiper.initialize();\n }\n\n private removeOldLoginData() {\n sessionStorage.removeItem(SessionStorageKey.AGENCY_DATA_EXT);\n sessionStorage.removeItem(SessionStorageKey.AGENCY_DATA_FULL);\n sessionStorage.removeItem(SessionStorageKey.AGENCY_DATA);\n sessionStorage.removeItem(SessionStorageKey.GROUP_LIST);\n sessionStorage.removeItem(SessionStorageKey.USER_DATA);\n sessionStorage.removeItem(SessionStorageKey.ISO_CODE);\n sessionStorage.removeItem(SessionStorageKey.BOOKING_LIST_BY_ADV_BKD);\n sessionStorage.removeItem(SessionStorageKey.BOOKING_LIST_BY_ADV_OPT);\n sessionStorage.removeItem(SessionStorageKey.BOOKING_LIST_BY_ADV);\n sessionStorage.removeItem(SessionStorageKey.LOYALTY_PROGRAM);\n sessionStorage.removeItem(SessionStorageKey.LOYALTY_PROGRAM_NUMBER);\n }\n\n private async prefetchUserData() {\n if (this._marketService.isNewBookingSearchEnabled()) {\n await this._costaBackendApiService.getUserProfile();\n }\n }\n}\n","export function redirectToBase(page: string) {\n location.href = `${location.origin}${page}`;\n}\n","import Swal from '@global/config/defaultSwal';\n\nexport async function showSuccessAlert(title: string, text: string, confirmButtonText: string) {\n console.debug('[ShowSuccess] text: ', text);\n if (!Swal.isVisible()) {\n return await Swal.fire({\n title,\n icon: 'success',\n iconHtml: `\n ![](\"/Style%20Library/CostaClickNew/images/icons-swal/success.svg\"){kind=icon}
\n `,\n html: `\n ${text}
\n `,\n confirmButtonText,\n });\n } else {\n return null;\n }\n}\n","import { inject, Injectable } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { showConfirmationAlert } from '@utils/Alerts/showConfirmationAlert.utils';\nimport { showErrorAlert } from '@utils/Alerts/showErrorAlert.utils';\nimport { showInfoAlert } from '@utils/Alerts/showInfoAlert.utils';\nimport { showSuccessAlert } from '@utils/Alerts/showSuccessAlert.utils';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class ErrorMessagesService {\n private readonly _translateService = inject(TranslateService);\n\n private errorsPerSection = {};\n\n public showSuccess(message, title = null) {\n return showSuccessAlert(title, message, this._translateService.instant('Global.btn_OK'));\n }\n\n public showInfo(message, title = null) {\n return showInfoAlert(title, message, this._translateService.instant('Global.btn_OK'));\n }\n\n public showErrorAlert(message, title = null) {\n return showErrorAlert(title, message, this._translateService.instant('Global.btn_OK'));\n }\n\n public showConfirmationAlert(message, title = null, okButton = null, cancelbutton = null, icon = null) {\n console.debug('showConfirmationAlert', {\n message: message,\n title: title,\n okButton: okButton,\n cancelbutton: cancelbutton,\n icon: icon,\n });\n return showConfirmationAlert(\n title,\n message,\n okButton ?? this._translateService.instant('Global.btn_OK'),\n cancelbutton ?? this._translateService.instant('Global.btn_Cancel'),\n icon\n );\n }\n\n public showSuccessAlert(message, title = null) {\n return showSuccessAlert(title, message, this._translateService.instant('Global.btn_OK'));\n }\n\n public combineAndRenderSections(sectionKeys) {\n let tempErrorMessage = '';\n for (let i = 0, len = sectionKeys.length; i < len; ++i) {\n if (this.errorsPerSection[sectionKeys[i]]) {\n tempErrorMessage += this.errorsPerSection[sectionKeys[i]].join('');\n tempErrorMessage += '
';\n }\n }\n\n return tempErrorMessage;\n }\n\n public clearErrorForSection(key) {\n if (!this.errorsPerSection[key]) {\n return;\n }\n\n delete this.errorsPerSection[key];\n }\n\n public appendErrorForSectionByClassName(key, label) {\n if (!this.errorsPerSection[key]) {\n this.errorsPerSection[key] = [];\n }\n\n this.errorsPerSection[key].push(this._translateService.instant(label));\n }\n\n public appendErrorForSection(key, message) {\n if (!this.errorsPerSection[key]) {\n this.errorsPerSection[key] = [];\n }\n\n this.errorsPerSection[key].push(message);\n }\n\n public renderErrorMessageForSection(key) {\n const message = this.errorsPerSection[key].join('
');\n return message;\n }\n}\n","import Swal from '@global/config/defaultSwal';\n\nexport function showConfirmationAlert(\n title: string | HTMLElement,\n html: string | HTMLElement,\n confirmButtonText: string,\n cancelButtonText: string,\n icon?: string,\n) {\n icon = icon || 'warning';\n let iconHtml = `
![](\"/Style%20Library/CostaClickNew/images/icons-swal/${icon}.svg\"){kind=icon}
`;\n\n return Swal.fire({\n title,\n html: `\n ${html}
\n `,\n confirmButtonText,\n cancelButtonText,\n showCancelButton: true,\n focusConfirm: false,\n focusCancel: true,\n reverseButtons: true,\n iconHtml\n });\n}\n","import Swal from '@global/config/defaultSwal';\n\nexport async function showErrorAlert(title: string, text: string, confirmButtonText: string) {\n const err = new Error();\n // Error.captureStackTrace(err);\n console.error(err);\n if (!Swal.isVisible()) {\n return await Swal.fire({\n title,\n html: `\n ${text}
\n `,\n confirmButtonText,\n });\n } else {\n return null;\n }\n}\n","import Swal from '@global/config/defaultSwal';\n\nexport async function showInfoAlert(title: string, text: string, confirmButtonText: string) {\n console.debug('[ShowInfo] text: ', text);\n if (!Swal.isVisible()) {\n return await Swal.fire({\n title,\n icon: 'info',\n iconHtml: null,\n html: `\n ${text}
\n `,\n confirmButtonText,\n });\n } else {\n return null;\n }\n}\n"],"x_google_ignoreList":[]}