@everymatrix/player-elevate-level 1.31.2 → 1.32.4

package/dist/cjs/bonus-elevate-levels_8.cjs.entry.js

@@ -1,919 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-c706b0d2.js');
-const playerElevateCardItems = require('./player-elevate-card-items-31eb5d57.js');
-
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hu', 'hr'];
-const TRANSLATIONS = {
-  en: {
-    seeAll: 'See All',
-    termsAndConditions: 'Terms & Conditions',
-    loadElevateLevelErrorMessage: 'Error when load elevate levels',
-    noLevelsSet: 'There is no level set',
-  },
-  fr: {
-    seeAll: 'See All',
-    termsAndConditions: 'Terms & Conditions',
-    loadElevateLevelErrorMessage: 'Error when load elevate levels',
-    noLevelsSet: 'There is no level set',
-  },
-  hr: {
-    level: 'Razina',
-    seeAll: 'Vidi sve',
-    privilegesFor: 'Privilegije za',
-    termsAndConditions: 'Uvjeti i odredbe',
-    noLevelsSet: 'There is no level set',
-  }
-};
-const translate = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
-};
-
-const bonusElevateLevelsCss = ":host{display:block}.ElevateLevelContent{padding:20px;position:relative}.ElevateLevelContent .Privileges{padding-bottom:30px}.ElevateLevelContent .tc{position:absolute;right:10px;bottom:10px;text-align:right;display:none}";
-
-const BonusElevateLevels = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url
-     */
-    this.clientStylingUrl = '';
-    /**
-     * Language of the widget
-     */
-    this.language = 'en';
-    /**
-     * The translationUrl
-     */
-    this.translationUrl = '';
-    /**
-     * Used in elevate level list
-     */
-    this.elevateLevels = [];
-  }
-  selectedLevelChangedHandler(event) {
-    if (event.detail) {
-      this.currentLevel = Object.assign({}, event.detail.level);
-    }
-  }
-  selectedLevelIdChangedHandler() {
-    if (this.selectedLevelId && this.elevateLevels) {
-      const currentLevel = this.elevateLevels.filter((item) => {
-        return item.id == this.selectedLevelId;
-      })[0];
-      this.currentLevel = Object.assign({}, currentLevel);
-    }
-  }
-  elevateLevelsDataChangeHandler(event) {
-    if (!event.detail) {
-      return;
-    }
-    if (event.detail.currentLevel) {
-      this.currentLevel = Object.assign({}, event.detail.currentLevel);
-    }
-    if (event.detail.elevateLevels) {
-      this.elevateLevels = [...event.detail.elevateLevels];
-    }
-    if (event.detail.clearError) {
-      this.errorMessage = null;
-    }
-    if (event.detail.errorMessage) {
-      if (event.detail.errorMessage['errorWhenLoadElevateLevels']) {
-        this.errorMessage = translate('loadElevateLevelErrorMessage', this.language);
-      }
-    }
-  }
-  onTCClick() {
-    window.postMessage({ type: 'termAndConditionClicked' }, window.location.href);
-  }
-  componentWillLoad() {
-    this.elevateLevelParamProxy = {
-      endpoint: this.endpoint, language: this.language, selectedLevelId: this.selectedLevelId,
-      showDefault: this.showDefault
-    };
-  }
-  render() {
-    return (index.h("div", { class: "ElevateLevelContent" }, index.h("elevate-levels-data", { scopeParams: this.elevateLevelParamProxy }), index.h("div", { class: "LevelContent" }, this.elevateLevels ?
-      index.h("elevate-level-list", { language: this.language, selectedLevelId: this.selectedLevelId, levels: this.elevateLevels }) : translate('noLevelsSet', this.language), this.currentLevel &&
-      index.h("elevate-level-presentation", { elevateLevel: this.currentLevel }), index.h("div", { class: "tc", onClick: this.onTCClick }, translate('termsAndConditions', this.language), ' ')), this.errorMessage && index.h("div", null, this.errorMessage), index.h("general-styling-wrapper", { clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl })));
-  }
-  static get watchers() { return {
-    "selectedLevelId": ["selectedLevelIdChangedHandler"],
-    "elevateLevels": ["selectedLevelIdChangedHandler"]
-  }; }
-};
-BonusElevateLevels.style = bonusElevateLevelsCss;
-
-/**
- * @name isMobile
- * @description A method that returns if the browser used to access the app is from a mobile device or not
- * @param {String} userAgent window.navigator.userAgent
- * @returns {Boolean} true or false
- */
-const isMobile = (userAgent) => {
-  return !!(userAgent.toLowerCase().match(/android/i) ||
-    userAgent.toLowerCase().match(/blackberry|bb/i) ||
-    userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
-    userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
-};
-var MOVE_TO;
-(function (MOVE_TO) {
-  MOVE_TO[MOVE_TO["slideToRight"] = 1] = "slideToRight";
-  MOVE_TO[MOVE_TO["slideToLeft"] = -1] = "slideToLeft";
-})(MOVE_TO || (MOVE_TO = {}));
-
-const elevateLevelListCss = "elevate-level-list{display:flex;flex-direction:row}.LevelItemsWrapper{display:flex;flex:1;margin-top:10px;min-height:30px;transition-property:all;position:relative;height:138px;overflow-x:hidden}.Mobile.LevelItems{overflow-x:hidden}.LevelItems{overflow-x:auto;display:flex;flex-direction:row;gap:10px;left:0;position:absolute;transition:left 0.5s ease-in-out}.LevelItems .Item:hover,.LevelItems .Item.Active{background-color:var(--emfe-w-color-gray-50, #f4f4f4);box-shadow:0px 4px 13px 0px rgba(0, 0, 0, 0.25)}.LevelItems .Item{width:86px;height:125px;border-radius:15px;text-align:center;display:flex;flex-direction:column;cursor:pointer}.LevelItems .Item .LevelName{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.LevelItems .Item .LevelPoints{color:var(--emfe-w-color-gray-100, #767171);font-size:10px}.LevelItems .Item .LevelImg{width:65px;height:68px;margin:11px auto}.SliderButton{display:flex;width:29px;align-items:center;cursor:pointer}.SliderButton.Disabled svg{stroke:var(--emfe-w-color-gray-50, #cbc5c5)}.SliderButton.Hidden{display:none}";
-
-const ElevateLevelList = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.selectedLevelChanged = index.createEvent(this, "selectedLevelChanged", 7);
-    this.isShowSliderButton = false;
-    this.offset = 0;
-    this.minOffset = 0;
-    this.isMobile = isMobile(window.navigator.userAgent);
-  }
-  onLevelClicked(elevateLevel) {
-    this.selectedLevelChanged.emit({ level: elevateLevel });
-    this.selectedLevelId = elevateLevel.id;
-  }
-  levelsChangedHandler() {
-    this.initOffsetOfLevelItems();
-  }
-  initOffsetOfLevelItems() {
-    if (!this.levels || this.levels.length == 0 || !this.selectedLevelId) {
-      return;
-    }
-    const currentLevelIndex = this.levels.findIndex((item) => {
-      return this.selectedLevelId == item.id;
-    });
-    this.onLevelClicked(this.levels[currentLevelIndex == -1 ? 0 : currentLevelIndex]);
-    //do not need change the slider offset when level items less than moveCountForOneTouch
-    if (this.levels.length <= this.moveCountForOneTouch) {
-      return;
-    }
-    //to avoid the slider do not move when currentLevelIndex = moveCountForOneTouch - 1
-    let newOffset = Math.floor((currentLevelIndex == -1 ? 1 : currentLevelIndex + 1) / this.moveCountForOneTouch)
-      * this.moveCountForOneTouch * this.childElementWidth * (-1);
-    this.offset = newOffset <= this.minOffset ? this.minOffset : (newOffset >= 0 ? 0 : newOffset);
-  }
-  onTouchStart(e) {
-    this.touchPosStart = { clientX: e.touches[0].clientX, clientY: e.touches[0].clientY };
-  }
-  onTouchMove(e) {
-    this.touchPosEnd = { clientX: e.touches[0].clientX, clientY: e.touches[0].clientY };
-    const diffX = this.touchPosEnd.clientX - this.touchPosStart.clientX;
-    const diffY = this.touchPosEnd.clientY - this.touchPosStart.clientY;
-    if (Math.abs(diffX) > Math.abs(diffY)) {
-      this.slideTo(diffX > 0 ? MOVE_TO.slideToRight : MOVE_TO.slideToLeft);
-    }
-  }
-  slideTo(direction) {
-    let newOffset = this.levelsElement.offsetLeft +
-      (this.childElementWidth) * this.moveCountForOneTouch * direction;
-    if (newOffset % this.childElementWidth != 0) {
-      const leftOfPreNode = (Math.floor(newOffset / this.childElementWidth)) * this.childElementWidth;
-      const leftOfNextNode = (Math.ceil(newOffset / this.childElementWidth)) * this.childElementWidth;
-      //touchmove to right, get left of pre-node; touchmove to left, get left of next-node
-      newOffset = direction == MOVE_TO.slideToRight ? leftOfPreNode : leftOfNextNode;
-    }
-    this.offset = newOffset < this.minOffset ? this.minOffset : (newOffset >= 0 ? 0 : newOffset);
-  }
-  initLevelSlider() {
-    var _a;
-    if (!((_a = this.levelsElement) === null || _a === void 0 ? void 0 : _a.firstElementChild)) {
-      console.log('Widget[elevate-level-list] DOM is not ready.');
-      return;
-    }
-    this.isShowSliderButton = !this.isMobile && (this.levelsElement.clientWidth > this.levelsElement.parentElement.clientWidth);
-    this.minOffset = this.levelsElement.parentElement.clientWidth - this.levelsElement.clientWidth;
-    this.childElementWidth = this.levelsElement.firstElementChild.clientWidth;
-    this.moveCountForOneTouch = Math.ceil(this.levelsElement.parentElement.clientWidth / this.childElementWidth) - 1;
-    const childElementCount = this.levelsElement.childElementCount;
-    this.childElementWidth += (this.levelsElement.clientWidth - this.childElementWidth * childElementCount) / (childElementCount - 1);
-  }
-  debounce(callback, delay) {
-    {
-      let timer;
-      return () => {
-        clearTimeout(timer);
-        timer = setTimeout(() => {
-          callback();
-        }, delay);
-      };
-    }
-  }
-  ;
-  handleResize() {
-    this.debounce(this.initLevelSlider.bind(this), 200)();
-  }
-  componentDidRender() {
-    this.host.componentOnReady().then(() => {
-      this.initLevelSlider();
-    });
-  }
-  render() {
-    return (index.h(index.Host, null, this.levels && [
-      index.h("div", { class: `SliderButton LeftButton ${this.offset == 0 ? 'Disabled' : ''} ${this.isShowSliderButton ? '' : 'Hidden'}`, onClick: () => this.slideTo(MOVE_TO.slideToRight) }, index.h("svg", { fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M15 19l-7-7 7-7" }))),
-      index.h("div", { class: 'LevelItemsWrapper' }, index.h("div", { style: { 'left': `${this.offset}px` }, class: `LevelItems ${this.isMobile ? 'Mobile' : ''}`, id: 'levelItems', ref: (el) => { this.levelsElement = el; } }, this.levels.map((level, idx) => {
-        return (index.h("div", { class: `Item ${this.selectedLevelId == level.id ? 'Active' : ''}`, onClick: this.onLevelClicked.bind(this, level) }, index.h("img", { alt: `Presentation Icon for ${level.presentation.displayName}`, class: "LevelImg", src: level.presentation.asset }), index.h("span", { class: "LevelName", title: level.presentation.displayName }, level.presentation.displayName), index.h("span", { class: "LevelPoints" }, idx == 0 ? '' : '>', level.firstEntryPoints, ' ', translate('points', this.language))));
-      }))),
-      index.h("div", { class: `SliderButton RightButton ${this.offset <= this.minOffset ? 'Disabled' : ''} ${this.isShowSliderButton ? '' : 'Hidden'}`, onClick: () => this.slideTo(MOVE_TO.slideToLeft) }, index.h("svg", { fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M9 5l7 7-7 7" })))
-    ]));
-  }
-  get host() { return index.getElement(this); }
-  static get watchers() { return {
-    "selectedLevelId": ["levelsChangedHandler"]
-  }; }
-};
-ElevateLevelList.style = elevateLevelListCss;
-
-const elevateLevelPresentationCss = ":host{display:block}.PriviliegeList{padding-inline-start:5px}.PriviliegeList li{display:flex}.PriviliegeList li .Img{width:80px}.PriviliegeList li .Img img{width:60px;margin:10px}.PriviliegeList li .Content h4{text-transform:capitalize;margin-block-start:10px}";
-
-const ElevateLevelPresentation = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return index.h(index.Host, null, index.h("div", { class: "Row Desc" }, index.h("h3", null, this.elevateLevel.presentation.displayName), index.h("p", null, index.h("span", { class: "TxtDesc", innerHTML: this.elevateLevel.presentation.description }))));
-  }
-};
-ElevateLevelPresentation.style = elevateLevelPresentationCss;
-
-function createCommonjsModule(fn, basedir, module) {
-	return module = {
-		path: basedir,
-		exports: {},
-		require: function (path, base) {
-			return commonjsRequire();
-		}
-	}, fn(module, module.exports), module.exports;
-}
-
-function commonjsRequire () {
-	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
-}
-
-var browser = createCommonjsModule(function (module, exports) {
-
-// ref: https://github.com/tc39/proposal-global
-var getGlobal = function () {
-	// the only reliable means to get the global object is
-	// `Function('return this')()`
-	// However, this causes CSP violations in Chrome apps.
-	if (typeof self !== 'undefined') { return self; }
-	if (typeof window !== 'undefined') { return window; }
-	if (typeof global !== 'undefined') { return global; }
-	throw new Error('unable to locate global object');
-};
-
-var global = getGlobal();
-
-module.exports = exports = global.fetch;
-
-// Needed for TypeScript and Webpack.
-if (global.fetch) {
-	exports.default = global.fetch.bind(global);
-}
-
-exports.Headers = global.Headers;
-exports.Request = global.Request;
-exports.Response = global.Response;
-});
-
-const elevateLevelsDataCss = ":host{display:block}";
-
-const ElevateLevelsData = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.elevateLevelsDataChange = index.createEvent(this, "elevateLevelsDataChange", 7);
-  }
-  async componentWillLoad() {
-    //load data
-    if (!this.scopeParams.endpoint) {
-      return;
-    }
-    const endpoint = this.scopeParams.endpoint;
-    let url = new URL(`${endpoint}/v1/elevate/levels?language=${this.scopeParams.language}`);
-    await browser(url.href)
-      .then((res) => res.json())
-      .then((res) => {
-      const elevateLevels = res.data.sort((a, b) => {
-        return a.firstEntryPoints < b.firstEntryPoints ? -1 : 1;
-      });
-      let selectedLevelId = this.scopeParams.selectedLevelId;
-      // if selected level is not set, set first（basic） as default
-      if (!selectedLevelId && this.scopeParams.showDefault && elevateLevels.length > 0) {
-        selectedLevelId = elevateLevels[0].id;
-      }
-      if (selectedLevelId) {
-        // get current level by name
-        const currentLevel = elevateLevels.filter((item) => {
-          return item.id == selectedLevelId;
-        })[0];
-        this.elevateLevelsDataChange.emit({ currentLevel: currentLevel });
-      }
-      this.elevateLevelsDataChange.emit({ 'clearError': true });
-      this.elevateLevelsDataChange.emit({ 'elevateLevels': elevateLevels });
-    }).catch((err) => {
-      this.elevateLevelsDataChange.emit({ errorMessage: { type: 'errorWhenLoadElevateLevels', err } });
-      console.error(err);
-    });
-  }
-};
-ElevateLevelsData.style = elevateLevelsDataCss;
-
-const mergeTranslations = (url, target) => {
-  return new Promise((resolve) => {
-    fetch(url)
-      .then((res) => res.json())
-      .then((data) => {
-      Object.keys(data).forEach((item) => {
-        target[item] = target[item] ? target[item] : {};
-        for (let key in data[item]) {
-          target[item][key] = data[item][key];
-        }
-      });
-      resolve(true);
-    });
-  });
-};
-
-const generalStylingWrapperCss = ":host{display:block}";
-
-const GeneralStylingWrapper = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * Client custom styling via inline styles
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url
-     */
-    this.clientStylingUrl = '';
-    /**
-     * Translation via url
-     */
-    this.translationUrl = '';
-    this.stylingAppends = false;
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.el.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.el.prepend(cssFile);
-        }, 1);
-      })
-        .catch((err) => {
-        console.log('error ', err);
-      });
-    };
-  }
-  componentDidRender() {
-    // start custom styling area
-    if (!this.stylingAppends) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      this.stylingAppends = true;
-    }
-    // end custom styling area
-  }
-  async componentWillLoad() {
-    const promises = [];
-    if (this.translationUrl) {
-      const translationPromise = mergeTranslations(this.translationUrl, this.targetTranslations);
-      promises.push(translationPromise);
-    }
-    return await Promise.all(promises);
-  }
-  render() {
-    return (index.h("div", { class: "StyleShell" }, index.h("slot", { name: "mainContent" })));
-  }
-  get el() { return index.getElement(this); }
-};
-GeneralStylingWrapper.style = generalStylingWrapperCss;
-
-/**
- * @name startOfDay
- * @category Day Helpers
- * @summary Return the start of a day for the given date.
- *
- * @description
- * Return the start of a day for the given date.
- * The result will be in the local timezone.
- *
- * @param {Date|Number} date - the original date
- * @returns {Date} the start of a day
- * @throws {TypeError} 1 argument required
- *
- * @example
- * // The start of a day for 2 September 2014 11:55:00:
- * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))
- * //=> Tue Sep 02 2014 00:00:00
- */
-function startOfDay(dirtyDate) {
-  playerElevateCardItems.requiredArgs(1, arguments);
-  var date = playerElevateCardItems.toDate(dirtyDate);
-  date.setHours(0, 0, 0, 0);
-  return date;
-}
-
-var MILLISECONDS_IN_DAY = 86400000;
-
-/**
- * @name differenceInCalendarDays
- * @category Day Helpers
- * @summary Get the number of calendar days between the given dates.
- *
- * @description
- * Get the number of calendar days between the given dates. This means that the times are removed
- * from the dates and then the difference in days is calculated.
- *
- * @param {Date|Number} dateLeft - the later date
- * @param {Date|Number} dateRight - the earlier date
- * @returns {Number} the number of calendar days
- * @throws {TypeError} 2 arguments required
- *
- * @example
- * // How many calendar days are between
- * // 2 July 2011 23:00:00 and 2 July 2012 00:00:00?
- * const result = differenceInCalendarDays(
- *   new Date(2012, 6, 2, 0, 0),
- *   new Date(2011, 6, 2, 23, 0)
- * )
- * //=> 366
- * // How many calendar days are between
- * // 2 July 2011 23:59:00 and 3 July 2011 00:01:00?
- * const result = differenceInCalendarDays(
- *   new Date(2011, 6, 3, 0, 1),
- *   new Date(2011, 6, 2, 23, 59)
- * )
- * //=> 1
- */
-function differenceInCalendarDays(dirtyDateLeft, dirtyDateRight) {
-  playerElevateCardItems.requiredArgs(2, arguments);
-  var startOfDayLeft = startOfDay(dirtyDateLeft);
-  var startOfDayRight = startOfDay(dirtyDateRight);
-  var timestampLeft = startOfDayLeft.getTime() - playerElevateCardItems.getTimezoneOffsetInMilliseconds(startOfDayLeft);
-  var timestampRight = startOfDayRight.getTime() - playerElevateCardItems.getTimezoneOffsetInMilliseconds(startOfDayRight);
-
-  // Round the number of days to the nearest integer
-  // because the number of milliseconds in a day is not constant
-  // (e.g. it's different in the day of the daylight saving time clock shift)
-  return Math.round((timestampLeft - timestampRight) / MILLISECONDS_IN_DAY);
-}
-
-/**
- * Days in 1 week.
- *
- * @name daysInWeek
- * @constant
- * @type {number}
- * @default
- */
-
-/**
- * Milliseconds in 1 hour
- *
- * @name millisecondsInHour
- * @constant
- * @type {number}
- * @default
- */
-var millisecondsInHour = 3600000;
-
-/**
- * @name differenceInMilliseconds
- * @category Millisecond Helpers
- * @summary Get the number of milliseconds between the given dates.
- *
- * @description
- * Get the number of milliseconds between the given dates.
- *
- * @param {Date|Number} dateLeft - the later date
- * @param {Date|Number} dateRight - the earlier date
- * @returns {Number} the number of milliseconds
- * @throws {TypeError} 2 arguments required
- *
- * @example
- * // How many milliseconds are between
- * // 2 July 2014 12:30:20.600 and 2 July 2014 12:30:21.700?
- * const result = differenceInMilliseconds(
- *   new Date(2014, 6, 2, 12, 30, 21, 700),
- *   new Date(2014, 6, 2, 12, 30, 20, 600)
- * )
- * //=> 1100
- */
-function differenceInMilliseconds(dateLeft, dateRight) {
-  playerElevateCardItems.requiredArgs(2, arguments);
-  return playerElevateCardItems.toDate(dateLeft).getTime() - playerElevateCardItems.toDate(dateRight).getTime();
-}
-
-var roundingMap = {
-  ceil: Math.ceil,
-  round: Math.round,
-  floor: Math.floor,
-  trunc: function trunc(value) {
-    return value < 0 ? Math.ceil(value) : Math.floor(value);
-  } // Math.trunc is not supported by IE
-};
-
-var defaultRoundingMethod = 'trunc';
-function getRoundingMethod(method) {
-  return method ? roundingMap[method] : roundingMap[defaultRoundingMethod];
-}
-
-/**
- * @name differenceInHours
- * @category Hour Helpers
- * @summary Get the number of hours between the given dates.
- *
- * @description
- * Get the number of hours between the given dates.
- *
- * @param {Date|Number} dateLeft - the later date
- * @param {Date|Number} dateRight - the earlier date
- * @param {Object} [options] - an object with options.
- * @param {String} [options.roundingMethod='trunc'] - a rounding method (`ceil`, `floor`, `round` or `trunc`)
- * @returns {Number} the number of hours
- * @throws {TypeError} 2 arguments required
- *
- * @example
- * // How many hours are between 2 July 2014 06:50:00 and 2 July 2014 19:00:00?
- * const result = differenceInHours(
- *   new Date(2014, 6, 2, 19, 0),
- *   new Date(2014, 6, 2, 6, 50)
- * )
- * //=> 12
- */
-function differenceInHours(dateLeft, dateRight, options) {
-  playerElevateCardItems.requiredArgs(2, arguments);
-  var diff = differenceInMilliseconds(dateLeft, dateRight) / millisecondsInHour;
-  return getRoundingMethod(options === null || options === void 0 ? void 0 : options.roundingMethod)(diff);
-}
-
-/**
- * @name isBefore
- * @category Common Helpers
- * @summary Is the first date before the second one?
- *
- * @description
- * Is the first date before the second one?
- *
- * @param {Date|Number} date - the date that should be before the other one to return true
- * @param {Date|Number} dateToCompare - the date to compare with
- * @returns {Boolean} the first date is before the second date
- * @throws {TypeError} 2 arguments required
- *
- * @example
- * // Is 10 July 1989 before 11 February 1987?
- * const result = isBefore(new Date(1989, 6, 10), new Date(1987, 1, 11))
- * //=> false
- */
-function isBefore(dirtyDate, dirtyDateToCompare) {
-  playerElevateCardItems.requiredArgs(2, arguments);
-  var date = playerElevateCardItems.toDate(dirtyDate);
-  var dateToCompare = playerElevateCardItems.toDate(dirtyDateToCompare);
-  return date.getTime() < dateToCompare.getTime();
-}
-
-function updateProgressSvg(progressElementRef, percent) {
-  const svgElement = progressElementRef.querySelector('#total_level');
-  const endLockWidth = 15;
-  const barWidth = svgElement.getBBox().width;
-  const widthOnBar = percent * barWidth - endLockWidth < 0 ? 0 : percent * barWidth - endLockWidth;
-  //update bar's width, widthOnBar
-  const levelBar = progressElementRef.querySelector('#current_level');
-  //update filters, x = widthOnBar
-  const levelFilter = progressElementRef.querySelector('#filter_current_level');
-  //update circle, widthOnBar+10
-  const levelCircle = progressElementRef.querySelector('#circle_current_level');
-  svgElement.setAttribute('viewbox', `0 0 ${widthOnBar} 28`);
-  levelBar.setAttribute('width', `${widthOnBar}`);
-  levelCircle.setAttribute('cx', `${widthOnBar + 3}`);
-  levelFilter.setAttribute('x', `${widthOnBar - 4}`);
-  //update lock location
-  const endLockElement = progressElementRef.querySelector('#lock');
-  // wrapper of endLock, include ball and heatfilter1_d_305_23
-  const filter1 = progressElementRef.querySelector('#filter_heart_ball');
-  // ball in endlockfilter2_i_305_23
-  const filter2 = progressElementRef.querySelector('#filter_ball');
-  // heart in endlockfilter3_d_305_23
-  const filter3 = progressElementRef.querySelector('#filter_heart');
-  //wrapper of lockfilter4_d_305_23
-  const filterLock = progressElementRef.querySelector('#filter_lock');
-  // shadow of ball paint0_linear_305_23
-  const paint0 = progressElementRef.querySelector('#paint0_linear_ball');
-  //paint in lockpaint1_linear_305_23
-  const paint1 = progressElementRef.querySelector('#paint1_linear_lock');
-  // box of lock and heart, for move position dynamically
-  const lockBox = progressElementRef.querySelector('#lock_box');
-  const heartBox = progressElementRef.querySelector('#heart_box');
-  const rightPaddingOfLockWidth = 10, cxOfEndLockEle = barWidth - rightPaddingOfLockWidth;
-  //set cx of lockElement
-  endLockElement.setAttribute('cx', `${cxOfEndLockEle}`);
-  //set cx of sub Elements
-  paint1.setAttribute('x1', `${cxOfEndLockEle}`);
-  paint1.setAttribute('x2', `${cxOfEndLockEle}`);
-  paint0.setAttribute('x1', `${cxOfEndLockEle - 6}`);
-  paint0.setAttribute('x2', `${cxOfEndLockEle - 6 + 11.2}`);
-  filterLock.setAttribute('x', `${cxOfEndLockEle - 6}`);
-  filter3.setAttribute('x', `${cxOfEndLockEle - 6 - 2}`);
-  filter2.setAttribute('x', `${cxOfEndLockEle - 6 - 2 - 2}`);
-  filter1.setAttribute('x', `${cxOfEndLockEle - 6 - 2 - 2 - 4}`);
-  lockBox.setAttribute('x', `${cxOfEndLockEle - 6}`);
-  heartBox.setAttribute('x', `${cxOfEndLockEle - 6}`);
-}
-
-const playerElevateCardDataCss = ":host {\n  display: block;\n  width: 360px;\n  height: 230px;\n}\n\n.ElevateCardWrapper {\n  contain: layout inline-size;\n  width: 100%;\n  height: fit-content;\n  min-height: 218px;\n}\n\n.Outer {\n  container-type: inline-size;\n  font-size: 12px;\n  background-size: cover;\n  background-repeat: no-repeat;\n  line-height: initial;\n  width: 100%;\n  height: 100%;\n}\n\n.Dark {\n  color: var(--emfe-w-color-gray150, #efefef);\n}\n\n.Light {\n  color: var(--emfe-w-color-black, #0e0e0e);\n}\n\n@container (min-width: 381px) {\n  .Outer {\n    background-size: cover;\n  }\n  .Outer .OuterCover {\n    min-height: 190px;\n  }\n}\n@container (min-width: 260px) {\n  .Outer {\n    background-size: contain;\n  }\n}\n.OuterCover {\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  background-repeat: no-repeat;\n  background-size: cover;\n  border-radius: 15px;\n}\n\n.Inner {\n  display: flex;\n  flex-direction: column;\n  min-height: 158px;\n}\n.Inner .Content {\n  padding: 15px;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.Inner .Row {\n  display: flex;\n  flex-direction: row;\n}\n.Inner .CardCell {\n  display: flex;\n}\n.Inner .LevelInfo {\n  display: flex;\n  flex-direction: column;\n}\n.Inner .LevelInfo .ElevateLevel .LevelName {\n  height: 28px;\n  border-radius: 5px;\n  line-height: 28px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.Inner .LevelInfo.Level0 .ElevateLevel .LevelName {\n  box-shadow: -2px -2px 7px 0px var(--emfe-w-elevate-color-level0button-shadow, rgba(191, 84, 6, 0.75));\n  background: linear-gradient(180deg, var(--emfe-w-elevate-color-level0-bg0, #E2792C) 0%, var(--emfe-w-elevate-color-level0-bg1, rgba(242, 151, 99, 0)) 100%);\n}\n.Inner .LevelInfo.Level1 .ElevateLevel .LevelName {\n  box-shadow: -2px -2px 7px 0px var(--emfe-w-elevate-color-level1button-shadow, rgba(151, 151, 151, 0.75));\n  background: linear-gradient(180deg, var(--emfe-w-elevate-color-level1-bg0, #BEBFED) 0%, var(--emfe-w-elevate-color-level1-bg1, rgba(216, 217, 233, 0)) 100%);\n}\n.Inner .LevelInfo.Level2 .ElevateLevel .LevelName {\n  box-shadow: -2px -2px 7px 0px var(--emfe-w-elevate-color-level2button-shadow, rgba(191, 120, 6, 0.75));\n  background: linear-gradient(180deg, var(--emfe-w-elevate-color-level2-bg0, #FCC410) 0%, var(--emfe-w-elevate-color-level2-bg1, rgba(255, 189, 43, 0)) 100%);\n}\n.Inner .LevelInfo.Level3 .ElevateLevel .LevelName {\n  box-shadow: -2px -2px 7px 0px var(--emfe-w-elevate-color-level3button-shadow, rgba(65, 6, 191, 0.75));\n  background: linear-gradient(180deg, var(--emfe-w-elevate-color-level3-bg0, #B1A2DB) 0%, var(--emfe-w-elevate-color-level3-bg1, rgba(203, 202, 245, 0)) 100%);\n}\n.Inner .LevelInfo.Level4 .ElevateLevel .LevelName {\n  box-shadow: -2px -2px 7px 0px var(--emfe-w-elevate-color-level4button-shadow, rgba(65, 6, 191, 0.75));\n  background: linear-gradient(180deg, var(--emfe-w-elevate-color-level4-bg0, #B1A2DB) 0%, var(--emfe-w-elevate-color-level4-bg1, rgba(203, 202, 245, 0)) 100%);\n}\n.Inner .LevelInfo .ElevateLevel {\n  display: flex;\n}\n.Inner .LevelInfo {\n  flex: 1;\n  flex-grow: 1;\n  min-width: 150px;\n}\n.Inner .PlayerImg {\n  width: 29%;\n  margin: auto;\n  max-width: 100px;\n  min-width: 30px;\n  order: 0;\n}\n.Inner .PlayerAvatar {\n  max-width: 100px;\n  flex-basis: 100px;\n  height: auto;\n  margin: auto;\n  padding-top: 10px;\n}\n.Inner .PlayerAvatar .Avatar, .Inner .PlayerAvatar .Badge {\n  width: 100%;\n  height: 100%;\n}\n.Inner .PlayerAvatar .Avatar {\n  border-radius: 50%;\n  background-size: contain;\n  background-repeat: no-repeat;\n}\n.Inner .ElevateLevel .ExpirationDate {\n  max-width: 138px;\n  min-width: 118px;\n}\n.Inner .PlayerName, .Inner .RedeemButton, .Inner .ElevateLevel {\n  text-transform: capitalize;\n  width: 100%;\n}\n.Inner .PlayerName {\n  font-size: 16px;\n}\n.Inner .Row .PointsInfo {\n  display: table;\n  font-weight: 600;\n}\n.Inner .Row .Redeem {\n  justify-content: flex-end;\n  margin-left: auto;\n}\n.Inner .Row .Redeem:hover {\n  color: var(--emfe-w-elevate-color-redeem-hover, #00ABA4);\n  cursor: pointer;\n}\n.Inner .Row .RedeemButton:hover span {\n  color: var(emfe-w-elevate-color-redeem-text-hover, #f1f1f1);\n  font-weight: bold;\n}\n.Inner .Row .RedeemButton {\n  width: 95px;\n  height: 35px;\n  display: flex;\n  align-items: center;\n  border-radius: 10px;\n  background: var(--emfe-w-elevate-color-redeem-bg, linear-gradient(0deg, #26CC37, #26CC37)), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%);\n  box-shadow: 0px 4px 4px 0px #00000040;\n}\n.Inner .Row .RedeemButton span {\n  color: var(--emfe-w-color-white, #fff);\n  line-height: 18px;\n  font-size: 15px;\n  text-align: center;\n  width: 100%;\n}\n.Inner .Row .Points {\n  font-size: large;\n  vertical-align: middle;\n}\n.Inner .Row .Points .XP {\n  font-size: x-small;\n}\n.Inner .Row .ExpirationPoints {\n  font-size: small;\n  text-align: right;\n  font-weight: bold;\n  color: var(--emfe-w-color-red, #9e595f);\n}";
-
-const PlayerElevateCardData = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.playerElevateLeveLoaded = index.createEvent(this, "playerElevateLeveLoaded", 7);
-  }
-  handleWindowResizs() {
-    this.initLevelProgressbar();
-  }
-  onRedeemClick() {
-    window.postMessage({ type: 'BEERedeemClicked' }, window.location.href);
-  }
-  loadLevels() {
-    let url = new URL(`${this.params.endpoint}/v1/elevate/levels?language=${this.params.language}`);
-    return new Promise((resolve, reject) => {
-      return fetch(url.href, {
-        method: 'GET',
-      })
-        .then((res) => res.json())
-        .then((res) => {
-        this.levels = res.data;
-        resolve(true);
-      })
-        .catch((err) => {
-        reject(err);
-      });
-    });
-  }
-  calcuatePointsToBeExpired(walletTotalInfo) {
-    let pointExpireInfoAsString = '';
-    if (!walletTotalInfo || !walletTotalInfo.aboutToExpire ||
-      walletTotalInfo.aboutToExpire.length == 0 ||
-      walletTotalInfo.aboutToExpire[0].points <= 0) {
-      return pointExpireInfoAsString;
-    }
-    walletTotalInfo.aboutToExpire.sort((expire1, expire2) => {
-      return isBefore(new Date(expire1.expireTime), new Date(expire2.expireTime))
-        ? -1
-        : 1;
-    });
-    const aboutToExpire = walletTotalInfo.aboutToExpire[0];
-    const daysToExpried = differenceInCalendarDays(new Date(aboutToExpire.expireTime), new Date());
-    let hoursToExpired = 0, expiredTranslationKey = daysToExpried === 0 ? 'pointsToBeExpiredDay' : 'pointsToBeExpired';
-    if (daysToExpried == 0) {
-      hoursToExpired = differenceInHours(new Date(aboutToExpire.expireTime), new Date());
-      expiredTranslationKey = hoursToExpired > 1 ? 'pointsToBeExpiredHours' : 'pointsToBeExpiredHour';
-    }
-    pointExpireInfoAsString = playerElevateCardItems.translateWithParams(expiredTranslationKey, {
-      expirationPoints: aboutToExpire.points,
-      expireDay: daysToExpried,
-    });
-    return pointExpireInfoAsString;
-  }
-  loadPlayerLevelInfo() {
-    let url = new URL(`${this.params.endpoint}/v1/elevate/playerInfo?language=${this.params.language}`);
-    return new Promise((resolve, reject) => {
-      return fetch(url.href, {
-        method: 'GET',
-        headers: {
-          'X-Sessionid': this.params.session,
-          'Content-Type': 'application/json',
-        },
-      })
-        .then((res) => res.json())
-        .then((res) => {
-        var _a, _b, _c;
-        if (!res.success) {
-          console.error('Exception when fetch user elevateinfo, ', res.errorCode, res.errorMessage);
-          reject(true);
-          return;
-        }
-        let playerElevateInfo = res.data;
-        this.playerElevateLevel = playerElevateInfo.level;
-        this.playerElevateLevel.name = this.playerElevateLevel.presentation.displayName || this.playerElevateLevel.name;
-        this.playerElevateLevel.spendablePoints = ((_a = playerElevateInfo.spendableWallet) === null || _a === void 0 ? void 0 : _a.total.points) || 0;
-        this.playerElevateLeveLoaded.emit({ elevateLevel: this.playerElevateLevel });
-        const spendableTotal = (_b = res.data.spendableWallet) === null || _b === void 0 ? void 0 : _b.total;
-        const loyaltyWalletTotal = (_c = res.data.loyaltyWallet) === null || _c === void 0 ? void 0 : _c.total;
-        this.playerElevateLeveLoaded.emit({
-          elevateLevelWalletTotal: spendableTotal,
-          loyaltyWalletTotal
-        });
-        let spExpireInfoAsString = this.calcuatePointsToBeExpired(spendableTotal);
-        let xpExpireInfoAsString = this.calcuatePointsToBeExpired(loyaltyWalletTotal);
-        if (spExpireInfoAsString || xpExpireInfoAsString) {
-          this.playerElevateLeveLoaded.emit({
-            pointExpireString: spExpireInfoAsString,
-            xpExpireString: xpExpireInfoAsString
-          });
-        }
-        resolve(this.playerElevateLevel);
-      })
-        .catch((err) => {
-        console.log('error ', err);
-        reject(true);
-      });
-    });
-  }
-  setLoyaltyProgress(percent) {
-    updateProgressSvg(this.loyaltyProgressEle, percent);
-  }
-  initLevelProgressbar() {
-    setTimeout(() => {
-      this.loyaltyProgressEle =
-        this.elevateCardRef.parentElement.querySelector('#LevelProgress');
-      if (!this.loyaltyProgressEle) {
-        return;
-      }
-      this.setLoyaltyProgress(!this.playerElevateLevel.nextLevel
-        ? 1
-        : (this.playerElevateLevel.loyaltyPoints -
-          this.playerElevateLevel.entryPoints) /
-          (this.playerElevateLevel.nextLevel.entryPoints -
-            this.playerElevateLevel.loyaltyPoints));
-      this.params['playerElevateLevel'] = this.playerElevateLevel;
-    }, 80);
-  }
-  componentWillRender() { }
-  componentDidRender() {
-    this.initLevelProgressbar();
-  }
-  componentWillLoad() {
-    if (!this.params.endpoint || !this.params.session) {
-      return;
-    }
-    const promises = [];
-    promises.push(this.loadPlayerLevelInfo());
-    if (this.params.calculateLevelFlag) {
-      promises.push(this.loadLevels());
-    }
-    Promise.all(promises).then((res) => {
-      console.log('elevate-init', res);
-      this.initLevelProgressbar();
-      if (!this.levels) {
-        return;
-      }
-      this.levels.sort((level1, level2) => {
-        return level1.firstEntryPoints > level2.firstEntryPoints ? 1 : -1;
-      });
-      const playerPoints = this.playerElevateLevel.loyaltyPoints;
-      let playerLevelNumber = 0;
-      this.levels.forEach((elevateLevel, idx) => {
-        if (playerPoints > elevateLevel.firstEntryPoints) {
-          playerLevelNumber = idx;
-        }
-      });
-      this.playerElevateLeveLoaded.emit({
-        calculatedLevelFlag: playerLevelNumber,
-      });
-    });
-  }
-  get elevateCardRef() { return index.getElement(this); }
-};
-PlayerElevateCardData.style = playerElevateCardDataCss;
-
-const playerElevateLevelCss = ":host{display:block}.PlayerElevateCard{height:160px;width:100%;overflow:hidden}.ElevateLevelsInfo{background-color:var(--emw--color-background, #e6e8ea)}";
-
-const PlayerElevateLevel = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * datePattern
-     */
-    this.dateFormat = 'yyyy-MM-dd';
-    /**
-     * Client custom styling via inline styles
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url
-     */
-    this.clientStylingUrl = '';
-    /**
-     * Translation via url
-     */
-    this.translationUrl = '';
-  }
-  async setPlayerElevateLevelInfo(event) {
-    if (event.type == 'playerElevateLeveLoaded' && event.detail['elevateLevel']) {
-      this.userLevelId = event.detail['elevateLevel'].id;
-    }
-  }
-  render() {
-    return index.h(index.Host, null, index.h("div", { class: 'PlayerElevateCard' }, index.h("player-elevate-loyaltycard", { playerName: this.playerName, dateFormat: this.dateFormat, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, clientStyling: `${this.clientStyling} .Outer{height: 185px}`, endpoint: this.endpoint, language: this.language, session: this.session })), index.h("div", { class: 'ElevateLevelsInfo' }, index.h("bonus-elevate-levels", { selectedLevelId: this.userLevelId, clientStyling: this.clientStyling, translationUrl: this.translationUrl, language: this.language, endpoint: this.endpoint })));
-  }
-};
-PlayerElevateLevel.style = playerElevateLevelCss;
-
-const playerElevateLoyaltycardCss = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:11px;margin-left:5px}}@media screen and (max-width: 500px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:wrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:0px;margin-left:0px}}.LoyaltyCard .Inner .LevelProgress{margin-left:0px}.LoyaltyCard .Inner .Row .PointsInfo{width:100%}.LoyaltyCard .Inner .Row .PointsInfo.ExpirationPoints{text-align:left;color:var(--emfe-w-color-red-50, red)}.LoyaltyCard .Inner .PlayerAvatar .Avatar{display:none}.LoyaltyCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%}.LoyaltyCard .Inner .LevelInfo .ElevateLevel{display:flex;flex:1;align-items:center}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{position:relative;padding-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate .ExpireTime{margin-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .LevelName{padding-left:0;font-size:var(--emfe-w-elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emfe-w-elevate-color-levelname, #FFBD2B);font-weight:bold}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emfe-w-color-black, #000);opacity:0.8;font-weight:bold}";
-
-const PlayerElevateLoyaltycard = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * The style that widget shows,available value: Dark, Light
-     * Default: Dark
-     */
-    this.theme = 'Dark';
-    /**
-     * Widget Language to show
-     */
-    this.language = 'en';
-    /**
-     * datePattern
-     */
-    this.dateFormat = 'yyyy-MM-dd';
-    /**
-     * Client custom styling via inline styles
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url
-     */
-    this.clientStylingUrl = '';
-    /**
-     * Translation via url
-     */
-    this.translationUrl = '';
-  }
-  playerElevateLeveLoadedHandler(event) {
-    if (!event.detail) {
-      return;
-    }
-    if (event.detail['elevateLevelWalletTotal']) {
-      this.elevateWalletTotal = event.detail['elevateLevelWalletTotal'];
-    }
-    if (event.detail['elevateLevel']) {
-      this.playerElevateLevel = event.detail['elevateLevel'];
-    }
-    if (event.detail['pointExpireString']) {
-      this.pointExpireString = event.detail.xpExpireString;
-    }
-  }
-  onRedeemClick() {
-    window.postMessage({ type: 'BEERedeemClicked' }, window.location.href);
-  }
-  componentWillLoad() {
-    this.paramsProxy = {
-      endpoint: this.endpoint,
-      session: this.session,
-      language: this.language,
-    };
-  }
-  getNextLevelTips() {
-    var _a;
-    //need xx to reach Diamond
-    let nextLevel = (_a = this.playerElevateLevel) === null || _a === void 0 ? void 0 : _a.nextLevel;
-    if (this.playerElevateLevel && nextLevel) {
-      const pointsToReach = (nextLevel.entryPoints - this.playerElevateLevel.loyaltyPoints).toFixed(2);
-      return playerElevateCardItems.translateWithParams('tipsForNextLevel', {
-        pointsToReach,
-        levelName: nextLevel.name,
-      });
-    }
-    return '';
-  }
-  render() {
-    const backgroundOuterImagePath = index.getAssetPath('../static/card-ground.svg');
-    const backgroundInnerImagePath = index.getAssetPath('../static/card-ground-over.svg');
-    return (index.h("div", { class: `ElevateCardWrapper ${this.theme}` }, index.h("div", { class: "LoyaltyCard Outer", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, index.h("general-styling-wrapper", { clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: playerElevateCardItems.TRANSLATIONS, translationUrl: this.translationUrl }), index.h("player-elevate-card-data", { params: this.paramsProxy }), index.h("div", { class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, index.h("div", { class: 'Content Row' }, this.playerElevateLevel && (index.h(index.Fragment, null, index.h("div", { class: "PlayerImg" }, index.h(playerElevateCardItems.PlayerAvatar, { onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), index.h("div", { class: `LevelInfo ${this.playerElevateLevel.name}` }, index.h(playerElevateCardItems.PlayerElevateLoyaltyLevel, { hideInfo: true, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat }), index.h(playerElevateCardItems.PlayerPoints, { loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), this.pointExpireString && (index.h("div", { class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " ")), index.h(playerElevateCardItems.PlayerLoyaltyProcess, null), index.h("div", { class: "NextLevelTip" }, this.getNextLevelTips())))))))));
-  }
-};
-PlayerElevateLoyaltycard.style = playerElevateLoyaltycardCss;
-
-exports.bonus_elevate_levels = BonusElevateLevels;
-exports.elevate_level_list = ElevateLevelList;
-exports.elevate_level_presentation = ElevateLevelPresentation;
-exports.elevate_levels_data = ElevateLevelsData;
-exports.general_styling_wrapper = GeneralStylingWrapper;
-exports.player_elevate_card_data = PlayerElevateCardData;
-exports.player_elevate_level = PlayerElevateLevel;
-exports.player_elevate_loyaltycard = PlayerElevateLoyaltycard;