@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,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- const index = require('./index-d610a063.js');
3
+ const index = require('./index-6300a889.js');
4
4
 
5
5
  const StyleCacheKey = '__WIDGET_GLOBAL_STYLE_CACHE__';
6
6
 
@@ -130,6 +130,7 @@ const DEFAULT_LANGUAGE = 'en';
130
130
  const TRANSLATIONS = {
131
131
  en: {
132
132
  new: 'new',
133
+ join: 'Join',
133
134
  // casino-challenges-overlay-modal
134
135
  congrats: 'Congratulations!',
135
136
  continue: 'Continue',
@@ -213,20 +214,33 @@ var EChallengeProgressStatus;
213
214
  EChallengeProgressStatus[EChallengeProgressStatus["Awaiting"] = 6] = "Awaiting";
214
215
  EChallengeProgressStatus[EChallengeProgressStatus["Paused"] = 7] = "Paused";
215
216
  })(EChallengeProgressStatus || (EChallengeProgressStatus = {}));
217
+ var EChallengesTabs;
218
+ (function (EChallengesTabs) {
219
+ EChallengesTabs[EChallengesTabs["Promo"] = 0] = "Promo";
220
+ EChallengesTabs[EChallengesTabs["Active"] = 1] = "Active";
221
+ EChallengesTabs[EChallengesTabs["Pending"] = 2] = "Pending";
222
+ EChallengesTabs[EChallengesTabs["Finished"] = 3] = "Finished";
223
+ EChallengesTabs[EChallengesTabs["Code"] = 4] = "Code";
224
+ })(EChallengesTabs || (EChallengesTabs = {}));
216
225
  var EChallengeLevelTargetType;
217
226
  (function (EChallengeLevelTargetType) {
218
227
  EChallengeLevelTargetType[EChallengeLevelTargetType["Accumulative"] = 0] = "Accumulative";
219
228
  EChallengeLevelTargetType[EChallengeLevelTargetType["SingleBet"] = 1] = "SingleBet";
220
229
  EChallengeLevelTargetType[EChallengeLevelTargetType["MultipleOneBetSize"] = 2] = "MultipleOneBetSize";
221
230
  })(EChallengeLevelTargetType || (EChallengeLevelTargetType = {}));
231
+ var EContributedFrom;
232
+ (function (EContributedFrom) {
233
+ EContributedFrom[EContributedFrom["Casino"] = 0] = "Casino";
234
+ EContributedFrom[EContributedFrom["Any"] = 1] = "Any";
235
+ EContributedFrom[EContributedFrom["Sportsbook"] = 2] = "Sportsbook";
236
+ })(EContributedFrom || (EContributedFrom = {}));
222
237
 
223
- 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}";
238
+ 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}";
224
239
  const CasinoChallengesOverlayStyle0 = casinoChallengesOverlayCss;
225
240
 
