@everymatrix/player-elevate-card 1.56.2 → 1.57.0

package/dist/cjs/{general-styling-wrapper_5.cjs.entry.js → general-styling-wrapper_6.cjs.entry.js}

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea33d8f2.js');
+const index = require('./index-5e07cb40.js');
 
 const mergeTranslations = (url, target) => {
     return new Promise((resolve) => {
@@ -85,6 +85,7 @@ 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',
@@ -99,9 +100,13 @@ const TRANSLATIONS = {
         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',
@@ -116,9 +121,13 @@ const TRANSLATIONS = {
         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',
@@ -133,9 +142,13 @@ const TRANSLATIONS = {
         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',
@@ -150,9 +163,13 @@ const TRANSLATIONS = {
         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',
@@ -167,12 +184,20 @@ const TRANSLATIONS = {
         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'
+        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',
@@ -187,15 +212,27 @@ const TRANSLATIONS = {
         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'
+        redeem: 'Redeem',
+        claim: 'Требовать',
+        rakebackTitle: 'Доступный Рейкбек',
+        loading: 'Загрузка',
+        minutesCanClaim: 'Следующее требование будет доступно через ${minutes} минут'
     },
     ro: {
-        redeem: 'Redeem'
+        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',
@@ -206,21 +243,44 @@ const TRANSLATIONS = {
         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'
+        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'
+        redeem: 'Redeem',
+        claim: 'Roszczenie',
+        rakebackTitle: 'Dostępny Rakeback',
+        loading: 'Ładowanie',
+        minutesCanClaim: 'Następne roszczenie będzie dostępne za ${minutes} minut'
     },
     pt: {
-        redeem: 'Redeem'
+        redeem: 'Redeem',
+        claim: 'Reivindicar',
+        rakebackTitle: 'Rakeback Disponível',
+        loading: 'Carregando',
+        minutesCanClaim: 'Próxima reivindicação disponível em ${minutes} minutos'
     },
     sl: {
-        redeem: 'Redeem'
+        redeem: 'Redeem',
+        claim: 'Zahtevek',
+        rakebackTitle: 'Razpoložljiv Rakeback',
+        loading: 'Nalaganje',
+        minutesCanClaim: 'Naslednji zahtevek bo na voljo čez ${minutes} minut'
     },
     sr: {
-        redeem: 'Redeem'
+        redeem: 'Redeem',
+        claim: 'Zahtev',
+        rakebackTitle: 'Dostupan Rakeback',
+        loading: 'Učitavanje',
+        minutesCanClaim: 'Sledeći zahtev biće dostupan za ${minutes} minuta'
     }
 };
 const translate = (key, customLang) => {
@@ -3142,8 +3202,163 @@ const PlayerElevatePointcard = class {
 };
 PlayerElevatePointcard.style = PlayerElevatePointcardStyle0;
 
+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: TRANSLATIONS, translationUrl: this.translationUrl }), index.h("div", { class: "RakebackCardContent" }, index.h("div", { class: "RakebackTitle" }, 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 }, translate('claim', this.language))), !this.rakebackInfo.claimable && this.rakebackInfo.showCanClaim && (index.h("div", { class: "RakebackCoolOff" }, 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.general_styling_wrapper = GeneralStylingWrapper;
 exports.player_elevate_card = PlayerElevateCard;
 exports.player_elevate_card_data = PlayerElevateCardData;
 exports.player_elevate_loyaltycard = PlayerElevateLoyaltycard;
 exports.player_elevate_pointcard = PlayerElevatePointcard;
+exports.player_rakeback_card = PlayerRakebackCard;

package/dist/cjs/{index-ea33d8f2.js → index-5e07cb40.js}

@@ -21,7 +21,7 @@ function _interopNamespace(e) {
 }
 
 const NAMESPACE = 'player-elevate-card';
-const BUILD = /* player-elevate-card */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
+const BUILD = /* player-elevate-card */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
 
 /*
  Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
@@ -71,10 +71,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'general-styling-wrapper_5.cjs':
+                case 'general-styling-wrapper_6.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './general-styling-wrapper_5.cjs.entry.js')); }).then(processMod, consoleError);
+                        './general-styling-wrapper_6.cjs.entry.js')); }).then(processMod, consoleError);
           }
       }
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
@@ -364,6 +364,9 @@ var convertToPrivate = (node) => {
 };
 var parsePropertyValue = (propValue, propType) => {
   if (propValue != null && !isComplexType(propValue)) {
+    if (propType & 4 /* Boolean */) {
+      return propValue === "false" ? false : propValue === "" || !!propValue;
+    }
     if (propType & 1 /* String */) {
       return String(propValue);
     }

package/dist/cjs/loader.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea33d8f2.js');
+const index = require('./index-5e07cb40.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["general-styling-wrapper_5.cjs",[[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"]}],[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"]}],[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"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}],[0,"player-elevate-card-data",{"params":[8],"playerElevateLevel":[32],"pointExpireString":[32]},[[9,"resize","handleWindowResizs"],[8,"redeemGiftButton","redeemGiftButtonHandler"]],{"params":["onParamsChanged"]}]]]], options);
+  return index.bootstrapLazy([["general-styling-wrapper_6.cjs",[[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"]}],[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"]}],[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"]}],[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"]}],[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]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/player-elevate-card.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea33d8f2.js');
+const index = require('./index-5e07cb40.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["general-styling-wrapper_5.cjs",[[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"]}],[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"]}],[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"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}],[0,"player-elevate-card-data",{"params":[8],"playerElevateLevel":[32],"pointExpireString":[32]},[[9,"resize","handleWindowResizs"],[8,"redeemGiftButton","redeemGiftButtonHandler"]],{"params":["onParamsChanged"]}]]]], options);
+  return index.bootstrapLazy([["general-styling-wrapper_6.cjs",[[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"]}],[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"]}],[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"]}],[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"]}],[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]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -3,7 +3,8 @@
     "components/player-elevate-card/player-elevate-card.js",
     "components/player-elevate-card-data/player-elevate-card-data.js",
     "components/player-elevate-loyaltycard/player-elevate-loyaltycard.js",
-    "components/player-elevate-pointcard/player-elevate-pointcard.js"
+    "components/player-elevate-pointcard/player-elevate-pointcard.js",
+    "components/player-rakeback-card/player-rakeback-card.js"
   ],
   "compiler": {
     "name": "@stencil/core",

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

@@ -0,0 +1,58 @@
+import { html } from "lit";
+import "@everymatrix/player-elevate-card";
+const meta = {
+    title: 'Player/Components/player-elevate-card',
+    component: 'player-elevate-card',
+    args: {
+        endpoint: "",
+        theme: "Dark",
+        session: "",
+        playerAvatarUrl: "",
+        language: "en",
+        playerName: "",
+        dateFormat: "yyyy-MM-dd",
+        clientStyling: "",
+        clientStylingUrl: "",
+        translationUrl: "",
+    },
+    argTypes: {
+        endpoint: { control: 'text', description: '' },
+        theme: { 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-card
+    endpoint="${args.endpoint}"
+    theme="${args.theme}"
+    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-card>`;
+};
+export const Default = Template.bind({});
+Default.args = {
+    endpoint: "",
+    theme: "Dark",
+    session: "",
+    playerAvatarUrl: "",
+    language: "en",
+    playerName: "",
+    dateFormat: "yyyy-MM-dd",
+    clientStyling: "",
+    clientStylingUrl: "",
+    translationUrl: "",
+};

package/dist/collection/components/player-rakeback-card/player-rakeback-card.css

@@ -0,0 +1,87 @@
+: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;
+}