@everymatrix/casino-engagement-suite-tournament 1.39.0

package/dist/collection/utils/translations.js

@@ -0,0 +1,28 @@
+export var Tab;
+(function (Tab) {
+  Tab["Info"] = "Info";
+  Tab["Leaderboard"] = "Leaderboard";
+  Tab["Games"] = "Games";
+})(Tab || (Tab = {}));
+export var Time;
+(function (Time) {
+  Time["Starts"] = "Starts";
+  Time["Ends"] = "Ends";
+})(Time || (Time = {}));
+export const localePostprocess = (translationText, props) => {
+  Object.keys(props).map(key => {
+    translationText = translationText.replace(`{${key}}`, props[key]);
+  });
+  return translationText;
+};
+export const TRANSLATIONS = Object.assign(Object.assign(Object.assign({ Join: 'Join', Unjoin: 'Unjoin' }, Tab), Time), { TC: 'Terms & Conditions', ScoreCriteria: 'Score Criteria', MinimumBetCriteria: 'Minimum bet criteria', Place: 'place', Prizes: 'Rewards', LeaderboardDetails: 'Leaderboard Details', UnjoinDialog: {
+    Title: 'Quit Leaderboard?',
+    Description: 'Any progress on the current Leaderboard won’t be kept and you can not rejoin the Leaderboard any more. <br /><br />Would you still like to quit?',
+    ButtonYes: 'Yes, I want to quit leaderboard',
+    ButtonNo: 'No, Stay on the leaderboard',
+  }, JoinDialog: {
+    Tile: 'Congratulations!',
+    Description: 'You have unlocked <span>{tournamentName}</span>! <br />Would you like to join?',
+    ButtonYes: 'Join',
+    ButtonNo: 'Not interested',
+  }, NoLeaderboards: 'No Leaderboards yet', NoLeaderboardsTip: 'Try winning tickets to Leaderboards as rewards or launching other booster games', Leaderboards: 'Leaderboards', TipPrize: 'You took <span>{place}</span> place and win <span>{prize}</span>', Tip: 'Competition where your real money bets contribute towards the leaderboard score calculation to win the leaderboard reward.' });

package/dist/collection/utils/types.js

@@ -0,0 +1,18 @@
+export var LeaderboardPage;
+(function (LeaderboardPage) {
+  LeaderboardPage["Confirm"] = "Confirm";
+  LeaderboardPage["List"] = "List";
+  LeaderboardPage["Item"] = "Item";
+})(LeaderboardPage || (LeaderboardPage = {}));
+export var TournamentState;
+(function (TournamentState) {
+  TournamentState["Running"] = "Running";
+  TournamentState["Unstarted"] = "Unstarted";
+  TournamentState["Closed"] = "Closed";
+  TournamentState["Closing"] = "Closing";
+})(TournamentState || (TournamentState = {}));
+export var DialogType;
+(function (DialogType) {
+  DialogType["Unjoin"] = "Unjoin";
+  DialogType["Tip"] = "Tip";
+})(DialogType || (DialogType = {}));

package/dist/collection/utils/util.date.js

@@ -0,0 +1,38 @@
+export function formatDate(date) {
+  const options = {
+    year: 'numeric',
+    month: 'long',
+    day: 'numeric',
+    hour: '2-digit',
+    minute: '2-digit',
+    hour12: false
+  };
+  return date.toLocaleDateString('en-US', options).replace(' at', ',');
+}
+export function addDays(date, days) {
+  const result = new Date(date);
+  result.setDate(result.getDate() + days);
+  return result;
+}
+export function addMinutes(date, minutes) {
+  const result = new Date(date);
+  result.setMinutes(result.getMinutes() + minutes);
+  return result;
+}
+export function addSeconds(date, seconds) {
+  const result = new Date(date);
+  result.setSeconds(result.getSeconds() + seconds);
+  return result;
+}
+export function getDifference(startDate, endDate) {
+  const diffMs = Math.abs(endDate.getTime() - startDate.getTime()); // Difference in milliseconds
+  const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24)); // Difference in days
+  const diffHours = Math.floor((diffMs % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); // Remaining hours
+  const diffMinutes = Math.floor((diffMs % (1000 * 60 * 60)) / (1000 * 60)); // Remaining minutes
+  // Format the output
+  const formattedDiff = `${String(diffDays).padStart(2, '0')}d:${String(diffHours).padStart(2, '0')}h:${String(diffMinutes).padStart(2, '0')}m`;
+  return formattedDiff;
+}
+export function getProgress(startDate, endDate) {
+  return (100 * (new Date().getTime() - startDate.getTime()) / (endDate.getTime() - startDate.getTime())).toFixed(0);
+}

package/dist/collection/utils/utils.js

@@ -0,0 +1,18 @@
+export const classnames = (...args) => {
+  let classnameArray = [];
+  args.map(arg => {
+    switch (typeof arg) {
+      case 'string':
+        classnameArray.push(arg);
+        break;
+      case 'object':
+        Object.keys(arg).map(k => {
+          if (arg[k]) {
+            classnameArray.push(k);
+          }
+        });
+        break;
+    }
+  });
+  return classnameArray.join(' ');
+};

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,94 @@
+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}.ProgressBarBackground{height:8px;background-color:var(--emw--color-background, #666178);border-radius:4px;position:relative}.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}.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;
+    /**
+     * 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
+    };
+  }
+  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" }, h("div", { class: "ProgressBarLine", part: "ProgressBarLine", style: { width: this.value + '%' } })));
+  }
+  get host() { return this; }
+  static get style() { return casinoEngagementSuiteProgressBarCss; }
+}, [1, "casino-engagement-suite-progress-bar", {
+    "value": [2],
+    "disabled": [4],
+    "hidePercent": [4, "hide-percent"],
+    "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/casino-engagement-suite-tournament.d.ts

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