@everymatrix/casino-challenges-container 0.17.29 → 0.17.30

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.
@@ -29,6 +29,8 @@ const TRANSLATIONS$3 = {
29
29
  new: 'New',
30
30
  deposit: 'Deposit',
31
31
  launchGame: 'Launch Game',
32
+ claim: 'Claim',
33
+ claimDescription: 'Click Claim button to unlock the Challenge',
32
34
  launchDescription: 'Launch any game from the Games tab to unlock the Challenge',
33
35
  depositAmountDescription: 'to unlock the Challenge',
34
36
  noDepositAmountDescription: 'Deposit any amount to unlock the Challenge',
@@ -140,6 +142,7 @@ var EChallengeTriggerType;
140
142
  EChallengeTriggerType[EChallengeTriggerType["Claim"] = 3] = "Claim";
141
143
  EChallengeTriggerType[EChallengeTriggerType["Event"] = 4] = "Event";
142
144
  EChallengeTriggerType[EChallengeTriggerType["Deposit"] = 5] = "Deposit";
145
+ EChallengeTriggerType[EChallengeTriggerType["ClaimByButton"] = 6] = "ClaimByButton";
143
146
  })(EChallengeTriggerType || (EChallengeTriggerType = {}));
144
147
  var EChallengeValidityType;
145
148
  (function (EChallengeValidityType) {
@@ -327,19 +330,24 @@ const CasinoChallengeCard = class {
327
330
  this.isChallengePaused = false;
328
331
  }
329
332
  get additionalInfo() {
330
- var _a, _b, _c, _d, _e, _f, _g, _h;
333
+ var _a, _b, _c, _d, _e, _f;
331
334
  const isPromoChallenge = this.activeChallengesTabIndex === EChallengesTabs.Promo;
332
- const isDepositTriggerType = (((_b = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.Triggers) === null || _b === void 0 ? void 0 : _b.includes(EChallengeTriggerType.Deposit)) &&
333
- ((_d = (_c = this.challenge) === null || _c === void 0 ? void 0 : _c.Triggers) === null || _d === void 0 ? void 0 : _d.includes(EChallengeTriggerType.GameLaunch))) ||
334
- ((_f = (_e = this.challenge) === null || _e === void 0 ? void 0 : _e.Triggers) === null || _f === void 0 ? void 0 : _f.includes(EChallengeTriggerType.Deposit));
335
- const amountToTriggerDeposit = formatNumber((_g = this.challenge) === null || _g === void 0 ? void 0 : _g.AmountToTriggerDeposit);
336
- const hasNoDepositAmount = amountToTriggerDeposit === MIN_DEPOSIT_AMOUNT;
337
- const depositDescription = hasNoDepositAmount
338
- ? translate$3('noDepositAmountDescription', this.language)
339
- : `${translate$3('deposit', this.language)} ${(_h = this.challenge) === null || _h === void 0 ? void 0 : _h.CurrencySymbol}${amountToTriggerDeposit} ${translate$3('depositAmountDescription', this.language)}`;
340
- const launchGameDescription = translate$3('launchDescription', this.language);
341
335
  if (isPromoChallenge) {
342
- return (index.h("h3", { class: "additional-info-trigger-info" }, isDepositTriggerType ? depositDescription : launchGameDescription));
336
+ const isDepositTriggerType = (_b = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.Triggers) === null || _b === void 0 ? void 0 : _b.includes(EChallengeTriggerType.Deposit);
337
+ const isClaimByButtonTriggerType = !isDepositTriggerType && ((_d = (_c = this.challenge) === null || _c === void 0 ? void 0 : _c.Triggers) === null || _d === void 0 ? void 0 : _d.includes(EChallengeTriggerType.ClaimByButton));
338
+ const amountToTriggerDeposit = formatNumber((_e = this.challenge) === null || _e === void 0 ? void 0 : _e.AmountToTriggerDeposit);
339
+ const hasNoDepositAmount = amountToTriggerDeposit === MIN_DEPOSIT_AMOUNT;
340
+ const depositDescription = hasNoDepositAmount
341
+ ? translate$3('noDepositAmountDescription', this.language)
342
+ : `${translate$3('deposit', this.language)} ${(_f = this.challenge) === null || _f === void 0 ? void 0 : _f.CurrencySymbol}${amountToTriggerDeposit} ${translate$3('depositAmountDescription', this.language)}`;
343
+ const launchGameDescription = translate$3('launchDescription', this.language);
344
+ const claimDescription = translate$3('claimDescription', this.language);
345
+ const description = isDepositTriggerType
346
+ ? depositDescription
347
+ : isClaimByButtonTriggerType
348
+ ? claimDescription
349
+ : launchGameDescription;
350
+ return index.h("h3", { class: "additional-info-trigger-info" }, description);
343
351
  }
344
352
  else
345
353
  return null;
@@ -479,19 +487,28 @@ const CasinoChallengeCard = class {
479
487
  } }, secondImgSrc ? index.h("img", { class: "progress__icon", src: secondImgSrc }) : currLevel.OrderNumber + 2)));
