@everymatrix/bonus-elevate-shop-item 1.47.3 → 1.48.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/bonus-elevate-shop-item/bonus-elevate-shop-item.esm.js +1 -1
  2. package/dist/bonus-elevate-shop-item/p-05811b2a.entry.js +1 -0
  3. package/dist/cjs/bonus-elevate-shop-assets-slider_3.cjs.entry.js +21 -16
  4. package/dist/collection/components/bonus-elevate-shop-item/bonus-elevate-shop-assets-slider.js +5 -5
  5. package/dist/collection/components/bonus-elevate-shop-item/bonus-elevate-shop-item.css +18 -28
  6. package/dist/collection/components/bonus-elevate-shop-item/bonus-elevate-shop-item.js +3 -3
  7. package/dist/collection/utils/locale.utils.js +12 -7
  8. package/dist/esm/bonus-elevate-shop-assets-slider_3.entry.js +21 -16
  9. package/package.json +1 -1
  10. package/dist/bonus-elevate-shop-item/p-4e9b7c9e.entry.js +0 -1
package/dist/bonus-elevate-shop-item/bonus-elevate-shop-item.esm.js CHANGED
@@ -1 +1 @@
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))));
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-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))));
package/dist/bonus-elevate-shop-item/p-05811b2a.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as e,h as t,g as i,c as a,F as s,H as o}from"./p-ec5f179f.js";const r=class{constructor(t){e(this,t),this.xDown=null,this.yDown=null,this.orientationChangeHandler=()=>{setTimeout((()=>{this.recalculateItemsPerPage()}),10)},this.resizeHandler=()=>{this.recalculateItemsPerPage()},this.showSliderDots=!1,this.showSliderArrows=!0,this.itemsPerPage=1,this.sliderItems=[],this.activeIndex=0}setActive(e){var t;const i=null===(t=this.sliderItems)||void 0===t?void 0:t.length;this.activeIndex=e>=0?e>=i-1?i-1:e:0}move(e){this.setActive(this.activeIndex+e)}goTo(e){let t=this.activeIndex-e;if(t>0)for(let e=0;e<t;e++)this.move(-1);else for(let e=0;e>t;e--)this.move(1)}handleTouchStart(e){const t=this.getTouches(e)[0];this.xDown=t.clientX,this.yDown=t.clientY}getTouches(e){return e.touches||e.originalEvent.touches}handleTouchMove(e){if(!this.xDown||!this.yDown)return;let t=this.xDown-e.touches[0].clientX,i=this.yDown-e.touches[0].clientY;Math.abs(t)>Math.abs(i)&&this.move(t>0?1:-1),this.xDown=null,this.yDown=null}recalculateItemsPerPage(){this.sliderItemsElement&&(this.itemElementWidth=this.sliderItemsElement.clientWidth,this.sliderItemsElementWidth=(this.sliderItems.length-1)*this.itemElementWidth)}renderDots(){var e;const i=[];for(let a=0;a<(null===(e=this.sliderItems)||void 0===e?void 0:e.length)/this.itemsPerPage;a++)i.push(t("li",{class:a==this.activeIndex?"active":"default",onClick:()=>{this.goTo(a),this.setActive(a)}}));return i}componentDidRender(){this.el.addEventListener("touchstart",this.handleTouchStart.bind(this),{passive:!0}),this.el.addEventListener("touchmove",this.handleTouchMove.bind(this),{passive:!0}),this.recalculateItemsPerPage()}componentDidUpdate(){this.recalculateItemsPerPage()}connectedCallback(){window.screen.orientation.addEventListener("change",this.orientationChangeHandler)}disconnectedCallback(){this.el.removeEventListener("touchstart",this.handleTouchStart),this.el.removeEventListener("touchmove",this.handleTouchMove),window.screen.orientation.removeEventListener("change",this.orientationChangeHandler),window.removeEventListener("resize",this.resizeHandler)}render(){var e;const i={transform:`translate(${this.sliderItemsElementWidth/((null===(e=this.sliderItems)||void 0===e?void 0:e.length)-1)*this.activeIndex*-1}px, 0px)`},a={width:this.itemElementWidth/this.itemsPerPage+"px"};return t("div",{key:"3740bd5b367f4e24f0b4391dc7f25c63ccb12958",class:"SliderWrapper"},t("div",{key:"6aac842f54de59cea8b2f2655e8408a8778702d4",class:"MainContent "},this.showSliderArrows&&t("div",{key:"94de38b6a631824bbe15964d70377639af769917",class:`SliderNavButton LeftArrow ${0===this.activeIndex?"DisabledArrow ":""} ${1===this.sliderItems.length?"HiddenArrow ":""}`,onClick:()=>this.move(-1)},t("svg",{key:"242e04a9be8a95d81ca0784332c7f4588f8920b1",fill:"none",stroke:"var(--emfe-w-color-secondary, #FD2839)",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"7fb08b0c570a05349b7ede7058f1533b563bc142","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 19l-7-7 7-7"}))),t("div",{key:"6953f7d97b3d1b327a3a52c7282e009172bae4c4",class:"ItemsWrapper",ref:e=>this.sliderItemsElement=e},t("div",{key:"18ad3ad1ab4c3c6a9c1e6803851e935ed5b9ebd6",class:"Items AssetsItems",style:i},this.sliderItems.map((e=>t("img",{class:`img${this.itemsPerPage}`,alt:"Gift Thumbnails",style:a,src:e}))))),this.showSliderArrows&&t("div",{key:"9df25ee6a20b5cdadb8a9c180086113836333b09",class:`SliderNavButton RightArrow ${1===this.sliderItems.length?"HiddenArrow ":""}\n ${this.activeIndex===this.sliderItems.length-1||this.itemsPerPage==this.sliderItems.length?"DisabledArrow":""}`,onClick:()=>this.move(1)},t("svg",{key:"ed4929e234add77ef474c804d13de87486e65175",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"a5392b590e6856fcaef5ff9b111d5eb52786c9ec","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M9 5l7 7-7 7"})))),this.showSliderDots&&this.sliderItems.length>1&&t("div",{key:"64e3351b3a2c870e148be20258f0b73679726a52",class:"DotsWrapper"},t("ul",{key:"333c73a153736561d2d3d2882247a2db321302c1",class:"Dots"},this.renderDots())))}get el(){return i(this)}},d=["ro","en","fr","ar","hu"],n={en:{coins:"Coins",noGiftPresentation:"No description",redeemGift:"Redeem Gift",noDataFound:"No data found",error4003:"Invalid Session",redeemFailed:"Failed to redeem",back:"Back"},ro:{coins:"Coins",noGiftPresentation:"No description",redeemGift:"Redeem Gift",noDataFound:"No data found",error4003:"Invalid Session",redeemFailed:"Failed to redeem",back:"Back"},fr:{coins:"Coins",noGiftPresentation:"No description",redeemGift:"Redeem Gift",noDataFound:"No data found",error4003:"Invalid Session",redeemFailed:"Failed to redeem",back:"Back"},ar:{coins:"Coins",noGiftPresentation:"No description",redeemGift:"Redeem Gift",noDataFound:"No data found",error4003:"Invalid Session",redeemFailed:"Failed to redeem",back:"Back"},hu:{coins:"Coins",noGiftPresentation:"No description",redeemGift:"Redeem Gift",noDataFound:"No data found",error4003:"Invalid Session",redeemFailed:"Failed to redeem",back:"Back"}},l=(e,t)=>{const i=t;return n[void 0!==i&&d.includes(i)?i:"en"][e]},c=class{constructor(t){e(this,t),this.redeemGiftButton=a(this,"redeemGiftButton",7),this.bindedHandler=this.handleMessage.bind(this),this.deviceType=(()=>{const e=(()=>{let e=window.navigator.userAgent;return e.toLowerCase().match(/android/i)?"Android":e.toLowerCase().match(/iphone/i)?"iPhone":e.toLowerCase().match(/ipad|ipod/i)?"iPad":"PC"})();if(e)return"PC"===e?"dk":"iPad"===e||"iPhone"===e?"ios":"mtWeb"})(),this.endpoint=void 0,this.language="en",this.itemId=void 0,this.elevateGift=void 0,this.session=void 0,this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.showSliderDots=!1,this.showSliderArrows=!0,this.isGiftNotFound=!1,this.redeemErrorMsg="",this.isRedeeming=!1}redeemGiftConfirm(){"true"==this.elevateGift.available&&window.postMessage({type:"BEERedeemConfirm",shopItem:this.elevateGift},window.location.href)}handleMessage(e){e.data&&"bee-redeem-confirmed"===e.data.type&&e.data.id==this.elevateGift.id&&this.redeemGift()}onBackClicked(){window.postMessage({type:"OnGiftDetailsBackButtonClicked"},window.location.href)}redeemGift(){if("false"===this.elevateGift.available.toLowerCase())return;let e=new URL(`${this.endpoint}/v1/elevate/redeem`),t={method:"PUT",headers:{"x-SessionId":this.session,"Content-Type":"application/json-patch+json"},body:JSON.stringify({giftId:this.elevateGift.id})};this.redeemErrorMsg="",this.isRedeeming=!0,fetch(e.toString(),t).then((e=>e.json())).then((e=>{if(e.success)this.redeemGiftButton.emit(),window.postMessage({type:"BEEGiftRedeem",itemId:this.elevateGift.id},window.location.href);else{let t=l(`error${e.errorCode}`,this.language);this.redeemErrorMsg=t||l("redeemFailed",this.language),window.postMessage({type:"BEEGiftRedeemFailed",itemId:this.elevateGift.id,res:e},window.location.href)}})).catch((e=>{window.postMessage({type:"BEEGiftClaimFailed",itemId:this.elevateGift.id,err:e},window.location.href)})).finally((()=>{this.isRedeeming=!1}))}async loadElevateGift(){let e=new URL(`${this.endpoint}/v1/elevate/shop?language=${this.language}&filter=id=${this.itemId}`),t={headers:{"Content-Type":"application/json","x-SessionId":this.session},method:"GET"};await new Promise((i=>{fetch(e.href,t).then((e=>e.json())).then((e=>{let t=e.data;t&&1==t.length?(this.elevateGift=t[0],this.isGiftNotFound=!1):this.isGiftNotFound=!0,i(!0)}))}))}disconnectedCallback(){window.removeEventListener("message",this.bindedHandler,!1)}componentDidLoad(){window.addEventListener("message",this.bindedHandler,!1)}async componentWillLoad(){var e;this.translationUrl.length>2&&await(e=this.translationUrl,new Promise((t=>{fetch(e).then((e=>e.json())).then((e=>{Object.keys(e).forEach((t=>{for(let i in e[t])n[t][i]=e[t][i]})),t(!0)}))}))),this.elevateGift?this.isGiftNotFound=!1:await this.loadElevateGift()}render(){return t(o,{key:"360eca579b9c0637b8962bd61444e243f5272cbe"},t("general-styling-wrapper",{key:"2b7004be2fe2413708e718c33fe6dc8816eadf4d",clientStylingUrl:this.clientStylingUrl,clientStyling:this.clientStyling}),t("div",{key:"e4aa48db658c1ec854d5a86d1bf10c33c37785d7",class:"ElevateDetails"},this.isGiftNotFound&&t(s,{key:"8e8d051cda59be07bb12760a41dfda463f2fc304"},t("div",{key:"f8a6f7ab3c7a71a40444f8c33fd3b5724edfa427",class:"Row ThumbnailRow"},t("div",{key:"588fd3088cfda3520bda4609edb3685585b59dd4",class:"BackButton",onClick:()=>{this.onBackClicked()}},t("span",{key:"0a21fb7b871b86a3c6aba62d0bea3232030fe896",class:"BackArrow",innerHTML:"<"}),t("span",{key:"f865a93f16ad823c53be8debd83d3b3a2a03c3e2",class:"BackTxt"}," ",l("back",this.language)," "))),t("div",{key:"ac0b67a659d3c0ae73d778f2e91c4f9797ae81f5",class:"Thumnails GiftNotFound"},l("noDataFound",this.language),".")),this.elevateGift&&t(s,{key:"77ec78716dfb243a39e69515d20f76871f774a54"},t("div",{key:"31ba48d9cea5210ed03a198c654cf0616b4b50df",class:"ThumbnailRow"},t("div",{key:"d66f35fc0273a12f76be6a59f95be81c6a196aeb",class:"Row"},t("div",{key:"b4381fc601d710b5b871fb46fd16d45df8ac5579",class:"BackButton",onClick:()=>{this.onBackClicked()}},t("span",{key:"ea7cd38ae8ae2b41f27d568b133c5562eb5cca81",class:"BackArrow",innerHTML:"<"}),t("span",{key:"e0f32bfaea693ac4f94684578d55f16511f6c0ac",class:"BackTxt"}," ",l("back",this.language)," ")),t("bonus-elevate-shop-assets-slider",{key:"23baf598ba3e406e6c6a8ef004c763f8fb86e8ec",class:"Thumbnails",itemsPerPage:1,sliderItems:this.elevateGift.presentation.assets,showSliderDots:this.showSliderDots})),t("div",{key:"d3934d824ff50b98e7282c130e6d4b1934eed55d",class:"Col Details"},t("h3",{key:"8d13ba3ff65b25b5247e78d69e9db4b58bf4df67",class:"GiftName"},this.elevateGift.presentation.displayName||this.elevateGift.displayName),t("div",{key:"4ac693165251add4ecd88b1284f4988459a327c0",class:"GiftPoints"},t("span",{key:"ee6fcc33716993907e412652d1878531bb44a88a",class:"Points"},this.elevateGift.points," "),t("span",{key:"0d968613597acd4567c631543db1730150b0e143",class:" PointsLabel"},l("coins",this.language))))),t("div",{key:"5fae4020c00bffe3d778365d1eccef526701cb41",class:"ShopItemDetail Details"},t("div",{key:"7e2d5a97239d20bdf855bcd0e4842f5e86499057",class:"GiftPresentation"},t("p",{key:"e532663c5ce97770a3da271f12696593838e0d40"},this.elevateGift.presentation.description?this.elevateGift.presentation.description:l("noGiftPresentation",this.language))),t("div",{key:"73c9c2b55fbf128cc029a8bc98f89777e25c58a9",class:`RedeemButton ${"false"===this.elevateGift.available||this.isRedeeming?"Disabled deactive":" active "}\n ${"dk"==this.deviceType?"DkButton":""}`,onClick:this.redeemGiftConfirm.bind(this)},l("redeemGift",this.language)),t("span",{key:"149de288622b150cd294a6f85792db93b92d867f",class:"RedeemError Error"}," ",this.redeemErrorMsg," ")))))}};c.style=":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 h=class{constructor(t){e(this,t),this.stylingAppends=!1,this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.el.prepend(e)},this.setClientStylingURL=()=>{let e=new URL(this.clientStylingUrl),t=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{t.innerHTML=e,setTimeout((()=>{this.el.prepend(t)}),1)})).catch((e=>{console.log("error ",e)}))},this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.targetTranslations=void 0}componentDidRender(){this.stylingAppends||(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.stylingAppends=!0)}async componentWillLoad(){const e=[];if(this.translationUrl){const a=(t=this.translationUrl,i=this.targetTranslations,new Promise((e=>{fetch(t).then((e=>e.json())).then((t=>{Object.keys(t).forEach((e=>{i[e]=i[e]?i[e]:{};for(let a in t[e])i[e][a]=t[e][a]})),e(!0)}))})));e.push(a)}var t,i;return await Promise.all(e)}render(){return t("div",{key:"4d3414408c7662f88331dbe655966237f74d6958",class:"StyleShell"},t("slot",{key:"1d004644d84602c4314bdf5dfc26b55b160f57df",name:"mainContent"}))}get el(){return i(this)}};h.style=":host{display:block}";export{r as bonus_elevate_shop_assets_slider,c as bonus_elevate_shop_item,h as general_styling_wrapper}
package/dist/cjs/bonus-elevate-shop-assets-slider_3.cjs.entry.js CHANGED
@@ -121,11 +121,11 @@ const BonusElevateShopAssetsSlider = class {
121
121
  const itemStyle = {
122
122
  width: `${this.itemElementWidth / this.itemsPerPage}px`
123
123
  };
124
- return index.h("div", { key: '210d648ae90dd04e350c0cddb2047061f5989bd8', class: "SliderWrapper" }, index.h("div", { key: '240a214bc772890145b8317bfda32f6099150726', class: 'MainContent ' }, this.showSliderArrows &&
125
- 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 &&
126
- index.h("div", { key: '0f8549f8a5bcf2f1cfcde601930610fe5cc98427', class: `SliderNavButton RightArrow ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}
127
- ${(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 &&
128
- index.h("div", { key: '9c1b9c57b1871d7463569ea9566b28e925870d59', class: "DotsWrapper" }, index.h("ul", { key: '548d1d0f2c46170e07aa7ed4019dc3469e2e3950', class: "Dots" }, this.renderDots())));
124
+ return index.h("div", { key: '3740bd5b367f4e24f0b4391dc7f25c63ccb12958', class: "SliderWrapper" }, index.h("div", { key: '6aac842f54de59cea8b2f2655e8408a8778702d4', class: 'MainContent ' }, this.showSliderArrows &&
125
+ 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 &&
126
+ index.h("div", { key: '9df25ee6a20b5cdadb8a9c180086113836333b09', class: `SliderNavButton RightArrow ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}
127
+ ${(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 &&
128
+ index.h("div", { key: '64e3351b3a2c870e148be20258f0b73679726a52', class: "DotsWrapper" }, index.h("ul", { key: '333c73a153736561d2d3d2882247a2db321302c1', class: "Dots" }, this.renderDots())));
129
129
  }
130
130
  get el() { return index.getElement(this); }
131
131
  };
@@ -136,42 +136,47 @@ const TRANSLATIONS = {
136
136
  en: {
137
137
  coins: 'Coins',
138
138
  noGiftPresentation: 'No description',
139
- redeem: 'Redeem',
139
+ redeemGift: 'Redeem Gift',
140
140
  noDataFound: 'No data found',
141
141
  error4003: 'Invalid Session',
142
- redeemFailed: 'Failed to redeem'
142
+ redeemFailed: 'Failed to redeem',
143
+ back: 'Back',
143
144
  },
144
145
  ro: {
145
146
  coins: 'Coins',
146
147
  noGiftPresentation: 'No description',
147
- redeem: 'Redeem',
148
+ redeemGift: 'Redeem Gift',
148
149
  noDataFound: 'No data found',
149
150
  error4003: 'Invalid Session',
150
- redeemFailed: 'Failed to redeem'
151
+ redeemFailed: 'Failed to redeem',
152
+ back: 'Back',
151
153
  },
152
154
  fr: {
153
155
  coins: 'Coins',
154
156
  noGiftPresentation: 'No description',
155
- redeem: 'Redeem',
157
+ redeemGift: 'Redeem Gift',
156
158
  noDataFound: 'No data found',
157
159
  error4003: 'Invalid Session',
158
160
  redeemFailed: 'Failed to redeem',
161
+ back: 'Back',
159
162
  },
160
163
  ar: {
161
164
  coins: 'Coins',
162
165
  noGiftPresentation: 'No description',
163
- redeem: 'Redeem',
166
+ redeemGift: 'Redeem Gift',
164
167
  noDataFound: 'No data found',
165
168
  error4003: 'Invalid Session',
166
169
  redeemFailed: 'Failed to redeem',
170
+ back: 'Back',
167
171
  },
168
172
  hu: {
169
173
  coins: 'Coins',
170
174
  noGiftPresentation: 'No description',
171
- redeem: 'Redeem',
175
+ redeemGift: 'Redeem Gift',
172
176
  noDataFound: 'No data found',
173
177
  error4003: 'Invalid Session',
174
178
  redeemFailed: 'Failed to redeem',
179
+ back: 'Back',
175
180
  }
176
181
  };
177
182
  const translate = (key, customLang) => {
@@ -228,7 +233,7 @@ const getDevicePlatform = () => {
228
233
  }
229
234
  };
230
235
 
231
- 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}";
236
+ 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}";
232
237
  const BonusElevateShopItemStyle0 = bonusElevateShopItemCss;
233
238
 
234
239
  const BonusElevateShopItem = class {
@@ -343,10 +348,10 @@ const BonusElevateShopItem = class {
343
348
  }
344
349
  }
345
350
  render() {
346
- 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: () => {
351
+ 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: () => {
347
352
  this.onBackClicked();
348
- } }, '<')), 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' : ''}
349
- ${this.deviceType == 'dk' ? 'DkButton' : ''}`, onClick: this.redeemGiftConfirm.bind(this) }, translate('redeem', this.language)), index.h("span", { key: 'aa4dcf7e1f3f5b0eb0b7627e5c7cccd7375a9e77', class: 'RedeemError Error' }, " ", this.redeemErrorMsg, " "))))));
353
+ } }, 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 '}
354
+ ${this.deviceType == 'dk' ? 'DkButton' : ''}`, onClick: this.redeemGiftConfirm.bind(this) }, translate('redeemGift', this.language)), index.h("span", { key: '149de288622b150cd294a6f85792db93b92d867f', class: 'RedeemError Error' }, " ", this.redeemErrorMsg, " "))))));
350
355
  }
