@everymatrix/player-elevate-card 1.31.2

package/dist/static/card-ground.svg

@@ -0,0 +1,34 @@
+<svg width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_bd_164_4223)">
+<rect x="0" width="100%" height="100%" rx="20" fill="#F5F1E4" fill-opacity="0.25" shape-rendering="crispEdges"/>
+<rect x="0" y="1" width="100%" height="" rx="19" stroke="url(#paint0_linear_164_4223)" stroke-opacity="0.6" stroke-width="2px" shape-rendering="crispEdges"/>
+<rect x="0" y="1" width="100%" height="100%" rx="19" stroke="url(#paint1_linear_164_4223)" stroke-width="2px" shape-rendering="crispEdges"/>
+<rect x="0" y="1" width="100%" height="100%" rx="19" stroke="url(#paint2_linear_164_4223)" stroke-width="2px" shape-rendering="crispEdges"/>
+</g>
+<defs>
+<filter id="filter0_bd_164_4223" x="0" y="0" width="100%" height="100%" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feGaussianBlur in="BackgroundImageFix" stdDeviation="20"/>
+<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_164_4223"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="effect1_backgroundBlur_164_4223" result="effect2_dropShadow_164_4223"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_164_4223" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_164_4223" x1="443.76" y1="83.9511" x2="318.014" y2="90.9637" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#EFEFEF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_164_4223" x1="0" y1="0" x2="106.285" y2="95.535" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_164_4223" x1="373" y1="210" x2="243.388" y2="153.851" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/static/info.svg

@@ -0,0 +1,4 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="6" cy="6" r="5.5" stroke="#EEEEEE"/>
+<path d="M4.12276 9C4.08866 9 4.05797 8.98928 4.03069 8.96783C4.01023 8.95174 4 8.92761 4 8.89544V8.2681C4 8.24129 4.01023 8.21984 4.03069 8.20375C4.05797 8.18231 4.08866 8.17158 4.12276 8.17158H5.51407V5.69437H4.30691C4.2728 5.69437 4.24211 5.68633 4.21483 5.67024C4.19437 5.64879 4.18414 5.62198 4.18414 5.58981V4.96247C4.18414 4.93566 4.19437 4.91421 4.21483 4.89812C4.24211 4.87668 4.2728 4.86595 4.30691 4.86595H6.49616C6.53026 4.86595 6.55754 4.87668 6.57801 4.89812C6.60529 4.91421 6.61893 4.93566 6.61893 4.96247V8.17158H7.87724C7.91134 8.17158 7.93862 8.18231 7.95908 8.20375C7.98636 8.21984 8 8.24129 8 8.2681V8.89544C8 8.96515 7.95908 9 7.87724 9H4.12276ZM5.92327 4.23056C5.70503 4.23056 5.52089 4.17158 5.37084 4.05362C5.2208 3.93566 5.14578 3.79357 5.14578 3.62735C5.14578 3.4504 5.2208 3.30295 5.37084 3.18499C5.52089 3.06166 5.70503 3 5.92327 3C6.14834 3 6.33589 3.06166 6.48593 3.18499C6.6428 3.30295 6.72123 3.4504 6.72123 3.62735C6.72123 3.79357 6.6428 3.93566 6.48593 4.05362C6.33589 4.17158 6.14834 4.23056 5.92327 4.23056Z" fill="#EEEEEE"/>
+</svg>

package/dist/static/level-percent.svg

