@everymatrix/player-elevate-level 1.56.3 → 1.57.0

package/dist/cjs/player-elevate-pointcard.cjs.entry.js

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fc200b31.js');
-const playerElevateCardItems = require('./player-elevate-card-items-71b8983b.js');
+const locale_utils = require('./locale.utils-dc4c7c34.js');
+const playerElevateCardItems = require('./player-elevate-card-items-c35aea25.js');
 
 const playerElevatePointcardCss = ":host{display:block}.PointsCard .Inner .Row .ExpirationPoints{text-align:left}.PointsCard .Inner .PlayerAvatar .Avatar{display:none}.PointsCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%;position:inherit}.PointsCard .Inner .PointsTxt{display:flex;flex-direction:row;justify-content:space-between}.PointsCard .Inner .DetailButton{background:linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%), linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));border-radius:5px;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);border:2px solid;font-size:11px;width:108px;padding:4px;cursor:pointer;margin-top:5px;height:16px;min-width:45px;text-align:center}.PointsCard .Inner .DetailButton span{color:var(--emw--color-gray-150, #6D6D6D)}.PointsCard .Inner .DetailButton span{display:inline-block;vertical-align:middle}.PointsCard .Inner .DetailButton:hover span{color:var(--emw--color-gray-150, #6D6D6D)}.PointsCard .Inner .LevelInfo{gap:15px;width:70%}.PointsCard .Inner .LevelInfo .PointsTxt{font-size:15px}.PointsCard .Inner .LevelInfo .PointsTxt.Label{display:none}.PointsCard .Inner .LevelInfo .PointsTxt.SPPoints{padding-top:15px}.PointsCard .Inner .LevelInfo .PointsTxt .TC{font-size:x-small;color:var(--emw--color-gray-300, #58586B);display:flex;align-content:center;height:100%;flex-wrap:wrap;text-decoration:underline;cursor:pointer;display:none}";
 const PlayerElevatePointcardStyle0 = playerElevatePointcardCss;
