@everymatrix/casino-engagement-suite-challenges-details 1.43.4 → 1.45.0

package/dist/cjs/loader.cjs.js

@@ -2,20 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a0eb9215.js');
+const index = require('./index-a758ba24.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
 
-/*
- Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
- */
-const patchEsm = () => {
-    return index.promiseResolve();
-};
-
-const defineCustomElements = (win, options) => {
-  if (typeof window === 'undefined') return Promise.resolve();
-  return patchEsm().then(() => {
-  return index.bootstrapLazy([["casino-engagement-suite-challenges-details_2.cjs",[[1,"casino-engagement-suite-challenges-details",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"challenge":[1040],"inProgressChallenges":[1040],"language":[1],"gameSlug":[1,"game-slug"],"device":[1],"isJoiningToChallenge":[1028,"is-joining-to-challenge"],"pausedChallengeIds":[1040],"limitStylingAppends":[32],"timer":[32],"showDetails":[32],"isExpiredChallenge":[32]}],[1,"casino-engagement-suite-progress-bar",{"value":[2],"disabled":[4],"hidePercent":[4,"hide-percent"],"indeterminate":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32]}]]]], options);
-  });
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["casino-engagement-suite-challenges-details_2.cjs",[[1,"casino-engagement-suite-challenges-details",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"challenge":[1040],"inProgressChallenges":[1040],"language":[1],"gameSlug":[1,"game-slug"],"device":[1],"isJoiningToChallenge":[1028,"is-joining-to-challenge"],"pausedChallengeIds":[1040],"limitStylingAppends":[32],"timer":[32],"showDetails":[32],"isExpiredChallenge":[32]},null,{"challenge":["challengePropHandler"]}],[1,"casino-engagement-suite-progress-bar",{"value":[2],"disabled":[4],"hidePercent":[4,"hide-percent"],"indeterminate":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32]}]]]], options);
 };
 
+exports.setNonce = index.setNonce;
 exports.defineCustomElements = defineCustomElements;

package/dist/collection/collection-manifest.json