@@ -0,0 +1,80 @@
+<svg width="100%" height="28" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect y="12" width="100%" id="total_level" height="5" rx="2.5" fill="white" fill-opacity="0.5"/>
+    <rect y="12" id="current_level" width="64" height="5" rx="2.5" fill="white"/>
+    <g filter="url(#filter_current_level)">
+        <circle id="circle_current_level" cx="74.5" cy="14.5" r="6.5" fill="white"/>
+    </g>
+    <g filter="url(#filter_heart_ball)">
+        <g filter="url(#filter_ball)">
+            <circle cx="169" cy="14" r="10" id="lock" fill="url(#paint0_linear_ball)"/>
+        </g>
+        <g filter="url(#filter_heart)">
+          <svg x="0" y="4" id="lock_box">
+            <path d="M10.217 6.42442c-0.713,-0.574,-1.304,-1.083,-1.928,-1.622c-0.348,-0.299,-0.707,-0.611,-1.101,-0.943l-0.013,-0.01c0,0,-0.023,-0.017,-0.04,-0.027l-0.167,-0.095l-0.15,0.12c0,0,-0.015,0.012,-0.024,0.02c-0.391,0.33,-0.749,0.64,-1.094,0.939c-0.622,0.539,-1.211,1.048,-1.924,1.624c-1.816,1.463,-3.598,3.263,-3.033,5.506c0.404,1.601,2.104,2.905,3.789,2.905c0.211,0,0.423,-0.02,0.626,-0.061c0.286,-0.058,0.572,-0.145,0.864,-0.265c-0.079,0.962,-0.413,1.864,-0.881,2.369l-0.423,0.459h0.633c0.633,0,1.018,-0.007,1.356,-0.013c0.248,-0.004,0.462,-0.008,0.72,-0.008c0.335,0,0.709,0.006,1.215,0.021l0.686,0.02l-0.474,-0.483c-0.504,-0.514,-0.847,-1.403,-0.923,-2.385c0.311,0.132,0.616,0.227,0.916,0.287c0.204,0.039,0.411,0.059,0.623,0.059c1.687,0,3.386,-1.304,3.789,-2.909c0.56,-2.243,-1.224,-4.041,-3.042,-5.504v-0.004z" fill="#933CBF"/>
+            <path d="M9.727,6.98459c-1.004,-0.83,-1.741,-1.515,-2.723,-2.365c-0.002,0,-0.004,-0.004,-0.007,-0.006c-0.002,0,-0.004,0.004,-0.006,0.006c-0.98,0.85,-1.715,1.537,-2.721,2.367c-1.455,1.202,-3.126,2.821,-2.638,4.81c0.37,1.511,2.091,2.751,3.665,2.43c0.389,-0.08,0.75,-0.224,1.094,-0.402c0,0.116,-0.004,0.233,-0.012,0.353c-0.064,0.991,-0.398,1.892,-0.86,2.401c1.481,0,1.481,-0.043,2.961,0c-0.481,-0.503,-0.834,-1.382,-0.9,-2.401c-0.008,-0.127,-0.012,-0.253,-0.012,-0.378c0.357,0.19,0.733,0.342,1.14,0.425c1.574,0.319,3.292,-0.922,3.661,-2.433c0.486,-1.992,-1.189,-3.609,-2.644,
+            -4.809l0.002,0.002z" fill="url(#paint1_linear_lock)"/>
+            <path d="M9.255,7.551c-0.844,-0.716,-1.462,-1.309,-2.286,-2.045c-0.002,0,-0.004,-0.004,-0.006,-0.006c0,0,-0.004,0.004,-0.006,0.006c-0.824,0.736,-1.44,1.329,-2.284,2.047c-0.919,0.782,-1.94,1.769,-2.214,2.943c-0.115,0.021,-0.914,0.044,-0.914,0.044l0.887,0.083c-0.039,0.206,-0.055,0.418,-0.041,0.638c0.087,-1.371,1.25,-2.507,2.282,-3.384c0.844,-0.718,1.462,-1.313,2.284,-2.047c0.002,-0.002,0.004,-0.004,0.006,-0.006c0.002,0,0.004,0.004,0.006,0.004c0.824,0.734,1.442,1.329,2.286,2.045c1.034,0.879,2.198,2.013,2.286,3.386c0.093,-1.517,-1.173,-2.761,-2.286,-3.708z" fill="#9040C9"/>
+          </svg>
+        </g>
+    </g>
+    <g filter="url(#filter_lock)">
+      <svg x="100%" y="9" id="heart_box">
+        <path d="M7,6c-0.19,-0.002,-0.377,0.052,-0.534,0.154c-0.158,0.103,-0.278,0.25,-0.346,0.42c-0.069,0.171,-0.081,0.357,-0.035,0.535c0.046,0.177,0.147,0.337,0.29,0.457v0.834c0,0.159,0.066,0.312,0.183,0.424c0.117,0.113,0.276,0.176,0.442,0.176c0.166,0,0.325,-0.063,0.442,-0.176c0.117,-0.112,0.183,-0.265,0.183,-0.424v-0.834c0.143,-0.12,0.244,-0.28,0.29,-0.457c0.046,-0.178,0.034,-0.364,-0.035,-0.535c-0.068,-0.17,-0.188,-0.317,-0.346,-0.42c-0.157,-0.102,-0.344,-0.156,-0.534,-0.154zm3.125,-2.4v-1.2c0,-0.796,-0.329,-1.559,-0.915,-2.121c-0.586,-0.563,-1.381,-0.879,-2.21,-0.879c-0.829,0,-1.624,0.316,-2.21,0.879c-0.586,0.562,-0.915,1.325,-0.915,2.121v1.2c-0.497,0,-0.974,0.19,-1.326,0.527c-0.351,0.338,-0.549,0.796,-0.549,1.273v4.2c0,0.477,0.198,0.935,0.549,1.273c0.352,0.337,0.829,0.527,1.326,0.527h6.25c0.497,0,0.974,-0.19,1.326,-0.527c0.351,-0.338,0.549,-0.796,0.549,-1.273v-4.2c0,-0.477,-0.198,-0.935,-0.549,-1.273c-0.352,-0.337,-0.829,-0.527,-1.326,-0.527zm-5,-1.2c0,-0.477,0.198,-0.935,0.549,-1.273c0.352,-0.337,0.829,-0.527,1.326,-0.527c0.497,0,0.974,0.19,1.326,0.527c0.351,0.338,0.549,0.796,0.549,1.273v1.2h-3.75v-1.2zm5.625,7.2c0,0.159,-0.066,0.312,-0.183,0.424c-0.117,0.113,-0.276,0.176,-0.442,0.176h-6.25c-0.166,0,-0.325,-0.063,-0.442,-0.176c-0.117,-0.112,-0.183,-0.265,-0.183,-0.424v-4.2c0,-0.159,0.066,-0.312,0.183,-0.424c0.117,-0.113,0.276,-0.176,0.442,-0.176h6.25c0.166,0,0.325,0.063,0.442,0.176c0.117,0.112,0.183,0.265,0.183,0.424v4.2z" fill="white"/>
+      </svg>
+    </g>
+    <defs>
+        <filter id="filter_current_level" x="64" y="4" width="21" height="21" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+            <feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_305_23"/>
+        </filter>
+        <filter id="filter_heart_ball" x="155" y="0" width="28" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+            <feOffset/>
+            <feGaussianBlur stdDeviation="2"/>
+            <feComposite in2="hardAlpha" operator="out"/>
+            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_305_23"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_305_23" result="shape"/>
+        </filter>
+        <filter id="filter_ball" x="159" y="4" width="20" height="21" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+            <feOffset dy="1"/>
+            <feGaussianBlur stdDeviation="1"/>
+            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0"/>
+            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_305_23"/>
+        </filter>
+        <filter id="filter_heart" x="161.636" y="5.72727" width="14.7271" height="15.6364" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+            <feOffset/>
+            <feGaussianBlur stdDeviation="0.5"/>
+            <feComposite in2="hardAlpha" operator="out"/>
+            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_305_23"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_305_23" result="shape"/>
+        </filter>
+        <filter id="filter_lock" x="50" y="7" width="12" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+            <feOffset/>
+            <feGaussianBlur stdDeviation="0.5"/>
+            <feComposite in2="hardAlpha" operator="out"/>
+            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_305_23"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_305_23" result="shape"/>
+        </filter>
+        <linearGradient id="paint0_linear_ball" x1="163" y1="6" x2="174.2" y2="22.6" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#946AD7"/>
+            <stop offset="1" stop-color="#EFABEB"/>
+        </linearGradient>
+        <linearGradient id="paint1_linear_lock" x1="100%" y1="18.4056" x2="169.002" y2="10.2845" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#814FD6"/>
+            <stop offset="1" stop-color="#D679D8"/>
+        </linearGradient>
+    </defs>
+</svg>

package/dist/static/tips-info.svg

@@ -0,0 +1,21 @@
+<svg width="126" height="92" viewBox="0 0 126 92" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_242_4231)">
+<rect x="24" y="20" width="78" height="36" rx="4" fill="white"/>
+<path d="M24 24C24 21.7909 25.7909 20 28 20H64V56H28C25.7909 56 24 54.2091 24 52V24Z" fill="#464646"/>
+<path d="M51 56H37L43.2474 63.1399C43.6458 63.5952 44.3542 63.5952 44.7526 63.1399L51 56Z" fill="#464646"/>
+<circle cx="44" cy="38" r="7" fill="white"/>
+<path d="M43.9405 34C44.5456 34 45.0362 34.4906 45.0362 35.0957C45.0362 35.7009 44.5456 36.1915 43.9405 36.1915C43.3353 36.1915 42.8447 35.7009 42.8447 35.0957C42.8447 34.4906 43.3353 34 43.9405 34Z" fill="#464646"/>
+<path d="M45.8801 41.3737C45.8801 41.7617 45.5626 42.0791 45.1746 42.0791H44.3233H43.551H42.7055C42.3175 42.0791 42 41.7617 42 41.3737V41.3575C42 40.9695 42.3175 40.6521 42.7055 40.6521H42.8455V37.8714H42.3528C42.1588 37.8714 42 37.7127 42 37.5187V37.4936C42 37.2996 42.1588 37.1409 42.3528 37.1409H43.551H44.031H44.3233C44.7113 37.1409 45.0287 37.4583 45.0287 37.8463V40.6521H45.1746C45.5626 40.6521 45.8801 40.9696 45.8801 41.3576V41.3737Z" fill="#464646"/>
+</g>
+<defs>
+<filter id="filter0_d_242_4231" x="0" y="0" width="126" height="91.4814" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="12"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_242_4231"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_242_4231" result="shape"/>
+</filter>
+</defs>
+</svg>