351
356
  };
352
357
  BonusElevateShopItem.style = BonusElevateShopItemStyle0;
package/dist/collection/components/bonus-elevate-shop-item/bonus-elevate-shop-assets-slider.js CHANGED
@@ -115,11 +115,11 @@ export class BonusElevateShopAssetsSlider {
115
115
  const itemStyle = {
116
116
  width: `${this.itemElementWidth / this.itemsPerPage}px`
117
117
  };
118
- return h("div", { key: '210d648ae90dd04e350c0cddb2047061f5989bd8', class: "SliderWrapper" }, h("div", { key: '240a214bc772890145b8317bfda32f6099150726', class: 'MainContent ' }, this.showSliderArrows &&
119
- 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 &&
120
- h("div", { key: '0f8549f8a5bcf2f1cfcde601930610fe5cc98427', class: `SliderNavButton RightArrow ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}
121
- ${(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 &&
122
- h("div", { key: '9c1b9c57b1871d7463569ea9566b28e925870d59', class: "DotsWrapper" }, h("ul", { key: '548d1d0f2c46170e07aa7ed4019dc3469e2e3950', class: "Dots" }, this.renderDots())));
118
+ return h("div", { key: '3740bd5b367f4e24f0b4391dc7f25c63ccb12958', class: "SliderWrapper" }, h("div", { key: '6aac842f54de59cea8b2f2655e8408a8778702d4', class: 'MainContent ' }, this.showSliderArrows &&
119
+ 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 &&
120
+ h("div", { key: '9df25ee6a20b5cdadb8a9c180086113836333b09', class: `SliderNavButton RightArrow ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}
121
+ ${(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 &&
122
+ h("div", { key: '64e3351b3a2c870e148be20258f0b73679726a52', class: "DotsWrapper" }, h("ul", { key: '333c73a153736561d2d3d2882247a2db321302c1', class: "Dots" }, this.renderDots())));
123
123
  }
124
124
  static get is() { return "bonus-elevate-shop-assets-slider"; }
125
125
  static get properties() {
package/dist/collection/components/bonus-elevate-shop-item/bonus-elevate-shop-item.css CHANGED
@@ -35,7 +35,7 @@
35
35
  max-width: 398px;
36
36
  }
37
37
  .ElevateDetails .ThumbnailRow .BackButton {
38
- width: 20px;
38
+ width: 100px;
39
39
  height: 20px;
40
40
  padding: 5px;
41
41
  background: white;
@@ -73,36 +73,26 @@
73
73
  letter-spacing: 0.04em;
74
74
  text-align: left;
75
75
  }
76
- .ElevateDetails .RedeemButton:hover {
77
- font-weight: 800;
78
- border: 2px solid var(--emfe-w-color-gray-300, rgb(229, 231, 213));
79
- cursor: not-allowed;
80
- }
81
- .ElevateDetails .RedeemButton.Disabled:hover {
82
- font-weight: normal;
83
- border: 2px solid transparent;
84
- }
85
76
  .ElevateDetails .RedeemButton {
86
- margin-top: 50px;
87
- color: #f1f1f1;
88
- font-size: 20px;
89
- padding: 16px 25px 16px 25px;
90
- border-radius: 18px;
77
+ width: 150px;
78
+ padding: 5px 0px;
79
+ border: 2px solid var(--emw--button-border-color, rgba(8, 59, 23, 0.1098039216));
91
80
  text-align: center;
92
- cursor: pointer;
93
- 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%);
94
- border: 2px solid;
95
- border-image-source: linear-gradient(283.85deg, rgba(190, 40, 40, 0.5) 0%, rgba(56, 64, 179, 0) 33.47%);
96
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
97
- }
98
- .ElevateDetails .RedeemButton.DkButton {
99
- width: 80px;
100
- padding: 8px;
101
- font-size: 16px;
102
- border-radius: 5px;
81
+ color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
82
+ font-size: var(--emw--font-size-small, 12px);
83
+ font-weight: var(--emw--font-weight-bold, 700);
84
+ line-height: var(--emw--font-size-medium, 14px);
85
+ text-transform: uppercase;
86
+ border-radius: var(--emw--border-radius-medium, 20px);
87
+ }
88
+ .ElevateDetails .RedeemButton.active {
89
+ background: var(--emw--color-primary, #18CE51);
90
+ }
91
+ .ElevateDetails .RedeemButton.active:hover {
92
+ background: var(--mmw--color-main-button-hover, #24B24E);
103
93
  }
104
- .ElevateDetails .RedeemButton.Disabled {
105
- 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%);
94
+ .ElevateDetails .RedeemButton.deactive, .ElevateDetails .RedeemButton.disabled {
95
+ background: var(--mmw--color-disabled, rgba(153, 153, 153, 0.5019607843));
106
96
  }
107
97
  .ElevateDetails .SliderWrapper {
108
98
  display: flex;
package/dist/collection/components/bonus-elevate-shop-item/bonus-elevate-shop-item.js CHANGED
@@ -112,10 +112,10 @@ export class BonusElevateShopItem {
112
112
  }
113
113
  }
114
114
  render() {
115
- 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: () => {
115
+ 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: () => {
116
116
  this.onBackClicked();
117
- } }, '<')), 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' : ''}
118
- ${this.deviceType == 'dk' ? 'DkButton' : ''}`, onClick: this.redeemGiftConfirm.bind(this) }, translate('redeem', this.language)), h("span", { key: 'aa4dcf7e1f3f5b0eb0b7627e5c7cccd7375a9e77', class: 'RedeemError Error' }, " ", this.redeemErrorMsg, " "))))));
117
+ } }, 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 '}
118
+ ${this.deviceType == 'dk' ? 'DkButton' : ''}`, onClick: this.redeemGiftConfirm.bind(this) }, translate('redeemGift', this.language)), h("span", { key: '149de288622b150cd294a6f85792db93b92d867f', class: 'RedeemError Error' }, " ", this.redeemErrorMsg, " "))))));
119
119
  }
