@everymatrix/gamification-dropdown 1.56.0 → 1.56.3

package/dist/cjs/index.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const gamificationDropdown = require('./gamification-dropdown-b8288984.js');
-require('./index-ec2fd1aa.js');
+const gamificationDropdown = require('./gamification-dropdown-b61f6455.js');
+require('./index-9f57df89.js');
 
 
 

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ec2fd1aa.js');
+const index = require('./index-9f57df89.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {

package/dist/cjs/{player-elevate-card-items-a73ef8aa.js → player-elevate-card-items-a64a5a53.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-ec2fd1aa.js');
+const index = require('./index-9f57df89.js');
 
 function _typeof(o) {
   "@babel/helpers - typeof";

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ec2fd1aa.js');
-const playerElevateCardItems = require('./player-elevate-card-items-a73ef8aa.js');
+const index = require('./index-9f57df89.js');
+const playerElevateCardItems = require('./player-elevate-card-items-a64a5a53.js');
 
 const playerElevateCardCss = "@container (max-width: 270px) {\n  .Card .Inner {\n    flex-direction: column;\n  }\n  .Card .Inner .Content {\n    padding: 9px;\n  }\n  .Inner .Row .ExpirationPoints {\n    order: 1;\n  }\n}\n.Card .PlayerImg {\n  order: 0;\n}\n.Card .ExpirationPoints {\n  order: 3;\n}\n.Card .LevelInfo {\n  order: 2;\n}\n.Card .Inner .Row .PlayerImg {\n  flex-direction: column;\n}\n.Card .Inner .Row .PointsInfo {\n  width: 100%;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  max-height: 50%;\n}\n.Card .Inner .PlayerAvatar .Badge {\n  background-size: contain;\n  background-repeat: no-repeat;\n  position: absolute;\n  right: 5px;\n  bottom: -5px;\n  width: 40%;\n  height: 40%;\n  overflow: visible;\n}\n.Card .Inner .Row .ExpirationPoints {\n  text-align: left;\n  color: var(--emw--color-red, red);\n}\n.Card .Inner .Row .Points {\n  text-wrap: nowrap;\n}\n.Card .Inner .LevelInfo .ElevateLevel {\n  flex-direction: column;\n}\n.Card .Inner .LevelInfo .ElevateLevel .LevelName {\n  width: calc(100% - 20px);\n  text-align: left;\n  font-size: 13px;\n  padding-left: 20px;\n  margin: 10px 0;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpirationDate {\n  text-align: center;\n  font-size: smaller;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpireTime {\n  margin-left: 5px;\n}";
 const PlayerElevateCardStyle0 = playerElevateCardCss;
@@ -11,32 +11,20 @@ const PlayerElevateCardStyle0 = playerElevateCardCss;
 const PlayerElevateCard = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        /**
-         * The style that widget shows,available value: Dark, Light
-         * Default: Dark
-         */
+        this.endpoint = undefined;
         this.theme = 'Dark';
-        /**
-         * Widget Language to show
-         */
+        this.session = undefined;
+        this.playerAvatarUrl = undefined;
         this.language = 'en';
-        /**
-         * datePattern
-         */
+        this.playerName = undefined;
         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 = '';
+        this.pointExpireString = undefined;
         this.playerLevelFlag = 0;
+        this.playerElevateLevel = undefined;
+        this.elevateWalletTotal = undefined;
     }
     onSessionOrEndpointChange() {
         this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ec2fd1aa.js');
-const playerElevateCardItems = require('./player-elevate-card-items-a73ef8aa.js');
+const index = require('./index-9f57df89.js');
+const playerElevateCardItems = require('./player-elevate-card-items-a64a5a53.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;
@@ -11,40 +11,23 @@ const PlayerElevatePointcardStyle0 = playerElevatePointcardCss;
 const PlayerElevatePointcard = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        /**
-         * The style that widget shows,available value: Dark, Light
-         * Default: Dark
-         */
+        this.isPointDetailCard = this.buttonType === 'earningRule';
+        this.endpoint = undefined;
         this.theme = 'Dark';
-        /**
-         * Widget Language to show
-         */
+        this.session = undefined;
+        this.playerAvatarUrl = undefined;
         this.language = 'en';
-        /**
-         * Check if the card used in points details widget, default: 'earningRule'
-         * value: 'details'/'earningRule'
-         * It effected the button in card
-         * 'earningRule':  button text, 'earning rules', post 'BEEPointRulesClicked' when clicked
-         * 'details': button text, 'details', post 'BEEDetailsClicked' when clicked
-         */
+        this.playerName = undefined;
+        this.cardTitle = undefined;
         this.buttonType = 'earningRule';
-        /**
-         * 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 = '';
-        this.isPointDetailCard = this.buttonType === 'earningRule';
+        this.pointExpireString = undefined;
+        this.playerElevateLevel = undefined;
+        this.elevateWalletTotal = undefined;
+        this.elevateSPTotal = undefined;
     }
     onSessionOrEndpointChange() {
         this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });

package/dist/collection/collection-manifest.json

@@ -4,8 +4,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.26.0",
-    "typescriptVersion": "5.5.4"
+    "version": "4.19.2",
+    "typescriptVersion": "5.4.5"
   },
   "collections": [
     {

package/dist/collection/components/gamification-dropdown/gamification-dropdown.js

@@ -4,28 +4,6 @@ import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../.
 import "../../../../../player-elevate-card/dist/types/index";
 export class GamificationDropdown {
     constructor() {
-        /**
-         * Language of the widget
-         */
-        this.language = 'en';
-        /**
-         * Session of the user
-         */
-        this.session = '';
-        /**
-        * Client custom styling via string
-        */
-        this.clientStyling = '';
-        /**
-         * Client custom styling via url
-         */
-        this.clientStylingUrl = '';
-        /**
-         * Translations via URL
-         */
-        this.translationUrl = '';
-        this.isOpen = false;
-        this.isLoading = false;
         this.navigateToGamification = () => {
             window.postMessage({ type: 'NavigateToGamification' }, window.location.href);
             this.isOpen = false;
@@ -47,6 +25,16 @@ export class GamificationDropdown {
                 document.removeEventListener('click', this.handleOutsideClick);
             }
         };
+        this.endpoint = undefined;
+        this.language = 'en';
+        this.session = '';
+        this.mbSource = undefined;
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationUrl = '';
+        this.isOpen = false;
+        this.isLoading = false;
+        this.loyaltyPoints = undefined;
     }
     handleNewTranslations() {
         this.isLoading = true;
@@ -154,8 +142,6 @@ export class GamificationDropdown {
                     "tags": [],
                     "text": "Endpoint URL for the source of data"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "endpoint",
                 "reflect": true
             },
@@ -173,8 +159,6 @@ export class GamificationDropdown {
                     "tags": [],
                     "text": "Language of the widget"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "language",
                 "reflect": true,
                 "defaultValue": "'en'"
@@ -193,8 +177,6 @@ export class GamificationDropdown {
                     "tags": [],
                     "text": "Session of the user"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "session",
                 "reflect": true,
                 "defaultValue": "''"
@@ -213,8 +195,6 @@ export class GamificationDropdown {
                     "tags": [],
                     "text": "Client custom styling via streamStyling"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "mb-source",
                 "reflect": true
             },
@@ -232,8 +212,6 @@ export class GamificationDropdown {
                     "tags": [],
                     "text": "Client custom styling via string"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "client-styling",
                 "reflect": true,
                 "defaultValue": "''"
@@ -252,8 +230,6 @@ export class GamificationDropdown {
                     "tags": [],
                     "text": "Client custom styling via url"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "client-styling-url",
                 "reflect": true,
                 "defaultValue": "''"
@@ -272,8 +248,6 @@ export class GamificationDropdown {
                     "tags": [],
                     "text": "Translations via URL"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "translation-url",
                 "reflect": true,
                 "defaultValue": "''"

package/dist/esm/{gamification-dropdown-246b88da.js → gamification-dropdown-9a68cf16.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-30fda5fb.js';
+import { r as registerInstance, h, g as getElement } from './index-da41a34a.js';
 
 const DEFAULT_LANGUAGE = 'en';
 let TRANSLATIONS = {
@@ -106,28 +106,6 @@ const GamificationDropdownStyle0 = gamificationDropdownCss;
 const GamificationDropdown = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        /**
-         * Language of the widget
-         */
-        this.language = 'en';
-        /**
-         * Session of the user
-         */
-        this.session = '';
-        /**
-        * Client custom styling via string
-        */
-        this.clientStyling = '';
-        /**
-         * Client custom styling via url
-         */
-        this.clientStylingUrl = '';
-        /**
-         * Translations via URL
-         */
-        this.translationUrl = '';
-        this.isOpen = false;
-        this.isLoading = false;
         this.navigateToGamification = () => {
             window.postMessage({ type: 'NavigateToGamification' }, window.location.href);
             this.isOpen = false;
@@ -149,6 +127,16 @@ const GamificationDropdown = class {
                 document.removeEventListener('click', this.handleOutsideClick);
             }
         };
+        this.endpoint = undefined;
+        this.language = 'en';
+        this.session = '';
+        this.mbSource = undefined;
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationUrl = '';
+        this.isOpen = false;
+        this.isLoading = false;
+        this.loyaltyPoints = undefined;
     }
     handleNewTranslations() {
         this.isLoading = true;

package/dist/esm/gamification-dropdown.js

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-30fda5fb.js';
-export { s as setNonce } from './index-30fda5fb.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-da41a34a.js';
+export { s as setNonce } from './index-da41a34a.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.26.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = import.meta.url;

package/dist/esm/gamification-dropdown_4.entry.js

@@ -1,6 +1,6 @@
-export { G as gamification_dropdown } from './gamification-dropdown-246b88da.js';
-import { r as registerInstance, h, g as getElement, c as createEvent, a as getAssetPath, F as Fragment } from './index-30fda5fb.js';
-import { r as requiredArgs, t as toDate, g as getTimezoneOffsetInMilliseconds, a as translateWithParams, T as TRANSLATIONS, P as PlayerAvatar, b as PlayerElevateLoyaltyLevel, c as PlayerPoints, d as PlayerLoyaltyProcess } from './player-elevate-card-items-be1e68f1.js';
+export { G as gamification_dropdown } from './gamification-dropdown-9a68cf16.js';
+import { r as registerInstance, h, g as getElement, c as createEvent, a as getAssetPath, F as Fragment } from './index-da41a34a.js';
+import { r as requiredArgs, t as toDate, g as getTimezoneOffsetInMilliseconds, a as translateWithParams, T as TRANSLATIONS, P as PlayerAvatar, b as PlayerElevateLoyaltyLevel, c as PlayerPoints, d as PlayerLoyaltyProcess } from './player-elevate-card-items-6cc8ac45.js';
 
 const mergeTranslations = (url, target) => {
     return new Promise((resolve) => {
@@ -24,18 +24,6 @@ const GeneralStylingWrapperStyle0 = generalStylingWrapperCss;
 const GeneralStylingWrapper = class {
     constructor(hostRef) {
         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');
@@ -57,6 +45,10 @@ const GeneralStylingWrapper = class {
                 console.log('error ', err);
             });
         };
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationUrl = '';
+        this.targetTranslations = undefined;
     }
     componentDidRender() {
         // start custom styling area
@@ -374,6 +366,9 @@ const PlayerElevateCardData = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.playerElevateLeveLoaded = createEvent(this, "playerElevateLeveLoaded", 7);
+        this.params = undefined;
+        this.playerElevateLevel = undefined;
+        this.pointExpireString = undefined;
     }
     handleWindowResizs() {
         this.initLevelProgressbar();
@@ -541,31 +536,20 @@ const PlayerElevateLoyaltycardStyle0 = playerElevateLoyaltycardCss;
 const PlayerElevateLoyaltycard = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        /**
-         * The style that widget shows,available value: Dark, Light
-         * Default: Dark
-         */
+        this.endpoint = undefined;
         this.theme = 'Dark';
-        /**
-         * Widget Language to show
-         */
+        this.session = undefined;
+        this.playerAvatarUrl = undefined;
         this.language = 'en';
-        /**
-         * datePattern
-         */
+        this.playerName = undefined;
         this.dateFormat = 'yyyy-MM-dd';
-        /**
-         * Client custom styling via inline styles
-         */
+        this.mbSource = undefined;
         this.clientStyling = '';
-        /**
-         * Client custom styling via url
-         */
         this.clientStylingUrl = '';
-        /**
-         * Translation via url
-         */
         this.translationUrl = '';
+        this.pointExpireString = undefined;
+        this.playerElevateLevel = undefined;
+        this.elevateWalletTotal = undefined;
     }
     onSessionOrEndpointChange() {
         this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });