\r\n
\r\n\r\n \r\n
\r\n {{package?.title}}
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n Loading travel package information...
\r\n\r\n
\r\n\r\n \r\n {{package?.description}}\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n \r\n
\r\n 0\\\">\\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/travel-products/product-passenger-details/addons/addons.component.html\n// module id = ./src/app/travel-products/product-passenger-details/addons/addons.component.html\n// module chunks = travel-products.module","\r\nimport * as _ from 'lodash';\r\nimport { Component, OnInit, OnChanges, SimpleChanges, Input, Output, EventEmitter } from '@angular/core';\r\nimport { Addon, AddonOption, Pass } from 'app/shared/models/booking.model';\r\nimport { AddonsService } from 'app/shared/services/addons.service';\r\nimport { GxConstants } from 'app/shared/constants/gx.constants';\r\nimport { LocalStorageService } from '../../../shared/services/local-storage.service';\r\n\r\n@Component({\r\n selector: 'gaweb-addons',\r\n templateUrl: `./addons.component.html`,\r\n})\r\nexport class AddonsComponent implements OnInit, OnChanges {\r\n @Input() isPassBooking: boolean;\r\n @Input() passengersQty: number;\r\n @Input() fareTotal: number;\r\n @Input() fuelSurcharge: number;\r\n sellPrice: number;\r\n reportingGroup: string;\r\n isReturn: boolean;\r\n @Input() pass: Pass;\r\n @Output() onAddonChange: EventEmitter\\r\\n Add-ons\\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/travel-products/product-passenger-details/express-and-travel-pass-passenger-details.component.html\n// module id = ./src/app/travel-products/product-passenger-details/express-and-travel-pass-passenger-details.component.html\n// module chunks = travel-products.module","\r\nimport { Input, Output, Component, EventEmitter, ViewChild } from '@angular/core';\r\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\r\nimport { PassengerFormModel, Passengers } from 'app/shared/models/passenger.model';\r\nimport { debug } from 'util';\r\nimport { Addon, Totals, Booking, FareType, AddonOption } from 'app/shared/models/booking.model';\r\nimport * as _ from 'lodash';\r\nimport { Availability } from 'app/shared/models/availability.model';\r\nimport { InitialDataService } from 'app/initial-data.service';\r\nimport { LocalStorageService } from 'app/shared/services/local-storage.service';\r\nimport { PassengersService } from 'app/shared/services/passenger.service';\r\nimport { TravelService } from 'app/shared/services/travel.service';\r\nimport { Router, ActivatedRoute } from '@angular/router';\r\nimport { ProductTypeUrl } from 'app/shared/models/enums/ProductTypeUrl.enum';\r\nimport { CartTotalService } from 'app/shared/services/cart-total.service';\r\nimport { ApplicationError } from 'app/shared/errors/ApplicationError';\r\nimport { ErrorService } from 'app/shared/services/error.service';\r\nimport { PassengerRequest, BookingService } from 'app/shared/services/booking.service';\r\nimport { EventBusService } from 'app/shared/services/event-bus.service';\r\nimport { AppEventType, SavedFormEventWrapper } from 'app/shared/models/app-events.model';\r\nimport { SavedFormEvent } from 'app/shared/models/app-events-types.model';\r\nimport {\r\n PassengerDetailWrapperComponent,\r\n PassengerDetailWrapperComponentModel\r\n} from 'app/travel-products/product-passenger-details/passenger-details-selector/passenger-detail-wrapper.component';\r\nimport { CreateBookingsOption, ProductType, TravelProductService } from 'app/shared/services/travel-product.service';\r\nimport { GxConstants } from '../../shared/constants/gx.constants';\r\nimport { ActionUpdaterService, ApiError } from 'app/shared/services/action-updater.service';\r\n\r\n@Component({\r\n selector: 'gaweb-express-and-travel-pass-passenger-details',\r\n templateUrl: `./express-and-travel-pass-passenger-details.component.html`\r\n})\r\nexport class ExpressAndTravelPassPassengerDetailsComponent {\r\n @ViewChild('child') passengerDetailWrapperComponent: PassengerDetailWrapperComponent;\r\n confirming: boolean;\r\n isPassBooking: boolean;\r\n passengersQty: number;\r\n passenger: PassengerFormModel;\r\n hasTravel = false;\r\n acceptedTC = false;\r\n\r\n bookings: Booking[];\r\n private _booking: Booking;\r\n set booking(b: Booking) {\r\n this._booking = b;\r\n if (!!b) {\r\n this.bookings = [b];\r\n\r\n } else {\r\n this.bookings = null;\r\n }\r\n\r\n }\r\n get booking() {\r\n return this._booking;\r\n }\r\n initialized: boolean;\r\n passDisplayDescription: string[];\r\n subDescriptions: string[];\r\n addons: Array\\r\\n
\\r\\n \\r\\n Back\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/travel-products/product-passenger-details/km-pass/km-pass.component.html\n// module id = ./src/app/travel-products/product-passenger-details/km-pass/km-pass.component.html\n// module chunks = travel-products.module","import { Component, OnInit, Input, Output, EventEmitter, ViewChild, ElementRef } from '@angular/core';\r\nimport {\r\n TravelProductService, TravelPackage, FareTypeChangedEvent, VerifySinglePassBookingOptions\r\n} from '../../../shared/services/travel-product.service';\r\nimport { ActionUpdaterService, ApiError } from '../../../shared/services/action-updater.service';\r\nimport * as _ from 'lodash';\r\nimport { ModalDirective } from 'ngx-bootstrap/modal';\r\nimport { FormGroup, FormBuilder, Validators } from '@angular/forms';\r\nimport { InitialDataService } from 'app/initial-data.service';\r\nimport { BookingService, GetBookingViaLoginOption } from 'app/shared/services/booking.service';\r\nimport { ProductTypeUrl } from 'app/shared/models/enums/ProductTypeUrl.enum';\r\n\r\nimport { MyGreyhoundService } from '../../../my-greyhound/my-greyhound.service';\r\nimport { Booking } from 'app/shared/models/booking.model';\r\nimport * as moment from 'moment';\r\nimport { KmPassService } from 'app/shared/services/km-pass.service';\r\nimport { collapseAnimation } from 'app/shared/animations/collapse-animation';\r\nimport { AutocompleteOffService } from 'app/shared/services/autocomplete-off.service';\r\nimport { FeatureService, Feature } from 'app/shared/services/feature.service';\r\nimport { PassengerOptionsStateService } from 'app/shared/services/passenger-options-state.service';\r\nimport { DeviceService } from 'app/shared/services/device.service';\r\n\r\nclass KmPassTitleType {\r\n static readonly DEFAULT = 'PAY WITH KM PASS';\r\n}\r\n\r\n@Component({\r\n selector: 'gaweb-km-pass',\r\n animations: [collapseAnimation],\r\n templateUrl: './km-pass.component.html'\r\n})\r\nexport class KmPassComponent implements OnInit {\r\n @ViewChild('bookingNumber') bookingNumber: ElementRef;\r\n @ViewChild('bookingPin') bookingPin: ElementRef;\r\n isBookingVerified: boolean;\r\n isLoggedIn: boolean;\r\n showTick: boolean;\r\n showPayUsingKms: boolean;\r\n errorMsg: string;\r\n selectedKmsBooking: Booking;\r\n checking: boolean;\r\n public bookingLoginForm: FormGroup;\r\n farePriceKMS: number;\r\n private margin: number;\r\n isConfirmed: boolean;\r\n availableKmsBookings: Booking[];\r\n canBePayedUsingKms: boolean;\r\n foundAvailableKmsBooking: boolean;\r\n readonly title: string = KmPassTitleType.DEFAULT;\r\n right: boolean;\r\n singleBookingSelected: boolean;\r\n private isBookingLoggedIn: boolean;\r\n @Output() onBookingVerified: EventEmitter\\r\\n\\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/travel-products/product-passenger-details/loyalty-details/loyalty-details.component.html\n// module id = ./src/app/travel-products/product-passenger-details/loyalty-details/loyalty-details.component.html\n// module chunks = travel-products.module","\r\nimport { Component, OnInit, Input, Output, EventEmitter, ViewChild } from '@angular/core';\r\nimport { LoyaltyProgram, MyGreyhoundService } from 'app/my-greyhound/my-greyhound.service';\r\nimport { LoyaltyTripStatusResponse, PassengersService } from 'app/shared/services/passenger.service';\r\nimport { InitialDataService } from 'app/initial-data.service';\r\nimport { LocalStorageService } from 'app/shared/services/local-storage.service';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { ActionUpdaterService, ApiError } from 'app/shared/services/action-updater.service';\r\nimport * as moment from 'moment';\r\nimport { Feature, FeatureService } from '../../../shared/services/feature.service';\r\nimport { ModalDirective } from 'ngx-bootstrap';\r\nimport { ModalPopupMainPageEvent } from '../../../shared/models/app-events-types.model';\r\nimport { ModalPopupMainPageEventWrapper } from '../../../shared/models/app-events.model';\r\nimport { EventBusService } from '../../../shared/services/event-bus.service';\r\nimport { CartTotalService } from 'app/shared/services/cart-total.service';\r\nimport { Totals } from 'app/shared/models/booking.model';\r\n\r\n@Component({\r\n selector: 'gaweb-loyalty-details',\r\n templateUrl: `./loyalty-details.component.html`\r\n})\r\nexport class LoyaltyDetailsComponent implements OnInit {\r\n @Input() name: string;\r\n @Input() customerGuid: string;\r\n @Input() fareGuid: string;\r\n @Input() travelGuid: string;\r\n @Input() categoryReference: string;\r\n @Input() passReference: string;\r\n @Output() onFreeTripSelected: EventEmitter\\r\\n
\\r\\n \\r\\n My Greyhound\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n Welcome back, {{name}}\\r\\n Log out\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n This booking will be linked to your My Greyhound account.\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n G-WALLET\\r\\n MY GREYHOUND\\r\\n
\\r\\n \\r\\n
\\r\\n Welcome back, {{name}}\\r\\n \\r\\n Log out\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n Retrieving rewards balance...
\\r\\n\\r\\n
\\r\\n Current {{('LoyaltyUnit' | translate) | async }}\\r\\n balance: ${{loyaltyAvailable | number:'1.2-2'}}*
\\r\\n \\r\\n
\\r\\n 0\\\">\\r\\n
\\r\\n Earn up to ${{totals.CreditsEarned | number:'1.2-2'}} in {{('LoyaltyUnitPlural' | translate) | async }} credit on this booking
\\r\\n \\r\\n \\r\\n This booking is not eligible for {{('LoyaltyUnit' | translate) | async }} accrual, but you can still pay for it using your available\\r\\n {{('LoyaltyUnit' | translate) | async }} balance.\\r\\n \\r\\n
\\r\\n 0 && loyaltyRedemption <= 0\\\" style=\\\"display: block; color: darkred; padding-bottom: 10px;\\\">\\r\\n You will accrue {{('LoyaltyUnitPlural' | translate) | async }} for this booking but will not be able to pay for the booking using\\r\\n your {{('LoyaltyUnitPlural' | translate) | async }}.\\r\\n
\\r\\n\\r\\n \\r\\n * Your available balance does not\\r\\n include pending\\r\\n purchases.\\r\\n Go to your My Greyhound account to view full\\r\\n details of your\\r\\n balance.\\r\\n \\r\\n
\\r\\n \\r\\n Earn up to ${{totals.CreditsEarned | number:'1.2-2'}} in {{('LoyaltyUnitPlural' | translate) | async }} credit on this\\r\\n booking by joining the My Greyhound Rewards program.\\r\\n
\\r\\n \\r\\n Please read and accept our updated\\r\\n Terms and\\r\\n Conditions or Find out more.
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/travel-products/product-passenger-details/loyalty-program-list/loyalty-program-list.component.html\n// module id = ./src/app/travel-products/product-passenger-details/loyalty-program-list/loyalty-program-list.component.html\n// module chunks = travel-products.module","import { Input, EventEmitter, Component, Output } from '@angular/core';\r\n\r\n\r\n@Component({\r\n selector: 'gaweb-loyalty-program-list',\r\n templateUrl: './loyalty-program-list.component.html'\r\n})\r\nexport class LoyaltyProgramListComponent {\r\n @Input() loyaltyPrograms;\r\n @Output() onSigningUpToProgram: EventEmitter\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n My Greyhound\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Welcome back, {{salutation}}\\r\\n Log out\\r\\n \\r\\n
\\r\\n\\r\\n This booking will be linked to your My Greyhound account.\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n My Greyhound\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n {{('ProductLoginDescription' | translate) | async }}\\r\\n
\\r\\n\\r\\n 0\\\" class=\\\"col-xs-12 text-center\\\">\\r\\n If you are a Greyhound Rewards member you can earn up to ${{totals.CreditsEarned | number:'1.2-2'}} in {{('LoyaltyUnitPlural' | translate) | async }} credit on this\\r\\n booking by logging into your My Greyhound account.\\r\\n
\\r\\n \\r\\n This booking is not eligible for credits but you can still pay for it using your available\\r\\n {{('LoyaltyUnit' | translate) | async }} balance.\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Don't have an account? Sign up now
\\r\\n\\r\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/travel-products/product-passenger-details/passenger-details-selector/passenger-detail-wrapper.component.html\n// module id = ./src/app/travel-products/product-passenger-details/passenger-details-selector/passenger-detail-wrapper.component.html\n// module chunks = travel-products.module","import { OnInit, Input, Output, Component, EventEmitter } from '@angular/core';\r\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\r\nimport { PassengerFormModel } from 'app/shared/models/passenger.model';\r\nimport { ErrorService } from 'app/shared/services/error.service';\r\nimport { ApplicationError } from 'app/shared/errors/ApplicationError';\r\nimport { EventBusService } from 'app/shared/services/event-bus.service';\r\nimport { SavedFormEventWrapper } from 'app/shared/models/app-events.model';\r\nimport { SavedFormEvent } from 'app/shared/models/app-events-types.model';\r\nimport { GxConstants } from 'app/shared/constants/gx.constants';\r\n\r\n@Component({\r\n selector: 'gaweb-passenger-detail-wrapper',\r\n templateUrl: `./passenger-detail-wrapper.component.html`,\r\n styleUrls: []\r\n})\r\nexport class PassengerDetailWrapperComponent implements OnInit {\r\n @Input() isPassBooking: boolean;\r\n passengerForm: FormGroup;\r\n isFormSubmitted: boolean;\r\n passenger: PassengerFormModel;\r\n @Input()\r\n set model(m: PassengerDetailWrapperComponentModel) {\r\n this.passenger = m.passenger;\r\n this.maxPassengers = m.maxPassengers;\r\n this.hideConcessionCard1 = true;\r\n this.hideConcessionCard2 = true;\r\n if (!this.isPassBooking) {\r\n this.hideConcessionCard1 = !(this.passenger.concessionCount > 0);\r\n this.hideConcessionCard2 = this.passenger.concessionCount !== 2;\r\n }\r\n this.hideStudentCard1 = true;\r\n this.hideStudentCard2 = true;\r\n if (!this.isPassBooking) {\r\n this.hideStudentCard1 = !(this.passenger.studentCount > 0);\r\n this.hideStudentCard2 = this.passenger.studentCount !== 2;\r\n }\r\n var that = this;\r\n setTimeout(function(){\r\n if (!that.isPassBooking) {\r\n that.hideConcessionCard1 = !(that.passenger.concessionCount > 0);\r\n that.hideConcessionCard2 = that.passenger.concessionCount !== 2;\r\n }\r\n\r\n if (!that.isPassBooking) {\r\n that.hideStudentCard1 = !(that.passenger.studentCount > 0);\r\n that.hideStudentCard2 = that.passenger.studentCount !== 2;\r\n }\r\n }, 100);\r\n this.buildForm(this.passenger, this.hideConcessionCard1, this.hideConcessionCard2, this.hideStudentCard1, this.hideStudentCard2);\r\n }\r\n maxPassengers: number;\r\n @Input() nursedInfantCount: number;\r\n hideConcessionCard1: boolean;\r\n hideConcessionCard2: boolean;\r\n hideStudentCard1: boolean;\r\n hideStudentCard2: boolean;\r\n numberOfPassengersPrefixText: string;\r\n\r\n get males(): number { return this.passengerForm.get('males').value; }\r\n\r\n setMales(value: number) {\r\n this.errorService.reset();\r\n this.setFormMales(value);\r\n const passengersRemaining = (value + this.females) !== this.maxPassengers;\r\n if (passengersRemaining) {\r\n this.setFemales(this.maxPassengers - value);\r\n }\r\n\r\n this.checkIfFormIsValid(false);\r\n }\r\n get females(): number { return this.passengerForm.get('females').value; }\r\n\r\n setFemales(value: number) {\r\n this.errorService.reset();\r\n this.setFormFemales(value);\r\n const passengersRemaining = (value + this.males) !== this.maxPassengers;\r\n if (passengersRemaining) {\r\n this.setMales(this.maxPassengers - value);\r\n }\r\n\r\n this.checkIfFormIsValid(false); \r\n }\r\n private setFormFemales(value: number): void {\r\n this.passengerForm.patchValue({ 'females': value });\r\n }\r\n private setFormMales(value: number): void {\r\n this.passengerForm.patchValue({ 'males': value });\r\n }\r\n constructor(private _fb: FormBuilder,\r\n private errorService: ErrorService,\r\n private eventBusService: EventBusService) {\r\n this.isFormSubmitted = false;\r\n this.hideConcessionCard1 = false;\r\n this.hideConcessionCard2 = false;\r\n }\r\n ngOnInit(): void {\r\n this.numberOfPassengersPrefixText = (this.nursedInfantCount === 0 || !this.nursedInfantCount)\r\n ? 'Total'\r\n : 'Total Seated';\r\n }\r\n private buildForm(\r\n passenger: PassengerFormModel,\r\n hideConcessionCard1: boolean,\r\n hideConcessionCard2: boolean,\r\n hideStudentCard1: boolean,\r\n hideStudentCard2: boolean\r\n ) {\r\n const validatorsConcessionCard1 = hideConcessionCard1 ? null : Validators.required;\r\n const validatorsConcessionCard2 = hideConcessionCard2 ? null : Validators.required;\r\n const validatorsStudentCard1 = hideStudentCard1 ? null : Validators.required;\r\n const validatorsStudentCard2 = hideStudentCard2 ? null : Validators.required;\r\n const validatorsGender = this.isPassBooking ? Validators.required : null;\r\n\r\n if (passenger.firstName != null && passenger.firstName.length > 10) {\r\n passenger.firstName = passenger.firstName.substr(0, 10);\r\n }\r\n this.passengerForm = this._fb.group({\r\n males: [passenger.males, null],\r\n females: [passenger.females, null],\r\n firstName: [passenger.firstName,\r\n [\r\n Validators.required, Validators.maxLength(10),\r\n Validators.pattern(GxConstants.FIRST_LAST_NAME_PATTERN)\r\n ]],\r\n surname: [passenger.surname,\r\n [\r\n Validators.required,\r\n Validators.maxLength(30),\r\n Validators.pattern(GxConstants.FIRST_LAST_NAME_PATTERN)\r\n ]],\r\n email: [passenger.email,\r\n [\r\n Validators.required,\r\n Validators.email\r\n ]],\r\n phone: [passenger.phone,\r\n [\r\n Validators.pattern(GxConstants.PHONE_PATTERN),\r\n Validators.maxLength(15),\r\n Validators.required\r\n ]],\r\n country: [passenger.country, Validators.required],\r\n gender: [passenger.gender, validatorsGender],\r\n concessionCard1: [passenger.concessionCard1, validatorsConcessionCard1],\r\n concessionCard2: [passenger.concessionCard2, validatorsConcessionCard2],\r\n studentCard1: [passenger.studentCard1, validatorsStudentCard1],\r\n studentCard2: [passenger.studentCard2, validatorsStudentCard2]\r\n });\r\n\r\n if (passenger.males != null) {\r\n this.setMales(passenger.males);\r\n } else {\r\n this.setMales(this.maxPassengers);\r\n }\r\n const isSubmitting = false;\r\n if (!!passenger) {\r\n this.checkIfFormIsValid(isSubmitting);\r\n }\r\n this.passengerForm.get('firstName').valueChanges.subscribe(v => {\r\n this.checkIfFormIsValid(isSubmitting);\r\n });\r\n this.passengerForm.get('surname').valueChanges.subscribe(v => {\r\n this.checkIfFormIsValid(isSubmitting);\r\n });\r\n this.passengerForm.get('email').valueChanges.subscribe(v => {\r\n this.checkIfFormIsValid(isSubmitting);\r\n });\r\n // there is no phone because it's triggered from the child component\r\n this.passengerForm.get('country').valueChanges.subscribe(v => {\r\n this.checkIfFormIsValid(isSubmitting);\r\n });\r\n if (!!validatorsGender) {\r\n this.passengerForm.get('gender').valueChanges.subscribe(v => {\r\n this.onGenderChanged(v, isSubmitting);\r\n });\r\n }\r\n if (!!validatorsConcessionCard1) {\r\n this.passengerForm.get('concessionCard1').valueChanges.subscribe(v => {\r\n this.checkIfFormIsValid(isSubmitting);\r\n });\r\n }\r\n if (!!validatorsConcessionCard2) {\r\n this.passengerForm.get('concessionCard2').valueChanges.subscribe(v => {\r\n this.checkIfFormIsValid(isSubmitting);\r\n });\r\n }\r\n if (!!validatorsConcessionCard1) {\r\n this.passengerForm.get('studentCard1').valueChanges.subscribe(v => {\r\n this.checkIfFormIsValid(isSubmitting);\r\n });\r\n }\r\n if (!!validatorsConcessionCard2) {\r\n this.passengerForm.get('studentCard2').valueChanges.subscribe(v => {\r\n this.checkIfFormIsValid(isSubmitting);\r\n });\r\n }\r\n\r\n this.checkIfFormIsValid(false);\r\n }\r\n onGenderChanged = (gender: string, isSubmitting: boolean) => {\r\n if (gender === 'M') {\r\n this.setFormMales(1);\r\n this.setFormFemales(0);\r\n } else if (gender === 'F') {\r\n this.setFormFemales(1);\r\n this.setFormMales(0);\r\n }\r\n this.checkIfFormIsValid(isSubmitting);\r\n }\r\n public checkIfFormIsValid(isSubmitting: boolean): { sf: SavedFormEvent, form?: FormGroup } {\r\n this.errorService.reset();\r\n this.isFormSubmitted = false;\r\n let sf = new SavedFormEvent(this.isFormSubmitted);\r\n \r\n this.passengerForm.updateValueAndValidity();\r\n if (this.passengerForm.invalid) {\r\n if (isSubmitting) {\r\n this.errorService.dispatchFormError(this.passengerForm);\r\n } else {\r\n this.eventBusService.emit(new SavedFormEventWrapper(sf));\r\n }\r\n return { sf };\r\n }\r\n\r\n if (!this.isGenderSelectionValid()) {\r\n if (isSubmitting) {\r\n this.errorService.dispatchError(new\r\n ApplicationError(`Total of male and female passengers don't match total passengers.`),\r\n 'passengerForm');\r\n } else {\r\n this.eventBusService.emit(new SavedFormEventWrapper(sf));\r\n }\r\n return { sf };\r\n }\r\n this.isFormSubmitted = true;\r\n sf = new SavedFormEvent(this.isFormSubmitted, this.males, this.females);\r\n this.eventBusService.emit(new SavedFormEventWrapper(sf));\r\n return { sf, form: this.passengerForm };\r\n }\r\n isGenderSelectionValid() {\r\n if (this.isPassBooking) { return true; }\r\n return this.males + this.females === this.maxPassengers;\r\n }\r\n}\r\n\r\nexport class PassengerDetailWrapperComponentModel {\r\n constructor(public passenger: PassengerFormModel, public maxPassengers: number) { }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/travel-products/product-passenger-details/passenger-details-selector/passenger-detail-wrapper.component.ts","module.exports = \"\\r\\n Passenger Details\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/travel-products/product-passenger-details/passenger-details-selector/passenger-details-selector.component.html\n// module id = ./src/app/travel-products/product-passenger-details/passenger-details-selector/passenger-details-selector.component.html\n// module chunks = travel-products.module","import { OnInit, Input, Output, Component, EventEmitter } from '@angular/core';\r\nimport { FormBuilder, FormGroup } from '@angular/forms';\r\nimport { InitialDataService } from 'app/initial-data.service';\r\nimport { PassengerFormModel } from 'app/shared/models/passenger.model';\r\n\r\n@Component({\r\n selector: 'gaweb-passenger-details-selector',\r\n templateUrl: `./passenger-details-selector.component.html`,\r\n styleUrls: []\r\n})\r\nexport class PassengerDetailSelectorComponent implements OnInit {\r\n @Input() isFormSubmitted: boolean;\r\n @Input() hideConcessionCard1: boolean;\r\n @Input() hideConcessionCard2: boolean;\r\n passengerForm: FormGroup;\r\n @Output() formChange = new EventEmitter();\r\n @Output() checkIfFormIsValid = new EventEmitter();\r\n @Input('form')\r\n set form(form: FormGroup) {\r\n this.passengerForm = form;\r\n if (this.passengerForm.controls['country'].value == null) {\r\n this.passengerForm.patchValue({ 'country': 'AU' });\r\n }\r\n this.formChange.emit(form);\r\n }\r\n get form(): FormGroup {\r\n return this.passengerForm;\r\n }\r\n @Input() showGender: boolean;\r\n @Input() isPass: boolean;\r\n countries: Array<{\r\n id: string,\r\n description: string\r\n }>;\r\n constructor(private initialData: InitialDataService) {\r\n this.countries = this.initialData.countries.map(function (country) {\r\n // should return Core SelectListDataItem\r\n return { id: country.Code, description: country.CountryName };\r\n });\r\n\r\n }\r\n onKeyUpPhone() {\r\n this.checkIfFormIsValid.emit(false);\r\n }\r\n ngOnInit(): void {\r\n\r\n }\r\n // onSelectionChanging(id) { // TODO check once select-list works\r\n // this.passenger.country = id;\r\n // }\r\n\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/travel-products/product-passenger-details/passenger-details-selector/passenger-details-selector.component.ts","module.exports = \"\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n Please enter your first name.\\r\\n First name must be at least 2 characters.\\r\\n First name must be no longer than 10 characters.\\r\\n !\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n Please enter your surname.\\r\\n Surname must be at least 2 characters.\\r\\n Surname must be no longer than 30 characters.\\r\\n !\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n Please enter your email.\\r\\n Please enter a valid email.\\r\\n !\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n Please enter your phone number.\\r\\n Please enter a valid phone number.\\r\\n Phone number must be no longer than 15 characters.\\r\\n !\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Please select your country.\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n Loading passenger information...
\\r\\n\r\n
\r\n `,\r\n styles: [`\r\n .fare-type {\r\n padding-bottom: 7px;\r\n margin-bottom: 7px;\r\n border-bottom: 1px solid #405f98;\r\n }\r\n .fare-type__desc{\r\n font-weight: bold;\r\n text-transform: uppercase;\r\n }\r\n .fare-type__subtext{\r\n font-size: 11px;\r\n }\r\n `]\r\n})\r\nexport class FareTypeComponent implements OnInit {\r\n @Input() fareType: FareType;\r\n @Input() usePayWithKMs: boolean;\r\n @Input() index: number;\r\n @Input() fareTypeCount: number;\r\n @Output() onPassengerSelection: EventEmitter\r\n
\r\n \r\n {{fareType.farebasis.DisplayDescription || fareType.internetDescription}}\r\n \r\n
\r\n {{'$' + fareType.totalPrice}} \r\n or {{fareType.salePriceKM}}KM\r\n \r\n
\r\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Back\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{loadingText}}
\\r\\n{{productTitle}}
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Please complete all required sections above.
\\r\\n\\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/travel-products/product-passenger-details/promo-code/promo-code.component.html\n// module id = ./src/app/travel-products/product-passenger-details/promo-code/promo-code.component.html\n// module chunks = travel-products.module","\r\nimport { Component, OnInit, Output, EventEmitter, Input, SimpleChanges } from '@angular/core';\r\nimport {\r\n TravelProductService, ApplyPromoToPackageOptions, RemovePromoFromPackage, ApplyPromoToTourOptions, RemovePromoFromTour, RemovePromoFromPass\r\n} from './../../../shared/services/travel-product.service';\r\nimport { ActionUpdaterService, ApiError } from './../../../shared/services/action-updater.service';\r\nimport { Booking, Pass, Addon, Totals, Package, TourOrExperience } from '../../../shared/models/booking.model';\r\nimport * as _ from 'lodash';\r\nimport { ProductTypeUrl } from 'app/shared/models/enums/ProductTypeUrl.enum';\r\nimport { OnChanges } from '@angular/core/src/metadata/lifecycle_hooks';\r\nimport { CartTotalService } from 'app/shared/services/cart-total.service';\r\nimport { LocalStorageService } from 'app/shared/services/local-storage.service';\r\nimport { GxConstants } from 'app/shared/constants/gx.constants';\r\nimport { Observable } from 'rxjs';\r\nimport { Experiences } from 'app/initial-data.service';\r\n\r\n@Component({\r\n selector: 'gaweb-promo-code',\r\n templateUrl: './promo-code.component.html'\r\n})\r\nexport class PromoCodeComponent implements OnInit, OnChanges {\r\n static FARETYPE_CODES_FARE_PRICE = 'FP';\r\n\r\n @Output() onPromoCodeChange: EventEmitter\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n The promo code is invalid or expired\\r\\n
\\r\\n \r\n
\r\n\r\n \r\n
\r\n {{title}}
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n Loading travel package information...
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n `,\r\n styleUrls: ['./travel-product-detail.component.less']\r\n})\r\nexport class TravelProductDetailComponent implements OnInit {\r\n\r\n @Input() icon: string;\r\n @Input() title: string;\r\n @Input() description: string;\r\n @Input() packageReference: string;\r\n\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/travel-products/products-search/travel-product-detail/travel-product-detail.component.ts","import { NgModule } from '@angular/core';\r\nimport { RouterModule, Routes } from '@angular/router';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { ModalModule } from 'ngx-bootstrap/modal';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\r\n\r\nimport { SharedModule } from '../shared/shared.module';\r\nimport { TravelProductDetailComponent } from './products-search/travel-product-detail/travel-product-detail.component';\r\nimport { GenericContentPageResolve } from '../shared/resolver/generic.resolve';\r\nimport { PassengerOptionsComponent } from './product-passenger-details/passenger-options/passenger-options.component';\r\nimport { FareTypeComponent } from './product-passenger-details/passenger-options/fare-type/fare-type.component';\r\nimport { ProductsSearchComponent } from './products-search/products-search.component';\r\nimport { ProductInfoComponent } from './product-info/product-info.component';\r\nimport { ProductPassengerDetailsComponent } from './product-passenger-details/product-passenger-details.component';\r\nimport { PassengerDetailsComponent } from './product-passenger-details/passenger-details/passenger-details.component';\r\nimport { ValidationOnBlurDirective } from './validate-onblur.directive';\r\nimport { MyGreyhoundLoginComponent } from './product-passenger-details/my-greyhound-login/my-greyhound-login.component';\r\nimport { PromoCodeComponent } from './product-passenger-details/promo-code/promo-code.component';\r\nimport { PaymentFormComponent } from './product-payment/payment-form/payment-form.component';\r\nimport { DecimalPipe } from '@angular/common';\r\nimport { ProductConfirmationComponent } from './product-confirmation/product-confirmation.component';\r\nimport { PopoverModule } from 'ngx-bootstrap/popover';\r\nimport { MyGreyhoundModule } from '../my-greyhound/my-greyhound.module';\r\nimport { KmPassComponent } from 'app/travel-products/product-passenger-details/km-pass/km-pass.component';\r\nimport { KmPassService } from 'app/shared/services/km-pass.service';\r\nimport { PassengerOptionsStateService } from 'app/shared/services/passenger-options-state.service';\r\nimport {\r\n PassengerDetailWrapperComponent\r\n} from 'app/travel-products/product-passenger-details/passenger-details-selector/passenger-detail-wrapper.component';\r\nimport {\r\n PassengerDetailSelectorComponent\r\n} from 'app/travel-products/product-passenger-details/passenger-details-selector/passenger-details-selector.component';\r\nimport {\r\n ExpressAndTravelPassPassengerDetailsComponent\r\n} from 'app/travel-products/product-passenger-details/express-and-travel-pass-passenger-details.component';\r\nimport { LoyaltyDetailsComponent } from 'app/travel-products/product-passenger-details/loyalty-details/loyalty-details.component';\r\nimport { AddonsComponent } from 'app/travel-products/product-passenger-details/addons/addons.component';\r\nimport {\r\n LoyaltyProgramListComponent\r\n} from 'app/travel-products/product-passenger-details/loyalty-program-list/loyalty-program-list.component';\r\nimport {\r\n AvailabilityWrapperComponent\r\n} from 'app/shared/components/itinerary/travel-dates/availability-wrapper/availability-wrapper.component';\r\nimport { ProductPaymentComponent } from 'app/travel-products/product-payment/product-payment.component';\r\nimport { SeatConfirmationComponent } from 'app/travel-products/seat-confirmation/seat-confirmation.component';\r\n\r\n\r\nconst travelProductsRoutes: Routes = [\r\n\r\n {\r\n path: '',\r\n component: ExpressAndTravelPassPassengerDetailsComponent,\r\n // component: ProductsSearchComponent,\r\n // resolve: {\r\n // content: GenericContentPageResolve,\r\n // }\r\n },\r\n {\r\n path: 'confirmation',\r\n component: ProductConfirmationComponent,\r\n },\r\n {\r\n path: 'travel-passes/book-now',\r\n component: ExpressAndTravelPassPassengerDetailsComponent,\r\n },\r\n {\r\n path: 'travel-passes/availability',\r\n component: AvailabilityWrapperComponent,\r\n },\r\n {\r\n path: 'express-booking/book-now',\r\n component: ExpressAndTravelPassPassengerDetailsComponent,\r\n },\r\n {\r\n path: ':product-reference/pay-now',\r\n component: ProductPaymentComponent,\r\n },\r\n {\r\n path: ':product-reference/payment',\r\n component: ProductPaymentComponent,\r\n },\r\n {\r\n path: ':product-reference/seat-confirmation',\r\n component: SeatConfirmationComponent,\r\n },\r\n {\r\n path: 'Product/:product-reference',\r\n component: ProductInfoComponent,\r\n },\r\n {\r\n path: 'availability',\r\n component: AvailabilityWrapperComponent,\r\n },\r\n {\r\n path: 'book-now',\r\n component: ExpressAndTravelPassPassengerDetailsComponent,\r\n },\r\n {\r\n path: 'checkout',\r\n component: ExpressAndTravelPassPassengerDetailsComponent,\r\n },\r\n {\r\n path: 'pay-now',\r\n component: ProductPaymentComponent,\r\n },\r\n {\r\n path: 'payment',\r\n component: ProductPaymentComponent,\r\n },\r\n {\r\n path: 'seat-confirmation', \r\n component: SeatConfirmationComponent,\r\n },\r\n {\r\n path: ':product-reference/availability',\r\n component: AvailabilityWrapperComponent,\r\n },\r\n {\r\n path: ':product-reference/availability/:bookingGuid',\r\n component: AvailabilityWrapperComponent,\r\n },\r\n {\r\n path: ':product-reference/book-now',\r\n component: ProductPassengerDetailsComponent,\r\n },\r\n {\r\n path: ':category-reference/:product-reference/book-now',\r\n component: ProductPassengerDetailsComponent,\r\n },\r\n {\r\n path: ':category-reference/:product-reference/book-now/:bookingGuid/availability',\r\n component: AvailabilityWrapperComponent,\r\n },\r\n {\r\n path: ':category-reference/:product-reference/book-now/:bookingGuid/pay-now',\r\n component: ProductPaymentComponent,\r\n },\r\n {\r\n path: ':category-reference/:product-reference/book-now/:bookingGuid/payment',\r\n component: ProductPaymentComponent,\r\n },\r\n {\r\n path: ':category-reference/:product-reference/book-now/:bookingGuid/seat-confirmation',\r\n component: SeatConfirmationComponent,\r\n },\r\n {\r\n path: ':category-reference/:product-reference/book-now/:bookingGuid/seats',\r\n component: SeatConfirmationComponent,\r\n },\r\n {\r\n path: ':product-reference/book-now/:bookingGuid',\r\n component: ProductPassengerDetailsComponent,\r\n },\r\n {\r\n path: ':category-reference/:product-reference/book-now/:bookingGuid',\r\n component: ProductPassengerDetailsComponent,\r\n },\r\n {\r\n path: ':product-reference/pay-now/:bookingGuid',\r\n component: ProductPaymentComponent,\r\n },\r\n {\r\n path: ':product-reference/payment/:bookingGuid',\r\n component: ProductPaymentComponent,\r\n },\r\n {\r\n path: ':product-reference/seat-confirmation/:bookingGuid',\r\n component: SeatConfirmationComponent,\r\n }\r\n];\r\n\r\n@NgModule({\r\n imports: [\r\n PopoverModule.forRoot(),\r\n SharedModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n ModalModule.forRoot(),\r\n RouterModule.forChild(travelProductsRoutes),\r\n MyGreyhoundModule,\r\n ],\r\n declarations: [\r\n TravelProductDetailComponent,\r\n PassengerOptionsComponent,\r\n KmPassComponent,\r\n FareTypeComponent,\r\n ProductsSearchComponent,\r\n ProductInfoComponent,\r\n ProductPassengerDetailsComponent,\r\n PassengerDetailsComponent,\r\n ValidationOnBlurDirective,\r\n MyGreyhoundLoginComponent,\r\n PromoCodeComponent,\r\n ProductConfirmationComponent,\r\n PassengerDetailWrapperComponent,\r\n PassengerDetailSelectorComponent,\r\n ExpressAndTravelPassPassengerDetailsComponent,\r\n LoyaltyDetailsComponent,\r\n LoyaltyProgramListComponent,\r\n AddonsComponent],\r\n providers: [\r\n DecimalPipe\r\n ]\r\n})\r\nexport class TravelProductsModule { }\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/travel-products/travel-products.module.ts","import { Directive } from '@angular/core';\r\nimport { NgControl } from '@angular/forms';\r\n\r\n@Directive({\r\n selector: '[validate-onblur]',\r\n host: {\r\n '(focus)': 'onFocus($event)',\r\n '(blur)': 'onBlur($event)',\r\n '(keyup)': 'onKeyup($event)',\r\n '(change)': 'onChange($event)',\r\n '(ngModelChange)': 'onNgModelChange($event)'\r\n }\r\n })\r\n export class ValidationOnBlurDirective {\r\n private validators: any;\r\n private asyncValidators: any;\r\n private wasChanged: any;\r\n constructor(public formControl: NgControl) {\r\n }\r\n onFocus($event) {\r\n this.wasChanged = false;\r\n this.validators = this.formControl.control.validator;\r\n this.asyncValidators = this.formControl.control.asyncValidator;\r\n this.formControl.control.clearAsyncValidators();\r\n this.formControl.control.clearValidators();\r\n }\r\n onKeyup($event) {\r\n this.wasChanged = true; // keyboard change\r\n }\r\n onChange($event) {\r\n this.wasChanged = true; // copypaste change\r\n }\r\n onNgModelChange($event) {\r\n this.wasChanged = true; // ng-value change\r\n }\r\n onBlur($event) {\r\n this.formControl.control.setAsyncValidators(this.asyncValidators);\r\n this.formControl.control.setValidators(this.validators);\r\n if (this.wasChanged)\r\n this.formControl.control.updateValueAndValidity();\r\n }\r\n }\n\n\n// WEBPACK FOOTER //\n// ./src/app/travel-products/validate-onblur.directive.ts"],"sourceRoot":"webpack:///"}\r\n
\r\n \r\n ![\"{{title}}\"](\"{{icon}}\")
\r\n \r\n
\r\n \r\n {{title}} \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {{description}}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n