\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","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 { 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","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 IconSetting {\r\n public static googleIcon = true;\r\n}\r\n","export class ProductCode {\r\n public static Orange = ['Orange', 'Orange Partner'];\r\n public static Black = ['Black', 'Black Partner'];\r\n public static Diamond = ['Diamond', 'Diamond Partner'];\r\n public static Rookie = ['Rookie'];\r\n public static Pro = ['Pro'];\r\n public static Veteran = ['Veteran'];\r\n public static Gold_Glove = ['Gold Glove', 'Gold Glove Partner'];\r\n\r\n public static ExcludedPartners = ['Rookie', 'Pro', 'Veteran'];\r\n public static NoPartners = ['Orange', 'Black', 'Diamond', 'Rookie', 'Pro', 'Veteran', 'Gold Glove'];\r\n public static Partners = ['Black Partner', 'Orange Partner', 'Diamond Partner', 'Gold Glove Partner'];\r\n}\r\n","var InlineSVGConfig = (function () {\n function InlineSVGConfig() {\n }\n return InlineSVGConfig;\n}());\nexport { InlineSVGConfig };\n","import { Injectable, RendererFactory2 } from '@angular/core';\nimport * as i0 from \"@angular/core\";\nvar InlineSVGService = (function () {\n function InlineSVGService(rendererFactory) {\n this._ranScripts = {};\n this._renderer = rendererFactory.createRenderer(null, null);\n }\n InlineSVGService.prototype.insertEl = function (dir, parentEl, content, replaceContents, prepend) {\n if (replaceContents && !prepend) {\n var parentNode = dir._prevSVG && dir._prevSVG.parentNode;\n if (parentNode) {\n this._renderer.removeChild(parentNode, dir._prevSVG);\n }\n parentEl.innerHTML = '';\n }\n if (prepend) {\n this._renderer.insertBefore(parentEl, content, parentEl.firstChild);\n }\n else {\n this._renderer.appendChild(parentEl, content);\n }\n if (content.nodeName === 'svg') {\n dir._prevSVG = content;\n }\n };\n InlineSVGService.prototype.evalScripts = function (svg, url, evalMode) {\n var scripts = svg.querySelectorAll('script');\n var scriptsToEval = [];\n for (var i = 0; i < scripts.length; i++) {\n var scriptType = scripts[i].getAttribute('type');\n if (!scriptType || scriptType === 'application/ecmascript' || scriptType === 'application/javascript') {\n var script = scripts[i].innerText || scripts[i].textContent;\n scriptsToEval.push(script);\n this._renderer.removeChild(scripts[i].parentNode, scripts[i]);\n }\n }\n if (scriptsToEval.length > 0 && (evalMode === \"always\" ||\n (evalMode === \"once\" && !this._ranScripts[url]))) {\n for (var i = 0; i < scriptsToEval.length; i++) {\n new Function(scriptsToEval[i])(window);\n }\n this._ranScripts[url] = true;\n }\n };\n InlineSVGService.ɵfac = function InlineSVGService_Factory(t) { return new (t || InlineSVGService)(i0.ɵɵinject(i0.RendererFactory2)); };\n InlineSVGService.ɵprov = i0.ɵɵdefineInjectable({ token: InlineSVGService, factory: InlineSVGService.ɵfac, providedIn: 'root' });\n return InlineSVGService;\n}());\nexport { InlineSVGService };\n(function () { (typeof ngDevMode === \"undefined\" || ngDevMode) && i0.ɵsetClassMetadata(InlineSVGService, [{\n type: Injectable,\n args: [{\n providedIn: 'root'\n }]\n }], function () { return [{ type: i0.RendererFactory2 }]; }, null); })();\n","import { ChangeDetectionStrategy, Component, ElementRef, Input } from '@angular/core';\nimport { InlineSVGDirective } from './inline-svg.directive';\nimport { InlineSVGService } from './inline-svg.service';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"./inline-svg.service\";\nvar InlineSVGComponent = (function () {\n function InlineSVGComponent(_inlineSVGService, el) {\n this._inlineSVGService = _inlineSVGService;\n this._el = el;\n }\n InlineSVGComponent.prototype.ngAfterViewInit = function () {\n this._updateContent();\n };\n InlineSVGComponent.prototype.ngOnChanges = function (changes) {\n if (changes['content']) {\n this._updateContent();\n }\n };\n InlineSVGComponent.prototype._updateContent = function () {\n this._inlineSVGService.insertEl(this.context, this._el.nativeElement, this.content, this.replaceContents, this.prepend);\n };\n InlineSVGComponent.ɵfac = function InlineSVGComponent_Factory(t) { return new (t || InlineSVGComponent)(i0.ɵɵdirectiveInject(i1.InlineSVGService), i0.ɵɵdirectiveInject(i0.ElementRef)); };\n InlineSVGComponent.ɵcmp = i0.ɵɵdefineComponent({ type: InlineSVGComponent, selectors: [[\"inline-svg\"]], inputs: { context: \"context\", content: \"content\", replaceContents: \"replaceContents\", prepend: \"prepend\" }, features: [i0.ɵɵNgOnChangesFeature], decls: 0, vars: 0, template: function InlineSVGComponent_Template(rf, ctx) { }, encapsulation: 2, changeDetection: 0 });\n return InlineSVGComponent;\n}());\nexport { InlineSVGComponent };\n(function () { (typeof ngDevMode === \"undefined\" || ngDevMode) && i0.ɵsetClassMetadata(InlineSVGComponent, [{\n type: Component,\n args: [{\n selector: 'inline-svg',\n template: '',\n changeDetection: ChangeDetectionStrategy.OnPush\n }]\n }], function () { return [{ type: i1.InlineSVGService }, { type: i0.ElementRef }]; }, { context: [{\n type: Input\n }], content: [{\n type: Input\n }], replaceContents: [{\n type: Input\n }], prepend: [{\n type: Input\n }] }); })();\n","import { APP_BASE_HREF, PlatformLocation } from '@angular/common';\nimport { HttpBackend, HttpClient } from '@angular/common/http';\nimport { Inject, Injectable, Optional, RendererFactory2 } from '@angular/core';\nimport { of, throwError } from 'rxjs';\nimport { catchError, map, share, tap } from 'rxjs/operators';\nimport { InlineSVGConfig } from './inline-svg.config';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/common\";\nimport * as i2 from \"./inline-svg.config\";\nimport * as i3 from \"@angular/common/http\";\nvar SVGCacheService = (function () {\n function SVGCacheService(_appBase, _location, _config, httpClient, httpBackend, rendererFactory) {\n this._appBase = _appBase;\n this._location = _location;\n this._config = _config;\n this._http = _config && !_config.bypassHttpClientInterceptorChain\n ? httpClient\n : new HttpClient(httpBackend);\n this._renderer = rendererFactory.createRenderer(null, null);\n this.setBaseUrl();\n if (!SVGCacheService._cache) {\n SVGCacheService._cache = new Map();\n }\n if (!SVGCacheService._inProgressReqs) {\n SVGCacheService._inProgressReqs = new Map();\n }\n }\n SVGCacheService.prototype.getSVG = function (url, resolveSVGUrl, cache) {\n var _this = this;\n if (cache === void 0) { cache = true; }\n var svgUrl = (resolveSVGUrl\n ? this.getAbsoluteUrl(url)\n : url).replace(/#.+$/, '');\n if (cache && SVGCacheService._cache.has(svgUrl)) {\n return of(this._cloneSVG(SVGCacheService._cache.get(svgUrl)));\n }\n if (SVGCacheService._inProgressReqs.has(svgUrl)) {\n return SVGCacheService._inProgressReqs.get(svgUrl);\n }\n var req = this._http.get(svgUrl, { responseType: 'text' })\n .pipe(tap(function () {\n SVGCacheService._inProgressReqs.delete(svgUrl);\n }), catchError(function (error) {\n SVGCacheService._inProgressReqs.delete(svgUrl);\n return throwError(error.message);\n }), share(), map(function (svgText) {\n var svgEl = _this._svgElementFromString(svgText);\n SVGCacheService._cache.set(svgUrl, svgEl);\n return _this._cloneSVG(svgEl);\n }));\n SVGCacheService._inProgressReqs.set(svgUrl, req);\n return req;\n };\n SVGCacheService.prototype.setBaseUrl = function () {\n if (this._config) {\n this._baseUrl = this._config.baseUrl;\n }\n else if (this._appBase !== null) {\n this._baseUrl = this._appBase;\n }\n else if (this._location !== null) {\n this._baseUrl = this._location.getBaseHrefFromDOM();\n }\n };\n SVGCacheService.prototype.getAbsoluteUrl = function (url) {\n if (this._baseUrl && !/^https?:\\/\\//i.test(url)) {\n url = this._baseUrl + url;\n if (url.indexOf('//') === 0) {\n url = url.substring(1);\n }\n }\n var base = this._renderer.createElement('BASE');\n base.href = url;\n return base.href;\n };\n SVGCacheService.prototype._svgElementFromString = function (str) {\n var div = this._renderer.createElement('DIV');\n div.innerHTML = str;\n var svg = div.querySelector('svg');\n if (!svg) {\n throw new Error('No SVG found in loaded contents');\n }\n return svg;\n };\n SVGCacheService.prototype._cloneSVG = function (svg) {\n return svg.cloneNode(true);\n };\n SVGCacheService.ɵfac = function SVGCacheService_Factory(t) { return new (t || SVGCacheService)(i0.ɵɵinject(APP_BASE_HREF, 8), i0.ɵɵinject(i1.PlatformLocation, 8), i0.ɵɵinject(i2.InlineSVGConfig, 8), i0.ɵɵinject(i3.HttpClient), i0.ɵɵinject(i3.HttpBackend), i0.ɵɵinject(i0.RendererFactory2)); };\n SVGCacheService.ɵprov = i0.ɵɵdefineInjectable({ token: SVGCacheService, factory: SVGCacheService.ɵfac, providedIn: 'root' });\n return SVGCacheService;\n}());\nexport { SVGCacheService };\n(function () { (typeof ngDevMode === \"undefined\" || ngDevMode) && i0.ɵsetClassMetadata(SVGCacheService, [{\n type: Injectable,\n args: [{\n providedIn: 'root'\n }]\n }], function () { return [{ type: undefined, decorators: [{\n type: Optional\n }, {\n type: Inject,\n args: [APP_BASE_HREF]\n }] }, { type: i1.PlatformLocation, decorators: [{\n type: Optional\n }] }, { type: i2.InlineSVGConfig, decorators: [{\n type: Optional\n }] }, { type: i3.HttpClient }, { type: i3.HttpBackend }, { type: i0.RendererFactory2 }]; }, null); })();\n","export function isUrlSymbol(url) {\n return url.charAt(0) === '#' || url.indexOf('.svg#') > -1;\n}\nexport function isSvgSupported() {\n return typeof SVGRect !== 'undefined';\n}\nexport function createSymbolSvg(renderer, svg, symbolId) {\n var symbol = svg.querySelector(\"[id=\\\"\".concat(symbolId, \"\\\"]\"));\n if (!symbol) {\n throw new Error(\"Symbol \\\"\".concat(symbolId, \"\\\" not found\"));\n }\n var elSvg = renderer.createElement('svg', 'svg');\n renderer.appendChild(elSvg, symbol);\n var elSvgUse = renderer.createElement('use', 'svg');\n renderer.setAttribute(elSvgUse, 'href', \"#\".concat(symbolId), 'xlink');\n renderer.appendChild(elSvg, elSvgUse);\n return elSvg;\n}\nexport function removeAttributes(element, attrs) {\n for (var i = 0; i < attrs.length; i++) {\n var elAttr = element.getAttribute(attrs[i]);\n if (elAttr) {\n element.removeAttribute(attrs[i]);\n }\n }\n var innerEls = element.getElementsByTagName('*');\n for (var i = 0; i < innerEls.length; i++) {\n removeAttributes(innerEls[i], attrs);\n }\n}\nexport function setAttributes(element, attrs) {\n for (var attr in attrs) {\n element.setAttribute(attr, attrs[attr]);\n }\n}\n","import { ComponentFactoryResolver, Directive, ElementRef, EventEmitter, Inject, Input, Optional, Output, PLATFORM_ID, Renderer2, ViewContainerRef, } from '@angular/core';\nimport { isPlatformBrowser, isPlatformServer } from '@angular/common';\nimport { InlineSVGComponent } from './inline-svg.component';\nimport { SVGCacheService } from './svg-cache.service';\nimport { InlineSVGService } from './inline-svg.service';\nimport { InlineSVGConfig } from './inline-svg.config';\nimport * as SvgUtil from './svg-util';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"./svg-cache.service\";\nimport * as i2 from \"./inline-svg.service\";\nimport * as i3 from \"./inline-svg.config\";\nvar InlineSVGDirective = (function () {\n function InlineSVGDirective(_el, _viewContainerRef, _resolver, _svgCache, _renderer, _inlineSVGService, _config, platformId) {\n this._el = _el;\n this._viewContainerRef = _viewContainerRef;\n this._resolver = _resolver;\n this._svgCache = _svgCache;\n this._renderer = _renderer;\n this._inlineSVGService = _inlineSVGService;\n this._config = _config;\n this.platformId = platformId;\n this.resolveSVGUrl = true;\n this.replaceContents = true;\n this.prepend = false;\n this.injectComponent = false;\n this.cacheSVG = true;\n this.forceEvalStyles = false;\n this.evalScripts = \"always\";\n this.onSVGInserted = new EventEmitter();\n this.onSVGFailed = new EventEmitter();\n this._supportsSVG = SvgUtil.isSvgSupported();\n if (!isPlatformServer(this.platformId) && !this._supportsSVG) {\n this._fail('Embed SVG are not supported by this browser');\n }\n }\n InlineSVGDirective.prototype.ngOnInit = function () {\n if (!this._isValidPlatform() || this._isSSRDisabled()) {\n return;\n }\n this._insertSVG();\n };\n InlineSVGDirective.prototype.ngOnChanges = function (changes) {\n if (!this._isValidPlatform() || this._isSSRDisabled()) {\n return;\n }\n var setSVGAttributesChanged = Boolean(changes['setSVGAttributes']);\n if (changes['inlineSVG'] || setSVGAttributesChanged) {\n this._insertSVG(setSVGAttributesChanged);\n }\n };\n InlineSVGDirective.prototype.ngOnDestroy = function () {\n if (this._subscription) {\n this._subscription.unsubscribe();\n }\n };\n InlineSVGDirective.prototype._insertSVG = function (force) {\n var _this = this;\n if (force === void 0) { force = false; }\n if (!isPlatformServer(this.platformId) && !this._supportsSVG) {\n return;\n }\n if (!this.inlineSVG) {\n this._fail('No URL passed to [inlineSVG]');\n return;\n }\n if (!force && this.inlineSVG === this._prevUrl) {\n return;\n }\n this._prevUrl = this.inlineSVG;\n this._subscription = this._svgCache.getSVG(this.inlineSVG, this.resolveSVGUrl, this.cacheSVG)\n .subscribe(function (svg) {\n if (SvgUtil.isUrlSymbol(_this.inlineSVG)) {\n var symbolId = _this.inlineSVG.split('#')[1];\n svg = SvgUtil.createSymbolSvg(_this._renderer, svg, symbolId);\n }\n _this._processSvg(svg);\n }, function (err) {\n _this._fail(err);\n });\n };\n InlineSVGDirective.prototype._processSvg = function (svg) {\n if (!svg) {\n return;\n }\n if (this.removeSVGAttributes && isPlatformBrowser(this.platformId)) {\n SvgUtil.removeAttributes(svg, this.removeSVGAttributes);\n }\n if (this.setSVGAttributes) {\n SvgUtil.setAttributes(svg, this.setSVGAttributes);\n }\n if (this.onSVGLoaded) {\n svg = this.onSVGLoaded(svg, this._el.nativeElement);\n }\n this._insertEl(svg);\n if (isPlatformBrowser(this.platformId)) {\n this._inlineSVGService.evalScripts(svg, this.inlineSVG, this.evalScripts);\n }\n if (this.forceEvalStyles) {\n var styleTags = svg.querySelectorAll('style');\n Array.from(styleTags).forEach(function (tag) { return tag.textContent += ''; });\n }\n this.onSVGInserted.emit(svg);\n };\n InlineSVGDirective.prototype._insertEl = function (el) {\n if (this.injectComponent) {\n if (!this._svgComp) {\n var factory = this._resolver.resolveComponentFactory(InlineSVGComponent);\n this._svgComp = this._viewContainerRef.createComponent(factory);\n }\n this._svgComp.instance.context = this;\n this._svgComp.instance.replaceContents = this.replaceContents;\n this._svgComp.instance.prepend = this.prepend;\n this._svgComp.instance.content = el;\n this._renderer.appendChild(this._el.nativeElement, this._svgComp.injector.get(InlineSVGComponent)._el.nativeElement);\n }\n else {\n this._inlineSVGService.insertEl(this, this._el.nativeElement, el, this.replaceContents, this.prepend);\n }\n };\n InlineSVGDirective.prototype._fail = function (msg) {\n this.onSVGFailed.emit(msg);\n if (this.fallbackImgUrl) {\n var elImg = this._renderer.createElement('IMG');\n this._renderer.setAttribute(elImg, 'src', this.fallbackImgUrl);\n this._insertEl(elImg);\n }\n else if (this.fallbackSVG && this.fallbackSVG !== this.inlineSVG) {\n this.inlineSVG = this.fallbackSVG;\n this._insertSVG();\n }\n };\n InlineSVGDirective.prototype._isValidPlatform = function () {\n return isPlatformServer(this.platformId) || isPlatformBrowser(this.platformId);\n };\n InlineSVGDirective.prototype._isSSRDisabled = function () {\n return isPlatformServer(this.platformId) && this._config && this._config.clientOnly;\n };\n InlineSVGDirective.ɵfac = function InlineSVGDirective_Factory(t) { return new (t || InlineSVGDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i1.SVGCacheService), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i2.InlineSVGService), i0.ɵɵdirectiveInject(i3.InlineSVGConfig, 8), i0.ɵɵdirectiveInject(PLATFORM_ID)); };\n InlineSVGDirective.ɵdir = i0.ɵɵdefineDirective({ type: InlineSVGDirective, selectors: [[\"\", \"inlineSVG\", \"\"]], inputs: { inlineSVG: \"inlineSVG\", resolveSVGUrl: \"resolveSVGUrl\", replaceContents: \"replaceContents\", prepend: \"prepend\", injectComponent: \"injectComponent\", cacheSVG: \"cacheSVG\", setSVGAttributes: \"setSVGAttributes\", removeSVGAttributes: \"removeSVGAttributes\", forceEvalStyles: \"forceEvalStyles\", evalScripts: \"evalScripts\", fallbackImgUrl: \"fallbackImgUrl\", fallbackSVG: \"fallbackSVG\", onSVGLoaded: \"onSVGLoaded\" }, outputs: { onSVGInserted: \"onSVGInserted\", onSVGFailed: \"onSVGFailed\" }, features: [i0.ɵɵProvidersFeature([SVGCacheService]), i0.ɵɵNgOnChangesFeature] });\n return InlineSVGDirective;\n}());\nexport { InlineSVGDirective };\n(function () { (typeof ngDevMode === \"undefined\" || ngDevMode) && i0.ɵsetClassMetadata(InlineSVGDirective, [{\n type: Directive,\n args: [{\n selector: '[inlineSVG]',\n providers: [SVGCacheService]\n }]\n }], function () { return [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }, { type: i1.SVGCacheService }, { type: i0.Renderer2 }, { type: i2.InlineSVGService }, { type: i3.InlineSVGConfig, decorators: [{\n type: Optional\n }] }, { type: Object, decorators: [{\n type: Inject,\n args: [PLATFORM_ID]\n }] }]; }, { inlineSVG: [{\n type: Input\n }], resolveSVGUrl: [{\n type: Input\n }], replaceContents: [{\n type: Input\n }], prepend: [{\n type: Input\n }], injectComponent: [{\n type: Input\n }], cacheSVG: [{\n type: Input\n }], setSVGAttributes: [{\n type: Input\n }], removeSVGAttributes: [{\n type: Input\n }], forceEvalStyles: [{\n type: Input\n }], evalScripts: [{\n type: Input\n }], fallbackImgUrl: [{\n type: Input\n }], fallbackSVG: [{\n type: Input\n }], onSVGLoaded: [{\n type: Input\n }], onSVGInserted: [{\n type: Output\n }], onSVGFailed: [{\n type: Output\n }] }); })();\n","import { NgModule } from '@angular/core';\nimport { InlineSVGComponent } from './inline-svg.component';\nimport { InlineSVGConfig } from './inline-svg.config';\nimport { InlineSVGDirective } from './inline-svg.directive';\nimport * as i0 from \"@angular/core\";\nvar InlineSVGModule = (function () {\n function InlineSVGModule() {\n }\n InlineSVGModule.forRoot = function (config) {\n return {\n ngModule: InlineSVGModule,\n providers: [\n { provide: InlineSVGConfig, useValue: config }\n ]\n };\n };\n InlineSVGModule.ɵfac = function InlineSVGModule_Factory(t) { return new (t || InlineSVGModule)(); };\n InlineSVGModule.ɵmod = i0.ɵɵdefineNgModule({ type: InlineSVGModule });\n InlineSVGModule.ɵinj = i0.ɵɵdefineInjector({});\n return InlineSVGModule;\n}());\nexport { InlineSVGModule };\n(function () { (typeof ngDevMode === \"undefined\" || ngDevMode) && i0.ɵsetClassMetadata(InlineSVGModule, [{\n type: NgModule,\n args: [{\n declarations: [InlineSVGDirective, InlineSVGComponent],\n exports: [InlineSVGDirective],\n entryComponents: [InlineSVGComponent]\n }]\n }], null, null); })();\n(function () { (typeof ngJitMode === \"undefined\" || ngJitMode) && i0.ɵɵsetNgModuleScope(InlineSVGModule, { declarations: [InlineSVGDirective, InlineSVGComponent], exports: [InlineSVGDirective] }); })();\n","import * as i0 from '@angular/core';\nimport { Component, Input, NgModule } from '@angular/core';\nimport * as i1 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport { timer } from 'rxjs';\nimport { map } from 'rxjs/operators';\nimport moment from 'moment/moment';\n\nclass TimeSinceComponent {\n constructor() { }\n ngOnChanges() {\n if (this.startDate) {\n this.timer$ = timer(0, 1000).pipe(map(() => this.formatTime()));\n }\n }\n ngOnInit() { }\n formatTime() {\n if (!this.startDate) {\n return '';\n }\n let duration = moment.duration(moment.utc().diff(moment.utc(this.startDate)));\n const days = Math.floor(duration.asDays());\n const hours = Math.floor(duration.asHours());\n const minutes = Math.floor(duration.asMinutes());\n if (days) {\n if (days > 1) {\n return `${days} days ago`;\n }\n return '1 day ago';\n }\n else if (hours) {\n if (hours > 1) {\n return `${hours} hours ago`;\n }\n return `1 hour ago`;\n }\n else if (minutes) {\n if (minutes > 1) {\n return `${minutes} mins ago`;\n }\n return `1 min ago`;\n }\n else {\n return `Just now`;\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TimeSinceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: TimeSinceComponent, selector: \"fgbcl-time-since\", inputs: { startDate: \"startDate\" }, usesOnChanges: true, ngImport: i0, template: \"\\r\\n {{ timer$ | async }}\\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"pipe\", type: i1.AsyncPipe, name: \"async\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TimeSinceComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-time-since', template: \"\\r\\n {{ timer$ | async }}\\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { startDate: [{\n type: Input\n }] } });\n\nclass TimeSinceModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TimeSinceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: TimeSinceModule, declarations: [TimeSinceComponent], imports: [CommonModule], exports: [TimeSinceComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TimeSinceModule, imports: [CommonModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: TimeSinceModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [TimeSinceComponent],\n imports: [CommonModule],\n exports: [TimeSinceComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { TimeSinceComponent, TimeSinceModule };\n","import * as i0 from '@angular/core';\nimport { EventEmitter, Component, Input, Output, InjectionToken, Inject, NgModule } from '@angular/core';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\nimport { HttpClientModule } from '@angular/common/http';\nimport { InlineSVGModule } from 'ng-inline-svg-2';\nimport * as i4 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i1 from '@fgb/portal-component-library/src/lib/shared/time-since';\nimport { TimeSinceModule } from '@fgb/portal-component-library/src/lib/shared/time-since';\nimport * as i3 from '@angular/router';\nimport { RouterModule } from '@angular/router';\nimport { Subject } from 'rxjs';\nimport { takeUntil, tap } from 'rxjs/operators';\nimport * as i1$1 from '@fgb/core';\nimport { NotificationCenterActionType, NotificationLoyaltyType, NotificationCenterMessageType, EntityNotificationGroupDto, LoyaltyActionType } from '@fgb/core';\nimport * as i2$1 from '@ngx-translate/core';\nimport { trigger, state, style, transition, animate, keyframes } from '@angular/animations';\nimport * as i1$2 from 'ngx-toastr';\nimport { Toast } from 'ngx-toastr';\nimport * as i3$1 from '@ng-bootstrap/ng-bootstrap';\n\nclass NotificationItemComponent {\n constructor() {\n this.goToNotification = new EventEmitter();\n this.actionType = NotificationCenterActionType;\n this.id = 1;\n }\n ngOnInit() { }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NotificationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: NotificationItemComponent, selector: \"fgbcl-notification-item\", inputs: { notification: \"notification\" }, outputs: { goToNotification: \"goToNotification\" }, ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"component\", type: i1.TimeSinceComponent, selector: \"fgbcl-time-since\", inputs: [\"startDate\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i2.NgSwitch, selector: \"[ngSwitch]\", inputs: [\"ngSwitch\"] }, { kind: \"directive\", type: i2.NgSwitchCase, selector: \"[ngSwitchCase]\", inputs: [\"ngSwitchCase\"] }, { kind: \"directive\", type: i3.RouterLink, selector: \"[routerLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"state\", \"info\", \"relativeTo\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"routerLink\"] }, { kind: \"pipe\", type: i4.ContentImagePipe, name: \"contentImage\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NotificationItemComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-notification-item', template: \"\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ notification.messageLanguage?.linkText }}\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n {{ notification.messageLanguage?.linkText }}\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { notification: [{\n type: Input\n }], goToNotification: [{\n type: Output\n }] } });\n\nclass NotificationHubComponent {\n constructor(notificationService, notificationQuery, memberQuery) {\n this.notificationService = notificationService;\n this.notificationQuery = notificationQuery;\n this.memberQuery = memberQuery;\n this.goToNotification = new EventEmitter();\n this._destroyed$ = new Subject();\n }\n ngOnDestroy() {\n this._destroyed$.next();\n this._destroyed$.complete();\n }\n ngOnInit() {\n this.memberQuery.userContext$.pipe(takeUntil(this._destroyed$)).subscribe((user) => {\n if (user && user.lcid) {\n this.notifications$ = this.notificationQuery.selectAllPagedView(+user.lcid);\n }\n });\n this.isOpen$ = this.notificationQuery.isOpen$.pipe(tap((isOpen) => {\n this.isOpen = isOpen;\n if (isOpen) {\n this.notificationService.startNotificationCheck();\n }\n }));\n this.showPrev$ = this.notificationQuery.showPrev$;\n this.showNext$ = this.notificationQuery.showNext$;\n this.unseenNotificationCount$ = this.notificationQuery.unseenNotificationsCount$;\n }\n /**\n * Toggle the isOpen, used when we show and hide the notification center\n */\n toggleIsOpen() {\n this.notificationService.updateIsOpen(!this.isOpen);\n }\n incrementPage() {\n this.notificationService.incrementPage();\n }\n decrementPage() {\n this.notificationService.decrementPage();\n }\n toggleNotificationCenter(open) {\n this.notificationService.updateIsOpen(open);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NotificationHubComponent, deps: [{ token: i1$1.NotificationCenterService }, { token: i1$1.NotificationCenterQuery }, { token: i1$1.MemberQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: NotificationHubComponent, selector: \"fgbcl-notification-hub\", outputs: { goToNotification: \"goToNotification\" }, ngImport: i0, template: \"\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ notification.messageLanguage?.linkText }}\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n {{ notification.messageLanguage?.linkText }}\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n {{ 'notification.no.available.at.the.moment' | translate }}
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n {{ 'notification.no.available.at.the.moment' | translate }}
\\r\\n\\r\\n \\u00D7 \\r\\n
\\r\\n\\r\\n \\u00D7 \\r\\n
\\r\\n\\r\\n
\\r\\n\", styles: [\"\"] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NotificationGroupItemComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-notification-group-item', template: \"\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [{ type: i1$1.MemberQuery }, { type: i1$1.NotificationManagementService }], propDecorators: { group: [{\n type: Input\n }] } });\n\nclass NotificationManagementComponent {\n constructor(notificationManagementQuery) {\n this.notificationManagementQuery = notificationManagementQuery;\n this.LoyaltyActionType = LoyaltyActionType;\n }\n ngOnInit() {\n this.notificationGroups$ = this.notificationManagementQuery.selectAll();\n }\n trackGroup(index, group) {\n return group ? group.NotificationGroupId : undefined;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NotificationManagementComponent, deps: [{ token: i1$1.NotificationManagementQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: NotificationManagementComponent, selector: \"fgbcl-notification-management\", ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\", styles: [\"\"], dependencies: [{ kind: \"directive\", type: i2.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: NotificationGroupItemComponent, selector: \"fgbcl-notification-group-item\", inputs: [\"group\"] }, { kind: \"pipe\", type: i2.AsyncPipe, name: \"async\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NotificationManagementComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-notification-management', template: \"\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\" }]\n }], ctorParameters: () => [{ type: i1$1.NotificationManagementQuery }] });\n\nclass WebpushNotificationButtonsComponent {\n constructor(webPush, translate, logger) {\n this.webPush = webPush;\n this.translate = translate;\n this.logger = logger;\n this.key = 'BHF8HGRy_YS2prvwE_ePrGWjYOVIC-Hxpy9v-P4e9FTEBx0E71p708iPogEEqDpMY_lMFv1jhFdu05WzLTCzZ64';\n this.isEnabled = false;\n this.errorMessage = '';\n }\n ngOnInit() {\n if (!('serviceWorker' in navigator)) {\n this.logger.error('Service workers are not supported by this browser');\n this.errorMessage = this.translate.instant('webpush.sw.not.supported', { fgbdefault: 'Service workers are not supported by this browser.' });\n return;\n }\n if (!('Notification' in window)) {\n this.logger.error('Notifications are not supported by this browser');\n this.errorMessage = this.translate.instant('webpush.notification.not.supported', { fgbdefault: 'Notifications are not supported by this browser.' });\n return;\n }\n if (!('PushManager' in window)) {\n this.logger.error('Push notifications are not supported by this browser');\n this.errorMessage = this.translate.instant('webpush.notification.not.supported', { fgbdefault: 'Push notifications are not supported by this browser.' });\n return;\n }\n this.isEnabled = this.webPush.isEnabled;\n this.isSubscribed$ = this.webPush.isSubscribed$;\n this.isStandAlone = window.matchMedia('(display-mode: standalone)').matches;\n }\n subscribeToWebPush() {\n this.clearErrorMessages();\n if (Notification.permission === 'denied') {\n this.errorMessage = this.translate.instant('webpush.subscribe.permission.denied', { fgbdefault: 'You have denied permission to receive web push notifications. Please update your browser settings to allow web push notifications.' });\n return;\n }\n this.webPush.requestSubscription(this.key)\n .catch(() => {\n // Throws error message if there is an issue with the database\n this.errorMessage = this.translate.instant('webpush.subscribe.error', { fgbdefault: 'An unsuspected error occurred while subscribing to web push notifications. Please contact support.' });\n });\n }\n unsubscribeToWebPush() {\n this.clearErrorMessages();\n this.webPush.unsubscribe()\n .catch(() => {\n this.errorMessage = this.translate.instant('webpush.unsubscribe.error', { fgbdefault: 'An error occurred while unsubscribing to web push notifications. Please contact support.' });\n });\n }\n clearErrorMessages() {\n this.errorMessage = '';\n }\n isIOSDevice() {\n const isIOS = /(iPad Simulator|iPhone Simulator|iPod Simulator|iPad|iPhone|iPod)/g.test(navigator.userAgent);\n return isIOS || (navigator.userAgent.includes(\"Mac\") && \"ontouchend\" in document);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: WebpushNotificationButtonsComponent, deps: [{ token: i1$1.WebPushNotificationService }, { token: i2$1.TranslateService }, { token: i1$1.LoggingService }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: WebpushNotificationButtonsComponent, selector: \"fgbcl-webpush-notification-buttons\", inputs: { key: \"key\" }, ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\", styles: [\".webpush-notification button{min-width:115px}.webpush-notification .error-message{color:red;font-size:10px}.webpush-notification .button-wrapper{display:flex;justify-content:space-between;margin-top:20px}.webpush-notification .webpush-modal-content{display:flex;flex-direction:column;align-items:center}.webpush-notification .webpush-modal-content p{max-width:400px}.webpush-notification .ios-instruction{display:flex;align-items:center;font-size:12px}.webpush-notification .ios-instruction img{height:20px;margin:0 5px}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"pipe\", type: i2.AsyncPipe, name: \"async\" }, { kind: \"pipe\", type: i2$1.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: WebpushNotificationButtonsComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-webpush-notification-buttons', template: \"\\r\\n {{ 'webpush.ios.instruction.share' | translate : { fgbdefault: 'Tap the share button' } }} ![](\\\"assets/icons/share-icon.png\\\")
{{ 'webpush.ios.instruction.add.to.home' | translate: { fgbdefault: 'then click \\\"Add To Home Screen\\\"' } }}\\r\\n
\\r\\n {{ 'webpush.ios.instruction.add.to.home' | translate: { fgbdefault: 'then click \\\"Add To Home Screen\\\"' } }}\\r\\n {{ 'webpush.notification.information' | translate: { fgbdefault: 'Manage webpush subscription. Subscribe to receive notification.' } }}
\\r\\n \\r\\n{{ 'webpush.notification.disabled' | translate: { fgbdefault: 'Your device or browser currently does not support webpush.' } }}
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\", styles: [\".webpush-notification button{min-width:115px}.webpush-notification .error-message{color:red;font-size:10px}.webpush-notification .button-wrapper{display:flex;justify-content:space-between;margin-top:20px}.webpush-notification .webpush-modal-content{display:flex;flex-direction:column;align-items:center}.webpush-notification .webpush-modal-content p{max-width:400px}.webpush-notification .ios-instruction{display:flex;align-items:center;font-size:12px}.webpush-notification .ios-instruction img{height:20px;margin:0 5px}\\n\"] }]\n }], ctorParameters: () => [{ type: i1$1.WebPushNotificationService }, { type: i2$1.TranslateService }, { type: i1$1.LoggingService }], propDecorators: { key: [{\n type: Input\n }] } });\n\nclass NotificationModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: NotificationModule, declarations: [NotificationHubComponent,\n NotificationItemComponent,\n NotificationToastComponent,\n NotificationCenterToastComponent,\n NotificationGroupItemComponent,\n NotificationManagementComponent,\n WebpushNotificationButtonsComponent], imports: [TimeSinceModule,\n CommonModule,\n FormsModule,\n PipesModule,\n ReactiveFormsModule,\n InlineSVGModule,\n HttpClientModule,\n RouterModule,\n FGBSharedModule], exports: [NotificationHubComponent,\n NotificationItemComponent,\n NotificationToastComponent,\n NotificationCenterToastComponent,\n NotificationGroupItemComponent,\n NotificationManagementComponent,\n WebpushNotificationButtonsComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NotificationModule, imports: [TimeSinceModule,\n CommonModule,\n FormsModule,\n PipesModule,\n ReactiveFormsModule,\n InlineSVGModule,\n HttpClientModule,\n RouterModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: NotificationModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [\n NotificationHubComponent,\n NotificationItemComponent,\n NotificationToastComponent,\n NotificationCenterToastComponent,\n NotificationGroupItemComponent,\n NotificationManagementComponent,\n WebpushNotificationButtonsComponent,\n ],\n imports: [\n TimeSinceModule,\n CommonModule,\n FormsModule,\n PipesModule,\n ReactiveFormsModule,\n InlineSVGModule,\n HttpClientModule,\n RouterModule,\n FGBSharedModule\n ],\n exports: [\n NotificationHubComponent,\n NotificationItemComponent,\n NotificationToastComponent,\n NotificationCenterToastComponent,\n NotificationGroupItemComponent,\n NotificationManagementComponent,\n WebpushNotificationButtonsComponent,\n ],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { ALERT_NOTIFICATION_COMPONENTS, NotificationCenterToastComponent, NotificationGroupItemComponent, NotificationHubComponent, NotificationItemComponent, NotificationManagementComponent, NotificationModule, NotificationToastComponent, WebpushNotificationButtonsComponent, mergeAlertNotificationComponentMaps };\n","\\r\\n {{ 'webpush.ios.instruction.share' | translate : { fgbdefault: 'Tap the share button' } }} {{ 'webpush.ios.instruction.add.to.home' | translate: { fgbdefault: 'then click \\\"Add To Home Screen\\\"' } }}\\r\\n
\\r\\n {{ 'webpush.ios.instruction.add.to.home' | translate: { fgbdefault: 'then click \\\"Add To Home Screen\\\"' } }}\\r\\n {{ 'webpush.notification.information' | translate: { fgbdefault: 'Manage webpush subscription. Subscribe to receive notification.' } }}
\\r\\n \\r\\n{{ 'webpush.notification.disabled' | translate: { fgbdefault: 'Your device or browser currently does not support webpush.' } }}
\\r\\n{{ unseenNotificationCount$ | async }}
\r\n \r\n \r\n
\r\n\r\n \r\n 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 @if (showWalletButton) {\r\n \r\n\r\n }\r\n {{ memberDetails.FirstName }} {{ memberDetails.Surname }}
\r\n\r\n
\r\n {{ memberCard.ProductCode }} - {{ memberCard.ExternalRefNumber }}
\r\n \r\n {{ pointsBalance$ | async | number }}\r\n \r\n
\r\n\r\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { MemberCardBase } from '../member-card.base';\r\n\r\n@Component({\r\n selector: 'fgb-member-card-with-wallet-button',\r\n templateUrl: './member-card-with-wallet-button.component.html',\r\n styleUrl: '../member-card-with-wallet.scss',\r\n})\r\nexport class MemberCardWithWalletButtonComponent extends MemberCardBase implements OnInit {\r\n @Input() theme: string = 'primary';\r\n @Input() showWalletButton: boolean = true;\r\n\r\n ngOnInit() {\r\n super.init();\r\n }\r\n}\r\n","\r\n \r\n \r\n\r\n \r\n
\r\n","import { Component, OnInit, OnDestroy } from '@angular/core';\r\nimport {\r\n AuthService,\r\n BalanceQuery,\r\n Card,\r\n CardQuery,\r\n config,\r\n MemberCard,\r\n MemberCardQuery,\r\n MemberDetails,\r\n MemberQuery,\r\n NotificationCenterService,\r\n NotificationCenterQuery,\r\n} from '@fgb/core';\r\nimport { Router, NavigationStart } from '@angular/router';\r\nimport { Observable, Subscription } from 'rxjs';\r\nimport { filter, tap } from 'rxjs/operators';\r\nimport { IconSetting } from 'src/app/shared/utilities/icon-setting';\r\nimport { ProductCode } from 'src/app/shared/utilities/product-code';\r\nimport { NgbDropdown } from '@ng-bootstrap/ng-bootstrap';\r\n\r\n@Component({\r\n selector: 'fgb-mobile-nav-menu',\r\n templateUrl: './mobile-nav-menu.component.html',\r\n styleUrls: ['./mobile-nav-menu.component.scss'],\r\n})\r\nexport class MobileNavMenuComponent implements OnInit, OnDestroy {\r\n googleIcons = IconSetting.googleIcon;\r\n memberDetails$: Observable![](\"assets/images/BirdlandMemberships.svg\")
\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 \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n ![\\\"{{](\\\"{{)
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n
\\r\\n{{ announcement.Title }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n
\\r\\n{{ announcement.ComingSoonTitle }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n
\\r\\n{{ announcement.Title }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n {{ announcement.LinkTitle }}\\r\\n \\r\\n \\r\\n
\\r\\n{{ announcement.ComingSoonTitle }}
\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n{{ 'fgbcl.announcements.title' | translate }}
\\r\\n 0\\\">\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n{{ 'fgbcl.announcements.title' | translate }}
\\r\\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { VoucherService, VoucherRedeemModel, BalanceService, config, ErrorStateService } from '@fgb/core';\r\nimport { take } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'fgb-vouchers',\r\n templateUrl: './vouchers.component.html',\r\n styleUrls: ['./vouchers.component.scss'],\r\n})\r\nexport class VouchersComponent implements OnInit {\r\n voucherCode: string;\r\n redemptionResult: string;\r\n disableButton: boolean;\r\n sucessfulRedemption: boolean;\r\n private messageTimeout: NodeJS.Timeout;\r\n\r\n private successMessage: string = 'Code successfully processed.';\r\n\r\n constructor(private voucherService: VoucherService, private balanceService: BalanceService, private errorService: ErrorStateService) {}\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 = 'Voucher code is empty';\r\n this.disableButton = false;\r\n this.clearMessagesAfter(10000);\r\n return;\r\n }\r\n\r\n let voucher = new VoucherRedeemModel();\r\n voucher.VoucherCode = this.voucherCode;\r\n this.voucherService\r\n .redeemVoucher(voucher)\r\n .toPromise()\r\n .then((item) => {\r\n this.balanceService.fetchBalance(config.purseConfig.virtualLoyalty).pipe(take(1)).subscribe();\r\n this.redemptionResult = this.successMessage;\r\n this.sucessfulRedemption = true;\r\n })\r\n .finally(() => {\r\n this.disableButton = false;\r\n this.clearMessagesAfter(10000);\r\n });\r\n }\r\n\r\n private clearMessagesAfter(timeAfter: number) {\r\n this.messageTimeout = setTimeout(() => {\r\n this.clearMessages();\r\n }, timeAfter);\r\n }\r\n\r\n private clearMessages() {\r\n this.redemptionResult = '';\r\n this.errorService.clearErrors();\r\n }\r\n}\r\n","\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {{ 'voucher.title' | translate }}\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n arrow_forward_ios\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {{ redemptionResult }}\r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n {{ memberDetails.FirstName }} {{ memberDetails.Surname }}\r\n \r\n
\r\n \r\n
\r\n \r\n {{ memberCard.ProductCode }} - {{ memberCard.ExternalRefNumber }}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {{ 'member.card.points.balance' | translate }}
\r\n \\r\\n
\\r\\n\", 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.3 built on 2024-04-30T22:19:17.794Z\nvar module = {};\n\n// source content\n/* globals Map */\n\n(function main(global, module, isWorker, workerSize) {\n var canUseWorker = !!(\n global.Worker &&\n global.Blob &&\n global.Promise &&\n global.OffscreenCanvas &&\n global.OffscreenCanvasRenderingContext2D &&\n global.HTMLCanvasElement &&\n global.HTMLCanvasElement.prototype.transferControlToOffscreen &&\n global.URL &&\n global.URL.createObjectURL);\n\n var canUsePaths = typeof Path2D === 'function' && typeof DOMMatrix === 'function';\n var canDrawBitmap = (function () {\n // this mostly supports ssr\n if (!global.OffscreenCanvas) {\n return false;\n }\n\n var canvas = new OffscreenCanvas(1, 1);\n var ctx = canvas.getContext('2d');\n ctx.fillRect(0, 0, 1, 1);\n var bitmap = canvas.transferToImageBitmap();\n\n try {\n ctx.createPattern(bitmap, 'no-repeat');\n } catch (e) {\n return false;\n }\n\n return true;\n })();\n\n function noop() {}\n\n // create a promise if it exists, otherwise, just\n // call the function directly\n function promise(func) {\n var ModulePromise = module.exports.Promise;\n var Prom = ModulePromise !== void 0 ? ModulePromise : global.Promise;\n\n if (typeof Prom === 'function') {\n return new Prom(func);\n }\n\n func(noop, noop);\n\n return null;\n }\n\n var bitmapMapper = (function (skipTransform, map) {\n // see https://github.com/catdad/canvas-confetti/issues/209\n // creating canvases is actually pretty expensive, so we should create a\n // 1:1 map for bitmap:canvas, so that we can animate the confetti in\n // a performant manner, but also not store them forever so that we don't\n // have a memory leak\n return {\n transform: function(bitmap) {\n if (skipTransform) {\n return bitmap;\n }\n\n if (map.has(bitmap)) {\n return map.get(bitmap);\n }\n\n var canvas = new OffscreenCanvas(bitmap.width, bitmap.height);\n var ctx = canvas.getContext('2d');\n ctx.drawImage(bitmap, 0, 0);\n\n map.set(bitmap, canvas);\n\n return canvas;\n },\n clear: function () {\n map.clear();\n }\n };\n })(canDrawBitmap, new Map());\n\n var raf = (function () {\n var TIME = Math.floor(1000 / 60);\n var frame, cancel;\n var frames = {};\n var lastFrameTime = 0;\n\n if (typeof requestAnimationFrame === 'function' && typeof cancelAnimationFrame === 'function') {\n frame = function (cb) {\n var id = Math.random();\n\n frames[id] = requestAnimationFrame(function onFrame(time) {\n if (lastFrameTime === time || lastFrameTime + TIME - 1 < time) {\n lastFrameTime = time;\n delete frames[id];\n\n cb();\n } else {\n frames[id] = requestAnimationFrame(onFrame);\n }\n });\n\n return id;\n };\n cancel = function (id) {\n if (frames[id]) {\n cancelAnimationFrame(frames[id]);\n }\n };\n } else {\n frame = function (cb) {\n return setTimeout(cb, TIME);\n };\n cancel = function (timer) {\n return clearTimeout(timer);\n };\n }\n\n return { frame: frame, cancel: cancel };\n }());\n\n var getWorker = (function () {\n var worker;\n var prom;\n var resolves = {};\n\n function decorate(worker) {\n function execute(options, callback) {\n worker.postMessage({ options: options || {}, callback: callback });\n }\n worker.init = function initWorker(canvas) {\n var offscreen = canvas.transferControlToOffscreen();\n worker.postMessage({ canvas: offscreen }, [offscreen]);\n };\n\n worker.fire = function fireWorker(options, size, done) {\n if (prom) {\n execute(options, null);\n return prom;\n }\n\n var id = Math.random().toString(36).slice(2);\n\n prom = promise(function (resolve) {\n function workerDone(msg) {\n if (msg.data.callback !== id) {\n return;\n }\n\n delete resolves[id];\n worker.removeEventListener('message', workerDone);\n\n prom = null;\n\n bitmapMapper.clear();\n\n done();\n resolve();\n }\n\n worker.addEventListener('message', workerDone);\n execute(options, id);\n\n resolves[id] = workerDone.bind(null, { data: { callback: id }});\n });\n\n return prom;\n };\n\n worker.reset = function resetWorker() {\n worker.postMessage({ reset: true });\n\n for (var id in resolves) {\n resolves[id]();\n delete resolves[id];\n }\n };\n }\n\n return function () {\n if (worker) {\n return worker;\n }\n\n if (!isWorker && canUseWorker) {\n var code = [\n 'var CONFETTI, SIZE = {}, module = {};',\n '(' + main.toString() + ')(this, module, true, SIZE);',\n 'onmessage = function(msg) {',\n ' if (msg.data.options) {',\n ' CONFETTI(msg.data.options).then(function () {',\n ' if (msg.data.callback) {',\n ' postMessage({ callback: msg.data.callback });',\n ' }',\n ' });',\n ' } else if (msg.data.reset) {',\n ' CONFETTI && CONFETTI.reset();',\n ' } else if (msg.data.resize) {',\n ' SIZE.width = msg.data.resize.width;',\n ' SIZE.height = msg.data.resize.height;',\n ' } else if (msg.data.canvas) {',\n ' SIZE.width = msg.data.canvas.width;',\n ' SIZE.height = msg.data.canvas.height;',\n ' CONFETTI = module.exports.create(msg.data.canvas);',\n ' }',\n '}',\n ].join('\\n');\n try {\n worker = new Worker(URL.createObjectURL(new Blob([code])));\n } catch (e) {\n // eslint-disable-next-line no-console\n typeof console !== undefined && typeof console.warn === 'function' ? console.warn('🎊 Could not load worker', e) : null;\n\n return null;\n }\n\n decorate(worker);\n }\n\n return worker;\n };\n })();\n\n var defaults = {\n particleCount: 50,\n angle: 90,\n spread: 45,\n startVelocity: 45,\n decay: 0.9,\n gravity: 1,\n drift: 0,\n ticks: 200,\n x: 0.5,\n y: 0.5,\n shapes: ['square', 'circle'],\n zIndex: 100,\n colors: [\n '#26ccff',\n '#a25afd',\n '#ff5e7e',\n '#88ff5a',\n '#fcff42',\n '#ffa62d',\n '#ff36ff'\n ],\n // probably should be true, but back-compat\n disableForReducedMotion: false,\n scalar: 1\n };\n\n function convert(val, transform) {\n return transform ? transform(val) : val;\n }\n\n function isOk(val) {\n return !(val === null || val === undefined);\n }\n\n function prop(options, name, transform) {\n return convert(\n options && isOk(options[name]) ? options[name] : defaults[name],\n transform\n );\n }\n\n function onlyPositiveInt(number){\n return number < 0 ? 0 : Math.floor(number);\n }\n\n function randomInt(min, max) {\n // [min, max)\n return Math.floor(Math.random() * (max - min)) + min;\n }\n\n function toDecimal(str) {\n return parseInt(str, 16);\n }\n\n function colorsToRgb(colors) {\n return colors.map(hexToRgb);\n }\n\n function hexToRgb(str) {\n var val = String(str).replace(/[^0-9a-f]/gi, '');\n\n if (val.length < 6) {\n val = val[0]+val[0]+val[1]+val[1]+val[2]+val[2];\n }\n\n return {\n r: toDecimal(val.substring(0,2)),\n g: toDecimal(val.substring(2,4)),\n b: toDecimal(val.substring(4,6))\n };\n }\n\n function getOrigin(options) {\n var origin = prop(options, 'origin', Object);\n origin.x = prop(origin, 'x', Number);\n origin.y = prop(origin, 'y', Number);\n\n return origin;\n }\n\n function setCanvasWindowSize(canvas) {\n canvas.width = document.documentElement.clientWidth;\n canvas.height = document.documentElement.clientHeight;\n }\n\n function setCanvasRectSize(canvas) {\n var rect = canvas.getBoundingClientRect();\n canvas.width = rect.width;\n canvas.height = rect.height;\n }\n\n function getCanvas(zIndex) {\n var canvas = document.createElement('canvas');\n\n canvas.style.position = 'fixed';\n canvas.style.top = '0px';\n canvas.style.left = '0px';\n canvas.style.pointerEvents = 'none';\n canvas.style.zIndex = zIndex;\n\n return canvas;\n }\n\n function ellipse(context, x, y, radiusX, radiusY, rotation, startAngle, endAngle, antiClockwise) {\n context.save();\n context.translate(x, y);\n context.rotate(rotation);\n context.scale(radiusX, radiusY);\n context.arc(0, 0, 1, startAngle, endAngle, antiClockwise);\n context.restore();\n }\n\n function randomPhysics(opts) {\n var radAngle = opts.angle * (Math.PI / 180);\n var radSpread = opts.spread * (Math.PI / 180);\n\n return {\n x: opts.x,\n y: opts.y,\n wobble: Math.random() * 10,\n wobbleSpeed: Math.min(0.11, Math.random() * 0.1 + 0.05),\n velocity: (opts.startVelocity * 0.5) + (Math.random() * opts.startVelocity),\n angle2D: -radAngle + ((0.5 * radSpread) - (Math.random() * radSpread)),\n tiltAngle: (Math.random() * (0.75 - 0.25) + 0.25) * Math.PI,\n color: opts.color,\n shape: opts.shape,\n tick: 0,\n totalTicks: opts.ticks,\n decay: opts.decay,\n drift: opts.drift,\n random: Math.random() + 2,\n tiltSin: 0,\n tiltCos: 0,\n wobbleX: 0,\n wobbleY: 0,\n gravity: opts.gravity * 3,\n ovalScalar: 0.6,\n scalar: opts.scalar,\n flat: opts.flat\n };\n }\n\n function updateFetti(context, fetti) {\n fetti.x += Math.cos(fetti.angle2D) * fetti.velocity + fetti.drift;\n fetti.y += Math.sin(fetti.angle2D) * fetti.velocity + fetti.gravity;\n fetti.velocity *= fetti.decay;\n\n if (fetti.flat) {\n fetti.wobble = 0;\n fetti.wobbleX = fetti.x + (10 * fetti.scalar);\n fetti.wobbleY = fetti.y + (10 * fetti.scalar);\n\n fetti.tiltSin = 0;\n fetti.tiltCos = 0;\n fetti.random = 1;\n } else {\n fetti.wobble += fetti.wobbleSpeed;\n fetti.wobbleX = fetti.x + ((10 * fetti.scalar) * Math.cos(fetti.wobble));\n fetti.wobbleY = fetti.y + ((10 * fetti.scalar) * Math.sin(fetti.wobble));\n\n fetti.tiltAngle += 0.1;\n fetti.tiltSin = Math.sin(fetti.tiltAngle);\n fetti.tiltCos = Math.cos(fetti.tiltAngle);\n fetti.random = Math.random() + 2;\n }\n\n var progress = (fetti.tick++) / fetti.totalTicks;\n\n var x1 = fetti.x + (fetti.random * fetti.tiltCos);\n var y1 = fetti.y + (fetti.random * fetti.tiltSin);\n var x2 = fetti.wobbleX + (fetti.random * fetti.tiltCos);\n var y2 = fetti.wobbleY + (fetti.random * fetti.tiltSin);\n\n context.fillStyle = 'rgba(' + fetti.color.r + ', ' + fetti.color.g + ', ' + fetti.color.b + ', ' + (1 - progress) + ')';\n\n context.beginPath();\n\n if (canUsePaths && fetti.shape.type === 'path' && typeof fetti.shape.path === 'string' && Array.isArray(fetti.shape.matrix)) {\n context.fill(transformPath2D(\n fetti.shape.path,\n fetti.shape.matrix,\n fetti.x,\n fetti.y,\n Math.abs(x2 - x1) * 0.1,\n Math.abs(y2 - y1) * 0.1,\n Math.PI / 10 * fetti.wobble\n ));\n } else if (fetti.shape.type === 'bitmap') {\n var rotation = Math.PI / 10 * fetti.wobble;\n var scaleX = Math.abs(x2 - x1) * 0.1;\n var scaleY = Math.abs(y2 - y1) * 0.1;\n var width = fetti.shape.bitmap.width * fetti.scalar;\n var height = fetti.shape.bitmap.height * fetti.scalar;\n\n var matrix = new DOMMatrix([\n Math.cos(rotation) * scaleX,\n Math.sin(rotation) * scaleX,\n -Math.sin(rotation) * scaleY,\n Math.cos(rotation) * scaleY,\n fetti.x,\n fetti.y\n ]);\n\n // apply the transform matrix from the confetti shape\n matrix.multiplySelf(new DOMMatrix(fetti.shape.matrix));\n\n var pattern = context.createPattern(bitmapMapper.transform(fetti.shape.bitmap), 'no-repeat');\n pattern.setTransform(matrix);\n\n context.globalAlpha = (1 - progress);\n context.fillStyle = pattern;\n context.fillRect(\n fetti.x - (width / 2),\n fetti.y - (height / 2),\n width,\n height\n );\n context.globalAlpha = 1;\n } else if (fetti.shape === 'circle') {\n context.ellipse ?\n context.ellipse(fetti.x, fetti.y, Math.abs(x2 - x1) * fetti.ovalScalar, Math.abs(y2 - y1) * fetti.ovalScalar, Math.PI / 10 * fetti.wobble, 0, 2 * Math.PI) :\n ellipse(context, fetti.x, fetti.y, Math.abs(x2 - x1) * fetti.ovalScalar, Math.abs(y2 - y1) * fetti.ovalScalar, Math.PI / 10 * fetti.wobble, 0, 2 * Math.PI);\n } else if (fetti.shape === 'star') {\n var rot = Math.PI / 2 * 3;\n var innerRadius = 4 * fetti.scalar;\n var outerRadius = 8 * fetti.scalar;\n var x = fetti.x;\n var y = fetti.y;\n var spikes = 5;\n var step = Math.PI / spikes;\n\n while (spikes--) {\n x = fetti.x + Math.cos(rot) * outerRadius;\n y = fetti.y + Math.sin(rot) * outerRadius;\n context.lineTo(x, y);\n rot += step;\n\n x = fetti.x + Math.cos(rot) * innerRadius;\n y = fetti.y + Math.sin(rot) * innerRadius;\n context.lineTo(x, y);\n rot += step;\n }\n } else {\n context.moveTo(Math.floor(fetti.x), Math.floor(fetti.y));\n context.lineTo(Math.floor(fetti.wobbleX), Math.floor(y1));\n context.lineTo(Math.floor(x2), Math.floor(y2));\n context.lineTo(Math.floor(x1), Math.floor(fetti.wobbleY));\n }\n\n context.closePath();\n context.fill();\n\n return fetti.tick < fetti.totalTicks;\n }\n\n function animate(canvas, fettis, resizer, size, done) {\n var animatingFettis = fettis.slice();\n var context = canvas.getContext('2d');\n var animationFrame;\n var destroy;\n\n var prom = promise(function (resolve) {\n function onDone() {\n animationFrame = destroy = null;\n\n context.clearRect(0, 0, size.width, size.height);\n bitmapMapper.clear();\n\n done();\n resolve();\n }\n\n function update() {\n if (isWorker && !(size.width === workerSize.width && size.height === workerSize.height)) {\n size.width = canvas.width = workerSize.width;\n size.height = canvas.height = workerSize.height;\n }\n\n if (!size.width && !size.height) {\n resizer(canvas);\n size.width = canvas.width;\n size.height = canvas.height;\n }\n\n context.clearRect(0, 0, size.width, size.height);\n\n animatingFettis = animatingFettis.filter(function (fetti) {\n return updateFetti(context, fetti);\n });\n\n if (animatingFettis.length) {\n animationFrame = raf.frame(update);\n } else {\n onDone();\n }\n }\n\n animationFrame = raf.frame(update);\n destroy = onDone;\n });\n\n return {\n addFettis: function (fettis) {\n animatingFettis = animatingFettis.concat(fettis);\n\n return prom;\n },\n canvas: canvas,\n promise: prom,\n reset: function () {\n if (animationFrame) {\n raf.cancel(animationFrame);\n }\n\n if (destroy) {\n destroy();\n }\n }\n };\n }\n\n function confettiCannon(canvas, globalOpts) {\n var isLibCanvas = !canvas;\n var allowResize = !!prop(globalOpts || {}, 'resize');\n var hasResizeEventRegistered = false;\n var globalDisableForReducedMotion = prop(globalOpts, 'disableForReducedMotion', Boolean);\n var shouldUseWorker = canUseWorker && !!prop(globalOpts || {}, 'useWorker');\n var worker = shouldUseWorker ? getWorker() : null;\n var resizer = isLibCanvas ? setCanvasWindowSize : setCanvasRectSize;\n var initialized = (canvas && worker) ? !!canvas.__confetti_initialized : false;\n var preferLessMotion = typeof matchMedia === 'function' && matchMedia('(prefers-reduced-motion)').matches;\n var animationObj;\n\n function fireLocal(options, size, done) {\n var particleCount = prop(options, 'particleCount', onlyPositiveInt);\n var angle = prop(options, 'angle', Number);\n var spread = prop(options, 'spread', Number);\n var startVelocity = prop(options, 'startVelocity', Number);\n var decay = prop(options, 'decay', Number);\n var gravity = prop(options, 'gravity', Number);\n var drift = prop(options, 'drift', Number);\n var colors = prop(options, 'colors', colorsToRgb);\n var ticks = prop(options, 'ticks', Number);\n var shapes = prop(options, 'shapes');\n var scalar = prop(options, 'scalar');\n var flat = !!prop(options, 'flat');\n var origin = getOrigin(options);\n\n var temp = particleCount;\n var fettis = [];\n\n var startX = canvas.width * origin.x;\n var startY = canvas.height * origin.y;\n\n while (temp--) {\n fettis.push(\n randomPhysics({\n x: startX,\n y: startY,\n angle: angle,\n spread: spread,\n startVelocity: startVelocity,\n color: colors[temp % colors.length],\n shape: shapes[randomInt(0, shapes.length)],\n ticks: ticks,\n decay: decay,\n gravity: gravity,\n drift: drift,\n scalar: scalar,\n flat: flat\n })\n );\n }\n\n // if we have a previous canvas already animating,\n // add to it\n if (animationObj) {\n return animationObj.addFettis(fettis);\n }\n\n animationObj = animate(canvas, fettis, resizer, size , done);\n\n return animationObj.promise;\n }\n\n function fire(options) {\n var disableForReducedMotion = globalDisableForReducedMotion || prop(options, 'disableForReducedMotion', Boolean);\n var zIndex = prop(options, 'zIndex', Number);\n\n if (disableForReducedMotion && preferLessMotion) {\n return promise(function (resolve) {\n resolve();\n });\n }\n\n if (isLibCanvas && animationObj) {\n // use existing canvas from in-progress animation\n canvas = animationObj.canvas;\n } else if (isLibCanvas && !canvas) {\n // create and initialize a new canvas\n canvas = getCanvas(zIndex);\n document.body.appendChild(canvas);\n }\n\n if (allowResize && !initialized) {\n // initialize the size of a user-supplied canvas\n resizer(canvas);\n }\n\n var size = {\n width: canvas.width,\n height: canvas.height\n };\n\n if (worker && !initialized) {\n worker.init(canvas);\n }\n\n initialized = true;\n\n if (worker) {\n canvas.__confetti_initialized = true;\n }\n\n function onResize() {\n if (worker) {\n // TODO this really shouldn't be immediate, because it is expensive\n var obj = {\n getBoundingClientRect: function () {\n if (!isLibCanvas) {\n return canvas.getBoundingClientRect();\n }\n }\n };\n\n resizer(obj);\n\n worker.postMessage({\n resize: {\n width: obj.width,\n height: obj.height\n }\n });\n return;\n }\n\n // don't actually query the size here, since this\n // can execute frequently and rapidly\n size.width = size.height = null;\n }\n\n function done() {\n animationObj = null;\n\n if (allowResize) {\n hasResizeEventRegistered = false;\n global.removeEventListener('resize', onResize);\n }\n\n if (isLibCanvas && canvas) {\n if (document.body.contains(canvas)) {\n document.body.removeChild(canvas); \n }\n canvas = null;\n initialized = false;\n }\n }\n\n if (allowResize && !hasResizeEventRegistered) {\n hasResizeEventRegistered = true;\n global.addEventListener('resize', onResize, false);\n }\n\n if (worker) {\n return worker.fire(options, size, done);\n }\n\n return fireLocal(options, size, done);\n }\n\n fire.reset = function () {\n if (worker) {\n worker.reset();\n }\n\n if (animationObj) {\n animationObj.reset();\n }\n };\n\n return fire;\n }\n\n // Make default export lazy to defer worker creation until called.\n var defaultFire;\n function getDefaultFire() {\n if (!defaultFire) {\n defaultFire = confettiCannon(null, { useWorker: true, resize: true });\n }\n return defaultFire;\n }\n\n function transformPath2D(pathString, pathMatrix, x, y, scaleX, scaleY, rotation) {\n var path2d = new Path2D(pathString);\n\n var t1 = new Path2D();\n t1.addPath(path2d, new DOMMatrix(pathMatrix));\n\n var t2 = new Path2D();\n // see https://developer.mozilla.org/en-US/docs/Web/API/DOMMatrix/DOMMatrix\n t2.addPath(t1, new DOMMatrix([\n Math.cos(rotation) * scaleX,\n Math.sin(rotation) * scaleX,\n -Math.sin(rotation) * scaleY,\n Math.cos(rotation) * scaleY,\n x,\n y\n ]));\n\n return t2;\n }\n\n function shapeFromPath(pathData) {\n if (!canUsePaths) {\n throw new Error('path confetti are not supported in this browser');\n }\n\n var path, matrix;\n\n if (typeof pathData === 'string') {\n path = pathData;\n } else {\n path = pathData.path;\n matrix = pathData.matrix;\n }\n\n var path2d = new Path2D(path);\n var tempCanvas = document.createElement('canvas');\n var tempCtx = tempCanvas.getContext('2d');\n\n if (!matrix) {\n // attempt to figure out the width of the path, up to 1000x1000\n var maxSize = 1000;\n var minX = maxSize;\n var minY = maxSize;\n var maxX = 0;\n var maxY = 0;\n var width, height;\n\n // do some line skipping... this is faster than checking\n // every pixel and will be mostly still correct\n for (var x = 0; x < maxSize; x += 2) {\n for (var y = 0; y < maxSize; y += 2) {\n if (tempCtx.isPointInPath(path2d, x, y, 'nonzero')) {\n minX = Math.min(minX, x);\n minY = Math.min(minY, y);\n maxX = Math.max(maxX, x);\n maxY = Math.max(maxY, y);\n }\n }\n }\n\n width = maxX - minX;\n height = maxY - minY;\n\n var maxDesiredSize = 10;\n var scale = Math.min(maxDesiredSize/width, maxDesiredSize/height);\n\n matrix = [\n scale, 0, 0, scale,\n -Math.round((width/2) + minX) * scale,\n -Math.round((height/2) + minY) * scale\n ];\n }\n\n return {\n type: 'path',\n path: path,\n matrix: matrix\n };\n }\n\n function shapeFromText(textData) {\n var text,\n scalar = 1,\n color = '#000000',\n // see https://nolanlawson.com/2022/04/08/the-struggle-of-using-native-emoji-on-the-web/\n fontFamily = '\"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", \"EmojiOne Color\", \"Android Emoji\", \"Twemoji Mozilla\", \"system emoji\", sans-serif';\n\n if (typeof textData === 'string') {\n text = textData;\n } else {\n text = textData.text;\n scalar = 'scalar' in textData ? textData.scalar : scalar;\n fontFamily = 'fontFamily' in textData ? textData.fontFamily : fontFamily;\n color = 'color' in textData ? textData.color : color;\n }\n\n // all other confetti are 10 pixels,\n // so this pixel size is the de-facto 100% scale confetti\n var fontSize = 10 * scalar;\n var font = '' + fontSize + 'px ' + fontFamily;\n\n var canvas = new OffscreenCanvas(fontSize, fontSize);\n var ctx = canvas.getContext('2d');\n\n ctx.font = font;\n var size = ctx.measureText(text);\n var width = Math.ceil(size.actualBoundingBoxRight + size.actualBoundingBoxLeft);\n var height = Math.ceil(size.actualBoundingBoxAscent + size.actualBoundingBoxDescent);\n\n var padding = 2;\n var x = size.actualBoundingBoxLeft + padding;\n var y = size.actualBoundingBoxAscent + padding;\n width += padding + padding;\n height += padding + padding;\n\n canvas = new OffscreenCanvas(width, height);\n ctx = canvas.getContext('2d');\n ctx.font = font;\n ctx.fillStyle = color;\n\n ctx.fillText(text, x, y);\n\n var scale = 1 / scalar;\n\n return {\n type: 'bitmap',\n // TODO these probably need to be transfered for workers\n bitmap: canvas.transferToImageBitmap(),\n matrix: [scale, 0, 0, scale, -width * scale / 2, -height * scale / 2]\n };\n }\n\n module.exports = function() {\n return getDefaultFire().apply(this, arguments);\n };\n module.exports.reset = function() {\n getDefaultFire().reset();\n };\n module.exports.create = confettiCannon;\n module.exports.shapeFromPath = shapeFromPath;\n module.exports.shapeFromText = shapeFromText;\n}((function () {\n if (typeof window !== 'undefined') {\n return window;\n }\n\n if (typeof self !== 'undefined') {\n return self;\n }\n\n return this || {};\n})(), module, false));\n\n// end source content\n\nexport default module.exports;\nexport var create = module.exports.create;\n","import * as i0 from '@angular/core';\nimport { 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 \\r\\n\\r\\n
\\r\\n \\r\\n {{ 'auction.outbid.status' | translate }}\\r\\n
\\r\\n \\r\\n {{ 'auction.winning.status' | translate }}\\r\\n
\\r\\n {{ statusText | translate }}
\\r\\n \\r\\n \\r\\n star\\r\\n \\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n {{ auctionItem.ItemName }}
\\r\\n\\r\\n \\r\\n {{ currentValue | FortressCurrencyPipe : 'PTS' }}
\\r\\n\\r\\n\", styles: [\".featured-state{padding-left:5px}.icon-state{margin-top:8px;margin-left:-2px}.lotto-state-timer{margin-top:8px}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i2.NgSwitch, selector: \"[ngSwitch]\", inputs: [\"ngSwitch\"] }, { kind: \"directive\", type: i2.NgSwitchCase, selector: \"[ngSwitchCase]\", inputs: [\"ngSwitchCase\"] }, { kind: \"component\", type: i3.CountdownComponent, selector: \"fgbcl-countdown\", inputs: [\"endDateTime\", \"requestDateTime\", \"completeText\", \"isUTC\"], outputs: [\"complete\"] }, { kind: \"directive\", type: i4.ImgDefaultDirective, selector: \"img[useDefault]\", inputs: [\"src\", \"useDefault\", \"loyaltyType\"] }, { kind: \"directive\", type: i4.IfItemEnabled, selector: \"[ifItemEnabled]\", inputs: [\"ifItemEnabled\", \"ifItemEnabledDisabledStatus\", \"ifItemEnabledElse\"], exportAs: [\"itemEnabled\"] }, { kind: \"directive\", type: i5.OwlRouterLinkWithHrefDirective, selector: \"a[owlRouterLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"stopLink\", \"owlRouterLink\", \"preserveQueryParams\"] }, { kind: \"pipe\", type: i6.ContentImagePipe, name: \"contentImage\" }, { kind: \"pipe\", type: i6.FortressCurrencyPipe, name: \"FortressCurrencyPipe\" }, { kind: \"pipe\", type: i7.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionPanelComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-auction-panel', template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n {{ 'auction.outbid.status' | translate }}\\r\\n
\\r\\n \\r\\n {{ 'auction.winning.status' | translate }}\\r\\n
\\r\\n {{ statusText | translate }}
\\r\\n \\r\\n \\r\\n star\\r\\n \\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n {{ auctionItem.ItemName }}
\\r\\n\\r\\n \\r\\n {{ currentValue | FortressCurrencyPipe : 'PTS' }}
\\r\\n\\r\\n\", styles: [\".featured-state{padding-left:5px}.icon-state{margin-top:8px;margin-left:-2px}.lotto-state-timer{margin-top:8px}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.BalanceQuery }], propDecorators: { auctionItem: [{\n type: Input\n }], ignoreLink: [{\n type: Input\n }], isPreview: [{\n type: Input\n }] } });\n\nclass AuctionPanelModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionPanelModule, declarations: [AuctionPanelComponent], imports: [CommonModule,\n PipesModule,\n CountdownModule,\n LoyaltyIconModule,\n DirectivesModule,\n RouterModule,\n IfItemEnabled,\n FGBSharedModule,\n CarouselModule], exports: [AuctionPanelComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionPanelModule, imports: [CommonModule,\n PipesModule,\n CountdownModule,\n LoyaltyIconModule,\n DirectivesModule,\n RouterModule,\n FGBSharedModule,\n CarouselModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionPanelModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [AuctionPanelComponent],\n imports: [\n CommonModule,\n PipesModule,\n CountdownModule,\n LoyaltyIconModule,\n DirectivesModule,\n RouterModule,\n IfItemEnabled,\n FGBSharedModule,\n CarouselModule,\n ],\n exports: [AuctionPanelComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { AuctionPanelComponent, AuctionPanelModule };\n","import * as i0 from '@angular/core';\nimport { Component, Input, NgModule } from '@angular/core';\nimport * as i1 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport { MarketplaceItemStatus, MARKETPLACE_STATE, TEXT_COLOR } from '@fgb/core';\nimport { DateTime } from 'luxon';\nimport * as i2 from '@fgb/portal-component-library/src/lib/directives';\nimport { DirectivesModule } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i3 from 'ngx-owl-carousel-o';\nimport { CarouselModule } from 'ngx-owl-carousel-o';\nimport * as i4 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i5 from '@ngx-translate/core';\nimport { LoyaltyIconModule } from '@fgb/portal-component-library/src/lib/shared/loyalty-icon';\nimport { RouterModule } from '@angular/router';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass MarketplaceListItemComponent {\n constructor() {\n this.ignoreLink = false;\n this.status = MarketplaceItemStatus;\n this.MARKETPLACE = MARKETPLACE_STATE;\n }\n ngOnInit() {\n this._updateTheme();\n if (this.marketplaceItem?.Status)\n this._updateStatusText();\n else\n this.getStockAvailableState();\n }\n getStockAvailableState() {\n [this.stockAvailableState, this.textColor] = this.handleStockAvailable(this.marketplaceItem);\n }\n _updateStatusText() {\n switch (this.marketplaceItem?.Status) {\n case MarketplaceItemStatus.SoldOut:\n this.statusText = MARKETPLACE_STATE.SOLD_OUT;\n this.theme = 'sold-out';\n break;\n case MarketplaceItemStatus.NotEnoughPoints:\n this.statusText = MARKETPLACE_STATE.NOT_ENOUGH_POINT;\n this.theme = 'not-enough-points';\n break;\n case MarketplaceItemStatus.ComingSoon:\n this.statusText = MARKETPLACE_STATE.COMING_SOON;\n this.theme = 'coming-soon';\n break;\n case MarketplaceItemStatus.MemberLimitReached:\n this.statusText = MARKETPLACE_STATE.LIMIT_REACHED;\n this.theme = 'limit-reached';\n break;\n case MarketplaceItemStatus.AllInBasket:\n this.statusText = MARKETPLACE_STATE.ALL_IN_BASKET;\n default:\n return;\n }\n }\n _updateTheme() {\n if (this.marketplaceItem?.Status === MarketplaceItemStatus.Available)\n this.theme = this.marketplaceItem?.theme;\n else\n this.theme = 'disabled';\n }\n handleStockAvailable(marketplaceItem) {\n if (!marketplaceItem)\n return ['', this.theme];\n const stockCount = marketplaceItem.AvailabilityCount;\n // Limited stock\n if (stockCount > 5 && stockCount <= 10)\n return [MARKETPLACE_STATE.LIMITED, TEXT_COLOR.RED];\n // Stock count left\n if (stockCount > 0 && stockCount <= 5)\n return [MARKETPLACE_STATE.REMAINING, TEXT_COLOR.RED];\n // New Stock\n const startDate = DateTime.fromISO(marketplaceItem.ItemStartDate, { zone: 'utc' });\n const requestTime = DateTime.fromISO(marketplaceItem.RequestTime, { zone: 'utc' });\n const days = requestTime.diff(startDate, 'days').days;\n // New Stock\n const threeDays = 3;\n if (days <= threeDays)\n return [MARKETPLACE_STATE.NEW, TEXT_COLOR.NEW];\n // Stock Favourite\n if (marketplaceItem.Favourite)\n return [MARKETPLACE_STATE.FEATURED, TEXT_COLOR.GREEN];\n else\n return ['', this.theme];\n }\n get hasSponsor() {\n return !!this.marketplaceItem?.Sponsor?.SponsorImage;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"17.2.1\", type: MarketplaceListItemComponent, selector: \"fgbcl-marketplace-list-item\", inputs: { marketplaceItem: \"marketplaceItem\", ignoreLink: \"ignoreLink\" }, ngImport: i0, template: \"\\r\\n \\r\\n @if (marketplaceItem.Locked) {\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\".icon-state{margin-top:8px;margin-left:-2px}\\n\"], dependencies: [{ kind: \"directive\", type: i1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i2.ImgDefaultDirective, selector: \"img[useDefault]\", inputs: [\"src\", \"useDefault\", \"loyaltyType\"] }, { kind: \"directive\", type: i3.OwlRouterLinkWithHrefDirective, selector: \"a[owlRouterLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"stopLink\", \"owlRouterLink\", \"preserveQueryParams\"] }, { kind: \"pipe\", type: i4.ContentImagePipe, name: \"contentImage\" }, { kind: \"pipe\", type: i4.FortressCurrencyPipe, name: \"FortressCurrencyPipe\" }, { kind: \"pipe\", type: i5.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListItemComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-marketplace-list-item', template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n lock\\r\\n {{ 'reward.status.locked' | translate }}\\r\\n
\\r\\n } @else if (statusText) {\\r\\n {{ statusText | translate }}
\\r\\n }\\r\\n \\r\\n \\r\\n star\\r\\n \\r\\n \\r\\n {{ marketplaceItem.AvailabilityCount }}\\r\\n \\r\\n\\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n {{ marketplaceItem.DisplayName }}
\\r\\n \\r\\n {{ marketplaceItem.PointValue | FortressCurrencyPipe : 'PTS' }}
\\r\\n {{ marketplaceItem.EcashValue / 100 | FortressCurrencyPipe }}
\\r\\n \\r\\n {{ marketplaceItem.MerchantValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n \\r\\n @if (marketplaceItem.Locked) {\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\".icon-state{margin-top:8px;margin-left:-2px}\\n\"] }]\n }], ctorParameters: () => [], propDecorators: { marketplaceItem: [{\n type: Input\n }], ignoreLink: [{\n type: Input\n }] } });\n\nclass MarketplaceListItemModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListItemModule, declarations: [MarketplaceListItemComponent], imports: [CommonModule,\n LoyaltyIconModule,\n PipesModule,\n DirectivesModule,\n RouterModule,\n CarouselModule,\n FGBSharedModule], exports: [MarketplaceListItemComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListItemModule, imports: [CommonModule,\n LoyaltyIconModule,\n PipesModule,\n DirectivesModule,\n RouterModule,\n CarouselModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MarketplaceListItemModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [MarketplaceListItemComponent],\n imports: [\n CommonModule,\n LoyaltyIconModule,\n PipesModule,\n DirectivesModule,\n RouterModule,\n CarouselModule,\n FGBSharedModule\n ],\n exports: [MarketplaceListItemComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { MarketplaceListItemComponent, MarketplaceListItemModule };\n","import * as i0 from '@angular/core';\nimport { Component, Input, NgModule } from '@angular/core';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@fgb/core';\nimport { config, ItemLoyaltyState, LOTTO_STATE, LOYALTY_STATUS, LOTTO_TEXT_COLOR } from '@fgb/core';\nimport { DateTime } from 'luxon';\nimport { take } from 'rxjs/operators';\nimport * as i3 from '@fgb/portal-component-library/src/lib/shared/countdown';\nimport { CountdownModule } from '@fgb/portal-component-library/src/lib/shared/countdown';\nimport * as i4 from '@fgb/portal-component-library/src/lib/directives';\nimport { DirectivesModule, IfItemEnabled } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i5 from 'ngx-owl-carousel-o';\nimport { CarouselModule } from 'ngx-owl-carousel-o';\nimport * as i6 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i7 from '@ngx-translate/core';\nimport { LoyaltyIconModule } from '@fgb/portal-component-library/src/lib/shared/loyalty-icon';\nimport { RouterModule } from '@angular/router';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass LottosListItemComponent {\n constructor(balanceQuery) {\n this.balanceQuery = balanceQuery;\n this.ignoreLink = false;\n this.isPreview = false;\n this.available = false;\n this.config = config;\n this.status = ItemLoyaltyState;\n this.isNotEnoughPoints = false;\n this.showLotto = true;\n this.LOTTO_STATE = LOTTO_STATE;\n this.state = LOYALTY_STATUS;\n }\n ngOnInit() {\n if (!this.isPreview) {\n const requestTime = DateTime.fromISO(this.lottoItem.RequestTime, { zone: 'utc' });\n const startDate = DateTime.fromISO(this.lottoItem?.StartDate, { zone: 'utc' });\n if (this.lottoItem) {\n if (startDate > requestTime) {\n this.showLotto = false;\n }\n else {\n this.showLotto = true;\n }\n }\n // tslint:disable-next-line: no-bitwise\n if (this.lottoItem.AllowComingSoon === ItemLoyaltyState.ComingSoon && !this.showLotto) {\n this.statusText = LOTTO_STATE.COMING_SOON;\n this.theme = 'coming-soon';\n }\n else if (this.lottoItem.ItemState === ItemLoyaltyState.OutOfStock) {\n this.statusText = LOTTO_STATE.SOLD_OUT;\n this.theme = 'sold-out';\n }\n else if (this.lottoItem.ItemState === ItemLoyaltyState.ItemLimitReached) {\n this.statusText = LOTTO_STATE.LIMIT_REACHED;\n this.theme = 'limit-reached';\n }\n else {\n this.balanceQuery\n .selectPurse(this.config.purseConfig.virtualLoyalty)\n .pipe(take(1))\n .subscribe((bal) => {\n let currentBal = bal ?? 0;\n if (currentBal < this.lottoItem.PurchasePrice) {\n this.isNotEnoughPoints = true;\n this.statusText = LOTTO_STATE.NOT_ENOUGH_POINT;\n this.theme = 'not-enough-points';\n }\n else if (this.lottoItem.DisableManualEntry === true && this.lottoItem.ShowOnDisableManualEntry === false) {\n this.statusText = LOTTO_STATE.VIEW;\n }\n else if (this.lottoItem.ShowOnDisableManualEntry === true && this.lottoItem.NumberOfTicketsPurchased === 0) {\n this.statusText = LOTTO_STATE.LOCKED;\n }\n else if (this.lottoItem.ShowOnDisableManualEntry && this.lottoItem.NumberOfTicketsPurchased > 0) {\n this.statusText = LOTTO_STATE.ENTERED;\n }\n else {\n this.statusText = '';\n this.available = true;\n }\n });\n }\n this.getStockAvailableState();\n }\n }\n getStockAvailableState() {\n [this.stockAvailableState, this.textColor] = this.handleStockAvailable(this.lottoItem);\n }\n handleStockAvailable(lottoItem) {\n if (!lottoItem)\n return ['', this.theme];\n const startDate = DateTime.fromISO(lottoItem.StartDate, { zone: 'utc' });\n const now = DateTime.utc();\n const days = now.diff(startDate, 'days').days;\n // New Stock\n const threeDays = 3;\n if (days <= threeDays)\n return [LOTTO_STATE.NEW, LOTTO_TEXT_COLOR.NEW];\n // Stock Favourite\n if (lottoItem.Favourite)\n return [LOTTO_STATE.FEATURED, LOTTO_TEXT_COLOR.GREEN];\n else\n return ['', this.theme];\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottosListItemComponent, deps: [{ token: i1.BalanceQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"17.2.1\", type: LottosListItemComponent, selector: \"fgbcl-lottos-list-item\", inputs: { lottoItem: \"lottoItem\", ignoreLink: \"ignoreLink\", isPreview: \"isPreview\" }, ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n lock\\r\\n {{ 'reward.status.locked' | translate }}\\r\\n
\\r\\n } @else if (statusText) {\\r\\n {{ statusText | translate }}
\\r\\n }\\r\\n \\r\\n \\r\\n star\\r\\n \\r\\n \\r\\n {{ marketplaceItem.AvailabilityCount }}\\r\\n \\r\\n\\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n {{ marketplaceItem.DisplayName }}
\\r\\n \\r\\n {{ marketplaceItem.PointValue | FortressCurrencyPipe : 'PTS' }}
\\r\\n {{ marketplaceItem.EcashValue / 100 | FortressCurrencyPipe }}
\\r\\n \\r\\n {{ marketplaceItem.MerchantValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n
\\r\\n\", styles: [\".featured-state{padding-left:5px}.icon-state{margin-top:8px;margin-left:-2px}.lotto-state-timer{margin-top:8px}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: i3.CountdownComponent, selector: \"fgbcl-countdown\", inputs: [\"endDateTime\", \"requestDateTime\", \"completeText\", \"isUTC\"], outputs: [\"complete\"] }, { kind: \"directive\", type: i4.ImgDefaultDirective, selector: \"img[useDefault]\", inputs: [\"src\", \"useDefault\", \"loyaltyType\"] }, { kind: \"directive\", type: i4.IfItemEnabled, selector: \"[ifItemEnabled]\", inputs: [\"ifItemEnabled\", \"ifItemEnabledDisabledStatus\", \"ifItemEnabledElse\"], exportAs: [\"itemEnabled\"] }, { kind: \"directive\", type: i5.OwlRouterLinkWithHrefDirective, selector: \"a[owlRouterLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"stopLink\", \"owlRouterLink\", \"preserveQueryParams\"] }, { kind: \"pipe\", type: i6.ContentImagePipe, name: \"contentImage\" }, { kind: \"pipe\", type: i6.FortressCurrencyPipe, name: \"FortressCurrencyPipe\" }, { kind: \"pipe\", type: i7.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottosListItemComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-lottos-list-item', template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ ('lotto.my.entries' | translate) + lottoItem.NumberOfTicketsPurchased }} \\r\\n
\\r\\n \\r\\n \\r\\n @if (lottoItem.Locked) {\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n lock\\r\\n {{ 'reward.status.locked' | translate }}\\r\\n
\\r\\n } @else if (statusText) {\\r\\n {{ statusText | translate }}
\\r\\n }\\r\\n \\r\\n \\r\\n star\\r\\n \\r\\n\\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n {{ lottoItem.Title }}
\\r\\n\\r\\n \\r\\n {{ lottoItem.PurchasePrice | FortressCurrencyPipe : 'PTS' }}
\\r\\n\\r\\n
\\r\\n\", styles: [\".featured-state{padding-left:5px}.icon-state{margin-top:8px;margin-left:-2px}.lotto-state-timer{margin-top:8px}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.BalanceQuery }], propDecorators: { lottoItem: [{\n type: Input\n }], ignoreLink: [{\n type: Input\n }], isPreview: [{\n type: Input\n }] } });\n\nclass LottosListItemModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottosListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: LottosListItemModule, declarations: [LottosListItemComponent], imports: [CommonModule,\n LoyaltyIconModule,\n CountdownModule,\n PipesModule,\n DirectivesModule,\n IfItemEnabled,\n RouterModule,\n CarouselModule,\n FGBSharedModule], exports: [LottosListItemComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottosListItemModule, imports: [CommonModule,\n LoyaltyIconModule,\n CountdownModule,\n PipesModule,\n DirectivesModule,\n RouterModule,\n CarouselModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: LottosListItemModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [LottosListItemComponent],\n imports: [\n CommonModule,\n LoyaltyIconModule,\n CountdownModule,\n PipesModule,\n DirectivesModule,\n IfItemEnabled,\n RouterModule,\n CarouselModule,\n FGBSharedModule\n ],\n exports: [LottosListItemComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { LottosListItemComponent, LottosListItemModule };\n","import * as i0 from '@angular/core';\nimport { Component, Input, HostBinding, NgModule } from '@angular/core';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@fgb/core';\nimport { FeaturesRewardsItem, marketplaceIdArr, ProcessProviderId } from '@fgb/core';\nimport { sortBy } from '@fgb/portal-component-library/src/lib/shared/utilities';\nimport { map, tap } from 'rxjs/operators';\nimport * as i3$1 from '@fgb/portal-component-library/src/lib/directives';\nimport { DataSourceDirective } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i4$1 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbPaginationModule } from '@ng-bootstrap/ng-bootstrap';\nimport * as i2$1 from '@fgb/portal-component-library/src/lib/loyalty/auctions/auction-panel';\nimport { AuctionPanelModule } from '@fgb/portal-component-library/src/lib/loyalty/auctions/auction-panel';\nimport * as i3 from '@fgb/portal-component-library/src/lib/loyalty/marketplace/marketplace-list-item';\nimport { MarketplaceListItemModule } from '@fgb/portal-component-library/src/lib/loyalty/marketplace/marketplace-list-item';\nimport * as i4 from '@fgb/portal-component-library/src/lib/loyalty/lottos/lottos-list-item';\nimport { LottosListItemModule } from '@fgb/portal-component-library/src/lib/loyalty/lottos/lottos-list-item';\nimport * as i6 from '@fgb/portal-component-library/src/lib/shared/loading';\nimport { LoadingModule } from '@fgb/portal-component-library/src/lib/shared/loading';\nimport * as i7 from '@ngx-translate/core';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\n\nclass MixedLoyaltyItemComponent {\n get _isDisabled() {\n return this.ignoreLink;\n }\n constructor() {\n this.ignoreLink = false;\n }\n ngOnInit() { }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: MixedLoyaltyItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: MixedLoyaltyItemComponent, selector: \"fgbcl-mixed-loyalty-item\", inputs: { item: \"item\", ignoreLink: \"ignoreLink\" }, host: { properties: { \"class.disabled\": \"this._isDisabled\" } }, ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ ('lotto.my.entries' | translate) + lottoItem.NumberOfTicketsPurchased }} \\r\\n
\\r\\n \\r\\n \\r\\n @if (lottoItem.Locked) {\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n lock\\r\\n {{ 'reward.status.locked' | translate }}\\r\\n
\\r\\n } @else if (statusText) {\\r\\n {{ statusText | translate }}
\\r\\n }\\r\\n \\r\\n \\r\\n star\\r\\n \\r\\n\\r\\n {{ stockAvailableState | translate }}\\r\\n
\\r\\n {{ lottoItem.Title }}
\\r\\n\\r\\n \\r\\n {{ lottoItem.PurchasePrice | FortressCurrencyPipe : 'PTS' }}
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'featured.rewards.placeholder.description' | translate }}
\\r\\n pageSize\\\">\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'featured.rewards.placeholder.description' | translate }}
\\r\\n pageSize\\\">\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'featured.rewards.show.all' | translate }}\\r\\n arrow_forward_ios\\r\\n \\r\\n
\\r\\n \\r\\n {{ title || ('home.page.featured.rewards.title' | translate) }}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ 'featured.rewards.show.all' | translate }}\\r\\n arrow_forward_ios\\r\\n \\r\\n
\\r\\n \\r\\n {{ title || ('home.page.featured.rewards.title' | translate) }}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {{ 'home.see.all.rewards' | translate }}\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\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 { AnnouncementService } from '@fgb/core';\r\nimport { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\nimport { ProductCode } from 'src/app/shared/utilities/product-code';\r\n\r\n@Component({\r\n selector: 'fgb-home-page',\r\n templateUrl: './home-page.component.html',\r\n styleUrls: ['./home-page.component.scss'],\r\n})\r\nexport class HomePageComponent implements OnInit {\r\n screenSize = ScreenType;\r\n productCode = ProductCode;\r\n constructor(\r\n private announcementService: AnnouncementService\r\n ) {}\r\n\r\n ngOnInit() {\r\n this.announcementService.fetchAnnouncements().toPromise();\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: \"\r\n
\r\n {{ faqSection.DisplayText }}
\\r\\n\\r\\n
\\r\\n\", styles: [\".faq-question-text{margin-top:2px}.faq-question-titles{margin-left:-24px;margin-top:2px}@media (max-width: 991px){.faq-question-titles{margin-left:-12px}}.btn.collapsed{padding-top:2px}.icon-arrow-1-down{height:23px}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i2$1.NgbAccordionButton, selector: \"button[ngbAccordionButton]\" }, { kind: \"directive\", type: i2$1.NgbAccordionDirective, selector: \"[ngbAccordion]\", inputs: [\"animation\", \"closeOthers\", \"destroyOnHide\"], outputs: [\"show\", \"shown\", \"hide\", \"hidden\"], exportAs: [\"ngbAccordion\"] }, { kind: \"directive\", type: i2$1.NgbAccordionItem, selector: \"[ngbAccordionItem]\", inputs: [\"ngbAccordionItem\", \"destroyOnHide\", \"disabled\", \"collapsed\"], outputs: [\"show\", \"shown\", \"hide\", \"hidden\"], exportAs: [\"ngbAccordionItem\"] }, { kind: \"directive\", type: i2$1.NgbAccordionHeader, selector: \"[ngbAccordionHeader]\" }, { kind: \"directive\", type: i2$1.NgbAccordionBody, selector: \"[ngbAccordionBody]\" }, { kind: \"directive\", type: i2$1.NgbAccordionCollapse, selector: \"[ngbAccordionCollapse]\", exportAs: [\"ngbAccordionCollapse\"] }, { kind: \"pipe\", type: i3.SafeHtmlPipe, name: \"safeHtml\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: FaqSectionCardComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-faq-section-card', template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{ faqSection.DisplayText }}
\\r\\n\\r\\n
\\r\\n\", styles: [\".faq-question-text{margin-top:2px}.faq-question-titles{margin-left:-24px;margin-top:2px}@media (max-width: 991px){.faq-question-titles{margin-left:-12px}}.btn.collapsed{padding-top:2px}.icon-arrow-1-down{height:23px}\\n\"] }]\n }], ctorParameters: () => [], propDecorators: { faqSection: [{\n type: Input\n }] } });\n\nclass FaqSectionComponent {\n constructor(faqSectionQuery, faqSectionService, memberQuery) {\n this.faqSectionQuery = faqSectionQuery;\n this.faqSectionService = faqSectionService;\n this.memberQuery = memberQuery;\n this.disabled = false;\n }\n ngOnInit() {\n const userContext = this.memberQuery.getUserContext();\n this.faqSectionService.fetchFaqSection(+userContext.populationId, +userContext.lcid, userContext.clubId).subscribe();\n this.faqSections$ = this.faqSectionQuery.selectAll();\n this.loading = this.faqSectionQuery.selectLoading();\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: FaqSectionComponent, deps: [{ token: i1.FaqSectionQuery }, { token: i1.FaqSectionService }, { token: i1.MemberQuery }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"17.2.1\", type: FaqSectionComponent, selector: \"fgbcl-faq-section\", ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\r\n
\r\n","\r\n
\r\n","import { Component, OnDestroy, OnInit } from '@angular/core';\r\nimport { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';\r\nimport { Category, Contact, ContactService } from '@fgb/core';\r\nimport { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\nimport { Observable, Subscription } from 'rxjs';\r\nimport { take } from 'rxjs/operators';\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, OnDestroy {\r\n contactUsForm: FormGroup;\r\n categories$: Observable\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'fgb-not-found-page',\r\n templateUrl: './not-found-page.component.html',\r\n styleUrls: ['./not-found-page.component.scss']\r\n})\r\nexport class NotFoundPageComponent implements OnInit {\r\n constructor() {}\r\n\r\n ngOnInit() {\r\n }\r\n}\r\n","\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n","\r\n
\r\n\r\n
\r\n \r\n
\r\n {{ 'not.found.title.1' | translate }}
\r\n{{ 'not.found.title.2' | translate }}
\r\n\r\n {{ 'not.found.description' | translate }}\r\n
\r\n \r\n \r\n
\r\n \r\n ![](\"assets/images/placeholders/404placeholder.svg\")
\r\n
\r\n \r\n - \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'fgb-refer-a-friend-success-page',\r\n templateUrl: './refer-a-friend-success-page.component.html',\r\n styleUrls: ['./refer-a-friend-success-page.component.scss']\r\n})\r\nexport class ReferAFriendSuccessPageComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\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-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\nReferral Successfully Sent
\r\n\r\n Thank you for your Referral. We will contact your friend shortly\r\n
\r\n \r\n- \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n","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 \r\n ![](\"assets/images/rewards/DesktopAuctionsBanner.jpg\")
\r\n \r\n \r\n ![](\"assets/images/rewards/MobileAuctionsBanner.jpg\")
\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-auctions-page',\r\n templateUrl: './auctions-page.component.html',\r\n styleUrls: ['./auctions-page.component.scss'],\r\n})\r\nexport class AuctionsPageComponent implements OnInit {\r\n screenType = ScreenType;\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\nimport { BalanceQuery } from '@fgb/core';\r\nimport { config } from '@fgb/core';\r\nimport { IconSetting } from 'src/app/shared/utilities/icon-setting';\r\n\r\n@Component({\r\n selector: 'fgb-points-summary',\r\n templateUrl: './points-summary.component.html',\r\n styleUrls: ['./points-summary.component.scss'],\r\n})\r\nexport class PointsSummaryComponent implements OnInit {\r\n googleIcons = IconSetting.googleIcon;\r\n pointsBalance$: Observable\r\n {{ pointsBalance$ | async | FortressCurrencyPipe : 'PTS' }}\r\n
\r\n","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'fgb-points-summary-bar',\r\n templateUrl: './points-summary-bar.component.html',\r\n styleUrls: ['./points-summary-bar.component.scss'],\r\n})\r\nexport class PointsSummaryBarComponent implements OnInit {\r\n @Input() backButtonLink: string = '/rewards/marketplace';\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 \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","\r\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\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 {{ 'rewards.details.back' | translate }}\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","import { Component, OnInit } from '@angular/core';\r\nimport { MarketplaceService } from '@fgb/core';\r\nimport { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\n\r\n@Component({\r\n selector: 'fgb-marketplace-page',\r\n templateUrl: './marketplace-page.component.html',\r\n styleUrls: ['./marketplace-page.component.scss'],\r\n})\r\nexport class MarketplacePageComponent implements OnInit {\r\n screenType = ScreenType;\r\n constructor(private marketplaceService: MarketplaceService) {}\r\n\r\n ngOnInit() {\r\n this.marketplaceService.fetchMarketplaceItems().toPromise();\r\n }\r\n}\r\n","import * as i0 from '@angular/core';\nimport { Component, 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 {{ 'rewards.details.back' | translate }}\r\n
\r\n\r\n\r\n\r\n */\r\n@Directive({\r\n // tslint:disable-next-line: directive-selector\r\n selector: 'img[useDefault]',\r\n})\r\nexport class ImgDefaultDirective implements OnInit {\r\n @HostBinding('attr.src') @Input() src: string;\r\n @Input() useDefault: boolean;\r\n @Input() loyaltyType: 'marketplace' | 'auction' | 'lotto' | 'wallet' | 'walletRedeemed';\r\n @HostBinding('class.image-loaded') imageLoaded = false;\r\n @HostBinding('class.image-error') imageError = false;\r\n DefaultImgSrc: string;\r\n\r\n constructor() {}\r\n\r\n ngOnInit() {\r\n if (!this.loyaltyType) {\r\n this.DefaultImgSrc = `${config.contentUrl}/images/noimage.png`;\r\n } else {\r\n switch (this.loyaltyType) {\r\n case 'marketplace': {\r\n this.DefaultImgSrc = 'assets/images/placeholders/marketplace-item.png';\r\n break;\r\n }\r\n case 'auction': {\r\n this.DefaultImgSrc = 'assets/images/placeholders/auction-item.png';\r\n break;\r\n }\r\n case 'lotto': {\r\n this.DefaultImgSrc = 'assets/images/placeholders/lotto-item.png';\r\n break;\r\n }\r\n case 'wallet': {\r\n this.DefaultImgSrc = 'assets/images/placeholders/marketplace-item.png';\r\n break;\r\n }\r\n default: {\r\n this.DefaultImgSrc = 'assets/images/placeholders/marketplace-item.png';\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Called on error. Sets the default image source if required and the class to 'image-error'.\r\n */\r\n @HostListener('error') updateUrl() {\r\n if (this.useDefault) {\r\n this.src = this.DefaultImgSrc;\r\n }\r\n this.imageError = true;\r\n }\r\n\r\n /**\r\n * Called on success. Leaves the requested image source as-is and sets the class to 'image-loaded'.\r\n */\r\n @HostListener('load') load() {\r\n this.imageLoaded = true;\r\n }\r\n}\r\n"," 0; else noPurchase\">\r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {{\r\n 'marketplace.purchase.success' | translate\r\n }} \r\n \r\n \r\n {{ 'events.purchase.success' | translate }}\r\n \r\n \r\n \r\n \r\n {{ 'products.purchase.success' | translate }}\r\n \r\n \r\n \r\n \r\n {{ 'marketplace.purchase.merchant.success' | translate }}\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {{ purchasedItem.DisplayName || defaultItemName || 'Display Name' }}\r\n
\r\n \r\n {{ attribute.AttributeName }}: \r\n {{ attribute.ValueName }}\r\n
\r\n \r\n {{ customfield.DisplayName }}: \r\n {{ customfield.Value }}\r\n
\r\n \r\n {{ 'marketplace.quantity' | translate }}\r\n {{ quantity || purchasedItem.ItemCount }}\r\n
\r\n \r\n 0\">\r\n {{ 'marketplace.merchant.used' | translate }}\r\n ${{ (purchasedItem.TotalMerchantPrice / 100).toFixed(2) }}\r\n
\r\n \r\n {{ 'marketplace.points.used' | translate }}\r\n {{ price | number }} {{ 'marketplace.points.value.pts' | translate }}\r\n
\r\n 0\">\r\n
\r\n \r\n {{ 'marketplace.ecash.used' | translate }}\r\n
\r\n 0\">\r\n
\r\n \r\n {{\r\n (quantity * purchasedItem.EcashValue) / 100 | FortressCurrencyPipe\r\n }}\r\n
\r\n \r\n
\r\n \r\n \r\n {{ 'download.rewards.item' | translate }}\r\n \r\n
\r\n {{ 'no.purchased.item.found' | translate }}
\r\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\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","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-lottos-page',\r\n templateUrl: './lottos-page.component.html',\r\n styleUrls: ['./lottos-page.component.scss']\r\n})\r\nexport class LottosPageComponent implements OnInit {\r\n screenType = ScreenType;\r\n constructor() {}\r\n\r\n ngOnInit() {}\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: [HideMobileNav]\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 {{ 'rewards.details.back' | translate }}\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 {{ 'lotto.entry.successful.message' | translate }}\r\n
\r\n {{\r\n 'rewards.back.to.wallet' | translate\r\n }}\r\n\r\n
\r\n \r\n
\r\n {{ lottoItem.Title }}
\r\n \r\n {{ 'lotto.entries' | translate }}\r\n {{ quantity | number }}\r\n
\r\n \r\n {{ 'lotto.points.used' | translate }}\r\n {{ totalPrice | number }}\r\n
\r\n {{ 'no.purchased.item.found' | translate }}
\r\n\r\n
\r\n\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\nimport { MarketplaceService } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-events-page',\r\n templateUrl: './events-page.component.html',\r\n styleUrls: ['./events-page.component.scss']\r\n})\r\nexport class EventsPageComponent implements OnInit {\r\n screenType = ScreenType;\r\n constructor(private marketplaceService: MarketplaceService) {}\r\n\r\n ngOnInit() {\r\n \r\n this.marketplaceService.fetchMarketplaceItems().toPromise();\r\n }\r\n}\r\n","import * as i0 from '@angular/core';\nimport { Component, Inject, Input, inject, DestroyRef, NgModule, computed } from '@angular/core';\nimport * as i3 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i4 from '@fgb/portal-component-library/src/lib/pipes';\nimport { PipesModule } from '@fgb/portal-component-library/src/lib/pipes';\nimport * as i4$1 from '@fgb/portal-component-library/src/lib/shared/short-long-description';\nimport { ShortLongDescriptionModule } from '@fgb/portal-component-library/src/lib/shared/short-long-description';\nimport { FGBSharedModule } from '@fgb/portal-component-library/src/lib/shared';\nimport { ErrorsModule } from '@fgb/portal-component-library/src/lib/shared/errors';\nimport * as i2 from '@angular/router';\nimport { RouterModule } from '@angular/router';\nimport * as i5 from '@fgb/portal-component-library/src/lib/directives';\nimport { ScreenType, DirectivesModule, DataSourceDirective } from '@fgb/portal-component-library/src/lib/directives';\nimport * as i3$1 from 'angularx-qrcode';\nimport { QRCodeModule } from 'angularx-qrcode';\nimport * as i6 from 'ngx-owl-carousel-o';\nimport { CarouselModule } from 'ngx-owl-carousel-o';\nimport * as i2$1 from '@ng-bootstrap/ng-bootstrap';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport * as i1 from '@fgb/core';\nimport { DATE_OPTIONS, ProcessProviderId, MarketplaceItemAttributeDisplayType, WalletItemType } from '@fgb/core';\nimport * as i5$1 from '@ngx-translate/core';\nimport { map, switchMap, takeUntil } from 'rxjs/operators';\nimport { firstValueFrom, Subject, combineLatest } from 'rxjs';\nimport { OwlCarouselSettings } from '@fgb/portal-component-library/src/lib/shared/utilities';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport * as i4$2 from '@fgb/portal-component-library/src/lib/shared/loading';\nimport { LoadingModule } from '@fgb/portal-component-library/src/lib/shared/loading';\n\nclass AuctionWonListItemComponent {\n constructor(dateOption) {\n this.dateOption = dateOption;\n this.orientation = 'portrait';\n this.redeemed = false;\n this.showButton = true;\n }\n ngOnInit() { }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: AuctionWonListItemComponent, deps: [{ token: DATE_OPTIONS }], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"17.2.1\", type: AuctionWonListItemComponent, selector: \"fgbcl-auction-won-list-item\", inputs: { auctionItem: \"auctionItem\", orientation: \"orientation\", redeemed: \"redeemed\", showButton: \"showButton\" }, ngImport: i0, template: \"@if (!redeemed) {\\r\\n @if (orientation === 'portrait') {\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n }\\r\\n} @else {\\r\\n \\r\\n
\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ auctionItem?.Name }}
\\r\\n \\r\\n {{ 'fgbcl.auction.claimed' | translate }}\\r\\n {{ auctionItem?.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ item?.Name }}
\\r\\n\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.auction.claimed' | translate }}\\r\\n {{ auctionItem?.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n @if (!item?.RedeemDate) {\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n @if (!showButton) {\\r\\n \\r\\n } @else {\\r\\n \\r\\n }\\r\\n
\\r\\n @if (!showButton) {\\r\\n {{ 'marketplace.purchased.list.item.scan.text' | translate }}\\r\\n }\\r\\n \\r\\n {{ 'marketplace.purchased.list.item.claim.text' | translate }}\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n ![\\\"\\\"]()
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n }\\r\\n
\\r\\n {{ item.Name }}
\\r\\n\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.auction.claimed' | translate }}\\r\\n {{ auctionItem?.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n }\\r\\n} @else {\\r\\n \\r\\n
\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ auctionItem?.Name }}
\\r\\n \\r\\n {{ 'fgbcl.auction.claimed' | translate }}\\r\\n {{ auctionItem?.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ item?.Name }}
\\r\\n\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.auction.claimed' | translate }}\\r\\n {{ auctionItem?.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n @if (!item?.RedeemDate) {\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n @if (!showButton) {\\r\\n \\r\\n } @else {\\r\\n \\r\\n }\\r\\n
\\r\\n @if (!showButton) {\\r\\n {{ 'marketplace.purchased.list.item.scan.text' | translate }}\\r\\n }\\r\\n \\r\\n {{ 'marketplace.purchased.list.item.claim.text' | translate }}\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n ![\\\"\\\"]()
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n }\\r\\n
\\r\\n {{ item.Name }}
\\r\\n\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.auction.claimed' | translate }}\\r\\n {{ auctionItem?.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n 1 }\\\">\\r\\n x{{ item?.count }}\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n {{ item?.items[0].Name }}
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n }\\r\\n } @else {\\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ item.Name }}
\\r\\n \\r\\n {{ 'fgbcl.lotto.claimed' | translate }} {{ item?.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ item?.Name }}
\\r\\n\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.lotto.claimed' | translate }} {{ item?.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n ![\\\"\\\"]()
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n }\\r\\n
\\r\\n {{ item.Name }}
\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.lotto.claimed' | translate }} {{ item?.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n 1 }\\\">\\r\\n x{{ item?.count }}\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n {{ item?.items[0].Name }}
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n }\\r\\n } @else {\\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ item.Name }}
\\r\\n \\r\\n {{ 'fgbcl.lotto.claimed' | translate }} {{ item?.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ item?.Name }}
\\r\\n\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.lotto.claimed' | translate }} {{ item?.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n ![\\\"\\\"]()
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n }\\r\\n
\\r\\n {{ item.Name }}
\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.lotto.claimed' | translate }} {{ item?.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n 1 }\\\">\\r\\n x{{ item?.count }}\\r\\n
\\r\\n\\r\\n
\\r\\n {{ item?.items[0].Name }}
\\r\\n\\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item?.items[0].ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ item.Name }}
\\r\\n \\r\\n {{ 'fgbcl.wallet.claimed' | translate }} {{ item.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ item.Name }}
\\r\\n\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.wallet.claimed' | translate }} {{ item.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n @if (!showButton) {\\r\\n \\r\\n } @else {\\r\\n \\r\\n }\\r\\n
\\r\\n @if (!showButton) {\\r\\n {{ 'marketplace.purchased.list.item.scan.text' | translate }}\\r\\n }\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n } @else {\\r\\n \\r\\n {{ 'marketplace.purchased.list.item.claim.text' | translate }}\\r\\n
\\r\\n }\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'wallet.open.link' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ item.Code }}
\\r\\n {{ item.Code2 }}
\\r\\n @if (!showButton) {\\r\\n \\r\\n @if (item?.Code2) {\\r\\n {{ 'wallet.enter.codes.text' | translate }}\\r\\n } @else {\\r\\n {{ 'wallet.enter.code.text' | translate }}\\r\\n }\\r\\n \\r\\n }\\r\\n \\r\\n \\r\\n {{ 'download.rewards.item' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ attribute.DisplayName }}: \\r\\n @switch (attribute.DisplayType) {\\r\\n @case (attributeDisplayType.Date) {\\r\\n {{ attribute.DisplayValue | UtcToLocaltimePipe }}\\r\\n }\\r\\n @default {\\r\\n {{ attribute.DisplayValue }}\\r\\n }\\r\\n }\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n ![\\\"\\\"]()
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n }\\r\\n
\\r\\n {{ item.Name }}
\\r\\n\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.wallet.claimed' | translate }} {{ item.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n 1 }\\\">\\r\\n x{{ item?.count }}\\r\\n
\\r\\n\\r\\n
\\r\\n {{ item?.items[0].Name }}
\\r\\n\\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item?.items[0].ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ item.Name }}
\\r\\n \\r\\n {{ 'fgbcl.wallet.claimed' | translate }} {{ item.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ item.Name }}
\\r\\n\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.wallet.claimed' | translate }} {{ item.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n @if (!showButton) {\\r\\n \\r\\n } @else {\\r\\n \\r\\n }\\r\\n
\\r\\n @if (!showButton) {\\r\\n {{ 'marketplace.purchased.list.item.scan.text' | translate }}\\r\\n }\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n } @else {\\r\\n \\r\\n {{ 'marketplace.purchased.list.item.claim.text' | translate }}\\r\\n
\\r\\n }\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ 'wallet.open.link' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ item.Code }}
\\r\\n {{ item.Code2 }}
\\r\\n @if (!showButton) {\\r\\n \\r\\n @if (item?.Code2) {\\r\\n {{ 'wallet.enter.codes.text' | translate }}\\r\\n } @else {\\r\\n {{ 'wallet.enter.code.text' | translate }}\\r\\n }\\r\\n \\r\\n }\\r\\n \\r\\n \\r\\n {{ 'download.rewards.item' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ attribute.DisplayName }}: \\r\\n @switch (attribute.DisplayType) {\\r\\n @case (attributeDisplayType.Date) {\\r\\n {{ attribute.DisplayValue | UtcToLocaltimePipe }}\\r\\n }\\r\\n @default {\\r\\n {{ attribute.DisplayValue }}\\r\\n }\\r\\n }\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n ![\\\"\\\"]()
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n }\\r\\n
\\r\\n {{ item.Name }}
\\r\\n\\r\\n @if (item?.RedeemDate) {\\r\\n \\r\\n {{ 'fgbcl.wallet.claimed' | translate }} {{ item.RedeemDate | UtcToLocaltimePipe: dateOption.ShortDateFormat }}\\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n {{ 'fgbcl.wallet.expiry.date' | translate }}\\r\\n {{ item.ExpireDate | UtcToLocaltimePipe: dateOption.LongDateFormat }}\\r\\n
\\r\\n \\r\\n \\r\\n chevron_left\\r\\n {{ 'fgbcl.claimed.back.to.wallet' | translate }}\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n{{ 'auction.wallet.details.item.title' | translate }}
\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ purchasedItem.PointValue | FortressCurrencyPipe : 'PTS' }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.terms' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'wallet.no.items.found' | translate }}\\r\\n
\\r\\n\\r\\n \\r\\n chevron_left\\r\\n {{ 'fgbcl.claimed.back.to.wallet' | translate }}\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n{{ 'auction.wallet.details.item.title' | translate }}
\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ purchasedItem.PointValue | FortressCurrencyPipe : 'PTS' }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.terms' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'wallet.no.items.found' | translate }}\\r\\n
\\r\\n{{ 'rewards.wallet.redeem.title' | translate }}
\\r\\n{{ 'rewards.wallet.redeem.title' | translate }}
\\r\\n\\r\\n \\r\\n chevron_left\\r\\n {{ 'fgbcl.claimed.back.to.wallet' | translate }}\\r\\n \\r\\n\\r\\n \\r\\n @if (!purchasedItem?.RedeemDate) {\\r\\n \\r\\n }\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n @if (groupedItem?.count > 1) {\\r\\n \\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n \\r\\n
\\r\\n{{ 'lottos.wallet.details.item.title' | translate }}
\\r\\n\\r\\n\\r\\n \\r\\n @if (groupedItem?.count > 1 && !purchasedItem?.RedeemDate) {\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n {{ 'fgbcl.rewards.wallet.quantity' | translate }}
\\r\\n \\r\\n {{ groupedItem?.count }}\\r\\n
\\r\\n \\r\\n
\\r\\n } @else {\\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ totalPoints | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n \\r\\n
\\r\\n }\\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ purchasedItem?.PointValue | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.terms' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'wallet.no.items.found' | translate }}\\r\\n
\\r\\n\\r\\n \\r\\n chevron_left\\r\\n {{ 'fgbcl.claimed.back.to.wallet' | translate }}\\r\\n \\r\\n\\r\\n \\r\\n @if (!purchasedItem?.RedeemDate) {\\r\\n \\r\\n }\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n @if (groupedItem?.count > 1) {\\r\\n \\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n \\r\\n
\\r\\n{{ 'lottos.wallet.details.item.title' | translate }}
\\r\\n\\r\\n\\r\\n \\r\\n @if (groupedItem?.count > 1 && !purchasedItem?.RedeemDate) {\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n {{ 'fgbcl.rewards.wallet.quantity' | translate }}
\\r\\n \\r\\n {{ groupedItem?.count }}\\r\\n
\\r\\n \\r\\n
\\r\\n } @else {\\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ totalPoints | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n \\r\\n
\\r\\n }\\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ purchasedItem?.PointValue | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.terms' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'wallet.no.items.found' | translate }}\\r\\n
\\r\\n\\r\\n \\r\\n chevron_left\\r\\n {{ 'fgbcl.claimed.back.to.wallet' | translate }}\\r\\n \\r\\n\\r\\n \\r\\n @if (!purchasedItem?.RedeemDate) {\\r\\n \\r\\n }\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n @if (groupedItem?.count > 1) {\\r\\n \\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n\\r\\n \\r\\n @if (groupedItem?.count > 1 && !purchasedItem.RedeemDate) {\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n }\\r\\n
\\r\\n\\r\\n {{ 'marketplace.wallet.details.item.title' | translate }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n {{ customField.DisplayName }}
\\r\\n {{ customField.DisplayValue }}\\r\\n \\r\\n
\\r\\n {{ attribute.DisplayName }}
\\r\\n \\r\\n @switch (attribute.DisplayType) {\\r\\n @case (attributeDisplayType.Date) {\\r\\n {{ attribute.DisplayValue | UtcToLocaltimePipe }}\\r\\n }\\r\\n @default {\\r\\n {{ attribute.DisplayValue }}\\r\\n }\\r\\n }\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n {{ 'fgbcl.rewards.wallet.quantity' | translate }}
\\r\\n \\r\\n {{ groupedItem?.count }}\\r\\n
\\r\\n \\r\\n @if (!groupPoints?.ecash && !groupPoints?.merchantValue) {\\r\\n
\\r\\n } @else {\\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ groupPoints?.points | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n } @else if (groupPoints?.ecash > 0) {\\r\\n {{ 'marketplace.ecash.used' | translate }}
\\r\\n \\r\\n {{ groupPoints?.ecash / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n } @else if (groupPoints?.merchantValue > 0) {\\r\\n {{ 'marketplace.merchant.used' | translate }}
\\r\\n \\r\\n {{ groupPoints?.merchantValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n }\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ purchasedItem.PointValue | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'marketplace.ecash.used' | translate }}
\\r\\n \\r\\n {{ purchasedItem.EcashValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'marketplace.merchant.used' | translate }}
\\r\\n \\r\\n {{ purchasedItem.MerchantValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.terms' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'wallet.no.items.found' | translate }}\\r\\n
\\r\\n\\r\\n \\r\\n chevron_left\\r\\n {{ 'fgbcl.claimed.back.to.wallet' | translate }}\\r\\n \\r\\n\\r\\n \\r\\n @if (!purchasedItem?.RedeemDate) {\\r\\n \\r\\n }\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n @if (groupedItem?.count > 1) {\\r\\n \\r\\n
\\r\\n } @else {\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n }\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n\\r\\n \\r\\n @if (groupedItem?.count > 1 && !purchasedItem.RedeemDate) {\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n\\r\\n \\r\\n 0\\\">\\r\\n \\r\\n }\\r\\n
\\r\\n\\r\\n {{ 'marketplace.wallet.details.item.title' | translate }}
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n {{ customField.DisplayName }}
\\r\\n {{ customField.DisplayValue }}\\r\\n \\r\\n
\\r\\n {{ attribute.DisplayName }}
\\r\\n \\r\\n @switch (attribute.DisplayType) {\\r\\n @case (attributeDisplayType.Date) {\\r\\n {{ attribute.DisplayValue | UtcToLocaltimePipe }}\\r\\n }\\r\\n @default {\\r\\n {{ attribute.DisplayValue }}\\r\\n }\\r\\n }\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n {{ 'fgbcl.rewards.wallet.quantity' | translate }}
\\r\\n \\r\\n {{ groupedItem?.count }}\\r\\n
\\r\\n \\r\\n @if (!groupPoints?.ecash && !groupPoints?.merchantValue) {\\r\\n
\\r\\n } @else {\\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ groupPoints?.points | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n } @else if (groupPoints?.ecash > 0) {\\r\\n {{ 'marketplace.ecash.used' | translate }}
\\r\\n \\r\\n {{ groupPoints?.ecash / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n } @else if (groupPoints?.merchantValue > 0) {\\r\\n {{ 'marketplace.merchant.used' | translate }}
\\r\\n \\r\\n {{ groupPoints?.merchantValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n }\\r\\n \\r\\n
\\r\\n {{ 'fgbcl.rewards.wallet.points' | translate }}
\\r\\n \\r\\n {{ purchasedItem.PointValue | FortressCurrencyPipe: 'PTS' }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'marketplace.ecash.used' | translate }}
\\r\\n \\r\\n {{ purchasedItem.EcashValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n
\\r\\n {{ 'marketplace.merchant.used' | translate }}
\\r\\n \\r\\n {{ purchasedItem.MerchantValue / 100 | FortressCurrencyPipe }}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.description' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n {{ 'fgbcl.rewards.wallet.terms' | translate }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ 'wallet.no.items.found' | translate }}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\".back-button{flex:1}.loyalty-item-container-redeemed{margin-bottom:-1px}\\n\"], dependencies: [{ kind: \"directive\", type: i3.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i3.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: i2$1.NgbPagination, selector: \"ngb-pagination\", inputs: [\"disabled\", \"boundaryLinks\", \"directionLinks\", \"ellipses\", \"rotate\", \"collectionSize\", \"maxSize\", \"page\", \"pageSize\", \"size\"], outputs: [\"pageChange\"] }, { kind: \"directive\", type: i2.RouterLink, selector: \"[routerLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"state\", \"info\", \"relativeTo\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"routerLink\"] }, { kind: \"component\", type: i4$2.LoadingComponent, selector: \"fgbcl-loading\", inputs: [\"size\"] }, { kind: \"directive\", type: i5.DataSourceDirective, selector: \"[fgbDataSource]\", inputs: [\"dataSource\", \"sortOptions\", \"page\", \"pageSize\"], outputs: [\"dataSourceChange\", \"paginationChange\"] }, { kind: \"component\", type: RewardsWalletRedeemedListItemComponent, selector: \"fgbcl-rewards-wallet-redeemed-list-item\", inputs: [\"item\", \"auctionItem\", \"ignoreLink\"] }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: RewardsWalletRedeemedListComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-rewards-wallet-redeemed-list', template: \"\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n 1\\\">\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\".back-button{flex:1}.loyalty-item-container-redeemed{margin-bottom:-1px}\\n\"] }]\n }], ctorParameters: () => [], propDecorators: { onlyRedeemed: [{\n type: Input\n }], take: [{\n type: Input\n }], pageSize: [{\n type: Input\n }], pageNumber: [{\n type: Input\n }], redeemedItems: [{\n type: Input\n }], marketplaceWalletUrl: [{\n type: Input\n }], auctionWalletUrl: [{\n type: Input\n }], lottoWalletUrl: [{\n type: Input\n }] } });\n\nclass WalletModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: WalletModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: WalletModule, declarations: [AuctionWonListItemComponent,\n AuctionWalletDetailsComponent,\n LottosWonListItemComponent,\n LottosWalletDetailsComponent,\n MarketplacePurchasedListItemComponent,\n MarketplaceWalletDetailsComponent,\n RewardsWalletRedeemListComponent,\n RewardsWalletRedeemListItemComponent,\n RewardsWalletRedeemedListComponent,\n RewardsWalletRedeemedListItemComponent], imports: [CommonModule,\n PipesModule,\n ShortLongDescriptionModule,\n NgbModule,\n ErrorsModule,\n RouterModule,\n LoadingModule,\n DirectivesModule,\n QRCodeModule,\n CarouselModule,\n FGBSharedModule,\n DataSourceDirective], exports: [RewardsWalletRedeemListComponent,\n RewardsWalletRedeemedListComponent,\n LottosWalletDetailsComponent,\n AuctionWalletDetailsComponent,\n MarketplaceWalletDetailsComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: WalletModule, imports: [CommonModule,\n PipesModule,\n ShortLongDescriptionModule,\n NgbModule,\n ErrorsModule,\n RouterModule,\n LoadingModule,\n DirectivesModule,\n QRCodeModule,\n CarouselModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: WalletModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [\n AuctionWonListItemComponent,\n AuctionWalletDetailsComponent,\n LottosWonListItemComponent,\n LottosWalletDetailsComponent,\n MarketplacePurchasedListItemComponent,\n MarketplaceWalletDetailsComponent,\n RewardsWalletRedeemListComponent,\n RewardsWalletRedeemListItemComponent,\n RewardsWalletRedeemedListComponent,\n RewardsWalletRedeemedListItemComponent,\n ],\n imports: [\n CommonModule,\n PipesModule,\n ShortLongDescriptionModule,\n NgbModule,\n ErrorsModule,\n RouterModule,\n LoadingModule,\n DirectivesModule,\n QRCodeModule,\n CarouselModule,\n FGBSharedModule,\n DataSourceDirective\n ],\n exports: [\n RewardsWalletRedeemListComponent,\n RewardsWalletRedeemedListComponent,\n LottosWalletDetailsComponent,\n AuctionWalletDetailsComponent,\n MarketplaceWalletDetailsComponent,\n ],\n }]\n }] });\n\nclass WalletTextWithBadgeComponent {\n constructor() {\n this.hasUnredeemedItems = computed(() => this.count() > 0);\n this.countDisplayText = computed(() => {\n if (this.count() > 99) {\n return '99+';\n }\n else {\n return this.count().toString();\n }\n });\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: WalletTextWithBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"17.2.1\", type: WalletTextWithBadgeComponent, isStandalone: true, selector: \"fgbcl-wallet-text-with-badge\", inputs: { count: \"count\" }, ngImport: i0, template: \"\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n 1\\\">\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n{{ 'rewards.wallet.no.items' | translate }}
\r\n\r\n
\r\n \r\n {{ 'rewards.wallet.no.items.description' | translate }}\r\n
\r\n \r\n
\r\n","/**\r\n * Options available for the fgb-sort-bar component. \r\n */\r\n export type SortBarOption = {\r\n /** Property of the object that should be sorted */\r\n propertyToSort: string,\r\n /** Sorting order: SortOrder.Ascending or SortOrder.Descending. If toggleState is true, default order. */\r\n order: SortOrder,\r\n /** Enables toggle between Ascending and Descending on the same button.*/\r\n shouldToggle: boolean,\r\n /** Label displayed to sort in ascending order */\r\n labelASC?: string,\r\n /** Label displayed to sort in descending order */\r\n labelDESC?: string\r\n}\r\n\r\nexport enum SortOrder {\r\n Ascending = 1,\r\n Descending = -1,\r\n}\r\n","\r\n
\r\n\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { MarketplaceItemExtended, MarketplaceItemStatus } from '@fgb/core';\r\nimport { IconSetting } from 'src/app/shared/utilities/icon-setting';\r\n\r\n@Component({\r\n selector: 'fgb-marketplace-list-item',\r\n templateUrl: './marketplace-list-item.component.html',\r\n styleUrls: ['./marketplace-list-item.component.scss'],\r\n})\r\nexport class MarketplaceListItemComponent implements OnInit {\r\n @Input() marketplaceItem: MarketplaceItemExtended;\r\n @Input() ignoreLink: boolean = false;\r\n theme: string;\r\n googleIcons = IconSetting.googleIcon;\r\n statusText: string;\r\n\r\n constructor() {}\r\n\r\n ngOnInit() {\r\n this._updateTheme();\r\n this._updateStatusText();\r\n }\r\n\r\n private _updateStatusText() {\r\n switch (this.marketplaceItem.Status) {\r\n case MarketplaceItemStatus.SoldOut:\r\n this.statusText = 'marketplace.redeem.sold.out';\r\n break;\r\n case MarketplaceItemStatus.NotEnoughPoints:\r\n this.statusText = 'marketplace.redeem.not.enough.points';\r\n break;\r\n case MarketplaceItemStatus.ComingSoon:\r\n this.statusText = 'marketplace.redeem.coming.soon';\r\n break;\r\n case MarketplaceItemStatus.MemberLimitReached:\r\n this.statusText = 'marketplace.redeem.member.limit';\r\n break;\r\n case MarketplaceItemStatus.AllInBasket:\r\n this.statusText = 'marketplace.redeem.all.in.basket';\r\n default:\r\n if (this.marketplaceItem.theme === 'mp-event' || this.marketplaceItem.theme === 'mp-virtual-event') {\r\n this.statusText = 'marketplace.redeem.event';\r\n } else if (this.marketplaceItem.theme === 'mp-product') {\r\n this.statusText = 'marketplace.redeem.product';\r\n } else {\r\n this.statusText = 'marketplace.redeem.marketplace';\r\n }\r\n }\r\n }\r\n\r\n private _updateTheme() {\r\n if (this.marketplaceItem.Status === MarketplaceItemStatus.Available) {\r\n this.theme = this.marketplaceItem.theme;\r\n } else {\r\n this.theme = 'disabled';\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
\r\n shopping_bag
\r\n \r\n {{ 'marketplace.placeholder.title' | translate }}\r\n
\r\n {{ 'marketplace.placeholder.description' | translate }}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n local_activity
\r\n \r\n {{ 'events.placeholder.title' | translate }}\r\n
\r\n {{ 'events.placeholder.description' | translate }}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n local_atm
\r\n \r\n {{ 'products.placeholder.title' | translate }}\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","import { Component, DestroyRef, inject, OnInit } from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { ContactService, MemberQuery, ModelDisplay, ModelMetaData, PropertyTypeCode } from '@fgb/core';\r\nimport { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\nimport { ModelFormHelperService } from '@fgb/portal-component-library/src/lib/shared/forms/model-meta-data-form';\r\n\r\n@Component({\r\n selector: 'fgb-rewards-shipping-page',\r\n templateUrl: './rewards-shipping-page.component.html',\r\n styleUrls: ['./rewards-shipping-page.component.scss'],\r\n})\r\nexport class RewardsShippingPageComponent implements OnInit {\r\n screenType = ScreenType;\r\n models: ModelMetaData[] = [\r\n {\r\n DisplayStatus: ModelDisplay.Half,\r\n IsRequired: true,\r\n Ordinal: 0,\r\n PropertyName: 'FirstName',\r\n PropertyTypeCode: PropertyTypeCode.String,\r\n Validate: true,\r\n ValidateExpression: \"^[a-zA-Z ,.'-]+$\"\r\n },\r\n \r\n {\r\n DisplayStatus: ModelDisplay.Half,\r\n IsRequired: true,\r\n Ordinal: 1,\r\n PropertyName: 'Surname',\r\n PropertyTypeCode: PropertyTypeCode.String,\r\n Validate: true,\r\n ValidateExpression: \"^[a-zA-Z ,.'-]+$\"\r\n },\r\n {\r\n DisplayStatus: ModelDisplay.Half,\r\n IsRequired: true,\r\n Ordinal: 2,\r\n PropertyName: 'Street',\r\n PropertyTypeCode: PropertyTypeCode.String,\r\n Validate: true,\r\n ValidateExpression: \"[A-Za-zÀ-ÖØ-öø-ÿ0-9.,'-()\\\\s]+\"\r\n },\r\n {\r\n DisplayStatus: ModelDisplay.Half,\r\n IsRequired: true,\r\n Ordinal: 3,\r\n PropertyName: 'Town',\r\n PropertyTypeCode: PropertyTypeCode.String,\r\n Validate: true,\r\n ValidateExpression: \"^[A-Za-zÀ-ÖØ-öø-ÿ]+(?:[\\\\s-][A-Za-zÀ-ÖØ-öø-ÿ]+)*$\"\r\n },\r\n {\r\n DisplayStatus: ModelDisplay.Half,\r\n IsRequired: true,\r\n Ordinal: 4,\r\n PropertyName: 'Country',\r\n PropertyTypeCode: PropertyTypeCode.Country,\r\n Validate: false,\r\n ValidateExpression: null\r\n },\r\n {\r\n DisplayStatus: ModelDisplay.Half,\r\n IsRequired: true,\r\n Ordinal: 5,\r\n PropertyName: 'County',\r\n PropertyTypeCode: PropertyTypeCode.Region,\r\n Validate: false,\r\n ValidateExpression: null\r\n },\r\n {\r\n DisplayStatus: ModelDisplay.Half,\r\n IsRequired: true,\r\n Ordinal: 6,\r\n PropertyName: 'PostCode',\r\n PropertyTypeCode: PropertyTypeCode.PostCode,\r\n Validate: true,\r\n ValidateExpression: \"^[A-Za-z0-9\\\\s-]{3,10}$\"\r\n },\r\n {\r\n DisplayStatus: ModelDisplay.Half,\r\n IsRequired: true,\r\n Ordinal: 7,\r\n PropertyName: 'HomeNumber',\r\n PropertyTypeCode: PropertyTypeCode.String,\r\n Validate: false,\r\n ValidateExpression: null\r\n },\r\n {\r\n DisplayStatus: ModelDisplay.Half,\r\n IsRequired: true,\r\n Ordinal: 8,\r\n PropertyName: 'PaymentMethod',\r\n PropertyTypeCode: PropertyTypeCode.Option,\r\n Validate: false,\r\n ValidateExpression: null,\r\n Options: [\r\n { label: 'rewards.shipping.payment.method.default', value: 'default' },\r\n { label: 'rewards.shipping.payment.method.contact.me', value: 'contactme' }\r\n ]\r\n }\r\n ];\r\n shippingForm: FormGroup;\r\n isSuccess = false;\r\n isError = false;\r\n private destoryRef = inject(DestroyRef);\r\n\r\n constructor(private modelForm: ModelFormHelperService, private memberQuery: MemberQuery, private contactService: ContactService) {}\r\n\r\n ngOnInit() {\r\n this.memberQuery.selectMemberDetails()\r\n .pipe(takeUntilDestroyed(this.destoryRef))\r\n .subscribe(memberDetails => {\r\n this.shippingForm = this.modelForm.buildForm(this.models, memberDetails);\r\n });\r\n }\r\n\r\n submit(): void{\r\n this.isSuccess, this.isError = false;\r\n this.shippingForm.markAllAsTouched();\r\n\r\n if( this.shippingForm.valid){\r\n const message = { \r\n category: 'shipping form',\r\n message: JSON.stringify(this.shippingForm.value)\r\n };\r\n this.contactService.sendMessage(message)\r\n .then(() => {\r\n this.isSuccess = true;\r\n }).catch(() => {\r\n this.isError = 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{{ 'reward.shipping.page.form.title' | translate }}
\r\n\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n call\r\n {{ member.MobileNumber }}\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 location_on\r\n \r\n
\r\n {{ member.AddressName }}
\r\n {{ member.State }}
\r\n {{ member.Country }}
\r\n {{ member.Town }}
\r\n {{ member.PostCode }}
\r\n \r\n \r\n
\r\n\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { MemberQuery } from '@fgb/core';\r\nimport { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\nimport { Observable } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'fgb-account-details-page',\r\n templateUrl: './account-details-page.component.html',\r\n styleUrls: ['./account-details-page.component.scss'],\r\n})\r\nexport class AccountDetailsPageComponent implements OnInit {\r\n screenType = ScreenType;\r\n name$: Observable\r\n
\r\n\r\n
\r\n {{ 'account.member.card.title' | translate }}
\r\n\r\n
\r\n {{ 'account.details.title' | translate }}
\r\n\\r\\n
\\r\\n From date
\\r\\n \\r\\n \\r\\n today\\r\\n \\r\\n
\\r\\n \\r\\n multiple_stop\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\", styles: [\"@media only screen and (min-width: 992px){.input-group{width:192px}}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i3.DefaultValueAccessor, selector: \"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]\" }, { kind: \"directive\", type: i3.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i3.NgModel, selector: \"[ngModel]:not([formControlName]):not([formControl])\", inputs: [\"name\", \"disabled\", \"ngModel\", \"ngModelOptions\"], outputs: [\"ngModelChange\"], exportAs: [\"ngModel\"] }, { kind: \"directive\", type: i1.NgbInputDatepicker, selector: \"input[ngbDatepicker]\", inputs: [\"autoClose\", \"contentTemplate\", \"datepickerClass\", \"dayTemplate\", \"dayTemplateData\", \"displayMonths\", \"firstDayOfWeek\", \"footerTemplate\", \"markDisabled\", \"minDate\", \"maxDate\", \"navigation\", \"outsideDays\", \"placement\", \"popperOptions\", \"restoreFocus\", \"showWeekNumbers\", \"startDate\", \"container\", \"positionTarget\", \"weekdays\", \"disabled\"], outputs: [\"dateSelect\", \"navigate\", \"closed\"], exportAs: [\"ngbDatepicker\"] }, { kind: \"pipe\", type: i4.TranslatePipe, name: \"translate\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: DateRangePickerComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-date-range-picker', providers: [NgbDateNativeAdapter], template: \"To date
\\r\\n \\r\\n \\r\\n event\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n From date
\\r\\n \\r\\n \\r\\n today\\r\\n \\r\\n
\\r\\n \\r\\n multiple_stop\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\", styles: [\"@media only screen and (min-width: 992px){.input-group{width:192px}}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.NgbDateNativeAdapter }], propDecorators: { minDate: [{\n type: Input\n }], startDate: [{\n type: Input\n }], startDateChange: [{\n type: Output\n }], endDate: [{\n type: Input\n }], endDateChange: [{\n type: Output\n }] } });\n\nclass DateRangePickerModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: DateRangePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: DateRangePickerModule, declarations: [DateRangePickerComponent], imports: [CommonModule,\n FormsModule,\n NgbModule,\n FGBSharedModule], exports: [DateRangePickerComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: DateRangePickerModule, imports: [CommonModule,\n FormsModule,\n NgbModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: DateRangePickerModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [DateRangePickerComponent],\n imports: [\n CommonModule,\n FormsModule,\n NgbModule,\n FGBSharedModule\n ],\n exports: [DateRangePickerComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { DateRangePickerComponent, DateRangePickerModule };\n","To date
\\r\\n \\r\\n \\r\\n event\\r\\n \\r\\n
\\r\\n \r\n
\r\n \r\n {{ day.key }}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{ transaction.TransactionDescription }}\r\n
\r\n\r\n \r\n {{ transaction.TransactionDateUTC | UtcToLocaltimePipe : 'hh:mm a' | uppercase }}\r\n
\r\n \r\n = 0 ? 'text-success' : 'text-danger'\"\r\n >\r\n {{ transaction.Amount >= 0 ? '+' : ''\r\n }}{{ transaction.Amount | FortressCurrencyPipe : (transactionType === transactionTypes.loyalty ? 'PTS' : 'USD') }}\r\n
\r\n \r\n
\r\n {{ 'no.results.activity.description' | translate }}
\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
\r\nhistory
\r\n \r\n {{ 'account.nav.activity' | translate }}\r\n
\r\n{{ 'no.activity.placeholder.description' | translate }}
\r\n\r\n
\r\n\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { TransactionType } from '@fgb/core';\r\nimport { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\n\r\n@Component({\r\n selector: 'fgb-activity-page',\r\n templateUrl: './activity-page.component.html',\r\n styleUrls: ['./activity-page.component.scss']\r\n})\r\nexport class ActivityPageComponent implements OnInit {\r\n screenType = ScreenType;\r\n constructor() {}\r\n transactionTypes = TransactionType;\r\n ngOnInit() {}\r\n}\r\n","/** A list of helpful regular expressions to keep validation consistent throughout the site. */\r\nexport class Regex {\r\n /** Validates an email address. */\r\n static email = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n\r\n /** Validates a post code. */\r\n static postCode = /^\\d{5}$/;\r\n\r\n /** Validates a gender input field. */\r\n static gender = /^(M|F|O)$/;\r\n\r\n /** Validates a number input field */\r\n static number = /^\\d+$/;\r\n\r\n /** Validates currency for transfers */\r\n static currency = /^[0-9]+(\\.[0-9]{1,2})?$/;\r\n}\r\n","\r\n
\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport {\r\n Address,\r\n MemberProduct,\r\n PortalProductsService,\r\n ChildQuery,\r\n PaymentService,\r\n AddressType,\r\n AddressQuery,\r\n MemberQuery,\r\n MemberDetails,\r\n LoggingService,\r\n PortalProduct,\r\n PortalProductsQuery,\r\n ErrorStateService,\r\n GiftCodeModel,\r\n GiftCodeType,\r\n GiftCodeEntitlementValueType,\r\n GiftCodeService,\r\n ProviderActionKind,\r\n ChildService,\r\n AddressService,\r\n} from '@fgb/core';\r\nimport { FormGroup, FormBuilder, Validators } from '@angular/forms';\r\nimport { tap, take } from 'rxjs/operators';\r\nimport { Regex } from 'src/app/shared/utilities/regex';\r\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\n\r\ninterface ChildUpgrade {\r\n ID: number;\r\n MemberId: string;\r\n FirstName: string;\r\n LastName: string;\r\n DateOfBirth: Date | string;\r\n Product: PortalProduct;\r\n}\r\n\r\nclass PortalProductWithDescription {\r\n PortalProduct: PortalProduct;\r\n ShowDescription: boolean;\r\n constructor(product: PortalProduct, show: boolean) {\r\n this.PortalProduct = product;\r\n this.ShowDescription = show;\r\n }\r\n}\r\n\r\n@Component({\r\n selector: 'fgb-upgrade-children',\r\n templateUrl: './upgrade-children.component.html',\r\n styleUrls: ['./upgrade-children.component.scss'],\r\n})\r\nexport class UpgradeChildrenComponent implements OnInit {\r\n editingBillingAddress: boolean = false;\r\n editingShippingAddress: boolean = false;\r\n portalProducts: PortalProductWithDescription[] = [];\r\n childUpgrades: ChildUpgrade[] = [];\r\n appliedGiftCodes: GiftCodeModel[] = [];\r\n giftCodeInput: string;\r\n submitted: boolean;\r\n orderCreated: boolean;\r\n orderCompleted: boolean = false;\r\n loadingPaymentForm: boolean;\r\n addresses: Address[] = [];\r\n currentUser: MemberDetails;\r\n billingAddress: Address;\r\n billingAddressForm: FormGroup;\r\n currentStep: number = 0;\r\n hasSubmittedBillingAddress: boolean = false;\r\n hasSubmittedShippingAddress: boolean = false;\r\n shippingAddress: Address;\r\n shippingAddressForm: FormGroup;\r\n totalAmount: number = 0;\r\n originalAmount: number = 0;\r\n totalShipping: number = 0;\r\n totalTax: number = 0;\r\n totalBasketAmount: number = 0;\r\n totalNumberOfChildren: number;\r\n\r\n constructor(\r\n private portalProductService: PortalProductsService,\r\n private childQuery: ChildQuery,\r\n private giftCodeService: GiftCodeService,\r\n private paymentService: PaymentService,\r\n private memberQuery: MemberQuery,\r\n private childService: ChildService,\r\n private addressQuery: AddressQuery,\r\n private addressService: AddressService,\r\n private logService: LoggingService,\r\n private formBuilder: FormBuilder,\r\n private modalService: NgbModal,\r\n private portalProductQuery: PortalProductsQuery,\r\n private errorService: ErrorStateService\r\n ) {}\r\n\r\n ngOnInit() {\r\n this.addressQuery\r\n .selectAddresses([AddressType.DefaultAddress])\r\n .subscribe((addresses) => {\r\n this.addresses = addresses;\r\n this.memberQuery\r\n .selectMemberDetails()\r\n .subscribe((md) => {\r\n if (md) {\r\n this.currentUser = md;\r\n this.billingAddress = this._getDefaultBillingAddress();\r\n this.billingAddressForm = this.formBuilder.group({\r\n FirstName: [this.billingAddress.FirstName, Validators.required],\r\n Surname: [this.billingAddress.Surname, Validators.required],\r\n Street: [this.billingAddress.Street, Validators.required],\r\n Town: [this.billingAddress.Town, Validators.required],\r\n County: [this.billingAddress.County, Validators.required],\r\n Postcode: [this.billingAddress.Postcode, [Validators.required]],\r\n Country: [this.billingAddress.Country, Validators.required],\r\n HomeNumber: [this.billingAddress.HomeNumber, [Validators.required, Validators.pattern(Regex.number)]],\r\n PortalId: [this.currentUser.PortalId],\r\n });\r\n\r\n this.shippingAddress = this._getDefaultShippingAddress();\r\n this.shippingAddressForm = this.formBuilder.group({\r\n FirstName: [this.shippingAddress.FirstName, Validators.required],\r\n Surname: [this.shippingAddress.Surname, Validators.required],\r\n Street: [this.shippingAddress.Street, Validators.required],\r\n Town: [this.shippingAddress.Town, Validators.required],\r\n County: [this.shippingAddress.County, Validators.required],\r\n Postcode: [this.shippingAddress.Postcode, [Validators.required]],\r\n Country: [this.shippingAddress.Country, Validators.required],\r\n HomeNumber: [this.shippingAddress.HomeNumber, [Validators.required, Validators.pattern(Regex.number)]],\r\n PortalId: [this.currentUser.PortalId],\r\n });\r\n }\r\n })\r\n .unsubscribe();\r\n })\r\n .unsubscribe();\r\n\r\n this.portalProductService\r\n .fetchPortalProducts()\r\n .pipe(take(1))\r\n .subscribe(() => {\r\n let portalProducts = this.portalProductQuery.getAll() as PortalProduct[];\r\n\r\n // get only portalProducts that are paid for\r\n portalProducts = portalProducts.filter(\r\n (pp) => pp.MerchantPrice > 0 && !pp.DisplayName.includes('Rookie') && pp.ProductType === 4\r\n );\r\n portalProducts.forEach((pp) => {\r\n this.portalProducts.push(new PortalProductWithDescription(pp, false));\r\n });\r\n\r\n if (!this.portalProducts || this.portalProducts.length === 0) {\r\n this.errorService.addError('No portal products');\r\n return;\r\n }\r\n\r\n let defaultProduct = this.portalProducts[0];\r\n\r\n this.childQuery\r\n .selectFree()\r\n .pipe(\r\n tap((fc) => {\r\n fc.forEach((c) => {\r\n if (c.AccountPaymentState === 0) {\r\n let childUpgrade: ChildUpgrade = {\r\n ID: c.Id,\r\n MemberId: c.MemberId,\r\n FirstName: c.Firstname,\r\n LastName: c.Lastname,\r\n DateOfBirth: c.DateOfBirth,\r\n Product: defaultProduct.PortalProduct,\r\n };\r\n this.childUpgrades.push(childUpgrade);\r\n }\r\n });\r\n })\r\n )\r\n .toPromise();\r\n\r\n this.calculateTotalAmount();\r\n });\r\n\r\n this.addressQuery\r\n .selectAddresses([AddressType.DefaultAddress])\r\n .subscribe((addresses) => {\r\n this.addresses = addresses;\r\n this.memberQuery\r\n .selectMemberDetails()\r\n .subscribe((md) => {\r\n if (md) {\r\n this.currentUser = md;\r\n this.billingAddress = this._getDefaultBillingAddress();\r\n this.shippingAddress = this._getDefaultShippingAddress();\r\n }\r\n })\r\n .unsubscribe();\r\n })\r\n .unsubscribe();\r\n }\r\n\r\n showNext(step: number) {\r\n this.currentStep = step;\r\n\r\n if (this.currentStep === 1) {\r\n let paidUpgrades = this.childUpgrades.filter((x) => x.Product.ProductId.toString() !== '0');\r\n if (!paidUpgrades || paidUpgrades.length === 0) {\r\n this.submitted = true;\r\n }\r\n } else if (this.currentStep === 2) {\r\n let messageToApper = '';\r\n\r\n if (this.billingAddress.Street === '') {\r\n messageToApper += 'Billing Address - Please enter valid Street information \\r\\n';\r\n }\r\n if (this.billingAddress.Town === '') {\r\n messageToApper += 'Billing Address - Please enter valid City information \\r\\n';\r\n }\r\n if (this.billingAddress.County === '') {\r\n messageToApper += 'Billing Address - Please enter valid State information \\r\\n';\r\n }\r\n if (this.billingAddress.Postcode === '') {\r\n messageToApper += 'Billing Address - Please enter valid Zip Code information \\r\\n';\r\n }\r\n if (this.billingAddress.Country === '') {\r\n messageToApper += 'Billing Address - Please enter valid Country information \\r\\n';\r\n }\r\n\r\n if (this.billingAddress.HomeNumber === '') {\r\n messageToApper += 'Billing Address - Please enter valid Phone Number information \\r\\n';\r\n }\r\n\r\n if (this.shippingAddress.Street === '') {\r\n messageToApper += 'Shipping Address - Please enter valid Street information \\r\\n';\r\n }\r\n if (this.shippingAddress.Town === '') {\r\n messageToApper += 'Shipping Address - Please enter valid City information \\r\\n';\r\n }\r\n if (this.shippingAddress.County === '') {\r\n messageToApper += 'Shipping Address - Please enter valid State information \\r\\n';\r\n }\r\n if (this.shippingAddress.Postcode === '') {\r\n messageToApper += 'Shipping Address - Please enter valid Zip Code information \\r\\n';\r\n }\r\n if (this.shippingAddress.Country === '') {\r\n messageToApper += 'Shipping Address - Please enter valid Country information \\r\\n';\r\n }\r\n\r\n if (this.shippingAddress.HomeNumber === '') {\r\n messageToApper += 'Shipping Address - Please enter valid Phone Number information \\r\\n';\r\n }\r\n\r\n if (messageToApper !== '') {\r\n alert(messageToApper);\r\n this.currentStep = 1;\r\n return;\r\n }\r\n\r\n this.processPayment();\r\n }\r\n }\r\n\r\n CloseModel() {\r\n this.modalService.dismissAll();\r\n }\r\n\r\n showPrevious(step: number) {\r\n if (step == 1) {\r\n this.calculateTotalAmount();\r\n if (this.appliedGiftCodes.length > 0) {\r\n this.appliedGiftCodes.forEach((x) => {\r\n this._calculateGiftCodeDeduction(x);\r\n });\r\n }\r\n }\r\n this.currentStep = step;\r\n }\r\n\r\n setAddress(address: Address) {\r\n this.loadingPaymentForm = true;\r\n }\r\n\r\n processPayment() {\r\n this.loadingPaymentForm = true;\r\n let memberProducts: MemberProduct[] = this.childUpgrades\r\n .filter((item) => item.Product.ProductId > 0)\r\n .map((item) => {\r\n return { MemberId: item.MemberId, ProductId: item.Product.ProductId, MerchantPrice: item.Product.MerchantPrice };\r\n });\r\n this.portalProductService\r\n .purchase(memberProducts, this.billingAddress, this.appliedGiftCodes)\r\n .toPromise()\r\n .then((response) => {\r\n if (!response) {\r\n return;\r\n }\r\n this.loadingPaymentForm = false;\r\n this.orderCreated = true;\r\n this.totalBasketAmount = response.Amount;\r\n if (response.ProviderActionInformation.ActionKind == ProviderActionKind.None) {\r\n this.orderCompleted = true;\r\n this.currentStep++;\r\n this.childService.fetchChildren();\r\n } else {\r\n this.paymentService.process(response, 'paymentForm', 'portalproducts/failure');\r\n }\r\n });\r\n }\r\n\r\n async updateBillingAddress() {\r\n this.hasSubmittedBillingAddress = true;\r\n\r\n if (this.billingAddressForm.valid) {\r\n this.billingAddress = { ...this.billingAddress, ...this.billingAddressForm.value };\r\n\r\n this.editingBillingAddress = false;\r\n\r\n this.addressService.saveAddress(this.billingAddress);\r\n }\r\n }\r\n\r\n async updateShippingAddress() {\r\n this.hasSubmittedShippingAddress = true;\r\n\r\n if (this.shippingAddressForm.valid) {\r\n this.shippingAddress = { ...this.shippingAddress, ...this.shippingAddressForm.value };\r\n this.editingShippingAddress = false;\r\n this.addressService.saveAddress(this.shippingAddress);\r\n }\r\n }\r\n\r\n /** Clear the billing address form fields. */\r\n clearAddressForm(addressForm: FormGroup) {\r\n addressForm.patchValue({\r\n Street: '',\r\n Town: '',\r\n County: '',\r\n Postcode: '',\r\n Country: '',\r\n HomeNumber: '',\r\n });\r\n }\r\n\r\n /** Start editing the user's billing address. */\r\n editBillingAddress() {\r\n this.editingBillingAddress = true;\r\n this.logService.debug('Opening billing address form with initial value', this.billingAddress);\r\n this.billingAddressForm = this.formBuilder.group({\r\n FirstName: [this.billingAddress.FirstName, Validators.required],\r\n Surname: [this.billingAddress.Surname, Validators.required],\r\n Street: [this.billingAddress.Street, Validators.required],\r\n Town: [this.billingAddress.Town, Validators.required],\r\n County: [this.billingAddress.County, Validators.required],\r\n Postcode: [this.billingAddress.Postcode, [Validators.required]],\r\n Country: [this.billingAddress.Country, Validators.required],\r\n HomeNumber: [this.billingAddress.HomeNumber, [Validators.required, Validators.pattern(Regex.number)]],\r\n PortalId: [this.currentUser.PortalId],\r\n });\r\n }\r\n\r\n /** Start editing the user's shipping address. */\r\n editShippingAddress() {\r\n this.editingShippingAddress = true;\r\n this.logService.debug('Opening shipping address form with initial value', this.editingShippingAddress);\r\n this.shippingAddressForm = this.formBuilder.group({\r\n FirstName: [this.shippingAddress.FirstName, Validators.required],\r\n Surname: [this.shippingAddress.Surname, Validators.required],\r\n Street: [this.shippingAddress.Street, Validators.required],\r\n Town: [this.shippingAddress.Town, Validators.required],\r\n County: [this.shippingAddress.County, Validators.required],\r\n Postcode: [this.shippingAddress.Postcode, [Validators.required]],\r\n Country: [this.shippingAddress.Country, Validators.required],\r\n HomeNumber: [this.shippingAddress.HomeNumber, [Validators.required, Validators.pattern(Regex.number)]],\r\n PortalId: [this.currentUser.PortalId],\r\n });\r\n }\r\n\r\n childProductChange(child: ChildUpgrade, productId: number) {\r\n let selectedProduct = this.portalProducts.find((pp) => pp.PortalProduct.ProductId === +productId);\r\n if (child && selectedProduct) {\r\n child.Product = selectedProduct.PortalProduct;\r\n } else if (child && !selectedProduct) {\r\n child.Product = { ProductId: 0 } as PortalProduct;\r\n }\r\n\r\n this.calculateTotalAmount();\r\n }\r\n\r\n calculateTotalAmount() {\r\n this.totalAmount = this.childUpgrades.reduce((tot, cu) => {\r\n if (cu.Product.ProductId > 0) {\r\n return tot + cu.Product.MerchantPrice;\r\n }\r\n return tot;\r\n }, 0);\r\n this.originalAmount = this.totalAmount;\r\n\r\n let memberProducts: MemberProduct[] = this.childUpgrades\r\n .filter((item) => item.Product.ProductId > 0)\r\n .map((item) => {\r\n return { MemberId: item.MemberId, ProductId: item.Product.ProductId, MerchantPrice: item.Product.MerchantPrice };\r\n });\r\n\r\n this.portalProductService\r\n .calculateAdditionalCharges(memberProducts)\r\n .pipe(\r\n tap((charges) => {\r\n this.totalTax = charges.TotalTax;\r\n this.totalShipping = charges.TotalShipping;\r\n })\r\n )\r\n .toPromise();\r\n }\r\n\r\n /** Gets the user's address from the personal details step data. */\r\n private _getDefaultBillingAddress(): Address {\r\n if (this.addresses) {\r\n let billingAddress1 = this.addresses.filter((a) => a.AddressType === AddressType.BillingAddress1)[0] as Address;\r\n if (billingAddress1) {\r\n return billingAddress1;\r\n }\r\n\r\n let billingAddress2 = this.addresses.filter((a) => a.AddressType === AddressType.BillingAddress2)[0] as Address;\r\n if (billingAddress2) {\r\n return billingAddress2;\r\n }\r\n }\r\n return {\r\n AddressName: 'Billing Address',\r\n FirstName: this.currentUser.FirstName,\r\n Surname: this.currentUser.Surname,\r\n Street: this.currentUser.Street,\r\n Town: this.currentUser.Town,\r\n County: this.currentUser.County,\r\n Postcode: this.currentUser.PostCode,\r\n Country: this.currentUser.Country,\r\n HomeNumber: this.currentUser.HomeNumber,\r\n EmailAddress: this.currentUser.EmailAddress1,\r\n PortalId: this.currentUser.PortalId,\r\n ClubId: this.currentUser.ClubId,\r\n } as Address;\r\n }\r\n\r\n private _getDefaultShippingAddress(): Address {\r\n if (this.addresses) {\r\n let shippingAddress1 = this.addresses.filter((a) => a.AddressType === AddressType.ShippingAddress1)[0] as Address;\r\n if (shippingAddress1) {\r\n return shippingAddress1;\r\n }\r\n\r\n let shippingAddress2 = this.addresses.filter((a) => a.AddressType === AddressType.ShippingAddress2)[0] as Address;\r\n if (shippingAddress2) {\r\n return shippingAddress2;\r\n }\r\n }\r\n\r\n if (this.currentUser) {\r\n return {\r\n AddressName: 'Shipping Address',\r\n FirstName: this.currentUser.FirstName,\r\n Surname: this.currentUser.Surname,\r\n Street: this.currentUser.Street,\r\n Town: this.currentUser.Town,\r\n County: this.currentUser.County,\r\n Postcode: this.currentUser.PostCode,\r\n Country: this.currentUser.Country,\r\n HomeNumber: this.currentUser.HomeNumber,\r\n EmailAddress: this.currentUser.EmailAddress1,\r\n PortalId: this.currentUser.PortalId,\r\n ClubId: this.currentUser.ClubId,\r\n } as Address;\r\n } else {\r\n let shippingAddressCopy = Object.assign({}, this.billingAddress);\r\n shippingAddressCopy.AddressName = 'Shipping Address';\r\n return shippingAddressCopy;\r\n }\r\n }\r\n\r\n applyGiftCode() {\r\n this.errorService.clearErrors();\r\n\r\n if (!this.giftCodeInput) {\r\n this.errorService.addError('Gift Code cannot be empty');\r\n return;\r\n }\r\n\r\n if (!!this.appliedGiftCodes.filter((code) => code.Code === this.giftCodeInput).length) {\r\n this.errorService.addError('This gift code has already been applied');\r\n return;\r\n }\r\n\r\n if (this.totalAmount === 0) {\r\n this.errorService.addError('Gift code cannot be applied if the basket value is 0');\r\n return;\r\n }\r\n\r\n if (this.appliedGiftCodes.length > 2) {\r\n this.errorService.addError('The maximum amount of gift codes have been applied');\r\n return;\r\n }\r\n\r\n this.giftCodeService\r\n .validateGiftCode(this.giftCodeInput)\r\n .toPromise()\r\n .then((giftCode) => {\r\n if (!giftCode) {\r\n return;\r\n }\r\n if (\r\n giftCode.GiftCodeAssignType == GiftCodeType.Product &&\r\n !this.childUpgrades.filter(\r\n (item) =>\r\n item.Product.ProductId == giftCode.EntitlementItemId || item.Product.ProductId == giftCode.EntitlementItemId2\r\n ).length\r\n ) {\r\n this.errorService.addError('Gift code does not apply to any of the basket items.');\r\n return;\r\n } else if (\r\n giftCode.EntitlementValueType == GiftCodeEntitlementValueType.Percentage &&\r\n !!this.appliedGiftCodes.filter((gc) => gc.EntitlementValueType == GiftCodeEntitlementValueType.Percentage).length\r\n ) {\r\n this.errorService.addError('Percentage discount can only be applied once to an order.');\r\n return;\r\n } else if (giftCode.GiftCodeStatus != 0 || !giftCode.Active) {\r\n this.errorService.addError('Gift code not avalaible.');\r\n return;\r\n }\r\n\r\n if (this.appliedGiftCodes.length > 0) {\r\n /** reset basket values and recalculate with added giftcodes */\r\n this.calculateTotalAmount();\r\n }\r\n\r\n if (giftCode.EntitlementValueType === GiftCodeEntitlementValueType.Value) {\r\n this.appliedGiftCodes.unshift(giftCode);\r\n } else {\r\n this.appliedGiftCodes.push(giftCode);\r\n }\r\n\r\n this.appliedGiftCodes.forEach((x) => {\r\n this._calculateGiftCodeDeduction(x);\r\n });\r\n })\r\n .catch((err) => this.errorService.addError(err));\r\n }\r\n\r\n /** Calculate the new total basket price after Gift Code has been applied */\r\n private _calculateGiftCodeDeduction(giftCode: GiftCodeModel) {\r\n this.errorService.clearErrors();\r\n let discount = 0;\r\n\r\n if (giftCode.GiftCodeAssignType === GiftCodeType.Order) {\r\n switch (giftCode.EntitlementValueType) {\r\n // Value\r\n case GiftCodeEntitlementValueType.Value: {\r\n discount = giftCode.EntitlementValue;\r\n break;\r\n }\r\n case GiftCodeEntitlementValueType.Percentage: {\r\n // Percentage\r\n discount = (giftCode.EntitlementValue / 100) * this.totalAmount;\r\n break;\r\n }\r\n case GiftCodeEntitlementValueType.NumberOfEntitlements: {\r\n // Number of Items - Only used for Free\r\n this.appliedGiftCodes = this.appliedGiftCodes.filter((x) => x.Code === giftCode.Code);\r\n discount = this.totalAmount;\r\n break;\r\n }\r\n default: {\r\n this.errorService.addError('Invalid Gift Code');\r\n break;\r\n }\r\n }\r\n } else if (giftCode.GiftCodeAssignType === GiftCodeType.Shipping) {\r\n if (this.totalShipping === 0) {\r\n this.appliedGiftCodes = this.appliedGiftCodes.filter((x) => x.Code !== giftCode.Code);\r\n this.errorService.addError('Gift Code cannot be applied if the shipping is already 0');\r\n return;\r\n }\r\n\r\n switch (giftCode.EntitlementValueType) {\r\n case GiftCodeEntitlementValueType.Value: {\r\n // Value\r\n discount = giftCode.EntitlementValue;\r\n break;\r\n }\r\n case GiftCodeEntitlementValueType.Percentage: {\r\n // Percentage\r\n discount = (giftCode.EntitlementValue / 100) * this.totalShipping;\r\n break;\r\n }\r\n case GiftCodeEntitlementValueType.NumberOfEntitlements: {\r\n // Number of Items - Only used for Free\r\n discount = this.totalShipping;\r\n break;\r\n }\r\n default: {\r\n this.errorService.addError('Invalid Gift Code');\r\n break;\r\n }\r\n }\r\n } else if (giftCode.GiftCodeAssignType == GiftCodeType.Product) {\r\n var numberOfTimesApplied = 0;\r\n this.childUpgrades\r\n .filter(\r\n (item) => item.Product.ProductId == giftCode.EntitlementItemId || item.Product.ProductId == giftCode.EntitlementItemId2\r\n )\r\n .forEach((item) => {\r\n if (numberOfTimesApplied < giftCode.EntitlementValue) {\r\n numberOfTimesApplied++;\r\n discount += item.Product.MerchantPrice;\r\n }\r\n });\r\n }\r\n this.totalAmount = Math.max(0, this.totalAmount - discount);\r\n }\r\n\r\n /** Works out the total basket price after removal of gift code */\r\n removeGiftCode(code: string) {\r\n this.errorService.clearErrors();\r\n let giftCode = this.appliedGiftCodes.find((x) => x.Code === code);\r\n\r\n if (giftCode) {\r\n this.appliedGiftCodes = this.appliedGiftCodes.filter((x) => x !== giftCode);\r\n\r\n /** reset basket values and recalculate with remaining giftcodes */\r\n this.calculateTotalAmount();\r\n\r\n if (this.appliedGiftCodes.length > 0) {\r\n this.appliedGiftCodes.forEach((x) => {\r\n this._calculateGiftCodeDeduction(x);\r\n });\r\n }\r\n }\r\n }\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","import { Component, Input, OnDestroy, OnInit, ViewChild } from '@angular/core';\r\nimport { ChildViewModel, ChildQuery } from '@fgb/core';\r\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { CarouselComponent, OwlOptions } from 'ngx-owl-carousel-o';\r\nimport { Subscription } from 'rxjs';\r\nimport { OwlCarouselSettings } from 'src/app/shared/utilities/owl-carousel-settings';\r\n\r\n@Component({\r\n selector: 'fgb-child-barcodes-carousel',\r\n templateUrl: './child-barcodes-carousel.component.html',\r\n styleUrls: ['./child-barcodes-carousel.component.scss'],\r\n})\r\nexport class ChildBarcodesCarouselComponent implements OnInit, OnDestroy {\r\n customOptions: OwlOptions = {\r\n items: 1,\r\n margin: OwlCarouselSettings.Margin,\r\n pullDrag: false,\r\n dots: false,\r\n navSpeed: 700,\r\n navText: ['', ''],\r\n };\r\n\r\n children: ChildViewModel[] = [];\r\n childrenSubscription: Subscription;\r\n @ViewChild('owlCar', { static: true }) owlElement: CarouselComponent;\r\n @Input() public childId: string;\r\n\r\n constructor(private childQuery: ChildQuery, private activeModal: NgbActiveModal) {}\r\n\r\n ngOnInit() {\r\n this.childrenSubscription = this.childQuery.selectChildren().subscribe((children) => {\r\n this.children = children;\r\n });\r\n }\r\n\r\n ngOnDestroy() {\r\n if (this.childrenSubscription) {\r\n this.childrenSubscription.unsubscribe();\r\n }\r\n }\r\n\r\n ngAfterViewInit() {\r\n this.owlElement.to(this.childId);\r\n }\r\n\r\n closeModal(): void {\r\n this.activeModal.close();\r\n }\r\n}\r\n","\r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n ![](\"assets/images/KN-logo.png\")
\r\n
\r\n \r\n Membership Options
\r\nPlease choose a membership option for each child in the list below:
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {{ child.DateOfBirth | date }}
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {{ product.PortalProduct.DisplayName }}
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n {{ product.PortalProduct.Description }}\r\n
\r\n \r\n
\r\n \r\n ![](\"assets/images/What)
\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n Please note that a “right-handed” kit is for a child that throws right-handed, and a “left-handed” kit is\r\n for a child that throws left-handed. Free shipping on all domestic orders. Before upgrading your child’s\r\n membership please contact\r\n kidnation@redsox.com to update your current shipping\r\n address.\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n Review Purchases
\r\nPayment Summary
\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n Membership Option
\r\n Cost
\r\n \r\n
\r\n \r\n
\r\n 0\">\r\n
\r\n \r\n {{ child.FirstName }} {{ child.LastName }}\r\n -\r\n {{ child.Product.DisplayName }}\r\n
\r\n \r\n {{ child.Product.MerchantPrice / 100 | FortressCurrencyPipe }}\r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n Change\r\n
\r\n Billing Address
\r\n\r\n
\r\n {{ billingAddress.Street }}
\r\n{{ billingAddress.Town }}
\r\n{{ billingAddress.County }}
\r\n{{ billingAddress.Postcode }}
\r\n{{ billingAddress.Country }}
\r\n{{ billingAddress.HomeNumber }}
\r\n\r\n
\r\n\r\n \r\n Change\r\n
\r\n Shipping Address
\r\n\r\n
\r\n {{ shippingAddress.Street }}
\r\n{{ shippingAddress.Town }}
\r\n{{ shippingAddress.County }}
\r\n{{ shippingAddress.Postcode }}
\r\n{{ shippingAddress.Country }}
\r\n{{ shippingAddress.HomeNumber }}
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n Summary
\r\n\r\n
\r\n Items:
\r\n {{ originalAmount / 100 | FortressCurrencyPipe }}
\r\n \r\n
\r\n Shipping:
\r\n {{ totalShipping / 100 | FortressCurrencyPipe }}
\r\n 0\">\r\n \r\n \r\n
\r\n Discount Code(s):
\r\n {{ giftCode.Code }}
\r\n \r\n - {{ giftCode.EntitlementValue / 100 | FortressCurrencyPipe }}\r\n - {{ giftCode.EntitlementValue }}%\r\n FREE\r\n
\r\n \r\n
\r\n Total (Incl. Shipping):
\r\n \r\n {{ (totalShipping + totalAmount + totalTax) / 100 | FortressCurrencyPipe }}\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 \r\n
\r\n Total:
\r\n {{ (totalAmount + totalShipping + totalTax) / 100 | FortressCurrencyPipe }}
\r\n \r\n
\r\n Success
\r\n Child membership upgraded.\r\n \r\n\r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n {{ child.Firstname }} {{ child.Lastname }}
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {{ loyaltyPointsCard$ | async }}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {{ child.DateOfBirth | date }}\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n\r\n \r\n\r\n \r\n Show Barcode\r\n \r\n
\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { config, ChildViewModel, AuthService, MembershipOptionQuery, MembershipOption, BalanceQuery } from '@fgb/core';\r\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { Observable } from 'rxjs';\r\nimport { ChildBarcodesCarouselComponent } from '../child-barcodes-carousel/child-barcodes-carousel.component';\r\n\r\n@Component({\r\n selector: 'fgb-child-panel',\r\n templateUrl: 'child-panel.component.html',\r\n styleUrls: ['child-panel.component.scss'],\r\n})\r\nexport class ChildPanelComponent implements OnInit {\r\n membershipOption: MembershipOption[];\r\n loyaltyPointsCard$: Observable\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Children you have added {{ children.length }}/{{ childLimit }}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n ![](\"assets/images/kids/add-kid.svg\")
\r\n
\r\n \r\n \r\n Add Child
\r\n 0\">\r\n
\r\n \r\n ![](\"assets/images/kids/upgrade-kid.svg\")
\r\n
\r\n \r\n \r\n Upgrade Child\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n ![](\"assets/images/logo-small.svg\")
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ChildQuery, ChildService, ChildViewModel, PaymentOptionType } from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\nimport { tap } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'fgb-guardian-page',\r\n templateUrl: './guardian-page.component.html',\r\n styleUrls: ['./guardian-page.component.scss'],\r\n})\r\nexport class GuardianPageComponent implements OnInit {\r\n public childLimit: number = 10;\r\n public emptyChildren: any[];\r\n isGuardian: boolean;\r\n\r\n children$: Observable\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![](\"assets/images/background.jpg\")
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n The official Kids club of Fortress!
\r\n\r\n The Fortress Kids Club, is the best way to show your Fortress pride! Sign up today and enjoy exclusive kids-only\r\n offers and unique experiences.\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Click Here to Register as a Guardian\r\n \r\n
\r\n The official Kids club of Fortress
\r\n\r\n The Fortress Kids Club, is the best way to show your Fortress pride! Sign up today and enjoy exclusive kids-only\r\n offers and unique experiences.\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Free
\r\nBasic Membership
\r\navailable for all fans ages 12 and under!
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Basic Membership Benefits Include:\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n - Membership card and lanyard
\r\n - Play games in the Fortress Portal
\r\n - Exclusive email offers
\r\n\r\n *Offers subject to change\r\n
\r\n \r\n - Play games in the Fortress Portal
\r\n - Exclusive email offers
\r\n\r\n *Offers subject to change\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n $20
\r\nKing membership
\r\navailable to all fans ages 4-12!
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n King Membership Benefits Include:\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n - Membership card and lanyard
\r\n - Play games in the Fortress Portal
\r\n - Exclusive email offers
\r\n - 2020 Fortress yearbook
\r\n\r\n *Offers subject to change\r\n
\r\n \r\n - Play games in the Fortress Portal
\r\n - Exclusive email offers
\r\n - 2020 Fortress yearbook
\r\n\r\n *Offers subject to change\r\n
\r\n
\r\n","\r\n
\r\n{{ card.MemberId }}
\r\n \r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\nimport { Card, CardQuery } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-card-list',\r\n templateUrl: './card-list.component.html',\r\n styleUrls: ['./card-list.component.scss']\r\n})\r\nexport class CardListComponent implements OnInit {\r\n cards$: Observable\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { LoggingService, PurchaseService } from '@fgb/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'fgb-portal-product-results-page',\r\n templateUrl: './portal-product-results-page.component.html',\r\n styleUrls: ['./portal-product-results-page.component.scss'],\r\n})\r\nexport class PortalProductResultsPageComponent implements OnInit {\r\n constructor(\r\n private purchaseService: PurchaseService,\r\n private route: ActivatedRoute,\r\n private logService: LoggingService,\r\n public router: Router\r\n ) {}\r\n\r\n ngOnInit() {\r\n let orderId: string | null = null;\r\n if (this.route.snapshot.queryParamMap.keys.map(x => x.toUpperCase()).includes('ORDERID')) {\r\n const orderIdQueryStringKey = this.route.snapshot.queryParamMap.keys.filter(x => x.toUpperCase() === 'ORDERID')[0];\r\n orderId = this.route.snapshot.queryParamMap.get(orderIdQueryStringKey);\r\n }\r\n\r\n if (!orderId) {\r\n this.logService.error('No order ID could be found in the query string');\r\n return;\r\n }\r\n\r\n this.purchaseService.checkOrderSuccessStatus(orderId, '/portalproducts/success', '/portalproducts/failure');\r\n }\r\n}\r\n","Payment Failed
\r\n\r\n We're sorry but something went wrong while processing your payment. Please try again and if the issue persists please get in\r\n touch and we will look into the issue.\r\n
\r\n Okay\r\n\r\n
\r\n","Payment processing...
\r\n\r\n
\r\n","import { Component, OnInit, TemplateRef, EventEmitter } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'fgb-confirm-modal',\r\n templateUrl: './confirm-modal.component.html',\r\n styleUrls: ['./confirm-modal.component.scss'],\r\n})\r\nexport class ConfirmModalComponent implements OnInit {\r\n imageRef: TemplateRef\r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n \r\n \r\n \r\n Add New Contact\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n | Full Name | \r\n\r\n | |
| {{ item.FullName }} | \r\n{{ item.EmailAddress }} | \r\n\r\n \r\n \r\n \r\n \r\n Are you sure that you want to delete {{ item.FullName }} from your contacts?\r\n \r\n | \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Full Name
\r\n {{ item.FullName }}
\r\n \r\n
\r\n Email
\r\n {{ item.EmailAddress }}
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Are you sure that you want to delete {{ item.FullName }} from your contacts?\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n No Contacts
\r\n List Empty\r\n\r\n
\r\n Add Contact
\r\n \r\n\r\n
\r\n\r\n Full Name\r\n \r\n Email\r\n \r\n \r\n
\r\n \r\n
\r\n Edit Contact
\r\n \r\n\r\n
\r\n\r\n Full Name\r\n \r\n Email\r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'fgb-auth-callback',\r\n templateUrl: './auth-callback.component.html',\r\n styleUrls: ['./auth-callback.component.scss']\r\n})\r\nexport class AuthCallbackComponent implements OnInit {\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n}\r\n","{{ 'contacts.page.title' | translate }}
\r\nLogging in...
\r\n","\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\r\nimport { CardService, AuthService, Guid, ErrorStateService } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-mlbam-user-login',\r\n templateUrl: './mlbam-user-login.component.html',\r\n styleUrls: ['./mlbam-user-login.component.scss'],\r\n})\r\nexport class MlbamUserLoginComponent implements OnInit {\r\n loginForm: FormGroup;\r\n submitted = false;\r\n loading = false;\r\n\r\n constructor(\r\n public cardService: CardService,\r\n public errorService: ErrorStateService,\r\n private authService: AuthService,\r\n private formBuilder: FormBuilder\r\n ) {}\r\n ngOnInit() {\r\n this.loginForm = this.formBuilder.group({\r\n username: ['', Validators.required],\r\n password: ['', Validators.required],\r\n });\r\n }\r\n\r\n get f() {\r\n return this.loginForm.controls;\r\n }\r\n\r\n onSubmit() {\r\n this.submitted = true;\r\n if (this.loginForm.invalid) {\r\n return;\r\n }\r\n\r\n this.loading = true;\r\n\r\n this.authService\r\n .mlbamLogin(this.f.username.value, this.f.password.value, new Guid().toString().split('-').join(''))\r\n .toPromise()\r\n .catch(() => {\r\n this.loading = false;\r\n this.errorService.clearErrors();\r\n this.errorService.addError('Invalid Email Address and Password.');\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 { TranslateService } from '@ngx-translate/core';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\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 partnerDisabled: boolean = false;\r\n private _destroyed$ = new Subject\r\n
\r\n","\r\n ![](\"assets/images/login-registration/login-logo.png\")
\r\n
\r\n \r\n \r\n
\r\n\r\n Login\r\n {{ 'login.page.title' | translate }}\r\n
\r\n\r\n {{ 'login.page.description' | translate }}\r\n
\r\n \r\n \r\n ![](\"assets/images/maintain-img.png\")
\r\n
\r\n\r\n\r\n \r\n \r\n \r\n
\r\nSELECT TICKET ACCOUNT
\r\n 0; else noAccounts\" class=\"table-container mb-2\">\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {{ account.FirstName }} {{ account.Surname }}
\r\n \r\n \r\n
\r\n {{ account.ExternalRefNumber }}
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Not Connected
\r\n Connected
\r\n Not Connected
\r\n Already In Use
\r\n \r\n \r\n
\r\n {{ account.EmailAddress1 }}
\r\n \r\n
\r\n \r\n \r\n
\r\n {{ account.EmailAddress1 }}
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Create Account\r\n \r\n
\r\n \r\n Login\r\n
\r\n \r\n \r\n Create Account\r\n \r\n
\r\n \r\n n/a\r\n
\r\n \r\n Back\r\n
\r\n \r\n \r\n We're sorry but an error has occurred. We could not find any accounts for you to choose from.\r\n
\r\n Please click below to enter your credentials again.\r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { AuthService } from '@fgb/core';\r\nimport { ErrorStateService } from '@fgb/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n selector: 'fgb-maintenance-page',\r\n templateUrl: './maintenance-page.component.html',\r\n styleUrls: ['./maintenance-page.component.scss'],\r\n})\r\nexport class MaintenancePageComponent implements OnInit {\r\n showAppleLink = true;\r\n showGoogleLink = true;\r\n\r\n constructor(\r\n private router: Router,\r\n public errorService: ErrorStateService,\r\n private authService: AuthService,\r\n public deviceDetector: DeviceDetectorService\r\n ) {\r\n this.authService.checkApiStatus();\r\n\r\n if (this.authService.hasCurrentRefreshToken()) {\r\n this.router.navigate(['/']);\r\n }\r\n }\r\n\r\n ngOnInit() {\r\n this.downloadAppLink();\r\n }\r\n\r\n downloadAppLink() {\r\n if (this.deviceDetector.os.match('iOS')) {\r\n this.showGoogleLink = false;\r\n } else if (this.deviceDetector.os.match('Android')) {\r\n this.showAppleLink = false;\r\n }\r\n }\r\n}\r\n","\r\n
\r\n","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 \r\n \r\n \r\n \r\n
\r\n engineering
\r\n \r\n
\r\n","\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n
\r\n Review Purchases
\r\n\r\n \r\n\r\n \r\n \r\n
\r\n Payment Summary
\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n Membership Option
\r\n Cost
\r\n \r\n
\r\n \r\n ![\"\"]()
\r\n
\r\n \r\n
\r\n {{ basketItem.MembershipOption.DisplayName }}
\r\n{{ basketItem.Price / 100 | FortressCurrencyPipe }}
\r\n\r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n Change\r\n
\r\n Billing Address
\r\n\r\n
\r\n {{ billingAddress.Street }}
\r\n{{ billingAddress.Town }}
\r\n{{ billingAddress.County }}
\r\n{{ billingAddress.Postcode }}
\r\n{{ billingAddress.Country }}
\r\n\r\n
\r\n\r\n \r\n Change\r\n
\r\n Shipping Address
\r\n\r\n
\r\n {{ shippingAddress.Street }}
\r\n{{ shippingAddress.Town }}
\r\n{{ shippingAddress.County }}
\r\n{{ shippingAddress.Postcode }}
\r\n{{ shippingAddress.Country }}
\r\n\r\n
\r\n\r\n \r\n \r\n Apply Gift Code\r\n \r\n
\r\n \r\n
\r\n Summary
\r\n\r\n
\r\n \r\n
\r\n Items:
\r\n {{ basket.TotalPrice / 100 | FortressCurrencyPipe }}
\r\n \r\n
\r\n Shipping:
\r\n {{ basket.TotalShipping / 100 | FortressCurrencyPipe }}
\r\n \r\n
\r\n Tax:
\r\n {{ basket.TotalTax / 100 | FortressCurrencyPipe }}
\r\n 0\">\r\n \r\n \r\n
\r\n Discount Code(s):
\r\n \r\n \r\n {{ giftCode.Code }}\r\n
\r\n \r\n - {{ giftCode.EntitlementValue / 100 | FortressCurrencyPipe }}\r\n - {{ giftCode.EntitlementValue }}%\r\n FREE\r\n
\r\n \r\n
\r\n Total (Incl. Shipping):
\r\n {{ totalBasketPrice / 100 | FortressCurrencyPipe }}
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Summary
\r\n\r\n
\r\n Items:
\r\n {{ basket.TotalPrice / 100 | FortressCurrencyPipe }}
\r\n \r\n
\r\n Shipping:
\r\n {{ basket.TotalShipping / 100 | FortressCurrencyPipe }}
\r\n \r\n
\r\n Tax:
\r\n {{ basket.TotalTax / 100 | FortressCurrencyPipe }}
\r\n \r\n \r\n \r\n
\r\n Discount Code(s):
\r\n {{ giftCode.Code }}
\r\n \r\n - {{ giftCode.EntitlementValue / 100 | FortressCurrencyPipe }}\r\n - {{ giftCode.EntitlementValue }}%\r\n FREE\r\n
\r\n \r\n
\r\n Total (Incl. Shipping):
\r\n {{ totalBasketPrice / 100 | FortressCurrencyPipe }}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\nThe following gift code has not been applied:
\r\nPlease remove or apply this code
\r\n\r\n {{ giftCodeInput }}\r\n
\r\n\r\n \r\n \r\n
\r\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n {{ earnPointsCard.DisplayText }}\\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ earnPointsCard.DisplayText }}\\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n {{ earnPointsCard.DisplayText }}\\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ earnPointsCard.DisplayText }}\\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\".earn-points-container .earn-sub-heading{border:0;outline:none;background-color:inherit;width:100%;justify-content:flex-start;display:flex;align-items:center;padding:0}\\n\"], dependencies: [{ kind: \"directive\", type: i2.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: EarnPointsCardComponent, selector: \"fgbcl-earn-points-card\", inputs: [\"earnPointsCard\"] }, { kind: \"pipe\", type: i2.AsyncPipe, name: \"async\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EarnPointsComponent, decorators: [{\n type: Component,\n args: [{ selector: 'fgbcl-earn-points', template: \"\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\", styles: [\".earn-points-container .earn-sub-heading{border:0;outline:none;background-color:inherit;width:100%;justify-content:flex-start;display:flex;align-items:center;padding:0}\\n\"] }]\n }], ctorParameters: () => [{ type: i1.EarnPointsQuery }, { type: i1.EarnPointsService }, { type: i1.MemberQuery }], propDecorators: { dropdownToggle: [{\n type: Input\n }], svgColor: [{\n type: Input\n }] } });\n\nclass EarnPointsModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EarnPointsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"17.2.1\", ngImport: i0, type: EarnPointsModule, declarations: [EarnPointsComponent, EarnPointsCardComponent], imports: [CommonModule,\n InlineSVGModule,\n NgbModule,\n PipesModule,\n FGBSharedModule], exports: [EarnPointsComponent, EarnPointsCardComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EarnPointsModule, imports: [CommonModule,\n InlineSVGModule,\n NgbModule,\n PipesModule,\n FGBSharedModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.2.1\", ngImport: i0, type: EarnPointsModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [EarnPointsComponent, EarnPointsCardComponent],\n imports: [\n CommonModule,\n InlineSVGModule,\n NgbModule,\n PipesModule,\n FGBSharedModule\n ],\n exports: [EarnPointsComponent, EarnPointsCardComponent],\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { EarnPointsCardComponent, EarnPointsComponent, EarnPointsModule };\n","import { Component, OnInit } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n selector: 'fgb-earn-page',\r\n templateUrl: './earn-page.component.html',\r\n styleUrls: ['./earn-page.component.scss'],\r\n})\r\nexport class EarnPageComponent implements OnInit {\r\n deviceType: string;\r\n\r\n constructor(private deviceDetector: DeviceDetectorService) {}\r\n\r\n ngOnInit() {\r\n this.deviceType = this.deviceDetector.os.toUpperCase();\r\n }\r\n}\r\n","\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \r\n
\r\n","\r\n
\r\n{{ 'earn.page.bottom.text1' | translate }}
\r\n {{ 'earn.page.bottom.text2' | translate }}
\r\n \r\n \r\n
\r\n
\r\n
\r\n{{ auctionBid.ItemName }}
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {{ auctionBid.LastBid | FortressCurrencyPipe : 'PTS' }}\r\n
\r\n \r\n \r\n \r\n {{ auctionBid.EndDate | date : 'MMM d, yyyy' }}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{ auctionBid.ItemName }}
\r\n \r\n \r\n {{ auctionBid.LastBid | FortressCurrencyPipe : 'PTS' }}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Date Redeemed
\r\n {{ auctionBid.EndDate | date : 'MMM d, yyyy' }}
\r\n \r\n \r\n
\r\n {{ 'auction.page.title' | translate }}
\r\n\r\n \r\n \r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { AuctionBidDetails, AuctionBidQuery, AuctionBidService } from '@fgb/core';\r\nimport { Observable } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fgb-auction-bid-list',\r\n templateUrl: './auction-bid-list.component.html',\r\n styleUrls: ['./auction-bid-list.component.scss']\r\n})\r\nexport class AuctionBidListComponent implements OnInit {\r\n constructor(private auctionBidsQuery: AuctionBidQuery, private bidService: AuctionBidService) {}\r\n auctionBids$: Observable\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n {{ 'point.transfer.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 {{ 'point.transfer.confirm.text' | translate }}\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n {{ transferPointsForm.controls.partnerSelected.value.FullName }} ({{\r\n transferPointsForm.controls.partnerSelected.value.Email\r\n }})\r\n \r\n
\r\n \r\n \r\n \r\n {{ transferPointsForm.controls.Amount.value }}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {{ 'point.transfer.no.partner' | translate }}
\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-points-management-page',\r\n templateUrl: './points-management-page.component.html',\r\n styleUrls: ['./points-management-page.component.scss'],\r\n})\r\nexport class PointsManagementPageComponent implements OnInit {\r\n screenType = ScreenType;\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n}\r\n","\r\n {{ formattedTime$ | async }}\r\n\r\n\r\n \r\n
\r\n{{ 'point.transfer.instructions.info.title' | translate }}
\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\n\r\nexport class SurveyItemAnswerComponent implements OnInit {\r\n @Input() survey: Survey;\r\n @Output() predictorAnswers = new EventEmitter<[]>();\r\n selectedAnswers: number[] = [];\r\n surveyType = SurveyType;\r\n answerType = AnswerType;\r\n answerDisplayType = AnswerDisplayType;\r\n imgDisplayType: 'Portrait' | 'Landscape' = 'Portrait';\r\n colDisplayType: string;\r\n margins: string;\r\n\r\n constructor(private surveyService: SurveyService, private balanceService: BalanceService) {}\r\n\r\n ngOnInit() {\r\n this.selectImageDisplay();\r\n if (this.survey.AnswerDisplayType === this.answerDisplayType.Text || this.survey.SurveyType === this.surveyType.Poll) {\r\n this.colDisplayType = 'col-12 col-lg-6';\r\n this.margins = 'my-2 my-lg-3';\r\n } else if (this.survey.SurveyType === this.surveyType.Predictor) {\r\n this.colDisplayType = 'col-12';\r\n this.margins = 'mt-3';\r\n } else {\r\n this.colDisplayType = 'col-6 col-lg-3';\r\n this.margins = 'my-3';\r\n }\r\n }\r\n\r\n selectImageDisplay() {\r\n if(this.survey.SurveyType === this.surveyType.Predictor || this.survey.SurveyType === this.surveyType.Poll){\r\n this.imgDisplayType = 'Landscape';\r\n };\r\n }\r\n\r\n selectAnswer(answerId: number) {\r\n let index = this.selectedAnswers.indexOf(answerId);\r\n if (index > -1) {\r\n this.selectedAnswers.splice(index, 1);\r\n return;\r\n }\r\n\r\n // Only allow one to be selected when the answertype is single\r\n if (this.survey.AnswerType === AnswerType.Single) {\r\n this.selectedAnswers = [];\r\n }\r\n\r\n this.selectedAnswers.push(answerId);\r\n\r\n // Only submit the answer when the user can only select one answer\r\n if(this.survey.SurveyType === this.surveyType.Predictor){\r\n this.predictorAnswers.emit();\r\n }else if (this.survey.AnswerType === AnswerType.Single){\r\n this.submitAnswer();\r\n }\r\n }\r\n\r\n async submitAnswer() {\r\n let surveyId: number = this.survey.SurveyId;\r\n let answerDto: SurveyAnswerDto[] = [];\r\n for (let answerId of this.selectedAnswers) {\r\n answerDto.push({ surveyId, answerId });\r\n }\r\n\r\n await this.surveyService.postSurveyAnswers(this.survey.SurveyId, answerDto);\r\n\r\n if (this.survey.SurveyType === SurveyType.Predictor && this.survey.PointProcessType === PointProcessType.OnAnswer) {\r\n this.creditAccountForSurvey();\r\n }\r\n }\r\n\r\n /** Credit the loyalty balance with the point value of the first answer */\r\n private creditAccountForSurvey() {\r\n let firstSelectedAnswer = this.survey.SurveyAnswers.find((sa) => sa.SurveyAnswerId === this.selectedAnswers[0]);\r\n if (firstSelectedAnswer === undefined) {\r\n return;\r\n }\r\n\r\n this.balanceService.addBalance(config.purseConfig.virtualLoyalty, firstSelectedAnswer.PointValue);\r\n }\r\n}\r\n","\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n ![\"{{](\"{{)
\r\n
\r\n \r\n {{ answer.Title }}\r\n
\r\n \r\n \r\n
\r\n \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 \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\nimport { IconSetting } from 'src/app/shared/utilities/icon-setting';\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 googleIcons = IconSetting.googleIcon;\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 QUIZ\r\n
\r\n live_help
\r\n \r\n \r\n
\r\n Time left to play
\r\n \r\n
\r\n {{ survey.SurveyQuestion }}
\r\n Coming soon
\r\n\r\n
\r\n","import { Component, OnInit, Input, ViewChild } from '@angular/core';\r\nimport { Survey } from '@fgb/core';\r\nimport { IconSetting } from 'src/app/shared/utilities/icon-setting';\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 googleIcons = IconSetting.googleIcon;\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
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n PREDICTOR\r\n
\r\n flaky
\r\n \r\n \r\n
\r\n Time left to play
\r\n \r\n
\r\n {{ survey.SurveyQuestion }}
\r\n \r\n \r\n Submit\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \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
\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { SurveyAnswer } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-survey-item-answer-completed-poll-item',\r\n templateUrl: './survey-completed-poll-item.component.html',\r\n styleUrls: ['./survey-completed-poll-item.component.scss', '../../../../survey.scss']\r\n})\r\nexport class SurveyCompletedPollItemComponent implements OnInit {\r\n @Input() answer: SurveyAnswer;\r\n @Input() entryCount: number;\r\n percentage: number;\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n this.percentage = Math.round((this.answer.AnswerCount / this.entryCount) * 100);\r\n if(isNaN(this.percentage)){\r\n this.percentage = 0;\r\n }\r\n }\r\n\r\n}\r\n","\r\n
\r\n\r\n {{ answer.Title }}\r\n
\r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { Survey } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-survey-item-answer-completed-poll',\r\n templateUrl: './survey-completed-poll.component.html',\r\n styleUrls: ['./survey-completed-poll.component.scss', '../../../survey.scss'],\r\n})\r\nexport class SurveyCompletedPollComponent implements OnInit {\r\n @Input() survey: Survey;\r\n @Input() pointsWon: number;\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n}\r\n"," 0\">\r\n +{{ pointsWon | 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","import { Component, OnInit, Input } from '@angular/core';\r\nimport { Survey, SurveyType } from '@fgb/core';\r\nimport { IconSetting } from 'src/app/shared/utilities/icon-setting';\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 googleIcons = IconSetting.googleIcon;\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 {{ 'games.page.polls.title' | translate }}
\r\n{{ 'games.page.poll.info' | translate }}
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n assessment
\r\n {{ survey.SurveyQuestion }}
\r\n\r\n 0 ? 'd-block d-lg-none' : 'd-none'\">\r\n +{{ pointsWon | FortressCurrencyPipe : 'PTS' }}\r\n
\r\n \r\n \r\n \r\n
\r\n {{ survey.SurveyQuestion }}
\r\n \r\n 0; else noVideo\" class=\"h-0\">\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Quiz
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Predictor
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Polls
\r\n\r\n
\r\n \r\n
\r\n Game Day Video
\r\n Currently Unavailable
\r\n \r\n
\r\n \r\n Join us for matchday streaming and other video content throughout the season.\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { FormGroup, FormBuilder, Validators } from '@angular/forms';\r\nimport { PartnerService, ErrorStateService } from '@fgb/core';\r\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\r\n\r\n@Component({\r\n selector: 'fgb-partner-accept-form',\r\n templateUrl: './partner-accept-form.component.html',\r\n styleUrls: ['./partner-accept-form.component.scss'],\r\n})\r\nexport class PartnerAcceptFormComponent implements OnInit {\r\n acceptForm: FormGroup;\r\n\r\n constructor(\r\n private fb: FormBuilder,\r\n private partnerService: PartnerService,\r\n private errorService: ErrorStateService,\r\n private activeModal: NgbActiveModal\r\n ) {}\r\n\r\n ngOnInit(): void {\r\n this.acceptForm = this.fb.group({\r\n code: ['', Validators.required],\r\n secretCode: ['', Validators.required],\r\n });\r\n }\r\n\r\n submit(): void {\r\n const code: string = this.acceptForm.value.code;\r\n const secretCode: string = this.acceptForm.value.secretCode;\r\n this.partnerService\r\n .confirmPartner(code, secretCode)\r\n .toPromise()\r\n .then(() => this.closeModal());\r\n }\r\n\r\n closeModal(): void {\r\n this.activeModal.close();\r\n }\r\n\r\n close(): void {\r\n this.errorService.clearErrors();\r\n this.closeModal();\r\n }\r\n}\r\n","\r\n \r\n
\r\n","{{ 'partner.list.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 {{ partner.FullName }}
\r\n \r\n
\r\n {{ partner.Email }}
\r\n Partner
\r\n \r\n
\r\n {{ partner.Email }}
\r\n \r\n
\r\n Partner
\r\n \r\n
\r\n \r\n
\r\n {{ partner.FullName }}
\r\n \r\n
\r\n {{ partner.Email }}
\r\n Pending
\r\n \r\n
\r\n {{ partner.Email }}
\r\n \r\n
\r\n Pending
\r\n {{ 'no.partner.placeholder' | translate }}
\r\n \r\n
\r\n {{ 'partner.list.modal.delete.title' | translate }}
\r\n\r\n
\r\n{{ 'partner.list.modal.delete.message' | translate }}
\r\n\r\n {{ partnerName }}\r\n ({{ partnerEmail }})\r\n
\r\n \r\n
\r\n\r\n\r\n 0; else partnerPlaceholder\">\r\n \r\n \r\n \r\n
\r\n","import { Component, OnDestroy, OnInit } from '@angular/core';\r\nimport { combineLatest, Observable, Subject } from 'rxjs';\r\nimport {\r\n PartnerQuery,\r\n PartnerPendingQuery,\r\n MemberDetails,\r\n MemberQuery,\r\n PartnerService,\r\n Partner,\r\n PartnerPending,\r\n} from '@fgb/core';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { PartnerAddFormComponent } from 'src/app/modules/user/components/partner-add-form/partner-add-form.component';\r\nimport { PartnerAcceptFormComponent } from 'src/app/modules/user/components/partner-accept-form/partner-accept-form.component';\r\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { ScreenType } from '@fgb/portal-component-library/src/lib/directives';\r\n\r\n@Component({\r\n selector: 'fgb-partner-page',\r\n templateUrl: './partner-page.component.html',\r\n styleUrls: ['./partner-page.component.scss'],\r\n})\r\nexport class PartnerPageComponent implements OnInit, OnDestroy {\r\n screenType = ScreenType;\r\n constructor(\r\n private partnerQuery: PartnerQuery,\r\n private pendingQuery: PartnerPendingQuery,\r\n public memberQuery: MemberQuery,\r\n private modalService: NgbModal,\r\n private partnerService: PartnerService\r\n ) { }\r\n showAddForm: boolean;\r\n showAcceptForm: boolean;\r\n partnersCount: number;\r\n memberDetails$: Observable\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n {{ 'partner.title' | translate }}
\r\n\r\n
\r\n \r\n = partnerLimit\r\n }\"\r\n >\r\n \r\n \r\n \r\n = partnerLimit }\"\r\n aria-label=\"Accept partner\"\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n {{ 'no.partner.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 To add your first partner please click on add new partner and insert your partner details.\r\n
\r\n\r\n \r\n\r\n
\r\n\r\n\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { LottoItem, LottoQuery } from '@fgb/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'fgb-lottos-terms-page',\r\n templateUrl: './lottos-terms-page.component.html',\r\n styleUrls: ['./lottos-terms-page.component.scss'],\r\n})\r\nexport class LottosTermsPageComponent implements OnInit {\r\n lottoItem: LottoItem | undefined;\r\n constructor(private lottoQuery: LottoQuery, private route: ActivatedRoute) {}\r\n\r\n ngOnInit() {\r\n let id = +(this.route.snapshot.paramMap.get('id') || 0);\r\n this.lottoItem = this.lottoQuery.getEntity(id);\r\n }\r\n}\r\n","\r\n \r\n\r\n
\r\n\r\n\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { MarketplaceItem, MarketplaceQuery, MarketplaceService } from '@fgb/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'fgb-marketplace-terms-page',\r\n templateUrl: './marketplace-terms-page.component.html',\r\n styleUrls: ['./marketplace-terms-page.component.scss'],\r\n})\r\nexport class MarketplaceTermsPageComponent implements OnInit {\r\n marketplaceItem: MarketplaceItem | undefined;\r\n constructor(\r\n private marketplaceQuery: MarketplaceQuery,\r\n private marketplaceService: MarketplaceService,\r\n private route: ActivatedRoute\r\n ) {}\r\n\r\n ngOnInit() {\r\n let id = +(this.route.snapshot.paramMap.get('id') || 0);\r\n\r\n this.marketplaceService\r\n .fetchMarketplaceItemById(id)\r\n .toPromise()\r\n .then(() => {\r\n this.marketplaceItem = this.marketplaceQuery.getEntity(id);\r\n });\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { TMOauthService } from '@fgb/core';\r\n\r\n\r\n@Component({\r\n selector: 'fgb-tm-callback',\r\n templateUrl: './tm-callback.component.html',\r\n styleUrls: ['./tm-callback.component.scss']\r\n})\r\nexport class TmCallbackComponent implements OnInit {\r\n\r\n constructor(private tmOauthService: TMOauthService) { }\r\n\r\n ngOnInit() {\r\n let index = window.location.href.indexOf('code');\r\n if (index != -1){\r\n this.tmOauthService.callBackToken(window.location.href.substring(index + 5));\r\n }\r\n }\r\n\r\n}\r\n","\r\n Redirecting to Ticket Master\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { TMAuthService } from '@fgb/core';\r\n\r\n@Component({\r\n selector: 'fgb-tm-auth-callback',\r\n templateUrl: './tm-auth-callback.component.html',\r\n styleUrls: ['./tm-auth-callback.component.scss']\r\n})\r\nexport class TmAuthCallbackComponent implements OnInit {\r\n \r\n constructor(private tmAuthservice: TMAuthService) { }\r\n \r\n ngOnInit() {\r\n let code = this.getParameter('code');\r\n let state = this.getParameter('state');\r\n if (code != ''){\r\n this.tmAuthservice.authCallback(code, state);\r\n }\r\n }\r\n\r\n getParameter(name: string) : string {\r\n const results = new RegExp('[\\\\?&]' + name + '=([^&#]*)').exec(window.location.href);\r\n if(!results){\r\n return '';\r\n }\r\n return results[1] as (string) || '';\r\n }\r\n}\r\n","Processing request
","import { Component, OnInit, 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","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\r\n\r\n
\r\n\r\n\r\n
\r\n","\r\n
\r\n\r\n
\r\n \r\n {{ 'point.transfer.success.title' | translate }}\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {{ partner?.FullName }} ({{ partner?.Email }}) \r\n
\r\n \r\n \r\n {{ amount }} \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n","import { Component, OnDestroy, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { CampaignEntitlements, CampaignOffersQuery, CampaignOffersService } from '@fgb/core';\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fgb-campaign-details-page',\r\n templateUrl: './campaign-details-page.component.html',\r\n styleUrls: ['./campaign-details-page.component.scss'],\r\n})\r\nexport class CampaignDetailsPageComponent implements OnInit, OnDestroy {\r\n currentCampaign: CampaignEntitlements;\r\n campaignOffferSub: Subscription;\r\n\r\n constructor(\r\n private route: ActivatedRoute,\r\n private campaignOffersService: CampaignOffersService,\r\n private campaignOffersQuery: CampaignOffersQuery\r\n ) {}\r\n\r\n ngOnInit() {\r\n let offerId = +(this.route.snapshot.paramMap.get('offerId') || '0');\r\n this._updateOffer(offerId);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.campaignOffferSub.unsubscribe();\r\n }\r\n\r\n _updateOffer(offerId: number) {\r\n if (!!offerId) {\r\n this.campaignOffersService\r\n .fetchOffers()\r\n .toPromise()\r\n .then(() => {\r\n this.campaignOffferSub = this.campaignOffersQuery.selectFirst().subscribe((campaignOffer) => {\r\n if (campaignOffer) {\r\n for (let entitlement of campaignOffer?.CampaignsAndEntitlements) {\r\n if (entitlement.CampaignID === offerId) {\r\n this.currentCampaign = entitlement;\r\n break;\r\n }\r\n }\r\n }\r\n });\r\n });\r\n }\r\n }\r\n}\r\n","\r\n
\r\n \r\n \r\n \r\n {{ 'campaign.back.to.wallet' | translate }}\r\n
\r\n \r\n \r\n
\r\n \r\n {{ currentCampaign.CampaignName }}
\r\n \r\n \r\n {{ 'offer.expiry' | translate }} {{ currentCampaign.Campaign_ExpiryDate | date : 'dd/MM/YYYY' }}\r\n
\r\n \r\n \r\n \r\n
{{ currentCampaign.PortalDescription }}
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n chevron_left\r\n {{ 'claimed.back.to.wallet' | translate }}\r\n
\r\n \r\n {{ 'wallet.redeemed.title' | translate }}
\r\n \r\n\r\n
\r\n\r\n
\r\n \r\n {{ 'claimed.rewards.placeholder.description' | translate }}\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n\r\n
\r\n \r\n {{ 'fgbcl.registration.partner.invite.title' | translate : { fgbdefault: 'Partner Invitation 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\", 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 http://example.com#/foo,\n * and `PathLocationStrategy` produces\n * http://example.com/foo as an equivalent URL.\n *\n * See these two classes for more.\n *\n * @publicApi\n */\nclass LocationStrategy {\n historyGo(relativePosition) {\n throw new Error(ngDevMode ? 'Not implemented' : '');\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: LocationStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }\n static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: LocationStrategy, providedIn: 'root', useFactory: () => inject(PathLocationStrategy) }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: LocationStrategy, decorators: [{\n type: Injectable,\n args: [{ providedIn: 'root', useFactory: () => inject(PathLocationStrategy) }]\n }] });\n/**\n * A predefined [DI token](guide/glossary#di-token) for the base href\n * to be used with the `PathLocationStrategy`.\n * The base href is the URL prefix that should be preserved when generating\n * and recognizing URLs.\n *\n * @usageNotes\n *\n * The following example shows how to use this token to configure the root app injector\n * with a base href value, so that the DI framework can supply the dependency anywhere in the app.\n *\n * ```typescript\n * import {NgModule} from '@angular/core';\n * import {APP_BASE_HREF} from '@angular/common';\n *\n * @NgModule({\n * providers: [{provide: APP_BASE_HREF, useValue: '/my/app'}]\n * })\n * class AppModule {}\n * ```\n *\n * @publicApi\n */\nconst APP_BASE_HREF = new InjectionToken(ngDevMode ? 'appBaseHref' : '');\n/**\n * @description\n * A {@link LocationStrategy} used to configure the {@link Location} service to\n * represent its state in the\n * [path](https://en.wikipedia.org/wiki/Uniform_Resource_Locator#Syntax) of the\n * browser's URL.\n *\n * If you're using `PathLocationStrategy`, you may provide a {@link APP_BASE_HREF}\n * or add a `Content to render when condition is true.
\n * ```\n *\n * Simple form with expanded syntax:\n *\n * ```\n * Content to render when condition is\n * true.
Content to render when condition is true.
\n * {{value}}
\n * \n * ...\n *
\n *\n * Loading...
\n * \n * ...\n *
\n * Loading...
\n * \n *
`\n * })\n * // Get the current date and time as a date-time value.\n * export class DatePipeComponent {\n * today: number = Date.now();\n * }\n * ```\n *\n * @publicApi\n */\n// clang-format on\nclass DatePipe {\n constructor(locale, defaultTimezone, defaultOptions) {\n this.locale = locale;\n this.defaultTimezone = defaultTimezone;\n this.defaultOptions = defaultOptions;\n }\n transform(value, format, timezone, locale) {\n if (value == null || value === '' || value !== value)\n return null;\n try {\n const _format = format ?? this.defaultOptions?.dateFormat ?? DEFAULT_DATE_FORMAT;\n const _timezone = timezone ?? this.defaultOptions?.timezone ?? this.defaultTimezone ?? undefined;\n return formatDate(value, _format, locale || this.locale, _timezone);\n }\n catch (error) {\n throw invalidPipeArgumentError(DatePipe, error.message);\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: DatePipe, deps: [{ token: LOCALE_ID }, { token: DATE_PIPE_DEFAULT_TIMEZONE, optional: true }, { token: DATE_PIPE_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.3.12\", ngImport: i0, type: DatePipe, isStandalone: true, name: \"date\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: DatePipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'date',\n standalone: true,\n }]\n }], ctorParameters: () => [{ type: undefined, decorators: [{\n type: Inject,\n args: [LOCALE_ID]\n }] }, { type: undefined, decorators: [{\n type: Inject,\n args: [DATE_PIPE_DEFAULT_TIMEZONE]\n }, {\n type: Optional\n }] }, { type: undefined, decorators: [{\n type: Inject,\n args: [DATE_PIPE_DEFAULT_OPTIONS]\n }, {\n type: Optional\n }] }] });\n\nconst _INTERPOLATION_REGEXP = /#/g;\n/**\n * @ngModule CommonModule\n * @description\n *\n * Maps a value to a string that pluralizes the value according to locale rules.\n *\n * @usageNotes\n *\n * ### Example\n *\n * {@example common/pipes/ts/i18n_pipe.ts region='I18nPluralPipeComponent'}\n *\n * @publicApi\n */\nclass I18nPluralPipe {\n constructor(_localization) {\n this._localization = _localization;\n }\n /**\n * @param value the number to be formatted\n * @param pluralMap an object that mimics the ICU format, see\n * https://unicode-org.github.io/icu/userguide/format_parse/messages/.\n * @param locale a `string` defining the locale to use (uses the current {@link LOCALE_ID} by\n * default).\n */\n transform(value, pluralMap, locale) {\n if (value == null)\n return '';\n if (typeof pluralMap !== 'object' || pluralMap === null) {\n throw invalidPipeArgumentError(I18nPluralPipe, pluralMap);\n }\n const key = getPluralCategory(value, Object.keys(pluralMap), this._localization, locale);\n return pluralMap[key].replace(_INTERPOLATION_REGEXP, value.toString());\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: I18nPluralPipe, deps: [{ token: NgLocalization }], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.3.12\", ngImport: i0, type: I18nPluralPipe, isStandalone: true, name: \"i18nPlural\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: I18nPluralPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'i18nPlural',\n standalone: true,\n }]\n }], ctorParameters: () => [{ type: NgLocalization }] });\n\n/**\n * @ngModule CommonModule\n * @description\n *\n * Generic selector that displays the string that matches the current value.\n *\n * If none of the keys of the `mapping` match the `value`, then the content\n * of the `other` key is returned when present, otherwise an empty string is returned.\n *\n * @usageNotes\n *\n * ### Example\n *\n * {@example common/pipes/ts/i18n_pipe.ts region='I18nSelectPipeComponent'}\n *\n * @publicApi\n */\nclass I18nSelectPipe {\n /**\n * @param value a string to be internationalized.\n * @param mapping an object that indicates the text that should be displayed\n * for different values of the provided `value`.\n */\n transform(value, mapping) {\n if (value == null)\n return '';\n if (typeof mapping !== 'object' || typeof value !== 'string') {\n throw invalidPipeArgumentError(I18nSelectPipe, mapping);\n }\n if (mapping.hasOwnProperty(value)) {\n return mapping[value];\n }\n if (mapping.hasOwnProperty('other')) {\n return mapping['other'];\n }\n return '';\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: I18nSelectPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.3.12\", ngImport: i0, type: I18nSelectPipe, isStandalone: true, name: \"i18nSelect\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: I18nSelectPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'i18nSelect',\n standalone: true,\n }]\n }] });\n\n/**\n * @ngModule CommonModule\n * @description\n *\n * Converts a value into its JSON-format representation. Useful for debugging.\n *\n * @usageNotes\n *\n * The following component uses a JSON pipe to convert an object\n * to JSON format, and displays the string in both formats for comparison.\n *\n * {@example common/pipes/ts/json_pipe.ts region='JsonPipe'}\n *\n * @publicApi\n */\nclass JsonPipe {\n /**\n * @param value A value of any type to convert into a JSON-format string.\n */\n transform(value) {\n return JSON.stringify(value, null, 2);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: JsonPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.3.12\", ngImport: i0, type: JsonPipe, isStandalone: true, name: \"json\", pure: false }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: JsonPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'json',\n pure: false,\n standalone: true,\n }]\n }] });\n\nfunction makeKeyValuePair(key, value) {\n return { key: key, value: value };\n}\n/**\n * @ngModule CommonModule\n * @description\n *\n * Transforms Object or Map into an array of key value pairs.\n *\n * The output array will be ordered by keys.\n * By default the comparator will be by Unicode point value.\n * You can optionally pass a compareFn if your keys are complex types.\n *\n * @usageNotes\n * ### Examples\n *\n * This examples show how an Object or a Map can be iterated by ngFor with the use of this\n * keyvalue pipe.\n *\n * {@example common/pipes/ts/keyvalue_pipe.ts region='KeyValuePipe'}\n *\n * @publicApi\n */\nclass KeyValuePipe {\n constructor(differs) {\n this.differs = differs;\n this.keyValues = [];\n this.compareFn = defaultComparator;\n }\n transform(input, compareFn = defaultComparator) {\n if (!input || (!(input instanceof Map) && typeof input !== 'object')) {\n return null;\n }\n // make a differ for whatever type we've been passed in\n this.differ ??= this.differs.find(input).create();\n const differChanges = this.differ.diff(input);\n const compareFnChanged = compareFn !== this.compareFn;\n if (differChanges) {\n this.keyValues = [];\n differChanges.forEachItem((r) => {\n this.keyValues.push(makeKeyValuePair(r.key, r.currentValue));\n });\n }\n if (differChanges || compareFnChanged) {\n this.keyValues.sort(compareFn);\n this.compareFn = compareFn;\n }\n return this.keyValues;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: KeyValuePipe, deps: [{ token: i0.KeyValueDiffers }], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.3.12\", ngImport: i0, type: KeyValuePipe, isStandalone: true, name: \"keyvalue\", pure: false }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: KeyValuePipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'keyvalue',\n pure: false,\n standalone: true,\n }]\n }], ctorParameters: () => [{ type: i0.KeyValueDiffers }] });\nfunction defaultComparator(keyValueA, keyValueB) {\n const a = keyValueA.key;\n const b = keyValueB.key;\n // if same exit with 0;\n if (a === b)\n return 0;\n // make sure that undefined are at the end of the sort.\n if (a === undefined)\n return 1;\n if (b === undefined)\n return -1;\n // make sure that nulls are at the end of the sort.\n if (a === null)\n return 1;\n if (b === null)\n return -1;\n if (typeof a == 'string' && typeof b == 'string') {\n return a < b ? -1 : 1;\n }\n if (typeof a == 'number' && typeof b == 'number') {\n return a - b;\n }\n if (typeof a == 'boolean' && typeof b == 'boolean') {\n return a < b ? -1 : 1;\n }\n // `a` and `b` are of different types. Compare their string values.\n const aString = String(a);\n const bString = String(b);\n return aString == bString ? 0 : aString < bString ? -1 : 1;\n}\n\n/**\n * @ngModule CommonModule\n * @description\n *\n * Formats a value according to digit options and locale rules.\n * Locale determines group sizing and separator,\n * decimal point character, and other locale-specific configurations.\n *\n * @see {@link formatNumber}\n *\n * @usageNotes\n *\n * ### digitsInfo\n *\n * The value's decimal representation is specified by the `digitsInfo`\n * parameter, written in the following format:Today is {{today | date}}
\n *Or if you prefer, {{today | date:'fullDate'}}
\n *The time is {{today | date:'h:mm a z'}}
\n *\n *\n * ```\n * {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}\n * ```\n *\n * - `minIntegerDigits`:\n * The minimum number of integer digits before the decimal point.\n * Default is 1.\n *\n * - `minFractionDigits`:\n * The minimum number of digits after the decimal point.\n * Default is 0.\n *\n * - `maxFractionDigits`:\n * The maximum number of digits after the decimal point.\n * Default is 3.\n *\n * If the formatted value is truncated it will be rounded using the \"to-nearest\" method:\n *\n * ```\n * {{3.6 | number: '1.0-0'}}\n * \n *\n * {{-3.6 | number:'1.0-0'}}\n * \n * ```\n *\n * ### locale\n *\n * `locale` will format a value according to locale rules.\n * Locale determines group sizing and separator,\n * decimal point character, and other locale-specific configurations.\n *\n * When not supplied, uses the value of `LOCALE_ID`, which is `en-US` by default.\n *\n * See [Setting your app locale](guide/i18n-common-locale-id).\n *\n * ### Example\n *\n * The following code shows how the pipe transforms values\n * according to various format specifications,\n * where the caller's default locale is `en-US`.\n *\n *
\n *
{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}.\n * - `minIntegerDigits`: The minimum number of integer digits before the decimal point.\n * Default is `1`.\n * - `minFractionDigits`: The minimum number of digits after the decimal point.\n * Default is `0`.\n * - `maxFractionDigits`: The maximum number of digits after the decimal point.\n * Default is `0`.\n * @param locale A locale code for the locale format rules to use.\n * When not supplied, uses the value of `LOCALE_ID`, which is `en-US` by default.\n * See [Setting your app locale](guide/i18n-common-locale-id).\n */\n transform(value, digitsInfo, locale) {\n if (!isValue(value))\n return null;\n locale ||= this._locale;\n try {\n const num = strToNumber(value);\n return formatPercent(num, locale, digitsInfo);\n }\n catch (error) {\n throw invalidPipeArgumentError(PercentPipe, error.message);\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: PercentPipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.3.12\", ngImport: i0, type: PercentPipe, isStandalone: true, name: \"percent\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: PercentPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'percent',\n standalone: true,\n }]\n }], ctorParameters: () => [{ type: undefined, decorators: [{\n type: Inject,\n args: [LOCALE_ID]\n }] }] });\n/**\n * @ngModule CommonModule\n * @description\n *\n * Transforms a number to a currency string, formatted according to locale rules\n * that determine group sizing and separator, decimal-point character,\n * and other locale-specific configurations.\n *\n *\n * @see {@link getCurrencySymbol}\n * @see {@link formatCurrency}\n *\n * @usageNotes\n * The following code shows how the pipe transforms numbers\n * into text strings, according to various format specifications,\n * where the caller's default locale is `en-US`.\n *\n * \n *
{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}.\n * - `minIntegerDigits`: The minimum number of integer digits before the decimal point.\n * Default is `1`.\n * - `minFractionDigits`: The minimum number of digits after the decimal point.\n * Default is `2`.\n * - `maxFractionDigits`: The maximum number of digits after the decimal point.\n * Default is `2`.\n * If not provided, the number will be formatted with the proper amount of digits,\n * depending on what the [ISO 4217](https://en.wikipedia.org/wiki/ISO_4217) specifies.\n * For example, the Canadian dollar has 2 digits, whereas the Chilean peso has none.\n * @param locale A locale code for the locale format rules to use.\n * When not supplied, uses the value of `LOCALE_ID`, which is `en-US` by default.\n * See [Setting your app locale](guide/i18n-common-locale-id).\n */\n transform(value, currencyCode = this._defaultCurrencyCode, display = 'symbol', digitsInfo, locale) {\n if (!isValue(value))\n return null;\n locale ||= this._locale;\n if (typeof display === 'boolean') {\n if ((typeof ngDevMode === 'undefined' || ngDevMode) && console && console.warn) {\n console.warn(`Warning: the currency pipe has been changed in Angular v5. The symbolDisplay option (third parameter) is now a string instead of a boolean. The accepted values are \"code\", \"symbol\" or \"symbol-narrow\".`);\n }\n display = display ? 'symbol' : 'code';\n }\n let currency = currencyCode || this._defaultCurrencyCode;\n if (display !== 'code') {\n if (display === 'symbol' || display === 'symbol-narrow') {\n currency = getCurrencySymbol(currency, display === 'symbol' ? 'wide' : 'narrow', locale);\n }\n else {\n currency = display;\n }\n }\n try {\n const num = strToNumber(value);\n return formatCurrency(num, locale, currency, currencyCode, digitsInfo);\n }\n catch (error) {\n throw invalidPipeArgumentError(CurrencyPipe, error.message);\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: CurrencyPipe, deps: [{ token: LOCALE_ID }, { token: DEFAULT_CURRENCY_CODE }], target: i0.ɵɵFactoryTarget.Pipe }); }\n static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"17.3.12\", ngImport: i0, type: CurrencyPipe, isStandalone: true, name: \"currency\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"17.3.12\", ngImport: i0, type: CurrencyPipe, decorators: [{\n type: Pipe,\n args: [{\n name: 'currency',\n standalone: true,\n }]\n }], ctorParameters: () => [{ type: undefined, decorators: [{\n type: Inject,\n args: [LOCALE_ID]\n }] }, { type: undefined, decorators: [{\n type: Inject,\n args: [DEFAULT_CURRENCY_CODE]\n }] }] });\nfunction isValue(value) {\n return !(value == null || value === '' || value !== value);\n}\n/**\n * Transforms a string into a number (if needed).\n */\nfunction strToNumber(value) {\n // Convert strings to numbers\n if (typeof value === 'string' && !isNaN(Number(value) - parseFloat(value))) {\n return Number(value);\n }\n if (typeof value !== 'number') {\n throw new Error(`${value} is not a number`);\n }\n return value;\n}\n\n/**\n * @ngModule CommonModule\n * @description\n *\n * Creates a new `Array` or `String` containing a subset (slice) of the elements.\n *\n * @usageNotes\n *\n * All behavior is based on the expected behavior of the JavaScript API `Array.prototype.slice()`\n * and `String.prototype.slice()`.\n *\n * When operating on an `Array`, the returned `Array` is always a copy even when all\n * the elements are being returned.\n *\n * When operating on a blank value, the pipe returns the blank value.\n *\n * ### List Example\n *\n * This `ngFor` example:\n *\n * {@example common/pipes/ts/slice_pipe.ts region='SlicePipe_list'}\n *\n * produces the following:\n *\n * ```html\n *