@everymatrix/bonus-elevate-shop 1.44.0 → 1.45.2

package/dist/cjs/bonus-elevate-shop_4.cjs.entry.js

@@ -2,454 +2,259 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6ed3151f.js');
-const playerElevateCardItems = require('./player-elevate-card-items-9d57b9ca.js');
+const index = require('./index-950597be.js');
+const playerElevateCardItems = require('./player-elevate-card-items-94136a9c.js');
 
 const getUrl = (path, params = {}) => {
-  return path + '?' + Object.keys(params).map(key => `${key}=${params[key]}`).join('&');
+    return path + '?' + Object.keys(params).map(key => `${key}=${params[key]}`).join('&');
 };
 const fetcher = async (input, init = {}) => {
-  let res;
-  // @ts-ignore
-  res = await fetch(input, init);
-  res = await res.text();
-  try {
-    res = JSON.parse(res);
-  }
-  catch (e) {
-    console.error(e);
-  }
-  return res;
+    let res;
+    // @ts-ignore
+    res = await fetch(input, init);
+    res = await res.text();
+    try {
+        res = JSON.parse(res);
+    }
+    catch (e) {
+        console.error(e);
+    }
+    return res;
 };
 async function fetchNorwayApi(path, params = {}, init = {}) {
-  const { endpoint, language, session } = this;
-  const fetchParams = params;
-  if (!init.method || init.method === 'GET') {
-    fetchParams.language = language;
-  }
-  const url = getUrl(`${endpoint}${path}`, fetchParams);
-  if (!init.headers)
-    init.headers = {};
-  init.headers['x-SessionId'] = session;
-  const res = await fetcher(url, init);
-  return res;
+    const { endpoint, language, session } = this;
+    const fetchParams = params;
+    if (!init.method || init.method === 'GET') {
+        fetchParams.language = language;
+    }
+    const url = getUrl(`${endpoint}${path}`, fetchParams);
+    if (!init.headers)
+        init.headers = {};
+    init.headers['x-SessionId'] = session;
+    const res = await fetcher(url, init);
+    return res;
 }
 
 const translation = {
-  en: {
-    Coins: 'Coins',
-    Coin: 'Coin',
-    noContent: 'No Content',
-  }
+    en: {
+        Points: 'Points',
+        Point: 'Point',
+        noContent: 'No Content',
+    }
 };
 
