@everymatrix/casino-challenges-overlay 0.17.103 → 0.17.105

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/casino-challenges-overlay/casino-challenge-details-events_23.entry.js +1 -0
  2. package/dist/casino-challenges-overlay/casino-challenges-overlay-ef3af896.js +1 -0
  3. package/dist/casino-challenges-overlay/casino-challenges-overlay.esm.js +1 -1
  4. package/dist/casino-challenges-overlay/index-b4a452f5.js +2 -0
  5. package/dist/casino-challenges-overlay/index.esm.js +1 -1
  6. package/dist/cjs/casino-challenge-details-events_23.cjs.entry.js +5574 -0
  7. package/dist/cjs/{casino-challenges-overlay-929886ef.js → casino-challenges-overlay-79eca2f8.js} +77 -49
  8. package/dist/cjs/casino-challenges-overlay.cjs.js +2 -2
  9. package/dist/cjs/{index-d610a063.js → index-6300a889.js} +305 -11
  10. package/dist/cjs/index.cjs.js +2 -2
  11. package/dist/cjs/loader.cjs.js +2 -2
  12. package/dist/collection/collection-manifest.json +41 -0
  13. package/dist/collection/components/casino-challenges-overlay/casino-challenges-overlay.css +2 -3
  14. package/dist/collection/components/casino-challenges-overlay/casino-challenges-overlay.js +86 -54
  15. package/dist/collection/utils/locale.utils.js +1 -0
  16. package/dist/collection/utils/types.js +14 -0
  17. package/dist/esm/casino-challenge-details-events_23.entry.js +5549 -0
  18. package/dist/esm/{casino-challenges-overlay-cfb57143.js → casino-challenges-overlay-ef3af896.js} +77 -49
  19. package/dist/esm/casino-challenges-overlay.js +3 -3
  20. package/dist/esm/{index-be60b13e.js → index-b4a452f5.js} +303 -12
  21. package/dist/esm/index.js +2 -2
  22. package/dist/esm/loader.js +3 -3
  23. package/dist/types/components/casino-challenges-overlay/casino-challenges-overlay.d.ts +12 -8
  24. package/dist/types/components.d.ts +11 -3
  25. package/dist/types/utils/types.d.ts +17 -0
  26. package/package.json +1 -1
  27. package/dist/casino-challenges-overlay/casino-challenges-overlay-cfb57143.js +0 -1
  28. package/dist/casino-challenges-overlay/casino-challenges-overlay_2.entry.js +0 -1
  29. package/dist/casino-challenges-overlay/index-be60b13e.js +0 -2
  30. package/dist/cjs/casino-challenges-overlay_2.cjs.entry.js +0 -249
  31. package/dist/esm/casino-challenges-overlay_2.entry.js +0 -245
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h } from './index-be60b13e.js';
1
+ import { r as registerInstance, h } from './index-b4a452f5.js';
2
2
 
3
3
  const StyleCacheKey = '__WIDGET_GLOBAL_STYLE_CACHE__';
4
4
 
@@ -128,6 +128,7 @@ const DEFAULT_LANGUAGE = 'en';
128
128
  const TRANSLATIONS = {
129
129
  en: {
130
130
  new: 'new',
131
+ join: 'Join',
131
132
  // casino-challenges-overlay-modal
132
133
  congrats: 'Congratulations!',
133
134
  continue: 'Continue',
@@ -211,20 +212,33 @@ var EChallengeProgressStatus;
211
212
  EChallengeProgressStatus[EChallengeProgressStatus["Awaiting"] = 6] = "Awaiting";
212
213
  EChallengeProgressStatus[EChallengeProgressStatus["Paused"] = 7] = "Paused";
213
214
  })(EChallengeProgressStatus || (EChallengeProgressStatus = {}));
215
+ var EChallengesTabs;
216
+ (function (EChallengesTabs) {
217
+ EChallengesTabs[EChallengesTabs["Promo"] = 0] = "Promo";
218
+ EChallengesTabs[EChallengesTabs["Active"] = 1] = "Active";
219
+ EChallengesTabs[EChallengesTabs["Pending"] = 2] = "Pending";
220
+ EChallengesTabs[EChallengesTabs["Finished"] = 3] = "Finished";
221
+ EChallengesTabs[EChallengesTabs["Code"] = 4] = "Code";
222
+ })(EChallengesTabs || (EChallengesTabs = {}));
214
223
  var EChallengeLevelTargetType;