@@ -1,11 +1,11 @@
 {
   "entries": [
-    "./components/casino-engagement-suite-challenges-details/casino-engagement-suite-challenges-details.js"
+    "components/casino-engagement-suite-challenges-details/casino-engagement-suite-challenges-details.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.15.2",
-    "typescriptVersion": "4.5.4"
+    "version": "4.20.0",
+    "typescriptVersion": "5.5.3"
   },
   "collections": [
     {

package/dist/collection/components/casino-engagement-suite-challenges-details/casino-engagement-suite-challenges-details.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;900&display=swap");
 :host {
   display: block;
   font-family: inherit;
@@ -20,11 +19,27 @@ button:focus {
   outline: none;
 }
 
+.EngagementSuiteIconButton {
+  width: 16px;
+  height: 16px;
+}
+.EngagementSuiteIconButton.Back {
+  background: center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/back.svg) no-repeat;
+  cursor: pointer;
+}
+.EngagementSuiteIconButton.Close {
+  background: center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/close.svg) no-repeat;
+  cursor: pointer;
+}
+.EngagementSuiteIconButton.Reward {
+  background: center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/reward.svg) no-repeat;
+}
+
 .ChallengeDetailsPopup {
   display: flex;
   height: 100%;
   background-color: var(--emw--color-background, #1E1638);
-  border-radius: 8px;
+  border-radius: var(--emw--border-radius-large, 8px);
   overflow: hidden;
   flex-direction: column;
   position: relative;
@@ -36,21 +51,12 @@ button:focus {
   align-items: center;
   padding: 12px 8px 8px;
 }
-.ChallengeActions .ChallengeIconButton {
-  width: 16px;
-  height: 16px;
-  cursor: pointer;
-}
-.ChallengeActions .ChallengeIconButton img {
-  width: 100%;
-  height: 100%;
-}
 
 .ChallengeLabel {
   min-width: 35px;
   height: 18px;
-  background: linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%);
-  border-radius: 2px;
+  background: var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));
+  border-radius: var(--emw--border-radius-x-small, 2px);
   display: none;
   position: absolute;
   top: -23px;
@@ -62,11 +68,11 @@ button:focus {
 .ChallengeLabel span {
   display: inline-block;
   text-transform: uppercase;
-  font-size: var(--emw--font-size-x-small, 10px);
+  font-size: var(--emw--font-size-2x-small, 10px);
   line-height: 10px;
   font-weight: var(--emw--font-weight-bold, 700);
-  font-family: "Montserrat", sans-serif;
-  color: var(--emw--color-typography, #1E1638);
+  font-family: var(--emw--font-family-secondary, "Montserrat", sans-serif);
+  color: var(--emw--color-background, #1E1638);
 }
 
 .ShowChallengeLabel {
@@ -93,45 +99,41 @@ button:focus {
   gap: 12px;
 }
 .ChallengeDetailsHeader .ChallengeName {
-  font-family: "Montserrat", sans-serif;
-  font-size: var(--emw--font-size-medium, 18px);
+  font-family: var(--emw--font-family-secondary, "Montserrat", sans-serif);
+  font-size: var(--emw--font-size-medium-plus, 18px);
   font-weight: var(--emw--font-weight-bold, 700);
   line-height: 22px;
-  color: var(--emfe-w-color-white, #FFF);
+  color: var(--emw--color-typography, #FFF);
   word-break: break-word;
 }
 
-.ChallengeJoinButton.Joined::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: var(--emw--button-border-radius, 4px);
-  padding: 1px;
-  background: linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);
-  -webkit-mask: linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0);
-  -webkit-mask-composite: xor;
-  mask-composite: exclude;
-}
-
-.ChallengeJoinButton {
+.EngagementSuiteButton {
   transition: all 0.5s ease-out;
-  background: linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);
-  color: var(--emw--color-typography, #1E1638);
+  background: var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));
+  color: var(--emw--color-background, #1E1638);
   border-radius: 99px;
   min-width: 88px;
   height: 32px;
-  font-size: 14px;
-  font-weight: 700;
+  font-size: var(--emw--font-size-small, 14px);
+  font-weight: var(--emw--font-weight-bold, 700);
   position: relative;
-  font-family: "Montserrat", sans-serif;
+  font-family: var(--emw--font-family-secondary, "Montserrat", sans-serif);
 }
-.ChallengeJoinButton.Joined {
-  background: linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);
+.EngagementSuiteButton.Active {
+  background: var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.ChallengeJoinButton.Joined::before {
+.EngagementSuiteButton.Active::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  padding: 1px;
+  background: var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));
+  -webkit-mask: linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0);
+  -webkit-mask-composite: xor;
+  mask-composite: exclude;
   border-radius: 99px;
 }
 
@@ -146,12 +148,12 @@ button:focus {
   font-size: var(--emw--font-size-x-small, 12px);
   line-height: 12px;
   margin-top: 12px;
-  color: var(--emw--color-gray-150, #BBB9C3);
+  color: var(--emw--color-secondary, #BBB9C3);
 }
 
 .ChallengeCountdown.Expired {
-  font-weight: var(--emw--font-weight-normal, 700);
-  color: var(--emfe-w-color-white, #FFF);
+  font-weight: var(--emw--font-weight-bold, 700);
+  color: var(--emw--color-typography, #FFF);
 }
 
 .ChallengeCollapseButton {
@@ -161,7 +163,7 @@ button:focus {
   align-items: center;
   font-size: var(--emw--font-size-x-small, 12px);
   line-height: 12px;
-  color: var(--emw--color-primary-variant, #666178);
+  color: var(--emw--color-gray-300, #666178);
   cursor: pointer;
 }
 .ChallengeCollapseButton .Toggle {
@@ -184,14 +186,14 @@ button:focus {
   font-weight: var(--emw--font-weight-normal, 400);
 }
 .CollapseDetails .ChallengeDescription {
-  color: var(--emfe-w-color-white, #FFF);
+  color: var(--emw--color-typography, #FFF);
   margin: 12px 0;
 }
 .CollapseDetails .TC {
   margin: 12px 0 16px;
 }
 .CollapseDetails .TC a {
-  color: var(--emw--color-secondary, #59D1FF);
+  color: var(--emw--color-contrast, #59D1FF);
   text-underline-offset: 3px;
 }
 .CollapseDetails .ChallengeGames {
@@ -205,13 +207,13 @@ button:focus {
   background: none;
 }
 .CollapseDetails .ChallengeGames::-webkit-scrollbar-thumb {
-  border-radius: 4px;
-  background-color: var(--emw--color-background, #666178);
+  border-radius: var(--emw--border-radius-small, 4px);
+  background-color: var(--emw--color-gray-transparency-30, rgba(255, 255, 255, 0.3));
 }
 .CollapseDetails .ChallengeGames .Game img {
   width: 96px;
   height: 50px;
-  border-radius: 2px;
+  border-radius: var(--emw--border-radius-x-small, 2px);
   cursor: pointer;
 }
 
@@ -224,15 +226,15 @@ button:focus {
   flex-direction: column;
   gap: 16px;
   margin-top: 24px;
-  color: var(--emw--color-primary, #8F8B9C);
-  font-size: var(--emw--font-size-small, 12px);
+  color: var(--emw--color-gray-150, #8F8B9C);
+  font-size: var(--emw--font-size-x-small, 12px);
   font-weight: var(--emw--font-weight-normal, 400);
   line-height: 12px;
 }
 .ChallengeLevels .ChallengeLevelCard {
   border: 1px solid var(--emw--button-border-color, #403956);
   padding: 16px;
-  border-radius: 8px;
+  border-radius: var(--emw--border-radius-large, 8px);
 }
 .ChallengeLevels .ChallengeLevelCard .ChallengeLevelBetDetails {
   margin-top: 25px;
@@ -267,15 +269,15 @@ button:focus {
 }
 .ChallengeLevels .InProgress .ChallengeLevelTarget,
 .ChallengeLevels .InProgress .CustomRewardMessage {
-  color: var(--emfe-w-color-white, #FFF);
+  color: var(--emw--color-typography, #FFF);
 }
 .ChallengeLevels .InProgress::before {
   content: "";
   position: absolute;
   inset: 0;
-  border-radius: 8px;
+  border-radius: var(--emw--border-radius-large, 8px);
   padding: 1px;
-  background: linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);
+  background: var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));
   -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
   -webkit-mask-composite: xor;
   mask-composite: exclude;
@@ -285,8 +287,8 @@ button:focus {
 .ChallengeDetailsPopup.Desktop .ChallengeActions {
   padding-top: 16px;
 }
-.ChallengeDetailsPopup.Tablet .ChallengeIconButton,
-.ChallengeDetailsPopup.Desktop .ChallengeIconButton {
+.ChallengeDetailsPopup.Tablet .EngagementSuiteIconButton,
+.ChallengeDetailsPopup.Desktop .EngagementSuiteIconButton {
   width: 24px;
   height: 24px;
 }
@@ -301,13 +303,13 @@ button:focus {
 .ChallengeDetailsPopup.Tablet .ChallengeName,
 .ChallengeDetailsPopup.Desktop .ChallengeName {
   line-height: 27px;
-  font-size: 22px;
+  font-size: var(--emw--font-size-large-plus, 22px);
 }
-.ChallengeDetailsPopup.Tablet .ChallengeJoinButton,
-.ChallengeDetailsPopup.Desktop .ChallengeJoinButton {
+.ChallengeDetailsPopup.Tablet .EngagementSuiteButton,
+.ChallengeDetailsPopup.Desktop .EngagementSuiteButton {
   min-width: 100px;
   height: 36px;
-  font-size: 16px;
+  font-size: var(--emw--font-size-medium, 16px);
 }
 .ChallengeDetailsPopup.Tablet .ChallengeCountdown,
 .ChallengeDetailsPopup.Tablet .ChallengeLevels,