\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 { 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
\n \n \n \n
\n \n
\n \n \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","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 { 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![](\"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 // , private viewContainer: ViewContainerRef, private memberQuery: MemberQuery) {}\r\n\r\n @Input() set inPopulation(populations: string[]) {\r\n let memberPopulation = this.memberQuery.getPopulationName();\r\n this.viewContainer.clear();\r\n if (memberPopulation && populations.includes(memberPopulation)) {\r\n this.viewContainer.createEmbeddedView(this.templateRef);\r\n }\r\n }\r\n}\r\n","import { Directive, TemplateRef, ViewContainerRef, Input } from '@angular/core';\r\nimport { MemberQuery } from '@fgb/core';\r\n\r\n@Directive({\r\n // tslint:disable-next-line: directive-selector\r\n selector: '[notInPopulation]',\r\n})\r\nexport class NotInPopulationDirective {\r\n constructor(private templateRef: TemplateRef, private viewContainer: ViewContainerRef, private memberQuery: MemberQuery) {}\r\n\r\n @Input() set notInPopulation(populations: string[]) {\r\n let memberPopulation = this.memberQuery.getPopulationName();\r\n this.viewContainer.clear();\r\n if (memberPopulation && !populations.includes(memberPopulation)) {\r\n this.viewContainer.createEmbeddedView(this.templateRef);\r\n }\r\n }\r\n}\r\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 \\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 { NgbDropdown } from '@ng-bootstrap/ng-bootstrap';\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\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { ConfirmModalTermsDirective, CustomOwlCarousel, DataSourceDirective, DirectivesModule, HideMobileNav, IfItemEnabled, IfScreenSizeDirective, ImgBackgroundGrabberDirective, ImgDefaultDirective, MoreDropdownElement, NavBarElement, NavItemElement, NavbarDirectivesModule, NgSubscribeContext, NgSubscribeDirective, ScreenType, WebsiteContentFeatureFlagDirective, createDataSource, loadDataSource };\n","export class Populations {\r\n public static Default = 'Default';\r\n public static Kids = 'Kids';\r\n}\r\n","export class ProductCode {\r\n public static PremiumDigitalMember = ['PremiumDigitalMember'];\r\n public static QAMember1 = ['QAMember1'];\r\n public static FourteenDigitalMember = ['14DigitalMember'];\r\n\r\n public static DigitalMemberProductCodes = ['14DigitalMember', 'PremiumDigitalMember'] \r\n}\r\n","import { Directive, Input, TemplateRef, ViewContainerRef } from '@angular/core';\r\nimport { MemberQuery } from '@fgb/core';\r\n\r\n@Directive({\r\n // tslint:disable-next-line: directive-selector\r\n selector: '[inPopulation]',\r\n})\r\nexport class InPopulationDirective {\r\n constructor(private templateRef: TemplateRef\\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 { 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 cancel\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","\r\n \r\n \r\n
\r\n \r\n \r\n ![](\"assets/images/partnerLogos/Mick-George.png\")
\r\n ![](\"assets/images/partnerLogos/Weston-Homes.png\")
\r\n ![](\"assets/images/partnerLogos/Puma.png\")
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n ![](\"assets/images/partnerLogos/Compare-the-Market.png\")
\r\n ![](\"assets/images/partnerLogos/Prince-Build.png\")
\r\n ![](\"assets/images/partnerLogos/Smart.png\")
\r\n ![](\"assets/images/partnerLogos/Kings-Powers-Solutions.png\")
\r\n ![](\"assets/images/partnerLogos/GH-DISPLAY.png\")
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n ![](\"assets/images/partnerLogos/next_level_for_website.png\")
\r\n ![](\"assets/images/partnerLogos/Millfeild-Autoparts.png\")
\r\n ![](\"assets/images/partnerLogos/idverde.png\")
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n ![](\"assets/images/partnerLogos/Alan-Boswell.png\")
\r\n ![](\"assets/images/partnerLogos/Ultimate-Champions.png\")
\r\n ![](\"assets/images/partnerLogos/Eleven-Sports.png\")
\r\n ![](\"assets/images/partnerLogos/Sportsfive.png\")
\r\n ![](\"assets/images/partnerLogos/Molson-Coors.png\")
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n ![](\"assets/images/partnerLogos/Matchworn-Shirt.png\")
\r\n ![](\"assets/images/partnerLogos/Mark-Darcy.png\")
\r\n ![](\"assets/images/partnerLogos/Bad-Rhino.png\")
\r\n ![](\"assets/images/partnerLogos/elite.png\")
\r\n ![](\"assets/images/partnerLogos/Nandos.png\")
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n ![](\"assets/images/partnerLogos/David-Lloyd.png\")
\r\n ![](\"assets/images/partnerLogos/eml.png\")
\r\n ![](\"assets/images/partnerLogos/Greg-Smith.png\")
\r\n ![](\"assets/images/partnerLogos/Caddy-Comps.png\")
\r\n ![](\"assets/images/partnerLogos/NRC.png\")
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n ![](\"assets/images/partnerLogos/Safeguard.png\")
\r\n ![](\"assets/images/partnerLogos/sapphire.png\")
\r\n ![](\"assets/images/partnerLogos/nativespace.png\")
\r\n ![](\"assets/images/partnerLogos/emr.png\")
\r\n ![](\"assets/images/partnerLogos/green-light.png\")
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n ![](\"assets/images/partnerLogos/queensgate.png\")
\r\n ![](\"assets/images/partnerLogos/neeform.png\")
\r\n ![](\"assets/images/partnerLogos/oakpark.png\")
\r\n ![](\"assets/images/partnerLogos/hampton.png\")
\r\n ![](\"assets/images/partnerLogos/wm-legal.png\")
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n ![](\"assets/images/partnerLogos/as-controls.png\")
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n ![](\"assets/images/partnerLogos/Weston-Homes-mobile.png\")
\r\n
\r\n \r\n \r\n ![](\"assets/images/partnerLogos/puma-mobile.png\")
\r\n
\r\n \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/partnerLogos/Smart-mobile.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n ![](\"assets/images/partnerLogos/King-power-solutions-mobile.png\")
\r\n
\r\n \r\n \r\n ![](\"assets/images/partnerLogos/GH-DISPLAY-mobile.png\")
\r\n
\r\n \r\n \r\n ![](\"assets/images/partnerLogos/next-level-mobile.png\")
\r\n
\r\n \r\n \r\n ![](\"assets/images/partnerLogos/idverde-mobile.png\")
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \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/partnerLogos/emr-renders.png\")
\r\n \r\n \r\n
\r\n \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/partnerLogos/wm-legal-mobile.png\")
\r\n ![](\"assets/images/partnerLogos/as-controls-mobile.png\")
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n ![](\"assets/images/poshimagefooter.png\")
\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 { AuthService, BalanceQuery, Card, CardQuery, config, MemberCard, MemberCardQuery, MemberDetails, MemberQuery, OtherMediaAuthService } from '@fgb/core';\r\nimport { Router, NavigationStart } from '@angular/router';\r\nimport { Observable, Subscription } from 'rxjs';\r\nimport { filter, map, tap } from 'rxjs/operators';\r\nimport { Populations } from 'src/app/shared/utilities/populations';\r\n\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 memberDetails$: Observable\r\n \r\n ![](\"assets/images/logo.svg\")
\r\n \r\n \r\n\r\n \r\n redeem\r\n \r\n \r\n extension\r\n \r\n \r\n \r\n design_services\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n redeem\r\n \r\n \r\n extension\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 \r\n
\r\n\r\n \r\n ![](\"assets/images/games-logo.png\")
\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 {{ memberCard.ProductCode }} - {{ memberCard.ExternalRefNumber }}
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n {{ pointsBalance$ | 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 {{ 'member.card.discount' | translate }}
\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 \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","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","var 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\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { ScorecardCategoryPunchcardView };\n","// canvas-confetti v1.9.2 built on 2023-11-25T06:01:06.267Z\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 = '\"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", \"EmojiOne Color\", \"Android Emoji\", \"Twemoji Mozilla\", \"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.ceil(size.actualBoundingBoxRight + size.actualBoundingBoxLeft);\n var height = Math.ceil(size.actualBoundingBoxAscent + size.actualBoundingBoxDescent);\n\n var padding = 2;\n var x = size.actualBoundingBoxLeft + padding;\n var y = size.actualBoundingBoxAscent + padding;\n width += padding + padding;\n height += padding + padding;\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, x, y);\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 { EventEmitter, Component, Input, Output, Inject, ViewChild, NgModule } from '@angular/core';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i5 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i4 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 i3$1 from '@angular/router';\nimport { RouterModule } from '@angular/router';\nimport * as i3 from '@fgb/portal-component-library/src/lib/directives';\nimport { 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 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport * as i1$1 from '@fgb/core';\nimport { PrizeType, ScorecardDisplayType, ScorecardMilestoneActionDisplayType, DATE_OPTIONS } from '@fgb/core';\nimport { OwlCarouselSettings } from '@fgb/portal-component-library/src/lib/shared/utilities';\nimport { ScorecardCategoryPunchcardView } from '@fgb/portal-component-library/src/lib/loyalty/scorecards/scorecard-categories';\nimport * as confettiLib from 'canvas-confetti';\nimport { take, finalize } from 'rxjs/operators';\nimport * as i6 from '@ngx-translate/core';\n\nclass ScorecardDescriptionModalCarouselComponent {\n constructor(renderer2) {\n this.renderer2 = renderer2;\n this.linkedScorecardLength = 0;\n this.currentIndexScorecard = 0;\n this.previousClick = new EventEmitter();\n this.nextClick = new EventEmitter();\n }\n ngOnInit() { }\n ngAfterViewInit() {\n this.addStyleForCarousel();\n }\n addStyleForCarousel() {\n let modalContent = document.querySelector('.modal-content');\n let styles = new Map([\n ['border', 'none'],\n ['box-shadow', 'none'],\n ['background', 'transparent'],\n ]);\n setTimeout(() => {\n if (modalContent) {\n styles.forEach((value, key) => this.renderer2.setStyle(modalContent, key, value));\n }\n });\n }\n onPreviousClick() {\n this.previousClick.emit();\n }\n onNextClick() {\n this.nextClick.emit();\n }\n get disableNext() {\n return this.linkedScorecardLength === this.currentIndexScorecard;\n }\n get disablePrevious() {\n return this.currentIndexScorecard === 1;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ScorecardDescriptionModalCarouselComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: ScorecardDescriptionModalCarouselComponent, selector: \"fgbcl-scorecard-description-modal-carousel\", inputs: { scorecard: \"scorecard\", childScorecard: \"childScorecard\", parentScorecard: \"parentScorecard\", linkedScorecardLength: \"linkedScorecardLength\", currentIndexScorecard: \"currentIndexScorecard\" }, outputs: { previousClick: \"previousClick\", nextClick: \"nextClick\" }, 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
\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i2.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ScorecardDescriptionModalCarouselComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-scorecard-description-modal-carousel', template: \"chevron_left
\\r\\n \\r\\n
\\r\\n {{ currentIndexScorecard }}
\\r\\n \\r\\n {{ linkedScorecardLength }}
\\r\\n chevron_right
\\r\\n \\r\\n
\" }]\n }], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { scorecard: [{\n type: Input\n }], childScorecard: [{\n type: Input\n }], parentScorecard: [{\n type: Input\n }], linkedScorecardLength: [{\n type: Input\n }], currentIndexScorecard: [{\n type: Input\n }], previousClick: [{\n type: Output\n }], nextClick: [{\n type: Output\n }] } });\n\nclass ScorecardPrizeSelectionComponent {\n constructor() {\n this.onPrizeConfirmed = new EventEmitter();\n }\n ngOnInit() { }\n prizeIcon(prizeType) {\n switch (prizeType) {\n case PrizeType.Reward:\n return 'redeem';\n case PrizeType.GivePoints:\n return 'emoji_events';\n case PrizeType.GiveEcash:\n return 'paid';\n case PrizeType.SkuItem:\n return 'shopping_bag';\n case PrizeType.LottoEntry:\n return 'confirmation_number';\n default:\n return 'redeem';\n }\n }\n prizeSelectedCondition(prize) {\n return !prize.SoldOut && prize.PrizeId === this.prizeSelected?.PrizeId;\n }\n onPrizeSelected(prize) {\n if (prize.SoldOut)\n return;\n this.prizeSelected = prize;\n }\n onPrizeConfirm() {\n this.onPrizeConfirmed.emit(this.prizeSelected);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ScorecardPrizeSelectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: ScorecardPrizeSelectionComponent, selector: \"fgbcl-scorecard-prize-selection\", inputs: { prizes: \"prizes\" }, outputs: { onPrizeConfirmed: \"onPrizeConfirmed\" }, ngImport: i0, template: \"chevron_left
\\r\\n \\r\\n
\\r\\n {{ currentIndexScorecard }}
\\r\\n \\r\\n {{ linkedScorecardLength }}
\\r\\n chevron_right
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i2.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { 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: i6.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 {{ 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 }], onPrizeConfirmed: [{\n type: Output\n }] } });\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: \"{{ 'prize.selection.title' | translate }}
\\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{{ '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
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\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 {{ 'scorecard.modal.description' | translate }}
\\r\\n \\r\\n
\\r\\n\", styles: [\".modal-close-button{font-size:20px;background:none;position:absolute}.scorecard-description-modal-desc-terms{width:100%;--bs-accordion-active-bg: transparent;--bs-accordion-btn-focus-box-shadow: none}.scorecard-description-modal-desc-terms .accordion-button:not(.collapsed){font-weight:700}.scorecard-description-modal-desc-terms .accordion-button{font-size:.875rem;padding:16px 0;color:#000;box-shadow:none}\\n\", \".scorecard-label-ellipsis{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.scorecard-label-ellipsis.three-line{-webkit-line-clamp:3}.scorecard-container{height:210px;width:100%}.scorecard-count-container{height:unset;border-top-left-radius:5px;border-top-right-radius:5px;top:0;padding:12px 12px 8px}.scorecard-image{height:50px;width:50px!important}.scorecard-footer{bottom:14px;height:45px}.scorecard-footer-container{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.bg-first-category{background-color:#a7b1b7}.progress,.progress-bar{border-radius:25px}.dashed-line{border-right:2px dashed #dedddd;height:49px;top:-13px}.scorecard-one-punch-incomplete{opacity:.2}.scorecard-punchcard-steps{font-size:12px}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { 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.NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }, { kind: \"directive\", type: i2.NgStyle, selector: \"[ngStyle]\", inputs: [\"ngStyle\"] }, { kind: \"directive\", type: i2.NgSwitch, selector: \"[ngSwitch]\", inputs: [\"ngSwitch\"] }, { kind: \"directive\", type: i2.NgSwitchCase, selector: \"[ngSwitchCase]\", inputs: [\"ngSwitchCase\"] }, { kind: \"component\", type: i4.ShortLongDescriptionComponent, selector: \"fgbcl-short-long-description\", inputs: [\"description\", \"descriptionLength\", \"descriptionLengthMobile\"] }, { kind: \"directive\", type: i3.ImgDefaultDirective, selector: \"img[useDefault]\", inputs: [\"src\", \"useDefault\", \"loyaltyType\"] }, { kind: \"component\", type: ScorecardDescriptionModalCarouselComponent, selector: \"fgbcl-scorecard-description-modal-carousel\", inputs: [\"scorecard\", \"childScorecard\", \"parentScorecard\", \"linkedScorecardLength\", \"currentIndexScorecard\"], outputs: [\"previousClick\", \"nextClick\"] }, { kind: \"component\", type: ScorecardPrizeSelectionComponent, selector: \"fgbcl-scorecard-prize-selection\", inputs: [\"prizes\"], outputs: [\"onPrizeConfirmed\"] }, { kind: \"component\", type: ScorecardSponserViewComponent, selector: \"fgbcl-scorecard-sponser-view\", inputs: [\"scorecard\"] }, { kind: \"pipe\", type: i5.ContentImagePipe, name: \"contentImage\" }, { kind: \"pipe\", type: i5.SafeHtmlPipe, name: \"safeHtml\" }, { kind: \"pipe\", type: i5.UtcToLocaltimePipe, name: \"UtcToLocaltimePipe\" }, { kind: \"pipe\", type: i6.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ScorecardDescriptionModalComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-scorecard-description-modal', 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 {{ 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 {{ 'scorecard.modal.description' | translate }}
\\r\\n \\r\\n
\\r\\n\", styles: [\".modal-close-button{font-size:20px;background:none;position:absolute}.scorecard-description-modal-desc-terms{width:100%;--bs-accordion-active-bg: transparent;--bs-accordion-btn-focus-box-shadow: none}.scorecard-description-modal-desc-terms .accordion-button:not(.collapsed){font-weight:700}.scorecard-description-modal-desc-terms .accordion-button{font-size:.875rem;padding:16px 0;color:#000;box-shadow:none}\\n\", \".scorecard-label-ellipsis{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.scorecard-label-ellipsis.three-line{-webkit-line-clamp:3}.scorecard-container{height:210px;width:100%}.scorecard-count-container{height:unset;border-top-left-radius:5px;border-top-right-radius:5px;top:0;padding:12px 12px 8px}.scorecard-image{height:50px;width:50px!important}.scorecard-footer{bottom:14px;height:45px}.scorecard-footer-container{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.bg-first-category{background-color:#a7b1b7}.progress,.progress-bar{border-radius:25px}.dashed-line{border-right:2px dashed #dedddd;height:49px;top:-13px}.scorecard-one-punch-incomplete{opacity:.2}.scorecard-punchcard-steps{font-size:12px}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.NgbActiveModal }, { type: i1.NgbModal }, { type: i0.Renderer2 }, { type: i1$1.ScorecardService }, { type: i1$1.ScorecardQuery }, { type: undefined, decorators: [{\n type: Inject,\n args: [DATE_OPTIONS]\n }] }], propDecorators: { scorecard: [{\n type: Input\n }], phaseThree: [{\n type: Input\n }], parentScorecard: [{\n type: Input\n }], childScoreCard: [{\n type: Input\n }], linkedScorecardLength: [{\n type: Input\n }], currentScorecardIndex: [{\n type: Input\n }], confettiColors: [{\n type: Input\n }], scorecardModalCarousel: [{\n type: ViewChild,\n args: ['scorecardModalCarousel']\n }] } });\n\nclass ScorecardLockedComponent {\n constructor(modalService, scorecardQuery) {\n this.modalService = modalService;\n this.scorecardQuery = scorecardQuery;\n this.preventMultipleClick = false;\n }\n ngOnInit() {\n this.parentScorecard = this.scorecardQuery.getEntity(this.scorecard?.ParentId);\n }\n openScorecardDescription() {\n const modalRef = this.modalService.open(ScorecardDescriptionModalComponent, {\n centered: true,\n windowClass: 'scorecard-modal-content',\n backdropClass: 'scorecard-modal-backdrop',\n });\n modalRef.componentInstance.phaseThree = true;\n modalRef.componentInstance.scorecard = this.scorecard;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ScorecardLockedComponent, deps: [{ token: i1.NgbModal }, { token: i1$1.ScorecardQuery }], 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\" }, ngImport: i0, template: \"\\r\\n
\\r\\n \\r\\n\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i2.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i3.ImgDefaultDirective, selector: \"img[useDefault]\", inputs: [\"src\", \"useDefault\", \"loyaltyType\"] }, { kind: \"pipe\", type: i5.ContentImagePipe, name: \"contentImage\" }, { kind: \"pipe\", type: i6.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.NgbModal }, { type: i1$1.ScorecardQuery }], propDecorators: { scorecard: [{\n type: Input\n }] } });\n\nclass ScorecardPunchcardViewComponent {\n constructor(modalService) {\n this.modalService = modalService;\n this.phaseThree = false;\n this.icon = 'info';\n this.disabled = false;\n this.category = ScorecardCategoryPunchcardView;\n }\n ngOnInit() {\n this.lineBreakIndex = Math.floor(this.scorecard.Actions.length / 2) - 1;\n }\n openScorecardDescription() {\n if (!this.disabled) {\n const modalRef = this.modalService.open(ScorecardDescriptionModalComponent, {\n centered: true,\n windowClass: 'scorecard-modal-content',\n backdropClass: 'scorecard-modal-backdrop',\n });\n modalRef.componentInstance.confettiColors = this.confettiColors;\n modalRef.componentInstance.phaseThree = this.phaseThree;\n modalRef.componentInstance.scorecard = this.scorecard;\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ScorecardPunchcardViewComponent, deps: [{ token: i1.NgbModal }], 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\", phaseThree: \"phaseThree\", confettiColors: \"confettiColors\", icon: \"icon\", disabled: \"disabled\" }, 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 {{ 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 {{ 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
\\r\\n \\r\\n \\r\\n \\r\\n currentProgressValue\\r\\n }\\\"\\r\\n [ngStyle]=\\\"{ left: milestoneSpacing - 3 + '%' }\\\"\\r\\n >
\\r\\n \\r\\n \\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
\\r\\n \\r\\n \\r\\n \\r\\n currentProgressValue\\r\\n }\\\"\\r\\n [ngStyle]=\\\"{ left: milestoneSpacing - 3 + '%' }\\\"\\r\\n >
\\r\\n \\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 \\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 0\\\">\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'badge.featured.challenges' | translate }}
\\r\\n\\r\\n {{ 'badge.featured.challenges.show.all.link' | 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 \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\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 {{ 'badge.featured.challenges' | translate }}
\\r\\n\\r\\n {{ 'badge.featured.challenges.show.all.link' | 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 \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\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 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 \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\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 }] } });\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: \"14.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 \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\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 {{ statusText | translate }}
\\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 \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\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.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 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 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: \"14.0.0\", version: \"17.2.1\", type: LottosListItemComponent, selector: \"fgbcl-lottos-list-item\", inputs: { lottoItem: \"lottoItem\", ignoreLink: \"ignoreLink\" }, 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 {{ statusText | translate }}
\\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 \\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 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 }] } });\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 \\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 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 Loading...
","import { Component, OnInit, Input } from '@angular/core';\r\nimport { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';\r\n\r\n@Component({\r\n selector: 'fgb-streamable-player',\r\n templateUrl: './fgb-streamable-player.component.html',\r\n styleUrls: ['./fgb-streamable-player.component.scss']\r\n})\r\nexport class FgbStreamablePlayerComponent implements OnInit {\r\n\r\n @Input() streamKey: string;\r\n safeUrl : SafeResourceUrl;\r\n \r\n constructor(private domSanitizer: DomSanitizer) { }\r\n\r\n ngOnInit() {\r\n this.safeUrl = this.domSanitizer.bypassSecurityTrustResourceUrl(this.streamKey);\r\n }\r\n}\r\n","\r\n \r\n
","import { Component, OnInit, Injectable, OnDestroy, Input, Output, EventEmitter } from '@angular/core';\r\nimport { Observable, BehaviorSubject, Subscription } from 'rxjs';\r\nimport { LoadScripts, DynamicScript } from 'src/app/shared/utilities/load-scripts.function';\r\nimport { delay } from 'rxjs/operators';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class FacebookService {\r\n static behaviourSubject: BehaviorSubject\r\n \r\n {{ 'worksheet.download' | translate }}\r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n
\r\n {{ worksheetItem.Description }}
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {{ 'worksheet.download' | translate | uppercase }} \r\n
\r\n\r\n
\r\n\r\n {{ worksheetItem.Description }}
\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 boxBorder: 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 if (this.survey.SurveyType === this.surveyType.Poll && this.survey.AnswerDisplayType === this.answerDisplayType.Image) {\r\n this.colDisplayType = 'col-6 col-lg-5';\r\n } else {\r\n this.colDisplayType = 'col-12 col-lg-5';\r\n }\r\n this.margins = 'my-2 my-lg-3';\r\n } else if (this.survey.SurveyType === this.surveyType.Predictor) {\r\n if (\r\n this.survey.AnswerDisplayType == this.answerDisplayType.Image ||\r\n this.survey.AnswerDisplayType == this.answerDisplayType.ImageAndText\r\n ) {\r\n this.colDisplayType = 'col-6';\r\n this.margins = 'my-2 my-lg-3';\r\n } else {\r\n this.colDisplayType = 'col-12';\r\n this.margins = 'mt-3';\r\n this.boxBorder = 'options-box-border';\r\n }\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.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 } else {\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 this.selectedAnswers.push(answerId);\r\n }\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 \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
\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 { Population, 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 populations:Population;\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 \r\n \r\n
\r\n","import { Component, OnInit, Input, ChangeDetectorRef } from '@angular/core';\r\nimport { Survey, SurveyService, 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 comingSoon: boolean;\r\n\r\n constructor(private surveyService: SurveyService, private cdRef: ChangeDetectorRef) {}\r\n\r\n ngOnInit() {}\r\n calculateEntryEnd() {\r\n if (!this.survey.HasBeenAnsweredByUser) {\r\n this.removeSurvey(this.survey.SurveyId);\r\n }\r\n }\r\n private removeSurvey(surveyId: number) {\r\n this.surveyService.removeSurvey(surveyId);\r\n this.cdRef.detectChanges();\r\n }\r\n}\r\n\r\n","\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n {{ 'trivia.noimage.placeholder.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 live_help
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {{ survey.SurveyQuestion }}
\r\n \r\n
\r\n \r\n
\r\n {{ 'score.predictor.placeholder.description' | translate }}
\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-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 @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 {{ 'predictor.page.correct.answer' | translate }}
\r\n +{{ pointsWon / 100 }} Points
\r\n {{ 'predictor.page.correct.answer' | translate }}
\r\n \r\n
\r\n \r\n
\r\n {{ 'predictor.page.wrong.answer' | translate }}
\r\n {{ 'predictor.page.betterluck' | translate }}
\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 \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 {{ 'predictor.page.thankyou' | translate }}
\r\n \r\n {{ 'predictor.page.comeback' | translate }}\r\n
\r\n\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { AnswerDisplayType, SurveyAnswer } 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 @Input() selectedAnswers: SurveyAnswer[];\r\n @Input() displayType: AnswerDisplayType;\r\n answerDisplayType = AnswerDisplayType;\r\n constructor() { }\r\n\r\n ngOnInit() {\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
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {{ 'predictor.noimage.placeholder.title' | translate }}\r\n
\r\n \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 \r\n
\r\n \r\n {{ 'games.page.predictor.entered.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
\r\n{{ 'predictor.history.placeholder.description' | translate }}
\r\n\r\n {{ percentage + '%' }}\r\n
\r\n \r\n {{ answer.Title }}\r\n
\r\n \r\n
\r\n \r\n {{ percentage + '%' }}\r\n
\r\n \r\n {{ answer.Title }}\r\n
\r\n \r\n
\r\n \r\n {{ percentage + '%' }}\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 { AnswerDisplayType, Survey, SurveyType } 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 surveyType = SurveyType;\r\n @Input() pointsWon: number;\r\n answerDisplayType = AnswerDisplayType;\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 0 ? 'd-block d-lg-none' : 'd-none'\"\r\n >\r\n +{{ pointsWon() }} Pts\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {{ 'survey.item.poll.title' | translate }}
\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 schedule
\r\n \r\n {{ survey()?.SurveyQuestion }}\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 {{ 'home.page.featured.games.title' | translate }}\r\n
\r\n \r\n {{ 'view.all.text' | translate }} \r\n arrow_forward_ios\r\n \r\nCode Redemption
\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { VoucherService, VoucherRedeemModel, BalanceService, config, ErrorStateService } from '@fgb/core';\r\nimport { TranslateService } from '@ngx-translate/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 constructor(private voucherService: VoucherService, private balanceService: BalanceService, private errorService: ErrorStateService, private translate: TranslateService) {}\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 = this.translate.instant('voucher.code.empty.text');\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.translate.instant(\"voucher.process.code\");\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 {{ 'voucher.title' | translate }}\r\n
\r\n\r\n
\r\n \r\n \r\n chevron_right\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{ redemptionResult }}\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 ![](\"assets/images/proud-to-be-posh-white.svg\")
\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 \r\n \r\n \r\n
\r\n {{ 'kids.member.type' | translate : { fgbdefault: 'Kids' } }}
\r\n {{ 'season.ticket.holder.type' | translate : { fgbdefault: 'Season Ticket Holder' } }}
\r\n -
\r\n {{ memberCard.MemberId }}
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {{ pointsBalance$ | async | number : '1.0-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 {{ 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 ![](\"assets/images/HomeLogo.png\")
\r\n
\r\n\r\n\r\n\r\n\r\n
\r\n\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n\r\n\r\n\r\n
\r\n\r\n
\r\n\r\n\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {{ worksheet.Title }}\r\n
\r\n\r\n\r\n {{ 'home.page.worksheets.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","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport {\r\n SurveyType,\r\n MemberDetails,\r\n MemberQuery,\r\n WorksheetQuery,\r\n WorksheetService,\r\n AnnouncementService,\r\n CompanyOfferService,\r\n PopulationService,\r\n} 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 { mergeMap, switchMap } from 'rxjs/operators';\r\nimport { Populations } from '../../shared/utilities/populations';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { OwlCarouselSettings } from '@fgb/portal-component-library/src/lib/shared/utilities';\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 memberDetails$: Observable{{ 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","import { map } from './map';\nimport { innerFrom } from '../observable/innerFrom';\nimport { operate } from '../util/lift';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\nexport function exhaustMap(project, resultSelector) {\n if (resultSelector) {\n return (source) => source.pipe(exhaustMap((a, i) => innerFrom(project(a, i)).pipe(map((b, ii) => resultSelector(a, b, i, ii)))));\n }\n return operate((source, subscriber) => {\n let index = 0;\n let innerSub = null;\n let isComplete = false;\n source.subscribe(createOperatorSubscriber(subscriber, (outerValue) => {\n if (!innerSub) {\n innerSub = createOperatorSubscriber(subscriber, undefined, () => {\n innerSub = null;\n isComplete && subscriber.complete();\n });\n innerFrom(project(outerValue, index++)).subscribe(innerSub);\n }\n }, () => {\n isComplete = true;\n !innerSub && subscriber.complete();\n }));\n });\n}\n","\r\n\r\n\r\n \r\n {{ 'contact.us.submit.button' | translate }}\r\n \r\n \r\n \r\n
\r\n \r\n\r\n","import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core';\r\nimport { FormGroup, FormBuilder, Validators } from '@angular/forms';\r\nimport { EMPTY, from, fromEvent, merge, Observable, Subject } from 'rxjs';\r\nimport { ContactService, Contact } from '@fgb/core';\r\nimport { debounceTime, exhaustMap, map, mapTo, take, tap } from 'rxjs/operators';\r\nimport { FGBValidators } from '@fgb/portal-component-library/src/lib/shared/validators';\r\n\r\n@Component({\r\n selector: 'fgb-contact-us-page',\r\n templateUrl: './contact-us-page.component.html',\r\n styleUrls: ['./contact-us-page.component.scss'],\r\n})\r\nexport class ContactUsPageComponent implements OnInit, AfterViewInit {\r\n contactUsForm: FormGroup;\r\n categories$: Observable\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n Loading...
\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
\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\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n","import * as i0 from '@angular/core';\nimport { EventEmitter, Component, Input, Output, ViewChild, NgModule } from '@angular/core';\nimport * as i1 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i2 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbDropdown, NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';\nimport * as i3 from '@ngx-translate/core';\nimport { DirectivesModule } from '@fgb/portal-component-library/src/lib/directives';\nimport { InlineSVGModule } from 'ng-inline-svg-2';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nvar SortOrder;\n(function (SortOrder) {\n SortOrder[SortOrder[\"Ascending\"] = 1] = \"Ascending\";\n SortOrder[SortOrder[\"Descending\"] = -1] = \"Descending\";\n})(SortOrder || (SortOrder = {}));\n\nclass SortBarComponent {\n constructor() {\n /** Adds a _Default_ sorting option to the sorting menu items. */\n this.displayDefaultSort = false;\n /** Event emitted when the _Default_ menu item has been selected. */\n this.defaultSortAction = new EventEmitter();\n this.sortOrderType = SortOrder;\n }\n ngOnInit() { }\n /**\n * Emits _defaultSortAction_.\n * This allows the parent component to reapply the default order, or to perform a more complex sorting algorithm.\n * Default button is not displayed unless _displayDefaultSort_ is set to true.\n * Dropdown needs to be closed manually to prevent fingertap glitches triggered by NgbDropdown autoClose.\n */\n sortByDefault() {\n this.optionSelected = '';\n this.defaultSortAction.emit();\n this.dropdown.close();\n }\n /**\n * Orders the itemList from the parent component based on the user selection.\n * @param selectedOption sorting option selected by the user, amongst the sortBarOptions set up from the parent component.\n * @param newOrder order selected by the user, Ascending or Descending.\n * Dropdown needs to be closed manually to prevent fingertap glitches triggered by NgbDropdown autoClose.\n */\n sortByProperty(selectedOption, newOrder) {\n selectedOption.order = newOrder;\n this.resetOptionSelected(selectedOption);\n this.toggleOrderSelection(selectedOption);\n this.orderByProperty(selectedOption);\n this.dropdown.close();\n }\n /**\n * Sets the order (_Ascending_/_Descending_) of the option according to the user's selection.\n * @param selectedOption sorting option selected by the user, amongst the sortBarOptions set up from the parent component.\n */\n toggleOrderSelection(selectedOption) {\n const x = this.sortBarOptions.find((option) => option === selectedOption);\n if (x) {\n x.order = selectedOption.order;\n }\n }\n /**\n * Sorts the itemList from the parent component by the property set up in sortBarOptions.\n * @param selectedOption sorting option selected by the user, amongst the sortBarOptions set up from the parent component.\n */\n orderByProperty(selectedOption) {\n this.itemList.sort((a, b) => {\n const x = a[selectedOption.propertyToSort];\n const y = b[selectedOption.propertyToSort];\n const comparison = isNaN(x) ? x.localeCompare(y) : x - y;\n return selectedOption.order * comparison;\n });\n }\n /**\n * Sets the _optionSelected_ property to the label set up in sortBarOptions.\n * @param selectedOption sorting option selected by the user, amongst the sortBarOptions set up from the parent component.\n * @param newOrder order selected by the user, Ascending or Descending.\n */\n resetOptionSelected(selectedOption) {\n switch (selectedOption.order) {\n case SortOrder.Ascending:\n this.optionSelected = selectedOption.labelASC;\n break;\n case SortOrder.Descending:\n this.optionSelected = selectedOption.labelDESC;\n break;\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: SortBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: SortBarComponent, selector: \"fgbcl-sort-bar\", inputs: { sortBarOptions: \"sortBarOptions\", itemList: \"itemList\", displayDefaultSort: \"displayDefaultSort\" }, outputs: { defaultSortAction: \"defaultSortAction\" }, viewQueries: [{ propertyName: \"dropdown\", first: true, predicate: NgbDropdown, descendants: true }], ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n\\r\\n\", styles: [\".sort-bar .icon{font-size:1.5rem}.sort-bar .sort-bar-item{height:50px;cursor:pointer;padding:.25rem 0rem;display:flex;align-items:center;border:solid 1px #f7f7f7}.sort-bar .sort-bar-item:hover{background-color:#f7f7f7}.sort-bar .dropdown-menu-right{right:.5rem;left:auto!important}.sort-bar .sort-dropdown{margin-top:0;min-width:170px}.sort-bar .dropdown-link{height:100%;width:100%;display:flex;align-items:center}\\n\"], dependencies: [{ kind: \"directive\", type: i1.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i2.NgbDropdown, selector: \"[ngbDropdown]\", inputs: [\"autoClose\", \"dropdownClass\", \"open\", \"placement\", \"popperOptions\", \"container\", \"display\"], outputs: [\"openChange\"], exportAs: [\"ngbDropdown\"] }, { kind: \"directive\", type: i2.NgbDropdownToggle, selector: \"[ngbDropdownToggle]\" }, { kind: \"directive\", type: i2.NgbDropdownMenu, selector: \"[ngbDropdownMenu]\" }, { kind: \"pipe\", type: i3.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: SortBarComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-sort-bar', template: \"\\r\\n \\r\\n \\r\\n\\r\\n\", styles: [\".sort-bar .icon{font-size:1.5rem}.sort-bar .sort-bar-item{height:50px;cursor:pointer;padding:.25rem 0rem;display:flex;align-items:center;border:solid 1px #f7f7f7}.sort-bar .sort-bar-item:hover{background-color:#f7f7f7}.sort-bar .dropdown-menu-right{right:.5rem;left:auto!important}.sort-bar .sort-dropdown{margin-top:0;min-width:170px}.sort-bar .dropdown-link{height:100%;width:100%;display:flex;align-items:center}\\n\"] }]\n }], ctorParameters: () => [], propDecorators: { sortBarOptions: [{\n type: Input\n }], itemList: [{\n type: Input\n }], displayDefaultSort: [{\n type: Input\n }], defaultSortAction: [{\n type: Output\n }], dropdown: [{\n type: ViewChild,\n args: [NgbDropdown]\n }] } });\n\nclass SortBarModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: SortBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: SortBarModule, declarations: [SortBarComponent], imports: [CommonModule,\n DirectivesModule,\n NgbDropdownModule,\n InlineSVGModule,\n FGBSharedModule], exports: [SortBarComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: SortBarModule, imports: [CommonModule,\n DirectivesModule,\n NgbDropdownModule,\n InlineSVGModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: SortBarModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [SortBarComponent],\n imports: [\n CommonModule,\n DirectivesModule,\n NgbDropdownModule,\n InlineSVGModule,\n FGBSharedModule\n ],\n exports: [SortBarComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { SortBarComponent, SortBarModule, SortOrder };\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 { MarketplaceItemStatus } from '@fgb/core';\nimport * as i3 from '@fgb/portal-component-library/src/lib/shared/sort-bar';\nimport { SortOrder, SortBarModule } from '@fgb/portal-component-library/src/lib/shared/sort-bar';\nimport moment from 'moment/moment';\nimport * as i4 from '@fgb/portal-component-library/src/lib/shared/loading';\nimport { LoadingModule } from '@fgb/portal-component-library/src/lib/shared/loading';\nimport * as i5 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 i6 from '@fgb/portal-component-library/src/lib/directives';\nimport { DirectivesModule } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i7 from '@ngx-translate/core';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nvar MarketplaceListSortOption;\n(function (MarketplaceListSortOption) {\n MarketplaceListSortOption[MarketplaceListSortOption[\"Ordinal\"] = 0] = \"Ordinal\";\n MarketplaceListSortOption[MarketplaceListSortOption[\"Points\"] = 1] = \"Points\";\n})(MarketplaceListSortOption || (MarketplaceListSortOption = {}));\n\nclass MarketplaceListComponent {\n constructor(marketplaceExtendedQuery, marketplaceService) {\n this.marketplaceExtendedQuery = marketplaceExtendedQuery;\n this.marketplaceService = marketplaceService;\n this.showSortBar = true;\n this.defaultSort = MarketplaceListSortOption.Points;\n this.sortOrderType = SortOrder;\n }\n ngOnInit() {\n this.marketplaceService.fetchMarketplaceItems().toPromise();\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 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 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 static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListComponent, deps: [{ token: i1.MarketplaceExtendedQuery }, { token: i1.MarketplaceService }], 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\" }, 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 {{ '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 {{ '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","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 = 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 { Component, Input, NgModule } from '@angular/core';\nimport * as i3 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport { takeUntil } from 'rxjs/operators';\nimport { Subject } from 'rxjs';\nimport * as i1 from '@fgb/core';\nimport * as i2 from '@angular/router';\nimport { RouterModule } from '@angular/router';\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 { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\nimport { NumberInputModule } from '@fgb/portal-component-library/src/lib/shared/number-input';\n\nclass CartItemComponent {\n constructor(cartQuery, cartService, router, marketplaceQuery) {\n this.cartQuery = cartQuery;\n this.cartService = cartService;\n this.router = router;\n this.marketplaceQuery = marketplaceQuery;\n this.destroyed$ = new Subject();\n }\n ngOnInit() {\n this.items$ = this.cartQuery.selectAllMarketplaceCartData();\n this.totalItems$ = this.cartQuery.updateTotalItems();\n this.basketPointsTotal$ = this.cartQuery.updateBasketPointsTotal();\n this.marketplaceQuery\n .selectMarketplaceItems()\n .pipe(takeUntil(this.destroyed$))\n .subscribe((marketplaceItems) => (this.marketplaceItems = marketplaceItems));\n }\n remove(itemToRemove) {\n this.cartService.remove(itemToRemove.id);\n }\n redirectToDetail(id) {\n return this.router.navigateByUrl(`/rewards/marketplace/details/${id}`);\n }\n updateCartItemValue(cartItem, quantity) {\n this.cartService.addMarketplaceItemToCart(cartItem.productData, quantity, cartItem.attributes, cartItem.customFields, true);\n }\n // if purchaseMarketplaceItemsInCart in cartService has an error, selectMarketplaceItems will fetch agian to check real stock quantity\n checkQuantityOfCartItem(cartItem) {\n const product = cartItem.productData;\n let marketplaceItem = this.marketplaceItems?.find((mpi) => mpi.Id === product.Id);\n this.marketplaceItemCount = marketplaceItem?.AvailabilityCount || 0;\n return cartItem.purchaseQuantity > this.marketplaceItemCount ? 'marketplace.item.count.left' : '';\n }\n identify(index, cart) {\n return cart.id;\n }\n ngOnDestroy() {\n this.destroyed$.next();\n this.destroyed$.complete();\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CartItemComponent, deps: [{ token: i1.CartQuery }, { token: i1.CartService }, { token: i2.Router }, { token: i1.MarketplaceQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: CartItemComponent, selector: \"fgbcl-cart-item\", inputs: { isCheckoutPage: \"isCheckoutPage\" }, ngImport: i0, 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 {{ 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 \\r\\n \\r\\n \\r\\n {{ item.purchaseQuantity }}\\r\\n \\r\\n
\\r\\n {{'cart.quantity' | translate }}
\\r\\n{{ item.purchaseQuantity }}
\\r\\n\\r\\n \\r\\n {{ 'cart.merchantPoint' | translate }} \\r\\n ${{ ((item.purchaseQuantity * item.productData.MerchantValue) / 100).toFixed(2) }}\\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 {{ checkQuantityOfCartItem(item) | translate : { marketplaceItemCount: marketplaceItemCount } }}\\r\\n
\\r\\n\\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 {{ 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 \\r\\n \\r\\n {{ item.purchaseQuantity }}\\r\\n \\r\\n
\\r\\n {{'cart.quantity' | translate }}
\\r\\n{{ item.purchaseQuantity }}
\\r\\n\\r\\n \\r\\n {{ 'cart.merchantPoint' | translate }} \\r\\n ${{ ((item.purchaseQuantity * item.productData.MerchantValue) / 100).toFixed(2) }}\\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 {{ checkQuantityOfCartItem(item) | translate : { marketplaceItemCount: marketplaceItemCount } }}\\r\\n
\\r\\n\\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 i1 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i0 from '@angular/core';\nimport { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';\nimport { CountdownModule } from '@fgb/portal-component-library/src/lib/shared/countdown';\nimport * as i2 from '@ngx-translate/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { CountdownV2Component } from '@fgb/portal-component-library/src/lib/shared/countdown-v2';\nimport { LOYALTY_STATUS } from '@fgb/core';\n\nclass RewardStatusComponent {\n constructor() {\n this.itemStart = new EventEmitter();\n this.statusType = LOYALTY_STATUS;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: RewardStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: RewardStatusComponent, isStandalone: true, selector: \"fgbcl-reward-status\", inputs: { status: \"status\", startDate: \"startDate\", comingSoonDate: \"comingSoonDate\" }, outputs: { itemStart: \"itemStart\" }, ngImport: i0, template: \"\\r\\n
\\r\\n\", styles: [\".reward-disabled-status .reward-status{height:54px;display:flex;align-items:center;justify-content:center;border-radius:16px}.reward-disabled-status .reward-status label{font-size:14px;font-weight:400;margin-bottom:0;margin-right:5px}.reward-disabled-status fgbcl-countdown-v2{color:#707070;font-size:14px}\\n\"], dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"directive\", type: i1.NgSwitch, selector: \"[ngSwitch]\", inputs: [\"ngSwitch\"] }, { kind: \"directive\", type: i1.NgSwitchCase, selector: \"[ngSwitchCase]\", inputs: [\"ngSwitchCase\"] }, { kind: \"ngmodule\", type: CountdownModule }, { kind: \"ngmodule\", type: TranslateModule }, { kind: \"pipe\", type: i2.TranslatePipe, name: \"translate\" }, { kind: \"component\", type: CountdownV2Component, selector: \"fgbcl-countdown-v2\", inputs: [\"startDateTime\", \"endDateTime\", \"completeText\", \"isUTC\"], outputs: [\"complete\"] }], 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, CountdownModule, TranslateModule, CountdownV2Component], 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\", styles: [\".reward-disabled-status .reward-status{height:54px;display:flex;align-items:center;justify-content:center;border-radius:16px}.reward-disabled-status .reward-status label{font-size:14px;font-weight:400;margin-bottom:0;margin-right:5px}.reward-disabled-status fgbcl-countdown-v2{color:#707070;font-size:14px}\\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 { RewardStatusComponent };\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 } 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 \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\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: [\".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: \"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 {{ attribute.ValueName }}\\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 \\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 {{ attribute.ValueName }}\\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 \\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 {{ attrMapping?.DisplayName }}\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ selectedAttributeValue.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 {{ attrMapping.DisplayName }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ attrMapping?.DisplayName }}\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ selectedAttributeValue.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 {{ attrMapping.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 \\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 {{\\r\\n item.PointValue | FortressCurrencyPipe : 'PTS'\\r\\n }}\\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 {{ '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 {{ 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 {{ 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 {{\\r\\n item.PointValue | FortressCurrencyPipe : 'PTS'\\r\\n }}\\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 {{ '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 {{ item.TermsAndConditions }} \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\r\n \r\n {{ pointsBalance$ | async | FortressCurrencyPipe : 'PTS' }}\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\nimport { Populations } from 'src/app/shared/utilities/populations';\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 \r\n
\r\n\r\n\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\nchevron_left
\r\n {{ 'marketplace.back.button.text' | translate }}\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 {{ attribute.ValueName }}\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 \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 \\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\\n\r\n
\r\n\r\n\r\n
\r\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: \"\\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 { Component, Input, NgModule } from '@angular/core';\nimport * as i3 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@fgb/core';\nimport { LoyaltyLimitType, TermsAndCondtionsType, LOYALTY_STATUS, TermsAndCondtion, config, FgbError } from '@fgb/core';\nimport { tap } from 'rxjs';\nimport * as i6 from '@fgb/portal-component-library/src/lib/directives';\nimport { ScreenType, IfItemEnabled, DirectivesModule } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i2 from '@angular/router';\nimport * as i4 from '@fgb/portal-component-library/src/lib/shared/countdown';\nimport { CountdownModule } from '@fgb/portal-component-library/src/lib/shared/countdown';\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/loyalty/reward-status';\nimport { RewardStatusComponent } from '@fgb/portal-component-library/src/lib/loyalty/reward-status';\nimport * as i8 from '@angular/forms';\nimport { FormsModule } from '@angular/forms';\nimport * as i9 from '@fgb/portal-component-library/src/lib/shared/confirm-modal';\nimport { ConfirmModalModule } from '@fgb/portal-component-library/src/lib/shared/confirm-modal';\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 { LoyaltyIconModule } from '@fgb/portal-component-library/src/lib/shared/loyalty-icon';\n\nclass LottoDetailsComponent {\n constructor(errorService, router, lottosService, lottoQuery, balanceService, transactionSuccessService) {\n this.errorService = errorService;\n this.router = router;\n this.lottosService = lottosService;\n this.lottoQuery = lottoQuery;\n this.balanceService = balanceService;\n this.transactionSuccessService = transactionSuccessService;\n this.showTermsAndConditions = false;\n this.entries = 1;\n this.available = true;\n this.LoyaltyLimitType = LoyaltyLimitType;\n this.showLotto = true;\n this.TermsAndCondtionsType = TermsAndCondtionsType;\n this.termsAccepted = false;\n this.screenSize = ScreenType;\n this.STATUS = LOYALTY_STATUS;\n }\n ngOnInit() {\n this.lottoItem$ = this.lottoQuery.selectEntity(this.lottoId)\n .pipe(tap((lotto) => {\n if (lotto) {\n this.lottoTerms = new TermsAndCondtion(lotto.TermsAndConditions, lotto.ShowTermsAndConditions, lotto.TermsAndConditionsType);\n }\n }));\n this.entriesLimit$ = this.lottoQuery.selectEntriesLimit(this.lottoId);\n this.limitMessage$ = this.lottoQuery.selectEntriesLimitMessage(this.lottoId);\n }\n async enterLotto() {\n await this.lottosService.enterLotto(this.lottoId, this.entries);\n const lotto = this.lottoQuery.getEntity(this.lottoId);\n let price = this.lottoQuery.getPrice(this.lottoId);\n if (price == undefined || lotto == undefined) {\n return;\n }\n const cost = price * this.entries;\n this.balanceService.debitBalance(config.purseConfig.virtualLoyalty, cost);\n this.transactionSuccessService.setTransaction(lotto, this.entries, cost);\n this.router.navigate(['/rewards/raffles/purchase/success']);\n }\n lottoEnd() {\n this.router.navigate(['/rewards/raffles']);\n }\n get statusDisableManualEntry() {\n return this.lottoQuery.getEntity(this.lottoId)?.DisableManualEntry;\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: LottoDetailsComponent, deps: [{ token: i1.ErrorStateService }, { token: i2.Router }, { token: i1.LottoService }, { token: i1.LottoQuery }, { token: i1.BalanceService }, { token: i1.TransactionSuccessService }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: LottoDetailsComponent, selector: \"fgbcl-lotto-details\", inputs: { lottoId: \"lottoId\", showTermsAndConditions: \"showTermsAndConditions\" }, 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: [\".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 {{ ('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 {{ ('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
\\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 {{ 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 \\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 }], propDecorators: { lottoId: [{\n type: Input\n }], showTermsAndConditions: [{\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\nimport { HideMobileNav } from '@fgb/portal-component-library/src/lib/directives';\r\n\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 hostDirectives: [\r\n HideMobileNav\r\n ]\r\n})\r\nexport class LottoDetailPageComponent 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 {{ ('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 {{ ('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
\\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 {{ 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 \\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\nchevron_left
\r\n {{ 'lottos.back.button.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
\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
\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' | translate }}\r\n
\r\n No raffles found...
\r\n\r\n
\r\n\r\n\r\n
\r\n","import * as i0 from '@angular/core';\nimport { Component, Inject, Input, NgModule } from '@angular/core';\nimport * as i3 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i6 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\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 i2 from '@fgb/portal-component-library/src/lib/directives';\nimport { ScreenType, DirectivesModule, DataSourceDirective } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i5 from 'angularx-qrcode';\nimport { QRCodeModule } from 'angularx-qrcode';\nimport * as i3$1 from 'ngx-owl-carousel-o';\nimport { CarouselModule } from 'ngx-owl-carousel-o';\nimport * as i2$2 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport * as i1 from '@fgb/core';\nimport { DATE_OPTIONS, ProcessProviderId, WalletItemType } from '@fgb/core';\nimport * as i5$1 from '@ngx-translate/core';\nimport { map, takeUntil } from 'rxjs/operators';\nimport { firstValueFrom, Subject, combineLatest } from 'rxjs';\nimport { OwlCarouselSettings } from '@fgb/portal-component-library/src/lib/shared/utilities';\n\nclass AuctionWonListItemComponent {\n constructor(dateOption) {\n this.dateOption = dateOption;\n this.ShowMoreInfo = false;\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: \"14.0.0\", version: \"17.2.1\", type: AuctionWonListItemComponent, selector: \"fgbcl-auction-won-list-item\", inputs: { auctionItem: \"auctionItem\" }, ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n {{ auctionItem?.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 {{ 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 \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n {{ auctionItem?.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 {{ 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\\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 \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ purchasedItem.Name }}\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ purchasedItem.ExpireDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.auction.wallet.claimed' | translate }}\\r\\n {{ purchasedItem.RedeemDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.auction.barcode.dekstop.unclaimed' | translate }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.auction.barcode.unclaimed' | 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 {{ purchasedItem.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 {{ purchasedItem.PurchaseDate | UtcToLocaltimePipe : dateOption.LongDateFormat }}\\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 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 \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ purchasedItem.Name }}\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ purchasedItem.ExpireDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.auction.wallet.claimed' | translate }}\\r\\n {{ purchasedItem.RedeemDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.auction.barcode.dekstop.unclaimed' | translate }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.auction.barcode.unclaimed' | 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 {{ purchasedItem.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 {{ purchasedItem.PurchaseDate | UtcToLocaltimePipe : dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n {{ 'wallet.no.items.found' | translate }}\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n {{ lottoItem?.Name }}
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ lottoItem.Name }}
\\r\\n \\r\\n {{ 'fgbcl.lotto.claimed' | translate }} {{ lottoItem.RedeemDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n {{ lottoItem?.Name }}
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ lottoItem.Name }}
\\r\\n \\r\\n {{ 'fgbcl.lotto.claimed' | translate }} {{ lottoItem.RedeemDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n {{ purchaseItem.Name }}
\\r\\n \\r\\n \\r\\n
\\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 \\r\\n
\\r\\n \\r\\n
\\r\\n {{ purchaseItem.Code }}
\\r\\n \\r\\n \\r\\n {{ 'download.rewards.item' | translate }}\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ purchaseItem.ExpireDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ purchaseItem.Name }}
\\r\\n \\r\\n {{ 'fgbcl.wallet.claimed' | translate }} {{ purchaseItem.RedeemDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n {{ purchaseItem.Name }}
\\r\\n \\r\\n \\r\\n
\\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 \\r\\n
\\r\\n \\r\\n
\\r\\n {{ purchaseItem.Code }}
\\r\\n \\r\\n \\r\\n {{ 'download.rewards.item' | translate }}\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ purchaseItem.ExpireDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ purchaseItem.Name }}
\\r\\n \\r\\n {{ 'fgbcl.wallet.claimed' | translate }} {{ purchaseItem.RedeemDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n {{ 'rewards.wallet.redeem.title' | translate }}
\\r\\n{{ 'rewards.wallet.redeem.title' | translate }}
\\r\\n\\r\\n
\\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\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n {{ purchasedItem.Name }}\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.lotto.wallet.claimed' | translate }}\\r\\n {{ purchasedItem.RedeemDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\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.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 {{ purchasedItem.PurchaseDate | UtcToLocaltimePipe : dateOption.LongDateFormat }}\\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 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\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n {{ purchasedItem.Name }}\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.lotto.wallet.claimed' | translate }}\\r\\n {{ purchasedItem.RedeemDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\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.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 {{ purchasedItem.PurchaseDate | UtcToLocaltimePipe : dateOption.LongDateFormat }}\\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 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 \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\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.Name }}\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ purchasedItem.ExpireDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.wallet.claimed' | translate }}\\r\\n {{ purchasedItem.RedeemDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.marketplace.barcode.dekstop.unclaimed' | translate }}\\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.marketplace.barcode.unclaimed' | 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 {{ purchasedItem.Code }}
\\r\\n \\r\\n {{ purchasedItem.Code2 }}\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.uniquecode.instruction' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'download.rewards.item' | translate }}\\r\\n \\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 }}\\r\\n
\\r\\n \\r\\n 0\\\">\\r\\n {{ 'marketplace.ecash.used' | translate }}\\r\\n\\r\\n {{ purchasedItem.EcashValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n 0\\\">\\r\\n {{ 'marketplace.merchant.used' | translate }}\\r\\n\\r\\n {{ purchasedItem.MerchantValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ customField.DisplayName }}\\r\\n {{ customField.DisplayValue }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ attribute.DisplayName }}\\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 {{ purchasedItem.PurchaseDate | UtcToLocaltimePipe : dateOption.LongDateFormat }}\\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 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 \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\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.Name }}\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ purchasedItem.ExpireDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.wallet.claimed' | translate }}\\r\\n {{ purchasedItem.RedeemDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.marketplace.barcode.dekstop.unclaimed' | translate }}\\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.marketplace.barcode.unclaimed' | 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 {{ purchasedItem.Code }}
\\r\\n \\r\\n {{ purchasedItem.Code2 }}\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.uniquecode.instruction' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'download.rewards.item' | translate }}\\r\\n \\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 }}\\r\\n
\\r\\n \\r\\n 0\\\">\\r\\n {{ 'marketplace.ecash.used' | translate }}\\r\\n\\r\\n {{ purchasedItem.EcashValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n 0\\\">\\r\\n {{ 'marketplace.merchant.used' | translate }}\\r\\n\\r\\n {{ purchasedItem.MerchantValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ customField.DisplayName }}\\r\\n {{ customField.DisplayValue }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ attribute.DisplayName }}\\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 {{ purchasedItem.PurchaseDate | UtcToLocaltimePipe : dateOption.LongDateFormat }}\\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\", 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$2.NgbPagination, selector: \"ngb-pagination\", inputs: [\"disabled\", \"boundaryLinks\", \"directionLinks\", \"ellipses\", \"rotate\", \"collectionSize\", \"maxSize\", \"page\", \"pageSize\", \"size\"], outputs: [\"pageChange\"] }, { kind: \"directive\", type: i2$1.RouterLink, selector: \"[routerLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"state\", \"info\", \"relativeTo\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"routerLink\"] }, { kind: \"directive\", type: i2.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\", 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 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 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 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\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { AuctionWalletDetailsComponent, AuctionWonListItemComponent, LottosWalletDetailsComponent, LottosWonListItemComponent, MarketplacePurchasedListItemComponent, MarketplaceWalletDetailsComponent, RewardsWalletRedeemListComponent, RewardsWalletRedeemListItemComponent, RewardsWalletRedeemedListComponent, RewardsWalletRedeemedListItemComponent, WalletModule };\n","\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
\r\n\r\n
\r\n Redeem Now
\r\n Open on mobile to Scan
\r\n \r\n account_balance_wallet\r\n No items are available to redeem. Please visit Rewards to complete purchases.\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","import { Component, OnInit } from '@angular/core';\r\nimport { Populations } from 'src/app/shared/utilities/populations';\r\n\r\n@Component({\r\n selector: 'fgb-game-nav',\r\n templateUrl: './game-nav.component.html',\r\n styleUrls: ['./game-nav.component.scss'],\r\n})\r\nexport class GameNavComponent implements OnInit {\r\n populations = Populations;\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n}\r\n","- \r\n
live_help
\r\n \r\n \r\n assessment
\r\n \r\n \r\n sports_score
\r\n \r\n \r\n flaky
\r\n \r\n \r\n supervised_user_circle
\r\n \r\n \r\n \r\n {{ selectedPlayer.PlayerName }}\r\n {{ selectedPlayer.PlayerName }}\r\n
\r\n {{ 'pick.player.no.player.selected' | translate }}
\r\n \r\n {{ 'pick.player.no.player.selected' | translate }}\r\n
\r\n \r\n \r\n {{ selectedPlayer.PlayerName }}\r\n
\r\n \r\n \r\n {{ selectedPlayer.PlayerName }}\r\n {{ selectedPlayer.PlayerName }}\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n\r\n{{ 'games.pick.a.player.title.text' | translate }}
\r\n\r\n
\r\n","import { Component, OnInit, Input, Output, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';\r\nimport { FantasyGame, FantasyPlayer } from '@fgb/core';\r\n\r\nimport * as _moment from 'moment';\r\nconst moment = _moment;\r\n\r\n@Component({\r\n selector: 'fgb-fantasy-game-panel',\r\n templateUrl: './fantasy-game-panel.component.html',\r\n styleUrls: ['./fantasy-game-panel.component.scss'],\r\n})\r\nexport class FantasyGamePanelComponent implements OnInit, OnChanges {\r\n constructor() {}\r\n\r\n @Output() button = new EventEmitter\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{ 'pick.player.time.left' | translate }}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n VS
\r\n \r\n
\r\n \r\n
\r\n {{ gameDate }}, {{ gameTime }}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{ 'pick.player.time.left' | translate }}
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n VS
\r\n \r\n \r\n
\r\n \r\n
\r\n {{ gameDate }}, {{ gameTime }}
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {{ 'pick.player.history.points.pending' | translate }}\r\n \r\n
\r\n \r\n\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { FantasyHistory, FantasyGame, GameStatus } from '@fgb/core';\r\n\r\nimport * as _moment from 'moment';\r\nconst moment = _moment;\r\n\r\n@Component({\r\n selector: 'fgb-fantasy-history-list-item',\r\n templateUrl: './fantasy-history-list-item.component.html',\r\n styleUrls: ['./fantasy-history-list-item.component.scss'],\r\n})\r\nexport class FantasyHistoryListItemComponent implements OnInit {\r\n @Input() game: FantasyGame;\r\n @Input() fantasyHistoryItem: FantasyHistory;\r\n\r\n gameDate: string;\r\n gameTime: string;\r\n isPending: boolean = false;\r\n\r\n constructor() {}\r\n\r\n ngOnInit() {\r\n this.gameDate = moment.utc(this.fantasyHistoryItem.GameDate).format('DD MMM');\r\n this.gameTime = moment.utc(this.fantasyHistoryItem.GameDate).format('HH:mm');\r\n\r\n this.isPending = this.fantasyHistoryItem.Status === GameStatus.Ready;\r\n }\r\n}\r\n","\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {{ 'pick.player.history.points.pending' | translate }}\r\n \r\n
\r\n \r\n {{ fantasyHistoryItem.PlayerName }}\r\n
\r\n \r\n \r\n
\r\n \r\n @if (fantasyHistoryItem.ClubPlayingStatus == 1) {\r\n {{ fantasyHistoryItem.AwayTeamName }}} @else { {{ fantasyHistoryItem.HomeTeamName }} }\r\n
\r\n - {{ gameDate | date : 'dd, MMM' }}
\r\n \r\n 0,\r\n 'text-info ': fantasyHistoryItem.PlayerGamePoints === 0\r\n }\"\r\n >\r\n 0\">+\r\n {{ fantasyHistoryItem.PlayerGamePoints / 100 | FortressCurrencyPipe : 'PTS' }}\r\n
\r\n \r\n 0,\r\n 'text-grey ': fantasyHistoryItem.PlayerGamePoints === 0\r\n }\"\r\n >\r\n 0\">+\r\n {{ fantasyHistoryItem.PlayerGamePoints / 100 | FortressCurrencyPipe : 'PTS' }}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {{ 'pick.player.history.placeholder.description' | translate }}
\r\n\r\n \r\n
\r\n\r\n","import { Component, OnInit, Input } from '@angular/core';\r\n\r\nimport { FantasyLeaderboard } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-fantasy-leaderboard',\r\n templateUrl: './fantasy-leaderboard.component.html',\r\n styleUrls: ['./fantasy-leaderboard.component.scss'],\r\n})\r\nexport class FantasyLeaderboardComponent implements OnInit {\r\n @Input() fantasyEntries: FantasyLeaderboard[];\r\n\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n}\r\n","\r\n\r\n\r\n
\r\n {{ 'pick.player.leaderboard.rank' | translate }}
\r\n {{ 'pick.player.leaderboard.name' | translate }}
\r\n {{ 'pick.player.leaderboard.points' | translate }}
\r\n \r\n
\r\n \r\n {{ entry.Position }}\r\n
\r\n \r\n
\r\n {{ entry.FullName }}
\r\n \r\n {{ entry.Points / 100 }}\r\n
\r\n \r\n \r\n \r\n \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 { FantasyGameQuery, FantasyGame, FantasyLeaderboard } from '@fgb/core';\r\nimport { Observable, Subscription } from 'rxjs';\r\nimport { Router } from '@angular/router';\r\nimport * as _moment from 'moment';\r\nimport { OwlOptions } from 'ngx-owl-carousel-o';\r\nimport { OwlCarouselSettings } from 'src/app/shared/utilities/owl-carousel-settings';\r\nimport { FantasyService, MonthlyLeaderboard } from 'src/app/modules/fantasy/fantasy-leaderboard.service';\r\n\r\nconst moment = _moment;\r\n\r\n@Component({\r\n selector: 'fgb-fantasy-games-page',\r\n templateUrl: './fantasy-games-page.component.html',\r\n styleUrls: ['./fantasy-games-page.component.scss'],\r\n})\r\nexport class FantasyGamesPageComponent implements OnInit, OnDestroy {\r\n currentGames$: Observable\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n {{ 'pick.player.history.title' | translate }}
\r\n\r\n
\r\n \r\n
\r\n {{ 'score.predictor.placeholder.description' | translate }}
\r\n {{ 'pick.player.rules.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
\r\n \r\n \r\n \r\n\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { FantasyPlayer, FantasyGame, FantasyGameQuery, FantasyGameService } from '@fgb/core';\r\nimport { Observable, firstValueFrom } from 'rxjs';\r\nimport { Router } from '@angular/router';\r\nimport { map, filter, tap } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'fgb-fantasy-player-select',\r\n templateUrl: './fantasy-player-select.component.html',\r\n styleUrls: ['./fantasy-player-select.component.scss'],\r\n})\r\nexport class FantasyPlayerSelectComponent implements OnInit {\r\n constructor(private fantasyQuery: FantasyGameQuery, private fantasyService: FantasyGameService, private router: Router) {}\r\n\r\n @Input() gameId: number;\r\n @Input() backButtonLink: string = '/games/pickaplayer';\r\n\r\n selectedPlayer$: Observable\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n {{ player.PlayerName }}
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {{ player.PlayerName }}
\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 { Populations } from 'src/app/shared/utilities/populations';\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 \r\n
\r\n {{ 'score.predictor.placeholder.description' | translate }}
\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 { Observable } from 'rxjs';\r\nimport { Populations } from 'src/app/shared/utilities/populations';\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 \r\n
\r\n {{ 'score.predictor.placeholder.description' | translate }}
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Survey, SurveyQuery, SurveyType } from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\nimport { Populations } from 'src/app/shared/utilities/populations';\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 \r\n quizzes$: Observable\r\n
\r\n \r\n
\r\n \r\n
\r\n {{ 'trivia.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 {{ joke.question }}\r\n
\r\n \r\n \r\n ?\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {{ joke.answer }}
\r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { JokesModel } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-jokes-page',\r\n templateUrl: './jokes-page.component.html',\r\n styleUrls: ['./jokes-page.component.scss'],\r\n})\r\nexport class JokesPageComponent implements OnInit {\r\n jokes: JokesModel[] = [\r\n new JokesModel(\r\n 'assets/images/jokes/banners/banner-question-1.png',\r\n 'assets/images/jokes/banners/banner-answer-1.png',\r\n 'Which superhero is best at baseball?',\r\n 'Batman',\r\n 'assets/images/jokes/emojis/emoji-1.png'\r\n ),\r\n new JokesModel(\r\n 'assets/images/jokes/banners/banner-question-2.png',\r\n 'assets/images/jokes/banners/banner-answer-2.png',\r\n 'Which superhero is best at baseball?',\r\n 'Batman',\r\n 'assets/images/jokes/emojis/emoji-2.png'\r\n ),\r\n new JokesModel(\r\n 'assets/images/jokes/banners/banner-question-3.png',\r\n 'assets/images/jokes/banners/banner-answer-3.png',\r\n 'Which superhero is best at baseball?',\r\n 'Batman',\r\n 'assets/images/jokes/emojis/emoji-3.png'\r\n ),\r\n new JokesModel(\r\n 'assets/images/jokes/banners/banner-question-1.png',\r\n 'assets/images/jokes/banners/banner-answer-1.png',\r\n 'Which superhero is best at baseball?',\r\n 'Batman',\r\n 'assets/images/jokes/emojis/emoji-1.png'\r\n ),\r\n new JokesModel(\r\n 'assets/images/jokes/banners/banner-question-2.png',\r\n 'assets/images/jokes/banners/banner-answer-2.png',\r\n 'Which superhero is best at baseball?',\r\n 'Batman',\r\n 'assets/images/jokes/emojis/emoji-2.png'\r\n ),\r\n new JokesModel(\r\n 'assets/images/jokes/banners/banner-question-3.png',\r\n 'assets/images/jokes/banners/banner-answer-3.png',\r\n 'Which superhero is best at baseball?',\r\n 'Batman',\r\n 'assets/images/jokes/emojis/emoji-3.png'\r\n ),\r\n ];\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n}\r\n","","import { AfterViewInit, Component, ElementRef, Input, OnDestroy, OnInit, Optional, Self, ViewChild } from '@angular/core';\r\nimport { AbstractControl, ControlValueAccessor, NgControl } from '@angular/forms';\r\nimport { fromEvent, merge, Subject } from 'rxjs';\r\nimport { filter, map, takeUntil } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'fgb-number-increment-input',\r\n templateUrl: './number-increment-input.component.html',\r\n styleUrls: ['./number-increment-input.component.scss']\r\n})\r\nexport class NumberIncrementInputComponent implements AfterViewInit, OnInit, OnDestroy, ControlValueAccessor {\r\n\r\n @Input() maxLimit: number = 999;\r\n @Input() name: string = '';\r\n @Input() wscPrefix: string = '';\r\n innerValue: number = 0;\r\n onChangeCallback = (_: any) => {};\r\n onTouchedCallback = () => {};\r\n control: AbstractControl | any;\r\n private numberChange$: Subject\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n\r\n\r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n \r\n
{{ 'score.predictor.completed.good.luck.text' | translate }}
\r\n \r\n
\r\n\r\n","import { Component, EventEmitter, Input, OnChanges, OnInit, Output } from '@angular/core';\r\nimport { PredictorAnswerType, Survey } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-score-predictor-completed-pending',\r\n templateUrl: './score-predictor-completed-pending.component.html',\r\n styleUrls: ['./score-predictor-completed-pending.component.scss'],\r\n})\r\nexport class ScorePredictorCompletedPendingComponent implements OnInit, OnChanges {\r\n @Input() survey: Survey;\r\n @Input() canEdit: boolean = false;\r\n @Output() editAnswer = new EventEmitter\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n","import { Component, Input, OnChanges, OnInit } from '@angular/core';\r\nimport { Population, PredictorAnswerType, Survey } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-score-predictor-completed-processed',\r\n templateUrl: './score-predictor-completed-processed.component.html',\r\n styleUrls: ['./score-predictor-completed-processed.component.scss'],\r\n})\r\nexport class ScorePredictorCompletedProcessedComponent implements OnInit, OnChanges {\r\n @Input() survey: Survey;\r\n populations:Population;\r\n @Input() hasSelectedCorrect: boolean;\r\n @Input() pointsWon: number;\r\n\r\n homeAnswer: string | undefined;\r\n awayAnswer: string | undefined;\r\n\r\n homeScore: string | undefined;\r\n awayScore: string | undefined;\r\n\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n\r\n ngOnChanges() {\r\n const home = this.survey.SurveyAnswers.find((x) => x.AnswerType === PredictorAnswerType.Home);\r\n if (home) {\r\n this.homeAnswer = home.AnswerValue;\r\n this.homeScore = home.Value;\r\n }\r\n\r\n const away = this.survey.SurveyAnswers.find((x) => x.AnswerType === PredictorAnswerType.Away);\r\n if (away) {\r\n this.awayAnswer = away.AnswerValue;\r\n this.awayScore = away.Value;\r\n }\r\n }\r\n}\r\n","{{ homeScore }} - {{ awayScore }}
\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n {{ 'score.predictor.completed.prediction.correct' | translate }}
\r\n \r\n {{ 'score.predictor.completed.prediction.correct.you.won.text' | translate : { points: survey.PointValue / 100 } }}\r\n
{{ 'score.predictor.completed.prediction.correct.process.time' | translate }}\r\n
\r\n {{ 'score.predictor.completed.prediction.correct.process.time' | translate }}\r\n
\r\n
\r\n \r\n {{ 'score.predictor.completed.prediction.incorrect' | 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, Input, OnInit, Output, EventEmitter } from '@angular/core';\r\nimport { ProcessStatus, ScorePredictorStatus, Survey, SurveyQuery, SurveyType } from '@fgb/core';\r\nimport { map, take, tap } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'fgb-score-predictor-header',\r\n templateUrl: './score-predictor-header.component.html',\r\n styleUrls: ['./score-predictor-header.component.scss'],\r\n})\r\nexport class ScorePredictorHeaderComponent implements OnInit {\r\n @Input() scorePredictor: Survey;\r\n @Input() canEditAnswer: Boolean;\r\n @Input() status: ScorePredictorStatus;\r\n @Output() statusChange = new EventEmitter\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n {{ 'score.predictor.header.title' | translate }}
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {{ 'score.predictor.header.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 \r\n \r\n {{ scorePredictor.SurveyQuestion }}\r\n \r\n \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 { Survey, SurveyQuery } from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\nimport { Populations } from 'src/app/shared/utilities/populations';\r\n\r\n@Component({\r\n selector: 'fgb-score-predictor-page',\r\n templateUrl: './score-predictor-page.component.html',\r\n styleUrls: ['./score-predictor-page.component.scss'],\r\n})\r\nexport class ScorePredictorPageComponent implements OnInit {\r\n scorePredictors$: Observable 0\">\r\n
\r\n {{ 'games.page.score.predictor.information' | translate }}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n {{ 'score.predictor.placeholder.description' | translate }}
\r\n \r\n
\r\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ category.Category }}\\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.BadgeListItemComponent, selector: \"fgbcl-badge-list-item\", inputs: [\"badge\", \"phaseThree\", \"confettiColors\"] }, { 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.Category }}\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [{ type: i1.BadgesQuery }, { type: i1.BadgesService }], propDecorators: { phaseThree: [{\n type: Input\n }], confettiColors: [{\n type: Input\n }], showPlaceholder: [{\n type: Input\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\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { BadgeOverviewListComponent, BadgeOverviewListModule };\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'fgb-challenges-nav',\r\n templateUrl: './challenges-nav.component.html',\r\n styleUrl: './challenges-nav.component.scss'\r\n})\r\nexport class ChallengesNavComponent {\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 { Populations } from 'src/app/shared/utilities/populations';\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 screenType = ScreenType;\r\n populations = Populations;\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 {{ 'badges.placeholder.description' | translate }}
\\r\\n Badges
\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-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 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 email\r\n {{ member.EmailAddress1 }}\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 name$: Observable\r\n
\r\n\r\n
\r\n {{ 'account.member.card.title' | translate }}
\r\n\r\n
\r\n {{ 'account.details.title' | translate }}
\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","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.list.description' | translate }}
\r\n\r\n ![\"\"](\"assets/images/icons/no-transactions.svg\")
\r\n
\r\n \r\n \r\n {{ 'no.transactions.placeholder.list.title' | translate }}\r\n
\r\n{{ 'account.activity.placeholder.list.description' | translate }}
\r\n\r\n
\r\n","import { OnInit, Input, OnChanges, SimpleChanges, Component, Inject } from '@angular/core';\r\nimport { TransactionType, Transaction, TransactionService, TransactionQuery, DATE_OPTIONS, DateOptions } 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\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;\r\n @Input() ecashView: boolean;\r\n @Input() accountView: boolean;\r\n\r\n transactions$: Observable\r\n {{ 'payment.history.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","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 screenType = ScreenType;\r\n transactionTypes = TransactionType;\r\n\r\n constructor() {}\r\n ngOnInit() {}\r\n}\r\n","import * as i0 from '@angular/core';\nimport { Component, Input, NgModule } from '@angular/core';\nimport * as i4 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i2 from 'angularx-qrcode';\nimport { QRCodeModule } from 'angularx-qrcode';\nimport * as i1 from 'ngx-device-detector';\nimport * as i2$1 from '@fgb/core';\nimport * as i3 from '@ng-bootstrap/ng-bootstrap';\nimport * as i5 from '@fgb/portal-component-library/src/lib/shared/loading';\nimport { LoadingModule } from '@fgb/portal-component-library/src/lib/shared/loading';\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 { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass MobilePassModalComponent {\n constructor() { }\n ngOnInit() {\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MobilePassModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: MobilePassModalComponent, selector: \"fgbcl-mobile-pass-modal\", inputs: { url: \"url\" }, ngImport: i0, template: \"\r\n
\r\n\\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i4.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: i2.QRCodeComponent, selector: \"qrcode\", inputs: [\"allowEmptyString\", \"colorDark\", \"colorLight\", \"cssClass\", \"elementType\", \"errorCorrectionLevel\", \"imageSrc\", \"imageHeight\", \"imageWidth\", \"margin\", \"qrdata\", \"scale\", \"version\", \"width\", \"alt\", \"ariaLabel\", \"title\"], outputs: [\"qrCodeURL\"] }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MobilePassModalComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-mobile-pass-modal', template: \"\\r\\n
\\r\\nDownload Mobile Pass
\\r\\nPlease scan the QR code using your phone to download your pass
\\r\\n\\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { url: [{\n type: Input\n }] } });\n\nclass MobilePassComponent {\n constructor(deviceDetector, loggingService, modalService, mobilePassService, mobilePassQuery) {\n this.deviceDetector = deviceDetector;\n this.loggingService = loggingService;\n this.modalService = modalService;\n this.mobilePassService = mobilePassService;\n this.mobilePassQuery = mobilePassQuery;\n this.separateTop = false;\n }\n ngOnInit() {\n this.mobilePassService.fetchPass(this.memberId).toPromise();\n this.mobilePassUrl$ = this.mobilePassQuery.selectFirst();\n }\n downloadPassDesktop(url) {\n if (!this.deviceDetector.isMobile()) {\n // Produce a QR code for the mobile link so a user is redirected to the mobile link\n // when scanning on their phone.\n this.loggingService.info('Desktop detected, formatting QR code.');\n const modal = this.modalService.open(MobilePassModalComponent);\n modal.componentInstance.url = url;\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MobilePassComponent, deps: [{ token: i1.DeviceDetectorService }, { token: i2$1.LoggingService }, { token: i3.NgbModal }, { token: i2$1.MobilePassService }, { token: i2$1.MobilePassQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: MobilePassComponent, selector: \"fgbcl-mobile-pass\", inputs: { memberId: \"memberId\", separateTop: \"separateTop\" }, ngImport: i0, template: \"\\r\\n
\\r\\nDownload Mobile Pass
\\r\\nPlease scan the QR code using your phone to download your pass
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\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.MemberId }}
\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\nimport { Card, CardQuery } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-card-list',\r\n templateUrl: './card-list.component.html',\r\n styleUrls: ['./card-list.component.scss']\r\n})\r\nexport class CardListComponent implements OnInit {\r\n cards$: Observable\r\n \r\n
\r\n \r\n \r\n 0 &&\r\n autoTopUpSubscription.AutoTopUpItems[0].HasSubscription\r\n \"\r\n class=\"float-end row no-gutters align-items-center m-1\"\r\n >\r\n \r\n {{ autoTopUpSubscription.AutoTopUpItems[0].Active ? 'Active' : 'InActive' }}\r\n
\r\n \r\n AUTO RELOAD
\r\n \r\n \r\n \r\n Update\r\n \r\n \r\n\r\n \r\n \r\n Activate eCash Auto Reload\r\n \r\n \r\n
\r\n \r\n 1\" class=\"row\">\r\n
\r\n \r\n 0 &&\r\n autoTopUpSubscription.AutoTopUpItems[0].HasSubscription &&\r\n !autoTopUpSubscription.AutoTopUpItems[0].Active\r\n \"\r\n (change)=\"onBelowChange($event.target.value)\"\r\n class=\"form-control mb-2\"\r\n [value]=\"\r\n autoTopUpSubscription.AutoTopUpItems && autoTopUpSubscription.AutoTopUpItems.length > 0\r\n ? autoTopUpSubscription.AutoTopUpItems[0].Threshold\r\n : autoTopUpSubscription.AutoTopUpTresholds[0]\r\n \"\r\n >\r\n \r\n \r\n
\r\n Below Amount
\r\n \r\n 0 &&\r\n autoTopUpSubscription.AutoTopUpItems[0].HasSubscription &&\r\n !autoTopUpSubscription.AutoTopUpItems[0].Active\r\n \"\r\n (change)=\"onAmountChange($event.target.value)\"\r\n class=\"form-control mb-2\"\r\n [value]=\"\r\n autoTopUpSubscription.AutoTopUpItems && autoTopUpSubscription.AutoTopUpItems.length > 0\r\n ? autoTopUpSubscription.AutoTopUpItems[0].Amount\r\n : autoTopUpSubscription.AutoTopUpAmounts[0]\r\n \"\r\n >\r\n \r\n \r\n
\r\n Load Amount
\r\n 0\" class=\"modal-content\">\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Auto Load ecash
\r\n\r\n Are you sure you want to top up\r\n {{ topUpAmount / 100 | FortressCurrencyPipe: 'USD' }} every time\r\n your balance is below the amount of\r\n {{ belowAmount / 100 | FortressCurrencyPipe: 'USD' }}\r\n ?\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n Confirm\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n How to set up Auto Top-Up
\r\n \r\n
\r\n \r\n
\r\n To initially set up auto top-up set your below and top-up amount.
\r\nIf your account falls below the below amount your top-up amount will automatically be added.
\r\nOnce set up you can inactivate your auto top-up without removing your card details, or update your amounts.
\r\nClicking delete will cancel your auto top-up and remove your card details from the system.
\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n How to auto reload
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Auto reload will continually reload your membership card with eCash, every time your balance falls below the\r\n designated amount.\r\n
\r\n\r\n Step 1. In “Below Amount” enter the price point that you want your account to be\r\n automatically reloaded.\r\n
\r\n\r\n Step 2. In “Load Amount” enter the amount that will be added to your membership\r\n card once your balance goes below the point outlined in step 1.\r\n
\r\nStep 3. Click the green Activate eCash Auto Reload button.
\r\n\r\n Step 4. Enter your credit card or debit card details in the fields required.\r\n
\r\nStep 5. Click Submit.
\r\nOnce set up you can disable your auto reload without removing your card details, or update your amounts.
\r\nClicking delete payment card will cancel your auto reload and remove your card details from the system.
\r\n\r\n
\r\n\r\n\r\n \r\n
\r\n LOAD ECASH
\r\n \r\n
\r\nLoad Amount
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n How to load manually ?
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Top-up your membership card, with a once off amount of eCash.
\r\n\r\n Step 1. Enter the desire amount you wish top up with in “Load\r\n amount”.\r\n
\r\nStep 2. Click the green top-up button.
\r\n\r\n Step 3. Enter your credit card or debit card details in the fields\r\n required.\r\n
\r\nStep 4. Click submit.
\r\n- \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n","\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.balance.bar' | translate }} {{ combinedCard$ | async | FortressCurrencyPipe }}\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\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
\r\n Load Successful
\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 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 {{ amount / 100 | FortressCurrencyPipe: 'USD' }} to your account.\r\n
\r\n Your eCash 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 Load Failed
\r\n\r\n
\r\n Unfortunately, the transaction was not processed.
\r\n Please try again or contact our support team.
\r\n \r\n \r\n
\r\n \r\n
\r\n","\r\n\r\n\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \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 \r\n \r\n \r\n
\r\n {{ 'kids.member.type' | translate: { fgbdefault: 'Kids' } }} - {{ card.MemberId }}
\r\n {{ 'season.ticket.holder.type' | translate: { fgbdefault: 'Season Ticket Holder' } }} - {{ card.MemberId }}
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {{ points }}\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n\r\n- \r\n \r\n credit_card\r\n \r\n \r\n
\r\n \r\n
\r\n","\r\n
\r\n\r\n\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{ 'purchase.success.title' | translate }}
\r\n\r\n {{ 'purchase.success.description' | translate }}\r\n {{ 'purchase.success.description.email' | translate }}{{ 'purchase.success.description.number' | translate }}\r\n
\r\n\r\n {{ 'purchase.success.total.label' | translate }}{{ orderDetails.OrderMerchantPrice / 100 | FortressCurrencyPipe }}\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
\r\n\r\n\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{ 'purchase.failure.title' | translate }}
\r\n\r\n {{ 'purchase.failure.description' | 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\n\r\n@Component({\r\n selector: 'fgb-ticket-nav',\r\n templateUrl: './ticket-nav.component.html',\r\n styleUrls: ['./ticket-nav.component.scss']\r\n})\r\nexport class TicketNavComponent implements OnInit {\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","Payment processing...
\r\n- \r\n
Account Balance {{ (combinedCard$ | async) | 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 Section\r\n
\r\n \r\n Row\r\n
\r\n \r\n Seat\r\n
\r\n \r\n Balance\r\n
\r\n \r\n Transaction Amount\r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {{ticket.stand}}\r\n
\r\n \r\n {{ticket.row}}\r\n
\r\n \r\n {{ticket.seat}}\r\n
\r\n \r\n {{ticket.balance | FortressCurrencyPipe: 'USD'}}\r\n
\r\n \r\n {{ticket.amount | FortressCurrencyPipe: 'USD'}}\r\n
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\nimport { TopUpTicketPostModel, TopupTicketStore } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-ticket-topup-checkout-list',\r\n templateUrl: './ticket-topup-checkout-list.component.html',\r\n styleUrls: ['./ticket-topup-checkout-list.component.scss']\r\n})\r\nexport class TicketTopupCheckoutListComponent implements OnInit {\r\n topUpTickets$: Observable\r\n
1\">\r\n
\r\n\r\n Ticket Barcode\r\n {{ticket.barcodeText}}\r\n
\r\n \r\n Section\r\n {{ticket.stand}}\r\n
\r\n \r\n Row\r\n {{ticket.row}}\r\n
\r\n \r\n Seat\r\n {{ticket.seat}}\r\n
\r\n \r\n Current Balance\r\n {{ticket.balance | FortressCurrencyPipe: 'USD'}}\r\n
\r\n \r\n Transaction Amount\r\n {{ticket.amount | FortressCurrencyPipe: 'USD'}}\r\n
\r\n 1\">\r\n
TOP UP AMOUNT -\r\n 0; else zeroAmount\">\r\n {{ topUpBalance | FortressCurrencyPipe: 'USD'}}\r\n \r\n \r\n {{0 | FortressCurrencyPipe: 'USD'}}\r\n \r\n
\r\n\r\n\r\n\r\n\r\n Are you sure that you would like to update these funds?\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n","import { Component, OnInit, Output, EventEmitter, Input, OnDestroy } from '@angular/core';\r\nimport { TopupTicketStore } from '@fgb/core';\r\nimport { Observable, Subscription } from 'rxjs';\r\nimport { take } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'fgb-top-up-ticket',\r\n templateUrl: './top-up-ticket.component.html',\r\n styleUrls: ['./top-up-ticket.component.scss']\r\n})\r\nexport class TopUpTicketComponent implements OnInit, OnDestroy {\r\n @Input() cardLayout: boolean;\r\n @Output() topUpAmountSelected = new EventEmitter\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n Active\r\n \r\n \r\n InActive\r\n \r\n
\r\n \r\n {{ ticketItem.Stand }}\r\n
\r\n \r\n {{ ticketItem.Row }}\r\n
\r\n \r\n {{ ticketItem.Seat }}\r\n
\r\n \r\n {{ ticketItem.Balance | FortressCurrencyPipe: 'USD' }}\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 Funds is disabled when payment is inactive
\r\n\r\n
\r\n\r\n
\r\n \r\n Seat\r\n {{ ticketItem.Seat }}\r\n
\r\n \r\n Row\r\n {{ ticketItem.Row }}\r\n
\r\n \r\n Section\r\n {{ ticketItem.Stand }}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Active\r\n \r\n \r\n InActive\r\n \r\n
\r\n \r\n {{ ticketItem.Balance | FortressCurrencyPipe: 'USD' }}\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 { TicketWithBalanceModel, TopUpTicketsStatus } from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'fgb-ticket-unloaded-list',\r\n templateUrl: './ticket-unloaded-list.component.html',\r\n styleUrls: ['../ticket-topup-list.scss']\r\n})\r\nexport class TicketUnloadedListComponent implements OnInit {\r\n @Input() unloadedTickets$: Observable\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Payment Status\r\n
\r\n \r\n \r\n Section\r\n
\r\n \r\n Row\r\n
\r\n \r\n Seat\r\n
\r\n \r\n Balance\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n No tickets found\r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n {{ ticketItem.Stand }}\r\n
\r\n \r\n {{ ticketItem.Row }}\r\n
\r\n \r\n {{ ticketItem.Seat }}\r\n
\r\n \r\n {{ ticketItem.Balance | FortressCurrencyPipe: 'USD' }}\r\n
\r\n \r\n \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 Funds is disabled when payment is inactive
\r\n\r\n
\r\n\r\n
\r\n \r\n Seat\r\n {{ ticketItem.Seat }}\r\n
\r\n \r\n Row\r\n {{ ticketItem.Row }}\r\n
\r\n \r\n Section\r\n {{ ticketItem.Stand }}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {{ ticketItem.Balance | FortressCurrencyPipe: 'USD' }}\r\n
\r\n \r\n \r\n
\r\n \r\n 0; else noTickets\">\r\n \r\n\r\n\r\n \r\n \r\n
\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { TicketWithBalanceModel, TopUpTicketsStatus } from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'fgb-ticket-loaded-list',\r\n templateUrl: './ticket-loaded-list.component.html',\r\n styleUrls: ['../ticket-topup-list.scss']\r\n})\r\nexport class TicketLoadedListComponent implements OnInit {\r\n @Input() loadedTickets$: Observable\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Section\r\n
\r\n \r\n Row\r\n
\r\n \r\n Seat\r\n
\r\n \r\n Balance\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n No tickets have been loaded\r\n
\r\n \r\n
\r\n\r\nTickets
\r\n\r\n All tickets will have access to your main account balance by default. Click Add Funds to add specific amount to each ticket.\r\n
\r\nLoaded tickets
\r\n\r\n \r\n
\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { ActivatedRoute, Router, ParamMap } from '@angular/router';\r\nimport { switchMap } from 'rxjs/operators';\r\nimport { Observable, of } from 'rxjs';\r\nimport { Location } from '@angular/common';\r\n\r\n@Component({\r\n selector: 'fgb-manage-tickets-page',\r\n templateUrl: './manage-tickets-page.component.html',\r\n styleUrls: ['./manage-tickets-page.component.scss']\r\n})\r\nexport class ManageTicketsPageComponent implements OnInit {\r\n @Input() preselectedEventId = '';\r\n gameNumber$: Observable\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n EVENT SELECTOR
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n SHOW MY MEMBER CARD
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n EVENT SELECTOR
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n TRANSACTIONS 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 \r\n
\r\n \r\n = 0 }\"\r\n >\r\n
\r\n {{ day }}
\r\n {{ transaction.TransactionDescription }}
\r\n \r\n {{ transaction.Amount | FortressCurrencyPipe: 'USD' }}\r\n
\r\n {{ transaction.TransactionDate | date: 'hh:mm a' | uppercase }}
\r\n \r\n No Transactions
\r\n\r\n \r\n Click above to search
\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { NgbDate, NgbDateNativeAdapter } from '@ng-bootstrap/ng-bootstrap';\r\nimport { Transaction, LoggingService, MemberQuery, TransactionQuery, TransactionService, TransactionType } from '@fgb/core';\r\nimport { switchMap, take } from 'rxjs/operators';\r\n\r\nimport * as _moment from 'moment';\r\nimport { of } from 'rxjs';\r\nconst moment = _moment;\r\n\r\n@Component({\r\n selector: 'fgb-manage-ticket-history-page',\r\n templateUrl: './manage-ticket-history-page.component.html',\r\n styleUrls: ['./manage-ticket-history-page.component.scss'],\r\n})\r\nexport class ManageTicketHistoryPageComponent implements OnInit {\r\n loading: boolean = false;\r\n startDate: NgbDate;\r\n endDate: NgbDate;\r\n today: NgbDate;\r\n transactions?: { [day: string]: Transaction[] };\r\n dayKeys: string[];\r\n\r\n constructor(\r\n private transactionService: TransactionService,\r\n private transactionQuery: TransactionQuery,\r\n private memberQuery: MemberQuery,\r\n private logService: LoggingService\r\n ) {\r\n let currentDate = new Date(Date.now());\r\n this.startDate = new NgbDate(currentDate.getFullYear(), currentDate.getMonth() + 1, currentDate.getDate());\r\n this.endDate = new NgbDate(currentDate.getFullYear(), currentDate.getMonth() + 1, currentDate.getDate());\r\n this.today = new NgbDate(currentDate.getFullYear(), currentDate.getMonth() + 1, currentDate.getDate());\r\n }\r\n\r\n ngOnInit() {\r\n this.getTransactions();\r\n }\r\n\r\n async getTransactions() {\r\n this.loading = true;\r\n\r\n const user = this.memberQuery.getValue().user;\r\n\r\n if (!user) {\r\n this.logService.warning('Failed to get transactions - user is not logged in.');\r\n return;\r\n }\r\n\r\n let searchFrom = new NgbDateNativeAdapter().toModel(this.startDate);\r\n let searchTo = new NgbDateNativeAdapter().toModel(this.endDate);\r\n\r\n if (searchFrom === null || searchTo === null) {\r\n this.logService.warning('Search dates are null');\r\n return;\r\n }\r\n\r\n searchFrom.setHours(0, 0, 0, 0);\r\n searchTo.setHours(23, 59, 59, 999);\r\n\r\n let transactions: Transaction[] | undefined;\r\n\r\n transactions = await this.transactionService\r\n .fetchTransactions(searchFrom, searchTo, user.memberId, TransactionType.ecash)\r\n .pipe(\r\n switchMap(() => {\r\n if (searchFrom == null || searchTo == null) {\r\n this.logService.warning('Search dates are null');\r\n return of([]);\r\n }\r\n return this.transactionQuery.selectTransactions(searchFrom, searchTo, TransactionType.ecash);\r\n }),\r\n take(1)\r\n )\r\n .toPromise();\r\n\r\n // Update the transactions property for the HTML\r\n this.setTransactionsAndDayKeys(transactions);\r\n\r\n this.loading = false;\r\n }\r\n\r\n /** Sets the transactions property to the given transaction list. */\r\n private setTransactionsAndDayKeys(transactions?: Transaction[]): { [day: string]: Transaction[] } | undefined {\r\n if (!transactions) {\r\n this.transactions = undefined;\r\n } else {\r\n this.transactions = {};\r\n\r\n transactions.forEach((transaction) => {\r\n let transactionDate = moment(transaction.TransactionDate);\r\n let key: string = transactionDate.format('D MMM, YYYY');\r\n let existingTransactions = this.transactions![key] || [];\r\n existingTransactions = [...existingTransactions, transaction];\r\n existingTransactions = existingTransactions.sort((a, b) =>\r\n moment(a.TransactionDate).isBefore(moment(b.TransactionDate)) ? 1 : -1\r\n );\r\n this.transactions![key] = existingTransactions;\r\n });\r\n\r\n this.dayKeys = Object.keys(this.transactions).filter((x) => this.transactions!.hasOwnProperty(x));\r\n }\r\n return this.transactions;\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","/** 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 //prettier-ignore\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 US */\r\n static postCode = /^\\d{5}$/;\r\n\r\n /** Validates a post code UK */\r\n // static postCode = /^[A-Z]{1,2}[0-9][A-Z0-9]? ?[0-9][A-Z]{2}$/;\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","{{ 'contacts.page.title' | translate }}
\r\n\r\n \r\n
\r\n","import { Component, OnInit, ViewChild, ElementRef, OnDestroy } from '@angular/core';\r\nimport { FormGroup, FormBuilder, Validators } from '@angular/forms';\r\nimport { Regex } from 'src/app/shared/utilities/regex';\r\nimport { Router } from '@angular/router';\r\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\n\r\nimport {\r\n ExternalCashTransferService,\r\n VerifyEmailAddressRequest,\r\n ExternalCashTransferViewModel,\r\n BalanceQuery,\r\n config,\r\n ErrorStateService,\r\n MemberQuery,\r\n} from '@fgb/core';\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fgb-transfer-arena-cash',\r\n templateUrl: './transfer-arena-cash.component.html',\r\n styleUrls: ['./transfer-arena-cash.component.scss'],\r\n})\r\nexport class TransferArenaCashComponent implements OnInit, OnDestroy {\r\n balance: number;\r\n submitted = false;\r\n loading = false;\r\n transferCashForm: FormGroup = this.formBuilder.group({\r\n emailAddress: ['', [Validators.required, Validators.pattern(Regex.email)]],\r\n amount: ['', [Validators.required, Validators.pattern(Regex.currency)]],\r\n });\r\n balanceSub: Subscription;\r\n memberSub: Subscription;\r\n currentEmail: string;\r\n\r\n @ViewChild('invalidFunds') invalidFundsRef: ElementRef;\r\n @ViewChild('transferFailed') transferFailedRef: ElementRef;\r\n @ViewChild('transferOwnEmail') transferOwnEmailRef: ElementRef;\r\n\r\n constructor(\r\n private formBuilder: FormBuilder,\r\n private externalCashTransferService: ExternalCashTransferService,\r\n private router: Router,\r\n private modalService: NgbModal,\r\n private balanceQuery: BalanceQuery,\r\n private errorService: ErrorStateService,\r\n private memberQuery: MemberQuery\r\n ) {}\r\n\r\n ngOnInit() {\r\n this.balanceSub = this.balanceQuery.selectPurse(config.purseConfig.combined).subscribe((bal) => {\r\n this.balance = bal ?? 0;\r\n });\r\n\r\n this.memberSub = this.memberQuery.selectMemberDetails().subscribe((mem) => {\r\n if (mem) {\r\n this.currentEmail = mem.EmailAddress1;\r\n }\r\n });\r\n }\r\n\r\n ngOnDestroy() {\r\n if (this.balanceSub) {\r\n this.balanceSub.unsubscribe();\r\n }\r\n if (this.memberSub) {\r\n this.memberSub.unsubscribe();\r\n }\r\n }\r\n\r\n get f() {\r\n return this.transferCashForm.controls;\r\n }\r\n\r\n verifyEmail() {\r\n this.submitted = true;\r\n this.loading = true;\r\n if (!this.transferCashForm.valid) {\r\n this.loading = false;\r\n return;\r\n }\r\n\r\n if (this.balance === undefined) {\r\n this.errorService.clearErrors();\r\n this.errorService.addError('Balance is not available at this time');\r\n this.loading = false;\r\n return;\r\n }\r\n\r\n let verifyRequest = new VerifyEmailAddressRequest();\r\n verifyRequest.EmailAddress = this.transferCashForm.get('emailAddress')!.value;\r\n verifyRequest.Amount = this.transferCashForm.get('amount')!.value as number;\r\n\r\n if (this.currentEmail === verifyRequest.EmailAddress) {\r\n this.modalService\r\n .open(this.transferOwnEmailRef, { ariaLabelledBy: 'modal-basic-title', size: 'lg', backdrop: 'static' })\r\n .result.then(\r\n (result) => {},\r\n (reason) => {}\r\n );\r\n this.loading = false;\r\n return;\r\n }\r\n\r\n if (this.balance < verifyRequest.Amount) {\r\n this.modalService\r\n .open(this.invalidFundsRef, { ariaLabelledBy: 'modal-basic-title', size: 'lg', backdrop: 'static' })\r\n .result.then(\r\n (result) => {},\r\n (reason) => {}\r\n );\r\n this.loading = false;\r\n return;\r\n }\r\n\r\n this.externalCashTransferService\r\n .verifyEmailAddress(verifyRequest)\r\n .toPromise()\r\n .then((response: any) => {\r\n if (response === null) {\r\n this.modalService\r\n .open(this.transferFailedRef, { ariaLabelledBy: 'modal-basic-title', size: 'lg', backdrop: 'static' })\r\n .result.then(\r\n (result) => {},\r\n (reason) => {}\r\n );\r\n this.loading = false;\r\n } else if (response.Accounts[0].MemberIDs.length > 1) {\r\n this.router.navigate(['arenacashmultipleaccounts']);\r\n } else {\r\n this.transferFunds(response);\r\n }\r\n });\r\n }\r\n\r\n private transferFunds(transfer: ExternalCashTransferViewModel) {\r\n this.externalCashTransferService\r\n .transferFunds(transfer)\r\n .toPromise()\r\n .then(() => {\r\n this.router.navigate(['arenacashtransfersuccess']);\r\n })\r\n .finally(() => (this.loading = false));\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { config, BalanceQuery, MemberQuery, MemberDetails } from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fgb-transfer-arena-cash-page',\r\n templateUrl: './transfer-arena-cash-page.component.html',\r\n styleUrls: ['./transfer-arena-cash-page.component.scss'],\r\n})\r\nexport class TransferArenaCashPageComponent implements OnInit {\r\n combinedCard$: Observable\r\n
\r\n \r\n
\r\n \r\n \r\n To transfer funds, enter the recipients email address and desired amount below.\r\n
\r\n \r\n
\r\n\r\n","\r\n
\r\n \r\n
\r\n \r\n \r\n Current Balance - \r\n {{\r\n combinedCard$ | async | FortressCurrencyPipe: 'USD'\r\n }}\r\n
\r\n \r\n Account No.: {{ (memberDetails$ | async)?.ExternalRefNumber }}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n Back to Funds\r\n \r\n
\r\nMultiple Accounts
\r\n \r\n Unfortunately we have found more than one account with the email\r\n {{ transferAccounts.EmailAddress }}\r\n
\r\nPlease select one of the accounts below to send to.
\r\n \r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\nimport { ExternalCashTransferQuery, ExternalCashTransferViewModel } from '@fgb/core';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'fgb-transfer-arena-cash-success-page',\r\n templateUrl: './transfer-arena-cash-success-page.component.html',\r\n styleUrls: ['./transfer-arena-cash-success-page.component.scss'],\r\n})\r\nexport class TransferArenaCashSuccessPageComponent implements OnInit {\r\n transferAccounts$: ObservableTransfer Successful
\r\n\r\n {{transferAccounts.EmailAddress}} has recieved the amount of {{transferAccounts.TransferAmount | FortressCurrencyPipe: 'USD' }}\r\n
\r\n \r\n Back to Funds\r\n \r\nLogging in...
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { OtherMediaAuthService } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-other-media-user-login',\r\n templateUrl: './other-media-user-login.component.html',\r\n styleUrls: ['./other-media-user-login.component.scss'],\r\n})\r\nexport class OtherMediaUserLoginComponent implements OnInit {\r\n \r\n constructor(private otherMediaAuthService: OtherMediaAuthService) {}\r\n\r\n ngOnInit() {}\r\n\r\n loginOtherMedia() {\r\n this.otherMediaAuthService.login().toPromise();\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/login-banner-logo.svg\")
\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n ![](\"assets/images/posh-logo.png\")
\r\n \r\n \r\n
\r\n \r\n \r\n {{ 'login.page.description' | translate }}\r\n
\r\n \r\n {{ errorCode | translate }}\r\n
\r\n \r\n {{ 'login.page.no.account' | translate }}\r\n
\r\n \r\n {{ 'login.page.create.account.description' | translate }}\r\n
\r\n \r\n\r\n {{ 'login.page.create.account.button' | 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 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
\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","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 ![](\"assets/images/login-registration/login-banner.png\")
\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 We’re currently undergoing scheduled maintenance. We should be back shortly!
\r\n\r\n \r\n
\r\n\r\n\r\n
\r\n","\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n
\r\n Review Purchases
\r\n\r\n \r\n\r\n \r\n \r\n
\r\n Payment Summary
\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n Membership Option
\r\n Cost
\r\n \r\n
\r\n \r\n ![\"\"]()
\r\n
\r\n \r\n
\r\n {{ basketItem.MembershipOption.DisplayName }}
\r\n{{ basketItem.Price / 100 | FortressCurrencyPipe }}
\r\n\r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n Change\r\n
\r\n Billing Address
\r\n\r\n
\r\n {{ billingAddress.Street }}
\r\n{{ billingAddress.Town }}
\r\n{{ billingAddress.County }}
\r\n{{ billingAddress.Postcode }}
\r\n{{ billingAddress.Country }}
\r\n\r\n
\r\n\r\n \r\n Change\r\n
\r\n Shipping Address
\r\n\r\n
\r\n {{ shippingAddress.Street }}
\r\n{{ shippingAddress.Town }}
\r\n{{ shippingAddress.County }}
\r\n{{ shippingAddress.Postcode }}
\r\n{{ shippingAddress.Country }}
\r\n\r\n
\r\n\r\n \r\n \r\n Apply Gift Code\r\n \r\n
\r\n \r\n
\r\n Summary
\r\n\r\n
\r\n \r\n
\r\n Items:
\r\n {{ basket.TotalPrice / 100 | FortressCurrencyPipe }}
\r\n \r\n
\r\n Shipping:
\r\n {{ basket.TotalShipping / 100 | FortressCurrencyPipe }}
\r\n \r\n
\r\n Tax:
\r\n {{ basket.TotalTax / 100 | FortressCurrencyPipe }}
\r\n 0\">\r\n \r\n \r\n
\r\n Discount Code(s):
\r\n \r\n \r\n {{ giftCode.Code }}\r\n
\r\n \r\n - {{ giftCode.EntitlementValue / 100 | FortressCurrencyPipe }}\r\n - {{ giftCode.EntitlementValue }}%\r\n FREE\r\n
\r\n \r\n
\r\n Total (Incl. Shipping):
\r\n {{ totalBasketPrice / 100 | FortressCurrencyPipe }}
\r\n \r\n \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 {{ basket.TotalPrice / 100 | FortressCurrencyPipe }}
\r\n \r\n
\r\n Shipping:
\r\n {{ basket.TotalShipping / 100 | FortressCurrencyPipe }}
\r\n \r\n
\r\n Tax:
\r\n {{ basket.TotalTax / 100 | FortressCurrencyPipe }}
\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 Total (Incl. Shipping):
\r\n {{ totalBasketPrice / 100 | FortressCurrencyPipe }}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\nThe following gift code has not been applied:
\r\nPlease remove or apply this code
\r\n\r\n {{ giftCodeInput }}\r\n
\r\n\r\n \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
\\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","import { Component, OnInit } from '@angular/core';\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\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","\r\n\r\n\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\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 noGameToday\"> \r\n
\r\n \r\n \r\n \r\n \r\n 0; else noVideo\" class=\"h-0\">\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Game Day Video
\r\n Currently Unavailable
\r\n \r\n
\r\n \r\n Join us for matchday streaming and other video content throughout the season.\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n{{ 'home.page.leaderboard.title' | translate }}
\r\n\r\n
\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { LeaderboardQuery, LeaderboardEntry, LeaderboardService } from '@fgb/core';\r\n@Component({\r\n selector: 'fgb-leaderboard',\r\n templateUrl: './leaderboard.component.html',\r\n styleUrls: ['./leaderboard.component.scss'],\r\n})\r\nexport class LeaderboardComponent implements OnInit {\r\n @Input() toShow: number;\r\n @Input() showViewFull: boolean;\r\n data: LeaderboardEntry[] = [];\r\n today: Date = new Date();\r\n\r\n constructor(private leaderboardQuery: LeaderboardQuery, private leaderboardService: LeaderboardService) {}\r\n\r\n ngOnInit() {\r\n this.leaderboardService\r\n .fetchLeaderboard()\r\n .toPromise()\r\n .then(() => {\r\n this.data = this.leaderboardQuery.formatArrayWithUser(this.toShow, this.leaderboardQuery.getValue().leaderboard);\r\n });\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'fgb-leaderboard-page',\r\n templateUrl: './leaderboard-page.component.html',\r\n styleUrls: ['./leaderboard-page.component.scss']\r\n})\r\nexport class LeaderboardPageComponent 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 {{ today | date: 'yyyy' }}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n
\r\n {{ 'leaderboard.rank' | translate }}
\r\n {{ 'leaderboard.points' | translate }}
\r\n 0 && item.Position - data[i - 1].Position > 1\" class=\"row\">\r\n
\r\n
\r\n \r\n
\r\n #
\r\n \r\n
\r\n {{ item.Position }}
\r\n \r\n
\r\n \r\n {{ item.FullName }}\r\n
\r\n \r\n
\r\n \r\n {{ item.Points | number }}\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","{{ 'pick.player.leaderboard.title' | translate }}
\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 \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.authCallback(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
","\r\n 0\">\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n No worksheet available
Error {{ worksheets.error }}
\r\n\r\n
\r\n \r\n
\r\n","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","\r\n","You are not allowed to join this call
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n","import { Component, OnInit, OnDestroy, Input } from '@angular/core';\r\nimport { OwlOptions } from 'ngx-owl-carousel-o';\r\nimport { FantasyLeaderboard } from '@fgb/core';\r\nimport { Observable, Subscription } from 'rxjs';\r\nimport * as _moment from 'moment';\r\nimport { OwlCarouselSettings } from 'src/app/shared/utilities/owl-carousel-settings';\r\nimport { FantasyService, MonthlyLeaderboard } from 'src/app/modules/fantasy/fantasy-leaderboard.service';\r\n@Component({\r\n selector: 'fgb-fantasy-leaderboard-page',\r\n templateUrl: './fantasy-leaderboard-page.component.html',\r\n styleUrls: ['./fantasy-leaderboard-page.component.scss'],\r\n})\r\nexport class FantasyLeaderboardPageComponent implements OnInit, OnDestroy {\r\n @Input() backButtonLink: string = '/games/pickaplayer';\r\n\r\n yearlyLeaderboard$: Observable\r\n
\r\n","\r\n\r\n\r\n
\r\nSuccessfully Processed!
\r\n \r\n\r\n
\r\nUnsuccessful Transfer!
\r\n \r\nChoose your recipient
\r\n{{ partner.FullName }}
\r\nAcc No: {{ partner.MemberId }}
\r\n \r\nYou currently have no partners available!
\r\n\r\n\r\n
Please select the amount of Bonus Credit you
want to transfer.
\r\n \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 you want to transfer\r\n {{ transferValue | FortressCurrencyPipe }} Bonus Credit to\r\n {{ selectedPartner.FullName }}?\r\n
\r\nYou currently have no bonus credit to transfer!
\r\n\r\n
\r\nSuccessfully Processed!
\r\n \r\n\r\n
\r\nUnsuccessful Transfer!
\r\n \r\n- \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Bonus Credit
\r\n {{ bonusCredit$ | async | FortressCurrencyPipe }}\r\n
\r\n \r\n {{ bonusCredit$ | async | FortressCurrencyPipe }}\r\n
\r\n
\r\n \r\n Lorem ipsum dolor sit amet consectetur, adipisicing elit. Molestias consequatur temporibus libero, at quisquam\r\n cupiditate perferendis repellendus exercitationem quis nihil accusantium quod? Officiis placeat, officia ullam facilis\r\n aliquid distinctio doloribus.\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Bonus Credit
\r\n {{ bonusCredit$ | async | FortressCurrencyPipe }}\r\n
\r\n \r\n {{ bonusCredit$ | async | FortressCurrencyPipe }}\r\n
\r\n
\r\n \r\n
\r\n \r\n Lorem ipsum dolor sit amet consectetur, adipisicing elit. Molestias consequatur temporibus libero, at quisquam\r\n cupiditate perferendis repellendus exercitationem quis nihil accusantium quod? Officiis placeat, officia ullam facilis\r\n aliquid distinctio doloribus.\r\n
\r\n\r\n \r\n
\r\n Bonus Credit
\r\nWho would you like to transfer Bonus Credit to?
\r\n\r\n \r\n Partner\r\n \r\n \r\n Non-Partner\r\n \r\n
\r\n\r\n \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 { Location } from '@angular/common';\r\nimport { Observable, Subject } from 'rxjs';\r\nimport {\r\n BalanceQuery,\r\n CartQuery,\r\n CartService,\r\n config,\r\n ErrorStateService,\r\n MarketplaceItemCart,\r\n MarketplaceItemStatus,\r\n MemberDetails,\r\n MemberQuery,\r\n MemberService,\r\n} from '@fgb/core';\r\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\r\nimport { takeUntil, tap } from 'rxjs/operators';\r\nimport { TranslateService } from '@ngx-translate/core';\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 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
\r\n \r\n
\r\n \r\n Clear Form \r\n
\r\n\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 {{ totalItems$ | async }}
\r\n \r\n
\r\n
\r\n Total Points:
\r\n {{ totalPoints | FortressCurrencyPipe: 'PTS' }}
\r\n \r\n
\r\n\r\n *Your items will be shipped to your address
\r\n\r\n currentBalance\"\r\n >\r\n {{ statusText }}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {{ mapInfo?.title }}\r\n
\r\n \r\n {{ mapInfo?.address }}\r\n
\r\n \r\n {{ mapInfo?.description }}\r\n
\r\n \\r\\n \\r\\n search\\r\\n \\r\\n
\\r\\n\", styles: [\"button{margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}\\n\"], dependencies: [{ 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.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: OfferSearchBarComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-offer-search-bar', template: \"\\r\\n \\r\\n search\\r\\n \\r\\n
\\r\\n\", styles: [\"button{margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.CompanyQuery }], propDecorators: { arrayToFilter: [{\n type: Input\n }], searchResultArray: [{\n type: Output\n }] } });\n\nclass OfferSearchBarModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: OfferSearchBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: OfferSearchBarModule, declarations: [OfferSearchBarComponent], imports: [CommonModule,\n FormsModule,\n FGBSharedModule], exports: [OfferSearchBarComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: OfferSearchBarModule, imports: [CommonModule,\n FormsModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: OfferSearchBarModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [OfferSearchBarComponent],\n imports: [\n CommonModule,\n FormsModule,\n FGBSharedModule\n ],\n exports: [OfferSearchBarComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { OfferSearchBarComponent, OfferSearchBarModule };\n","import * as i0 from '@angular/core';\nimport { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';\nimport * as i1 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i2 from 'ng-inline-svg-2';\nimport { InlineSVGModule } from 'ng-inline-svg-2';\nimport * as i3 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\n\nclass FilterByComponent {\n constructor() {\n this.filteredArray = new EventEmitter();\n }\n ngOnInit() { }\n /*\n Filter the array by property or sub-property if defined.\n */\n filterByProperty(value) {\n this.selectedOption = value;\n let newArray;\n if (this.filterOptions.subPropertyToFilter) {\n newArray = this.filterByNestedProperty(value);\n }\n else {\n newArray = this.arrayToFilter.filter((item) => item[this.filterOptions.propertyToFilter].toLowerCase() == value.toLowerCase());\n }\n this.filteredArray.emit(newArray);\n }\n /*\n Filter the array by sub-property from property object. Returns false if the expected property object is empty.\n */\n filterByNestedProperty(value) {\n return this.arrayToFilter.filter((properties) => {\n if (properties[this.filterOptions.propertyToFilter]) {\n return properties[this.filterOptions.propertyToFilter].find((child) => child[this.filterOptions.subPropertyToFilter].toLowerCase() == value.toLowerCase());\n }\n else {\n return false;\n }\n });\n }\n /*\n Resets the filter to the original array\n */\n resetFilter() {\n this.selectedOption = undefined;\n this.filteredArray.emit(this.arrayToFilter);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: FilterByComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: FilterByComponent, selector: \"fgbcl-filter-by\", inputs: { arrayToFilter: \"arrayToFilter\", filterOptions: \"filterOptions\" }, outputs: { filteredArray: \"filteredArray\" }, ngImport: i0, template: \"\\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: \"directive\", type: i2.InlineSVGDirective, selector: \"[inlineSVG]\", inputs: [\"inlineSVG\", \"resolveSVGUrl\", \"replaceContents\", \"prepend\", \"injectComponent\", \"cacheSVG\", \"setSVGAttributes\", \"removeSVGAttributes\", \"forceEvalStyles\", \"evalScripts\", \"fallbackImgUrl\", \"fallbackSVG\", \"onSVGLoaded\"], outputs: [\"onSVGInserted\", \"onSVGFailed\"] }, { kind: \"directive\", type: i3.NgbDropdown, selector: \"[ngbDropdown]\", inputs: [\"autoClose\", \"dropdownClass\", \"open\", \"placement\", \"popperOptions\", \"container\", \"display\"], outputs: [\"openChange\"], exportAs: [\"ngbDropdown\"] }, { kind: \"directive\", type: i3.NgbDropdownToggle, selector: \"[ngbDropdownToggle]\" }, { kind: \"directive\", type: i3.NgbDropdownMenu, selector: \"[ngbDropdownMenu]\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: FilterByComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-filter-by', template: \"\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { arrayToFilter: [{\n type: Input\n }], filterOptions: [{\n type: Input\n }], filteredArray: [{\n type: Output\n }] } });\n\nclass FilterByModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: FilterByModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: FilterByModule, declarations: [FilterByComponent], imports: [CommonModule, InlineSVGModule, NgbModule], exports: [FilterByComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: FilterByModule, imports: [CommonModule, InlineSVGModule, NgbModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: FilterByModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [FilterByComponent],\n imports: [CommonModule, InlineSVGModule, NgbModule],\n exports: [FilterByComponent],\n }]\n }] });\n\nconst filterByOptionMock = {\n propertyToFilter: 'category',\n options: ['Beauty', 'Food & Drink', 'Grocery', 'General', 'Travel'],\n};\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { FilterByComponent, FilterByModule, filterByOptionMock };\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { CompanyOfferModel, CompanyOfferService, ClubCategoryTag } from '@fgb/core';\r\nimport { FilterByOption } from '@fgb/portal-component-library/src/lib/shared/filter-by';\r\nimport { tap } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'fgb-offers-toolbar',\r\n templateUrl: './offers-toolbar.component.html',\r\n styleUrls: ['./offers-toolbar.component.scss'],\r\n})\r\nexport class OffersToolbarComponent implements OnInit {\r\n view: 'grid' | 'map' = 'grid';\r\n @Input() offers: CompanyOfferModel[];\r\n @Output() viewChange = new EventEmitter<'grid' | 'map'>();\r\n @Output() filteredArray = new EventEmitter\r\n
\r\n\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n{{ 'offers.viewbar.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","import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';\r\nimport { CompanyOfferModel, CompanyOfferQuery } from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\n\r\nimport { tap } from 'rxjs/operators';\r\nimport { OffersMapComponent } from '../offers-map/offers-map.component';\r\n\r\n@Component({\r\n selector: 'fgb-offers-list',\r\n templateUrl: './offers-list.component.html',\r\n styleUrls: ['./offers-list.component.scss'],\r\n})\r\nexport class OffersListComponent implements OnInit {\r\n @Input() isList: boolean;\r\n @Input() pageSize = 9;\r\n @Input() pageNumber = 1;\r\n @Output() navigateToOffer = new EventEmitter\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n = 9\">\r\n
\r\n\r\n \r\n {{ 'offers.view.less' | translate }}\r\n
\r\n \r\n {{ 'offers.view.more' | translate }}\r\n
\r\n \r\n \r\n
\r\n {{ 'no.offers.found' | translate }}
\r\n {{ 'no.offers.suggestion' | 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","import { Component, Input, OnInit } from '@angular/core';\r\nimport { CompanyOfferModel } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-partners-list-item',\r\n templateUrl: './partners-list-item.component.html',\r\n styleUrls: ['./partners-list-item.component.scss'],\r\n})\r\nexport class PartnersListItemComponent implements OnInit {\r\n @Input() partner: CompanyOfferModel;\r\n\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n}\r\n","\r\n
\r\n{{ 'offers.earn.tab.title' | translate }}
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {{ 'offers.earn.tab.step.one' | translate }}
\r\n \r\n \r\n
\r\n \r\n {{ 'offers.earn.tab.step.two' | translate }}
\r\n \r\n \r\n
\r\n {{ 'offers.earn.tab.step.three' | 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 {{ 'featured.offers.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 {{ 'featured.brands.title' | translate }}
\r\n\r\n
\r\n","\r\n
\r\n {{ offer.TermsAndConditions }}
\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n","import { Component, OnInit, Input, OnChanges } from '@angular/core';\r\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport {\r\n CompanyOfferLanguageModel,\r\n CompanyOfferModel,\r\n CompanyOfferService,\r\n CompanyOfferType,\r\n ErrorStateService,\r\n TermsAndConditionsDisplayType,\r\n} from '@fgb/core';\r\nimport { OfferTermsModalComponent } from '../offer-terms-modal/offer-terms-modal.component';\r\n\r\n@Component({\r\n selector: 'fgb-offers-details',\r\n templateUrl: './offers-details.component.html',\r\n styleUrls: ['./offers-details.component.scss'],\r\n})\r\nexport class OffersDetailsComponent implements OnInit, OnChanges {\r\n @Input() ignoreLink: boolean = false;\r\n @Input() offer: CompanyOfferModel;\r\n languageContent: CompanyOfferLanguageModel;\r\n successMessage: string;\r\n companyOfferType = CompanyOfferType;\r\n termsAndConditionsType = TermsAndConditionsDisplayType;\r\n\r\n constructor(\r\n private modalService: NgbModal,\r\n private companyOfferService: CompanyOfferService,\r\n private errorService: ErrorStateService\r\n ) {}\r\n\r\n ngOnInit() {\r\n this._updateLanguageContent();\r\n }\r\n\r\n ngOnChanges() {\r\n this._updateLanguageContent();\r\n }\r\n\r\n openOfferTermsModal(offer: CompanyOfferModel): void {\r\n const modal = this.modalService.open(OfferTermsModalComponent);\r\n modal.componentInstance.offer = offer;\r\n }\r\n\r\n _updateLanguageContent() {\r\n let currentLcid = localStorage.getItem('lcid');\r\n\r\n if (!!currentLcid) {\r\n this.languageContent = !!this.offer.Content.filter((language) => language.LCID == parseInt(currentLcid as string))[0]\r\n ? this.offer.Content.filter((language) => language.LCID == parseInt(currentLcid as string))[0]\r\n : this.offer.Content[0];\r\n } else {\r\n this.languageContent = this.offer.Content[0];\r\n }\r\n }\r\n\r\n async claimOffer(offerId: number) {\r\n await this.companyOfferService\r\n .claimOffer(offerId)\r\n .then((response) => {\r\n if (response.ErrorNumber > 0) {\r\n this.errorService.clearErrors();\r\n this.errorService.addError(response.ErrorDescription);\r\n } else if (response.RedirectUrl) {\r\n this.openWindow(response.RedirectUrl);\r\n } else {\r\n this.successMessage = response.ErrorDescription;\r\n }\r\n })\r\n .catch((error) => {\r\n this.errorService.clearErrors();\r\n this.errorService.addError(error.Message);\r\n });\r\n }\r\n\r\n openWindow(link: string) {\r\n window.open(link);\r\n }\r\n}\r\n","\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {{ 'offers.terms.link' | translate }}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {{ languageContent.Name }}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {{ 'offers.redeem.button' | translate }}\r\n \r\n
\r\n \r\n \r\n
\r\n {{ 'offers.terms.link' | translate }}
\r\n \r\n\r\n {{ successMessage }}\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n{{ 'offers.details.offer' | 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 {{ 'offers.details.other.offer.placeholder' | translate }} \r\n \r\n \r\n
\r\n {{ 'offers.details.other.offers' | translate }}
\r\n\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ 'offers.details.liked.offers.placeholder' | translate }} \r\n \r\n \r\n
\r\n {{ 'offers.details.liked.offers' | translate }}
\r\n\r\n \r\n \r\n
\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { CompanyOfferModel, CompanyOfferQuery } from '@fgb/core';\r\nimport { CompanyQuery } from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\nimport { Department } from '@fgb/core';\r\nimport { Company } from '@fgb/core';\r\nimport { OwlOptions } from 'ngx-owl-carousel-o';\r\nimport { OwlCarouselSettings } from 'src/app/shared/utilities/owl-carousel-settings';\r\n\r\n@Component({\r\n selector: 'fgb-offer-details-page',\r\n templateUrl: './offer-details-page.component.html',\r\n styleUrls: ['./offer-details-page.component.scss'],\r\n})\r\nexport class OfferDetailsPageComponent implements OnInit {\r\n @Input() backButtonLink: string = '/offers';\r\n @Input() department: Department;\r\n currentCompany$: Observable\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 { Component, Input, OnInit } from '@angular/core';\r\nimport { EntityNotificationGroup, EntityNotificationGroupDto, MemberQuery, NotificationManagementService } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-notification-group-item',\r\n templateUrl: './notification-group-item.component.html',\r\n styleUrls: ['./notification-group-item.component.scss'],\r\n})\r\nexport class NotificationGroupItemComponent implements OnInit {\r\n @Input() group: EntityNotificationGroup;\r\n portalId: string;\r\n\r\n constructor(private memberContext: MemberQuery, private notificationManagementService: NotificationManagementService) {}\r\n\r\n ngOnInit() {\r\n this.portalId = this.memberContext.getUserContext().portalId;\r\n }\r\n\r\n updateNotificationGroup(notificationGroupId: number, active: boolean, entityNotificationGroupDto?: number) {\r\n let dto = new EntityNotificationGroupDto(notificationGroupId, this.portalId, active, entityNotificationGroupDto);\r\n\r\n this.notificationManagementService.updateGroup(dto);\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","import { Component, OnInit } from '@angular/core';\r\nimport { EntityNotificationGroup, LoyaltyActionType, NotificationManagementQuery } from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fgb-notification-management',\r\n templateUrl: './notification-management.component.html',\r\n styleUrls: ['./notification-management.component.scss'],\r\n})\r\nexport class NotificationManagementComponent implements OnInit {\r\n notificationGroups$: Observable\r\n \r\n \r\n
\r\n\r\n
\r\n","import * as i0 from '@angular/core';\nimport { Component, Input, NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@ngx-translate/core';\nimport { CarouselModule } from 'ngx-owl-carousel-o';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass EcashDescriptionComponent {\n constructor() {\n this.googleIconName1 = 'credit_card';\n this.googleIconName2 = 'qr_code_scanner';\n this.googleIconName3 = 'emoji_events';\n }\n ngOnInit() { }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EcashDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: EcashDescriptionComponent, selector: \"fgbcl-ecash-description\", inputs: { googleIconName1: \"googleIconName1\", googleIconName2: \"googleIconName2\", googleIconName3: \"googleIconName3\" }, 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 Attempting to login
\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 * as i0 from '@angular/core';\nimport { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';\nimport * as i4 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@angular/forms';\nimport { UntypedFormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport * as i3 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\nimport * as i5 from '@fgb/portal-component-library/src/lib/shared/country-and-regions';\nimport { CountryAndRegionsModule } from '@fgb/portal-component-library/src/lib/shared/country-and-regions';\nimport { RegexUS } from '@fgb/portal-component-library/src/lib/shared/utilities';\nimport { tap } from 'rxjs/operators';\nimport { FGBValidators } from '@fgb/portal-component-library/src/lib/shared/validators';\nimport * as i2 from '@fgb/core';\nimport * as i6 from '@ngx-translate/core';\n\nconst topUpAddressConfigDefault = {\n showFirstName: true,\n showLastName: true,\n showAddressName: false,\n showStreet: true,\n showTown: true,\n showCountryRegion: true,\n showPostCode: true,\n showMobileNumber: true,\n showEmail: true,\n};\n\nclass TopUpAddressComponent {\n constructor(formBuilder, addressService, modalService) {\n this.formBuilder = formBuilder;\n this.addressService = addressService;\n this.modalService = modalService;\n this.regex = RegexUS;\n this.topUpAddressConfig = topUpAddressConfigDefault;\n this.submittedAddress = new EventEmitter();\n this.submitted = false;\n }\n ngOnInit() {\n this.addressService\n .getTopUpAddress()\n .pipe(tap((address) => this.setupAddressForm(address)))\n .subscribe();\n }\n get f() {\n return this.topUpAddressForm.controls;\n }\n async save(address, isValid) {\n this.submitted = true;\n if (isValid) {\n await this.addressService.postTopUpAddress(address);\n this.submittedAddress.emit(true);\n }\n }\n cancel() {\n this.submittedAddress.emit(false);\n this.modalService.dismissAll();\n }\n setupAddressForm(topUpAddress) {\n this.topUpAddressForm = this.formBuilder.group({});\n if (this.topUpAddressConfig.showFirstName)\n this.topUpAddressForm.addControl('firstName', new UntypedFormControl(topUpAddress.FirstName, [Validators.required, FGBValidators.Empty]));\n if (this.topUpAddressConfig.showLastName)\n this.topUpAddressForm.addControl('surname', new UntypedFormControl(topUpAddress.Surname, [Validators.required, FGBValidators.Empty]));\n if (this.topUpAddressConfig.showAddressName)\n this.topUpAddressForm.addControl('addressName', new UntypedFormControl(topUpAddress.AddressName, [Validators.required, FGBValidators.Empty]));\n if (this.topUpAddressConfig.showStreet)\n this.topUpAddressForm.addControl('street', new UntypedFormControl(topUpAddress.Street, [Validators.required, FGBValidators.Empty]));\n if (this.topUpAddressConfig.showTown)\n this.topUpAddressForm.addControl('town', new UntypedFormControl(topUpAddress.Town, [Validators.required, FGBValidators.Empty]));\n if (this.topUpAddressConfig.showPostCode)\n this.topUpAddressForm.addControl('postCode', new UntypedFormControl(topUpAddress.Postcode, [Validators.required, Validators.pattern(this.regex.postCode)]));\n if (this.topUpAddressConfig.showCountryRegion) {\n this.topUpAddressForm.addControl('Country', new UntypedFormControl(topUpAddress.Country, [Validators.required, FGBValidators.Empty]));\n this.topUpAddressForm.addControl('County', new UntypedFormControl(topUpAddress.County, [Validators.required, FGBValidators.Empty]));\n }\n if (this.topUpAddressConfig.showMobileNumber)\n this.topUpAddressForm.addControl('homeNumber', new UntypedFormControl(topUpAddress.HomeNumber, [Validators.required, Validators.pattern(this.regex.number), FGBValidators.Empty]));\n if (this.topUpAddressConfig.showEmail)\n this.topUpAddressForm.addControl('emailAddress', new UntypedFormControl(topUpAddress.EmailAddress, [Validators.required, Validators.pattern(this.regex.email), FGBValidators.Empty]));\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TopUpAddressComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i2.AddressService }, { token: i3.NgbModal }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: TopUpAddressComponent, selector: \"fgbcl-top-up-address\", inputs: { regex: \"regex\", topUpAddressConfig: \"topUpAddressConfig\" }, outputs: { submittedAddress: \"submittedAddress\" }, ngImport: i0, 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 {{ '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 * 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 {{ '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 \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n {{ cardToken.CardNumber | creditCardNumber }}\\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 {{ '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 \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n {{ cardToken.CardNumber | creditCardNumber }}\\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 {{ '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{{ 'payment.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","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { KeyValuePair, MemberQuery, ProviderName, SQWADService } from '@fgb/core';\r\n@Component({\r\n selector: 'fgb-provider-callback',\r\n templateUrl: './provider-callback.component.html',\r\n styleUrls: ['./provider-callback.component.scss'],\r\n})\r\nexport class ProviderCallbackComponent implements OnInit {\r\n constructor(\r\n private activatedRoute: ActivatedRoute,\r\n private memberQuery: MemberQuery,\r\n private sqwadService: SQWADService,\r\n private router: Router\r\n ) {}\r\n\r\n ngOnInit(): void {\r\n const providerIdStr = this.activatedRoute.snapshot.paramMap.get('providerid');\r\n if (!providerIdStr) {\r\n return;\r\n }\r\n\r\n const providerId = +providerIdStr;\r\n\r\n if (providerId == ProviderName.SQWAD) {\r\n const externalRef = this.activatedRoute.snapshot.queryParamMap.get('userid');\r\n let win = this.activatedRoute.snapshot.queryParamMap.get('win')?.toLocaleLowerCase();\r\n\r\n const currentExternalRef = this.memberQuery.getUserContext().externalRef;\r\n\r\n if (!externalRef || externalRef != currentExternalRef) {\r\n this.sqwadRedirectToHomepage(false);\r\n return;\r\n }\r\n\r\n if (win != 'true') {\r\n win = 'false';\r\n }\r\n\r\n const options = [{ key: 'win', value: win }] as KeyValuePair[];\r\n this.sqwadService.callback(externalRef, options);\r\n\r\n if (win == 'true') {\r\n this.sqwadRedirectToHomepage(true);\r\n return;\r\n }\r\n\r\n this.sqwadRedirectToHomepage(false);\r\n return;\r\n }\r\n }\r\n\r\n sqwadRedirectToHomepage(win: boolean) {\r\n this.router.navigateByUrl('/?win=' + win);\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 { 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 \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\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() {}\r\n\r\n ngOnInit(): void {}\r\n}\r\n","\r\n\r\n\r\n
\r\n\r\n\r\n
\r\n","\r\n \r\n\r\n
\r\n\r\n\r\n \r\n
\r\n","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
\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.linking.terms.title' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.linking.terms.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 {{ 'fgbcl.card.linking.terms.title' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.linking.terms.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.card.linking.delete.card.label' | translate }}\\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/_UnionPay.svg\\\")
\\r\\n \\r\\n \\r\\n
\\r\\n {{ linkedCard!.CardNumber | creditCardNumber }}
\\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.card.linking.delete.card.model.title' | translate }}
\\r\\n\\r\\n \\r\\n \\r\\n {{ 'fgbcl.card.linking.delete.card.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 {{ linkedCard!.CardNumber | creditCardNumber }}
\\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.card.linking.delete.card.model.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 star{{ 'fgbcl.card.linking.feature.offer.title' | translate }}\\r\\n
\\r\\n\\r\\n{{ cardLinkOffer?.Content | currentLanguageContent : lcid : 'Name' }}
\\r\\n\\r\\n {{ cardLinkOffer?.Content | currentLanguageContent : lcid : 'description' | shortText : 45 : true }}\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.linking.succes.offer.online.button.title' | translate }}\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.linking.succes.offer.instore.button.title' | translate }}\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n link\\r\\n
\\r\\n {{ 'fgbcl.card.linking.link.card.not.link.title' | translate }}
\\r\\n\\r\\n
\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.linking.card.not.link.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 star{{ 'fgbcl.card.linking.feature.offer.title' | translate }}\\r\\n
\\r\\n\\r\\n{{ cardLinkOffer?.Content | currentLanguageContent : lcid : 'Name' }}
\\r\\n\\r\\n {{ cardLinkOffer?.Content | currentLanguageContent : lcid : 'description' | shortText : 45 : true }}\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.linking.succes.offer.online.button.title' | translate }}\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.linking.succes.offer.instore.button.title' | translate }}\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n link\\r\\n
\\r\\n {{ 'fgbcl.card.linking.link.card.not.link.title' | translate }}
\\r\\n\\r\\n
\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.linking.card.not.link.description' | translate }}
\\r\\n{{ labelName | translate }}
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n expand_more\\r\\n {{ 'fgbcl.card.linking.offer.show.more.label' | translate }}\\r\\n \\r\\n
\\r\\n {{ labelName | translate }}
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n expand_more\\r\\n {{ 'fgbcl.card.linking.offer.show.more.label' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i3.RouterLink, selector: \"[routerLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"state\", \"info\", \"relativeTo\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"routerLink\"] }, { kind: \"pipe\", type: i4$1.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CardLinkSuccessContentComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-card-link-success-content', template: \"\\r\\n\\r\\n{{'fgbcl.card.linking.success.content.title' | translate}}
\\r\\n{{'fgbcl.card.linking.success.content.description' | translate}}
\\r\\n \\r\\n\\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { googleIconName1: [{\n type: Input\n }], googleIconName2: [{\n type: Input\n }], googleIconName3: [{\n type: Input\n }], routerLink: [{\n type: Input\n }] } });\n\nclass CardLinkedListComponent {\n constructor() {\n this.customOptions = {\n autoWidth: true,\n margin: OwlCarouselSettings.Margin,\n pullDrag: false,\n navSpeed: 700,\n navText: ['', ''],\n responsive: {\n 0: { items: 1 },\n 540: { items: 3 },\n 740: { items: 5 },\n },\n };\n this.screenType = ScreenType;\n }\n ngOnInit() {\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CardLinkedListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: CardLinkedListComponent, selector: \"fgbcl-card-linked-list\", inputs: { linkedCardList: \"linkedCardList\" }, ngImport: i0, template: \"\\r\\n{{'fgbcl.card.linking.success.content.title' | translate}}
\\r\\n{{'fgbcl.card.linking.success.content.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 \\r\\n \\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.card.linking.transaction.date.label' | translate }}\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.linking.transaction.description.label' | translate }}\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.linking.transaction.detail.label' | translate }}\\r\\n
\\r\\n {{ 'fgbcl.card.linking.transaction.currency.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 {{ transaction.TransactionDateUTC | UtcToLocaltimePipe: dateFormat | uppercase }}\\r\\n
\\r\\n {{ transaction.TransactionDescription }}
\\r\\n \\r\\n = 0 ? 'text-success' : 'text-danger'\\\"\\r\\n >\\r\\n {{ transaction.Amount >= 0 ? '+' : '' }}{{ transaction.Amount | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.linking.transaction.status.pending.text' | translate }}\\r\\n
\\r\\n \\r\\n history\\r\\n
\\r\\n\\r\\n {{ 'fgbcl.card.linking.no.transaction.date.label' | translate }}\\r\\n
\\r\\n\\r\\n {{ 'fgbcl.card.linking.no.transaction.date.description' | translate }}\\r\\n
\\r\\n\\r\\n
\\r\\n\", styles: [\".icon{font-size:66px;color:#999}\\n\"], dependencies: [{ kind: \"directive\", type: i2$1.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i2$1.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i2$1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: i3$2.DateRangePickerComponent, selector: \"fgbcl-date-range-picker\", inputs: [\"minDate\", \"startDate\", \"endDate\"], outputs: [\"startDateChange\", \"endDateChange\"] }, { kind: \"component\", type: i4$2.LoadingComponent, selector: \"fgbcl-loading\", inputs: [\"size\"] }, { kind: \"pipe\", type: i2$1.AsyncPipe, name: \"async\" }, { kind: \"pipe\", type: i2$1.UpperCasePipe, name: \"uppercase\" }, { kind: \"pipe\", type: i2$1.KeyValuePipe, name: \"keyvalue\" }, { kind: \"pipe\", type: i5$1.FortressCurrencyPipe, name: \"FortressCurrencyPipe\" }, { kind: \"pipe\", type: i5$1.UtcToLocaltimePipe, name: \"UtcToLocaltimePipe\" }, { kind: \"pipe\", type: i4$1.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CardLinkedTransactionsListComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-card-linked-transactions-list', 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 {{ 'fgbcl.card.linking.transaction.date.label' | translate }}\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.linking.transaction.description.label' | translate }}\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.linking.transaction.detail.label' | translate }}\\r\\n
\\r\\n {{ 'fgbcl.card.linking.transaction.currency.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 {{ transaction.TransactionDateUTC | UtcToLocaltimePipe: dateFormat | uppercase }}\\r\\n
\\r\\n {{ transaction.TransactionDescription }}
\\r\\n \\r\\n = 0 ? 'text-success' : 'text-danger'\\\"\\r\\n >\\r\\n {{ transaction.Amount >= 0 ? '+' : '' }}{{ transaction.Amount | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.linking.transaction.status.pending.text' | translate }}\\r\\n
\\r\\n \\r\\n history\\r\\n
\\r\\n\\r\\n {{ 'fgbcl.card.linking.no.transaction.date.label' | translate }}\\r\\n
\\r\\n\\r\\n {{ 'fgbcl.card.linking.no.transaction.date.description' | translate }}\\r\\n
\\r\\n\\r\\n
\\r\\n\", styles: [\".icon{font-size:66px;color:#999}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.TransactionService }, { type: i1.TransactionQuery }, { type: i2$1.ViewportScroller }], propDecorators: { transactionStartDate: [{\n type: Input\n }], transactionEndDate: [{\n type: Input\n }], memberId: [{\n type: Input\n }], dateFormat: [{\n type: Input\n }], minDate: [{\n type: Input\n }] } });\n\nclass CategoryWidthPipe {\n transform(value) {\n let categoryLength = value.length;\n if (categoryLength <= 5) {\n return 60;\n }\n else {\n return categoryLength * 10;\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CategoryWidthPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: CategoryWidthPipe, name: \"categoryWidth\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CategoryWidthPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'categoryWidth'\n }]\n }] });\nclass AffiliatesOffersCategoryFilterComponent {\n constructor(cardLinkOfferCategoriesQuery) {\n this.cardLinkOfferCategoriesQuery = cardLinkOfferCategoriesQuery;\n this.categoryTagIdEmitter = new EventEmitter();\n this.navButtons = false;\n this.categoryTagId = 0;\n }\n ngOnInit() {\n this.getCategories();\n this.customOptions = {\n autoWidth: true,\n margin: 1,\n pullDrag: true,\n dots: false,\n navSpeed: 700,\n nav: this.navButtons,\n navText: [\n 'chevron_left',\n 'chevron_right',\n ],\n };\n }\n /**\n * @fatch categories fom store\n */\n getCategories() {\n this.offersCategories$ = this.cardLinkOfferCategoriesQuery.selectAll();\n }\n /**\n * @emit the category ID\n */\n categoryEmitter(category) {\n if (this.categoryTagId != category.TagId) {\n this.categoryTagId = category.TagId;\n }\n else {\n this.categoryTagId = 0;\n }\n this.categoryTagIdEmitter.emit(this.categoryTagId);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AffiliatesOffersCategoryFilterComponent, deps: [{ token: i1.CardLinkOfferCategoriesQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: AffiliatesOffersCategoryFilterComponent, selector: \"fgbcl-affiliates-offers-category-filter\", inputs: { navButtons: \"navButtons\" }, outputs: { categoryTagIdEmitter: \"categoryTagIdEmitter\" }, ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ category.Name }}
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ category.Name }}
\\r\\n\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.link.external.url.model.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 arrow_forward_ios
\\r\\n arrow_forward_ios
\\r\\n \\r\\n
\\r\\n arrow_forward_ios
\\r\\n arrow_forward_ios
\\r\\n \\r\\n
\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n {{ 'fgbcl.card.link.external.url.model.first.instruction' | translate }}\\r\\n {{ 'fgbcl.card.link.external.url.model.click.here' | translate }}\\r\\n {{ 'fgbcl.card.link.external.url.model.second.instruction' | translate }}\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n {{ 'fgbcl.card.link.external.wrong.url.text' | translate }}\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.link.external.url.model.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 arrow_forward_ios
\\r\\n arrow_forward_ios
\\r\\n \\r\\n
\\r\\n arrow_forward_ios
\\r\\n arrow_forward_ios
\\r\\n \\r\\n
\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n {{ 'fgbcl.card.link.external.url.model.first.instruction' | translate }}\\r\\n {{ 'fgbcl.card.link.external.url.model.click.here' | translate }}\\r\\n {{ 'fgbcl.card.link.external.url.model.second.instruction' | translate }}\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n {{ 'fgbcl.card.link.external.wrong.url.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
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n {{ cardLinkOfferDtail.Content | currentLanguageContent: currentLcid:'Name' }}
\\r\\n\\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n star{{ 'fgbcl.card.linking.feature.offer.title' | translate }}\\r\\n
\\r\\n\\r\\n {{ cardLinkOfferDtail.Content | currentLanguageContent: currentLcid:'description' | shortText: 45 }}\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.linking.succes.offer.online.button.title' | translate }}\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.linking.succes.offer.instore.button.title' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.offer.detail.tab-text-desc' | translate }}\\r\\n
\\r\\n\\r\\n {{ 'fgbcl.offer.detail.tab-viewexem-text' | translate }}\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n {{ 'fgbcl.offer.detail.activate.offer.button.text' | translate }}\\r\\n \\r\\n \\r\\n {{ 'fgbcl.offer.detail.shop.now.button.text' | translate }}\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ cardLinkOfferDtail.Content | currentLanguageContent: currentLcid:'description' }}\\r\\n
\\r\\n\\r\\n
\\r\\n {{ 'fgbcl.offer.detail.activated.offer.button.text' | translate }}\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n\\r\\n link\\r\\n
\\r\\n {{ 'fgbcl.card.linking.link.card.not.link.title' | translate }}
\\r\\n\\r\\n
\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.linking.card.not.link.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 {{ cardLinkOfferDtail.Content | currentLanguageContent: currentLcid:'Name' }}
\\r\\n\\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n star{{ 'fgbcl.card.linking.feature.offer.title' | translate }}\\r\\n
\\r\\n\\r\\n {{ cardLinkOfferDtail.Content | currentLanguageContent: currentLcid:'description' | shortText: 45 }}\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.linking.succes.offer.online.button.title' | translate }}\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.linking.succes.offer.instore.button.title' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.offer.detail.tab-text-desc' | translate }}\\r\\n
\\r\\n\\r\\n {{ 'fgbcl.offer.detail.tab-viewexem-text' | translate }}\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n {{ 'fgbcl.offer.detail.activate.offer.button.text' | translate }}\\r\\n \\r\\n \\r\\n {{ 'fgbcl.offer.detail.shop.now.button.text' | translate }}\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ cardLinkOfferDtail.Content | currentLanguageContent: currentLcid:'description' }}\\r\\n
\\r\\n\\r\\n
\\r\\n {{ 'fgbcl.offer.detail.activated.offer.button.text' | translate }}\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n\\r\\n link\\r\\n
\\r\\n {{ 'fgbcl.card.linking.link.card.not.link.title' | translate }}
\\r\\n\\r\\n
\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.linking.card.not.link.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{{ featuredOffer.Content | currentLanguageContent: currentLcid:'Name' }}
\\r\\n\\r\\n {{ featuredOffer.Content | currentLanguageContent: currentLcid:'description' | shortText: 25:true }}\\r\\n
\\r\\n\\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i2$1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i3.RouterLink, selector: \"[routerLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"state\", \"info\", \"relativeTo\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"routerLink\"] }, { kind: \"pipe\", type: i5$1.ContentImagePipe, name: \"contentImage\" }, { kind: \"pipe\", type: i5$1.LongtoShortTextPipe, name: \"shortText\" }, { kind: \"pipe\", type: i5$1.ContentLanguageFilterPipe, name: \"currentLanguageContent\" }, { kind: \"pipe\", type: i4$1.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CardLinkingSingleFeaturedOfferComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-card-linking-single-featured-offer', template: \"\\r\\n {{ 'fgbcl.card.linking.succes.offer.online.button.title' | translate }}\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.linking.succes.offer.instore.button.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{{ featuredOffer.Content | currentLanguageContent: currentLcid:'Name' }}
\\r\\n\\r\\n {{ featuredOffer.Content | currentLanguageContent: currentLcid:'description' | shortText: 25:true }}\\r\\n
\\r\\n\\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { featuredOffer: [{\n type: Input\n }], currentLcid: [{\n type: Input\n }] } });\n\nclass CardLinkingFeaturedOffersComponent {\n constructor(memberQuery, cardLinkOffersQuery, cardLinkOffersService) {\n this.memberQuery = memberQuery;\n this.cardLinkOffersQuery = cardLinkOffersQuery;\n this.cardLinkOffersService = cardLinkOffersService;\n this.numberOfOffers = 3;\n this.screenType = ScreenType;\n this.customOptions = {\n loop: true,\n autoHeight: false,\n autoWidth: false,\n margin: OwlCarouselSettings.Margin,\n autoplay: OwlCarouselSettings.Autoplay,\n autoplayTimeout: OwlCarouselSettings.AutoplayTimeout,\n autoplaySpeed: OwlCarouselSettings.AutoplaySpeed,\n navSpeed: 700,\n navText: ['', ''],\n responsive: {\n 0: { items: 1 },\n 540: { items: 2 },\n 740: { items: 3 },\n },\n };\n }\n ngOnInit() {\n this.currentLcid = this.memberQuery.getUserContext().lcid;\n this.cardLinkOffersService.fatchAffiliateOffer().toPromise();\n this.featuredOffers$ = this.cardLinkOffersQuery.featuredOffers(this.numberOfOffers);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CardLinkingFeaturedOffersComponent, deps: [{ token: i1.MemberQuery }, { token: i1.CardLinkOffersQuery }, { token: i1.CardLinkOffersService }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: CardLinkingFeaturedOffersComponent, selector: \"fgbcl-card-linking-featured-offers\", inputs: { numberOfOffers: \"numberOfOffers\" }, ngImport: i0, template: \"\\r\\n {{ 'fgbcl.card.linking.succes.offer.online.button.title' | translate }}\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.card.linking.succes.offer.instore.button.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\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i2$1.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i2$1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"pipe\", type: i4$1.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CardLinkEarnStepsComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-card-link-earn-steps', template: \"{{ cardTitle | 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 {{ stepOneText | translate }}
\\r\\n {{ stepOneSmallPrintText | translate }}
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ stepTwoText | translate }}
\\r\\n {{ stepTwoSmallPrintText | translate }}
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ stepThreeText | translate }}
\\r\\n {{ stepThreeSmallPrintText | translate }}
\\r\\n \\r\\n
\\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { cardTitle: [{\n type: Input\n }], stepOneText: [{\n type: Input\n }], stepTwoText: [{\n type: Input\n }], stepThreeText: [{\n type: Input\n }], stepOneSmallPrintText: [{\n type: Input\n }], stepTwoSmallPrintText: [{\n type: Input\n }], stepThreeSmallPrintText: [{\n type: Input\n }], stepOneIcon: [{\n type: Input\n }], stepTwoIcon: [{\n type: Input\n }], stepThreeIcon: [{\n type: Input\n }], horizontalLine: [{\n type: Input\n }], filled: [{\n type: Input\n }], border: [{\n type: Input\n }] } });\n\nclass CardLinkFeaturedBrandsComponent {\n constructor(memberQuery, cardLinkAffiliatesService, cardLinkAffiliatesQuery, cardLinkOffersQuery) {\n this.memberQuery = memberQuery;\n this.cardLinkAffiliatesService = cardLinkAffiliatesService;\n this.cardLinkAffiliatesQuery = cardLinkAffiliatesQuery;\n this.cardLinkOffersQuery = cardLinkOffersQuery;\n this.Title = '';\n }\n ngOnInit() {\n this.userContext = this.memberQuery.getUserContext();\n this.cardLinkAffiliatesService.fetchAffiliates(this.userContext.clubId, this.userContext.lcid).toPromise();\n this.featuredPartners$ = this.cardLinkAffiliatesQuery.selectAll({\n filterBy: [({ Favourite }) => Favourite],\n });\n }\n /**\n * to navigate on first offer of selected brand\n */\n navigateToFirstOfferFromAffiliate(company) {\n this.cardLinkOffersQuery.navigateToCompaniesFirstOffer(company.CompanyId).subscribe().unsubscribe();\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CardLinkFeaturedBrandsComponent, deps: [{ token: i1.MemberQuery }, { token: i1.CardLinkAffiliatesService }, { token: i1.CardLinkAffiliatesQuery }, { token: i1.CardLinkOffersQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: CardLinkFeaturedBrandsComponent, selector: \"fgbcl-card-link-featured-brands\", inputs: { Title: \"Title\" }, ngImport: i0, template: \"{{ cardTitle | 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 {{ stepOneText | translate }}
\\r\\n {{ stepOneSmallPrintText | translate }}
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ stepTwoText | translate }}
\\r\\n {{ stepTwoSmallPrintText | translate }}
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ stepThreeText | translate }}
\\r\\n {{ stepThreeSmallPrintText | translate }}
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 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 {{ 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 {{ mapInfo?.title }}\\r\\n
\\r\\n \\r\\n {{ mapInfo?.address }}\\r\\n
\\r\\n \\r\\n {{ mapInfo?.description }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ mapInfo?.title }}\\r\\n
\\r\\n \\r\\n {{ mapInfo?.address }}\\r\\n
\\r\\n \\r\\n {{ mapInfo?.description }}\\r\\n
\\r\\n 1\\\">\\r\\n
\\r\\n
\\r\\n\", styles: [\".row{align-content:baseline}\\n\"], dependencies: [{ kind: \"directive\", type: i2$1.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i2$1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"pipe\", type: i2$1.SlicePipe, name: \"slice\" }, { kind: \"pipe\", type: i4$1.TranslatePipe, name: \"translate\" }], animations: [fgbAnimations] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CardLinkOfferLocationsListComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-card-link-offer-locations-list', animations: [fgbAnimations], template: \"\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ location.City }}
\\r\\n{{ location.Address }}
\\r\\n\\r\\n
\\r\\n \\r\\n expand_more \\r\\n {{ 'fgbcl.card.link.location.show.more.btn.text' | translate }}\\r\\n \\r\\n \\r\\n \\r\\n {{ 'fgbcl.card.link.location.show.less.btn.text' | translate }}\\r\\n \\r\\n
\\r\\n 1\\\">\\r\\n
\\r\\n
\\r\\n\", styles: [\".row{align-content:baseline}\\n\"] }]\n }], ctorParameters: () => [], propDecorators: { showAnimation: [{\n type: Input\n }], pageSize: [{\n type: Input\n }], cardLinkOfferLocationDetails: [{\n type: Input\n }], listContainer: [{\n type: ViewChild,\n args: ['listContainer', { read: ElementRef, static: false }]\n }] } });\n\nclass CardLinkOfferLocationsComponent {\n set options(value) {\n this._options = { ...this._options, ...value };\n }\n get options() {\n return this._options;\n }\n constructor(cardLinkOfferLocationsService, cardLinkOfferLocationsQuery) {\n this.cardLinkOfferLocationsService = cardLinkOfferLocationsService;\n this.cardLinkOfferLocationsQuery = cardLinkOfferLocationsQuery;\n this._options = { showLocations: false, showMap: false, animate: true };\n this.currentTab = 'list-view';\n }\n ngOnInit() {\n if (!this.options.showLocations) {\n return;\n }\n this.cardLinkOfferLocationsService.fetchOfferLocations(this.offerId).toPromise();\n this.cardLinkOfferLocations$ = this.cardLinkOfferLocationsQuery.selectEntity(this.offerId);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CardLinkOfferLocationsComponent, deps: [{ token: i1.CardLinkOfferLocationsService }, { token: i1.CardLinkOfferLocationsQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: CardLinkOfferLocationsComponent, selector: \"fgbcl-card-link-offer-locations\", inputs: { offerId: \"offerId\", latitude: \"latitude\", longitude: \"longitude\", options: \"options\" }, ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ location.City }}
\\r\\n{{ location.Address }}
\\r\\n\\r\\n
\\r\\n \\r\\n expand_more \\r\\n {{ 'fgbcl.card.link.location.show.more.btn.text' | translate }}\\r\\n \\r\\n \\r\\n \\r\\n {{ 'fgbcl.card.link.location.show.less.btn.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
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i2$1.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i2$1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: CardLinkOfferLocationsMapComponent, selector: \"fgbcl-card-link-offer-locations-map\", inputs: [\"offers\", \"latitude\", \"longitude\", \"cardLinkOfferLocationDetails\"], outputs: [\"selectedDepartmentID\"] }, { kind: \"component\", type: CardLinkOfferLocationsListComponent, selector: \"fgbcl-card-link-offer-locations-list\", inputs: [\"showAnimation\", \"pageSize\", \"cardLinkOfferLocationDetails\"] }, { kind: \"pipe\", type: i2$1.AsyncPipe, name: \"async\" }, { kind: \"pipe\", type: i4$1.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CardLinkOfferLocationsComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-card-link-offer-locations', template: \"\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.cardlink.offer.location.label' | translate }}
\\r\\n{{ 'fgbcl.cardlink.offer.location.instruction.text' | translate }}.
\\r\\n\\r\\n
\\r\\n \\r\\n format_list_bulleted \\r\\n {{ 'fgbcl.cardlink.offer.location.list.view.text' | translate }}\\r\\n
\\r\\n \\r\\n map \\r\\n {{ 'fgbcl.cardlink.offer.location.map.view.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
\\r\\n\" }]\n }], ctorParameters: () => [{ type: i1.CardLinkOfferLocationsService }, { type: i1.CardLinkOfferLocationsQuery }], propDecorators: { offerId: [{\n type: Input\n }], latitude: [{\n type: Input\n }], longitude: [{\n type: Input\n }], options: [{\n type: Input\n }] } });\n\nclass CardLinkModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CardLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: CardLinkModule, declarations: [CardLinkButtonComponent,\n CardLinkedSingleComponent,\n CardLinkedListComponent,\n CardLinkedTransactionsListComponent,\n CardLinkSuccessContentComponent,\n CardLinkOfferItemComponent,\n CardLinkOffersListComponent,\n AffiliatesOffersCategoryFilterComponent,\n CardLinkOfferDetailsComponent,\n CardLinkExternalUrlModalComponent,\n CardLinkingFeaturedOffersComponent,\n CardLinkEarnStepsComponent,\n CardLinkFeaturedBrandsComponent,\n CardLinkingSingleFeaturedOfferComponent,\n CardLinkOfferLocationsComponent,\n CardLinkOfferLocationsMapComponent,\n CardLinkOfferLocationsListComponent,\n CategoryWidthPipe], imports: [CommonModule,\n NgbModule,\n DateRangePickerModule,\n PipesModule,\n CarouselModule,\n LoadingModule,\n RouterModule,\n DirectivesModule,\n FormsModule,\n GoogleMapsModule,\n TermsAndConditionsModule,\n FGBSharedModule], exports: [CardLinkButtonComponent,\n CardLinkedSingleComponent,\n CardLinkedListComponent,\n CardLinkedTransactionsListComponent,\n CardLinkSuccessContentComponent,\n CardLinkOfferItemComponent,\n CardLinkOffersListComponent,\n AffiliatesOffersCategoryFilterComponent,\n CardLinkOfferDetailsComponent,\n CardLinkExternalUrlModalComponent,\n CardLinkingFeaturedOffersComponent,\n CardLinkEarnStepsComponent,\n CardLinkFeaturedBrandsComponent,\n CardLinkOfferLocationsComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CardLinkModule, imports: [CommonModule,\n NgbModule,\n DateRangePickerModule,\n PipesModule,\n CarouselModule,\n LoadingModule,\n RouterModule,\n DirectivesModule,\n FormsModule,\n GoogleMapsModule,\n TermsAndConditionsModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CardLinkModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [\n CardLinkButtonComponent,\n CardLinkedSingleComponent,\n CardLinkedListComponent,\n CardLinkedTransactionsListComponent,\n CardLinkSuccessContentComponent,\n CardLinkOfferItemComponent,\n CardLinkOffersListComponent,\n AffiliatesOffersCategoryFilterComponent,\n CardLinkOfferDetailsComponent,\n CardLinkExternalUrlModalComponent,\n CardLinkingFeaturedOffersComponent,\n CardLinkEarnStepsComponent,\n CardLinkFeaturedBrandsComponent,\n CardLinkingSingleFeaturedOfferComponent,\n CardLinkOfferLocationsComponent,\n CardLinkOfferLocationsMapComponent,\n CardLinkOfferLocationsListComponent,\n CategoryWidthPipe\n ],\n imports: [\n CommonModule,\n NgbModule,\n DateRangePickerModule,\n PipesModule,\n CarouselModule,\n LoadingModule,\n RouterModule,\n DirectivesModule,\n FormsModule,\n GoogleMapsModule,\n TermsAndConditionsModule,\n FGBSharedModule\n ],\n exports: [\n CardLinkButtonComponent,\n CardLinkedSingleComponent,\n CardLinkedListComponent,\n CardLinkedTransactionsListComponent,\n CardLinkSuccessContentComponent,\n CardLinkOfferItemComponent,\n CardLinkOffersListComponent,\n AffiliatesOffersCategoryFilterComponent,\n CardLinkOfferDetailsComponent,\n CardLinkExternalUrlModalComponent,\n CardLinkingFeaturedOffersComponent,\n CardLinkEarnStepsComponent,\n CardLinkFeaturedBrandsComponent,\n CardLinkOfferLocationsComponent\n ],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { AffiliatesOffersCategoryFilterComponent, CardLinkButtonComponent, CardLinkEarnStepsComponent, CardLinkExternalUrlModalComponent, CardLinkFeaturedBrandsComponent, CardLinkModule, CardLinkOfferDetailsComponent, CardLinkOfferItemComponent, CardLinkOfferLocationsComponent, CardLinkOfferLocationsListComponent, CardLinkOfferLocationsMapComponent, CardLinkOffersListComponent, CardLinkSuccessContentComponent, CardLinkedListComponent, CardLinkedSingleComponent, CardLinkedTransactionsListComponent, CardLinkingFeaturedOffersComponent, CardLinkingSingleFeaturedOfferComponent, CategoryWidthPipe };\n","import { Component, OnInit } from '@angular/core';\r\nimport { CardLinkOfferOptions, CardLinkOfferType } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-card-linking-success-page',\r\n templateUrl: './card-linking-success-page.component.html',\r\n styleUrls: ['./card-linking-success-page.component.scss'],\r\n})\r\nexport class CardLinkingSuccessPageComponent implements OnInit {\r\n\r\n cardLinkOfferOptionsRecommendedOffers: CardLinkOfferOptions = {\r\n offerType: CardLinkOfferType.OffersYouMayLike,\r\n limit: 4,\r\n showMoreButton: false,\r\n showMoreIncrement: 2,\r\n };\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 {{ 'fgbcl.cardlink.offer.location.label' | translate }}
\\r\\n{{ 'fgbcl.cardlink.offer.location.instruction.text' | translate }}.
\\r\\n\\r\\n
\\r\\n \\r\\n format_list_bulleted \\r\\n {{ 'fgbcl.cardlink.offer.location.list.view.text' | translate }}\\r\\n
\\r\\n \\r\\n map \\r\\n {{ 'fgbcl.cardlink.offer.location.map.view.text' | translate }}\\r\\n
\\r\\n \\r\\n
\r\n \r\n
\r\n","import * as i0 from '@angular/core';\nimport { EventEmitter, Component, Output, NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@angular/forms';\nimport { FormsModule } from '@angular/forms';\nimport * as i2 from '@ngx-translate/core';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass SharedSearchBarComponent {\n constructor() {\n this.searchTextEmitter = new EventEmitter();\n }\n ngOnInit() {\n }\n search() {\n this.searchTextEmitter.emit(this.searchText);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: SharedSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: SharedSearchBarComponent, selector: \"fgbcl-shared-search-bar\", outputs: { searchTextEmitter: \"searchTextEmitter\" }, ngImport: i0, template: \"\r\n \r\n
\r\n\\r\\n \\r\\n search\\r\\n \\r\\n
\\r\\n\", styles: [\"button{margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.form-control{border-radius:5px 0 0 5px}\\n\"], dependencies: [{ 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.NgModel, selector: \"[ngModel]:not([formControlName]):not([formControl])\", inputs: [\"name\", \"disabled\", \"ngModel\", \"ngModelOptions\"], outputs: [\"ngModelChange\"], exportAs: [\"ngModel\"] }, { kind: \"pipe\", type: i2.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: SharedSearchBarComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-shared-search-bar', template: \"\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n search\\r\\n \\r\\n
\\r\\n\", styles: [\"button{margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.form-control{border-radius:5px 0 0 5px}\\n\"] }]\n }], ctorParameters: () => [], propDecorators: { searchTextEmitter: [{\n type: Output\n }] } });\n\nclass SharedSearchBarModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: SharedSearchBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: SharedSearchBarModule, declarations: [SharedSearchBarComponent], imports: [CommonModule,\n FormsModule,\n FGBSharedModule], exports: [SharedSearchBarComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: SharedSearchBarModule, imports: [CommonModule,\n FormsModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: SharedSearchBarModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [\n SharedSearchBarComponent\n ],\n imports: [\n CommonModule,\n FormsModule,\n FGBSharedModule\n ],\n exports: [\n SharedSearchBarComponent\n ]\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { SharedSearchBarComponent, SharedSearchBarModule };\n","\\r\\n
\\r\\n\\r\\n \r\n \r\n
\r\n\r\n\r\n{{ 'card.link.offers.featured.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 manage_search \r\n
\r\n{{ 'card.link.no.search.offer.text' | translate }}
\r\n{{ 'card.link.no.search.offer.text.suggestion' | 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, OnDestroy, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { CardLinkOffer, CardLinkOfferOptions, CardLinkOffersQuery, CardLinkOffersService, CardLinkOfferType } from '@fgb/core';\r\nimport { Observable, Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\n@Component({\r\n selector: 'fgb-card-link-offer-details-page',\r\n templateUrl: './card-link-offer-details-page.component.html',\r\n styleUrls: ['./card-link-offer-details-page.component.scss'],\r\n})\r\nexport class CardLinkOfferDetailsPageComponent implements OnInit, OnDestroy {\r\n offerId: number;\r\n cardLinkOfferDetail$: Observable\r\n \r\n \r\n
\r\n\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n {{ 'card.linking.cards.title' | translate }}{{ (linkedCardList$ | async)?.length > 1 ? 'S' : '' }}\r\n
\r\n\r\n
\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 { CardLinkingQuery, \r\n CardLinkingService, \r\n CardLinkingSettings, \r\n LinkedCard, \r\n MemberQuery } 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-card-linking-page',\r\n templateUrl: './card-linking-page.component.html',\r\n styleUrls: ['./card-linking-page.component.scss'],\r\n})\r\nexport class CardLinkingPageComponent implements OnInit {\r\n screenType = ScreenType;\r\n linkedCardList$: Observable\r\n
\r\n history\r\n {{ 'card.linking.transaction.history.title' | translate }}\r\n
\r\n{{ 'payment.transaction.info' | translate }}
\r\n\r\n \r\n \r\n
\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, OtherMediaAuthService } from '@fgb/core';\r\nimport { CookieService } from 'ngx-cookie-service';\r\n\r\n@Component({\r\n selector: 'fgb-other-media-callback',\r\n templateUrl: './other-media-callback.component.html',\r\n styleUrls: ['./other-media-callback.component.scss'],\r\n})\r\nexport class OtherMediaCallbackComponent implements OnInit {\r\n cookieName: string = '_sa_sso_upid';\r\n constructor(\r\n private otherMediaAuthService: OtherMediaAuthService,\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.otherMediaAuthService.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 code\r\n this.authenticateCode();\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.otherMediaAuthService\r\n .loginUsingToken(domainCookie)\r\n .toPromise()\r\n .catch(() => {\r\n this.authenticateCode();\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 authenticateCode() {\r\n let kccode = this.getProviderCodeToken('code');\r\n this.otherMediaAuthService\r\n .validateCode(kccode)\r\n .toPromise()\r\n .catch((err) => {\r\n this.router.navigate(['/login'], { queryParams: { errorCode: err.error.Code } });\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 getProviderCodeToken(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\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\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Attempting to login
\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\", styles: [\":host{width:100%}.cash-back-container{min-height:2rem}.error{font-size:.625rem;margin:0}.cashback-toggle{position:relative;display:inline-block;width:43px;height:20px;margin-bottom:0}.cashback-toggle .cashback-toggle-slider{position:absolute;cursor:pointer;inset:0;-webkit-transition:.4s;transition:.4s;border-radius:20px}.cashback-toggle .cashback-toggle-slider:before{position:absolute;content:\\\"\\\";height:20px;width:20px;-webkit-transition:.4s;transition:.4s;border-radius:50%;box-shadow:0 0 6px #00000029}.cashback-toggle .cashback-toggle-input:checked+.cashback-toggle-slider:before{-webkit-transform:translateX(23px);-ms-transform:translateX(23px);transform:translate(23px)}.cashback-toggle input{opacity:0;width:0;height:0}\\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: i3.CheckboxControlValueAccessor, selector: \"input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]\" }, { 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: \"pipe\", type: i4.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CashBackToggleComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-cash-back-toggle', template: \"\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'ecash.cashback.toggle.error' | translate }}\\r\\n
\\r\\n\\r\\n
\\r\\n\", styles: [\":host{width:100%}.cash-back-container{min-height:2rem}.error{font-size:.625rem;margin:0}.cashback-toggle{position:relative;display:inline-block;width:43px;height:20px;margin-bottom:0}.cashback-toggle .cashback-toggle-slider{position:absolute;cursor:pointer;inset:0;-webkit-transition:.4s;transition:.4s;border-radius:20px}.cashback-toggle .cashback-toggle-slider:before{position:absolute;content:\\\"\\\";height:20px;width:20px;-webkit-transition:.4s;transition:.4s;border-radius:50%;box-shadow:0 0 6px #00000029}.cashback-toggle .cashback-toggle-input:checked+.cashback-toggle-slider:before{-webkit-transform:translateX(23px);-ms-transform:translateX(23px);transform:translate(23px)}.cashback-toggle input{opacity:0;width:0;height:0}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.CardTokenService }], propDecorators: { disableToggle: [{\n type: Input\n }] } });\n\nclass CashBackToggleModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CashBackToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: CashBackToggleModule, declarations: [CashBackToggleComponent], imports: [CommonModule,\n FormsModule,\n BrowserAnimationsModule,\n FGBSharedModule], exports: [CashBackToggleComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CashBackToggleModule, imports: [CommonModule,\n FormsModule,\n BrowserAnimationsModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CashBackToggleModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [CashBackToggleComponent],\n imports: [\n CommonModule,\n FormsModule,\n BrowserAnimationsModule,\n FGBSharedModule\n ],\n exports: [CashBackToggleComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { CashBackToggleComponent, CashBackToggleModule };\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AccountDetailsComponent } from './components/account-details/account-details.component';\r\nimport { AuthCallbackComponent } from './components/auth/auth-callback/auth-callback.component';\r\nimport { CardListItemComponent } from './components/cards/card-list-item/card-list-item.component';\r\nimport { MemberCardComponent } from './components/member-card/member-card.component';\r\nimport { SingleSignOnComponent } from './components/single-sign-on/single-sign-on.component';\r\nimport { UserLoginComponent } from './components/user-login/user-login.component';\r\nimport { SharedModule } from 'src/app/shared/shared.module';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { QRCodeModule } from 'angularx-qrcode';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { AddressBookComponent } from './components/address-book/address-book.component';\r\nimport { PointsSummaryComponent } from './components/points-summary/points-summary.component';\r\nimport { EcashBalanceComponent } from './components/ecash-balance/ecash-balance.component';\r\nimport { RouterModule } from '@angular/router';\r\nimport { PointsSummaryBarComponent } from './components/points-summary-bar/points-summary-bar.component';\r\nimport { ContactsManagementComponent } from './components/contacts-management/contacts-management.component';\r\nimport { MlbamUserLoginComponent } from './components/mlbam-user-login/mlbam-user-login.component';\r\nimport { TransactionListComponent } from './components/transaction-list/transaction-list.component';\r\nimport { ReferAFriendComponent } from './components/refer-a-friend/refer-a-friend.component';\r\nimport { TransactionHistoryComponent } from './components/transaction-history/transaction-history.component';\r\nimport { InlineSVGModule } from 'ng-inline-svg-2';\r\nimport { CardListComponent } from './components/cards/card-list/card-list.component';\r\nimport { CardSelectComponent } from './components/cards/card-select/card-select.component';\r\nimport { AddressSelectorComponent } from './components/address-selector/address-selector.component';\r\nimport { PointsManagementPlaceholderComponent } from './components/points-management-placeholder/points-management-placeholder.component';\r\nimport { PointsTransferComponent } from './components/points-transfer/points-transfer.component';\r\nimport { CarouselModule } from 'ngx-owl-carousel-o';\r\nimport { PartnerListComponent } from './components/partner-list/partner-list.component';\r\nimport { PartnerPendingListComponent } from './components/partner-pending-list/partner-pending-list.component';\r\nimport { PartnerAddFormComponent } from './components/partner-add-form/partner-add-form.component';\r\nimport { PartnerAcceptFormComponent } from './components/partner-accept-form/partner-accept-form.component';\r\nimport { AveragePointsComponent } from './components/average-points/average-points.component';\r\nimport { TmUserLoginComponent } from './components/tm-user-login/tm-user-login.component';\r\nimport { EditAccountDetailsComponent } from './components/edit-account-details/edit-account-details.component';\r\nimport { V1SingleSignOnComponent } from './components/v1-single-sign-on/v1-single-sign-on.component';\r\nimport { SportsAllianceUserLoginComponent } from './components/sports-alliance-user-login/sports-alliance-user-login.component';\r\nimport { GbgIdentityStatusComponent } from './components/gbg-identity-status/gbg-identity-status.component';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { TranslateHttpLoader } from '@ngx-translate/http-loader';\r\nimport { TranslateLoader, TranslateModule } from '@ngx-translate/core';\r\nimport { ErrorsModule } from '@fgb/portal-component-library/src/lib/shared/errors';\r\nimport { DateRangePickerModule } from '@fgb/portal-component-library/src/lib/shared/date-range-picker';\r\nimport { CashBackToggleModule } from '@fgb/portal-component-library/src/lib/ecash/cash-back-toggle';\r\nimport { LoadingModule } from '@fgb/portal-component-library/src/lib/shared/loading';\r\nimport { MobilePassModule } from '@fgb/portal-component-library/src/lib/passes/mobile-pass';\r\nimport { OtherMediaUserLoginComponent } from './components/other-media-user-login/other-media-user-login.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n AccountDetailsComponent,\r\n AuthCallbackComponent,\r\n CardListItemComponent,\r\n MemberCardComponent,\r\n SingleSignOnComponent,\r\n UserLoginComponent,\r\n AddressBookComponent,\r\n EcashBalanceComponent,\r\n PointsSummaryComponent,\r\n PointsSummaryBarComponent,\r\n ContactsManagementComponent,\r\n MlbamUserLoginComponent,\r\n ReferAFriendComponent,\r\n TransactionListComponent,\r\n TransactionHistoryComponent,\r\n CardListComponent,\r\n CardSelectComponent,\r\n AddressSelectorComponent,\r\n PointsManagementPlaceholderComponent,\r\n PointsTransferComponent,\r\n PartnerListComponent,\r\n PartnerPendingListComponent,\r\n PartnerAddFormComponent,\r\n PartnerAcceptFormComponent,\r\n AveragePointsComponent,\r\n TmUserLoginComponent,\r\n EditAccountDetailsComponent,\r\n V1SingleSignOnComponent,\r\n SportsAllianceUserLoginComponent,\r\n GbgIdentityStatusComponent,\r\n OtherMediaUserLoginComponent\r\n ],\r\n exports: [\r\n AccountDetailsComponent,\r\n AuthCallbackComponent,\r\n CardListItemComponent,\r\n MemberCardComponent,\r\n SingleSignOnComponent,\r\n UserLoginComponent,\r\n AddressBookComponent,\r\n EcashBalanceComponent,\r\n PointsSummaryComponent,\r\n PointsSummaryBarComponent,\r\n ContactsManagementComponent,\r\n MlbamUserLoginComponent,\r\n TransactionHistoryComponent,\r\n ReferAFriendComponent,\r\n CardListComponent,\r\n CardSelectComponent,\r\n AddressSelectorComponent,\r\n PointsManagementPlaceholderComponent,\r\n PointsTransferComponent,\r\n PartnerListComponent,\r\n PartnerPendingListComponent,\r\n PartnerAddFormComponent,\r\n PartnerAcceptFormComponent,\r\n AveragePointsComponent,\r\n TmUserLoginComponent,\r\n EditAccountDetailsComponent,\r\n V1SingleSignOnComponent,\r\n SportsAllianceUserLoginComponent,\r\n GbgIdentityStatusComponent,\r\n OtherMediaUserLoginComponent\r\n ],\r\n imports: [\r\n NgbModule,\r\n CommonModule,\r\n SharedModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n QRCodeModule,\r\n RouterModule,\r\n InlineSVGModule,\r\n CarouselModule,\r\n DateRangePickerModule,\r\n ErrorsModule,\r\n CashBackToggleModule,\r\n LoadingModule,\r\n MobilePassModule,\r\n TranslateModule.forChild({\r\n loader: {\r\n provide: TranslateLoader,\r\n useFactory: function HttpLoaderFactory(http: HttpClient) {\r\n return new TranslateHttpLoader(http, './assets/i18n/', '.json');\r\n },\r\n deps: [HttpClient],\r\n },\r\n }),\r\n ],\r\n})\r\nexport class UserModule {}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { VouchersComponent } from './components/vouchers/vouchers.component';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { SharedModule } from 'src/app/shared/shared.module';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { LocationVoucherComponent } from './components/location-voucher/location-voucher.component';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { TranslateHttpLoader } from '@ngx-translate/http-loader';\r\nimport { TranslateLoader, TranslateModule } from '@ngx-translate/core';\r\nimport { ErrorsModule } from '@fgb/portal-component-library/src/lib/shared/errors';\r\n// import { AkitaNgEffectsModule } from '@datorama/akita-ng-effects';\r\n// import { LocationVoucherEffects } from './components/location-voucher/state/location-voucher.effects';\r\n// import { VoucherEffects } from './components/vouchers/state/voucher.effects';\r\n\r\n@NgModule({\r\n declarations: [VouchersComponent, LocationVoucherComponent],\r\n exports: [VouchersComponent, LocationVoucherComponent],\r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n SharedModule,\r\n NgbModule,\r\n ErrorsModule,\r\n ReactiveFormsModule,\r\n TranslateModule.forChild({\r\n loader: {\r\n provide: TranslateLoader,\r\n useFactory: function HttpLoaderFactory(http: HttpClient) {\r\n return new TranslateHttpLoader(http, './assets/i18n/', '.json');\r\n },\r\n deps: [HttpClient],\r\n },\r\n }),\r\n // AkitaNgEffectsModule.forFeature([ LocationVoucherEffects, VoucherEffects ])\r\n ],\r\n})\r\nexport class VouchersModule {}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { TopupComponent } from './components/topup/topup.component';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { TranslateModule, TranslateLoader } from '@ngx-translate/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { TranslateHttpLoader } from '@ngx-translate/http-loader';\r\nimport { SharedModule } from 'src/app/shared/shared.module';\r\nimport { AutotopupComponent } from './components/autotopup/autotopup.component';\r\nimport { TopUpTicketComponent } from './components/top-up-ticket/top-up-ticket.component';\r\nimport { EcashMemberCardComponent } from './components/ecash-member-card/ecash-member-card.component';\r\nimport { UserModule } from '../user/user.module';\r\nimport { InlineSVGModule } from 'ng-inline-svg-2';\r\nimport { CarouselModule } from 'ngx-owl-carousel-o';\r\nimport { NonPartnerBonusTransferComponent } from './components/non-partner-bonus-transfer/non-partner-bonus-transfer.component';\r\nimport { PartnerBonusTransferComponent } from './components/partner-bonus-transfer/partner-bonus-transfer.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n AutotopupComponent,\r\n TopupComponent,\r\n TopUpTicketComponent,\r\n EcashMemberCardComponent,\r\n NonPartnerBonusTransferComponent,\r\n PartnerBonusTransferComponent,\r\n ],\r\n imports: [\r\n NgbModule,\r\n CommonModule,\r\n ReactiveFormsModule,\r\n FormsModule,\r\n SharedModule,\r\n UserModule,\r\n CarouselModule,\r\n InlineSVGModule.forRoot(),\r\n TranslateModule.forChild({\r\n loader: {\r\n provide: TranslateLoader,\r\n useFactory: function HttpLoaderFactory(http: HttpClient) {\r\n return new TranslateHttpLoader(http, './assets/i18n/', '.json');\r\n },\r\n deps: [HttpClient],\r\n },\r\n }),\r\n ],\r\n exports: [\r\n AutotopupComponent,\r\n TopupComponent,\r\n TopUpTicketComponent,\r\n EcashMemberCardComponent,\r\n NonPartnerBonusTransferComponent,\r\n PartnerBonusTransferComponent,\r\n ],\r\n})\r\nexport class EcashModule {}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { EventsComponent } from './components/next-game/next-game.component';\r\nimport { SharedModule } from 'src/app/shared/shared.module';\r\nimport { GamesListWithTicketsComponent } from './components/games-list-with-tickets/games-list-with-tickets.component';\r\nimport { RouterModule } from '@angular/router';\r\nimport { EventsDropDownComponent } from './components/events-drop-down/events-drop-down.component';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { GameBannerComponent } from './components/game-banner/game-banner.component';\r\nimport { GameCardComponent } from './components/game-card/game-card.component';\r\nimport { GameListComponent } from './components/game-list/game-list.component';\r\nimport { TicketTransferWindowStatusBarComponent } from './components/games-list-with-tickets/ticket-transfer-window-status-bar/ticket-transfer-window-status-bar.component';\r\nimport { TenGameClubComponent } from './components/ten-game-club/ten-game-club.component';\r\nimport { TenGameClubScoreComponent } from './components/ten-game-club-score/ten-game-club-score.component';\r\nimport { CarouselModule } from 'ngx-owl-carousel-o';\r\nimport { InlineSVGModule } from 'ng-inline-svg-2';\r\nimport { NextGameCountdownComponent } from './components/next-game-countdown/next-game-countdown.component';\r\nimport { GameCardCountdownComponent } from './components/game-card-countdown/game-card-countdown.component';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\n\r\n@NgModule({\r\n declarations: [\r\n EventsComponent,\r\n GamesListWithTicketsComponent,\r\n EventsDropDownComponent,\r\n GameBannerComponent,\r\n GameCardComponent,\r\n GameListComponent,\r\n TicketTransferWindowStatusBarComponent,\r\n TenGameClubComponent,\r\n TenGameClubScoreComponent,\r\n NextGameCountdownComponent,\r\n GameCardCountdownComponent\r\n ],\r\n imports: [\r\n RouterModule, \r\n CommonModule, \r\n SharedModule, \r\n FormsModule, \r\n CarouselModule, \r\n InlineSVGModule.forRoot(),\r\n TranslateModule\r\n ],\r\n exports: [\r\n EventsComponent,\r\n GamesListWithTicketsComponent,\r\n EventsDropDownComponent,\r\n GameBannerComponent,\r\n GameListComponent,\r\n GameCardComponent,\r\n TenGameClubComponent,\r\n TenGameClubScoreComponent,\r\n NextGameCountdownComponent,\r\n GameCardCountdownComponent,\r\n ],\r\n})\r\nexport class EventsModule {}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { TicketListComponent } from './components/ticket-transfer/ticket-list/ticket-list.component';\r\nimport { TicketTopUpListComponent } from './components/ticket-top-up/ticket-topup-list/ticket-topup-list.component';\r\nimport { TicketTopupCheckoutComponent } from './components/ticket-top-up/ticket-topup-checkout/ticket-topup-checkout.component';\r\nimport { SharedModule } from 'src/app/shared/shared.module';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { QRCodeModule } from 'angularx-qrcode';\r\nimport { RouterModule } from '@angular/router';\r\nimport { SelectedTicketsTableComponent } from './components/ticket-transfer/selected-tickets-table/selected-tickets-table.component';\r\nimport { TransferFormComponent } from './components/ticket-transfer/transfer-form/transfer-form.component';\r\nimport { TicketTransferWindowComponent } from './components/ticket-transfer/ticket-transfer-window/ticket-transfer-window.component';\r\nimport { TicketDetailsUnloadedComponent } from './components/ticket-top-up/ticket-details/ticket-details-unloaded/ticket-details-unloaded.component';\r\nimport { TicketUnloadedListComponent } from './components/ticket-top-up/ticket-unloaded-list/ticket-unloaded-list.component';\r\nimport { TicketLoadedListComponent } from './components/ticket-top-up/ticket-loaded-list/ticket-loaded-list.component';\r\nimport { EcashModule } from '../ecash/ecash.module';\r\nimport { TicketDetailsLoadedComponent } from './components/ticket-top-up/ticket-details/ticket-details-loaded/ticket-details-loaded.component';\r\nimport { TicketTopupCheckoutListComponent } from './components/ticket-top-up/ticket-topup-checkout-list/ticket-topup-checkout-list.component';\r\nimport { TicketTransferLogComponent } from './components/ticket-transfer/ticket-transfer-log/ticket-transfer-log.component';\r\nimport { UserModule } from '../user/user.module';\r\nimport { SelectedTicketsCountComponent } from './components/ticket-transfer/selected-tickets-count/selected-tickets-count.component';\r\nimport { EventsModule } from '../events/events.module';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { InlineSVGModule } from 'ng-inline-svg-2';\r\nimport { TicketListItemComponent } from './components/ticket-transfer/ticket-list-item/ticket-list-item.component';\r\nimport { TicketTransferStatusComponent } from './components/ticket-transfer/ticket-transfer-status/ticket-transfer-status.component';\r\nimport { ErrorsModule } from '@fgb/portal-component-library/src/lib/shared/errors';\r\n\r\n@NgModule({\r\n declarations: [\r\n TicketListComponent,\r\n SelectedTicketsTableComponent,\r\n TransferFormComponent,\r\n TicketTransferWindowComponent,\r\n TicketTransferLogComponent,\r\n TicketTopUpListComponent,\r\n TicketTopupCheckoutComponent,\r\n TicketDetailsUnloadedComponent,\r\n TicketUnloadedListComponent,\r\n TicketLoadedListComponent,\r\n TicketDetailsLoadedComponent,\r\n TicketTopupCheckoutListComponent,\r\n SelectedTicketsCountComponent,\r\n TicketListItemComponent,\r\n TicketTransferStatusComponent,\r\n ],\r\n exports: [\r\n TicketListComponent,\r\n SelectedTicketsTableComponent,\r\n TicketTransferWindowComponent,\r\n TicketTransferLogComponent,\r\n TransferFormComponent,\r\n TicketTopupCheckoutComponent,\r\n TicketDetailsUnloadedComponent,\r\n TicketUnloadedListComponent,\r\n TicketLoadedListComponent,\r\n TicketTopUpListComponent,\r\n SelectedTicketsCountComponent,\r\n TicketListItemComponent,\r\n ],\r\n imports: [\r\n NgbModule,\r\n CommonModule,\r\n UserModule,\r\n SharedModule,\r\n FormsModule,\r\n QRCodeModule,\r\n RouterModule,\r\n ReactiveFormsModule,\r\n EcashModule,\r\n EventsModule,\r\n ErrorsModule,\r\n InlineSVGModule.forRoot(),\r\n ],\r\n})\r\nexport class TicketsModule {}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FantasyGamePanelComponent } from './components/fantasy-game-panel/fantasy-game-panel.component';\r\nimport { SharedModule } from 'src/app/shared/shared.module';\r\nimport { FantasyPlayerSelectComponent } from './components/fantasy-player-select/fantasy-player-select.component';\r\nimport { RouterModule } from '@angular/router';\r\nimport { FantasyHistoryListComponent } from './components/fantasy-history-list/fantasy-history-list.component';\r\nimport { CarouselModule } from 'ngx-owl-carousel-o';\r\nimport { FantasyHistoryListItemComponent } from './components/fantasy-history-list-item/fantasy-history-list-item.component';\r\nimport { FantasyPlayerSelectConfirmComponent } from './components/fantasy-player-select-confirm/fantasy-player-select-confirm.component';\r\nimport { InlineSVGModule } from 'ng-inline-svg-2';\r\nimport { FantasyLeaderboardComponent } from './components/fantasy-leaderboard/fantasy-leaderboard.component';\r\nimport { FantasyGamePanelNextGameComponent } from './components/fantasy-game-panel-next-game/fantasy-game-panel-next-game.component';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { TranslateHttpLoader } from '@ngx-translate/http-loader';\r\nimport { TranslateLoader, TranslateModule } from '@ngx-translate/core';\r\nimport { CountdownModule } from '@fgb/portal-component-library/src/lib/shared/countdown';\r\n\r\n@NgModule({\r\n declarations: [\r\n FantasyGamePanelComponent,\r\n FantasyPlayerSelectComponent,\r\n FantasyHistoryListComponent,\r\n FantasyHistoryListItemComponent,\r\n FantasyPlayerSelectConfirmComponent,\r\n FantasyLeaderboardComponent,\r\n FantasyGamePanelNextGameComponent,\r\n ],\r\n exports: [\r\n FantasyGamePanelComponent,\r\n FantasyPlayerSelectComponent,\r\n FantasyHistoryListComponent,\r\n FantasyGamePanelNextGameComponent,\r\n FantasyLeaderboardComponent,\r\n ],\r\n imports: [\r\n RouterModule,\r\n SharedModule,\r\n CommonModule,\r\n CarouselModule,\r\n CountdownModule,\r\n InlineSVGModule.forRoot(),\r\n TranslateModule.forChild({\r\n loader: {\r\n provide: TranslateLoader,\r\n useFactory: function HttpLoaderFactory(http: HttpClient) {\r\n return new TranslateHttpLoader(http, './assets/i18n/', '.json');\r\n },\r\n deps: [HttpClient],\r\n },\r\n }),\r\n ],\r\n})\r\nexport class FantasyModule {}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { CardSelectBannerComponent } from './components/banners/card-select-banner/card-select-banner.component';\r\nimport { UserModule } from '../user/user.module';\r\n\r\n@NgModule({\r\n declarations: [\r\n CardSelectBannerComponent,\r\n ],\r\n imports: [\r\n CommonModule,\r\n UserModule,\r\n ],\r\n exports: [\r\n CardSelectBannerComponent,\r\n ]\r\n})\r\nexport class DisplayModule { }\r\n","import { NgbDateParserFormatter, NgbDateStruct } from '@ng-bootstrap/ng-bootstrap';\r\nimport * as moment from 'moment';\r\nimport { Inject, Injectable } from \"@angular/core\";\r\nimport { DateOptions, DATE_OPTIONS } from '@fgb/core';\r\n\r\n@Injectable()\r\nexport class MomentDateFormatter extends NgbDateParserFormatter {\r\n\r\n constructor(@Inject(DATE_OPTIONS) readonly dateOption: DateOptions){\r\n super();\r\n }\r\n\r\n parse(value: string): NgbDateStruct {\r\n let result: NgbDateStruct | null = null;\r\n if (value) {\r\n value = value.trim();\r\n let mdt = moment(value, this.dateOption.NgbDateFormat);\r\n result = { year: mdt.year(), month: mdt.month() + 1, day: mdt.date() };\r\n }\r\n return result as NgbDateStruct;\r\n }\r\n\r\n format(date: NgbDateStruct): string {\r\n if (!date) return '';\r\n let mdt = moment([date.year, date.month - 1, date.day]);\r\n if (!mdt.isValid()) return '';\r\n return mdt.format(this.dateOption.NgbDateFormat);\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { MissingTranslationHandler, TranslateLoader, TranslateModule } from '@ngx-translate/core';\r\nimport { FGBMissingTranslationHandler, FGBTranslationLoader } from '@fgb/core';\r\nimport { HttpClient } from '@microsoft/signalr';\r\nimport {FilterModalComponent} from './filter-modal.component';\r\n\r\n@NgModule({\r\n declarations: [FilterModalComponent],\r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n TranslateModule.forRoot({\r\n loader: {\r\n provide: TranslateLoader,\r\n useClass: FGBTranslationLoader,\r\n deps: [HttpClient],\r\n },\r\n missingTranslationHandler: {\r\n provide: MissingTranslationHandler,\r\n useClass: FGBMissingTranslationHandler,\r\n },\r\n }),\r\n ],\r\n exports: [FilterModalComponent],\r\n})\r\nexport class FilterModalModule {}\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 i3 from '@fgb/portal-component-library/src/lib/loyalty/badges/badge-list-item';\nimport { BadgeListItemModule } from '@fgb/portal-component-library/src/lib/loyalty/badges/badge-list-item';\nimport * as i4 from '@angular/router';\nimport { RouterModule } from '@angular/router';\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.phaseThree = false;\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.BadgesQuery }, { token: i1.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\", phaseThree: \"phaseThree\", confettiColors: \"confettiColors\" }, ngImport: i0, template: \"\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'ecash.cashback.toggle.error' | translate }}\\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
\\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\", styles: [\".language-dropdown .dropdown-toggle:after{font-size:0}.language-dropdown .language-dropdown-btn{height:20px;width:50px}.language-dropdown .language-dropdown-menu{right:0;float:right;left:unset;margin-top:15px;width:220px}\\n\"], dependencies: [{ kind: \"directive\", type: i1.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i2.NgbDropdown, selector: \"[ngbDropdown]\", inputs: [\"autoClose\", \"dropdownClass\", \"open\", \"placement\", \"popperOptions\", \"container\", \"display\"], outputs: [\"openChange\"], exportAs: [\"ngbDropdown\"] }, { kind: \"directive\", type: i2.NgbDropdownToggle, selector: \"[ngbDropdownToggle]\" }, { kind: \"directive\", type: i2.NgbDropdownMenu, selector: \"[ngbDropdownMenu]\" }, { kind: \"pipe\", type: i3.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LanguageSelectorComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-language-selector', template: \"{{ currentLanguage()?.label }}
\\r\\n \\r\\n \\r\\n \\r\\n {{ 'fgbcl.language.selector.title' | translate }}\\r\\n
\\r\\n \\r\\n
\\r\\n @if(filteredLanguages?.length > 0 ){ @for(language of filteredLanguages; track language.lcid){\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'language.selector.' + language.lang | translate }}\\r\\n \\r\\n
\\r\\n } }\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n\", styles: [\".language-dropdown .dropdown-toggle:after{font-size:0}.language-dropdown .language-dropdown-btn{height:20px;width:50px}.language-dropdown .language-dropdown-menu{right:0;float:right;left:unset;margin-top:15px;width:220px}\\n\"] }]\n }] });\n\nclass CountryFlagPipe {\n transform(countryCode, ...args) {\n return `assets/country-flags/${countryCode}.svg`;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CountryFlagPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: CountryFlagPipe, isStandalone: true, name: \"imgCountryFlag\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CountryFlagPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'imgCountryFlag',\n standalone: true\n }]\n }] });\n\nclass LanguageSelectorWithFlagComponent extends LanguageSelectorBase {\n constructor() {\n super(...arguments);\n this.screenType = ScreenType;\n this.selectedLanguage = this.currentLanguage();\n this.offcanvasService = inject(NgbOffcanvas);\n }\n open(content) {\n this.offcanvasService.open(content, { panelClass: 'language-select-v2-offcanvas', position: 'bottom' });\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LanguageSelectorWithFlagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"17.2.1\", type: LanguageSelectorWithFlagComponent, selector: \"fgbcl-language-selector-with-flag\", usesInheritance: true, ngImport: i0, template: \"{{ currentLanguage()?.label }}
\\r\\n \\r\\n \\r\\n \\r\\n {{ 'fgbcl.language.selector.title' | translate }}\\r\\n
\\r\\n \\r\\n
\\r\\n @if(filteredLanguages?.length > 0 ){ @for(language of filteredLanguages; track language.lcid){\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'language.selector.' + language.lang | 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 {{ currentLanguage()?.label }}\\r\\n \\r\\n \\r\\n {{ 'fgbcl.language.selector.title' | translate }}\\r\\n \\r\\n
\\r\\n - \\r\\n @if(filteredLanguages?.length > 0 ){ @for(language of filteredLanguages; track language.lcid){\\r\\n \\r\\n
\\r\\n ![\\\"\\\"]()
\\r\\n
\\r\\n \\r\\n {{ language.label }}\\r\\n \\r\\n \\r\\n } }\\r\\n \\r\\n ![\\\"\\\"]()
\\r\\n
\\r\\n {{ currentLanguage()?.label }}\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.language.selector.title' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n @if(filteredLanguages?.length > 0 ){ @for(language of filteredLanguages; track language.lcid){\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n } }\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n ![\\\"\\\"]()
\\r\\n
\\r\\n {{ currentLanguage()?.label }}\\r\\n \\r\\n \\r\\n {{ 'fgbcl.language.selector.title' | translate }}\\r\\n \\r\\n
\\r\\n - \\r\\n @if(filteredLanguages?.length > 0 ){ @for(language of filteredLanguages; track language.lcid){\\r\\n \\r\\n
\\r\\n ![\\\"\\\"]()
\\r\\n
\\r\\n \\r\\n {{ language.label }}\\r\\n \\r\\n \\r\\n } }\\r\\n \\r\\n ![\\\"\\\"]()
\\r\\n
\\r\\n {{ currentLanguage()?.label }}\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.language.selector.title' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n @if(filteredLanguages?.length > 0 ){ @for(language of filteredLanguages; track language.lcid){\\r\\n\\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 {{ 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 \\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 {{ 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 }], 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 * as i0 from '@angular/core';\nimport { Component, Input, NgModule } from '@angular/core';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport { Subject } from 'rxjs';\nimport { takeUntil, map, tap } from 'rxjs/operators';\nimport * as i5 from '@fgb/portal-component-library/src/lib/shared/sort-bar';\nimport { SortOrder, SortBarModule } from '@fgb/portal-component-library/src/lib/shared/sort-bar';\nimport * as i1 from '@fgb/core';\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 i4 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 from '@fgb/portal-component-library/src/lib/directives';\nimport { DirectivesModule } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i7 from '@ngx-translate/core';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nvar AuctionListSortOption;\n(function (AuctionListSortOption) {\n AuctionListSortOption[AuctionListSortOption[\"Ordinal\"] = 0] = \"Ordinal\";\n AuctionListSortOption[AuctionListSortOption[\"TimeRemaining\"] = 1] = \"TimeRemaining\";\n})(AuctionListSortOption || (AuctionListSortOption = {}));\n\nclass AuctionListComponent {\n constructor(auctionQuery, signalRHub) {\n this.auctionQuery = auctionQuery;\n this.signalRHub = signalRHub;\n this.defaultSort = AuctionListSortOption.TimeRemaining;\n this.sortOrderType = SortOrder;\n this._destroyed$ = new Subject();\n }\n ngOnInit() {\n this.subscribeAndSortAuctions();\n this.defineSortBarOptions();\n this.signalRHub.joinGroup('AuctionList').pipe(takeUntil(this._destroyed$)).subscribe();\n }\n ngOnDestroy() {\n this.signalRHub.removeFromGroup('AuctionList');\n this._destroyed$.next();\n this._destroyed$.complete();\n }\n subscribeAndSortAuctions() {\n this.auctions$ = this.auctionQuery.selectAuctions().pipe(map((m) => m.sort((a, b) => {\n switch (this.defaultSort) {\n case AuctionListSortOption.TimeRemaining:\n return this.sortByTimeRemaining(a, b);\n case AuctionListSortOption.Ordinal:\n return this.sortByOrdinal(a, b);\n default:\n return 0;\n }\n })), tap((m) => (this.sortedAuctions = m)));\n }\n defineSortBarOptions() {\n this.sortBarOptions = [\n {\n propertyToSort: 'CurrentValue',\n shouldToggle: true,\n order: this.sortOrderType.Descending,\n labelDESC: 'auction.highest.bid',\n labelASC: 'auction.lowest.bid',\n },\n {\n propertyToSort: 'EndDate',\n shouldToggle: false,\n order: this.sortOrderType.Ascending,\n labelASC: 'auction.ending.soon',\n },\n {\n propertyToSort: 'Id',\n shouldToggle: false,\n order: this.sortOrderType.Descending,\n labelDESC: 'auction.new',\n },\n ];\n }\n resetOrder() {\n this.subscribeAndSortAuctions();\n }\n sortByTimeRemaining(a, b) {\n return a.TimeRemainingInSeconds - b.TimeRemainingInSeconds;\n }\n sortByOrdinal(a, b) {\n return a.Ordinal - b.Ordinal;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionListComponent, deps: [{ token: i1.AuctionQuery }, { token: i1.SignalRHub }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: AuctionListComponent, selector: \"fgbcl-auction-list\", inputs: { take: \"take\", skip: \"skip\", isList: \"isList\", defaultSort: \"defaultSort\" }, 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 {{ 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 \\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 {{ 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{{ '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\\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.1\", ngImport: i0, type: LocationStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }\n static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: \"12.0.0\", version: \"17.3.1\", ngImport: i0, type: LocationStrategy, providedIn: 'root', useFactory: () => inject(PathLocationStrategy) }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.1\", 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 *