-const avaliableTrueSvg = `<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g filter="url(#filter0_bd_179_6145)">
-    <circle cx="23" cy="19" r="19" style="fill: var(--emfe-w-elevate-avaliable-button-enabled-color, #53B65C);" />
-    <circle cx="23" cy="19" r="18" stroke="url(#paint0_linear_179_6145)" stroke-opacity="0.6" stroke-width="2"/>
-    <circle cx="23" cy="19" r="18" stroke="url(#paint1_linear_179_6145)" stroke-width="2"/>
-    <circle cx="23" cy="19" r="18" stroke="url(#paint2_linear_179_6145)" stroke-width="2"/>
-  </g>
-  <g filter="url(#filter1_d_179_6145)">
-    <path d="M31.1977 11C31.7015 11 32.1279 11.1777 32.4767 11.5332C32.8256 11.8887 33 12.3203 33 12.8281V18.9102C33 20.2852 32.7364 21.5977 32.2093 22.8477C31.6822 24.0977 30.9748 25.1719 30.0872 26.0703C29.1996 26.9688 28.1376 27.6816 26.9012 28.209C25.6647 28.7363 24.3682 29 23.0116 29C21.6473 29 20.3469 28.7363 19.1105 28.209C17.874 27.6816 16.8101 26.9688 15.9186 26.0703C15.0271 25.1719 14.3178 24.0977 13.7907 22.8477C13.2636 21.5977 13 20.2852 13 18.9102V12.8281C13 12.3281 13.1783 11.8984 13.5349 11.5391C13.8915 11.1797 14.3178 11 14.814 11H31.1977ZM23.0116 23.4688C23.376 23.4688 23.6938 23.3398 23.9651 23.082L28.6628 18.5352C28.9496 18.2617 29.093 17.9297 29.093 17.5391C29.093 17.1562 28.9593 16.8301 28.6919 16.5605C28.4244 16.291 28.1008 16.1562 27.7209 16.1562C27.3566 16.1562 27.0388 16.2852 26.7674 16.543L23.0116 20.1758L19.2558 16.543C18.9845 16.2852 18.6705 16.1562 18.314 16.1562C17.9341 16.1562 17.6105 16.291 17.343 16.5605C17.0756 16.8301 16.9419 17.1562 16.9419 17.5391C16.9419 17.9375 17.0814 18.2695 17.3605 18.5352L22.0698 23.082C22.3256 23.3398 22.6395 23.4688 23.0116 23.4688Z" fill="white"/>
-  </g>
-  <defs>
-    <filter id="filter0_bd_179_6145" x="-36" y="-40" width="118" height="118" 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_179_6145"/>
-      <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_179_6145" result="effect2_dropShadow_179_6145"/>
-      <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_179_6145" result="shape"/>
-    </filter>
-    <filter id="filter1_d_179_6145" x="11" y="10" width="24" height="22" 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="1"/>
-      <feGaussianBlur stdDeviation="1"/>
-      <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_179_6145"/>
-      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_179_6145" result="shape"/>
-    </filter>
-    <linearGradient id="paint0_linear_179_6145" x1="49.2869" y1="15.1911" x2="36.3103" y2="15.603" gradientUnits="userSpaceOnUse">
-      <stop stop-color="white"/>
-      <stop offset="1" stop-color="#EFEFEF" stop-opacity="0"/>
-    </linearGradient>
-    <linearGradient id="paint1_linear_179_6145" x1="4" y1="0" x2="19.3776" y2="8.17396" gradientUnits="userSpaceOnUse">
-      <stop stop-color="white" stop-opacity="0.5"/>
-      <stop offset="1" stop-color="white" stop-opacity="0"/>
-    </linearGradient>
-    <linearGradient id="paint2_linear_179_6145" x1="42" y1="38" x2="27.0558" y2="34.3156" gradientUnits="userSpaceOnUse">
-      <stop stop-color="white" stop-opacity="0.5"/>
-      <stop offset="1" stop-color="white" stop-opacity="0"/>
-    </linearGradient>
-  </defs>
-</svg>
-`;
-
-const avaliableFalseSvg = `<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_bd_183_6497)">
-<circle cx="23" cy="19" r="19" style="fill: var(--emfe-w-elevate-avaliable-button-disabled-color, #B7B7B7);" />
-<circle cx="23" cy="19" r="18" stroke="url(#paint0_linear_183_6497)" stroke-opacity="0.6" stroke-width="2"/>
-<circle cx="23" cy="19" r="18" stroke="url(#paint1_linear_183_6497)" stroke-width="2"/>
-<circle cx="23" cy="19" r="18" stroke="url(#paint2_linear_183_6497)" stroke-width="2"/>
-</g>
-<g filter="url(#filter1_d_183_6497)">
-<path d="M31.1977 11C31.7015 11 32.1279 11.1777 32.4767 11.5332C32.8256 11.8887 33 12.3203 33 12.8281V18.9102C33 20.2852 32.7364 21.5977 32.2093 22.8477C31.6822 24.0977 30.9748 25.1719 30.0872 26.0703C29.1996 26.9688 28.1376 27.6816 26.9012 28.209C25.6647 28.7363 24.3682 29 23.0116 29C21.6473 29 20.3469 28.7363 19.1105 28.209C17.874 27.6816 16.8101 26.9688 15.9186 26.0703C15.0271 25.1719 14.3178 24.0977 13.7907 22.8477C13.2636 21.5977 13 20.2852 13 18.9102V12.8281C13 12.3281 13.1783 11.8984 13.5349 11.5391C13.8915 11.1797 14.3178 11 14.814 11H31.1977ZM23.0116 23.4688C23.376 23.4688 23.6938 23.3398 23.9651 23.082L28.6628 18.5352C28.9496 18.2617 29.093 17.9297 29.093 17.5391C29.093 17.1562 28.9593 16.8301 28.6919 16.5605C28.4244 16.291 28.1008 16.1562 27.7209 16.1562C27.3566 16.1562 27.0388 16.2852 26.7674 16.543L23.0116 20.1758L19.2558 16.543C18.9845 16.2852 18.6705 16.1562 18.314 16.1562C17.9341 16.1562 17.6105 16.291 17.343 16.5605C17.0756 16.8301 16.9419 17.1562 16.9419 17.5391C16.9419 17.9375 17.0814 18.2695 17.3605 18.5352L22.0698 23.082C22.3256 23.3398 22.6395 23.4688 23.0116 23.4688Z" fill="#F0F0F0"/>
-</g>
-<defs>
-<filter id="filter0_bd_183_6497" x="-36" y="-40" width="118" height="118" 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_183_6497"/>
-<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_183_6497" result="effect2_dropShadow_183_6497"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_183_6497" result="shape"/>
-</filter>
-<filter id="filter1_d_183_6497" x="11" y="10" width="24" height="22" 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="1"/>
-<feGaussianBlur stdDeviation="1"/>
-<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_183_6497"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_183_6497" result="shape"/>
-</filter>
-<linearGradient id="paint0_linear_183_6497" x1="49.2869" y1="15.1911" x2="36.3103" y2="15.603" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#EFEFEF" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint1_linear_183_6497" x1="4" y1="0" x2="19.3776" y2="8.17396" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint2_linear_183_6497" x1="42" y1="38" x2="27.0558" y2="34.3156" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.5"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-</defs>
-</svg>
-`;
+const avaliableTrueSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA0NiA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9iZF8xNzlfNjE0NSkiPgogICAgPGNpcmNsZSBjeD0iMjMiIGN5PSIxOSIgcj0iMTkiIHN0eWxlPSJmaWxsOiB2YXIoLS1lbWZlLXctZWxldmF0ZS1hdmFsaWFibGUtYnV0dG9uLWVuYWJsZWQtY29sb3IsICM1M0I2NUMpOyIgLz4KICAgIDxjaXJjbGUgY3g9IjIzIiBjeT0iMTkiIHI9IjE4IiBzdHJva2U9InVybCgjcGFpbnQwX2xpbmVhcl8xNzlfNjE0NSkiIHN0cm9rZS1vcGFjaXR5PSIwLjYiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgPGNpcmNsZSBjeD0iMjMiIGN5PSIxOSIgcj0iMTgiIHN0cm9rZT0idXJsKCNwYWludDFfbGluZWFyXzE3OV82MTQ1KSIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICA8Y2lyY2xlIGN4PSIyMyIgY3k9IjE5IiByPSIxOCIgc3Ryb2tlPSJ1cmwoI3BhaW50Ml9saW5lYXJfMTc5XzYxNDUpIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8L2c+CiAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjFfZF8xNzlfNjE0NSkiPgogICAgPHBhdGggZD0iTTMxLjE5NzcgMTFDMzEuNzAxNSAxMSAzMi4xMjc5IDExLjE3NzcgMzIuNDc2NyAxMS41MzMyQzMyLjgyNTYgMTEuODg4NyAzMyAxMi4zMjAzIDMzIDEyLjgyODFWMTguOTEwMkMzMyAyMC4yODUyIDMyLjczNjQgMjEuNTk3NyAzMi4yMDkzIDIyLjg0NzdDMzEuNjgyMiAyNC4wOTc3IDMwLjk3NDggMjUuMTcxOSAzMC4wODcyIDI2LjA3MDNDMjkuMTk5NiAyNi45Njg4IDI4LjEzNzYgMjcuNjgxNiAyNi45MDEyIDI4LjIwOUMyNS42NjQ3IDI4LjczNjMgMjQuMzY4MiAyOSAyMy4wMTE2IDI5QzIxLjY0NzMgMjkgMjAuMzQ2OSAyOC43MzYzIDE5LjExMDUgMjguMjA5QzE3Ljg3NCAyNy42ODE2IDE2LjgxMDEgMjYuOTY4OCAxNS45MTg2IDI2LjA3MDNDMTUuMDI3MSAyNS4xNzE5IDE0LjMxNzggMjQuMDk3NyAxMy43OTA3IDIyLjg0NzdDMTMuMjYzNiAyMS41OTc3IDEzIDIwLjI4NTIgMTMgMTguOTEwMlYxMi44MjgxQzEzIDEyLjMyODEgMTMuMTc4MyAxMS44OTg0IDEzLjUzNDkgMTEuNTM5MUMxMy44OTE1IDExLjE3OTcgMTQuMzE3OCAxMSAxNC44MTQgMTFIMzEuMTk3N1pNMjMuMDExNiAyMy40Njg4QzIzLjM3NiAyMy40Njg4IDIzLjY5MzggMjMuMzM5OCAyMy45NjUxIDIzLjA4MkwyOC42NjI4IDE4LjUzNTJDMjguOTQ5NiAxOC4yNjE3IDI5LjA5MyAxNy45Mjk3IDI5LjA5MyAxNy41MzkxQzI5LjA5MyAxNy4xNTYyIDI4Ljk1OTMgMTYuODMwMSAyOC42OTE5IDE2LjU2MDVDMjguNDI0NCAxNi4yOTEgMjguMTAwOCAxNi4xNTYyIDI3LjcyMDkgMTYuMTU2MkMyNy4zNTY2IDE2LjE1NjIgMjcuMDM4OCAxNi4yODUyIDI2Ljc2NzQgMTYuNTQzTDIzLjAxMTYgMjAuMTc1OEwxOS4yNTU4IDE2LjU0M0MxOC45ODQ1IDE2LjI4NTIgMTguNjcwNSAxNi4xNTYyIDE4LjMxNCAxNi4xNTYyQzE3LjkzNDEgMTYuMTU2MiAxNy42MTA1IDE2LjI5MSAxNy4zNDMgMTYuNTYwNUMxNy4wNzU2IDE2LjgzMDEgMTYuOTQxOSAxNy4xNTYyIDE2Ljk0MTkgMTcuNTM5MUMxNi45NDE5IDE3LjkzNzUgMTcuMDgxNCAxOC4yNjk1IDE3LjM2MDUgMTguNTM1MkwyMi4wNjk4IDIzLjA4MkMyMi4zMjU2IDIzLjMzOTggMjIuNjM5NSAyMy40Njg4IDIzLjAxMTYgMjMuNDY4OFoiIGZpbGw9IndoaXRlIi8+CiAgPC9nPgogIDxkZWZzPgogICAgPGZpbHRlciBpZD0iZmlsdGVyMF9iZF8xNzlfNjE0NSIgeD0iLTM2IiB5PSItNDAiIHdpZHRoPSIxMTgiIGhlaWdodD0iMTE4IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CiAgICAgIDxmZUdhdXNzaWFuQmx1ciBpbj0iQmFja2dyb3VuZEltYWdlRml4IiBzdGREZXZpYXRpb249IjIwIi8+CiAgICAgIDxmZUNvbXBvc2l0ZSBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iaW4iIHJlc3VsdD0iZWZmZWN0MV9iYWNrZ3JvdW5kQmx1cl8xNzlfNjE0NSIvPgogICAgICA8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KICAgICAgPGZlT2Zmc2V0IGR5PSI0Ii8+CiAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiLz4KICAgICAgPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CiAgICAgIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4KICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9ImVmZmVjdDFfYmFja2dyb3VuZEJsdXJfMTc5XzYxNDUiIHJlc3VsdD0iZWZmZWN0Ml9kcm9wU2hhZG93XzE3OV82MTQ1Ii8+CiAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0Ml9kcm9wU2hhZG93XzE3OV82MTQ1IiByZXN1bHQ9InNoYXBlIi8+CiAgICA8L2ZpbHRlcj4KICAgIDxmaWx0ZXIgaWQ9ImZpbHRlcjFfZF8xNzlfNjE0NSIgeD0iMTEiIHk9IjEwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KICAgICAgPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KICAgICAgPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CiAgICAgIDxmZU9mZnNldCBkeT0iMSIvPgogICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxIi8+CiAgICAgIDxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgogICAgICA8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CiAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzE3OV82MTQ1Ii8+CiAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzE3OV82MTQ1IiByZXN1bHQ9InNoYXBlIi8+CiAgICA8L2ZpbHRlcj4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xNzlfNjE0NSIgeDE9IjQ5LjI4NjkiIHkxPSIxNS4xOTExIiB4Mj0iMzYuMzEwMyIgeTI9IjE1LjYwMyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNFRkVGRUYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhcl8xNzlfNjE0NSIgeDE9IjQiIHkxPSIwIiB4Mj0iMTkuMzc3NiIgeTI9IjguMTczOTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQyX2xpbmVhcl8xNzlfNjE0NSIgeDE9IjQyIiB5MT0iMzgiIHgyPSIyNy4wNTU4IiB5Mj0iMzQuMzE1NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KPC9zdmc+Cg==';
+
+const avaliableFalseSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA0NiA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfYmRfMTgzXzY0OTcpIj4KPGNpcmNsZSBjeD0iMjMiIGN5PSIxOSIgcj0iMTkiIHN0eWxlPSJmaWxsOiB2YXIoLS1lbWZlLXctZWxldmF0ZS1hdmFsaWFibGUtYnV0dG9uLWRpc2FibGVkLWNvbG9yLCAjQjdCN0I3KTsiIC8+CjxjaXJjbGUgY3g9IjIzIiBjeT0iMTkiIHI9IjE4IiBzdHJva2U9InVybCgjcGFpbnQwX2xpbmVhcl8xODNfNjQ5NykiIHN0cm9rZS1vcGFjaXR5PSIwLjYiIHN0cm9rZS13aWR0aD0iMiIvPgo8Y2lyY2xlIGN4PSIyMyIgY3k9IjE5IiByPSIxOCIgc3Ryb2tlPSJ1cmwoI3BhaW50MV9saW5lYXJfMTgzXzY0OTcpIiBzdHJva2Utd2lkdGg9IjIiLz4KPGNpcmNsZSBjeD0iMjMiIGN5PSIxOSIgcj0iMTgiIHN0cm9rZT0idXJsKCNwYWludDJfbGluZWFyXzE4M182NDk3KSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjwvZz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjFfZF8xODNfNjQ5NykiPgo8cGF0aCBkPSJNMzEuMTk3NyAxMUMzMS43MDE1IDExIDMyLjEyNzkgMTEuMTc3NyAzMi40NzY3IDExLjUzMzJDMzIuODI1NiAxMS44ODg3IDMzIDEyLjMyMDMgMzMgMTIuODI4MVYxOC45MTAyQzMzIDIwLjI4NTIgMzIuNzM2NCAyMS41OTc3IDMyLjIwOTMgMjIuODQ3N0MzMS42ODIyIDI0LjA5NzcgMzAuOTc0OCAyNS4xNzE5IDMwLjA4NzIgMjYuMDcwM0MyOS4xOTk2IDI2Ljk2ODggMjguMTM3NiAyNy42ODE2IDI2LjkwMTIgMjguMjA5QzI1LjY2NDcgMjguNzM2MyAyNC4zNjgyIDI5IDIzLjAxMTYgMjlDMjEuNjQ3MyAyOSAyMC4zNDY5IDI4LjczNjMgMTkuMTEwNSAyOC4yMDlDMTcuODc0IDI3LjY4MTYgMTYuODEwMSAyNi45Njg4IDE1LjkxODYgMjYuMDcwM0MxNS4wMjcxIDI1LjE3MTkgMTQuMzE3OCAyNC4wOTc3IDEzLjc5MDcgMjIuODQ3N0MxMy4yNjM2IDIxLjU5NzcgMTMgMjAuMjg1MiAxMyAxOC45MTAyVjEyLjgyODFDMTMgMTIuMzI4MSAxMy4xNzgzIDExLjg5ODQgMTMuNTM0OSAxMS41MzkxQzEzLjg5MTUgMTEuMTc5NyAxNC4zMTc4IDExIDE0LjgxNCAxMUgzMS4xOTc3Wk0yMy4wMTE2IDIzLjQ2ODhDMjMuMzc2IDIzLjQ2ODggMjMuNjkzOCAyMy4zMzk4IDIzLjk2NTEgMjMuMDgyTDI4LjY2MjggMTguNTM1MkMyOC45NDk2IDE4LjI2MTcgMjkuMDkzIDE3LjkyOTcgMjkuMDkzIDE3LjUzOTFDMjkuMDkzIDE3LjE1NjIgMjguOTU5MyAxNi44MzAxIDI4LjY5MTkgMTYuNTYwNUMyOC40MjQ0IDE2LjI5MSAyOC4xMDA4IDE2LjE1NjIgMjcuNzIwOSAxNi4xNTYyQzI3LjM1NjYgMTYuMTU2MiAyNy4wMzg4IDE2LjI4NTIgMjYuNzY3NCAxNi41NDNMMjMuMDExNiAyMC4xNzU4TDE5LjI1NTggMTYuNTQzQzE4Ljk4NDUgMTYuMjg1MiAxOC42NzA1IDE2LjE1NjIgMTguMzE0IDE2LjE1NjJDMTcuOTM0MSAxNi4xNTYyIDE3LjYxMDUgMTYuMjkxIDE3LjM0MyAxNi41NjA1QzE3LjA3NTYgMTYuODMwMSAxNi45NDE5IDE3LjE1NjIgMTYuOTQxOSAxNy41MzkxQzE2Ljk0MTkgMTcuOTM3NSAxNy4wODE0IDE4LjI2OTUgMTcuMzYwNSAxOC41MzUyTDIyLjA2OTggMjMuMDgyQzIyLjMyNTYgMjMuMzM5OCAyMi42Mzk1IDIzLjQ2ODggMjMuMDExNiAyMy40Njg4WiIgZmlsbD0iI0YwRjBGMCIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2JkXzE4M182NDk3IiB4PSItMzYiIHk9Ii00MCIgd2lkdGg9IjExOCIgaGVpZ2h0PSIxMTgiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlR2F1c3NpYW5CbHVyIGluPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHN0ZERldmlhdGlvbj0iMjAiLz4KPGZlQ29tcG9zaXRlIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJpbiIgcmVzdWx0PSJlZmZlY3QxX2JhY2tncm91bmRCbHVyXzE4M182NDk3Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjQiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIvPgo8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMjUgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iZWZmZWN0MV9iYWNrZ3JvdW5kQmx1cl8xODNfNjQ5NyIgcmVzdWx0PSJlZmZlY3QyX2Ryb3BTaGFkb3dfMTgzXzY0OTciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QyX2Ryb3BTaGFkb3dfMTgzXzY0OTciIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxmaWx0ZXIgaWQ9ImZpbHRlcjFfZF8xODNfNjQ5NyIgeD0iMTEiIHk9IjEwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzE4M182NDk3Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzE4M182NDk3IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTgzXzY0OTciIHgxPSI0OS4yODY5IiB5MT0iMTUuMTkxMSIgeDI9IjM2LjMxMDMiIHkyPSIxNS42MDMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRUZFRkVGIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzE4M182NDk3IiB4MT0iNCIgeTE9IjAiIHgyPSIxOS4zNzc2IiB5Mj0iOC4xNzM5NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQyX2xpbmVhcl8xODNfNjQ5NyIgeDE9IjQyIiB5MT0iMzgiIHgyPSIyNy4wNTU4IiB5Mj0iMzQuMzE1NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==';
 
 const getStatusData = (gift, redeem) => {
-  switch (gift.available) {
-    case "true":
-      return {
-        extraClass: ' active',
-        onClick: () => redeem(gift.id),
-        icon: avaliableTrueSvg
-      };
-    case "false":
-      return {
-        extraClass: ' deactive',
-        onClick: () => { },
-        icon: avaliableFalseSvg
-      };
-  }
+    switch (gift.available) {
+        case "true":
+            return {
+                extraClass: ' active',
+                onClick: () => redeem(gift.id),
+                icon: avaliableTrueSvg
+            };
+        case "false":
+            return {
+                extraClass: ' deactive',
+                onClick: () => { },
+                icon: avaliableFalseSvg
+            };
+    }
 };
 const renderGifts = (gifts, locale, redeem) => {
-  return (index.h("div", { class: "Gifts FlexLayout" }, gifts.map(gift => {
-    var _a;
-    const statusData = getStatusData(gift, redeem);
-    const presentation = gift.presentation;
-    const getPropForBackgroundImage = (asset) => asset ?
-      { backgroundImage: `url('${asset}')` } :
-      {};
-    return (index.h("div", { class: "Gift" },
-      index.h("div", { class: "ImgContainer", onClick: () => window.postMessage({ type: 'BEEShopImgClicked', itemId: gift.id }, window.location.href), style: Object.assign({}, getPropForBackgroundImage(((_a = presentation.assets) === null || _a === void 0 ? void 0 : _a.length) > 0 ? presentation.assets[0] : '')) }),
-      index.h("div", { class: "InfoContainer" },
-        index.h("div", null,
-          index.h("div", { class: "Point" },
-            gift.points,
-            " ",
-            gift.points === 1 ? locale.Coin : locale.Coins),
-          index.h("div", { class: "Title" }, (presentation === null || presentation === void 0 ? void 0 : presentation.displayName) || gift.displayName),
-          index.h("div", { class: "Description" }, (presentation === null || presentation === void 0 ? void 0 : presentation.description) || '')),
-        index.h("div", { class: "AvaliableWrap" + statusData.extraClass, onClick: () => statusData.onClick() },
-          index.h("span", { innerHTML: statusData.icon })))));
-  })));
+    return (index.h("div", { class: "Gifts FlexLayout" }, gifts.map(gift => {
+        var _a;
+        const statusData = getStatusData(gift, redeem);
+        const presentation = gift.presentation;
+        const getPropForBackgroundImage = (asset) => asset ?
+            { backgroundImage: `url('${asset}')` } :
+            {};
+        return (index.h("div", { class: "Gift" },
+            index.h("div", { class: "ImgContainer", onClick: () => window.postMessage({ type: 'BEEShopImgClicked', itemId: gift.id }, window.location.href), style: Object.assign({}, getPropForBackgroundImage(((_a = presentation.assets) === null || _a === void 0 ? void 0 : _a.length) > 0 ? presentation.assets[0] : '')) }),
+            index.h("div", { class: "InfoContainer" },
+                index.h("div", null,
+                    index.h("div", { class: "Point" },
+                        gift.points,
+                        " ",
+                        gift.points === 1 ? locale.Point : locale.Points),
+                    index.h("div", { class: "Title" }, (presentation === null || presentation === void 0 ? void 0 : presentation.displayName) || gift.displayName),
+                    index.h("div", { class: "Description" }, (presentation === null || presentation === void 0 ? void 0 : presentation.description) || '')),
+                index.h("div", { class: "AvaliableWrap" + statusData.extraClass, onClick: () => statusData.onClick() },
+                    index.h("span", { innerHTML: statusData.icon })))));
+    })));
 };
 
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+var GeneralAnimationLoadingCczQRHih = {};
 
