@everymatrix/player-elevate-card-jojogroup 1.80.4

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" style="opacity: 0" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect y="12" x="2" width="100%" id="total_level" height="5" rx="2.5" fill="white" fill-opacity="0.5"/>
+    <rect y="12"  x="2" 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,238 @@
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['en', 'zh-hk', 'it', 'fr', 'tr', 'hr'];
+export const TRANSLATIONS = {
+    en: {
+        redeem: 'Redeem',
+        claim: 'Claim',
+        expireOn: 'Expire on ',
+        coinsToBeExpired: '${expirationPoints} coins to expire in ${expireDay} days',
+        coinsToBeExpiredDay: '${expirationPoints} coins to expire in ${expireDay} day',
+        coinsToBeExpiredHours: '${expirationPoints} coins to expire in ${expireDay} hours',
+        coinsToBeExpiredHour: '${expirationPoints} coins to expire in ${expireDay} hour',
+        coinsToBeExpiredMinutes: '${expirationPoints} coins to expire in ${expireDay} minutes',
+        coinsToBeExpiredMinute: '${expirationPoints} coins to expire in ${expireDay} minute',
+        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',
+        pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
+        pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
+        tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
+        spendablePoints: 'Spendable Points:',
+        details: 'Details',
+        earningRules: 'Earning Rules',
+        xp: 'XP',
+        sp: 'Coins',
+        termAndConditions: 'Term & Conditions',
+        rakebackTitle: 'Available Rakeback',
+        loading: 'Loading',
+        minutesCanClaim: 'Next Claim is available in ${minutes} minutes'
+    },
+    'zh-hk': {
+        redeem: '兑奖',
+        claim: '返佣',
+        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',
+        pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
+        pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
+        tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
+        spendablePoints: 'Spendable Points:',
+        details: '明细',
+        earningRules: 'Earning Rules',
+        xp: 'XP',
+        sp: 'Coins',
+        termAndConditions: 'Term & Conditions',
+        rakebackTitle: '可用的返利',
+        loading: '加載中',
+        minutesCanClaim: '下次可領取時間為${minutes}分鐘後'
+    },
+    de: {
+        redeem: 'Redeem',
+        claim: 'Anspruch',
+        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',
+        pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
+        pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
+        tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
+        spendablePoints: 'Spendable Points:',
+        details: 'Details',
+        earningRules: 'Earning Rules',
+        xp: 'XP',
+        sp: 'Coins',
+        termAndConditions: 'Term & Conditions',
+        rakebackTitle: 'Verfügbarer Rakeback',
+        loading: 'Laden',
+        minutesCanClaim: 'Nächster Anspruch ist in ${minutes} Minuten verfügbar'
+    },
+    it: {
+        redeem: 'Redeem',
+        claim: 'Richiesta',
+        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',
+        pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
+        pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
+        tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
+        spendablePoints: 'Spendable Points:',
+        details: 'Details',
+        earningRules: 'Earning Rules',
+        xp: 'XP',
+        sp: 'Coins',
+        termAndConditions: 'Term & Conditions',
+        rakebackTitle: 'Rakeback Disponibile',
+        loading: 'Caricamento',
+        minutesCanClaim: 'La prossima richiesta sarà disponibile tra ${minutes} minuti'
+    },
+    fr: {
+        redeem: 'Redeem',
+        claim: 'Réclamer',
+        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',
+        pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
+        pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
+        tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
+        spendablePoints: 'Spendable Points:',
+        details: 'Details',
+        earningRules: 'Earning Rules',
+        xp: 'XP',
+        sp: 'Coins',
+        termAndConditions: 'Term & Conditions',
+        rakebackTitle: 'Rakeback Disponible',
+        loading: 'Chargement',
+        minutesCanClaim: 'La prochaine réclamation sera disponible dans ${minutes} minutes'
+    },
+    es: {
+        redeem: 'Redeem',
+        claim: 'Reclamar',
+        rakebackTitle: 'Rakeback Disponible',
+        loading: 'Cargando',
+        minutesCanClaim: 'La próxima reclamación estará disponible en ${minutes} minutos'
+    },
+    tr: {
+        redeem: 'Redeem',
+        claim: 'Talep',
+        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',
+        pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
+        pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
+        tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
+        spendablePoints: 'Spendable Points:',
+        details: 'Details',
+        earningRules: 'Earning Rules',
+        xp: 'XP',
+        sp: 'Coins',
+        termAndConditions: 'Term & Conditions',
+        rakebackTitle: 'Mevcut Rakeback',
+        loading: 'Yükleniyor',
+        minutesCanClaim: 'Sonraki talep ${minutes} dakika içinde kullanılabilir'
+    },
+    ru: {
+        redeem: 'Redeem',
+        claim: 'Требовать',
+        rakebackTitle: 'Доступный Рейкбек',
+        loading: 'Загрузка',
+        minutesCanClaim: 'Следующее требование будет доступно через ${minutes} минут'
+    },
+    ro: {
+        redeem: 'Redeem',
+        claim: 'Revendicare',
+        rakebackTitle: 'Rakeback Disponibil',
+        loading: 'Se încarcă',
+        minutesCanClaim: 'Următoarea revendicare va fi disponibilă în ${minutes} minute'
+    },
+    hr: {
+        redeem: 'Otkupiti',
+        claim: 'Zahtjev',
+        expireOn: 'Istječe',
+        pointsToBeExpired: '${expirationPoints} bodova ističe za ${expireDay} dana',
+        pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
+        pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
+        pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
+        pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
+        tipsForNextLevel: 'Trebate ${pointsToReach} da dosegnete razinu ${levelName}',
+        spendablePoints: 'Bodovi za potrošit:',
+        details: 'Detalji',
+        xp: 'XP',
+        rakebackTitle: 'Dostupan Rakeback',
+        loading: 'Učitavanje',
+        minutesCanClaim: 'Sljedeći zahtjev bit će dostupan za ${minutes} minuta'
+    },
+    hu: {
+        redeem: 'Redeem',
+        claim: 'Igény',
+        rakebackTitle: 'Elérhető Rakeback',
+        loading: 'Betöltés',
+        minutesCanClaim: 'A következő igény ${minutes} perc múlva lesz elérhető'
+    },
+    pl: {
+        redeem: 'Redeem',
+        claim: 'Roszczenie',
+        rakebackTitle: 'Dostępny Rakeback',
+        loading: 'Ładowanie',
+        minutesCanClaim: 'Następne roszczenie będzie dostępne za ${minutes} minut'
+    },
+    pt: {
+        redeem: 'Redeem',
+        claim: 'Reivindicar',
+        rakebackTitle: 'Rakeback Disponível',
+        loading: 'Carregando',
+        minutesCanClaim: 'Próxima reivindicação disponível em ${minutes} minutos'
+    },
+    sl: {
+        redeem: 'Redeem',
+        claim: 'Zahtevek',
+        rakebackTitle: 'Razpoložljiv Rakeback',
+        loading: 'Nalaganje',
+        minutesCanClaim: 'Naslednji zahtevek bo na voljo čez ${minutes} minut'
+    },
+    sr: {
+        redeem: 'Redeem',
+        claim: 'Zahtev',
+        rakebackTitle: 'Dostupan Rakeback',
+        loading: 'Učitavanje',
+        minutesCanClaim: 'Sledeći zahtev biće dostupan za ${minutes} minuta'
+    }
+};
+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,51 @@
+export 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';
+}

package/dist/esm/app-globals-0f993ce5.js

@@ -0,0 +1,3 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };