import{j as e,c as j,I as _,w as N,o as f,m as v,f as c,h as C,r as F,i as b,e as h,b as D}from"./index-BnkAXW8c.js";import{r as u}from"./vendor-animations-CsoOZIH8.js";import{D as g}from"./DefaultLayout-Rp0a3uab.js";import{T as A,N as $,a as l,b as E}from"./NewsGrid-BYmZ-vTo.js";import{D as P}from"./DatePicker-LWEiRms7.js";import"./useJivoExternalScript-yyZ--K1Q.js";const n="date-filter",S=`${n}__item_active`,k=t=>{const s=(i,o)=>{t.onChange&&t.onChange(i,o)},a=()=>{s(24)},x=()=>{s(48)},p=()=>{s(72)},m=[{alias:24,title:t.t("news:dateFilters:24hours"),onClick:a},{alias:48,title:t.t("news:dateFilters:48hours"),onClick:x},{alias:72,title:t.t("news:dateFilters:72hours"),onClick:p},{alias:0,title:t.t("news:dateFilters:date"),icon:"arrowDown"}];return e.jsx("div",{className:n,children:e.jsx("div",{className:`${n}__items`,children:m.map(i=>{const o=t.period===i.alias,d=j(`${n}__item`,{[S]:o});return i.alias===0?e.jsx(P,{selected:t.date,onChange:w=>s(0,w),children:e.jsxs("button",{className:d,children:[i.title,i.icon?e.jsx(_,{type:i.icon}):null]})},i.alias):e.jsx("button",{className:d,onClick:i.onClick,children:i.title},i.alias)})})})},r="news";class T extends u.Component{constructor(s){super(s),this.dateFilter=new Date,this.datePeriod=24,this.disposers=[],v(this,{dateFilter:c,datePeriod:c,setDateFilter:C.bound})}componentDidMount(){this.createDateFilterReaction()}componentWillUnmount(){for(const s of this.disposers)s()}setDateFilter(s,a){this.datePeriod=s,a&&(this.dateFilter=a)}render(){return e.jsxs("div",{className:r,children:[this.renderHeader(),this.renderFilters(),this.renderContent()]})}createDateFilterReaction(){this.disposers.push(F(()=>this.datePeriod||this.dateFilter,()=>{const s={};this.datePeriod?s.period=this.datePeriod:s.publishedAt=b(this.dateFilter),this.props.store.getNews(s)},{fireImmediately:!0}))}renderHeader(){const{t:s}=this.props;return e.jsxs("div",{className:`${r}__header`,children:[e.jsx(h,{value:s("news:title"),size:"xl"}),e.jsx(A,{t:s})]})}renderFilters(){const{t:s}=this.props;return e.jsx("div",{className:`${r}__filters`,children:e.jsx(k,{t:s,onChange:this.setDateFilter,date:this.dateFilter,period:this.datePeriod})})}renderContent(){const{t:s}=this.props;return this.props.store.news.loading?null:this.props.store.news.isEmpty?e.jsx($,{t:s}):e.jsxs("div",{className:`${r}__content`,children:[e.jsx(h,{value:s("news:listTitle"),size:"xl"}),e.jsxs("div",{className:`${r}__list`,children:[e.jsxs("div",{className:`${r}__row`,children:[e.jsx(l,{new:this.props.store.news.data.first,variant:"big",color:"blue"}),e.jsxs("div",{className:`${r}__group`,children:[e.jsx(l,{new:this.props.store.news.data.second,variant:"text"}),e.jsx("div",{className:`${r}__border`}),e.jsx(l,{new:this.props.store.news.data.third,variant:"text"})]})]}),e.jsx(E,{data:this.props.store.news.data.grid})]})]})}}const y=N()(f(T)),z=()=>{const{store:t}=u.useContext(D);return e.jsx(g,{children:e.jsx(y,{store:t})})};export{z as NewsPage};