@everymatrix/bonus-powerups-ingame-list 0.0.37 → 0.0.39

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 (28) hide show
  1. package/dist/assets/clear-search.svg +9 -0
  2. package/dist/bonus-powerups-ingame-list/active-confirm-modal_3.entry.js +1 -1
  3. package/dist/bonus-powerups-ingame-list/bonus-powerups-ingame-list-3c160367.js +3 -0
  4. package/dist/bonus-powerups-ingame-list/bonus-powerups-ingame-list.esm.js +1 -1
  5. package/dist/bonus-powerups-ingame-list/index.esm.js +1 -1
  6. package/dist/cjs/active-confirm-modal_3.cjs.entry.js +4 -4
  7. package/dist/cjs/{bonus-powerups-ingame-list-392f082a.js → bonus-powerups-ingame-list-11e06ea5.js} +116 -49
  8. package/dist/cjs/bonus-powerups-ingame-list.cjs.js +1 -1
  9. package/dist/cjs/index.cjs.js +1 -1
  10. package/dist/cjs/loader.cjs.js +1 -1
  11. package/dist/collection/components/active-confirm-modal/active-confirm-modal.component.js +1 -1
  12. package/dist/collection/components/assets/clear-search.svg +9 -0
  13. package/dist/collection/components/bonus-powerups-ingame-list/bonus-powerups-ingame-list.css +72 -0
  14. package/dist/collection/components/bonus-powerups-ingame-list/bonus-powerups-ingame-list.js +107 -54
  15. package/dist/collection/components/time-count/time-count.js +2 -2
  16. package/dist/collection/utils/locale.utils.js +5 -2
  17. package/dist/collection/utils/utils.js +4 -0
  18. package/dist/esm/active-confirm-modal_3.entry.js +5 -5
  19. package/dist/esm/{bonus-powerups-ingame-list-0ec31d98.js → bonus-powerups-ingame-list-3c160367.js} +116 -49
  20. package/dist/esm/bonus-powerups-ingame-list.js +1 -1
  21. package/dist/esm/index.js +1 -1
  22. package/dist/esm/loader.js +1 -1
  23. package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/bonus-powerups-ingame-list/.stencil/libs/common/src/types/casino/powerups.d.ts +5 -0
  24. package/dist/types/components/bonus-powerups-ingame-list/bonus-powerups-ingame-list.d.ts +6 -2
  25. package/dist/types/components.d.ts +2 -2
  26. package/dist/types/utils/utils.d.ts +4 -0
  27. package/package.json +1 -1
  28. package/dist/bonus-powerups-ingame-list/bonus-powerups-ingame-list-0ec31d98.js +0 -3
@@ -133,13 +133,16 @@ const TRANSLATIONS = {
133
133
  days: 'Days',
134
134
  round: 'Round',
135
135
  day: 'Day',
136
+ gotoShop: 'Go to the shop to check power-ups availability.',
136
137
  nothingHere: 'Nothing here -- yet!',
137
- noPowerUps: 'No power-ups have been used at the moment.',
138
+ noPowerUpsNow: 'No power-ups at the moment. ',
138
139
  poweringTooltip: 'Power-ups are currently unavailable as you have already activated one power-up. Only one power-up can be active at a time.',
139
140
  later: 'Later',
140
141
  activateNow: 'Activate Now',
141
142
  activeTitle: 'Activate power-up?',
142
- activeContent: 'In case of activation the countdown starts immediately.\n Are you sure you want to activate?'
143
+ activeContent: 'In case of activation the countdown starts immediately.\n Are you sure you want to activate?',
144
+ activeSuccess: "Activated a power-up",
145
+ activeError: "Failed to activate power-up.",
143
146
  }
144
147
  };
