@everymatrix/bonus-fpp-store-item - npm Package Compare versions

Comparing version 1.29.5 to 1.29.6

dist/bonus-fpp-store-item/bonus-fpp-store-item.esm.js

@@ -1,1 +0,1 @@
-import{p as s,b as t}from"./p-9236e415.js";(()=>{const t=import.meta.url,r={};return""!==t&&(r.resourcesUrl=new URL(".",t).href),s(r)})().then((s=>t([["p-324dd94e",[[1,"bonus-fpp-store-item",{endpoint:[513],language:[513],itemId:[1537,"item-id"],fppGift:[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]}],[0,"bonus-fpp-store-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]}]]]],s)));
+import{p as s,b as t}from"./p-9236e415.js";(()=>{const t=import.meta.url,r={};return""!==t&&(r.resourcesUrl=new URL(".",t).href),s(r)})().then((s=>t([["p-4e2d8bab",[[1,"bonus-fpp-store-item",{endpoint:[513],language:[513],itemId:[1537,"item-id"],fppGift:[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]}],[0,"bonus-fpp-store-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]}]]]],s)));

dist/cjs/bonus-fpp-store-assets-slider_3.cjs.entry.js

@@ -230,3 +230,3 @@ 'use strict';
 
-const bonusFppStoreItemCss = ":host{display:block;font-family:Metric}.FppDetails{display:flex;flex-direction:row;flex-wrap:wrap;padding:10px;width:calc(100% - 20px);}.FppDetails .Error{color:var(--emfe-w-color-error, #FD2839)}.FppDetails .Row{flex-direction:row;display:flex}.FppDetails .Col{flex-direction:column;display:flex}.FppDetails .Details{padding:20px}.FppDetails .ThumbnailRow{display:flex;flex-direction:column;justify-content:space-between;min-width:268px;max-width:398px}.FppDetails .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}.FppDetails .ThumbnailRow .BackButton:hover{background:#e3dede}.FppDetails .ThumbnailRow .Thumbnails{display:flex;flex-direction:column;position:relative;width:calc(100% - 40px)}.FppDetails .StoreItemDetail{flex-grow:1;min-width:300px}.FppDetails .GiftPoints .Points{font-size:21px}.FppDetails .GiftPoints .PointsLabel{font-size:12px;color:var(--emfe-w-color-gray-300, #4e5a37);font-weight:400;line-height:29px;letter-spacing:0.04em;text-align:left}.FppDetails .RedeemButton:hover{font-weight:800;border:2px solid var(--emfe-w-color-gray-300, #e5e7d5)}.FppDetails .RedeemButton.Disabled:hover{font-weight:normal;border:2px solid transparent}.FppDetails .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)}.FppDetails .RedeemButton.DkButton{width:80px;padding:8px;font-size:16px;border-radius:5px}.FppDetails .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%)}.FppDetails .SliderWrapper{display:flex;flex-direction:column;position:relative;width:calc(100% - 40px)}.FppDetails .SliderWrapper .MainContent{display:flex;flex-direction:row;justify-content:space-around}.FppDetails .SliderWrapper .MainContent .LeftArrow,.FppDetails .SliderWrapper .MainContent .RightArrow{width:20px}.FppDetails .SliderWrapper .MainContent .ItemsWrapper{overflow:hidden;display:inline-flex;width:calc(100% - 40px);flex-direction:column}.FppDetails .SliderWrapper .MainContent .ItemsWrapper .Items{display:inline-flex;transition:transform 0.4s ease-in-out;transform:translateX(0px);margin:auto}.FppDetails .SliderWrapper .MainContent .ItemsWrapper img.img2{width:50%}.FppDetails .SliderWrapper .MainContent .ItemsWrapper img.img3{width:30%}.FppDetails .SliderWrapper .MainContent .ItemsWrapper img,.FppDetails .SliderWrapper .MainContent .ItemsWrapper img.img1{max-width:100%;background:#efefef;border:1px solid #efefef;border-radius:18px;border:1px;margin:10px 0 10px}.FppDetails .SliderWrapper .DotsWrapper{width:100%;margin:0 auto;height:30px}.FppDetails .SliderWrapper .DotsWrapper ul.Dots{display:flex;justify-content:center;padding:0}.FppDetails .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}.FppDetails .SliderWrapper .DotsWrapper ul.Dots li:hover{background:#bbb}.FppDetails .SliderWrapper .DotsWrapper ul.Dots li.active{border:solid 1px var(--emfe-w-color-secondary, #FD2839);background:var(--emfe-w-color-secondary, #FD2839)}.FppDetails .SliderWrapper .DotsWrapper ul.Dots li.default{border:solid 1px var(--emfe-w-color-secondary, #FD2839);background-color:#FFF}.FppDetails .SliderNavButton{border:0px;width:25px;display:flex;align-items:center;justify-content:center;cursor:pointer}.FppDetails .SliderNavButton.HiddenArrow{visibility:hidden}.FppDetails .SliderNavButton svg{width:20px;stroke:var(--emfe-w-color-secondary, #FD2839)}.FppDetails .DisabledArrow svg{opacity:0.2;stroke:var(--emfe-w-color-secondary, #FD2839);pointer-events:none}";
+const bonusFppStoreItemCss = ":host{display:block}.FppDetails{display:flex;flex-direction:row;flex-wrap:wrap;padding:10px;width:calc(100% - 20px);}.FppDetails .Error{color:var(--emfe-w-color-error, #FD2839)}.FppDetails .Row{flex-direction:row;display:flex}.FppDetails .Col{flex-direction:column;display:flex}.FppDetails .Details{padding:20px}.FppDetails .ThumbnailRow{display:flex;flex-direction:column;justify-content:space-between;min-width:268px;max-width:398px}.FppDetails .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}.FppDetails .ThumbnailRow .BackButton:hover{background:#e3dede}.FppDetails .ThumbnailRow .Thumbnails{display:flex;flex-direction:column;position:relative;width:calc(100% - 40px)}.FppDetails .StoreItemDetail{flex-grow:1;min-width:300px}.FppDetails .GiftPoints .Points{font-size:21px}.FppDetails .GiftPoints .PointsLabel{font-size:12px;color:var(--emfe-w-color-gray-300, #4e5a37);font-weight:400;line-height:29px;letter-spacing:0.04em;text-align:left}.FppDetails .RedeemButton:hover{font-weight:800;border:2px solid var(--emfe-w-color-gray-300, #e5e7d5)}.FppDetails .RedeemButton.Disabled:hover{font-weight:normal;border:2px solid transparent}.FppDetails .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)}.FppDetails .RedeemButton.DkButton{width:80px;padding:8px;font-size:16px;border-radius:5px}.FppDetails .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%)}.FppDetails .SliderWrapper{display:flex;flex-direction:column;position:relative;width:calc(100% - 40px)}.FppDetails .SliderWrapper .MainContent{display:flex;flex-direction:row;justify-content:space-around}.FppDetails .SliderWrapper .MainContent .LeftArrow,.FppDetails .SliderWrapper .MainContent .RightArrow{width:20px}.FppDetails .SliderWrapper .MainContent .ItemsWrapper{overflow:hidden;display:inline-flex;width:calc(100% - 40px);flex-direction:column}.FppDetails .SliderWrapper .MainContent .ItemsWrapper .Items{display:inline-flex;transition:transform 0.4s ease-in-out;transform:translateX(0px);margin:auto}.FppDetails .SliderWrapper .MainContent .ItemsWrapper img.img2{width:50%}.FppDetails .SliderWrapper .MainContent .ItemsWrapper img.img3{width:30%}.FppDetails .SliderWrapper .MainContent .ItemsWrapper img,.FppDetails .SliderWrapper .MainContent .ItemsWrapper img.img1{max-width:100%;background:#efefef;border:1px solid #efefef;border-radius:18px;border:1px;margin:10px 0 10px}.FppDetails .SliderWrapper .DotsWrapper{width:100%;margin:0 auto;height:30px}.FppDetails .SliderWrapper .DotsWrapper ul.Dots{display:flex;justify-content:center;padding:0}.FppDetails .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}.FppDetails .SliderWrapper .DotsWrapper ul.Dots li:hover{background:#bbb}.FppDetails .SliderWrapper .DotsWrapper ul.Dots li.active{border:solid 1px var(--emfe-w-color-secondary, #FD2839);background:var(--emfe-w-color-secondary, #FD2839)}.FppDetails .SliderWrapper .DotsWrapper ul.Dots li.default{border:solid 1px var(--emfe-w-color-secondary, #FD2839);background-color:#FFF}.FppDetails .SliderNavButton{border:0px;width:25px;display:flex;align-items:center;justify-content:center;cursor:pointer}.FppDetails .SliderNavButton.HiddenArrow{visibility:hidden}.FppDetails .SliderNavButton svg{width:20px;stroke:var(--emfe-w-color-secondary, #FD2839)}.FppDetails .DisabledArrow svg{opacity:0.2;stroke:var(--emfe-w-color-secondary, #FD2839);pointer-events:none}";
 
@@ -237,2 +237,6 @@ const BonusFppStoreItem = class {
     /**
+     * Currently selected language.
+     */
+    this.language = 'en';
+    /**
      * Client custom styling via inline styles
@@ -293,6 +297,3 @@ */
   async loadFppGift() {
-    let url = new URL(`${this.endpoint}/v1/bonus/fpp/shop?filter=id=${this.itemId}`);
-    if (this.language) {
-      url.searchParams.append('language', this.language);
-    }
+    let url = new URL(`${this.endpoint}/v1/bonus/fpp/shop?language=${this.language}&filter=id=${this.itemId}`);
     let options = {
@@ -312,6 +313,2 @@ headers: {
           this.fppGift = filteredGifts[0];
-          this.fppGift.presentation.assets[this.language] =
-            this.fppGift.presentation.assets[this.language] && this.fppGift.presentation.assets[this.language].length > 0
-              ? this.fppGift.presentation.assets[this.language]
-              : this.fppGift.presentation.assets['*'];
           this.isGiftNotFound = false;
@@ -340,5 +337,3 @@ }
         this.onBackClicked();
-      } }, '<')), index.h("div", { class: "Thumnails GiftNotFound" }, translate('noDataFound', this.language), "."))), this.fppGift && index.h(index.Fragment, null, index.h("div", { class: "ThumbnailRow" }, index.h("div", { class: 'Row' }, index.h("div", { class: "BackButton", onClick: () => { this.onBackClicked(); } }, '<'), index.h("bonus-fpp-store-assets-slider", { class: 'Thumbnails', itemsPerPage: 1, sliderItems: this.fppGift.presentation.assets[this.language], showSliderDots: this.showSliderDots })), index.h("div", { class: 'Col Details' }, index.h("h3", { class: "GiftName" }, this.fppGift.presentation.displayName[this.language] || this.fppGift.presentation.displayName['*']), index.h("div", { class: "GiftPoints" }, index.h("span", { class: "Points" }, this.fppGift.points, " "), index.h("span", { class: " PointsLabel" }, translate('points', this.language))))), index.h("div", { class: 'StoreItemDetail Details' }, index.h("div", { class: "GiftPresentation" }, index.h("p", null, this.fppGift.presentation.description[this.language]
-      ? (this.fppGift.presentation.description[this.language])
-      : this.fppGift.presentation.description['*'] ? this.fppGift.presentation.description['*'] : translate('noGiftPresentation', this.language))), index.h("div", { class: `RedeemButton ${this.fppGift.available === 'false' ? 'Disabled' : ''}
+      } }, '<')), index.h("div", { class: "Thumnails GiftNotFound" }, translate('noDataFound', this.language), "."))), this.fppGift && index.h(index.Fragment, null, index.h("div", { class: "ThumbnailRow" }, index.h("div", { class: 'Row' }, index.h("div", { class: "BackButton", onClick: () => { this.onBackClicked(); } }, '<'), index.h("bonus-fpp-store-assets-slider", { class: 'Thumbnails', itemsPerPage: 1, sliderItems: this.fppGift.presentation.assets, showSliderDots: this.showSliderDots })), index.h("div", { class: 'Col Details' }, index.h("h3", { class: "GiftName" }, this.fppGift.presentation.displayName || this.fppGift.displayName), index.h("div", { class: "GiftPoints" }, index.h("span", { class: "Points" }, this.fppGift.points, " "), index.h("span", { class: " PointsLabel" }, translate('points', this.language))))), index.h("div", { class: 'StoreItemDetail Details' }, index.h("div", { class: "GiftPresentation" }, index.h("p", null, this.fppGift.presentation.description ? this.fppGift.presentation.description : translate('noGiftPresentation', this.language))), index.h("div", { class: `RedeemButton ${this.fppGift.available === 'false' ? 'Disabled' : ''}
                 ${this.deviceType == 'dk' ? 'DkButton' : ''}`, onClick: this.redeemGift.bind(this) }, translate('redeem', this.language)), index.h("span", { class: 'RedeemError Error' }, " ", this.redeemErrorMsg, " "))))));
@@ -345,0 +340,0 @@ }

dist/collection/components/bonus-fpp-store-item/bonus-fpp-store-item.js

@@ -8,2 +8,6 @@ import { Component, Fragment, h, Host, Prop, State } from '@stencil/core';
     /**
+     * Currently selected language.
+     */
+    this.language = 'en';
+    /**
      * Client custom styling via inline styles
@@ -64,6 +68,3 @@ */
   async loadFppGift() {
-    let url = new URL(`${this.endpoint}/v1/bonus/fpp/shop?filter=id=${this.itemId}`);
-    if (this.language) {
-      url.searchParams.append('language', this.language);
-    }
+    let url = new URL(`${this.endpoint}/v1/bonus/fpp/shop?language=${this.language}&filter=id=${this.itemId}`);
     let options = {
@@ -83,6 +84,2 @@ headers: {
           this.fppGift = filteredGifts[0];
-          this.fppGift.presentation.assets[this.language] =
-            this.fppGift.presentation.assets[this.language] && this.fppGift.presentation.assets[this.language].length > 0
-              ? this.fppGift.presentation.assets[this.language]
-              : this.fppGift.presentation.assets['*'];
           this.isGiftNotFound = false;
@@ -124,5 +121,5 @@ }
               h("div", { class: "BackButton", onClick: () => { this.onBackClicked(); } }, '<'),
-              h("bonus-fpp-store-assets-slider", { class: 'Thumbnails', itemsPerPage: 1, sliderItems: this.fppGift.presentation.assets[this.language], showSliderDots: this.showSliderDots })),
+              h("bonus-fpp-store-assets-slider", { class: 'Thumbnails', itemsPerPage: 1, sliderItems: this.fppGift.presentation.assets, showSliderDots: this.showSliderDots })),
             h("div", { class: 'Col Details' },
-              h("h3", { class: "GiftName" }, this.fppGift.presentation.displayName[this.language] || this.fppGift.presentation.displayName['*']),
+              h("h3", { class: "GiftName" }, this.fppGift.presentation.displayName || this.fppGift.displayName),
               h("div", { class: "GiftPoints" },
@@ -135,5 +132,3 @@ h("span", { class: "Points" },
             h("div", { class: "GiftPresentation" },
-              h("p", null, this.fppGift.presentation.description[this.language]
-                ? (this.fppGift.presentation.description[this.language])
-                : this.fppGift.presentation.description['*'] ? this.fppGift.presentation.description['*'] : translate('noGiftPresentation', this.language))),
+              h("p", null, this.fppGift.presentation.description ? this.fppGift.presentation.description : translate('noGiftPresentation', this.language))),
             h("div", { class: `RedeemButton ${this.fppGift.available === 'false' ? 'Disabled' : ''}
@@ -187,3 +182,4 @@ ${this.deviceType == 'dk' ? 'DkButton' : ''}`, onClick: this.redeemGift.bind(this) }, translate('redeem', this.language)),
       "attribute": "language",
-      "reflect": true
+      "reflect": true,
+      "defaultValue": "'en'"
     },
@@ -190,0 +186,0 @@ "itemId": {

dist/components/bonus-fpp-store-item.js

@@ -93,3 +93,3 @@ import { proxyCustomElement, HTMLElement, h, Host, Fragment } from '@stencil/core/internal/client';
 
-const bonusFppStoreItemCss = ":host{display:block;font-family:Metric}.FppDetails{display:flex;flex-direction:row;flex-wrap:wrap;padding:10px;width:calc(100% - 20px);}.FppDetails .Error{color:var(--emfe-w-color-error, #FD2839)}.FppDetails .Row{flex-direction:row;display:flex}.FppDetails .Col{flex-direction:column;display:flex}.FppDetails .Details{padding:20px}.FppDetails .ThumbnailRow{display:flex;flex-direction:column;justify-content:space-between;min-width:268px;max-width:398px}.FppDetails .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}.FppDetails .ThumbnailRow .BackButton:hover{background:#e3dede}.FppDetails .ThumbnailRow .Thumbnails{display:flex;flex-direction:column;position:relative;width:calc(100% - 40px)}.FppDetails .StoreItemDetail{flex-grow:1;min-width:300px}.FppDetails .GiftPoints .Points{font-size:21px}.FppDetails .GiftPoints .PointsLabel{font-size:12px;color:var(--emfe-w-color-gray-300, #4e5a37);font-weight:400;line-height:29px;letter-spacing:0.04em;text-align:left}.FppDetails .RedeemButton:hover{font-weight:800;border:2px solid var(--emfe-w-color-gray-300, #e5e7d5)}.FppDetails .RedeemButton.Disabled:hover{font-weight:normal;border:2px solid transparent}.FppDetails .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)}.FppDetails .RedeemButton.DkButton{width:80px;padding:8px;font-size:16px;border-radius:5px}.FppDetails .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%)}.FppDetails .SliderWrapper{display:flex;flex-direction:column;position:relative;width:calc(100% - 40px)}.FppDetails .SliderWrapper .MainContent{display:flex;flex-direction:row;justify-content:space-around}.FppDetails .SliderWrapper .MainContent .LeftArrow,.FppDetails .SliderWrapper .MainContent .RightArrow{width:20px}.FppDetails .SliderWrapper .MainContent .ItemsWrapper{overflow:hidden;display:inline-flex;width:calc(100% - 40px);flex-direction:column}.FppDetails .SliderWrapper .MainContent .ItemsWrapper .Items{display:inline-flex;transition:transform 0.4s ease-in-out;transform:translateX(0px);margin:auto}.FppDetails .SliderWrapper .MainContent .ItemsWrapper img.img2{width:50%}.FppDetails .SliderWrapper .MainContent .ItemsWrapper img.img3{width:30%}.FppDetails .SliderWrapper .MainContent .ItemsWrapper img,.FppDetails .SliderWrapper .MainContent .ItemsWrapper img.img1{max-width:100%;background:#efefef;border:1px solid #efefef;border-radius:18px;border:1px;margin:10px 0 10px}.FppDetails .SliderWrapper .DotsWrapper{width:100%;margin:0 auto;height:30px}.FppDetails .SliderWrapper .DotsWrapper ul.Dots{display:flex;justify-content:center;padding:0}.FppDetails .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}.FppDetails .SliderWrapper .DotsWrapper ul.Dots li:hover{background:#bbb}.FppDetails .SliderWrapper .DotsWrapper ul.Dots li.active{border:solid 1px var(--emfe-w-color-secondary, #FD2839);background:var(--emfe-w-color-secondary, #FD2839)}.FppDetails .SliderWrapper .DotsWrapper ul.Dots li.default{border:solid 1px var(--emfe-w-color-secondary, #FD2839);background-color:#FFF}.FppDetails .SliderNavButton{border:0px;width:25px;display:flex;align-items:center;justify-content:center;cursor:pointer}.FppDetails .SliderNavButton.HiddenArrow{visibility:hidden}.FppDetails .SliderNavButton svg{width:20px;stroke:var(--emfe-w-color-secondary, #FD2839)}.FppDetails .DisabledArrow svg{opacity:0.2;stroke:var(--emfe-w-color-secondary, #FD2839);pointer-events:none}";
+const bonusFppStoreItemCss = ":host{display:block}.FppDetails{display:flex;flex-direction:row;flex-wrap:wrap;padding:10px;width:calc(100% - 20px);}.FppDetails .Error{color:var(--emfe-w-color-error, #FD2839)}.FppDetails .Row{flex-direction:row;display:flex}.FppDetails .Col{flex-direction:column;display:flex}.FppDetails .Details{padding:20px}.FppDetails .ThumbnailRow{display:flex;flex-direction:column;justify-content:space-between;min-width:268px;max-width:398px}.FppDetails .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}.FppDetails .ThumbnailRow .BackButton:hover{background:#e3dede}.FppDetails .ThumbnailRow .Thumbnails{display:flex;flex-direction:column;position:relative;width:calc(100% - 40px)}.FppDetails .StoreItemDetail{flex-grow:1;min-width:300px}.FppDetails .GiftPoints .Points{font-size:21px}.FppDetails .GiftPoints .PointsLabel{font-size:12px;color:var(--emfe-w-color-gray-300, #4e5a37);font-weight:400;line-height:29px;letter-spacing:0.04em;text-align:left}.FppDetails .RedeemButton:hover{font-weight:800;border:2px solid var(--emfe-w-color-gray-300, #e5e7d5)}.FppDetails .RedeemButton.Disabled:hover{font-weight:normal;border:2px solid transparent}.FppDetails .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)}.FppDetails .RedeemButton.DkButton{width:80px;padding:8px;font-size:16px;border-radius:5px}.FppDetails .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%)}.FppDetails .SliderWrapper{display:flex;flex-direction:column;position:relative;width:calc(100% - 40px)}.FppDetails .SliderWrapper .MainContent{display:flex;flex-direction:row;justify-content:space-around}.FppDetails .SliderWrapper .MainContent .LeftArrow,.FppDetails .SliderWrapper .MainContent .RightArrow{width:20px}.FppDetails .SliderWrapper .MainContent .ItemsWrapper{overflow:hidden;display:inline-flex;width:calc(100% - 40px);flex-direction:column}.FppDetails .SliderWrapper .MainContent .ItemsWrapper .Items{display:inline-flex;transition:transform 0.4s ease-in-out;transform:translateX(0px);margin:auto}.FppDetails .SliderWrapper .MainContent .ItemsWrapper img.img2{width:50%}.FppDetails .SliderWrapper .MainContent .ItemsWrapper img.img3{width:30%}.FppDetails .SliderWrapper .MainContent .ItemsWrapper img,.FppDetails .SliderWrapper .MainContent .ItemsWrapper img.img1{max-width:100%;background:#efefef;border:1px solid #efefef;border-radius:18px;border:1px;margin:10px 0 10px}.FppDetails .SliderWrapper .DotsWrapper{width:100%;margin:0 auto;height:30px}.FppDetails .SliderWrapper .DotsWrapper ul.Dots{display:flex;justify-content:center;padding:0}.FppDetails .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}.FppDetails .SliderWrapper .DotsWrapper ul.Dots li:hover{background:#bbb}.FppDetails .SliderWrapper .DotsWrapper ul.Dots li.active{border:solid 1px var(--emfe-w-color-secondary, #FD2839);background:var(--emfe-w-color-secondary, #FD2839)}.FppDetails .SliderWrapper .DotsWrapper ul.Dots li.default{border:solid 1px var(--emfe-w-color-secondary, #FD2839);background-color:#FFF}.FppDetails .SliderNavButton{border:0px;width:25px;display:flex;align-items:center;justify-content:center;cursor:pointer}.FppDetails .SliderNavButton.HiddenArrow{visibility:hidden}.FppDetails .SliderNavButton svg{width:20px;stroke:var(--emfe-w-color-secondary, #FD2839)}.FppDetails .DisabledArrow svg{opacity:0.2;stroke:var(--emfe-w-color-secondary, #FD2839);pointer-events:none}";
 
@@ -102,2 +102,6 @@ const BonusFppStoreItem$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     /**
+     * Currently selected language.
+     */
+    this.language = 'en';
+    /**
      * Client custom styling via inline styles
@@ -158,6 +162,3 @@ */
   async loadFppGift() {
-    let url = new URL(`${this.endpoint}/v1/bonus/fpp/shop?filter=id=${this.itemId}`);
-    if (this.language) {
-      url.searchParams.append('language', this.language);
-    }
+    let url = new URL(`${this.endpoint}/v1/bonus/fpp/shop?language=${this.language}&filter=id=${this.itemId}`);
     let options = {
@@ -177,6 +178,2 @@ headers: {
           this.fppGift = filteredGifts[0];
-          this.fppGift.presentation.assets[this.language] =
-            this.fppGift.presentation.assets[this.language] && this.fppGift.presentation.assets[this.language].length > 0
-              ? this.fppGift.presentation.assets[this.language]
-              : this.fppGift.presentation.assets['*'];
           this.isGiftNotFound = false;
@@ -205,5 +202,3 @@ }
         this.onBackClicked();
-      } }, '<')), h("div", { class: "Thumnails GiftNotFound" }, translate('noDataFound', this.language), "."))), this.fppGift && h(Fragment, null, h("div", { class: "ThumbnailRow" }, h("div", { class: 'Row' }, h("div", { class: "BackButton", onClick: () => { this.onBackClicked(); } }, '<'), h("bonus-fpp-store-assets-slider", { class: 'Thumbnails', itemsPerPage: 1, sliderItems: this.fppGift.presentation.assets[this.language], showSliderDots: this.showSliderDots })), h("div", { class: 'Col Details' }, h("h3", { class: "GiftName" }, this.fppGift.presentation.displayName[this.language] || this.fppGift.presentation.displayName['*']), h("div", { class: "GiftPoints" }, h("span", { class: "Points" }, this.fppGift.points, " "), h("span", { class: " PointsLabel" }, translate('points', this.language))))), h("div", { class: 'StoreItemDetail Details' }, h("div", { class: "GiftPresentation" }, h("p", null, this.fppGift.presentation.description[this.language]
-      ? (this.fppGift.presentation.description[this.language])
-      : this.fppGift.presentation.description['*'] ? this.fppGift.presentation.description['*'] : translate('noGiftPresentation', this.language))), h("div", { class: `RedeemButton ${this.fppGift.available === 'false' ? 'Disabled' : ''}
+      } }, '<')), h("div", { class: "Thumnails GiftNotFound" }, translate('noDataFound', this.language), "."))), this.fppGift && h(Fragment, null, h("div", { class: "ThumbnailRow" }, h("div", { class: 'Row' }, h("div", { class: "BackButton", onClick: () => { this.onBackClicked(); } }, '<'), h("bonus-fpp-store-assets-slider", { class: 'Thumbnails', itemsPerPage: 1, sliderItems: this.fppGift.presentation.assets, showSliderDots: this.showSliderDots })), h("div", { class: 'Col Details' }, h("h3", { class: "GiftName" }, this.fppGift.presentation.displayName || this.fppGift.displayName), h("div", { class: "GiftPoints" }, h("span", { class: "Points" }, this.fppGift.points, " "), h("span", { class: " PointsLabel" }, translate('points', this.language))))), h("div", { class: 'StoreItemDetail Details' }, h("div", { class: "GiftPresentation" }, h("p", null, this.fppGift.presentation.description ? this.fppGift.presentation.description : translate('noGiftPresentation', this.language))), h("div", { class: `RedeemButton ${this.fppGift.available === 'false' ? 'Disabled' : ''}
                 ${this.deviceType == 'dk' ? 'DkButton' : ''}`, onClick: this.redeemGift.bind(this) }, translate('redeem', this.language)), h("span", { class: 'RedeemError Error' }, " ", this.redeemErrorMsg, " "))))));
@@ -210,0 +205,0 @@ }

dist/esm/bonus-fpp-store-assets-slider_3.entry.js

@@ -226,3 +226,3 @@ import { r as registerInstance, h, g as getElement, F as Fragment, H as Host } from './index-ab014454.js';
 
-const bonusFppStoreItemCss = ":host{display:block;font-family:Metric}.FppDetails{display:flex;flex-direction:row;flex-wrap:wrap;padding:10px;width:calc(100% - 20px);}.FppDetails .Error{color:var(--emfe-w-color-error, #FD2839)}.FppDetails .Row{flex-direction:row;display:flex}.FppDetails .Col{flex-direction:column;display:flex}.FppDetails .Details{padding:20px}.FppDetails .ThumbnailRow{display:flex;flex-direction:column;justify-content:space-between;min-width:268px;max-width:398px}.FppDetails .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}.FppDetails .ThumbnailRow .BackButton:hover{background:#e3dede}.FppDetails .ThumbnailRow .Thumbnails{display:flex;flex-direction:column;position:relative;width:calc(100% - 40px)}.FppDetails .StoreItemDetail{flex-grow:1;min-width:300px}.FppDetails .GiftPoints .Points{font-size:21px}.FppDetails .GiftPoints .PointsLabel{font-size:12px;color:var(--emfe-w-color-gray-300, #4e5a37);font-weight:400;line-height:29px;letter-spacing:0.04em;text-align:left}.FppDetails .RedeemButton:hover{font-weight:800;border:2px solid var(--emfe-w-color-gray-300, #e5e7d5)}.FppDetails .RedeemButton.Disabled:hover{font-weight:normal;border:2px solid transparent}.FppDetails .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)}.FppDetails .RedeemButton.DkButton{width:80px;padding:8px;font-size:16px;border-radius:5px}.FppDetails .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%)}.FppDetails .SliderWrapper{display:flex;flex-direction:column;position:relative;width:calc(100% - 40px)}.FppDetails .SliderWrapper .MainContent{display:flex;flex-direction:row;justify-content:space-around}.FppDetails .SliderWrapper .MainContent .LeftArrow,.FppDetails .SliderWrapper .MainContent .RightArrow{width:20px}.FppDetails .SliderWrapper .MainContent .ItemsWrapper{overflow:hidden;display:inline-flex;width:calc(100% - 40px);flex-direction:column}.FppDetails .SliderWrapper .MainContent .ItemsWrapper .Items{display:inline-flex;transition:transform 0.4s ease-in-out;transform:translateX(0px);margin:auto}.FppDetails .SliderWrapper .MainContent .ItemsWrapper img.img2{width:50%}.FppDetails .SliderWrapper .MainContent .ItemsWrapper img.img3{width:30%}.FppDetails .SliderWrapper .MainContent .ItemsWrapper img,.FppDetails .SliderWrapper .MainContent .ItemsWrapper img.img1{max-width:100%;background:#efefef;border:1px solid #efefef;border-radius:18px;border:1px;margin:10px 0 10px}.FppDetails .SliderWrapper .DotsWrapper{width:100%;margin:0 auto;height:30px}.FppDetails .SliderWrapper .DotsWrapper ul.Dots{display:flex;justify-content:center;padding:0}.FppDetails .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}.FppDetails .SliderWrapper .DotsWrapper ul.Dots li:hover{background:#bbb}.FppDetails .SliderWrapper .DotsWrapper ul.Dots li.active{border:solid 1px var(--emfe-w-color-secondary, #FD2839);background:var(--emfe-w-color-secondary, #FD2839)}.FppDetails .SliderWrapper .DotsWrapper ul.Dots li.default{border:solid 1px var(--emfe-w-color-secondary, #FD2839);background-color:#FFF}.FppDetails .SliderNavButton{border:0px;width:25px;display:flex;align-items:center;justify-content:center;cursor:pointer}.FppDetails .SliderNavButton.HiddenArrow{visibility:hidden}.FppDetails .SliderNavButton svg{width:20px;stroke:var(--emfe-w-color-secondary, #FD2839)}.FppDetails .DisabledArrow svg{opacity:0.2;stroke:var(--emfe-w-color-secondary, #FD2839);pointer-events:none}";
+const bonusFppStoreItemCss = ":host{display:block}.FppDetails{display:flex;flex-direction:row;flex-wrap:wrap;padding:10px;width:calc(100% - 20px);}.FppDetails .Error{color:var(--emfe-w-color-error, #FD2839)}.FppDetails .Row{flex-direction:row;display:flex}.FppDetails .Col{flex-direction:column;display:flex}.FppDetails .Details{padding:20px}.FppDetails .ThumbnailRow{display:flex;flex-direction:column;justify-content:space-between;min-width:268px;max-width:398px}.FppDetails .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}.FppDetails .ThumbnailRow .BackButton:hover{background:#e3dede}.FppDetails .ThumbnailRow .Thumbnails{display:flex;flex-direction:column;position:relative;width:calc(100% - 40px)}.FppDetails .StoreItemDetail{flex-grow:1;min-width:300px}.FppDetails .GiftPoints .Points{font-size:21px}.FppDetails .GiftPoints .PointsLabel{font-size:12px;color:var(--emfe-w-color-gray-300, #4e5a37);font-weight:400;line-height:29px;letter-spacing:0.04em;text-align:left}.FppDetails .RedeemButton:hover{font-weight:800;border:2px solid var(--emfe-w-color-gray-300, #e5e7d5)}.FppDetails .RedeemButton.Disabled:hover{font-weight:normal;border:2px solid transparent}.FppDetails .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)}.FppDetails .RedeemButton.DkButton{width:80px;padding:8px;font-size:16px;border-radius:5px}.FppDetails .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%)}.FppDetails .SliderWrapper{display:flex;flex-direction:column;position:relative;width:calc(100% - 40px)}.FppDetails .SliderWrapper .MainContent{display:flex;flex-direction:row;justify-content:space-around}.FppDetails .SliderWrapper .MainContent .LeftArrow,.FppDetails .SliderWrapper .MainContent .RightArrow{width:20px}.FppDetails .SliderWrapper .MainContent .ItemsWrapper{overflow:hidden;display:inline-flex;width:calc(100% - 40px);flex-direction:column}.FppDetails .SliderWrapper .MainContent .ItemsWrapper .Items{display:inline-flex;transition:transform 0.4s ease-in-out;transform:translateX(0px);margin:auto}.FppDetails .SliderWrapper .MainContent .ItemsWrapper img.img2{width:50%}.FppDetails .SliderWrapper .MainContent .ItemsWrapper img.img3{width:30%}.FppDetails .SliderWrapper .MainContent .ItemsWrapper img,.FppDetails .SliderWrapper .MainContent .ItemsWrapper img.img1{max-width:100%;background:#efefef;border:1px solid #efefef;border-radius:18px;border:1px;margin:10px 0 10px}.FppDetails .SliderWrapper .DotsWrapper{width:100%;margin:0 auto;height:30px}.FppDetails .SliderWrapper .DotsWrapper ul.Dots{display:flex;justify-content:center;padding:0}.FppDetails .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}.FppDetails .SliderWrapper .DotsWrapper ul.Dots li:hover{background:#bbb}.FppDetails .SliderWrapper .DotsWrapper ul.Dots li.active{border:solid 1px var(--emfe-w-color-secondary, #FD2839);background:var(--emfe-w-color-secondary, #FD2839)}.FppDetails .SliderWrapper .DotsWrapper ul.Dots li.default{border:solid 1px var(--emfe-w-color-secondary, #FD2839);background-color:#FFF}.FppDetails .SliderNavButton{border:0px;width:25px;display:flex;align-items:center;justify-content:center;cursor:pointer}.FppDetails .SliderNavButton.HiddenArrow{visibility:hidden}.FppDetails .SliderNavButton svg{width:20px;stroke:var(--emfe-w-color-secondary, #FD2839)}.FppDetails .DisabledArrow svg{opacity:0.2;stroke:var(--emfe-w-color-secondary, #FD2839);pointer-events:none}";
 
@@ -233,2 +233,6 @@ const BonusFppStoreItem = class {
     /**
+     * Currently selected language.
+     */
+    this.language = 'en';
+    /**
      * Client custom styling via inline styles
@@ -289,6 +293,3 @@ */
   async loadFppGift() {
-    let url = new URL(`${this.endpoint}/v1/bonus/fpp/shop?filter=id=${this.itemId}`);
-    if (this.language) {
-      url.searchParams.append('language', this.language);
-    }
+    let url = new URL(`${this.endpoint}/v1/bonus/fpp/shop?language=${this.language}&filter=id=${this.itemId}`);
     let options = {
@@ -308,6 +309,2 @@ headers: {
           this.fppGift = filteredGifts[0];
-          this.fppGift.presentation.assets[this.language] =
-            this.fppGift.presentation.assets[this.language] && this.fppGift.presentation.assets[this.language].length > 0
-              ? this.fppGift.presentation.assets[this.language]
-              : this.fppGift.presentation.assets['*'];
           this.isGiftNotFound = false;
@@ -336,5 +333,3 @@ }
         this.onBackClicked();
-      } }, '<')), h("div", { class: "Thumnails GiftNotFound" }, translate('noDataFound', this.language), "."))), this.fppGift && h(Fragment, null, h("div", { class: "ThumbnailRow" }, h("div", { class: 'Row' }, h("div", { class: "BackButton", onClick: () => { this.onBackClicked(); } }, '<'), h("bonus-fpp-store-assets-slider", { class: 'Thumbnails', itemsPerPage: 1, sliderItems: this.fppGift.presentation.assets[this.language], showSliderDots: this.showSliderDots })), h("div", { class: 'Col Details' }, h("h3", { class: "GiftName" }, this.fppGift.presentation.displayName[this.language] || this.fppGift.presentation.displayName['*']), h("div", { class: "GiftPoints" }, h("span", { class: "Points" }, this.fppGift.points, " "), h("span", { class: " PointsLabel" }, translate('points', this.language))))), h("div", { class: 'StoreItemDetail Details' }, h("div", { class: "GiftPresentation" }, h("p", null, this.fppGift.presentation.description[this.language]
-      ? (this.fppGift.presentation.description[this.language])
-      : this.fppGift.presentation.description['*'] ? this.fppGift.presentation.description['*'] : translate('noGiftPresentation', this.language))), h("div", { class: `RedeemButton ${this.fppGift.available === 'false' ? 'Disabled' : ''}
+      } }, '<')), h("div", { class: "Thumnails GiftNotFound" }, translate('noDataFound', this.language), "."))), this.fppGift && h(Fragment, null, h("div", { class: "ThumbnailRow" }, h("div", { class: 'Row' }, h("div", { class: "BackButton", onClick: () => { this.onBackClicked(); } }, '<'), h("bonus-fpp-store-assets-slider", { class: 'Thumbnails', itemsPerPage: 1, sliderItems: this.fppGift.presentation.assets, showSliderDots: this.showSliderDots })), h("div", { class: 'Col Details' }, h("h3", { class: "GiftName" }, this.fppGift.presentation.displayName || this.fppGift.displayName), h("div", { class: "GiftPoints" }, h("span", { class: "Points" }, this.fppGift.points, " "), h("span", { class: " PointsLabel" }, translate('points', this.language))))), h("div", { class: 'StoreItemDetail Details' }, h("div", { class: "GiftPresentation" }, h("p", null, this.fppGift.presentation.description ? this.fppGift.presentation.description : translate('noGiftPresentation', this.language))), h("div", { class: `RedeemButton ${this.fppGift.available === 'false' ? 'Disabled' : ''}
                 ${this.deviceType == 'dk' ? 'DkButton' : ''}`, onClick: this.redeemGift.bind(this) }, translate('redeem', this.language)), h("span", { class: 'RedeemError Error' }, " ", this.redeemErrorMsg, " "))))));
@@ -341,0 +336,0 @@ }

dist/types/models/bonus-fpp-store-item.d.ts

 export interface FppStoreItemPresentation {
-  assets?: {
-    [key: string]: Array<string>;
-  };
-  description?: {
-    [key: string]: string;
-  };
-  displayName?: {
-    [key: string]: string;
-  };
+  assets?: Array<string>;
+  description?: string;
+  displayName?: string;
 }
@@ -12,0 +6,0 @@ export interface BonusFppStoreItemInfo {

package.json

 {
   "name": "@everymatrix/bonus-fpp-store-item",
-  "version": "1.29.5",
+  "version": "1.29.6",
   "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

Worsened metrics

Total package byte prevSize

449761

decreased by-0.55%

Lines of code

8026

decreased by-0.31%

No dependency changes