\r\n
\r\n","import { Component, Input, ChangeDetectionStrategy } from '@angular/core';\r\n\r\nimport * as State from '@shared/state';\r\nimport { ListsComponent } from '../../lists.shared.component';\r\nimport { IOrder } from '@shared/state';\r\n\r\n@Component({\r\n selector: 'shared-list-for-order-types',\r\n templateUrl: './list-for-order-types.shared.component.html',\r\n styleUrls: ['./list-for-order-types.shared.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class ListForOrderTypesComponent extends ListsComponent {\r\n @Input() public orderTypes: State.IOrderType;\r\n\r\n constructor() {\r\n super();\r\n this.placeholders = 1;\r\n }\r\n\r\n public get isEmpty(): boolean {\r\n return !this.orderTypes || this.orderTypes?.data?.length === 0;\r\n }\r\n\r\n public trackBy(index: number, item: IOrder): number {\r\n return item?.Id || index;\r\n }\r\n}\r\n","import { Component, OnInit, Input, Inject, Optional, ViewChild, ElementRef, Renderer2, AfterViewInit } from '@angular/core';\r\n\r\nimport * as Tokens from '@shared/core/tokens';\r\n\r\n@Component({\r\n selector: 'shared-card-visualizer',\r\n templateUrl: './card-visualizer.shared.component.html',\r\n styleUrls: ['./card-visualizer.shared.component.scss']\r\n})\r\nexport class CardVisualizerComponent implements OnInit, AfterViewInit {\r\n @Input() public cardNumber: string = ``;\r\n @Input() public label: string = 'MEMBER CARD';\r\n @ViewChild('digits', { static: true }) public digitsElementRef: ElementRef;\r\n @ViewChild('card', { static: true }) public card: ElementRef;\r\n\r\n constructor(\r\n @Optional() @Inject(Tokens.CONFIG_TOKEN) public config: IConfig,\r\n @Optional() public renderer2: Renderer2,\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n if (\r\n this.config\r\n && this.config.memberCard\r\n && this.config.memberCard.maxLength\r\n && this.digitsElementRef\r\n && this.digitsElementRef.nativeElement\r\n && this.renderer2\r\n ) {\r\n // That was a bad idea... overwriting global css variables\r\n // const htmlStyles: CSSStyleDeclaration = window.getComputedStyle(document.querySelector('html'));\r\n // document.documentElement.style.setProperty('--card-visualizer-columns', `${this.config.memberCard.maxLength}`);\r\n const cols: number = this.config.memberCard.maxLength;\r\n this.renderer2.setStyle(this.digitsElementRef.nativeElement, `grid-template-columns`, `repeat(${cols + 1}, calc(100% / ${cols + 1}))`);\r\n }\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n setTimeout(() => {\r\n if (this.card?.nativeElement) {\r\n /*\r\n Safari is to dumb to calculate height dimension based on relative units like % -\r\n FR units won't work in grid-template-rows unless non-relative value is set explicitly\r\n */\r\n this.renderer2.setStyle(this.card.nativeElement, 'height', this.card.nativeElement.clientHeight + 'px');\r\n }\r\n }, 0);\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{{label}}
\r\n \r\n
\r\n {{digit}}\r\n
\r\n \r\n
","import { Component, OnInit, Input } from '@angular/core';\r\n\r\nimport { Controllers } from '@shared/core/controllers';\r\n\r\nimport * as State from '@shared/state';\r\n\r\nimport { Observable } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'shared-barcode',\r\n templateUrl: './barcode.shared.component.html',\r\n styleUrls: ['./barcode.shared.component.scss']\r\n})\r\nexport class BarcodeComponent implements OnInit {\r\n private _imgLoaded: boolean = false;\r\n\r\n @Input() public memberId: number;\r\n @Input() public barcodeType: OLO.Enums.BARCODE_SYMBOLOGY = OLO.Enums.BARCODE_SYMBOLOGY.CODE_QR;\r\n @Input() public showCardNumber: boolean = true;\r\n\r\n public cardNo$: Observable\r\n ![\"Card]()
\r\n \r\n \r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n {{labelSubmit}}\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 Scan every purchase for rewards\r\n
\r\n\r\n \r\n
\r\n","\r\n \r\n \r\n
\r\n\r\n
","import { Component, ChangeDetectionStrategy, Input, Output, EventEmitter } from '@angular/core';\r\n\r\nimport * as State from '@shared/state';\r\n\r\nimport { ListsComponent } from '../../lists.shared.component';\r\n\r\n@Component({\r\n selector: 'shared-list-for-history-order-items',\r\n templateUrl: './list-for-history-order-items.shared.component.html',\r\n styleUrls: ['./list-for-history-order-items.shared.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class ListForHistoryOrderItemsComponent extends ListsComponent {\r\n @Input() public maxOnScreenHeight: string = null;\r\n @Input() public bottomPadding: boolean = false;\r\n @Input() public orderItems: OLO.Ordering.IOnlineOrderMappedProducts;\r\n\r\n constructor() {\r\n super();\r\n }\r\n\r\n public trackBy(index: number, orderItem: APICommon.IOnlineOrderItemModel | APICommon.IOnlineOrderMenuFlowActivation): number {\r\n return orderItem?.Id || index;\r\n }\r\n\r\n}\r\n","import { Component, ChangeDetectionStrategy, OnInit, Input, ChangeDetectorRef } from '@angular/core';\r\n\r\nimport { Controllers } from '@shared/core/controllers';\r\nimport * as Utils from '@shared/core/utils';\r\n\r\nimport { TilesComponent } from '../../tiles.shared.component';\r\nimport { ILoyaltyAppTransactionMenuFlow, ILoyaltyAppTransactionProduct } from '@shared/state';\r\n\r\n@Component({\r\n selector: 'shared-tile-for-transaction-product-item',\r\n templateUrl: './tile-for-transaction-product-item.shared.component.html',\r\n styleUrls: ['./tile-for-transaction-product-item.shared.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class TileForTransactionProductItemComponent extends TilesComponent implements OnInit {\r\n public isMenuFlow: boolean = false;\r\n public title: string;\r\n public total: number;\r\n public description: string;\r\n\r\n @Input() public bottomPadding: boolean = false;\r\n @Input() public transactionItem: ILoyaltyAppTransactionProduct & ILoyaltyAppTransactionMenuFlow;\r\n\r\n constructor(\r\n public changeDetectorRef: ChangeDetectorRef,\r\n public controllers: Controllers,\r\n ) {\r\n super(changeDetectorRef, controllers);\r\n }\r\n\r\n ngOnInit(): void {\r\n this.isMenuFlow = !!this.transactionItem?.MenuFlowId;\r\n this.title = `${this.transactionItem?.Quantity || 1}x\r\n ${this.transactionItem?.CustomerFriendlyName || this.transactionItem?.POSDisplay || this.transactionItem?.MenuFlowDescription}`;\r\n this.total = this.transactionItem?.TotalGross;\r\n this.description = this.isMenuFlow ? Utils.OnlineOrders.generateDescriptionForTransactionMenuFlowActivationItem(this.transactionItem) : '';\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","import { Component, ChangeDetectionStrategy, Input } from '@angular/core';\r\n\r\nimport { ListsComponent } from '../../lists.shared.component';\r\nimport { ILoyaltyAppTransactionMenuFlow, ILoyaltyAppTransactionModel, ILoyaltyAppTransactionProduct } from '@shared/state';\r\n\r\n@Component({\r\n selector: 'shared-list-for-transaction-items',\r\n templateUrl: './list-for-transaction-items.shared.component.html',\r\n styleUrls: ['./list-for-transaction-items.shared.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class ListForTransactionItemsComponent extends ListsComponent {\r\n @Input() public maxOnScreenHeight: string = null;\r\n @Input() public bottomPadding: boolean = false;\r\n @Input() public transaction: ILoyaltyAppTransactionModel;\r\n\r\n constructor() {\r\n super();\r\n }\r\n\r\n public trackBy(index: number, item: ILoyaltyAppTransactionProduct & ILoyaltyAppTransactionMenuFlow): number {\r\n return index;\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","import { Component, OnInit, Input } from '@angular/core';\r\n\r\nimport { Controllers } from '@shared/core/controllers';\r\n\r\nimport { Observable } from 'rxjs';\r\nimport { ILoyaltyAppTransactionModel, IActivatedOrderVoucherDetails } from '@shared/state';\r\n\r\n@Component({\r\n selector: 'shared-order-full-summary',\r\n templateUrl: './order-full-summary.shared.component.html',\r\n styleUrls: ['./order-full-summary.shared.component.scss']\r\n})\r\nexport class OrderFullSummaryComponent implements OnInit {\r\n @Input() public bottomPadding: boolean = false;\r\n @Input() public maxOnScreenHeight: string = null;\r\n @Input() public paidWith: string = null;\r\n @Input() public orderId: number = null;\r\n @Input() public transactionId: number = null;\r\n\r\n public transactionDetails$: Observable\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 {{desc}}\r\n
\r\n \r\n ![\"buzzer\"\r\n]()
\r\n
\r\n\r\n \r\n ![\"tableNo\"\r\n]()
\r\n\r\n\r\n
\r\n \r\n \r\n TABLE\r\n \r\n\r\n \r\n {{tableNo}}\r\n \r\n\r\n
\r\n\r\n \r\n \r\n Start order\r\n \r\n
\r\n\r\n \r\n {{preTitle}}\r\n \r\n\r\n \r\n {{title}}\r\n \r\n\r\n \r\n \r\n
\r\n\r\n {{desc}}\r\n
\r\n \r\n \r\n Apply\r\n \r\n
\r\nCVV/CVC number\r\n
\r\n \r\n \r\n
\r\nThis component requires extending
',\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class ModalViewComponent {\r\n public scrollParentContainer: HTMLElement;\r\n public disabled: boolean = false; /* Consumer -> quantity */\r\n public remove: boolean = false; /* Consumer -> quantity */\r\n public minimumHide: boolean = true; /* Consumer -> quantity */\r\n public buttonLabel: string = 'Add to bag'; /* Add to bag, Edit item, No, thanks. Consumer -> button */\r\n public iconInsteadOfImage: boolean = false; /* Consumer -> vcard -> square-image */\r\n public size: OLO.Components.MODAL_SIZE; /* Consumer -> modal-box */\r\n public showButtonPrice: boolean = true;\r\n public minHeight: number = 0; /* Consumer -> shared-modal-content */\r\n public shadow: boolean = false; /* Consumer -> shared-modal-content */\r\n public dimmedBg: boolean = false; /* Consumer -> shared-modal-content */\r\n public fullPaddings: boolean = false; /* Consumer -> shared-modal-content */\r\n public showSubHeader: boolean = false; /* Consumer -> modal-type */\r\n public collapseHeader: boolean = false; /* Consumer -> shared-vcard */\r\n\r\n public twoColumnsAlign: OLO.Components.TWO_COLUMNS_ALIGN = 'center'; /* Consumer -> shared-two-columns */\r\n public twoColumnsAdjust: OLO.Components.TWO_COLUMNS_ADJUST; /* Consumer -> shared-two-columns */\r\n public twoColumnsMarginBottom: OLO.Components.MARGIN_SIZE = 'none'; /* Consumer -> shared-two-columns */\r\n\r\n @Input() public modalData: State.IModal;\r\n\r\n @HostListener('window:olo:modal:backdrop-click', ['$event']) public handleBackdropClick($event: Event): void {\r\n this.handleCloseClick({ event: $event, modalId: this.modalData.id });\r\n }\r\n\r\n constructor(\r\n public modalsService: Services.ModalsService,\r\n @Optional() public heightAdjustService: Services.HeightAdjustService,\r\n @Optional() public scrollService: ScrollService\r\n ) { }\r\n\r\n public close(): void {\r\n this.modalsService.close(this.modalData.id);\r\n }\r\n\r\n public handleCloseClick($event: OLO.Components.Modals.ICloseEvent): void {\r\n this.modalsService.close(this.modalData.id);\r\n }\r\n\r\n public handleScrollInit($event: HTMLElement): void {\r\n this.scrollParentContainer = $event;\r\n }\r\n\r\n public handleHeightUpdate(): void {\r\n if (this.scrollService) {\r\n\r\n if (this.scrollParentContainer) {\r\n Utils.Scroll.smoothScrollInnerElement(this.scrollParentContainer, 0, 0, 0);\r\n }\r\n setTimeout(() => {\r\n this.scrollService.requestUpdate();\r\n if (this.heightAdjustService) this.heightAdjustService.recalculateHeight(`modal-${this.modalData.id}`);\r\n }, 10);\r\n\r\n } else {\r\n setTimeout(() => {\r\n if (this.heightAdjustService) {\r\n this.heightAdjustService.recalculateHeight(`modal-${this.modalData.id}`);\r\n }\r\n }, 10);\r\n\r\n }\r\n\r\n\r\n }\r\n}\r\n","import { Component, OnInit, Input, Output, EventEmitter, ChangeDetectionStrategy, HostBinding, HostListener, OnChanges, SimpleChanges } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'shared-modal-backdrop',\r\n templateUrl: './modal-backdrop.shared.component.html',\r\n styleUrls: ['./modal-backdrop.shared.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class ModalBackdropComponent implements OnInit, OnChanges {\r\n @Input() public isVisible: boolean = false;\r\n\r\n @Output() public onClick: EventEmitter\r\n Adding items from a new store\r\n \r\n
or changing the pick-up time will start a new order,\r\n
and current order will be lost.\r\n
\r\n\r\n or changing the pick-up time will start a new order,\r\n
and current order will be lost.\r\n
\r\n \r\n Continue\r\n order \r\n \r\n\r\n \r\n Start new order\r\n \r\n \r\n\r\n
\r\n\r\n\r\n {{ modalData.params.body }}\r\n
\r\n\r\n","import { Component, OnInit, AfterViewInit } from '@angular/core';\r\n\r\nimport * as Services from '@shared/core/services';\r\n\r\nimport { ModalViewComponent } from '../modal-view.shared.component';\r\n\r\n@Component({\r\n selector: 'shared-modal-for-alert',\r\n templateUrl: './modal-for-alert.shared.component.html',\r\n styleUrls: ['./modal-for-alert.shared.component.scss'],\r\n})\r\nexport class ModalForAlertComponent extends ModalViewComponent implements OnInit, AfterViewInit {\r\n constructor(public modalsService: Services.ModalsService, public heightAdjustService: Services.HeightAdjustService) {\r\n super(modalsService, heightAdjustService, null);\r\n }\r\n\r\n ngOnInit(): void {\r\n this.size = 'xsm';\r\n this.minHeight = 50;\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n setTimeout(() => {\r\n this.handleHeightUpdate();\r\n }, 50);\r\n }\r\n}\r\n","import { Component } from '@angular/core';\r\n\r\nimport * as Services from '@shared/core/services';\r\nimport { Controllers } from '@shared/core/controllers';\r\n\r\nimport { ModalViewComponent } from '../modal-view.shared.component';\r\n\r\n@Component({\r\n selector: 'shared-modal-for-loading',\r\n templateUrl: './modal-for-loading.shared.component.html',\r\n styleUrls: ['./modal-for-loading.shared.component.scss']\r\n})\r\nexport class ModalForLoadingComponent extends ModalViewComponent {\r\n constructor(\r\n public modalsService: Services.ModalsService,\r\n public heightAdjustService: Services.HeightAdjustService,\r\n ) {\r\n super(modalsService, heightAdjustService, null);\r\n }\r\n}\r\n","\r\n
\r\n\r\n\r\n
","import { Component, ChangeDetectionStrategy, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'shared-open-hours',\r\n templateUrl: './open-hours.shared.component.html',\r\n styleUrls: ['./open-hours.shared.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class OpenHoursComponent {\r\n @Input() public currenWeekDay: number = new Date().getDay();\r\n\r\n @Input() public openHours: APICommon.LocationOrderingTimeInfoExtendedModel[] = [];\r\n\r\n public trackBy(index: number, obj: APICommon.LocationOrderingTimeInfoExtendedModel): number {\r\n return index;\r\n }\r\n}\r\n","\r\n
\r\n- \r\n
- \r\n \r\n\r\n \r\n \r\n {{open.OpeningTime | appHours}}\r\n \r\n - \r\n \r\n {{open.ClosingTime | appHours}}\r\n \r\n\r\n\r\n\r\n closed\r\n\r\n\r\n \r\n
\r\n
\r\n","import { Component, OnInit, Input, ViewChild, ElementRef } from '@angular/core';\r\n\r\nimport * as State from '@shared/state';\r\n\r\n@Component({\r\n selector: 'shared-vcard-for-wizzard',\r\n templateUrl: './vcard-for-wizzard.shared.component.html',\r\n styleUrls: ['./vcard-for-wizzard.shared.component.scss'],\r\n})\r\nexport class VcardForWizzardComponent implements OnInit {\r\n public hasContent: boolean = false;\r\n\r\n @Input() public sidePaddings: boolean = false;\r\n @Input() public title: string;\r\n @Input() public description: string;\r\n @Input() public collapsed: boolean;\r\n\r\n @Input() public icon: boolean = false; /* Consumer -> shared-square-image */\r\n @Input() public imageSrc: string; /* Consumer -> shared-square-image */\r\n @Input() public stats: OLO.Components.IStatsComponentInput; /* Consumer -> shared-stats */\r\n @Input() public tagImages: State.IDietaryTagImage[]; /* Consumer -> shared-tag-images */\r\n @Input() public loading: boolean = false; /* Consumer -> shared-header, shared-square-image */\r\n @Input() public ellipsis: boolean = true; /* Consumer -> shared-header */\r\n @Input() public headerType: OLO.Components.HEADER_TYPE = '4'; /* Consumer -> shared-header */\r\n\r\n @ViewChild('content', { static: true }) public content: ElementRef;\r\n\r\n ngOnInit(): void {\r\n if (this.content.nativeElement && this.content.nativeElement.childNodes.length) {\r\n this.hasContent = true;\r\n }\r\n }\r\n\r\n public handleImageLoaded($event: Event): void {}\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 {{title}} \r\n\r\n \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 0\">\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 Change location \r\n \r\n\r\n \r\n view menu\r\n \r\n \r\n\r\n
\r\n\r\n\r\n
","import { Component, OnInit, Output, Input, EventEmitter } from '@angular/core';\r\n\r\nimport { Controllers } from '@shared/core/controllers';\r\n\r\nimport { Observable } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'shared-auth-back',\r\n templateUrl: './auth-back.shared.component.html',\r\n styleUrls: ['./auth-back.shared.component.scss']\r\n})\r\nexport class AuthBackComponent implements OnInit {\r\n @Input() public isVisible: boolean = false;\r\n @Output() public onClick: EventEmitter\r\n
\r\n\r\n
","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'shared-confirmation',\r\n templateUrl: './confirmation.shared.component.html',\r\n styleUrls: ['./confirmation.shared.component.scss']\r\n})\r\nexport class ConfirmationComponent implements OnInit {\r\n @Input() public type: OLO.Components.HEADER_TYPE = '2';\r\n @Input() public center: boolean = true;\r\n @Input() public marginTop: OLO.Components.MARGIN_SIZE = 'lg';\r\n @Input() public marginBottom: OLO.Components.MARGIN_SIZE = 'lg';\r\n\r\n @Input() public icon: string = 'checkmark';\r\n @Input() public size: OLO.Components.INDICATOR_SIZE = 'xxxlg';\r\n @Input() public feel: OLO.Components.INDICATOR_FEEL = 'positive-full';\r\n @Input() public inverted: boolean = false;\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void { }\r\n}\r\n","\r\n \r\n \r\n\r\n
\r\n\r\n
","\r\n","import { Component, OnInit, Inject, Input, Optional, OnDestroy, ChangeDetectorRef } from '@angular/core';\r\nimport { Validators, FormBuilder } from '@angular/forms';\r\n\r\nimport { emailTakenValidator } from '@shared/core/validators/email-taken.shared.validator';\r\nimport { cellPhoneCommonValidators } from '@shared/core/validators/cell-phone.shared.validator';\r\nimport { passwordPatternValidator } from '@shared/core/validators/password-patterns.shared.validator';\r\nimport * as Utils from '@shared/core/utils';\r\nimport * as Services from '@shared/core/services';\r\nimport * as Tokens from '@shared/core/tokens';\r\nimport { Controllers } from '@shared/core/controllers';\r\n\r\nimport { FormTypesComponent } from '../form-types.shared.component';\r\nimport { ILoyaltyAppCountryAssignmentModel, IMemberModel } from '@shared/state';\r\n\r\n@Component({\r\n selector: 'shared-form-for-sign-up',\r\n templateUrl: './form-for-sign-up.shared.component.html',\r\n styleUrls: ['./form-for-sign-up.shared.component.scss']\r\n})\r\nexport class FormForSignUpComponent extends FormTypesComponent implements OnInit, OnDestroy {\r\n public countryId: number;\r\n public cellNo: string;\r\n public currCountry: ICountries;\r\n public countries: ILoyaltyAppCountryAssignmentModel[];\r\n\r\n\r\n @Input() public data: OLO.Forms.ISingUp;\r\n @Input() public member: IMemberModel;\r\n @Input() public cellNumber: string; /* This value is in format countryId:phoneNO, i.e. 1:13423423 */\r\n\r\n constructor(\r\n @Inject(Tokens.CONFIG_TOKEN) public config: IConfig,\r\n public formBuilder: FormBuilder,\r\n public membersService: Services.MembersService,\r\n public controllers: Controllers,\r\n @Optional() public formsService: Services.FormsService,\r\n @Optional() public changeDetectorRef: ChangeDetectorRef,\r\n ) {\r\n super(config, formBuilder);\r\n\r\n this.formName = 'sign-up';\r\n }\r\n\r\n ngOnInit(): void {\r\n this.loading$ = this.controllers.members.signUpInitStatus$();\r\n this.currCountry = this.config.localization.country;\r\n if (!this.cellNumber && this.member && this.member.MobilePhone) {\r\n this.cellNumber = this.member.MobilePhone;\r\n }\r\n\r\n this.controllers.appSettings.appGetCounrtries$().subscribe((countries) => {\r\n this.countries = countries;\r\n\r\n if (this.cellNumber) {\r\n if (this.cellNumber.charAt(0) !== '+' && this.cellNumber.includes(':')) {\r\n this.cellNumber.split(':').forEach((str, index) => {\r\n if (!index) {\r\n this.countryId = +str;\r\n } else {\r\n this.cellNo = str;\r\n }\r\n });\r\n } else {\r\n const mobileExtracted = Utils.MobilePhone.extractPhoneValues(this.currCountry, this.countries, this.cellNumber);\r\n\r\n this.cellNo = mobileExtracted.raw;\r\n if (!mobileExtracted.prefix) {\r\n const country: ILoyaltyAppCountryAssignmentModel = this.countries && this.countries .find(obj => obj.Code === this.currCountry);\r\n if (country) {\r\n this.countryId = country.Id;\r\n }\r\n } else {\r\n this.countryId = mobileExtracted.countryPrefixId;\r\n }\r\n }\r\n }\r\n\r\n this.formControl = this.formBuilder.group({\r\n name: [\r\n { value: '', disabled: false },\r\n [\r\n Validators.required,\r\n Validators.maxLength(50)\r\n ]\r\n ],\r\n email: [\r\n { value: '', disabled: false },\r\n {\r\n validators: Validators.compose([\r\n Validators.required,\r\n Validators.email\r\n ]),\r\n asyncValidators: Validators.composeAsync([\r\n emailTakenValidator(this.membersService),\r\n ]),\r\n }\r\n ],\r\n countryPrefix: [\r\n { value: this.countryId || (this.countries && this.countries.length && this.countries[0].Id) || '', disabled: false }\r\n ],\r\n cellNumber: [\r\n { value: this.cellNo || '', disabled: false },\r\n {\r\n validators: Validators.compose(\r\n cellPhoneCommonValidators(this.countries)\r\n ),\r\n },\r\n ],\r\n memberCard: [\r\n { value: this.member && this.member.MemberCardNumber || null, disabled: true }\r\n ],\r\n password: [\r\n { value: '', disabled: false },\r\n [\r\n Validators.required,\r\n passwordPatternValidator(this.config.passwordRules),\r\n ]\r\n ],\r\n receivePromo: [\r\n { value: true, disabled: false }\r\n ]\r\n });\r\n\r\n if (this.cellNo) {\r\n this.formControl.controls.cellNumber.disable();\r\n this.formControl.controls.cellNumber.markAsDirty();\r\n this.formControl.controls.cellNumber.markAsTouched();\r\n\r\n if (this.countryId) {\r\n this.formControl.controls.countryPrefix.disable();\r\n this.formControl.controls.countryPrefix.markAsDirty();\r\n this.formControl.controls.countryPrefix.markAsTouched();\r\n }\r\n }\r\n\r\n if (this.formName && this.detachFormSubmitControls && this.formsService) {\r\n console.warn(`Form submit controls are detached from form: ${this.formName}`);\r\n this.formsService.register(this.formName, this.formControl);\r\n }\r\n });\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (this.formName && this.detachFormSubmitControls && this.formsService) {\r\n this.formsService.unregister(this.formName);\r\n }\r\n }\r\n\r\n public handleFormSubmit($event: Event): void {\r\n const formValues = this.getFormValues();\r\n const country: ILoyaltyAppCountryAssignmentModel = this.countries && this.countries.find(c => c.Id === +formValues.countryPrefix);\r\n const phonePrefix = country && country.Id || 222;\r\n\r\n const rawModel: IMemberModel = {\r\n MemberName: formValues.name,\r\n Email: formValues.email,\r\n ReceivePromoAllowed: formValues.receivePromo,\r\n MobilePhone: formValues.cellNumber,\r\n CardNumber: formValues.memberCard,\r\n Password: formValues.password,\r\n MemberGroupId: this.config.defaultMemberGroupId || null,\r\n MobilePhoneCountryId: phonePrefix\r\n };\r\n\r\n this.controllers.members.signUpInit(rawModel);\r\n }\r\n\r\n public handleErrorButtonClick($event: Event): void {\r\n this.controllers.members.resetMemberDataFields();\r\n this.controllers.members.setAuthStep();\r\n }\r\n}\r\n","\r\n {{label}} \r\n {{terms}}\r\n &\r\n {{privacyPolicy}}\r\n
\r\n\r\n Please enter the 4 digit code below to confirm.\r\n
\r\n
","import { Component, OnInit, Input, AfterViewInit, OnDestroy, Output, EventEmitter } from '@angular/core';\r\n\r\nimport * as Services from '@shared/core/services';\r\nimport * as State from '@shared/state';\r\nimport { Controllers } from '@shared/core/controllers';\r\n\r\n// import { ScrollService } from '@shared/core/directives';\r\n\r\nimport { Observable, Subscription } from 'rxjs';\r\nimport { take } from 'rxjs/operators';\r\nimport * as selectors from '@shared/state/selectors';\r\nimport { Store, select } from '@ngrx/store';\r\n\r\n@Component({\r\n selector: 'shared-auth',\r\n templateUrl: './auth.shared.component.html',\r\n styleUrls: ['./auth.shared.component.scss']\r\n})\r\nexport class AuthComponent implements OnInit, AfterViewInit, OnDestroy {\r\n @Input() public locationNo: number = null;\r\n @Input() public memberId: number = null;\r\n @Input() public orderId: number = null;\r\n @Input() public modalData: State.IModal = null;\r\n\r\n @Output() public onUpdate: EventEmitter\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\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\nThis component requires extending
'\r\n})\r\nexport class WizzardTypeComponent implements OnInit {\r\n @Input() public type: State.MODAL_TYPE;\r\n @Input() public locationNo: number;\r\n @Input() public menuFlowId: number;\r\n @Input() public quantityMobile: boolean = true; /* Consumer -> wizzard-quantity - visible on mobile */\r\n @Input() public quantityDesktop: boolean = false; /* Consumer -> wizzard-quantity - visible on desktop */\r\n @Input() public showDisclaimer: boolean = true;\r\n\r\n public menuFlowDetails$: Observable 0\">\r\n
","import { Component, OnInit, ChangeDetectionStrategy, Input } from '@angular/core';\r\n\r\nimport * as Services from '@shared/core/services';\r\nimport * as State from '@shared/state';\r\nimport { Controllers } from '@shared/core/controllers';\r\n\r\nimport { Observable } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'shared-wizzard-errors',\r\n templateUrl: './wizzard-errors.shared.component.html',\r\n styleUrls: ['./wizzard-errors.shared.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class WizzardErrorsComponent implements OnInit {\r\n @Input() public limit: number;\r\n\r\n public errors$: Observable\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 {{error}}\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, Input, ChangeDetectionStrategy } from '@angular/core';\r\n\r\nimport { ThumbsComponent } from '../../thumbs.shared.component';\r\n\r\n@Component({\r\n selector: 'shared-thumb-for-wizzard-product',\r\n templateUrl: './thumb-for-wizzard-product.shared.component.html',\r\n styleUrls: ['./thumb-for-wizzard-product.shared.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class ThumbForWizzardProductComponent extends ThumbsComponent {\r\n @Input() public width: number = 150;\r\n @Input() public height: number = 150;\r\n}\r\n","import { Component, OnInit, Input, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'shared-quick-selector',\r\n templateUrl: './quick-selector.shared.component.html',\r\n styleUrls: ['./quick-selector.shared.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class QuickSelectorComponent implements OnInit {\r\n private _isOpen: boolean = false;\r\n @Input() public defaultLabel: string = 'select';\r\n @Input() public selected: OLO.Components.DropDown.IDropDownOption;\r\n @Input() public options: OLO.Components.DropDown.IDropDownOption[];\r\n\r\n @Output() public onSelected: EventEmitter\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 {{title | wordsFirstLetter:1}}\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, ChangeDetectorRef, Input, Inject, OnInit, ChangeDetectionStrategy } from '@angular/core';\r\n\r\nimport * as State from '@shared/state';\r\nimport * as Tokens from '@shared/core/tokens';\r\nimport { Controllers } from '@shared/core/controllers';\r\n\r\nimport { TilesComponent } from '../../tiles.shared.component';\r\n\r\nimport { Observable } from 'rxjs';\r\nimport { IMenuFlowPage } from '@shared/state';\r\n\r\n@Component({\r\n selector: 'shared-tile-for-wizzard',\r\n templateUrl: './tile-for-wizzard.shared.component.html',\r\n styleUrls: ['./tile-for-wizzard.shared.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class TileForWizzardComponent extends TilesComponent implements OnInit {\r\n public isOneAllowed: boolean = false;\r\n public isAvailable: boolean = false;\r\n public canUseModifiers!: boolean;\r\n\r\n @Input() public indicatorFeel: OLO.Components.INDICATOR_FEEL = 'positive-full';\r\n @Input() public indicatorSize: OLO.Components.BUTTON_SIZE = 'sm';\r\n @Input() public wizzardProduct: APICommon.IMenuFlowProduct;\r\n @Input() public page: IMenuFlowPage;\r\n\r\n public ingredientOptions$: Observable\r\n\r\n \r\n 0\"\r\n class=\"tile-for-wizzard__ingredient-selector\" (onSelected)=\"onIngredientSelected($event)\"\r\n [selected]=\"(ingredientSelected$ | async)\" [options]=\"ingredientOptions$ | 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 +{{nextPriceForProduct$ | async | currency : config.localization.currency:'symbol-narrow':null: config.localization.locale}}
\r\n\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n {{wizzardProduct?.ProductName}}
\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 Unavailable\r\n
\r\n \r\n Add\r\n +{{nextPriceForProduct$ | async | currency}}\r\n
\r\n\r\n \r\n Remove\r\n
\r\n\r\n \r\n
","import { Component, ChangeDetectionStrategy, Input } from '@angular/core';\r\nimport { ListsComponent } from '../../lists.shared.component';\r\nimport { IMenuFlowPage } from '@shared/state';\r\n\r\n@Component({\r\n selector: 'shared-list-for-wizzard-products',\r\n templateUrl: './list-for-wizzard-products.shared.component.html',\r\n styleUrls: ['./list-for-wizzard-products.shared.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class ListForWizzardProductsComponent extends ListsComponent {\r\n @Input() public menuFlowProducts: APICommon.IMenuFlowProduct[];\r\n @Input() public menuFlowPage: IMenuFlowPage;\r\n\r\n constructor() {\r\n super();\r\n }\r\n\r\n public menuFlowProductsTrackBy(index: number, item: APICommon.IMenuFlowProduct): number {\r\n return item?.PageProductIdentifier;\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
","import { Component, OnInit, Input, ChangeDetectionStrategy } 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\nimport { IMenuFlowPage } from '@shared/state';\r\n\r\n@Component({\r\n selector: 'shared-wizzard-hints',\r\n templateUrl: './wizzard-hints.shared.component.html',\r\n styleUrls: ['./wizzard-hints.shared.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class WizzardHintsComponent implements OnInit {\r\n public hasError$: Observable\r\n\r\n
\r\n\r\n {{labelAdd}}\r\n {{page.PageMaxQuantity}}\r\n
\r\n\r\n \r\n {{wizzardPageTotalQuantity$ | async}}\r\n /\r\n {{page.PageMaxQuantity}}\r\n
\r\n\r\n \r\n {{labelSelect}}\r\n {{page.PageMinQuantity}}\r\n
\r\n\r\n \r\n
","import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'shared-special-instructions',\r\n templateUrl: './special-instructions.shared.component.html',\r\n styleUrls: ['./special-instructions.shared.component.scss']\r\n})\r\nexport class SpecialInstructionsComponent implements OnInit {\r\n @Input() public headerPaddingTop: OLO.Components.MARGIN_SIZE = 'lg';\r\n @Input() public headerPaddingBottom: OLO.Components.MARGIN_SIZE = 'lg';\r\n @Input() public headerMarginTop: OLO.Components.MARGIN_SIZE = 'none';\r\n @Input() public headerMarginBottom: OLO.Components.MARGIN_SIZE = 'none';\r\n @Input() public isExpanded: boolean = false;\r\n @Input() public value: string = '';\r\n @Input() public placeholder: string = 'Write a message / note for the kitchen here';\r\n\r\n @Output() public onChange: EventEmitter\r\n\r\n \r\n + \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n Add special instructions\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, OnDestroy, Input, ChangeDetectorRef, ElementRef } from '@angular/core';\r\n\r\nimport * as Services from '@shared/core/services';\r\nimport { Controllers } from '@shared/core/controllers';\r\nimport { WizzardCollapseService } from '../../wizzard-collapse.service';\r\n\r\nimport { Observable, Subscription, of } from 'rxjs';\r\nimport { filter, skip, combineLatest, map, auditTime, withLatestFrom } from 'rxjs/operators';\r\nimport { IMenuFlowPage } from '@shared/state';\r\n\r\n@Component({\r\n selector: 'shared-wizzard-collapse-page',\r\n templateUrl: './wizzard-collapse-page.shared.component.html',\r\n styleUrls: ['./wizzard-collapse-page.shared.component.scss'],\r\n})\r\nexport class WizzardCollapsePageComponent implements OnInit, OnDestroy {\r\n public isExpanded: boolean = false;\r\n public hasCollapsed: boolean = false;\r\n public isOptional: boolean = false;\r\n\r\n @Input() public headerPaddingTop: OLO.Components.MARGIN_SIZE = 'lg';\r\n @Input() public headerPaddingBottom: OLO.Components.MARGIN_SIZE = 'lg';\r\n @Input() public menuFlowPage: IMenuFlowPage;\r\n @Input() public index: number;\r\n @Input() public isFixedOpen: boolean = false;\r\n @Input() public badgeSize: OLO.Components.BUTTON_SIZE = 'sm';\r\n\r\n public isComplete$: Observable\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 {{index + 1}} \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 {{headerPrefixTitle$ | async}}\r\n \r\n\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n","import { Component, OnInit, Input, ChangeDetectionStrategy, OnDestroy } from '@angular/core';\r\nimport { IMenuFlowPage } from '@shared/state';\r\n\r\nimport { WizzardCollapseService } from './wizzard-collapse.service';\r\n\r\n@Component({\r\n selector: 'shared-wizzard-collapse',\r\n templateUrl: './wizzard-collapse.shared.component.html',\r\n styleUrls: ['./wizzard-collapse.shared.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class WizzardCollapseComponent implements OnInit, OnDestroy {\r\n @Input() public menuFlowPages: IMenuFlowPage[];\r\n\r\n constructor(\r\n private _wizzardCollapseService: WizzardCollapseService,\r\n ) { }\r\n\r\n ngOnInit(): void { }\r\n\r\n ngOnDestroy(): void {\r\n this._wizzardCollapseService.destroy();\r\n }\r\n\r\n public trackBy(page: IMenuFlowPage, index: number): number {\r\n return page?.PageIdentifier || index;\r\n }\r\n}\r\n","\r\n \r\n\r\n \r\n
\r\n\r\n
","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'shared-wizzards',\r\n templateUrl: './wizzards.shared.component.html',\r\n styleUrls: ['./wizzards.shared.component.scss']\r\n})\r\nexport class WizzardsComponent implements OnInit {\r\n @Input() public type: OLO.Components.WIZZARD_TYPE;\r\n @Input() public locationNo: number; /* Consumer -> shared-wizzard-typeXXX */\r\n @Input() public menuFlowId: number; /* Consumer -> shared-wizzard-typeXXX */\r\n @Input() public showDisclaimer: boolean = true;\r\n constructor() { }\r\n\r\n ngOnInit(): void { }\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 WIZZARD NOT SUPPORTED [{{type}}]\r\n \r\n\r\n \r\n
\r\n\r\n
\r\n","import { Component, OnInit, Input, Output, EventEmitter, Inject } from '@angular/core';\r\nimport * as Tokens from '@shared/core/tokens';\r\n\r\n@Component({\r\n selector: 'shared-modal-item-actions',\r\n templateUrl: './modal-item-actions.shared.component.html',\r\n styleUrls: ['./modal-item-actions.shared.component.scss']\r\n})\r\nexport class ModalItemActionsComponent implements OnInit {\r\n @Input() public isCtaVisible: boolean = true;\r\n @Input() public isQuantityVisible: boolean = true;\r\n\r\n @Input() public quantity: number; /* Consumer -> quantity */\r\n @Input() public disabled: boolean = false; /* Consumer -> quantity */\r\n @Input() public max: number = 9999; /* Consumer -> quantity */\r\n @Input() public remove: boolean = false; /* Consumer -> quantity */\r\n @Input() public minimumHide: boolean = true; /* Consumer -> quantity */\r\n @Input() public size: OLO.Components.BUTTON_SIZE = 'lg'; /* Consumer -> shared-btn, shared-quantity */\r\n @Input() public empty: boolean = false;\r\n\r\n @Input() public buttonLabel: string; /* Add to bag, Edit item, No, thanks. Consumer -> button */\r\n @Input() public buttonPrice: number = null /* $0.00. Consumer -> button */;\r\n\r\n @Input() public twoColumnsAlign: OLO.Components.TWO_COLUMNS_ALIGN = 'center'; /* Consumer -> shared-two-columns */\r\n @Input() public twoColumnsAdjust: OLO.Components.TWO_COLUMNS_ADJUST; /* Consumer -> shared-two-columns */\r\n @Input() public twoColumnsMarginBottom: OLO.Components.MARGIN_SIZE = 'none'; /* Consumer -> shared-two-columns */\r\n @Input() public twoColumnsMobileLeft: boolean = false; /* Consumer -> shared-two-columns */\r\n @Input() public twoColumnsMobileRight: boolean = true; /* Consumer -> shared-two-columns */\r\n\r\n @Output() public onDecrement: EventEmitter\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 {{buttonLabel}}\r\n -\r\n {{buttonPrice | currency : config.localization.currency:'symbol-narrow':null: config.localization.locale}}\r\n \r\n \r\n\r\n
\r\n \r\n
","import { Component, OnChanges, SimpleChanges, Renderer2, Input, Output, EventEmitter, ChangeDetectionStrategy, AfterViewInit, ViewChild, ElementRef } from '@angular/core';\r\n\r\nimport * as State from '@shared/state';\r\nimport { IMenuFlowPage } from '@shared/state';\r\n\r\n@Component({\r\n selector: 'shared-wizzard-sub-nav',\r\n templateUrl: './wizzard-sub-nav.shared.component.html',\r\n styleUrls: ['./wizzard-sub-nav.shared.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class WizzardSubNavComponent implements AfterViewInit, OnChanges {\r\n private _init: boolean = false;\r\n\r\n @Input() public activePageIdentifier: number = null;\r\n @Input() public menuFlowPages: IMenuFlowPage[] | State.IWizzardMenuFlowPage[];\r\n @Output() public onClick: EventEmitter\r\n
\r\n- \r\n
\r\n
\r\n","import { Component, OnInit, Input } from '@angular/core';\r\n\r\nimport * as State from '@shared/state';\r\n\r\n@Component({\r\n selector: 'shared-vcard-for-order',\r\n templateUrl: './vcard-for-order.shared.component.html',\r\n styleUrls: ['./vcard-for-order.shared.component.scss']\r\n})\r\nexport class VcardForOrderComponent implements OnInit {\r\n @Input() public sidePaddings: boolean = false;\r\n\r\n @Input() public preTitle: string = 'ORDER DETAILS';\r\n @Input() public preTitleType: OLO.Components.HEADER_TYPE = '5';\r\n @Input() public preTitleMarginTop: OLO.Components.MARGIN_SIZE = 'none';\r\n @Input() public preTitleMarginBottom: OLO.Components.MARGIN_SIZE = 'xs';\r\n @Input() public titleType: OLO.Components.HEADER_TYPE = '4';\r\n @Input() public titleMarginTop: OLO.Components.MARGIN_SIZE = 'none';\r\n @Input() public titleMarginBottom: OLO.Components.MARGIN_SIZE = 'xs';\r\n\r\n @Input() public description: string;\r\n @Input() public orderId: number;\r\n @Input() public showOrderId: boolean = false;\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void { }\r\n}\r\n","\r\n\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n {{preTitle}} \r\n\r\n \r\n \r\n\r\n
\r\n\r\n \r\n {{description}}\r\n
\r\n {{locationName$ | async}}
{{locationName$ | async}}
\r\n
\r\n","\r\n \r\n \r\n
\r\n\r\n
","import { Component, ChangeDetectionStrategy, Input, Output, EventEmitter } from '@angular/core';\r\n\r\nimport * as State from '@shared/state';\r\n\r\nimport { ListsComponent } from '../../lists.shared.component';\r\n\r\n@Component({\r\n selector: 'shared-list-for-reorder-items',\r\n templateUrl: './list-for-reorder-items.shared.component.html',\r\n styleUrls: ['./list-for-reorder-items.shared.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class ListForReorderItemsComponent extends ListsComponent {\r\n @Input() public maxOnScreenHeight: string = null;\r\n @Input() public bottomPadding: boolean = true;\r\n @Input() public reorderItems: Array\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","import { Component, OnInit, Input } from '@angular/core';\r\n\r\nimport * as State from '@shared/state';\r\n\r\n@Component({\r\n selector: 'shared-vcard-for-common',\r\n templateUrl: './vcard-for-common.shared.component.html',\r\n styleUrls: ['./vcard-for-common.shared.component.scss']\r\n})\r\nexport class VcardForCommonComponent implements OnInit {\r\n @Input() public sidePaddings: boolean = false;\r\n\r\n @Input() public preTitle: string = '';\r\n @Input() public preTitleType: OLO.Components.HEADER_TYPE = '5';\r\n @Input() public preTitleMarginTop: OLO.Components.MARGIN_SIZE = 'none';\r\n @Input() public preTitleMarginBottom: OLO.Components.MARGIN_SIZE = 'xs';\r\n @Input() public titleType: OLO.Components.HEADER_TYPE = '3';\r\n @Input() public titleMarginTop: OLO.Components.MARGIN_SIZE = 'none';\r\n @Input() public titleMarginBottom: OLO.Components.MARGIN_SIZE = 'xs';\r\n\r\n @Input() public description: string;\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void { }\r\n}\r\n","\r\n\r\n
\r\n\r\n \r\n {{preTitle}} \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 \r\n \r\n\r\n \r\n \r\n\r\n
\r\n\r\n\r\n
\r\n\r\n 1\"\r\n [defaultSelected]=\"(selectedCollectionType$ | async)?.Id\" type=\"select\"\r\n [selectOptions]=\"collectionTypesLinks$ | async\" (onSelectChange)=\"handleCollectionTypeChange($event)\">\r\n \r\n\r\n \r\n \r\n
\r\n\r\n\r\n \r\n {{buttonDynamicLabel}}\r\n \r\n
\r\n\r\n Is available for this location\r\n
\r\n \r\n Check address\r\n \r\n
\r\n\r\n The selected address is outside of the
\r\n delivery area of the selected location.
\r\n Don’t worry you can still order pick up!
\r\n\r\nTry another address \r\n
\r\n\r\n \r\n delivery area of the selected location.
\r\n Don’t worry you can still order pick up!
\r\n\r\n
\r\n \r\n \r\n View other stores\r\n \r\n \r\n\r\n \r\n \r\n Pick up instead\r\n \r\n \r\n\r\n
\r\n\r\ndelete your profile?\r\n
\r\n You cannot undo this action. So please
think twice before hitting that delete button!
\r\n\r\n\r\n Contact us\r\n \r\n
\r\n\r\n think twice before hitting that delete button!
\r\n\r\n
\r\n \r\n \r\n No way!\r\n \r\n \r\n\r\n \r\n \r\n Delete Profile\r\n \r\n \r\n\r\n
\r\n Your profile was deleted.\r\n
\r\n Please get in thouch if you need any further assistance
\r\n\r\n\r\n Contact us\r\n \r\n
\r\n \r\n\r\n
\r\n No modal defined for type: {{modal.type}}\r\n
\r\n \r\n
","\r\n
\r\n\r\n
","import { Component, Input, TemplateRef } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'shared-auth-header',\r\n templateUrl: './auth-header.shared.component.html',\r\n styleUrls: ['./auth-header.shared.component.scss']\r\n})\r\nexport class AuthHeaderComponent {\r\n @Input() public preHeader!: TemplateRef\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\nThis component requires extending
',\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class ModalTypeComponent {\r\n @Input() public shadow!: boolean;\r\n @Input() public shadowBottom!: boolean;\r\n @Input() public shadowTop!: boolean;\r\n @Input() public isTopVisible: boolean = true;\r\n @Input() public header: TemplateRef\r\n
","import { Component, ChangeDetectionStrategy } from '@angular/core';\r\n\r\nimport { Controllers } from '@shared/core/controllers';\r\n\r\nimport { AuthTypeComponent } from '../auth-type.shared.component';\r\n\r\n@Component({\r\n selector: 'shared-auth-for-birthday-rewards',\r\n templateUrl: './auth-for-birthday-rewards.shared.component.html',\r\n styleUrls: ['./auth-for-birthday-rewards.shared.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class AuthForBirthdayRewardsComponent extends AuthTypeComponent {\r\n constructor(\r\n public controllers: Controllers,\r\n ) {\r\n super(controllers);\r\n }\r\n}\r\n","\r\n
\r\nThis component requires extending
`,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class AuthTypeComponent {\r\n @Input() public modalData: State.IModal = null;\r\n\r\n constructor(\r\n public controllers: Controllers,\r\n ) { }\r\n}\r\n","\r\n\r\n\r\n","import { Component, OnInit, OnChanges, Input, SimpleChanges, Renderer2, ElementRef, Output, EventEmitter } from '@angular/core';\r\n\r\nimport * as State from '@shared/state';\r\n\r\n@Component({\r\n selector: 'shared-modal-content',\r\n templateUrl: './modal-content.shared.component.html',\r\n styleUrls: ['./modal-content.shared.component.scss']\r\n})\r\nexport class ModalContentComponent implements OnInit, OnChanges {\r\n @Input() public shadow!: boolean;\r\n @Input() public shadowBottom!: boolean;\r\n @Input() public shadowTop!: boolean;\r\n @Input() public modalData: State.IModal;\r\n @Input() public center: boolean = false;\r\n @Input() public verticalAlign: OLO.Components.ALIGN_V = 'centerV';\r\n @Input() public minHeight: number = 0;\r\n @Input() public dynamicHeight: boolean = false;\r\n @Input() public dimmedBg: boolean = false;\r\n @Input() public fullPaddings: boolean = false;\r\n\r\n @Output() public onScrollInit: EventEmitter\r\n
","//\r\n// Will add additional elements to calculate target's height.\r\n// Can be attached to multiple items\r\n//\r\nimport { Directive, Input, OnInit, OnDestroy, ElementRef } from '@angular/core';\r\n\r\n\r\nimport { HeightAdjustService } from './height-adjust.shared.service';\r\n\r\n@Directive({\r\n selector: '[directive-height-offset]',\r\n})\r\nexport class HeightOffsetDirective implements OnInit, OnDestroy {\r\n private _init: boolean = false;\r\n private _elem: HTMLElement;\r\n\r\n @Input() public targetId: string;\r\n\r\n constructor(\r\n private _elementRef: ElementRef,\r\n private _heightAdjustService: HeightAdjustService,\r\n ) {\r\n\r\n }\r\n\r\n ngOnInit(): void {\r\n this._elem = this._elementRef.nativeElement;\r\n\r\n if (!this.targetId) return console.warn('[targetId] in directive [directive-height-offset] is not provided. Element: ', this._elem);\r\n\r\n this._init = true;\r\n\r\n this._heightAdjustService.addOffsetElement(this.targetId, this._elem);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (!this._init) return;\r\n\r\n this._heightAdjustService.removeOffsetElement(this.targetId, this._elem);\r\n }\r\n}\r\n","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'shared-modal-header',\r\n templateUrl: './modal-header.shared.component.html',\r\n styleUrls: ['./modal-header.shared.component.scss']\r\n})\r\nexport class ModalHeaderComponent implements OnInit {\r\n @Input() public borderBottom: boolean = true;\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void { }\r\n}\r\n","\r\n
\r\n\r\n
","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'shared-modal-sub-header',\r\n templateUrl: './modal-sub-header.shared.component.html',\r\n styleUrls: ['./modal-sub-header.shared.component.scss']\r\n})\r\nexport class ModalSubHeaderComponent implements OnInit {\r\n @Input() public borderBottom: boolean = true;\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void { }\r\n}\r\n","\r\n
\r\n\r\n
","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'shared-modal-footer',\r\n templateUrl: './modal-footer.shared.component.html',\r\n styleUrls: ['./modal-footer.shared.component.scss']\r\n})\r\nexport class ModalFooterComponent {\r\n @Input() public border: boolean = false;\r\n}\r\n","","\r\n
\r\n\r\n
","//\r\n// Should be attached to two elements\r\n// Target - height will be set to this element\r\n// Source - height will be calculated based on this element and elements with directive-height-offset=\"TARGET_ID\"\r\n//\r\nimport { Directive, Input, OnInit, OnDestroy, ElementRef, AfterViewInit, HostBinding, ChangeDetectorRef } from '@angular/core';\r\n\r\nimport { HeightAdjustService } from './height-adjust.shared.service';\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Directive({\r\n selector: '[directive-height-adjust]',\r\n})\r\nexport class HeightAdjustDirective implements OnInit, AfterViewInit, OnDestroy {\r\n private _init: boolean = false;\r\n private _mode: string; /* Determine if height should be get 'source' or calculated and set 'target' */\r\n private _elem: HTMLElement;\r\n\r\n @Input() public targetId: string; /* Use one ID to identify component with height adjustment */\r\n @Input() public addHeight: number = 0; /* will be added to overall height */\r\n\r\n @HostBinding('style.height') public hostHeight: string = null;\r\n\r\n private _heightUpdateListener$: Subscription;\r\n\r\n constructor(\r\n private _elementRef: ElementRef,\r\n private _heightAdjustService: HeightAdjustService,\r\n private _changeDetectorRef: ChangeDetectorRef,\r\n ) {\r\n\r\n }\r\n\r\n ngOnInit(): void {\r\n if (!this.targetId) {\r\n return console.warn('\"targetId\" in [directive-height-adjust], and attached to element: ', this._elementRef.nativeElement, ' is not provided');\r\n }\r\n const tempMode: string = this._elementRef.nativeElement.getAttribute('directive-height-adjust');\r\n if (!tempMode || tempMode && (tempMode !== 'target' && tempMode !== 'source')) {\r\n return console.warn('\"mode\" in [directive-height-adjust], and attached to element: ', this._elementRef.nativeElement,\r\n ' is not provided. This directive should have value \"source\" or \"target\".');\r\n }\r\n\r\n this._init = true;\r\n this._mode = tempMode;\r\n this._elem = this._elementRef.nativeElement;\r\n\r\n if (this._mode === 'source') {\r\n this._heightAdjustService.setSource(this.targetId, this._elem);\r\n } else {\r\n this._heightAdjustService.setTarget(this.targetId, this._elem);\r\n\r\n this._heightUpdateListener$ = this._heightAdjustService.heightUpdate$\r\n .subscribe(height => {\r\n setTimeout(() => {\r\n this.hostHeight = (height + this.addHeight) + 'px';\r\n this._changeDetectorRef.detectChanges();\r\n }, 0);\r\n });\r\n }\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n if (!this._init) return;\r\n\r\n setTimeout(() => {\r\n this._heightAdjustService.recalculateHeight(this.targetId);\r\n }, 0);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (!this._init) return;\r\n this._heightAdjustService.removeEntry(this.targetId);\r\n\r\n if (this._heightUpdateListener$ && !this._heightUpdateListener$.closed) return this._heightUpdateListener$.unsubscribe();\r\n }\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({ name: 'stringToArray' })\r\nexport class StringToArrayPipe implements PipeTransform {\r\n transform(value: string, split: string = ''): any {\r\n return value && typeof value === 'string' ? value.split(split) : [];\r\n }\r\n}\r\n"]}\r\n
\r\n