@everymatrix/bonus-elevate-shop-item 1.94.114 → 1.94.116
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bonus-elevate-shop-item/bonus-elevate-shop-assets-slider_5.entry.js +1 -1
- package/dist/bonus-elevate-shop-item/bonus-elevate-shop-item.esm.js +1 -1
- package/dist/cjs/bonus-elevate-shop-assets-slider_5.cjs.entry.js +47 -20
- package/dist/cjs/bonus-elevate-shop-item.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/bonus-elevate-shop-item/bonus-elevate-shop-item.css +17 -10
- package/dist/collection/components/bonus-elevate-shop-item/bonus-elevate-shop-item.js +31 -20
- package/dist/collection/utils/locale.utils.js +8 -1
- package/dist/collection/utils/utils.js +10 -0
- package/dist/esm/bonus-elevate-shop-assets-slider_5.entry.js +47 -20
- package/dist/esm/bonus-elevate-shop-item.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/bonus-elevate-shop-item/bonus-elevate-shop-item.d.ts +2 -1
- package/dist/types/models/bonus-elevate-shop-item.d.ts +1 -0
- package/dist/types/utils/utils.d.ts +7 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,g as i,c as s,F as a,H as n}from"./index-fca048d8.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:"740222cee57f5759854860f015dd900c1cb66f80",class:"SliderWrapper"},t("div",{key:"6d8971425bc1fc42bc4e64331b0c5f21d4ed1c40",class:"MainContent "},this.showSliderArrows&&t("div",{key:"1db77bb5cd7dfb6d5e06a4f42a33ff435f9eb224",class:`SliderNavButton LeftArrow ${0===this.activeIndex?"DisabledArrow ":""} ${1===this.sliderItems.length?"HiddenArrow ":""}`,onClick:()=>this.move(-1)},t("svg",{key:"e406abe6d9d44ab3809322d2f0699ea3ee372b0f",fill:"none",stroke:"var(--emw--color-secondary, #FD2839)",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"a8ee39ea455a06058466e03755582fbd07391514","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 19l-7-7 7-7"}))),t("div",{key:"a2681048af708d96aa6886db7b6b94639a650a26",class:"ItemsWrapper",ref:e=>this.sliderItemsElement=e},t("div",{key:"be1c762012144756bda71a46302dfe0954bc6add",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:"927367a3bbc674cc953eccc3359639381423d0a4",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:"d84e6e3011f8609f1ded47098bb28333f352f430",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"f05768932ee5e8fb74b6b1016612320d0e4ed737","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M9 5l7 7-7 7"})))),this.showSliderDots&&this.sliderItems.length>1&&t("div",{key:"a08098a90c717ccceda93cd741cb65521a83df9b",class:"DotsWrapper"},t("ul",{key:"8c873c229c603b4aca57e277f74cdf3d2192c01b",class:"Dots"},this.renderDots())))}get el(){return i(this)}},r={en:{coins:"Coins",noGiftPresentation:"No description",redeemGift:"Redeem Gift",noDataFound:"No data found",error4003:"Invalid Session",redeemFailed:"Failed to redeem",back:"Back",startNow:"Start Now!",games:"Games"},tr:{coins:"Coin",noGiftPresentation:"Açıklama yok",redeemGift:"Hediye Al",noDataFound:"Veri bulunamadı",error4003:"Geçersiz Oturum",redeemFailed:"Kullanım başarısız",back:"Geri"},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)=>r[t||"en"][e]||r.en[e],d=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.powerUpGameSearchConditions={expand:"games",fields:"powerUpID,games(id,gameId,slug,name,thumbnail)"},this.endpoint=void 0,this.language="en",this.itemId=void 0,this.elevateGift=void 0,this.session=void 0,this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.showSliderDots=!1,this.showSliderArrows=!0,this.isGiftNotFound=!1,this.redeemErrorMsg="",this.isRedeeming=!1,this.powerUpGames=void 0,this.isLoadingGames=!1}redeemGiftConfirm(){this.isRedeeming||"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()||this.isRedeeming)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],"powerUp"===this.elevateGift.type&&this.elevateGift.powerUpID&&this.loadMoreGames(),this.isGiftNotFound=!1):this.isGiftNotFound=!0,i(!0)}))}))}async loadMoreGames(){var e,t,i,s,a;if(!(this.isLoadingGames||(null===(e=this.powerUpGames)||void 0===e?void 0:e.total)>0&&(null===(t=this.powerUpGames)||void 0===t?void 0:t.items.length)>=(null===(i=this.powerUpGames)||void 0===i?void 0:i.total))){this.isLoadingGames=!0;try{const e=new URL(`${this.endpoint}/v1/elevate/powerups/available?pagination=games(limit=20,offset=${(null===(s=this.powerUpGames)||void 0===s?void 0:s.items.length)||0})`),t={headers:{"x-SessionId":this.session}};e.searchParams.append("filter",`id=${this.elevateGift.powerUpID}`),Object.entries(this.powerUpGameSearchConditions).forEach((([t,i])=>{e.searchParams.append(t,i)}));const i=await fetch(e.toString(),t);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);const{data:n}=await i.json(),o=null==n?void 0:n[0];(null===(a=null==o?void 0:o.games)||void 0===a?void 0:a.items)&&(this.powerUpGames?this.powerUpGames.items=[...this.powerUpGames.items,...o.games.items]:this.powerUpGames=o.games,this.powerUpGames=Object.assign({},this.powerUpGames))}catch(e){console.error("Failed to load more games:",e)}finally{this.isLoadingGames=!1}}}initializeGamesObserver(){this.loadMoreGamesObserver&&this.loadMoreGamesObserver.disconnect(),this.loadMoreGamesObserver=new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting&&this.loadMoreGames()}))})),this.lastGameElement&&this.loadMoreGamesObserver.observe(this.lastGameElement)}onGameClick(e){window.postMessage({type:"EngagementSuiteGameRedirect",data:{Slug:e.slug}})}disconnectedCallback(){window.removeEventListener("message",this.bindedHandler,!1),this.loadMoreGamesObserver&&this.loadMoreGamesObserver.disconnect()}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=>{r[t]=r[t]||{};for(let i in e[t])r[t][i]=e[t][i]})),t(!0)})).catch((e=>{console.error("Failed to load translations:",e),t(!1)}))}))),this.elevateGift?this.isGiftNotFound=!1:await this.loadElevateGift()}componentDidUpdate(){var e,t;(null===(e=this.powerUpGames)||void 0===e?void 0:e.items.length)<(null===(t=this.powerUpGames)||void 0===t?void 0:t.total)&&this.initializeGamesObserver()}render(){var e,i,s;return t(n,{key:"02194284778bc18ed94c17ee0c4a682da0c9935e"},t("general-styling-wrapper",{key:"3109c90669d039df0aa7caf8dac48ca7576b1db2",clientStylingUrl:this.clientStylingUrl,clientStyling:this.clientStyling,mbSource:this.mbSource}),t("div",{key:"aa8fa9853ff3f0c50cf055f622640f187138531b",class:"ElevateDetails"},this.isGiftNotFound&&t(a,{key:"1ff8d0e249663ea5f2ee0de06d406f962f973493"},t("div",{key:"5575275bd24e74a530ffd2b8b17045f7b0daed7c",class:"Row ThumbnailRow"},t("div",{key:"501b117a2c493750deb056ecf8f8614351c0fac2",class:"BackButton",onClick:()=>{this.onBackClicked()}},t("span",{key:"556a1ece3c4b8398277ad996ed58d0d84db0f7b4",class:"BackArrow",innerHTML:"<"}),t("span",{key:"43f9a46fe32710cc7d05e953475088f049999791",class:"BackTxt"}," ",l("back",this.language)," "))),t("div",{key:"ba220234e040ed863b3bbc1960b54ced43fe4303",class:"Thumnails GiftNotFound"},l("noDataFound",this.language),".")),this.elevateGift&&t(a,{key:"e1f7f2dfd7d80da3fafdc5edd8d8686522509893"},t("div",{key:"4a8f3ee47e7ef7bd87eafa5ebdd3346b523f13fd",class:"ThumbnailRow"},t("div",{key:"d8dcab9b4b3d4963cd4ef7904caca9e1df3a6e88",class:"Row"},t("div",{key:"6368dc35f95a2202cc38c5dc05bdf6f6d83fce55",class:"BackButton",onClick:()=>{this.onBackClicked()}},t("span",{key:"64f67312085b9216b42cb61a9ee7ea780058856d",class:"BackArrow",innerHTML:"<"}),t("span",{key:"4e5d8bdec62fe9e32cb839e3904113449e4d4c0c",class:"BackTxt"}," ",l("back",this.language)," ")),t("bonus-elevate-shop-assets-slider",{key:"0b9e8164653ec6a7c8b9d1d260ed44ca641f0726",class:"Thumbnails",itemsPerPage:1,sliderItems:this.elevateGift.presentation.assets,showSliderDots:this.showSliderDots})),t("div",{key:"d911392a0ce5afac58cdf26046d80cfdaf7c1793",class:"Col Details"},t("h3",{key:"273ff2eb682767a5429dc99642b1c166921cb1dc",class:"GiftName"},this.elevateGift.presentation.displayName||this.elevateGift.displayName),t("div",{key:"459bcb83df4dc907bb7cc9757a86c88b39ca4905",class:"GiftPoints"},t("span",{key:"3648c21ea2133c6a3050f2417449ab046e51c04b",class:"Points"},this.elevateGift.points," "),t("span",{key:"8b6665da119f9dd777644592cc2815fc77dffda1",class:" PointsLabel"},l("coins",this.language))))),t("div",{key:"6e9a28dd26368897ddfd76032ce1e3882a886a5b",class:"ShopItemDetail Details"},t("div",{key:"d2844066fe51e4b3d43689406879e1306d494f0a",class:"GiftPresentation"},t("p",{key:"12f8bce3abf0df34657392e95aa8ddfb42d4c088"},this.elevateGift.presentation.description?this.elevateGift.presentation.description:l("noGiftPresentation",this.language))),t("div",{key:"2b0cc39b8e53336355f1f5d0576a59bfd9859abf",class:"BottomDetail"},t("div",{key:"0eabb8f4ecb8236d78665110c835a0cf2689e864",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:"9773077b08f77bc2940519070053aee362f34e2a",class:"RedeemError Error"}," ",this.redeemErrorMsg," "))))),"powerUp"===(null===(e=this.elevateGift)||void 0===e?void 0:e.type)&&this.powerUpGames&&t("div",{key:"ec880bb1c11a7fb485f4d7e80dce6e250f2b4e19",class:"GamesContent"},t("div",{key:"a6dc572f4f5b6732ed6d29fad4c76fbf0415ca68",class:"GamesTitle"},t("span",{key:"2904186a96290683dbbcd06cfca99f48c616f6f1",class:"Title2"}," ",l("games",this.language)),t("span",{key:"9c7f5fa7f0441721bc32aab10b07c3f7f2de91c4",class:"GamesAmount"}," ( ",(null===(i=this.powerUpGames)||void 0===i?void 0:i.total)||0," ) ")),t("div",{key:"4f465d62df13e07bf2d946416ed70cdd52591cbb",class:"GamesList"},t("div",{key:"d23fc7b21125dd6467ad56cbd7d2ce03a579d689",class:"Games"},null===(s=this.powerUpGames)||void 0===s?void 0:s.items.map(((e,i)=>t("div",{class:"Game",ref:i===this.powerUpGames.items.length-1?e=>this.lastGameElement=e:null},t("ui-image",{src:e.thumbnail}),t("div",{class:"GameMask",onClick:this.onGameClick.bind(this,e)},t("div",{class:"GameStartBtn"},t("div",{class:"PlayIcon"}),t("span",null,l("startNow",this.language)))))))),this.isLoadingGames&&t("p",{key:"9ca4c949e1802ce0040fce8d9772e9d2afbc749c"},"Loading more games..."))))}};d.style=':host{display:block;--game-amount-per-line:6}.ElevateDetails{display:flex;flex-direction:row;padding:10px;flex-wrap:wrap;width:calc(100% - 20px);}.ElevateDetails .RedeemError{display:none}.ElevateDetails .Error{color:var(--emw--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;display:flex;flex-direction:column;justify-content:space-between}.ElevateDetails .GiftPoints .Points{font-size:21px}.ElevateDetails .GiftPoints .PointsLabel{font-size:12px;color:var(--emw--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(--emw--button-typography, var(--emw--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, 10px)}.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(--emw--color-secondary, #FD2839);background:var(--emw--color-secondary, #FD2839)}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li.default{border:solid 1px var(--emw--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(--emw--color-secondary, #FD2839)}.ElevateDetails .DisabledArrow svg{opacity:0.2;stroke:var(--emw--color-secondary, #FD2839);pointer-events:none}.GamesContent{margin:20px;padding:15px;min-height:500px;flex:1;gap:12px;display:flex;flex-direction:column;border-radius:8px;border:2px solid var(--emw--color-powup-light-green-0D, rgba(188, 252, 177, 0.0509803922))}.GamesContent .GamesTitle{display:flex;flex-direction:row}.GamesContent .GamesTitle .Title2{text-transform:capitalize}.GamesContent .GamesTitle .GamesAmount{opacity:0.8}.GamesContent .GameTitleTip{color:var(--emw--color-powup-gray-green, #C8D6CE);font-size:0.8rem}.GamesContent .GamesList{display:flex;justify-content:center;flex-direction:column;width:100%;max-height:300px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--emw--background-gray-color, gray) transparent}.GamesContent .GamesList::-webkit-scrollbar-track{background-color:transparent;border-radius:5px}.GamesContent .GamesList .Games{width:100%;padding:0;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:calc(30px / (var(--game-amount-per-line) - 1))}.GamesContent .GamesList .Games .GameStartBtn{width:98px;height:22px;border-radius:8px;opacity:1;padding:4px 5px;background:linear-gradient(180deg, #03832D 0%, #4DC071 100%);border:1px solid #FFFFFF;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.GamesContent .GamesList .Games .GameStartBtn .PlayIcon{background-image:url(\'data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1ZM0 5.5C0 2.46243 2.46243 0 5.5 0C8.53757 0 11 2.46243 11 5.5C11 8.53757 8.53757 11 5.5 11C2.46243 11 0 8.53757 0 5.5ZM5.12255 3.21652C5.12728 3.21956 5.13199 3.22259 5.13668 3.22561L7.49698 4.74294C7.50129 4.74571 7.50562 4.74849 7.50998 4.75129C7.58551 4.79982 7.66805 4.85285 7.73381 4.90413C7.80355 4.95852 7.91363 5.05446 7.97854 5.20809C8.0574 5.39471 8.0574 5.60529 7.97854 5.79191C7.91363 5.94554 7.80355 6.04148 7.73381 6.09587C7.66805 6.14715 7.58551 6.20018 7.50998 6.24871C7.50562 6.25151 7.50129 6.25429 7.49698 6.25706L5.13668 7.77439C5.13199 7.77741 5.12727 7.78045 5.12255 7.78348C5.03469 7.84 4.9423 7.89941 4.86094 7.94176C4.77909 7.98436 4.63056 8.05332 4.44657 8.04018C4.22957 8.02468 4.02999 7.91572 3.89961 7.74157C3.78907 7.59391 3.76675 7.43167 3.75832 7.33979C3.74995 7.24844 3.74997 7.1386 3.75 7.03414C3.75 7.02852 3.75 7.02292 3.75 7.01733V3.98267C3.75 3.97708 3.75 3.97148 3.75 3.96586C3.74997 3.8614 3.74995 3.75156 3.75832 3.66021C3.76675 3.56833 3.78907 3.40609 3.89961 3.25843C4.02999 3.08428 4.22957 2.97532 4.44657 2.95982C4.63056 2.94668 4.77909 3.01564 4.86094 3.05824C4.94231 3.10059 5.03469 3.16001 5.12255 3.21652ZM4.75 4.16583V6.83417L6.82537 5.5L4.75 4.16583Z" fill="white"/> <path d="M4.75 6.83417V4.16583L6.82537 5.5L4.75 6.83417Z" fill="white"/></svg>\');height:16px;width:16px;background-repeat:no-repeat;background-size:contain}.GamesContent .GamesList .Games .Game{width:calc((100% - 30px) / var(--game-amount-per-line));cursor:pointer;min-width:135px;position:relative}.GamesContent .GamesList .Games .Game .GameMask{transition:opacity;transition-duration:0.2s;display:none;position:absolute;width:70%;height:100%}.GamesContent .GamesList .Games .Game:hover .mask-filter{opacity:1}.GamesContent .GamesList .Games .Game:hover img{opacity:0.4;filter:blur(1.5px)}.GamesContent .GamesList .Games .Game:hover .GameMask{mix-blend-mode:screen;background-color:var(--emw--color-powup-green, #24B24E);display:flex;justify-content:center;align-items:center;position:absolute;width:100%;left:0;height:100%;top:0;border-radius:8px}.GamesContent .GamesList .Games .Game:hover .GameMask .PlayBtn{border:2px solid var(--emw--color-powup-gray, #f0f0f0);padding:5px 3px;border-radius:3px}';const c="__WIDGET_GLOBAL_STYLE_CACHE__";function h(e,t){if(e){const i=document.createElement("style");i.innerHTML=t,e.appendChild(i)}}function m(e,t){if(!e||!t)return;const i=new URL(t);fetch(i.href).then((e=>e.text())).then((t=>{const i=document.createElement("style");i.innerHTML=t,e&&e.appendChild(i)})).catch((e=>{console.error("There was an error while trying to load client styling from URL",e)}))}function p(e,t,i,s=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!s)return i=function(e,t){const i=document.createElement("style");return window.emMessageBus.subscribe(t,(t=>{e&&(i.innerHTML=t,e.appendChild(i))}))}(e,t),i;window[c]||(window[c]={}),i=function(e,t){return window.emMessageBus.subscribe(t,(i=>{if(!e)return;const s=e.getRootNode(),a=window[c];let n=a[t]&&a[t].sheet;n?a[t].refCount=a[t].refCount+1:(n=new CSSStyleSheet,n.replaceSync(i),a[t]={sheet:n,refCount:1});const o=s.adoptedStyleSheets||[];o.includes(n)||(s.adoptedStyleSheets=[...o,n])}))}(e,t);const a=i.unsubscribe.bind(i);return i.unsubscribe=()=>{if(window[c][t]){const e=window[c][t];e.refCount>1?e.refCount=e.refCount-1:delete window[c][t]}a()},i}const f=class{constructor(t){e(this,t),this.stylingAppends=!1,this.clientStyling="",this.clientStylingUrl="",this.mbSource=void 0,this.translationUrl="",this.targetTranslations=void 0}componentDidLoad(){this.el&&(this.mbSource&&p(this.el,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&h(this.el,this.clientStyling),this.clientStylingUrl&&m(this.el,this.clientStylingUrl),this.stylingAppends=!0)}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleMbSourceChange(e,t){e!=t&&p(this.el,`${this.mbSource}.Style`,this.stylingSubscription)}handleClientStylingChange(e,t){e!=t&&h(this.el,this.clientStyling)}handleClientStylingUrlChange(e,t){e!=t&&this.clientStylingUrl&&m(this.el,this.clientStylingUrl)}componentDidRender(){this.stylingAppends||(this.clientStyling&&h(this.el,this.clientStyling),this.clientStylingUrl&&m(this.el,this.clientStylingUrl),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]||{},Object.keys(t[e]).forEach((s=>{if(!i.en[s])return;const a=i.en[s];"object"==typeof t[e][s]?(i[e][s]=i[e][s]||Object.assign({},a),Object.keys(t[e][s]).forEach((a=>{i[e][s][a]=t[e][s][a]}))):i[e][s]=t[e][s]||Object.assign({},a)}))})),e(!0)})).catch((t=>{console.error("Failed to load translations:",t),e(!1)}))})));e.push(s)}var t,i;return await Promise.all(e)}render(){return t("div",{key:"e660ceb69f5e848c788c3924fc814c0fa7a777a2",class:"StyleShell"},t("slot",{key:"35014b6c0c32532af11e6a629ba9b13942504d21",name:"mainContent"}))}get el(){return i(this)}static get watchers(){return{mbSource:["handleMbSourceChange"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}}};f.style=":host{display:block}";const u=class{constructor(t){e(this,t),this.src=void 0,this.width=void 0,this.height=void 0,this.alt=void 0,this.styles=void 0,this.detectDistance="200px",this.imgLoaded=!1,this.shouldLoad=!1}handleSrc(){if(!this.shouldLoad)return;const e=new Image;e.onload=()=>{this.image&&(this.image.src=this.src,this.imgLoaded=!0,e.onload=null)},e.src=this.src}componentDidLoad(){"IntersectionObserver"in window?(this.el.__uxComponent=this,window.EMUxObserver||(window.EMUxObserver=new IntersectionObserver((e=>{e.forEach((e=>{if(e.isIntersecting){const t=e.target.__uxComponent;t&&(t.shouldLoad=!0,t.handleSrc()),window.EMUxObserver.unobserve(e.target)}}))}),{rootMargin:this.detectDistance})),window.EMUxObserver.observe(this.el)):(this.shouldLoad=!0,this.handleSrc())}render(){return t(n,{key:"f506ba73852f257ad80bf59ca177d2065a5f365e",class:"HostContainer"},!this.imgLoaded&&t("ui-skeleton",{key:"564ebfab701f827ddc2debccb7615926dbc9e876",class:"UiContainer",structure:"image",width:"100%",height:"100%"}),t("img",{key:"2188ca4494c10587f064acc5459ffc468948f497",ref:e=>this.image=e,src:this.shouldLoad?this.src:void 0,onLoad:()=>this.imgLoaded=!0,style:this.styles,class:"UiContainer "+(this.imgLoaded?"Visible":"Hidden"),alt:this.alt,width:this.width,height:this.height,loading:"lazy"}))}get el(){return i(this)}static get watchers(){return{src:["handleSrc"]}}};u.style=".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}";const w=class{constructor(t){e(this,t),this.stylingValue={width:this.handleStylingProps(this.width),height:this.handleStylingProps(this.height),borderRadius:this.handleStylingProps(this.borderRadius),marginBottom:this.handleStylingProps(this.marginBottom),marginTop:this.handleStylingProps(this.marginTop),marginLeft:this.handleStylingProps(this.marginLeft),marginRight:this.handleStylingProps(this.marginRight),size:this.handleStylingProps(this.size)},this.structure=void 0,this.width="unset",this.height="unset",this.borderRadius="unset",this.marginBottom="unset",this.marginTop="unset",this.marginLeft="unset",this.marginRight="unset",this.animation=!0,this.rows=0,this.size="100%"}handleStructureChange(e,t){t!==e&&this.handleStructure(e)}handleStylingProps(e){switch(typeof e){case"number":return 0===e?0:`${e}px`;case"undefined":default:return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(e)||e.endsWith("px")||e.endsWith("%")?e:"unset"}}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return t("div",{class:"SkeletonContainer"},t("div",{class:"SkeletonLogo "+(this.animation?"Skeleton":"")}))}renderImage(){return t("div",{class:"SkeletonImage "+(this.animation?"Skeleton":"")})}renderTitle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"SkeletonTitle "+(this.animation?"Skeleton":"")}))}renderText(){return t("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map(((e,i)=>t("div",{key:i,class:"SkeletonText "+(this.animation?"Skeleton":"")}))))}renderRectangle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"SkeletonRectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"SkeletonCircle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`\n :host {\n --emw-skeleton-logo-width: ${this.stylingValue.width};\n --emw-skeleton-logo-height: ${this.stylingValue.height};\n --emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"image":e=`\n :host {\n --emw-skeleton-image-width: ${this.stylingValue.width};\n --emw-skeleton-image-height: ${this.stylingValue.height};\n --emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"title":e=`\n :host {\n --emw-skeleton-title-width: ${this.stylingValue.width};\n --emw-skeleton-title-height: ${this.stylingValue.height};\n --emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"text":e=`\n :host {\n --emw-skeleton-text-width: ${this.stylingValue.width};\n --emw-skeleton-text-height: ${this.stylingValue.height};\n --emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"rectangle":e=`\n :host {\n --emw-skeleton-rectangle-width: ${this.stylingValue.width};\n --emw-skeleton-rectangle-height: ${this.stylingValue.height};\n --emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"circle":e=`\n :host {\n --emw-skeleton-circle-size: ${this.stylingValue.size};\n }\n `;break;default:e=""}return t(n,{key:"c2a2650acd416962a2bc4e1a7ee18bc6d8e2def8"},t("style",{key:"9bd7fc1f9e9ed9f17735a7b72fce6f09696f5e19"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};w.style=":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.SkeletonRectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.SkeletonCircle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.SkeletonText{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.SkeletonText:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.SkeletonTitle{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.SkeletonImage{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.SkeletonLogo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}";export{o as bonus_elevate_shop_assets_slider,d as bonus_elevate_shop_item,f as general_styling_wrapper,u as ui_image,w as ui_skeleton}
|
|
1
|
+
import{r as e,h as t,g as i,c as s,F as a,H as n}from"./index-fca048d8.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:"740222cee57f5759854860f015dd900c1cb66f80",class:"SliderWrapper"},t("div",{key:"6d8971425bc1fc42bc4e64331b0c5f21d4ed1c40",class:"MainContent "},this.showSliderArrows&&t("div",{key:"1db77bb5cd7dfb6d5e06a4f42a33ff435f9eb224",class:`SliderNavButton LeftArrow ${0===this.activeIndex?"DisabledArrow ":""} ${1===this.sliderItems.length?"HiddenArrow ":""}`,onClick:()=>this.move(-1)},t("svg",{key:"e406abe6d9d44ab3809322d2f0699ea3ee372b0f",fill:"none",stroke:"var(--emw--color-secondary, #FD2839)",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"a8ee39ea455a06058466e03755582fbd07391514","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 19l-7-7 7-7"}))),t("div",{key:"a2681048af708d96aa6886db7b6b94639a650a26",class:"ItemsWrapper",ref:e=>this.sliderItemsElement=e},t("div",{key:"be1c762012144756bda71a46302dfe0954bc6add",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:"927367a3bbc674cc953eccc3359639381423d0a4",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:"d84e6e3011f8609f1ded47098bb28333f352f430",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"f05768932ee5e8fb74b6b1016612320d0e4ed737","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M9 5l7 7-7 7"})))),this.showSliderDots&&this.sliderItems.length>1&&t("div",{key:"a08098a90c717ccceda93cd741cb65521a83df9b",class:"DotsWrapper"},t("ul",{key:"8c873c229c603b4aca57e277f74cdf3d2192c01b",class:"Dots"},this.renderDots())))}get el(){return i(this)}},r={en:{coins:"Coins",noGiftPresentation:"No description",redeemGift:"Redeem Gift",noDataFound:"No data found",error4003:"Invalid Session",redeemFailed:"Failed to redeem",back:"Back",startNow:"Start Now!",games:"Games",validFor:"Valid For ",days:"Days",day:"Day",hours:"Hours",minutes:"Minutes",hour:"Hour",minute:"Minute"},tr:{coins:"Coin",noGiftPresentation:"Açıklama yok",redeemGift:"Hediye Al",noDataFound:"Veri bulunamadı",error4003:"Geçersiz Oturum",redeemFailed:"Kullanım başarısız",back:"Geri"},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)=>r[t||"en"][e]||r.en[e],d=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.powerUpGameSearchConditions={expand:"games",fields:"powerUpID,validity,expireTime,games(id,gameId,slug,name,thumbnail)"},this.setLastItemRef=e=>{e&&(this.lastGameElement&&this.loadMoreGamesObserver&&this.loadMoreGamesObserver.unobserve(this.lastGameElement),this.lastGameElement=e,!this.isLoadingGames&&this.loadMoreGamesObserver&&this.loadMoreGamesObserver.observe(e))},this.endpoint=void 0,this.language="en",this.itemId=void 0,this.elevateGift=void 0,this.session=void 0,this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.showSliderDots=!1,this.showSliderArrows=!0,this.isGiftNotFound=!1,this.redeemErrorMsg="",this.isRedeeming=!1,this.powerUpGames=void 0,this.isLoadingGames=!1,this.giftValidDurationInfo=void 0}redeemGiftConfirm(){this.isRedeeming||"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()||this.isRedeeming)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],"powerUp"===this.elevateGift.type&&this.elevateGift.powerUpID&&this.loadMoreGames(),this.isGiftNotFound=!1):this.isGiftNotFound=!0,i(!0)}))}))}async loadMoreGames(){var e,t,i,s,a;if(!(this.isLoadingGames||(null===(e=this.powerUpGames)||void 0===e?void 0:e.total)>0&&(null===(t=this.powerUpGames)||void 0===t?void 0:t.items.length)>=(null===(i=this.powerUpGames)||void 0===i?void 0:i.total))){this.isLoadingGames=!0;try{const e=new URL(`${this.endpoint}/v1/elevate/powerups/available?pagination=games(limit=20,offset=${(null===(s=this.powerUpGames)||void 0===s?void 0:s.items.length)||0})`),t={headers:{"x-SessionId":this.session}};e.searchParams.append("filter",`id=${this.elevateGift.powerUpID}`),Object.entries(this.powerUpGameSearchConditions).forEach((([t,i])=>{e.searchParams.append(t,i)}));const i=await fetch(e.toString(),t);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);const{data:n}=await i.json(),o=null==n?void 0:n[0],r=(e=>{const t=Math.round(60*e),i=Math.floor(t/86400),s=Math.floor(t%86400/3600),a=Math.floor(t%3600/60),n=t%60,o=e=>e.toString().padStart(2,"0");return{days:i,hours:s,minutes:a,seconds:n,info:`${o(i)}:${o(s)}:${o(a)}:${o(n)}`}})(o.validity);this.giftValidDurationInfo=`${l("validFor",this.language)}\n ${r.days} ${l(r.days>1?"days":"day",this.language)}\n ${r.hours} ${l(r.hours>1?"hours":"hour",this.language)}\n ${r.minutes} ${l(r.minutes>1?"minutes":"minute",this.language)}`,(null===(a=null==o?void 0:o.games)||void 0===a?void 0:a.items)&&(this.powerUpGames?this.powerUpGames.items=[...this.powerUpGames.items,...o.games.items]:this.powerUpGames=o.games,this.powerUpGames=Object.assign({},this.powerUpGames))}catch(e){console.error("Failed to load more games:",e)}finally{this.isLoadingGames=!1}}}initializeGamesObserver(){this.loadMoreGamesObserver||(this.loadMoreGamesObserver=new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting&&this.loadMoreGames()}))})))}onGameClick(e){window.postMessage({type:"EngagementSuiteGameRedirect",data:{Slug:e.slug}})}disconnectedCallback(){window.removeEventListener("message",this.bindedHandler,!1),this.loadMoreGamesObserver&&this.loadMoreGamesObserver.disconnect()}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=>{r[t]=r[t]||{};for(let i in e[t])r[t][i]=e[t][i]})),t(!0)})).catch((e=>{console.error("Failed to load translations:",e),t(!1)}))}))),this.elevateGift?this.isGiftNotFound=!1:await this.loadElevateGift(),this.initializeGamesObserver()}render(){var e,i,s,o;return t(n,{key:"dec4befff29a0a9ca9edfffc02018ce8979fac8f"},t("general-styling-wrapper",{key:"c0984f1f1f5dff58e03209e140b1af32202a7755",clientStylingUrl:this.clientStylingUrl,clientStyling:this.clientStyling,mbSource:this.mbSource}),t("div",{key:"93e575fc4ecc6561adc3cf3da37133dd269a60d8",class:"ElevateDetails"},this.isGiftNotFound&&t(a,{key:"26531f9f7c6bdadf41796879418ffb94afb37926"},t("div",{key:"7c429d3bedffc50edf03d76fe3d92312f1e21901",class:"Row ThumbnailRow"},t("div",{key:"fca6af6a758e0e931548058217cdc8f5329d2a42",class:"BackButton",onClick:()=>{this.onBackClicked()}},t("span",{key:"a834c11c901189fd5c9beaeffc8d9ad34de93b5e",class:"BackArrow",innerHTML:"<"}),t("span",{key:"2396bd86e487ed9860d99415333848758fd20ba2",class:"BackTxt"}," ",l("back",this.language)," "))),t("div",{key:"3da3adc0d18d9168472b489d9dfa6da4f7d4f795",class:"Thumnails GiftNotFound"},l("noDataFound",this.language),".")),this.elevateGift&&t(a,{key:"eb486695f219ebeb08aa542de3cf27ed9bc5dd20"},t("div",{key:"a323c745821d55f0374974447e2e4757af51693b",class:"ThumbnailRow"},t("div",{key:"93c4c150b7b38bfcf8c737c2466b655381790d77",class:"Row"},t("div",{key:"3360ab73d094693a0fa4a2776dec959ec802c890",class:"BackButton",onClick:()=>{this.onBackClicked()}},t("span",{key:"bcaa162270447c8fc3d76218c4e36716014f005f",class:"BackArrow",innerHTML:"<"}),t("span",{key:"9c19663dd138bddf35e190cdc038d443ee21d822",class:"BackTxt"}," ",l("back",this.language)," ")),t("bonus-elevate-shop-assets-slider",{key:"3b38b5a1ab8ea0de1ac0891c016dc926633892dd",class:"Thumbnails",itemsPerPage:1,sliderItems:this.elevateGift.presentation.assets,showSliderDots:this.showSliderDots})),t("div",{key:"a07d83c29cf64ce6cc7e86d9686203faa3b1a657",class:"Col Details"},t("h3",{key:"389a5b443d31eaaff23e838f29623fed40c38685",class:"GiftName"},this.elevateGift.presentation.displayName||this.elevateGift.displayName),t("div",{key:"5b890f337e7df0ad3e16aff2970c9c439ce11a9c",class:"GiftPoints"},t("span",{key:"c1a10d56ecf0e394c110de6f0e9b893e2732927a",class:"Points"},this.elevateGift.points," "),t("span",{key:"aa34caa2f84ce52874ef4d7d825f6896eecf4924",class:" PointsLabel"},l("coins",this.language))),"powerUp"===(null===(e=this.elevateGift)||void 0===e?void 0:e.type)&&t("div",{key:"fca8843be9ac1460ba297e56e821e0698aa273ed",class:"PowerUpValidTime"},this.giftValidDurationInfo))),t("div",{key:"119d047bbb49dc032173fdb317d2ca14ffd70f99",class:"ShopItemDetail Details"},t("div",{key:"94a98997ee6d0826f380ab29bdfb62422d5b01af",class:"GiftPresentation"},t("p",{key:"c184770c0d6df52578f292dc24e96b0b1fd8aca0"},this.elevateGift.presentation.description?this.elevateGift.presentation.description:l("noGiftPresentation",this.language))),t("div",{key:"3c0aec17dde5bee459d6140974d215ac18ee69ac",class:"BottomDetail"},t("div",{key:"5cb31fcafed6084f5965caa580b4364752e5b890",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:"11dd53c644d87aacc122300974ecd62572296d93",class:"RedeemError Error"}," ",this.redeemErrorMsg," "))))),"powerUp"===(null===(i=this.elevateGift)||void 0===i?void 0:i.type)&&this.powerUpGames&&t("div",{key:"2cff0c8c2520340018103cbc94267c252154691d",class:"GamesContent"},t("div",{key:"78e36171c689a7786cc3e1850e0623acda00292e",class:"GamesTitle"},t("span",{key:"cabee8366e0b84072015db7dd27b4231d645fe0f",class:"Title2"}," ",l("games",this.language)),t("span",{key:"02e3f33e79cc4711e445e15a6739c856d7c2d800",class:"GamesAmount"}," ( ",(null===(s=this.powerUpGames)||void 0===s?void 0:s.total)||0," ) ")),t("div",{key:"204e6009d42d8521906af5cf68bd826a293b6817",class:"GamesList Games"},null===(o=this.powerUpGames)||void 0===o?void 0:o.items.map(((e,i)=>t("div",{class:"Game "+(i===this.powerUpGames.items.length-1?"LastGame":""),ref:i===this.powerUpGames.items.length-1?this.setLastItemRef:null},t("ui-image",{src:e.thumbnail}),t("div",{class:"GameMask",onClick:this.onGameClick.bind(this,e)},t("div",{class:"GameStartBtn"},t("div",{class:"PlayIcon"}),t("span",null,l("startNow",this.language))))))),this.isLoadingGames&&t("p",{key:"04c2d1db6ac077e7c3ad0037034e796b27d415c7"},"Loading more games..."))))}};d.style=':host{display:block;--game-amount-per-line:6}.ElevateDetails{display:flex;flex-direction:row;padding:10px;flex-wrap:wrap;width:calc(100% - 20px);}.ElevateDetails .RedeemError{display:none}.ElevateDetails .Error{color:var(--emw--color-error, #FD2839)}.ElevateDetails .Row{flex-direction:row;display:flex}.ElevateDetails .Col{flex-direction:column;display:flex}.ElevateDetails .Details{padding:20px;display:flex;gap:10px}.ElevateDetails .Details .PowerUpValidTime{text-transform:uppercase;font-size:smaller}.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;display:flex;flex-direction:column;justify-content:space-between}.ElevateDetails .GiftPoints .Points{font-size:21px}.ElevateDetails .GiftPoints .PointsLabel{font-size:12px;color:var(--emw--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(--emw--button-typography, var(--emw--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, 10px)}.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(--emw--color-secondary, #FD2839);background:var(--emw--color-secondary, #FD2839)}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li.default{border:solid 1px var(--emw--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(--emw--color-secondary, #FD2839)}.ElevateDetails .DisabledArrow svg{opacity:0.2;stroke:var(--emw--color-secondary, #FD2839);pointer-events:none}.GamesContent{margin:20px;padding:15px;min-height:500px;flex:1;gap:12px;display:flex;flex-direction:column;border-radius:8px;border:2px solid var(--emw--color-powup-light-green-0D, rgba(188, 252, 177, 0.0509803922))}.GamesContent .GamesTitle{display:flex;flex-direction:row}.GamesContent .GamesTitle .Title2{text-transform:capitalize}.GamesContent .GamesTitle .GamesAmount{opacity:0.8}.GamesContent .GameTitleTip{color:var(--emw--color-powup-gray-green, #C8D6CE);font-size:0.8rem}.GamesContent .GamesList{display:flex;justify-content:center;flex-direction:row;width:100%;max-height:300px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--emw--background-gray-color, gray) transparent}.GamesContent .GamesList::-webkit-scrollbar-track{background-color:transparent;border-radius:5px}.GamesContent .Games{width:100%;padding:0;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:calc(30px / (var(--game-amount-per-line) - 1))}.GamesContent .Games .GameStartBtn{width:98px;height:22px;border-radius:8px;opacity:1;padding:4px 5px;background:linear-gradient(180deg, #03832D 0%, #4DC071 100%);border:1px solid #FFFFFF;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.GamesContent .Games .GameStartBtn .PlayIcon{background-image:url(\'data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1ZM0 5.5C0 2.46243 2.46243 0 5.5 0C8.53757 0 11 2.46243 11 5.5C11 8.53757 8.53757 11 5.5 11C2.46243 11 0 8.53757 0 5.5ZM5.12255 3.21652C5.12728 3.21956 5.13199 3.22259 5.13668 3.22561L7.49698 4.74294C7.50129 4.74571 7.50562 4.74849 7.50998 4.75129C7.58551 4.79982 7.66805 4.85285 7.73381 4.90413C7.80355 4.95852 7.91363 5.05446 7.97854 5.20809C8.0574 5.39471 8.0574 5.60529 7.97854 5.79191C7.91363 5.94554 7.80355 6.04148 7.73381 6.09587C7.66805 6.14715 7.58551 6.20018 7.50998 6.24871C7.50562 6.25151 7.50129 6.25429 7.49698 6.25706L5.13668 7.77439C5.13199 7.77741 5.12727 7.78045 5.12255 7.78348C5.03469 7.84 4.9423 7.89941 4.86094 7.94176C4.77909 7.98436 4.63056 8.05332 4.44657 8.04018C4.22957 8.02468 4.02999 7.91572 3.89961 7.74157C3.78907 7.59391 3.76675 7.43167 3.75832 7.33979C3.74995 7.24844 3.74997 7.1386 3.75 7.03414C3.75 7.02852 3.75 7.02292 3.75 7.01733V3.98267C3.75 3.97708 3.75 3.97148 3.75 3.96586C3.74997 3.8614 3.74995 3.75156 3.75832 3.66021C3.76675 3.56833 3.78907 3.40609 3.89961 3.25843C4.02999 3.08428 4.22957 2.97532 4.44657 2.95982C4.63056 2.94668 4.77909 3.01564 4.86094 3.05824C4.94231 3.10059 5.03469 3.16001 5.12255 3.21652ZM4.75 4.16583V6.83417L6.82537 5.5L4.75 4.16583Z" fill="white"/> <path d="M4.75 6.83417V4.16583L6.82537 5.5L4.75 6.83417Z" fill="white"/></svg>\');height:16px;width:16px;background-repeat:no-repeat;background-size:contain}.GamesContent .Games .Game{width:calc((100% - 30px) / var(--game-amount-per-line));cursor:pointer;min-width:135px;min-height:95px;position:relative}.GamesContent .Games .Game .GameMask{transition:opacity;transition-duration:0.2s;display:none;position:absolute;width:70%;height:100%}.GamesContent .Games .Game:hover .mask-filter{opacity:1}.GamesContent .Games .Game:hover img{opacity:0.4;filter:blur(1.5px)}.GamesContent .Games .Game:hover .GameMask{mix-blend-mode:screen;background-color:var(--emw--color-powup-green, #24B24E);display:flex;justify-content:center;align-items:center;position:absolute;width:100%;left:0;height:100%;top:0;border-radius:8px}.GamesContent .Games .Game:hover .GameMask .PlayBtn{border:2px solid var(--emw--color-powup-gray, #f0f0f0);padding:5px 3px;border-radius:3px}';const c="__WIDGET_GLOBAL_STYLE_CACHE__";function h(e,t){if(e){const i=document.createElement("style");i.innerHTML=t,e.appendChild(i)}}function m(e,t){if(!e||!t)return;const i=new URL(t);fetch(i.href).then((e=>e.text())).then((t=>{const i=document.createElement("style");i.innerHTML=t,e&&e.appendChild(i)})).catch((e=>{console.error("There was an error while trying to load client styling from URL",e)}))}function p(e,t,i,s=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!s)return i=function(e,t){const i=document.createElement("style");return window.emMessageBus.subscribe(t,(t=>{e&&(i.innerHTML=t,e.appendChild(i))}))}(e,t),i;window[c]||(window[c]={}),i=function(e,t){return window.emMessageBus.subscribe(t,(i=>{if(!e)return;const s=e.getRootNode(),a=window[c];let n=a[t]&&a[t].sheet;n?a[t].refCount=a[t].refCount+1:(n=new CSSStyleSheet,n.replaceSync(i),a[t]={sheet:n,refCount:1});const o=s.adoptedStyleSheets||[];o.includes(n)||(s.adoptedStyleSheets=[...o,n])}))}(e,t);const a=i.unsubscribe.bind(i);return i.unsubscribe=()=>{if(window[c][t]){const e=window[c][t];e.refCount>1?e.refCount=e.refCount-1:delete window[c][t]}a()},i}const u=class{constructor(t){e(this,t),this.stylingAppends=!1,this.clientStyling="",this.clientStylingUrl="",this.mbSource=void 0,this.translationUrl="",this.targetTranslations=void 0}componentDidLoad(){this.el&&(this.mbSource&&p(this.el,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&h(this.el,this.clientStyling),this.clientStylingUrl&&m(this.el,this.clientStylingUrl),this.stylingAppends=!0)}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleMbSourceChange(e,t){e!=t&&p(this.el,`${this.mbSource}.Style`,this.stylingSubscription)}handleClientStylingChange(e,t){e!=t&&h(this.el,this.clientStyling)}handleClientStylingUrlChange(e,t){e!=t&&this.clientStylingUrl&&m(this.el,this.clientStylingUrl)}componentDidRender(){this.stylingAppends||(this.clientStyling&&h(this.el,this.clientStyling),this.clientStylingUrl&&m(this.el,this.clientStylingUrl),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]||{},Object.keys(t[e]).forEach((s=>{if(!i.en[s])return;const a=i.en[s];"object"==typeof t[e][s]?(i[e][s]=i[e][s]||Object.assign({},a),Object.keys(t[e][s]).forEach((a=>{i[e][s][a]=t[e][s][a]}))):i[e][s]=t[e][s]||Object.assign({},a)}))})),e(!0)})).catch((t=>{console.error("Failed to load translations:",t),e(!1)}))})));e.push(s)}var t,i;return await Promise.all(e)}render(){return t("div",{key:"e660ceb69f5e848c788c3924fc814c0fa7a777a2",class:"StyleShell"},t("slot",{key:"35014b6c0c32532af11e6a629ba9b13942504d21",name:"mainContent"}))}get el(){return i(this)}static get watchers(){return{mbSource:["handleMbSourceChange"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}}};u.style=":host{display:block}";const f=class{constructor(t){e(this,t),this.src=void 0,this.width=void 0,this.height=void 0,this.alt=void 0,this.styles=void 0,this.detectDistance="200px",this.imgLoaded=!1,this.shouldLoad=!1}handleSrc(){if(!this.shouldLoad)return;const e=new Image;e.onload=()=>{this.image&&(this.image.src=this.src,this.imgLoaded=!0,e.onload=null)},e.src=this.src}componentDidLoad(){"IntersectionObserver"in window?(this.el.__uxComponent=this,window.EMUxObserver||(window.EMUxObserver=new IntersectionObserver((e=>{e.forEach((e=>{if(e.isIntersecting){const t=e.target.__uxComponent;t&&(t.shouldLoad=!0,t.handleSrc()),window.EMUxObserver.unobserve(e.target)}}))}),{rootMargin:this.detectDistance})),window.EMUxObserver.observe(this.el)):(this.shouldLoad=!0,this.handleSrc())}render(){return t(n,{key:"f506ba73852f257ad80bf59ca177d2065a5f365e",class:"HostContainer"},!this.imgLoaded&&t("ui-skeleton",{key:"564ebfab701f827ddc2debccb7615926dbc9e876",class:"UiContainer",structure:"image",width:"100%",height:"100%"}),t("img",{key:"2188ca4494c10587f064acc5459ffc468948f497",ref:e=>this.image=e,src:this.shouldLoad?this.src:void 0,onLoad:()=>this.imgLoaded=!0,style:this.styles,class:"UiContainer "+(this.imgLoaded?"Visible":"Hidden"),alt:this.alt,width:this.width,height:this.height,loading:"lazy"}))}get el(){return i(this)}static get watchers(){return{src:["handleSrc"]}}};f.style=".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}";const w=class{constructor(t){e(this,t),this.stylingValue={width:this.handleStylingProps(this.width),height:this.handleStylingProps(this.height),borderRadius:this.handleStylingProps(this.borderRadius),marginBottom:this.handleStylingProps(this.marginBottom),marginTop:this.handleStylingProps(this.marginTop),marginLeft:this.handleStylingProps(this.marginLeft),marginRight:this.handleStylingProps(this.marginRight),size:this.handleStylingProps(this.size)},this.structure=void 0,this.width="unset",this.height="unset",this.borderRadius="unset",this.marginBottom="unset",this.marginTop="unset",this.marginLeft="unset",this.marginRight="unset",this.animation=!0,this.rows=0,this.size="100%"}handleStructureChange(e,t){t!==e&&this.handleStructure(e)}handleStylingProps(e){switch(typeof e){case"number":return 0===e?0:`${e}px`;case"undefined":default:return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(e)||e.endsWith("px")||e.endsWith("%")?e:"unset"}}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return t("div",{class:"SkeletonContainer"},t("div",{class:"SkeletonLogo "+(this.animation?"Skeleton":"")}))}renderImage(){return t("div",{class:"SkeletonImage "+(this.animation?"Skeleton":"")})}renderTitle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"SkeletonTitle "+(this.animation?"Skeleton":"")}))}renderText(){return t("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map(((e,i)=>t("div",{key:i,class:"SkeletonText "+(this.animation?"Skeleton":"")}))))}renderRectangle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"SkeletonRectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"SkeletonCircle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`\n :host {\n --emw-skeleton-logo-width: ${this.stylingValue.width};\n --emw-skeleton-logo-height: ${this.stylingValue.height};\n --emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"image":e=`\n :host {\n --emw-skeleton-image-width: ${this.stylingValue.width};\n --emw-skeleton-image-height: ${this.stylingValue.height};\n --emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"title":e=`\n :host {\n --emw-skeleton-title-width: ${this.stylingValue.width};\n --emw-skeleton-title-height: ${this.stylingValue.height};\n --emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"text":e=`\n :host {\n --emw-skeleton-text-width: ${this.stylingValue.width};\n --emw-skeleton-text-height: ${this.stylingValue.height};\n --emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"rectangle":e=`\n :host {\n --emw-skeleton-rectangle-width: ${this.stylingValue.width};\n --emw-skeleton-rectangle-height: ${this.stylingValue.height};\n --emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"circle":e=`\n :host {\n --emw-skeleton-circle-size: ${this.stylingValue.size};\n }\n `;break;default:e=""}return t(n,{key:"c2a2650acd416962a2bc4e1a7ee18bc6d8e2def8"},t("style",{key:"9bd7fc1f9e9ed9f17735a7b72fce6f09696f5e19"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};w.style=":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.SkeletonRectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.SkeletonCircle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.SkeletonText{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.SkeletonText:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.SkeletonTitle{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.SkeletonImage{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.SkeletonLogo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}";export{o as bonus_elevate_shop_assets_slider,d as bonus_elevate_shop_item,u as general_styling_wrapper,f as ui_image,w as ui_skeleton}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as t}from"./index-fca048d8.js";export{s as setNonce}from"./index-fca048d8.js";import{g as i}from"./app-globals-0f993ce5.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((async e=>(await i(),t([["bonus-elevate-shop-assets-slider_5",[[1,"bonus-elevate-shop-item",{endpoint:[513],language:[513],itemId:[1537,"item-id"],elevateGift:[1040],session:[513],mbSource:[513,"mb-source"],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],powerUpGames:[32],isLoadingGames:[32]}],[0,"ui-image",{src:[1],width:[1],height:[1],alt:[1],styles:[8],detectDistance:[1,"detect-distance"],imgLoaded:[32],shouldLoad:[32]},null,{src:["handleSrc"]}],[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"],mbSource:[1,"mb-source"],translationUrl:[1,"translation-url"],targetTranslations:[16]},null,{mbSource:["handleMbSourceChange"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}],[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[8,"border-radius"],marginBottom:[8,"margin-bottom"],marginTop:[8,"margin-top"],marginLeft:[8,"margin-left"],marginRight:[8,"margin-right"],animation:[4],rows:[2],size:[1]},null,{structure:["handleStructureChange"]}]]]],e))));
|
|
1
|
+
import{p as e,b as t}from"./index-fca048d8.js";export{s as setNonce}from"./index-fca048d8.js";import{g as i}from"./app-globals-0f993ce5.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((async e=>(await i(),t([["bonus-elevate-shop-assets-slider_5",[[1,"bonus-elevate-shop-item",{endpoint:[513],language:[513],itemId:[1537,"item-id"],elevateGift:[1040],session:[513],mbSource:[513,"mb-source"],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],powerUpGames:[32],isLoadingGames:[32],giftValidDurationInfo:[32]}],[0,"ui-image",{src:[1],width:[1],height:[1],alt:[1],styles:[8],detectDistance:[1,"detect-distance"],imgLoaded:[32],shouldLoad:[32]},null,{src:["handleSrc"]}],[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"],mbSource:[1,"mb-source"],translationUrl:[1,"translation-url"],targetTranslations:[16]},null,{mbSource:["handleMbSourceChange"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}],[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[8,"border-radius"],marginBottom:[8,"margin-bottom"],marginTop:[8,"margin-top"],marginLeft:[8,"margin-left"],marginRight:[8,"margin-right"],animation:[4],rows:[2],size:[1]},null,{structure:["handleStructureChange"]}]]]],e))));
|
|
@@ -141,7 +141,14 @@ const TRANSLATIONS = {
|
|
|
141
141
|
redeemFailed: 'Failed to redeem',
|
|
142
142
|
back: 'Back',
|
|
143
143
|
startNow: 'Start Now!',
|
|
144
|
-
games: 'Games'
|
|
144
|
+
games: 'Games',
|
|
145
|
+
validFor: "Valid For ",
|
|
146
|
+
days: "Days",
|
|
147
|
+
day: "Day",
|
|
148
|
+
hours: "Hours",
|
|
149
|
+
minutes: "Minutes",
|
|
150
|
+
hour: "Hour",
|
|
151
|
+
minute: "Minute",
|
|
145
152
|
},
|
|
146
153
|
tr: {
|
|
147
154
|
coins: 'Coin',
|
|
@@ -246,8 +253,18 @@ const getDevicePlatform = () => {
|
|
|
246
253
|
}
|
|
247
254
|
}
|
|
248
255
|
};
|
|
256
|
+
const formatMinutesToDDHHMMSS = (totalMinutes) => {
|
|
257
|
+
// Calculate the total number of seconds first to handle fractional minutes
|
|
258
|
+
const totalSeconds = Math.round(totalMinutes * 60);
|
|
259
|
+
const days = Math.floor(totalSeconds / (24 * 3600));
|
|
260
|
+
const hours = Math.floor((totalSeconds % (24 * 3600)) / 3600);
|
|
261
|
+
const minutes = Math.floor((totalSeconds % 3600) / 60);
|
|
262
|
+
const seconds = totalSeconds % 60;
|
|
263
|
+
const pad = (num) => num.toString().padStart(2, '0');
|
|
264
|
+
return { days, hours, minutes, seconds, info: `${pad(days)}:${pad(hours)}:${pad(minutes)}:${pad(seconds)}` };
|
|
265
|
+
};
|
|
249
266
|
|
|
250
|
-
const bonusElevateShopItemCss = ":host{display:block;--game-amount-per-line:6}.ElevateDetails{display:flex;flex-direction:row;padding:10px;flex-wrap:wrap;width:calc(100% - 20px);}.ElevateDetails .RedeemError{display:none}.ElevateDetails .Error{color:var(--emw--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;display:flex;flex-direction:column;justify-content:space-between}.ElevateDetails .GiftPoints .Points{font-size:21px}.ElevateDetails .GiftPoints .PointsLabel{font-size:12px;color:var(--emw--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(--emw--button-typography, var(--emw--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, 10px)}.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(--emw--color-secondary, #FD2839);background:var(--emw--color-secondary, #FD2839)}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li.default{border:solid 1px var(--emw--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(--emw--color-secondary, #FD2839)}.ElevateDetails .DisabledArrow svg{opacity:0.2;stroke:var(--emw--color-secondary, #FD2839);pointer-events:none}.GamesContent{margin:20px;padding:15px;min-height:500px;flex:1;gap:12px;display:flex;flex-direction:column;border-radius:8px;border:2px solid var(--emw--color-powup-light-green-0D, rgba(188, 252, 177, 0.0509803922))}.GamesContent .GamesTitle{display:flex;flex-direction:row}.GamesContent .GamesTitle .Title2{text-transform:capitalize}.GamesContent .GamesTitle .GamesAmount{opacity:0.8}.GamesContent .GameTitleTip{color:var(--emw--color-powup-gray-green, #C8D6CE);font-size:0.8rem}.GamesContent .GamesList{display:flex;justify-content:center;flex-direction:
|
|
267
|
+
const bonusElevateShopItemCss = ":host{display:block;--game-amount-per-line:6}.ElevateDetails{display:flex;flex-direction:row;padding:10px;flex-wrap:wrap;width:calc(100% - 20px);}.ElevateDetails .RedeemError{display:none}.ElevateDetails .Error{color:var(--emw--color-error, #FD2839)}.ElevateDetails .Row{flex-direction:row;display:flex}.ElevateDetails .Col{flex-direction:column;display:flex}.ElevateDetails .Details{padding:20px;display:flex;gap:10px}.ElevateDetails .Details .PowerUpValidTime{text-transform:uppercase;font-size:smaller}.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;display:flex;flex-direction:column;justify-content:space-between}.ElevateDetails .GiftPoints .Points{font-size:21px}.ElevateDetails .GiftPoints .PointsLabel{font-size:12px;color:var(--emw--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(--emw--button-typography, var(--emw--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, 10px)}.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(--emw--color-secondary, #FD2839);background:var(--emw--color-secondary, #FD2839)}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li.default{border:solid 1px var(--emw--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(--emw--color-secondary, #FD2839)}.ElevateDetails .DisabledArrow svg{opacity:0.2;stroke:var(--emw--color-secondary, #FD2839);pointer-events:none}.GamesContent{margin:20px;padding:15px;min-height:500px;flex:1;gap:12px;display:flex;flex-direction:column;border-radius:8px;border:2px solid var(--emw--color-powup-light-green-0D, rgba(188, 252, 177, 0.0509803922))}.GamesContent .GamesTitle{display:flex;flex-direction:row}.GamesContent .GamesTitle .Title2{text-transform:capitalize}.GamesContent .GamesTitle .GamesAmount{opacity:0.8}.GamesContent .GameTitleTip{color:var(--emw--color-powup-gray-green, #C8D6CE);font-size:0.8rem}.GamesContent .GamesList{display:flex;justify-content:center;flex-direction:row;width:100%;max-height:300px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--emw--background-gray-color, gray) transparent}.GamesContent .GamesList::-webkit-scrollbar-track{background-color:transparent;border-radius:5px}.GamesContent .Games{width:100%;padding:0;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:calc(30px / (var(--game-amount-per-line) - 1))}.GamesContent .Games .GameStartBtn{width:98px;height:22px;border-radius:8px;opacity:1;padding:4px 5px;background:linear-gradient(180deg, #03832D 0%, #4DC071 100%);border:1px solid #FFFFFF;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.GamesContent .Games .GameStartBtn .PlayIcon{background-image:url('data:image/svg+xml;charset=utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1ZM0 5.5C0 2.46243 2.46243 0 5.5 0C8.53757 0 11 2.46243 11 5.5C11 8.53757 8.53757 11 5.5 11C2.46243 11 0 8.53757 0 5.5ZM5.12255 3.21652C5.12728 3.21956 5.13199 3.22259 5.13668 3.22561L7.49698 4.74294C7.50129 4.74571 7.50562 4.74849 7.50998 4.75129C7.58551 4.79982 7.66805 4.85285 7.73381 4.90413C7.80355 4.95852 7.91363 5.05446 7.97854 5.20809C8.0574 5.39471 8.0574 5.60529 7.97854 5.79191C7.91363 5.94554 7.80355 6.04148 7.73381 6.09587C7.66805 6.14715 7.58551 6.20018 7.50998 6.24871C7.50562 6.25151 7.50129 6.25429 7.49698 6.25706L5.13668 7.77439C5.13199 7.77741 5.12727 7.78045 5.12255 7.78348C5.03469 7.84 4.9423 7.89941 4.86094 7.94176C4.77909 7.98436 4.63056 8.05332 4.44657 8.04018C4.22957 8.02468 4.02999 7.91572 3.89961 7.74157C3.78907 7.59391 3.76675 7.43167 3.75832 7.33979C3.74995 7.24844 3.74997 7.1386 3.75 7.03414C3.75 7.02852 3.75 7.02292 3.75 7.01733V3.98267C3.75 3.97708 3.75 3.97148 3.75 3.96586C3.74997 3.8614 3.74995 3.75156 3.75832 3.66021C3.76675 3.56833 3.78907 3.40609 3.89961 3.25843C4.02999 3.08428 4.22957 2.97532 4.44657 2.95982C4.63056 2.94668 4.77909 3.01564 4.86094 3.05824C4.94231 3.10059 5.03469 3.16001 5.12255 3.21652ZM4.75 4.16583V6.83417L6.82537 5.5L4.75 4.16583Z\" fill=\"white\"/> <path d=\"M4.75 6.83417V4.16583L6.82537 5.5L4.75 6.83417Z\" fill=\"white\"/></svg>');height:16px;width:16px;background-repeat:no-repeat;background-size:contain}.GamesContent .Games .Game{width:calc((100% - 30px) / var(--game-amount-per-line));cursor:pointer;min-width:135px;min-height:95px;position:relative}.GamesContent .Games .Game .GameMask{transition:opacity;transition-duration:0.2s;display:none;position:absolute;width:70%;height:100%}.GamesContent .Games .Game:hover .mask-filter{opacity:1}.GamesContent .Games .Game:hover img{opacity:0.4;filter:blur(1.5px)}.GamesContent .Games .Game:hover .GameMask{mix-blend-mode:screen;background-color:var(--emw--color-powup-green, #24B24E);display:flex;justify-content:center;align-items:center;position:absolute;width:100%;left:0;height:100%;top:0;border-radius:8px}.GamesContent .Games .Game:hover .GameMask .PlayBtn{border:2px solid var(--emw--color-powup-gray, #f0f0f0);padding:5px 3px;border-radius:3px}";
|
|
251
268
|
const BonusElevateShopItemStyle0 = bonusElevateShopItemCss;
|
|
252
269
|
|
|
253
270
|
const BonusElevateShopItem = class {
|
|
@@ -258,7 +275,18 @@ const BonusElevateShopItem = class {
|
|
|
258
275
|
this.deviceType = getDevicePlatform();
|
|
259
276
|
this.powerUpGameSearchConditions = {
|
|
260
277
|
expand: "games",
|
|
261
|
-
fields: "powerUpID,games(id,gameId,slug,name,thumbnail)"
|
|
278
|
+
fields: "powerUpID,validity,expireTime,games(id,gameId,slug,name,thumbnail)"
|
|
279
|
+
};
|
|
280
|
+
this.setLastItemRef = (el) => {
|
|
281
|
+
if (!el)
|
|
282
|
+
return;
|
|
283
|
+
if (this.lastGameElement && this.loadMoreGamesObserver) {
|
|
284
|
+
this.loadMoreGamesObserver.unobserve(this.lastGameElement);
|
|
285
|
+
}
|
|
286
|
+
this.lastGameElement = el;
|
|
287
|
+
if (!this.isLoadingGames && this.loadMoreGamesObserver) {
|
|
288
|
+
this.loadMoreGamesObserver.observe(el);
|
|
289
|
+
}
|
|
262
290
|
};
|
|
263
291
|
this.endpoint = undefined;
|
|
264
292
|
this.language = 'en';
|
|
@@ -276,6 +304,7 @@ const BonusElevateShopItem = class {
|
|
|
276
304
|
this.isRedeeming = false;
|
|
277
305
|
this.powerUpGames = undefined;
|
|
278
306
|
this.isLoadingGames = false;
|
|
307
|
+
this.giftValidDurationInfo = undefined;
|
|
279
308
|
}
|
|
280
309
|
redeemGiftConfirm() {
|
|
281
310
|
if (this.isRedeeming || this.elevateGift.available != 'true') {
|
|
@@ -375,6 +404,11 @@ const BonusElevateShopItem = class {
|
|
|
375
404
|
}
|
|
376
405
|
const { data } = await response.json();
|
|
377
406
|
const fetchedPowerUp = data === null || data === void 0 ? void 0 : data[0];
|
|
407
|
+
const validInfo = formatMinutesToDDHHMMSS(fetchedPowerUp.validity);
|
|
408
|
+
this.giftValidDurationInfo = `${translate("validFor", this.language)}
|
|
409
|
+
${validInfo.days} ${translate(validInfo.days > 1 ? "days" : "day", this.language)}
|
|
410
|
+
${validInfo.hours} ${translate(validInfo.hours > 1 ? "hours" : "hour", this.language)}
|
|
411
|
+
${validInfo.minutes} ${translate(validInfo.minutes > 1 ? "minutes" : "minute", this.language)}`;
|
|
378
412
|
if ((_e = fetchedPowerUp === null || fetchedPowerUp === void 0 ? void 0 : fetchedPowerUp.games) === null || _e === void 0 ? void 0 : _e.items) {
|
|
379
413
|
if (!this.powerUpGames) {
|
|
380
414
|
this.powerUpGames = fetchedPowerUp.games;
|
|
@@ -394,7 +428,7 @@ const BonusElevateShopItem = class {
|
|
|
394
428
|
}
|
|
395
429
|
initializeGamesObserver() {
|
|
396
430
|
if (this.loadMoreGamesObserver) {
|
|
397
|
-
|
|
431
|
+
return;
|
|
398
432
|
}
|
|
399
433
|
this.loadMoreGamesObserver = new IntersectionObserver((entries) => {
|
|
400
434
|
entries.forEach((entry) => {
|
|
@@ -403,9 +437,6 @@ const BonusElevateShopItem = class {
|
|
|
403
437
|
}
|
|
404
438
|
});
|
|
405
439
|
});
|
|
406
|
-
if (this.lastGameElement) {
|
|
407
|
-
this.loadMoreGamesObserver.observe(this.lastGameElement);
|
|
408
|
-
}
|
|
409
440
|
}
|
|
410
441
|
onGameClick(game) {
|
|
411
442
|
window.postMessage({ type: 'EngagementSuiteGameRedirect', data: { Slug: game.slug } });
|
|
@@ -429,22 +460,18 @@ const BonusElevateShopItem = class {
|
|
|
429
460
|
else {
|
|
430
461
|
await this.loadElevateGift();
|
|
431
462
|
}
|
|
432
|
-
|
|
433
|
-
componentDidUpdate() {
|
|
434
|
-
var _a, _b;
|
|
435
|
-
if (((_a = this.powerUpGames) === null || _a === void 0 ? void 0 : _a.items.length) < ((_b = this.powerUpGames) === null || _b === void 0 ? void 0 : _b.total)) {
|
|
436
|
-
this.initializeGamesObserver();
|
|
437
|
-
}
|
|
463
|
+
this.initializeGamesObserver();
|
|
438
464
|
}
|
|
439
465
|
render() {
|
|
440
|
-
var _a, _b, _c;
|
|
441
|
-
return (index.h(index.Host, { key: '
|
|
466
|
+
var _a, _b, _c, _d;
|
|
467
|
+
return (index.h(index.Host, { key: 'dec4befff29a0a9ca9edfffc02018ce8979fac8f' }, index.h("general-styling-wrapper", { key: 'c0984f1f1f5dff58e03209e140b1af32202a7755', clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling, mbSource: this.mbSource }), index.h("div", { key: '93e575fc4ecc6561adc3cf3da37133dd269a60d8', class: 'ElevateDetails' }, this.isGiftNotFound && (index.h(index.Fragment, { key: '26531f9f7c6bdadf41796879418ffb94afb37926' }, index.h("div", { key: '7c429d3bedffc50edf03d76fe3d92312f1e21901', class: "Row ThumbnailRow" }, index.h("div", { key: 'fca6af6a758e0e931548058217cdc8f5329d2a42', class: "BackButton", onClick: () => {
|
|
442
468
|
this.onBackClicked();
|
|
443
|
-
} }, index.h("span", { key: '
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
469
|
+
} }, index.h("span", { key: 'a834c11c901189fd5c9beaeffc8d9ad34de93b5e', class: "BackArrow", innerHTML: "<" }), index.h("span", { key: '2396bd86e487ed9860d99415333848758fd20ba2', class: "BackTxt" }, " ", translate('back', this.language), " "))), index.h("div", { key: '3da3adc0d18d9168472b489d9dfa6da4f7d4f795', class: "Thumnails GiftNotFound" }, translate('noDataFound', this.language), "."))), this.elevateGift && index.h(index.Fragment, { key: 'eb486695f219ebeb08aa542de3cf27ed9bc5dd20' }, index.h("div", { key: 'a323c745821d55f0374974447e2e4757af51693b', class: "ThumbnailRow" }, index.h("div", { key: '93c4c150b7b38bfcf8c737c2466b655381790d77', class: 'Row' }, index.h("div", { key: '3360ab73d094693a0fa4a2776dec959ec802c890', class: "BackButton", onClick: () => { this.onBackClicked(); } }, index.h("span", { key: 'bcaa162270447c8fc3d76218c4e36716014f005f', class: "BackArrow", innerHTML: "<" }), index.h("span", { key: '9c19663dd138bddf35e190cdc038d443ee21d822', class: "BackTxt" }, " ", translate('back', this.language), " ")), index.h("bonus-elevate-shop-assets-slider", { key: '3b38b5a1ab8ea0de1ac0891c016dc926633892dd', class: 'Thumbnails', itemsPerPage: 1, sliderItems: this.elevateGift.presentation.assets, showSliderDots: this.showSliderDots })), index.h("div", { key: 'a07d83c29cf64ce6cc7e86d9686203faa3b1a657', class: 'Col Details' }, index.h("h3", { key: '389a5b443d31eaaff23e838f29623fed40c38685', class: "GiftName" }, this.elevateGift.presentation.displayName || this.elevateGift.displayName), index.h("div", { key: '5b890f337e7df0ad3e16aff2970c9c439ce11a9c', class: "GiftPoints" }, index.h("span", { key: 'c1a10d56ecf0e394c110de6f0e9b893e2732927a', class: "Points" }, this.elevateGift.points, " "), index.h("span", { key: 'aa34caa2f84ce52874ef4d7d825f6896eecf4924', class: " PointsLabel" }, translate('coins', this.language))), ((_a = this.elevateGift) === null || _a === void 0 ? void 0 : _a.type) === 'powerUp' &&
|
|
470
|
+
index.h("div", { key: 'fca8843be9ac1460ba297e56e821e0698aa273ed', class: "PowerUpValidTime" }, this.giftValidDurationInfo))), index.h("div", { key: '119d047bbb49dc032173fdb317d2ca14ffd70f99', class: 'ShopItemDetail Details' }, index.h("div", { key: '94a98997ee6d0826f380ab29bdfb62422d5b01af', class: "GiftPresentation" }, index.h("p", { key: 'c184770c0d6df52578f292dc24e96b0b1fd8aca0' }, this.elevateGift.presentation.description ? this.elevateGift.presentation.description : translate('noGiftPresentation', this.language))), index.h("div", { key: '3c0aec17dde5bee459d6140974d215ac18ee69ac', class: 'BottomDetail' }, index.h("div", { key: '5cb31fcafed6084f5965caa580b4364752e5b890', class: `RedeemButton ${this.elevateGift.available === 'false' || this.isRedeeming ? 'Disabled deactive' : ' active '}
|
|
471
|
+
${this.deviceType == 'dk' ? 'DkButton' : ''}`, onClick: this.redeemGiftConfirm.bind(this) }, translate('redeemGift', this.language)), index.h("span", { key: '11dd53c644d87aacc122300974ecd62572296d93', class: 'RedeemError Error' }, " ", this.redeemErrorMsg, " "))))), ((_b = this.elevateGift) === null || _b === void 0 ? void 0 : _b.type) === 'powerUp' && this.powerUpGames && index.h("div", { key: '2cff0c8c2520340018103cbc94267c252154691d', class: 'GamesContent' }, index.h("div", { key: '78e36171c689a7786cc3e1850e0623acda00292e', class: 'GamesTitle' }, index.h("span", { key: 'cabee8366e0b84072015db7dd27b4231d645fe0f', class: 'Title2' }, " ", translate('games', this.language)), index.h("span", { key: '02e3f33e79cc4711e445e15a6739c856d7c2d800', class: 'GamesAmount' }, " ( ", ((_c = this.powerUpGames) === null || _c === void 0 ? void 0 : _c.total) || 0, " ) ")), index.h("div", { key: '204e6009d42d8521906af5cf68bd826a293b6817', class: 'GamesList Games' }, (_d = this.powerUpGames) === null || _d === void 0 ? void 0 :
|
|
472
|
+
_d.items.map((g, index$1) => {
|
|
473
|
+
return index.h("div", { class: `Game ${index$1 === (this.powerUpGames.items.length - 1) ? 'LastGame' : ''}`, ref: index$1 === this.powerUpGames.items.length - 1 ? this.setLastItemRef : null }, index.h("ui-image", { src: g.thumbnail }), index.h("div", { class: 'GameMask', onClick: this.onGameClick.bind(this, g) }, index.h("div", { class: 'GameStartBtn' }, index.h("div", { class: 'PlayIcon' }), index.h("span", null, translate('startNow', this.language)))));
|
|
474
|
+
}), this.isLoadingGames && index.h("p", { key: '04c2d1db6ac077e7c3ad0037034e796b27d415c7' }, "Loading more games...")))));
|
|
448
475
|
}
|
|
449
476
|
};
|
|
450
477
|
BonusElevateShopItem.style = BonusElevateShopItemStyle0;
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy([["bonus-elevate-shop-assets-slider_5.cjs",[[1,"bonus-elevate-shop-item",{"endpoint":[513],"language":[513],"itemId":[1537,"item-id"],"elevateGift":[1040],"session":[513],"mbSource":[513,"mb-source"],"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],"powerUpGames":[32],"isLoadingGames":[32]}],[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[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"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"mbSource":["handleMbSourceChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
|
|
22
|
+
return index.bootstrapLazy([["bonus-elevate-shop-assets-slider_5.cjs",[[1,"bonus-elevate-shop-item",{"endpoint":[513],"language":[513],"itemId":[1537,"item-id"],"elevateGift":[1040],"session":[513],"mbSource":[513,"mb-source"],"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],"powerUpGames":[32],"isLoadingGames":[32],"giftValidDurationInfo":[32]}],[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[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"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"mbSource":["handleMbSourceChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
|
10
10
|
await appGlobals.globalScripts();
|
|
11
|
-
return index.bootstrapLazy([["bonus-elevate-shop-assets-slider_5.cjs",[[1,"bonus-elevate-shop-item",{"endpoint":[513],"language":[513],"itemId":[1537,"item-id"],"elevateGift":[1040],"session":[513],"mbSource":[513,"mb-source"],"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],"powerUpGames":[32],"isLoadingGames":[32]}],[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[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"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"mbSource":["handleMbSourceChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
|
|
11
|
+
return index.bootstrapLazy([["bonus-elevate-shop-assets-slider_5.cjs",[[1,"bonus-elevate-shop-item",{"endpoint":[513],"language":[513],"itemId":[1537,"item-id"],"elevateGift":[1040],"session":[513],"mbSource":[513,"mb-source"],"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],"powerUpGames":[32],"isLoadingGames":[32],"giftValidDurationInfo":[32]}],[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[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"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"mbSource":["handleMbSourceChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -27,6 +27,12 @@
|
|
|
27
27
|
}
|
|
28
28
|
.ElevateDetails .Details {
|
|
29
29
|
padding: 20px;
|
|
30
|
+
display: flex;
|
|
31
|
+
gap: 10px;
|
|
32
|
+
}
|
|
33
|
+
.ElevateDetails .Details .PowerUpValidTime {
|
|
34
|
+
text-transform: uppercase;
|
|
35
|
+
font-size: smaller;
|
|
30
36
|
}
|
|
31
37
|
.ElevateDetails .ThumbnailRow {
|
|
32
38
|
display: flex;
|
|
@@ -218,7 +224,7 @@
|
|
|
218
224
|
.GamesContent .GamesList {
|
|
219
225
|
display: flex;
|
|
220
226
|
justify-content: center;
|
|
221
|
-
flex-direction:
|
|
227
|
+
flex-direction: row;
|
|
222
228
|
width: 100%;
|
|
223
229
|
max-height: 300px;
|
|
224
230
|
flex: 1;
|
|
@@ -230,7 +236,7 @@
|
|
|
230
236
|
background-color: transparent;
|
|
231
237
|
border-radius: 5px;
|
|
232
238
|
}
|
|
233
|
-
.GamesContent .
|
|
239
|
+
.GamesContent .Games {
|
|
234
240
|
width: 100%;
|
|
235
241
|
padding: 0;
|
|
236
242
|
display: flex;
|
|
@@ -239,7 +245,7 @@
|
|
|
239
245
|
flex-wrap: wrap;
|
|
240
246
|
gap: calc(30px / (var(--game-amount-per-line) - 1));
|
|
241
247
|
}
|
|
242
|
-
.GamesContent .
|
|
248
|
+
.GamesContent .Games .GameStartBtn {
|
|
243
249
|
width: 98px;
|
|
244
250
|
height: 22px;
|
|
245
251
|
border-radius: 8px;
|
|
@@ -252,20 +258,21 @@
|
|
|
252
258
|
justify-content: space-between;
|
|
253
259
|
cursor: pointer;
|
|
254
260
|
}
|
|
255
|
-
.GamesContent .
|
|
261
|
+
.GamesContent .Games .GameStartBtn .PlayIcon {
|
|
256
262
|
background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1ZM0 5.5C0 2.46243 2.46243 0 5.5 0C8.53757 0 11 2.46243 11 5.5C11 8.53757 8.53757 11 5.5 11C2.46243 11 0 8.53757 0 5.5ZM5.12255 3.21652C5.12728 3.21956 5.13199 3.22259 5.13668 3.22561L7.49698 4.74294C7.50129 4.74571 7.50562 4.74849 7.50998 4.75129C7.58551 4.79982 7.66805 4.85285 7.73381 4.90413C7.80355 4.95852 7.91363 5.05446 7.97854 5.20809C8.0574 5.39471 8.0574 5.60529 7.97854 5.79191C7.91363 5.94554 7.80355 6.04148 7.73381 6.09587C7.66805 6.14715 7.58551 6.20018 7.50998 6.24871C7.50562 6.25151 7.50129 6.25429 7.49698 6.25706L5.13668 7.77439C5.13199 7.77741 5.12727 7.78045 5.12255 7.78348C5.03469 7.84 4.9423 7.89941 4.86094 7.94176C4.77909 7.98436 4.63056 8.05332 4.44657 8.04018C4.22957 8.02468 4.02999 7.91572 3.89961 7.74157C3.78907 7.59391 3.76675 7.43167 3.75832 7.33979C3.74995 7.24844 3.74997 7.1386 3.75 7.03414C3.75 7.02852 3.75 7.02292 3.75 7.01733V3.98267C3.75 3.97708 3.75 3.97148 3.75 3.96586C3.74997 3.8614 3.74995 3.75156 3.75832 3.66021C3.76675 3.56833 3.78907 3.40609 3.89961 3.25843C4.02999 3.08428 4.22957 2.97532 4.44657 2.95982C4.63056 2.94668 4.77909 3.01564 4.86094 3.05824C4.94231 3.10059 5.03469 3.16001 5.12255 3.21652ZM4.75 4.16583V6.83417L6.82537 5.5L4.75 4.16583Z" fill="white"/> <path d="M4.75 6.83417V4.16583L6.82537 5.5L4.75 6.83417Z" fill="white"/></svg>');
|
|
257
263
|
height: 16px;
|
|
258
264
|
width: 16px;
|
|
259
265
|
background-repeat: no-repeat;
|
|
260
266
|
background-size: contain;
|
|
261
267
|
}
|
|
262
|
-
.GamesContent .
|
|
268
|
+
.GamesContent .Games .Game {
|
|
263
269
|
width: calc((100% - 30px) / var(--game-amount-per-line));
|
|
264
270
|
cursor: pointer;
|
|
265
271
|
min-width: 135px;
|
|
272
|
+
min-height: 95px;
|
|
266
273
|
position: relative;
|
|
267
274
|
}
|
|
268
|
-
.GamesContent .
|
|
275
|
+
.GamesContent .Games .Game .GameMask {
|
|
269
276
|
transition: opacity;
|
|
270
277
|
transition-duration: 0.2s;
|
|
271
278
|
display: none;
|
|
@@ -273,14 +280,14 @@
|
|
|
273
280
|
width: 70%;
|
|
274
281
|
height: 100%;
|
|
275
282
|
}
|
|
276
|
-
.GamesContent .
|
|
283
|
+
.GamesContent .Games .Game:hover .mask-filter {
|
|
277
284
|
opacity: 1;
|
|
278
285
|
}
|
|
279
|
-
.GamesContent .
|
|
286
|
+
.GamesContent .Games .Game:hover img {
|
|
280
287
|
opacity: 0.4;
|
|
281
288
|
filter: blur(1.5px);
|
|
282
289
|
}
|
|
283
|
-
.GamesContent .
|
|
290
|
+
.GamesContent .Games .Game:hover .GameMask {
|
|
284
291
|
mix-blend-mode: screen;
|
|
285
292
|
background-color: var(--emw--color-powup-green, #24B24E);
|
|
286
293
|
display: flex;
|
|
@@ -293,7 +300,7 @@
|
|
|
293
300
|
top: 0;
|
|
294
301
|
border-radius: 8px;
|
|
295
302
|
}
|
|
296
|
-
.GamesContent .
|
|
303
|
+
.GamesContent .Games .Game:hover .GameMask .PlayBtn {
|
|
297
304
|
border: 2px solid var(--emw--color-powup-gray, #f0f0f0);
|
|
298
305
|
padding: 5px 3px;
|
|
299
306
|
border-radius: 3px;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Fragment, h, Host } from "@stencil/core";
|
|
2
2
|
import "../../../../../general-styling-wrapper/dist/types/index";
|
|
3
3
|
import { getTranslations, translate } from "../../utils/locale.utils";
|
|
4
|
-
import { getDevicePlatform } from "../../utils/utils";
|
|
4
|
+
import { getDevicePlatform, formatMinutesToDDHHMMSS } from "../../utils/utils";
|
|
5
5
|
import "../../../../../ui-image/dist/types/index";
|
|
6
6
|
export class BonusElevateShopItem {
|
|
7
7
|
constructor() {
|
|
@@ -9,7 +9,18 @@ export class BonusElevateShopItem {
|
|
|
9
9
|
this.deviceType = getDevicePlatform();
|
|
10
10
|
this.powerUpGameSearchConditions = {
|
|
11
11
|
expand: "games",
|
|
12
|
-
fields: "powerUpID,games(id,gameId,slug,name,thumbnail)"
|
|
12
|
+
fields: "powerUpID,validity,expireTime,games(id,gameId,slug,name,thumbnail)"
|
|
13
|
+
};
|
|
14
|
+
this.setLastItemRef = (el) => {
|
|
15
|
+
if (!el)
|
|
16
|
+
return;
|
|
17
|
+
if (this.lastGameElement && this.loadMoreGamesObserver) {
|
|
18
|
+
this.loadMoreGamesObserver.unobserve(this.lastGameElement);
|
|
19
|
+
}
|
|
20
|
+
this.lastGameElement = el;
|
|
21
|
+
if (!this.isLoadingGames && this.loadMoreGamesObserver) {
|
|
22
|
+
this.loadMoreGamesObserver.observe(el);
|
|
23
|
+
}
|
|
13
24
|
};
|
|
14
25
|
this.endpoint = undefined;
|
|
15
26
|
this.language = 'en';
|
|
@@ -27,6 +38,7 @@ export class BonusElevateShopItem {
|
|
|
27
38
|
this.isRedeeming = false;
|
|
28
39
|
this.powerUpGames = undefined;
|
|
29
40
|
this.isLoadingGames = false;
|
|
41
|
+
this.giftValidDurationInfo = undefined;
|
|
30
42
|
}
|
|
31
43
|
redeemGiftConfirm() {
|
|
32
44
|
if (this.isRedeeming || this.elevateGift.available != 'true') {
|
|
@@ -126,6 +138,11 @@ export class BonusElevateShopItem {
|
|
|
126
138
|
}
|
|
127
139
|
const { data } = await response.json();
|
|
128
140
|
const fetchedPowerUp = data === null || data === void 0 ? void 0 : data[0];
|
|
141
|
+
const validInfo = formatMinutesToDDHHMMSS(fetchedPowerUp.validity);
|
|
142
|
+
this.giftValidDurationInfo = `${translate("validFor", this.language)}
|
|
143
|
+
${validInfo.days} ${translate(validInfo.days > 1 ? "days" : "day", this.language)}
|
|
144
|
+
${validInfo.hours} ${translate(validInfo.hours > 1 ? "hours" : "hour", this.language)}
|
|
145
|
+
${validInfo.minutes} ${translate(validInfo.minutes > 1 ? "minutes" : "minute", this.language)}`;
|
|
129
146
|
if ((_e = fetchedPowerUp === null || fetchedPowerUp === void 0 ? void 0 : fetchedPowerUp.games) === null || _e === void 0 ? void 0 : _e.items) {
|
|
130
147
|
if (!this.powerUpGames) {
|
|
131
148
|
this.powerUpGames = fetchedPowerUp.games;
|
|
@@ -145,7 +162,7 @@ export class BonusElevateShopItem {
|
|
|
145
162
|
}
|
|
146
163
|
initializeGamesObserver() {
|
|
147
164
|
if (this.loadMoreGamesObserver) {
|
|
148
|
-
|
|
165
|
+
return;
|
|
149
166
|
}
|
|
150
167
|
this.loadMoreGamesObserver = new IntersectionObserver((entries) => {
|
|
151
168
|
entries.forEach((entry) => {
|
|
@@ -154,9 +171,6 @@ export class BonusElevateShopItem {
|
|
|
154
171
|
}
|
|
155
172
|
});
|
|
156
173
|
});
|
|
157
|
-
if (this.lastGameElement) {
|
|
158
|
-
this.loadMoreGamesObserver.observe(this.lastGameElement);
|
|
159
|
-
}
|
|
160
174
|
}
|
|
161
175
|
onGameClick(game) {
|
|
162
176
|
window.postMessage({ type: 'EngagementSuiteGameRedirect', data: { Slug: game.slug } });
|
|
@@ -180,22 +194,18 @@ export class BonusElevateShopItem {
|
|
|
180
194
|
else {
|
|
181
195
|
await this.loadElevateGift();
|
|
182
196
|
}
|
|
183
|
-
|
|
184
|
-
componentDidUpdate() {
|
|
185
|
-
var _a, _b;
|
|
186
|
-
if (((_a = this.powerUpGames) === null || _a === void 0 ? void 0 : _a.items.length) < ((_b = this.powerUpGames) === null || _b === void 0 ? void 0 : _b.total)) {
|
|
187
|
-
this.initializeGamesObserver();
|
|
188
|
-
}
|
|
197
|
+
this.initializeGamesObserver();
|
|
189
198
|
}
|
|
190
199
|
render() {
|
|
191
|
-
var _a, _b, _c;
|
|
192
|
-
return (h(Host, { key: '
|
|
200
|
+
var _a, _b, _c, _d;
|
|
201
|
+
return (h(Host, { key: 'dec4befff29a0a9ca9edfffc02018ce8979fac8f' }, h("general-styling-wrapper", { key: 'c0984f1f1f5dff58e03209e140b1af32202a7755', clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling, mbSource: this.mbSource }), h("div", { key: '93e575fc4ecc6561adc3cf3da37133dd269a60d8', class: 'ElevateDetails' }, this.isGiftNotFound && (h(Fragment, { key: '26531f9f7c6bdadf41796879418ffb94afb37926' }, h("div", { key: '7c429d3bedffc50edf03d76fe3d92312f1e21901', class: "Row ThumbnailRow" }, h("div", { key: 'fca6af6a758e0e931548058217cdc8f5329d2a42', class: "BackButton", onClick: () => {
|
|
193
202
|
this.onBackClicked();
|
|
194
|
-
} }, h("span", { key: '
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
203
|
+
} }, h("span", { key: 'a834c11c901189fd5c9beaeffc8d9ad34de93b5e', class: "BackArrow", innerHTML: "<" }), h("span", { key: '2396bd86e487ed9860d99415333848758fd20ba2', class: "BackTxt" }, " ", translate('back', this.language), " "))), h("div", { key: '3da3adc0d18d9168472b489d9dfa6da4f7d4f795', class: "Thumnails GiftNotFound" }, translate('noDataFound', this.language), "."))), this.elevateGift && h(Fragment, { key: 'eb486695f219ebeb08aa542de3cf27ed9bc5dd20' }, h("div", { key: 'a323c745821d55f0374974447e2e4757af51693b', class: "ThumbnailRow" }, h("div", { key: '93c4c150b7b38bfcf8c737c2466b655381790d77', class: 'Row' }, h("div", { key: '3360ab73d094693a0fa4a2776dec959ec802c890', class: "BackButton", onClick: () => { this.onBackClicked(); } }, h("span", { key: 'bcaa162270447c8fc3d76218c4e36716014f005f', class: "BackArrow", innerHTML: "<" }), h("span", { key: '9c19663dd138bddf35e190cdc038d443ee21d822', class: "BackTxt" }, " ", translate('back', this.language), " ")), h("bonus-elevate-shop-assets-slider", { key: '3b38b5a1ab8ea0de1ac0891c016dc926633892dd', class: 'Thumbnails', itemsPerPage: 1, sliderItems: this.elevateGift.presentation.assets, showSliderDots: this.showSliderDots })), h("div", { key: 'a07d83c29cf64ce6cc7e86d9686203faa3b1a657', class: 'Col Details' }, h("h3", { key: '389a5b443d31eaaff23e838f29623fed40c38685', class: "GiftName" }, this.elevateGift.presentation.displayName || this.elevateGift.displayName), h("div", { key: '5b890f337e7df0ad3e16aff2970c9c439ce11a9c', class: "GiftPoints" }, h("span", { key: 'c1a10d56ecf0e394c110de6f0e9b893e2732927a', class: "Points" }, this.elevateGift.points, " "), h("span", { key: 'aa34caa2f84ce52874ef4d7d825f6896eecf4924', class: " PointsLabel" }, translate('coins', this.language))), ((_a = this.elevateGift) === null || _a === void 0 ? void 0 : _a.type) === 'powerUp' &&
|
|
204
|
+
h("div", { key: 'fca8843be9ac1460ba297e56e821e0698aa273ed', class: "PowerUpValidTime" }, this.giftValidDurationInfo))), h("div", { key: '119d047bbb49dc032173fdb317d2ca14ffd70f99', class: 'ShopItemDetail Details' }, h("div", { key: '94a98997ee6d0826f380ab29bdfb62422d5b01af', class: "GiftPresentation" }, h("p", { key: 'c184770c0d6df52578f292dc24e96b0b1fd8aca0' }, this.elevateGift.presentation.description ? this.elevateGift.presentation.description : translate('noGiftPresentation', this.language))), h("div", { key: '3c0aec17dde5bee459d6140974d215ac18ee69ac', class: 'BottomDetail' }, h("div", { key: '5cb31fcafed6084f5965caa580b4364752e5b890', class: `RedeemButton ${this.elevateGift.available === 'false' || this.isRedeeming ? 'Disabled deactive' : ' active '}
|
|
205
|
+
${this.deviceType == 'dk' ? 'DkButton' : ''}`, onClick: this.redeemGiftConfirm.bind(this) }, translate('redeemGift', this.language)), h("span", { key: '11dd53c644d87aacc122300974ecd62572296d93', class: 'RedeemError Error' }, " ", this.redeemErrorMsg, " "))))), ((_b = this.elevateGift) === null || _b === void 0 ? void 0 : _b.type) === 'powerUp' && this.powerUpGames && h("div", { key: '2cff0c8c2520340018103cbc94267c252154691d', class: 'GamesContent' }, h("div", { key: '78e36171c689a7786cc3e1850e0623acda00292e', class: 'GamesTitle' }, h("span", { key: 'cabee8366e0b84072015db7dd27b4231d645fe0f', class: 'Title2' }, " ", translate('games', this.language)), h("span", { key: '02e3f33e79cc4711e445e15a6739c856d7c2d800', class: 'GamesAmount' }, " ( ", ((_c = this.powerUpGames) === null || _c === void 0 ? void 0 : _c.total) || 0, " ) ")), h("div", { key: '204e6009d42d8521906af5cf68bd826a293b6817', class: 'GamesList Games' }, (_d = this.powerUpGames) === null || _d === void 0 ? void 0 :
|
|
206
|
+
_d.items.map((g, index) => {
|
|
207
|
+
return h("div", { class: `Game ${index === (this.powerUpGames.items.length - 1) ? 'LastGame' : ''}`, ref: index === this.powerUpGames.items.length - 1 ? this.setLastItemRef : null }, h("ui-image", { src: g.thumbnail }), h("div", { class: 'GameMask', onClick: this.onGameClick.bind(this, g) }, h("div", { class: 'GameStartBtn' }, h("div", { class: 'PlayIcon' }), h("span", null, translate('startNow', this.language)))));
|
|
208
|
+
}), this.isLoadingGames && h("p", { key: '04c2d1db6ac077e7c3ad0037034e796b27d415c7' }, "Loading more games...")))));
|
|
199
209
|
}
|
|
200
210
|
static get is() { return "bonus-elevate-shop-item"; }
|
|
201
211
|
static get encapsulation() { return "shadow"; }
|
|
@@ -416,7 +426,8 @@ export class BonusElevateShopItem {
|
|
|
416
426
|
"redeemErrorMsg": {},
|
|
417
427
|
"isRedeeming": {},
|
|
418
428
|
"powerUpGames": {},
|
|
419
|
-
"isLoadingGames": {}
|
|
429
|
+
"isLoadingGames": {},
|
|
430
|
+
"giftValidDurationInfo": {}
|
|
420
431
|
};
|
|
421
432
|
}
|
|
422
433
|
static get events() {
|
|
@@ -9,7 +9,14 @@ export const TRANSLATIONS = {
|
|
|
9
9
|
redeemFailed: 'Failed to redeem',
|
|
10
10
|
back: 'Back',
|
|
11
11
|
startNow: 'Start Now!',
|
|
12
|
-
games: 'Games'
|
|
12
|
+
games: 'Games',
|
|
13
|
+
validFor: "Valid For ",
|
|
14
|
+
days: "Days",
|
|
15
|
+
day: "Day",
|
|
16
|
+
hours: "Hours",
|
|
17
|
+
minutes: "Minutes",
|
|
18
|
+
hour: "Hour",
|
|
19
|
+
minute: "Minute",
|
|
13
20
|
},
|
|
14
21
|
tr: {
|
|
15
22
|
coins: 'Coin',
|
|
@@ -37,3 +37,13 @@ export const getDevicePlatform = () => {
|
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
};
|
|
40
|
+
export const formatMinutesToDDHHMMSS = (totalMinutes) => {
|
|
41
|
+
// Calculate the total number of seconds first to handle fractional minutes
|
|
42
|
+
const totalSeconds = Math.round(totalMinutes * 60);
|
|
43
|
+
const days = Math.floor(totalSeconds / (24 * 3600));
|
|
44
|
+
const hours = Math.floor((totalSeconds % (24 * 3600)) / 3600);
|
|
45
|
+
const minutes = Math.floor((totalSeconds % 3600) / 60);
|
|
46
|
+
const seconds = totalSeconds % 60;
|
|
47
|
+
const pad = (num) => num.toString().padStart(2, '0');
|
|
48
|
+
return { days, hours, minutes, seconds, info: `${pad(days)}:${pad(hours)}:${pad(minutes)}:${pad(seconds)}` };
|
|
49
|
+
};
|
|
@@ -137,7 +137,14 @@ const TRANSLATIONS = {
|
|
|
137
137
|
redeemFailed: 'Failed to redeem',
|
|
138
138
|
back: 'Back',
|
|
139
139
|
startNow: 'Start Now!',
|
|
140
|
-
games: 'Games'
|
|
140
|
+
games: 'Games',
|
|
141
|
+
validFor: "Valid For ",
|
|
142
|
+
days: "Days",
|
|
143
|
+
day: "Day",
|
|
144
|
+
hours: "Hours",
|
|
145
|
+
minutes: "Minutes",
|
|
146
|
+
hour: "Hour",
|
|
147
|
+
minute: "Minute",
|
|
141
148
|
},
|
|
142
149
|
tr: {
|
|
143
150
|
coins: 'Coin',
|
|
@@ -242,8 +249,18 @@ const getDevicePlatform = () => {
|
|
|
242
249
|
}
|
|
243
250
|
}
|
|
244
251
|
};
|
|
252
|
+
const formatMinutesToDDHHMMSS = (totalMinutes) => {
|
|
253
|
+
// Calculate the total number of seconds first to handle fractional minutes
|
|
254
|
+
const totalSeconds = Math.round(totalMinutes * 60);
|
|
255
|
+
const days = Math.floor(totalSeconds / (24 * 3600));
|
|
256
|
+
const hours = Math.floor((totalSeconds % (24 * 3600)) / 3600);
|
|
257
|
+
const minutes = Math.floor((totalSeconds % 3600) / 60);
|
|
258
|
+
const seconds = totalSeconds % 60;
|
|
259
|
+
const pad = (num) => num.toString().padStart(2, '0');
|
|
260
|
+
return { days, hours, minutes, seconds, info: `${pad(days)}:${pad(hours)}:${pad(minutes)}:${pad(seconds)}` };
|
|
261
|
+
};
|
|
245
262
|
|
|
246
|
-
const bonusElevateShopItemCss = ":host{display:block;--game-amount-per-line:6}.ElevateDetails{display:flex;flex-direction:row;padding:10px;flex-wrap:wrap;width:calc(100% - 20px);}.ElevateDetails .RedeemError{display:none}.ElevateDetails .Error{color:var(--emw--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;display:flex;flex-direction:column;justify-content:space-between}.ElevateDetails .GiftPoints .Points{font-size:21px}.ElevateDetails .GiftPoints .PointsLabel{font-size:12px;color:var(--emw--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(--emw--button-typography, var(--emw--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, 10px)}.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(--emw--color-secondary, #FD2839);background:var(--emw--color-secondary, #FD2839)}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li.default{border:solid 1px var(--emw--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(--emw--color-secondary, #FD2839)}.ElevateDetails .DisabledArrow svg{opacity:0.2;stroke:var(--emw--color-secondary, #FD2839);pointer-events:none}.GamesContent{margin:20px;padding:15px;min-height:500px;flex:1;gap:12px;display:flex;flex-direction:column;border-radius:8px;border:2px solid var(--emw--color-powup-light-green-0D, rgba(188, 252, 177, 0.0509803922))}.GamesContent .GamesTitle{display:flex;flex-direction:row}.GamesContent .GamesTitle .Title2{text-transform:capitalize}.GamesContent .GamesTitle .GamesAmount{opacity:0.8}.GamesContent .GameTitleTip{color:var(--emw--color-powup-gray-green, #C8D6CE);font-size:0.8rem}.GamesContent .GamesList{display:flex;justify-content:center;flex-direction:
|
|
263
|
+
const bonusElevateShopItemCss = ":host{display:block;--game-amount-per-line:6}.ElevateDetails{display:flex;flex-direction:row;padding:10px;flex-wrap:wrap;width:calc(100% - 20px);}.ElevateDetails .RedeemError{display:none}.ElevateDetails .Error{color:var(--emw--color-error, #FD2839)}.ElevateDetails .Row{flex-direction:row;display:flex}.ElevateDetails .Col{flex-direction:column;display:flex}.ElevateDetails .Details{padding:20px;display:flex;gap:10px}.ElevateDetails .Details .PowerUpValidTime{text-transform:uppercase;font-size:smaller}.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;display:flex;flex-direction:column;justify-content:space-between}.ElevateDetails .GiftPoints .Points{font-size:21px}.ElevateDetails .GiftPoints .PointsLabel{font-size:12px;color:var(--emw--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(--emw--button-typography, var(--emw--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, 10px)}.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(--emw--color-secondary, #FD2839);background:var(--emw--color-secondary, #FD2839)}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li.default{border:solid 1px var(--emw--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(--emw--color-secondary, #FD2839)}.ElevateDetails .DisabledArrow svg{opacity:0.2;stroke:var(--emw--color-secondary, #FD2839);pointer-events:none}.GamesContent{margin:20px;padding:15px;min-height:500px;flex:1;gap:12px;display:flex;flex-direction:column;border-radius:8px;border:2px solid var(--emw--color-powup-light-green-0D, rgba(188, 252, 177, 0.0509803922))}.GamesContent .GamesTitle{display:flex;flex-direction:row}.GamesContent .GamesTitle .Title2{text-transform:capitalize}.GamesContent .GamesTitle .GamesAmount{opacity:0.8}.GamesContent .GameTitleTip{color:var(--emw--color-powup-gray-green, #C8D6CE);font-size:0.8rem}.GamesContent .GamesList{display:flex;justify-content:center;flex-direction:row;width:100%;max-height:300px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--emw--background-gray-color, gray) transparent}.GamesContent .GamesList::-webkit-scrollbar-track{background-color:transparent;border-radius:5px}.GamesContent .Games{width:100%;padding:0;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:calc(30px / (var(--game-amount-per-line) - 1))}.GamesContent .Games .GameStartBtn{width:98px;height:22px;border-radius:8px;opacity:1;padding:4px 5px;background:linear-gradient(180deg, #03832D 0%, #4DC071 100%);border:1px solid #FFFFFF;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.GamesContent .Games .GameStartBtn .PlayIcon{background-image:url('data:image/svg+xml;charset=utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1ZM0 5.5C0 2.46243 2.46243 0 5.5 0C8.53757 0 11 2.46243 11 5.5C11 8.53757 8.53757 11 5.5 11C2.46243 11 0 8.53757 0 5.5ZM5.12255 3.21652C5.12728 3.21956 5.13199 3.22259 5.13668 3.22561L7.49698 4.74294C7.50129 4.74571 7.50562 4.74849 7.50998 4.75129C7.58551 4.79982 7.66805 4.85285 7.73381 4.90413C7.80355 4.95852 7.91363 5.05446 7.97854 5.20809C8.0574 5.39471 8.0574 5.60529 7.97854 5.79191C7.91363 5.94554 7.80355 6.04148 7.73381 6.09587C7.66805 6.14715 7.58551 6.20018 7.50998 6.24871C7.50562 6.25151 7.50129 6.25429 7.49698 6.25706L5.13668 7.77439C5.13199 7.77741 5.12727 7.78045 5.12255 7.78348C5.03469 7.84 4.9423 7.89941 4.86094 7.94176C4.77909 7.98436 4.63056 8.05332 4.44657 8.04018C4.22957 8.02468 4.02999 7.91572 3.89961 7.74157C3.78907 7.59391 3.76675 7.43167 3.75832 7.33979C3.74995 7.24844 3.74997 7.1386 3.75 7.03414C3.75 7.02852 3.75 7.02292 3.75 7.01733V3.98267C3.75 3.97708 3.75 3.97148 3.75 3.96586C3.74997 3.8614 3.74995 3.75156 3.75832 3.66021C3.76675 3.56833 3.78907 3.40609 3.89961 3.25843C4.02999 3.08428 4.22957 2.97532 4.44657 2.95982C4.63056 2.94668 4.77909 3.01564 4.86094 3.05824C4.94231 3.10059 5.03469 3.16001 5.12255 3.21652ZM4.75 4.16583V6.83417L6.82537 5.5L4.75 4.16583Z\" fill=\"white\"/> <path d=\"M4.75 6.83417V4.16583L6.82537 5.5L4.75 6.83417Z\" fill=\"white\"/></svg>');height:16px;width:16px;background-repeat:no-repeat;background-size:contain}.GamesContent .Games .Game{width:calc((100% - 30px) / var(--game-amount-per-line));cursor:pointer;min-width:135px;min-height:95px;position:relative}.GamesContent .Games .Game .GameMask{transition:opacity;transition-duration:0.2s;display:none;position:absolute;width:70%;height:100%}.GamesContent .Games .Game:hover .mask-filter{opacity:1}.GamesContent .Games .Game:hover img{opacity:0.4;filter:blur(1.5px)}.GamesContent .Games .Game:hover .GameMask{mix-blend-mode:screen;background-color:var(--emw--color-powup-green, #24B24E);display:flex;justify-content:center;align-items:center;position:absolute;width:100%;left:0;height:100%;top:0;border-radius:8px}.GamesContent .Games .Game:hover .GameMask .PlayBtn{border:2px solid var(--emw--color-powup-gray, #f0f0f0);padding:5px 3px;border-radius:3px}";
|
|
247
264
|
const BonusElevateShopItemStyle0 = bonusElevateShopItemCss;
|
|
248
265
|
|
|
249
266
|
const BonusElevateShopItem = class {
|
|
@@ -254,7 +271,18 @@ const BonusElevateShopItem = class {
|
|
|
254
271
|
this.deviceType = getDevicePlatform();
|
|
255
272
|
this.powerUpGameSearchConditions = {
|
|
256
273
|
expand: "games",
|
|
257
|
-
fields: "powerUpID,games(id,gameId,slug,name,thumbnail)"
|
|
274
|
+
fields: "powerUpID,validity,expireTime,games(id,gameId,slug,name,thumbnail)"
|
|
275
|
+
};
|
|
276
|
+
this.setLastItemRef = (el) => {
|
|
277
|
+
if (!el)
|
|
278
|
+
return;
|
|
279
|
+
if (this.lastGameElement && this.loadMoreGamesObserver) {
|
|
280
|
+
this.loadMoreGamesObserver.unobserve(this.lastGameElement);
|
|
281
|
+
}
|
|
282
|
+
this.lastGameElement = el;
|
|
283
|
+
if (!this.isLoadingGames && this.loadMoreGamesObserver) {
|
|
284
|
+
this.loadMoreGamesObserver.observe(el);
|
|
285
|
+
}
|
|
258
286
|
};
|
|
259
287
|
this.endpoint = undefined;
|
|
260
288
|
this.language = 'en';
|
|
@@ -272,6 +300,7 @@ const BonusElevateShopItem = class {
|
|
|
272
300
|
this.isRedeeming = false;
|
|
273
301
|
this.powerUpGames = undefined;
|
|
274
302
|
this.isLoadingGames = false;
|
|
303
|
+
this.giftValidDurationInfo = undefined;
|
|
275
304
|
}
|
|
276
305
|
redeemGiftConfirm() {
|
|
277
306
|
if (this.isRedeeming || this.elevateGift.available != 'true') {
|
|
@@ -371,6 +400,11 @@ const BonusElevateShopItem = class {
|
|
|
371
400
|
}
|
|
372
401
|
const { data } = await response.json();
|
|
373
402
|
const fetchedPowerUp = data === null || data === void 0 ? void 0 : data[0];
|
|
403
|
+
const validInfo = formatMinutesToDDHHMMSS(fetchedPowerUp.validity);
|
|
404
|
+
this.giftValidDurationInfo = `${translate("validFor", this.language)}
|
|
405
|
+
${validInfo.days} ${translate(validInfo.days > 1 ? "days" : "day", this.language)}
|
|
406
|
+
${validInfo.hours} ${translate(validInfo.hours > 1 ? "hours" : "hour", this.language)}
|
|
407
|
+
${validInfo.minutes} ${translate(validInfo.minutes > 1 ? "minutes" : "minute", this.language)}`;
|
|
374
408
|
if ((_e = fetchedPowerUp === null || fetchedPowerUp === void 0 ? void 0 : fetchedPowerUp.games) === null || _e === void 0 ? void 0 : _e.items) {
|
|
375
409
|
if (!this.powerUpGames) {
|
|
376
410
|
this.powerUpGames = fetchedPowerUp.games;
|
|
@@ -390,7 +424,7 @@ const BonusElevateShopItem = class {
|
|
|
390
424
|
}
|
|
391
425
|
initializeGamesObserver() {
|
|
392
426
|
if (this.loadMoreGamesObserver) {
|
|
393
|
-
|
|
427
|
+
return;
|
|
394
428
|
}
|
|
395
429
|
this.loadMoreGamesObserver = new IntersectionObserver((entries) => {
|
|
396
430
|
entries.forEach((entry) => {
|
|
@@ -399,9 +433,6 @@ const BonusElevateShopItem = class {
|
|
|
399
433
|
}
|
|
400
434
|
});
|
|
401
435
|
});
|
|
402
|
-
if (this.lastGameElement) {
|
|
403
|
-
this.loadMoreGamesObserver.observe(this.lastGameElement);
|
|
404
|
-
}
|
|
405
436
|
}
|
|
406
437
|
onGameClick(game) {
|
|
407
438
|
window.postMessage({ type: 'EngagementSuiteGameRedirect', data: { Slug: game.slug } });
|
|
@@ -425,22 +456,18 @@ const BonusElevateShopItem = class {
|
|
|
425
456
|
else {
|
|
426
457
|
await this.loadElevateGift();
|
|
427
458
|
}
|
|
428
|
-
|
|
429
|
-
componentDidUpdate() {
|
|
430
|
-
var _a, _b;
|
|
431
|
-
if (((_a = this.powerUpGames) === null || _a === void 0 ? void 0 : _a.items.length) < ((_b = this.powerUpGames) === null || _b === void 0 ? void 0 : _b.total)) {
|
|
432
|
-
this.initializeGamesObserver();
|
|
433
|
-
}
|
|
459
|
+
this.initializeGamesObserver();
|
|
434
460
|
}
|
|
435
461
|
render() {
|
|
436
|
-
var _a, _b, _c;
|
|
437
|
-
return (h(Host, { key: '
|
|
462
|
+
var _a, _b, _c, _d;
|
|
463
|
+
return (h(Host, { key: 'dec4befff29a0a9ca9edfffc02018ce8979fac8f' }, h("general-styling-wrapper", { key: 'c0984f1f1f5dff58e03209e140b1af32202a7755', clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling, mbSource: this.mbSource }), h("div", { key: '93e575fc4ecc6561adc3cf3da37133dd269a60d8', class: 'ElevateDetails' }, this.isGiftNotFound && (h(Fragment, { key: '26531f9f7c6bdadf41796879418ffb94afb37926' }, h("div", { key: '7c429d3bedffc50edf03d76fe3d92312f1e21901', class: "Row ThumbnailRow" }, h("div", { key: 'fca6af6a758e0e931548058217cdc8f5329d2a42', class: "BackButton", onClick: () => {
|
|
438
464
|
this.onBackClicked();
|
|
439
|
-
} }, h("span", { key: '
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
465
|
+
} }, h("span", { key: 'a834c11c901189fd5c9beaeffc8d9ad34de93b5e', class: "BackArrow", innerHTML: "<" }), h("span", { key: '2396bd86e487ed9860d99415333848758fd20ba2', class: "BackTxt" }, " ", translate('back', this.language), " "))), h("div", { key: '3da3adc0d18d9168472b489d9dfa6da4f7d4f795', class: "Thumnails GiftNotFound" }, translate('noDataFound', this.language), "."))), this.elevateGift && h(Fragment, { key: 'eb486695f219ebeb08aa542de3cf27ed9bc5dd20' }, h("div", { key: 'a323c745821d55f0374974447e2e4757af51693b', class: "ThumbnailRow" }, h("div", { key: '93c4c150b7b38bfcf8c737c2466b655381790d77', class: 'Row' }, h("div", { key: '3360ab73d094693a0fa4a2776dec959ec802c890', class: "BackButton", onClick: () => { this.onBackClicked(); } }, h("span", { key: 'bcaa162270447c8fc3d76218c4e36716014f005f', class: "BackArrow", innerHTML: "<" }), h("span", { key: '9c19663dd138bddf35e190cdc038d443ee21d822', class: "BackTxt" }, " ", translate('back', this.language), " ")), h("bonus-elevate-shop-assets-slider", { key: '3b38b5a1ab8ea0de1ac0891c016dc926633892dd', class: 'Thumbnails', itemsPerPage: 1, sliderItems: this.elevateGift.presentation.assets, showSliderDots: this.showSliderDots })), h("div", { key: 'a07d83c29cf64ce6cc7e86d9686203faa3b1a657', class: 'Col Details' }, h("h3", { key: '389a5b443d31eaaff23e838f29623fed40c38685', class: "GiftName" }, this.elevateGift.presentation.displayName || this.elevateGift.displayName), h("div", { key: '5b890f337e7df0ad3e16aff2970c9c439ce11a9c', class: "GiftPoints" }, h("span", { key: 'c1a10d56ecf0e394c110de6f0e9b893e2732927a', class: "Points" }, this.elevateGift.points, " "), h("span", { key: 'aa34caa2f84ce52874ef4d7d825f6896eecf4924', class: " PointsLabel" }, translate('coins', this.language))), ((_a = this.elevateGift) === null || _a === void 0 ? void 0 : _a.type) === 'powerUp' &&
|
|
466
|
+
h("div", { key: 'fca8843be9ac1460ba297e56e821e0698aa273ed', class: "PowerUpValidTime" }, this.giftValidDurationInfo))), h("div", { key: '119d047bbb49dc032173fdb317d2ca14ffd70f99', class: 'ShopItemDetail Details' }, h("div", { key: '94a98997ee6d0826f380ab29bdfb62422d5b01af', class: "GiftPresentation" }, h("p", { key: 'c184770c0d6df52578f292dc24e96b0b1fd8aca0' }, this.elevateGift.presentation.description ? this.elevateGift.presentation.description : translate('noGiftPresentation', this.language))), h("div", { key: '3c0aec17dde5bee459d6140974d215ac18ee69ac', class: 'BottomDetail' }, h("div", { key: '5cb31fcafed6084f5965caa580b4364752e5b890', class: `RedeemButton ${this.elevateGift.available === 'false' || this.isRedeeming ? 'Disabled deactive' : ' active '}
|
|
467
|
+
${this.deviceType == 'dk' ? 'DkButton' : ''}`, onClick: this.redeemGiftConfirm.bind(this) }, translate('redeemGift', this.language)), h("span", { key: '11dd53c644d87aacc122300974ecd62572296d93', class: 'RedeemError Error' }, " ", this.redeemErrorMsg, " "))))), ((_b = this.elevateGift) === null || _b === void 0 ? void 0 : _b.type) === 'powerUp' && this.powerUpGames && h("div", { key: '2cff0c8c2520340018103cbc94267c252154691d', class: 'GamesContent' }, h("div", { key: '78e36171c689a7786cc3e1850e0623acda00292e', class: 'GamesTitle' }, h("span", { key: 'cabee8366e0b84072015db7dd27b4231d645fe0f', class: 'Title2' }, " ", translate('games', this.language)), h("span", { key: '02e3f33e79cc4711e445e15a6739c856d7c2d800', class: 'GamesAmount' }, " ( ", ((_c = this.powerUpGames) === null || _c === void 0 ? void 0 : _c.total) || 0, " ) ")), h("div", { key: '204e6009d42d8521906af5cf68bd826a293b6817', class: 'GamesList Games' }, (_d = this.powerUpGames) === null || _d === void 0 ? void 0 :
|
|
468
|
+
_d.items.map((g, index) => {
|
|
469
|
+
return h("div", { class: `Game ${index === (this.powerUpGames.items.length - 1) ? 'LastGame' : ''}`, ref: index === this.powerUpGames.items.length - 1 ? this.setLastItemRef : null }, h("ui-image", { src: g.thumbnail }), h("div", { class: 'GameMask', onClick: this.onGameClick.bind(this, g) }, h("div", { class: 'GameStartBtn' }, h("div", { class: 'PlayIcon' }), h("span", null, translate('startNow', this.language)))));
|
|
470
|
+
}), this.isLoadingGames && h("p", { key: '04c2d1db6ac077e7c3ad0037034e796b27d415c7' }, "Loading more games...")))));
|
|
444
471
|
}
|
|
445
472
|
};
|
|
446
473
|
BonusElevateShopItem.style = BonusElevateShopItemStyle0;
|
|
@@ -16,5 +16,5 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["bonus-elevate-shop-assets-slider_5",[[1,"bonus-elevate-shop-item",{"endpoint":[513],"language":[513],"itemId":[1537,"item-id"],"elevateGift":[1040],"session":[513],"mbSource":[513,"mb-source"],"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],"powerUpGames":[32],"isLoadingGames":[32]}],[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[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"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"mbSource":["handleMbSourceChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
|
|
19
|
+
return bootstrapLazy([["bonus-elevate-shop-assets-slider_5",[[1,"bonus-elevate-shop-item",{"endpoint":[513],"language":[513],"itemId":[1537,"item-id"],"elevateGift":[1040],"session":[513],"mbSource":[513,"mb-source"],"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],"powerUpGames":[32],"isLoadingGames":[32],"giftValidDurationInfo":[32]}],[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[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"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"mbSource":["handleMbSourceChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
|
|
20
20
|
});
|
package/dist/esm/loader.js
CHANGED
|
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy([["bonus-elevate-shop-assets-slider_5",[[1,"bonus-elevate-shop-item",{"endpoint":[513],"language":[513],"itemId":[1537,"item-id"],"elevateGift":[1040],"session":[513],"mbSource":[513,"mb-source"],"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],"powerUpGames":[32],"isLoadingGames":[32]}],[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[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"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"mbSource":["handleMbSourceChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
|
|
8
|
+
return bootstrapLazy([["bonus-elevate-shop-assets-slider_5",[[1,"bonus-elevate-shop-item",{"endpoint":[513],"language":[513],"itemId":[1537,"item-id"],"elevateGift":[1040],"session":[513],"mbSource":[513,"mb-source"],"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],"powerUpGames":[32],"isLoadingGames":[32],"giftValidDurationInfo":[32]}],[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[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"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"mbSource":["handleMbSourceChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -51,6 +51,7 @@ export declare class BonusElevateShopItem {
|
|
|
51
51
|
isRedeeming: boolean;
|
|
52
52
|
powerUpGames: any;
|
|
53
53
|
isLoadingGames: boolean;
|
|
54
|
+
giftValidDurationInfo: string;
|
|
54
55
|
redeemGiftButton: EventEmitter<Object>;
|
|
55
56
|
private bindedHandler;
|
|
56
57
|
private loadMoreGamesObserver;
|
|
@@ -64,10 +65,10 @@ export declare class BonusElevateShopItem {
|
|
|
64
65
|
loadElevateGift(): Promise<void>;
|
|
65
66
|
private loadMoreGames;
|
|
66
67
|
private initializeGamesObserver;
|
|
68
|
+
private setLastItemRef;
|
|
67
69
|
onGameClick(game: CasinoGame): void;
|
|
68
70
|
disconnectedCallback(): void;
|
|
69
71
|
componentDidLoad(): void;
|
|
70
72
|
componentWillLoad(): Promise<void>;
|
|
71
|
-
componentDidUpdate(): void;
|
|
72
73
|
render(): any;
|
|
73
74
|
}
|
|
@@ -7,3 +7,10 @@
|
|
|
7
7
|
export declare const isMobile: (userAgent: string) => boolean;
|
|
8
8
|
export declare const getDevice: () => "Android" | "iPhone" | "iPad" | "PC";
|
|
9
9
|
export declare const getDevicePlatform: () => "dk" | "ios" | "mtWeb";
|
|
10
|
+
export declare const formatMinutesToDDHHMMSS: (totalMinutes: number) => {
|
|
11
|
+
days: number;
|
|
12
|
+
hours: number;
|
|
13
|
+
minutes: number;
|
|
14
|
+
seconds: number;
|
|
15
|
+
info: string;
|
|
16
|
+
};
|