@everymatrix/player-elevate-card 1.31.2

package/dist/collection/components/static/card-ground.svg

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

package/dist/collection/components/static/info.svg

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

package/dist/collection/components/static/level-percent.svg

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

package/dist/collection/components/static/tips-info.svg

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

package/dist/collection/components/static/user.svg

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

package/dist/collection/index.js

@@ -0,0 +1 @@
+export * from './components';

package/dist/collection/models/player-elevate.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/utils/locale.utils.js

@@ -0,0 +1,144 @@
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['ro', 'en'];
+export const TRANSLATIONS = {
+  en: {
+    redeem: 'Redeem',
+    expireOn: 'Expire on ',
+    pointsToBeExpired: '${expirationPoints} points to expire in ${expireDay} days',
+    pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
+    pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
+    pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
+    tipsForNextLevel: 'Need ${pointsToReach} to reach ${levelName}',
+    spendablePoints: 'Spendable Points:',
+    details: 'Details',
+    earningRules: 'Earning Rules',
+    xp: 'XP',
+    sp: 'Coins',
+    termAndConditions: 'Term & Conditions',
+  },
+  'zh-hk': {
+    redeem: '兑奖',
+    expireOn: 'Expire on ',
+    pointsToBeExpired: '${expirationPoints} points to expire in ${expireDay} days',
+    pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
+    pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
+    pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
+    tipsForNextLevel: 'Need ${pointsToReach} to reach ${levelName}',
+    spendablePoints: 'Spendable Points:',
+    details: '明细',
+    earningRules: 'Earning Rules',
+    xp: 'XP',
+    sp: 'Coins',
+    termAndConditions: 'Term & Conditions',
+  },
+  de: {
+    redeem: 'Redeem',
+    expireOn: 'Expire on ',
+    pointsToBeExpired: '${expirationPoints} points to expire in ${expireDay} days',
+    pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
+    pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
+    pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
+    tipsForNextLevel: 'Need ${pointsToReach} to reach ${levelName}',
+    spendablePoints: 'Spendable Points:',
+    details: 'Details',
+    earningRules: 'Earning Rules',
+    xp: 'XP',
+    sp: 'Coins',
+    termAndConditions: 'Term & Conditions',
+  },
+  it: {
+    redeem: 'Redeem',
+    expireOn: 'Expire on ',
+    pointsToBeExpired: '${expirationPoints} points to expire in ${expireDay} days',
+    pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
+    pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
+    pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
+    tipsForNextLevel: 'Need ${pointsToReach} to reach ${levelName}',
+    spendablePoints: 'Spendable Points:',
+    details: 'Details',
+    earningRules: 'Earning Rules',
+    xp: 'XP',
+    sp: 'Coins',
+    termAndConditions: 'Term & Conditions',
+  },
+  fr: {
+    redeem: 'Redeem',
+    expireOn: 'Expire on ',
+    pointsToBeExpired: '${expirationPoints} points to expire in ${expireDay} days',
+    pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
+    pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
+    pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
+    tipsForNextLevel: 'Need ${pointsToReach} to reach ${levelName}',
+    spendablePoints: 'Spendable Points:',
+    details: 'Details',
+    earningRules: 'Earning Rules',
+    xp: 'XP',
+    sp: 'Coins',
+    termAndConditions: 'Term & Conditions',
+  },
+  es: {
+    redeem: 'Redeem'
+  },
+  tr: {
+    redeem: 'Redeem'
+  },
+  ru: {
+    redeem: 'Redeem'
+  },
+  ro: {
+    redeem: 'Redeem'
+  },
+  hr: {
+    redeem: 'Otkupiti',
+    expireOn: 'Istječe',
+    pointsToBeExpired: '${expirationPoints} bodova ističe za ${expireDay} dana',
+    tipsForNextLevel: 'Trebate ${pointsToReach} da dosegnete razinu ${levelName}',
+    spendablePoints: 'Bodovi za potrošit:',
+    details: 'Detalji',
+    xp: 'XP',
+  },
+  hu: {
+    redeem: 'Redeem'
+  },
+  pl: {
+    redeem: 'Redeem'
+  },
+  pt: {
+    redeem: 'Redeem'
+  },
+  sl: {
+    redeem: 'Redeem'
+  },
+  sr: {
+    redeem: 'Redeem'
+  }
+};
+export const translate = (key, customLang) => {
+  const lang = customLang;
+  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+};
+export const translateWithParams = (key, params) => {
+  const lang = params['lang'];
+  let templateString = TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+  if (!params) {
+    return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+  }
+  Object.keys(params).forEach((paramName) => {
+    templateString = templateString.replace(new RegExp('\\$\{' + paramName + '\}', 'gm'), params[paramName]);
+  });
+  return templateString;
+};
+export const getTranslations = (url) => {
+  return new Promise((resolve) => {
+    fetch(url)
+      .then((res) => res.json())
+      .then((data) => {
+      Object.keys(data).forEach((item) => {
+        for (let key in data[item]) {
+          TRANSLATIONS[item][key] = data[item][key];
+        }
+      });
+      resolve(true);
+    });
+  });
+};

package/dist/collection/utils/utils.js

@@ -0,0 +1,47 @@
+export function updateProgressSvg(progressElementRef, percent) {
+  const svgElement = progressElementRef.querySelector('#total_level');
+  const endLockWidth = 15;
+  const barWidth = svgElement.getBBox().width;
+  const widthOnBar = percent * barWidth - endLockWidth < 0 ? 0 : percent * 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 + 3}`);
+  levelFilter.setAttribute('x', `${widthOnBar - 4}`);
+  //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}`);
+}

package/dist/components/general-styling-wrapper.js

@@ -0,0 +1,6 @@
+import { G as GeneralStylingWrapper$1, d as defineCustomElement$1 } from './general-styling-wrapper2.js';
+
+const GeneralStylingWrapper = GeneralStylingWrapper$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GeneralStylingWrapper, defineCustomElement };

package/dist/components/general-styling-wrapper2.js

@@ -0,0 +1,103 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+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);
+    });
+  });
+};
+
+const generalStylingWrapperCss = ":host{display:block}";
+
+const GeneralStylingWrapper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    /**
+     * 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 (h("div", { class: "StyleShell" }, h("slot", { name: "mainContent" })));
+  }
+  get el() { return this; }
+  static get style() { return generalStylingWrapperCss; }
+}, [4, "general-styling-wrapper", {
+    "clientStyling": [1, "client-styling"],
+    "clientStylingUrl": [1, "client-styling-url"],
+    "translationUrl": [1, "translation-url"],
+    "targetTranslations": [16]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["general-styling-wrapper"];
+  components.forEach(tagName => { switch (tagName) {
+    case "general-styling-wrapper":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, GeneralStylingWrapper);
+      }
+      break;
+  } });
+}
+
+export { GeneralStylingWrapper as G, defineCustomElement as d };

package/dist/components/index.d.ts

@@ -0,0 +1,26 @@
+/* PlayerElevateCard custom elements */
+
+import type { Components, JSX } from "../types/components";
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export type { Components, JSX };
+
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1 @@
+export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';

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

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PlayerElevateCardData extends Components.PlayerElevateCardData, HTMLElement {}
+export const PlayerElevateCardData: {
+  prototype: PlayerElevateCardData;
+  new (): PlayerElevateCardData;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/player-elevate-card-data.js

@@ -0,0 +1,6 @@
+import { P as PlayerElevateCardData$1, d as defineCustomElement$1 } from './player-elevate-card-data2.js';
+
+const PlayerElevateCardData = PlayerElevateCardData$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { PlayerElevateCardData, defineCustomElement };