"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1727],{41727:function(e,t,n){n.d(t,{C:function(){return T},H:function(){return ey},u:function(){return S}});var i=n(57437),o=n(80684),l=n(35563),r=n(75461),s=n(61994),a=n(2265),c=n(77337),u=n(10992),d=n(94181),p=n(4267),m=n(55487),h=n(52074),f=n(2087);let v=(e,t)=>{if(!(typeof document>"u")){if(!e&&!t){m.a.removeItem(p.U),m.a.removeItem(p.a);return}m.a.setItem(p.U,JSON.stringify(e)||"",{"max-age":31536e3}),m.a.setItem(p.a,JSON.stringify(t)||"",{"max-age":31536e3})}},g=e=>{if(typeof document>"u")return null;let t=m.a.getItem(e)??void 0;if(!t||"undefined"===t)return null;try{return JSON.parse(decodeURIComponent(t))}catch{return null}},w=function(e){if(typeof window>"u"||!window.localStorage)return null;let t=window.localStorage.getItem(e);if(!t||"undefined"===t)return null;try{return JSON.parse(t)}catch(t){console.warn(`Invalid object in localStorage for key "${e}": ${t}`)}return null},_=()=>{if(typeof window>"u")return[];if(Array.isArray(window.allRegions)&&window.allRegions.length>0)return window.allRegions;let e=w("all_regions")||[];return window.allRegions=e,e},x=e=>{let t={};return e.map(({id:e,name:n,towns:i})=>(i.forEach(i=>{i.parentId=e,t[i.name]=t[i.name]||{},t[i.name][i.id]=n}),i)).reduce((e,n)=>(n.forEach(e=>{Object.keys(t[e.name]).length>1&&(e.parentName=t[e.name][e.id])}),[...e,...n]),[])},b=async()=>{let e={regions:[]};try{e=await (await fetch("https://finuslugi.ru/money_data/Root.json?short=1")).json()}catch(e){console.warn(e)}let t=null!=e&&e.regions?e.regions:[];return t.length<1?[]:(window.allRegions=t,window.localStorage.setItem("all_regions",JSON.stringify(t)),window.localStorage.setItem("lastRegionsUpdateUnixTimestamp",JSON.stringify(Date.now())),t)},y=async e=>{let t=null;try{t=await (await fetch(`${e}`,{method:"GET"})).json()}catch(e){console.warn(e)}return t||null},j=(e,t,n)=>{(0,u.h)({eventCategory:N,eventActionType:e,eventActionText:t,eventLabel:n})},C=_(),k=x(C),$={regions:C,towns:k,region:null,town:null,startPopupVisible:!1,setStartPopupVisible:()=>null,popupVisible:!1,handleToggleModal:()=>null,selectCity:()=>null,handleButtonClick:()=>null,startRegion:null,startTown:null},N="finkit-widgets-sc-city-select",O=(0,a.createContext)($);function S(){return(0,a.useContext)(O)}let T=({children:e,initialRegion:t,initialTown:n,showStartGeoPopup:o=!0,lastRegionsUpdateUnixTimestamp:l,dadataUrl:r="https://finuslugi.ru/backend/money/dadata"})=>{let s=Number(w("lastRegionsUpdateUnixTimestamp")||0),c=Number(l||0)>s,[d,m]=(0,a.useState)(_()),[{startRegion:h,startTown:f},C]=(0,a.useState)({startRegion:$.startRegion,startTown:$.startTown}),k=t??$.region,N=n??$.town,[{region:S,town:T},I]=(0,a.useState)({region:k,town:N}),[A,R]=(0,a.useState)($.startPopupVisible),[L,E]=(0,a.useState)($.popupVisible),P=(0,a.useRef)(""),z=(0,a.useMemo)(()=>x(d),[d.length]),B=(0,a.useCallback)((e,t)=>{window.sessionStorage.setItem("start_popup_opened","1"),window.localStorage.setItem("auto_town",JSON.stringify(t)||""),window.localStorage.setItem("auto_region",JSON.stringify(e)||""),R(!0),C({startRegion:e,startTown:t})},[R,C]),M=(0,a.useCallback)((e,t)=>{window.sessionStorage.getItem("start_popup_opened")||B(e,t)},[B]),U=(0,a.useCallback)(()=>{if(P.current&&!S&&!T){let e=z.find(e=>e.name===P.current)??null;return M(d.find(t=>t.id===(null==e?void 0:e.parentId))??null,e)}M(S,T)},[S,T,z,d,M]),F=(0,a.useCallback)(e=>{E(e)},[E]),D=(0,a.useCallback)(e=>{e?j(u.D.icon,"location"):j(u.D.button,(null==T?void 0:T.name)||"Вся Россия"),!o||window.sessionStorage.getItem("start_popup_opened")?F(!0):U()},[o,T,F,U]),W=(0,a.useCallback)((e,t)=>{e||t?(window.localStorage.setItem("all_russia_selected","0"),window.localStorage.setItem(p.U,JSON.stringify(e)||""),window.localStorage.setItem(p.a,JSON.stringify(t)||""),v(e||null,t||null)):(window.localStorage.setItem("all_russia_selected","1"),window.localStorage.setItem(p.U,""),window.localStorage.setItem(p.a,""),v(null,null)),I({region:e||null,town:t||null}),R(!1),F(!1);let n=new CustomEvent("onRegionChange",{detail:{region:e,town:t}});document.dispatchEvent(n)},[F]),Z=()=>{I({region:g(p.U)??w(p.U),town:g(p.a)??w(p.a)});let e=async({coords:{latitude:e,longitude:t}})=>{let n=`${r}?lat=${e}&lon=${t}`,i=await y(n);null!=i&&i.location&&(P.current=i.location.data.city)};if(!window.localStorage.getItem("dadata")&&navigator.geolocation&&o)try{navigator.geolocation.getCurrentPosition(e,()=>null)}catch{}};return(0,a.useEffect)(()=>{if((d.length<1||c)&&b().then(e=>m(e)),window.innerWidth<1024){let e=()=>{Z(),window.removeEventListener("scroll",e)};window.addEventListener("scroll",e)}else setTimeout(()=>{Z()},0)},[]),(0,i.jsx)(O.Provider,{value:{regions:d,towns:z,region:S,town:T,startPopupVisible:A,setStartPopupVisible:R,popupVisible:L,handleToggleModal:F,selectCity:W,handleButtonClick:D,startRegion:h,startTown:f},children:e})},I=()=>{let e=(0,a.useRef)(null),t=(0,a.useCallback)(()=>{e.current&&(clearTimeout(e.current),e.current=null)},[]),n=(0,a.useCallback)((t,n)=>{e.current&&clearTimeout(e.current),e.current=setTimeout(()=>{e.current=null,t()},n)},[]);return(0,a.useEffect)(()=>t,[t]),{start:n,clear:t,pending:!!e.current}},A=(0,h.g)("city-select-modal-body","sc"),R=Object.freeze({wrapper:`${A}__wrapper`,subtitle:`${A}__subtitle`,hintWrapper:`${A}__hint-wrapper`,hintText:`${A}__hint-text`,input:`${A}__input`,chips:`${A}__chips`,townsListWrapper:`${A}__towns-list-wrapper`,townsList:`${A}__towns-list`,townsGroup:`${A}__towns-group`,townsGroupLabel:`${A}__towns-group-label`,townsGroupList:`${A}__towns-group-list`,townsName:`${A}__towns-name`,regionName:`${A}__region-name`}),L=({groupedTowns:e,chips:t,query:n,setQuery:l,isDrawer:s})=>{var c;let d=S(),p=(0,a.useRef)(null),[m,h]=(0,a.useState)("10000px");(0,a.useEffect)(()=>{if(!s||!p.current)return;let e=e=>e.reduce((e,t)=>e+t,0),t=(n,i)=>{let o=n.map(e=>[...e]),l=o.map(e),r=l.reduce((e,t,n)=>t<l[e]?n:e,0);0===r&&o[0].push(o[1].shift()),2===r&&o[2].unshift(o[1].pop()),1===r&&l[0]>l[2]&&o[1].unshift(o[0].pop()),1===r&&l[0]<l[2]&&o[1].push(o[2].shift());let s=Math.max(...o.map(e));return s>=i?i:t(o,s)};new ResizeObserver(()=>{var e;if(!(null!=(e=p.current)&&e.children))return;let n=Array.from(p.current.children,e=>e.offsetHeight+32);if(0===n.length)return;let i=0;try{i=t([[],n,[]],1/0)}catch{i=0}i>0&&h(`${i}px`)}).observe(p.current)},[]);let f=e=>{if(j(u.D.button,(null==e?void 0:e.name)||"Вся Россия"),!(null!=e&&e.id))return d.selectCity();let t=d.regions.find(t=>t.id===Number(e.parentId))||null;d.selectCity(t,e)};return(0,i.jsxs)("div",{className:R.wrapper,children:[(0,i.jsxs)("div",{className:R.subtitle,children:["Покажем предложения рядом с вами",(0,i.jsxs)("div",{className:R.hintWrapper,children:[(0,i.jsx)(o.IconFdsQuestionCircleO,{size:24}),(0,i.jsx)("div",{className:R.hintText,children:"Укажите свой город, чтобы увидеть предложения, доступные в вашем регионе"})]})]}),(0,i.jsx)(r.MA,{className:R.input,value:n,onChange:l,size:"s",placeholder:"Введите название города",icon:n?(0,i.jsx)(o.IconFdsCloseCircleO,{size:24,onClick:()=>l("")}):(0,i.jsx)(o.IconFdsSearchO,{size:24})}),(0,i.jsx)(r.cL,{className:R.chips,chips:t,value:(null==(c=d.town)?void 0:c.id)||0,onChipClick:e=>{f(d.towns.find(t=>t.id===e))}}),(0,i.jsx)("div",{className:R.townsListWrapper,children:(0,i.jsx)("div",{ref:p,className:R.townsList,style:{maxHeight:m},children:e.map(e=>(0,i.jsxs)("div",{className:R.townsGroup,children:[(0,i.jsx)("div",{className:R.townsGroupLabel,children:e.letter}),(0,i.jsx)("div",{className:R.townsGroupList,children:e.towns.map(e=>(0,i.jsxs)("button",{type:"button",onClick:()=>f(e),children:[(0,i.jsx)("div",{className:R.townsName,children:e.name}),(0,i.jsx)("div",{className:R.regionName,children:e.parentName})]},e.id))})]},e.letter))})})]})},E=[1095,1096,134,720,189,180],P=()=>{var e;let t=S(),n=(0,r._m)("l"),[o,l]=(0,a.useState)(""),s=`Ваш выбор: ${(null==(e=t.town)?void 0:e.name)||"Вся Россия"}`,c=(0,a.useMemo)(()=>t.towns.filter(e=>-1!==String(e.name).toLocaleLowerCase().indexOf(o.toLocaleLowerCase())).sort((e,t)=>e.name.localeCompare(t.name)).reduce((e,t)=>{let n=e.pop();return n||(n={letter:t.name[0],towns:[]}),n.letter!==t.name[0]&&(e.push(n),n={letter:t.name[0],towns:[]}),n.towns.push(t),e.push(n),e},[]),[o,t.towns.length]),p=(0,a.useMemo)(()=>[{id:0,label:"Вся Россия"},...E.map(e=>{let n=t.towns.find(t=>t.id===e);return{id:null==n?void 0:n.id,label:null==n?void 0:n.name}}).filter(e=>(null==e?void 0:e.id)!==void 0)],[t.towns.length]),m=()=>{j(u.D.button,"close"),t.handleToggleModal(!1)};return(0,i.jsxs)(d.P,{children:[!n&&(0,i.jsx)(d.U,{title:s,isOpen:t.popupVisible,onClose:m,full:!0,children:(0,i.jsx)(L,{groupedTowns:c,chips:p,query:o,setQuery:l})}),n&&(0,i.jsx)(d.D,{title:s,isOpen:t.popupVisible,onClose:m,width:"856px",rowTitle:!0,titleAlign:"left",children:(0,i.jsx)(L,{groupedTowns:c,chips:p,query:o,setQuery:l,isDrawer:!0})})]})},z={"uat-mp.beta.moex.com":"//chat-marketplace.beta.moex.com","finuslugi.ru":"//chat.finuslugi.ru","dev-rc.beta.moex.com":"//dev-opbot.tech.finuslugi.ru"},B=()=>{let{hostname:e}=window.location;return Object.prototype.hasOwnProperty.call(z,e)?z[e]:z["finuslugi.ru"]},M=(e,t)=>{let n=document.createElement("link");n.rel="stylesheet",n.type="text/css",n.href=`${e}/assets/css/${t}`,document.head.appendChild(n);let i=document.createElement("script");i.src=`${e}/get-bootstrap/${t}`,i.defer=!0,document.body.appendChild(i)},U=()=>new MutationObserver(e=>{e.forEach(e=>{if("style"===e.attributeName){let e=document.querySelector(".webchat"),t=!!e&&"none"!==e.style.display;window.supportWidget&&window.supportWidget.craftTalk&&(window.supportWidget.craftTalk.isOpened=t)}})}),F=()=>{let[e,t]=(0,a.useState)(!1),[n,i]=(0,a.useState)(!1),o=(0,a.useRef)(!1),l=e=>{o.current=e,i(e)};return(0,a.useEffect)(()=>{if(typeof window>"u")return;let e=B(),n="webchat_main";window.supportWidget={craftTalk:{isOpened:!1,setConfig:t=>{if(t.host&&(e=t.host),t.channel&&(n=t.channel),t.user){let e="function"==typeof t.user?t.user:()=>({...t.user});window.__WebchatUserCallback=e}},open:()=>new Promise(e=>{e()}),close:()=>null,toggle:()=>null}};let i=null;window.supportWidget&&window.supportWidget.craftTalk&&(window.supportWidget.craftTalk.open=()=>new Promise((r,s)=>{if(o.current){s(Error("chat is already opened"));return}i?(i.openWidget(),t(!1),r()):(l(!0),window.getWebChatCraftTalkExternalControl=e=>{var n;i=e;let o=document.querySelector(".webchat");o&&U().observe(o,{attributes:!0,attributeFilter:["style"]}),null!=(n=window.supportWidget)&&n.craftTalk&&(window.supportWidget.craftTalk.close=i.closeWidget),null==i||i.openWidget(),l(!1),t(!1),r()},M(e,n))}),window.supportWidget.craftTalk.toggle=()=>{var e,t,n,i;null!=(t=null==(e=window.supportWidget)?void 0:e.craftTalk)&&t.isOpened?window.supportWidget.craftTalk.close():null==(i=null==(n=window.supportWidget)?void 0:n.craftTalk)||i.open()})},[]),{isChatModalOpen:e,setIsChatModalOpen:t,isChatLoading:n}},D=(0,a.createContext)({isAuth:!1,isHeaderHidden:!1,isHeaderTransparent:!1,openedBlock:null,setOpenedBlock:()=>null,openedSection:null,setOpenedSection:()=>null,isNavigationOpen:!1,isNavigationMounted:!1,navMenuItemsRef:{current:null},navigationRef:{current:null},ignoreClicks:!1,setIgnoreClicks:()=>null,isChatModalOpen:!1,setIsChatModalOpen:()=>null,isChatLoading:!1,fixedContainerRef:{current:null},headerRef:{current:null}});function W(){return(0,a.useContext)(D)}let Z=e=>{let[t,n]=(0,a.useState)(!1),[o,l]=(0,a.useState)(!1),[r,s]=(0,a.useState)(!!e.isMainBannerPage),{isChatModalOpen:c,setIsChatModalOpen:u,isChatLoading:p}=F(),[m,h]=(0,a.useState)(null),[v,g]=(0,a.useState)(null),[w,_]=(0,a.useState)(!1),[x,b]=(0,a.useState)(!1),[y,j]=(0,a.useState)(!1),C=(0,a.useRef)(null),k=(0,d.u)(w),$=(0,a.useRef)(null),N=(0,a.useRef)(null),O=(0,a.useRef)(null),S=(0,a.useRef)(null),T=(0,a.useCallback)(()=>{k.current&&k.current.scrollTo({top:0})},[k]),I=(0,a.useCallback)(e=>{g(e),T()},[T]),A=(0,a.useCallback)(e=>{$.current&&clearTimeout($.current),e&&b(!0),e||($.current=setTimeout(()=>{b(!1),I(null)},300))},[I]),R=(0,a.useCallback)((e,t,n)=>{if(t&&I(t),!n&&e===m||!e){A(!w),_(!w);return}h(e),A(!0),_(!0)},[m,I,w,A]),L=(0,a.useCallback)(()=>{N.current&&clearTimeout(N.current),j(!0),N.current=setTimeout(()=>{j(!1)},650)},[]);return(0,a.useEffect)(()=>{n(!!document.cookie.includes("auth.gtm_customer_id"));let t=(0,f.s)(l,s,e.isMainBannerPage);return(0,f.i)(),t},[]),(0,i.jsx)("header",{children:(0,i.jsx)(D.Provider,{value:{isAuth:t,isHeaderHidden:o,isHeaderTransparent:r,openedBlock:m,setOpenedBlock:R,openedSection:v,setOpenedSection:I,isNavigationOpen:w,isNavigationMounted:x,navMenuItemsRef:C,navigationRef:k,ignoreClicks:y,setIgnoreClicks:L,isChatModalOpen:c,setIsChatModalOpen:u,isChatLoading:p,fixedContainerRef:O,headerRef:S},children:e.children})})},H=({label:e,onClick:t,eventActionText:n,eventLabel:o,...l})=>(0,i.jsx)(r.zx,{label:e,onClick:e=>{null==t||t(e),(0,u.h)({eventCategory:p.H,eventActionType:u.D.button,eventActionText:n||"",eventLabel:o||""})},...l}),V=(0,h.g)("header-popup","sc"),G=Object.freeze({popup:`${V}__popup`,popupHeader:`${V}__popup-header`,popupClose:`${V}__popup-close`,body:`${V}__body`}),J=({isOpen:e,onClose:t,children:n,title:l})=>{let s=(0,r._m)("l");return(0,i.jsxs)(d.P,{children:[!s&&(0,i.jsx)(d.U,{title:l,isOpen:e,onClose:t,children:n}),s&&e&&(0,i.jsxs)("div",{className:G.popup,children:[(0,i.jsxs)("div",{className:G.popupHeader,children:[l,(0,i.jsx)(H,{className:G.popupClose,iconLeft:(0,i.jsx)(o.IconFdsCloseO,{}),shape:"icon",appearance:"ghost",size:"xs",onClick:t,eventActionText:"IconFdsCloseO"})]}),(0,i.jsx)("div",{className:G.body,children:n})]})]})},q=(0,h.g)("start-choice-popup","sc"),Q=Object.freeze({top:`${q}__top`,progress:`${q}__progress`,innerCircle:`${q}__inner-circle`,title:`${q}__title`,subtitle:`${q}__subtitle`,actions:`${q}__actions`}),Y=()=>{var e,t;let n=S(),[o,l]=(0,a.useState)(10),[r,s]=(0,a.useState)(0),c=(0,a.useRef)(void 0),d=()=>{j(u.D.button,"close_choose_popup"),window.localStorage.setItem("auto_town",JSON.stringify(n.startTown)||""),window.localStorage.setItem("auto_region",JSON.stringify(n.startRegion)||""),n.setStartPopupVisible(!1)};return(0,a.useEffect)(()=>{n.startPopupVisible?(()=>{let e=Number((" "+o).slice(1)),t=1e3*e/100,n=0,i=0;c.current=setInterval(()=>{n++,i+=t,s(3.6*n);let r=e-Math.floor(i/1e3);r<o&&l(r),100===n&&(clearInterval(c.current),d())},t)})():(clearInterval(c.current),l(10),s(0))},[n.startPopupVisible]),(0,i.jsxs)(J,{isOpen:n.startPopupVisible,onClose:d,title:(0,i.jsx)("button",{type:"button",className:Q.progress,style:{background:`conic-gradient(#ff0508 ${r}deg, #e3e7ec 0deg)`},onClick:d,children:(0,i.jsx)("div",{className:Q.innerCircle,children:o})}),children:[(0,i.jsxs)("div",{className:Q.top,children:[(0,i.jsxs)("div",{className:Q.title,children:["Ваш город ",(null==(e=n.startTown)?void 0:e.name)||(null==(t=n.startRegion)?void 0:t.name)||"Вся Россия","?"]}),(0,i.jsx)("div",{className:Q.subtitle,children:"Это поможет вам увидеть выгодные предложения в вашем городе"})]}),(0,i.jsxs)("div",{className:Q.actions,children:[(0,i.jsx)(H,{size:"s",stretch:!0,eventActionText:"Да, все верно",onClick:()=>{j(u.D.button,"Да, все верно"),n.selectCity(n.startRegion,n.startTown)},children:"Да, все верно"}),(0,i.jsx)(H,{variant:"secondary",size:"s",stretch:!0,eventActionText:"Нет, изменить",onClick:()=>{j(u.D.button,"Нет, изменить"),n.setStartPopupVisible(!1),n.handleToggleModal(!0)},children:"Нет, изменить"})]})]})},K=(0,h.g)("city-select","sc"),X=Object.freeze({button:`${K}__button`,minimal:`${K}__minimal`,full:`${K}__full`}),ee=({initialTown:e})=>{var t;let n=S(),l=(null==(t=n.town)?void 0:t.name)||e||"Вся Россия",{setIsChatModalOpen:c,isChatModalOpen:u}=W(),{startPopupVisible:d,setStartPopupVisible:p,popupVisible:m}=n,h=(0,a.useRef)();(0,a.useEffect)(()=>{m&&(h.current="popup")},[m]),(0,a.useEffect)(()=>{u&&(h.current="chat")},[u]),(0,a.useEffect)(()=>{d&&(h.current="startPopup")},[d]),(0,a.useEffect)(()=>{h.current&&("chat"===h.current&&d?p(!1):["startPopup","popup"].includes(h.current)&&u&&c(!1))},[m,u,d,p,c]);let f={appearance:"ghost",size:"xs",onClick:()=>n.handleButtonClick(!1),iconLeft:(0,i.jsx)(o.IconFdsLocationO,{size:24})};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.zx,{...f,className:(0,s.Z)(X.button,X.full),label:l}),(0,i.jsx)(r.zx,{...f,className:(0,s.Z)(X.button,X.minimal),shape:"icon"}),(0,i.jsx)(P,{}),(0,i.jsx)(Y,{})]})},et=({onClick:e,eventActionType:t,eventActionText:n,eventLabel:o,...l})=>(0,i.jsx)(r.rU,{onClick:i=>{null==e||e(i),(0,u.h)({eventCategory:p.H,eventActionType:t||u.D.link,eventActionText:n||"",eventLabel:o||""})},...l}),en=(0,h.g)("header-mobile-app-banner","sc"),ei=Object.freeze({wrapper:`${en}__wrapper`,container:`${en}__container`,closeButton:`${en}__close-button`,innerWrapper:`${en}__inner-wrapper`,imageWrapper:`${en}__image-wrapper`,image:`${en}__image`,title:`${en}__title`,description:`${en}__description`,callToAction:`${en}__call-to-action`,scanQr:`${en}__scan-qr`}),eo=Object.freeze({mobile:56,desktop:68}),el="headerBannerShownAt",er=()=>{let e=localStorage.getItem(el);if(!e)return null;let t=new Date(e);return isNaN(t.getTime())?null:t},es=()=>{localStorage.setItem(el,new Date().toISOString())},ea=()=>{let e=er();return!e||Math.floor((e.getTime()-new Date().getTime())/864e5)>5},ec=({minioUrl:e,className:t,mobileAppUrl:n})=>{let{fixedContainerRef:d,headerRef:m}=W(),[h,v]=(0,a.useState)(!1),[g,w]=(0,a.useState)(!1),[_,x]=(0,a.useState)(!1),b=(0,a.useCallback)((e="desktop")=>{let t=d.current;t&&(t.style.transform="translateY(0)",document.documentElement.style.setProperty("--fixed-header-height",`${eo[e]+p.F[e]}px`),document.documentElement.style.setProperty("--new-header-height-desktop",`${eo.desktop+p.F.desktop}px`),document.documentElement.style.setProperty("--new-header-height-mobile",`${eo.mobile+p.F.mobile}px`),document.documentElement.style.setProperty("--static-new-header-height-mobile",`${eo.mobile+p.F.mobile}px`),document.documentElement.style.setProperty("--static-new-header-height-desktop",`${eo.desktop+p.F.desktop}px`),document.documentElement.style.setProperty("--header-height",`${eo[e]+108}px`))},[]),y=(0,a.useCallback)(()=>{let e=d.current;e&&(document.documentElement.style.removeProperty("--fixed-header-height"),document.documentElement.style.removeProperty("--new-header-height-desktop"),document.documentElement.style.removeProperty("--new-header-height-mobile"),document.documentElement.style.removeProperty("--static-new-header-height-mobile"),document.documentElement.style.removeProperty("--static-new-header-height-desktop"),document.documentElement.style.removeProperty("--header-height"),e.style.transform="")},[]);return(0,a.useEffect)(()=>{let e=m.current;if(!e)return;let t=()=>{g&&v(!1),x(!1)};return e.addEventListener("transitionend",t),()=>{e.removeEventListener("transitionend",t)}},[g]),(0,a.useEffect)(()=>{ea()&&v(!0)},[]),(0,a.useEffect)(()=>{let e=window.innerWidth<768;h&&(b(e?"mobile":"desktop"),window.matchMedia("(prefers-reduced-motion: reduce)").matches?v(!0):x(!0));let t=()=>{if(!h)return null;b(window.innerWidth<768?"mobile":"desktop")};return window.addEventListener("resize",t),()=>{y(),window.removeEventListener("resize",t)}},[h,b,y]),h?(0,i.jsx)("div",{id:"headerMobileBanner",role:"region","aria-label":"Мобильное приложение","data-opening":_,className:(0,s.Z)(ei.wrapper,t),children:(0,i.jsx)(l.W2,{children:(0,i.jsxs)("div",{className:ei.container,children:[(0,i.jsxs)("div",{className:ei.innerWrapper,children:[(0,i.jsxs)("picture",{className:ei.imageWrapper,children:[(0,i.jsx)("source",{srcSet:(0,c.xn)(e,"/widgets/header/qr-mobile-app.svg"),media:"(min-width: 768px)"}),(0,i.jsx)("img",{className:ei.image,src:(0,c.xn)(e,"/logo/finuslugi/default-regular.svg")})]}),(0,i.jsxs)("div",{className:ei.scanQr,children:[(0,i.jsx)("div",{className:ei.title,children:"Скачайте приложение Финуслуги"}),(0,i.jsx)("div",{className:ei.description,children:"Сканируйте QR-код"})]}),(0,i.jsxs)("div",{className:ei.callToAction,children:[(0,i.jsxs)("div",{children:["Приложение",(0,i.jsx)("br",{}),"Финуслуги"]}),(0,i.jsx)(r.zx,{onClick:()=>{(0,f.h)(u.D.button,"skachat_mob_prilozheniye_fu"),window.open(n,"_blank","noreferrer")},variant:"white",size:"xs",children:"Скачать"})]})]}),(0,i.jsx)("div",{"aria-label":"Закрыть",role:"button",className:ei.closeButton,onClick:()=>{es(),y(),window.matchMedia("(prefers-reduced-motion: reduce)").matches?v(!1):w(!0)},children:(0,i.jsx)(o.IconFdsCloseO,{size:"100%"})})]})})}):null},eu=(0,h.g)("header-chat-modal-body","sc"),ed=Object.freeze({wrapper:`${eu}__wrapper`,cardButton:`${eu}__card-button`,card:`${eu}__card`,cardTitle:`${eu}__card-title`,cardSubtitle:`${eu}__card-subtitle`,button:`${eu}__button`}),ep=()=>{let e=W();return(0,i.jsxs)("div",{className:ed.wrapper,children:[(0,i.jsx)(H,{className:ed.cardButton,variant:"secondary",pending:e.isChatLoading,onClick:()=>{var e,t,n;return null==(n=null==(t=null==(e=null==window?void 0:window.supportWidget)?void 0:e.craftTalk)?void 0:t.open)?void 0:n.call(t)},eventActionText:"Напишите в чат",children:(0,i.jsxs)(l.Zb,{className:ed.card,variant:"secondary",children:[(0,i.jsxs)("div",{className:ed.cardTitle,children:[(0,i.jsx)("img",{src:"https://finuslugi.ru/icons/chaticons/new/chat_icon_hover.svg",alt:"chat"}),"Напишите в чат"]}),(0,i.jsxs)("p",{className:ed.cardSubtitle,children:["Виртуальный ассистент доступен\xa024/7, ",(0,i.jsx)("br",{}),"операторы\xa0—\xa0с\xa06:00 до\xa023:59\xa0мск"]})]})}),!1]})},em=({data:e,isMobile:t})=>{let n=W();return(0,i.jsx)("div",{className:f.a.contentWrapper,children:e.map(e=>(0,i.jsx)(a.Fragment,{children:e.sections.map(e=>(0,i.jsxs)("div",{className:(0,s.Z)(f.a.content,{[f.a.hidden]:n.openedSection!==e.id,[f.a.contentOpen]:!!n.openedSection}),children:[(0,i.jsx)("div",{className:f.a.contentHeader,children:(0,i.jsx)("label",{children:e.title})}),e.content.map((n,l)=>{var r,a;return(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{children:(0,i.jsx)("a",{className:(0,s.Z)(f.a.contentTitle,{[f.a.removed]:!n.title,[f.a.contentTitleUrl]:!!n.url,[f.a.contentTitleLink]:!!e.isSeeAllLinkAvailable,[f.a.contentTitleNew]:!!n.new}),href:e.isSeeAllLinkAvailable?n.url:void 0,children:(0,i.jsxs)("span",{children:[e.isSeeAllLinkAvailable&&(0,i.jsx)("div",{className:f.a.arrowIcon,children:(0,i.jsx)(o.IconFdsArrowUpRightSmallO,{})}),n.title]})})}),!(null!=(r=n.links)&&r.length)&&(0,i.jsx)(f.N,{items:n.chips||[],maxNumberOfLines:e.content.length<=1?99:t?3:2}),!!(null!=(a=n.links)&&a.length)&&(0,i.jsx)("div",{className:(0,s.Z)(f.a.links,{[f.a.linksColumns]:!!n.columns,[f.a.linksTitleless]:!n.title}),children:n.links.map(e=>(0,i.jsxs)("a",{href:e.url,className:(0,s.Z)({[f.a.new]:!!e.new}),onClick:()=>(0,f.h)(u.D.link,e.title,`${e.title}_${e.url}`),children:[(0,i.jsx)("div",{className:f.a.arrowIcon,children:(0,i.jsx)(o.IconFdsArrowUpRightSmallO,{})}),(0,i.jsx)("span",{children:e.title})]},e.url))})]},`${n.url}_${l}`)})]},e.id))},e.id))})},eh=(0,h.g)("navigation-section-icon","sc"),ef=Object.freeze({icon:`${eh}`}),ev=({name:e,background:t})=>{let n=(0,a.useMemo)(()=>e&&o[e]||null,[e]);return e&&n?(0,i.jsx)("div",{className:ef.icon,style:{background:t},children:(0,i.jsx)(n,{})}):null},eg=(0,h.g)("navigation","sc"),ew=Object.freeze({navigation:`${eg}`,navigationOpening:`${eg}--opening`,navigationClosing:`${eg}--closing`,wrapper:`${eg}__wrapper`,container:`${eg}__container`,containerOpen:`${eg}__container--open`,sections:`${eg}__sections`,sectionsOpen:`${eg}__sections--open`,citySelectButton:`${eg}__city-select-button`,sectionsTitle:`${eg}__sections-title`,sectionsWrapper:`${eg}__sections-wrapper`,section:`${eg}__section`,sectionArrow:`${eg}__section-arrow`,sectionExtra:`${eg}__section--extra`,sectionActive:`${eg}__section--active`,sectionTitle:`${eg}__section-title`,chatWrapper:`${eg}__chat-wrapper`,chatHeader:`${eg}__chat-header`,backButton:`${eg}__back-button`,useful:`${eg}__useful`,usefulOpen:`${eg}__useful--open`,usefulTitle:`${eg}__useful-title`,usefulGrid:`${eg}__useful-grid`,removed:`${eg}__removed`}),e_=({data:e})=>{var t;let n=W(),c=S(),d=(0,r.aF)("m"),[m,h]=(0,a.useState)(!0);(0,a.useEffect)(()=>{h(d)},[d]);let v=(0,a.useRef)(null),g=(0,a.useCallback)(()=>{v.current&&clearTimeout(v.current),v.current=setTimeout(()=>n.openedSection?n.setOpenedSection(null):n.isNavigationOpen?n.setOpenedBlock(null):void 0,50)},[n]),w=(0,a.useRef)(!1),_=(0,a.useRef)(null),x=(0,a.useCallback)(()=>{m&&(w.current=!0,_.current=window.onpopstate||null,window.onpopstate=function(){window.history.forward(),g()},window.history.pushState(null,"",window.location.href))},[g,m]),b=(0,a.useCallback)(()=>{w.current=!1,window.onpopstate=_.current,window.history.go(-1)},[]),y=(0,a.useRef)(null),j=(0,a.useCallback)(e=>{if(m||!n.navMenuItemsRef.current||!n.navigationRef.current)return;let t=e.target,i=!n.navMenuItemsRef.current.contains(t)&&!n.navigationRef.current.contains(t);if(i&&!y.current){n.setIgnoreClicks(),y.current=setTimeout(()=>n.setOpenedBlock(null),300);return}!i&&y.current&&(clearTimeout(y.current),y.current=null)},[m,n]),C=(0,a.useRef)(null),k=(0,a.useCallback)(e=>{typeof window>"u"||(e?(C.current=j,window.addEventListener("mousemove",C.current)):C.current&&window.removeEventListener("mousemove",C.current))},[j]);(0,a.useEffect)(()=>{k(n.isNavigationOpen),n.isNavigationOpen&&!w.current&&x(),!n.isNavigationOpen&&w.current&&b()},[n.isNavigationOpen]);let $=(e,t)=>()=>{(0,f.h)(u.D.button,t),n.setOpenedSection(e)},{start:N,clear:O}=I(),T=(e,t)=>()=>{m||N($(e,t),150)},A=()=>{m||O()};return(0,i.jsx)("div",{ref:n.navigationRef,className:(0,s.Z)(ew.navigation,{[ew.removed]:!n.isNavigationMounted,[ew.navigationOpening]:n.isNavigationOpen,[ew.navigationClosing]:!n.isNavigationOpen}),children:(0,i.jsx)("div",{className:ew.wrapper,children:(0,i.jsxs)(l.W2,{className:(0,s.Z)(ew.container,{[ew.containerOpen]:!!n.openedSection}),children:[(0,i.jsxs)("div",{className:(0,s.Z)(ew.sections,{[ew.sectionsOpen]:!!n.openedSection}),children:[(0,i.jsx)(r.zx,{className:ew.citySelectButton,variant:"purple",appearance:"ghost",size:"xs",onClick:()=>c.handleButtonClick(!1),iconLeft:(0,i.jsx)(o.IconFdsLocationO,{size:24}),label:(null==(t=c.town)?void 0:t.name)||"Вся Россия"}),e.map(e=>(0,i.jsxs)("ul",{className:(0,s.Z)(ew.sectionsWrapper,{[ew.removed]:n.openedBlock!==e.id&&!m}),children:[(0,i.jsx)("div",{className:ew.sectionsTitle,children:p.b[e.id]}),e.sections.map(e=>(0,i.jsxs)("li",{className:(0,s.Z)(ew.section,{[ew.sectionExtra]:!!e.extra,[ew.sectionActive]:n.openedSection===e.id}),onClick:$(e.id,e.title),onMouseEnter:T(e.id,e.title),onMouseLeave:A,children:[(0,i.jsx)(ev,{name:e.uikitIcon,background:e.uikitIconBg}),(0,i.jsx)("span",{className:ew.sectionTitle,children:e.title}),(0,i.jsx)("div",{className:ew.sectionArrow,children:(0,i.jsx)(o.IconFdsChevronRightSmallO,{size:24})})]},e.id))]},e.id)),(0,i.jsxs)("div",{className:ew.chatWrapper,children:[(0,i.jsx)("div",{className:ew.chatHeader,children:"Нужна помощь?"}),(0,i.jsx)(ep,{})]})]}),(0,i.jsxs)("button",{type:"button",className:(0,s.Z)(ew.backButton,{[ew.removed]:!n.openedSection}),onClick:()=>{(0,f.h)(u.D.button,"Назад"),n.setOpenedSection(null)},children:[(0,i.jsx)(o.IconFdsChevronLeftO,{size:24}),(0,i.jsx)("span",{children:"Назад"})]}),(0,i.jsx)(em,{data:e,isMobile:m}),(0,i.jsxs)("div",{className:(0,s.Z)(ew.useful,{[ew.usefulOpen]:!!n.openedSection}),children:[(0,i.jsx)("div",{className:ew.usefulTitle,children:"Полезное на Финуслугах"}),e.map(e=>(0,i.jsx)(a.Fragment,{children:e.sections.map(e=>(0,i.jsx)("div",{className:(0,s.Z)(ew.usefulGrid,{[ew.removed]:n.openedSection!==e.id}),children:e.useful.map((e,t)=>(0,i.jsxs)("a",{href:e.url,onClick:()=>(0,f.h)(u.D.link,e.title,`${e.title}_${e.url}`),children:[(0,i.jsx)("div",{children:(0,i.jsx)("img",{src:e.icon,srcSet:e.icon2?`${e.icon}, ${e.icon2} 2x`:void 0,alt:e.title,loading:"lazy"})}),(0,i.jsx)("span",{dangerouslySetInnerHTML:{__html:e.title}})]},`${e.title}_${t}`))},e.id))},e.id))]})]})})})},ex=(e,t,n)=>{var i,o,l,r,s,a,u;let d=(null==(o=null==(i=null==e?void 0:e.NAVIGATOR)?void 0:i.findIndex)?void 0:o.call(i,({id:e})=>"news"===e))||-1,p=(null==(r=null==(l=null==e?void 0:e.NAVIGATOR)?void 0:l[d])?void 0:r.content)||[];if(null!=(u=null==(a=null==(s=null==e?void 0:e.NAVIGATOR)?void 0:s[d])?void 0:a.content)&&u[0]&&Array.isArray(n)&&p.length){let i=n.map(({title:e,url:n})=>({title:e,url:(0,c.xn)(t||"",n),new:0}));e.NAVIGATOR[d].content[0].links=i}return[{id:"FINPRODUCTS",sections:Array.isArray(null==e?void 0:e.FINPRODUCTS)?null==e?void 0:e.FINPRODUCTS:[]},{id:"NAVIGATOR",sections:Array.isArray(null==e?void 0:e.NAVIGATOR)?null==e?void 0:e.NAVIGATOR:[]},{id:"ABOUT",sections:Array.isArray(null==e?void 0:e.ABOUT)?null==e?void 0:e.ABOUT:[]}]},eb=({data:e,showcaseUrl:t="https://finuslugi.ru",minioUrl:n="https://assets.finuslugi.ru/mp-assets",lkUrl:d="https://lk.finuslugi.ru/registration",initialTown:m,isMainBannerPage:h,enableAppHeaderBanner:v=!1,news:g,className:w})=>{let _=W(),x=(0,a.useMemo)(()=>ex(e,t,g),[e,t,g]),b=null==e?void 0:e.config,y=(0,a.useMemo)(()=>x.reduce((e,t)=>{var n;return e[t.id]=null==(n=t.sections[0])?void 0:n.id,e},{}),[x]),j=_.isAuth?"Личный кабинет":"Войти",C=h&&_.isHeaderTransparent,k=(e,t,n,i)=>()=>{e!==_.openedBlock?(0,f.h)(u.D.toggle,t,"on"):(0,f.h)(u.D.button,"menu_close","on");let o=n?y[e]:"";_.setOpenedBlock(e,o,!!i)},{start:$,clear:N}=I(),O=(e,t,n,i)=>()=>{_.isNavigationOpen&&e===_.openedBlock||_.setIgnoreClicks(),$(k(e,t,n,i),200)},S=e=>()=>{_.ignoreClicks||e()},T=e=>_.openedBlock===e&&_.isNavigationOpen;return e?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{ref:_.headerRef,className:(0,s.Z)(p.s.header,w,{[p.s.transparent]:C}),children:(0,i.jsxs)("div",{ref:_.fixedContainerRef,className:(0,s.Z)(p.s.fixed,{[p.s.hidden]:_.isHeaderHidden,[p.s.navigationOpen]:_.isNavigationOpen}),children:[!!(null!=b&&b.appBannerUrl)&&v&&(0,i.jsx)(ec,{mobileAppUrl:b.appBannerUrl,minioUrl:n}),(0,i.jsxs)(l.W2,{className:p.s.container,children:[(0,i.jsxs)("div",{className:p.s.leftRow,children:[(0,i.jsx)(et,{className:p.s.logo,href:t,eventActionType:u.D.icon,eventActionText:"finuslugi_logo",eventLabel:`finuslugi_logo_${t}`,children:(0,i.jsxs)("picture",{children:[(0,i.jsx)("source",{srcSet:(0,c.xn)(n,"/widgets/header/logo/d.webp"),media:"(min-width: 768px)"}),(0,i.jsx)("img",{src:(0,c.xn)(n,"/widgets/header/logo/m.webp"),alt:"Финуслуги",loading:"eager"})]})}),(0,i.jsx)("nav",{ref:_.navMenuItemsRef,className:p.s.menuItems,children:(0,i.jsx)("ul",{children:p.c.map(({id:e,label:t})=>(0,i.jsx)("li",{children:(0,i.jsx)(r.zx,{className:(0,s.Z)({[p.s.menuItemActive]:T(e)}),label:t,variant:"white",size:"xs",onClick:S(k(e,t,!0)),onMouseEnter:O(e,t,!0,!0),onMouseLeave:N})},e))})}),(0,i.jsx)(H,{className:(0,s.Z)(p.s.tabletMenuButton,{[p.s.menuItemActive]:_.isNavigationOpen}),eventActionText:"Меню сайта",variant:"white",size:"xs",iconRight:(0,i.jsx)(o.IconFdsChevronDownO,{size:24}),onClick:k("FINPRODUCTS","Меню сайта"),children:"Меню сайта"})]}),(0,i.jsxs)("div",{className:(0,s.Z)(p.s.buttonGroup,{[p.s.whiteIcons]:(null==b?void 0:b.iconColorOnMobileMainBanner)==="white"}),children:[(0,i.jsxs)("div",{className:p.s.chips,children:[(0,i.jsx)(H,{as:"a",href:d,size:"xs",shape:"icon",appearance:"ghost",eventActionText:"profile",eventLabel:`profile_${d}`,iconLeft:(0,i.jsx)(o.IconFdsUserO,{size:20})}),(0,i.jsx)(H,{onClick:()=>{var e,t,n;return null==(n=null==(t=null==(e=null==window?void 0:window.supportWidget)?void 0:e.craftTalk)?void 0:t.open)?void 0:n.call(t)},size:"xs",shape:"icon",appearance:"ghost",eventActionText:"IconFdsChatDotsCircleO",iconLeft:(0,i.jsx)(o.IconFdsChatDotsCircleO,{size:24})})]}),(0,i.jsx)(H,{className:p.s.menuButton,size:"xs",shape:C?"icon":"default",appearance:C?"ghost":"fill",label:"Меню",onClick:k("FINPRODUCTS","Меню"),eventActionText:"Меню",iconLeft:(0,i.jsx)(o.IconFdsMenuSkewedO,{size:24})}),(0,i.jsxs)("div",{className:p.s.moreButtons,children:[(0,i.jsx)(ee,{initialTown:m}),(0,i.jsx)(H,{onClick:()=>{var e,t,n;return null==(n=null==(t=null==(e=null==window?void 0:window.supportWidget)?void 0:e.craftTalk)?void 0:t.open)?void 0:n.call(t)},size:"xs",appearance:"ghost",eventActionText:"IconFdsChatDotsSquareAddO",iconLeft:(0,i.jsx)(o.IconFdsChatDotsSquareAddO,{size:24}),children:"Онлайн чат"}),(0,i.jsx)(H,{as:"a",href:d,size:"xs",eventActionText:j,eventLabel:`${j}_${d}`,label:j})]})]}),(0,i.jsxs)(et,{className:p.s.auth,href:d,eventActionText:j,eventLabel:`${j}_${d}`,children:[(0,i.jsx)(H,{size:"xs",shape:"circle-icon",iconLeft:(0,i.jsx)(o.IconFdsUserO,{}),eventActionText:j,eventLabel:`${j}_${d}`}),(0,i.jsx)("p",{children:j})]}),(0,i.jsx)("div",{className:p.s.close,children:(0,i.jsx)(H,{className:p.s.close,size:"xs",variant:"secondary",shape:"circle-icon",iconLeft:(0,i.jsx)(o.IconFdsCloseO,{}),onClick:()=>_.setOpenedBlock(null),eventActionText:"IconFdsCloseO"})})]})]})}),(0,i.jsx)("div",{className:(0,s.Z)(p.s.overlay,{[p.s.removed]:!_.isNavigationMounted,[p.s.overlayOpening]:_.isNavigationOpen,[p.s.overlayClosing]:!_.isNavigationOpen}),onClick:S(()=>_.setOpenedBlock(null))}),(0,i.jsx)(e_,{data:x,minioUrl:n})]}):null},ey=e=>(0,i.jsx)(Z,{isMainBannerPage:e.isMainBannerPage,children:(0,i.jsx)(eb,{...e})})},2087:function(e,t,n){n.d(t,{N:function(){return y},a:function(){return x},h:function(){return v},i:function(){return f},s:function(){return u}});var i=n(57437),o=n(80684),l=n(61994),r=n(2265),s=n(10992),a=n(4267),c=n(52074);let u=(e,t,n)=>{if(typeof window>"u"||typeof document>"u")return;let i=document.getElementById("mainHomeBanner"),o=!1,l=0,r=0,s=()=>window.innerWidth<768,a=s(),c=()=>window.scrollY||document.documentElement.scrollTop,u=()=>{let e=document.querySelector(":root");e&&(r=parseFloat(window.getComputedStyle(e).getPropertyValue("--fixed-header-height")),l=c())},d=()=>{let e=s();e!==a&&(a=e,r=0)},p=function(){let s=c(),a=document.getElementById("headerMobileBanner"),d=null==a?void 0:a.getAttribute("data-opening");if("true"===d)return;r||u();let p=s<r,m=s<((null==i?void 0:i.clientHeight)||0);if(n&&m||p){o=!1,e(!1),t(!0);return}e(o=s>l),o&&setTimeout(()=>t(!1),50);let h=o?"0px":"false"===d?`${r}px`:"";document.documentElement.style.setProperty("--new-header-height-desktop",h),document.documentElement.style.setProperty("--new-header-height-mobile",h),l=s<=0?0:s};return window.addEventListener("scroll",p),window.addEventListener("resize",d),()=>{window.removeEventListener("scroll",p),window.removeEventListener("resize",d)}},d=()=>{let e=new URLSearchParams(window.location.search),t={};for(let[n,i]of Array.from(e.entries()))n.startsWith("utm_")&&(t[n]=i);return Object.keys(t).length>0?t:null},p=()=>document.cookie.split(";").some(e=>e.trim().startsWith("utm_params=")),m=(e,t,n)=>{let i=new Date;i.setTime(i.getTime()+864e5*n);let o=encodeURIComponent(JSON.stringify(t));document.cookie=`${e}=${o};expires=${i.toUTCString()};path=/;SameSite=Lax`},h=()=>{let e=d();e&&!p()&&m("utm_params",e,90),e&&m("utm_last",e,90)},f=()=>{setTimeout(()=>{if(!(typeof document>"u"||"string"!=typeof document.cookie))try{h()}catch(e){console.error("UTM tracking error:",e)}},0)},v=(e,t,n)=>(0,s.h)({eventCategory:a.H,eventActionType:e,eventActionText:t,eventLabel:n}),g=(0,c.g)("navigation-chips","sc"),w=Object.freeze({wrapper:`${g}__wrapper`,gray:`${g}__variantGray`,white:`${g}__variantWhite`,container:`${g}__container`,chip:`${g}__chip`,more:`${g}__chip--more`,active:`${g}__chip--active`,label:`${g}__label`,hidden:`${g}__hidden`}),_=(0,c.g)("navigation-content","sc"),x=Object.freeze({contentWrapper:`${_}__content-wrapper`,content:`${_}__content`,contentOpen:`${_}__content--open`,contentHeader:`${_}__content-header`,contentTitle:`${_}__content-title`,contentTitleUrl:`${_}__content-title--url`,contentTitleLink:`${_}__content-title--link`,contentTitleNew:`${_}__content-title--new`,new:`${_}__new`,vip:`${_}__vip`,arrowIcon:`${_}__arrow-icon`,links:`${_}__links`,linksColumns:`${_}__links--columns`,linksTitleless:`${_}__links--titleless`,removed:`${_}__removed`,hidden:`${_}__content--hidden`}),b=({chip:e,hidden:t,onClick:n,refCallback:r,activeChipId:a})=>{let c=!!n,u=()=>{if(c)return null==n?void 0:n(e.url);v(s.D.chip,e.title,`${e.title}_${e.url}`)},d=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:w.label,children:e.title}),e.arrow&&(0,i.jsx)(o.IconFdsArrowUpRightSmallO,{size:24})]}),p=(0,l.Z)(w.chip,{[w.hidden]:t,[x.new]:!!e.new,[x.vip]:!!e.vip,[w.active]:e.url===a});return c?(0,i.jsx)("button",{type:"button",className:p,onClick:u,ref:r,children:d}):(0,i.jsx)("a",{href:e.url,className:p,onClick:u,ref:r,children:d})},y=({items:e=[],maxNumberOfLines:t,variant:n,className:a,activeChipId:c,onClick:u})=>{let d=(0,r.useRef)(null),p=(0,r.useRef)(null),m=(0,r.useRef)({}),[h,f]=(0,r.useState)(!1),[g,_]=(0,r.useState)(e.length),[x,y]=(0,r.useState)(!1);(0,r.useMemo)(()=>{let t=m.current;e.forEach(e=>{e.url in t||(t[e.url]=null)}),Object.keys(t).forEach(n=>{e.find(e=>String(e.url)===String(n))||delete t[n]})},[e]);let j=(0,r.useCallback)(()=>{let n=d.current;if(!n)return;let i=e=>e?e.getBoundingClientRect().width:0,o=i(n),l=Math.max(Number(t)||0,0),r=()=>{_(e.length),y(!1)};if(h||0===l||o<=0){r();return}let s=(()=>{try{let e=getComputedStyle(n),t=parseFloat(e.columnGap||e.gap||"12");return Number.isNaN(t)?12:t}catch{return 12}})(),a=i(p.current),c=e.map(e=>i(m.current[e.url]));if(c.some(e=>0===e)){r();return}let u=1,f=0,v=0;for(let e of c){let t=u===l?a+s:0,n=0===f?e:f+s+e;if(n+t<=o-.5)f=n,v++;else{if(++u>l)break;f=e,v++}}y(v<e.length),_(v)},[h,e,t]);(0,r.useLayoutEffect)(()=>{let e=d.current;if(!e)return;let t=new ResizeObserver(()=>{requestAnimationFrame(j)});return t.observe(e),requestAnimationFrame(j),()=>{t.disconnect()}},[j]),(0,r.useEffect)(()=>{requestAnimationFrame(j)},[j]);let C=h||(t??0)<=0||!x;return(0,i.jsx)("div",{className:(0,l.Z)(a,w.wrapper,{[w.gray]:"gray"===n,[w.white]:"white"===n}),children:(0,i.jsxs)("div",{ref:d,className:w.container,children:[e.map((e,t)=>(0,i.jsx)(b,{chip:e,hidden:!C&&t>=g,activeChipId:c,onClick:u,refCallback:t=>{m.current[e.url]=t}},e.url)),!C&&x&&(0,i.jsxs)("button",{type:"button",ref:p,className:(0,l.Z)(w.chip,w.more),onClick:()=>{v(s.D.chip,"Еще"),f(!0)},children:[(0,i.jsx)(o.IconFdsDotsVerticalO,{size:20}),(0,i.jsx)("span",{className:w.label,children:"Еще"})]}),(C||!x)&&(0,i.jsxs)("button",{type:"button",ref:p,className:(0,l.Z)(w.chip,w.more,w.hidden),tabIndex:-1,"aria-hidden":"true",children:[(0,i.jsx)(o.IconFdsDotsVerticalO,{size:20}),(0,i.jsx)("span",{className:w.label,children:"Еще"})]})]})})}},94181:function(e,t,n){n.d(t,{D:function(){return I},P:function(){return M},U:function(){return B},u:function(){return b}});var i=n(57437),o=n(61994),l=n(2265),r=n(80684),s=n(52074),a=n(54887);let c=300,u=({opened:e})=>{let[t,n]=(0,l.useState)(!1),i=(0,l.useRef)(null),o=(0,l.useRef)(!1);return(0,l.useEffect)(()=>(e&&!o.current?(o.current=!0,n(!0)):!e&&o.current&&(i.current=setTimeout(()=>{o.current=!1,n(!1)},c)),()=>{i.current&&clearTimeout(i.current)}),[e]),{mounted:t}},d=(0,s.g)("click-outside","sc"),p=Object.freeze({overlay:`${d}__overlay`,open:`${d}--open`,close:`${d}--close`}),m=({onClose:e,onToucheMove:t,isOpen:n,delay:r=c})=>{let s=(0,l.useRef)(null),a=(0,l.useCallback)(()=>{e&&(s.current=setTimeout(()=>{e()},r))},[r,e]),u=(0,l.useCallback)(e=>{"Escape"===e.key&&a()},[a]);return(0,l.useEffect)(()=>(n&&window.addEventListener("keydown",u),()=>{s.current&&clearTimeout(s.current),window.removeEventListener("keydown",u)}),[n,u]),(0,i.jsx)("div",{className:(0,o.Z)(p.overlay,{[p.open]:n,[p.close]:!n}),onTouchStart:t,onClick:a})},h=(e,t)=>{e&&(t?e.setAttribute("data-portal",""):e.removeAttribute("data-portal"))},f=e=>{e.style.top||(window.prevScrollPosition=window.scrollY)},v=(e,t,n)=>{t.style.setProperty("overflow-y","scroll"),e.classList.toggle("scroll-disable-windows",!0),e.style.setProperty("width",`calc(100vw - ${n}px)`),e.style.setProperty("top",`-${window.prevScrollPosition}px`)},g=e=>{e.style.setProperty("overflow","hidden"),e.style.setProperty("height","100vh")},w=e=>{e.classList.toggle("scroll-disable-windows",!1),e.style.removeProperty("overflow"),e.style.removeProperty("height"),e.style.removeProperty("width"),e.style.removeProperty("top")},_=()=>{void 0!==window.prevScrollPosition&&(window.scrollTo(0,window.prevScrollPosition),window.prevScrollPosition=void 0)},x=()=>document.querySelectorAll("[data-portal]").length>1,b=e=>{let t=(0,l.useRef)(null),n=(0,l.useRef)(!1);return(0,l.useEffect)(()=>{if(n.current===e)return;n.current=e;let i=t.current,o=document.body,l=document.documentElement,r=window.innerWidth-l.clientWidth,s=r>0;if(e&&s)f(o),v(o,l,r),h(i,!0);else if(e)g(o),h(i,!0);else{let e=!x();e&&w(o),e&&_(),h(i,!1)}return()=>{let e=!x();e&&w(o),e&&_()}},[e]),t},y=(0,s.g)("drawer-footer","sc"),j=Object.freeze({footer:`${y}__footer`,hasScroll:`${y}__footer--has-scroll`}),C=({footer:e,hasScroll:t,className:n})=>(0,i.jsx)("div",{className:(0,o.Z)(j.footer,{[j.hasScroll]:t},n),children:"function"==typeof e?e():e}),k=(0,s.g)("drawer-content","sc"),$=Object.freeze({container:`${k}__container`,open:`${k}--open`,close:`${k}--close`,header:`${k}__header`,rowHeader:`${k}__header--row`,title:`${k}__title`,center:`${k}__title--center`,left:`${k}__title--left`,right:`${k}__title--right`,controlContainer:`${k}__control-container`,content:`${k}__content`,footer:`${k}__footer`}),N=({onClose:e,onContentClick:t,children:n,title:s,rowTitle:a,titleAlign:c,isCloseable:u,footer:d,closeButton:p,isOpen:m,contentClassName:h,footerClassName:f,contentStyle:v,width:g})=>{let w=(0,l.useRef)(null),_=(0,l.useRef)(null),[x,b]=(0,l.useState)(!1);(0,l.useEffect)(()=>{var e;if(!_.current||!w.current)return;let t=(null==(e=null==_?void 0:_.current)?void 0:e.getBoundingClientRect().top)||0,n=null==w?void 0:w.current,i=()=>{let e=null==_?void 0:_.current;e&&b(()=>e.getBoundingClientRect().top!==t)};return n&&n.addEventListener("scroll",i,!1),()=>{null==n||n.removeEventListener("scroll",i,!1)}},[]);let y=v||g?{width:g,...v||{}}:void 0;return(0,i.jsxs)("div",{ref:w,style:y,className:(0,o.Z)($.container,{[$.open]:m,[$.close]:!m},h),children:[s||u?(0,i.jsxs)("div",{className:(0,o.Z)($.header,{[$.rowHeader]:a}),children:[u?p?"function"==typeof p?p():p:(0,i.jsx)("button",{type:"button",className:$.controlContainer,onClick:e,children:(0,i.jsx)(r.IconFdsCloseO,{size:24})}):null,s?(0,i.jsx)("h3",{className:(0,o.Z)($.title,{[$[c]]:!0}),children:s}):null]}):null,(0,i.jsx)("div",{ref:_,className:$.content,onClick:t,children:n}),d&&(0,i.jsx)(C,{className:(0,o.Z)($.footer,f),footer:d,hasScroll:x})]})},O=(0,s.g)("drawer-layout","sc"),S=Object.freeze({window:`${O}__window`}),T=({onClose:e,isOpen:t,children:n,withDisabledScroll:r,className:s,...a})=>{let c=(0,l.useCallback)(e=>e.stopPropagation(),[]);return b(t&&r),(0,i.jsxs)("div",{"data-portal":!0,className:(0,o.Z)(S.window,s),children:[(0,i.jsx)(m,{onClose:e,isOpen:t,delay:0}),(0,i.jsx)(N,{onContentClick:c,onClose:e,isOpen:t,...a,children:n})]})},I=({isOpen:e=!1,children:t,titleAlign:n="center",isCloseable:o=!0,withDisabledScroll:l=!0,...r})=>{let{mounted:s}=u({opened:e});return s?(0,i.jsx)(T,{titleAlign:n,isCloseable:o,isOpen:e,withDisabledScroll:l,...r,children:t}):null};I.displayName="Drawer";let A=(0,s.g)("mobile-modal-footer","sc"),R=Object.freeze({footer:`${A}__footer`,footerWithoutShadow:`${A}__footer--without-shadow`}),L=({footer:e,isSmallPopup:t=!1,footerClassName:n})=>(0,i.jsx)("div",{className:(0,o.Z)(R.footer,t&&R.footerWithoutShadow,n),children:"function"==typeof e?e():e}),E=(0,s.g)("mobile-popup","sc"),P=Object.freeze({mobilePopup:`${E}`,mobilePopupOpen:`${E}--open`,content:`${E}__content`,contentFull:`${E}__content--full`,contentTransition:`${E}__content--transition`,contentTransitionOpen:`${E}__content--transition-open`,contentLine:`${E}__content-line`,contentContainer:`${E}__content-container`,smallContentContainer:`${E}__content-container--small`,min:`${E}__content-container--min`,title:`${E}__title`,closeContainer:`${E}__close-container`,closeButton:`${E}__close-button`}),z=({children:e,footer:t,isOpen:n,isSmallPopup:s,onClose:a,hasCloseButton:c=!0,full:u,touchDistance:d=100,withDisabledScroll:p=!0,contentClassName:h,className:f,title:v,closeButton:g,footerClassName:w})=>{let[_,x]=(0,l.useState)(!1),[y,j]=(0,l.useState)(!1),[C,k]=(0,l.useState)(!0),[$,N]=(0,l.useState)("120%"),O=(0,l.useRef)(null),S=(0,l.useRef)(0),T=(0,l.useRef)(!1),I=e=>{var t,n,i;let o=null==(t=O.current)?void 0:t.offsetTop,l=null==(n=O.current)?void 0:n.offsetHeight;if(T.current=!0,k(!1),o&&l){let t=(null==(i=null==e?void 0:e.touches[0])?void 0:i.clientY)-o,n=0;t>=0&&t<=l+30&&(n=t),t>l+30&&(n=l+30),N(`${n}px`),S.current=n}},A=()=>{T.current&&(S.current>d&&a?null==a||a():N("0"),k(!0),T.current=!1),window.removeEventListener("touchmove",I),window.removeEventListener("touchend",A)};return(0,l.useEffect)(()=>{n&&setTimeout(()=>{x(!0),j(!0),N("0")},100),!n&&y&&(N("120%"),x(!1),j(!1))},[y,n]),b(n&&p),(0,i.jsxs)("div",{"data-portal":!0,className:(0,o.Z)(P.mobilePopup,y&&P.mobilePopupOpen,f),children:[(0,i.jsx)(m,{onClose:()=>{n&&(null==a||a())},onToucheMove:()=>{n&&(x(!1),window.addEventListener("touchmove",I),window.addEventListener("touchend",A))},isOpen:n,delay:0}),(0,i.jsxs)("div",{className:(0,o.Z)(P.content,u&&P.contentFull,C&&P.contentTransition,C&&_&&P.contentTransitionOpen),ref:O,style:{transform:`translateY(${$})`},children:[(0,i.jsx)("div",{className:P.contentLine}),(0,i.jsxs)("div",{className:(0,o.Z)(P.contentContainer,s&&P.smallContentContainer,{[P.min]:!v&&!c},h),children:[!!v&&(0,i.jsx)("div",{className:P.title,children:v}),c?(0,i.jsx)("div",{className:P.closeContainer,children:c?g?"function"==typeof g?g():g:(0,i.jsx)("button",{onClick:a,className:P.closeButton,children:(0,i.jsx)(r.IconFdsCloseO,{size:24})}):null}):null,e]}),t&&(0,i.jsx)(L,{footerClassName:w,isSmallPopup:s,footer:t})]})]})},B=({children:e,isSmallPopup:t=!1,isOpen:n=!1,...o})=>{let{mounted:l}=u({opened:n});return l?(0,i.jsx)(z,{isSmallPopup:t,isOpen:n,...o,children:e}):null};B.displayName="UiMobilePopup";let M=({children:e,id:t="portal-root"})=>{let[n,i]=(0,l.useState)(null);return(0,l.useEffect)(()=>{let e=document.getElementById(t);if(e){i(e);return}let n=document.createElement("div");return n.id=t,document.body.appendChild(n),i(n),()=>{document.body.removeChild(n)}},[t]),n?(0,a.createPortal)(e,n):null}},52074:function(e,t,n){n.d(t,{g:function(){return i}});function i(e,t){return`finkit-widgets-${t}-${e}`}},4267:function(e,t,n){n.d(t,{F:function(){return u},H:function(){return s},U:function(){return l},a:function(){return r},b:function(){return c},c:function(){return a},s:function(){return o}});let i=(0,n(52074).g)("header","sc"),o=Object.freeze({header:`${i}`,fixed:`${i}__fixed`,hidden:`${i}__fixed--hidden`,transparent:`${i}--transparent`,navigationOpen:`${i}__navigation-open`,container:`${i}__container`,leftRow:`${i}__left-row`,logo:`${i}__logo`,menuItems:`${i}__menu-items`,menuItemActive:`${i}__menu-item-active`,tabletMenuButton:`${i}__tablet-menu-button`,buttonGroup:`${i}__button-group`,chips:`${i}__chips`,menuButton:`${i}__menu-button`,moreButtons:`${i}__more-buttons`,auth:`${i}__auth`,whiteIcons:`${i}__white-icons`,close:`${i}__close`,removed:`${i}__removed`,overlay:`${i}__overlay`,overlayOpening:`${i}__overlay--opening`,overlayClosing:`${i}__overlay--closing`}),l="user_region",r="user_town",s="cb-header",a=[{id:"FINPRODUCTS",label:"Финпродукты"},{id:"NAVIGATOR",label:"Журнал"},{id:"ABOUT",label:"О маркетплейсе"}],c=a.reduce((e,t)=>(e[t.id]=t.label,e),{}),u=Object.freeze({mobile:56,desktop:80})},55487:function(e,t,n){n.d(t,{a:function(){return i}});let i={getItem:e=>{if(typeof document>"u")return null;let t=document.cookie.split(";").find(t=>t.split("=")[0].trim()===e);return t?t.split("=")[1]??null:null},setItem:(e,t,n={})=>{if(typeof document>"u")return;(n={path:"/",...n}).expires instanceof Date&&(n.expires=n.expires.toUTCString());let i=`${encodeURIComponent(e)}=${encodeURIComponent(t)}`;for(let e in n){if(!n.hasOwnProperty(e))continue;i+=`; ${e}`;let t=n[e];!0!==t&&(i+=`=${t}`)}document.cookie=i},removeItem:e=>{i.setItem(e,"",{"max-age":-1})}}},10992:function(e,t,n){let i;n.d(t,{D:function(){return s},h:function(){return c}});var o=n(31620),l=n(30631);let r=(e,t)=>{if(typeof window>"u")return;let n=sessionStorage.getItem("pushedEvents"),i=n?JSON.parse(n):[];e.event||(e.event="data-event"),"string"==typeof e.eventAction&&(e.eventAction=e.eventAction.toLowerCase().replaceAll(" ","_")),"string"==typeof e.eventLabel&&(e.eventLabel=e.eventLabel.toLowerCase().replaceAll(" ","_")),e.eventLabel||(e.eventLabel="undefined");let o=i.find(n=>n.eventCategory===e.eventCategory&&n.eventAction===e.eventAction&&n.eventLabel===e.eventLabel&&("all"===t||"url"===t&&window.location.pathname===n.url));if(!t||!o){if(t){let t={...e};t.url=window.location.pathname,i.push(t),sessionStorage.setItem("pushedEvents",JSON.stringify(i))}(0,l.AB)(e)}};var s=((i=s||{}).icon="icon",i.chip="chip",i.accordion="accordion",i.button="button",i.checkbox="checkbox",i.radio="radio",i.select="select",i.toggle="toggle",i.tooltip="tooltip",i.link="link",i.banner="banner",i.tag="tag",i.date="date",i.field="field",i.offer="offer",i.tab="tab",i.submitButton="submitButton",i.popup="popup",i.block="block",i);let a={icon:"click_icon_",chip:"click_chip_",accordion:"show_acc_",button:"click_button_",checkbox:"click_check_",radio:"click_radio_",select:"click_sel_",toggle:"click_togg_",tooltip:"click_tip_",link:"click_link_",banner:"click_bnr_",tag:"click_tag_",date:"input_date_",field:"input_field_",offer:"click_offer_",tab:"click_tab_",submitButton:"form_button_",popup:"show_pop_up_",block:"click_block_"},c=({eventCategory:e,eventActionType:t,eventActionText:n="",eventLabel:i})=>{let l={event:"data-event",eventCategory:e,eventAction:a[t]+(0,o.t)(n)};void 0!==i&&(l.eventLabel=(0,o.t)("string"==typeof i?i:i.toString())),r(l)}},31620:function(e,t,n){n.d(t,{t:function(){return o}});let i={а:"a",б:"b",в:"v",г:"g",д:"d",е:"e",ё:"yo",ж:"zh",з:"z",и:"i",й:"y",к:"k",л:"l",м:"m",н:"n",о:"o",п:"p",р:"r",с:"s",т:"t",у:"u",ф:"f",х:"h",ц:"c",ч:"ch",ш:"sh",щ:"sch",ъ:"",ы:"y",ь:"",э:"e",ю:"yu",я:"ya"},o=e=>e.replace(/[а-яё]/gi,e=>{let t=e.toLowerCase();return t in i?i[t]:e}).replaceAll(/[ \u00A0]/g,"_")}}]);