@everymatrix/bonus-elevate-shop-item - npm Package Compare versions

Comparing version 1.47.3 to 1.48.0

dist/bonus-elevate-shop-item/bonus-elevate-shop-item.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as t}from"./p-ec5f179f.js";export{s as setNonce}from"./p-ec5f179f.js";import{g as i}from"./p-e1255160.js";(()=>{const s=import.meta.url,t={};return""!==s&&(t.resourcesUrl=new URL(".",s).href),e(t)})().then((async e=>(await i(),t([["p-4e9b7c9e",[[1,"bonus-elevate-shop-item",{endpoint:[513],language:[513],itemId:[1537,"item-id"],elevateGift:[1040],session:[513],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],showSliderDots:[516,"show-slider-dots"],showSliderArrows:[516,"show-slider-arrows"],isGiftNotFound:[32],redeemErrorMsg:[32],isRedeeming:[32]}],[0,"bonus-elevate-shop-assets-slider",{showSliderDots:[516,"show-slider-dots"],showSliderArrows:[516,"show-slider-arrows"],itemsPerPage:[514,"items-per-page"],sliderItems:[16],activeIndex:[32]}],[4,"general-styling-wrapper",{clientStyling:[1,"client-styling"],clientStylingUrl:[1,"client-styling-url"],translationUrl:[1,"translation-url"],targetTranslations:[16]}]]]],e))));
+import{p as e,b as t}from"./p-ec5f179f.js";export{s as setNonce}from"./p-ec5f179f.js";import{g as i}from"./p-e1255160.js";(()=>{const s=import.meta.url,t={};return""!==s&&(t.resourcesUrl=new URL(".",s).href),e(t)})().then((async e=>(await i(),t([["p-05811b2a",[[1,"bonus-elevate-shop-item",{endpoint:[513],language:[513],itemId:[1537,"item-id"],elevateGift:[1040],session:[513],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],showSliderDots:[516,"show-slider-dots"],showSliderArrows:[516,"show-slider-arrows"],isGiftNotFound:[32],redeemErrorMsg:[32],isRedeeming:[32]}],[0,"bonus-elevate-shop-assets-slider",{showSliderDots:[516,"show-slider-dots"],showSliderArrows:[516,"show-slider-arrows"],itemsPerPage:[514,"items-per-page"],sliderItems:[16],activeIndex:[32]}],[4,"general-styling-wrapper",{clientStyling:[1,"client-styling"],clientStylingUrl:[1,"client-styling-url"],translationUrl:[1,"translation-url"],targetTranslations:[16]}]]]],e))));

dist/cjs/bonus-elevate-shop-assets-slider_3.cjs.entry.js

@@ -124,7 +124,7 @@ 'use strict';
         };
-        return index.h("div", { key: '210d648ae90dd04e350c0cddb2047061f5989bd8', class: "SliderWrapper" }, index.h("div", { key: '240a214bc772890145b8317bfda32f6099150726', class: 'MainContent ' }, this.showSliderArrows &&
-            index.h("div", { key: 'e8e144fbc2906ee0c5e77cc00c33fb1e89ced29f', class: `SliderNavButton LeftArrow ${this.activeIndex === 0 ? 'DisabledArrow ' : ''} ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}`, onClick: () => this.move(-1) }, index.h("svg", { key: '068a669fa96d11532199f2f2eb44e3a4c3f31e10', fill: "none", stroke: "var(--emfe-w-color-secondary, #FD2839)", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '2789bb8d91ce4ec7f0fd7c3c6b9f3c7b7e682088', "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M15 19l-7-7 7-7" }))), index.h("div", { key: '034ef81e4d9a8dea56fd42791e8a08940dfa4af6', class: 'ItemsWrapper', ref: (el) => this.sliderItemsElement = el }, index.h("div", { key: 'f412b5f0978348e4d9e0af682d151a1880f6e86d', class: 'Items AssetsItems', style: styles }, this.sliderItems.map((assetUrl) => index.h("img", { class: `img${this.itemsPerPage}`, alt: 'Gift Thumbnails', style: itemStyle, src: assetUrl })))), this.showSliderArrows &&
-            index.h("div", { key: '0f8549f8a5bcf2f1cfcde601930610fe5cc98427', class: `SliderNavButton RightArrow  ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}
-                      ${(this.activeIndex === (this.sliderItems.length - 1) || this.itemsPerPage == this.sliderItems.length) ? 'DisabledArrow' : ''}`, onClick: () => this.move(1) }, index.h("svg", { key: '5758a9a73af5f7fa4618ae1b4bb30d838b509d9f', fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '720c5f0f496e8817fc9017ec4e8706cb9644e9ef', "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M9 5l7 7-7 7" })))), this.showSliderDots && this.sliderItems.length > 1 &&
-            index.h("div", { key: '9c1b9c57b1871d7463569ea9566b28e925870d59', class: "DotsWrapper" }, index.h("ul", { key: '548d1d0f2c46170e07aa7ed4019dc3469e2e3950', class: "Dots" }, this.renderDots())));
+        return index.h("div", { key: '3740bd5b367f4e24f0b4391dc7f25c63ccb12958', class: "SliderWrapper" }, index.h("div", { key: '6aac842f54de59cea8b2f2655e8408a8778702d4', class: 'MainContent ' }, this.showSliderArrows &&
+            index.h("div", { key: '94de38b6a631824bbe15964d70377639af769917', class: `SliderNavButton LeftArrow ${this.activeIndex === 0 ? 'DisabledArrow ' : ''} ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}`, onClick: () => this.move(-1) }, index.h("svg", { key: '242e04a9be8a95d81ca0784332c7f4588f8920b1', fill: "none", stroke: "var(--emfe-w-color-secondary, #FD2839)", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '7fb08b0c570a05349b7ede7058f1533b563bc142', "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M15 19l-7-7 7-7" }))), index.h("div", { key: '6953f7d97b3d1b327a3a52c7282e009172bae4c4', class: 'ItemsWrapper', ref: (el) => this.sliderItemsElement = el }, index.h("div", { key: '18ad3ad1ab4c3c6a9c1e6803851e935ed5b9ebd6', class: 'Items AssetsItems', style: styles }, this.sliderItems.map((assetUrl) => index.h("img", { class: `img${this.itemsPerPage}`, alt: 'Gift Thumbnails', style: itemStyle, src: assetUrl })))), this.showSliderArrows &&
+            index.h("div", { key: '9df25ee6a20b5cdadb8a9c180086113836333b09', class: `SliderNavButton RightArrow  ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}
+                      ${(this.activeIndex === (this.sliderItems.length - 1) || this.itemsPerPage == this.sliderItems.length) ? 'DisabledArrow' : ''}`, onClick: () => this.move(1) }, index.h("svg", { key: 'ed4929e234add77ef474c804d13de87486e65175', fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'a5392b590e6856fcaef5ff9b111d5eb52786c9ec', "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M9 5l7 7-7 7" })))), this.showSliderDots && this.sliderItems.length > 1 &&
+            index.h("div", { key: '64e3351b3a2c870e148be20258f0b73679726a52', class: "DotsWrapper" }, index.h("ul", { key: '333c73a153736561d2d3d2882247a2db321302c1', class: "Dots" }, this.renderDots())));
     }
@@ -140,6 +140,7 @@ get el() { return index.getElement(this); }
         noGiftPresentation: 'No description',
-        redeem: 'Redeem',
+        redeemGift: 'Redeem Gift',
         noDataFound: 'No data found',
         error4003: 'Invalid Session',
-        redeemFailed: 'Failed to redeem'
+        redeemFailed: 'Failed to redeem',
+        back: 'Back',
     },
@@ -149,6 +150,7 @@ ro: {
         noGiftPresentation: 'No description',
-        redeem: 'Redeem',
+        redeemGift: 'Redeem Gift',
         noDataFound: 'No data found',
         error4003: 'Invalid Session',
-        redeemFailed: 'Failed to redeem'
+        redeemFailed: 'Failed to redeem',
+        back: 'Back',
     },