120
120
  static get is() { return "bonus-elevate-shop-item"; }
121
121
  static get encapsulation() { return "shadow"; }
package/dist/collection/utils/locale.utils.js CHANGED
@@ -4,42 +4,47 @@ const TRANSLATIONS = {
4
4
  en: {
5
5
  coins: 'Coins',
6
6
  noGiftPresentation: 'No description',
7
- redeem: 'Redeem',
7
+ redeemGift: 'Redeem Gift',
8
8
  noDataFound: 'No data found',
9
9
  error4003: 'Invalid Session',
10
- redeemFailed: 'Failed to redeem'
10
+ redeemFailed: 'Failed to redeem',
11
+ back: 'Back',
11
12
  },
12
13
  ro: {
13
14
  coins: 'Coins',
14
15
  noGiftPresentation: 'No description',
15
- redeem: 'Redeem',
16
+ redeemGift: 'Redeem Gift',
16
17
  noDataFound: 'No data found',
17
18
  error4003: 'Invalid Session',
18
- redeemFailed: 'Failed to redeem'
19
+ redeemFailed: 'Failed to redeem',
20
+ back: 'Back',
19
21
  },
20
22
  fr: {
21
23
  coins: 'Coins',
22
24
  noGiftPresentation: 'No description',
23
- redeem: 'Redeem',
25
+ redeemGift: 'Redeem Gift',
24
26
  noDataFound: 'No data found',
25
27
  error4003: 'Invalid Session',
26
28
  redeemFailed: 'Failed to redeem',
29
+ back: 'Back',
27
30
  },
28
31
  ar: {
29
32
  coins: 'Coins',
30
33
  noGiftPresentation: 'No description',
31
- redeem: 'Redeem',
34
+ redeemGift: 'Redeem Gift',
32
35
  noDataFound: 'No data found',
33
36
  error4003: 'Invalid Session',
34
37
  redeemFailed: 'Failed to redeem',
38
+ back: 'Back',
35
39
  },
36
40
  hu: {
37
41
  coins: 'Coins',
38
42
  noGiftPresentation: 'No description',
39
- redeem: 'Redeem',
43
+ redeemGift: 'Redeem Gift',
40
44
  noDataFound: 'No data found',
41
45
  error4003: 'Invalid Session',
42
46
  redeemFailed: 'Failed to redeem',
47
+ back: 'Back',
43
48
  }
44
49
  };