package/dist/static/user.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
+    <path fill="#6c6c6c" d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4
+     4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>

package/dist/stencil.config.js

@@ -0,0 +1,32 @@
+import { sass } from '@stencil/sass';
+import { inlineSvg } from 'stencil-inline-svg';
+const local = process.argv && process.argv[2] && process.argv[2].indexOf('--dev') > -1;
+export const config = {
+  namespace: 'player-elevate-card',
+  taskQueue: 'async',
+  plugins: [sass(), inlineSvg()],
+  sourceMap: local,
+  outputTargets: [
+    {
+      type: 'dist',
+      esmLoaderPath: '../loader',
+    },
+    {
+      type: 'dist-custom-elements',
+      copy: [
+        {
+          src: '**/*.{jpg,png,svg}',
+          dest: 'dist/components/static',
+          warn: true,
+        }
+      ]
+    },
+    {
+      type: 'docs-readme',
+    },
+    {
+      type: 'www',
+      serviceWorker: null, // disable service workers
+    },
+  ],
+};

package/dist/types/Users/dragos.bodea/Documents/everymatrix-prjs/emfe-widgets/widgets-stencil/packages/player-elevate-card/.stencil/packages/player-elevate-card/stencil.config.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/components/player-elevate-card/player-elevate-card-items.d.ts