@@ -158,6 +160,7 @@ fr: {
         noGiftPresentation: 'No description',
-        redeem: 'Redeem',
+        redeemGift: 'Redeem Gift',
         noDataFound: 'No data found',
         error4003: 'Invalid Session',
         redeemFailed: 'Failed to redeem',
+        back: 'Back',
     },
@@ -167,6 +170,7 @@ ar: {
         noGiftPresentation: 'No description',
-        redeem: 'Redeem',
+        redeemGift: 'Redeem Gift',
         noDataFound: 'No data found',
         error4003: 'Invalid Session',
         redeemFailed: 'Failed to redeem',
+        back: 'Back',
     },
@@ -176,6 +180,7 @@ hu: {
         noGiftPresentation: 'No description',
-        redeem: 'Redeem',
+        redeemGift: 'Redeem Gift',
         noDataFound: 'No data found',
         error4003: 'Invalid Session',
         redeemFailed: 'Failed to redeem',
+        back: 'Back',
     }
@@ -237,3 +242,3 @@ };
 
-const bonusElevateShopItemCss = ":host{display:block}.ElevateDetails{display:flex;flex-direction:row;flex-wrap:wrap;padding:10px;width:calc(100% - 20px);}.ElevateDetails .RedeemError{display:none}.ElevateDetails .Error{color:var(--emfe-w-color-error, #FD2839)}.ElevateDetails .Row{flex-direction:row;display:flex}.ElevateDetails .Col{flex-direction:column;display:flex}.ElevateDetails .Details{padding:20px}.ElevateDetails .ThumbnailRow{display:flex;flex-direction:column;justify-content:space-between;min-width:268px;max-width:398px}.ElevateDetails .ThumbnailRow .BackButton{width:20px;height:20px;padding:5px;background:white;box-shadow:0px 4px 40px 0px rgba(138, 149, 158, 0.2);margin:10px 0 10px;cursor:pointer;animation-timing-function:ease-out;animation-duration:300ms;transition-property:all;border:1px solid #e4e6e8;border-radius:5px;text-align:center}.ElevateDetails .ThumbnailRow .BackButton:hover{background:rgb(227, 222, 222)}.ElevateDetails .ThumbnailRow .Thumbnails{display:flex;flex-direction:column;position:relative;width:calc(100% - 40px)}.ElevateDetails .ShopItemDetail{flex-grow:1;min-width:300px}.ElevateDetails .GiftPoints .Points{font-size:21px}.ElevateDetails .GiftPoints .PointsLabel{font-size:12px;color:var(--emfe-w-color-gray-300, rgb(78, 90, 55));font-weight:400;line-height:29px;letter-spacing:0.04em;text-align:left}.ElevateDetails .RedeemButton:hover{font-weight:800;border:2px solid var(--emfe-w-color-gray-300, rgb(229, 231, 213));cursor:not-allowed}.ElevateDetails .RedeemButton.Disabled:hover{font-weight:normal;border:2px solid transparent}.ElevateDetails .RedeemButton{margin-top:50px;color:#f1f1f1;font-size:20px;padding:16px 25px 16px 25px;border-radius:18px;text-align:center;cursor:pointer;background:linear-gradient(0deg, #26CC37, #26CC37), linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%);border:2px solid;border-image-source:linear-gradient(283.85deg, rgba(190, 40, 40, 0.5) 0%, rgba(56, 64, 179, 0) 33.47%);box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25)}.ElevateDetails .RedeemButton.DkButton{width:80px;padding:8px;font-size:16px;border-radius:5px}.ElevateDetails .RedeemButton.Disabled{background:linear-gradient(0deg, #b8c4b9, #9eb0a0), linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%)}.ElevateDetails .SliderWrapper{display:flex;flex-direction:column;position:relative;width:calc(100% - 40px)}.ElevateDetails .SliderWrapper .MainContent{display:flex;flex-direction:row;justify-content:space-around}.ElevateDetails .SliderWrapper .MainContent .LeftArrow,.ElevateDetails .SliderWrapper .MainContent .RightArrow{width:20px}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper{overflow:hidden;display:inline-flex;width:calc(100% - 40px);flex-direction:column}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper .Items{display:inline-flex;transition:transform 0.4s ease-in-out;transform:translateX(0px);margin:auto}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper img.img2{width:50%}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper img.img3{width:30%}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper img,.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper img.img1{max-width:100%;background:rgb(239, 239, 239);border:1px solid rgb(239, 239, 239);border-radius:18px;border:1px;margin:10px 0 10px}.ElevateDetails .SliderWrapper .DotsWrapper{width:100%;margin:0 auto;height:30px}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots{display:flex;justify-content:center;padding:0}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li{height:10px;width:10px;background:#ccc;border-radius:50%;margin-left:3px;margin-right:3px;list-style:none;cursor:pointer}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li:hover{background:#bbb}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li.active{border:solid 1px var(--emfe-w-color-secondary, #FD2839);background:var(--emfe-w-color-secondary, #FD2839)}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li.default{border:solid 1px var(--emfe-w-color-secondary, #FD2839);background-color:#FFF}.ElevateDetails .SliderNavButton{border:0px;width:25px;display:flex;align-items:center;justify-content:center;cursor:pointer}.ElevateDetails .SliderNavButton.HiddenArrow{visibility:hidden}.ElevateDetails .SliderNavButton svg{width:20px;stroke:var(--emfe-w-color-secondary, #FD2839)}.ElevateDetails .DisabledArrow svg{opacity:0.2;stroke:var(--emfe-w-color-secondary, #FD2839);pointer-events:none}";
+const bonusElevateShopItemCss = ":host{display:block}.ElevateDetails{display:flex;flex-direction:row;flex-wrap:wrap;padding:10px;width:calc(100% - 20px);}.ElevateDetails .RedeemError{display:none}.ElevateDetails .Error{color:var(--emfe-w-color-error, #FD2839)}.ElevateDetails .Row{flex-direction:row;display:flex}.ElevateDetails .Col{flex-direction:column;display:flex}.ElevateDetails .Details{padding:20px}.ElevateDetails .ThumbnailRow{display:flex;flex-direction:column;justify-content:space-between;min-width:268px;max-width:398px}.ElevateDetails .ThumbnailRow .BackButton{width:100px;height:20px;padding:5px;background:white;box-shadow:0px 4px 40px 0px rgba(138, 149, 158, 0.2);margin:10px 0 10px;cursor:pointer;animation-timing-function:ease-out;animation-duration:300ms;transition-property:all;border:1px solid #e4e6e8;border-radius:5px;text-align:center}.ElevateDetails .ThumbnailRow .BackButton:hover{background:rgb(227, 222, 222)}.ElevateDetails .ThumbnailRow .Thumbnails{display:flex;flex-direction:column;position:relative;width:calc(100% - 40px)}.ElevateDetails .ShopItemDetail{flex-grow:1;min-width:300px}.ElevateDetails .GiftPoints .Points{font-size:21px}.ElevateDetails .GiftPoints .PointsLabel{font-size:12px;color:var(--emfe-w-color-gray-300, rgb(78, 90, 55));font-weight:400;line-height:29px;letter-spacing:0.04em;text-align:left}.ElevateDetails .RedeemButton{width:150px;padding:5px 0px;border:2px solid var(--emw--button-border-color, rgba(8, 59, 23, 0.1098039216));text-align:center;color:var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));font-size:var(--emw--font-size-small, 12px);font-weight:var(--emw--font-weight-bold, 700);line-height:var(--emw--font-size-medium, 14px);text-transform:uppercase;border-radius:var(--emw--border-radius-medium, 20px)}.ElevateDetails .RedeemButton.active{background:var(--emw--color-primary, #18CE51)}.ElevateDetails .RedeemButton.active:hover{background:var(--mmw--color-main-button-hover, #24B24E)}.ElevateDetails .RedeemButton.deactive,.ElevateDetails .RedeemButton.disabled{background:var(--mmw--color-disabled, rgba(153, 153, 153, 0.5019607843))}.ElevateDetails .SliderWrapper{display:flex;flex-direction:column;position:relative;width:calc(100% - 40px)}.ElevateDetails .SliderWrapper .MainContent{display:flex;flex-direction:row;justify-content:space-around}.ElevateDetails .SliderWrapper .MainContent .LeftArrow,.ElevateDetails .SliderWrapper .MainContent .RightArrow{width:20px}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper{overflow:hidden;display:inline-flex;width:calc(100% - 40px);flex-direction:column}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper .Items{display:inline-flex;transition:transform 0.4s ease-in-out;transform:translateX(0px);margin:auto}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper img.img2{width:50%}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper img.img3{width:30%}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper img,.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper img.img1{max-width:100%;background:rgb(239, 239, 239);border:1px solid rgb(239, 239, 239);border-radius:18px;border:1px;margin:10px 0 10px}.ElevateDetails .SliderWrapper .DotsWrapper{width:100%;margin:0 auto;height:30px}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots{display:flex;justify-content:center;padding:0}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li{height:10px;width:10px;background:#ccc;border-radius:50%;margin-left:3px;margin-right:3px;list-style:none;cursor:pointer}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li:hover{background:#bbb}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li.active{border:solid 1px var(--emfe-w-color-secondary, #FD2839);background:var(--emfe-w-color-secondary, #FD2839)}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li.default{border:solid 1px var(--emfe-w-color-secondary, #FD2839);background-color:#FFF}.ElevateDetails .SliderNavButton{border:0px;width:25px;display:flex;align-items:center;justify-content:center;cursor:pointer}.ElevateDetails .SliderNavButton.HiddenArrow{visibility:hidden}.ElevateDetails .SliderNavButton svg{width:20px;stroke:var(--emfe-w-color-secondary, #FD2839)}.ElevateDetails .DisabledArrow svg{opacity:0.2;stroke:var(--emfe-w-color-secondary, #FD2839);pointer-events:none}";
 const BonusElevateShopItemStyle0 = bonusElevateShopItemCss;