45
50
  export const translate = (key, customLang) => {
package/dist/esm/bonus-elevate-shop-assets-slider_3.entry.js CHANGED
@@ -117,11 +117,11 @@ const BonusElevateShopAssetsSlider = class {
117
117
  const itemStyle = {
118
118
  width: `${this.itemElementWidth / this.itemsPerPage}px`
119
119
  };
120
- return h("div", { key: '210d648ae90dd04e350c0cddb2047061f5989bd8', class: "SliderWrapper" }, h("div", { key: '240a214bc772890145b8317bfda32f6099150726', class: 'MainContent ' }, this.showSliderArrows &&
121
- 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 &&
122
- h("div", { key: '0f8549f8a5bcf2f1cfcde601930610fe5cc98427', class: `SliderNavButton RightArrow ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}
123
- ${(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 &&
124
- h("div", { key: '9c1b9c57b1871d7463569ea9566b28e925870d59', class: "DotsWrapper" }, h("ul", { key: '548d1d0f2c46170e07aa7ed4019dc3469e2e3950', class: "Dots" }, this.renderDots())));
120
+ return h("div", { key: '3740bd5b367f4e24f0b4391dc7f25c63ccb12958', class: "SliderWrapper" }, h("div", { key: '6aac842f54de59cea8b2f2655e8408a8778702d4', class: 'MainContent ' }, this.showSliderArrows &&
121
+ 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 &&
122
+ h("div", { key: '9df25ee6a20b5cdadb8a9c180086113836333b09', class: `SliderNavButton RightArrow ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}
123
+ ${(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 &&
124
+ h("div", { key: '64e3351b3a2c870e148be20258f0b73679726a52', class: "DotsWrapper" }, h("ul", { key: '333c73a153736561d2d3d2882247a2db321302c1', class: "Dots" }, this.renderDots())));
125
125
  }
126
126
  get el() { return getElement(this); }
127
127
  };
@@ -132,42 +132,47 @@ const TRANSLATIONS = {
132
132
  en: {
133
133
  coins: 'Coins',
134
134
  noGiftPresentation: 'No description',
135
- redeem: 'Redeem',
135
+ redeemGift: 'Redeem Gift',
136
136
  noDataFound: 'No data found',
137
137
  error4003: 'Invalid Session',
138
- redeemFailed: 'Failed to redeem'
138
+ redeemFailed: 'Failed to redeem',
139
+ back: 'Back',
139
140
  },
140
141
  ro: {
141
142
  coins: 'Coins',
142
143
  noGiftPresentation: 'No description',
143
- redeem: 'Redeem',
144
+ redeemGift: 'Redeem Gift',
144
145
  noDataFound: 'No data found',
145
146
  error4003: 'Invalid Session',
146
- redeemFailed: 'Failed to redeem'
147
+ redeemFailed: 'Failed to redeem',
148
+ back: 'Back',
147
149
  },
148
150
  fr: {
149
151
  coins: 'Coins',
150
152
  noGiftPresentation: 'No description',
151
- redeem: 'Redeem',
153
+ redeemGift: 'Redeem Gift',
152
154
  noDataFound: 'No data found',
153
155
  error4003: 'Invalid Session',
154
156
  redeemFailed: 'Failed to redeem',
157
+ back: 'Back',
155
158
  },
156
159
  ar: {
157
160
  coins: 'Coins',
158
161
  noGiftPresentation: 'No description',
159
- redeem: 'Redeem',
162
+ redeemGift: 'Redeem Gift',
160
163
  noDataFound: 'No data found',
161
164
  error4003: 'Invalid Session',
162
165
  redeemFailed: 'Failed to redeem',
166
+ back: 'Back',
163
167
  },
164
168
  hu: {
165
169
  coins: 'Coins',
166
170
  noGiftPresentation: 'No description',
167
- redeem: 'Redeem',
171
+ redeemGift: 'Redeem Gift',
168
172
  noDataFound: 'No data found',
169
173
  error4003: 'Invalid Session',
170
174
  redeemFailed: 'Failed to redeem',
175
+ back: 'Back',
171
176
  }
172
177
  };
173
178
  const translate = (key, customLang) => {
@@ -224,7 +229,7 @@ const getDevicePlatform = () => {
224
229
  }
225
230
  };
226
231
 
227
- 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}";
232
+ 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}";
228
233
  const BonusElevateShopItemStyle0 = bonusElevateShopItemCss;
229
234
 
230
235
  const BonusElevateShopItem = class {
@@ -339,10 +344,10 @@ const BonusElevateShopItem = class {
339
344
  }
340
345
  }
341
346
  render() {
342
- 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: () => {
347
+ 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: () => {
343
348
  this.onBackClicked();
344
- } }, '<')), 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' : ''}
345
- ${this.deviceType == 'dk' ? 'DkButton' : ''}`, onClick: this.redeemGiftConfirm.bind(this) }, translate('redeem', this.language)), h("span", { key: 'aa4dcf7e1f3f5b0eb0b7627e5c7cccd7375a9e77', class: 'RedeemError Error' }, " ", this.redeemErrorMsg, " "))))));
349
+ } }, 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 '}
350
+ ${this.deviceType == 'dk' ? 'DkButton' : ''}`, onClick: this.redeemGiftConfirm.bind(this) }, translate('redeemGift', this.language)), h("span", { key: '149de288622b150cd294a6f85792db93b92d867f', class: 'RedeemError Error' }, " ", this.redeemErrorMsg, " "))))));
346
351
  }