-function createCommonjsModule(fn, basedir, module) {
-	return module = {
-		path: basedir,
-		exports: {},
-		require: function (path, base) {
-			return commonjsRequire();
-		}
-	}, fn(module, module.exports), module.exports;
-}
+(function (exports) {
+var V=Object.defineProperty,z=Object.defineProperties;var F=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var G=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var x=(e,t,n)=>t in e?V(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,P=(e,t)=>{for(var n in t||(t={}))G.call(t,n)&&x(e,n,t[n]);if(N)for(var n of N(t))q.call(t,n)&&x(e,n,t[n]);return e},M=(e,t)=>z(e,F(t));var $=(e,t,n)=>x(e,typeof t!="symbol"?t+"":t,n);var T=(e,t,n)=>new Promise((s,l)=>{var i=o=>{try{u(n.next(o));}catch(r){l(r);}},c=o=>{try{u(n.throw(o));}catch(r){l(r);}},u=o=>o.done?s(o.value):Promise.resolve(o.value).then(i,c);u((n=n.apply(e,t)).next());});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function _(){}function H(e){return e()}function B(){return Object.create(null)}function b(e){e.forEach(H);}function I(e){return typeof e=="function"}function K(e,t){return e!=e?t==t:e!==t||e&&typeof e=="object"||typeof e=="function"}function Q(e){return Object.keys(e).length===0}function W(e,t){e.appendChild(t);}function X(e,t,n){const s=Y(e);if(!s.getElementById(t)){const l=L("style");l.id=t,l.textContent=n,Z(s,l);}}function Y(e){if(!e)return document;const t=e.getRootNode?e.getRootNode():e.ownerDocument;return t&&t.host?t:e.ownerDocument}function Z(e,t){return W(e.head||e,t),t.sheet}function U(e,t,n){e.insertBefore(t,n||null);}function C(e){e.parentNode&&e.parentNode.removeChild(e);}function L(e){return document.createElement(e)}function tt(e,t,n){n==null?e.removeAttribute(t):e.getAttribute(t)!==n&&e.setAttribute(t,n);}function et(e){return Array.from(e.childNodes)}function nt(e){const t={};return e.childNodes.forEach(n=>{t[n.slot||"default"]=!0;}),t}let j;function g(e){j=e;}const h=[],k=[];let p=[];const R=[],it=Promise.resolve();let v=!1;function st(){v||(v=!0,it.then(y));}function E(e){p.push(e);}const w=new Set;let a=0;function y(){if(a!==0)return;const e=j;do{try{for(;a<h.length;){const t=h[a];a++,g(t),rt(t.$$);}}catch(t){throw h.length=0,a=0,t}for(g(null),h.length=0,a=0;k.length;)k.pop()();for(let t=0;t<p.length;t+=1){const n=p[t];w.has(n)||(w.add(n),n());}p.length=0;}while(h.length);for(;R.length;)R.pop()();v=!1,w.clear(),g(e);}function rt(e){if(e.fragment!==null){e.update(),b(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(E);}}function lt(e){const t=[],n=[];p.forEach(s=>e.indexOf(s)===-1?t.push(s):n.push(s)),n.forEach(s=>s()),p=t;}const ct=new Set;function ot(e,t){e&&e.i&&(ct.delete(e),e.i(t));}function ut(e,t,n){const{fragment:s,after_update:l}=e.$$;s&&s.m(t,n),E(()=>{const i=e.$$.on_mount.map(H).filter(I);e.$$.on_destroy?e.$$.on_destroy.push(...i):b(i),e.$$.on_mount=[];}),l.forEach(E);}function dt(e,t){const n=e.$$;n.fragment!==null&&(lt(n.after_update),b(n.on_destroy),n.fragment&&n.fragment.d(t),n.on_destroy=n.fragment=null,n.ctx=[]);}function $t(e,t){e.$$.dirty[0]===-1&&(h.push(e),st(),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31;}function ft(e,t,n,s,l,i,c=null,u=[-1]){const o=j;g(e);const r=e.$$={fragment:null,ctx:[],props:i,update:_,not_equal:l,bound:B(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(t.context||(o?o.$$.context:[])),callbacks:B(),dirty:u,skip_bound:!1,root:t.target||o.$$.root};c&&c(r.root);let f=!1;if(r.ctx=n?n(e,t.props||{},(d,O,...S)=>{const A=S.length?S[0]:O;return r.ctx&&l(r.ctx[d],r.ctx[d]=A)&&(!r.skip_bound&&r.bound[d]&&r.bound[d](A),f&&$t(e,d)),O}):[],r.update(),f=!0,b(r.before_update),r.fragment=s?s(r.ctx):!1,t.target){if(t.hydrate){const d=et(t.target);r.fragment&&r.fragment.l(d),d.forEach(C);}else r.fragment&&r.fragment.c();t.intro&&ot(e.$$.fragment),ut(e,t.target,t.anchor),y();}g(o);}let D;typeof HTMLElement=="function"&&(D=class extends HTMLElement{constructor(t,n,s){super();$(this,"$$ctor");$(this,"$$s");$(this,"$$c");$(this,"$$cn",!1);$(this,"$$d",{});$(this,"$$r",!1);$(this,"$$p_d",{});$(this,"$$l",{});$(this,"$$l_u",new Map);this.$$ctor=t,this.$$s=n,s&&this.attachShadow({mode:"open"});}addEventListener(t,n,s){if(this.$$l[t]=this.$$l[t]||[],this.$$l[t].push(n),this.$$c){const l=this.$$c.$on(t,n);this.$$l_u.set(n,l);}super.addEventListener(t,n,s);}removeEventListener(t,n,s){if(super.removeEventListener(t,n,s),this.$$c){const l=this.$$l_u.get(n);l&&(l(),this.$$l_u.delete(n));}}connectedCallback(){return T(this,null,function*(){if(this.$$cn=!0,!this.$$c){let t=function(i){return ()=>{let c;return {c:function(){c=L("slot"),i!=="default"&&tt(c,"name",i);},m:function(r,f){U(r,c,f);},d:function(r){r&&C(c);}}}};if(yield Promise.resolve(),!this.$$cn||this.$$c)return;const n={},s=nt(this);for(const i of this.$$s)i in s&&(n[i]=[t(i)]);for(const i of this.attributes){const c=this.$$g_p(i.name);c in this.$$d||(this.$$d[c]=m(c,i.value,this.$$p_d,"toProp"));}for(const i in this.$$p_d)!(i in this.$$d)&&this[i]!==void 0&&(this.$$d[i]=this[i],delete this[i]);this.$$c=new this.$$ctor({target:this.shadowRoot||this,props:M(P({},this.$$d),{$$slots:n,$$scope:{ctx:[]}})});const l=()=>{this.$$r=!0;for(const i in this.$$p_d)if(this.$$d[i]=this.$$c.$$.ctx[this.$$c.$$.props[i]],this.$$p_d[i].reflect){const c=m(i,this.$$d[i],this.$$p_d,"toAttribute");c==null?this.removeAttribute(this.$$p_d[i].attribute||i):this.setAttribute(this.$$p_d[i].attribute||i,c);}this.$$r=!1;};this.$$c.$$.after_update.push(l),l();for(const i in this.$$l)for(const c of this.$$l[i]){const u=this.$$c.$on(i,c);this.$$l_u.set(c,u);}this.$$l={};}})}attributeChangedCallback(t,n,s){var l;this.$$r||(t=this.$$g_p(t),this.$$d[t]=m(t,s,this.$$p_d,"toProp"),(l=this.$$c)==null||l.$set({[t]:this.$$d[t]}));}disconnectedCallback(){this.$$cn=!1,Promise.resolve().then(()=>{!this.$$cn&&this.$$c&&(this.$$c.$destroy(),this.$$c=void 0);});}$$g_p(t){return Object.keys(this.$$p_d).find(n=>this.$$p_d[n].attribute===t||!this.$$p_d[n].attribute&&n.toLowerCase()===t)||t}});function m(e,t,n,s){var i;const l=(i=n[e])==null?void 0:i.type;if(t=l==="Boolean"&&typeof t!="boolean"?t!=null:t,!s||!n[e])return t;if(s==="toAttribute")switch(l){case"Object":case"Array":return t==null?null:JSON.stringify(t);case"Boolean":return t?"":null;case"Number":return t==null?null:t;default:return t}else switch(l){case"Object":case"Array":return t&&JSON.parse(t);case"Boolean":return t;case"Number":return t!=null?+t:t;default:return t}}function at(e,t,n,s,l,i){let c=class extends D{constructor(){super(e,n,l),this.$$p_d=t;}static get observedAttributes(){return Object.keys(t).map(u=>(t[u].attribute||u).toLowerCase())}};return Object.keys(t).forEach(u=>{Object.defineProperty(c.prototype,u,{get(){return this.$$c&&u in this.$$c?this.$$c[u]:this.$$d[u]},set(o){var r;o=m(u,o,t),this.$$d[u]=o,(r=this.$$c)==null||r.$set({[u]:o});}});}),s.forEach(u=>{Object.defineProperty(c.prototype,u,{get(){var o;return (o=this.$$c)==null?void 0:o[u]}});}),e.element=c,c}class ht{constructor(){$(this,"$$");$(this,"$$set");}$destroy(){dt(this,1),this.$destroy=_;}$on(t,n){if(!I(n))return _;const s=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return s.push(n),()=>{const l=s.indexOf(n);l!==-1&&s.splice(l,1);}}$set(t){this.$$set&&!Q(t)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1);}}const _t="4";typeof window!="undefined"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(_t);function pt(e){X(e,"svelte-gnt082",".LoaderContainer{display:flex;justify-content:center}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#d1d1d1;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 0.6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 0.6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}");}function gt(e){let t;return {c(){t=L("div"),t.innerHTML='<section class="LoaderContainer" part="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>';},m(n,s){U(n,t,s),e[3](t);},p:_,i:_,o:_,d(n){n&&C(t),e[3](null);}}}function mt(e,t,n){let{clientstyling:s=""}=t,{clientstylingurl:l=""}=t,i;const c=()=>{let r=document.createElement("style");r.innerHTML=s,i.appendChild(r);},u=()=>{let r=new URL(l),f=document.createElement("style");fetch(r.href).then(d=>d.text()).then(d=>{f.innerHTML=d,setTimeout(()=>{i.appendChild(f);},1),setTimeout(()=>{},500);});};function o(r){k[r?"unshift":"push"](()=>{i=r,n(0,i);});}return e.$$set=r=>{"clientstyling"in r&&n(1,s=r.clientstyling),"clientstylingurl"in r&&n(2,l=r.clientstylingurl);},e.$$.update=()=>{e.$$.dirty&3&&s&&i&&c(),e.$$.dirty&5&&l&&i&&u();},[i,s,l,o]}class J extends ht{constructor(t){super(),ft(this,t,mt,gt,K,{clientstyling:1,clientstylingurl:2},pt);}get clientstyling(){return this.$$.ctx[1]}set clientstyling(t){this.$$set({clientstyling:t}),y();}get clientstylingurl(){return this.$$.ctx[2]}set clientstylingurl(t){this.$$set({clientstylingurl:t}),y();}}at(J,{clientstyling:{},clientstylingurl:{}},[],[],!0);exports.default=J;
+}(GeneralAnimationLoadingCczQRHih));
 
-function commonjsRequire () {
-	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
-}
+if(typeof window!="undefined"){let n=function(t){return function(...i){try{return t.apply(this,i)}catch(e){if(e instanceof DOMException&&e.message.includes("has already been used with this registry")||e.message.includes("Cannot define multiple custom elements with the same tag name"))return !1;throw e}}};customElements.define=n(customElements.define),Promise.resolve().then(()=>GeneralAnimationLoadingCczQRHih).then(({default:t})=>{!customElements.get("general-animation-loading")&&customElements.define("general-animation-loading",t.element);});}
 
-createCommonjsModule(function (module, exports) {
-!function(t,e){module.exports=e();}(commonjsGlobal,(function(){function t(){}function e(t){return t()}function n(){return Object.create(null)}function i(t){t.forEach(e);}function s(t){return "function"==typeof t}function o(t,e){return t!=t?e==e:t!==e||t&&"object"==typeof t||"function"==typeof t}function l(t,e,n){t.insertBefore(e,n||null);}function r(t){t.parentNode&&t.parentNode.removeChild(t);}function c(t){const e={};for(const n of t)e[n.name]=n.value;return e}let a;function d(t){a=t;}const u=[],f=[];let p=[];const h=[],$=Promise.resolve();let m=!1;function g(t){p.push(t);}
-// flush() calls callbacks in this order:
-// 1. All beforeUpdate callbacks, in order: parents before children
-// 2. All bind:this callbacks, in reverse order: children before parents.
-// 3. All afterUpdate callbacks, in order: parents before children. EXCEPT
-//    for afterUpdates called during the initial onMount, which are called in
-//    reverse order: children before parents.
-// Since callbacks might update component values, which could trigger another
-// call to flush(), the following steps guard against this:
-// 1. During beforeUpdate, any updated components will be added to the
-//    dirty_components array and will cause a reentrant call to flush(). Because
-//    the flush index is kept outside the function, the reentrant call will pick
-//    up where the earlier call left off and go through all dirty components. The
-//    current_component value is saved and restored so that the reentrant call will
-//    not interfere with the "parent" flush() call.
-// 2. bind:this callbacks cannot trigger new flush() calls.
-// 3. During afterUpdate, any updated components will NOT have their afterUpdate
-//    callback called a second time; the seen_callbacks set, outside the flush()
-//    function, guarantees this behavior.
-const y=new Set;let b=0;// Do *not* move this inside the flush() function
-function x(){
-// Do not reenter flush while dirty components are updated, as this can
-// result in an infinite loop. Instead, let the inner flush handle it.
-// Reentrancy is ok afterwards for bindings etc.
-if(0!==b)return;const t=a;do{
-// first, call beforeUpdate functions
-// and update components
-try{for(;b<u.length;){const t=u[b];b++,d(t),v(t.$$);}}catch(t){
-// reset dirty state to not end up in a deadlocked state and then rethrow
-throw u.length=0,b=0,t}for(d(null),u.length=0,b=0;f.length;)f.pop()();
-// then, once components are updated, call
-// afterUpdate functions. This may cause
-// subsequent updates...
-for(let t=0;t<p.length;t+=1){const e=p[t];y.has(e)||(
-// ...so guard against infinite loops
-y.add(e),e());}p.length=0;}while(u.length);for(;h.length;)h.pop()();m=!1,y.clear(),d(t);}function v(t){if(null!==t.fragment){t.update(),i(t.before_update);const e=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,e),t.after_update.forEach(g);}}
-/**
-     * Useful for example to execute remaining `afterUpdate` callbacks before executing `destroy`.
-     */const _=new Set;function k(t,e){const n=t.$$;null!==n.fragment&&(!function(t){const e=[],n=[];p.forEach((i=>-1===t.indexOf(i)?e.push(i):n.push(i))),n.forEach((t=>t())),p=e;}(n.after_update),i(n.on_destroy),n.fragment&&n.fragment.d(e),
-// TODO null out other refs, including component.$$ (but need to
-// preserve final state?)
-n.on_destroy=n.fragment=null,n.ctx=[]);}function E(t,e){-1===t.$$.dirty[0]&&(u.push(t),m||(m=!0,$.then(x)),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<<e%31;}function C(o,l,c,u,f,p,h,$=[-1]){const m=a;d(o);const y=o.$$={fragment:null,ctx:[],
-// state
-props:p,update:t,not_equal:f,bound:n(),
-// lifecycle
-on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(l.context||(m?m.$$.context:[])),
-// everything else
-callbacks:n(),dirty:$,skip_bound:!1,root:l.target||m.$$.root};h&&h(y.root);let b=!1;if(y.ctx=c?c(o,l.props||{},((t,e,...n)=>{const i=n.length?n[0]:e;return y.ctx&&f(y.ctx[t],y.ctx[t]=i)&&(!y.skip_bound&&y.bound[t]&&y.bound[t](i),b&&E(o,t)),e})):[],y.update(),b=!0,i(y.before_update),
-// `false` as a special case of no DOM component
-y.fragment=!!u&&u(y.ctx),l.target){if(l.hydrate){const t=function(t){return Array.from(t.childNodes)}(l.target);
-// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-y.fragment&&y.fragment.l(t),t.forEach(r);}else
-// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-y.fragment&&y.fragment.c();l.intro&&((v=o.$$.fragment)&&v.i&&(_.delete(v),v.i(k))),function(t,n,o,l){const{fragment:r,after_update:c}=t.$$;r&&r.m(n,o),l||
-// onMount happens before the initial afterUpdate
-g((()=>{const n=t.$$.on_mount.map(e).filter(s);
-// if the component was destroyed immediately
-// it will update the `$$.on_destroy` reference to `null`.
-// the destructured on_destroy may still reference to the old array
-t.$$.on_destroy?t.$$.on_destroy.push(...n):
-// Edge case - component was destroyed immediately,
-// most likely as a result of a binding initialising
-i(n),t.$$.on_mount=[];})),c.forEach(g);}(o,l.target,l.anchor,l.customElement),x();}var v,k;d(m);}let w;
-/* src/GeneralAnimationLoading.svelte generated by Svelte v3.59.2 */
-function L(e){let n;return {c(){var e;e="div",n=document.createElement(e),n.innerHTML='<section class="LoaderContainer" part="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>',this.c=t;},m(t,i){l(t,n,i),
-/*div5_binding*/e[3](n);},p:t,i:t,o:t,d(t){t&&r(n)
-/*div5_binding*/,e[3](null);}}}function T(t,e,n){let i,{clientstyling:s=""}=e,{clientstylingurl:o=""}=e;return t.$$set=t=>{"clientstyling"in t&&n(1,s=t.clientstyling),"clientstylingurl"in t&&n(2,o=t.clientstylingurl);},t.$$.update=()=>{/*clientstyling, customStylingContainer*/3&t.$$.dirty&&s&&i&&(()=>{let t=document.createElement("style");t.innerHTML=s,i.appendChild(t);})(),/*clientstylingurl, customStylingContainer*/5&t.$$.dirty&&o&&i&&(()=>{let t=new URL(o),e=document.createElement("style");fetch(t.href).then((t=>t.text())).then((t=>{e.innerHTML=t,setTimeout((()=>{i.appendChild(e);}),1),setTimeout((()=>{}),500);}));})();},[i,s,o,function(t){f[t?"unshift":"push"]((()=>{i=t,n(0,i);}));}]}"function"==typeof HTMLElement&&(w=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});}connectedCallback(){const{on_mount:t}=this.$$;this.$$.on_disconnect=t.map(e).filter(s);
-// @ts-ignore todo: improve typings
-for(const t in this.$$.slotted)
-// @ts-ignore todo: improve typings
-this.appendChild(this.$$.slotted[t]);}attributeChangedCallback(t,e,n){this[t]=n;}disconnectedCallback(){i(this.$$.on_disconnect);}$destroy(){k(this,1),this.$destroy=t;}$on(e,n){
-// TODO should this delegate to addEventListener?
-if(!s(n))return t;const i=this.$$.callbacks[e]||(this.$$.callbacks[e]=[]);return i.push(n),()=>{const t=i.indexOf(n);-1!==t&&i.splice(t,1);}}$set(t){var e;this.$$set&&(e=t,0!==Object.keys(e).length)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1);}});class M extends w{constructor(t){super();const e=document.createElement("style");e.textContent=".LoaderContainer{display:flex;justify-content:center}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#d1d1d1;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 0.6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 0.6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}",this.shadowRoot.appendChild(e),C(this,{target:this.shadowRoot,props:c(this.attributes),customElement:!0},T,L,o,{clientstyling:1,clientstylingurl:2},null),t&&(t.target&&l(t.target,this,t.anchor),t.props&&(this.$set(t.props),x()));}static get observedAttributes(){return ["clientstyling","clientstylingurl"]}get clientstyling(){return this.$$.ctx[1]}set clientstyling(t){this.$$set({clientstyling:t}),x();}get clientstylingurl(){return this.$$.ctx[2]}set clientstylingurl(t){this.$$set({clientstylingurl:t}),x();}}return !customElements.get("general-animation-loading")&&customElements.define("general-animation-loading",M),M}));
-//# sourceMappingURL=general-animation-loading.js.map
-});
-
-const bonusElevateShopCss = ":host{display:block}svg circle{shape-rendering:crispEdges}.MainContainer{max-width:420px}.MainContainer player-elevate-pointcard{width:100%;height:220px}.Gifts{display:flex;justify-content:space-between;padding:15px;padding-left:-8px;padding-right:-8px;flex:0 0 45.1282051282%;flex-wrap:wrap;justify-content:flex-start;background:var(--emfe-w-color-white, #FFFFFF);color:var(--emfe-w-color-black-150, #000000);font-weight:500;gap:10px;margin-top:-100px;position:relative;min-height:200px}.InfoContainer{display:flex;margin-top:17px;justify-content:space-between}.Gift{display:block;margin-bottom:10px;padding:8px;box-shadow:0px 18px 45px 0px var(--emfe-w-color-black-150, #A7A7A733);border-radius:11px;background:var(--emfe-w-color-white, #FFFFFF)}.Gift .ImgContainer{width:160px;height:107px;border-radius:11px;box-shadow:0px 2px 6px 0px var(--emfe-w-color-black-200, #00000040);cursor:pointer;background-size:cover;background-position:center center;background-repeat:no-repeat}.Gift .Point{font-size:20px}.Gift .Title,.Gift .Description{padding-left:3px}.Gift .Title{font-size:14px;margin-top:10px}.Gift .Description{font-size:12px;color:var(--emfe-w-color-black-100, #767171)}.Gift .AvaliableWrap{align-self:self-end}.Gift .AvaliableWrap.active{cursor:pointer}.Gift .AvaliableWrap.deactive{cursor:not-allowed}.Gift .AvaliableWrap span svg{width:var(--emfe-w-elevate-avaliable-button-size, 46px)}.NoContent{font-size:16px;color:var(--emfe-w-color-black-100, #afafaf);text-align:center;height:120px;line-height:120px}";
+const bonusElevateShopCss = ":host{display:block}svg circle{shape-rendering:crispEdges}.MainContainer{max-width:420px}.MainContainer player-elevate-pointcard{width:100%;height:220px}.Gifts{display:flex;justify-content:space-between;padding:15px;padding-left:-8px;padding-right:-8px;flex:0 0 45.1282051282%;flex-wrap:wrap;justify-content:flex-start;background:var(--emfe-w-color-white, #FFFFFF);color:var(--emfe-w-color-black-150, #000000);font-weight:500;gap:10px;margin-top:-100px;position:relative;min-height:200px}.InfoContainer{display:flex;margin-top:17px;justify-content:space-between}.Gift{display:block;margin-bottom:10px;padding:8px;box-shadow:0px 18px 45px 0px var(--emfe-w-color-black-150, rgba(167, 167, 167, 0.2));border-radius:11px;background:var(--emfe-w-color-white, #FFFFFF)}.Gift .ImgContainer{width:160px;height:107px;border-radius:11px;box-shadow:0px 2px 6px 0px var(--emfe-w-color-black-200, rgba(0, 0, 0, 0.2509803922));cursor:pointer;background-size:cover;background-position:center center;background-repeat:no-repeat}.Gift .Point{font-size:20px}.Gift .Title,.Gift .Description{padding-left:3px}.Gift .Title{font-size:14px;margin-top:10px}.Gift .Description{font-size:12px;color:var(--emfe-w-color-black-100, #767171)}.Gift .AvaliableWrap{align-self:self-end}.Gift .AvaliableWrap.active{cursor:pointer}.Gift .AvaliableWrap.deactive{cursor:not-allowed}.Gift .AvaliableWrap span svg{width:var(--emfe-w-elevate-avaliable-button-size, 46px)}.NoContent{font-size:16px;color:var(--emfe-w-color-black-100, #afafaf);text-align:center;height:120px;line-height:120px}";
+const BonusElevateShopStyle0 = bonusElevateShopCss;
 
 const BonusElevateShop = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.redeemGiftButton = index.createEvent(this, "redeemGiftButton", 7);
