![](\"assets/img/salon-consumer-awards-icon.png\"){kind=icon}
\n \n \n \n
\n\n \n \n\n
\n\n \n \n
\n\n \n \n
\n\n \n
\n","export * from './customer-registration-success/customer-registration-success.component';\nexport * from './customer-registration.smart.component';\n","import { CommonModule } from '@angular/common';\nimport { Component, Input, OnInit, inject } from '@angular/core';\nimport { ControlContainer, FormGroupDirective, ReactiveFormsModule } from '@angular/forms';\nimport { Gender } from '@app/shared/enums/gender.enum';\nimport { ICountry } from '@app/shared/models';\nimport { RegistrationFormGroupModel } from '@app/shared/models/registration-form-group.model';\nimport { CountryService } from '@app/shared/services/country/country.service';\nimport { inOutAnimation } from '@app/shared/utils';\nimport { TranslateModule } from '@ngx-translate/core';\n\n@Component({\n selector: 'app-registration-form',\n templateUrl: './registration-form.smart.component.html',\n styleUrls: ['./registration-form.smart.component.scss'],\n animations: [inOutAnimation],\n standalone: true,\n imports: [\n CommonModule, ReactiveFormsModule, TranslateModule,\n ],\n viewProviders: [{\n provide: ControlContainer,\n useExisting: FormGroupDirective\n }]\n})\nexport class RegistrationFormSmartComponent implements OnInit {\n\n @Input() isFormSubmitted: boolean;\n\n public Gender = Gender;\n public countries: ICountry[];\n public registrationForm: RegistrationFormGroupModel;\n public readonly parentFormDirective = inject(FormGroupDirective);\n private readonly countryService = inject(CountryService);\n\n ngOnInit() {\n this.registrationForm = this.parentFormDirective.form;\n this.loadCountries();\n }\n\n public selectGender(gender: Gender) {\n this.registrationForm.controls.customerData.controls.gender.setValue(gender);\n }\n\n public get customerDataControl() {\n return this.registrationForm.controls.customerData.controls;\n }\n\n public compareCountryCodes(c1: any, c2: any): boolean {\n return c1 && c2 ? c1.id === c2.id : c1 === c2;\n }\n\n private loadCountries(): void {\n this.countryService.getAllCountries()\n .subscribe((countries: ICountry[]) => {\n this.countries = countries;\n const defaultValue = this.countries.find(country => country.twoLetterIsoCode === 'NL');\n this.customerDataControl.country.patchValue(this.customerDataControl.country.value ? this.customerDataControl.country.value : defaultValue);\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 {{ 'SHARED.FORM-INPUTS.CUSTOMER-NAME-INPUT.ERROR-REQUIRED' | translate }}\n
\n \n {{ 'SHARED.FORM-INPUTS.ANY-INPUT.ERROR-ONLY-LETTERS' | translate }}\n
\n \n
\n\n \n \n \n
\n \n
\n \n \n {{ 'SHARED.FORM-INPUTS.CUSTOMER-NAME-INFIX.ERROR-PATTERN' | translate }}\n \n
\n \n \n \n
\n \n
\n \n {{ 'SHARED.FORM-INPUTS.CUSTOMER-LAST-NAME.ERROR-REQUIRED' | translate }}\n
\n \n {{ 'SHARED.FORM-INPUTS.ANY-INPUT.ERROR-ONLY-LETTERS' | translate }}\n
\n \n
\n\n \n \n \n
\n \n
\n \n {{ 'SHARED.FORM-INPUTS.CUSTOMER-EMAIL.ERROR-REQUIRED' | translate }}\n
\n \n {{ 'SHARED.FORM-INPUTS.CUSTOMER-EMAIL.ERROR-PATTERN' | translate }}\n
\n \n
\n\n \n \n
\n \n
\n\n \n
\n \n {{ customerDataControl.country.value?.phoneCode }}\n
\n \n \n \n
\n \n {{ 'SHARED.FORM-INPUTS.CUSTOMER-PHONE-NUMBER-INPUT.ERROR-REQUIRED' | translate }}\n
\n \n {{ customerDataControl.mobileNumber.errors.phoneInputFeedback | translate }}\n
\n \n
\n \n \n \n
\n \n
\n \n {{ 'SHARED.FORM-INPUTS.CUSTOMER-PASSWORD-INPUT.ERROR-REQUIRED' | translate }}\n
\n \n {{ 'SHARED.FORM-INPUTS.CUSTOMER-PASSWORD-INPUT.ERROR-LENGTH' | translate }}\n
\n \n {{ 'SHARED.FORM-INPUTS.CUSTOMER-PASSWORD-INPUT.ERROR-PATTERN' | translate }}\n
\n \n
\n\n \n \n
\n \n
\n \n {{ 'SHARED.FORM-INPUTS.CUSTOMER-PASSWORD-INPUT.REPEAT-INPUT.ERROR-REQUIRED' | translate }}\n
\n \n {{registrationForm.controls.passwordRepeat.errors.repeatPasswordInputFeedback | translate }}\n
\n \n
\n","export enum CreateAccountStatus {\n Success = 0,\n UsernameAlreadyInUse = 1,\n PasswordInvalid = 2,\n GenericError = 3\n}\n","import { CustomerRegistrationSmartComponent, CustomerRegistrationSuccessComponent, LoginRequiredComponent } from '@app/auth';\nimport {\n UserNotLoggedInGuard, UserLoggedInGuard\n} from '@app/shared/guards';\nimport { Routes } from \"@angular/router\";\n\nexport const authModuleRoutes: Routes = [\n {\n path: 'auth',\n children: [\n {\n path: 'login-required',\n data: { bodyCssClass: 'bjootify-login-required' },\n canActivate: [UserNotLoggedInGuard],\n component: LoginRequiredComponent\n },\n {\n path: 'create-account',\n data: { bodyCssClass: 'bjootify-customer-registration' },\n canActivate: [UserNotLoggedInGuard],\n component: CustomerRegistrationSmartComponent,\n },\n {\n path: 'create-account-success',\n data: { bodyCssClass: 'bjootify-customer-registration' },\n canActivate: [UserLoggedInGuard],\n component: CustomerRegistrationSuccessComponent,\n },\n { path: '**', redirectTo: '/', pathMatch: 'full' }\n ]\n }\n];\n","import { Injectable, inject } from \"@angular/core\";\nimport { FormBuilder, Validators } from \"@angular/forms\";\nimport { ValidationPatterns } from \"@app/shared/validators/ValidationPatterns\";\nimport { passwordRepeatValidator } from \"@app/shared/validators/password-repeat/passwordRepeatValidator.directive\";\nimport { RegistrationFormGroupModel } from \"@app/shared/models/registration-form-group.model\";\nimport { BookingStepsFormService } from \"@app/shared/services/booking-steps-form/booking-steps-form.service\";\n\n\n@Injectable({ providedIn: 'root' })\n\nexport class CustomerRegistrationFormService {\n\n public validPasswordExpression = ValidationPatterns.validPasswordExpression;\n private readonly fb = inject(FormBuilder);\n private bookingStepsFormService = inject(BookingStepsFormService);\n\n public buildCustomerRegistrationForm(): RegistrationFormGroupModel {\n const registrationForm = this.fb.group({\n customerData: this.bookingStepsFormService.buildCustomerDataFormGroup(),\n password: ['', { validators: [Validators.required, Validators.pattern(this.validPasswordExpression), Validators.minLength(8), Validators.maxLength(20)] }],\n passwordRepeat: ['', { validators: [Validators.required, Validators.pattern(this.validPasswordExpression), Validators.maxLength(20)] }],\n salonOnlineBookingTermsAndConditionsUrl: [null]\n }, { validators: passwordRepeatValidator });\n return registrationForm;\n };\n}\n","import { HttpClient } from '@angular/common/http';\nimport { Injectable, inject } from '@angular/core';\nimport { ICreateAccountResult } from '@app/auth/models/create-account-result.model';\nimport { RegistrationFormGroupModel } from '@app/shared/models/registration-form-group.model';\nimport { Observable } from 'rxjs';\nimport { CustomerRegistrationMapperService } from './customer-registration-mapper.service';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class CustomerRegistrationHttpService {\n\n private readonly http = inject(HttpClient);\n private readonly customerRegistrationMapperService = inject(CustomerRegistrationMapperService);\n\n public createAccount(customerRegistrationForm: RegistrationFormGroupModel): Observable\n \n
\n\n
\n \n\n
\n","import { OnInit, OnDestroy, Directive, inject } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { Subscription } from 'rxjs';\nimport { TranslateService, LangChangeEvent } from '@ngx-translate/core';\nimport { PaymentStatus } from '@app/shared/enums/payment-status.enum';\nimport { IVisitDetails } from '@app/shared/models/visit-details.model';\nimport { getSalonLogoUrlOrDefault } from '@app/shared/utils/salon';\nimport { BookingCompletedVisitDetails } from '@app/booking-part/models/booking-completed-visit-details.model';\n\n@Directive()\nexport abstract class BookingCompletedVisitDetailsDirective implements OnInit, OnDestroy {\n public visitDetails: IVisitDetails;\n public accountCreated: boolean;\n public currentLang: string;\n public bookingReturnUrl: string;\n public isRouteBySalonId: boolean;\n public shouldRedirectToSalonWebpageOnRouteBySalonId: boolean;\n public shouldShowBookAnotherVisitButton: boolean;\n public paymentUrl: string;\n public bookingCompletedVisitDetails: BookingCompletedVisitDetails;\n private salonAllowsGifts: boolean;\n protected route = inject(ActivatedRoute);\n protected translate = inject(TranslateService);\n protected masterSubscription = new Subscription();\n\n ngOnInit(): void {\n this.setupData();\n this.listenToLanguageChange();\n const routeSub = this.route.queryParams.subscribe(params => {\n this.paymentUrl = params.paymentPageUrl;\n });\n this.masterSubscription.add(routeSub);\n }\n\n ngOnDestroy(): void {\n this.masterSubscription.unsubscribe();\n }\n\n private setupData(): void {\n this.visitDetails = this.route.snapshot.data.visitDetails;\n if (!this.visitDetails) {\n return;\n }\n\n this.salonAllowsGifts = this.visitDetails.salonAllowsGifts;\n this.accountCreated = this.route.snapshot.queryParams.accountCreated === 'true';\n this.bookingReturnUrl = this.visitDetails.bookingReturnUrl;\n this.isRouteBySalonId = this.visitDetails.wasRoutedBySalonId;\n\n const treatments = this.visitDetails.treatments.map((treatment) => ({\n treatmentName: treatment.treatmentName,\n isDurationVisible: treatment.isDurationVisible,\n durationInMinutes: treatment.durationInMinutes,\n isPriceVisible: treatment.isPriceVisible,\n price: treatment.price\n }));\n\n const areAllPricesVisible = this.visitDetails.treatments.every(treatment => treatment.isPriceVisible === true);\n const totalPrice = areAllPricesVisible ? this.visitDetails.treatments.reduce((acc, value) => acc + parseFloat(value.price), 0) : null;\n\n this.bookingCompletedVisitDetails = {\n accountCreated: this.accountCreated,\n salonName: this.visitDetails.salonName,\n salonLogoUrl: getSalonLogoUrlOrDefault(this.visitDetails.salonLogoUrl),\n visitDate: this.visitDetails.visitDate,\n paymentType: this.visitDetails.paymentType,\n paymentSuccessful: this.visitDetails.paymentStatus === PaymentStatus.Completed,\n bookingReturnUrl: this.bookingReturnUrl,\n isRouteBySalonId: this.isRouteBySalonId,\n treatments,\n totalPrice,\n };\n\n const userHasExhaustedTheGiftsPool =\n Array.isArray(this.route.snapshot.data.gifts)\n && this.route.snapshot.data.gifts.length === 0;\n\n const giftsOfferIsAvailable = this.salonAllowsGifts && !userHasExhaustedTheGiftsPool;\n\n this.shouldRedirectToSalonWebpageOnRouteBySalonId =\n this.visitDetails.canRedirectToSalonWebpageOnRouteBySalonId\n && !giftsOfferIsAvailable;\n\n this.shouldShowBookAnotherVisitButton = !giftsOfferIsAvailable;\n }\n\n private listenToLanguageChange(): void {\n this.currentLang = this.translate.currentLang;\n const langChangeSub = this.translate.onLangChange\n .subscribe((event: LangChangeEvent) => {\n this.currentLang = event.lang;\n });\n this.masterSubscription.add(langChangeSub);\n }\n}\n","import { Component, OnInit, OnDestroy, inject } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { finalize, tap } from 'rxjs';\nimport { PaymentType } from '@app/shared/enums/payment-type.enum';\nimport { SEOService, CountdownService, ISeoTagType } from '@app/shared/services';\nimport { BookingCompletedVisitDetailsDirective } from '@app/booking-part/booking-completed/booking-completed-summary/booking-completed-visit-details.directive';\n\n@Component({\n selector: 'app-booking-completed',\n templateUrl: './booking-completed.component.html',\n styleUrls: ['./booking-completed.component.scss']\n})\nexport class BookingCompletedComponent extends BookingCompletedVisitDetailsDirective implements OnInit, OnDestroy {\n public PaymentType = PaymentType;\n public countdownRedirectInSeconds = 5;\n private router = inject(Router);\n private seoService = inject(SEOService);\n private countdown = inject(CountdownService);\n\n constructor() {\n super();\n this.setSEO();\n }\n\n ngOnInit(): void {\n super.ngOnInit();\n\n if (!this.shouldRedirectToSalonWebpageOnRouteBySalonId) {\n return;\n }\n\n this.countdown.getSecondsCountdown$(this.countdownRedirectInSeconds)\n .pipe(\n tap((remainingSeconds: number) => this.countdownRedirectInSeconds = remainingSeconds),\n finalize(() => this.returnToSalonWebsite()))\n .subscribe();\n }\n\n ngOnDestroy(): void {\n super.ngOnDestroy();\n }\n\n public returnToSalonWebsite(): void {\n window.location.replace(this.bookingReturnUrl);\n }\n\n public bookAnotherVisit(): void {\n this.router.navigate(['../../'], { relativeTo: this.route });\n }\n\n private setSEO(): void {\n this.seoService.setSEO([\n {\n tagType: ISeoTagType.Title,\n i18nKey: 'BOOKING-PART.BOOKING-COMPLETED.META-TITLE'\n },\n {\n tagType: ISeoTagType.Description,\n i18nKey: 'BOOKING-PART.BOOKING-COMPLETED.META-DESCRIPTION'\n }\n ]);\n }\n}\n","\n
\n\n \n
\n \n
\n\n \n {{ visitDetails.salonName }}\n
\n\n \n \n {{ treatment.treatmentName }}\n \n
\n\n \n \n {{ treatment.durationInMinutes }}{{ 'SHARED.TIME-UNITS-ABBREV.MINUTES' | translate }}\n \n \n {{ treatment.price | currency: 'EUR' }}\n \n
\n \n {{ 'BOOKING-PART.BOOKING-COMPLETED.TOTAL' | translate }}: {{ visitDetails.totalPrice | currency: 'EUR' }}\n
\n \n
\n \n
\n \n
\n\n \n
\n \n {{ visitDetails.visitDate | visitSlotDate:currentLang }}\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\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\n","import { Component, OnInit, OnDestroy, ViewChild, Input, inject } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { BookingStepperSmartComponent } from '@app/booking-part/booking-stepper/booking-stepper.smart.component';\nimport { BookingStepsFormType } from '@app/shared/models/booking-steps-form-type.model';\nimport { IBeginBookingFlowInfo } from '@app/shared/services/booking/begin-booking-flow-info.model';\nimport { TranslateService, LangChangeEvent } from '@ngx-translate/core';\nimport { Subscription } from 'rxjs';\nimport { BookingStepsFormService } from '../../../shared/services/booking-steps-form/booking-steps-form.service';\n\n@Component({\n selector: 'app-steps-summary',\n templateUrl: './steps-summary.smart.component.html',\n styleUrls: ['./steps-summary.smart.component.scss']\n})\nexport class BookingPartStepsSummarySmartComponent implements OnInit, OnDestroy {\n\n @ViewChild('bookingStepper') bookingStepper: BookingStepperSmartComponent;\n @Input() bookingFlowInfo: IBeginBookingFlowInfo;\n\n public currentLang: string;\n\n private readonly bookingStepsFormService = inject(BookingStepsFormService);\n private readonly route = inject(ActivatedRoute);\n private readonly router = inject(Router);\n private readonly translateService = inject(TranslateService);\n private bookingStepsForm: BookingStepsFormType;\n private masterSubscription = new Subscription();\n\n ngOnDestroy(): void {\n this.masterSubscription.unsubscribe();\n }\n\n ngOnInit(): void {\n this.bookingStepsForm = this.bookingStepsFormService.buildForm(this.bookingFlowInfo);\n this.currentLang = this.translateService.currentLang;\n this.masterSubscription.add(this.translateService.onLangChange\n .subscribe((event: LangChangeEvent) => {\n this.currentLang = event.lang;\n }));\n this.masterSubscription.add(this.bookingStepsForm.controls.employees.valueChanges.subscribe());\n }\n\n public onTreatmentChangeClick(): void {\n this.router.navigate(['../'], { relativeTo: this.route });\n }\n\n public onEditVisitSlotStep(): void {\n this.bookingStepper.previous();\n }\n\n public moveToNextStep(): void {\n this.bookingStepper.next();\n }\n}\n","\n \n \n
\n\n \n {{ salonName }}\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","import { Component, inject, OnInit, OnDestroy } from '@angular/core';\nimport { finalize, tap } from 'rxjs';\nimport { CountdownService, ISeoTagType, SEOService } from '@app/shared/services';\nimport { BookingCompletedVisitDetailsDirective } from '@app/booking-part/booking-completed/booking-completed-summary/booking-completed-visit-details.directive';\n\n@Component({\n selector: 'app-payment-pending',\n templateUrl: './payment-pending.component.html',\n styleUrls: ['./payment-pending.component.scss']\n})\n\nexport class PaymentPendingComponent extends BookingCompletedVisitDetailsDirective implements OnInit, OnDestroy {\n public countdownRedirectInSeconds = 2;\n private seoService = inject(SEOService);\n private countdown = inject(CountdownService);\n\n constructor() {\n super();\n this.setSEO();\n }\n\n ngOnInit(): void {\n super.ngOnInit();\n\n if (!this.visitDetails) {\n return;\n }\n\n this.countdown.getSecondsCountdown$(this.countdownRedirectInSeconds)\n .pipe(\n tap((remainingSeconds: number) => this.countdownRedirectInSeconds = remainingSeconds),\n finalize(() => this.goToPayment()))\n .subscribe();\n }\n\n ngOnDestroy(): void {\n super.ngOnDestroy();\n }\n\n public goToPayment(): void {\n const paymentUrl = this.getPaymentUrl();\n window.location.replace(paymentUrl);\n }\n\n private getPaymentUrl(): string {\n const paymentUrl = this.paymentUrl;\n const salonId = `salonId=${this.visitDetails.salonId}`;\n const visitId = `visitId=${this.visitDetails.visitId}`;\n const returnUrl = `returnUrl=${this.constructReturnUrl()}`;\n const completePaymentUrl = `${paymentUrl}?${salonId}&${visitId}&${returnUrl}`;\n return completePaymentUrl;\n }\n\n private constructReturnUrl(): string {\n const start = `${location.origin}/salon`;\n let mid = `/${this.visitDetails.salonCity}/${this.visitDetails.salonNameAlias}`;\n const end = `/${this.visitDetails.visitId}/booking-completed?accountCreated=${this.accountCreated}`;\n if (this.isRouteBySalonId) {\n mid = `/${this.visitDetails.salonId}`;\n }\n return `${start}${mid}${end}`;\n }\n\n private setSEO(): void {\n this.seoService.setSEO([\n {\n tagType: ISeoTagType.Title,\n i18nKey: 'BOOKING-PART.PAYMENT-PENDING.META-TITLE'\n },\n {\n tagType: ISeoTagType.Description,\n i18nKey: 'BOOKING-PART.PAYMENT-PENDING.META-DESCRIPTION'\n }\n ]);\n }\n}\n","\n \n
\n \n
\n\n \n
\n \n
\n \n \n
\n \n
\n \n ![\"DaVinci](\"assets/img/da-vinci-logo-gray.svg\"\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 {{ employee.displayName }}
\n\n
\n\n
\n","import { Component, EventEmitter, OnDestroy, OnInit, Output, inject } from '@angular/core';\nimport { IVisitSlotsForDay } from '@app/booking-part/models/visits-slots-for-day.model';\nimport { IVisitSlotSearchRequest, IVisitSlot, ITreatmentAssignmentApiModel } from '@app/shared/models';\nimport { ISeoTagType } from '@app/shared/services/seo/seo-tag-type.enum';\nimport { SEOService } from '@app/shared/services/seo/seo.service';\nimport { VisitSlotsService } from '@app/shared/services/visit-slots/visit-slots.service';\nimport { Observable, of, Subscription, switchMap, tap } from 'rxjs';\nimport { each } from 'lodash-es';\nimport { addDays, addWeeks, format, getDate, isToday, subDays, subWeeks } from 'date-fns';\nimport { BookingStepsFormType } from '@app/shared/models/booking-steps-form-type.model';\nimport { ControlContainer, FormGroupDirective, ReactiveFormsModule } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { NgbAccordionModule, NgbPaginationModule } from '@ng-bootstrap/ng-bootstrap';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { SharedModule } from '@app/shared/shared.module';\nimport { BookingPartChooseSpecialistDumbComponent } from '../choose-specialist/choose-specialist.dumb.component';\nimport { WeekSlotScenarioEnum } from '@app/booking-part/models/week-slot-scenario.enum';\n\n@Component({\n selector: 'app-choose-visit-slot',\n templateUrl: './choose-visit-slot.smart.component.html',\n styleUrls: ['./choose-visit-slot.smart.component.scss'],\n standalone: true,\n imports: [\n CommonModule,\n TranslateModule,\n NgbAccordionModule,\n BookingPartChooseSpecialistDumbComponent,\n ReactiveFormsModule,\n SharedModule,\n NgbPaginationModule],\n viewProviders: [{\n provide: ControlContainer,\n useExisting: FormGroupDirective\n }]\n})\nexport class BookingPartChooseVisitSlotSmartComponent implements OnInit, OnDestroy {\n @Output() moveToTheNextStep = new EventEmitter\n \n \n
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n {{ item.treatment.name }}\n
\n \n \n {{ item.treatment.durationInMinutes }}{{ 'SHARED.TIME-UNITS-ABBREV.MINUTES' | translate }}\n \n
\n \n \n \n \n {{ item.treatment.price | currency: 'EUR' }}\n \n
\n {{ 'BOOKING-PART.STEPS-SUMMARY.MODIFY' | translate }}
\n \n
\n \n \n \n {{ item.employee.displayName | translate }}\n \n \n \n \n \n {{ displayNameForAnyEmployee | translate }}\n \n \n \n
\n \n
\n \n
\n {{ 'BOOKING-PART.STEPS-SUMMARY.MODIFY' | translate }}
\n \n
\n \n \n \n \n \n
\n \n
\n","import { CommonModule } from '@angular/common';\nimport { Component, ChangeDetectionStrategy, OnInit, inject } from '@angular/core';\nimport { ControlContainer, FormGroupDirective, ReactiveFormsModule } from '@angular/forms';\nimport { DownPaymentType } from '@app/shared/enums/down-payment-type.enum';\nimport { PaymentType } from '@app/shared/enums/payment-type.enum';\nimport { ITreatmentApiModel } from '@app/shared/models';\nimport { BookingStepsFormType } from '@app/shared/models/booking-steps-form-type.model';\nimport { TranslateModule } from '@ngx-translate/core';\n\n@Component({\n selector: 'app-choose-payment-method',\n templateUrl: './choose-payment-method.component.html',\n styleUrls: ['./choose-payment-method.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [CommonModule, TranslateModule, ReactiveFormsModule],\n viewProviders: [{\n provide: ControlContainer,\n useExisting: FormGroupDirective\n }]\n})\nexport class BookingPartChoosePaymentMethodComponent implements OnInit {\n\n public parentForm: BookingStepsFormType | null;\n public readonly parentFormDirective = inject(FormGroupDirective);\n\n public paymentMethod: PaymentType;\n public PaymentType = PaymentType;\n\n public areFullPaymentOnlineOrInSalonChoicesVisible: boolean;\n public isDownPaymentOnlineChoiceVisible: boolean;\n public areDownPaymentOnlineOrFullPaymentOnlineChoicesVisible: boolean;\n public isEveryTreatmentAvailableForOnlinePayment: boolean;\n public hasTreatmentWithMandatoryPayment: boolean;\n\n public downPaymentRequiredAmount = 0;\n\n ngOnInit(): void {\n this.parentForm = this.parentFormDirective.form;\n this.isEveryTreatmentAvailableForOnlinePayment = this.treatments.every(item =>\n item.isPriceVisibleForOnlineBooking === true);\n this.hasTreatmentWithMandatoryPayment = this.treatments.some(item =>\n item.mandatoryDownPayment === DownPaymentType.DownPaymentOnly ||\n item.mandatoryDownPayment === DownPaymentType.DownPaymentAndFullPrice);\n this.paymentMethod = this.pickDefaultPaymentMethod();\n this.setupPaymentMethodsVisibility();\n }\n\n public selectPaymentMethod(paymentMethod: PaymentType): void {\n this.paymentMethod = paymentMethod;\n this.parentForm.controls.paymentType.setValue(paymentMethod);\n }\n\n private get treatments(): ITreatmentApiModel[] {\n return this.parentForm.controls.treatmentAssingments.controls.map(treatmentAssingment => (treatmentAssingment.controls.treatment.value));\n }\n\n private pickDefaultPaymentMethod(): PaymentType {\n let paymentMethod = this.parentForm.controls.paymentType.value;\n if (this.hasTreatmentWithMandatoryPayment) {\n paymentMethod = PaymentType.DownPaymentOnline;\n this.parentForm.controls.paymentType.setValue(paymentMethod);\n } else if (this.isEveryTreatmentAvailableForOnlinePayment) {\n paymentMethod = PaymentType.Online;\n this.parentForm.controls.paymentType.setValue(paymentMethod);\n }\n return paymentMethod;\n }\n\n private setupPaymentMethodsVisibility(): void {\n\n if (this.hasTreatmentWithMandatoryPayment) {\n const filteredItems = this.treatments.filter(y =>\n y.mandatoryDownPayment === DownPaymentType.DownPaymentAndFullPrice ||\n y.mandatoryDownPayment === DownPaymentType.DownPaymentOnly);\n this.downPaymentRequiredAmount = filteredItems.reduce((acc, curr) => acc + Number(curr.downPaymentRequiredAmount), 0);\n this.isDownPaymentOnlineChoiceVisible = true;\n if (this.isEveryTreatmentAvailableForOnlinePayment) {\n this.areDownPaymentOnlineOrFullPaymentOnlineChoicesVisible = true;\n }\n } else {\n this.areFullPaymentOnlineOrInSalonChoicesVisible = this.isEveryTreatmentAvailableForOnlinePayment;\n }\n }\n}\n","\n\n \n \n\n \n \n \n \n\n \n \n\n
\n \n
\n \n \n {{ getWeekDayKey(p) | weekDayKeyFromDate | translate }}\n
\n {{ getDay(p) }}
\n {{ getMonth(p) | monthNameKeyFromDate | translate }}
\n 0 && hasAnySlotsForThisWeek\">\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 \n \n \n \n \n
\n\n\n
\n \n ![](\"assets/img/payment-vendors/ideal.png\")
\n
\n \n \n ![](\"assets/img/payment-vendors/visa.png\")
\n
\n \n \n ![](\"assets/img/payment-vendors/mastercard.png\")
\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 {{ displayPrice | currency: 'EUR' }}\n \n \n
\n\n \n \n
\n\n\n \n \n\n \n \n\n \n \n\n \n
\n","import { Component, Input, OnInit, OnDestroy, inject } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { ControlContainer, FormGroupDirective, ReactiveFormsModule } from '@angular/forms';\nimport { Gender } from '@app/shared/enums/gender.enum';\nimport { ICountry } from '@app/shared/models';\nimport { CountryService } from '@app/shared/services/country/country.service';\nimport { inOutAnimation } from '@app/shared/utils';\nimport { CommonModule } from '@angular/common';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { BookingStepsFormType } from '@app/shared/models/booking-steps-form-type.model';\n\n@Component({\n selector: 'app-customer-data-form',\n templateUrl: './customer-data-form.smart.component.html',\n styleUrls: ['./customer-data-form.smart.component.scss'],\n animations: [inOutAnimation],\n standalone: true,\n imports: [CommonModule, TranslateModule, ReactiveFormsModule],\n viewProviders: [{\n provide: ControlContainer,\n useExisting: FormGroupDirective\n }]\n})\nexport class CustomerDataFormSmartComponent implements OnInit, OnDestroy {\n\n @Input() showFields: boolean;\n @Input() emailInputDisabled: boolean;\n @Input() passwordInputVisible: boolean;\n @Input() showCheckboxDontCreateAccount: boolean;\n @Input() remarksInputVisible: boolean;\n @Input() isFormSubmitted: boolean;\n\n public readonly parentFormDirective = inject(FormGroupDirective);\n public readonly countryService = inject(CountryService);\n public parentForm: BookingStepsFormType;\n public Gender = Gender;\n public countries: ICountry[];\n private masterSubscription = new Subscription();\n\n ngOnInit(): void {\n this.parentForm = this.parentFormDirective.form;\n this.loadCountries();\n this.makePasswordsInputDisabledOrEnabled();\n }\n\n ngOnDestroy(): void {\n this.masterSubscription.unsubscribe();\n }\n\n public selectGender(gender: Gender): void {\n this.parentForm.controls.customerData.controls.gender.setValue(gender);\n }\n\n public compareCountryCodes(c1: any, c2: any): boolean {\n return c1 && c2 ? c1.id === c2.id : c1 === c2;\n }\n\n public get customerDataControl() {\n return this.parentForm.controls.customerData.controls;\n }\n\n private loadCountries(): void {\n const sub = this.countryService.getAllCountries()\n .subscribe((countries: ICountry[]) => {\n this.countries = countries;\n const defaultValue = this.countries.find(country => country.twoLetterIsoCode === 'NL');\n this.customerDataControl.country.patchValue(this.customerDataControl.country.value ? this.customerDataControl.country.value : defaultValue);\n });\n this.masterSubscription.add(sub);\n }\n\n private makePasswordsInputDisabledOrEnabled(): void {\n this.parentForm.controls.createAnAccount.valueChanges.subscribe(value => {\n if (value) {\n this.parentForm.controls.password.disable();\n this.parentForm.controls.passwordRepeat.disable();\n } else {\n this.parentForm.controls.password.enable();\n this.parentForm.controls.passwordRepeat.enable();\n }\n });\n }\n}\n","\n","import { IBookVisitResult, ICustomerData } from '@app/shared/models';\nimport { Component, OnInit, OnDestroy, inject, Input } from '@angular/core';\nimport { AuthService } from '@app/shared/services/auth/auth.service';\nimport { CustomerService } from '@app/shared/services/customer/customer.service';\nimport { ISeoTagType } from '@app/shared/services/seo/seo-tag-type.enum';\nimport { SEOService } from '@app/shared/services/seo/seo.service';\nimport { Observable, Subject, Subscription, of, tap, switchMap } from 'rxjs';\nimport { YesNoChoice } from '@app/shared/enums/yes-no-choice';\nimport { inOutAnimation, stopClickBubbling } from '@app/shared/utils';\nimport { CommonModule } from '@angular/common';\nimport { ControlContainer, FormGroupDirective, ReactiveFormsModule } from '@angular/forms';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { BookingStepsFormType } from '@app/shared/models/booking-steps-form-type.model';\nimport { SharedModule } from '@app/shared/shared.module';\nimport { BookingPartChoosePaymentMethodComponent } from './choose-payment-method/choose-payment-method.component';\nimport { ISalonDetailsApi } from '@app/salon-details/models/salon-details-api.model';\nimport { BookingService } from '@app/shared/services/booking/booking.service';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { BookVisitErrorModalResult } from '@app/booking-part/models/book-visit-error-modal-result.enum';\nimport { BookVisitStatus } from '@app/shared/enums/book-visit-status.enum';\nimport { CustomerDataErrorModalComponent } from './customer-data-error-modal/customer-data-error-modal.component';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { passwordRepeatValidator } from '@app/shared/validators/password-repeat/passwordRepeatValidator.directive';\nimport { BookingStepsFormService } from '@app/shared/services';\nimport { CreateVisitMapperService } from '@app/shared/services/booking/create-visit-mapper.service.';\nimport { CustomerDataFormSmartComponent } from './customer-data-form/customer-data-form.smart.component';\nimport { PaymentType } from '@app/shared/enums/payment-type.enum';\nimport { DownPaymentType } from '@app/shared/enums/down-payment-type.enum';\n\n@Component({\n selector: 'app-booking-part-customer-data',\n templateUrl: './customer-data.smart.component.html',\n styleUrls: ['./customer-data.smart.component.scss'],\n animations: [inOutAnimation],\n standalone: true,\n imports: [\n CommonModule,\n TranslateModule,\n ReactiveFormsModule,\n SharedModule,\n BookingPartChoosePaymentMethodComponent,\n CustomerDataFormSmartComponent],\n viewProviders: [{\n provide: ControlContainer,\n useExisting: FormGroupDirective\n }]\n})\nexport class BookingPartCustomerDataSmartComponent implements OnInit, OnDestroy {\n @Input() salonDetails: ISalonDetailsApi;\n public isLoggedIn: boolean;\n public isAskForLoginState: boolean;\n public editMode = true;\n public shouldShowFormFields = true;\n public isOnlinePaymentAvailable: boolean;\n public isCustomerAdviceRequestEnabled: boolean;\n public isFormSubmitted = false;\n public onlineBookingTermsAndConditions = null;\n public YesNoChoice = YesNoChoice;\n public parentForm: BookingStepsFormType;\n public ngbModal = inject(NgbModal);\n public readonly parentFormDirective = inject(FormGroupDirective);\n private readonly bookingStepsFormService = inject(BookingStepsFormService);\n private readonly router = inject(Router);\n private readonly bookingService = inject(BookingService);\n private readonly route = inject(ActivatedRoute);\n private readonly createVisitMapperService = inject(CreateVisitMapperService);\n private readonly seoService = inject(SEOService);\n private readonly authService = inject(AuthService);\n private readonly customerService = inject(CustomerService);\n private masterSubscription = new Subscription();\n private isHiddenForOnlinePayments: boolean;\n\n constructor() {\n this.seoService.setSEO([\n {\n tagType: ISeoTagType.Title,\n i18nKey: 'BOOKING-PART.STEPS.CUSTOMER-DATA.META-TITLE'\n },\n {\n tagType: ISeoTagType.Description,\n i18nKey: 'BOOKING-PART.STEPS.CUSTOMER-DATA.META-DESCRIPTION'\n }\n ]);\n }\n\n @stopClickBubbling()\n setAskLoginState(stateActive: boolean): void {\n this.isAskForLoginState = stateActive;\n }\n\n ngOnInit(): void {\n this.parentForm = this.parentFormDirective.form;\n this.setupCustomerDataListener();\n this.pickBookingScenario();\n this.isCustomerAdviceRequestEnabled = this.salonDetails.allowsCustomerAdviceRequest;\n this.onlineBookingTermsAndConditions = this.salonDetails.onlineBookingTermsAndConditionsUrl;\n this.parentForm.controls.paymentType.valueChanges.subscribe();\n this.parentForm.controls.treatmentAssingments.controls.map(treatmentAssingment => treatmentAssingment.controls.isCollapsed.setValue(true));\n }\n\n ngOnDestroy(): void {\n this.masterSubscription.unsubscribe();\n }\n\n public toggleEditMode(): void {\n this.editMode = !this.editMode;\n this.shouldShowFormFields = this.isLoggedIn ? !this.editMode : true;\n }\n\n public signIn(): void {\n this.authService.signIn$()\n .subscribe();\n }\n\n get countryPhoneCode() {\n return this.parentForm.controls.customerData.controls.country.value?.phoneCode;\n }\n\n public bookVisit(): void {\n if (this.parentForm.invalid) {\n this.isFormSubmitted = true;\n } else {\n const sub = this.bookingService.bookVisit(this.createVisitMapperService.createBookVisitModel(this.parentForm))\n .subscribe(\n (result: IBookVisitResult) => {\n this.dispatchActions(result);\n },\n () => {\n this.handleErrors(BookVisitStatus.Unknown);\n }\n );\n this.masterSubscription.add(sub);\n }\n }\n\n public get bookingForm(): BookingStepsFormType {\n return this.parentForm;\n }\n\n private handleErrors(bookVisitStatus: BookVisitStatus): void {\n const sub = this.showErrorModal$(bookVisitStatus)\n .subscribe(result => {\n switch (result) {\n case BookVisitErrorModalResult.ChangeVisitSlot:\n this.parentForm.controls.activeStep.setValue(0);\n break;\n case BookVisitErrorModalResult.TryAgain:\n this.bookVisit();\n break;\n default:\n break;\n }\n });\n\n this.masterSubscription.add(sub);\n }\n\n private setupCustomerDataListener(): void {\n const sub = this.authService.isLoggedIn$()\n .pipe(\n tap(isLoggedIn => {\n this.isLoggedIn = isLoggedIn;\n this.isAskForLoginState = !this.isLoggedIn;\n this.shouldShowFormFields = isLoggedIn ? !this.editMode : true;\n if (isLoggedIn) {\n this.parentForm.removeValidators(passwordRepeatValidator);\n this.parentForm.controls.password.clearValidators();\n this.parentForm.controls.passwordRepeat.clearValidators();\n this.parentForm.controls.salonRemarks.clearValidators();\n this.parentForm.controls.customerData.clearValidators();\n this.parentForm.controls.createAnAccount.setValue(true);\n }\n }),\n switchMap(isLoggedIn => {\n if (isLoggedIn) {\n return this.customerService.getCustomerData().pipe(\n tap((data) => this.parentForm.controls.customerData.patchValue(data))\n );\n }\n return of(null);\n }))\n .subscribe((result: ICustomerData | null) => {\n if (result === null) {\n this.bookingStepsFormService.buildCustomerDataFormGroup();\n return;\n }\n this.parentForm.controls.customerData.patchValue(result);\n this.parentForm.controls.createAnAccount.setValue(true);\n });\n this.masterSubscription.add(sub);\n }\n\n private showErrorModal$(status: BookVisitStatus): Observable\n \n \n
\n \n
\n","export * from './booking-part/booking-part.smart.component';\nexport * from './booking-completed/booking-completed.component';\nexport * from './booking-payment-pending/payment-pending.component';\n","export enum BookVisitErrorModalResult {\n Unknown = 0,\n TryAgain = 1,\n ChangeVisitSlot = 2\n}\n","export enum WeekSlotScenarioEnum {\n Next = 0,\n Previous = 1,\n PreviouslyChoosen = 2,\n SearchForFirstPossibleTimeSlotIn4Weeks = 3\n};\n","import { Component, OnDestroy, OnInit, inject } from '@angular/core';\nimport { ThemeService } from '@app/salon-details/services/theme.service';\nimport { ICustomerData } from '@app/shared/models/customer-data.model';\nimport { CustomerService } from '@app/shared/services/customer/customer.service';\nimport { Subscription } from 'rxjs';\n\n@Component({\n selector: 'app-customer-account-details',\n templateUrl: './customer-account-details.component.html',\n styleUrls: ['./customer-account-details.component.scss']\n})\nexport class CustomerAccountDetailsComponent implements OnInit, OnDestroy {\n\n customerData: ICustomerData;\n private masterSubscription = new Subscription();\n private themeService = inject(ThemeService);\n\n constructor(\n private customerService: CustomerService) {\n this.getCustomerData();\n }\n\n ngOnInit() {\n this.themeService.useDefaultTheme();\n }\n\n ngOnDestroy(): void {\n this.masterSubscription.unsubscribe();\n }\n\n private getCustomerData(): void {\n const sub = this.customerService.getCustomerData()\n .subscribe((result: ICustomerData) => {\n this.customerData = result;\n });\n this.masterSubscription.add(sub);\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 {{ parentForm.controls.customerData.controls.firstName.value }} \n {{ parentForm.controls.customerData.controls.nameInfix.value }} \n {{ parentForm.controls.customerData.controls.lastName.value }}\n
\n {{ parentForm.controls.customerData.controls.email.value }}
\n \n \n {{ countryPhoneCode + parentForm.controls.customerData.controls.mobileNumber.value }}\n \n
\n \n {{ 'BOOKING-PART.STEPS.CUSTOMER-DATA.EDIT-CUSTOMER-DATA-BUTTON-TEXT' | translate }}\n \n
\n \n {{ parentForm.controls.customerData.controls.email.value }}
\n \n \n {{ countryPhoneCode + parentForm.controls.customerData.controls.mobileNumber.value }}\n \n
\n \n {{ 'BOOKING-PART.STEPS.CUSTOMER-DATA.EDIT-CUSTOMER-DATA-BUTTON-TEXT' | translate }}\n \n
\n \n \n \n
\n \n
\n\n \n \n
\n\n \n
\n\n
\n \n
\n \n
\n {{'CUSTOMER-ACCOUNT.DETAILS-VIEW.USER-INFORMATION.TITLE' | translate}}
\n\n
\n \n
\n {{'CUSTOMER-ACCOUNT.DETAILS-VIEW.USER-INFORMATION.NAME' | translate}}
\n \n {{ customerData.firstName }} \n {{ customerData.nameInfix }} \n {{ customerData.lastName }}\n
\n \n
\n {{'CUSTOMER-ACCOUNT.DETAILS-VIEW.USER-INFORMATION.EMAIL' | translate}}
\n {{customerData.email}}
\n \n
\n {{'CUSTOMER-ACCOUNT.DETAILS-VIEW.USER-INFORMATION.TELEPHONE' | translate}}
\n {{customerData.country.phoneCode + customerData.mobileNumber}}
\n \n
\n","import { Component, OnInit, inject } from '@angular/core';\nimport { ICustomerAccountVisit } from '@app/customer-account/models/customer-account-visit.model';\nimport { VisitStatusEnum } from '@app/customer-account/models/visit-status.enum';\nimport { CustomerAccountVisitsService } from '@app/customer-account/services/customer-account-visits.service';\nimport { ThemeService } from '@app/salon-details/services/theme.service';\nimport { inOutAnimation } from '@app/shared/utils';\n\n@Component({\n selector: 'app-customer-account-visits',\n templateUrl: './customer-account-visits.component.html',\n styleUrls: ['./customer-account-visits.component.scss'],\n animations: [inOutAnimation]\n})\nexport class CustomerAccountVisitsComponent implements OnInit {\n\n pendingVisits: ICustomerAccountVisit[] = [];\n visitsHistory: ICustomerAccountVisit[] = [];\n private themeService = inject(ThemeService);\n\n constructor(private customerAccountVisitsService: CustomerAccountVisitsService) { }\n\n ngOnInit() {\n this.themeService.useDefaultTheme();\n this.loadPendingVisits();\n this.loadHistoryVisits();\n }\n\n visitCancelled(visitId: string): void {\n const cancelledVisit = this.pendingVisits\n .splice(this.pendingVisits.findIndex(visit => visit.visitId === visitId), 1);\n cancelledVisit[0].visitStatus = VisitStatusEnum.Cancelled;\n this.visitsHistory.unshift(cancelledVisit[0]);\n }\n\n private loadPendingVisits(): void {\n this.customerAccountVisitsService.getPendingVisits()\n .subscribe(visits => this.pendingVisits = visits);\n }\n\n private loadHistoryVisits(): void {\n this.customerAccountVisitsService.getVisitsHistory()\n .subscribe(visits => this.visitsHistory = visits);\n }\n}\n","\n
\n\n \n
\n\n \n {{visit.visitDate | date: 'y'}}\n \n
\n \n \n {{visit.visitDate | date: 'd'}}\n \n \n {{visit.visitDate | date:'MMMM' | titlecase | translate}}\n \n \n \n {{visit.visitDate | date: 'y'}}\n \n \n
\n \n {{visit.visitDate | date: 'HH:mm'}}\n \n
\n \n \n
\n \n \n {{visit.visitDate | monthAbbrevKeyFromDate | translate}}\n \n \n {{ visitStatusTranslationKey | translate }}\n
\n\n
\n
\n \n {{visit.visitDate | date: 'HH:mm'}}\n \n
\n
\n \n
\n \n {{ visit.salonName }}\n
\n \n \n
\n \n {{ visitStatusTranslationKey | translate }}\n
\n{{visit | salonFormattedAddress}}
\n{{ visit.treatments[0].treatmentName | truncate:[30, '...']\n }}
\n{{ visit.treatments[0].isEmployeeSelected ?\n visit.treatments[0].employeeName :\n 'CUSTOMER-ACCOUNT.VISITS-VIEW.ANY-SPECIALIST' | translate }}
\n\n 1 || visit.visitRemarks)\"\n [@inOutAnimation]\n class=\"mb-3\">\n
\n \n \n
\n „{{ visit.visitRemarks }}”\n \n {{ treatment.treatmentName | truncate:[30, '...']\n }}
\n{{ treatment.isEmployeeSelected ? treatment.employeeName\n : 'CUSTOMER-ACCOUNT.VISITS-VIEW.ANY-SPECIALIST' | translate }}
\n\n {{ 'CUSTOMER-ACCOUNT.VISITS-VIEW.PENDING-VISITS-TITLE' | translate}}\n
\n\n
\n\n 0\">\n \n \n \n
\n \n {{ 'CUSTOMER-ACCOUNT.VISITS-VIEW.PENDING-VISITS-PLACEHOLDER' | translate}}\n
\n \n {{ 'CUSTOMER-ACCOUNT.VISITS-VIEW.HISTORY-VISITS-TITLE' | translate}}\n
\n\n
\n\n 0\">\n \n \n \n
\n \n {{ 'CUSTOMER-ACCOUNT.VISITS-VIEW.COMPLETED-VISITS-PLACEHOLDER' | translate}}\n
\n \n
\n","export * from './customer-account/customer-account.component';\nexport * from './customer-account-details/customer-account-details.component';\nexport * from './customer-account-visits/customer-account-visits.component';\n","export enum VisitCancellationStatusEnum {\n Success = 0,\n NotAllowed = 1,\n GenericError = 2\n}\n","export enum VisitStatusEnum {\n Pending = 0,\n Completed = 1,\n Cancelled = 2\n}\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-customer-account-navigation',\n templateUrl: './navigation.component.html',\n styleUrls: ['./navigation.component.scss']\n})\nexport class NavigationComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","\n \n \n\n \n \n
\n\n
\n\n \n
\n \n
\n {{'CUSTOMER-ACCOUNT.PAGE-TITLE' | translate}}
\n {{userName}}\n\n {{'CUSTOMER-ACCOUNT.NAVIGATION.ACCOUNT' | translate}}\n {{'CUSTOMER-ACCOUNT.NAVIGATION.VISITS' | translate}}\n
\n","import { CustomerAccountComponent, CustomerAccountVisitsComponent, CustomerAccountDetailsComponent } from '@app/customer-account';\nimport {\n UserLoggedInGuard\n} from '@app/shared/guards';\nimport { Routes } from \"@angular/router\";\n\nexport const customerAccountModuleRoutes: Routes = [\n {\n path: 'account',\n component: CustomerAccountComponent,\n canActivate: [UserLoggedInGuard],\n children: [\n {\n path: 'details',\n data: { bodyCssClass: 'bjootify-customer-account' },\n component: CustomerAccountDetailsComponent\n },\n {\n path: 'visits',\n data: { bodyCssClass: 'bjootify-customer-account' },\n component: CustomerAccountVisitsComponent\n },\n { path: '**', redirectTo: 'details', pathMatch: 'full' }\n ]\n }\n];\n","import { HttpClient } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { ICustomerAccountVisit } from '@app/customer-account/models/customer-account-visit.model';\nimport { IVisitCancellationRequestResult } from '@app/customer-account/models/visit-cancellation-request-result.model';\nimport { Observable, map } from 'rxjs';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class CustomerAccountVisitsService {\n\n constructor(private http: HttpClient) { }\n\n getPendingVisits(): Observable\n
\n\n \n
\n \n
\n \n
\n \n
\n\n\n \n \n\n
\n \n {{gift.giftName | truncate:[70, '...'] }}\n
\n\n
\n \n \n \n
\n\n \n \n {{ giftDetails.giftDescription }}\n \n \n {{ giftDetails.partnerWebsiteUrl }}\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 {{visitDetails.customerEmail}}\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
\n \n
\n \n
\n\n\n
\n \n {{gift.giftName | truncate:[55, '(...)'] }}\n
\n\n \n
\n \n
\n\n
\n \n \n \n
\n \n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { SharedModule } from '@app/shared/shared.module';\nimport {\n GiftsListViewComponent, GiftsListItemComponent, GiftsListComponent,\n GiftCardComponent, GiftDetailsComponent, GiftRedeemComponent\n} from '@app/gifts';\n\n\n@NgModule({\n declarations: [\n GiftsListItemComponent,\n GiftsListComponent,\n GiftCardComponent,\n GiftDetailsComponent,\n GiftRedeemComponent,\n GiftsListViewComponent\n ],\n imports: [\n CommonModule,\n SharedModule,\n RouterModule\n ],\n exports: [\n GiftsListItemComponent,\n GiftsListComponent\n ]\n})\nexport class GiftsModule { }\n","export * from './services';\nexport * from './gift-card/gift-card.component';\nexport * from './gift-details/gift-details.component';\nexport * from './gift-redeem/gift-redeem.component';\nexport * from './gifts-list/gifts-list.component';\nexport * from './gifts-list-item/gifts-list-item.component';\nexport * from './gifts-list-view/gifts-list-view.component';\n","export enum GiftCodeAssignmentStatus {\n Unknown = 0,\n Error = 1,\n OutOfCodes = 2,\n Success = 3\n}\n","import {\n GiftDetailsComponent, GiftRedeemComponent, GiftDetailsResolverService,\n GiftRedeemResolverService, GiftsListResolverService, GiftsListViewComponent\n} from '@app/gifts';\nimport {\n VisitDetailsResolverService\n} from '@app/shared/guards';\nimport { Routes } from \"@angular/router\";\n\nexport const giftsModuleRoutes: Routes = [\n {\n path: 'gifts',\n children: [\n {\n path: 'list/:visitId',\n data: { bodyCssClass: 'bjootify-gift-list' },\n component: GiftsListViewComponent,\n resolve: {\n gifts: GiftsListResolverService\n }\n },\n {\n path: 'details/:visitId/:giftId',\n data: { bodyCssClass: 'bjootify-gift-details' },\n component: GiftDetailsComponent,\n resolve: {\n giftDetails: GiftDetailsResolverService,\n visitDetails: VisitDetailsResolverService\n }\n },\n {\n path: 'redeem/:giftCodeToken',\n data: { bodyCssClass: 'bjootify-gift-redeem' },\n component: GiftRedeemComponent,\n resolve: {\n giftRedeem: GiftRedeemResolverService\n }\n },\n { path: '**', redirectTo: '/', pathMatch: 'full' }\n ]\n }\n];\n","import { Injectable } from '@angular/core';\nimport { ActivatedRouteSnapshot, Resolve, RouterStateSnapshot } from '@angular/router';\nimport { Observable, of, catchError, map } from 'rxjs';\nimport { IGift } from '@app/gifts/models/gift.interface';\nimport { GiftsService } from '@app/gifts/services/gifts.service';\nimport { find } from 'lodash-es';\nimport { IGiftsList } from '@app/gifts/models/gifts-list.interface';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class GiftDetailsResolverService implements Resolve\n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n\n \n \n\n
\n","import { HomepageComponent } from '@app/homepage/homepage/homepage.component';\nimport { Routes } from \"@angular/router\";\n\nexport const homepageModuleRoutes: Routes = [\n {\n path: '',\n component: HomepageComponent,\n pathMatch: 'full',\n data: { bodyCssClass: 'bjootify-homepage' }\n }\n];\n","import { TranslateLoader } from '@ngx-translate/core';\nimport { Observable, of } from 'rxjs';\n\nexport class LanguageCustomLoader implements TranslateLoader {\n\n getTranslation(lang: string): Observable\n
\n\n \n
\n \n
\n \n
\n","import {\n byCityAndAliasUrlMatcher,\n bySalonIdUrlMatcher,\n} from '@app/shared/url-matchers/url-matchers';\nimport { BookingPartSmartComponent, BookingCompletedComponent, PaymentPendingComponent } from '@app/booking-part';\nimport {\n VisitDetailsResolverService, SalonPageResolverService\n} from '@app/shared/guards';\nimport {\n GiftsListResolverService\n} from '@app/gifts';\nimport { Routes } from \"@angular/router\";\nimport {\n SalonDetailsStandaloneContextComponent\n} from \"@app/salon-details/salon-details/context/standalone/salon-details-standalone-context.component\";\nimport {\n SalonDetailsBjootifyContextComponent\n} from \"@app/salon-details/salon-details/context/bjootify/salon-details-bjootify-context.component\";\n\nexport const salonDetailsModuleRoutes: Routes = [{\n path: 'salon',\n children: [\n {\n matcher: bySalonIdUrlMatcher,\n children: [\n {\n path: '',\n data: { bodyCssClass: 'bjootify-salon-page' },\n component: SalonDetailsStandaloneContextComponent,\n resolve: {\n salonPage: SalonPageResolverService\n }\n },\n {\n path: 'booking',\n data: { bodyCssClass: 'bjootify-booking' },\n component: BookingPartSmartComponent\n },\n {\n path: ':visitId',\n children: [\n {\n path: '',\n pathMatch: 'full',\n redirectTo: '/'\n },\n {\n path: 'payment-pending',\n data: { bodyCssClass: 'bjootify-payment-pending' },\n component: PaymentPendingComponent,\n resolve: {\n visitDetails: VisitDetailsResolverService\n }\n },\n {\n path: 'booking-completed',\n data: { bodyCssClass: 'bjootify-booking-completed' },\n component: BookingCompletedComponent,\n resolve: {\n visitDetails: VisitDetailsResolverService,\n gifts: GiftsListResolverService\n }\n }\n ]\n },\n ]\n },\n {\n matcher: byCityAndAliasUrlMatcher,\n children: [\n {\n path: '',\n data: { bodyCssClass: 'bjootify-salon-page' },\n component: SalonDetailsBjootifyContextComponent,\n resolve: {\n salonPage: SalonPageResolverService\n }\n },\n {\n path: 'booking',\n data: { bodyCssClass: 'bjootify-booking' },\n component: BookingPartSmartComponent\n },\n {\n path: ':visitId',\n children: [\n {\n path: '',\n pathMatch: 'full',\n redirectTo: '/'\n },\n {\n path: 'payment-pending',\n data: { bodyCssClass: 'bjootify-payment-pending' },\n component: PaymentPendingComponent,\n resolve: {\n visitDetails: VisitDetailsResolverService\n }\n },\n {\n path: 'booking-completed',\n data: { bodyCssClass: 'bjootify-booking-completed' },\n component: BookingCompletedComponent,\n resolve: {\n visitDetails: VisitDetailsResolverService,\n gifts: GiftsListResolverService\n }\n }\n ]\n },\n ]\n },\n\n ]\n}];\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReviewsSummaryComponent } from '@app/salon-details/salon-reviews/reviews-summary/reviews-summary.component';\nimport { SalonReviewsComponent } from '@app/salon-details/salon-reviews/salon-reviews.component';\nimport { TreatmentCategoryComponent } from '@app/salon-details/treatment-category/treatment-category.component';\nimport { SharedModule } from '@app/shared/shared.module';\nimport { ReviewsHeaderComponent } from '@app/salon-details/salon-details/reviews-header/reviews-header.component';\n\n@NgModule({\n declarations: [\n SalonReviewsComponent,\n ReviewsSummaryComponent,\n ReviewsHeaderComponent\n ],\n imports: [\n CommonModule,\n SharedModule,\n TreatmentCategoryComponent\n ],\n exports: [\n TreatmentCategoryComponent\n ]\n})\nexport class SalonDetailsModule {}\n","import {\n Component,\n OnInit,\n OnDestroy,\n ViewChild,\n ViewContainerRef,\n AfterViewInit, inject\n} from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { DialogsService } from '@app/shared/services/dialogs/dialogs.service';\nimport { SEOService } from '@app/shared/services/seo/seo.service';\nimport { ReviewsHeaderComponent } from '@app/salon-details/salon-details/reviews-header/reviews-header.component';\nimport { SalonModulesEnum } from '@app/shared/models/salon-modules.enum';\nimport { SalonReviewsComponent } from '@app/salon-details/salon-reviews/salon-reviews.component';\nimport { SalonService } from '@app/shared/services/salon/salon.service';\nimport { SalonDetailsBaseComponent } from '@app/salon-details/salon-details/salon-details.base.component';\nimport { TranslateModule } from '@ngx-translate/core';\nimport {\n ScrollToCategoryComponent\n} from '@app/salon-details/salon-details/scroll-to-category/scroll-to-category.component';\nimport { FeatherModule } from 'angular-feather';\nimport { CommonModule } from '@angular/common';\nimport { TreatmentCategoryComponent } from '@app/salon-details/treatment-category/treatment-category.component';\nimport { BadgeGiftsComponent } from '@app/shared/components/badge-gifts/badge-gifts.component';\nimport { OpeningHoursComponent } from '../../opening-hours/opening-hours.component';\nimport { BadgeGiftsDescriptionDumbComponent } from '@app/shared/components/badge-gifts/badge-gifts-description/badge-gifts-description.dumb.component';\nimport { inOutAnimation } from '@app/shared/utils/animations';\nimport { MultipleTreatmentsBasketComponent } from '../../multiple-treatments-basket/multiple-treatments-basket.component';\n\n@Component({\n selector: 'app-salon-details-bjootify-context',\n templateUrl: './salon-details-bjootify-context.component.html',\n styleUrls: ['./salon-details-bjootify-context.component.scss'],\n standalone: true,\n animations: [inOutAnimation],\n imports: [\n CommonModule,\n TranslateModule,\n ScrollToCategoryComponent,\n TreatmentCategoryComponent,\n FeatherModule,\n BadgeGiftsComponent,\n OpeningHoursComponent,\n BadgeGiftsDescriptionDumbComponent,\n MultipleTreatmentsBasketComponent]\n})\nexport class SalonDetailsBjootifyContextComponent extends SalonDetailsBaseComponent implements OnInit, OnDestroy, AfterViewInit {\n @ViewChild('reviewsHeader', { read: ViewContainerRef }) reviewsHeaderRef: ViewContainerRef;\n @ViewChild('reviewsSection', { read: ViewContainerRef }) salonReviewsRef: ViewContainerRef;\n @ViewChild('app-multiple-treatments-basket') multipleTreatmentsBasketRef: MultipleTreatmentsBasketComponent;\n public isMultipleTreatmentsBookingTurnedOn = false;\n\n constructor() {\n super(inject(ActivatedRoute),\n inject(Router),\n inject(SEOService),\n inject(DialogsService),\n inject(SalonService))\n }\n\n ngOnInit() {\n super.ngOnInit();\n this.isMultipleTreatmentsBookingTurnedOn = this.salonDetails.allowsBookingMultipleTreatmentsOnline;\n }\n\n ngAfterViewInit() {\n this.loadSalonFeatures();\n }\n\n ngOnDestroy(): void {\n super.ngOnDestroy();\n }\n\n private loadSalonFeatures(): void {\n if (this.salonDetails.modules.includes(SalonModulesEnum.Reviews)\n && this.salonDetails.reviewsCount > 0) {\n this.loadSalonReviews();\n }\n }\n\n private loadSalonReviews(): void {\n const reviewsHeaderRef = this.reviewsHeaderRef.createComponent\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 0\"\n [@inOutAnimation]\n class=\"d-flex justify-content-center sticky-bottom\"\n [selectedTreatments]=\"selectedTreatments\"\n (bookMultpleTreatmentsClicked)=\"bookTreatment($event)\">\n \n
\n","import {\n Component,\n OnInit,\n OnDestroy,\n ViewChild,\n ViewContainerRef,\n AfterViewInit, inject\n} from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { DialogsService } from '@app/shared/services/dialogs/dialogs.service';\nimport { SEOService } from '@app/shared/services/seo/seo.service';\nimport { ReviewsHeaderComponent } from '@app/salon-details/salon-details/reviews-header/reviews-header.component';\nimport { SalonModulesEnum } from '@app/shared/models/salon-modules.enum';\nimport { SalonReviewsComponent } from '@app/salon-details/salon-reviews/salon-reviews.component';\nimport { SalonService } from '@app/shared/services/salon/salon.service';\nimport { SalonDetailsBaseComponent } from '@app/salon-details/salon-details/salon-details.base.component';\nimport { TranslateModule } from '@ngx-translate/core';\nimport {\n ScrollToCategoryComponent\n} from '@app/salon-details/salon-details/scroll-to-category/scroll-to-category.component';\nimport { FeatherModule } from 'angular-feather';\nimport { CommonModule } from '@angular/common';\nimport { TreatmentCategoryComponent } from '@app/salon-details/treatment-category/treatment-category.component';\nimport { BadgeGiftsComponent } from '@app/shared/components/badge-gifts/badge-gifts.component';\nimport { ThemeService } from '@app/salon-details/services/theme.service';\nimport { OpeningHoursComponent } from '../../opening-hours/opening-hours.component';\nimport { inOutAnimation, smoothScrollToElementId } from '@app/shared/utils';\nimport { BadgeGiftsDescriptionDumbComponent } from '@app/shared/components/badge-gifts/badge-gifts-description/badge-gifts-description.dumb.component';\nimport { MultipleTreatmentsBasketComponent } from '../../multiple-treatments-basket/multiple-treatments-basket.component';\n\n/**\n * @description\n * Standalone suffix relates to component context usage not the Angular \"standalone\" feature\n */\n@Component({\n selector: 'app-salon-details-standalone',\n templateUrl: './salon-details-standalone-context.component.html',\n styleUrls: ['./salon-details-standalone-context.component.scss'],\n standalone: true,\n animations: [inOutAnimation],\n imports: [\n CommonModule,\n TranslateModule,\n ScrollToCategoryComponent,\n TreatmentCategoryComponent,\n FeatherModule,\n BadgeGiftsComponent,\n OpeningHoursComponent,\n BadgeGiftsDescriptionDumbComponent,\n MultipleTreatmentsBasketComponent]\n})\nexport class SalonDetailsStandaloneContextComponent extends SalonDetailsBaseComponent implements OnInit, OnDestroy, AfterViewInit {\n @ViewChild('reviewsHeader', { read: ViewContainerRef }) reviewsHeaderRef: ViewContainerRef;\n @ViewChild('reviewsSection', { read: ViewContainerRef }) salonReviewsRef: ViewContainerRef;\n @ViewChild('app-multiple-treatments-basket') multipleTreatmentsBasketRef: MultipleTreatmentsBasketComponent;\n public isOnlineBookingTurnedOn = false;\n public isMultipleTreatmentsBookingTurnedOn = false;\n private readonly themeService = inject(ThemeService);\n\n constructor() {\n super(inject(ActivatedRoute),\n inject(Router),\n inject(SEOService),\n inject(DialogsService),\n inject(SalonService))\n }\n\n ngOnInit() {\n super.ngOnInit();\n this.themeService.useCustomTheme(this.salonDetails.websiteTheme);\n this.isOnlineBookingTurnedOn = this.salonDetails.modules.includes(SalonModulesEnum.OnlineBooking);\n this.isMultipleTreatmentsBookingTurnedOn = this.salonDetails.allowsBookingMultipleTreatmentsOnline;\n }\n\n ngAfterViewInit() {\n this.loadSalonFeatures();\n }\n\n ngOnDestroy(): void {\n super.ngOnDestroy();\n }\n\n scrollToSalonTreatments(id: string) {\n smoothScrollToElementId(id, 500, 100);\n }\n\n private loadSalonFeatures(): void {\n if (this.salonDetails.modules.includes(SalonModulesEnum.Reviews)\n && this.salonDetails.reviewsCount > 0) {\n this.loadSalonReviews();\n }\n }\n\n private loadSalonReviews(): void {\n const reviewsHeaderRef = this.reviewsHeaderRef.createComponent\n
\n\n \n
\n \n
\n \n
\n \n
\n\n \n
\n \n \n \n {{ 'SHARED.BADGE-GIFTS.DESCRIPTION' | translate }}\n \n \n
\n \n {{ salonDetails.name }}\n
\n\n
\n\n \n
\n \n
\n \n {{ formattedSalonDepartments }}\n
\n \n
\n \n {{ formattedSalonAddress }}\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 {{ salonDetails.description }}
\n\n \n \n \n
\n \n 0\"\n [@inOutAnimation]\n class=\"d-flex justify-content-center sticky-bottom\"\n [selectedTreatments]=\"selectedTreatments\"\n (bookMultpleTreatmentsClicked)=\"bookTreatment($event)\">\n \n
\n","import { CommonModule } from '@angular/common';\nimport { Component, OnInit, inject } from '@angular/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\nimport { FormBuilder, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';\nimport { ITreatmentApiModel } from '@app/shared/models';\nimport { CustomerStopHttpService } from '@app/salon-details/services/customer-stop-form-http.service';\nimport { FeatherModule } from 'angular-feather';\nimport { inOutAnimation } from '@app/shared/utils';\nimport { CustomerStopForm } from '@app/salon-details/models/customer-stop-form.interface';\n\n@Component({\n selector: 'app-customer-stop-dialog-container',\n templateUrl: './customer-stop-dialog-container.component.html',\n styleUrls: ['./customer-stop-dialog-container.component.scss'],\n standalone: true,\n animations: [inOutAnimation],\n imports: [\n CommonModule,\n TranslateModule,\n ReactiveFormsModule,\n FeatherModule]\n})\nexport class CustomerStopDialogContainerComponent implements OnInit {\n\n public activeModal = inject(NgbActiveModal);\n public formStatusOk = true;\n public formSent: boolean;\n public submitted: boolean;\n public customerStopForm: FormGroup;\n public salonId: string;\n public treatmentName: ITreatmentApiModel['name'];\n\n private fb = inject(FormBuilder);\n private customerStopHttpService = inject(CustomerStopHttpService);\n\n\n ngOnInit(): void {\n this.buildCustomerStopForm();\n }\n\n get customerNameFormControl() {\n return this.customerStopForm.controls.customerName;\n }\n\n get customerEmailFormControl() {\n return this.customerStopForm.controls.customerEmail;\n }\n\n public onCloseClick(): void {\n this.activeModal.close();\n }\n\n public onSubmit(): void {\n this.submitted = true;\n if (this.customerStopForm.valid) {\n const formData = this.customerStopForm.value;\n this.customerStopHttpService.submitForm(formData).subscribe(\n (response) => {\n if (response === null) {\n this.formSent = true;\n }\n },\n (error) => {\n if (error) {\n this.formStatusOk = false;\n }\n }\n );\n }\n this.customerStopForm.markAllAsTouched();\n }\n\n private buildCustomerStopForm(): CustomerStopForm {\n return this.customerStopForm = this.fb.group({\n salonId: [this.salonId],\n treatmentName: [this.treatmentName],\n customerEmail: ['', [Validators.required, Validators.email]],\n customerName: ['', [Validators.required]],\n });\n }\n}\n","\n","import { CommonModule } from '@angular/common';\nimport { AfterViewInit, Component, ElementRef, EventEmitter, Input, OnDestroy, OnInit, Output, Renderer2, ViewChild, inject } from '@angular/core';\nimport { TreatmentCategoryComponent } from '@app/salon-details/treatment-category/treatment-category.component';\nimport { ITreatmentApiModel } from '@app/shared/models';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { Subscription, fromEvent, debounceTime } from 'rxjs';\n\n@Component({\n selector: 'app-multiple-treatments-basket',\n templateUrl: './multiple-treatments-basket.component.html',\n styleUrls: ['./multiple-treatments-basket.component.scss'],\n standalone: true,\n imports: [\n CommonModule,\n TranslateModule,\n TreatmentCategoryComponent]\n})\nexport class MultipleTreatmentsBasketComponent implements OnInit, AfterViewInit, OnDestroy {\n @ViewChild('containerOfTreatments', { static: true }) containerOfTreatmentsElementRef: ElementRef;\n @Input() selectedTreatments: ITreatmentApiModel[] = [];\n @Output() bookMultpleTreatmentsClicked = new EventEmitter\n
\n\n \n
\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n {{ salonDetails.name }}\n
\n\n \n \n {{ 'SHARED.BADGE-GIFTS.DESCRIPTION-FOR-SALON-PAGE' | translate }}\n \n \n
\n \n \n
\n \n
\n\n \n
\n \n
\n {{ salonDetails.description }}
\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 {{ 'SALON-DETAILS.MULTIPLE-TREATMENTS-BASKET.SELECTED-TREATMENTS' | translate }}\n
\n\n \n {{ listOfTreatmentsNames }}\n \n \n \n
\n \n \n
\n \n
\n","import { CommonModule, WeekDay } from '@angular/common';\nimport { Component, OnInit, Input } from '@angular/core';\nimport { IDaySalonSchedule, IDaySalonScheduleTimeSlot } from '@app/salon-details/models/day-salon-schedule.model';\nimport { TranslateModule } from '@ngx-translate/core';\n\n@Component({\n selector: 'app-salon-details-opening-hours',\n templateUrl: './opening-hours.component.html',\n styleUrls: ['./opening-hours.component.scss'],\n standalone: true,\n imports: [CommonModule, TranslateModule]\n})\nexport class OpeningHoursComponent implements OnInit {\n @Input() schedule: IDaySalonSchedule[];\n formattedSchedule: IDayFormattedSalonSchedule[] = [];\n\n constructor() { }\n\n ngOnInit(): void {\n this.schedule.forEach((day: IDaySalonSchedule) => {\n this.formattedSchedule.push({\n dayNameAbbrev: this.getWeekDayTranslationKey(day.dayOfWeek),\n dayTimeSlots: this.getFormattedDayTimeSlots(day.timeSlots)\n });\n });\n }\n\n private getWeekDayTranslationKey(weekDay: WeekDay): string {\n return `SHARED.WEEKDAYS-ABBREV.${WeekDay[weekDay].toUpperCase()}`;\n }\n\n private getFormattedDayTimeSlots(timeSlots: IDaySalonScheduleTimeSlot[]): string[] {\n if (!timeSlots) { return [] }\n const ranges: string[] = [];\n timeSlots.forEach((range: IDaySalonScheduleTimeSlot) => {\n const [startHours, startMinutes] = range.start.split(':');\n const [endHours, endMinutes] = range.end.split(':');\n ranges.push(`${startHours}:${startMinutes} - ${endHours}:${endMinutes}`);\n });\n return ranges;\n }\n}\n\ninterface IDayFormattedSalonSchedule {\n dayNameAbbrev: string;\n dayTimeSlots: string[];\n}\n","\n \n
\n{{ numberOfTreatments }} {{ numberOfTreatments === 1 ?\n ('SALON-DETAILS.MULTIPLE-TREATMENTS-BASKET.TREATMENT' | translate ) :\n ( 'SALON-DETAILS.MULTIPLE-TREATMENTS-BASKET.TREATMENTS' | translate ) }}\n
\n \n\n \n
\n \n \n
\n","import { Component, ChangeDetectionStrategy, HostBinding } from '@angular/core';\nimport { ISalonDetailsApi } from '@app/salon-details/models/salon-details-api.model';\nimport { smoothScrollToElementId } from '@app/shared/utils';\n\n@Component({\n selector: 'app-reviews-header',\n templateUrl: './reviews-header.component.html',\n styleUrls: ['./reviews-header.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ReviewsHeaderComponent {\n @HostBinding('class') cssClass: string;\n salonDetails: ISalonDetailsApi;\n\n scrollToReviews(reviewsContainerId: string): void {\n smoothScrollToElementId(reviewsContainerId, 500, 100);\n }\n}\n\n","\n
\n\n
\n \n {{ day.dayNameAbbrev | translate }}\n
\n \n \n {{ slot }}\n \n
\n \n {{salonDetails.averageRating | number: '1.1-1'}}\n
\n\n\n","import { OnInit, OnDestroy, Component, inject } from '@angular/core';\nimport { ActivatedRoute, Router, ParamMap } from '@angular/router';\nimport { ISalonDetailsApi } from '@app/salon-details/models/salon-details-api.model';\nimport { ITreatmentCategory } from '@app/salon-details/models/treatment-category.model';\nimport { IDepartment, ISalonPage, ISalonReviewsSummary, ISalonReviews, ITreatmentApiModel } from '@app/shared/models';\nimport { DialogsService } from '@app/shared/services/dialogs/dialogs.service';\nimport { OkDialogResult } from '@app/shared/services/dialogs/ok-dialog/ok-dialog-result.enum';\nimport { YesNoDialogResult } from '@app/shared/services/dialogs/yes-no-dialog/yes-no-dialog-result.enum';\nimport { ISeoTagType } from '@app/shared/services/seo/seo-tag-type.enum';\nimport { SEOService } from '@app/shared/services/seo/seo.service';\nimport { Observable, of, Subscription, map, switchMap, tap } from 'rxjs';\nimport { IOkDialogConfig } from '@app/shared/services/dialogs/ok-dialog/ok-dialog-config';\nimport { getGoogleMapsUrlFromSalonAdress } from '@app/shared/utils/salon';\nimport { SalonService } from '@app/shared/services/salon/salon.service';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { CustomerStopIntentService } from '../services/customer-stop-dialog-intent.service';\nimport { CustomerStopDialogContainerComponent } from './customer-stop-dialog-container/customer-stop-dialog-container.component';\nimport { IBeginBookingFlowInfo } from '@app/shared/services/booking/begin-booking-flow-info.model';\n@Component({\n selector: 'app-salon-details-base',\n template: '',\n standalone: true\n})\nexport class SalonDetailsBaseComponent implements OnInit, OnDestroy {\n\n public reviewsSummary: ISalonReviewsSummary;\n public reviews: ISalonReviews;\n public salonPage: ISalonPage;\n public salonDetails: ISalonDetailsApi;\n public treatmentCategories: ITreatmentCategory[];\n public imageUrl = '';\n public logoUrl = '';\n public formattedSalonAddress = '';\n public formattedSalonDepartments = '';\n public formattedSalonDepartmentsForAboutSalon = '';\n public googleMapsUrl = '';\n public selectedTreatments: ITreatmentApiModel[] = [];\n\n private masterSubscription = new Subscription();\n private customerStopIntentService = inject(CustomerStopIntentService);\n private ngbModal = inject(NgbModal);\n\n constructor(\n private route: ActivatedRoute,\n private router: Router,\n private seoService: SEOService,\n private dialogsService: DialogsService,\n private salonService: SalonService\n ) { }\n\n ngOnInit(): void {\n this.setSEO();\n this.salonPage = this.route.snapshot.data.salonPage;\n this.salonDetails = this.salonPage.salonDetails;\n this.treatmentCategories = this.salonPage.treatmentCategories;\n this.logoUrl = this.salonDetails.logoUrl;\n this.imageUrl = this.salonDetails.photoUrl;\n this.googleMapsUrl = this.getGoogleMapsUrl();\n this.formattedSalonAddress = this.getFormattedSalonAddress();\n this.formattedSalonDepartments = this.getFormattedSalonDepartments();\n this.formattedSalonDepartmentsForAboutSalon = this.formattedSalonDepartments.replace('Kapsalon', 'Kapper');\n this.reviews = this.salonPage.salonReviews;\n this.handleSalonPageMessageDisplay();\n this.createEventSubToCustomerStopDialog();\n }\n\n ngOnDestroy(): void {\n this.masterSubscription.unsubscribe();\n }\n\n public goBack(): void {\n let salonName = sessionStorage.getItem('recentSalonName');\n const departmentName = sessionStorage.getItem('recentDepartmentName');\n salonName = salonName ? salonName : this.salonDetails.city;\n\n if (departmentName) {\n this.router.navigate(['/salons', salonName, departmentName]);\n return;\n }\n this.router.navigate(['/salons', salonName]);\n }\n\n public bookTreatment(treatments: ITreatmentApiModel[]): void {\n this.askUserIfBeenToSalonBefore$()\n .pipe(\n tap((salonWasVisited: boolean | null) => {\n if (salonWasVisited === null) { return }\n else if (this.salonDetails.newCustomersAllowed || salonWasVisited) {\n this.beginBookingFlow(treatments, !salonWasVisited);\n } else {\n this.customerStopIntentService.emitOpenCustomerStopDialongIntentEvent$(treatments);\n }\n }))\n .subscribe();\n }\n\n public onTreatmentShowDescriptionClick(treatment: ITreatmentApiModel): void {\n const okDialogConfig: IOkDialogConfig = {\n okButtonTextTranslationKey: 'SALON-DETAILS.TREATMENT-DESCRIPTION-MODAL.BUTTON-CLOSE',\n acceptHTML: true,\n modalBodyClass: 'notranslate'\n };\n this.dialogsService.showOkDialog(\n 'SALON-DETAILS.TREATMENT-DESCRIPTION-MODAL.TEXT',\n okDialogConfig, {\n treatmentName: treatment.name,\n treatmentDescription: treatment.description\n })\n .subscribe();\n }\n\n public addToMultipleTreatmentsArray({ event, selectedTreatment }): void {\n if (event.target.checked) {\n this.selectedTreatments.push(selectedTreatment);\n this.selectedTreatments = [...this.selectedTreatments];\n } else if (!event.target.checked) {\n const index = this.selectedTreatments.map((treatment) => treatment.id).indexOf(selectedTreatment.id);\n if (index !== -1) {\n this.selectedTreatments.splice(index, 1);\n }\n this.selectedTreatments = [...this.selectedTreatments];\n }\n }\n\n private askUserIfBeenToSalonBefore$(): Observable\n
\n","export class ReviewsPaginationDefaults {\n static readonly reviewsPageSize = 3;\n static readonly reviewsStartingPageNumber = 1;\n}\n","import { Component, Input } from '@angular/core';\nimport { ISalonReviewsSummary } from '@app/shared/models/salon-reviews-summary.model';\n\n@Component({\n selector: 'app-reviews-summary',\n templateUrl: './reviews-summary.component.html',\n styleUrls: ['./reviews-summary.component.scss']\n})\nexport class ReviewsSummaryComponent {\n @Input() reviewsSummary: ISalonReviewsSummary;\n\n constructor() { }\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 {{reviewsSummary.averageRating | number: '1.1-1'}}\n
\n \n
\n \n\n
\n
\n\n \n \n
\n \n {{rating | number: '1.1-1'}}\n \n \n
\n \n \n
\n","import { Injectable } from '@angular/core';\nimport { ITreatmentApiModel } from '@app/shared/models';\nimport { Subject } from 'rxjs';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class CustomerStopIntentService {\n private openCustomerStopDialogIntentSource = new Subject\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 {{ category.name }}\n
\n\n \n
\n","import { SalonsSearchResultsComponent } from '@app/salons-search-results/salons-search-results/salons-search-results.component';\nimport { SalonSearchResolverService } from '@app/shared/guards';\nimport { Routes } from \"@angular/router\";\n\nexport const salonsSearchResultModuleRoutes: Routes = [\n {\n path: 'salons',\n data: { bodyCssClass: 'bjootify-salon-search' },\n children: [\n {\n path: ':cityName', component: SalonsSearchResultsComponent,\n resolve: {\n salonSearchResults: SalonSearchResolverService\n }\n },\n {\n path: ':cityName/:departmentName', component: SalonsSearchResultsComponent,\n resolve: {\n salonSearchResults: SalonSearchResolverService\n }\n },\n { path: '**', redirectTo: '/', pathMatch: 'full' },\n ]\n },\n];\n","import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\nimport { ISalonsSearchResultsItem } from '@app/salons-search-results/models/salons-search-results-item.model';\nimport {\n getSalonLogoUrlOrDefault,\n getGoogleMapsUrlFromSalonAdress,\n getSalonPictureUrlOrDefault\n} from '@app/shared/utils/salon';\n\n@Component({\n selector: 'app-salons-search-results-item',\n templateUrl: './salons-search-results-item.component.html',\n styleUrls: ['./salons-search-results-item.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SalonsSearchResultsItemComponent implements OnInit {\n\n @Input() item: ISalonsSearchResultsItem;\n @Input() cityName?: string;\n googleMapsUrl = '';\n pictureUrl = '';\n logoUrl = '';\n\n constructor() { }\n\n ngOnInit(): void {\n this.googleMapsUrl = getGoogleMapsUrlFromSalonAdress(this.item);\n this.pictureUrl = getSalonPictureUrlOrDefault(this.item.pictureUrl);\n this.logoUrl = getSalonLogoUrlOrDefault(this.item.logoUrl);\n }\n\n}\n","\n
\n \n\n
\n \n
\n \n
\n \n
\n \n \n {{ department.name }}\n , \n \n
\n {{item.salonName}}
\n\n\n
\n\n 0\"\n class=\"d-flex flex-row align-items-center mb-0\">\n {{ item.averageRating | number: '1.1-1' }}\n
\n \n \n \n \n \n
\n {{item | salonFormattedAddress}}
\n\n
\n \n
\n \n {{item.distanceToSalon}} km\n
\n \n \n\n \n \n \n\n \n \n \n
\n","import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { FeatherModule } from 'angular-feather';\n\n@Component({\n selector: 'app-badge-gifts-description',\n templateUrl: './badge-gifts-description.dumb.component.html',\n styleUrls: ['./badge-gifts-description.dumb.component.scss'],\n standalone: true,\n imports: [CommonModule, TranslateModule, FeatherModule],\n})\nexport class BadgeGiftsDescriptionDumbComponent { }\n","\n","import { Component, ChangeDetectionStrategy, Input } from '@angular/core';\nimport { FeatherModule } from \"angular-feather\";\nimport { TranslateModule } from \"@ngx-translate/core\";\nimport { TooltipModule } from \"ngx-bootstrap/tooltip\";\nimport { CommonModule } from '@angular/common';\nimport { BadgeGiftsDescriptionDumbComponent } from './badge-gifts-description/badge-gifts-description.dumb.component';\n\n@Component({\n selector: 'app-badge-gifts',\n templateUrl: './badge-gifts.component.html',\n styleUrls: ['./badge-gifts.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [FeatherModule, TranslateModule, TooltipModule, CommonModule, BadgeGiftsDescriptionDumbComponent],\n host: { class: 'd-flex flex-row align-items-center' }\n})\nexport class BadgeGiftsComponent {\n @Input() enableTooltip: boolean;\n\n preventRoutingActions($event: any): void {\n $event.stopPropagation();\n $event.preventDefault();\n }\n\n}\n","\n\n
\n\n \n\n \n \n \n\n \n \n \n\n
\n \n \n
\n\n {{ formattedPageTitle }}
\n\n \n \n \n \n \n \n
\n \n 0\">\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 \n \n
\n \n
\n","export enum PlacesAutocompleteActionEnum {\n EnterPressed = 1,\n MouseClicked = 2,\n InputBlurred = 3\n}\n","import { Component, OnInit, Output, EventEmitter, OnDestroy, ChangeDetectorRef, NgZone } from '@angular/core';\nimport { IPlacesAutocompleteOutput } from '@app/shared/components/places-autocomplete/places-autocomplete-action-output.interface';\nimport { PlacesAutocompleteActionEnum } from '@app/shared/components/places-autocomplete/places-autocomplete-action.enum';\nimport { IPlacesAutocompleteResult } from '@app/shared/models/places-autocomplete-result.model';\nimport { PlacesAutocompleteService } from '@app/shared/services/places-autocomplete/places-autocomplete.service';\nimport { Subject, Subscription, debounceTime, filter, switchMap } from 'rxjs';\n\n@Component({\n selector: 'app-places-autocomplete',\n templateUrl: './places-autocomplete.component.html',\n styleUrls: ['./places-autocomplete.component.scss']\n})\nexport class PlacesAutocompleteComponent implements OnInit, OnDestroy {\n\n @Output() selectedPlace = new EventEmitter\n
\n \n\n
\n \n
\n {{ 'SHARED.COOKIE-POLICY-PAGE.HEADER' | translate }}
\n\n \n
\n","import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'app-rating-bar',\n templateUrl: './rating-bar.component.html',\n styleUrls: ['./rating-bar.component.scss'],\n})\nexport class RatingBarComponent implements OnInit {\n @Input() ratingValue: number;\n readonly maxGrade = 5;\n ratingValueInPercents = '0';\n\n constructor() { }\n\n ngOnInit() {\n this.ratingValueInPercents = ((this.ratingValue * 100) / this.maxGrade).toFixed(0);\n }\n\n}\n","\n","import { Component, OnInit, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n selector: 'app-rating-stars',\n templateUrl: './rating-stars.component.html',\n styleUrls: ['./rating-stars.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class RatingStarsComponent implements OnInit {\n @Input() clickable: boolean;\n @Input() ratingValue: number;\n @Output() ratingValueChange = new EventEmitter\n
\n- \n
- \n {{ item.city}}\n \n
\n
\n\n\n {{review.averageRating | number: '1.1-1'}}\n
\n\n \n
\n\n \n \n \n \n \n \n \n
\n \n {{review.customerFirstName}}\n \n {{review.createdOnUtc | date:'dd-MM-yyyy'}}\n
\n\n \n {{review.description}}\n
\n\n\n
\n\n
\n \n \n {{review.salonReply.createdOnUtc | date:'dd-MM-yyyy'}}\n
\n \n {{ review.salonReply.replyText }}\n
\n\n
\n\n \n {{rating | number: '1.0-0'}}\n
\n \n\n
\n \n
\n","// https://github.com/anein/angular2-trim-directive\n// Coped MIT source over here, because the repo seems to be not maintained\n/* eslint-disable @typescript-eslint/member-ordering */\n/* eslint-disable @angular-eslint/directive-selector */\n/* eslint-disable no-underscore-dangle */\n/* eslint-disable @typescript-eslint/naming-convention */\n\nimport {\n Directive,\n ElementRef,\n HostListener,\n Inject,\n Input,\n Optional,\n Renderer2\n} from '@angular/core';\nimport {\n COMPOSITION_BUFFER_MODE,\n ControlValueAccessor,\n NG_VALUE_ACCESSOR\n} from '@angular/forms';\n\n@Directive({\n selector: 'input[trim], textarea[trim]',\n providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: InputTrimDirective, multi: true }]\n})\nexport class InputTrimDirective implements ControlValueAccessor {\n @Input() trim: string;\n private _value: string;\n private _sourceRenderer: Renderer2;\n private _sourceElementRef: ElementRef;\n\n private get _type(): string {\n return this._sourceElementRef.nativeElement.type || 'text';\n }\n\n @HostListener('blur', ['$event.type', '$event.target.value'])\n onBlur(event: string, value: string): void {\n this.updateValue(event, value.trim());\n this.onTouched();\n }\n\n @HostListener('input', ['$event.type', '$event.target.value'])\n onInput(event: string, value: string): void {\n this.updateValue(event, value);\n }\n\n onChange = (_: any) => { };\n onTouched = () => { };\n\n constructor(\n @Inject(Renderer2) renderer: Renderer2,\n @Inject(ElementRef) elementRef: ElementRef,\n @Optional() @Inject(COMPOSITION_BUFFER_MODE) _compositionMode: boolean\n ) {\n this._sourceRenderer = renderer;\n this._sourceElementRef = elementRef;\n }\n\n registerOnChange(fn: (_: any) => void): void { this.onChange = fn; }\n\n registerOnTouched(fn: () => void): void { this.onTouched = fn; }\n\n writeValue(value: any): void {\n\n this._value = value === '' ? '' : value || null;\n this._sourceRenderer.setProperty(this._sourceElementRef.nativeElement, 'value', this._value);\n if (this._type !== 'text') {\n this._sourceRenderer.setAttribute(this._sourceElementRef.nativeElement, 'value', this._value);\n }\n }\n\n setDisabledState(isDisabled: boolean): void {\n this._sourceRenderer.setProperty(this._sourceElementRef.nativeElement, 'disabled', isDisabled);\n }\n\n private setCursorPointer(cursorPosition: any, hasTypedSymbol: boolean): void {\n if (hasTypedSymbol && ['text', 'search', 'url', 'tel', 'password'].indexOf(this._type) >= 0) {\n this._sourceElementRef.nativeElement.setSelectionRange(cursorPosition, cursorPosition);\n }\n }\n\n private updateValue(event: string, value: string): void {\n value = this.trim !== '' && event !== this.trim ? value : value.trim();\n const previous = this._value;\n const cursorPosition = this._sourceElementRef.nativeElement.selectionStart;\n this.writeValue(value);\n\n if ((this._value || previous) && this._value.trim() !== previous) {\n this.onChange(this._value);\n }\n\n const hasTypedSymbol = value && previous && value !== previous;\n\n this.setCursorPointer(cursorPosition, hasTypedSymbol);\n }\n}\n","export enum BookVisitStatus {\n Unknown = 0,\n Succeeded = 1,\n SlotNotAvailable = 2,\n UsernameAlreadyInUse = 3\n}\n","export enum DownPaymentType {\n Disabled,\n DownPaymentOnly,\n DownPaymentAndFullPrice\n}\n","export enum Gender {\n Unknown = 0,\n Male = 1,\n Female = 2\n}\n","export enum MonthName {\n January = 1,\n February = 2,\n March = 3,\n April = 4,\n May = 5,\n June = 6,\n July = 7,\n August = 8,\n September = 9,\n October = 10,\n November = 11,\n December = 12\n}\n","export enum PaymentStatus {\n Awaiting,\n Completed,\n NotApplicable\n}\n","export enum PaymentType {\n Online,\n InSalon,\n DownPaymentOnline\n}\n","export enum SupportedLanguagesCodes {\n 'Dutch' = 'nl',\n 'English' = 'en'\n}\n","export enum YesNoChoice {\n No = 0,\n Yes = 1\n}\n","import { Injectable } from '@angular/core';\nimport { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router';\nimport { Observable, tap } from 'rxjs';\nimport { AuthService } from '@app/shared/services/auth/auth.service';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class UserLoggedInGuard implements CanActivate {\n constructor(\n private authService: AuthService,\n private router: Router) { }\n\n canActivate(_route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable\n {{'SHARED.UNSUPPORTED-BROWSER-NOTIFICATION.MAIN' | translate}} \n {{'SHARED.UNSUPPORTED-BROWSER-NOTIFICATION.MORE' | translate}}\n
\n\n \n
\n","import { BookVisitStatus } from '@app/shared/enums/book-visit-status.enum';\n\nexport interface IBookVisitResult {\n status: BookVisitStatus;\n authenticationToken: string;\n visitId: string;\n paymentPageUrl: string;\n}\n","import { Gender } from '@app/shared/enums/gender.enum';\nimport { PaymentType } from '@app/shared/enums/payment-type.enum';\nimport { ICountry, IVisitSlot } from '@app/shared/models';\nimport { IEmployee } from './employee.model';\nimport { ITreatmentApiModel } from './treatment-api.model';\n\nexport interface IBookVisitModel {\n customerId: string;\n salonId: string;\n customerFirstName: string;\n customerLastName: string;\n customerNameInfix: string;\n customerMobile: string;\n customerGender: Gender;\n customerEmail: string;\n customerPassword: string;\n customerCountry: ICountry;\n createCustomerAccount: boolean;\n remark: string;\n isNewCustomer?: boolean;\n treatmentAssignments: {\n employee: IEmployee;\n treatment: ITreatmentApiModel;\n }[];\n visitSlot: IVisitSlot;\n bookedWithWidget: boolean;\n paymentType: PaymentType;\n adviceRequested: boolean;\n}\n","export enum BookingFormStepEnum {\n ChooseEmployeeAndTimeSlot,\n CustomerDataForm\n}\n","export interface IConfig {\n authorityUri: string;\n baseUri: string;\n clientId: string;\n mapsApiKey: string;\n domain: string;\n googleAnalyticsKey: string;\n}\n","export interface ICountry {\n id: number;\n twoLetterIsoCode: string;\n phoneCode: string;\n}\n","import { FormControl, FormGroup } from \"@angular/forms\";\nimport { ICountry } from \"./country.model\";\nimport { Gender } from \"../enums/gender.enum\";\n\nexport type CustomerDataFormGroupModel = FormGroup<{\n id: FormControl\n
\n\n\n \n
\n\n
\n\n\n","import { Injectable } from '@angular/core';\nimport { AnalyticsService } from '@app/shared/services/analytics/analytics.service';\nimport { CookieConsentPopupComponent } from '@app/shared/services/cookie-consent-popup/component/cookie-consent-popup.component';\nimport { ICookieConsentPopupResult } from '@app/shared/services/cookie-consent-popup/cookie-consent-popup-result';\nimport { CookieConsentStatusEnum } from '@app/shared/services/cookie-consent-popup/cookie-consent-status.enum';\nimport { BsModalService } from 'ngx-bootstrap/modal';\nimport { CookieService } from 'ngx-cookie-service';\nimport { Subject, Observable, tap } from 'rxjs';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class CookieConsentPopupService {\n\n private readonly cookieConsentName = 'CookieConsentStatus';\n private readonly highExpiryDays = 730;\n private readonly lowExpiryDays = 90;\n private consentStatus: CookieConsentStatusEnum;\n\n constructor(\n private cookieService: CookieService,\n private analyticsService: AnalyticsService,\n private modalService: BsModalService) {\n this.updateConsentStatus();\n }\n\n initialize(): void {\n switch (this.consentStatus) {\n case CookieConsentStatusEnum.Allow:\n this.analyticsService.loadGoogleAnalytics();\n break;\n\n case CookieConsentStatusEnum.Disallow:\n this.analyticsService.unloadGoogleAnalytics();\n break;\n\n default:\n this.askForConsent();\n break;\n }\n }\n\n revokeCookieConsentPopup(): void {\n this.askForConsent();\n }\n\n private askForConsent(): void {\n this.openCookieConsentPopup()\n .pipe(\n tap((result: ICookieConsentPopupResult) => {\n if (result.googleAnalyticsEnabled) {\n this.analyticsService.loadGoogleAnalytics();\n this.cookieService.set(this.cookieConsentName, 'Allow', this.highExpiryDays, '/', null, true, 'Strict');\n return;\n }\n this.analyticsService.unloadGoogleAnalytics();\n this.cookieService.set(this.cookieConsentName, 'Disallow', this.lowExpiryDays, '/', null, true, 'Strict');\n }),\n tap(() => this.updateConsentStatus())\n )\n .subscribe();\n }\n\n private openCookieConsentPopup(): Observable\n \n \n
\n\n\n
\n\n\n \n
\n\n\n
\n\n\n","export enum YesNoDialogResult {\n No,\n Yes,\n Close\n}\n","import { Component } from '@angular/core';\nimport { IDialog } from '@app/shared/services/dialogs/dialog';\nimport { IYesNoDialogConfig } from '@app/shared/services/dialogs/yes-no-dialog/yes-no-dialog-config';\nimport { YesNoDialogResult } from '@app/shared/services/dialogs/yes-no-dialog/yes-no-dialog-result.enum';\nimport { BsModalRef } from 'ngx-bootstrap/modal';\nimport { Subject } from 'rxjs';\n\n@Component({\n selector: 'app-yes-no-dialog',\n templateUrl: './yes-no-dialog.component.html',\n styleUrls: ['./yes-no-dialog.component.scss']\n})\nexport class YesNoDialogComponent implements IDialog {\n\n subject: Subject\n
\n\n \n {{ messageTranslationKey | translate: messageTranslationKeyArgs}}
\n \n\n \n \n \n\n \n
\n\n\n
\n\n\n","import { Injectable } from '@angular/core';\nimport { HttpClient } from '@angular/common/http';\nimport { Observable } from 'rxjs';\nimport { IEmployee } from '@app/shared/models/employee.model';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class EmployeesService {\n\n constructor(private http: HttpClient) { }\n\n getSalonEmployees(salonId: string, treatmentId: string): Observable\n
\n\n \n {{ messageTranslationKey | translate: messageTranslationKeyArgs}}
\n \n\n \n \n \n\n
\n","export * from './visit-review-add/visit-review-add.component';\nexport * from './visit-review-add/visit-review-add-form/visit-review-add-form.component';\nexport * from './visit-review/visit-review.component';\nexport * from './visit-review/visit-review-reply-form/visit-review-reply-form.component';\nexport * from './about-salon/about-salon.component';\n","import { Component, Input, Output, EventEmitter } from '@angular/core';\nimport { NgForm } from '@angular/forms';\nimport { IVisitReviewForm } from '@app/visit-reviews/models/visit-review-form.model';\nimport { inOutAnimation } from '@app/shared/utils';\n\n@Component({\n selector: 'app-visit-review-add-form',\n templateUrl: './visit-review-add-form.component.html',\n styleUrls: ['./visit-review-add-form.component.scss'],\n animations: [inOutAnimation]\n})\nexport class VisitReviewAddFormComponent {\n @Input() visitReviewFormData: IVisitReviewForm;\n @Output() formSubmitted = new EventEmitter\n
\n\n \n \n \n {{salonDetails?.name}}\n \n \n\n
\n 0\"\n class=\"d-flex align-items-center\">\n \n {{salonDetails.averageRating.toFixed(1)}}\n \n
\n\n \n
\n\n \n \n \n\n
\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { NgForm } from '@angular/forms';\nimport { inOutAnimation } from '@app/shared/utils';\nimport { IVisitReviewReplyForm } from '@app/visit-reviews/models';\n\n@Component({\n selector: 'app-visit-review-reply-form',\n templateUrl: './visit-review-reply-form.component.html',\n styleUrls: ['./visit-review-reply-form.component.scss'],\n animations: [inOutAnimation]\n})\nexport class VisitReviewReplyFormComponent{\n @Input() visitReviewReplyFormData: IVisitReviewReplyForm;\n @Output() formSubmitted = new EventEmitter\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
\n","import { VisitReviewAddComponent, VisitReviewComponent } from '@app/visit-reviews/components';\nimport { AddReviewTokenResolver, ReviewReplyTokenResolver, VisitReviewResolver} from '@app/visit-reviews/services';\nimport { Routes } from \"@angular/router\";\n\nexport const visitReviewsModuleRoutes: Routes = [\n {\n path: 'visit-review/:addReviewToken',\n redirectTo: 'visit-reviews/add/:addReviewToken',\n pathMatch: 'full'\n },\n {\n path: 'visit-reviews',\n children: [\n {\n path: 'add/:addReviewToken',\n data: { bodyCssClass: 'visit-reviews' },\n component: VisitReviewAddComponent,\n resolve: {\n viewData: AddReviewTokenResolver\n }\n },\n {\n path: 'view/:reviewId',\n component: VisitReviewComponent,\n resolve: {\n viewData: VisitReviewResolver\n }\n },\n {\n path: 'reply/:reviewId/:reviewReplyToken',\n component: VisitReviewComponent,\n resolve: {\n viewData: VisitReviewResolver,\n reviewReplyTokenInfo: ReviewReplyTokenResolver\n }\n },\n { path: '**', redirectTo: '/', pathMatch: 'full' }\n ],\n }\n];\n\n","import { Injectable } from '@angular/core';\nimport { Resolve, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router';\nimport { ISalonDetailsApi } from '@app/salon-details/models/salon-details-api.model';\nimport { IVisitReviewTokenCheckInfo } from '@app/visit-reviews/models';\nimport { VisitReviewsService } from '@app/visit-reviews/services/visit-reviews.service';\nimport { SalonService } from '@app/shared/services/salon/salon.service';\nimport { Observable, forkJoin, of, EMPTY, switchMap, catchError } from 'rxjs';\n@Injectable({\n providedIn: 'root'\n})\nexport class AddReviewTokenResolver implements Resolve<[IVisitReviewTokenCheckInfo, ISalonDetailsApi]> {\n\n constructor(\n private visitReviewService: VisitReviewsService,\n private salonDetailsService: SalonService,\n private router: Router) { }\n\n resolve(route: ActivatedRouteSnapshot, _state: RouterStateSnapshot): Observable<[IVisitReviewTokenCheckInfo, ISalonDetailsApi]> {\n const token = route.paramMap.get('addReviewToken');\n return this.visitReviewService.checkAddReviewToken(token)\n .pipe(\n switchMap((tokenCheckInfo: IVisitReviewTokenCheckInfo) => {\n if (tokenCheckInfo.isTokenValid) {\n return forkJoin([of(tokenCheckInfo), this.salonDetailsService.getSalonDetails$(tokenCheckInfo.salonId)]);\n }\n return forkJoin([of(tokenCheckInfo), of(null)]);\n }),\n catchError(() => {\n this.router.navigate(['/']);\n return EMPTY;\n }));\n }\n\n}\n","export * from './add-review-token.resolver';\nexport * from './review-reply-token.resolver';\nexport * from './visit-review.resolver';\nexport * from './visit-reviews.service';\n","import { Injectable } from '@angular/core';\nimport { Resolve, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router';\nimport { IVisitReviewReplyTokenCheckInfo } from '@app/visit-reviews/models';\nimport { VisitReviewsService } from '@app/visit-reviews/services/visit-reviews.service';\nimport { Observable, EMPTY, catchError } from 'rxjs';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class ReviewReplyTokenResolver implements Resolve\n
\n \n
\n \n
\n\n \n
\n \n
\n\n