347
352
  };
348
353
  BonusElevateShopItem.style = BonusElevateShopItemStyle0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/bonus-elevate-shop-item",
3
- "version": "1.47.3",
3
+ "version": "1.48.0",
4
4
  "main": "./dist/index.cjs.js",
5
5
  "module": "./dist/index.js",
6
6
  "es2015": "./dist/esm/index.mjs",
package/dist/bonus-elevate-shop-item/p-4e9b7c9e.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as e,h as t,g as i,c as s,F as a,H as r}from"./p-ec5f179f.js";const o=class{constructor(t){e(this,t),this.xDown=null,this.yDown=null,this.orientationChangeHandler=()=>{setTimeout((()=>{this.recalculateItemsPerPage()}),10)},this.resizeHandler=()=>{this.recalculateItemsPerPage()},this.showSliderDots=!1,this.showSliderArrows=!0,this.itemsPerPage=1,this.sliderItems=[],this.activeIndex=0}setActive(e){var t;const i=null===(t=this.sliderItems)||void 0===t?void 0:t.length;this.activeIndex=e>=0?e>=i-1?i-1:e:0}move(e){this.setActive(this.activeIndex+e)}goTo(e){let t=this.activeIndex-e;if(t>0)for(let e=0;e<t;e++)this.move(-1);else for(let e=0;e>t;e--)this.move(1)}handleTouchStart(e){const t=this.getTouches(e)[0];this.xDown=t.clientX,this.yDown=t.clientY}getTouches(e){return e.touches||e.originalEvent.touches}handleTouchMove(e){if(!this.xDown||!this.yDown)return;let t=this.xDown-e.touches[0].clientX,i=this.yDown-e.touches[0].clientY;Math.abs(t)>Math.abs(i)&&this.move(t>0?1:-1),this.xDown=null,this.yDown=null}recalculateItemsPerPage(){this.sliderItemsElement&&(this.itemElementWidth=this.sliderItemsElement.clientWidth,this.sliderItemsElementWidth=(this.sliderItems.length-1)*this.itemElementWidth)}renderDots(){var e;const i=[];for(let s=0;s<(null===(e=this.sliderItems)||void 0===e?void 0:e.length)/this.itemsPerPage;s++)i.push(t("li",{class:s==this.activeIndex?"active":"default",onClick:()=>{this.goTo(s),this.setActive(s)}}));return i}componentDidRender(){this.el.addEventListener("touchstart",this.handleTouchStart.bind(this),{passive:!0}),this.el.addEventListener("touchmove",this.handleTouchMove.bind(this),{passive:!0}),this.recalculateItemsPerPage()}componentDidUpdate(){this.recalculateItemsPerPage()}connectedCallback(){window.screen.orientation.addEventListener("change",this.orientationChangeHandler)}disconnectedCallback(){this.el.removeEventListener("touchstart",this.handleTouchStart),this.el.removeEventListener("touchmove",this.handleTouchMove),window.screen.orientation.removeEventListener("change",this.orientationChangeHandler),window.removeEventListener("resize",this.resizeHandler)}render(){var e;const i={transform:`translate(${this.sliderItemsElementWidth/((null===(e=this.sliderItems)||void 0===e?void 0:e.length)-1)*this.activeIndex*-1}px, 0px)`},s={width:this.itemElementWidth/this.itemsPerPage+"px"};return t("div",{key:"210d648ae90dd04e350c0cddb2047061f5989bd8",class:"SliderWrapper"},t("div",{key:"240a214bc772890145b8317bfda32f6099150726",class:"MainContent "},this.showSliderArrows&&t("div",{key:"e8e144fbc2906ee0c5e77cc00c33fb1e89ced29f",class:`SliderNavButton LeftArrow ${0===this.activeIndex?"DisabledArrow ":""} ${1===this.sliderItems.length?"HiddenArrow ":""}`,onClick:()=>this.move(-1)},t("svg",{key:"068a669fa96d11532199f2f2eb44e3a4c3f31e10",fill:"none",stroke:"var(--emfe-w-color-secondary, #FD2839)",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"2789bb8d91ce4ec7f0fd7c3c6b9f3c7b7e682088","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 19l-7-7 7-7"}))),t("div",{key:"034ef81e4d9a8dea56fd42791e8a08940dfa4af6",class:"ItemsWrapper",ref:e=>this.sliderItemsElement=e},t("div",{key:"f412b5f0978348e4d9e0af682d151a1880f6e86d",class:"Items AssetsItems",style:i},this.sliderItems.map((e=>t("img",{class:`img${this.itemsPerPage}`,alt:"Gift Thumbnails",style:s,src:e}))))),this.showSliderArrows&&t("div",{key:"0f8549f8a5bcf2f1cfcde601930610fe5cc98427",class:`SliderNavButton RightArrow ${1===this.sliderItems.length?"HiddenArrow ":""}\n ${this.activeIndex===this.sliderItems.length-1||this.itemsPerPage==this.sliderItems.length?"DisabledArrow":""}`,onClick:()=>this.move(1)},t("svg",{key:"5758a9a73af5f7fa4618ae1b4bb30d838b509d9f",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"720c5f0f496e8817fc9017ec4e8706cb9644e9ef","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M9 5l7 7-7 7"})))),this.showSliderDots&&this.sliderItems.length>1&&t("div",{key:"9c1b9c57b1871d7463569ea9566b28e925870d59",class:"DotsWrapper"},t("ul",{key:"548d1d0f2c46170e07aa7ed4019dc3469e2e3950",class:"Dots"},this.renderDots())))}get el(){return i(this)}},d=["ro","en","fr","ar","hu"],n={en:{coins:"Coins",noGiftPresentation:"No description",redeem:"Redeem",noDataFound:"No data found",error4003:"Invalid Session",redeemFailed:"Failed to redeem"},ro:{coins:"Coins",noGiftPresentation:"No description",redeem:"Redeem",noDataFound:"No data found",error4003:"Invalid Session",redeemFailed:"Failed to redeem"},fr:{coins:"Coins",noGiftPresentation:"No description",redeem:"Redeem",noDataFound:"No data found",error4003:"Invalid Session",redeemFailed:"Failed to redeem"},ar:{coins:"Coins",noGiftPresentation:"No description",redeem:"Redeem",noDataFound:"No data found",error4003:"Invalid Session",redeemFailed:"Failed to redeem"},hu:{coins:"Coins",noGiftPresentation:"No description",redeem:"Redeem",noDataFound:"No data found",error4003:"Invalid Session",redeemFailed:"Failed to redeem"}},l=(e,t)=>{const i=t;return n[void 0!==i&&d.includes(i)?i:"en"][e]},c=class{constructor(t){e(this,t),this.redeemGiftButton=s(this,"redeemGiftButton",7),this.bindedHandler=this.handleMessage.bind(this),this.deviceType=(()=>{const e=(()=>{let e=window.navigator.userAgent;return e.toLowerCase().match(/android/i)?"Android":e.toLowerCase().match(/iphone/i)?"iPhone":e.toLowerCase().match(/ipad|ipod/i)?"iPad":"PC"})();if(e)return"PC"===e?"dk":"iPad"===e||"iPhone"===e?"ios":"mtWeb"})(),this.endpoint=void 0,this.language="en",this.itemId=void 0,this.elevateGift=void 0,this.session=void 0,this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.showSliderDots=!1,this.showSliderArrows=!0,this.isGiftNotFound=!1,this.redeemErrorMsg="",this.isRedeeming=!1}redeemGiftConfirm(){"true"==this.elevateGift.available&&window.postMessage({type:"BEERedeemConfirm",shopItem:this.elevateGift},window.location.href)}handleMessage(e){e.data&&"bee-redeem-confirmed"===e.data.type&&e.data.id==this.elevateGift.id&&this.redeemGift()}onBackClicked(){window.postMessage({type:"OnGiftDetailsBackButtonClicked"},window.location.href)}redeemGift(){if("false"===this.elevateGift.available.toLowerCase())return;let e=new URL(`${this.endpoint}/v1/elevate/redeem`),t={method:"PUT",headers:{"x-SessionId":this.session,"Content-Type":"application/json-patch+json"},body:JSON.stringify({giftId:this.elevateGift.id})};this.redeemErrorMsg="",this.isRedeeming=!0,fetch(e.toString(),t).then((e=>e.json())).then((e=>{if(e.success)this.redeemGiftButton.emit(),window.postMessage({type:"BEEGiftRedeem",itemId:this.elevateGift.id},window.location.href);else{let t=l(`error${e.errorCode}`,this.language);this.redeemErrorMsg=t||l("redeemFailed",this.language),window.postMessage({type:"BEEGiftRedeemFailed",itemId:this.elevateGift.id,res:e},window.location.href)}})).catch((e=>{window.postMessage({type:"BEEGiftClaimFailed",itemId:this.elevateGift.id,err:e},window.location.href)})).finally((()=>{this.isRedeeming=!1}))}async loadElevateGift(){let e=new URL(`${this.endpoint}/v1/elevate/shop?language=${this.language}&filter=id=${this.itemId}`),t={headers:{"Content-Type":"application/json","x-SessionId":this.session},method:"GET"};await new Promise((i=>{fetch(e.href,t).then((e=>e.json())).then((e=>{let t=e.data;t&&1==t.length?(this.elevateGift=t[0],this.isGiftNotFound=!1):this.isGiftNotFound=!0,i(!0)}))}))}disconnectedCallback(){window.removeEventListener("message",this.bindedHandler,!1)}componentDidLoad(){window.addEventListener("message",this.bindedHandler,!1)}async componentWillLoad(){var e;this.translationUrl.length>2&&await(e=this.translationUrl,new Promise((t=>{fetch(e).then((e=>e.json())).then((e=>{Object.keys(e).forEach((t=>{for(let i in e[t])n[t][i]=e[t][i]})),t(!0)}))}))),this.elevateGift?this.isGiftNotFound=!1:await this.loadElevateGift()}render(){return t(r,{key:"360eca579b9c0637b8962bd61444e243f5272cbe"},t("general-styling-wrapper",{key:"2b7004be2fe2413708e718c33fe6dc8816eadf4d",clientStylingUrl:this.clientStylingUrl,clientStyling:this.clientStyling}),t("div",{key:"e4aa48db658c1ec854d5a86d1bf10c33c37785d7",class:"ElevateDetails"},this.isGiftNotFound&&t(a,{key:"8e8d051cda59be07bb12760a41dfda463f2fc304"},t("div",{key:"f8a6f7ab3c7a71a40444f8c33fd3b5724edfa427",class:"Row ThumbnailRow"},t("div",{key:"eb13a35ecb491e96d087fa9a25e1bd2c5a69b110",class:"BackButton",onClick:()=>{this.onBackClicked()}},"<")),t("div",{key:"00bd5151bd6716ca43ea7b6222451b13a1b7f4b3",class:"Thumnails GiftNotFound"},l("noDataFound",this.language),".")),this.elevateGift&&t(a,{key:"4c85be20514c63c860820507c7b1c0821b7576e7"},t("div",{key:"e81776a1e65e72ac61503f29bffccf66232a5787",class:"ThumbnailRow"},t("div",{key:"f661edda3cdeec4a1d3f5a8d812aa9e1b2e59a6b",class:"Row"},t("div",{key:"a43b78924d06229ea6ad709036ab1beca8b67e5f",class:"BackButton",onClick:()=>{this.onBackClicked()}},"<"),t("bonus-elevate-shop-assets-slider",{key:"f3ef875e7befc0e2195dd8e1c7cddf8fa3bd2f99",class:"Thumbnails",itemsPerPage:1,sliderItems:this.elevateGift.presentation.assets,showSliderDots:this.showSliderDots})),t("div",{key:"8b5012f5f9494cd9a6e134f47f074855031fdd10",class:"Col Details"},t("h3",{key:"f3362e5b47729648f864f268f46beedc44c5db67",class:"GiftName"},this.elevateGift.presentation.displayName||this.elevateGift.displayName),t("div",{key:"2e6d56116d5bdb5758d599842d696f4279317840",class:"GiftPoints"},t("span",{key:"c3b9e98e09c9f4fbe49e2a2c0486a9b6d7b0e5cb",class:"Points"},this.elevateGift.points," "),t("span",{key:"2d7ffbcb8f6f0dd9e4bc7a07dfb64d806540e593",class:" PointsLabel"},l("coins",this.language))))),t("div",{key:"c929f20f3c06ab72b067687d1098c6e28d21bab2",class:"ShopItemDetail Details"},t("div",{key:"88ada0c9967961633aad459dfc5fcc7fa46ffeb6",class:"GiftPresentation"},t("p",{key:"07701706c737d5b0e7562fefd3a57fc08cc0a0b7"},this.elevateGift.presentation.description?this.elevateGift.presentation.description:l("noGiftPresentation",this.language))),t("div",{key:"2021ece01276e5871ef1b633e51f4cf8ed046df7",class:`RedeemButton ${"false"===this.elevateGift.available||this.isRedeeming?"Disabled":""}\n ${"dk"==this.deviceType?"DkButton":""}`,onClick:this.redeemGiftConfirm.bind(this)},l("redeem",this.language)),t("span",{key:"aa4dcf7e1f3f5b0eb0b7627e5c7cccd7375a9e77",class:"RedeemError Error"}," ",this.redeemErrorMsg," ")))))}};c.style=":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 h=class{constructor(t){e(this,t),this.stylingAppends=!1,this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.el.prepend(e)},this.setClientStylingURL=()=>{let e=new URL(this.clientStylingUrl),t=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{t.innerHTML=e,setTimeout((()=>{this.el.prepend(t)}),1)})).catch((e=>{console.log("error ",e)}))},this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.targetTranslations=void 0}componentDidRender(){this.stylingAppends||(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.stylingAppends=!0)}async componentWillLoad(){const e=[];if(this.translationUrl){const s=(t=this.translationUrl,i=this.targetTranslations,new Promise((e=>{fetch(t).then((e=>e.json())).then((t=>{Object.keys(t).forEach((e=>{i[e]=i[e]?i[e]:{};for(let s in t[e])i[e][s]=t[e][s]})),e(!0)}))})));e.push(s)}var t,i;return await Promise.all(e)}render(){return t("div",{key:"4d3414408c7662f88331dbe655966237f74d6958",class:"StyleShell"},t("slot",{key:"1d004644d84602c4314bdf5dfc26b55b160f57df",name:"mainContent"}))}get el(){return i(this)}};h.style=":host{display:block}";export{o as bonus_elevate_shop_assets_slider,c as bonus_elevate_shop_item,h as general_styling_wrapper}