@everymatrix/bonus-elevate-shop 1.0.69

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/dist/bonus-elevate-shop/bonus-elevate-shop.esm.js +1 -0
  2. package/dist/bonus-elevate-shop/index.esm.js +0 -0
  3. package/dist/bonus-elevate-shop/p-0b8ef56a.entry.js +1 -0
  4. package/dist/bonus-elevate-shop/p-248310cb.js +2 -0
  5. package/dist/bonus-elevate-shop/p-3feb3345.entry.js +1 -0
  6. package/dist/bonus-elevate-shop/p-5048c470.entry.js +1 -0
  7. package/dist/bonus-elevate-shop/p-e1255160.js +1 -0
  8. package/dist/bonus-elevate-shop/p-e5a4fd7f.js +1 -0
  9. package/dist/cjs/app-globals-3a1e7e63.js +5 -0
  10. package/dist/cjs/bonus-elevate-shop.cjs.js +25 -0
  11. package/dist/cjs/bonus-elevate-shop_4.cjs.entry.js +730 -0
  12. package/dist/cjs/index-950597be.js +1650 -0
  13. package/dist/cjs/index.cjs.js +2 -0
  14. package/dist/cjs/loader.cjs.js +15 -0
  15. package/dist/cjs/player-elevate-card-items-94136a9c.js +2364 -0
  16. package/dist/cjs/player-elevate-card.cjs.entry.js +74 -0
  17. package/dist/cjs/player-elevate-loyaltycard.cjs.entry.js +81 -0
  18. package/dist/collection/collection-manifest.json +28 -0
  19. package/dist/collection/components/bonus-elevate-shop/bonus-elevate-shop.css +92 -0
  20. package/dist/collection/components/bonus-elevate-shop/bonus-elevate-shop.js +247 -0
  21. package/dist/collection/components/bonus-elevate-shop/index.js +1 -0
  22. package/dist/collection/index.js +1 -0
  23. package/dist/collection/renders/renderGifts.js +30 -0
  24. package/dist/collection/static/avaliable.false.svg +47 -0
  25. package/dist/collection/static/avaliable.true.svg +47 -0
  26. package/dist/collection/utils/fetch.js +29 -0
  27. package/dist/collection/utils/translation.js +7 -0
  28. package/dist/collection/utils/types.js +1 -0
  29. package/dist/collection/utils/utils.js +3 -0
  30. package/dist/esm/app-globals-0f993ce5.js +3 -0
  31. package/dist/esm/bonus-elevate-shop.js +20 -0
  32. package/dist/esm/bonus-elevate-shop_4.entry.js +723 -0
  33. package/dist/esm/index-a343bbd8.js +1620 -0
  34. package/dist/esm/index.js +1 -0
  35. package/dist/esm/loader.js +11 -0
  36. package/dist/esm/player-elevate-card-items-ea0abf0a.js +2351 -0
  37. package/dist/esm/player-elevate-card.entry.js +70 -0
  38. package/dist/esm/player-elevate-loyaltycard.entry.js +77 -0
  39. package/dist/index.cjs.js +1 -0
  40. package/dist/index.js +1 -0
  41. package/dist/static/button-default.svg +42 -0
  42. package/dist/static/button-disabled.svg +4 -0
  43. package/dist/static/button-hover.svg +4 -0
  44. package/dist/static/button-level.svg +27 -0
  45. package/dist/static/button-pressed.svg +18 -0
  46. package/dist/static/button-redeem.svg +36 -0
  47. package/dist/static/card-ground-over.png +0 -0
  48. package/dist/static/card-ground-over.svg +903 -0
  49. package/dist/static/card-ground.png +0 -0
  50. package/dist/static/card-ground.svg +34 -0
  51. package/dist/static/info.svg +4 -0
  52. package/dist/static/level-badge.png +0 -0
  53. package/dist/static/level-percent.svg +80 -0
  54. package/dist/static/tips-info.svg +21 -0
  55. package/dist/static/user.svg +3 -0
  56. package/dist/stencil.config.dev.js +17 -0
  57. package/dist/stencil.config.js +17 -0
  58. package/dist/types/Users/raul.vasile/workspace/everymatrix/widgets-monorepo/packages/stencil/bonus-elevate-shop/.stencil/packages/stencil/bonus-elevate-shop/stencil.config.d.ts +2 -0
  59. package/dist/types/Users/raul.vasile/workspace/everymatrix/widgets-monorepo/packages/stencil/bonus-elevate-shop/.stencil/packages/stencil/bonus-elevate-shop/stencil.config.dev.d.ts +2 -0
  60. package/dist/types/components/bonus-elevate-shop/bonus-elevate-shop.d.ts +45 -0
  61. package/dist/types/components/bonus-elevate-shop/index.d.ts +1 -0
  62. package/dist/types/components.d.ts +101 -0
  63. package/dist/types/index.d.ts +1 -0
  64. package/dist/types/renders/renderGifts.d.ts +3 -0
  65. package/dist/types/stencil-public-runtime.d.ts +1674 -0
  66. package/dist/types/utils/fetch.d.ts +3 -0
  67. package/dist/types/utils/translation.d.ts +8 -0
  68. package/dist/types/utils/types.d.ts +12 -0
  69. package/dist/types/utils/utils.d.ts +1 -0
  70. package/loader/cdn.js +1 -0
  71. package/loader/index.cjs.js +1 -0
  72. package/loader/index.d.ts +24 -0
  73. package/loader/index.es2017.js +1 -0
  74. package/loader/index.js +2 -0
  75. package/loader/package.json +11 -0
  76. package/package.json +31 -0
