;\r\n\r\n constructor(\r\n public controllers: Controllers,\r\n public routeService: Services.RouteService,\r\n public locationDetailsService: Services.LocationDetailsService,\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n this.locationName$ = this.controllers.cart.cartLocationFriendlyName$();\r\n this.collectionTypeLabel$ = this.controllers.cart.getCartCollectionType$();\r\n }\r\n\r\n public onLocationClick($event: Event): void {\r\n this.controllers.locations.openCartLocationOpenHoursModal();\r\n }\r\n\r\n}\r\n","\r\n {{value | currency}}\r\n\r\n\r\n Available\r\n {{0 | currency}}\r\n","import { Component, Input, Inject, ChangeDetectionStrategy } from '@angular/core';\r\n\r\nimport * as Tokens from '@shared/core/tokens';\r\n\r\n@Component({\r\n selector: 'shared-auth-balance-value',\r\n templateUrl: './auth-balance-value.shared.component.html',\r\n styleUrls: ['./auth-balance-value.shared.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class AuthBalanceValueComponent {\r\n @Input() public value!: number;\r\n\r\n constructor(\r\n @Inject(Tokens.CONFIG_TOKEN) public config: IConfig,\r\n ) { }\r\n\r\n public get showValue(): boolean {\r\n return this.value !== undefined ? this.config.accountCharge?.balanceDisplayThreshold > this.value : false;\r\n }\r\n}\r\n","\r\n \r\n Account Purchases\r\n Account Balance\r\n \r\n \r\n \r\n \r\n \r\n
","import { Component, OnInit } from '@angular/core';\r\n\r\nimport { Controllers } from '@shared/core/controllers';\r\nimport * as State from '@shared/state';\r\nimport { Observable } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'shared-auth-account-balance',\r\n templateUrl: './auth-account-balance.shared.component.html',\r\n styleUrls: ['./auth-account-balance.shared.component.scss']\r\n})\r\nexport class AuthAccountBalanceComponent implements OnInit {\r\n public accountBalance$: Observable;\r\n public hideAmount$: Observable;\r\n constructor(\r\n public controllers: Controllers,\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n this.accountBalance$ = this.controllers.members.getAccountBalance$();\r\n this.hideAmount$ = this.controllers.members.hideAccountBalanceAmount$();\r\n }\r\n}\r\n","\r\n \r\n {{label$ | async}}\r\n \r\n\r\n\r\n\r\n \r\n\r\n \r\n Hey {{label$ | async}},\r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n {{item?.Name}}\r\n {{item?.Counter}}\r\n \r\n \r\n\r\n \r\n\r\n \r\n {{label$ | async}}\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","import { Component, OnInit, Input, Output, EventEmitter, ChangeDetectionStrategy, Inject, ChangeDetectorRef } from '@angular/core';\r\n\r\nimport { Controllers } from '@shared/core/controllers';\r\nimport * as Services from '@shared/core/services';\r\nimport * as Tokens from '@shared/core/tokens';\r\n\r\nimport { ISubNavPage } from '@shared/core/components/subNav';\r\nimport { Observable } from 'rxjs';\r\nimport { startWith, delay } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'shared-auth-link',\r\n templateUrl: './auth-link.shared.component.html',\r\n styleUrls: ['./auth-link.shared.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class AuthLinkComponent implements OnInit {\r\n private _isDropdownOpen: boolean = false;\r\n @Input() public dropdownTheme: OLO.Components.DropDown.IDropDownTheme = 'light-2';\r\n @Input() public inverted: boolean = true;\r\n @Input() public icon: string = 'user';\r\n @Input() public dropdownWidth: OLO.Components.DROPDOWN_WIDTH;\r\n @Input() public dropdownSize: OLO.Components.DropDown.IDropDownSize;\r\n @Input() public size: OLO.Components.BUTTON_SIZE;\r\n\r\n @Output() public onDropdownToggle: EventEmitter = new EventEmitter();\r\n @Output() public onDropdownSelected: EventEmitter = new EventEmitter();\r\n\r\n public label$: Observable;\r\n public isAuthorized$: Observable;\r\n public options$: Observable;\r\n public showAccountBalance$: Observable;\r\n\r\n constructor(\r\n @Inject(Tokens.CONFIG_TOKEN) public config: IConfig,\r\n public changeDetectorRef: ChangeDetectorRef,\r\n public controllers: Controllers,\r\n public routeService: Services.RouteService,\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n if (!this.dropdownWidth) {\r\n this.dropdownWidth = 'md';\r\n this.dropdownSize = 'lg';\r\n }\r\n\r\n this.label$ = this.controllers.members.getSignInLabel$();\r\n this.isAuthorized$ = this.controllers.members.isAuthorized$();\r\n this.showAccountBalance$ = this.controllers.members.showAccountBalance$();\r\n this.options$ = this.controllers.routes.accountPagesForUCP$()\r\n .pipe(\r\n startWith(null),\r\n delay(0),\r\n );\r\n\r\n }\r\n\r\n public handleClick($event: Event): void {\r\n this.controllers.routes.authAction();\r\n }\r\n\r\n public dropdownToggle($event: boolean): void {\r\n this._isDropdownOpen = $event;\r\n this.onDropdownToggle.emit($event);\r\n this.changeDetectorRef.detectChanges();\r\n }\r\n\r\n public async dropdownSelected($event: OLO.Components.DropDown.IDropDownOption): Promise {\r\n this.onDropdownSelected.emit($event);\r\n this.changeDetectorRef.detectChanges();\r\n if ($event.Id === -1) {\r\n this.controllers.members.signOut('/', true);\r\n return true;\r\n }\r\n\r\n if ($event.Url) {\r\n return this.routeService.navigate([$event.Url]);\r\n }\r\n\r\n console.warn(`Error - \"Url\" property not provided for option: `, $event);\r\n }\r\n\r\n public get isExpanded(): boolean {\r\n return this._isDropdownOpen;\r\n }\r\n}\r\n","import { Component, OnInit, Input, Output, EventEmitter, HostListener } from '@angular/core';\r\n\r\nimport * as Services from '@shared/core/services';\r\nimport { Controllers } from '@shared/core/controllers';\r\n\r\nimport { Observable } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'shared-cart-button',\r\n templateUrl: './cart-button.shared.component.html',\r\n styleUrls: ['./cart-button.shared.component.scss']\r\n})\r\nexport class CartButtonComponent implements OnInit {\r\n public badgeSize: OLO.Components.BUTTON_SIZE = 'sm';\r\n public bagBtnFeel: 'secondary' | 'plain' = 'secondary';\r\n public bagBtnBadgePosition: 'tr' = null;\r\n\r\n public quantity$: Observable;\r\n @Input() public label: string = 'BAG';\r\n\r\n @Output() public onClick: EventEmitter = new EventEmitter(); /* Consumer <- shared-cart */\r\n\r\n constructor(\r\n public cartService: Services.CartService,\r\n public controllers: Controllers,\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n this.quantity$ = this.controllers.cart.cartTotalQuantity$();\r\n\r\n this._updateBagBtnFeel();\r\n }\r\n\r\n @HostListener('window:resize')\r\n private _updateBagBtnFeel(): void {\r\n setTimeout(() => {\r\n if (window.innerWidth > 767) {\r\n if (this.bagBtnFeel !== 'secondary') {\r\n this.bagBtnFeel = 'secondary';\r\n this.bagBtnBadgePosition = null;\r\n }\r\n } else {\r\n if (this.bagBtnFeel !== 'plain') {\r\n this.bagBtnFeel = 'plain';\r\n this.bagBtnBadgePosition = 'tr';\r\n }\r\n }\r\n }, 0);\r\n }\r\n\r\n public handleCartClick($event: Event): void {\r\n this.onClick.emit($event);\r\n\r\n setTimeout(() => {\r\n\r\n this.cartService.showPopup();\r\n }, 0);\r\n }\r\n}\r\n","{{label}}\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
This component requires extending
`\r\n})\r\nexport class ScaffoldComponent implements OnInit {\r\n @Input() public preContent: TemplateRef = null;\r\n @Input() public postContent: TemplateRef = null;\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void { }\r\n}\r\n","import { NgModule } from '@angular/core';\r\n\r\nimport { PickupAsapModule } from './pickupAsap';\r\nimport { PickupButtonModule } from './pickupButton';\r\nimport { PickupLabelModule } from './pickupLabel';\r\nimport { PickupLaterModule } from './pickupLater';\r\nimport { PickupNextModule } from './pickupNext';\r\n\r\nconst toExport: any[] = [\r\n PickupAsapModule,\r\n PickupButtonModule,\r\n PickupLabelModule,\r\n PickupLaterModule,\r\n PickupNextModule,\r\n];\r\n\r\n@NgModule({\r\n imports: [\r\n ...toExport,\r\n ],\r\n exports: [\r\n ...toExport,\r\n ],\r\n})\r\nexport class PickupComponentsModule { }\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { PickupButtonModule } from '../../components/pickupButton';\r\n\r\nimport { PickupForCurrentLocationComponent } from './pickup-for-current-location.shared.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n PickupForCurrentLocationComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n PickupButtonModule,\r\n ],\r\n exports: [\r\n PickupForCurrentLocationComponent\r\n ],\r\n})\r\nexport class PickupForCurrentLocationModule { }\r\n","import { NgModule } from '@angular/core';\r\n\r\nimport { PickupForCheckoutModule } from './forCheckout';\r\nimport { PickupForCurrentLocationModule } from './forCurrentLocation';\r\nimport { PickupForFilterModule } from './forFilter';\r\nimport { PickupForHeroModule } from './forHero';\r\nimport { PickupForScheduleModule } from './forSchedule';\r\nimport { PickupForScheduleMockModule } from './forScheduleMock';\r\n\r\nconst toExport: any[] = [\r\n PickupForCheckoutModule,\r\n PickupForCurrentLocationModule,\r\n PickupForFilterModule,\r\n PickupForHeroModule,\r\n PickupForScheduleModule,\r\n PickupForScheduleMockModule,\r\n];\r\n\r\n@NgModule({\r\n imports: [\r\n ...toExport\r\n ],\r\n exports: [\r\n ...toExport\r\n ],\r\n})\r\nexport class PickupTypesModule { }\r\n","import { NgModule } from '@angular/core';\r\n\r\nimport { PickupComponentsModule } from './components';\r\nimport { PickupTypesModule } from './pickupTypes';\r\n\r\nimport { PickupComponent } from './pickup.shared.component';\r\n\r\nconst modulesToExport: any[] = [\r\n PickupComponentsModule,\r\n PickupTypesModule,\r\n];\r\n\r\n@NgModule({\r\n declarations: [\r\n PickupComponent,\r\n ],\r\n imports: [\r\n ...modulesToExport,\r\n ],\r\n exports: [\r\n PickupComponent,\r\n ...modulesToExport\r\n ],\r\n})\r\nexport class PickupModule { }\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { DrawCollapseDirectiveSharedModule } from '@shared/core/directives/drawCollapse';\r\nimport { HeadersModule } from '@shared/core/components/headers';\r\nimport { ButtonsModule } from '@shared/core/components/buttons';\r\nimport { OpenStatusModule } from '@shared/core/components/openStatus';\r\nimport { DropDownModule } from '@shared/core/components/dropDown';\r\nimport { EmphasisTextModule } from '@shared/core/components/emphasisText';\r\nimport { PickupModule } from '@shared/core/components/pickup';\r\nimport { CollectionTypeToggleModule } from '@shared/core/components/collectionTypeToggle';\r\n\r\nimport { LocationsHeroHeaderComponent } from './locations-hero-header.shared.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n LocationsHeroHeaderComponent\r\n ],\r\n imports: [\r\n DrawCollapseDirectiveSharedModule,\r\n CommonModule,\r\n HeadersModule,\r\n ButtonsModule,\r\n OpenStatusModule,\r\n DropDownModule,\r\n EmphasisTextModule,\r\n PickupModule,\r\n CollectionTypeToggleModule,\r\n ],\r\n exports: [\r\n LocationsHeroHeaderComponent\r\n ],\r\n})\r\nexport class LocationsHeroHeaderModule { }\r\n","export * from './locations-hero-header.shared.module';\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { ImagePreloadDirectiveSharedModule } from '@shared/core/directives/imagePreload/image-preload.directive.shared.module';\r\n\r\nimport { PoweredByComponent } from './powered-by.shared.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n PoweredByComponent,\r\n ],\r\n imports: [\r\n CommonModule,\r\n ImagePreloadDirectiveSharedModule,\r\n ],\r\n exports: [\r\n PoweredByComponent\r\n ],\r\n providers: [],\r\n})\r\nexport class PoweredByModule { }\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { DrawCollapseDirectiveSharedModule } from '@shared/core/directives/drawCollapse/draw-collapse.directive.shared.module';\r\n\r\nimport { PoweredByModule } from '@shared/core/components/poweredBy';\r\n\r\nimport { FooterComponent } from './footer.shared.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n FooterComponent,\r\n ],\r\n imports: [\r\n CommonModule,\r\n PoweredByModule,\r\n DrawCollapseDirectiveSharedModule,\r\n ],\r\n exports: [\r\n FooterComponent,\r\n ],\r\n})\r\nexport class FooterModule {\r\n}\r\n","export * from './footer.shared.module';\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { BgOverlayComponent } from './bg-overlay.shared.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n BgOverlayComponent,\r\n ],\r\n imports: [\r\n CommonModule\r\n ],\r\n exports: [\r\n BgOverlayComponent,\r\n ],\r\n providers: [],\r\n})\r\nexport class BgOverlayModule { }\r\n","export * from './bg-overlay.shared.module';\r\n","import { Component, ChangeDetectionStrategy, Input, Output, EventEmitter } from '@angular/core';\r\nimport * as Models from '@shared/core/models';\r\n\r\n@Component({\r\n template: 'This component requires extending
',\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CollectionTypeToggleTypesComponent {\r\n @Input() public inverted: boolean = true;\r\n @Input() public items!: Array;\r\n @Input() public selected!: Models.CollectionTypeItem;\r\n @Input() public trackByFn!: (index: number, item: any) => number;\r\n @Input() public size: OLO.Components.BUTTON_SIZE = null;\r\n @Input() public feel: OLO.Components.BUTTON_FEEL | OLO.Components.BUTTON_CIRCLE_FEEL = 'secondary';\r\n\r\n @Output() public onSelected: EventEmitter<{ $event: Event; item: Models.CollectionTypeItem; }> = new EventEmitter();\r\n\r\n public handleLinkClick($event: Event, item: Models.CollectionTypeItem): void {\r\n this.onSelected.emit({\r\n $event,\r\n item\r\n });\r\n }\r\n\r\n public handleDropdownSelected(item: Models.CollectionTypeItem): void {\r\n this.onSelected.emit({\r\n $event: null,\r\n item\r\n });\r\n }\r\n\r\n private _defaultTrackerFn(index: number): number {\r\n return index;\r\n }\r\n\r\n public get trackerFn() {\r\n return this.trackByFn || this._defaultTrackerFn;\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { CartDirectivesModule } from '../../directives';\r\n\r\nimport { ButtonsModule } from '@shared/core/components/buttons';\r\nimport { BadgesModule } from '@shared/core/components/badges';\r\n\r\nimport { CartButtonComponent } from './cart-button.shared.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n CartButtonComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n ButtonsModule,\r\n BadgesModule,\r\n CartDirectivesModule,\r\n ],\r\n exports: [\r\n CartButtonComponent\r\n ],\r\n providers: [],\r\n})\r\nexport class CartButtonModule { }\r\n","export * from './cart-button.shared.module';\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { DropDownModule } from '@shared/core/components/dropDown';\r\nimport { LinkModule } from '@shared/core/components/link';\r\nimport { IconModule } from '@shared/core/components/icon';\r\nimport { ButtonsModule } from '@shared/core/components/buttons';\r\nimport { PickupLabelPipeModule } from '@shared/core/pipes/pickupLabel';\r\nimport { PickupButtonComponent } from './pickup-button.shared.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n PickupButtonComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n DropDownModule,\r\n ButtonsModule,\r\n LinkModule,\r\n IconModule,\r\n PickupLabelPipeModule,\r\n ],\r\n exports: [\r\n PickupButtonComponent\r\n ],\r\n})\r\nexport class PickupButtonModule { }\r\n","export * from './pickup-button.shared.module';\r\n","import { Component, OnInit, Input, Inject } from '@angular/core';\r\nimport * as Tokens from '@shared/core/tokens';\r\n@Component({\r\n selector: 'shared-bg-overlay',\r\n templateUrl: './bg-overlay.shared.component.html',\r\n styleUrls: ['./bg-overlay.shared.component.scss']\r\n})\r\nexport class BgOverlayComponent implements OnInit {\r\n @Input() public type: string;\r\n\r\n public isHalfAngled: boolean = false;\r\n public isFull: boolean = false;\r\n\r\n constructor(\r\n @Inject(Tokens.CONFIG_TOKEN) public config: IConfig,\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n if (!this.type) {\r\n this.type = this.config.ui && this.config.ui.heroBackground && this.config.ui.heroBackground.overlay || null;\r\n }\r\n\r\n if (this.type === 'full') {\r\n this.isFull = true;\r\n }\r\n\r\n if (this.type === 'half-angled') {\r\n this.isHalfAngled = true;\r\n }\r\n }\r\n}\r\n","","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { TruncatePipeModule } from '@shared/core/pipes/truncate';\r\nimport { LinkModule } from '@shared/core/components/link';\r\n\r\nimport { CartLocationButtonComponent } from './cart-location-button.shared.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n CartLocationButtonComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n TruncatePipeModule,\r\n LinkModule,\r\n ],\r\n exports: [\r\n CartLocationButtonComponent\r\n ],\r\n providers: [],\r\n})\r\nexport class CartLocationButtonModule { }\r\n","export * from './cart-location-button.shared.module';\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { CollectionTypeToggleModule } from '@shared/core/components/collectionTypeToggle';\r\nimport { HeadersModule } from '@shared/core/components/headers';\r\nimport { ProjectionModule } from '@shared/core/components/projection';\r\nimport { SearchFormModule } from '../../searchForm';\r\nimport { SearchForLocationsHeroComponent } from './search-for-locations-hero.shared.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n SearchForLocationsHeroComponent,\r\n ],\r\n imports: [\r\n CommonModule,\r\n CollectionTypeToggleModule,\r\n HeadersModule,\r\n SearchFormModule,\r\n ProjectionModule,\r\n ],\r\n exports: [\r\n SearchForLocationsHeroComponent\r\n ],\r\n})\r\nexport class SearchForLocationsHeroModule { }\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { BgGradientComponent } from './bg-gradient.shared.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n BgGradientComponent,\r\n ],\r\n imports: [\r\n CommonModule\r\n ],\r\n exports: [\r\n BgGradientComponent,\r\n ],\r\n providers: [],\r\n})\r\nexport class BgGradientModule { }\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { DrawCollapseDirectiveSharedModule } from '@shared/core/directives/drawCollapse/draw-collapse.directive.shared.module';\r\nimport { ImagePreloadDirectiveSharedModule } from '@shared/core/directives/imagePreload/image-preload.directive.shared.module';\r\nimport { ProjectionModule } from '@shared/core/components/projection';\r\nimport { SearchForLocationsHeroModule } from '@shared/core/components/search/searchTypes/forLocationsHero';\r\nimport { HeadersModule } from '@shared/core/components/headers';\r\nimport { PickupForHeroModule } from '@shared/core/components/pickup/pickupTypes/forHero';\r\nimport { LoyaltyHeroHeaderModule } from '@shared/core/modules/loyalty/components/loyaltyHeroHeader';\r\nimport { LocationsHeroHeaderModule } from '@shared/core/modules/locations/components/locationsHeroHeader';\r\nimport { AccountMemberHeroHeaderModule } from '@shared/core/modules/account/components/accountMemberHeroHeader';\r\nimport { OrderConfirmationHeroHeaderModule } from '@shared/core/modules/order/components/orderConfirmationHeroHeader';\r\n\r\nimport { BgOverlayModule } from '@shared/core/components/bgOverlay';\r\nimport { BgGradientModule } from '@shared/core/components/bgGradient';\r\n\r\nimport { HeroBackgroundComponent } from './hero-background.shared.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n HeroBackgroundComponent,\r\n ],\r\n imports: [\r\n CommonModule,\r\n AccountMemberHeroHeaderModule,\r\n LoyaltyHeroHeaderModule,\r\n LocationsHeroHeaderModule,\r\n ProjectionModule,\r\n HeadersModule,\r\n ImagePreloadDirectiveSharedModule,\r\n SearchForLocationsHeroModule,\r\n PickupForHeroModule,\r\n OrderConfirmationHeroHeaderModule,\r\n DrawCollapseDirectiveSharedModule,\r\n BgOverlayModule,\r\n BgGradientModule,\r\n ],\r\n exports: [\r\n HeroBackgroundComponent,\r\n ],\r\n})\r\nexport class HeroBackgroundModule { }\r\n","export * from './hero-background.shared.module';\r\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\r\n\r\nimport { CollectionTypeToggleTypesComponent } from '../collection-type-toggle-types.shared.component';\r\n\r\n@Component({\r\n selector: 'shared-collection-type-toggle-for-link-drop-down',\r\n templateUrl: './collection-type-toggle-for-link-drop-down.shared.component.html',\r\n styleUrls: ['./collection-type-toggle-for-link-drop-down.shared.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CollectionTypeToggleForLinkDropDownComponent extends CollectionTypeToggleTypesComponent {\r\n\r\n}\r\n","\r\n \r\n {{selected?.Name}}\r\n \r\n \r\n \r\n","\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { Component, OnInit, ChangeDetectionStrategy, Input } from '@angular/core';\r\n\r\nimport { Controllers } from '@shared/core/controllers';\r\nimport * as State from '@shared/state';\r\nimport * as Models from '@shared/core/models';\r\nimport * as selectors from '@shared/state/selectors';\r\nimport * as actions from '@shared/state/actions';\r\n\r\nimport { Observable } from 'rxjs';\r\nimport { Store } from '@ngrx/store';\r\nimport { withLatestFrom, take } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'shared-collection-type-toggle',\r\n templateUrl: './collection-type-toggle.shared.component.html',\r\n styleUrls: ['./collection-type-toggle.shared.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CollectionTypeToggleComponent implements OnInit {\r\n @Input() public type: OLO.Components.COLLECTION_TOGGLE_TYPES = 'inline';\r\n @Input() public inverted: boolean = true;\r\n @Input() public size: OLO.Components.BUTTON_SIZE = null;\r\n @Input() public feel: OLO.Components.BUTTON_FEEL | OLO.Components.BUTTON_CIRCLE_FEEL = 'secondary';\r\n @Input() public locationNo!: number;\r\n\r\n public items$!: Observable>;\r\n public selected$!: Observable;\r\n\r\n constructor(\r\n public controllers: Controllers,\r\n private readonly _store: Store\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n if (this.locationNo) {\r\n this.items$ = this.controllers.collectionType.collectionTypesLinksForLocation$(this.locationNo);\r\n this.selected$ = this.controllers.collectionType.collectionTypesLinksSelectedForLocation$(this.locationNo);\r\n } else {\r\n this.items$ = this.controllers.collectionType.collectionTypesLinks$();\r\n this.selected$ = this.controllers.collectionType.collectionTypesLinksSelected$();\r\n }\r\n\r\n }\r\n\r\n public handleSelectedClick(data: { $event: Event; item: Models.CollectionTypeItem; }): void {\r\n /**\r\n * Created in TOLO-1423 by Konrad\r\n * So before invoking method to set colletion type with all the logic, you just set new value without\r\n * checks from main method...\r\n * What it caused:\r\n * - on the checkout view, when you change order type from DINE IN to PICKUP TIME, the pickup order type is set without basic checks, and active order\r\n * prompt pops in but it doesn't matter any more - order type has been already changed. Conitnue button doesn't do any more what it should.\r\n *\r\n * Move your checks to this.controllers.collectionType.setCollectionType method. Keep the logic together\r\n */\r\n // this._store.select(selectors.getCartLocationNo).pipe(\r\n // take(1),\r\n // withLatestFrom(\r\n // this._store.select(selectors.getCurrentLocationNo),\r\n // )\r\n // )\r\n // .subscribe(([cartLocationNumber, currentLocationNumber]) => {\r\n // if (cartLocationNumber === currentLocationNumber || !cartLocationNumber) {\r\n // this._store.dispatch(actions.CartSetCollectionTypeid({ collectionTypeId: data.item.OrderTypeId }));\r\n // }\r\n // });\r\n\r\n this.controllers.collectionType.setCollectionType(data.item.OrderTypeId);\r\n }\r\n\r\n public trackBy(index: number, item: Models.CollectionTypeItem): number {\r\n return item?.Id || index;\r\n }\r\n}\r\n","import * as State from '@shared/state';\r\nimport { Observable } from 'rxjs';\r\nimport { take } from 'rxjs/operators';\r\n\r\nexport function getPickupMessages(config: IConfig, order$: Observable): IOrderConfirmationPage {\r\n let orderTypeId: number;\r\n\r\n order$.pipe(take(1)).subscribe(order => {\r\n orderTypeId = order.data?.OrderTypeId;\r\n });\r\n\r\n if (!config.collectionTypes?.pickup?.orderTypeIds.includes(orderTypeId)) return;\r\n const result = config.orderConfirmationPage.find(obj => obj.orderTypeIds.includes(orderTypeId));\r\n\r\n return result;\r\n}\r\n\r\nexport function getDineInTableMessages(config: IConfig): IOrderConfirmationPage {\r\n const orderTypeId = config.collectionTypes?.dineIn?.dineInTable?.orderTypeId;\r\n const result = config.orderConfirmationPage.find(obj => obj.orderTypeIds.includes(orderTypeId));\r\n\r\n return result;\r\n}\r\n\r\nexport function getDineInBuzzerMessages(config: IConfig): IOrderConfirmationPage {\r\n const orderTypeId = config.collectionTypes?.dineIn?.dineInBuzzer?.orderTypeId;\r\n const result = config.orderConfirmationPage.find(obj => obj.orderTypeIds.includes(orderTypeId));\r\n\r\n return result;\r\n\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { ButtonsModule } from '@shared/core/components/buttons';\r\nimport { IconModule } from '@shared/core/components/icon';\r\nimport { DropDownModule } from '@shared/core/components/dropDown';\r\n\r\nimport { CollectionTypeToggleForButtonDropDownComponent } from './collection-type-toggle-for-button-drop-down.shared.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n CollectionTypeToggleForButtonDropDownComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n ButtonsModule,\r\n IconModule,\r\n DropDownModule,\r\n ],\r\n exports: [\r\n CollectionTypeToggleForButtonDropDownComponent\r\n ]\r\n})\r\nexport class CollectionTypeToggleForButtonDropDownModule { }\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { LinkModule } from '@shared/core/components/link';\r\n\r\nimport { CollectionTypeToggleForInlineComponent } from './collection-type-toggle-for-inline.shared.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n CollectionTypeToggleForInlineComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n LinkModule,\r\n ],\r\n exports: [\r\n CollectionTypeToggleForInlineComponent\r\n ]\r\n})\r\nexport class CollectionTypeToggleForInlineModule { }\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { LinkModule } from '@shared/core/components/link';\r\nimport { IconModule } from '@shared/core/components/icon';\r\nimport { DropDownModule } from '@shared/core/components/dropDown';\r\n\r\nimport { CollectionTypeToggleForLinkDropDownComponent } from './collection-type-toggle-for-link-drop-down.shared.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n CollectionTypeToggleForLinkDropDownComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n LinkModule,\r\n IconModule,\r\n DropDownModule,\r\n ],\r\n exports: [\r\n CollectionTypeToggleForLinkDropDownComponent\r\n ]\r\n})\r\nexport class CollectionTypeToggleForLinkDropDownModule { }\r\n","import { NgModule } from '@angular/core';\r\n\r\nimport { CollectionTypeToggleForButtonDropDownModule } from './forButtonDropDown';\r\nimport { CollectionTypeToggleForInlineModule } from './forInline';\r\nimport { CollectionTypeToggleForLinkDropDownModule } from './forLinkDropDown';\r\n\r\nimport { CollectionTypeToggleTypesComponent } from './collection-type-toggle-types.shared.component';\r\n\r\nconst toExport: any[] = [\r\n CollectionTypeToggleForButtonDropDownModule,\r\n CollectionTypeToggleForInlineModule,\r\n CollectionTypeToggleForLinkDropDownModule,\r\n];\r\n\r\n@NgModule({\r\n declarations: [\r\n CollectionTypeToggleTypesComponent\r\n ],\r\n imports: [\r\n ...toExport\r\n ],\r\n exports: [\r\n ...toExport,\r\n CollectionTypeToggleTypesComponent,\r\n ],\r\n})\r\nexport class CollectionTypeToggleTypesModule { }\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { CollectionTypeToggleTypesModule } from './collectionTypeToggleTypes';\r\n\r\nimport { CollectionTypeToggleComponent } from './collection-type-toggle.shared.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n CollectionTypeToggleComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n CollectionTypeToggleTypesModule,\r\n ],\r\n exports: [\r\n CollectionTypeToggleComponent\r\n ]\r\n})\r\nexport class CollectionTypeToggleModule { }\r\n","export * from './collection-type-toggle.shared.component';\r\nexport * from './collection-type-toggle.shared.module';\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n\r\n//\r\n// Usage example:\r\n// \r\n//\r\n\r\n@Pipe({ name: 'nlOnWords' })\r\nexport class NlOnWordsPipe implements PipeTransform {\r\n transform(value: string, ...words: string[]): string {\r\n if (typeof value !== 'string' || !words || words.length === 0) return value;\r\n\r\n return words.reduce((acc, word) => acc.replace(word, `
${word}`), value);\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { RouterModule } from '@angular/router';\r\n\r\nimport { ImagePreloadDirectiveSharedModule } from '@shared/core/directives/imagePreload/image-preload.directive.shared.module';\r\n\r\nimport { NavBarLogoComponent } from './nav-bar-logo.shared.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n NavBarLogoComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n RouterModule,\r\n ImagePreloadDirectiveSharedModule,\r\n ],\r\n exports: [\r\n NavBarLogoComponent\r\n ],\r\n providers: [],\r\n})\r\nexport class NavBarLogoModule { }\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { AuthLinkModule } from '@shared/core/modules/auth/components/authLink';\r\nimport { ButtonsModule } from '@shared/core/components/buttons';\r\nimport { LinkModule } from '@shared/core/components/link';\r\nimport { CartButtonModule } from '@shared/core/modules/cart/components/cartButton';\r\nimport { CartLocationButtonModule } from '@shared/core/modules/cart/components/cartLocationButton';\r\nimport { CollectionTypeToggleModule } from '@shared/core/components/collectionTypeToggle';\r\n\r\nimport { NavBarUcpComponent } from './nav-bar-ucp.shared.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n NavBarUcpComponent,\r\n ],\r\n imports: [\r\n CommonModule,\r\n AuthLinkModule,\r\n ButtonsModule,\r\n LinkModule,\r\n CartButtonModule,\r\n CartLocationButtonModule,\r\n CollectionTypeToggleModule,\r\n ],\r\n exports: [\r\n NavBarUcpComponent,\r\n ],\r\n})\r\nexport class NavBarUcpModule { }\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { DrawCollapseDirectiveSharedModule } from '@shared/core/directives/drawCollapse/draw-collapse.directive.shared.module';\r\n\r\nimport { NavBarLogoModule } from './navBarLogo';\r\nimport { NavBarUcpModule } from './navBarUcp';\r\n\r\nimport { NavBarComponent } from './nav-bar.shared.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n NavBarComponent,\r\n ],\r\n imports: [\r\n CommonModule,\r\n NavBarLogoModule,\r\n NavBarUcpModule,\r\n DrawCollapseDirectiveSharedModule,\r\n ],\r\n exports: [\r\n NavBarComponent,\r\n ],\r\n providers: [],\r\n})\r\nexport class NavBarModule { }\r\n","export * from './nav-bar.shared.module';\r\n","import { Component, OnInit, ChangeDetectionStrategy, Input } from '@angular/core';\r\n\r\nimport { CollectionTypeToggleTypesComponent } from '../collection-type-toggle-types.shared.component';\r\n\r\n@Component({\r\n selector: 'shared-collection-type-toggle-for-inline',\r\n templateUrl: './collection-type-toggle-for-inline.shared.component.html',\r\n styleUrls: ['./collection-type-toggle-for-inline.shared.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CollectionTypeToggleForInlineComponent extends CollectionTypeToggleTypesComponent {\r\n}\r\n","\r\n
\r\n /
\r\n {{item.Name | uppercase}}\r\n \r\n
\r\n
\r\n\r\n
\r\n {{preHeader}}\r\n \r\n\r\n
\r\n\r\n \r\n\r\n \r\n {{ dineInTableMessages?.pageHeaderTitle[0] | insertVariableToString }}
\r\n {{ dineInTableMessages?.pageHeaderTitle[1] | insertVariableToString }}
\r\n {{ dineInTableMessages?.pageHeaderTitle[2] | insertVariableToString}}\r\n \r\n\r\n \r\n {{ dineInBuzzerMessages?.pageHeaderTitle[0] | insertVariableToString }}
\r\n {{ dineInBuzzerMessages?.pageHeaderTitle[1] | insertVariableToString }}
\r\n {{ dineInBuzzerMessages?.pageHeaderTitle[2] | insertVariableToString}}\r\n \r\n\r\n \r\n\r\n \r\n {{ pickupMessages?.pageHeaderTitle[0] | insertVariableToString }}
\r\n {{ pickupMessages?.pageHeaderTitle[1] | insertVariableToString }}
\r\n {{ pickupMessages?.pageHeaderTitle[2] | insertVariableToString }}\r\n \r\n\r\n \r\n\r\n
\r\n {{ dineInTableMessages?.pageHeaderNote | insertVariableToString }}\r\n \r\n\r\n
\r\n {{ dineInBuzzerMessages?.pageHeaderNote | insertVariableToString }}\r\n \r\n\r\n
\r\n {{ pickupMessages?.pageHeaderNote | insertVariableToString }}\r\n \r\n\r\n
\r\n Order more\r\n \r\n
\r\n
\r\n