@everymatrix/casino-engagement-suite-challenges-details 1.44.0 → 1.45.2

package/dist/components/casino-engagement-suite-challenges-details.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface CasinoEngagementSuiteChallengesDetails extends Components.CasinoEngagementSuiteChallengesDetails, HTMLElement {}
-export const CasinoEngagementSuiteChallengesDetails: {
-  prototype: CasinoEngagementSuiteChallengesDetails;
-  new (): CasinoEngagementSuiteChallengesDetails;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/casino-engagement-suite-challenges-details.js

@@ -1,318 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './casino-engagement-suite-progress-bar2.js';
-
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['en'];
-const TRANSLATIONS = {
-  en: {
-    missions: 'Missions',
-    join: 'Join',
-    unjoin: 'Unjoin',
-    new: 'new',
-    details: 'Mission Details',
-    tc: 'Terms & Conditions',
-    level: 'Level',
-    place: 'Place',
-    bet: 'bet',
-    bets: 'bets',
-    win: 'Win',
-    minBet: 'Min Bet',
-    maxBet: 'Max Bet',
-    contribution: 'Contribution'
-  }
-};
-const translate = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
-};
-
-var ChallengeLevelProgressStatus;
-(function (ChallengeLevelProgressStatus) {
-  ChallengeLevelProgressStatus[ChallengeLevelProgressStatus["Closed"] = 0] = "Closed";
-  ChallengeLevelProgressStatus[ChallengeLevelProgressStatus["InProgress"] = 1] = "InProgress";
-  ChallengeLevelProgressStatus[ChallengeLevelProgressStatus["Fillup"] = 2] = "Fillup";
-  ChallengeLevelProgressStatus[ChallengeLevelProgressStatus["Completed"] = 3] = "Completed";
-})(ChallengeLevelProgressStatus || (ChallengeLevelProgressStatus = {}));
-var ChallengeProgressStatus;
-(function (ChallengeProgressStatus) {
-  ChallengeProgressStatus[ChallengeProgressStatus["Started"] = 0] = "Started";
-  ChallengeProgressStatus[ChallengeProgressStatus["InProgress"] = 1] = "InProgress";
-  ChallengeProgressStatus[ChallengeProgressStatus["PendingLevelReward"] = 2] = "PendingLevelReward";
-  ChallengeProgressStatus[ChallengeProgressStatus["Completed"] = 3] = "Completed";
-  ChallengeProgressStatus[ChallengeProgressStatus["Expired"] = 4] = "Expired";
-  ChallengeProgressStatus[ChallengeProgressStatus["Forfeited"] = 5] = "Forfeited";
-})(ChallengeProgressStatus || (ChallengeProgressStatus = {}));
-
-function formatBalance(amount, currency) {
-  return `${currency}${new Intl.NumberFormat('en', { minimumFractionDigits: 2, maximumFractionDigits: 2 })
-    .format(amount)}`;
-}
-
-const casinoEngagementSuiteChallengesDetailsCss = "@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;touch-action:manipulation}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 .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;display:none;position:absolute;top:-23px;right:0px;padding:0 2px;align-items:center;justify-content:center}.ChallengeLabel span{display:inline-block;text-transform:uppercase;font-size:var(--emw--font-size-x-small, 10px);line-height:10px;font-weight:var(--emw--font-weight-bold, 700);font-family:\"Montserrat\", sans-serif;color:var(--emw--color-typography, #1E1638)}.ShowChallengeLabel{display:inline-flex}.ChallengeDetails{padding:0px 19px 10px;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.ChallengeDetails::-webkit-scrollbar{display:none}.ChallengeDetails.IsNewChallenge{padding-top:25px}.ChallengeDetailsHeader{position:relative;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-top:12px;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:24px 0 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 .ChallengeDetails.IsNewChallenge,.ChallengeDetailsPopup.Desktop .ChallengeDetails.IsNewChallenge{padding-top:25px}.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}";
-
-const CasinoEngagementSuiteChallengesDetails$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.close = createEvent(this, "close", 7);
-    this.back = createEvent(this, "back", 7);
-    this.resetNewChallengeLabel = createEvent(this, "resetNewChallengeLabel", 7);
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url
-     */
-    this.clientStylingUrl = '';
-    /**
-    * Language of the widget
-     */
-    this.language = 'en';
-    /**
-     * Current game slug
-     */
-    this.gameSlug = '';
-    /**
-    * User's device type
-     */
-    this.device = 'Mobile';
-    /**
-     *Paused Challenge Ids
-     */
-    this.pausedChallengeIds = [];
-    this.limitStylingAppends = false;
-    this.timer = '';
-    this.showDetails = false;
-    this.isExpiredChallenge = false;
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.host.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let url = new URL(this.clientStylingUrl);
-      let cssFile = document.createElement('style');
-      fetch(url.href)
-        .then((res) => res.text())
-        .then((data) => {
-        cssFile.innerHTML = data;
-        setTimeout(() => { this.host.prepend(cssFile); }, 1);
-      })
-        .catch((err) => {
-        console.log('Error ', err);
-      });
-    };
-    this.handleCloseClick = () => {
-      this.resetNewLabel();
-      this.close.emit();
-    };
-    this.handleBackClick = () => {
-      this.resetNewLabel();
-      this.back.emit();
-    };
-    this.onGameClick = (ev) => {
-      const slug = ev.currentTarget.getAttribute('data-slug');
-      if (slug) {
-        window.postMessage({
-          type: 'EngagementSuiteGameRedirect',
-          data: {
-            Slug: slug
-          }
-        });
-      }
-    };
-    this.changeChallengeStatus = (e) => {
-      var _a, _b;
-      const id = e.currentTarget.getAttribute('data-id');
-      if ((_a = this.inProgressChallenges) === null || _a === void 0 ? void 0 : _a.includes(id)) {
-        window.postMessage({
-          type: 'ShowConfirmationModal',
-          ProgressToDeactivate: id,
-        });
-        return;
-      }
-      if (((_b = this.inProgressChallenges) === null || _b === void 0 ? void 0 : _b.length) > 0) {
-        window.postMessage({
-          type: 'ShowConfirmationModal',
-          ProgressToActivate: id,
-          ProgressToDeactivate: this.inProgressChallenges[0],
-        });
-        return;
-      }
-      window.postMessage({
-        type: 'ChallengeJoinRequest',
-        data: {
-          ProgressToActivate: id,
-        },
-      });
-    };
-    this.toggle = () => {
-      this.showDetails = !this.showDetails;
-    };
-  }
-  challengePropHandler(value) {
-    if (!this.interval && value) {
-      this.updateTimer();
-      this.startCountdown();
-    }
-    if (this.interval && !value) {
-      clearInterval(this.interval);
-    }
-  }
-  componentWillLoad() {
-    this.challengePropHandler(this.challenge);
-  }
-  componentDidRender() {
-    if (!this.limitStylingAppends && this.host) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
-    }
-  }
-  disconnectedCallback() {
-    this.interval && clearInterval(this.interval);
-  }
-  getActionsTemplate() {
-    return (h("header", { class: "ChallengeActions" }, h("button", { class: "ChallengeIconButton", onClick: this.handleBackClick }, h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/back.svg", alt: "back" })), h("button", { class: "ChallengeIconButton", onClick: this.handleCloseClick }, h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/close.svg", alt: "close" }))));
-  }
-  getChallengeHeader() {
-    const presentationName = this.challenge.ChallengePresentation.PresentationName;
-    const inProgressChallenge = this.challenge.Status === ChallengeProgressStatus.InProgress
-      || this.challenge.Status === ChallengeProgressStatus.PendingLevelReward;
-    const isDisabledButton = this.isExpiredChallenge || this.isJoiningToChallenge ||
-      this.pausedChallengeIds.includes(this.challenge.ChallengeId);
-    const showJoinButton = ![ChallengeProgressStatus.Completed, ChallengeProgressStatus.Forfeited]
-      .includes(this.challenge.Status);
-    return (h("div", { class: "ChallengeDetailsHeader" }, h("span", { class: "ChallengeName" }, presentationName), showJoinButton ? (h("button", { onClick: this.changeChallengeStatus, class: `ChallengeJoinButton ${inProgressChallenge ? 'Joined' : ''}
-                ${isDisabledButton ? 'Disabled' : ''}`, "data-id": this.challenge.Id }, inProgressChallenge
-      ? translate('unjoin', this.language)
-      : translate('join', this.language))) : null, h("div", { class: `ChallengeLabel ${this.challenge.IsNew ? 'ShowChallengeLabel' : ''}` }, h("span", null, translate('new', this.language)))));
-  }
-  getChallengeCountdown() {
-    const timerMessage = this.isExpiredChallenge ? 'Expired' : this.timer;
-    const showChallengeCountdown = this.challenge.Status !== ChallengeProgressStatus.Forfeited;
-    return (showChallengeCountdown ? (h("div", { class: `ChallengeCountdown ${this.isExpiredChallenge ? 'Expired' : ''}` }, timerMessage)) : null);
-  }
-  getChallengeDetails() {
-    const description = this.challenge.ChallengePresentation.Description;
-    const url = this.challenge.ChallengePresentation.Url;
-    const games = this.challenge.Games;
-    return (h("div", { class: `CollapseDetails ${this.showDetails ? 'ShowDetails' : ''}` }, description && h("div", { class: "ChallengeDescription" }, description), url && (h("div", { class: "TC" }, h("a", { href: url, target: "_blank" }, translate('tc', this.language)))), (games === null || games === void 0 ? void 0 : games.length) && (h("div", { class: "ChallengeGames" }, games.map((game) => (h("div", { class: "Game", key: game.CasinoGameId }, h("img", { src: game.GameIcon, alt: game.GameName, onClick: this.onGameClick, class: `${game.GameSlug === this.gameSlug ? 'Disabled' : ''}`, "data-slug": game.GameSlug }))))))));
-  }
-  resetNewLabel() {
-    this.resetNewChallengeLabel.emit(this.challenge.Id);
-  }
-  startCountdown() {
-    this.interval = setInterval(() => {
-      this.updateTimer();
-    }, 1000);
-  }
-  updateTimer() {
-    const expirationTime = new Date(this.challenge.ExpirationTime).getTime();
-    const now = new Date().getTime();
-    const distance = expirationTime - now;
-    if (distance < 1) {
-      clearInterval(this.interval);
-      this.timer = '';
-      this.isExpiredChallenge = true;
-      return;
-    }
-    const { days, hours, minutes, seconds } = {
-      days: String(Math.floor(distance / (1000 * 60 * 60 * 24))).padStart(2, '0'),
-      hours: String(Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))).padStart(2, '0'),
-      minutes: String(Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60))).padStart(2, '0'),
-      seconds: String(Math.floor((distance % (1000 * 60)) / 1000)).padStart(2, '0')
-    };
-    this.timer = days === '00'
-      ? `${hours}h:${minutes}m:${seconds}s`
-      : `${days}d:${hours}h:${minutes}m`;
-  }
-  getLevelTarget(level) {
-    const targetTurnover = formatBalance(level.DisplayCurrencyTargetTurnover, this.challenge.CurrencySymbol);
-    let levelTarget = `${translate('place', this.language)} ${targetTurnover}`;
-    if (level.LevelTargetType === 1) {
-      levelTarget += ` ${translate('bet', this.language)}`;
-    }
-    else if (level.LevelTargetType === 2) {
-      levelTarget += ` ${translate('bets', this.language)} X ${level.TargetBetCount}`;
-    }
-    return (h("span", { class: "ChallengeLevelTarget" }, levelTarget));
-  }
-  getLevelBetRangesDetails(level) {
-    var _a, _b, _c, _d;
-    const isAccumulativeLevelType = level.LevelTargetType === 0;
-    if (isAccumulativeLevelType) {
-      const formattedMinBet = formatBalance((_a = level.BetRange) === null || _a === void 0 ? void 0 : _a.MinBet, this.challenge.CurrencySymbol);
-      const formattedMaxBet = formatBalance((_b = level.BetRange) === null || _b === void 0 ? void 0 : _b.MaxBet, this.challenge.CurrencySymbol);
-      const formattedContributionPercentage = level.LevelContributionPercent + '%';
-      const showMinBet = !!((_c = level.BetRange) === null || _c === void 0 ? void 0 : _c.MinBet);
-      const showMaxBet = !!((_d = level.BetRange) === null || _d === void 0 ? void 0 : _d.MaxBet);
-      const showContributionPercentage = level.LevelContributionPercent !== 100;
-      if (showMinBet || showMaxBet || showContributionPercentage) {
-        return (h("div", { class: 'ChallengeLevelBetDetails' }, showMinBet &&
-          h("div", { class: 'ChallengeLevelBetDetail' }, h("span", null, translate('minBet', this.language), ":  "), h("span", { class: 'ChallengeLevelBetRange' }, formattedMinBet)), showMaxBet &&
-          h("div", { class: 'ChallengeLevelBetDetail' }, h("span", null, translate('maxBet', this.language), ":  "), h("span", { class: 'ChallengeLevelBetRange' }, formattedMaxBet)), showContributionPercentage &&
-          h("div", { class: 'ChallengeLevelBetDetail' }, h("span", null, translate('contribution', this.language), ":  "), h("span", { class: 'ChallengeLevelBetContribution' }, formattedContributionPercentage))));
-      }
-    }
-  }
-  getChallengeLevels() {
-    const isChallengePaused = this.pausedChallengeIds.includes(this.challenge.ChallengeId);
-    const InProgressLevel = (level) => {
-      return level.ProgressStatus === 1 && !this.isExpiredChallenge && !isChallengePaused;
-    };
-    return (h("div", { class: "ChallengeLevels" }, this.challenge.LevelProgresses.map((level, index) => (h("div", { class: `ChallengeLevelCard ${InProgressLevel(level) ? 'InProgress' : ''}` }, h("casino-engagement-suite-progress-bar", { class: this.device, value: level.ProgressPercentage, "hide-percent": (level.ProgressPercentage === 0 && !InProgressLevel(level)) || level.ProgressPercentage === 100, disabled: this.isExpiredChallenge || isChallengePaused }, h("span", { slot: "Title", class: "ChallengeLevelTitle" }, h("span", null, "Level ", index + 1, ": "), this.getLevelTarget(level))), h("div", { class: "ChallengeRewardMessage" }, h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/reward.svg", alt: "win" }), h("span", null, translate('win', this.language), ": "), h("span", { class: "CustomRewardMessage" }, level.CustomRewardMessage)), this.getLevelBetRangesDetails(level))))));
-  }
-  getToggleButton() {
-    return (h("div", { class: "ChallengeCollapseButton", onClick: this.toggle }, h("span", { class: `Toggle ${this.showDetails ? 'Closed' : 'Open'}` }), h("span", null, translate('details', this.language))));
-  }
-  render() {
-    return h("div", { class: `ChallengeDetailsPopup ${this.device}` }, this.getActionsTemplate(), h("div", { class: `ChallengeDetails ${this.challenge.IsNew ? 'IsNewChallenge' : ''}` }, this.getChallengeHeader(), this.getChallengeCountdown(), this.getToggleButton(), this.getChallengeDetails(), this.getChallengeLevels()));
-  }
-  get host() { return this; }
-  static get watchers() { return {
-    "challenge": ["challengePropHandler"]
-  }; }
-  static get style() { return casinoEngagementSuiteChallengesDetailsCss; }
-}, [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]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["casino-engagement-suite-challenges-details", "casino-engagement-suite-progress-bar"];
-  components.forEach(tagName => { switch (tagName) {
-    case "casino-engagement-suite-challenges-details":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, CasinoEngagementSuiteChallengesDetails$1);
-      }
-      break;
-    case "casino-engagement-suite-progress-bar":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const CasinoEngagementSuiteChallengesDetails = CasinoEngagementSuiteChallengesDetails$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CasinoEngagementSuiteChallengesDetails, defineCustomElement };

package/dist/components/casino-engagement-suite-progress-bar.js

@@ -1,6 +0,0 @@
-import { C as CasinoEngagementSuiteProgressBar$1, d as defineCustomElement$1 } from './casino-engagement-suite-progress-bar2.js';
-
-const CasinoEngagementSuiteProgressBar = CasinoEngagementSuiteProgressBar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CasinoEngagementSuiteProgressBar, defineCustomElement };

package/dist/components/casino-engagement-suite-progress-bar2.js

@@ -1,107 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const casinoEngagementSuiteProgressBarCss = ":host{display:block;font-family:inherit}:host(.Desktop) .ProgressBarPercent{font-size:14px;line-height:14px}@keyframes indeterminate{0%{left:-200%;right:100%}60%{left:110%;right:-10%}to{left:110%;right:-10%}}.ProgressBarBackground{height:8px;background-color:var(--emw--color-background, #666178);border-radius:4px;position:relative;overflow:hidden}.ProgressBarLine{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);transition:width ease-out 0.3s}.ProgressBarLine.Indeterminate{animation:indeterminate 1s linear infinite}.ProgressBarInfo{margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.ProgressBarPercent{font-weight:700;font-size:12px;line-height:12px}.HidePercent .ProgressBarPercent{display:none}.ProgressBar:not(.Disabled) .ProgressBarPercent{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}.ProgressBar.Disabled .ProgressBarPercent{color:var(--emw--color-background, #666178)}.ProgressBar.Disabled .ProgressBarLine{background:var(--emw--color-background-secondary, #474668)}";
-
-const CasinoEngagementSuiteProgressBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    /**
-     * Value for the widget
-     */
-    this.value = 0;
-    /**
-     * Shows disabled styles
-     */
-    this.disabled = false;
-    /**
-     * Hide percent value
-     */
-    this.hidePercent = false;
-    /**
-     * Constantly animates
-     */
-    this.indeterminate = false;
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url
-     */
-    this.clientStylingUrl = '';
-    this.limitStylingAppends = false;
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.host.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let url = new URL(this.clientStylingUrl);
-      let cssFile = document.createElement('style');
-      fetch(url.href)
-        .then((res) => res.text())
-        .then((data) => {
-        cssFile.innerHTML = data;
-        setTimeout(() => { this.host.prepend(cssFile); }, 1);
-      })
-        .catch((err) => {
-        console.log('Error ', err);
-      });
-    };
-  }
-  componentDidRender() {
-    if (!this.limitStylingAppends && this.host) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
-    }
-  }
-  getProgressBarClasses() {
-    return {
-      ProgressBar: true,
-      Completed: this.value === 100,
-      Disabled: this.disabled,
-      HidePercent: this.hidePercent || this.indeterminate
-    };
-  }
-  getProgressBarLineTemplate() {
-    if (this.indeterminate) {
-      return h("div", { class: "ProgressBarLine Indeterminate", part: "ProgressBarLine Indeterminate" });
-    }
-    else {
-      return h("div", { class: "ProgressBarLine", part: "ProgressBarLine", style: { width: this.value + '%' } });
-    }
-  }
-  render() {
-    return h("div", { class: this.getProgressBarClasses(), part: "ProgressBar" }, h("div", { class: "ProgressBarInfo", part: "ProgressBarInfo" }, h("slot", { name: "Title" }, h("div", null)), h("slot", { name: "Percent" }, h("div", { class: "ProgressBarPercent", part: "ProgressBarPercent" }, this.value, "%"))), h("div", { class: "ProgressBarBackground", part: "ProgressBarBackground" }, this.getProgressBarLineTemplate()));
-  }
-  get host() { return this; }
-  static get style() { return casinoEngagementSuiteProgressBarCss; }
-}, [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]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["casino-engagement-suite-progress-bar"];
-  components.forEach(tagName => { switch (tagName) {
-    case "casino-engagement-suite-progress-bar":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, CasinoEngagementSuiteProgressBar);
-      }
-      break;
-  } });
-}
-
-export { CasinoEngagementSuiteProgressBar as C, defineCustomElement as d };

package/dist/components/index.d.ts

@@ -1,26 +0,0 @@
-/* CasinoEngagementSuiteChallengesDetails custom elements */
-
-import type { Components, JSX } from "../types/components";
-
-/**
- * Used to manually set the base path where assets can be found.
- * If the script is used as "module", it's recommended to use "import.meta.url",
- * such as "setAssetPath(import.meta.url)". Other options include
- * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
- * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
- * But do note that this configuration depends on how your script is bundled, or lack of
- * bundling, and where your assets can be loaded from. Additionally custom bundling
- * will have to ensure the static assets are copied to its build directory.
- */
-export declare const setAssetPath: (path: string) => void;
-
-export interface SetPlatformOptions {
-  raf?: (c: FrameRequestCallback) => number;
-  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-}
-export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
-
-export type { Components, JSX };
-
-export * from '../types';

package/dist/components/index.js

@@ -1 +0,0 @@
-export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';