\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 // \\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","import * as i0 from '@angular/core';\nimport { Component, Input, NgModule } from '@angular/core';\nimport * as i1 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport { timer } from 'rxjs';\nimport { map } from 'rxjs/operators';\nimport moment from 'moment/moment';\n\nclass TimeSinceComponent {\n constructor() { }\n ngOnChanges() {\n if (this.startDate) {\n this.timer$ = timer(0, 1000).pipe(map(() => this.formatTime()));\n }\n }\n ngOnInit() { }\n formatTime() {\n if (!this.startDate) {\n return '';\n }\n let duration = moment.duration(moment.utc().diff(moment.utc(this.startDate)));\n const days = Math.floor(duration.asDays());\n const hours = Math.floor(duration.asHours());\n const minutes = Math.floor(duration.asMinutes());\n if (days) {\n if (days > 1) {\n return `${days} days ago`;\n }\n return '1 day ago';\n }\n else if (hours) {\n if (hours > 1) {\n return `${hours} hours ago`;\n }\n return `1 hour ago`;\n }\n else if (minutes) {\n if (minutes > 1) {\n return `${minutes} mins ago`;\n }\n return `1 min ago`;\n }\n else {\n return `Just now`;\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TimeSinceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: TimeSinceComponent, selector: \"fgbcl-time-since\", inputs: { startDate: \"startDate\" }, usesOnChanges: true, ngImport: i0, template: \"\\r\\n {{ timer$ | async }}\\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"pipe\", type: i1.AsyncPipe, name: \"async\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TimeSinceComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-time-since', template: \"\\r\\n {{ timer$ | async }}\\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { startDate: [{\n type: Input\n }] } });\n\nclass TimeSinceModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TimeSinceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: TimeSinceModule, declarations: [TimeSinceComponent], imports: [CommonModule], exports: [TimeSinceComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TimeSinceModule, imports: [CommonModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TimeSinceModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [TimeSinceComponent],\n imports: [CommonModule],\n exports: [TimeSinceComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { TimeSinceComponent, TimeSinceModule };\n","import * as i0 from '@angular/core';\nimport { 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","export class Populations {\r\n public static Default = 'Default';\r\n public static RewardsTest = 'Rewards Test';\r\n public static GuardianTest = 'Guardian Test';\r\n public static ChildTest = 'Child Test';\r\n}\r\n","export class ProductCode {\r\n public static Premium = ['PremiumA', 'PremiumB', 'PremiumC'];\r\n}\r\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 \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\", 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}.language-dropdown .language-wrap-heading{padding:0 11px}.language-dropdown .language-select-close-btn{font-size:20px}\\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 \\r\\n \\r\\n {{ 'fgbcl.language.selector.title' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n @if (filteredLanguages?.length > 0) {\\r\\n @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\", 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}.language-dropdown .language-wrap-heading{padding:0 11px}.language-dropdown .language-select-close-btn{font-size:20px}\\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 \\r\\n \\r\\n {{ 'fgbcl.language.selector.title' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n @if (filteredLanguages?.length > 0) {\\r\\n @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
\\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
\r\n\r\n ![\"\"](\"assets/images/footer-logos/footer-white-v2.png\")
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n","import { Component, OnInit, OnDestroy } from '@angular/core';\r\nimport {\r\n AuthService,\r\n Card,\r\n CardQuery,\r\n MemberCard,\r\n MemberCardQuery,\r\n MemberDetails,\r\n MemberQuery,\r\n NotificationCenterQuery,\r\n NotificationCenterService,\r\n} from '@fgb/core';\r\nimport { Router, NavigationStart } from '@angular/router';\r\nimport { Observable, Subscription } from 'rxjs';\r\nimport { filter, tap } from 'rxjs/operators';\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 \r\n ![\"\"](\"assets/images/logo-v2.png\")
\r\n \r\n \r\n redeem\r\n \r\n \r\n flag\r\n \r\n \r\n \r\n menu\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n redeem\r\n \r\n \r\n flag\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n close\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{ member.FirstName + ' ' + member.Surname }}
\r\n\r\n {{ card?.ProductCode | accountMembership | translate }} - {{ card?.MemberId }}\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.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.3 built on 2024-04-30T22:19:17.794Z\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 if (document.body.contains(canvas)) {\n document.body.removeChild(canvas); \n }\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: \"17.0.0\", version: \"17.2.1\", type: MarketplaceListItemComponent, selector: \"fgbcl-marketplace-list-item\", inputs: { marketplaceItem: \"marketplaceItem\", ignoreLink: \"ignoreLink\" }, ngImport: i0, template: \"\\r\\n \\r\\n @if (marketplaceItem.Locked) {\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\".icon-state{margin-top:8px;margin-left:-2px}\\n\"], dependencies: [{ kind: \"directive\", type: i1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i2.ImgDefaultDirective, selector: \"img[useDefault]\", inputs: [\"src\", \"useDefault\", \"loyaltyType\"] }, { kind: \"directive\", type: i3.OwlRouterLinkWithHrefDirective, selector: \"a[owlRouterLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"stopLink\", \"owlRouterLink\", \"preserveQueryParams\"] }, { kind: \"pipe\", type: i4.ContentImagePipe, name: \"contentImage\" }, { kind: \"pipe\", type: i4.FortressCurrencyPipe, name: \"FortressCurrencyPipe\" }, { kind: \"pipe\", type: i5.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListItemComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-marketplace-list-item', template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n lock\\r\\n {{ 'reward.status.locked' | translate }}\\r\\n
\\r\\n } @else if (statusText) {\\r\\n {{ statusText | translate }}
\\r\\n }\\r\\n \\r\\n \\r\\n star\\r\\n \\r\\n \\r\\n {{ marketplaceItem.AvailabilityCount }}\\r\\n \\r\\n\\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n {{ marketplaceItem.DisplayName }}
\\r\\n \\r\\n {{ marketplaceItem.PointValue | FortressCurrencyPipe : 'PTS' }}
\\r\\n {{ marketplaceItem.EcashValue / 100 | FortressCurrencyPipe }}
\\r\\n \\r\\n {{ marketplaceItem.MerchantValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n \\r\\n @if (marketplaceItem.Locked) {\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\".icon-state{margin-top:8px;margin-left:-2px}\\n\"] }]\n }], ctorParameters: () => [], propDecorators: { marketplaceItem: [{\n type: Input\n }], ignoreLink: [{\n type: Input\n }] } });\n\nclass MarketplaceListItemModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListItemModule, declarations: [MarketplaceListItemComponent], imports: [CommonModule,\n LoyaltyIconModule,\n PipesModule,\n DirectivesModule,\n RouterModule,\n CarouselModule,\n FGBSharedModule], exports: [MarketplaceListItemComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListItemModule, imports: [CommonModule,\n LoyaltyIconModule,\n PipesModule,\n DirectivesModule,\n RouterModule,\n CarouselModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListItemModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [MarketplaceListItemComponent],\n imports: [\n CommonModule,\n LoyaltyIconModule,\n PipesModule,\n DirectivesModule,\n RouterModule,\n CarouselModule,\n FGBSharedModule\n ],\n exports: [MarketplaceListItemComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { MarketplaceListItemComponent, MarketplaceListItemModule };\n","import * as i0 from '@angular/core';\nimport { Component, Input, NgModule } from '@angular/core';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@fgb/core';\nimport { config, ItemLoyaltyState, LOTTO_STATE, LOYALTY_STATUS, LOTTO_TEXT_COLOR } from '@fgb/core';\nimport { DateTime } from 'luxon';\nimport { take } from 'rxjs/operators';\nimport * as i3 from '@fgb/portal-component-library/src/lib/shared/countdown';\nimport { CountdownModule } from '@fgb/portal-component-library/src/lib/shared/countdown';\nimport * as i4 from '@fgb/portal-component-library/src/lib/directives';\nimport { DirectivesModule, IfItemEnabled } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i5 from 'ngx-owl-carousel-o';\nimport { CarouselModule } from 'ngx-owl-carousel-o';\nimport * as i6 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i7 from '@ngx-translate/core';\nimport { LoyaltyIconModule } from '@fgb/portal-component-library/src/lib/shared/loyalty-icon';\nimport { RouterModule } from '@angular/router';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass LottosListItemComponent {\n constructor(balanceQuery) {\n this.balanceQuery = balanceQuery;\n this.ignoreLink = false;\n this.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: \"17.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 lock\\r\\n {{ 'reward.status.locked' | translate }}\\r\\n
\\r\\n } @else if (statusText) {\\r\\n {{ statusText | translate }}
\\r\\n }\\r\\n \\r\\n \\r\\n star\\r\\n \\r\\n \\r\\n {{ marketplaceItem.AvailabilityCount }}\\r\\n \\r\\n\\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n {{ marketplaceItem.DisplayName }}
\\r\\n \\r\\n {{ marketplaceItem.PointValue | FortressCurrencyPipe : 'PTS' }}
\\r\\n {{ marketplaceItem.EcashValue / 100 | FortressCurrencyPipe }}
\\r\\n \\r\\n {{ marketplaceItem.MerchantValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n
\\r\\n\", styles: [\".featured-state{padding-left:5px}.icon-state{margin-top:8px;margin-left:-2px}.lotto-state-timer{margin-top:8px}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: i3.CountdownComponent, selector: \"fgbcl-countdown\", inputs: [\"endDateTime\", \"requestDateTime\", \"completeText\", \"isUTC\"], outputs: [\"complete\"] }, { kind: \"directive\", type: i4.ImgDefaultDirective, selector: \"img[useDefault]\", inputs: [\"src\", \"useDefault\", \"loyaltyType\"] }, { kind: \"directive\", type: i4.IfItemEnabled, selector: \"[ifItemEnabled]\", inputs: [\"ifItemEnabled\", \"ifItemEnabledDisabledStatus\", \"ifItemEnabledElse\"], exportAs: [\"itemEnabled\"] }, { kind: \"directive\", type: i5.OwlRouterLinkWithHrefDirective, selector: \"a[owlRouterLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"stopLink\", \"owlRouterLink\", \"preserveQueryParams\"] }, { kind: \"pipe\", type: i6.ContentImagePipe, name: \"contentImage\" }, { kind: \"pipe\", type: i6.FortressCurrencyPipe, name: \"FortressCurrencyPipe\" }, { kind: \"pipe\", type: i7.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottosListItemComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-lottos-list-item', template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ ('lotto.my.entries' | translate) + lottoItem.NumberOfTicketsPurchased }} \\r\\n
\\r\\n \\r\\n \\r\\n @if (lottoItem.Locked) {\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n lock\\r\\n {{ 'reward.status.locked' | translate }}\\r\\n
\\r\\n } @else if (statusText) {\\r\\n {{ statusText | translate }}
\\r\\n }\\r\\n \\r\\n \\r\\n star\\r\\n \\r\\n\\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n {{ lottoItem.Title }}
\\r\\n\\r\\n \\r\\n {{ lottoItem.PurchasePrice | FortressCurrencyPipe : 'PTS' }}
\\r\\n\\r\\n
\\r\\n\", styles: [\".featured-state{padding-left:5px}.icon-state{margin-top:8px;margin-left:-2px}.lotto-state-timer{margin-top:8px}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.BalanceQuery }], propDecorators: { lottoItem: [{\n type: Input\n }], ignoreLink: [{\n type: Input\n }] } });\n\nclass LottosListItemModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottosListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: LottosListItemModule, declarations: [LottosListItemComponent], imports: [CommonModule,\n LoyaltyIconModule,\n CountdownModule,\n PipesModule,\n DirectivesModule,\n IfItemEnabled,\n RouterModule,\n CarouselModule,\n FGBSharedModule], exports: [LottosListItemComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottosListItemModule, imports: [CommonModule,\n LoyaltyIconModule,\n CountdownModule,\n PipesModule,\n DirectivesModule,\n RouterModule,\n CarouselModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottosListItemModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [LottosListItemComponent],\n imports: [\n CommonModule,\n LoyaltyIconModule,\n CountdownModule,\n PipesModule,\n DirectivesModule,\n IfItemEnabled,\n RouterModule,\n CarouselModule,\n FGBSharedModule\n ],\n exports: [LottosListItemComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { LottosListItemComponent, LottosListItemModule };\n","import * as i0 from '@angular/core';\nimport { Component, Input, HostBinding, NgModule } from '@angular/core';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@fgb/core';\nimport { FeaturesRewardsItem, marketplaceIdArr, ProcessProviderId } from '@fgb/core';\nimport { sortBy } from '@fgb/portal-component-library/src/lib/shared/utilities';\nimport { map, tap } from 'rxjs/operators';\nimport * as i3$1 from '@fgb/portal-component-library/src/lib/directives';\nimport { DataSourceDirective } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i4$1 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbPaginationModule } from '@ng-bootstrap/ng-bootstrap';\nimport * as i2$1 from '@fgb/portal-component-library/src/lib/loyalty/auctions/auction-panel';\nimport { AuctionPanelModule } from '@fgb/portal-component-library/src/lib/loyalty/auctions/auction-panel';\nimport * as i3 from '@fgb/portal-component-library/src/lib/loyalty/marketplace/marketplace-list-item';\nimport { MarketplaceListItemModule } from '@fgb/portal-component-library/src/lib/loyalty/marketplace/marketplace-list-item';\nimport * as i4 from '@fgb/portal-component-library/src/lib/loyalty/lottos/lottos-list-item';\nimport { LottosListItemModule } from '@fgb/portal-component-library/src/lib/loyalty/lottos/lottos-list-item';\nimport * as i6 from '@fgb/portal-component-library/src/lib/shared/loading';\nimport { LoadingModule } from '@fgb/portal-component-library/src/lib/shared/loading';\nimport * as i7 from '@ngx-translate/core';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass MixedLoyaltyItemComponent {\n get _isDisabled() {\n return this.ignoreLink;\n }\n constructor() {\n this.ignoreLink = false;\n }\n ngOnInit() { }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MixedLoyaltyItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: MixedLoyaltyItemComponent, selector: \"fgbcl-mixed-loyalty-item\", inputs: { item: \"item\", ignoreLink: \"ignoreLink\" }, host: { properties: { \"class.disabled\": \"this._isDisabled\" } }, ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ ('lotto.my.entries' | translate) + lottoItem.NumberOfTicketsPurchased }} \\r\\n
\\r\\n \\r\\n \\r\\n @if (lottoItem.Locked) {\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n lock\\r\\n {{ 'reward.status.locked' | translate }}\\r\\n
\\r\\n } @else if (statusText) {\\r\\n {{ statusText | translate }}
\\r\\n }\\r\\n \\r\\n \\r\\n star\\r\\n \\r\\n\\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n {{ lottoItem.Title }}
\\r\\n\\r\\n \\r\\n {{ lottoItem.PurchasePrice | FortressCurrencyPipe : 'PTS' }}
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'featured.rewards.placeholder.description' | translate }}
\\r\\n pageSize\\\">\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'featured.rewards.placeholder.description' | translate }}
\\r\\n pageSize\\\">\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'featured.rewards.show.all' | translate }}\\r\\n arrow_forward_ios\\r\\n \\r\\n
\\r\\n \\r\\n {{ title || ('home.page.featured.rewards.title' | translate) }}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'featured.rewards.show.all' | translate }}\\r\\n arrow_forward_ios\\r\\n \\r\\n
\\r\\n \\r\\n {{ title || ('home.page.featured.rewards.title' | translate) }}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n Code 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 this.voucherCode = this.voucherCode?.trim();\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","import { Directive, TemplateRef, ViewContainerRef, Input, OnDestroy, HostListener } from '@angular/core';\r\nimport { ProductCodeQuery } from '@fgb/core';\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Directive({\r\n // tslint:disable-next-line: directive-selector\r\n selector: '[notInProductCode]'\r\n})\r\nexport class NotInProductCodeDirective implements OnDestroy {\r\n\r\n constructor(\r\n private templateRef: TemplateRef\r\n {{ 'voucher.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 {{ redemptionResult }}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { MemberCard, MemberCardQuery, MemberDetails, Balance, MemberQuery, BalanceQuery, config } from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\nimport { ProductCode } from 'src/app/shared/utilities/product-code';\r\n\r\n@Component({\r\n selector: 'fgb-member-card',\r\n templateUrl: './member-card.component.html',\r\n styleUrls: ['./member-card.component.scss'],\r\n})\r\nexport class MemberCardComponent implements OnInit {\r\n @Input() showSeating: boolean;\r\n memberCard$: Observable\r\n
\r\n \r\n \r\n \r\n {{ memberCard?.ProductCode | accountMembership | translate }}\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\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n
\\r\\n{{ announcement.Title }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n
\\r\\n{{ announcement.ComingSoonTitle }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n
\\r\\n{{ announcement.Title }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n
\\r\\n{{ announcement.ComingSoonTitle }}
\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n{{ 'fgbcl.announcements.title' | translate }}
\\r\\n 0\\\">\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n{{ 'fgbcl.announcements.title' | translate }}
\\r\\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { config, AnnouncementService, MemberQuery, MemberDetails, MemberCardQuery, MemberCard } from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\nimport { ProductCode } from 'src/app/shared/utilities/product-code';\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 config = config;\r\n member$: 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 {{ 'home.page.widget.card.title' | translate }}
\r\n{{ 'home.page.widget.card.message' | translate }}
\r\n\r\n
\r\n \r\n \r\n {{ 'home.page.membership.card.title' | translate }}
\r\n\r\n {{ 'home.page.membership.card.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 savings
\r\n \r\n
\r\n {{ 'my.savings' | translate }}
\r\n {{ 'my.savings.desc' | translate }}
\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\"], 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","import * as i0 from '@angular/core';\nimport { Component, NgModule } from '@angular/core';\nimport * as i3 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@angular/forms';\nimport { Validators, ReactiveFormsModule } from '@angular/forms';\nimport { Subscription } from 'rxjs';\nimport { take } from 'rxjs/operators';\nimport * as i2 from '@fgb/core';\nimport * as i4 from '@ngx-translate/core';\nimport { HttpClientModule } from '@angular/common/http';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\n\nclass ContactUsComponent {\n constructor(formBuilder, contactService) {\n this.formBuilder = formBuilder;\n this.contactService = contactService;\n this.submitted = false;\n this.sentSuccessfully = false;\n this._subscription = new Subscription();\n }\n get f() {\n return this.contactUsForm.controls;\n }\n ngOnInit() {\n this.categories$ = this.contactService.getCategories();\n this.initForm();\n }\n ngOnDestroy() {\n this._subscription.unsubscribe();\n }\n async submit(message, isValid) {\n this.submitted = true;\n if (isValid) {\n await this.contactService.sendMessage(message);\n this.sentSuccessfully = true;\n }\n }\n initForm() {\n this.contactUsForm = this.formBuilder.group({\n category: [''],\n message: ['', [Validators.required, this.noWhitespaceValidator, this.invalidTagsValidator, this.profanityFilterValidator]],\n });\n this.watchMessage(this.contactUsForm);\n this.watchCategories(this.contactUsForm);\n }\n watchCategories(fg) {\n this._subscription.add(this.categories$.pipe(take(1)).subscribe((cats) => {\n if (cats.length) {\n fg.controls.category.setValue(cats[0].Name);\n }\n }));\n }\n watchMessage(fg) {\n this._subscription.add(fg?.get('message')?.valueChanges.subscribe((content) => {\n this.sentSuccessfully = false;\n }));\n }\n noWhitespaceValidator(control) {\n if (control.value === '')\n return;\n return control.value.trim().length ? null : { whitespace: true };\n }\n invalidTagsValidator(control) {\n if (control.value === '')\n return;\n var rgx = /<\\/?script|<\\/?a/gi;\n return rgx.test(control.value) ? { invalidTags: true } : null;\n }\n profanityFilterValidator(control) {\n if (control.value === '')\n return;\n //list of profanity words\n let profanityWords = [];\n //list of filtered profanity words\n let filteredProfanityWords = [];\n profanityWords.forEach((word) => control.value.replace(/ /g, '').toLowerCase().includes(word.replace(/ /g, '').toLowerCase())\n ? filteredProfanityWords.push(word)\n : null);\n return filteredProfanityWords.length ? { profanityFilter: true } : null;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ContactUsComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i2.ContactService }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: ContactUsComponent, selector: \"fgbcl-contact-us\", ngImport: i0, template: \"\\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i3.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i3.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i1.ɵNgNoValidate, selector: \"form:not([ngNoForm]):not([ngNativeValidate])\" }, { kind: \"directive\", type: i1.NgSelectOption, selector: \"option\", inputs: [\"ngValue\", \"value\"] }, { kind: \"directive\", type: i1.ɵNgSelectMultipleOption, selector: \"option\", inputs: [\"ngValue\", \"value\"] }, { kind: \"directive\", type: i1.DefaultValueAccessor, selector: \"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]\" }, { kind: \"directive\", type: i1.SelectControlValueAccessor, selector: \"select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]\", inputs: [\"compareWith\"] }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.NgControlStatusGroup, selector: \"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]\" }, { kind: \"directive\", type: i1.FormGroupDirective, selector: \"[formGroup]\", inputs: [\"formGroup\"], outputs: [\"ngSubmit\"], exportAs: [\"ngForm\"] }, { kind: \"directive\", type: i1.FormControlName, selector: \"[formControlName]\", inputs: [\"formControlName\", \"disabled\", \"ngModel\"], outputs: [\"ngModelChange\"] }, { kind: \"pipe\", type: i3.AsyncPipe, name: \"async\" }, { kind: \"pipe\", type: i4.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ContactUsComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-contact-us', template: \"\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [{ type: i1.UntypedFormBuilder }, { type: i2.ContactService }] });\n\nclass ContactUsModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ContactUsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: ContactUsModule, declarations: [ContactUsComponent], imports: [CommonModule,\n ReactiveFormsModule,\n HttpClientModule,\n PipesModule,\n FGBSharedModule], exports: [ContactUsComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ContactUsModule, imports: [CommonModule,\n ReactiveFormsModule,\n HttpClientModule,\n PipesModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ContactUsModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [ContactUsComponent],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n HttpClientModule,\n PipesModule,\n FGBSharedModule\n ],\n exports: [ContactUsComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { ContactUsComponent, ContactUsModule };\n","import { Component, OnInit } from '@angular/core';\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 {\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 Loading...
\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';\r\nimport { AuthService, InputType, KeyValuePair, MemberQuery, ProviderName } from '@fgb/core';\r\nimport { OutputField } from '@fgb/core/lib/modules/user/models/outputfield.model';\r\nimport { tap } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fgb-endurance-zone',\r\n templateUrl: './endurance-zone.component.html',\r\n styleUrls: ['./endurance-zone.component.scss'],\r\n})\r\nexport class EnduranceZoneComponent implements OnInit {\r\n safeUrl: SafeResourceUrl;\r\n\r\n constructor(private authService: AuthService, private memberQuery: MemberQuery, private domSanitizer: DomSanitizer) {}\r\n\r\n ngOnInit() {\r\n this.logoffEnduranceZoneIframe();\r\n }\r\n\r\n logoffEnduranceZoneIframe() {\r\n let user = this.memberQuery.getUserContext();\r\n\r\n let options: KeyValuePair[] = [{ key: 'MemberId', value: user.memberId }];\r\n this.authService\r\n .loginThirdPartyObservable(ProviderName.EnduranceZone, 1, options)\r\n .pipe(\r\n tap((data) => {\r\n let outputs = data as OutputField[];\r\n const hasUrl = outputs.find((x) => x.InputType == InputType.Url);\r\n if (hasUrl) {\r\n this.safeUrl = this.domSanitizer.bypassSecurityTrustResourceUrl(hasUrl.Value);\r\n }\r\n })\r\n )\r\n .toPromise();\r\n }\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
\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'fgb-savings-page',\r\n templateUrl: './savings-page.component.html',\r\n styleUrl: './savings-page.component.scss',\r\n})\r\nexport class SavingsPageComponent {}\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: 'fgbcl-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","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 { 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{{ 'auction.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n{{ 'auction.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n\r\n
\r\n\r\n\r\n
\r\n","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}.icon.material-icons{font-size:17px;vertical-align:sub}\\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
\\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}.icon.material-icons{font-size:17px;vertical-align:sub}\\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, inject, DestroyRef, Component, Optional, Self, Input, Output, ViewChild, NgModule } from '@angular/core';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@angular/forms';\nimport { ReactiveFormsModule, FormsModule } from '@angular/forms';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { Subject, merge, map, fromEvent, debounceTime, distinctUntilChanged, scan } from 'rxjs';\nimport * as i3 from '@ngx-translate/core';\nimport { InlineSVGModule } from 'ng-inline-svg-2';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\n/**\n * This component is used to create a number input field with increment and decrement buttons, can be used in forms\n * @example\n * \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n = maxValue) || !isActive || control?.disabled\\r\\n \\\"\\r\\n >\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\", styles: [\":host{width:100%}input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-select-container{width:142px}.quantity-select-container .quantity{display:flex;position:relative}.amount-input{border-radius:5px;display:inline;padding:7px 0;background:#f4f4f5;border:0;margin:0!important;text-align:center}.btn,.form-group{margin-bottom:0}.error{font-size:12px;color:red;margin-bottom:0}.form-control{height:34px}.number-input-increment-button,.number-input-decrement-button{position:absolute;font-weight:700;width:34px;height:34px;border-radius:50%;background:#fff}.number-input-increment-button:disabled,.number-input-decrement-button:disabled{background:transparent}.number-input-increment-button{right:4px}.number-input-decrement-button{left:4px}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i1.DefaultValueAccessor, selector: \"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]\" }, { kind: \"directive\", type: i1.NumberValueAccessor, selector: \"input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]\" }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.MinValidator, selector: \"input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]\", inputs: [\"min\"] }, { kind: \"directive\", type: i1.MaxValidator, selector: \"input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]\", inputs: [\"max\"] }, { kind: \"directive\", type: i1.NgModel, selector: \"[ngModel]:not([formControlName]):not([formControl])\", inputs: [\"name\", \"disabled\", \"ngModel\", \"ngModelOptions\"], outputs: [\"ngModelChange\"], exportAs: [\"ngModel\"] }, { kind: \"pipe\", type: i3.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NumberInputComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-number-input', template: \"* {{ minMessage }}
\\r\\n* {{ maxMessage }}
\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n = maxValue) || !isActive || control?.disabled\\r\\n \\\"\\r\\n >\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\", styles: [\":host{width:100%}input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-select-container{width:142px}.quantity-select-container .quantity{display:flex;position:relative}.amount-input{border-radius:5px;display:inline;padding:7px 0;background:#f4f4f5;border:0;margin:0!important;text-align:center}.btn,.form-group{margin-bottom:0}.error{font-size:12px;color:red;margin-bottom:0}.form-control{height:34px}.number-input-increment-button,.number-input-decrement-button{position:absolute;font-weight:700;width:34px;height:34px;border-radius:50%;background:#fff}.number-input-increment-button:disabled,.number-input-decrement-button:disabled{background:transparent}.number-input-increment-button{right:4px}.number-input-decrement-button{left:4px}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{\n type: Optional\n }, {\n type: Self\n }] }], propDecorators: { isActive: [{\n type: Input\n }], minMessage: [{\n type: Input\n }], maxMessage: [{\n type: Input\n }], theme: [{\n type: Input\n }], incrementValue: [{\n type: Input\n }], limitValueToRange: [{\n type: Input\n }], unlimitedLimit: [{\n type: Input\n }], minValue: [{\n type: Input\n }], maxValue: [{\n type: Input\n }], amount: [{\n type: Input\n }], amountChange: [{\n type: Output\n }], outOfRange: [{\n type: Input\n }], inputText: [{\n type: ViewChild,\n args: ['input']\n }], outOfRangeChange: [{\n type: Output\n }], showErrorMessage: [{\n type: Input\n }], errorChange: [{\n type: Output\n }] } });\n\nclass NumberInputModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NumberInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: NumberInputModule, declarations: [NumberInputComponent], imports: [CommonModule,\n ReactiveFormsModule,\n FormsModule,\n InlineSVGModule,\n FGBSharedModule], exports: [NumberInputComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NumberInputModule, imports: [CommonModule,\n ReactiveFormsModule,\n FormsModule,\n InlineSVGModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NumberInputModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [NumberInputComponent],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n FormsModule,\n InlineSVGModule,\n FGBSharedModule\n ],\n exports: [NumberInputComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { NumberInputComponent, NumberInputModule };\n","import * as i0 from '@angular/core';\nimport { EventEmitter, Component, Directive, Input, Output, HostBinding, HostListener, NgModule } from '@angular/core';\nimport * as i1 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport * as i1$1 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport * as i2 from '@ngx-translate/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass ConfirmModalComponent {\n constructor() {\n this.confirm = new EventEmitter();\n this.close = new EventEmitter();\n }\n ngOnInit() { }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ConfirmModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: ConfirmModalComponent, selector: \"fgbcl-confirm-modal\", ngImport: i0, template: \"* {{ minMessage }}
\\r\\n* {{ maxMessage }}
\\r\\n\\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n\", styles: [\".modal-image{width:390px;height:390px}@media (max-width: 991px){.modal-image{width:100%;height:340px}}.confirm-modal-header{padding:20px}.confirm-modal-header h5,.modal-body,.modal-footer{font-size:14px}.modal-body{padding:1rem 0}button:hover{color:#fff}.modal-footer button{max-width:142px;width:100%;font-size:.875rem}.modal-footer{padding:0 15px;display:flex;align-items:center;height:54px;border-top:1px solid rgba(0,0,0,.125)}\\n\"], dependencies: [{ kind: \"directive\", type: i1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i1.NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }, { kind: \"pipe\", type: i2.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ConfirmModalComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-confirm-modal', template: \"\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ headerContent.data }}
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n\", styles: [\".modal-image{width:390px;height:390px}@media (max-width: 991px){.modal-image{width:100%;height:340px}}.confirm-modal-header{padding:20px}.confirm-modal-header h5,.modal-body,.modal-footer{font-size:14px}.modal-body{padding:1rem 0}button:hover{color:#fff}.modal-footer button{max-width:142px;width:100%;font-size:.875rem}.modal-footer{padding:0 15px;display:flex;align-items:center;height:54px;border-top:1px solid rgba(0,0,0,.125)}\\n\"] }]\n }], ctorParameters: () => [] });\n\nclass ConfirmModalDirective {\n get isDisabled() {\n return this.disabled ? '' : null;\n }\n constructor(modalService) {\n this.modalService = modalService;\n this.destroy$ = new Subject();\n this.disabled = false;\n this.valid = true;\n this.confirm = new EventEmitter();\n }\n onClick() {\n if (!this.disabled) {\n this.modal = this.modalService.open(ConfirmModalComponent, {\n size: !!this.confirmImage ? 'lg' : undefined,\n centered: true,\n windowClass: this.className,\n });\n this.modalComponent = this.modal.componentInstance;\n this.modalComponent.modalContent = this.confirmContent;\n this.modalComponent.context = this.confirmContext;\n this.modalComponent.imageRef = this.confirmImage;\n this.modalComponent.headerContent = this.confirmHeader;\n this.modalComponent.close.pipe(takeUntil(this.destroy$)).subscribe((x) => this.modal.close(x));\n this.modalComponent.confirm.pipe(takeUntil(this.destroy$)).subscribe((x) => {\n this.confirm.emit(x);\n this.modal.close(x);\n });\n }\n }\n ngOnChanges(changes) {\n if (!this.valid) {\n this.modal.close();\n }\n }\n ngOnDestroy() {\n this.destroy$.next();\n this.destroy$.complete();\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ConfirmModalDirective, deps: [{ token: i1$1.NgbModal }], target: i0.ɵɵFactoryTarget.Directive }); }\n static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"17.2.1\", type: ConfirmModalDirective, selector: \"[confirmModal]\", inputs: { disabled: \"disabled\", confirmImage: \"confirmImage\", confirmContent: \"confirmContent\", confirmContext: \"confirmContext\", className: [\"modal-class\", \"className\"], valid: \"valid\", confirmHeader: \"confirmHeader\" }, outputs: { confirm: \"confirm\" }, host: { listeners: { \"click\": \"onClick()\" }, properties: { \"attr.disabled\": \"this.isDisabled\" } }, usesOnChanges: true, ngImport: i0 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ConfirmModalDirective, decorators: [{\n type: Directive,\n args: [{\n // tslint:disable-next-line: directive-selector\n selector: '[confirmModal]',\n }]\n }], ctorParameters: () => [{ type: i1$1.NgbModal }], propDecorators: { disabled: [{\n type: Input\n }], confirmImage: [{\n type: Input\n }], confirmContent: [{\n type: Input\n }], confirmContext: [{\n type: Input\n }], className: [{\n type: Input,\n args: [{ alias: 'modal-class' }]\n }], valid: [{\n type: Input\n }], confirmHeader: [{\n type: Input\n }], confirm: [{\n type: Output\n }], isDisabled: [{\n type: HostBinding,\n args: ['attr.disabled']\n }], onClick: [{\n type: HostListener,\n args: ['click']\n }] } });\n\nclass ConfirmModalModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ConfirmModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: ConfirmModalModule, declarations: [ConfirmModalComponent, ConfirmModalDirective], imports: [CommonModule,\n FormsModule,\n NgbModule,\n FGBSharedModule], exports: [ConfirmModalComponent, ConfirmModalDirective] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ConfirmModalModule, imports: [CommonModule,\n FormsModule,\n NgbModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ConfirmModalModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [ConfirmModalComponent, ConfirmModalDirective],\n imports: [\n CommonModule,\n FormsModule,\n NgbModule,\n FGBSharedModule\n ],\n exports: [ConfirmModalComponent, ConfirmModalDirective]\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { ConfirmModalComponent, ConfirmModalDirective, ConfirmModalModule };\n","import * as i0 from '@angular/core';\nimport { signal, inject, Injector, DestroyRef, runInInjectionContext, computed, Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';\nimport * as i3 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@fgb/core';\nimport { getLoyaltyBalance, config, TermsAndCondtionsType, LOYALTY_STATUS, AuctionStatus, AuctionBid, FgbError } from '@fgb/core';\nimport { tap } from 'rxjs/operators';\nimport { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';\nimport * as i7 from '@fgb/portal-component-library/src/lib/directives';\nimport { ScreenType, IfItemEnabled, DirectivesModule } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i2 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbCarouselModule } from '@ng-bootstrap/ng-bootstrap';\nimport * as i4 from '@fgb/portal-component-library/src/lib/loyalty/reward-status';\nimport { RewardStatusComponent } from '@fgb/portal-component-library/src/lib/loyalty/reward-status';\nimport * as i5 from '@fgb/portal-component-library/src/lib/shared/number-input';\nimport { NumberInputModule } from '@fgb/portal-component-library/src/lib/shared/number-input';\nimport * as i6 from '@fgb/portal-component-library/src/lib/shared/countdown';\nimport { CountdownModule } from '@fgb/portal-component-library/src/lib/shared/countdown';\nimport * as i8 from '@fgb/portal-component-library/src/lib/shared/confirm-modal';\nimport { ConfirmModalModule } from '@fgb/portal-component-library/src/lib/shared/confirm-modal';\nimport * as i9 from '@angular/forms';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport * as i10 from '@fgb/portal-component-library/src/lib/shared/errors';\nimport { ErrorsModule, ErrorComponent } from '@fgb/portal-component-library/src/lib/shared/errors';\nimport * as i11 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i12 from '@ngx-translate/core';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\nimport { ShortLongDescriptionModule } from '@fgb/portal-component-library/src/lib/shared/short-long-description';\nimport { RouterModule } from '@angular/router';\nimport { LoyaltyIconModule } from '@fgb/portal-component-library/src/lib/shared/loyalty-icon';\n\nclass AuctionDetailsComponent {\n constructor(auctionService, auctionQuery, balanceService, errorService, carouselConfig, signalRHub) {\n this.auctionService = auctionService;\n this.auctionQuery = auctionQuery;\n this.balanceService = balanceService;\n this.errorService = errorService;\n this.carouselConfig = carouselConfig;\n this.signalRHub = signalRHub;\n this.availableBalance = getLoyaltyBalance();\n this.bidAmount = 0;\n this.minBidAmount = 0;\n this.auctionEnd = false;\n this.isBidOutOfRange = false;\n this.isWinning = signal(false);\n this.config = config;\n this.showTermsAndConditionsText = false;\n this.showDescription = true;\n this.TermsAndCondtionsType = TermsAndCondtionsType;\n this.termsAccepted = false;\n this.screenSize = ScreenType;\n this.auction = signal(null);\n this.STATUS = LOYALTY_STATUS;\n this.auctionStatus = AuctionStatus;\n this.injector = inject(Injector);\n this.destroyRef = inject(DestroyRef);\n }\n ngOnInit() {\n this.signalRHub\n .joinGroup('AuctionDetails_' + this.auctionId)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe();\n this.init();\n this.updateCarouselConfig();\n }\n ngOnDestroy() {\n this.signalRHub.removeFromGroup('AuctionDetails_' + this.auctionId);\n }\n init() {\n runInInjectionContext(this.injector, () => {\n this.auction = toSignal(this.auctionQuery.selectAuction(this.auctionId).pipe(tap((auction) => this.updateValues(auction))));\n this.isWinning = computed(() => !!this.auction().IsWinning);\n });\n }\n updateValues(o) {\n const currentValue = o?.CurrentValue ?? 0;\n const bidIncrement = o?.BidIncrement ?? 0;\n this.minBidAmount = o?.HasPreviousSuccessfulBid ? currentValue + bidIncrement : currentValue;\n this.bidAmount = this.minBidAmount;\n this.availableBalance += o?.UserLastBid || 0;\n this.currentValue = o?.CurrentValue || 0;\n }\n submitBid() {\n // Submit the bid\n const bid = new AuctionBid(this.auctionId, +this.bidAmount);\n let amountToDebit = this.bidAmount;\n if (this.isWinning()) {\n let auction = this.auctionQuery.getEntity(this.auctionId);\n if (auction) {\n amountToDebit -= auction.UserLastBid;\n }\n }\n this.auctionService\n .postBid(bid)\n .toPromise()\n .then(() => this.balanceService.debitBalance(this.config.purseConfig.virtualLoyalty, amountToDebit));\n }\n /**\n * Customise carousel\n * config if needed for\n * auction items which have\n * multiple auction images.\n */\n updateCarouselConfig() {\n this.carouselConfig.showNavigationIndicators = false;\n this.carouselConfig.interval = 3000;\n }\n showDescriptionActive() {\n this.showDescription = true;\n this.showTermsAndConditionsText = false;\n }\n showTermsAndConditonsActive() {\n this.showDescription = false;\n this.showTermsAndConditionsText = true;\n }\n onErrorChange(err) {\n // The error message displays for 3 seconds and then clears itself, if not the behavior wanted, use service instead\n if (err) {\n throw new FgbError({ message: err });\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionDetailsComponent, deps: [{ token: i1.AuctionService }, { token: i1.AuctionQuery }, { token: i1.BalanceService }, { token: i1.ErrorStateService }, { token: i2.NgbCarouselConfig }, { token: i1.SignalRHub }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: AuctionDetailsComponent, selector: \"fgbcl-auction-details\", inputs: { auctionId: \"auctionId\" }, ngImport: i0, template: \"\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ headerContent.data }}
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\", styles: [\".card-img-overlay{font-size:18px}.btn-block{font-size:.875rem;min-width:224px;height:34px;border-radius:16px}@media (max-width: 991px){.btn-block{min-width:310px}}.form-check-input{width:20px;height:20px;border:var(--bs-border-width) solid #000}.form-check-input:focus{box-shadow:none}.form-check-input:checked{background-color:#52c443;border:var(--bs-border-width) solid #52c443;box-shadow:none}.status-container{margin-top:30px;margin-bottom:30px}.form-check{margin-top:30px}.form-check>*:hover{cursor:pointer}\\n\"], dependencies: [{ kind: \"directive\", type: i3.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i3.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i3.NgSwitch, selector: \"[ngSwitch]\", inputs: [\"ngSwitch\"] }, { kind: \"directive\", type: i3.NgSwitchCase, selector: \"[ngSwitchCase]\", inputs: [\"ngSwitchCase\"] }, { kind: \"component\", type: i4.RewardStatusComponent, selector: \"fgbcl-reward-status\", inputs: [\"status\", \"startDate\", \"comingSoonDate\"], outputs: [\"itemStart\"] }, { kind: \"component\", type: i5.NumberInputComponent, selector: \"fgbcl-number-input\", inputs: [\"isActive\", \"minMessage\", \"maxMessage\", \"theme\", \"incrementValue\", \"limitValueToRange\", \"unlimitedLimit\", \"minValue\", \"maxValue\", \"amount\", \"outOfRange\", \"showErrorMessage\"], outputs: [\"amountChange\", \"outOfRangeChange\", \"errorChange\"] }, { kind: \"component\", type: i6.CountdownComponent, selector: \"fgbcl-countdown\", inputs: [\"endDateTime\", \"requestDateTime\", \"completeText\", \"isUTC\"], outputs: [\"complete\"] }, { kind: \"directive\", type: i7.IfItemEnabled, selector: \"[ifItemEnabled]\", inputs: [\"ifItemEnabled\", \"ifItemEnabledDisabledStatus\", \"ifItemEnabledElse\"], exportAs: [\"itemEnabled\"] }, { kind: \"directive\", type: i7.IfScreenSizeDirective, selector: \"[ifScreenSize]\", inputs: [\"ifScreenSize\"] }, { kind: \"directive\", type: i7.WebsiteContentFeatureFlagDirective, selector: \"[fgbWebsiteContentFeatureFlag]\", inputs: [\"fgbWebsiteContentFeatureFlag\"] }, { kind: \"directive\", type: i8.ConfirmModalDirective, selector: \"[confirmModal]\", inputs: [\"disabled\", \"confirmImage\", \"confirmContent\", \"confirmContext\", \"modal-class\", \"valid\", \"confirmHeader\"], outputs: [\"confirm\"] }, { kind: \"directive\", type: i9.CheckboxControlValueAccessor, selector: \"input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]\" }, { kind: \"directive\", type: i9.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i9.NgModel, selector: \"[ngModel]:not([formControlName]):not([formControl])\", inputs: [\"name\", \"disabled\", \"ngModel\", \"ngModelOptions\"], outputs: [\"ngModelChange\"], exportAs: [\"ngModel\"] }, { kind: \"component\", type: i10.ErrorComponent, selector: \"fgbcl-error\" }, { kind: \"pipe\", type: i3.DecimalPipe, name: \"number\" }, { kind: \"pipe\", type: i11.ContentImagePipe, name: \"contentImage\" }, { kind: \"pipe\", type: i11.SafeHtmlPipe, name: \"safeHtml\" }, { kind: \"pipe\", type: i12.TranslatePipe, name: \"translate\" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionDetailsComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-auction-details', changeDetection: ChangeDetectionStrategy.OnPush, template: \"\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n {{ auction()?.Sponsor?.SponsorText }} \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ auction().ItemName }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ currentValue | number }} Pts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'auction.terms.accept' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ currentValue | number }} Pts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'auction.item.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'auction.item.tcs' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ auction().TermsAndConditions }}\\r\\n \\r\\n
\\r\\n {{ 'auction.confirm.text' | translate }}
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n {{ 'auctions.confirmation.additional' | translate }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 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 { Component, OnInit } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\nimport { BalanceQuery } from '@fgb/core';\r\nimport { config } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-points-summary',\r\n templateUrl: './points-summary.component.html',\r\n styleUrls: ['./points-summary.component.scss'],\r\n})\r\nexport class PointsSummaryComponent implements OnInit {\r\n pointsBalance$: Observable\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n {{ auction()?.Sponsor?.SponsorText }} \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ auction().ItemName }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ currentValue | number }} Pts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'auction.terms.accept' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ currentValue | number }} Pts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'auction.item.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'auction.item.tcs' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ auction().TermsAndConditions }}\\r\\n \\r\\n
\\r\\n {{ 'auction.confirm.text' | translate }}
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n {{ 'auctions.confirmation.additional' | translate }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 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 {{ pointsBalance$ | async | FortressCurrencyPipe : 'PTS' }}\r\n
\r\n","\r\n","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'fgb-points-summary-bar',\r\n templateUrl: './points-summary-bar.component.html',\r\n styleUrls: ['./points-summary-bar.component.scss'],\r\n})\r\nexport class PointsSummaryBarComponent implements OnInit {\r\n @Input() backButtonLink: string = '/rewards';\r\n @Input() backButtonTitle: string;\r\n @Input() marketplaceItemGroup: string;\r\n @Input() showPoints: boolean = false;\r\n\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n}\r\n","import { Component, Input } from '@angular/core';\r\nimport { HideMobileNav } from '@fgb/portal-component-library/src/lib/directives';\r\n\r\n@Component({\r\n selector: 'fgb-auction-detail-page',\r\n templateUrl: './auction-detail-page.component.html',\r\n styleUrls: ['./auction-detail-page.component.scss'],\r\n hostDirectives: [\r\n HideMobileNav\r\n ]\r\n})\r\nexport class AuctionDetailPageComponent{\r\n @Input() id: number = 0;\r\n\r\n}\r\n","\r\n\r\n
\r\n\r\n\r\n\r\n \r\n Back \r\n
\r\n\r\n
\r\n\r\n\r\n\\r\\n 600\\\">\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n\", styles: [\".filter-modal-header,.filter-modal-option{border-bottom:1px solid rgba(128,128,128,.5)}.apply-filter-btn{font-size:.875rem;color:#fff;font-weight:700;width:224px;border-radius:16px}.filter-result{width:165px;justify-content:space-between;border-radius:16px}@media (max-width: 991px){.filter-result{width:100%}}.filter-result,.filter-select-option{border:1px solid rgba(128,128,128,.5)}.filter-select-option{border-radius:8px;width:250px;top:3rem;z-index:8888}.filter-select-option .filter-label{border-bottom:1px solid rgba(128,128,128,.5)}.offcanvas-filter-modal{border-radius:16px 16px 0 0!important}label{margin-bottom:0}.form-check-input:focus{box-shadow:none}.form-check-input{margin-top:7px;margin-bottom:7px;margin-right:10px}.filter-modal-header{padding-bottom:20px}.filter-button{margin-top:20px}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"pipe\", type: i3.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: FilterStatusModalComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-filter-status-modal', template: \"\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n {{ 'reward.filter_modal.filter' | translate }}:\\r\\n {{ labelString | translate }}\\r\\n {{ labelString }}\\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n {{ 'reward.filter_modal.reward_type' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ 'reward.filter_modal.reward_type' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n 600\\\">\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n\", styles: [\".filter-modal-header,.filter-modal-option{border-bottom:1px solid rgba(128,128,128,.5)}.apply-filter-btn{font-size:.875rem;color:#fff;font-weight:700;width:224px;border-radius:16px}.filter-result{width:165px;justify-content:space-between;border-radius:16px}@media (max-width: 991px){.filter-result{width:100%}}.filter-result,.filter-select-option{border:1px solid rgba(128,128,128,.5)}.filter-select-option{border-radius:8px;width:250px;top:3rem;z-index:8888}.filter-select-option .filter-label{border-bottom:1px solid rgba(128,128,128,.5)}.offcanvas-filter-modal{border-radius:16px 16px 0 0!important}label{margin-bottom:0}.form-check-input:focus{box-shadow:none}.form-check-input{margin-top:7px;margin-bottom:7px;margin-right:10px}.filter-modal-header{padding-bottom:20px}.filter-button{margin-top:20px}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.ScreenSizeService }, { type: i0.ElementRef }], propDecorators: { showStatusFilter: [{\n type: Input\n }], filterTypesList: [{\n type: Input\n }], filterTypesListEmitter: [{\n type: Output\n }], selectedValues: [{\n type: Input\n }], selectedValuesEmitter: [{\n type: Output\n }], myOffcanvas: [{\n type: ViewChild,\n args: ['myOffcanvas', { static: false }]\n }], onDocumentClick: [{\n type: HostListener,\n args: ['document:click', ['$event']]\n }] } });\n\nclass MarketplaceListComponent {\n constructor(marketplaceExtendedQuery) {\n this.marketplaceExtendedQuery = marketplaceExtendedQuery;\n this.showSortBar = true;\n this.defaultSort = MarketplaceListSortOption.Points;\n this.showStatusFilter = false;\n this.sortOrderType = SortOrder;\n this.filterTypesList = [{ label: 'reward.filter.status.all', value: MarketplaceItemStatus.All }];\n this.selectedState = [MarketplaceItemStatus.All];\n this.MarketplaceItemStatus = MarketplaceItemStatus;\n }\n ngOnInit() {\n this.queryMarketplaceItems();\n this.subscribeAndSortMarketplaceItems();\n this.defineSortBarOptions();\n }\n ngOnDestroy() {\n if (this.marketplaceItemsSubscription) {\n this.marketplaceItemsSubscription.unsubscribe();\n }\n }\n ngOnChanges(changes) {\n console.log('changes', changes);\n }\n queryMarketplaceItems() {\n if (this.marketplaceItemTypes) {\n this.marketplaceItems$ = this.marketplaceExtendedQuery.selectExtendedMarketplaceItemsOfType(...this.marketplaceItemTypes);\n }\n else {\n this.marketplaceItems$ = this.marketplaceExtendedQuery.selectExtendedMarketplaceItems();\n }\n }\n subscribeAndSortMarketplaceItems() {\n this.marketplaceItemsSubscription = this.marketplaceItems$.subscribe((items) => {\n if (items) {\n items.filter((item) => {\n const today = moment().utc();\n const endDate = moment.utc(item.ItemEndDate);\n return !item.ComingSoon || (item.ComingSoon && endDate.isAfter(today));\n });\n this.originalMarketplaceItem = [...items];\n items = this._sortItems(items);\n this.filteredMarketplaceItems = items;\n }\n });\n }\n defineSortBarOptions() {\n this.sortBarOptions = [\n {\n propertyToSort: 'PointValue',\n shouldToggle: true,\n order: this.sortOrderType.Descending,\n labelASC: 'fgbcl.points.low.to.high',\n labelDESC: 'fgbcl.points.high.to.low',\n },\n {\n propertyToSort: 'ItemEndDate',\n order: this.sortOrderType.Ascending,\n shouldToggle: false,\n labelASC: 'fgbcl.sortby.ending.soon',\n },\n {\n propertyToSort: 'AvailableCount',\n order: this.sortOrderType.Descending,\n shouldToggle: true,\n labelASC: 'fgbcl.limited.availability',\n labelDESC: 'fgbcl.high.availability',\n },\n {\n propertyToSort: 'DisplayName',\n order: this.sortOrderType.Descending,\n shouldToggle: true,\n labelASC: 'fgbcl.sortby.name.atoz',\n labelDESC: 'fgbcl.sortby.name.ztoa',\n },\n ];\n }\n resetOrder() {\n this.subscribeAndSortMarketplaceItems();\n }\n _sortItems(items) {\n let sortedItemsMap = new Map();\n // split out for all marketplace status\n for (let status in MarketplaceItemStatus) {\n if (isNaN(Number(status))) {\n sortedItemsMap.set(status, items\n .filter((x) => x.Status === MarketplaceItemStatus[status])\n .sort((a, b) => {\n switch (this.defaultSort) {\n case MarketplaceListSortOption.Points:\n return this.sortByPoints(a, b);\n case MarketplaceListSortOption.Ordinal:\n return this.sortByOrdinal(a, b);\n default:\n return 0;\n }\n }));\n }\n }\n let sortedItems = [];\n // Filter data by filter status modal\n // if modal not tick checkAll(default of selectedState is checkAll)\n // set sortedItemsMap again with new data of status\n if (!(this.selectedState.length == 1 && this.selectedState[0] == MarketplaceItemStatus.All)) {\n let tempSortedItemMap = new Map();\n this.selectedState.forEach(state => {\n if (sortedItemsMap.has(MarketplaceItemStatus[state])) {\n tempSortedItemMap.set(MarketplaceItemStatus[state], sortedItemsMap.get(MarketplaceItemStatus[state]));\n }\n });\n sortedItemsMap = tempSortedItemMap;\n }\n let availableItems = sortedItemsMap.get(MarketplaceItemStatus[MarketplaceItemStatus.Available]);\n if (availableItems) {\n sortedItems.push(...availableItems);\n }\n let notEnoughPointsItems = sortedItemsMap.get(MarketplaceItemStatus[MarketplaceItemStatus.NotEnoughPoints]);\n if (notEnoughPointsItems) {\n sortedItems.push(...notEnoughPointsItems);\n }\n let limitReachedItems = sortedItemsMap.get(MarketplaceItemStatus[MarketplaceItemStatus.MemberLimitReached]);\n if (limitReachedItems) {\n sortedItems.push(...limitReachedItems);\n }\n let soldOutItems = sortedItemsMap.get(MarketplaceItemStatus[MarketplaceItemStatus.SoldOut]);\n if (soldOutItems) {\n sortedItems.push(...soldOutItems);\n }\n let comingSoonItems = sortedItemsMap.get(MarketplaceItemStatus[MarketplaceItemStatus.ComingSoon]);\n if (comingSoonItems) {\n sortedItems.push(...comingSoonItems);\n }\n sortedItems = this.sortItemsFavouriteAndNewest(sortedItems);\n return sortedItems;\n }\n sortItemsFavouriteAndNewest(marketplaceItemExtended) {\n const threeDays = 3;\n const itemsNew = marketplaceItemExtended.filter((items, index) => {\n const startDate = moment().diff(items?.ItemStartDate, 'days');\n if (items.Active && startDate <= threeDays) {\n marketplaceItemExtended.splice(index, 1);\n return items;\n }\n else\n return;\n });\n const itemsFavourite = marketplaceItemExtended.filter((items, index) => {\n if (items.Favourite)\n marketplaceItemExtended.splice(index, 1);\n return items.Favourite;\n });\n return itemsNew.concat(itemsFavourite).concat(marketplaceItemExtended);\n }\n sortByPoints(a, b) {\n return b.PointValue - a.PointValue;\n }\n sortByOrdinal(a, b) {\n return a.Ordinal - b.Ordinal;\n }\n handleFilterTypesListEmitter(filterTypes) {\n this.filterTypesList = [...filterTypes];\n }\n handleSelectedStateEmitter(selectedState) {\n this.selectedState = [...selectedState];\n this.filteredMarketplaceItems = this._sortItems([...this.originalMarketplaceItem]);\n }\n isStateInFilter(status) {\n return this.selectedState.includes(status);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListComponent, deps: [{ token: i1.MarketplaceExtendedQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: MarketplaceListComponent, selector: \"fgbcl-marketplace-list\", inputs: { take: \"take\", isList: \"isList\", showSortBar: \"showSortBar\", marketplaceItemTypes: \"marketplaceItemTypes\", marketplaceItemView: \"marketplaceItemView\", eventItemView: \"eventItemView\", productsItemView: \"productsItemView\", defaultSort: \"defaultSort\", showStatusFilter: \"showStatusFilter\" }, usesOnChanges: true, ngImport: i0, template: \"\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n {{ 'reward.filter_modal.filter' | translate }}:\\r\\n {{ labelString | translate }}\\r\\n {{ labelString }}\\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n {{ 'reward.filter_modal.reward_type' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ 'reward.filter_modal.reward_type' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'marketplace.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'events.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n{{ 'products.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'marketplace.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'events.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n{{ 'products.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n\r\n
\r\n\r\n\r\n \r\n
\r\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: \"\\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 | FortressCurrencyPipe }}\\r\\n \\r\\n \\r\\n {{ 'cart.points' | translate }} \\r\\n {{ item.purchaseQuantity * item.productData.PointValue | number }}\\r\\n \\r\\n
\\r\\n \\r\\n {{ checkQuantityOfCartItem(item) | translate : { marketplaceItemCount: marketplaceItemCount } }}\\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 | FortressCurrencyPipe }}\\r\\n \\r\\n \\r\\n {{ 'cart.points' | translate }} \\r\\n {{ item.purchaseQuantity * item.productData.PointValue | number }}\\r\\n \\r\\n
\\r\\n \\r\\n {{ checkQuantityOfCartItem(item) | translate : { marketplaceItemCount: marketplaceItemCount } }}\\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 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\", 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 {{ item.PointValue | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n \\r\\n {{\\r\\n item.MerchantValue / 100 | FortressCurrencyPipe\\r\\n }}\\r\\n
\\r\\n 0\\\">\\r\\n {{ item.EcashValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ 'marketplace.terms.accept' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'marketplace.item.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'marketplace.item.tcs' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{\\r\\n item.TermsAndConditions\\r\\n }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ item.DisplayName }}\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ item?.Sponsor?.SponsorText }} \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ item.AvailabilityCount }}\\r\\n \\r\\n\\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n 0\\\">\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n 0 && item.Status === 0\\\"\\r\\n [itemCustomFields]=\\\"item.CustomFields\\\"\\r\\n [hasSumbittedForm]=\\\"hasSumbittedForm\\\"\\r\\n (customFieldsChange)=\\\"setCustomFields($event)\\\"\\r\\n >\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n {{ item.PointValue | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n \\r\\n {{\\r\\n item.MerchantValue / 100 | FortressCurrencyPipe\\r\\n }}\\r\\n
\\r\\n 0\\\">\\r\\n {{ item.EcashValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ 'marketplace.terms.accept' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'marketplace.item.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'marketplace.item.tcs' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{\\r\\n item.TermsAndConditions\\r\\n }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\r\n
\r\n\r\n\r\n\r\n \r\n Back \r\n
\r\n\r\n
\r\n\r\n\r\n */\r\n@Directive({\r\n // tslint:disable-next-line: directive-selector\r\n selector: 'img[useDefault]',\r\n})\r\nexport class ImgDefaultDirective implements OnInit {\r\n @HostBinding('attr.src') @Input() src: string;\r\n @Input() useDefault: boolean;\r\n @Input() loyaltyType: 'marketplace' | 'auction' | 'lotto' | 'wallet' | 'walletRedeemed' | 'badge';\r\n @HostBinding('class.image-loaded') imageLoaded = false;\r\n @HostBinding('class.image-error') imageError = false;\r\n DefaultImgSrc: string;\r\n\r\n constructor() {}\r\n\r\n ngOnInit() {\r\n if (!this.loyaltyType) {\r\n this.DefaultImgSrc = `${config.contentUrl}/images/noimage.png`;\r\n } else {\r\n switch (this.loyaltyType) {\r\n case 'marketplace': {\r\n this.DefaultImgSrc = 'assets/images/placeholders/marketplace-item.png';\r\n break;\r\n }\r\n case 'auction': {\r\n this.DefaultImgSrc = 'assets/images/placeholders/auction-item.png';\r\n break;\r\n }\r\n case 'lotto': {\r\n this.DefaultImgSrc = 'assets/images/placeholders/lotto-item.png';\r\n break;\r\n }\r\n case 'wallet': {\r\n this.DefaultImgSrc = 'assets/images/placeholders/marketplace-item.png';\r\n break;\r\n }\r\n case 'badge': {\r\n this.DefaultImgSrc = 'assets/images/placeholders/badge-item.png';\r\n break;\r\n }\r\n default: {\r\n this.DefaultImgSrc = 'assets/images/placeholders/marketplace-item.png';\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Called on error. Sets the default image source if required and the class to 'image-error'.\r\n */\r\n @HostListener('error') updateUrl() {\r\n if (this.useDefault) {\r\n this.src = this.DefaultImgSrc;\r\n }\r\n this.imageError = true;\r\n }\r\n\r\n /**\r\n * Called on success. Leaves the requested image source as-is and sets the class to 'image-loaded'.\r\n */\r\n @HostListener('load') load() {\r\n this.imageLoaded = true;\r\n }\r\n}\r\n"," 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 \r\n \r\n {{ 'events.purchase.success' | translate }}\r\n \r\n \r\n \r\n \r\n {{ 'products.purchase.success' | translate }}\r\n \r\n \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 {{ 'marketplace.merchant.used' | translate }}\r\n {{\r\n purchasedItem.TotalMerchantPrice / 100 | FortressCurrencyPipe\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 { 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\", 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 {{ lottoItem?.Sponsor?.SponsorText }} \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ lottoItem.Title }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ lottoItem.PurchasePrice | number }} Pts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'lotto.terms.accept' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ lottoItem.PurchasePrice | number }} Pts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'lotto.item.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'lotto.item.tcs' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{\\r\\n lottoItem.TermsAndConditions\\r\\n }}\\r\\n \\r\\n
\\r\\n {{ 'lotto.confirm.text' | translate }}
\\r\\n\\r\\n
\\r\\n {{ 'lottos.confirmation.additional' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ lottoItem.Title }}
\\r\\n \\r\\n {{ 'lotto.entries' | translate }}\\r\\n {{ entries }}\\r\\n
\\r\\n \\r\\n {{ 'lotto.points.value' | translate }}\\r\\n \\r\\n {{ lottoItem.PurchasePrice * entries | number }} {{ 'lottos.points.value.pts' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\", styles: [\".btn-block{font-size:.875rem;min-width:224px;height:34px;border-radius:16px}@media (max-width: 991px){.btn-block{min-width:310px}}.status-container{margin-top:30px;margin-bottom:30px}.form-check{margin-top:30px}.form-check>*:hover{cursor:pointer}.form-check-input{width:20px;height:20px;border:var(--bs-border-width) solid #000}.form-check-input:focus{box-shadow:none}.form-check-input:checked{background-color:#52c443;border:var(--bs-border-width) solid #52c443;box-shadow:none}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.ErrorStateService }, { type: i2.Router }, { type: i1.LottoService }, { type: i1.LottoQuery }, { type: i1.BalanceService }, { type: i1.TransactionSuccessService }], 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, Input, OnInit } from '@angular/core';\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 @Input() id: number = 0;\r\n\r\n constructor() {}\r\n\r\n ngOnInit() {\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 {{ lottoItem?.Sponsor?.SponsorText }} \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ lottoItem.Title }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ lottoItem.PurchasePrice | number }} Pts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'lotto.terms.accept' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ lottoItem.PurchasePrice | number }} Pts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'lotto.item.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'lotto.item.tcs' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{\\r\\n lottoItem.TermsAndConditions\\r\\n }}\\r\\n \\r\\n
\\r\\n {{ 'lotto.confirm.text' | translate }}
\\r\\n\\r\\n
\\r\\n {{ 'lottos.confirmation.additional' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ lottoItem.Title }}
\\r\\n \\r\\n {{ 'lotto.entries' | translate }}\\r\\n {{ entries }}\\r\\n
\\r\\n \\r\\n {{ 'lotto.points.value' | translate }}\\r\\n \\r\\n {{ lottoItem.PurchasePrice * entries | number }} {{ 'lottos.points.value.pts' | translate }}\\r\\n
\\r\\n \r\n
\r\n\r\n\r\n\r\n \r\n Back\r\n
\r\n\r\n
\r\n\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 {{ 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
\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 1\\\">\\r\\n \\r\\n
\\r\\n \r\n \r\n
\r\n\r\n\r\n
\r\n\r\n\r\n\r\n
\r\n\r\n
\r\n\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\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 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 flaky
\r\n \r\n \r\n supervised_user_circle
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n","import { Component, OnInit, Input, EventEmitter, Output } from '@angular/core';\r\nimport {\r\n Survey,\r\n SurveyType,\r\n AnswerType,\r\n SurveyService,\r\n BalanceService,\r\n SurveyAnswerDto,\r\n PointProcessType,\r\n config,\r\n AnswerDisplayType,\r\n} from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-survey-item-answer',\r\n templateUrl: './survey-item-answer.component.html',\r\n styleUrls: ['./survey-item-answer.component.scss', '../survey.scss'],\r\n})\r\nexport class SurveyItemAnswerComponent implements OnInit {\r\n @Input() survey: Survey;\r\n @Output() predictorAnswers = new EventEmitter<[]>();\r\n selectedAnswers: number[] = [];\r\n surveyType = SurveyType;\r\n answerType = AnswerType;\r\n answerDisplayType = AnswerDisplayType;\r\n imgDisplayType: 'Portrait' | 'Landscape' = 'Portrait';\r\n colDisplayType: string;\r\n margins: string;\r\n 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.Predictor || 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-4';\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 { Survey, SurveyAnswer } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-survey-completed-quiz-image-and-text',\r\n templateUrl: './survey-completed-quiz-image-and-text.component.html',\r\n styleUrls: ['./survey-completed-quiz-image-and-text.component.scss', '../../../../survey.scss']\r\n})\r\nexport class SurveyCompletedQuizImageAndTextComponent implements OnInit {\r\n @Input() survey: Survey;\r\n @Input() selectedAnswers: SurveyAnswer[];\r\n @Input() correctAnswer: SurveyAnswer;\r\n @Input() hasSelectedCorrect: boolean;\r\n @Input() pointsWon: number;\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { Survey, SurveyAnswer } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-survey-completed-quiz-image',\r\n templateUrl: './survey-completed-quiz-image.component.html',\r\n styleUrls: ['./survey-completed-quiz-image.component.scss', '../../../../survey.scss'],\r\n})\r\nexport class SurveyCompletedQuizImageComponent 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(): void {}\r\n}\r\n","\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { Survey, SurveyType } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-survey-item-quiz',\r\n templateUrl: './survey-item-quiz.component.html',\r\n styleUrls: ['./survey-item-quiz.component.scss', '../../survey.scss'],\r\n})\r\nexport class SurveyItemQuizComponent implements OnInit {\r\n @Input() survey: Survey;\r\n @Input() hideTitle: boolean = false;\r\n surveyType = SurveyType;\r\n\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n}\r\n","\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n {{ '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 {{ survey.SurveyQuestion }}
\r\n Coming soon
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \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 Thank you for submitting your selection
\r\n \r\n Please come back after the conclusion of this predictor to view your results\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 \r\n \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 {{ answer.Title }}\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","import { Component, OnInit, Input } from '@angular/core';\r\nimport { AnswerDisplayType, 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 @Input() displayType: AnswerDisplayType;\r\n answerDisplayType = AnswerDisplayType;\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","\r\n {{ 'survey.predictor.correct.title' | translate }}\r\n
\r\n \r\n {{ 'survey.predictor.correct.title' | translate }}\r\n
\r\n \r\n {{ 'survey.predictor.incorrect.title' | translate }}\r\n
\r\n \r\n {{ 'survey.predictor.incorrect.message' | translate }}\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","import { Component, OnInit, Input, ViewChild } from '@angular/core';\r\nimport { Survey } from '@fgb/core';\r\n\r\nimport { SurveyItemAnswerComponent } from '../../survey-item-answer/survey-item-answer.component';\r\n\r\n@Component({\r\n selector: 'fgb-survey-item-predictor',\r\n templateUrl: './survey-item-predictor.component.html',\r\n styleUrls: ['./survey-item-predictor.component.scss', '../../survey.scss'],\r\n})\r\nexport class SurveyItemPredictorComponent implements OnInit {\r\n @Input() survey: Survey;\r\n @Input() hideTitle: boolean = false;\r\n @ViewChild('itemAnswer') itemAnswer: SurveyItemAnswerComponent;\r\n disableSubmitButton = true;\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n\r\n submitAnswer() {\r\n this.itemAnswer.submitAnswer();\r\n }\r\n\r\n hasUserAnswered() {\r\n if (this.itemAnswer.selectedAnswers.length > 0) {\r\n this.disableSubmitButton = false;\r\n } else {\r\n this.disableSubmitButton = true;\r\n }\r\n }\r\n}\r\n","\r\n
\r\n\r\n \r\n ![\"assets/images/predictor-bg.jpg\"/](\"assets/images/predictor-bg.jpg\")
\r\n
\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 Entered
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\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 {{ 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
\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 assessment
\r\n {{ survey.SurveyQuestion }}
\r\n\r\n 0 ? 'd-block d-lg-none' : 'd-none'\">\r\n +{{ pointsWon }} Pts\r\n
\r\n \r\n \r\n \r\n
\r\n {{ survey.SurveyQuestion }}
\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\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 {{ 'polls.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 { SurveyQuery } from '@fgb/core';\r\nimport { Survey } from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\nimport { SurveyType } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-quiz-page',\r\n templateUrl: './quiz-page.component.html',\r\n styleUrls: ['./quiz-page.component.scss'],\r\n})\r\nexport class QuizPageComponent implements OnInit {\r\n quizzes$: Observable\r\n
\r\n \r\n
\r\n {{ 'trivia.placeholder.description' | translate }}
\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","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 {{ 'games.pickaplayer.vs' | translate }}
\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 {{ 'games.pickaplayer.vs' | translate }}
\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\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { FantasyHistory, FantasyGame, GameStatus } from '@fgb/core';\r\nimport { Moment } from 'moment';\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: Moment;\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);\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 {{ 'pick.player.history.points.pending' | 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 {{ fantasyHistoryItem.PlayerName }}\r\n
\r\n \r\n
\r\n {{ 'games.pickaplayer.vs' | translate }}
\r\n \r\n {{ fantasyHistoryItem.AwayTeamName }} - {{ gameDate | date: 'MMM dd' }}\r\n
\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 \r\n \r\n
\r\n \r\n
\r\n supervised_user_circle
\r\n \r\n {{ 'pick.player.history.placeholder.title' | translate }}\r\n
\r\n{{ 'pick.player.history.placeholder.description' | translate }}
\r\n\r\n
\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { FantasyGame } from '@fgb/core';\r\nimport * as _moment from 'moment';\r\nconst moment = _moment;\r\n\r\n@Component({\r\n selector: 'fgb-fantasy-game-panel-next-game',\r\n templateUrl: './fantasy-game-panel-next-game.component.html',\r\n styleUrls: ['./fantasy-game-panel-next-game.component.scss'],\r\n})\r\nexport class FantasyGamePanelNextGameComponent implements OnInit {\r\n @Input() game: FantasyGame;\r\n gameDate: string;\r\n gameTime: string;\r\n constructor() {}\r\n\r\n ngOnInit() {\r\n this.gameDate = moment.utc(this.game.GameDate).format('MMMM D, YYYY');\r\n this.gameTime = moment.utc(this.game.GameDate).format('hh:mm');\r\n }\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.next.game.title' | translate }}
\r\n{{ 'pick.player.next.game.description' | translate }}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n {{ 'games.pickaplayer.vs' | translate }}
\r\n \r\n
\r\n \r\n
\r\n {{ gameDate | date: 'dd MMM' }}, {{ gameTime }}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{ 'pick.player.next.game.title' | translate }}
\r\n{{ 'pick.player.next.game.description' | translate }}
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{ 'games.pickaplayer.vs' | translate }}
\r\n \r\n \r\n
\r\n \r\n
\r\n {{ gameDate | date: 'dd MMM' }}, {{ gameTime }}
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {{ 'pick.player.next.game.no.player' | 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 {{ 'pick.player.next.game.no.player' | translate }}\r\n
\r\n \r\n \r\n topNumber }\"\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 @Input() topNumber: number;\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 {{ entry.FullName }}\r\n
\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 \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{ 'pick.player.game.panel.placeholder' | 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 {{ 'pick.player.game.panel.placeholder' | translate }}
\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 supervised_user_circle\r\n
\r\n \r\n {{ 'pick.player.placeholder.title' | translate }}\r\n
\r\n{{ 'pick.player.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","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
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n
\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 } 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","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\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 {{ 'predictor.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 { Component, Input, NgModule } from '@angular/core';\nimport * as i3 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i2 from '@fgb/core';\nimport { BadgeStatus } from '@fgb/core';\nimport { finalize, take } from 'rxjs/operators';\nimport { ScorecardDescriptionModalComponent } from '@fgb/portal-component-library/src/lib/loyalty/scorecards';\nimport * as i1 from '@ng-bootstrap/ng-bootstrap';\nimport * as i4 from '@fgb/portal-component-library/src/lib/directives';\nimport { DirectivesModule } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i5 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\n\nclass BadgeListItemComponent {\n constructor(modalService, scorecardService) {\n this.modalService = modalService;\n this.scorecardService = scorecardService;\n this.phaseThree = false;\n this.BadgeStatus = BadgeStatus;\n this.preventMultipleClick = false;\n }\n ngOnInit() { }\n /**\n * open scorecard description modal.\n */\n openScorecardDescription() {\n if (this.preventMultipleClick)\n return;\n this.preventMultipleClick = true;\n this.scorecardService\n .fetchScorecardBy(this.badge.ScorecardId)\n .pipe(finalize(() => (this.preventMultipleClick = false)), take(1))\n .subscribe((scorecards) => {\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 = this.phaseThree;\n const scorecard = this.scorecardService.findScorecard(scorecards, this.badge.ScorecardId);\n modalRef.componentInstance.confettiColors = this.confettiColors;\n modalRef.componentInstance.scorecard = scorecard;\n modalRef.componentInstance.parentScorecard = this.scorecardService.findScorecard(scorecards, scorecard.ParentId);\n modalRef.componentInstance.childScoreCard = this.scorecardService.findScorecard(scorecards, scorecard.ChildId);\n modalRef.componentInstance.currentScorecardIndex = this.scorecardService.findScorecardIndex(scorecards, scorecard.ScorecardId);\n modalRef.componentInstance.childScorecardIndex =\n this.scorecardService.findScorecardIndex(scorecards, scorecard.ChildId) || 0;\n modalRef.componentInstance.parentScorecardIndex =\n this.scorecardService.findScorecardIndex(scorecards, scorecard.ParentId) || 0;\n modalRef.componentInstance.linkedScorecardLength = scorecards.length;\n });\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeListItemComponent, deps: [{ token: i1.NgbModal }, { token: i2.ScorecardService }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: BadgeListItemComponent, selector: \"fgbcl-badge-list-item\", inputs: { badge: \"badge\", phaseThree: \"phaseThree\", confettiColors: \"confettiColors\" }, ngImport: i0, template: \"\\r\\n\", styles: [\".badge-container img{height:70px}.badge-incomplete{opacity:.2}.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}\\n\"], dependencies: [{ kind: \"directive\", type: i3.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i4.ImgDefaultDirective, selector: \"img[useDefault]\", inputs: [\"src\", \"useDefault\", \"loyaltyType\"] }, { kind: \"pipe\", type: i5.ContentImagePipe, name: \"contentImage\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeListItemComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-badge-list-item', template: \"\\r\\n\", styles: [\".badge-container img{height:70px}.badge-incomplete{opacity:.2}.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}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.NgbModal }, { type: i2.ScorecardService }], propDecorators: { badge: [{\n type: Input\n }], phaseThree: [{\n type: Input\n }], confettiColors: [{\n type: Input\n }] } });\n\nclass BadgeListItemModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeListItemModule, declarations: [BadgeListItemComponent], imports: [CommonModule,\n DirectivesModule,\n PipesModule], exports: [BadgeListItemComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeListItemModule, imports: [CommonModule,\n DirectivesModule,\n PipesModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeListItemModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [\n BadgeListItemComponent\n ],\n imports: [\n CommonModule,\n DirectivesModule,\n PipesModule\n ],\n exports: [\n BadgeListItemComponent\n ]\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { BadgeListItemComponent, BadgeListItemModule };\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 '@ngx-translate/core';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass BadgeOverviewListComponent {\n constructor(badgesQuery, badgesService) {\n this.badgesQuery = badgesQuery;\n this.badgesService = badgesService;\n this.isList = true;\n this.phaseThree = false;\n this.showPlaceholder = false;\n }\n ngOnInit() {\n this.badgesService.fetchBadges().toPromise();\n this.badgeByCategories$ = this.badgesQuery.selectAllBadgeCategories();\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeOverviewListComponent, 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: BadgeOverviewListComponent, selector: \"fgbcl-badge-overview-list\", inputs: { phaseThree: \"phaseThree\", confettiColors: \"confettiColors\", showPlaceholder: \"showPlaceholder\" }, ngImport: i0, template: \"\\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\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 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 {{ 'badges.placeholder.description' | translate }}
\\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 gender input field. */\r\n static gender = /^(M|F|O)$/;\r\n\r\n /** Validates a number input field */\r\n static number = /^\\d+$/;\r\n\r\n /** Validates currency for transfers */\r\n static currency = /^[0-9]+(\\.[0-9]{1,2})?$/;\r\n}\r\n","import * 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.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\\r\\n\\r\\n {{ cardToken.CardNumber | creditCardNumber }}\\r\\n
\\r\\n \\r\\n\\r\\n {{ 'payment.card.freeze.confirmation' | translate : { cardEnding: cardToken.CardNumber.substring(12) } }}\\r\\n
\\r\\n\\r\\n {{ 'payment.card.unfreeze.confirmation' | translate : { cardEnding: cardToken.CardNumber.substring(12) } }}\\r\\n
\\r\\n\\r\\n {{ 'payment.card.delete.confirmation' | translate : { cardEnding: cardToken.CardNumber.substring(12) } }}\\r\\n
\\r\\n\\r\\n {{ 'payment.card.activation.confirmation' | translate : { cardEnding: cardToken.CardNumber.substring(12) } }}\\r\\n
\\r\\n\\r\\n
\\r\\n {{ '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\\r\\n\\r\\n {{ cardToken.CardNumber | creditCardNumber }}\\r\\n
\\r\\n \\r\\n\\r\\n {{ 'payment.card.freeze.confirmation' | translate : { cardEnding: cardToken.CardNumber.substring(12) } }}\\r\\n
\\r\\n\\r\\n {{ 'payment.card.unfreeze.confirmation' | translate : { cardEnding: cardToken.CardNumber.substring(12) } }}\\r\\n
\\r\\n\\r\\n {{ 'payment.card.delete.confirmation' | translate : { cardEnding: cardToken.CardNumber.substring(12) } }}\\r\\n
\\r\\n\\r\\n {{ 'payment.card.activation.confirmation' | translate : { cardEnding: cardToken.CardNumber.substring(12) } }}\\r\\n
\\r\\n\\r\\n {{ 'payment.cards.title' | translate }}\\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ '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 visibility_off \r\n visibility \r\n \r\n \r\n
\r\n","import { CommonModule } from '@angular/common';\r\nimport { Component, Input, OnInit, Optional, Self, WritableSignal, signal } from '@angular/core';\r\nimport { AbstractControl, ControlValueAccessor, FormsModule, NgControl } from '@angular/forms';\r\n\r\n@Component({\r\n standalone: true,\r\n selector: 'fgb-input-password',\r\n templateUrl: './input-password.component.html',\r\n styleUrls: ['./input-password.component.scss'],\r\n imports: [ FormsModule, CommonModule ]\r\n})\r\nexport class InputPasswordComponent implements ControlValueAccessor, OnInit {\r\n\r\n @Input() placeholder: string = 'Insert password here';\r\n @Input() label: string = 'Password';\r\n control: AbstractControl | any;\r\n onChangeCallback = (_: any) => {};\r\n onTouchedCallback = (_: any) => {};\r\n innerValue: WritableSignal\r\n @if (isEdit) {\r\n
\r\n \r\n
\r\n \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()?.EmailAddress1 }}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n }\r\n\r\n","import { CommonModule } from '@angular/common';\r\nimport { Component, OnInit, Signal, inject } from '@angular/core';\r\nimport { toSignal } from '@angular/core/rxjs-interop';\r\nimport { AbstractControl, FormBuilder, FormGroup, FormsModule, ReactiveFormsModule, ValidationErrors, Validators } from '@angular/forms';\r\nimport { FgbError, MemberDetails, MemberQuery } from '@fgb/core';\r\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\r\nimport { InputPasswordComponent } from '../../../../shared/components/input-password/input-password.component';\r\nimport { UserLoginDetails, UserDetailsService } from './user-details.service';\r\nimport { PASSWORD_PATTERN } from 'src/app/shared/utilities/globals';\r\nimport { ErrorComponent } from '@fgb/portal-component-library/src/lib/shared/errors';\r\n\r\n@Component({\r\n selector: 'fgb-edit-login-details',\r\n standalone: true,\r\n imports: [CommonModule, FormsModule, ReactiveFormsModule, FGBSharedModule, InputPasswordComponent, ErrorComponent],\r\n templateUrl: './edit-login-details.component.html',\r\n styleUrl: './edit-login-details.component.scss'\r\n})\r\nexport class EditLoginDetailsComponent implements OnInit{\r\n private memberQuery: MemberQuery = inject(MemberQuery);\r\n private fb: FormBuilder = inject(FormBuilder);\r\n private userDetailsService: UserDetailsService = inject(UserDetailsService);\r\n editLoginDetailsForm: FormGroup;\r\n memberDetails: Signal\r\n \r\n ************\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n *{{ 'form.country.required' | translate }}\r\n
\r\n \r\n
\r\n \r\n\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { Country, Region, CountryQuery, LoggingService, CountryService } from '@fgb/core';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { firstValueFrom } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fgb-country-and-regions-accounts',\r\n templateUrl: './country-and-regions-accounts.component.html',\r\n styleUrl: './country-and-regions-accounts.component.scss',\r\n})\r\nexport class CountryAndRegionsAccountsComponent implements OnInit {\r\n @Input() Form: FormGroup;\r\n @Input() RegionLabel: string = 'Region';\r\n @Input() SeparateRow: boolean = false;\r\n countryOptions: Country[] = [];\r\n regionOptions: Region[] = [];\r\n selectedCountry: string;\r\n selectedCounty: string;\r\n\r\n constructor(private logService: LoggingService, private countryService: CountryService, private countryQuery: CountryQuery) {}\r\n\r\n async ngOnInit() {\r\n await firstValueFrom(this.countryService.fetchCountries());\r\n this.countryOptions = this.countryQuery.getAll().sort((a, b) => {\r\n if (a.Ordinal < b.Ordinal) {\r\n return -1;\r\n } else if (a.Ordinal === b.Ordinal) {\r\n return a.DisplayName.localeCompare(b.DisplayName);\r\n }\r\n return 0;\r\n });\r\n\r\n if (this.Form) {\r\n if (this.Form.get('Country')!.value) {\r\n this.selectedCountry = this.Form.get('Country')!.value;\r\n this.selectedCounty = this.Form.get('County')!.value;\r\n this.getRegionsByCountry(this.Form.get('Country')!.value);\r\n } else {\r\n this.Form.controls.Country.setValue(this.countryOptions[0]?.DisplayName);\r\n this.selectedCountry = this.countryOptions[0]?.DisplayName;\r\n this.getRegionsByCountry(this.selectedCountry);\r\n }\r\n }\r\n }\r\n\r\n getRegionsByCountry(CountryName: string): void {\r\n let foundCountry = this.countryOptions.find((c) => c.CountryName === CountryName);\r\n if (foundCountry) {\r\n this.getRegions(foundCountry);\r\n\r\n if (this.selectedCountry !== null) {\r\n if (this.selectedCountry === foundCountry.DisplayName) {\r\n this.Form.controls.County.setValue(this.selectedCounty);\r\n } else {\r\n this.Form.controls.County.setValue('');\r\n }\r\n } else {\r\n this.Form.controls.County.setValue('');\r\n }\r\n } else {\r\n this.Form.controls.Country.setValue('');\r\n this.logService.warning('No country data was found for that country');\r\n }\r\n }\r\n\r\n getRegions(country: Country): void {\r\n if (country.Regions) {\r\n this.regionOptions = [];\r\n }\r\n this.regionOptions = country.Regions;\r\n }\r\n}\r\n","\r\n","import { Component, OnInit, Output, EventEmitter, OnDestroy } from '@angular/core';\r\nimport { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';\r\nimport { Address, AddressQuery, AddressService, AddressType, ErrorStateService, MemberDetails, MemberQuery } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-edit-shipping-address',\r\n templateUrl: './edit-shipping-address.component.html',\r\n styleUrl: './edit-shipping-address.component.scss',\r\n})\r\nexport class EditShippingAddressComponent implements OnInit, OnDestroy {\r\n shippingAddress: Address;\r\n addresses: Address[];\r\n shippingAddressForm: FormGroup;\r\n memberDetails: MemberDetails;\r\n editClicked = false;\r\n baseData: any;\r\n\r\n @Output() saved = new EventEmitter();\r\n @Output() editing = new EventEmitter 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 *{{ 'form.state.required.enter' | translate }} \r\n 1\"> *{{ 'form.state.required.select' | translate }} \r\n
\r\n \r\n *{{ 'form.state.pattern.enter' | translate }} \r\n 1\"> *{{ 'form.state.pattern.select' | 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 {{ member.FirstName }}\r\n
\r\n \r\n \r\n
\r\n \r\n {{ member.Surname }}\r\n
\r\n \r\n
\r\n\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {{ portalProduct.DisplayName }}\r\n
\r\n \r\n {{ portalProduct.MerchantPrice / 100 | FortressCurrencyPipe : currencyCode }}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {{\r\n 'subscription.list.item.learn.more' | translate\r\n }}\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n {{ portalProduct.MerchantPrice / 100 | FortressCurrencyPipe : currencyCode }}\r\n \r\n\r\n \r\n
\r\n {{ 'subscription.modal.upgrade.message' | translate }}
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {{ currentSubscribedProduct.DisplayName }}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {{\r\n 'subscription.list.item.learn.more' | translate\r\n }}\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n {{\r\n (currentSubscribedProduct.ProductType == 1 && currentSubscribedProduct && withinRenewal\r\n ? 'subscription.list.item.expired.label'\r\n : 'subscription.list.item.expiry.label'\r\n ) | translate\r\n }}\r\n {{ 'subscription.list.item.expired.date' | 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 ![](\"assets/images/placeholders/no-subscriptions.svg\")
\r\n
\r\n\r\n SUBSCRIPTIONS
\r\nCurrently Unavailable
\r\n\r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n {{ 'account.details.title' | translate }}
\r\n{{ 'login.details.title' | translate }}
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n {{ 'subscriptions.list.membership.title' | translate }}
\r\n\r\n
\r\n \\r\\n
\\r\\n From date
\\r\\n \\r\\n \\r\\n today\\r\\n \\r\\n
\\r\\n \\r\\n multiple_stop\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\", styles: [\"@media only screen and (min-width: 992px){.input-group{width:192px}}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i3.DefaultValueAccessor, selector: \"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]\" }, { kind: \"directive\", type: i3.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i3.NgModel, selector: \"[ngModel]:not([formControlName]):not([formControl])\", inputs: [\"name\", \"disabled\", \"ngModel\", \"ngModelOptions\"], outputs: [\"ngModelChange\"], exportAs: [\"ngModel\"] }, { kind: \"directive\", type: i1.NgbInputDatepicker, selector: \"input[ngbDatepicker]\", inputs: [\"autoClose\", \"contentTemplate\", \"datepickerClass\", \"dayTemplate\", \"dayTemplateData\", \"displayMonths\", \"firstDayOfWeek\", \"footerTemplate\", \"markDisabled\", \"minDate\", \"maxDate\", \"navigation\", \"outsideDays\", \"placement\", \"popperOptions\", \"restoreFocus\", \"showWeekNumbers\", \"startDate\", \"container\", \"positionTarget\", \"weekdays\", \"disabled\"], outputs: [\"dateSelect\", \"navigate\", \"closed\"], exportAs: [\"ngbDatepicker\"] }, { kind: \"pipe\", type: i4.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: DateRangePickerComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-date-range-picker', providers: [NgbDateNativeAdapter], template: \"To date
\\r\\n \\r\\n \\r\\n event\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n From date
\\r\\n \\r\\n \\r\\n today\\r\\n \\r\\n
\\r\\n \\r\\n multiple_stop\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\", styles: [\"@media only screen and (min-width: 992px){.input-group{width:192px}}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.NgbDateNativeAdapter }], propDecorators: { minDate: [{\n type: Input\n }], startDate: [{\n type: Input\n }], startDateChange: [{\n type: Output\n }], endDate: [{\n type: Input\n }], endDateChange: [{\n type: Output\n }] } });\n\nclass DateRangePickerModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: DateRangePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: DateRangePickerModule, declarations: [DateRangePickerComponent], imports: [CommonModule,\n FormsModule,\n NgbModule,\n FGBSharedModule], exports: [DateRangePickerComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: DateRangePickerModule, imports: [CommonModule,\n FormsModule,\n NgbModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: DateRangePickerModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [DateRangePickerComponent],\n imports: [\n CommonModule,\n FormsModule,\n NgbModule,\n FGBSharedModule\n ],\n exports: [DateRangePickerComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { DateRangePickerComponent, DateRangePickerModule };\n","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 history\r\n
\r\n \r\n {{ 'no.activity.placeholder.list.title' | translate }}\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 no.transactions.placeholder.list.title
\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 @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
\r\n\r\n\r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {{ 'kids.membership.upgrade.description' | translate }}\r\n \r\n\r\n
\r\n \r\n \r\n ![\"\"](\"assets/images/placeholder.jpg\")
\r\n
\r\n \r\n {{ 'kids.membership.upgrade.title' | translate }}
\r\n\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n Child {{ i + 1 }}
\r\n\r\n
\r\n \r\n \r\n
\r\n ({{ child.DateOfBirth | date }})
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n {{ product.PortalProduct.DisplayName }}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {{ 'kids.membership.upgrade.review.label' | translate }}\r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {{ 'kids.membership.upgrade.review.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 0\">\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{ child.FirstName }} {{ child.LastName }}\r\n -\r\n {{ child.Product.DisplayName }}\r\n
\r\n \r\n {{ 'kids.membership.upgrade.product.cost.label' | translate }}\r\n {{ child.Product.MerchantPrice / 100 | FortressCurrencyPipe }}\r\n
\r\n \r\n
\r\n \r\n Proceed to Payment\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n Edit\r\n \r\n
\r\n Billing Address
\r\n\r\n {{ billingAddress.Street }}, {{ billingAddress.Town }}, {{ billingAddress.County }},\r\n {{ billingAddress.Postcode }}, {{ billingAddress.Country }}\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n Edit\r\n \r\n
\r\n Shipping Address
\r\n\r\n {{ shippingAddress.Street }}, {{ shippingAddress.Town }}, {{ shippingAddress.County }},\r\n {{ shippingAddress.Postcode }}, {{ shippingAddress.Country }}\r\n
\r\n \r\n \r\n {{ 'kids.membership.upgrade.gift.code' | translate }}\r\n \r\n
\r\n \r\n 0\">\r\n \r\n
\r\n
\r\n \r\n \r\n {{ 'kids.membership.upgrade.summary.label' | translate }}\r\n
\r\n\r\n
\r\n Membership total:
\r\n {{ totalAmount / 100 | FortressCurrencyPipe }}
\r\n \r\n
\r\n Shipping:
\r\n {{ totalShipping / 100 | FortressCurrencyPipe }}
\r\n \r\n
\r\n Tax:
\r\n {{ totalTax / 100 | FortressCurrencyPipe }}
\r\n 0\">\r\n \r\n \r\n
\r\n Discount Code(s):
\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
\r\n {{ 'kids.membership.upgrade.payment.details.total' | translate }}
\r\n \r\n {{ totalBasketAmount / 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 ![\"\"](\"assets/images/kidnationnewlogo.svg\")
\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 {{ 'kids.membership.upgrade.summary.label' | 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 {{ child.FirstName }} {{ child.LastName }}\r\n -\r\n {{ child.Product.DisplayName }}\r\n
\r\n \r\n {{ 'kids.membership.upgrade.product.cost.label' | translate }}\r\n {{ child.Product.MerchantPrice / 100 | FortressCurrencyPipe }}\r\n
\r\n \r\n
\r\n {{ 'purchase.success.total.label' | translate }}{{ totalBasketAmount / 100 | FortressCurrencyPipe }}\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 {{ 'kids.membership.upgrade.payment.details.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 {{ 'kids.membership.upgrade.payment.details.total' | translate }}
\r\n {{ totalBasketAmount / 100 | FortressCurrencyPipe }}
\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 { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';\r\nimport { ChildService, ErrorStateService } from '@fgb/core';\r\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\r\n\r\n@Component({\r\n selector: 'fgb-lost-barcode-modal',\r\n templateUrl: './lost-barcode-modal.component.html',\r\n styleUrls: ['./lost-barcode-modal.component.scss'],\r\n})\r\nexport class LostBarcodeModalComponent implements OnInit {\r\n barcodeForm: UntypedFormGroup;\r\n @Input() childId: number;\r\n replacementSuccess = false;\r\n @Input() isBarcodeLost = false;\r\n constructor(\r\n private childService: ChildService,\r\n private formBuilder: UntypedFormBuilder,\r\n public activeModal: NgbActiveModal,\r\n private errorService: ErrorStateService\r\n ) {}\r\n\r\n ngOnInit() {\r\n this.barcodeForm = this.formBuilder.group({\r\n barcode: ['', Validators.required],\r\n });\r\n }\r\n\r\n linkNewBarcode() {\r\n this.errorService.clearErrors();\r\n let barcodeText = this.barcodeForm.value.barcode;\r\n if (barcodeText == '') {\r\n this.errorService.addError('Please enter a barcode');\r\n } else {\r\n this.childService.lostCard(this.childId, barcodeText).then(() => {\r\n this.replacementSuccess = true;\r\n });\r\n }\r\n }\r\n\r\n closeModalAndUpdate() {\r\n this.activeModal.close();\r\n location.reload();\r\n }\r\n}\r\n","\r\n \r\n
\r\n
\r\n
\r\n\r\n \r\n \r\n {{ 'replace.child.barcode' | translate }} {{ 'attach.child.barcode' | 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 {{ 'update.child.barcode.heading' | translate }}
\r\n{{ 'update.child.barcode.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 {{ child.Firstname }} {{ child.Lastname }}
\r\n\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n emoji_events \r\n \r\n {{ loyaltyPointsCard$ | async | FortressCurrencyPipe: '':'':'1.0-0' }}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n calendar_month \r\n \r\n {{ child.DateOfBirth | date }}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n\r\n \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 Barcode\r\n \r\n
\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { config, ChildViewModel, AuthService, MembershipOptionQuery, MembershipOption, BalanceQuery } from '@fgb/core';\r\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { Observable } from 'rxjs';\r\nimport { ChildBarcodesCarouselComponent } from '../child-barcodes-carousel/child-barcodes-carousel.component';\r\nimport { LostBarcodeModalComponent } from 'src/app/shared/components/lost-barcode-modal/lost-barcode-modal.component';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'fgb-child-panel',\r\n templateUrl: 'child-panel.component.html',\r\n styleUrls: ['child-panel.component.scss'],\r\n})\r\nexport class ChildPanelComponent implements OnInit {\r\n @Input() child: ChildViewModel;\r\n @Input() enableAttachLostBarcodeButton: boolean = true;\r\n @Input() enableLoginButton: boolean = true;\r\n membershipOption: MembershipOption[];\r\n loyaltyPointsCard$: 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 Children you have added {{ children.data?.length }}/{{ children.limit }}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n ![](\"assets/images/kids/add-kid.svg\")
\r\n
\r\n \r\n \r\n Add Child
\r\n 0\">\r\n
\r\n \r\n ![](\"assets/images/kids/upgrade-kid.svg\")
\r\n
\r\n \r\n \r\n Upgrade Child\r\n
\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/logo-small.svg\")
\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 { ChildQuery, ChildService, ChildViewModel, MembershipOptionService } from '@fgb/core';\r\nimport { Observable, Subscription } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fgb-guardian-page',\r\n templateUrl: './guardian-page.component.html',\r\n styleUrls: ['./guardian-page.component.scss'],\r\n})\r\nexport class GuardianPageComponent implements OnInit {\r\n public childLimit: number = 10;\r\n public emptyChildren: any[];\r\n isGuardianSubscription: Subscription;\r\n isGuardian: boolean;\r\n\r\n children$: Observable\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![\"\"](\"assets/images/background.jpg\")
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n The official Kids club of Fortress!
\r\n\r\n The Fortress Kids Club, is the best way to show your Fortress pride! Sign up today and enjoy exclusive kids-only\r\n offers and unique experiences.\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Click Here to Register as a Guardian\r\n \r\n
\r\n The official Kids club of Fortress
\r\n\r\n The Fortress Kids Club, is the best way to show your Fortress pride! Sign up today and enjoy exclusive kids-only\r\n offers and unique experiences.\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Free
\r\nBasic Membership
\r\navailable for all fans ages 12 and under!
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n Basic Membership Benefits Include:
\r\n \r\n
\r\n \r\n - Membership card and lanyard
\r\n - Play games in the Fortress Portal
\r\n - Exclusive email offers
\r\n\r\n *Offers subject to change\r\n
\r\n \r\n - Play games in the Fortress Portal
\r\n - Exclusive email offers
\r\n\r\n *Offers subject to change\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n $20
\r\nKing membership
\r\navailable to all fans ages 4-12!
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n King Membership Benefits Include:
\r\n \r\n
\r\n \r\n - Membership card and lanyard
\r\n - Play games in the Fortress Portal
\r\n - Exclusive email offers
\r\n - 2020 Fortress yearbook
\r\n\r\n *Offers subject to change\r\n
\r\n \r\n - Play games in the Fortress Portal
\r\n - Exclusive email offers
\r\n - 2020 Fortress yearbook
\r\n\r\n *Offers subject to change\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 \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 your\r\n 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 card once\r\n your balance goes below the point outlined in step 1.\r\n
\r\nStep 3. Click the green Activate eCash Auto Reload button.
\r\nStep 4. Enter your credit card or debit card details in the fields required.
\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 \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\nStep 1. Enter the desire amount you wish top up with in “Load amount”.
\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 required.\r\n
\r\nStep 4. Click submit.
\r\n- \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\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 \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\n\r\n@Component({\r\n templateUrl: 'ecash-failure-page.component.html',\r\n styleUrls: ['ecash-failure-page.component.scss'],\r\n selector: 'fgb-ecash-failure',\r\n})\r\nexport class EcashFailurePageComponent implements OnInit {\r\n ngOnInit() {}\r\n}\r\n","\r\n
\r\n\r\n
\r\n \r\n add_card\r\n
\r\n {{ 'ecash.success.page.title' | translate }}
\r\n\r\n
\r\n {{ 'ecash.success.page.card.added' | translate }}
\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 add_card\r\n
\r\n {{ 'ecash.failure.page.title' | translate }}
\r\n\r\n
\r\n {{ 'ecash.failure.page.card.message' | translate }}
\r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { config, MemberDetails, MemberQuery, BalanceQuery } from '@fgb/core';\r\nimport { TransactionType } from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fgb-ecash-history',\r\n templateUrl: './ecash-history.component.html',\r\n styleUrls: ['./ecash-history.component.scss'],\r\n})\r\nexport class EcashHistoryPageComponent implements OnInit {\r\n transactionStartDate: Date;\r\n transactionEndDate: Date;\r\n transactionType: TransactionType;\r\n transactionTypes = TransactionType;\r\n\r\n memberDetails$: Observable\r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n\r\n- \r\n \r\n credit_card\r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Cart, CartQuery } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-portal-product-success-page',\r\n templateUrl: './portal-product-success-page.component.html',\r\n styleUrls: ['./portal-product-success-page.component.scss'],\r\n})\r\nexport class PortalProductSuccessPageComponent implements OnInit {\r\n cartItem: Cart;\r\n\r\n constructor(private cart: CartQuery) {}\r\n\r\n ngOnInit() {\r\n this.cartItem = this.cart.getMemberPortalProductCart()[0];\r\n }\r\n}\r\n","\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'fgb-portal-product-failure-page',\r\n templateUrl: './portal-product-failure-page.component.html',\r\n styleUrls: ['./portal-product-failure-page.component.scss']\r\n})\r\nexport class PortalProductFailurePageComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","\r\n
\r\n\r\n
\r\n \r\n
\r\n {{ 'portal.product.success.page.title' | translate }}
\r\n\r\n
\r\n {{ 'portal.product.success.page.description' | translate }}
\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-portal-product-results-page',\r\n templateUrl: './portal-product-results-page.component.html',\r\n styleUrls: ['./portal-product-results-page.component.scss'],\r\n})\r\nexport class PortalProductResultsPageComponent implements OnInit {\r\n 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('portalproducts/success').then(() => {\r\n location.reload();\r\n });\r\n } else {\r\n this.router.navigateByUrl('portalproducts/failure');\r\n }\r\n });\r\n }\r\n}\r\n","\r\n
\r\n\r\n
\r\n \r\n
\r\n {{ 'portal.product.failure.page.title' | translate }}
\r\n\r\n
\r\n {{ 'portal.product.failure.page.card.message' | translate }}
\r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'fgb-auth-callback',\r\n templateUrl: './auth-callback.component.html',\r\n styleUrls: ['./auth-callback.component.scss']\r\n})\r\nexport class AuthCallbackComponent implements OnInit {\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n}\r\n","Payment processing...
\r\nLogging in...
\r\n","\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { CardService, AuthService, ErrorStateService } from '@fgb/core';\r\nimport { Subject, firstValueFrom } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fgb-user-login',\r\n templateUrl: './user-login.component.html',\r\n styleUrls: ['./user-login.component.scss'],\r\n})\r\nexport class UserLoginComponent implements OnInit {\r\n loginForm: UntypedFormGroup;\r\n returnUrl: string;\r\n submitted = false;\r\n loading = false;\r\n private _destroyed$ = new Subject\r\n \r\n
\r\n","\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n {{ 'login.page.title' | translate }}
\r\n\r\n {{ 'login.page.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 0; else noAccounts\">\r\n \r\n
\r\n Choose Account
\r\nPlease select one of your accounts below to proceed.
\r\n\r\n\r\n \r\n \r\n
\r\n
\r\n | Name | \r\nEmail Address | \r\nAccount Number | \r\nStatus | \r\n
| {{ account.FirstName }} {{ account.Surname }} | \r\n{{ account.EmailAddress1 }} | \r\n{{ account.ExternalRefNumber }} | \r\n\r\n \r\n Register\r\n \r\n \r\n Login\r\n \r\n \r\n Activate\r\n \r\n \r\n n/a\r\n \r\n | \r\n
\r\n \r\n We're sorry but an error has occurred. We could not find any accounts for you to choose from.\r\n
\r\n Please click below to enter your credentials again.\r\n \r\n
\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { AuthService } from '@fgb/core';\r\nimport { ErrorStateService } from '@fgb/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n selector: 'fgb-maintenance-page',\r\n templateUrl: './maintenance-page.component.html',\r\n styleUrls: ['./maintenance-page.component.scss'],\r\n})\r\nexport class MaintenancePageComponent implements OnInit {\r\n showAppleLink = true;\r\n showGoogleLink = true;\r\n\r\n constructor(\r\n private router: Router,\r\n public errorService: ErrorStateService,\r\n private authService: AuthService,\r\n public deviceDetector: DeviceDetectorService\r\n ) {\r\n if (this.authService.checkMaintenceMode()) {\r\n if (this.authService.hasCurrentRefreshToken()) {\r\n this.router.navigate(['/']);\r\n } else {\r\n this.router.navigate(['login']);\r\n }\r\n }\r\n }\r\n\r\n ngOnInit() {\r\n this.downloadAppLink();\r\n }\r\n\r\n downloadAppLink() {\r\n if (this.deviceDetector.os.match('iOS')) {\r\n this.showGoogleLink = false;\r\n } else if (this.deviceDetector.os.match('Android')) {\r\n this.showAppleLink = false;\r\n }\r\n }\r\n}\r\n","\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n","import * as i0 from '@angular/core';\nimport { Component, Input, NgModule } from '@angular/core';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@fgb/core';\nimport * as i2$1 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport { InlineSVGModule } from 'ng-inline-svg-2';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass EarnPointsCardComponent {\n constructor() { }\n ngOnInit() { }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EarnPointsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: EarnPointsCardComponent, selector: \"fgbcl-earn-points-card\", inputs: { earnPointsCard: \"earnPointsCard\" }, ngImport: i0, template: \"\r\n
\r\n \r\n \r\n \r\n ![](\"assets/images/maintenance-icon.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 {{ 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","export interface DynamicScript {\r\n src: string;\r\n attrs?: { name: string; value?: string }[];\r\n}\r\n\r\nexport function LoadScripts(dynamicScripts: DynamicScript[]): PromiseLoading...
","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 \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 \r\n \r\n
\r\n \r\n
\r\n\r\n {{ 'worksheet.download' | translate | uppercase }} \r\n
\r\n {{ worksheetItem.Description }}
\r\n\r\n \r\n 0; else noItems\">\r\n \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.placeholder.description' | translate }}
\r\n Error {{ worksheets.error }}
\r\n\r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n\r\n
\r\n\r\n\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { LottoItem, LottoQuery } from '@fgb/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'fgb-lottos-terms-page',\r\n templateUrl: './lottos-terms-page.component.html',\r\n styleUrls: ['./lottos-terms-page.component.scss'],\r\n})\r\nexport class LottosTermsPageComponent implements OnInit {\r\n lottoItem: LottoItem | undefined;\r\n constructor(private lottoQuery: LottoQuery, private route: ActivatedRoute) {}\r\n\r\n ngOnInit() {\r\n let id = +(this.route.snapshot.paramMap.get('id') || 0);\r\n this.lottoItem = this.lottoQuery.getEntity(id);\r\n }\r\n}\r\n","\r\n \r\n\r\n
\r\n\r\n\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { MarketplaceItem, MarketplaceQuery, MarketplaceService } from '@fgb/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'fgb-marketplace-terms-page',\r\n templateUrl: './marketplace-terms-page.component.html',\r\n styleUrls: ['./marketplace-terms-page.component.scss'],\r\n})\r\nexport class MarketplaceTermsPageComponent implements OnInit {\r\n marketplaceItem: MarketplaceItem | undefined;\r\n constructor(\r\n private marketplaceQuery: MarketplaceQuery,\r\n private marketplaceService: MarketplaceService,\r\n private route: ActivatedRoute\r\n ) {}\r\n\r\n ngOnInit() {\r\n let id = +(this.route.snapshot.paramMap.get('id') || 0);\r\n\r\n this.marketplaceService\r\n .fetchMarketplaceItemById(id)\r\n .toPromise()\r\n .then(() => {\r\n this.marketplaceItem = this.marketplaceQuery.getEntity(id);\r\n });\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { TMOauthService } from '@fgb/core';\r\n\r\n\r\n@Component({\r\n selector: 'fgb-tm-callback',\r\n templateUrl: './tm-callback.component.html',\r\n styleUrls: ['./tm-callback.component.scss']\r\n})\r\nexport class TmCallbackComponent implements OnInit {\r\n\r\n constructor(private tmOauthService: TMOauthService) { }\r\n\r\n ngOnInit() {\r\n let index = window.location.href.indexOf('code');\r\n if (index != -1){\r\n this.tmOauthService.callBackToken(window.location.href.substring(index + 5));\r\n }\r\n }\r\n\r\n}\r\n","\r\n Redirecting to Ticket Master\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { TMAuthService } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-tm-auth-callback',\r\n templateUrl: './tm-auth-callback.component.html',\r\n styleUrls: ['./tm-auth-callback.component.scss']\r\n})\r\nexport class TmAuthCallbackComponent implements OnInit {\r\n \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
","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'fgb-worksheet-page',\r\n templateUrl: './worksheet-page.component.html',\r\n styleUrls: ['./worksheet-page.component.scss']\r\n})\r\nexport class WorksheetPageComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","\r\n\r\n\r\n
\r\n","\r\n\r\n \r\n \r\n
\r\n","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","import { Component, OnInit } from '@angular/core';\r\nimport { PortalProductsService } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-subscriptions-page',\r\n templateUrl: './subscriptions-page.component.html',\r\n styleUrls: ['./subscriptions-page.component.scss']\r\n})\r\nexport class SubscriptionsPageComponent implements OnInit {\r\n\r\n constructor(private portalProductsService: PortalProductsService) { }\r\n\r\n ngOnInit() {\r\n this.portalProductsService.fetchPortalProducts().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 \r\n \r\n
\r\n \r\n
\r\n \r\n {{ item.productData.DisplayName }}\r\n
\r\n\r\n
\r\n \r\n :\r\n {{ item.productData.MerchantPrice / 100 | FortressCurrencyPipe : currencyCode }}\r\n
\r\n\r\n
\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\nimport { Cart, CartQuery, CartService } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-cart-item-subscriptions',\r\n templateUrl: './cart-item-subscriptions.component.html',\r\n styleUrls: ['./cart-item-subscriptions.component.scss'],\r\n})\r\nexport class CartItemSubscriptionsComponent implements OnInit {\r\n items$: ObservableYour basket is empty!
\r\n\r\n \r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n {{ 'cart.checkout.page.portal.products.items.title' | translate }}
\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n {{ 'cart.checkout.page.portal.products.summary.title' | translate }}\r\n
\r\n\r\n
\r\n\r\n Items
\r\n \r\n {{ totalCost / 100 | FortressCurrencyPipe : currencyCode }}\r\n
\r\n \r\n
\r\n
\r\n \r\n Total:
\r\n \r\n {{ totalPrice / 100 | FortressCurrencyPipe : currencyCode }}\r\n
\r\n 0\">\r\n \r\n \r\n
\r\n \r\n Discount Code(s):
\r\n {{ giftCode.Code }}
\r\n \r\n - {{ giftCode.EntitlementValue / 100 | FortressCurrencyPipe }}\r\n - {{ giftCode.EntitlementValue }}%\r\n FREE\r\n
\r\n \r\n \r\n \r\n {{ 'cart.checkout.page.portal.products.checkout' | translate }}\r\n \r\n
\r\n \r\n {{ 'cart.checkout.page.portal.products.payment.title' | translate }}\r\n
\r\n\r\n \r\n \r\n Membership upgraded successfully\r\n \r\n \r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n {{ 'cart.checkout.page.portal.products.payment.modal.title' | translate }}\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
\r\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'add.card.payment.title' | translate }}
\\r\\n\\r\\n
\\r\\n {{ 'add.card.payment.subtitle' | translate }}
\\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n {{ 'add.card.payment.total.price' | translate }}
\\r\\n{{ totalPrice }}
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'add.card.payment.title' | translate }}
\\r\\n\\r\\n
\\r\\n {{ 'add.card.payment.subtitle' | translate }}
\\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n {{ 'add.card.payment.total.price' | translate }}
\\r\\n{{ totalPrice }}
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\r\n \r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n {{ 'cart.itemsSummary' | 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 {{ 'checkout.shipping.address.heading' | translate }}
\r\n\r\n {{ 'checkout.shipping.edit' | translate }}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {{ member.Street }} , {{ member.Town }} ,\r\n {{ member.PostCode }} ,\r\n {{ member.Country }}\r\n ,\r\n {{ member.County }}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {{ 'address.clear.btn' | translate }} \r\n
\r\n \r\n {{ 'checkout.shipping.address.heading' | 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 {{ 'cart.summary.items' | translate }}\r\n
\r\n {{ totalItems$ | async }}
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n {{ 'cart.summary.totalMerchant' | translate }}
\r\n \r\n
\r\n {{ totalPriceMerchantValue / 100 | FortressCurrencyPipe }}
\r\n {{ 'cart.summary.totalPoint' | translate }}
\r\n {{ totalPoints | 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
\r\n \r\n
\r\n
\r\n\r\n currentBalance ||\r\n !defaultCard()?.CardNumber ||\r\n isSubmitted === false ||\r\n editingMemberAddress ||\r\n memberAddressForm?.invalid\r\n \"\r\n >\r\n @if(isSubmitted === false){\r\n
\r\n \r\n
\r\n\r\n }@else {\r\n\r\n {{ statusText }}\r\n }\r\n \r\n \r\n
\r\n\r\n \r\n **** {{ item?.CardNumber.substr(12) }}\r\n
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { CartQuery } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-cart-checkout-success-page',\r\n templateUrl: './cart-checkout-success-page.component.html',\r\n styleUrls: ['./cart-checkout-success-page.component.scss'],\r\n})\r\nexport class CartCheckoutSuccessPageComponent implements OnInit {\r\n constructor(private cartQuery: CartQuery) {}\r\n\r\n ngOnInit() {\r\n let marketplaceCart = this.cartQuery.getMemberMarketplaceCart();\r\n this.cartQuery.removeItems(marketplaceCart);\r\n }\r\n}\r\n","Payment processing...
\r\n\r\n
\r\n","import { HttpParams } from '@angular/common/http';\r\nimport { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { AuthService, SportsAllianceAuthService } from '@fgb/core';\r\nimport { CookieService } from 'ngx-cookie-service';\r\n\r\n@Component({\r\n selector: 'fgb-sports-alliance-callback',\r\n templateUrl: './sports-alliance-callback.component.html',\r\n styleUrls: ['./sports-alliance-callback.component.scss'],\r\n})\r\nexport class SportsAllianceCallbackComponent implements OnInit {\r\n cookieName: string = '_sa_sso_upid';\r\n constructor(\r\n private sportsAllianceService: SportsAllianceAuthService,\r\n private router: Router,\r\n private cookieService: CookieService,\r\n private authService: AuthService\r\n ) {}\r\n\r\n ngOnInit() {\r\n if (this.authService.isAuthenticated()) {\r\n // already logged in\r\n this.router.navigate(['/']);\r\n } else if (this.sportsAllianceService.hasNamedCookie(this.cookieName)) {\r\n // login through cookies\r\n let domainCookie = this.getDomainCookie();\r\n this.authenticateDomainCookie(domainCookie);\r\n } else {\r\n // log through a token\r\n this.authenticateJwt();\r\n }\r\n }\r\n\r\n /**\r\n * make request to authenticate domain\r\n * cookie if found.\r\n * If failed then will call authenticate JWT.\r\n * @param domainCookie domain cookie to\r\n * be authenticated.\r\n */\r\n authenticateDomainCookie(domainCookie: string) {\r\n this.sportsAllianceService\r\n .loginUsingToken(domainCookie)\r\n .toPromise()\r\n .catch(() => {\r\n this.authenticateJwt();\r\n });\r\n }\r\n\r\n /**\r\n * call to athenticate JWT\r\n * if failed response will return\r\n * user to login page.\r\n */\r\n authenticateJwt() {\r\n let jwtToken = this.getProviderJwtToken('tokenpayload');\r\n this.sportsAllianceService\r\n .validateJwt(jwtToken)\r\n .toPromise()\r\n .catch(() => {\r\n this.router.navigate(['/login']);\r\n });\r\n }\r\n\r\n /**\r\n * Get a query string parameter without case sensitivity.\r\n * @param parameter the parameter that you require the information for\r\n */\r\n getProviderJwtToken(parameter: string): string {\r\n const url = window.location.href;\r\n let paramValue;\r\n\r\n if (url.includes('?')) {\r\n const httpParams = new HttpParams({ fromString: url.split('?')[1] });\r\n paramValue = httpParams.get(parameter);\r\n }\r\n\r\n if (paramValue) {\r\n return paramValue;\r\n }\r\n return '';\r\n }\r\n\r\n /**\r\n * Will check if domain cookie exists\r\n * and return this as a string.\r\n * @returns domain cookie from\r\n * sports alliance domain\r\n */\r\n getDomainCookie(): string {\r\n let domainCookie = '';\r\n domainCookie = this.cookieService.get(this.cookieName);\r\n\r\n return domainCookie;\r\n }\r\n}\r\n","\r\n
\r\n
\r\npurchase successful!
\r\n\r\n
\r\n
\r\n \r\n Back to Rewards\r\n
\r\n \r\n Rewards History\r\n
\r\n \r\n
\r\n","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 ![](\"assets/images/login-registration/fortress-login.svg\")
\r\n
\r\n \r\n
\r\n Attempting to login
\r\n\\r\\n
\\r\\n
\\r\\n\", styles: [\".centered{display:flex;justify-content:center;align-items:center}\\n\"], dependencies: [{ kind: \"pipe\", type: i1.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EcashDescriptionComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-ecash-description', template: \"{{ 'payment.description.title' | translate }}
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ 'payment.description.step.one' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ 'payment.description.step.two' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n {{ 'payment.description.step.three' | translate }}
\\r\\n \\r\\n
\\r\\n
\\r\\n\", styles: [\".centered{display:flex;justify-content:center;align-items:center}\\n\"] }]\n }], ctorParameters: () => [], propDecorators: { googleIconName1: [{\n type: Input\n }], googleIconName2: [{\n type: Input\n }], googleIconName3: [{\n type: Input\n }] } });\n\nclass EcashDescriptionModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EcashDescriptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: EcashDescriptionModule, declarations: [EcashDescriptionComponent], imports: [CommonModule,\n CarouselModule,\n FGBSharedModule], exports: [EcashDescriptionComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EcashDescriptionModule, imports: [CommonModule,\n CarouselModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EcashDescriptionModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [EcashDescriptionComponent],\n imports: [\n CommonModule,\n CarouselModule,\n FGBSharedModule\n ],\n exports: [EcashDescriptionComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { EcashDescriptionComponent, EcashDescriptionModule };\n","import { Component, OnInit } from '@angular/core';\r\nimport {\r\n BalanceQuery,\r\n CardToken,\r\n CardTokenQuery,\r\n config,\r\n MemberDetails,\r\n MemberQuery,\r\n ProviderName,\r\n TransactionType,\r\n} from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\nimport { Populations } from 'src/app/shared/utilities/populations';\r\nimport { Regex } from 'src/app/shared/utilities/regex';\r\n\r\n@Component({\r\n templateUrl: './payment-page.component.html',\r\n styleUrls: ['./payment-page.component.scss'],\r\n})\r\nexport class PaymentPageComponent implements OnInit {\r\n defaultCardToken$: Observable{{ '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{{ '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","import { HttpParams } from '@angular/common/http';\r\nimport { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { AuthService, SeatGeekAuthService } from '@fgb/core';\r\nimport { CookieService } from 'ngx-cookie-service';\r\n\r\n@Component({\r\n selector: 'fgb-seatgeek-callback',\r\n templateUrl: './seatgeek-callback.component.html',\r\n styleUrls: ['./seatgeek-callback.component.scss'],\r\n})\r\nexport class SeatGeekCallbackComponent implements OnInit {\r\n cookieName: string = '_sa_sso_upid';\r\n constructor(\r\n private seatgeekAuthService: SeatGeekAuthService,\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 {\r\n // log through a code\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.seatgeekAuthService\r\n .validateCode(kccode)\r\n .toPromise()\r\n .catch(() => {\r\n this.router.navigate(['/login']);\r\n });\r\n }\r\n\r\n /**\r\n * Get a query string parameter without case sensitivity.\r\n * @param parameter the parameter that you require the information for\r\n */\r\n 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
\r\n \r\n \r\n
\r\n \r\n
\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","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(() => {\r\n this.router.navigate(['/login']);\r\n });\r\n }\r\n\r\n /**\r\n * Get a query string parameter without case sensitivity.\r\n * @param parameter the parameter that you require the information for\r\n */\r\n 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
\r\n \r\n \r\n
\r\n \r\n
\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 \r\n
\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 \r\n
\r\n \r\n{{ contentModal }}
\r\n \r\n \r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n{{ contentModal }}
\r\n \r\n
\r\n \r\n
\r\n","import { Component, OnDestroy, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { CampaignEntitlements, CampaignOffersQuery, CampaignOffersService } from '@fgb/core';\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fgb-campaign-details-page',\r\n templateUrl: './campaign-details-page.component.html',\r\n styleUrls: ['./campaign-details-page.component.scss'],\r\n})\r\nexport class CampaignDetailsPageComponent implements OnInit, OnDestroy {\r\n currentCampaign: CampaignEntitlements;\r\n campaignOffferSub: Subscription;\r\n\r\n constructor(\r\n private route: ActivatedRoute,\r\n private campaignOffersService: CampaignOffersService,\r\n private campaignOffersQuery: CampaignOffersQuery\r\n ) {}\r\n\r\n ngOnInit() {\r\n let offerId = +(this.route.snapshot.paramMap.get('offerId') || '0');\r\n this._updateOffer(offerId);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.campaignOffferSub.unsubscribe();\r\n }\r\n\r\n _updateOffer(offerId: number) {\r\n if (!!offerId) {\r\n this.campaignOffersService\r\n .fetchOffers()\r\n .toPromise()\r\n .then(() => {\r\n this.campaignOffferSub = this.campaignOffersQuery.selectFirst().subscribe((campaignOffer) => {\r\n if (campaignOffer) {\r\n for (let entitlement of campaignOffer?.CampaignsAndEntitlements) {\r\n if (entitlement.CampaignID === offerId) {\r\n this.currentCampaign = entitlement;\r\n break;\r\n }\r\n }\r\n }\r\n });\r\n });\r\n }\r\n }\r\n}\r\n","import { Component, OnInit, OnDestroy } from '@angular/core';\r\nimport { RegistrationStepQuery, RegistrationStepService, LoggingService, StepType, WizardType } from '@fgb/core';\r\nimport { ActivatedRoute, Router, NavigationEnd } from '@angular/router';\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fgb-registration-layout-page',\r\n templateUrl: './registration-layout-page.component.html',\r\n styleUrls: ['./registration-layout-page.component.scss']\r\n})\r\nexport class RegistrationLayoutPageComponent implements OnInit, OnDestroy {\r\n wizardType?: WizardType | undefined;\r\n wizardTypes = WizardType;\r\n private routerSubscription: Subscription;\r\n private wizardTypeSubscription: Subscription;\r\n\r\n constructor(\r\n private registrationStepQuery: RegistrationStepQuery,\r\n private registrationStepService: RegistrationStepService,\r\n private logService: LoggingService,\r\n private router: Router,\r\n private route: ActivatedRoute\r\n ) {}\r\n\r\n ngOnInit() {\r\n this.wizardTypeSubscription = this.registrationStepQuery.selectWizardType().subscribe(wizardType => {\r\n this.wizardType = wizardType;\r\n });\r\n\r\n // Check once initially to make sure the initial step is one we should be able to get to.\r\n this.checkCurrentStepIsAccessible();\r\n\r\n this.routerSubscription = this.router.events.subscribe(event => {\r\n if (event instanceof NavigationEnd) {\r\n // Navigation has finished on a new step so we should check that it is one we should be able to get to.\r\n this.checkCurrentStepIsAccessible();\r\n }\r\n });\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (this.routerSubscription) {\r\n this.routerSubscription.unsubscribe();\r\n }\r\n\r\n if (this.wizardTypeSubscription) {\r\n this.wizardTypeSubscription.unsubscribe();\r\n }\r\n }\r\n\r\n /**\r\n * Checks if the step type configured in the app routing module for the current route is a step that is part of\r\n * the current registration process. If not then it redirects to the correct next step for the user to complete.\r\n */\r\n private checkCurrentStepIsAccessible(): void {\r\n this.logService.debug('Checking if the current activated route is accessible in the current registration process...');\r\n\r\n const firstRouteChild = this.route.snapshot.firstChild;\r\n if (!firstRouteChild) {\r\n this.logService.debug('Activated route does not have a child route - failed to determine step type of the route.');\r\n return;\r\n }\r\n\r\n const stepType: StepType = firstRouteChild.data.registrationStep;\r\n if (!stepType) {\r\n this.logService.debug('No step type found for the activated route.', this.route.snapshot);\r\n return;\r\n }\r\n\r\n const stepInRegistration: boolean = this.registrationStepQuery.isStepAvailable(stepType);\r\n if (!stepInRegistration) {\r\n this.logService.warning('This registration step is not available as part of the current registration process.', stepType);\r\n this.registrationStepService.navigateToNextStep();\r\n return;\r\n }\r\n\r\n this.logService.debug('Step type is accessible in the current registration process', stepType);\r\n }\r\n}\r\n","\r\n
\r\n \r\n \r\n \r\n {{ 'campaign.back.to.wallet' | translate }}\r\n
\r\n \r\n \r\n
\r\n \r\n {{ currentCampaign.CampaignName }}
\r\n \r\n \r\n {{ 'offer.expiry' | translate }} {{ currentCampaign.Campaign_ExpiryDate | date : 'dd/MM/YYYY' }}\r\n
\r\n \r\n \r\n \r\n
{{ currentCampaign.PortalDescription }}
\r\n\r\n
\r\n","\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\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 \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n {{ 'claimed.rewards.placeholder.description' | translate }}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {{\r\n isPasswordVisible ? 'visibility' : 'visibility_off'\r\n }}\r\n {{ 'activate.account.page.title' | translate }}
\r\n\r\n {{ 'activate.account.page.description' | translate }}\r\n
\r\n \r\n \r\n {{ 'activate.account.confirm.password.required' | translate }}\r\n
\r\n {{\r\n isConfirmPasswordVisible ? 'visibility' : 'visibility_off'\r\n }}\r\n \r\n {{ 'activate.account.password.mismatch' | translate }}\r\n
\r\n \r\n \r\n \r\n \r\n\r\n","import { Component, DestroyRef, Input, OnInit, inject } from '@angular/core';\r\nimport { AbstractControl, FormBuilder, FormGroup, ValidationErrors, Validators } from '@angular/forms';\r\nimport { AccountActivationService, AccountActivationStatus } from './account-activation.service';\r\nimport { PASSWORD_PATTERN } from 'src/app/shared/utilities/globals';\r\nimport { Router } from '@angular/router';\r\nimport { AuthService, LoggingService } from '@fgb/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\n\r\n@Component({\r\n selector: 'fgb-activate-account-page',\r\n templateUrl: './activate-account-page.component.html',\r\n styleUrl: './activate-account-page.component.scss'\r\n})\r\nexport class ActivateAccountPageComponent implements OnInit{\r\n @Input() key: string;\r\n @Input() accountStatus = AccountActivationStatus.Active\r\n activateForm: FormGroup;\r\n isPasswordVisible = false;\r\n isConfirmPasswordVisible = false;\r\n private _destroyRef = inject(DestroyRef);\r\n\r\n constructor(private accountActivationService: AccountActivationService, \r\n private loggingService: LoggingService,\r\n private authService: AuthService,\r\n private fb: FormBuilder, \r\n private router: Router){\r\n \r\n }\r\n\r\n ngOnInit() {\r\n\r\n if( this.authService.isAuthenticated() ){\r\n this.authService.logout().pipe(takeUntilDestroyed(this._destroyRef)).subscribe();\r\n }\r\n this._initForm();\r\n }\r\n\r\n private _initForm(){\r\n this.activateForm = this.fb.group({\r\n Password: ['', [ Validators.required, Validators.pattern(PASSWORD_PATTERN) ]],\r\n ConfirmPassword: ['', [ Validators.required ]]\r\n },{ validators: [ validateSamePassword ], updateOn: 'submit' });\r\n }\r\n\r\n submit(): void{\r\n this.activateForm.markAllAsTouched();\r\n \r\n if(this.activateForm.valid){\r\n const password = this.activateForm.get('Password')?.value;\r\n this.accountActivationService.activateAccount(this.key, password, this.accountStatus).subscribe({\r\n next: () => {\r\n this.loggingService.info('Account activated successfully. Redirecting to login page...');\r\n this.router.navigate(['/login']);\r\n },\r\n error: (err) => {\r\n this.loggingService.error('Error activating account: ', err);\r\n }\r\n });\r\n }\r\n }\r\n\r\n}\r\n\r\nfunction validateSamePassword(control: AbstractControl): ValidationErrors | null {\r\n const password = control.get('Password');\r\n const confirmPassword = control.get('ConfirmPassword');\r\n return password && confirmPassword && password.value === confirmPassword.value ? null : { 'passwordMismatch': true };\r\n}\r\n","import { inject } from '@angular/core';\r\nimport { CanActivateFn, Router } from '@angular/router';\r\nimport { LoggingService } from '@fgb/core';\r\nimport { AccountActivationService } from './account-activation.service';\r\nimport { catchError, map, of } from 'rxjs';\r\n\r\nexport const accountActivationGuard: CanActivateFn = (route, state) => {\r\n const router = inject(Router);\r\n const loggingService = inject(LoggingService);\r\n const accountActivationService = inject(AccountActivationService);\r\n\r\n const key = route.queryParamMap.get('key');\r\n\r\n if( !key ){\r\n loggingService.error('No activation key provided. Redirecting to login page...');\r\n return router.createUrlTree(['/login']);\r\n }\r\n\r\n return accountActivationService.validateActivationCode(key).pipe(\r\n map(() => {\r\n loggingService.info('Activation key is valid. Proceeding to account activation...');\r\n return true;\r\n }),\r\n catchError(() => {\r\n loggingService.error('Invalid activation key provided. Redirecting to login page...');\r\n return of(router.createUrlTree(['/login']));\r\n })\r\n );\r\n};\r\n","import { NgModule } from '@angular/core';\r\nimport { RouterModule, Routes } from '@angular/router';\r\nimport {\r\n AuthGuard,\r\n PopulationGuard,\r\n // StepType,\r\n MemberResolver,\r\n LottoResolver,\r\n AuctionResolver,\r\n MemberCardResolver,\r\n BalanceResolver,\r\n PurchaseResolver,\r\n CardTokenResolver,\r\n FantasyGameResolver,\r\n SurveyResolver,\r\n LottoWalletResolver,\r\n AuctionBidsResolver,\r\n AddressResolver,\r\n TransactionSuccessGuard,\r\n SeatingDetailResolver,\r\n CountryResolver,\r\n MemberLoyaltyStatusResolver,\r\n PortalProductsSubscriptionsResolver,\r\n PopUpNotificationResolver,\r\n MaintenanceGuard,\r\n // FGBPreLoadingStrategy,\r\n firstTimeUserGuard,\r\n} from '@fgb/core';\r\n\r\n// General\r\nimport { MasterPageComponent } from './pages/master/master-page/master-page.component';\r\nimport { HomePageComponent } from './pages/home-page/home-page.component';\r\nimport { FaqPageComponent } from './pages/faq-page/faq-page.component';\r\nimport { ContactUsPageComponent } from './pages/contact-us-page/contact-us-page.component';\r\nimport { TermsPageComponent } from './pages/terms-page/terms-page.component';\r\nimport { NotFoundPageComponent } from './pages/not-found-page/not-found-page.component';\r\nimport { SavingsPageComponent } from './pages/savings-page/savings-page.component';\r\n// Loyalty\r\nimport { RewardsLayoutComponent } from './pages/rewards-layout/rewards-layout.component';\r\nimport { RewardsPageComponent } from './pages/rewards-page/rewards-page.component';\r\nimport { AuctionsPageComponent } from './pages/auctions-page/auctions-page.component';\r\nimport { AuctionDetailPageComponent } from './pages/auction-detail-page/auction-detail-page.component';\r\nimport { MarketplacePageComponent } from './pages/marketplace-page/marketplace-page.component';\r\nimport { MarketplaceDetailPageComponent } from './pages/marketplace-detail-page/marketplace-detail-page.component';\r\nimport { MarketplacePurchaseSuccessPageComponent } from './pages/marketplace-page/marketplace-purchase-success-page/marketplace-purchase-success-page.component';\r\nimport { LottosPageComponent } from './pages/lottos-page/lottos-page.component';\r\nimport { LottoDetailPageComponent } from './pages/lotto-detail-page/lotto-detail-page.component';\r\nimport { LottosSuccessPageComponent } from './pages/lottos-page/lottos-success-page/lottos-success-page.component';\r\nimport { EventsPageComponent } from './pages/events-page/events-page.component';\r\nimport { WalletPageComponent } from './pages/wallet-page/wallet-page.component';\r\nimport { GamesLayoutComponent } from './pages/games-layout/games-layout.component';\r\nimport { PollsPageComponent } from './pages/polls-page/polls-page.component';\r\nimport { AuctionWalletDetailsPageComponent } from './pages/auction-wallet-details-page/auction-wallet-details-page.component';\r\nimport { LottoWalletDetailsPageComponent } from './pages/lotto-wallet-details-page/lotto-wallet-details-page.component';\r\nimport { QuizPageComponent } from './pages/quiz-page/quiz-page.component';\r\nimport { FantasyGamesPageComponent } from './pages/fantasy-games-page/fantasy-games-page.component';\r\nimport { FantasyPlayerSelectPageComponent } from './pages/fantasy-player-select-page/fantasy-player-select-page.component';\r\nimport { FantasyHistoryResolver } from '@fgb/core';\r\nimport { PredictorPageComponent } from './pages/predictor-page/predictor-page.component';\r\nimport { ProductsPageComponent } from './pages/products-page/products-page.component';\r\nimport { BadgesPageComponent } from './pages/badges-page/badges-page.component';\r\n\r\n// Account\r\nimport { AccountDetailsPageComponent } from './pages/account-details-page/account-details-page.component';\r\nimport { ActivityPageComponent } from './pages/activity-page/activity-page.component';\r\nimport { GuardianPageComponent } from './pages/guardian-page/guardian-page.component';\r\nimport { CardPageComponent } from './pages/card-page/card-page.component';\r\n// Ecash\r\nimport { EcashPageComponent } from './pages/ecash-page/ecash-page.component';\r\nimport { EcashSuccessPageComponent } from './pages/ecash-page/ecash-success-page/ecash-success-page.component';\r\nimport { EcashFailurePageComponent } from './pages/ecash-page/ecash-failure-page/ecash-failure-page.component';\r\nimport { EcashResultPageComponent } from './pages/ecash-page/ecash-result-page/ecash-result-page.component';\r\nimport { EcashHistoryPageComponent } from './pages/ecash-history/ecash-history.component';\r\n// Portal Products\r\nimport { PortalProductSuccessPageComponent } from './pages/portal-products-pages/portal-product-success-page/portal-product-success-page.component';\r\nimport { PortalProductFailurePageComponent } from './pages/portal-products-pages/portal-product-failure-page/portal-product-failure-page.component';\r\nimport { PortalProductResultsPageComponent } from './pages/portal-products-pages/portal-product-results-page/portal-product-results-page.component';\r\n\r\n// Unauthenticated\r\nimport { AuthCallbackComponent } from './modules/user/components/auth/auth-callback/auth-callback.component';\r\nimport { LoginPageComponent } from './pages/login-page/login-page.component';\r\nimport { LoginAccountsPageComponent } from './pages/login-accounts-page/login-accounts-page.component';\r\nimport { SingleSignOnComponent } from './modules/user/components/single-sign-on/single-sign-on.component';\r\nimport { MaintenancePageComponent } from './pages/maintenance-page/maintenance-page.component';\r\n// Club Pages\r\nimport { EarnPageComponent } from './pages/earn-page/earn-page.component';\r\nimport { BenefitsPageComponent } from './pages/benefits-page/benefits-page.component';\r\nimport { LottosTermsPageComponent } from './pages/lottos-terms-page/lottos-terms-page.component';\r\nimport { MarketplaceTermsPageComponent } from './pages/marketplace-terms-page/marketplace-terms-page.component';\r\nimport { TmCallbackComponent } from './shared/components/manage-tickets/tm-callback/tm-callback.component';\r\nimport { TmAuthCallbackComponent } from './shared/components/providers/tm/tm-auth-callback/tm-auth-callback.component';\r\nimport { WorksheetPageComponent } from './pages/worksheet-page/worksheet-page.component';\r\nimport { FantasyLeaderboardPageComponent } from './pages/fantasy-leaderboard-page/fantasy-leaderboard-page.component';\r\nimport { V1SingleSignOnComponent } from './modules/user/components/v1-single-sign-on/v1-single-sign-on.component';\r\nimport { SubscriptionsPageComponent } from './pages/subscriptions-page/subscriptions-page.component';\r\nimport { CartCheckoutPagePortalProductsComponent } from './pages/cart-checkout-page-portal-products/cart-checkout-page-portal-products.component';\r\nimport { CartCheckoutPageComponent } from './pages/cart-checkout-page/cart-checkout-page.component';\r\n// Offer Pages\r\nimport { CartCheckoutResultsPageComponent } from './pages/cart-checkout-page/cart-checkout-results-page/cart-checkout-results-page.component';\r\nimport { CartCheckoutSuccessPageComponent } from './pages/cart-checkout-page/cart-checkout-success-page/cart-checkout-success-page.component';\r\nimport { SportsAllianceCallbackComponent } from './shared/components/providers/sports-alliance/sports-alliance-callback/sports-alliance-callback.component';\r\nimport { PaymentPageComponent } from './pages/payment-page/payment-page.component';\r\nimport { ProviderCallbackComponent } from './shared/components/providers/provider-callback/provider-callback.component';\r\nimport { KeyCloakCallbackComponent } from './shared/components/providers/key-cloak/key-cloak-callback/key-cloak-callback.component';\r\nimport { SeatGeekCallbackComponent } from './shared/components/providers/seatgeek/seatgeek-callback/seatgeek-callback.component';\r\nimport { OtherMediaCallbackComponent } from './shared/components/providers/other-media/other-media-callback/other-media-callback.component';\r\nimport { UserResetPasswordComponent } from './modules/user/components/user-reset-password/user-reset-password.component';\r\nimport { UserChangePasswordComponent } from './modules/user/components/user-change-password/user-change-password.component';\r\nimport { CampaignDetailsPageComponent } from './pages/campaign-details-page/campaign-details-page.component';\r\nimport { RegistrationLayoutPageComponent } from './modules/registration/pages/registration-layout-page/registration-layout-page.component';\r\nimport { WalletClaimedPageComponent } from './pages/wallet-claimed-page/wallet-claimed-page.component';\r\nimport { RegistrationPaymentModule, provideRegistrationConfig } from '@fgb/portal-component-library/src/lib/registration';\r\nimport { MarketplaceWalletPageComponent } from './pages/marketplace-wallet-page/marketplace-wallet-page.component';\r\nimport { ChallengesPageComponent } from './pages/challenges-page/challenges-page.component';\r\nimport { ActivateAccountPageComponent } from './pages/activate-account-page/activate-account-page.component';\r\nimport { accountActivationGuard } from './pages/activate-account-page/account-activation.guard';\r\n\r\nconst routes: Routes = [\r\n {\r\n path: '',\r\n canActivate: [AuthGuard, firstTimeUserGuard()],\r\n canActivateChild: [MaintenanceGuard],\r\n component: MasterPageComponent,\r\n resolve: {\r\n member: MemberResolver,\r\n memberCard: MemberCardResolver,\r\n balances: BalanceResolver,\r\n popupNotifications: PopUpNotificationResolver,\r\n },\r\n children: [\r\n {\r\n path: '',\r\n canActivate: [PopulationGuard],\r\n data: {\r\n exclude: ['testPop'],\r\n popRedirect: 'test',\r\n },\r\n component: HomePageComponent,\r\n },\r\n {\r\n path: 'guardians',\r\n component: GuardianPageComponent,\r\n resolve: {\r\n country: CountryResolver,\r\n address: AddressResolver,\r\n },\r\n },\r\n\r\n {\r\n path: 'cards',\r\n component: CardPageComponent,\r\n },\r\n {\r\n path: 'newsletters',\r\n component: WorksheetPageComponent,\r\n },\r\n\r\n {\r\n path: 'benefits',\r\n component: BenefitsPageComponent,\r\n },\r\n\r\n // Hack to redirect to rewards page, need to fix in the cl\r\n { path: 'rewards/raffles', redirectTo: 'rewards', pathMatch: 'full' },\r\n {\r\n path: 'rewards',\r\n component: RewardsLayoutComponent,\r\n children: [\r\n {\r\n path: '',\r\n component: RewardsPageComponent,\r\n },\r\n {\r\n path: 'auctions',\r\n children: [\r\n {\r\n path: '',\r\n resolve: { auctions: AuctionResolver },\r\n component: AuctionsPageComponent,\r\n },\r\n {\r\n path: 'details/:id',\r\n resolve: {\r\n balances: BalanceResolver,\r\n auctions: AuctionResolver,\r\n },\r\n component: AuctionDetailPageComponent,\r\n },\r\n ],\r\n },\r\n {\r\n path: 'marketplace',\r\n children: [\r\n {\r\n path: '',\r\n component: MarketplacePageComponent,\r\n },\r\n {\r\n path: 'details/:id',\r\n children: [\r\n {\r\n path: '',\r\n resolve: {\r\n balances: BalanceResolver,\r\n country: CountryResolver,\r\n },\r\n component: MarketplaceDetailPageComponent,\r\n },\r\n {\r\n path: 'terms',\r\n component: MarketplaceTermsPageComponent,\r\n },\r\n ],\r\n },\r\n {\r\n path: 'purchase/success',\r\n canActivate: [TransactionSuccessGuard],\r\n component: MarketplacePurchaseSuccessPageComponent,\r\n resolve: {\r\n balances: BalanceResolver,\r\n purchase: PurchaseResolver,\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n path: 'events',\r\n component: EventsPageComponent,\r\n },\r\n {\r\n path: 'products',\r\n component: ProductsPageComponent,\r\n },\r\n {\r\n path: 'raffles',\r\n children: [\r\n {\r\n path: '',\r\n component: LottosPageComponent,\r\n resolve: { lottos: LottoResolver, balances: BalanceResolver },\r\n },\r\n {\r\n path: 'details/:id',\r\n children: [\r\n {\r\n path: '',\r\n resolve: { balances: BalanceResolver, lottos: LottoResolver },\r\n component: LottoDetailPageComponent,\r\n },\r\n {\r\n path: 'terms',\r\n component: LottosTermsPageComponent,\r\n resolve: { lottos: LottoResolver },\r\n },\r\n ],\r\n },\r\n {\r\n path: 'purchase/success',\r\n canActivate: [TransactionSuccessGuard],\r\n component: LottosSuccessPageComponent,\r\n },\r\n ],\r\n },\r\n {\r\n path: 'wallet',\r\n children: [\r\n {\r\n path: '',\r\n component: WalletPageComponent,\r\n },\r\n {\r\n path: 'details/:id',\r\n component: MarketplaceWalletPageComponent,\r\n resolve: { purchases: PurchaseResolver },\r\n },\r\n {\r\n path: 'raffledetails/:id',\r\n component: LottoWalletDetailsPageComponent,\r\n resolve: { lottoWalletItems: LottoWalletResolver },\r\n },\r\n ],\r\n },\r\n {\r\n path: 'claimed',\r\n children: [\r\n {\r\n path: '',\r\n component: WalletClaimedPageComponent,\r\n resolve: {\r\n purchases: PurchaseResolver,\r\n lottoWalletItems: LottoWalletResolver,\r\n auctionBids: AuctionBidsResolver,\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n path: 'bids',\r\n children: [\r\n {\r\n path: 'details/:id',\r\n component: AuctionWalletDetailsPageComponent,\r\n resolve: { bids: AuctionBidsResolver },\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n {\r\n path: 'account',\r\n component: AccountDetailsPageComponent,\r\n resolve: {\r\n member: MemberResolver,\r\n balances: BalanceResolver,\r\n seating: SeatingDetailResolver,\r\n memberLoyaltyStatus: MemberLoyaltyStatusResolver,\r\n cardTokens: CardTokenResolver,\r\n },\r\n },\r\n { path: 'activity', component: ActivityPageComponent },\r\n {\r\n path: 'payment',\r\n resolve: { balances: BalanceResolver, cardTokens: CardTokenResolver },\r\n children: [{ path: '', component: PaymentPageComponent }],\r\n },\r\n {\r\n path: 'ecash',\r\n resolve: { balances: BalanceResolver, cardTokens: CardTokenResolver },\r\n children: [\r\n { path: '', component: EcashPageComponent },\r\n {\r\n path: 'success',\r\n resolve: { balances: BalanceResolver },\r\n component: EcashSuccessPageComponent,\r\n },\r\n { path: 'failure', component: EcashFailurePageComponent },\r\n { path: 'result', component: EcashResultPageComponent },\r\n ],\r\n },\r\n {\r\n path: 'ecashhistory',\r\n resolve: {\r\n balances: BalanceResolver,\r\n cardTokens: CardTokenResolver,\r\n memberCard: MemberCardResolver,\r\n member: MemberResolver,\r\n },\r\n component: EcashHistoryPageComponent,\r\n },\r\n {\r\n path: 'portalproducts',\r\n resolve: { balances: BalanceResolver, cardTokens: CardTokenResolver },\r\n children: [\r\n {\r\n path: 'success',\r\n resolve: { balances: BalanceResolver },\r\n component: PortalProductSuccessPageComponent,\r\n },\r\n { path: 'failure', component: PortalProductFailurePageComponent },\r\n { path: 'result', component: PortalProductResultsPageComponent },\r\n ],\r\n },\r\n {\r\n path: 'cardtoken',\r\n children: [\r\n { path: 'success', component: EcashSuccessPageComponent },\r\n { path: 'failure', component: EcashFailurePageComponent },\r\n { path: 'result', component: EcashResultPageComponent },\r\n ],\r\n },\r\n {\r\n path: 'campaign',\r\n children: [\r\n {\r\n path: 'details/:offerId',\r\n component: CampaignDetailsPageComponent,\r\n },\r\n ],\r\n },\r\n { path: 'faq', component: FaqPageComponent },\r\n { path: 'terms', component: TermsPageComponent },\r\n { path: 'contact', component: ContactUsPageComponent },\r\n { path: 'badges', component: BadgesPageComponent },\r\n { path: 'challenges', component: ChallengesPageComponent },\r\n { path: 'savings', component: SavingsPageComponent },\r\n {\r\n path: 'games',\r\n resolve: {\r\n surveys: SurveyResolver,\r\n games: FantasyGameResolver,\r\n },\r\n component: GamesLayoutComponent,\r\n children: [\r\n { path: '', redirectTo: '/games/quiz', pathMatch: 'full' },\r\n { path: 'polls', component: PollsPageComponent },\r\n { path: 'quiz', component: QuizPageComponent },\r\n { path: 'predictor', component: PredictorPageComponent },\r\n {\r\n path: 'pickaplayer',\r\n component: FantasyGamesPageComponent,\r\n resolve: { games: FantasyGameResolver, history: FantasyHistoryResolver },\r\n },\r\n {\r\n path: 'pickaplayer/:id',\r\n component: FantasyPlayerSelectPageComponent,\r\n resolve: { games: FantasyGameResolver },\r\n },\r\n ],\r\n },\r\n // Club Pages\r\n {\r\n path: 'checkout',\r\n children: [\r\n {\r\n path: '',\r\n component: CartCheckoutPageComponent,\r\n resolve: {\r\n member: MemberResolver,\r\n address: AddressResolver,\r\n country: CountryResolver,\r\n cardTokens: CardTokenResolver,\r\n },\r\n },\r\n {\r\n path: 'success',\r\n component: CartCheckoutSuccessPageComponent,\r\n },\r\n {\r\n path: 'results',\r\n component: CartCheckoutResultsPageComponent,\r\n },\r\n ],\r\n resolve: {\r\n address: AddressResolver,\r\n },\r\n },\r\n {\r\n path: 'subscriptions',\r\n children: [\r\n {\r\n path: '',\r\n component: SubscriptionsPageComponent,\r\n resolve: {\r\n subscriptions: PortalProductsSubscriptionsResolver,\r\n address: AddressResolver,\r\n },\r\n },\r\n {\r\n path: 'checkout',\r\n component: CartCheckoutPagePortalProductsComponent,\r\n resolve: {\r\n subscriptions: PortalProductsSubscriptionsResolver,\r\n address: AddressResolver,\r\n country: CountryResolver,\r\n member: MemberResolver,\r\n },\r\n },\r\n ],\r\n },\r\n { path: 'earn', component: EarnPageComponent },\r\n\r\n {\r\n path: 'fantasyleaderboard',\r\n component: FantasyLeaderboardPageComponent,\r\n },\r\n { path: '404page', component: NotFoundPageComponent },\r\n { path: 'signin-ticketmaster', component: TmCallbackComponent },\r\n {\r\n path: 'provider/:providerid',\r\n component: ProviderCallbackComponent,\r\n },\r\n ],\r\n },\r\n\r\n { path: '', redirectTo: 'login', pathMatch: 'full' },\r\n { path: 'login', component: LoginPageComponent, canActivate: [MaintenanceGuard] },\r\n { path: 'login/accounts', component: LoginAccountsPageComponent, canActivate: [MaintenanceGuard] },\r\n { path: 'reset-password', component: UserResetPasswordComponent },\r\n { path: 'change-password', component: UserChangePasswordComponent },\r\n {\r\n path: 'register',\r\n component: RegistrationLayoutPageComponent,\r\n loadChildren: () => import('@fgb/portal-component-library/src/lib/registration').then((m) => m.RegistrationModule),\r\n providers: [provideRegistrationConfig()],\r\n },\r\n { path: 'callback', component: AuthCallbackComponent },\r\n { path: 'sso', component: SingleSignOnComponent },\r\n { path: 'login/singleSignOn/:providerId', component: SingleSignOnComponent },\r\n { path: 'login/singleSignOn/:providerId/:clubId', component: SingleSignOnComponent },\r\n { path: 'login/ss/login.aspx', component: V1SingleSignOnComponent },\r\n { path: 'maintenance', component: MaintenancePageComponent },\r\n { path: 'tm-auth-callback', component: TmAuthCallbackComponent },\r\n { path: 'sa-callback', component: SportsAllianceCallbackComponent },\r\n { path: 'kc-callback', component: KeyCloakCallbackComponent },\r\n { path: 'om-callback', component: OtherMediaCallbackComponent },\r\n { path: 'sg-callback', component: SeatGeekCallbackComponent },\r\n { path: 'activate', component: ActivateAccountPageComponent, canActivate: [accountActivationGuard] },\r\n { path: '**', redirectTo: '404page' },\r\n];\r\n\r\n@NgModule({\r\n imports: [\r\n RegistrationPaymentModule,\r\n RouterModule.forRoot(routes, {\r\n scrollPositionRestoration: 'enabled',\r\n // preloadingStrategy: FGBPreLoadingStrategy,\r\n bindToComponentInputs: true,\r\n }),\r\n ],\r\n exports: [RouterModule],\r\n})\r\nexport class AppRoutingModule {}\r\n","import * as i0 from '@angular/core';\nimport { inject, NgZone, EventEmitter, PLATFORM_ID, Component, ChangeDetectionStrategy, ViewEncapsulation, Inject, Input, Output, Directive, ContentChildren, NgModule, Injectable } from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport { BehaviorSubject, Observable, Subject, combineLatest } from 'rxjs';\nimport { switchMap, take, map, takeUntil } from 'rxjs/operators';\n\n/** Manages event on a Google Maps object, ensuring that events are added only when necessary. */\nclass MapEventManager {\n /** Clears all currently-registered event listeners. */\n _clearListeners() {\n for (const listener of this._listeners) {\n listener.remove();\n }\n this._listeners = [];\n }\n constructor(_ngZone) {\n this._ngZone = _ngZone;\n /** Pending listeners that were added before the target was set. */\n this._pending = [];\n this._listeners = [];\n this._targetStream = new BehaviorSubject(undefined);\n }\n /** Gets an observable that adds an event listener to the map when a consumer subscribes to it. */\n getLazyEmitter(name) {\n return this._targetStream.pipe(switchMap(target => {\n const observable = new Observable(observer => {\n // If the target hasn't been initialized yet, cache the observer so it can be added later.\n if (!target) {\n this._pending.push({ observable, observer });\n return undefined;\n }\n const listener = target.addListener(name, (event) => {\n this._ngZone.run(() => observer.next(event));\n });\n // If there's an error when initializing the Maps API (e.g. a wrong API key), it will\n // return a dummy object that returns `undefined` from `addListener` (see #26514).\n if (!listener) {\n observer.complete();\n return undefined;\n }\n this._listeners.push(listener);\n return () => listener.remove();\n });\n return observable;\n }));\n }\n /** Sets the current target that the manager should bind events to. */\n setTarget(target) {\n const currentTarget = this._targetStream.value;\n if (target === currentTarget) {\n return;\n }\n // Clear the listeners from the pre-existing target.\n if (currentTarget) {\n this._clearListeners();\n this._pending = [];\n }\n this._targetStream.next(target);\n // Add the listeners that were bound before the map was initialized.\n this._pending.forEach(subscriber => subscriber.observable.subscribe(subscriber.observer));\n this._pending = [];\n }\n /** Destroys the manager and clears the event listeners. */\n destroy() {\n this._clearListeners();\n this._pending = [];\n this._targetStream.complete();\n }\n}\n\n/// \\r\\n \\r\\n 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 { CommonModule } from \"@angular/common\";\r\nimport { NgModule } from \"@angular/core\";\r\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\r\n\r\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\r\nimport { NumberIncrementInputComponent } from \"./number-increment-input.component\";\r\n\r\n@NgModule({\r\n declarations: [\r\n NumberIncrementInputComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n FGBSharedModule\r\n ],\r\n exports: [\r\n NumberIncrementInputComponent\r\n ]\r\n})\r\nexport class NumberIncrementInputModule{}","import { CommonModule } from \"@angular/common\";\r\nimport { NgModule } from \"@angular/core\";\r\nimport { PipesModule } from \"@fgb/portal-component-library/src/lib/pipes\";\r\nimport { NgbModule } from \"@ng-bootstrap/ng-bootstrap\";\r\nimport { CarouselModule } from \"ngx-owl-carousel-o\";\r\nimport { ScorePredictorBodyComponent } from \"./score-predictor-item/score-predictor-body/score-predictor-body.component\";\r\nimport { ScorePredictorFooterComponent } from \"./score-predictor-item/score-predictor-footer/score-predictor-footer.component\";\r\nimport { ScorePredictorHeaderComponent } from \"./score-predictor-item/score-predictor-header/score-predictor-header.component\";\r\nimport { ScorePredictorItemComponent } from \"./score-predictor-item/score-predictor-item.component\";\r\nimport { ScorePredictorListComponent } from \"./score-predictor-list/score-predictor-list.component\";\r\nimport { ScorePredictorRulesComponent } from \"./score-predictor-rules/score-predictor-rules.component\";\r\nimport { SharedModule } from '../../../../shared/shared.module';\r\nimport { CountdownModule } from \"@fgb/portal-component-library/src/lib/shared/countdown\";\r\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\r\nimport { ScorePredictorCompletedPendingComponent } from \"./score-predictor-completed/score-predictor-completed-pending/score-predictor-completed-pending.component\";\r\nimport { ScorePredictorCompletedProcessedComponent } from \"./score-predictor-completed/score-predictor-completed-processed/score-predictor-completed-processed.component\";\r\nimport { ScorePredictorCompletedComponent } from \"./score-predictor-completed/score-predictor-completed.component\";\r\n\r\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\r\nimport { NumberIncrementInputModule } from \"src/app/shared/components/number-increment-input/number-increment-input.module\";\r\nimport { DirectivesModule } from \"@fgb/portal-component-library/src/lib/directives\";\r\n\r\n@NgModule({\r\n declarations: [\r\n ScorePredictorRulesComponent,\r\n ScorePredictorListComponent,\r\n ScorePredictorItemComponent,\r\n ScorePredictorBodyComponent,\r\n ScorePredictorFooterComponent,\r\n ScorePredictorHeaderComponent,\r\n ScorePredictorCompletedComponent,\r\n ScorePredictorCompletedPendingComponent,\r\n ScorePredictorCompletedProcessedComponent\r\n ],\r\n imports: [\r\n NgbModule,\r\n CommonModule,\r\n CarouselModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n FGBSharedModule,\r\n // Component Library Imports\r\n CountdownModule,\r\n PipesModule,\r\n DirectivesModule,\r\n // Local imports\r\n SharedModule,\r\n NumberIncrementInputModule\r\n ],\r\n exports: [\r\n ScorePredictorRulesComponent,\r\n ScorePredictorListComponent,\r\n ScorePredictorItemComponent,\r\n ScorePredictorBodyComponent,\r\n ScorePredictorFooterComponent,\r\n ScorePredictorHeaderComponent,\r\n ScorePredictorCompletedComponent,\r\n ScorePredictorCompletedPendingComponent,\r\n ScorePredictorCompletedProcessedComponent\r\n ]\r\n})\r\nexport class ScorePredictorModule{}","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SharedModule } from 'src/app/shared/shared.module';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { CarouselModule } from 'ngx-owl-carousel-o';\r\nimport { SurveyItemComponent } from './components/survey/survey-item/survey-item.component';\r\nimport { SurveyItemAnswerComponent } from './components/survey/survey-item-answer/survey-item-answer.component';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { InlineSVGModule } from 'ng-inline-svg-2';\r\nimport { SurveyItemQuizComponent } from './components/survey/survey-item/survey-item-quiz/survey-item-quiz.component';\r\nimport { SurveyItemPredictorComponent } from './components/survey/survey-item/survey-item-predictor/survey-item-predictor.component';\r\nimport { SurveyItemPollComponent } from './components/survey/survey-item/survey-item-poll/survey-item-poll.component';\r\nimport { SurveyCompletedPollComponent } from './components/survey/survey-item-answer/completed/survey-completed-poll/survey-completed-poll.component';\r\nimport { SurveyCompletedQuizComponent } from './components/survey/survey-item-answer/completed/survey-completed-quiz/survey-completed-quiz.component';\r\nimport { SurveyCompletedPollItemComponent } from './components/survey/survey-item-answer/completed/survey-completed-poll/survey-completed-poll-item/survey-completed-poll-item.component';\r\nimport { SurveyCompletedQuizTextComponent } from './components/survey/survey-item-answer/completed/survey-completed-quiz/survey-completed-quiz-text/survey-completed-quiz-text.component';\r\nimport { SurveyCompletedQuizImageAndTextComponent } from './components/survey/survey-item-answer/completed/survey-completed-quiz/survey-completed-quiz-image-and-text/survey-completed-quiz-image-and-text.component';\r\nimport { SurveyCompletedPredictorComponent } from './components/survey/survey-item-answer/completed/survey-completed-predictor/survey-completed-predictor.component';\r\nimport { PredictorCompletedPendingComponent } from './components/survey/survey-item-answer/completed/survey-completed-predictor/predictor-completed-pending/predictor-completed-pending.component';\r\nimport { PredictorCompletedProcessedComponent } from './components/survey/survey-item-answer/completed/survey-completed-predictor/predictor-completed-processed/predictor-completed-processed.component';\r\nimport { LeaderboardComponent } from './components/leaderboard/leaderboard.component';\r\nimport { RouterModule } from '@angular/router';\r\nimport { NotificationHubComponent } from './components/notification/notification-hub.component';\r\nimport { NotificationCenterToastComponent } from './components/notification/notification-center/toast/notification-center-toast';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\r\nimport { ToastrModule } from 'ngx-toastr';\r\nimport { NotificationItemComponent } from './components/notification/notification-center/notification-item/notification-item.component';\r\nimport { NotificationManagementComponent } from './components/notification/notification-management/notification-management.component';\r\nimport { OffersListItemComponent } from './components/offers/offers-list-item/offers-list-item.component';\r\nimport { OffersListComponent } from './components/offers/offers-list/offers-list.component';\r\nimport { OffersDetailsComponent } from './components/offers/offers-details/offers-details.component';\r\nimport { NotificationGroupItemComponent } from './components/notification/notification-management/notification-group-item/notification-group-item.component';\r\nimport { OfferTermsModalComponent } from './components/offers/offer-terms-modal/offer-terms-modal.component';\r\nimport { PartnersListItemComponent } from './components/offers/partners-list-item/partners-list-item.component';\r\nimport { NotificationToastComponent } from './components/notification/notification-center/notification-toast/notification-toast.component';\r\nimport { OffersToolbarComponent } from './components/offers/offers-toolbar/offers-toolbar.component';\r\nimport { OfferEarnTabComponent } from './components/offers/offer-earn-tab/offer-earn-tab.component';\r\nimport { OffersMapComponent } from './components/offers/offers-map/offers-map.component';\r\n\r\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\r\nimport { ShortLongDescriptionModule } from '@fgb/portal-component-library/src/lib/shared/short-long-description';\r\nimport { ErrorsModule } from '@fgb/portal-component-library/src/lib/shared/errors';\r\nimport { FilterByModule } from '@fgb/portal-component-library/src/lib/shared/filter-by';\r\nimport { OfferSearchBarModule } from '@fgb/portal-component-library/src/lib/club/offer-search-bar';\r\nimport { LeaderboardMonthlyComponent } from './components/leaderboard-monthly/leaderboard-monthly.component';\r\nimport { CountdownModule } from '@fgb/portal-component-library/src/lib/shared/countdown';\r\nimport { TimeSinceModule } from '@fgb/portal-component-library/src/lib/shared/time-since';\r\nimport { ScorePredictorModule } from './components/score-predictor/score-predictor.module';\r\nimport { FeaturedSurveysComponent } from './components/survey/featured-surveys/featured-surveys.component';\r\nimport { SurveyCompletedQuizImageComponent } from './components/survey/survey-item-answer/completed/survey-completed-quiz/survey-completed-quiz-image/survey-completed-quiz-image.component';\r\nimport { ClubNotificationComponent } from './components/club-notification/club-notification.component';\r\nimport { NotificationButtonComponent } from './components/notification/notification-button/notification-button.component';\r\nimport { NotificationModule } from '@fgb/portal-component-library/src/lib/club/notification';\r\nimport { DirectivesModule } from '@fgb/portal-component-library/src/lib/directives';\r\nimport { CountdownV2Component } from '@fgb/portal-component-library/src/lib/shared/countdown-v2';\r\n\r\n@NgModule({\r\n declarations: [\r\n SurveyItemComponent,\r\n SurveyItemAnswerComponent,\r\n SurveyCompletedQuizComponent,\r\n SurveyCompletedPollComponent,\r\n SurveyCompletedPollItemComponent,\r\n SurveyCompletedPredictorComponent,\r\n SurveyCompletedQuizTextComponent,\r\n SurveyCompletedQuizImageAndTextComponent,\r\n SurveyItemQuizComponent,\r\n SurveyItemPredictorComponent,\r\n SurveyItemPollComponent,\r\n PredictorCompletedPendingComponent,\r\n PredictorCompletedProcessedComponent,\r\n LeaderboardComponent,\r\n NotificationHubComponent,\r\n NotificationCenterToastComponent,\r\n NotificationItemComponent,\r\n NotificationManagementComponent,\r\n NotificationGroupItemComponent,\r\n NotificationToastComponent,\r\n OffersListItemComponent,\r\n OffersListComponent,\r\n OffersToolbarComponent,\r\n OffersMapComponent,\r\n OfferEarnTabComponent,\r\n OffersDetailsComponent,\r\n OfferTermsModalComponent,\r\n PartnersListItemComponent,\r\n LeaderboardMonthlyComponent,\r\n FeaturedSurveysComponent,\r\n SurveyCompletedQuizImageComponent,\r\n ClubNotificationComponent,\r\n NotificationButtonComponent,\r\n ],\r\n imports: [\r\n NgbModule,\r\n SharedModule,\r\n CommonModule,\r\n CarouselModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n BrowserAnimationsModule,\r\n ShortLongDescriptionModule,\r\n OfferSearchBarModule,\r\n ErrorsModule,\r\n FilterByModule,\r\n CountdownModule,\r\n TimeSinceModule,\r\n NotificationModule,\r\n DirectivesModule,\r\n ToastrModule.forRoot(),\r\n InlineSVGModule.forRoot(),\r\n FGBSharedModule,\r\n RouterModule,\r\n CountdownV2Component\r\n ],\r\n exports: [\r\n SurveyItemComponent,\r\n LeaderboardComponent,\r\n NotificationHubComponent,\r\n NotificationCenterToastComponent,\r\n NotificationManagementComponent,\r\n NotificationToastComponent,\r\n OffersListItemComponent,\r\n OffersListComponent,\r\n OffersDetailsComponent,\r\n OfferTermsModalComponent,\r\n OffersToolbarComponent,\r\n OfferEarnTabComponent,\r\n PartnersListItemComponent,\r\n LeaderboardMonthlyComponent,\r\n ScorePredictorModule,\r\n FeaturedSurveysComponent,\r\n NotificationButtonComponent,\r\n ],\r\n})\r\nexport class ClubModule {}\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 { take, tap } from 'rxjs/operators';\nimport * as i1 from '@fgb/core';\nimport * as i3 from '@angular/forms';\nimport { FormsModule } from '@angular/forms';\nimport * as i4 from '@ngx-translate/core';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\n\nclass CashBackToggleComponent {\n constructor(cardTokenService) {\n this.cardTokenService = cardTokenService;\n this.disableToggle = false;\n this.enableAPICall = true;\n this.showError = false;\n }\n ngOnInit() {\n this.cardTokenService\n .fetchCardTokenStatus()\n .pipe(take(1), tap((status) => (this.cardTokenService.turnOn = status)))\n .subscribe();\n }\n /** Toggles credit cashback on toggle change.\n * If the promise fails, toggle the UI back without calling the API again, and display error message */\n toggleCredit() {\n if (this.enableAPICall) {\n this.cardTokenService\n .setCardTokenStatus(this.cardTokenService.turnOn)\n .catch(() => {\n this.enableAPICall = false;\n this.showError = true;\n this.cardTokenService.turnOn = false;\n })\n .then(() => (this.enableAPICall = true));\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CashBackToggleComponent, deps: [{ token: i1.CardTokenService }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: CashBackToggleComponent, selector: \"fgbcl-cash-back-toggle\", inputs: { disableToggle: \"disableToggle\" }, ngImport: i0, template: \"\\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 { BarcodeComponent } from './components/barcode/barcode.component';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { QRCodeModule } from 'angularx-qrcode';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\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 { MlbamUserLoginComponent } from './components/mlbam-user-login/mlbam-user-login.component';\r\nimport { TransactionListComponent } from './components/transaction-list/transaction-list.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 { CarouselModule } from 'ngx-owl-carousel-o';\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\n\r\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\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 { KeyCloakUserLoginComponent } from './components/key-cloak-user-login/key-cloak-user-login.component';\r\nimport { SeatGeekUserLoginComponent } from './components/seatgeek-user-login/seatgeek-user-login.component';\r\nimport { MobilePassModule } from '@fgb/portal-component-library/src/lib/passes/mobile-pass';\r\nimport { UserResetPasswordComponent } from './components/user-reset-password/user-reset-password.component';\r\nimport { UserChangePasswordComponent } from './components/user-change-password/user-change-password.component';\r\nimport { InvalidTokenModalComponent } from './components/invalid-token-modal/invalid-token-modal.component';\r\nimport { EnduranceZoneComponent } from './components/endurance-zone/endurance-zone.component';\r\nimport { EditShippingAddressComponent } from './components/edit-shipping-address/edit-shipping-address.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 BarcodeComponent,\r\n EcashBalanceComponent,\r\n PointsSummaryComponent,\r\n PointsSummaryBarComponent,\r\n MlbamUserLoginComponent,\r\n TransactionListComponent,\r\n TransactionHistoryComponent,\r\n CardListComponent,\r\n CardSelectComponent,\r\n AddressSelectorComponent,\r\n TmUserLoginComponent,\r\n EditAccountDetailsComponent,\r\n V1SingleSignOnComponent,\r\n SportsAllianceUserLoginComponent,\r\n KeyCloakUserLoginComponent,\r\n SeatGeekUserLoginComponent,\r\n UserResetPasswordComponent,\r\n UserChangePasswordComponent,\r\n InvalidTokenModalComponent,\r\n EnduranceZoneComponent,\r\n EditShippingAddressComponent\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 BarcodeComponent,\r\n EcashBalanceComponent,\r\n PointsSummaryComponent,\r\n PointsSummaryBarComponent,\r\n MlbamUserLoginComponent,\r\n TransactionHistoryComponent,\r\n CardListComponent,\r\n CardSelectComponent,\r\n AddressSelectorComponent,\r\n\r\n TmUserLoginComponent,\r\n EditAccountDetailsComponent,\r\n V1SingleSignOnComponent,\r\n SportsAllianceUserLoginComponent,\r\n KeyCloakUserLoginComponent,\r\n SeatGeekUserLoginComponent,\r\n EnduranceZoneComponent\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 FGBSharedModule,\r\n MobilePassModule,\r\n ],\r\n})\r\nexport class UserModule {}\r\n","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\r\nimport { QRCodeModule } from 'angularx-qrcode';\r\nimport { ChildPanelComponent } from './components/child-panel/child-panel.component';\r\nimport { ChildListComponent } from './components/child-list/child-list.component';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\r\nimport { CarouselModule } from 'ngx-owl-carousel-o';\r\nimport { UpgradeChildrenComponent } from './components/upgrade-children/upgrade-children.component';\r\nimport { UserModule } from '../user/user.module';\r\nimport { SharedModule } from 'src/app/shared/shared.module';\r\nimport { BackToGuardianComponent } from './components/back-to-guardian/back-to-guardian.component';\r\nimport { ChildCheckInAttendanceComponent } from './components/child-check-in-attendance/child-check-in-attendance.component';\r\nimport { RouterModule } from '@angular/router';\r\nimport { InlineSVGModule } from 'ng-inline-svg-2';\r\nimport { ChildBarcodesCarouselComponent } from './components/child-barcodes-carousel/child-barcodes-carousel.component';\r\nimport { RedsoxChildrenTicketCodesComponent } from './components/redsox-children-ticket-codes/redsox-children-ticket-codes.component';\r\nimport { ErrorsModule } from '@fgb/portal-component-library/src/lib/shared/errors';\r\nimport { MembershipOptionsCarouselComponent } from './components/membership-options-carousel/membership-options-carousel.component';\r\n\r\n@NgModule({\r\n imports: [\r\n NgbModule,\r\n CommonModule,\r\n ReactiveFormsModule,\r\n FormsModule,\r\n CarouselModule,\r\n RouterModule,\r\n InlineSVGModule,\r\n BrowserAnimationsModule,\r\n ErrorsModule,\r\n FGBSharedModule,\r\n QRCodeModule,\r\n UserModule,\r\n SharedModule,\r\n ],\r\n declarations: [\r\n ChildPanelComponent,\r\n ChildListComponent,\r\n UpgradeChildrenComponent,\r\n BackToGuardianComponent,\r\n ChildCheckInAttendanceComponent,\r\n ChildBarcodesCarouselComponent,\r\n RedsoxChildrenTicketCodesComponent,\r\n MembershipOptionsCarouselComponent,\r\n ],\r\n exports: [\r\n ChildPanelComponent,\r\n ChildListComponent,\r\n BackToGuardianComponent,\r\n ChildCheckInAttendanceComponent,\r\n ChildBarcodesCarouselComponent,\r\n RedsoxChildrenTicketCodesComponent,\r\n ],\r\n})\r\nexport class GuardianModule {}\r\n","import { NgModule } from '@angular/core';\r\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\r\nimport { UserModule } from '../user/user.module';\r\nimport { SharedModule } from 'src/app/shared/shared.module';\r\nimport { RouterModule } from '@angular/router';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AccountNavComponent } from './components/account-nav/account-nav.component';\r\nimport { FooterComponent } from './components/footer/footer.component';\r\nimport { MixedLoyaltyNavComponent } from './components/mixed-loyalty-nav/mixed-loyalty-nav.component';\r\nimport { MobileNavMenuComponent } from './components/mobile-nav-menu/mobile-nav-menu.component';\r\nimport { NavBarComponent } from './components/nav-bar/nav-bar.component';\r\nimport { NavigationIndicatorComponent } from './components/navigation-indicator/navigation-indicator.component';\r\nimport { TicketNavComponent } from './components/ticket-nav/ticket-nav.component';\r\nimport { GameNavComponent } from './components/game-nav/game-nav.component';\r\nimport { InlineSVGModule } from 'ng-inline-svg-2';\r\nimport { GuardianModule } from '../guardian/guardian.module';\r\nimport { ClubModule } from '../club/club.module';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { FloatingCartButtonComponent } from './components/floating-cart-button/floating-cart-button.component';\r\nimport { LanguageSelectorModule } from '@fgb/portal-component-library/src/lib/shared/language-selector';\r\nimport { LoyaltyIconModule } from '@fgb/portal-component-library/src/lib/shared/loyalty-icon';\r\nimport { CartItemModule } from '@fgb/portal-component-library/src/lib/loyalty/cart-item';\r\nimport { AccessibilityModule } from '@fgb/portal-component-library/accessibility';\r\nimport { NotificationModule } from '@fgb/portal-component-library/src/lib/club/notification';\r\nimport { ArenaCashNavComponent } from './components/arena-cash-nav/arena-cash-nav.component';\r\nimport { NavbarDirectivesModule } from '@fgb/portal-component-library/src/lib/directives';\r\nimport { ChallengesNavComponent } from './components/challenges-nav/challenges-nav.component';\r\n@NgModule({\r\n declarations: [\r\n NavBarComponent,\r\n NavigationIndicatorComponent,\r\n FooterComponent,\r\n MixedLoyaltyNavComponent,\r\n AccountNavComponent,\r\n GameNavComponent,\r\n MobileNavMenuComponent,\r\n TicketNavComponent,\r\n FloatingCartButtonComponent,\r\n ArenaCashNavComponent,\r\n ChallengesNavComponent\r\n ],\r\n exports: [\r\n NavBarComponent,\r\n NavigationIndicatorComponent,\r\n FooterComponent,\r\n MixedLoyaltyNavComponent,\r\n AccountNavComponent,\r\n GameNavComponent,\r\n MobileNavMenuComponent,\r\n TicketNavComponent,\r\n FloatingCartButtonComponent,\r\n ArenaCashNavComponent,\r\n ChallengesNavComponent\r\n ],\r\n imports: [\r\n RouterModule,\r\n NgbModule,\r\n CommonModule,\r\n FormsModule,\r\n InlineSVGModule,\r\n SharedModule,\r\n UserModule,\r\n ClubModule,\r\n GuardianModule,\r\n LanguageSelectorModule,\r\n LoyaltyIconModule,\r\n CartItemModule,\r\n AccessibilityModule,\r\n NotificationModule,\r\n NavbarDirectivesModule,\r\n FGBSharedModule\r\n ],\r\n})\r\nexport class LayoutModule {}\r\n","import { NgModule } from '@angular/core';\r\n\r\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\r\nimport { UserModule } from '../user/user.module';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { SharedModule } from 'src/app/shared/shared.module';\r\nimport { RouterModule } from '@angular/router';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { CommonModule } from '@angular/common';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\r\nimport { CarouselModule } from 'ngx-owl-carousel-o';\r\nimport { InlineSVGModule } from 'ng-inline-svg-2';\r\nimport { LayoutModule } from '../layouts/layout.module';\r\nimport { WorksheetListComponent } from './components/worksheet-list/worksheet-list.component';\r\nimport { WorksheetItemComponent } from './components/worksheet-item/worksheet-item.component';\r\nimport { SubscriptionsListComponent } from './components/subscriptions-list/subscriptions-list.component';\r\nimport { SubscriptionsListItemComponent } from './components/subscriptions-list-item/subscriptions-list-item.component';\r\nimport { SubscriptionsListItemRenewalsComponent } from './components/subscriptions-list-item-renewals/subscriptions-list-item-renewals.component';\r\nimport { SubscriptionsListItemSubscribedComponent } from './components/subscriptions-list-item-subscribed/subscriptions-list-item-subscribed.component';\r\nimport { CartItemSubscriptionsComponent } from './components/cart-item-subscriptions/cart-item-subscriptions.component';\r\nimport { CartSubscriptionsModalComponent } from './components/cart-item-subscriptions/cart-subscriptions-modal/cart-subscriptions-modal.component';\r\nimport { ClubModule } from '../club/club.module';\r\n\r\n@NgModule({\r\n declarations: [\r\n WorksheetListComponent,\r\n WorksheetItemComponent,\r\n SubscriptionsListComponent,\r\n SubscriptionsListItemComponent,\r\n SubscriptionsListItemRenewalsComponent,\r\n SubscriptionsListItemSubscribedComponent,\r\n CartItemSubscriptionsComponent,\r\n CartSubscriptionsModalComponent,\r\n ],\r\n exports: [\r\n WorksheetListComponent,\r\n WorksheetItemComponent,\r\n SubscriptionsListComponent,\r\n SubscriptionsListItemComponent,\r\n SubscriptionsListItemRenewalsComponent,\r\n SubscriptionsListItemSubscribedComponent,\r\n CartItemSubscriptionsComponent,\r\n CartSubscriptionsModalComponent,\r\n ],\r\n imports: [\r\n ClubModule,\r\n RouterModule,\r\n NgbModule,\r\n CommonModule,\r\n ReactiveFormsModule,\r\n FormsModule,\r\n CarouselModule,\r\n BrowserAnimationsModule,\r\n SharedModule,\r\n InlineSVGModule.forRoot(),\r\n UserModule,\r\n LayoutModule,\r\n FGBSharedModule\r\n ],\r\n})\r\nexport class LoyaltyModule {}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { VouchersComponent } from './components/vouchers/vouchers.component';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { SharedModule } from 'src/app/shared/shared.module';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\n\r\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\r\nimport { ErrorsModule } from '@fgb/portal-component-library/src/lib/shared/errors';\r\n\r\n@NgModule({\r\n declarations: [VouchersComponent],\r\n exports: [VouchersComponent],\r\n imports: [CommonModule, FormsModule, SharedModule, NgbModule, ErrorsModule, FGBSharedModule],\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 { 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\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\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 FGBSharedModule,\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 { 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 { CarouselModule } from 'ngx-owl-carousel-o';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { LayoutModule } from '../layouts/layout.module';\r\nimport { UserModule } from '../user/user.module';\r\nimport { InlineSVGModule } from 'ng-inline-svg-2';\r\n\r\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\r\nimport { LoyaltyModule } from '../loyalty/loyalty.module';\r\nimport { ShortLongDescriptionModule } from '@fgb/portal-component-library/src/lib/shared/short-long-description';\r\nimport { ErrorsModule } from '@fgb/portal-component-library/src/lib/shared/errors';\r\nimport { LoyaltyIconModule } from '@fgb/portal-component-library/src/lib/shared/loyalty-icon';\r\n\r\n@NgModule({\r\n declarations: [],\r\n exports: [],\r\n imports: [\r\n LayoutModule,\r\n UserModule,\r\n CommonModule,\r\n SharedModule,\r\n FormsModule,\r\n CarouselModule,\r\n QRCodeModule,\r\n RouterModule,\r\n NgbModule,\r\n LoyaltyModule,\r\n LoyaltyIconModule,\r\n ReactiveFormsModule,\r\n ErrorsModule,\r\n ShortLongDescriptionModule,\r\n InlineSVGModule.forRoot(),\r\n FGBSharedModule\r\n ],\r\n})\r\nexport class PurchaseModule {}\r\n","import { NgModule } from '@angular/core';\r\n\r\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\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 { 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\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 NextGameCountdownComponent,\r\n GameCardCountdownComponent,\r\n ],\r\n imports: [RouterModule, CommonModule, SharedModule, FormsModule, CarouselModule, FGBSharedModule, InlineSVGModule.forRoot()],\r\n exports: [\r\n EventsComponent,\r\n GamesListWithTicketsComponent,\r\n EventsDropDownComponent,\r\n GameBannerComponent,\r\n GameListComponent,\r\n GameCardComponent,\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 { 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\n\r\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\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 FGBSharedModule\r\n ],\r\n})\r\nexport class FantasyModule {}\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 isDayFirst: boolean = false;\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 \r\n if(!moment(value, this.dateOption.NgbDateFormat, true).isValid()){\r\n\r\n if( this.isDayFirst ){\r\n const val = value.replace(/([ ,/-]+)/g, '/');\r\n const date = val.split('/');\r\n const month = date[1];\r\n const day = date[0];\r\n const year = date[2];\r\n value = moment(`${month}/${day}/${year}`).format(this.dateOption.NgbDateFormat);\r\n }\r\n else{\r\n value = moment(value).format(this.dateOption.NgbDateFormat);\r\n }\r\n }\r\n\r\n const mdt = moment(value);\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}\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 | \\r\\n \\r\\n | \\r\\n \\r\\n \\r\\n \\r\\n | \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.address.book.mobile.table.full.name' | translate }}
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.address.book.mobile.table.email' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.address.book.add.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 | {{ 'fgbcl.address.book.table.full.name' | translate }} | \\r\\n{{ 'fgbcl.address.book.table.email' | translate }} | \\r\\n\\r\\n \\r\\n | \\r\\n
| {{ item.FullName }} | \\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 \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.address.book.mobile.table.full.name' | translate }}
\\r\\n {{ item.FullName }}
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.address.book.mobile.table.email' | translate }}
\\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 {{ 'fgbcl.address.book.mobile.delete.confirm.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
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.address.book.mobile.table.full.name' | translate }}
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.address.book.mobile.table.email' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.address.book.add.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 | {{ 'fgbcl.address.book.table.full.name' | translate }} | \\r\\n{{ 'fgbcl.address.book.table.email' | translate }} | \\r\\n\\r\\n \\r\\n | \\r\\n
| {{ item.FullName }} | \\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 \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.address.book.mobile.table.full.name' | translate }}
\\r\\n {{ item.FullName }}
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.address.book.mobile.table.email' | translate }}
\\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 {{ 'fgbcl.address.book.mobile.delete.confirm.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 {{ '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 * 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 {{ '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 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","import * as i0 from '@angular/core';\nimport { EventEmitter, Component, Output, NgModule } from '@angular/core';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@fgb/core';\nimport { config } from '@fgb/core';\nimport * as i3 from '@ngx-translate/core';\nimport { FormsModule } from '@angular/forms';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass ClubSelectorComponent {\n constructor(memberQuery) {\n this.memberQuery = memberQuery;\n this.onClubSelected = new EventEmitter();\n this.clubIds = [];\n this.isSelectorOpen = false;\n }\n ngOnInit() {\n this.initClubs();\n }\n initClubs() {\n const context = this.memberQuery.getUserContext();\n this.clubIds = context?.clubs;\n this.selectedClubId = context.clubId;\n }\n getTeamLogoUrl(clubId) {\n return `${config.contentUrl}/image/clubs/${clubId}.png`;\n }\n toggleSelector() {\n this.isSelectorOpen = !this.isSelectorOpen;\n }\n onClubSelect(clubId) {\n this.selectedClubId = clubId;\n this.onClubSelected.emit(clubId);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ClubSelectorComponent, deps: [{ token: i1.MemberQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: ClubSelectorComponent, selector: \"fgbcl-club-selector\", outputs: { onClubSelected: \"onClubSelected\" }, ngImport: i0, template: \"\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'club.' + selectedClubId + '.name' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'club.' + selectedClubId + '.name' | 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 {{ answer.value.Answer }}\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\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.value.Answer }}\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\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.contacts.management.table.full.name' | translate }} | \\r\\n{{ 'fgbcl.contacts.management.table.email' | translate }} | \\r\\n\\r\\n |
| {{ item.FullName }} | \\r\\n{{ item.EmailAddress }} | \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'fgbcl.contacts.management.confirm.delete.1' | translate }} {{ item.FullName }}\\r\\n {{ 'fgbcl.contacts.management.confirm.delete.2' | 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 {{ 'fgbcl.contacts.management.mobile.full.name' | translate }}
\\r\\n {{ item.FullName }}
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.contacts.management.mobile.email' | translate }}
\\r\\n {{ item.EmailAddress }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.contacts.management.mobile.confirm.delete' | translate }} {{ item.FullName }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n {{ 'fgbcl.contact.management.no.contacts.text' | translate }}
\\r\\n\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.contacts.management.add.contact.modal.header' | translate }}\\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n {{ 'fgbcl.contacts.management.add.contact.modal.button.add' | translate }}\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.contact.management.add.contact.modal.full.name.text' | translate }}
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.contact.management.add.contact.modal.email.text' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.contacts.management.edit.contact.modal.header' | translate }}\\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n {{ 'fgbcl.contacts.management.edit.contact.modal.button.edit' | translate }}\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.contacts.management.edit.contact.modal.full.name' | translate }}
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.contacts.management.edit.contact.modal.email' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n | {{ 'fgbcl.contacts.management.table.full.name' | translate }} | \\r\\n{{ 'fgbcl.contacts.management.table.email' | translate }} | \\r\\n\\r\\n |
| {{ item.FullName }} | \\r\\n{{ item.EmailAddress }} | \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'fgbcl.contacts.management.confirm.delete.1' | translate }} {{ item.FullName }}\\r\\n {{ 'fgbcl.contacts.management.confirm.delete.2' | 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 {{ 'fgbcl.contacts.management.mobile.full.name' | translate }}
\\r\\n {{ item.FullName }}
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.contacts.management.mobile.email' | translate }}
\\r\\n {{ item.EmailAddress }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.contacts.management.mobile.confirm.delete' | translate }} {{ item.FullName }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n {{ 'fgbcl.contact.management.no.contacts.text' | translate }}
\\r\\n\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.contacts.management.add.contact.modal.header' | translate }}\\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n {{ 'fgbcl.contacts.management.add.contact.modal.button.add' | translate }}\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.contact.management.add.contact.modal.full.name.text' | translate }}
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.contact.management.add.contact.modal.email.text' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.contacts.management.edit.contact.modal.header' | translate }}\\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n {{ 'fgbcl.contacts.management.edit.contact.modal.button.edit' | translate }}\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.contacts.management.edit.contact.modal.full.name' | translate }}
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.contacts.management.edit.contact.modal.email' | 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 {{ game.TeamNames.HomeTeamName }}
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.game.banner.vs.text' | translate }}
\\r\\n \\r\\n
\\r\\n {{ game.TeamNames.AwayTeamName }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n {{ game.TeamNames.HomeTeamName }}
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.game.banner.vs.text' | translate }}
\\r\\n \\r\\n
\\r\\n {{ game.TeamNames.AwayTeamName }}
\\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.ticket.transfer.status.bar.not.open' | translate }}\\r\\n {{ 'fgbcl.ticket.transfer.status.bar.not.open.bold' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.ticket.transfer.status.bar.closed' | translate }}\\r\\n {{ 'fgbcl.ticket.transfer.status.bar.closed.bold' | translate }} \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.ticket.transfer.status.bar.no.available.tickets' | translate }}\\r\\n {{ 'fgbcl.ticket.transfer.status.bar.no.available.tickets.bold' | translate }} \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.ticket.transfer.status.bar.open.window' | translate }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n {{ 'fgbcl.ticket.transfer.status.bar.not.open' | translate }}\\r\\n {{ 'fgbcl.ticket.transfer.status.bar.not.open.bold' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.ticket.transfer.status.bar.closed' | translate }}\\r\\n {{ 'fgbcl.ticket.transfer.status.bar.closed.bold' | translate }} \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.ticket.transfer.status.bar.no.available.tickets' | translate }}\\r\\n {{ 'fgbcl.ticket.transfer.status.bar.no.available.tickets.bold' | translate }} \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.ticket.transfer.status.bar.open.window' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'fgbcl.ticket.transfer.game.panel.select.button.text' | translate }}\\r\\n arrow_forward_ios \\r\\n \\r\\n
\\r\\n\", styles: [\".img-fluid{height:2.5rem;width:2.5rem}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: TicketTransferWindowStatusBarComponent, selector: \"fgbcl-ticket-transfer-window-status-bar\", inputs: [\"windowStartDate\", \"windowEndDate\", \"availableTransfers\"] }, { kind: \"pipe\", type: i2.DatePipe, name: \"date\" }, { kind: \"pipe\", type: i5$1.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TicketTransferGamePanelComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-ticket-transfer-game-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 {{ customerTicketSummary.TeamNames.HomeTeamName }}
\\r\\n {{ 'fgbcl.ticket.transfer.game.panel.versus.symbol' | translate }}\\r\\n{{ customerTicketSummary.TeamNames.AwayTeamName }}
\\r\\n\\r\\n \\r\\n
\\r\\n {{ customerTicketSummary.Date | date: 'd MMM y HH:mm' }}
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.ticket.transfer.game.panel.tickets.available' | translate }}
\\r\\n {{ customerTicketSummary.TicketsAvailableToTransfer }}\\r\\n {{ customerTicketSummary.TotalAmountOfTickets }}\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.ticket.transfer.game.panel.tickets.transferred' | translate }}
\\r\\n {{ customerTicketSummary.TicketsTransferred }}\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'fgbcl.ticket.transfer.game.panel.select.button.text' | translate }}\\r\\n arrow_forward_ios \\r\\n \\r\\n
\\r\\n\", styles: [\".img-fluid{height:2.5rem;width:2.5rem}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.GameService }, { type: i2$2.Router }], propDecorators: { customerTicketSummary: [{\n type: Input\n }] } });\n\nclass GamesListWithTicketsComponent {\n constructor(gameService, ticketService) {\n this.gameService = gameService;\n this.ticketService = ticketService;\n this.showPastGamesOnly = false;\n this.pastGamesCountEvent = new EventEmitter();\n }\n ngOnInit() {\n this.ticketService.resetSelectedTickets();\n this.games$ = this.gameService.fetchGamesWithTickets().pipe(map((games) => {\n if (games == undefined) {\n return undefined;\n }\n if (this.showPastGamesOnly) {\n games = games.filter((game) => moment.utc(game.Date).endOf('day').isBefore(moment.utc()));\n this.pastGamesCountEvent.emit(games.length);\n return games.sort((a, b) => {\n return moment.utc(b.Date).diff(moment.utc(a.Date));\n });\n }\n else {\n games = games.filter((game) => moment.utc(game.Date).endOf('day').isAfter(moment.utc()));\n return games.sort((a, b) => {\n return moment.utc(a.Date).diff(moment.utc(b.Date));\n });\n }\n }));\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: GamesListWithTicketsComponent, deps: [{ token: i1.GameService }, { token: i1.TicketService }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: GamesListWithTicketsComponent, selector: \"fgbcl-games-list-with-tickets\", inputs: { showPastGamesOnly: \"showPastGamesOnly\" }, outputs: { pastGamesCountEvent: \"pastGamesCountEvent\" }, 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 {{ customerTicketSummary.TeamNames.HomeTeamName }}
\\r\\n {{ 'fgbcl.ticket.transfer.game.panel.versus.symbol' | translate }}\\r\\n{{ customerTicketSummary.TeamNames.AwayTeamName }}
\\r\\n\\r\\n \\r\\n
\\r\\n {{ customerTicketSummary.Date | date: 'd MMM y HH:mm' }}
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.ticket.transfer.game.panel.tickets.available' | translate }}
\\r\\n {{ customerTicketSummary.TicketsAvailableToTransfer }}\\r\\n {{ customerTicketSummary.TotalAmountOfTickets }}\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.ticket.transfer.game.panel.tickets.transferred' | translate }}
\\r\\n {{ customerTicketSummary.TicketsTransferred }}\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.game.list.with.tickets.no.games.text' | translate }}
\\r\\n\\r\\n
\\r\\n{{ 'fgbcl.game.list.with.tickets.no.past.games.text' | translate }}
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.game.list.with.tickets.no.games.text' | translate }}
\\r\\n\\r\\n
\\r\\n{{ 'fgbcl.game.list.with.tickets.no.past.games.text' | translate }}
\\r\\n\\r\\n {{ 'fgbcl.selected.tickets.count.tickets.selected.label' | translate }}: {{ count }}\\r\\n
\\r\\n\\r\\n {{ 'fgbcl.selected.tickets.count.tickets.selected.label' | translate }}: {{ count }}\\r\\n
\\r\\n| {{ 'fgbcl.selected.tickets.table.card.number' | translate }} | \\r\\n{{ 'fgbcl.selected.tickets.table.area' | translate }} | \\r\\n\\r\\n {{ 'fgbcl.selected.tickets.table.card.section' | translate }}\\r\\n | \\r\\n{{ 'fgbcl.selected.tickets.table.row' | translate }} | \\r\\n{{ 'fgbcl.selected.tickets.table.seat' | translate }} | \\r\\n\\r\\n |
|---|---|---|---|---|---|
| {{ ticket.ACN }} | \\r\\n\\r\\n | \\r\\n \\r\\n | \\r\\n {{ ticket.Row }} | \\r\\n{{ ticket.Seat }} | \\r\\n\\r\\n \\r\\n | \\r\\n
| {{ 'fgbcl.selected.tickets.table.card.number' | translate }} | \\r\\n{{ 'fgbcl.selected.tickets.table.area' | translate }} | \\r\\n\\r\\n {{ 'fgbcl.selected.tickets.table.card.section' | translate }}\\r\\n | \\r\\n{{ 'fgbcl.selected.tickets.table.row' | translate }} | \\r\\n{{ 'fgbcl.selected.tickets.table.seat' | translate }} | \\r\\n\\r\\n |
|---|---|---|---|---|---|
| {{ ticket.ACN }} | \\r\\n\\r\\n | \\r\\n \\r\\n | \\r\\n {{ ticket.Row }} | \\r\\n{{ ticket.Seat }} | \\r\\n\\r\\n \\r\\n | \\r\\n
\\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"pipe\", type: i5$1.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TicketInviteListComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-ticket-invite-list', template: \"\\r\\n {{ 'ticket.invite.ticket.no.label' | translate }}: {{ ticketInvite.ACN }}\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n {{ 'ticket.invite.ticket.area.label' | translate }}: \\r\\n {{ ticketInvite.Area }}\\r\\n
\\r\\n \\r\\n {{ 'ticket.invite.ticket.row.label' | translate }}: \\r\\n {{ ticketInvite.Row }}\\r\\n
\\r\\n \\r\\n {{ 'ticket.invite.ticket.seats.label' | translate }}: \\r\\n {{ ticketInvite.Seat }}\\r\\n
\\r\\n \\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { ticketInvite: [{\n type: Input\n }] } });\n\nclass TicketInviteComponent {\n constructor(formBuilder, ticketService) {\n this.formBuilder = formBuilder;\n this.ticketService = ticketService;\n this.validateCredentials = true;\n this.showTicketList = false;\n this.ticketInvideList = [];\n this.ticketInviteProcess = true;\n this.submitted = false;\n this.ticketKey = '';\n }\n ngOnInit() {\n this.ticketInviteForm();\n }\n ticketInviteForm() {\n this.form = this.formBuilder.group({\n email: ['', [Validators.required, Validators.pattern('^[a-z0-9._%+-]+@[a-z0-9.-]+.[a-z]{2,4}$')]],\n uniqueCode: ['', [Validators.required]],\n });\n }\n get f() {\n return this.form.controls;\n }\n /*get email and code and call validateTicketInviteCredentials to check the Credentials*/\n onSubmit() {\n this.submitted = true;\n if (this.form.invalid) {\n return;\n }\n const ticketInviteParasm = {\n emailAddress: this.f['email'].value,\n uniqKey: this.f['uniqueCode'].value,\n ticketKey: this.ticketKey,\n };\n this.ticketService.validateTicketInviteCredentials(ticketInviteParasm).subscribe({\n next: (res) => {\n this.ticketInvideList = res;\n this.codeErrorKey = '';\n this.validateCredentials = true;\n this.showTicketList = true;\n },\n error: (error) => {\n if (error.status == 400) {\n this.codeErrorKey = String(error.error.Code).toLowerCase();\n this.validateCredentials = false;\n this.showTicketList = false;\n }\n },\n });\n }\n ticketProcess() {\n const ticketInviteParasm = {\n emailAddress: this.f['email'].value,\n uniqKey: this.f['uniqueCode'].value,\n ticketKey: this.ticketKey,\n };\n this.ticketService.ticketTransferprocess(ticketInviteParasm).subscribe({\n next: () => {\n this.ticketInviteProcess = true;\n this.codeErrorKey = '';\n },\n error: (error) => {\n this.ticketInviteProcess = false;\n if (error.status == 400) {\n this.codeErrorKey = String(error.error.Code).toLowerCase();\n }\n },\n });\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TicketInviteComponent, deps: [{ token: i1$2.UntypedFormBuilder }, { token: i1.TicketService }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: TicketInviteComponent, selector: \"fgbcl-ticket-invite\", inputs: { ticketKey: \"ticketKey\" }, ngImport: i0, template: \"\\r\\n {{ 'ticket.invite.ticket.no.label' | translate }}: {{ ticketInvite.ACN }}\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n {{ 'ticket.invite.ticket.area.label' | translate }}: \\r\\n {{ ticketInvite.Area }}\\r\\n
\\r\\n \\r\\n {{ 'ticket.invite.ticket.row.label' | translate }}: \\r\\n {{ ticketInvite.Row }}\\r\\n
\\r\\n \\r\\n {{ 'ticket.invite.ticket.seats.label' | translate }}: \\r\\n {{ ticketInvite.Seat }}\\r\\n
\\r\\n \\r\\n {{ codeErrorKey | translate }}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n {{ codeErrorKey | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n {{ codeErrorKey | translate }}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n {{ codeErrorKey | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.ticket.transfer.log.area' | translate }}: \\r\\n
\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.ticket.transfer.log.section' | translate }}: \\r\\n
\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.ticket.transfer.log.row' | translate }}: {{ ticket.Row }}\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n {{ 'fgbcl.ticket.transfer.log.seat' | translate }}: \\r\\n {{ ticket.Seat }}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n | {{ 'fgbcl.ticket.transfer.log.recipient' | translate }} | \\r\\n{{ 'fgbcl.ticket.transfer.log.date.and.time' | translate }} | \\r\\n{{ 'fgbcl.ticket.transfer.log.status' | translate }} | \\r\\n|||
|---|---|---|---|---|---|
| {{ log.EmailAddress }} | \\r\\n{{ log.ATTENDANCE | date }} | \\r\\n{{ 'fgbcl.ticket.transfer.log.attended' | translate }} | \\r\\n{{ log.TransfereeFullName }} ({{ log.TransfereeEmailAddress }}) | \\r\\n{{ log.Date | date: 'd MMM y | h:mm a' }} | \\r\\n{{ ticketTransferStatus(log.TransactionTypeId) }} | \\r\\n
\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.mobile.ticket.transfer.log.recipient' | translate }}\\r\\n {{ log.TransfereeFullName }} ({{ log.TransfereeEmailAddress }})\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.mobile.ticket.transfer.log.date.and.time' | translate }}\\r\\n
\\r\\n {{ log.Date | date: 'd MMM y | h:mm a' }}
\\r\\n\\r\\n {{ 'fgbcl.mobile.ticket.transfer.log.status' | translate }}\\r\\n
\\r\\n {{ ticketTransferStatus(log.TransactionTypeId) }}
\\r\\n{{ 'fgbcl.ticket.transfer.no.transfer.logs' | translate }}
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.ticket.transfer.log.area' | translate }}: \\r\\n
\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.ticket.transfer.log.section' | translate }}: \\r\\n
\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.ticket.transfer.log.row' | translate }}: {{ ticket.Row }}\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n {{ 'fgbcl.ticket.transfer.log.seat' | translate }}: \\r\\n {{ ticket.Seat }}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n | {{ 'fgbcl.ticket.transfer.log.recipient' | translate }} | \\r\\n{{ 'fgbcl.ticket.transfer.log.date.and.time' | translate }} | \\r\\n{{ 'fgbcl.ticket.transfer.log.status' | translate }} | \\r\\n|||
|---|---|---|---|---|---|
| {{ log.EmailAddress }} | \\r\\n{{ log.ATTENDANCE | date }} | \\r\\n{{ 'fgbcl.ticket.transfer.log.attended' | translate }} | \\r\\n{{ log.TransfereeFullName }} ({{ log.TransfereeEmailAddress }}) | \\r\\n{{ log.Date | date: 'd MMM y | h:mm a' }} | \\r\\n{{ ticketTransferStatus(log.TransactionTypeId) }} | \\r\\n
\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.mobile.ticket.transfer.log.recipient' | translate }}\\r\\n {{ log.TransfereeFullName }} ({{ log.TransfereeEmailAddress }})\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.mobile.ticket.transfer.log.date.and.time' | translate }}\\r\\n
\\r\\n {{ log.Date | date: 'd MMM y | h:mm a' }}
\\r\\n\\r\\n {{ 'fgbcl.mobile.ticket.transfer.log.status' | translate }}\\r\\n
\\r\\n {{ ticketTransferStatus(log.TransactionTypeId) }}
\\r\\n{{ 'fgbcl.ticket.transfer.no.transfer.logs' | 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 {{ 'fgbcl.ticket.list.item.select.ticket' | 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 history\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.ticket.list.item.area' | translate }}:\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.ticket.list.item.status' | translate }}:\\r\\n {{ 'fgbcl.ticket.list.item.transferred.to' | translate }} - {{ ticket.TransfereeEmailAddress }}\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.ticket.list.item.status' | translate }}:\\r\\n {{ 'fgbcl.ticket.list.item.available' | translate }}\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.ticket.list.item.table.section' | translate }}:\\r\\n
\\r\\n {{ 'fgbcl.ticket.list.item.table.row' | translate }}: {{ ticket.Row }}\\r\\n
\\r\\n\\r\\n {{ 'fgbcl.ticket.list.item.table.seat' | translate }}: {{ ticket.Seat }}\\r\\n
\\r\\n\\r\\n {{ 'fgbcl.ticket.list.item.area' | translate }}:\\r\\n \\r\\n {{ ticket.AreaLine1 }}\\r\\n {{ ticket.Stand }}\\r\\n {{ ticket.StandName }}\\r\\n {{ ticket.Area }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.ticket.list.item.table.section' | translate }}:\\r\\n
\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.ticket.list.item.table.row' | translate }}: {{ ticket.Row }}\\r\\n
\\r\\n\\r\\n {{ 'fgbcl.ticket.list.item.table.seat' | translate }}: {{ ticket.Seat }}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n\\r\\n{{ 'fgbcl.ticket.list.item.ticket.history.expand.text' | translate }}
\\r\\n\\r\\n
\\r\\n {{ 'fgbcl.ticket.log.modal.title' | translate }}
\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.ticket.transfer.callback.text' | translate }}\\r\\n {{ ticket.TransfereeEmailAddress }}\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n \\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.ticket.list.item.select.ticket' | 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 history\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.ticket.list.item.area' | translate }}:\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.ticket.list.item.status' | translate }}:\\r\\n {{ 'fgbcl.ticket.list.item.transferred.to' | translate }} - {{ ticket.TransfereeEmailAddress }}\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.ticket.list.item.status' | translate }}:\\r\\n {{ 'fgbcl.ticket.list.item.available' | translate }}\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.ticket.list.item.table.section' | translate }}:\\r\\n
\\r\\n {{ 'fgbcl.ticket.list.item.table.row' | translate }}: {{ ticket.Row }}\\r\\n
\\r\\n\\r\\n {{ 'fgbcl.ticket.list.item.table.seat' | translate }}: {{ ticket.Seat }}\\r\\n
\\r\\n\\r\\n {{ 'fgbcl.ticket.list.item.area' | translate }}:\\r\\n \\r\\n {{ ticket.AreaLine1 }}\\r\\n {{ ticket.Stand }}\\r\\n {{ ticket.StandName }}\\r\\n {{ ticket.Area }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.ticket.list.item.table.section' | translate }}:\\r\\n
\\r\\n
\\r\\n \\r\\n {{ 'fgbcl.ticket.list.item.table.row' | translate }}: {{ ticket.Row }}\\r\\n
\\r\\n\\r\\n {{ 'fgbcl.ticket.list.item.table.seat' | translate }}: {{ ticket.Seat }}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n\\r\\n{{ 'fgbcl.ticket.list.item.ticket.history.expand.text' | translate }}
\\r\\n\\r\\n
\\r\\n {{ 'fgbcl.ticket.log.modal.title' | translate }}
\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.ticket.transfer.callback.text' | translate }}\\r\\n {{ ticket.TransfereeEmailAddress }}\\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n{{ 'fgbcl.ticket.transfer.status.window.open.text' | translate }}
\\r\\n{{ 'fgbcl.ticket.transfer.ticket.window.text' | translate }}
\\r\\n {{ 'fgbcl.ticket.transfer.status.closed.text' | translate }}
\\r\\n {{ 'fgbcl.ticket.transfer.ticket.window.text' | translate }}
\\r\\n {{ 'fgbcl.ticket.transfer.status.not.open.text' | translate }}
\\r\\n {{ 'fgbcl.ticket.transfer.status.window.open.text' | translate }}
\\r\\n{{ 'fgbcl.ticket.transfer.ticket.window.text' | translate }}
\\r\\n {{ 'fgbcl.ticket.transfer.status.closed.text' | translate }}
\\r\\n {{ 'fgbcl.ticket.transfer.ticket.window.text' | translate }}
\\r\\n {{ 'fgbcl.ticket.transfer.status.not.open.text' | translate }}
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n{{ error }}
\\r\\n\\r\\n\\r\\n \\r\\n arrow_back_ios\\r\\n {{ 'fgbcl.transfer.form.button.back' | translate }}\\r\\n \\r\\n\\r\\n \\r\\n {{ 'fgbcl.transfer.form.button.transfer.now' | 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 {{ 'fgbcl.transfer.form.confirm.modal.button.confirm.transfer' | translate }}\\r\\n \\r\\n {{ 'fgbcl.transfer.form.confirm.modal.button.cancel.transfer' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.transfer.form.confirm.modal.text' | translate }}\\r\\n {{ email }}\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n {{ 'fgbcl.choose.contacts.modal.header.text' | translate }}
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n{{ error }}
\\r\\n\\r\\n\\r\\n \\r\\n arrow_back_ios\\r\\n {{ 'fgbcl.transfer.form.button.back' | translate }}\\r\\n \\r\\n\\r\\n \\r\\n {{ 'fgbcl.transfer.form.button.transfer.now' | 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 {{ 'fgbcl.transfer.form.confirm.modal.button.confirm.transfer' | translate }}\\r\\n \\r\\n {{ 'fgbcl.transfer.form.confirm.modal.button.cancel.transfer' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'fgbcl.transfer.form.confirm.modal.text' | translate }}\\r\\n {{ email }}\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n {{ 'fgbcl.choose.contacts.modal.header.text' | translate }}
\\r\\n \\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.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"pipe\", type: i2$1.UtcToLocaltimePipe, name: \"UtcToLocaltimePipe\" }, { kind: \"pipe\", type: i3.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CampaignsListItemComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-campaigns-list-item', template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n 0\\\">\\r\\n \\r\\n \\r\\n
\\r\\n {{ campaignEntitlement.CampaignName }}
\\r\\n\\r\\n \\r\\n {{ 'offer.expiry' | translate }} {{ campaignEntitlement.Campaign_ExpiryDate | UtcToLocaltimePipe : dateOption.NgbDateFormat }}\\r\\n
\\r\\n\\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [{ type: undefined, decorators: [{\n type: Inject,\n args: [DATE_OPTIONS]\n }] }], propDecorators: { campaignEntitlement: [{\n type: Input\n }] } });\n\nclass CampaignsOffersListComponent {\n constructor(campaignOffersService, campaignOffersQuery) {\n this.campaignOffersService = campaignOffersService;\n this.campaignOffersQuery = campaignOffersQuery;\n this.showAllOffersLink = \"/rewards/wallet\";\n this.showAllOffers = false;\n this.dataChange = new EventEmitter();\n this.isDragging = false;\n this.customOptions = {\n margin: 8,\n autoWidth: true,\n pullDrag: true,\n autoplay: false,\n autoplayTimeout: OwlCarouselSettings.AutoplayTimeout,\n autoplaySpeed: OwlCarouselSettings.AutoplaySpeed,\n navSpeed: 700,\n nav: false,\n responsive: {\n 0: { items: 2 },\n 900: { items: 4 },\n },\n dots: true,\n };\n }\n ngOnInit() {\n this.campaignOffersService.fetchOffers().toPromise();\n this.campaignOffers$ = this.campaignOffersQuery.selectFirst().pipe(tap(data => this.dataChange.emit(data)));\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CampaignsOffersListComponent, deps: [{ token: i1.CampaignOffersService }, { token: i1.CampaignOffersQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: CampaignsOffersListComponent, selector: \"fgbcl-campaigns-offers-list\", inputs: { showAllOffersLink: \"showAllOffersLink\", showAllOffers: \"showAllOffers\" }, outputs: { dataChange: \"dataChange\" }, ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n 0\\\">\\r\\n \\r\\n \\r\\n
\\r\\n {{ campaignEntitlement.CampaignName }}
\\r\\n\\r\\n \\r\\n {{ 'offer.expiry' | translate }} {{ campaignEntitlement.Campaign_ExpiryDate | UtcToLocaltimePipe : dateOption.NgbDateFormat }}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i2.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: i3$1.CarouselComponent, selector: \"owl-carousel-o\", inputs: [\"options\"], outputs: [\"translated\", \"dragging\", \"change\", \"changed\", \"initialized\"] }, { kind: \"directive\", type: i3$1.CarouselSlideDirective, selector: \"ng-template[carouselSlide]\", inputs: [\"id\", \"dataMerge\", \"width\", \"dotContent\", \"dataHash\"] }, { kind: \"directive\", type: i3$1.OwlRouterLinkDirective, selector: \":not(a)[owlRouterLink]\", inputs: [\"queryParams\", \"fragment\", \"queryParamsHandling\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"stopLink\", \"owlRouterLink\", \"preserveQueryParams\"] }, { kind: \"directive\", type: i4.RouterLink, selector: \"[routerLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"state\", \"info\", \"relativeTo\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"routerLink\"] }, { kind: \"component\", type: CampaignsListItemComponent, selector: \"fgbcl-campaigns-list-item\", inputs: [\"campaignEntitlement\"] }, { kind: \"directive\", type: i6.CustomOwlCarousel, selector: \"owl-carousel-o\" }, { kind: \"pipe\", type: i2.AsyncPipe, name: \"async\" }, { kind: \"pipe\", type: i3.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CampaignsOffersListComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-campaigns-offers-list', template: \"\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'campaign.offers.subheading' | translate }}
\\r\\n \\r\\n {{ 'wallet.show.all' | translate }}\\r\\n arrow_forward_ios\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [{ type: i1.CampaignOffersService }, { type: i1.CampaignOffersQuery }], propDecorators: { showAllOffersLink: [{\n type: Input\n }], showAllOffers: [{\n type: Input\n }], dataChange: [{\n type: Output\n }] } });\n\nclass CampaignsListItemModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CampaignsListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: CampaignsListItemModule, declarations: [CampaignsListItemComponent], imports: [CommonModule, CarouselModule, PipesModule, RouterModule, FGBSharedModule], exports: [CampaignsListItemComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CampaignsListItemModule, imports: [CommonModule, CarouselModule, PipesModule, RouterModule, FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CampaignsListItemModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [CampaignsListItemComponent],\n imports: [CommonModule, CarouselModule, PipesModule, RouterModule, FGBSharedModule],\n exports: [CampaignsListItemComponent],\n }]\n }] });\n\nclass CampaignsOffersListModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CampaignsOffersListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: CampaignsOffersListModule, declarations: [CampaignsOffersListComponent], imports: [CommonModule,\n CarouselModule,\n RouterModule,\n CampaignsListItemModule,\n DirectivesModule,\n FGBSharedModule], exports: [CampaignsOffersListComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CampaignsOffersListModule, imports: [CommonModule,\n CarouselModule,\n RouterModule,\n CampaignsListItemModule,\n DirectivesModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CampaignsOffersListModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [CampaignsOffersListComponent],\n imports: [\n CommonModule,\n CarouselModule,\n RouterModule,\n CampaignsListItemModule,\n DirectivesModule,\n FGBSharedModule\n ],\n exports: [CampaignsOffersListComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { CampaignsListItemComponent, CampaignsListItemModule, CampaignsOffersListComponent, CampaignsOffersListModule };\n","// External Dependencies\r\nimport { NgModule } from '@angular/core';\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { NgbModule, NgbDateParserFormatter } from '@ng-bootstrap/ng-bootstrap';\r\nimport { JwtModule } from '@auth0/angular-jwt';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { HttpClientModule } from '@angular/common/http';\r\nimport { MissingTranslationHandler, TranslateModule } from '@ngx-translate/core';\r\nimport { QRCodeModule } from 'angularx-qrcode';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\r\nimport { CarouselModule } from 'ngx-owl-carousel-o';\r\nimport { ToastrModule } from 'ngx-toastr';\r\nimport { InlineSVGModule } from 'ng-inline-svg-2';\r\n// Routing & Configuration\r\nimport { AppRoutingModule } from './app-routing.module';\r\nimport { environment } from '../environments/environment';\r\n// Feature Modules\r\nimport { SharedModule } from './shared/shared.module';\r\nimport { ClubModule } from './modules/club/club.module';\r\nimport { UserModule } from './modules/user/user.module';\r\nimport { LoyaltyModule } from './modules/loyalty/loyalty.module';\r\nimport { VouchersModule } from './modules/vouchers/vouchers.module';\r\nimport { EcashModule } from './modules/ecash/ecash.module';\r\nimport { PurchaseModule } from './modules/purchase/purchase.module';\r\nimport { GuardianModule } from './modules/guardian/guardian.module';\r\nimport { EventsModule } from './modules/events/events.module';\r\nimport { FantasyModule } from './modules/fantasy/fantasy.module';\r\n\r\n// Utilities\r\nimport { MomentDateFormatter } from './shared/utilities/moment-date-formatter';\r\n// @fgb/core\r\nimport {\r\n PopulationGuard,\r\n ProductCodeGuard,\r\n jwtTokenGetter,\r\n tmAuthConfig,\r\n tmOAuthConfig,\r\n FGBMissingTranslationHandler,\r\n provideAppConfig,\r\n provideTMAuth,\r\n} from '@fgb/core';\r\n\r\n// Component Library\r\nimport { CardTokenListModule } from '@fgb/portal-component-library/src/lib/ecash/card-token-list';\r\nimport { EcashDescriptionModule } from '@fgb/portal-component-library/src/lib/ecash/ecash-description';\r\nimport { LoadingModule } from '@fgb/portal-component-library/src/lib/shared/loading';\r\nimport { ErrorsModule } from '@fgb/portal-component-library/src/lib/shared/errors';\r\nimport { EarnPointsModule } from '@fgb/portal-component-library/src/lib/club/earn-points';\r\nimport { FaqSectionModule } from '@fgb/portal-component-library/src/lib/club/faq-section';\r\nimport { TermsAndConditionsModule } from '@fgb/portal-component-library/src/lib/club/terms-and-conditions';\r\nimport { CountryAndRegionsModule } from '@fgb/portal-component-library/src/lib/shared/country-and-regions';\r\nimport { DirectivesModule } from '@fgb/portal-component-library/src/lib/directives';\r\nimport { AuctionDetailsModule } from '@fgb/portal-component-library/src/lib/loyalty/auctions/auction-details';\r\nimport { AuctionPanelModule } from '@fgb/portal-component-library/src/lib/loyalty/auctions/auction-panel';\r\nimport { AuctionListModule } from '@fgb/portal-component-library/src/lib/loyalty/auctions/auction-list';\r\nimport { LottoDetailsModule } from '@fgb/portal-component-library/src/lib/loyalty/lottos/lotto-details';\r\nimport { LottosListItemModule } from '@fgb/portal-component-library/src/lib/loyalty/lottos/lottos-list-item';\r\nimport { LottosListModule } from '@fgb/portal-component-library/src/lib/loyalty/lottos/lottos-list';\r\nimport { MarketplaceDetailsModule } from '@fgb/portal-component-library/src/lib/loyalty/marketplace/marketplace-details';\r\nimport { MarketplaceListItemModule } from '@fgb/portal-component-library/src/lib/loyalty/marketplace/marketplace-list-item';\r\nimport { MarketplaceListModule } from '@fgb/portal-component-library/src/lib/loyalty/marketplace/marketplace-list';\r\nimport { BadgeListItemModule } from '@fgb/portal-component-library/src/lib/loyalty/badges/badge-list-item';\r\nimport { BadgeOverviewListModule } from '@fgb/portal-component-library/src/lib/loyalty/badges/badge-overview-list';\r\nimport { BadgeFeaturedListModule } from '@fgb/portal-component-library/src/lib/loyalty/badges/badge-featured-list';\r\nimport { FeaturedRewardsModule } from '@fgb/portal-component-library/src/lib/loyalty/featured-rewards';\r\nimport { AddressBookModule } from '@fgb/portal-component-library/src/lib/user/address-book';\r\nimport { ShortLongDescriptionModule } from '@fgb/portal-component-library/src/lib/shared/short-long-description';\r\nimport { ContactUsModule } from '@fgb/portal-component-library/src/lib/club/contact-us';\r\n\r\n// General Pages\r\nimport { AppComponent } from './app.component';\r\nimport { MasterPageComponent } from './pages/master/master-page/master-page.component';\r\nimport { HomePageComponent } from './pages/home-page/home-page.component';\r\nimport { LoginPageComponent } from './pages/login-page/login-page.component';\r\nimport { LoginAccountsPageComponent } from './pages/login-accounts-page/login-accounts-page.component';\r\nimport { MaintenancePageComponent } from './pages/maintenance-page/maintenance-page.component';\r\nimport { TermsPageComponent } from './pages/terms-page/terms-page.component';\r\nimport { FaqPageComponent } from './pages/faq-page/faq-page.component';\r\nimport { ContactUsPageComponent } from './pages/contact-us-page/contact-us-page.component';\r\nimport { NotFoundPageComponent } from './pages/not-found-page/not-found-page.component';\r\nimport { SavingsPageComponent } from './pages/savings-page/savings-page.component';\r\n\r\n// Loyalty Pages\r\nimport { RewardsLayoutComponent } from './pages/rewards-layout/rewards-layout.component';\r\nimport { RewardsPageComponent } from './pages/rewards-page/rewards-page.component';\r\nimport { AuctionsPageComponent } from './pages/auctions-page/auctions-page.component';\r\nimport { LottosPageComponent } from './pages/lottos-page/lottos-page.component';\r\nimport { MarketplacePageComponent } from './pages/marketplace-page/marketplace-page.component';\r\nimport { EventsPageComponent } from './pages/events-page/events-page.component';\r\nimport { WalletPageComponent } from './pages/wallet-page/wallet-page.component';\r\nimport { AuctionDetailPageComponent } from './pages/auction-detail-page/auction-detail-page.component';\r\nimport { LottoDetailPageComponent } from './pages/lotto-detail-page/lotto-detail-page.component';\r\nimport { MarketplaceDetailPageComponent } from './pages/marketplace-detail-page/marketplace-detail-page.component';\r\nimport { LottosSuccessPageComponent } from './pages/lottos-page/lottos-success-page/lottos-success-page.component';\r\nimport { MarketplacePurchaseSuccessPageComponent } from './pages/marketplace-page/marketplace-purchase-success-page/marketplace-purchase-success-page.component';\r\nimport { LottoWalletDetailsPageComponent } from './pages/lotto-wallet-details-page/lotto-wallet-details-page.component';\r\nimport { QuizPageComponent } from './pages/quiz-page/quiz-page.component';\r\n// Polls, Surveys & Trivia (Games)\r\nimport { GamesLayoutComponent } from './pages/games-layout/games-layout.component';\r\nimport { GamesPageComponent } from './pages/games-page/games-page.component';\r\nimport { PollsPageComponent } from './pages/polls-page/polls-page.component';\r\nimport { FantasyGamesPageComponent } from './pages/fantasy-games-page/fantasy-games-page.component';\r\nimport { FantasyPlayerSelectPageComponent } from './pages/fantasy-player-select-page/fantasy-player-select-page.component';\r\nimport { PredictorPageComponent } from './pages/predictor-page/predictor-page.component';\r\n// Account Pages\r\nimport { AccountDetailsPageComponent } from './pages/account-details-page/account-details-page.component';\r\nimport { ActivityPageComponent } from './pages/activity-page/activity-page.component';\r\n// Ecash Pages\r\nimport { EcashPageComponent } from './pages/ecash-page/ecash-page.component';\r\nimport { EcashResultPageComponent } from './pages/ecash-page/ecash-result-page/ecash-result-page.component';\r\nimport { EcashSuccessPageComponent } from './pages/ecash-page/ecash-success-page/ecash-success-page.component';\r\nimport { EcashFailurePageComponent } from './pages/ecash-page/ecash-failure-page/ecash-failure-page.component';\r\nimport { EcashHistoryPageComponent } from './pages/ecash-history/ecash-history.component';\r\n// Portal Products\r\nimport { PortalProductResultsPageComponent } from './pages/portal-products-pages/portal-product-results-page/portal-product-results-page.component';\r\nimport { PortalProductSuccessPageComponent } from './pages/portal-products-pages/portal-product-success-page/portal-product-success-page.component';\r\nimport { PortalProductFailurePageComponent } from './pages/portal-products-pages/portal-product-failure-page/portal-product-failure-page.component';\r\n// Benefits\r\nimport { BenefitsPageComponent } from './pages/benefits-page/benefits-page.component';\r\nimport { BenefitModule } from './modules/benefit/benefit.module';\r\n// External Cash Transfer\r\nimport { CardPageComponent } from './pages/card-page/card-page.component';\r\n// Club Pages\r\nimport { EarnPageComponent } from './pages/earn-page/earn-page.component';\r\nimport { GuardianPageComponent } from './pages/guardian-page/guardian-page.component';\r\nimport { LayoutModule } from './modules/layouts/layout.module';\r\n\r\nimport { LottosTermsPageComponent } from './pages/lottos-terms-page/lottos-terms-page.component';\r\nimport { MarketplaceTermsPageComponent } from './pages/marketplace-terms-page/marketplace-terms-page.component';\r\nimport { WorksheetPageComponent } from './pages/worksheet-page/worksheet-page.component';\r\nimport { FantasyLeaderboardPageComponent } from './pages/fantasy-leaderboard-page/fantasy-leaderboard-page.component';\r\nimport { SubscriptionsPageComponent } from './pages/subscriptions-page/subscriptions-page.component';\r\nimport { CartCheckoutPagePortalProductsComponent } from './pages/cart-checkout-page-portal-products/cart-checkout-page-portal-products.component';\r\nimport { CartCheckoutPageComponent } from './pages/cart-checkout-page/cart-checkout-page.component';\r\nimport { CartCheckoutResultsPageComponent } from './pages/cart-checkout-page/cart-checkout-results-page/cart-checkout-results-page.component';\r\nimport { CartCheckoutSuccessPageComponent } from './pages/cart-checkout-page/cart-checkout-success-page/cart-checkout-success-page.component';\r\nimport { ScorePredictorPageComponent } from './pages/score-predictor-page/score-predictor-page.component';\r\nimport { ProductsPageComponent } from './pages/products-page/products-page.component';\r\nimport { PaymentPageComponent } from './pages/payment-page/payment-page.component';\r\nimport { BadgesPageComponent } from './pages/badges-page/badges-page.component';\r\nimport { CardLinkModule } from '@fgb/portal-component-library/src/lib/cardlinking';\r\nimport { SharedSearchBarModule } from '@fgb/portal-component-library/src/lib/shared/shared-search-bar';\r\nimport { AnnouncementsModule } from '@fgb/portal-component-library/src/lib/club/announcements';\r\nimport { CountdownModule } from '@fgb/portal-component-library/src/lib/shared/countdown';\r\nimport { OfferSearchBarModule } from '@fgb/portal-component-library/src/lib/club/offer-search-bar';\r\nimport { CartItemModule } from '@fgb/portal-component-library/src/lib/loyalty/cart-item';\r\nimport { ClubSelectorModule } from '@fgb/portal-component-library/src/lib/user/club-selector';\r\nimport { EditQuestionsModule } from '@fgb/portal-component-library/src/lib/user/edit-questions';\r\nimport { CampaignDetailsPageComponent } from './pages/campaign-details-page/campaign-details-page.component';\r\nimport { RegistrationLayoutPageComponent } from './modules/registration/pages/registration-layout-page/registration-layout-page.component';\r\nimport { WalletClaimedPageComponent } from './pages/wallet-claimed-page/wallet-claimed-page.component';\r\nimport { NotificationModule } from '@fgb/portal-component-library/src/lib/club/notification';\r\nimport { WelcomeComponent } from './modules/club/components/welcome/welcome.component';\r\nimport { ServiceWorkerModule } from '@angular/service-worker';\r\nimport { WalletModule } from '@fgb/portal-component-library/src/lib/loyalty/wallet';\r\nimport { MarketplaceWalletPageComponent } from './pages/marketplace-wallet-page/marketplace-wallet-page.component';\r\nimport { AddPaymentCardDetailModule } from '@fgb/portal-component-library/src/lib/loyalty/add-payment-card-detail';\r\nimport { ScorecardModule } from '@fgb/portal-component-library/src/lib/loyalty/scorecards';\r\nimport { AuctionWalletDetailsPageComponent } from './pages/auction-wallet-details-page/auction-wallet-details-page.component';\r\nimport { RouterModule } from '@angular/router';\r\nimport { FilterModalModule } from './pages/rewards-page/filter-modal';\r\nimport {\r\n ContactsManagementModule,\r\n GameBannerModule,\r\n GamesListWithTicketsModule,\r\n SelectedTicketsCountModule,\r\n SelectedTicketsTableModule,\r\n TicketInviteModule,\r\n TicketListItemModule,\r\n TicketListModule,\r\n TicketTransferGamePanelModule,\r\n TicketTransferWindowStatusModule,\r\n TransferFormModule,\r\n} from '@fgb/portal-component-library/src/lib/tickettransfer';\r\nimport { MixedLoyaltyListModule } from '@fgb/portal-component-library/src/lib/loyalty/mixed-loyalty';\r\nimport { CampaignsOffersListModule } from '@fgb/portal-component-library/src/lib/loyalty/campaigns-offers';\r\nimport { ChallengesPageComponent } from './pages/challenges-page/challenges-page.component';\r\nimport { ActivateAccountPageComponent } from './pages/activate-account-page/activate-account-page.component';\r\nimport { EditLoginDetailsComponent } from './modules/user/components/edit-login-details/edit-login-details.component';\r\n\r\nconst tmSSOAuthConfig: tmOAuthConfig = {\r\n clientId: '0d1bc7bb2005.fortress.tbjrc-tbjrc.us',\r\n club: 'tbjrc',\r\n clientSecret: '1fa5a94b2eeddec0a6088a0068fdc308ea965f475f0a49bcc32c2ee06179ce19',\r\n tokenUri: 'https://auth.ticketmaster.com/api/oauth/token',\r\n loginUri: 'https://am.ticketmaster.com/tbjrc/sso',\r\n authoriseUri: 'https://auth.ticketmaster.com/as/authorization.oauth2',\r\n};\r\n\r\nconst tmLoginAuthConfig: tmAuthConfig = {\r\n clientId: '0d1bc7bb2005.fortress.tbjrc-tbjrc.us',\r\n authUri: 'https://auth.ticketmaster.com/archtics/sign-in',\r\n loginUri: 'https://am.ticketmaster.com/tbjrc/sso',\r\n visualPresents: 'tbjrc',\r\n};\r\n\r\n@NgModule({\r\n declarations: [\r\n // General Pages\r\n AppComponent,\r\n MasterPageComponent,\r\n HomePageComponent,\r\n LoginPageComponent,\r\n ActivateAccountPageComponent,\r\n LoginAccountsPageComponent,\r\n MaintenancePageComponent,\r\n TermsPageComponent,\r\n FaqPageComponent,\r\n ContactUsPageComponent,\r\n NotFoundPageComponent,\r\n // Loyalty Pages\r\n RewardsLayoutComponent,\r\n RewardsPageComponent,\r\n AuctionsPageComponent,\r\n LottosPageComponent,\r\n MarketplacePageComponent,\r\n EventsPageComponent,\r\n WalletPageComponent,\r\n AuctionDetailPageComponent,\r\n LottoDetailPageComponent,\r\n MarketplaceDetailPageComponent,\r\n LottosSuccessPageComponent,\r\n MarketplacePurchaseSuccessPageComponent,\r\n LottoWalletDetailsPageComponent,\r\n AuctionWalletDetailsPageComponent,\r\n ChallengesPageComponent,\r\n // Polls, Surveys & Trivia Pages (Games)\r\n GamesLayoutComponent,\r\n GamesPageComponent,\r\n PollsPageComponent,\r\n FantasyGamesPageComponent,\r\n FantasyPlayerSelectPageComponent,\r\n PredictorPageComponent,\r\n // Account Pages\r\n AccountDetailsPageComponent,\r\n ActivityPageComponent,\r\n // Ecash Pages\r\n EcashPageComponent,\r\n EcashResultPageComponent,\r\n EcashSuccessPageComponent,\r\n EcashFailurePageComponent,\r\n EcashHistoryPageComponent,\r\n PaymentPageComponent,\r\n PortalProductResultsPageComponent,\r\n PortalProductSuccessPageComponent,\r\n PortalProductFailurePageComponent,\r\n // Guardians Pages\r\n GuardianPageComponent,\r\n // External Cash Transfers\r\n CardPageComponent,\r\n // Club Pages\r\n EarnPageComponent,\r\n BenefitsPageComponent,\r\n QuizPageComponent,\r\n LottosTermsPageComponent,\r\n MarketplaceTermsPageComponent,\r\n WorksheetPageComponent,\r\n FantasyLeaderboardPageComponent,\r\n SubscriptionsPageComponent,\r\n CartCheckoutPagePortalProductsComponent,\r\n CartCheckoutPageComponent,\r\n CartCheckoutSuccessPageComponent,\r\n CartCheckoutResultsPageComponent,\r\n ScorePredictorPageComponent,\r\n ProductsPageComponent,\r\n BadgesPageComponent,\r\n CampaignDetailsPageComponent,\r\n WelcomeComponent,\r\n // Registration\r\n RegistrationLayoutPageComponent,\r\n WalletClaimedPageComponent,\r\n MarketplaceWalletPageComponent,\r\n SavingsPageComponent\r\n ],\r\n imports: [\r\n // External Modules\r\n RouterModule,\r\n CarouselModule,\r\n AppRoutingModule,\r\n FormsModule,\r\n NgbModule,\r\n BrowserModule,\r\n HttpClientModule,\r\n ReactiveFormsModule,\r\n InlineSVGModule.forRoot(),\r\n QRCodeModule,\r\n BrowserAnimationsModule,\r\n EarnPointsModule,\r\n FaqSectionModule,\r\n TermsAndConditionsModule,\r\n AuctionDetailsModule,\r\n AuctionPanelModule,\r\n AuctionListModule,\r\n LottoDetailsModule,\r\n LottosListModule,\r\n LottosListItemModule,\r\n ScorecardModule,\r\n BadgeListItemModule,\r\n BadgeOverviewListModule,\r\n BadgeFeaturedListModule,\r\n MarketplaceDetailsModule,\r\n ShortLongDescriptionModule,\r\n MarketplaceListModule,\r\n MarketplaceListItemModule,\r\n MixedLoyaltyListModule,\r\n LoadingModule,\r\n CountryAndRegionsModule,\r\n EcashDescriptionModule,\r\n CardTokenListModule,\r\n TicketTransferWindowStatusModule,\r\n GamesListWithTicketsModule,\r\n TicketTransferGamePanelModule,\r\n CountdownModule,\r\n ContactsManagementModule,\r\n GameBannerModule,\r\n TicketListModule,\r\n TicketListItemModule,\r\n SelectedTicketsCountModule,\r\n SelectedTicketsTableModule,\r\n TransferFormModule,\r\n ErrorsModule,\r\n EditQuestionsModule,\r\n FeaturedRewardsModule,\r\n AddressBookModule,\r\n WalletModule,\r\n NotificationModule,\r\n ContactUsModule,\r\n CampaignsOffersListModule,\r\n AddPaymentCardDetailModule,\r\n FilterModalModule,\r\n EditLoginDetailsComponent,\r\n ToastrModule.forRoot({\r\n maxOpened: 5,\r\n }),\r\n JwtModule.forRoot({\r\n config: {\r\n allowedDomains: ['http://localhost/portal2/api'],\r\n tokenGetter: jwtTokenGetter,\r\n },\r\n }),\r\n TranslateModule.forRoot({\r\n missingTranslationHandler: {\r\n provide: MissingTranslationHandler,\r\n useClass: FGBMissingTranslationHandler,\r\n },\r\n }),\r\n // Feature Modules\r\n LayoutModule,\r\n GuardianModule,\r\n PurchaseModule,\r\n EventsModule,\r\n ClubModule,\r\n EcashModule,\r\n PurchaseModule,\r\n VouchersModule,\r\n UserModule,\r\n SharedModule,\r\n FantasyModule,\r\n LoyaltyModule,\r\n BenefitModule,\r\n DirectivesModule,\r\n CardLinkModule,\r\n AnnouncementsModule,\r\n OfferSearchBarModule,\r\n SharedSearchBarModule,\r\n CartItemModule,\r\n TicketInviteModule,\r\n ClubSelectorModule,\r\n ServiceWorkerModule.register('fgb-service-worker.js', {\r\n enabled: environment.production,\r\n // Register the ServiceWorker as soon as the app is stable\r\n // or after 30 seconds (whichever comes first).\r\n registrationStrategy: 'registerWhenStable:30000',\r\n }),\r\n ],\r\n providers: [\r\n provideAppConfig({\r\n dateOptions: {\r\n LongDateFormat: 'MMM D, yyyy h:mma',\r\n },\r\n }),\r\n provideTMAuth({\r\n ssoAuth: tmSSOAuthConfig,\r\n loginAuth: tmLoginAuthConfig,\r\n }),\r\n PopulationGuard,\r\n ProductCodeGuard,\r\n { provide: NgbDateParserFormatter, useClass: MomentDateFormatter },\r\n ],\r\n bootstrap: [AppComponent],\r\n})\r\nexport class AppModule {}\r\n","export const environment = {\r\n production: true\r\n};\r\n","import { enableProdMode } from '@angular/core';\r\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\r\n\r\nimport { AppModule } from './app/app.module';\r\nimport { environment } from './environments/environment';\r\nimport { enableAkitaProdMode } from '@datorama/akita';\r\n\r\nif (environment.production) {\r\n enableProdMode();\r\n enableAkitaProdMode();\r\n}\r\n\r\nplatformBrowserDynamic().bootstrapModule(AppModule)\r\n .catch(err => console.error(err));\r\n","export const currentAction = {\n type: null,\n entityIds: null,\n skip: false,\n payload: null\n};\nlet customActionActive = false;\nexport function resetCustomAction() {\n customActionActive = false;\n}\n// public API for custom actions. Custom action always wins\nexport function logAction(type, entityIds, payload) {\n setAction(type, entityIds, payload);\n customActionActive = true;\n}\nexport function setAction(type, entityIds, payload) {\n if (customActionActive === false) {\n currentAction.type = type;\n currentAction.entityIds = entityIds;\n currentAction.payload = payload;\n }\n}\nexport function setSkipAction(skip = true) {\n currentAction.skip = skip;\n}\nexport function action(action, entityIds) {\n return function (target, propertyKey, descriptor) {\n const originalMethod = descriptor.value;\n descriptor.value = function (...args) {\n logAction(action, entityIds);\n return originalMethod.apply(this, args);\n };\n return descriptor;\n };\n}\n","// @internal\nexport function isNil(v) {\n return v === null || v === undefined;\n}\n","import { isNil } from './isNil';\n// @internal\nexport function coerceArray(value) {\n if (isNil(value)) {\n return [];\n }\n return Array.isArray(value) ? value : [value];\n}\n","export const DEFAULT_ID_KEY = 'id';\n","// @internal\nexport function isFunction(value) {\n return typeof value === 'function';\n}\n","// @internal\nexport function isObject(value) {\n const type = typeof value;\n return value != null && (type == 'object' || type == 'function');\n}\n","import { coerceArray } from './coerceArray';\nimport { DEFAULT_ID_KEY } from './defaultIDKey';\nimport { isFunction } from './isFunction';\nimport { isObject } from './isObject';\n/**\n * Update item in a collection\n *\n * @example\n *\n *\n * store.update(1, entity => ({\n * comments: arrayUpdate(entity.comments, 1, { name: 'newComment' })\n * }))\n */\nexport function arrayUpdate(arr, predicateOrIds, obj, idKey = DEFAULT_ID_KEY) {\n let condition;\n if (isFunction(predicateOrIds)) {\n condition = predicateOrIds;\n }\n else {\n const ids = coerceArray(predicateOrIds);\n condition = (item) => ids.includes(isObject(item) ? item[idKey] : item) === true;\n }\n const updateFn = (state) => state.map((entity, index) => {\n if (condition(entity, index) === true) {\n return isObject(entity)\n ? {\n ...entity,\n ...obj,\n }\n : obj;\n }\n return entity;\n });\n return updateFn(arr);\n}\n","import { EMPTY, of } from 'rxjs';\n/**\n *\n * Helper function for checking if we have data in cache\n *\n * export class ProductsService {\n * constructor(private productsStore: ProductsStore) {}\n\n * get(): Observable\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'campaign.offers.subheading' | translate }}
\\r\\n \\r\\n {{ 'wallet.show.all' | translate }}\\r\\n arrow_forward_ios\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n http://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.10\", ngImport: i0, type: LocationStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }\n static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: \"12.0.0\", version: \"17.3.10\", ngImport: i0, type: LocationStrategy, providedIn: 'root', useFactory: () => inject(PathLocationStrategy) }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.10\", ngImport: i0, type: LocationStrategy, decorators: [{\n type: Injectable,\n args: [{ providedIn: 'root', useFactory: () => inject(PathLocationStrategy) }]\n }] });\n/**\n * A predefined [DI token](guide/glossary#di-token) for the base href\n * to be used with the `PathLocationStrategy`.\n * The base href is the URL prefix that should be preserved when generating\n * and recognizing URLs.\n *\n * @usageNotes\n *\n * The following example shows how to use this token to configure the root app injector\n * with a base href value, so that the DI framework can supply the dependency anywhere in the app.\n *\n * ```typescript\n * import {NgModule} from '@angular/core';\n * import {APP_BASE_HREF} from '@angular/common';\n *\n * @NgModule({\n * providers: [{provide: APP_BASE_HREF, useValue: '/my/app'}]\n * })\n * class AppModule {}\n * ```\n *\n * @publicApi\n */\nconst APP_BASE_HREF = new InjectionToken(ngDevMode ? 'appBaseHref' : '');\n/**\n * @description\n * A {@link LocationStrategy} used to configure the {@link Location} service to\n * represent its state in the\n * [path](https://en.wikipedia.org/wiki/Uniform_Resource_Locator#Syntax) of the\n * browser's URL.\n *\n * If you're using `PathLocationStrategy`, you may provide a {@link APP_BASE_HREF}\n * or add a `Content to render when condition is true.
\n * ```\n *\n * Simple form with expanded syntax:\n *\n * ```\n * Content to render when condition is\n * true.
Content to render when condition is true.
\n * {{value}}
\n * \n * ...\n *
\n *\n * Loading...
\n * \n * ...\n *
\n * Loading...
\n * \n *
`\n * })\n * // Get the current date and time as a date-time value.\n * export class DatePipeComponent {\n * today: number = Date.now();\n * }\n * ```\n *\n * @publicApi\n */\n// clang-format on\nclass DatePipe {\n constructor(locale, defaultTimezone, defaultOptions) {\n this.locale = locale;\n this.defaultTimezone = defaultTimezone;\n this.defaultOptions = defaultOptions;\n }\n transform(value, format, timezone, locale) {\n if (value == null || value === '' || value !== value)\n return null;\n try {\n const _format = format ?? this.defaultOptions?.dateFormat ?? DEFAULT_DATE_FORMAT;\n const _timezone = timezone ?? this.defaultOptions?.timezone ?? this.defaultTimezone ?? undefined;\n return formatDate(value, _format, locale || this.locale, _timezone);\n }\n catch (error) {\n throw invalidPipeArgumentError(DatePipe, error.message);\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.3.10\", ngImport: i0, type: DatePipe, deps: [{ token: LOCALE_ID }, { token: DATE_PIPE_DEFAULT_TIMEZONE, optional: true }, { token: DATE_PIPE_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.3.10\", ngImport: i0, type: DatePipe, isStandalone: true, name: \"date\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.10\", ngImport: i0, type: DatePipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'date',\n standalone: true,\n }]\n }], ctorParameters: () => [{ type: undefined, decorators: [{\n type: Inject,\n args: [LOCALE_ID]\n }] }, { type: undefined, decorators: [{\n type: Inject,\n args: [DATE_PIPE_DEFAULT_TIMEZONE]\n }, {\n type: Optional\n }] }, { type: undefined, decorators: [{\n type: Inject,\n args: [DATE_PIPE_DEFAULT_OPTIONS]\n }, {\n type: Optional\n }] }] });\n\nconst _INTERPOLATION_REGEXP = /#/g;\n/**\n * @ngModule CommonModule\n * @description\n *\n * Maps a value to a string that pluralizes the value according to locale rules.\n *\n * @usageNotes\n *\n * ### Example\n *\n * {@example common/pipes/ts/i18n_pipe.ts region='I18nPluralPipeComponent'}\n *\n * @publicApi\n */\nclass I18nPluralPipe {\n constructor(_localization) {\n this._localization = _localization;\n }\n /**\n * @param value the number to be formatted\n * @param pluralMap an object that mimics the ICU format, see\n * https://unicode-org.github.io/icu/userguide/format_parse/messages/.\n * @param locale a `string` defining the locale to use (uses the current {@link LOCALE_ID} by\n * default).\n */\n transform(value, pluralMap, locale) {\n if (value == null)\n return '';\n if (typeof pluralMap !== 'object' || pluralMap === null) {\n throw invalidPipeArgumentError(I18nPluralPipe, pluralMap);\n }\n const key = getPluralCategory(value, Object.keys(pluralMap), this._localization, locale);\n return pluralMap[key].replace(_INTERPOLATION_REGEXP, value.toString());\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.3.10\", ngImport: i0, type: I18nPluralPipe, deps: [{ token: NgLocalization }], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.3.10\", ngImport: i0, type: I18nPluralPipe, isStandalone: true, name: \"i18nPlural\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.10\", ngImport: i0, type: I18nPluralPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'i18nPlural',\n standalone: true,\n }]\n }], ctorParameters: () => [{ type: NgLocalization }] });\n\n/**\n * @ngModule CommonModule\n * @description\n *\n * Generic selector that displays the string that matches the current value.\n *\n * If none of the keys of the `mapping` match the `value`, then the content\n * of the `other` key is returned when present, otherwise an empty string is returned.\n *\n * @usageNotes\n *\n * ### Example\n *\n * {@example common/pipes/ts/i18n_pipe.ts region='I18nSelectPipeComponent'}\n *\n * @publicApi\n */\nclass I18nSelectPipe {\n /**\n * @param value a string to be internationalized.\n * @param mapping an object that indicates the text that should be displayed\n * for different values of the provided `value`.\n */\n transform(value, mapping) {\n if (value == null)\n return '';\n if (typeof mapping !== 'object' || typeof value !== 'string') {\n throw invalidPipeArgumentError(I18nSelectPipe, mapping);\n }\n if (mapping.hasOwnProperty(value)) {\n return mapping[value];\n }\n if (mapping.hasOwnProperty('other')) {\n return mapping['other'];\n }\n return '';\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.3.10\", ngImport: i0, type: I18nSelectPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.3.10\", ngImport: i0, type: I18nSelectPipe, isStandalone: true, name: \"i18nSelect\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.10\", ngImport: i0, type: I18nSelectPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'i18nSelect',\n standalone: true,\n }]\n }] });\n\n/**\n * @ngModule CommonModule\n * @description\n *\n * Converts a value into its JSON-format representation. Useful for debugging.\n *\n * @usageNotes\n *\n * The following component uses a JSON pipe to convert an object\n * to JSON format, and displays the string in both formats for comparison.\n *\n * {@example common/pipes/ts/json_pipe.ts region='JsonPipe'}\n *\n * @publicApi\n */\nclass JsonPipe {\n /**\n * @param value A value of any type to convert into a JSON-format string.\n */\n transform(value) {\n return JSON.stringify(value, null, 2);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.3.10\", ngImport: i0, type: JsonPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.3.10\", ngImport: i0, type: JsonPipe, isStandalone: true, name: \"json\", pure: false }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.10\", ngImport: i0, type: JsonPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'json',\n pure: false,\n standalone: true,\n }]\n }] });\n\nfunction makeKeyValuePair(key, value) {\n return { key: key, value: value };\n}\n/**\n * @ngModule CommonModule\n * @description\n *\n * Transforms Object or Map into an array of key value pairs.\n *\n * The output array will be ordered by keys.\n * By default the comparator will be by Unicode point value.\n * You can optionally pass a compareFn if your keys are complex types.\n *\n * @usageNotes\n * ### Examples\n *\n * This examples show how an Object or a Map can be iterated by ngFor with the use of this\n * keyvalue pipe.\n *\n * {@example common/pipes/ts/keyvalue_pipe.ts region='KeyValuePipe'}\n *\n * @publicApi\n */\nclass KeyValuePipe {\n constructor(differs) {\n this.differs = differs;\n this.keyValues = [];\n this.compareFn = defaultComparator;\n }\n transform(input, compareFn = defaultComparator) {\n if (!input || (!(input instanceof Map) && typeof input !== 'object')) {\n return null;\n }\n // make a differ for whatever type we've been passed in\n this.differ ??= this.differs.find(input).create();\n const differChanges = this.differ.diff(input);\n const compareFnChanged = compareFn !== this.compareFn;\n if (differChanges) {\n this.keyValues = [];\n differChanges.forEachItem((r) => {\n this.keyValues.push(makeKeyValuePair(r.key, r.currentValue));\n });\n }\n if (differChanges || compareFnChanged) {\n this.keyValues.sort(compareFn);\n this.compareFn = compareFn;\n }\n return this.keyValues;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.3.10\", ngImport: i0, type: KeyValuePipe, deps: [{ token: i0.KeyValueDiffers }], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.3.10\", ngImport: i0, type: KeyValuePipe, isStandalone: true, name: \"keyvalue\", pure: false }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.10\", ngImport: i0, type: KeyValuePipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'keyvalue',\n pure: false,\n standalone: true,\n }]\n }], ctorParameters: () => [{ type: i0.KeyValueDiffers }] });\nfunction defaultComparator(keyValueA, keyValueB) {\n const a = keyValueA.key;\n const b = keyValueB.key;\n // if same exit with 0;\n if (a === b)\n return 0;\n // make sure that undefined are at the end of the sort.\n if (a === undefined)\n return 1;\n if (b === undefined)\n return -1;\n // make sure that nulls are at the end of the sort.\n if (a === null)\n return 1;\n if (b === null)\n return -1;\n if (typeof a == 'string' && typeof b == 'string') {\n return a < b ? -1 : 1;\n }\n if (typeof a == 'number' && typeof b == 'number') {\n return a - b;\n }\n if (typeof a == 'boolean' && typeof b == 'boolean') {\n return a < b ? -1 : 1;\n }\n // `a` and `b` are of different types. Compare their string values.\n const aString = String(a);\n const bString = String(b);\n return aString == bString ? 0 : aString < bString ? -1 : 1;\n}\n\n/**\n * @ngModule CommonModule\n * @description\n *\n * Formats a value according to digit options and locale rules.\n * Locale determines group sizing and separator,\n * decimal point character, and other locale-specific configurations.\n *\n * @see {@link formatNumber}\n *\n * @usageNotes\n *\n * ### digitsInfo\n *\n * The value's decimal representation is specified by the `digitsInfo`\n * parameter, written in the following format:Today is {{today | date}}
\n *Or if you prefer, {{today | date:'fullDate'}}
\n *The time is {{today | date:'h:mm a z'}}
\n *\n *\n * ```\n * {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}\n * ```\n *\n * - `minIntegerDigits`:\n * The minimum number of integer digits before the decimal point.\n * Default is 1.\n *\n * - `minFractionDigits`:\n * The minimum number of digits after the decimal point.\n * Default is 0.\n *\n * - `maxFractionDigits`:\n * The maximum number of digits after the decimal point.\n * Default is 3.\n *\n * If the formatted value is truncated it will be rounded using the \"to-nearest\" method:\n *\n * ```\n * {{3.6 | number: '1.0-0'}}\n * \n *\n * {{-3.6 | number:'1.0-0'}}\n * \n * ```\n *\n * ### locale\n *\n * `locale` will format a value according to locale rules.\n * Locale determines group sizing and separator,\n * decimal point character, and other locale-specific configurations.\n *\n * When not supplied, uses the value of `LOCALE_ID`, which is `en-US` by default.\n *\n * See [Setting your app locale](guide/i18n-common-locale-id).\n *\n * ### Example\n *\n * The following code shows how the pipe transforms values\n * according to various format specifications,\n * where the caller's default locale is `en-US`.\n *\n *
\n *
{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}.\n * - `minIntegerDigits`: The minimum number of integer digits before the decimal point.\n * Default is `1`.\n * - `minFractionDigits`: The minimum number of digits after the decimal point.\n * Default is `0`.\n * - `maxFractionDigits`: The maximum number of digits after the decimal point.\n * Default is `0`.\n * @param locale A locale code for the locale format rules to use.\n * When not supplied, uses the value of `LOCALE_ID`, which is `en-US` by default.\n * See [Setting your app locale](guide/i18n-common-locale-id).\n */\n transform(value, digitsInfo, locale) {\n if (!isValue(value))\n return null;\n locale ||= this._locale;\n try {\n const num = strToNumber(value);\n return formatPercent(num, locale, digitsInfo);\n }\n catch (error) {\n throw invalidPipeArgumentError(PercentPipe, error.message);\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.3.10\", ngImport: i0, type: PercentPipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.3.10\", ngImport: i0, type: PercentPipe, isStandalone: true, name: \"percent\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.10\", ngImport: i0, type: PercentPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'percent',\n standalone: true,\n }]\n }], ctorParameters: () => [{ type: undefined, decorators: [{\n type: Inject,\n args: [LOCALE_ID]\n }] }] });\n/**\n * @ngModule CommonModule\n * @description\n *\n * Transforms a number to a currency string, formatted according to locale rules\n * that determine group sizing and separator, decimal-point character,\n * and other locale-specific configurations.\n *\n *\n * @see {@link getCurrencySymbol}\n * @see {@link formatCurrency}\n *\n * @usageNotes\n * The following code shows how the pipe transforms numbers\n * into text strings, according to various format specifications,\n * where the caller's default locale is `en-US`.\n *\n * \n *
{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}.\n * - `minIntegerDigits`: The minimum number of integer digits before the decimal point.\n * Default is `1`.\n * - `minFractionDigits`: The minimum number of digits after the decimal point.\n * Default is `2`.\n * - `maxFractionDigits`: The maximum number of digits after the decimal point.\n * Default is `2`.\n * If not provided, the number will be formatted with the proper amount of digits,\n * depending on what the [ISO 4217](https://en.wikipedia.org/wiki/ISO_4217) specifies.\n * For example, the Canadian dollar has 2 digits, whereas the Chilean peso has none.\n * @param locale A locale code for the locale format rules to use.\n * When not supplied, uses the value of `LOCALE_ID`, which is `en-US` by default.\n * See [Setting your app locale](guide/i18n-common-locale-id).\n */\n transform(value, currencyCode = this._defaultCurrencyCode, display = 'symbol', digitsInfo, locale) {\n if (!isValue(value))\n return null;\n locale ||= this._locale;\n if (typeof display === 'boolean') {\n if ((typeof ngDevMode === 'undefined' || ngDevMode) && console && console.warn) {\n console.warn(`Warning: the currency pipe has been changed in Angular v5. The symbolDisplay option (third parameter) is now a string instead of a boolean. The accepted values are \"code\", \"symbol\" or \"symbol-narrow\".`);\n }\n display = display ? 'symbol' : 'code';\n }\n let currency = currencyCode || this._defaultCurrencyCode;\n if (display !== 'code') {\n if (display === 'symbol' || display === 'symbol-narrow') {\n currency = getCurrencySymbol(currency, display === 'symbol' ? 'wide' : 'narrow', locale);\n }\n else {\n currency = display;\n }\n }\n try {\n const num = strToNumber(value);\n return formatCurrency(num, locale, currency, currencyCode, digitsInfo);\n }\n catch (error) {\n throw invalidPipeArgumentError(CurrencyPipe, error.message);\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.3.10\", ngImport: i0, type: CurrencyPipe, deps: [{ token: LOCALE_ID }, { token: DEFAULT_CURRENCY_CODE }], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.3.10\", ngImport: i0, type: CurrencyPipe, isStandalone: true, name: \"currency\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.10\", ngImport: i0, type: CurrencyPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'currency',\n standalone: true,\n }]\n }], ctorParameters: () => [{ type: undefined, decorators: [{\n type: Inject,\n args: [LOCALE_ID]\n }] }, { type: undefined, decorators: [{\n type: Inject,\n args: [DEFAULT_CURRENCY_CODE]\n }] }] });\nfunction isValue(value) {\n return !(value == null || value === '' || value !== value);\n}\n/**\n * Transforms a string into a number (if needed).\n */\nfunction strToNumber(value) {\n // Convert strings to numbers\n if (typeof value === 'string' && !isNaN(Number(value) - parseFloat(value))) {\n return Number(value);\n }\n if (typeof value !== 'number') {\n throw new Error(`${value} is not a number`);\n }\n return value;\n}\n\n/**\n * @ngModule CommonModule\n * @description\n *\n * Creates a new `Array` or `String` containing a subset (slice) of the elements.\n *\n * @usageNotes\n *\n * All behavior is based on the expected behavior of the JavaScript API `Array.prototype.slice()`\n * and `String.prototype.slice()`.\n *\n * When operating on an `Array`, the returned `Array` is always a copy even when all\n * the elements are being returned.\n *\n * When operating on a blank value, the pipe returns the blank value.\n *\n * ### List Example\n *\n * This `ngFor` example:\n *\n * {@example common/pipes/ts/slice_pipe.ts region='SlicePipe_list'}\n *\n * produces the following:\n *\n * ```html\n *