@@ -0,0 +1,70 @@
1
+ import { r as registerInstance, a as getAssetPath, h, F as Fragment } from './index-a343bbd8.js';
2
+ import { T as TRANSLATIONS, P as PlayerAvatar, c as PlayerPoints, d as PlayerNameDiv, e as PlayerElevateLoyaltyLevel, f as PlayerLoyaltyProcess, h as PlayerElevateCardRedeem } from './player-elevate-card-items-ea0abf0a.js';
3
+
4
+ const playerElevateCardCss = "@container (max-width: 270px) {\n .Card .Inner {\n flex-direction: column;\n }\n .Card .Inner .Content {\n padding: 9px;\n }\n .Inner .Row .ExpirationPoints {\n order: 1;\n }\n}\n.Card .PlayerImg {\n order: 0;\n}\n.Card .ExpirationPoints {\n order: 3;\n}\n.Card .LevelInfo {\n order: 2;\n}\n.Card .Inner .Row .PlayerImg {\n flex-direction: column;\n}\n.Card .Inner .Row .PointsInfo {\n width: 100%;\n text-align: center;\n display: flex;\n flex-direction: column;\n max-height: 50%;\n}\n.Card .Inner .PlayerAvatar .Badge {\n background-size: contain;\n background-repeat: no-repeat;\n position: absolute;\n right: 5px;\n bottom: -5px;\n width: 40%;\n height: 40%;\n overflow: visible;\n}\n.Card .Inner .Row .ExpirationPoints {\n text-align: left;\n color: var(--emfe-w-color-red, red);\n}\n.Card .Inner .Row .Points {\n text-wrap: nowrap;\n}\n.Card .Inner .LevelInfo .ElevateLevel {\n flex-direction: column;\n}\n.Card .Inner .LevelInfo .ElevateLevel .LevelName {\n width: calc(100% - 20px);\n text-align: left;\n font-size: 13px;\n padding-left: 20px;\n margin: 10px 0;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpirationDate {\n text-align: center;\n font-size: smaller;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpireTime {\n margin-left: 5px;\n}";
5
+ const PlayerElevateCardStyle0 = playerElevateCardCss;
6
+
7
+ const PlayerElevateCard = class {
8
+ constructor(hostRef) {
9
+ registerInstance(this, hostRef);
10
+ this.endpoint = undefined;
11
+ this.theme = 'Dark';
12
+ this.session = undefined;
13
+ this.playerAvatarUrl = undefined;
14
+ this.language = 'en';
15
+ this.playerName = undefined;
16
+ this.dateFormat = 'yyyy-MM-dd';
17
+ this.clientStyling = '';
18
+ this.clientStylingUrl = '';
19
+ this.translationUrl = '';
20
+ this.pointExpireString = undefined;
21
+ this.playerLevelFlag = 0;
22
+ this.playerElevateLevel = undefined;
23
+ this.elevateWalletTotal = undefined;
24
+ }
25
+ onSessionOrEndpointChange() {
26
+ this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });
27
+ }
28
+ playerElevateLeveLoadedHandler(event) {
29
+ if (!event.detail) {
30
+ return;
31
+ }
32
+ if (event.detail['elevateLevelWalletTotal']) {
33
+ this.elevateWalletTotal = event.detail['elevateLevelWalletTotal'];
34
+ }
35
+ if (event.detail['elevateLevel']) {
36
+ this.playerElevateLevel = event.detail['elevateLevel'];
37
+ }
38
+ if (event.detail['pointExpireString']) {
39
+ this.pointExpireString = event.detail.xpExpireString;
40
+ }
41
+ if (event.detail.calculatedLevelFlag) {
42
+ this.playerLevelFlag = event.detail.calculatedLevelFlag;
43
+ }
44
+ }
45
+ onRedeemClick() {
46
+ window.postMessage({ type: 'BEERedeemClicked' }, window.location.href);
47
+ }
48
+ componentWillLoad() {
49
+ this.paramProxy = {
50
+ endpoint: this.endpoint,
51
+ session: this.session,
52
+ language: this.language,
53
+ calculateLevelFlag: true,
54
+ };
55
+ }
56
+ render() {
57
+ const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
58
+ const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
59
+ return (h("div", { key: '278a328dd084ee73b2707b93a57bccae64a2c9c7', class: `ElevateCardWrapper ${this.theme}` }, h("div", { key: '68c885baf533447a7c77fd887bbec11e53768277', class: "Card Outer", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, h("general-styling-wrapper", { key: '4066253a70cdd5e712ca244a708e7c1600c83071', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }), h("player-elevate-card-data", { key: '64cda2a267c752056b3c7e3134cc324fa96bc261', params: this.paramProxy }), h("div", { key: 'c63ae83b401a35f5a78acd83dc3d7296c25141d7', class: "OuterCover Inner", style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, this.playerElevateLevel && (h(Fragment, { key: 'ba16e5bb54259c17fd9e5aa0e3c03c2ec5d4263c' }, h("div", { key: 'fa1bf74f45e28318c95266cc42c54541bde92718', class: 'Content Row' }, h("div", { key: '7ede46f91bcc0d894b2b633627a4ca97d15fbe90', class: "PlayerImg" }, h(PlayerAvatar, { key: 'b6d0bac085e0178512b8a63ba8fccae7d4cc8399', playerAvatarUrl: this.playerAvatarUrl, loyaltyIconUrl: this.playerElevateLevel.presentation.asset }), h(PlayerPoints, { key: '88c445dbcd7dbe426a8de18beea02aecc03e26f3', loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language })), this.pointExpireString && (h("div", { key: '4d985e486ecb74a6c916b28e619de83cb3d77ac1', class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " ")), h("div", { key: '34e051ee1ff79b825fca57db958e1e5684a0aca1', class: `LevelInfo Level${this.playerLevelFlag} ${this.playerElevateLevel.presentation.displayName}` }, h(PlayerNameDiv, { key: 'fa1b1f16e0b25c6adfba4c215e4ed377e05699b2', playerName: this.playerName }), h(PlayerElevateLoyaltyLevel, { key: '6d18b1422db202363ebcd56cc56946e0e071937b', hideInfo: true, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat }), h(PlayerLoyaltyProcess, { key: '7dae355c4a5a9e28c70dced0ac061608f1753020' }), h(PlayerElevateCardRedeem, { key: '7e5f830b612c962a828c58f20a88dc97d315c910', onRedeemClick: this.onRedeemClick, language: this.language })))))))));
60
+ }
61
+ static get assetsDirs() { return ["../static"]; }
62
+ static get watchers() { return {
63
+ "session": ["onSessionOrEndpointChange"],
64
+ "endpoint": ["onSessionOrEndpointChange"],
65
+ "language": ["onSessionOrEndpointChange"]
66
+ }; }
67
+ };
68
+ PlayerElevateCard.style = PlayerElevateCardStyle0;
69
+
70
+ export { PlayerElevateCard as player_elevate_card };
@@ -0,0 +1,77 @@
1
+ import { r as registerInstance, a as getAssetPath, h, F as Fragment } from './index-a343bbd8.js';
2
+ import { a as translateWithParams, T as TRANSLATIONS, P as PlayerAvatar, e as PlayerElevateLoyaltyLevel, c as PlayerPoints, f as PlayerLoyaltyProcess } from './player-elevate-card-items-ea0abf0a.js';
3
+
4
+ const playerElevateLoyaltycardCss = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:11px;margin-left:5px}}@media screen and (max-width: 500px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:wrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:0px;margin-left:0px}}.LoyaltyCard .Inner .LevelProgress{margin-left:0px}.LoyaltyCard .Inner .Row .PointsInfo{width:100%}.LoyaltyCard .Inner .Row .PointsInfo.ExpirationPoints{text-align:left;color:var(--emfe-w-color-red-50, red)}.LoyaltyCard .Inner .PlayerAvatar .Avatar{display:none}.LoyaltyCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%}.LoyaltyCard .Inner .LevelInfo .ElevateLevel{display:flex;flex:1;align-items:center}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{position:relative;padding-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate .ExpireTime{margin-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .LevelName{padding-left:0;font-size:var(--emfe-w-elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emfe-w-elevate-color-levelname, #FFBD2B);font-weight:bold}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emfe-w-color-black, #000);opacity:0.8;font-weight:bold}";
5
+ const PlayerElevateLoyaltycardStyle0 = playerElevateLoyaltycardCss;
6
+
7
+ const PlayerElevateLoyaltycard = class {
8
+ constructor(hostRef) {
9
+ registerInstance(this, hostRef);
10
+ this.endpoint = undefined;
11
+ this.theme = 'Dark';
12
+ this.session = undefined;
13
+ this.playerAvatarUrl = undefined;
14
+ this.language = 'en';
15
+ this.playerName = undefined;
16
+ this.dateFormat = 'yyyy-MM-dd';
17
+ this.clientStyling = '';
18
+ this.clientStylingUrl = '';
19
+ this.translationUrl = '';
20
+ this.pointExpireString = undefined;
21
+ this.playerElevateLevel = undefined;
22
+ this.elevateWalletTotal = undefined;
23
+ }
24
+ onSessionOrEndpointChange() {
25
+ this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });
26
+ }
27
+ playerElevateLeveLoadedHandler(event) {
28
+ if (!event.detail) {
29
+ return;
30
+ }
31
+ if (event.detail['elevateLevelWalletTotal']) {
32
+ this.elevateWalletTotal = event.detail['elevateLevelWalletTotal'];
33
+ }
34
+ if (event.detail['elevateLevel']) {
35
+ this.playerElevateLevel = event.detail['elevateLevel'];
36
+ }
37
+ if (event.detail['pointExpireString']) {
38
+ this.pointExpireString = event.detail.xpExpireString;
39
+ }
40
+ }
41
+ onRedeemClick() {
42
+ window.postMessage({ type: 'BEERedeemClicked' }, window.location.href);
43
+ }
44
+ componentWillLoad() {
45
+ this.paramProxy = {
46
+ endpoint: this.endpoint,
47
+ session: this.session,
48
+ language: this.language,
49
+ };
50
+ }
51
+ getNextLevelTips() {
52
+ var _a;
53
+ //need xx to reach Diamond
54
+ let nextLevel = (_a = this.playerElevateLevel) === null || _a === void 0 ? void 0 : _a.nextLevel;
55
+ if (this.playerElevateLevel && nextLevel) {
56
+ const pointsToReach = (nextLevel.entryPoints - this.playerElevateLevel.loyaltyPoints).toFixed(2);
57
+ return translateWithParams('tipsForNextLevel', {
58
+ pointsToReach,
59
+ levelName: nextLevel.name,
60
+ });
61
+ }
62
+ return '';
63
+ }
64
+ render() {
65
+ const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
66
+ const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
67
+ return (h("div", { key: 'd32d09786bf66e0abef026482e7ea04a53c051b1', class: `ElevateCardWrapper ${this.theme}` }, h("div", { key: 'dd2685eb840341b8823f24db9b72d0f6b7d340ae', class: "LoyaltyCard Outer", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, h("general-styling-wrapper", { key: '3e2a00d1697c89441a8254cb81c6dc72e5b9f534', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }), h("player-elevate-card-data", { key: '56221e6d50df3b09c4269000637818009807c994', params: this.paramProxy }), h("div", { key: 'f11201024b280d6beb2ce1978ebfa7f2c7c59678', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, h("div", { key: '948a023268fad3945b5069686eb29312111042a2', class: 'Content Row' }, this.playerElevateLevel && (h(Fragment, { key: 'de7c52faa07386949ce1ca728968534922e9d880' }, h("div", { key: '7c1a0c6ea5dbe7ee2375813b3819efa61e283232', class: "PlayerImg" }, h(PlayerAvatar, { key: '70ae13ee168c6de7bf4618f6ab8761462c8812b2', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), h("div", { key: 'c11f916999b52e43e04ee472b0f54691012409a5', class: `LevelInfo ${this.playerElevateLevel.name}` }, h(PlayerElevateLoyaltyLevel, { key: '6aa61d117b24f9abbee9c5d33e882d6f023f205b', hideInfo: true, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat }), h(PlayerPoints, { key: '7cc02e34d4682c25095dbf6a3077b314410d8093', loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), this.pointExpireString && (h("div", { key: '793e388644891e15b32e003ac8914e57e758e86b', class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " ")), h(PlayerLoyaltyProcess, { key: 'a4f6c3b9f9cd5e8c6a025c26154702f9495bbe5b' }), h("div", { key: 'd91eda0f963ba9ffd481237f4b16bd4ef638d25e', class: "NextLevelTip" }, this.getNextLevelTips())))))))));
68
+ }
69
+ static get watchers() { return {
70
+ "session": ["onSessionOrEndpointChange"],
71
+ "endpoint": ["onSessionOrEndpointChange"],
72
+ "language": ["onSessionOrEndpointChange"]
73
+ }; }
74
+ };
75
+ PlayerElevateLoyaltycard.style = PlayerElevateLoyaltycardStyle0;
76
+
77
+ export { PlayerElevateLoyaltycard as player_elevate_loyaltycard };
@@ -0,0 +1 @@
1
+ module.exports = require('./cjs/index.cjs.js');
package/dist/index.js ADDED
@@ -0,0 +1 @@
1
+ export * from './esm/index.js';
@@ -0,0 +1,42 @@
1
+ <svg width="95" height="51" viewBox="0 0 95 51" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g filter="url(#filter0_bd_169_22604)">
3
+ <rect x="4" width="87" height="43" rx="14" fill="#26CC37" shape-rendering="crispEdges"/>
4
+ <rect x="5" y="1" width="85" height="41" rx="13" stroke="url(#paint0_linear_169_22604)" stroke-opacity="0.6"
5
+ stroke-width="2" shape-rendering="crispEdges"/>
6
+ <rect x="5" y="1" width="85" height="41" rx="13" stroke="url(#paint1_linear_169_22604)" stroke-width="2"
7
+ shape-rendering="crispEdges"/>
8
+ <rect x="5" y="1" width="85" height="41" rx="13" stroke="url(#paint2_linear_169_22604)" stroke-width="2"
9
+ shape-rendering="crispEdges"/>
10
+ </g>
11
+ <defs>
12
+ <filter id="filter0_bd_169_22604" x="-36" y="-40" width="167" height="123" filterUnits="userSpaceOnUse"
13
+ color-interpolation-filters="sRGB">
14
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
15
+ <feGaussianBlur in="BackgroundImageFix" stdDeviation="20"/>
16
+ <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_169_22604"/>
17
+ <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"
18
+ result="hardAlpha"/>
19
+ <feOffset dy="4"/>
20
+ <feGaussianBlur stdDeviation="2"/>
21
+ <feComposite in2="hardAlpha" operator="out"/>
22
+ <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"/>
23
+ <feBlend mode="normal" in2="effect1_backgroundBlur_169_22604" result="effect2_dropShadow_169_22604"/>
24
+ <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_169_22604" result="shape"/>
25
+ </filter>
26
+ <linearGradient id="paint0_linear_169_22604" x1="107.683" y1="17.19" x2="78.0658" y2="19.0918"
27
+ gradientUnits="userSpaceOnUse">
28
+ <stop stop-color="white"/>
29
+ <stop offset="1" stop-color="#EFEFEF" stop-opacity="0"/>
30
+ </linearGradient>
31
+ <linearGradient id="paint1_linear_169_22604" x1="4" y1="0" x2="24.9374" y2="22.5174"
32
+ gradientUnits="userSpaceOnUse">
33
+ <stop stop-color="white" stop-opacity="0.5"/>
34
+ <stop offset="1" stop-color="white" stop-opacity="0"/>
35
+ </linearGradient>
36
+ <linearGradient id="paint2_linear_169_22604" x1="91" y1="43" x2="61.9374" y2="28.5031"
37
+ gradientUnits="userSpaceOnUse">
38
+ <stop stop-color="white" stop-opacity="0.5"/>
39
+ <stop offset="1" stop-color="white" stop-opacity="0"/>
40
+ </linearGradient>
41
+ </defs>
42
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg width="87" height="43" viewBox="0 0 87 43" fill="none"
2
+ xmlns="http://www.w3.org/2000/svg">
3
+ <rect width="87" height="43" rx="14" fill="#474A52"/>
4
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg width="87" height="43" viewBox="0 0 87 43" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect x="1" y="1" width="85" height="41" rx="13" fill="#26CC37"/>
3
+ <rect x="1" y="1" width="85" height="41" rx="13" stroke="white" stroke-width="2"/>
4
+ </svg>
@@ -0,0 +1,27 @@
1
+ <svg width="190" height="75" viewBox="0 0 190 75" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g filter="url(#filter0_dd_179_4415)">
3
+ <path d="M16 20C16 15.5817 19.5817 12 24 12H151C155.418 12 159 15.5817 159 20V32C159 36.4183 155.418 40 151 40H24C19.5817 40 16 36.4183 16 32V20Z" fill="url(#paint0_linear_179_4415)" shape-rendering="crispEdges"/>
4
+ </g>
5
+ <defs>
6
+ <filter id="filter0_dd_179_4415" x="0.842043" y="0.631533" width="188.474" height="73.4739" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
7
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
8
+ <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"/>
9
+ <feOffset dx="7.57898" dy="11.3685"/>
10
+ <feGaussianBlur stdDeviation="11.3685"/>
11
+ <feComposite in2="hardAlpha" operator="out"/>
12
+ <feColorMatrix type="matrix" values="0 0 0 0 0.0862745 0 0 0 0 0.0980392 0 0 0 0 0.141176 0 0 0 0.25 0"/>
13
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_179_4415"/>
14
+ <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"/>
15
+ <feOffset dx="-2" dy="-2"/>
16
+ <feGaussianBlur stdDeviation="3.5"/>
17
+ <feComposite in2="hardAlpha" operator="out"/>
18
+ <feColorMatrix type="matrix" values="0 0 0 0 0.74902 0 0 0 0 0.470588 0 0 0 0 0.0235294 0 0 0 0.75 0"/>
19
+ <feBlend mode="normal" in2="effect1_dropShadow_179_4415" result="effect2_dropShadow_179_4415"/>
20
+ <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_179_4415" result="shape"/>
21
+ </filter>
22
+ <linearGradient id="paint0_linear_179_4415" x1="87.5" y1="12" x2="87.5" y2="40" gradientUnits="userSpaceOnUse">
23
+ <stop stop-color="#FCC410"/>
24
+ <stop offset="1" stop-color="#FFBD2B" stop-opacity="0"/>
25
+ </linearGradient>
26
+ </defs>
27
+ </svg>
@@ -0,0 +1,18 @@
1
+ <svg width="95" height="51" viewBox="0 0 95 51" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g filter="url(#filter0_d_169_22603)">
3
+ <rect x="4" width="87" height="43" rx="14" fill="#008B0E" shape-rendering="crispEdges"/>
4
+ <rect x="5" y="1" width="85" height="41" rx="13" stroke="#71FF7F" stroke-width="2" shape-rendering="crispEdges"/>
5
+ </g>
6
+ <defs>
7
+ <filter id="filter0_d_169_22603" x="0" y="0" width="95" height="51" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
8
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
9
+ <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"/>
10
+ <feOffset dy="4"/>
11
+ <feGaussianBlur stdDeviation="2"/>
12
+ <feComposite in2="hardAlpha" operator="out"/>
13
+ <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"/>
14
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_169_22603"/>
15
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_169_22603" result="shape"/>
16
+ </filter>
17
+ </defs>
18
+ </svg>
@@ -0,0 +1,36 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="106" height="51" viewBox="0 0 106 51" fill="none">
2
+ <g filter="url(#filter0_bd_169_22606)">
3
+ <rect x="4" width="98" height="43" rx="14" fill="#26CC37" shape-rendering="crispEdges"/>
4
+
5
+
6
+ <rect x="5" y="1" width="96" height="41" rx="13" stroke="url(#paint0_linear_169_22606)" stroke-opacity="0.6" stroke-width="2" shape-rendering="crispEdges"/>
7
+ <rect x="5" y="1" width="96" height="41" rx="13" stroke="url(#paint1_linear_169_22606)" stroke-width="2" shape-rendering="crispEdges"/>
8
+ <rect x="5" y="1" width="96" height="41" rx="13" stroke="url(#paint2_linear_169_22606)" stroke-width="2" shape-rendering="crispEdges"/>
9
+ </g>
10
+ <defs>
11
+ <filter id="filter0_bd_169_22606" x="-36" y="-40" width="178" height="123" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
12
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
13
+ <feGaussianBlur in="BackgroundImageFix" stdDeviation="20"/>
14
+ <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_169_22606"/>
15
+ <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"/>
16
+ <feOffset dy="4"/>
17
+ <feGaussianBlur stdDeviation="2"/>
18
+ <feComposite in2="hardAlpha" operator="out"/>
19
+ <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"/>
20
+ <feBlend mode="normal" in2="effect1_backgroundBlur_169_22606" result="effect2_dropShadow_169_22606"/>
21
+ <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_169_22606" result="shape"/>
22
+ </filter>
23
+ <linearGradient id="paint0_linear_169_22606" x1="120.793" y1="17.19" x2="87.4673" y2="19.6005" gradientUnits="userSpaceOnUse">
24
+ <stop stop-color="white"/>
25
+ <stop offset="1" stop-color="#EFEFEF" stop-opacity="0"/>
26
+ </linearGradient>
27
+ <linearGradient id="paint1_linear_169_22606" x1="4" y1="0" x2="24.6125" y2="24.9708" gradientUnits="userSpaceOnUse">
28
+ <stop stop-color="white" stop-opacity="0.5"/>
29
+ <stop offset="1" stop-color="white" stop-opacity="0"/>
30
+ </linearGradient>
31
+ <linearGradient id="paint2_linear_169_22606" x1="102" y1="43" x2="70.9273" y2="25.5407" gradientUnits="userSpaceOnUse">
32
+ <stop stop-color="white" stop-opacity="0.5"/>
33
+ <stop offset="1" stop-color="white" stop-opacity="0"/>
34
+ </linearGradient>
35
+ </defs>
36
+ </svg>
Binary file