215
224
  (function (EChallengeLevelTargetType) {
216
225
  EChallengeLevelTargetType[EChallengeLevelTargetType["Accumulative"] = 0] = "Accumulative";
217
226
  EChallengeLevelTargetType[EChallengeLevelTargetType["SingleBet"] = 1] = "SingleBet";
218
227
  EChallengeLevelTargetType[EChallengeLevelTargetType["MultipleOneBetSize"] = 2] = "MultipleOneBetSize";
219
228
  })(EChallengeLevelTargetType || (EChallengeLevelTargetType = {}));
229
+ var EContributedFrom;
230
+ (function (EContributedFrom) {
231
+ EContributedFrom[EContributedFrom["Casino"] = 0] = "Casino";
232
+ EContributedFrom[EContributedFrom["Any"] = 1] = "Any";
233
+ EContributedFrom[EContributedFrom["Sportsbook"] = 2] = "Sportsbook";
234
+ })(EContributedFrom || (EContributedFrom = {}));
220
235
 
221
- const casinoChallengesOverlayCss = "@import url(\"https://fonts.googleapis.com/css2?family=Cherry+Bomb+One&display=swap\");.container{z-index:300;position:absolute;top:24px;left:10px;cursor:pointer}.circle{display:inline-block;box-sizing:border-box;border-radius:24px;position:relative;background:conic-gradient(from 270deg at 50% 50%, transparent 0deg var(--progress), var(--emw--border-color, #a4d3b4) var(--progress) 360deg), var(--emw--color-active-progress, linear-gradient(103deg, #ff9400 16.9%, #fef746 95.33%, #ffe24a 95.96%)) no-repeat center/100% 100%;box-shadow:var(--emw--button-box-shadow, 0 4px 4px 0 rgba(0, 0, 0, 0.3019607843));width:55px;height:32px;padding:4px 6px;isolation:isolate}.circle__content{display:flex;align-items:center;justify-content:center;height:100%;pointer-events:none;color:var(--emw--color-white, #ffffff);z-index:302;position:relative;padding:0 0 0 12px}.circle__content span{font-family:var(--emw--font-family-secondary, \"Cherry Bomb One\", sans-serif);font-size:var(--emw--font-size-x-small, 11px);font-weight:var(--emw--font-weight-normal, 400);letter-spacing:-0.22px;text-transform:uppercase}.circle__img{position:absolute;left:0;z-index:304;top:0}.circle.grayed{mix-blend-mode:luminosity}.circle.grayed::before{display:block}.circle.grayed .dot{filter:grayscale(100%)}.circle::after{content:\"\";position:absolute;inset:3px;border-radius:24px;background:var(--emw--background-gradient-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));pointer-events:none}.dot{position:absolute;width:4px;height:4px;background:var(--emw--color-white, #ffffff);border-radius:50%;box-sizing:border-box;transform:translate(-50%, -50%);pointer-events:none;z-index:303;box-shadow:var(--emw--secondary-box-shadow, 0 0.33px 1.32px 0.165px rgba(0, 0, 0, 0.1215686275))}.dot::before{content:\"\";position:absolute;inset:0;border-radius:50%;padding:1px;background:var(--emw--color-active-dot-progress, linear-gradient(103deg, #ff9400 16.9%, #fef746 95.33%, #ffe24a 95.96%));-webkit-mask:linear-gradient(var(--emw--color-white, #ffffff) 0 0) content-box, linear-gradient(var(--emw--color-white, #ffffff) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.dot::after{content:\"\";position:absolute;top:50%;left:50%;width:9px;height:9px;background:url(\"../../assets/indicator.png\") no-repeat center/contain, url(\"../../assets/shining.svg\") no-repeat center/contain;transform:translate(-50%, -50%);pointer-events:none;z-index:304}.circle::before{content:\"\";position:absolute;inset:0;background:var(--emw--color-gray-150, #808080);border-radius:24px;mix-blend-mode:saturation;pointer-events:none;z-index:305;display:none}.badge{border-radius:50%;background:var(--emw--badge-gradient-color, radial-gradient(93.38% 91.12% at 11.11% 0%, rgba(35, 176, 78, 0.8) 0%, rgba(188, 252, 177, 0.0784313725) 100%), var(--emw--color-black, #000000));border:1px solid var(--emw--button-border-color, rgba(29, 249, 139, 0.8));position:absolute;height:18px;min-width:18px;align-content:center;box-sizing:border-box;top:-5px;left:44px;font-size:var(--emw--font-size-2x-small, 10px);line-height:10px;font-weight:var(--emw--font-weight-normal, 400);font-family:var(--emw--font-family-secondary, \"Cherry Bomb One\", sans-serif);text-align:center}.badge.new{height:14px;border-radius:200px;padding:0 4px;padding-bottom:3px}.badge .icon{height:10px;width:10px}.badge .gradient-text{background:var(--emw--color-badge-color, linear-gradient(103deg, #ff9400 16.9%, #fef746 95.33%, #ffe24a 95.96%));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}";
236
+ const casinoChallengesOverlayCss = ".container{z-index:300;position:absolute;top:24px;left:10px;cursor:pointer}.circle{display:inline-block;box-sizing:border-box;border-radius:24px;position:relative;background:conic-gradient(from 270deg at 50% 50%, transparent 0deg var(--progress), var(--emw--border-color, #a4d3b4) var(--progress) 360deg), var(--emw--color-active-progress, linear-gradient(103deg, #ff9400 16.9%, #fef746 95.33%, #ffe24a 95.96%)) no-repeat center/100% 100%;box-shadow:var(--emw--button-box-shadow, 0 4px 4px 0 rgba(0, 0, 0, 0.3019607843));width:55px;height:32px;padding:4px 6px;isolation:isolate}.circle__content{display:flex;align-items:center;justify-content:center;height:100%;pointer-events:none;color:var(--emw--color-white, #ffffff);z-index:302;position:relative;padding:0 0 0 12px}.circle__content span{font-family:var(--emw--font-family-secondary, \"Cherry Bomb One\"), sans-serif;font-size:var(--emw--font-size-x-small, 11px);font-weight:var(--emw--font-weight-normal, 400);letter-spacing:-0.22px;text-transform:uppercase}.circle__img{position:absolute;left:0;z-index:304;top:0}.circle.grayed{mix-blend-mode:luminosity}.circle.grayed::before{display:block}.circle.grayed .dot{filter:grayscale(100%)}.circle::after{content:\"\";position:absolute;inset:3px;border-radius:24px;background:var(--emw--background-gradient-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));pointer-events:none}.dot{position:absolute;width:4px;height:4px;background:var(--emw--color-white, #ffffff);border-radius:50%;box-sizing:border-box;transform:translate(-50%, -50%);pointer-events:none;z-index:303;box-shadow:var(--emw--secondary-box-shadow, 0 0.33px 1.32px 0.165px rgba(0, 0, 0, 0.1215686275))}.dot::before{content:\"\";position:absolute;inset:0;border-radius:50%;padding:1px;background:var(--emw--color-active-dot-progress, linear-gradient(103deg, #ff9400 16.9%, #fef746 95.33%, #ffe24a 95.96%));-webkit-mask:linear-gradient(var(--emw--color-white, #ffffff) 0 0) content-box, linear-gradient(var(--emw--color-white, #ffffff) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.dot::after{content:\"\";position:absolute;top:50%;left:50%;width:9px;height:9px;background:url(\"../../assets/indicator.png\") no-repeat center/contain, url(\"../../assets/shining.svg\") no-repeat center/contain;transform:translate(-50%, -50%);pointer-events:none;z-index:304}.circle::before{content:\"\";position:absolute;inset:0;background:var(--emw--color-gray-150, #808080);border-radius:24px;mix-blend-mode:saturation;pointer-events:none;z-index:305;display:none}.badge{border-radius:50%;background:var(--emw--badge-gradient-color, radial-gradient(93.38% 91.12% at 11.11% 0%, rgba(35, 176, 78, 0.8) 0%, rgba(188, 252, 177, 0.0784313725) 100%), var(--emw--color-black, #000000));border:1px solid var(--emw--button-border-color, rgba(29, 249, 139, 0.8));position:absolute;height:18px;min-width:18px;align-content:center;box-sizing:border-box;top:-5px;left:44px;font-size:var(--emw--font-size-2x-small, 10px);line-height:10px;font-weight:var(--emw--font-weight-normal, 400);font-family:var(--emw--font-family-secondary, \"Cherry Bomb One\"), sans-serif;text-align:center}.badge.new{height:14px;border-radius:200px;padding:0 4px;padding-bottom:3px}.badge .icon{height:10px;width:10px}.badge .gradient-text{background:var(--emw--color-badge-color, linear-gradient(103deg, #ff9400 16.9%, #fef746 95.33%, #ffe24a 95.96%));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}";
222
237
  const CasinoChallengesOverlayStyle0 = casinoChallengesOverlayCss;
