@everymatrix/casino-challenges-overlay 0.21.17 → 0.21.19

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.
@@ -1 +1 @@
1
- export{C as CasinoChallengesOverlay}from"./casino-challenges-overlay-b8bd0c04.js";import"./index-b4a452f5.js";
1
+ export{C as CasinoChallengesOverlay}from"./casino-challenges-overlay-241ddb3f.js";import"./index-b4a452f5.js";
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-6300a889.js');
6
- const casinoChallengesOverlay = require('./casino-challenges-overlay-f9d1f322.js');
6
+ const casinoChallengesOverlay = require('./casino-challenges-overlay-ba80fe26.js');
7
7
 
8
8
  const DEFAULT_LANGUAGE$3 = 'en';
9
9
  const TRANSLATIONS$3 = {
@@ -5095,6 +5095,12 @@ const CasinoChallengesOverlayModal = class {
5095
5095
  this.checkIsMobile = () => {
5096
5096
  this.isMobile = window.innerWidth <= 768 || window.innerHeight < 660;
5097
5097
  };
5098
+ this.renderLevelNumberLine = () => {
5099
+ const level = translate('level', this.language);
5100
+ if (!level)
5101
+ return '';
5102
+ return `${level} ${this.orderNumber} ${translate('completed', this.language)}`;
5103
+ };
5098
5104
  this.mbSource = undefined;
5099
5105
  this.clientStyling = undefined;
5100
5106
  this.clientStylingUrl = undefined;
@@ -5169,17 +5175,17 @@ const CasinoChallengesOverlayModal = class {
5169
5175
  }
5170
5176
  render() {
5171
5177
  var _a;
5172
- return (index.h("div", { key: '9c6467b4393741a0c06cccbc4a56e263f6ecbacf', ref: (el) => (this.stylingContainer = el), class: {
5178
+ return (index.h("div", { key: '6824bc8814d29ff948e0f2f359a252e627563e65', ref: (el) => (this.stylingContainer = el), class: {
5173
5179
  ModalOverlay: true,
5174
5180
  Mobile: this.isMobile,
5175
5181
  Open: this.isOpen
5176
- } }, index.h("div", { key: 'bc8fefa26599b9d147e32455e892ac492b34899d', class: "ModalWinAnimation" }), index.h("div", { key: 'c40a90a75fb7e540e326dce3da299ecdeddaf5de', class: "ModalWrapper" }, index.h("div", { key: '43c239b2d868d7eeb401514597c0ab770465cb98', class: "ModalContent GradientBorder" }, index.h("div", { key: 'a8c3cfed13eb0aa34dde867065fd5ae3d1f363de', class: "InnerContainer" }, !this.errored && (index.h("div", { key: '8a037fc0078ce408c20d432754b052a072d9038e', class: "ImageWrapper" }, index.h("img", { key: '2dce4dddb9171b383e497fcf02f9d8177320e7a8', src: giftboxSvg, alt: "gift-box-icon" }))), index.h("h1", { key: 'd3797d201840749d4502c7e1de46d9798a8f9c96', class: "ModalHeader" }, translate(this.errored ? 'errorTitle' : 'congrats', this.language)), this.errored ? (index.h("div", { class: "ModalErrorMessage" }, translate('errorSubTitle', this.language))) : (index.h("div", { class: "ModalSubtitle" }, `${translate('level', this.language)} ${this.orderNumber} ${translate('completed', this.language)}`, index.h("div", null, translate('youWon', this.language)), index.h("div", { class: "ModalReward" }, this.reward), this.isFreeSpinsGranted && (index.h("div", { class: "ModalAddition" }, translate('playNowOrLater', this.language))), index.h("div", { class: "ModalAddition" }, translate('rewardInLobby', this.language)))), this.addition && (index.h("div", { key: 'cd309b3d5aef1b0ee788e69078a0dde933a005b8', class: "ModalAddition" }, index.h("div", { key: '4e039c5b5f34bf83283e8930f5b411c89c8c3083' }, translate('physicalReward', this.language)), index.h("span", { key: '93542521818e022e4aa86cd1f8c0552a0a1dd184' }, translate('linkText', this.language)))), index.h("button", { key: '9da8af765e0ea9b14aa2a1c08b2b0bc67b572b3d', class: "ModalAction", onClick: this.handleClick }, this.errored ? translate('errorBtnText', this.language) : translate('continue', this.language)), this.isFreeSpinsGranted && ((_a = this.bonusProgramGames) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("div", { key: '82e2f1ee940ffdd44d532690145fb825e6b57aed', class: "ModalSliderWrapper" }, index.h("div", { key: 'c35c3fa00e8d5e8d9a7be67e79ace31cec10a749', class: "ModalSlider", ref: (el) => (this.sliderContainer = el), onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerLeave: this.onPointerUp }, this.bonusProgramGames.map((item) => (index.h("div", { class: "ModalSlide", key: item.GameSlug, "data-slug": item.GameSlug }, index.h("div", { class: "ModalSlideImageWrapper" }, index.h("img", { src: item.Thumbnail, alt: "" })), index.h("div", { class: "ModalSlideSpins" }, translate('useSpinsNow', this.language), index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.195262 0.195262C0.455612 -0.0650874 0.877722 -0.0650874 1.13807 0.195262L5.13807 4.19526C5.39842 4.45561 5.39842 4.87772 5.13807 5.13807L1.13807 9.13807C0.877722 9.39842 0.455612 9.39842 0.195262 9.13807C-0.0650874 8.87772 -0.0650874 8.45561 0.195262 8.19526L3.72386 4.66667L0.195262 1.13807C-0.0650874 0.877722 -0.0650874 0.455612 0.195262 0.195262Z", fill: "white" }))))))), this.bonusProgramGames.length > 1 && (index.h("div", { key: 'c9af26d8381e3c778000d096b14abc3d8a52e81c' }, index.h("button", { key: '416c033130b5487171a85ff3d5ec9da80e47a52f', class: {
5182
+ } }, index.h("div", { key: 'fa8d34624a19d1e4b020e96b1ddda4431212d887', class: "ModalWinAnimation" }), index.h("div", { key: 'de3257f178b672deb881008f7b658d8b9f87fe3b', class: "ModalWrapper" }, index.h("div", { key: 'b4e419a0b7601ab033f55dbcabce45a5b55e4d28', class: "ModalContent GradientBorder" }, index.h("div", { key: '129b2e410322e368af824e742a071d9cf603baf8', class: "InnerContainer" }, !this.errored && (index.h("div", { key: 'd34e9b8b7fefd9a1764866608d57df749aeda92a', class: "ImageWrapper" }, index.h("img", { key: 'ad762e23947067630c2230d6bbbcaf4ed4a2a02b', src: giftboxSvg, alt: "gift-box-icon" }))), index.h("h1", { key: '17bf86ab541c1c9b9d8da9ae80dc03d7b97a9d17', class: "ModalHeader" }, translate(this.errored ? 'errorTitle' : 'congrats', this.language)), this.errored ? (index.h("div", { class: "ModalErrorMessage" }, translate('errorSubTitle', this.language))) : (index.h("div", { class: "ModalSubtitle" }, this.renderLevelNumberLine(), index.h("div", null, translate('youWon', this.language)), index.h("div", { class: "ModalReward" }, this.reward), this.isFreeSpinsGranted && (index.h("div", { class: "ModalAddition" }, translate('playNowOrLater', this.language))), index.h("div", { class: "ModalAddition" }, translate('rewardInLobby', this.language)))), this.addition && (index.h("div", { key: '595839da89f0efad0974e9fdf4950924cec0f311', class: "ModalAddition" }, index.h("div", { key: '23e6272316625e2132cc2129e5e2b1edfa007045' }, translate('physicalReward', this.language)), index.h("span", { key: '8823d18428fdc98fb7072c655a97791c37606d80' }, translate('linkText', this.language)))), index.h("button", { key: 'e8433be561238c3a8debcb4729d14fd39f6aaa26', class: "ModalAction", onClick: this.handleClick }, this.errored ? translate('errorBtnText', this.language) : translate('continue', this.language)), this.isFreeSpinsGranted && ((_a = this.bonusProgramGames) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("div", { key: '5dd51a8bd8adb11ace9b53e034ae8848f4b62c6b', class: "ModalSliderWrapper" }, index.h("div", { key: 'ce01d40f1b50b94b0c6feee89aae72abcca70318', class: "ModalSlider", ref: (el) => (this.sliderContainer = el), onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerLeave: this.onPointerUp }, this.bonusProgramGames.map((item) => (index.h("div", { class: "ModalSlide", key: item.GameSlug, "data-slug": item.GameSlug }, index.h("div", { class: "ModalSlideImageWrapper" }, index.h("img", { src: item.Thumbnail, alt: "" })), index.h("div", { class: "ModalSlideSpins" }, translate('useSpinsNow', this.language), index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.195262 0.195262C0.455612 -0.0650874 0.877722 -0.0650874 1.13807 0.195262L5.13807 4.19526C5.39842 4.45561 5.39842 4.87772 5.13807 5.13807L1.13807 9.13807C0.877722 9.39842 0.455612 9.39842 0.195262 9.13807C-0.0650874 8.87772 -0.0650874 8.45561 0.195262 8.19526L3.72386 4.66667L0.195262 1.13807C-0.0650874 0.877722 -0.0650874 0.455612 0.195262 0.195262Z", fill: "white" }))))))), this.bonusProgramGames.length > 1 && (index.h("div", { key: '65a943274a45300a78187859f0801639b824a5e9' }, index.h("button", { key: 'ba2dd62f4996c110a7742f8b08f3415324122450', class: {
5177
5183
  prev: true,
5178
5184
  disabled: this.currentIndex === 0
5179
- }, onClick: this.prev }, index.h("svg", { key: 'b553e36dbfc558e6ad64d5116bbeb09789543df3', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, index.h("path", { key: 'f9d01719f223b8f0a4f85c5da6e2707c95ea7a7c', d: "M5 1L1 5L5 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("button", { key: '35d761b5775216fac350a37337af060dddfff32f', class: {
5185
+ }, onClick: this.prev }, index.h("svg", { key: 'fc642e0d6ec383ac7fc5e292f2a67decc4ca6934', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, index.h("path", { key: '986491bc4163bbf5d2570a9faeaa59fdbea02e4f', d: "M5 1L1 5L5 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("button", { key: 'c5d591044f4eaa88f19439b3d5925ad975445121', class: {
5180
5186
  next: true,
5181
5187
  disabled: this.currentIndex === this.bonusProgramGames.length - 1
5182
- }, onClick: this.next }, index.h("svg", { key: '4983d8321485aea0af04214d9adee8c6f8a3de13', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, index.h("path", { key: 'e55bd61046ddfafe8d4ac99f07ae4512f991cb03', d: "M1 1L5 5L1 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("div", { key: '44d4eb4230b4480d66787191a56c0be0f20add88', class: "ModalSliderDots" }, this.bonusProgramGames.map((_, i) => (index.h("span", { class: {
5188
+ }, onClick: this.next }, index.h("svg", { key: 'bd08a79b7818a1ffa0d8719ec3fb476fd3239f41', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, index.h("path", { key: '46c0e58123f6a78e5f6def9816941c64be2a167d', d: "M1 1L5 5L1 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("div", { key: 'c597fcea75343d0a133f48e579786d632674404a', class: "ModalSliderDots" }, this.bonusProgramGames.map((_, i) => (index.h("span", { class: {
5183
5189
  ModalSliderDot: true,
5184
5190
  active: i === this.currentIndex
5185
5191
  }, onClick: () => {