{{sitecore.myBets_Print.EditedPrintBadge}}
',\n})\nexport class MyBetsEditedBadgeComponent {\n constructor(public sitecore: Sitecore) {}\n}\n","import { Injectable } from '@angular/core';\n\nimport { StringDictionary } from '@frontend/sports/common/core/utils/extended-types';\nimport { Observable, Subject, map } from 'rxjs';\n\n@Injectable()\nexport class PendingPayoutInfoService {\n private toggleState: StringDictionary{{ outcome }}
\n \n `,\n})\nexport class MyBetsOutcomeBadgeComponent {\n @Input() betslip: MyBetsBetSlip;\n @HostBinding('class.pending-payout') get pendingPayout(): boolean {\n return this.betslip.isPendingPayout;\n }\n\n infoIconActive = false;\n\n constructor(\n private sitecore: Sitecore,\n private sitecoreMyBets: SitecoreMyBetsConfig,\n private pendingPayoutInfoService: PendingPayoutInfoService,\n ) {}\n\n get outcome(): string {\n if (this.betslip.isPendingPayout) {\n return this.sitecore.earlyPayoutV2.PendingPayout;\n } else if (this.betslip.isCachedOut) {\n return this.sitecore.earlyPayoutV2.PaidOut;\n } else if (this.betslip.isRefunded) {\n return this.sitecoreMyBets.myBets.REFUNDED;\n } else if (this.betslip.isRecoveringAfterEditBet) {\n return this.sitecoreMyBets.myBets.EditBetError;\n } else {\n return this.sitecoreMyBets.myBets[this.betslip.state.toUpperCase()];\n }\n }\n\n get notificationClassName(): string {\n if (this.betslip.isPendingPayout) {\n return 'badge-pending-payout';\n }\n if (this.betslip.isCachedOut) {\n return 'badge-cachedout';\n }\n if (this.betslip.isRefunded) {\n return 'badge-refunded';\n }\n if (this.betslip.isRecoveringAfterEditBet) {\n return 'badge-error';\n }\n switch (this.betslip.state) {\n case SlipState.Open:\n return 'badge-open';\n case SlipState.Canceled:\n return 'badge-cancelled';\n case SlipState.Won:\n return 'badge-won';\n case SlipState.Lost:\n return 'badge-lost';\n }\n\n return '';\n }\n\n get infoIconClassName(): string {\n return this.infoIconActive ? 'theme-info-i' : 'theme-info';\n }\n\n infoIconClick(event: MouseEvent): void {\n event.stopPropagation();\n this.infoIconActive = !this.infoIconActive;\n this.pendingPayoutInfoService.visible = { id: this.betslip.betslipRealId, visible: this.infoIconActive };\n }\n}\n","import { Component, Input } from '@angular/core';\n\nimport { SlipState } from '@bpos/v1/my-bets';\nimport { BetslipListType } from '@frontend/sports/types/models/my-bets';\n\nimport { MyBetsBetSlip, MyBetsListContext } from '../../../my-bets-base/models/my-bets-viewmodels';\n\n@Component({\n selector: 'ms-my-bets-betslip-badges',\n template: `\n \n
\n `,\n})\nexport class MyBetsBetSlipBadgesComponent {\n @Input() betslip: MyBetsBetSlip;\n @Input() myBetsListContext: MyBetsListContext;\n\n constructor() {}\n\n get isOutcomeBadgeVisible(): boolean {\n if (this.betslip.isRecoveringAfterEditBet || this.betslip.isCachedOut) {\n return true;\n }\n\n if (this.betslip.state === SlipState.Open || this.myBetsListContext.isEventView) {\n return false;\n }\n\n return this.myBetsListContext.listType === BetslipListType.Settled;\n }\n\n get isEditedBadgeVisible(): boolean {\n return this.betslip.isEditBet && this.myBetsListContext.isPrintView;\n }\n\n get isAutoCashoutBadgeVisible(): boolean {\n if (this.betslip.earlyPayoutInformation) {\n return this.betslip.earlyPayoutInformation.autoCashoutTriggered;\n } else {\n return false;\n }\n }\n}\n","import { Injectable } from '@angular/core';\n\nimport { MyBetsConfig } from '@frontend/sports/common/client-config-data-access';\n\nimport { EpcotConfigService } from '../../common/epcot-config.service';\n\n@Injectable({ providedIn: 'root' })\nexport class MyBetsUtilService {\n private isPrintView: boolean;\n constructor(\n private epcotConfigService: EpcotConfigService,\n private mybetsConfig: MyBetsConfig,\n ) {}\n\n setPrintState(isPrintView: boolean) {\n this.isPrintView = isPrintView;\n }\n\n isBetCardRedesigned(): boolean {\n return this.epcotConfigService.isEnabled() && this.mybetsConfig.enableRedesignedBetCard && !this.isPrintView;\n }\n}\n","import { BetState } from '@bpos/v1/my-bets';\nimport { OfferSource } from '@cds';\nimport { MyBetsOption } from '@cds/my-bets';\n\nimport { BetBuilderLegState } from '../../my-bets-base/models/my-bets-viewmodels';\n\nexport interface VisualizationTracking {\n isTrackingEnabled: boolean;\n visualizationType: VisualizationType;\n}\n\nexport interface MarketStatInfo {\n marketId: number;\n marketStats: string[];\n playerIds: number[];\n templateId?: number;\n source: OfferSource;\n marketType: string;\n options: MyBetsOption[];\n}\n\nexport interface PlayerInfo {\n playerName: string;\n playerId?: number;\n}\n\nexport interface PlayerStatInfo {\n player1CurrStat: number;\n player2CurrStat: number;\n targetStat: number[];\n optionName: string;\n player: PlayerInfo;\n}\n\nexport interface BetMarketInfo {\n marketId: number;\n marketName: string;\n optionId: number;\n optionName: string;\n state: BetState | BetBuilderLegState;\n}\n\nexport const enum VisualizationType {\n TargetVisualization = 'targetVisualization',\n H2hVisualization = 'h2HVisualization',\n TextualVisualization = 'textualVisualization',\n NoVisualization = 'noVisualization',\n}\n\nexport const enum VisualizationConstants {\n Player1 = 'player1',\n Player2 = 'player2',\n HomePlayer = 'homePlayer',\n AwayPlayer = 'awayPlayer',\n ZeroState = 'zero state',\n InProgressState = 'inprogress state',\n Team = 'Team',\n}\n\nexport const enum VisualizationBetState {\n Placed = 'Placed',\n Open = 'Open',\n Won = 'Won',\n Lost = 'Lost',\n Cancelled = 'Cancelled',\n WithHeld = 'WithHeld',\n}\n\nexport const betStateMapping = {\n [BetState.Open]: VisualizationBetState.Open,\n [BetState.Placed]: VisualizationBetState.Open,\n [BetState.Won]: VisualizationBetState.Won,\n [BetState.Lost]: VisualizationBetState.Lost,\n [BetState.Canceled]: VisualizationBetState.Cancelled,\n [BetState.WithHeld]: VisualizationBetState.WithHeld,\n [BetBuilderLegState.Open]: VisualizationBetState.Open,\n [BetBuilderLegState.Won]: VisualizationBetState.Won,\n [BetBuilderLegState.Lost]: VisualizationBetState.Lost,\n [BetBuilderLegState.Cancelled]: VisualizationBetState.Cancelled,\n};\n","import { Injectable } from '@angular/core';\n\nimport { BetState } from '@bpos/v1/my-bets';\nimport { OfferSource } from '@cds';\nimport { ScoreboardSlim } from '@cds/scoreboards/v1';\nimport { PlayerStats } from '@cds/statistics/player';\nimport { EventParticipant } from '@frontend/sports/betting-offer/feature/model';\nimport { MyBetsVisualizationTrackingConfig } from '@frontend/sports/common/client-config-data-access';\nimport { toNumber } from 'lodash-es';\n\nimport { EpcotConfigService } from '../../common/epcot-config.service';\nimport { BetBuilderLegState, BetStateCssClass, MyBetsBet, MyBetsBetBuilderLeg } from '../../my-bets-base/models/my-bets-viewmodels';\nimport { MyBetsEventModel } from '../models/my-bets-event.model';\nimport {\n BetMarketInfo,\n MarketStatInfo,\n VisualizationBetState,\n VisualizationConstants,\n VisualizationTracking,\n VisualizationType,\n betStateMapping,\n} from '../models/my-bets-visualization-types';\n\nexport interface Stats {\n player1Stat: number;\n player2Stat: number;\n}\n\n@Injectable()\nexport class MyBetsVisualizationService {\n private isEpcotEnabled: boolean;\n\n constructor(\n private mybetsVisualizationTrackingConfig: MyBetsVisualizationTrackingConfig,\n private epcotConfigService: EpcotConfigService,\n ) {\n this.isEpcotEnabled = this.epcotConfigService.isEnabled();\n }\n\n getVisualizationDetails(event: MyBetsEventModel | null, sportId: number, marketId?: number): VisualizationTracking {\n if (!event || !this.isTrackingEnabled(event, sportId)) {\n return this.noVisualization();\n }\n\n const marketStatInfo = event.marketStatInfo?.find((x) => x.marketId === marketId);\n if (!marketStatInfo?.marketStats?.length) {\n return this.noVisualization(true);\n }\n\n const marketStat = this.marketStatsDetails(event, marketId);\n const flattenedStats = this.getFlattenedPlayerStats(event.playerStats || []);\n\n const hasPlayerId =\n marketStatInfo.options.some((x) => x.playerId && flattenedStats.hasOwnProperty(x.playerId)) ||\n marketStatInfo.playerIds.some((id) => flattenedStats.hasOwnProperty(id));\n\n const isTeamTypeWithoutScoreboard = marketStat.statsType === VisualizationConstants.Team && !event.fixtureScoreboard;\n const isPlayerTypeWithoutStats = marketStat.statsType !== VisualizationConstants.Team && !(event.playerStats?.length && hasPlayerId);\n\n if (isTeamTypeWithoutScoreboard || isPlayerTypeWithoutStats) {\n return this.noVisualization(true);\n }\n\n return {\n isTrackingEnabled: true,\n visualizationType: this.getVisualizationType(marketStatInfo, sportId),\n };\n }\n\n isTrackingEnabled(event: MyBetsEventModel | null, sportId: number): boolean {\n if (event == null) {\n return false;\n }\n\n const { isEnabled, allowedLeagues } = this.mybetsVisualizationTrackingConfig;\n const leagueId = event.league?.parentLeagueId;\n\n return isEnabled && !!leagueId && allowedLeagues[sportId]?.includes(leagueId);\n }\n\n private noVisualization(isEnabled = false): VisualizationTracking {\n return {\n isTrackingEnabled: isEnabled,\n visualizationType: VisualizationType.NoVisualization,\n };\n }\n\n getBetMarketInfoFromBet(bet: MyBetsBet): BetMarketInfo | null {\n const { marketId, marketName, optionName, optionId, betState } = {\n marketId: bet.marketId,\n marketName: bet.marketName,\n optionName: bet.optionName,\n optionId: bet.resultInfo?.optionId ?? bet.optionMarketInfo?.optionId,\n betState: bet.state,\n };\n\n return this.getMarketInfoIfValid(marketId, marketName, optionName, optionId, betState);\n }\n\n getBetMarketInfoFromLeg(myBetsBetBuilderLeg: MyBetsBetBuilderLeg): BetMarketInfo | null {\n const { marketId, marketName, optionName, optionId, betState } = {\n marketId: myBetsBetBuilderLeg.marketId,\n marketName: myBetsBetBuilderLeg.marketName,\n optionName: myBetsBetBuilderLeg.optionName,\n optionId: myBetsBetBuilderLeg.optionId,\n betState: myBetsBetBuilderLeg.betState,\n };\n\n return this.getMarketInfoIfValid(marketId, marketName, optionName, optionId, betState);\n }\n\n getBetStateClassName(\n betState: BetState | BetBuilderLegState,\n currStatValue: number,\n isCashedOut?: boolean,\n isSettled?: boolean,\n isNeitherMarket?: boolean,\n playerId?: number,\n ): string {\n if (isCashedOut) {\n return BetStateCssClass.BetInProgress;\n }\n\n const visualizationState = betStateMapping[betState];\n\n switch (visualizationState) {\n case VisualizationBetState.Open:\n if (currStatValue !== 0) {\n return BetStateCssClass.BetInProgress;\n }\n break;\n case VisualizationBetState.Won:\n return this.getBetStateCssClass(BetStateCssClass.BetWon, isNeitherMarket, playerId, isSettled);\n case VisualizationBetState.Lost:\n return this.getBetStateCssClass(BetStateCssClass.BetLost, isNeitherMarket, playerId, isSettled);\n case VisualizationBetState.Cancelled:\n return BetStateCssClass.BetCancelled;\n default:\n return '';\n }\n\n return '';\n }\n\n getTargetStatByTemplateId(templateId: number): number[] | undefined {\n if (!templateId) {\n return undefined;\n }\n const config = this.mybetsVisualizationTrackingConfig.targetStatForMarket;\n for (const key in config) {\n if (config[key].includes(templateId)) {\n return [toNumber(key)];\n }\n }\n\n return undefined;\n }\n\n getTargetStatByName(name: string): number[] | undefined {\n const lineRegex = /[-+]?\\d+([.,]\\d+)?/g;\n const result = name.match(lineRegex);\n\n return result?.map((match) => toNumber(match.trim().replace(',', '.')));\n }\n\n getParticipants(eventParticipants: EventParticipant[]): { participant1: string; participant2: string } {\n if (eventParticipants.length < 2) {\n return { participant1: '', participant2: '' };\n }\n\n const [homeParticipant, awayParticipant] = eventParticipants;\n\n return {\n participant1: this.getParticipantName(homeParticipant),\n participant2: this.getParticipantName(awayParticipant),\n };\n }\n\n getCurrentStatValue(\n event: MyBetsEventModel | null,\n statsType: string,\n marketStatInfo?: MarketStatInfo,\n betMarketInfo?: BetMarketInfo,\n ): { player1Stat: number; player2Stat: number } {\n if (!event || !marketStatInfo) {\n return { player1Stat: 0, player2Stat: 0 };\n }\n const betOptionId = betMarketInfo?.optionId ?? 0;\n if (statsType === VisualizationConstants.Team && event.fixtureScoreboard) {\n return this.getTeamStatsValue(event.fixtureScoreboard, marketStatInfo);\n }\n\n if (statsType !== VisualizationConstants.Team && event.playerStats) {\n return this.getPlayerStatsValue(event.playerStats, marketStatInfo, betOptionId);\n }\n\n return { player1Stat: 0, player2Stat: 0 };\n }\n\n marketStatsDetails(event: MyBetsEventModel | null, marketId?: number): { marketStatsInfo: MarketStatInfo | undefined; statsType: string } {\n const marketStatsInfo = event?.marketStatInfo?.find((x) => x.marketId === marketId);\n const statsType = marketStatsInfo?.marketStats[0].split('.')?.[0] || '';\n\n return {\n marketStatsInfo,\n statsType,\n };\n }\n\n private getBetStateCssClass(\n betStateClass: BetStateCssClass,\n isNeitherMarket?: boolean,\n playerId?: number,\n isSettled?: boolean,\n ): BetStateCssClass {\n if (isNeitherMarket && !playerId) {\n return BetStateCssClass.BetInProgress;\n }\n\n return isSettled ? BetStateCssClass.BetSettled : betStateClass;\n }\n\n private getFlattenedPlayerStats(playerStatsArray: PlayerStats[]): Record{{ timer }}
\n","\n @switch (showEventDate) {\n @case (true) {\n @if (vm.liveAlert.liveAlert) {\n • \n \n {{ vm.startTime | date: 'shortTime' }}\n }\n @case (false) {\n @if (vm.isLive && !hideLiveBadge) {\n {{ liveText }}\n }\n\n @if (vm.hasStreams) {\n \n }\n\n @if (vm.sportId === 6 && vm.isLive) {\n
\n","import { Component, Input, inject } from '@angular/core';\n\nimport { DartsMatchType } from '@frontend/sports/betting-offer/feature/model';\nimport { Sitecore, SitecoreEventDetailsConfig } from '@frontend/sports/common/client-config-data-access';\nimport {\n AmericanFootballPeriodInfo,\n BasketballPeriodInfo,\n DartsLegsPeriodInfo,\n DartsSetsAndLegsPeriodInfo,\n IceHockeyPeriodInfo,\n SportConstant,\n} from '@frontend/sports/common/core/data-access/constants';\n\nimport { EpcotModule } from '../../../../common/epcot-config.service';\nimport { DecreaseTimer } from '../../../../scoreboards/models/scoreboard-timer';\nimport { IEventTimeViewModel } from '../../../../scoreboards/models/scoreboard.viewmodel';\n\n@Component({\n selector: 'ms-my-bets-scoreboard-time',\n templateUrl: 'my-bets-scoreboard-time.html',\n})\nexport class MyBetsScoreboardTimeComponent {\n sitecore = inject(Sitecore);\n sitecoreEventDetails = inject(SitecoreEventDetailsConfig);\n\n @Input() vm: IEventTimeViewModel;\n @Input() hideLiveBadge = false;\n module = EpcotModule.MyBetsBetSlip;\n\n get showEventDate(): boolean {\n if (!this.vm.hasScoreboard || !this.vm.timer) {\n return true;\n }\n if (this.vm.timer && this.vm.timer.countDownTimer) {\n const minutesLeft = this.vm.timer.countDownTimer.getMinutesLeft();\n\n return minutesLeft >= DecreaseTimer.countDownMinutesBeforeGame;\n }\n\n return false;\n }\n\n showTimer(): boolean {\n if (this.vm.sportId === SportConstant.Basketball && this.vm.periodId in BasketballPeriodInfo) {\n return false;\n }\n if (this.vm.sportId === SportConstant.AmericanFootball && this.vm.periodId in AmericanFootballPeriodInfo) {\n return false;\n }\n if (this.vm.sportId === SportConstant.Icehockey && this.vm.periodId in IceHockeyPeriodInfo) {\n return false;\n }\n\n const sportsWithoutTimer = [SportConstant.Boxing, SportConstant.Cricket];\n if (sportsWithoutTimer.indexOf(this.vm.sportId) >= 0) {\n return false;\n }\n\n if (\n (this.vm.sportId === SportConstant.Formula1 ||\n this.vm.sportId === SportConstant.Skialpine ||\n this.vm.sportId === SportConstant.Motorbikes ||\n this.vm.sportId === SportConstant.Biathlon ||\n this.vm.sportId === SportConstant.Snooker) &&\n this.vm.isLive\n ) {\n return false;\n }\n\n return true;\n }\n\n get showPeriodInfo(): boolean {\n if (\n (this.vm.sportId === SportConstant.Formula1 ||\n this.vm.sportId === SportConstant.Skialpine ||\n this.vm.sportId === SportConstant.Motorbikes ||\n this.vm.sportId === SportConstant.Biathlon) &&\n this.vm.isLive\n ) {\n return false;\n }\n const now = new Date();\n\n return this.vm.startTime <= now || this.vm.isLive;\n }\n\n get periodInfo(): string {\n if (this.vm.sportId === SportConstant.Darts) {\n if (this.vm.matchType === DartsMatchType.LegOnly) {\n if (this.vm.periodId === DartsLegsPeriodInfo.Finished) {\n return this.vm.periodInfo;\n } else if (this.vm.bestOfLegs) {\n return this.vm.isLive\n ? `${this.sitecore.globalMessages.BestOf} ${this.vm.bestOfLegs} - ${this.vm.periodInfo}`\n : this.sitecore.globalMessages.StartsNow;\n } else {\n return this.vm.isLive\n ? `${this.sitecore.globalMessages.BestOf} ${this.vm.periodId} - ${this.vm.periodInfo}`\n : this.sitecore.globalMessages.StartsNow;\n }\n } else if (this.vm.matchType === DartsMatchType.SetsAndLegs) {\n if (this.vm.periodId === DartsSetsAndLegsPeriodInfo.Finished) {\n return this.vm.periodInfo;\n } else if (this.vm.bestOfSets) {\n return this.vm.isLive\n ? `${this.sitecore.globalMessages.BestOf} ${this.vm.bestOfSets} - ${this.vm.periodInfo}`\n : this.sitecore.globalMessages.StartsNow;\n } else {\n return this.vm.isLive\n ? `${this.sitecore.globalMessages.BestOf} ${this.vm.periodId} - ${this.vm.periodInfo}`\n : this.sitecore.globalMessages.StartsNow;\n }\n } else {\n return this.vm.isLive ? this.vm.periodInfo : this.sitecore.globalMessages.StartsNow;\n }\n } else if (this.vm.sportId === SportConstant.Snooker) {\n return this.vm.isLive ? this.getBestOf() : this.sitecore.globalMessages.StartsNow;\n } else {\n return this.vm.isLive ? this.vm.periodInfo : this.sitecore.globalMessages.StartsNow;\n }\n }\n\n getBestOf(): string {\n return this.vm.bestOf ? `${this.sitecore.globalMessages.BestOf} ${this.vm.bestOf}` : '';\n }\n\n get liveText(): string {\n return this.sitecore.event.Live;\n }\n}\n","\n @if (vm.lapCounter && vm.lapCounter!.visible) {\n \n {{ sitecoreEventDetails.eventDetails['Laps'] }} {{ vm.lapCounter!.current }}/{{ vm.lapCounter!.final }}\n }\n\n \n @if (vm.weather !== null) {\n \n
\n }\n\n @if (vm.liveAlert.liveAlert) {\n \n
\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\nimport { ScoreboardLeaderboardGameViewModel } from '../../../../scoreboards/models/leaderboard-game-scoreboard.viewmodel';\nimport { ScoreboardComponentBase } from '../../../../scoreboards/scoreboard-base.component';\n\n@Component({\n selector: 'ms-my-bets-leaderboard-game-scoreboard',\n templateUrl: './my-bets-leaderboard-game-scoreboard.html',\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class MyBetsLeaderboardGameScoreboardComponent extends ScoreboardComponentBase {\n @Input() override vm: ScoreboardLeaderboardGameViewModel;\n}\n","\n
\n {{ vm.eventName }}: {{ vm.leagueName }}
\n \n @for (player of vm.players; track player) {\n
\n{{ $index + 1 }}. {{ player }}
\n }\n \n
\n","import { ChangeDetectionStrategy, Component, Input, inject } from '@angular/core';\n\nimport { Sitecore } from '@frontend/sports/common/client-config-data-access';\n\nimport { ScoreboardPairGameViewModel } from '../../../../scoreboards/models/pair-game-scoreboard.viewmodel';\n\n@Component({\n selector: 'ms-my-bets-scoreboard-players-pair',\n templateUrl: 'my-bets-scoreboard-players-pair.html',\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class MyBetsScoreboardPlayersPairComponent {\n sitecore = inject(Sitecore);\n\n @Input() vm: ScoreboardPairGameViewModel;\n}\n","\n
\n {{ vm.player1 }}
\n \n
\n {{ vm.player2 }}
\n \n
\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\nimport { ScoreboardPairGameViewModel } from '../../../../scoreboards/models/pair-game-scoreboard.viewmodel';\n\n@Component({\n selector: 'ms-my-bets-pair-game-scoreboard',\n templateUrl: './my-bets-pair-game-scoreboard.html',\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class MyBetsPairGameScoreboardComponent {\n @Input() vm: ScoreboardPairGameViewModel;\n}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\nimport { PairScoreboardViewModel } from '../../../../scoreboards/models/pair-scoreboard.viewmodel';\nimport { SetScoreboardViewModel } from '../../../../scoreboards/models/set-scoreboard.viewmodel';\nimport { ScoreboardComponentBase } from '../../../../scoreboards/scoreboard-base.component';\n\n@Component({\n selector: 'ms-my-bets-pair-game-no-scoreboard',\n templateUrl: 'my-bets-pair-game-no-scoreboard.html',\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class MyBetsPairGameNoScoreboardComponent extends ScoreboardComponentBase {\n @Input() override vm: PairScoreboardViewModel | SetScoreboardViewModel;\n}\n","\n
\n\n\n @for (round of vm.penalties[0].penalties; track $index) {\n \n }\n
\n \n @for (round of vm.penalties[1].penalties; track $index) {\n \n }\n
\n\n @for (point of vm.penaltyScore; track point) {\n
\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\nimport { PenaltyShootoutScoreboardStats } from '../../../../scoreboards/models/scoreboard-stats';\n\n@Component({\n changeDetection: ChangeDetectionStrategy.Default,\n templateUrl: './my-bets-penalty-shootout-scoreboard-stats.html',\n selector: 'ms-my-bets-penalty-shootout-scoreboard-stats',\n})\nexport class MyBetsPenaltyShootoutScoreboardStatsComponent {\n @Input() vm: PenaltyShootoutScoreboardStats;\n}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\nimport { PenaltyShootoutScoreboardViewModel } from '../../../../scoreboards/models/penalty-shootout-scoreboard.viewmodel';\nimport { ScoreboardComponentBase } from '../../../../scoreboards/scoreboard-base.component';\n\n@Component({\n selector: 'ms-my-bets-penalty-shootout-scoreboard',\n templateUrl: 'my-bets-penalty-shootout-scoreboard.html',\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class MyBetsPenaltyShootoutScoreboardComponent extends ScoreboardComponentBase {\n @Input() override vm: PenaltyShootoutScoreboardViewModel;\n}\n","\n {{ point }}\n
\n }\n\n \n \n
\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n})\nexport class StatsValueComponent implements OnInit, OnChanges, OnDestroy {\n @Input() value: number;\n private animationFactory: AnimationFactory | null = null;\n private animationTimer = 0;\n @ViewChild('newValue', { static: true }) newValueElement: ElementRef;\n @ViewChild('oldValue', { static: true }) oldValueElement: ElementRef;\n\n @ViewChild('currentValue', { static: true }) valueElement: ElementRef;\n @ViewChild('statsValue', { static: true }) statsElement: ElementRef;\n\n constructor(private animationBuilder: AnimationBuilder) {}\n\n ngOnInit(): void {\n this.animationFactory = this.animationBuilder.build(\n group([\n query(\n '.newValue',\n animate(\n 500,\n keyframes([\n style({ opacity: 0.3, transform: 'translateY(-15%)' }),\n style({ opacity: 0.7, transform: 'translateY(-10%)' }),\n style({ opacity: 1, transform: 'translateY(-8%)' }),\n style({ opacity: 1, transform: 'translateY(-4%)' }),\n style({ opacity: 1, transform: 'translateY(0%)' }),\n ]),\n ),\n ),\n query(\n '.oldValue',\n animate(\n 500,\n keyframes([\n style({ opacity: 1, transform: 'translateY(-45%)' }),\n style({ opacity: 0.7, transform: 'translateY(-40%)' }),\n style({ opacity: 0.3, transform: 'translateY(-35%)' }),\n style({ opacity: 0, transform: 'translateY(-30%)' }),\n ]),\n ),\n ),\n ]),\n );\n }\n\n private doAnimation(previousValue: number, currentValue: number): void {\n if (previousValue !== currentValue && this.animationFactory) {\n this.animationTimer = window.setTimeout(() => {\n // No matter what happens in 500ms hide the elements.\n this.valueElement.nativeElement.style.display = 'block';\n this.newValueElement.nativeElement.style.display = 'none';\n this.oldValueElement.nativeElement.style.display = 'none';\n }, 500);\n\n try {\n this.valueElement.nativeElement.style.display = 'none';\n this.oldValueElement.nativeElement.style.display = 'block';\n this.newValueElement.nativeElement.style.display = 'block';\n\n this.oldValueElement.nativeElement.textContent = previousValue;\n this.newValueElement.nativeElement.textContent = currentValue;\n\n const player = this.animationFactory.create(this.statsElement.nativeElement);\n player.play();\n } catch {}\n }\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if ('value' in changes && !changes['value'].isFirstChange()) {\n this.doAnimation(changes['value'].previousValue, changes['value'].currentValue);\n }\n }\n\n ngOnDestroy(): void {\n if (this.animationTimer) {\n clearTimeout(this.animationTimer);\n this.animationTimer = 0;\n }\n }\n}\n","@if (!!vm) {\n {{ value }}
\n \n @for (stat of vm.list; track $index) {\n \n @if (stat.isVisible && stat.isEnabled) {\n
\n }\n \n @if (isExpandable) {\n \n }\n \n}\n","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, inject } from '@angular/core';\n\nimport { TrackingService, trackingConstants } from '@frontend/sports/tracking/feature';\n\nimport { EpcotModule } from '../../../../common/epcot-config.service';\nimport { PairGameScoreboardStats } from '../../../../scoreboards/models/scoreboard-stats';\n\n@Component({\n changeDetection: ChangeDetectionStrategy.Default,\n templateUrl: './my-bets-pair-scoreboard-stats.html',\n selector: 'ms-my-bets-pair-scoreboard-stats',\n})\nexport class MyBetsPairScoreboardStatsComponent {\n private trackingService = inject(TrackingService);\n\n @Input() vm: PairGameScoreboardStats;\n @Input() isExpandable = false;\n @Input() isExpanded = false;\n @Output() isExpandedChanged: EventEmitter\n
\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\nimport { SetGameScoreboardStats } from '../../../../scoreboards/models/scoreboard-stats';\n\n@Component({\n changeDetection: ChangeDetectionStrategy.Default,\n templateUrl: './my-bets-set-scoreboard-stats.html',\n selector: 'ms-my-bets-set-scoreboard-stats',\n})\nexport class MyBetsSetScoreboardStatsComponent {\n @Input() vm: SetGameScoreboardStats;\n\n getClass(): string {\n if (this.vm.sets.list.length >= 7) {\n return 'mybets-scoreboard_stats__sets_7';\n }\n if (this.vm.sets.list.length >= 5) {\n return 'mybets-scoreboard_stats__sets_5';\n }\n\n return '';\n }\n}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\nimport { SetScoreboardViewModel } from '../../../../scoreboards/models/set-scoreboard.viewmodel';\nimport { ScoreboardComponentBase } from '../../../../scoreboards/scoreboard-base.component';\n\n@Component({\n selector: 'ms-my-bets-scoreboard-set',\n templateUrl: 'my-bets-scoreboard-set.html',\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class MyBetsScoreboardSetComponent extends ScoreboardComponentBase {\n @Input() override vm: SetScoreboardViewModel;\n}\n","\n @if (vm.points?.isVisible) {\n
\n\n \n \n \n
\n \n
\n }\n\n @for (stat of vm.sets.list; track stat) {\n {{ vm.points?.player1 }}
\n {{ vm.points?.player2 }}
\n \n \n @if (stat.isVisible) {\n
\n }\n {{ stat.isEmpty(1) ? '-' : stat.player1 }}
\n {{ stat.isEmpty(2) ? '-' : stat.player2 }}
\n \n }\n \n
\n}\n@if (vm) {\n \n @if (vm.currentlyServing === 1) {\n \n }\n
\n \n @if (vm.currentlyServing === 2) {\n \n }\n
\n \n
\n}\n@if (vm?.participant1 > 0 || vm?.participant2 > 0) {\n {{ vm.player1CurrentScore }}
\n {{ vm.player2CurrentScore }}
\n \n
\n}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\nimport { SnookerScoreboardStats } from '../../../../../scoreboards/models/scoreboard-stats';\n\n@Component({\n selector: 'ms-my-bets-snooker-scoreboard-stats',\n templateUrl: './my-bets-snooker-scoreboard-stats.html',\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class MyBetsSnookerScoreboardStatsComponent {\n @Input() vm: SnookerScoreboardStats;\n}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\nimport { SnookerScoreboardViewModel } from '../../../../scoreboards/models/snooker-scoreboard.viewmodel';\nimport { ScoreboardComponentBase } from '../../../../scoreboards/scoreboard-base.component';\n\n@Component({\n selector: 'ms-my-bets-snooker-scoreboard',\n templateUrl: './my-bets-scoreboard-snooker.html',\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class MyBetsSnookerScoreboardComponent extends ScoreboardComponentBase {\n @Input() override vm: SnookerScoreboardViewModel;\n}\n","{{ vm.participant1 }}
\n {{ vm.participant2 }}
\n \n
\n","{{ vm.eventName }}
\n \n
\n}\n","import { Component, HostBinding, Input, inject } from '@angular/core';\n\nimport { TeamType } from '@frontend/sports/betting-offer/feature/model';\nimport { Sitecore } from '@frontend/sports/common/client-config-data-access';\nimport { sumBy } from 'lodash-es';\n\nimport { BaseBallscoreboardViewModel } from '../../../../../scoreboards/models/baseball-scoreboard.viewmodel';\nimport { ScoreboardStat } from '../../../../../scoreboards/models/scoreboard-stats';\nimport { ScoreboardComponentBase } from '../../../../../scoreboards/scoreboard-base.component';\n\n@Component({\n selector: 'ms-my-bets-base-ball-scoreboard',\n templateUrl: './my-bets-baseball-scoreboard.html',\n})\nexport class MyBetsBaseballScoreboardComponent extends ScoreboardComponentBase {\n sitecore = inject(Sitecore);\n\n @Input() override vm: BaseBallscoreboardViewModel;\n\n playerSum = 0;\n extraInnings: ScoreboardStat[];\n teamType = TeamType;\n defaultInnings = 9;\n\n @HostBinding('class') className = 'mybets-scoreboard';\n\n getSum(vm: ScoreboardStat[], player: TeamType): number {\n const extraInnings = this.getExtraInnings(vm, player);\n const playerSum = this.getPlayerSum(extraInnings);\n\n return playerSum;\n }\n\n getExtraInnings(vm: ScoreboardStat[], player: TeamType): ScoreboardStat[] {\n return vm.slice(this.defaultInnings).filter((inning) => {\n return player === TeamType.Team01 ? +inning.player1 > 0 : +inning.player2 > 0;\n });\n }\n\n getPlayerSum(extraInnings: ScoreboardStat[]): number {\n return sumBy(extraInnings, (set) => {\n return +set.player1 || +set.player2;\n });\n }\n}\n","\n
\n \n \n
\n \n @if (vm.turn.isVisible) {\n
\n \n
\n }\n @for (stat of vm.sets.list | slice: 0 : 9; track stat) {\n \n
\n \n
\n \n
\n
\n }\n @if (vm.sets.list[defaultInnings] && vm.sets.list[defaultInnings].player1 !== '-1') {\n \n {{ stat.isEmpty(1) ? '-' : stat.player1 }}\n
\n \n {{ stat.isEmpty(2) ? '-' : stat.player2 }}\n
\n {{ $index + 1 }}
\n \n
\n }\n {{ getSum(vm.sets.list, teamType.Team01) }}
\n {{ getSum(vm.sets.list, teamType.Team02) }}
\n {{ sitecore.globalMessages.ExtraInnings }}
\n \n
\n \n
\n \n
\n \n
\n {{ vm.participant1runs }}
\n {{ vm.participant2runs }}
\n {{ sitecore.globalMessages.Runs }}
\n \n @if (vm) {\n
\n","import { ChangeDetectionStrategy, Component, Input, inject } from '@angular/core';\n\nimport { SitecoreEventDetailsConfig } from '@frontend/sports/common/client-config-data-access';\n\nimport { DartsScoreboardStats } from '../../../../../scoreboards/models/scoreboard-stats';\n\n@Component({\n selector: 'ms-my-bets-darts-stats-scoreboard',\n templateUrl: 'my-bets-darts-stats-scoreboard.html',\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class MyBetsDartsStatsScoreboardComponent {\n sitecoreEventDetails = inject(SitecoreEventDetailsConfig);\n\n @Input() vm: DartsScoreboardStats;\n}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\nimport { DartsScoreboardViewModel } from '../../../../../scoreboards/models/darts-scoreboard.viewmodel';\nimport { ScoreboardComponentBase } from '../../../../../scoreboards/scoreboard-base.component';\n\n@Component({\n selector: 'ms-my-bets-darts-scoreboard',\n templateUrl: 'my-bets-darts-scoreboard.html',\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class MyBetsScoreboardDartsComponent extends ScoreboardComponentBase {\n @Input() override vm: DartsScoreboardViewModel;\n}\n","\n \n \n \n
\n }\n @if (vm?.matchType === 1) {\n \n
\n }\n @if (vm?.legs) {\n {{ vm.participant1 }}
\n {{ vm.participant2 }}
\n {{ sitecoreEventDetails.eventDetails.Sets }}
\n \n
\n }\n{{ vm.legs.participant1 }}
\n {{ vm.legs.participant2 }}
\n {{ sitecoreEventDetails.eventDetails.Legs }}
\n \n
\n \n}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\nimport { PeriodGameFullScoreboardStats } from '../../../../scoreboards/models/scoreboard-stats';\n\n@Component({\n changeDetection: ChangeDetectionStrategy.Default,\n templateUrl: './my-bets-pairgame-full-scoreboard-stats.html',\n selector: 'ms-my-bets-pairgame-full-scoreboard-stats',\n})\nexport class MyBetsPairgameFullScoreboardStatsComponent {\n @Input() vm: PeriodGameFullScoreboardStats;\n}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\nimport { PeriodGameScoreboardViewModel } from '../../../../../scoreboards/models/period-game-scoreboard.viewmodel';\nimport { ScoreboardComponentBase } from '../../../../../scoreboards/scoreboard-base.component';\n\n@Component({\n selector: 'ms-my-bets-scoreboard-period-game',\n templateUrl: 'my-bets-scoreboard-period-game.html',\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class MyBetsScoreboardPeriodGameComponent extends ScoreboardComponentBase {\n @Input() override vm: PeriodGameScoreboardViewModel;\n}\n","\n \n @if (vm.points.isVisible && vm.points.isEnabled) {\n
\n @for (stat of vm.periods.list; track $index) {\n {{ vm.points.player1 }}
\n {{ vm.points.player2 }}
\n \n @if (stat.isVisible) {\n
\n }\n {{ stat.player1 }}
\n {{ stat.player2 }}
\n \n }\n \n @for (card of cards; track card) {\n \n }\n
\n `,\n})\nexport class MyBetsScoreboardSoccerRedCardComponent {\n @Input() cardsCount = 0;\n\n get cards(): number[] {\n return this.cardsCount >= 0 ? Array.apply(0, Array(this.cardsCount)).map((x: any, i: number) => i) : [];\n }\n}\n","import { AnimationBuilder, AnimationFactory, animate, keyframes, query, sequence, style } from '@angular/animations';\nimport { Component, ElementRef, Input, OnChanges, OnDestroy, OnInit, SimpleChanges, ViewChild, inject } from '@angular/core';\n\n@Component({\n selector: 'ms-my-bets-scoreboard-soccer-goal',\n template: ` GOAL
\n \n
\n","import { Injectable } from '@angular/core';\n\nimport { FootballScore, IcehockeyPeriodGameScore, PeriodGameScore, ScoreboardType, SetGameScore } from '@frontend/sports/betting-offer/feature/model';\nimport { SportConstant } from '@frontend/sports/common/core/data-access/constants';\nimport { sumBy } from 'lodash-es';\n\nimport { DartsScoreboardViewModel } from '../../scoreboards/models/darts-scoreboard.viewmodel';\nimport { PairScoreboardViewModel } from '../../scoreboards/models/pair-scoreboard.viewmodel';\nimport { PenaltyShootoutScoreboardViewModel } from '../../scoreboards/models/penalty-shootout-scoreboard.viewmodel';\nimport { ScoreboardViewModel } from '../../scoreboards/models/scoreboard.viewmodel';\nimport { SetScoreboardViewModel, TennisScoreboardViewModel } from '../../scoreboards/models/set-scoreboard.viewmodel';\nimport { SnookerScoreboardViewModel } from '../../scoreboards/models/snooker-scoreboard.viewmodel';\nimport { SoccerScoreboardViewModel } from '../../scoreboards/models/soccer-scoreboard.viewmodel';\nimport { MyBetsEventModel } from '../models/my-bets-event.model';\n\n@Injectable()\nexport class MyBetsCondensedScoreboardService {\n getTotalsScore(event: MyBetsEventModel, baseScoreboardViewModel: ScoreboardViewModel): string {\n if (!this.isEventEligibleForScore(event) || this.isExcludedScoreboardType(event)) {\n return '';\n }\n\n switch (event.sport.id) {\n case SportConstant.Soccer:\n return this.getSoccerScore(event, baseScoreboardViewModel);\n case SportConstant.Darts:\n return this.getDartsScore(baseScoreboardViewModel);\n case SportConstant.Tennis:\n return this.getTennisScore(baseScoreboardViewModel);\n case SportConstant.AmericanFootball:\n case SportConstant.Icehockey:\n case SportConstant.Basketball:\n return this.getPeriodGameScore(event, baseScoreboardViewModel);\n case SportConstant.Snooker:\n return this.getSnookerScore(baseScoreboardViewModel);\n case SportConstant.Baseball:\n return this.getBaseballScore(event);\n default:\n return this.getDefaultScore(event, baseScoreboardViewModel);\n }\n }\n\n private isEventEligibleForScore(event: MyBetsEventModel): boolean {\n return event.live && event.scoreboard.started && event.participants.length > 0;\n }\n\n private isExcludedScoreboardType(event: MyBetsEventModel): boolean {\n return event.scoreboard.type === ScoreboardType.TournamentGame || event.scoreboard.type === ScoreboardType.LeaderboardGame;\n }\n\n private getSoccerScore(event: MyBetsEventModel, baseScoreboardViewModel: ScoreboardViewModel): string {\n const score = event.scoreboard.getScore\n
\n}\n\n{{ event.name }}
\n \n @if (!indicatorWithScore) {\n \n }\n \n
\n\n \n @if (stat.showTargetStat) {\n \n }\n
\n}\n{{ awayPlayer() }}\n","import { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, computed } from '@angular/core';\n\nimport { VisualizationBetState, VisualizationConstants, betStateMapping } from '../../models/my-bets-visualization-types';\nimport { MyBetsVisualizationService } from '../../services/my-bets-visualization.service';\nimport { VisualizationBaseComponent } from './visualization-base.component';\n\nexport interface StatOptions {\n currentStat: string;\n progressBarWidth: string;\n showTargetStat: boolean;\n betStateClassName: string;\n}\n\nexport interface PlayerStatContext {\n currentStat: number;\n isPrimaryPlayer: boolean;\n isBelowTargetStat: boolean;\n isSinglePlayerWon: boolean;\n isDoublePlayerWon: boolean;\n visualizationState: VisualizationBetState;\n}\n\n@Component({\n standalone: true,\n imports: [NgClass],\n selector: 'ms-my-bets-h2h-visualization',\n templateUrl: 'my-bets-h2h-visualization.component.html',\n styleUrl: './my-bets-h2h-visualization.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MyBetsH2HVisualizationComponent extends VisualizationBaseComponent {\n @HostBinding('class') className = 'live-bets-tracking';\n\n private readonly playerWonValue = '100%';\n private readonly playerLostValue = '50%';\n private readonly neitherMarketPlayersCount = 2;\n private readonly neitherMarketOptionsCount = 3;\n\n constructor(private myBetsVisualizationService: MyBetsVisualizationService) {\n super();\n }\n\n targetStatValue = computed(() => this.statsData().targetStat[0]);\n\n stats = computed(() => [\n this.getStatOptions(this.statsData().player1CurrStat, this.isHomePlayer()),\n this.getStatOptions(this.statsData().player2CurrStat, this.isAwayPlayer()),\n ]);\n\n private participants = computed(() => this.myBetsVisualizationService.getParticipants(this.event().participants));\n homePlayer = computed(() => this.participants().participant1 || '');\n awayPlayer = computed(() => this.participants().participant2 || '');\n\n private isNeitherMarket = computed(() => this.checkIfNeitherMarket());\n private isBelowTargetStat = computed(\n () => this.statsData().player1CurrStat < this.targetStatValue() && this.statsData().player2CurrStat < this.targetStatValue(),\n );\n\n private isDoublePlayerWon = computed(\n () => this.statsData().player1CurrStat >= this.targetStatValue() && this.statsData().player2CurrStat >= this.targetStatValue(),\n );\n\n private isHomePlayer(): boolean {\n return this.statsData().player.playerName === VisualizationConstants.HomePlayer;\n }\n\n private isAwayPlayer(): boolean {\n return this.statsData().player.playerName === VisualizationConstants.AwayPlayer;\n }\n\n private checkIfNeitherMarket(): boolean {\n const stats = this.myBetsVisualizationService.marketStatsDetails(this.event(), this.bet().marketId);\n const playerCount = stats.marketStatsInfo?.options.reduce((counter, x) => (x.playerId ? counter + 1 : counter), 0);\n\n return stats.marketStatsInfo?.options.length === this.neitherMarketOptionsCount && playerCount === this.neitherMarketPlayersCount;\n }\n\n private getStatOptions(currentStat: number, isPrimaryPlayer: boolean): StatOptions {\n const context: PlayerStatContext = {\n currentStat,\n isPrimaryPlayer,\n isBelowTargetStat: this.isBelowTargetStat(),\n isSinglePlayerWon: this.isSinglePlayerWon(currentStat),\n isDoublePlayerWon: this.isDoublePlayerWon(),\n visualizationState: this.getVisualizationState(),\n };\n\n return this.isNeitherMarket() ? this.getNeitherMarketStatOptions(context) : this.getRegularMarketStatOptions(context);\n }\n\n private getNeitherMarketStatOptions(context: PlayerStatContext): StatOptions {\n if (this.isCashedOut() || context.visualizationState !== VisualizationBetState.Cancelled) {\n return this.getStatOptionBasedOnPlayer(context);\n }\n\n return this.getStatOptionsBasedOnBetState(context.isPrimaryPlayer, context.visualizationState);\n }\n\n private getRegularMarketStatOptions(context: PlayerStatContext): StatOptions {\n if (this.isCashedOut() || context.visualizationState === VisualizationBetState.Open) {\n return this.getStatOptionBasedOnPlayer(context);\n }\n\n return this.getStatOptionsBasedOnBetState(context.isPrimaryPlayer, context.visualizationState);\n }\n\n private isSinglePlayerWon(currentStat: number): boolean {\n return currentStat >= this.statsData().player1CurrStat && currentStat >= this.statsData().player2CurrStat;\n }\n\n private getStatOptionBasedOnPlayer(context: PlayerStatContext): StatOptions {\n if (context.isBelowTargetStat) {\n return this.getStatOptionsForPlayerInProgress(context.currentStat, context.isPrimaryPlayer);\n }\n\n return (context.isSinglePlayerWon && !context.isDoublePlayerWon) || (context.isDoublePlayerWon && context.isPrimaryPlayer)\n ? this.getStatOptionsForPlayerWon(context.isPrimaryPlayer)\n : this.getStatOptionsForPlayerLost(context.isPrimaryPlayer);\n }\n\n private getStatOptionsBasedOnBetState(isPrimaryPlayer: boolean, visualizationState: VisualizationBetState): StatOptions {\n switch (visualizationState) {\n case VisualizationBetState.Won:\n return isPrimaryPlayer ? this.getStatOptionsForPlayerWon(isPrimaryPlayer) : this.getStatOptionsForPlayerLost(isPrimaryPlayer);\n case VisualizationBetState.Lost:\n return isPrimaryPlayer ? this.getStatOptionsForPlayerLost(isPrimaryPlayer) : this.getStatOptionsForPlayerWon(isPrimaryPlayer);\n case VisualizationBetState.Cancelled:\n return this.getStatOptionsForPlayerLost(isPrimaryPlayer);\n default:\n return this.getDefaultStatOptions();\n }\n }\n\n private getDefaultStatOptions(): StatOptions {\n return {\n currentStat: '',\n showTargetStat: false,\n progressBarWidth: '',\n betStateClassName: '',\n };\n }\n\n private getStatOptionsForPlayerInProgress(progressStat: number, isPrimaryPlayer: boolean): StatOptions {\n return {\n currentStat: progressStat.toString(),\n showTargetStat: true,\n progressBarWidth: this.calculateProgressBarWidth(progressStat),\n betStateClassName: this.getBetStateClassName(isPrimaryPlayer),\n };\n }\n\n private getStatOptionsForPlayerWon(isPrimaryPlayer: boolean): StatOptions {\n return {\n currentStat: this.targetStatValue().toString(),\n showTargetStat: false,\n progressBarWidth: this.playerWonValue,\n betStateClassName: this.getBetStateClassName(isPrimaryPlayer),\n };\n }\n\n private getStatOptionsForPlayerLost(isPrimaryPlayer: boolean): StatOptions {\n return {\n currentStat: '-',\n showTargetStat: true,\n progressBarWidth: this.playerLostValue,\n betStateClassName: this.getBetStateClassName(isPrimaryPlayer),\n };\n }\n\n private calculateProgressBarWidth(progressStat: number): string {\n return `calc((100% / ${this.targetStatValue()}) * ${progressStat})`;\n }\n\n private getBetStateClassName(isPrimaryPlayer: boolean): string {\n const totalCurrStat = this.statsData().player1CurrStat + this.statsData().player2CurrStat;\n const isSettled = !isPrimaryPlayer;\n\n return this.myBetsVisualizationService.getBetStateClassName(\n this.betMarketInfo().state,\n totalCurrStat,\n this.isCashedOut(),\n isSettled,\n this.isNeitherMarket(),\n this.statsData().player.playerId,\n );\n }\n\n private getVisualizationState(): VisualizationBetState {\n const { state } = this.betMarketInfo();\n\n return betStateMapping[state];\n }\n}\n","import { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, computed } from '@angular/core';\n\nimport { BetslipListType } from '@frontend/sports/types/models/my-bets';\n\nimport { PlayerStatInfo, VisualizationConstants } from '../../models/my-bets-visualization-types';\nimport { MyBetsVisualizationService } from '../../services/my-bets-visualization.service';\nimport { VisualizationBaseComponent } from './visualization-base.component';\n\n@Component({\n standalone: true,\n imports: [NgClass],\n selector: 'ms-my-bets-target-visualization',\n templateUrl: 'my-bets-target-visualization.component.html',\n styleUrl: './my-bets-target-visualization.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MyBetsTargetVisualizationComponent extends VisualizationBaseComponent {\n @HostBinding('class') className = 'live-bets-tracking';\n\n constructor(private myBetsVisualizationService: MyBetsVisualizationService) {\n super();\n }\n\n private resetStats = computed(() => this.computeResetStats());\n\n targetStatValue = computed(() => this.resetStats().targetStat.join('-'));\n\n progressBarWidth = computed(() => this.calculateProgressBarWidth());\n\n betStateClassName = computed(() =>\n this.myBetsVisualizationService.getBetStateClassName(this.betMarketInfo().state, this.currentStatValue(), this.isCashedOut()),\n );\n\n override currentStatValue = computed(() => this.calculateCurrentStatValue());\n\n private computeResetStats(): PlayerStatInfo {\n const resetStats = { ...this.statsData() };\n const stats = this.myBetsVisualizationService.marketStatsDetails(this.event(), this.betMarketInfo().marketId);\n\n if (!this.shouldResetStats(stats, resetStats.player.playerId)) {\n return resetStats;\n }\n\n return this.resetStatsForTeamPlay(resetStats);\n }\n\n private shouldResetStats(stats: { statsType: string }, playerId: number | undefined): boolean {\n return stats.statsType === VisualizationConstants.Team && !!this.event().fixtureScoreboard && !!playerId;\n }\n\n private resetStatsForTeamPlay(resetStats: PlayerStatInfo): PlayerStatInfo {\n const { playerName } = resetStats.player;\n\n if (playerName === VisualizationConstants.HomePlayer) {\n resetStats.player2CurrStat = 0;\n } else if (playerName === VisualizationConstants.AwayPlayer) {\n resetStats.player1CurrStat = 0;\n }\n\n return resetStats;\n }\n\n private calculateProgressBarWidth(): string {\n const currentStat = this.currentStatValue();\n const targetStat = this.resetStats().targetStat;\n\n if (currentStat <= targetStat[0]) {\n return `calc((80% / ${targetStat[0]}) * ${currentStat})`;\n }\n\n if (targetStat.length > 1 && currentStat >= targetStat[0] && currentStat <= targetStat[1]) {\n return '80%';\n }\n\n return this.myBetsListContext().listType !== BetslipListType.Settled ? '90%' : '100%';\n }\n\n private calculateCurrentStatValue(): number {\n return this.resetStats().player1CurrStat + this.resetStats().player2CurrStat;\n }\n}\n","\n","import { ChangeDetectionStrategy, Component, HostBinding, computed } from '@angular/core';\n\nimport { SitecoreMyBetsConfig } from '@frontend/sports/common/client-config-data-access';\n\nimport { VisualizationBetState, VisualizationConstants, betStateMapping } from '../../models/my-bets-visualization-types';\nimport { MyBetsVisualizationService } from '../../services/my-bets-visualization.service';\nimport { VisualizationBaseComponent } from './visualization-base.component';\n\n@Component({\n standalone: true,\n selector: 'ms-my-bets-textual-visualization',\n templateUrl: 'my-bets-textual-visualization.component.html',\n styleUrl: './my-bets-textual-visualization.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MyBetsTextualVisualizationComponent extends VisualizationBaseComponent {\n @HostBinding('class') get className() {\n return this.betStateClassName() + ' live-bets-tracking ';\n }\n\n stats = computed(() => {\n const currStatValue = this.currentStatValue() > 0 ? Math.abs(this.statsData().player1CurrStat - this.statsData().player2CurrStat) : 0;\n const metaDataInfo = this.getMetaData();\n\n return { currStat: currStatValue, metaData: metaDataInfo };\n });\n\n private betStateClassName = computed(() =>\n this.myBetsVisualizationService.getBetStateClassName(this.betMarketInfo().state, this.currentStatValue(), this.isCashedOut()),\n );\n\n constructor(\n private sitecoreMyBets: SitecoreMyBetsConfig,\n private myBetsVisualizationService: MyBetsVisualizationService,\n ) {\n super();\n }\n\n private getCurrentStat(): { statValue: number; playerName: string } {\n const statsData = this.statsData();\n const marketStats = this.myBetsVisualizationService.marketStatsDetails(this.event(), this.betMarketInfo().marketId);\n let playerName = this.betMarketInfo().optionName;\n\n if (marketStats.statsType !== VisualizationConstants.Team && this.event().playerStats) {\n return { statValue: statsData.player1CurrStat - statsData.player2CurrStat, playerName };\n } else {\n const { participant1, participant2 } = this.myBetsVisualizationService.getParticipants(this.event().participants);\n switch (statsData.player.playerName) {\n case VisualizationConstants.HomePlayer:\n return { statValue: statsData.player1CurrStat - statsData.player2CurrStat, playerName: participant1 };\n case VisualizationConstants.AwayPlayer:\n return { statValue: statsData.player2CurrStat - statsData.player1CurrStat, playerName: participant2 };\n default:\n return { statValue: 0, playerName };\n }\n }\n }\n\n private getMetaData(): string {\n const currentStat = this.getCurrentStat();\n return this.getMetaDataBasedOnBetState(currentStat.statValue, currentStat.playerName);\n }\n\n private getMetaDataBasedOnBetState(calCurrentStat: number, player: string): string {\n const visualizationState = betStateMapping[this.betMarketInfo().state];\n const { TiedAt, AheadBy, BehindBy, WonBy, LostBy } = this.sitecoreMyBets.myBets;\n const statCheck = this.currentStatValue() === 0 || calCurrentStat === 0;\n\n switch (visualizationState) {\n case VisualizationBetState.Open:\n case VisualizationBetState.Cancelled:\n if (statCheck) {\n return `${player} ${TiedAt}`;\n }\n\n return `${player} ${calCurrentStat > 0 ? AheadBy : BehindBy}`;\n case VisualizationBetState.Won:\n return `${player} ${WonBy}`;\n case VisualizationBetState.Lost:\n return `${player} ${LostBy}`;\n default:\n return '';\n }\n }\n}\n","\n{{ stats().currStat }}\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ComponentRef,\n HostBinding,\n OnDestroy,\n OnInit,\n Type,\n ViewChild,\n ViewContainerRef,\n input,\n} from '@angular/core';\n\nimport { EventSubscription } from '@frontend/sports/event-subscription/feature/base-subscription';\n\nimport { PlayerStatsSubscriptionService } from '../../../event-subscription/player-stats-subscription-service';\nimport { ScoreboardSubscriptionService } from '../../../event-subscription/scoreboard-subscription.service';\nimport { MyBetsBet, MyBetsBetBuilderLeg, MyBetsListContext } from '../../../my-bets-base/models/my-bets-viewmodels';\nimport { ScoreboardViewmodelFactory } from '../../../scoreboards/models/scoreboard-viewmodel.factory';\nimport { ScoreboardViewModel } from '../../../scoreboards/models/scoreboard.viewmodel';\nimport { MyBetsEventModel } from '../../models/my-bets-event.model';\nimport {\n BetMarketInfo,\n MarketStatInfo,\n PlayerInfo,\n PlayerStatInfo,\n VisualizationConstants,\n VisualizationType,\n} from '../../models/my-bets-visualization-types';\nimport { MyBetsVisualizationService } from '../../services/my-bets-visualization.service';\nimport { MyBetsH2HVisualizationComponent } from './my-bets-h2h-visualization.component';\nimport { MyBetsTargetVisualizationComponent } from './my-bets-target-visualization.component';\nimport { MyBetsTextualVisualizationComponent } from './my-bets-textual-visualization.component';\nimport { VisualizationBaseComponent } from './visualization-base.component';\n\n@Component({\n standalone: true,\n imports: [],\n selector: 'ms-my-bets-visualization',\n template: ``,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [ScoreboardViewmodelFactory, MyBetsVisualizationService],\n})\nexport class MyBetsVisualizationComponent implements OnInit, OnDestroy {\n event = input.required\n
\n} @else {\n \n @if (isEpcotEnabled) {\n
\n}\n\n@if (collapsed && !myBetsListContext.isPrintView) {\n \n @if (!isEpcotEnabled) {\n
\n \n @if (myBetsUtilService.isBetCardRedesigned()) {\n {{ legsLabel() }}\n
\n }\n\n ![\"{{]()
\n }\n }\n
\n }\n \n
\n \n
\n \n @if (showBetOdds() && bet() && bet()?.odds) {\n @if (bet()?.isBanker) {\n \n }\n {{ bet()?.odds | msMyBetsOddsPipe }}\n } @else if (!showBetOdds() && betslip() && betslip().totalOdds) {\n \n {{ totalOddsValue() }}\n \n @if (oddsAreBoosted) {\n {{ boostedOdds() | msMyBetsOddsPipe }}\n }\n @if (isSGPRepricedOdds) {\n {{\n betslip().isOGPRepricePending\n ? this.sitecoreMyBets.myBets.PendingOdds\n : (this.betslip().totalOGPRepricedOdds | msMyBetsOddsPipe)\n }}\n }\n }\n
\n {{ bet().eventName }}
\n \n @for (result of results(); track $index) {\n
\n \n @if (mybetsConfig.showBetTypeAsBadge) {\n
\n @if (myBetsListContext().isPrintView) {\n {{ sitecoreMyBets?.myBets?.BetSlipNr }}: {{ betslip().betslipId }}\n }\n \n
\n@if (isEpcotEnabled) {\n \n {{ bet().odds | msMyBetsOddsPipe }}\n @if (betCancelledAndPending() || betCancelledAndRepriced()) {\n {{\n betCancelledAndPending() ? sitecoreMyBets.myBets.PendingOdds : (bet().ogpRepricingInfo?.odds | msMyBetsOddsPipe)\n }}\n }\n
\n\n @if (myBetsConfig.showBetTypeAsBadge && myBetsUtilService.isBetCardRedesigned()) {\n
\n} @else {\n {{ sitecoreMyBets.myBets.BuildABet }}\n - {{ bet().betBuilderInfo!.legs.length }} {{ sitecoreMyBets.myBets.picks }}\n}\n","import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\n\nimport { MyBetsConfig, SitecoreMyBetsConfig } from '@frontend/sports/common/client-config-data-access';\n\nimport { EpcotConfigService } from '../../../common/epcot-config.service';\nimport { MyBetsBet } from '../../../my-bets-base/models/my-bets-viewmodels';\nimport { MyBetsUtilService } from '../../services/my-bets-util.service';\n\n@Component({\n selector: 'ms-my-bets-multi-bet-betbuilder-title',\n templateUrl: 'my-bets-multi-bet-betbuilder-title.html',\n styleUrls: ['my-bets-multi-bet-betbuilder-title.scss', '../../styles/original-odds.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MyBetsBetbuilderTitleComponent {\n bet = input.required{{ marketName }}
`,\n})\nexport class MyBetsBetslipMarketNameComponent {\n constructor(private sitecore: Sitecore) {}\n\n @Input() bet: MyBetsBet;\n\n get marketName(): string {\n if (this.bet.participantInfo) {\n // participant bet.\n switch (this.bet.sportId) {\n case SportConstant.Horses: {\n return this.bet.betTypeName;\n }\n case SportConstant.Golf: {\n if (this.bet.participantInfo.betType === MyBetsRaceBetType.EachWay) {\n return `${this.bet.marketName} ${this.bet.betTypeName}`;\n } else {\n return this.bet.marketName;\n }\n }\n default: {\n return this.bet.marketName;\n }\n }\n }\n\n if (this.bet.isPriceBoosted) {\n return `${this.bet.marketName} - ${this.sitecore.event.PriceBoostMarket}`;\n }\n\n if (\n this.bet.optionMarketInfo &&\n (this.bet.betType === BetType.EachWay ||\n this.bet.betType === BetType.Forecast ||\n this.bet.betType === BetType.Tricast ||\n this.bet.betType === BetType.CombinationForecast ||\n this.bet.betType === BetType.CombinationTricast)\n ) {\n return this.bet.betTypeName;\n }\n return this.bet.marketName;\n }\n}\n","{{ bet.optionName }}
\n\n 1\">\n \n {{ sitecoreMyBets.myBets[i + 1] }}\n \n {{ p }}\n , \n \n \n
\n{{ sportAndCopetitionName }}
`,\n})\nexport class MyBetsBetslipSportCompetitionNameComponent {\n @Input() bet: MyBetsBet;\n\n get sportAndCopetitionName(): string {\n const { sportName, leagueName } = this.bet;\n\n return [sportName, leagueName].filter((name) => name).join(' - ');\n }\n}\n","@if (isEpcotEnabled) {\n \n @if (bet().betBuilderInfo) {\n
\n @if (bet().betBuilderInfo) {\n \n
\n} @else {\n @if (bet().betBuilderInfo) {\n \n @if (showBetslipId()) {\n {{ sitecoreMyBets.myBets.SingleBet }}\n {{ sitecoreMyBets.myBets.BetSlipNr }}: {{ betslip()?.betslipId }}\n }\n
\n @if (showBetslipId()) {\n \n }\n \n
\n }\n\n @if (showBetslipId()) {\n {{ sitecoreMyBets.myBets.BetSlipNr }}: {{ betslip()?.betslipId }}\n }\n
\n\n @if (bet().betBuilderInfo) {\n
\n @if (bet().betBuilderInfo) {\n \n
\n} @else {\n @if (bet().betBuilderInfo) {\n \n @if (showBetslipId()) {\n @if (!isEpcotEnabled) {\n {{ sitecoreMyBets.myBets.SingleBet }}\n }\n {{ sitecoreMyBets.myBets.BetSlipNr }}: {{ betslip()?.betslipId }}\n }\n
\n @if (showBetslipId()) {\n \n }\n \n {{ sitecoreMyBets.myBets.CancellationReason }}\n {{ bet().cancellationReason }}\n @if (!myBetsListContext().isPrintView) {\n \n }\n
\n } @else {\n \n {{ bet().cancellationReason ? sitecoreMyBets.myBets.CancellationReason : sitecoreMyBets.myBets.Results }}\n {{ bet().cancellationReason ? bet().cancellationReason : bet().outcome }}\n @if (bet().cancellationReason && !myBetsListContext().isPrintView) {\n
\n }\n }\n @if (!visualizationConfig().isTrackingEnabled) {\n \n @if (bet().isVirtual) {\n @if (isEpcotEnabled) {\n
\n \n {{ bet().eventDate | msMyBetsEventDatePipe }}\n
\n } @else {\n @if (visualizationConfig().visualizationType !== noVisualization) {\n \n @if (showBetslipId()) {\n {{ sitecoreMyBets.myBets.BetSlipNr }}: {{ betslip().betslipId }}\n }\n
\n \n
\n }\n\n
\n{{ sitecore.earlyPayoutV2.PendingPayoutInfoText }}
\n `,\n})\nexport class MyBetsBetslipPayoutInfoComponent {\n @HostBinding('class') className = 'my-bets-payout-info';\n\n constructor(public sitecore: Sitecore) {}\n}\n","import { Injectable, inject } from '@angular/core';\n\nimport { EdsPromoTokenType } from '@bpos';\nimport { SlipState } from '@bpos/v1/my-bets';\nimport { CRMTokenImages, CrmConfig, Sitecore } from '@frontend/sports/common/client-config-data-access';\nimport { MoneyService } from '@frontend/sports/common/core/feature/money';\nimport { isDefined } from '@frontend/sports/common/core/utils/extended-types';\nimport { interpolateDoubleBracesString } from '@frontend/sports/common/core/utils/string';\nimport { CRMTokenImage } from '@frontend/sports/types/models/crm-tokens';\nimport { groupBy, keys, sumBy } from 'lodash-es';\nimport { BetAndGetEdsToken } from 'packages/sports/common/betslip/modules/reward-tokens/reward-tokens.model';\n\nimport { MyBetsBetSlip, SignPostingReward, TokenType } from '../my-bets-base/models/my-bets-viewmodels';\nimport { MyBetsUtilService } from '../my-bets/services/my-bets-util.service';\nimport { PayoutType, RewardTokenType, RewardTriggerType, SignPostPayoutType, SignPostingOfferType } from '../tokens-base/token-base.models';\n\nexport interface ISignpostingAwardBanner {\n text: string;\n cssClass: string;\n}\n\nexport interface ITokenSignposting {\n iconCssClass: string;\n title: string;\n description?: string;\n}\n\n@Injectable({ providedIn: 'root' })\nexport class PostbetSignpostingService {\n private readonly signPostingRewardOfferTypes = [SignPostingOfferType.Promo.toString(), SignPostingOfferType.Eds.toString()];\n private sitecore = inject(Sitecore);\n private crmConfig = inject(CrmConfig);\n private moneyService = inject(MoneyService);\n private crmTokenimage = inject(CRMTokenImages);\n private myBetsUtilService = inject(MyBetsUtilService);\n private readonly enableRedesignedBetCard = this.myBetsUtilService.isBetCardRedesigned();\n\n getAwardBanners(rewards: SignPostingReward[]): ISignpostingAwardBanner[] {\n if (!this.crmConfig.signposting.isEnabled || !rewards) {\n return [];\n }\n\n return this.groupRewards(rewards.filter((r) => this.signPostingRewardOfferTypes.includes(r.offerType)))\n .map((reward) => this.mapReward(reward))\n .filter(isDefined);\n }\n\n getBetAndGetToken(betslip: MyBetsBetSlip): ITokenSignposting | undefined {\n if (\n !(betslip.edsPromoTokens.length === 1 && betslip.edsPromoTokens[0].tokenType === EdsPromoTokenType.BetAndGet) ||\n (betslip.isCachedOut && betslip.signPostingRewards.length === 0)\n ) {\n return;\n }\n\n if (betslip.signPostingRewards.length === 0 && betslip.state === SlipState.Open && betslip.placeBetSignPosting) {\n return this.getBetPlacementDescription(betslip.placeBetSignPosting as BetAndGetEdsToken);\n } else if (betslip.signPostingRewards.length > 0) {\n return this.getBetAwardedDescription(betslip.signPostingRewards[0].type, this.awardedValue(betslip.signPostingRewards[0].value));\n } else if (this.enableRedesignedBetCard) {\n if (betslip.edsPromoTokens.length === 1 && betslip.edsPromoTokens[0].tokenType === EdsPromoTokenType.BetAndGet) {\n return this.betAndGetDescription(betslip.placeBetSignPosting as BetAndGetEdsToken);\n }\n }\n\n return;\n }\n\n private getBetPlacementDescription(token: BetAndGetEdsToken): ITokenSignposting {\n let displayPayoutType = '';\n let payoutValue = '';\n const triggerTypeTitle =\n token.triggerType === RewardTriggerType.BetPlacement\n ? this.sitecore.crmTokens.betAndGet.betslipSummary.BetPlacementTemplate\n : this.sitecore.crmTokens.betAndGet.betslipSummary.BetSettlementTemplate;\n\n const rewardAwarded = this.getRewardAwardedValue(token);\n\n switch (token.payoutType) {\n case PayoutType.Cash:\n displayPayoutType = this.sitecore.crmTokens.betAndGet.betslipSummary.CashPayoutTemplate;\n payoutValue = rewardAwarded.rewardPayout;\n break;\n case PayoutType.Bonus:\n displayPayoutType = this.sitecore.crmTokens.betAndGet.betslipSummary.BonusPayoutTemplate;\n payoutValue = rewardAwarded.rewardPayout;\n break;\n case PayoutType.FreeBet:\n displayPayoutType = this.sitecore.crmTokens.betAndGet.betslipSummary.FreebetPayoutTemplate;\n payoutValue = rewardAwarded.rewardPayout;\n break;\n case PayoutType.OddsBoostToken:\n displayPayoutType = this.sitecore.crmTokens.betAndGet.betslipSummary.OddsBoostPayoutTemplate;\n break;\n case PayoutType.RiskFreeToken:\n displayPayoutType = this.sitecore.crmTokens.betAndGet.betslipSummary.RiskFreePayoutTemplate;\n break;\n }\n\n if (token.triggerType === RewardTriggerType.BetPlacement) {\n let displayPayoutTemplate = this.enableRedesignedBetCard\n ? this.sitecore.crmPostBetSignposting.messages.BetAndGetPromoAwarded\n : this.sitecore.crmPostBetSignposting.messages.BetAndGetAwarded;\n if (rewardAwarded.percentagePayout) {\n displayPayoutTemplate = this.enableRedesignedBetCard\n ? this.sitecore.crmPostBetSignposting.messages.BetAndGetPromoPercentageAwarded\n : this.sitecore.crmPostBetSignposting.messages.BetAndGetPercentageAwarded;\n }\n\n return {\n iconCssClass: this.iconClasses(token.payoutType),\n title: interpolateDoubleBracesString(displayPayoutTemplate, {\n payoutType: displayPayoutType,\n value: payoutValue,\n }),\n };\n } else {\n let displayPayoutTemplate = this.sitecore.crmPostBetSignposting.messages.BetAndGetPlaced;\n if (rewardAwarded.percentagePayout) {\n displayPayoutTemplate = this.sitecore.crmPostBetSignposting.messages.BetAndGetPercentagePlaced;\n }\n\n return {\n iconCssClass: this.iconClasses(token.payoutType),\n title: interpolateDoubleBracesString(displayPayoutTemplate, {\n payoutType: displayPayoutType,\n value: payoutValue,\n triggerType: triggerTypeTitle,\n }),\n description: interpolateDoubleBracesString(this.sitecore.crmPostBetSignposting.messages.BetAndGetCashOutDescription, {\n payoutType: token.payoutType,\n }),\n };\n }\n }\n\n private betAndGetDescription(token: BetAndGetEdsToken): ITokenSignposting {\n return {\n iconCssClass: this.iconClasses(token.payoutType),\n title: interpolateDoubleBracesString(this.sitecore.crmTokens.linearRewardTokens.MyBetsBetAndGetPromoDetailsTemplate, {\n payoutType: token.payoutType,\n amount: this.moneyService.transform(token.payoutDetails.value, true),\n }),\n };\n }\n\n private getRewardAwardedValue(token: BetAndGetEdsToken): { rewardPayout: string; percentagePayout: boolean } {\n if (!token.payoutDetails.value && !token.payoutDetails.percentage) {\n return { rewardPayout: '', percentagePayout: false };\n }\n if (token.payoutDetails.value) {\n return { rewardPayout: this.awardedValue(token.payoutDetails.value), percentagePayout: false };\n } else {\n return { rewardPayout: token.payoutDetails.percentage!.toString(), percentagePayout: true };\n }\n }\n\n private awardedValue(money: number): string {\n return this.moneyService.transform(money, true);\n }\n\n getRewardTokenImage(rewardTokenType: TokenType | undefined): CRMTokenImage | undefined {\n let rewardTokenImageSrc;\n switch (rewardTokenType) {\n case TokenType.FreeBetToken:\n rewardTokenImageSrc = this.findRewardTokenFromCrm(RewardTokenType.FreeBet);\n break;\n case TokenType.OddsBoostToken:\n rewardTokenImageSrc = this.findRewardTokenFromCrm(RewardTokenType.OddsBoost);\n break;\n case TokenType.BetAndGetToken:\n rewardTokenImageSrc = this.findRewardTokenFromCrm(RewardTokenType.BetAndGet);\n break;\n case TokenType.RiskFreeToken:\n rewardTokenImageSrc = this.findRewardTokenFromCrm(RewardTokenType.RiskFreeBet);\n break;\n }\n return rewardTokenImageSrc;\n }\n\n private findRewardTokenFromCrm = (rewardTokenType: RewardTokenType) => this.crmTokenimage.crmTokenImages.find((x) => x.name === rewardTokenType);\n\n private getBetAwardedDescription(payoutType: string, reward: string): ITokenSignposting {\n let signPostPayout = '';\n\n switch (payoutType) {\n case SignPostPayoutType.Cash:\n case PayoutType.Cash:\n signPostPayout = this.sitecore.crmTokens.betAndGet.betslipSummary.CashPayoutTemplate;\n break;\n case SignPostPayoutType.Bonus:\n case PayoutType.Bonus:\n signPostPayout = this.sitecore.crmTokens.betAndGet.betslipSummary.BonusPayoutTemplate;\n break;\n case SignPostPayoutType.FreeBet:\n case PayoutType.FreeBet:\n signPostPayout = this.sitecore.crmTokens.betAndGet.betslipSummary.FreebetPayoutTemplate;\n\n break;\n case SignPostPayoutType.OddsBoostToken:\n case PayoutType.OddsBoostToken:\n signPostPayout = this.sitecore.crmTokens.betAndGet.betslipSummary.OddsBoostPayoutTemplate;\n reward = '';\n break;\n case SignPostPayoutType.RiskFreeToken:\n case PayoutType.RiskFreeToken:\n reward = '';\n signPostPayout = this.sitecore.crmTokens.betAndGet.betslipSummary.RiskFreePayoutTemplate;\n break;\n }\n\n return {\n iconCssClass: this.iconClasses(payoutType),\n title: interpolateDoubleBracesString(\n this.enableRedesignedBetCard\n ? this.sitecore.crmPostBetSignposting.messages.BetAndGetPromoAwarded\n : this.sitecore.crmPostBetSignposting.messages.BetAndGetAwarded,\n {\n payoutType: signPostPayout,\n value: reward,\n },\n ),\n };\n }\n\n private iconClasses(payoutType: string): string {\n const iconClass = 'signposting-reward-tokens-card__icon';\n switch (payoutType) {\n case PayoutType.Cash:\n case SignPostPayoutType.Cash:\n return this.crmConfig.tokens.icons.cash + ' ' + iconClass + '--cash';\n case PayoutType.FreeBet:\n case SignPostPayoutType.FreeBet:\n return this.crmConfig.tokens.icons.freeBet + ' ' + iconClass + '--freebet';\n case PayoutType.OddsBoostToken:\n case SignPostPayoutType.OddsBoostToken:\n return this.crmConfig.tokens.icons.oddsBoost + ' ' + iconClass + '--oddsboost';\n case PayoutType.RiskFreeToken:\n case SignPostPayoutType.RiskFreeToken:\n return this.crmConfig.tokens.icons.riskFree + ' ' + iconClass + '--riskfree';\n case PayoutType.Bonus:\n case SignPostPayoutType.Bonus:\n return this.crmConfig.tokens.icons.bonus + ' ' + iconClass + '--bonus';\n\n default:\n return '';\n }\n }\n\n private mapReward(reward: SignPostingReward): ISignpostingAwardBanner | undefined {\n const mapping = this.crmConfig.signposting.awardTypeMapping[reward.type.toLowerCase()];\n if (mapping && mapping.sitecoreReference) {\n const rewardType = this.sitecore.crmPostBetSignposting.rewardTypes[mapping.sitecoreReference];\n if (!rewardType) {\n return undefined;\n }\n\n return {\n text: interpolateDoubleBracesString(rewardType, {\n value: this.getFormattedDecimalValue(reward.value, mapping.decimalDigits?.value),\n currency: reward.currency,\n maxCap: this.getFormattedDecimalValue(reward.maxCap, mapping.decimalDigits?.maxCap),\n }),\n cssClass: mapping.cssClass || '',\n };\n }\n\n return undefined;\n }\n\n private groupRewards(rewards: SignPostingReward[]): SignPostingReward[] {\n let index = 0;\n const rewardGroups = groupBy(rewards, (reward) => this.getGroupKey(reward, ++index));\n\n return keys(rewardGroups)\n .map((rewardGroup) => rewardGroups[rewardGroup])\n .map((r) => {\n return {\n type: r[0].type,\n value: sumBy(r, (reward) => reward.value),\n currency: r[0].currency,\n maxCap: r[0].maxCap,\n rewardTime: r[0].rewardTime,\n offerId: r[0].offerId,\n offerType: r[0].offerType,\n };\n });\n }\n\n private getGroupKey(reward: SignPostingReward, index: number): string {\n const rewardType = reward.type.toLowerCase();\n const mapping = this.crmConfig.signposting.awardTypeMapping[rewardType];\n\n return mapping && mapping.grouping ? `${rewardType}|${reward.currency || ''}|${reward.maxCap || 0}` : `${rewardType}|${index}}`;\n }\n\n private getFormattedDecimalValue(decimalValue: number | undefined, decimalDigits: number | undefined): string {\n return decimalValue?.toFixed(decimalDigits || 0) || '';\n }\n}\n","import { Injectable } from '@angular/core';\n\nimport { ReBetConfig } from '@frontend/sports/common/client-config-data-access';\nimport { BetslipListType } from '@frontend/sports/types/models/my-bets';\n\nimport { ReBetMyBetsTabs } from '../../../common/re-bet-my-bets-tabs.models';\n\n@Injectable()\nexport class ReBetAvailabilityService {\n constructor(private reBetConfig: ReBetConfig) {}\n\n isAvailable(listType?: BetslipListType): boolean {\n const tab = this.getTabFromListType(listType);\n\n return this.reBetConfig.enabledTabs.includes(tab.toUpperCase());\n }\n\n isCTASubTextAvailable(listType?: BetslipListType): boolean {\n const tab = this.getTabFromListType(listType);\n\n return this.reBetConfig.ctaSubtitleEnabledTabs.includes(tab.toUpperCase());\n }\n\n isCTASubHeaderAvailable(listType?: BetslipListType): boolean {\n const tab = this.getTabFromListType(listType);\n\n return this.reBetConfig.ctaDescriptionEnabledTabs.includes(tab.toUpperCase());\n }\n\n isHelpBoxAvailable(listType?: BetslipListType): boolean {\n const tab = this.getTabFromListType(listType);\n\n return this.reBetConfig.helpBoxEnabledTabs.includes(tab.toUpperCase()) && this.reBetConfig.enabledTabs.includes(tab.toUpperCase());\n }\n\n private getTabFromListType(listType?: BetslipListType): string {\n switch (listType) {\n case BetslipListType.Live:\n return ReBetMyBetsTabs.Live;\n case BetslipListType.Open:\n return ReBetMyBetsTabs.Open;\n case BetslipListType.Settled:\n return ReBetMyBetsTabs.Settled;\n default:\n return '';\n }\n }\n}\n","export const MyBetsTrackingLocation = 'My Bets';\n","import { Injectable } from '@angular/core';\n\nimport { BrazilRegulatoryData, RegulatoryDataResponse } from '@bpos/v1/my-bets';\nimport { ApiService } from '@frontend/sports/common/api-utils';\nimport { MyBetsConfig } from '@frontend/sports/common/client-config-data-access';\nimport { LoggerFactory, SportsRemoteLogger } from '@frontend/sports/common/core/feature/logging';\nimport { ExpiringCache } from '@frontend/sports/common/core/utils/expiring-cache';\nimport { Nullable } from '@frontend/sports/common/core/utils/extended-types';\nimport { BetslipListType, MyBetsFilteredResponse, MyBetsListSlimResponse, MyBetsSingleResponse } from '@frontend/sports/types/models/my-bets';\nimport { Observable, firstValueFrom, of } from 'rxjs';\nimport { catchError, map } from 'rxjs/operators';\n\nimport { myBetsListSlimErrorResponse } from '../../my-bets-base/models/my-bets-response';\n\nexport interface IMyBetsListRequest {\n typeFilter: BetslipListType | null;\n index: number;\n maxItems?: number;\n pinnedBetslipIds?: string;\n eventIds: string[] | null;\n outcome?: string;\n fromDate?: string;\n toDate?: string;\n associatedAccount?: string;\n}\n\n@Injectable({ providedIn: 'root' })\nexport class MyBetsApiService {\n private readonly logger: SportsRemoteLogger;\n private allBetslipsCache: ExpiringCache;\n private singleBetslipCache: ExpiringCache;\n private getMyBetsCache: ExpiringCache;\n\n constructor(\n private apiService: ApiService,\n loggerFactory: LoggerFactory,\n private myBetsConfig: MyBetsConfig,\n ) {\n this.logger = loggerFactory.getLogger('MyBetsApiService');\n\n const timeout = (this.myBetsConfig.cacheTimeout || 100) / 1000;\n\n this.allBetslipsCache = new ExpiringCache(timeout);\n this.singleBetslipCache = new ExpiringCache(timeout);\n this.getMyBetsCache = new ExpiringCache(timeout);\n }\n\n getSingleBetslip({\n betslipId,\n associatedAccount,\n showAltLang = false,\n useDetails = false,\n }: {\n betslipId: string;\n associatedAccount: string;\n showAltLang?: boolean;\n useDetails?: boolean;\n }): Observable\n \n
\n","import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, inject } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { Sitecore } from '@frontend/sports/common/client-config-data-access';\nimport { ISimpleChanges } from '@frontend/sports/common/core/utils/simple-change';\nimport { formatString } from '@frontend/sports/common/core/utils/string';\nimport { WINDOW } from '@frontend/vanilla/core';\nimport { Subject, distinctUntilChanged, filter, fromEvent, merge, switchMap, takeUntil, tap } from 'rxjs';\n\n@Component({\n selector: 'ms-my-bets-taxation-info',\n templateUrl: './taxation-info.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TaxationInfoComponent implements OnInit, OnChanges {\n @Input() isVisible = false;\n private isVisible$ = new Subject{{ sitecore.betslip.editBet.infoConfirm }}
\n\n
\n\n\n {{ label() }}: {{ value() }}\n
\n\n @if (myBetsListContext.isPrintView) {\n
\n}\n","import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\nimport { BetSlipType, Odds, TaxationModel } from '@bpos';\nimport { BestOddsGuaranteedInformation, BestOddsGuaranteedState, SlipState } from '@bpos/v1/my-bets';\nimport { MyBetsConfig, PriceBoostConfig, RacingConfig, Sitecore, SitecoreMyBetsConfig } from '@frontend/sports/common/client-config-data-access';\nimport { MoneyService } from '@frontend/sports/common/core/feature/money';\nimport { SyncUserSettingsService } from '@frontend/sports/user/feature';\nimport { IntlService } from '@frontend/vanilla/core';\n\nimport { EpcotConfigService } from '../../../common/epcot-config.service';\nimport { MyBetsBetSlip, MyBetsListContext, TokenType } from '../../../my-bets-base/models/my-bets-viewmodels';\nimport { MyBetsOddsPipe } from '../../../my-bets-base/pipes/my-bets-odds.pipe';\nimport { BetslipUtilService } from '../../../my-bets/services/betslip-util.service';\nimport { MyBetsUtilService } from '../../services/my-bets-util.service';\n\n@Component({\n selector: 'ms-my-bets-betslip-summary',\n templateUrl: 'my-bets-betslip-summary.html',\n styleUrl: '../../styles/original-odds.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MyBetsBetslipSummaryComponent implements OnInit {\n @Input() betslip: MyBetsBetSlip;\n @Input() isEditBetHistory = false;\n @Input() isCurrentBet = false;\n @Input() myBetsListContext: MyBetsListContext;\n\n @Output() infoClicked = new EventEmitter\n
\n }\n\n {{ dateLabel }}
\n \n
\n \n {{ stakeLabel }}\n\n @if (isTurnoverTax) {\n \n }\n
\n \n
\n {{ totalOddsLabel }}
\n \n \n
\n @if (myBetsListContext.isPrintView) {\n \n
\n }\n\n \n @if (!isEpcotEnabled) {\n {{ dateValue | msMyBetsEventDateTimePipe }}\n } @else {\n {{ dateValue | msMyBetsEventDatePipe }}\n }\n
\n \n
\n \n
\n {{ stakeValue }}
\n @if (shouldShowRiskFreeInfoIcon && !myBetsListContext.isPrintView) {\n \n \n
\n }\n \n
\n \n @if (oddsAreBoosted) {\n {{ totalOddsValue }} {{ boostedOdds }}\n } @else if (isPriceBoost) {\n {{ priceBoostOriginalOdds }}\n {{ totalOddsValue }} \n @if (enableSGPRepricedOdds && (betslip.isOGPRepricePending || !!betslip.totalOGPRepricedOdds)) {\n {{\n betslip.isOGPRepricePending\n ? this.sitecoreMyBets.myBets.PendingOdds\n : (this.betslip.totalOGPRepricedOdds | msMyBetsOddsPipe)\n }}\n }\n }\n
\n @if (isBOGVisible) {\n \n
\n @if (isTurnoverTax) {\n \n @if (accaBoostUsed) {\n {{ possibleWinningsValue }} {{ boostedWinningsValue }}\n } @else {\n
\n @if (isBOGPaidOut && hasFixedPriceWinnings) {\n {{ possibleWinningsValue }}
\n }\n @if (shouldShowOddsBoostInfoIcon && !myBetsListContext.isPrintView) {\n \n \n
\n }\n {{ fixedPriceWinnings }}
\n }\n \n \n @if (!myBetsListContext.isPrintView) {\n
\n\n @if (!collapsed || myBetsListContext.isPrintView) {\n @for (bet of betslip.bets; track bet; let last = $last) {\n \n \n
\n }\n\n \n {{ betslip.editBetTitle }}\n @if (myBetsListContext.isPrintView) {\n - {{ betslipId }} \n }\n
\n @if (isEpcotEnabled) {\n \n {{ betslip.betPlacedDate | msMyBetsEventDatePipe }}\n
\n }\n \n {{ bet.odds | msMyBetsOddsPipe }}\n
\n \n
\n {{ bet.eventName }}
\n {{ bet.eventDate | msMyBetsEventDatePipe }}
\n @if (!last) {\n \n }\n }\n\n \n \n \n \n
\n }\n }\n\n","import { Component, Input, OnInit } from '@angular/core';\n\nimport { SitecoreMyBetsConfig } from '@frontend/sports/common/client-config-data-access';\nimport { ToasterService } from '@frontend/sports/toaster/feature';\nimport { TrackingService, trackingConstants } from '@frontend/sports/tracking/feature';\nimport { ClipboardService } from '@frontend/vanilla/shared/clipboard';\n\nimport { EpcotConfigService, EpcotModule } from '../../../common/epcot-config.service';\nimport { MyBetsListContext, MyBetsSlipEditBetHistoryViewModel } from '../../../my-bets-base/models/my-bets-viewmodels';\n\n@Component({\n selector: 'ms-my-bets-edit-bet-history-betslip',\n templateUrl: 'my-bets-edit-bet-history-betslip.html',\n})\nexport class MyBetsEditBetHistoryBetslipComponent implements OnInit {\n @Input() betslip: MyBetsSlipEditBetHistoryViewModel;\n @Input() myBetsListContext: MyBetsListContext;\n @Input() isFirst: boolean;\n collapsed: boolean;\n isEpcotEnabled: boolean;\n module = EpcotModule.MyBetsBetSlip;\n\n constructor(\n private clipboardService: ClipboardService,\n private toaster: ToasterService,\n private tracker: TrackingService,\n public sitecoreMyBets: SitecoreMyBetsConfig,\n private epcotConfigService: EpcotConfigService,\n ) {\n this.isEpcotEnabled = this.epcotConfigService.isEnabled(this.module);\n }\n\n ngOnInit(): void {\n this.collapsed = this.isFirst ? false : true;\n }\n\n toggleClick(): void {\n this.collapsed = !this.collapsed;\n }\n\n get betslipId(): string {\n return this.betslip.editBetHistory[0].betSlipNumber;\n }\n\n copyToClipboard(event: Event): void {\n event.stopPropagation();\n event.preventDefault();\n\n if (this.clipboardService.copy(this.betslipId)) {\n this.toaster.open(this.sitecoreMyBets.myBets.BetSlipIdCopied, { duration: 3000 });\n } else {\n this.toaster.open('copy NOT supported!', { duration: 3000 });\n }\n\n const context = this.myBetsListContext.isEventView ? 'EventView' : 'myBets';\n this.tracker.update({ [trackingConstants.PAGE_REFERRING_ACTION]: context + '_BetIDCopy' });\n }\n}\n","@if (showPrintButton) {\n \n}\n\n\n
\n","import { Component, Input, OnDestroy, OnInit, inject } from '@angular/core';\n\nimport { Sitecore } from '@frontend/sports/common/client-config-data-access';\nimport { WINDOW } from '@frontend/vanilla/core';\n\nimport { MyBetsListContext, MyBetsSlipEditBetHistoryViewModel } from '../../../my-bets-base/models/my-bets-viewmodels';\nimport { MyBetsEditBetHistoryService } from '../../services/my-bets-edit-bet-history.service';\nimport { MyBetsPrintService } from '../../services/my-bets-print.service';\n\n@Component({\n selector: 'ms-my-bets-edit-bet-history-list',\n templateUrl: './my-bets-edit-bet-history-list.html',\n})\nexport class MyBetsEditBetHistoryListComponent implements OnInit, OnDestroy {\n @Input() myBetsListContext: MyBetsListContext;\n betslips: MyBetsSlipEditBetHistoryViewModel[];\n\n constructor(\n public sitecore: Sitecore,\n private editBetHistoryService: MyBetsEditBetHistoryService,\n private printService: MyBetsPrintService,\n ) {\n this.betslips = this.editBetHistoryService.editBetHistoryBetslips;\n }\n\n ngOnInit(): void {\n this.#window.scrollTo(0, 0);\n }\n\n ngOnDestroy(): void {\n this.editBetHistoryService.resetEditBetHistory();\n }\n\n get showPrintButton(): boolean {\n return !!this.myBetsListContext.showPrintButton;\n }\n\n get printButtonTitle(): string {\n return this.sitecore.myBets_Print?.PrintButtonTitle;\n }\n\n onPrintBtnClicked(event: Event): void {\n event.stopPropagation();\n event.preventDefault();\n\n this.printService.printEditMyBetsHistory(this.betslips[0].betslipId, this.myBetsListContext.associatedAccount);\n }\n\n readonly #window = inject(WINDOW);\n}\n","import { EventEmitter, Injectable } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { MyBetsConfig, SitecoreMyBetsConfig } from '@frontend/sports/common/client-config-data-access';\nimport { ToasterService } from '@frontend/sports/toaster/feature';\nimport { LocalStoreService } from '@frontend/vanilla/core';\n\nimport { PinnedBets } from '../../my-bets-base/models/my-bets-response';\nimport { MyBetsSummaryService } from '../../my-bets-base/my-bets-summary.service';\n\n@Injectable()\nexport class MyBetsPinningService {\n private static storageKey = 'PinnedBets';\n\n onPinned = new EventEmitter\n @for (betslip of betslips; track betslip.betslipId; let first = $first) {\n
\n\n
\n }\n \n {{ grossTitle }}\n {{ grossAmount }}\n
\n\n {{ taxTitle }}\n -{{ tax }}\n
\n\n {{ netTitle }}\n {{ netAmount }} \n
\n","@if (enableRedesignedBetCard) {\n \n {{ taxationInfo }}\n
\n }\n\n @if (showTaxDetails && hasTaxationInfo) {\n \n @if (showTurnoverTax) {\n \n }\n\n @if (showWinningTax) {\n \n \n }\n
\n }\n\n @if (hasExternalTicketId) {\n \n
\n }\n\n @if (hasAutoCashoutInfo) {\n {{ sitecoreMyBets.myBets.BetSlipNr }}: {{ betslipId }}
\n {{ sitecoreMyBets.myBets.AamsId }}: {{ betslip.licenseId }}
\n \n {{ sitecoreMyBets.myBets.PsqfNumber }}:\n {{ betslip.externalTicketId }}\n
\n \n
\n }\n\n @if (oddsBoostInfoIncluded) {\n \n }\n\n @if (accaBoostInfoIncluded) {\n \n }\n\n @if (riskFreeInfoIncluded) {\n \n }\n\n @if (!myBetsListContext.isPrintView) {\n \n @if (shouldShowDeviceDetails) {\n @if (deviceOSVersion$ | async; as deviceOSVersion) {\n \n {{ sitecoreMyBets.myBets.BetSlipNr }}: {{ betslipId }}\n \n
\n }\n\n \n \n \n}\n","import { Component, ElementRef, Injector, Input, OnDestroy, OnInit, inject } from '@angular/core';\n\nimport { BetSlipType, TaxationModel } from '@bpos';\nimport { BrazilRegulatoryData, SlipState } from '@bpos/v1/my-bets';\nimport { GeolocationConfig, MyBetsConfig, Sitecore, SitecoreMyBetsConfig } from '@frontend/sports/common/client-config-data-access';\nimport { MoneyService } from '@frontend/sports/common/core/feature/money';\nimport { interpolateDoubleBracesString } from '@frontend/sports/common/core/utils/string';\nimport { TimerService } from '@frontend/sports/common/core/utils/timer';\nimport { ModalDialogService } from '@frontend/sports/modal/feature';\nimport { CustomerOfferService } from '@frontend/sports/new-customer-offer-feature';\nimport { ToasterService } from '@frontend/sports/toaster/feature';\nimport { NOT_APPLICABLE, TrackingService, trackingConstants } from '@frontend/sports/tracking/feature';\nimport { EarlyPayout } from '@frontend/sports/types/components/sitecore';\nimport { BetslipListType } from '@frontend/sports/types/models/my-bets';\nimport { SyncUserSettingsService } from '@frontend/sports/user/feature';\nimport { WINDOW } from '@frontend/vanilla/core';\nimport { ClipboardService } from '@frontend/vanilla/shared/clipboard';\nimport { Decimal } from 'decimal.js';\nimport { PromoTokenPlaceBetSignPostingInfo } from 'packages/sports/common/betslip/modules/reward-tokens/reward-tokens.model';\nimport { EpcotConfigService, EpcotModule } from 'packages/sports/web/app/src/common/epcot-config.service';\nimport { Observable, map } from 'rxjs';\n\nimport { EarlyPayoutUtils } from '../../../my-bets-base/early-payout/early-payout-utils';\nimport { EarlyPayoutHelpers } from '../../../my-bets-base/early-payout/my-bets-earlypayout-helpers';\nimport { EarlyPayoutErrorTypes, EarlyPayoutOptionErrors } from '../../../my-bets-base/models/early-payout-types';\nimport { MyBetsBet, MyBetsBetSlip, MyBetsListContext, PayoutType, TokenType } from '../../../my-bets-base/models/my-bets-viewmodels';\nimport { AlertConfigService } from '../../../native-alerts/alert-config.service';\nimport { OptionQuery } from '../../../navigation-core/pick-uri.model';\nimport { IPlacedBetInfo } from '../../../share-my-bet/share-my-bet.state';\nimport { TokensSummaryService } from '../../../tokens-base/tokens-summary.service';\nimport { MyBetsTrackingLocation } from '../../models/my-bets-tracking.model';\nimport { BetslipUtilService } from '../../services/betslip-util.service';\nimport { MyBetsApiService } from '../../services/my-bets-api.service';\nimport { MyBetsStrategy } from '../../services/my-bets-display.strategy';\nimport { MyBetsEditBetHistoryService } from '../../services/my-bets-edit-bet-history.service';\nimport { MyBetsPrintService } from '../../services/my-bets-print.service';\nimport { MyBetsUtilService } from '../../services/my-bets-util.service';\nimport { MyBetsEditBetHistoryListComponent } from '../edit-bet/my-bets-edit-bet-history-list.component';\nimport { AlertData } from './my-bets-toolbar.models';\n\n@Component({\n selector: 'ms-my-bets-toolbar',\n templateUrl: 'my-bets-toolbar.html',\n styleUrl: './my-bets-toolbar.component.scss',\n})\nexport class MyBetsToolbarComponent implements OnInit, OnDestroy {\n @Input() betslip: MyBetsBetSlip;\n @Input() myBetsListContext: MyBetsListContext;\n isExpanded: boolean;\n taxationInfo: string;\n alertData: { bets: AlertData[] } | null;\n cashoutInfoVisible = false;\n enableRedesignedBetCard: boolean;\n\n private editBetHistoryTooltipTimeout = 6000;\n private timeout: any;\n deviceOSVersion$: Observable\n {{ betPlacedDate | date: 'MM/dd/yy' }}\n {{ betPlacedDate | date: 'h:mm a' }}\n
\n\n @switch (buttonState) {\n @case (cashoutButtonStates.Allowed) {\n \n {{ sitecore.earlyPayoutV2.PayOut }}\n \n {{ payoutValue | msCurrency: true }}\n \n \n }\n @case (cashoutButtonStates.Confirm) {\n \n }\n @case (cashoutButtonStates.Preparing) {\n \n }\n @case (cashoutButtonStates.PaidOut) {\n @if (buttonState === cashoutButtonStates.PaidOut && !isEpcotEnabled) {\n \n }\n\n \n }\n @case (cashoutButtonStates.Disabled) {\n @if (payoutPushError) {\n \n } @else {\n \n }\n }\n @case (cashoutButtonStates.Completed) {\n \n }\n }\n @if (buttonState === cashoutButtonStates.Disabled && payoutPushError) {\n
\n} @else {\n @if (isNotSettledTab() && betCardRedesigned) {\n \n {{ payoutPushError?.Message }}\n
\n }\n \n \n
\n }\n}\n","import { Component, DestroyRef, EventEmitter, HostBinding, Input, OnDestroy, OnInit, Output, computed, inject } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { SlipState } from '@bpos/v1/my-bets';\nimport { AccountBalanceService } from '@frontend/sports/account-balance/feature';\nimport { EarlyPayoutConfig, MyBetsConfig, Sitecore } from '@frontend/sports/common/client-config-data-access';\nimport { timeSpanToMS } from '@frontend/sports/common/core/utils/date';\nimport { DispatcherService } from '@frontend/sports/common/core/utils/dispatcher';\nimport { Nullable, SimpleCallback } from '@frontend/sports/common/core/utils/extended-types';\nimport { TimerService } from '@frontend/sports/common/core/utils/timer';\nimport { ThemeOptions } from '@frontend/sports/common/ui/shared';\nimport { BetslipListType } from '@frontend/sports/types/models/my-bets';\nimport { DsButtonKind, DsButtonSize } from '@frontend/ui/button';\nimport { DarkModeService } from '@frontend/vanilla/shared/dark-mode';\nimport { filter } from 'rxjs/operators';\n\nimport { EpcotConfigService, EpcotModule } from '../../../common/epcot-config.service';\nimport { GeolocationCheckService } from '../../../geo-location/geo-location-check.service';\nimport { EarlyPayoutSubmitMyBetsService } from '../../../my-bets-base/early-payout/early-payout-injection-tokens';\nimport {\n EarlyPayoutTACSource,\n EarlyPayoutTacService,\n IEarlyPayoutTACTrackingData,\n} from '../../../my-bets-base/early-payout/early-payout-tac.service';\nimport { EarlyPayoutUtils } from '../../../my-bets-base/early-payout/early-payout-utils';\nimport { MyBetsEarlyPayoutButtonTrackingService } from '../../../my-bets-base/early-payout/my-bets-earlypayout-button-tracking.service';\nimport { EarlyPayoutHelpers } from '../../../my-bets-base/early-payout/my-bets-earlypayout-helpers';\nimport { EarlyPayoutFailedResponse, EarlyPayoutSuccessResponse } from '../../../my-bets-base/models/early-payout';\nimport { EarlyPayoutStates } from '../../../my-bets-base/models/early-payout-types';\nimport { MyBetsBetSlip, MyBetsListContext } from '../../../my-bets-base/models/my-bets-viewmodels';\nimport { EarlyPayoutDispatcherEvent } from '../../models/early-payout.model';\nimport { MyBetsStrategy } from '../../services/my-bets-display.strategy';\nimport { EarlypayoutButtonState, MyBetsEarlypayoutButtonStateService } from '../../services/my-bets-earlypayout-button-state.service';\nimport { MyBetsUtilService } from '../../services/my-bets-util.service';\n\n@Component({\n selector: 'ms-my-bets-earlypayout-button',\n templateUrl: 'my-bets-earlypayout-button.html',\n styleUrl: 'my-bets-earlypayout-button.scss',\n})\nexport class MyBetsEarlyPayoutButtonComponent implements OnInit, OnDestroy {\n @Input() betslip: MyBetsBetSlip;\n @Input() myBetsListContext: MyBetsListContext;\n @Input() betTypeInfo: string;\n @Input() payoutPushError: { Title: string; Message: string };\n @Output() stateChanged: EventEmitter\n
\n\n {{ bodyText }}\n
\n \n
\n\n @if (validationError) {\n \n \n \n
\n\n \n \n \n
\n }\n\n \n
\n","import { Component, DestroyRef, Input, OnInit, inject } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { EarlyPayoutConfig, Sitecore } from '@frontend/sports/common/client-config-data-access';\nimport { Nullable } from '@frontend/sports/common/core/utils/extended-types';\nimport { DeviceService } from '@frontend/vanilla/core';\nimport { BehaviorSubject, Observable } from 'rxjs';\n\nimport { CashoutSettingsBetInfo, CashoutSettingsType, IAutoCashoutBetslipNumbers } from '../../../../my-bets-base/models/early-payout';\nimport { NumpadSource, StakeChangedEvent } from '../../../../numpad/model';\nimport { NumpadService } from '../../../../numpad/numpad.service';\nimport { CashoutSettingsService } from '../../../services/cash-out-settings.service';\n\n@Component({\n selector: 'ms-my-bets-earlypayout-autocashout',\n templateUrl: 'my-bets-earlypayout-autocashout.html',\n providers: [NumpadService],\n})\nexport class MyBetsEarlyPayoutAutocashoutComponent implements OnInit {\n autocashoutValue = 0;\n validationError: Nullable\n
\n \n {{ minMaxText }}\n
\n\n \n
\n}\n","import { Component, DestroyRef, Input, OnInit, inject } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { MyBetsVisualizationTrackingConfig, Sitecore } from '@frontend/sports/common/client-config-data-access';\nimport { ThemeOptions } from '@frontend/sports/common/ui/shared';\nimport { DsButtonKind, DsButtonVariant } from '@frontend/ui/button';\n\nimport {\n AutoCashoutResponse,\n AutoCashoutState,\n CashoutSettingsBetInfo,\n CashoutSettingsType,\n IAutoCashoutBetslipNumbers,\n RemoveAutoCashoutRequest,\n} from '../../../../my-bets-base/models/early-payout';\nimport { AutoCashoutTrackingService } from '../../../services/auto-cash-out-tracking-service';\nimport { AutoCashoutService } from '../../../services/auto-cash-out.service';\nimport { CashoutSettingsService } from '../../../services/cash-out-settings.service';\nimport { MyBetsStrategy } from '../../../services/my-bets-display.strategy';\n\n@Component({\n selector: 'ms-my-bets-earlypayout-remove-autocashout-button',\n templateUrl: 'my-bets-earlypayout-remove-autocashout-button.html',\n})\nexport class MyBetsEarlyPayoutRemoveAutocashoutButtonComponent implements OnInit {\n @Input() betNumbers: IAutoCashoutBetslipNumbers;\n @Input() removeType: CashoutSettingsType;\n @Input() betTypeInfo: string;\n state: AutoCashoutState;\n removeError: string | null = null;\n btnClass: string;\n btnText: string;\n private betInfo: CashoutSettingsBetInfo | null;\n\n readonly buttonThemeKind: ThemeOptions\n
\n","import { Component, DestroyRef, Input, OnInit, inject } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { CurrencyConfig, Sitecore } from '@frontend/sports/common/client-config-data-access';\nimport { MoneyService } from '@frontend/sports/common/core/feature/money';\n\nimport { CashoutSettingsBetInfo, CashoutSettingsType, IAutoCashoutBetslipNumbers } from '../../../../my-bets-base/models/early-payout';\nimport { CashoutSettingsService } from '../../../services/cash-out-settings.service';\nimport { MyBetsEarlyPayoutAutocashoutValidationService } from './my-bets-earlypayout-autocashout-validation.service';\n\n@Component({\n selector: 'ms-my-bets-earlypayout-remove-autocashout',\n templateUrl: 'my-bets-earlypayout-remove-autocashout.html',\n})\nexport class MyBetsEarlyPayoutRemoveAutocashoutComponent implements OnInit {\n @Input() betNumbers: IAutoCashoutBetslipNumbers;\n @Input() type: CashoutSettingsType;\n @Input() betTypeInfo: string;\n readonly cashoutSettingsType = CashoutSettingsType;\n\n bodyText = '';\n private betInfo: CashoutSettingsBetInfo | null = null;\n prependCurrencySymbol: boolean;\n private readonly destroyRef = inject(DestroyRef);\n constructor(\n private validationService: MyBetsEarlyPayoutAutocashoutValidationService,\n public sitecore: Sitecore,\n private csService: CashoutSettingsService,\n private currencyConfig: CurrencyConfig,\n private moneyService: MoneyService,\n ) {}\n\n private autoCashoutValue(): string {\n if (!this.betInfo || !this.betInfo.earlyPayout!.autoCashOutValue || !Number(this.betInfo.earlyPayout!.autoCashOutValue)) {\n return '';\n }\n\n const value = this.betInfo.earlyPayout!.autoCashOutValueWithoutStake || this.betInfo.earlyPayout!.autoCashOutValue;\n\n return `${value.toFixed(2)}`;\n }\n\n private notificationValue(): string {\n if (\n !this.betInfo ||\n !this.betInfo.earlyPayout!.autoCashoutNotificationValue ||\n !Number(this.betInfo.earlyPayout!.autoCashoutNotificationValue)\n ) {\n return '';\n }\n\n const value = this.betInfo.earlyPayout!.autoCashoutNotificationValueWithoutStake || this.betInfo.earlyPayout!.autoCashoutNotificationValue;\n\n return `${value.toFixed(2)}`;\n }\n\n get value(): string {\n if (this.type === CashoutSettingsType.Auto) {\n return this.validationService.localizeValue(this.autoCashoutValue());\n }\n\n if (this.type === CashoutSettingsType.Notify) {\n return this.validationService.localizeValue(this.notificationValue());\n }\n\n return '';\n }\n\n get currency(): string {\n if (!this.betInfo || !this.betInfo.possibleWinnings) {\n return '';\n }\n\n return this.betInfo.possibleWinnings.currency;\n }\n\n get getCurrencyWithSymbol() {\n return this.moneyService.transform(this.value, true, 2, false, '', this.currency);\n }\n\n ngOnInit(): void {\n this.betInfo = this.csService.getBetInfo(this.betNumbers.betslipId);\n this.csService.settingsChanged.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((betid: string) => this.autocashoutValueChanged(betid));\n this.bodyText =\n this.type === CashoutSettingsType.Auto\n ? this.sitecore.earlyPayoutV2.RemoveAutocashoutBodyText\n : this.sitecore.earlyPayoutV2.RemoveAutocashoutNotificationBodyText;\n if (this.betInfo?.possibleWinnings) {\n this.prependCurrencySymbol = this.currencyConfig.currencySymbolDisplayList.includes(this.betInfo.possibleWinnings.currency);\n }\n }\n\n private autocashoutValueChanged(betId: string): void {\n if (this.betInfo && betId !== this.betNumbers.betslipId) {\n return;\n }\n this.betInfo = this.csService.getBetInfo(this.betNumbers.betslipId);\n }\n}\n","\n @if (type === cashoutSettingsType.Auto) {\n
\n \n {{ bodyText }}\n
\n \n @if (!prependCurrencySymbol) {\n {{ value }}\n {{ currency }}\n } @else {\n {{ getCurrencyWithSymbol }}\n }\n
\n\n \n\n
\n\n
\n 1 }\" (click)=\"tabClicked(tab)\">\n {{ tab.tabName }} \n
\n \n
\n","import { ChangeDetectorRef, Component, DestroyRef, Input, OnInit, inject } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { EarlyPayoutConfig, Sitecore } from '@frontend/sports/common/client-config-data-access';\nimport { DeviceService, NativeAppService } from '@frontend/vanilla/core';\nimport { NgxPopperjsContentComponent } from 'ngx-popperjs';\n\nimport { CashoutSettingsBetInfo, CashoutSettingsType, IAutoCashoutBetslipNumbers } from '../../../../my-bets-base/models/early-payout';\nimport { CashoutSettingsService } from '../../../services/cash-out-settings.service';\n\nexport interface Tab {\n tabName: string;\n index: number;\n indentifier: string;\n hasValue: boolean;\n}\n\n@Component({\n selector: 'ms-my-bets-earlypayout-popper-tabs',\n templateUrl: 'my-bets-earlypayout-popper-tabs.html',\n})\nexport class MyBetsEarlyPayoutPopperTabsComponent implements OnInit {\n @Input() betNumbers: IAutoCashoutBetslipNumbers;\n @Input() closePopup: NgxPopperjsContentComponent;\n @Input() betTypeInfo: string;\n\n private betInfo: CashoutSettingsBetInfo | null = null;\n tabs: Tab[] = [];\n isAutoCashoutSet = false;\n isNotificationSet = false;\n selectedTabIndex = 0;\n typesMap = CashoutSettingsType;\n private readonly destroyRef = inject(DestroyRef);\n\n constructor(\n private nativeAppService: NativeAppService,\n private deviceService: DeviceService,\n public sitecore: Sitecore,\n private csService: CashoutSettingsService,\n private epConfig: EarlyPayoutConfig,\n private changeRef: ChangeDetectorRef,\n ) {}\n\n ngOnInit(): void {\n this.deviceService.orientation.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(this.onOrientationChange);\n this.betInfo = this.csService.getBetInfo(this.betNumbers.betslipId);\n this.setTabs();\n\n this.csService.settingsChanged.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((betid: string) => this.settingstValueChanged(betid));\n }\n\n private onOrientationChange(): void {\n if (this.closePopup && this.closePopup.hide) {\n this.closePopup.hide();\n }\n }\n\n private setTabs(): void {\n if (this.epConfig.isAutoCashOutEnabled || (this.betInfo && this.betInfo.earlyPayout!.autoCashOutValue)) {\n this.tabs.push({\n tabName: this.sitecore.earlyPayoutV2.SetAutocashoutTitleText,\n index: this.typesMap.Auto,\n indentifier: 'Auto',\n hasValue: false,\n });\n this.adjustSettingsStates();\n }\n\n if (\n this.nativeAppService.isNative &&\n (this.epConfig.isAutoCashOutNotificationEnabled || (this.betInfo && this.betInfo.earlyPayout!.autoCashoutNotificationValue))\n ) {\n this.tabs.push({\n tabName: this.sitecore.earlyPayoutV2.SetAutocashoutNotificationTitleText,\n index: this.typesMap.Notify,\n indentifier: 'Notify',\n hasValue: false,\n });\n this.adjustSettingsStates();\n }\n\n if (this.tabs.length) {\n this.selectedTabIndex = this.tabs[0].index;\n }\n }\n\n private adjustSettingsStates(): void {\n if (!this.betInfo) {\n return;\n }\n\n this.isAutoCashoutSet = this.betInfo.earlyPayout!.autoCashOutValue ? true : false;\n this.isNotificationSet = this.betInfo.earlyPayout!.autoCashoutNotificationValue ? true : false;\n const indexA = this.tabs.findIndex((el) => el.index === this.typesMap.Auto);\n const indexN = this.tabs.findIndex((el) => el.index === this.typesMap.Notify);\n\n if (indexA > -1) {\n this.tabs[indexA].hasValue = this.isAutoCashoutSet;\n }\n if (indexN > -1) {\n this.tabs[indexN].hasValue = this.isNotificationSet;\n }\n }\n\n settingstValueChanged(betId: string): void {\n if (this.betInfo && betId !== this.betNumbers.betslipId) {\n return;\n }\n this.betInfo = this.csService.getBetInfo(this.betNumbers.betslipId);\n this.checkIfTabHasToBeRemoved();\n this.adjustSettingsStates();\n this.changeRef.detectChanges();\n }\n\n private checkIfTabHasToBeRemoved(): void {\n if (!this.epConfig.isAutoCashOutEnabled && this.betInfo && !this.betInfo.earlyPayout!.autoCashOutValue) {\n this.spliceTabs('Auto');\n }\n\n if (!this.epConfig.isAutoCashOutNotificationEnabled && this.betInfo && !this.betInfo.earlyPayout!.autoCashoutNotificationValue) {\n this.spliceTabs('Notify');\n }\n }\n\n tabClicked(tab: Tab): void {\n if (this.selectedTabIndex === tab.index) {\n return;\n }\n\n this.selectedTabIndex = tab.index;\n }\n\n private spliceTabs(identity: string): void {\n const index = this.tabs.findIndex((el) => el.indentifier === identity);\n if (index > -1) {\n this.selectedTabIndex = 0;\n\n if (this.tabs.length === 1) {\n this.onOrientationChange();\n } else {\n this.tabs.splice(index, 1);\n }\n }\n }\n}\n","@if (!betCardRedesigned) {\n \n} @else {\n \n \n \n
\n \n \n \n
\n\n @if (!isCashoutSet) {\n \n {{ sitecore.earlyPayoutV2.SetAutoCashoutTitle }}\n \n } @else {\n
\n}\n\n \n \n {{ sitecore.earlyPayoutV2.RemoveAutoCashoutTitle }}\n \n
\n }\n \n \n \n
\n\n
\n }\n\n @if (payoutError && payoutErrorMessage) {\n {{ payoutPushError?.error.Title }}
\n{{ payoutPushError?.error.Message }}
\n\n \n
\n }\n\n
\n }\n\n \n @if (showEarlyPayoutSettingButton) {\n
\n }\n\n \n
\n }\n \n
\n","import { Component, Input } from '@angular/core';\n\nimport { ProtectorState } from '@bpos/v1/my-bets';\nimport { SitecoreMyBetsConfig } from '@frontend/sports/common/client-config-data-access';\n\nimport { MyBetsBetSlip } from '../../../my-bets-base/models/my-bets-viewmodels';\n\n@Component({\n selector: 'ms-my-bets-bet-protector',\n templateUrl: 'my-bets-bet-protector.html',\n})\nexport class MyBetsBetProtectorComponent {\n @Input() betslip: MyBetsBetSlip;\n readonly protectorLostState: ProtectorState;\n\n constructor(public sitecoreMyBets: SitecoreMyBetsConfig) {\n this.protectorLostState = ProtectorState.Lost;\n }\n\n get isActive(): boolean {\n return this.betslip.betProtectorInformation && this.betslip.betProtectorInformation.state === ProtectorState.Open;\n }\n\n get protectionStatus(): string {\n switch (this.betslip.betProtectorInformation.state) {\n case ProtectorState.Open:\n return 'activeProtection';\n case ProtectorState.Won:\n return 'refundedProtection';\n default:\n return 'inActiveProtection';\n }\n }\n}\n","@if (isBetbuilderCombo) {\n \n @for (bet of bets; track bet) {\n \n
\n} @else {\n \n \n
\n \n @if (bet.betBuilderInfo) {\n
\n \n }\n \n
\n }\n @if (!bet.betBuilderInfo) {\n {{ bet.odds | msMyBetsOddsPipe }}
\n @if (isEpcotEnabled) {\n @if (myBetsConfig.showBetTypeAsBadge && myBetsUtilService.isBetCardRedesigned()) {\n \n {{ bet.optionName }}\n
\n }\n \n {{ bet.eventName }}\n
\n \n @if (isLive) {\n {{ sitecoreMyBets.myBets.Live }}\n }\n @for (result of betResults; track result) {\n
\n}\n","import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\n\nimport { BetState } from '@bpos/v1/my-bets';\nimport { MyBetsConfig, SitecoreMyBetsConfig } from '@frontend/sports/common/client-config-data-access';\n\nimport { EpcotConfigService } from '../../../common/epcot-config.service';\nimport { EarlyPayoutPickState } from '../../../my-bets-base/models/early-payout-types';\nimport { MyBetsBet } from '../../../my-bets-base/models/my-bets-viewmodels';\nimport { MyBetsUtilService } from '../../services/my-bets-util.service';\n\ninterface BetResult {\n bet: MyBetsBet;\n state: BetState | EarlyPayoutPickState;\n}\n\n@Component({\n selector: 'ms-my-bets-multi-bet-card-collapsed',\n templateUrl: 'my-bets-multi-bet-card-collapsed.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MyBetsMultiBetCardCollapsedComponent implements OnInit {\n @Input({ required: true }) bets: MyBetsBet[];\n @Input({ required: true }) betResults: BetResult[];\n @Input({ required: true }) isLive: boolean;\n\n isBetbuilderCombo = false;\n isEpcotEnabled = false;\n\n constructor(\n public sitecoreMyBets: SitecoreMyBetsConfig,\n public myBetsConfig: MyBetsConfig,\n public myBetsUtilService: MyBetsUtilService,\n private epcotConfigService: EpcotConfigService,\n ) {\n this.isEpcotEnabled = this.epcotConfigService.isEnabled();\n }\n\n ngOnInit(): void {\n this.isBetbuilderCombo = this.bets.some((bet) => bet.betBuilderInfo);\n }\n\n getExpandedCardState(bet: MyBetsBet): BetState | EarlyPayoutPickState | undefined {\n return this.betResults.find((betState) => betState.bet === bet)?.state;\n }\n}\n","\n @if (showIndicator) {\n
\n\n\n
\n }\n \n @if (bet.needToShowEventView) {\n \n @if (!hideOdds || !myBetsUtilService.isBetCardRedesigned()) {\n {{ bet.odds | msMyBetsOddsPipe }}\n }\n \n @if (isBOGVisible) {\n
\n @if (isEpcotEnabled && !myBetsUtilService.isBetCardRedesigned()) {\n \n }\n\n @if (myBetsConfig.showBetTypeAsBadge) {\n
\n } @else {\n @if (betslip.isTeaserBet) {\n \n }\n {{ cardTitle }}\n @if (!isSystemBet()) {\n {{ betslip.bets.length }} {{ sitecoreMyBets.myBets.Legs }}\n }\n }\n @if (myBetsListContext.isPrintView) {\n {{ sitecoreMyBets.myBets.BetSlipNr }}: {{ betslip.betslipId }}\n }\n \n
\n} @else {\n {{ this.sitecoreData.multiRandomGenerator.ClearBetslipTitle }}
\n \n \n \n
\n \n \n \n \n
\n}\n","import { ChangeDetectionStrategy, Component, DestroyRef, inject } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { Sitecore } from '@frontend/sports/common/client-config-data-access';\nimport { ActiveModal } from '@frontend/sports/modal/feature';\nimport { DsButton } from '@frontend/ui/button';\nimport { IconCustomComponent } from '@frontend/vanilla/features/icons';\nimport { BetslipIntegrationService } from 'packages/sports/common/betslip/integration/betslip-integration.service';\nimport { take } from 'rxjs/operators';\n\n@Component({\n selector: 'ms-re-bet-clear-betslip',\n templateUrl: 'clear-betslip.html',\n styleUrl: 'clear-betslip.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [DsButton, IconCustomComponent],\n})\nexport class ClearBetslipComponent {\n private readonly destroyRef = inject(DestroyRef);\n\n constructor(\n private activeModal: ActiveModal,\n public sitecoreData: Sitecore,\n private betslipIntegrationService: BetslipIntegrationService,\n ) {}\n\n isBetslipCleared = false;\n\n onClose(): void {\n this.activeModal.close();\n }\n\n onClearBetslip(): void {\n this.betslipIntegrationService\n .betslipPickIds$()\n .pipe(take(1), takeUntilDestroyed(this.destroyRef))\n .subscribe((pickIds) => this.betslipIntegrationService.removeMultiplePicks({ pickIds }));\n this.isBetslipCleared = true;\n }\n}\n","import { GridEvent } from '@frontend/sports/grid/core/feature/model';\nimport { WinGameFixture } from '@frontend/sports/racing/feature/models';\nimport { trackingConstants } from '@frontend/sports/tracking/feature';\n\nexport interface IReBetPicksPayload {\n winGameFixtures: WinGameFixture[];\n xCastFixtures: WinGameFixture[];\n fixtures: GridEvent[];\n}\n\nexport interface TrackReBet {\n [trackingConstants.COMPONENT_CATEGORY_EVENT]: string;\n [trackingConstants.COMPONENT_LABEL_EVENT]: string;\n [trackingConstants.COMPONENT_ACTION_EVENT]: string;\n [trackingConstants.COMPONENT_POSITION_EVENT]: string;\n [trackingConstants.COMPONENT_LOCATION_EVENT]: string;\n [trackingConstants.COMPONENT_EVENT_DETAILS]: string;\n [trackingConstants.COMPONENT_URL_CLICKED]: string;\n}\n\nexport enum ReBetTracking {\n MyAccount = 'my account',\n MyBets = 'my bets',\n Load = 'load',\n Click = 'click',\n SettledTab = 'settled',\n OpenTab = 'open',\n LiveTab = 'live',\n ReBetButton = 'rebet button',\n NotApplicable = 'not applicable',\n}\n\nexport interface UkFraction {\n denominator: number;\n numerator: number;\n}\n\nexport interface AllFormatsOdds {\n european?: number;\n british?: UkFraction;\n american?: number;\n oddsFormat: OddsUserFormat;\n}\n\nexport enum OddsUserFormat {\n // eslint-disable-next-line @typescript-eslint/naming-convention\n EU = 'european',\n // eslint-disable-next-line @typescript-eslint/naming-convention\n UK = 'british',\n // eslint-disable-next-line @typescript-eslint/naming-convention\n US = 'american',\n}\n\nexport enum TaxationModel {\n NotRelevant = 0,\n OnStake = 1,\n OnWinnings = 2,\n}\n\nexport interface TaxationResponseRaw {\n taxations: TaxationResponse[];\n}\n\nexport interface TaxationResponse {\n key: number;\n taxModel: TaxationModel;\n taxRateId: number;\n value: number;\n}\n","import { Injectable, inject } from '@angular/core';\n\nimport { Odds, OddsFormat } from '@bpos';\nimport { BetModel, BetType as ParticipantBetType } from '@bpos/common';\nimport { Bet, BetPlacementSlipTaxRequest } from '@bpos/v2/taxation/place-bet';\nimport { OfferSource } from '@cds';\nimport { ParticipantMarketType, ParticipantPriceType } from '@cds/betting-offer';\nimport { ApiService } from '@frontend/sports/common/api-utils';\nimport { BetslipConfig, TaxationConfig } from '@frontend/sports/common/client-config-data-access';\nimport { GridEvent } from '@frontend/sports/grid/core/feature/model';\nimport { NativePrice } from '@frontend/sports/odds/feature/native-price';\nimport { OddsFormatConverterService } from '@frontend/sports/odds/feature/native-price-odds-format-converter';\nimport { WinGameFixture } from '@frontend/sports/racing/feature/models';\nimport { OddsDisplayFormat } from '@frontend/sports/types/models/user-settings';\nimport { SyncUserSettingsService, UserOddsFormatSettingsService, UserService } from '@frontend/sports/user/feature';\nimport { Decimal } from 'decimal.js';\nimport { Observable, firstValueFrom, of } from 'rxjs';\nimport { catchError, map } from 'rxjs/operators';\n\nimport { AllFormatsOdds, IReBetPicksPayload, OddsUserFormat, TaxationResponseRaw } from './re-bet.models';\n\n@Injectable()\nexport class ReBetTaxationService {\n private readonly userOddsFormatSettingsService = inject(UserOddsFormatSettingsService);\n\n constructor(\n private taxationConfig: TaxationConfig,\n private userService: UserService,\n private betslipConfig: BetslipConfig,\n private api: ApiService,\n private oddsFormatConverter: OddsFormatConverterService,\n private userSettingsService: SyncUserSettingsService,\n ) {}\n\n async getTaxation(wins: Decimal, allPicks: IReBetPicksPayload, stake: number): Promise\n @if (iconClasses.icon) {\n
\n\n
\n@if (showDetails) {\n {{ description }}
\n @if (isResettled) {\n {{ rewardUsedResettledInfo }}
\n }\n\n
\n}\n","import { ChangeDetectionStrategy, Component, HostBinding } from '@angular/core';\n\nimport { SlipState } from '@bpos/v1/my-bets';\nimport { AccaBoostConfig, CrmConfig } from '@frontend/sports/common/client-config-data-access';\nimport { interpolateDoubleBracesString } from '@frontend/sports/common/core/utils/string';\nimport { isEdsPromoTokenBetAndGet } from 'packages/sports/common/betslip/modules/reward-tokens/services/reward-tokens.utils';\n\nimport { EarlyPayoutUtils } from '../../../my-bets-base/early-payout/early-payout-utils';\nimport { EarlyPayoutOptionErrors } from '../../../my-bets-base/models/early-payout-types';\nimport { PayoutType, TokenType } from '../../../my-bets-base/models/my-bets-viewmodels';\nimport { RewardTokenType } from '../../../tokens-base/token-base.models';\nimport { MyBetsBaseUsedRewardTokenComponent } from './my-bets-base-used-reward-token.component';\n\nexport interface IconDetails {\n icon?: string;\n extraClass: string;\n}\n@Component({\n selector: 'ms-my-bets-used-reward-token',\n templateUrl: 'my-bets-used-reward-token.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MyBetsUsedRewardTokenComponent extends MyBetsBaseUsedRewardTokenComponent {\n @HostBinding('class') className = 'my-bets-used-reward-token';\n\n constructor(\n private crmConfig: CrmConfig,\n private accaBoostConfig: AccaBoostConfig,\n private earlyPayoutUtils: EarlyPayoutUtils,\n ) {\n super();\n }\n\n get rewardUsedResettledInfo(): string {\n return this.sitecore.crmTokens.myBets.RewardUsedResettledInfo;\n }\n\n get isResettled(): boolean {\n return this.isRiskFreeResettled || this.isOddsBoostResettled;\n }\n\n get showDetails(): boolean {\n return (\n !isEdsPromoTokenBetAndGet(this.betslip.edsPromoTokens) &&\n this.betslip.usedRewardToken?.tokenType === TokenType.RiskFreeToken &&\n !this.betslip.isCachedOut\n );\n }\n\n get showCashoutDetails(): boolean {\n return this.betslip.usedRewardToken?.tokenType === TokenType.RiskFreeToken && this.betslip.state === SlipState.Open;\n }\n\n get iconClasses(): IconDetails {\n if (isEdsPromoTokenBetAndGet(this.betslip.edsPromoTokens) && this.crmConfig.tokens.icons.betAndGet) {\n return { icon: this.crmConfig.tokens.icons.betAndGet, extraClass: 'my-bets-used-reward-token__icon--betandget' };\n }\n if (this.crmConfig.tokens.icons.freeBet && this.crmConfig.tokens.icons.oddsBoost) {\n switch (this.betslip.usedRewardToken!.tokenType) {\n case TokenType.FreeBetToken:\n return { icon: this.crmConfig.tokens.icons.freeBet, extraClass: 'my-bets-used-reward-token__icon--free-bet' };\n case TokenType.OddsBoostToken:\n return { icon: this.crmConfig.tokens.icons.oddsBoost, extraClass: 'my-bets-used-reward-token__icon--odds-boost' };\n case TokenType.RiskFreeToken:\n return { icon: this.crmConfig.tokens.icons.riskFree, extraClass: 'my-bets-used-reward-token__icon--risk-free' };\n case TokenType.AccaBoostToken:\n return { icon: this.accaBoostConfig.icon, extraClass: 'my-bets-used-reward-token__icon--acca-boost' };\n default:\n return { icon: '', extraClass: '' };\n }\n }\n\n return { icon: '', extraClass: '' };\n }\n\n get payoutIconClasses(): IconDetails {\n const iconClass = 'my-bets-used-reward-token__payout-icon';\n\n if (this.betslip.state === SlipState.Won) {\n return { icon: '', extraClass: '' };\n }\n\n switch (this.betslip.usedRewardToken?.payoutType) {\n case PayoutType.Cash:\n return { icon: this.crmConfig.tokens.icons.cash, extraClass: `${iconClass}--cash` };\n case PayoutType.FreeBet:\n return { icon: this.crmConfig.tokens.icons.freeBet, extraClass: `${iconClass}--freebet` };\n case PayoutType.Bonus:\n return { icon: this.crmConfig.tokens.icons.bonus, extraClass: `${iconClass}--bonus` };\n default:\n return { icon: '', extraClass: '' };\n }\n }\n\n get description(): string {\n if (isEdsPromoTokenBetAndGet(this.betslip.edsPromoTokens)) {\n return this.descriptionBetAndGet;\n }\n switch (this.betslip.usedRewardToken!.tokenType) {\n case TokenType.FreeBetToken:\n return this.descriptionFreebet;\n case TokenType.OddsBoostToken:\n return this.descriptionOddsBoost;\n case TokenType.RiskFreeToken:\n return this.descriptionRiskFree;\n case TokenType.AccaBoostToken:\n return this.descriptionAccaBoost;\n }\n\n return '';\n }\n\n private get isOddsBoostResettled(): boolean {\n const token = this.betslip.usedRewardToken;\n if (!!token && token.tokenType === TokenType.OddsBoostToken) {\n const isCachedOut = this.betslip.isCachedOut;\n const isWon = this.betslip.state === SlipState.Won;\n const tokenNotRewarded = !!token.additionalInformation!.tokenNotRewarded;\n const negativeResettlementEffect = !!token.additionalInformation!.negativeResettlementEffectOnCustomer;\n\n return isWon && !isCachedOut && (tokenNotRewarded || negativeResettlementEffect);\n }\n\n return false;\n }\n\n private get isRiskFreeResettled(): boolean {\n const token = this.betslip.usedRewardToken;\n if (!!token && token.tokenType === TokenType.RiskFreeToken) {\n const isLost = this.betslip.state === SlipState.Lost;\n const tokenNotRewarded = !!token.additionalInformation!.tokenNotRewarded;\n\n return isLost && tokenNotRewarded;\n }\n\n return false;\n }\n\n private get descriptionOddsBoostResettled(): string {\n return this.sitecore.crmTokens.myBets.OddsBoostUsedResettled;\n }\n\n private get payoutType(): string {\n switch (this.betslip.usedRewardToken!.payoutType) {\n case PayoutType.Bonus:\n return this.sitecore.crmTokens.myBets.PayoutTypeBonus;\n case PayoutType.FreeBet:\n return this.sitecore.crmTokens.myBets.PayoutTypeFreeBet;\n case PayoutType.Cash:\n return this.sitecore.crmTokens.myBets.PayoutTypeCash;\n }\n\n return '';\n }\n\n private get descriptionOddsBoostWon(): string {\n const extraWinnings = this.betslip.usedRewardToken!.additionalInformation!.winningsBoost!;\n\n return interpolateDoubleBracesString(this.sitecore.crmTokens.myBets.OddsBoostUsedWonTemplate, {\n extraWinnings: this.moneyService.transform(extraWinnings, true),\n payoutType: this.payoutType,\n });\n }\n\n private get descriptionRiskFreeResettled(): string {\n return this.sitecore.crmTokens.myBets.RiskFreeUsedResettled;\n }\n\n getRiskFreeRewardTemplate(isIncremental: boolean): string {\n if (this.betslip.state === SlipState.Lost) {\n return isIncremental\n ? this.sitecore.crmTokens.myBets.RiskFreeIncrementalAwardedTemplate\n : this.sitecore.crmTokens.myBets.RiskFreeUsedAwardedTemplate;\n } else {\n return isIncremental\n ? this.sitecore.crmTokens.riskFree.betslipSummary.RiskFreeIncrementalPayoutSummary\n : this.sitecore.crmTokens.riskFree.betslipSummary.RiskFreePayoutSummary;\n }\n }\n\n get detailsText(): string {\n return this.getRiskFreePayoutDetails();\n }\n\n get cashingOutDescriptionRiskFree(): string {\n const payoutType = this.betslip.usedRewardToken?.payoutType;\n if (!payoutType) {\n return '';\n }\n\n const displayPayoutType = this.tokensSummaryService.getDisplayPayoutType(payoutType, RewardTokenType.RiskFreeBet);\n\n return interpolateDoubleBracesString(this.sitecore.crmTokens.myBets.CashingOutDescription, {\n payoutType: displayPayoutType,\n });\n }\n\n private get descriptionFreebet(): string {\n const showClarification = this.showFreeBetEarlyPayoutClarification();\n\n return (\n this.sitecore.crmTokens.myBets.FreeBetUsed +\n (showClarification ? ` ${this.sitecore.crmTokens.myBets.FreeBetEarlyPayoutClarification}` : '')\n );\n }\n\n private get descriptionOddsBoost(): string {\n if (!this.betslip.isCachedOut) {\n if (this.isOddsBoostResettled) {\n return this.descriptionOddsBoostResettled;\n }\n\n if (this.betslip.state === SlipState.Won) {\n return this.descriptionOddsBoostWon;\n }\n }\n\n const acquisitionRewardDescription = this.getRewardTargetDescription(this.betslip.placeBetSignPosting?.rewardTargetType);\n\n return acquisitionRewardDescription ?? this.sitecore.crmTokens.myBets.OddsBoostUsed;\n }\n\n private get descriptionRiskFree(): string {\n if (this.betslip.state === SlipState.Lost) {\n if (this.isRiskFreeResettled) {\n return this.descriptionRiskFreeResettled;\n }\n }\n\n const acquisitionRewardDescription = this.getRewardTargetDescription(this.betslip.placeBetSignPosting?.rewardTargetType);\n\n return acquisitionRewardDescription ?? this.sitecore.crmTokens.myBets.RiskFreeUsed;\n }\n\n private get descriptionBetAndGet(): string {\n return this.getRewardTargetDescription(this.betslip.placeBetSignPosting?.rewardTargetType) ?? this.sitecore.crmTokens.myBets.BetAndGetUsed;\n }\n\n private get descriptionAccaBoost(): string {\n return this.sitecore.crmTokens.myBets.AccaBoostUsed;\n }\n\n private showFreeBetEarlyPayoutClarification(): boolean {\n if (\n this.betslip.state === SlipState.Open &&\n this.betslip.earlyPayout?.error?.type !== EarlyPayoutOptionErrors.OptionMarketTemplateNotAllowed\n ) {\n return this.earlyPayoutUtils.isEarlyPayoutAvailable(this.betslip);\n }\n\n return false;\n }\n}\n","@if (enableRedesignedBetCard && rewardTokenImage()?.src) {\n \n \n @if (showCashoutDetails) {\n
\n {{ cashingOutDescriptionRiskFree }}
\n }\n \n
\n}\n\n
\n@if (hasDetails) {\n {{ tokensTitle }}
\n\n
\n}\n\n@if (tokenSignPost()) {\n {{ detailsText }}
\n \n
\n}\n","import { ChangeDetectionStrategy, Component, HostBinding, input } from '@angular/core';\n\nimport { PayoutType as MyBetsPayoutType, SlipState } from '@bpos/v1/my-bets';\nimport { interpolateDoubleBracesString } from '@frontend/sports/common/core/utils/string';\nimport { CrmTokensMessages, CrmTokensMyBets, LinearRewardTokens } from '@frontend/sports/types/components/sitecore';\nimport { CRMTokenImage } from '@frontend/sports/types/models/crm-tokens';\nimport { isEdsPromoTokenBetAndGet } from 'packages/sports/common/betslip/modules/reward-tokens/services/reward-tokens.utils';\n\nimport { ITokenSignposting } from '../../../crm-postbet-signposting/postbet-signposting.service';\nimport { TokenType } from '../../../my-bets-base/models/my-bets-viewmodels';\nimport { PayoutType, RewardTokenType } from '../../../tokens-base/token-base.models';\nimport { MyBetsBaseUsedRewardTokenComponent } from './my-bets-base-used-reward-token.component';\n\n@Component({\n selector: 'ms-my-bets-used-reward-token-epcot',\n templateUrl: 'my-bets-used-reward-token-epcot.html',\n styleUrl: './my-bets-used-reward-token-epcot.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MyBetsUsedRewardTokenEpcotComponent extends MyBetsBaseUsedRewardTokenComponent {\n @HostBinding('class') className = 'my-bets-used-reward-token my-bets-used-reward-token--ecpot';\n tokenSignPost = input{{ tokenSignPost().title }}
\n \n @if (betslip.isSingleBet) {\n @if (betslip.bets[0].betBuilderInfo === null) {\n \n }\n @if (enableRedesignedBetCard) {\n \n @if ((betslip.usedRewardToken || showBetAndGet) && !myBetsListContext.isPrintView && enableRedesignedBetCard) {\n \n @if (isCashoutWinningsTaxMessage) {\n \n }\n @if ((betslip.usedRewardToken || showBetAndGet) && !myBetsListContext.isPrintView && !enableRedesignedBetCard) {\n \n @if (isEpcotEnabled) {\n
\n\n\n {{ translations.reset_button_title }}\n \n\n \n \n
\n","import { AfterViewInit, Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\n\nimport { Sitecore, SitecoreMyBetsConfig } from '@frontend/sports/common/client-config-data-access';\nimport { ActiveModal } from '@frontend/sports/modal/feature';\nimport { TrackingService, trackingConstants } from '@frontend/sports/tracking/feature';\nimport { IntlService } from '@frontend/vanilla/core';\nimport { ResponsiveFooterContent } from '@frontend/vanilla/features/footer';\nimport { Subscription } from 'rxjs';\n\nimport { EpcotModule } from '../../../common/epcot-config.service';\nimport {\n IFilterConstraint,\n MyBetsDateRangeFilterContstraint,\n MyBetsFilterConstraint,\n MyBetsStateFilterContstraint,\n} from '../../models/my-bets-filter-constraints';\nimport { IMyBetsListRequest } from '../../services/my-bets-api.service';\n\nexport interface IMyBetsSettledFiltersProps {\n stateModel: string;\n fromDate?: string;\n toDate?: string;\n}\n\ninterface ITranslations {\n all: string;\n won: string;\n lost: string;\n cancelled: string;\n title: string;\n reset_button_title: string;\n bet_result_title: string;\n time_range_title: string;\n results_button_title: string;\n interval_adapted_message: string;\n start_date_placeholder: string;\n end_date_placeholder: string;\n contact_us: string;\n}\n\n@Component({\n selector: 'ms-my-bets-settled-filters',\n templateUrl: './my-bets-settled-filters.html',\n})\nexport class MyBetsSettledFiltersComponent implements IMyBetsSettledFiltersProps, AfterViewInit, OnInit, OnDestroy {\n private filterConstraint: MyBetsFilterConstraint = new MyBetsFilterConstraint();\n private _stateMode: string;\n private _fromDate: string;\n private _toDate: string;\n private defaultFromDate: string;\n private defaultToDate: string;\n private maxDateInterval = 89;\n private initialTimePeriodInterval = 2592000000; // 30 days in miliseconds\n private now = new Date();\n private nowMinus30days = new Date(this.now.valueOf() - this.initialTimePeriodInterval);\n private columnSubscription?: Subscription;\n\n helpAndContact: string;\n module = EpcotModule.MyBetsBetSlip;\n isStateModelDirty = false;\n showIntervalAutoChangedInfo = false;\n translations: ITranslations;\n\n @Output() requestResults = new EventEmitter\n
\n{{ sitecoreMyBets.myBets.MigrationInfoHeader }}
\n\n
\n\n{{ sitecoreMyBets.myBets.ConfirmMessage }}
\n","\n \n \n
\n@if (migrationInfo) {\n