\n\n \n \n \n \n\n \n \n \n \n
\n\n\n \n \n
\n\n Additional Items:
\n\n
\n \n
\n \n
\n \n
\n \n ![](\"{{product.imageUri}}\")
\n
\n \n
\n {{product.parkProductName}}
\n{{product.description}}
\n \n \n \n
\n \n +
\n \n
\n\n No additional items available
\n\n
\n\n Included Items:
\n \n\n\n \n \n\n
\n\n\n
\n\n \n
\n\n \n
\n \n Number of Kids who Will {{attendeesText}}:\n
\n\n *Add more kids for
\n \n \n
\n = attendeeRestrictions.maxQuantity\">\n
\n \n \n You have reached the capacity limitation of your {{this.brandId === 3 || this.brandId === 4 \n ? 'party. Please call' \n : 'selected hangout. Please try a different hangout, or call'}} {{phoneNumber}} {{this.brandId === 3 || this.brandId === 4 \n ? 'for assistance in booking a larger party'\n : 'if you need further assistance'}}.\n
\n\n
\n \n
\n \n Number of Parents who Will {{attendeesText}}:\n
\n\n *Parents are\n
\n \n \n
\n \n
\n \n \n \n \n \n \n \n
\n \n \n \n \n
\n\n\n Payment Information\n
\n We will charge a payment of
\n 0\">\n \n \n
\n \n
\n \n
\n \n {{braintreeError}}\n
\n \n Please check your card information\n
\nBy checking these boxes, I agree to the below terms and conditions.
\n\n\n \n \n
\n\n \n \n
\n\n \n \n
\n\n \n
\n\n \n
\n","import { Component, EventEmitter, OnInit, Output } from '@angular/core';\nimport { combineLatest } from 'rxjs';\nimport { concatMap, take } from 'rxjs/operators';\nimport { Dropin } from 'braintree-web-drop-in';\nimport * as braintree from 'braintree-web-drop-in';\nimport { BusyService } from '@unleashed/services/common';\nimport { ClientTokenApiService } from '@unleashed/api/booking';\nimport { AuthorizationService } from '@unleashed/services/account';\nimport { BookingSessionService } from '@unleashed/services/booking';\n\n@Component({\n selector: 'ua-payment',\n templateUrl: './payment.component.html',\n styleUrls: ['./payment.component.scss']\n})\nexport class PaymentComponent implements OnInit {\n\n @Output() dropinCreated = new EventEmitter\n \n \n
\n\n\n \n\n \n
\n {{ guestsOfHonorNames }}'s party is booked!
\n {{ invoice.organizationName }}
\n\n Confirmation Code: {{this.bookingConfirmation | uppercase}}
\n\n \n Please check your email for a confirmation and this screen for your records.\n\n
\n\n \n
\n\n \n Please share the waiver link below with the other people in your party to expedite check-in.\n
\n\n \n \n
\n\n \n If you have any questions or need to make changes, please contact us at\n {{phoneNumber}}.\n
\n\n \n If you have any questions or need to make changes, please contact us at\n {{phoneNumber}}.\n
\n\n \n
\n\n \n \n
\n\n \n \n Confirmation number:\n \n
\n \n
\n \n \n
\nCrowd Meter
\n \n
\n\n\n
\n \n
\n 0 ? 'border-primary' : ''\">\n
\n \n
\n SOLD OUT
\n 0 ? '' : 'opaque text-dark'\">\n \n \n
\n \n
\n 0 ? 'text-primary' : ''\">\n {{hangout.name}}\n \n \n \n
\n\n{{hangout.description}}
\n\n
\n\n \n
\n\n","export * from './add-ons/add-ons.component';\nexport * from './add-ons/park-modifiers/park-modifiers.component';\nexport * from './attendees/attendees.component';\nexport * from './checkout/checkout.component';\nexport * from './checkout/payment/payment.component';\nexport * from './confirmation/confirmation.component';\nexport * from './crowd-meter/crowd-meter.component';\nexport * from './hangouts/hangouts.component';\nexport * from './packages/packages.component';\nexport * from './packages/package-info/package-info.component';\nexport * from './review/review.component';\nexport * from './shared';\nexport * from './start/start.component';\nexport * from './timeslots/timeslots.component';\nexport * from './timeslots/timeslots-date/timeslots-date.component';\nexport * from './wrapper/wrapper.component';\n","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\r\nimport { JustifiWrapperComponent } from './justifi.component';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { CommonModule } from '@angular/common';\r\n@NgModule({\r\n declarations: [JustifiWrapperComponent],\r\n imports: [\r\n FormsModule,\r\n ReactiveFormsModule,\r\n CommonModule\r\n ],\r\n exports: [JustifiWrapperComponent],\r\n schemas: [CUSTOM_ELEMENTS_SCHEMA]\r\n})\r\nexport class JustifiModule {}\r\n","import {\r\n Component,\r\n ElementRef,\r\n EventEmitter, OnInit,\r\n Output,\r\n ViewChild,\r\n} from '@angular/core';\r\nimport { BusyService } from '@unleashed/services/common';\r\n\r\n@Component({\r\n selector: 'ua-justifi',\r\n templateUrl: './justifi.component.html',\r\n styleUrls: ['./justifi.component.scss']\r\n})\r\n\r\nexport class JustifiWrapperComponent implements OnInit {\r\n\r\n @ViewChild('justifiElem') justifiElem?: ElementRef;\r\n @Output() justifiReady = new EventEmitter\n \n
\n\n
\n\n \n
\n\n
\n","import { Component, Inject, OnInit } from '@angular/core';\nimport { BookingSessionService } from '@unleashed/services/booking';\nimport { APP_OPTIONS, AppOptions, BRAND_OPTIONS, BrandOptions } from '@unleashed/common/config';\n\n@Component({\n selector: 'ua-not-found',\n templateUrl: './not-found.component.html',\n styleUrls: ['./not-found.component.scss']\n})\nexport class NotFoundComponent implements OnInit {\n\n constructor(\n private sessionService: BookingSessionService\n ) {\n }\n\n ngOnInit(): void {\n this.sessionService.removeBooking();\n this.sessionService.removeSessionCart();\n }\n\n}\n","\n \n
\n\n
\n","import { Component, EventEmitter, Inject, Input, Output } from '@angular/core';\nimport { Attraction, Booking, Package } from '@unleashed/models/booking';\nimport { BRAND_OPTIONS, BrandOptions } from '@unleashed/common/config';\n\n@Component({\n selector: 'ua-package-info',\n templateUrl: './package-info.component.html',\n styleUrls: ['./package-info.component.scss']\n})\nexport class PackageInfoComponent {\n\n @Input() booking?: Booking;\n @Input() upgradeAttractions: Attraction[] = [];\n @Input() availableAttractions: Attraction[] = [];\n @Input() upgradePackage?: Package;\n @Input() infoPackage?: Package;\n @Input() showAsUpgrade = false;\n\n brandId: number;\n productLevelUpsellText: string;\n\n @Output() dismissClicked = new EventEmitter\n The link you clicked on has expired. Please log into your\n Account\n to see your purchase.\n
\n\n
\n\n Urban Air will provide a bottle of water, Urban Air\n Socks and a party scratch off for\n each paid party guest.\n
\n\n\n \n \n\n
\n- \n
- {{attraction.name}} \n
\n Best for {{upgradePackage.maxRequiredHeight}}\" or taller\n
\n\n\n \n
\n \n
\n","import {Component, OnDestroy, OnInit} from '@angular/core';\nimport {Observable, Subscription} from 'rxjs';\nimport { concatMap, map, take } from 'rxjs/operators';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\nimport { Modal } from 'bootstrap';\nimport { BusyService } from '@unleashed/services/common';\nimport { Attraction, Booking, NavigationSteps, Package } from '@unleashed/models/booking';\nimport { BookingSessionService } from '@unleashed/services/booking';\nimport { PackageApiService } from '@unleashed/api/booking';\nimport { GoogleTagManagerService } from 'angular-google-tag-manager';\n\n@Component({\n selector: 'ua-packages',\n templateUrl: './packages.component.html',\n styleUrls: ['./packages.component.scss']\n})\nexport class PackagesComponent implements OnInit, OnDestroy {\n\n faInfoCircle = faInfoCircle;\n\n booking?: Booking;\n packages: Package[] = [];\n packageSelected = false;\n selectionChanged = false;\n showAsUpgrade = false;\n infoPackage?: Package;\n upgradePackage?: Package;\n upgradeAttractions: Attraction[] = [];\n availableAttractions: Attraction[] = [];\n infoUpgradeModal?: Modal;\n packagesLoaded = false;\n error?: number;\n subscriptions = new Subscription();\n\n constructor(\n private sessionService: BookingSessionService,\n private packageApiService: PackageApiService,\n private busyService: BusyService,\n private gtmService: GoogleTagManagerService\n ) {\n }\n\n ngOnInit(): void {\n const element = document.getElementById('infoModal');\n if (element) {\n this.infoUpgradeModal = new Modal(element);\n }\n\n this.subscriptions.add(\n this.sessionService.getBooking()\n .pipe(\n take(1),\n concatMap(booking => {\n this.booking = booking;\n this.sessionService.setSubtotal(booking.minSubtotal ?? 0)\n return this.loadPackages(booking);\n }))\n .subscribe(packages => {\n this.upgradePackage = this.packages[0];\n this.packages = packages;\n this.packagesLoaded = true;\n }, err => this.error = err.status)\n );\n }\n\n ngOnDestroy(): void {\n this.subscriptions.unsubscribe();\n }\n\n loadPackages(booking: Booking): Observable\n
\n\n {{infoPackage.productLevelName}}\n
\n\n\n Included with the current package:\n
\n\n- \n
- {{attraction.name}} \n
- \n
- {{attraction.name}} \n
\n Best for {{infoPackage.maxRequiredHeight}}\" or taller\n
\n\n\n \n
\n \n
\n\n\n \n\n \n
\n\n \n
\n\n \n
\n\n Sorry, no packages available for the selected date
\n\n
\n \n
\n \n \n \n
\n \n
\n {{ partyPackage.productLevelName }}\n \n \n \n
\n {{partyPackage.productLevelDescription}}
\n\n
\n\n \n
\n","import {Component, EventEmitter, Input, OnInit, OnChanges, Output, SimpleChanges} from '@angular/core';\nimport { Modal } from 'bootstrap';\nimport { BookingSessionService } from '@unleashed/services/booking';\n\n@Component({\n selector: 'ua-promo-confirmation',\n templateUrl: './promo-confirmation.component.html',\n})\nexport class PromoConfirmationComponent implements OnInit, OnChanges {\n promoConfirmationModal?: Modal;\n @Input() promoConfirmMessage = '';\n @Input() triggerPromoConfirmationPopup = false;\n @Output() confirmPromo = new EventEmitter();\n @Output() cancelPromo = new EventEmitter();\n constructor(private sessionService: BookingSessionService) {}\n\n ngOnInit(): void {\n const elementPromoConfirmation = document.getElementById('promoConfirmationModal');\n if (elementPromoConfirmation) {\n this.promoConfirmationModal = new Modal(elementPromoConfirmation);\n }\n this.sessionService.bookingPromoMessage?.subscribe((value) => {\n this.promoConfirmMessage = value;\n });\n // this handles the case when the user logs in after applying a promo code\n // state is lost because the component is destroyed and recreated other wise\n this.sessionService.bookingPromoModalTrigger?.subscribe((value) => {\n if (value) {\n this.triggerPromoConfirmationPopup = false;\n this.promoConfirmationModal?.show();\n } else {\n this.promoConfirmationModal?.hide();\n }\n });\n }\n ngOnChanges(changes: SimpleChanges): void {\n if (\n changes.triggerPromoConfirmationPopup &&\n changes.triggerPromoConfirmationPopup.currentValue\n ) {\n this.promoConfirmationModal?.show();\n }\n }\n confirm(): void {\n this.sessionService.triggerBookingPromoModal(false);\n this.confirmPromo.emit();\n }\n cancel(): void {\n this.sessionService.triggerBookingPromoModal(false);\n this.cancelPromo?.emit();\n }\n}\n","\n \n
\n\n
\n","import {Component, Inject, OnDestroy, OnInit} from '@angular/core';\nimport {combineLatest, Observable, of, Subscription} from 'rxjs';\nimport {concatMap, switchMap, take, tap} from 'rxjs/operators';\nimport {User} from '@unleashed/models/account';\nimport {AuthorizationService} from '@unleashed/services/account';\nimport {Booking, NavigationSteps, PartyInvoice} from '@unleashed/models/booking';\nimport {BookingSessionService} from '@unleashed/services/booking';\nimport {BookingInvoiceApiService, InvoiceApiService} from '@unleashed/api/booking';\nimport {BRAND_OPTIONS, BrandOptions} from '@unleashed/common/config';\nimport {PricePipe} from '@unleashed/common/pipes';\nimport { GoogleTagManagerService } from \"angular-google-tag-manager\";\n\n@Component({\n selector: 'ua-review',\n templateUrl: './review.component.html',\n styleUrls: ['./review.component.scss']\n})\nexport class ReviewComponent implements OnInit, OnDestroy {\n\n booking?: Booking;\n user?: User;\n detailLoaded = false;\n invoice$?: Observable\n \n
\n\n
\n\n \n\n
\n \n
\n\n \n \n \n
\n \n Promo Code Applied!\n
\n \n Sorry, the promo code {{invalidPromoCode}} is invalid for this booking\n
\n \n \n A payment of
\n
\n\n \n A payment of
\n \n Please note that the price displayed on our website is in Canadian Dollars (CAD), but you will be charged in US\n Dollars (USD) at the current exchange rate.\n
\n \n \n
\n\n\n \n
\n\n \n
\n\n
\n{{header}}
\n\n
\n","import {Component, Input, OnInit} from '@angular/core';\nimport { Booking, PartyInvoice } from '@unleashed/models/booking';\n\n@Component({\n selector: 'ua-call-to-action',\n templateUrl: './call-to-action.component.html',\n styleUrls: ['./call-to-action.component.scss']\n})\nexport class CallToActionComponent implements OnInit {\n\n @Input() template?: string;\n @Input() possessive = true;\n @Input() groupText = 'the';\n @Input() booking?: Booking;\n @Input() showTime = false;\n @Input() size: 'normal' | 'large' = 'normal';\n @Input() invoice?: PartyInvoice;\n\n displayText = '';\n textSize = 'fs-5';\n\n constructor() { }\n\n ngOnInit(): void {\n if (!this.template) {\n return;\n }\n\n this.textSize = this.size === 'normal' ? 'fs-5' : 'fs-3';\n\n this.displayText = !this.invoice?.isSpecialEvent ?? true\n ? this.template.replace('{0}', this.getGuestDisplay())\n : this.template.replace('{0}', this.invoice?.organizationName ?? '');\n\n }\n\n getGuestDisplay(): string {\n if (!this.booking?.guestsOfHonor) {\n return '';\n }\n\n switch (this.booking.guestsOfHonor.length) {\n case 1:\n return `${this.booking.guestsOfHonor[0].firstName}${this.possessive ? '\\'s' : ''}`;\n case 2:\n this.textSize = this.size === 'normal' ? 'fs-6' : 'fs-4';\n return `${this.booking.guestsOfHonor[0].firstName} and ${this.booking.guestsOfHonor[1].firstName}${this.possessive ? '\\'s' : ''}`;\n default:\n return this.groupText;\n }\n }\n}\n","\n
\n {{message}}
\n\n \n \n
\n\n
\n","import {Component, EventEmitter, Input, Output} from '@angular/core';\n\n@Component({\n selector: 'ua-card-pricing',\n templateUrl: './card-pricing.component.html',\n styleUrls: ['./card-pricing.component.scss']\n})\nexport class CardPricingComponent {\n\n @Input() price?: number;\n @Input() quantity?: number;\n @Input() selected?: boolean;\n @Input() style: 'estimate' | 'exact' | 'showGuests' = 'estimate';\n @Input() disabled = false;\n @Input() showSign = false;\n @Input() imageUrl?: string;\n\n @Output() selectClicked: EventEmitter\n {{displayText}}\n
\n \n
","import {Component, Input, OnInit} from '@angular/core';\nimport {BookingSessionService} from '@unleashed/services/booking';\n\n@Component({\n selector: 'ua-display-price',\n templateUrl: './display-price.component.html',\n styleUrls: ['./display-price.component.scss']\n})\nexport class DisplayPriceComponent implements OnInit {\n\n @Input() amount?: number;\n @Input() shortenNumber = false;\n currencyCode?: string;\n conversionRate = 1;\n constructor(private sessionService: BookingSessionService) { }\n\n ngOnInit(): void {\n this.sessionService.getSession()\n .subscribe(session => {\n if (this.amount === undefined) {\n return;\n }\n this.currencyCode = session.park?.currencyCode;\n this.conversionRate = session.park?.currencyConversionRate ?? 1;\n });\n }\n\n}\n","{{((amount ?? 0) * conversionRate) | price: currencyCode: shortenNumber }}\n","export * from './alert/alert.component';\nexport * from './call-to-action/call-to-action.component';\nexport * from './card-pricing/card-pricing.component';\nexport * from './invoice/invoice.component';\nexport * from './invoice-skeleton/invoice-skeleton.component';\nexport * from './location/location.component';\nexport * from './nav-bar/nav-bar.component';\nexport * from './party-time/party-time.component';\nexport * from './quantity/quantity.component';\nexport * from './skeleton-card/skeleton-card.component';\nexport * from './start-over/start-over.component';\nexport * from './timer/timer.component';\nexport * from './total/total.component';\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ua-invoice-skeleton',\n templateUrl: './invoice-skeleton.component.html',\n styleUrls: ['./invoice-skeleton.component.scss']\n})\nexport class InvoiceSkeletonComponent {\n\n}\n","\n ![\"Party](\"{{imageUrl}}\")
\n
\n\n \nstarting at
\n \n Included
in Price\n
\n in Price\n
0\">\n \n + \n
\n \n
\n for {{quantity}} guests
\n \n
\n Hangout:\n
\n\n
\n Included:\n
\n\n
\n
\n\n
\n
\n\n \n
\n\n \n {{ invoice.partyTheme }} Party\n
\n {{invoice.park.brand?.name}}
\n {{invoice.park?.name}}
\n {{invoice.park?.address?.streetAddress}}
\n {{invoice.park?.address?.city}}, {{invoice.park?.address?.state}} {{invoice.park?.address?.zipCode}}
\n \n
\n\n \n \n {{ invoice.productLevelName }} Package\n \n
\n \n
\n \n
\n\n \n Number of Participants ({{invoice.baseParticipantQuantity}} included):\n
\n \n Number of Participating Kids ({{invoice.baseParticipantQuantity}} included):\n
\n\n \n {{ invoice.totalParticipantQuantity }}\n
\n \n
\n\n \n Additional Kid Participant Fees:\n
\n \n
\n 0\"\n class=\"d-flex justify-content-between align-items-end pt-4 h6 participating-adults\">\n
\n\n \n Number of Participating Adults (0 included):\n
\n \n {{ invoice.adultParticipantQuantity }}\n
\n \n
\n\n \n Additional Adult Participant Fees:\n
\n \n
\n \n
\n\n \n Total Cost of Additional Participants:\n
\n \n \n \n
\n \n
\n
\n\n \n
\n Hangout:\n
\n \n
\n \n {{ invoice.resourceTypeName }}\n
\n \n Included \n
\n \n\n
\n Included:\n
\n \n
\n \n {{ item.name }}\n
\n \n {{ item.quantity }}\n
\n \n
\n \n {{ item }}\n
\n \n Included\n
\n \n\n
\n Additional Items:\n
\n \n
\n \n {{ item.name }}\n
\n \n {{ item.quantity }}\n
\n \n
\n \n
\n
\n \n {{ item.name }}\n
\n \n
\n \n
\n \n Promo - {{ invoice.promo.code }}\n
\n \n
\n \n
\n \n {{ invoice.entitlementName }}\n
\n \n
\n \n
\n \n Subtotal\n
\n \n
\n \n
\n\n \n Tax\n
\n \n\n \n \n\n \n \n Will be calculated on final payment\n \n \n \n \n
\n \n\n
\n
\n\n \n Total\n
\n \n
\n \n
\n\n Payment\n
\n \n
\n \n
\n","import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';\nimport {faCaretLeft, faCaretRight } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n selector: 'ua-nav-bar',\n templateUrl: './nav-bar.component.html',\n styleUrls: ['./nav-bar.component.scss']\n})\nexport class NavBarComponent {\n\n faCaretRight = faCaretRight;\n faCaretLeft = faCaretLeft;\n\n @Input() showBack = true;\n @Input() showNext = true;\n @Input() nextDisabled = false;\n @Input() backDisabled = false;\n\n @Output() backClicked: EventEmitter\n
\n \n {{park.name}}\n
\n\n
\n","import { Component, Input, OnInit } from '@angular/core';\nimport { Booking, PartyInvoice } from '@unleashed/models/booking';\n\n@Component({\n selector: 'ua-party-time',\n templateUrl: './party-time.component.html',\n styleUrls: ['./party-time.component.scss']\n})\nexport class PartyTimeComponent implements OnInit {\n\n @Input() booking?: Booking;\n @Input() color: 'primary' | 'secondary' | 'dark' = 'dark';\n @Input() align: 'start' | 'center' | 'end' = 'center';\n @Input() invoice?: PartyInvoice;\n\n cssClass = '';\n\n ngOnInit(): void {\n this.cssClass = `text-${this.color} text-${this.align}`;\n }\n\n}\n","\n \n
\n \n \n
\n\n
\n\n{{booking.selectedDate | date:'EEEE, MMMM d'}}
\n\n {{booking.selectedStartTime ?? 0 | time | date:'h:mm'}}\n {{' '}}\n {{booking.selectedStartTime ?? 0 | time | date:'a'}}\n {{' - '}}\n {{booking.selectedEndTime ?? 0 | time | date:'h:mm'}}\n {{' '}}\n {{booking.selectedEndTime ?? 0 | time | date:' a'}}\n
\n\n
\n{{invoice?.date | date:'EEEE, MMMM d'}}
\n\n {{invoice?.startHour ?? 0 | time | date:'h:mm'}}\n {{' '}}\n {{invoice?.startHour ?? 0 | time | date:'a'}}\n {{' - '}}\n {{invoice?.endHour ?? 0 | time | date:'h:mm'}}\n {{' '}}\n {{invoice?.endHour ?? 0 | time | date:' a'}}\n
\n\n \n\n
\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'ua-skeleton-card',\n templateUrl: './skeleton-card.component.html',\n styleUrls: ['./skeleton-card.component.scss']\n})\nexport class SkeletonCardComponent {\n\n cards: number[] = [0];\n descriptionHeightString = '72px';\n priceHeightString = '68px';\n priceWidthString = '88px';\n\n @Input('count') set count(count: number) {\n this.cards = Array(count).fill(0);\n }\n\n @Input('descriptionHeight') set descriptionHeight(pixels: number) {\n this.descriptionHeightString = `${pixels}px`;\n }\n\n @Input('priceHeight') set priceHeight(pixels: number) {\n this.priceHeightString = `${pixels}px`;\n }\n\n @Input('priceWidth') set priceWidth(pixels: number) {\n this.priceWidthString = `${pixels}px`;\n }\n\n\n @Input() hasImage = false;\n\n}\n","\n
\n\n \n{{count}}
\n\n
\n","import { Component, OnInit } from '@angular/core';\nimport { NavigationSteps } from '@unleashed/models/booking';\nimport { BookingSessionService } from '@unleashed/services/booking';\n\n@Component({\n selector: 'ua-start-over',\n templateUrl: './start-over.component.html',\n styleUrls: ['./start-over.component.scss']\n})\nexport class StartOverComponent implements OnInit {\n\n constructor(private sessionService: BookingSessionService) { }\n\n ngOnInit(): void {\n }\n\n startOver(): void {\n this.sessionService.removeCart();\n this.sessionService.navigateToStep(NavigationSteps.Start);\n }\n}\n","\n
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { Modal } from 'bootstrap';\nimport { CountdownComponent, CountdownEvent } from 'ngx-countdown';\nimport { AuthorizationService } from '@unleashed/services/account';\nimport { Booking, NavigationSteps } from '@unleashed/models/booking';\nimport { BookingSessionService } from '@unleashed/services/booking';\n\n@Component({\n selector: 'ua-timer',\n templateUrl: './timer.component.html',\n styleUrls: ['./timer.component.scss']\n})\nexport class TimerComponent implements OnInit {\n isTimeBegan: boolean | undefined = false;\n timeBegan?: Date;\n timeLeft?: number;\n timerClass?: string;\n booking?: Booking;\n sessionExpiredModal?: Modal;\n timeoutId?: number;\n @ViewChild('cd', { static: false }) private countdown?: CountdownComponent;\n\n constructor(\n private sessionService: BookingSessionService,\n private authService: AuthorizationService,\n ) { }\n\n ngOnInit(): void {\n const element = document.getElementById('sessionExpiredModal');\n if (element) {\n this.sessionExpiredModal = new Modal(element);\n }\n\n this.sessionService.getBooking().subscribe(booking => {\n this.isTimeBegan = booking.timeBegan ? true : false;\n this.timeBegan = booking.timeBegan;\n this.booking = booking;\n if (this.isTimeBegan && this.timeBegan) {\n this.setTimer(this.timeBegan);\n }\n });\n }\n\n showSessionExpiredModal(): void {\n this.sessionExpiredModal?.show();\n }\n\n closeModal(): void {\n this.sessionExpiredModal?.hide();\n }\n\n handleEvent(event: CountdownEvent): void {\n switch (event.action) {\n case 'done': {\n if (!this.timeBegan) {\n return;\n }\n const twentyFiveMinutesFromTimeBegan = new Date(this.timeBegan);\n twentyFiveMinutesFromTimeBegan.setMinutes(twentyFiveMinutesFromTimeBegan.getMinutes() + 25);\n if (twentyFiveMinutesFromTimeBegan.getTime() - new Date().getTime() > 0 && !this.booking?.emailAddress) {\n this.showSessionExpiredModal();\n this.timeoutId = window.setTimeout(() => {\n this.authService.logout();\n this.goToStart();\n }, twentyFiveMinutesFromTimeBegan.getTime() - new Date().getTime());\n } else {\n this.authService.logout();\n this.goToStart();\n }\n break;\n } case 'start':\n case 'notify': {\n let i = 0;\n let count = 0;\n for (i <= 0; i < 3; i ++) {\n setTimeout(() => {\n this.flashTimer(count);\n count ++;\n }, i * 2000);\n }\n break;\n }\n }\n }\n\n flashTimer(count: number): void {\n this.timerClass = 'text-primary';\n setTimeout(() => {\n this.timerClass = 'text-alt';\n if (count === 2) {\n this.timerClass = 'text-dark';\n }\n }, 1000);\n }\n\n setTimer(timeBegan: Date): void {\n const futureTimeFromTimeBegan = new Date(timeBegan);\n\n if (futureTimeFromTimeBegan.getTime() <= new Date().getTime() && !this.booking?.emailAddress) {\n futureTimeFromTimeBegan.setMinutes(futureTimeFromTimeBegan.getMinutes() + 20);\n }\n\n this.timeLeft = (futureTimeFromTimeBegan.getTime() - new Date().getTime()) / 1000;\n this.countdown?.restart();\n }\n\n goToStart(): void {\n this.closeModal();\n clearTimeout(this.timeoutId);\n this.sessionService.removeSessionCart();\n this.sessionService.navigateToStep(NavigationSteps.Start, true);\n }\n\n extendTime(): void {\n this.closeModal();\n clearTimeout(this.timeoutId);\n if (!this.booking) {\n return;\n }\n this.booking.timeBegan = new Date();\n this.timeBegan = this.booking.timeBegan;\n this.sessionService.upsertCart(this.booking).subscribe();\n this.setTimer(this.timeBegan);\n }\n\n}\n","\n Time Remaining\n
\n","import {Component, OnInit} from '@angular/core';\nimport { NavigationSteps } from '@unleashed/models/booking';\nimport { BookingSessionService } from '@unleashed/services/booking';\n\n@Component({\n selector: 'ua-total',\n templateUrl: './total.component.html',\n styleUrls: ['./total.component.scss']\n})\nexport class TotalComponent implements OnInit {\n\n subtotal = 0.00;\n bookingId?: string;\n step?: string;\n NavigationSteps = NavigationSteps;\n depositAmount = 0.00;\n\n constructor(private sessionService: BookingSessionService) {\n }\n\n ngOnInit(): void {\n this.sessionService.getSession()\n .subscribe(session => {\n this.subtotal = session.subtotal ?? 0.00;\n this.bookingId = session.bookingId;\n this.depositAmount = session.park?.bookingDepositAmount ?? 0.00;\n this.step = session.step;\n });\n }\n\n}\n","\n
\n","import {Component, OnDestroy, OnInit} from '@angular/core';\nimport { FormArray, FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport {combineLatest, Subscription} from 'rxjs';\nimport { take } from 'rxjs/operators';\nimport { faCalendarAlt, faMinus, faPlus } from '@fortawesome/free-solid-svg-icons';\nimport { IAngularMyDpOptions, IMyDate, IMyStyles } from 'angular-mydatepicker';\nimport {\n maxDateValidator,\n minDateValidator,\n phoneNumberValidator,\n selectOptionValidator\n} from '@unleashed/common/validators';\nimport { BusyService } from '@unleashed/services/common';\nimport { BookingConfiguration, Booking, GuestOfHonor, NavigationSteps } from '@unleashed/models/booking';\nimport { AuthorizationService } from '@unleashed/services/account';\nimport { BookingSessionService } from '@unleashed/services/booking';\nimport { Park } from '@unleashed/models/park';\nimport { getInputDate } from '@unleashed/common/utils';\nimport { ActivatedRoute } from '@angular/router';\nimport { GoogleTagManagerService } from 'angular-google-tag-manager';\n\n@Component({\n selector: 'ua-start',\n templateUrl: './start.component.html',\n styleUrls: ['./start.component.scss']\n})\nexport class StartComponent implements OnInit, OnDestroy {\n\n faPlus = faPlus;\n faMinus = faMinus;\n faCalendarAlt = faCalendarAlt;\n bookingForm: FormGroup;\n park?: Park | null;\n configuration?: BookingConfiguration;\n formDirty = false;\n today = this.myDateFromDate(new Date());\n booking?: Booking;\n error?: number;\n isPreferredTimeDropdownRadio?: boolean;\n pgReq?: boolean;\n isParentGuardianFieldsNotRequired?: boolean;\n showAsterisk: boolean = true;\n subscriptions = new Subscription();\n\n stylesData: IMyStyles = {\n selector: 'dp1',\n styles: `.dp1 .myDpPrevMonth,\n .dp1 .myDpNextMonth {\n color: #333;\n }\n .dp1 .myDpDisabled {\n color: #777;\n background: transparent;\n text-decoration: line-through;\n }`\n };\n\n dateOfBirthOptions: IAngularMyDpOptions = {\n dateRange: false,\n dateFormat: 'mm/dd/yyyy',\n firstDayOfWeek: 'su',\n disableSince: this.today,\n sunHighlight: false,\n stylesData: this.stylesData\n };\n\n preferredDateOptions: IAngularMyDpOptions = {\n dateRange: false,\n dateFormat: 'mm/dd/yyyy',\n firstDayOfWeek: 'su',\n disableUntil: this.today,\n sunHighlight: false,\n stylesData: this.stylesData\n };\n\n constructor(\n private authService: AuthorizationService,\n private formBuilder: FormBuilder,\n private sessionService: BookingSessionService,\n private busyService: BusyService,\n private route: ActivatedRoute,\n private gtmService: GoogleTagManagerService\n ) {\n this.bookingForm = this.formBuilder.group({});\n }\n\n ngOnInit(): void {\n this.busyService.set('start', true);\n this.setQueryParams();\n\n this.subscriptions.add(\n combineLatest([\n this.sessionService.getSession(),\n this.sessionService.getConfig(),\n this.sessionService.getBooking()\n .pipe(take(1))\n ])\n .subscribe(\n ([session, config, booking]) => {\n this.park = session.park;\n this.setConfig(config);\n this.setBooking(booking);\n this.busyService.set('start', false);\n },\n err => {\n this.error = err.status;\n this.busyService.set('start', false);\n })\n );\n\n this.subscriptions.add(\n this.authService.getUser()\n .subscribe(user => {\n if (user.loggedIn) {\n this.bookingForm.controls['contactFirstName'].setValue(user.firstName ?? '');\n this.bookingForm.controls['contactLastName'].setValue(user.lastName ?? '');\n this.bookingForm.controls['phoneNumber'].setValue(user.phoneNumber ?? '');\n }\n },\n err => {\n this.error = err.status;\n this.busyService.set('start', false);\n })\n );\n }\n\n ngOnDestroy(): void {\n this.subscriptions.unsubscribe();\n }\n\n setConfig(config: BookingConfiguration): void {\n this.configuration = config;\n const minBookingDate = new Date(this.today.year, this.today.month - 1, this.today.day + (config?.minAdvanceDays ?? 2) - 1);\n const maxAdvanceDate = new Date(this.today.year, this.today.month - 1, this.today.day + (config?.maxAdvanceDays ?? 60));\n this.preferredDateOptions.disableUntil = this.myDateFromDate(minBookingDate);\n this.preferredDateOptions.disableSince = this.myDateFromDate(maxAdvanceDate);\n this.busyService.set('start', false);\n }\n\n setBooking(booking: Booking): void {\n this.booking = booking;\n this.bookingForm = this.formBuilder.group({\n guestsOfHonor: this.formBuilder.array([]),\n });\n\n booking.guestsOfHonor.forEach(g => {\n this.addGuestOfHonorGroup(booking.isDefault ? undefined : g);\n });\n this.bookingForm.addControl('preferredDate', this.formBuilder.control(booking.isDefault\n ? ''\n : {\n isRange: false,\n singleDate: {jsDate: new Date(booking.preferredDate)}\n }, Validators.required));\n this.bookingForm.addControl('preferredTime', this.formBuilder.control(booking.preferredTimeId ? String(booking.preferredTimeId) : (this.isPreferredTimeDropdownRadio ? '1' : 0), selectOptionValidator()));\n this.bookingForm.addControl('requiresHandicap', this.formBuilder.control(booking.requiresHandicap ?? false, Validators.required));\n this.bookingForm.addControl('contactFirstName', this.formBuilder.control(booking.contactFirstName ?? '', this.isParentGuardianFieldsNotRequired ? null : Validators.required));\n this.bookingForm.addControl('contactLastName', this.formBuilder.control(booking.contactLastName ?? '', this.isParentGuardianFieldsNotRequired ? null : Validators.required));\n this.bookingForm.addControl('phoneNumber', this.formBuilder.control(booking.phoneNumber ?? '', phoneNumberValidator()));\n }\n\n next(): void {\n this.formDirty = true;\n\n this.gtmService.pushTag({\n 'event': 'startFormSubmitted',\n 'guestOfHonorCount': this.bookingForm.value.guestsOfHonor.length, \n 'preferredPartyDate': this.bookingForm.value.preferredDate.singleDate?.jsDate, \n 'preferredPartyTime': this.bookingForm.value.preferredTime, \n 'handicapAccommodations': this.bookingForm.value.requiresHandicap ? 'yes' : 'no'\n });\n\n if (!this.bookingForm.valid || !this.park?.id || !this.booking) {\n return;\n }\n\n this.busyService.set('start-save', true);\n\n const booking: Booking = {\n ...this.booking,\n parkId: this.park?.id,\n guestsOfHonor: this.bookingForm.value.guestsOfHonor.map((m: any) => ({\n firstName: m.firstName,\n lastName: m.lastName,\n dateOfBirth: getInputDate(m.dateOfBirth)\n })),\n contactFirstName: this.bookingForm.value.contactFirstName,\n contactLastName: this.bookingForm.value.contactLastName,\n phoneNumber: this.bookingForm.value.phoneNumber,\n preferredDate: this.bookingForm.value.preferredDate.singleDate?.jsDate,\n preferredTimeId: this.bookingForm.value.preferredTime,\n requiresHandicap: this.bookingForm.value.requiresHandicap,\n selectedDate : undefined,\n productLevelId : undefined\n };\n\n this.sessionService.upsertCart(booking)\n .subscribe(\n _ => {\n this.sessionService.navigateToStep(NavigationSteps.Packages);\n this.busyService.set('start-save', false);\n },\n err => {\n this.error = err.status;\n this.busyService.set('start-save', false);\n });\n }\n\n get guestsOfHonorFormArray(): FormArray {\n return this.bookingForm.controls.guestsOfHonor as FormArray;\n }\n\n get guestsOfHonorFormGroups(): FormGroup[] {\n return this.guestsOfHonorFormArray.controls as FormGroup[];\n }\n\n get guestsOfHonorCount(): number {\n return this.guestsOfHonorFormArray.length;\n }\n\n get maxGuestsOfHonor(): number {\n return this.configuration?.maxGuestsOfHonor ?? 2;\n }\n\n addGuestOfHonorGroup(guestOfHonor?: GuestOfHonor): void {\n if (this.guestsOfHonorCount > this.maxGuestsOfHonor) {\n return;\n }\n\n const minDateOfBirth = new Date();\n minDateOfBirth.setFullYear(minDateOfBirth.getFullYear() - 120);\n\n const group = this.formBuilder.group({\n firstName: [guestOfHonor?.firstName ?? '', Validators.required],\n lastName: [guestOfHonor?.lastName ?? '', Validators.required],\n dateOfBirth: [\n guestOfHonor?.dateOfBirth ? `${(guestOfHonor?.dateOfBirth.getMonth() + 1).toString().padStart(2, '0')}/${(guestOfHonor?.dateOfBirth.getDate()).toString().padStart(2, '0')}/${guestOfHonor?.dateOfBirth.getFullYear()}` : '',\n [\n Validators.required,\n maxDateValidator(new Date(this.today.year, this.today.month - 1, this.today.day)),\n minDateValidator(minDateOfBirth)\n ]]\n });\n\n this.guestsOfHonorFormArray.push(group);\n }\n\n removeGuestOfHonorGroup(): void {\n if (this.guestsOfHonorCount === 1) {\n return;\n }\n\n this.guestsOfHonorFormArray.removeAt(this.guestsOfHonorCount - 1);\n }\n\n myDateFromDate(date: Date): IMyDate {\n return {\n year: date.getFullYear(),\n month: date.getMonth() + 1,\n day: date.getDate()\n };\n }\n\n setQueryParams(): void {\n this.isPreferredTimeDropdownRadio = Boolean((this.route.snapshot.queryParamMap.get('radio') ?? 'false') === 'true');\n localStorage.setItem('bookingQueries', JSON.stringify(this.route.snapshot.queryParamMap));\n this.route.queryParams.subscribe(params => {\n // Hide asterisk if `pg-req` exists in the query params\n this.showAsterisk = !params.hasOwnProperty('pg-req');\n });\n\n this.pgReq = Boolean((this.route.snapshot.queryParamMap.get('pg-req') ?? 'false') === 'true');\n let isPagReqSet = this.route.snapshot.queryParamMap.get('pg-req') ?? null;\n this.isParentGuardianFieldsNotRequired = isPagReqSet === null ? undefined : !this.pgReq; \n\n }\n \n}\n","\n Party Total:
\n Deposit:
\n *does not include tax or tip\n
\n\n Deposit:
\n *does not include tax or tip\n
\n
\n","import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';\nimport { faCaretLeft, faCaretRight } from '@fortawesome/free-solid-svg-icons';\nimport { BehaviorSubject } from 'rxjs';\nimport { take } from 'rxjs/operators';\nimport { Booking, TimeslotDate } from '@unleashed/models/booking';\nimport { BookingSessionService } from '@unleashed/services/booking';\nimport { TimeslotsApiService } from '@unleashed/api/booking';\n\n@Component({\n selector: 'ua-timeslots-date',\n templateUrl: './timeslots-date.component.html',\n styleUrls: ['./timeslots-date.component.scss']\n})\nexport class TimeslotsDateComponent implements OnInit {\n\n faCaretLeft = faCaretLeft;\n faCaretRight = faCaretRight;\n\n @Output() dateChanged = new EventEmitter\n
\n\n \nBook a Birthday Party!
\n Voted BEST Place for Birthday Parties\n\n
\n\n\n\n \n
\n \n
\n - \n
- \n \n \n \n \n {{d.date | date: 'E' }} {{d.date | date: 'M/d' }}\n\n \n \n \n
\n \n
\n\n N/A\n
\n\n
\n\n\n *Prices may vary by time. Scroll to see more.\n
\n\n\n
\n\n Sorry, no times available for the selected date
\n\n
\n \n
\n \n \n \n
\n \n
\n {{slot.startTime | time | date:'shortTime'}} - {{slot.endTime | time | date:'shortTime'}}
\n\n {{this.hangoutsGrouped[slot.startTime]?.name}}\n \n \n \n
\n {{ slot.partyTheme }}
\n \n \n Only {{slot.available}} part{{slot.available > 1 ? 'ies' : 'y'}} left!\n \n
\n \n
\n\n \n
\n","import { Component, Inject, OnInit, ViewChild } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { CookieService } from 'ngx-cookie-service';\nimport { APP_OPTIONS, AppOptions } from '@unleashed/common/config';\nimport { TimerComponent } from '@unleashed/booking/components';\nimport { BookingSteps, NavigationSteps } from '@unleashed/models/booking';\nimport { AuthorizationService } from '@unleashed/services/account';\nimport { BookingSessionService } from '@unleashed/services/booking';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'ua-wrapper',\n templateUrl: './wrapper.component.html',\n styleUrls: ['./wrapper.component.scss']\n})\nexport class WrapperComponent implements OnInit {\n\n @ViewChild(TimerComponent) private timerComponent?: TimerComponent;\n cartCookieName: string;\n bookingCookieName: string;\n navSet = false;\n\n constructor(\n private route: ActivatedRoute,\n public sessionService: BookingSessionService,\n public authorizationService: AuthorizationService,\n private cookieService: CookieService,\n private router: Router,\n @Inject(APP_OPTIONS) appOptions: AppOptions\n ) {\n this.cartCookieName = appOptions.cookieName;\n this.bookingCookieName = appOptions.bookingCookieName;\n }\n ngOnInit(): void {\n const cartId = this.route.snapshot.queryParamMap.get('cartId') as string | undefined;\n const accessToken = this.route.snapshot.queryParamMap.get('token') as string | undefined;\n const hideSteps = this.route.snapshot.queryParamMap.get('hideSteps') as string | undefined;\n this.setQueryParams(hideSteps === 'true');\n if (cartId) {\n this.sessionService.initializeBooking(cartId, 7)\n .subscribe(b => {\n this.sessionService.navigateToStep(NavigationSteps.Review);\n }, err => {\n if (err.error.failureCode === 'CART1004') {\n this.navSet = true;\n this.sessionService.navigateToStep(NavigationSteps.NotFound);\n }\n });\n }\n if (accessToken) {\n this.sessionService.removeCart();\n this.authorizationService.impersonateUser(accessToken);\n }\n\n const slug = this.route.snapshot.paramMap.get('slug') as string | undefined;\n this.sessionService.setParkBySlug(slug);\n\n this.sessionService.getBooking()\n .subscribe(booking => {\n if (this.navSet) {\n return;\n }\n const cookie = this.cookieService.get(this.cartCookieName);\n const route = this.route.children ? this.route.children[0].routeConfig?.path : '';\n if (booking.cookieId && cookie) {\n const step = BookingSteps[booking.step ?? 0];\n this.navSet = true;\n if (step !== route) {\n switch (booking.step) {\n case 1: {\n this.sessionService.navigateToStep(NavigationSteps.Packages);\n break;\n }\n case 2: {\n this.sessionService.navigateToStep(NavigationSteps.TimeSlots);\n break;\n }\n case 3: {\n this.sessionService.navigateToStep(NavigationSteps.Hangouts);\n break;\n }\n case 4: {\n this.sessionService.navigateToStep(NavigationSteps.Attendees);\n break;\n }\n case 5: {\n this.sessionService.navigateToStep(NavigationSteps.AddOns);\n break;\n }\n case 6: {\n this.sessionService.navigateToStep(NavigationSteps.Review);\n break;\n }\n case 7: {\n this.sessionService.navigateToStep(NavigationSteps.Checkout);\n break;\n }\n default: {\n this.sessionService.navigateToStep(NavigationSteps.Start);\n break;\n }\n }\n }\n } else {\n if (route !== NavigationSteps.Start && route !== NavigationSteps.NotFound) {\n this.sessionService.navigateToStep(NavigationSteps.Start);\n }\n\n if (!cookie) {\n this.navSet = true;\n }\n\n let bookingId = this.route.snapshot.queryParamMap.get('bookingId') as string | undefined;\n bookingId ??= this.cookieService.get(this.bookingCookieName);\n if (bookingId) {\n this.sessionService.setBookingCookie(bookingId);\n this.sessionService.navigateToStep(NavigationSteps.Confirmation);\n }\n }\n });\n }\n\n goToStart(): void {\n this.timerComponent?.goToStart();\n }\n\n extendTime(): void {\n this.timerComponent?.extendTime();\n }\n\n setQueryParams(hideSteps: boolean = false): void {\n if (this.router.url.includes('start')) {\n localStorage.setItem('bookingQueries', JSON.stringify(this.route.snapshot.queryParamMap));\n } else if (hideSteps) {\n localStorage.setItem('bookingQueries', '{\"params\":{\"hideSteps\":\"true\"}}');\n }\n }\n}\n","\n \n
\n\n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { DisplayValidationErrorsModule } from '../display-validation-errors/display-validation-errors.module';\nimport { LoginFormComponent } from './components';\n\n@NgModule({\n declarations: [\n LoginFormComponent\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DisplayValidationErrorsModule\n ],\n exports: [\n LoginFormComponent\n ]\n})\nexport class AccountLoginModule { }\n","export * from './login-form/login-form.component';\n","import { Component, EventEmitter, Inject, Input, OnInit, Output } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { APP_OPTIONS, AppOptions, BRAND_OPTIONS, BrandOptions } from '@unleashed/common/config';\nimport { BusyService } from '@unleashed/services/common';\nimport { AuthorizationService } from '@unleashed/services/account';\nimport { take } from 'rxjs/operators';\n\n@Component({\n selector: 'ua-login-form',\n templateUrl: './login-form.component.html',\n styleUrls: ['./login-form.component.scss']\n})\nexport class LoginFormComponent implements OnInit {\n\n logInForm: FormGroup;\n formDirty = false;\n forgotPasswordUrl: string;\n brandId: number;\n @Input() username = '';\n @Output() cancelClicked = new EventEmitter\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n\n \n
\n \n Log In\n
\n\n\n","import { Component, Inject, Input } from '@angular/core';\nimport { BookingSessionService } from '@unleashed/services/booking';\nimport { BRAND_OPTIONS, BrandOptions } from '@unleashed/common/config';\n\n@Component({\n selector: 'ua-error',\n templateUrl: './error.component.html',\n styleUrls: ['./error.component.scss']\n})\nexport class ErrorComponent {\n\n @Input() errorCode = 404;\n phoneNumber: string;\n\n constructor(\n private sessionService: BookingSessionService,\n @Inject(BRAND_OPTIONS) private brandOptions: BrandOptions\n ) {\n this.phoneNumber = brandOptions.phoneNumber;\n }\n\n}\n","\n
\n\n\n ![\"Oops\"](\"/assets/images/brand-oops.svg\")
\n
\n\n \n \n
\n\n We can't seem to find the page you are looking for.\n
\n\n
\n\n This is embarrassing, something seems to have gone wrong.\n
\n\n\n Please try refreshing the page in a few moments. If the problem persists, contact us at\n {{phoneNumber}}.\n
\n\n ![](\"/assets/logos/brand-logo-alt.svg\")
\n
\n\n\n\n Find a Location\n
\n\n\n \n
\n\nSorry, there are no locations open yet near your location. Check back soon!
\n View All Locations\n
\n","import {Component, Inject, Injectable, OnInit} from '@angular/core';\nimport {APP_OPTIONS, AppOptions, BRAND_OPTIONS, BrandOptions} from '@unleashed/common/config';\nimport {BookingSessionService} from '@unleashed/services/booking';\nimport {BookingSession} from '@unleashed/models/booking';\n\n@Injectable({\n providedIn: 'root'\n})\n@Component({\n selector: 'ua-salesforce-chat',\n templateUrl: './salesforce-chat.component.html',\n styleUrls: ['./salesforce-chat.component.scss']\n})\nexport class SalesforceChatComponent implements OnInit {\n salesForceUrl: string;\n salesForceUrlJs: string;\n salesForceBaseLiveAgentUrl: string;\n salesForceBaseLiveAgentContentUrl: string;\n salesForceLiveAgentSetupFlowUrl: string;\n salesForceKey: string;\n showChat = false;\n enrolledGLT = false;\n scriptLoaded = false;\n parkName?: string;\n session?: BookingSession;\n recursiveCheckCount = 0;\n constructor(\n @Inject(APP_OPTIONS) appOptions: AppOptions,\n @Inject(BRAND_OPTIONS) brandOptions: BrandOptions,\n private sessionService: BookingSessionService,\n ) {\n this.salesForceUrl = appOptions.salesForceUrl;\n this.salesForceBaseLiveAgentUrl = appOptions.salesForceBaseLiveAgentUrl;\n this.salesForceBaseLiveAgentContentUrl = appOptions.salesForceBaseLiveAgentContentUrl;\n this.salesForceUrlJs = appOptions.salesForceUrlJs;\n this.salesForceLiveAgentSetupFlowUrl = appOptions.salesForceLiveAgentSetupFlowUrl;\n this.salesForceKey = appOptions.salesForceKey;\n this.showChat = brandOptions.showChat;\n }\n\n ngOnInit(): void {\n // if showChat is true, then load the library this will cause the chat button to appear\n if (this.showChat) {\n // handle setting the input location\n this.sessionService.getSession()\n .subscribe(session => {\n this.session = session;\n if (this.session.park) {\n this.parkName = this.session.park.name;\n this.enrolledGLT = this.session.park.enrolledGLT;\n }\n if (!this.scriptLoaded && this.enrolledGLT) {\n this.scriptLoaded = true;\n this.loadSalesForceScript();\n }\n // don't start recursive functions unless the script is loaded\n if (this.scriptLoaded) {\n this.handleSessionChange();\n }\n });\n }\n }\n\n loadSalesForceScript(): void {\n // create a script element\n const s = document.createElement('script');\n s.setAttribute('src', this.salesForceUrlJs);\n s.onload = () => {\n this.initESW('https://service.force.com');\n this.addClickEventToButton();\n };\n // append the script to the DOM\n document.body.appendChild(s);\n }\n\n initESW(gslbBaseURL: string): void {\n // @ts-ignore\n window.embedded_svc.settings.displayHelpButton = true; // Or false\n // @ts-ignore\n window.embedded_svc.settings.language = ''; // For example, enter 'en' or 'en-US'\n\n // @ts-ignore\n window.embedded_svc.settings.enabledFeatures = ['LiveAgent'];\n // @ts-ignore\n window.embedded_svc.settings.entryFeature = 'LiveAgent';\n // @ts-ignore\n embedded_svc.init(\n this.salesForceUrl,\n this.salesForceLiveAgentSetupFlowUrl,\n gslbBaseURL,\n this.salesForceKey,\n 'Urban_Air_Chat_Agents',\n {\n baseLiveAgentContentURL: this.salesForceBaseLiveAgentContentUrl,\n deploymentId: '5725f000000DuwY',\n buttonId: '5735f000000Dvrn',\n baseLiveAgentURL: this.salesForceBaseLiveAgentUrl,\n eswLiveAgentDevName: 'Urban_Air_Chat_Agents',\n isOfflineSupportEnabled: true\n }\n );\n }\n\n // this function should only ever be called if showChat is true\n handleSessionChange(): void {\n // need to not create variables here because we don't want to recursively creat doc refs.\n if (document.querySelector\n ![\"Loading...\"](\"/assets/brand-spinner.gif\")
\n
\n\n \n
\n