"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6170,5551],{55045:function(e,t,l){l.d(t,{Z:function(){return r}});var a=l(85893);l(67294);let n=l(14141).ZP.div.withConfig({componentId:"sc-498da2e-0"})([".bg-loading-bar{&.low{background-color:rgba(255,92,95,0.30);}&.mid{background-color:rgba(255,184,0,0.30);}&.high{background-color:rgba(33,217,128,0.30);}}.bg-rtp-live{&.low{background-color:#ff5c5f;}&.mid{background-color:#ffb800;}&.high{background-color:#43b309;}}"]);var i=l(94184),s=l.n(i),r=e=>{let{showRTP:t,valueRTP:l}=e;return(0,a.jsx)(n,{children:(0,a.jsx)("div",{className:s()("bg-loading-bar w-full h-[5px] rounded-full mt-1",{"flex flex-col":t,hidden:!t,low:l<30,mid:l>30&&l<=70,high:l>70}),children:(0,a.jsx)("div",{className:s()("bg-rtp-live h-[5px] rounded-full transition-all",{low:l<30,mid:l>30&&l<=70,high:l>70}),style:{width:"".concat(l,"%")}})})})}},39347:function(e,t,l){l.d(t,{Dk:function(){return n},f8:function(){return a},s3:function(){return i}});let a=(e,t)=>'\n  <svg width="'.concat(e,'" height="').concat(t,'" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n    <defs>\n      <linearGradient id="g">\n        <stop stop-color="#4c4c4c1f" offset="20%" />\n        <stop stop-color="#4c4c4c1f" offset="50%" />\n        <stop stop-color="#4c4c4c1f" offset="70%" />\n      </linearGradient>\n    </defs>\n    <rect width="').concat(e,'" height="').concat(t,'" fill="#4141411f" />\n    <rect id="r" width="').concat(e,'" height="').concat(t,'" fill="url(#g)" />\n    <animate xlink:href="#r" attributeName="x" from="-').concat(e,'" to="').concat(e,'" dur="1s" repeatCount="indefinite"  />\n  </svg>'),n=(e,t)=>'\n  <svg width="'.concat(e,'" height="').concat(t,'" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n    <defs>\n      <linearGradient id="g">\n        <stop stop-color="#4c4c4c1f" offset="50%" />\n      </linearGradient>\n    </defs>\n    <rect width="').concat(e,'" height="').concat(t,'" fill="#4141411f" />\n    <rect id="r" width="').concat(e,'" height="').concat(t,'" fill="url(#g)" />\n    <animate xlink:href="#r" attributeName="x" from="-').concat(e,'" to="').concat(e,'" dur="1s" repeatCount="indefinite"  />\n  </svg>'),i=e=>window.btoa(e)},46170:function(e,t,l){l.r(t),l.d(t,{default:function(){return E}});var a=l(85893),n=l(67294),i=l(5152),s=l.n(i),r=l(47297),c=l(94319);let o=s()(()=>l.e(319).then(l.bind(l,80319)),{loadableGenerated:{webpack:()=>[80319]}}),d=s()(()=>l.e(9527).then(l.bind(l,39527)),{loadableGenerated:{webpack:()=>[39527]}}),u=s()(()=>l.e(5598).then(l.bind(l,55598)),{loadableGenerated:{webpack:()=>[55598]}}),m=s()(()=>l.e(3160).then(l.bind(l,53160)),{loadableGenerated:{webpack:()=>[53160]}});var f=()=>{var e;let{template:t}=(0,r.l8)(),l=null===(e=(0,c.$)(t))||void 0===e?void 0:e.templateStyle;return(0,a.jsxs)(a.Fragment,{children:[l&&[1].includes(l)&&(0,a.jsx)(o,{}),l&&[4].includes(l)&&(0,a.jsx)(d,{}),l&&[101].includes(l)&&(0,a.jsx)(u,{}),l&&[102].includes(l)&&(0,a.jsx)(m,{})]})},x=l(11163),h=l(25675),p=l.n(h),v=l(94929),g=l(87249),b=()=>{var e;let{t}=(0,v.$G)(),l=t("common:text-featured-games-header").split(" "),n=(0,x.useRouter)(),{template:i}=(0,r.l8)(),s=null===(e=(0,c.$)(i))||void 0===e?void 0:e.templateStyle;return(0,a.jsxs)("div",{className:"container_caption_featured_games",children:[(0,a.jsxs)("h1",{className:"caption_featured_games text-right font-bold break-words",children:[(0,a.jsx)("span",{children:l[0]}),(0,a.jsx)("span",{children:l[1]})]}),(0,a.jsxs)(g.Z,{type:"submit",variant:"featured-see-all",onClick:()=>{n.push({pathname:"/gamelist",query:{tab:0}})},children:[s&&[4].includes(s)&&(0,a.jsx)(p(),{alt:"",fill:!0,src:"/images/theme/".concat(i,"/btn_featured_active.webp")}),s&&[102].includes(s)&&(0,a.jsx)(p(),{alt:"",fill:!0,src:"/images/component/featured/2/button-featured-see-all.webp"}),(0,a.jsx)("span",{className:"drop-shadow-sm tracking-[2px]",children:t("common:text-see-all")})]})]})},w=()=>{var e;let{template:t}=(0,r.l8)(),l=null===(e=(0,c.$)(t))||void 0===e?void 0:e.templateStyle;return(0,a.jsxs)(a.Fragment,{children:[l&&[4,101].includes(l)&&(0,a.jsx)(p(),{alt:"",src:"/images/theme/".concat(t,"/featured/bg_featured_slider_mobile.webp"),quality:100,fill:!0,style:{objectFit:"cover",objectPosition:"left top"}}),l&&[102].includes(l)&&(0,a.jsx)(p(),{alt:"",src:"/images/theme/".concat(t,"/featured/bg_featured_slider_mobile.webp"),priority:!0,fill:!0})]})},j=l(39347);let N=l(14141).ZP.div.withConfig({componentId:"sc-c550130e-0"})(["width:100%;.wrapper-image{overflow:hidden;border-radius:4px;padding:2px;background-color:#6AB1E0;}.carousel-items-title{color:var(--text--primary);}.carousel-items-subtitle,.text_rtp{color:var(--text--secondary);}"]);var k=l(55045),_=e=>{let{name:t,image:l,provider:i,showRTP:s=!1,valueRTP:c=0,height:o}=e,[d,u]=(0,n.useState)(l),{t:m}=(0,v.$G)();(0,n.useEffect)(()=>{u(l)},[l]);let{template:f}=(0,r.l8)();return(0,a.jsx)(N,{children:(0,a.jsx)("div",{className:"relative group",children:(0,a.jsxs)("div",{className:"flex flex-col gap-1 w-full",children:[(0,a.jsxs)("div",{className:"wrapper-image",children:[(0,a.jsx)("div",{className:"absolute top-0 left-0 z-50 w-[30px] aspect-[24/30]",children:(0,a.jsx)(p(),{alt:"",fill:!0,src:"/images/theme/".concat(f,"/cardgames/featured-cardgame-ornament.webp"),style:{objectFit:"contain"}})}),(0,a.jsx)("div",{className:"relative w-full aspect-[105/94]",children:(0,a.jsx)(p(),{alt:"",fill:!0,className:"z-[22] w-full h-full rounded-[3px]",src:d||"/images/broken-image.png",placeholder:"blur",blurDataURL:"data:image/svg+xml;base64,".concat((0,j.s3)((0,j.f8)(105,94))),onError:()=>{u("/images/broken-image.png")},loading:"lazy",style:{objectFit:"cover"}})})]}),(0,a.jsxs)("div",{className:"w-full flex flex-col justify-start",children:[(0,a.jsx)("span",{className:"carousel-items-title truncate",children:t}),(0,a.jsx)("span",{className:"carousel-items-subtitle truncate",children:i}),(0,a.jsxs)("div",{className:"card_game_divider my-1",children:[(0,a.jsx)("div",{className:"dot"}),(0,a.jsx)("div",{className:"line"}),(0,a.jsx)("div",{className:"dot"}),(0,a.jsx)("div",{className:"line"}),(0,a.jsx)("div",{className:"dot"})]}),(0,a.jsx)("div",{className:"".concat(s?"flex flex-col mt-1":"hidden"),children:(0,a.jsxs)("div",{className:"flex flex-row justify-between items-center",children:[(0,a.jsx)("span",{className:"text-rtp text-xs font-medium",children:"RTP"}),(0,a.jsxs)("span",{className:"text-[#04E91B] text-xs font-bold",children:[c," %"]})]})}),(0,a.jsx)(k.Z,{showRTP:s,valueRTP:c})]})]})})})},y=l(29412),G=l(41664),P=l.n(G),C=()=>{let{featuredGame:e}=(0,r.l8)(),t=(0,n.useMemo)(()=>{var t;return null==e?void 0:null===(t=e.data)||void 0===t?void 0:t.slice(0,3)},[e]);return(0,a.jsx)("div",{className:"container mx-auto grid grid-cols-3 gap-2 relative z-[2]",children:"object"==typeof t&&t.map(e=>(0,a.jsx)(P(),{onClick:async t=>{let a=(await Promise.resolve().then(l.t.bind(l,11700,23))).default,{saveSelectedGame:n}=await Promise.resolve().then(l.bind(l,76635));(0,y.WO)("Banner",{Section:a("Featured"),Action:"Click",Name:null==e?void 0:e.game_name}),n(e)},className:"w-full",href:"/game/".concat(null==e?void 0:e._id,"?type=").concat(null==e?void 0:e.type,"&provider=").concat(null==e?void 0:e.provider),children:(0,a.jsx)(_,{name:null==e?void 0:e.game_name,image:null==e?void 0:e.image,provider:(null==e?void 0:e.provider_name)?null==e?void 0:e.provider_name:"unknown",showRTP:(null==e?void 0:e.type)==="slot",valueRTP:(null==e?void 0:e.type)==="slot"?null==e?void 0:e.rtp:0})},null==e?void 0:e.game_name))})};let R=s()(()=>l.e(6040).then(l.bind(l,6040)),{loadableGenerated:{webpack:()=>[6040]}});var E=()=>{var e;let{template:t}=(0,r.l8)(),l=null===(e=(0,c.$)(t))||void 0===e?void 0:e.templateStyle;return(0,a.jsxs)("div",{className:"featured-mobile",children:[l&&[104].includes(l)&&(0,a.jsx)(R,{}),(0,a.jsxs)("div",{className:"wrapper-top",children:[(0,a.jsx)(f,{}),(0,a.jsx)(b,{})]}),(0,a.jsxs)("div",{className:"wrapper-bottom px-mobile",children:[(0,a.jsx)(w,{}),(0,a.jsx)(C,{})]})]})}}}]);