@everymatrix/casino-engagement-suite-challenges-details 1.0.69

package/dist/cjs/index.cjs.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-a758ba24.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+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

@@ -0,0 +1,19 @@
+{
+  "entries": [
+    "components/casino-engagement-suite-challenges-details/casino-engagement-suite-challenges-details.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.20.0",
+    "typescriptVersion": "5.5.3"
+  },
+  "collections": [
+    {
+      "name": "@everymatrix/casino-engagement-suite-progress-bar",
+      "tags": [
+        "casino-engagement-suite-progress-bar"
+      ]
+    }
+  ],
+  "bundles": []
+}

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

@@ -0,0 +1,302 @@
+@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;900&display=swap");
+:host {
+  display: block;
+  font-family: inherit;
+}
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+button {
+  border: none;
+  background: none;
+  cursor: pointer;
+}
+button:focus {
+  outline: none;
+}
+
+.ChallengeDetailsPopup {
+  display: flex;
+  height: 100%;
+  background-color: var(--emw--color-background, #1E1638);
+  border-radius: 8px;
+  overflow: hidden;
+  flex-direction: column;
+  position: relative;
+}
+
+.ChallengeActions {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 8px 8px;
+}
+.ChallengeActions .ChallengeIconButton {
+  width: 16px;
+  height: 16px;
+  cursor: pointer;
+}
+.ChallengeActions .ChallengePopupName {
+  color: var(--emw--color-gray-100, #BBB9C3);
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 16px;
+}
+
+.ChallengeDetails {
+  padding: 0px 19px 10px;
+  overflow-y: auto;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+.ChallengeDetails::-webkit-scrollbar {
+  display: none;
+}
+
+.ChallengeDetailsHeader {
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+}
+.ChallengeDetailsHeader .ChallengeName {
+  font-family: "Montserrat", sans-serif;
+  font-size: var(--emw--font-size-medium, 18px);
+  font-weight: var(--emw--font-weight-bold, 700);
+  line-height: 22px;
+  color: var(--emfe-w-color-white, #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 {
+  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);
+  border-radius: 99px;
+  min-width: 88px;
+  height: 32px;
+  font-size: 14px;
+  font-weight: 700;
+  position: relative;
+  font-family: "Montserrat", sans-serif;
+}
+.ChallengeJoinButton.Joined {
+  background: 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 {
+  border-radius: 99px;
+}
+
+.Disabled {
+  opacity: 0.5;
+  pointer-events: none;
+  cursor: auto;
+}
+
+.ChallengeCountdown {
+  font-weight: var(--emw--font-weight-normal, 400);
+  font-size: var(--emw--font-size-x-small, 12px);
+  line-height: 12px;
+  margin: 12px 0 24px;
+  color: var(--emw--color-gray-150, #BBB9C3);
+}
+
+.ChallengeCountdown.Expired {
+  font-weight: var(--emw--font-weight-normal, 700);
+  color: var(--emfe-w-color-white, #FFF);
+}
+
+.ChallengeCollapseButton {
+  margin-bottom: 14px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  font-size: var(--emw--font-size-x-small, 12px);
+  line-height: 12px;
+  color: var(--emw--color-primary-variant, #666178);
+  cursor: pointer;
+}
+.ChallengeCollapseButton .Toggle {
+  width: 16px;
+  height: 16px;
+  display: block;
+  margin-right: 4px;
+}
+.ChallengeCollapseButton .Closed {
+  background: url("https://static.everymatrix.com/gic/img/engagement-suite/eye-closed.svg") no-repeat center/contain;
+}
+.ChallengeCollapseButton .Open {
+  background: url("https://static.everymatrix.com/gic/img/engagement-suite/eye-open.svg") no-repeat center/contain;
+}
+
+.CollapseDetails {
+  display: none;
+  font-size: var(--emw--font-size-small, 14px);
+  line-height: 17px;
+  font-weight: var(--emw--font-weight-normal, 400);
+}
+.CollapseDetails .ChallengeDescription {
+  color: var(--emfe-w-color-white, #FFF);
+  margin: 12px 0;
+}
+.CollapseDetails .TC {
+  margin: 12px 0 16px;
+}
+.CollapseDetails .TC a {
+  color: var(--emw--color-secondary, #59D1FF);
+  text-underline-offset: 3px;
+}
+.CollapseDetails .ChallengeGames {
+  width: 100%;
+  overflow-y: auto;
+  display: flex;
+  gap: 4px;
+}
+.CollapseDetails .ChallengeGames::-webkit-scrollbar {
+  height: 2px;
+  background: none;
+}
+.CollapseDetails .ChallengeGames::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+  background-color: var(--emw--color-background, #666178);
+}
+.CollapseDetails .ChallengeGames .Game img {
+  width: 96px;
+  height: 50px;
+  border-radius: 2px;
+  cursor: pointer;
+}
+
+.ShowDetails {
+  display: block;
+}
+
+.ChallengeLevels {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  margin-top: 24px;
+  color: var(--emw--color-primary, #8F8B9C);
+  font-size: var(--emw--font-size-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;
+}
+.ChallengeLevels .ChallengeLevelCard .ChallengeLevelBetDetails {
+  margin-top: 25px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.ChallengeLevels .ChallengeLevelCard .ChallengeLevelBetDetail:not(:last-of-type) {
+  margin-right: 8px;
+}
+.ChallengeLevels .ChallengeLevelCard .ChallengeLevelBetRange, .ChallengeLevels .ChallengeLevelCard .ChallengeLevelBetContribution {
+  font-weight: var(--emw--font-weight-semibold, 600);
+}
+.ChallengeLevels .ChallengeLevelCard .ChallengeLevelTitle {
+  margin-bottom: 2px;
+}
+.ChallengeLevels .ChallengeLevelCard .ChallengeRewardMessage {
+  margin-top: 10px;
+  line-height: 15px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 4px;
+}
+.ChallengeLevels .ChallengeLevelCard .ChallengeRewardMessage .CustomRewardMessage {
+  font-weight: var(--emw--font-weight-semibold, 600);
+  word-break: break-word;
+}
+.ChallengeLevels .InProgress {
+  position: relative;
+  border: none;
+}
+.ChallengeLevels .InProgress .ChallengeLevelTarget,
+.ChallengeLevels .InProgress .CustomRewardMessage {
+  color: var(--emfe-w-color-white, #FFF);
+}
+.ChallengeLevels .InProgress::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: 8px;
+  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;
+}
+
+.ChallengeDetailsPopup.Tablet .ChallengeActions,
+.ChallengeDetailsPopup.Desktop .ChallengeActions {
+  padding-top: 16px;
+}
+.ChallengeDetailsPopup.Tablet .ChallengeIconButton,
+.ChallengeDetailsPopup.Desktop .ChallengeIconButton {
+  width: 24px;
+  height: 24px;
+}
+.ChallengeDetailsPopup.Tablet .ChallengeDetails,
+.ChallengeDetailsPopup.Desktop .ChallengeDetails {
+  padding: 20px 24px;
+}
+.ChallengeDetailsPopup.Tablet .ChallengeName,
+.ChallengeDetailsPopup.Desktop .ChallengeName {
+  line-height: 27px;
+  font-size: 22px;
+}
+.ChallengeDetailsPopup.Tablet .ChallengeJoinButton,
+.ChallengeDetailsPopup.Desktop .ChallengeJoinButton {
+  min-width: 100px;
+  height: 36px;
+  font-size: 16px;
+}
+.ChallengeDetailsPopup.Tablet .ChallengeCountdown,
+.ChallengeDetailsPopup.Tablet .ChallengeLevels,
+.ChallengeDetailsPopup.Desktop .ChallengeCountdown,
+.ChallengeDetailsPopup.Desktop .ChallengeLevels {
+  font-size: var(--emw--font-size-small, 14px);
+  line-height: 14px;
+}
+.ChallengeDetailsPopup.Tablet .ChallengeCollapseButton,
+.ChallengeDetailsPopup.Desktop .ChallengeCollapseButton {
+  margin-bottom: 12px;
+}
+.ChallengeDetailsPopup.Tablet .CollapseDetails .ChallengeDescription,
+.ChallengeDetailsPopup.Desktop .CollapseDetails .ChallengeDescription {
+  font-size: var(--emw--font-size-medium, 16px);
+  line-height: 19px;
+}
+.ChallengeDetailsPopup.Tablet .ChallengeLevels .ChallengeLevelTitle,
+.ChallengeDetailsPopup.Desktop .ChallengeLevels .ChallengeLevelTitle {
+  margin-bottom: 4px;
+}
+.ChallengeDetailsPopup.Tablet .ChallengeLevels .ChallengeRewardMessage,
+.ChallengeDetailsPopup.Desktop .ChallengeLevels .ChallengeRewardMessage {
+  margin-top: 12px;
+  line-height: 17px;
+}