223
238
 
224
239
  const CasinoChallengesOverlay = class {
225
240
  constructor(hostRef) {
226
241
  registerInstance(this, hostRef);
227
- this.activeChallengesTabIndex = 1;
228
242
  this.updateChallengesArray = (challengeId, isEnabled, isExpired) => {
229
243
  this.challenges = this.challenges.map((challenge) => {
230
244
  if (challenge.ChallengeId !== challengeId) {
@@ -245,28 +259,42 @@ const CasinoChallengesOverlay = class {
245
259
  this.modalIsFreeSpinsGranted = false;
246
260
  this.modalBonusProgramGames = [];
247
261
  };
248
- this.goToDetailsPage = () => {
249
- window.parent.postMessage({
250
- type: 'GoToDetailsPage',
251
- info: {
252
- challengeId: this.activeChallenge,
253
- activeChallengesTabIndex: this.activeChallengesTabIndex
254
- }
255
- }, '*');
262
+ this.handleClick = () => {
263
+ var _a;
264
+ if (this.extendedIngameWidget) {
265
+ this.showDrawer = true;
266
+ return;
267
+ }
268
+ if (this.inProgressCount > 0 && ((_a = this.activeChallenge) === null || _a === void 0 ? void 0 : _a.ChallengeId)) {
269
+ window.parent.postMessage({
270
+ type: 'GoToDetailsPage',
271
+ info: {
272
+ challengeId: this.activeChallenge.ChallengeId,
273
+ activeChallengesTabIndex: EChallengesTabs.Active
274
+ }
275
+ }, '*');
276
+ }
277
+ else {
278
+ window.postMessage({ type: 'GoToChallengesPage', tab: EChallengesTabs.Promo }, '*');
279
+ }
280
+ };
281
+ this.closeDrawer = () => {
282
+ this.showDrawer = false;
256
283
  };
284
+ this.isActiveChallenge = ({ Status }) => Status === EChallengeProgressStatus.Started || Status === EChallengeProgressStatus.Paused;
257
285
  this.mbSource = undefined;
258
286
  this.clientStyling = undefined;
259
287
  this.clientStylingUrl = undefined;
260
288
  this.translationUrl = '';
261
289
  this.language = 'en';
262
290
  this.challenges = undefined;
291
+ this.extendedIngameWidget = false;
263
292
  this.progress = 0;
264
- this.isGrayed = false;
265
293
  this.isNew = false;
266
294
  this.isGift = false;
267
295
  this.isNotification = false;
268
296
  this.inProgressCount = 0;
269
- this.activeChallenge = '';
297
+ this.activeChallenge = undefined;
270
298
  this.completedLevelId = '';
271
299
  this.prevUpdateEvent = undefined;
272
300
  this.showModal = false;
@@ -276,6 +304,7 @@ const CasinoChallengesOverlay = class {
276
304
  this.modalOrderNumber = 1;
277
305
  this.modalIsFreeSpinsGranted = false;
278
306
  this.modalBonusProgramGames = [];
307
+ this.showDrawer = false;
279
308
  }
280
309
  handleClientStylingChange(newValue, oldValue) {
281
310
  if (newValue != oldValue) {
@@ -306,8 +335,7 @@ const CasinoChallengesOverlay = class {
306
335
  if (level.ProgressStatus === EChallengeProgressLevelStatus.InProgress) {
307
336
  if (level.ProgressPercentage >= maxPercentage) {
308
337
  maxPercentage = level.ProgressPercentage;
309
- this.activeChallenge = challenge.ChallengeId;
310
- this.isGrayed = false;
338
+ this.activeChallenge = challenge;
311
339
  }
312
340
  }
313
341
  }
@@ -394,17 +422,15 @@ const CasinoChallengesOverlay = class {
394
422
  break;
395
423
  }
396
424
  case 'ChangeChallengeProgressStatus': {
397
- const currentProgress = (_g = this.challenges) === null || _g === void 0 ? void 0 : _g.find((x) => (x === null || x === void 0 ? void 0 : x.ChallengeId) === this.activeChallenge);
398
- this.challenges = (_h = this.challenges) === null || _h === void 0 ? void 0 : _h.map((x) => {
399
- if (this.isGrayed &&
400
- this.inProgressCount === 1 &&
401
- currentProgress &&
402
- (currentProgress === null || currentProgress === void 0 ? void 0 : currentProgress.Id) !== (data === null || data === void 0 ? void 0 : data.ChallengeProgressId) &&
403
- (currentProgress === null || currentProgress === void 0 ? void 0 : currentProgress.Id) === x.Id) {
404
- return Object.assign(Object.assign({}, x), { Status: EChallengeProgressStatus.Forfeited });
405
- }
406
- return x.Id === (data === null || data === void 0 ? void 0 : data.ChallengeProgressId) ? Object.assign(Object.assign({}, x), { Status: data === null || data === void 0 ? void 0 : data.ChallengeProgressStatus }) : x;
407
- });
425
+ this.challenges = (_g = this.challenges) === null || _g === void 0 ? void 0 : _g.map((x) => x.Id === (data === null || data === void 0 ? void 0 : data.ChallengeProgressId) ? Object.assign(Object.assign({}, x), { Status: data === null || data === void 0 ? void 0 : data.ChallengeProgressStatus }) : x);
426
+ break;
427
+ }
428
+ case 'NewChallengeProgressGranted': {
429
+ const newChallenge = data;
430
+ if ((_h = this.challenges) === null || _h === void 0 ? void 0 : _h.some((x) => x.Id === (newChallenge === null || newChallenge === void 0 ? void 0 : newChallenge.Id)))
431
+ break;
432
+ this.challenges = [...this.challenges, newChallenge];
433
+ break;
408
434
  }
409
435
  }
410
436
  }
@@ -427,31 +453,17 @@ const CasinoChallengesOverlay = class {
427
453
  return false;
428
454
  }
429
455
  handleStatusEvent(data, isExpired) {
456
+ var _a;
430
457
  const isChallengeExist = this.challenges.find((challenge) => challenge.ChallengeId === (data === null || data === void 0 ? void 0 : data.ChallengeId));
431
458
  if (!isChallengeExist) {
432
459
  return;
433
460
  }
434
- if ((data === null || data === void 0 ? void 0 : data.ChallengeId) === this.activeChallenge && !(data === null || data === void 0 ? void 0 : data.IsEnabled)) {
461
+ if ((data === null || data === void 0 ? void 0 : data.ChallengeId) === ((_a = this.activeChallenge) === null || _a === void 0 ? void 0 : _a.ChallengeId) && !(data === null || data === void 0 ? void 0 : data.IsEnabled)) {
435
462
  this.isNotification = true;
436
- if (this.inProgressCount === 1) {
437
- this.statusTimeoutId = setTimeout(() => {
438
- if ((data === null || data === void 0 ? void 0 : data.ChallengeId) === this.activeChallenge) {
439
- if (this.inProgressCount === 1) {
440
- this.isGrayed = true;
441
- }
442
- else {
443
- this.updateChallengesArray(data === null || data === void 0 ? void 0 : data.ChallengeId, data === null || data === void 0 ? void 0 : data.IsEnabled, isExpired);
444
- }
445
- }
446
- this.isNotification = false;
447
- }, 10000);
448
- }
449
- else if (this.inProgressCount > 1) {
450
- this.statusTimeoutId = setTimeout(() => {
451
- this.updateChallengesArray(data === null || data === void 0 ? void 0 : data.ChallengeId, data === null || data === void 0 ? void 0 : data.IsEnabled, isExpired);
452
- this.isNotification = false;
453
- }, 10000);
454
- }
463
+ this.statusTimeoutId = setTimeout(() => {
464
+ this.updateChallengesArray(data === null || data === void 0 ? void 0 : data.ChallengeId, data === null || data === void 0 ? void 0 : data.IsEnabled, isExpired);
465
+ this.isNotification = false;
466
+ }, 10000);
455
467
  }
456
468
  else {
457
469
  this.updateChallengesArray(data === null || data === void 0 ? void 0 : data.ChallengeId, data === null || data === void 0 ? void 0 : data.IsEnabled, isExpired);
@@ -461,6 +473,13 @@ const CasinoChallengesOverlay = class {
461
473
  if (this.translationUrl) {
462
474
  resolveTranslationUrl(this.translationUrl);
463
475
  }
476
+ if (!document.getElementById('cherry-bomb-font')) {
477
+ const link = document.createElement('link');
478
+ link.id = 'cherry-bomb-font';
479
+ link.rel = 'stylesheet';
480
+ link.href = 'https://fonts.googleapis.com/css2?family=Cherry+Bomb+One&display=swap';
481
+ document.head.appendChild(link);
482
+ }
464
483
  }
465
484
  componentDidLoad() {
466
485
  if (this.stylingContainer) {
@@ -581,16 +600,25 @@ const CasinoChallengesOverlay = class {
581
600
  */
582
601
  async init(config) {
583
602
  this.challenges = config.challenges;
603
+ this.extendedIngameWidget = String(config === null || config === void 0 ? void 0 : config.extendedIngameWidget).toLowerCase() === 'true';
584
604
  }
585
605
  render() {
606
+ var _a, _b, _c;
586
607
  const currProgress = this.completedLevelId ? 100 : this.progress;
587
608
  const dot = this.getCapsuleDotPosition(currProgress);
588
- return (h("div", { key: '639d5d2272af4364490409a540e8a43b860aa21e', ref: (el) => (this.stylingContainer = el) }, this.inProgressCount > 0 && (h("div", { key: '1908b6c7642a44c845b5835a530c755de5a66ddb', class: "container", onClick: this.goToDetailsPage }, h("div", { key: '27119842af3826143d1b1c092dfbc822265a12f1', class: `circle ${this.isGrayed ? 'grayed' : ''}`, style: {
609
+ const hasActiveProgress = this.inProgressCount > 0;
610
+ const activeProgressId = hasActiveProgress
611
+ ? (_a = this.activeChallenge) === null || _a === void 0 ? void 0 : _a.Id
612
+ : (_c = (_b = this.challenges) === null || _b === void 0 ? void 0 : _b.find(this.isActiveChallenge)) === null || _c === void 0 ? void 0 : _c.Id;
613
+ return (h("div", { key: '018163dcf771c05058f5031cd8cfc280821967c3', ref: (el) => (this.stylingContainer = el) }, h("div", { key: '2371f5fde52da2459ec2a8bd3d07b8a63212de00', class: "container", onClick: this.handleClick }, h("div", { key: '3db9cf35ccd29acefe7df6cadbfb129c896669dd', class: "circle", style: {
589
614
  '--progress': `${currProgress}%`
590
- } }, h("img", { key: '52467d911cc7934708605b2c4ba8f284c7c2268d', class: "circle__img", src: bgIconSvg }), h("div", { key: '6b53bb87e026fdc18b72f35e9feb24f3ed640d19', class: "circle__content" }, h("span", { key: '1bcf879a911b0032c59c9972ae3197315cec4cfb' }, Math.floor(currProgress), "%")), dot && (h("div", { key: '6377568c12a5c0999a46f8320f27249d2d3c9efa', class: "dot", style: {
615
+ } }, h("img", { key: '8ef7b99fc1ef49fde9616283b7bdfb21dcc175ba', class: "circle__img", src: bgIconSvg }), h("div", { key: '31211661c353641b9f81810c395ab23d069919ce', class: "circle__content" }, hasActiveProgress ? (h("span", null, Math.floor(currProgress), "%")) : (h("span", null, translate('join', this.language)))), dot && (h("div", { key: '5ee00b99b0ad5abe5d7c0d38a2e3cb5bfede3d81', class: "dot", style: {
591
616
  left: `${dot.x}px`,
592
617
  top: `${dot.y}px`
593
- } }))), !this.isGrayed && h("div", { key: '98744b4743572ea10e578bf595c0b6df690d0afe', class: `badge ${this.isNew ? 'new' : ''}` }, this.renderBadgeContent()))), h("casino-challenges-overlay-modal", { key: '1f91b25bd3b4538cdd16312741e2c8b62bd57607', isOpen: this.showModal, handleClick: this.closeModal, reward: this.modalReward, addition: this.modalAddition, isFreeSpinsGranted: this.modalIsFreeSpinsGranted, bonusProgramGames: this.modalBonusProgramGames, errored: this.modalErrored, orderNumber: this.modalOrderNumber, translationUrl: this.translationUrl, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl })));
618
+ } }))), hasActiveProgress && (h("div", { key: '016411269e205666af6a0ee8b5213e313715a9e7', class: {
619
+ badge: true,
620
+ new: this.isNew
621
+ } }, this.renderBadgeContent()))), h("casino-challenges-overlay-modal", { key: 'c5b6a2cf21e7a3828c22bb05342c0d0258448c16', isOpen: this.showModal, handleClick: this.closeModal, reward: this.modalReward, addition: this.modalAddition, isFreeSpinsGranted: this.modalIsFreeSpinsGranted, bonusProgramGames: this.modalBonusProgramGames, errored: this.modalErrored, orderNumber: this.modalOrderNumber, translationUrl: this.translationUrl, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl }), this.extendedIngameWidget && (h("casino-challenges-overlay-drawer", { key: '932823367fae1026297948d0ac85fbb449f96265', mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, language: this.language, isOpen: this.showDrawer, handleClose: this.closeDrawer, challenges: this.challenges, initialProgressId: activeProgressId }))));
594
622
  }
595
623
  static get watchers() { return {
596
624
  "clientStyling": ["handleClientStylingChange"],
@@ -1,5 +1,5 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-be60b13e.js';
2
- export { s as setNonce } from './index-be60b13e.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-b4a452f5.js';
2
+ export { s as setNonce } from './index-b4a452f5.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  /*
@@ -16,5 +16,5 @@ var patchBrowser = () => {
16
16
 
17
17
  patchBrowser().then(async (options) => {
18
18
  await globalScripts();
19
- return bootstrapLazy([["casino-challenges-overlay_2",[[1,"casino-challenges-overlay",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"challenges":[16],"progress":[32],"isGrayed":[32],"isNew":[32],"isGift":[32],"isNotification":[32],"inProgressCount":[32],"activeChallenge":[32],"completedLevelId":[32],"prevUpdateEvent":[32],"showModal":[32],"modalErrored":[32],"modalReward":[32],"modalAddition":[32],"modalOrderNumber":[32],"modalIsFreeSpinsGranted":[32],"modalBonusProgramGames":[32],"init":[64]},[[8,"message","handleEvent"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"challenges":["handleChallengesChange"]}],[1,"casino-challenges-overlay-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"reward":[513],"addition":[516],"handleClick":[16],"errored":[516],"orderNumber":[514,"order-number"],"isFreeSpinsGranted":[516,"is-free-spins-granted"],"bonusProgramGames":[16],"currentIndex":[32],"isMobile":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"bonusProgramGames":["handleBonusProgramGameChange"]}]]]], options);
19
+ return bootstrapLazy([["casino-challenge-details-events_23",[[1,"casino-challenges-overlay",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"challenges":[16],"extendedIngameWidget":[516,"extended-ingame-widget"],"progress":[32],"isNew":[32],"isGift":[32],"isNotification":[32],"inProgressCount":[32],"activeChallenge":[32],"completedLevelId":[32],"prevUpdateEvent":[32],"showModal":[32],"modalErrored":[32],"modalReward":[32],"modalAddition":[32],"modalOrderNumber":[32],"modalIsFreeSpinsGranted":[32],"modalBonusProgramGames":[32],"showDrawer":[32],"init":[64]},[[8,"message","handleEvent"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"challenges":["handleChallengesChange"]}],[1,"casino-challenges-overlay-drawer",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"handleClose":[16],"challenges":[16],"initialProgressId":[513,"initial-progress-id"],"activeChallenge":[32],"activeProgressId":[32],"activeTabIndex":[32],"error":[32],"hasError":[32],"swipped":[32],"detailsSubPageInfo":[32],"progress":[32],"loading":[32],"notification":[32],"optOutModaIsOpen":[32],"isOptedOut":[32],"prevUpdateEvent":[32],"challengeGames":[32],"activeChallenges":[32],"pendingChallenges":[32],"promoChallenges":[32],"playerHistory":[32],"hasMorePlayerHistory":[32],"emptyState":[32]},[[0,"openOptOutModal","onOpenOptOut"],[0,"closeOptOutModal","onCloseOptOut"],[0,"confirmOptOut","onConfirmOptOut"],[0,"challengeExpired","onChallengeExpired"],[8,"message","handleEvent"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"isOpen":["handleIsOpenChange"],"activeChallenge":["onActiveChallengeChanged"]}],[1,"casino-challenges-overlay-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"reward":[513],"addition":[516],"handleClick":[16],"errored":[516],"orderNumber":[514,"order-number"],"isFreeSpinsGranted":[516,"is-free-spins-granted"],"bonusProgramGames":[16],"currentIndex":[32],"isMobile":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"bonusProgramGames":["handleBonusProgramGameChange"]}],[1,"casino-challenges-overlay-drawer-details",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"challenge":[16],"language":[513],"isMobile":[516,"is-mobile"],"isUnique":[516,"is-unique"],"swipped":[516],"progress":[514],"activeChallengesTabIndex":[513,"active-challenges-tab-index"],"detailsSubPageInfo":[16],"isOptedOut":[516,"is-opted-out"],"challengeGames":[16],"swipping":[32],"actionLoading":[32],"error":[32],"isChallengePaused":[32],"timeLeft":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"progress":["onSwipeChange"],"challenge":["onChallengeChange"]}],[0,"casino-challenge-opt-out-modal",{"language":[1],"isMobile":[4,"is-mobile"],"open":[4]}],[1,"casino-challenges-overlay-drawer-history",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isMobile":[516,"is-mobile"],"loading":[516],"hasMore":[516,"has-more"],"historyItems":[16],"openItems":[32],"pageSize":[32],"pageNumber":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"historyItems":["handlePlayerHistoryChange"]}],[1,"casino-challenges-overlay-slider",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isMobile":[516,"is-mobile"],"challenges":[16],"initialProgressId":[1,"initial-progress-id"],"activeTabIndex":[1,"active-tab-index"],"currentIndex":[32],"slideWidth":[32],"slideHeight":[32],"isOneSlide":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"currentIndex":["onCurrentIndexChange"],"challenges":["onChallengesChange"],"initialProgressId":["onInitialProgressIdChange"]}],[0,"casino-challenge-overlay-background",{"empty":[4]}],[1,"casino-challenges-claim-code",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"isMobile":[516,"is-mobile"],"loading":[32],"hasError":[32],"code":[32],"notificationMessage":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"casino-challenges-empty-state",{"header":[1],"description":[1],"isMobile":[516,"is-mobile"]}],[0,"casino-challenges-overlay-loader",{"fullSize":[4,"full-size"],"isMobile":[516,"is-mobile"]}],[0,"casino-challenges-overlay-tabs",{"language":[513],"isMobile":[516,"is-mobile"],"activeTabIndex":[514,"active-tab-index"],"activeTabHasNotification":[516,"active-tab-has-notification"],"pendingTabHasNotification":[516,"pending-tab-has-notification"]}],[4,"swipe-up",{"isMobile":[516,"is-mobile"],"isOneSlider":[516,"is-one-slider"],"progress":[32]},null,{"isOneSlider":["onIsOneSliderChange"],"progress":["onSwipeChange"]}],[0,"casino-challenge-details-levels",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"isChallengePaused":[4,"is-challenge-paused"],"isOptedOut":[4,"is-opted-out"],"open":[4]}],[0,"casino-challenge-details-events",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"open":[4]}],[0,"casino-challenge-details-games",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"games":[16]}],[0,"casino-challenge-details-progress-bar",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"]}],[0,"casino-challenge-details-rules",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"isOptedOut":[4,"is-opted-out"],"open":[4]}],[0,"casino-challenge-drawer-history-item",{"language":[513],"index":[514],"historyItem":[16],"itemRef":[16],"isOpen":[4,"is-open"],"isMobile":[4,"is-mobile"],"toggle":[16]}],[1,"casino-challenges-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[516,"is-open"],"showWinAnimation":[516,"show-win-animation"],"showBackdrop":[516,"show-backdrop"],"showCloseButton":[516,"show-close-button"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"casino-challenges-overlay-card",{"challenge":[16],"index":[2],"arrLength":[2,"arr-length"],"currentIndex":[2,"current-index"],"language":[1],"isOptedOut":[4,"is-opted-out"],"slideWidth":[2,"slide-width"],"slideHeight":[2,"slide-height"],"timeLeft":[32]}],[4,"casino-challenge-expandable-paragraph",{"maxHeight":[2,"max-height"],"active":[4],"expanded":[32],"needsTruncation":[32]}],[0,"casino-challenge-level-progress-bar",{"height":[1],"active":[4],"value":[2]}]]]], options);
20
20
  });