@everymatrix/casino-challenges-overlay 0.17.106 → 0.17.108
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.
- package/dist/casino-challenges-overlay/casino-challenge-details-events_23.entry.js +1 -1
- package/dist/casino-challenges-overlay/casino-challenges-overlay-d35935be.js +1 -0
- package/dist/casino-challenges-overlay/index.esm.js +1 -1
- package/dist/cjs/casino-challenge-details-events_23.cjs.entry.js +7 -7
- package/dist/cjs/{casino-challenges-overlay-79eca2f8.js → casino-challenges-overlay-c99a7b11.js} +13 -4
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/collection/components/casino-challenges-overlay/casino-challenges-overlay.js +13 -4
- package/dist/esm/casino-challenge-details-events_23.entry.js +8 -8
- package/dist/esm/{casino-challenges-overlay-ef3af896.js → casino-challenges-overlay-d35935be.js} +13 -4
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
- package/dist/casino-challenges-overlay/casino-challenges-overlay-ef3af896.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
export{C as CasinoChallengesOverlay}from"./casino-challenges-overlay-
|
|
1
|
+
export{C as CasinoChallengesOverlay}from"./casino-challenges-overlay-d35935be.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-
|
|
6
|
+
const casinoChallengesOverlay = require('./casino-challenges-overlay-c99a7b11.js');
|
|
7
7
|
|
|
8
8
|
const DEFAULT_LANGUAGE$3 = 'en';
|
|
9
9
|
const TRANSLATIONS$3 = {
|
|
@@ -4990,7 +4990,7 @@ const resolveTranslationUrl = async (translationUrl) => {
|
|
|
4990
4990
|
}
|
|
4991
4991
|
};
|
|
4992
4992
|
|
|
4993
|
-
const casinoChallengesOverlayModalCss = ":host {\n display: block;\n font-family: inherit;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nbutton {\n border: none;\n background: none;\n cursor: pointer;\n touch-action: manipulation;\n}\nbutton:focus {\n outline: none;\n}\n\n.ModalOverlay {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0);\n justify-content: center;\n align-items: center;\n z-index: 302;\n}\n\n.ModalOverlay.Open {\n display: flex;\n}\n\n.ModalWrapper {\n container: modal/size;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n\n.ModalContent {\n display: flex;\n background: var(--emw--modal-border-color, linear-gradient(90deg, #003e5c 0.05%, #113b21 87.69%));\n padding: 40px;\n border-radius: 26px;\n border: 2px solid var(--emw--modal-outline-color, #1e654f);\n width: 540px;\n max-width: 90%;\n text-align: center;\n max-height: 90dvh;\n min-height: 100px;\n font-family: \"Roboto\", sans-serif;\n}\n\n.InnerContainer {\n border-radius: 20px;\n background: var(--emw--modal-background-color, #f9f8f8);\n padding: 20px;\n width: 100%;\n flex-direction: column;\n align-items: center;\n flex: 1;\n min-height: 0;\n overflow
|
|
4993
|
+
const casinoChallengesOverlayModalCss = ":host {\n display: block;\n font-family: inherit;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nbutton {\n border: none;\n background: none;\n cursor: pointer;\n touch-action: manipulation;\n}\nbutton:focus {\n outline: none;\n}\n\n.ModalOverlay {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0);\n justify-content: center;\n align-items: center;\n z-index: 302;\n container-name: modal-container;\n container-type: size;\n}\n\n.ModalOverlay.Open {\n display: flex;\n}\n\n.ModalWrapper {\n container: modal/size;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n\n.ModalContent {\n display: flex;\n background: var(--emw--modal-border-color, linear-gradient(90deg, #003e5c 0.05%, #113b21 87.69%));\n padding: 40px;\n border-radius: 26px;\n border: 2px solid var(--emw--modal-outline-color, #1e654f);\n width: 540px;\n max-width: 90%;\n text-align: center;\n max-height: 90dvh;\n min-height: 100px;\n font-family: \"Roboto\", sans-serif;\n}\n\n.InnerContainer {\n border-radius: 20px;\n background: var(--emw--modal-background-color, #f9f8f8);\n padding: 20px;\n width: 100%;\n flex-direction: column;\n align-items: center;\n flex: 1;\n min-height: 0;\n overflow: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n}\n\n.InnerContainer::-webkit-scrollbar {\n display: none;\n}\n\n.ImageWrapper {\n margin-bottom: 10px;\n}\n\n.ModalHeader {\n color: var(--emw--modal-title-color, #212529);\n text-align: center;\n font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: normal;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.ModalSubtitle {\n color: var(--emw--modal-title-color, #212529);\n text-align: center;\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weigh-normal, 400);\n margin: 10px auto 0;\n line-height: 24px;\n}\n\n.ModalErrorMessage {\n color: var(--emw--modal-title-color, #212529);\n font-size: var(--emw--font-size-medium, 16px);\n line-height: 24px;\n margin: 10px 0;\n}\n\n.ModalReward {\n background: var(--emw--modal-reward-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-family: var(--emw--modal-reward-typography, \"PF BeauSans Pro\", sans-serif);\n font-size: var(--emw--modal-reward-font-size, 16px);\n font-weight: var(--emw--modal-reward-font-weight, 700);\n}\n\n.ModalAddition {\n color: var(--emw--modal-addition-color, #727672);\n text-align: center;\n font-family: var(--emw--modal-addition-typography, \"Roboto\", sans-serif);\n font-size: var(--emw--modal-addition-font-size, 16px);\n font-style: normal;\n font-weight: var(--emw--font-weight-normal, 400);\n align-content: center;\n margin-top: 10px;\n line-height: 24px;\n}\n\n.ModalAddition span {\n background: var(--emw--modal-support-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: normal;\n font-weight: var(--emw--modal-support-font-weight, 700);\n line-height: 15px;\n text-decoration: none;\n position: relative;\n}\n.ModalAddition span::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n background: var(--emw--modal-support-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n}\n\n.ModalAction {\n border-radius: var(--emw--modal-button-border-radius, 99px);\n border: 2px solid var(--emw--modal-button-border-color, #083b17);\n background: var(--emw--modal-button-background-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n padding: 9px 20px;\n margin-top: 24px;\n text-transform: uppercase;\n color: var(--emw--modal-button-color, #fff);\n text-align: center;\n font-family: var(--emw--modal-button-typography, \"PF BeauSans Pro\", sans-serif);\n font-size: var(--emw--modal-button-font-size, 14px);\n font-weight: var(--emw--modal-button-font-weight, 700);\n min-width: 100px;\n}\n\n.ModalSliderWrapper {\n margin: 24px auto 0;\n position: relative;\n overflow: hidden;\n width: 316px;\n}\n\n.ModalSlider {\n display: flex;\n transition: transform 0.3s ease;\n cursor: pointer;\n touch-action: pan-y;\n}\n\n.ModalSlider:active {\n cursor: grabbing;\n}\n\n.ModalSlide {\n min-width: 100%;\n flex-shrink: 0;\n position: relative;\n display: flex;\n justify-content: center;\n}\n.ModalSlide .ModalSlideSpins {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n border-radius: var(--emw--modal-game-border-radius, 99px);\n width: 188px;\n height: 48px;\n text-transform: uppercase;\n font-size: var(--emw--modal-game-font-size, 14px);\n font-weight: var(--emw--modal-game-font-weight, 700);\n color: var(--emw--modal-game-font-color, #ffffff);\n align-content: center;\n background: var(--emw--modal-game-background, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%));\n}\n.ModalSlide .ModalSlideSpins svg {\n margin-left: 8px;\n}\n.ModalSlide .ModalSlideImageWrapper {\n position: relative;\n width: 244px;\n height: 144px;\n border-radius: 12px;\n overflow: hidden;\n}\n.ModalSlide .ModalSlideImageWrapper img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n pointer-events: none;\n user-select: none;\n -webkit-user-drag: none;\n}\n.ModalSlide .ModalSlideImageWrapper::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: var(--emw--color-black-shadow, rgba(0, 0, 0, 0.5019607843));\n}\n\n.prev,\n.next {\n position: absolute;\n top: 42%;\n transform: translateY(-50%);\n stroke: var(--emw--modal-slider-arrow-color, #ffffff);\n width: 22px;\n height: 22px;\n border-radius: 50%;\n border: 2px solid var(--emw--modal-slider-border-color, #083b17);\n background: var(--emw--modal-slider-arrow-bg, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.prev.disabled,\n.next.disabled {\n stroke: var(--emw--modal-slider-arrow-secondary-color, #727672);\n background: var(--emw--modal-slider-arrow-secondary-bg, rgba(0, 0, 0, 0.4));\n border-color: var(--emw--modal-slider-border-secondary-color, #727672);\n}\n\n.prev {\n left: 2px;\n}\n\n.next {\n right: 2px;\n}\n\n.ModalSliderDots {\n display: flex;\n justify-content: center;\n margin-top: 10px;\n}\n\n.ModalSliderDot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--emw--modal-slider-dot-color, #e2e2e2);\n margin: 8px;\n cursor: pointer;\n}\n\n.ModalSliderDot.active {\n background: var(--emw--modal-slider-active-dot-color, #00b74f);\n}\n\n.Mobile .ModalContent {\n padding: 26px;\n}\n.Mobile .InnerContainer {\n padding: 25px;\n}\n.Mobile .ImageWrapper {\n margin-bottom: 6px;\n}\n.Mobile .ModalHeader {\n margin-bottom: 16px;\n font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile .ModalAddition {\n font-size: var(--emw--font-size-x-small, 12px);\n margin-top: 8px;\n line-height: normal;\n}\n.Mobile .ModalAction,\n.Mobile .ModalSliderWrapper {\n margin: 20px auto 0;\n}\n.Mobile .ModalSliderWrapper {\n width: 230px;\n}\n.Mobile .ModalSliderWrapper .prev,\n.Mobile .ModalSliderWrapper .next {\n display: none;\n}\n.Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n height: 125px;\n width: 220px;\n}\n.Mobile .ModalSliderWrapper .ModalSlideSpins {\n width: 154px;\n height: 34px;\n font-size: var(--emw--font-size-x-small, 12px);\n}\n.Mobile .ModalSliderWrapper .ModalSliderDots {\n margin-top: 5px;\n}\n.Mobile .ModalSliderWrapper .ModalSliderDots .ModalSliderDot {\n margin: 4px;\n}\n.Mobile .ModalSubtitle,\n.Mobile .ModalReward {\n font-size: var(--emw--font-size-small, 14px);\n line-height: 18px;\n}\n.Mobile .ModalAction {\n font-size: var(--emw--font-size-x-small, 12px);\n}\n\n@container modal (height < 720px) {\n .Mobile .ModalContent {\n padding: 20px;\n }\n .Mobile .InnerContainer {\n padding: 8px 20px;\n }\n .Mobile .ModalHeader {\n margin-bottom: 8px;\n }\n .Mobile .ModalSubtitle {\n width: 100%;\n margin: 0 auto;\n }\n .Mobile .ModalAction {\n margin-top: 8px;\n }\n .Mobile .ModalSliderWrapper {\n margin: 8px auto 0;\n }\n .Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n width: 176px;\n height: 100px;\n }\n}\n@container modal-container (max-height: 750px) {\n .InnerContainer {\n padding: 12px;\n }\n .ModalContent {\n padding: 25px;\n }\n .ModalSliderWrapper,\n .ModalAction {\n margin-top: 15px;\n }\n .ModalSlideImageWrapper {\n height: 125px;\n width: 220px;\n }\n .ModalSlideSpins {\n width: 154px;\n height: 34px;\n font-size: var(--emw--font-size-x-small, 12px);\n }\n .ModalAction {\n padding: 5px 15px;\n }\n}";
|
|
4994
4994
|
const CasinoChallengesOverlayModalStyle0 = casinoChallengesOverlayModalCss;
|
|
4995
4995
|
|
|
4996
4996
|
const CasinoChallengesOverlayModal = class {
|
|
@@ -5076,7 +5076,7 @@ const CasinoChallengesOverlayModal = class {
|
|
|
5076
5076
|
}
|
|
5077
5077
|
};
|
|
5078
5078
|
this.checkIsMobile = () => {
|
|
5079
|
-
this.isMobile = window.innerWidth <= 768;
|
|
5079
|
+
this.isMobile = window.innerWidth <= 768 || window.innerHeight < 660;
|
|
5080
5080
|
};
|
|
5081
5081
|
this.mbSource = undefined;
|
|
5082
5082
|
this.clientStyling = undefined;
|
|
@@ -5152,17 +5152,17 @@ const CasinoChallengesOverlayModal = class {
|
|
|
5152
5152
|
}
|
|
5153
5153
|
render() {
|
|
5154
5154
|
var _a;
|
|
5155
|
-
return (index.h("div", { key: '
|
|
5155
|
+
return (index.h("div", { key: '9c6467b4393741a0c06cccbc4a56e263f6ecbacf', ref: (el) => (this.stylingContainer = el), class: {
|
|
5156
5156
|
ModalOverlay: true,
|
|
5157
5157
|
Mobile: this.isMobile,
|
|
5158
5158
|
Open: this.isOpen
|
|
5159
|
-
} }, index.h("div", { key: '
|
|
5159
|
+
} }, 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: {
|
|
5160
5160
|
prev: true,
|
|
5161
5161
|
disabled: this.currentIndex === 0
|
|
5162
|
-
}, onClick: this.prev }, index.h("svg", { key: '
|
|
5162
|
+
}, 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: {
|
|
5163
5163
|
next: true,
|
|
5164
5164
|
disabled: this.currentIndex === this.bonusProgramGames.length - 1
|
|
5165
|
-
}, onClick: this.next }, index.h("svg", { key: '
|
|
5165
|
+
}, 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: {
|
|
5166
5166
|
ModalSliderDot: true,
|
|
5167
5167
|
active: i === this.currentIndex
|
|
5168
5168
|
}, onClick: () => {
|
package/dist/cjs/{casino-challenges-overlay-79eca2f8.js → casino-challenges-overlay-c99a7b11.js}
RENAMED
|
@@ -434,6 +434,15 @@ const CasinoChallengesOverlay = class {
|
|
|
434
434
|
this.challenges = [...this.challenges, newChallenge];
|
|
435
435
|
break;
|
|
436
436
|
}
|
|
437
|
+
case 'ClaimChallengeByButtonResponse': {
|
|
438
|
+
const newChallenge = Array.isArray(data) ? data[0] : data;
|
|
439
|
+
this.challenges = [...this.challenges, newChallenge];
|
|
440
|
+
break;
|
|
441
|
+
}
|
|
442
|
+
case 'ClaimChallengeByCodeResponse': {
|
|
443
|
+
this.challenges = [...this.challenges, data];
|
|
444
|
+
break;
|
|
445
|
+
}
|
|
437
446
|
}
|
|
438
447
|
}
|
|
439
448
|
hasUpdateDataChanged(prev, next) {
|
|
@@ -612,15 +621,15 @@ const CasinoChallengesOverlay = class {
|
|
|
612
621
|
const activeProgressId = hasActiveProgress
|
|
613
622
|
? (_a = this.activeChallenge) === null || _a === void 0 ? void 0 : _a.Id
|
|
614
623
|
: (_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: '
|
|
624
|
+
return (index.h("div", { key: '9566bd839601825d3d05a823d398dcf15961d424', ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: '68df23a628fa738d148a3a464a57115fc45901a6', class: "container", onClick: this.handleClick }, index.h("div", { key: '35e691296c741f99b5cf4bcf31c48013f8b27e9c', class: "circle", style: {
|
|
616
625
|
'--progress': `${currProgress}%`
|
|
617
|
-
} }, index.h("img", { key: '
|
|
626
|
+
} }, index.h("img", { key: '93c0c9dd7fd644f496e3a89a0a1d7dd5294a478d', class: "circle__img", src: bgIconSvg }), index.h("div", { key: 'b1996fcb626996714b296c802ddd826c41e6368c', class: "circle__content" }, hasActiveProgress ? (index.h("span", null, Math.floor(currProgress), "%")) : (index.h("span", null, translate('join', this.language)))), dot && (index.h("div", { key: 'db4672c7c5527673898172981ef8a7af3c99b921', class: "dot", style: {
|
|
618
627
|
left: `${dot.x}px`,
|
|
619
628
|
top: `${dot.y}px`
|
|
620
|
-
} }))), hasActiveProgress && (index.h("div", { key: '
|
|
629
|
+
} }))), hasActiveProgress && (index.h("div", { key: 'be5453301f15f01c862e7a36013ec20af771318b', class: {
|
|
621
630
|
badge: true,
|
|
622
631
|
new: this.isNew
|
|
623
|
-
} }, this.renderBadgeContent()))), index.h("casino-challenges-overlay-modal", { key: '
|
|
632
|
+
} }, this.renderBadgeContent()))), index.h("casino-challenges-overlay-modal", { key: 'abbb2c3ec11bb07e733c88e366d62846115be99c', 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: '45bf6f4c4324a1372826f6422ab5096f2be246e9', 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 }))));
|
|
624
633
|
}
|
|
625
634
|
static get watchers() { return {
|
|
626
635
|
"clientStyling": ["handleClientStylingChange"],
|
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const casinoChallengesOverlay = require('./casino-challenges-overlay-
|
|
5
|
+
const casinoChallengesOverlay = require('./casino-challenges-overlay-c99a7b11.js');
|
|
6
6
|
require('./index-6300a889.js');
|
|
7
7
|
|
|
8
8
|
|
|
@@ -202,6 +202,15 @@ export class CasinoChallengesOverlay {
|
|
|
202
202
|
this.challenges = [...this.challenges, newChallenge];
|
|
203
203
|
break;
|
|
204
204
|
}
|
|
205
|
+
case 'ClaimChallengeByButtonResponse': {
|
|
206
|
+
const newChallenge = Array.isArray(data) ? data[0] : data;
|
|
207
|
+
this.challenges = [...this.challenges, newChallenge];
|
|
208
|
+
break;
|
|
209
|
+
}
|
|
210
|
+
case 'ClaimChallengeByCodeResponse': {
|
|
211
|
+
this.challenges = [...this.challenges, data];
|
|
212
|
+
break;
|
|
213
|
+
}
|
|
205
214
|
}
|
|
206
215
|
}
|
|
207
216
|
hasUpdateDataChanged(prev, next) {
|
|
@@ -380,15 +389,15 @@ export class CasinoChallengesOverlay {
|
|
|
380
389
|
const activeProgressId = hasActiveProgress
|
|
381
390
|
? (_a = this.activeChallenge) === null || _a === void 0 ? void 0 : _a.Id
|
|
382
391
|
: (_c = (_b = this.challenges) === null || _b === void 0 ? void 0 : _b.find(this.isActiveChallenge)) === null || _c === void 0 ? void 0 : _c.Id;
|
|
383
|
-
return (h("div", { key: '
|
|
392
|
+
return (h("div", { key: '9566bd839601825d3d05a823d398dcf15961d424', ref: (el) => (this.stylingContainer = el) }, h("div", { key: '68df23a628fa738d148a3a464a57115fc45901a6', class: "container", onClick: this.handleClick }, h("div", { key: '35e691296c741f99b5cf4bcf31c48013f8b27e9c', class: "circle", style: {
|
|
384
393
|
'--progress': `${currProgress}%`
|
|
385
|
-
} }, h("img", { key: '
|
|
394
|
+
} }, h("img", { key: '93c0c9dd7fd644f496e3a89a0a1d7dd5294a478d', class: "circle__img", src: bgIcon }), h("div", { key: 'b1996fcb626996714b296c802ddd826c41e6368c', class: "circle__content" }, hasActiveProgress ? (h("span", null, Math.floor(currProgress), "%")) : (h("span", null, translate('join', this.language)))), dot && (h("div", { key: 'db4672c7c5527673898172981ef8a7af3c99b921', class: "dot", style: {
|
|
386
395
|
left: `${dot.x}px`,
|
|
387
396
|
top: `${dot.y}px`
|
|
388
|
-
} }))), hasActiveProgress && (h("div", { key: '
|
|
397
|
+
} }))), hasActiveProgress && (h("div", { key: 'be5453301f15f01c862e7a36013ec20af771318b', class: {
|
|
389
398
|
badge: true,
|
|
390
399
|
new: this.isNew
|
|
391
|
-
} }, this.renderBadgeContent()))), h("casino-challenges-overlay-modal", { key: '
|
|
400
|
+
} }, this.renderBadgeContent()))), h("casino-challenges-overlay-modal", { key: 'abbb2c3ec11bb07e733c88e366d62846115be99c', isOpen: this.showModal, handleClick: this.closeModal, reward: this.modalReward, addition: this.modalAddition, isFreeSpinsGranted: this.modalIsFreeSpinsGranted, bonusProgramGames: this.modalBonusProgramGames, errored: this.modalErrored, orderNumber: this.modalOrderNumber, translationUrl: this.translationUrl, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl }), this.extendedIngameWidget && (h("casino-challenges-overlay-drawer", { key: '45bf6f4c4324a1372826f6422ab5096f2be246e9', 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 }))));
|
|
392
401
|
}
|
|
393
402
|
static get is() { return "casino-challenges-overlay"; }
|
|
394
403
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-b4a452f5.js';
|
|
2
|
-
import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './casino-challenges-overlay-
|
|
3
|
-
export { C as casino_challenges_overlay } from './casino-challenges-overlay-
|
|
2
|
+
import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './casino-challenges-overlay-d35935be.js';
|
|
3
|
+
export { C as casino_challenges_overlay } from './casino-challenges-overlay-d35935be.js';
|
|
4
4
|
|
|
5
5
|
const DEFAULT_LANGUAGE$3 = 'en';
|
|
6
6
|
const TRANSLATIONS$3 = {
|
|
@@ -4987,7 +4987,7 @@ const resolveTranslationUrl = async (translationUrl) => {
|
|
|
4987
4987
|
}
|
|
4988
4988
|
};
|
|
4989
4989
|
|
|
4990
|
-
const casinoChallengesOverlayModalCss = ":host {\n display: block;\n font-family: inherit;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nbutton {\n border: none;\n background: none;\n cursor: pointer;\n touch-action: manipulation;\n}\nbutton:focus {\n outline: none;\n}\n\n.ModalOverlay {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0);\n justify-content: center;\n align-items: center;\n z-index: 302;\n}\n\n.ModalOverlay.Open {\n display: flex;\n}\n\n.ModalWrapper {\n container: modal/size;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n\n.ModalContent {\n display: flex;\n background: var(--emw--modal-border-color, linear-gradient(90deg, #003e5c 0.05%, #113b21 87.69%));\n padding: 40px;\n border-radius: 26px;\n border: 2px solid var(--emw--modal-outline-color, #1e654f);\n width: 540px;\n max-width: 90%;\n text-align: center;\n max-height: 90dvh;\n min-height: 100px;\n font-family: \"Roboto\", sans-serif;\n}\n\n.InnerContainer {\n border-radius: 20px;\n background: var(--emw--modal-background-color, #f9f8f8);\n padding: 20px;\n width: 100%;\n flex-direction: column;\n align-items: center;\n flex: 1;\n min-height: 0;\n overflow
|
|
4990
|
+
const casinoChallengesOverlayModalCss = ":host {\n display: block;\n font-family: inherit;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nbutton {\n border: none;\n background: none;\n cursor: pointer;\n touch-action: manipulation;\n}\nbutton:focus {\n outline: none;\n}\n\n.ModalOverlay {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0);\n justify-content: center;\n align-items: center;\n z-index: 302;\n container-name: modal-container;\n container-type: size;\n}\n\n.ModalOverlay.Open {\n display: flex;\n}\n\n.ModalWrapper {\n container: modal/size;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n\n.ModalContent {\n display: flex;\n background: var(--emw--modal-border-color, linear-gradient(90deg, #003e5c 0.05%, #113b21 87.69%));\n padding: 40px;\n border-radius: 26px;\n border: 2px solid var(--emw--modal-outline-color, #1e654f);\n width: 540px;\n max-width: 90%;\n text-align: center;\n max-height: 90dvh;\n min-height: 100px;\n font-family: \"Roboto\", sans-serif;\n}\n\n.InnerContainer {\n border-radius: 20px;\n background: var(--emw--modal-background-color, #f9f8f8);\n padding: 20px;\n width: 100%;\n flex-direction: column;\n align-items: center;\n flex: 1;\n min-height: 0;\n overflow: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n}\n\n.InnerContainer::-webkit-scrollbar {\n display: none;\n}\n\n.ImageWrapper {\n margin-bottom: 10px;\n}\n\n.ModalHeader {\n color: var(--emw--modal-title-color, #212529);\n text-align: center;\n font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: normal;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.ModalSubtitle {\n color: var(--emw--modal-title-color, #212529);\n text-align: center;\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weigh-normal, 400);\n margin: 10px auto 0;\n line-height: 24px;\n}\n\n.ModalErrorMessage {\n color: var(--emw--modal-title-color, #212529);\n font-size: var(--emw--font-size-medium, 16px);\n line-height: 24px;\n margin: 10px 0;\n}\n\n.ModalReward {\n background: var(--emw--modal-reward-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-family: var(--emw--modal-reward-typography, \"PF BeauSans Pro\", sans-serif);\n font-size: var(--emw--modal-reward-font-size, 16px);\n font-weight: var(--emw--modal-reward-font-weight, 700);\n}\n\n.ModalAddition {\n color: var(--emw--modal-addition-color, #727672);\n text-align: center;\n font-family: var(--emw--modal-addition-typography, \"Roboto\", sans-serif);\n font-size: var(--emw--modal-addition-font-size, 16px);\n font-style: normal;\n font-weight: var(--emw--font-weight-normal, 400);\n align-content: center;\n margin-top: 10px;\n line-height: 24px;\n}\n\n.ModalAddition span {\n background: var(--emw--modal-support-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: normal;\n font-weight: var(--emw--modal-support-font-weight, 700);\n line-height: 15px;\n text-decoration: none;\n position: relative;\n}\n.ModalAddition span::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n background: var(--emw--modal-support-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n}\n\n.ModalAction {\n border-radius: var(--emw--modal-button-border-radius, 99px);\n border: 2px solid var(--emw--modal-button-border-color, #083b17);\n background: var(--emw--modal-button-background-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n padding: 9px 20px;\n margin-top: 24px;\n text-transform: uppercase;\n color: var(--emw--modal-button-color, #fff);\n text-align: center;\n font-family: var(--emw--modal-button-typography, \"PF BeauSans Pro\", sans-serif);\n font-size: var(--emw--modal-button-font-size, 14px);\n font-weight: var(--emw--modal-button-font-weight, 700);\n min-width: 100px;\n}\n\n.ModalSliderWrapper {\n margin: 24px auto 0;\n position: relative;\n overflow: hidden;\n width: 316px;\n}\n\n.ModalSlider {\n display: flex;\n transition: transform 0.3s ease;\n cursor: pointer;\n touch-action: pan-y;\n}\n\n.ModalSlider:active {\n cursor: grabbing;\n}\n\n.ModalSlide {\n min-width: 100%;\n flex-shrink: 0;\n position: relative;\n display: flex;\n justify-content: center;\n}\n.ModalSlide .ModalSlideSpins {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n border-radius: var(--emw--modal-game-border-radius, 99px);\n width: 188px;\n height: 48px;\n text-transform: uppercase;\n font-size: var(--emw--modal-game-font-size, 14px);\n font-weight: var(--emw--modal-game-font-weight, 700);\n color: var(--emw--modal-game-font-color, #ffffff);\n align-content: center;\n background: var(--emw--modal-game-background, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%));\n}\n.ModalSlide .ModalSlideSpins svg {\n margin-left: 8px;\n}\n.ModalSlide .ModalSlideImageWrapper {\n position: relative;\n width: 244px;\n height: 144px;\n border-radius: 12px;\n overflow: hidden;\n}\n.ModalSlide .ModalSlideImageWrapper img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n pointer-events: none;\n user-select: none;\n -webkit-user-drag: none;\n}\n.ModalSlide .ModalSlideImageWrapper::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: var(--emw--color-black-shadow, rgba(0, 0, 0, 0.5019607843));\n}\n\n.prev,\n.next {\n position: absolute;\n top: 42%;\n transform: translateY(-50%);\n stroke: var(--emw--modal-slider-arrow-color, #ffffff);\n width: 22px;\n height: 22px;\n border-radius: 50%;\n border: 2px solid var(--emw--modal-slider-border-color, #083b17);\n background: var(--emw--modal-slider-arrow-bg, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.prev.disabled,\n.next.disabled {\n stroke: var(--emw--modal-slider-arrow-secondary-color, #727672);\n background: var(--emw--modal-slider-arrow-secondary-bg, rgba(0, 0, 0, 0.4));\n border-color: var(--emw--modal-slider-border-secondary-color, #727672);\n}\n\n.prev {\n left: 2px;\n}\n\n.next {\n right: 2px;\n}\n\n.ModalSliderDots {\n display: flex;\n justify-content: center;\n margin-top: 10px;\n}\n\n.ModalSliderDot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--emw--modal-slider-dot-color, #e2e2e2);\n margin: 8px;\n cursor: pointer;\n}\n\n.ModalSliderDot.active {\n background: var(--emw--modal-slider-active-dot-color, #00b74f);\n}\n\n.Mobile .ModalContent {\n padding: 26px;\n}\n.Mobile .InnerContainer {\n padding: 25px;\n}\n.Mobile .ImageWrapper {\n margin-bottom: 6px;\n}\n.Mobile .ModalHeader {\n margin-bottom: 16px;\n font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile .ModalAddition {\n font-size: var(--emw--font-size-x-small, 12px);\n margin-top: 8px;\n line-height: normal;\n}\n.Mobile .ModalAction,\n.Mobile .ModalSliderWrapper {\n margin: 20px auto 0;\n}\n.Mobile .ModalSliderWrapper {\n width: 230px;\n}\n.Mobile .ModalSliderWrapper .prev,\n.Mobile .ModalSliderWrapper .next {\n display: none;\n}\n.Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n height: 125px;\n width: 220px;\n}\n.Mobile .ModalSliderWrapper .ModalSlideSpins {\n width: 154px;\n height: 34px;\n font-size: var(--emw--font-size-x-small, 12px);\n}\n.Mobile .ModalSliderWrapper .ModalSliderDots {\n margin-top: 5px;\n}\n.Mobile .ModalSliderWrapper .ModalSliderDots .ModalSliderDot {\n margin: 4px;\n}\n.Mobile .ModalSubtitle,\n.Mobile .ModalReward {\n font-size: var(--emw--font-size-small, 14px);\n line-height: 18px;\n}\n.Mobile .ModalAction {\n font-size: var(--emw--font-size-x-small, 12px);\n}\n\n@container modal (height < 720px) {\n .Mobile .ModalContent {\n padding: 20px;\n }\n .Mobile .InnerContainer {\n padding: 8px 20px;\n }\n .Mobile .ModalHeader {\n margin-bottom: 8px;\n }\n .Mobile .ModalSubtitle {\n width: 100%;\n margin: 0 auto;\n }\n .Mobile .ModalAction {\n margin-top: 8px;\n }\n .Mobile .ModalSliderWrapper {\n margin: 8px auto 0;\n }\n .Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n width: 176px;\n height: 100px;\n }\n}\n@container modal-container (max-height: 750px) {\n .InnerContainer {\n padding: 12px;\n }\n .ModalContent {\n padding: 25px;\n }\n .ModalSliderWrapper,\n .ModalAction {\n margin-top: 15px;\n }\n .ModalSlideImageWrapper {\n height: 125px;\n width: 220px;\n }\n .ModalSlideSpins {\n width: 154px;\n height: 34px;\n font-size: var(--emw--font-size-x-small, 12px);\n }\n .ModalAction {\n padding: 5px 15px;\n }\n}";
|
|
4991
4991
|
const CasinoChallengesOverlayModalStyle0 = casinoChallengesOverlayModalCss;
|
|
4992
4992
|
|
|
4993
4993
|
const CasinoChallengesOverlayModal = class {
|
|
@@ -5073,7 +5073,7 @@ const CasinoChallengesOverlayModal = class {
|
|
|
5073
5073
|
}
|
|
5074
5074
|
};
|
|
5075
5075
|
this.checkIsMobile = () => {
|
|
5076
|
-
this.isMobile = window.innerWidth <= 768;
|
|
5076
|
+
this.isMobile = window.innerWidth <= 768 || window.innerHeight < 660;
|
|
5077
5077
|
};
|
|
5078
5078
|
this.mbSource = undefined;
|
|
5079
5079
|
this.clientStyling = undefined;
|
|
@@ -5149,17 +5149,17 @@ const CasinoChallengesOverlayModal = class {
|
|
|
5149
5149
|
}
|
|
5150
5150
|
render() {
|
|
5151
5151
|
var _a;
|
|
5152
|
-
return (h("div", { key: '
|
|
5152
|
+
return (h("div", { key: '9c6467b4393741a0c06cccbc4a56e263f6ecbacf', ref: (el) => (this.stylingContainer = el), class: {
|
|
5153
5153
|
ModalOverlay: true,
|
|
5154
5154
|
Mobile: this.isMobile,
|
|
5155
5155
|
Open: this.isOpen
|
|
5156
|
-
} }, h("div", { key: '
|
|
5156
|
+
} }, h("div", { key: 'bc8fefa26599b9d147e32455e892ac492b34899d', class: "ModalWinAnimation" }), h("div", { key: 'c40a90a75fb7e540e326dce3da299ecdeddaf5de', class: "ModalWrapper" }, h("div", { key: '43c239b2d868d7eeb401514597c0ab770465cb98', class: "ModalContent GradientBorder" }, h("div", { key: 'a8c3cfed13eb0aa34dde867065fd5ae3d1f363de', class: "InnerContainer" }, !this.errored && (h("div", { key: '8a037fc0078ce408c20d432754b052a072d9038e', class: "ImageWrapper" }, h("img", { key: '2dce4dddb9171b383e497fcf02f9d8177320e7a8', src: giftboxSvg, alt: "gift-box-icon" }))), h("h1", { key: 'd3797d201840749d4502c7e1de46d9798a8f9c96', class: "ModalHeader" }, translate(this.errored ? 'errorTitle' : 'congrats', this.language)), this.errored ? (h("div", { class: "ModalErrorMessage" }, translate('errorSubTitle', this.language))) : (h("div", { class: "ModalSubtitle" }, `${translate('level', this.language)} ${this.orderNumber} ${translate('completed', this.language)}`, h("div", null, translate('youWon', this.language)), h("div", { class: "ModalReward" }, this.reward), this.isFreeSpinsGranted && (h("div", { class: "ModalAddition" }, translate('playNowOrLater', this.language))), h("div", { class: "ModalAddition" }, translate('rewardInLobby', this.language)))), this.addition && (h("div", { key: 'cd309b3d5aef1b0ee788e69078a0dde933a005b8', class: "ModalAddition" }, h("div", { key: '4e039c5b5f34bf83283e8930f5b411c89c8c3083' }, translate('physicalReward', this.language)), h("span", { key: '93542521818e022e4aa86cd1f8c0552a0a1dd184' }, translate('linkText', this.language)))), 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 && (h("div", { key: '82e2f1ee940ffdd44d532690145fb825e6b57aed', class: "ModalSliderWrapper" }, 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) => (h("div", { class: "ModalSlide", key: item.GameSlug, "data-slug": item.GameSlug }, h("div", { class: "ModalSlideImageWrapper" }, h("img", { src: item.Thumbnail, alt: "" })), h("div", { class: "ModalSlideSpins" }, translate('useSpinsNow', this.language), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, 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 && (h("div", { key: 'c9af26d8381e3c778000d096b14abc3d8a52e81c' }, h("button", { key: '416c033130b5487171a85ff3d5ec9da80e47a52f', class: {
|
|
5157
5157
|
prev: true,
|
|
5158
5158
|
disabled: this.currentIndex === 0
|
|
5159
|
-
}, onClick: this.prev }, h("svg", { key: '
|
|
5159
|
+
}, onClick: this.prev }, h("svg", { key: 'b553e36dbfc558e6ad64d5116bbeb09789543df3', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { key: 'f9d01719f223b8f0a4f85c5da6e2707c95ea7a7c', d: "M5 1L1 5L5 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("button", { key: '35d761b5775216fac350a37337af060dddfff32f', class: {
|
|
5160
5160
|
next: true,
|
|
5161
5161
|
disabled: this.currentIndex === this.bonusProgramGames.length - 1
|
|
5162
|
-
}, onClick: this.next }, h("svg", { key: '
|
|
5162
|
+
}, onClick: this.next }, h("svg", { key: '4983d8321485aea0af04214d9adee8c6f8a3de13', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { key: 'e55bd61046ddfafe8d4ac99f07ae4512f991cb03', d: "M1 1L5 5L1 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { key: '44d4eb4230b4480d66787191a56c0be0f20add88', class: "ModalSliderDots" }, this.bonusProgramGames.map((_, i) => (h("span", { class: {
|
|
5163
5163
|
ModalSliderDot: true,
|
|
5164
5164
|
active: i === this.currentIndex
|
|
5165
5165
|
}, onClick: () => {
|
package/dist/esm/{casino-challenges-overlay-ef3af896.js → casino-challenges-overlay-d35935be.js}
RENAMED
|
@@ -432,6 +432,15 @@ const CasinoChallengesOverlay = class {
|
|
|
432
432
|
this.challenges = [...this.challenges, newChallenge];
|
|
433
433
|
break;
|
|
434
434
|
}
|
|
435
|
+
case 'ClaimChallengeByButtonResponse': {
|
|
436
|
+
const newChallenge = Array.isArray(data) ? data[0] : data;
|
|
437
|
+
this.challenges = [...this.challenges, newChallenge];
|
|
438
|
+
break;
|
|
439
|
+
}
|
|
440
|
+
case 'ClaimChallengeByCodeResponse': {
|
|
441
|
+
this.challenges = [...this.challenges, data];
|
|
442
|
+
break;
|
|
443
|
+
}
|
|
435
444
|
}
|
|
436
445
|
}
|
|
437
446
|
hasUpdateDataChanged(prev, next) {
|
|
@@ -610,15 +619,15 @@ const CasinoChallengesOverlay = class {
|
|
|
610
619
|
const activeProgressId = hasActiveProgress
|
|
611
620
|
? (_a = this.activeChallenge) === null || _a === void 0 ? void 0 : _a.Id
|
|
612
621
|
: (_c = (_b = this.challenges) === null || _b === void 0 ? void 0 : _b.find(this.isActiveChallenge)) === null || _c === void 0 ? void 0 : _c.Id;
|
|
613
|
-
return (h("div", { key: '
|
|
622
|
+
return (h("div", { key: '9566bd839601825d3d05a823d398dcf15961d424', ref: (el) => (this.stylingContainer = el) }, h("div", { key: '68df23a628fa738d148a3a464a57115fc45901a6', class: "container", onClick: this.handleClick }, h("div", { key: '35e691296c741f99b5cf4bcf31c48013f8b27e9c', class: "circle", style: {
|
|
614
623
|
'--progress': `${currProgress}%`
|
|
615
|
-
} }, h("img", { key: '
|
|
624
|
+
} }, h("img", { key: '93c0c9dd7fd644f496e3a89a0a1d7dd5294a478d', class: "circle__img", src: bgIconSvg }), h("div", { key: 'b1996fcb626996714b296c802ddd826c41e6368c', class: "circle__content" }, hasActiveProgress ? (h("span", null, Math.floor(currProgress), "%")) : (h("span", null, translate('join', this.language)))), dot && (h("div", { key: 'db4672c7c5527673898172981ef8a7af3c99b921', class: "dot", style: {
|
|
616
625
|
left: `${dot.x}px`,
|
|
617
626
|
top: `${dot.y}px`
|
|
618
|
-
} }))), hasActiveProgress && (h("div", { key: '
|
|
627
|
+
} }))), hasActiveProgress && (h("div", { key: 'be5453301f15f01c862e7a36013ec20af771318b', class: {
|
|
619
628
|
badge: true,
|
|
620
629
|
new: this.isNew
|
|
621
|
-
} }, this.renderBadgeContent()))), h("casino-challenges-overlay-modal", { key: '
|
|
630
|
+
} }, this.renderBadgeContent()))), h("casino-challenges-overlay-modal", { key: 'abbb2c3ec11bb07e733c88e366d62846115be99c', isOpen: this.showModal, handleClick: this.closeModal, reward: this.modalReward, addition: this.modalAddition, isFreeSpinsGranted: this.modalIsFreeSpinsGranted, bonusProgramGames: this.modalBonusProgramGames, errored: this.modalErrored, orderNumber: this.modalOrderNumber, translationUrl: this.translationUrl, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl }), this.extendedIngameWidget && (h("casino-challenges-overlay-drawer", { key: '45bf6f4c4324a1372826f6422ab5096f2be246e9', 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 }))));
|
|
622
631
|
}
|
|
623
632
|
static get watchers() { return {
|
|
624
633
|
"clientStyling": ["handleClientStylingChange"],
|
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { C as CasinoChallengesOverlay } from './casino-challenges-overlay-
|
|
1
|
+
export { C as CasinoChallengesOverlay } from './casino-challenges-overlay-d35935be.js';
|
|
2
2
|
import './index-b4a452f5.js';
|