480
488
  }
481
489
  get getCardButton() {
482
- var _a, _b, _c, _d, _e, _f, _g, _h;
490
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
483
491
  if (this.activeChallengesTabIndex === EChallengesTabs.Promo &&
484
492
  this.challenge.Status !== EChallengeProgressStatus.Expired) {
485
493
  const isDepositTriggerType = (((_b = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.Triggers) === null || _b === void 0 ? void 0 : _b.includes(EChallengeTriggerType.Deposit)) &&
486
494
  ((_d = (_c = this.challenge) === null || _c === void 0 ? void 0 : _c.Triggers) === null || _d === void 0 ? void 0 : _d.includes(EChallengeTriggerType.GameLaunch))) ||
487
495
  ((_f = (_e = this.challenge) === null || _e === void 0 ? void 0 : _e.Triggers) === null || _f === void 0 ? void 0 : _f.includes(EChallengeTriggerType.Deposit));
488
- const isGameLaunchTriggerType = (_h = (_g = this.challenge) === null || _g === void 0 ? void 0 : _g.Triggers) === null || _h === void 0 ? void 0 : _h.includes(EChallengeTriggerType.GameLaunch);
496
+ const isClaimByButtonTriggerType = !isDepositTriggerType && ((_h = (_g = this.challenge) === null || _g === void 0 ? void 0 : _g.Triggers) === null || _h === void 0 ? void 0 : _h.includes(EChallengeTriggerType.ClaimByButton));
497
+ const isGameLaunchTriggerType = !isDepositTriggerType &&
498
+ !isClaimByButtonTriggerType &&
499
+ ((_k = (_j = this.challenge) === null || _j === void 0 ? void 0 : _j.Triggers) === null || _k === void 0 ? void 0 : _k.includes(EChallengeTriggerType.GameLaunch));
489
500
  if (isDepositTriggerType) {
490
501
  return (index.h("button", { class: "card__button filled", disabled: this.actionLoading, onClick: (e) => {
491
502
  e.stopPropagation();
492
503
  this.goToDepositPage();
493
504
  } }, translate$3('deposit', this.language)));
494
505
  }
506
+ else if (isClaimByButtonTriggerType) {
507
+ return (index.h("button", { class: "card__button filled", disabled: this.actionLoading, onClick: (e) => {
508
+ e.stopPropagation();
509
+ this.goToDetailsPage(false, EDetailsTabs.GamesOrEvents)();
510
+ } }, translate$3('claim', this.language)));
511
+ }
495
512
  else if (isGameLaunchTriggerType) {
496
513
  return (index.h("button", { class: "card__button filled", disabled: this.actionLoading, onClick: (e) => {
497
514
  e.stopPropagation();
@@ -558,10 +575,10 @@ const CasinoChallengeCard = class {
558
575
  }
559
576
  render() {
560
577
  var _a, _b, _c, _d;
561
- return (index.h("div", { key: '2ed1f8d25dec90d16ed5870dda35cb6990ecd611', ref: (el) => (this.stylingContainer = el), style: { height: '100%' } }, index.h("div", { key: 'dc9879fbfa8a370e273dc334a08d8767159c6390', class: "card", onClick: this.goToDetailsPage(true, EDetailsTabs.Rules) }, index.h("img", { key: 'eb826e82e26d0d37743a4f7f7fb252df0b2b6bf9', class: {
578
+ return (index.h("div", { key: '6c6536ec881faa3baa9e39eea013471c895b603a', ref: (el) => (this.stylingContainer = el), style: { height: '100%' } }, index.h("div", { key: 'c6f938e65e3403adb478d773a02823629e2412d7', class: "card", onClick: this.goToDetailsPage(true, EDetailsTabs.Rules) }, index.h("img", { key: 'afda486e0b1f890551b6f0acb607f5a50aa30d5d', class: {
562
579
  card__image: true,
563
580
  grayed: !!this.isChallengeGrayed || this.challenge.Status === EChallengeProgressStatus.Awaiting
564
- }, src: (_b = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ChallengePresentation) === null || _b === void 0 ? void 0 : _b.BannerUrl }), this.getCardBadge, this.challenge.IsNew && this.renderNewLabel(), index.h("div", { key: '60036ee5fb565abbc3918c4a96ee691c6ad4d9eb', class: "card__content" }, index.h("h1", { key: '5fca8f336465f0137e5fa0993f91b23c4339dddf', class: "card__title" }, (_d = (_c = this.challenge) === null || _c === void 0 ? void 0 : _c.ChallengePresentation) === null || _d === void 0 ? void 0 :
581
+ }, src: (_b = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ChallengePresentation) === null || _b === void 0 ? void 0 : _b.BannerUrl }), this.getCardBadge, this.challenge.IsNew && this.renderNewLabel(), index.h("div", { key: '96a58d39f0242950d75bec3e74bc9daccf25dd65', class: "card__content" }, index.h("h1", { key: '011b2649c341bddcc30be4984761e419a181ebf3', class: "card__title" }, (_d = (_c = this.challenge) === null || _c === void 0 ? void 0 : _c.ChallengePresentation) === null || _d === void 0 ? void 0 :
565
582
  _d.PresentationName, this.renderCardIcon()), this.getChallengeProgress, this.additionalInfo, this.infoItems.map((x, index) => this.renderInfoItem(x, index)), this.getTermsAndConditions()), this.getCardButton)));
566
583
  }
567
584
  static get watchers() { return {
@@ -876,7 +893,9 @@ const CasinoChallengeList = class {
876
893
  return (index.h("div", { class: "empty" }, index.h("img", { src: emptyStateSvg$1 }), index.h("b", null, translate$1('listEmptyTitle', this.language)), index.h("span", null, translate$1('listEmptyDescription', this.language))));
877
894
  }
878
895
  render() {
879
- return (index.h("div", { key: '713a72e2bed1db3f1f3d0c8df011c6298c6fd85e', ref: (el) => (this.stylingContainer = el), style: { justifyItems: 'center' } }, this.challenges.length === 0 && !this.loading && this.renderEmptyState(), index.h("div", { key: '6b6c95b3eff409555cc268fd93dc232decaa4f81', class: "challenges-list" }, this.challenges.map((challenge, index$1) => (index.h("div", { key: challenge.Id, ref: index$1 === this.challenges.length - 1 ? this.setLastItemRef : null, class: "list-item" }, index.h("casino-challenge-card", { challenge: challenge, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, onTimerExpired: this.onTimerExpired, onItemViewed: this.onItemViewed, activeChallengesTabIndex: this.activeChallengesTabIndex, isUserAuthorized: this.isUserAuthorized, userId: this.userId, endpoint: this.endpoint, session: this.session, domain: this.domain })))), this.loading && this.renderSkeletons())));
896
+ var _a;
897
+ return (index.h("div", { key: '5d5248d56a8e732e3376b7177373ff24f05f6fcc', ref: (el) => (this.stylingContainer = el), style: { justifyItems: 'center' } }, this.challenges.length === 0 && !this.loading && this.renderEmptyState(), index.h("div", { key: '29068e01e2e0fe580b3d3922a08594ead016e7de', class: "challenges-list" }, (_a = this.challenges) === null || _a === void 0 ? void 0 :
898
+ _a.map((challenge, index$1) => (index.h("div", { key: challenge.Id, ref: index$1 === this.challenges.length - 1 ? this.setLastItemRef : null, class: "list-item" }, index.h("casino-challenge-card", { challenge: challenge, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, onTimerExpired: this.onTimerExpired, onItemViewed: this.onItemViewed, activeChallengesTabIndex: this.activeChallengesTabIndex, isUserAuthorized: this.isUserAuthorized, userId: this.userId, endpoint: this.endpoint, session: this.session, domain: this.domain })))), this.loading && this.renderSkeletons())));
880
899
  }
881
900
  get el() { return index.getElement(this); }
882
901
  static get watchers() { return {
@@ -26,6 +26,8 @@ const TRANSLATIONS$3 = {
26
26
  new: 'New',
27
27
  deposit: 'Deposit',
28
28
  launchGame: 'Launch Game',
29
+ claim: 'Claim',
30
+ claimDescription: 'Click Claim button to unlock the Challenge',
29
31
  launchDescription: 'Launch any game from the Games tab to unlock the Challenge',
30
32
  depositAmountDescription: 'to unlock the Challenge',
31
33
  noDepositAmountDescription: 'Deposit any amount to unlock the Challenge',
@@ -137,6 +139,7 @@ var EChallengeTriggerType;
137
139
  EChallengeTriggerType[EChallengeTriggerType["Claim"] = 3] = "Claim";
138
140
  EChallengeTriggerType[EChallengeTriggerType["Event"] = 4] = "Event";
139
141
  EChallengeTriggerType[EChallengeTriggerType["Deposit"] = 5] = "Deposit";
142
+ EChallengeTriggerType[EChallengeTriggerType["ClaimByButton"] = 6] = "ClaimByButton";
140
143
  })(EChallengeTriggerType || (EChallengeTriggerType = {}));
141
144
  var EChallengeValidityType;
142
145
  (function (EChallengeValidityType) {
@@ -324,19 +327,24 @@ const CasinoChallengeCard = class {
324
327
  this.isChallengePaused = false;
325
328
  }
326
329
  get additionalInfo() {
327
- var _a, _b, _c, _d, _e, _f, _g, _h;
330
+ var _a, _b, _c, _d, _e, _f;
328
331
  const isPromoChallenge = this.activeChallengesTabIndex === EChallengesTabs.Promo;
329
- const isDepositTriggerType = (((_b = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.Triggers) === null || _b === void 0 ? void 0 : _b.includes(EChallengeTriggerType.Deposit)) &&
330
- ((_d = (_c = this.challenge) === null || _c === void 0 ? void 0 : _c.Triggers) === null || _d === void 0 ? void 0 : _d.includes(EChallengeTriggerType.GameLaunch))) ||
331
- ((_f = (_e = this.challenge) === null || _e === void 0 ? void 0 : _e.Triggers) === null || _f === void 0 ? void 0 : _f.includes(EChallengeTriggerType.Deposit));
332
- const amountToTriggerDeposit = formatNumber((_g = this.challenge) === null || _g === void 0 ? void 0 : _g.AmountToTriggerDeposit);
333
- const hasNoDepositAmount = amountToTriggerDeposit === MIN_DEPOSIT_AMOUNT;
334
- const depositDescription = hasNoDepositAmount
335
- ? translate$3('noDepositAmountDescription', this.language)
336
- : `${translate$3('deposit', this.language)} ${(_h = this.challenge) === null || _h === void 0 ? void 0 : _h.CurrencySymbol}${amountToTriggerDeposit} ${translate$3('depositAmountDescription', this.language)}`;
337
- const launchGameDescription = translate$3('launchDescription', this.language);
338
332
  if (isPromoChallenge) {
339
- return (h("h3", { class: "additional-info-trigger-info" }, isDepositTriggerType ? depositDescription : launchGameDescription));
333
+ const isDepositTriggerType = (_b = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.Triggers) === null || _b === void 0 ? void 0 : _b.includes(EChallengeTriggerType.Deposit);
334
+ const isClaimByButtonTriggerType = !isDepositTriggerType && ((_d = (_c = this.challenge) === null || _c === void 0 ? void 0 : _c.Triggers) === null || _d === void 0 ? void 0 : _d.includes(EChallengeTriggerType.ClaimByButton));
335
+ const amountToTriggerDeposit = formatNumber((_e = this.challenge) === null || _e === void 0 ? void 0 : _e.AmountToTriggerDeposit);
336
+ const hasNoDepositAmount = amountToTriggerDeposit === MIN_DEPOSIT_AMOUNT;
337
+ const depositDescription = hasNoDepositAmount
338
+ ? translate$3('noDepositAmountDescription', this.language)
339
+ : `${translate$3('deposit', this.language)} ${(_f = this.challenge) === null || _f === void 0 ? void 0 : _f.CurrencySymbol}${amountToTriggerDeposit} ${translate$3('depositAmountDescription', this.language)}`;
340
+ const launchGameDescription = translate$3('launchDescription', this.language);
341
+ const claimDescription = translate$3('claimDescription', this.language);
342
+ const description = isDepositTriggerType
343
+ ? depositDescription
344
+ : isClaimByButtonTriggerType
345
+ ? claimDescription
346
+ : launchGameDescription;
347
+ return h("h3", { class: "additional-info-trigger-info" }, description);
340
348
  }
341
349
  else
342
350
  return null;
@@ -476,19 +484,28 @@ const CasinoChallengeCard = class {
476
484
  } }, secondImgSrc ? h("img", { class: "progress__icon", src: secondImgSrc }) : currLevel.OrderNumber + 2)));
477
485
  }
478
486
  get getCardButton() {
479
- var _a, _b, _c, _d, _e, _f, _g, _h;
487
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
480
488
  if (this.activeChallengesTabIndex === EChallengesTabs.Promo &&
481
489
  this.challenge.Status !== EChallengeProgressStatus.Expired) {
482
490
  const isDepositTriggerType = (((_b = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.Triggers) === null || _b === void 0 ? void 0 : _b.includes(EChallengeTriggerType.Deposit)) &&
483
491
  ((_d = (_c = this.challenge) === null || _c === void 0 ? void 0 : _c.Triggers) === null || _d === void 0 ? void 0 : _d.includes(EChallengeTriggerType.GameLaunch))) ||
484
492
  ((_f = (_e = this.challenge) === null || _e === void 0 ? void 0 : _e.Triggers) === null || _f === void 0 ? void 0 : _f.includes(EChallengeTriggerType.Deposit));
485
- const isGameLaunchTriggerType = (_h = (_g = this.challenge) === null || _g === void 0 ? void 0 : _g.Triggers) === null || _h === void 0 ? void 0 : _h.includes(EChallengeTriggerType.GameLaunch);
493
+ const isClaimByButtonTriggerType = !isDepositTriggerType && ((_h = (_g = this.challenge) === null || _g === void 0 ? void 0 : _g.Triggers) === null || _h === void 0 ? void 0 : _h.includes(EChallengeTriggerType.ClaimByButton));
494
+ const isGameLaunchTriggerType = !isDepositTriggerType &&
495
+ !isClaimByButtonTriggerType &&
496
+ ((_k = (_j = this.challenge) === null || _j === void 0 ? void 0 : _j.Triggers) === null || _k === void 0 ? void 0 : _k.includes(EChallengeTriggerType.GameLaunch));
486
497
  if (isDepositTriggerType) {
487
498
  return (h("button", { class: "card__button filled", disabled: this.actionLoading, onClick: (e) => {
488
499
  e.stopPropagation();
489
500
  this.goToDepositPage();
490
501
  } }, translate$3('deposit', this.language)));
491
502
  }
503
+ else if (isClaimByButtonTriggerType) {
504
+ return (h("button", { class: "card__button filled", disabled: this.actionLoading, onClick: (e) => {
505
+ e.stopPropagation();
506
+ this.goToDetailsPage(false, EDetailsTabs.GamesOrEvents)();
507
+ } }, translate$3('claim', this.language)));
508
+ }
492
509
  else if (isGameLaunchTriggerType) {
493
510
  return (h("button", { class: "card__button filled", disabled: this.actionLoading, onClick: (e) => {
494
511
  e.stopPropagation();
@@ -555,10 +572,10 @@ const CasinoChallengeCard = class {
555
572
  }
556
573
  render() {
557
574
  var _a, _b, _c, _d;
558
- return (h("div", { key: '2ed1f8d25dec90d16ed5870dda35cb6990ecd611', ref: (el) => (this.stylingContainer = el), style: { height: '100%' } }, h("div", { key: 'dc9879fbfa8a370e273dc334a08d8767159c6390', class: "card", onClick: this.goToDetailsPage(true, EDetailsTabs.Rules) }, h("img", { key: 'eb826e82e26d0d37743a4f7f7fb252df0b2b6bf9', class: {
575
+ return (h("div", { key: '6c6536ec881faa3baa9e39eea013471c895b603a', ref: (el) => (this.stylingContainer = el), style: { height: '100%' } }, h("div", { key: 'c6f938e65e3403adb478d773a02823629e2412d7', class: "card", onClick: this.goToDetailsPage(true, EDetailsTabs.Rules) }, h("img", { key: 'afda486e0b1f890551b6f0acb607f5a50aa30d5d', class: {
559
576
  card__image: true,
560
577
  grayed: !!this.isChallengeGrayed || this.challenge.Status === EChallengeProgressStatus.Awaiting
561
- }, src: (_b = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ChallengePresentation) === null || _b === void 0 ? void 0 : _b.BannerUrl }), this.getCardBadge, this.challenge.IsNew && this.renderNewLabel(), h("div", { key: '60036ee5fb565abbc3918c4a96ee691c6ad4d9eb', class: "card__content" }, h("h1", { key: '5fca8f336465f0137e5fa0993f91b23c4339dddf', class: "card__title" }, (_d = (_c = this.challenge) === null || _c === void 0 ? void 0 : _c.ChallengePresentation) === null || _d === void 0 ? void 0 :
578
+ }, src: (_b = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ChallengePresentation) === null || _b === void 0 ? void 0 : _b.BannerUrl }), this.getCardBadge, this.challenge.IsNew && this.renderNewLabel(), h("div", { key: '96a58d39f0242950d75bec3e74bc9daccf25dd65', class: "card__content" }, h("h1", { key: '011b2649c341bddcc30be4984761e419a181ebf3', class: "card__title" }, (_d = (_c = this.challenge) === null || _c === void 0 ? void 0 : _c.ChallengePresentation) === null || _d === void 0 ? void 0 :
562
579
  _d.PresentationName, this.renderCardIcon()), this.getChallengeProgress, this.additionalInfo, this.infoItems.map((x, index) => this.renderInfoItem(x, index)), this.getTermsAndConditions()), this.getCardButton)));
563
580
  }
564
581
  static get watchers() { return {
@@ -873,7 +890,9 @@ const CasinoChallengeList = class {
873
890
  return (h("div", { class: "empty" }, h("img", { src: emptyStateSvg$1 }), h("b", null, translate$1('listEmptyTitle', this.language)), h("span", null, translate$1('listEmptyDescription', this.language))));
874
891
  }
875
892
  render() {
876
- return (h("div", { key: '713a72e2bed1db3f1f3d0c8df011c6298c6fd85e', ref: (el) => (this.stylingContainer = el), style: { justifyItems: 'center' } }, this.challenges.length === 0 && !this.loading && this.renderEmptyState(), h("div", { key: '6b6c95b3eff409555cc268fd93dc232decaa4f81', class: "challenges-list" }, this.challenges.map((challenge, index) => (h("div", { key: challenge.Id, ref: index === this.challenges.length - 1 ? this.setLastItemRef : null, class: "list-item" }, h("casino-challenge-card", { challenge: challenge, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, onTimerExpired: this.onTimerExpired, onItemViewed: this.onItemViewed, activeChallengesTabIndex: this.activeChallengesTabIndex, isUserAuthorized: this.isUserAuthorized, userId: this.userId, endpoint: this.endpoint, session: this.session, domain: this.domain })))), this.loading && this.renderSkeletons())));
893
+ var _a;
894
+ return (h("div", { key: '5d5248d56a8e732e3376b7177373ff24f05f6fcc', ref: (el) => (this.stylingContainer = el), style: { justifyItems: 'center' } }, this.challenges.length === 0 && !this.loading && this.renderEmptyState(), h("div", { key: '29068e01e2e0fe580b3d3922a08594ead016e7de', class: "challenges-list" }, (_a = this.challenges) === null || _a === void 0 ? void 0 :
895
+ _a.map((challenge, index) => (h("div", { key: challenge.Id, ref: index === this.challenges.length - 1 ? this.setLastItemRef : null, class: "list-item" }, h("casino-challenge-card", { challenge: challenge, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, onTimerExpired: this.onTimerExpired, onItemViewed: this.onItemViewed, activeChallengesTabIndex: this.activeChallengesTabIndex, isUserAuthorized: this.isUserAuthorized, userId: this.userId, endpoint: this.endpoint, session: this.session, domain: this.domain })))), this.loading && this.renderSkeletons())));
877
896
  }
878
897
  get el() { return getElement(this); }
879
898
  static get watchers() { return {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/casino-challenges-container",
3
- "version": "0.17.29",
3
+ "version": "0.17.30",
4
4
  "main": "./dist/index.cjs.js",
5
5
  "module": "./dist/index.js",
6
6
  "es2015": "./dist/esm/index.mjs",