@everymatrix/casino-engagement-suite-jackpot-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-84a14c86.js');
+const index = require('./index-d83151b6.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-jackpot-details.cjs",[[1,"casino-engagement-suite-jackpot-details",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"jackpot":[16],"jackpotChangeStatusRequest":[1040],"language":[1],"gameSlug":[1,"game-slug"],"device":[1],"limitStylingAppends":[32],"timer":[32],"disabledStatus":[32],"activeTab":[32],"visibleGames":[32],"enabled":[32],"balance":[32],"winBalance":[32],"showDetails":[32],"jackpotEndTime":[32],"showTooltip":[32]},[[8,"message","handleEvent"],[9,"resize","handleResize"]]]]],["casino-engagement-suite-progress-bar.cjs",[[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-jackpot-details.cjs",[[1,"casino-engagement-suite-jackpot-details",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"jackpot":[16],"jackpotChangeStatusRequest":[1040],"language":[1],"gameSlug":[1,"game-slug"],"device":[1],"limitStylingAppends":[32],"timer":[32],"disabledStatus":[32],"activeTab":[32],"visibleGames":[32],"enabled":[32],"balance":[32],"winBalance":[32],"showDetails":[32],"jackpotEndTime":[32],"showTooltip":[32]},[[8,"message","handleEvent"],[9,"resize","handleResize"]],{"jackpot":["handleJackpotUpdate"]}]]],["casino-engagement-suite-progress-bar.cjs",[[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-jackpot-details/casino-engagement-suite-jackpot-details.js"
+    "components/casino-engagement-suite-jackpot-details/casino-engagement-suite-jackpot-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-jackpot-details/casino-engagement-suite-jackpot-details.css

@@ -21,44 +21,64 @@ button:not(:disabled) {
   cursor: pointer;
 }
 
-.PopupButton {
-  background: linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);
-  color: var(--emw--color-typography, #1E1638);
+.EngagementSuiteIconButton {
+  width: 16px;
+  height: 16px;
+  cursor: pointer;
+}
+.EngagementSuiteIconButton.Back {
+  background: center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/back.svg) no-repeat;
+}
+.EngagementSuiteIconButton.Close {
+  background: center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/close.svg) no-repeat;
+}
+.EngagementSuiteIconButton.Help {
+  background: center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/help.svg) no-repeat;
+}
+
+.EngagementSuiteButton {
+  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;
   min-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);
 }
-.PopupButton.Active {
-  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;
 }
