\n\n \n \n
\n `, isInline: true, styles: [\".owl-theme{display:block}\\n\"], dependencies: [{ kind: \"directive\", type: i3.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i3.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i3.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: StageComponent, selector: \"owl-stage\", inputs: [\"owlDraggable\", \"stageData\", \"slidesData\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.0.2\", ngImport: i0, type: CarouselComponent, decorators: [{\n type: Component,\n args: [{ selector: 'owl-carousel-o', template: `\n \n
\n \n \n \n
\n \n
\n \n \n
\n \n\n \n \n
\n `, providers: [\n NavigationService,\n AutoplayService,\n CarouselService,\n LazyLoadService,\n AnimateService,\n AutoHeightService,\n HashService\n ], changeDetection: ChangeDetectionStrategy.OnPush, styles: [\".owl-theme{display:block}\\n\"] }]\n }], ctorParameters: () => [{ type: i0.ElementRef }, { type: ResizeService }, { type: CarouselService }, { type: NavigationService }, { type: AutoplayService }, { type: LazyLoadService }, { type: AnimateService }, { type: AutoHeightService }, { type: HashService }, { type: OwlLogger }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{\n type: Inject,\n args: [DOCUMENT]\n }] }], propDecorators: { slides: [{\n type: ContentChildren,\n args: [CarouselSlideDirective]\n }], translated: [{\n type: Output\n }], dragging: [{\n type: Output\n }], change: [{\n type: Output\n }], changed: [{\n type: Output\n }], initialized: [{\n type: Output\n }], options: [{\n type: Input\n }], onVisibilityChange: [{\n type: HostListener,\n args: ['document:visibilitychange', ['$event']]\n }] } });\n\nclass OwlRouterLinkDirective {\n router;\n route;\n // TODO(issue/24571): remove '!'.\n queryParams;\n // TODO(issue/24571): remove '!'.\n fragment;\n // TODO(issue/24571): remove '!'.\n queryParamsHandling;\n // TODO(issue/24571): remove '!'.\n preserveFragment;\n // TODO(issue/24571): remove '!'.\n skipLocationChange;\n // TODO(issue/24571): remove '!'.\n replaceUrl;\n stopLink = false;\n commands = [];\n // TODO(issue/24571): remove '!'.\n preserve;\n constructor(router, route, tabIndex, renderer, el) {\n this.router = router;\n this.route = route;\n if (tabIndex == null) {\n renderer.setAttribute(el.nativeElement, 'tabindex', '0');\n }\n }\n set owlRouterLink(commands) {\n if (commands != null) {\n this.commands = Array.isArray(commands) ? commands : [commands];\n }\n else {\n this.commands = [];\n }\n }\n /**\n * @deprecated 4.0.0 use `queryParamsHandling` instead.\n */\n set preserveQueryParams(value) {\n if (isDevMode() && console && console.warn) {\n console.warn('preserveQueryParams is deprecated!, use queryParamsHandling instead.');\n }\n this.preserve = value;\n }\n onClick() {\n const extras = {\n skipLocationChange: attrBoolValue(this.skipLocationChange),\n replaceUrl: attrBoolValue(this.replaceUrl),\n };\n if (this.stopLink) {\n return false;\n }\n this.router.navigateByUrl(this.urlTree, extras);\n return true;\n }\n get urlTree() {\n return this.router.createUrlTree(this.commands, {\n relativeTo: this.route,\n queryParams: this.queryParams,\n fragment: this.fragment,\n queryParamsHandling: this.queryParamsHandling,\n preserveFragment: attrBoolValue(this.preserveFragment)\n });\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.0.2\", ngImport: i0, type: OwlRouterLinkDirective, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: 'tabindex', attribute: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });\n static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"17.0.2\", type: OwlRouterLinkDirective, selector: \":not(a)[owlRouterLink]\", inputs: { queryParams: \"queryParams\", fragment: \"fragment\", queryParamsHandling: \"queryParamsHandling\", preserveFragment: \"preserveFragment\", skipLocationChange: \"skipLocationChange\", replaceUrl: \"replaceUrl\", stopLink: \"stopLink\", owlRouterLink: \"owlRouterLink\", preserveQueryParams: \"preserveQueryParams\" }, host: { listeners: { \"click\": \"onClick()\" } }, ngImport: i0 });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.0.2\", ngImport: i0, type: OwlRouterLinkDirective, decorators: [{\n type: Directive,\n args: [{ selector: ':not(a)[owlRouterLink]' }]\n }], ctorParameters: () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: undefined, decorators: [{\n type: Attribute,\n args: ['tabindex']\n }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { queryParams: [{\n type: Input\n }], fragment: [{\n type: Input\n }], queryParamsHandling: [{\n type: Input\n }], preserveFragment: [{\n type: Input\n }], skipLocationChange: [{\n type: Input\n }], replaceUrl: [{\n type: Input\n }], stopLink: [{\n type: Input\n }], owlRouterLink: [{\n type: Input\n }], preserveQueryParams: [{\n type: Input\n }], onClick: [{\n type: HostListener,\n args: ['click']\n }] } });\n/**\n * @description\n *\n * Lets you link to specific routes in your app.\n *\n * See `RouterLink` for more information.\n *\n * @ngModule RouterModule\n *\n * @publicApi\n */\nclass OwlRouterLinkWithHrefDirective {\n router;\n route;\n locationStrategy;\n // TODO(issue/24571): remove '!'.\n target;\n // TODO(issue/24571): remove '!'.\n queryParams;\n // TODO(issue/24571): remove '!'.\n fragment;\n // TODO(issue/24571): remove '!'.\n queryParamsHandling;\n // TODO(issue/24571): remove '!'.\n preserveFragment;\n // TODO(issue/24571): remove '!'.\n skipLocationChange;\n // TODO(issue/24571): remove '!'.\n replaceUrl;\n stopLink = false;\n commands = [];\n subscription;\n // TODO(issue/24571): remove '!'.\n preserve;\n // the url displayed on the anchor element.\n // TODO(issue/24571): remove '!'.\n href;\n constructor(router, route, locationStrategy) {\n this.router = router;\n this.route = route;\n this.locationStrategy = locationStrategy;\n this.subscription = router.events.subscribe((s) => {\n if (s instanceof NavigationEnd) {\n this.updateTargetUrlAndHref();\n }\n });\n }\n set owlRouterLink(commands) {\n if (commands != null) {\n this.commands = Array.isArray(commands) ? commands : [commands];\n }\n else {\n this.commands = [];\n }\n }\n set preserveQueryParams(value) {\n if (isDevMode() && console && console.warn) {\n console.warn('preserveQueryParams is deprecated, use queryParamsHandling instead.');\n }\n this.preserve = value;\n }\n ngOnChanges(changes) { this.updateTargetUrlAndHref(); }\n ngOnDestroy() { this.subscription.unsubscribe(); }\n onClick(button, ctrlKey, metaKey, shiftKey) {\n if (button !== 0 || ctrlKey || metaKey || shiftKey) {\n return true;\n }\n if (typeof this.target === 'string' && this.target !== '_self') {\n return true;\n }\n if (this.stopLink) {\n return false;\n }\n const extras = {\n skipLocationChange: attrBoolValue(this.skipLocationChange),\n replaceUrl: attrBoolValue(this.replaceUrl),\n };\n this.router.navigateByUrl(this.urlTree, extras);\n return false;\n }\n updateTargetUrlAndHref() {\n this.href = this.locationStrategy.prepareExternalUrl(this.router.serializeUrl(this.urlTree));\n }\n get urlTree() {\n return this.router.createUrlTree(this.commands, {\n relativeTo: this.route,\n queryParams: this.queryParams,\n fragment: this.fragment,\n queryParamsHandling: this.queryParamsHandling,\n preserveFragment: attrBoolValue(this.preserveFragment)\n });\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.0.2\", ngImport: i0, type: OwlRouterLinkWithHrefDirective, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: i3.LocationStrategy }], target: i0.ɵɵFactoryTarget.Directive });\n static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"17.0.2\", type: OwlRouterLinkWithHrefDirective, selector: \"a[owlRouterLink]\", inputs: { target: \"target\", queryParams: \"queryParams\", fragment: \"fragment\", queryParamsHandling: \"queryParamsHandling\", preserveFragment: \"preserveFragment\", skipLocationChange: \"skipLocationChange\", replaceUrl: \"replaceUrl\", stopLink: \"stopLink\", owlRouterLink: \"owlRouterLink\", preserveQueryParams: \"preserveQueryParams\" }, host: { listeners: { \"click\": \"onClick($event.button,$event.ctrlKey,$event.metaKey,$event.shiftKey)\" }, properties: { \"attr.target\": \"this.target\", \"href\": \"this.href\" } }, usesOnChanges: true, ngImport: i0 });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.0.2\", ngImport: i0, type: OwlRouterLinkWithHrefDirective, decorators: [{\n type: Directive,\n args: [{ selector: 'a[owlRouterLink]' }]\n }], ctorParameters: () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i3.LocationStrategy }], propDecorators: { target: [{\n type: HostBinding,\n args: ['attr.target']\n }, {\n type: Input\n }], queryParams: [{\n type: Input\n }], fragment: [{\n type: Input\n }], queryParamsHandling: [{\n type: Input\n }], preserveFragment: [{\n type: Input\n }], skipLocationChange: [{\n type: Input\n }], replaceUrl: [{\n type: Input\n }], stopLink: [{\n type: Input\n }], href: [{\n type: HostBinding\n }], owlRouterLink: [{\n type: Input\n }], preserveQueryParams: [{\n type: Input\n }], onClick: [{\n type: HostListener,\n args: ['click', ['$event.button', '$event.ctrlKey', '$event.metaKey', '$event.shiftKey']]\n }] } });\nfunction attrBoolValue(s) {\n return s === '' || !!s;\n}\n\n/**\n * Data which will be passed out after ending of transition of carousel\n */\nclass SlidesOutputData {\n startPosition;\n slides;\n}\n;\n\nconst routes = [];\nclass CarouselModule {\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.0.2\", ngImport: i0, type: CarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });\n static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.0.2\", ngImport: i0, type: CarouselModule, declarations: [CarouselComponent, CarouselSlideDirective, StageComponent, OwlRouterLinkDirective, OwlRouterLinkWithHrefDirective], imports: [CommonModule], exports: [CarouselComponent, CarouselSlideDirective, OwlRouterLinkDirective, OwlRouterLinkWithHrefDirective] });\n static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.0.2\", ngImport: i0, type: CarouselModule, providers: [WINDOW_PROVIDERS, ResizeService, DOCUMENT_PROVIDERS, OwlLogger], imports: [CommonModule] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.0.2\", ngImport: i0, type: CarouselModule, decorators: [{\n type: NgModule,\n args: [{\n imports: [\n CommonModule,\n // BrowserAnimationsModule, // there's an issue with this import while using lazy loading of module consuming this library. I don't remove it because it could be needed during future enhancement of this lib.\n // RouterModule.forChild(routes)\n ],\n declarations: [CarouselComponent, CarouselSlideDirective, StageComponent, OwlRouterLinkDirective, OwlRouterLinkWithHrefDirective],\n exports: [CarouselComponent, CarouselSlideDirective, OwlRouterLinkDirective, OwlRouterLinkWithHrefDirective],\n providers: [WINDOW_PROVIDERS, ResizeService, DOCUMENT_PROVIDERS, OwlLogger]\n }]\n }] });\n\nclass SlideModel {\n /**\n * Id of slide\n */\n id;\n /**\n * Active state of slide. If true slide gets css-class .active\n */\n isActive;\n /**\n * TemplateRef of slide. In other words its html-markup\n */\n tplRef;\n /**\n * Number of grid parts to be used\n */\n dataMerge;\n /**\n * Width of slide\n */\n width;\n /**\n * Css-rule 'margin-left'\n */\n marginL;\n /**\n * Css-rule 'margin-right'\n */\n marginR;\n /**\n * Make slide to be on center of the carousel\n */\n isCentered;\n /**\n * Mark slide to be on center of the carousel (has .center)\n */\n center;\n /**\n * Cloned slide. It's being used when 'loop'=true\n */\n isCloned;\n /**\n * Indicates whether slide should be lazy loaded\n */\n load;\n /**\n * Css-rule 'left'\n */\n left;\n /**\n * Changeable classes of slide\n */\n classes;\n /**\n * Shows whether slide could be animated and could have css-class '.animated'\n */\n isAnimated;\n /**\n * Shows whether slide could be animated-in and could have css-class '.owl-animated-in'\n */\n isDefAnimatedIn;\n /**\n * Shows whether slide could be animated-out and could have css-class '.owl-animated-out'\n */\n isDefAnimatedOut;\n /**\n * Shows whether slide could be animated-in and could have animation css-class defined by user\n */\n isCustomAnimatedIn;\n /**\n * Shows whether slide could be animated-out and could have animation css-class defined by user\n */\n isCustomAnimatedOut;\n /**\n * State for defining the height of slide.It's values could be 'full' and 'nulled'. 'Full' sets css-height to 'auto', 'nulled' sets height to '0'.\n */\n heightState;\n /**\n * Hash (fragment) of url which corresponds to slide\n */\n hashFragment;\n}\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { CarouselComponent, CarouselModule, CarouselSlideDirective, OwlRouterLinkDirective, OwlRouterLinkWithHrefDirective, SlideModel, SlidesOutputData };\n","import { scanInternals } from './scanInternals';\nimport { operate } from '../util/lift';\nexport function reduce(accumulator, seed) {\n return operate(scanInternals(accumulator, seed, arguments.length >= 2, false, true));\n}\n","import * as i0 from '@angular/core';\nimport { Injectable } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\n\n/**\n * Default navigation settings\n */\nconst navigationSettings = {\n mobile: {\n hidden: false\n },\n desktop: {\n hidden: false\n }\n};\nclass NavigationService {\n constructor() {\n this._onNavigationChanged = new BehaviorSubject(navigationSettings);\n }\n /**\n * Get navigation settings\n * @returns Observable\n
\n \n \n \n
\n \n
\n \n \n
\n ![](\"https://www.normal-image-address.com/image.jpg\")
\n */\nclass ImgDefaultDirective {\n constructor() {\n this.imageLoaded = false;\n this.imageError = false;\n }\n ngOnInit() {\n if (!this.loyaltyType) {\n this.DefaultImgSrc = `${config.contentUrl}/images/noimage.png`;\n }\n else {\n switch (this.loyaltyType) {\n case 'marketplace': {\n this.DefaultImgSrc = 'assets/images/placeholders/marketplace-item.png';\n break;\n }\n case 'auction': {\n this.DefaultImgSrc = 'assets/images/placeholders/auction-item.png';\n break;\n }\n case 'lotto': {\n this.DefaultImgSrc = 'assets/images/placeholders/lotto-item.png';\n break;\n }\n case 'wallet': {\n this.DefaultImgSrc = 'assets/images/placeholders/marketplace-item.png';\n break;\n }\n case 'badge': {\n this.DefaultImgSrc = 'assets/images/placeholders/badge-item.png';\n break;\n }\n default: {\n this.DefaultImgSrc = 'assets/images/placeholders/marketplace-item.png';\n break;\n }\n }\n }\n }\n /**\n * Called on error. Sets the default image source if required and the class to 'image-error'.\n */\n updateUrl() {\n if (this.useDefault) {\n this.src = this.DefaultImgSrc;\n }\n this.imageError = true;\n }\n /**\n * Called on success. Leaves the requested image source as-is and sets the class to 'image-loaded'.\n */\n load() {\n this.imageLoaded = true;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ImgDefaultDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }\n static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"17.2.1\", type: ImgDefaultDirective, selector: \"img[useDefault]\", inputs: { src: \"src\", useDefault: \"useDefault\", loyaltyType: \"loyaltyType\" }, host: { listeners: { \"error\": \"updateUrl()\", \"load\": \"load()\" }, properties: { \"attr.src\": \"this.src\", \"class.image-loaded\": \"this.imageLoaded\", \"class.image-error\": \"this.imageError\" } }, ngImport: i0 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ImgDefaultDirective, decorators: [{\n type: Directive,\n args: [{\n // tslint:disable-next-line: directive-selector\n selector: 'img[useDefault]',\n }]\n }], ctorParameters: () => [], propDecorators: { src: [{\n type: HostBinding,\n args: ['attr.src']\n }, {\n type: Input\n }], useDefault: [{\n type: Input\n }], loyaltyType: [{\n type: Input\n }], imageLoaded: [{\n type: HostBinding,\n args: ['class.image-loaded']\n }], imageError: [{\n type: HostBinding,\n args: ['class.image-error']\n }], updateUrl: [{\n type: HostListener,\n args: ['error']\n }], load: [{\n type: HostListener,\n args: ['load']\n }] } });\n\nclass NgSubscribeContext {\n constructor() {\n this.ngSubscribe = null;\n }\n}\nclass NgSubscribeDirective {\n set ngSubscribe(inputObservable) {\n if (this.observable !== inputObservable) {\n this.observable = inputObservable;\n this.subscription && this.subscription.unsubscribe();\n this.subscription = this.observable.subscribe((value) => {\n this.context.ngSubscribe = value;\n this.cdr.markForCheck();\n });\n }\n }\n constructor(viewContainer, cdr, templateRef) {\n this.viewContainer = viewContainer;\n this.cdr = cdr;\n this.templateRef = templateRef;\n this.context = new NgSubscribeContext();\n }\n ngOnInit() {\n this.viewContainer.createEmbeddedView(this.templateRef, this.context);\n }\n ngOnDestroy() {\n this.subscription && this.subscription.unsubscribe();\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NgSubscribeDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }\n static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"17.2.1\", type: NgSubscribeDirective, selector: \"[ngSubscribe]\", inputs: { ngSubscribe: \"ngSubscribe\" }, ngImport: i0 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NgSubscribeDirective, decorators: [{\n type: Directive,\n args: [{\n selector: '[ngSubscribe]',\n }]\n }], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }, { type: i0.TemplateRef }], propDecorators: { ngSubscribe: [{\n type: Input\n }] } });\n\n/**\n * This directive is used to hide features\n * throughout the portal depending on the\n * given feature flag set within website content.\n *\n * Example of usage:\n * I am enabled
\n * I am disabled! {{ status.data | json }}
\n * I am disabled! {{ status.data | json }}
\n * I am disabled! {{ status.data | json }}
\n * \n * \n *\n * // Add ng-template to display the data, the let-items refers to the data source data is already sorted depending on the sort options passed in the\n * // [sortOptions] input, the let-loaded refers to the loaded status of the data source\n *\n * \n *\n * // Check if the data source is loaded, if not display the loading template\n * \n *\n * // Loop through the items and display the items\n * \n * \n *\n * \n * \n *\n * loading... \n *
\n *\n * Sortings can be passed in the [sortOptions] input\n * @example\n * sortOptions = {\n * status: sortBy((a: MixedLoyaltyItem, b: MixedLoyaltyItem) => a.status.status - b.status.status),\n * ordinal: sortBy((a: MixedLoyaltyItem, b: MixedLoyaltyItem) => a.data.Ordinal - b.data.Ordinal)\n * };\n *\n * pass the input to sortOptions ex. \n *
\n * \n *\n * Changing the sort direction example\n *\n * @example\n *\n * sortDirection: 'asc' | 'desc' = 'asc';\n *\n * toggleSort(): void{\n *\n * this.sortDirection = this.sortDirection === 'asc' ? 'desc' : 'asc';\n *\n * this.sortOptions = {\n * status: sortBy((a: MixedLoyaltyItem, b: MixedLoyaltyItem) => a.status.status - b.status.status, this.sortDirection),\n * ordinal: sortBy('name', this.sortDirection)\n * };\n * }\n *\n * expect the data source to be sorted with the new toggled direction\n */\nclass DataSourceDirective {\n set dataSource(value) {\n if (value) {\n this._dataSubject.next(value);\n }\n }\n set sortOptions(options) {\n this._sortSubject.next(options);\n }\n ;\n set page(page) {\n this._pageSubject.next(page);\n }\n constructor() {\n this.dataSourceChange = new EventEmitter();\n this.paginationChange = new EventEmitter();\n this.isEmpty = false;\n this._dataSubject = new BehaviorSubject([]);\n this._sortSubject = new BehaviorSubject(null);\n this._pageSubject = new Subject();\n this.vc = inject(ViewContainerRef);\n this._cd = inject(ChangeDetectorRef);\n this._destroyRef = inject(DestroyRef);\n }\n ngOnInit() {\n // Merge events\n merge(this.onDataSourceChanged.pipe(map$1(this.dataHandler)), this.onSortChanged.pipe(map$1(this.sortHandler)), this.onPageChanged.pipe(map$1(this.pageHandler))).pipe(\n // Handle the data source events, set the initial data source with empty data\n scan(this.eventHandler, createDataSource({ pageSize: this.pageSize })), takeUntilDestroyed(this._destroyRef)).subscribe(ds => {\n // Set data and loaded values\n this.data = ds.data;\n this.isLoaded = ds.loaded && ds.data !== null;\n this.isEmpty = ds.data !== null && ds.total === 0;\n if (!ds.pagination.isEmpty) {\n this.paginationChange.emit(ds.pagination);\n }\n // Update the template context\n this.updateTemplateContext();\n // Notify the parent component that the data source has changed\n this.dataSourceChange.emit(ds.data);\n this._cd.detectChanges();\n });\n }\n ngAfterContentInit() {\n // if ng-template is provided inside the directive, create an embedded view\n // otherwise if not provided use the (dataSourceChange) event to get the data \n // ex. \n // \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\", styles: [\".notifications-divider{margin:3px 20px 5px}.notifications-divider:last-child{border-bottom:none}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: NotificationItemComponent, selector: \"fgbcl-notification-item\", inputs: [\"notification\"], outputs: [\"goToNotification\"] }, { kind: \"pipe\", type: i2.AsyncPipe, name: \"async\" }, { kind: \"pipe\", type: i2$1.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NotificationHubComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-notification-hub', template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\", styles: [\".notifications-divider{margin:3px 20px 5px}.notifications-divider:last-child{border-bottom:none}\\n\"] }]\n }], ctorParameters: () => [{ type: i1$1.NotificationCenterService }, { type: i1$1.NotificationCenterQuery }, { type: i1$1.MemberQuery }], propDecorators: { goToNotification: [{\n type: Output\n }] } });\n\nclass NotificationCenterToastComponent extends Toast {\n constructor(toastService, toastPackage) {\n super(toastService, toastPackage);\n this.toastService = toastService;\n this.toastPackage = toastPackage;\n }\n action(event) {\n event.stopPropagation();\n this.toastPackage.triggerAction();\n return false;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NotificationCenterToastComponent, deps: [{ token: i1$2.ToastrService }, { token: i1$2.ToastPackage }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: NotificationCenterToastComponent, selector: \"fgbcl-notification-center-toast\", inputs: { notification: \"notification\" }, usesInheritance: true, ngImport: i0, template: \"\r\n \r\n notifications \r\n \r\n \r\n \r\n \r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { NotificationCenterQuery, NotificationCenterService } from '@fgb/core';\r\nimport { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\nimport { Observable } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fgb-notification-button',\r\n templateUrl: './notification-button.component.html',\r\n styleUrls: ['./notification-button.component.scss'],\r\n})\r\nexport class NotificationButtonComponent implements OnInit {\r\n unseenNotificationCount$: Observable\n // {{ data | json }}\n //
\n if (this.template) {\n this.templateInstace = this.vc.createEmbeddedView(this.template, { $implicit: this.data, loaded: false, empty: this.isEmpty }).context;\n }\n }\n /**\n * Handles all the data source events and updates the data source\n */\n eventHandler(state, eventFn) {\n const ds = { ...state, ...eventFn(state) };\n return ds.update(ds.data, ds.sort);\n }\n /**\n * Handle the data source event changes\n */\n dataHandler(event) {\n // Create data source if data is changed\n return (state) => loadDataSource({ ...state, data: event });\n }\n /**\n * Handle the page event changes\n */\n pageHandler(pageNo) {\n return (state) => state.goToPage(pageNo);\n }\n /**\n * Update the template context\n */\n updateTemplateContext() {\n if (this.templateInstace) {\n this.templateInstace.$implicit = this.data;\n this.templateInstace.loaded = this.isLoaded;\n this.templateInstace.empty = this.isEmpty;\n }\n }\n /**\n * Handle the sort event\n */\n sortHandler(event) {\n return (state) => state.setSort(event);\n }\n get onDataSourceChanged() {\n return this._dataSubject.asObservable();\n }\n get onSortChanged() {\n return this._sortSubject.asObservable();\n }\n get onPageChanged() {\n return this._pageSubject.asObservable();\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: DataSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }\n static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"17.2.1\", type: DataSourceDirective, isStandalone: true, selector: \"[fgbDataSource]\", inputs: { dataSource: \"dataSource\", sortOptions: \"sortOptions\", page: \"page\", pageSize: \"pageSize\" }, outputs: { dataSourceChange: \"dataSourceChange\", paginationChange: \"paginationChange\" }, queries: [{ propertyName: \"template\", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: DataSourceDirective, decorators: [{\n type: Directive,\n args: [{\n selector: '[fgbDataSource]',\n standalone: true\n }]\n }], ctorParameters: () => [], propDecorators: { dataSource: [{\n type: Input\n }], sortOptions: [{\n type: Input\n }], page: [{\n type: Input\n }], pageSize: [{\n type: Input\n }], dataSourceChange: [{\n type: Output\n }], paginationChange: [{\n type: Output\n }], template: [{\n type: ContentChild,\n args: [TemplateRef, { static: true }]\n }] } });\n\nclass HideMobileFooterDirective {\n constructor() { }\n ngOnInit() {\n this.isHideFooter(true);\n }\n isHideFooter(value) {\n let footer = document.querySelector('fgb-footer');\n if (value) {\n footer?.classList.add('d-none');\n }\n else {\n footer?.classList.remove('d-none');\n }\n }\n ngOnDestroy() {\n this.isHideFooter(false);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: HideMobileFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }\n static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"17.2.1\", type: HideMobileFooterDirective, isStandalone: true, selector: \"[hideMobileFooter]\", ngImport: i0 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: HideMobileFooterDirective, decorators: [{\n type: Directive,\n args: [{\n selector: '[hideMobileFooter]',\n standalone: true,\n }]\n }], ctorParameters: () => [] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { AttributeTransValueDirective, ConfirmModalTermsDirective, CustomOwlCarousel, DataSourceDirective, DirectivesModule, HideMobileFooterDirective, HideMobileNav, IfItemEnabled, IfScreenSizeDirective, ImgBackgroundGrabberDirective, ImgDefaultDirective, MoreDropdownElement, NavBarElement, NavItemElement, NavbarDirectivesModule, NgSubscribeContext, NgSubscribeDirective, ScreenType, WebsiteContentFeatureFlagDirective, createDataSource, loadDataSource };\n","var InlineSVGConfig = (function () {\n function InlineSVGConfig() {\n }\n return InlineSVGConfig;\n}());\nexport { InlineSVGConfig };\n","import { Injectable, RendererFactory2 } from '@angular/core';\nimport * as i0 from \"@angular/core\";\nvar InlineSVGService = (function () {\n function InlineSVGService(rendererFactory) {\n this._ranScripts = {};\n this._renderer = rendererFactory.createRenderer(null, null);\n }\n InlineSVGService.prototype.insertEl = function (dir, parentEl, content, replaceContents, prepend) {\n if (replaceContents && !prepend) {\n var parentNode = dir._prevSVG && dir._prevSVG.parentNode;\n if (parentNode) {\n this._renderer.removeChild(parentNode, dir._prevSVG);\n }\n parentEl.innerHTML = '';\n }\n if (prepend) {\n this._renderer.insertBefore(parentEl, content, parentEl.firstChild);\n }\n else {\n this._renderer.appendChild(parentEl, content);\n }\n if (content.nodeName === 'svg') {\n dir._prevSVG = content;\n }\n };\n InlineSVGService.prototype.evalScripts = function (svg, url, evalMode) {\n var scripts = svg.querySelectorAll('script');\n var scriptsToEval = [];\n for (var i = 0; i < scripts.length; i++) {\n var scriptType = scripts[i].getAttribute('type');\n if (!scriptType || scriptType === 'application/ecmascript' || scriptType === 'application/javascript') {\n var script = scripts[i].innerText || scripts[i].textContent;\n scriptsToEval.push(script);\n this._renderer.removeChild(scripts[i].parentNode, scripts[i]);\n }\n }\n if (scriptsToEval.length > 0 && (evalMode === \"always\" ||\n (evalMode === \"once\" && !this._ranScripts[url]))) {\n for (var i = 0; i < scriptsToEval.length; i++) {\n new Function(scriptsToEval[i])(window);\n }\n this._ranScripts[url] = true;\n }\n };\n InlineSVGService.ɵfac = function InlineSVGService_Factory(t) { return new (t || InlineSVGService)(i0.ɵɵinject(i0.RendererFactory2)); };\n InlineSVGService.ɵprov = i0.ɵɵdefineInjectable({ token: InlineSVGService, factory: InlineSVGService.ɵfac, providedIn: 'root' });\n return InlineSVGService;\n}());\nexport { InlineSVGService };\n(function () { (typeof ngDevMode === \"undefined\" || ngDevMode) && i0.ɵsetClassMetadata(InlineSVGService, [{\n type: Injectable,\n args: [{\n providedIn: 'root'\n }]\n }], function () { return [{ type: i0.RendererFactory2 }]; }, null); })();\n","import { ChangeDetectionStrategy, Component, ElementRef, Input } from '@angular/core';\nimport { InlineSVGDirective } from './inline-svg.directive';\nimport { InlineSVGService } from './inline-svg.service';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"./inline-svg.service\";\nvar InlineSVGComponent = (function () {\n function InlineSVGComponent(_inlineSVGService, el) {\n this._inlineSVGService = _inlineSVGService;\n this._el = el;\n }\n InlineSVGComponent.prototype.ngAfterViewInit = function () {\n this._updateContent();\n };\n InlineSVGComponent.prototype.ngOnChanges = function (changes) {\n if (changes['content']) {\n this._updateContent();\n }\n };\n InlineSVGComponent.prototype._updateContent = function () {\n this._inlineSVGService.insertEl(this.context, this._el.nativeElement, this.content, this.replaceContents, this.prepend);\n };\n InlineSVGComponent.ɵfac = function InlineSVGComponent_Factory(t) { return new (t || InlineSVGComponent)(i0.ɵɵdirectiveInject(i1.InlineSVGService), i0.ɵɵdirectiveInject(i0.ElementRef)); };\n InlineSVGComponent.ɵcmp = i0.ɵɵdefineComponent({ type: InlineSVGComponent, selectors: [[\"inline-svg\"]], inputs: { context: \"context\", content: \"content\", replaceContents: \"replaceContents\", prepend: \"prepend\" }, features: [i0.ɵɵNgOnChangesFeature], decls: 0, vars: 0, template: function InlineSVGComponent_Template(rf, ctx) { }, encapsulation: 2, changeDetection: 0 });\n return InlineSVGComponent;\n}());\nexport { InlineSVGComponent };\n(function () { (typeof ngDevMode === \"undefined\" || ngDevMode) && i0.ɵsetClassMetadata(InlineSVGComponent, [{\n type: Component,\n args: [{\n selector: 'inline-svg',\n template: '',\n changeDetection: ChangeDetectionStrategy.OnPush\n }]\n }], function () { return [{ type: i1.InlineSVGService }, { type: i0.ElementRef }]; }, { context: [{\n type: Input\n }], content: [{\n type: Input\n }], replaceContents: [{\n type: Input\n }], prepend: [{\n type: Input\n }] }); })();\n","import { APP_BASE_HREF, PlatformLocation } from '@angular/common';\nimport { HttpBackend, HttpClient } from '@angular/common/http';\nimport { Inject, Injectable, Optional, RendererFactory2 } from '@angular/core';\nimport { of, throwError } from 'rxjs';\nimport { catchError, map, share, tap } from 'rxjs/operators';\nimport { InlineSVGConfig } from './inline-svg.config';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/common\";\nimport * as i2 from \"./inline-svg.config\";\nimport * as i3 from \"@angular/common/http\";\nvar SVGCacheService = (function () {\n function SVGCacheService(_appBase, _location, _config, httpClient, httpBackend, rendererFactory) {\n this._appBase = _appBase;\n this._location = _location;\n this._config = _config;\n this._http = _config && !_config.bypassHttpClientInterceptorChain\n ? httpClient\n : new HttpClient(httpBackend);\n this._renderer = rendererFactory.createRenderer(null, null);\n this.setBaseUrl();\n if (!SVGCacheService._cache) {\n SVGCacheService._cache = new Map();\n }\n if (!SVGCacheService._inProgressReqs) {\n SVGCacheService._inProgressReqs = new Map();\n }\n }\n SVGCacheService.prototype.getSVG = function (url, resolveSVGUrl, cache) {\n var _this = this;\n if (cache === void 0) { cache = true; }\n var svgUrl = (resolveSVGUrl\n ? this.getAbsoluteUrl(url)\n : url).replace(/#.+$/, '');\n if (cache && SVGCacheService._cache.has(svgUrl)) {\n return of(this._cloneSVG(SVGCacheService._cache.get(svgUrl)));\n }\n if (SVGCacheService._inProgressReqs.has(svgUrl)) {\n return SVGCacheService._inProgressReqs.get(svgUrl);\n }\n var req = this._http.get(svgUrl, { responseType: 'text' })\n .pipe(tap(function () {\n SVGCacheService._inProgressReqs.delete(svgUrl);\n }), catchError(function (error) {\n SVGCacheService._inProgressReqs.delete(svgUrl);\n return throwError(error.message);\n }), share(), map(function (svgText) {\n var svgEl = _this._svgElementFromString(svgText);\n SVGCacheService._cache.set(svgUrl, svgEl);\n return _this._cloneSVG(svgEl);\n }));\n SVGCacheService._inProgressReqs.set(svgUrl, req);\n return req;\n };\n SVGCacheService.prototype.setBaseUrl = function () {\n if (this._config) {\n this._baseUrl = this._config.baseUrl;\n }\n else if (this._appBase !== null) {\n this._baseUrl = this._appBase;\n }\n else if (this._location !== null) {\n this._baseUrl = this._location.getBaseHrefFromDOM();\n }\n };\n SVGCacheService.prototype.getAbsoluteUrl = function (url) {\n if (this._baseUrl && !/^https?:\\/\\//i.test(url)) {\n url = this._baseUrl + url;\n if (url.indexOf('//') === 0) {\n url = url.substring(1);\n }\n }\n var base = this._renderer.createElement('BASE');\n base.href = url;\n return base.href;\n };\n SVGCacheService.prototype._svgElementFromString = function (str) {\n var div = this._renderer.createElement('DIV');\n div.innerHTML = str;\n var svg = div.querySelector('svg');\n if (!svg) {\n throw new Error('No SVG found in loaded contents');\n }\n return svg;\n };\n SVGCacheService.prototype._cloneSVG = function (svg) {\n return svg.cloneNode(true);\n };\n SVGCacheService.ɵfac = function SVGCacheService_Factory(t) { return new (t || SVGCacheService)(i0.ɵɵinject(APP_BASE_HREF, 8), i0.ɵɵinject(i1.PlatformLocation, 8), i0.ɵɵinject(i2.InlineSVGConfig, 8), i0.ɵɵinject(i3.HttpClient), i0.ɵɵinject(i3.HttpBackend), i0.ɵɵinject(i0.RendererFactory2)); };\n SVGCacheService.ɵprov = i0.ɵɵdefineInjectable({ token: SVGCacheService, factory: SVGCacheService.ɵfac, providedIn: 'root' });\n return SVGCacheService;\n}());\nexport { SVGCacheService };\n(function () { (typeof ngDevMode === \"undefined\" || ngDevMode) && i0.ɵsetClassMetadata(SVGCacheService, [{\n type: Injectable,\n args: [{\n providedIn: 'root'\n }]\n }], function () { return [{ type: undefined, decorators: [{\n type: Optional\n }, {\n type: Inject,\n args: [APP_BASE_HREF]\n }] }, { type: i1.PlatformLocation, decorators: [{\n type: Optional\n }] }, { type: i2.InlineSVGConfig, decorators: [{\n type: Optional\n }] }, { type: i3.HttpClient }, { type: i3.HttpBackend }, { type: i0.RendererFactory2 }]; }, null); })();\n","export function isUrlSymbol(url) {\n return url.charAt(0) === '#' || url.indexOf('.svg#') > -1;\n}\nexport function isSvgSupported() {\n return typeof SVGRect !== 'undefined';\n}\nexport function createSymbolSvg(renderer, svg, symbolId) {\n var symbol = svg.querySelector(\"[id=\\\"\".concat(symbolId, \"\\\"]\"));\n if (!symbol) {\n throw new Error(\"Symbol \\\"\".concat(symbolId, \"\\\" not found\"));\n }\n var elSvg = renderer.createElement('svg', 'svg');\n renderer.appendChild(elSvg, symbol);\n var elSvgUse = renderer.createElement('use', 'svg');\n renderer.setAttribute(elSvgUse, 'href', \"#\".concat(symbolId), 'xlink');\n renderer.appendChild(elSvg, elSvgUse);\n return elSvg;\n}\nexport function removeAttributes(element, attrs) {\n for (var i = 0; i < attrs.length; i++) {\n var elAttr = element.getAttribute(attrs[i]);\n if (elAttr) {\n element.removeAttribute(attrs[i]);\n }\n }\n var innerEls = element.getElementsByTagName('*');\n for (var i = 0; i < innerEls.length; i++) {\n removeAttributes(innerEls[i], attrs);\n }\n}\nexport function setAttributes(element, attrs) {\n for (var attr in attrs) {\n element.setAttribute(attr, attrs[attr]);\n }\n}\n","import { ComponentFactoryResolver, Directive, ElementRef, EventEmitter, Inject, Input, Optional, Output, PLATFORM_ID, Renderer2, ViewContainerRef, } from '@angular/core';\nimport { isPlatformBrowser, isPlatformServer } from '@angular/common';\nimport { InlineSVGComponent } from './inline-svg.component';\nimport { SVGCacheService } from './svg-cache.service';\nimport { InlineSVGService } from './inline-svg.service';\nimport { InlineSVGConfig } from './inline-svg.config';\nimport * as SvgUtil from './svg-util';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"./svg-cache.service\";\nimport * as i2 from \"./inline-svg.service\";\nimport * as i3 from \"./inline-svg.config\";\nvar InlineSVGDirective = (function () {\n function InlineSVGDirective(_el, _viewContainerRef, _resolver, _svgCache, _renderer, _inlineSVGService, _config, platformId) {\n this._el = _el;\n this._viewContainerRef = _viewContainerRef;\n this._resolver = _resolver;\n this._svgCache = _svgCache;\n this._renderer = _renderer;\n this._inlineSVGService = _inlineSVGService;\n this._config = _config;\n this.platformId = platformId;\n this.resolveSVGUrl = true;\n this.replaceContents = true;\n this.prepend = false;\n this.injectComponent = false;\n this.cacheSVG = true;\n this.forceEvalStyles = false;\n this.evalScripts = \"always\";\n this.onSVGInserted = new EventEmitter();\n this.onSVGFailed = new EventEmitter();\n this._supportsSVG = SvgUtil.isSvgSupported();\n if (!isPlatformServer(this.platformId) && !this._supportsSVG) {\n this._fail('Embed SVG are not supported by this browser');\n }\n }\n InlineSVGDirective.prototype.ngOnInit = function () {\n if (!this._isValidPlatform() || this._isSSRDisabled()) {\n return;\n }\n this._insertSVG();\n };\n InlineSVGDirective.prototype.ngOnChanges = function (changes) {\n if (!this._isValidPlatform() || this._isSSRDisabled()) {\n return;\n }\n var setSVGAttributesChanged = Boolean(changes['setSVGAttributes']);\n if (changes['inlineSVG'] || setSVGAttributesChanged) {\n this._insertSVG(setSVGAttributesChanged);\n }\n };\n InlineSVGDirective.prototype.ngOnDestroy = function () {\n if (this._subscription) {\n this._subscription.unsubscribe();\n }\n };\n InlineSVGDirective.prototype._insertSVG = function (force) {\n var _this = this;\n if (force === void 0) { force = false; }\n if (!isPlatformServer(this.platformId) && !this._supportsSVG) {\n return;\n }\n if (!this.inlineSVG) {\n this._fail('No URL passed to [inlineSVG]');\n return;\n }\n if (!force && this.inlineSVG === this._prevUrl) {\n return;\n }\n this._prevUrl = this.inlineSVG;\n this._subscription = this._svgCache.getSVG(this.inlineSVG, this.resolveSVGUrl, this.cacheSVG)\n .subscribe(function (svg) {\n if (SvgUtil.isUrlSymbol(_this.inlineSVG)) {\n var symbolId = _this.inlineSVG.split('#')[1];\n svg = SvgUtil.createSymbolSvg(_this._renderer, svg, symbolId);\n }\n _this._processSvg(svg);\n }, function (err) {\n _this._fail(err);\n });\n };\n InlineSVGDirective.prototype._processSvg = function (svg) {\n if (!svg) {\n return;\n }\n if (this.removeSVGAttributes && isPlatformBrowser(this.platformId)) {\n SvgUtil.removeAttributes(svg, this.removeSVGAttributes);\n }\n if (this.setSVGAttributes) {\n SvgUtil.setAttributes(svg, this.setSVGAttributes);\n }\n if (this.onSVGLoaded) {\n svg = this.onSVGLoaded(svg, this._el.nativeElement);\n }\n this._insertEl(svg);\n if (isPlatformBrowser(this.platformId)) {\n this._inlineSVGService.evalScripts(svg, this.inlineSVG, this.evalScripts);\n }\n if (this.forceEvalStyles) {\n var styleTags = svg.querySelectorAll('style');\n Array.from(styleTags).forEach(function (tag) { return tag.textContent += ''; });\n }\n this.onSVGInserted.emit(svg);\n };\n InlineSVGDirective.prototype._insertEl = function (el) {\n if (this.injectComponent) {\n if (!this._svgComp) {\n var factory = this._resolver.resolveComponentFactory(InlineSVGComponent);\n this._svgComp = this._viewContainerRef.createComponent(factory);\n }\n this._svgComp.instance.context = this;\n this._svgComp.instance.replaceContents = this.replaceContents;\n this._svgComp.instance.prepend = this.prepend;\n this._svgComp.instance.content = el;\n this._renderer.appendChild(this._el.nativeElement, this._svgComp.injector.get(InlineSVGComponent)._el.nativeElement);\n }\n else {\n this._inlineSVGService.insertEl(this, this._el.nativeElement, el, this.replaceContents, this.prepend);\n }\n };\n InlineSVGDirective.prototype._fail = function (msg) {\n this.onSVGFailed.emit(msg);\n if (this.fallbackImgUrl) {\n var elImg = this._renderer.createElement('IMG');\n this._renderer.setAttribute(elImg, 'src', this.fallbackImgUrl);\n this._insertEl(elImg);\n }\n else if (this.fallbackSVG && this.fallbackSVG !== this.inlineSVG) {\n this.inlineSVG = this.fallbackSVG;\n this._insertSVG();\n }\n };\n InlineSVGDirective.prototype._isValidPlatform = function () {\n return isPlatformServer(this.platformId) || isPlatformBrowser(this.platformId);\n };\n InlineSVGDirective.prototype._isSSRDisabled = function () {\n return isPlatformServer(this.platformId) && this._config && this._config.clientOnly;\n };\n InlineSVGDirective.ɵfac = function InlineSVGDirective_Factory(t) { return new (t || InlineSVGDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i1.SVGCacheService), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i2.InlineSVGService), i0.ɵɵdirectiveInject(i3.InlineSVGConfig, 8), i0.ɵɵdirectiveInject(PLATFORM_ID)); };\n InlineSVGDirective.ɵdir = i0.ɵɵdefineDirective({ type: InlineSVGDirective, selectors: [[\"\", \"inlineSVG\", \"\"]], inputs: { inlineSVG: \"inlineSVG\", resolveSVGUrl: \"resolveSVGUrl\", replaceContents: \"replaceContents\", prepend: \"prepend\", injectComponent: \"injectComponent\", cacheSVG: \"cacheSVG\", setSVGAttributes: \"setSVGAttributes\", removeSVGAttributes: \"removeSVGAttributes\", forceEvalStyles: \"forceEvalStyles\", evalScripts: \"evalScripts\", fallbackImgUrl: \"fallbackImgUrl\", fallbackSVG: \"fallbackSVG\", onSVGLoaded: \"onSVGLoaded\" }, outputs: { onSVGInserted: \"onSVGInserted\", onSVGFailed: \"onSVGFailed\" }, features: [i0.ɵɵProvidersFeature([SVGCacheService]), i0.ɵɵNgOnChangesFeature] });\n return InlineSVGDirective;\n}());\nexport { InlineSVGDirective };\n(function () { (typeof ngDevMode === \"undefined\" || ngDevMode) && i0.ɵsetClassMetadata(InlineSVGDirective, [{\n type: Directive,\n args: [{\n selector: '[inlineSVG]',\n providers: [SVGCacheService]\n }]\n }], function () { return [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }, { type: i1.SVGCacheService }, { type: i0.Renderer2 }, { type: i2.InlineSVGService }, { type: i3.InlineSVGConfig, decorators: [{\n type: Optional\n }] }, { type: Object, decorators: [{\n type: Inject,\n args: [PLATFORM_ID]\n }] }]; }, { inlineSVG: [{\n type: Input\n }], resolveSVGUrl: [{\n type: Input\n }], replaceContents: [{\n type: Input\n }], prepend: [{\n type: Input\n }], injectComponent: [{\n type: Input\n }], cacheSVG: [{\n type: Input\n }], setSVGAttributes: [{\n type: Input\n }], removeSVGAttributes: [{\n type: Input\n }], forceEvalStyles: [{\n type: Input\n }], evalScripts: [{\n type: Input\n }], fallbackImgUrl: [{\n type: Input\n }], fallbackSVG: [{\n type: Input\n }], onSVGLoaded: [{\n type: Input\n }], onSVGInserted: [{\n type: Output\n }], onSVGFailed: [{\n type: Output\n }] }); })();\n","import { NgModule } from '@angular/core';\nimport { InlineSVGComponent } from './inline-svg.component';\nimport { InlineSVGConfig } from './inline-svg.config';\nimport { InlineSVGDirective } from './inline-svg.directive';\nimport * as i0 from \"@angular/core\";\nvar InlineSVGModule = (function () {\n function InlineSVGModule() {\n }\n InlineSVGModule.forRoot = function (config) {\n return {\n ngModule: InlineSVGModule,\n providers: [\n { provide: InlineSVGConfig, useValue: config }\n ]\n };\n };\n InlineSVGModule.ɵfac = function InlineSVGModule_Factory(t) { return new (t || InlineSVGModule)(); };\n InlineSVGModule.ɵmod = i0.ɵɵdefineNgModule({ type: InlineSVGModule });\n InlineSVGModule.ɵinj = i0.ɵɵdefineInjector({});\n return InlineSVGModule;\n}());\nexport { InlineSVGModule };\n(function () { (typeof ngDevMode === \"undefined\" || ngDevMode) && i0.ɵsetClassMetadata(InlineSVGModule, [{\n type: NgModule,\n args: [{\n declarations: [InlineSVGDirective, InlineSVGComponent],\n exports: [InlineSVGDirective],\n entryComponents: [InlineSVGComponent]\n }]\n }], null, null); })();\n(function () { (typeof ngJitMode === \"undefined\" || ngJitMode) && i0.ɵɵsetNgModuleScope(InlineSVGModule, { declarations: [InlineSVGDirective, InlineSVGComponent], exports: [InlineSVGDirective] }); })();\n","import * as i0 from '@angular/core';\nimport { Component, Input, NgModule } from '@angular/core';\nimport * as i1 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport { timer } from 'rxjs';\nimport { map } from 'rxjs/operators';\nimport moment from 'moment/moment';\n\nclass TimeSinceComponent {\n constructor() { }\n ngOnChanges() {\n if (this.startDate) {\n this.timer$ = timer(0, 1000).pipe(map(() => this.formatTime()));\n }\n }\n ngOnInit() { }\n formatTime() {\n if (!this.startDate) {\n return '';\n }\n let duration = moment.duration(moment.utc().diff(moment.utc(this.startDate)));\n const days = Math.floor(duration.asDays());\n const hours = Math.floor(duration.asHours());\n const minutes = Math.floor(duration.asMinutes());\n if (days) {\n if (days > 1) {\n return `${days} days ago`;\n }\n return '1 day ago';\n }\n else if (hours) {\n if (hours > 1) {\n return `${hours} hours ago`;\n }\n return `1 hour ago`;\n }\n else if (minutes) {\n if (minutes > 1) {\n return `${minutes} mins ago`;\n }\n return `1 min ago`;\n }\n else {\n return `Just now`;\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TimeSinceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: TimeSinceComponent, selector: \"fgbcl-time-since\", inputs: { startDate: \"startDate\" }, usesOnChanges: true, ngImport: i0, template: \"\\r\\n {{ timer$ | async }}\\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"pipe\", type: i1.AsyncPipe, name: \"async\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TimeSinceComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-time-since', template: \"\\r\\n {{ timer$ | async }}\\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { startDate: [{\n type: Input\n }] } });\n\nclass TimeSinceModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TimeSinceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: TimeSinceModule, declarations: [TimeSinceComponent], imports: [CommonModule], exports: [TimeSinceComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TimeSinceModule, imports: [CommonModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TimeSinceModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [TimeSinceComponent],\n imports: [CommonModule],\n exports: [TimeSinceComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { TimeSinceComponent, TimeSinceModule };\n","import * as i0 from '@angular/core';\nimport { Directive, NgModule, InjectionToken, Injectable, Inject, SecurityContext, Injector, Component, HostBinding, HostListener } from '@angular/core';\nimport { trigger, state, style, transition, animate } from '@angular/animations';\nimport { Subject } from 'rxjs';\nimport * as i3 from '@angular/common';\nimport { DOCUMENT, CommonModule } from '@angular/common';\nimport * as i2 from '@angular/platform-browser';\n\nclass ToastContainerDirective {\n constructor(el) {\n this.el = el;\n }\n getContainerElement() {\n return this.el.nativeElement;\n }\n}\nToastContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: ToastContainerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });\nToastContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"14.0.2\", type: ToastContainerDirective, selector: \"[toastContainer]\", exportAs: [\"toastContainer\"], ngImport: i0 });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: ToastContainerDirective, decorators: [{\n type: Directive,\n args: [{\n selector: '[toastContainer]',\n exportAs: 'toastContainer',\n }]\n }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });\nclass ToastContainerModule {\n}\nToastContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: ToastContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });\nToastContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"14.0.2\", ngImport: i0, type: ToastContainerModule, declarations: [ToastContainerDirective], exports: [ToastContainerDirective] });\nToastContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: ToastContainerModule });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: ToastContainerModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [ToastContainerDirective],\n exports: [ToastContainerDirective],\n }]\n }] });\n\n/**\n * A `ComponentPortal` is a portal that instantiates some Component upon attachment.\n */\nclass ComponentPortal {\n constructor(component, injector) {\n this.component = component;\n this.injector = injector;\n }\n /** Attach this portal to a host. */\n attach(host, newestOnTop) {\n this._attachedHost = host;\n return host.attach(this, newestOnTop);\n }\n /** Detach this portal from its host */\n detach() {\n const host = this._attachedHost;\n if (host) {\n this._attachedHost = undefined;\n return host.detach();\n }\n }\n /** Whether this portal is attached to a host. */\n get isAttached() {\n return this._attachedHost != null;\n }\n /**\n * Sets the PortalHost reference without performing `attach()`. This is used directly by\n * the PortalHost when it is performing an `attach()` or `detach()`.\n */\n setAttachedHost(host) {\n this._attachedHost = host;\n }\n}\n/**\n * Partial implementation of PortalHost that only deals with attaching a\n * ComponentPortal\n */\nclass BasePortalHost {\n attach(portal, newestOnTop) {\n this._attachedPortal = portal;\n return this.attachComponentPortal(portal, newestOnTop);\n }\n detach() {\n if (this._attachedPortal) {\n this._attachedPortal.setAttachedHost();\n }\n this._attachedPortal = undefined;\n if (this._disposeFn) {\n this._disposeFn();\n this._disposeFn = undefined;\n }\n }\n setDisposeFn(fn) {\n this._disposeFn = fn;\n }\n}\n\n/**\n * Reference to a toast opened via the Toastr service.\n */\nclass ToastRef {\n constructor(_overlayRef) {\n this._overlayRef = _overlayRef;\n /** Count of duplicates of this toast */\n this.duplicatesCount = 0;\n /** Subject for notifying the user that the toast has finished closing. */\n this._afterClosed = new Subject();\n /** triggered when toast is activated */\n this._activate = new Subject();\n /** notifies the toast that it should close before the timeout */\n this._manualClose = new Subject();\n /** notifies the toast that it should reset the timeouts */\n this._resetTimeout = new Subject();\n /** notifies the toast that it should count a duplicate toast */\n this._countDuplicate = new Subject();\n }\n manualClose() {\n this._manualClose.next();\n this._manualClose.complete();\n }\n manualClosed() {\n return this._manualClose.asObservable();\n }\n timeoutReset() {\n return this._resetTimeout.asObservable();\n }\n countDuplicate() {\n return this._countDuplicate.asObservable();\n }\n /**\n * Close the toast.\n */\n close() {\n this._overlayRef.detach();\n this._afterClosed.next();\n this._manualClose.next();\n this._afterClosed.complete();\n this._manualClose.complete();\n this._activate.complete();\n this._resetTimeout.complete();\n this._countDuplicate.complete();\n }\n /** Gets an observable that is notified when the toast is finished closing. */\n afterClosed() {\n return this._afterClosed.asObservable();\n }\n isInactive() {\n return this._activate.isStopped;\n }\n activate() {\n this._activate.next();\n this._activate.complete();\n }\n /** Gets an observable that is notified when the toast has started opening. */\n afterActivate() {\n return this._activate.asObservable();\n }\n /** Reset the toast timouts and count duplicates */\n onDuplicate(resetTimeout, countDuplicate) {\n if (resetTimeout) {\n this._resetTimeout.next();\n }\n if (countDuplicate) {\n this._countDuplicate.next(++this.duplicatesCount);\n }\n }\n}\n\n/**\n * Everything a toast needs to launch\n */\nclass ToastPackage {\n constructor(toastId, config, message, title, toastType, toastRef) {\n this.toastId = toastId;\n this.config = config;\n this.message = message;\n this.title = title;\n this.toastType = toastType;\n this.toastRef = toastRef;\n this._onTap = new Subject();\n this._onAction = new Subject();\n this.toastRef.afterClosed().subscribe(() => {\n this._onAction.complete();\n this._onTap.complete();\n });\n }\n /** Fired on click */\n triggerTap() {\n this._onTap.next();\n if (this.config.tapToDismiss) {\n this._onTap.complete();\n }\n }\n onTap() {\n return this._onTap.asObservable();\n }\n /** available for use in custom toast */\n triggerAction(action) {\n this._onAction.next(action);\n }\n onAction() {\n return this._onAction.asObservable();\n }\n}\nconst DefaultNoComponentGlobalConfig = {\n maxOpened: 0,\n autoDismiss: false,\n newestOnTop: true,\n preventDuplicates: false,\n countDuplicates: false,\n resetTimeoutOnDuplicate: false,\n includeTitleDuplicates: false,\n iconClasses: {\n error: 'toast-error',\n info: 'toast-info',\n success: 'toast-success',\n warning: 'toast-warning',\n },\n // Individual\n closeButton: false,\n disableTimeOut: false,\n timeOut: 5000,\n extendedTimeOut: 1000,\n enableHtml: false,\n progressBar: false,\n toastClass: 'ngx-toastr',\n positionClass: 'toast-top-right',\n titleClass: 'toast-title',\n messageClass: 'toast-message',\n easing: 'ease-in',\n easeTime: 300,\n tapToDismiss: true,\n onActivateTick: false,\n progressAnimation: 'decreasing',\n payload: null\n};\nconst TOAST_CONFIG = new InjectionToken('ToastConfig');\n\n/**\n * A PortalHost for attaching portals to an arbitrary DOM element outside of the Angular\n * application context.\n *\n * This is the only part of the portal core that directly touches the DOM.\n */\nclass DomPortalHost extends BasePortalHost {\n constructor(_hostDomElement, _componentFactoryResolver, _appRef) {\n super();\n this._hostDomElement = _hostDomElement;\n this._componentFactoryResolver = _componentFactoryResolver;\n this._appRef = _appRef;\n }\n /**\n * Attach the given ComponentPortal to DOM element using the ComponentFactoryResolver.\n * @param portal Portal to be attached\n */\n attachComponentPortal(portal, newestOnTop) {\n const componentFactory = this._componentFactoryResolver.resolveComponentFactory(portal.component);\n let componentRef;\n // If the portal specifies a ViewContainerRef, we will use that as the attachment point\n // for the component (in terms of Angular's component tree, not rendering).\n // When the ViewContainerRef is missing, we use the factory to create the component directly\n // and then manually attach the ChangeDetector for that component to the application (which\n // happens automatically when using a ViewContainer).\n componentRef = componentFactory.create(portal.injector);\n // When creating a component outside of a ViewContainer, we need to manually register\n // its ChangeDetector with the application. This API is unfortunately not yet published\n // in Angular core. The change detector must also be deregistered when the component\n // is destroyed to prevent memory leaks.\n this._appRef.attachView(componentRef.hostView);\n this.setDisposeFn(() => {\n this._appRef.detachView(componentRef.hostView);\n componentRef.destroy();\n });\n // At this point the component has been instantiated, so we move it to the location in the DOM\n // where we want it to be rendered.\n if (newestOnTop) {\n this._hostDomElement.insertBefore(this._getComponentRootNode(componentRef), this._hostDomElement.firstChild);\n }\n else {\n this._hostDomElement.appendChild(this._getComponentRootNode(componentRef));\n }\n return componentRef;\n }\n /** Gets the root HTMLElement for an instantiated component. */\n _getComponentRootNode(componentRef) {\n return componentRef.hostView.rootNodes[0];\n }\n}\n\n/**\n * Reference to an overlay that has been created with the Overlay service.\n * Used to manipulate or dispose of said overlay.\n */\nclass OverlayRef {\n constructor(_portalHost) {\n this._portalHost = _portalHost;\n }\n attach(portal, newestOnTop = true) {\n return this._portalHost.attach(portal, newestOnTop);\n }\n /**\n * Detaches an overlay from a portal.\n * @returns Resolves when the overlay has been detached.\n */\n detach() {\n return this._portalHost.detach();\n }\n}\n\n/** Container inside which all toasts will render. */\nclass OverlayContainer {\n constructor(_document) {\n this._document = _document;\n }\n ngOnDestroy() {\n if (this._containerElement && this._containerElement.parentNode) {\n this._containerElement.parentNode.removeChild(this._containerElement);\n }\n }\n /**\n * This method returns the overlay container element. It will lazily\n * create the element the first time it is called to facilitate using\n * the container in non-browser environments.\n * @returns the container element\n */\n getContainerElement() {\n if (!this._containerElement) {\n this._createContainer();\n }\n return this._containerElement;\n }\n /**\n * Create the overlay container element, which is simply a div\n * with the 'cdk-overlay-container' class on the document body\n * and 'aria-live=\"polite\"'\n */\n _createContainer() {\n const container = this._document.createElement('div');\n container.classList.add('overlay-container');\n container.setAttribute('aria-live', 'polite');\n this._document.body.appendChild(container);\n this._containerElement = container;\n }\n}\nOverlayContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: OverlayContainer, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });\nOverlayContainer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: OverlayContainer, providedIn: 'root' });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: OverlayContainer, decorators: [{\n type: Injectable,\n args: [{ providedIn: 'root' }]\n }], ctorParameters: function () { return [{ type: undefined, decorators: [{\n type: Inject,\n args: [DOCUMENT]\n }] }]; } });\n\n/* eslint-disable @typescript-eslint/no-non-null-assertion */\n/**\n * Service to create Overlays. Overlays are dynamically added pieces of floating UI, meant to be\n * used as a low-level building building block for other components. Dialogs, tooltips, menus,\n * selects, etc. can all be built using overlays. The service should primarily be used by authors\n * of re-usable components rather than developers building end-user applications.\n *\n * An overlay *is* a PortalHost, so any kind of Portal can be loaded into one.\n */\nclass Overlay {\n constructor(_overlayContainer, _componentFactoryResolver, _appRef, _document) {\n this._overlayContainer = _overlayContainer;\n this._componentFactoryResolver = _componentFactoryResolver;\n this._appRef = _appRef;\n this._document = _document;\n // Namespace panes by overlay container\n this._paneElements = new Map();\n }\n /**\n * Creates an overlay.\n * @returns A reference to the created overlay.\n */\n create(positionClass, overlayContainer) {\n // get existing pane if possible\n return this._createOverlayRef(this.getPaneElement(positionClass, overlayContainer));\n }\n getPaneElement(positionClass = '', overlayContainer) {\n if (!this._paneElements.get(overlayContainer)) {\n this._paneElements.set(overlayContainer, {});\n }\n if (!this._paneElements.get(overlayContainer)[positionClass]) {\n this._paneElements.get(overlayContainer)[positionClass] = this._createPaneElement(positionClass, overlayContainer);\n }\n return this._paneElements.get(overlayContainer)[positionClass];\n }\n /**\n * Creates the DOM element for an overlay and appends it to the overlay container.\n * @returns Newly-created pane element\n */\n _createPaneElement(positionClass, overlayContainer) {\n const pane = this._document.createElement('div');\n pane.id = 'toast-container';\n pane.classList.add(positionClass);\n pane.classList.add('toast-container');\n if (!overlayContainer) {\n this._overlayContainer.getContainerElement().appendChild(pane);\n }\n else {\n overlayContainer.getContainerElement().appendChild(pane);\n }\n return pane;\n }\n /**\n * Create a DomPortalHost into which the overlay content can be loaded.\n * @param pane The DOM element to turn into a portal host.\n * @returns A portal host for the given DOM element.\n */\n _createPortalHost(pane) {\n return new DomPortalHost(pane, this._componentFactoryResolver, this._appRef);\n }\n /**\n * Creates an OverlayRef for an overlay in the given DOM element.\n * @param pane DOM element for the overlay\n */\n _createOverlayRef(pane) {\n return new OverlayRef(this._createPortalHost(pane));\n }\n}\nOverlay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: Overlay, deps: [{ token: OverlayContainer }, { token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });\nOverlay.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: Overlay, providedIn: 'root' });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: Overlay, decorators: [{\n type: Injectable,\n args: [{ providedIn: 'root' }]\n }], ctorParameters: function () { return [{ type: OverlayContainer }, { type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: undefined, decorators: [{\n type: Inject,\n args: [DOCUMENT]\n }] }]; } });\n\nclass ToastrService {\n constructor(token, overlay, _injector, sanitizer, ngZone) {\n this.overlay = overlay;\n this._injector = _injector;\n this.sanitizer = sanitizer;\n this.ngZone = ngZone;\n this.currentlyActive = 0;\n this.toasts = [];\n this.index = 0;\n this.toastrConfig = {\n ...token.default,\n ...token.config,\n };\n if (token.config.iconClasses) {\n this.toastrConfig.iconClasses = {\n ...token.default.iconClasses,\n ...token.config.iconClasses,\n };\n }\n }\n /** show toast */\n show(message, title, override = {}, type = '') {\n return this._preBuildNotification(type, message, title, this.applyConfig(override));\n }\n /** show successful toast */\n success(message, title, override = {}) {\n const type = this.toastrConfig.iconClasses.success || '';\n return this._preBuildNotification(type, message, title, this.applyConfig(override));\n }\n /** show error toast */\n error(message, title, override = {}) {\n const type = this.toastrConfig.iconClasses.error || '';\n return this._preBuildNotification(type, message, title, this.applyConfig(override));\n }\n /** show info toast */\n info(message, title, override = {}) {\n const type = this.toastrConfig.iconClasses.info || '';\n return this._preBuildNotification(type, message, title, this.applyConfig(override));\n }\n /** show warning toast */\n warning(message, title, override = {}) {\n const type = this.toastrConfig.iconClasses.warning || '';\n return this._preBuildNotification(type, message, title, this.applyConfig(override));\n }\n /**\n * Remove all or a single toast by id\n */\n clear(toastId) {\n // Call every toastRef manualClose function\n for (const toast of this.toasts) {\n if (toastId !== undefined) {\n if (toast.toastId === toastId) {\n toast.toastRef.manualClose();\n return;\n }\n }\n else {\n toast.toastRef.manualClose();\n }\n }\n }\n /**\n * Remove and destroy a single toast by id\n */\n remove(toastId) {\n const found = this._findToast(toastId);\n if (!found) {\n return false;\n }\n found.activeToast.toastRef.close();\n this.toasts.splice(found.index, 1);\n this.currentlyActive = this.currentlyActive - 1;\n if (!this.toastrConfig.maxOpened || !this.toasts.length) {\n return false;\n }\n if (this.currentlyActive < this.toastrConfig.maxOpened && this.toasts[this.currentlyActive]) {\n const p = this.toasts[this.currentlyActive].toastRef;\n if (!p.isInactive()) {\n this.currentlyActive = this.currentlyActive + 1;\n p.activate();\n }\n }\n return true;\n }\n /**\n * Determines if toast message is already shown\n */\n findDuplicate(title = '', message = '', resetOnDuplicate, countDuplicates) {\n const { includeTitleDuplicates } = this.toastrConfig;\n for (const toast of this.toasts) {\n const hasDuplicateTitle = includeTitleDuplicates && toast.title === title;\n if ((!includeTitleDuplicates || hasDuplicateTitle) && toast.message === message) {\n toast.toastRef.onDuplicate(resetOnDuplicate, countDuplicates);\n return toast;\n }\n }\n return null;\n }\n /** create a clone of global config and apply individual settings */\n applyConfig(override = {}) {\n return { ...this.toastrConfig, ...override };\n }\n /**\n * Find toast object by id\n */\n _findToast(toastId) {\n for (let i = 0; i < this.toasts.length; i++) {\n if (this.toasts[i].toastId === toastId) {\n return { index: i, activeToast: this.toasts[i] };\n }\n }\n return null;\n }\n /**\n * Determines the need to run inside angular's zone then builds the toast\n */\n _preBuildNotification(toastType, message, title, config) {\n if (config.onActivateTick) {\n return this.ngZone.run(() => this._buildNotification(toastType, message, title, config));\n }\n return this._buildNotification(toastType, message, title, config);\n }\n /**\n * Creates and attaches toast data to component\n * returns the active toast, or in case preventDuplicates is enabled the original/non-duplicate active toast.\n */\n _buildNotification(toastType, message, title, config) {\n if (!config.toastComponent) {\n throw new Error('toastComponent required');\n }\n // max opened and auto dismiss = true\n // if timeout = 0 resetting it would result in setting this.hideTime = Date.now(). Hence, we only want to reset timeout if there is\n // a timeout at all\n const duplicate = this.findDuplicate(title, message, this.toastrConfig.resetTimeoutOnDuplicate && config.timeOut > 0, this.toastrConfig.countDuplicates);\n if (((this.toastrConfig.includeTitleDuplicates && title) || message) &&\n this.toastrConfig.preventDuplicates &&\n duplicate !== null) {\n return duplicate;\n }\n this.previousToastMessage = message;\n let keepInactive = false;\n if (this.toastrConfig.maxOpened && this.currentlyActive >= this.toastrConfig.maxOpened) {\n keepInactive = true;\n if (this.toastrConfig.autoDismiss) {\n this.clear(this.toasts[0].toastId);\n }\n }\n const overlayRef = this.overlay.create(config.positionClass, this.overlayContainer);\n this.index = this.index + 1;\n let sanitizedMessage = message;\n if (message && config.enableHtml) {\n sanitizedMessage = this.sanitizer.sanitize(SecurityContext.HTML, message);\n }\n const toastRef = new ToastRef(overlayRef);\n const toastPackage = new ToastPackage(this.index, config, sanitizedMessage, title, toastType, toastRef);\n /** New injector that contains an instance of `ToastPackage`. */\n const providers = [{ provide: ToastPackage, useValue: toastPackage }];\n const toastInjector = Injector.create({ providers, parent: this._injector });\n const component = new ComponentPortal(config.toastComponent, toastInjector);\n const portal = overlayRef.attach(component, config.newestOnTop);\n toastRef.componentInstance = portal.instance;\n const ins = {\n toastId: this.index,\n title: title || '',\n message: message || '',\n toastRef,\n onShown: toastRef.afterActivate(),\n onHidden: toastRef.afterClosed(),\n onTap: toastPackage.onTap(),\n onAction: toastPackage.onAction(),\n portal,\n };\n if (!keepInactive) {\n this.currentlyActive = this.currentlyActive + 1;\n setTimeout(() => {\n ins.toastRef.activate();\n });\n }\n this.toasts.push(ins);\n return ins;\n }\n}\nToastrService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: ToastrService, deps: [{ token: TOAST_CONFIG }, { token: Overlay }, { token: i0.Injector }, { token: i2.DomSanitizer }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });\nToastrService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: ToastrService, providedIn: 'root' });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: ToastrService, decorators: [{\n type: Injectable,\n args: [{ providedIn: 'root' }]\n }], ctorParameters: function () { return [{ type: undefined, decorators: [{\n type: Inject,\n args: [TOAST_CONFIG]\n }] }, { type: Overlay }, { type: i0.Injector }, { type: i2.DomSanitizer }, { type: i0.NgZone }]; } });\n\nclass Toast {\n constructor(toastrService, toastPackage, ngZone) {\n this.toastrService = toastrService;\n this.toastPackage = toastPackage;\n this.ngZone = ngZone;\n /** width of progress bar */\n this.width = -1;\n /** a combination of toast type and options.toastClass */\n this.toastClasses = '';\n /** controls animation */\n this.state = {\n value: 'inactive',\n params: {\n easeTime: this.toastPackage.config.easeTime,\n easing: 'ease-in'\n }\n };\n this.message = toastPackage.message;\n this.title = toastPackage.title;\n this.options = toastPackage.config;\n this.originalTimeout = toastPackage.config.timeOut;\n this.toastClasses = `${toastPackage.toastType} ${toastPackage.config.toastClass}`;\n this.sub = toastPackage.toastRef.afterActivate().subscribe(() => {\n this.activateToast();\n });\n this.sub1 = toastPackage.toastRef.manualClosed().subscribe(() => {\n this.remove();\n });\n this.sub2 = toastPackage.toastRef.timeoutReset().subscribe(() => {\n this.resetTimeout();\n });\n this.sub3 = toastPackage.toastRef.countDuplicate().subscribe(count => {\n this.duplicatesCount = count;\n });\n }\n /** hides component when waiting to be displayed */\n get displayStyle() {\n if (this.state.value === 'inactive') {\n return 'none';\n }\n return;\n }\n ngOnDestroy() {\n this.sub.unsubscribe();\n this.sub1.unsubscribe();\n this.sub2.unsubscribe();\n this.sub3.unsubscribe();\n clearInterval(this.intervalId);\n clearTimeout(this.timeout);\n }\n /**\n * activates toast and sets timeout\n */\n activateToast() {\n this.state = { ...this.state, value: 'active' };\n if (!(this.options.disableTimeOut === true || this.options.disableTimeOut === 'timeOut') && this.options.timeOut) {\n this.outsideTimeout(() => this.remove(), this.options.timeOut);\n this.hideTime = new Date().getTime() + this.options.timeOut;\n if (this.options.progressBar) {\n this.outsideInterval(() => this.updateProgress(), 10);\n }\n }\n }\n /**\n * updates progress bar width\n */\n updateProgress() {\n if (this.width === 0 || this.width === 100 || !this.options.timeOut) {\n return;\n }\n const now = new Date().getTime();\n const remaining = this.hideTime - now;\n this.width = (remaining / this.options.timeOut) * 100;\n if (this.options.progressAnimation === 'increasing') {\n this.width = 100 - this.width;\n }\n if (this.width <= 0) {\n this.width = 0;\n }\n if (this.width >= 100) {\n this.width = 100;\n }\n }\n resetTimeout() {\n clearTimeout(this.timeout);\n clearInterval(this.intervalId);\n this.state = { ...this.state, value: 'active' };\n this.outsideTimeout(() => this.remove(), this.originalTimeout);\n this.options.timeOut = this.originalTimeout;\n this.hideTime = new Date().getTime() + (this.options.timeOut || 0);\n this.width = -1;\n if (this.options.progressBar) {\n this.outsideInterval(() => this.updateProgress(), 10);\n }\n }\n /**\n * tells toastrService to remove this toast after animation time\n */\n remove() {\n if (this.state.value === 'removed') {\n return;\n }\n clearTimeout(this.timeout);\n this.state = { ...this.state, value: 'removed' };\n this.outsideTimeout(() => this.toastrService.remove(this.toastPackage.toastId), +this.toastPackage.config.easeTime);\n }\n tapToast() {\n if (this.state.value === 'removed') {\n return;\n }\n this.toastPackage.triggerTap();\n if (this.options.tapToDismiss) {\n this.remove();\n }\n }\n stickAround() {\n if (this.state.value === 'removed') {\n return;\n }\n if (this.options.disableTimeOut !== 'extendedTimeOut') {\n clearTimeout(this.timeout);\n this.options.timeOut = 0;\n this.hideTime = 0;\n // disable progressBar\n clearInterval(this.intervalId);\n this.width = 0;\n }\n }\n delayedHideToast() {\n if ((this.options.disableTimeOut === true || this.options.disableTimeOut === 'extendedTimeOut') ||\n this.options.extendedTimeOut === 0 ||\n this.state.value === 'removed') {\n return;\n }\n this.outsideTimeout(() => this.remove(), this.options.extendedTimeOut);\n this.options.timeOut = this.options.extendedTimeOut;\n this.hideTime = new Date().getTime() + (this.options.timeOut || 0);\n this.width = -1;\n if (this.options.progressBar) {\n this.outsideInterval(() => this.updateProgress(), 10);\n }\n }\n outsideTimeout(func, timeout) {\n if (this.ngZone) {\n this.ngZone.runOutsideAngular(() => (this.timeout = setTimeout(() => this.runInsideAngular(func), timeout)));\n }\n else {\n this.timeout = setTimeout(() => func(), timeout);\n }\n }\n outsideInterval(func, timeout) {\n if (this.ngZone) {\n this.ngZone.runOutsideAngular(() => (this.intervalId = setInterval(() => this.runInsideAngular(func), timeout)));\n }\n else {\n this.intervalId = setInterval(() => func(), timeout);\n }\n }\n runInsideAngular(func) {\n if (this.ngZone) {\n this.ngZone.run(() => func());\n }\n else {\n func();\n }\n }\n}\nToast.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: Toast, deps: [{ token: ToastrService }, { token: ToastPackage }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });\nToast.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.0.2\", type: Toast, selector: \"[toast-component]\", host: { listeners: { \"click\": \"tapToast()\", \"mouseenter\": \"stickAround()\", \"mouseleave\": \"delayedHideToast()\" }, properties: { \"class\": \"this.toastClasses\", \"@flyInOut\": \"this.state\", \"style.display\": \"this.displayStyle\" } }, ngImport: i0, template: `\n \n \n {{ title }} [{{ duplicatesCount + 1 }}] \n
\n \n
\n \n {{ message }}\n
\n \n \n
\n `, isInline: true, dependencies: [{ kind: \"directive\", type: i3.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }], animations: [\n trigger('flyInOut', [\n state('inactive', style({ opacity: 0 })),\n state('active', style({ opacity: 1 })),\n state('removed', style({ opacity: 0 })),\n transition('inactive => active', animate('{{ easeTime }}ms {{ easing }}')),\n transition('active => removed', animate('{{ easeTime }}ms {{ easing }}'))\n ])\n ] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: Toast, decorators: [{\n type: Component,\n args: [{\n selector: '[toast-component]',\n template: `\n \n \n {{ title }} [{{ duplicatesCount + 1 }}] \n
\n \n
\n \n {{ message }}\n
\n \n \n
\n `,\n animations: [\n trigger('flyInOut', [\n state('inactive', style({ opacity: 0 })),\n state('active', style({ opacity: 1 })),\n state('removed', style({ opacity: 0 })),\n transition('inactive => active', animate('{{ easeTime }}ms {{ easing }}')),\n transition('active => removed', animate('{{ easeTime }}ms {{ easing }}'))\n ])\n ],\n preserveWhitespaces: false\n }]\n }], ctorParameters: function () { return [{ type: ToastrService }, { type: ToastPackage }, { type: i0.NgZone }]; }, propDecorators: { toastClasses: [{\n type: HostBinding,\n args: ['class']\n }], state: [{\n type: HostBinding,\n args: ['@flyInOut']\n }], displayStyle: [{\n type: HostBinding,\n args: ['style.display']\n }], tapToast: [{\n type: HostListener,\n args: ['click']\n }], stickAround: [{\n type: HostListener,\n args: ['mouseenter']\n }], delayedHideToast: [{\n type: HostListener,\n args: ['mouseleave']\n }] } });\n\nconst DefaultGlobalConfig = {\n ...DefaultNoComponentGlobalConfig,\n toastComponent: Toast,\n};\nclass ToastrModule {\n static forRoot(config = {}) {\n return {\n ngModule: ToastrModule,\n providers: [\n {\n provide: TOAST_CONFIG,\n useValue: {\n default: DefaultGlobalConfig,\n config,\n },\n },\n ],\n };\n }\n}\nToastrModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: ToastrModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });\nToastrModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"14.0.2\", ngImport: i0, type: ToastrModule, declarations: [Toast], imports: [CommonModule], exports: [Toast] });\nToastrModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: ToastrModule, imports: [CommonModule] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: ToastrModule, decorators: [{\n type: NgModule,\n args: [{\n imports: [CommonModule],\n declarations: [Toast],\n exports: [Toast],\n }]\n }] });\nclass ToastrComponentlessModule {\n static forRoot(config = {}) {\n return {\n ngModule: ToastrModule,\n providers: [\n {\n provide: TOAST_CONFIG,\n useValue: {\n default: DefaultNoComponentGlobalConfig,\n config,\n },\n },\n ],\n };\n }\n}\nToastrComponentlessModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: ToastrComponentlessModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });\nToastrComponentlessModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"14.0.2\", ngImport: i0, type: ToastrComponentlessModule, imports: [CommonModule] });\nToastrComponentlessModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: ToastrComponentlessModule, imports: [CommonModule] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: ToastrComponentlessModule, decorators: [{\n type: NgModule,\n args: [{\n imports: [CommonModule],\n }]\n }] });\n\nclass ToastNoAnimation {\n constructor(toastrService, toastPackage, appRef) {\n this.toastrService = toastrService;\n this.toastPackage = toastPackage;\n this.appRef = appRef;\n /** width of progress bar */\n this.width = -1;\n /** a combination of toast type and options.toastClass */\n this.toastClasses = '';\n /** controls animation */\n this.state = 'inactive';\n this.message = toastPackage.message;\n this.title = toastPackage.title;\n this.options = toastPackage.config;\n this.originalTimeout = toastPackage.config.timeOut;\n this.toastClasses = `${toastPackage.toastType} ${toastPackage.config.toastClass}`;\n this.sub = toastPackage.toastRef.afterActivate().subscribe(() => {\n this.activateToast();\n });\n this.sub1 = toastPackage.toastRef.manualClosed().subscribe(() => {\n this.remove();\n });\n this.sub2 = toastPackage.toastRef.timeoutReset().subscribe(() => {\n this.resetTimeout();\n });\n this.sub3 = toastPackage.toastRef.countDuplicate().subscribe(count => {\n this.duplicatesCount = count;\n });\n }\n /** hides component when waiting to be displayed */\n get displayStyle() {\n if (this.state === 'inactive') {\n return 'none';\n }\n }\n ngOnDestroy() {\n this.sub.unsubscribe();\n this.sub1.unsubscribe();\n this.sub2.unsubscribe();\n this.sub3.unsubscribe();\n clearInterval(this.intervalId);\n clearTimeout(this.timeout);\n }\n /**\n * activates toast and sets timeout\n */\n activateToast() {\n this.state = 'active';\n if (!(this.options.disableTimeOut === true || this.options.disableTimeOut === 'timeOut') && this.options.timeOut) {\n this.timeout = setTimeout(() => {\n this.remove();\n }, this.options.timeOut);\n this.hideTime = new Date().getTime() + this.options.timeOut;\n if (this.options.progressBar) {\n this.intervalId = setInterval(() => this.updateProgress(), 10);\n }\n }\n if (this.options.onActivateTick) {\n this.appRef.tick();\n }\n }\n /**\n * updates progress bar width\n */\n updateProgress() {\n if (this.width === 0 || this.width === 100 || !this.options.timeOut) {\n return;\n }\n const now = new Date().getTime();\n const remaining = this.hideTime - now;\n this.width = (remaining / this.options.timeOut) * 100;\n if (this.options.progressAnimation === 'increasing') {\n this.width = 100 - this.width;\n }\n if (this.width <= 0) {\n this.width = 0;\n }\n if (this.width >= 100) {\n this.width = 100;\n }\n }\n resetTimeout() {\n clearTimeout(this.timeout);\n clearInterval(this.intervalId);\n this.state = 'active';\n this.options.timeOut = this.originalTimeout;\n this.timeout = setTimeout(() => this.remove(), this.originalTimeout);\n this.hideTime = new Date().getTime() + (this.originalTimeout || 0);\n this.width = -1;\n if (this.options.progressBar) {\n this.intervalId = setInterval(() => this.updateProgress(), 10);\n }\n }\n /**\n * tells toastrService to remove this toast after animation time\n */\n remove() {\n if (this.state === 'removed') {\n return;\n }\n clearTimeout(this.timeout);\n this.state = 'removed';\n this.timeout = setTimeout(() => this.toastrService.remove(this.toastPackage.toastId));\n }\n tapToast() {\n if (this.state === 'removed') {\n return;\n }\n this.toastPackage.triggerTap();\n if (this.options.tapToDismiss) {\n this.remove();\n }\n }\n stickAround() {\n if (this.state === 'removed') {\n return;\n }\n clearTimeout(this.timeout);\n this.options.timeOut = 0;\n this.hideTime = 0;\n // disable progressBar\n clearInterval(this.intervalId);\n this.width = 0;\n }\n delayedHideToast() {\n if ((this.options.disableTimeOut === true || this.options.disableTimeOut === 'extendedTimeOut') ||\n this.options.extendedTimeOut === 0 ||\n this.state === 'removed') {\n return;\n }\n this.timeout = setTimeout(() => this.remove(), this.options.extendedTimeOut);\n this.options.timeOut = this.options.extendedTimeOut;\n this.hideTime = new Date().getTime() + (this.options.timeOut || 0);\n this.width = -1;\n if (this.options.progressBar) {\n this.intervalId = setInterval(() => this.updateProgress(), 10);\n }\n }\n}\nToastNoAnimation.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: ToastNoAnimation, deps: [{ token: ToastrService }, { token: ToastPackage }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Component });\nToastNoAnimation.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.0.2\", type: ToastNoAnimation, selector: \"[toast-component]\", host: { listeners: { \"click\": \"tapToast()\", \"mouseenter\": \"stickAround()\", \"mouseleave\": \"delayedHideToast()\" }, properties: { \"class\": \"this.toastClasses\", \"style.display\": \"this.displayStyle\" } }, ngImport: i0, template: `\n \n \n {{ title }} [{{ duplicatesCount + 1 }}] \n
\n \n
\n \n {{ message }}\n
\n \n \n
\n `, isInline: true, dependencies: [{ kind: \"directive\", type: i3.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: ToastNoAnimation, decorators: [{\n type: Component,\n args: [{\n selector: '[toast-component]',\n template: `\n \n \n {{ title }} [{{ duplicatesCount + 1 }}] \n
\n \n
\n \n {{ message }}\n
\n \n \n
\n `,\n }]\n }], ctorParameters: function () { return [{ type: ToastrService }, { type: ToastPackage }, { type: i0.ApplicationRef }]; }, propDecorators: { toastClasses: [{\n type: HostBinding,\n args: ['class']\n }], displayStyle: [{\n type: HostBinding,\n args: ['style.display']\n }], tapToast: [{\n type: HostListener,\n args: ['click']\n }], stickAround: [{\n type: HostListener,\n args: ['mouseenter']\n }], delayedHideToast: [{\n type: HostListener,\n args: ['mouseleave']\n }] } });\nconst DefaultNoAnimationsGlobalConfig = {\n ...DefaultNoComponentGlobalConfig,\n toastComponent: ToastNoAnimation,\n};\nclass ToastNoAnimationModule {\n static forRoot(config = {}) {\n return {\n ngModule: ToastNoAnimationModule,\n providers: [\n {\n provide: TOAST_CONFIG,\n useValue: {\n default: DefaultNoAnimationsGlobalConfig,\n config,\n },\n },\n ],\n };\n }\n}\nToastNoAnimationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: ToastNoAnimationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });\nToastNoAnimationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"14.0.2\", ngImport: i0, type: ToastNoAnimationModule, declarations: [ToastNoAnimation], imports: [CommonModule], exports: [ToastNoAnimation] });\nToastNoAnimationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: ToastNoAnimationModule, imports: [CommonModule] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.0.2\", ngImport: i0, type: ToastNoAnimationModule, decorators: [{\n type: NgModule,\n args: [{\n imports: [CommonModule],\n declarations: [ToastNoAnimation],\n exports: [ToastNoAnimation],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { BasePortalHost, ComponentPortal, DefaultGlobalConfig, DefaultNoAnimationsGlobalConfig, DefaultNoComponentGlobalConfig, Overlay, OverlayContainer, OverlayRef, TOAST_CONFIG, Toast, ToastContainerDirective, ToastContainerModule, ToastNoAnimation, ToastNoAnimationModule, ToastPackage, ToastRef, ToastrComponentlessModule, ToastrModule, ToastrService };\n","import * as i0 from '@angular/core';\nimport { EventEmitter, Component, Input, Output, InjectionToken, Inject, NgModule } from '@angular/core';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\nimport { HttpClientModule } from '@angular/common/http';\nimport { InlineSVGModule } from 'ng-inline-svg-2';\nimport * as i4 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i1 from '@fgb/portal-component-library/src/lib/shared/time-since';\nimport { TimeSinceModule } from '@fgb/portal-component-library/src/lib/shared/time-since';\nimport * as i3 from '@angular/router';\nimport { RouterModule } from '@angular/router';\nimport { Subject } from 'rxjs';\nimport { takeUntil, tap } from 'rxjs/operators';\nimport * as i1$1 from '@fgb/core';\nimport { NotificationCenterActionType, NotificationLoyaltyType, NotificationCenterMessageType, EntityNotificationGroupDto, LoyaltyActionType } from '@fgb/core';\nimport * as i2$1 from '@ngx-translate/core';\nimport { trigger, state, style, transition, animate, keyframes } from '@angular/animations';\nimport * as i1$2 from 'ngx-toastr';\nimport { Toast } from 'ngx-toastr';\nimport * as i3$1 from '@ng-bootstrap/ng-bootstrap';\n\nclass NotificationItemComponent {\n constructor() {\n this.goToNotification = new EventEmitter();\n this.actionType = NotificationCenterActionType;\n this.id = 1;\n }\n ngOnInit() { }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NotificationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: NotificationItemComponent, selector: \"fgbcl-notification-item\", inputs: { notification: \"notification\" }, outputs: { goToNotification: \"goToNotification\" }, ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"component\", type: i1.TimeSinceComponent, selector: \"fgbcl-time-since\", inputs: [\"startDate\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i2.NgSwitch, selector: \"[ngSwitch]\", inputs: [\"ngSwitch\"] }, { kind: \"directive\", type: i2.NgSwitchCase, selector: \"[ngSwitchCase]\", inputs: [\"ngSwitchCase\"] }, { kind: \"directive\", type: i3.RouterLink, selector: \"[routerLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"state\", \"info\", \"relativeTo\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"routerLink\"] }, { kind: \"pipe\", type: i4.ContentImagePipe, name: \"contentImage\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NotificationItemComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-notification-item', template: \"\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ notification.messageLanguage?.linkText }}\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n {{ notification.messageLanguage?.linkText }}\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { notification: [{\n type: Input\n }], goToNotification: [{\n type: Output\n }] } });\n\nclass NotificationHubComponent {\n constructor(notificationService, notificationQuery, memberQuery) {\n this.notificationService = notificationService;\n this.notificationQuery = notificationQuery;\n this.memberQuery = memberQuery;\n this.goToNotification = new EventEmitter();\n this._destroyed$ = new Subject();\n }\n ngOnDestroy() {\n this._destroyed$.next();\n this._destroyed$.complete();\n }\n ngOnInit() {\n this.memberQuery.userContext$.pipe(takeUntil(this._destroyed$)).subscribe((user) => {\n if (user && user.lcid) {\n this.notifications$ = this.notificationQuery.selectAllPagedView(+user.lcid);\n }\n });\n this.isOpen$ = this.notificationQuery.isOpen$.pipe(tap((isOpen) => {\n this.isOpen = isOpen;\n if (isOpen) {\n this.notificationService.startNotificationCheck();\n }\n }));\n this.showPrev$ = this.notificationQuery.showPrev$;\n this.showNext$ = this.notificationQuery.showNext$;\n this.unseenNotificationCount$ = this.notificationQuery.unseenNotificationsCount$;\n }\n /**\n * Toggle the isOpen, used when we show and hide the notification center\n */\n toggleIsOpen() {\n this.notificationService.updateIsOpen(!this.isOpen);\n }\n incrementPage() {\n this.notificationService.incrementPage();\n }\n decrementPage() {\n this.notificationService.decrementPage();\n }\n toggleNotificationCenter(open) {\n this.notificationService.updateIsOpen(open);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NotificationHubComponent, deps: [{ token: i1$1.NotificationCenterService }, { token: i1$1.NotificationCenterQuery }, { token: i1$1.MemberQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: NotificationHubComponent, selector: \"fgbcl-notification-hub\", outputs: { goToNotification: \"goToNotification\" }, ngImport: i0, template: \"\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ notification.messageLanguage?.linkText }}\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n {{ notification.messageLanguage?.linkText }}\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n {{ 'notification.no.available.at.the.moment' | translate }}
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n {{ 'notification.no.available.at.the.moment' | translate }}
\\r\\n\\r\\n \\u00D7 \\r\\n
\\r\\n\\r\\n \\u00D7 \\r\\n
\\r\\n\\r\\n
\\r\\n\", styles: [\"\"] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NotificationGroupItemComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-notification-group-item', template: \"\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [{ type: i1$1.MemberQuery }, { type: i1$1.NotificationManagementService }], propDecorators: { group: [{\n type: Input\n }] } });\n\nclass NotificationManagementComponent {\n constructor(notificationManagementQuery) {\n this.notificationManagementQuery = notificationManagementQuery;\n this.LoyaltyActionType = LoyaltyActionType;\n }\n ngOnInit() {\n this.notificationGroups$ = this.notificationManagementQuery.selectAll();\n }\n trackGroup(index, group) {\n return group ? group.NotificationGroupId : undefined;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NotificationManagementComponent, deps: [{ token: i1$1.NotificationManagementQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: NotificationManagementComponent, selector: \"fgbcl-notification-management\", ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i2.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: NotificationGroupItemComponent, selector: \"fgbcl-notification-group-item\", inputs: [\"group\"] }, { kind: \"pipe\", type: i2.AsyncPipe, name: \"async\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NotificationManagementComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-notification-management', template: \"\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [{ type: i1$1.NotificationManagementQuery }] });\n\nclass WebpushNotificationButtonsComponent {\n constructor(webPush, translate, logger) {\n this.webPush = webPush;\n this.translate = translate;\n this.logger = logger;\n this.key = 'BHF8HGRy_YS2prvwE_ePrGWjYOVIC-Hxpy9v-P4e9FTEBx0E71p708iPogEEqDpMY_lMFv1jhFdu05WzLTCzZ64';\n this.isEnabled = false;\n this.errorMessage = '';\n }\n ngOnInit() {\n if (!('serviceWorker' in navigator)) {\n this.logger.error('Service workers are not supported by this browser');\n this.errorMessage = this.translate.instant('webpush.sw.not.supported', { fgbdefault: 'Service workers are not supported by this browser.' });\n return;\n }\n if (!('Notification' in window)) {\n this.logger.error('Notifications are not supported by this browser');\n this.errorMessage = this.translate.instant('webpush.notification.not.supported', { fgbdefault: 'Notifications are not supported by this browser.' });\n return;\n }\n if (!('PushManager' in window)) {\n this.logger.error('Push notifications are not supported by this browser');\n this.errorMessage = this.translate.instant('webpush.notification.not.supported', { fgbdefault: 'Push notifications are not supported by this browser.' });\n return;\n }\n this.isEnabled = this.webPush.isEnabled;\n this.isSubscribed$ = this.webPush.isSubscribed$;\n this.isStandAlone = window.matchMedia('(display-mode: standalone)').matches;\n }\n subscribeToWebPush() {\n this.clearErrorMessages();\n if (Notification.permission === 'denied') {\n this.errorMessage = this.translate.instant('webpush.subscribe.permission.denied', { fgbdefault: 'You have denied permission to receive web push notifications. Please update your browser settings to allow web push notifications.' });\n return;\n }\n this.webPush.requestSubscription(this.key)\n .catch(() => {\n // Throws error message if there is an issue with the database\n this.errorMessage = this.translate.instant('webpush.subscribe.error', { fgbdefault: 'An unsuspected error occurred while subscribing to web push notifications. Please contact support.' });\n });\n }\n unsubscribeToWebPush() {\n this.clearErrorMessages();\n this.webPush.unsubscribe()\n .catch(() => {\n this.errorMessage = this.translate.instant('webpush.unsubscribe.error', { fgbdefault: 'An error occurred while unsubscribing to web push notifications. Please contact support.' });\n });\n }\n clearErrorMessages() {\n this.errorMessage = '';\n }\n isIOSDevice() {\n const isIOS = /(iPad Simulator|iPhone Simulator|iPod Simulator|iPad|iPhone|iPod)/g.test(navigator.userAgent);\n return isIOS || (navigator.userAgent.includes(\"Mac\") && \"ontouchend\" in document);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: WebpushNotificationButtonsComponent, deps: [{ token: i1$1.WebPushNotificationService }, { token: i2$1.TranslateService }, { token: i1$1.LoggingService }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: WebpushNotificationButtonsComponent, selector: \"fgbcl-webpush-notification-buttons\", inputs: { key: \"key\" }, ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\", styles: [\".webpush-notification button{min-width:115px}.webpush-notification .error-message{color:red;font-size:10px}.webpush-notification .button-wrapper{display:flex;justify-content:space-between;margin-top:20px}.webpush-notification .webpush-modal-content{display:flex;flex-direction:column;align-items:center}.webpush-notification .webpush-modal-content p{max-width:400px}.webpush-notification .ios-instruction{display:flex;align-items:center;font-size:12px}.webpush-notification .ios-instruction img{height:20px;margin:0 5px}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"pipe\", type: i2.AsyncPipe, name: \"async\" }, { kind: \"pipe\", type: i2$1.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: WebpushNotificationButtonsComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-webpush-notification-buttons', template: \"\\r\\n {{ 'webpush.ios.instruction.share' | translate : { fgbdefault: 'Tap the share button' } }} ![](\\\"assets/icons/share-icon.png\\\")
{{ 'webpush.ios.instruction.add.to.home' | translate: { fgbdefault: 'then click \\\"Add To Home Screen\\\"' } }}\\r\\n
\\r\\n {{ 'webpush.ios.instruction.add.to.home' | translate: { fgbdefault: 'then click \\\"Add To Home Screen\\\"' } }}\\r\\n {{ 'webpush.notification.information' | translate: { fgbdefault: 'Manage webpush subscription. Subscribe to receive notification.' } }}
\\r\\n \\r\\n{{ 'webpush.notification.disabled' | translate: { fgbdefault: 'Your device or browser currently does not support webpush.' } }}
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\", styles: [\".webpush-notification button{min-width:115px}.webpush-notification .error-message{color:red;font-size:10px}.webpush-notification .button-wrapper{display:flex;justify-content:space-between;margin-top:20px}.webpush-notification .webpush-modal-content{display:flex;flex-direction:column;align-items:center}.webpush-notification .webpush-modal-content p{max-width:400px}.webpush-notification .ios-instruction{display:flex;align-items:center;font-size:12px}.webpush-notification .ios-instruction img{height:20px;margin:0 5px}\\n\"] }]\n }], ctorParameters: () => [{ type: i1$1.WebPushNotificationService }, { type: i2$1.TranslateService }, { type: i1$1.LoggingService }], propDecorators: { key: [{\n type: Input\n }] } });\n\nclass NotificationModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: NotificationModule, declarations: [NotificationHubComponent,\n NotificationItemComponent,\n NotificationToastComponent,\n NotificationCenterToastComponent,\n NotificationGroupItemComponent,\n NotificationManagementComponent,\n WebpushNotificationButtonsComponent], imports: [TimeSinceModule,\n CommonModule,\n FormsModule,\n PipesModule,\n ReactiveFormsModule,\n InlineSVGModule,\n HttpClientModule,\n RouterModule,\n FGBSharedModule], exports: [NotificationHubComponent,\n NotificationItemComponent,\n NotificationToastComponent,\n NotificationCenterToastComponent,\n NotificationGroupItemComponent,\n NotificationManagementComponent,\n WebpushNotificationButtonsComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NotificationModule, imports: [TimeSinceModule,\n CommonModule,\n FormsModule,\n PipesModule,\n ReactiveFormsModule,\n InlineSVGModule,\n HttpClientModule,\n RouterModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NotificationModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [\n NotificationHubComponent,\n NotificationItemComponent,\n NotificationToastComponent,\n NotificationCenterToastComponent,\n NotificationGroupItemComponent,\n NotificationManagementComponent,\n WebpushNotificationButtonsComponent,\n ],\n imports: [\n TimeSinceModule,\n CommonModule,\n FormsModule,\n PipesModule,\n ReactiveFormsModule,\n InlineSVGModule,\n HttpClientModule,\n RouterModule,\n FGBSharedModule\n ],\n exports: [\n NotificationHubComponent,\n NotificationItemComponent,\n NotificationToastComponent,\n NotificationCenterToastComponent,\n NotificationGroupItemComponent,\n NotificationManagementComponent,\n WebpushNotificationButtonsComponent,\n ],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { ALERT_NOTIFICATION_COMPONENTS, NotificationCenterToastComponent, NotificationGroupItemComponent, NotificationHubComponent, NotificationItemComponent, NotificationManagementComponent, NotificationModule, NotificationToastComponent, WebpushNotificationButtonsComponent, mergeAlertNotificationComponentMaps };\n","\\r\\n {{ 'webpush.ios.instruction.share' | translate : { fgbdefault: 'Tap the share button' } }} {{ 'webpush.ios.instruction.add.to.home' | translate: { fgbdefault: 'then click \\\"Add To Home Screen\\\"' } }}\\r\\n
\\r\\n {{ 'webpush.ios.instruction.add.to.home' | translate: { fgbdefault: 'then click \\\"Add To Home Screen\\\"' } }}\\r\\n {{ 'webpush.notification.information' | translate: { fgbdefault: 'Manage webpush subscription. Subscribe to receive notification.' } }}
\\r\\n \\r\\n{{ 'webpush.notification.disabled' | translate: { fgbdefault: 'Your device or browser currently does not support webpush.' } }}
\\r\\n{{ unseenNotificationCount$ | async }}
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n close\r\n \r\n
\r\n \r\n {{ 'navbar.notifications.title' | translate : { fgbdefault: 'Notifications' } }}\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({ name: 'creditCardNumber' })\r\nexport class CreditCardNumberPipe implements PipeTransform {\r\n constructor() { }\r\n\r\n transform(value: any) {\r\n if (typeof value === 'string') {\r\n let cardNumber = value.replace(' ', '').replace('-', '');\r\n if (cardNumber.length === 16) {\r\n return '**** **** **** ' + value.substr(12);\r\n }\r\n }\r\n\r\n return value;\r\n }\r\n}\r\n","\r\n
\r\n\r\n ![](\"assets/images/Logos/RedbullsFooterLogo.svg\")
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n ![](\"assets/images/payment-icons/_Mastercard.svg\")
\r\n ![](\"assets/images/payment-icons/_AMEX.svg\")
\r\n ![](\"assets/images/payment-icons/_Visa.svg\")
\r\n ![](\"assets/images/payment-icons/_Discover.svg\")
\r\n ![](\"assets/images/payment-icons/_JCB.svg\")
\r\n ![](\"assets/images/payment-icons/_DinnersClub.svg\")
\r\n ![](\"assets/images/payment-icons/_UnionPay.svg\")
\r\n \r\n \r\n ({{ cardToken?.CardNumber | creditCardNumber | slice : -4 }}) \r\n
\r\n\r\n \r\n keyboard_arrow_right\r\n \r\n \r\n \r\n \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, OnDestroy } from '@angular/core';\r\nimport {\r\n AuthService,\r\n BalanceQuery,\r\n Card,\r\n CardQuery,\r\n config,\r\n MemberCard,\r\n MemberCardQuery,\r\n MemberDetails,\r\n MemberQuery,\r\n} from '@fgb/core';\r\nimport { Router, NavigationStart } from '@angular/router';\r\nimport { Observable, Subject, Subscription } from 'rxjs';\r\nimport { filter, map, tap ,takeUntil} from 'rxjs/operators';\r\nimport { TranslateService } from '@ngx-translate/core';\r\n@Component({\r\n selector: 'fgb-mobile-nav-menu',\r\n templateUrl: './mobile-nav-menu.component.html',\r\n styleUrls: ['./mobile-nav-menu.component.scss'],\r\n})\r\nexport class MobileNavMenuComponent implements OnInit, OnDestroy {\r\n pointsBalance$: Observable\r\n
\r\n\r\n \r\n \r\n\r\n \r\n
\r\n \r\n ![](\"assets/images/Logos/Redbullslogo.svg\")
\r\n
\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, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'fgb-popup-info',\r\n templateUrl: './popup-info.component.html',\r\n styleUrls: ['./popup-info.component.scss']\r\n})\r\nexport class PopupInfoComponent implements OnInit {\r\n\r\n @Input() description: string;\r\n @Input() image: string;\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","import { Component, OnInit, Output, EventEmitter } from '@angular/core';\r\nimport { PopUpNotificationResponseType } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-popup-action-confirm',\r\n templateUrl: './popup-action-confirm.component.html',\r\n styleUrls: ['./popup-action-confirm.component.scss']\r\n})\r\nexport class PopupActionConfirmComponent implements OnInit {\r\n\r\n @Output() popupResponse = new EventEmitter\r\n
\r\n{{description}}
\r\n \r\n
\r\n","import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef } from '@angular/core';\r\nimport {\r\n LoggingService,\r\n PopUpCommandType,\r\n PopUpNotificationResponseType,\r\n PopUpNotificationType,\r\n PopUpNotificationViewModel,\r\n} from '@fgb/core';\r\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { Subject, Subscription } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fgb-custom-popup',\r\n templateUrl: './custom-popup.component.html',\r\n styleUrls: ['./custom-popup.component.scss'],\r\n})\r\nexport class CustomPopupComponent implements OnInit, AfterViewInit, OnDestroy {\r\n popupData: PopUpNotificationViewModel;\r\n dynamicComponentRef: TemplateRef\r\n {{ popupData.popUpNotificationLanguage.name }}\r\n
\r\n \r\n \r\n\r\n
\r\n \r\n\r\n
\r\n {{ popupData.popUpNotificationLanguage.description }}
\r\n\r\n
\r\n \r\n \r\n
\r\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\nimport { MemberDetails, MemberQuery, MemberService } from '@fgb/core';\r\nimport { tap } from 'rxjs/operators';\r\nimport { FormGroup, FormBuilder, Validators } from '@angular/forms';\r\nimport { NgbDate } from '@ng-bootstrap/ng-bootstrap';\r\n\r\n@Component({\r\n selector: 'fgb-edit-account-details',\r\n templateUrl: './edit-account-details.component.html',\r\n styleUrls: ['./edit-account-details.component.scss'],\r\n})\r\nexport class EditAccountDetailsComponent implements OnInit {\r\n member$: Observable\r\n
\r\n\r\n\\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"pipe\", type: i3.SafeHtmlPipe, name: \"safeHtml\" }, { kind: \"pipe\", type: i3.TruncatePipe, name: \"truncate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ShortLongDescriptionComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-short-long-description', template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n {{ toggleButtonContent }}\\r\\n
\\r\\n\\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [{ type: i1.TranslateService }], propDecorators: { description: [{\n type: Input\n }], descriptionLength: [{\n type: Input\n }], descriptionLengthMobile: [{\n type: Input\n }] } });\n\nclass ShortLongDescriptionModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ShortLongDescriptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: ShortLongDescriptionModule, declarations: [ShortLongDescriptionComponent], imports: [CommonModule, PipesModule], exports: [ShortLongDescriptionComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ShortLongDescriptionModule, imports: [CommonModule, PipesModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ShortLongDescriptionModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [ShortLongDescriptionComponent],\n imports: [CommonModule, PipesModule],\n exports: [ShortLongDescriptionComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { ShortLongDescriptionComponent, ShortLongDescriptionModule };\n","// canvas-confetti v1.9.1 built on 2023-11-16T06:04:29.288Z\nvar module = {};\n\n// source content\n/* globals Map */\n\n(function main(global, module, isWorker, workerSize) {\n var canUseWorker = !!(\n global.Worker &&\n global.Blob &&\n global.Promise &&\n global.OffscreenCanvas &&\n global.OffscreenCanvasRenderingContext2D &&\n global.HTMLCanvasElement &&\n global.HTMLCanvasElement.prototype.transferControlToOffscreen &&\n global.URL &&\n global.URL.createObjectURL);\n\n var canUsePaths = typeof Path2D === 'function' && typeof DOMMatrix === 'function';\n var canDrawBitmap = (function () {\n // this mostly supports ssr\n if (!global.OffscreenCanvas) {\n return false;\n }\n\n var canvas = new OffscreenCanvas(1, 1);\n var ctx = canvas.getContext('2d');\n ctx.fillRect(0, 0, 1, 1);\n var bitmap = canvas.transferToImageBitmap();\n\n try {\n ctx.createPattern(bitmap, 'no-repeat');\n } catch (e) {\n return false;\n }\n\n return true;\n })();\n\n function noop() {}\n\n // create a promise if it exists, otherwise, just\n // call the function directly\n function promise(func) {\n var ModulePromise = module.exports.Promise;\n var Prom = ModulePromise !== void 0 ? ModulePromise : global.Promise;\n\n if (typeof Prom === 'function') {\n return new Prom(func);\n }\n\n func(noop, noop);\n\n return null;\n }\n\n var bitmapMapper = (function (skipTransform, map) {\n // see https://github.com/catdad/canvas-confetti/issues/209\n // creating canvases is actually pretty expensive, so we should create a\n // 1:1 map for bitmap:canvas, so that we can animate the confetti in\n // a performant manner, but also not store them forever so that we don't\n // have a memory leak\n return {\n transform: function(bitmap) {\n if (skipTransform) {\n return bitmap;\n }\n\n if (map.has(bitmap)) {\n return map.get(bitmap);\n }\n\n var canvas = new OffscreenCanvas(bitmap.width, bitmap.height);\n var ctx = canvas.getContext('2d');\n ctx.drawImage(bitmap, 0, 0);\n\n map.set(bitmap, canvas);\n\n return canvas;\n },\n clear: function () {\n map.clear();\n }\n };\n })(canDrawBitmap, new Map());\n\n var raf = (function () {\n var TIME = Math.floor(1000 / 60);\n var frame, cancel;\n var frames = {};\n var lastFrameTime = 0;\n\n if (typeof requestAnimationFrame === 'function' && typeof cancelAnimationFrame === 'function') {\n frame = function (cb) {\n var id = Math.random();\n\n frames[id] = requestAnimationFrame(function onFrame(time) {\n if (lastFrameTime === time || lastFrameTime + TIME - 1 < time) {\n lastFrameTime = time;\n delete frames[id];\n\n cb();\n } else {\n frames[id] = requestAnimationFrame(onFrame);\n }\n });\n\n return id;\n };\n cancel = function (id) {\n if (frames[id]) {\n cancelAnimationFrame(frames[id]);\n }\n };\n } else {\n frame = function (cb) {\n return setTimeout(cb, TIME);\n };\n cancel = function (timer) {\n return clearTimeout(timer);\n };\n }\n\n return { frame: frame, cancel: cancel };\n }());\n\n var getWorker = (function () {\n var worker;\n var prom;\n var resolves = {};\n\n function decorate(worker) {\n function execute(options, callback) {\n worker.postMessage({ options: options || {}, callback: callback });\n }\n worker.init = function initWorker(canvas) {\n var offscreen = canvas.transferControlToOffscreen();\n worker.postMessage({ canvas: offscreen }, [offscreen]);\n };\n\n worker.fire = function fireWorker(options, size, done) {\n if (prom) {\n execute(options, null);\n return prom;\n }\n\n var id = Math.random().toString(36).slice(2);\n\n prom = promise(function (resolve) {\n function workerDone(msg) {\n if (msg.data.callback !== id) {\n return;\n }\n\n delete resolves[id];\n worker.removeEventListener('message', workerDone);\n\n prom = null;\n\n bitmapMapper.clear();\n\n done();\n resolve();\n }\n\n worker.addEventListener('message', workerDone);\n execute(options, id);\n\n resolves[id] = workerDone.bind(null, { data: { callback: id }});\n });\n\n return prom;\n };\n\n worker.reset = function resetWorker() {\n worker.postMessage({ reset: true });\n\n for (var id in resolves) {\n resolves[id]();\n delete resolves[id];\n }\n };\n }\n\n return function () {\n if (worker) {\n return worker;\n }\n\n if (!isWorker && canUseWorker) {\n var code = [\n 'var CONFETTI, SIZE = {}, module = {};',\n '(' + main.toString() + ')(this, module, true, SIZE);',\n 'onmessage = function(msg) {',\n ' if (msg.data.options) {',\n ' CONFETTI(msg.data.options).then(function () {',\n ' if (msg.data.callback) {',\n ' postMessage({ callback: msg.data.callback });',\n ' }',\n ' });',\n ' } else if (msg.data.reset) {',\n ' CONFETTI && CONFETTI.reset();',\n ' } else if (msg.data.resize) {',\n ' SIZE.width = msg.data.resize.width;',\n ' SIZE.height = msg.data.resize.height;',\n ' } else if (msg.data.canvas) {',\n ' SIZE.width = msg.data.canvas.width;',\n ' SIZE.height = msg.data.canvas.height;',\n ' CONFETTI = module.exports.create(msg.data.canvas);',\n ' }',\n '}',\n ].join('\\n');\n try {\n worker = new Worker(URL.createObjectURL(new Blob([code])));\n } catch (e) {\n // eslint-disable-next-line no-console\n typeof console !== undefined && typeof console.warn === 'function' ? console.warn('🎊 Could not load worker', e) : null;\n\n return null;\n }\n\n decorate(worker);\n }\n\n return worker;\n };\n })();\n\n var defaults = {\n particleCount: 50,\n angle: 90,\n spread: 45,\n startVelocity: 45,\n decay: 0.9,\n gravity: 1,\n drift: 0,\n ticks: 200,\n x: 0.5,\n y: 0.5,\n shapes: ['square', 'circle'],\n zIndex: 100,\n colors: [\n '#26ccff',\n '#a25afd',\n '#ff5e7e',\n '#88ff5a',\n '#fcff42',\n '#ffa62d',\n '#ff36ff'\n ],\n // probably should be true, but back-compat\n disableForReducedMotion: false,\n scalar: 1\n };\n\n function convert(val, transform) {\n return transform ? transform(val) : val;\n }\n\n function isOk(val) {\n return !(val === null || val === undefined);\n }\n\n function prop(options, name, transform) {\n return convert(\n options && isOk(options[name]) ? options[name] : defaults[name],\n transform\n );\n }\n\n function onlyPositiveInt(number){\n return number < 0 ? 0 : Math.floor(number);\n }\n\n function randomInt(min, max) {\n // [min, max)\n return Math.floor(Math.random() * (max - min)) + min;\n }\n\n function toDecimal(str) {\n return parseInt(str, 16);\n }\n\n function colorsToRgb(colors) {\n return colors.map(hexToRgb);\n }\n\n function hexToRgb(str) {\n var val = String(str).replace(/[^0-9a-f]/gi, '');\n\n if (val.length < 6) {\n val = val[0]+val[0]+val[1]+val[1]+val[2]+val[2];\n }\n\n return {\n r: toDecimal(val.substring(0,2)),\n g: toDecimal(val.substring(2,4)),\n b: toDecimal(val.substring(4,6))\n };\n }\n\n function getOrigin(options) {\n var origin = prop(options, 'origin', Object);\n origin.x = prop(origin, 'x', Number);\n origin.y = prop(origin, 'y', Number);\n\n return origin;\n }\n\n function setCanvasWindowSize(canvas) {\n canvas.width = document.documentElement.clientWidth;\n canvas.height = document.documentElement.clientHeight;\n }\n\n function setCanvasRectSize(canvas) {\n var rect = canvas.getBoundingClientRect();\n canvas.width = rect.width;\n canvas.height = rect.height;\n }\n\n function getCanvas(zIndex) {\n var canvas = document.createElement('canvas');\n\n canvas.style.position = 'fixed';\n canvas.style.top = '0px';\n canvas.style.left = '0px';\n canvas.style.pointerEvents = 'none';\n canvas.style.zIndex = zIndex;\n\n return canvas;\n }\n\n function ellipse(context, x, y, radiusX, radiusY, rotation, startAngle, endAngle, antiClockwise) {\n context.save();\n context.translate(x, y);\n context.rotate(rotation);\n context.scale(radiusX, radiusY);\n context.arc(0, 0, 1, startAngle, endAngle, antiClockwise);\n context.restore();\n }\n\n function randomPhysics(opts) {\n var radAngle = opts.angle * (Math.PI / 180);\n var radSpread = opts.spread * (Math.PI / 180);\n\n return {\n x: opts.x,\n y: opts.y,\n wobble: Math.random() * 10,\n wobbleSpeed: Math.min(0.11, Math.random() * 0.1 + 0.05),\n velocity: (opts.startVelocity * 0.5) + (Math.random() * opts.startVelocity),\n angle2D: -radAngle + ((0.5 * radSpread) - (Math.random() * radSpread)),\n tiltAngle: (Math.random() * (0.75 - 0.25) + 0.25) * Math.PI,\n color: opts.color,\n shape: opts.shape,\n tick: 0,\n totalTicks: opts.ticks,\n decay: opts.decay,\n drift: opts.drift,\n random: Math.random() + 2,\n tiltSin: 0,\n tiltCos: 0,\n wobbleX: 0,\n wobbleY: 0,\n gravity: opts.gravity * 3,\n ovalScalar: 0.6,\n scalar: opts.scalar,\n flat: opts.flat\n };\n }\n\n function updateFetti(context, fetti) {\n fetti.x += Math.cos(fetti.angle2D) * fetti.velocity + fetti.drift;\n fetti.y += Math.sin(fetti.angle2D) * fetti.velocity + fetti.gravity;\n fetti.velocity *= fetti.decay;\n\n if (fetti.flat) {\n fetti.wobble = 0;\n fetti.wobbleX = fetti.x + (10 * fetti.scalar);\n fetti.wobbleY = fetti.y + (10 * fetti.scalar);\n\n fetti.tiltSin = 0;\n fetti.tiltCos = 0;\n fetti.random = 1;\n } else {\n fetti.wobble += fetti.wobbleSpeed;\n fetti.wobbleX = fetti.x + ((10 * fetti.scalar) * Math.cos(fetti.wobble));\n fetti.wobbleY = fetti.y + ((10 * fetti.scalar) * Math.sin(fetti.wobble));\n\n fetti.tiltAngle += 0.1;\n fetti.tiltSin = Math.sin(fetti.tiltAngle);\n fetti.tiltCos = Math.cos(fetti.tiltAngle);\n fetti.random = Math.random() + 2;\n }\n\n var progress = (fetti.tick++) / fetti.totalTicks;\n\n var x1 = fetti.x + (fetti.random * fetti.tiltCos);\n var y1 = fetti.y + (fetti.random * fetti.tiltSin);\n var x2 = fetti.wobbleX + (fetti.random * fetti.tiltCos);\n var y2 = fetti.wobbleY + (fetti.random * fetti.tiltSin);\n\n context.fillStyle = 'rgba(' + fetti.color.r + ', ' + fetti.color.g + ', ' + fetti.color.b + ', ' + (1 - progress) + ')';\n\n context.beginPath();\n\n if (canUsePaths && fetti.shape.type === 'path' && typeof fetti.shape.path === 'string' && Array.isArray(fetti.shape.matrix)) {\n context.fill(transformPath2D(\n fetti.shape.path,\n fetti.shape.matrix,\n fetti.x,\n fetti.y,\n Math.abs(x2 - x1) * 0.1,\n Math.abs(y2 - y1) * 0.1,\n Math.PI / 10 * fetti.wobble\n ));\n } else if (fetti.shape.type === 'bitmap') {\n var rotation = Math.PI / 10 * fetti.wobble;\n var scaleX = Math.abs(x2 - x1) * 0.1;\n var scaleY = Math.abs(y2 - y1) * 0.1;\n var width = fetti.shape.bitmap.width * fetti.scalar;\n var height = fetti.shape.bitmap.height * fetti.scalar;\n\n var matrix = new DOMMatrix([\n Math.cos(rotation) * scaleX,\n Math.sin(rotation) * scaleX,\n -Math.sin(rotation) * scaleY,\n Math.cos(rotation) * scaleY,\n fetti.x,\n fetti.y\n ]);\n\n // apply the transform matrix from the confetti shape\n matrix.multiplySelf(new DOMMatrix(fetti.shape.matrix));\n\n var pattern = context.createPattern(bitmapMapper.transform(fetti.shape.bitmap), 'no-repeat');\n pattern.setTransform(matrix);\n\n context.globalAlpha = (1 - progress);\n context.fillStyle = pattern;\n context.fillRect(\n fetti.x - (width / 2),\n fetti.y - (height / 2),\n width,\n height\n );\n context.globalAlpha = 1;\n } else if (fetti.shape === 'circle') {\n context.ellipse ?\n context.ellipse(fetti.x, fetti.y, Math.abs(x2 - x1) * fetti.ovalScalar, Math.abs(y2 - y1) * fetti.ovalScalar, Math.PI / 10 * fetti.wobble, 0, 2 * Math.PI) :\n ellipse(context, fetti.x, fetti.y, Math.abs(x2 - x1) * fetti.ovalScalar, Math.abs(y2 - y1) * fetti.ovalScalar, Math.PI / 10 * fetti.wobble, 0, 2 * Math.PI);\n } else if (fetti.shape === 'star') {\n var rot = Math.PI / 2 * 3;\n var innerRadius = 4 * fetti.scalar;\n var outerRadius = 8 * fetti.scalar;\n var x = fetti.x;\n var y = fetti.y;\n var spikes = 5;\n var step = Math.PI / spikes;\n\n while (spikes--) {\n x = fetti.x + Math.cos(rot) * outerRadius;\n y = fetti.y + Math.sin(rot) * outerRadius;\n context.lineTo(x, y);\n rot += step;\n\n x = fetti.x + Math.cos(rot) * innerRadius;\n y = fetti.y + Math.sin(rot) * innerRadius;\n context.lineTo(x, y);\n rot += step;\n }\n } else {\n context.moveTo(Math.floor(fetti.x), Math.floor(fetti.y));\n context.lineTo(Math.floor(fetti.wobbleX), Math.floor(y1));\n context.lineTo(Math.floor(x2), Math.floor(y2));\n context.lineTo(Math.floor(x1), Math.floor(fetti.wobbleY));\n }\n\n context.closePath();\n context.fill();\n\n return fetti.tick < fetti.totalTicks;\n }\n\n function animate(canvas, fettis, resizer, size, done) {\n var animatingFettis = fettis.slice();\n var context = canvas.getContext('2d');\n var animationFrame;\n var destroy;\n\n var prom = promise(function (resolve) {\n function onDone() {\n animationFrame = destroy = null;\n\n context.clearRect(0, 0, size.width, size.height);\n bitmapMapper.clear();\n\n done();\n resolve();\n }\n\n function update() {\n if (isWorker && !(size.width === workerSize.width && size.height === workerSize.height)) {\n size.width = canvas.width = workerSize.width;\n size.height = canvas.height = workerSize.height;\n }\n\n if (!size.width && !size.height) {\n resizer(canvas);\n size.width = canvas.width;\n size.height = canvas.height;\n }\n\n context.clearRect(0, 0, size.width, size.height);\n\n animatingFettis = animatingFettis.filter(function (fetti) {\n return updateFetti(context, fetti);\n });\n\n if (animatingFettis.length) {\n animationFrame = raf.frame(update);\n } else {\n onDone();\n }\n }\n\n animationFrame = raf.frame(update);\n destroy = onDone;\n });\n\n return {\n addFettis: function (fettis) {\n animatingFettis = animatingFettis.concat(fettis);\n\n return prom;\n },\n canvas: canvas,\n promise: prom,\n reset: function () {\n if (animationFrame) {\n raf.cancel(animationFrame);\n }\n\n if (destroy) {\n destroy();\n }\n }\n };\n }\n\n function confettiCannon(canvas, globalOpts) {\n var isLibCanvas = !canvas;\n var allowResize = !!prop(globalOpts || {}, 'resize');\n var hasResizeEventRegistered = false;\n var globalDisableForReducedMotion = prop(globalOpts, 'disableForReducedMotion', Boolean);\n var shouldUseWorker = canUseWorker && !!prop(globalOpts || {}, 'useWorker');\n var worker = shouldUseWorker ? getWorker() : null;\n var resizer = isLibCanvas ? setCanvasWindowSize : setCanvasRectSize;\n var initialized = (canvas && worker) ? !!canvas.__confetti_initialized : false;\n var preferLessMotion = typeof matchMedia === 'function' && matchMedia('(prefers-reduced-motion)').matches;\n var animationObj;\n\n function fireLocal(options, size, done) {\n var particleCount = prop(options, 'particleCount', onlyPositiveInt);\n var angle = prop(options, 'angle', Number);\n var spread = prop(options, 'spread', Number);\n var startVelocity = prop(options, 'startVelocity', Number);\n var decay = prop(options, 'decay', Number);\n var gravity = prop(options, 'gravity', Number);\n var drift = prop(options, 'drift', Number);\n var colors = prop(options, 'colors', colorsToRgb);\n var ticks = prop(options, 'ticks', Number);\n var shapes = prop(options, 'shapes');\n var scalar = prop(options, 'scalar');\n var flat = !!prop(options, 'flat');\n var origin = getOrigin(options);\n\n var temp = particleCount;\n var fettis = [];\n\n var startX = canvas.width * origin.x;\n var startY = canvas.height * origin.y;\n\n while (temp--) {\n fettis.push(\n randomPhysics({\n x: startX,\n y: startY,\n angle: angle,\n spread: spread,\n startVelocity: startVelocity,\n color: colors[temp % colors.length],\n shape: shapes[randomInt(0, shapes.length)],\n ticks: ticks,\n decay: decay,\n gravity: gravity,\n drift: drift,\n scalar: scalar,\n flat: flat\n })\n );\n }\n\n // if we have a previous canvas already animating,\n // add to it\n if (animationObj) {\n return animationObj.addFettis(fettis);\n }\n\n animationObj = animate(canvas, fettis, resizer, size , done);\n\n return animationObj.promise;\n }\n\n function fire(options) {\n var disableForReducedMotion = globalDisableForReducedMotion || prop(options, 'disableForReducedMotion', Boolean);\n var zIndex = prop(options, 'zIndex', Number);\n\n if (disableForReducedMotion && preferLessMotion) {\n return promise(function (resolve) {\n resolve();\n });\n }\n\n if (isLibCanvas && animationObj) {\n // use existing canvas from in-progress animation\n canvas = animationObj.canvas;\n } else if (isLibCanvas && !canvas) {\n // create and initialize a new canvas\n canvas = getCanvas(zIndex);\n document.body.appendChild(canvas);\n }\n\n if (allowResize && !initialized) {\n // initialize the size of a user-supplied canvas\n resizer(canvas);\n }\n\n var size = {\n width: canvas.width,\n height: canvas.height\n };\n\n if (worker && !initialized) {\n worker.init(canvas);\n }\n\n initialized = true;\n\n if (worker) {\n canvas.__confetti_initialized = true;\n }\n\n function onResize() {\n if (worker) {\n // TODO this really shouldn't be immediate, because it is expensive\n var obj = {\n getBoundingClientRect: function () {\n if (!isLibCanvas) {\n return canvas.getBoundingClientRect();\n }\n }\n };\n\n resizer(obj);\n\n worker.postMessage({\n resize: {\n width: obj.width,\n height: obj.height\n }\n });\n return;\n }\n\n // don't actually query the size here, since this\n // can execute frequently and rapidly\n size.width = size.height = null;\n }\n\n function done() {\n animationObj = null;\n\n if (allowResize) {\n hasResizeEventRegistered = false;\n global.removeEventListener('resize', onResize);\n }\n\n if (isLibCanvas && canvas) {\n document.body.removeChild(canvas);\n canvas = null;\n initialized = false;\n }\n }\n\n if (allowResize && !hasResizeEventRegistered) {\n hasResizeEventRegistered = true;\n global.addEventListener('resize', onResize, false);\n }\n\n if (worker) {\n return worker.fire(options, size, done);\n }\n\n return fireLocal(options, size, done);\n }\n\n fire.reset = function () {\n if (worker) {\n worker.reset();\n }\n\n if (animationObj) {\n animationObj.reset();\n }\n };\n\n return fire;\n }\n\n // Make default export lazy to defer worker creation until called.\n var defaultFire;\n function getDefaultFire() {\n if (!defaultFire) {\n defaultFire = confettiCannon(null, { useWorker: true, resize: true });\n }\n return defaultFire;\n }\n\n function transformPath2D(pathString, pathMatrix, x, y, scaleX, scaleY, rotation) {\n var path2d = new Path2D(pathString);\n\n var t1 = new Path2D();\n t1.addPath(path2d, new DOMMatrix(pathMatrix));\n\n var t2 = new Path2D();\n // see https://developer.mozilla.org/en-US/docs/Web/API/DOMMatrix/DOMMatrix\n t2.addPath(t1, new DOMMatrix([\n Math.cos(rotation) * scaleX,\n Math.sin(rotation) * scaleX,\n -Math.sin(rotation) * scaleY,\n Math.cos(rotation) * scaleY,\n x,\n y\n ]));\n\n return t2;\n }\n\n function shapeFromPath(pathData) {\n if (!canUsePaths) {\n throw new Error('path confetti are not supported in this browser');\n }\n\n var path, matrix;\n\n if (typeof pathData === 'string') {\n path = pathData;\n } else {\n path = pathData.path;\n matrix = pathData.matrix;\n }\n\n var path2d = new Path2D(path);\n var tempCanvas = document.createElement('canvas');\n var tempCtx = tempCanvas.getContext('2d');\n\n if (!matrix) {\n // attempt to figure out the width of the path, up to 1000x1000\n var maxSize = 1000;\n var minX = maxSize;\n var minY = maxSize;\n var maxX = 0;\n var maxY = 0;\n var width, height;\n\n // do some line skipping... this is faster than checking\n // every pixel and will be mostly still correct\n for (var x = 0; x < maxSize; x += 2) {\n for (var y = 0; y < maxSize; y += 2) {\n if (tempCtx.isPointInPath(path2d, x, y, 'nonzero')) {\n minX = Math.min(minX, x);\n minY = Math.min(minY, y);\n maxX = Math.max(maxX, x);\n maxY = Math.max(maxY, y);\n }\n }\n }\n\n width = maxX - minX;\n height = maxY - minY;\n\n var maxDesiredSize = 10;\n var scale = Math.min(maxDesiredSize/width, maxDesiredSize/height);\n\n matrix = [\n scale, 0, 0, scale,\n -Math.round((width/2) + minX) * scale,\n -Math.round((height/2) + minY) * scale\n ];\n }\n\n return {\n type: 'path',\n path: path,\n matrix: matrix\n };\n }\n\n function shapeFromText(textData) {\n var text,\n scalar = 1,\n color = '#000000',\n // see https://nolanlawson.com/2022/04/08/the-struggle-of-using-native-emoji-on-the-web/\n fontFamily = '\"Twemoji Mozilla\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", \"EmojiOne Color\", \"Android Emoji\", \"system emoji\", sans-serif';\n\n if (typeof textData === 'string') {\n text = textData;\n } else {\n text = textData.text;\n scalar = 'scalar' in textData ? textData.scalar : scalar;\n fontFamily = 'fontFamily' in textData ? textData.fontFamily : fontFamily;\n color = 'color' in textData ? textData.color : color;\n }\n\n // all other confetti are 10 pixels,\n // so this pixel size is the de-facto 100% scale confetti\n var fontSize = 10 * scalar;\n var font = '' + fontSize + 'px ' + fontFamily;\n\n var canvas = new OffscreenCanvas(fontSize, fontSize);\n var ctx = canvas.getContext('2d');\n\n ctx.font = font;\n var size = ctx.measureText(text);\n var width = Math.floor(size.width);\n var height = Math.floor(size.fontBoundingBoxAscent + size.fontBoundingBoxDescent);\n\n canvas = new OffscreenCanvas(width, height);\n ctx = canvas.getContext('2d');\n ctx.font = font;\n ctx.fillStyle = color;\n\n ctx.fillText(text, 0, fontSize);\n\n var scale = 1 / scalar;\n\n return {\n type: 'bitmap',\n // TODO these probably need to be transfered for workers\n bitmap: canvas.transferToImageBitmap(),\n matrix: [scale, 0, 0, scale, -width * scale / 2, -height * scale / 2]\n };\n }\n\n module.exports = function() {\n return getDefaultFire().apply(this, arguments);\n };\n module.exports.reset = function() {\n getDefaultFire().reset();\n };\n module.exports.create = confettiCannon;\n module.exports.shapeFromPath = shapeFromPath;\n module.exports.shapeFromText = shapeFromText;\n}((function () {\n if (typeof window !== 'undefined') {\n return window;\n }\n\n if (typeof self !== 'undefined') {\n return self;\n }\n\n return this || {};\n})(), module, false));\n\n// end source content\n\nexport default module.exports;\nexport var create = module.exports.create;\n","import * as i0 from '@angular/core';\nimport { Component, Input, EventEmitter, Output, Inject, HostListener, inject, DestroyRef, ViewChild, NgModule } from '@angular/core';\nimport * as i1 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i3 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i2 from '@fgb/portal-component-library/src/lib/shared/short-long-description';\nimport { ShortLongDescriptionModule } from '@fgb/portal-component-library/src/lib/shared/short-long-description';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\nimport { ErrorsModule } from '@fgb/portal-component-library/src/lib/shared/errors';\nimport * as i2$1 from '@angular/router';\nimport { RouterModule } from '@angular/router';\nimport * as i5 from '@fgb/portal-component-library/src/lib/directives';\nimport { HideMobileNav, HideMobileFooterDirective, DirectivesModule } from '@fgb/portal-component-library/src/lib/directives';\nimport { QRCodeModule } from 'angularx-qrcode';\nimport * as i5$1 from 'ngx-owl-carousel-o';\nimport { CarouselModule } from 'ngx-owl-carousel-o';\nimport * as i1$1 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport * as i1$2 from '@fgb/core';\nimport { ScorecardDisplayType, TermsAndCondtionsType, ScorecardMilestoneActionDisplayType, DATE_OPTIONS, PrizeType, config, LoyaltyCategoryType, ProviderName } from '@fgb/core';\nimport { firstValueFrom } from 'rxjs';\nimport { OwlCarouselSettings } from '@fgb/portal-component-library/src/lib/shared/utilities';\nimport * as confettiLib from 'canvas-confetti';\nimport { take, finalize } from 'rxjs/operators';\nimport * as i8 from '@ngx-translate/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nvar ScorecardCategoryPunchcardView;\n(function (ScorecardCategoryPunchcardView) {\n /**\n * These is used for the different\n * views related to the punchcard\n * scorecard view.\n */\n /** Default view */\n ScorecardCategoryPunchcardView[ScorecardCategoryPunchcardView[\"defaultView\"] = 0] = \"defaultView\";\n /** Punch view should have description on the card */\n ScorecardCategoryPunchcardView[ScorecardCategoryPunchcardView[\"descriptionOnCardView\"] = 1] = \"descriptionOnCardView\";\n /** All punches should have no name shown on the card */\n ScorecardCategoryPunchcardView[ScorecardCategoryPunchcardView[\"noActionNamesView\"] = 2] = \"noActionNamesView\";\n /** Punch View for only one punch */\n ScorecardCategoryPunchcardView[ScorecardCategoryPunchcardView[\"onePunchView\"] = 3] = \"onePunchView\";\n})(ScorecardCategoryPunchcardView || (ScorecardCategoryPunchcardView = {}));\n\nclass ScorecardSponserViewComponent {\n constructor() { }\n ngOnInit() {\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ScorecardSponserViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: ScorecardSponserViewComponent, selector: \"fgbcl-scorecard-sponser-view\", inputs: { scorecard: \"scorecard\" }, ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n {{ toggleButtonContent }}\\r\\n
\\r\\n\\r\\n ![]()
\\r\\n
\\r\\n{{ 'fgbcl.scorecard.sponsor.presented.by.label' | translate }}
\\r\\n\\r\\n ![]()
\\r\\n
\\r\\n{{ 'fgbcl.scorecard.sponsor.presented.by.label' | translate }}
\\r\\n\\r\\n \\r\\n Back\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n ![](\\\"{{)
\\r\\n
\\r\\n \\r\\n \\r\\n {{ scorecardDescription?.currentScorecard?.Content[0]?.Name }}
\\r\\n \\r\\n \\r\\n {{\\r\\n 'scorecard.modal.locked.description'\\r\\n | translate: { parentScorecardName: scorecardDescription.parentScorecard?.Content[0].Name }\\r\\n }}\\r\\n \\r\\n \\r\\n {{ scorecardDescription.currentScorecard?.Content[0]?.ShortDescription }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n 59,\\r\\n }\\\"\\r\\n >\\r\\n {{ 'scorecard.prize' | translate }}\\r\\n {{\\r\\n scorecardDescription.currentScorecard?.Content[0]?.PrizeDescription\\r\\n }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ 'scorecard.prize' | translate }}\\r\\n \\r\\n {{ 'scorecard.choose.prize' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n Back\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ scorecardDescription?.currentScorecard?.Content[0]?.Name }}
\\r\\n \\r\\n \\r\\n {{\\r\\n 'scorecard.modal.locked.description'\\r\\n | translate: { parentScorecardName: scorecardDescription.parentScorecard?.Content[0].Name }\\r\\n }}\\r\\n \\r\\n \\r\\n {{ scorecardDescription.currentScorecard?.Content[0]?.ShortDescription }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n 59,\\r\\n }\\\"\\r\\n >\\r\\n {{ 'scorecard.prize' | translate }}\\r\\n {{\\r\\n scorecardDescription.currentScorecard?.Content[0]?.PrizeDescription\\r\\n }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ 'scorecard.prize' | translate }}\\r\\n \\r\\n {{ 'scorecard.choose.prize' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'scorecard.completed.steps' | translate }}\\r\\n {{ scorecardDescription.currentScorecard.ActionsCompleted }}/{{\\r\\n scorecardDescription.currentScorecard.Actions.length\\r\\n }}\\r\\n
\\r\\n \\r\\n {{ scorecardDescription.currentScorecard?.CompletionDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ action?.Content[0]?.Name }}\\r\\n
\\r\\n \\r\\n\\r\\n {{ scorecardDescription?.currentScorecard?.CompletionDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n currentProgressValue,\\r\\n }\\\"\\r\\n [ngStyle]=\\\"{\\r\\n left:\\r\\n milestoneSpacing -\\r\\n alignmentOfMilestoneCircle -\\r\\n (last && isMilestoneNotReachedTwoLastest ? alignMilestoneNotReachedTwoLastest : 0) +\\r\\n '%',\\r\\n }\\\"\\r\\n >
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'scorecard.completed.steps' | translate }}\\r\\n
\\r\\n \\r\\n {{ scorecardDescription.currentScorecard.CompletionDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n {{ scorecardDescription.currentScorecard.ActionsCompleted }}\\r\\n \\r\\n /\\r\\n {{ scorecardDescription.currentScorecard.Actions.length }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n\\r\\n {{ scorecardDescription.currentScorecard.ActionsCompleted }}/{{\\r\\n scorecardDescription.currentScorecard.TotalToComplete\\r\\n }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ scorecardDescription.currentScorecard.Actions[i].Content[0].Name }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'scorecard.description.label' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ scorecardDescription.currentScorecard?.Content[0].TermsAndConditions }}\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'scorecard.terms.label' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'scorecard.completed.steps' | translate }}\\r\\n {{ scorecardDescription.currentScorecard.ActionsCompleted }}/{{\\r\\n scorecardDescription.currentScorecard.Actions.length\\r\\n }}\\r\\n
\\r\\n \\r\\n {{ scorecardDescription.currentScorecard?.CompletionDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ action?.Content[0]?.Name }}\\r\\n
\\r\\n \\r\\n\\r\\n {{ scorecardDescription?.currentScorecard?.CompletionDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n currentProgressValue,\\r\\n }\\\"\\r\\n [ngStyle]=\\\"{\\r\\n left:\\r\\n milestoneSpacing -\\r\\n alignmentOfMilestoneCircle -\\r\\n (last && isMilestoneNotReachedTwoLastest ? alignMilestoneNotReachedTwoLastest : 0) +\\r\\n '%',\\r\\n }\\\"\\r\\n >
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'scorecard.completed.steps' | translate }}\\r\\n
\\r\\n \\r\\n {{ scorecardDescription.currentScorecard.CompletionDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n {{ scorecardDescription.currentScorecard.ActionsCompleted }}\\r\\n \\r\\n /\\r\\n {{ scorecardDescription.currentScorecard.Actions.length }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n\\r\\n {{ scorecardDescription.currentScorecard.ActionsCompleted }}/{{\\r\\n scorecardDescription.currentScorecard.TotalToComplete\\r\\n }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ scorecardDescription.currentScorecard.Actions[i].Content[0].Name }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'scorecard.description.label' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ scorecardDescription.currentScorecard?.Content[0].TermsAndConditions }}\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'scorecard.terms.label' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i1.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i1.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"pipe\", type: i8.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ScorecardPrizeSelectionComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-scorecard-prize-selection', template: \"{{ 'prize.selection.title' | translate }}
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ prize.PrizeTitle }}
\\r\\n {{ 'prize.selection.sold.out' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { prizes: [{\n type: Input\n }], showPrizeIcon: [{\n type: Input\n }], onPrizeConfirmed: [{\n type: Output\n }] } });\n\nclass ScorecardDescriptionLinkedActionComponent {\n constructor(scorecardService, socialService) {\n this.scorecardService = scorecardService;\n this.socialService = socialService;\n this.onNextClick = new EventEmitter();\n this.onPrevious = new EventEmitter();\n }\n ngOnChanges(changes) {\n if (changes.scorecardDescription) {\n this.getContextForNextChallenge();\n }\n }\n get hasPrizeSelection() {\n return !!this.scorecardDescription.currentScorecard?.PrizeOptions;\n }\n get isLastChildUnlocked() {\n return this.scorecardDescription.hasParent && !this.scorecardDescription.hasChild && !this.scorecardDescription.isLocked;\n }\n get scorecardCompletedNotSelectPrize() {\n return (this.scorecardDescription.isCompleted &&\n this.scorecardDescription.currentScorecard.PrizeOptions?.CustomerHasSelected == false);\n }\n //Return name of prize has selected = true\n get prizeSelected() {\n if (this.scorecardDescription.currentScorecard?.PrizeOptions &&\n Object.keys(this.scorecardDescription.currentScorecard?.PrizeOptions).length == 0)\n return '';\n let prizeSelected = this.scorecardDescription.currentScorecard?.PrizeOptions?.Prizes.find((prize) => prize.Selected);\n return prizeSelected?.PrizeTitle;\n }\n onPrizeConfirmed(prize) {\n firstValueFrom(this.scorecardService.selectPrize(prize.ScorecardId, prize.PrizeId));\n }\n getContextForNextChallenge() {\n // Completed scorecard have child\n if (this.scorecardDescription.isCompleted && this.scorecardDescription.hasChild) {\n this.createContext(this.scorecardDescription.childScoreCard, 'scorecard.description.next.challenge', true, true);\n }\n // Incompleted scorecard have child\n if (!this.scorecardDescription.isCompleted && !this.scorecardDescription.isLocked && this.scorecardDescription.hasChild) {\n this.createContext(this.scorecardDescription.childScoreCard, 'scorecard.description.next.challenge', false, true);\n }\n // Child scorecard has been locked\n if (this.scorecardDescription.hasParent && this.scorecardDescription.isLocked) {\n this.createContext(this.scorecardDescription.parentScorecard, 'scorecard.description.complete.first', true, false);\n }\n // scorecard has been locked and has parent locked\n if (this.scorecardDescription.hasParent &&\n this.scorecardDescription.parentScorecard.Locked &&\n this.scorecardDescription.isLocked) {\n this.createContext(this.scorecardDescription.parentScorecard, 'scorecard.description.complete.first', false, false);\n }\n }\n createContext(scorecard, label, invisibleIcon, isDirectToChild) {\n let image = scorecard?.Image;\n let name = scorecard?.Content[0].Name;\n let description = scorecard?.Content[0].ShortDescription;\n let isCompleted = scorecard.Completed;\n this.myContext = {\n label: label,\n image: image,\n name: name,\n invisibleIcon: invisibleIcon,\n description: description,\n isCompleted: isCompleted,\n redirectScorecard: () => this.redirectScorecard(isDirectToChild),\n };\n }\n redirectScorecard(isDirectToChild) {\n if (isDirectToChild) {\n return this.onNextClick.emit();\n }\n if (!isDirectToChild) {\n return this.onPrevious.emit();\n }\n }\n share() {\n const idScorecard = this.scorecardDescription.currentScorecard.ScorecardId;\n const returnUrl = `${config.portalUrl}/scorecard-description/${idScorecard}`;\n firstValueFrom(this.socialService.share(idScorecard, LoyaltyCategoryType.Scorecard, returnUrl, ProviderName.Facebook)).then((res) => this.handleShare, (error) => error.status == 200 && this.handleShare(error?.error?.text));\n }\n handleShare(url) {\n let dataShared = { url: url };\n navigator.share(dataShared);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ScorecardDescriptionLinkedActionComponent, deps: [{ token: i1$2.ScorecardService }, { token: i1$2.SocialService }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: ScorecardDescriptionLinkedActionComponent, selector: \"fgbcl-scorecard-description-linked-action\", inputs: { scorecardDescription: \"scorecardDescription\" }, outputs: { onNextClick: \"onNextClick\", onPrevious: \"onPrevious\" }, usesOnChanges: true, ngImport: i0, template: \"{{ 'prize.selection.title' | translate }}
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ prize.PrizeTitle }}
\\r\\n {{ 'prize.selection.sold.out' | translate }}
\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'scorecard.locked.title' | translate }}\\r\\n
\\r\\n {{ 'scorecard.congratulation.title' | translate }}
\\r\\n \\r\\n {{\\r\\n 'scorecard.congratulation.subtitle' | translate : { scorecardName: scorecardDescription.currentScorecard.Content[0].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 \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'scorecard.modal.prize.selected' | translate }}
\\r\\n {{ prizeSelected }}
\\r\\n \\r\\n
\\r\\n {{ 'scorecard.prize' | translate }}
\\r\\n \\r\\n {{ scorecardDescription.currentScorecard?.Content[0]?.PrizeDescription }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ 'scorecard.modal.prize.selection.options' | translate }}
\\r\\n \\r\\n {{ prizeOption.PrizeTitle }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'scorecard.locked.title' | translate }}\\r\\n
\\r\\n {{ 'scorecard.congratulation.title' | translate }}
\\r\\n \\r\\n {{\\r\\n 'scorecard.congratulation.subtitle' | translate : { scorecardName: scorecardDescription.currentScorecard.Content[0].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 \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'scorecard.modal.prize.selected' | translate }}
\\r\\n {{ prizeSelected }}
\\r\\n \\r\\n
\\r\\n {{ 'scorecard.prize' | translate }}
\\r\\n \\r\\n {{ scorecardDescription.currentScorecard?.Content[0]?.PrizeDescription }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ 'scorecard.modal.prize.selection.options' | translate }}
\\r\\n \\r\\n {{ prizeOption.PrizeTitle }}\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i1.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: ScorecardDescriptionHeaderComponent, selector: \"fgbcl-scorecard-description-header\", inputs: [\"scorecardDescription\", \"isSponsorInBody\"], outputs: [\"onPreviousClick\", \"onNextClick\"] }, { kind: \"component\", type: ScorecardDescriptionBodyComponent, selector: \"fgbcl-scorecard-description-body\", inputs: [\"scorecardDescription\", \"isSponsorInBody\"], outputs: [\"onNextClick\", \"onPrevious\"] }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ScorecardDescriptionComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-scorecard-description', hostDirectives: [HideMobileNav, HideMobileFooterDirective], template: \"\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1$2.ScorecardService }, { type: i2$1.ActivatedRoute }, { type: i1$2.ScorecardQuery }, { type: i2$1.Router }, { type: undefined, decorators: [{\n type: Inject,\n args: [DATE_OPTIONS]\n }] }], propDecorators: { scorecardDescriptionHeader: [{\n type: ViewChild,\n args: [ScorecardDescriptionHeaderComponent, { static: false }]\n }] } });\n\nclass ScorecardLockedComponent {\n constructor(modalService, scorecardQuery, router) {\n this.modalService = modalService;\n this.scorecardQuery = scorecardQuery;\n this.router = router;\n this.isOpenModal = true;\n this.preventMultipleClick = false;\n this.isScorecardHasChild = false;\n this.isSponsorInBody = false;\n }\n ngOnInit() {\n this.parentScorecard = this.scorecardQuery.getEntity(this.scorecard?.ParentId);\n this.isScorecardHasChild = this.scorecardQuery.hasLinkedScorecards(this.scorecard?.ScorecardId);\n this.onWindowResize(window.screen.width);\n }\n onWindowResize(event) {\n if (event > 991) {\n this.isOpenModal = true;\n }\n else {\n this.isOpenModal = false;\n }\n }\n openScorecardDescription() {\n if (!this.disabled) {\n this.isOpenModal ? this.openModal() : this.redirectComponent();\n }\n }\n openModal() {\n const modalRef = this.modalService.open(ScorecardDescriptionComponent, {\n centered: true,\n windowClass: 'scorecard-modal-content',\n backdropClass: 'scorecard-modal-backdrop',\n });\n modalRef.componentInstance.scorecardId = this.scorecard.ScorecardId;\n modalRef.componentInstance.isSponsorInBody = this.isSponsorInBody;\n }\n redirectComponent() {\n let params = this.isSponsorInBody ? { isSponsorInBody: this.isSponsorInBody } : {};\n this.router.navigate(['/scorecard-description', this.scorecard.ScorecardId, params]);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ScorecardLockedComponent, deps: [{ token: i1$1.NgbModal }, { token: i1$2.ScorecardQuery }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: ScorecardLockedComponent, selector: \"fgbcl-scorecard-locked\", inputs: { scorecard: \"scorecard\", isSponsorInBody: \"isSponsorInBody\", disabled: \"disabled\" }, host: { listeners: { \"window:resize\": \"onWindowResize($event.target.screen.width)\" } }, ngImport: i0, template: \"\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i1.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i5.ImgDefaultDirective, selector: \"img[useDefault]\", inputs: [\"src\", \"useDefault\", \"loyaltyType\"] }, { kind: \"pipe\", type: i3.ContentImagePipe, name: \"contentImage\" }, { kind: \"pipe\", type: i8.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ScorecardLockedComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-scorecard-locked', template: \"\\r\\n {{ scorecard?.Content[0].Name }}\\r\\n
\\r\\n\\r\\n {{ 'scorecard.modal.locked.description' | translate: { parentScorecardName: parentScorecard?.Content[0].Name } }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n\" }]\n }], ctorParameters: () => [{ type: i1$1.NgbModal }, { type: i1$2.ScorecardQuery }, { type: i2$1.Router }], propDecorators: { scorecard: [{\n type: Input\n }], isSponsorInBody: [{\n type: Input\n }], disabled: [{\n type: Input\n }], onWindowResize: [{\n type: HostListener,\n args: ['window:resize', ['$event.target.screen.width']]\n }] } });\n\nclass ScorecardPunchcardViewComponent {\n constructor(modalService, router, scorecardService, scorecardQuery) {\n this.modalService = modalService;\n this.router = router;\n this.scorecardService = scorecardService;\n this.scorecardQuery = scorecardQuery;\n this.icon = 'info';\n this.disabled = false;\n this.isOpenModal = true;\n this.isSponsorInBody = false;\n this.category = ScorecardCategoryPunchcardView;\n this.isScorecardHasChild = false;\n }\n ngOnInit() {\n this.lineBreakIndex = Math.floor(this.scorecard.Actions.length / 2) - 1;\n this.isScorecardHasChild = this.scorecardQuery.hasLinkedScorecards(this.scorecard.ScorecardId);\n this.onWindowResize(window.screen.width);\n }\n onWindowResize(event) {\n if (event > 991) {\n this.isOpenModal = true;\n }\n else {\n this.isOpenModal = false;\n }\n }\n openScorecardDescription() {\n if (!this.disabled) {\n this.isOpenModal ? this.openModal() : this.redirectComponent();\n }\n }\n openModal() {\n const modalRef = this.modalService.open(ScorecardDescriptionComponent, {\n centered: true,\n windowClass: 'scorecard-modal-content',\n backdropClass: 'scorecard-modal-backdrop',\n });\n modalRef.componentInstance.confettiColors = this.confettiColors;\n modalRef.componentInstance.scorecardId = this.scorecard.ScorecardId;\n modalRef.componentInstance.isSponsorInBody = this.isSponsorInBody;\n }\n redirectComponent() {\n const initVal = {\n confettiColors: this.confettiColors,\n };\n let params = this.isSponsorInBody ? { isSponsorInBody: this.isSponsorInBody } : {};\n this.scorecardService.initDataScorecardDescription$.next(initVal);\n this.router.navigate(['/scorecard-description', this.scorecard.ScorecardId, params]);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ScorecardPunchcardViewComponent, deps: [{ token: i1$1.NgbModal }, { token: i2$1.Router }, { token: i1$2.ScorecardService }, { token: i1$2.ScorecardQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: ScorecardPunchcardViewComponent, selector: \"fgbcl-scorecard-punchcard-view\", inputs: { scorecard: \"scorecard\", confettiColors: \"confettiColors\", icon: \"icon\", disabled: \"disabled\", isSponsorInBody: \"isSponsorInBody\" }, host: { listeners: { \"window:resize\": \"onWindowResize($event.target.screen.width)\" } }, ngImport: i0, template: \"\\r\\n {{ scorecard?.Content[0].Name }}\\r\\n
\\r\\n\\r\\n {{ 'scorecard.modal.locked.description' | translate: { parentScorecardName: parentScorecard?.Content[0].Name } }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ scorecard.Content[0].Name }}\\r\\n
\\r\\n\\r\\n {{ scorecard.Content[0].ShortDescription }}\\r\\n
\\r\\n \\r\\n\\r\\n {{ scorecard.ActionsCompleted }}/{{ scorecard.Actions.length }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n 5,\\r\\n }\\\"\\r\\n >\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ scorecard.Content[0].Name }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ scorecard.Content[0].ShortDescription }}\\r\\n
\\r\\n{{ scorecard.Completed ? 'Completed' : 'Not Completed' }}
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'scorecard.prize' | translate }} \\r\\n {{\\r\\n scorecard.Completed && scorecard?.HasCustomerSelectedPrize\\r\\n ? ('scorecard.footer.prize.selected' | translate)\\r\\n : !scorecard.Completed && scorecard.CompleteAction == 6 && !scorecard.HasCustomerSelectedPrize\\r\\n ? ('scorecard.footer.prize.selection' | translate)\\r\\n : scorecard.Content[0].PrizeDescription\\r\\n }}\\r\\n
\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ scorecard.Content[0].Name }}\\r\\n
\\r\\n\\r\\n {{ scorecard.Content[0].ShortDescription }}\\r\\n
\\r\\n \\r\\n\\r\\n {{ scorecard.ActionsCompleted }}/{{ scorecard.Actions.length }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n 5,\\r\\n }\\\"\\r\\n >\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ scorecard.Content[0].Name }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ scorecard.Content[0].ShortDescription }}\\r\\n
\\r\\n{{ scorecard.Completed ? 'Completed' : 'Not Completed' }}
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'scorecard.prize' | translate }} \\r\\n {{\\r\\n scorecard.Completed && scorecard?.HasCustomerSelectedPrize\\r\\n ? ('scorecard.footer.prize.selected' | translate)\\r\\n : !scorecard.Completed && scorecard.CompleteAction == 6 && !scorecard.HasCustomerSelectedPrize\\r\\n ? ('scorecard.footer.prize.selection' | translate)\\r\\n : scorecard.Content[0].PrizeDescription\\r\\n }}\\r\\n
\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ scorecard.Content[0].Name }}\\r\\n
\\r\\n\\r\\n {{ scorecard.Content[0].ShortDescription }}\\r\\n
\\r\\n \\r\\n\\r\\n {{ scorecard.Milestone.CustomerValue }}/{{ maxMilestone }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n currentProgressValue,\\r\\n }\\\"\\r\\n [ngStyle]=\\\"{\\r\\n left:\\r\\n milestoneSpacing -\\r\\n alignmentOfMilestoneCircle -\\r\\n (last && isMilestoneNotReachedTwoLastest ? alignMilestoneNotReachedTwoLastest : 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 'scorecard.footer.choose.prize' | translate\\r\\n }}\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'scorecard.prize' | translate }} \\r\\n {{\\r\\n scorecard.Completed && scorecard?.HasCustomerSelectedPrize\\r\\n ? ('scorecard.footer.prize.selected' | translate)\\r\\n : !scorecard.Completed && scorecard.CompleteAction == 6 && !scorecard.HasCustomerSelectedPrize\\r\\n ? ('scorecard.footer.prize.selection' | translate)\\r\\n : scorecard.Content[0].PrizeDescription\\r\\n }}\\r\\n
\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ scorecard.Content[0].Name }}\\r\\n
\\r\\n\\r\\n {{ scorecard.Content[0].ShortDescription }}\\r\\n
\\r\\n \\r\\n\\r\\n {{ scorecard.Milestone.CustomerValue }}/{{ maxMilestone }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n currentProgressValue,\\r\\n }\\\"\\r\\n [ngStyle]=\\\"{\\r\\n left:\\r\\n milestoneSpacing -\\r\\n alignmentOfMilestoneCircle -\\r\\n (last && isMilestoneNotReachedTwoLastest ? alignMilestoneNotReachedTwoLastest : 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 'scorecard.footer.choose.prize' | translate\\r\\n }}\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'scorecard.prize' | translate }} \\r\\n {{\\r\\n scorecard.Completed && scorecard?.HasCustomerSelectedPrize\\r\\n ? ('scorecard.footer.prize.selected' | translate)\\r\\n : !scorecard.Completed && scorecard.CompleteAction == 6 && !scorecard.HasCustomerSelectedPrize\\r\\n ? ('scorecard.footer.prize.selection' | translate)\\r\\n : scorecard.Content[0].PrizeDescription\\r\\n }}\\r\\n
\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ scorecard.Content[0].Name }}\\r\\n
\\r\\n\\r\\n {{ scorecard.Content[0].ShortDescription }}\\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n {{ scorecard.ActionsCompleted\\r\\n }}
\\r\\n
\\r\\n\\r\\n \\r\\n {{ scorecard.ActionsCompleted\\r\\n }}/{{ scorecard.Actions.length }} \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n {{\\r\\n 'scorecard.footer.choose.prize' | translate\\r\\n }}\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'scorecard.prize' | translate }} \\r\\n {{\\r\\n scorecard.Completed && scorecard.HasCustomerSelectedPrize\\r\\n ? ('scorecard.footer.prize.selected' | translate)\\r\\n : !scorecard.Completed && scorecard.CompleteAction == 6 && !scorecard.HasCustomerSelectedPrize\\r\\n ? ('scorecard.footer.prize.selection' | translate)\\r\\n : scorecard.Content[0].PrizeDescription\\r\\n }}\\r\\n
\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ scorecard.Content[0].Name }}\\r\\n
\\r\\n\\r\\n {{ scorecard.Content[0].ShortDescription }}\\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n {{ scorecard.ActionsCompleted\\r\\n }}
\\r\\n
\\r\\n\\r\\n \\r\\n {{ scorecard.ActionsCompleted\\r\\n }}/{{ scorecard.Actions.length }} \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n {{\\r\\n 'scorecard.footer.choose.prize' | translate\\r\\n }}\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'scorecard.prize' | translate }} \\r\\n {{\\r\\n scorecard.Completed && scorecard.HasCustomerSelectedPrize\\r\\n ? ('scorecard.footer.prize.selected' | translate)\\r\\n : !scorecard.Completed && scorecard.CompleteAction == 6 && !scorecard.HasCustomerSelectedPrize\\r\\n ? ('scorecard.footer.prize.selection' | translate)\\r\\n : scorecard.Content[0].PrizeDescription\\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 {{ title ? title : ('badge.featured.challenges' | translate) }}
\\r\\n\\r\\n {{ 'badge.featured.challenges.show.all.link' | translate }}\\r\\n arrow_forward_ios\\r\\n
\\r\\n {{ badgeDescription }}
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'scorecards.placeholder.description' | translate }}
\\r\\n 0\\\">\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ title ? title : ('badge.featured.challenges' | translate) }}
\\r\\n\\r\\n {{ 'badge.featured.challenges.show.all.link' | translate }}\\r\\n arrow_forward_ios\\r\\n
\\r\\n {{ badgeDescription }}
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'scorecards.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\nchevron_left
\\r\\n \\r\\n
\\r\\n {{ currentScorecardIndex + 1 }}
\\r\\n \\r\\n {{ linkedScorecardLength }}
\\r\\n chevron_right
\\r\\n \\r\\n
\\r\\n\\r\\n Loading...\\r\\n
\\r\\n \\r\\n
\\r\\nchevron_left
\\r\\n \\r\\n
\\r\\n {{ currentScorecardIndex + 1 }}
\\r\\n \\r\\n {{ linkedScorecardLength }}
\\r\\n chevron_right
\\r\\n \\r\\n
\\r\\n\\r\\n Loading...\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ scorecard.Content[0].Name }}\\r\\n
\\r\\n {{ 'scorecard.congratulation.title' | translate }}
\\r\\n \\r\\n {{ 'scorecard.congratulation.subtitle' | translate: { scorecardName: scorecard.Content[0].Name } }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{\\r\\n 'scorecard.modal.locked.title' | translate\\r\\n }}\\r\\n
\\r\\n \\r\\n {{ 'scorecard.modal.locked.description' | translate: { parentScorecardName: parentScorecard?.Content[0].Name } }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'scorecard.completed.steps' | translate }}\\r\\n {{ scorecard.ActionsCompleted }}/{{ scorecard.Actions.length }}\\r\\n
\\r\\n \\r\\n {{ scorecard?.CompletionDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ action?.Content[0]?.Name }}\\r\\n
\\r\\n\\r\\n {{ scorecard.CompletionDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n currentProgressValue,\\r\\n }\\\"\\r\\n [ngStyle]=\\\"{ left: milestoneSpacing - 2 + '%' }\\\"\\r\\n >
\\r\\n\\r\\n \\r\\n \\r\\n {{ scorecard.ActionsCompleted }}\\r\\n /{{ scorecard.Actions.length }} \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'scorecard.completed.steps' | translate }}\\r\\n
\\r\\n \\r\\n {{ scorecard.CompletionDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n {{ scorecard.ActionsCompleted }}/{{ scorecard.TotalToComplete }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ scorecard.Actions[i].Content[0].Name }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'scorecard.modal.prize' | translate }}
\\r\\n \\r\\n {{ scorecard.Content[0].PrizeDescription }}\\r\\n
\\r\\n {{ 'scorecard.modal.prize.selected' | translate }}
\\r\\n {{ prizeSelected }}
\\r\\n {{ 'scorecard.modal.prize.selection.options' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n {{ prizeOption.PrizeTitle }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'scorecard.modal.description.label' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'scorecard.modal.terms.label' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ scorecard?.Content[0].TermsAndConditions }}\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'scorecard.modal.description' | translate }}
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ scorecard.Content[0].Name }}\\r\\n
\\r\\n {{ 'scorecard.congratulation.title' | translate }}
\\r\\n \\r\\n {{ 'scorecard.congratulation.subtitle' | translate: { scorecardName: scorecard.Content[0].Name } }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{\\r\\n 'scorecard.modal.locked.title' | translate\\r\\n }}\\r\\n
\\r\\n \\r\\n {{ 'scorecard.modal.locked.description' | translate: { parentScorecardName: parentScorecard?.Content[0].Name } }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'scorecard.completed.steps' | translate }}\\r\\n {{ scorecard.ActionsCompleted }}/{{ scorecard.Actions.length }}\\r\\n
\\r\\n \\r\\n {{ scorecard?.CompletionDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ action?.Content[0]?.Name }}\\r\\n
\\r\\n\\r\\n {{ scorecard.CompletionDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n currentProgressValue,\\r\\n }\\\"\\r\\n [ngStyle]=\\\"{ left: milestoneSpacing - 2 + '%' }\\\"\\r\\n >
\\r\\n\\r\\n \\r\\n \\r\\n {{ scorecard.ActionsCompleted }}\\r\\n /{{ scorecard.Actions.length }} \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'scorecard.completed.steps' | translate }}\\r\\n
\\r\\n \\r\\n {{ scorecard.CompletionDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n {{ scorecard.ActionsCompleted }}/{{ scorecard.TotalToComplete }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ scorecard.Actions[i].Content[0].Name }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'scorecard.modal.prize' | translate }}
\\r\\n \\r\\n {{ scorecard.Content[0].PrizeDescription }}\\r\\n
\\r\\n {{ 'scorecard.modal.prize.selected' | translate }}
\\r\\n {{ prizeSelected }}
\\r\\n {{ 'scorecard.modal.prize.selection.options' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n {{ prizeOption.PrizeTitle }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'scorecard.modal.description.label' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'scorecard.modal.terms.label' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ scorecard?.Content[0].TermsAndConditions }}\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'scorecard.modal.description' | translate }}
\\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 \\r\\n
\\r\\n {{ 'scorecards.placeholder.description' | translate }}
\\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 \\r\\n
\\r\\n {{ 'scorecards.placeholder.description' | translate }}
\\r\\n - \r\n
\\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i2.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"pipe\", type: i2$1.UtcToLocaltimePipe, name: \"UtcToLocaltimePipe\" }, { kind: \"pipe\", type: i3.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CampaignsListItemComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-campaigns-list-item', template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n 0\\\">\\r\\n \\r\\n \\r\\n
\\r\\n {{ campaignEntitlement.CampaignName }}
\\r\\n\\r\\n \\r\\n {{ 'offer.expiry' | translate }} {{ campaignEntitlement.Campaign_ExpiryDate | UtcToLocaltimePipe : dateOption.NgbDateFormat }}\\r\\n
\\r\\n\\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [{ type: undefined, decorators: [{\n type: Inject,\n args: [DATE_OPTIONS]\n }] }], propDecorators: { campaignEntitlement: [{\n type: Input\n }] } });\n\nclass CampaignsOffersListComponent {\n constructor(campaignOffersService, campaignOffersQuery) {\n this.campaignOffersService = campaignOffersService;\n this.campaignOffersQuery = campaignOffersQuery;\n this.showAllOffersLink = \"/rewards/wallet\";\n this.showAllOffers = false;\n this.dataChange = new EventEmitter();\n this.isDragging = false;\n this.customOptions = {\n margin: 8,\n autoWidth: true,\n pullDrag: true,\n autoplay: false,\n autoplayTimeout: OwlCarouselSettings.AutoplayTimeout,\n autoplaySpeed: OwlCarouselSettings.AutoplaySpeed,\n navSpeed: 700,\n nav: false,\n responsive: {\n 0: { items: 2 },\n 900: { items: 4 },\n },\n dots: true,\n };\n }\n ngOnInit() {\n this.campaignOffersService.fetchOffers().toPromise();\n this.campaignOffers$ = this.campaignOffersQuery.selectFirst().pipe(tap(data => this.dataChange.emit(data)));\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CampaignsOffersListComponent, deps: [{ token: i1.CampaignOffersService }, { token: i1.CampaignOffersQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: CampaignsOffersListComponent, selector: \"fgbcl-campaigns-offers-list\", inputs: { showAllOffersLink: \"showAllOffersLink\", showAllOffers: \"showAllOffers\" }, outputs: { dataChange: \"dataChange\" }, ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n 0\\\">\\r\\n \\r\\n \\r\\n
\\r\\n {{ campaignEntitlement.CampaignName }}
\\r\\n\\r\\n \\r\\n {{ 'offer.expiry' | translate }} {{ campaignEntitlement.Campaign_ExpiryDate | UtcToLocaltimePipe : dateOption.NgbDateFormat }}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i2.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: i3$1.CarouselComponent, selector: \"owl-carousel-o\", inputs: [\"options\"], outputs: [\"translated\", \"dragging\", \"change\", \"changed\", \"initialized\"] }, { kind: \"directive\", type: i3$1.CarouselSlideDirective, selector: \"ng-template[carouselSlide]\", inputs: [\"id\", \"dataMerge\", \"width\", \"dotContent\", \"dataHash\"] }, { kind: \"directive\", type: i3$1.OwlRouterLinkDirective, selector: \":not(a)[owlRouterLink]\", inputs: [\"queryParams\", \"fragment\", \"queryParamsHandling\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"stopLink\", \"owlRouterLink\", \"preserveQueryParams\"] }, { kind: \"directive\", type: i4.RouterLink, selector: \"[routerLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"state\", \"info\", \"relativeTo\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"routerLink\"] }, { kind: \"component\", type: CampaignsListItemComponent, selector: \"fgbcl-campaigns-list-item\", inputs: [\"campaignEntitlement\"] }, { kind: \"directive\", type: i6.CustomOwlCarousel, selector: \"owl-carousel-o\" }, { kind: \"pipe\", type: i2.AsyncPipe, name: \"async\" }, { kind: \"pipe\", type: i3.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CampaignsOffersListComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-campaigns-offers-list', template: \"\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'campaign.offers.subheading' | translate }}
\\r\\n \\r\\n {{ 'wallet.show.all' | translate }}\\r\\n arrow_forward_ios\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [{ type: i1.CampaignOffersService }, { type: i1.CampaignOffersQuery }], propDecorators: { showAllOffersLink: [{\n type: Input\n }], showAllOffers: [{\n type: Input\n }], dataChange: [{\n type: Output\n }] } });\n\nclass CampaignsListItemModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CampaignsListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: CampaignsListItemModule, declarations: [CampaignsListItemComponent], imports: [CommonModule, CarouselModule, PipesModule, RouterModule, FGBSharedModule], exports: [CampaignsListItemComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CampaignsListItemModule, imports: [CommonModule, CarouselModule, PipesModule, RouterModule, FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CampaignsListItemModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [CampaignsListItemComponent],\n imports: [CommonModule, CarouselModule, PipesModule, RouterModule, FGBSharedModule],\n exports: [CampaignsListItemComponent],\n }]\n }] });\n\nclass CampaignsOffersListModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CampaignsOffersListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: CampaignsOffersListModule, declarations: [CampaignsOffersListComponent], imports: [CommonModule,\n CarouselModule,\n RouterModule,\n CampaignsListItemModule,\n DirectivesModule,\n FGBSharedModule], exports: [CampaignsOffersListComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CampaignsOffersListModule, imports: [CommonModule,\n CarouselModule,\n RouterModule,\n CampaignsListItemModule,\n DirectivesModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CampaignsOffersListModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [CampaignsOffersListComponent],\n imports: [\n CommonModule,\n CarouselModule,\n RouterModule,\n CampaignsListItemModule,\n DirectivesModule,\n FGBSharedModule\n ],\n exports: [CampaignsOffersListComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { CampaignsListItemComponent, CampaignsListItemModule, CampaignsOffersListComponent, CampaignsOffersListModule };\n","\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'campaign.offers.subheading' | translate }}
\\r\\n \\r\\n {{ 'wallet.show.all' | translate }}\\r\\n arrow_forward_ios\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n ![](\"{{)
\r\n
\r\n \r\n
\r\n {{ awayTeamName }}
\r\n \r\n {{ game.Date | date : 'hh:mm aa, EEE MMM dd' }}\r\n
\r\n \r\n ![](\"assets/images/Logos/tm-logo.png\")
\r\n
\r\n \r\n\r\n {{ 'tm.account.btn.text' | translate }}\r\n
\r\n\r\n \r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ErrorStateService } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-errors',\r\n templateUrl: './errors.component.html',\r\n styleUrls: ['./errors.component.scss']\r\n})\r\nexport class ErrorsComponent implements OnInit {\r\n constructor(public errorService: ErrorStateService) {}\r\n\r\n ngOnInit() {}\r\n}\r\n","{{ error | translate }}
\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { VoucherService, VoucherRedeemModel, BalanceService, config, ErrorStateService } from '@fgb/core';\r\nimport { take } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'fgb-vouchers',\r\n templateUrl: './vouchers.component.html',\r\n styleUrls: ['./vouchers.component.scss'],\r\n})\r\nexport class VouchersComponent implements OnInit {\r\n voucherCode: string;\r\n redemptionResult: string;\r\n disableButton: boolean;\r\n sucessfulRedemption: boolean;\r\n private messageTimeout: NodeJS.Timeout;\r\n\r\n private successMessage: string = 'Code successfully processed.';\r\n\r\n constructor(\r\n private voucherService: VoucherService,\r\n private balanceService: BalanceService,\r\n private errorService: ErrorStateService\r\n ) {}\r\n\r\n ngOnInit() {}\r\n\r\n redeemVoucher() {\r\n if (this.messageTimeout) {\r\n clearTimeout(this.messageTimeout);\r\n }\r\n this.clearMessages();\r\n this.sucessfulRedemption = false;\r\n this.disableButton = true;\r\n\r\n if (!this.voucherCode) {\r\n this.redemptionResult = 'Please enter a valid code';\r\n this.disableButton = false;\r\n this.clearMessagesAfter(10000);\r\n return;\r\n }\r\n\r\n let voucher = new VoucherRedeemModel();\r\n voucher.VoucherCode = this.voucherCode;\r\n this.voucherService\r\n .redeemVoucher(voucher)\r\n .toPromise()\r\n .then((item) => {\r\n this.balanceService.fetchBalance(config.purseConfig.virtualLoyalty).pipe(take(1)).subscribe();\r\n this.redemptionResult = this.successMessage;\r\n this.sucessfulRedemption = true;\r\n })\r\n .finally(() => {\r\n this.disableButton = false;\r\n this.clearMessagesAfter(10000);\r\n });\r\n }\r\n\r\n private clearMessagesAfter(timeAfter: number) {\r\n this.messageTimeout = setTimeout(() => {\r\n this.clearMessages();\r\n }, timeAfter);\r\n }\r\n\r\n private clearMessages() {\r\n this.redemptionResult = '';\r\n this.errorService.clearErrors();\r\n }\r\n}\r\n","\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {{ 'voucher.title' | translate }}\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n keyboard_arrow_right\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {{ redemptionResult }}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {{ memberDetails.FirstName }} {{ memberDetails.Surname }}\r\n
\r\n \r\n
\r\n {{ 'member.card.code' | translate }} {{ memberCard.MemberId }}
\r\n \r\n ![](\"assets/images/Logos/Redbullslogo.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {{ 'member.card.points.balance' | translate }}
\r\n \r\n
\r\n \r\n \r\n
\r\n {{ 'member.card.ecash.balance' | translate }}
\r\n \r\n
\r\n \r\n \r\n
\r\n {{ 'member.card.number' | translate }}
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n Sec: {{ currentMemberCard.Area }} / Row: {{ currentMemberCard.Row }} / Seat: {{ currentMemberCard.Seat }}\r\n \r\n \r\n {{ showPopup ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }}\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Sec: {{ card.Area }} / Row: {{ card.Row }} / Seat: {{ card.Seat }}\r\n
\r\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n {{ 'auction.outbid.status' | translate }}\\r\\n
\\r\\n \\r\\n {{ 'auction.winning.status' | translate }}\\r\\n
\\r\\n {{ statusText | translate }}
\\r\\n \\r\\n \\r\\n star\\r\\n \\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n {{ auctionItem.ItemName }}
\\r\\n\\r\\n \\r\\n {{ currentValue | FortressCurrencyPipe : 'PTS' }}
\\r\\n\\r\\n\", styles: [\".featured-state{padding-left:5px}.icon-state{margin-top:8px;margin-left:-2px}.lotto-state-timer{margin-top:8px}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i2.NgSwitch, selector: \"[ngSwitch]\", inputs: [\"ngSwitch\"] }, { kind: \"directive\", type: i2.NgSwitchCase, selector: \"[ngSwitchCase]\", inputs: [\"ngSwitchCase\"] }, { kind: \"component\", type: i3.CountdownComponent, selector: \"fgbcl-countdown\", inputs: [\"endDateTime\", \"requestDateTime\", \"completeText\", \"isUTC\"], outputs: [\"complete\"] }, { kind: \"directive\", type: i4.ImgDefaultDirective, selector: \"img[useDefault]\", inputs: [\"src\", \"useDefault\", \"loyaltyType\"] }, { kind: \"directive\", type: i4.IfItemEnabled, selector: \"[ifItemEnabled]\", inputs: [\"ifItemEnabled\", \"ifItemEnabledDisabledStatus\", \"ifItemEnabledElse\"], exportAs: [\"itemEnabled\"] }, { kind: \"directive\", type: i5.OwlRouterLinkWithHrefDirective, selector: \"a[owlRouterLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"stopLink\", \"owlRouterLink\", \"preserveQueryParams\"] }, { kind: \"pipe\", type: i6.ContentImagePipe, name: \"contentImage\" }, { kind: \"pipe\", type: i6.FortressCurrencyPipe, name: \"FortressCurrencyPipe\" }, { kind: \"pipe\", type: i7.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionPanelComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-auction-panel', template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n {{ 'auction.outbid.status' | translate }}\\r\\n
\\r\\n \\r\\n {{ 'auction.winning.status' | translate }}\\r\\n
\\r\\n {{ statusText | translate }}
\\r\\n \\r\\n \\r\\n star\\r\\n \\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n {{ auctionItem.ItemName }}
\\r\\n\\r\\n \\r\\n {{ currentValue | FortressCurrencyPipe : 'PTS' }}
\\r\\n\\r\\n\", styles: [\".featured-state{padding-left:5px}.icon-state{margin-top:8px;margin-left:-2px}.lotto-state-timer{margin-top:8px}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.BalanceQuery }], propDecorators: { auctionItem: [{\n type: Input\n }], ignoreLink: [{\n type: Input\n }], isPreview: [{\n type: Input\n }] } });\n\nclass AuctionPanelModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionPanelModule, declarations: [AuctionPanelComponent], imports: [CommonModule,\n PipesModule,\n CountdownModule,\n LoyaltyIconModule,\n DirectivesModule,\n RouterModule,\n IfItemEnabled,\n FGBSharedModule,\n CarouselModule], exports: [AuctionPanelComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionPanelModule, imports: [CommonModule,\n PipesModule,\n CountdownModule,\n LoyaltyIconModule,\n DirectivesModule,\n RouterModule,\n FGBSharedModule,\n CarouselModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionPanelModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [AuctionPanelComponent],\n imports: [\n CommonModule,\n PipesModule,\n CountdownModule,\n LoyaltyIconModule,\n DirectivesModule,\n RouterModule,\n IfItemEnabled,\n FGBSharedModule,\n CarouselModule,\n ],\n exports: [AuctionPanelComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { AuctionPanelComponent, AuctionPanelModule };\n","import * as i0 from '@angular/core';\nimport { Component, Input, NgModule } from '@angular/core';\nimport * as i1 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport { MarketplaceItemStatus, MARKETPLACE_STATE, TEXT_COLOR } from '@fgb/core';\nimport { DateTime } from 'luxon';\nimport * as i2 from '@fgb/portal-component-library/src/lib/directives';\nimport { DirectivesModule } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i3 from 'ngx-owl-carousel-o';\nimport { CarouselModule } from 'ngx-owl-carousel-o';\nimport * as i4 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i5 from '@ngx-translate/core';\nimport { LoyaltyIconModule } from '@fgb/portal-component-library/src/lib/shared/loyalty-icon';\nimport { RouterModule } from '@angular/router';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass MarketplaceListItemComponent {\n constructor() {\n this.ignoreLink = false;\n this.status = MarketplaceItemStatus;\n this.MARKETPLACE = MARKETPLACE_STATE;\n }\n ngOnInit() {\n this._updateTheme();\n if (this.marketplaceItem?.Status)\n this._updateStatusText();\n else\n this.getStockAvailableState();\n }\n getStockAvailableState() {\n [this.stockAvailableState, this.textColor] = this.handleStockAvailable(this.marketplaceItem);\n }\n _updateStatusText() {\n switch (this.marketplaceItem?.Status) {\n case MarketplaceItemStatus.SoldOut:\n this.statusText = MARKETPLACE_STATE.SOLD_OUT;\n this.theme = 'sold-out';\n break;\n case MarketplaceItemStatus.NotEnoughPoints:\n this.statusText = MARKETPLACE_STATE.NOT_ENOUGH_POINT;\n this.theme = 'not-enough-points';\n break;\n case MarketplaceItemStatus.ComingSoon:\n this.statusText = MARKETPLACE_STATE.COMING_SOON;\n this.theme = 'coming-soon';\n break;\n case MarketplaceItemStatus.MemberLimitReached:\n this.statusText = MARKETPLACE_STATE.LIMIT_REACHED;\n this.theme = 'limit-reached';\n break;\n case MarketplaceItemStatus.AllInBasket:\n this.statusText = MARKETPLACE_STATE.ALL_IN_BASKET;\n default:\n return;\n }\n }\n _updateTheme() {\n if (this.marketplaceItem?.Status === MarketplaceItemStatus.Available)\n this.theme = this.marketplaceItem?.theme;\n else\n this.theme = 'disabled';\n }\n handleStockAvailable(marketplaceItem) {\n if (!marketplaceItem)\n return ['', this.theme];\n const stockCount = marketplaceItem.AvailabilityCount;\n // Limited stock\n if (stockCount > 5 && stockCount <= 10)\n return [MARKETPLACE_STATE.LIMITED, TEXT_COLOR.RED];\n // Stock count left\n if (stockCount > 0 && stockCount <= 5)\n return [MARKETPLACE_STATE.REMAINING, TEXT_COLOR.RED];\n // New Stock\n const startDate = DateTime.fromISO(marketplaceItem.ItemStartDate, { zone: 'utc' });\n const requestTime = DateTime.fromISO(marketplaceItem.RequestTime, { zone: 'utc' });\n const days = requestTime.diff(startDate, 'days').days;\n // New Stock\n const threeDays = 3;\n if (days <= threeDays)\n return [MARKETPLACE_STATE.NEW, TEXT_COLOR.NEW];\n // Stock Favourite\n if (marketplaceItem.Favourite)\n return [MARKETPLACE_STATE.FEATURED, TEXT_COLOR.GREEN];\n else\n return ['', this.theme];\n }\n get hasSponsor() {\n return !!this.marketplaceItem?.Sponsor?.SponsorImage;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"17.2.1\", type: MarketplaceListItemComponent, selector: \"fgbcl-marketplace-list-item\", inputs: { marketplaceItem: \"marketplaceItem\", ignoreLink: \"ignoreLink\" }, ngImport: i0, template: \"\\r\\n \\r\\n @if (marketplaceItem.Locked) {\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\".icon-state{margin-top:8px;margin-left:-2px}\\n\"], dependencies: [{ kind: \"directive\", type: i1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i2.ImgDefaultDirective, selector: \"img[useDefault]\", inputs: [\"src\", \"useDefault\", \"loyaltyType\"] }, { kind: \"directive\", type: i3.OwlRouterLinkWithHrefDirective, selector: \"a[owlRouterLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"stopLink\", \"owlRouterLink\", \"preserveQueryParams\"] }, { kind: \"pipe\", type: i4.ContentImagePipe, name: \"contentImage\" }, { kind: \"pipe\", type: i4.FortressCurrencyPipe, name: \"FortressCurrencyPipe\" }, { kind: \"pipe\", type: i5.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListItemComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-marketplace-list-item', template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n lock\\r\\n {{ 'reward.status.locked' | translate }}\\r\\n
\\r\\n } @else if (statusText) {\\r\\n {{ statusText | translate }}
\\r\\n }\\r\\n \\r\\n \\r\\n star\\r\\n \\r\\n \\r\\n {{ marketplaceItem.AvailabilityCount }}\\r\\n \\r\\n\\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n {{ marketplaceItem.DisplayName }}
\\r\\n \\r\\n {{ marketplaceItem.PointValue | FortressCurrencyPipe : 'PTS' }}
\\r\\n {{ marketplaceItem.EcashValue / 100 | FortressCurrencyPipe }}
\\r\\n \\r\\n {{ marketplaceItem.MerchantValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n \\r\\n @if (marketplaceItem.Locked) {\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\".icon-state{margin-top:8px;margin-left:-2px}\\n\"] }]\n }], ctorParameters: () => [], propDecorators: { marketplaceItem: [{\n type: Input\n }], ignoreLink: [{\n type: Input\n }] } });\n\nclass MarketplaceListItemModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListItemModule, declarations: [MarketplaceListItemComponent], imports: [CommonModule,\n LoyaltyIconModule,\n PipesModule,\n DirectivesModule,\n RouterModule,\n CarouselModule,\n FGBSharedModule], exports: [MarketplaceListItemComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListItemModule, imports: [CommonModule,\n LoyaltyIconModule,\n PipesModule,\n DirectivesModule,\n RouterModule,\n CarouselModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListItemModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [MarketplaceListItemComponent],\n imports: [\n CommonModule,\n LoyaltyIconModule,\n PipesModule,\n DirectivesModule,\n RouterModule,\n CarouselModule,\n FGBSharedModule\n ],\n exports: [MarketplaceListItemComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { MarketplaceListItemComponent, MarketplaceListItemModule };\n","import * as i0 from '@angular/core';\nimport { Component, Input, NgModule } from '@angular/core';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@fgb/core';\nimport { config, ItemLoyaltyState, LOTTO_STATE, LOYALTY_STATUS, LOTTO_TEXT_COLOR } from '@fgb/core';\nimport { DateTime } from 'luxon';\nimport { take } from 'rxjs/operators';\nimport * as i3 from '@fgb/portal-component-library/src/lib/shared/countdown';\nimport { CountdownModule } from '@fgb/portal-component-library/src/lib/shared/countdown';\nimport * as i4 from '@fgb/portal-component-library/src/lib/directives';\nimport { DirectivesModule, IfItemEnabled } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i5 from 'ngx-owl-carousel-o';\nimport { CarouselModule } from 'ngx-owl-carousel-o';\nimport * as i6 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i7 from '@ngx-translate/core';\nimport { LoyaltyIconModule } from '@fgb/portal-component-library/src/lib/shared/loyalty-icon';\nimport { RouterModule } from '@angular/router';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass LottosListItemComponent {\n constructor(balanceQuery) {\n this.balanceQuery = balanceQuery;\n this.ignoreLink = false;\n this.isPreview = false;\n this.available = false;\n this.config = config;\n this.status = ItemLoyaltyState;\n this.isNotEnoughPoints = false;\n this.showLotto = true;\n this.LOTTO_STATE = LOTTO_STATE;\n this.state = LOYALTY_STATUS;\n }\n ngOnInit() {\n if (!this.isPreview) {\n const requestTime = DateTime.fromISO(this.lottoItem.RequestTime, { zone: 'utc' });\n const startDate = DateTime.fromISO(this.lottoItem?.StartDate, { zone: 'utc' });\n if (this.lottoItem) {\n if (startDate > requestTime) {\n this.showLotto = false;\n }\n else {\n this.showLotto = true;\n }\n }\n // tslint:disable-next-line: no-bitwise\n if (this.lottoItem.AllowComingSoon === ItemLoyaltyState.ComingSoon && !this.showLotto) {\n this.statusText = LOTTO_STATE.COMING_SOON;\n this.theme = 'coming-soon';\n }\n else if (this.lottoItem.ItemState === ItemLoyaltyState.OutOfStock) {\n this.statusText = LOTTO_STATE.SOLD_OUT;\n this.theme = 'sold-out';\n }\n else if (this.lottoItem.ItemState === ItemLoyaltyState.ItemLimitReached) {\n this.statusText = LOTTO_STATE.LIMIT_REACHED;\n this.theme = 'limit-reached';\n }\n else {\n this.balanceQuery\n .selectPurse(this.config.purseConfig.virtualLoyalty)\n .pipe(take(1))\n .subscribe((bal) => {\n let currentBal = bal ?? 0;\n if (currentBal < this.lottoItem.PurchasePrice) {\n this.isNotEnoughPoints = true;\n this.statusText = LOTTO_STATE.NOT_ENOUGH_POINT;\n this.theme = 'not-enough-points';\n }\n else if (this.lottoItem.DisableManualEntry === true && this.lottoItem.ShowOnDisableManualEntry === false) {\n this.statusText = LOTTO_STATE.VIEW;\n }\n else if (this.lottoItem.ShowOnDisableManualEntry === true && this.lottoItem.NumberOfTicketsPurchased === 0) {\n this.statusText = LOTTO_STATE.LOCKED;\n }\n else if (this.lottoItem.ShowOnDisableManualEntry && this.lottoItem.NumberOfTicketsPurchased > 0) {\n this.statusText = LOTTO_STATE.ENTERED;\n }\n else {\n this.statusText = '';\n this.available = true;\n }\n });\n }\n this.getStockAvailableState();\n }\n }\n getStockAvailableState() {\n [this.stockAvailableState, this.textColor] = this.handleStockAvailable(this.lottoItem);\n }\n handleStockAvailable(lottoItem) {\n if (!lottoItem)\n return ['', this.theme];\n const startDate = DateTime.fromISO(lottoItem.StartDate, { zone: 'utc' });\n const now = DateTime.utc();\n const days = now.diff(startDate, 'days').days;\n // New Stock\n const threeDays = 3;\n if (days <= threeDays)\n return [LOTTO_STATE.NEW, LOTTO_TEXT_COLOR.NEW];\n // Stock Favourite\n if (lottoItem.Favourite)\n return [LOTTO_STATE.FEATURED, LOTTO_TEXT_COLOR.GREEN];\n else\n return ['', this.theme];\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottosListItemComponent, deps: [{ token: i1.BalanceQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"17.2.1\", type: LottosListItemComponent, selector: \"fgbcl-lottos-list-item\", inputs: { lottoItem: \"lottoItem\", ignoreLink: \"ignoreLink\", isPreview: \"isPreview\" }, ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n lock\\r\\n {{ 'reward.status.locked' | translate }}\\r\\n
\\r\\n } @else if (statusText) {\\r\\n {{ statusText | translate }}
\\r\\n }\\r\\n \\r\\n \\r\\n star\\r\\n \\r\\n \\r\\n {{ marketplaceItem.AvailabilityCount }}\\r\\n \\r\\n\\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n {{ marketplaceItem.DisplayName }}
\\r\\n \\r\\n {{ marketplaceItem.PointValue | FortressCurrencyPipe : 'PTS' }}
\\r\\n {{ marketplaceItem.EcashValue / 100 | FortressCurrencyPipe }}
\\r\\n \\r\\n {{ marketplaceItem.MerchantValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n
\\r\\n\", styles: [\".featured-state{padding-left:5px}.icon-state{margin-top:8px;margin-left:-2px}.lotto-state-timer{margin-top:8px}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: i3.CountdownComponent, selector: \"fgbcl-countdown\", inputs: [\"endDateTime\", \"requestDateTime\", \"completeText\", \"isUTC\"], outputs: [\"complete\"] }, { kind: \"directive\", type: i4.ImgDefaultDirective, selector: \"img[useDefault]\", inputs: [\"src\", \"useDefault\", \"loyaltyType\"] }, { kind: \"directive\", type: i4.IfItemEnabled, selector: \"[ifItemEnabled]\", inputs: [\"ifItemEnabled\", \"ifItemEnabledDisabledStatus\", \"ifItemEnabledElse\"], exportAs: [\"itemEnabled\"] }, { kind: \"directive\", type: i5.OwlRouterLinkWithHrefDirective, selector: \"a[owlRouterLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"stopLink\", \"owlRouterLink\", \"preserveQueryParams\"] }, { kind: \"pipe\", type: i6.ContentImagePipe, name: \"contentImage\" }, { kind: \"pipe\", type: i6.FortressCurrencyPipe, name: \"FortressCurrencyPipe\" }, { kind: \"pipe\", type: i7.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottosListItemComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-lottos-list-item', template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ ('lotto.my.entries' | translate) + lottoItem.NumberOfTicketsPurchased }} \\r\\n
\\r\\n \\r\\n \\r\\n @if (lottoItem.Locked) {\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n lock\\r\\n {{ 'reward.status.locked' | translate }}\\r\\n
\\r\\n } @else if (statusText) {\\r\\n {{ statusText | translate }}
\\r\\n }\\r\\n \\r\\n \\r\\n star\\r\\n \\r\\n\\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n {{ lottoItem.Title }}
\\r\\n\\r\\n \\r\\n {{ lottoItem.PurchasePrice | FortressCurrencyPipe : 'PTS' }}
\\r\\n\\r\\n
\\r\\n\", styles: [\".featured-state{padding-left:5px}.icon-state{margin-top:8px;margin-left:-2px}.lotto-state-timer{margin-top:8px}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.BalanceQuery }], propDecorators: { lottoItem: [{\n type: Input\n }], ignoreLink: [{\n type: Input\n }], isPreview: [{\n type: Input\n }] } });\n\nclass LottosListItemModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottosListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: LottosListItemModule, declarations: [LottosListItemComponent], imports: [CommonModule,\n LoyaltyIconModule,\n CountdownModule,\n PipesModule,\n DirectivesModule,\n IfItemEnabled,\n RouterModule,\n CarouselModule,\n FGBSharedModule], exports: [LottosListItemComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottosListItemModule, imports: [CommonModule,\n LoyaltyIconModule,\n CountdownModule,\n PipesModule,\n DirectivesModule,\n RouterModule,\n CarouselModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottosListItemModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [LottosListItemComponent],\n imports: [\n CommonModule,\n LoyaltyIconModule,\n CountdownModule,\n PipesModule,\n DirectivesModule,\n IfItemEnabled,\n RouterModule,\n CarouselModule,\n FGBSharedModule\n ],\n exports: [LottosListItemComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { LottosListItemComponent, LottosListItemModule };\n","import * as i0 from '@angular/core';\nimport { Component, Input, HostBinding, NgModule } from '@angular/core';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@fgb/core';\nimport { FeaturesRewardsItem, marketplaceIdArr, ProcessProviderId } from '@fgb/core';\nimport { sortBy } from '@fgb/portal-component-library/src/lib/shared/utilities';\nimport { map, tap } from 'rxjs/operators';\nimport * as i3$1 from '@fgb/portal-component-library/src/lib/directives';\nimport { DataSourceDirective } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i4$1 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbPaginationModule } from '@ng-bootstrap/ng-bootstrap';\nimport * as i2$1 from '@fgb/portal-component-library/src/lib/loyalty/auctions/auction-panel';\nimport { AuctionPanelModule } from '@fgb/portal-component-library/src/lib/loyalty/auctions/auction-panel';\nimport * as i3 from '@fgb/portal-component-library/src/lib/loyalty/marketplace/marketplace-list-item';\nimport { MarketplaceListItemModule } from '@fgb/portal-component-library/src/lib/loyalty/marketplace/marketplace-list-item';\nimport * as i4 from '@fgb/portal-component-library/src/lib/loyalty/lottos/lottos-list-item';\nimport { LottosListItemModule } from '@fgb/portal-component-library/src/lib/loyalty/lottos/lottos-list-item';\nimport * as i6 from '@fgb/portal-component-library/src/lib/shared/loading';\nimport { LoadingModule } from '@fgb/portal-component-library/src/lib/shared/loading';\nimport * as i7 from '@ngx-translate/core';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass MixedLoyaltyItemComponent {\n get _isDisabled() {\n return this.ignoreLink;\n }\n constructor() {\n this.ignoreLink = false;\n }\n ngOnInit() { }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MixedLoyaltyItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: MixedLoyaltyItemComponent, selector: \"fgbcl-mixed-loyalty-item\", inputs: { item: \"item\", ignoreLink: \"ignoreLink\" }, host: { properties: { \"class.disabled\": \"this._isDisabled\" } }, ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ ('lotto.my.entries' | translate) + lottoItem.NumberOfTicketsPurchased }} \\r\\n
\\r\\n \\r\\n \\r\\n @if (lottoItem.Locked) {\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n lock\\r\\n {{ 'reward.status.locked' | translate }}\\r\\n
\\r\\n } @else if (statusText) {\\r\\n {{ statusText | translate }}
\\r\\n }\\r\\n \\r\\n \\r\\n star\\r\\n \\r\\n\\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n {{ lottoItem.Title }}
\\r\\n\\r\\n \\r\\n {{ lottoItem.PurchasePrice | FortressCurrencyPipe : 'PTS' }}
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'featured.rewards.placeholder.description' | translate }}
\\r\\n pageSize\\\">\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'featured.rewards.placeholder.description' | translate }}
\\r\\n pageSize\\\">\\r\\n \\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 {{ 'featured.rewards.show.all' | translate }}\\r\\n arrow_forward_ios\\r\\n \\r\\n
\\r\\n \\r\\n {{ title || ('home.page.featured.rewards.title' | translate) }}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\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 {{ 'featured.rewards.show.all' | translate }}\\r\\n arrow_forward_ios\\r\\n \\r\\n
\\r\\n \\r\\n {{ title || ('home.page.featured.rewards.title' | translate) }}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n
\\r\\n{{ announcement.Title }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n
\\r\\n{{ announcement.ComingSoonTitle }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n
\\r\\n{{ announcement.Title }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n
\\r\\n{{ announcement.ComingSoonTitle }}
\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n{{ 'fgbcl.announcements.title' | translate }}
\\r\\n 0\\\">\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n{{ 'fgbcl.announcements.title' | translate }}
\\r\\n\r\n \r\n \r\n
\r\n\r\n{{ 'home.page.title' | translate }} {{ name$ | async }}
\r\n\r\n ![](\"assets/images/Logos/RedbullsMemberPlusWhite.svg\")
\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n\r\n\r\n
\r\n\r\n \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 } from '@angular/core';\r\nimport { config, Company, CompanyOfferModel, Survey, AnnouncementService, MemberQuery } from '@fgb/core';\r\nimport { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\nimport { OwlOptions } from 'ngx-owl-carousel-o';\r\nimport { Observable } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\nimport { OwlCarouselSettings } from 'src/app/shared/utilities/owl-carousel-settings';\r\n\r\n@Component({\r\n selector: 'fgb-home-page',\r\n templateUrl: './home-page.component.html',\r\n styleUrls: ['./home-page.component.scss'],\r\n})\r\nexport class HomePageComponent implements OnInit {\r\n screenType = ScreenType;\r\n polls$: Observable\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n {{ faqSection.DisplayText }}
\\r\\n\\r\\n
\\r\\n\", styles: [\".faq-question-text{margin-top:2px}.faq-question-titles{margin-left:-24px;margin-top:2px}@media (max-width: 991px){.faq-question-titles{margin-left:-12px}}.btn.collapsed{padding-top:2px}.icon-arrow-1-down{height:23px}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i2$1.NgbAccordionButton, selector: \"button[ngbAccordionButton]\" }, { kind: \"directive\", type: i2$1.NgbAccordionDirective, selector: \"[ngbAccordion]\", inputs: [\"animation\", \"closeOthers\", \"destroyOnHide\"], outputs: [\"show\", \"shown\", \"hide\", \"hidden\"], exportAs: [\"ngbAccordion\"] }, { kind: \"directive\", type: i2$1.NgbAccordionItem, selector: \"[ngbAccordionItem]\", inputs: [\"ngbAccordionItem\", \"destroyOnHide\", \"disabled\", \"collapsed\"], outputs: [\"show\", \"shown\", \"hide\", \"hidden\"], exportAs: [\"ngbAccordionItem\"] }, { kind: \"directive\", type: i2$1.NgbAccordionHeader, selector: \"[ngbAccordionHeader]\" }, { kind: \"directive\", type: i2$1.NgbAccordionBody, selector: \"[ngbAccordionBody]\" }, { kind: \"directive\", type: i2$1.NgbAccordionCollapse, selector: \"[ngbAccordionCollapse]\", exportAs: [\"ngbAccordionCollapse\"] }, { kind: \"pipe\", type: i3.SafeHtmlPipe, name: \"safeHtml\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: FaqSectionCardComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-faq-section-card', template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ faqSection.DisplayText }}
\\r\\n\\r\\n
\\r\\n\", styles: [\".faq-question-text{margin-top:2px}.faq-question-titles{margin-left:-24px;margin-top:2px}@media (max-width: 991px){.faq-question-titles{margin-left:-12px}}.btn.collapsed{padding-top:2px}.icon-arrow-1-down{height:23px}\\n\"] }]\n }], ctorParameters: () => [], propDecorators: { faqSection: [{\n type: Input\n }] } });\n\nclass FaqSectionComponent {\n constructor(faqSectionQuery, faqSectionService, memberQuery) {\n this.faqSectionQuery = faqSectionQuery;\n this.faqSectionService = faqSectionService;\n this.memberQuery = memberQuery;\n this.disabled = false;\n }\n ngOnInit() {\n const userContext = this.memberQuery.getUserContext();\n this.faqSectionService.fetchFaqSection(+userContext.populationId, +userContext.lcid, userContext.clubId).subscribe();\n this.faqSections$ = this.faqSectionQuery.selectAll();\n this.loading = this.faqSectionQuery.selectLoading();\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: FaqSectionComponent, deps: [{ token: i1.FaqSectionQuery }, { token: i1.FaqSectionService }, { token: i1.MemberQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: FaqSectionComponent, selector: \"fgbcl-faq-section\", ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\r\n
\r\n\r\n{{ 'faq.page.title' | translate }}
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\n\r\n@Component({\r\n selector: 'fgb-faq-page',\r\n templateUrl: './faq-page.component.html',\r\n styleUrls: ['./faq-page.component.scss'],\r\n})\r\nexport class FaqPageComponent implements OnInit {\r\n disabled = false;\r\n screenType = ScreenType;\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n}\r\n","import * as i0 from '@angular/core';\nimport { Component, NgModule } from '@angular/core';\nimport * as i3 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@angular/forms';\nimport { Validators, ReactiveFormsModule } from '@angular/forms';\nimport { Subscription } from 'rxjs';\nimport { take } from 'rxjs/operators';\nimport * as i2 from '@fgb/core';\nimport * as i4 from '@ngx-translate/core';\nimport { HttpClientModule } from '@angular/common/http';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\n\nclass ContactUsComponent {\n constructor(formBuilder, contactService) {\n this.formBuilder = formBuilder;\n this.contactService = contactService;\n this.submitted = false;\n this.sentSuccessfully = false;\n this._subscription = new Subscription();\n }\n get f() {\n return this.contactUsForm.controls;\n }\n ngOnInit() {\n this.categories$ = this.contactService.getCategories();\n this.initForm();\n }\n ngOnDestroy() {\n this._subscription.unsubscribe();\n }\n async submit(message, isValid) {\n this.submitted = true;\n if (isValid) {\n await this.contactService.sendMessage(message);\n this.sentSuccessfully = true;\n }\n }\n initForm() {\n this.contactUsForm = this.formBuilder.group({\n category: [''],\n message: ['', [Validators.required, this.noWhitespaceValidator, this.invalidTagsValidator, this.profanityFilterValidator]],\n });\n this.watchMessage(this.contactUsForm);\n this.watchCategories(this.contactUsForm);\n }\n watchCategories(fg) {\n this._subscription.add(this.categories$.pipe(take(1)).subscribe((cats) => {\n if (cats.length) {\n fg.controls.category.setValue(cats[0].Name);\n }\n }));\n }\n watchMessage(fg) {\n this._subscription.add(fg?.get('message')?.valueChanges.subscribe((content) => {\n this.sentSuccessfully = false;\n }));\n }\n noWhitespaceValidator(control) {\n if (control.value === '')\n return;\n return control.value.trim().length ? null : { whitespace: true };\n }\n invalidTagsValidator(control) {\n if (control.value === '')\n return;\n var rgx = /<\\/?script|<\\/?a/gi;\n return rgx.test(control.value) ? { invalidTags: true } : null;\n }\n profanityFilterValidator(control) {\n if (control.value === '')\n return;\n //list of profanity words\n let profanityWords = [];\n //list of filtered profanity words\n let filteredProfanityWords = [];\n profanityWords.forEach((word) => control.value.replace(/ /g, '').toLowerCase().includes(word.replace(/ /g, '').toLowerCase())\n ? filteredProfanityWords.push(word)\n : null);\n return filteredProfanityWords.length ? { profanityFilter: true } : null;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ContactUsComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i2.ContactService }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: ContactUsComponent, selector: \"fgbcl-contact-us\", ngImport: i0, template: \"\\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i3.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i3.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i1.ɵNgNoValidate, selector: \"form:not([ngNoForm]):not([ngNativeValidate])\" }, { kind: \"directive\", type: i1.NgSelectOption, selector: \"option\", inputs: [\"ngValue\", \"value\"] }, { kind: \"directive\", type: i1.ɵNgSelectMultipleOption, selector: \"option\", inputs: [\"ngValue\", \"value\"] }, { kind: \"directive\", type: i1.DefaultValueAccessor, selector: \"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]\" }, { kind: \"directive\", type: i1.SelectControlValueAccessor, selector: \"select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]\", inputs: [\"compareWith\"] }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.NgControlStatusGroup, selector: \"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]\" }, { kind: \"directive\", type: i1.FormGroupDirective, selector: \"[formGroup]\", inputs: [\"formGroup\"], outputs: [\"ngSubmit\"], exportAs: [\"ngForm\"] }, { kind: \"directive\", type: i1.FormControlName, selector: \"[formControlName]\", inputs: [\"formControlName\", \"disabled\", \"ngModel\"], outputs: [\"ngModelChange\"] }, { kind: \"pipe\", type: i3.AsyncPipe, name: \"async\" }, { kind: \"pipe\", type: i4.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ContactUsComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-contact-us', template: \"\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [{ type: i1.UntypedFormBuilder }, { type: i2.ContactService }] });\n\nclass ContactUsModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ContactUsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: ContactUsModule, declarations: [ContactUsComponent], imports: [CommonModule,\n ReactiveFormsModule,\n HttpClientModule,\n PipesModule,\n FGBSharedModule], exports: [ContactUsComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ContactUsModule, imports: [CommonModule,\n ReactiveFormsModule,\n HttpClientModule,\n PipesModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ContactUsModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [ContactUsComponent],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n HttpClientModule,\n PipesModule,\n FGBSharedModule\n ],\n exports: [ContactUsComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { ContactUsComponent, ContactUsModule };\n","\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \r\n
\r\n\r\n{{ 'contact.us.page.title' | translate }}
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n{{ 'terms.page.title' | translate }}
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n\r\n {{ 'default.terms.description' | translate }}\r\n
\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'fgb-rewards-layout',\r\n templateUrl: './rewards-layout.component.html',\r\n styleUrls: ['./rewards-layout.component.css']\r\n})\r\nexport class RewardsLayoutComponent implements OnInit {\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n}\r\n","\r\n
\r\n\r\n
\r\n \r\n
\r\n {{ 'not.found.title.1' | translate }}
\r\n{{ 'not.found.title.2' | translate }}
\r\n\r\n {{ 'not.found.description' | translate }}\r\n
\r\n \r\n \r\n
\r\n \r\n ![](\"assets/images/placeholders/404placeholder.svg\")
\r\n
\r\n \r\n \r\n 600\">\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n\r\n","import {\r\n Component,\r\n ElementRef,\r\n EventEmitter,\r\n HostListener,\r\n Input,\r\n OnChanges,\r\n OnInit,\r\n Output,\r\n SimpleChanges,\r\n ViewChild,\r\n} from '@angular/core';\r\nimport { FeaturesRewardsItem, ScreenSizeService } from '@fgb/core';\r\nimport { NgbOffcanvas } from '@ng-bootstrap/ng-bootstrap';\r\n\r\n@Component({\r\n selector: 'fgb-filter-modal',\r\n templateUrl: './filter-modal.component.html',\r\n styleUrls: ['./filter-modal.component.scss'],\r\n})\r\nexport class FilterModalComponent implements OnInit, OnChanges {\r\n @Input() filterTypesList: { label: string; value: string }[];\r\n @Output() filterTypesListEmitter: EventEmitter<{ label: string; value: string }[]> = new EventEmitter<\r\n {\r\n label: string;\r\n value: string;\r\n }[]\r\n >();\r\n @Input() selectedValues: string[];\r\n @Output() selectedValuesEmitter: EventEmitter\r\n \r\n
\r\n\r\n \r\n {{ 'reward.filter_modal.filter' | translate }}:\r\n {{ labelString | translate }}\r\n {{ labelString }}\r\n
\r\n \r\n\r\n
\r\n \r\n {{ 'reward.filter_modal.reward_type' | translate }}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {{ 'reward.filter_modal.reward_type' | translate }}\r\n
\r\n \r\n \r\n
\r\n\r\n{{ 'featured.rewards.page.title' | translate }}
\r\n\r\n \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 } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\nimport { BalanceQuery } from '@fgb/core';\r\nimport { config } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-points-summary',\r\n templateUrl: './points-summary.component.html',\r\n styleUrls: ['./points-summary.component.scss'],\r\n})\r\nexport class PointsSummaryComponent implements OnInit {\r\n pointsBalance$: Observable\r\n {{ pointsBalance$ | async | FortressCurrencyPipe : 'PTS' }}\r\n
\r\n","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'fgb-points-summary-bar',\r\n templateUrl: './points-summary-bar.component.html',\r\n styleUrls: ['./points-summary-bar.component.scss'],\r\n})\r\nexport class PointsSummaryBarComponent implements OnInit {\r\n @Input() backButtonLink: string = '/rewards';\r\n @Input() backButtonTitle: string;\r\n @Input() marketplaceItemGroup: string;\r\n\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n}\r\n","\r\n","import { CommonModule } from '@angular/common';\nimport * as i0 from '@angular/core';\nimport { Component, EventEmitter, Directive, Input, Output, InjectionToken, viewChild, ViewContainerRef, inject, DestroyRef, ChangeDetectionStrategy } from '@angular/core';\nimport { CountdownV2Component } from '@fgb/portal-component-library/src/lib/shared/countdown-v2';\nimport { LOYALTY_STATUS, LoggingService } from '@fgb/core';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\nimport * as i1 from '@ngx-translate/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nclass LockedRewardStatusComponent {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LockedRewardStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: LockedRewardStatusComponent, isStandalone: true, selector: \"fgbcl-locked-reward-status\", ngImport: i0, template: \"\\r\\n\", styles: [\".icon.material-icons{font-size:17px;vertical-align:sub}label{font-size:14px;font-weight:400;margin-bottom:0;margin-right:5px}\\n\"], dependencies: [{ kind: \"ngmodule\", type: FGBSharedModule }, { kind: \"pipe\", type: i1.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LockedRewardStatusComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-locked-reward-status', standalone: true, imports: [FGBSharedModule], template: \"\\r\\n\", styles: [\".icon.material-icons{font-size:17px;vertical-align:sub}label{font-size:14px;font-weight:400;margin-bottom:0;margin-right:5px}\\n\"] }]\n }] });\n\nclass DateRangeStatus {\n constructor() {\n this.itemStart = new EventEmitter();\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: DateRangeStatus, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }\n static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"17.2.1\", type: DateRangeStatus, inputs: { startDate: \"startDate\", comingSoonDate: \"comingSoonDate\" }, outputs: { itemStart: \"itemStart\" }, ngImport: i0 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: DateRangeStatus, decorators: [{\n type: Directive\n }], propDecorators: { startDate: [{\n type: Input\n }], comingSoonDate: [{\n type: Input\n }], itemStart: [{\n type: Output\n }] } });\n\nclass ComingSoonRewardStatusComponent extends DateRangeStatus {\n constructor() {\n super(...arguments);\n this.itemStart = new EventEmitter();\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ComingSoonRewardStatusComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: ComingSoonRewardStatusComponent, isStandalone: true, selector: \"fgbcl-coming-soon-reward-status\", inputs: { startDate: \"startDate\", comingSoonDate: \"comingSoonDate\" }, outputs: { itemStart: \"itemStart\" }, usesInheritance: true, ngImport: i0, template: \"\\r\\n\\r\\n
\\r\\n\", styles: [\".reward-status{height:54px;display:flex;align-items:center;justify-content:center;border-radius:16px}\\n\"], dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"ngmodule\", type: FGBSharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: RewardStatusComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-reward-status', standalone: true, imports: [CommonModule, FGBSharedModule, CountdownV2Component, LockedRewardStatusComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: \"\\r\\n
\\r\\n\\r\\n
\\r\\n\", styles: [\".reward-status{height:54px;display:flex;align-items:center;justify-content:center;border-radius:16px}\\n\"] }]\n }], propDecorators: { status: [{\n type: Input,\n args: [{ required: true }]\n }], startDate: [{\n type: Input\n }], comingSoonDate: [{\n type: Input\n }], itemStart: [{\n type: Output\n }] } });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { ComingSoonRewardStatusComponent, LimitReachedRewardStatusComponent, LockedRewardStatusComponent, NotEnoughPointsRewardStatusComponent, REWARD_STATUS_COMPONENTS, RewardStatusComponent, SoldOutRewardStatusComponent, mergeRewardStatusComponentMaps };\n","import * as i0 from '@angular/core';\nimport { EventEmitter, inject, DestroyRef, Component, Optional, Self, Input, Output, ViewChild, NgModule } from '@angular/core';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@angular/forms';\nimport { ReactiveFormsModule, FormsModule } from '@angular/forms';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { Subject, merge, map, fromEvent, debounceTime, distinctUntilChanged, scan } from 'rxjs';\nimport * as i3 from '@ngx-translate/core';\nimport { InlineSVGModule } from 'ng-inline-svg-2';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\n/**\n * This component is used to create a number input field with increment and decrement buttons, can be used in forms\n * @example\n * \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n = maxValue) || !isActive || control?.disabled\\r\\n \\\"\\r\\n >\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\", styles: [\":host{width:100%}input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-select-container{width:142px}.quantity-select-container .quantity{display:flex;position:relative}.amount-input{border-radius:5px;display:inline;padding:7px 0;background:#f4f4f5;border:0;margin:0!important;text-align:center}.btn,.form-group{margin-bottom:0}.error{font-size:12px;color:red;margin-bottom:0}.form-control{height:34px}.number-input-increment-button,.number-input-decrement-button{position:absolute;font-weight:700;width:34px;height:34px;border-radius:50%;background:#fff}.number-input-increment-button:disabled,.number-input-decrement-button:disabled{background:transparent}.number-input-increment-button{right:4px}.number-input-decrement-button{left:4px}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i1.DefaultValueAccessor, selector: \"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]\" }, { kind: \"directive\", type: i1.NumberValueAccessor, selector: \"input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]\" }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.MinValidator, selector: \"input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]\", inputs: [\"min\"] }, { kind: \"directive\", type: i1.MaxValidator, selector: \"input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]\", inputs: [\"max\"] }, { kind: \"directive\", type: i1.NgModel, selector: \"[ngModel]:not([formControlName]):not([formControl])\", inputs: [\"name\", \"disabled\", \"ngModel\", \"ngModelOptions\"], outputs: [\"ngModelChange\"], exportAs: [\"ngModel\"] }, { kind: \"pipe\", type: i3.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NumberInputComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-number-input', template: \"* {{ minMessage }}
\\r\\n* {{ maxMessage }}
\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n = maxValue) || !isActive || control?.disabled\\r\\n \\\"\\r\\n >\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\", styles: [\":host{width:100%}input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-select-container{width:142px}.quantity-select-container .quantity{display:flex;position:relative}.amount-input{border-radius:5px;display:inline;padding:7px 0;background:#f4f4f5;border:0;margin:0!important;text-align:center}.btn,.form-group{margin-bottom:0}.error{font-size:12px;color:red;margin-bottom:0}.form-control{height:34px}.number-input-increment-button,.number-input-decrement-button{position:absolute;font-weight:700;width:34px;height:34px;border-radius:50%;background:#fff}.number-input-increment-button:disabled,.number-input-decrement-button:disabled{background:transparent}.number-input-increment-button{right:4px}.number-input-decrement-button{left:4px}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{\n type: Optional\n }, {\n type: Self\n }] }], propDecorators: { isActive: [{\n type: Input\n }], minMessage: [{\n type: Input\n }], maxMessage: [{\n type: Input\n }], theme: [{\n type: Input\n }], incrementValue: [{\n type: Input\n }], limitValueToRange: [{\n type: Input\n }], unlimitedLimit: [{\n type: Input\n }], minValue: [{\n type: Input\n }], maxValue: [{\n type: Input\n }], amount: [{\n type: Input\n }], amountChange: [{\n type: Output\n }], outOfRange: [{\n type: Input\n }], inputText: [{\n type: ViewChild,\n args: ['input']\n }], outOfRangeChange: [{\n type: Output\n }], showErrorMessage: [{\n type: Input\n }], errorChange: [{\n type: Output\n }] } });\n\nclass NumberInputModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NumberInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: NumberInputModule, declarations: [NumberInputComponent], imports: [CommonModule,\n ReactiveFormsModule,\n FormsModule,\n InlineSVGModule,\n FGBSharedModule], exports: [NumberInputComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NumberInputModule, imports: [CommonModule,\n ReactiveFormsModule,\n FormsModule,\n InlineSVGModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NumberInputModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [NumberInputComponent],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n FormsModule,\n InlineSVGModule,\n FGBSharedModule\n ],\n exports: [NumberInputComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { NumberInputComponent, NumberInputModule };\n","import * as i0 from '@angular/core';\nimport { EventEmitter, Component, Directive, Input, Output, HostBinding, HostListener, NgModule } from '@angular/core';\nimport * as i1 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport * as i1$1 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport * as i2 from '@ngx-translate/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass ConfirmModalComponent {\n constructor() {\n this.confirm = new EventEmitter();\n this.close = new EventEmitter();\n }\n ngOnInit() { }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ConfirmModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: ConfirmModalComponent, selector: \"fgbcl-confirm-modal\", ngImport: i0, template: \"* {{ minMessage }}
\\r\\n* {{ maxMessage }}
\\r\\n\\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n\", styles: [\".modal-image{width:390px;height:390px}@media (max-width: 991px){.modal-image{width:100%;height:340px}}.confirm-modal-header{padding:20px}.confirm-modal-header h5,.modal-body,.modal-footer{font-size:14px}.modal-body{padding:1rem 0}button:hover{color:#fff}.modal-footer button{max-width:142px;width:100%;font-size:.875rem}.modal-footer{padding:0 15px;display:flex;align-items:center;height:54px;border-top:1px solid rgba(0,0,0,.125)}\\n\"], dependencies: [{ kind: \"directive\", type: i1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i1.NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }, { kind: \"pipe\", type: i2.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ConfirmModalComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-confirm-modal', template: \"\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ headerContent.data }}
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n\", styles: [\".modal-image{width:390px;height:390px}@media (max-width: 991px){.modal-image{width:100%;height:340px}}.confirm-modal-header{padding:20px}.confirm-modal-header h5,.modal-body,.modal-footer{font-size:14px}.modal-body{padding:1rem 0}button:hover{color:#fff}.modal-footer button{max-width:142px;width:100%;font-size:.875rem}.modal-footer{padding:0 15px;display:flex;align-items:center;height:54px;border-top:1px solid rgba(0,0,0,.125)}\\n\"] }]\n }], ctorParameters: () => [] });\n\nclass ConfirmModalDirective {\n get isDisabled() {\n return this.disabled ? '' : null;\n }\n constructor(modalService) {\n this.modalService = modalService;\n this.destroy$ = new Subject();\n this.disabled = false;\n this.valid = true;\n this.confirm = new EventEmitter();\n }\n onClick() {\n if (!this.disabled) {\n this.modal = this.modalService.open(ConfirmModalComponent, {\n size: !!this.confirmImage ? 'lg' : undefined,\n centered: true,\n windowClass: this.className,\n });\n this.modalComponent = this.modal.componentInstance;\n this.modalComponent.modalContent = this.confirmContent;\n this.modalComponent.context = this.confirmContext;\n this.modalComponent.imageRef = this.confirmImage;\n this.modalComponent.headerContent = this.confirmHeader;\n this.modalComponent.close.pipe(takeUntil(this.destroy$)).subscribe((x) => this.modal.close(x));\n this.modalComponent.confirm.pipe(takeUntil(this.destroy$)).subscribe((x) => {\n this.confirm.emit(x);\n this.modal.close(x);\n });\n }\n }\n ngOnChanges(changes) {\n if (!this.valid) {\n this.modal.close();\n }\n }\n ngOnDestroy() {\n this.destroy$.next();\n this.destroy$.complete();\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ConfirmModalDirective, deps: [{ token: i1$1.NgbModal }], target: i0.ɵɵFactoryTarget.Directive }); }\n static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"17.2.1\", type: ConfirmModalDirective, selector: \"[confirmModal]\", inputs: { disabled: \"disabled\", confirmImage: \"confirmImage\", confirmContent: \"confirmContent\", confirmContext: \"confirmContext\", className: [\"modal-class\", \"className\"], valid: \"valid\", confirmHeader: \"confirmHeader\" }, outputs: { confirm: \"confirm\" }, host: { listeners: { \"click\": \"onClick()\" }, properties: { \"attr.disabled\": \"this.isDisabled\" } }, usesOnChanges: true, ngImport: i0 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ConfirmModalDirective, decorators: [{\n type: Directive,\n args: [{\n // tslint:disable-next-line: directive-selector\n selector: '[confirmModal]',\n }]\n }], ctorParameters: () => [{ type: i1$1.NgbModal }], propDecorators: { disabled: [{\n type: Input\n }], confirmImage: [{\n type: Input\n }], confirmContent: [{\n type: Input\n }], confirmContext: [{\n type: Input\n }], className: [{\n type: Input,\n args: [{ alias: 'modal-class' }]\n }], valid: [{\n type: Input\n }], confirmHeader: [{\n type: Input\n }], confirm: [{\n type: Output\n }], isDisabled: [{\n type: HostBinding,\n args: ['attr.disabled']\n }], onClick: [{\n type: HostListener,\n args: ['click']\n }] } });\n\nclass ConfirmModalModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ConfirmModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: ConfirmModalModule, declarations: [ConfirmModalComponent, ConfirmModalDirective], imports: [CommonModule,\n FormsModule,\n NgbModule,\n FGBSharedModule], exports: [ConfirmModalComponent, ConfirmModalDirective] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ConfirmModalModule, imports: [CommonModule,\n FormsModule,\n NgbModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ConfirmModalModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [ConfirmModalComponent, ConfirmModalDirective],\n imports: [\n CommonModule,\n FormsModule,\n NgbModule,\n FGBSharedModule\n ],\n exports: [ConfirmModalComponent, ConfirmModalDirective]\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { ConfirmModalComponent, ConfirmModalDirective, ConfirmModalModule };\n","import * as i0 from '@angular/core';\nimport { signal, inject, Injector, DestroyRef, runInInjectionContext, computed, Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';\nimport * as i3 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@fgb/core';\nimport { getLoyaltyBalance, config, TermsAndCondtionsType, LOYALTY_STATUS, AuctionStatus, AuctionBid, FgbError, LoyaltyCategoryType, ProviderName } from '@fgb/core';\nimport { tap } from 'rxjs/operators';\nimport { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';\nimport * as i7 from '@fgb/portal-component-library/src/lib/directives';\nimport { ScreenType, IfItemEnabled, DirectivesModule } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i2 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbCarouselModule } from '@ng-bootstrap/ng-bootstrap';\nimport * as i4 from '@fgb/portal-component-library/src/lib/loyalty/reward-status';\nimport { RewardStatusComponent } from '@fgb/portal-component-library/src/lib/loyalty/reward-status';\nimport * as i5 from '@fgb/portal-component-library/src/lib/shared/number-input';\nimport { NumberInputModule } from '@fgb/portal-component-library/src/lib/shared/number-input';\nimport * as i6 from '@fgb/portal-component-library/src/lib/shared/countdown';\nimport { CountdownModule } from '@fgb/portal-component-library/src/lib/shared/countdown';\nimport * as i8 from '@fgb/portal-component-library/src/lib/shared/confirm-modal';\nimport { ConfirmModalModule } from '@fgb/portal-component-library/src/lib/shared/confirm-modal';\nimport * as i9 from '@angular/forms';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport * as i10 from '@fgb/portal-component-library/src/lib/shared/errors';\nimport { ErrorsModule, ErrorComponent } from '@fgb/portal-component-library/src/lib/shared/errors';\nimport * as i11 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i12 from '@ngx-translate/core';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\nimport { ShortLongDescriptionModule } from '@fgb/portal-component-library/src/lib/shared/short-long-description';\nimport { RouterModule } from '@angular/router';\nimport { LoyaltyIconModule } from '@fgb/portal-component-library/src/lib/shared/loyalty-icon';\n\nclass AuctionDetailsComponent {\n constructor(auctionService, auctionQuery, balanceService, errorService, carouselConfig, signalRHub, socialService) {\n this.auctionService = auctionService;\n this.auctionQuery = auctionQuery;\n this.balanceService = balanceService;\n this.errorService = errorService;\n this.carouselConfig = carouselConfig;\n this.signalRHub = signalRHub;\n this.socialService = socialService;\n this.availableBalance = getLoyaltyBalance();\n this.bidAmount = 0;\n this.minBidAmount = 0;\n this.auctionEnd = false;\n this.isBidOutOfRange = false;\n this.isWinning = signal(false);\n this.config = config;\n this.showTermsAndConditionsText = false;\n this.showDescription = true;\n this.TermsAndCondtionsType = TermsAndCondtionsType;\n this.termsAccepted = false;\n this.screenSize = ScreenType;\n this.auction = signal(null);\n this.STATUS = LOYALTY_STATUS;\n this.auctionStatus = AuctionStatus;\n this.injector = inject(Injector);\n this.destroyRef = inject(DestroyRef);\n }\n ngOnInit() {\n this.signalRHub\n .joinGroup('AuctionDetails_' + this.auctionId)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe();\n this.init();\n this.updateCarouselConfig();\n }\n ngOnDestroy() {\n this.signalRHub.removeFromGroup('AuctionDetails_' + this.auctionId);\n }\n init() {\n runInInjectionContext(this.injector, () => {\n this.auction = toSignal(this.auctionQuery.selectAuction(this.auctionId).pipe(tap((auction) => this.updateValues(auction))));\n this.isWinning = computed(() => !!this.auction().IsWinning);\n });\n }\n updateValues(o) {\n const currentValue = o?.CurrentValue ?? 0;\n const bidIncrement = o?.BidIncrement ?? 0;\n this.minBidAmount = o?.HasPreviousSuccessfulBid ? currentValue + bidIncrement : currentValue;\n this.bidAmount = this.minBidAmount;\n this.availableBalance += o?.UserLastBid || 0;\n this.currentValue = o?.CurrentValue || 0;\n }\n submitBid() {\n // Submit the bid\n const bid = new AuctionBid(this.auctionId, +this.bidAmount);\n let amountToDebit = this.bidAmount;\n if (this.isWinning()) {\n let auction = this.auctionQuery.getEntity(this.auctionId);\n if (auction) {\n amountToDebit -= auction.UserLastBid;\n }\n }\n this.auctionService\n .postBid(bid)\n .toPromise()\n .then(() => this.balanceService.debitBalance(this.config.purseConfig.virtualLoyalty, amountToDebit));\n }\n /**\n * Customise carousel\n * config if needed for\n * auction items which have\n * multiple auction images.\n */\n updateCarouselConfig() {\n this.carouselConfig.showNavigationIndicators = false;\n this.carouselConfig.interval = 3000;\n }\n showDescriptionActive() {\n this.showDescription = true;\n this.showTermsAndConditionsText = false;\n }\n showTermsAndConditonsActive() {\n this.showDescription = false;\n this.showTermsAndConditionsText = true;\n }\n onErrorChange(err) {\n // The error message displays for 3 seconds and then clears itself, if not the behavior wanted, use service instead\n if (err) {\n throw new FgbError({ message: err });\n }\n }\n shareItem() {\n return this.socialService.shareLoyalty(this.auctionId, 'rewards/auctions/details', LoyaltyCategoryType.Auction, ProviderName.Facebook);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionDetailsComponent, deps: [{ token: i1.AuctionService }, { token: i1.AuctionQuery }, { token: i1.BalanceService }, { token: i1.ErrorStateService }, { token: i2.NgbCarouselConfig }, { token: i1.SignalRHub }, { token: i1.SocialService }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: AuctionDetailsComponent, selector: \"fgbcl-auction-details\", inputs: { auctionId: \"auctionId\" }, ngImport: i0, template: \"\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ headerContent.data }}
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\", styles: [\".card-img-overlay{font-size:18px}.btn-block{font-size:.875rem;min-width:224px;height:34px;border-radius:16px}@media (max-width: 991px){.btn-block{min-width:310px}}.form-check-input{width:20px;height:20px;border:var(--bs-border-width) solid #000}.form-check-input:focus{box-shadow:none}.form-check-input:checked{background-color:#52c443;border:var(--bs-border-width) solid #52c443;box-shadow:none}.status-container{margin-top:30px;margin-bottom:30px}.form-check{margin-top:30px}.form-check>*:hover{cursor:pointer}\\n\"], dependencies: [{ kind: \"directive\", type: i3.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i3.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i3.NgSwitch, selector: \"[ngSwitch]\", inputs: [\"ngSwitch\"] }, { kind: \"directive\", type: i3.NgSwitchCase, selector: \"[ngSwitchCase]\", inputs: [\"ngSwitchCase\"] }, { kind: \"component\", type: i4.RewardStatusComponent, selector: \"fgbcl-reward-status\", inputs: [\"status\", \"startDate\", \"comingSoonDate\"], outputs: [\"itemStart\"] }, { kind: \"component\", type: i5.NumberInputComponent, selector: \"fgbcl-number-input\", inputs: [\"isActive\", \"minMessage\", \"maxMessage\", \"theme\", \"incrementValue\", \"limitValueToRange\", \"unlimitedLimit\", \"minValue\", \"maxValue\", \"amount\", \"outOfRange\", \"showErrorMessage\"], outputs: [\"amountChange\", \"outOfRangeChange\", \"errorChange\"] }, { kind: \"component\", type: i6.CountdownComponent, selector: \"fgbcl-countdown\", inputs: [\"endDateTime\", \"requestDateTime\", \"completeText\", \"isUTC\"], outputs: [\"complete\"] }, { kind: \"directive\", type: i7.IfItemEnabled, selector: \"[ifItemEnabled]\", inputs: [\"ifItemEnabled\", \"ifItemEnabledDisabledStatus\", \"ifItemEnabledElse\"], exportAs: [\"itemEnabled\"] }, { kind: \"directive\", type: i7.IfScreenSizeDirective, selector: \"[ifScreenSize]\", inputs: [\"ifScreenSize\"] }, { kind: \"directive\", type: i7.WebsiteContentFeatureFlagDirective, selector: \"[fgbWebsiteContentFeatureFlag]\", inputs: [\"fgbWebsiteContentFeatureFlag\"] }, { kind: \"directive\", type: i8.ConfirmModalDirective, selector: \"[confirmModal]\", inputs: [\"disabled\", \"confirmImage\", \"confirmContent\", \"confirmContext\", \"modal-class\", \"valid\", \"confirmHeader\"], outputs: [\"confirm\"] }, { kind: \"directive\", type: i9.CheckboxControlValueAccessor, selector: \"input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]\" }, { kind: \"directive\", type: i9.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i9.NgModel, selector: \"[ngModel]:not([formControlName]):not([formControl])\", inputs: [\"name\", \"disabled\", \"ngModel\", \"ngModelOptions\"], outputs: [\"ngModelChange\"], exportAs: [\"ngModel\"] }, { kind: \"component\", type: i10.ErrorComponent, selector: \"fgbcl-error\" }, { kind: \"pipe\", type: i3.DecimalPipe, name: \"number\" }, { kind: \"pipe\", type: i11.ContentImagePipe, name: \"contentImage\" }, { kind: \"pipe\", type: i11.SafeHtmlPipe, name: \"safeHtml\" }, { kind: \"pipe\", type: i12.TranslatePipe, name: \"translate\" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionDetailsComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-auction-details', changeDetection: ChangeDetectionStrategy.OnPush, template: \"\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n {{ auction()?.Sponsor?.SponsorText }} \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ auction().ItemName }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ currentValue | number }} Pts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'auction.terms.accept' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ currentValue | number }} Pts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'auction.item.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'auction.item.tcs' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ auction().TermsAndConditions }}\\r\\n \\r\\n
\\r\\n {{ 'auction.confirm.text' | translate }}
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n {{ 'auctions.confirmation.additional' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n {{ auction().ItemName }}
\\r\\n \\r\\n {{ 'auction.points.value' | translate }}\\r\\n \\r\\n {{ bidAmount | number }} {{ 'auction.points.value.pts' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\", styles: [\".card-img-overlay{font-size:18px}.btn-block{font-size:.875rem;min-width:224px;height:34px;border-radius:16px}@media (max-width: 991px){.btn-block{min-width:310px}}.form-check-input{width:20px;height:20px;border:var(--bs-border-width) solid #000}.form-check-input:focus{box-shadow:none}.form-check-input:checked{background-color:#52c443;border:var(--bs-border-width) solid #52c443;box-shadow:none}.status-container{margin-top:30px;margin-bottom:30px}.form-check{margin-top:30px}.form-check>*:hover{cursor:pointer}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.AuctionService }, { type: i1.AuctionQuery }, { type: i1.BalanceService }, { type: i1.ErrorStateService }, { type: i2.NgbCarouselConfig }, { type: i1.SignalRHub }, { type: i1.SocialService }], propDecorators: { auctionId: [{\n type: Input\n }] } });\n\nclass AuctionDetailsModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionDetailsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionDetailsModule, declarations: [AuctionDetailsComponent], imports: [CommonModule,\n ErrorsModule,\n RewardStatusComponent,\n NumberInputModule,\n ShortLongDescriptionModule,\n PipesModule,\n LoyaltyIconModule,\n CountdownModule,\n IfItemEnabled,\n DirectivesModule,\n ConfirmModalModule,\n RouterModule,\n NgbCarouselModule,\n FormsModule,\n FGBSharedModule,\n ErrorComponent,\n ReactiveFormsModule], exports: [AuctionDetailsComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionDetailsModule, imports: [CommonModule,\n ErrorsModule,\n RewardStatusComponent,\n NumberInputModule,\n ShortLongDescriptionModule,\n PipesModule,\n LoyaltyIconModule,\n CountdownModule,\n DirectivesModule,\n ConfirmModalModule,\n RouterModule,\n NgbCarouselModule,\n FormsModule,\n FGBSharedModule,\n ErrorComponent,\n ReactiveFormsModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionDetailsModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [AuctionDetailsComponent],\n imports: [\n CommonModule,\n ErrorsModule,\n RewardStatusComponent,\n NumberInputModule,\n ShortLongDescriptionModule,\n PipesModule,\n LoyaltyIconModule,\n CountdownModule,\n IfItemEnabled,\n DirectivesModule,\n ConfirmModalModule,\n RouterModule,\n NgbCarouselModule,\n FormsModule,\n FGBSharedModule,\n ErrorComponent,\n ReactiveFormsModule\n ],\n exports: [AuctionDetailsComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { AuctionDetailsComponent, AuctionDetailsModule };\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'fgb-auction-detail-page',\r\n templateUrl: './auction-detail-page.component.html',\r\n styleUrls: ['./auction-detail-page.component.scss'],\r\n})\r\nexport class AuctionDetailPageComponent implements OnInit {\r\n constructor(private route: ActivatedRoute) {}\r\n\r\n id: number;\r\n backLink: string = '/rewards/marketplace';\r\n\r\n ngOnInit() {\r\n this.id = +(this.route.snapshot.paramMap.get('id') || 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 \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n {{ auction()?.Sponsor?.SponsorText }} \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ auction().ItemName }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ currentValue | number }} Pts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'auction.terms.accept' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ currentValue | number }} Pts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'auction.item.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'auction.item.tcs' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ auction().TermsAndConditions }}\\r\\n \\r\\n
\\r\\n {{ 'auction.confirm.text' | translate }}
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n {{ 'auctions.confirmation.additional' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n {{ auction().ItemName }}
\\r\\n \\r\\n {{ 'auction.points.value' | translate }}\\r\\n \\r\\n {{ bidAmount | number }} {{ 'auction.points.value.pts' | translate }}\\r\\n
\\r\\n \r\n \r\n
\r\n\r\n\r\n\r\n\\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.productData.DisplayName }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ attribute.AttributeName }}: {{ attribute.ValueName }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ customField.customFieldName }}: {{ customField.customFieldValue }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'cart.merchantPoint' | translate }} \\r\\n \\r\\n {{ (item.purchaseQuantity * item.productData.MerchantValue) / 100 | FortressCurrencyPipe }}\\r\\n \\r\\n \\r\\n {{ 'cart.points' | translate }} \\r\\n {{ item.purchaseQuantity * item.productData.PointValue | number }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'cart.quantity' | translate }}
\\r\\n{{ item.purchaseQuantity }}
\\r\\n\\r\\n
\\r\\n{{ 'cart.empty.basket' | translate }}
\\r\\n\\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.productData.DisplayName }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ attribute.AttributeName }}: {{ attribute.ValueName }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ customField.customFieldName }}: {{ customField.customFieldValue }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'cart.merchantPoint' | translate }} \\r\\n \\r\\n {{ (item.purchaseQuantity * item.productData.MerchantValue) / 100 | FortressCurrencyPipe }}\\r\\n \\r\\n \\r\\n {{ 'cart.points' | translate }} \\r\\n {{ item.purchaseQuantity * item.productData.PointValue | number }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'cart.quantity' | translate }}
\\r\\n{{ item.purchaseQuantity }}
\\r\\n\\r\\n
\\r\\n{{ 'cart.empty.basket' | translate }}
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ totalItems }} ITEM 1\\\">S IN BASKET\\r\\n
\\r\\n\\r\\n \\r\\n close\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'cart.modal.points' | translate }} \\r\\n {{ basketPointsTotal$ | async | number }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n 0 {{ 'cart.modal.items.basket' | translate }}\\r\\n
\\r\\n\\r\\n \\r\\n close\\r\\n \\r\\n
\\r\\n {{ 'cart.modal.empty.basket' | translate }}
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ totalItems }} ITEM 1\\\">S IN BASKET\\r\\n
\\r\\n\\r\\n \\r\\n close\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'cart.modal.points' | translate }} \\r\\n {{ basketPointsTotal$ | async | number }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n 0 {{ 'cart.modal.items.basket' | translate }}\\r\\n
\\r\\n\\r\\n \\r\\n close\\r\\n \\r\\n
\\r\\n {{ 'cart.modal.empty.basket' | translate }}
\\r\\n\\r\\n {{ 'missing.marketplace.address' | translate }}\\r\\n {{ 'missing.shipping.address' | translate }}\\r\\n {{ 'missing.order.address' | translate }}\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i4.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i4.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: i5.CountryAndRegionsComponent, selector: \"fgbcl-country-and-regions\", inputs: [\"Form\", \"HasSubmitted\", \"SeparateRow\"] }, { kind: \"directive\", type: i2.ɵNgNoValidate, selector: \"form:not([ngNoForm]):not([ngNativeValidate])\" }, { kind: \"directive\", type: i2.DefaultValueAccessor, selector: \"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]\" }, { kind: \"directive\", type: i2.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i2.NgControlStatusGroup, selector: \"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]\" }, { kind: \"directive\", type: i2.RequiredValidator, selector: \":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]\", inputs: [\"required\"] }, { kind: \"directive\", type: i2.FormGroupDirective, selector: \"[formGroup]\", inputs: [\"formGroup\"], outputs: [\"ngSubmit\"], exportAs: [\"ngForm\"] }, { kind: \"directive\", type: i2.FormControlName, selector: \"[formControlName]\", inputs: [\"formControlName\", \"disabled\", \"ngModel\"], outputs: [\"ngModelChange\"] }, { kind: \"pipe\", type: i6.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CollectAddressModal, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-collect-address-modal', template: \"\\r\\n {{ 'missing.marketplace.address' | translate }}\\r\\n {{ 'missing.shipping.address' | translate }}\\r\\n {{ 'missing.order.address' | translate }}\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [{ type: i1.NgbActiveModal }, { type: i2.UntypedFormBuilder }, { type: i3.PurchaseService }, { type: i3.AddressService }, { type: i3.MemberService }], propDecorators: { address: [{\n type: Input\n }], orderId: [{\n type: Input\n }], saveMemberDetailsAddress: [{\n type: Input\n }], saveOrderAddress: [{\n type: Input\n }], saveShippingAddress: [{\n type: Input\n }], submittedAddress: [{\n type: Output\n }] } });\n\nclass CollectAddressModalModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CollectAddressModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: CollectAddressModalModule, declarations: [CollectAddressModal], imports: [CommonModule,\n CountryAndRegionsModule,\n ReactiveFormsModule,\n FGBSharedModule], exports: [CollectAddressModal] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CollectAddressModalModule, imports: [CommonModule,\n CountryAndRegionsModule,\n ReactiveFormsModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CollectAddressModalModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [CollectAddressModal],\n imports: [\n CommonModule,\n CountryAndRegionsModule,\n ReactiveFormsModule,\n FGBSharedModule\n ],\n exports: [CollectAddressModal],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { CollectAddressModal, CollectAddressModalModule };\n","import * as i0 from '@angular/core';\nimport { EventEmitter, Component, Input, Output, Pipe, inject, ViewChild, NgModule } from '@angular/core';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport { Subject } from 'rxjs';\nimport * as i1$1 from '@fgb/core';\nimport { config, TermsAndCondtionsType, AddressType, MarketplaceItemStatus, LoyaltyStatusService, ActionLabels, TermsAndCondtion, FgbError, MarketplaceItemMappingAttribute, MARKETPLACE_STATE, MarketplaceItemStockType, TEXT_COLOR, LoyaltyCategoryType, ProviderName } from '@fgb/core';\nimport { tap, take, takeUntil, mergeMap, map } from 'rxjs/operators';\nimport * as i6 from '@fgb/portal-component-library/src/lib/directives';\nimport { ScreenType, DirectivesModule, IfItemEnabled } from '@fgb/portal-component-library/src/lib/directives';\nimport { CartModalComponent } from '@fgb/portal-component-library/src/lib/loyalty/cart-item/cart-modal';\nimport { DateTime } from 'luxon';\nimport * as i1 from '@angular/forms';\nimport { Validators, UntypedFormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { RegexUS } from '@fgb/portal-component-library/src/lib/shared/utilities';\nimport { CollectAddressModal } from '@fgb/portal-component-library/src/lib/loyalty/collect-address-modal';\nimport * as i3 from '@ng-bootstrap/ng-bootstrap';\nimport * as i4 from '@angular/router';\nimport * as i12 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i8 from '@ngx-translate/core';\nimport * as i5 from '@fgb/portal-component-library/src/lib/shared/number-input';\nimport { NumberInputModule } from '@fgb/portal-component-library/src/lib/shared/number-input';\nimport * as i7 from '@fgb/portal-component-library/src/lib/shared/errors';\nimport { ErrorsModule, ErrorComponent } from '@fgb/portal-component-library/src/lib/shared/errors';\nimport * as i4$1 from '@fgb/portal-component-library/src/lib/shared/loading';\nimport { LoadingModule } from '@fgb/portal-component-library/src/lib/shared/loading';\nimport * as i7$1 from '@fgb/portal-component-library/src/lib/loyalty/reward-status';\nimport { RewardStatusComponent } from '@fgb/portal-component-library/src/lib/loyalty/reward-status';\nimport { ShortLongDescriptionModule } from '@fgb/portal-component-library/src/lib/shared/short-long-description';\nimport { LoyaltyIconModule } from '@fgb/portal-component-library/src/lib/shared/loyalty-icon';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\nimport { InlineSVGModule } from 'ng-inline-svg-2';\n\nclass MarketplacePurchaseConfirmationComponent {\n constructor(formBuilder, purchaseService, memberQuery, addressQuery, modalService, router, errorService, balanceService, transactionSuccessService, marketplaceQuery, marketplaceService, rewardsWalletService) {\n this.formBuilder = formBuilder;\n this.purchaseService = purchaseService;\n this.memberQuery = memberQuery;\n this.addressQuery = addressQuery;\n this.modalService = modalService;\n this.router = router;\n this.errorService = errorService;\n this.balanceService = balanceService;\n this.transactionSuccessService = transactionSuccessService;\n this.marketplaceQuery = marketplaceQuery;\n this.marketplaceService = marketplaceService;\n this.rewardsWalletService = rewardsWalletService;\n this.config = config;\n this.clicked = false;\n this.TermsAndCondtionsType = TermsAndCondtionsType;\n this.purchaseLoading = new EventEmitter();\n this.addToCartTermsConfirmed = new EventEmitter();\n this._destroyed$ = new Subject();\n }\n ngOnInit() {\n this.memberQuery\n .selectMemberDetails()\n .pipe(tap((z) => {\n if (z) {\n this.defaultAddress = {\n FirstName: z.FirstName,\n Surname: z.Surname,\n Street: z.Street,\n Town: z.Town,\n County: z.County,\n Postcode: z.PostCode,\n Country: z.Country,\n HomeNumber: z.HomeNumber,\n EmailAddress: z.EmailAddress1,\n PortalId: z.PortalId,\n ClubId: z.ClubId,\n AddressName: 'Default Address',\n AddressType: AddressType.DefaultAddress,\n };\n }\n }))\n .toPromise();\n this.addressQuery\n .selectAddresses([AddressType.DefaultAddress])\n .pipe(take(1), tap((addresses) => {\n this.addresses = addresses;\n this.memberQuery\n .selectMemberDetails()\n .pipe(take(1), tap((md) => {\n if (md) {\n this.member = md;\n this.shippingAddress = this._getDefaultShippingAddress();\n this.shippingAddressForm = this.formBuilder.group({\n addressName: [this.shippingAddress.AddressName, Validators.required],\n emailAddress: [this.shippingAddress.EmailAddress, Validators.email],\n street: [this.shippingAddress.Street, Validators.required],\n town: [this.shippingAddress.Town, Validators.required],\n county: [this.shippingAddress.County, Validators.required],\n country: [this.shippingAddress.Country, Validators.required],\n postcode: [this.shippingAddress.Postcode, [Validators.required, Validators.pattern(RegexUS.postCode)]],\n firstName: [this.shippingAddress.FirstName, Validators.required],\n surname: [this.shippingAddress.Surname, Validators.required],\n homeNumber: [this.shippingAddress.HomeNumber, Validators.required],\n portalId: [this.member.PortalId],\n clubId: [this.member.ClubId],\n });\n }\n }))\n .subscribe();\n }))\n .subscribe();\n }\n _getDefaultShippingAddress() {\n if (this.addresses) {\n let shippingAddress1 = this.addresses.filter((a) => a.AddressType === AddressType.ShippingAddress1)[0];\n if (shippingAddress1) {\n return shippingAddress1;\n }\n let shippingAddress2 = this.addresses.filter((a) => a.AddressType === AddressType.ShippingAddress2)[0];\n if (shippingAddress2) {\n return shippingAddress2;\n }\n }\n return {\n FirstName: '',\n Surname: '',\n Street: '',\n Town: '',\n County: '',\n Postcode: '',\n Country: '',\n HomeNumber: '',\n EmailAddress: '',\n PortalId: this.member.PortalId,\n ClubId: this.member.ClubId,\n AddressType: AddressType.ShippingAddress1,\n AddressName: 'Shipping Address',\n };\n }\n openAddressCollectionModal(address, orderId, saveMemberDetailsAddress, saveShippingAddress, saveOrderAddress) {\n const modal = this.modalService.open(CollectAddressModal, { ariaLabelledBy: 'modal-basic-title', centered: true });\n modal.componentInstance.address = address;\n modal.componentInstance.orderId = orderId;\n modal.componentInstance.saveMemberDetailsAddress = saveMemberDetailsAddress;\n modal.componentInstance.saveShippingAddress = saveShippingAddress;\n modal.componentInstance.saveOrderAddress = saveOrderAddress;\n modal.componentInstance.submittedAddress.pipe(takeUntil(this._destroyed$)).subscribe(() => {\n this.closeModal();\n this.continueOrder(orderId);\n });\n }\n openTerms(content) {\n this.modalService.open(content, { centered: true });\n }\n purchase() {\n this.clicked = true;\n if (this.addToCart) {\n this.modalService.dismissAll();\n this.addToCartTermsConfirmed.emit(true);\n }\n else {\n this.purchaseLoading.emit(true);\n let price = this.marketplaceQuery.getPrice(this.marketplaceItem.Id);\n if (price == undefined) {\n this.errorService.clearErrors();\n this.errorService.addError('Failed to purchase item');\n this.resetLoading();\n return;\n }\n let cost = price * this.purchaseQuantity;\n this.marketplaceService\n .purchaseItemWithProviderResopnse(this.marketplaceItem.Id, this.purchaseQuantity, this.attributeMappingID, undefined, this.validCustomFields ? this.validCustomFields : [], this.templateSelected === 'confirmContentCardPayment' ? true : false)\n .then((response) => {\n if (response && response.Success) {\n this.balanceService.debitBalance(this.config.purseConfig.virtualLoyalty, cost);\n let item = this.marketplaceQuery.getEntity(this.marketplaceItem.Id);\n if (item) {\n this.transactionSuccessService.setTransaction(item, this.purchaseQuantity, cost, response.OrderId);\n }\n this.marketplaceService.disableMarketplaceStoreCache();\n this.rewardsWalletService.disableRewardsWalletStoreCache();\n this.router.navigate(['rewards/marketplace/purchase/success/']);\n }\n else if (response) {\n if (response.ProviderActionInformation.NextAction) {\n if (response.ProviderActionInformation.NextAction == 20) {\n this.openAddressCollectionModal(this.shippingAddress, response.OrderId, false, true, false);\n }\n else if (response.ProviderActionInformation.NextAction == 40) {\n this.openAddressCollectionModal(this.defaultAddress, response.OrderId, true, false, false);\n }\n }\n else {\n this.errorService.clearErrors();\n this.errorService.addError(!!response.ErrorMessage ? response.ErrorMessage : 'Purchase failed');\n }\n }\n })\n .finally(() => {\n this.resetLoading();\n });\n }\n }\n continueOrder(orderId) {\n let price = this.marketplaceQuery.getPrice(this.marketplaceItem.Id);\n if (price == undefined)\n return;\n let cost = price * this.purchaseQuantity;\n this.purchaseLoading.emit(true);\n this.purchaseService\n .continueOrder(orderId)\n .toPromise()\n .then((continueResponse) => {\n if (continueResponse.Data.Success) {\n this.balanceService.debitBalance(this.config.purseConfig.virtualLoyalty, cost);\n let item = this.marketplaceQuery.getEntity(this.marketplaceItem.Id);\n if (item) {\n this.transactionSuccessService.setTransaction(item, this.purchaseQuantity, cost);\n }\n this.marketplaceService.disableMarketplaceStoreCache();\n this.router.navigate(['rewards/marketplace/purchase/success/']);\n }\n else {\n this.errorService.clearErrors();\n this.errorService.addError(!!continueResponse.ErrorMessage ? continueResponse.ErrorMessage : 'Purchase failed');\n }\n })\n .finally(() => {\n this.purchaseLoading.emit(false);\n });\n }\n closeModal() {\n this.modalService.dismissAll();\n }\n ngOnDestroy() {\n this._destroyed$.next();\n this._destroyed$.complete();\n }\n resetLoading() {\n this.clicked = false;\n this.purchaseLoading.emit(false);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplacePurchaseConfirmationComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i1$1.PurchaseService }, { token: i1$1.MemberQuery }, { token: i1$1.AddressQuery }, { token: i3.NgbModal }, { token: i4.Router }, { token: i1$1.ErrorStateService }, { token: i1$1.BalanceService }, { token: i1$1.TransactionSuccessService }, { token: i1$1.MarketplaceQuery }, { token: i1$1.MarketplaceService }, { token: i1$1.RewardsWalletService }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: MarketplacePurchaseConfirmationComponent, selector: \"fgbcl-marketplace-purchase-confirmation\", inputs: { templateSelected: \"templateSelected\", marketplaceItem: \"marketplaceItem\", marketplaceItemType: \"marketplaceItemType\", attributeMappingID: \"attributeMappingID\", selectedAttributes: \"selectedAttributes\", validCustomFields: \"validCustomFields\", purchaseQuantity: \"purchaseQuantity\", addToCart: \"addToCart\" }, outputs: { purchaseLoading: \"purchaseLoading\", addToCartTermsConfirmed: \"addToCartTermsConfirmed\" }, ngImport: i0, template: \"\\r\\n
\\r\\n \\r\\n
\\r\\n\", styles: [\".modal-image{width:390px;height:390px}@media (max-width: 991px){.modal-image{width:100%;height:340px}}.modal-body{padding:1rem 0}.modal-footer{font-size:14px;padding:0 1.25rem .75rem}.modal-footer button{max-width:142px;width:100%;font-size:.875rem}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i6.WebsiteContentFeatureFlagDirective, selector: \"[fgbWebsiteContentFeatureFlag]\", inputs: [\"fgbWebsiteContentFeatureFlag\"] }, { kind: \"directive\", type: i6.ImgDefaultDirective, selector: \"img[useDefault]\", inputs: [\"src\", \"useDefault\", \"loyaltyType\"] }, { kind: \"directive\", type: i6.AttributeTransValueDirective, selector: \"[fgbclAttributeTransValue]\", inputs: [\"attributeDataOrId\", \"attributeList\"] }, { kind: \"pipe\", type: i2.DecimalPipe, name: \"number\" }, { kind: \"pipe\", type: i12.ContentImagePipe, name: \"contentImage\" }, { kind: \"pipe\", type: i12.FortressCurrencyPipe, name: \"FortressCurrencyPipe\" }, { kind: \"pipe\", type: i8.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplacePurchaseConfirmationComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-marketplace-purchase-confirmation', template: \"\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n {{ 'marketplace.confirmation.additional' | translate }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ marketplaceItem.DisplayName }}
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ attribute.AttributeName }}:\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ field.customFieldName }}:\\r\\n {{ field.customFieldValue }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'marketplace.quantity' | translate }}\\r\\n {{ purchaseQuantity }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'marketplace.points.value' | translate }}\\r\\n {{ marketplaceItem.PointValue * purchaseQuantity | number }}\\r\\n {{ 'marketplace.points.value.pts' | translate }}\\r\\n
\\r\\n 0\\\">\\r\\n
\\r\\n \\r\\n {{ 'marketplace.ecash.value' | translate }}\\r\\n {{ (purchaseQuantity * marketplaceItem.EcashValue) / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'marketplace.card.confirm.message' | translate }}\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ purchaseQuantity }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{\\r\\n (marketplaceItem.MerchantValue / 100) * purchaseQuantity | FortressCurrencyPipe\\r\\n }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n\", styles: [\".modal-image{width:390px;height:390px}@media (max-width: 991px){.modal-image{width:100%;height:340px}}.modal-body{padding:1rem 0}.modal-footer{font-size:14px;padding:0 1.25rem .75rem}.modal-footer button{max-width:142px;width:100%;font-size:.875rem}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.UntypedFormBuilder }, { type: i1$1.PurchaseService }, { type: i1$1.MemberQuery }, { type: i1$1.AddressQuery }, { type: i3.NgbModal }, { type: i4.Router }, { type: i1$1.ErrorStateService }, { type: i1$1.BalanceService }, { type: i1$1.TransactionSuccessService }, { type: i1$1.MarketplaceQuery }, { type: i1$1.MarketplaceService }, { type: i1$1.RewardsWalletService }], propDecorators: { templateSelected: [{\n type: Input\n }], marketplaceItem: [{\n type: Input\n }], marketplaceItemType: [{\n type: Input\n }], attributeMappingID: [{\n type: Input\n }], selectedAttributes: [{\n type: Input\n }], validCustomFields: [{\n type: Input\n }], purchaseQuantity: [{\n type: Input\n }], addToCart: [{\n type: Input\n }], purchaseLoading: [{\n type: Output\n }], addToCartTermsConfirmed: [{\n type: Output\n }] } });\n\nclass EcashButtonDisabled {\n transform(purchaseLimit, item) {\n return purchaseLimit <= 0 || item.Status != MarketplaceItemStatus.Available;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EcashButtonDisabled, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: EcashButtonDisabled, name: \"ecashDisabled\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EcashButtonDisabled, decorators: [{\n type: Pipe,\n args: [{\n name: 'ecashDisabled',\n }]\n }] });\nclass InputActive {\n constructor() {\n this.statusService = inject(LoyaltyStatusService);\n }\n transform(purchaseLimit, item) {\n const status = this.statusService.getStatus(item);\n return purchaseLimit > 1 || item.Status != MarketplaceItemStatus.Available || !status.disabled;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: InputActive, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: InputActive, name: \"inputActive\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: InputActive, decorators: [{\n type: Pipe,\n args: [{\n name: 'inputActive',\n }]\n }] });\nclass MarketplaceActionsComponent {\n constructor(marketplaceQuery, errorService, modalService, cartQuery, cartService, router) {\n this.marketplaceQuery = marketplaceQuery;\n this.errorService = errorService;\n this.modalService = modalService;\n this.cartQuery = cartQuery;\n this.cartService = cartService;\n this.router = router;\n this.validCustomFields = [];\n this.actionLabels = ActionLabels;\n this.purchaseLoading = new EventEmitter(false);\n this.hasSumbittedForm = new EventEmitter(false);\n this.cardTokenCount = 0;\n this._acceptedTerms = false;\n this.isActionClicked = false;\n this.isUnredeemble = false;\n this.purchaseQuantity = 1;\n this.marketplaceItemStatus = MarketplaceItemStatus;\n this._destroyed$ = new Subject();\n }\n ngOnInit() {\n this._setUpLocalVariables();\n this.updatePurchaseData();\n }\n updateTermsAndCondtions(accepted) {\n this._acceptedTerms = accepted;\n this.updatePurchaseValidation(this.marketplaceItem);\n }\n updateCustomFields(customFields) {\n this.validCustomFields = customFields;\n this.updatePurchaseValidation(this.marketplaceItem);\n }\n updatePurchaseData(purchaseQuantity, attributeMappingID) {\n if (purchaseQuantity) {\n this.purchaseQuantity = purchaseQuantity;\n }\n if (attributeMappingID) {\n this.attributeMappingID = attributeMappingID;\n }\n this._updatePurchaseLimit();\n this.updatePurchaseValidation(this.marketplaceItem);\n }\n _setUpLocalVariables() {\n this.originalStatus = this.marketplaceItem.Status;\n this.marketplaceTerms = new TermsAndCondtion(this.marketplaceItem.TermsAndConditions, this.marketplaceItem.ShowTermsAndConditions, this.marketplaceItem.TermsAndConditionsType);\n }\n _updateItemLocalStatus(purchaseLimit) {\n let cartItemQty = this.cartQuery.getCartItemPurchaseQuantity(this.marketplaceItem.Id, this.attributeMappingID);\n if (this.availableStock < 1 &&\n this.originalStatus == MarketplaceItemStatus.Available &&\n !this.marketplaceItem.UnlimitedStock) {\n this.marketplaceItem.Status = MarketplaceItemStatus.SoldOut;\n }\n else if (this._isMaxStockInBasket(cartItemQty) || this._isLimitReachedInBasket(cartItemQty, purchaseLimit)) {\n this.marketplaceItem.Status = MarketplaceItemStatus.AllInBasket;\n }\n else {\n this.marketplaceItem.Status = this.originalStatus;\n }\n this._updateStatusText(this.marketplaceItem);\n }\n _isMaxStockInBasket(cartItemQty) {\n const mustCompare = !!this.availableStock && !!cartItemQty;\n const availableStockLocal = this.availableStock - cartItemQty;\n const isAboveLocalStock = this.purchaseQuantity > availableStockLocal;\n return mustCompare && isAboveLocalStock;\n }\n _isLimitReachedInBasket(cartItemQty, purchaseLimit) {\n let availableLimit;\n let isAboveLimit = false;\n if (purchaseLimit) {\n availableLimit = purchaseLimit - cartItemQty;\n isAboveLimit = this.purchaseQuantity > availableLimit;\n }\n return isAboveLimit;\n }\n _updateStatusText(marketplaceItem) {\n const today = DateTime.utc();\n const startDate = DateTime.fromISO(marketplaceItem.ItemStartDate, { zone: 'utc' });\n if (marketplaceItem.Status === MarketplaceItemStatus.ComingSoon && startDate <= today) {\n marketplaceItem.Status = MarketplaceItemStatus.Available;\n this.isUnredeemble = false;\n }\n switch (marketplaceItem.Status) {\n case MarketplaceItemStatus.SoldOut:\n this.statusText = 'marketplace.redeem.sold.out';\n this.isUnredeemble = true;\n break;\n case MarketplaceItemStatus.NotEnoughPoints:\n this.statusText = 'marketplace.redeem.not.enough.points';\n this.isUnredeemble = true;\n break;\n case MarketplaceItemStatus.ComingSoon:\n this.statusText = 'marketplace.redeem.coming.soon';\n this.isUnredeemble = true;\n break;\n case MarketplaceItemStatus.MemberLimitReached:\n this.statusText = 'marketplace.redeem.member.limit';\n this.isUnredeemble = true;\n break;\n case MarketplaceItemStatus.AllInBasket:\n this.statusText = 'marketplace.redeem.all.in.basket';\n this.isUnredeemble = false;\n break;\n default:\n if (this.marketplaceItem.theme === 'mp-event') {\n this.statusText = 'marketplace.redeem.event';\n }\n else if (this.marketplaceItem.theme === 'mp-virtual-event') {\n this.statusText = 'marketplace.redeem.virtual.event';\n }\n else if (this.marketplaceItem.theme === 'mp-product') {\n this.statusText = 'marketplace.redeem.product';\n }\n else {\n this.statusText = 'marketplace.redeem.marketplace';\n }\n this.isUnredeemble = false;\n }\n }\n _updatePurchaseLimit() {\n this.purchaseLimit$ = this.marketplaceQuery.selectPurchaseLimit(this.marketplaceItem.Id, undefined, this.attributeMappingID);\n this.limitMessage$ = this.marketplaceQuery.selectPurchaseLimitMessage(this.marketplaceItem.Id, undefined, this.attributeMappingID);\n }\n updatePurchaseValidation(item) {\n this.disableCart$ = this.cartQuery.selectMemberMarketplaceCartItem(item.Id, this.attributeMappingID).pipe(takeUntil(this._destroyed$), mergeMap((currentCartItem) => {\n return this.purchaseLimit$.pipe(tap((purchaseLimit) => this._updateItemLocalStatus(purchaseLimit)), map((purchaseLimit) => {\n const currentCartItemQuantity = currentCartItem ? currentCartItem.purchaseQuantity : 0;\n const assumedPurchaseQuantity = this.purchaseQuantity + currentCartItemQuantity;\n const cartQuantityExceedsStock = currentCartItem && assumedPurchaseQuantity > this.availableStock;\n const cartQuantityExceedsLimit = currentCartItem && assumedPurchaseQuantity > purchaseLimit;\n const isUnavailable = item.Status !== MarketplaceItemStatus.Available;\n const insufficientQuantity = (purchaseLimit <= 0 || this.purchaseQuantity < (purchaseLimit > 0 ? 1 : 0)) && !this.marketplaceItem.UnlimitedStock;\n const isCartDisabled = isUnavailable ||\n insufficientQuantity ||\n cartQuantityExceedsStock ||\n cartQuantityExceedsLimit ||\n (item.ShowTermsAndConditions && !this._acceptedTerms) ||\n (item.CustomFields && !this.validCustomFields);\n return isCartDisabled;\n }));\n }));\n }\n addProductToCart(isDisabled, openCartModal) {\n this.isActionClicked = true;\n if (isDisabled)\n return;\n this.errorService.clearErrors();\n let purchaseLimit = 0;\n this.purchaseLimit$.subscribe((x) => (purchaseLimit = x)).unsubscribe();\n let cartPurchaseQty = this.cartQuery.getCartItemPurchaseQuantity(this.marketplaceItem.Id, this.attributeMappingID);\n this.hasSumbittedForm.emit(true);\n if (this.marketplaceItem.CustomFields && !this.validCustomFields)\n return;\n if (!!cartPurchaseQty) {\n if (this._isMaxStockInBasket(cartPurchaseQty)) {\n this.errorService.addError('You have added the maximum stock to your basket');\n return;\n }\n else if (this._isLimitReachedInBasket(cartPurchaseQty, purchaseLimit)) {\n this.errorService.addError('Limit Reached');\n return;\n }\n else {\n this.addItemToCartService();\n }\n }\n else if (this.purchaseQuantity > this.availableStock) {\n this.errorService.addError('Sold Out');\n return;\n }\n else {\n if (this.marketplaceItem.ShowTermsAndConditions && !!this.marketplaceItem.TermsAndConditions) {\n this.openPurchaseConfirmationModal(false, 'confirmContent', true, openCartModal);\n }\n else {\n this.addItemToCartService();\n if (openCartModal) {\n this.openCartModal();\n }\n }\n }\n }\n openCartModal() {\n const unvalidCustomFields = this.marketplaceItem.CustomFields && !this.validCustomFields;\n if (unvalidCustomFields)\n return;\n this.modalService.open(CartModalComponent);\n }\n openPurchaseConfirmationModal(isDisabled, templateName, addToCart, openCartModal) {\n const isMerchantItem = this.marketplaceItem.MerchantValue;\n if (isMerchantItem) {\n this.cartService.removeAllCartItems();\n this.addItemToCartService();\n this.router.navigate(['/checkout']);\n }\n else {\n this.isActionClicked = true;\n if (isDisabled)\n return;\n this.hasSumbittedForm.emit(true);\n const unvalidCustomFields = this.marketplaceItem.CustomFields && !this.validCustomFields;\n if (unvalidCustomFields)\n return;\n const modal = this.modalService.open(MarketplacePurchaseConfirmationComponent, {\n ariaLabelledBy: 'modal-basic-title',\n centered: true,\n windowClass: 'reward-confirm-modal'\n });\n modal.componentInstance.templateSelected = templateName;\n modal.componentInstance.marketplaceItem = this.marketplaceItem;\n modal.componentInstance.marketplaceItemType = this.marketplaceItemType;\n modal.componentInstance.attributeMappingID = this.attributeMappingID;\n modal.componentInstance.selectedAttributes = this.selectedAttributes;\n modal.componentInstance.purchaseQuantity = this.purchaseQuantity;\n modal.componentInstance.validCustomFields = this.validCustomFields;\n modal.componentInstance.purchaseLoading.pipe(takeUntil(this._destroyed$)).subscribe((loadingState) => {\n this.purchaseLoading.emit(loadingState);\n if (!loadingState) {\n this.modalService.dismissAll();\n }\n });\n if (addToCart) {\n modal.componentInstance.addToCart = true;\n modal.componentInstance.addToCartTermsConfirmed.pipe(takeUntil(this._destroyed$)).subscribe((termsConfirmed) => {\n if (termsConfirmed) {\n this.addItemToCartService();\n if (openCartModal) {\n this.openCartModal();\n }\n }\n });\n }\n }\n }\n isEcashButtonDisabled(purchaseLimit) {\n return purchaseLimit <= 0 || this.marketplaceItem.Status != MarketplaceItemStatus.Available;\n }\n addItemToCartService() {\n const attributeCart = {\n AttributeMappingId: this.attributeMappingID,\n LocalAttributes: this.selectedAttributes,\n };\n this.cartService.addMarketplaceItemToCart(this.marketplaceItem, this.purchaseQuantity, attributeCart, this.validCustomFields);\n }\n ngOnDestroy() {\n this._destroyed$.next();\n this._destroyed$.complete();\n }\n onErrorChange(err) {\n if (err) {\n throw new FgbError({ message: err });\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceActionsComponent, deps: [{ token: i1$1.MarketplaceQuery }, { token: i1$1.ErrorStateService }, { token: i3.NgbModal }, { token: i1$1.CartQuery }, { token: i1$1.CartService }, { token: i4.Router }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: MarketplaceActionsComponent, selector: \"fgbcl-marketplace-actions\", inputs: { marketplaceItem: \"marketplaceItem\", marketplaceItemType: \"marketplaceItemType\", attributeMappingID: \"attributeMappingID\", selectedAttributes: \"selectedAttributes\", validCustomFields: \"validCustomFields\", hasECash: \"hasECash\", theme: \"theme\", actionLabels: \"actionLabels\", availableStock: \"availableStock\", isCheckTC: \"isCheckTC\" }, outputs: { purchaseLoading: \"purchaseLoading\", hasSumbittedForm: \"hasSumbittedForm\" }, ngImport: i0, template: \"\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n {{ 'marketplace.confirmation.additional' | translate }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ marketplaceItem.DisplayName }}
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ attribute.AttributeName }}:\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ field.customFieldName }}:\\r\\n {{ field.customFieldValue }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'marketplace.quantity' | translate }}\\r\\n {{ purchaseQuantity }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'marketplace.points.value' | translate }}\\r\\n {{ marketplaceItem.PointValue * purchaseQuantity | number }}\\r\\n {{ 'marketplace.points.value.pts' | translate }}\\r\\n
\\r\\n 0\\\">\\r\\n
\\r\\n \\r\\n {{ 'marketplace.ecash.value' | translate }}\\r\\n {{ (purchaseQuantity * marketplaceItem.EcashValue) / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'marketplace.card.confirm.message' | translate }}\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ purchaseQuantity }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{\\r\\n (marketplaceItem.MerchantValue / 100) * purchaseQuantity | FortressCurrencyPipe\\r\\n }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n {{ statusText | translate }}\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n ![\\\"\\\"](\\\"assets/images/icons/add_shopping_cart.svg\\\")
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'marketplace.buy.with.card' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n {{ statusText | translate }}\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'marketplace.buy.with.card' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\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.DisplayName }}\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ item?.Sponsor?.SponsorText }} \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ item.AvailabilityCount }}\\r\\n \\r\\n\\r\\n {{ stockAvailableState | translate }}\\r\\n
\\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 0 && item.Status === 0\\\"\\r\\n [itemCustomFields]=\\\"item.CustomFields\\\"\\r\\n [hasSumbittedForm]=\\\"hasSumbittedForm\\\"\\r\\n (customFieldsChange)=\\\"setCustomFields($event)\\\"\\r\\n >\\r\\n \\r\\n \\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.PointValue | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n \\r\\n {{\\r\\n item.MerchantValue / 100 | FortressCurrencyPipe\\r\\n }}\\r\\n
\\r\\n 0\\\">\\r\\n {{ item.EcashValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ 'marketplace.terms.accept' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'marketplace.item.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'marketplace.item.tcs' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{\\r\\n item.TermsAndConditions\\r\\n }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\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.DisplayName }}\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ item?.Sponsor?.SponsorText }} \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ item.AvailabilityCount }}\\r\\n \\r\\n\\r\\n {{ stockAvailableState | translate }}\\r\\n
\\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 0 && item.Status === 0\\\"\\r\\n [itemCustomFields]=\\\"item.CustomFields\\\"\\r\\n [hasSumbittedForm]=\\\"hasSumbittedForm\\\"\\r\\n (customFieldsChange)=\\\"setCustomFields($event)\\\"\\r\\n >\\r\\n \\r\\n \\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.PointValue | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n \\r\\n {{\\r\\n item.MerchantValue / 100 | FortressCurrencyPipe\\r\\n }}\\r\\n
\\r\\n 0\\\">\\r\\n {{ item.EcashValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ 'marketplace.terms.accept' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'marketplace.item.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'marketplace.item.tcs' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{\\r\\n item.TermsAndConditions\\r\\n }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\r\n \r\n
\r\n\r\n\r\n\r\n\r\n */\r\n@Directive({\r\n // tslint:disable-next-line: directive-selector\r\n selector: 'img[useDefault]',\r\n})\r\nexport class ImgDefaultDirective implements OnInit {\r\n @HostBinding('attr.src') @Input() src: string;\r\n @Input() useDefault: boolean;\r\n @Input() loyaltyType: 'marketplace' | 'auction' | 'lotto' | 'wallet' | 'walletRedeemed';\r\n @HostBinding('class.image-loaded') imageLoaded = false;\r\n @HostBinding('class.image-error') imageError = false;\r\n DefaultImgSrc: string;\r\n\r\n constructor() {}\r\n\r\n ngOnInit() {\r\n if (!this.loyaltyType) {\r\n this.DefaultImgSrc = `${config.contentUrl}/images/noimage.png`;\r\n } else {\r\n switch (this.loyaltyType) {\r\n case 'marketplace': {\r\n this.DefaultImgSrc = 'assets/images/placeholders/marketplace-item.png';\r\n break;\r\n }\r\n case 'auction': {\r\n this.DefaultImgSrc = 'assets/images/placeholders/auction-item.png';\r\n break;\r\n }\r\n case 'lotto': {\r\n this.DefaultImgSrc = 'assets/images/placeholders/lotto-item.png';\r\n break;\r\n }\r\n case 'wallet': {\r\n this.DefaultImgSrc = 'assets/images/placeholders/marketplace-item.png';\r\n break;\r\n }\r\n default: {\r\n this.DefaultImgSrc = 'assets/images/placeholders/marketplace-item.png';\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Called on error. Sets the default image source if required and the class to 'image-error'.\r\n */\r\n @HostListener('error') updateUrl() {\r\n if (this.useDefault) {\r\n this.src = this.DefaultImgSrc;\r\n }\r\n this.imageError = true;\r\n }\r\n\r\n /**\r\n * Called on success. Leaves the requested image source as-is and sets the class to 'image-loaded'.\r\n */\r\n @HostListener('load') load() {\r\n this.imageLoaded = true;\r\n }\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\nimport { UserContext, config, MemberQuery } from '@fgb/core';\r\n\r\n@Pipe({ name: 'contentImage' })\r\nexport class ContentImagePipe implements PipeTransform {\r\n constructor(private memberQuery: MemberQuery) {}\r\n\r\n transform(value: any, variantId: any, loyaltyType?: string) {\r\n if (!value) {\r\n if (!loyaltyType) {\r\n return `${config.contentUrl}/images/noimage.png`;\r\n } else {\r\n switch (loyaltyType) {\r\n case 'marketplace': {\r\n return 'assets/images/placeholders/marketplace-item.png';\r\n }\r\n case 'auction': {\r\n return 'assets/images/placeholders/auction-item.png';\r\n }\r\n case 'lotto': {\r\n return 'assets/images/placeholders/lotto-item.png';\r\n }\r\n case 'wallet': {\r\n return 'assets/images/placeholders/marketplace-item.png';\r\n }\r\n default: {\r\n return 'assets/images/placeholders/marketplace-item.svg';\r\n }\r\n }\r\n }\r\n } else {\r\n let currentUser =\r\n this.memberQuery.getValue().user || ({ clubId: config.defaultClubId, lcid: config.defaultLcid } as UserContext);\r\n\r\n const imageName = value.substring(0, value.indexOf('.'));\r\n const fileExtension = value.substring(value.indexOf('.'));\r\n\r\n return `${config.contentUrl}/image/${imageName}__${currentUser.clubId}_${variantId}_${currentUser.lcid}${fileExtension}`;\r\n }\r\n }\r\n}\r\n"," 0; else noPurchase\">\r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {{\r\n 'marketplace.purchase.success' | translate\r\n }} \r\n {{ 'events.purchase.success' | translate }} \r\n {{ 'products.purchase.success' | translate }} \r\n \r\n \r\n {{ 'marketplace.purchase.merchant.success' | translate }}\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {{ purchasedItem.DisplayName || defaultItemName || 'Display Name' }}\r\n
\r\n \r\n {{ attribute.AttributeName }}:\r\n \r\n
\r\n \r\n {{ customfield.DisplayName }}:\r\n {{ customfield.Value }}\r\n
\r\n \r\n {{ 'marketplace.quantity' | translate }}\r\n {{ quantity || purchasedItem.ItemCount }}\r\n
\r\n \r\n 0\">\r\n
\r\n \r\n {{ 'marketplace.merchant.used' | translate }}\r\n
\r\n 0\">\r\n
\r\n \r\n ${{ (purchasedItem.TotalMerchantPrice / 100).toFixed(2) }}\r\n
\r\n \r\n {{ 'marketplace.points.used' | translate }}\r\n {{ price | number }} {{ 'marketplace.points.value.pts' | translate }}\r\n
\r\n 0\">\r\n
\r\n \r\n {{ 'marketplace.ecash.used' | translate }}\r\n
\r\n 0\">\r\n
\r\n \r\n {{\r\n (quantity * purchasedItem.EcashValue) / 100 | FortressCurrencyPipe\r\n }}\r\n
\r\n \r\n
\r\n \r\n \r\n {{ 'download.rewards.item' | translate }}\r\n \r\n
\r\n {{ 'no.purchased.item.found' | translate }}
\r\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\", styles: [\".btn-block{font-size:.875rem;min-width:224px;height:34px;border-radius:16px}@media (max-width: 991px){.btn-block{min-width:310px}}.status-container{margin-top:30px;margin-bottom:30px}.form-check{margin-top:30px}.form-check>*:hover{cursor:pointer}.form-check-input{width:20px;height:20px;border:var(--bs-border-width) solid #000}.form-check-input:focus{box-shadow:none}.form-check-input:checked{background-color:#52c443;border:var(--bs-border-width) solid #52c443;box-shadow:none}\\n\"], dependencies: [{ kind: \"directive\", type: i3.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i3.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: i4.CountdownComponent, selector: \"fgbcl-countdown\", inputs: [\"endDateTime\", \"requestDateTime\", \"completeText\", \"isUTC\"], outputs: [\"complete\"] }, { kind: \"component\", type: i5.NumberInputComponent, selector: \"fgbcl-number-input\", inputs: [\"isActive\", \"minMessage\", \"maxMessage\", \"theme\", \"incrementValue\", \"limitValueToRange\", \"unlimitedLimit\", \"minValue\", \"maxValue\", \"amount\", \"outOfRange\", \"showErrorMessage\"], outputs: [\"amountChange\", \"outOfRangeChange\", \"errorChange\"] }, { kind: \"directive\", type: i6.IfItemEnabled, selector: \"[ifItemEnabled]\", inputs: [\"ifItemEnabled\", \"ifItemEnabledDisabledStatus\", \"ifItemEnabledElse\"], exportAs: [\"itemEnabled\"] }, { kind: \"component\", type: i7.RewardStatusComponent, selector: \"fgbcl-reward-status\", inputs: [\"status\", \"startDate\", \"comingSoonDate\"], outputs: [\"itemStart\"] }, { kind: \"directive\", type: i8.CheckboxControlValueAccessor, selector: \"input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]\" }, { kind: \"directive\", type: i8.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i8.NgModel, selector: \"[ngModel]:not([formControlName]):not([formControl])\", inputs: [\"name\", \"disabled\", \"ngModel\", \"ngModelOptions\"], outputs: [\"ngModelChange\"], exportAs: [\"ngModel\"] }, { kind: \"directive\", type: i6.IfScreenSizeDirective, selector: \"[ifScreenSize]\", inputs: [\"ifScreenSize\"] }, { kind: \"directive\", type: i6.WebsiteContentFeatureFlagDirective, selector: \"[fgbWebsiteContentFeatureFlag]\", inputs: [\"fgbWebsiteContentFeatureFlag\"] }, { kind: \"directive\", type: i6.NgSubscribeDirective, selector: \"[ngSubscribe]\", inputs: [\"ngSubscribe\"] }, { kind: \"directive\", type: i9.ConfirmModalDirective, selector: \"[confirmModal]\", inputs: [\"disabled\", \"confirmImage\", \"confirmContent\", \"confirmContext\", \"modal-class\", \"valid\", \"confirmHeader\"], outputs: [\"confirm\"] }, { kind: \"component\", type: i10.ErrorComponent, selector: \"fgbcl-error\" }, { kind: \"pipe\", type: i3.AsyncPipe, name: \"async\" }, { kind: \"pipe\", type: i3.DecimalPipe, name: \"number\" }, { kind: \"pipe\", type: i11.ContentImagePipe, name: \"contentImage\" }, { kind: \"pipe\", type: i11.SafeHtmlPipe, name: \"safeHtml\" }, { kind: \"pipe\", type: i12.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottoDetailsComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-lotto-details', template: \"\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ ('lotto.my.entries' | translate) + lottoItem.NumberOfTicketsPurchased }} \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ ('lotto.my.entries' | translate) + lottoItem.NumberOfTicketsPurchased }} \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ lottoItem?.Sponsor?.SponsorText }} \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ lottoItem.Title }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ lottoItem.PurchasePrice | number }} Pts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'lotto.terms.accept' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ lottoItem.PurchasePrice | number }} Pts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'lotto.item.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'lotto.item.tcs' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{\\r\\n lottoItem.TermsAndConditions\\r\\n }}\\r\\n \\r\\n
\\r\\n {{ 'lotto.confirm.text' | translate }}
\\r\\n\\r\\n
\\r\\n {{ 'lottos.confirmation.additional' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ lottoItem.Title }}
\\r\\n \\r\\n {{ 'lotto.entries' | translate }}\\r\\n {{ entries }}\\r\\n
\\r\\n \\r\\n {{ 'lotto.points.value' | translate }}\\r\\n \\r\\n {{ lottoItem.PurchasePrice * entries | number }} {{ 'lottos.points.value.pts' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\", styles: [\".btn-block{font-size:.875rem;min-width:224px;height:34px;border-radius:16px}@media (max-width: 991px){.btn-block{min-width:310px}}.status-container{margin-top:30px;margin-bottom:30px}.form-check{margin-top:30px}.form-check>*:hover{cursor:pointer}.form-check-input{width:20px;height:20px;border:var(--bs-border-width) solid #000}.form-check-input:focus{box-shadow:none}.form-check-input:checked{background-color:#52c443;border:var(--bs-border-width) solid #52c443;box-shadow:none}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.ErrorStateService }, { type: i2.Router }, { type: i1.LottoService }, { type: i1.LottoQuery }, { type: i1.BalanceService }, { type: i1.TransactionSuccessService }, { type: i1.SocialService }], propDecorators: { lottoId: [{\n type: Input\n }], showTermsAndConditions: [{\n type: Input\n }], completeRedirect: [{\n type: Input\n }] } });\n\nclass LottoDetailsModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottoDetailsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: LottoDetailsModule, declarations: [LottoDetailsComponent], imports: [CommonModule,\n ErrorsModule,\n LoyaltyIconModule,\n CountdownModule,\n NumberInputModule,\n PipesModule,\n IfItemEnabled,\n RewardStatusComponent,\n ShortLongDescriptionModule,\n FormsModule,\n DirectivesModule,\n ConfirmModalModule,\n FGBSharedModule,\n ErrorComponent], exports: [LottoDetailsComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottoDetailsModule, imports: [CommonModule,\n ErrorsModule,\n LoyaltyIconModule,\n CountdownModule,\n NumberInputModule,\n PipesModule,\n RewardStatusComponent,\n ShortLongDescriptionModule,\n FormsModule,\n DirectivesModule,\n ConfirmModalModule,\n FGBSharedModule,\n ErrorComponent] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottoDetailsModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [LottoDetailsComponent],\n imports: [\n CommonModule,\n ErrorsModule,\n LoyaltyIconModule,\n CountdownModule,\n NumberInputModule,\n PipesModule,\n IfItemEnabled,\n RewardStatusComponent,\n ShortLongDescriptionModule,\n FormsModule,\n DirectivesModule,\n ConfirmModalModule,\n FGBSharedModule,\n ErrorComponent\n ],\n exports: [LottoDetailsComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { LottoDetailsComponent, LottoDetailsModule };\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\n@Component({\r\n selector: 'fgb-lotto-detail-page',\r\n templateUrl: './lotto-detail-page.component.html',\r\n styleUrls: ['./lotto-detail-page.component.scss'],\r\n})\r\nexport class LottoDetailPageComponent implements OnInit {\r\n id: number;\r\n backLink: string = '/rewards';\r\n constructor(private route: ActivatedRoute) {}\r\n ngOnInit() {\r\n this.id = +(this.route.snapshot.paramMap.get('id') || 0);\r\n }\r\n}\r\n","\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ ('lotto.my.entries' | translate) + lottoItem.NumberOfTicketsPurchased }} \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ ('lotto.my.entries' | translate) + lottoItem.NumberOfTicketsPurchased }} \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ lottoItem?.Sponsor?.SponsorText }} \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ lottoItem.Title }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ lottoItem.PurchasePrice | number }} Pts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'lotto.terms.accept' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ lottoItem.PurchasePrice | number }} Pts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'lotto.item.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'lotto.item.tcs' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{\\r\\n lottoItem.TermsAndConditions\\r\\n }}\\r\\n \\r\\n
\\r\\n {{ 'lotto.confirm.text' | translate }}
\\r\\n\\r\\n
\\r\\n {{ 'lottos.confirmation.additional' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ lottoItem.Title }}
\\r\\n \\r\\n {{ 'lotto.entries' | translate }}\\r\\n {{ entries }}\\r\\n
\\r\\n \\r\\n {{ 'lotto.points.value' | translate }}\\r\\n \\r\\n {{ lottoItem.PurchasePrice * entries | number }} {{ 'lottos.points.value.pts' | translate }}\\r\\n
\\r\\n \r\n
\r\n\r\n\r\n\r\n\r\n \r\n
\r\n\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{ 'lotto.entry.successful' | translate }}\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {{ lottoItem.Title }}
\r\n \r\n \r\n {{ 'lotto.entries' | translate }}:\r\n {{ quantity | number }}\r\n
\r\n \r\n \r\n {{ 'lotto.points.used' | translate }}:\r\n {{ totalPrice | number }} {{ 'lottos.points.value.pts' |\r\n translate }}\r\n
\r\n No raffles found...
\r\n\\r\\n 600\\\">\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n\", styles: [\".filter-modal-header,.filter-modal-option{border-bottom:1px solid rgba(128,128,128,.5)}.apply-filter-btn{font-size:.875rem;color:#fff;font-weight:700;width:224px;border-radius:16px}.filter-result{width:165px;justify-content:space-between;border-radius:16px}@media (max-width: 991px){.filter-result{width:100%}}.filter-result,.filter-select-option{border:1px solid rgba(128,128,128,.5)}.filter-select-option{border-radius:8px;width:250px;top:3rem;z-index:8888}.filter-select-option .filter-label{border-bottom:1px solid rgba(128,128,128,.5)}.offcanvas-filter-modal{border-radius:16px 16px 0 0!important}label{margin-bottom:0}.form-check-input:focus{box-shadow:none}.form-check-input{margin-top:7px;margin-bottom:7px;margin-right:10px}.filter-modal-header{padding-bottom:20px}.filter-button{margin-top:20px}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"pipe\", type: i3.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: FilterStatusModalComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-filter-status-modal', template: \"\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n {{ 'reward.filter_modal.filter' | translate }}:\\r\\n {{ labelString | translate }}\\r\\n {{ labelString }}\\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n {{ 'reward.filter_modal.reward_type' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ 'reward.filter_modal.reward_type' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n 600\\\">\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n\", styles: [\".filter-modal-header,.filter-modal-option{border-bottom:1px solid rgba(128,128,128,.5)}.apply-filter-btn{font-size:.875rem;color:#fff;font-weight:700;width:224px;border-radius:16px}.filter-result{width:165px;justify-content:space-between;border-radius:16px}@media (max-width: 991px){.filter-result{width:100%}}.filter-result,.filter-select-option{border:1px solid rgba(128,128,128,.5)}.filter-select-option{border-radius:8px;width:250px;top:3rem;z-index:8888}.filter-select-option .filter-label{border-bottom:1px solid rgba(128,128,128,.5)}.offcanvas-filter-modal{border-radius:16px 16px 0 0!important}label{margin-bottom:0}.form-check-input:focus{box-shadow:none}.form-check-input{margin-top:7px;margin-bottom:7px;margin-right:10px}.filter-modal-header{padding-bottom:20px}.filter-button{margin-top:20px}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.ScreenSizeService }, { type: i0.ElementRef }], propDecorators: { showStatusFilter: [{\n type: Input\n }], filterTypesList: [{\n type: Input\n }], filterTypesListEmitter: [{\n type: Output\n }], selectedValues: [{\n type: Input\n }], selectedValuesEmitter: [{\n type: Output\n }], myOffcanvas: [{\n type: ViewChild,\n args: ['myOffcanvas', { static: false }]\n }], onDocumentClick: [{\n type: HostListener,\n args: ['document:click', ['$event']]\n }] } });\n\nclass MarketplaceListComponent {\n constructor(marketplaceExtendedQuery) {\n this.marketplaceExtendedQuery = marketplaceExtendedQuery;\n this.showSortBar = true;\n this.defaultSort = MarketplaceListSortOption.Points;\n this.showStatusFilter = false;\n this.sortOrderType = SortOrder;\n this.filterTypesList = [{ label: 'reward.filter.status.all', value: MarketplaceItemStatus.All }];\n this.selectedState = [MarketplaceItemStatus.All];\n this.MarketplaceItemStatus = MarketplaceItemStatus;\n }\n ngOnInit() {\n this.queryMarketplaceItems();\n this.subscribeAndSortMarketplaceItems();\n this.defineSortBarOptions();\n }\n ngOnDestroy() {\n if (this.marketplaceItemsSubscription) {\n this.marketplaceItemsSubscription.unsubscribe();\n }\n }\n queryMarketplaceItems() {\n if (this.marketplaceItemTypes) {\n this.marketplaceItems$ = this.marketplaceExtendedQuery.selectExtendedMarketplaceItemsOfType(...this.marketplaceItemTypes);\n }\n else {\n this.marketplaceItems$ = this.marketplaceExtendedQuery.selectExtendedMarketplaceItems();\n }\n }\n subscribeAndSortMarketplaceItems() {\n this.marketplaceItemsSubscription = this.marketplaceItems$.subscribe((items) => {\n if (items) {\n items.filter((item) => {\n const today = moment().utc();\n const endDate = moment.utc(item.ItemEndDate);\n return !item.ComingSoon || (item.ComingSoon && endDate.isAfter(today));\n });\n this.originalMarketplaceItem = [...items];\n items = this._sortItems(items);\n this.filteredMarketplaceItems = items;\n }\n });\n }\n defineSortBarOptions() {\n this.sortBarOptions = [\n {\n propertyToSort: 'PointValue',\n shouldToggle: true,\n order: this.sortOrderType.Descending,\n labelASC: 'fgbcl.points.low.to.high',\n labelDESC: 'fgbcl.points.high.to.low',\n },\n {\n propertyToSort: 'ItemEndDate',\n order: this.sortOrderType.Ascending,\n shouldToggle: false,\n labelASC: 'fgbcl.sortby.ending.soon',\n },\n {\n propertyToSort: 'AvailableCount',\n order: this.sortOrderType.Descending,\n shouldToggle: true,\n labelASC: 'fgbcl.limited.availability',\n labelDESC: 'fgbcl.high.availability',\n },\n {\n propertyToSort: 'DisplayName',\n order: this.sortOrderType.Descending,\n shouldToggle: true,\n labelASC: 'fgbcl.sortby.name.atoz',\n labelDESC: 'fgbcl.sortby.name.ztoa',\n },\n ];\n }\n resetOrder() {\n this.subscribeAndSortMarketplaceItems();\n }\n _sortItems(items) {\n let sortedItemsMap = new Map();\n // split out for all marketplace status\n for (let status in MarketplaceItemStatus) {\n if (isNaN(Number(status))) {\n sortedItemsMap.set(status, items\n .filter((x) => x.Status === MarketplaceItemStatus[status])\n .sort((a, b) => {\n switch (this.defaultSort) {\n case MarketplaceListSortOption.Points:\n return this.sortByPoints(a, b);\n case MarketplaceListSortOption.Ordinal:\n return this.sortByOrdinal(a, b);\n default:\n return 0;\n }\n }));\n }\n }\n let sortedItems = [];\n // Filter data by filter status modal\n // if modal not tick checkAll(default of selectedState is checkAll)\n // set sortedItemsMap again with new data of status\n if (!(this.selectedState.length == 1 && this.selectedState[0] == MarketplaceItemStatus.All)) {\n let tempSortedItemMap = new Map();\n this.selectedState.forEach((state) => {\n if (sortedItemsMap.has(MarketplaceItemStatus[state])) {\n tempSortedItemMap.set(MarketplaceItemStatus[state], sortedItemsMap.get(MarketplaceItemStatus[state]));\n }\n });\n sortedItemsMap = tempSortedItemMap;\n }\n let availableItems = sortedItemsMap.get(MarketplaceItemStatus[MarketplaceItemStatus.Available]);\n if (availableItems) {\n sortedItems.push(...availableItems);\n }\n let notEnoughPointsItems = sortedItemsMap.get(MarketplaceItemStatus[MarketplaceItemStatus.NotEnoughPoints]);\n if (notEnoughPointsItems) {\n sortedItems.push(...notEnoughPointsItems);\n }\n let limitReachedItems = sortedItemsMap.get(MarketplaceItemStatus[MarketplaceItemStatus.MemberLimitReached]);\n if (limitReachedItems) {\n sortedItems.push(...limitReachedItems);\n }\n let soldOutItems = sortedItemsMap.get(MarketplaceItemStatus[MarketplaceItemStatus.SoldOut]);\n if (soldOutItems) {\n sortedItems.push(...soldOutItems);\n }\n let comingSoonItems = sortedItemsMap.get(MarketplaceItemStatus[MarketplaceItemStatus.ComingSoon]);\n if (comingSoonItems) {\n sortedItems.push(...comingSoonItems);\n }\n sortedItems = this.sortItemsFavouriteAndNewest(sortedItems);\n return sortedItems;\n }\n sortItemsFavouriteAndNewest(marketplaceItemExtended) {\n const threeDays = 3;\n const itemsNew = marketplaceItemExtended.filter((items, index) => {\n const startDate = moment().diff(items?.ItemStartDate, 'days');\n if (items.Active && startDate <= threeDays) {\n marketplaceItemExtended.splice(index, 1);\n return items;\n }\n else\n return;\n });\n const itemsFavourite = marketplaceItemExtended.filter((items, index) => {\n if (items.Favourite)\n marketplaceItemExtended.splice(index, 1);\n return items.Favourite;\n });\n return itemsNew.concat(itemsFavourite).concat(marketplaceItemExtended);\n }\n sortByPoints(a, b) {\n return b.PointValue - a.PointValue;\n }\n sortByOrdinal(a, b) {\n return a.Ordinal - b.Ordinal;\n }\n handleFilterTypesListEmitter(filterTypes) {\n this.filterTypesList = [...filterTypes];\n }\n handleSelectedStateEmitter(selectedState) {\n this.selectedState = [...selectedState];\n this.filteredMarketplaceItems = this._sortItems([...this.originalMarketplaceItem]);\n }\n isStateInFilter(status) {\n return this.selectedState.includes(status);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListComponent, deps: [{ token: i1.MarketplaceExtendedQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: MarketplaceListComponent, selector: \"fgbcl-marketplace-list\", inputs: { take: \"take\", isList: \"isList\", showSortBar: \"showSortBar\", marketplaceItemTypes: \"marketplaceItemTypes\", marketplaceItemView: \"marketplaceItemView\", eventItemView: \"eventItemView\", productsItemView: \"productsItemView\", defaultSort: \"defaultSort\", showStatusFilter: \"showStatusFilter\" }, ngImport: i0, template: \"\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n {{ 'reward.filter_modal.filter' | translate }}:\\r\\n {{ labelString | translate }}\\r\\n {{ labelString }}\\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n {{ 'reward.filter_modal.reward_type' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ 'reward.filter_modal.reward_type' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'marketplace.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'events.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n{{ 'products.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'marketplace.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'events.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n{{ 'products.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n\r\n
\r\n{{ 'events.page.title' | translate }}
\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 } from '@angular/core';\r\nimport { MarketplaceService } from '@fgb/core';\r\nimport { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\n\r\n@Component({\r\n selector: 'fgb-events-page',\r\n templateUrl: './events-page.component.html',\r\n styleUrls: ['./events-page.component.scss'],\r\n})\r\nexport class EventsPageComponent implements OnInit {\r\n screenSize = ScreenType;\r\n constructor(private marketplaceService:MarketplaceService) {}\r\n\r\n ngOnInit() {\r\n this.marketplaceService.fetchMarketplaceItems().toPromise();\r\n }\r\n}\r\n","import * as i0 from '@angular/core';\nimport { Component, Inject, Input, inject, DestroyRef, NgModule, computed } from '@angular/core';\nimport * as i3 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i4 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i4$1 from '@fgb/portal-component-library/src/lib/shared/short-long-description';\nimport { ShortLongDescriptionModule } from '@fgb/portal-component-library/src/lib/shared/short-long-description';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\nimport { ErrorsModule } from '@fgb/portal-component-library/src/lib/shared/errors';\nimport * as i2 from '@angular/router';\nimport { RouterModule } from '@angular/router';\nimport * as i5 from '@fgb/portal-component-library/src/lib/directives';\nimport { ScreenType, DirectivesModule, DataSourceDirective } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i3$1 from 'angularx-qrcode';\nimport { QRCodeModule } from 'angularx-qrcode';\nimport * as i6 from 'ngx-owl-carousel-o';\nimport { CarouselModule } from 'ngx-owl-carousel-o';\nimport * as i2$1 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport * as i1 from '@fgb/core';\nimport { DATE_OPTIONS, ProcessProviderId, MarketplaceItemAttributeDisplayType, WalletItemType } from '@fgb/core';\nimport * as i5$1 from '@ngx-translate/core';\nimport { map, switchMap, takeUntil } from 'rxjs/operators';\nimport { firstValueFrom, Subject, combineLatest } from 'rxjs';\nimport { OwlCarouselSettings } from '@fgb/portal-component-library/src/lib/shared/utilities';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport * as i4$2 from '@fgb/portal-component-library/src/lib/shared/loading';\nimport { LoadingModule } from '@fgb/portal-component-library/src/lib/shared/loading';\n\nclass AuctionWonListItemComponent {\n constructor(dateOption) {\n this.dateOption = dateOption;\n this.orientation = 'portrait';\n this.redeemed = false;\n this.showButton = true;\n }\n ngOnInit() { }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionWonListItemComponent, deps: [{ token: DATE_OPTIONS }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"17.2.1\", type: AuctionWonListItemComponent, selector: \"fgbcl-auction-won-list-item\", inputs: { auctionItem: \"auctionItem\", orientation: \"orientation\", redeemed: \"redeemed\", showButton: \"showButton\" }, ngImport: i0, template: \"@if (!redeemed) {\\r\\n @if (orientation === 'portrait') {\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n }\\r\\n} @else {\\r\\n \\r\\n
\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ auctionItem?.Name }}
\\r\\n \\r\\n {{ 'fgbcl.auction.claimed' | translate }}\\r\\n {{ auctionItem?.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ item?.Name }}
\\r\\n\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.auction.claimed' | translate }}\\r\\n {{ auctionItem?.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n @if (!item?.RedeemDate) {\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n @if (!showButton) {\\r\\n \\r\\n } @else {\\r\\n \\r\\n }\\r\\n
\\r\\n @if (!showButton) {\\r\\n {{ 'marketplace.purchased.list.item.scan.text' | translate }}\\r\\n }\\r\\n \\r\\n {{ 'marketplace.purchased.list.item.claim.text' | translate }}\\r\\n
\\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\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.auction.claimed' | translate }}\\r\\n {{ auctionItem?.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n }\\r\\n} @else {\\r\\n \\r\\n
\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ auctionItem?.Name }}
\\r\\n \\r\\n {{ 'fgbcl.auction.claimed' | translate }}\\r\\n {{ auctionItem?.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ item?.Name }}
\\r\\n\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.auction.claimed' | translate }}\\r\\n {{ auctionItem?.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n @if (!item?.RedeemDate) {\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n @if (!showButton) {\\r\\n \\r\\n } @else {\\r\\n \\r\\n }\\r\\n
\\r\\n @if (!showButton) {\\r\\n {{ 'marketplace.purchased.list.item.scan.text' | translate }}\\r\\n }\\r\\n \\r\\n {{ 'marketplace.purchased.list.item.claim.text' | translate }}\\r\\n
\\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\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.auction.claimed' | translate }}\\r\\n {{ auctionItem?.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n 1 }\\\">\\r\\n x{{ item?.count }}\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n {{ item?.items[0].Name }}
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n }\\r\\n } @else {\\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ item.Name }}
\\r\\n \\r\\n {{ 'fgbcl.lotto.claimed' | translate }} {{ item?.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ item?.Name }}
\\r\\n\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.lotto.claimed' | translate }} {{ item?.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n }\\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 @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.lotto.claimed' | translate }} {{ item?.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n 1 }\\\">\\r\\n x{{ item?.count }}\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n {{ item?.items[0].Name }}
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n }\\r\\n } @else {\\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ item.Name }}
\\r\\n \\r\\n {{ 'fgbcl.lotto.claimed' | translate }} {{ item?.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ item?.Name }}
\\r\\n\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.lotto.claimed' | translate }} {{ item?.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n }\\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 @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.lotto.claimed' | translate }} {{ item?.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n 1 }\\\">\\r\\n x{{ item?.count }}\\r\\n
\\r\\n\\r\\n
\\r\\n {{ item?.items[0].Name }}
\\r\\n\\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item?.items[0].ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\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 \\r\\n {{ 'fgbcl.wallet.claimed' | translate }} {{ item.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ item.Name }}
\\r\\n\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.wallet.claimed' | translate }} {{ item.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n @if (!showButton) {\\r\\n \\r\\n } @else {\\r\\n \\r\\n }\\r\\n
\\r\\n @if (!showButton) {\\r\\n {{ 'marketplace.purchased.list.item.scan.text' | translate }}\\r\\n }\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n } @else {\\r\\n \\r\\n {{ 'marketplace.purchased.list.item.claim.text' | translate }}\\r\\n
\\r\\n }\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'wallet.open.link' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ item.Code }}
\\r\\n {{ item.Code2 }}
\\r\\n @if (!showButton) {\\r\\n \\r\\n @if (item?.Code2) {\\r\\n {{ 'wallet.enter.codes.text' | translate }}\\r\\n } @else {\\r\\n {{ 'wallet.enter.code.text' | translate }}\\r\\n }\\r\\n \\r\\n }\\r\\n \\r\\n \\r\\n {{ 'download.rewards.item' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ attribute.DisplayName }}: \\r\\n @switch (attribute.DisplayType) {\\r\\n @case (attributeDisplayType.Date) {\\r\\n {{ attribute.DisplayValue | UtcToLocaltimePipe }}\\r\\n }\\r\\n @default {\\r\\n {{ attribute.DisplayValue }}\\r\\n }\\r\\n }\\r\\n
\\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\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.wallet.claimed' | translate }} {{ item.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n 1 }\\\">\\r\\n x{{ item?.count }}\\r\\n
\\r\\n\\r\\n
\\r\\n {{ item?.items[0].Name }}
\\r\\n\\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item?.items[0].ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\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 \\r\\n {{ 'fgbcl.wallet.claimed' | translate }} {{ item.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ item.Name }}
\\r\\n\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.wallet.claimed' | translate }} {{ item.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n @if (!showButton) {\\r\\n \\r\\n } @else {\\r\\n \\r\\n }\\r\\n
\\r\\n @if (!showButton) {\\r\\n {{ 'marketplace.purchased.list.item.scan.text' | translate }}\\r\\n }\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n } @else {\\r\\n \\r\\n {{ 'marketplace.purchased.list.item.claim.text' | translate }}\\r\\n
\\r\\n }\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'wallet.open.link' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ item.Code }}
\\r\\n {{ item.Code2 }}
\\r\\n @if (!showButton) {\\r\\n \\r\\n @if (item?.Code2) {\\r\\n {{ 'wallet.enter.codes.text' | translate }}\\r\\n } @else {\\r\\n {{ 'wallet.enter.code.text' | translate }}\\r\\n }\\r\\n \\r\\n }\\r\\n \\r\\n \\r\\n {{ 'download.rewards.item' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ attribute.DisplayName }}: \\r\\n @switch (attribute.DisplayType) {\\r\\n @case (attributeDisplayType.Date) {\\r\\n {{ attribute.DisplayValue | UtcToLocaltimePipe }}\\r\\n }\\r\\n @default {\\r\\n {{ attribute.DisplayValue }}\\r\\n }\\r\\n }\\r\\n
\\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\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.wallet.claimed' | translate }} {{ item.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n chevron_left\\r\\n {{ 'fgbcl.claimed.back.to.wallet' | translate }}\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n{{ 'auction.wallet.details.item.title' | translate }}
\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ purchasedItem.PointValue | FortressCurrencyPipe : 'PTS' }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.terms' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'wallet.no.items.found' | translate }}\\r\\n
\\r\\n\\r\\n \\r\\n chevron_left\\r\\n {{ 'fgbcl.claimed.back.to.wallet' | translate }}\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n{{ 'auction.wallet.details.item.title' | translate }}
\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ purchasedItem.PointValue | FortressCurrencyPipe : 'PTS' }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.terms' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'wallet.no.items.found' | translate }}\\r\\n
\\r\\n{{ 'rewards.wallet.redeem.title' | translate }}
\\r\\n{{ 'rewards.wallet.redeem.title' | translate }}
\\r\\n\\r\\n \\r\\n chevron_left\\r\\n {{ 'fgbcl.claimed.back.to.wallet' | translate }}\\r\\n \\r\\n\\r\\n \\r\\n @if (!purchasedItem?.RedeemDate) {\\r\\n \\r\\n }\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n @if (groupedItem?.count > 1) {\\r\\n \\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n \\r\\n
\\r\\n{{ 'lottos.wallet.details.item.title' | translate }}
\\r\\n\\r\\n\\r\\n \\r\\n @if (groupedItem?.count > 1 && !purchasedItem?.RedeemDate) {\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n {{ 'fgbcl.rewards.wallet.quantity' | translate }}
\\r\\n \\r\\n {{ groupedItem?.count }}\\r\\n
\\r\\n \\r\\n
\\r\\n } @else {\\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ totalPoints | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n \\r\\n
\\r\\n }\\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ purchasedItem?.PointValue | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.terms' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'wallet.no.items.found' | translate }}\\r\\n
\\r\\n\\r\\n \\r\\n chevron_left\\r\\n {{ 'fgbcl.claimed.back.to.wallet' | translate }}\\r\\n \\r\\n\\r\\n \\r\\n @if (!purchasedItem?.RedeemDate) {\\r\\n \\r\\n }\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n @if (groupedItem?.count > 1) {\\r\\n \\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n \\r\\n
\\r\\n{{ 'lottos.wallet.details.item.title' | translate }}
\\r\\n\\r\\n\\r\\n \\r\\n @if (groupedItem?.count > 1 && !purchasedItem?.RedeemDate) {\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n {{ 'fgbcl.rewards.wallet.quantity' | translate }}
\\r\\n \\r\\n {{ groupedItem?.count }}\\r\\n
\\r\\n \\r\\n
\\r\\n } @else {\\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ totalPoints | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n \\r\\n
\\r\\n }\\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ purchasedItem?.PointValue | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.terms' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'wallet.no.items.found' | translate }}\\r\\n
\\r\\n\\r\\n \\r\\n chevron_left\\r\\n {{ 'fgbcl.claimed.back.to.wallet' | translate }}\\r\\n \\r\\n\\r\\n \\r\\n @if (!purchasedItem?.RedeemDate) {\\r\\n \\r\\n }\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n @if (groupedItem?.count > 1) {\\r\\n \\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n\\r\\n \\r\\n @if (groupedItem?.count > 1 && !purchasedItem.RedeemDate) {\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n }\\r\\n
\\r\\n\\r\\n {{ 'marketplace.wallet.details.item.title' | translate }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n {{ customField.DisplayName }}
\\r\\n {{ customField.DisplayValue }}\\r\\n \\r\\n
\\r\\n {{ attribute.DisplayName }}
\\r\\n \\r\\n @switch (attribute.DisplayType) {\\r\\n @case (attributeDisplayType.Date) {\\r\\n {{ attribute.DisplayValue | UtcToLocaltimePipe }}\\r\\n }\\r\\n @default {\\r\\n {{ attribute.DisplayValue }}\\r\\n }\\r\\n }\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n {{ 'fgbcl.rewards.wallet.quantity' | translate }}
\\r\\n \\r\\n {{ groupedItem?.count }}\\r\\n
\\r\\n \\r\\n @if (!groupPoints?.ecash && !groupPoints?.merchantValue) {\\r\\n
\\r\\n } @else {\\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ groupPoints?.points | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n } @else if (groupPoints?.ecash > 0) {\\r\\n {{ 'marketplace.ecash.used' | translate }}
\\r\\n \\r\\n {{ groupPoints?.ecash / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n } @else if (groupPoints?.merchantValue > 0) {\\r\\n {{ 'marketplace.merchant.used' | translate }}
\\r\\n \\r\\n {{ groupPoints?.merchantValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n }\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ purchasedItem.PointValue | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'marketplace.ecash.used' | translate }}
\\r\\n \\r\\n {{ purchasedItem.EcashValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'marketplace.merchant.used' | translate }}
\\r\\n \\r\\n {{ purchasedItem.MerchantValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.terms' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'wallet.no.items.found' | translate }}\\r\\n
\\r\\n\\r\\n \\r\\n chevron_left\\r\\n {{ 'fgbcl.claimed.back.to.wallet' | translate }}\\r\\n \\r\\n\\r\\n \\r\\n @if (!purchasedItem?.RedeemDate) {\\r\\n \\r\\n }\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n @if (groupedItem?.count > 1) {\\r\\n \\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n\\r\\n \\r\\n @if (groupedItem?.count > 1 && !purchasedItem.RedeemDate) {\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n }\\r\\n
\\r\\n\\r\\n {{ 'marketplace.wallet.details.item.title' | translate }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n {{ customField.DisplayName }}
\\r\\n {{ customField.DisplayValue }}\\r\\n \\r\\n
\\r\\n {{ attribute.DisplayName }}
\\r\\n \\r\\n @switch (attribute.DisplayType) {\\r\\n @case (attributeDisplayType.Date) {\\r\\n {{ attribute.DisplayValue | UtcToLocaltimePipe }}\\r\\n }\\r\\n @default {\\r\\n {{ attribute.DisplayValue }}\\r\\n }\\r\\n }\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n {{ 'fgbcl.rewards.wallet.quantity' | translate }}
\\r\\n \\r\\n {{ groupedItem?.count }}\\r\\n
\\r\\n \\r\\n @if (!groupPoints?.ecash && !groupPoints?.merchantValue) {\\r\\n
\\r\\n } @else {\\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ groupPoints?.points | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n } @else if (groupPoints?.ecash > 0) {\\r\\n {{ 'marketplace.ecash.used' | translate }}
\\r\\n \\r\\n {{ groupPoints?.ecash / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n } @else if (groupPoints?.merchantValue > 0) {\\r\\n {{ 'marketplace.merchant.used' | translate }}
\\r\\n \\r\\n {{ groupPoints?.merchantValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n }\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ purchasedItem.PointValue | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'marketplace.ecash.used' | translate }}
\\r\\n \\r\\n {{ purchasedItem.EcashValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'marketplace.merchant.used' | translate }}
\\r\\n \\r\\n {{ purchasedItem.MerchantValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.terms' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'wallet.no.items.found' | translate }}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\".back-button{flex:1}.loyalty-item-container-redeemed{margin-bottom:-1px}\\n\"], dependencies: [{ kind: \"directive\", type: i3.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i3.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: i2$1.NgbPagination, selector: \"ngb-pagination\", inputs: [\"disabled\", \"boundaryLinks\", \"directionLinks\", \"ellipses\", \"rotate\", \"collectionSize\", \"maxSize\", \"page\", \"pageSize\", \"size\"], outputs: [\"pageChange\"] }, { kind: \"directive\", type: i2.RouterLink, selector: \"[routerLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"state\", \"info\", \"relativeTo\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"routerLink\"] }, { kind: \"component\", type: i4$2.LoadingComponent, selector: \"fgbcl-loading\", inputs: [\"size\"] }, { kind: \"directive\", type: i5.DataSourceDirective, selector: \"[fgbDataSource]\", inputs: [\"dataSource\", \"sortOptions\", \"page\", \"pageSize\"], outputs: [\"dataSourceChange\", \"paginationChange\"] }, { kind: \"component\", type: RewardsWalletRedeemedListItemComponent, selector: \"fgbcl-rewards-wallet-redeemed-list-item\", inputs: [\"item\", \"auctionItem\", \"ignoreLink\"] }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: RewardsWalletRedeemedListComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-rewards-wallet-redeemed-list', template: \"\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n 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\", styles: [\".back-button{flex:1}.loyalty-item-container-redeemed{margin-bottom:-1px}\\n\"] }]\n }], ctorParameters: () => [], propDecorators: { onlyRedeemed: [{\n type: Input\n }], take: [{\n type: Input\n }], pageSize: [{\n type: Input\n }], pageNumber: [{\n type: Input\n }], redeemedItems: [{\n type: Input\n }], marketplaceWalletUrl: [{\n type: Input\n }], auctionWalletUrl: [{\n type: Input\n }], lottoWalletUrl: [{\n type: Input\n }] } });\n\nclass WalletModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: WalletModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: WalletModule, declarations: [AuctionWonListItemComponent,\n AuctionWalletDetailsComponent,\n LottosWonListItemComponent,\n LottosWalletDetailsComponent,\n MarketplacePurchasedListItemComponent,\n MarketplaceWalletDetailsComponent,\n RewardsWalletRedeemListComponent,\n RewardsWalletRedeemListItemComponent,\n RewardsWalletRedeemedListComponent,\n RewardsWalletRedeemedListItemComponent], imports: [CommonModule,\n PipesModule,\n ShortLongDescriptionModule,\n NgbModule,\n ErrorsModule,\n RouterModule,\n LoadingModule,\n DirectivesModule,\n QRCodeModule,\n CarouselModule,\n FGBSharedModule,\n DataSourceDirective], exports: [RewardsWalletRedeemListComponent,\n RewardsWalletRedeemedListComponent,\n LottosWalletDetailsComponent,\n AuctionWalletDetailsComponent,\n MarketplaceWalletDetailsComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: WalletModule, imports: [CommonModule,\n PipesModule,\n ShortLongDescriptionModule,\n NgbModule,\n ErrorsModule,\n RouterModule,\n LoadingModule,\n DirectivesModule,\n QRCodeModule,\n CarouselModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: WalletModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [\n AuctionWonListItemComponent,\n AuctionWalletDetailsComponent,\n LottosWonListItemComponent,\n LottosWalletDetailsComponent,\n MarketplacePurchasedListItemComponent,\n MarketplaceWalletDetailsComponent,\n RewardsWalletRedeemListComponent,\n RewardsWalletRedeemListItemComponent,\n RewardsWalletRedeemedListComponent,\n RewardsWalletRedeemedListItemComponent,\n ],\n imports: [\n CommonModule,\n PipesModule,\n ShortLongDescriptionModule,\n NgbModule,\n ErrorsModule,\n RouterModule,\n LoadingModule,\n DirectivesModule,\n QRCodeModule,\n CarouselModule,\n FGBSharedModule,\n DataSourceDirective\n ],\n exports: [\n RewardsWalletRedeemListComponent,\n RewardsWalletRedeemedListComponent,\n LottosWalletDetailsComponent,\n AuctionWalletDetailsComponent,\n MarketplaceWalletDetailsComponent,\n ],\n }]\n }] });\n\nclass WalletTextWithBadgeComponent {\n constructor() {\n this.hasUnredeemedItems = computed(() => this.count() > 0);\n this.countDisplayText = computed(() => {\n if (this.count() > 99) {\n return '99+';\n }\n else {\n return this.count().toString();\n }\n });\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: WalletTextWithBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"17.2.1\", type: WalletTextWithBadgeComponent, isStandalone: true, selector: \"fgbcl-wallet-text-with-badge\", inputs: { count: \"count\" }, ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n 1\\\">\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \r\n \r\n \r\n
\r\n\r\n{{ 'wallet.page.title' | translate }}
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n{{ 'rewards.wallet.no.items' | translate }}
\r\n\r\n
\r\n \r\n {{ 'rewards.wallet.no.items.description' | translate }}\r\n
\r\n \r\n
\r\n","- \r\n
extension
\r\n \r\n \r\n live_help
\r\n \r\n \r\n\r\n assessment
\r\n \r\n \r\n flaky
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n","import { Component, OnInit, Input, EventEmitter, Output } from '@angular/core';\r\nimport {\r\n Survey,\r\n SurveyType,\r\n AnswerType,\r\n SurveyService,\r\n BalanceService,\r\n SurveyAnswerDto,\r\n PointProcessType,\r\n config,\r\n AnswerDisplayType,\r\n} from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-survey-item-answer',\r\n templateUrl: './survey-item-answer.component.html',\r\n styleUrls: ['./survey-item-answer.component.scss', '../survey.scss'],\r\n})\r\nexport class SurveyItemAnswerComponent implements OnInit {\r\n @Input() survey: Survey;\r\n @Output() predictorAnswers = new EventEmitter<[]>();\r\n selectedAnswers: number[] = [];\r\n surveyType = SurveyType;\r\n answerType = AnswerType;\r\n answerDisplayType = AnswerDisplayType;\r\n imgDisplayType: 'Portrait' | 'Landscape' = 'Portrait';\r\n colDisplayType: string;\r\n margins: string;\r\n\r\n constructor(private surveyService: SurveyService, private balanceService: BalanceService) {}\r\n\r\n ngOnInit() {\r\n this.selectImageDisplay();\r\n if (this.survey.AnswerDisplayType === this.answerDisplayType.Text || this.survey.SurveyType === this.surveyType.Poll) {\r\n this.colDisplayType = 'col-12';\r\n this.margins = 'my-2 my-lg-3';\r\n } else if (this.survey.SurveyType === this.surveyType.Predictor) {\r\n this.colDisplayType = 'col-12';\r\n this.margins = 'mt-3';\r\n } else {\r\n this.colDisplayType = 'col-6 col-lg-3';\r\n this.margins = 'my-3';\r\n }\r\n }\r\n\r\n selectImageDisplay() {\r\n if (this.survey.SurveyType === this.surveyType.Predictor || this.survey.SurveyType === this.surveyType.Poll) {\r\n this.imgDisplayType = 'Landscape';\r\n }\r\n }\r\n\r\n selectAnswer(answerId: number) {\r\n let index = this.selectedAnswers.indexOf(answerId);\r\n if (index > -1) {\r\n this.selectedAnswers.splice(index, 1);\r\n return;\r\n }\r\n\r\n // Only allow one to be selected when the answertype is single\r\n if (this.survey.AnswerType === AnswerType.Single) {\r\n this.selectedAnswers = [];\r\n }\r\n\r\n this.selectedAnswers.push(answerId);\r\n\r\n // Only submit the answer when the user can only select one answer\r\n if (this.survey.SurveyType === this.surveyType.Predictor) {\r\n this.predictorAnswers.emit();\r\n } else if (this.survey.AnswerType === AnswerType.Single) {\r\n this.submitAnswer();\r\n }\r\n }\r\n\r\n async submitAnswer() {\r\n let surveyId: number = this.survey.SurveyId;\r\n let answerDto: SurveyAnswerDto[] = [];\r\n for (let answerId of this.selectedAnswers) {\r\n answerDto.push({ surveyId, answerId });\r\n }\r\n\r\n await this.surveyService.postSurveyAnswers(this.survey.SurveyId, answerDto);\r\n\r\n if (this.survey.SurveyType === SurveyType.Predictor && this.survey.PointProcessType === PointProcessType.OnAnswer) {\r\n this.creditAccountForSurvey();\r\n }\r\n }\r\n\r\n /** Credit the loyalty balance with the point value of the first answer */\r\n private creditAccountForSurvey() {\r\n let firstSelectedAnswer = this.survey.SurveyAnswers.find((sa) => sa.SurveyAnswerId === this.selectedAnswers[0]);\r\n if (firstSelectedAnswer === undefined) {\r\n return;\r\n }\r\n\r\n this.balanceService.addBalance(config.purseConfig.virtualLoyalty, firstSelectedAnswer.PointValue);\r\n }\r\n}\r\n","\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {{ answer.Title }}\r\n
\r\n \r\n
\r\n \r\n {{ answer.Title }}\r\n
\r\n \r\n {{ answer.Title }}\r\n
\r\n \r\n
\r\n\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { Survey, SurveyAnswer } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-survey-completed-text',\r\n templateUrl: './survey-completed-quiz-text.component.html',\r\n styleUrls: ['./survey-completed-quiz-text.component.scss', '../../../../survey.scss']\r\n})\r\nexport class SurveyCompletedQuizTextComponent implements OnInit {\r\n @Input() survey: Survey;\r\n @Input() selectedAnswers: SurveyAnswer[];\r\n @Input() correctAnswer: SurveyAnswer;\r\n @Input() hasSelectedCorrect: boolean;\r\n @Input() pointsWon: number;\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {{ answer.Title }}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{ correctAnswer.Title }}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {{ answer.Title }}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {{ correctAnswer.Title }}\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\nimport { Survey, SurveyAnswer } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-survey-completed-quiz-image-and-text',\r\n templateUrl: './survey-completed-quiz-image-and-text.component.html',\r\n styleUrls: ['./survey-completed-quiz-image-and-text.component.scss', '../../../../survey.scss']\r\n})\r\nexport class SurveyCompletedQuizImageAndTextComponent implements OnInit {\r\n @Input() survey: Survey;\r\n @Input() selectedAnswers: SurveyAnswer[];\r\n @Input() correctAnswer: SurveyAnswer;\r\n @Input() hasSelectedCorrect: boolean;\r\n @Input() pointsWon: number;\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","\r\n \r\n
\r\n \r\n \r\n
\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\nimport { Survey, SurveyType } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-survey-item-quiz',\r\n templateUrl: './survey-item-quiz.component.html',\r\n styleUrls: ['./survey-item-quiz.component.scss', '../../survey.scss']\r\n})\r\nexport class SurveyItemQuizComponent implements OnInit {\r\n @Input() survey: Survey;\r\n @Input() hideTitle: boolean = false;\r\n surveyType = SurveyType;\r\n\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n\r\n}\r\n","\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n {{ 'games.page.trivia.title' | translate }}
\r\n\r\n
\r\n \r\n
\r\n \r\n live_help \r\n
\r\n \r\n
\r\n {{ survey.SurveyQuestion }}
\r\n {{ 'trivia.coming.soon' | translate }}
\r\n\r\n
\r\n \r\n
\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { SurveyAnswer, Survey, AnswerDisplayType } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-predictor-completed-pending',\r\n templateUrl: './predictor-completed-pending.component.html',\r\n styleUrls: ['./predictor-completed-pending.component.scss', '../../../../survey.scss'],\r\n})\r\nexport class PredictorCompletedPendingComponent implements OnInit {\r\n answerDisplayType = AnswerDisplayType;\r\n @Input() survey: Survey;\r\n\r\n @Input() selectedAnswers: SurveyAnswer[];\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n}\r\n","\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {{ answer.Title }}\r\n
\r\n \r\n {{ answer.Title }}\r\n
\r\n \r\n
\r\n\r\n {{ 'predictor.submit.title' | translate }}\r\n
\r\n \r\n {{ 'predictor.submit.message' | translate }}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {{ 'predictor.correct.title' | translate }}\r\n
\r\n +{{ pointsWon / 100 }} Points
\r\n {{ 'predictor.correct.title' | translate }}
\r\n \r\n
\r\n \r\n
\r\n {{ 'predictor.incorrect.title' | translate }}
\r\n \r\n {{ 'predictor.incorrect.message' | translate }}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {{ answer.Title }}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ answer.Title }}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { Survey, SurveyAnswer, AnswerDisplayType } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-predictor-completed-processed',\r\n templateUrl: './predictor-completed-processed.component.html',\r\n styleUrls: ['./predictor-completed-processed.component.scss', '../../../../survey.scss'],\r\n})\r\nexport class PredictorCompletedProcessedComponent implements OnInit {\r\n answerDisplayType = AnswerDisplayType;\r\n @Input() survey: Survey;\r\n @Input() selectedAnswers: SurveyAnswer[];\r\n @Input() correctAnswer: SurveyAnswer;\r\n @Input() hasSelectedCorrect: boolean;\r\n @Input() pointsWon: number;\r\n\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n}\r\n","\r\n \r\n \r\n \r\n {{ correctAnswer.Title }}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ correctAnswer.Title }}\r\n
\r\n \r\n \r\n \r\n
\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { Survey, SurveyAnswer, AnswerDisplayType } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-survey-item-answer-completed-predictor',\r\n templateUrl: './survey-completed-predictor.component.html',\r\n styleUrls: ['./survey-completed-predictor.component.scss', '../../../survey.scss']\r\n})\r\nexport class SurveyCompletedPredictorComponent implements OnInit {\r\n @Input() survey: Survey;\r\n selectedAnswers: SurveyAnswer[] = [];\r\n correctAnswer: SurveyAnswer;\r\n hasSelectedCorrect: boolean = false;\r\n pointsWon: number;\r\n answerDisplayType = AnswerDisplayType;\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n this.selectedAnswers = this.survey.SurveyAnswers.filter(sa => sa.UserSelected);\r\n if (this.survey.ProcessStatus === 2) {\r\n this.hasSelectedCorrect = this.selectedAnswers.filter(a => a.IsCorrectAnswer).length > 0;\r\n if (this.hasSelectedCorrect) {\r\n this.pointsWon = this.selectedAnswers[0].PointValue;\r\n } else {\r\n this.correctAnswer = this.survey.SurveyAnswers.filter(sa => sa.IsCorrectAnswer)[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","import { Component, OnInit, Input, ViewChild } from '@angular/core';\r\nimport { Survey } from '@fgb/core';\r\nimport { SurveyItemAnswerComponent } from '../../survey-item-answer/survey-item-answer.component';\r\n\r\n@Component({\r\n selector: 'fgb-survey-item-predictor',\r\n templateUrl: './survey-item-predictor.component.html',\r\n styleUrls: ['./survey-item-predictor.component.scss', '../../survey.scss'],\r\n})\r\nexport class SurveyItemPredictorComponent implements OnInit {\r\n @Input() survey: Survey;\r\n @Input() hideTitle: boolean = false;\r\n @ViewChild('itemAnswer') itemAnswer: SurveyItemAnswerComponent;\r\n disableSubmitButton = true;\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n\r\n submitAnswer() {\r\n this.itemAnswer.submitAnswer();\r\n }\r\n\r\n hasUserAnswered() {\r\n if (this.itemAnswer.selectedAnswers.length > 0) {\r\n this.disableSubmitButton = false;\r\n } else {\r\n this.disableSubmitButton = true;\r\n }\r\n }\r\n}\r\n","\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n {{ 'games.page.predictor.title' | translate }}
\r\n\r\n
\r\n \r\n
\r\n \r\n flaky \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{ survey.SurveyQuestion }}
\r\n \r\n \r\n Submit\r\n \r\n
\r\n \r\n flaky \r\n
\r\n \r\n {{ 'predictor.entered.message' | translate }}\r\n
\r\n \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\nimport { SurveyAnswer } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-survey-item-answer-completed-poll-item',\r\n templateUrl: './survey-completed-poll-item.component.html',\r\n styleUrls: ['./survey-completed-poll-item.component.scss', '../../../../survey.scss']\r\n})\r\nexport class SurveyCompletedPollItemComponent implements OnInit {\r\n @Input() answer: SurveyAnswer;\r\n @Input() entryCount: number;\r\n percentage: number;\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n this.percentage = Math.round((this.answer.AnswerCount / this.entryCount) * 100);\r\n if(isNaN(this.percentage)){\r\n this.percentage = 0;\r\n }\r\n }\r\n\r\n}\r\n","\r\n {{ percentage + '%' }}\r\n
\r\n \r\n\r\n {{ answer.Title }}\r\n
\r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { Survey } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-survey-item-answer-completed-poll',\r\n templateUrl: './survey-completed-poll.component.html',\r\n styleUrls: ['./survey-completed-poll.component.scss', '../../../survey.scss'],\r\n})\r\nexport class SurveyCompletedPollComponent implements OnInit {\r\n @Input() survey: Survey;\r\n @Input() pointsWon: number;\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n}\r\n"," 0\">\r\n +{{ pointsWon }} Pts\r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n
\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\nimport { Survey, SurveyType } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-survey-item-poll',\r\n templateUrl: './survey-item-poll.component.html',\r\n styleUrls: ['./survey-item-poll.component.scss', '../../survey.scss'],\r\n})\r\nexport class SurveyItemPollComponent implements OnInit {\r\n @Input() survey: Survey;\r\n @Input() hideTitle: boolean = false;\r\n surveyType = SurveyType;\r\n pointsWon: number;\r\n\r\n constructor() {}\r\n\r\n ngOnInit() {\r\n let selectedAnswers = this.survey.SurveyAnswers.filter((sa) => sa.UserSelected);\r\n console.log(selectedAnswers);\r\n console.log(this.survey);\r\n if (selectedAnswers && selectedAnswers.length > 0) {\r\n this.pointsWon = selectedAnswers[0].PointValue / 100;\r\n }\r\n }\r\n}\r\n","\r\n
\r\n {{ 'polls.card.title' | translate }}
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n assessment
\r\n {{ survey.SurveyQuestion }}
\r\n 0 ? 'd-block d-lg-none' : 'd-none'\">\r\n +{{ pointsWon }} Pts\r\n
\r\n \r\n \r\n
\r\n {{ survey.SurveyQuestion }}
\r\n {{ 'poll.coming.soon' | translate }}
\r\n\r\n
\r\n{{ 'games.page.title' | translate }}
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n {{ 'games.page.trivia.title' | translate }}
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n {{ 'games.nav.polls' | translate }}
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {{ 'games.nav.predictor' | translate }}
\r\n\r\n
\r\nextension
\r\n \r\n {{ 'games.page.placeholder.title' | translate }}\r\n
\r\n {{ 'games.page.placeholder.description' | translate }}
\r\n \r\n
\r\n{{ 'games.page.predictor.title' | translate }}
\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 } from '@angular/core';\r\nimport { SurveyQuery } from '@fgb/core';\r\nimport { Survey } from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\nimport { SurveyType } from '@fgb/core';\r\nimport { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\n\r\n@Component({\r\n selector: 'fgb-predictor-page',\r\n templateUrl: './predictor-page.component.html',\r\n styleUrls: ['./predictor-page.component.scss'],\r\n})\r\nexport class PredictorPageComponent implements OnInit {\r\n predictors$: Observable\r\n
\r\n \r\n
\r\n flaky
\r\n \r\n {{ 'predictor.placeholder.title' | translate }}\r\n
\r\n {{ 'predictor.placeholder.description' | translate }}
\r\n \r\n
\r\n \r\n
\r\n{{ 'games.page.polls.title' | translate }}
\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 } from '@angular/core';\r\nimport { SurveyType } from '@fgb/core';\r\nimport { SurveyQuery } from '@fgb/core';\r\nimport { Survey } from '@fgb/core';\r\nimport { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\nimport { Observable } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fgb-polls-page',\r\n templateUrl: './polls-page.component.html',\r\n styleUrls: ['./polls-page.component.scss'],\r\n})\r\nexport class PollsPageComponent implements OnInit {\r\n polls$: Observable\r\n
\r\n \r\n
\r\n assessment
\r\n \r\n {{ 'polls.placeholder.title' | translate }}\r\n
\r\n {{ 'polls.placeholder.description' | translate }}
\r\n \r\n
\r\n \r\n
\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'fgb-lotto-wallet-details-page',\r\n templateUrl: './lotto-wallet-details-page.component.html',\r\n styleUrls: ['./lotto-wallet-details-page.component.scss']\r\n})\r\nexport class LottoWalletDetailsPageComponent implements OnInit {\r\n id: number;\r\n\r\n constructor(private route: ActivatedRoute) { }\r\n\r\n ngOnInit() {\r\n this.id = +(this.route.snapshot.paramMap.get('id') || 0);\r\n }\r\n\r\n}\r\n","\r\n
\r\n\r\n","\r\n
\r\n\r\n{{ 'games.page.trivia.title' | translate }}
\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 } from '@angular/core';\r\nimport { SurveyQuery } from '@fgb/core';\r\nimport { Survey } from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\nimport { SurveyType } from '@fgb/core';\r\nimport { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\n\r\n@Component({\r\n selector: 'fgb-quiz-page',\r\n templateUrl: './quiz-page.component.html',\r\n styleUrls: ['./quiz-page.component.scss'],\r\n})\r\nexport class QuizPageComponent implements OnInit {\r\n quizzes$: Observable\r\n
\r\n \r\n
\r\n live_help
\r\n\r\n \r\n {{ 'trivia.placeholder.title' | translate }}\r\n
\r\n {{ 'trivia.placeholder.description' | translate }}
\r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { MarketplaceService } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-products-page',\r\n templateUrl: './products-page.component.html',\r\n styleUrls: ['./products-page.component.scss'],\r\n})\r\nexport class ProductsPageComponent implements OnInit {\r\n constructor(private marketplaceService: MarketplaceService) {}\r\n\r\n ngOnInit(): void {\r\n this.marketplaceService.fetchMarketplaceItems().toPromise();\r\n }\r\n}\r\n","\r\n\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n {{ points$ | async | FortressCurrencyPipe : 'PTS' }}\r\n
\r\n \r\n
\r\n \r\n \r\n {{ eCash$ | async | FortressCurrencyPipe }}\r\n
\r\n \r\n
\r\n","import { Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'fgb-account-nav',\r\n templateUrl: './account-nav.component.html',\r\n styleUrls: ['./account-nav.component.scss']\r\n})\r\nexport class AccountNavComponent implements OnInit {\r\n \r\n @Input() isBadgePage: boolean = false;\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n}\r\n","\r\n","\r\n
\r\n\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n date_range\r\n {{ member.DOB | date : 'MMM d, yyy' }}\r\n
\r\n \r\n \r\n
\r\n \r\n mail\r\n {{ member.EmailAddress1 }}\r\n
\r\n \r\n
\r\n{{ name$ | 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","import { Component, OnInit } from '@angular/core';\r\nimport { MemberQuery } from '@fgb/core';\r\nimport { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\nimport { Observable } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'fgb-account-details-page',\r\n templateUrl: './account-details-page.component.html',\r\n styleUrls: ['./account-details-page.component.scss'],\r\n})\r\nexport class AccountDetailsPageComponent implements OnInit {\r\n screenType = ScreenType;\r\n name$: Observable\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n {{ 'account.member.card.title' | translate }}
\r\n\r\n
\r\n {{ 'account.member.refer.info' | translate }}
\r\n \r\n \r\n \r\n \r\n
\r\n {{ 'account.details.title' | translate }}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n {{ 'account.member.refer.info' | translate }}
\r\n \r\n \r\n \r\n \\r\\n
\\r\\n From date
\\r\\n \\r\\n \\r\\n today\\r\\n \\r\\n
\\r\\n \\r\\n multiple_stop\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\", styles: [\"@media only screen and (min-width: 992px){.input-group{width:192px}}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i3.DefaultValueAccessor, selector: \"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]\" }, { kind: \"directive\", type: i3.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i3.NgModel, selector: \"[ngModel]:not([formControlName]):not([formControl])\", inputs: [\"name\", \"disabled\", \"ngModel\", \"ngModelOptions\"], outputs: [\"ngModelChange\"], exportAs: [\"ngModel\"] }, { kind: \"directive\", type: i1.NgbInputDatepicker, selector: \"input[ngbDatepicker]\", inputs: [\"autoClose\", \"contentTemplate\", \"datepickerClass\", \"dayTemplate\", \"dayTemplateData\", \"displayMonths\", \"firstDayOfWeek\", \"footerTemplate\", \"markDisabled\", \"minDate\", \"maxDate\", \"navigation\", \"outsideDays\", \"placement\", \"popperOptions\", \"restoreFocus\", \"showWeekNumbers\", \"startDate\", \"container\", \"positionTarget\", \"weekdays\", \"disabled\"], outputs: [\"dateSelect\", \"navigate\", \"closed\"], exportAs: [\"ngbDatepicker\"] }, { kind: \"pipe\", type: i4.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: DateRangePickerComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-date-range-picker', providers: [NgbDateNativeAdapter], template: \"To date
\\r\\n \\r\\n \\r\\n event\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n From date
\\r\\n \\r\\n \\r\\n today\\r\\n \\r\\n
\\r\\n \\r\\n multiple_stop\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\", styles: [\"@media only screen and (min-width: 992px){.input-group{width:192px}}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.NgbDateNativeAdapter }], propDecorators: { minDate: [{\n type: Input\n }], startDate: [{\n type: Input\n }], startDateChange: [{\n type: Output\n }], endDate: [{\n type: Input\n }], endDateChange: [{\n type: Output\n }] } });\n\nclass DateRangePickerModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: DateRangePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: DateRangePickerModule, declarations: [DateRangePickerComponent], imports: [CommonModule,\n FormsModule,\n NgbModule,\n FGBSharedModule], exports: [DateRangePickerComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: DateRangePickerModule, imports: [CommonModule,\n FormsModule,\n NgbModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: DateRangePickerModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [DateRangePickerComponent],\n imports: [\n CommonModule,\n FormsModule,\n NgbModule,\n FGBSharedModule\n ],\n exports: [DateRangePickerComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { DateRangePickerComponent, DateRangePickerModule };\n","import * as _moment from 'moment';\r\nimport { Pipe, PipeTransform } from '@angular/core';\r\nconst moment = _moment;\r\n\r\n@Pipe({ name: 'UtcToLocaltimePipe' })\r\nexport class UtcToLocaltimePipe implements PipeTransform {\r\n transform(value: any, format: string = 'MMMM D, YYYY hh:mm a') {\r\n if (value) {\r\n return moment.utc(value).local().format(format);\r\n }\r\n return value;\r\n }\r\n}\r\n","To date
\\r\\n \\r\\n \\r\\n event\\r\\n \\r\\n
\\r\\n \r\n
\r\n \r\n {{ day.key }}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{ transaction.TransactionDescription }}\r\n
\r\n\r\n \r\n {{ transaction.TransactionDateUTC | UtcToLocaltimePipe : 'hh:mm a' | uppercase }}\r\n
\r\n \r\n = 0 ? 'text-success' : 'text-danger'\"\r\n >\r\n {{ transaction.Amount >= 0 ? '+' : ''\r\n }}{{ transaction.Amount | FortressCurrencyPipe : (transactionType === transactionTypes.loyalty ? 'PTS' : 'USD') }}\r\n
\r\n \r\n
\r\n {{ 'account.activity.placeholder.history.description' | translate }}
\r\n\r\n {{ 'no.transaction.message' | translate }}\r\n
\r\n \r\n
\r\n","import { OnInit, Input, OnChanges, SimpleChanges, Component } from '@angular/core';\r\nimport { TransactionType, Transaction, TransactionService, TransactionQuery } from '@fgb/core';\r\nimport * as moment from 'moment';\r\nimport { switchMap, map, tap } from 'rxjs/operators';\r\nimport { Observable } from 'rxjs';\r\n\r\ninterface GroupedTransactions {\r\n [day: string]: Transaction[];\r\n}\r\n\r\n@Component({\r\n selector: 'fgb-transaction-list',\r\n templateUrl: './transaction-list.component.html',\r\n styleUrls: ['./transaction-list.component.scss'],\r\n})\r\nexport class TransactionListComponent implements OnInit, OnChanges {\r\n constructor(private transactionService: TransactionService, private transactionQuery: TransactionQuery) {}\r\n @Input() startDate: Date;\r\n @Input() endDate: Date;\r\n @Input() memberId: string;\r\n @Input() transactionType: TransactionType;\r\n /** moment date format */\r\n @Input() dateFormat: string = 'MMM DD, YYYY';\r\n @Input() ecashView: boolean;\r\n @Input() accountView: boolean;\r\n\r\n transactions$: Observable\r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n Search\r\n \r\n
\r\n \r\n
\r\n{{ 'account.activity.page.title' | translate }}
\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 } from '@angular/core';\r\nimport { TransactionType } from '@fgb/core';\r\nimport { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\n\r\n@Component({\r\n selector: 'fgb-activity-page',\r\n templateUrl: './activity-page.component.html',\r\n styleUrls: ['./activity-page.component.scss'],\r\n})\r\nexport class ActivityPageComponent implements OnInit {\r\n constructor() {}\r\n\r\n transactionTypes = TransactionType;\r\n screenType = ScreenType;\r\n\r\n ngOnInit() {}\r\n}\r\n","\r\n
\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { Observable } from 'rxjs';\r\nimport { EcashService, TopUpAmountTypeId } from '@fgb/core';\r\nimport { tap } from 'rxjs/operators';\r\n\r\n@Component({\r\n templateUrl: 'ecash-success-page.component.html',\r\n styleUrls: ['ecash-success-page.component.scss'],\r\n selector: 'fgb-ecash-success',\r\n})\r\nexport class EcashSuccessPageComponent implements OnInit {\r\n amounts$: Observable\r\n
\r\n\r\n \r\n \r\n\r\n
\r\n {{ 'ecash.success.title' | translate }}
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n Thank you for topping up\r\n {{ amount / 100 | FortressCurrencyPipe : 'USD' }} to your account.\r\n
\r\n
\r\n \r\n
\r\n Your eCash balance will be updated automatically after your balance falls below the minimum threshold.\r\n
\r\n \r\n
\r\n \r\n Thank you for topping up.\r\n \r\n
\r\n Your balance will be updated shortly.\r\n
\r\n \r\n Your balance will be updated shortly.\r\n
\r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { EcashService, config } from '@fgb/core';\r\nimport { ProviderUiActionResponse } from '@fgb/core';\r\nimport { CallBackModel } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-ecash-result',\r\n templateUrl: 'ecash-result-page.component.html'\r\n})\r\nexport class EcashResultPageComponent implements OnInit {\r\n response = new ProviderUiActionResponse();\r\n\r\n constructor(private ecashService: EcashService, private router: Router) {}\r\n\r\n ngOnInit() {\r\n this.processCallBack();\r\n }\r\n\r\n processCallBack() {\r\n this.ecashService.callBack(new CallBackModel('', config.baseApiUrl + this.router.url)).subscribe(response => {\r\n if (response.Success) {\r\n this.router.navigateByUrl('ecash/success');\r\n } else {\r\n this.router.navigateByUrl('ecash/failure');\r\n }\r\n });\r\n }\r\n}\r\n","\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n {{ 'ecash.fail.page.heading' | translate }}\r\n
\r\n\r\n \r\n\r\n
{{ 'redbulls.pay.fail.message' | translate }}
\r\n\r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { config, MemberDetails, MemberQuery, BalanceQuery } from '@fgb/core';\r\nimport { TransactionType } from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fgb-ecash-history',\r\n templateUrl: './ecash-history.component.html',\r\n styleUrls: ['./ecash-history.component.scss'],\r\n})\r\nexport class EcashHistoryPageComponent implements OnInit {\r\n transactionStartDate: Date;\r\n transactionEndDate: Date;\r\n transactionType: TransactionType;\r\n transactionTypes = TransactionType;\r\n\r\n memberDetails$: Observable\r\n
\r\n\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'fgb-portal-product-success-page',\r\n templateUrl: './portal-product-success-page.component.html',\r\n styleUrls: ['./portal-product-success-page.component.scss']\r\n})\r\nexport class PortalProductSuccessPageComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'fgb-portal-product-failure-page',\r\n templateUrl: './portal-product-failure-page.component.html',\r\n styleUrls: ['./portal-product-failure-page.component.scss']\r\n})\r\nexport class PortalProductFailurePageComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","- \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n {{ 'transaction.history.title' | translate }}
\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { LoggingService, PurchaseService } from '@fgb/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'fgb-portal-product-results-page',\r\n templateUrl: './portal-product-results-page.component.html',\r\n styleUrls: ['./portal-product-results-page.component.scss'],\r\n})\r\nexport class PortalProductResultsPageComponent implements OnInit {\r\n constructor(\r\n private purchaseService: PurchaseService,\r\n private route: ActivatedRoute,\r\n private logService: LoggingService,\r\n public router: Router\r\n ) {}\r\n\r\n ngOnInit() {\r\n let orderId: string | null = null;\r\n if (this.route.snapshot.queryParamMap.keys.map(x => x.toUpperCase()).includes('ORDERID')) {\r\n const orderIdQueryStringKey = this.route.snapshot.queryParamMap.keys.filter(x => x.toUpperCase() === 'ORDERID')[0];\r\n orderId = this.route.snapshot.queryParamMap.get(orderIdQueryStringKey);\r\n }\r\n\r\n if (!orderId) {\r\n this.logService.error('No order ID could be found in the query string');\r\n return;\r\n }\r\n\r\n this.purchaseService.checkOrderSuccessStatus(orderId, '/portalproducts/success', '/portalproducts/failure');\r\n }\r\n}\r\n","Payment Failed
\r\n\r\n We're sorry but something went wrong while processing your payment. Please try again and if the issue persists please get in\r\n touch and we will look into the issue.\r\n
\r\n Okay\r\n\r\n
\r\n","Payment processing...
\r\n\r\n
\r\n","import { Component, OnInit, TemplateRef, EventEmitter } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'fgb-confirm-modal',\r\n templateUrl: './confirm-modal.component.html',\r\n styleUrls: ['./confirm-modal.component.scss'],\r\n})\r\nexport class ConfirmModalComponent implements OnInit {\r\n imageRef: TemplateRef\r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n \r\n \r\n \r\n Add New Contact\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n | Full Name | \r\n\r\n | |
| {{ item.FullName }} | \r\n{{ item.EmailAddress }} | \r\n\r\n \r\n \r\n \r\n \r\n Are you sure that you want to delete {{ item.FullName }} from your contacts?\r\n \r\n | \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Full Name
\r\n {{ item.FullName }}
\r\n \r\n
\r\n Email
\r\n {{ item.EmailAddress }}
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Are you sure that you want to delete {{ item.FullName }} from your contacts?\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n No Contacts
\r\n List Empty\r\n\r\n
\r\n Add Contact
\r\n \r\n\r\n
\r\n\r\n Full Name\r\n \r\n Email\r\n \r\n \r\n
\r\n \r\n
\r\n Edit Contact
\r\n \r\n\r\n
\r\n\r\n Full Name\r\n \r\n Email\r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'fgb-auth-callback',\r\n templateUrl: './auth-callback.component.html',\r\n styleUrls: ['./auth-callback.component.scss']\r\n})\r\nexport class AuthCallbackComponent implements OnInit {\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n}\r\n","{{ 'contacts.page.title' | translate }}
\r\nLogging in...
\r\n","import * as i0 from '@angular/core';\nimport { signal, Directive, HostListener, Component, NgModule } from '@angular/core';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport { OwlCarouselSettings } from '@fgb/portal-component-library/src/lib/shared/utilities';\nimport * as i1 from '@fgb/core';\nimport * as i3 from 'ngx-owl-carousel-o';\nimport { CarouselModule } from 'ngx-owl-carousel-o';\nimport * as i4 from '@fgb/portal-component-library/src/lib/directives';\nimport { DirectivesModule } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i5 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i6 from '@ngx-translate/core';\nimport * as i5$1 from '@fgb/portal-component-library/src/lib/loyalty/auctions/auction-panel';\nimport { AuctionPanelModule } from '@fgb/portal-component-library/src/lib/loyalty/auctions/auction-panel';\nimport * as i6$1 from '@fgb/portal-component-library/src/lib/loyalty/marketplace/marketplace-list-item';\nimport { MarketplaceListItemModule } from '@fgb/portal-component-library/src/lib/loyalty/marketplace/marketplace-list-item';\nimport * as i7 from '@fgb/portal-component-library/src/lib/loyalty/lottos/lottos-list-item';\nimport { LottosListItemModule } from '@fgb/portal-component-library/src/lib/loyalty/lottos/lottos-list-item';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport { RouterModule } from '@angular/router';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\nimport { ScorecardModule } from '@fgb/portal-component-library/src/lib/loyalty/scorecards';\n\nvar ItemWidth;\n(function (ItemWidth) {\n ItemWidth[ItemWidth[\"Destop\"] = 302] = \"Destop\";\n ItemWidth[ItemWidth[\"Tablet\"] = 194] = \"Tablet\";\n ItemWidth[ItemWidth[\"Mobile\"] = 165] = \"Mobile\";\n})(ItemWidth || (ItemWidth = {}));\nclass PreviewItemBase {\n constructor() {\n this.customOptions = signal({\n margin: OwlCarouselSettings.Margin,\n autoWidth: true,\n loop: true,\n pullDrag: false,\n autoplay: OwlCarouselSettings.Autoplay,\n autoplayTimeout: OwlCarouselSettings.AutoplayTimeout,\n autoplaySpeed: OwlCarouselSettings.AutoplaySpeed,\n navSpeed: 700,\n navText: ['', ''],\n responsive: {\n 0: { items: 2 },\n 540: { items: 2 },\n 740: { items: 3 },\n },\n dots: true\n });\n this.setItemWidth(window.screen.width);\n }\n ngOnInit() { }\n onWindowResize(event) {\n this.setItemWidth(event?.target.screen.width);\n }\n setItemWidth(screenSize) {\n if (screenSize >= 992)\n this.itemWidth = ItemWidth.Destop;\n if (screenSize < 992 && screenSize >= 425)\n this.itemWidth = ItemWidth.Tablet;\n if (screenSize < 425)\n this.itemWidth = ItemWidth.Mobile;\n }\n setLoop(value) {\n this.customOptions.update(state => ({ ...state, loop: value }));\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: PreviewItemBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }\n static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"17.2.1\", type: PreviewItemBase, host: { listeners: { \"window:resize\": \"onWindowResize($event)\" } }, ngImport: i0 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: PreviewItemBase, decorators: [{\n type: Directive\n }], ctorParameters: () => [], propDecorators: { onWindowResize: [{\n type: HostListener,\n args: ['window:resize', ['$event']]\n }] } });\n\nclass PreviewScorecardComponent extends PreviewItemBase {\n constructor(previewQuery) {\n super();\n this.previewQuery = previewQuery;\n }\n ngOnInit() {\n this.customOptions().responsive = { 0: { items: 1 }, 900: { items: 3 } },\n this.scorecards = this.previewQuery.getAllScoreCard();\n this.scorecards.length >= 3 ? this.setLoop(true) : this.setLoop(false);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: PreviewScorecardComponent, deps: [{ token: i1.PreviewQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: PreviewScorecardComponent, selector: \"fgbcl-preview-scorecard\", usesInheritance: true, ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n{{ 'fgbcl.preview.scorecard.title' | translate }}
\\r\\n{{ 'fgbcl.preview.scorecard.description' | translate }}
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n{{ 'fgbcl.preview.scorecard.title' | translate }}
\\r\\n{{ 'fgbcl.preview.scorecard.description' | translate }}
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i2.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i2.NgSwitch, selector: \"[ngSwitch]\", inputs: [\"ngSwitch\"] }, { kind: \"directive\", type: i2.NgSwitchCase, selector: \"[ngSwitchCase]\", inputs: [\"ngSwitchCase\"] }, { kind: \"component\", type: i3.CarouselComponent, selector: \"owl-carousel-o\", inputs: [\"options\"], outputs: [\"translated\", \"dragging\", \"change\", \"changed\", \"initialized\"] }, { kind: \"directive\", type: i3.CarouselSlideDirective, selector: \"ng-template[carouselSlide]\", inputs: [\"id\", \"dataMerge\", \"width\", \"dotContent\", \"dataHash\"] }, { kind: \"directive\", type: i4.CustomOwlCarousel, selector: \"owl-carousel-o\" }, { kind: \"component\", type: i5$1.AuctionPanelComponent, selector: \"fgbcl-auction-panel\", inputs: [\"auctionItem\", \"ignoreLink\", \"isPreview\"] }, { kind: \"component\", type: i6$1.MarketplaceListItemComponent, selector: \"fgbcl-marketplace-list-item\", inputs: [\"marketplaceItem\", \"ignoreLink\"] }, { kind: \"component\", type: i7.LottosListItemComponent, selector: \"fgbcl-lottos-list-item\", inputs: [\"lottoItem\", \"ignoreLink\", \"isPreview\"] }, { kind: \"pipe\", type: i6.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: PreviewRewardComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-preview-reward', template: \"\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.preview.rewards.title' | translate }}\\r\\n
\\r\\n\\r\\n {{ 'fgbcl.preview.rewards.description' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [{ type: i1.PreviewQuery }] });\n\nclass PreviewComponent {\n constructor() { }\n ngOnInit() { }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: PreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: PreviewComponent, selector: \"fgbcl-preview\", ngImport: i0, template: \"\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.preview.rewards.title' | translate }}\\r\\n
\\r\\n\\r\\n {{ 'fgbcl.preview.rewards.description' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"component\", type: PreviewScorecardComponent, selector: \"fgbcl-preview-scorecard\" }, { kind: \"component\", type: PreviewRewardComponent, selector: \"fgbcl-preview-reward\" }, { kind: \"pipe\", type: i6.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: PreviewComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-preview', template: \"\\r\\n
\\r\\n {{ 'fgbcl.preview.title' | translate }}
\\r\\n{{ 'fgbcl.preview.subtitle' | translate }}
\\r\\n \\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [] });\n\nconst components = [PreviewComponent, PreviewScorecardComponent, PreviewRewardComponent];\nclass PreviewModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: PreviewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: PreviewModule, declarations: [PreviewComponent, PreviewScorecardComponent, PreviewRewardComponent], imports: [CommonModule,\n ScorecardModule,\n NgbModule,\n CarouselModule,\n PipesModule,\n NgbModule,\n RouterModule,\n DirectivesModule,\n FGBSharedModule,\n AuctionPanelModule,\n MarketplaceListItemModule,\n LottosListItemModule], exports: [PreviewComponent, PreviewScorecardComponent, PreviewRewardComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: PreviewModule, imports: [CommonModule,\n ScorecardModule,\n NgbModule,\n CarouselModule,\n PipesModule,\n NgbModule,\n RouterModule,\n DirectivesModule,\n FGBSharedModule,\n AuctionPanelModule,\n MarketplaceListItemModule,\n LottosListItemModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: PreviewModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [...components],\n imports: [\n CommonModule,\n ScorecardModule,\n NgbModule,\n CarouselModule,\n PipesModule,\n NgbModule,\n RouterModule,\n DirectivesModule,\n FGBSharedModule,\n AuctionPanelModule,\n MarketplaceListItemModule,\n LottosListItemModule,\n ],\n exports: [...components],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { PreviewComponent, PreviewModule, PreviewRewardComponent, PreviewScorecardComponent };\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { TMAuthService } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-tm-user-login',\r\n templateUrl: './tm-user-login.component.html',\r\n styleUrls: ['./tm-user-login.component.scss'],\r\n})\r\nexport class TmUserLoginComponent implements OnInit {\r\n returnUrl: string;\r\n error = '';\r\n\r\n constructor(private route: ActivatedRoute, private tmService: TMAuthService) {}\r\n\r\n ngOnInit() {\r\n this.returnUrl = this.route.snapshot.queryParams.returnUrl || '/';\r\n }\r\n\r\n loginTM() {\r\n this.tmService.loginRedirect();\r\n }\r\n}\r\n","\\r\\n
\\r\\n {{ 'fgbcl.preview.title' | translate }}
\\r\\n{{ 'fgbcl.preview.subtitle' | translate }}
\\r\\n \r\n
\r\n\r\n\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { AuthService } from '@fgb/core';\r\nimport { ErrorStateService } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-login-page',\r\n templateUrl: './login-page.component.html',\r\n styleUrls: ['./login-page.component.scss'],\r\n})\r\nexport class LoginPageComponent implements OnInit {\r\n constructor(private router: Router, public errorService: ErrorStateService, private authService: AuthService) {\r\n this.authService.checkApiStatus();\r\n if (this.authService.hasCurrentRefreshToken()) {\r\n this.router.navigate(['/']);\r\n }\r\n }\r\n\r\n ngOnInit() {}\r\n}\r\n","\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n","\r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n 0; else noAccounts\">\r\n \r\n
\r\n Choose Account
\r\nPlease select one of your accounts below to proceed.
\r\n\r\n\r\n \r\n \r\n
\r\n
\r\n | Name | \r\nEmail Address | \r\nAccount Number | \r\nStatus | \r\n
| {{ account.FirstName }} {{ account.Surname }} | \r\n{{ account.EmailAddress1 }} | \r\n{{ account.ExternalRefNumber }} | \r\n\r\n \r\n Register\r\n \r\n \r\n Login\r\n \r\n \r\n Activate\r\n \r\n \r\n n/a\r\n \r\n | \r\n
\r\n \r\n We're sorry but an error has occurred. We could not find any accounts for you to choose from.\r\n
\r\n Please click below to enter your credentials again.\r\n \r\n
\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { AuthService } from '@fgb/core';\r\nimport { ErrorStateService } from '@fgb/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n selector: 'fgb-maintenance-page',\r\n templateUrl: './maintenance-page.component.html',\r\n styleUrls: ['./maintenance-page.component.scss'],\r\n})\r\nexport class MaintenancePageComponent implements OnInit {\r\n showAppleLink = true;\r\n showGoogleLink = true;\r\n\r\n constructor(\r\n private router: Router,\r\n public errorService: ErrorStateService,\r\n private authService: AuthService,\r\n public deviceDetector: DeviceDetectorService\r\n ) {\r\n this.authService.checkApiStatus();\r\n\r\n if (this.authService.hasCurrentRefreshToken()) {\r\n this.router.navigate(['/']);\r\n }\r\n }\r\n\r\n ngOnInit() {\r\n this.downloadAppLink();\r\n }\r\n\r\n downloadAppLink() {\r\n if (this.deviceDetector.os.match('iOS')) {\r\n this.showGoogleLink = false;\r\n } else if (this.deviceDetector.os.match('Android')) {\r\n this.showAppleLink = false;\r\n }\r\n }\r\n}\r\n","\r\n \r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n engineering
\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\nimport { AnnouncementModel } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-announcement-content',\r\n templateUrl: './announcement-content.component.html',\r\n styleUrls: ['./announcement-content.component.scss']\r\n})\r\nexport class AnnouncementContentComponent implements OnInit {\r\n @Input() announcement: AnnouncementModel;\r\n\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n}\r\n","\r\n \r\n
\r\n \r\n \r\n
\r\n{{ announcement.Title }}
\r\n \r\n \r\n 0\">\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\nAnnouncements
\r\n\r\n\r\n
\r\n","import * as i0 from '@angular/core';\nimport { Component, Input, NgModule } from '@angular/core';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@fgb/core';\nimport * as i2$1 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport { InlineSVGModule } from 'ng-inline-svg-2';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass EarnPointsCardComponent {\n constructor() { }\n ngOnInit() { }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EarnPointsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: EarnPointsCardComponent, selector: \"fgbcl-earn-points-card\", inputs: { earnPointsCard: \"earnPointsCard\" }, ngImport: i0, template: \"\r\n
\r\n \r\n
\r\n Next Game
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Voucher Code
\r\n\r\n
\r\n \r\n Enter Redemption Code To Earn Prizes\r\n
\r\n \r\n
\r\n \r\n
\r\n Earn Points
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n HOW TO EARN POINTS
\r\n\r\n
\r\n \r\n
\r\n Announcements
\r\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n {{ earnPointsCard.DisplayText }}\\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ earnPointsCard.DisplayText }}\\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n {{ earnPointsCard.DisplayText }}\\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ earnPointsCard.DisplayText }}\\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\".earn-points-container .earn-sub-heading{border:0;outline:none;background-color:inherit;width:100%;justify-content:flex-start;display:flex;align-items:center;padding:0}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: EarnPointsCardComponent, selector: \"fgbcl-earn-points-card\", inputs: [\"earnPointsCard\"] }, { kind: \"pipe\", type: i2.AsyncPipe, name: \"async\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EarnPointsComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-earn-points', template: \"\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\".earn-points-container .earn-sub-heading{border:0;outline:none;background-color:inherit;width:100%;justify-content:flex-start;display:flex;align-items:center;padding:0}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.EarnPointsQuery }, { type: i1.EarnPointsService }, { type: i1.MemberQuery }], propDecorators: { dropdownToggle: [{\n type: Input\n }], svgColor: [{\n type: Input\n }] } });\n\nclass EarnPointsModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EarnPointsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: EarnPointsModule, declarations: [EarnPointsComponent, EarnPointsCardComponent], imports: [CommonModule,\n InlineSVGModule,\n NgbModule,\n PipesModule,\n FGBSharedModule], exports: [EarnPointsComponent, EarnPointsCardComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EarnPointsModule, imports: [CommonModule,\n InlineSVGModule,\n NgbModule,\n PipesModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EarnPointsModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [EarnPointsComponent, EarnPointsCardComponent],\n imports: [\n CommonModule,\n InlineSVGModule,\n NgbModule,\n PipesModule,\n FGBSharedModule\n ],\n exports: [EarnPointsComponent, EarnPointsCardComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { EarnPointsCardComponent, EarnPointsComponent, EarnPointsModule };\n","\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \r\n
\r\n\r\n{{ 'earn.page.title' | translate }}
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n selector: 'fgb-earn-page',\r\n templateUrl: './earn-page.component.html',\r\n styleUrls: ['./earn-page.component.scss'],\r\n})\r\nexport class EarnPageComponent implements OnInit {\r\n deviceType: string;\r\n screenType = ScreenType;\r\n\r\n constructor(private deviceDetector: DeviceDetectorService) {}\r\n\r\n ngOnInit() {\r\n this.deviceType = this.deviceDetector.os.toUpperCase();\r\n }\r\n}\r\n","{{ 'earn.info.description' | translate }}
\r\n\r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n {{ auctionBid.ItemName }}
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {{ auctionBid.LastBid | FortressCurrencyPipe : 'PTS' }}\r\n
\r\n \r\n \r\n \r\n {{ auctionBid.EndDate | date : 'MMM d, yyyy' }}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{ auctionBid.ItemName }}
\r\n \r\n \r\n {{ auctionBid.LastBid | FortressCurrencyPipe : 'PTS' }}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Date Redeemed
\r\n {{ auctionBid.EndDate | UtcToLocaltimePipe : 'M/DD/y hh:mmA' }}
\r\n \r\n \r\n
\r\n {{ 'auction.page.title' | translate }}
\r\n\r\n \r\n \r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { AuctionBidDetails, AuctionBidQuery, AuctionBidService } from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fgb-auction-bid-list',\r\n templateUrl: './auction-bid-list.component.html',\r\n styleUrls: ['./auction-bid-list.component.scss']\r\n})\r\nexport class AuctionBidListComponent implements OnInit {\r\n constructor(private auctionBidsQuery: AuctionBidQuery, private bidService: AuctionBidService) {}\r\n auctionBids$: Observable\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 } from '@angular/core';\r\nimport { LottoItem, LottoQuery } from '@fgb/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'fgb-lottos-terms-page',\r\n templateUrl: './lottos-terms-page.component.html',\r\n styleUrls: ['./lottos-terms-page.component.scss'],\r\n})\r\nexport class LottosTermsPageComponent implements OnInit {\r\n lottoItem: LottoItem | undefined;\r\n constructor(private lottoQuery: LottoQuery, private route: ActivatedRoute) {}\r\n\r\n ngOnInit() {\r\n let id = +(this.route.snapshot.paramMap.get('id') || 0);\r\n this.lottoItem = this.lottoQuery.getEntity(id);\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 } from '@angular/core';\r\nimport { MarketplaceItem, MarketplaceQuery, MarketplaceService } from '@fgb/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'fgb-marketplace-terms-page',\r\n templateUrl: './marketplace-terms-page.component.html',\r\n styleUrls: ['./marketplace-terms-page.component.scss'],\r\n})\r\nexport class MarketplaceTermsPageComponent implements OnInit {\r\n marketplaceItem: MarketplaceItem | undefined;\r\n constructor(\r\n private marketplaceQuery: MarketplaceQuery,\r\n private marketplaceService: MarketplaceService,\r\n private route: ActivatedRoute\r\n ) {}\r\n\r\n ngOnInit() {\r\n let id = +(this.route.snapshot.paramMap.get('id') || 0);\r\n\r\n this.marketplaceService\r\n .fetchMarketplaceItemById(id)\r\n .toPromise()\r\n .then(() => {\r\n this.marketplaceItem = this.marketplaceQuery.getEntity(id);\r\n });\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { TMOauthService } from '@fgb/core';\r\n\r\n\r\n@Component({\r\n selector: 'fgb-tm-callback',\r\n templateUrl: './tm-callback.component.html',\r\n styleUrls: ['./tm-callback.component.scss']\r\n})\r\nexport class TmCallbackComponent implements OnInit {\r\n\r\n constructor(private tmOauthService: TMOauthService) { }\r\n\r\n ngOnInit() {\r\n let index = window.location.href.indexOf('code');\r\n if (index != -1){\r\n this.tmOauthService.callBackToken(window.location.href.substring(index + 5));\r\n }\r\n }\r\n\r\n}\r\n","\r\n Redirecting to Ticket Master\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { TMAuthService } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-tm-auth-callback',\r\n templateUrl: './tm-auth-callback.component.html',\r\n styleUrls: ['./tm-auth-callback.component.scss'],\r\n})\r\nexport class TmAuthCallbackComponent implements OnInit {\r\n constructor(private tmAuthservice: TMAuthService) {}\r\n\r\n ngOnInit() {\r\n let code = this.getParameter('code');\r\n let state = this.getParameter('state');\r\n if (code != '') {\r\n this.tmAuthservice.authCallbackRedirect(code, state);\r\n }\r\n }\r\n\r\n getParameter(name: string): string {\r\n const results = new RegExp('[\\\\?&]' + name + '=([^&#]*)').exec(window.location.href);\r\n if (!results) {\r\n return '';\r\n }\r\n return (results[1] as string) || '';\r\n }\r\n}\r\n","Processing request
","import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';\r\nimport { LoadScripts, DynamicScript } from 'src/app/shared/utilities/load-scripts.function';\r\nimport { MemberQuery, config, ScorecardService } from '@fgb/core';\r\nimport { map } from 'rxjs/operators';\r\n\r\ndeclare var ZoomMtg: any;\r\n\r\n@Component({\r\n selector: 'fgb-zoom-conference',\r\n templateUrl: './fgb-zoom-conference.component.html',\r\n styleUrls: ['./fgb-zoom-conference.component.scss'],\r\n})\r\nexport class FgbZoomConferenceComponent implements OnInit {\r\n @Input() meetingNumber: string;\r\n @Input() meetingPassword: string;\r\n @Input() apiKey: string;\r\n @Input() leaveUrl: string;\r\n @Input() signature: string;\r\n @Output() onStateChange = new EventEmitter();\r\n\r\n meetingJoinedSuccessfully: boolean = false;\r\n\r\n constructor(private memberQuery: MemberQuery, private scorecardService: ScorecardService) {}\r\n\r\n ngOnInit() {\r\n this.memberQuery\r\n .selectMemberDetails()\r\n .pipe(\r\n map((x) => {\r\n if (!x) {\r\n return;\r\n }\r\n\r\n LoadScripts([\r\n { src: 'https://source.zoom.us/1.8.6/lib/vendor/react.min.js' },\r\n { src: 'https://source.zoom.us/1.8.6/lib/vendor/react-dom.min.js' },\r\n { src: 'https://source.zoom.us/1.8.6/lib/vendor/redux.min.js' },\r\n { src: 'https://source.zoom.us/1.8.6/lib/vendor/redux-thunk.min.js' },\r\n { src: 'https://source.zoom.us/1.8.6/lib/vendor/jquery.min.js' },\r\n { src: 'https://source.zoom.us/1.8.6/lib/vendor/lodash.min.js' },\r\n { src: 'https://source.zoom.us/zoom-meeting-1.8.6.min.js' },\r\n ] as DynamicScript[]).then(() => {\r\n ZoomMtg.setZoomJSLib('https://source.zoom.us/1.8.6/lib', '/av');\r\n ZoomMtg.preLoadWasm();\r\n ZoomMtg.prepareJssdk();\r\n\r\n let meetingNumberLocale = this.meetingNumber;\r\n let meetingPasswordLocale = this.meetingPassword;\r\n let apiKeyLocale = this.apiKey;\r\n let userEmailLocale = x.EmailAddress1;\r\n let userUserNameLocale = x.FirstName + ' ' + x.Surname;\r\n let signatureLocale = this.signature;\r\n\r\n if (this.leaveUrl == null) {\r\n this.leaveUrl = config.portalUrl;\r\n }\r\n\r\n ZoomMtg.init({\r\n debug: true,\r\n leaveUrl: this.leaveUrl,\r\n disableJoinAudio: false,\r\n loginWindow: {\r\n // optional,\r\n width: 400,\r\n height: 380,\r\n },\r\n success: function () {\r\n ZoomMtg.join({\r\n signature: signatureLocale,\r\n meetingNumber: meetingNumberLocale,\r\n userName: userUserNameLocale,\r\n apiKey: apiKeyLocale,\r\n userEmail: userEmailLocale,\r\n passWord: meetingPasswordLocale,\r\n success: (responseMessage: any) => {\r\n console.log(responseMessage);\r\n this.meetingJoinedSuccessfully = true;\r\n },\r\n error: (errorMessage: any) => {\r\n console.log(errorMessage);\r\n },\r\n \r\n });\r\n },\r\n });\r\n });\r\n })\r\n )\r\n .toPromise()\r\n .finally(() => {\r\n if(this.meetingJoinedSuccessfully){\r\n this.scorecardService.joinWebCall(this.meetingNumber).toPromise();\r\n }\r\n });\r\n }\r\n}\r\n","export interface DynamicScript {\r\n src: string;\r\n attrs?: { name: string; value?: string }[];\r\n}\r\n\r\nexport function LoadScripts(dynamicScripts: DynamicScript[]): PromiseYou are not allowed to join this call
\r\n\r\n
\r\n \r\n
\r\n","\r\n
\r\n \r\n\r\n\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {{ portalProduct.DisplayName }}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Upgrade\r\n {{ portalProduct.MerchantPrice / 100 | FortressCurrencyPipe }}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n\r\n
\r\n Subscription Details
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {{ portalProduct.DisplayName }}
\r\n\r\n Cost: \r\n {{ portalProduct.MerchantPrice / 100 | FortressCurrencyPipe }}\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {{ currentSubscribedProduct.DisplayName }}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Expires:
\r\n\r\n {{ currentSubscribedProduct.NextPaymentDueDate | date }}\r\n
\r\n \r\n\r\n \r\n Renew\r\n {{ renewalProduct.MerchantPrice / 100 | FortressCurrencyPipe }}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n\r\n
\r\n Subscription Details
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {{ currentSubscribedProduct.DisplayName }}
\r\n\r\n Cost: \r\n {{ currentSubscribedProduct.MerchantPrice / 100 | FortressCurrencyPipe }}\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {{ currentSubscribedProduct.DisplayName }}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n\r\n
\r\n Subscription Details
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {{ currentSubscribedProduct.DisplayName }}
\r\n\r\n Cost: \r\n {{ currentSubscribedProduct.MerchantPrice / 100 | FortressCurrencyPipe }}\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n 0; else elseNoUpgrades\">\r\n You have {{ activeSubs }}/{{ maxSubs }}\r\n Digital Products\r\n \r\n \r\n No digital products available\r\n \r\n
\r\n NEW WAYS TO EARN POINTS!
\r\n\r\n Note: Accumulation of points for new subscriptions begins the following game if a game is already underway.\r\n
\r\n\r\n
\r\n \r\n memberships
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n memberships
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n Digital Products
\r\n\r\n \r\n 0\">\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 \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n your basket
\r\n\r\n Cancel\r\n
\r\n\r\n
\r\n \r\n \r\n x\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n Total Amount: \r\n {{ totalCost / 100 | FortressCurrencyPipe }}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n ![](\"assets/images/placeholders/no-subscriptions.svg\")
\r\n
\r\n \r\n SUBSCRIPTIONS
\r\nCurrently Unavailable
\r\n\r\n
\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { Country, Region, LoggingService, CountryQuery } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-country-and-regions',\r\n templateUrl: './country-and-regions.component.html',\r\n styleUrls: ['./country-and-regions.component.scss'],\r\n})\r\nexport class CountryAndRegionsComponent implements OnInit {\r\n @Input() Form: FormGroup;\r\n @Input() HasSubmitted: boolean = false;\r\n @Input() RegionLabel: string = 'Region';\r\n @Input() SeparateRow: boolean = false;\r\n countryOptions: Country[];\r\n regionOptions: Region[] = [];\r\n selectedCountry: string;\r\n selectedCounty: string;\r\n\r\n constructor(private logService: LoggingService, private countryQuery: CountryQuery) {}\r\n\r\n ngOnInit() {\r\n this.countryOptions = this.countryQuery.getAll().sort((a, b) => {\r\n if (a.Ordinal < b.Ordinal) {\r\n return -1;\r\n } else if (a.Ordinal === b.Ordinal) {\r\n return a.DisplayName.localeCompare(b.DisplayName);\r\n }\r\n return 0;\r\n });\r\n if (this.Form) {\r\n if (this.Form.get('Country')) {\r\n this.selectedCountry = this.Form.get('Country')!.value;\r\n this.selectedCounty = this.Form.get('County')!.value;\r\n this.getRegionsByCountry(this.Form.get('Country')!.value);\r\n }\r\n }\r\n }\r\n\r\n getRegionsByCountry(CountryName: string): void {\r\n let foundCountry = this.countryOptions.find(c => c.CountryName === CountryName);\r\n if (foundCountry) {\r\n this.getRegions(foundCountry);\r\n\r\n if (this.selectedCountry !== null) {\r\n if (this.selectedCountry === foundCountry.DisplayName) {\r\n this.Form.controls.County.setValue(this.selectedCounty);\r\n } else {\r\n this.Form.controls.County.setValue('');\r\n }\r\n } else {\r\n this.Form.controls.County.setValue('');\r\n }\r\n } else {\r\n this.Form.controls.Country.setValue('');\r\n this.logService.warning('No country data was found for that country');\r\n }\r\n }\r\n\r\n getRegions(country: Country): void {\r\n if (country.Regions) {\r\n this.regionOptions = [];\r\n }\r\n this.regionOptions = country.Regions;\r\n }\r\n}\r\n","\r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {{ 'country.and.regions.country.invalid' | translate : { fgbdefault: 'Please select a country' } }}\r\n
\r\n \r\n 1\"\r\n id=\"County\"\r\n class=\"form-control\"\r\n name=\"County\"\r\n type=\"text\"\r\n formControlName=\"County\"\r\n [ngClass]=\"{ 'is-invalid': HasSubmitted && !!Form.controls.County.errors }\"\r\n required\r\n >\r\n \r\n \r\n \r\n\r\n
\r\n 1\" class=\"invalid-feedback\">Please select a {{ RegionLabel.toLowerCase() }}
\r\n Please enter a {{ RegionLabel.toLowerCase() }}
\r\n \r\n
\r\n
\r\n \r\n \r\n
\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.productData.DisplayName }}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n Cost:\r\n {{ item.productData.MerchantPrice / 100 | FortressCurrencyPipe }}\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\nYour basket is empty!
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n
\r\n
\r\n ITEMS
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Clear Form \r\n
\r\n \r\n Address
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n Summary
\r\n\r\n
\r\n Items:
\r\n \r\n {{ totalCost / 100 | FortressCurrencyPipe }}\r\n
\r\n \r\n
\r\n Tax:
\r\n \r\n {{ totalTax / 100 | FortressCurrencyPipe }}\r\n
\r\n \r\n
\r\n
\r\n \r\n Total:
\r\n \r\n {{ totalPrice / 100 | FortressCurrencyPipe }}\r\n
\r\n 0\">\r\n \r\n \r\n
\r\n \r\n Discount Code(s):
\r\n {{ giftCode.Code }}
\r\n \r\n - {{ giftCode.EntitlementValue / 100 | FortressCurrencyPipe }}\r\n - {{ giftCode.EntitlementValue }}%\r\n FREE\r\n
\r\n \r\n \r\n Pay Now\r\n \r\n
\r\n \r\n \r\n Membership upgraded successfully\r\n \r\n close\r\n \r\n \r\n
\r\n\r\n
\r\n\r\n \r\n \r\n \r\n Cancel\r\n \r\n
\r\n\r\n Add Payment Details
\r\n\r\n
\r\n \r\n \r\n
\r\n Total:
\r\n\r\n
\r\n {{ totalPrice / 100 | FortressCurrencyPipe }}
\r\n\\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\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.card.payment.title' | translate }}
\\r\\n\\r\\n
\\r\\n {{ 'add.card.payment.subtitle' | translate }}
\\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n {{ 'add.card.payment.total.price' | translate }}
\\r\\n{{ totalPrice }}
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\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.card.payment.title' | translate }}
\\r\\n\\r\\n
\\r\\n {{ 'add.card.payment.subtitle' | translate }}
\\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n {{ 'add.card.payment.total.price' | translate }}
\\r\\n{{ totalPrice }}
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\r\n
\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.productData.DisplayName }}\r\n
\r\n\r\n \r\n \r\n {{ attribute.AttributeName }}: {{ attribute.ValueName }}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {{ customField.customFieldName }}: {{ customField.customFieldValue }}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{'cart.item.quantity' | translate}} {{ item.purchaseQuantity }}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\nYour basket is empty!
\r\n\r\n
\r\n","import { Component, OnInit, OnDestroy } from '@angular/core';\r\nimport { Location } from '@angular/common';\r\nimport { Observable, Subject } from 'rxjs';\r\nimport {\r\n BalanceQuery,\r\n CartQuery,\r\n config,\r\n ErrorStateService,\r\n MarketplaceItemCart,\r\n MarketplaceItemStatus,\r\n MemberDetails,\r\n MemberQuery,\r\n MemberService,\r\n CardTokenQuery,\r\n MarketplaceService\r\n} from '@fgb/core';\r\nimport { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';\r\nimport { takeUntil, tap } from 'rxjs/operators';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';\r\nimport { AddPaymentCardDetailComponent } from '@fgb/portal-component-library/src/lib/loyalty/add-payment-card-detail';\r\nimport { Router } from '@angular/router';\r\nimport { FGBValidators } from '@fgb/portal-component-library/src/lib/shared/validators';\r\n\r\n@Component({\r\n selector: 'fgb-cart-checkout-page',\r\n templateUrl: './cart-checkout-page.component.html',\r\n styleUrls: ['./cart-checkout-page.component.scss'],\r\n})\r\nexport class CartCheckoutPageComponent implements OnInit, OnDestroy {\r\n totalPoints: number;\r\n totalItems$: Observable\r\n
\r\n\r\n {{ 'cart.checkout.title' | translate }}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {{ 'cart.checkout.billing' | translate }}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {{ member.Street }}, {{ member.Town }}, {{ member.County }}, {{ member.Country }}, {{ member.PostCode }},\r\n {{ member.HomeNumber }}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {{ 'cart.checkout.page.address.form.clear' | translate }} \r\n
\r\n\r\n \r\n\r\n \r\n {{ 'cart.checkout.page.billing.address.title' | translate }}\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {{ 'cart.checkout.summary' | translate }}\r\n
\r\n
\r\n \r\n
\r\n {{ 'cart.checkout.item' | translate }}
\r\n {{ totalItems$ | async }}
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n {{ 'cart.checkout.total' | translate }}
\r\n ${{ (totalPriceMerchantValue / 100).toFixed(2) }}
\r\n {{ totalPoints | FortressCurrencyPipe : 'PTS' }}
\r\n \r\n \r\n \r\n\r\n \r\n {{ 'cart.payment_button' | translate }}\r\n \r\n \r\n
\r\n {{ 'cart.payment' | translate }}
\r\n\r\n
\r\n {{ 'cart.card_infor' | translate }}
\r\n({{ cardInfor.CardNumber | creditCardNumber | slice : -4 }})
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ 'card.exp' | translate }} {{ cardInfor?.ExpiryDate | date : 'MM/yy' }}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n currentBalance || !cardInfor.CardNumber\"\r\n >\r\n {{ statusText }}\r\n \r\n
\r\n \r\n
\r\n {{ 'cart.payment.or' | translate }}\r\n
\r\n
\r\n \r\n {{ 'cart.payment.or' | translate }}\r\n
\r\n
\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { CartQuery } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-cart-checkout-success-page',\r\n templateUrl: './cart-checkout-success-page.component.html',\r\n styleUrls: ['./cart-checkout-success-page.component.scss'],\r\n})\r\nexport class CartCheckoutSuccessPageComponent implements OnInit {\r\n constructor(private cartQuery: CartQuery) {}\r\n\r\n ngOnInit() {\r\n let marketplaceCart = this.cartQuery.getMemberMarketplaceCart();\r\n this.cartQuery.removeItems(marketplaceCart);\r\n }\r\n}\r\n","Payment processing...
\r\n\r\n
\r\n","import { HttpParams } from '@angular/common/http';\r\nimport { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { AuthService, SportsAllianceAuthService } from '@fgb/core';\r\nimport { CookieService } from 'ngx-cookie-service';\r\n\r\n@Component({\r\n selector: 'fgb-sports-alliance-callback',\r\n templateUrl: './sports-alliance-callback.component.html',\r\n styleUrls: ['./sports-alliance-callback.component.scss'],\r\n})\r\nexport class SportsAllianceCallbackComponent implements OnInit {\r\n cookieName: string = '_sa_sso_upid';\r\n constructor(\r\n private sportsAllianceService: SportsAllianceAuthService,\r\n private router: Router,\r\n private cookieService: CookieService,\r\n private authService: AuthService\r\n ) {}\r\n\r\n ngOnInit() {\r\n if (this.authService.isAuthenticated()) {\r\n // already logged in\r\n this.router.navigate(['/']);\r\n } else if (this.sportsAllianceService.hasNamedCookie(this.cookieName)) {\r\n // login through cookies\r\n let domainCookie = this.getDomainCookie();\r\n this.authenticateDomainCookie(domainCookie);\r\n } else {\r\n // log through a token\r\n this.authenticateJwt();\r\n }\r\n }\r\n\r\n /**\r\n * make request to authenticate domain\r\n * cookie if found.\r\n * If failed then will call authenticate JWT.\r\n * @param domainCookie domain cookie to\r\n * be authenticated.\r\n */\r\n authenticateDomainCookie(domainCookie: string) {\r\n this.sportsAllianceService\r\n .loginUsingToken(domainCookie)\r\n .toPromise()\r\n .catch(() => {\r\n this.authenticateJwt();\r\n });\r\n }\r\n\r\n /**\r\n * call to athenticate JWT\r\n * if failed response will return\r\n * user to login page.\r\n */\r\n authenticateJwt() {\r\n let jwtToken = this.getProviderJwtToken('tokenpayload');\r\n this.sportsAllianceService\r\n .validateJwt(jwtToken)\r\n .toPromise()\r\n .catch(() => {\r\n this.router.navigate(['/login']);\r\n });\r\n }\r\n\r\n /**\r\n * Get a query string parameter without case sensitivity.\r\n * @param parameter the parameter that you require the information for\r\n */\r\n getProviderJwtToken(parameter: string): string {\r\n const url = window.location.href;\r\n let paramValue;\r\n\r\n if (url.includes('?')) {\r\n const httpParams = new HttpParams({ fromString: url.split('?')[1] });\r\n paramValue = httpParams.get(parameter);\r\n }\r\n\r\n if (paramValue) {\r\n return paramValue;\r\n }\r\n return '';\r\n }\r\n\r\n /**\r\n * Will check if domain cookie exists\r\n * and return this as a string.\r\n * @returns domain cookie from\r\n * sports alliance domain\r\n */\r\n getDomainCookie(): string {\r\n let domainCookie = '';\r\n domainCookie = this.cookieService.get(this.cookieName);\r\n\r\n return domainCookie;\r\n }\r\n}\r\n","\r\n
\r\n
\r\npurchase successful!
\r\n\r\n
\r\n
\r\n \r\n Back to Rewards\r\n
\r\n \r\n Rewards History\r\n
\r\n \r\n
\r\n","\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![](\"assets/images/login-registration/fortress-login.svg\")
\r\n
\r\n \r\n
\r\n Attempting to login
\r\n\r\n
\r\n\r\n{{ 'sweepstakeofficialrules.page.title' | translate }}
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n {{ 'default.terms.description' | translate }}\r\n
\r\n{{ 'payment.address.description' | translate }}
\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.firstname' | translate }}
\\r\\n {{ 'address.empty.firstname' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.surname' | translate }}
\\r\\n {{ 'address.empty.surname' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.addressName' | translate }}
\\r\\n {{ 'address.empty.addressName' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.street' | translate }}
\\r\\n {{ 'address.empty.street' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.city' | translate }}
\\r\\n {{ 'address.empty.city' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.postcode' | translate }}
\\r\\n {{ 'address.invalid.postcode' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.number' | translate }}
\\r\\n {{ 'address.invalid.number' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.email' | translate }}
\\r\\n {{ 'address.invalid.email' | translate }}
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\", styles: [\".top-up-address .form-floating .form-control{height:53px;min-height:53px}.top-up-address .btn-container{border-top:rgba(0,0,0,.125) 1px solid;padding:9px 15px;margin-top:20px}.top-up-address .btn-container button{max-width:142px;border-radius:16px}.top-up-address .btn-container button:not(:last-of-type){margin-right:10px}\\n\"], dependencies: [{ kind: \"directive\", type: i4.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i1.ɵNgNoValidate, selector: \"form:not([ngNoForm]):not([ngNativeValidate])\" }, { kind: \"directive\", type: i1.DefaultValueAccessor, selector: \"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]\" }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.NgControlStatusGroup, selector: \"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]\" }, { kind: \"directive\", type: i1.FormGroupDirective, selector: \"[formGroup]\", inputs: [\"formGroup\"], outputs: [\"ngSubmit\"], exportAs: [\"ngForm\"] }, { kind: \"directive\", type: i1.FormControlName, selector: \"[formControlName]\", inputs: [\"formControlName\", \"disabled\", \"ngModel\"], outputs: [\"ngModelChange\"] }, { kind: \"component\", type: i5.CountryAndRegionsComponent, selector: \"fgbcl-country-and-regions\", inputs: [\"Form\", \"HasSubmitted\", \"SeparateRow\"] }, { kind: \"pipe\", type: i6.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TopUpAddressComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-top-up-address', template: \"{{ 'payment.address.description' | translate }}
\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.firstname' | translate }}
\\r\\n {{ 'address.empty.firstname' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.surname' | translate }}
\\r\\n {{ 'address.empty.surname' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.addressName' | translate }}
\\r\\n {{ 'address.empty.addressName' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.street' | translate }}
\\r\\n {{ 'address.empty.street' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.city' | translate }}
\\r\\n {{ 'address.empty.city' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.postcode' | translate }}
\\r\\n {{ 'address.invalid.postcode' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.number' | translate }}
\\r\\n {{ 'address.invalid.number' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.email' | translate }}
\\r\\n {{ 'address.invalid.email' | translate }}
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\", styles: [\".top-up-address .form-floating .form-control{height:53px;min-height:53px}.top-up-address .btn-container{border-top:rgba(0,0,0,.125) 1px solid;padding:9px 15px;margin-top:20px}.top-up-address .btn-container button{max-width:142px;border-radius:16px}.top-up-address .btn-container button:not(:last-of-type){margin-right:10px}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.UntypedFormBuilder }, { type: i2.AddressService }, { type: i3.NgbModal }], propDecorators: { regex: [{\n type: Input\n }], topUpAddressConfig: [{\n type: Input\n }], submittedAddress: [{\n type: Output\n }] } });\n\nclass TopUpAddressModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TopUpAddressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: TopUpAddressModule, declarations: [TopUpAddressComponent], imports: [CommonModule,\n FormsModule,\n ReactiveFormsModule,\n CountryAndRegionsModule,\n NgbModule,\n FGBSharedModule], exports: [TopUpAddressComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TopUpAddressModule, imports: [CommonModule,\n FormsModule,\n ReactiveFormsModule,\n CountryAndRegionsModule,\n NgbModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TopUpAddressModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [TopUpAddressComponent],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n CountryAndRegionsModule,\n NgbModule,\n FGBSharedModule\n ],\n exports: [TopUpAddressComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { TopUpAddressComponent, TopUpAddressModule, topUpAddressConfigDefault };\n","import * as i0 from '@angular/core';\nimport { Component, Input, NgModule } from '@angular/core';\nimport * as i1 from '@fgb/core';\nimport { ProviderName, config } from '@fgb/core';\nimport * as i4 from '@fgb/portal-component-library/src/lib/shared/top-up-address';\nimport { topUpAddressConfigDefault, TopUpAddressModule } from '@fgb/portal-component-library/src/lib/shared/top-up-address';\nimport { RegexUS } from '@fgb/portal-component-library/src/lib/shared/utilities';\nimport * as i2 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport * as i3 from '@fgb/portal-component-library/src/lib/shared/loading';\nimport { LoadingModule } from '@fgb/portal-component-library/src/lib/shared/loading';\nimport * as i3$1 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i6 from '@ngx-translate/core';\nimport { DateTime } from 'luxon';\nimport * as i3$2 from '@fgb/portal-component-library/src/lib/shared/confirm-modal';\nimport { ConfirmModalModule } from '@fgb/portal-component-library/src/lib/shared/confirm-modal';\nimport * as i5 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i4$1 from 'ngx-owl-carousel-o';\nimport { CarouselModule } from 'ngx-owl-carousel-o';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { CountryAndRegionsModule } from '@fgb/portal-component-library/src/lib/shared/country-and-regions';\n\nclass AddNewCardComponent {\n constructor(cardTokenService, modalService) {\n this.cardTokenService = cardTokenService;\n this.modalService = modalService;\n this.regex = RegexUS;\n this.provider = ProviderName.Sage;\n this.redirectUrl = '/cardtoken/result';\n this.failureUrl = '/cardtoken/result';\n this.topUpAddressConfig = topUpAddressConfigDefault;\n this.showCloseBtn = false;\n this.config = config;\n this.hideAddress = false;\n this.showCancelButton = false;\n this.loading = false;\n }\n ngOnInit() { }\n addNewCard() {\n this.loading = true;\n this.cardTokenService.addNewCardToken(this.provider, this.config.portalUrl + this.redirectUrl, 'payment-gateway-area', this.config.portalUrl + this.failureUrl).then(() => {\n this.loading = false;\n });\n this.showCancelButton = true;\n }\n openCardModal(content) {\n this.showCancelButton = false;\n this.hideAddress = false;\n this.modalService.open(content, { ariaLabelledBy: 'modal-basic-title', windowClass: 'top-up-address-modal', centered: true });\n }\n submittedAddress(submitted) {\n if (submitted) {\n this.hideAddress = true;\n this.addNewCard();\n }\n }\n cancel() {\n this.modalService.dismissAll();\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AddNewCardComponent, deps: [{ token: i1.CardTokenService }, { token: i2.NgbModal }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: AddNewCardComponent, selector: \"fgbcl-add-new-card\", inputs: { regex: \"regex\", provider: \"provider\", redirectUrl: \"redirectUrl\", failureUrl: \"failureUrl\", topUpAddressConfig: \"topUpAddressConfig\", showCloseBtn: \"showCloseBtn\" }, ngImport: i0, template: \"\\r\\n \\r\\n add_card\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n add_card\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n {{ 'new.card.form.title' | translate }}
\\r\\n \\r\\n\\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_card\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n add_card\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n {{ 'new.card.form.title' | translate }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n @if(showExpiry){\\r\\n {{ 'payment.card.active' | translate }}
\\r\\n\\r\\n {{ 'payment.card.inactive' | translate }}\\r\\n
\\r\\n{{ 'payment.card.frozen' | translate }}
\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n @if(showExpiry){\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n }\\r\\n \\r\\n {{ 'payment.card.expired.label' | translate }}\\r\\n
\\r\\n }\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n ({{ cardToken.CardNumber.substring(12) }})\\r\\n
\\r\\n @if(showExpiry){\\r\\n\\r\\n {{ 'payment.card.expiry.date' | translate }} {{ cardToken.ExpiryDate | UtcToLocaltimePipe : 'MM/YY' }}\\r\\n
\\r\\n }\\r\\n \\r\\n\\r\\n {{ 'payment.card.freeze.confirmation' | translate : { cardEnding: cardToken.CardNumber.substring(12) } }}\\r\\n
\\r\\n\\r\\n {{ 'payment.card.unfreeze.confirmation' | translate : { cardEnding: cardToken.CardNumber.substring(12) } }}\\r\\n
\\r\\n\\r\\n {{ 'payment.card.delete.confirmation' | translate : { cardEnding: cardToken.CardNumber.substring(12) } }}\\r\\n
\\r\\n\\r\\n {{ 'payment.card.activation.confirmation' | translate : { cardEnding: cardToken.CardNumber.substring(12) } }}\\r\\n
\\r\\n\\r\\n
\\r\\n @if(showExpiry){\\r\\n {{ 'payment.card.active' | translate }}
\\r\\n\\r\\n {{ 'payment.card.inactive' | translate }}\\r\\n
\\r\\n{{ 'payment.card.frozen' | translate }}
\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n @if(showExpiry){\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n }\\r\\n \\r\\n {{ 'payment.card.expired.label' | translate }}\\r\\n
\\r\\n }\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n ({{ cardToken.CardNumber.substring(12) }})\\r\\n
\\r\\n @if(showExpiry){\\r\\n\\r\\n {{ 'payment.card.expiry.date' | translate }} {{ cardToken.ExpiryDate | UtcToLocaltimePipe : 'MM/YY' }}\\r\\n
\\r\\n }\\r\\n \\r\\n\\r\\n {{ 'payment.card.freeze.confirmation' | translate : { cardEnding: cardToken.CardNumber.substring(12) } }}\\r\\n
\\r\\n\\r\\n {{ 'payment.card.unfreeze.confirmation' | translate : { cardEnding: cardToken.CardNumber.substring(12) } }}\\r\\n
\\r\\n\\r\\n {{ 'payment.card.delete.confirmation' | translate : { cardEnding: cardToken.CardNumber.substring(12) } }}\\r\\n
\\r\\n\\r\\n {{ 'payment.card.activation.confirmation' | translate : { cardEnding: cardToken.CardNumber.substring(12) } }}\\r\\n
\\r\\n\\r\\n {{ 'payment.cards.title' | translate }}\\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'payment.cards.title' | translate }}\\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n\", styles: [\".centered{display:flex;justify-content:center;align-items:center}\\n\"], dependencies: [{ kind: \"pipe\", type: i1.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EcashDescriptionComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-ecash-description', template: \"{{ 'payment.description.title' | translate }}
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ 'payment.description.step.one' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ 'payment.description.step.two' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n {{ 'payment.description.step.three' | translate }}
\\r\\n \\r\\n
\\r\\n
\\r\\n\", styles: [\".centered{display:flex;justify-content:center;align-items:center}\\n\"] }]\n }], ctorParameters: () => [], propDecorators: { googleIconName1: [{\n type: Input\n }], googleIconName2: [{\n type: Input\n }], googleIconName3: [{\n type: Input\n }] } });\n\nclass EcashDescriptionModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EcashDescriptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: EcashDescriptionModule, declarations: [EcashDescriptionComponent], imports: [CommonModule,\n CarouselModule,\n FGBSharedModule], exports: [EcashDescriptionComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EcashDescriptionModule, imports: [CommonModule,\n CarouselModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EcashDescriptionModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [EcashDescriptionComponent],\n imports: [\n CommonModule,\n CarouselModule,\n FGBSharedModule\n ],\n exports: [EcashDescriptionComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { EcashDescriptionComponent, EcashDescriptionModule };\n","import { Component, OnInit, ViewChild } from '@angular/core';\r\nimport {\r\n CardTokenQuery,\r\n CardToken,\r\n TransactionType,\r\n MemberQuery,\r\n MemberCard,\r\n MemberCardQuery,\r\n BalanceQuery,\r\n config,\r\n ProviderName,\r\n} from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\nimport { CardTokenListComponent } from 'src/app/modules/ecash/components/card-token-list/card-token-list.component';\r\n\r\n@Component({\r\n selector: 'fgb-bulls-pay-page',\r\n templateUrl: './bulls-pay-page.component.html',\r\n styleUrls: ['./bulls-pay-page.component.scss'],\r\n})\r\nexport class BullsPayPageComponent implements OnInit {\r\n defaultCardToken$: Observable{{ 'payment.description.title' | translate }}
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ 'payment.description.step.one' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ 'payment.description.step.two' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n {{ 'payment.description.step.three' | translate }}
\\r\\n \r\n
\r\n\r\n{{ 'bulls.pay.page.title' | translate }}
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n\r\n- \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 } from '@angular/core';\r\n\r\n@Component({\r\n templateUrl: 'bulls-pay-success-page.component.html',\r\n styleUrls: ['bulls-pay-success-page.component.scss'],\r\n selector: 'fgb-ecash-failure',\r\n})\r\nexport class BullsPaySuccessPageComponent implements OnInit {\r\n ngOnInit() {}\r\n}\r\n","{{ 'transaction.history.title' | translate }}
\r\n\r\n
\r\n","import * as i0 from '@angular/core';\nimport { Component, Input, HostListener, NgModule } from '@angular/core';\nimport { firstValueFrom } from 'rxjs';\nimport * as i1$1 from '@fgb/core';\nimport { BadgeStatus } from '@fgb/core';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport { ScorecardDescriptionComponent } from '@fgb/portal-component-library/src/lib/loyalty/scorecards';\nimport * as i1 from '@ng-bootstrap/ng-bootstrap';\nimport * as i3 from '@angular/router';\nimport { RouterModule } from '@angular/router';\nimport * as i5 from '@fgb/portal-component-library/src/lib/directives';\nimport { DirectivesModule } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i6 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i4 from '@ngx-translate/core';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass BadgeListItemComponent {\n constructor(modalService, scorecardService, router) {\n this.modalService = modalService;\n this.scorecardService = scorecardService;\n this.router = router;\n this.BadgeStatus = BadgeStatus;\n this.preventMultipleClick = false;\n this.isOpenModal = true;\n this.isSponsorInBody = false;\n this.isShowName = true;\n }\n ngOnInit() {\n this.onWindowResize(window.screen.width);\n }\n onWindowResize(event) {\n if (event > 991) {\n this.isOpenModal = true;\n }\n else {\n this.isOpenModal = false;\n }\n }\n openScorecardDescription() {\n this.isOpenModal ? this.openModal() : this.redirectComponent();\n }\n openModal() {\n const modalRef = this.modalService.open(ScorecardDescriptionComponent, {\n centered: true,\n windowClass: 'scorecard-modal-content',\n backdropClass: 'scorecard-modal-backdrop',\n });\n modalRef.componentInstance.confettiColors = this.confettiColors;\n modalRef.componentInstance.scorecardId = this.badge.ScorecardId;\n modalRef.componentInstance.isSponsorInBody = this.isSponsorInBody;\n }\n redirectComponent() {\n const initVal = {\n confettiColors: this.confettiColors,\n };\n let params = this.isSponsorInBody ? { isSponsorInBody: this.isSponsorInBody } : {};\n this.scorecardService.initDataScorecardDescription$.next(initVal);\n this.router.navigate(['/scorecard-description', this.badge.ScorecardId, params]);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeListItemComponent, deps: [{ token: i1.NgbModal }, { token: i1$1.ScorecardService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: BadgeListItemComponent, selector: \"fgbcl-badge-list-item\", inputs: { badge: \"badge\", confettiColors: \"confettiColors\", isSponsorInBody: \"isSponsorInBody\", isShowName: \"isShowName\" }, host: { listeners: { \"window:resize\": \"onWindowResize($event.target.screen.width)\" } }, ngImport: i0, template: \"\\r\\n\", styles: [\".badge-container img{height:70px}.badge-incomplete{filter:grayscale(100%)}.scorecard-label-ellipsis{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.scorecard-label-ellipsis.three-line{-webkit-line-clamp:3;line-clamp:3}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i5.ImgDefaultDirective, selector: \"img[useDefault]\", inputs: [\"src\", \"useDefault\", \"loyaltyType\"] }, { kind: \"pipe\", type: i6.ContentImagePipe, name: \"contentImage\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeListItemComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-badge-list-item', template: \"\\r\\n\", styles: [\".badge-container img{height:70px}.badge-incomplete{filter:grayscale(100%)}.scorecard-label-ellipsis{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.scorecard-label-ellipsis.three-line{-webkit-line-clamp:3;line-clamp:3}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.NgbModal }, { type: i1$1.ScorecardService }, { type: i3.Router }], propDecorators: { badge: [{\n type: Input\n }], confettiColors: [{\n type: Input\n }], isSponsorInBody: [{\n type: Input\n }], isShowName: [{\n type: Input\n }], onWindowResize: [{\n type: HostListener,\n args: ['window:resize', ['$event.target.screen.width']]\n }] } });\n\nclass BadgeOverviewListComponent {\n constructor(badgesV2Query, badgesService) {\n this.badgesV2Query = badgesV2Query;\n this.badgesService = badgesService;\n this.isList = true;\n this.showPlaceholder = false;\n this.isSponsorInBody = false;\n }\n ngOnInit() {\n firstValueFrom(this.badgesService.fetchBadgeV2(), { defaultValue: null });\n this.badgeByCategories$ = this.badgesV2Query.selectAllBadgesByCategory();\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeOverviewListComponent, deps: [{ token: i1$1.BadgesV2Query }, { token: i1$1.BadgesService }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: BadgeOverviewListComponent, selector: \"fgbcl-badge-overview-list\", inputs: { confettiColors: \"confettiColors\", showPlaceholder: \"showPlaceholder\", isSponsorInBody: \"isSponsorInBody\" }, ngImport: i0, template: \"\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n {{ 'ecash.successful.page.heading' | translate }}\r\n
\r\n\r\n \r\n\r\n
{{ 'redbulls.pay.success.message' | translate }}
\r\n\r\n \r\n
\r\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ category.Title }}\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i2.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: BadgeListItemComponent, selector: \"fgbcl-badge-list-item\", inputs: [\"badge\", \"confettiColors\", \"isSponsorInBody\", \"isShowName\"] }, { kind: \"pipe\", type: i2.AsyncPipe, name: \"async\" }, { kind: \"pipe\", type: i4.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeOverviewListComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-badge-overview-list', template: \"\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'badges.placeholder.description' | translate }}
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ category.Title }}\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [{ type: i1$1.BadgesV2Query }, { type: i1$1.BadgesService }], propDecorators: { confettiColors: [{\n type: Input\n }], showPlaceholder: [{\n type: Input\n }], isSponsorInBody: [{\n type: Input\n }] } });\n\nclass BadgeListItemModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeListItemModule, declarations: [BadgeListItemComponent], imports: [CommonModule,\n DirectivesModule,\n PipesModule], exports: [BadgeListItemComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeListItemModule, imports: [CommonModule,\n DirectivesModule,\n PipesModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeListItemModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [\n BadgeListItemComponent\n ],\n imports: [\n CommonModule,\n DirectivesModule,\n PipesModule\n ],\n exports: [\n BadgeListItemComponent\n ]\n }]\n }] });\n\nclass BadgeOverviewListModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeOverviewListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeOverviewListModule, declarations: [BadgeOverviewListComponent], imports: [CommonModule,\n BadgeListItemModule,\n FGBSharedModule], exports: [BadgeOverviewListComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeOverviewListModule, imports: [CommonModule,\n BadgeListItemModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeOverviewListModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [BadgeOverviewListComponent],\n imports: [\n CommonModule,\n BadgeListItemModule,\n FGBSharedModule\n ],\n exports: [BadgeOverviewListComponent],\n }]\n }] });\n\nclass BadgeFeaturedListComponent {\n constructor(badgesQuery, badgesService) {\n this.badgesQuery = badgesQuery;\n this.badgesService = badgesService;\n this.title = 'Badges';\n this.showTitle = true;\n this.limit = 6;\n this.link = '/badges';\n this.linkTitle = 'Show All';\n this.isList = true;\n }\n ngOnInit() {\n this.badgesService.fetchBadges().toPromise();\n this.badges$ = this.badgesQuery.selectAllCompletedBadges(this.limit);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeFeaturedListComponent, deps: [{ token: i1$1.BadgesQuery }, { token: i1$1.BadgesService }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: BadgeFeaturedListComponent, selector: \"fgbcl-badge-featured-list\", inputs: { title: \"title\", showTitle: \"showTitle\", limit: \"limit\", link: \"link\", linkTitle: \"linkTitle\", confettiColors: \"confettiColors\" }, ngImport: i0, template: \"\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'badges.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ title }}
\\r\\n\\r\\n {{ linkTitle }}\\r\\n arrow_forward_ios\\r\\n
\\r\\n \\r\\n \\r\\n
\\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 {{ linkTitle }}\\r\\n arrow_forward_ios\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n 0\\\">\\r\\n
\\r\\n\\r\\n \\r\\n = 3 ? 'justify-content-between' : 'justify-content-around'\\\"\\r\\n >\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n close\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'badge.achieved.title' | translate }}\\r\\n ({{ numberOfCompleted$ | async }})\\r\\n
\\r\\n 0\\\">\\r\\n
\\r\\n\\r\\n \\r\\n = 3 ? 'justify-content-between' : 'justify-content-around'\\\"\\r\\n >\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n close\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'badge.achieved.title' | translate }}\\r\\n ({{ numberOfCompleted$ | async }})\\r\\n
\\r\\n\r\n
\r\n{{ 'badge.banner' | translate }}
\r\n\r\n \r\n
\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 } from '@angular/core';\r\nimport { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\n\r\n@Component({\r\n selector: 'fgb-badges-page',\r\n templateUrl: './badges-page.component.html',\r\n styleUrls: ['./badges-page.component.scss'],\r\n})\r\nexport class BadgesPageComponent implements OnInit {\r\n screenSize = ScreenType;\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 \r\n
\r\n \r\n chevron_left\r\n {{ 'claimed.back.to.wallet' | translate }}\r\n
\r\n \r\n {{ 'wallet.redeemed.title' | translate }}
\r\n \r\n\r\n
\r\n\r\n
\r\n \r\n {{ 'claimed.rewards.placeholder.description' | translate }}\r\n
\r\n \r\n
\r\n \r\n
\r\n","import { Component, Inject, OnDestroy, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { CampaignEntitlements, CampaignOffersQuery, CampaignOffersService, DATE_OPTIONS, DateOptions } from '@fgb/core';\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fgb-campaign-details-page',\r\n templateUrl: './campaign-details-page.component.html',\r\n styleUrls: ['./campaign-details-page.component.scss'],\r\n})\r\nexport class CampaignDetailsPageComponent implements OnInit, OnDestroy {\r\n currentCampaign: CampaignEntitlements;\r\n campaignOffferSub: Subscription;\r\n\r\n constructor(\r\n @Inject(DATE_OPTIONS) public dateOption: DateOptions,\r\n private route: ActivatedRoute,\r\n private campaignOffersService: CampaignOffersService,\r\n private campaignOffersQuery: CampaignOffersQuery\r\n ) {}\r\n\r\n ngOnInit() {\r\n let offerId = +(this.route.snapshot.paramMap.get('offerId') || '0');\r\n this._updateOffer(offerId);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.campaignOffferSub.unsubscribe();\r\n }\r\n\r\n _updateOffer(offerId: number) {\r\n if (!!offerId) {\r\n this.campaignOffersService\r\n .fetchOffers()\r\n .toPromise()\r\n .then(() => {\r\n this.campaignOffferSub = this.campaignOffersQuery.selectFirst().subscribe((campaignOffer) => {\r\n if (campaignOffer) {\r\n for (let entitlement of campaignOffer?.CampaignsAndEntitlements) {\r\n if (entitlement.CampaignID === offerId) {\r\n this.currentCampaign = entitlement;\r\n break;\r\n }\r\n }\r\n }\r\n });\r\n });\r\n }\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'fgb-marketplace-wallet-page',\r\n templateUrl: './marketplace-wallet-page.component.html',\r\n styleUrls: ['./marketplace-wallet-page.component.scss'],\r\n})\r\nexport class MarketplaceWalletPageComponent implements OnInit {\r\n constructor(private route: ActivatedRoute) {}\r\n id: number;\r\n ngOnInit() {\r\n this.id = +(this.route.snapshot.paramMap.get('id') || 0);\r\n }\r\n}\r\n","\r\n
\r\n \r\n \r\n keyboard_arrow_left\r\n {{ 'campaign.back.to.wallet' | translate }}\r\n
\r\n \r\n \r\n
\r\n \r\n {{ currentCampaign.CampaignName }}
\r\n \r\n \r\n {{ 'offer.expiry' | translate }} {{ currentCampaign.Campaign_ExpiryDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\r\n
\r\n \r\n \r\n \r\n
{{ currentCampaign.PortalDescription }}
\r\n\r\n
\r\n","import { Component, OnInit, OnDestroy } from '@angular/core';\r\nimport { RegistrationStepQuery, RegistrationStepService, LoggingService, StepType, WizardType } from '@fgb/core';\r\nimport { ActivatedRoute, Router, NavigationEnd } from '@angular/router';\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fgb-registration-layout-page',\r\n templateUrl: './registration-layout-page.component.html',\r\n styleUrls: ['./registration-layout-page.component.scss']\r\n})\r\nexport class RegistrationLayoutPageComponent implements OnInit, OnDestroy {\r\n wizardType?: WizardType | undefined;\r\n wizardTypes = WizardType;\r\n private routerSubscription: Subscription;\r\n private wizardTypeSubscription: Subscription;\r\n\r\n constructor(\r\n private registrationStepQuery: RegistrationStepQuery,\r\n private registrationStepService: RegistrationStepService,\r\n private logService: LoggingService,\r\n private router: Router,\r\n private route: ActivatedRoute\r\n ) {}\r\n\r\n ngOnInit() {\r\n this.wizardTypeSubscription = this.registrationStepQuery.selectWizardType().subscribe(wizardType => {\r\n this.wizardType = wizardType;\r\n })\r\n\r\n // Check once initially to make sure the initial step is one we should be able to get to.\r\n this.checkCurrentStepIsAccessible();\r\n\r\n this.routerSubscription = this.router.events.subscribe(event => {\r\n if (event instanceof NavigationEnd) {\r\n // Navigation has finished on a new step so we should check that it is one we should be able to get to.\r\n this.checkCurrentStepIsAccessible();\r\n }\r\n });\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (this.routerSubscription) {\r\n this.routerSubscription.unsubscribe();\r\n }\r\n\r\n if (this.wizardTypeSubscription) {\r\n this.wizardTypeSubscription.unsubscribe();\r\n }\r\n }\r\n\r\n /**\r\n * Checks if the step type configured in the app routing module for the current route is a step that is part of\r\n * the current registration process. If not then it redirects to the correct next step for the user to complete.\r\n */\r\n private checkCurrentStepIsAccessible(): void {\r\n this.logService.debug('Checking if the current activated route is accessible in the current registration process...');\r\n\r\n const firstRouteChild = this.route.snapshot.firstChild;\r\n if (!firstRouteChild) {\r\n this.logService.debug('Activated route does not have a child route - failed to determine step type of the route.');\r\n return;\r\n }\r\n\r\n const stepType: StepType = firstRouteChild.data.registrationStep;\r\n if (!stepType) {\r\n this.logService.debug('No step type found for the activated route.', this.route.snapshot);\r\n return;\r\n }\r\n\r\n const stepInRegistration: boolean = this.registrationStepQuery.isStepAvailable(stepType);\r\n if (!stepInRegistration) {\r\n this.logService.warning('This registration step is not available as part of the current registration process.', stepType);\r\n this.registrationStepService.navigateToNextStep();\r\n return;\r\n }\r\n\r\n this.logService.debug('Step type is accessible in the current registration process', stepType);\r\n }\r\n}\r\n","\r\n \r\n
\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'fgb-challenges-page',\r\n templateUrl: './challenges-page.component.html',\r\n styleUrl: './challenges-page.component.scss',\r\n})\r\nexport class ChallengesPageComponent {}\r\n","\r\n \r\n
\r\n\r\n
\r\n\r\n{{ 'challenges.page.title' | translate }}
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n \r\n
\r\n","/** A list of helpful regular expressions to keep validation consistent throughout the site. */\r\nexport class Regex {\r\n /** Validates an email address. */\r\n static email = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n\r\n /** Validates a post code. */\r\n static postCode = /^\\d{5}$/;\r\n\r\n /** Validates a gender input field. */\r\n static gender = /^(M|F|O)$/;\r\n\r\n /** Validates a number input field */\r\n static number = /^\\d+$/;\r\n\r\n /** Validates currency for transfers */\r\n static currency = /^[0-9]+(\\.[0-9]{1,2})?$/;\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport {\r\n BalanceQuery,\r\n CardToken,\r\n CardTokenQuery,\r\n config,\r\n MemberDetails,\r\n MemberQuery,\r\n ProviderName,\r\n TransactionType,\r\n} from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\nimport { Populations } from 'src/app/shared/utilities/populations';\r\nimport { Regex } from 'src/app/shared/utilities/regex';\r\n\r\n@Component({\r\n templateUrl: './payment-page.component.html',\r\n styleUrls: ['./payment-page.component.scss'],\r\n})\r\nexport class PaymentPageComponent implements OnInit {\r\n defaultCardToken$: Observable\r\n
\r\n\r\n\r\n
\r\n","import { NgModule } from '@angular/core';\r\nimport { RouterModule, Routes } from '@angular/router';\r\nimport {\r\n AuthGuard,\r\n PopulationGuard,\r\n //StepType,\r\n MemberResolver,\r\n LottoResolver,\r\n AuctionResolver,\r\n MemberCardResolver,\r\n BalanceResolver,\r\n PurchaseResolver,\r\n AddressBookResolver,\r\n CardTokenResolver,\r\n FantasyGameResolver,\r\n SurveyResolver,\r\n //RegistrationStepResolver,\r\n LottoWalletResolver,\r\n AuctionBidsResolver,\r\n AddressResolver,\r\n TransactionSuccessGuard,\r\n SeatingDetailResolver,\r\n CountryResolver,\r\n MemberLoyaltyStatusResolver,\r\n PortalProductsSubscriptionsResolver,\r\n PopUpNotificationResolver,\r\n MaintenanceGuard,\r\n firstTimeUserGuard,\r\n groupedWalletResolver,\r\n PreviewResolver,\r\n //MaintenanceGuard,\r\n} from '@fgb/core';\r\n\r\n// General\r\nimport { MasterPageComponent } from './pages/master/master-page/master-page.component';\r\nimport { HomePageComponent } from './pages/home-page/home-page.component';\r\nimport { FaqPageComponent } from './pages/faq-page/faq-page.component';\r\nimport { ContactUsPageComponent } from './pages/contact-us-page/contact-us-page.component';\r\nimport { TermsPageComponent } from './pages/terms-page/terms-page.component';\r\nimport { NotFoundPageComponent } from './pages/not-found-page/not-found-page.component';\r\n// Loyalty\r\nimport { RewardsLayoutComponent } from './pages/rewards-layout/rewards-layout.component';\r\nimport { RewardsPageComponent } from './pages/rewards-page/rewards-page.component';\r\nimport { AuctionDetailPageComponent } from './pages/auction-detail-page/auction-detail-page.component';\r\nimport { MarketplaceDetailPageComponent } from './pages/marketplace-detail-page/marketplace-detail-page.component';\r\nimport { MarketplacePurchaseSuccessPageComponent } from './pages/marketplace-page/marketplace-purchase-success-page/marketplace-purchase-success-page.component';\r\nimport { LottoDetailPageComponent } from './pages/lotto-detail-page/lotto-detail-page.component';\r\nimport { LottosSuccessPageComponent } from './pages/lottos-page/lottos-success-page/lottos-success-page.component';\r\nimport { EventsPageComponent } from './pages/events-page/events-page.component';\r\nimport { WalletPageComponent } from './pages/wallet-page/wallet-page.component';\r\nimport { GamesLayoutComponent } from './pages/games-layout/games-layout.component';\r\nimport { GamesPageComponent } from './pages/games-page/games-page.component';\r\nimport { PredictorPageComponent } from './pages/predictor-page/predictor-page.component';\r\nimport { PollsPageComponent } from './pages/polls-page/polls-page.component';\r\nimport { AuctionBidDetailsPageComponent } from './pages/auction-bid-details-page/auction-bid-details-page.component';\r\nimport { LottoWalletDetailsPageComponent } from './pages/lotto-wallet-details-page/lotto-wallet-details-page.component';\r\nimport { QuizPageComponent } from './pages/quiz-page/quiz-page.component';\r\nimport { ProductsPageComponent } from './pages/products-page/products-page.component';\r\n\r\n// Account\r\nimport { AccountDetailsPageComponent } from './pages/account-details-page/account-details-page.component';\r\nimport { ActivityPageComponent } from './pages/activity-page/activity-page.component';\r\n// Ecash\r\nimport { EcashSuccessPageComponent } from './pages/ecash-page/ecash-success-page/ecash-success-page.component';\r\nimport { EcashFailurePageComponent } from './pages/ecash-page/ecash-failure-page/ecash-failure-page.component';\r\nimport { EcashResultPageComponent } from './pages/ecash-page/ecash-result-page/ecash-result-page.component';\r\nimport { EcashHistoryPageComponent } from './pages/ecash-history/ecash-history.component';\r\n// Portal Products\r\nimport { PortalProductSuccessPageComponent } from './pages/portal-products-pages/portal-product-success-page/portal-product-success-page.component';\r\nimport { PortalProductFailurePageComponent } from './pages/portal-products-pages/portal-product-failure-page/portal-product-failure-page.component';\r\nimport { PortalProductResultsPageComponent } from './pages/portal-products-pages/portal-product-results-page/portal-product-results-page.component';\r\n// Events & Tickets\r\nimport { ContactsPageComponent } from './pages/contacts-page/contacts-page.component';\r\n\r\n// Unauthenticated\r\nimport { AuthCallbackComponent } from './modules/user/components/auth/auth-callback/auth-callback.component';\r\nimport { LoginPageComponent } from './pages/login-page/login-page.component';\r\nimport { LoginAccountsPageComponent } from './pages/login-accounts-page/login-accounts-page.component';\r\nimport { SingleSignOnComponent } from './modules/user/components/single-sign-on/single-sign-on.component';\r\nimport { MaintenancePageComponent } from './pages/maintenance-page/maintenance-page.component';\r\n// Registration\r\n\r\n// Population Pages\r\nimport { TestPopHomePageComponent } from './pages/test-pop-home-page/test-pop-home-page.component';\r\n// Club Pages\r\nimport { EarnPageComponent } from './pages/earn-page/earn-page.component';\r\nimport { AuctionBidsPageComponent } from './pages/auction-bids-page/auction-bids-page.component';\r\n// Partners Pages\r\n\r\nimport { LottosTermsPageComponent } from './pages/lottos-terms-page/lottos-terms-page.component';\r\nimport { MarketplaceTermsPageComponent } from './pages/marketplace-terms-page/marketplace-terms-page.component';\r\nimport { TmCallbackComponent } from './shared/components/manage-tickets/tm-callback/tm-callback.component';\r\nimport { TmAuthCallbackComponent } from './shared/components/providers/tm/tm-auth-callback/tm-auth-callback.component';\r\nimport { ZoomMeetingPageComponent } from './pages/zoom-meeting-page/zoom-meeting-page.component';\r\nimport { V1SingleSignOnComponent } from './modules/user/components/v1-single-sign-on/v1-single-sign-on.component';\r\nimport { SubscriptionsPageComponent } from './pages/subscriptions-page/subscriptions-page.component';\r\nimport { CartCheckoutPagePortalProductsComponent } from './pages/cart-checkout-page-portal-products/cart-checkout-page-portal-products.component';\r\nimport { CartCheckoutPageComponent } from './pages/cart-checkout-page/cart-checkout-page.component';\r\n// Offer Pages\r\nimport { CartCheckoutResultsPageComponent } from './pages/cart-checkout-page/cart-checkout-results-page/cart-checkout-results-page.component';\r\nimport { CartCheckoutSuccessPageComponent } from './pages/cart-checkout-page/cart-checkout-success-page/cart-checkout-success-page.component';\r\nimport { SportsAllianceCallbackComponent } from './shared/components/providers/sports-alliance/sports-alliance-callback/sports-alliance-callback.component';\r\nimport { SweepstakeRulesComponent } from './pages/sweepstake-rules/sweepstake-rules.component';\r\nimport { BullsPayPageComponent } from './pages/bulls-pay-page/bulls-pay-page.component';\r\nimport { BullsPaySuccessPageComponent } from './pages/bulls-pay-page/ecash-failure-page/bulls-pay-success-page.component';\r\nimport { BadgesPageComponent } from './pages/badges-page/badges-page.component';\r\nimport { WalletClaimedPageComponent } from './pages/wallet-claimed-page/wallet-claimed-page.component';\r\nimport { CampaignDetailsPageComponent } from './pages/campaign-details-page/campaign-details-page.component';\r\nimport { MarketplaceWalletPageComponent } from './pages/marketplace-wallet-page/marketplace-wallet-page.component';\r\nimport { RegistrationLayoutPageComponent } from './modules/registration/pages/registration-layout-page/registration-layout-page.component';\r\nimport { provideRegistrationConfig } from '@fgb/portal-component-library/src/lib/registration';\r\nimport { ScorecardDescriptionComponent } from '@fgb/portal-component-library/src/lib/loyalty/scorecards';\r\nimport { ChallengesPageComponent } from './pages/challenges-page/challenges-page.component';\r\nimport { PaymentPageComponent } from './pages/payment-page/payment-page.component';\r\n\r\nconst routes: Routes = [\r\n {\r\n path: '',\r\n canActivate: [AuthGuard, firstTimeUserGuard()],\r\n canActivateChild: [MaintenanceGuard],\r\n component: MasterPageComponent,\r\n resolve: {\r\n member: MemberResolver,\r\n memberCard: MemberCardResolver,\r\n balances: BalanceResolver,\r\n popupNotifications: PopUpNotificationResolver,\r\n cardToken: CardTokenResolver,\r\n surveys: SurveyResolver,\r\n },\r\n children: [\r\n {\r\n path: '',\r\n canActivate: [PopulationGuard],\r\n data: {\r\n exclude: ['testPop'],\r\n popRedirect: 'test',\r\n },\r\n component: HomePageComponent,\r\n resolve: {\r\n surveys: SurveyResolver,\r\n },\r\n },\r\n\r\n {\r\n path: 'test',\r\n canActivate: [PopulationGuard],\r\n data: {\r\n include: ['testPop'],\r\n popRedirect: '',\r\n },\r\n component: TestPopHomePageComponent,\r\n },\r\n\r\n {\r\n path: 'rewards',\r\n component: RewardsLayoutComponent,\r\n children: [\r\n {\r\n path: '',\r\n component: RewardsPageComponent,\r\n },\r\n {\r\n path: 'auctions',\r\n children: [\r\n {\r\n path: '',\r\n redirectTo: '/rewards',\r\n pathMatch: 'full'\r\n },\r\n {\r\n path: 'details/:id',\r\n resolve: {\r\n balances: BalanceResolver,\r\n auctions: AuctionResolver,\r\n },\r\n component: AuctionDetailPageComponent,\r\n },\r\n ],\r\n },\r\n {\r\n path: 'marketplace',\r\n children: [\r\n {\r\n path: '',\r\n redirectTo: '/rewards',\r\n pathMatch: 'full'\r\n },\r\n {\r\n path: 'details/:id',\r\n children: [\r\n {\r\n path: '',\r\n resolve: {\r\n balances: BalanceResolver,\r\n cardTokens: CardTokenResolver,\r\n country: CountryResolver,\r\n },\r\n component: MarketplaceDetailPageComponent,\r\n },\r\n {\r\n path: 'terms',\r\n component: MarketplaceTermsPageComponent,\r\n },\r\n ],\r\n },\r\n {\r\n path: 'purchase/success',\r\n canActivate: [TransactionSuccessGuard],\r\n component: MarketplacePurchaseSuccessPageComponent,\r\n resolve: {\r\n balances: BalanceResolver,\r\n purchase: PurchaseResolver,\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n path: 'events',\r\n component: EventsPageComponent,\r\n },\r\n {\r\n path: 'products',\r\n component: ProductsPageComponent,\r\n },\r\n {\r\n path: 'raffles',\r\n children: [\r\n {\r\n path: '',\r\n redirectTo: '/rewards',\r\n pathMatch: 'full'\r\n },\r\n {\r\n path: 'details/:id',\r\n children: [\r\n {\r\n path: '',\r\n resolve: { balances: BalanceResolver, lottos: LottoResolver },\r\n component: LottoDetailPageComponent,\r\n },\r\n {\r\n path: 'terms',\r\n component: LottosTermsPageComponent,\r\n resolve: { lottos: LottoResolver },\r\n },\r\n ],\r\n },\r\n {\r\n path: 'purchase/success',\r\n canActivate: [TransactionSuccessGuard],\r\n component: LottosSuccessPageComponent,\r\n },\r\n ],\r\n },\r\n {\r\n path: 'wallet',\r\n children: [\r\n {\r\n path: '',\r\n component: WalletPageComponent,\r\n },\r\n {\r\n path: 'details/:id',\r\n component: MarketplaceWalletPageComponent,\r\n resolve: { purchases: PurchaseResolver },\r\n },\r\n {\r\n path: 'raffledetails/:id',\r\n component: LottoWalletDetailsPageComponent,\r\n resolve: { lottoWalletItems: LottoWalletResolver },\r\n },\r\n ],\r\n resolve: {\r\n walletItems: groupedWalletResolver({ redeemed: false})\r\n },\r\n },\r\n {\r\n path: 'claimed',\r\n children: [\r\n {\r\n path: '',\r\n component: WalletClaimedPageComponent,\r\n resolve: {\r\n purchases: PurchaseResolver,\r\n lottoWalletItems: LottoWalletResolver,\r\n auctionBids: AuctionBidsResolver,\r\n },\r\n },\r\n ],\r\n resolve: {\r\n walletItems: groupedWalletResolver({ redeemed: true})\r\n }\r\n },\r\n {\r\n path: 'bids',\r\n children: [\r\n {\r\n path: '',\r\n component: AuctionBidsPageComponent,\r\n resolve: { bids: AuctionBidsResolver },\r\n },\r\n {\r\n path: 'details/:id',\r\n component: AuctionBidDetailsPageComponent,\r\n resolve: { bids: AuctionBidsResolver },\r\n },\r\n ],\r\n resolve: {\r\n walletItems: groupedWalletResolver({ redeemed: true})\r\n }\r\n },\r\n ],\r\n },\r\n {\r\n path: 'account',\r\n component: AccountDetailsPageComponent,\r\n resolve: {\r\n member: MemberResolver,\r\n balances: BalanceResolver,\r\n seating: SeatingDetailResolver,\r\n memberLoyaltyStatus: MemberLoyaltyStatusResolver,\r\n },\r\n },\r\n { path: 'challenges', component: ChallengesPageComponent },\r\n { path: 'scorecard-description/:id', component: ScorecardDescriptionComponent },\r\n { path: 'activity', component: ActivityPageComponent },\r\n {\r\n path: 'ecash',\r\n resolve: { balances: BalanceResolver, cardTokens: CardTokenResolver },\r\n children: [\r\n { path: '', component: BullsPayPageComponent },\r\n {\r\n path: 'success',\r\n resolve: { balances: BalanceResolver },\r\n component: EcashSuccessPageComponent,\r\n },\r\n { path: 'failure', component: EcashFailurePageComponent },\r\n { path: 'result', component: EcashResultPageComponent },\r\n ],\r\n },\r\n {\r\n path: 'payment',\r\n resolve: { balances: BalanceResolver, cardTokens: CardTokenResolver },\r\n children: [{ path: '', component: PaymentPageComponent }],\r\n },\r\n {\r\n path: 'ecashhistory',\r\n resolve: {\r\n balances: BalanceResolver,\r\n cardTokens: CardTokenResolver,\r\n memberCard: MemberCardResolver,\r\n member: MemberResolver,\r\n },\r\n component: EcashHistoryPageComponent,\r\n },\r\n {\r\n path: 'portalproducts',\r\n resolve: { balances: BalanceResolver, cardTokens: CardTokenResolver },\r\n children: [\r\n {\r\n path: 'success',\r\n resolve: { balances: BalanceResolver },\r\n component: PortalProductSuccessPageComponent,\r\n },\r\n { path: 'failure', component: PortalProductFailurePageComponent },\r\n { path: 'result', component: PortalProductResultsPageComponent },\r\n ],\r\n },\r\n {\r\n path: 'cardtoken',\r\n children: [\r\n { path: 'success', component: BullsPaySuccessPageComponent },\r\n { path: 'failure', component: EcashFailurePageComponent },\r\n { path: 'result', component: EcashResultPageComponent },\r\n ],\r\n },\r\n\r\n {\r\n path: 'campaign',\r\n children: [\r\n {\r\n path: 'details/:offerId',\r\n component: CampaignDetailsPageComponent,\r\n },\r\n ],\r\n },\r\n\r\n { path: 'faqs', component: FaqPageComponent },\r\n { path: 'terms', component: TermsPageComponent },\r\n { path: 'contact-us', component: ContactUsPageComponent },\r\n { path: 'badges', component: BadgesPageComponent },\r\n { path: 'sweepstakeofficialrules', component: SweepstakeRulesComponent },\r\n\r\n {\r\n path: 'contacts',\r\n component: ContactsPageComponent,\r\n resolve: { addressBookResolver: AddressBookResolver },\r\n },\r\n {\r\n path: 'games',\r\n resolve: {\r\n surveys: SurveyResolver,\r\n games: FantasyGameResolver,\r\n },\r\n component: GamesLayoutComponent,\r\n children: [\r\n { path: '', component: GamesPageComponent },\r\n { path: 'predictor', component: PredictorPageComponent },\r\n { path: 'polls', component: PollsPageComponent },\r\n { path: 'quiz', component: QuizPageComponent },\r\n ],\r\n },\r\n // Club Pages\r\n {\r\n path: 'checkout',\r\n children: [\r\n {\r\n path: '',\r\n component: CartCheckoutPageComponent,\r\n resolve: {\r\n member: MemberResolver,\r\n address: AddressResolver,\r\n country: CountryResolver,\r\n },\r\n },\r\n {\r\n path: 'success',\r\n component: CartCheckoutSuccessPageComponent,\r\n },\r\n {\r\n path: 'results',\r\n component: CartCheckoutResultsPageComponent,\r\n },\r\n ],\r\n resolve: {\r\n address: AddressResolver,\r\n },\r\n },\r\n\r\n {\r\n path: 'subscriptions',\r\n children: [\r\n {\r\n path: '',\r\n component: SubscriptionsPageComponent,\r\n resolve: {\r\n subscriptions: PortalProductsSubscriptionsResolver,\r\n address: AddressResolver,\r\n },\r\n },\r\n {\r\n path: 'checkout',\r\n component: CartCheckoutPagePortalProductsComponent,\r\n resolve: {\r\n subscriptions: PortalProductsSubscriptionsResolver,\r\n address: AddressResolver,\r\n country: CountryResolver,\r\n member: MemberResolver,\r\n },\r\n },\r\n ],\r\n },\r\n { path: 'earn', component: EarnPageComponent },\r\n\r\n { path: '404page', component: NotFoundPageComponent },\r\n { path: 'signin-ticketmaster', component: TmCallbackComponent },\r\n ],\r\n },\r\n {\r\n path: 'zoom/:purchaseId',\r\n component: ZoomMeetingPageComponent,\r\n resolve: { member: MemberResolver, purchases: PurchaseResolver },\r\n },\r\n { path: '', redirectTo: 'login', pathMatch: 'full' },\r\n { path: 'login', component: LoginPageComponent, resolve: { preview: PreviewResolver }, canActivate: [MaintenanceGuard] },\r\n { path: 'login/accounts', component: LoginAccountsPageComponent },\r\n {\r\n path: 'register',\r\n component: RegistrationLayoutPageComponent,\r\n loadChildren: () => import('@fgb/portal-component-library/src/lib/registration').then((m) => m.RegistrationModule),\r\n providers: [\r\n provideRegistrationConfig()\r\n ]\r\n },\r\n { path: 'callback', component: AuthCallbackComponent },\r\n { path: 'sso', component: SingleSignOnComponent },\r\n { path: 'login/singleSignOn/:providerId', component: SingleSignOnComponent },\r\n { path: 'login/ss/login.aspx', component: V1SingleSignOnComponent },\r\n { path: 'maintenance', component: MaintenancePageComponent, resolve: { preview: PreviewResolver } },\r\n { path: 'tm-auth-callback', component: TmAuthCallbackComponent },\r\n { path: 'sa-callback', component: SportsAllianceCallbackComponent },\r\n { path: '**', redirectTo: '404page' },\r\n];\r\n\r\n@NgModule({\r\n imports: [RouterModule.forRoot(routes, { scrollPositionRestoration: 'enabled', bindToComponentInputs: true, })],\r\n exports: [RouterModule],\r\n})\r\nexport class AppRoutingModule {}\r\n","import * as i0 from '@angular/core';\nimport { inject, NgZone, EventEmitter, PLATFORM_ID, Component, ChangeDetectionStrategy, ViewEncapsulation, Inject, Input, Output, Directive, ContentChildren, NgModule, Injectable } from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport { BehaviorSubject, Observable, Subject, combineLatest } from 'rxjs';\nimport { switchMap, take, map, takeUntil } from 'rxjs/operators';\n\n/** Manages event on a Google Maps object, ensuring that events are added only when necessary. */\nclass MapEventManager {\n /** Clears all currently-registered event listeners. */\n _clearListeners() {\n for (const listener of this._listeners) {\n listener.remove();\n }\n this._listeners = [];\n }\n constructor(_ngZone) {\n this._ngZone = _ngZone;\n /** Pending listeners that were added before the target was set. */\n this._pending = [];\n this._listeners = [];\n this._targetStream = new BehaviorSubject(undefined);\n }\n /** Gets an observable that adds an event listener to the map when a consumer subscribes to it. */\n getLazyEmitter(name) {\n return this._targetStream.pipe(switchMap(target => {\n const observable = new Observable(observer => {\n // If the target hasn't been initialized yet, cache the observer so it can be added later.\n if (!target) {\n this._pending.push({ observable, observer });\n return undefined;\n }\n const listener = target.addListener(name, (event) => {\n this._ngZone.run(() => observer.next(event));\n });\n // If there's an error when initializing the Maps API (e.g. a wrong API key), it will\n // return a dummy object that returns `undefined` from `addListener` (see #26514).\n if (!listener) {\n observer.complete();\n return undefined;\n }\n this._listeners.push(listener);\n return () => listener.remove();\n });\n return observable;\n }));\n }\n /** Sets the current target that the manager should bind events to. */\n setTarget(target) {\n const currentTarget = this._targetStream.value;\n if (target === currentTarget) {\n return;\n }\n // Clear the listeners from the pre-existing target.\n if (currentTarget) {\n this._clearListeners();\n this._pending = [];\n }\n this._targetStream.next(target);\n // Add the listeners that were bound before the map was initialized.\n this._pending.forEach(subscriber => subscriber.observable.subscribe(subscriber.observer));\n this._pending = [];\n }\n /** Destroys the manager and clears the event listeners. */\n destroy() {\n this._clearListeners();\n this._pending = [];\n this._targetStream.complete();\n }\n}\n\n/// \r\n \r\n
\r\n \r\n ![](\"/assets/images/payment-icons/chase.png\")
\r\n
\r\n {{ 'payment.cards.title' | translate }}
\r\n Powered By: \r\n \r\n \r\n
\r\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n{{ 'auction.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n{{ 'auction.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n{{ 'lotto.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n{{ 'lotto.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\nhttp://example.com#/foo,\n * and `PathLocationStrategy` produces\n * http://example.com/foo as an equivalent URL.\n *\n * See these two classes for more.\n *\n * @publicApi\n */\nclass LocationStrategy {\n historyGo(relativePosition) {\n throw new Error(ngDevMode ? 'Not implemented' : '');\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: LocationStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }\n static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: LocationStrategy, providedIn: 'root', useFactory: () => inject(PathLocationStrategy) }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: LocationStrategy, decorators: [{\n type: Injectable,\n args: [{ providedIn: 'root', useFactory: () => inject(PathLocationStrategy) }]\n }] });\n/**\n * A predefined [DI token](guide/glossary#di-token) for the base href\n * to be used with the `PathLocationStrategy`.\n * The base href is the URL prefix that should be preserved when generating\n * and recognizing URLs.\n *\n * @usageNotes\n *\n * The following example shows how to use this token to configure the root app injector\n * with a base href value, so that the DI framework can supply the dependency anywhere in the app.\n *\n * ```typescript\n * import {NgModule} from '@angular/core';\n * import {APP_BASE_HREF} from '@angular/common';\n *\n * @NgModule({\n * providers: [{provide: APP_BASE_HREF, useValue: '/my/app'}]\n * })\n * class AppModule {}\n * ```\n *\n * @publicApi\n */\nconst APP_BASE_HREF = new InjectionToken(ngDevMode ? 'appBaseHref' : '');\n/**\n * @description\n * A {@link LocationStrategy} used to configure the {@link Location} service to\n * represent its state in the\n * [path](https://en.wikipedia.org/wiki/Uniform_Resource_Locator#Syntax) of the\n * browser's URL.\n *\n * If you're using `PathLocationStrategy`, you may provide a {@link APP_BASE_HREF}\n * or add a `Content to render when condition is true.
\n * ```\n *\n * Simple form with expanded syntax:\n *\n * ```\n * Content to render when condition is\n * true.
Content to render when condition is true.
\n * {{value}}
\n * \n * ...\n *
\n *\n * Loading...
\n * \n * ...\n *
\n * Loading...
\n * \n *
`\n * })\n * // Get the current date and time as a date-time value.\n * export class DatePipeComponent {\n * today: number = Date.now();\n * }\n * ```\n *\n * @publicApi\n */\n// clang-format on\nclass DatePipe {\n constructor(locale, defaultTimezone, defaultOptions) {\n this.locale = locale;\n this.defaultTimezone = defaultTimezone;\n this.defaultOptions = defaultOptions;\n }\n transform(value, format, timezone, locale) {\n if (value == null || value === '' || value !== value)\n return null;\n try {\n const _format = format ?? this.defaultOptions?.dateFormat ?? DEFAULT_DATE_FORMAT;\n const _timezone = timezone ?? this.defaultOptions?.timezone ?? this.defaultTimezone ?? undefined;\n return formatDate(value, _format, locale || this.locale, _timezone);\n }\n catch (error) {\n throw invalidPipeArgumentError(DatePipe, error.message);\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: DatePipe, deps: [{ token: LOCALE_ID }, { token: DATE_PIPE_DEFAULT_TIMEZONE, optional: true }, { token: DATE_PIPE_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.3.12\", ngImport: i0, type: DatePipe, isStandalone: true, name: \"date\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: DatePipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'date',\n standalone: true,\n }]\n }], ctorParameters: () => [{ type: undefined, decorators: [{\n type: Inject,\n args: [LOCALE_ID]\n }] }, { type: undefined, decorators: [{\n type: Inject,\n args: [DATE_PIPE_DEFAULT_TIMEZONE]\n }, {\n type: Optional\n }] }, { type: undefined, decorators: [{\n type: Inject,\n args: [DATE_PIPE_DEFAULT_OPTIONS]\n }, {\n type: Optional\n }] }] });\n\nconst _INTERPOLATION_REGEXP = /#/g;\n/**\n * @ngModule CommonModule\n * @description\n *\n * Maps a value to a string that pluralizes the value according to locale rules.\n *\n * @usageNotes\n *\n * ### Example\n *\n * {@example common/pipes/ts/i18n_pipe.ts region='I18nPluralPipeComponent'}\n *\n * @publicApi\n */\nclass I18nPluralPipe {\n constructor(_localization) {\n this._localization = _localization;\n }\n /**\n * @param value the number to be formatted\n * @param pluralMap an object that mimics the ICU format, see\n * https://unicode-org.github.io/icu/userguide/format_parse/messages/.\n * @param locale a `string` defining the locale to use (uses the current {@link LOCALE_ID} by\n * default).\n */\n transform(value, pluralMap, locale) {\n if (value == null)\n return '';\n if (typeof pluralMap !== 'object' || pluralMap === null) {\n throw invalidPipeArgumentError(I18nPluralPipe, pluralMap);\n }\n const key = getPluralCategory(value, Object.keys(pluralMap), this._localization, locale);\n return pluralMap[key].replace(_INTERPOLATION_REGEXP, value.toString());\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: I18nPluralPipe, deps: [{ token: NgLocalization }], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.3.12\", ngImport: i0, type: I18nPluralPipe, isStandalone: true, name: \"i18nPlural\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: I18nPluralPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'i18nPlural',\n standalone: true,\n }]\n }], ctorParameters: () => [{ type: NgLocalization }] });\n\n/**\n * @ngModule CommonModule\n * @description\n *\n * Generic selector that displays the string that matches the current value.\n *\n * If none of the keys of the `mapping` match the `value`, then the content\n * of the `other` key is returned when present, otherwise an empty string is returned.\n *\n * @usageNotes\n *\n * ### Example\n *\n * {@example common/pipes/ts/i18n_pipe.ts region='I18nSelectPipeComponent'}\n *\n * @publicApi\n */\nclass I18nSelectPipe {\n /**\n * @param value a string to be internationalized.\n * @param mapping an object that indicates the text that should be displayed\n * for different values of the provided `value`.\n */\n transform(value, mapping) {\n if (value == null)\n return '';\n if (typeof mapping !== 'object' || typeof value !== 'string') {\n throw invalidPipeArgumentError(I18nSelectPipe, mapping);\n }\n if (mapping.hasOwnProperty(value)) {\n return mapping[value];\n }\n if (mapping.hasOwnProperty('other')) {\n return mapping['other'];\n }\n return '';\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: I18nSelectPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.3.12\", ngImport: i0, type: I18nSelectPipe, isStandalone: true, name: \"i18nSelect\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: I18nSelectPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'i18nSelect',\n standalone: true,\n }]\n }] });\n\n/**\n * @ngModule CommonModule\n * @description\n *\n * Converts a value into its JSON-format representation. Useful for debugging.\n *\n * @usageNotes\n *\n * The following component uses a JSON pipe to convert an object\n * to JSON format, and displays the string in both formats for comparison.\n *\n * {@example common/pipes/ts/json_pipe.ts region='JsonPipe'}\n *\n * @publicApi\n */\nclass JsonPipe {\n /**\n * @param value A value of any type to convert into a JSON-format string.\n */\n transform(value) {\n return JSON.stringify(value, null, 2);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: JsonPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.3.12\", ngImport: i0, type: JsonPipe, isStandalone: true, name: \"json\", pure: false }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: JsonPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'json',\n pure: false,\n standalone: true,\n }]\n }] });\n\nfunction makeKeyValuePair(key, value) {\n return { key: key, value: value };\n}\n/**\n * @ngModule CommonModule\n * @description\n *\n * Transforms Object or Map into an array of key value pairs.\n *\n * The output array will be ordered by keys.\n * By default the comparator will be by Unicode point value.\n * You can optionally pass a compareFn if your keys are complex types.\n *\n * @usageNotes\n * ### Examples\n *\n * This examples show how an Object or a Map can be iterated by ngFor with the use of this\n * keyvalue pipe.\n *\n * {@example common/pipes/ts/keyvalue_pipe.ts region='KeyValuePipe'}\n *\n * @publicApi\n */\nclass KeyValuePipe {\n constructor(differs) {\n this.differs = differs;\n this.keyValues = [];\n this.compareFn = defaultComparator;\n }\n transform(input, compareFn = defaultComparator) {\n if (!input || (!(input instanceof Map) && typeof input !== 'object')) {\n return null;\n }\n // make a differ for whatever type we've been passed in\n this.differ ??= this.differs.find(input).create();\n const differChanges = this.differ.diff(input);\n const compareFnChanged = compareFn !== this.compareFn;\n if (differChanges) {\n this.keyValues = [];\n differChanges.forEachItem((r) => {\n this.keyValues.push(makeKeyValuePair(r.key, r.currentValue));\n });\n }\n if (differChanges || compareFnChanged) {\n this.keyValues.sort(compareFn);\n this.compareFn = compareFn;\n }\n return this.keyValues;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: KeyValuePipe, deps: [{ token: i0.KeyValueDiffers }], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.3.12\", ngImport: i0, type: KeyValuePipe, isStandalone: true, name: \"keyvalue\", pure: false }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: KeyValuePipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'keyvalue',\n pure: false,\n standalone: true,\n }]\n }], ctorParameters: () => [{ type: i0.KeyValueDiffers }] });\nfunction defaultComparator(keyValueA, keyValueB) {\n const a = keyValueA.key;\n const b = keyValueB.key;\n // if same exit with 0;\n if (a === b)\n return 0;\n // make sure that undefined are at the end of the sort.\n if (a === undefined)\n return 1;\n if (b === undefined)\n return -1;\n // make sure that nulls are at the end of the sort.\n if (a === null)\n return 1;\n if (b === null)\n return -1;\n if (typeof a == 'string' && typeof b == 'string') {\n return a < b ? -1 : 1;\n }\n if (typeof a == 'number' && typeof b == 'number') {\n return a - b;\n }\n if (typeof a == 'boolean' && typeof b == 'boolean') {\n return a < b ? -1 : 1;\n }\n // `a` and `b` are of different types. Compare their string values.\n const aString = String(a);\n const bString = String(b);\n return aString == bString ? 0 : aString < bString ? -1 : 1;\n}\n\n/**\n * @ngModule CommonModule\n * @description\n *\n * Formats a value according to digit options and locale rules.\n * Locale determines group sizing and separator,\n * decimal point character, and other locale-specific configurations.\n *\n * @see {@link formatNumber}\n *\n * @usageNotes\n *\n * ### digitsInfo\n *\n * The value's decimal representation is specified by the `digitsInfo`\n * parameter, written in the following format:Today is {{today | date}}
\n *Or if you prefer, {{today | date:'fullDate'}}
\n *The time is {{today | date:'h:mm a z'}}
\n *\n *\n * ```\n * {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}\n * ```\n *\n * - `minIntegerDigits`:\n * The minimum number of integer digits before the decimal point.\n * Default is 1.\n *\n * - `minFractionDigits`:\n * The minimum number of digits after the decimal point.\n * Default is 0.\n *\n * - `maxFractionDigits`:\n * The maximum number of digits after the decimal point.\n * Default is 3.\n *\n * If the formatted value is truncated it will be rounded using the \"to-nearest\" method:\n *\n * ```\n * {{3.6 | number: '1.0-0'}}\n * \n *\n * {{-3.6 | number:'1.0-0'}}\n * \n * ```\n *\n * ### locale\n *\n * `locale` will format a value according to locale rules.\n * Locale determines group sizing and separator,\n * decimal point character, and other locale-specific configurations.\n *\n * When not supplied, uses the value of `LOCALE_ID`, which is `en-US` by default.\n *\n * See [Setting your app locale](guide/i18n-common-locale-id).\n *\n * ### Example\n *\n * The following code shows how the pipe transforms values\n * according to various format specifications,\n * where the caller's default locale is `en-US`.\n *\n *
\n *
{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}.\n * - `minIntegerDigits`: The minimum number of integer digits before the decimal point.\n * Default is `1`.\n * - `minFractionDigits`: The minimum number of digits after the decimal point.\n * Default is `0`.\n * - `maxFractionDigits`: The maximum number of digits after the decimal point.\n * Default is `0`.\n * @param locale A locale code for the locale format rules to use.\n * When not supplied, uses the value of `LOCALE_ID`, which is `en-US` by default.\n * See [Setting your app locale](guide/i18n-common-locale-id).\n */\n transform(value, digitsInfo, locale) {\n if (!isValue(value))\n return null;\n locale ||= this._locale;\n try {\n const num = strToNumber(value);\n return formatPercent(num, locale, digitsInfo);\n }\n catch (error) {\n throw invalidPipeArgumentError(PercentPipe, error.message);\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: PercentPipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.3.12\", ngImport: i0, type: PercentPipe, isStandalone: true, name: \"percent\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: PercentPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'percent',\n standalone: true,\n }]\n }], ctorParameters: () => [{ type: undefined, decorators: [{\n type: Inject,\n args: [LOCALE_ID]\n }] }] });\n/**\n * @ngModule CommonModule\n * @description\n *\n * Transforms a number to a currency string, formatted according to locale rules\n * that determine group sizing and separator, decimal-point character,\n * and other locale-specific configurations.\n *\n *\n * @see {@link getCurrencySymbol}\n * @see {@link formatCurrency}\n *\n * @usageNotes\n * The following code shows how the pipe transforms numbers\n * into text strings, according to various format specifications,\n * where the caller's default locale is `en-US`.\n *\n * \n *
{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}.\n * - `minIntegerDigits`: The minimum number of integer digits before the decimal point.\n * Default is `1`.\n * - `minFractionDigits`: The minimum number of digits after the decimal point.\n * Default is `2`.\n * - `maxFractionDigits`: The maximum number of digits after the decimal point.\n * Default is `2`.\n * If not provided, the number will be formatted with the proper amount of digits,\n * depending on what the [ISO 4217](https://en.wikipedia.org/wiki/ISO_4217) specifies.\n * For example, the Canadian dollar has 2 digits, whereas the Chilean peso has none.\n * @param locale A locale code for the locale format rules to use.\n * When not supplied, uses the value of `LOCALE_ID`, which is `en-US` by default.\n * See [Setting your app locale](guide/i18n-common-locale-id).\n */\n transform(value, currencyCode = this._defaultCurrencyCode, display = 'symbol', digitsInfo, locale) {\n if (!isValue(value))\n return null;\n locale ||= this._locale;\n if (typeof display === 'boolean') {\n if ((typeof ngDevMode === 'undefined' || ngDevMode) && console && console.warn) {\n console.warn(`Warning: the currency pipe has been changed in Angular v5. The symbolDisplay option (third parameter) is now a string instead of a boolean. The accepted values are \"code\", \"symbol\" or \"symbol-narrow\".`);\n }\n display = display ? 'symbol' : 'code';\n }\n let currency = currencyCode || this._defaultCurrencyCode;\n if (display !== 'code') {\n if (display === 'symbol' || display === 'symbol-narrow') {\n currency = getCurrencySymbol(currency, display === 'symbol' ? 'wide' : 'narrow', locale);\n }\n else {\n currency = display;\n }\n }\n try {\n const num = strToNumber(value);\n return formatCurrency(num, locale, currency, currencyCode, digitsInfo);\n }\n catch (error) {\n throw invalidPipeArgumentError(CurrencyPipe, error.message);\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: CurrencyPipe, deps: [{ token: LOCALE_ID }, { token: DEFAULT_CURRENCY_CODE }], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.3.12\", ngImport: i0, type: CurrencyPipe, isStandalone: true, name: \"currency\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: CurrencyPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'currency',\n standalone: true,\n }]\n }], ctorParameters: () => [{ type: undefined, decorators: [{\n type: Inject,\n args: [LOCALE_ID]\n }] }, { type: undefined, decorators: [{\n type: Inject,\n args: [DEFAULT_CURRENCY_CODE]\n }] }] });\nfunction isValue(value) {\n return !(value == null || value === '' || value !== value);\n}\n/**\n * Transforms a string into a number (if needed).\n */\nfunction strToNumber(value) {\n // Convert strings to numbers\n if (typeof value === 'string' && !isNaN(Number(value) - parseFloat(value))) {\n return Number(value);\n }\n if (typeof value !== 'number') {\n throw new Error(`${value} is not a number`);\n }\n return value;\n}\n\n/**\n * @ngModule CommonModule\n * @description\n *\n * Creates a new `Array` or `String` containing a subset (slice) of the elements.\n *\n * @usageNotes\n *\n * All behavior is based on the expected behavior of the JavaScript API `Array.prototype.slice()`\n * and `String.prototype.slice()`.\n *\n * When operating on an `Array`, the returned `Array` is always a copy even when all\n * the elements are being returned.\n *\n * When operating on a blank value, the pipe returns the blank value.\n *\n * ### List Example\n *\n * This `ngFor` example:\n *\n * {@example common/pipes/ts/slice_pipe.ts region='SlicePipe_list'}\n *\n * produces the following:\n *\n * ```html\n *