@@ -0,0 +1,19 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+export declare const PlayerLoyaltyProcess: () => any;
+interface PlayerPointsProps {
+  loyaltyPoints?: number;
+  spendablePoints?: number;
+  pointExpireString?: string;
+  language?: string;
+}
+export declare const PlayerPoints: FunctionalComponent<PlayerPointsProps>;
+interface PlayerRedeemButtonProps {
+  language?: string;
+  onRedeemClick: any;
+}
+export declare const PlayerElevateCardRedeem: FunctionalComponent<PlayerRedeemButtonProps>;
+export declare const PlayerNameDiv: (props: any) => any;
+export declare const PlayerElevateLoyaltyLevel: (props: any) => any;
+export declare const PlayerAvatar: (props: any) => any;
+export declare const TextSpan: (props: any) => any;
+export {};

package/dist/types/components/player-elevate-card/player-elevate-card.d.ts

@@ -0,0 +1,53 @@
+import { ElevateWalletTotalInfo, PlayerElevateLevel } from '../../models/player-elevate';
+export declare class PlayerElevateCard {
+  /**
+   * The NWA endpoint
+   */
+  endpoint: string;
+  /**
+   * The style that widget shows,available value: Dark, Light
+   * Default: Dark
+   */
+  theme: string;
+  /**
+   * The NWA session for the logged-in user
+   */
+  session: string;
+  /**
+   * Widget, player avatar url
+   */
+  playerAvatarUrl: string;
+  /**
+   * Widget Language to show
+   */
+  language: string;
+  /**
+   * Player name
+   */
+  playerName: string;
+  /**
+   * datePattern
+   */
+  dateFormat: string;
+  /**
+   * Client custom styling via inline styles
+   */
+  clientStyling: string;
+  /**
+   * Client custom styling via url
+   */
+  clientStylingUrl: string;
+  /**
+   * Translation via url
+   */
+  translationUrl: string;
+  pointExpireString: string;
+  playerLevelFlag: number;
+  playerElevateLevel: PlayerElevateLevel;
+  elevateWalletTotal: ElevateWalletTotalInfo;
+  protected paramProxy: any;
+  playerElevateLeveLoadedHandler(event: CustomEvent): void;
+  onRedeemClick(): void;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/player-elevate-card-data/player-elevate-card-data.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ElevateWalletTotalInfo, PlayerElevateLevel } from '../../models/player-elevate';
+import '@everymatrix/general-styling-wrapper';
+export declare class PlayerElevateCardData {
+  params: any;
+  playerElevateLevel: PlayerElevateLevel;
+  pointExpireString: string;
+  playerElevateLeveLoaded: EventEmitter;
+  handleWindowResizs(): void;
+  elevateCardRef: HTMLElement;
+  loyaltyProgressEle: HTMLElement;
+  private levels;
+  onRedeemClick(): void;
+  loadLevels(): Promise<unknown>;
+  calcuatePointsToBeExpired(walletTotalInfo: ElevateWalletTotalInfo): string;
+  loadPlayerLevelInfo(): Promise<PlayerElevateLevel>;
+  setLoyaltyProgress(percent: number): void;
+  initLevelProgressbar(): void;
+  componentWillRender(): void;
+  componentDidRender(): void;
+  componentWillLoad(): void;
+}

