@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.
- package/dist/bonus-elevate-shop/bonus-elevate-shop.esm.js +1 -0
- package/dist/bonus-elevate-shop/index.esm.js +0 -0
- package/dist/bonus-elevate-shop/p-0b8ef56a.entry.js +1 -0
- package/dist/bonus-elevate-shop/p-248310cb.js +2 -0
- package/dist/bonus-elevate-shop/p-3feb3345.entry.js +1 -0
- package/dist/bonus-elevate-shop/p-5048c470.entry.js +1 -0
- package/dist/bonus-elevate-shop/p-e1255160.js +1 -0
- package/dist/bonus-elevate-shop/p-e5a4fd7f.js +1 -0
- package/dist/cjs/app-globals-3a1e7e63.js +5 -0
- package/dist/cjs/bonus-elevate-shop.cjs.js +25 -0
- package/dist/cjs/bonus-elevate-shop_4.cjs.entry.js +730 -0
- package/dist/cjs/index-950597be.js +1650 -0
- package/dist/cjs/index.cjs.js +2 -0
- package/dist/cjs/loader.cjs.js +15 -0
- package/dist/cjs/player-elevate-card-items-94136a9c.js +2364 -0
- package/dist/cjs/player-elevate-card.cjs.entry.js +74 -0
- package/dist/cjs/player-elevate-loyaltycard.cjs.entry.js +81 -0
- package/dist/collection/collection-manifest.json +28 -0
- package/dist/collection/components/bonus-elevate-shop/bonus-elevate-shop.css +92 -0
- package/dist/collection/components/bonus-elevate-shop/bonus-elevate-shop.js +247 -0
- package/dist/collection/components/bonus-elevate-shop/index.js +1 -0
- package/dist/collection/index.js +1 -0
- package/dist/collection/renders/renderGifts.js +30 -0
- package/dist/collection/static/avaliable.false.svg +47 -0
- package/dist/collection/static/avaliable.true.svg +47 -0
- package/dist/collection/utils/fetch.js +29 -0
- package/dist/collection/utils/translation.js +7 -0
- package/dist/collection/utils/types.js +1 -0
- package/dist/collection/utils/utils.js +3 -0
- package/dist/esm/app-globals-0f993ce5.js +3 -0
- package/dist/esm/bonus-elevate-shop.js +20 -0
- package/dist/esm/bonus-elevate-shop_4.entry.js +723 -0
- package/dist/esm/index-a343bbd8.js +1620 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/loader.js +11 -0
- package/dist/esm/player-elevate-card-items-ea0abf0a.js +2351 -0
- package/dist/esm/player-elevate-card.entry.js +70 -0
- package/dist/esm/player-elevate-loyaltycard.entry.js +77 -0
- package/dist/index.cjs.js +1 -0
- package/dist/index.js +1 -0
- package/dist/static/button-default.svg +42 -0
- package/dist/static/button-disabled.svg +4 -0
- package/dist/static/button-hover.svg +4 -0
- package/dist/static/button-level.svg +27 -0
- package/dist/static/button-pressed.svg +18 -0
- package/dist/static/button-redeem.svg +36 -0
- package/dist/static/card-ground-over.png +0 -0
- package/dist/static/card-ground-over.svg +903 -0
- package/dist/static/card-ground.png +0 -0
- package/dist/static/card-ground.svg +34 -0
- package/dist/static/info.svg +4 -0
- package/dist/static/level-badge.png +0 -0
- package/dist/static/level-percent.svg +80 -0
- package/dist/static/tips-info.svg +21 -0
- package/dist/static/user.svg +3 -0
- package/dist/stencil.config.dev.js +17 -0
- package/dist/stencil.config.js +17 -0
- 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
- 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
- package/dist/types/components/bonus-elevate-shop/bonus-elevate-shop.d.ts +45 -0
- package/dist/types/components/bonus-elevate-shop/index.d.ts +1 -0
- package/dist/types/components.d.ts +101 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/renders/renderGifts.d.ts +3 -0
- package/dist/types/stencil-public-runtime.d.ts +1674 -0
- package/dist/types/utils/fetch.d.ts +3 -0
- package/dist/types/utils/translation.d.ts +8 -0
- package/dist/types/utils/types.d.ts +12 -0
- package/dist/types/utils/utils.d.ts +1 -0
- package/loader/cdn.js +1 -0
- package/loader/index.cjs.js +1 -0
- package/loader/index.d.ts +24 -0
- package/loader/index.es2017.js +1 -0
- package/loader/index.js +2 -0
- package/loader/package.json +11 -0
- 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,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
|