@@ -353,6 +358,6 @@
     render() {
-        return (index.h(index.Host, { key: '360eca579b9c0637b8962bd61444e243f5272cbe' }, index.h("general-styling-wrapper", { key: '2b7004be2fe2413708e718c33fe6dc8816eadf4d', clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling }), index.h("div", { key: 'e4aa48db658c1ec854d5a86d1bf10c33c37785d7', class: 'ElevateDetails' }, this.isGiftNotFound && (index.h(index.Fragment, { key: '8e8d051cda59be07bb12760a41dfda463f2fc304' }, index.h("div", { key: 'f8a6f7ab3c7a71a40444f8c33fd3b5724edfa427', class: "Row ThumbnailRow" }, index.h("div", { key: 'eb13a35ecb491e96d087fa9a25e1bd2c5a69b110', class: "BackButton", onClick: () => {
+        return (index.h(index.Host, { key: '360eca579b9c0637b8962bd61444e243f5272cbe' }, index.h("general-styling-wrapper", { key: '2b7004be2fe2413708e718c33fe6dc8816eadf4d', clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling }), index.h("div", { key: 'e4aa48db658c1ec854d5a86d1bf10c33c37785d7', class: 'ElevateDetails' }, this.isGiftNotFound && (index.h(index.Fragment, { key: '8e8d051cda59be07bb12760a41dfda463f2fc304' }, index.h("div", { key: 'f8a6f7ab3c7a71a40444f8c33fd3b5724edfa427', class: "Row ThumbnailRow" }, index.h("div", { key: '588fd3088cfda3520bda4609edb3685585b59dd4', class: "BackButton", onClick: () => {
                 this.onBackClicked();
-            } }, '<')), index.h("div", { key: '00bd5151bd6716ca43ea7b6222451b13a1b7f4b3', class: "Thumnails GiftNotFound" }, translate('noDataFound', this.language), "."))), this.elevateGift && index.h(index.Fragment, { key: '4c85be20514c63c860820507c7b1c0821b7576e7' }, index.h("div", { key: 'e81776a1e65e72ac61503f29bffccf66232a5787', class: "ThumbnailRow" }, index.h("div", { key: 'f661edda3cdeec4a1d3f5a8d812aa9e1b2e59a6b', class: 'Row' }, index.h("div", { key: 'a43b78924d06229ea6ad709036ab1beca8b67e5f', class: "BackButton", onClick: () => { this.onBackClicked(); } }, '<'), index.h("bonus-elevate-shop-assets-slider", { key: 'f3ef875e7befc0e2195dd8e1c7cddf8fa3bd2f99', class: 'Thumbnails', itemsPerPage: 1, sliderItems: this.elevateGift.presentation.assets, showSliderDots: this.showSliderDots })), index.h("div", { key: '8b5012f5f9494cd9a6e134f47f074855031fdd10', class: 'Col Details' }, index.h("h3", { key: 'f3362e5b47729648f864f268f46beedc44c5db67', class: "GiftName" }, this.elevateGift.presentation.displayName || this.elevateGift.displayName), index.h("div", { key: '2e6d56116d5bdb5758d599842d696f4279317840', class: "GiftPoints" }, index.h("span", { key: 'c3b9e98e09c9f4fbe49e2a2c0486a9b6d7b0e5cb', class: "Points" }, this.elevateGift.points, " "), index.h("span", { key: '2d7ffbcb8f6f0dd9e4bc7a07dfb64d806540e593', class: " PointsLabel" }, translate('coins', this.language))))), index.h("div", { key: 'c929f20f3c06ab72b067687d1098c6e28d21bab2', class: 'ShopItemDetail Details' }, index.h("div", { key: '88ada0c9967961633aad459dfc5fcc7fa46ffeb6', class: "GiftPresentation" }, index.h("p", { key: '07701706c737d5b0e7562fefd3a57fc08cc0a0b7' }, this.elevateGift.presentation.description ? this.elevateGift.presentation.description : translate('noGiftPresentation', this.language))), index.h("div", { key: '2021ece01276e5871ef1b633e51f4cf8ed046df7', class: `RedeemButton ${this.elevateGift.available === 'false' || this.isRedeeming ? 'Disabled' : ''}
-                ${this.deviceType == 'dk' ? 'DkButton' : ''}`, onClick: this.redeemGiftConfirm.bind(this) }, translate('redeem', this.language)), index.h("span", { key: 'aa4dcf7e1f3f5b0eb0b7627e5c7cccd7375a9e77', class: 'RedeemError Error' }, " ", this.redeemErrorMsg, " "))))));
+            } }, index.h("span", { key: '0a21fb7b871b86a3c6aba62d0bea3232030fe896', class: "BackArrow", innerHTML: "<" }), index.h("span", { key: 'f865a93f16ad823c53be8debd83d3b3a2a03c3e2', class: "BackTxt" }, " ", translate('back', this.language), " "))), index.h("div", { key: 'ac0b67a659d3c0ae73d778f2e91c4f9797ae81f5', class: "Thumnails GiftNotFound" }, translate('noDataFound', this.language), "."))), this.elevateGift && index.h(index.Fragment, { key: '77ec78716dfb243a39e69515d20f76871f774a54' }, index.h("div", { key: '31ba48d9cea5210ed03a198c654cf0616b4b50df', class: "ThumbnailRow" }, index.h("div", { key: 'd66f35fc0273a12f76be6a59f95be81c6a196aeb', class: 'Row' }, index.h("div", { key: 'b4381fc601d710b5b871fb46fd16d45df8ac5579', class: "BackButton", onClick: () => { this.onBackClicked(); } }, index.h("span", { key: 'ea7cd38ae8ae2b41f27d568b133c5562eb5cca81', class: "BackArrow", innerHTML: "<" }), index.h("span", { key: 'e0f32bfaea693ac4f94684578d55f16511f6c0ac', class: "BackTxt" }, " ", translate('back', this.language), " ")), index.h("bonus-elevate-shop-assets-slider", { key: '23baf598ba3e406e6c6a8ef004c763f8fb86e8ec', class: 'Thumbnails', itemsPerPage: 1, sliderItems: this.elevateGift.presentation.assets, showSliderDots: this.showSliderDots })), index.h("div", { key: 'd3934d824ff50b98e7282c130e6d4b1934eed55d', class: 'Col Details' }, index.h("h3", { key: '8d13ba3ff65b25b5247e78d69e9db4b58bf4df67', class: "GiftName" }, this.elevateGift.presentation.displayName || this.elevateGift.displayName), index.h("div", { key: '4ac693165251add4ecd88b1284f4988459a327c0', class: "GiftPoints" }, index.h("span", { key: 'ee6fcc33716993907e412652d1878531bb44a88a', class: "Points" }, this.elevateGift.points, " "), index.h("span", { key: '0d968613597acd4567c631543db1730150b0e143', class: " PointsLabel" }, translate('coins', this.language))))), index.h("div", { key: '5fae4020c00bffe3d778365d1eccef526701cb41', class: 'ShopItemDetail Details' }, index.h("div", { key: '7e2d5a97239d20bdf855bcd0e4842f5e86499057', class: "GiftPresentation" }, index.h("p", { key: 'e532663c5ce97770a3da271f12696593838e0d40' }, this.elevateGift.presentation.description ? this.elevateGift.presentation.description : translate('noGiftPresentation', this.language))), index.h("div", { key: '73c9c2b55fbf128cc029a8bc98f89777e25c58a9', class: `RedeemButton ${this.elevateGift.available === 'false' || this.isRedeeming ? 'Disabled deactive' : ' active '}
+                ${this.deviceType == 'dk' ? 'DkButton' : ''}`, onClick: this.redeemGiftConfirm.bind(this) }, translate('redeemGift', this.language)), index.h("span", { key: '149de288622b150cd294a6f85792db93b92d867f', class: 'RedeemError Error' }, " ", this.redeemErrorMsg, " "))))));
     }