226
241
  const CasinoChallengesOverlay = class {
227
242
  constructor(hostRef) {
228
243
  index.registerInstance(this, hostRef);
229
- this.activeChallengesTabIndex = 1;
230
244
  this.updateChallengesArray = (challengeId, isEnabled, isExpired) => {
231
245
  this.challenges = this.challenges.map((challenge) => {
232
246
  if (challenge.ChallengeId !== challengeId) {
@@ -247,28 +261,42 @@ const CasinoChallengesOverlay = class {
247
261
  this.modalIsFreeSpinsGranted = false;
248
262
  this.modalBonusProgramGames = [];
249
263
  };
250
- this.goToDetailsPage = () => {
251
- window.parent.postMessage({
252
- type: 'GoToDetailsPage',
253
- info: {
254
- challengeId: this.activeChallenge,
255
- activeChallengesTabIndex: this.activeChallengesTabIndex
256
- }
257
- }, '*');
264
+ this.handleClick = () => {
265
+ var _a;
266
+ if (this.extendedIngameWidget) {
267
+ this.showDrawer = true;
268
+ return;
269
+ }
270
+ if (this.inProgressCount > 0 && ((_a = this.activeChallenge) === null || _a === void 0 ? void 0 : _a.ChallengeId)) {
271
+ window.parent.postMessage({
272
+ type: 'GoToDetailsPage',
273
+ info: {
274
+ challengeId: this.activeChallenge.ChallengeId,
275
+ activeChallengesTabIndex: EChallengesTabs.Active
276
+ }
277
+ }, '*');
278
+ }
279
+ else {
280
+ window.postMessage({ type: 'GoToChallengesPage', tab: EChallengesTabs.Promo }, '*');
281
+ }
282
+ };
283
+ this.closeDrawer = () => {
284
+ this.showDrawer = false;
258
285
  };
286
+ this.isActiveChallenge = ({ Status }) => Status === EChallengeProgressStatus.Started || Status === EChallengeProgressStatus.Paused;
259
287
  this.mbSource = undefined;
260
288
  this.clientStyling = undefined;
261
289
  this.clientStylingUrl = undefined;
262
290
  this.translationUrl = '';
263
291
  this.language = 'en';
264
292
  this.challenges = undefined;
293
+ this.extendedIngameWidget = false;
265
294
  this.progress = 0;
266
- this.isGrayed = false;
267
295
  this.isNew = false;
268
296
  this.isGift = false;
269
297
  this.isNotification = false;
270
298
  this.inProgressCount = 0;
271
- this.activeChallenge = '';
299
+ this.activeChallenge = undefined;
272
300
  this.completedLevelId = '';
273
301
  this.prevUpdateEvent = undefined;
274
302
  this.showModal = false;
@@ -278,6 +306,7 @@ const CasinoChallengesOverlay = class {
278
306
  this.modalOrderNumber = 1;
279
307
  this.modalIsFreeSpinsGranted = false;
280
308
  this.modalBonusProgramGames = [];
309
+ this.showDrawer = false;
281
310
  }
282
311
  handleClientStylingChange(newValue, oldValue) {
283
312
  if (newValue != oldValue) {
@@ -308,8 +337,7 @@ const CasinoChallengesOverlay = class {
308
337
  if (level.ProgressStatus === EChallengeProgressLevelStatus.InProgress) {
309
338
  if (level.ProgressPercentage >= maxPercentage) {
310
339
  maxPercentage = level.ProgressPercentage;
311
- this.activeChallenge = challenge.ChallengeId;
312
- this.isGrayed = false;
340
+ this.activeChallenge = challenge;
313
341
  }
314
342
  }
315
343
  }
@@ -396,17 +424,15 @@ const CasinoChallengesOverlay = class {
396
424
  break;
397
425
  }
398
426
  case 'ChangeChallengeProgressStatus': {
399
- 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);
400
- this.challenges = (_h = this.challenges) === null || _h === void 0 ? void 0 : _h.map((x) => {
401
- if (this.isGrayed &&
402
- this.inProgressCount === 1 &&
403
- currentProgress &&
404
- (currentProgress === null || currentProgress === void 0 ? void 0 : currentProgress.Id) !== (data === null || data === void 0 ? void 0 : data.ChallengeProgressId) &&
405
- (currentProgress === null || currentProgress === void 0 ? void 0 : currentProgress.Id) === x.Id) {
406
- return Object.assign(Object.assign({}, x), { Status: EChallengeProgressStatus.Forfeited });
407
- }
408
- 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;
409
- });
427
+ 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);
428
+ break;
429
+ }
430
+ case 'NewChallengeProgressGranted': {
431
+ const newChallenge = data;
432
+ if ((_h = this.challenges) === null || _h === void 0 ? void 0 : _h.some((x) => x.Id === (newChallenge === null || newChallenge === void 0 ? void 0 : newChallenge.Id)))
433
+ break;
434
+ this.challenges = [...this.challenges, newChallenge];
435
+ break;
410
436
  }
411
437
  }
412
438
  }
@@ -429,31 +455,17 @@ const CasinoChallengesOverlay = class {
429
455
  return false;
430
456
  }
431
457
  handleStatusEvent(data, isExpired) {
458
+ var _a;
432
459
  const isChallengeExist = this.challenges.find((challenge) => challenge.ChallengeId === (data === null || data === void 0 ? void 0 : data.ChallengeId));
433
460
  if (!isChallengeExist) {
434
461
  return;
435
462
  }
436
- if ((data === null || data === void 0 ? void 0 : data.ChallengeId) === this.activeChallenge && !(data === null || data === void 0 ? void 0 : data.IsEnabled)) {
463
+ 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)) {
437
464
  this.isNotification = true;
438
- if (this.inProgressCount === 1) {
439
- this.statusTimeoutId = setTimeout(() => {
440
- if ((data === null || data === void 0 ? void 0 : data.ChallengeId) === this.activeChallenge) {
441
- if (this.inProgressCount === 1) {
442
- this.isGrayed = true;
443
- }
444
- else {
445
- this.updateChallengesArray(data === null || data === void 0 ? void 0 : data.ChallengeId, data === null || data === void 0 ? void 0 : data.IsEnabled, isExpired);
446
- }
447
- }
448
- this.isNotification = false;
449
- }, 10000);
450
- }
451
- else if (this.inProgressCount > 1) {
452
- this.statusTimeoutId = setTimeout(() => {
453
- this.updateChallengesArray(data === null || data === void 0 ? void 0 : data.ChallengeId, data === null || data === void 0 ? void 0 : data.IsEnabled, isExpired);
454
- this.isNotification = false;
455
- }, 10000);
456
- }
465
+ this.statusTimeoutId = setTimeout(() => {
466
+ this.updateChallengesArray(data === null || data === void 0 ? void 0 : data.ChallengeId, data === null || data === void 0 ? void 0 : data.IsEnabled, isExpired);
467
+ this.isNotification = false;
468
+ }, 10000);
457
469
  }
458
470
  else {
459
471
  this.updateChallengesArray(data === null || data === void 0 ? void 0 : data.ChallengeId, data === null || data === void 0 ? void 0 : data.IsEnabled, isExpired);
@@ -463,6 +475,13 @@ const CasinoChallengesOverlay = class {
463
475
  if (this.translationUrl) {
464
476
  resolveTranslationUrl(this.translationUrl);
465
477
  }
478
+ if (!document.getElementById('cherry-bomb-font')) {
479
+ const link = document.createElement('link');
480
+ link.id = 'cherry-bomb-font';
481
+ link.rel = 'stylesheet';
482
+ link.href = 'https://fonts.googleapis.com/css2?family=Cherry+Bomb+One&display=swap';
483
+ document.head.appendChild(link);
484
+ }
466
485
  }
467
486
  componentDidLoad() {
468
487
  if (this.stylingContainer) {
@@ -583,16 +602,25 @@ const CasinoChallengesOverlay = class {
583
602
  */
584
603
  async init(config) {
585
604
  this.challenges = config.challenges;
605
+ this.extendedIngameWidget = String(config === null || config === void 0 ? void 0 : config.extendedIngameWidget).toLowerCase() === 'true';
586
606
  }
587
607
  render() {
608
+ var _a, _b, _c;
588
609
  const currProgress = this.completedLevelId ? 100 : this.progress;
589
610
  const dot = this.getCapsuleDotPosition(currProgress);
590
- return (index.h("div", { key: '639d5d2272af4364490409a540e8a43b860aa21e', ref: (el) => (this.stylingContainer = el) }, this.inProgressCount > 0 && (index.h("div", { key: '1908b6c7642a44c845b5835a530c755de5a66ddb', class: "container", onClick: this.goToDetailsPage }, index.h("div", { key: '27119842af3826143d1b1c092dfbc822265a12f1', class: `circle ${this.isGrayed ? 'grayed' : ''}`, style: {
611
+ const hasActiveProgress = this.inProgressCount > 0;
612
+ const activeProgressId = hasActiveProgress
613
+ ? (_a = this.activeChallenge) === null || _a === void 0 ? void 0 : _a.Id
614
+ : (_c = (_b = this.challenges) === null || _b === void 0 ? void 0 : _b.find(this.isActiveChallenge)) === null || _c === void 0 ? void 0 : _c.Id;
615
+ return (index.h("div", { key: '018163dcf771c05058f5031cd8cfc280821967c3', ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: '2371f5fde52da2459ec2a8bd3d07b8a63212de00', class: "container", onClick: this.handleClick }, index.h("div", { key: '3db9cf35ccd29acefe7df6cadbfb129c896669dd', class: "circle", style: {
591
616
  '--progress': `${currProgress}%`
592
- } }, index.h("img", { key: '52467d911cc7934708605b2c4ba8f284c7c2268d', class: "circle__img", src: bgIconSvg }), index.h("div", { key: '6b53bb87e026fdc18b72f35e9feb24f3ed640d19', class: "circle__content" }, index.h("span", { key: '1bcf879a911b0032c59c9972ae3197315cec4cfb' }, Math.floor(currProgress), "%")), dot && (index.h("div", { key: '6377568c12a5c0999a46f8320f27249d2d3c9efa', class: "dot", style: {
617
+ } }, index.h("img", { key: '8ef7b99fc1ef49fde9616283b7bdfb21dcc175ba', class: "circle__img", src: bgIconSvg }), index.h("div", { key: '31211661c353641b9f81810c395ab23d069919ce', class: "circle__content" }, hasActiveProgress ? (index.h("span", null, Math.floor(currProgress), "%")) : (index.h("span", null, translate('join', this.language)))), dot && (index.h("div", { key: '5ee00b99b0ad5abe5d7c0d38a2e3cb5bfede3d81', class: "dot", style: {
593
618
  left: `${dot.x}px`,
594
619
  top: `${dot.y}px`
595
- } }))), !this.isGrayed && index.h("div", { key: '98744b4743572ea10e578bf595c0b6df690d0afe', class: `badge ${this.isNew ? 'new' : ''}` }, this.renderBadgeContent()))), index.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 })));
620
+ } }))), hasActiveProgress && (index.h("div", { key: '016411269e205666af6a0ee8b5213e313715a9e7', class: {
621
+ badge: true,
622
+ new: this.isNew
623
+ } }, this.renderBadgeContent()))), index.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 && (index.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 }))));
596
624
  }
597
625
  static get watchers() { return {
598
626
  "clientStyling": ["handleClientStylingChange"],
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-d610a063.js');
5
+ const index = require('./index-6300a889.js');
6
6
  const appGlobals = require('./app-globals-3a1e7e63.js');
7
7
 
8
8
  /*
@@ -19,7 +19,7 @@ var patchBrowser = () => {
19
19
 
20
20
  patchBrowser().then(async (options) => {
21
21
  await appGlobals.globalScripts();
22
- return index.bootstrapLazy([["casino-challenges-overlay_2.cjs",[[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);
22
+ return index.bootstrapLazy([["casino-challenge-details-events_23.cjs",[[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);
23
23
  });
24
24
 
25
25
  exports.setNonce = index.setNonce;