@@ -61,9 +62,9 @@ const PlayerElevatePointcard = class {
     render() {
         const backgroundOuterImagePath = index.getAssetPath('../static/card-ground.svg');
         const backgroundInnerImagePath = index.getAssetPath('../static/card-ground-over.svg');
-        return (index.h("div", { key: '4e6e25bdd2a9f795369b39dbfd7e9adbd1523e17', class: `ElevateCardWrapper ${this.theme}` }, index.h("div", { key: 'ddeea1e67d51d5c0c8ed56edfd2d8d9c39e85253', class: "PointsCard Outer ", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, index.h("general-styling-wrapper", { key: 'c6d6e3a3bc9a54cb99b4268feb3c296527d1ba8c', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: playerElevateCardItems.TRANSLATIONS, translationUrl: this.translationUrl }), index.h("player-elevate-card-data", { key: '4371faac6967c5b3eced57f6251064ea4e1d6a65', params: this.paramProxy }), index.h("div", { key: 'c78235a6fdc2aed90df898f007b5ee091cece8dc', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, index.h("div", { key: '025e779223c1c85c11998be8389a8ff836a31e6c', class: 'Content Row' }, this.playerElevateLevel && (index.h(index.Fragment, { key: '68daa6047dc93d2596d8b2309a26f56960737617' }, index.h("div", { key: '6a2d2b2e7d234bceaf3d9240c5d4f2eb80395319', class: "PlayerImg" }, index.h(playerElevateCardItems.PlayerAvatar, { key: 'aeaf35ad8055ad4f7312922c8600ea58d09be74f', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), index.h("div", { key: 'bd51ce868b4d8a547f40ec55548bbf3cfa416534', class: `LevelInfo ${this.playerElevateLevel.name}` }, index.h("div", { key: '5f4d77a5b43c8efee850b9813bc1c8e61d27d45d', class: "PointsTxt Label" }, this.cardTitle ? this.cardTitle : playerElevateCardItems.translate('spendablePoints')), index.h("div", { key: 'bae5dc76d00c98aed803601c19fe3bf1aa4418d5', class: 'PointsTxt SPPoints' }, index.h(playerElevateCardItems.PlayerPoints, { key: '59d51bd37f44ed23108fc4356af41c01668354e3', spendablePoints: this.playerElevateLevel.spendablePoints, language: this.language }), index.h("a", { key: '3a923bea242ae5fa412f4448dca7277b3588621e', class: "TC", onClick: () => {
+        return (index.h("div", { key: '4e6e25bdd2a9f795369b39dbfd7e9adbd1523e17', class: `ElevateCardWrapper ${this.theme}` }, index.h("div", { key: 'ddeea1e67d51d5c0c8ed56edfd2d8d9c39e85253', class: "PointsCard Outer ", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, index.h("general-styling-wrapper", { key: 'c6d6e3a3bc9a54cb99b4268feb3c296527d1ba8c', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: locale_utils.TRANSLATIONS, translationUrl: this.translationUrl }), index.h("player-elevate-card-data", { key: '4371faac6967c5b3eced57f6251064ea4e1d6a65', params: this.paramProxy }), index.h("div", { key: 'c78235a6fdc2aed90df898f007b5ee091cece8dc', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, index.h("div", { key: '025e779223c1c85c11998be8389a8ff836a31e6c', class: 'Content Row' }, this.playerElevateLevel && (index.h(index.Fragment, { key: '68daa6047dc93d2596d8b2309a26f56960737617' }, index.h("div", { key: '6a2d2b2e7d234bceaf3d9240c5d4f2eb80395319', class: "PlayerImg" }, index.h(playerElevateCardItems.PlayerAvatar, { key: 'aeaf35ad8055ad4f7312922c8600ea58d09be74f', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), index.h("div", { key: 'bd51ce868b4d8a547f40ec55548bbf3cfa416534', class: `LevelInfo ${this.playerElevateLevel.name}` }, index.h("div", { key: '5f4d77a5b43c8efee850b9813bc1c8e61d27d45d', class: "PointsTxt Label" }, this.cardTitle ? this.cardTitle : locale_utils.translate('spendablePoints')), index.h("div", { key: 'bae5dc76d00c98aed803601c19fe3bf1aa4418d5', class: 'PointsTxt SPPoints' }, index.h(playerElevateCardItems.PlayerPoints, { key: '59d51bd37f44ed23108fc4356af41c01668354e3', spendablePoints: this.playerElevateLevel.spendablePoints, language: this.language }), index.h("a", { key: '3a923bea242ae5fa412f4448dca7277b3588621e', class: "TC", onClick: () => {
                 this.onDetailsClick();
-            } }, playerElevateCardItems.translate('termAndConditions', this.language))), this.pointExpireString && (index.h("div", { key: '8803ae8d343885da58dfa04b9a4474ff473b5a74', class: 'ExpirationPoints' }, this.pointExpireString, " "))))))))));
+            } }, locale_utils.translate('termAndConditions', this.language))), this.pointExpireString && (index.h("div", { key: '8803ae8d343885da58dfa04b9a4474ff473b5a74', class: 'ExpirationPoints' }, this.pointExpireString, " "))))))))));
     }
     static get watchers() { return {
         "session": ["onSessionOrEndpointChange"],

package/dist/cjs/player-rakeback-card.cjs.entry.js

@@ -0,0 +1,162 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-fc200b31.js');
+const locale_utils = require('./locale.utils-dc4c7c34.js');
+
+const playerRakebackCardCss = ":host{display:block}@keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}.RakebackCard{border:2px solid var(--em-color-border-primary, #003E5C);padding:32px;border-radius:var(--emw--border-radius-medium, 12px);overflow:hidden;font-family:inherit}.RakebackCard .RakebackCardContent .RakebackTitle{font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-semibold, 500);color:var(--em-color-text-secondary, #727672)}.RakebackCard .RakebackCardContent .RakebackDetails{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:17px}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackInfo{display:flex;flex-wrap:wrap;align-items:center;gap:0 17px}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackInfo .RakebackRefresh{width:52px;height:52px;cursor:pointer}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackInfo .RakebackRefresh.RakebackLoading{animation:rotate 0.5s linear infinite}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackInfo .RakebackNumContainer{color:var(--em-color-text-primary, #fff);display:flex;align-items:center;gap:8px}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackInfo .RakebackNumContainer .RakebackNum{display:inline-block;font-weight:var(--emw--font-weight-bold, 700);font-size:var(--emw--font-size-2x-large, 36px)}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackInfo .RakebackNumContainer .RakebackCurrency{display:inline-block;font-weight:var(--emw--font-weight-semibold, 500);font-size:var(--emw--font-size-small, 14px);margin-top:14px}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackButton{font-family:inherit;cursor:pointer;width:90px;height:34px;border-radius:var(--emw--border-radius-large, 99px);border:2px solid var(--em-color-border-success, #083B17);display:flex;justify-content:center;align-items:center;color:var(--em-color-text-primary, #fff);background:linear-gradient(180deg, var(--em-color-gradient-1, #24B24E) 0%, var(--em-color-gradient-1, #24B24E) 100%)}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackButton.disabled{cursor:not-allowed;opacity:0.4}.RakebackCard .RakebackCardContent .RakebackCoolOff,.RakebackCard .RakebackCardContent .RakebackError{margin-top:8px;font-weight:var(--emw--font-weight-semibold, 500);font-size:var(--emw--font-size-x-small, 12px);color:var(--em-color-text-error, #FF7A73);text-align:center}";
+const PlayerRakebackCardStyle0 = playerRakebackCardCss;
+
+const PlayerRakebackCard = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * Truncate number to specified decimal places (without rounding)
+         * @param num Number to be processed
+         * @param digits Number of decimal places to keep
+         */
+        this.truncateNumber = (num, digits = 2) => {
+            const str = num.toString();
+            const [integer, decimal = ''] = str.split('.');
+            return digits > 0 ? `${integer}.${decimal ? decimal.slice(0, digits) : '00'}` : `${integer}`;
+        };
+        this.sendRakebackClaimedEvent = () => {
+            if (!this.endpoint || !this.session || !this.rakebackInfo.claimable || this.isLoading) {
+                return;
+            }
+            window.postMessage({ type: 'RakebackClaimTrigger', points: this.rakebackInfo.points }, window.location.href);
+        };
+        this.endpoint = undefined;
+        this.theme = 'Dark';
+        this.session = undefined;
+        this.language = 'en';
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationUrl = '';
+        this.show = true;
+        this.rakebackInfo = {
+            hasRakebackWallet: false,
+            points: 0.0,
+            currency: 'TRY',
+            claimable: false,
+            minutesCanClaim: 0,
+            showCanClaim: false
+        };
+        this.isLoading = false;
+        this.coolingOffPeriod = false;
+        this.showTheWidget = false;
+    }
+    async onSessionOrEndpointChange() {
+        await this.loadRakebackInfo();
+    }
+    async onShowOrHasRakebackWalletChange() {
+        this.showTheWidget = this.show && this.rakebackInfo.hasRakebackWallet;
+    }
+    handleMessage(event) {
+        const { type } = event === null || event === void 0 ? void 0 : event.data;
+        if (type === 'RakebackClaimConfirmed') {
+            this.claimRakeback();
+        }
+    }
+    async loadRakebackInfo() {
+        if (!this.endpoint || !this.session) {
+            return;
+        }
+        this.isLoading = true;
+        try {
+            const url = new URL(`${this.endpoint}/v1/elevate/playerInfo?language=${this.language}`);
+            const response = await fetch(url.href, {
+                method: 'GET',
+                headers: {
+                    'X-Sessionid': this.session,
+                    'Content-Type': 'application/json'
+                }
+            });
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+            const data = await response.json();
+            if (!data.success) {
+                throw new Error(data.errorMessage || 'Failed to load rakeback info');
+            }
+            const { rakebackWallet } = data === null || data === void 0 ? void 0 : data.data;
+            if (!rakebackWallet) {
+                window.postMessage({ type: 'RakebackWalletMissing' }, window.location.href);
+                return;
+            }
+            const { total, claimable, currency, minutesCanClaim } = rakebackWallet || {};
+            this.rakebackInfo = {
+                hasRakebackWallet: true,
+                points: (total === null || total === void 0 ? void 0 : total.points) ? this.truncateNumber(total.points, 2) : `0.00`,
+                currency: currency || '',
+                claimable: claimable || false,
+                showCanClaim: Boolean(minutesCanClaim && minutesCanClaim > 0),
+                minutesCanClaim: minutesCanClaim
+                    ? minutesCanClaim <= 1 && minutesCanClaim > 0
+                        ? 1
+                        : this.truncateNumber(minutesCanClaim, 0)
+                    : 0
+            };
+        }
+        catch (err) {
+            console.error('Error loading rakeback info:', err);
+            window.postMessage({ type: 'RakebackClaimError', message: err.message }, window.location.href);
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    async claimRakeback() {
+        this.isLoading = true;
+        try {
+            const url = new URL(`${this.endpoint}/v1/elevate/rakeback/claim`);
+            const response = await fetch(url.href, {
+                method: 'PUT',
+                headers: {
+                    'X-Sessionid': this.session,
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({})
+            });
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+            const data = await response.json();
+            if (!data.success) {
+                throw new Error(data.errorMessage || 'Failed to claim rakeback');
+            }
+            // Refresh rakeback information
+            await this.loadRakebackInfo();
+            // Send event notification for successful redemption
+            window.postMessage({ type: 'RakebackClaimed', points: this.rakebackInfo.points }, window.location.href);
+        }
+        catch (err) {
+            console.error('Error claiming rakeback:', err);
+            window.postMessage({ type: 'RakebackClaimError', message: err.message }, window.location.href);
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    async componentWillLoad() {
+        await this.loadRakebackInfo();
+        await this.onShowOrHasRakebackWalletChange();
+    }
+    render() {
+        return this.showTheWidget ? (index.h("div", { class: "RakebackCard" }, index.h("general-styling-wrapper", { clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: locale_utils.TRANSLATIONS, translationUrl: this.translationUrl }), index.h("div", { class: "RakebackCardContent" }, index.h("div", { class: "RakebackTitle" }, locale_utils.translate('rakebackTitle', this.language)), index.h("div", { class: "RakebackDetails" }, index.h("div", { class: "RakebackInfo" }, index.h("div", { class: "RakebackNumContainer" }, index.h("span", { class: "RakebackNum" }, this.rakebackInfo.points), index.h("span", { class: "RakebackCurrency" }, this.rakebackInfo.currency))), index.h("div", { class: `RakebackButton ${this.isLoading || !this.rakebackInfo.claimable ? 'disabled' : ''}`, onClick: this.sendRakebackClaimedEvent }, locale_utils.translate('claim', this.language))), !this.rakebackInfo.claimable && this.rakebackInfo.showCanClaim && (index.h("div", { class: "RakebackCoolOff" }, locale_utils.translateWithParams('minutesCanClaim', {
+            lang: this.language,
+            minutes: this.rakebackInfo.minutesCanClaim
+        })))))) : null;
+    }
+    static get watchers() { return {
+        "session": ["onSessionOrEndpointChange"],
+        "endpoint": ["onSessionOrEndpointChange"],
+        "language": ["onSessionOrEndpointChange"],
+        "show": ["onShowOrHasRakebackWalletChange"],
+        "rakebackInfo": ["onShowOrHasRakebackWalletChange"]
+    }; }
+};
+PlayerRakebackCard.style = PlayerRakebackCardStyle0;
+
+exports.player_rakeback_card = PlayerRakebackCard;

package/dist/collection/collection-manifest.json

@@ -29,7 +29,8 @@
         "player-elevate-card",
         "player-elevate-card-data",
         "player-elevate-loyaltycard",
-        "player-elevate-pointcard"
+        "player-elevate-pointcard",
+        "player-rakeback-card"
       ]
     }
   ],

package/dist/collection/components/player-elevate-level/player-elevate-level.stories.js

@@ -0,0 +1,54 @@
+import { html } from "lit";
+import "@everymatrix/player-elevate-level";
+const meta = {
+    title: 'Player/Components/player-elevate-level',
+    component: 'player-elevate-level',
+    args: {
+        endpoint: "",
+        session: "",
+        playerAvatarUrl: "",
+        language: "",
+        playerName: "",
+        dateFormat: "yyyy-MM-dd",
+        clientStyling: "",
+        clientStylingUrl: "",
+        translationUrl: "",
+    },
+    argTypes: {
+        endpoint: { control: 'text', description: '' },
+        session: { control: 'text', description: '' },
+        playerAvatarUrl: { control: 'text', description: '' },
+        language: { control: 'text', description: '' },
+        playerName: { control: 'text', description: '' },
+        dateFormat: { control: 'text', description: '' },
+        clientStyling: { control: 'text', description: '' },
+        clientStylingUrl: { control: 'text', description: '' },
+        translationUrl: { control: 'text', description: '' },
+    },
+};
+export default meta;
+const Template = (args) => {
+    return html `<player-elevate-level
+    endpoint="${args.endpoint}"
+    session="${args.session}"
+    playerAvatarUrl="${args.playerAvatarUrl}"
+    language="${args.language}"
+    playerName="${args.playerName}"
+    dateFormat="${args.dateFormat}"
+    clientStyling="${args.clientStyling}"
+    clientStylingUrl="${args.clientStylingUrl}"
+    translationUrl="${args.translationUrl}"
+  ></player-elevate-level>`;
+};
+export const Default = Template.bind({});
+Default.args = {
+    endpoint: "",
+    session: "",
+    playerAvatarUrl: "",
+    language: "",
+    playerName: "",
+    dateFormat: "yyyy-MM-dd",
+    clientStyling: "",
+    clientStylingUrl: "",
+    translationUrl: "",
+};

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

@@ -1,5 +1,6 @@
 import { r as registerInstance, h, c as createEvent, H as Host, g as getElement, a as getAssetPath, F as Fragment } from './index-625be212.js';
-import { r as requiredArgs, t as toDate, g as getTimezoneOffsetInMilliseconds, a as translateWithParams, T as TRANSLATIONS$1, P as PlayerAvatar, b as PlayerElevateLoyaltyLevel, c as PlayerPoints, d as PlayerLoyaltyProcess } from './player-elevate-card-items-a466e11e.js';
+import { t as translateWithParams, T as TRANSLATIONS$1 } from './locale.utils-71f870a8.js';
+import { r as requiredArgs, t as toDate, g as getTimezoneOffsetInMilliseconds, P as PlayerAvatar, a as PlayerElevateLoyaltyLevel, b as PlayerPoints, c as PlayerLoyaltyProcess } from './player-elevate-card-items-53e5a8c4.js';
 
 const DEFAULT_LANGUAGE = 'en';
 const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'hr', 'tr'];

package/dist/esm/index-625be212.js

@@ -61,6 +61,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './player-elevate-pointcard.entry.js').then(processMod, consoleError);
+                case 'player-rakeback-card':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './player-rakeback-card.entry.js').then(processMod, consoleError);
           }
       }
   return import(

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["bonus-elevate-levels_8",[[1,"player-elevate-level",{"endpoint":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"userLevelId":[32]},[[0,"playerElevateLeveLoaded","setPlayerElevateLevelInfo"]]],[1,"bonus-elevate-levels",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"endpoint":[513],"language":[513],"translationUrl":[513,"translation-url"],"selectedLevelId":[1537,"selected-level-id"],"showDefault":[4,"show-default"],"elevateLevelParamProxy":[32],"elevateLevels":[32],"currentLevel":[32],"errorMessage":[32]},[[0,"selectedLevelChanged","selectedLevelChangedHandler"],[2,"elevateLevelsDataChange","elevateLevelsDataChangeHandler"]],{"selectedLevelId":["selectedLevelIdChangedHandler"],"elevateLevels":["selectedLevelIdChangedHandler"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[1,"player-elevate-loyaltycard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"mbSource":[1,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[0,"elevate-level-list",{"levels":[16],"language":[1],"selectedLevelId":[1537,"selected-level-id"],"isShowSliderButton":[32],"touchPosStart":[32],"touchPosEnd":[32],"offset":[32]},[[1,"touchstart","onTouchStart"],[1,"touchmove","onTouchMove"],[9,"resize","handleResize"]],{"selectedLevelId":["levelsChangedHandler"]}],[0,"elevate-level-presentation",{"elevateLevel":[16]}],[0,"elevate-levels-data",{"scopeParams":[1544,"scope-params"]}],[0,"player-elevate-card-data",{"params":[8],"playerElevateLevel":[32],"pointExpireString":[32]},[[9,"resize","handleWindowResizs"],[8,"redeemGiftButton","redeemGiftButtonHandler"]],{"params":["onParamsChanged"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}]]],["player-elevate-card",[[1,"player-elevate-card",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerLevelFlag":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]],["player-elevate-pointcard",[[1,"player-elevate-pointcard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"cardTitle":[513,"card-title"],"buttonType":[513,"button-type"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32],"elevateSPTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]]], options);
+  return bootstrapLazy([["bonus-elevate-levels_8",[[1,"player-elevate-level",{"endpoint":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"userLevelId":[32]},[[0,"playerElevateLeveLoaded","setPlayerElevateLevelInfo"]]],[1,"bonus-elevate-levels",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"endpoint":[513],"language":[513],"translationUrl":[513,"translation-url"],"selectedLevelId":[1537,"selected-level-id"],"showDefault":[4,"show-default"],"elevateLevelParamProxy":[32],"elevateLevels":[32],"currentLevel":[32],"errorMessage":[32]},[[0,"selectedLevelChanged","selectedLevelChangedHandler"],[2,"elevateLevelsDataChange","elevateLevelsDataChangeHandler"]],{"selectedLevelId":["selectedLevelIdChangedHandler"],"elevateLevels":["selectedLevelIdChangedHandler"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[1,"player-elevate-loyaltycard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"mbSource":[1,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[0,"elevate-level-list",{"levels":[16],"language":[1],"selectedLevelId":[1537,"selected-level-id"],"isShowSliderButton":[32],"touchPosStart":[32],"touchPosEnd":[32],"offset":[32]},[[1,"touchstart","onTouchStart"],[1,"touchmove","onTouchMove"],[9,"resize","handleResize"]],{"selectedLevelId":["levelsChangedHandler"]}],[0,"elevate-level-presentation",{"elevateLevel":[16]}],[0,"elevate-levels-data",{"scopeParams":[1544,"scope-params"]}],[0,"player-elevate-card-data",{"params":[8],"playerElevateLevel":[32],"pointExpireString":[32]},[[9,"resize","handleWindowResizs"],[8,"redeemGiftButton","redeemGiftButtonHandler"]],{"params":["onParamsChanged"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}]]],["player-elevate-card",[[1,"player-elevate-card",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerLevelFlag":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]],["player-elevate-pointcard",[[1,"player-elevate-pointcard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"cardTitle":[513,"card-title"],"buttonType":[513,"button-type"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32],"elevateSPTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]],["player-rakeback-card",[[1,"player-rakeback-card",{"endpoint":[513],"theme":[513],"session":[513],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"show":[516],"rakebackInfo":[32],"isLoading":[32],"coolingOffPeriod":[32],"showTheWidget":[32]},[[8,"message","handleMessage"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"],"show":["onShowOrHasRakebackWalletChange"],"rakebackInfo":["onShowOrHasRakebackWalletChange"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/locale.utils-71f870a8.js

@@ -0,0 +1,220 @@
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['en', 'zh-hk', 'it', 'fr', 'tr', 'hr'];
+const TRANSLATIONS = {
+    en: {
+        redeem: 'Redeem',
+        claim: 'Claim',
+        expireOn: 'Expire on ',
+        pointsToBeExpired: '${expirationPoints} points to expire in ${expireDay} days',
+        pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
+        pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
+        pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
+        pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
+        pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
+        tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
+        spendablePoints: 'Spendable Points:',
+        details: 'Details',
+        earningRules: 'Earning Rules',
+        xp: 'XP',
+        sp: 'Coins',
+        termAndConditions: 'Term & Conditions',
+        rakebackTitle: 'Available Rakeback',
+        loading: 'Loading',
+        minutesCanClaim: 'Next Claim is available in ${minutes} minutes'
+    },
+    'zh-hk': {
+        redeem: '兑奖',
+        claim: '返佣',
+        expireOn: 'Expire on ',
+        pointsToBeExpired: '${expirationPoints} points to expire in ${expireDay} days',
+        pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
+        pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
+        pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
+        pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
+        pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
+        tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
+        spendablePoints: 'Spendable Points:',
+        details: '明细',
+        earningRules: 'Earning Rules',
+        xp: 'XP',
+        sp: 'Coins',
+        termAndConditions: 'Term & Conditions',
+        rakebackTitle: '可用的返利',
+        loading: '加載中',
+        minutesCanClaim: '下次可領取時間為${minutes}分鐘後'
+    },
+    de: {
+        redeem: 'Redeem',
+        claim: 'Anspruch',
+        expireOn: 'Expire on ',
+        pointsToBeExpired: '${expirationPoints} points to expire in ${expireDay} days',
+        pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
+        pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
+        pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
+        pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
+        pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
+        tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
+        spendablePoints: 'Spendable Points:',
+        details: 'Details',
+        earningRules: 'Earning Rules',
+        xp: 'XP',
+        sp: 'Coins',
+        termAndConditions: 'Term & Conditions',
+        rakebackTitle: 'Verfügbarer Rakeback',
+        loading: 'Laden',
+        minutesCanClaim: 'Nächster Anspruch ist in ${minutes} Minuten verfügbar'
+    },
+    it: {
+        redeem: 'Redeem',
+        claim: 'Richiesta',
+        expireOn: 'Expire on ',
+        pointsToBeExpired: '${expirationPoints} points to expire in ${expireDay} days',
+        pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
+        pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
+        pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
+        pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
+        pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
+        tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
+        spendablePoints: 'Spendable Points:',
+        details: 'Details',
+        earningRules: 'Earning Rules',
+        xp: 'XP',
+        sp: 'Coins',
+        termAndConditions: 'Term & Conditions',
+        rakebackTitle: 'Rakeback Disponibile',
+        loading: 'Caricamento',
+        minutesCanClaim: 'La prossima richiesta sarà disponibile tra ${minutes} minuti'
+    },
+    fr: {
+        redeem: 'Redeem',
+        claim: 'Réclamer',
+        expireOn: 'Expire on ',
+        pointsToBeExpired: '${expirationPoints} points to expire in ${expireDay} days',
+        pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
+        pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
+        pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
+        pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
+        pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
+        tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
+        spendablePoints: 'Spendable Points:',
+        details: 'Details',
+        earningRules: 'Earning Rules',
+        xp: 'XP',
+        sp: 'Coins',
+        termAndConditions: 'Term & Conditions',
+        rakebackTitle: 'Rakeback Disponible',
+        loading: 'Chargement',
+        minutesCanClaim: 'La prochaine réclamation sera disponible dans ${minutes} minutes'
+    },
+    es: {
+        redeem: 'Redeem',
+        claim: 'Reclamar',
+        rakebackTitle: 'Rakeback Disponible',
+        loading: 'Cargando',
+        minutesCanClaim: 'La próxima reclamación estará disponible en ${minutes} minutos'
+    },
+    tr: {
+        redeem: 'Redeem',
+        claim: 'Talep',
+        expireOn: 'Expire on ',
+        pointsToBeExpired: '${expirationPoints} points to expire in ${expireDay} days',
+        pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
+        pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
+        pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
+        pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
+        pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
+        tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
+        spendablePoints: 'Spendable Points:',
+        details: 'Details',
+        earningRules: 'Earning Rules',
+        xp: 'XP',
+        sp: 'Coins',
+        termAndConditions: 'Term & Conditions',
+        rakebackTitle: 'Mevcut Rakeback',
+        loading: 'Yükleniyor',
+        minutesCanClaim: 'Sonraki talep ${minutes} dakika içinde kullanılabilir'
+    },
+    ru: {
+        redeem: 'Redeem',
+        claim: 'Требовать',
+        rakebackTitle: 'Доступный Рейкбек',
+        loading: 'Загрузка',
+        minutesCanClaim: 'Следующее требование будет доступно через ${minutes} минут'
+    },
+    ro: {
+        redeem: 'Redeem',
+        claim: 'Revendicare',
+        rakebackTitle: 'Rakeback Disponibil',
+        loading: 'Se încarcă',
+        minutesCanClaim: 'Următoarea revendicare va fi disponibilă în ${minutes} minute'
+    },
+    hr: {
+        redeem: 'Otkupiti',
+        claim: 'Zahtjev',
+        expireOn: 'Istječe',
+        pointsToBeExpired: '${expirationPoints} bodova ističe za ${expireDay} dana',
+        pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
+        pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
+        pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
+        pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
+        tipsForNextLevel: 'Trebate ${pointsToReach} da dosegnete razinu ${levelName}',
+        spendablePoints: 'Bodovi za potrošit:',
+        details: 'Detalji',
+        xp: 'XP',
+        rakebackTitle: 'Dostupan Rakeback',
+        loading: 'Učitavanje',
+        minutesCanClaim: 'Sljedeći zahtjev bit će dostupan za ${minutes} minuta'
+    },
+    hu: {
+        redeem: 'Redeem',
+        claim: 'Igény',
+        rakebackTitle: 'Elérhető Rakeback',
+        loading: 'Betöltés',
+        minutesCanClaim: 'A következő igény ${minutes} perc múlva lesz elérhető'
+    },
+    pl: {
+        redeem: 'Redeem',
+        claim: 'Roszczenie',
+        rakebackTitle: 'Dostępny Rakeback',
+        loading: 'Ładowanie',
+        minutesCanClaim: 'Następne roszczenie będzie dostępne za ${minutes} minut'
+    },
+    pt: {
+        redeem: 'Redeem',
+        claim: 'Reivindicar',
+        rakebackTitle: 'Rakeback Disponível',
+        loading: 'Carregando',
+        minutesCanClaim: 'Próxima reivindicação disponível em ${minutes} minutos'
+    },
+    sl: {
+        redeem: 'Redeem',
+        claim: 'Zahtevek',
+        rakebackTitle: 'Razpoložljiv Rakeback',
+        loading: 'Nalaganje',
+        minutesCanClaim: 'Naslednji zahtevek bo na voljo čez ${minutes} minut'
+    },
+    sr: {
+        redeem: 'Redeem',
+        claim: 'Zahtev',
+        rakebackTitle: 'Dostupan Rakeback',
+        loading: 'Učitavanje',
+        minutesCanClaim: 'Sledeći zahtev biće dostupan za ${minutes} minuta'
+    }
+};
+const translate = (key, customLang) => {
+    const lang = customLang;
+    return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+};
+const translateWithParams = (key, params) => {
+    const lang = params['lang'];
+    let templateString = TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+    if (!params) {
+        return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+    }
+    Object.keys(params).forEach((paramName) => {
+        templateString = templateString.replace(new RegExp('\\$\{' + paramName + '\}', 'gm'), params[paramName]);
+    });
+    return templateString;
+};
+
+export { TRANSLATIONS as T, translate as a, translateWithParams as t };