\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\nclass HideMobileFooterDirective {\n constructor() { }\n ngOnInit() {\n this.isHideFooter(true);\n }\n isHideFooter(value) {\n let footer = document.querySelector('fgb-footer');\n if (value) {\n footer?.classList.add('d-none');\n }\n else {\n footer?.classList.remove('d-none');\n }\n }\n ngOnDestroy() {\n this.isHideFooter(false);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: HideMobileFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }\n static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"17.2.1\", type: HideMobileFooterDirective, isStandalone: true, selector: \"[hideMobileFooter]\", ngImport: i0 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: HideMobileFooterDirective, decorators: [{\n type: Directive,\n args: [{\n selector: '[hideMobileFooter]',\n standalone: true,\n }]\n }], ctorParameters: () => [] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { AttributeTransValueDirective, ConfirmModalTermsDirective, CustomOwlCarousel, DataSourceDirective, DirectivesModule, HideMobileFooterDirective, HideMobileNav, IfItemEnabled, IfScreenSizeDirective, ImgBackgroundGrabberDirective, ImgDefaultDirective, MoreDropdownElement, NavBarElement, NavItemElement, NavbarDirectivesModule, NgSubscribeContext, NgSubscribeDirective, ScreenType, WebsiteContentFeatureFlagDirective, createDataSource, loadDataSource };\n","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 PremiumDigitalMember = ['PremiumDigitalMember'];\r\n public static QAMember1 = ['QAMember1'];\r\n public static FourteenDigitalMember = ['14DigitalMember'];\r\n\r\n public static DigitalMemberProductCodes = ['14DigitalMember', 'PremiumDigitalMember'] \r\n}\r\n","\\r\\n {{ 'webpush.ios.instruction.share' | translate : { fgbdefault: 'Tap the share button' } }} {{ 'webpush.ios.instruction.add.to.home' | translate: { fgbdefault: 'then click \\\"Add To Home Screen\\\"' } }}\\r\\n
\\r\\n {{ 'webpush.ios.instruction.add.to.home' | translate: { fgbdefault: 'then click \\\"Add To Home Screen\\\"' } }}\\r\\n {{ 'webpush.notification.information' | translate: { fgbdefault: 'Manage webpush subscription. Subscribe to receive notification.' } }}
\\r\\n \\r\\n{{ 'webpush.notification.disabled' | translate: { fgbdefault: 'Your device or browser currently does not support webpush.' } }}
\\r\\n{{ unseenNotificationCount$ | async }}
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n close\r\n \r\n
\r\n \r\n {{ 'navbar.notifications.title' | translate: { fgbdefault: 'Notifications' } }}\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n","\r\n
\r\n\r\n ![\"\"](\"assets/images/logo.svg\")
\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n\r\n \r\n \r\n ![\"\"](\"assets/images/nav-logo.svg\")
\r\n \r\n\r\n \r\n account_balance_wallet\r\n \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 \r\n account_balance_wallet\r\n \r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n cancel\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n {{ info.memberDetails.FirstName }} {{ info.memberDetails.Surname }}
\r\n{{ info.memberDetails.ExternalRefNumber }} - {{ info.memberCard.ProductCode }}
\r\n \r\n
\r\n
\r\n {{ info.ecash | FortressCurrencyPipe: '$' }}
\r\n {{ 'member.ecash.title' | translate }}
\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","// canvas-confetti v1.9.2 built on 2023-11-25T06:01:06.267Z\nvar module = {};\n\n// source content\n/* globals Map */\n\n(function main(global, module, isWorker, workerSize) {\n var canUseWorker = !!(\n global.Worker &&\n global.Blob &&\n global.Promise &&\n global.OffscreenCanvas &&\n global.OffscreenCanvasRenderingContext2D &&\n global.HTMLCanvasElement &&\n global.HTMLCanvasElement.prototype.transferControlToOffscreen &&\n global.URL &&\n global.URL.createObjectURL);\n\n var canUsePaths = typeof Path2D === 'function' && typeof DOMMatrix === 'function';\n var canDrawBitmap = (function () {\n // this mostly supports ssr\n if (!global.OffscreenCanvas) {\n return false;\n }\n\n var canvas = new OffscreenCanvas(1, 1);\n var ctx = canvas.getContext('2d');\n ctx.fillRect(0, 0, 1, 1);\n var bitmap = canvas.transferToImageBitmap();\n\n try {\n ctx.createPattern(bitmap, 'no-repeat');\n } catch (e) {\n return false;\n }\n\n return true;\n })();\n\n function noop() {}\n\n // create a promise if it exists, otherwise, just\n // call the function directly\n function promise(func) {\n var ModulePromise = module.exports.Promise;\n var Prom = ModulePromise !== void 0 ? ModulePromise : global.Promise;\n\n if (typeof Prom === 'function') {\n return new Prom(func);\n }\n\n func(noop, noop);\n\n return null;\n }\n\n var bitmapMapper = (function (skipTransform, map) {\n // see https://github.com/catdad/canvas-confetti/issues/209\n // creating canvases is actually pretty expensive, so we should create a\n // 1:1 map for bitmap:canvas, so that we can animate the confetti in\n // a performant manner, but also not store them forever so that we don't\n // have a memory leak\n return {\n transform: function(bitmap) {\n if (skipTransform) {\n return bitmap;\n }\n\n if (map.has(bitmap)) {\n return map.get(bitmap);\n }\n\n var canvas = new OffscreenCanvas(bitmap.width, bitmap.height);\n var ctx = canvas.getContext('2d');\n ctx.drawImage(bitmap, 0, 0);\n\n map.set(bitmap, canvas);\n\n return canvas;\n },\n clear: function () {\n map.clear();\n }\n };\n })(canDrawBitmap, new Map());\n\n var raf = (function () {\n var TIME = Math.floor(1000 / 60);\n var frame, cancel;\n var frames = {};\n var lastFrameTime = 0;\n\n if (typeof requestAnimationFrame === 'function' && typeof cancelAnimationFrame === 'function') {\n frame = function (cb) {\n var id = Math.random();\n\n frames[id] = requestAnimationFrame(function onFrame(time) {\n if (lastFrameTime === time || lastFrameTime + TIME - 1 < time) {\n lastFrameTime = time;\n delete frames[id];\n\n cb();\n } else {\n frames[id] = requestAnimationFrame(onFrame);\n }\n });\n\n return id;\n };\n cancel = function (id) {\n if (frames[id]) {\n cancelAnimationFrame(frames[id]);\n }\n };\n } else {\n frame = function (cb) {\n return setTimeout(cb, TIME);\n };\n cancel = function (timer) {\n return clearTimeout(timer);\n };\n }\n\n return { frame: frame, cancel: cancel };\n }());\n\n var getWorker = (function () {\n var worker;\n var prom;\n var resolves = {};\n\n function decorate(worker) {\n function execute(options, callback) {\n worker.postMessage({ options: options || {}, callback: callback });\n }\n worker.init = function initWorker(canvas) {\n var offscreen = canvas.transferControlToOffscreen();\n worker.postMessage({ canvas: offscreen }, [offscreen]);\n };\n\n worker.fire = function fireWorker(options, size, done) {\n if (prom) {\n execute(options, null);\n return prom;\n }\n\n var id = Math.random().toString(36).slice(2);\n\n prom = promise(function (resolve) {\n function workerDone(msg) {\n if (msg.data.callback !== id) {\n return;\n }\n\n delete resolves[id];\n worker.removeEventListener('message', workerDone);\n\n prom = null;\n\n bitmapMapper.clear();\n\n done();\n resolve();\n }\n\n worker.addEventListener('message', workerDone);\n execute(options, id);\n\n resolves[id] = workerDone.bind(null, { data: { callback: id }});\n });\n\n return prom;\n };\n\n worker.reset = function resetWorker() {\n worker.postMessage({ reset: true });\n\n for (var id in resolves) {\n resolves[id]();\n delete resolves[id];\n }\n };\n }\n\n return function () {\n if (worker) {\n return worker;\n }\n\n if (!isWorker && canUseWorker) {\n var code = [\n 'var CONFETTI, SIZE = {}, module = {};',\n '(' + main.toString() + ')(this, module, true, SIZE);',\n 'onmessage = function(msg) {',\n ' if (msg.data.options) {',\n ' CONFETTI(msg.data.options).then(function () {',\n ' if (msg.data.callback) {',\n ' postMessage({ callback: msg.data.callback });',\n ' }',\n ' });',\n ' } else if (msg.data.reset) {',\n ' CONFETTI && CONFETTI.reset();',\n ' } else if (msg.data.resize) {',\n ' SIZE.width = msg.data.resize.width;',\n ' SIZE.height = msg.data.resize.height;',\n ' } else if (msg.data.canvas) {',\n ' SIZE.width = msg.data.canvas.width;',\n ' SIZE.height = msg.data.canvas.height;',\n ' CONFETTI = module.exports.create(msg.data.canvas);',\n ' }',\n '}',\n ].join('\\n');\n try {\n worker = new Worker(URL.createObjectURL(new Blob([code])));\n } catch (e) {\n // eslint-disable-next-line no-console\n typeof console !== undefined && typeof console.warn === 'function' ? console.warn('🎊 Could not load worker', e) : null;\n\n return null;\n }\n\n decorate(worker);\n }\n\n return worker;\n };\n })();\n\n var defaults = {\n particleCount: 50,\n angle: 90,\n spread: 45,\n startVelocity: 45,\n decay: 0.9,\n gravity: 1,\n drift: 0,\n ticks: 200,\n x: 0.5,\n y: 0.5,\n shapes: ['square', 'circle'],\n zIndex: 100,\n colors: [\n '#26ccff',\n '#a25afd',\n '#ff5e7e',\n '#88ff5a',\n '#fcff42',\n '#ffa62d',\n '#ff36ff'\n ],\n // probably should be true, but back-compat\n disableForReducedMotion: false,\n scalar: 1\n };\n\n function convert(val, transform) {\n return transform ? transform(val) : val;\n }\n\n function isOk(val) {\n return !(val === null || val === undefined);\n }\n\n function prop(options, name, transform) {\n return convert(\n options && isOk(options[name]) ? options[name] : defaults[name],\n transform\n );\n }\n\n function onlyPositiveInt(number){\n return number < 0 ? 0 : Math.floor(number);\n }\n\n function randomInt(min, max) {\n // [min, max)\n return Math.floor(Math.random() * (max - min)) + min;\n }\n\n function toDecimal(str) {\n return parseInt(str, 16);\n }\n\n function colorsToRgb(colors) {\n return colors.map(hexToRgb);\n }\n\n function hexToRgb(str) {\n var val = String(str).replace(/[^0-9a-f]/gi, '');\n\n if (val.length < 6) {\n val = val[0]+val[0]+val[1]+val[1]+val[2]+val[2];\n }\n\n return {\n r: toDecimal(val.substring(0,2)),\n g: toDecimal(val.substring(2,4)),\n b: toDecimal(val.substring(4,6))\n };\n }\n\n function getOrigin(options) {\n var origin = prop(options, 'origin', Object);\n origin.x = prop(origin, 'x', Number);\n origin.y = prop(origin, 'y', Number);\n\n return origin;\n }\n\n function setCanvasWindowSize(canvas) {\n canvas.width = document.documentElement.clientWidth;\n canvas.height = document.documentElement.clientHeight;\n }\n\n function setCanvasRectSize(canvas) {\n var rect = canvas.getBoundingClientRect();\n canvas.width = rect.width;\n canvas.height = rect.height;\n }\n\n function getCanvas(zIndex) {\n var canvas = document.createElement('canvas');\n\n canvas.style.position = 'fixed';\n canvas.style.top = '0px';\n canvas.style.left = '0px';\n canvas.style.pointerEvents = 'none';\n canvas.style.zIndex = zIndex;\n\n return canvas;\n }\n\n function ellipse(context, x, y, radiusX, radiusY, rotation, startAngle, endAngle, antiClockwise) {\n context.save();\n context.translate(x, y);\n context.rotate(rotation);\n context.scale(radiusX, radiusY);\n context.arc(0, 0, 1, startAngle, endAngle, antiClockwise);\n context.restore();\n }\n\n function randomPhysics(opts) {\n var radAngle = opts.angle * (Math.PI / 180);\n var radSpread = opts.spread * (Math.PI / 180);\n\n return {\n x: opts.x,\n y: opts.y,\n wobble: Math.random() * 10,\n wobbleSpeed: Math.min(0.11, Math.random() * 0.1 + 0.05),\n velocity: (opts.startVelocity * 0.5) + (Math.random() * opts.startVelocity),\n angle2D: -radAngle + ((0.5 * radSpread) - (Math.random() * radSpread)),\n tiltAngle: (Math.random() * (0.75 - 0.25) + 0.25) * Math.PI,\n color: opts.color,\n shape: opts.shape,\n tick: 0,\n totalTicks: opts.ticks,\n decay: opts.decay,\n drift: opts.drift,\n random: Math.random() + 2,\n tiltSin: 0,\n tiltCos: 0,\n wobbleX: 0,\n wobbleY: 0,\n gravity: opts.gravity * 3,\n ovalScalar: 0.6,\n scalar: opts.scalar,\n flat: opts.flat\n };\n }\n\n function updateFetti(context, fetti) {\n fetti.x += Math.cos(fetti.angle2D) * fetti.velocity + fetti.drift;\n fetti.y += Math.sin(fetti.angle2D) * fetti.velocity + fetti.gravity;\n fetti.velocity *= fetti.decay;\n\n if (fetti.flat) {\n fetti.wobble = 0;\n fetti.wobbleX = fetti.x + (10 * fetti.scalar);\n fetti.wobbleY = fetti.y + (10 * fetti.scalar);\n\n fetti.tiltSin = 0;\n fetti.tiltCos = 0;\n fetti.random = 1;\n } else {\n fetti.wobble += fetti.wobbleSpeed;\n fetti.wobbleX = fetti.x + ((10 * fetti.scalar) * Math.cos(fetti.wobble));\n fetti.wobbleY = fetti.y + ((10 * fetti.scalar) * Math.sin(fetti.wobble));\n\n fetti.tiltAngle += 0.1;\n fetti.tiltSin = Math.sin(fetti.tiltAngle);\n fetti.tiltCos = Math.cos(fetti.tiltAngle);\n fetti.random = Math.random() + 2;\n }\n\n var progress = (fetti.tick++) / fetti.totalTicks;\n\n var x1 = fetti.x + (fetti.random * fetti.tiltCos);\n var y1 = fetti.y + (fetti.random * fetti.tiltSin);\n var x2 = fetti.wobbleX + (fetti.random * fetti.tiltCos);\n var y2 = fetti.wobbleY + (fetti.random * fetti.tiltSin);\n\n context.fillStyle = 'rgba(' + fetti.color.r + ', ' + fetti.color.g + ', ' + fetti.color.b + ', ' + (1 - progress) + ')';\n\n context.beginPath();\n\n if (canUsePaths && fetti.shape.type === 'path' && typeof fetti.shape.path === 'string' && Array.isArray(fetti.shape.matrix)) {\n context.fill(transformPath2D(\n fetti.shape.path,\n fetti.shape.matrix,\n fetti.x,\n fetti.y,\n Math.abs(x2 - x1) * 0.1,\n Math.abs(y2 - y1) * 0.1,\n Math.PI / 10 * fetti.wobble\n ));\n } else if (fetti.shape.type === 'bitmap') {\n var rotation = Math.PI / 10 * fetti.wobble;\n var scaleX = Math.abs(x2 - x1) * 0.1;\n var scaleY = Math.abs(y2 - y1) * 0.1;\n var width = fetti.shape.bitmap.width * fetti.scalar;\n var height = fetti.shape.bitmap.height * fetti.scalar;\n\n var matrix = new DOMMatrix([\n Math.cos(rotation) * scaleX,\n Math.sin(rotation) * scaleX,\n -Math.sin(rotation) * scaleY,\n Math.cos(rotation) * scaleY,\n fetti.x,\n fetti.y\n ]);\n\n // apply the transform matrix from the confetti shape\n matrix.multiplySelf(new DOMMatrix(fetti.shape.matrix));\n\n var pattern = context.createPattern(bitmapMapper.transform(fetti.shape.bitmap), 'no-repeat');\n pattern.setTransform(matrix);\n\n context.globalAlpha = (1 - progress);\n context.fillStyle = pattern;\n context.fillRect(\n fetti.x - (width / 2),\n fetti.y - (height / 2),\n width,\n height\n );\n context.globalAlpha = 1;\n } else if (fetti.shape === 'circle') {\n context.ellipse ?\n context.ellipse(fetti.x, fetti.y, Math.abs(x2 - x1) * fetti.ovalScalar, Math.abs(y2 - y1) * fetti.ovalScalar, Math.PI / 10 * fetti.wobble, 0, 2 * Math.PI) :\n ellipse(context, fetti.x, fetti.y, Math.abs(x2 - x1) * fetti.ovalScalar, Math.abs(y2 - y1) * fetti.ovalScalar, Math.PI / 10 * fetti.wobble, 0, 2 * Math.PI);\n } else if (fetti.shape === 'star') {\n var rot = Math.PI / 2 * 3;\n var innerRadius = 4 * fetti.scalar;\n var outerRadius = 8 * fetti.scalar;\n var x = fetti.x;\n var y = fetti.y;\n var spikes = 5;\n var step = Math.PI / spikes;\n\n while (spikes--) {\n x = fetti.x + Math.cos(rot) * outerRadius;\n y = fetti.y + Math.sin(rot) * outerRadius;\n context.lineTo(x, y);\n rot += step;\n\n x = fetti.x + Math.cos(rot) * innerRadius;\n y = fetti.y + Math.sin(rot) * innerRadius;\n context.lineTo(x, y);\n rot += step;\n }\n } else {\n context.moveTo(Math.floor(fetti.x), Math.floor(fetti.y));\n context.lineTo(Math.floor(fetti.wobbleX), Math.floor(y1));\n context.lineTo(Math.floor(x2), Math.floor(y2));\n context.lineTo(Math.floor(x1), Math.floor(fetti.wobbleY));\n }\n\n context.closePath();\n context.fill();\n\n return fetti.tick < fetti.totalTicks;\n }\n\n function animate(canvas, fettis, resizer, size, done) {\n var animatingFettis = fettis.slice();\n var context = canvas.getContext('2d');\n var animationFrame;\n var destroy;\n\n var prom = promise(function (resolve) {\n function onDone() {\n animationFrame = destroy = null;\n\n context.clearRect(0, 0, size.width, size.height);\n bitmapMapper.clear();\n\n done();\n resolve();\n }\n\n function update() {\n if (isWorker && !(size.width === workerSize.width && size.height === workerSize.height)) {\n size.width = canvas.width = workerSize.width;\n size.height = canvas.height = workerSize.height;\n }\n\n if (!size.width && !size.height) {\n resizer(canvas);\n size.width = canvas.width;\n size.height = canvas.height;\n }\n\n context.clearRect(0, 0, size.width, size.height);\n\n animatingFettis = animatingFettis.filter(function (fetti) {\n return updateFetti(context, fetti);\n });\n\n if (animatingFettis.length) {\n animationFrame = raf.frame(update);\n } else {\n onDone();\n }\n }\n\n animationFrame = raf.frame(update);\n destroy = onDone;\n });\n\n return {\n addFettis: function (fettis) {\n animatingFettis = animatingFettis.concat(fettis);\n\n return prom;\n },\n canvas: canvas,\n promise: prom,\n reset: function () {\n if (animationFrame) {\n raf.cancel(animationFrame);\n }\n\n if (destroy) {\n destroy();\n }\n }\n };\n }\n\n function confettiCannon(canvas, globalOpts) {\n var isLibCanvas = !canvas;\n var allowResize = !!prop(globalOpts || {}, 'resize');\n var hasResizeEventRegistered = false;\n var globalDisableForReducedMotion = prop(globalOpts, 'disableForReducedMotion', Boolean);\n var shouldUseWorker = canUseWorker && !!prop(globalOpts || {}, 'useWorker');\n var worker = shouldUseWorker ? getWorker() : null;\n var resizer = isLibCanvas ? setCanvasWindowSize : setCanvasRectSize;\n var initialized = (canvas && worker) ? !!canvas.__confetti_initialized : false;\n var preferLessMotion = typeof matchMedia === 'function' && matchMedia('(prefers-reduced-motion)').matches;\n var animationObj;\n\n function fireLocal(options, size, done) {\n var particleCount = prop(options, 'particleCount', onlyPositiveInt);\n var angle = prop(options, 'angle', Number);\n var spread = prop(options, 'spread', Number);\n var startVelocity = prop(options, 'startVelocity', Number);\n var decay = prop(options, 'decay', Number);\n var gravity = prop(options, 'gravity', Number);\n var drift = prop(options, 'drift', Number);\n var colors = prop(options, 'colors', colorsToRgb);\n var ticks = prop(options, 'ticks', Number);\n var shapes = prop(options, 'shapes');\n var scalar = prop(options, 'scalar');\n var flat = !!prop(options, 'flat');\n var origin = getOrigin(options);\n\n var temp = particleCount;\n var fettis = [];\n\n var startX = canvas.width * origin.x;\n var startY = canvas.height * origin.y;\n\n while (temp--) {\n fettis.push(\n randomPhysics({\n x: startX,\n y: startY,\n angle: angle,\n spread: spread,\n startVelocity: startVelocity,\n color: colors[temp % colors.length],\n shape: shapes[randomInt(0, shapes.length)],\n ticks: ticks,\n decay: decay,\n gravity: gravity,\n drift: drift,\n scalar: scalar,\n flat: flat\n })\n );\n }\n\n // if we have a previous canvas already animating,\n // add to it\n if (animationObj) {\n return animationObj.addFettis(fettis);\n }\n\n animationObj = animate(canvas, fettis, resizer, size , done);\n\n return animationObj.promise;\n }\n\n function fire(options) {\n var disableForReducedMotion = globalDisableForReducedMotion || prop(options, 'disableForReducedMotion', Boolean);\n var zIndex = prop(options, 'zIndex', Number);\n\n if (disableForReducedMotion && preferLessMotion) {\n return promise(function (resolve) {\n resolve();\n });\n }\n\n if (isLibCanvas && animationObj) {\n // use existing canvas from in-progress animation\n canvas = animationObj.canvas;\n } else if (isLibCanvas && !canvas) {\n // create and initialize a new canvas\n canvas = getCanvas(zIndex);\n document.body.appendChild(canvas);\n }\n\n if (allowResize && !initialized) {\n // initialize the size of a user-supplied canvas\n resizer(canvas);\n }\n\n var size = {\n width: canvas.width,\n height: canvas.height\n };\n\n if (worker && !initialized) {\n worker.init(canvas);\n }\n\n initialized = true;\n\n if (worker) {\n canvas.__confetti_initialized = true;\n }\n\n function onResize() {\n if (worker) {\n // TODO this really shouldn't be immediate, because it is expensive\n var obj = {\n getBoundingClientRect: function () {\n if (!isLibCanvas) {\n return canvas.getBoundingClientRect();\n }\n }\n };\n\n resizer(obj);\n\n worker.postMessage({\n resize: {\n width: obj.width,\n height: obj.height\n }\n });\n return;\n }\n\n // don't actually query the size here, since this\n // can execute frequently and rapidly\n size.width = size.height = null;\n }\n\n function done() {\n animationObj = null;\n\n if (allowResize) {\n hasResizeEventRegistered = false;\n global.removeEventListener('resize', onResize);\n }\n\n if (isLibCanvas && canvas) {\n document.body.removeChild(canvas);\n canvas = null;\n initialized = false;\n }\n }\n\n if (allowResize && !hasResizeEventRegistered) {\n hasResizeEventRegistered = true;\n global.addEventListener('resize', onResize, false);\n }\n\n if (worker) {\n return worker.fire(options, size, done);\n }\n\n return fireLocal(options, size, done);\n }\n\n fire.reset = function () {\n if (worker) {\n worker.reset();\n }\n\n if (animationObj) {\n animationObj.reset();\n }\n };\n\n return fire;\n }\n\n // Make default export lazy to defer worker creation until called.\n var defaultFire;\n function getDefaultFire() {\n if (!defaultFire) {\n defaultFire = confettiCannon(null, { useWorker: true, resize: true });\n }\n return defaultFire;\n }\n\n function transformPath2D(pathString, pathMatrix, x, y, scaleX, scaleY, rotation) {\n var path2d = new Path2D(pathString);\n\n var t1 = new Path2D();\n t1.addPath(path2d, new DOMMatrix(pathMatrix));\n\n var t2 = new Path2D();\n // see https://developer.mozilla.org/en-US/docs/Web/API/DOMMatrix/DOMMatrix\n t2.addPath(t1, new DOMMatrix([\n Math.cos(rotation) * scaleX,\n Math.sin(rotation) * scaleX,\n -Math.sin(rotation) * scaleY,\n Math.cos(rotation) * scaleY,\n x,\n y\n ]));\n\n return t2;\n }\n\n function shapeFromPath(pathData) {\n if (!canUsePaths) {\n throw new Error('path confetti are not supported in this browser');\n }\n\n var path, matrix;\n\n if (typeof pathData === 'string') {\n path = pathData;\n } else {\n path = pathData.path;\n matrix = pathData.matrix;\n }\n\n var path2d = new Path2D(path);\n var tempCanvas = document.createElement('canvas');\n var tempCtx = tempCanvas.getContext('2d');\n\n if (!matrix) {\n // attempt to figure out the width of the path, up to 1000x1000\n var maxSize = 1000;\n var minX = maxSize;\n var minY = maxSize;\n var maxX = 0;\n var maxY = 0;\n var width, height;\n\n // do some line skipping... this is faster than checking\n // every pixel and will be mostly still correct\n for (var x = 0; x < maxSize; x += 2) {\n for (var y = 0; y < maxSize; y += 2) {\n if (tempCtx.isPointInPath(path2d, x, y, 'nonzero')) {\n minX = Math.min(minX, x);\n minY = Math.min(minY, y);\n maxX = Math.max(maxX, x);\n maxY = Math.max(maxY, y);\n }\n }\n }\n\n width = maxX - minX;\n height = maxY - minY;\n\n var maxDesiredSize = 10;\n var scale = Math.min(maxDesiredSize/width, maxDesiredSize/height);\n\n matrix = [\n scale, 0, 0, scale,\n -Math.round((width/2) + minX) * scale,\n -Math.round((height/2) + minY) * scale\n ];\n }\n\n return {\n type: 'path',\n path: path,\n matrix: matrix\n };\n }\n\n function shapeFromText(textData) {\n var text,\n scalar = 1,\n color = '#000000',\n // see https://nolanlawson.com/2022/04/08/the-struggle-of-using-native-emoji-on-the-web/\n fontFamily = '\"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", \"EmojiOne Color\", \"Android Emoji\", \"Twemoji Mozilla\", \"system emoji\", sans-serif';\n\n if (typeof textData === 'string') {\n text = textData;\n } else {\n text = textData.text;\n scalar = 'scalar' in textData ? textData.scalar : scalar;\n fontFamily = 'fontFamily' in textData ? textData.fontFamily : fontFamily;\n color = 'color' in textData ? textData.color : color;\n }\n\n // all other confetti are 10 pixels,\n // so this pixel size is the de-facto 100% scale confetti\n var fontSize = 10 * scalar;\n var font = '' + fontSize + 'px ' + fontFamily;\n\n var canvas = new OffscreenCanvas(fontSize, fontSize);\n var ctx = canvas.getContext('2d');\n\n ctx.font = font;\n var size = ctx.measureText(text);\n var width = Math.ceil(size.actualBoundingBoxRight + size.actualBoundingBoxLeft);\n var height = Math.ceil(size.actualBoundingBoxAscent + size.actualBoundingBoxDescent);\n\n var padding = 2;\n var x = size.actualBoundingBoxLeft + padding;\n var y = size.actualBoundingBoxAscent + padding;\n width += padding + padding;\n height += padding + padding;\n\n canvas = new OffscreenCanvas(width, height);\n ctx = canvas.getContext('2d');\n ctx.font = font;\n ctx.fillStyle = color;\n\n ctx.fillText(text, x, y);\n\n var scale = 1 / scalar;\n\n return {\n type: 'bitmap',\n // TODO these probably need to be transfered for workers\n bitmap: canvas.transferToImageBitmap(),\n matrix: [scale, 0, 0, scale, -width * scale / 2, -height * scale / 2]\n };\n }\n\n module.exports = function() {\n return getDefaultFire().apply(this, arguments);\n };\n module.exports.reset = function() {\n getDefaultFire().reset();\n };\n module.exports.create = confettiCannon;\n module.exports.shapeFromPath = shapeFromPath;\n module.exports.shapeFromText = shapeFromText;\n}((function () {\n if (typeof window !== 'undefined') {\n return window;\n }\n\n if (typeof self !== 'undefined') {\n return self;\n }\n\n return this || {};\n})(), module, false));\n\n// end source content\n\nexport default module.exports;\nexport var create = module.exports.create;\n","import * as i0 from '@angular/core';\nimport { Component, Input, EventEmitter, Output, Inject, HostListener, inject, DestroyRef, ViewChild, NgModule } from '@angular/core';\nimport * as i1 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i3 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i2 from '@fgb/portal-component-library/src/lib/shared/short-long-description';\nimport { ShortLongDescriptionModule } from '@fgb/portal-component-library/src/lib/shared/short-long-description';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\nimport { ErrorsModule } from '@fgb/portal-component-library/src/lib/shared/errors';\nimport * as i2$1 from '@angular/router';\nimport { RouterModule } from '@angular/router';\nimport * as i5 from '@fgb/portal-component-library/src/lib/directives';\nimport { HideMobileNav, HideMobileFooterDirective, DirectivesModule } from '@fgb/portal-component-library/src/lib/directives';\nimport { QRCodeModule } from 'angularx-qrcode';\nimport * as i5$1 from 'ngx-owl-carousel-o';\nimport { CarouselModule } from 'ngx-owl-carousel-o';\nimport * as i1$1 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport * as i1$2 from '@fgb/core';\nimport { ScorecardDisplayType, TermsAndCondtionsType, ScorecardMilestoneActionDisplayType, DATE_OPTIONS, PrizeType, config, LoyaltyCategoryType, ProviderName } from '@fgb/core';\nimport { firstValueFrom } from 'rxjs';\nimport { OwlCarouselSettings } from '@fgb/portal-component-library/src/lib/shared/utilities';\nimport * as confettiLib from 'canvas-confetti';\nimport { take, finalize } from 'rxjs/operators';\nimport * as i8 from '@ngx-translate/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nvar ScorecardCategoryPunchcardView;\n(function (ScorecardCategoryPunchcardView) {\n /**\n * These is used for the different\n * views related to the punchcard\n * scorecard view.\n */\n /** Default view */\n ScorecardCategoryPunchcardView[ScorecardCategoryPunchcardView[\"defaultView\"] = 0] = \"defaultView\";\n /** Punch view should have description on the card */\n ScorecardCategoryPunchcardView[ScorecardCategoryPunchcardView[\"descriptionOnCardView\"] = 1] = \"descriptionOnCardView\";\n /** All punches should have no name shown on the card */\n ScorecardCategoryPunchcardView[ScorecardCategoryPunchcardView[\"noActionNamesView\"] = 2] = \"noActionNamesView\";\n /** Punch View for only one punch */\n ScorecardCategoryPunchcardView[ScorecardCategoryPunchcardView[\"onePunchView\"] = 3] = \"onePunchView\";\n})(ScorecardCategoryPunchcardView || (ScorecardCategoryPunchcardView = {}));\n\nclass ScorecardSponserViewComponent {\n constructor() { }\n ngOnInit() {\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ScorecardSponserViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: ScorecardSponserViewComponent, selector: \"fgbcl-scorecard-sponser-view\", inputs: { scorecard: \"scorecard\" }, ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n {{ toggleButtonContent }}\\r\\n
\\r\\n\\r\\n ![]()
\\r\\n
\\r\\n{{ 'fgbcl.scorecard.sponsor.presented.by.label' | translate }}
\\r\\n\\r\\n ![]()
\\r\\n
\\r\\n{{ 'fgbcl.scorecard.sponsor.presented.by.label' | translate }}
\\r\\n\\r\\n \\r\\n Back\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n ![](\\\"{{)
\\r\\n
\\r\\n \\r\\n \\r\\n {{ scorecardDescription?.currentScorecard?.Content[0]?.Name }}
\\r\\n \\r\\n \\r\\n {{\\r\\n 'scorecard.modal.locked.description'\\r\\n | translate: { parentScorecardName: scorecardDescription.parentScorecard?.Content[0].Name }\\r\\n }}\\r\\n \\r\\n \\r\\n {{ scorecardDescription.currentScorecard?.Content[0]?.ShortDescription }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n 59,\\r\\n }\\\"\\r\\n >\\r\\n {{ 'scorecard.prize' | translate }}\\r\\n {{\\r\\n scorecardDescription.currentScorecard?.Content[0]?.PrizeDescription\\r\\n }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ 'scorecard.prize' | translate }}\\r\\n \\r\\n {{ 'scorecard.choose.prize' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n Back\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ scorecardDescription?.currentScorecard?.Content[0]?.Name }}
\\r\\n \\r\\n \\r\\n {{\\r\\n 'scorecard.modal.locked.description'\\r\\n | translate: { parentScorecardName: scorecardDescription.parentScorecard?.Content[0].Name }\\r\\n }}\\r\\n \\r\\n \\r\\n {{ scorecardDescription.currentScorecard?.Content[0]?.ShortDescription }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n 59,\\r\\n }\\\"\\r\\n >\\r\\n {{ 'scorecard.prize' | translate }}\\r\\n {{\\r\\n scorecardDescription.currentScorecard?.Content[0]?.PrizeDescription\\r\\n }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ 'scorecard.prize' | translate }}\\r\\n \\r\\n {{ 'scorecard.choose.prize' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'scorecard.completed.steps' | translate }}\\r\\n {{ scorecardDescription.currentScorecard.ActionsCompleted }}/{{\\r\\n scorecardDescription.currentScorecard.Actions.length\\r\\n }}\\r\\n
\\r\\n \\r\\n {{ scorecardDescription.currentScorecard?.CompletionDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ action?.Content[0]?.Name }}\\r\\n
\\r\\n \\r\\n\\r\\n {{ scorecardDescription?.currentScorecard?.CompletionDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n currentProgressValue,\\r\\n }\\\"\\r\\n [ngStyle]=\\\"{\\r\\n left:\\r\\n milestoneSpacing -\\r\\n alignmentOfMilestoneCircle -\\r\\n (last && isMilestoneNotReachedTwoLastest ? alignMilestoneNotReachedTwoLastest : 0) +\\r\\n '%',\\r\\n }\\\"\\r\\n >
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'scorecard.completed.steps' | translate }}\\r\\n
\\r\\n \\r\\n {{ scorecardDescription.currentScorecard.CompletionDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n {{ scorecardDescription.currentScorecard.ActionsCompleted }}\\r\\n \\r\\n /\\r\\n {{ scorecardDescription.currentScorecard.Actions.length }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n\\r\\n {{ scorecardDescription.currentScorecard.ActionsCompleted }}/{{\\r\\n scorecardDescription.currentScorecard.TotalToComplete\\r\\n }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ scorecardDescription.currentScorecard.Actions[i].Content[0].Name }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'scorecard.description.label' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ scorecardDescription.currentScorecard?.Content[0].TermsAndConditions }}\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'scorecard.terms.label' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'scorecard.completed.steps' | translate }}\\r\\n {{ scorecardDescription.currentScorecard.ActionsCompleted }}/{{\\r\\n scorecardDescription.currentScorecard.Actions.length\\r\\n }}\\r\\n
\\r\\n \\r\\n {{ scorecardDescription.currentScorecard?.CompletionDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ action?.Content[0]?.Name }}\\r\\n
\\r\\n \\r\\n\\r\\n {{ scorecardDescription?.currentScorecard?.CompletionDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n currentProgressValue,\\r\\n }\\\"\\r\\n [ngStyle]=\\\"{\\r\\n left:\\r\\n milestoneSpacing -\\r\\n alignmentOfMilestoneCircle -\\r\\n (last && isMilestoneNotReachedTwoLastest ? alignMilestoneNotReachedTwoLastest : 0) +\\r\\n '%',\\r\\n }\\\"\\r\\n >
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'scorecard.completed.steps' | translate }}\\r\\n
\\r\\n \\r\\n {{ scorecardDescription.currentScorecard.CompletionDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n {{ scorecardDescription.currentScorecard.ActionsCompleted }}\\r\\n \\r\\n /\\r\\n {{ scorecardDescription.currentScorecard.Actions.length }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n\\r\\n {{ scorecardDescription.currentScorecard.ActionsCompleted }}/{{\\r\\n scorecardDescription.currentScorecard.TotalToComplete\\r\\n }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ scorecardDescription.currentScorecard.Actions[i].Content[0].Name }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'scorecard.description.label' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ scorecardDescription.currentScorecard?.Content[0].TermsAndConditions }}\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'scorecard.terms.label' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i1.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i1.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"pipe\", type: i8.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ScorecardPrizeSelectionComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-scorecard-prize-selection', template: \"{{ 'prize.selection.title' | translate }}
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ prize.PrizeTitle }}
\\r\\n {{ 'prize.selection.sold.out' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { prizes: [{\n type: Input\n }], showPrizeIcon: [{\n type: Input\n }], onPrizeConfirmed: [{\n type: Output\n }] } });\n\nclass ScorecardDescriptionLinkedActionComponent {\n constructor(scorecardService, socialService) {\n this.scorecardService = scorecardService;\n this.socialService = socialService;\n this.onNextClick = new EventEmitter();\n this.onPrevious = new EventEmitter();\n }\n ngOnChanges(changes) {\n if (changes.scorecardDescription) {\n this.getContextForNextChallenge();\n }\n }\n get hasPrizeSelection() {\n return !!this.scorecardDescription.currentScorecard?.PrizeOptions;\n }\n get isLastChildUnlocked() {\n return this.scorecardDescription.hasParent && !this.scorecardDescription.hasChild && !this.scorecardDescription.isLocked;\n }\n get scorecardCompletedNotSelectPrize() {\n return (this.scorecardDescription.isCompleted &&\n this.scorecardDescription.currentScorecard.PrizeOptions?.CustomerHasSelected == false);\n }\n //Return name of prize has selected = true\n get prizeSelected() {\n if (this.scorecardDescription.currentScorecard?.PrizeOptions &&\n Object.keys(this.scorecardDescription.currentScorecard?.PrizeOptions).length == 0)\n return '';\n let prizeSelected = this.scorecardDescription.currentScorecard?.PrizeOptions?.Prizes.find((prize) => prize.Selected);\n return prizeSelected?.PrizeTitle;\n }\n onPrizeConfirmed(prize) {\n firstValueFrom(this.scorecardService.selectPrize(prize.ScorecardId, prize.PrizeId));\n }\n getContextForNextChallenge() {\n // Completed scorecard have child\n if (this.scorecardDescription.isCompleted && this.scorecardDescription.hasChild) {\n this.createContext(this.scorecardDescription.childScoreCard, 'scorecard.description.next.challenge', true, true);\n }\n // Incompleted scorecard have child\n if (!this.scorecardDescription.isCompleted && !this.scorecardDescription.isLocked && this.scorecardDescription.hasChild) {\n this.createContext(this.scorecardDescription.childScoreCard, 'scorecard.description.next.challenge', false, true);\n }\n // Child scorecard has been locked\n if (this.scorecardDescription.hasParent && this.scorecardDescription.isLocked) {\n this.createContext(this.scorecardDescription.parentScorecard, 'scorecard.description.complete.first', true, false);\n }\n // scorecard has been locked and has parent locked\n if (this.scorecardDescription.hasParent &&\n this.scorecardDescription.parentScorecard.Locked &&\n this.scorecardDescription.isLocked) {\n this.createContext(this.scorecardDescription.parentScorecard, 'scorecard.description.complete.first', false, false);\n }\n }\n createContext(scorecard, label, invisibleIcon, isDirectToChild) {\n let image = scorecard?.Image;\n let name = scorecard?.Content[0].Name;\n let description = scorecard?.Content[0].ShortDescription;\n let isCompleted = scorecard.Completed;\n this.myContext = {\n label: label,\n image: image,\n name: name,\n invisibleIcon: invisibleIcon,\n description: description,\n isCompleted: isCompleted,\n redirectScorecard: () => this.redirectScorecard(isDirectToChild),\n };\n }\n redirectScorecard(isDirectToChild) {\n if (isDirectToChild) {\n return this.onNextClick.emit();\n }\n if (!isDirectToChild) {\n return this.onPrevious.emit();\n }\n }\n share() {\n const idScorecard = this.scorecardDescription.currentScorecard.ScorecardId;\n const returnUrl = `${config.portalUrl}/scorecard-description/${idScorecard}`;\n firstValueFrom(this.socialService.share(idScorecard, LoyaltyCategoryType.Scorecard, returnUrl, ProviderName.Facebook)).then((res) => this.handleShare, (error) => error.status == 200 && this.handleShare(error?.error?.text));\n }\n handleShare(url) {\n let dataShared = { url: url };\n navigator.share(dataShared);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ScorecardDescriptionLinkedActionComponent, deps: [{ token: i1$2.ScorecardService }, { token: i1$2.SocialService }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: ScorecardDescriptionLinkedActionComponent, selector: \"fgbcl-scorecard-description-linked-action\", inputs: { scorecardDescription: \"scorecardDescription\" }, outputs: { onNextClick: \"onNextClick\", onPrevious: \"onPrevious\" }, usesOnChanges: true, ngImport: i0, template: \"{{ 'prize.selection.title' | translate }}
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ prize.PrizeTitle }}
\\r\\n {{ 'prize.selection.sold.out' | translate }}
\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'scorecard.locked.title' | translate }}\\r\\n
\\r\\n {{ 'scorecard.congratulation.title' | translate }}
\\r\\n \\r\\n {{\\r\\n 'scorecard.congratulation.subtitle' | translate : { scorecardName: scorecardDescription.currentScorecard.Content[0].Name }\\r\\n }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'scorecard.modal.prize.selected' | translate }}
\\r\\n {{ prizeSelected }}
\\r\\n \\r\\n
\\r\\n {{ 'scorecard.prize' | translate }}
\\r\\n \\r\\n {{ scorecardDescription.currentScorecard?.Content[0]?.PrizeDescription }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ 'scorecard.modal.prize.selection.options' | translate }}
\\r\\n \\r\\n {{ prizeOption.PrizeTitle }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'scorecard.locked.title' | translate }}\\r\\n
\\r\\n {{ 'scorecard.congratulation.title' | translate }}
\\r\\n \\r\\n {{\\r\\n 'scorecard.congratulation.subtitle' | translate : { scorecardName: scorecardDescription.currentScorecard.Content[0].Name }\\r\\n }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'scorecard.modal.prize.selected' | translate }}
\\r\\n {{ prizeSelected }}
\\r\\n \\r\\n
\\r\\n {{ 'scorecard.prize' | translate }}
\\r\\n \\r\\n {{ scorecardDescription.currentScorecard?.Content[0]?.PrizeDescription }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ 'scorecard.modal.prize.selection.options' | translate }}
\\r\\n \\r\\n {{ prizeOption.PrizeTitle }}\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i1.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: ScorecardDescriptionHeaderComponent, selector: \"fgbcl-scorecard-description-header\", inputs: [\"scorecardDescription\", \"isSponsorInBody\"], outputs: [\"onPreviousClick\", \"onNextClick\"] }, { kind: \"component\", type: ScorecardDescriptionBodyComponent, selector: \"fgbcl-scorecard-description-body\", inputs: [\"scorecardDescription\", \"isSponsorInBody\"], outputs: [\"onNextClick\", \"onPrevious\"] }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ScorecardDescriptionComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-scorecard-description', hostDirectives: [HideMobileNav, HideMobileFooterDirective], template: \"\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1$2.ScorecardService }, { type: i2$1.ActivatedRoute }, { type: i1$2.ScorecardQuery }, { type: i2$1.Router }, { type: undefined, decorators: [{\n type: Inject,\n args: [DATE_OPTIONS]\n }] }], propDecorators: { scorecardDescriptionHeader: [{\n type: ViewChild,\n args: [ScorecardDescriptionHeaderComponent, { static: false }]\n }] } });\n\nclass ScorecardLockedComponent {\n constructor(modalService, scorecardQuery, router) {\n this.modalService = modalService;\n this.scorecardQuery = scorecardQuery;\n this.router = router;\n this.isOpenModal = true;\n this.preventMultipleClick = false;\n this.isScorecardHasChild = false;\n this.isSponsorInBody = false;\n }\n ngOnInit() {\n this.parentScorecard = this.scorecardQuery.getEntity(this.scorecard?.ParentId);\n this.isScorecardHasChild = this.scorecardQuery.hasLinkedScorecards(this.scorecard?.ScorecardId);\n this.onWindowResize(window.screen.width);\n }\n onWindowResize(event) {\n if (event > 991) {\n this.isOpenModal = true;\n }\n else {\n this.isOpenModal = false;\n }\n }\n openScorecardDescription() {\n if (!this.disabled) {\n this.isOpenModal ? this.openModal() : this.redirectComponent();\n }\n }\n openModal() {\n const modalRef = this.modalService.open(ScorecardDescriptionComponent, {\n centered: true,\n windowClass: 'scorecard-modal-content',\n backdropClass: 'scorecard-modal-backdrop',\n });\n modalRef.componentInstance.scorecardId = this.scorecard.ScorecardId;\n modalRef.componentInstance.isSponsorInBody = this.isSponsorInBody;\n }\n redirectComponent() {\n let params = this.isSponsorInBody ? { isSponsorInBody: this.isSponsorInBody } : {};\n this.router.navigate(['/scorecard-description', this.scorecard.ScorecardId, params]);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ScorecardLockedComponent, deps: [{ token: i1$1.NgbModal }, { token: i1$2.ScorecardQuery }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: ScorecardLockedComponent, selector: \"fgbcl-scorecard-locked\", inputs: { scorecard: \"scorecard\", isSponsorInBody: \"isSponsorInBody\", disabled: \"disabled\" }, host: { listeners: { \"window:resize\": \"onWindowResize($event.target.screen.width)\" } }, ngImport: i0, template: \"\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i1.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i5.ImgDefaultDirective, selector: \"img[useDefault]\", inputs: [\"src\", \"useDefault\", \"loyaltyType\"] }, { kind: \"pipe\", type: i3.ContentImagePipe, name: \"contentImage\" }, { kind: \"pipe\", type: i8.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ScorecardLockedComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-scorecard-locked', template: \"\\r\\n {{ scorecard?.Content[0].Name }}\\r\\n
\\r\\n\\r\\n {{ 'scorecard.modal.locked.description' | translate: { parentScorecardName: parentScorecard?.Content[0].Name } }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n\" }]\n }], ctorParameters: () => [{ type: i1$1.NgbModal }, { type: i1$2.ScorecardQuery }, { type: i2$1.Router }], propDecorators: { scorecard: [{\n type: Input\n }], isSponsorInBody: [{\n type: Input\n }], disabled: [{\n type: Input\n }], onWindowResize: [{\n type: HostListener,\n args: ['window:resize', ['$event.target.screen.width']]\n }] } });\n\nclass ScorecardPunchcardViewComponent {\n constructor(modalService, router, scorecardService, scorecardQuery) {\n this.modalService = modalService;\n this.router = router;\n this.scorecardService = scorecardService;\n this.scorecardQuery = scorecardQuery;\n this.icon = 'info';\n this.disabled = false;\n this.isOpenModal = true;\n this.isSponsorInBody = false;\n this.category = ScorecardCategoryPunchcardView;\n this.isScorecardHasChild = false;\n }\n ngOnInit() {\n this.lineBreakIndex = Math.floor(this.scorecard.Actions.length / 2) - 1;\n this.isScorecardHasChild = this.scorecardQuery.hasLinkedScorecards(this.scorecard.ScorecardId);\n this.onWindowResize(window.screen.width);\n }\n onWindowResize(event) {\n if (event > 991) {\n this.isOpenModal = true;\n }\n else {\n this.isOpenModal = false;\n }\n }\n openScorecardDescription() {\n if (!this.disabled) {\n this.isOpenModal ? this.openModal() : this.redirectComponent();\n }\n }\n openModal() {\n const modalRef = this.modalService.open(ScorecardDescriptionComponent, {\n centered: true,\n windowClass: 'scorecard-modal-content',\n backdropClass: 'scorecard-modal-backdrop',\n });\n modalRef.componentInstance.confettiColors = this.confettiColors;\n modalRef.componentInstance.scorecardId = this.scorecard.ScorecardId;\n modalRef.componentInstance.isSponsorInBody = this.isSponsorInBody;\n }\n redirectComponent() {\n const initVal = {\n confettiColors: this.confettiColors,\n };\n let params = this.isSponsorInBody ? { isSponsorInBody: this.isSponsorInBody } : {};\n this.scorecardService.initDataScorecardDescription$.next(initVal);\n this.router.navigate(['/scorecard-description', this.scorecard.ScorecardId, params]);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ScorecardPunchcardViewComponent, deps: [{ token: i1$1.NgbModal }, { token: i2$1.Router }, { token: i1$2.ScorecardService }, { token: i1$2.ScorecardQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: ScorecardPunchcardViewComponent, selector: \"fgbcl-scorecard-punchcard-view\", inputs: { scorecard: \"scorecard\", confettiColors: \"confettiColors\", icon: \"icon\", disabled: \"disabled\", isSponsorInBody: \"isSponsorInBody\" }, host: { listeners: { \"window:resize\": \"onWindowResize($event.target.screen.width)\" } }, ngImport: i0, template: \"\\r\\n {{ scorecard?.Content[0].Name }}\\r\\n
\\r\\n\\r\\n {{ 'scorecard.modal.locked.description' | translate: { parentScorecardName: parentScorecard?.Content[0].Name } }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ scorecard.Content[0].Name }}\\r\\n
\\r\\n\\r\\n {{ scorecard.Content[0].ShortDescription }}\\r\\n
\\r\\n \\r\\n\\r\\n {{ scorecard.ActionsCompleted }}/{{ scorecard.Actions.length }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n 5,\\r\\n }\\\"\\r\\n >\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ scorecard.Content[0].Name }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ scorecard.Content[0].ShortDescription }}\\r\\n
\\r\\n{{ scorecard.Completed ? 'Completed' : 'Not Completed' }}
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'scorecard.prize' | translate }} \\r\\n {{\\r\\n scorecard.Completed && scorecard?.HasCustomerSelectedPrize\\r\\n ? ('scorecard.footer.prize.selected' | translate)\\r\\n : !scorecard.Completed && scorecard.CompleteAction == 6 && !scorecard.HasCustomerSelectedPrize\\r\\n ? ('scorecard.footer.prize.selection' | translate)\\r\\n : scorecard.Content[0].PrizeDescription\\r\\n }}\\r\\n
\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ scorecard.Content[0].Name }}\\r\\n
\\r\\n\\r\\n {{ scorecard.Content[0].ShortDescription }}\\r\\n
\\r\\n \\r\\n\\r\\n {{ scorecard.ActionsCompleted }}/{{ scorecard.Actions.length }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n 5,\\r\\n }\\\"\\r\\n >\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ scorecard.Content[0].Name }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ scorecard.Content[0].ShortDescription }}\\r\\n
\\r\\n{{ scorecard.Completed ? 'Completed' : 'Not Completed' }}
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'scorecard.prize' | translate }} \\r\\n {{\\r\\n scorecard.Completed && scorecard?.HasCustomerSelectedPrize\\r\\n ? ('scorecard.footer.prize.selected' | translate)\\r\\n : !scorecard.Completed && scorecard.CompleteAction == 6 && !scorecard.HasCustomerSelectedPrize\\r\\n ? ('scorecard.footer.prize.selection' | translate)\\r\\n : scorecard.Content[0].PrizeDescription\\r\\n }}\\r\\n
\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ scorecard.Content[0].Name }}\\r\\n
\\r\\n\\r\\n {{ scorecard.Content[0].ShortDescription }}\\r\\n
\\r\\n \\r\\n\\r\\n {{ scorecard.Milestone.CustomerValue }}/{{ maxMilestone }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n currentProgressValue,\\r\\n }\\\"\\r\\n [ngStyle]=\\\"{\\r\\n left:\\r\\n milestoneSpacing -\\r\\n alignmentOfMilestoneCircle -\\r\\n (last && isMilestoneNotReachedTwoLastest ? alignMilestoneNotReachedTwoLastest : 0) +\\r\\n '%',\\r\\n }\\\"\\r\\n >
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{\\r\\n 'scorecard.footer.choose.prize' | translate\\r\\n }}\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'scorecard.prize' | translate }} \\r\\n {{\\r\\n scorecard.Completed && scorecard?.HasCustomerSelectedPrize\\r\\n ? ('scorecard.footer.prize.selected' | translate)\\r\\n : !scorecard.Completed && scorecard.CompleteAction == 6 && !scorecard.HasCustomerSelectedPrize\\r\\n ? ('scorecard.footer.prize.selection' | translate)\\r\\n : scorecard.Content[0].PrizeDescription\\r\\n }}\\r\\n
\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ scorecard.Content[0].Name }}\\r\\n
\\r\\n\\r\\n {{ scorecard.Content[0].ShortDescription }}\\r\\n
\\r\\n \\r\\n\\r\\n {{ scorecard.Milestone.CustomerValue }}/{{ maxMilestone }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n currentProgressValue,\\r\\n }\\\"\\r\\n [ngStyle]=\\\"{\\r\\n left:\\r\\n milestoneSpacing -\\r\\n alignmentOfMilestoneCircle -\\r\\n (last && isMilestoneNotReachedTwoLastest ? alignMilestoneNotReachedTwoLastest : 0) +\\r\\n '%',\\r\\n }\\\"\\r\\n >
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{\\r\\n 'scorecard.footer.choose.prize' | translate\\r\\n }}\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'scorecard.prize' | translate }} \\r\\n {{\\r\\n scorecard.Completed && scorecard?.HasCustomerSelectedPrize\\r\\n ? ('scorecard.footer.prize.selected' | translate)\\r\\n : !scorecard.Completed && scorecard.CompleteAction == 6 && !scorecard.HasCustomerSelectedPrize\\r\\n ? ('scorecard.footer.prize.selection' | translate)\\r\\n : scorecard.Content[0].PrizeDescription\\r\\n }}\\r\\n
\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ scorecard.Content[0].Name }}\\r\\n
\\r\\n\\r\\n {{ scorecard.Content[0].ShortDescription }}\\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n {{ scorecard.ActionsCompleted\\r\\n }}
\\r\\n
\\r\\n\\r\\n \\r\\n {{ scorecard.ActionsCompleted\\r\\n }}/{{ scorecard.Actions.length }} \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n {{\\r\\n 'scorecard.footer.choose.prize' | translate\\r\\n }}\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'scorecard.prize' | translate }} \\r\\n {{\\r\\n scorecard.Completed && scorecard.HasCustomerSelectedPrize\\r\\n ? ('scorecard.footer.prize.selected' | translate)\\r\\n : !scorecard.Completed && scorecard.CompleteAction == 6 && !scorecard.HasCustomerSelectedPrize\\r\\n ? ('scorecard.footer.prize.selection' | translate)\\r\\n : scorecard.Content[0].PrizeDescription\\r\\n }}\\r\\n
\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ scorecard.Content[0].Name }}\\r\\n
\\r\\n\\r\\n {{ scorecard.Content[0].ShortDescription }}\\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n {{ scorecard.ActionsCompleted\\r\\n }}
\\r\\n
\\r\\n\\r\\n \\r\\n {{ scorecard.ActionsCompleted\\r\\n }}/{{ scorecard.Actions.length }} \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n {{\\r\\n 'scorecard.footer.choose.prize' | translate\\r\\n }}\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'scorecard.prize' | translate }} \\r\\n {{\\r\\n scorecard.Completed && scorecard.HasCustomerSelectedPrize\\r\\n ? ('scorecard.footer.prize.selected' | translate)\\r\\n : !scorecard.Completed && scorecard.CompleteAction == 6 && !scorecard.HasCustomerSelectedPrize\\r\\n ? ('scorecard.footer.prize.selection' | translate)\\r\\n : scorecard.Content[0].PrizeDescription\\r\\n }}\\r\\n
\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n 0\\\">\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ title ? title : ('badge.featured.challenges' | translate) }}
\\r\\n\\r\\n {{ 'badge.featured.challenges.show.all.link' | translate }}\\r\\n arrow_forward_ios\\r\\n
\\r\\n {{ badgeDescription }}
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'scorecards.placeholder.description' | translate }}
\\r\\n 0\\\">\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ title ? title : ('badge.featured.challenges' | translate) }}
\\r\\n\\r\\n {{ 'badge.featured.challenges.show.all.link' | translate }}\\r\\n arrow_forward_ios\\r\\n
\\r\\n {{ badgeDescription }}
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'scorecards.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\nchevron_left
\\r\\n \\r\\n
\\r\\n {{ currentScorecardIndex + 1 }}
\\r\\n \\r\\n {{ linkedScorecardLength }}
\\r\\n chevron_right
\\r\\n \\r\\n
\\r\\n\\r\\n Loading...\\r\\n
\\r\\n \\r\\n
\\r\\nchevron_left
\\r\\n \\r\\n
\\r\\n {{ currentScorecardIndex + 1 }}
\\r\\n \\r\\n {{ linkedScorecardLength }}
\\r\\n chevron_right
\\r\\n \\r\\n
\\r\\n\\r\\n Loading...\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ scorecard.Content[0].Name }}\\r\\n
\\r\\n {{ 'scorecard.congratulation.title' | translate }}
\\r\\n \\r\\n {{ 'scorecard.congratulation.subtitle' | translate: { scorecardName: scorecard.Content[0].Name } }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{\\r\\n 'scorecard.modal.locked.title' | translate\\r\\n }}\\r\\n
\\r\\n \\r\\n {{ 'scorecard.modal.locked.description' | translate: { parentScorecardName: parentScorecard?.Content[0].Name } }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'scorecard.completed.steps' | translate }}\\r\\n {{ scorecard.ActionsCompleted }}/{{ scorecard.Actions.length }}\\r\\n
\\r\\n \\r\\n {{ scorecard?.CompletionDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ action?.Content[0]?.Name }}\\r\\n
\\r\\n\\r\\n {{ scorecard.CompletionDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n currentProgressValue,\\r\\n }\\\"\\r\\n [ngStyle]=\\\"{ left: milestoneSpacing - 2 + '%' }\\\"\\r\\n >
\\r\\n\\r\\n \\r\\n \\r\\n {{ scorecard.ActionsCompleted }}\\r\\n /{{ scorecard.Actions.length }} \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'scorecard.completed.steps' | translate }}\\r\\n
\\r\\n \\r\\n {{ scorecard.CompletionDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n {{ scorecard.ActionsCompleted }}/{{ scorecard.TotalToComplete }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ scorecard.Actions[i].Content[0].Name }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'scorecard.modal.prize' | translate }}
\\r\\n \\r\\n {{ scorecard.Content[0].PrizeDescription }}\\r\\n
\\r\\n {{ 'scorecard.modal.prize.selected' | translate }}
\\r\\n {{ prizeSelected }}
\\r\\n {{ 'scorecard.modal.prize.selection.options' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n {{ prizeOption.PrizeTitle }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'scorecard.modal.description.label' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'scorecard.modal.terms.label' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ scorecard?.Content[0].TermsAndConditions }}\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'scorecard.modal.description' | translate }}
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ scorecard.Content[0].Name }}\\r\\n
\\r\\n {{ 'scorecard.congratulation.title' | translate }}
\\r\\n \\r\\n {{ 'scorecard.congratulation.subtitle' | translate: { scorecardName: scorecard.Content[0].Name } }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{\\r\\n 'scorecard.modal.locked.title' | translate\\r\\n }}\\r\\n
\\r\\n \\r\\n {{ 'scorecard.modal.locked.description' | translate: { parentScorecardName: parentScorecard?.Content[0].Name } }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'scorecard.completed.steps' | translate }}\\r\\n {{ scorecard.ActionsCompleted }}/{{ scorecard.Actions.length }}\\r\\n
\\r\\n \\r\\n {{ scorecard?.CompletionDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ action?.Content[0]?.Name }}\\r\\n
\\r\\n\\r\\n {{ scorecard.CompletionDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n currentProgressValue,\\r\\n }\\\"\\r\\n [ngStyle]=\\\"{ left: milestoneSpacing - 2 + '%' }\\\"\\r\\n >
\\r\\n\\r\\n \\r\\n \\r\\n {{ scorecard.ActionsCompleted }}\\r\\n /{{ scorecard.Actions.length }} \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'scorecard.completed.steps' | translate }}\\r\\n
\\r\\n \\r\\n {{ scorecard.CompletionDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n {{ scorecard.ActionsCompleted }}/{{ scorecard.TotalToComplete }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ scorecard.Actions[i].Content[0].Name }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'scorecard.modal.prize' | translate }}
\\r\\n \\r\\n {{ scorecard.Content[0].PrizeDescription }}\\r\\n
\\r\\n {{ 'scorecard.modal.prize.selected' | translate }}
\\r\\n {{ prizeSelected }}
\\r\\n {{ 'scorecard.modal.prize.selection.options' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n {{ prizeOption.PrizeTitle }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'scorecard.modal.description.label' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'scorecard.modal.terms.label' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ scorecard?.Content[0].TermsAndConditions }}\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'scorecard.modal.description' | translate }}
\\r\\n 0\\\">\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'scorecards.placeholder.description' | translate }}
\\r\\n 0\\\">\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'scorecards.placeholder.description' | translate }}
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n {{ 'auction.outbid.status' | translate }}\\r\\n
\\r\\n \\r\\n {{ 'auction.winning.status' | translate }}\\r\\n
\\r\\n {{ statusText | translate }}
\\r\\n \\r\\n \\r\\n star\\r\\n \\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n {{ auctionItem.ItemName }}
\\r\\n\\r\\n \\r\\n {{ currentValue | FortressCurrencyPipe : 'PTS' }}
\\r\\n\\r\\n\", styles: [\".featured-state{padding-left:5px}.icon-state{margin-top:8px;margin-left:-2px}.lotto-state-timer{margin-top:8px}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i2.NgSwitch, selector: \"[ngSwitch]\", inputs: [\"ngSwitch\"] }, { kind: \"directive\", type: i2.NgSwitchCase, selector: \"[ngSwitchCase]\", inputs: [\"ngSwitchCase\"] }, { kind: \"component\", type: i3.CountdownComponent, selector: \"fgbcl-countdown\", inputs: [\"endDateTime\", \"requestDateTime\", \"completeText\", \"isUTC\"], outputs: [\"complete\"] }, { kind: \"directive\", type: i4.ImgDefaultDirective, selector: \"img[useDefault]\", inputs: [\"src\", \"useDefault\", \"loyaltyType\"] }, { kind: \"directive\", type: i4.IfItemEnabled, selector: \"[ifItemEnabled]\", inputs: [\"ifItemEnabled\", \"ifItemEnabledDisabledStatus\", \"ifItemEnabledElse\"], exportAs: [\"itemEnabled\"] }, { kind: \"directive\", type: i5.OwlRouterLinkWithHrefDirective, selector: \"a[owlRouterLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"stopLink\", \"owlRouterLink\", \"preserveQueryParams\"] }, { kind: \"pipe\", type: i6.ContentImagePipe, name: \"contentImage\" }, { kind: \"pipe\", type: i6.FortressCurrencyPipe, name: \"FortressCurrencyPipe\" }, { kind: \"pipe\", type: i7.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionPanelComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-auction-panel', template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n {{ 'auction.outbid.status' | translate }}\\r\\n
\\r\\n \\r\\n {{ 'auction.winning.status' | translate }}\\r\\n
\\r\\n {{ statusText | translate }}
\\r\\n \\r\\n \\r\\n star\\r\\n \\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n {{ auctionItem.ItemName }}
\\r\\n\\r\\n \\r\\n {{ currentValue | FortressCurrencyPipe : 'PTS' }}
\\r\\n\\r\\n\", styles: [\".featured-state{padding-left:5px}.icon-state{margin-top:8px;margin-left:-2px}.lotto-state-timer{margin-top:8px}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.BalanceQuery }], propDecorators: { auctionItem: [{\n type: Input\n }], ignoreLink: [{\n type: Input\n }], isPreview: [{\n type: Input\n }] } });\n\nclass AuctionPanelModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionPanelModule, declarations: [AuctionPanelComponent], imports: [CommonModule,\n PipesModule,\n CountdownModule,\n LoyaltyIconModule,\n DirectivesModule,\n RouterModule,\n IfItemEnabled,\n FGBSharedModule,\n CarouselModule], exports: [AuctionPanelComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionPanelModule, imports: [CommonModule,\n PipesModule,\n CountdownModule,\n LoyaltyIconModule,\n DirectivesModule,\n RouterModule,\n FGBSharedModule,\n CarouselModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionPanelModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [AuctionPanelComponent],\n imports: [\n CommonModule,\n PipesModule,\n CountdownModule,\n LoyaltyIconModule,\n DirectivesModule,\n RouterModule,\n IfItemEnabled,\n FGBSharedModule,\n CarouselModule,\n ],\n exports: [AuctionPanelComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { AuctionPanelComponent, AuctionPanelModule };\n","import * as i0 from '@angular/core';\nimport { Component, Input, NgModule } from '@angular/core';\nimport * as i1 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport { MarketplaceItemStatus, MARKETPLACE_STATE, TEXT_COLOR } from '@fgb/core';\nimport { DateTime } from 'luxon';\nimport * as i2 from '@fgb/portal-component-library/src/lib/directives';\nimport { DirectivesModule } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i3 from 'ngx-owl-carousel-o';\nimport { CarouselModule } from 'ngx-owl-carousel-o';\nimport * as i4 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i5 from '@ngx-translate/core';\nimport { LoyaltyIconModule } from '@fgb/portal-component-library/src/lib/shared/loyalty-icon';\nimport { RouterModule } from '@angular/router';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass MarketplaceListItemComponent {\n constructor() {\n this.ignoreLink = false;\n this.status = MarketplaceItemStatus;\n this.MARKETPLACE = MARKETPLACE_STATE;\n }\n ngOnInit() {\n this._updateTheme();\n if (this.marketplaceItem?.Status)\n this._updateStatusText();\n else\n this.getStockAvailableState();\n }\n getStockAvailableState() {\n [this.stockAvailableState, this.textColor] = this.handleStockAvailable(this.marketplaceItem);\n }\n _updateStatusText() {\n switch (this.marketplaceItem?.Status) {\n case MarketplaceItemStatus.SoldOut:\n this.statusText = MARKETPLACE_STATE.SOLD_OUT;\n this.theme = 'sold-out';\n break;\n case MarketplaceItemStatus.NotEnoughPoints:\n this.statusText = MARKETPLACE_STATE.NOT_ENOUGH_POINT;\n this.theme = 'not-enough-points';\n break;\n case MarketplaceItemStatus.ComingSoon:\n this.statusText = MARKETPLACE_STATE.COMING_SOON;\n this.theme = 'coming-soon';\n break;\n case MarketplaceItemStatus.MemberLimitReached:\n this.statusText = MARKETPLACE_STATE.LIMIT_REACHED;\n this.theme = 'limit-reached';\n break;\n case MarketplaceItemStatus.AllInBasket:\n this.statusText = MARKETPLACE_STATE.ALL_IN_BASKET;\n default:\n return;\n }\n }\n _updateTheme() {\n if (this.marketplaceItem?.Status === MarketplaceItemStatus.Available)\n this.theme = this.marketplaceItem?.theme;\n else\n this.theme = 'disabled';\n }\n handleStockAvailable(marketplaceItem) {\n if (!marketplaceItem)\n return ['', this.theme];\n const stockCount = marketplaceItem.AvailabilityCount;\n // Limited stock\n if (stockCount > 5 && stockCount <= 10)\n return [MARKETPLACE_STATE.LIMITED, TEXT_COLOR.RED];\n // Stock count left\n if (stockCount > 0 && stockCount <= 5)\n return [MARKETPLACE_STATE.REMAINING, TEXT_COLOR.RED];\n // New Stock\n const startDate = DateTime.fromISO(marketplaceItem.ItemStartDate, { zone: 'utc' });\n const requestTime = DateTime.fromISO(marketplaceItem.RequestTime, { zone: 'utc' });\n const days = requestTime.diff(startDate, 'days').days;\n // New Stock\n const threeDays = 3;\n if (days <= threeDays)\n return [MARKETPLACE_STATE.NEW, TEXT_COLOR.NEW];\n // Stock Favourite\n if (marketplaceItem.Favourite)\n return [MARKETPLACE_STATE.FEATURED, TEXT_COLOR.GREEN];\n else\n return ['', this.theme];\n }\n get hasSponsor() {\n return !!this.marketplaceItem?.Sponsor?.SponsorImage;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"17.2.1\", type: MarketplaceListItemComponent, selector: \"fgbcl-marketplace-list-item\", inputs: { marketplaceItem: \"marketplaceItem\", ignoreLink: \"ignoreLink\" }, ngImport: i0, template: \"\\r\\n \\r\\n @if (marketplaceItem.Locked) {\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\".icon-state{margin-top:8px;margin-left:-2px}\\n\"], dependencies: [{ kind: \"directive\", type: i1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i2.ImgDefaultDirective, selector: \"img[useDefault]\", inputs: [\"src\", \"useDefault\", \"loyaltyType\"] }, { kind: \"directive\", type: i3.OwlRouterLinkWithHrefDirective, selector: \"a[owlRouterLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"stopLink\", \"owlRouterLink\", \"preserveQueryParams\"] }, { kind: \"pipe\", type: i4.ContentImagePipe, name: \"contentImage\" }, { kind: \"pipe\", type: i4.FortressCurrencyPipe, name: \"FortressCurrencyPipe\" }, { kind: \"pipe\", type: i5.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListItemComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-marketplace-list-item', template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n lock\\r\\n {{ 'reward.status.locked' | translate }}\\r\\n
\\r\\n } @else if (statusText) {\\r\\n {{ statusText | translate }}
\\r\\n }\\r\\n \\r\\n \\r\\n star\\r\\n \\r\\n \\r\\n {{ marketplaceItem.AvailabilityCount }}\\r\\n \\r\\n\\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n {{ marketplaceItem.DisplayName }}
\\r\\n \\r\\n {{ marketplaceItem.PointValue | FortressCurrencyPipe : 'PTS' }}
\\r\\n {{ marketplaceItem.EcashValue / 100 | FortressCurrencyPipe }}
\\r\\n \\r\\n {{ marketplaceItem.MerchantValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n \\r\\n @if (marketplaceItem.Locked) {\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\".icon-state{margin-top:8px;margin-left:-2px}\\n\"] }]\n }], ctorParameters: () => [], propDecorators: { marketplaceItem: [{\n type: Input\n }], ignoreLink: [{\n type: Input\n }] } });\n\nclass MarketplaceListItemModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListItemModule, declarations: [MarketplaceListItemComponent], imports: [CommonModule,\n LoyaltyIconModule,\n PipesModule,\n DirectivesModule,\n RouterModule,\n CarouselModule,\n FGBSharedModule], exports: [MarketplaceListItemComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListItemModule, imports: [CommonModule,\n LoyaltyIconModule,\n PipesModule,\n DirectivesModule,\n RouterModule,\n CarouselModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListItemModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [MarketplaceListItemComponent],\n imports: [\n CommonModule,\n LoyaltyIconModule,\n PipesModule,\n DirectivesModule,\n RouterModule,\n CarouselModule,\n FGBSharedModule\n ],\n exports: [MarketplaceListItemComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { MarketplaceListItemComponent, MarketplaceListItemModule };\n","import * as i0 from '@angular/core';\nimport { Component, Input, NgModule } from '@angular/core';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@fgb/core';\nimport { config, ItemLoyaltyState, LOTTO_STATE, LOYALTY_STATUS, LOTTO_TEXT_COLOR } from '@fgb/core';\nimport { DateTime } from 'luxon';\nimport { take } from 'rxjs/operators';\nimport * as i3 from '@fgb/portal-component-library/src/lib/shared/countdown';\nimport { CountdownModule } from '@fgb/portal-component-library/src/lib/shared/countdown';\nimport * as i4 from '@fgb/portal-component-library/src/lib/directives';\nimport { DirectivesModule, IfItemEnabled } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i5 from 'ngx-owl-carousel-o';\nimport { CarouselModule } from 'ngx-owl-carousel-o';\nimport * as i6 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i7 from '@ngx-translate/core';\nimport { LoyaltyIconModule } from '@fgb/portal-component-library/src/lib/shared/loyalty-icon';\nimport { RouterModule } from '@angular/router';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass LottosListItemComponent {\n constructor(balanceQuery) {\n this.balanceQuery = balanceQuery;\n this.ignoreLink = false;\n this.isPreview = false;\n this.available = false;\n this.config = config;\n this.status = ItemLoyaltyState;\n this.isNotEnoughPoints = false;\n this.showLotto = true;\n this.LOTTO_STATE = LOTTO_STATE;\n this.state = LOYALTY_STATUS;\n }\n ngOnInit() {\n if (!this.isPreview) {\n const requestTime = DateTime.fromISO(this.lottoItem.RequestTime, { zone: 'utc' });\n const startDate = DateTime.fromISO(this.lottoItem?.StartDate, { zone: 'utc' });\n if (this.lottoItem) {\n if (startDate > requestTime) {\n this.showLotto = false;\n }\n else {\n this.showLotto = true;\n }\n }\n // tslint:disable-next-line: no-bitwise\n if (this.lottoItem.AllowComingSoon === ItemLoyaltyState.ComingSoon && !this.showLotto) {\n this.statusText = LOTTO_STATE.COMING_SOON;\n this.theme = 'coming-soon';\n }\n else if (this.lottoItem.ItemState === ItemLoyaltyState.OutOfStock) {\n this.statusText = LOTTO_STATE.SOLD_OUT;\n this.theme = 'sold-out';\n }\n else if (this.lottoItem.ItemState === ItemLoyaltyState.ItemLimitReached) {\n this.statusText = LOTTO_STATE.LIMIT_REACHED;\n this.theme = 'limit-reached';\n }\n else {\n this.balanceQuery\n .selectPurse(this.config.purseConfig.virtualLoyalty)\n .pipe(take(1))\n .subscribe((bal) => {\n let currentBal = bal ?? 0;\n if (currentBal < this.lottoItem.PurchasePrice) {\n this.isNotEnoughPoints = true;\n this.statusText = LOTTO_STATE.NOT_ENOUGH_POINT;\n this.theme = 'not-enough-points';\n }\n else if (this.lottoItem.DisableManualEntry === true && this.lottoItem.ShowOnDisableManualEntry === false) {\n this.statusText = LOTTO_STATE.VIEW;\n }\n else if (this.lottoItem.ShowOnDisableManualEntry === true && this.lottoItem.NumberOfTicketsPurchased === 0) {\n this.statusText = LOTTO_STATE.LOCKED;\n }\n else if (this.lottoItem.ShowOnDisableManualEntry && this.lottoItem.NumberOfTicketsPurchased > 0) {\n this.statusText = LOTTO_STATE.ENTERED;\n }\n else {\n this.statusText = '';\n this.available = true;\n }\n });\n }\n this.getStockAvailableState();\n }\n }\n getStockAvailableState() {\n [this.stockAvailableState, this.textColor] = this.handleStockAvailable(this.lottoItem);\n }\n handleStockAvailable(lottoItem) {\n if (!lottoItem)\n return ['', this.theme];\n const startDate = DateTime.fromISO(lottoItem.StartDate, { zone: 'utc' });\n const now = DateTime.utc();\n const days = now.diff(startDate, 'days').days;\n // New Stock\n const threeDays = 3;\n if (days <= threeDays)\n return [LOTTO_STATE.NEW, LOTTO_TEXT_COLOR.NEW];\n // Stock Favourite\n if (lottoItem.Favourite)\n return [LOTTO_STATE.FEATURED, LOTTO_TEXT_COLOR.GREEN];\n else\n return ['', this.theme];\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottosListItemComponent, deps: [{ token: i1.BalanceQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"17.2.1\", type: LottosListItemComponent, selector: \"fgbcl-lottos-list-item\", inputs: { lottoItem: \"lottoItem\", ignoreLink: \"ignoreLink\", isPreview: \"isPreview\" }, ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n lock\\r\\n {{ 'reward.status.locked' | translate }}\\r\\n
\\r\\n } @else if (statusText) {\\r\\n {{ statusText | translate }}
\\r\\n }\\r\\n \\r\\n \\r\\n star\\r\\n \\r\\n \\r\\n {{ marketplaceItem.AvailabilityCount }}\\r\\n \\r\\n\\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n {{ marketplaceItem.DisplayName }}
\\r\\n \\r\\n {{ marketplaceItem.PointValue | FortressCurrencyPipe : 'PTS' }}
\\r\\n {{ marketplaceItem.EcashValue / 100 | FortressCurrencyPipe }}
\\r\\n \\r\\n {{ marketplaceItem.MerchantValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n
\\r\\n\", styles: [\".featured-state{padding-left:5px}.icon-state{margin-top:8px;margin-left:-2px}.lotto-state-timer{margin-top:8px}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: i3.CountdownComponent, selector: \"fgbcl-countdown\", inputs: [\"endDateTime\", \"requestDateTime\", \"completeText\", \"isUTC\"], outputs: [\"complete\"] }, { kind: \"directive\", type: i4.ImgDefaultDirective, selector: \"img[useDefault]\", inputs: [\"src\", \"useDefault\", \"loyaltyType\"] }, { kind: \"directive\", type: i4.IfItemEnabled, selector: \"[ifItemEnabled]\", inputs: [\"ifItemEnabled\", \"ifItemEnabledDisabledStatus\", \"ifItemEnabledElse\"], exportAs: [\"itemEnabled\"] }, { kind: \"directive\", type: i5.OwlRouterLinkWithHrefDirective, selector: \"a[owlRouterLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"stopLink\", \"owlRouterLink\", \"preserveQueryParams\"] }, { kind: \"pipe\", type: i6.ContentImagePipe, name: \"contentImage\" }, { kind: \"pipe\", type: i6.FortressCurrencyPipe, name: \"FortressCurrencyPipe\" }, { kind: \"pipe\", type: i7.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottosListItemComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-lottos-list-item', template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ ('lotto.my.entries' | translate) + lottoItem.NumberOfTicketsPurchased }} \\r\\n
\\r\\n \\r\\n \\r\\n @if (lottoItem.Locked) {\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n lock\\r\\n {{ 'reward.status.locked' | translate }}\\r\\n
\\r\\n } @else if (statusText) {\\r\\n {{ statusText | translate }}
\\r\\n }\\r\\n \\r\\n \\r\\n star\\r\\n \\r\\n\\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n {{ lottoItem.Title }}
\\r\\n\\r\\n \\r\\n {{ lottoItem.PurchasePrice | FortressCurrencyPipe : 'PTS' }}
\\r\\n\\r\\n
\\r\\n\", styles: [\".featured-state{padding-left:5px}.icon-state{margin-top:8px;margin-left:-2px}.lotto-state-timer{margin-top:8px}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.BalanceQuery }], propDecorators: { lottoItem: [{\n type: Input\n }], ignoreLink: [{\n type: Input\n }], isPreview: [{\n type: Input\n }] } });\n\nclass LottosListItemModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottosListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: LottosListItemModule, declarations: [LottosListItemComponent], imports: [CommonModule,\n LoyaltyIconModule,\n CountdownModule,\n PipesModule,\n DirectivesModule,\n IfItemEnabled,\n RouterModule,\n CarouselModule,\n FGBSharedModule], exports: [LottosListItemComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottosListItemModule, imports: [CommonModule,\n LoyaltyIconModule,\n CountdownModule,\n PipesModule,\n DirectivesModule,\n RouterModule,\n CarouselModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottosListItemModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [LottosListItemComponent],\n imports: [\n CommonModule,\n LoyaltyIconModule,\n CountdownModule,\n PipesModule,\n DirectivesModule,\n IfItemEnabled,\n RouterModule,\n CarouselModule,\n FGBSharedModule\n ],\n exports: [LottosListItemComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { LottosListItemComponent, LottosListItemModule };\n","import * as i0 from '@angular/core';\nimport { Component, Input, HostBinding, NgModule } from '@angular/core';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@fgb/core';\nimport { FeaturesRewardsItem, marketplaceIdArr, ProcessProviderId } from '@fgb/core';\nimport { sortBy } from '@fgb/portal-component-library/src/lib/shared/utilities';\nimport { map, tap } from 'rxjs/operators';\nimport * as i3$1 from '@fgb/portal-component-library/src/lib/directives';\nimport { DataSourceDirective } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i4$1 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbPaginationModule } from '@ng-bootstrap/ng-bootstrap';\nimport * as i2$1 from '@fgb/portal-component-library/src/lib/loyalty/auctions/auction-panel';\nimport { AuctionPanelModule } from '@fgb/portal-component-library/src/lib/loyalty/auctions/auction-panel';\nimport * as i3 from '@fgb/portal-component-library/src/lib/loyalty/marketplace/marketplace-list-item';\nimport { MarketplaceListItemModule } from '@fgb/portal-component-library/src/lib/loyalty/marketplace/marketplace-list-item';\nimport * as i4 from '@fgb/portal-component-library/src/lib/loyalty/lottos/lottos-list-item';\nimport { LottosListItemModule } from '@fgb/portal-component-library/src/lib/loyalty/lottos/lottos-list-item';\nimport * as i6 from '@fgb/portal-component-library/src/lib/shared/loading';\nimport { LoadingModule } from '@fgb/portal-component-library/src/lib/shared/loading';\nimport * as i7 from '@ngx-translate/core';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass MixedLoyaltyItemComponent {\n get _isDisabled() {\n return this.ignoreLink;\n }\n constructor() {\n this.ignoreLink = false;\n }\n ngOnInit() { }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MixedLoyaltyItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: MixedLoyaltyItemComponent, selector: \"fgbcl-mixed-loyalty-item\", inputs: { item: \"item\", ignoreLink: \"ignoreLink\" }, host: { properties: { \"class.disabled\": \"this._isDisabled\" } }, ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ ('lotto.my.entries' | translate) + lottoItem.NumberOfTicketsPurchased }} \\r\\n
\\r\\n \\r\\n \\r\\n @if (lottoItem.Locked) {\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n lock\\r\\n {{ 'reward.status.locked' | translate }}\\r\\n
\\r\\n } @else if (statusText) {\\r\\n {{ statusText | translate }}
\\r\\n }\\r\\n \\r\\n \\r\\n star\\r\\n \\r\\n\\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n {{ lottoItem.Title }}
\\r\\n\\r\\n \\r\\n {{ lottoItem.PurchasePrice | FortressCurrencyPipe : 'PTS' }}
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'featured.rewards.placeholder.description' | translate }}
\\r\\n pageSize\\\">\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'featured.rewards.placeholder.description' | translate }}
\\r\\n pageSize\\\">\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'featured.rewards.show.all' | translate }}\\r\\n arrow_forward_ios\\r\\n \\r\\n
\\r\\n \\r\\n {{ title || ('home.page.featured.rewards.title' | translate) }}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'featured.rewards.show.all' | translate }}\\r\\n arrow_forward_ios\\r\\n \\r\\n
\\r\\n \\r\\n {{ title || ('home.page.featured.rewards.title' | translate) }}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\", 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","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'fgb-home-nav',\r\n templateUrl: './home-nav.component.html',\r\n styleUrl: './home-nav.component.scss',\r\n})\r\nexport class HomeNavComponent {}\r\n","\r\n","export class OwlCarouselSettings {\r\n public static Margin = 15;\r\n public static Autoplay = true;\r\n public static AutoplayTimeout = 7000;\r\n public static AutoplaySpeed = 700;\r\n}\r\n","\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'campaign.offers.subheading' | translate }}
\\r\\n \\r\\n {{ 'wallet.show.all' | translate }}\\r\\n arrow_forward_ios\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \r\n \r\n
\r\n \r\n\r\n","import { Component, OnInit, Input, EventEmitter, Output } from '@angular/core';\r\nimport {\r\n Survey,\r\n SurveyType,\r\n AnswerType,\r\n SurveyService,\r\n BalanceService,\r\n SurveyAnswerDto,\r\n PointProcessType,\r\n config,\r\n AnswerDisplayType,\r\n} from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-survey-item-answer',\r\n templateUrl: './survey-item-answer.component.html',\r\n styleUrls: ['./survey-item-answer.component.scss', '../survey.scss'],\r\n})\r\nexport class SurveyItemAnswerComponent implements OnInit {\r\n @Input() survey: Survey;\r\n @Output() predictorAnswers = new EventEmitter<[]>();\r\n selectedAnswers: number[] = [];\r\n surveyType = SurveyType;\r\n answerType = AnswerType;\r\n answerDisplayType = AnswerDisplayType;\r\n imgDisplayType: 'Portrait' | 'Landscape' = 'Portrait';\r\n colDisplayType: string;\r\n margins: string;\r\n boxBorder: string;\r\n\r\n constructor(private surveyService: SurveyService, private balanceService: BalanceService) {}\r\n\r\n ngOnInit() {\r\n this.selectImageDisplay();\r\n if (this.survey.AnswerDisplayType === this.answerDisplayType.Text || this.survey.SurveyType === this.surveyType.Poll) {\r\n if (this.survey.SurveyType === this.surveyType.Poll && this.survey.AnswerDisplayType === this.answerDisplayType.Image) {\r\n this.colDisplayType = 'col-6 col-lg-5';\r\n } else {\r\n this.colDisplayType = 'col-12 col-lg-5';\r\n }\r\n this.margins = 'my-2 my-lg-3';\r\n } else if (this.survey.SurveyType === this.surveyType.Predictor) {\r\n if (\r\n this.survey.AnswerDisplayType == this.answerDisplayType.Image ||\r\n this.survey.AnswerDisplayType == this.answerDisplayType.ImageAndText\r\n ) {\r\n this.colDisplayType = 'col-6';\r\n this.margins = 'my-2 my-lg-3';\r\n } else {\r\n this.colDisplayType = 'col-12';\r\n this.margins = 'mt-3';\r\n this.boxBorder = 'options-box-border';\r\n }\r\n } else {\r\n this.colDisplayType = 'col-6 col-lg-3';\r\n this.margins = 'my-3';\r\n }\r\n }\r\n\r\n selectImageDisplay() {\r\n if (this.survey.SurveyType === this.surveyType.Poll) {\r\n this.imgDisplayType = 'Landscape';\r\n }\r\n }\r\n\r\n selectAnswer(answerId: number) {\r\n let index = this.selectedAnswers.indexOf(answerId);\r\n if (index > -1) {\r\n this.selectedAnswers.splice(index, 1);\r\n } else {\r\n // Only allow one to be selected when the answertype is single\r\n if (this.survey.AnswerType === AnswerType.Single) {\r\n this.selectedAnswers = [];\r\n }\r\n this.selectedAnswers.push(answerId);\r\n }\r\n\r\n // Only submit the answer when the user can only select one answer\r\n if (this.survey.SurveyType === this.surveyType.Predictor) {\r\n this.predictorAnswers.emit();\r\n } else if (this.survey.AnswerType === AnswerType.Single) {\r\n this.submitAnswer();\r\n }\r\n }\r\n\r\n async submitAnswer() {\r\n let surveyId: number = this.survey.SurveyId;\r\n let answerDto: SurveyAnswerDto[] = [];\r\n for (let answerId of this.selectedAnswers) {\r\n answerDto.push({ surveyId, answerId });\r\n }\r\n\r\n await this.surveyService.postSurveyAnswers(this.survey.SurveyId, answerDto);\r\n\r\n if (this.survey.SurveyType === SurveyType.Predictor && this.survey.PointProcessType === PointProcessType.OnAnswer) {\r\n this.creditAccountForSurvey();\r\n }\r\n }\r\n\r\n /** Credit the loyalty balance with the point value of the first answer */\r\n private creditAccountForSurvey() {\r\n let firstSelectedAnswer = this.survey.SurveyAnswers.find((sa) => sa.SurveyAnswerId === this.selectedAnswers[0]);\r\n if (firstSelectedAnswer === undefined) {\r\n return;\r\n }\r\n\r\n this.balanceService.addBalance(config.purseConfig.virtualLoyalty, firstSelectedAnswer.PointValue);\r\n }\r\n}\r\n","\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n ![\"{{](\"{{)
\r\n
\r\n \r\n {{ answer.Title }}\r\n
\r\n \r\n
\r\n \r\n {{ answer.Title }}\r\n
\r\n \r\n {{ answer.Title }}\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { Survey, SurveyAnswer } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-survey-completed-text',\r\n templateUrl: './survey-completed-quiz-text.component.html',\r\n styleUrls: ['./survey-completed-quiz-text.component.scss', '../../../../survey.scss']\r\n})\r\nexport class SurveyCompletedQuizTextComponent implements OnInit {\r\n @Input() survey: Survey;\r\n @Input() selectedAnswers: SurveyAnswer[];\r\n @Input() correctAnswer: SurveyAnswer;\r\n @Input() hasSelectedCorrect: boolean;\r\n @Input() pointsWon: number;\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\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 \r\n \r\n \r\n
\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","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 live_help
\r\n \r\n
\r\n {{ survey.SurveyQuestion }}
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \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","import { Component, OnInit, Input } from '@angular/core';\r\nimport { Survey, SurveyAnswer } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-predictor-completed-processed',\r\n templateUrl: './predictor-completed-processed.component.html',\r\n styleUrls: ['./predictor-completed-processed.component.scss', '../../../../survey.scss']\r\n})\r\nexport class PredictorCompletedProcessedComponent implements OnInit {\r\n @Input() survey: Survey;\r\n @Input() selectedAnswers: SurveyAnswer[];\r\n @Input() correctAnswer: SurveyAnswer;\r\n @Input() hasSelectedCorrect: boolean;\r\n @Input() pointsWon: number;\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n Correct Answer !
\r\n +{{ pointsWon }} Points
\r\n Correct Answer !
\r\n \r\n
\r\n \r\n
\r\n Wrong Answer !
\r\n Better luck next time
\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","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 \r\n
\r\n \r\n
\r\n \r\n {{ 'predictor.noimage.placeholder.title' | translate }}\r\n
\r\n \r\n {{ 'predictor.noimage.placeholder.description' | translate }}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n flaky
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {{ survey.SurveyQuestion }}
\r\n \r\n \r\n Submit\r\n \r\n
\r\n \r\n
\r\n flaky
\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","import { Component, OnInit, Input } from '@angular/core';\r\nimport { Survey, SurveyType } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-survey-item-poll',\r\n templateUrl: './survey-item-poll.component.html',\r\n styleUrls: ['./survey-item-poll.component.scss', '../../survey.scss'],\r\n})\r\nexport class SurveyItemPollComponent implements OnInit {\r\n @Input() survey: Survey;\r\n @Input() hideTitle: boolean = false;\r\n surveyType = SurveyType;\r\n pointsWon: number;\r\n\r\n constructor() {}\r\n\r\n ngOnInit() {\r\n let selectedAnswers = this.survey.SurveyAnswers.filter((sa) => sa.UserSelected);\r\n if (selectedAnswers && selectedAnswers.length > 0) {\r\n this.pointsWon = selectedAnswers[0].PointValue / 100;\r\n }\r\n }\r\n}\r\n","\r\n
\r\n \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 \r\n {{ survey.SurveyQuestion }}\r\n
\r\n \r\n \r\n \r\n
\r\n {{ survey.SurveyQuestion }}
\r\n \r\n \r\n {{ 'featured.games.show.all' | translate }}\r\n arrow_forward_ios\r\n \r\n
\r\n\r\n {{ 'home.page.featured.games' | translate }}
\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { VoucherService, VoucherRedeemModel, BalanceService, config, ErrorStateService } from '@fgb/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { firstValueFrom } from 'rxjs';\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(\r\n private voucherService: VoucherService,\r\n private balanceService: BalanceService,\r\n private errorService: ErrorStateService,\r\n private translate: TranslateService\r\n ) {}\r\n\r\n ngOnInit() {}\r\n\r\n redeemVoucher() {\r\n if (this.messageTimeout) {\r\n clearTimeout(this.messageTimeout);\r\n }\r\n this.clearMessages();\r\n this.sucessfulRedemption = false;\r\n this.disableButton = true;\r\n\r\n if (!this.voucherCode) {\r\n this.redemptionResult = 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 firstValueFrom(this.voucherService.redeemVoucher(voucher))\r\n .then((item) => {\r\n this.balanceService.fetchBalance(config.purseConfig.virtualLoyalty).pipe(take(1)).subscribe();\r\n this.redemptionResult = this.translate.instant('voucher.process.code');\r\n this.sucessfulRedemption = true;\r\n })\r\n .finally(() => {\r\n this.disableButton = false;\r\n this.clearMessagesAfter(10000);\r\n });\r\n }\r\n\r\n private clearMessagesAfter(timeAfter: number) {\r\n this.messageTimeout = setTimeout(() => {\r\n this.clearMessages();\r\n }, timeAfter);\r\n }\r\n\r\n private clearMessages() {\r\n this.redemptionResult = '';\r\n this.errorService.clearErrors();\r\n }\r\n}\r\n","\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {{ 'voucher.title' | translate }}\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n keyboard_arrow_right \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {{ redemptionResult }}\r\n
\r\n \r\n
\r\n \r\n {{ redemptionResult }}\r\n
\r\n \r\n {{ 'member.card.ecash' | translate }}\r\n
\r\n\r\n \r\n {{ cardToken?.CardNumber | creditCardNumber | slice : -9 }}\r\n\r\n
\r\n \r\n{{ 'member.card.ecash.active' | translate }}
\r\n \r\n {{ 'member.card.ecash.frozen' | translate }}\r\n
\r\n\r\n \r\n chevron_right\r\n \r\n Member Card
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{ memberDetails.FirstName }} {{ memberDetails.Surname }}\r\n
\r\n\r\n
\r\n {{ memberCard.ExternalRefNumber }} - {{ memberCard.ProductCode }}
\r\n \r\n
\r\n {{ 'member.card.ecash.balance' | translate }}
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { Barcode, BarcodeQuery, MemberCardQuery, MemberDetails, MemberQuery, CardToken, CardTokenQuery } from '@fgb/core';\r\nimport { BarcodeService } from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\nimport { MemberCard } from '@fgb/core';\r\nimport { config } from '@fgb/core';\r\nimport { BalanceQuery } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-barcode',\r\n templateUrl: './barcode.component.html',\r\n styleUrls: ['./barcode.component.scss'],\r\n})\r\nexport class BarcodeComponent implements OnInit {\r\n @Input() showTickets: boolean = true;\r\n barcode$: Observable\r\n \r\n ![](\"/assets/images/payment-icons/chase.png\")
\r\n \r\n
\r\n \r\n {{ '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 \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n
\\r\\n{{ announcement.Title }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n
\\r\\n{{ announcement.ComingSoonTitle }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n
\\r\\n{{ announcement.Title }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n
\\r\\n{{ announcement.ComingSoonTitle }}
\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n{{ 'fgbcl.announcements.title' | translate }}
\\r\\n 0\\\">\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n{{ 'fgbcl.announcements.title' | translate }}
\\r\\n\r\n
\r\n\r\n\r\n\r\n
\r\n\r\n\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n {{ 'widget.view.all' | translate }}\r\n \r\n
\r\n \r\n add_card\r\n {{ 'widget.desc.heading' | translate }}\r\n
\r\n \r\n {{ 'widget.desc.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","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$1 from '@fgb/portal-component-library/src/lib/shared/loading';\nimport { LoadingModule } from '@fgb/portal-component-library/src/lib/shared/loading';\nimport * as i2$1 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbModule, NgbAccordionModule } from '@ng-bootstrap/ng-bootstrap';\nimport * as i3 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 { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass FaqSectionCardComponent {\n constructor() { }\n ngOnInit() { }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: FaqSectionCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: FaqSectionCardComponent, selector: \"fgbcl-faq-section-card\", inputs: { faqSection: \"faqSection\" }, ngImport: i0, template: \"{{ 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 { Component, OnInit } from '@angular/core';\r\nimport { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\n\r\n@Component({\r\n selector: 'fgb-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 screenSize = ScreenType;\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\n\r\n@Component({\r\n selector: 'fgb-rewards-layout',\r\n templateUrl: './rewards-layout.component.html',\r\n styleUrls: ['./rewards-layout.component.css']\r\n})\r\nexport class RewardsLayoutComponent implements OnInit {\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n}\r\n","\r\n
\r\n\r\n
\r\n \r\n
\r\n {{ 'not.found.title.1' | translate }}
\r\n{{ 'not.found.title.2' | translate }}
\r\n\r\n {{ 'not.found.description' | translate }}\r\n
\r\n \r\n \r\n
\r\n \r\n ![\"\"](\"assets/images/placeholders/404placeholder.svg\")
\r\n
\r\n \r\n \r\n 600\">\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n\r\n","import {\r\n Component,\r\n ElementRef,\r\n EventEmitter,\r\n HostListener,\r\n Input,\r\n OnChanges,\r\n OnInit,\r\n Output,\r\n SimpleChanges,\r\n ViewChild,\r\n} from '@angular/core';\r\nimport { FeaturesRewardsItem, ScreenSizeService } from '@fgb/core';\r\nimport { NgbOffcanvas } from '@ng-bootstrap/ng-bootstrap';\r\n\r\n@Component({\r\n selector: '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 { CommonModule } from '@angular/common';\nimport * as i0 from '@angular/core';\nimport { Component, EventEmitter, Directive, Input, Output, InjectionToken, viewChild, ViewContainerRef, inject, DestroyRef, ChangeDetectionStrategy } from '@angular/core';\nimport { CountdownV2Component } from '@fgb/portal-component-library/src/lib/shared/countdown-v2';\nimport { LOYALTY_STATUS, LoggingService } from '@fgb/core';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\nimport * as i1 from '@ngx-translate/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nclass LockedRewardStatusComponent {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LockedRewardStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: LockedRewardStatusComponent, isStandalone: true, selector: \"fgbcl-locked-reward-status\", ngImport: i0, template: \"\\r\\n\", styles: [\".icon.material-icons{font-size:17px;vertical-align:sub}label{font-size:14px;font-weight:400;margin-bottom:0;margin-right:5px}\\n\"], dependencies: [{ kind: \"ngmodule\", type: FGBSharedModule }, { kind: \"pipe\", type: i1.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LockedRewardStatusComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-locked-reward-status', standalone: true, imports: [FGBSharedModule], template: \"\\r\\n\", styles: [\".icon.material-icons{font-size:17px;vertical-align:sub}label{font-size:14px;font-weight:400;margin-bottom:0;margin-right:5px}\\n\"] }]\n }] });\n\nclass DateRangeStatus {\n constructor() {\n this.itemStart = new EventEmitter();\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: DateRangeStatus, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }\n static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"17.2.1\", type: DateRangeStatus, inputs: { startDate: \"startDate\", comingSoonDate: \"comingSoonDate\" }, outputs: { itemStart: \"itemStart\" }, ngImport: i0 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: DateRangeStatus, decorators: [{\n type: Directive\n }], propDecorators: { startDate: [{\n type: Input\n }], comingSoonDate: [{\n type: Input\n }], itemStart: [{\n type: Output\n }] } });\n\nclass ComingSoonRewardStatusComponent extends DateRangeStatus {\n constructor() {\n super(...arguments);\n this.itemStart = new EventEmitter();\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ComingSoonRewardStatusComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: ComingSoonRewardStatusComponent, isStandalone: true, selector: \"fgbcl-coming-soon-reward-status\", inputs: { startDate: \"startDate\", comingSoonDate: \"comingSoonDate\" }, outputs: { itemStart: \"itemStart\" }, usesInheritance: true, ngImport: i0, template: \"\\r\\n\\r\\n
\\r\\n\", styles: [\".reward-status{height:54px;display:flex;align-items:center;justify-content:center;border-radius:16px}\\n\"], dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"ngmodule\", type: FGBSharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: RewardStatusComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-reward-status', standalone: true, imports: [CommonModule, FGBSharedModule, CountdownV2Component, LockedRewardStatusComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: \"\\r\\n
\\r\\n\\r\\n
\\r\\n\", styles: [\".reward-status{height:54px;display:flex;align-items:center;justify-content:center;border-radius:16px}\\n\"] }]\n }], propDecorators: { status: [{\n type: Input,\n args: [{ required: true }]\n }], startDate: [{\n type: Input\n }], comingSoonDate: [{\n type: Input\n }], itemStart: [{\n type: Output\n }] } });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { ComingSoonRewardStatusComponent, LimitReachedRewardStatusComponent, LockedRewardStatusComponent, NotEnoughPointsRewardStatusComponent, REWARD_STATUS_COMPONENTS, RewardStatusComponent, SoldOutRewardStatusComponent, mergeRewardStatusComponentMaps };\n","import * as i0 from '@angular/core';\nimport { EventEmitter, inject, DestroyRef, Component, Optional, Self, Input, Output, ViewChild, NgModule } from '@angular/core';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@angular/forms';\nimport { ReactiveFormsModule, FormsModule } from '@angular/forms';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { Subject, merge, map, fromEvent, debounceTime, distinctUntilChanged, scan } from 'rxjs';\nimport * as i3 from '@ngx-translate/core';\nimport { InlineSVGModule } from 'ng-inline-svg-2';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\n/**\n * This component is used to create a number input field with increment and decrement buttons, can be used in forms\n * @example\n * \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n = maxValue) || !isActive || control?.disabled\\r\\n \\\"\\r\\n >\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\", styles: [\":host{width:100%}input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-select-container{width:142px}.quantity-select-container .quantity{display:flex;position:relative}.amount-input{border-radius:5px;display:inline;padding:7px 0;background:#f4f4f5;border:0;margin:0!important;text-align:center}.btn,.form-group{margin-bottom:0}.error{font-size:12px;color:red;margin-bottom:0}.form-control{height:34px}.number-input-increment-button,.number-input-decrement-button{position:absolute;font-weight:700;width:34px;height:34px;border-radius:50%;background:#fff}.number-input-increment-button:disabled,.number-input-decrement-button:disabled{background:transparent}.number-input-increment-button{right:4px}.number-input-decrement-button{left:4px}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i1.DefaultValueAccessor, selector: \"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]\" }, { kind: \"directive\", type: i1.NumberValueAccessor, selector: \"input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]\" }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.MinValidator, selector: \"input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]\", inputs: [\"min\"] }, { kind: \"directive\", type: i1.MaxValidator, selector: \"input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]\", inputs: [\"max\"] }, { kind: \"directive\", type: i1.NgModel, selector: \"[ngModel]:not([formControlName]):not([formControl])\", inputs: [\"name\", \"disabled\", \"ngModel\", \"ngModelOptions\"], outputs: [\"ngModelChange\"], exportAs: [\"ngModel\"] }, { kind: \"pipe\", type: i3.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NumberInputComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-number-input', template: \"* {{ minMessage }}
\\r\\n* {{ maxMessage }}
\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n = maxValue) || !isActive || control?.disabled\\r\\n \\\"\\r\\n >\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\", styles: [\":host{width:100%}input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-select-container{width:142px}.quantity-select-container .quantity{display:flex;position:relative}.amount-input{border-radius:5px;display:inline;padding:7px 0;background:#f4f4f5;border:0;margin:0!important;text-align:center}.btn,.form-group{margin-bottom:0}.error{font-size:12px;color:red;margin-bottom:0}.form-control{height:34px}.number-input-increment-button,.number-input-decrement-button{position:absolute;font-weight:700;width:34px;height:34px;border-radius:50%;background:#fff}.number-input-increment-button:disabled,.number-input-decrement-button:disabled{background:transparent}.number-input-increment-button{right:4px}.number-input-decrement-button{left:4px}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{\n type: Optional\n }, {\n type: Self\n }] }], propDecorators: { isActive: [{\n type: Input\n }], minMessage: [{\n type: Input\n }], maxMessage: [{\n type: Input\n }], theme: [{\n type: Input\n }], incrementValue: [{\n type: Input\n }], limitValueToRange: [{\n type: Input\n }], unlimitedLimit: [{\n type: Input\n }], minValue: [{\n type: Input\n }], maxValue: [{\n type: Input\n }], amount: [{\n type: Input\n }], amountChange: [{\n type: Output\n }], outOfRange: [{\n type: Input\n }], inputText: [{\n type: ViewChild,\n args: ['input']\n }], outOfRangeChange: [{\n type: Output\n }], showErrorMessage: [{\n type: Input\n }], errorChange: [{\n type: Output\n }] } });\n\nclass NumberInputModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NumberInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: NumberInputModule, declarations: [NumberInputComponent], imports: [CommonModule,\n ReactiveFormsModule,\n FormsModule,\n InlineSVGModule,\n FGBSharedModule], exports: [NumberInputComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NumberInputModule, imports: [CommonModule,\n ReactiveFormsModule,\n FormsModule,\n InlineSVGModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NumberInputModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [NumberInputComponent],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n FormsModule,\n InlineSVGModule,\n FGBSharedModule\n ],\n exports: [NumberInputComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { NumberInputComponent, NumberInputModule };\n","import * as i0 from '@angular/core';\nimport { EventEmitter, Component, Directive, Input, Output, HostBinding, HostListener, NgModule } from '@angular/core';\nimport * as i1 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport * as i1$1 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport * as i2 from '@ngx-translate/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass ConfirmModalComponent {\n constructor() {\n this.confirm = new EventEmitter();\n this.close = new EventEmitter();\n }\n ngOnInit() { }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ConfirmModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: ConfirmModalComponent, selector: \"fgbcl-confirm-modal\", ngImport: i0, template: \"* {{ minMessage }}
\\r\\n* {{ maxMessage }}
\\r\\n\\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n\", styles: [\".modal-image{width:390px;height:390px}@media (max-width: 991px){.modal-image{width:100%;height:340px}}.confirm-modal-header{padding:20px}.confirm-modal-header h5,.modal-body,.modal-footer{font-size:14px}.modal-body{padding:1rem 0}button:hover{color:#fff}.modal-footer button{max-width:142px;width:100%;font-size:.875rem}.modal-footer{padding:0 15px;display:flex;align-items:center;height:54px;border-top:1px solid rgba(0,0,0,.125)}\\n\"], dependencies: [{ kind: \"directive\", type: i1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i1.NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }, { kind: \"pipe\", type: i2.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ConfirmModalComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-confirm-modal', template: \"\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ headerContent.data }}
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n\", styles: [\".modal-image{width:390px;height:390px}@media (max-width: 991px){.modal-image{width:100%;height:340px}}.confirm-modal-header{padding:20px}.confirm-modal-header h5,.modal-body,.modal-footer{font-size:14px}.modal-body{padding:1rem 0}button:hover{color:#fff}.modal-footer button{max-width:142px;width:100%;font-size:.875rem}.modal-footer{padding:0 15px;display:flex;align-items:center;height:54px;border-top:1px solid rgba(0,0,0,.125)}\\n\"] }]\n }], ctorParameters: () => [] });\n\nclass ConfirmModalDirective {\n get isDisabled() {\n return this.disabled ? '' : null;\n }\n constructor(modalService) {\n this.modalService = modalService;\n this.destroy$ = new Subject();\n this.disabled = false;\n this.valid = true;\n this.confirm = new EventEmitter();\n }\n onClick() {\n if (!this.disabled) {\n this.modal = this.modalService.open(ConfirmModalComponent, {\n size: !!this.confirmImage ? 'lg' : undefined,\n centered: true,\n windowClass: this.className,\n });\n this.modalComponent = this.modal.componentInstance;\n this.modalComponent.modalContent = this.confirmContent;\n this.modalComponent.context = this.confirmContext;\n this.modalComponent.imageRef = this.confirmImage;\n this.modalComponent.headerContent = this.confirmHeader;\n this.modalComponent.close.pipe(takeUntil(this.destroy$)).subscribe((x) => this.modal.close(x));\n this.modalComponent.confirm.pipe(takeUntil(this.destroy$)).subscribe((x) => {\n this.confirm.emit(x);\n this.modal.close(x);\n });\n }\n }\n ngOnChanges(changes) {\n if (!this.valid) {\n this.modal.close();\n }\n }\n ngOnDestroy() {\n this.destroy$.next();\n this.destroy$.complete();\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ConfirmModalDirective, deps: [{ token: i1$1.NgbModal }], target: i0.ɵɵFactoryTarget.Directive }); }\n static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"17.2.1\", type: ConfirmModalDirective, selector: \"[confirmModal]\", inputs: { disabled: \"disabled\", confirmImage: \"confirmImage\", confirmContent: \"confirmContent\", confirmContext: \"confirmContext\", className: [\"modal-class\", \"className\"], valid: \"valid\", confirmHeader: \"confirmHeader\" }, outputs: { confirm: \"confirm\" }, host: { listeners: { \"click\": \"onClick()\" }, properties: { \"attr.disabled\": \"this.isDisabled\" } }, usesOnChanges: true, ngImport: i0 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ConfirmModalDirective, decorators: [{\n type: Directive,\n args: [{\n // tslint:disable-next-line: directive-selector\n selector: '[confirmModal]',\n }]\n }], ctorParameters: () => [{ type: i1$1.NgbModal }], propDecorators: { disabled: [{\n type: Input\n }], confirmImage: [{\n type: Input\n }], confirmContent: [{\n type: Input\n }], confirmContext: [{\n type: Input\n }], className: [{\n type: Input,\n args: [{ alias: 'modal-class' }]\n }], valid: [{\n type: Input\n }], confirmHeader: [{\n type: Input\n }], confirm: [{\n type: Output\n }], isDisabled: [{\n type: HostBinding,\n args: ['attr.disabled']\n }], onClick: [{\n type: HostListener,\n args: ['click']\n }] } });\n\nclass ConfirmModalModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ConfirmModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: ConfirmModalModule, declarations: [ConfirmModalComponent, ConfirmModalDirective], imports: [CommonModule,\n FormsModule,\n NgbModule,\n FGBSharedModule], exports: [ConfirmModalComponent, ConfirmModalDirective] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ConfirmModalModule, imports: [CommonModule,\n FormsModule,\n NgbModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: ConfirmModalModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [ConfirmModalComponent, ConfirmModalDirective],\n imports: [\n CommonModule,\n FormsModule,\n NgbModule,\n FGBSharedModule\n ],\n exports: [ConfirmModalComponent, ConfirmModalDirective]\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { ConfirmModalComponent, ConfirmModalDirective, ConfirmModalModule };\n","import * as i0 from '@angular/core';\nimport { signal, inject, Injector, DestroyRef, runInInjectionContext, computed, Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';\nimport * as i3 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@fgb/core';\nimport { getLoyaltyBalance, config, TermsAndCondtionsType, LOYALTY_STATUS, AuctionStatus, AuctionBid, FgbError, LoyaltyCategoryType, ProviderName } from '@fgb/core';\nimport { tap } from 'rxjs/operators';\nimport { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';\nimport * as i7 from '@fgb/portal-component-library/src/lib/directives';\nimport { ScreenType, IfItemEnabled, DirectivesModule } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i2 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbCarouselModule } from '@ng-bootstrap/ng-bootstrap';\nimport * as i4 from '@fgb/portal-component-library/src/lib/loyalty/reward-status';\nimport { RewardStatusComponent } from '@fgb/portal-component-library/src/lib/loyalty/reward-status';\nimport * as i5 from '@fgb/portal-component-library/src/lib/shared/number-input';\nimport { NumberInputModule } from '@fgb/portal-component-library/src/lib/shared/number-input';\nimport * as i6 from '@fgb/portal-component-library/src/lib/shared/countdown';\nimport { CountdownModule } from '@fgb/portal-component-library/src/lib/shared/countdown';\nimport * as i8 from '@fgb/portal-component-library/src/lib/shared/confirm-modal';\nimport { ConfirmModalModule } from '@fgb/portal-component-library/src/lib/shared/confirm-modal';\nimport * as i9 from '@angular/forms';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport * as i10 from '@fgb/portal-component-library/src/lib/shared/errors';\nimport { ErrorsModule, ErrorComponent } from '@fgb/portal-component-library/src/lib/shared/errors';\nimport * as i11 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i12 from '@ngx-translate/core';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\nimport { ShortLongDescriptionModule } from '@fgb/portal-component-library/src/lib/shared/short-long-description';\nimport { RouterModule } from '@angular/router';\nimport { LoyaltyIconModule } from '@fgb/portal-component-library/src/lib/shared/loyalty-icon';\n\nclass AuctionDetailsComponent {\n constructor(auctionService, auctionQuery, balanceService, errorService, carouselConfig, signalRHub, socialService) {\n this.auctionService = auctionService;\n this.auctionQuery = auctionQuery;\n this.balanceService = balanceService;\n this.errorService = errorService;\n this.carouselConfig = carouselConfig;\n this.signalRHub = signalRHub;\n this.socialService = socialService;\n this.availableBalance = getLoyaltyBalance();\n this.bidAmount = 0;\n this.minBidAmount = 0;\n this.auctionEnd = false;\n this.isBidOutOfRange = false;\n this.isWinning = signal(false);\n this.config = config;\n this.showTermsAndConditionsText = false;\n this.showDescription = true;\n this.TermsAndCondtionsType = TermsAndCondtionsType;\n this.termsAccepted = false;\n this.screenSize = ScreenType;\n this.auction = signal(null);\n this.STATUS = LOYALTY_STATUS;\n this.auctionStatus = AuctionStatus;\n this.injector = inject(Injector);\n this.destroyRef = inject(DestroyRef);\n }\n ngOnInit() {\n this.signalRHub\n .joinGroup('AuctionDetails_' + this.auctionId)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe();\n this.init();\n this.updateCarouselConfig();\n }\n ngOnDestroy() {\n this.signalRHub.removeFromGroup('AuctionDetails_' + this.auctionId);\n }\n init() {\n runInInjectionContext(this.injector, () => {\n this.auction = toSignal(this.auctionQuery.selectAuction(this.auctionId).pipe(tap((auction) => this.updateValues(auction))));\n this.isWinning = computed(() => !!this.auction().IsWinning);\n });\n }\n updateValues(o) {\n const currentValue = o?.CurrentValue ?? 0;\n const bidIncrement = o?.BidIncrement ?? 0;\n this.minBidAmount = o?.HasPreviousSuccessfulBid ? currentValue + bidIncrement : currentValue;\n this.bidAmount = this.minBidAmount;\n this.availableBalance += o?.UserLastBid || 0;\n this.currentValue = o?.CurrentValue || 0;\n }\n submitBid() {\n // Submit the bid\n const bid = new AuctionBid(this.auctionId, +this.bidAmount);\n let amountToDebit = this.bidAmount;\n if (this.isWinning()) {\n let auction = this.auctionQuery.getEntity(this.auctionId);\n if (auction) {\n amountToDebit -= auction.UserLastBid;\n }\n }\n this.auctionService\n .postBid(bid)\n .toPromise()\n .then(() => this.balanceService.debitBalance(this.config.purseConfig.virtualLoyalty, amountToDebit));\n }\n /**\n * Customise carousel\n * config if needed for\n * auction items which have\n * multiple auction images.\n */\n updateCarouselConfig() {\n this.carouselConfig.showNavigationIndicators = false;\n this.carouselConfig.interval = 3000;\n }\n showDescriptionActive() {\n this.showDescription = true;\n this.showTermsAndConditionsText = false;\n }\n showTermsAndConditonsActive() {\n this.showDescription = false;\n this.showTermsAndConditionsText = true;\n }\n onErrorChange(err) {\n // The error message displays for 3 seconds and then clears itself, if not the behavior wanted, use service instead\n if (err) {\n throw new FgbError({ message: err });\n }\n }\n shareItem() {\n return this.socialService.shareLoyalty(this.auctionId, 'rewards/auctions/details', LoyaltyCategoryType.Auction, ProviderName.Facebook);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionDetailsComponent, deps: [{ token: i1.AuctionService }, { token: i1.AuctionQuery }, { token: i1.BalanceService }, { token: i1.ErrorStateService }, { token: i2.NgbCarouselConfig }, { token: i1.SignalRHub }, { token: i1.SocialService }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: AuctionDetailsComponent, selector: \"fgbcl-auction-details\", inputs: { auctionId: \"auctionId\" }, ngImport: i0, template: \"\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ headerContent.data }}
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\", styles: [\".card-img-overlay{font-size:18px}.btn-block{font-size:.875rem;min-width:224px;height:34px;border-radius:16px}@media (max-width: 991px){.btn-block{min-width:310px}}.form-check-input{width:20px;height:20px;border:var(--bs-border-width) solid #000}.form-check-input:focus{box-shadow:none}.form-check-input:checked{background-color:#52c443;border:var(--bs-border-width) solid #52c443;box-shadow:none}.status-container{margin-top:30px;margin-bottom:30px}.form-check{margin-top:30px}.form-check>*:hover{cursor:pointer}\\n\"], dependencies: [{ kind: \"directive\", type: i3.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i3.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i3.NgSwitch, selector: \"[ngSwitch]\", inputs: [\"ngSwitch\"] }, { kind: \"directive\", type: i3.NgSwitchCase, selector: \"[ngSwitchCase]\", inputs: [\"ngSwitchCase\"] }, { kind: \"component\", type: i4.RewardStatusComponent, selector: \"fgbcl-reward-status\", inputs: [\"status\", \"startDate\", \"comingSoonDate\"], outputs: [\"itemStart\"] }, { kind: \"component\", type: i5.NumberInputComponent, selector: \"fgbcl-number-input\", inputs: [\"isActive\", \"minMessage\", \"maxMessage\", \"theme\", \"incrementValue\", \"limitValueToRange\", \"unlimitedLimit\", \"minValue\", \"maxValue\", \"amount\", \"outOfRange\", \"showErrorMessage\"], outputs: [\"amountChange\", \"outOfRangeChange\", \"errorChange\"] }, { kind: \"component\", type: i6.CountdownComponent, selector: \"fgbcl-countdown\", inputs: [\"endDateTime\", \"requestDateTime\", \"completeText\", \"isUTC\"], outputs: [\"complete\"] }, { kind: \"directive\", type: i7.IfItemEnabled, selector: \"[ifItemEnabled]\", inputs: [\"ifItemEnabled\", \"ifItemEnabledDisabledStatus\", \"ifItemEnabledElse\"], exportAs: [\"itemEnabled\"] }, { kind: \"directive\", type: i7.IfScreenSizeDirective, selector: \"[ifScreenSize]\", inputs: [\"ifScreenSize\"] }, { kind: \"directive\", type: i7.WebsiteContentFeatureFlagDirective, selector: \"[fgbWebsiteContentFeatureFlag]\", inputs: [\"fgbWebsiteContentFeatureFlag\"] }, { kind: \"directive\", type: i8.ConfirmModalDirective, selector: \"[confirmModal]\", inputs: [\"disabled\", \"confirmImage\", \"confirmContent\", \"confirmContext\", \"modal-class\", \"valid\", \"confirmHeader\"], outputs: [\"confirm\"] }, { kind: \"directive\", type: i9.CheckboxControlValueAccessor, selector: \"input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]\" }, { kind: \"directive\", type: i9.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i9.NgModel, selector: \"[ngModel]:not([formControlName]):not([formControl])\", inputs: [\"name\", \"disabled\", \"ngModel\", \"ngModelOptions\"], outputs: [\"ngModelChange\"], exportAs: [\"ngModel\"] }, { kind: \"component\", type: i10.ErrorComponent, selector: \"fgbcl-error\" }, { kind: \"pipe\", type: i3.DecimalPipe, name: \"number\" }, { kind: \"pipe\", type: i11.ContentImagePipe, name: \"contentImage\" }, { kind: \"pipe\", type: i11.SafeHtmlPipe, name: \"safeHtml\" }, { kind: \"pipe\", type: i12.TranslatePipe, name: \"translate\" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionDetailsComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-auction-details', changeDetection: ChangeDetectionStrategy.OnPush, template: \"\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n {{ auction()?.Sponsor?.SponsorText }} \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ auction().ItemName }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ currentValue | number }} Pts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'auction.terms.accept' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ currentValue | number }} Pts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'auction.item.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'auction.item.tcs' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ auction().TermsAndConditions }}\\r\\n \\r\\n
\\r\\n {{ 'auction.confirm.text' | translate }}
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n {{ 'auctions.confirmation.additional' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n {{ auction().ItemName }}
\\r\\n \\r\\n {{ 'auction.points.value' | translate }}\\r\\n \\r\\n {{ bidAmount | number }} {{ 'auction.points.value.pts' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\", styles: [\".card-img-overlay{font-size:18px}.btn-block{font-size:.875rem;min-width:224px;height:34px;border-radius:16px}@media (max-width: 991px){.btn-block{min-width:310px}}.form-check-input{width:20px;height:20px;border:var(--bs-border-width) solid #000}.form-check-input:focus{box-shadow:none}.form-check-input:checked{background-color:#52c443;border:var(--bs-border-width) solid #52c443;box-shadow:none}.status-container{margin-top:30px;margin-bottom:30px}.form-check{margin-top:30px}.form-check>*:hover{cursor:pointer}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.AuctionService }, { type: i1.AuctionQuery }, { type: i1.BalanceService }, { type: i1.ErrorStateService }, { type: i2.NgbCarouselConfig }, { type: i1.SignalRHub }, { type: i1.SocialService }], propDecorators: { auctionId: [{\n type: Input\n }] } });\n\nclass AuctionDetailsModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionDetailsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionDetailsModule, declarations: [AuctionDetailsComponent], imports: [CommonModule,\n ErrorsModule,\n RewardStatusComponent,\n NumberInputModule,\n ShortLongDescriptionModule,\n PipesModule,\n LoyaltyIconModule,\n CountdownModule,\n IfItemEnabled,\n DirectivesModule,\n ConfirmModalModule,\n RouterModule,\n NgbCarouselModule,\n FormsModule,\n FGBSharedModule,\n ErrorComponent,\n ReactiveFormsModule], exports: [AuctionDetailsComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionDetailsModule, imports: [CommonModule,\n ErrorsModule,\n RewardStatusComponent,\n NumberInputModule,\n ShortLongDescriptionModule,\n PipesModule,\n LoyaltyIconModule,\n CountdownModule,\n DirectivesModule,\n ConfirmModalModule,\n RouterModule,\n NgbCarouselModule,\n FormsModule,\n FGBSharedModule,\n ErrorComponent,\n ReactiveFormsModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionDetailsModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [AuctionDetailsComponent],\n imports: [\n CommonModule,\n ErrorsModule,\n RewardStatusComponent,\n NumberInputModule,\n ShortLongDescriptionModule,\n PipesModule,\n LoyaltyIconModule,\n CountdownModule,\n IfItemEnabled,\n DirectivesModule,\n ConfirmModalModule,\n RouterModule,\n NgbCarouselModule,\n FormsModule,\n FGBSharedModule,\n ErrorComponent,\n ReactiveFormsModule\n ],\n exports: [AuctionDetailsComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { AuctionDetailsComponent, AuctionDetailsModule };\n","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'fgb-points-summary-bar',\r\n templateUrl: './points-summary-bar.component.html',\r\n styleUrls: ['./points-summary-bar.component.scss'],\r\n})\r\nexport class PointsSummaryBarComponent implements OnInit {\r\n @Input() backButtonLink: string = '/rewards';\r\n @Input() backButtonTitle: string;\r\n @Input() marketplaceItemGroup: string;\r\n\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n}\r\n","\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { HideMobileNav } from '@fgb/portal-component-library/src/lib/directives';\r\n\r\n@Component({\r\n selector: 'fgb-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 implements OnInit {\r\n constructor(private route: ActivatedRoute) {}\r\n id: number;\r\n ngOnInit() {\r\n this.id = +(this.route.snapshot.paramMap.get('id') || 0);\r\n }\r\n}\r\n","\r\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n {{ auction()?.Sponsor?.SponsorText }} \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ auction().ItemName }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ currentValue | number }} Pts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'auction.terms.accept' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ currentValue | number }} Pts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'auction.item.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'auction.item.tcs' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ auction().TermsAndConditions }}\\r\\n \\r\\n
\\r\\n {{ 'auction.confirm.text' | translate }}
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n {{ 'auctions.confirmation.additional' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n {{ auction().ItemName }}
\\r\\n \\r\\n {{ 'auction.points.value' | translate }}\\r\\n \\r\\n {{ bidAmount | number }} {{ 'auction.points.value.pts' | translate }}\\r\\n
\\r\\n \r\n \r\n
\r\n\r\n\r\n\r\n
\r\n\r\n\r\n\r\n \r\n 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 queryMarketplaceItems() {\n if (this.marketplaceItemTypes) {\n this.marketplaceItems$ = this.marketplaceExtendedQuery.selectExtendedMarketplaceItemsOfType(...this.marketplaceItemTypes);\n }\n else {\n this.marketplaceItems$ = this.marketplaceExtendedQuery.selectExtendedMarketplaceItems();\n }\n }\n subscribeAndSortMarketplaceItems() {\n this.marketplaceItemsSubscription = this.marketplaceItems$.subscribe((items) => {\n if (items) {\n items.filter((item) => {\n const today = moment().utc();\n const endDate = moment.utc(item.ItemEndDate);\n return !item.ComingSoon || (item.ComingSoon && endDate.isAfter(today));\n });\n this.originalMarketplaceItem = [...items];\n items = this._sortItems(items);\n this.filteredMarketplaceItems = items;\n }\n });\n }\n defineSortBarOptions() {\n this.sortBarOptions = [\n {\n propertyToSort: 'PointValue',\n shouldToggle: true,\n order: this.sortOrderType.Descending,\n labelASC: 'fgbcl.points.low.to.high',\n labelDESC: 'fgbcl.points.high.to.low',\n },\n {\n propertyToSort: 'ItemEndDate',\n order: this.sortOrderType.Ascending,\n shouldToggle: false,\n labelASC: 'fgbcl.sortby.ending.soon',\n },\n {\n propertyToSort: 'AvailableCount',\n order: this.sortOrderType.Descending,\n shouldToggle: true,\n labelASC: 'fgbcl.limited.availability',\n labelDESC: 'fgbcl.high.availability',\n },\n {\n propertyToSort: 'DisplayName',\n order: this.sortOrderType.Descending,\n shouldToggle: true,\n labelASC: 'fgbcl.sortby.name.atoz',\n labelDESC: 'fgbcl.sortby.name.ztoa',\n },\n ];\n }\n resetOrder() {\n this.subscribeAndSortMarketplaceItems();\n }\n _sortItems(items) {\n let sortedItemsMap = new Map();\n // split out for all marketplace status\n for (let status in MarketplaceItemStatus) {\n if (isNaN(Number(status))) {\n sortedItemsMap.set(status, items\n .filter((x) => x.Status === MarketplaceItemStatus[status])\n .sort((a, b) => {\n switch (this.defaultSort) {\n case MarketplaceListSortOption.Points:\n return this.sortByPoints(a, b);\n case MarketplaceListSortOption.Ordinal:\n return this.sortByOrdinal(a, b);\n default:\n return 0;\n }\n }));\n }\n }\n let sortedItems = [];\n // Filter data by filter status modal\n // if modal not tick checkAll(default of selectedState is checkAll)\n // set sortedItemsMap again with new data of status\n if (!(this.selectedState.length == 1 && this.selectedState[0] == MarketplaceItemStatus.All)) {\n let tempSortedItemMap = new Map();\n this.selectedState.forEach((state) => {\n if (sortedItemsMap.has(MarketplaceItemStatus[state])) {\n tempSortedItemMap.set(MarketplaceItemStatus[state], sortedItemsMap.get(MarketplaceItemStatus[state]));\n }\n });\n sortedItemsMap = tempSortedItemMap;\n }\n let availableItems = sortedItemsMap.get(MarketplaceItemStatus[MarketplaceItemStatus.Available]);\n if (availableItems) {\n sortedItems.push(...availableItems);\n }\n let notEnoughPointsItems = sortedItemsMap.get(MarketplaceItemStatus[MarketplaceItemStatus.NotEnoughPoints]);\n if (notEnoughPointsItems) {\n sortedItems.push(...notEnoughPointsItems);\n }\n let limitReachedItems = sortedItemsMap.get(MarketplaceItemStatus[MarketplaceItemStatus.MemberLimitReached]);\n if (limitReachedItems) {\n sortedItems.push(...limitReachedItems);\n }\n let soldOutItems = sortedItemsMap.get(MarketplaceItemStatus[MarketplaceItemStatus.SoldOut]);\n if (soldOutItems) {\n sortedItems.push(...soldOutItems);\n }\n let comingSoonItems = sortedItemsMap.get(MarketplaceItemStatus[MarketplaceItemStatus.ComingSoon]);\n if (comingSoonItems) {\n sortedItems.push(...comingSoonItems);\n }\n sortedItems = this.sortItemsFavouriteAndNewest(sortedItems);\n return sortedItems;\n }\n sortItemsFavouriteAndNewest(marketplaceItemExtended) {\n const threeDays = 3;\n const itemsNew = marketplaceItemExtended.filter((items, index) => {\n const startDate = moment().diff(items?.ItemStartDate, 'days');\n if (items.Active && startDate <= threeDays) {\n marketplaceItemExtended.splice(index, 1);\n return items;\n }\n else\n return;\n });\n const itemsFavourite = marketplaceItemExtended.filter((items, index) => {\n if (items.Favourite)\n marketplaceItemExtended.splice(index, 1);\n return items.Favourite;\n });\n return itemsNew.concat(itemsFavourite).concat(marketplaceItemExtended);\n }\n sortByPoints(a, b) {\n return b.PointValue - a.PointValue;\n }\n sortByOrdinal(a, b) {\n return a.Ordinal - b.Ordinal;\n }\n handleFilterTypesListEmitter(filterTypes) {\n this.filterTypesList = [...filterTypes];\n }\n handleSelectedStateEmitter(selectedState) {\n this.selectedState = [...selectedState];\n this.filteredMarketplaceItems = this._sortItems([...this.originalMarketplaceItem]);\n }\n isStateInFilter(status) {\n return this.selectedState.includes(status);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListComponent, deps: [{ token: i1.MarketplaceExtendedQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: MarketplaceListComponent, selector: \"fgbcl-marketplace-list\", inputs: { take: \"take\", isList: \"isList\", showSortBar: \"showSortBar\", marketplaceItemTypes: \"marketplaceItemTypes\", marketplaceItemView: \"marketplaceItemView\", eventItemView: \"eventItemView\", productsItemView: \"productsItemView\", defaultSort: \"defaultSort\", showStatusFilter: \"showStatusFilter\" }, ngImport: i0, template: \"\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n {{ 'reward.filter_modal.filter' | translate }}:\\r\\n {{ labelString | translate }}\\r\\n {{ labelString }}\\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n {{ 'reward.filter_modal.reward_type' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ 'reward.filter_modal.reward_type' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'marketplace.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'events.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n{{ 'products.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'marketplace.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'events.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n{{ 'products.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n\r\n
\r\n\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 \\r\\n {{ attribute.AttributeName }}: {{ attribute.ValueName }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ customField.customFieldName }}: {{ customField.customFieldValue }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'cart.merchantPoint' | translate }} \\r\\n \\r\\n {{ (item.purchaseQuantity * item.productData.MerchantValue) / 100 | FortressCurrencyPipe }}\\r\\n \\r\\n \\r\\n {{ 'cart.points' | translate }} \\r\\n {{ item.purchaseQuantity * item.productData.PointValue | number }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'cart.quantity' | translate }}
\\r\\n{{ item.purchaseQuantity }}
\\r\\n\\r\\n
\\r\\n{{ 'cart.empty.basket' | translate }}
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ item.productData.DisplayName }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ attribute.AttributeName }}: {{ attribute.ValueName }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ customField.customFieldName }}: {{ customField.customFieldValue }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'cart.merchantPoint' | translate }} \\r\\n \\r\\n {{ (item.purchaseQuantity * item.productData.MerchantValue) / 100 | FortressCurrencyPipe }}\\r\\n \\r\\n \\r\\n {{ 'cart.points' | translate }} \\r\\n {{ item.purchaseQuantity * item.productData.PointValue | number }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'cart.quantity' | translate }}
\\r\\n{{ item.purchaseQuantity }}
\\r\\n\\r\\n
\\r\\n{{ 'cart.empty.basket' | translate }}
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ totalItems }} ITEM 1\\\">S IN BASKET\\r\\n
\\r\\n\\r\\n \\r\\n close\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'cart.modal.points' | translate }} \\r\\n {{ basketPointsTotal$ | async | number }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n 0 {{ 'cart.modal.items.basket' | translate }}\\r\\n
\\r\\n\\r\\n \\r\\n close\\r\\n \\r\\n
\\r\\n {{ 'cart.modal.empty.basket' | translate }}
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ totalItems }} ITEM 1\\\">S IN BASKET\\r\\n
\\r\\n\\r\\n \\r\\n close\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'cart.modal.points' | translate }} \\r\\n {{ basketPointsTotal$ | async | number }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n 0 {{ 'cart.modal.items.basket' | translate }}\\r\\n
\\r\\n\\r\\n \\r\\n close\\r\\n \\r\\n
\\r\\n {{ 'cart.modal.empty.basket' | translate }}
\\r\\n\\r\\n {{ 'missing.marketplace.address' | translate }}\\r\\n {{ 'missing.shipping.address' | translate }}\\r\\n {{ 'missing.order.address' | translate }}\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i4.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i4.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: i5.CountryAndRegionsComponent, selector: \"fgbcl-country-and-regions\", inputs: [\"Form\", \"HasSubmitted\", \"SeparateRow\"] }, { kind: \"directive\", type: i2.ɵNgNoValidate, selector: \"form:not([ngNoForm]):not([ngNativeValidate])\" }, { kind: \"directive\", type: i2.DefaultValueAccessor, selector: \"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]\" }, { kind: \"directive\", type: i2.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i2.NgControlStatusGroup, selector: \"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]\" }, { kind: \"directive\", type: i2.RequiredValidator, selector: \":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]\", inputs: [\"required\"] }, { kind: \"directive\", type: i2.FormGroupDirective, selector: \"[formGroup]\", inputs: [\"formGroup\"], outputs: [\"ngSubmit\"], exportAs: [\"ngForm\"] }, { kind: \"directive\", type: i2.FormControlName, selector: \"[formControlName]\", inputs: [\"formControlName\", \"disabled\", \"ngModel\"], outputs: [\"ngModelChange\"] }, { kind: \"pipe\", type: i6.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CollectAddressModal, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-collect-address-modal', template: \"\\r\\n {{ 'missing.marketplace.address' | translate }}\\r\\n {{ 'missing.shipping.address' | translate }}\\r\\n {{ 'missing.order.address' | translate }}\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [{ type: i1.NgbActiveModal }, { type: i2.UntypedFormBuilder }, { type: i3.PurchaseService }, { type: i3.AddressService }, { type: i3.MemberService }], propDecorators: { address: [{\n type: Input\n }], orderId: [{\n type: Input\n }], saveMemberDetailsAddress: [{\n type: Input\n }], saveOrderAddress: [{\n type: Input\n }], saveShippingAddress: [{\n type: Input\n }], submittedAddress: [{\n type: Output\n }] } });\n\nclass CollectAddressModalModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CollectAddressModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: CollectAddressModalModule, declarations: [CollectAddressModal], imports: [CommonModule,\n CountryAndRegionsModule,\n ReactiveFormsModule,\n FGBSharedModule], exports: [CollectAddressModal] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CollectAddressModalModule, imports: [CommonModule,\n CountryAndRegionsModule,\n ReactiveFormsModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CollectAddressModalModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [CollectAddressModal],\n imports: [\n CommonModule,\n CountryAndRegionsModule,\n ReactiveFormsModule,\n FGBSharedModule\n ],\n exports: [CollectAddressModal],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { CollectAddressModal, CollectAddressModalModule };\n","import * as i0 from '@angular/core';\nimport { EventEmitter, Component, Input, Output, Pipe, inject, ViewChild, NgModule } from '@angular/core';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport { Subject } from 'rxjs';\nimport * as i1$1 from '@fgb/core';\nimport { config, TermsAndCondtionsType, AddressType, MarketplaceItemStatus, LoyaltyStatusService, ActionLabels, TermsAndCondtion, FgbError, MarketplaceItemMappingAttribute, MARKETPLACE_STATE, MarketplaceItemStockType, TEXT_COLOR, LoyaltyCategoryType, ProviderName } from '@fgb/core';\nimport { tap, take, takeUntil, mergeMap, map } from 'rxjs/operators';\nimport * as i6 from '@fgb/portal-component-library/src/lib/directives';\nimport { ScreenType, DirectivesModule, IfItemEnabled } from '@fgb/portal-component-library/src/lib/directives';\nimport { CartModalComponent } from '@fgb/portal-component-library/src/lib/loyalty/cart-item/cart-modal';\nimport { DateTime } from 'luxon';\nimport * as i1 from '@angular/forms';\nimport { Validators, UntypedFormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { RegexUS } from '@fgb/portal-component-library/src/lib/shared/utilities';\nimport { CollectAddressModal } from '@fgb/portal-component-library/src/lib/loyalty/collect-address-modal';\nimport * as i3 from '@ng-bootstrap/ng-bootstrap';\nimport * as i4 from '@angular/router';\nimport * as i12 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i8 from '@ngx-translate/core';\nimport * as i5 from '@fgb/portal-component-library/src/lib/shared/number-input';\nimport { NumberInputModule } from '@fgb/portal-component-library/src/lib/shared/number-input';\nimport * as i7 from '@fgb/portal-component-library/src/lib/shared/errors';\nimport { ErrorsModule, ErrorComponent } from '@fgb/portal-component-library/src/lib/shared/errors';\nimport * as i4$1 from '@fgb/portal-component-library/src/lib/shared/loading';\nimport { LoadingModule } from '@fgb/portal-component-library/src/lib/shared/loading';\nimport * as i7$1 from '@fgb/portal-component-library/src/lib/loyalty/reward-status';\nimport { RewardStatusComponent } from '@fgb/portal-component-library/src/lib/loyalty/reward-status';\nimport { ShortLongDescriptionModule } from '@fgb/portal-component-library/src/lib/shared/short-long-description';\nimport { LoyaltyIconModule } from '@fgb/portal-component-library/src/lib/shared/loyalty-icon';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\nimport { InlineSVGModule } from 'ng-inline-svg-2';\n\nclass MarketplacePurchaseConfirmationComponent {\n constructor(formBuilder, purchaseService, memberQuery, addressQuery, modalService, router, errorService, balanceService, transactionSuccessService, marketplaceQuery, marketplaceService, rewardsWalletService) {\n this.formBuilder = formBuilder;\n this.purchaseService = purchaseService;\n this.memberQuery = memberQuery;\n this.addressQuery = addressQuery;\n this.modalService = modalService;\n this.router = router;\n this.errorService = errorService;\n this.balanceService = balanceService;\n this.transactionSuccessService = transactionSuccessService;\n this.marketplaceQuery = marketplaceQuery;\n this.marketplaceService = marketplaceService;\n this.rewardsWalletService = rewardsWalletService;\n this.config = config;\n this.clicked = false;\n this.TermsAndCondtionsType = TermsAndCondtionsType;\n this.purchaseLoading = new EventEmitter();\n this.addToCartTermsConfirmed = new EventEmitter();\n this._destroyed$ = new Subject();\n }\n ngOnInit() {\n this.memberQuery\n .selectMemberDetails()\n .pipe(tap((z) => {\n if (z) {\n this.defaultAddress = {\n FirstName: z.FirstName,\n Surname: z.Surname,\n Street: z.Street,\n Town: z.Town,\n County: z.County,\n Postcode: z.PostCode,\n Country: z.Country,\n HomeNumber: z.HomeNumber,\n EmailAddress: z.EmailAddress1,\n PortalId: z.PortalId,\n ClubId: z.ClubId,\n AddressName: 'Default Address',\n AddressType: AddressType.DefaultAddress,\n };\n }\n }))\n .toPromise();\n this.addressQuery\n .selectAddresses([AddressType.DefaultAddress])\n .pipe(take(1), tap((addresses) => {\n this.addresses = addresses;\n this.memberQuery\n .selectMemberDetails()\n .pipe(take(1), tap((md) => {\n if (md) {\n this.member = md;\n this.shippingAddress = this._getDefaultShippingAddress();\n this.shippingAddressForm = this.formBuilder.group({\n addressName: [this.shippingAddress.AddressName, Validators.required],\n emailAddress: [this.shippingAddress.EmailAddress, Validators.email],\n street: [this.shippingAddress.Street, Validators.required],\n town: [this.shippingAddress.Town, Validators.required],\n county: [this.shippingAddress.County, Validators.required],\n country: [this.shippingAddress.Country, Validators.required],\n postcode: [this.shippingAddress.Postcode, [Validators.required, Validators.pattern(RegexUS.postCode)]],\n firstName: [this.shippingAddress.FirstName, Validators.required],\n surname: [this.shippingAddress.Surname, Validators.required],\n homeNumber: [this.shippingAddress.HomeNumber, Validators.required],\n portalId: [this.member.PortalId],\n clubId: [this.member.ClubId],\n });\n }\n }))\n .subscribe();\n }))\n .subscribe();\n }\n _getDefaultShippingAddress() {\n if (this.addresses) {\n let shippingAddress1 = this.addresses.filter((a) => a.AddressType === AddressType.ShippingAddress1)[0];\n if (shippingAddress1) {\n return shippingAddress1;\n }\n let shippingAddress2 = this.addresses.filter((a) => a.AddressType === AddressType.ShippingAddress2)[0];\n if (shippingAddress2) {\n return shippingAddress2;\n }\n }\n return {\n FirstName: '',\n Surname: '',\n Street: '',\n Town: '',\n County: '',\n Postcode: '',\n Country: '',\n HomeNumber: '',\n EmailAddress: '',\n PortalId: this.member.PortalId,\n ClubId: this.member.ClubId,\n AddressType: AddressType.ShippingAddress1,\n AddressName: 'Shipping Address',\n };\n }\n openAddressCollectionModal(address, orderId, saveMemberDetailsAddress, saveShippingAddress, saveOrderAddress) {\n const modal = this.modalService.open(CollectAddressModal, { ariaLabelledBy: 'modal-basic-title', centered: true });\n modal.componentInstance.address = address;\n modal.componentInstance.orderId = orderId;\n modal.componentInstance.saveMemberDetailsAddress = saveMemberDetailsAddress;\n modal.componentInstance.saveShippingAddress = saveShippingAddress;\n modal.componentInstance.saveOrderAddress = saveOrderAddress;\n modal.componentInstance.submittedAddress.pipe(takeUntil(this._destroyed$)).subscribe(() => {\n this.closeModal();\n this.continueOrder(orderId);\n });\n }\n openTerms(content) {\n this.modalService.open(content, { centered: true });\n }\n purchase() {\n this.clicked = true;\n if (this.addToCart) {\n this.modalService.dismissAll();\n this.addToCartTermsConfirmed.emit(true);\n }\n else {\n this.purchaseLoading.emit(true);\n let price = this.marketplaceQuery.getPrice(this.marketplaceItem.Id);\n if (price == undefined) {\n this.errorService.clearErrors();\n this.errorService.addError('Failed to purchase item');\n this.resetLoading();\n return;\n }\n let cost = price * this.purchaseQuantity;\n this.marketplaceService\n .purchaseItemWithProviderResopnse(this.marketplaceItem.Id, this.purchaseQuantity, this.attributeMappingID, undefined, this.validCustomFields ? this.validCustomFields : [], this.templateSelected === 'confirmContentCardPayment' ? true : false)\n .then((response) => {\n if (response && response.Success) {\n this.balanceService.debitBalance(this.config.purseConfig.virtualLoyalty, cost);\n let item = this.marketplaceQuery.getEntity(this.marketplaceItem.Id);\n if (item) {\n this.transactionSuccessService.setTransaction(item, this.purchaseQuantity, cost, response.OrderId);\n }\n this.marketplaceService.disableMarketplaceStoreCache();\n this.rewardsWalletService.disableRewardsWalletStoreCache();\n this.router.navigate(['rewards/marketplace/purchase/success/']);\n }\n else if (response) {\n if (response.ProviderActionInformation.NextAction) {\n if (response.ProviderActionInformation.NextAction == 20) {\n this.openAddressCollectionModal(this.shippingAddress, response.OrderId, false, true, false);\n }\n else if (response.ProviderActionInformation.NextAction == 40) {\n this.openAddressCollectionModal(this.defaultAddress, response.OrderId, true, false, false);\n }\n }\n else {\n this.errorService.clearErrors();\n this.errorService.addError(!!response.ErrorMessage ? response.ErrorMessage : 'Purchase failed');\n }\n }\n })\n .finally(() => {\n this.resetLoading();\n });\n }\n }\n continueOrder(orderId) {\n let price = this.marketplaceQuery.getPrice(this.marketplaceItem.Id);\n if (price == undefined)\n return;\n let cost = price * this.purchaseQuantity;\n this.purchaseLoading.emit(true);\n this.purchaseService\n .continueOrder(orderId)\n .toPromise()\n .then((continueResponse) => {\n if (continueResponse.Data.Success) {\n this.balanceService.debitBalance(this.config.purseConfig.virtualLoyalty, cost);\n let item = this.marketplaceQuery.getEntity(this.marketplaceItem.Id);\n if (item) {\n this.transactionSuccessService.setTransaction(item, this.purchaseQuantity, cost);\n }\n this.marketplaceService.disableMarketplaceStoreCache();\n this.router.navigate(['rewards/marketplace/purchase/success/']);\n }\n else {\n this.errorService.clearErrors();\n this.errorService.addError(!!continueResponse.ErrorMessage ? continueResponse.ErrorMessage : 'Purchase failed');\n }\n })\n .finally(() => {\n this.purchaseLoading.emit(false);\n });\n }\n closeModal() {\n this.modalService.dismissAll();\n }\n ngOnDestroy() {\n this._destroyed$.next();\n this._destroyed$.complete();\n }\n resetLoading() {\n this.clicked = false;\n this.purchaseLoading.emit(false);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplacePurchaseConfirmationComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i1$1.PurchaseService }, { token: i1$1.MemberQuery }, { token: i1$1.AddressQuery }, { token: i3.NgbModal }, { token: i4.Router }, { token: i1$1.ErrorStateService }, { token: i1$1.BalanceService }, { token: i1$1.TransactionSuccessService }, { token: i1$1.MarketplaceQuery }, { token: i1$1.MarketplaceService }, { token: i1$1.RewardsWalletService }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: MarketplacePurchaseConfirmationComponent, selector: \"fgbcl-marketplace-purchase-confirmation\", inputs: { templateSelected: \"templateSelected\", marketplaceItem: \"marketplaceItem\", marketplaceItemType: \"marketplaceItemType\", attributeMappingID: \"attributeMappingID\", selectedAttributes: \"selectedAttributes\", validCustomFields: \"validCustomFields\", purchaseQuantity: \"purchaseQuantity\", addToCart: \"addToCart\" }, outputs: { purchaseLoading: \"purchaseLoading\", addToCartTermsConfirmed: \"addToCartTermsConfirmed\" }, ngImport: i0, template: \"\\r\\n
\\r\\n \\r\\n
\\r\\n\", styles: [\".modal-image{width:390px;height:390px}@media (max-width: 991px){.modal-image{width:100%;height:340px}}.modal-body{padding:1rem 0}.modal-footer{font-size:14px;padding:0 1.25rem .75rem}.modal-footer button{max-width:142px;width:100%;font-size:.875rem}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i6.WebsiteContentFeatureFlagDirective, selector: \"[fgbWebsiteContentFeatureFlag]\", inputs: [\"fgbWebsiteContentFeatureFlag\"] }, { kind: \"directive\", type: i6.ImgDefaultDirective, selector: \"img[useDefault]\", inputs: [\"src\", \"useDefault\", \"loyaltyType\"] }, { kind: \"directive\", type: i6.AttributeTransValueDirective, selector: \"[fgbclAttributeTransValue]\", inputs: [\"attributeDataOrId\", \"attributeList\"] }, { kind: \"pipe\", type: i2.DecimalPipe, name: \"number\" }, { kind: \"pipe\", type: i12.ContentImagePipe, name: \"contentImage\" }, { kind: \"pipe\", type: i12.FortressCurrencyPipe, name: \"FortressCurrencyPipe\" }, { kind: \"pipe\", type: i8.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplacePurchaseConfirmationComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-marketplace-purchase-confirmation', template: \"\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n {{ 'marketplace.confirmation.additional' | translate }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ marketplaceItem.DisplayName }}
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ attribute.AttributeName }}:\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ field.customFieldName }}:\\r\\n {{ field.customFieldValue }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'marketplace.quantity' | translate }}\\r\\n {{ purchaseQuantity }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'marketplace.points.value' | translate }}\\r\\n {{ marketplaceItem.PointValue * purchaseQuantity | number }}\\r\\n {{ 'marketplace.points.value.pts' | translate }}\\r\\n
\\r\\n 0\\\">\\r\\n
\\r\\n \\r\\n {{ 'marketplace.ecash.value' | translate }}\\r\\n {{ (purchaseQuantity * marketplaceItem.EcashValue) / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'marketplace.card.confirm.message' | translate }}\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ purchaseQuantity }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{\\r\\n (marketplaceItem.MerchantValue / 100) * purchaseQuantity | FortressCurrencyPipe\\r\\n }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n\", styles: [\".modal-image{width:390px;height:390px}@media (max-width: 991px){.modal-image{width:100%;height:340px}}.modal-body{padding:1rem 0}.modal-footer{font-size:14px;padding:0 1.25rem .75rem}.modal-footer button{max-width:142px;width:100%;font-size:.875rem}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.UntypedFormBuilder }, { type: i1$1.PurchaseService }, { type: i1$1.MemberQuery }, { type: i1$1.AddressQuery }, { type: i3.NgbModal }, { type: i4.Router }, { type: i1$1.ErrorStateService }, { type: i1$1.BalanceService }, { type: i1$1.TransactionSuccessService }, { type: i1$1.MarketplaceQuery }, { type: i1$1.MarketplaceService }, { type: i1$1.RewardsWalletService }], propDecorators: { templateSelected: [{\n type: Input\n }], marketplaceItem: [{\n type: Input\n }], marketplaceItemType: [{\n type: Input\n }], attributeMappingID: [{\n type: Input\n }], selectedAttributes: [{\n type: Input\n }], validCustomFields: [{\n type: Input\n }], purchaseQuantity: [{\n type: Input\n }], addToCart: [{\n type: Input\n }], purchaseLoading: [{\n type: Output\n }], addToCartTermsConfirmed: [{\n type: Output\n }] } });\n\nclass EcashButtonDisabled {\n transform(purchaseLimit, item) {\n return purchaseLimit <= 0 || item.Status != MarketplaceItemStatus.Available;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EcashButtonDisabled, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: EcashButtonDisabled, name: \"ecashDisabled\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EcashButtonDisabled, decorators: [{\n type: Pipe,\n args: [{\n name: 'ecashDisabled',\n }]\n }] });\nclass InputActive {\n constructor() {\n this.statusService = inject(LoyaltyStatusService);\n }\n transform(purchaseLimit, item) {\n const status = this.statusService.getStatus(item);\n return purchaseLimit > 1 || item.Status != MarketplaceItemStatus.Available || !status.disabled;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: InputActive, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: InputActive, name: \"inputActive\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: InputActive, decorators: [{\n type: Pipe,\n args: [{\n name: 'inputActive',\n }]\n }] });\nclass MarketplaceActionsComponent {\n constructor(marketplaceQuery, errorService, modalService, cartQuery, cartService, router) {\n this.marketplaceQuery = marketplaceQuery;\n this.errorService = errorService;\n this.modalService = modalService;\n this.cartQuery = cartQuery;\n this.cartService = cartService;\n this.router = router;\n this.validCustomFields = [];\n this.actionLabels = ActionLabels;\n this.purchaseLoading = new EventEmitter(false);\n this.hasSumbittedForm = new EventEmitter(false);\n this.cardTokenCount = 0;\n this._acceptedTerms = false;\n this.isActionClicked = false;\n this.isUnredeemble = false;\n this.purchaseQuantity = 1;\n this.marketplaceItemStatus = MarketplaceItemStatus;\n this._destroyed$ = new Subject();\n }\n ngOnInit() {\n this._setUpLocalVariables();\n this.updatePurchaseData();\n }\n updateTermsAndCondtions(accepted) {\n this._acceptedTerms = accepted;\n this.updatePurchaseValidation(this.marketplaceItem);\n }\n updateCustomFields(customFields) {\n this.validCustomFields = customFields;\n this.updatePurchaseValidation(this.marketplaceItem);\n }\n updatePurchaseData(purchaseQuantity, attributeMappingID) {\n if (purchaseQuantity) {\n this.purchaseQuantity = purchaseQuantity;\n }\n if (attributeMappingID) {\n this.attributeMappingID = attributeMappingID;\n }\n this._updatePurchaseLimit();\n this.updatePurchaseValidation(this.marketplaceItem);\n }\n _setUpLocalVariables() {\n this.originalStatus = this.marketplaceItem.Status;\n this.marketplaceTerms = new TermsAndCondtion(this.marketplaceItem.TermsAndConditions, this.marketplaceItem.ShowTermsAndConditions, this.marketplaceItem.TermsAndConditionsType);\n }\n _updateItemLocalStatus(purchaseLimit) {\n let cartItemQty = this.cartQuery.getCartItemPurchaseQuantity(this.marketplaceItem.Id, this.attributeMappingID);\n if (this.availableStock < 1 &&\n this.originalStatus == MarketplaceItemStatus.Available &&\n !this.marketplaceItem.UnlimitedStock) {\n this.marketplaceItem.Status = MarketplaceItemStatus.SoldOut;\n }\n else if (this._isMaxStockInBasket(cartItemQty) || this._isLimitReachedInBasket(cartItemQty, purchaseLimit)) {\n this.marketplaceItem.Status = MarketplaceItemStatus.AllInBasket;\n }\n else {\n this.marketplaceItem.Status = this.originalStatus;\n }\n this._updateStatusText(this.marketplaceItem);\n }\n _isMaxStockInBasket(cartItemQty) {\n const mustCompare = !!this.availableStock && !!cartItemQty;\n const availableStockLocal = this.availableStock - cartItemQty;\n const isAboveLocalStock = this.purchaseQuantity > availableStockLocal;\n return mustCompare && isAboveLocalStock;\n }\n _isLimitReachedInBasket(cartItemQty, purchaseLimit) {\n let availableLimit;\n let isAboveLimit = false;\n if (purchaseLimit) {\n availableLimit = purchaseLimit - cartItemQty;\n isAboveLimit = this.purchaseQuantity > availableLimit;\n }\n return isAboveLimit;\n }\n _updateStatusText(marketplaceItem) {\n const today = DateTime.utc();\n const startDate = DateTime.fromISO(marketplaceItem.ItemStartDate, { zone: 'utc' });\n if (marketplaceItem.Status === MarketplaceItemStatus.ComingSoon && startDate <= today) {\n marketplaceItem.Status = MarketplaceItemStatus.Available;\n this.isUnredeemble = false;\n }\n switch (marketplaceItem.Status) {\n case MarketplaceItemStatus.SoldOut:\n this.statusText = 'marketplace.redeem.sold.out';\n this.isUnredeemble = true;\n break;\n case MarketplaceItemStatus.NotEnoughPoints:\n this.statusText = 'marketplace.redeem.not.enough.points';\n this.isUnredeemble = true;\n break;\n case MarketplaceItemStatus.ComingSoon:\n this.statusText = 'marketplace.redeem.coming.soon';\n this.isUnredeemble = true;\n break;\n case MarketplaceItemStatus.MemberLimitReached:\n this.statusText = 'marketplace.redeem.member.limit';\n this.isUnredeemble = true;\n break;\n case MarketplaceItemStatus.AllInBasket:\n this.statusText = 'marketplace.redeem.all.in.basket';\n this.isUnredeemble = false;\n break;\n default:\n if (this.marketplaceItem.theme === 'mp-event') {\n this.statusText = 'marketplace.redeem.event';\n }\n else if (this.marketplaceItem.theme === 'mp-virtual-event') {\n this.statusText = 'marketplace.redeem.virtual.event';\n }\n else if (this.marketplaceItem.theme === 'mp-product') {\n this.statusText = 'marketplace.redeem.product';\n }\n else {\n this.statusText = 'marketplace.redeem.marketplace';\n }\n this.isUnredeemble = false;\n }\n }\n _updatePurchaseLimit() {\n this.purchaseLimit$ = this.marketplaceQuery.selectPurchaseLimit(this.marketplaceItem.Id, undefined, this.attributeMappingID);\n this.limitMessage$ = this.marketplaceQuery.selectPurchaseLimitMessage(this.marketplaceItem.Id, undefined, this.attributeMappingID);\n }\n updatePurchaseValidation(item) {\n this.disableCart$ = this.cartQuery.selectMemberMarketplaceCartItem(item.Id, this.attributeMappingID).pipe(takeUntil(this._destroyed$), mergeMap((currentCartItem) => {\n return this.purchaseLimit$.pipe(tap((purchaseLimit) => this._updateItemLocalStatus(purchaseLimit)), map((purchaseLimit) => {\n const currentCartItemQuantity = currentCartItem ? currentCartItem.purchaseQuantity : 0;\n const assumedPurchaseQuantity = this.purchaseQuantity + currentCartItemQuantity;\n const cartQuantityExceedsStock = currentCartItem && assumedPurchaseQuantity > this.availableStock;\n const cartQuantityExceedsLimit = currentCartItem && assumedPurchaseQuantity > purchaseLimit;\n const isUnavailable = item.Status !== MarketplaceItemStatus.Available;\n const insufficientQuantity = (purchaseLimit <= 0 || this.purchaseQuantity < (purchaseLimit > 0 ? 1 : 0)) && !this.marketplaceItem.UnlimitedStock;\n const isCartDisabled = isUnavailable ||\n insufficientQuantity ||\n cartQuantityExceedsStock ||\n cartQuantityExceedsLimit ||\n (item.ShowTermsAndConditions && !this._acceptedTerms) ||\n (item.CustomFields && !this.validCustomFields);\n return isCartDisabled;\n }));\n }));\n }\n addProductToCart(isDisabled, openCartModal) {\n this.isActionClicked = true;\n if (isDisabled)\n return;\n this.errorService.clearErrors();\n let purchaseLimit = 0;\n this.purchaseLimit$.subscribe((x) => (purchaseLimit = x)).unsubscribe();\n let cartPurchaseQty = this.cartQuery.getCartItemPurchaseQuantity(this.marketplaceItem.Id, this.attributeMappingID);\n this.hasSumbittedForm.emit(true);\n if (this.marketplaceItem.CustomFields && !this.validCustomFields)\n return;\n if (!!cartPurchaseQty) {\n if (this._isMaxStockInBasket(cartPurchaseQty)) {\n this.errorService.addError('You have added the maximum stock to your basket');\n return;\n }\n else if (this._isLimitReachedInBasket(cartPurchaseQty, purchaseLimit)) {\n this.errorService.addError('Limit Reached');\n return;\n }\n else {\n this.addItemToCartService();\n }\n }\n else if (this.purchaseQuantity > this.availableStock) {\n this.errorService.addError('Sold Out');\n return;\n }\n else {\n if (this.marketplaceItem.ShowTermsAndConditions && !!this.marketplaceItem.TermsAndConditions) {\n this.openPurchaseConfirmationModal(false, 'confirmContent', true, openCartModal);\n }\n else {\n this.addItemToCartService();\n if (openCartModal) {\n this.openCartModal();\n }\n }\n }\n }\n openCartModal() {\n const unvalidCustomFields = this.marketplaceItem.CustomFields && !this.validCustomFields;\n if (unvalidCustomFields)\n return;\n this.modalService.open(CartModalComponent);\n }\n openPurchaseConfirmationModal(isDisabled, templateName, addToCart, openCartModal) {\n const isMerchantItem = this.marketplaceItem.MerchantValue;\n if (isMerchantItem) {\n this.cartService.removeAllCartItems();\n this.addItemToCartService();\n this.router.navigate(['/checkout']);\n }\n else {\n this.isActionClicked = true;\n if (isDisabled)\n return;\n this.hasSumbittedForm.emit(true);\n const unvalidCustomFields = this.marketplaceItem.CustomFields && !this.validCustomFields;\n if (unvalidCustomFields)\n return;\n const modal = this.modalService.open(MarketplacePurchaseConfirmationComponent, {\n ariaLabelledBy: 'modal-basic-title',\n centered: true,\n windowClass: 'reward-confirm-modal'\n });\n modal.componentInstance.templateSelected = templateName;\n modal.componentInstance.marketplaceItem = this.marketplaceItem;\n modal.componentInstance.marketplaceItemType = this.marketplaceItemType;\n modal.componentInstance.attributeMappingID = this.attributeMappingID;\n modal.componentInstance.selectedAttributes = this.selectedAttributes;\n modal.componentInstance.purchaseQuantity = this.purchaseQuantity;\n modal.componentInstance.validCustomFields = this.validCustomFields;\n modal.componentInstance.purchaseLoading.pipe(takeUntil(this._destroyed$)).subscribe((loadingState) => {\n this.purchaseLoading.emit(loadingState);\n if (!loadingState) {\n this.modalService.dismissAll();\n }\n });\n if (addToCart) {\n modal.componentInstance.addToCart = true;\n modal.componentInstance.addToCartTermsConfirmed.pipe(takeUntil(this._destroyed$)).subscribe((termsConfirmed) => {\n if (termsConfirmed) {\n this.addItemToCartService();\n if (openCartModal) {\n this.openCartModal();\n }\n }\n });\n }\n }\n }\n isEcashButtonDisabled(purchaseLimit) {\n return purchaseLimit <= 0 || this.marketplaceItem.Status != MarketplaceItemStatus.Available;\n }\n addItemToCartService() {\n const attributeCart = {\n AttributeMappingId: this.attributeMappingID,\n LocalAttributes: this.selectedAttributes,\n };\n this.cartService.addMarketplaceItemToCart(this.marketplaceItem, this.purchaseQuantity, attributeCart, this.validCustomFields);\n }\n ngOnDestroy() {\n this._destroyed$.next();\n this._destroyed$.complete();\n }\n onErrorChange(err) {\n if (err) {\n throw new FgbError({ message: err });\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceActionsComponent, deps: [{ token: i1$1.MarketplaceQuery }, { token: i1$1.ErrorStateService }, { token: i3.NgbModal }, { token: i1$1.CartQuery }, { token: i1$1.CartService }, { token: i4.Router }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: MarketplaceActionsComponent, selector: \"fgbcl-marketplace-actions\", inputs: { marketplaceItem: \"marketplaceItem\", marketplaceItemType: \"marketplaceItemType\", attributeMappingID: \"attributeMappingID\", selectedAttributes: \"selectedAttributes\", validCustomFields: \"validCustomFields\", hasECash: \"hasECash\", theme: \"theme\", actionLabels: \"actionLabels\", availableStock: \"availableStock\", isCheckTC: \"isCheckTC\" }, outputs: { purchaseLoading: \"purchaseLoading\", hasSumbittedForm: \"hasSumbittedForm\" }, ngImport: i0, template: \"\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n {{ 'marketplace.confirmation.additional' | translate }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ marketplaceItem.DisplayName }}
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ attribute.AttributeName }}:\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ field.customFieldName }}:\\r\\n {{ field.customFieldValue }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'marketplace.quantity' | translate }}\\r\\n {{ purchaseQuantity }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'marketplace.points.value' | translate }}\\r\\n {{ marketplaceItem.PointValue * purchaseQuantity | number }}\\r\\n {{ 'marketplace.points.value.pts' | translate }}\\r\\n
\\r\\n 0\\\">\\r\\n
\\r\\n \\r\\n {{ 'marketplace.ecash.value' | translate }}\\r\\n {{ (purchaseQuantity * marketplaceItem.EcashValue) / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'marketplace.card.confirm.message' | translate }}\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ purchaseQuantity }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{\\r\\n (marketplaceItem.MerchantValue / 100) * purchaseQuantity | FortressCurrencyPipe\\r\\n }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n {{ statusText | translate }}\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n ![\\\"\\\"](\\\"assets/images/icons/add_shopping_cart.svg\\\")
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'marketplace.buy.with.card' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n {{ statusText | translate }}\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'marketplace.buy.with.card' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ item.DisplayName }}\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ item?.Sponsor?.SponsorText }} \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ item.AvailabilityCount }}\\r\\n \\r\\n\\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n 0\\\">\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n 0 && item.Status === 0\\\"\\r\\n [itemCustomFields]=\\\"item.CustomFields\\\"\\r\\n [hasSumbittedForm]=\\\"hasSumbittedForm\\\"\\r\\n (customFieldsChange)=\\\"setCustomFields($event)\\\"\\r\\n >\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n {{ item.PointValue | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n \\r\\n {{\\r\\n item.MerchantValue / 100 | FortressCurrencyPipe\\r\\n }}\\r\\n
\\r\\n 0\\\">\\r\\n {{ item.EcashValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ 'marketplace.terms.accept' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'marketplace.item.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'marketplace.item.tcs' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{\\r\\n item.TermsAndConditions\\r\\n }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ item.DisplayName }}\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ item?.Sponsor?.SponsorText }} \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ item.AvailabilityCount }}\\r\\n \\r\\n\\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n 0\\\">\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n 0 && item.Status === 0\\\"\\r\\n [itemCustomFields]=\\\"item.CustomFields\\\"\\r\\n [hasSumbittedForm]=\\\"hasSumbittedForm\\\"\\r\\n (customFieldsChange)=\\\"setCustomFields($event)\\\"\\r\\n >\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n {{ item.PointValue | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n \\r\\n {{\\r\\n item.MerchantValue / 100 | FortressCurrencyPipe\\r\\n }}\\r\\n
\\r\\n 0\\\">\\r\\n {{ item.EcashValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ 'marketplace.terms.accept' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'marketplace.item.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'marketplace.item.tcs' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{\\r\\n item.TermsAndConditions\\r\\n }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\r\n
\r\n\r\n\r\n\r\n \r\n Back \r\n
\r\n\r\n \r\n
\r\n\r\n\r\n */\r\n@Directive({\r\n // tslint:disable-next-line: directive-selector\r\n selector: 'img[useDefault]',\r\n})\r\nexport class ImgDefaultDirective implements OnInit {\r\n @HostBinding('attr.src') @Input() src: string;\r\n @Input() useDefault: boolean;\r\n @Input() loyaltyType: 'marketplace' | 'auction' | 'lotto' | 'wallet' | 'walletRedeemed' | '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 {{ 'events.purchase.success' | translate }} \r\n {{ 'products.purchase.success' | translate }} \r\n \r\n \r\n {{ 'marketplace.purchase.merchant.success' | translate }}\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n 0\">\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 \r\n {{ 'marketplace.merchant.used' | translate }}\r\n ${{ (purchasedItem.TotalMerchantPrice / 100).toFixed(2) }}\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, LoyaltyCategoryType, ProviderName } 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, socialService) {\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.socialService = socialService;\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 shareItem() {\n return this.socialService.shareLoyalty(this.lottoId, 'rewards/raffles/details', LoyaltyCategoryType.Lotto, ProviderName.Facebook);\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 }, { token: i1.SocialService }], 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 \\r\\n
\\r\\n \\r\\n {{ ('lotto.my.entries' | translate) + lottoItem.NumberOfTicketsPurchased }} \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ ('lotto.my.entries' | translate) + lottoItem.NumberOfTicketsPurchased }} \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ lottoItem?.Sponsor?.SponsorText }} \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ lottoItem.Title }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ lottoItem.PurchasePrice | number }} Pts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'lotto.terms.accept' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ lottoItem.PurchasePrice | number }} Pts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'lotto.item.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'lotto.item.tcs' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{\\r\\n lottoItem.TermsAndConditions\\r\\n }}\\r\\n \\r\\n
\\r\\n {{ 'lotto.confirm.text' | translate }}
\\r\\n\\r\\n
\\r\\n {{ 'lottos.confirmation.additional' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ lottoItem.Title }}
\\r\\n \\r\\n {{ 'lotto.entries' | translate }}\\r\\n {{ entries }}\\r\\n
\\r\\n \\r\\n {{ 'lotto.points.value' | translate }}\\r\\n \\r\\n {{ lottoItem.PurchasePrice * entries | number }} {{ 'lottos.points.value.pts' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\", styles: [\".btn-block{font-size:.875rem;min-width:224px;height:34px;border-radius:16px}@media (max-width: 991px){.btn-block{min-width:310px}}.status-container{margin-top:30px;margin-bottom:30px}.form-check{margin-top:30px}.form-check>*:hover{cursor:pointer}.form-check-input{width:20px;height:20px;border:var(--bs-border-width) solid #000}.form-check-input:focus{box-shadow:none}.form-check-input:checked{background-color:#52c443;border:var(--bs-border-width) solid #52c443;box-shadow:none}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.ErrorStateService }, { type: i2.Router }, { type: i1.LottoService }, { type: i1.LottoQuery }, { type: i1.BalanceService }, { type: i1.TransactionSuccessService }, { type: i1.SocialService }], propDecorators: { lottoId: [{\n type: Input\n }], showTermsAndConditions: [{\n type: Input\n }] } });\n\nclass LottoDetailsModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottoDetailsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: LottoDetailsModule, declarations: [LottoDetailsComponent], imports: [CommonModule,\n ErrorsModule,\n LoyaltyIconModule,\n CountdownModule,\n NumberInputModule,\n PipesModule,\n IfItemEnabled,\n RewardStatusComponent,\n ShortLongDescriptionModule,\n FormsModule,\n DirectivesModule,\n ConfirmModalModule,\n FGBSharedModule,\n ErrorComponent], exports: [LottoDetailsComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottoDetailsModule, imports: [CommonModule,\n ErrorsModule,\n LoyaltyIconModule,\n CountdownModule,\n NumberInputModule,\n PipesModule,\n RewardStatusComponent,\n ShortLongDescriptionModule,\n FormsModule,\n DirectivesModule,\n ConfirmModalModule,\n FGBSharedModule,\n ErrorComponent] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottoDetailsModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [LottoDetailsComponent],\n imports: [\n CommonModule,\n ErrorsModule,\n LoyaltyIconModule,\n CountdownModule,\n NumberInputModule,\n PipesModule,\n IfItemEnabled,\n RewardStatusComponent,\n ShortLongDescriptionModule,\n FormsModule,\n DirectivesModule,\n ConfirmModalModule,\n FGBSharedModule,\n ErrorComponent\n ],\n exports: [LottoDetailsComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { LottoDetailsComponent, LottoDetailsModule };\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { HideMobileNav } from '@fgb/portal-component-library/src/lib/directives';\r\n\r\n@Component({\r\n selector: 'fgb-lotto-detail-page',\r\n templateUrl: './lotto-detail-page.component.html',\r\n styleUrls: ['./lotto-detail-page.component.scss'],\r\n hostDirectives: [\r\n HideMobileNav\r\n ]\r\n})\r\nexport class LottoDetailPageComponent implements OnInit {\r\n id: number;\r\n\r\n constructor(private route: ActivatedRoute) {}\r\n\r\n ngOnInit() {\r\n this.id = +(this.route.snapshot.paramMap.get('id') || 0);\r\n }\r\n}\r\n","\r\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ ('lotto.my.entries' | translate) + lottoItem.NumberOfTicketsPurchased }} \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ ('lotto.my.entries' | translate) + lottoItem.NumberOfTicketsPurchased }} \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ lottoItem?.Sponsor?.SponsorText }} \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ lottoItem.Title }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ lottoItem.PurchasePrice | number }} Pts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'lotto.terms.accept' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ lottoItem.PurchasePrice | number }} Pts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'lotto.item.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'lotto.item.tcs' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{\\r\\n lottoItem.TermsAndConditions\\r\\n }}\\r\\n \\r\\n
\\r\\n {{ 'lotto.confirm.text' | translate }}
\\r\\n\\r\\n
\\r\\n {{ 'lottos.confirmation.additional' | translate }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ lottoItem.Title }}
\\r\\n \\r\\n {{ 'lotto.entries' | translate }}\\r\\n {{ entries }}\\r\\n
\\r\\n \\r\\n {{ 'lotto.points.value' | translate }}\\r\\n \\r\\n {{ lottoItem.PurchasePrice * entries | number }} {{ 'lottos.points.value.pts' | translate }}\\r\\n
\\r\\n \r\n
\r\n\r\n\r\n\r\n \r\n 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
\r\n {{ lottoItem.Title }}
\r\n \r\n \r\n {{ 'lotto.entries' | translate }}\r\n {{ quantity | number }}\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, inject, DestroyRef, NgModule, computed } from '@angular/core';\nimport * as i3 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i4 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i4$1 from '@fgb/portal-component-library/src/lib/shared/short-long-description';\nimport { ShortLongDescriptionModule } from '@fgb/portal-component-library/src/lib/shared/short-long-description';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\nimport { ErrorsModule } from '@fgb/portal-component-library/src/lib/shared/errors';\nimport * as i2 from '@angular/router';\nimport { RouterModule } from '@angular/router';\nimport * as i5 from '@fgb/portal-component-library/src/lib/directives';\nimport { ScreenType, DirectivesModule, DataSourceDirective } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i3$1 from 'angularx-qrcode';\nimport { QRCodeModule } from 'angularx-qrcode';\nimport * as i6 from 'ngx-owl-carousel-o';\nimport { CarouselModule } from 'ngx-owl-carousel-o';\nimport * as i2$1 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport * as i1 from '@fgb/core';\nimport { DATE_OPTIONS, ProcessProviderId, WalletItemType, MarketplaceItemAttributeDisplayType } from '@fgb/core';\nimport * as i5$1 from '@ngx-translate/core';\nimport { map, switchMap, takeUntil } from 'rxjs/operators';\nimport { firstValueFrom, Subject, combineLatest } from 'rxjs';\nimport { OwlCarouselSettings } from '@fgb/portal-component-library/src/lib/shared/utilities';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport * as i4$2 from '@fgb/portal-component-library/src/lib/shared/loading';\nimport { LoadingModule } from '@fgb/portal-component-library/src/lib/shared/loading';\n\nclass AuctionWonListItemComponent {\n constructor(dateOption) {\n this.dateOption = dateOption;\n this.orientation = 'portrait';\n this.redeemed = false;\n this.showButton = true;\n }\n ngOnInit() { }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionWonListItemComponent, deps: [{ token: DATE_OPTIONS }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"17.2.1\", type: AuctionWonListItemComponent, selector: \"fgbcl-auction-won-list-item\", inputs: { auctionItem: \"auctionItem\", orientation: \"orientation\", redeemed: \"redeemed\", showButton: \"showButton\" }, ngImport: i0, template: \"@if(!redeemed){ @if(orientation === 'portrait'){\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n} } @else{\\r\\n\\r\\n
\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n {{ auctionItem?.Name }}
\\r\\n \\r\\n {{ 'fgbcl.auction.claimed' | translate }}\\r\\n {{ auctionItem?.RedeemDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ item?.Name }}
\\r\\n\\r\\n @if(item?.RedeemDate){\\r\\n \\r\\n {{ 'fgbcl.auction.claimed' | translate }}\\r\\n {{ auctionItem?.RedeemDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n }@else {\\r\\n\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n @if(!item?.RedeemDate){\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n @if(!showButton){\\r\\n \\r\\n\\r\\n }@else{\\r\\n
\\r\\n @if (!showButton) {\\r\\n\\r\\n {{ 'marketplace.purchased.list.item.scan.text' | translate }}\\r\\n }\\r\\n \\r\\n {{ 'marketplace.purchased.list.item.claim.text' | translate }}\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n ![\\\"\\\"]()
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n }\\r\\n
\\r\\n {{ item.Name }}
\\r\\n\\r\\n @if(item?.RedeemDate){\\r\\n \\r\\n {{ 'fgbcl.auction.claimed' | translate }}\\r\\n {{ auctionItem?.RedeemDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n }@else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n} } @else{\\r\\n\\r\\n
\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n {{ auctionItem?.Name }}
\\r\\n \\r\\n {{ 'fgbcl.auction.claimed' | translate }}\\r\\n {{ auctionItem?.RedeemDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ item?.Name }}
\\r\\n\\r\\n @if(item?.RedeemDate){\\r\\n \\r\\n {{ 'fgbcl.auction.claimed' | translate }}\\r\\n {{ auctionItem?.RedeemDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n }@else {\\r\\n\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n @if(!item?.RedeemDate){\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n @if(!showButton){\\r\\n \\r\\n\\r\\n }@else{\\r\\n
\\r\\n @if (!showButton) {\\r\\n\\r\\n {{ 'marketplace.purchased.list.item.scan.text' | translate }}\\r\\n }\\r\\n \\r\\n {{ 'marketplace.purchased.list.item.claim.text' | translate }}\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n ![\\\"\\\"]()
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n }\\r\\n
\\r\\n {{ item.Name }}
\\r\\n\\r\\n @if(item?.RedeemDate){\\r\\n \\r\\n {{ 'fgbcl.auction.claimed' | translate }}\\r\\n {{ auctionItem?.RedeemDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n }@else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n 1 }\\\">\\r\\n x{{ item?.count }}\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n {{ item?.items[0].Name }}
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n } }@else{\\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ item.Name }}
\\r\\n \\r\\n {{ 'fgbcl.lotto.claimed' | translate }} {{ item?.RedeemDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ item?.Name }}
\\r\\n\\r\\n @if(item?.RedeemDate){\\r\\n \\r\\n {{ 'fgbcl.lotto.claimed' | translate }} {{ item?.RedeemDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n }@else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe : dateOption.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 {{ item.Name }}
\\r\\n @if(item?.RedeemDate){\\r\\n \\r\\n {{ 'fgbcl.lotto.claimed' | translate }} {{ item?.RedeemDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n }@else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n 1 }\\\">\\r\\n x{{ item?.count }}\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n {{ item?.items[0].Name }}
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n } }@else{\\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ item.Name }}
\\r\\n \\r\\n {{ 'fgbcl.lotto.claimed' | translate }} {{ item?.RedeemDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ item?.Name }}
\\r\\n\\r\\n @if(item?.RedeemDate){\\r\\n \\r\\n {{ 'fgbcl.lotto.claimed' | translate }} {{ item?.RedeemDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n }@else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe : dateOption.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 {{ item.Name }}
\\r\\n @if(item?.RedeemDate){\\r\\n \\r\\n {{ 'fgbcl.lotto.claimed' | translate }} {{ item?.RedeemDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n }@else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe : dateOption.ShortDateFormat }}\\r\\n
\\r\\n 1 }\\\">\\r\\n x{{ item?.count }}\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n {{ item?.items[0].Name }}
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ item.Name }}
\\r\\n \\r\\n {{ 'fgbcl.wallet.claimed' | translate }} {{ item.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ item.Name }}
\\r\\n\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.wallet.claimed' | translate }} {{ item.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n @if (showButton) {\\r\\n \\r\\n @if (!showButton) {\\r\\n \\r\\n } @else {\\r\\n \\r\\n }\\r\\n
\\r\\n @if (!showButton) {\\r\\n {{ 'marketplace.purchased.list.item.scan.text' | translate }}\\r\\n }\\r\\n \\r\\n \\r\\n
\\r\\n } @else {\\r\\n \\r\\n {{ 'marketplace.purchased.list.item.claim.text' | translate }}\\r\\n
\\r\\n }\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'wallet.open.link' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ item.Code }}
\\r\\n {{ item.Code2 }}
\\r\\n @if (!showButton) {\\r\\n \\r\\n @if (item?.Code2) {\\r\\n {{ 'wallet.enter.codes.text' | translate }}\\r\\n } @else {\\r\\n {{ 'wallet.enter.code.text' | translate }}\\r\\n }\\r\\n \\r\\n }\\r\\n \\r\\n \\r\\n {{ 'download.rewards.item' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n ![\\\"\\\"]()
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n }\\r\\n
\\r\\n {{ item.Name }}
\\r\\n\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.wallet.claimed' | translate }} {{ item.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n 1 }\\\">\\r\\n x{{ item?.count }}\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n {{ item?.items[0].Name }}
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ item.Name }}
\\r\\n \\r\\n {{ 'fgbcl.wallet.claimed' | translate }} {{ item.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ item.Name }}
\\r\\n\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.wallet.claimed' | translate }} {{ item.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n @if (showButton) {\\r\\n \\r\\n @if (!showButton) {\\r\\n \\r\\n } @else {\\r\\n \\r\\n }\\r\\n
\\r\\n @if (!showButton) {\\r\\n {{ 'marketplace.purchased.list.item.scan.text' | translate }}\\r\\n }\\r\\n \\r\\n \\r\\n
\\r\\n } @else {\\r\\n \\r\\n {{ 'marketplace.purchased.list.item.claim.text' | translate }}\\r\\n
\\r\\n }\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'wallet.open.link' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ item.Code }}
\\r\\n {{ item.Code2 }}
\\r\\n @if (!showButton) {\\r\\n \\r\\n @if (item?.Code2) {\\r\\n {{ 'wallet.enter.codes.text' | translate }}\\r\\n } @else {\\r\\n {{ 'wallet.enter.code.text' | translate }}\\r\\n }\\r\\n \\r\\n }\\r\\n \\r\\n \\r\\n {{ 'download.rewards.item' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n ![\\\"\\\"]()
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n }\\r\\n
\\r\\n {{ item.Name }}
\\r\\n\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.wallet.claimed' | translate }} {{ item.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n chevron_left\\r\\n {{ 'fgbcl.claimed.back.to.wallet' | translate }}\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n{{ 'auction.wallet.details.item.title' | translate }}
\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ purchasedItem.PointValue | FortressCurrencyPipe : 'PTS' }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.terms' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'wallet.no.items.found' | translate }}\\r\\n
\\r\\n\\r\\n \\r\\n chevron_left\\r\\n {{ 'fgbcl.claimed.back.to.wallet' | translate }}\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n{{ 'auction.wallet.details.item.title' | translate }}
\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ purchasedItem.PointValue | FortressCurrencyPipe : 'PTS' }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.terms' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'wallet.no.items.found' | translate }}\\r\\n
\\r\\n{{ 'rewards.wallet.redeem.title' | translate }}
\\r\\n{{ 'rewards.wallet.redeem.title' | translate }}
\\r\\n\\r\\n \\r\\n chevron_left\\r\\n {{ 'fgbcl.claimed.back.to.wallet' | translate }}\\r\\n \\r\\n\\r\\n \\r\\n @if (!purchasedItem?.RedeemDate) {\\r\\n \\r\\n }\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n @if (groupedItem?.count > 1) {\\r\\n \\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n \\r\\n
\\r\\n{{ 'lottos.wallet.details.item.title' | translate }}
\\r\\n\\r\\n\\r\\n \\r\\n @if (groupedItem?.count > 1) {\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n }\\r\\n {{ 'fgbcl.rewards.wallet.quantity' | translate }}
\\r\\n \\r\\n {{ groupedItem?.count }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\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 {{ 'fgbcl.rewards.wallet.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.terms' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'wallet.no.items.found' | translate }}\\r\\n
\\r\\n\\r\\n \\r\\n chevron_left\\r\\n {{ 'fgbcl.claimed.back.to.wallet' | translate }}\\r\\n \\r\\n\\r\\n \\r\\n @if (!purchasedItem?.RedeemDate) {\\r\\n \\r\\n }\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n @if (groupedItem?.count > 1) {\\r\\n \\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n \\r\\n
\\r\\n{{ 'lottos.wallet.details.item.title' | translate }}
\\r\\n\\r\\n\\r\\n \\r\\n @if (groupedItem?.count > 1) {\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n }\\r\\n {{ 'fgbcl.rewards.wallet.quantity' | translate }}
\\r\\n \\r\\n {{ groupedItem?.count }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\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 {{ 'fgbcl.rewards.wallet.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.terms' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'wallet.no.items.found' | translate }}\\r\\n
\\r\\n\\r\\n \\r\\n chevron_left\\r\\n {{ 'fgbcl.claimed.back.to.wallet' | translate }}\\r\\n \\r\\n\\r\\n \\r\\n @if (!purchasedItem?.RedeemDate) {\\r\\n \\r\\n }\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n @if (groupedItem?.count > 1) {\\r\\n \\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n\\r\\n \\r\\n @if (groupedItem?.count > 1) {\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n }\\r\\n
\\r\\n\\r\\n {{ 'marketplace.wallet.details.item.title' | translate }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n {{ customField.DisplayName }}
\\r\\n {{ customField.DisplayValue }}\\r\\n \\r\\n
\\r\\n {{ attribute.DisplayName }}
\\r\\n \\r\\n @switch (attribute.DisplayType) {\\r\\n @case (attributeDisplayType.Date) {\\r\\n {{ attribute.DisplayValue | UtcToLocaltimePipe }}\\r\\n }\\r\\n @default {\\r\\n {{ attribute.DisplayValue }}\\r\\n }\\r\\n }\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n {{ 'fgbcl.rewards.wallet.quantity' | translate }}
\\r\\n \\r\\n {{ groupedItem?.count }}\\r\\n
\\r\\n \\r\\n @if (!groupPoints?.ecash && !groupPoints?.merchantValue) {\\r\\n
\\r\\n } @else {\\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ groupPoints?.points | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n } @else if (groupPoints?.ecash > 0) {\\r\\n {{ 'marketplace.ecash.used' | translate }}
\\r\\n \\r\\n {{ groupPoints?.ecash / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n } @else if (groupPoints?.merchantValue > 0) {\\r\\n {{ 'marketplace.merchant.used' | translate }}
\\r\\n \\r\\n {{ groupPoints?.merchantValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n }\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ purchasedItem.PointValue | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'marketplace.ecash.used' | translate }}
\\r\\n \\r\\n {{ purchasedItem.EcashValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'marketplace.merchant.used' | translate }}
\\r\\n \\r\\n {{ purchasedItem.MerchantValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.terms' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'wallet.no.items.found' | translate }}\\r\\n
\\r\\n\\r\\n \\r\\n chevron_left\\r\\n {{ 'fgbcl.claimed.back.to.wallet' | translate }}\\r\\n \\r\\n\\r\\n \\r\\n @if (!purchasedItem?.RedeemDate) {\\r\\n \\r\\n }\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n @if (groupedItem?.count > 1) {\\r\\n \\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n\\r\\n \\r\\n @if (groupedItem?.count > 1) {\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n }\\r\\n
\\r\\n\\r\\n {{ 'marketplace.wallet.details.item.title' | translate }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n {{ customField.DisplayName }}
\\r\\n {{ customField.DisplayValue }}\\r\\n \\r\\n
\\r\\n {{ attribute.DisplayName }}
\\r\\n \\r\\n @switch (attribute.DisplayType) {\\r\\n @case (attributeDisplayType.Date) {\\r\\n {{ attribute.DisplayValue | UtcToLocaltimePipe }}\\r\\n }\\r\\n @default {\\r\\n {{ attribute.DisplayValue }}\\r\\n }\\r\\n }\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n {{ 'fgbcl.rewards.wallet.quantity' | translate }}
\\r\\n \\r\\n {{ groupedItem?.count }}\\r\\n
\\r\\n \\r\\n @if (!groupPoints?.ecash && !groupPoints?.merchantValue) {\\r\\n
\\r\\n } @else {\\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ groupPoints?.points | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n } @else if (groupPoints?.ecash > 0) {\\r\\n {{ 'marketplace.ecash.used' | translate }}
\\r\\n \\r\\n {{ groupPoints?.ecash / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n } @else if (groupPoints?.merchantValue > 0) {\\r\\n {{ 'marketplace.merchant.used' | translate }}
\\r\\n \\r\\n {{ groupPoints?.merchantValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n }\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ purchasedItem.PointValue | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'marketplace.ecash.used' | translate }}
\\r\\n \\r\\n {{ purchasedItem.EcashValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'marketplace.merchant.used' | translate }}
\\r\\n \\r\\n {{ purchasedItem.MerchantValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.terms' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'wallet.no.items.found' | translate }}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\".back-button{flex:1}.loyalty-item-container-redeemed{margin-bottom:-1px}\\n\"], dependencies: [{ kind: \"directive\", type: i3.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i3.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: i2$1.NgbPagination, selector: \"ngb-pagination\", inputs: [\"disabled\", \"boundaryLinks\", \"directionLinks\", \"ellipses\", \"rotate\", \"collectionSize\", \"maxSize\", \"page\", \"pageSize\", \"size\"], outputs: [\"pageChange\"] }, { kind: \"directive\", type: i2.RouterLink, selector: \"[routerLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"state\", \"info\", \"relativeTo\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"routerLink\"] }, { kind: \"component\", type: i4$2.LoadingComponent, selector: \"fgbcl-loading\", inputs: [\"size\"] }, { kind: \"directive\", type: i5.DataSourceDirective, selector: \"[fgbDataSource]\", inputs: [\"dataSource\", \"sortOptions\", \"page\", \"pageSize\"], outputs: [\"dataSourceChange\", \"paginationChange\"] }, { kind: \"component\", type: RewardsWalletRedeemedListItemComponent, selector: \"fgbcl-rewards-wallet-redeemed-list-item\", inputs: [\"item\", \"auctionItem\", \"ignoreLink\"] }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: RewardsWalletRedeemedListComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-rewards-wallet-redeemed-list', template: \"\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n 1\\\">\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\".back-button{flex:1}.loyalty-item-container-redeemed{margin-bottom:-1px}\\n\"] }]\n }], ctorParameters: () => [], propDecorators: { onlyRedeemed: [{\n type: Input\n }], take: [{\n type: Input\n }], pageSize: [{\n type: Input\n }], pageNumber: [{\n type: Input\n }], redeemedItems: [{\n type: Input\n }], marketplaceWalletUrl: [{\n type: Input\n }], auctionWalletUrl: [{\n type: Input\n }], lottoWalletUrl: [{\n type: Input\n }] } });\n\nclass WalletModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: WalletModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: WalletModule, declarations: [AuctionWonListItemComponent,\n AuctionWalletDetailsComponent,\n LottosWonListItemComponent,\n LottosWalletDetailsComponent,\n MarketplacePurchasedListItemComponent,\n MarketplaceWalletDetailsComponent,\n RewardsWalletRedeemListComponent,\n RewardsWalletRedeemListItemComponent,\n RewardsWalletRedeemedListComponent,\n RewardsWalletRedeemedListItemComponent], imports: [CommonModule,\n PipesModule,\n ShortLongDescriptionModule,\n NgbModule,\n ErrorsModule,\n RouterModule,\n LoadingModule,\n DirectivesModule,\n QRCodeModule,\n CarouselModule,\n FGBSharedModule,\n DataSourceDirective], exports: [RewardsWalletRedeemListComponent,\n RewardsWalletRedeemedListComponent,\n LottosWalletDetailsComponent,\n AuctionWalletDetailsComponent,\n MarketplaceWalletDetailsComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: WalletModule, imports: [CommonModule,\n PipesModule,\n ShortLongDescriptionModule,\n NgbModule,\n ErrorsModule,\n RouterModule,\n LoadingModule,\n DirectivesModule,\n QRCodeModule,\n CarouselModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: WalletModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [\n AuctionWonListItemComponent,\n AuctionWalletDetailsComponent,\n LottosWonListItemComponent,\n LottosWalletDetailsComponent,\n MarketplacePurchasedListItemComponent,\n MarketplaceWalletDetailsComponent,\n RewardsWalletRedeemListComponent,\n RewardsWalletRedeemListItemComponent,\n RewardsWalletRedeemedListComponent,\n RewardsWalletRedeemedListItemComponent,\n ],\n imports: [\n CommonModule,\n PipesModule,\n ShortLongDescriptionModule,\n NgbModule,\n ErrorsModule,\n RouterModule,\n LoadingModule,\n DirectivesModule,\n QRCodeModule,\n CarouselModule,\n FGBSharedModule,\n DataSourceDirective\n ],\n exports: [\n RewardsWalletRedeemListComponent,\n RewardsWalletRedeemedListComponent,\n LottosWalletDetailsComponent,\n AuctionWalletDetailsComponent,\n MarketplaceWalletDetailsComponent,\n ],\n }]\n }] });\n\nclass WalletTextWithBadgeComponent {\n constructor() {\n this.hasUnredeemedItems = computed(() => this.count() > 0);\n this.countDisplayText = computed(() => {\n if (this.count() > 99) {\n return '99+';\n }\n else {\n return this.count().toString();\n }\n });\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: WalletTextWithBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"17.2.1\", type: WalletTextWithBadgeComponent, isStandalone: true, selector: \"fgbcl-wallet-text-with-badge\", inputs: { count: \"count\" }, ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n 1\\\">\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \r\n
\r\n\r\n\r\n
\r\n\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 {{ 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
\r\n \r\n
\r\n \r\n
\r\n {{ gameDate | uppercase }} | {{ 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
\r\n \r\n \r\n
\r\n \r\n
\r\n {{ gameDate | uppercase }} | {{ gameTime }}
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n ![](\"assets/images/placeholders/no-player-image.png\")
\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {{ 'games.page.trivia.title' | translate }}
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {{ 'games.page.predictor.title' | translate }}
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {{ 'games.page.polls.title' | translate }}
\r\n\r\n
\r\n \r\n \r\n
\r\n {{ 'games.page.score.predictor.title' | translate }}
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {{ 'games.page.pick.player.title' | translate }}
\r\n\r\n
\r\nextension
\r\n \r\n {{ 'games.page.placeholder.title' | translate }}\r\n
\r\n {{ 'games.page.placeholder.description' | translate }}
\r\n \r\n \r\n \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 flaky
\r\n \r\n {{ 'predictor.placeholder.title' | translate }}\r\n
\r\n {{ 'predictor.placeholder.description' | translate }}
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { SurveyType } from '@fgb/core';\r\nimport { SurveyQuery } from '@fgb/core';\r\nimport { Survey } from '@fgb/core';\r\nimport { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\nimport { Observable } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fgb-polls-page',\r\n templateUrl: './polls-page.component.html',\r\n styleUrls: ['./polls-page.component.scss'],\r\n})\r\nexport class PollsPageComponent implements OnInit {\r\n polls$: Observable\r\n
\r\n \r\n
\r\n \r\n {{ 'polls.page.placeholder' | translate }}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { SurveyQuery } from '@fgb/core';\r\nimport { Survey } from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\nimport { SurveyType } from '@fgb/core';\r\nimport { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\n\r\n@Component({\r\n selector: 'fgb-quiz-page',\r\n templateUrl: './quiz-page.component.html',\r\n styleUrls: ['./quiz-page.component.scss'],\r\n})\r\nexport class QuizPageComponent implements OnInit {\r\n quizzes$: Observable\r\n
\r\n \r\n
\r\n \r\n {{ 'trivia.page.placeholder' | 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 * as i1 from '@fgb/core';\nimport { RegistrationQuestionType, UserQuestionAnswerModel } from '@fgb/core';\nimport { tap } from 'rxjs/operators';\nimport * as i2 from '@angular/forms';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport * as i4 from '@ngx-translate/core';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass EditQuestionsComponent {\n constructor(userQuestionService, userQuestionQuery, fb, memberQuery) {\n this.userQuestionService = userQuestionService;\n this.userQuestionQuery = userQuestionQuery;\n this.fb = fb;\n this.memberQuery = memberQuery;\n /** comfortEdit is a status use for Edit question logic\n * In this state, if the value is blank then the user should be able to edit it, but once it has value in it, there should be no edit button visible.\n * Similarly, if there are 2 questions and 1 is blank then the edit button should appear but only the blank answer should be editable.\n */\n this.comfortEdit = false;\n this.questionAnswerArr = [];\n this.toggleEdit = false;\n this.isEditable = true;\n }\n ngOnInit() {\n this.userQuestionService.fetchQuestions().toPromise();\n this.userQuestionQuery\n .selectUserQuestion()\n .pipe(tap((response) => {\n this.registrationQuestionAnswerModel = [...response];\n this.initUserQuestionForm(response);\n if (this.comfortEdit)\n this.checkEditable();\n }))\n .toPromise();\n }\n /**Create an array with question and array formcontrol answer*/\n initUserQuestionForm(questionForm) {\n this.questionAnswerArr = [];\n if (!questionForm)\n return;\n questionForm.forEach((qf) => {\n this.questionAnswerArr.push({\n question: { value: qf.Question.Question, type: qf.Question.QuestionType },\n answerForm: this.fb.group({ arr: this.drawFormControl(qf.Answer) }),\n });\n });\n }\n /** Create formcontrol of answer and disabled it */\n drawFormControl(answers) {\n if (!answers)\n return;\n let formArr = this.fb.array(answers.map((answer) => this.fb.control({\n Id: answer.Id,\n QuestionId: answer.QuestionId,\n Answer: answer.Answer ? answer.Answer : '',\n AnswerType: answer.AnswerType,\n Selected: answer.Selected,\n })));\n formArr.disable();\n return formArr;\n }\n /*Run when user Click Edit button\n * Change state enable or disable all the answers */\n changeToggleEditValue(isCancel = false) {\n this.toggleEdit = !this.toggleEdit;\n this.toggleEdit && this.questionAnswerArr.forEach((qa) => qa.answerForm.controls['arr'].enable());\n !this.toggleEdit && this.questionAnswerArr.forEach((qa) => qa.answerForm.controls['arr'].disable());\n // /**change to Editable state */\n // if (this.toggleEdit === true) {\n // if (this.comfortEdit) {\n // this.questionAnswerArr.forEach((qa) => qa.answerForm.controls['arr'].enable());\n // } else {\n // this.questionAnswerArr.forEach((qa) => {\n // if (qa.question.type === RegistrationQuestionType.TextBox) {\n // if (qa.answerForm.controls['arr'].value[0].Answer == '') qa.answerForm.controls['arr'].enable();\n // } else {\n // /**In all answers of the question, if there no answer yet, enable that question to edit ( base on Selected field, Selected = true which mean answered) */\n // let answersHasSelectedArr = qa.answerForm.controls['arr'].value.filter(\n // (val: RegistrationAnswerModel) => val.Selected == true\n // );\n // !answersHasSelectedArr.length && qa.answerForm.controls['arr'].enable();\n // }\n // });\n // }\n // }\n // /**change to Un-Editable state */\n // if (this.toggleEdit === false) {\n // /**Click cancel button and return all data to init state */\n // isCancel && this.initUserQuestionForm(this.registrationQuestionAnswerModel);\n // this.questionAnswerArr.forEach((qa) => qa.answerForm.controls['arr'].disable());\n // }\n if (this.comfortEdit)\n this.checkEditable();\n }\n /**\n * Check all answers if there have one or more question not answer yet, appear buttons\n */\n checkEditable() {\n this.isEditable = false;\n this.questionAnswerArr?.forEach((qa) => {\n let answers = qa.answerForm.controls['arr'].value;\n if (qa.question.type === RegistrationQuestionType.TextBox) {\n /**If question type is Text box and there haven't answer yet, show buttons */\n if (answers[0].Answer === '')\n this.isEditable = true;\n }\n else {\n /**Get answers which is not selected */\n let answersNotSelected = answers.filter((val) => val.Selected == false);\n /** if the total number of answers have not selected (answersNotSelected) equal to answers length, show button*/\n if (answersNotSelected.length === answers.length)\n this.isEditable = true;\n }\n });\n return;\n }\n /**When the answer change set true Selected property and set false to others in that question\n * @param indexQuestionAnswer index of question that user answered in array question\n * @param event event of changes input\n * @type type of question\n */\n onAnswerChange(indexQuestionAnswer, event, typeQuestion) {\n //Index of the current answer that user clicked\n let indexAnswer = 0;\n switch (typeQuestion) {\n case this.TYPE_QUESTION.DropDown:\n indexAnswer = event.target.selectedIndex - 1;\n break;\n case this.TYPE_QUESTION.Radio:\n case this.TYPE_QUESTION.MultiSelect:\n case this.TYPE_QUESTION.TextBox:\n indexAnswer = event.target.id;\n break;\n }\n //Get the array controls answer in questionAnswerArr\n const answerArrayControls = this.questionAnswerArr[indexQuestionAnswer].answerForm.controls['arr'].controls;\n //Get the form control of answer that user selected\n let formControlAnswer = answerArrayControls[indexAnswer];\n if (typeQuestion === this.TYPE_QUESTION.MultiSelect) {\n answerArrayControls[indexAnswer].patchValue({\n ...formControlAnswer.value,\n Selected: event.target.checked,\n });\n }\n //Set selected property equal TRUE and answer value of user answered in current question to the formcontrol\n if (typeQuestion === this.TYPE_QUESTION.TextBox) {\n answerArrayControls[indexAnswer].patchValue({\n ...formControlAnswer.value,\n Answer: event.target.value,\n Selected: true,\n });\n }\n if (typeQuestion === this.TYPE_QUESTION.DropDown || typeQuestion === this.TYPE_QUESTION.Radio) {\n answerArrayControls[indexAnswer].patchValue({\n ...formControlAnswer.value,\n Selected: true,\n });\n // Check on type DROPDOWN and RADIO if user not answer, set selected = false of others answer in that question\n answerArrayControls.forEach((control) => {\n if (control !== formControlAnswer)\n control.patchValue({ ...control.value, Selected: false });\n });\n }\n }\n /**Get all Answers has selected property equal TRUE then return all selected answer*/\n getArrayAnswerSelected(answerForms) {\n let selectedAnswers = [];\n answerForms.forEach((question) => {\n question\n .filter((answer) => answer.Selected)\n .forEach((answer) => {\n selectedAnswers.push(answer);\n });\n });\n return selectedAnswers;\n }\n /**Run when user click Save button\n * Save the data to server\n */\n onSave() {\n const clubId = this.memberQuery.getClubId();\n const portalId = this.memberQuery.getPortalId();\n const answerFormValues = this.questionAnswerArr.map((qa) => qa.answerForm.value.arr);\n let arrAnswerSelected = this.getArrayAnswerSelected(answerFormValues);\n let answerBody = arrAnswerSelected.map((ans) => new UserQuestionAnswerModel(ans, clubId, portalId));\n this.userQuestionService.updateAnswers(answerBody);\n this.changeToggleEditValue();\n }\n get TYPE_QUESTION() {\n return RegistrationQuestionType;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EditQuestionsComponent, deps: [{ token: i1.UserQuestionsService }, { token: i1.UserQuestionsQuery }, { token: i2.UntypedFormBuilder }, { token: i1.MemberQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: EditQuestionsComponent, selector: \"fgbcl-edit-questions\", inputs: { comfortEdit: \"comfortEdit\" }, 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 {{ answer.value.Answer }}\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ questionAnswer.question.value }} \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n\\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 {{ questionAnswer.question.value }} \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \r\n
\r\n\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n email\r\n {{ member.EmailAddress1 }}\r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n\r\n\r\n
\r\n\r\n ![](\"/assets/images/tm-logo.svg\")
\r\n \r\n
\r\n {{ 'account.member.card.title' | translate }}
\r\n{{ 'questions.subheading' | translate }}
\r\n{{ 'account.tm.widget.title' | translate }}
\r\n\r\n \r\n \r\n
\r\n {{ 'account.details.title' | translate }}
\r\n\r\n
\r\n","import * as i0 from '@angular/core';\nimport { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbDateNativeAdapter, NgbModule } from '@ng-bootstrap/ng-bootstrap';\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';\n\nclass DateRangePickerComponent {\n constructor(adapter) {\n this.adapter = adapter;\n this.minDate = null;\n this.startDateChange = new EventEmitter();\n this.endDateChange = new EventEmitter();\n }\n ngOnInit() {\n let currentDate = new Date(Date.now());\n this.ngbStartDate = this.adapter.fromModel(this.startDate);\n this.ngbEndDate = this.adapter.fromModel(this.endDate);\n this.ngbMinDate = this.adapter.fromModel(this.minDate);\n this.today = {\n year: currentDate.getFullYear(),\n month: currentDate.getMonth() + 1,\n day: currentDate.getDate(),\n };\n }\n get ngbStartDate() {\n return this._startDate;\n }\n set ngbStartDate(value) {\n this._startDate = value;\n this.startDateChange.emit(this.adapter.toModel(value));\n }\n get ngbEndDate() {\n return this._endDate;\n }\n set ngbEndDate(value) {\n this._endDate = value;\n this.endDateChange.emit(this.adapter.toModel(value));\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: DateRangePickerComponent, deps: [{ token: i1.NgbDateNativeAdapter }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: DateRangePickerComponent, selector: \"fgbcl-date-range-picker\", inputs: { minDate: \"minDate\", startDate: \"startDate\", endDate: \"endDate\" }, outputs: { startDateChange: \"startDateChange\", endDateChange: \"endDateChange\" }, providers: [NgbDateNativeAdapter], ngImport: i0, template: \"{{ 'account.details.title' | translate }}
\r\n{{ 'questions.subheading' | translate }}
\r\n{{ 'account.tm.widget.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 || transaction.DescriptionText }}\r\n
\r\n\r\n \r\n {{ transaction.TransactionDateUTC | UtcToLocaltimePipe: 'hh:mm a' | uppercase }}\r\n
\r\n \r\n = 0 ? 'text-success' : 'text-danger'\"\r\n >\r\n {{ transaction.Amount >= 0 ? '+' : ''\r\n }}{{ transaction.Amount | FortressCurrencyPipe: (transactionType === transactionTypes.loyalty ? 'PTS' : 'USD') }}\r\n
\r\n \r\n
\r\n \r\n {{ 'transactions.page.placeholder' | translate }}\r\n
\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 @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 @Input() isTransferPage: boolean;\r\n\r\n transactions$: Observable\r\n {{ 'payment.history.page.transfer.title' | translate }}\r\n
\r\n\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","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","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 \r\n {{ 'ecash.success.page.message' | translate }}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { 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('cardtoken/success');\r\n } else {\r\n this.router.navigateByUrl('cardtoken/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","import * as i0 from '@angular/core';\nimport { EventEmitter, Component, Output, NgModule } from '@angular/core';\nimport * as i3 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport { map } from 'rxjs/operators';\nimport { RegexUK } from '@fgb/portal-component-library/src/lib/shared/utilities';\nimport * as i1 from '@fgb/core';\nimport * as i2 from '@ng-bootstrap/ng-bootstrap';\nimport * as i4 from '@fgb/portal-component-library/src/lib/shared/errors';\nimport { ErrorsModule } from '@fgb/portal-component-library/src/lib/shared/errors';\nimport * as i5 from '@fgb/portal-component-library/src/lib/shared/loading';\nimport { LoadingModule } from '@fgb/portal-component-library/src/lib/shared/loading';\nimport * as i6 from '@angular/forms';\nimport { FormsModule } from '@angular/forms';\nimport * as i7 from '@fgb/portal-component-library/src/lib/shared/confirm-modal';\nimport { ConfirmModalModule } from '@fgb/portal-component-library/src/lib/shared/confirm-modal';\nimport * as i8 from '@ngx-translate/core';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass AddressBookComponent {\n constructor(errorStateService, addressBookQuery, addressService, modalService) {\n this.errorStateService = errorStateService;\n this.addressBookQuery = addressBookQuery;\n this.addressService = addressService;\n this.modalService = modalService;\n this.addNew = false;\n this.selectedContact = new EventEmitter();\n }\n ngOnInit() {\n this.getAddressBookList();\n }\n isEmailValid(email) {\n return String(email).toLowerCase().match(RegexUK.email);\n }\n getAddressBookList() {\n this.addressBook$ = this.addressBookQuery\n .selectAllContacts()\n .pipe(map((contactsList) => contactsList.sort((a, b) => a.FullName.localeCompare(b.FullName))));\n }\n selectContact(item) {\n this.selectedContact.emit(item);\n }\n showAddNewForm() {\n this.addNew = !this.addNew;\n }\n addContact() {\n this.addressService\n .add(this.fullName, this.email)\n .toPromise()\n .then(() => this.showAddNewForm())\n .catch((error) => {\n this.errorStateService.addError(error);\n setTimeout(() => this.errorStateService.clearErrors(), 3000);\n });\n }\n removeContact(id) {\n this.addressService.remove(id).toPromise();\n this.modalService.dismissAll();\n }\n open(content) {\n this.modalService\n .open(content, {\n ariaLabelledBy: 'modal-basic-title',\n backdrop: 'static',\n })\n .result.then((result) => { }, (reason) => { });\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AddressBookComponent, deps: [{ token: i1.ErrorStateService }, { token: i1.AddressBookQuery }, { token: i1.AddressBookService }, { token: i2.NgbModal }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: AddressBookComponent, selector: \"fgbcl-address-book\", outputs: { selectedContact: \"selectedContact\" }, 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 {{ '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 | {{ '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","/** A list of helpful regular expressions to keep validation consistent throughout the site. */\r\nexport class Regex {\r\n /** Validates an email address. */\r\n //prettier-ignore\r\n static email = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n\r\n /** Validates a post code US */\r\n static postCode = /^\\d{5}$/;\r\n\r\n /** Validates a post code UK */\r\n // static postCode = /^[A-Z]{1,2}[0-9][A-Z0-9]? ?[0-9][A-Z]{2}$/;\r\n\r\n /** Validates a gender input field. */\r\n static gender = /^(M|F|O)$/;\r\n\r\n /** Validates a number input field */\r\n static number = /^\\d+$/;\r\n\r\n /** Validates currency for transfers */\r\n static currency = /^[0-9]+(\\.[0-9]{1,2})?$/;\r\n}\r\n","\r\n","import { Component, OnInit, ViewChild, ElementRef, OnDestroy } from '@angular/core';\r\nimport { FormGroup, FormBuilder, Validators } from '@angular/forms';\r\nimport { Regex } from 'src/app/shared/utilities/regex';\r\nimport { Router } from '@angular/router';\r\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\n\r\nimport {\r\n ExternalCashTransferService,\r\n VerifyEmailAddressRequest,\r\n ExternalCashTransferViewModel,\r\n BalanceQuery,\r\n config,\r\n ErrorStateService,\r\n MemberQuery,\r\n} from '@fgb/core';\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fgb-transfer-arena-cash',\r\n templateUrl: './transfer-arena-cash.component.html',\r\n styleUrls: ['./transfer-arena-cash.component.scss'],\r\n})\r\nexport class TransferArenaCashComponent implements OnInit, OnDestroy {\r\n balance: number;\r\n submitted = false;\r\n loading = false;\r\n transferCashForm: FormGroup = this.formBuilder.group({\r\n emailAddress: ['', [Validators.required, Validators.pattern(Regex.email)]],\r\n amount: ['', [Validators.required, Validators.pattern(Regex.currency)]],\r\n });\r\n balanceSub: Subscription;\r\n memberSub: Subscription;\r\n currentEmail: string;\r\n\r\n @ViewChild('invalidFunds') invalidFundsRef: ElementRef;\r\n @ViewChild('transferFailed') transferFailedRef: ElementRef;\r\n @ViewChild('transferOwnEmail') transferOwnEmailRef: ElementRef;\r\n\r\n constructor(\r\n private formBuilder: FormBuilder,\r\n private externalCashTransferService: ExternalCashTransferService,\r\n private router: Router,\r\n private modalService: NgbModal,\r\n private balanceQuery: BalanceQuery,\r\n private errorService: ErrorStateService,\r\n private memberQuery: MemberQuery\r\n ) {}\r\n\r\n ngOnInit() {\r\n this.balanceSub = this.balanceQuery.selectPurse(config.purseConfig.combined).subscribe((bal) => {\r\n this.balance = bal ?? 0;\r\n });\r\n\r\n this.memberSub = this.memberQuery.selectMemberDetails().subscribe((mem) => {\r\n this.currentEmail = mem?.EmailAddress1 || '';\r\n });\r\n }\r\n\r\n ngOnDestroy() {\r\n if (this.balanceSub) {\r\n this.balanceSub.unsubscribe();\r\n }\r\n if (this.memberSub) {\r\n this.memberSub.unsubscribe();\r\n }\r\n }\r\n\r\n get f() {\r\n return this.transferCashForm.controls;\r\n }\r\n\r\n verifyEmail() {\r\n this.submitted = true;\r\n this.loading = true;\r\n if (!this.transferCashForm.valid) {\r\n this.loading = false;\r\n return;\r\n }\r\n\r\n if (this.balance === undefined) {\r\n this.errorService.clearErrors();\r\n this.errorService.addError('Balance is not available at this time');\r\n this.loading = false;\r\n return;\r\n }\r\n\r\n let verifyRequest = new VerifyEmailAddressRequest();\r\n verifyRequest.EmailAddress = this.transferCashForm.get('emailAddress')!.value;\r\n verifyRequest.Amount = this.transferCashForm.get('amount')!.value as number;\r\n\r\n if (this.currentEmail === verifyRequest.EmailAddress) {\r\n this.modalService\r\n .open(this.transferOwnEmailRef, { ariaLabelledBy: 'modal-basic-title', backdrop: 'static', centered: true })\r\n .result.then(\r\n (result) => {},\r\n (reason) => {}\r\n );\r\n this.loading = false;\r\n return;\r\n }\r\n\r\n if (this.balance < verifyRequest.Amount) {\r\n this.modalService\r\n .open(this.invalidFundsRef, { ariaLabelledBy: 'modal-basic-title', backdrop: 'static', centered: true })\r\n .result.then(\r\n (result) => {},\r\n (reason) => {}\r\n );\r\n this.loading = false;\r\n return;\r\n }\r\n\r\n this.externalCashTransferService\r\n .verifyEmailAddress(verifyRequest)\r\n .toPromise()\r\n .then((response) => {\r\n let responseError = (response as any)?.ErrorCode;\r\n if (response === null || responseError != 'S') {\r\n this.modalService\r\n .open(this.transferFailedRef, { ariaLabelledBy: 'modal-basic-title', backdrop: 'static', centered: true })\r\n .result.then(\r\n (result) => {},\r\n (reason) => {}\r\n );\r\n this.loading = false;\r\n } else if (response!.Accounts[0].MemberIDs.length > 1) {\r\n this.router.navigate(['arenacashmultipleaccounts']);\r\n } else {\r\n this.transferFunds(response!);\r\n }\r\n });\r\n }\r\n\r\n private transferFunds(transfer: ExternalCashTransferViewModel) {\r\n this.externalCashTransferService\r\n .transferFunds(transfer)\r\n .toPromise()\r\n .then(() => {\r\n this.router.navigate(['transfer/success']);\r\n })\r\n .finally(() => (this.loading = false));\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { config, BalanceQuery, MemberQuery, MemberDetails, TransactionType } from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fgb-transfer-arena-cash-page',\r\n templateUrl: './transfer-arena-cash-page.component.html',\r\n styleUrls: ['./transfer-arena-cash-page.component.scss'],\r\n})\r\nexport class TransferArenaCashPageComponent implements OnInit {\r\n combinedCard$: Observable\r\n
\r\n {{ 'contacts.page.title' | translate }}
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n\r\n {{ 'transfer.credit.title' | translate }}
\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n\r\n \r\n Back to Funds\r\n \r\n
\r\nMultiple Accounts
\r\n \r\n Unfortunately we have found more than one account with the email\r\n {{ transferAccounts.EmailAddress }}\r\n
\r\nPlease select one of the accounts below to send to.
\r\n \r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\nimport { ExternalCashTransferQuery, ExternalCashTransferViewModel } from '@fgb/core';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'fgb-transfer-arena-cash-success-page',\r\n templateUrl: './transfer-arena-cash-success-page.component.html',\r\n styleUrls: ['./transfer-arena-cash-success-page.component.scss'],\r\n})\r\nexport class TransferArenaCashSuccessPageComponent implements OnInit {\r\n transferAccounts$: Observable\r\n
\r\n
\r\n\r\n
\r\n {{ 'ecash.transfer.success.title' | translate }}
\r\n\r\n
\r\n
\r\n {{ 'ecash.transfer.success.button' | translate }} \r\n \r\n {{ transferAccounts.EmailAddress }} {{ 'ecash.transfer.message.success' | translate }}\r\n {{ transferAccounts.TransferAmount | FortressCurrencyPipe : 'USD' }}\r\n
\r\n {{ 'ecash.transfer.success.button' | translate }} \r\n Logging in...
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { TMAuthService } from '@fgb/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'fgb-tm-user-login',\r\n templateUrl: './tm-user-login.component.html',\r\n styleUrls: ['./tm-user-login.component.scss'],\r\n})\r\nexport class TmUserLoginComponent implements OnInit {\r\n returnUrl: string;\r\n errorService: any;\r\n\r\n constructor(\r\n private route: ActivatedRoute,\r\n private tmService: TMAuthService\r\n ) {}\r\n\r\n ngOnInit() {\r\n this.returnUrl = this.route.snapshot.queryParams.returnUrl || '/';\r\n }\r\n\r\n loginTM() {\r\n this.tmService.loginRedirect();\r\n }\r\n}\r\n","\r\n \r\n
\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 { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\n\r\n@Component({\r\n selector: 'fgb-login-page',\r\n templateUrl: './login-page.component.html',\r\n styleUrls: ['./login-page.component.scss'],\r\n})\r\nexport class LoginPageComponent implements OnInit {\r\n screenType = ScreenType;\r\n constructor(private router: Router, public errorService: ErrorStateService, private authService: AuthService) {\r\n if (this.authService.hasCurrentRefreshToken()) {\r\n this.router.navigate(['/']);\r\n }\r\n }\r\n\r\n ngOnInit() {}\r\n}\r\n","\r\n \r\n\r\n
\r\n \r\n\r\n \r\n \r\n \r\n
\r\n\r\n","\r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n 0; else noAccounts\">\r\n \r\n
\r\n Choose Account
\r\nPlease select one of your accounts below to proceed.
\r\n\r\n\r\n \r\n \r\n
\r\n
\r\n | Name | \r\nEmail Address | \r\nAccount Number | \r\nStatus | \r\n
| {{ account.FirstName }} {{ account.Surname }} | \r\n{{ account.EmailAddress1 }} | \r\n{{ account.ExternalRefNumber }} | \r\n\r\n \r\n Register\r\n \r\n \r\n Login\r\n \r\n \r\n Activate\r\n \r\n \r\n n/a\r\n \r\n | \r\n
\r\n \r\n We're sorry but an error has occurred. We could not find any accounts for you to choose from.\r\n
\r\n Please click below to enter your credentials again.\r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { AuthService } from '@fgb/core';\r\nimport { ErrorStateService } from '@fgb/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n selector: 'fgb-maintenance-page',\r\n templateUrl: './maintenance-page.component.html',\r\n styleUrls: ['./maintenance-page.component.scss'],\r\n})\r\nexport class MaintenancePageComponent implements OnInit {\r\n showAppleLink = true;\r\n showGoogleLink = true;\r\n\r\n constructor(\r\n private router: Router,\r\n public errorService: ErrorStateService,\r\n private authService: AuthService,\r\n public deviceDetector: DeviceDetectorService\r\n ) {\r\n 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","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 engineering
\r\n {{ 'maintenance.page.title' | translate }}
\r\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n {{ earnPointsCard.DisplayText }}\\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ earnPointsCard.DisplayText }}\\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n {{ earnPointsCard.DisplayText }}\\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ earnPointsCard.DisplayText }}\\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\".earn-points-container .earn-sub-heading{border:0;outline:none;background-color:inherit;width:100%;justify-content:flex-start;display:flex;align-items:center;padding:0}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: EarnPointsCardComponent, selector: \"fgbcl-earn-points-card\", inputs: [\"earnPointsCard\"] }, { kind: \"pipe\", type: i2.AsyncPipe, name: \"async\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EarnPointsComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-earn-points', template: \"\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\".earn-points-container .earn-sub-heading{border:0;outline:none;background-color:inherit;width:100%;justify-content:flex-start;display:flex;align-items:center;padding:0}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.EarnPointsQuery }, { type: i1.EarnPointsService }, { type: i1.MemberQuery }], propDecorators: { dropdownToggle: [{\n type: Input\n }], svgColor: [{\n type: Input\n }] } });\n\nclass EarnPointsModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EarnPointsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: EarnPointsModule, declarations: [EarnPointsComponent, EarnPointsCardComponent], imports: [CommonModule,\n InlineSVGModule,\n NgbModule,\n PipesModule,\n FGBSharedModule], exports: [EarnPointsComponent, EarnPointsCardComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EarnPointsModule, imports: [CommonModule,\n InlineSVGModule,\n NgbModule,\n PipesModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EarnPointsModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [EarnPointsComponent, EarnPointsCardComponent],\n imports: [\n CommonModule,\n InlineSVGModule,\n NgbModule,\n PipesModule,\n FGBSharedModule\n ],\n exports: [EarnPointsComponent, EarnPointsCardComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { EarnPointsCardComponent, EarnPointsComponent, EarnPointsModule };\n","import { Component, OnInit } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n selector: 'fgb-earn-page',\r\n templateUrl: './earn-page.component.html',\r\n styleUrls: ['./earn-page.component.scss'],\r\n})\r\nexport class EarnPageComponent implements OnInit {\r\n deviceType: string;\r\n\r\n constructor(private deviceDetector: DeviceDetectorService) {}\r\n\r\n ngOnInit() {\r\n this.deviceType = this.deviceDetector.os.toUpperCase();\r\n }\r\n}\r\n","\r\n\r\n\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \r\n
\r\n","\r\n \r\n\r\n
\r\n\r\n\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { LottoItem, LottoQuery } from '@fgb/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'fgb-lottos-terms-page',\r\n templateUrl: './lottos-terms-page.component.html',\r\n styleUrls: ['./lottos-terms-page.component.scss'],\r\n})\r\nexport class LottosTermsPageComponent implements OnInit {\r\n lottoItem: LottoItem | undefined;\r\n constructor(private lottoQuery: LottoQuery, private route: ActivatedRoute) {}\r\n\r\n ngOnInit() {\r\n let id = +(this.route.snapshot.paramMap.get('id') || 0);\r\n this.lottoItem = this.lottoQuery.getEntity(id);\r\n }\r\n}\r\n","\r\n \r\n\r\n
\r\n\r\n\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { MarketplaceItem, MarketplaceQuery, MarketplaceService } from '@fgb/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'fgb-marketplace-terms-page',\r\n templateUrl: './marketplace-terms-page.component.html',\r\n styleUrls: ['./marketplace-terms-page.component.scss'],\r\n})\r\nexport class MarketplaceTermsPageComponent implements OnInit {\r\n marketplaceItem: MarketplaceItem | undefined;\r\n constructor(\r\n private marketplaceQuery: MarketplaceQuery,\r\n private marketplaceService: MarketplaceService,\r\n private route: ActivatedRoute\r\n ) {}\r\n\r\n ngOnInit() {\r\n let id = +(this.route.snapshot.paramMap.get('id') || 0);\r\n\r\n this.marketplaceService\r\n .fetchMarketplaceItemById(id)\r\n .toPromise()\r\n .then(() => {\r\n this.marketplaceItem = this.marketplaceQuery.getEntity(id);\r\n });\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { TMOauthService } from '@fgb/core';\r\n\r\n\r\n@Component({\r\n selector: 'fgb-tm-callback',\r\n templateUrl: './tm-callback.component.html',\r\n styleUrls: ['./tm-callback.component.scss']\r\n})\r\nexport class TmCallbackComponent implements OnInit {\r\n\r\n constructor(private tmOauthService: TMOauthService) { }\r\n\r\n ngOnInit() {\r\n let index = window.location.href.indexOf('code');\r\n if (index != -1){\r\n this.tmOauthService.callBackToken(window.location.href.substring(index + 5));\r\n }\r\n }\r\n\r\n}\r\n","\r\n Redirecting to Ticket Master\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { TMAuthService } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-tm-auth-callback',\r\n templateUrl: './tm-auth-callback.component.html',\r\n styleUrls: ['./tm-auth-callback.component.scss'],\r\n})\r\nexport class TmAuthCallbackComponent implements OnInit {\r\n constructor(private tmAuthservice: TMAuthService) {}\r\n\r\n ngOnInit() {\r\n let code = this.getParameter('code');\r\n let state = this.getParameter('state');\r\n if (code != '') {\r\n this.tmAuthservice.authCallbackRedirect(code, state);\r\n }\r\n }\r\n\r\n getParameter(name: string): string {\r\n const results = new RegExp('[\\\\?&]' + name + '=([^&#]*)').exec(window.location.href);\r\n if (!results) {\r\n return '';\r\n }\r\n return (results[1] as string) || '';\r\n }\r\n}\r\n","Processing request
","import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';\r\nimport { LoadScripts, DynamicScript } from 'src/app/shared/utilities/load-scripts.function';\r\nimport { MemberQuery, config, ScorecardService } from '@fgb/core';\r\nimport { map } from 'rxjs/operators';\r\n\r\ndeclare var ZoomMtg: any;\r\n\r\n@Component({\r\n selector: 'fgb-zoom-conference',\r\n templateUrl: './fgb-zoom-conference.component.html',\r\n styleUrls: ['./fgb-zoom-conference.component.scss'],\r\n})\r\nexport class FgbZoomConferenceComponent implements OnInit {\r\n @Input() meetingNumber: string;\r\n @Input() meetingPassword: string;\r\n @Input() apiKey: string;\r\n @Input() leaveUrl: string;\r\n @Input() signature: string;\r\n @Output() onStateChange = new EventEmitter();\r\n\r\n meetingJoinedSuccessfully: boolean = false;\r\n\r\n constructor(private memberQuery: MemberQuery, private scorecardService: ScorecardService) {}\r\n\r\n ngOnInit() {\r\n this.memberQuery\r\n .selectMemberDetails()\r\n .pipe(\r\n map((x) => {\r\n if (!x) {\r\n return;\r\n }\r\n\r\n LoadScripts([\r\n { src: 'https://source.zoom.us/1.8.6/lib/vendor/react.min.js' },\r\n { src: 'https://source.zoom.us/1.8.6/lib/vendor/react-dom.min.js' },\r\n { src: 'https://source.zoom.us/1.8.6/lib/vendor/redux.min.js' },\r\n { src: 'https://source.zoom.us/1.8.6/lib/vendor/redux-thunk.min.js' },\r\n { src: 'https://source.zoom.us/1.8.6/lib/vendor/jquery.min.js' },\r\n { src: 'https://source.zoom.us/1.8.6/lib/vendor/lodash.min.js' },\r\n { src: 'https://source.zoom.us/zoom-meeting-1.8.6.min.js' },\r\n ] as DynamicScript[]).then(() => {\r\n ZoomMtg.setZoomJSLib('https://source.zoom.us/1.8.6/lib', '/av');\r\n ZoomMtg.preLoadWasm();\r\n ZoomMtg.prepareJssdk();\r\n\r\n let meetingNumberLocale = this.meetingNumber;\r\n let meetingPasswordLocale = this.meetingPassword;\r\n let apiKeyLocale = this.apiKey;\r\n let userEmailLocale = x.EmailAddress1;\r\n let userUserNameLocale = x.FirstName + ' ' + x.Surname;\r\n let signatureLocale = this.signature;\r\n\r\n if (this.leaveUrl == null) {\r\n this.leaveUrl = config.portalUrl;\r\n }\r\n\r\n ZoomMtg.init({\r\n debug: true,\r\n leaveUrl: this.leaveUrl,\r\n disableJoinAudio: false,\r\n loginWindow: {\r\n // optional,\r\n width: 400,\r\n height: 380,\r\n },\r\n success: function () {\r\n ZoomMtg.join({\r\n signature: signatureLocale,\r\n meetingNumber: meetingNumberLocale,\r\n userName: userUserNameLocale,\r\n apiKey: apiKeyLocale,\r\n userEmail: userEmailLocale,\r\n passWord: meetingPasswordLocale,\r\n success: (responseMessage: any) => {\r\n console.log(responseMessage);\r\n this.meetingJoinedSuccessfully = true;\r\n },\r\n error: (errorMessage: any) => {\r\n console.log(errorMessage);\r\n },\r\n \r\n });\r\n },\r\n });\r\n });\r\n })\r\n )\r\n .toPromise()\r\n .finally(() => {\r\n if(this.meetingJoinedSuccessfully){\r\n this.scorecardService.joinWebCall(this.meetingNumber).toPromise();\r\n }\r\n });\r\n }\r\n}\r\n","export interface DynamicScript {\r\n src: string;\r\n attrs?: { name: string; value?: string }[];\r\n}\r\n\r\nexport function LoadScripts(dynamicScripts: DynamicScript[]): PromiseYou are not allowed to join this call
\r\n\r\n
\r\n\r\n
\r\n","\r\n
\r\n \r\n\r\n\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {{ portalProduct.DisplayName }}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Upgrade\r\n {{ portalProduct.MerchantPrice / 100 | FortressCurrencyPipe }}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n\r\n
\r\n Subscription Details
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {{ portalProduct.DisplayName }}
\r\n\r\n Cost: \r\n {{ portalProduct.MerchantPrice / 100 | FortressCurrencyPipe }}\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {{ currentSubscribedProduct.DisplayName }}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Expires:
\r\n\r\n {{ currentSubscribedProduct.NextPaymentDueDate | date }}\r\n
\r\n \r\n\r\n \r\n Renew\r\n {{ renewalProduct.MerchantPrice / 100 | FortressCurrencyPipe }}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n\r\n
\r\n Subscription Details
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{ currentSubscribedProduct.DisplayName }}
\r\n\r\n Cost: \r\n {{ currentSubscribedProduct.MerchantPrice / 100 | FortressCurrencyPipe }}\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {{ currentSubscribedProduct.DisplayName }}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n\r\n
\r\n Subscription Details
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{ currentSubscribedProduct.DisplayName }}
\r\n\r\n Cost: \r\n {{ currentSubscribedProduct.MerchantPrice / 100 | FortressCurrencyPipe }}\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n 0; else elseNoUpgrades\">\r\n You have {{ activeSubs }}/{{ maxSubs }}\r\n Digital Products\r\n \r\n \r\n No digital products available\r\n \r\n
\r\n NEW WAYS TO EARN POINTS!
\r\n\r\n Note: Accumulation of points for new subscriptions begins the following game if a game is already underway.\r\n
\r\n\r\n
\r\n \r\n memberships
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n memberships
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n Digital Products
\r\n\r\n \r\n 0\">\r\n \r\n \r\n \r\n \r\n 0\">\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n your basket
\r\n\r\n Cancel\r\n
\r\n\r\n
\r\n \r\n \r\n x\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n Total Amount: \r\n {{ totalCost / 100 | FortressCurrencyPipe }}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n ![](\"assets/images/placeholders/no-subscriptions.svg\")
\r\n
\r\n \r\n SUBSCRIPTIONS
\r\nCurrently Unavailable
\r\n\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{ item.productData.DisplayName }}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n Cost:\r\n {{ item.productData.MerchantPrice / 100 | FortressCurrencyPipe }}\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\nYour basket is empty!
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n
\r\n
\r\n ITEMS
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Address
\r\n\r\n
\r\n \r\n \r\n
\r\n {{ member.Street }},
\r\n {{ member.Town }},
\r\n {{ member.County }},
\r\n {{ member.Country }},
\r\n {{ member.PostCode }},
\r\n {{ member.HomeNumber }}
\r\n \r\n \r\n edit\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Clear Form \r\n
\r\n \r\n Address
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n Summary
\r\n\r\n
\r\n Items:
\r\n \r\n {{ totalCost / 100 | FortressCurrencyPipe }}\r\n
\r\n \r\n
\r\n Tax:
\r\n \r\n {{ totalTax / 100 | FortressCurrencyPipe }}\r\n
\r\n \r\n
\r\n
\r\n \r\n Total:
\r\n \r\n {{ totalPrice / 100 | FortressCurrencyPipe }}\r\n
\r\n 0\">\r\n \r\n \r\n
\r\n \r\n Discount Code(s):
\r\n {{ giftCode.Code }}
\r\n \r\n - {{ giftCode.EntitlementValue / 100 | FortressCurrencyPipe }}\r\n - {{ giftCode.EntitlementValue }}%\r\n FREE\r\n
\r\n \r\n \r\n Pay Now\r\n \r\n
\r\n \r\n \r\n Membership upgraded successfully\r\n \r\n \r\n
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n Add Payment Details
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n Total:
\r\n\r\n
\r\n {{ totalPrice / 100 | FortressCurrencyPipe }}
\r\n\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Location } from '@angular/common';\r\nimport {\r\n CartQuery,\r\n Cart,\r\n ErrorStateService,\r\n MemberDetails,\r\n MemberQuery,\r\n MemberService,\r\n CardTokenService,\r\n MarketplaceItemCart,\r\n CardTokenQuery,\r\n MarketplaceService,\r\n CartService,\r\n} from '@fgb/core';\r\nimport { firstValueFrom, Observable } from 'rxjs';\r\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\r\nimport { tap } from 'rxjs/operators';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'fgb-cart-checkout-page',\r\n templateUrl: './cart-checkout-page.component.html',\r\n styleUrls: ['./cart-checkout-page.component.scss'],\r\n})\r\nexport class CartCheckoutPageComponent implements OnInit {\r\n totalPoints: number;\r\n totalItems$: Observable\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 {{ 'checkout.clear.form' | translate }} \r\n
\r\n\r\n {{ 'checkout.address' | translate }}
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {{ 'checkout.summary' | 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 {{ 'checkout.total.amount' | translate }}:
\r\n\r\n ${{ (totalPriceMerchantValue / 100).toFixed(2) }}
\r\n {{ 'checkout.total.point' | translate }}:
\r\n {{ totalPoints | FortressCurrencyPipe: 'PTS' }}
\r\n \r\n
\r\n \r\n
\r\n\r\n {{ 'checkout.payment.type' | translate }}
\r\n \r\n \r\n {{ 'checkout.card_type' | 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.png\")
\r\n ![](\"assets/images/payment-icons/_Discover.svg\")
\r\n ![](\"assets/images/payment-icons/_JCB.svg\")
\r\n ![](\"assets/images/payment-icons/_DinnersClub.svg\")
\r\n ![](\"assets/images/payment-icons/_UnionPay.svg\")
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ cardInfor.CardNumber | creditCardNumber }}
\r\n \r\n \r\n \r\n \r\n {{ items.length === 0 ? ('checkout.empty_cart' | translate) : ('checkout.purchase.now' | 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 {{ mapInfo?.title }}\r\n
\r\n \r\n {{ mapInfo?.address }}\r\n
\r\n \r\n {{ mapInfo?.description }}\r\n
\r\n \\r\\n \\r\\n search\\r\\n \\r\\n
\\r\\n\", styles: [\"button{margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}\\n\"], dependencies: [{ kind: \"directive\", type: i2.DefaultValueAccessor, selector: \"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]\" }, { kind: \"directive\", type: i2.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i2.NgModel, selector: \"[ngModel]:not([formControlName]):not([formControl])\", inputs: [\"name\", \"disabled\", \"ngModel\", \"ngModelOptions\"], outputs: [\"ngModelChange\"], exportAs: [\"ngModel\"] }, { kind: \"pipe\", type: i3.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: OfferSearchBarComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-offer-search-bar', template: \"\\r\\n \\r\\n search\\r\\n \\r\\n
\\r\\n\", styles: [\"button{margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.CompanyQuery }], propDecorators: { arrayToFilter: [{\n type: Input\n }], searchResultArray: [{\n type: Output\n }] } });\n\nclass OfferSearchBarModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: OfferSearchBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: OfferSearchBarModule, declarations: [OfferSearchBarComponent], imports: [CommonModule,\n FormsModule,\n FGBSharedModule], exports: [OfferSearchBarComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: OfferSearchBarModule, imports: [CommonModule,\n FormsModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: OfferSearchBarModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [OfferSearchBarComponent],\n imports: [\n CommonModule,\n FormsModule,\n FGBSharedModule\n ],\n exports: [OfferSearchBarComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { OfferSearchBarComponent, OfferSearchBarModule };\n","import * as i0 from '@angular/core';\nimport { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';\nimport * as i1 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i2 from 'ng-inline-svg-2';\nimport { InlineSVGModule } from 'ng-inline-svg-2';\nimport * as i3 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\n\nclass FilterByComponent {\n constructor() {\n this.filteredArray = new EventEmitter();\n }\n ngOnInit() { }\n /*\n Filter the array by property or sub-property if defined.\n */\n filterByProperty(value) {\n this.selectedOption = value;\n let newArray;\n if (this.filterOptions.subPropertyToFilter) {\n newArray = this.filterByNestedProperty(value);\n }\n else {\n newArray = this.arrayToFilter.filter((item) => item[this.filterOptions.propertyToFilter].toLowerCase() == value.toLowerCase());\n }\n this.filteredArray.emit(newArray);\n }\n /*\n Filter the array by sub-property from property object. Returns false if the expected property object is empty.\n */\n filterByNestedProperty(value) {\n return this.arrayToFilter.filter((properties) => {\n if (properties[this.filterOptions.propertyToFilter]) {\n return properties[this.filterOptions.propertyToFilter].find((child) => child[this.filterOptions.subPropertyToFilter].toLowerCase() == value.toLowerCase());\n }\n else {\n return false;\n }\n });\n }\n /*\n Resets the filter to the original array\n */\n resetFilter() {\n this.selectedOption = undefined;\n this.filteredArray.emit(this.arrayToFilter);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: FilterByComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: FilterByComponent, selector: \"fgbcl-filter-by\", inputs: { arrayToFilter: \"arrayToFilter\", filterOptions: \"filterOptions\" }, outputs: { filteredArray: \"filteredArray\" }, ngImport: i0, template: \"\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i1.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i1.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i2.InlineSVGDirective, selector: \"[inlineSVG]\", inputs: [\"inlineSVG\", \"resolveSVGUrl\", \"replaceContents\", \"prepend\", \"injectComponent\", \"cacheSVG\", \"setSVGAttributes\", \"removeSVGAttributes\", \"forceEvalStyles\", \"evalScripts\", \"fallbackImgUrl\", \"fallbackSVG\", \"onSVGLoaded\"], outputs: [\"onSVGInserted\", \"onSVGFailed\"] }, { kind: \"directive\", type: i3.NgbDropdown, selector: \"[ngbDropdown]\", inputs: [\"autoClose\", \"dropdownClass\", \"open\", \"placement\", \"popperOptions\", \"container\", \"display\"], outputs: [\"openChange\"], exportAs: [\"ngbDropdown\"] }, { kind: \"directive\", type: i3.NgbDropdownToggle, selector: \"[ngbDropdownToggle]\" }, { kind: \"directive\", type: i3.NgbDropdownMenu, selector: \"[ngbDropdownMenu]\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: FilterByComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-filter-by', template: \"\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { arrayToFilter: [{\n type: Input\n }], filterOptions: [{\n type: Input\n }], filteredArray: [{\n type: Output\n }] } });\n\nclass FilterByModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: FilterByModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: FilterByModule, declarations: [FilterByComponent], imports: [CommonModule, InlineSVGModule, NgbModule], exports: [FilterByComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: FilterByModule, imports: [CommonModule, InlineSVGModule, NgbModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: FilterByModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [FilterByComponent],\n imports: [CommonModule, InlineSVGModule, NgbModule],\n exports: [FilterByComponent],\n }]\n }] });\n\nconst filterByOptionMock = {\n propertyToFilter: 'category',\n options: ['Beauty', 'Food & Drink', 'Grocery', 'General', 'Travel'],\n};\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { FilterByComponent, FilterByModule, filterByOptionMock };\n","\r\n
\r\n\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n{{ 'offers.viewbar.title' | translate }}
\r\n \r\n\r\n \r\n
\r\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { CompanyOfferModel, CompanyOfferService, ClubCategoryTag } from '@fgb/core';\r\nimport { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\nimport { FilterByOption } from '@fgb/portal-component-library/src/lib/shared/filter-by';\r\nimport { tap } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'fgb-offers-toolbar',\r\n templateUrl: './offers-toolbar.component.html',\r\n styleUrls: ['./offers-toolbar.component.scss'],\r\n})\r\nexport class OffersToolbarComponent implements OnInit {\r\n view: 'grid' | 'map' = 'grid';\r\n screenType = ScreenType;\r\n @Input() offers: CompanyOfferModel[];\r\n @Output() viewChange = new EventEmitter<'grid' | 'map'>();\r\n @Output() filteredArray = new EventEmitter\r\n \r\n\r\n
\r\n","import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';\r\nimport { CompanyOfferModel, CompanyOfferQuery } from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\n\r\nimport { tap } from 'rxjs/operators';\r\nimport { OffersMapComponent } from '../offers-map/offers-map.component';\r\n\r\n@Component({\r\n selector: 'fgb-offers-list',\r\n templateUrl: './offers-list.component.html',\r\n styleUrls: ['./offers-list.component.scss'],\r\n})\r\nexport class OffersListComponent implements OnInit {\r\n @Input() isList: boolean;\r\n @Input() pageSize = 9;\r\n @Input() pageNumber = 1;\r\n @Output() navigateToOffer = new EventEmitter\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n = 9\">\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n {{ 'no.offers.found' | translate }}
\r\n {{ 'no.offers.suggestion' | translate }}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { CompanyOfferModel } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-partners-list-item',\r\n templateUrl: './partners-list-item.component.html',\r\n styleUrls: ['./partners-list-item.component.scss'],\r\n})\r\nexport class PartnersListItemComponent implements OnInit {\r\n @Input() partner: CompanyOfferModel;\r\n\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n}\r\n","\r\n
\r\n{{ 'offers.earn.tab.title' | translate }}
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {{ 'offers.earn.tab.step.one' | translate }}
\r\n \r\n \r\n
\r\n \r\n {{ 'offers.earn.tab.step.two' | translate }}
\r\n \r\n \r\n
\r\n {{ 'offers.earn.tab.step.three' | translate }}
\r\n \r\n \r\n
\r\n","\r\n\r\n\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {{ 'featured.offers.title' | translate }}
\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {{ 'featured.brands.title' | translate }}
\r\n\r\n
\r\n","\r\n
\r\n {{ offer.TermsAndConditions }}
\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n","import { Component, OnInit, Input, OnChanges } from '@angular/core';\r\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport {\r\n CompanyOfferLanguageModel,\r\n CompanyOfferModel,\r\n CompanyOfferService,\r\n CompanyOfferType,\r\n ErrorStateService,\r\n TermsAndConditionsDisplayType,\r\n} from '@fgb/core';\r\nimport { OfferTermsModalComponent } from '../offer-terms-modal/offer-terms-modal.component';\r\n\r\n@Component({\r\n selector: 'fgb-offers-details',\r\n templateUrl: './offers-details.component.html',\r\n styleUrls: ['./offers-details.component.scss'],\r\n})\r\nexport class OffersDetailsComponent implements OnInit, OnChanges {\r\n @Input() ignoreLink: boolean = false;\r\n @Input() offer: CompanyOfferModel;\r\n languageContent: CompanyOfferLanguageModel;\r\n successMessage: string;\r\n companyOfferType = CompanyOfferType;\r\n termsAndConditionsType = TermsAndConditionsDisplayType;\r\n\r\n constructor(\r\n private modalService: NgbModal,\r\n private companyOfferService: CompanyOfferService,\r\n private errorService: ErrorStateService\r\n ) {}\r\n\r\n ngOnInit() {\r\n this._updateLanguageContent();\r\n }\r\n\r\n ngOnChanges() {\r\n this._updateLanguageContent();\r\n }\r\n\r\n openOfferTermsModal(offer: CompanyOfferModel): void {\r\n const modal = this.modalService.open(OfferTermsModalComponent);\r\n modal.componentInstance.offer = offer;\r\n }\r\n\r\n _updateLanguageContent() {\r\n let currentLcid = localStorage.getItem('lcid');\r\n\r\n if (!!currentLcid) {\r\n this.languageContent = !!this.offer.Content.filter((language) => language.LCID == parseInt(currentLcid as string))[0]\r\n ? this.offer.Content.filter((language) => language.LCID == parseInt(currentLcid as string))[0]\r\n : this.offer.Content[0];\r\n } else {\r\n this.languageContent = this.offer.Content[0];\r\n }\r\n }\r\n\r\n async claimOffer(offerId: number) {\r\n await this.companyOfferService\r\n .claimOffer(offerId)\r\n .then((response) => {\r\n if (response.ErrorNumber > 0) {\r\n this.errorService.clearErrors();\r\n this.errorService.addError(response.ErrorDescription);\r\n } else if (response.RedirectUrl) {\r\n this.openWindow(response.RedirectUrl);\r\n } else {\r\n this.successMessage = response.ErrorDescription;\r\n }\r\n })\r\n .catch((error) => {\r\n this.errorService.clearErrors();\r\n this.errorService.addError(error.Message);\r\n });\r\n }\r\n\r\n openWindow(link: string) {\r\n window.open(link);\r\n }\r\n}\r\n","\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {{ 'offers.terms.link' | translate }}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {{ languageContent.Name }}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {{ 'offers.redeem.button' | translate }}\r\n \r\n
\r\n \r\n \r\n
\r\n {{ 'offers.terms.link' | translate }}
\r\n \r\n\r\n {{ successMessage }}\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n{{ 'offers.details.offer' | translate }}
\r\n\r\n \r\n
\r\n\r\n\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ 'offers.details.other.offer.placeholder' | translate }} \r\n \r\n \r\n
\r\n {{ 'offers.details.other.offers' | translate }}
\r\n\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ 'offers.details.liked.offers.placeholder' | translate }} \r\n \r\n \r\n
\r\n {{ 'offers.details.liked.offers' | translate }}
\r\n\r\n \r\n \r\n
\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { CompanyOfferModel, CompanyOfferQuery, CompanyOfferService, CompanyService } from '@fgb/core';\r\nimport { CompanyQuery } from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\nimport { Department } from '@fgb/core';\r\nimport { Company } from '@fgb/core';\r\nimport { OwlOptions } from 'ngx-owl-carousel-o';\r\nimport { OwlCarouselSettings } from 'src/app/shared/utilities/owl-carousel-settings';\r\nimport { map } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'fgb-offer-details-page',\r\n templateUrl: './offer-details-page.component.html',\r\n styleUrls: ['./offer-details-page.component.scss'],\r\n})\r\nexport class OfferDetailsPageComponent implements OnInit {\r\n @Input() backButtonLink: string = '/offers';\r\n @Input() department: Department;\r\n currentCompany$: Observable\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { CartQuery } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-cart-checkout-success-page',\r\n templateUrl: './cart-checkout-success-page.component.html',\r\n styleUrls: ['./cart-checkout-success-page.component.scss'],\r\n})\r\nexport class CartCheckoutSuccessPageComponent implements OnInit {\r\n constructor(private cartQuery: CartQuery) {}\r\n\r\n ngOnInit() {\r\n let marketplaceCart = this.cartQuery.getMemberMarketplaceCart();\r\n this.cartQuery.removeItems(marketplaceCart);\r\n }\r\n}\r\n","Payment processing...
\r\n\r\n
\r\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { EntityNotificationGroup, EntityNotificationGroupDto, MemberQuery, NotificationManagementService } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-notification-group-item',\r\n templateUrl: './notification-group-item.component.html',\r\n styleUrls: ['./notification-group-item.component.scss'],\r\n})\r\nexport class NotificationGroupItemComponent implements OnInit {\r\n @Input() group: EntityNotificationGroup;\r\n portalId: string;\r\n\r\n constructor(private memberContext: MemberQuery, private notificationManagementService: NotificationManagementService) {}\r\n\r\n ngOnInit() {\r\n this.portalId = this.memberContext.getUserContext().portalId;\r\n }\r\n\r\n updateNotificationGroup(notificationGroupId: number, active: boolean, entityNotificationGroupDto?: number) {\r\n let dto = new EntityNotificationGroupDto(notificationGroupId, this.portalId, active, entityNotificationGroupDto);\r\n\r\n this.notificationManagementService.updateGroup(dto);\r\n }\r\n}\r\n","\r\n
\r\n
\r\npurchase successful!
\r\n\r\n
\r\n
\r\n \r\n Back to Rewards\r\n
\r\n \r\n Rewards History\r\n
\r\n \r\n
\r\n","\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { EntityNotificationGroup, LoyaltyActionType, NotificationManagementQuery } from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fgb-notification-management',\r\n templateUrl: './notification-management.component.html',\r\n styleUrls: ['./notification-management.component.scss'],\r\n})\r\nexport class NotificationManagementComponent implements OnInit {\r\n notificationGroups$: Observable\r\n \r\n \r\n
\r\n\r\n
\r\n","import * as i0 from '@angular/core';\nimport { Component, Input, NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@ngx-translate/core';\nimport { CarouselModule } from 'ngx-owl-carousel-o';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass EcashDescriptionComponent {\n constructor() {\n this.googleIconName1 = 'credit_card';\n this.googleIconName2 = 'qr_code_scanner';\n this.googleIconName3 = 'emoji_events';\n }\n ngOnInit() { }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EcashDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: EcashDescriptionComponent, selector: \"fgbcl-ecash-description\", inputs: { googleIconName1: \"googleIconName1\", googleIconName2: \"googleIconName2\", googleIconName3: \"googleIconName3\" }, ngImport: i0, template: \"\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![](\"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 * as i0 from '@angular/core';\nimport { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';\nimport * as i4 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@angular/forms';\nimport { UntypedFormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport * as i3 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\nimport * as i5 from '@fgb/portal-component-library/src/lib/shared/country-and-regions';\nimport { CountryAndRegionsModule } from '@fgb/portal-component-library/src/lib/shared/country-and-regions';\nimport { RegexUS } from '@fgb/portal-component-library/src/lib/shared/utilities';\nimport { tap } from 'rxjs/operators';\nimport { FGBValidators } from '@fgb/portal-component-library/src/lib/shared/validators';\nimport * as i2 from '@fgb/core';\nimport * as i6 from '@ngx-translate/core';\n\nconst topUpAddressConfigDefault = {\n showFirstName: true,\n showLastName: true,\n showAddressName: false,\n showStreet: true,\n showTown: true,\n showCountryRegion: true,\n showPostCode: true,\n showMobileNumber: true,\n showEmail: true,\n};\n\nclass TopUpAddressComponent {\n constructor(formBuilder, addressService, modalService) {\n this.formBuilder = formBuilder;\n this.addressService = addressService;\n this.modalService = modalService;\n this.regex = RegexUS;\n this.topUpAddressConfig = topUpAddressConfigDefault;\n this.submittedAddress = new EventEmitter();\n this.submitted = false;\n }\n ngOnInit() {\n this.addressService\n .getTopUpAddress()\n .pipe(tap((address) => this.setupAddressForm(address)))\n .subscribe();\n }\n get f() {\n return this.topUpAddressForm.controls;\n }\n async save(address, isValid) {\n this.submitted = true;\n if (isValid) {\n await this.addressService.postTopUpAddress(address);\n this.submittedAddress.emit(true);\n }\n }\n cancel() {\n this.submittedAddress.emit(false);\n this.modalService.dismissAll();\n }\n setupAddressForm(topUpAddress) {\n this.topUpAddressForm = this.formBuilder.group({});\n if (this.topUpAddressConfig.showFirstName)\n this.topUpAddressForm.addControl('firstName', new UntypedFormControl(topUpAddress.FirstName, [Validators.required, FGBValidators.Empty]));\n if (this.topUpAddressConfig.showLastName)\n this.topUpAddressForm.addControl('surname', new UntypedFormControl(topUpAddress.Surname, [Validators.required, FGBValidators.Empty]));\n if (this.topUpAddressConfig.showAddressName)\n this.topUpAddressForm.addControl('addressName', new UntypedFormControl(topUpAddress.AddressName, [Validators.required, FGBValidators.Empty]));\n if (this.topUpAddressConfig.showStreet)\n this.topUpAddressForm.addControl('street', new UntypedFormControl(topUpAddress.Street, [Validators.required, FGBValidators.Empty]));\n if (this.topUpAddressConfig.showTown)\n this.topUpAddressForm.addControl('town', new UntypedFormControl(topUpAddress.Town, [Validators.required, FGBValidators.Empty]));\n if (this.topUpAddressConfig.showPostCode)\n this.topUpAddressForm.addControl('postCode', new UntypedFormControl(topUpAddress.Postcode, [Validators.required, Validators.pattern(this.regex.postCode)]));\n if (this.topUpAddressConfig.showCountryRegion) {\n this.topUpAddressForm.addControl('Country', new UntypedFormControl(topUpAddress.Country, [Validators.required, FGBValidators.Empty]));\n this.topUpAddressForm.addControl('County', new UntypedFormControl(topUpAddress.County, [Validators.required, FGBValidators.Empty]));\n }\n if (this.topUpAddressConfig.showMobileNumber)\n this.topUpAddressForm.addControl('homeNumber', new UntypedFormControl(topUpAddress.HomeNumber, [Validators.required, Validators.pattern(this.regex.number), FGBValidators.Empty]));\n if (this.topUpAddressConfig.showEmail)\n this.topUpAddressForm.addControl('emailAddress', new UntypedFormControl(topUpAddress.EmailAddress, [Validators.required, Validators.pattern(this.regex.email), FGBValidators.Empty]));\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TopUpAddressComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i2.AddressService }, { token: i3.NgbModal }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: TopUpAddressComponent, selector: \"fgbcl-top-up-address\", inputs: { regex: \"regex\", topUpAddressConfig: \"topUpAddressConfig\" }, outputs: { submittedAddress: \"submittedAddress\" }, ngImport: i0, template: \"{{ 'payment.description.title' | translate }}
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ 'payment.description.step.one' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ 'payment.description.step.two' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n {{ 'payment.description.step.three' | translate }}
\\r\\n {{ 'payment.address.description' | translate }}
\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.firstname' | translate }}
\\r\\n {{ 'address.empty.firstname' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.surname' | translate }}
\\r\\n {{ 'address.empty.surname' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.addressName' | translate }}
\\r\\n {{ 'address.empty.addressName' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.street' | translate }}
\\r\\n {{ 'address.empty.street' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.city' | translate }}
\\r\\n {{ 'address.empty.city' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.postcode' | translate }}
\\r\\n {{ 'address.invalid.postcode' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.number' | translate }}
\\r\\n {{ 'address.invalid.number' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.email' | translate }}
\\r\\n {{ 'address.invalid.email' | translate }}
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\", styles: [\".top-up-address .form-floating .form-control{height:53px;min-height:53px}.top-up-address .btn-container{border-top:rgba(0,0,0,.125) 1px solid;padding:9px 15px;margin-top:20px}.top-up-address .btn-container button{max-width:142px;border-radius:16px}.top-up-address .btn-container button:not(:last-of-type){margin-right:10px}\\n\"], dependencies: [{ kind: \"directive\", type: i4.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i1.ɵNgNoValidate, selector: \"form:not([ngNoForm]):not([ngNativeValidate])\" }, { kind: \"directive\", type: i1.DefaultValueAccessor, selector: \"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]\" }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.NgControlStatusGroup, selector: \"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]\" }, { kind: \"directive\", type: i1.FormGroupDirective, selector: \"[formGroup]\", inputs: [\"formGroup\"], outputs: [\"ngSubmit\"], exportAs: [\"ngForm\"] }, { kind: \"directive\", type: i1.FormControlName, selector: \"[formControlName]\", inputs: [\"formControlName\", \"disabled\", \"ngModel\"], outputs: [\"ngModelChange\"] }, { kind: \"component\", type: i5.CountryAndRegionsComponent, selector: \"fgbcl-country-and-regions\", inputs: [\"Form\", \"HasSubmitted\", \"SeparateRow\"] }, { kind: \"pipe\", type: i6.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TopUpAddressComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-top-up-address', template: \"{{ 'payment.address.description' | translate }}
\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.firstname' | translate }}
\\r\\n {{ 'address.empty.firstname' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.surname' | translate }}
\\r\\n {{ 'address.empty.surname' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.addressName' | translate }}
\\r\\n {{ 'address.empty.addressName' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.street' | translate }}
\\r\\n {{ 'address.empty.street' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.city' | translate }}
\\r\\n {{ 'address.empty.city' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.postcode' | translate }}
\\r\\n {{ 'address.invalid.postcode' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.number' | translate }}
\\r\\n {{ 'address.invalid.number' | translate }}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'address.missing.email' | translate }}
\\r\\n {{ 'address.invalid.email' | translate }}
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\", styles: [\".top-up-address .form-floating .form-control{height:53px;min-height:53px}.top-up-address .btn-container{border-top:rgba(0,0,0,.125) 1px solid;padding:9px 15px;margin-top:20px}.top-up-address .btn-container button{max-width:142px;border-radius:16px}.top-up-address .btn-container button:not(:last-of-type){margin-right:10px}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.UntypedFormBuilder }, { type: i2.AddressService }, { type: i3.NgbModal }], propDecorators: { regex: [{\n type: Input\n }], topUpAddressConfig: [{\n type: Input\n }], submittedAddress: [{\n type: Output\n }] } });\n\nclass TopUpAddressModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TopUpAddressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: TopUpAddressModule, declarations: [TopUpAddressComponent], imports: [CommonModule,\n FormsModule,\n ReactiveFormsModule,\n CountryAndRegionsModule,\n NgbModule,\n FGBSharedModule], exports: [TopUpAddressComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TopUpAddressModule, imports: [CommonModule,\n FormsModule,\n ReactiveFormsModule,\n CountryAndRegionsModule,\n NgbModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TopUpAddressModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [TopUpAddressComponent],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n CountryAndRegionsModule,\n NgbModule,\n FGBSharedModule\n ],\n exports: [TopUpAddressComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { TopUpAddressComponent, TopUpAddressModule, topUpAddressConfigDefault };\n","import * as i0 from '@angular/core';\nimport { Component, Input, NgModule } from '@angular/core';\nimport * as i1 from '@fgb/core';\nimport { ProviderName, config } from '@fgb/core';\nimport * as i4 from '@fgb/portal-component-library/src/lib/shared/top-up-address';\nimport { topUpAddressConfigDefault, TopUpAddressModule } from '@fgb/portal-component-library/src/lib/shared/top-up-address';\nimport { RegexUS } from '@fgb/portal-component-library/src/lib/shared/utilities';\nimport * as i2 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport * as i3 from '@fgb/portal-component-library/src/lib/shared/loading';\nimport { LoadingModule } from '@fgb/portal-component-library/src/lib/shared/loading';\nimport * as i3$1 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i6 from '@ngx-translate/core';\nimport { DateTime } from 'luxon';\nimport * as i3$2 from '@fgb/portal-component-library/src/lib/shared/confirm-modal';\nimport { ConfirmModalModule } from '@fgb/portal-component-library/src/lib/shared/confirm-modal';\nimport * as i5 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i4$1 from 'ngx-owl-carousel-o';\nimport { CarouselModule } from 'ngx-owl-carousel-o';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { CountryAndRegionsModule } from '@fgb/portal-component-library/src/lib/shared/country-and-regions';\n\nclass AddNewCardComponent {\n constructor(cardTokenService, modalService) {\n this.cardTokenService = cardTokenService;\n this.modalService = modalService;\n this.regex = RegexUS;\n this.provider = ProviderName.Sage;\n this.redirectUrl = '/cardtoken/result';\n this.failureUrl = '/cardtoken/result';\n this.topUpAddressConfig = topUpAddressConfigDefault;\n this.showCloseBtn = false;\n this.config = config;\n this.hideAddress = false;\n this.showCancelButton = false;\n this.loading = false;\n }\n ngOnInit() { }\n addNewCard() {\n this.loading = true;\n this.cardTokenService.addNewCardToken(this.provider, this.config.portalUrl + this.redirectUrl, 'payment-gateway-area', this.config.portalUrl + this.failureUrl).then(() => {\n this.loading = false;\n });\n this.showCancelButton = true;\n }\n openCardModal(content) {\n this.showCancelButton = false;\n this.hideAddress = false;\n this.modalService.open(content, { ariaLabelledBy: 'modal-basic-title', windowClass: 'top-up-address-modal', centered: true });\n }\n submittedAddress(submitted) {\n if (submitted) {\n this.hideAddress = true;\n this.addNewCard();\n }\n }\n cancel() {\n this.modalService.dismissAll();\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AddNewCardComponent, deps: [{ token: i1.CardTokenService }, { token: i2.NgbModal }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: AddNewCardComponent, selector: \"fgbcl-add-new-card\", inputs: { regex: \"regex\", provider: \"provider\", redirectUrl: \"redirectUrl\", failureUrl: \"failureUrl\", topUpAddressConfig: \"topUpAddressConfig\", showCloseBtn: \"showCloseBtn\" }, ngImport: i0, template: \"\\r\\n \\r\\n add_card\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n add_card\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n {{ 'new.card.form.title' | translate }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n add_card\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n add_card\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n {{ 'new.card.form.title' | translate }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n @if(showExpiry){\\r\\n {{ 'payment.card.active' | translate }}
\\r\\n\\r\\n {{ 'payment.card.inactive' | translate }}\\r\\n
\\r\\n{{ 'payment.card.frozen' | translate }}
\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n @if(showExpiry){\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n }\\r\\n \\r\\n {{ 'payment.card.expired.label' | translate }}\\r\\n
\\r\\n }\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n ({{ cardToken.CardNumber.substring(12) }})\\r\\n
\\r\\n @if(showExpiry){\\r\\n\\r\\n {{ 'payment.card.expiry.date' | translate }} {{ cardToken.ExpiryDate | UtcToLocaltimePipe : 'MM/YY' }}\\r\\n
\\r\\n }\\r\\n \\r\\n\\r\\n {{ 'payment.card.freeze.confirmation' | translate : { cardEnding: cardToken.CardNumber.substring(12) } }}\\r\\n
\\r\\n\\r\\n {{ 'payment.card.unfreeze.confirmation' | translate : { cardEnding: cardToken.CardNumber.substring(12) } }}\\r\\n
\\r\\n\\r\\n {{ 'payment.card.delete.confirmation' | translate : { cardEnding: cardToken.CardNumber.substring(12) } }}\\r\\n
\\r\\n\\r\\n {{ 'payment.card.activation.confirmation' | translate : { cardEnding: cardToken.CardNumber.substring(12) } }}\\r\\n
\\r\\n\\r\\n
\\r\\n @if(showExpiry){\\r\\n {{ 'payment.card.active' | translate }}
\\r\\n\\r\\n {{ 'payment.card.inactive' | translate }}\\r\\n
\\r\\n{{ 'payment.card.frozen' | translate }}
\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n @if(showExpiry){\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n }\\r\\n \\r\\n {{ 'payment.card.expired.label' | translate }}\\r\\n
\\r\\n }\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n ({{ cardToken.CardNumber.substring(12) }})\\r\\n
\\r\\n @if(showExpiry){\\r\\n\\r\\n {{ 'payment.card.expiry.date' | translate }} {{ cardToken.ExpiryDate | UtcToLocaltimePipe : 'MM/YY' }}\\r\\n
\\r\\n }\\r\\n \\r\\n\\r\\n {{ 'payment.card.freeze.confirmation' | translate : { cardEnding: cardToken.CardNumber.substring(12) } }}\\r\\n
\\r\\n\\r\\n {{ 'payment.card.unfreeze.confirmation' | translate : { cardEnding: cardToken.CardNumber.substring(12) } }}\\r\\n
\\r\\n\\r\\n {{ 'payment.card.delete.confirmation' | translate : { cardEnding: cardToken.CardNumber.substring(12) } }}\\r\\n
\\r\\n\\r\\n {{ 'payment.card.activation.confirmation' | translate : { cardEnding: cardToken.CardNumber.substring(12) } }}\\r\\n
\\r\\n\\r\\n {{ 'payment.cards.title' | translate }}\\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'payment.cards.title' | translate }}\\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \r\n
\r\n\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { KeyValuePair, MemberQuery, ProviderName, SQWADService } from '@fgb/core';\r\n@Component({\r\n selector: 'fgb-provider-callback',\r\n templateUrl: './provider-callback.component.html',\r\n styleUrls: ['./provider-callback.component.scss'],\r\n})\r\nexport class ProviderCallbackComponent implements OnInit {\r\n constructor(\r\n private activatedRoute: ActivatedRoute,\r\n private memberQuery: MemberQuery,\r\n private sqwadService: SQWADService,\r\n private router: Router\r\n ) {}\r\n\r\n ngOnInit(): void {\r\n const providerIdStr = this.activatedRoute.snapshot.paramMap.get('providerid');\r\n if (!providerIdStr) {\r\n return;\r\n }\r\n\r\n const providerId = +providerIdStr;\r\n\r\n if (providerId == ProviderName.SQWAD) {\r\n const externalRef = this.activatedRoute.snapshot.queryParamMap.get('userid');\r\n let win = this.activatedRoute.snapshot.queryParamMap.get('win')?.toLocaleLowerCase();\r\n\r\n const currentExternalRef = this.memberQuery.getUserContext().externalRef;\r\n\r\n if (!externalRef || externalRef != currentExternalRef) {\r\n this.sqwadRedirectToHomepage(false);\r\n return;\r\n }\r\n\r\n if (win != 'true') {\r\n win = 'false';\r\n }\r\n\r\n const options = [{ key: 'win', value: win }] as KeyValuePair[];\r\n this.sqwadService.callback(externalRef, options);\r\n\r\n if (win == 'true') {\r\n this.sqwadRedirectToHomepage(true);\r\n return;\r\n }\r\n\r\n this.sqwadRedirectToHomepage(false);\r\n return;\r\n }\r\n }\r\n\r\n sqwadRedirectToHomepage(win: boolean) {\r\n this.router.navigateByUrl('/?win=' + win);\r\n }\r\n}\r\n","\r\n \r\n
\r\n \r\n \r\n
\r\n {{ 'payment.cards.title' | translate }}
\r\n Powered By: \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","\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\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 { HttpErrorResponse } from '@angular/common/http';\r\nimport { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { TicketService } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-ticket-invite-page-component',\r\n templateUrl: './ticket-invite-page-component.component.html',\r\n styleUrls: ['./ticket-invite-page-component.component.scss'],\r\n})\r\nexport class TicketInvitePageComponentComponent implements OnInit {\r\n isValidTicket: boolean = true;\r\n ticketKey: string = '';\r\n errorCodeKey: string;\r\n constructor(private ticketService: TicketService, private route: ActivatedRoute) {}\r\n\r\n ngOnInit(): void {\r\n this.ticketKey = this.getQueryString('ticketId', '');\r\n this.ticketService.validateTicketInviteKey(this.ticketKey).subscribe({\r\n next: () => {\r\n this.isValidTicket = true;\r\n this.errorCodeKey = '';\r\n },\r\n error: (error: HttpErrorResponse) => {\r\n this.isValidTicket = false;\r\n if (error.status == 400) {\r\n this.errorCodeKey = String(error.error.Code).toLowerCase();\r\n }\r\n },\r\n });\r\n }\r\n\r\n /* will get the ticket key form query string from url*/\r\n getQueryString(parameter: string, defaultValue: string): string {\r\n let matchedQueryStringParameter = this.route.snapshot.queryParamMap.keys.find(\r\n (param) => param.toUpperCase() === parameter.toUpperCase()\r\n );\r\n if (matchedQueryStringParameter === undefined) {\r\n return defaultValue;\r\n }\r\n return this.route.snapshot.queryParamMap.get(matchedQueryStringParameter) || defaultValue;\r\n }\r\n}\r\n","import { trigger, state, style, transition, animate } from '@angular/animations';\n\nconst fgbAnimations = [\n trigger('rotateAnimation', [\n state('1', style({\n transform: 'rotate({{ rotateEnd }}deg)'\n }), { params: { rotateEnd: 0 } }),\n state('0', style({\n transform: 'rotate({{ rotateStart }}deg)'\n }), { params: { rotateStart: 0 } }),\n transition('0 <=> 1', [\n animate('100ms ease-in')\n ])\n ]),\n trigger('collapseAnimation', [\n state('1', style({\n height: '*',\n overflow: 'hidden'\n })),\n state('0', style({\n height: 0,\n overflow: 'hidden'\n })),\n transition('0 <=> 1', animate('100ms ease-in'))\n ]),\n trigger('growAnimation', [\n transition(':enter, * => 0, * => -1', []),\n transition(':increment', [\n style({\n height: '{{ height }}px',\n overflow: 'hidden'\n }),\n animate('300ms ease'),\n ], { params: { height: 0 } })\n ]),\n trigger('shrinkAnimation', [\n transition(':enter, * => 0, * => -1', []),\n transition(':decrement', [\n style({\n height: '{{ end }}px',\n overflow: 'hidden'\n }),\n animate('300ms ease', style({\n height: '{{ start }}px'\n })),\n ], { params: { start: 0, end: 0 } })\n ])\n];\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { fgbAnimations };\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 \r\n \r\n \r\n
\r\n {{ 'ticket.invite.page.title' | translate }}
\r\n{{ 'ticket.invite.page.discription' | translate }}
\r\n{{ errorCodeKey | translate }}
\r\n \r\n \r\n \r\n \r\n
","import { Component, OnInit, Input, OnDestroy } from '@angular/core';\r\nimport { fgbAnimations } from '@fgb/portal-component-library/src/lib/shared/animations';\r\nimport { TransactionExtended, TransactionExtendedItem, TransactionExtendedQuery, TransactionExtendedService } from '@fgb/core';\r\nimport { Observable, Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\n\r\nexport const TransactionExtendedItemMocks: TransactionExtendedItem[] = [\r\n {\r\n ProductCode: 'test 1',\r\n ProductDescription: 'Hot Dog',\r\n Quantity: 2,\r\n UnitPrice: 2,\r\n VATValue: 0,\r\n TotalPrice: 4,\r\n },\r\n {\r\n ProductCode: 'test 2',\r\n ProductDescription: 'Peanuts',\r\n Quantity: 3,\r\n UnitPrice: 1.5,\r\n VATValue: 0,\r\n TotalPrice: 4.5,\r\n },\r\n {\r\n ProductCode: 'test 3',\r\n ProductDescription: 'Pint',\r\n Quantity: 1,\r\n UnitPrice: 5,\r\n VATValue: 0,\r\n TotalPrice: 5,\r\n },\r\n];\r\n\r\nexport const TransactionExtendedMocks = [\r\n {\r\n DiscountAmount: 0,\r\n PaidEcashAmount: -100,\r\n PaidCardAmount: 0,\r\n CardType: 0,\r\n TillName: '',\r\n DescriptionText: 'Test Zero X',\r\n Amount: -100,\r\n TransactionRef: 30,\r\n TransactionDate: '2021-12-02T16:31:15.19',\r\n TransactionDateUTC: '2021-12-02T16:31:15.19Z',\r\n POS: '0',\r\n CardBalance: -100,\r\n AccountBalance: -100,\r\n AccountNumber: 0,\r\n ACN: 0,\r\n ExternalVendorRef: '',\r\n AccountDescriptionId: 0,\r\n ActionId: 0,\r\n TransactionDescription: 'Test Zero X',\r\n Location: '',\r\n },\r\n {\r\n DiscountAmount: 0,\r\n PaidEcashAmount: -1,\r\n PaidCardAmount: 0,\r\n CardType: 0,\r\n TillName: '',\r\n DescriptionText: 'Test Zero X',\r\n Amount: -1,\r\n TransactionRef: 29,\r\n TransactionDate: '2021-12-02T16:31:08.517',\r\n TransactionDateUTC: '2021-12-02T16:31:08.517Z',\r\n POS: '0',\r\n CardBalance: -1,\r\n AccountBalance: -1,\r\n AccountNumber: 0,\r\n ACN: 0,\r\n ExternalVendorRef: '',\r\n AccountDescriptionId: 0,\r\n ActionId: 0,\r\n TransactionDescription: 'Test Zero X',\r\n Location: '',\r\n },\r\n {\r\n DiscountAmount: 0,\r\n PaidEcashAmount: 0,\r\n PaidCardAmount: 75,\r\n CardType: 0,\r\n TillName: '',\r\n DescriptionText: 'Debit Account (Via Till)',\r\n Amount: 75.02,\r\n TransactionRef: 25,\r\n TransactionDate: '2020-02-06T14:29:25.63',\r\n TransactionDateUTC: '2020-02-06T14:29:25.63Z',\r\n POS: '0',\r\n CardBalance: 75.02,\r\n AccountBalance: 75.02,\r\n AccountNumber: 0,\r\n ACN: 0,\r\n ExternalVendorRef: '01Z6HUOMHG01U67OONO13APHAJMNR736',\r\n AccountDescriptionId: 20008,\r\n ActionId: 0,\r\n TransactionDescription: 'Debit Account (Via Till)',\r\n Location: '',\r\n },\r\n {\r\n DiscountAmount: 0,\r\n PaidEcashAmount: 0,\r\n PaidCardAmount: 20,\r\n CardType: 0,\r\n TillName: '',\r\n DescriptionText: 'Debit Account (Via Till)',\r\n Amount: 20,\r\n TransactionRef: 24,\r\n TransactionDate: '2020-02-06T09:20:58.903',\r\n TransactionDateUTC: '2020-02-06T09:20:58.903Z',\r\n POS: '0',\r\n CardBalance: 20,\r\n AccountBalance: 20,\r\n AccountNumber: 0,\r\n ACN: 0,\r\n ExternalVendorRef: '01Z6HUO4DD01U67OOAG6EPU94M1REMKA',\r\n AccountDescriptionId: 20008,\r\n ActionId: 0,\r\n TransactionDescription: 'Debit Account (Via Till)',\r\n Location: '',\r\n },\r\n];\r\n\r\n@Component({\r\n selector: 'fgb-split-transaction-item',\r\n templateUrl: './split-transaction.component.html',\r\n styleUrls: ['./split-transaction.component.scss'],\r\n animations: [fgbAnimations],\r\n})\r\nexport class SplitTransactionComponent implements OnInit, OnDestroy {\r\n id: number;\r\n isOpen: boolean;\r\n isDisabled: boolean;\r\n loading$: Observable\r\n \r\n
\r\n \r\n
\r\n {{ data?.DescriptionText }}
\r\n {{ data?.TransactionDateUTC | UtcToLocaltimePipe: 'hh:mm a' | uppercase }}\r\n{{ data?.Amount | FortressCurrencyPipe }}
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {{ 'split.transaction.discount.label' | translate : { fgbdefault: 'Discount' } }}\r\n {{ data?.DiscountAmount | FortressCurrencyPipe }} \r\n
\r\n \r\n {{ 'split.transaction.cash.label' | translate : { fgbdefault: 'Cash' } }}\r\n {{ data?.PaidEcashAmount | FortressCurrencyPipe }}\r\n
\r\n \r\n {{ 'split.transaction.payment.label' | translate : { fgbdefault: 'Payment Card' } }}\r\n {{ data?.PaidCardAmount | FortressCurrencyPipe }}\r\n
\r\n \r\n
\r\n Item Details
\r\n\r\n
\r\n \r\n {{ item?.ProductDescription }}{{ item?.Quantity > 1 ? ' x ' + item?.Quantity : '' }}\r\n {{ item?.TotalPrice | FortressCurrencyPipe }}\r\n
\r\n \r\n
\r\n 0 else noData\">\r\n \r\n \r\n \r\n \r\n
\r\n {{ data?.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 Search\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-split-transaction-page',\r\n templateUrl: './split-transaction-page.component.html',\r\n styleUrls: ['./split-transaction-page.component.scss']\r\n})\r\nexport class SplitTransactionPageComponent implements OnInit {\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 ","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 \r\n
\r\n Attempting to login
\r\n\r\n \r\n ![](\"assets/images/login-registration/login-banner.png\")
\r\n \r\n \r\n
\r\n\r\n\r\n \r\n \r\n \r\n \r\n
\r\n\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
\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 backButton() {\r\n return history.back();\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: 'MMM dd, 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 ![](\"/assets/images/logo.svg\"/)
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n chevron_left\r\n {{ 'claimed.back.to.wallet' | translate }}\r\n
\r\n \r\n {{ 'wallet.redeemed.title' | translate }}
\r\n \r\n\r\n
\r\n\r\n
\r\n \r\n {{ 'claimed.rewards.placeholder.description' | translate }}\r\n
\r\n \r\n
\r\n","import * as i0 from '@angular/core';\nimport { Component, Input, HostListener, NgModule } from '@angular/core';\nimport { firstValueFrom } from 'rxjs';\nimport * as i1$1 from '@fgb/core';\nimport { BadgeStatus } from '@fgb/core';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport { ScorecardDescriptionComponent } from '@fgb/portal-component-library/src/lib/loyalty/scorecards';\nimport * as i1 from '@ng-bootstrap/ng-bootstrap';\nimport * as i3 from '@angular/router';\nimport { RouterModule } from '@angular/router';\nimport * as i5 from '@fgb/portal-component-library/src/lib/directives';\nimport { DirectivesModule } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i6 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i4 from '@ngx-translate/core';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass BadgeListItemComponent {\n constructor(modalService, scorecardService, router) {\n this.modalService = modalService;\n this.scorecardService = scorecardService;\n this.router = router;\n this.BadgeStatus = BadgeStatus;\n this.preventMultipleClick = false;\n this.isOpenModal = true;\n this.isSponsorInBody = false;\n this.isShowName = true;\n }\n ngOnInit() {\n this.onWindowResize(window.screen.width);\n }\n onWindowResize(event) {\n if (event > 991) {\n this.isOpenModal = true;\n }\n else {\n this.isOpenModal = false;\n }\n }\n openScorecardDescription() {\n this.isOpenModal ? this.openModal() : this.redirectComponent();\n }\n openModal() {\n const modalRef = this.modalService.open(ScorecardDescriptionComponent, {\n centered: true,\n windowClass: 'scorecard-modal-content',\n backdropClass: 'scorecard-modal-backdrop',\n });\n modalRef.componentInstance.confettiColors = this.confettiColors;\n modalRef.componentInstance.scorecardId = this.badge.ScorecardId;\n modalRef.componentInstance.isSponsorInBody = this.isSponsorInBody;\n }\n redirectComponent() {\n const initVal = {\n confettiColors: this.confettiColors,\n };\n let params = this.isSponsorInBody ? { isSponsorInBody: this.isSponsorInBody } : {};\n this.scorecardService.initDataScorecardDescription$.next(initVal);\n this.router.navigate(['/scorecard-description', this.badge.ScorecardId, params]);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeListItemComponent, deps: [{ token: i1.NgbModal }, { token: i1$1.ScorecardService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: BadgeListItemComponent, selector: \"fgbcl-badge-list-item\", inputs: { badge: \"badge\", confettiColors: \"confettiColors\", isSponsorInBody: \"isSponsorInBody\", isShowName: \"isShowName\" }, host: { listeners: { \"window:resize\": \"onWindowResize($event.target.screen.width)\" } }, ngImport: i0, template: \"\\r\\n\", styles: [\".badge-container img{height:70px}.badge-incomplete{filter:grayscale(100%)}.scorecard-label-ellipsis{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.scorecard-label-ellipsis.three-line{-webkit-line-clamp:3;line-clamp:3}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i5.ImgDefaultDirective, selector: \"img[useDefault]\", inputs: [\"src\", \"useDefault\", \"loyaltyType\"] }, { kind: \"pipe\", type: i6.ContentImagePipe, name: \"contentImage\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeListItemComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-badge-list-item', template: \"\\r\\n\", styles: [\".badge-container img{height:70px}.badge-incomplete{filter:grayscale(100%)}.scorecard-label-ellipsis{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.scorecard-label-ellipsis.three-line{-webkit-line-clamp:3;line-clamp:3}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.NgbModal }, { type: i1$1.ScorecardService }, { type: i3.Router }], propDecorators: { badge: [{\n type: Input\n }], confettiColors: [{\n type: Input\n }], isSponsorInBody: [{\n type: Input\n }], isShowName: [{\n type: Input\n }], onWindowResize: [{\n type: HostListener,\n args: ['window:resize', ['$event.target.screen.width']]\n }] } });\n\nclass BadgeOverviewListComponent {\n constructor(badgesV2Query, badgesService) {\n this.badgesV2Query = badgesV2Query;\n this.badgesService = badgesService;\n this.isList = true;\n this.showPlaceholder = false;\n this.isSponsorInBody = false;\n }\n ngOnInit() {\n firstValueFrom(this.badgesService.fetchBadgeV2(), { defaultValue: null });\n this.badgeByCategories$ = this.badgesV2Query.selectAllBadgesByCategory();\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeOverviewListComponent, deps: [{ token: i1$1.BadgesV2Query }, { token: i1$1.BadgesService }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: BadgeOverviewListComponent, selector: \"fgbcl-badge-overview-list\", inputs: { confettiColors: \"confettiColors\", showPlaceholder: \"showPlaceholder\", isSponsorInBody: \"isSponsorInBody\" }, ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ category.Title }}\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i2.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: BadgeListItemComponent, selector: \"fgbcl-badge-list-item\", inputs: [\"badge\", \"confettiColors\", \"isSponsorInBody\", \"isShowName\"] }, { kind: \"pipe\", type: i2.AsyncPipe, name: \"async\" }, { kind: \"pipe\", type: i4.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeOverviewListComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-badge-overview-list', template: \"\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'badges.placeholder.description' | translate }}
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ category.Title }}\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [{ type: i1$1.BadgesV2Query }, { type: i1$1.BadgesService }], propDecorators: { confettiColors: [{\n type: Input\n }], showPlaceholder: [{\n type: Input\n }], isSponsorInBody: [{\n type: Input\n }] } });\n\nclass BadgeListItemModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeListItemModule, declarations: [BadgeListItemComponent], imports: [CommonModule,\n DirectivesModule,\n PipesModule], exports: [BadgeListItemComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeListItemModule, imports: [CommonModule,\n DirectivesModule,\n PipesModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeListItemModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [\n BadgeListItemComponent\n ],\n imports: [\n CommonModule,\n DirectivesModule,\n PipesModule\n ],\n exports: [\n BadgeListItemComponent\n ]\n }]\n }] });\n\nclass BadgeOverviewListModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeOverviewListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeOverviewListModule, declarations: [BadgeOverviewListComponent], imports: [CommonModule,\n BadgeListItemModule,\n FGBSharedModule], exports: [BadgeOverviewListComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeOverviewListModule, imports: [CommonModule,\n BadgeListItemModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeOverviewListModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [BadgeOverviewListComponent],\n imports: [\n CommonModule,\n BadgeListItemModule,\n FGBSharedModule\n ],\n exports: [BadgeOverviewListComponent],\n }]\n }] });\n\nclass BadgeFeaturedListComponent {\n constructor(badgesQuery, badgesService) {\n this.badgesQuery = badgesQuery;\n this.badgesService = badgesService;\n this.title = 'Badges';\n this.showTitle = true;\n this.limit = 6;\n this.link = '/badges';\n this.linkTitle = 'Show All';\n this.isList = true;\n }\n ngOnInit() {\n this.badgesService.fetchBadges().toPromise();\n this.badges$ = this.badgesQuery.selectAllCompletedBadges(this.limit);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: BadgeFeaturedListComponent, deps: [{ token: i1$1.BadgesQuery }, { token: i1$1.BadgesService }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: BadgeFeaturedListComponent, selector: \"fgbcl-badge-featured-list\", inputs: { title: \"title\", showTitle: \"showTitle\", limit: \"limit\", link: \"link\", linkTitle: \"linkTitle\", confettiColors: \"confettiColors\" }, ngImport: i0, template: \"\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'badges.placeholder.description' | translate }}
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ title }}
\\r\\n\\r\\n {{ linkTitle }}\\r\\n arrow_forward_ios\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ title }}
\\r\\n\\r\\n {{ linkTitle }}\\r\\n arrow_forward_ios\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n 0\\\">\\r\\n
\\r\\n\\r\\n \\r\\n = 3 ? 'justify-content-between' : 'justify-content-around'\\\"\\r\\n >\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n close\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'badge.achieved.title' | translate }}\\r\\n ({{ numberOfCompleted$ | async }})\\r\\n
\\r\\n 0\\\">\\r\\n
\\r\\n\\r\\n \\r\\n = 3 ? 'justify-content-between' : 'justify-content-around'\\\"\\r\\n >\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n close\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ 'badge.achieved.title' | translate }}\\r\\n ({{ numberOfCompleted$ | async }})\\r\\n
\\r\\n\r\n
\r\n","import { EventModel, TeamNamesViewModel } from '@fgb/core';\r\n\r\nexport class LoadedTicketEvent implements EventModel {\r\n ProductCode: string;\r\n ProductTypeId: number;\r\n ProductTypeName: string;\r\n ProductType: number;\r\n Title: string;\r\n Date: string | Date;\r\n GameNumber: number;\r\n GameType: number;\r\n Teams: string;\r\n SeasonId: number;\r\n EventTypeId: number;\r\n HomeTeamId: number;\r\n AwayTeamId: number;\r\n TicketCount: number;\r\n /** Object containing the team names as home and away */\r\n TeamNames: TeamNamesViewModel;\r\n\r\n get EventName() {\r\n if (this.TeamNames?.HomeTeamName && this.TeamNames?.AwayTeamName) {\r\n return `${this.TeamNames.HomeTeamName} vs ${this.TeamNames.AwayTeamName}`;\r\n }\r\n return this.Teams;\r\n }\r\n}\r\n","import { computed, Injectable, signal } from '@angular/core';\r\nimport { firstValueFrom, Observable } from 'rxjs';\r\nimport { ApiService } from '@fgb/core';\r\nimport { LoadedTicketEvent } from './models/loaded-ticket-event.model';\r\nimport { HttpParams } from '@angular/common/http';\r\nimport { LoadedTicket } from './models/loaded-ticket.model';\r\nimport { LoadedTicketTransactionResponse } from './models/loaded-ticket-transaction-response.model';\r\nimport { LoadedTicketTransactionThirdParty } from './models/loaded-ticket-transaction-third-party.model';\r\nimport { DateTime } from 'luxon';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class TicketLoadService {\r\n private _selectedEvent = signal\r\n
\r\n\r\n\r\n","import { AfterViewInit, Component, inject, OnInit } from '@angular/core';\r\nimport { FormControl, FormGroup } from '@angular/forms';\r\nimport { LoggingService } from '@fgb/core';\r\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { TicketLoadService } from 'src/app/modules/tickets/ticket.service';\r\n\r\n@Component({\r\n selector: 'fgb-change-event-modal',\r\n templateUrl: './change-event-modal.component.html',\r\n styleUrl: './change-event-modal.component.scss',\r\n})\r\nexport class ChangeEventModalComponent implements OnInit, AfterViewInit {\r\n events = this.ticketService.events;\r\n form = new FormGroup({\r\n event: new FormControl(''),\r\n });\r\n\r\n activeModal = inject(NgbActiveModal);\r\n\r\n constructor(\r\n private ticketService: TicketLoadService,\r\n private logging: LoggingService\r\n ) {}\r\n\r\n ngOnInit(): void {\r\n this.ticketService.getEvents('externalref');\r\n this.form.controls.event.setValue(this.ticketService.selectedEvent()?.ProductCode ?? null);\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n let selectedElement = document.querySelector('input[name=\"event\"]:checked');\r\n if (selectedElement instanceof HTMLElement) {\r\n selectedElement.focus();\r\n }\r\n }\r\n\r\n Submit() {\r\n let selectedProductCode = this.form.controls.event.value;\r\n if (selectedProductCode) {\r\n this.ticketService.updateSelectedEvent(selectedProductCode);\r\n this.activeModal.close('updated');\r\n return;\r\n }\r\n\r\n this.logging.error('Product code is null, unable to update');\r\n this.Cancel();\r\n }\r\n\r\n Cancel() {\r\n this.activeModal.close('cancelled');\r\n }\r\n}\r\n","\r\n {{ 'change.event.confirm.text' | translate }}\r\n
\r\n\r\n \r\n\r\n
\r\n","import { Component, Input } from '@angular/core';\r\nimport { config } from '@fgb/core';\r\nimport { LoadedTicketEvent } from 'src/app/modules/tickets/models/loaded-ticket-event.model';\r\n\r\n@Component({\r\n selector: 'fgb-event-header',\r\n templateUrl: './event-header.component.html',\r\n styleUrl: './event-header.component.scss',\r\n})\r\nexport class EventHeaderComponent {\r\n showImage = true;\r\n @Input() event: LoadedTicketEvent | undefined;\r\n\r\n getTeamLogoUrl(teamId: number) {\r\n return `${config.contentUrl}/image/teams/${teamId}__1_1_1033.png`;\r\n }\r\n}\r\n","import { Component, inject, OnInit, Signal } from '@angular/core';\r\nimport { TicketLoadService } from '../ticket.service';\r\nimport { LoadedTicketEvent } from '../models/loaded-ticket-event.model';\r\nimport { ChangeEventModalComponent } from '../change-event-modal/change-event-modal.component';\r\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\n\r\n@Component({\r\n selector: 'fgb-selected-event',\r\n templateUrl: './selected-event.component.html',\r\n styleUrl: './selected-event.component.scss',\r\n})\r\nexport class SelectedEventComponent implements OnInit {\r\n selectedEvent: Signal\r\n
\r\n{{ event?.TeamNames?.AwayTeamName }}
\r\n\r\n {{ event?.Date | date: 'ccc, MMM dd hh:mma' }}\r\n
\r\n\r\n \r\n
\r\n\r\n","@if (loading()) {\r\n \r\n} @else {\r\n \r\n \r\n cached\r\n {{ 'change.event.loaded.tickets' | 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 } @else if (loadingTransactions()) {\r\n
\r\n \r\n\r\n \r\n \r\n\r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n grade{{ 'loaded.tickets.offer' | translate }}\r\n \r\n {{ 'loaded.tickets.family.ticket' | translate }}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ 'loaded.tickets.section' | translate }} \r\n {{ fqa.area }}\r\n \r\n \r\n {{ 'loaded.tickets.row' | translate }} \r\n {{ fqa.row }}\r\n \r\n \r\n {{ 'loaded.tickets.seat' | translate }} \r\n {{ fqa.seat }}\r\n \r\n \r\n {{ 'loaded.tickets.ticket' | translate }} {{ fqa.acn }}\r\n \r\n \r\n \r\n \r\n {{ 'loaded.tickets.ticket' | translate }} {{ fqa.acn }}\r\n \r\n\r\n \r\n \r\n \r\n {{ 'expand.transactions' | translate }}\r\n \r\n \r\n\r\n \r\n \r\n {{ fqa.RealBalanceInPence / 100 | FortressCurrencyPipe }}\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {{ accItem.collapsed ? 'Add Hawks Bucks' : 'Cancel' }}\r\n \r\n \r\n 0\">\r\n \r\n {{ accItem.collapsed ? 'Manage' : 'Cancel' }}\r\n \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.tickets' | 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 grade{{ 'loaded.tickets.offer' | translate }}\r\n
\r\n {{ 'loaded.tickets.family.ticket' | translate }}
\r\n \r\n
\r\n
\r\n \r\n {{ 'loaded.tickets.section' | translate }} \r\n {{ fqa.area }}\r\n
\r\n \r\n {{ 'loaded.tickets.row' | translate }} \r\n {{ fqa.row }}\r\n
\r\n \r\n {{ 'loaded.tickets.seat' | translate }} \r\n {{ fqa.seat }}\r\n
\r\n \r\n {{ 'loaded.tickets.ticket' | translate }} {{ fqa.acn }}\r\n
\r\n \r\n
\r\n\r\n \r\n {{ 'loaded.tickets.ticket' | translate }} {{ fqa.acn }}\r\n
\r\n\r\n \r\n \r\n \r\n {{ 'expand.transactions' | translate }}\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {{ fqa.RealBalanceInPence / 100 | FortressCurrencyPipe }}\r\n
\r\n \r\n 0\">\r\n \r\n {{ accItem.collapsed ? 'Manage' : 'Cancel' }}\r\n \r\n
\r\n\r\n \r\n \r\n {{ accItem.collapsed ? 'Add Hawks Bucks' : 'Cancel' }}\r\n \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.tickets' | translate }}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n 0\">\r\n
\r\n \r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n 0\">\r\n \r\n {{ accItem.collapsed ? 'Manage Club' : 'Cancel' }}\r\n \r\n
\r\n \r\n \r\n {{ accItem.collapsed ? 'Add Club' : 'Cancel' }}\r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n grade\r\n {{ 'loaded.tickets.offer' | translate }}\r\n
\r\n {{ 'loaded.tickets.family.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 \r\n {{ 'loaded.ticket.transaction.header' | translate }}\r\n
\r\n\r\n
\r\n \r\n \r\n {{ 'loaded.ticket.transaction' | translate }}\r\n
\r\n \r\n
\r\n\r\n \r\n {{ 'loaded.tickets.transaction.details.title' | translate }}\r\n
\r\n \r\n\r\n @if (transactionDetails$ | async; as transactions) {\r\n @if (transactions.length) {\r\n @for (transaction of transactions; track transaction.fgB_TRef) {\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{ transaction.TransDescription }}\r\n
\r\n\r\n \r\n {{ transaction.TransDate | date: 'MMM dd, yyyy - h:mm a' }}\r\n
\r\n \r\n = 0 ? 'text-success' : 'text-danger'\"\r\n >\r\n {{ transaction.TotalAmount >= 0 ? '+' : '' }}{{ transaction.TotalAmount | FortressCurrencyPipe }}\r\n
\r\n \r\n }\r\n } @else if (loadingTransactions()) {\r\n
{{ 'loaded.tickets.transaction.details.placeholder' | translate }}
\r\n }\r\n }\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n @if (ticketDetails()?.BarcodeText) {\r\n
\r\n \r\n \r\n {{ 'loaded.tickets.modal.barcode.info' | translate }}\r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n {{ 'loaded.tickets.section' | translate }} \r\n {{ ticketDetails()!.area }}\r\n
\r\n \r\n {{ 'loaded.tickets.row' | translate }} \r\n {{ ticketDetails()!.row }}\r\n
\r\n \r\n {{ 'loaded.tickets.seat' | translate }} \r\n {{ ticketDetails()!.seat }}\r\n
\r\n \r\n
\r\n \r\n {{ 'loaded.tickets.ticket' | translate }} {{ ticketDetails()!.acn }}\r\n
\r\n \r\n
\r\n \r\n {{\r\n ticketDetails()!.RealBalanceInPence / 100 | FortressCurrencyPipe\r\n }}\r\n
\r\n {{ 'loaded.tickets.page.title' | translate }}
\r\n{{ 'loaded.tickets.page.desc' | translate }}
\r\n\r\n@if (loadingEvents()) {\r\n\r\n
\r\n} @else if (selectedEvent()) {\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n}\r\n","import { OnInit, Component, Signal } from '@angular/core';\r\nimport { LoadedTicketEvent } from 'src/app/modules/tickets/models/loaded-ticket-event.model';\r\nimport { TicketLoadService } from 'src/app/modules/tickets/ticket.service';\r\n\r\n@Component({\r\n selector: 'fgb-loaded-tickets',\r\n templateUrl: './loaded-tickets.component.html',\r\n styleUrl: './loaded-tickets.component.scss',\r\n})\r\nexport class LoadedTicketsComponent implements OnInit {\r\n selectedEvent: Signal\r\n {{ 'no.events.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
\r\n\r\n
\r\n {{ 'hawks.banner.add.card.title' | translate }}
\r\n{{ 'hawks.banner.add.card.desc' | translate }}
\r\n \r\n
\r\n {{ 'hawks.banner.transfer.title' | translate }}
\r\n{{ 'hawks.banner.transfer.desc' | translate }}
\r\n \r\n
\r\n","import { Component } from '@angular/core';\r\nimport { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\n\r\n@Component({\r\n selector: 'fgb-hawks-bucks-page',\r\n templateUrl: './hawks-bucks-page.component.html',\r\n styleUrl: './hawks-bucks-page.component.scss',\r\n})\r\nexport class HawksBucksPageComponent {\r\n screenType = ScreenType;\r\n}\r\n","import { Component } from '@angular/core';\r\nimport { CustomDataSetService } from '@fgb/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\n@Component({\r\n selector: 'fgb-my-renewals-page',\r\n templateUrl: './my-renewals-page.component.html',\r\n styleUrl: './my-renewals-page.component.scss',\r\n})\r\nexport class MyRenewalsPageComponent {\r\n url$: any;\r\n showButton: boolean = true;\r\n constructor(\r\n private customDataSetService: CustomDataSetService,\r\n private translate: TranslateService\r\n ) {}\r\n dataId: number = 1;\r\n\r\n ngOnInit() {\r\n this.getCustomDataUrl();\r\n }\r\n\r\n getCustomDataUrl() {\r\n this.customDataSetService.GetCustomDataSet(this.dataId).subscribe((data: any) => {\r\n this.url$ = data[0];\r\n if (data[0].ErrorNumber === 0) {\r\n this.showButton = false;\r\n this.url$.title = data[0].welcome_message;\r\n } else this.url$.title = this.translate.instant('no.renewals.placeholder');\r\n });\r\n }\r\n}\r\n","\r\n
\r\n","import { NgModule } from '@angular/core';\r\nimport { RouterModule, Routes } from '@angular/router';\r\nimport {\r\n AuthGuard,\r\n PopulationGuard,\r\n // StepType,\r\n MemberResolver,\r\n LottoResolver,\r\n AuctionResolver,\r\n MemberCardResolver,\r\n BalanceResolver,\r\n PurchaseResolver,\r\n AddressBookResolver,\r\n CardTokenResolver,\r\n FantasyGameResolver,\r\n SurveyResolver,\r\n // RegistrationStepResolver,\r\n LottoWalletResolver,\r\n AuctionBidsResolver,\r\n AddressResolver,\r\n TransactionSuccessGuard,\r\n SeatingDetailResolver,\r\n CountryResolver,\r\n MemberLoyaltyStatusResolver,\r\n PortalProductsSubscriptionsResolver,\r\n PopUpNotificationResolver,\r\n MaintenanceGuard,\r\n // FGBPreLoadingStrategy,\r\n firstTimeUserGuard,\r\n groupedWalletResolver,\r\n} from '@fgb/core';\r\n\r\n// General\r\nimport { MasterPageComponent } from './pages/master/master-page/master-page.component';\r\nimport { HomePageComponent } from './pages/home-page/home-page.component';\r\nimport { FaqPageComponent } from './pages/faq-page/faq-page.component';\r\nimport { ContactUsPageComponent } from './pages/contact-us-page/contact-us-page.component';\r\nimport { TermsPageComponent } from './pages/terms-page/terms-page.component';\r\nimport { NotFoundPageComponent } from './pages/not-found-page/not-found-page.component';\r\n// Loyalty\r\nimport { RewardsLayoutComponent } from './pages/rewards-layout/rewards-layout.component';\r\nimport { RewardsPageComponent } from './pages/rewards-page/rewards-page.component';\r\nimport { 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 { GamesPageComponent } from './pages/games-page/games-page.component';\r\nimport { PredictorPageComponent } from './pages/predictor-page/predictor-page.component';\r\nimport { PollsPageComponent } from './pages/polls-page/polls-page.component';\r\nimport { 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 { ProductsPageComponent } from './pages/products-page/products-page.component';\r\n\r\n// Account\r\nimport { AccountDetailsPageComponent } from './pages/account-details-page/account-details-page.component';\r\nimport { ActivityPageComponent } from './pages/activity-page/activity-page.component';\r\n\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\r\n// Events & Tickets\r\nimport { ContactsPageComponent } from './pages/contacts-page/contacts-page.component';\r\n// Cash Transfer\r\nimport { TransferArenaCashPageComponent } from './pages/transfer-arena-cash-page/transfer-arena-cash-page.component';\r\nimport { TransferMultipleAccountsPageComponent } from './pages/transfer-multiple-accounts-page/transfer-multiple-accounts-page.component';\r\nimport { TransferArenaCashSuccessPageComponent } from './pages/transfer-arena-cash-success-page/transfer-arena-cash-success-page.component';\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\r\n// Club Pages\r\nimport { EarnPageComponent } from './pages/earn-page/earn-page.component';\r\n\r\n// Partners Pages\r\nimport { LottosTermsPageComponent } from './pages/lottos-terms-page/lottos-terms-page.component';\r\nimport { MarketplaceTermsPageComponent } from './pages/marketplace-terms-page/marketplace-terms-page.component';\r\nimport { TmCallbackComponent } from './shared/components/manage-tickets/tm-callback/tm-callback.component';\r\nimport { TmAuthCallbackComponent } from './shared/components/providers/tm/tm-auth-callback/tm-auth-callback.component';\r\nimport { ZoomMeetingPageComponent } from './pages/zoom-meeting-page/zoom-meeting-page.component';\r\nimport { V1SingleSignOnComponent } from './modules/user/components/v1-single-sign-on/v1-single-sign-on.component';\r\nimport { SubscriptionsPageComponent } from './pages/subscriptions-page/subscriptions-page.component';\r\nimport { CartCheckoutPagePortalProductsComponent } from './pages/cart-checkout-page-portal-products/cart-checkout-page-portal-products.component';\r\nimport { CartCheckoutPageComponent } from './pages/cart-checkout-page/cart-checkout-page.component';\r\n// Offer Pages\r\nimport { OffersPageComponent } from './pages/offers-page/offers-page.component';\r\nimport { OfferDetailsPageComponent } from './pages/offer-details-page/offer-details-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 { NotificationManagementPageComponent } from './pages/notification-management-page/notification-management-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 { TicketInvitePageComponentComponent } from './pages/ticket-invite-page-component/ticket-invite-page-component.component';\r\nimport { SplitTransactionPageComponent } from './pages/split-transaction-page/split-transaction-page.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 { HawksBucksPageComponent } from './pages/hawks-bucks-page/hawks-bucks-page.component';\r\nimport { ScorecardDescriptionComponent } from '@fgb/portal-component-library/src/lib/loyalty/scorecards';\r\nimport { MyRenewalsPageComponent } from './pages/my-renewals-page/my-renewals-page.component';\r\n\r\nconst routes: Routes = [\r\n {\r\n path: '',\r\n canActivate: [AuthGuard, firstTimeUserGuard()],\r\n canActivateChild: [MaintenanceGuard],\r\n component: MasterPageComponent,\r\n resolve: {\r\n member: MemberResolver,\r\n memberCard: MemberCardResolver,\r\n balances: BalanceResolver,\r\n popupNotifications: PopUpNotificationResolver,\r\n cardTokens: CardTokenResolver,\r\n },\r\n children: [\r\n {\r\n path: '',\r\n canActivate: [PopulationGuard],\r\n data: {\r\n exclude: ['testPop'],\r\n popRedirect: 'test',\r\n },\r\n component: HomePageComponent,\r\n resolve: {\r\n surveys: SurveyResolver,\r\n },\r\n },\r\n\r\n {\r\n path: '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 cardTokens: CardTokenResolver,\r\n country: CountryResolver,\r\n },\r\n component: MarketplaceDetailPageComponent,\r\n },\r\n {\r\n path: 'terms',\r\n component: MarketplaceTermsPageComponent,\r\n },\r\n ],\r\n },\r\n {\r\n path: 'purchase/success',\r\n canActivate: [TransactionSuccessGuard],\r\n component: MarketplacePurchaseSuccessPageComponent,\r\n resolve: {\r\n balances: BalanceResolver,\r\n purchase: PurchaseResolver,\r\n },\r\n },\r\n ],\r\n },\r\n {\r\n path: 'events',\r\n component: EventsPageComponent,\r\n },\r\n {\r\n path: 'products',\r\n component: ProductsPageComponent,\r\n },\r\n {\r\n path: 'raffles',\r\n children: [\r\n {\r\n path: '',\r\n redirectTo: '/rewards',\r\n pathMatch: 'full',\r\n },\r\n {\r\n path: '',\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 resolve: {\r\n walletItems: groupedWalletResolver({ redeemed: false }),\r\n },\r\n },\r\n {\r\n path: 'claimed',\r\n children: [\r\n {\r\n path: '',\r\n component: WalletClaimedPageComponent,\r\n resolve: {\r\n purchases: PurchaseResolver,\r\n lottoWalletItems: LottoWalletResolver,\r\n auctionBids: AuctionBidsResolver,\r\n },\r\n },\r\n ],\r\n resolve: {\r\n walletItems: groupedWalletResolver({ redeemed: true }),\r\n },\r\n },\r\n {\r\n path: 'bids',\r\n children: [\r\n {\r\n path: 'details/:id',\r\n component: AuctionWalletDetailsPageComponent,\r\n resolve: { bids: AuctionBidsResolver },\r\n },\r\n ],\r\n resolve: {\r\n walletItems: groupedWalletResolver({ redeemed: true }),\r\n },\r\n },\r\n ],\r\n },\r\n { path: 'scorecard-description/:id', component: ScorecardDescriptionComponent },\r\n {\r\n path: 'account',\r\n component: AccountDetailsPageComponent,\r\n resolve: {\r\n member: MemberResolver,\r\n balances: BalanceResolver,\r\n seating: SeatingDetailResolver,\r\n memberLoyaltyStatus: MemberLoyaltyStatusResolver,\r\n },\r\n },\r\n { path: 'activity', component: ActivityPageComponent },\r\n { path: 'splitTransactions', component: SplitTransactionPageComponent },\r\n\r\n {\r\n path: 'payment',\r\n resolve: { balances: BalanceResolver, cardTokens: CardTokenResolver },\r\n children: [{ path: '', component: PaymentPageComponent }],\r\n },\r\n\r\n {\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 {\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: 'offers',\r\n children: [\r\n { path: '', component: OffersPageComponent },\r\n {\r\n path: 'details/:offerId',\r\n component: OfferDetailsPageComponent,\r\n },\r\n ],\r\n },\r\n {\r\n path: 'campaign',\r\n children: [\r\n {\r\n path: 'details/:offerId',\r\n component: CampaignDetailsPageComponent,\r\n },\r\n ],\r\n },\r\n { path: 'faq', component: FaqPageComponent },\r\n { path: 'terms', component: TermsPageComponent },\r\n { path: 'contact', component: ContactUsPageComponent },\r\n { path: 'challenges', component: ChallengesPageComponent },\r\n { path: 'my-renewals', component: MyRenewalsPageComponent },\r\n {\r\n path: 'hawksbucks',\r\n component: HawksBucksPageComponent,\r\n },\r\n\r\n {\r\n path: 'contacts',\r\n component: ContactsPageComponent,\r\n resolve: { addressBookResolver: AddressBookResolver },\r\n },\r\n {\r\n path: 'games',\r\n resolve: {\r\n surveys: SurveyResolver,\r\n games: FantasyGameResolver,\r\n },\r\n component: GamesLayoutComponent,\r\n children: [\r\n { path: '', component: GamesPageComponent },\r\n { path: 'predictor', component: PredictorPageComponent },\r\n { path: 'polls', component: PollsPageComponent },\r\n { path: 'quiz', component: QuizPageComponent },\r\n ],\r\n },\r\n // Club Pages\r\n {\r\n path: 'checkout',\r\n children: [\r\n {\r\n path: '',\r\n component: CartCheckoutPageComponent,\r\n resolve: {\r\n member: MemberResolver,\r\n address: AddressResolver,\r\n country: CountryResolver,\r\n },\r\n },\r\n {\r\n path: 'success',\r\n component: CartCheckoutSuccessPageComponent,\r\n },\r\n {\r\n path: 'results',\r\n component: CartCheckoutResultsPageComponent,\r\n },\r\n ],\r\n resolve: {\r\n address: AddressResolver,\r\n },\r\n },\r\n {\r\n 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: 'notificationmanagement', component: NotificationManagementPageComponent },\r\n { path: 'earn', component: EarnPageComponent },\r\n {\r\n path: 'transfer',\r\n children: [\r\n {\r\n path: '',\r\n component: TransferArenaCashPageComponent,\r\n resolve: { balances: BalanceResolver },\r\n },\r\n {\r\n path: 'multipleaccounts',\r\n component: TransferMultipleAccountsPageComponent,\r\n },\r\n {\r\n path: 'success',\r\n component: TransferArenaCashSuccessPageComponent,\r\n resolve: { balances: BalanceResolver },\r\n },\r\n ],\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 {\r\n path: 'ticketinvite',\r\n component: TicketInvitePageComponentComponent,\r\n },\r\n {\r\n path: 'zoom/:purchaseId',\r\n component: ZoomMeetingPageComponent,\r\n resolve: { member: MemberResolver, purchases: PurchaseResolver },\r\n },\r\n { path: '', redirectTo: 'login', pathMatch: 'full' },\r\n { path: 'login', component: LoginPageComponent, 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 {\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: '**', 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 { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { GoogleMapsModule } from '@angular/google-maps';\r\nimport { RouterModule } from '@angular/router';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { InlineSVGModule } from 'ng-inline-svg-2';\r\n\r\n// ?? PIPES\r\nimport { ContentImagePipe } from './pipes/content-image.pipe';\r\nimport { FortressCurrencyPipe } from './pipes/fortress-currency.pipe';\r\nimport { ManageTicketsComponent } from './components/manage-tickets/manage-tickets.component';\r\nimport { ContentFilePipe } from './pipes/content-file.pipe';\r\nimport { CreditCardNumberPipe } from './pipes/credit-card-number.pipe';\r\nimport { CardTypeImageUrlPipe } from './pipes/card-type-image-url.pipe';\r\nimport { ReactiveFormsModule, FormsModule } from '@angular/forms';\r\nimport { SafeHtmlPipe } from './pipes/safe-html.pipe';\r\nimport { WithLoadingPipe } from './pipes/with-loading.pipe';\r\nimport { NumberInputModule } from '@fgb/portal-component-library/src/lib/shared/number-input';\r\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\r\n\r\n// ?? DIRECTIVES\r\nimport { ImgDefaultDirective } from './directives/img-default.directive';\r\nimport { InPopulationDirective } from './directives/in-population.directive';\r\nimport { NotInPopulationDirective } from './directives/not-in-population.directive';\r\nimport { IsClientTypeDirective } from './directives/is-client-type.directive';\r\nimport { IsNotClientTypeDirective } from './directives/is-not-client-type.directive';\r\nimport { StickyDirective } from './directives/sticky.directive';\r\nimport { InProductCodeDirective } from './directives/in-product-code.directive';\r\nimport { NotInProductCodeDirective } from './directives/not-in-product-code.directive';\r\nimport { TmCallbackComponent } from './components/manage-tickets/tm-callback/tm-callback.component';\r\nimport { HasTagDirective } from './directives/has-tag.directive';\r\nimport { CtrlTemplateDirective } from './directives/control-template.directive';\r\nimport { NotHasTagDirective } from './directives/not-has-tag.directive';\r\nimport { InClubDirective } from './directives/in-club.directive';\r\nimport { NotInClubDirective } from './directives/not-in-club.directive';\r\n\r\n// ?? COMPONENTS\r\nimport { GiftCodesComponent } from './components/gift-codes/gift-codes.component';\r\nimport { TmAuthCallbackComponent } from './components/providers/tm/tm-auth-callback/tm-auth-callback.component';\r\nimport { FgbYoutubePlayerComponent } from './components/providers/youtube/fgb-youtube-player/fgb-youtube-player.component';\r\nimport { FgbVimeoPlayerComponent } from './components/providers/vimeo/fgb-vimeo-player/fgb-vimeo-player.component';\r\nimport { FgbSVPPlayerComponent } from './components/providers/streamingVideoProvider/fgb-svp-player/fgb-svp-player.component';\r\nimport { FgbTwitchPlayerComponent } from './components/providers/twitch/fgb-twitch-player/fgb-twitch-player.component';\r\nimport { FgbZoomConferenceComponent } from './components/providers/zoom/fgb-zoom-conference/fgb-zoom-conference.component';\r\nimport { FgbBoxcastPlayerComponent } from './components/providers/boxcast/fgb-boxcast-player/fgb-boxcast-player.component';\r\nimport { FgbStreamablePlayerComponent } from './components/providers/streamable/fgb-streamable-player/fgb-streamable-player.component';\r\nimport { FgbFacebookPlayerComponent } from './components/providers/facebook/fgb-facebook-player/fgb-facebook-player.component';\r\nimport { TimeSinceComponent } from './components/time-since/time-since.component';\r\nimport { CountdownWatchComponent } from './components/countdown-watch/countdown-watch.component';\r\nimport { SportsAllianceCallbackComponent } from './components/providers/sports-alliance/sports-alliance-callback/sports-alliance-callback.component';\r\nimport { ProviderCallbackComponent } from './components/providers/provider-callback/provider-callback.component';\r\nimport { KeyCloakCallbackComponent } from './components/providers/key-cloak/key-cloak-callback/key-cloak-callback.component';\r\nimport { SeatGeekCallbackComponent } from './components/providers/seatgeek/seatgeek-callback/seatgeek-callback.component';\r\nimport { OtherMediaCallbackComponent } from './components/providers/other-media/other-media-callback/other-media-callback.component';\r\n\r\n// ?? MODULES\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 { CountryAndRegionsModule } from '@fgb/portal-component-library/src/lib/shared/country-and-regions';\r\nimport { CountdownModule } from '@fgb/portal-component-library/src/lib/shared/countdown';\r\nimport { LoyaltyIconModule } from '@fgb/portal-component-library/src/lib/shared/loyalty-icon';\r\nimport { SortBarModule } from '@fgb/portal-component-library/src/lib/shared/sort-bar';\r\nimport { DirectivesModule } from '@fgb/portal-component-library/src/lib/directives';\r\nimport { ConfirmModalModule } from '@fgb/portal-component-library/src/lib/shared/confirm-modal';\r\nimport { LostBarcodeModalComponent } from './components/lost-barcode-modal/lost-barcode-modal.component';\r\n\r\nconst PIPES = [\r\n ContentImagePipe,\r\n ContentFilePipe,\r\n FortressCurrencyPipe,\r\n CreditCardNumberPipe,\r\n CardTypeImageUrlPipe,\r\n SafeHtmlPipe,\r\n WithLoadingPipe,\r\n];\r\n\r\nconst DIRECTIVES = [\r\n ImgDefaultDirective,\r\n InPopulationDirective,\r\n NotInPopulationDirective,\r\n IsNotClientTypeDirective,\r\n IsClientTypeDirective,\r\n StickyDirective,\r\n InProductCodeDirective,\r\n NotInProductCodeDirective,\r\n HasTagDirective,\r\n NotHasTagDirective,\r\n InClubDirective,\r\n NotInClubDirective,\r\n CtrlTemplateDirective,\r\n];\r\n\r\nconst IMPORT_COMPONENTS = [\r\n ManageTicketsComponent,\r\n GiftCodesComponent,\r\n TmCallbackComponent,\r\n TmAuthCallbackComponent,\r\n FgbYoutubePlayerComponent,\r\n FgbVimeoPlayerComponent,\r\n FgbSVPPlayerComponent,\r\n FgbTwitchPlayerComponent,\r\n FgbZoomConferenceComponent,\r\n FgbBoxcastPlayerComponent,\r\n FgbStreamablePlayerComponent,\r\n TimeSinceComponent,\r\n FgbFacebookPlayerComponent,\r\n CountdownWatchComponent,\r\n SportsAllianceCallbackComponent,\r\n KeyCloakCallbackComponent,\r\n OtherMediaCallbackComponent,\r\n ProviderCallbackComponent,\r\n SeatGeekCallbackComponent,\r\n LostBarcodeModalComponent,\r\n];\r\n\r\nconst EXPORT_COMPONENTS = [\r\n ManageTicketsComponent,\r\n TimeSinceComponent,\r\n FgbYoutubePlayerComponent,\r\n FgbVimeoPlayerComponent,\r\n FgbSVPPlayerComponent,\r\n FgbTwitchPlayerComponent,\r\n FgbZoomConferenceComponent,\r\n FgbBoxcastPlayerComponent,\r\n FgbStreamablePlayerComponent,\r\n FgbFacebookPlayerComponent,\r\n CtrlTemplateDirective,\r\n CountdownWatchComponent,\r\n];\r\n\r\nconst IMPORT_MODULES = [\r\n ReactiveFormsModule,\r\n FormsModule,\r\n CommonModule,\r\n NgbModule,\r\n RouterModule,\r\n InlineSVGModule,\r\n GoogleMapsModule,\r\n ErrorsModule,\r\n NumberInputModule,\r\n SortBarModule,\r\n CountdownModule,\r\n LoyaltyIconModule,\r\n LoadingModule,\r\n DirectivesModule,\r\n PipesModule,\r\n CountryAndRegionsModule,\r\n ConfirmModalModule,\r\n];\r\n\r\nconst EXPORT_MODULES = [\r\n LoadingModule,\r\n GoogleMapsModule,\r\n PipesModule,\r\n NumberInputModule,\r\n CountryAndRegionsModule,\r\n ConfirmModalModule,\r\n DirectivesModule,\r\n];\r\n\r\n@NgModule({\r\n declarations: [...IMPORT_COMPONENTS, ...DIRECTIVES, ...PIPES],\r\n imports: [...IMPORT_MODULES],\r\n exports: [...EXPORT_COMPONENTS, ...DIRECTIVES, ...PIPES, ...EXPORT_MODULES],\r\n})\r\nexport class SharedModule {}\r\n","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 { TransferArenaCashComponent } from './components/transfer-arena-cash/transfer-arena-cash/transfer-arena-cash.component';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { TransferArenaMultipleAccountsComponent } from './components/transfer-arena-cash/transfer-arena-multiple-accounts/transfer-arena-multiple-accounts.component';\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\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 { 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\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 TransferArenaCashComponent,\r\n TransferArenaMultipleAccountsComponent,\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 ],\r\n exports: [\r\n SurveyItemComponent,\r\n TransferArenaCashComponent,\r\n TransferArenaMultipleAccountsComponent,\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 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{{ url$?.title }}
\r\n \r\n \r\n \r\n\\r\\n
\\r\\n\", styles: [\":host{width:100%}.cash-back-container{min-height:2rem}.error{font-size:.625rem;margin:0}.cashback-toggle{position:relative;display:inline-block;width:43px;height:20px;margin-bottom:0}.cashback-toggle .cashback-toggle-slider{position:absolute;cursor:pointer;inset:0;-webkit-transition:.4s;transition:.4s;border-radius:20px}.cashback-toggle .cashback-toggle-slider:before{position:absolute;content:\\\"\\\";height:20px;width:20px;-webkit-transition:.4s;transition:.4s;border-radius:50%;box-shadow:0 0 6px #00000029}.cashback-toggle .cashback-toggle-input:checked+.cashback-toggle-slider:before{-webkit-transform:translateX(23px);-ms-transform:translateX(23px);transform:translate(23px)}.cashback-toggle input{opacity:0;width:0;height:0}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i3.CheckboxControlValueAccessor, selector: \"input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]\" }, { kind: \"directive\", type: i3.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i3.NgModel, selector: \"[ngModel]:not([formControlName]):not([formControl])\", inputs: [\"name\", \"disabled\", \"ngModel\", \"ngModelOptions\"], outputs: [\"ngModelChange\"], exportAs: [\"ngModel\"] }, { kind: \"pipe\", type: i4.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CashBackToggleComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-cash-back-toggle', template: \"\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'ecash.cashback.toggle.error' | translate }}\\r\\n
\\r\\n\\r\\n
\\r\\n\", styles: [\":host{width:100%}.cash-back-container{min-height:2rem}.error{font-size:.625rem;margin:0}.cashback-toggle{position:relative;display:inline-block;width:43px;height:20px;margin-bottom:0}.cashback-toggle .cashback-toggle-slider{position:absolute;cursor:pointer;inset:0;-webkit-transition:.4s;transition:.4s;border-radius:20px}.cashback-toggle .cashback-toggle-slider:before{position:absolute;content:\\\"\\\";height:20px;width:20px;-webkit-transition:.4s;transition:.4s;border-radius:50%;box-shadow:0 0 6px #00000029}.cashback-toggle .cashback-toggle-input:checked+.cashback-toggle-slider:before{-webkit-transform:translateX(23px);-ms-transform:translateX(23px);transform:translate(23px)}.cashback-toggle input{opacity:0;width:0;height:0}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.CardTokenService }], propDecorators: { disableToggle: [{\n type: Input\n }] } });\n\nclass CashBackToggleModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CashBackToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: CashBackToggleModule, declarations: [CashBackToggleComponent], imports: [CommonModule,\n FormsModule,\n BrowserAnimationsModule,\n FGBSharedModule], exports: [CashBackToggleComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CashBackToggleModule, imports: [CommonModule,\n FormsModule,\n BrowserAnimationsModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: CashBackToggleModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [CashBackToggleComponent],\n imports: [\n CommonModule,\n FormsModule,\n BrowserAnimationsModule,\n FGBSharedModule\n ],\n exports: [CashBackToggleComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { CashBackToggleComponent, CashBackToggleModule };\n","import * as i0 from '@angular/core';\nimport { Component, Input, NgModule } from '@angular/core';\nimport * as i4 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i2 from 'angularx-qrcode';\nimport { QRCodeModule } from 'angularx-qrcode';\nimport * as i1 from 'ngx-device-detector';\nimport * as i2$1 from '@fgb/core';\nimport * as i3 from '@ng-bootstrap/ng-bootstrap';\nimport * as i5 from '@fgb/portal-component-library/src/lib/shared/loading';\nimport { LoadingModule } from '@fgb/portal-component-library/src/lib/shared/loading';\nimport * as i6 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i7 from '@ngx-translate/core';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass MobilePassModalComponent {\n constructor() { }\n ngOnInit() {\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MobilePassModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: MobilePassModalComponent, selector: \"fgbcl-mobile-pass-modal\", inputs: { url: \"url\" }, ngImport: i0, template: \"\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'ecash.cashback.toggle.error' | translate }}\\r\\n
\\r\\n\\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i4.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: i2.QRCodeComponent, selector: \"qrcode\", inputs: [\"allowEmptyString\", \"colorDark\", \"colorLight\", \"cssClass\", \"elementType\", \"errorCorrectionLevel\", \"imageSrc\", \"imageHeight\", \"imageWidth\", \"margin\", \"qrdata\", \"scale\", \"version\", \"width\", \"alt\", \"ariaLabel\", \"title\"], outputs: [\"qrCodeURL\"] }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MobilePassModalComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-mobile-pass-modal', template: \"\\r\\n
\\r\\nDownload Mobile Pass
\\r\\nPlease scan the QR code using your phone to download your pass
\\r\\n\\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { url: [{\n type: Input\n }] } });\n\nclass MobilePassComponent {\n constructor(deviceDetector, loggingService, modalService, mobilePassService, mobilePassQuery) {\n this.deviceDetector = deviceDetector;\n this.loggingService = loggingService;\n this.modalService = modalService;\n this.mobilePassService = mobilePassService;\n this.mobilePassQuery = mobilePassQuery;\n this.separateTop = false;\n }\n ngOnInit() {\n this.mobilePassService.fetchPass(this.memberId).toPromise();\n this.mobilePassUrl$ = this.mobilePassQuery.selectFirst();\n }\n downloadPassDesktop(url) {\n if (!this.deviceDetector.isMobile()) {\n // Produce a QR code for the mobile link so a user is redirected to the mobile link\n // when scanning on their phone.\n this.loggingService.info('Desktop detected, formatting QR code.');\n const modal = this.modalService.open(MobilePassModalComponent);\n modal.componentInstance.url = url;\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MobilePassComponent, deps: [{ token: i1.DeviceDetectorService }, { token: i2$1.LoggingService }, { token: i3.NgbModal }, { token: i2$1.MobilePassService }, { token: i2$1.MobilePassQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: MobilePassComponent, selector: \"fgbcl-mobile-pass\", inputs: { memberId: \"memberId\", separateTop: \"separateTop\" }, ngImport: i0, template: \"\\r\\n
\\r\\nDownload Mobile Pass
\\r\\nPlease scan the QR code using your phone to download your pass
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\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 | translate }}
\\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 | translate }}
\\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 | translate }}\\r\\n \\r\\n \\r\\n {{ 'fgbcl.language.selector.title' | translate }}\\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 \\r\\n {{ language.label | translate }}\\r\\n \\r\\n \\r\\n }\\r\\n }\\r\\n \\r\\n ![\\\"\\\"]()
\\r\\n
\\r\\n {{ currentLanguage()?.label | translate }}\\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) {\\r\\n @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 | translate }}\\r\\n \\r\\n \\r\\n {{ 'fgbcl.language.selector.title' | translate }}\\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 \\r\\n {{ language.label | translate }}\\r\\n \\r\\n \\r\\n }\\r\\n }\\r\\n \\r\\n ![\\\"\\\"]()
\\r\\n
\\r\\n {{ currentLanguage()?.label | translate }}\\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) {\\r\\n @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\", 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, OnDestroy, OnInit } from '@angular/core';\r\nimport { AuthService, config } from '@fgb/core';\r\n// import { TranslateService } from '@ngx-translate/core';\r\nimport { Router, NavigationEnd } from '@angular/router';\r\ndeclare var gtag: any;\r\nimport { filter } from 'rxjs/operators';\r\nimport { Subject } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fgb-root',\r\n templateUrl: './app.component.html',\r\n styleUrls: ['./app.component.scss'],\r\n})\r\nexport class AppComponent implements OnInit, OnDestroy {\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 \\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 {{ '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\\nhttp://example.com#/foo,\n * and `PathLocationStrategy` produces\n * http://example.com/foo as an equivalent URL.\n *\n * See these two classes for more.\n *\n * @publicApi\n */\nclass LocationStrategy {\n historyGo(relativePosition) {\n throw new Error(ngDevMode ? 'Not implemented' : '');\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LocationStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }\n static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LocationStrategy, providedIn: 'root', useFactory: () => inject(PathLocationStrategy) }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LocationStrategy, decorators: [{\n type: Injectable,\n args: [{ providedIn: 'root', useFactory: () => inject(PathLocationStrategy) }]\n }] });\n/**\n * A predefined [DI token](guide/glossary#di-token) for the base href\n * to be used with the `PathLocationStrategy`.\n * The base href is the URL prefix that should be preserved when generating\n * and recognizing URLs.\n *\n * @usageNotes\n *\n * The following example shows how to use this token to configure the root app injector\n * with a base href value, so that the DI framework can supply the dependency anywhere in the app.\n *\n * ```typescript\n * import {NgModule} from '@angular/core';\n * import {APP_BASE_HREF} from '@angular/common';\n *\n * @NgModule({\n * providers: [{provide: APP_BASE_HREF, useValue: '/my/app'}]\n * })\n * class AppModule {}\n * ```\n *\n * @publicApi\n */\nconst APP_BASE_HREF = new InjectionToken(ngDevMode ? 'appBaseHref' : '');\n/**\n * @description\n * A {@link LocationStrategy} used to configure the {@link Location} service to\n * represent its state in the\n * [path](https://en.wikipedia.org/wiki/Uniform_Resource_Locator#Syntax) of the\n * browser's URL.\n *\n * If you're using `PathLocationStrategy`, you may provide a {@link APP_BASE_HREF}\n * or add a `Content to render when condition is true.
\n * ```\n *\n * Simple form with expanded syntax:\n *\n * ```\n * Content to render when condition is\n * true.
Content to render when condition is true.
\n * {{value}}
\n * \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.2.1\", 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.2.1\", ngImport: i0, type: DatePipe, isStandalone: true, name: \"date\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", 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.2.1\", ngImport: i0, type: I18nPluralPipe, deps: [{ token: NgLocalization }], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: I18nPluralPipe, isStandalone: true, name: \"i18nPlural\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", 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.2.1\", ngImport: i0, type: I18nSelectPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: I18nSelectPipe, isStandalone: true, name: \"i18nSelect\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", 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.2.1\", ngImport: i0, type: JsonPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: JsonPipe, isStandalone: true, name: \"json\", pure: false }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", 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.2.1\", ngImport: i0, type: KeyValuePipe, deps: [{ token: i0.KeyValueDiffers }], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: KeyValuePipe, isStandalone: true, name: \"keyvalue\", pure: false }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", 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.2.1\", ngImport: i0, type: PercentPipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: PercentPipe, isStandalone: true, name: \"percent\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", 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.2.1\", 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.2.1\", ngImport: i0, type: CurrencyPipe, isStandalone: true, name: \"currency\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", 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 *