145
148
  const getTranslations = (url) => {
@@ -5932,7 +5935,18 @@ const InfoSvg = `<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xml
5932
5935
  </svg>
5933
5936
  `;
5934
5937
 
5935
- const bonusPowerupsIngameListCss = "@charset \"UTF-8\";.FlexRow{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:5px}.IngamePowerUpsContainer{display:block;transition:opacity 200ms ease-in-out;height:100%;padding:var(--emw--ingame-power-container-padding, 8px);}.IngamePowerUpsContainer .IconBtn{width:26px;height:26px}.IngamePowerUpsContainer .Hidden{opacity:0 !important;display:none}.IngamePowerUpsContainer .CircleLinearBorder{position:relative;border-radius:20px;background:none;overflow:hidden;border:1.5px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.IngamePowerUpsContainer .CircleLinearBorder svg{border-radius:20px;padding:4.5px;background:var(--emw--ingame-color-powerup-bg, rgba(9, 9, 9, 0.8980392157));z-index:1}.IngamePowerUpsContainer .CircleLinearBorder::before{content:\"\";position:absolute;top:-1.5px;left:-1.5px;right:-1.5px;bottom:-1.5px;z-index:0;border-radius:21.5px;background:linear-gradient(0deg, var(--emw--ingame-color-white10, rgba(255, 255, 255, 0.0666666667)), var(--emw--ingame-color-white10, rgba(255, 255, 255, 0.0666666667))), linear-gradient(35.22deg, var(--emw--ingame-color-white10, rgba(255, 255, 255, 0)), var(--emw--ingame-color-white30, rgba(255, 255, 255, 0.5490196078)) 89.19%)}.IngamePowerUpsContainer .TopBar{opacity:1;transition:all 0.5s ease-in-out;display:flex;justify-content:space-between;align-items:center;padding:15px}.IngamePowerUpsContainer .TopBar .BarTitle{width:calc(100% - 20px);font-weight:600;font-size:1.2rem;text-align:center;vertical-align:middle}.IngamePowerUpsContainer .Cards{opacity:1;transition:all 0.5s ease-in-out;width:100%;height:calc(100% - 70px);gap:16px;opacity:1;padding:1px;overflow:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--emw--color-background, hsl(254, 8.53%, 54.93%)) transparent}.IngamePowerUpsContainer .Cards .Card{background-color:var(--emw--ingame-color-powerup-bg, rgba(27, 27, 27, 0.8901960784));border:1px solid var(--emw--ingame-color-white10, rgba(255, 255, 255, 0.1019607843));height:99px;gap:12px;opacity:1;border-radius:18px;border-width:1px;padding:14px;align-items:center}.IngamePowerUpsContainer .Cards .Card.PoweringDesc{align-items:flex-start;height:auto;transition:all 0.3s ease-in-out}.IngamePowerUpsContainer .Cards .Card .LeftOfRow{display:flex;flex-direction:row;gap:10px}.IngamePowerUpsContainer .Cards .Card .PowerupTitle,.IngamePowerUpsContainer .Cards .Card .ExpireTime,.IngamePowerUpsContainer .Cards .Card .MultiplierInfo{display:flex;flex-direction:row;align-items:center}.IngamePowerUpsContainer .Cards .Card .PowerupTitle{font-weight:bold}.IngamePowerUpsContainer .Cards .Card .PowerupTitle .LeftOfRow{width:calc(100% - 40px)}.IngamePowerUpsContainer .Cards .Card .PowerupTitle .Name{width:calc(100% - 40px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.IngamePowerUpsContainer .Cards .Card .MultiplierInfo{align-items:flex-end;height:37.6px}.IngamePowerUpsContainer .Cards .Card .MultiplierInfo .MultiplierIcon{height:12px}.IngamePowerUpsContainer .Cards .Card .MultiplierInfo .LeftOfRow{color:var(--emw--ingame-color-white60, rgba(255, 255, 255, 0.4980392157));font-size:0.8rem;gap:3px;align-items:center}.IngamePowerUpsContainer .Cards .Card .MultiplierInfo .LeftOfRow .MultiplierMode{margin-right:15px}.IngamePowerUpsContainer .Cards .Card .Status{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6px;font-size:0.8rem;width:max-content;height:25px;backdrop-filter:blur(4.6px);flex-grow:0;border:0px solid;opacity:1;padding:1px}.IngamePowerUpsContainer .Cards .Card .Status::before{background:linear-gradient(97.6deg, var(--emw--ingame-color-white10, rgba(255, 255, 255, 0.2)) 11.03%, var(--emw--ingame-color-white00, rgba(255, 255, 255, 0)) 95.17%), linear-gradient(0deg, var(--emw--ingame-color-white10, rgba(255, 255, 255, 0.2)), var(--emw--ingame-color-white10, rgba(255, 255, 255, 0.2)))}.IngamePowerUpsContainer .Cards .Card .Status .InprogressLabel{width:fit-content;min-width:100px}.IngamePowerUpsContainer .Cards .Card .Status time-count{min-width:172px}.IngamePowerUpsContainer .Cards .Card .Status time-count{background-color:var(--emw--ingame-color-black-middle, #020308);width:calc(100% - 4px);height:calc(100% - 4px);border-radius:20px;text-align:center;align-items:center;display:flex;justify-content:center;padding:2.2px;z-index:1;padding-right:10px}.IngamePowerUpsContainer .Cards .Card .ActiveButton.Activating{background-color:var(--emw--ingame-color-white30, rgba(255, 255, 255, 0.3019607843));color:var(--emw--ingame-color-white30, rgba(255, 255, 255, 0.3019607843))}.IngamePowerUpsContainer .Cards .Card time-count .Label{margin-right:5px}.IngamePowerUpsContainer .Cards .Card time-count .InprogressLabel{text-align:left;width:fit-content;padding:0 5px;border-radius:18px;border:1px solid rgba(175, 165, 165, 0.5098039216);line-height:21px;margin-right:10px}.IngamePowerUpsContainer .Cards .Card time-count .InprogressLabel .Icon{height:5px;width:5px;background-color:var(--New-Indicator-Yellow, #FFB801);border-radius:3px;display:inline-block;margin-right:5px}.IngamePowerUpsContainer .Cards .Card time-count .TimeCountDown{letter-spacing:1.5px;font-weight:bold;text-transform:capitalize}.IngamePowerUpsContainer .ActiveBtn{color:var(--emw--ingame-color-black, #090909);position:relative;background:none;overflow:hidden;min-width:88px;height:36px;font-weight:bold;gap:10px;border-radius:20px;animation-duration:0ms}.IngamePowerUpsContainer .ActiveBtn.Disabled .content{background-color:var(--emw--ingame-color-white20, rgba(255, 255, 255, 0.2));color:var(--emw--ingame-color-white20, rgba(255, 255, 255, 0.2))}.IngamePowerUpsContainer .ActiveBtn.Disabled:hover,.IngamePowerUpsContainer .ActiveBtn.Disabled:before{box-shadow:none;background:none}.IngamePowerUpsContainer .ActiveBtn:hover{box-shadow:0px 0px 3px 5px var(--emw--ingame-color-white10, rgba(255, 255, 255, 0.1019607843))}.IngamePowerUpsContainer .ActiveBtn::before{content:\"\";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;z-index:1;border-radius:18px;background:linear-gradient(to top right, var(--emw--ingame-color-powerup-brightgreen, #00FA5A), var(--emw--ingame-color-powerup-brightblue, rgba(50, 237, 221, 0.8901960784)))}.IngamePowerUpsContainer .ActiveBtn .content{line-height:1.6;background:var(--emw--ingame-color-powerup-brightgreen, #00FA5A);border-radius:18px;padding:1px;height:calc(100% - 4px);width:calc(100% - 4px);text-align:center;align-items:center;display:flex;justify-content:center;z-index:1}";
5938
+ const ClearSearch = `<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
5939
+ <rect width="52" height="52" fill="url(#pattern0_1132_30534)"/>
5940
+ <defs>
5941
+ <pattern id="pattern0_1132_30534" patternContentUnits="objectBoundingBox" width="1" height="1">
5942
+ <use xlink:href="#image0_1132_30534" transform="scale(0.01)"/>
5943
+ </pattern>
5944
+ <image id="image0_1132_30534" width="100" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
5945
+ </defs>
5946
+ </svg>
5947
+ `;
5948
+
5949
+ const bonusPowerupsIngameListCss = "@charset \"UTF-8\";.FlexRow{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:5px}.IngamePowerUpsContainer{display:block;transition:opacity 200ms ease-in-out;height:100%;padding:var(--emw--ingame-power-container-padding, 8px);}.IngamePowerUpsContainer .EmptyPowerups{align-items:center;justify-content:center;font-weight:400;font-size:1.2em;line-height:24px;text-align:center;vertical-align:middle;width:max-content;margin:auto;display:flex;flex-direction:column;padding:50px}.IngamePowerUpsContainer .EmptyPowerups.Cards{height:calc(100% - 260px)}.IngamePowerUpsContainer .EmptyPowerups .Icon,.IngamePowerUpsContainer .EmptyPowerups .NoPowerTitle{text-align:center}.IngamePowerUpsContainer .EmptyPowerups .Icon svg,.IngamePowerUpsContainer .EmptyPowerups .NoPowerTitle svg{width:40px}.IngamePowerUpsContainer .EmptyPowerups .NoPowerTitle{font-size:1.2em;font-weight:bold;margin:10px}.IngamePowerUpsContainer .EmptyPowerups .NoPowerDescription{display:flex;flex-direction:column}.IngamePowerUpsContainer .ToastWrapper{position:absolute;width:80%;display:flex;gap:10px;align-items:center;opacity:0;z-index:1000;transition:opacity 0.5s ease-out;bottom:10px;right:10px;height:40px;border-top-left-radius:8px;border-bottom-left-radius:8px;border-width:1px;padding:8px 15px}.IngamePowerUpsContainer .ToastWrapper.Shown{opacity:1}.IngamePowerUpsContainer .ToastWrapper.Hidden{opacity:0;z-index:-1;display:inherit}.IngamePowerUpsContainer .ToastWrapper.Failed,.IngamePowerUpsContainer .ToastWrapper.Success{padding:10px;border-radius:10px;background:linear-gradient(180deg, #262849 0%, #191B31 50%, #16102A 100%)}.IngamePowerUpsContainer .ToastWrapper.Success{border:1px solid;border-image-source:linear-gradient(94.32deg, var(--emw--ingame-color-pth-primary1, #9500FF) 4.41%, var(--emw--ingame-color-pth-primary2, #232EC4) 113.86%)}.IngamePowerUpsContainer .ToastWrapper.Failed{border:1px solid var(--emw--ingame-color-light-red, #FF4D4F)}.IngamePowerUpsContainer .IconBtn{width:26px;height:26px}.IngamePowerUpsContainer .Hidden{opacity:0 !important;display:none}.IngamePowerUpsContainer .CircleLinearBorder{position:relative;border-radius:20px;background:none;overflow:hidden;border:1.5px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.IngamePowerUpsContainer .CircleLinearBorder svg{border-radius:20px;padding:4.5px;background:var(--emw--ingame-color-powerup-bg, rgba(9, 9, 9, 0.8980392157));z-index:1}.IngamePowerUpsContainer .CircleLinearBorder::before{content:\"\";position:absolute;top:-1.5px;left:-1.5px;right:-1.5px;bottom:-1.5px;z-index:0;border-radius:21.5px;background:linear-gradient(0deg, var(--emw--ingame-color-white10, rgba(255, 255, 255, 0.0666666667)), var(--emw--ingame-color-white10, rgba(255, 255, 255, 0.0666666667))), linear-gradient(35.22deg, var(--emw--ingame-color-white10, rgba(255, 255, 255, 0)), var(--emw--ingame-color-white30, rgba(255, 255, 255, 0.5490196078)) 89.19%)}.IngamePowerUpsContainer .TopBar{opacity:1;transition:all 0.5s ease-in-out;display:flex;justify-content:space-between;align-items:center;padding:15px}.IngamePowerUpsContainer .TopBar .BarTitle{width:calc(100% - 20px);font-weight:600;font-size:1.2rem;text-align:center;vertical-align:middle}.IngamePowerUpsContainer .Cards{opacity:1;transition:all 0.5s ease-in-out;width:100%;height:calc(100% - 70px);gap:16px;opacity:1;padding:1px;overflow:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--emw--color-background, hsl(254, 8.53%, 54.93%)) transparent}.IngamePowerUpsContainer .Cards .Card{background-color:var(--emw--ingame-color-powerup-bg, rgba(27, 27, 27, 0.8901960784));border:1px solid var(--emw--ingame-color-white10, rgba(255, 255, 255, 0.1019607843));height:99px;gap:12px;opacity:1;border-radius:18px;border-width:1px;padding:14px;align-items:center}.IngamePowerUpsContainer .Cards .Card.PoweringDesc{align-items:flex-start;height:auto;transition:all 0.3s ease-in-out}.IngamePowerUpsContainer .Cards .Card.Hidden{display:none}.IngamePowerUpsContainer .Cards .Card .LeftOfRow{display:flex;flex-direction:row;gap:10px}.IngamePowerUpsContainer .Cards .Card .PowerupTitle,.IngamePowerUpsContainer .Cards .Card .ExpireTime,.IngamePowerUpsContainer .Cards .Card .MultiplierInfo{display:flex;flex-direction:row;align-items:center}.IngamePowerUpsContainer .Cards .Card .PowerupTitle{font-weight:bold}.IngamePowerUpsContainer .Cards .Card .PowerupTitle .LeftOfRow{width:calc(100% - 40px)}.IngamePowerUpsContainer .Cards .Card .PowerupTitle .Name{width:calc(100% - 40px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.IngamePowerUpsContainer .Cards .Card .MultiplierInfo{align-items:flex-end;height:37.6px}.IngamePowerUpsContainer .Cards .Card .MultiplierInfo .MultiplierIcon{height:12px}.IngamePowerUpsContainer .Cards .Card .MultiplierInfo .LeftOfRow{color:var(--emw--ingame-color-white60, rgba(255, 255, 255, 0.4980392157));font-size:0.8rem;gap:3px;align-items:center}.IngamePowerUpsContainer .Cards .Card .MultiplierInfo .LeftOfRow .MultiplierMode{margin-right:15px}.IngamePowerUpsContainer .Cards .Card .Status{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6px;font-size:0.8rem;width:max-content;height:25px;backdrop-filter:blur(4.6px);flex-grow:0;border:0px solid;opacity:1;padding:1px}.IngamePowerUpsContainer .Cards .Card .Status::before{background:linear-gradient(97.6deg, var(--emw--ingame-color-white10, rgba(255, 255, 255, 0.2)) 11.03%, var(--emw--ingame-color-white00, rgba(255, 255, 255, 0)) 95.17%), linear-gradient(0deg, var(--emw--ingame-color-white10, rgba(255, 255, 255, 0.2)), var(--emw--ingame-color-white10, rgba(255, 255, 255, 0.2)))}.IngamePowerUpsContainer .Cards .Card .Status .InprogressLabel{width:fit-content;min-width:100px}.IngamePowerUpsContainer .Cards .Card .Status time-count{min-width:172px}.IngamePowerUpsContainer .Cards .Card .Status time-count{background-color:var(--emw--ingame-color-black-middle, #020308);width:calc(100% - 4px);height:calc(100% - 4px);border-radius:20px;text-align:center;align-items:center;display:flex;justify-content:center;padding:2.2px;z-index:1;padding-right:10px}.IngamePowerUpsContainer .Cards .Card .ActiveButton.Activating{background-color:var(--emw--ingame-color-white30, rgba(255, 255, 255, 0.3019607843));color:var(--emw--ingame-color-white30, rgba(255, 255, 255, 0.3019607843))}.IngamePowerUpsContainer .Cards .Card time-count .Label{margin-right:5px}.IngamePowerUpsContainer .Cards .Card time-count .InprogressLabel{text-align:left;width:fit-content;padding:0 5px;border-radius:18px;border:1px solid rgba(175, 165, 165, 0.5098039216);line-height:21px;margin-right:10px}.IngamePowerUpsContainer .Cards .Card time-count .InprogressLabel .Icon{height:5px;width:5px;background-color:var(--New-Indicator-Yellow, #FFB801);border-radius:3px;display:inline-block;margin-right:5px}.IngamePowerUpsContainer .Cards .Card time-count .TimeCountDown{letter-spacing:1.5px;font-weight:bold;text-transform:capitalize}.IngamePowerUpsContainer .ActiveBtn{color:var(--emw--ingame-color-black, #090909);position:relative;background:none;overflow:hidden;min-width:88px;height:36px;font-weight:bold;gap:10px;border-radius:20px;animation-duration:0ms}.IngamePowerUpsContainer .ActiveBtn.Disabled .content{background-color:var(--emw--ingame-color-white20, rgba(255, 255, 255, 0.2));color:var(--emw--ingame-color-white20, rgba(255, 255, 255, 0.2))}.IngamePowerUpsContainer .ActiveBtn.Disabled:hover,.IngamePowerUpsContainer .ActiveBtn.Disabled:before{box-shadow:none;background:none}.IngamePowerUpsContainer .ActiveBtn:hover{box-shadow:0px 0px 3px 5px var(--emw--ingame-color-white10, rgba(255, 255, 255, 0.1019607843))}.IngamePowerUpsContainer .ActiveBtn::before{content:\"\";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;z-index:1;border-radius:18px;background:linear-gradient(to top right, var(--emw--ingame-color-powerup-brightgreen, #00FA5A), var(--emw--ingame-color-powerup-brightblue, rgba(50, 237, 221, 0.8901960784)))}.IngamePowerUpsContainer .ActiveBtn .content{line-height:1.6;background:var(--emw--ingame-color-powerup-brightgreen, #00FA5A);border-radius:18px;padding:1px;height:calc(100% - 4px);width:calc(100% - 4px);text-align:center;align-items:center;display:flex;justify-content:center;z-index:1}";
5936
5950
  const BonusPowerupsIngameListStyle0 = bonusPowerupsIngameListCss;
5937
5951
 
5938
5952
  const BonusPowerupsIngameList = class {
@@ -5950,7 +5964,7 @@ const BonusPowerupsIngameList = class {
5950
5964
  this.endpoint = undefined;
5951
5965
  this.session = undefined;
5952
5966
  this.limit = 30;
5953
- this.showFullList = false;
5967
+ this.disableCount = false;
5954
5968
  this.isLoading = false;
5955
5969
  this.isActivating = false;
5956
5970
  this.powerups = [];
@@ -5959,46 +5973,87 @@ const BonusPowerupsIngameList = class {
5959
5973
  this.showConfirmModal = false;
5960
5974
  this.currentPowerup = undefined;
5961
5975
  this.validPowerIds = [];
5976
+ this.activeMessage = undefined;
5977
+ this.showToasting = false;
5962
5978
  this.debouncedReload = debounce(this.reloadPowerups, 100);
5963
5979
  }
5964
5980
  reloadPowerupsHandler(e) {
5965
- var _a, _b;
5966
- this.showFullList = ((_a = e.detail) === null || _a === void 0 ? void 0 : _a.showFullList) || false;
5967
- this.validPowerIds = ((_b = e.detail) === null || _b === void 0 ? void 0 : _b.validPowerIds) || [];
5968
- this.reloadPowerups();
5981
+ const { onlyGamePowers } = e.detail;
5982
+ this.reloadPowerups(!!onlyGamePowers);
5969
5983
  }
5970
5984
  activePowerupHandler(e) {
5985
+ if (!this.currentPowerup) {
5986
+ return;
5987
+ }
5971
5988
  if (e.detail.id === this.currentPowerup.id) {
5972
5989
  this.activePowerUp(this.currentPowerup);
5973
5990
  }
5974
5991
  this.showConfirmModal = false;
5975
5992
  }
5976
5993
  powerupTimeCountDownHandler(e) {
5994
+ if (this.disableCount) {
5995
+ return;
5996
+ }
5977
5997
  if (e.detail.timeLeft <= 0) {
5978
5998
  this.reloadPowerups();
5979
5999
  return;
5980
6000
  }
5981
6001
  }
5982
- reloadPowerups() {
6002
+ async reloadPowerups(onlyGamePowers = false) {
5983
6003
  this.powerups = [];
5984
6004
  this.total = 0;
5985
- this.loadData();
6005
+ await this.loadGamePowers();
6006
+ if (onlyGamePowers) {
6007
+ return;
6008
+ }
6009
+ await this.loadData();
5986
6010
  }
5987
6011
  handleConfigChange() {
5988
6012
  this.debouncedReload();
5989
6013
  }
6014
+ async loadGamePowers() {
6015
+ try {
6016
+ this.isLoading = true;
6017
+ const url = new URL(`${this.endpoint}/v1/elevate/powerups`);
6018
+ const options = {
6019
+ headers: {
6020
+ 'Content-Type': 'application/json',
6021
+ 'x-SessionId': this.session
6022
+ },
6023
+ method: 'GET',
6024
+ };
6025
+ url.searchParams.append('filter', `gameId=${this.gameId}`);
6026
+ Object.entries(powerUpWithoutGamesSearchConditions).forEach(([key, value]) => {
6027
+ url.searchParams.append(key, value);
6028
+ });
6029
+ const response = await fetch(url, options);
6030
+ if (!response.ok) {
6031
+ window.postMessage({ type: 'errorWhenLoadPowerups', status: response.status });
6032
+ throw new Error(`HTTP error! status: ${response.status}`);
6033
+ }
6034
+ const { data, total } = await response.json();
6035
+ this.validPowerIds = data.map(e => e.powerUpID);
6036
+ this.powerupsLoadEvent.emit({ powerups: data, total });
6037
+ }
6038
+ catch (error) {
6039
+ console.error("Failed to load game powerups:", error);
6040
+ }
6041
+ finally {
6042
+ this.isLoading = false;
6043
+ }
6044
+ }
5990
6045
  async loadData() {
5991
- if (this.isLoading || (this.total > 0 && this.powerups.length >= this.total)) {
6046
+ if (this.isLoading || this.total > 0 && this.powerups.length >= this.total) {
5992
6047
  return;
5993
6048
  }
5994
- this.isLoading = true;
5995
6049
  if (this.abortController) {
5996
6050
  this.abortController.abort();
5997
6051
  }
5998
6052
  this.abortController = new AbortController();
6053
+ this.isLoading = true;
5999
6054
  try {
6000
6055
  const offset = this.powerups.length;
6001
- const url = new URL(`${this.endpoint}/v1/elevate/powerups?pagination=offset=${offset},limit=${this.limit}`);
6056
+ const url = new URL(`${this.endpoint}/v1/elevate/powerups`);
6002
6057
  const options = {
6003
6058
  headers: {
6004
6059
  'Content-Type': 'application/json',
@@ -6007,28 +6062,38 @@ const BonusPowerupsIngameList = class {
6007
6062
  method: 'GET',
6008
6063
  signal: this.abortController.signal
6009
6064
  };
6010
- if (!this.showFullList) {
6011
- url.searchParams.append('filter', `gameId=${this.gameId}`);
6012
- }
6065
+ url.searchParams.append('pagination', `offset=${offset},limit=${this.limit}`);
6066
+ url.searchParams.append('language', this.language);
6013
6067
  Object.entries(powerUpWithoutGamesSearchConditions).forEach(([key, value]) => {
6014
6068
  url.searchParams.append(key, value);
6015
6069
  });
6016
- url.searchParams.append('language', this.language);
6017
6070
  const response = await fetch(url, options);
6018
6071
  if (!response.ok) {
6019
6072
  window.postMessage({ type: 'errorWhenLoadPowerups', status: response.status });
6020
6073
  throw new Error(`HTTP error! status: ${response.status}`);
6021
6074
  }
6022
- const { data, total } = await response.json();
6075
+ const { data, total, success, errorMessage } = await response.json();
6076
+ if (!success) {
6077
+ this.activeMessage = {
6078
+ isSuccessed: false,
6079
+ info: translate("LoadDataFailed"),
6080
+ };
6081
+ this.showToasting = true;
6082
+ this.timerId = setTimeout(() => {
6083
+ this.showToasting = false;
6084
+ }, 2000);
6085
+ throw new Error(`HTTP error! status: ${errorMessage}`);
6086
+ }
6023
6087
  this.powerups = [...this.powerups, ...data];
6024
6088
  this.isPowering = this.powerups.filter(e => e.status === PowerUpStatus.ACTIVATED).length > 0;
6025
6089
  this.powerups.forEach(powerUp => {
6026
- powerUp.isValidForCurrentGame = !this.isPowering && this.validPowerIds.indexOf(powerUp.powerUpID) > -1;
6090
+ if (this.isPowering) {
6091
+ powerUp.isValidForCurrentGame = false;
6092
+ return;
6093
+ }
6094
+ powerUp.isValidForCurrentGame = this.validPowerIds.indexOf(powerUp.powerUpID) > -1;
6027
6095
  });
6028
6096
  this.total = total;
6029
- if (!this.showFullList) {
6030
- this.powerupsLoadEvent.emit({ powerups: this.powerups, total });
6031
- }
6032
6097
  }
6033
6098
  catch (error) {
6034
6099
  if (error.name !== 'AbortError') {
@@ -6047,7 +6112,7 @@ const BonusPowerupsIngameList = class {
6047
6112
  }
6048
6113
  this.loadMoreObserver = new IntersectionObserver((entries) => {
6049
6114
  entries.forEach((entry) => {
6050
- if (entry.isIntersecting) {
6115
+ if (entry.isIntersecting && entry.target.innerHTML != '') {
6051
6116
  this.loadData().catch(console.error);
6052
6117
  }
6053
6118
  });
@@ -6087,16 +6152,18 @@ const BonusPowerupsIngameList = class {
6087
6152
  }
6088
6153
  const res = await response.json();
6089
6154
  if (res === null || res === void 0 ? void 0 : res.success) {
6090
- powerUp = Object.assign(Object.assign({}, powerUp), { status: PowerUpStatus.ACTIVATED, activatedAt: hooks(new Date()).format('YYYY-MM-DD HH:mm:ssZ') });
6091
- const activedIdx = this.powerups.findIndex((e) => e.id === powerUp.id);
6092
- this.powerups[activedIdx] = Object.assign({}, powerUp);
6093
- this.powerups = [...this.powerups];
6094
6155
  this.isPowering = true;
6095
6156
  }
6096
- else {
6097
- console.error(res.errorMessage);
6098
- }
6099
- this.reloadPowerups();
6157
+ this.activeMessage = {
6158
+ isSuccessed: res.success,
6159
+ info: translate(res.success ? "activeSuccess" : "activeError", this.language),
6160
+ detail: res.errorMessage
6161
+ };
6162
+ this.showToasting = true;
6163
+ this.timerId = setTimeout(() => {
6164
+ this.showToasting = false;
6165
+ res.success && this.reloadPowerups();
6166
+ }, 2000);
6100
6167
  }
6101
6168
  catch (e) {
6102
6169
  console.error(e);
@@ -6107,9 +6174,7 @@ const BonusPowerupsIngameList = class {
6107
6174
  }
6108
6175
  }
6109
6176
  }
6110
- //Close Current List
6111
6177
  onClose() {
6112
- this.showFullList = false;
6113
6178
  this.closePowerupsEvent.emit({ powerups: this.powerups });
6114
6179
  }
6115
6180
  showDetail(powerup) {
@@ -6124,26 +6189,28 @@ const BonusPowerupsIngameList = class {
6124
6189
  this.showConfirmModal = true;
6125
6190
  }
6126
6191
  componentDidUpdate() {
6127
- if (this.powerups.length < this.total) {
6192
+ if (this.total > 0 && this.powerups.length < this.total) {
6128
6193
  this.initializeObserver();
6129
6194
  }
6130
6195
  }
6131
6196
  render() {
6132
- var _a;
6133
- return (h("div", { key: 'd0879d4b0b824e936e2844a0ad5ad47fcb5fcf2f', class: 'IngamePowerUpsContainer', ref: (el) => (this.stylingContainer = el) }, h("div", { key: '5d6468c19f4b05ded25e90db61cb388e48b28bd6', class: `TopBar ${this.showConfirmModal ? 'Hidden' : ''}` }, h("span", { key: 'abbf48114af53a3a322ea2d28aa06c075f94ca22', class: 'BarTitle' }, translate('powerups', this.language)), h("div", { key: '03da4df138bf94d8b1867808a5ab2f38c7862eee', class: 'IconBtn CircleLinearBorder', onClick: this.onClose.bind(this), innerHTML: CloseSvg })), this.isLoading && this.powerups.length === 0
6197
+ var _a, _b, _c, _d;
6198
+ return (h("div", { key: '9426c6dcd8d1a40215965c19ddd01670ecc00f8b', class: 'IngamePowerUpsContainer', ref: (el) => (this.stylingContainer = el) }, h("div", { key: '8448e3b8bceaa29f77d9e09e599f3af8d078fe8a', class: `TopBar ${this.showConfirmModal ? 'Hidden' : ''}` }, h("span", { key: '4f1269d8a21e540a43e09862637b03de8c8d4bf0', class: 'BarTitle' }, translate('powerups', this.language)), h("div", { key: 'b2f52361b45d6dbb1c14f3e8a24a22bbb54a76b4', class: 'IconBtn CircleLinearBorder', onClick: this.onClose.bind(this), innerHTML: CloseSvg })), this.isLoading && this.powerups.length === 0
6134
6199
  ? h("smart-loader", null)
6135
- : h("div", { class: `Cards ${this.showConfirmModal ? 'Hidden' : ''}` }, this.isPowering &&
6136
- h("div", { class: 'Card PoweringDesc' }, h("div", { class: 'FlexRow' }, h("div", { class: 'Icon', innerHTML: InfoSvg }), h("div", { class: 'Text' }, translate('poweringTooltip', this.language)))), this.powerups.map((powerup, index) => {
6137
- const isLastItem = index === this.powerups.length - 1;
6138
- return (h("div", { class: `Card ${powerup.status === PowerUpStatus.ACTIVATED ? 'Actived' : ''}`, ref: isLastItem ? (el) => (this.lastItemElement = el) : null }, h("div", { class: 'PowerupTitle FlexRow' }, h("div", { class: 'LeftOfRow' }, h("div", { class: 'EnergyIcon', innerHTML: EnergySvg }), h("div", { class: 'Name' }, powerup.powerUpName)), h("div", { class: 'DetailIcon', onClick: this.showDetail.bind(this, powerup) }, h("div", { class: 'IconBtn CircleLinearBorder', innerHTML: DetailArrow }))), h("div", { class: `ExpireTime Status CircleLinearBorder` }, powerup.status === PowerUpStatus.ACTIVATED
6139
- ?
6140
- h("time-count", { "in-progress": true, mode: powerup.boostingPeriod.mode, "left-rounds": (powerup.boostingPeriod.numberOfRounds || 0) - (powerup.usedNumberOfRounds || 0), language: this.language, "expire-time": getActivedExpireTime(powerup) })
6141
- :
6142
- h("time-count", { language: this.language, mode: powerup.boostingPeriod.mode, "expire-time": powerup.expireTime })), h("div", { class: 'MultiplierInfo FlexRow' }, h("div", { class: 'LeftOfRow' }, h("div", { class: 'MultiplierIcon', innerHTML: FireSvg }), h("div", { class: 'MultiplierValue' }, powerup.multiplier.coefficient, "x "), h("div", { class: 'MultiplierMode' }, powerup.multiplier.mode === MultiplierMode.COINS ? translate('coins', this.language) : translate('xp', this.language)), h("div", { class: 'MultiplierIcon', innerHTML: ClockSvg }), h("div", { class: 'MultiplierValue' }, powerup.boostingPeriod[powerup.boostingPeriod.mode === BoostingPeriodMode.NUMBER_OF_ROUNDS ? 'numberOfRounds' : 'minutes']), h("div", { class: 'MultiplierMode' }, powerup.boostingPeriod.mode === BoostingPeriodMode.NUMBER_OF_ROUNDS
6143
- ? translate(powerup.boostingPeriod.numberOfRounds > 1 ? 'rounds' : 'round', this.language)
6144
- : translate('minutes', this.language))), (powerup.status === PowerUpStatus.ACTIVE || powerup.status === PowerUpStatus.ACTIVATING) &&
6145
- h("div", { class: `ActiveBtn CircleLinearBorder ${this.isPowering || !powerup.isValidForCurrentGame ? 'Disabled' : ''} ${this.isActivating ? 'Activating' : ''}`, onClick: () => this.onActiveBtnClick(powerup) }, h("div", { class: 'content' }, " ", translate('activate', this.language))))));
6146
- }), this.isLoading && this.powerups.length > 0 && h("smart-loader", null)), h("active-confirm-modal", { key: '3e58eceec850abeeb700e0beed48d9167e1a9485', "is-open": this.showConfirmModal, pid: (_a = this.currentPowerup) === null || _a === void 0 ? void 0 : _a.id, language: this.language })));
6200
+ : (this.powerups.length > 0 ?
6201
+ h("div", { class: `Cards ${this.showConfirmModal || this.powerups.length === 0 ? 'Hidden' : ''}` }, this.isPowering &&
6202
+ h("div", { class: 'Card PoweringDesc' }, h("div", { class: 'FlexRow' }, h("div", { class: 'Icon', innerHTML: InfoSvg }), h("div", { class: 'Text' }, translate('poweringTooltip', this.language)))), this.powerups.map((powerup, index) => {
6203
+ const isLastItem = index === (this.powerups.length - 1);
6204
+ return (h("div", { class: `Card ${powerup.status === PowerUpStatus.ACTIVATED ? 'Actived' : ''} ${isLastItem ? "LastItem" : ""}`, ref: isLastItem ? (el) => (this.lastItemElement = el) : null }, h("div", { class: `PowerupTitle FlexRow` }, h("div", { class: 'LeftOfRow' }, h("div", { class: 'EnergyIcon', innerHTML: EnergySvg }), h("div", { class: 'Name' }, powerup.powerUpName)), h("div", { class: 'DetailIcon', onClick: this.showDetail.bind(this, powerup) }, h("div", { class: 'IconBtn CircleLinearBorder', innerHTML: DetailArrow }))), h("div", { class: `ExpireTime Status CircleLinearBorder` }, powerup.status === PowerUpStatus.ACTIVATED
6205
+ ?
6206
+ h("time-count", { "in-progress": true, mode: powerup.boostingPeriod.mode, "left-rounds": (powerup.boostingPeriod.numberOfRounds || 0) - (powerup.usedNumberOfRounds || 0), language: this.language, "expire-time": getActivedExpireTime(powerup) })
6207
+ :
6208
+ h("time-count", { language: this.language, mode: powerup.boostingPeriod.mode, "expire-time": powerup.expireTime })), h("div", { class: 'MultiplierInfo FlexRow' }, h("div", { class: 'LeftOfRow' }, h("div", { class: 'MultiplierIcon', innerHTML: FireSvg }), h("div", { class: 'MultiplierValue' }, powerup.multiplier.coefficient, "x"), h("div", { class: 'MultiplierMode' }, powerup.multiplier.mode === MultiplierMode.COINS ? translate('coins', this.language) : translate('xp', this.language)), h("div", { class: 'MultiplierIcon', innerHTML: ClockSvg }), h("div", { class: 'MultiplierValue' }, powerup.boostingPeriod[powerup.boostingPeriod.mode === BoostingPeriodMode.NUMBER_OF_ROUNDS ? 'numberOfRounds' : 'minutes']), h("div", { class: 'MultiplierMode' }, powerup.boostingPeriod.mode === BoostingPeriodMode.NUMBER_OF_ROUNDS
6209
+ ? translate(powerup.boostingPeriod.numberOfRounds > 1 ? 'rounds' : 'round', this.language)
6210
+ : translate('minutes', this.language))), (powerup.status === PowerUpStatus.ACTIVE || powerup.status === PowerUpStatus.ACTIVATING) &&
6211
+ h("div", { class: `ActiveBtn CircleLinearBorder ${this.isPowering || this.isActivating || !powerup.isValidForCurrentGame ? 'Disabled' : ''} ${this.isActivating ? 'Activating' : ''}`, onClick: () => this.onActiveBtnClick(powerup) }, h("div", { class: 'content' }, " ", translate('activate', this.language))))));
6212
+ }), this.isLoading && this.powerups.length > 0 && h("smart-loader", null))
6213
+ : h("div", { class: 'EmptyPowerups Cards' }, h("div", { class: 'Icon', innerHTML: ClearSearch }), h("span", { class: 'NoPowerTitle' }, translate('nothingHere', this.language)), h("div", { class: 'NoPowerDescription' }, h("span", null, translate('noPowerUpsNow')), h("span", null, translate('gotoShop'))), h("div", null))), h("active-confirm-modal", { key: '8591d7fc76cfa6effaebd4fbf9a9f5a418bad119', "is-open": this.showConfirmModal, pid: (_a = this.currentPowerup) === null || _a === void 0 ? void 0 : _a.id, language: this.language }), h("div", { key: '590c3ceaebe5aca9f64d6210a2adaff17700faa5', class: `ToastWrapper ${this.showToasting ? "Shown" : "Hidden"} ${((_b = this.activeMessage) === null || _b === void 0 ? void 0 : _b.isSuccessed) ? "Success" : "Failed"}` }, h("div", { key: '7df6ac445d05c7cd19a6af7df50bb88031dfed47', class: `Details` }, h("span", { key: '4735edc51e995f5853e488f3ff24a13619a8283e', class: 'Info' }, (_c = this.activeMessage) === null || _c === void 0 ? void 0 : _c.info), ((_d = this.activeMessage) === null || _d === void 0 ? void 0 : _d.detail) && h("span", { key: '19e1117d681fcd38e13e134e3f57ddc5c9c078ed', class: 'Detail' }, " - [ ", this.activeMessage.detail, " ]")))));
6147
6214
  }
6148
6215
  handleClientStylingChange(newValue, oldValue) {
6149
6216
  if (newValue != oldValue) {
@@ -6187,6 +6254,7 @@ const BonusPowerupsIngameList = class {
6187
6254
  this.loadMoreObserver.disconnect();
6188
6255
  }
6189
6256
  this.stylingSubscription && this.stylingSubscription.unsubscribe();
6257
+ this.timerId && clearTimeout(this.timerId);
6190
6258
  }
6191
6259
  static get assetsDirs() { return ["../assets"]; }
6192
6260
  static get watchers() { return {
@@ -6194,7 +6262,6 @@ const BonusPowerupsIngameList = class {
6194
6262
  "endpoint": ["handleConfigChange"],
6195
6263
  "limit": ["handleConfigChange"],
6196
6264
  "language": ["handleConfigChange"],
6197
- "showFullList": ["loadData"],
6198
6265
  "clientStyling": ["handleClientStylingChange"],
6199
6266
  "clientStylingUrl": ["handleClientStylingUrlChange"],
6200
6267
  "mbSource": ["handleMbSourceChange"],
@@ -16,5 +16,5 @@ var patchBrowser = () => {
16
16
 
17
17
  patchBrowser().then(async (options) => {
18
18
  await globalScripts();
19
- return bootstrapLazy([["active-confirm-modal_3",[[1,"bonus-powerups-ingame-list",{"mbSource":[513,"mb-source"],"gameId":[513,"game-id"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"session":[513],"limit":[514],"showFullList":[1540,"show-full-list"],"isLoading":[32],"isActivating":[32],"powerups":[32],"total":[32],"isPowering":[32],"showConfirmModal":[32],"currentPowerup":[32],"validPowerIds":[32]},[[16,"reloadPowerups","reloadPowerupsHandler"],[16,"activePowerupEvent","activePowerupHandler"],[0,"powerupTimeCountDown","powerupTimeCountDownHandler"]],{"session":["handleConfigChange"],"endpoint":["handleConfigChange"],"limit":["handleConfigChange"],"language":["handleConfigChange"],"showFullList":["loadData"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"translationUrl":["handleNewTranslations"]}],[0,"active-confirm-modal",{"pid":[1538],"language":[1537],"isOpen":[1540,"is-open"]}],[0,"time-count",{"expireTime":[513,"expire-time"],"language":[513],"mode":[513],"inProgress":[516,"in-progress"],"leftRounds":[514,"left-rounds"],"displayTime":[32],"isExpireInDay1":[32],"timeLeft":[32]},null,{"timeLeft":["timeLeftChanged"],"expireTime":["startTimeChanged"]}]]]], options);
19
+ return bootstrapLazy([["active-confirm-modal_3",[[1,"bonus-powerups-ingame-list",{"mbSource":[513,"mb-source"],"gameId":[513,"game-id"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"session":[513],"limit":[514],"disableCount":[516,"disable-count"],"isLoading":[32],"isActivating":[32],"powerups":[32],"total":[32],"isPowering":[32],"showConfirmModal":[32],"currentPowerup":[32],"validPowerIds":[32],"activeMessage":[32],"showToasting":[32]},[[16,"reloadPowerups","reloadPowerupsHandler"],[16,"activePowerupEvent","activePowerupHandler"],[0,"powerupTimeCountDown","powerupTimeCountDownHandler"]],{"session":["handleConfigChange"],"endpoint":["handleConfigChange"],"limit":["handleConfigChange"],"language":["handleConfigChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"translationUrl":["handleNewTranslations"]}],[0,"active-confirm-modal",{"pid":[1538],"language":[1537],"isOpen":[1540,"is-open"]}],[0,"time-count",{"expireTime":[513,"expire-time"],"language":[513],"mode":[513],"inProgress":[516,"in-progress"],"leftRounds":[514,"left-rounds"],"displayTime":[32],"isExpireInDay1":[32],"timeLeft":[32]},null,{"timeLeft":["timeLeftChanged"],"expireTime":["startTimeChanged"]}]]]], options);
20
20
  });
package/dist/esm/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export { B as BonusPowerupsIngameList } from './bonus-powerups-ingame-list-0ec31d98.js';
1
+ export { B as BonusPowerupsIngameList } from './bonus-powerups-ingame-list-3c160367.js';
2
2
  import './index-e015b33d.js';
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
5
5
  const defineCustomElements = async (win, options) => {
6
6
  if (typeof window === 'undefined') return undefined;
7
7
  await globalScripts();
8
- return bootstrapLazy([["active-confirm-modal_3",[[1,"bonus-powerups-ingame-list",{"mbSource":[513,"mb-source"],"gameId":[513,"game-id"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"session":[513],"limit":[514],"showFullList":[1540,"show-full-list"],"isLoading":[32],"isActivating":[32],"powerups":[32],"total":[32],"isPowering":[32],"showConfirmModal":[32],"currentPowerup":[32],"validPowerIds":[32]},[[16,"reloadPowerups","reloadPowerupsHandler"],[16,"activePowerupEvent","activePowerupHandler"],[0,"powerupTimeCountDown","powerupTimeCountDownHandler"]],{"session":["handleConfigChange"],"endpoint":["handleConfigChange"],"limit":["handleConfigChange"],"language":["handleConfigChange"],"showFullList":["loadData"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"translationUrl":["handleNewTranslations"]}],[0,"active-confirm-modal",{"pid":[1538],"language":[1537],"isOpen":[1540,"is-open"]}],[0,"time-count",{"expireTime":[513,"expire-time"],"language":[513],"mode":[513],"inProgress":[516,"in-progress"],"leftRounds":[514,"left-rounds"],"displayTime":[32],"isExpireInDay1":[32],"timeLeft":[32]},null,{"timeLeft":["timeLeftChanged"],"expireTime":["startTimeChanged"]}]]]], options);
8
+ return bootstrapLazy([["active-confirm-modal_3",[[1,"bonus-powerups-ingame-list",{"mbSource":[513,"mb-source"],"gameId":[513,"game-id"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"session":[513],"limit":[514],"disableCount":[516,"disable-count"],"isLoading":[32],"isActivating":[32],"powerups":[32],"total":[32],"isPowering":[32],"showConfirmModal":[32],"currentPowerup":[32],"validPowerIds":[32],"activeMessage":[32],"showToasting":[32]},[[16,"reloadPowerups","reloadPowerupsHandler"],[16,"activePowerupEvent","activePowerupHandler"],[0,"powerupTimeCountDown","powerupTimeCountDownHandler"]],{"session":["handleConfigChange"],"endpoint":["handleConfigChange"],"limit":["handleConfigChange"],"language":["handleConfigChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"translationUrl":["handleNewTranslations"]}],[0,"active-confirm-modal",{"pid":[1538],"language":[1537],"isOpen":[1540,"is-open"]}],[0,"time-count",{"expireTime":[513,"expire-time"],"language":[513],"mode":[513],"inProgress":[516,"in-progress"],"leftRounds":[514,"left-rounds"],"displayTime":[32],"isExpireInDay1":[32],"timeLeft":[32]},null,{"timeLeft":["timeLeftChanged"],"expireTime":["startTimeChanged"]}]]]], options);
9
9
  };
10
10
 
11
11
  export { defineCustomElements };
@@ -60,3 +60,8 @@ export type PowerUpGames = {
60
60
  items: any[];
61
61
  };
62
62
  export type PowerUpList = PowerUp[];
63
+ export type ActivateMessage = {
64
+ isSuccessed: boolean;
65
+ info: string;
66
+ detail?: string;
67
+ };
@@ -1,5 +1,5 @@
1
1
  import { EventEmitter } from '../../stencil-public-runtime';
2
- import { PowerUp } from "../../../../../../libs/common/src/types/casino/powerups";
2
+ import { PowerUp, ActivateMessage } from "../../../../../../libs/common/src/types/casino/powerups";
3
3
  export declare class BonusPowerupsIngameList {
4
4
  mbSource: string;
5
5
  gameId: string;
@@ -10,7 +10,7 @@ export declare class BonusPowerupsIngameList {
10
10
  endpoint: string;
11
11
  session: string;
12
12
  limit: number;
13
- showFullList: boolean;
13
+ disableCount: boolean;
14
14
  isLoading: boolean;
15
15
  isActivating: boolean;
16
16
  powerups: PowerUp[];
@@ -19,6 +19,8 @@ export declare class BonusPowerupsIngameList {
19
19
  showConfirmModal: boolean;
20
20
  currentPowerup: PowerUp;
21
21
  validPowerIds: string[];
22
+ activeMessage: ActivateMessage;
23
+ showToasting: boolean;
22
24
  showDetailsEvent: EventEmitter;
23
25
  powerupsLoadEvent: EventEmitter;
24
26
  closePowerupsEvent: EventEmitter;
@@ -28,12 +30,14 @@ export declare class BonusPowerupsIngameList {
28
30
  private loadMoreObserver;
29
31
  private lastItemElement;
30
32
  private debouncedReload;
33
+ private timerId;
31
34
  constructor();
32
35
  reloadPowerupsHandler(e: any): void;
33
36
  activePowerupHandler(e: any): void;
34
37
  powerupTimeCountDownHandler(e: any): void;
35
38
  private reloadPowerups;
36
39
  private handleConfigChange;
40
+ private loadGamePowers;
37
41
  private loadData;
38
42
  private initializeObserver;
39
43
  private activePowerUp;
@@ -14,13 +14,13 @@ export namespace Components {
14
14
  interface BonusPowerupsIngameList {
15
15
  "clientStyling": string;
16
16
  "clientStylingUrl": string;
17
+ "disableCount": boolean;
17
18
  "endpoint": string;
18
19
  "gameId": string;
19
20
  "language": string;
20
21
  "limit": number;
21
22
  "mbSource": string;
22
23
  "session": string;
23
- "showFullList": boolean;
24
24
  "translationUrl": string;
25
25
  }
26
26
  interface TimeCount {
@@ -113,6 +113,7 @@ declare namespace LocalJSX {
113
113
  interface BonusPowerupsIngameList {
114
114
  "clientStyling"?: string;
115
115
  "clientStylingUrl"?: string;
116
+ "disableCount"?: boolean;
116
117
  "endpoint": string;
117
118
  "gameId"?: string;
118
119
  "language"?: string;
@@ -122,7 +123,6 @@ declare namespace LocalJSX {
122
123
  "onPowerupsLoad"?: (event: BonusPowerupsIngameListCustomEvent<any>) => void;
123
124
  "onShowPowerupDetails"?: (event: BonusPowerupsIngameListCustomEvent<any>) => void;
124
125
  "session": string;
125
- "showFullList"?: boolean;
126
126
  "translationUrl"?: string;
127
127
  }
128
128
  interface TimeCount {
@@ -2,6 +2,10 @@ export declare const powerUpWithoutGamesSearchConditions: {
2
2
  fields: string;
3
3
  status: string;
4
4
  };
5
+ export declare const gamesPowersSearchConditions: {
6
+ fields: string;
7
+ status: string;
8
+ };
5
9
  export declare const powerUpSearchConditions: {
6
10
  expand: string;
7
11
  fields: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/bonus-powerups-ingame-list",
3
- "version": "0.0.37",
3
+ "version": "0.0.39",
4
4
  "main": "./dist/index.cjs.js",
5
5
  "module": "./dist/index.js",
6
6
  "es2015": "./dist/esm/index.mjs",