-.PopupButton.Active::before {
+.EngagementSuiteButton.Active::before {
   content: "";
   position: absolute;
   inset: 0;
   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;
   border-radius: 99px;
 }
-.PopupButton.Loading {
+.EngagementSuiteButton.Loading {
   opacity: 0.5;
   pointer-events: none;
 }
+.EngagementSuiteButton.JackpotGamesButton {
+  margin-top: 12px;
+  align-self: center;
+  min-width: 140px;
+}
 
 .JackpotDetailsPopup {
   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;
@@ -66,14 +86,14 @@ button:not(:disabled) {
 .JackpotDetailsPopup.Disabled .JackpotDetailsHeader {
   opacity: 0.5;
 }
-.JackpotDetailsPopup.Disabled .JackpotDetailsTabs {
+.JackpotDetailsPopup.Disabled .EngagementSuiteTabs {
   cursor: default;
   pointer-events: none;
 }
 .JackpotDetailsPopup.Disabled .JackpotDescription,
 .JackpotDetailsPopup.Disabled .TermsAndConditions,
 .JackpotDetailsPopup.Disabled .JackpotInfoItem {
-  color: var(--emw--color-primary, #8F8B9C);
+  color: var(--emw--color-gray-150, #8F8B9C);
 }
 
 .JackpotGamesListWrapper,
@@ -88,7 +108,7 @@ button:not(:disabled) {
 }
 .JackpotGamesListWrapper::-webkit-scrollbar-thumb,
 .JackpotInfoTabContent::-webkit-scrollbar-thumb {
-  border-radius: 4px;
+  border-radius: var(--emw--border-radius-small, 4px);
   background: var(--emw--color-gray-transparency-30, rgba(255, 255, 255, 0.3));
 }
 
@@ -98,18 +118,10 @@ button:not(:disabled) {
   align-items: center;
   padding: 12px 8px 8px;
 }
-.JackpotDetailsNavigation .JackpotIconButton {
-  width: 16px;
-  height: 16px;
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
 .JackpotDetailsNavigation .JackpotPopupName {
-  color: var(--emw--color-gray-100, #BBB9C3);
-  font-size: 16px;
-  font-weight: 500;
+  color: var(--emw--color-secondary, #BBB9C3);
+  font-size: var(--emw--font-size-medium, 16px);
+  font-weight: var(--emw--font-weight-medium, 500);
   line-height: 16px;
   display: none;
 }
@@ -125,7 +137,6 @@ button:not(:disabled) {
 .JackpotDetailsHeader {
   display: flex;
   justify-content: space-between;
-  align-items: center;
   gap: 12px;
 }
 .JackpotDetailsHeader .JackpotDetailsHeaderSecondCol {
@@ -133,102 +144,78 @@ button:not(:disabled) {
 }
 .JackpotDetailsHeader .JackpotType {
   text-transform: uppercase;
-  font-family: "Montserrat", sans-serif;
+  font-family: var(--emw--font-family-secondary, "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);
+  color: var(--emw--color-typography, #FFF);
   word-break: break-all;
 }
 .JackpotDetailsHeader .JackpotBalance {
   margin-top: 8px;
-  font-family: Montserrat, sans-serif;
-  font-size: 18px;
-  font-weight: var(--emw--font-weight-bold, 800);
+  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-extra-bold, 800);
   line-height: 18px;
 }
 .JackpotDetailsHeader .JackpotIsWon {
   margin-top: 8px;
-  font-family: Montserrat, sans-serif;
+  font-family: var(--emw--font-family-secondary, "Montserrat", sans-serif);
   font-weight: var(--emw--font-weight-bold, 700);
-  font-size: 12px;
+  font-size: var(--emw--font-size-x-small, 12px);
   line-height: 15px;
-  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-text-fill-color: transparent;
   -webkit-background-clip: text;
 }
 
 .JackpotDetailsPopup.Mega .JackpotBalance {
-  background: linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%);
+  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%));
   -webkit-text-fill-color: transparent;
   -webkit-background-clip: text;
 }
 .JackpotDetailsPopup.Major .JackpotBalance {
-  background: linear-gradient(180deg, #A19FA0 5.36%, #E1DBDB 28.86%, #FEFFFF 36.86%, #E1DBDB 44.36%, #5E5B5F 91.86%);
+  background: var(--emw--engagement-suite-gradient-silver, linear-gradient(180deg, #A19FA0 5.36%, #E1DBDB 28.86%, #FEFFFF 36.86%, #E1DBDB 44.36%, #5E5B5F 91.86%));
   -webkit-text-fill-color: transparent;
   -webkit-background-clip: text;
 }
 .JackpotDetailsPopup.Minor .JackpotBalance {
-  background: linear-gradient(180deg, #A0522C 5.36%, #FFAB8C 28.86%, #FFEEDF 36.86%, #FFAB8C 44.36%, #6A3A21 91.86%);
+  background: var(--emw--engagement-suite-gradient-bronze, linear-gradient(180deg, #A0522C 5.36%, #FFAB8C 28.86%, #FFEEDF 36.86%, #FFAB8C 44.36%, #6A3A21 91.86%));
   -webkit-text-fill-color: transparent;
   -webkit-background-clip: text;
 }
 
-.JackpotGamesLoadMore::before,
-.JackpotJoinButton.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;
-}
-
-.JackpotGamesButton {
-  margin-top: 12px;
-  align-self: center;
-  min-width: 140px;
-}
-
 .JackpotCountdown {
   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);
 }
 .JackpotCountdown.Suspended {
   font-weight: var(--emw--font-weight-bold, 700);
-  color: var(--emfe-w-color-white, #FFF);
+  color: var(--emw--color-typography, #FFF);
   text-transform: capitalize;
 }
 
-.JackpotDetailsTabsWrapper {
-  display: flex;
-  flex-direction: column;
-}
-
-.JackpotDetailsTabs {
+.EngagementSuiteTabs {
   margin-top: 20px;
   display: flex;
   position: relative;
 }
-.JackpotDetailsTabs .JackpotDetailsTab {
+.EngagementSuiteTabs .EngagementSuiteTab {
   padding: 9px 16px 7px;
-  font-weight: 500;
-  font-size: 12px;
+  font-weight: var(--emw--font-weight-medium, 500);
+  font-size: var(--emw--font-size-x-small, 12px);
   line-height: 15px;
-  color: var(--emw--color-background, #666178);
+  color: var(--emw--color-gray-300, #666178);
   border-bottom: 2px solid transparent;
   cursor: pointer;
 }
-.JackpotDetailsTabs .JackpotDetailsTab.Active {
+.EngagementSuiteTabs .EngagementSuiteTab.Active {
   color: var(--emw--color-typography, #FFF);
   border-color: var(--emw--color-typography, #FFF);
 }
-.JackpotDetailsTabs::after {
+.EngagementSuiteTabs::after {
   content: "";
   position: absolute;
   bottom: 0;
@@ -242,7 +229,7 @@ button:not(:disabled) {
 .JackpotInfoItem {
   margin-bottom: 8px;
   color: var(--emw--color-typography, #FFF);
-  font-size: 14px;
+  font-size: var(--emw--font-size-small, 14px);
   line-height: 17px;
   display: flex;
   align-items: center;
@@ -250,15 +237,12 @@ button:not(:disabled) {
 .JackpotInfoItem span {
   font-weight: var(--emw--font-weight-bold, 700);
 }
-
-.JackpotContributionTooltipButton {
+.JackpotInfoItem .EngagementSuiteIconButton.Help {
   margin-left: 5px;
-  width: 16px;
-  height: 16px;
-  background: center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/help.svg);
 }
 
 .JackpotGamesListWrapper {
+  margin-top: 12px;
   overflow: auto;
   flex-grow: 1;
 }
@@ -285,7 +269,7 @@ button:not(:disabled) {
   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;
 }
 .JackpotDetailsButton .Toggle {
@@ -314,12 +298,12 @@ button:not(:disabled) {
 .TermsAndConditions {
   display: block;
   margin-top: 12px;
-  color: var(--emw--color-primary, #59D1FF);
+  color: var(--emw--color-contrast, #59D1FF);
   font-size: var(--emw--font-size-small, 14px);
   line-height: 17px;
 }
 
-.JackpotsTooltipBackdrop {
+.EngagementSuiteTooltipBackdrop {
   padding: 48px 30px 0;
   position: absolute;
   width: 100%;
@@ -327,34 +311,34 @@ button:not(:disabled) {
   inset: 0;
   background-color: rgba(0, 0, 0, 0.5);
 }
-.JackpotsTooltipBackdrop .JackpotsTooltip {
+.EngagementSuiteTooltipBackdrop .EngagementSuiteTooltip {
   border: 1px solid var(--emw--button-border-color, #403956);
   background-color: var(--emw--color-background, #1E1638);
-  border-radius: 8px;
+  border-radius: var(--emw--border-radius-large, 8px);
   padding: 32px;
   font-size: var(--emw--font-size-small, 14px);
   line-height: 17px;
-  color: var(--emw--color-gray-100, #BBB9C3);
+  color: var(--emw--color-secondary, #BBB9C3);
   position: relative;
 }
-.JackpotsTooltipBackdrop .JackpotsTooltip .JackpotsIconButton {
+.EngagementSuiteTooltipBackdrop .EngagementSuiteTooltip .EngagementSuiteIconButton {
   top: 12px;
   right: 12px;
   position: absolute;
 }
 
-.JackpotDetailsPopup.Tablet .JackpotsTooltipBackdrop,
-.JackpotDetailsPopup.Desktop .JackpotsTooltipBackdrop {
+.JackpotDetailsPopup.Tablet .EngagementSuiteTooltipBackdrop,
+.JackpotDetailsPopup.Desktop .EngagementSuiteTooltipBackdrop {
   padding: 90px 75px 0;
 }
-.JackpotDetailsPopup.Tablet .JackpotsTooltip,
-.JackpotDetailsPopup.Desktop .JackpotsTooltip {
+.JackpotDetailsPopup.Tablet .EngagementSuiteTooltip,
+.JackpotDetailsPopup.Desktop .EngagementSuiteTooltip {
   padding: 60px 65px;
-  font-size: var(--emw--font-size-small, 16px);
+  font-size: var(--emw--font-size-medium, 16px);
   line-height: 20px;
 }
-.JackpotDetailsPopup.Tablet .JackpotsTooltip .JackpotsIconButton,
-.JackpotDetailsPopup.Desktop .JackpotsTooltip .JackpotsIconButton {
+.JackpotDetailsPopup.Tablet .EngagementSuiteTooltip .EngagementSuiteIconButton,
+.JackpotDetailsPopup.Desktop .EngagementSuiteTooltip .EngagementSuiteIconButton {
   top: 24px;
   right: 24px;
 }
@@ -375,10 +359,8 @@ button:not(:disabled) {
 .JackpotDetailsPopup.Desktop .JackpotDetailsNavigation {
   padding-top: 16px;
 }
-.JackpotDetailsPopup.Tablet .JackpotContributionTooltipButton,
-.JackpotDetailsPopup.Tablet .JackpotIconButton,
-.JackpotDetailsPopup.Desktop .JackpotContributionTooltipButton,
-.JackpotDetailsPopup.Desktop .JackpotIconButton {
+.JackpotDetailsPopup.Tablet .EngagementSuiteIconButton,
+.JackpotDetailsPopup.Desktop .EngagementSuiteIconButton {
   width: 24px;
   height: 24px;
 }
@@ -391,16 +373,21 @@ button:not(:disabled) {
 .JackpotDetailsPopup.Desktop .JackpotBalance,
 .JackpotDetailsPopup.Desktop .JackpotType {
   line-height: 27px;
-  font-size: 22px;
+  font-size: var(--emw--font-size-large-plus, 22px);
 }
 .JackpotDetailsPopup.Tablet .JackpotBalance,
 .JackpotDetailsPopup.Desktop .JackpotBalance {
   font-weight: var(--emw--font-weight-bold, 700);
 }
-.JackpotDetailsPopup.Tablet .PopupButton,
-.JackpotDetailsPopup.Desktop .PopupButton {
+.JackpotDetailsPopup.Tablet .EngagementSuiteButton,
+.JackpotDetailsPopup.Desktop .EngagementSuiteButton {
+  min-width: 98px;
   min-height: 36px;
-  font-size: 16px;
+  font-size: var(--emw--font-size-medium, 16px);
+}
+.JackpotDetailsPopup.Tablet .EngagementSuiteButton.JackpotGamesButton,
+.JackpotDetailsPopup.Desktop .EngagementSuiteButton.JackpotGamesButton {
+  min-width: 140px;
 }
 .JackpotDetailsPopup.Tablet .JackpotCountdown,
 .JackpotDetailsPopup.Desktop .JackpotCountdown {
@@ -409,12 +396,12 @@ button:not(:disabled) {
 }
 .JackpotDetailsPopup.Tablet .JackpotInfoItem,
 .JackpotDetailsPopup.Desktop .JackpotInfoItem {
-  font-size: 16px;
+  font-size: var(--emw--font-size-medium, 16px);
   line-height: 20px;
 }
 .JackpotDetailsPopup.Tablet .JackpotIsWon,
 .JackpotDetailsPopup.Desktop .JackpotIsWon {
-  font-size: 14px;
+  font-size: var(--emw--font-size-small, 14px);
   line-height: 17px;
 }
 .JackpotDetailsPopup.Tablet .JackpotGamesList,
@@ -425,8 +412,12 @@ button:not(:disabled) {
 .JackpotDetailsPopup.Desktop .JackpotGamesList .JackpotGamesListItem {
   width: calc(20% - 10px);
 }
-.JackpotDetailsPopup.Tablet .JackpotDetailsTabs .JackpotDetailsTab,
-.JackpotDetailsPopup.Desktop .JackpotDetailsTabs .JackpotDetailsTab {
-  font-size: 16px;
+.JackpotDetailsPopup.Tablet .EngagementSuiteTabs .EngagementSuiteTab,
+.JackpotDetailsPopup.Desktop .EngagementSuiteTabs .EngagementSuiteTab {
+  font-size: var(--emw--font-size-medium, 16px);
   line-height: 20px;
+}
+.JackpotDetailsPopup.Tablet .JackpotGamesListWrapper,
+.JackpotDetailsPopup.Desktop .JackpotGamesListWrapper {
+  margin-top: 20px;
 }