-    /**
-     * Language of the widget
-     */
-    this.language = 'en';
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url
-     */
-    this.clientStylingUrl = '';
-    /**
-     * translation via url
-     */
-    this.translationUrl = '';
-    this.locale = translation['en'];
-    this.gifts = [];
-    this.isLoading = true;
-    this.bindedHandler = this.handleMessage.bind(this);
-  }
-  async updateGifts() {
-    this.isLoading = true;
-    if (this.session) {
-      const res = await fetchNorwayApi.bind(this, '/v1/elevate/shop', {}).call();
-      this.gifts = res.data || [];
-    }
-    else {
-      this.gifts = [];
-    }
-    this.isLoading = false;
-  }
-  redeemGiftConfirm(id) {
-    const shopItem = this.gifts.filter((gift) => {
-      return gift.id === id;
-    })[0];
-    window.postMessage({ type: 'BEERedeemConfirm', shopItem }, window.location.href);
-  }
-  disconnectedCallback() {
-    window.removeEventListener('message', this.bindedHandler, false);
-  }
-  async redeemGift(id) {
-    const res = await fetchNorwayApi.bind(this, '/v1/elevate/redeem', {}, {
-      method: 'PUT',
-      body: JSON.stringify({ giftID: id }),
-      headers: {
-        'Content-Type': 'application/json-patch+json',
-      }
-    }).call();
-    if (res.success) {
-      this.redeemGiftButton.emit();
-      window.postMessage({ type: 'BEEGiftRedeem', itemId: id }, window.location.href);
-    }
-    else {
-      window.postMessage({ type: 'BEEGiftRedeemFailed', itemId: id, err: res }, window.location.href);
-    }
-  }
-  loadGifts(renderer) {
-    if (this.isLoading) {
-      return index.h("general-animation-loading", null);
-    }
-    else {
-      if (this.gifts.length === 0) {
-        return (index.h("div", { class: "NoContent" }, this.locale.noContent));
-      }
-      else {
-        return renderer();
-      }
-    }
-  }
-  render() {
-    return (index.h("main", { class: "MainContainer" }, index.h("general-styling-wrapper", { clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: translation, translationUrl: this.translationUrl }), index.h("player-elevate-pointcard", { endpoint: this.endpoint, session: this.session, language: this.language, clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling, translationUrl: this.translationUrl }), this.loadGifts(renderGifts.bind(this, this.gifts, this.locale, this.redeemGiftConfirm.bind(this)))));
-  }
-  handleMessage(message) {
-    if (message.data.type === "bee-redeem-confirmed" && message.data.id) {
-      this.redeemGift(message.data.id);
-    }
-  }
-  async componentDidLoad() {
-    this.updateGifts();
-    window.addEventListener('message', this.bindedHandler, false);
-  }
-  static get assetsDirs() { return ["static"]; }
-  static get watchers() { return {
-    "endpoint": ["updateGifts"],
-    "language": ["updateGifts"],
-    "session": ["updateGifts"]
-  }; }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.redeemGiftButton = index.createEvent(this, "redeemGiftButton", 7);
+        this.bindedHandler = this.handleMessage.bind(this);
+        this.session = undefined;
+        this.endpoint = undefined;
+        this.language = 'en';
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationUrl = '';
+        this.locale = translation['en'];
+        this.gifts = [];
+        this.isLoading = true;
+    }
+    async updateGifts() {
+        this.isLoading = true;
+        if (this.session) {
+            const res = await fetchNorwayApi.bind(this, '/v1/elevate/shop', {}).call();
+            this.gifts = res.data || [];
+        }
+        else {
+            this.gifts = [];
+        }
+        this.isLoading = false;
+    }
+    redeemGiftConfirm(id) {
+        const shopItem = this.gifts.filter((gift) => {
+            return gift.id === id;
+        })[0];
+        window.postMessage({ type: 'BEERedeemConfirm', shopItem }, window.location.href);
+    }
+    disconnectedCallback() {
+        window.removeEventListener('message', this.bindedHandler, false);
+    }
+    async redeemGift(id) {
+        const res = await fetchNorwayApi.bind(this, '/v1/elevate/redeem', {}, {
+            method: 'PUT',
+            body: JSON.stringify({ giftID: id }),
+            headers: {
+                'Content-Type': 'application/json-patch+json',
+            }
+        }).call();
+        if (res.success) {
+            this.redeemGiftButton.emit();
+            window.postMessage({ type: 'BEEGiftRedeem', itemId: id }, window.location.href);
+        }
+        else {
+            window.postMessage({ type: 'BEEGiftRedeemFailed', itemId: id, err: res }, window.location.href);
+        }
+    }
+    loadGifts(renderer) {
+        if (this.isLoading) {
+            return index.h("general-animation-loading", null);
+        }
+        else {
+            if (this.gifts.length === 0) {
+                return (index.h("div", { class: "NoContent" }, this.locale.noContent));
+            }
+            else {
+                return renderer();
+            }
+        }
+    }
+    render() {
+        return (index.h("main", { key: 'd659585662c983efd2eeb69a3880ec8328ad8351', class: "MainContainer" }, index.h("general-styling-wrapper", { key: 'a9b2650455ecd27849e55553eb1679dddce7b7cd', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: translation, translationUrl: this.translationUrl }), index.h("player-elevate-pointcard", { key: 'f042fb5c3fcb5d5c03059507a1201d1e56dfd5d4', endpoint: this.endpoint, session: this.session, language: this.language, clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling, translationUrl: this.translationUrl }), this.loadGifts(renderGifts.bind(this, this.gifts, this.locale, this.redeemGiftConfirm.bind(this)))));
+    }
+    handleMessage(message) {
+        if (message.data.type === "bee-redeem-confirmed" && message.data.id) {
+            this.redeemGift(message.data.id);
+        }
+    }
+    async componentDidLoad() {
+        this.updateGifts();
+        window.addEventListener('message', this.bindedHandler, false);
+    }
+    static get assetsDirs() { return ["static"]; }
+    static get watchers() { return {
+        "endpoint": ["updateGifts"],
+        "language": ["updateGifts"],
+        "session": ["updateGifts"]
+    }; }
 };
