@everymatrix/casino-game-thumb-view 1.32.4 → 1.33.1

package/dist/esm/casino-game-thumbnail-betlimit_2.entry.js

@@ -0,0 +1,273 @@
+import { r as registerInstance, h } from './index-1e44dd9f.js';
+import { n as numberWithSeparators, a as addGameTag, h as hooks } from './utils-e9314132.js';
+import { t as translate } from './locale.utils-e0cf897e.js';
+import { W as WIDGETTYPE_GAMECATEGORY, c as WIDGETTYPE_CLASS } from './game-thumbnail-0a56ee03.js';
+
+/* eslint-disable quote-props */
+const currenciesSymbols = {
+  'AED': 'د.إ',
+  'AFN': '؋',
+  'ALL': 'L',
+  'AMD': '֏',
+  'ANG': 'ƒ',
+  'AOA': 'Kz',
+  'ARS': '$',
+  'AUD': '$',
+  'AWG': 'ƒ',
+  'AZN': 'ман',
+  'BAM': 'KM',
+  'BBD': '$',
+  'BDT': '৳',
+  'BGN': 'лв',
+  'BHD': '.د.ب',
+  'BIF': 'FBu',
+  'BMD': '$',
+  'BND': '$',
+  'BOB': '$b',
+  'BRL': 'R$',
+  'BSD': '$',
+  'BTC': '฿',
+  'BTN': 'Nu.',
+  'BWP': 'P',
+  'BYR': 'p.',
+  'BZD': 'BZ$',
+  'CAD': '$',
+  'CDF': 'FC',
+  'CHF': 'CHF',
+  'CLP': '$',
+  'CNY': '¥',
+  'COP': '$',
+  'CRC': '₡',
+  'CUC': '$',
+  'CUP': '₱',
+  'CVE': '$',
+  'CZK': 'Kč',
+  'DJF': 'Fdj',
+  'DKK': 'kr',
+  'DOP': 'RD$',
+  'DZD': 'دج',
+  'EEK': 'kr',
+  'EGP': '£',
+  'ERN': 'Nfk',
+  'ETB': 'Br',
+  'ETH': 'Ξ',
+  'EUR': '€',
+  'FJD': '$',
+  'FKP': '£',
+  'GBP': '£',
+  'GEL': '₾',
+  'GGP': '£',
+  'GHC': '₵',
+  'GHS': 'GH₵',
+  'GIP': '£',
+  'GMD': 'D',
+  'GNF': 'FG',
+  'GTQ': 'Q',
+  'GYD': '$',
+  'HKD': '$',
+  'HNL': 'L',
+  'HRK': 'kn',
+  'HTG': 'G',
+  'HUF': 'Ft',
+  'IDR': 'Rp',
+  'ILS': '₪',
+  'IMP': '£',
+  'INR': '₹',
+  'IQD': 'ع.د',
+  'IRR': '﷼',
+  'ISK': 'kr',
+  'JEP': '£',
+  'JMD': 'J$',
+  'JOD': 'JD',
+  'JPY': '¥',
+  'KES': 'KSh',
+  'KGS': 'лв',
+  'KHR': '៛',
+  'KMF': 'CF',
+  'KPW': '₩',
+  'KRW': '₩',
+  'KWD': 'KD',
+  'KYD': '$',
+  'KZT': 'лв',
+  'LAK': '₭',
+  'LBP': '£',
+  'LKR': '₨',
+  'LRD': '$',
+  'LSL': 'M',
+  'LTC': 'Ł',
+  'LTL': 'Lt',
+  'LVL': 'Ls',
+  'LYD': 'LD',
+  'MAD': 'MAD',
+  'MDL': 'lei',
+  'MGA': 'Ar',
+  'MKD': 'ден',
+  'MMK': 'K',
+  'MNT': '₮',
+  'MOP': 'MOP$',
+  'MRO': 'UM',
+  'MUR': '₨',
+  'MVR': 'Rf',
+  'MWK': 'MK',
+  'MXN': '$',
+  'MYR': 'RM',
+  'MZN': 'MT',
+  'NAD': '$',
+  'NGN': '₦',
+  'NIO': 'C$',
+  'NOK': 'kr',
+  'NPR': '₨',
+  'NZD': '$',
+  'OMR': '﷼',
+  'PAB': 'B/.',
+  'PEN': 'S/.',
+  'PGK': 'K',
+  'PHP': '₱',
+  'PKR': '₨',
+  'PLN': 'zł',
+  'PYG': 'Gs',
+  'QAR': '﷼',
+  'RMB': '￥',
+  'RON': 'lei',
+  'RSD': 'Дин.',
+  'RUB': '₽',
+  'RWF': 'R₣',
+  'SAR': '﷼',
+  'SBD': '$',
+  'SCR': '₨',
+  'SDG': 'ج.س.',
+  'SEK': 'kr',
+  'SGD': '$',
+  'SHP': '£',
+  'SLL': 'Le',
+  'SOS': 'S',
+  'SRD': '$',
+  'SSP': '£',
+  'STD': 'Db',
+  'SVC': '$',
+  'SYP': '£',
+  'SZL': 'E',
+  'THB': '฿',
+  'TJS': 'SM',
+  'TMT': 'T',
+  'TND': 'د.ت',
+  'TOP': 'T$',
+  'TRL': '₤',
+  'TRY': '₺',
+  'TTD': 'TT$',
+  'TVD': '$',
+  'TWD': 'NT$',
+  'TZS': 'TSh',
+  'UAH': '₴',
+  'UGX': 'USh',
+  'USD': '$',
+  'UYU': '$U',
+  'UZS': 'лв',
+  'VEF': 'Bs',
+  'VND': '₫',
+  'VUV': 'VT',
+  'WST': 'WS$',
+  'XAF': 'FCFA',
+  'XBT': 'Ƀ',
+  'XCD': '$',
+  'XOF': 'CFA',
+  'XPF': '₣',
+  'YER': '﷼',
+  'ZAR': 'R',
+  'ZWD': 'Z$',
+};
+
+const casinoGameThumbnailBetlimitCss = ":host{display:block}";
+
+const CasinoGameThumbnailBetlimit = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.defaultCurrency = 'EUR';
+    this.isBetLimitAvailable = false;
+  }
+  getCurrencySymbols(currency) {
+    return currenciesSymbols[currency];
+  }
+  componentWillRender() {
+    if (this.betLimit) {
+      const limit = this.betLimit.max
+        ? this.betLimit.max
+        : this.betLimit.min || {};
+      this.isBetLimitAvailable = Object.keys(limit).length === 1;
+      this.currency = this.isBetLimitAvailable
+        ? Object.keys(limit)[0]
+        : this.defaultCurrency;
+    }
+  }
+  render() {
+    if (!this.isBetLimitAvailable) {
+      return '';
+    }
+    return (h("p", { class: "LiveLimits" }, h("span", { class: "BetLimitLeft" }, this.getCurrencySymbols(this.currency), ' ', numberWithSeparators(this.betLimit.min[this.currency]), " -", ' ', numberWithSeparators(this.betLimit.max[this.currency])), (this.numberOfPlayers || this.numberOfPlayers == 0) && (h("span", { class: "BetLimitRight" }, h("svg", { fill: "white", width: "13", height: "13", viewBox: "0 0 13 14", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M4 8.2a4.6 4.6 0 0 0 5 0c2.7.8 4 2.6 4 4.8H0c0-2.2 1.3-4 4-4.8zM6.6 8c2 0 3.8-1.7 3.8-4 0-2.1-1.7-4-3.8-4a3.9 3.9 0 0 0-3.8 4c0 2.2 1.7 4 3.8 4z" })), h("span", { class: "NrOfPlayers" }, this.numberOfPlayers)))));
+  }
+};
+CasinoGameThumbnailBetlimit.style = casinoGameThumbnailBetlimitCss;
+
+const casinoGameThumbnailExtrainfoCss = ":host{display:block;font-family:system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}.LiveProps{display:flex;flex-direction:column;position:absolute;bottom:8px;left:-8px;right:0;width:100%;padding:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.99) 100%);color:var(--emfe-w-color-white, #FFFFFF);opacity:1;font-size:14px}.GameExtraInfo{display:block;position:absolute;width:100%;height:100%;top:8px;left:8px;z-index:0}.GameExtraInfoLabel{font-size:11px;padding:3px;background-color:var(--emfe-w-color-primary, #D0046C);color:var(--emfe-w-color-primary-50, #FBECF4);font-weight:bold;text-transform:uppercase;border-radius:5px}.ListGame .GameInnerContainer .GameExtraInfo{z-index:10}.ListGame .GameInnerContainer .ClosedGame{opacity:1;z-index:10;padding:8px 10px;color:var(--emfe-w-color-white, #FFFFFF);font-size:18px}.ListGame .GameInnerContainer .ClosedGame span{font-size:18px}.ListGame .GameInnerContainer .LiveIcons{position:relative;display:flex;padding:0 10px;box-sizing:border-box;flex-direction:row;align-items:center;justify-content:flex-start;min-height:auto;margin-bottom:5px}.ListGame .GameInnerContainer .LiveIcons:first-child{margin-left:0}.ListGame .GameInnerContainer .LiveIcons:last-child{margin-right:0}.ListGame .GameInnerContainer .LiveIcons.Black,.ListGame .GameInnerContainer .LiveIcons.Red,.ListGame .GameInnerContainer .LiveIcons.Green{color:var(--emfe-w-color-white, #FFFFFF);border:1px solid var(--emfe-w-color-white, #FFFFFF)}.ListGame .GameInnerContainer .LiveIcons .LatestResult{min-width:12px;padding:2px;margin:0 6px 0 1px;font-size:14px;text-align:center}.ListGame .GameInnerContainer .LiveIcons .LatestResult.FirstElementAnimated{animation:flip-open 2s both;-webkit-animation:flip-open 2s both;-webkit-backface-visibility:visible;backface-visibility:visible}.ListGame .GameInnerContainer .LiveIcons .LatestResult.First{min-width:24px;padding:4px}.ListGame .GameInnerContainer .LiveIcons .LatestResult.First.Black,.ListGame .GameInnerContainer .LiveIcons .LatestResult.First.Red,.ListGame .GameInnerContainer .LiveIcons .LatestResult.First.Green{color:var(--emfe-w-color-white, #FFFFFF);border:1px solid var(--emfe-w-color-white, #FFFFFF)}.ListGame .GameInnerContainer .LiveIcons .LatestResult.First.Black{background:var(--emfe-w-color-black, #000000)}.ListGame .GameInnerContainer .LiveIcons .LatestResult.First.Red{background:red}.ListGame .GameInnerContainer .LiveIcons .LatestResult.First.Green{background:#56A80A}.ListGame .GameInnerContainer .LiveIcons .Double{display:flex;flex-direction:column}.ListGame .GameInnerContainer .LiveIcons .Double .LatestResult:first-child{margin-bottom:10px}.ListGame .GameInnerContainer .LiveIcons .Double:first-child .LatestResult{margin-left:0;margin-bottom:0}.ListGame .GameInnerContainer .LiveIcons .Double:last-child .LatestResult{margin-right:0}.ListGame .GameInnerContainer .LiveIcons .Black,.ListGame .GameInnerContainer .LiveIcons .Red,.ListGame .GameInnerContainer .LiveIcons .Green{background-color:transparent}.ListGame .GameInnerContainer .LiveIcons .Black{color:var(--emfe-w-color-white, #FFFFFF)}.ListGame .GameInnerContainer .LiveIcons .Red{color:red}.ListGame .GameInnerContainer .LiveIcons .Green{color:#56A80A}.ListGame .GameInnerContainer .LiveLimits{opacity:1;display:flex;flex-direction:row;justify-content:space-between;padding:2px 10px 5px;background:var(--emfe-w-color-black, #000000);color:var(--emfe-w-color-white, #FFFFFF);font-weight:normal;font-size:12px}.ListGame .GameInnerContainer .LiveLimits span{font-size:12px;vertical-align:top}";
+
+const CasinoGameThumbnailExtrainfo = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.language = 'en';
+    this.isNewGame = false;
+  }
+  async onGameLoaded(gameInfo) {
+    var _a;
+    this.gameInfo = gameInfo;
+    this.isNewGame = this.gameInfo.isNew;
+    if (this.gameInfo.gameTag === 'false') {
+      this.gameInfo.gameTag = null;
+    }
+    this.gameTag = this.gameInfo.gameTag;
+    if (!this.gameInfo.details) {
+      return;
+    }
+    this.gameDetails = this.gameInfo.details;
+    this.isDouble = !this.gameDetails
+      ? false
+      : this.gameInfo.details.category.toLowerCase() ===
+        WIDGETTYPE_GAMECATEGORY.doubleballroulette;
+    this.gameTag = !this.gameDetails
+      ? this.gameInfo.gameTag
+      : ((_a = this.gameInfo.advancedTags) === null || _a === void 0 ? void 0 : _a.length) > 0
+        ? addGameTag(this.gameInfo.advancedTags)
+        : this.gameInfo.gameTag;
+    this.betLimit = !this.gameDetails ? null : this.gameDetails.betLimit;
+    this.initTimeProperties();
+  }
+  initTimeProperties() {
+    var _a, _b, _c, _d, _e;
+    //openHours.type: valid data: Bounded, FullTime
+    if (((_b = (_a = this.gameDetails) === null || _a === void 0 ? void 0 : _a.openHours) === null || _b === void 0 ? void 0 : _b.type) === 'Bounded') {
+      this.gameStartTime = (_d = (_c = this.gameDetails) === null || _c === void 0 ? void 0 : _c.openHours) === null || _d === void 0 ? void 0 : _d.value.startTime;
+      this.gameTimeFormat =
+        (_e = this.gameDetails) === null || _e === void 0 ? void 0 : _e.openHours.value.originalTimeFormat;
+    }
+  }
+  async onGameDetailUpdated(details) {
+    this.gameInfo.details = this.gameDetails = details;
+    this.gameDetails = Object.assign({}, this.gameDetails);
+    //openHours.type: valid data: Bouned, FullTime
+    this.initTimeProperties();
+  }
+  render() {
+    var _a, _b, _c;
+    if (!this.gameInfo) {
+      return '';
+    }
+    return (h("div", { class: "GameExtraInfo", part: "GameExtraInfo" }, this.isNewGame && (h("span", { class: "GameExtraInfoLabel NewGameTag", part: "GameExtraInfoLabel NewGameTag" }, translate('new', this.language))), this.gameTag && (h("span", { class: "GameExtraInfoLabel PopularGameTag", part: "GameExtraInfoLabel PopularGameTag" }, this.gameTag)), this.gameDetails && (h("div", { class: `GameProp LiveProps ${WIDGETTYPE_CLASS[this.gameDetails.category.toLowerCase()]} ${this.isDouble ? ' Double' : ''}`, part: `GameProp LiveProps  ${WIDGETTYPE_CLASS[this.gameDetails.category.toLowerCase()]} ${this.isDouble ? ' Double' : ''}` }, this.gameDetails.isOpen ? (h("slot", { name: "category-details" })) : (this.gameStartTime &&
+      this.gameTimeFormat && (h("div", { class: "ClosedGame", part: "ClosedGame" }, translate('opens', this.language), h("span", null, ' ', hooks
+      .utc(this.gameStartTime)
+      .local()
+      .format(this.gameTimeFormat), ' ')))), ((_a = this.gameDetails.dealer) === null || _a === void 0 ? void 0 : _a.DealerName) && (h("p", { class: "LiveLimits" }, h("span", { class: "DealerName" }, translate('dealer', this.language), ":", ' ', (_b = this.gameDetails) === null || _b === void 0 ? void 0 :
+      _b.dealer.DealerName, ' '))), h("casino-game-thumbnail-betlimit", { betLimit: this.betLimit, numberOfPlayers: (_c = this.gameDetails) === null || _c === void 0 ? void 0 : _c.numberOfPlayers })))));
+  }
+};
+CasinoGameThumbnailExtrainfo.style = casinoGameThumbnailExtrainfoCss;
+
+export { CasinoGameThumbnailBetlimit as casino_game_thumbnail_betlimit, CasinoGameThumbnailExtrainfo as casino_game_thumbnail_extrainfo };

package/dist/esm/casino-normal-game-thumbnail.entry.js

@@ -0,0 +1,19 @@
+import { r as registerInstance, h, H as Host } from './index-1e44dd9f.js';
+
+const casinoNormalGameThumbnailCss = ":host{display:block}";
+
+const CasinoNormalGameThumbnail = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  async onGameLoaded(gameInfo) {
+    var _a;
+    (_a = this.infoWrapperRef) === null || _a === void 0 ? void 0 : _a.onGameLoaded(gameInfo);
+  }
+  render() {
+    return (h(Host, null, h("casino-game-thumbnail-extrainfo", { ref: (el) => (this.infoWrapperRef = el), language: this.language })));
+  }
+};
+CasinoNormalGameThumbnail.style = casinoNormalGameThumbnailCss;
+
+export { CasinoNormalGameThumbnail as casino_normal_game_thumbnail };

package/dist/esm/game-thumbnail-0a56ee03.js

@@ -0,0 +1,72 @@
+const DEFAULT_BLACKJACK_TOTAL_SEATS = 7;
+const ROULETTE_COLOR_MAP = {
+  1: 'Red',
+  3: 'Red',
+  5: 'Red',
+  7: 'Red',
+  9: 'Red',
+  12: 'Red',
+  14: 'Red',
+  16: 'Red',
+  18: 'Red',
+  19: 'Red',
+  21: 'Red',
+  23: 'Red',
+  25: 'Red',
+  27: 'Red',
+  30: 'Red',
+  32: 'Red',
+  34: 'Red',
+  36: 'Red',
+  2: 'Black',
+  4: 'Black',
+  6: 'Black',
+  8: 'Black',
+  10: 'Black',
+  11: 'Black',
+  13: 'Black',
+  15: 'Black',
+  17: 'Black',
+  20: 'Black',
+  22: 'Black',
+  24: 'Black',
+  26: 'Black',
+  28: 'Black',
+  29: 'Black',
+  31: 'Black',
+  33: 'Black',
+  35: 'Black',
+  0: 'Green',
+  '00': 'Green',
+};
+var GAME_CATEGORY;
+(function (GAME_CATEGORY) {
+  GAME_CATEGORY["BLACKJACK"] = "blackjack";
+  GAME_CATEGORY["ROULETTE"] = "roulette";
+  GAME_CATEGORY["DOUBLEBALL_ROULETTE"] = "doubleballroulette";
+  GAME_CATEGORY["BACCARAT"] = "baccarat";
+})(GAME_CATEGORY || (GAME_CATEGORY = {}));
+var GAME_TYPE;
+(function (GAME_TYPE) {
+  GAME_TYPE["NORMAL_CASINO"] = "casino-games";
+  GAME_TYPE["LIVE_CASINO"] = "live-casino-tables";
+  GAME_TYPE["OTHER"] = "";
+})(GAME_TYPE || (GAME_TYPE = {}));
+const WIDGETTYPE_GAMECATEGORY = {
+  'roulette': 'roulette',
+  'doubleballroulette': 'doubleballroulette',
+  'blackjack': 'blackjack',
+  'baccarat': 'baccarat'
+};
+const WIDGETTYPE_CLASS = {
+  'roulette': 'RoulleteProps',
+  'doubleballroulette': 'RoulleteProps',
+  'blackjack': 'BlackjackDisplay',
+  'baccarat': 'BaccaratProps'
+};
+const WINNER_COLOR = {
+  'banker': 'red',
+  'player': 'blue'
+};
+
+export { DEFAULT_BLACKJACK_TOTAL_SEATS as D, GAME_CATEGORY as G, ROULETTE_COLOR_MAP as R, WIDGETTYPE_GAMECATEGORY as W, GAME_TYPE as a, WINNER_COLOR as b, WIDGETTYPE_CLASS as c };