package/dist/types/components/player-elevate-loyaltycard/player-elevate-loyaltycard.d.ts

@@ -0,0 +1,53 @@
+import { ElevateWalletTotalInfo, PlayerElevateLevel } from '../../models/player-elevate';
+export declare class PlayerElevateLoyaltycard {
+  /**
+   * The NWA endpoint
+   */
+  endpoint: string;
+  /**
+   * The style that widget shows,available value: Dark, Light
+   * Default: Dark
+   */
+  theme: string;
+  /**
+   * The NWA session for the logged-in user
+   */
+  session: string;
+  /**
+   * Widget, player avatar url
+   */
+  playerAvatarUrl: string;
+  /**
+   * Widget Language to show
+   */
+  language: string;
+  /**
+   * The first name
+   */
+  playerName: string;
+  /**
+   * datePattern
+   */
+  dateFormat: string;
+  /**
+   * Client custom styling via inline styles
+   */
+  clientStyling: string;
+  /**
+   * Client custom styling via url
+   */
+  clientStylingUrl: string;
+  /**
+   * Translation via url
+   */
+  translationUrl: string;
+  pointExpireString: string;
+  playerElevateLevel: PlayerElevateLevel;
+  elevateWalletTotal: ElevateWalletTotalInfo;
+  protected paramsProxy: any;
+  playerElevateLeveLoadedHandler(event: CustomEvent): void;
+  onRedeemClick(): void;
+  componentWillLoad(): void;
+  getNextLevelTips(): string;
+  render(): any;
+}

package/dist/types/components/player-elevate-pointcard/player-elevate-pointcard.d.ts

@@ -0,0 +1,66 @@
+import { ElevateWalletTotalInfo, PlayerElevateLevel } from '../../models/player-elevate';
+export declare class PlayerElevatePointcard {
+  /**
+   * The NWA endpoint
+   */
+  endpoint: string;
+  /**
+   * The style that widget shows,available value: Dark, Light
+   * Default: Dark
+   */
+  theme: string;
+  /**
+   * The NWA session for the logged-in user
+   */
+  session: string;
+  /**
+   * Widget, player avatar url
+   */
+  playerAvatarUrl: string;
+  /**
+   * Widget Language to show
+   */
+  language: string;
+  /**
+   * The first name
+   */
+  playerName: string;
+  /**
+   *The title displayed in card, default: translation of 'spendablePoints'
+   */
+  cardTitle: string;
+  /**
+   * 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
+   */
+  buttonType: string;
+  /**
+   * datePattern
+   */
+  dateFormat: string;
+  /**
+   * Client custom styling via inline styles
+   */
+  clientStyling: string;
+  /**
+   * Client custom styling via url
+   */
+  clientStylingUrl: string;
+  /**
+   * Translation via url
+   */
+  translationUrl: string;
+  pointExpireString: string;
+  playerElevateLevel: PlayerElevateLevel;
+  elevateWalletTotal: ElevateWalletTotalInfo;
+  elevateSPTotal: ElevateWalletTotalInfo;
+  protected paramProxy: any;
+  private isPointDetailCard;
+  playerElevateLeveLoadedHandler(event: CustomEvent): void;
+  onDetailsClick(): void;
+  componentWillLoad(): void;
+  render(): any;
+}