-BonusElevateShop.style = bonusElevateShopCss;
+BonusElevateShop.style = BonusElevateShopStyle0;
 
 const mergeTranslations = (url, target) => {
-  return new Promise((resolve) => {
-    fetch(url)
-      .then((res) => res.json())
-      .then((data) => {
-      Object.keys(data).forEach((item) => {
-        target[item] = target[item] ? target[item] : {};
-        for (let key in data[item]) {
-          target[item][key] = data[item][key];
-        }
-      });
-      resolve(true);
+    return new Promise((resolve) => {
+        fetch(url)
+            .then((res) => res.json())
+            .then((data) => {
+            Object.keys(data).forEach((item) => {
+                target[item] = target[item] ? target[item] : {};
+                for (let key in data[item]) {
+                    target[item][key] = data[item][key];
+                }
+            });
+            resolve(true);
+        });
     });
-  });
 };
 
 const generalStylingWrapperCss = ":host{display:block}";
+const GeneralStylingWrapperStyle0 = generalStylingWrapperCss;
 
 const GeneralStylingWrapper = class {
-  constructor(hostRef) {
-    index.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');
-      sheet.innerHTML = this.clientStyling;
-      this.el.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let url = new URL(this.clientStylingUrl);
-      let cssFile = document.createElement('style');
-      fetch(url.href)
-        .then((res) => res.text())
-        .then((data) => {
-        cssFile.innerHTML = data;
-        setTimeout(() => {
-          this.el.prepend(cssFile);
-        }, 1);
-      })
-        .catch((err) => {
-        console.log('error ', err);
-      });
-    };
-  }
-  componentDidRender() {
-    // start custom styling area
-    if (!this.stylingAppends) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      this.stylingAppends = true;
-    }
-    // end custom styling area
-  }
-  async componentWillLoad() {
-    const promises = [];
-    if (this.translationUrl) {
-      const translationPromise = mergeTranslations(this.translationUrl, this.targetTranslations);
-      promises.push(translationPromise);
-    }
-    return await Promise.all(promises);
-  }
-  render() {
-    return (index.h("div", { class: "StyleShell" }, index.h("slot", { name: "mainContent" })));
-  }
-  get el() { return index.getElement(this); }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.stylingAppends = false;
+        this.setClientStyling = () => {
+            let sheet = document.createElement('style');
+            sheet.innerHTML = this.clientStyling;
+            this.el.prepend(sheet);
+        };
+        this.setClientStylingURL = () => {
+            let url = new URL(this.clientStylingUrl);
+            let cssFile = document.createElement('style');
+            fetch(url.href)
+                .then((res) => res.text())
+                .then((data) => {
+                cssFile.innerHTML = data;
+                setTimeout(() => {
+                    this.el.prepend(cssFile);
+                }, 1);
+            })
+                .catch((err) => {
+                console.log('error ', err);
+            });
+        };
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationUrl = '';
+        this.targetTranslations = undefined;
+    }
+    componentDidRender() {
+        // start custom styling area
+        if (!this.stylingAppends) {
+            if (this.clientStyling)
+                this.setClientStyling();
+            if (this.clientStylingUrl)
+                this.setClientStylingURL();
+            this.stylingAppends = true;
+        }
+        // end custom styling area
+    }
+    async componentWillLoad() {
+        const promises = [];
+        if (this.translationUrl) {
+            const translationPromise = mergeTranslations(this.translationUrl, this.targetTranslations);
+            promises.push(translationPromise);
+        }
+        return await Promise.all(promises);
+    }
+    render() {
+        return (index.h("div", { key: '4d3414408c7662f88331dbe655966237f74d6958', class: "StyleShell" }, index.h("slot", { key: '1d004644d84602c4314bdf5dfc26b55b160f57df', name: "mainContent" })));
+    }
+    get el() { return index.getElement(this); }
 };