@@ -359,0 +364,0 @@ };

dist/collection/components/bonus-elevate-shop-item/bonus-elevate-shop-assets-slider.js

@@ -118,7 +118,7 @@ import { h } from "@stencil/core";
         };
-        return h("div", { key: '210d648ae90dd04e350c0cddb2047061f5989bd8', class: "SliderWrapper" }, h("div", { key: '240a214bc772890145b8317bfda32f6099150726', class: 'MainContent ' }, this.showSliderArrows &&
-            h("div", { key: 'e8e144fbc2906ee0c5e77cc00c33fb1e89ced29f', class: `SliderNavButton LeftArrow ${this.activeIndex === 0 ? 'DisabledArrow ' : ''} ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}`, onClick: () => this.move(-1) }, h("svg", { key: '068a669fa96d11532199f2f2eb44e3a4c3f31e10', fill: "none", stroke: "var(--emfe-w-color-secondary, #FD2839)", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2789bb8d91ce4ec7f0fd7c3c6b9f3c7b7e682088', "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M15 19l-7-7 7-7" }))), h("div", { key: '034ef81e4d9a8dea56fd42791e8a08940dfa4af6', class: 'ItemsWrapper', ref: (el) => this.sliderItemsElement = el }, h("div", { key: 'f412b5f0978348e4d9e0af682d151a1880f6e86d', class: 'Items AssetsItems', style: styles }, this.sliderItems.map((assetUrl) => h("img", { class: `img${this.itemsPerPage}`, alt: 'Gift Thumbnails', style: itemStyle, src: assetUrl })))), this.showSliderArrows &&
-            h("div", { key: '0f8549f8a5bcf2f1cfcde601930610fe5cc98427', class: `SliderNavButton RightArrow  ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}
-                      ${(this.activeIndex === (this.sliderItems.length - 1) || this.itemsPerPage == this.sliderItems.length) ? 'DisabledArrow' : ''}`, onClick: () => this.move(1) }, h("svg", { key: '5758a9a73af5f7fa4618ae1b4bb30d838b509d9f', fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '720c5f0f496e8817fc9017ec4e8706cb9644e9ef', "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M9 5l7 7-7 7" })))), this.showSliderDots && this.sliderItems.length > 1 &&
-            h("div", { key: '9c1b9c57b1871d7463569ea9566b28e925870d59', class: "DotsWrapper" }, h("ul", { key: '548d1d0f2c46170e07aa7ed4019dc3469e2e3950', class: "Dots" }, this.renderDots())));
+        return h("div", { key: '3740bd5b367f4e24f0b4391dc7f25c63ccb12958', class: "SliderWrapper" }, h("div", { key: '6aac842f54de59cea8b2f2655e8408a8778702d4', class: 'MainContent ' }, this.showSliderArrows &&
+            h("div", { key: '94de38b6a631824bbe15964d70377639af769917', class: `SliderNavButton LeftArrow ${this.activeIndex === 0 ? 'DisabledArrow ' : ''} ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}`, onClick: () => this.move(-1) }, h("svg", { key: '242e04a9be8a95d81ca0784332c7f4588f8920b1', fill: "none", stroke: "var(--emfe-w-color-secondary, #FD2839)", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7fb08b0c570a05349b7ede7058f1533b563bc142', "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M15 19l-7-7 7-7" }))), h("div", { key: '6953f7d97b3d1b327a3a52c7282e009172bae4c4', class: 'ItemsWrapper', ref: (el) => this.sliderItemsElement = el }, h("div", { key: '18ad3ad1ab4c3c6a9c1e6803851e935ed5b9ebd6', class: 'Items AssetsItems', style: styles }, this.sliderItems.map((assetUrl) => h("img", { class: `img${this.itemsPerPage}`, alt: 'Gift Thumbnails', style: itemStyle, src: assetUrl })))), this.showSliderArrows &&
+            h("div", { key: '9df25ee6a20b5cdadb8a9c180086113836333b09', class: `SliderNavButton RightArrow  ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}
+                      ${(this.activeIndex === (this.sliderItems.length - 1) || this.itemsPerPage == this.sliderItems.length) ? 'DisabledArrow' : ''}`, onClick: () => this.move(1) }, h("svg", { key: 'ed4929e234add77ef474c804d13de87486e65175', fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a5392b590e6856fcaef5ff9b111d5eb52786c9ec', "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M9 5l7 7-7 7" })))), this.showSliderDots && this.sliderItems.length > 1 &&
+            h("div", { key: '64e3351b3a2c870e148be20258f0b73679726a52', class: "DotsWrapper" }, h("ul", { key: '333c73a153736561d2d3d2882247a2db321302c1', class: "Dots" }, this.renderDots())));
     }
@@ -125,0 +125,0 @@ static get is() { return "bonus-elevate-shop-assets-slider"; }

dist/collection/components/bonus-elevate-shop-item/bonus-elevate-shop-item.js

@@ -115,6 +115,6 @@ import { Fragment, h, Host } from "@stencil/core";
     render() {
-        return (h(Host, { key: '360eca579b9c0637b8962bd61444e243f5272cbe' }, h("general-styling-wrapper", { key: '2b7004be2fe2413708e718c33fe6dc8816eadf4d', clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling }), h("div", { key: 'e4aa48db658c1ec854d5a86d1bf10c33c37785d7', class: 'ElevateDetails' }, this.isGiftNotFound && (h(Fragment, { key: '8e8d051cda59be07bb12760a41dfda463f2fc304' }, h("div", { key: 'f8a6f7ab3c7a71a40444f8c33fd3b5724edfa427', class: "Row ThumbnailRow" }, h("div", { key: 'eb13a35ecb491e96d087fa9a25e1bd2c5a69b110', class: "BackButton", onClick: () => {
+        return (h(Host, { key: '360eca579b9c0637b8962bd61444e243f5272cbe' }, h("general-styling-wrapper", { key: '2b7004be2fe2413708e718c33fe6dc8816eadf4d', clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling }), h("div", { key: 'e4aa48db658c1ec854d5a86d1bf10c33c37785d7', class: 'ElevateDetails' }, this.isGiftNotFound && (h(Fragment, { key: '8e8d051cda59be07bb12760a41dfda463f2fc304' }, h("div", { key: 'f8a6f7ab3c7a71a40444f8c33fd3b5724edfa427', class: "Row ThumbnailRow" }, h("div", { key: '588fd3088cfda3520bda4609edb3685585b59dd4', class: "BackButton", onClick: () => {
                 this.onBackClicked();
-            } }, '<')), h("div", { key: '00bd5151bd6716ca43ea7b6222451b13a1b7f4b3', class: "Thumnails GiftNotFound" }, translate('noDataFound', this.language), "."))), this.elevateGift && h(Fragment, { key: '4c85be20514c63c860820507c7b1c0821b7576e7' }, h("div", { key: 'e81776a1e65e72ac61503f29bffccf66232a5787', class: "ThumbnailRow" }, h("div", { key: 'f661edda3cdeec4a1d3f5a8d812aa9e1b2e59a6b', class: 'Row' }, h("div", { key: 'a43b78924d06229ea6ad709036ab1beca8b67e5f', class: "BackButton", onClick: () => { this.onBackClicked(); } }, '<'), h("bonus-elevate-shop-assets-slider", { key: 'f3ef875e7befc0e2195dd8e1c7cddf8fa3bd2f99', class: 'Thumbnails', itemsPerPage: 1, sliderItems: this.elevateGift.presentation.assets, showSliderDots: this.showSliderDots })), h("div", { key: '8b5012f5f9494cd9a6e134f47f074855031fdd10', class: 'Col Details' }, h("h3", { key: 'f3362e5b47729648f864f268f46beedc44c5db67', class: "GiftName" }, this.elevateGift.presentation.displayName || this.elevateGift.displayName), h("div", { key: '2e6d56116d5bdb5758d599842d696f4279317840', class: "GiftPoints" }, h("span", { key: 'c3b9e98e09c9f4fbe49e2a2c0486a9b6d7b0e5cb', class: "Points" }, this.elevateGift.points, " "), h("span", { key: '2d7ffbcb8f6f0dd9e4bc7a07dfb64d806540e593', class: " PointsLabel" }, translate('coins', this.language))))), h("div", { key: 'c929f20f3c06ab72b067687d1098c6e28d21bab2', class: 'ShopItemDetail Details' }, h("div", { key: '88ada0c9967961633aad459dfc5fcc7fa46ffeb6', class: "GiftPresentation" }, h("p", { key: '07701706c737d5b0e7562fefd3a57fc08cc0a0b7' }, this.elevateGift.presentation.description ? this.elevateGift.presentation.description : translate('noGiftPresentation', this.language))), h("div", { key: '2021ece01276e5871ef1b633e51f4cf8ed046df7', class: `RedeemButton ${this.elevateGift.available === 'false' || this.isRedeeming ? 'Disabled' : ''}
-                ${this.deviceType == 'dk' ? 'DkButton' : ''}`, onClick: this.redeemGiftConfirm.bind(this) }, translate('redeem', this.language)), h("span", { key: 'aa4dcf7e1f3f5b0eb0b7627e5c7cccd7375a9e77', class: 'RedeemError Error' }, " ", this.redeemErrorMsg, " "))))));
+            } }, h("span", { key: '0a21fb7b871b86a3c6aba62d0bea3232030fe896', class: "BackArrow", innerHTML: "<" }), h("span", { key: 'f865a93f16ad823c53be8debd83d3b3a2a03c3e2', class: "BackTxt" }, " ", translate('back', this.language), " "))), h("div", { key: 'ac0b67a659d3c0ae73d778f2e91c4f9797ae81f5', class: "Thumnails GiftNotFound" }, translate('noDataFound', this.language), "."))), this.elevateGift && h(Fragment, { key: '77ec78716dfb243a39e69515d20f76871f774a54' }, h("div", { key: '31ba48d9cea5210ed03a198c654cf0616b4b50df', class: "ThumbnailRow" }, h("div", { key: 'd66f35fc0273a12f76be6a59f95be81c6a196aeb', class: 'Row' }, h("div", { key: 'b4381fc601d710b5b871fb46fd16d45df8ac5579', class: "BackButton", onClick: () => { this.onBackClicked(); } }, h("span", { key: 'ea7cd38ae8ae2b41f27d568b133c5562eb5cca81', class: "BackArrow", innerHTML: "<" }), h("span", { key: 'e0f32bfaea693ac4f94684578d55f16511f6c0ac', class: "BackTxt" }, " ", translate('back', this.language), " ")), h("bonus-elevate-shop-assets-slider", { key: '23baf598ba3e406e6c6a8ef004c763f8fb86e8ec', class: 'Thumbnails', itemsPerPage: 1, sliderItems: this.elevateGift.presentation.assets, showSliderDots: this.showSliderDots })), h("div", { key: 'd3934d824ff50b98e7282c130e6d4b1934eed55d', class: 'Col Details' }, h("h3", { key: '8d13ba3ff65b25b5247e78d69e9db4b58bf4df67', class: "GiftName" }, this.elevateGift.presentation.displayName || this.elevateGift.displayName), h("div", { key: '4ac693165251add4ecd88b1284f4988459a327c0', class: "GiftPoints" }, h("span", { key: 'ee6fcc33716993907e412652d1878531bb44a88a', class: "Points" }, this.elevateGift.points, " "), h("span", { key: '0d968613597acd4567c631543db1730150b0e143', class: " PointsLabel" }, translate('coins', this.language))))), h("div", { key: '5fae4020c00bffe3d778365d1eccef526701cb41', class: 'ShopItemDetail Details' }, h("div", { key: '7e2d5a97239d20bdf855bcd0e4842f5e86499057', class: "GiftPresentation" }, h("p", { key: 'e532663c5ce97770a3da271f12696593838e0d40' }, this.elevateGift.presentation.description ? this.elevateGift.presentation.description : translate('noGiftPresentation', this.language))), h("div", { key: '73c9c2b55fbf128cc029a8bc98f89777e25c58a9', class: `RedeemButton ${this.elevateGift.available === 'false' || this.isRedeeming ? 'Disabled deactive' : ' active '}
+                ${this.deviceType == 'dk' ? 'DkButton' : ''}`, onClick: this.redeemGiftConfirm.bind(this) }, translate('redeemGift', this.language)), h("span", { key: '149de288622b150cd294a6f85792db93b92d867f', class: 'RedeemError Error' }, " ", this.redeemErrorMsg, " "))))));
     }
@@ -121,0 +121,0 @@ static get is() { return "bonus-elevate-shop-item"; }

dist/collection/utils/locale.utils.js

@@ -7,6 +7,7 @@ const DEFAULT_LANGUAGE = 'en';
         noGiftPresentation: 'No description',
-        redeem: 'Redeem',
+        redeemGift: 'Redeem Gift',
         noDataFound: 'No data found',
         error4003: 'Invalid Session',
-        redeemFailed: 'Failed to redeem'
+        redeemFailed: 'Failed to redeem',
+        back: 'Back',
     },
@@ -16,6 +17,7 @@ ro: {
         noGiftPresentation: 'No description',
-        redeem: 'Redeem',
+        redeemGift: 'Redeem Gift',
         noDataFound: 'No data found',
         error4003: 'Invalid Session',
-        redeemFailed: 'Failed to redeem'
+        redeemFailed: 'Failed to redeem',
+        back: 'Back',
     },
@@ -25,6 +27,7 @@ fr: {
         noGiftPresentation: 'No description',
-        redeem: 'Redeem',
+        redeemGift: 'Redeem Gift',
         noDataFound: 'No data found',
         error4003: 'Invalid Session',
         redeemFailed: 'Failed to redeem',
+        back: 'Back',
     },
@@ -34,6 +37,7 @@ ar: {
         noGiftPresentation: 'No description',
-        redeem: 'Redeem',
+        redeemGift: 'Redeem Gift',
         noDataFound: 'No data found',
         error4003: 'Invalid Session',
         redeemFailed: 'Failed to redeem',
+        back: 'Back',
     },
@@ -43,6 +47,7 @@ hu: {
         noGiftPresentation: 'No description',
-        redeem: 'Redeem',
+        redeemGift: 'Redeem Gift',
         noDataFound: 'No data found',
         error4003: 'Invalid Session',
         redeemFailed: 'Failed to redeem',
+        back: 'Back',
     }
@@ -49,0 +54,0 @@ };

dist/esm/bonus-elevate-shop-assets-slider_3.entry.js

@@ -120,7 +120,7 @@ import { r as registerInstance, h, g as getElement, c as createEvent, F as Fragment, H as Host } from './index-fa394550.js';
         };
-        return h("div", { key: '210d648ae90dd04e350c0cddb2047061f5989bd8', class: "SliderWrapper" }, h("div", { key: '240a214bc772890145b8317bfda32f6099150726', class: 'MainContent ' }, this.showSliderArrows &&
-            h("div", { key: 'e8e144fbc2906ee0c5e77cc00c33fb1e89ced29f', class: `SliderNavButton LeftArrow ${this.activeIndex === 0 ? 'DisabledArrow ' : ''} ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}`, onClick: () => this.move(-1) }, h("svg", { key: '068a669fa96d11532199f2f2eb44e3a4c3f31e10', fill: "none", stroke: "var(--emfe-w-color-secondary, #FD2839)", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2789bb8d91ce4ec7f0fd7c3c6b9f3c7b7e682088', "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M15 19l-7-7 7-7" }))), h("div", { key: '034ef81e4d9a8dea56fd42791e8a08940dfa4af6', class: 'ItemsWrapper', ref: (el) => this.sliderItemsElement = el }, h("div", { key: 'f412b5f0978348e4d9e0af682d151a1880f6e86d', class: 'Items AssetsItems', style: styles }, this.sliderItems.map((assetUrl) => h("img", { class: `img${this.itemsPerPage}`, alt: 'Gift Thumbnails', style: itemStyle, src: assetUrl })))), this.showSliderArrows &&
-            h("div", { key: '0f8549f8a5bcf2f1cfcde601930610fe5cc98427', class: `SliderNavButton RightArrow  ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}
-                      ${(this.activeIndex === (this.sliderItems.length - 1) || this.itemsPerPage == this.sliderItems.length) ? 'DisabledArrow' : ''}`, onClick: () => this.move(1) }, h("svg", { key: '5758a9a73af5f7fa4618ae1b4bb30d838b509d9f', fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '720c5f0f496e8817fc9017ec4e8706cb9644e9ef', "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M9 5l7 7-7 7" })))), this.showSliderDots && this.sliderItems.length > 1 &&
-            h("div", { key: '9c1b9c57b1871d7463569ea9566b28e925870d59', class: "DotsWrapper" }, h("ul", { key: '548d1d0f2c46170e07aa7ed4019dc3469e2e3950', class: "Dots" }, this.renderDots())));
+        return h("div", { key: '3740bd5b367f4e24f0b4391dc7f25c63ccb12958', class: "SliderWrapper" }, h("div", { key: '6aac842f54de59cea8b2f2655e8408a8778702d4', class: 'MainContent ' }, this.showSliderArrows &&
+            h("div", { key: '94de38b6a631824bbe15964d70377639af769917', class: `SliderNavButton LeftArrow ${this.activeIndex === 0 ? 'DisabledArrow ' : ''} ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}`, onClick: () => this.move(-1) }, h("svg", { key: '242e04a9be8a95d81ca0784332c7f4588f8920b1', fill: "none", stroke: "var(--emfe-w-color-secondary, #FD2839)", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7fb08b0c570a05349b7ede7058f1533b563bc142', "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M15 19l-7-7 7-7" }))), h("div", { key: '6953f7d97b3d1b327a3a52c7282e009172bae4c4', class: 'ItemsWrapper', ref: (el) => this.sliderItemsElement = el }, h("div", { key: '18ad3ad1ab4c3c6a9c1e6803851e935ed5b9ebd6', class: 'Items AssetsItems', style: styles }, this.sliderItems.map((assetUrl) => h("img", { class: `img${this.itemsPerPage}`, alt: 'Gift Thumbnails', style: itemStyle, src: assetUrl })))), this.showSliderArrows &&
+            h("div", { key: '9df25ee6a20b5cdadb8a9c180086113836333b09', class: `SliderNavButton RightArrow  ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}
+                      ${(this.activeIndex === (this.sliderItems.length - 1) || this.itemsPerPage == this.sliderItems.length) ? 'DisabledArrow' : ''}`, onClick: () => this.move(1) }, h("svg", { key: 'ed4929e234add77ef474c804d13de87486e65175', fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a5392b590e6856fcaef5ff9b111d5eb52786c9ec', "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M9 5l7 7-7 7" })))), this.showSliderDots && this.sliderItems.length > 1 &&
+            h("div", { key: '64e3351b3a2c870e148be20258f0b73679726a52', class: "DotsWrapper" }, h("ul", { key: '333c73a153736561d2d3d2882247a2db321302c1', class: "Dots" }, this.renderDots())));
     }
@@ -136,6 +136,7 @@ get el() { return getElement(this); }
         noGiftPresentation: 'No description',
-        redeem: 'Redeem',
+        redeemGift: 'Redeem Gift',
         noDataFound: 'No data found',
         error4003: 'Invalid Session',
-        redeemFailed: 'Failed to redeem'
+        redeemFailed: 'Failed to redeem',
+        back: 'Back',
     },
@@ -145,6 +146,7 @@ ro: {
         noGiftPresentation: 'No description',
-        redeem: 'Redeem',
+        redeemGift: 'Redeem Gift',
         noDataFound: 'No data found',
         error4003: 'Invalid Session',
-        redeemFailed: 'Failed to redeem'
+        redeemFailed: 'Failed to redeem',
+        back: 'Back',
     },
@@ -154,6 +156,7 @@ fr: {
         noGiftPresentation: 'No description',
-        redeem: 'Redeem',
+        redeemGift: 'Redeem Gift',
         noDataFound: 'No data found',
         error4003: 'Invalid Session',
         redeemFailed: 'Failed to redeem',
+        back: 'Back',
     },
@@ -163,6 +166,7 @@ ar: {
         noGiftPresentation: 'No description',
-        redeem: 'Redeem',
+        redeemGift: 'Redeem Gift',
         noDataFound: 'No data found',
         error4003: 'Invalid Session',
         redeemFailed: 'Failed to redeem',
+        back: 'Back',
     },
@@ -172,6 +176,7 @@ hu: {
         noGiftPresentation: 'No description',
-        redeem: 'Redeem',
+        redeemGift: 'Redeem Gift',
         noDataFound: 'No data found',
         error4003: 'Invalid Session',
         redeemFailed: 'Failed to redeem',
+        back: 'Back',
     }
@@ -233,3 +238,3 @@ };
 
-const bonusElevateShopItemCss = ":host{display:block}.ElevateDetails{display:flex;flex-direction:row;flex-wrap:wrap;padding:10px;width:calc(100% - 20px);}.ElevateDetails .RedeemError{display:none}.ElevateDetails .Error{color:var(--emfe-w-color-error, #FD2839)}.ElevateDetails .Row{flex-direction:row;display:flex}.ElevateDetails .Col{flex-direction:column;display:flex}.ElevateDetails .Details{padding:20px}.ElevateDetails .ThumbnailRow{display:flex;flex-direction:column;justify-content:space-between;min-width:268px;max-width:398px}.ElevateDetails .ThumbnailRow .BackButton{width:20px;height:20px;padding:5px;background:white;box-shadow:0px 4px 40px 0px rgba(138, 149, 158, 0.2);margin:10px 0 10px;cursor:pointer;animation-timing-function:ease-out;animation-duration:300ms;transition-property:all;border:1px solid #e4e6e8;border-radius:5px;text-align:center}.ElevateDetails .ThumbnailRow .BackButton:hover{background:rgb(227, 222, 222)}.ElevateDetails .ThumbnailRow .Thumbnails{display:flex;flex-direction:column;position:relative;width:calc(100% - 40px)}.ElevateDetails .ShopItemDetail{flex-grow:1;min-width:300px}.ElevateDetails .GiftPoints .Points{font-size:21px}.ElevateDetails .GiftPoints .PointsLabel{font-size:12px;color:var(--emfe-w-color-gray-300, rgb(78, 90, 55));font-weight:400;line-height:29px;letter-spacing:0.04em;text-align:left}.ElevateDetails .RedeemButton:hover{font-weight:800;border:2px solid var(--emfe-w-color-gray-300, rgb(229, 231, 213));cursor:not-allowed}.ElevateDetails .RedeemButton.Disabled:hover{font-weight:normal;border:2px solid transparent}.ElevateDetails .RedeemButton{margin-top:50px;color:#f1f1f1;font-size:20px;padding:16px 25px 16px 25px;border-radius:18px;text-align:center;cursor:pointer;background:linear-gradient(0deg, #26CC37, #26CC37), linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%);border:2px solid;border-image-source:linear-gradient(283.85deg, rgba(190, 40, 40, 0.5) 0%, rgba(56, 64, 179, 0) 33.47%);box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25)}.ElevateDetails .RedeemButton.DkButton{width:80px;padding:8px;font-size:16px;border-radius:5px}.ElevateDetails .RedeemButton.Disabled{background:linear-gradient(0deg, #b8c4b9, #9eb0a0), linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%)}.ElevateDetails .SliderWrapper{display:flex;flex-direction:column;position:relative;width:calc(100% - 40px)}.ElevateDetails .SliderWrapper .MainContent{display:flex;flex-direction:row;justify-content:space-around}.ElevateDetails .SliderWrapper .MainContent .LeftArrow,.ElevateDetails .SliderWrapper .MainContent .RightArrow{width:20px}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper{overflow:hidden;display:inline-flex;width:calc(100% - 40px);flex-direction:column}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper .Items{display:inline-flex;transition:transform 0.4s ease-in-out;transform:translateX(0px);margin:auto}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper img.img2{width:50%}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper img.img3{width:30%}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper img,.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper img.img1{max-width:100%;background:rgb(239, 239, 239);border:1px solid rgb(239, 239, 239);border-radius:18px;border:1px;margin:10px 0 10px}.ElevateDetails .SliderWrapper .DotsWrapper{width:100%;margin:0 auto;height:30px}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots{display:flex;justify-content:center;padding:0}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li{height:10px;width:10px;background:#ccc;border-radius:50%;margin-left:3px;margin-right:3px;list-style:none;cursor:pointer}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li:hover{background:#bbb}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li.active{border:solid 1px var(--emfe-w-color-secondary, #FD2839);background:var(--emfe-w-color-secondary, #FD2839)}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li.default{border:solid 1px var(--emfe-w-color-secondary, #FD2839);background-color:#FFF}.ElevateDetails .SliderNavButton{border:0px;width:25px;display:flex;align-items:center;justify-content:center;cursor:pointer}.ElevateDetails .SliderNavButton.HiddenArrow{visibility:hidden}.ElevateDetails .SliderNavButton svg{width:20px;stroke:var(--emfe-w-color-secondary, #FD2839)}.ElevateDetails .DisabledArrow svg{opacity:0.2;stroke:var(--emfe-w-color-secondary, #FD2839);pointer-events:none}";
+const bonusElevateShopItemCss = ":host{display:block}.ElevateDetails{display:flex;flex-direction:row;flex-wrap:wrap;padding:10px;width:calc(100% - 20px);}.ElevateDetails .RedeemError{display:none}.ElevateDetails .Error{color:var(--emfe-w-color-error, #FD2839)}.ElevateDetails .Row{flex-direction:row;display:flex}.ElevateDetails .Col{flex-direction:column;display:flex}.ElevateDetails .Details{padding:20px}.ElevateDetails .ThumbnailRow{display:flex;flex-direction:column;justify-content:space-between;min-width:268px;max-width:398px}.ElevateDetails .ThumbnailRow .BackButton{width:100px;height:20px;padding:5px;background:white;box-shadow:0px 4px 40px 0px rgba(138, 149, 158, 0.2);margin:10px 0 10px;cursor:pointer;animation-timing-function:ease-out;animation-duration:300ms;transition-property:all;border:1px solid #e4e6e8;border-radius:5px;text-align:center}.ElevateDetails .ThumbnailRow .BackButton:hover{background:rgb(227, 222, 222)}.ElevateDetails .ThumbnailRow .Thumbnails{display:flex;flex-direction:column;position:relative;width:calc(100% - 40px)}.ElevateDetails .ShopItemDetail{flex-grow:1;min-width:300px}.ElevateDetails .GiftPoints .Points{font-size:21px}.ElevateDetails .GiftPoints .PointsLabel{font-size:12px;color:var(--emfe-w-color-gray-300, rgb(78, 90, 55));font-weight:400;line-height:29px;letter-spacing:0.04em;text-align:left}.ElevateDetails .RedeemButton{width:150px;padding:5px 0px;border:2px solid var(--emw--button-border-color, rgba(8, 59, 23, 0.1098039216));text-align:center;color:var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));font-size:var(--emw--font-size-small, 12px);font-weight:var(--emw--font-weight-bold, 700);line-height:var(--emw--font-size-medium, 14px);text-transform:uppercase;border-radius:var(--emw--border-radius-medium, 20px)}.ElevateDetails .RedeemButton.active{background:var(--emw--color-primary, #18CE51)}.ElevateDetails .RedeemButton.active:hover{background:var(--mmw--color-main-button-hover, #24B24E)}.ElevateDetails .RedeemButton.deactive,.ElevateDetails .RedeemButton.disabled{background:var(--mmw--color-disabled, rgba(153, 153, 153, 0.5019607843))}.ElevateDetails .SliderWrapper{display:flex;flex-direction:column;position:relative;width:calc(100% - 40px)}.ElevateDetails .SliderWrapper .MainContent{display:flex;flex-direction:row;justify-content:space-around}.ElevateDetails .SliderWrapper .MainContent .LeftArrow,.ElevateDetails .SliderWrapper .MainContent .RightArrow{width:20px}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper{overflow:hidden;display:inline-flex;width:calc(100% - 40px);flex-direction:column}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper .Items{display:inline-flex;transition:transform 0.4s ease-in-out;transform:translateX(0px);margin:auto}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper img.img2{width:50%}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper img.img3{width:30%}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper img,.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper img.img1{max-width:100%;background:rgb(239, 239, 239);border:1px solid rgb(239, 239, 239);border-radius:18px;border:1px;margin:10px 0 10px}.ElevateDetails .SliderWrapper .DotsWrapper{width:100%;margin:0 auto;height:30px}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots{display:flex;justify-content:center;padding:0}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li{height:10px;width:10px;background:#ccc;border-radius:50%;margin-left:3px;margin-right:3px;list-style:none;cursor:pointer}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li:hover{background:#bbb}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li.active{border:solid 1px var(--emfe-w-color-secondary, #FD2839);background:var(--emfe-w-color-secondary, #FD2839)}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li.default{border:solid 1px var(--emfe-w-color-secondary, #FD2839);background-color:#FFF}.ElevateDetails .SliderNavButton{border:0px;width:25px;display:flex;align-items:center;justify-content:center;cursor:pointer}.ElevateDetails .SliderNavButton.HiddenArrow{visibility:hidden}.ElevateDetails .SliderNavButton svg{width:20px;stroke:var(--emfe-w-color-secondary, #FD2839)}.ElevateDetails .DisabledArrow svg{opacity:0.2;stroke:var(--emfe-w-color-secondary, #FD2839);pointer-events:none}";
 const BonusElevateShopItemStyle0 = bonusElevateShopItemCss;
@@ -349,6 +354,6 @@
     render() {
-        return (h(Host, { key: '360eca579b9c0637b8962bd61444e243f5272cbe' }, h("general-styling-wrapper", { key: '2b7004be2fe2413708e718c33fe6dc8816eadf4d', clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling }), h("div", { key: 'e4aa48db658c1ec854d5a86d1bf10c33c37785d7', class: 'ElevateDetails' }, this.isGiftNotFound && (h(Fragment, { key: '8e8d051cda59be07bb12760a41dfda463f2fc304' }, h("div", { key: 'f8a6f7ab3c7a71a40444f8c33fd3b5724edfa427', class: "Row ThumbnailRow" }, h("div", { key: 'eb13a35ecb491e96d087fa9a25e1bd2c5a69b110', class: "BackButton", onClick: () => {
+        return (h(Host, { key: '360eca579b9c0637b8962bd61444e243f5272cbe' }, h("general-styling-wrapper", { key: '2b7004be2fe2413708e718c33fe6dc8816eadf4d', clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling }), h("div", { key: 'e4aa48db658c1ec854d5a86d1bf10c33c37785d7', class: 'ElevateDetails' }, this.isGiftNotFound && (h(Fragment, { key: '8e8d051cda59be07bb12760a41dfda463f2fc304' }, h("div", { key: 'f8a6f7ab3c7a71a40444f8c33fd3b5724edfa427', class: "Row ThumbnailRow" }, h("div", { key: '588fd3088cfda3520bda4609edb3685585b59dd4', class: "BackButton", onClick: () => {
                 this.onBackClicked();
-            } }, '<')), h("div", { key: '00bd5151bd6716ca43ea7b6222451b13a1b7f4b3', class: "Thumnails GiftNotFound" }, translate('noDataFound', this.language), "."))), this.elevateGift && h(Fragment, { key: '4c85be20514c63c860820507c7b1c0821b7576e7' }, h("div", { key: 'e81776a1e65e72ac61503f29bffccf66232a5787', class: "ThumbnailRow" }, h("div", { key: 'f661edda3cdeec4a1d3f5a8d812aa9e1b2e59a6b', class: 'Row' }, h("div", { key: 'a43b78924d06229ea6ad709036ab1beca8b67e5f', class: "BackButton", onClick: () => { this.onBackClicked(); } }, '<'), h("bonus-elevate-shop-assets-slider", { key: 'f3ef875e7befc0e2195dd8e1c7cddf8fa3bd2f99', class: 'Thumbnails', itemsPerPage: 1, sliderItems: this.elevateGift.presentation.assets, showSliderDots: this.showSliderDots })), h("div", { key: '8b5012f5f9494cd9a6e134f47f074855031fdd10', class: 'Col Details' }, h("h3", { key: 'f3362e5b47729648f864f268f46beedc44c5db67', class: "GiftName" }, this.elevateGift.presentation.displayName || this.elevateGift.displayName), h("div", { key: '2e6d56116d5bdb5758d599842d696f4279317840', class: "GiftPoints" }, h("span", { key: 'c3b9e98e09c9f4fbe49e2a2c0486a9b6d7b0e5cb', class: "Points" }, this.elevateGift.points, " "), h("span", { key: '2d7ffbcb8f6f0dd9e4bc7a07dfb64d806540e593', class: " PointsLabel" }, translate('coins', this.language))))), h("div", { key: 'c929f20f3c06ab72b067687d1098c6e28d21bab2', class: 'ShopItemDetail Details' }, h("div", { key: '88ada0c9967961633aad459dfc5fcc7fa46ffeb6', class: "GiftPresentation" }, h("p", { key: '07701706c737d5b0e7562fefd3a57fc08cc0a0b7' }, this.elevateGift.presentation.description ? this.elevateGift.presentation.description : translate('noGiftPresentation', this.language))), h("div", { key: '2021ece01276e5871ef1b633e51f4cf8ed046df7', class: `RedeemButton ${this.elevateGift.available === 'false' || this.isRedeeming ? 'Disabled' : ''}
-                ${this.deviceType == 'dk' ? 'DkButton' : ''}`, onClick: this.redeemGiftConfirm.bind(this) }, translate('redeem', this.language)), h("span", { key: 'aa4dcf7e1f3f5b0eb0b7627e5c7cccd7375a9e77', class: 'RedeemError Error' }, " ", this.redeemErrorMsg, " "))))));
+            } }, h("span", { key: '0a21fb7b871b86a3c6aba62d0bea3232030fe896', class: "BackArrow", innerHTML: "<" }), h("span", { key: 'f865a93f16ad823c53be8debd83d3b3a2a03c3e2', class: "BackTxt" }, " ", translate('back', this.language), " "))), h("div", { key: 'ac0b67a659d3c0ae73d778f2e91c4f9797ae81f5', class: "Thumnails GiftNotFound" }, translate('noDataFound', this.language), "."))), this.elevateGift && h(Fragment, { key: '77ec78716dfb243a39e69515d20f76871f774a54' }, h("div", { key: '31ba48d9cea5210ed03a198c654cf0616b4b50df', class: "ThumbnailRow" }, h("div", { key: 'd66f35fc0273a12f76be6a59f95be81c6a196aeb', class: 'Row' }, h("div", { key: 'b4381fc601d710b5b871fb46fd16d45df8ac5579', class: "BackButton", onClick: () => { this.onBackClicked(); } }, h("span", { key: 'ea7cd38ae8ae2b41f27d568b133c5562eb5cca81', class: "BackArrow", innerHTML: "<" }), h("span", { key: 'e0f32bfaea693ac4f94684578d55f16511f6c0ac', class: "BackTxt" }, " ", translate('back', this.language), " ")), h("bonus-elevate-shop-assets-slider", { key: '23baf598ba3e406e6c6a8ef004c763f8fb86e8ec', class: 'Thumbnails', itemsPerPage: 1, sliderItems: this.elevateGift.presentation.assets, showSliderDots: this.showSliderDots })), h("div", { key: 'd3934d824ff50b98e7282c130e6d4b1934eed55d', class: 'Col Details' }, h("h3", { key: '8d13ba3ff65b25b5247e78d69e9db4b58bf4df67', class: "GiftName" }, this.elevateGift.presentation.displayName || this.elevateGift.displayName), h("div", { key: '4ac693165251add4ecd88b1284f4988459a327c0', class: "GiftPoints" }, h("span", { key: 'ee6fcc33716993907e412652d1878531bb44a88a', class: "Points" }, this.elevateGift.points, " "), h("span", { key: '0d968613597acd4567c631543db1730150b0e143', class: " PointsLabel" }, translate('coins', this.language))))), h("div", { key: '5fae4020c00bffe3d778365d1eccef526701cb41', class: 'ShopItemDetail Details' }, h("div", { key: '7e2d5a97239d20bdf855bcd0e4842f5e86499057', class: "GiftPresentation" }, h("p", { key: 'e532663c5ce97770a3da271f12696593838e0d40' }, this.elevateGift.presentation.description ? this.elevateGift.presentation.description : translate('noGiftPresentation', this.language))), h("div", { key: '73c9c2b55fbf128cc029a8bc98f89777e25c58a9', class: `RedeemButton ${this.elevateGift.available === 'false' || this.isRedeeming ? 'Disabled deactive' : ' active '}
+                ${this.deviceType == 'dk' ? 'DkButton' : ''}`, onClick: this.redeemGiftConfirm.bind(this) }, translate('redeemGift', this.language)), h("span", { key: '149de288622b150cd294a6f85792db93b92d867f', class: 'RedeemError Error' }, " ", this.redeemErrorMsg, " "))))));
     }
@@ -355,0 +360,0 @@ };

package.json

 {
   "name": "@everymatrix/bonus-elevate-shop-item",
-  "version": "1.47.3",
+  "version": "1.48.0",
   "main": "./dist/index.cjs.js",
@@ -5,0 +5,0 @@ "module": "./dist/index.js",

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

306325

increased by0.06%

Lines of code

7074

increased by0.06%

No dependency changes