@everymatrix/casino-engagement-suite-challenges-list 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-97488095.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-list_2.cjs",[[1,"casino-engagement-suite-challenges-list",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[1],"device":[1],"challenges":[1040],"isJoiningToChallenge":[1028,"is-joining-to-challenge"],"inProgressChallenges":[1040],"pausedChallengeIds":[1040],"tooltip":[32],"timers":[32],"limitStylingAppends":[32],"activeTab":[32],"historyLoading":[32],"challengesHistory":[32],"openedHistoryIds":[32]},[[8,"message","handleEvent"]],{"challenges":["challengesPropHandler"]}],[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-list/casino-engagement-suite-challenges-list.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-list/casino-engagement-suite-challenges-list.css

@@ -0,0 +1,260 @@
+@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600&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;
+}
+
+.ChallengesListPopup {
+  display: flex;
+  height: 100%;
+  background-color: var(--emw--color-background, #1E1638);
+  border-radius: 8px;
+  overflow: hidden;
+  flex-direction: column;
+  position: relative;
+  padding-bottom: 20px;
+}
+
+.ChallengesListPopupHeader {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 8px 8px;
+}
+
+.ChallengesIconButton {
+  width: 16px;
+  height: 16px;
+  cursor: pointer;
+}
+
+.ChallengesListPopupHeaderName {
+  color: var(--emw--color-gray-100, #BBB9C3);
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 14px;
+}
+
+.ChallengesListWrapper {
+  overflow-y: auto;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+.ChallengesListWrapper::-webkit-scrollbar {
+  display: none;
+}
+
+.ChallengesList {
+  display: flex;
+  flex-direction: column;
+  row-gap: 12px;
+  padding: 8px 19px 0;
+}
+
+.ChallengeCard {
+  padding: 15px 15px 19px;
+  border: 1px solid var(--emw--button-border-color, #403956);
+  border-radius: 6px;
+  position: relative;
+  cursor: pointer;
+}
+
+.ChallengeJoinButton.Joined::before,
+.ChallengeCard.InProgress::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;
+}
+
+.ChallengeCardHeader {
+  display: flex;
+  justify-content: space-between;
+  gap: 24px;
+  margin-bottom: 12px;
+}
+
+.ChallengeName {
+  color: var(--emw--color-typography, #FFFFFF);
+  font-family: "Montserrat", sans-serif;
+  line-height: 22px;
+  font-weight: 700;
+  font-size: 18px;
+  word-break: break-word;
+}
+
+.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;
+}
+
+.ChallengesListEmpty {
+  padding: 20px 32px;
+}
+
+.ChallengesListEmpty h2 {
+  margin: 0 0 16px 0;
+  text-align: center;
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 24px;
+  font-family: "Montserrat", sans-serif;
+  color: var(--emw--color-typography, #FFFFFF);
+}
+
+.ChallengesListEmpty p {
+  font-size: 14px;
+  line-height: 17px;
+  color: var(--emw--color-gray-100, #BBB9C3);
+}
+
+.ChallengeCountdown {
+  color: var(--emw--color-gray-100, #BBB9C3);
+  font-size: 12px;
+  line-height: 12px;
+}
+
+.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;
+  display: none;
+  position: absolute;
+  top: -11px;
+  right: 11px;
+  padding: 0 2px;
+  align-items: center;
+  justify-content: center;
+}
+.ChallengeLabel span {
+  display: inline-block;
+  text-transform: uppercase;
+  font-size: 10px;
+  line-height: 10px;
+  font-weight: 700;
+  font-family: "Montserrat", sans-serif;
+  color: var(--emw--color-typography, #1E1638);
+}
+
+.ShowChallengeLabel {
+  display: inline-flex;
+}
+
+.ChallengesTooltipBackdrop {
+  padding: 48px 30px 0;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  inset: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.ChallengesTooltipBackdrop .ChallengesTooltip {
+  border: 1px solid var(--emw--button-border-color, #403956);
+  background-color: var(--emw--color-background, #1E1638);
+  border-radius: 8px;
+  padding: 32px;
+  font-size: 14px;
+  line-height: 17px;
+  color: var(--emw--color-gray-100, #BBB9C3);
+  position: relative;
+}
+.ChallengesTooltipBackdrop .ChallengesTooltip .ChallengesIconButton {
+  top: 12px;
+  right: 6px;
+  position: absolute;
+}
+
+.ChallengesListPopup.Tablet .ChallengesListPopupHeader,
+.ChallengesListPopup.Desktop .ChallengesListPopupHeader {
+  padding-top: 16px;
+}
+.ChallengesListPopup.Tablet .ChallengesListPopupHeaderName,
+.ChallengesListPopup.Desktop .ChallengesListPopupHeaderName {
+  font-size: 16px;
+  line-height: 16px;
+}
+.ChallengesListPopup.Tablet .ChallengesIconButton,
+.ChallengesListPopup.Desktop .ChallengesIconButton {
+  width: 24px;
+  height: 24px;
+}
+.ChallengesListPopup.Tablet .ChallengesList,
+.ChallengesListPopup.Desktop .ChallengesList {
+  padding: 20px 24px 0;
+  row-gap: 20px;
+}
+.ChallengesListPopup.Tablet .ChallengeCardHeader,
+.ChallengesListPopup.Desktop .ChallengeCardHeader {
+  margin-bottom: 16px;
+}
+.ChallengesListPopup.Tablet .ChallengeName,
+.ChallengesListPopup.Desktop .ChallengeName {
+  line-height: 27px;
+  font-size: 22px;
+}
+.ChallengesListPopup.Tablet .ChallengeJoinButton,
+.ChallengesListPopup.Desktop .ChallengeJoinButton {
+  min-width: 100px;
+  height: 36px;
+  font-size: 16px;
+}
+.ChallengesListPopup.Tablet .ChallengeCountdown,
+.ChallengesListPopup.Desktop .ChallengeCountdown {
+  font-size: 14px;
+  line-height: 14px;
+}
+.ChallengesListPopup.Tablet .ChallengesTooltip,
+.ChallengesListPopup.Desktop .ChallengesTooltip {
+  padding: 60px 65px;
+  font-size: 16px;
+  line-height: 20px;
+}
+.ChallengesListPopup.Tablet .ChallengesTooltip .ChallengesIconButton,
+.ChallengesListPopup.Desktop .ChallengesTooltip .ChallengesIconButton {
+  top: 24px;
+  right: 24px;
+}