-GeneralStylingWrapper.style = generalStylingWrapperCss;
+GeneralStylingWrapper.style = GeneralStylingWrapperStyle0;
 
 /**
  * @name startOfDay
@@ -636,303 +441,288 @@ function isBefore(dirtyDate, dirtyDateToCompare) {
 }
 
 function updateProgressSvg(progressElementRef, percent) {
-  const svgElement = progressElementRef.querySelector('#total_level');
-  const endLockWidth = 17, pointR = 6.5;
-  //Total Widget of the progress
-  const barWidth = svgElement.getBBox().width;
-  //The filled width according to current progress
-  const levelPercent = percent > 1 ? 1 : percent;
-  const widthOnBar = (levelPercent * barWidth - endLockWidth) < 0 ? 0 : levelPercent * barWidth - endLockWidth;
-  //update bar's width, widthOnBar
-  const levelBar = progressElementRef.querySelector('#current_level');
-  //update filters, x = widthOnBar
-  const levelFilter = progressElementRef.querySelector('#filter_current_level');
-  //update circle, widthOnBar+10
-  const levelCircle = progressElementRef.querySelector('#circle_current_level');
-  svgElement.setAttribute('viewbox', `0 0 ${widthOnBar} 28`);
-  levelBar.setAttribute('width', `${widthOnBar}`);
-  levelCircle.setAttribute('cx', `${(widthOnBar < pointR ? pointR : widthOnBar)}`);
-  levelFilter.setAttribute('x', `${widthOnBar - 8}`);
-  //update lock location
-  const endLockElement = progressElementRef.querySelector('#lock');
-  // wrapper of endLock, include ball and heatfilter1_d_305_23
-  const filter1 = progressElementRef.querySelector('#filter_heart_ball');
-  // ball in endlockfilter2_i_305_23
-  const filter2 = progressElementRef.querySelector('#filter_ball');
-  // heart in endlockfilter3_d_305_23
-  const filter3 = progressElementRef.querySelector('#filter_heart');
-  //wrapper of lockfilter4_d_305_23
-  const filterLock = progressElementRef.querySelector('#filter_lock');
-  // shadow of ball paint0_linear_305_23
-  const paint0 = progressElementRef.querySelector('#paint0_linear_ball');
-  //paint in lockpaint1_linear_305_23
-  const paint1 = progressElementRef.querySelector('#paint1_linear_lock');
-  // box of lock and heart, for move position dynamically
-  const lockBox = progressElementRef.querySelector('#lock_box');
-  const heartBox = progressElementRef.querySelector('#heart_box');
-  const rightPaddingOfLockWidth = 10, cxOfEndLockEle = barWidth - rightPaddingOfLockWidth;
-  //set cx of lockElement
-  endLockElement.setAttribute('cx', `${cxOfEndLockEle}`);
-  //set cx of sub Elements
-  paint1.setAttribute('x1', `${cxOfEndLockEle}`);
-  paint1.setAttribute('x2', `${cxOfEndLockEle}`);
-  paint0.setAttribute('x1', `${cxOfEndLockEle - 6}`);
-  paint0.setAttribute('x2', `${cxOfEndLockEle - 6 + 11.2}`);
-  filterLock.setAttribute('x', `${cxOfEndLockEle - 6}`);
-  filter3.setAttribute('x', `${cxOfEndLockEle - 6 - 2}`);
-  filter2.setAttribute('x', `${cxOfEndLockEle - 6 - 2 - 2}`);
-  filter1.setAttribute('x', `${cxOfEndLockEle - 6 - 2 - 2 - 4}`);
-  lockBox.setAttribute('x', `${cxOfEndLockEle - 6}`);
-  heartBox.setAttribute('x', `${cxOfEndLockEle - 6}`);
-  svgElement.parentElement.style.opacity = '1';
+    const svgElement = progressElementRef.querySelector('#total_level');
+    const endLockWidth = 17, pointR = 6.5;
+    //Total Widget of the progress
+    const barWidth = svgElement.getBBox().width;
+    //The filled width according to current progress
+    const levelPercent = percent > 1 ? 1 : percent;
+    const widthOnBar = (levelPercent * barWidth - endLockWidth) < 0 ? 0 : levelPercent * barWidth - endLockWidth;
+    //update bar's width, widthOnBar
+    const levelBar = progressElementRef.querySelector('#current_level');
+    //update filters, x = widthOnBar
+    const levelFilter = progressElementRef.querySelector('#filter_current_level');
+    //update circle, widthOnBar+10
+    const levelCircle = progressElementRef.querySelector('#circle_current_level');
+    svgElement.setAttribute('viewbox', `0 0 ${widthOnBar} 28`);
+    levelBar.setAttribute('width', `${widthOnBar}`);
+    levelCircle.setAttribute('cx', `${(widthOnBar < pointR ? pointR : widthOnBar)}`);
+    levelFilter.setAttribute('x', `${widthOnBar - 8}`);
+    //update lock location
+    const endLockElement = progressElementRef.querySelector('#lock');
+    // wrapper of endLock, include ball and heatfilter1_d_305_23
+    const filter1 = progressElementRef.querySelector('#filter_heart_ball');
+    // ball in endlockfilter2_i_305_23
+    const filter2 = progressElementRef.querySelector('#filter_ball');
+    // heart in endlockfilter3_d_305_23
+    const filter3 = progressElementRef.querySelector('#filter_heart');
+    //wrapper of lockfilter4_d_305_23
+    const filterLock = progressElementRef.querySelector('#filter_lock');
+    // shadow of ball paint0_linear_305_23
+    const paint0 = progressElementRef.querySelector('#paint0_linear_ball');
+    //paint in lockpaint1_linear_305_23
+    const paint1 = progressElementRef.querySelector('#paint1_linear_lock');
+    // box of lock and heart, for move position dynamically
+    const lockBox = progressElementRef.querySelector('#lock_box');
+    const heartBox = progressElementRef.querySelector('#heart_box');
+    const rightPaddingOfLockWidth = 10, cxOfEndLockEle = barWidth - rightPaddingOfLockWidth;
+    //set cx of lockElement
+    endLockElement.setAttribute('cx', `${cxOfEndLockEle}`);
+    //set cx of sub Elements
+    paint1.setAttribute('x1', `${cxOfEndLockEle}`);
+    paint1.setAttribute('x2', `${cxOfEndLockEle}`);
+    paint0.setAttribute('x1', `${cxOfEndLockEle - 6}`);
+    paint0.setAttribute('x2', `${cxOfEndLockEle - 6 + 11.2}`);
+    filterLock.setAttribute('x', `${cxOfEndLockEle - 6}`);
+    filter3.setAttribute('x', `${cxOfEndLockEle - 6 - 2}`);
+    filter2.setAttribute('x', `${cxOfEndLockEle - 6 - 2 - 2}`);
+    filter1.setAttribute('x', `${cxOfEndLockEle - 6 - 2 - 2 - 4}`);
+    lockBox.setAttribute('x', `${cxOfEndLockEle - 6}`);
+    heartBox.setAttribute('x', `${cxOfEndLockEle - 6}`);
+    svgElement.parentElement.style.opacity = '1';
 }
 
-const playerElevateCardDataCss = ":host {\n  display: block;\n  width: 360px;\n  height: 230px;\n}\n\n.ElevateCardWrapper {\n  contain: layout inline-size;\n  width: 100%;\n  height: fit-content;\n  min-height: 218px;\n}\n\n.Outer {\n  container-type: inline-size;\n  font-size: 12px;\n  background-size: cover;\n  background-repeat: no-repeat;\n  line-height: initial;\n  width: 100%;\n  height: 100%;\n}\n\n.Dark {\n  color: var(--emfe-w-color-gray150, #efefef);\n}\n\n.Light {\n  color: var(--emfe-w-color-black, #0e0e0e);\n}\n\n@container (min-width: 381px) {\n  .Outer {\n    background-size: cover;\n  }\n  .Outer .OuterCover {\n    min-height: 190px;\n  }\n}\n@container (min-width: 260px) {\n  .Outer {\n    background-size: contain;\n  }\n}\n.OuterCover {\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  background-repeat: no-repeat;\n  background-size: cover;\n  border-radius: 15px;\n}\n\n.Inner {\n  display: flex;\n  flex-direction: column;\n  min-height: 158px;\n}\n.Inner .Content {\n  padding: 15px;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.Inner .Row {\n  display: flex;\n  flex-direction: row;\n}\n.Inner .CardCell {\n  display: flex;\n}\n.Inner .LevelProgress svg {\n  transition: opacity 0.4s;\n}\n.Inner .LevelInfo {\n  display: flex;\n  flex-direction: column;\n}\n.Inner .LevelInfo .ElevateLevel .LevelName {\n  height: 28px;\n  border-radius: 5px;\n  line-height: 28px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.Inner .LevelInfo.Level0 .ElevateLevel .LevelName {\n  box-shadow: -2px -2px 7px 0px var(--emfe-w-elevate-color-level0button-shadow, rgba(191, 84, 6, 0.75));\n  background: linear-gradient(180deg, var(--emfe-w-elevate-color-level0-bg0, #E2792C) 0%, var(--emfe-w-elevate-color-level0-bg1, rgba(242, 151, 99, 0)) 100%);\n}\n.Inner .LevelInfo.Level1 .ElevateLevel .LevelName {\n  box-shadow: -2px -2px 7px 0px var(--emfe-w-elevate-color-level1button-shadow, rgba(151, 151, 151, 0.75));\n  background: linear-gradient(180deg, var(--emfe-w-elevate-color-level1-bg0, #BEBFED) 0%, var(--emfe-w-elevate-color-level1-bg1, rgba(216, 217, 233, 0)) 100%);\n}\n.Inner .LevelInfo.Level2 .ElevateLevel .LevelName {\n  box-shadow: -2px -2px 7px 0px var(--emfe-w-elevate-color-level2button-shadow, rgba(191, 120, 6, 0.75));\n  background: linear-gradient(180deg, var(--emfe-w-elevate-color-level2-bg0, #FCC410) 0%, var(--emfe-w-elevate-color-level2-bg1, rgba(255, 189, 43, 0)) 100%);\n}\n.Inner .LevelInfo.Level3 .ElevateLevel .LevelName {\n  box-shadow: -2px -2px 7px 0px var(--emfe-w-elevate-color-level3button-shadow, rgba(65, 6, 191, 0.75));\n  background: linear-gradient(180deg, var(--emfe-w-elevate-color-level3-bg0, #B1A2DB) 0%, var(--emfe-w-elevate-color-level3-bg1, rgba(203, 202, 245, 0)) 100%);\n}\n.Inner .LevelInfo.Level4 .ElevateLevel .LevelName {\n  box-shadow: -2px -2px 7px 0px var(--emfe-w-elevate-color-level4button-shadow, rgba(65, 6, 191, 0.75));\n  background: linear-gradient(180deg, var(--emfe-w-elevate-color-level4-bg0, #B1A2DB) 0%, var(--emfe-w-elevate-color-level4-bg1, rgba(203, 202, 245, 0)) 100%);\n}\n.Inner .LevelInfo .ElevateLevel {\n  display: flex;\n}\n.Inner .LevelInfo {\n  flex: 1;\n  flex-grow: 1;\n  min-width: 150px;\n}\n.Inner .PlayerImg {\n  width: 29%;\n  margin: auto;\n  max-width: 100px;\n  min-width: 30px;\n  order: 0;\n}\n.Inner .PlayerAvatar {\n  max-width: 100px;\n  flex-basis: 100px;\n  height: auto;\n  margin: auto;\n  padding-top: 10px;\n}\n.Inner .PlayerAvatar .Avatar, .Inner .PlayerAvatar .Badge {\n  width: 100%;\n  height: 100%;\n}\n.Inner .PlayerAvatar .Avatar {\n  border-radius: 50%;\n  background-size: contain;\n  background-repeat: no-repeat;\n}\n.Inner .ElevateLevel .ExpirationDate {\n  max-width: 138px;\n  min-width: 118px;\n}\n.Inner .PlayerName, .Inner .RedeemButton, .Inner .ElevateLevel {\n  text-transform: capitalize;\n  width: 100%;\n}\n.Inner .PlayerName {\n  font-size: 16px;\n}\n.Inner .Row .PointsInfo {\n  display: table;\n  font-weight: 600;\n}\n.Inner .Row .Redeem {\n  justify-content: flex-end;\n  margin-left: auto;\n}\n.Inner .Row .Redeem:hover {\n  color: var(--emfe-w-elevate-color-redeem-hover, #00ABA4);\n  cursor: pointer;\n}\n.Inner .Row .RedeemButton:hover span {\n  color: var(emfe-w-elevate-color-redeem-text-hover, #f1f1f1);\n  font-weight: bold;\n}\n.Inner .Row .RedeemButton {\n  width: 95px;\n  height: 35px;\n  display: flex;\n  align-items: center;\n  border-radius: 10px;\n  background: var(--emfe-w-elevate-color-redeem-bg, linear-gradient(0deg, #26CC37, #26CC37)), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%);\n  box-shadow: 0px 4px 4px 0px #00000040;\n}\n.Inner .Row .RedeemButton span {\n  color: var(--emfe-w-color-white, #fff);\n  line-height: 18px;\n  font-size: 15px;\n  text-align: center;\n  width: 100%;\n}\n.Inner .Row .Points {\n  font-size: large;\n  vertical-align: middle;\n}\n.Inner .Row .Points .XP {\n  font-size: x-small;\n}\n.Inner .Row .ExpirationPoints {\n  font-size: small;\n  text-align: right;\n  font-weight: bold;\n  color: var(--emfe-w-color-red, #9e595f);\n}";
+const playerElevateCardDataCss = ":host {\n  display: block;\n  width: 360px;\n  height: 230px;\n}\n\n.ElevateCardWrapper {\n  contain: layout inline-size;\n  width: 100%;\n  height: fit-content;\n  min-height: 218px;\n}\n\n.Outer {\n  container-type: inline-size;\n  font-size: 12px;\n  background-size: cover;\n  background-repeat: no-repeat;\n  line-height: initial;\n  width: 100%;\n  height: 100%;\n}\n\n.Dark {\n  color: var(--emfe-w-color-gray150, #efefef);\n}\n\n.Light {\n  color: var(--emfe-w-color-black, #0e0e0e);\n}\n\n@container (min-width: 381px) {\n  .Outer {\n    background-size: cover;\n  }\n  .Outer .OuterCover {\n    min-height: 190px;\n  }\n}\n@container (min-width: 260px) {\n  .Outer {\n    background-size: contain;\n  }\n}\n.OuterCover {\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  background-repeat: no-repeat;\n  background-size: cover;\n  border-radius: 15px;\n}\n\n.Inner {\n  display: flex;\n  flex-direction: column;\n  min-height: 158px;\n}\n.Inner .Content {\n  padding: 15px;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.Inner .Row {\n  display: flex;\n  flex-direction: row;\n}\n.Inner .CardCell {\n  display: flex;\n}\n.Inner .LevelProgress svg {\n  transition: opacity 0.4s;\n}\n.Inner .LevelInfo {\n  display: flex;\n  flex-direction: column;\n}\n.Inner .LevelInfo .ElevateLevel .LevelName {\n  height: 28px;\n  border-radius: 5px;\n  line-height: 28px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.Inner .LevelInfo.Level0 .ElevateLevel .LevelName {\n  box-shadow: -2px -2px 7px 0px var(--emfe-w-elevate-color-level0button-shadow, rgba(191, 84, 6, 0.75));\n  background: linear-gradient(180deg, var(--emfe-w-elevate-color-level0-bg0, #E2792C) 0%, var(--emfe-w-elevate-color-level0-bg1, rgba(242, 151, 99, 0)) 100%);\n}\n.Inner .LevelInfo.Level1 .ElevateLevel .LevelName {\n  box-shadow: -2px -2px 7px 0px var(--emfe-w-elevate-color-level1button-shadow, rgba(151, 151, 151, 0.75));\n  background: linear-gradient(180deg, var(--emfe-w-elevate-color-level1-bg0, #BEBFED) 0%, var(--emfe-w-elevate-color-level1-bg1, rgba(216, 217, 233, 0)) 100%);\n}\n.Inner .LevelInfo.Level2 .ElevateLevel .LevelName {\n  box-shadow: -2px -2px 7px 0px var(--emfe-w-elevate-color-level2button-shadow, rgba(191, 120, 6, 0.75));\n  background: linear-gradient(180deg, var(--emfe-w-elevate-color-level2-bg0, #FCC410) 0%, var(--emfe-w-elevate-color-level2-bg1, rgba(255, 189, 43, 0)) 100%);\n}\n.Inner .LevelInfo.Level3 .ElevateLevel .LevelName {\n  box-shadow: -2px -2px 7px 0px var(--emfe-w-elevate-color-level3button-shadow, rgba(65, 6, 191, 0.75));\n  background: linear-gradient(180deg, var(--emfe-w-elevate-color-level3-bg0, #B1A2DB) 0%, var(--emfe-w-elevate-color-level3-bg1, rgba(203, 202, 245, 0)) 100%);\n}\n.Inner .LevelInfo.Level4 .ElevateLevel .LevelName {\n  box-shadow: -2px -2px 7px 0px var(--emfe-w-elevate-color-level4button-shadow, rgba(65, 6, 191, 0.75));\n  background: linear-gradient(180deg, var(--emfe-w-elevate-color-level4-bg0, #B1A2DB) 0%, var(--emfe-w-elevate-color-level4-bg1, rgba(203, 202, 245, 0)) 100%);\n}\n.Inner .LevelInfo .ElevateLevel {\n  display: flex;\n}\n.Inner .LevelInfo {\n  flex: 1;\n  flex-grow: 1;\n  min-width: 150px;\n}\n.Inner .PlayerImg {\n  width: 29%;\n  margin: auto;\n  max-width: 100px;\n  min-width: 30px;\n  order: 0;\n}\n.Inner .PlayerAvatar {\n  max-width: 100px;\n  flex-basis: 100px;\n  height: auto;\n  margin: auto;\n  padding-top: 10px;\n}\n.Inner .PlayerAvatar .Avatar, .Inner .PlayerAvatar .Badge {\n  width: 100%;\n  height: 100%;\n}\n.Inner .PlayerAvatar .Avatar {\n  border-radius: 50%;\n  background-size: contain;\n  background-repeat: no-repeat;\n}\n.Inner .ElevateLevel .ExpirationDate {\n  max-width: 138px;\n  min-width: 118px;\n}\n.Inner .PlayerName, .Inner .RedeemButton, .Inner .ElevateLevel {\n  text-transform: capitalize;\n  width: 100%;\n}\n.Inner .PlayerName {\n  font-size: 16px;\n}\n.Inner .Row .PointsInfo {\n  display: table;\n  font-weight: 600;\n}\n.Inner .Row .Redeem {\n  justify-content: flex-end;\n  margin-left: auto;\n}\n.Inner .Row .Redeem:hover {\n  color: var(--emfe-w-elevate-color-redeem-hover, #00ABA4);\n  cursor: pointer;\n}\n.Inner .Row .RedeemButton:hover span {\n  color: var(emfe-w-elevate-color-redeem-text-hover, #f1f1f1);\n  font-weight: bold;\n}\n.Inner .Row .RedeemButton {\n  width: 95px;\n  height: 35px;\n  display: flex;\n  align-items: center;\n  border-radius: 10px;\n  background: var(--emfe-w-elevate-color-redeem-bg, linear-gradient(0deg, #26CC37, #26CC37)), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%);\n  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);\n}\n.Inner .Row .RedeemButton span {\n  color: var(--emfe-w-color-white, #fff);\n  line-height: 18px;\n  font-size: 15px;\n  text-align: center;\n  width: 100%;\n}\n.Inner .Row .Points {\n  font-size: large;\n  vertical-align: middle;\n}\n.Inner .Row .Points .XP {\n  font-size: x-small;\n}\n.Inner .Row .ExpirationPoints {\n  font-size: small;\n  text-align: right;\n  font-weight: bold;\n  color: var(--emfe-w-color-red, #9e595f);\n}";
+const PlayerElevateCardDataStyle0 = playerElevateCardDataCss;
 
 const PlayerElevateCardData = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.playerElevateLeveLoaded = index.createEvent(this, "playerElevateLeveLoaded", 7);
-  }
-  handleWindowResizs() {
-    this.initLevelProgressbar();
-  }
-  onParamsChanged() {
-    this.loadElevateInfo();
-  }
-  redeemGiftButtonHandler() {
-    this.loadElevateInfo();
-  }
-  onRedeemClick() {
-    window.postMessage({ type: 'BEERedeemClicked' }, window.location.href);
-  }
-  loadLevels() {
-    let url = new URL(`${this.params.endpoint}/v1/elevate/levels?language=${this.params.language}`);
-    return new Promise((resolve, reject) => {
-      return fetch(url.href, {
-        method: 'GET',
-      })
-        .then((res) => res.json())
-        .then((res) => {
-        this.levels = res.data;
-        resolve(true);
-      })
-        .catch((err) => {
-        reject(err);
-      });
-    });
-  }
-  calcuatePointsToBeExpired(walletTotalInfo) {
-    let pointExpireInfoAsString = '';
-    if (!walletTotalInfo || !walletTotalInfo.aboutToExpire ||
-      walletTotalInfo.aboutToExpire.length == 0 ||
-      walletTotalInfo.aboutToExpire[0].points <= 0) {
-      return pointExpireInfoAsString;
-    }
-    walletTotalInfo.aboutToExpire.sort((expire1, expire2) => {
-      return isBefore(new Date(expire1.expireTime), new Date(expire2.expireTime))
-        ? -1
-        : 1;
-    });
-    const aboutToExpire = walletTotalInfo.aboutToExpire[0];
-    const daysToExpried = differenceInCalendarDays(new Date(aboutToExpire.expireTime), new Date());
-    let hoursToExpired = 0, expiredTranslationKey = daysToExpried === 0 ? 'pointsToBeExpiredDay' : 'pointsToBeExpired';
-    if (daysToExpried == 0) {
-      hoursToExpired = differenceInHours(new Date(aboutToExpire.expireTime), new Date());
-      expiredTranslationKey = hoursToExpired > 1 ? 'pointsToBeExpiredHours' : 'pointsToBeExpiredHour';
-    }
-    pointExpireInfoAsString = playerElevateCardItems.translateWithParams(expiredTranslationKey, {
-      expirationPoints: aboutToExpire.points,
-      expireDay: daysToExpried,
-    });
-    return pointExpireInfoAsString;
-  }
-  loadPlayerLevelInfo() {
-    let url = new URL(`${this.params.endpoint}/v1/elevate/playerInfo?language=${this.params.language}`);
-    return new Promise((resolve, reject) => {
-      return fetch(url.href, {
-        method: 'GET',
-        headers: {
-          'X-Sessionid': this.params.session,
-          'Content-Type': 'application/json',
-        },
-      })
-        .then((res) => res.json())
-        .then((res) => {
-        var _a, _b, _c;
-        if (!res.success) {
-          console.error('Exception when fetch user elevateinfo, ', res.errorCode, res.errorMessage);
-          reject(true);
-          return;
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.playerElevateLeveLoaded = index.createEvent(this, "playerElevateLeveLoaded", 7);
+        this.params = undefined;
+        this.playerElevateLevel = undefined;
+        this.pointExpireString = undefined;
+    }
+    handleWindowResizs() {
+        this.initLevelProgressbar();
+    }
+    onParamsChanged() {
+        this.loadElevateInfo();
+    }
+    onRedeemClick() {
+        window.postMessage({ type: 'BEERedeemClicked' }, window.location.href);
+    }
+    loadLevels() {
+        let url = new URL(`${this.params.endpoint}/v1/elevate/levels?language=${this.params.language}`);
+        return new Promise((resolve, reject) => {
+            return fetch(url.href, {
+                method: 'GET',
+            })
+                .then((res) => res.json())
+                .then((res) => {
+                this.levels = res.data;
+                resolve(true);
+            })
+                .catch((err) => {
+                reject(err);
+            });
+        });
+    }
+    calcuatePointsToBeExpired(walletTotalInfo) {
+        let pointExpireInfoAsString = '';
+        if (!walletTotalInfo || !walletTotalInfo.aboutToExpire ||
+            walletTotalInfo.aboutToExpire.length == 0 ||
+            walletTotalInfo.aboutToExpire[0].points <= 0) {
+            return pointExpireInfoAsString;
         }
-        let playerElevateInfo = res.data;
-        this.playerElevateLevel = playerElevateInfo.level;
-        this.playerElevateLevel.name = this.playerElevateLevel.presentation.displayName || this.playerElevateLevel.name;
-        this.playerElevateLevel.spendablePoints = ((_a = playerElevateInfo.spendableWallet) === null || _a === void 0 ? void 0 : _a.total.points) || 0;
-        this.playerElevateLeveLoaded.emit({ elevateLevel: this.playerElevateLevel });
-        const spendableTotal = (_b = res.data.spendableWallet) === null || _b === void 0 ? void 0 : _b.total;
-        const loyaltyWalletTotal = (_c = res.data.loyaltyWallet) === null || _c === void 0 ? void 0 : _c.total;
-        this.playerElevateLeveLoaded.emit({
-          elevateLevelWalletTotal: spendableTotal,
-          loyaltyWalletTotal
+        walletTotalInfo.aboutToExpire.sort((expire1, expire2) => {
+            return isBefore(new Date(expire1.expireTime), new Date(expire2.expireTime))
+                ? -1
+                : 1;
         });
-        let spExpireInfoAsString = this.calcuatePointsToBeExpired(spendableTotal);
-        let xpExpireInfoAsString = this.calcuatePointsToBeExpired(loyaltyWalletTotal);
-        if (spExpireInfoAsString || xpExpireInfoAsString) {
-          this.playerElevateLeveLoaded.emit({
-            pointExpireString: spExpireInfoAsString,
-            xpExpireString: xpExpireInfoAsString
-          });
+        const aboutToExpire = walletTotalInfo.aboutToExpire[0];
+        const daysToExpried = differenceInCalendarDays(new Date(aboutToExpire.expireTime), new Date());
+        let hoursToExpired = 0, expiredTranslationKey = daysToExpried === 0 ? 'pointsToBeExpiredDay' : 'pointsToBeExpired';
+        if (daysToExpried == 0) {
+            hoursToExpired = differenceInHours(new Date(aboutToExpire.expireTime), new Date());
+            expiredTranslationKey = hoursToExpired > 1 ? 'pointsToBeExpiredHours' : 'pointsToBeExpiredHour';
         }
-        resolve(this.playerElevateLevel);
-      })
-        .catch((err) => {
-        console.log('error ', err);
-        reject(true);
-      });
-    });
-  }
-  setLoyaltyProgress(percent) {
-    updateProgressSvg(this.loyaltyProgressEle, percent);
-  }
-  initLevelProgressbar() {
-    setTimeout(() => {
-      this.loyaltyProgressEle =
-        this.elevateCardRef.parentElement.querySelector('#LevelProgress');
-      if (!this.loyaltyProgressEle) {
-        return;
-      }
-      this.setLoyaltyProgress(!this.playerElevateLevel.nextLevel
-        ? 1 : (this.playerElevateLevel.loyaltyPoints / this.playerElevateLevel.nextLevel.entryPoints));
-      this.params['playerElevateLevel'] = this.playerElevateLevel;
-    }, 80);
-  }
-  componentDidRender() {
-    this.initLevelProgressbar();
-  }
-  loadElevateInfo() {
-    if (!this.params.endpoint || !this.params.session) {
-      return;
-    }
-    const promises = [];
-    promises.push(this.loadPlayerLevelInfo());
-    if (this.params.calculateLevelFlag) {
-      promises.push(this.loadLevels());
-    }
-    Promise.all(promises).then((res) => {
-      console.log('elevate-init', res);
-      this.initLevelProgressbar();
-      if (!this.levels) {
-        return;
-      }
-      this.levels.sort((level1, level2) => {
-        return level1.firstEntryPoints > level2.firstEntryPoints ? 1 : -1;
-      });
-      const playerPoints = this.playerElevateLevel.loyaltyPoints;
-      let playerLevelNumber = 0;
-      this.levels.forEach((elevateLevel, idx) => {
-        if (playerPoints > elevateLevel.firstEntryPoints) {
-          playerLevelNumber = idx;
+        pointExpireInfoAsString = playerElevateCardItems.translateWithParams(expiredTranslationKey, {
+            expirationPoints: aboutToExpire.points,
+            expireDay: daysToExpried,
+        });
+        return pointExpireInfoAsString;
+    }
+    loadPlayerLevelInfo() {
+        let url = new URL(`${this.params.endpoint}/v1/elevate/playerInfo?language=${this.params.language}`);
+        return new Promise((resolve, reject) => {
+            return fetch(url.href, {
+                method: 'GET',
+                headers: {
+                    'X-Sessionid': this.params.session,
+                    'Content-Type': 'application/json',
+                },
+            })
+                .then((res) => res.json())
+                .then((res) => {
+                var _a, _b, _c;
+                if (!res.success) {
+                    console.error('Exception when fetch user elevateinfo, ', res.errorCode, res.errorMessage);
+                    reject(true);
+                    return;
+                }
+                let playerElevateInfo = res.data;
+                this.playerElevateLevel = playerElevateInfo.level;
+                this.playerElevateLevel.name = this.playerElevateLevel.presentation.displayName || this.playerElevateLevel.name;
+                this.playerElevateLevel.spendablePoints = ((_a = playerElevateInfo.spendableWallet) === null || _a === void 0 ? void 0 : _a.total.points) || 0;
+                this.playerElevateLeveLoaded.emit({ elevateLevel: this.playerElevateLevel });
+                const spendableTotal = (_b = res.data.spendableWallet) === null || _b === void 0 ? void 0 : _b.total;
+                const loyaltyWalletTotal = (_c = res.data.loyaltyWallet) === null || _c === void 0 ? void 0 : _c.total;
+                this.playerElevateLeveLoaded.emit({
+                    elevateLevelWalletTotal: spendableTotal,
+                    loyaltyWalletTotal
+                });
+                let spExpireInfoAsString = this.calcuatePointsToBeExpired(spendableTotal);
+                let xpExpireInfoAsString = this.calcuatePointsToBeExpired(loyaltyWalletTotal);
+                if (spExpireInfoAsString || xpExpireInfoAsString) {
+                    this.playerElevateLeveLoaded.emit({
+                        pointExpireString: spExpireInfoAsString,
+                        xpExpireString: xpExpireInfoAsString
+                    });
+                }
+                resolve(this.playerElevateLevel);
+            })
+                .catch((err) => {
+                console.log('error ', err);
+                reject(true);
+            });
+        });
+    }
+    setLoyaltyProgress(percent) {
+        updateProgressSvg(this.loyaltyProgressEle, percent);
+    }
+    initLevelProgressbar() {
+        setTimeout(() => {
+            this.loyaltyProgressEle =
+                this.elevateCardRef.parentElement.querySelector('#LevelProgress');
+            if (!this.loyaltyProgressEle) {
+                return;
+            }
+            this.setLoyaltyProgress(!this.playerElevateLevel.nextLevel
+                ? 1 : (this.playerElevateLevel.loyaltyPoints / this.playerElevateLevel.nextLevel.entryPoints));
+            this.params['playerElevateLevel'] = this.playerElevateLevel;
+        }, 80);
+    }
+    componentDidRender() {
+        this.initLevelProgressbar();
+    }
+    loadElevateInfo() {
+        if (!this.params.endpoint || !this.params.session) {
+            return;
         }
-      });
-      this.playerElevateLeveLoaded.emit({
-        calculatedLevelFlag: playerLevelNumber,
-      });
-    });
-  }
-  componentWillLoad() {
-    this.loadElevateInfo();
-  }
-  get elevateCardRef() { return index.getElement(this); }
-  static get watchers() { return {
-    "params": ["onParamsChanged"]
-  }; }
+        const promises = [];
+        promises.push(this.loadPlayerLevelInfo());
+        if (this.params.calculateLevelFlag) {
+            promises.push(this.loadLevels());
+        }
+        Promise.all(promises).then((res) => {
+            console.log('elevate-init', res);
+            this.initLevelProgressbar();
+            if (!this.levels) {
+                return;
+            }
+            this.levels.sort((level1, level2) => {
+                return level1.firstEntryPoints > level2.firstEntryPoints ? 1 : -1;
+            });
+            const playerPoints = this.playerElevateLevel.loyaltyPoints;
+            let playerLevelNumber = 0;
+            this.levels.forEach((elevateLevel, idx) => {
+                if (playerPoints > elevateLevel.firstEntryPoints) {
+                    playerLevelNumber = idx;
+                }
+            });
+            this.playerElevateLeveLoaded.emit({
+                calculatedLevelFlag: playerLevelNumber,
+            });
+        });
+    }
+    componentWillLoad() {
+        this.loadElevateInfo();
+    }
+    get elevateCardRef() { return index.getElement(this); }
+    static get watchers() { return {
+        "params": ["onParamsChanged"]
+    }; }
 };
-PlayerElevateCardData.style = playerElevateCardDataCss;
+PlayerElevateCardData.style = PlayerElevateCardDataStyle0;
 
 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(--emfe-w-color-gray-150, #6D6D6D)}.PointsCard .Inner .DetailButton span{display:inline-block;vertical-align:middle}.PointsCard .Inner .DetailButton:hover span{color:var(--emfe-w-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;
 
 const PlayerElevatePointcard = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * The style that widget shows,available value: Dark, Light
-     * Default: Dark
-     */
-    this.theme = 'Dark';
-    /**
-     * Widget Language to show
-     */
-    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.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';
-  }
-  onSessionOrEndpointChange() {
-    this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });
-  }
-  playerElevateLeveLoadedHandler(event) {
-    if (!event.detail) {
-      return;
-    }
-    if (event.detail['elevateLevelWalletTotal']) {
-      this.elevateWalletTotal = event.detail['elevateLevelWalletTotal'];
-      this.elevateSPTotal = event.detail['loyaltyWalletTotal'];
-    }
-    if (event.detail['elevateLevel']) {
-      this.playerElevateLevel = event.detail['elevateLevel'];
-    }
-    if (event.detail['pointExpireString']) {
-      this.pointExpireString = event.detail.pointExpireString;
-    }
-  }
-  onDetailsClick() {
-    window.postMessage({ type: this.isPointDetailCard ? 'BEEPointRulesClicked' : 'BEEDetailsClicked',
-      path: this.isPointDetailCard ? 'player-elevate-level' : 'player-elevate-point-details' }, window.location.href);
-  }
-  componentWillLoad() {
-    this.paramProxy = {
-      endpoint: this.endpoint,
-      session: this.session,
-      language: this.language,
-    };
-  }
-  render() {
-    const backgroundOuterImagePath = index.getAssetPath('../static/card-ground.svg');
-    const backgroundInnerImagePath = index.getAssetPath('../static/card-ground-over.svg');
-    return (index.h("div", { class: `ElevateCardWrapper ${this.theme}` }, index.h("div", { class: "PointsCard Outer ", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, index.h("general-styling-wrapper", { clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: playerElevateCardItems.TRANSLATIONS, translationUrl: this.translationUrl }), index.h("player-elevate-card-data", { params: this.paramProxy }), index.h("div", { class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, index.h("div", { class: 'Content Row' }, this.playerElevateLevel && (index.h(index.Fragment, null, index.h("div", { class: "PlayerImg" }, index.h(playerElevateCardItems.PlayerAvatar, { onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), index.h("div", { class: `LevelInfo ${this.playerElevateLevel.name}` }, index.h("div", { class: "PointsTxt Label" }, this.cardTitle ? this.cardTitle : playerElevateCardItems.translate('spendablePoints')), index.h("div", { class: 'PointsTxt SPPoints' }, index.h(playerElevateCardItems.PlayerPoints, { spendablePoints: this.playerElevateLevel.spendablePoints, language: this.language }), index.h("a", { class: "TC", onClick: () => {
-        this.onDetailsClick();
-      } }, playerElevateCardItems.translate('termAndConditions', this.language))), this.pointExpireString && (index.h("div", { class: 'ExpirationPoints' }, this.pointExpireString, " "))))))))));
-  }
-  static get watchers() { return {
-    "session": ["onSessionOrEndpointChange"],
-    "endpoint": ["onSessionOrEndpointChange"],
-    "language": ["onSessionOrEndpointChange"]
-  }; }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.isPointDetailCard = this.buttonType === 'earningRule';
+        this.endpoint = undefined;
+        this.theme = 'Dark';
+        this.session = undefined;
+        this.playerAvatarUrl = undefined;
+        this.language = 'en';
+        this.playerName = undefined;
+        this.cardTitle = undefined;
+        this.buttonType = 'earningRule';
+        this.dateFormat = 'yyyy-MM-dd';
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationUrl = '';
+        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 });
+    }
+    playerElevateLeveLoadedHandler(event) {
+        if (!event.detail) {
+            return;
+        }
+        if (event.detail['elevateLevelWalletTotal']) {
+            this.elevateWalletTotal = event.detail['elevateLevelWalletTotal'];
+            this.elevateSPTotal = event.detail['loyaltyWalletTotal'];
+        }
+        if (event.detail['elevateLevel']) {
+            this.playerElevateLevel = event.detail['elevateLevel'];
+        }
+        if (event.detail['pointExpireString']) {
+            this.pointExpireString = event.detail.pointExpireString;
+        }
+    }
+    onDetailsClick() {
+        window.postMessage({ type: this.isPointDetailCard ? 'BEEPointRulesClicked' : 'BEEDetailsClicked',
+            path: this.isPointDetailCard ? 'player-elevate-level' : 'player-elevate-point-details' }, window.location.href);
+    }
+    componentWillLoad() {
+        this.paramProxy = {
+            endpoint: this.endpoint,
+            session: this.session,
+            language: this.language,
+        };
+    }
+    render() {
+        const backgroundOuterImagePath = index.getAssetPath('../static/card-ground.svg');
+        const backgroundInnerImagePath = index.getAssetPath('../static/card-ground-over.svg');
+        return (index.h("div", { key: '13461fc9cf8b777337a539c15da4bb2781f5a837', class: `ElevateCardWrapper ${this.theme}` }, index.h("div", { key: '526e72c0ada871f74ba4a07f0a125bc25840c09c', class: "PointsCard Outer ", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, index.h("general-styling-wrapper", { key: '95e358ceb8fa3c247660f7ca15a4684b132874be', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: playerElevateCardItems.TRANSLATIONS, translationUrl: this.translationUrl }), index.h("player-elevate-card-data", { key: '24c765d743446ac597a9dcc9cd22515e7e39e6db', params: this.paramProxy }), index.h("div", { key: '309db4bbfc244a7fb97827774d9d4383109ca0d7', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, index.h("div", { key: '9d5614ded2f73b505e60900675a7d95b3cfbcbc6', class: 'Content Row' }, this.playerElevateLevel && (index.h(index.Fragment, { key: '9a17e809083e61aad19f7ffef5d5ee5885ae8b4d' }, index.h("div", { key: '47068df3c0070ee2785b0d0201b08766fe0d71e8', class: "PlayerImg" }, index.h(playerElevateCardItems.PlayerAvatar, { key: '40115f8b190d871c85f9531fbf0bafb8fbd739e2', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), index.h("div", { key: '278cd70c23ecb48655e90810af570ce5366d13d5', class: `LevelInfo ${this.playerElevateLevel.name}` }, index.h("div", { key: 'ce682ff881c5b12ed0b736ffcc67ad07b3713999', class: "PointsTxt Label" }, this.cardTitle ? this.cardTitle : playerElevateCardItems.translate('spendablePoints')), index.h("div", { key: 'eeebc5c468cf6e3d566f708fd47a19956ad9defe', class: 'PointsTxt SPPoints' }, index.h(playerElevateCardItems.PlayerPoints, { key: 'ad58990b7fa789cf2d5c524191447196e97c8a16', spendablePoints: this.playerElevateLevel.spendablePoints, language: this.language }), index.h("a", { key: '0dbdd6cd84e1cb43dac4485f4e3eec3130d6c65c', class: "TC", onClick: () => {
+                this.onDetailsClick();
+            } }, playerElevateCardItems.translate('termAndConditions', this.language))), this.pointExpireString && (index.h("div", { key: '45c3267d390995fabe34974913adf97b112cf8c2', class: 'ExpirationPoints' }, this.pointExpireString, " "))))))))));
+    }
+    static get watchers() { return {
+        "session": ["onSessionOrEndpointChange"],
+        "endpoint": ["onSessionOrEndpointChange"],
+        "language": ["onSessionOrEndpointChange"]
+    }; }
 };
-PlayerElevatePointcard.style = playerElevatePointcardCss;
+PlayerElevatePointcard.style = PlayerElevatePointcardStyle0;
 
 exports.bonus_elevate_shop = BonusElevateShop;
 exports.general_styling_wrapper = GeneralStylingWrapper;