@everymatrix/gamification-dropdown 0.7.0 → 0.8.0

package/dist/cjs/index.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const gamificationDropdown = require('./gamification-dropdown-0a3a8194.js');
-require('./index-7b4d999d.js');
+const gamificationDropdown = require('./gamification-dropdown-0fd9c5b8.js');
+require('./index-c535ed72.js');
 
 
 

package/dist/cjs/loader.cjs.js

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

package/dist/cjs/{player-elevate-card-items-087e5a58.js → player-elevate-card-items-42538012.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-7b4d999d.js');
+const index = require('./index-c535ed72.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-7b4d999d.js');
-const playerElevateCardItems = require('./player-elevate-card-items-087e5a58.js');
+const index = require('./index-c535ed72.js');
+const playerElevateCardItems = require('./player-elevate-card-items-42538012.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,20 +11,32 @@ const PlayerElevateCardStyle0 = playerElevateCardCss;
 const PlayerElevateCard = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.endpoint = undefined;
+        /**
+         * The style that widget shows,available value: Dark, Light
+         * Default: Dark
+         */
         this.theme = 'Dark';
-        this.session = undefined;
-        this.playerAvatarUrl = undefined;
+        /**
+         * Widget Language to show
+         */
         this.language = 'en';
-        this.playerName = undefined;
+        /**
+         * 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.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-7b4d999d.js');
-const playerElevateCardItems = require('./player-elevate-card-items-087e5a58.js');
+const index = require('./index-c535ed72.js');
+const playerElevateCardItems = require('./player-elevate-card-items-42538012.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,23 +11,40 @@ const PlayerElevatePointcardStyle0 = playerElevatePointcardCss;
 const PlayerElevatePointcard = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.isPointDetailCard = this.buttonType === 'earningRule';
-        this.endpoint = undefined;
+        /**
+         * The style that widget shows,available value: Dark, Light
+         * Default: Dark
+         */
         this.theme = 'Dark';
-        this.session = undefined;
-        this.playerAvatarUrl = undefined;
+        /**
+         * Widget Language to show
+         */
         this.language = 'en';
-        this.playerName = undefined;
-        this.cardTitle = undefined;
+        /**
+         * 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.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.pointExpireString = undefined;
-        this.playerElevateLevel = undefined;
-        this.elevateWalletTotal = undefined;
-        this.elevateSPTotal = undefined;
+        this.isPointDetailCard = this.buttonType === 'earningRule';
     }
     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,7 +4,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.22.3",
+    "version": "4.25.1",
     "typescriptVersion": "5.5.4"
   },
   "collections": [

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

@@ -3,6 +3,29 @@ import { getTranslations, translate } from "../../utils/locale.utils";
 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.stylingAppends = false;
         this.setClientStyling = () => {
             let sheet = document.createElement('style');
             sheet.innerHTML = this.clientStyling;
@@ -42,16 +65,6 @@ export class GamificationDropdown {
                 document.removeEventListener('click', this.handleOutsideClick);
             }
         };
-        this.endpoint = undefined;
-        this.language = 'en';
-        this.session = '';
-        this.clientStyling = '';
-        this.clientStylingUrl = '';
-        this.translationUrl = '';
-        this.isOpen = false;
-        this.isLoading = false;
-        this.stylingAppends = false;
-        this.loyaltyPoints = undefined;
     }
     handleNewTranslations() {
         this.isLoading = true;
@@ -143,6 +156,8 @@ export class GamificationDropdown {
                     "tags": [],
                     "text": "Endpoint URL for the source of data"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "endpoint",
                 "reflect": true
             },
@@ -160,6 +175,8 @@ export class GamificationDropdown {
                     "tags": [],
                     "text": "Language of the widget"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": true,
                 "defaultValue": "'en'"
@@ -178,6 +195,8 @@ export class GamificationDropdown {
                     "tags": [],
                     "text": "Session of the user"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "session",
                 "reflect": true,
                 "defaultValue": "''"
@@ -196,6 +215,8 @@ export class GamificationDropdown {
                     "tags": [],
                     "text": "Client custom styling via string"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling",
                 "reflect": true,
                 "defaultValue": "''"
@@ -214,6 +235,8 @@ export class GamificationDropdown {
                     "tags": [],
                     "text": "Client custom styling via url"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling-url",
                 "reflect": true,
                 "defaultValue": "''"
@@ -232,6 +255,8 @@ export class GamificationDropdown {
                     "tags": [],
                     "text": "Translations via URL"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "translation-url",
                 "reflect": true,
                 "defaultValue": "''"

package/dist/esm/{gamification-dropdown-456bb56a.js → gamification-dropdown-ae7b7c69.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-171550cf.js';
+import { r as registerInstance, h, g as getElement } from './index-ea7720e4.js';
 
 const DEFAULT_LANGUAGE = 'en';
 let TRANSLATIONS = {
@@ -49,6 +49,29 @@ 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.stylingAppends = false;
         this.setClientStyling = () => {
             let sheet = document.createElement('style');
             sheet.innerHTML = this.clientStyling;
@@ -88,16 +111,6 @@ const GamificationDropdown = class {
                 document.removeEventListener('click', this.handleOutsideClick);
             }
         };
-        this.endpoint = undefined;
-        this.language = 'en';
-        this.session = '';
-        this.clientStyling = '';
-        this.clientStylingUrl = '';
-        this.translationUrl = '';
-        this.isOpen = false;
-        this.isLoading = false;
-        this.stylingAppends = 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-171550cf.js';
-export { s as setNonce } from './index-171550cf.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-ea7720e4.js';
+export { s as setNonce } from './index-ea7720e4.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.25.1 | 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-456bb56a.js';
-import { r as registerInstance, h, g as getElement, c as createEvent, a as getAssetPath, F as Fragment } from './index-171550cf.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-2078bd83.js';
+export { G as gamification_dropdown } from './gamification-dropdown-ae7b7c69.js';
+import { r as registerInstance, h, g as getElement, c as createEvent, a as getAssetPath, F as Fragment } from './index-ea7720e4.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-9d490a3b.js';
 
 const mergeTranslations = (url, target) => {
     return new Promise((resolve) => {
@@ -24,6 +24,18 @@ 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');
@@ -45,10 +57,6 @@ const GeneralStylingWrapper = class {
                 console.log('error ', err);
             });
         };
-        this.clientStyling = '';
-        this.clientStylingUrl = '';
-        this.translationUrl = '';
-        this.targetTranslations = undefined;
     }
     componentDidRender() {
         // start custom styling area
@@ -366,9 +374,6 @@ 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();
@@ -536,19 +541,31 @@ const PlayerElevateLoyaltycardStyle0 = playerElevateLoyaltycardCss;
 const PlayerElevateLoyaltycard = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.endpoint = undefined;
+        /**
+         * The style that widget shows,available value: Dark, Light
+         * Default: Dark
+         */
         this.theme = 'Dark';
-        this.session = undefined;
-        this.playerAvatarUrl = undefined;
+        /**
+         * Widget Language to show
+         */
         this.language = 'en';
-        this.playerName = undefined;
+        /**
+         * 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.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 });