https://www.wy88win.com/assets/10.10.2/MultiAnnouncementPopup.4218df09.1790922222641.js

1import{l as v,m as D,A as e,aL as _,S as G,R as W,e as Q,r as l,q as S,cI as X,f as $,p as ee,P as ne}from"./index.271cdd0c.1790922222641.js";import{M as te}from"./index.8b8ba2bf.1790922222641.js";import{a as se,u as oe}from"./announcement-custom-hook.edf75a83.1790922222641.js";import{cg as H}from"./store.e87f9dcc.1790922222641.js";import{D as U}from"./DontShowAgainAnnouncement.e7ae1289.1790922222641.js";import{u as z}from"./agentation.32c3b336.1790922222641.js";import{P as ae}from"./pagination.ba097990.1790922222641.js";import{S as re}from"./index.6742e318.1790922222641.js";import"./warning.883c7a3c.1790922222641.js";import"./data-util.b52a4c7d.1790922222641.js";import"./floatingNotification.constant.27687fe7.1790922222641.js";import"./dayjs.min.b8b49818.1790922222641.js";import"./matchPredictionModules.c5548d89.1790922222641.js";import"./oddsFeedModules.b3c8d328.1790922222641.js";import"./promotionModules.326517b1.1790922222641.js";import"./index.a00dc0ef.1790922222641.js";import"./Pagination.c64a1517.1790922222641.js";import"./index.c00ff59b.1790922222641.js";import"./index.26aaf106.1790922222641.js";import"./index.a51cf66e.1790922222641.js";const ce=({multiAnnouncementTitle:s,closeAnnouncementPopup:o})=>{const{t:n}=z(),{title:a,image:r,webPUrl:u}=s||{},t=v.useSelector(g=>g.portal),{announcementConfig:m}=t?.settings?.features||{},d=D(m,"variants"),h=!a&&!r,i=d.title==="close-only",c=d?.showHeaderTitle?e.jsx("div",{className:"title standard-popup-modal-header",children:h?e.jsx("span",{children:n("global:global.announcement3","Highlights of the Day")}):e.jsxs(e.Fragment,{children:[r&&e.jsx(_.LazyLoadComponent,{children:e.jsxs("picture",{children:[u&&e.jsx("source",{type:"image/webp",srcSet:u}),e.jsx("img",{className:"title-icon",src:r,alt:""})]})}),a&&e.jsx("span",{className:"title-name",children:a})]})}):null;return i?e.jsxs(e.Fragment,{children:[e.jsx(F,{closeAnnouncementPopup:o}),c]}):e.jsxs("div",{className:"title standard-popup-modal-header",children:[h?e.jsx("span",{children:n("global:global.announcement2","Announcement")}):e.jsxs(e.Fragment,{children:[r&&e.jsx(_.LazyLoadComponent,{children:e.jsxs("picture",{children:[e.jsx("source",{type:"image/webp",srcSet:u}),e.jsx("img",{className:"title-icon",src:r})]})}),a&&e.jsx("span",{className:"title-name",children:a})]}),e.jsx(F,{closeAnnouncementPopup:o})]})},F=({closeAnnouncementPopup:s})=>{const o=()=>{s()};return e.jsx("div",{className:"standard-modal-close",onClick:o,children:e.jsx(G,{category:"SVGTransfer",name:"D-closebtn",className:"fillsecond"})})},I=W.memo(({currentActiveTab:s,showOnlyCurrentContent:o,multiAnnouncementList:n,announcementOnClick:a})=>{const{portal:r,screen:u}=v.useSelector(N=>({portal:N.portal,screen:N.screen})),t=Array.isArray(n)&&n.length>0&&n.find(N=>N.id===s),{announcementConfig:m}=r?.settings?.features||{},{hideMultiAnnounceContentTitle:d}=m||{},h=r?.settings?.features?.announcementDeferRender,i=t?.content,{href:c,caption:g,hrefType:b}=i||{},{currentPlatform:w}=Q(),{image:x,text:A,webPUrl:j}=i?.[w]||{},y=u.viewType=="mobile"?o:t?.id===s,f=!d&&g;if(g)return e.jsx("div",{className:`nav-content ${c?"redirectable":""}`,onClick:()=>a({customHref:c,customHrefType:b}),children:e.jsxs("div",{className:`tab-content ${y?"active":""}`,children:[f&&e.jsx("p",{className:"content-title",children:g}),x&&e.jsxs("picture",{children:[e.jsx("source",{type:"image/webp",srcSet:j}),e.jsx("img",{className:`${A?"content-image":""}`,src:x,loading:h?"eager":"lazy"})]}),A&&e.jsx("div",{dangerouslySetInnerHTML:{__html:A}})]})})});I.displayName="MultiAnnouncementContent";const ie=({tabOnClick:s,currentActiveTab:o,multiAnnouncementList:n,announcementOnClick:a})=>{const{screen:r,portal:u}=v.useSelector(i=>({screen:i.screen,portal:i.portal})),t=Array.isArray(n)&&n.length>0,{announcementConfig:m}

1=u?.settings?.features||{},d=D(m,"variants"),h=(i,c)=>{const g=i===o&&r.viewType==="mobile";s(g?"":i,c)};return(t?n:[]).map(i=>{const{id:c}=i||{},{caption:g,mark:b,icon:w,iconWebPUrl:x}=i?.content||{},{showLogoActive:A,showLogo:j}=d.sidebarItem||{},C=o===c,y=C&&A||j,f=r.viewType=="mobile";return e.jsxs("div",{children:[g&&e.jsxs("a",{className:`nav-item ${C?"active":""} ${b?"nav-item-unmark":""}`,onClick:()=>h(c,b),children:[j?e.jsx("img",{className:"tab-icon",src:y}):e.jsx(le,{icon:w,iconWebPUrl:x}),e.jsxs("span",{className:"nav-name",children:[g,b?e.jsx("div",{className:"mark"}):null]}),f&&e.jsx(G,{category:"SVGMaster",name:"drop-down-arrow",className:`drop-down-arrow-svg ${C?"on-clicked":""} `}),e.jsx("div",{className:"active-tab"})]}),f&&e.jsx(I,{currentActiveTab:o,showOnlyCurrentContent:C,multiAnnouncementList:n,announcementOnClick:a})]},c)})},le=({icon:s,iconWebPUrl:o})=>{if(s)return e.jsxs("picture",{children:[e.jsx("source",{type:"image/webp",srcSet:o}),e.jsx("img",{className:"tab-icon",src:s})]})},ue=({data:s,pageSize:o,isEnabled:n=!0,resetDeps:a=[]})=>{const[r,u]=l.useState(1),t=l.useMemo(()=>Array.isArray(s)?s.length:0,[s]),m=l.useMemo(()=>Math.max(1,Number(o)||1),[o]),d=l.useMemo(()=>Math.max(1,Math.ceil(t/m)),[t,m]);l.useEffect(()=>{n&&u(1)},[n,...a]),l.useEffect(()=>{n&&u(c=>Math.min(Math.max(1,c),d))},[n,d]);const h=l.useMemo(()=>{if(!Array.isArray(s))return[];if(!n)return s;const c=(r-1)*m;return s.slice(c,c+m)},[s,n,r,m]),i=l.useCallback(c=>{n&&u(Number(c)||1)},[n]);return{page:n?r:1,totalCount:t,paginatedData:h,isEnabled:n,handlePageChange:i}},me=({children:s,node:o})=>{const n=l.useRef(null);return l.useEffect(()=>()=>{n.current&&(document.body.removeChild(n.current),n.current=null)},[]),!o&&!n.current&&(n.current=document.createElement("div"),document.body.appendChild(n.current)),X.createPortal(s,o||n.current)},de=({multiAnnouncementPopupList:s,containerRef:o,modalLayout:n,announcementOnClick:a})=>{const r={dots:!0,infinite:!0,speed:500,slidesToShow:1,slidesToScroll:1,arrows:!0,nextArrow:typeof n?.prevArrow=="string"?e.jsx("div",{className:"slick-arrow slick-next",children:e.jsx("img",{src:n?.nextArrow,alt:"next"})}):void 0,prevArrow:typeof n?.prevArrow=="string"?e.jsx("div",{className:"slick-arrow slick-prev",children:e.jsx("img",{src:n?.prevArrow,alt:"prev"})}):void 0,appendDots:t=>e.jsx(me,{node:o.current,children:e.jsx("ul",{className:"slick-dots",children:t})})},u=s.map((t,m)=>({id:`slide-${m}`,title:t?.content?.caption||S(t,"contentLanguage.caption"),image:t?.content?.mobile?.image||S(t,"contentLanguage.mobile.image"),imageWebP:t?.content?.mobile?.webPUrl||S(t,"contentLanguage.mobile.webPUrl"),text:t?.content?.mobile?.text||S(t,"contentLanguage.mobile.text"),onClick:()=>{const{href:d,hrefType:h}=t?.content||{};return a?.({customHref:d,customHrefType:h})}}));return e.jsx("div",{style:{width:"100%",maxWidth:"500px",margin:"auto"},children:e.jsx(re,{...r,children:u.map(t=>e.jsxs("div",{style:{padding:"15px",background:"#f9f9f9",borderRadius:"8px"},onClick:t.onClick,children:[e.jsx("div",{className:"multi-announcement--modalLayout-carousel--title",children:t.title}),t.image&&e.jsxs("picture",{children:[e.jsx("source",{type:"image/webp",srcSet:t.imageWebP}),e.jsx("img",{className:`${t.text?"content-image":""}`,src:t.image})]}),t.text&&e.jsx("div",{dangerouslySetInnerHTML:{__html:t.text}})]},t.id))})})},pe=7,Oe=()=>{const s=v.useSelector(a=>a.portal?.settings?.features?.announcementConfig),o=D(s,"variants"),n=l.useMemo(()=>typeof o=="object"?Object.entries(o).map(([a,r])=>`multi-announcement--${a}-${r?.type||r}`).join(" "):"",[o]);return e.jsx(V,{variantsClassName:n,variants:o})},V=W.memo(({variantsClassName:s,variants:o})=>{const{isOpen:n}=se({announcementType:ne.MULTI_ANNOUNCEMENT}),{multiAnnouncementList:a,closeAnnouncementPopup:r,multiAnnouncementTitle:u,announcementOnClick:t}=oe(),[m,d]=l.useState(!1),{t:h}=z(),i=v.useDispatch(),c=v.useSelector(p=>p.announcementSlice.currentAnnouncementIndex),g=v.useSelector(p=>p.screen),b=v.useSelector(p=>p.user),w=l.useRef(null),{modalLayout:x,dns:A,isDefaultCollapsed:j=!1}=o||{},C=g.viewType==="mobile"&&!!j,y=a?.[0]?.id,[f,N]=l.useState(C?"":y),O=g.viewType==="web",B=x==="carousel"||x?.type==="carousel",R=A==="outside",q=x?.type==="sidebar-list"&&x?.showLogo,P=a?.[0]?.announcement?.enableDontShowAgain,k=Number(x?.pageSize)||pe,T=!!x?.pagination&&(a?.length||0)>k,{page:Z,totalCount:K,paginatedData:M,handlePageChange:Y}=ue({data:a,pageSize:k,isEnabled:T,resetDeps:[c]});l.useEffect(()=>{if(!Array.isArray(M)||!M.length)return;const p=M.some(L=>L?.id===f);j||p||N(M[0].id)},[M,j]),l.useEffect(()=>{n&&(a?.[0]?.content.mark&&(i(H(y)),$(y)),d(!1))},[a]);const E=()=>{r({dontShowAgain:m})},J=l.useCallback((p,L)=>{N(p),L&&(i(H(p)),b.isLogin?ee(p):$(p))},[]);return e.jsxs(te,{overlayClassName:"standard-popup-overlay announcement-v2",className:["standard-popup-modal-container multi-announcement-v1-container",s].join(" "),isOpen:n,shouldCloseOnOverlayClick:!0,shouldCloseOnEsc:!0,onRequestClose:E,contentRef:p=>w.current=p,appElement:document.getElementById("root"),children:[e.jsx("div",{className:"multi-announcement-modal-container",children:e.jsxs("nav",{className:"multi-announcement-navbar-container",children:[e.jsx(ce,{multiAnnouncementTitle:u,closeAnnouncementPopup:E}),e.jsx("div",{className:"multi-announcement-body",children:B?e.jsx(de,{modalLayout:x,multiAnnouncementPopupList:a,containerRef:w,announcementOnClick:t}):e.jsxs(l.Fragment,{children:[e.jsxs("div",{className:"multi-announcement-nav-tabs",children:[e.jsx("div",{className:`nav-tabs-container ${P?"":"hide-dont-show-again"}`,children:e.jsx(ie,{tabOnClick:J,currentActiveTab:f,multiAnnouncementList:M,announcementOnClick:t})}),!R&&P&&e.jsx("div",{className:"dns-section",children:e.jsx(U,{setDontShowAgain:d})}),q&&e.jsx("div",{className:"multi-announcement-logo",children:e.jsx("img",{src:x?.showLogo,alt:h("global:global.announcement2","Announcement")})}),T&&e.jsx("div",{className:"multi-announcement-pagination",children:e.jsx(ae,{pagingList:a,currentPage:Z,itemPerPage:k,totalCount:K,handlePageClick:Y,hideFirstLastPages:!0,isMultiAnnouncement:T})})]}),O&&e.jsxs("div",{className:"multi-announcement-nav-content-container",children:[e.jsx("div",{className:"multi-announcement-nav-content-background"}),e.jsx("div",{className:"multi-announcement-nav-content",children:e.jsx(I,{currentActiveTab:f,multiAnnouncementList:a,announcementOnClick:t})})]})]})}),!O&&e.jsx("div",{className:"announcement-backdrop"})]})}),R&&P&&e.jsx("div",{className:"dns-section",children:e.jsx(U,{setDontShowAgain:d})})]})});V.displayName="MultiAnnouncementPopup";export{Oe as default};