(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2704],{5085:()=>{},8755:()=>{},24769:()=>{},43780:(e,t,a)=>{"use strict";a.d(t,{E:()=>o});var l=a(95155),i=a(29722),n=a(86253),r=a(83640);a(8755);let s=Object.freeze({text:(0,r.g)("text")});function o({as:e,className:t,style:a,children:r,size:c,weight:d,lineClamp:h,dataQa:p,dataId:u,...m}){return(0,l.jsx)(e||"span",{className:(0,i.A)(s.text,t),style:{...c&&{fontSize:`var(--font-size-${c})`,lineHeight:`var(--font-line-height-${c})`},...d&&{fontWeight:`var(--font-weight-${d})`},...h&&{WebkitLineClamp:h,lineClamp:h,...n.l},...a},...m,"data-id":u,"data-qa":p,children:r})}o.displayName="Text"},79253:(e,t,a)=>{"use strict";a.d(t,{D:()=>d});var l=a(95155),i=a(29722),n=a(86253),r=a(83640);a(95124);let s={display:"h1",hero:"h1",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6"},o=(0,r.g)("heading"),c=Object.freeze({heading:o,states:Object.freeze({display:`${o}--display`,hero:`${o}--hero`,h1:`${o}--h1`,h2:`${o}--h2`,h3:`${o}--h3`,h4:`${o}--h4`,h5:`${o}--h5`,h6:`${o}--h6`})}),d=({as:e,children:t,weight:a,type:r,lineClamp:o,className:d,style:h,dataQa:p,dataId:u,...m})=>{var g;let _=e||s[r]||"div",v=/^h[1-6]$/.test(_),f=(null==(g=r.match(/\d+/))?void 0:g[0])||1;return(0,l.jsx)(_,{className:(0,i.A)(c.heading,c.states[r],d),style:{...a?{fontWeight:`var(--font-weight-${a})`}:void 0,...o?{WebkitLineClamp:o,lineClamp:o,...n.l}:void 0,...h},role:v?null:"heading","aria-level":v?null:f,...m,"data-id":u,"data-qa":p,children:t})};d.displayName="Heading"},89328:(e,t,a)=>{"use strict";let l;a.d(t,{g3:()=>en}),a(24769);var i=a(95155),n=a(12115),r=a(66216),s=a(79253),o=a(43780),c=a(29722),d=a(92670),h=a(51905),p=a(14572),u=a(8260),m=a(7596),g=a(24691),_=a(17194),v=a(33715),f=a(24964),b=a(81143),y=a(55727),x=a(66627),$=a(17806);let w={display:"inline-block",lineHeight:0,backfaceVisibility:"hidden"},j={width:"1em",height:"1em",overflowClipMargin:"content-box",overflow:"hidden"},k=e=>n.createElement("svg",{width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M9 8a.75.75 0 000 1.5h4.44l-5.22 5.22a.75.75 0 101.06 1.06l5.22-5.22v4.445a.75.75 0 101.5 0V8.75a.75.75 0 00-.75-.75H9z",clipRule:"evenodd",fill:"currentColor",fillRule:"evenodd"}));function C({className:e,style:t,boxSize:a,size:l,onClick:i}){return n.createElement("span",{className:e,style:{...w,...i&&{cursor:"pointer"},...l&&{fontSize:`${l}px`},...a&&{width:`${a}px`,height:`${a}px`,display:"inline-flex",alignItems:"center",justifyContent:"center"},...t},...i?{role:"button",tabIndex:"0",onClick:i}:{}},n.createElement(k,{viewBox:"0 0 24 24",style:j}))}C.displayName="IconFdsArrowUpRightSmallO";var N=((l=N||{}).light="light",l.gray="gray",l);let A=(0,m.g)("best-offers-banner","sc"),z=Object.freeze({bestOffersBaner:A,wrapper:`${A}__wrapper`,wideWrapper:`${A}__wrapper--wide`,whiteWrapper:`${A}__wrapper--white`,content:`${A}__content`,header:`${A}__header`,title:`${A}__title`,subtitle:`${A}__subtitle`,icon:`${A}__icon`,iconBlack:`${A}__icon--black`,iconWhite:`${A}__icon--white`,image:`${A}__image`}),T=({title:e,image:t,url:a,description:l,backgroundColor:n,textColor:r,wide:s,theme:d,handleBannerDataLayerPush:h,className:p})=>{let u=d===N.gray,m={"--bg-base":(null==n?void 0:n.base)??(u?"var(--color-white)":"var(--color-gray-400)"),"--bg-hover":(null==n?void 0:n.hover)??"var(--color-gray-500)"};return(0,i.jsxs)("div",{className:(0,c.A)(z.wrapper,p,{[z.wideWrapper]:s}),style:m,onClick:()=>{h(),window.open(a,"_blank")},children:[(0,i.jsxs)("div",{className:z.content,children:[(0,i.jsxs)("div",{className:z.header,children:[(0,i.jsx)(o.E,{weight:"medium",size:"24",className:z.title,style:{color:r},children:e}),(0,i.jsx)("div",{className:(0,c.A)(z.icon,{[z.iconBlack]:u&&!(null!=r&&r.includes("color-white")),[z.iconWhite]:u&&!!(null!=r&&r.includes("color-white"))}),children:(0,i.jsx)(C,{size:32})})]}),l&&(0,i.jsx)(o.E,{size:"16",style:{color:r},children:l})]}),(null==t?void 0:t.url)&&(0,i.jsx)("picture",{className:z.image,children:(0,i.jsx)("img",{src:t.url,width:t.width??150,height:t.height??"auto",alt:`Баннер ${e}`,loading:"lazy"})})]})},L=(0,m.g)("offer-card","sc"),W=Object.freeze({offerCard:L,wrapper:`${L}__wrapper`,whiteWrapper:`${L}__wrapper--white`,bankInfo:`${L}__bankInfo`,units:`${L}__units`,unitsColumn:`${L}__units--column`,unit:`${L}__unit`,unitRow:`${L}__unit--row`,unitTitleWrapper:`${L}__unitTitleWrapper`,unitTitle:`${L}__unitTitle`,tooltipIcon:`${L}__tooltipIcon`,unitValue:`${L}__unitValue`,bottomBlock:`${L}__bottomBlock`,tags:`${L}__tags`,tag:`${L}__tag`,button:`${L}__button`,buttonRounded:`${L}__button--rounded`,buttonAdditional:`${L}__button--additional`}),P={display:"inline-block",lineHeight:0,backfaceVisibility:"hidden"},E={width:"1em",height:"1em",overflowClipMargin:"content-box",overflow:"hidden"};function I(e){return{width:`${e}px`,height:`${e}px`,display:"inline-flex",alignItems:"center",justifyContent:"center"}}let O=e=>n.createElement("svg",{width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10a9.971 9.971 0 007.071-2.929A9.97 9.97 0 0022 12c0-5.523-4.477-10-10-10zM3.5 12a8.5 8.5 0 1117 0 8.5 8.5 0 01-17 0zm8.872-4.977C13.657 7.18 15 8.15 15 9.761c0 .698-.179 1.238-.504 1.665-.307.401-.704.644-.98.812-.313.191-.477.293-.595.43-.083.096-.17.246-.17.584a.75.75 0 01-1.5 0c0-.66.193-1.164.531-1.558.28-.326.64-.544.89-.695l.062-.037c.287-.175.452-.29.568-.442.096-.126.198-.335.198-.759 0-.633-.532-1.158-1.309-1.252-.716-.087-1.454.236-1.717 1.2a.75.75 0 01-1.447-.394c.486-1.78 1.998-2.454 3.345-2.292zM11.999 15a1 1 0 10.002 2 1 1 0 00-.002-2z",clipRule:"evenodd",fill:"currentColor",fillRule:"evenodd"}));function B({className:e,style:t,boxSize:a,size:l,onClick:i}){return n.createElement("span",{className:e,style:{...P,...i&&{cursor:"pointer"},...l&&{fontSize:`${l}px`},...a&&I(a),...t},...i?{role:"button",tabIndex:"0",onClick:i}:{}},n.createElement(O,{viewBox:"0 0 24 24",style:E}))}B.displayName="IconFdsQuestionCircleO";let S=e=>n.createElement("svg",{width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M13.328 2.869a1.444 1.444 0 00-2.65 0A694.174 694.174 0 008.47 7.85a648.96 648.96 0 00-5.196.656c-1.266.165-1.673 1.722-.823 2.553a641.289 641.289 0 003.856 3.748A704.06 704.06 0 005.29 20.22c-.214 1.16.995 2.24 2.15 1.572a650.04 650.04 0 004.562-2.66c1.504.887 3.346 1.956 4.564 2.66 1.154.667 2.363-.411 2.15-1.572a702.887 702.887 0 00-1.017-5.412 664.068 664.068 0 003.856-3.748c.85-.832.443-2.389-.824-2.553-1.383-.18-3.479-.45-5.195-.657a696.41 696.41 0 00-2.208-4.982z",clipRule:"evenodd",fill:"currentColor",fillRule:"evenodd"}));function R({className:e,style:t,boxSize:a,size:l,onClick:i}){return n.createElement("span",{className:e,style:{...P,...i&&{cursor:"pointer"},...l&&{fontSize:`${l}px`},...a&&I(a),...t},...i?{role:"button",tabIndex:"0",onClick:i}:{}},n.createElement(S,{viewBox:"0 0 24 24",style:E}))}R.displayName="IconFdsStarF";let U=({title:e,value:t,tooltip:a,textColor:l,unitsAsColumn:r,isTitleUnit:s})=>{let d;return(0,i.jsxs)("div",{className:(0,c.A)(W.unit,{[W.unitRow]:r}),children:[(0,i.jsxs)("div",{className:W.unitTitleWrapper,children:[(0,i.jsx)(o.E,{size:"14",className:W.unitTitle,children:e}),a&&(0,i.jsx)(v.m,{text:a,children:(0,i.jsx)(B,{className:W.tooltipIcon})})]}),(0,i.jsx)(o.E,{weight:"medium",size:s?"18":r?"16":"24",className:W.unitValue,style:{color:l},children:e.includes("Рейтинг")?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(R,{size:16,style:{color:"var(--color-orange-400)"}}),t]}):(d=t.split("₽")).map((e,t)=>(0,i.jsxs)(n.Fragment,{children:[e,t<d.length-1&&(0,i.jsx)(o.E,{weight:"regular",children:"₽"})]},`${e}-${t}`))})]})},D=({tags:e,isGrayTheme:t})=>{let a=t?"secondary":"primary";return(0,i.jsx)("div",{className:W.tags,children:e.sort((e,t)=>e.order-t.order).map(e=>(0,i.jsx)(f.v,{className:W.tag,label:e.label,variant:e.variant?e.variant:a,rounded:!0},e.label))})},V=({companyName:e,name:t,url:a,logo:l,units:n,tags:r,additionalButton:s,unitsAsColumn:o,dataLayerPush:h,eventCategory:p,productType:u,theme:m,buttonClassName:v,eventValueByUnitTitle:f})=>{let b=m===N.gray,y=a=>{(0,d.p)(h,u);let l={event:"data-event",eventCategory:p,eventAction:`click_button_${(0,_.t)(a)}_${u}`,eventLabel:(0,_.t)(`${e}_${t}`)};if(f){let e=n.find(e=>e.title.toLowerCase()===f.toLowerCase());e&&(l.eventValue=(0,_.t)(e.value))}h(l)};return(0,i.jsxs)("div",{className:(0,c.A)(W.wrapper,{[W.whiteWrapper]:b}),children:[(0,i.jsxs)("div",{className:W.bankInfo,children:[l&&(0,i.jsx)("img",{src:l,width:56,height:56,alt:`${e} logo`,loading:"lazy"}),(0,i.jsx)(U,{title:t,value:e,isTitleUnit:!0})]}),(0,i.jsx)("div",{className:(0,c.A)(W.units,{[W.unitsColumn]:o}),children:n.map(e=>(0,i.jsx)(U,{title:e.title,value:e.value,tooltip:e.tooltip,textColor:e.textColor,unitsAsColumn:o},`${e.title}-${e.value}`))}),(0,i.jsxs)("div",{className:W.bottomBlock,children:[r&&(0,i.jsx)(D,{tags:r,isGrayTheme:b}),s&&s.text.trim().length>0&&(0,i.jsx)(g.$,{as:"a",className:(0,c.A)(W.button,W.buttonRounded,W.buttonAdditional),size:"xs",label:s.text,href:null==s?void 0:s.url,variant:b?"secondary":"white",onClick:()=>y(s.text)}),(0,i.jsx)(g.$,{as:"a",className:(0,c.A)(W.button,v),size:"xs",label:"Подробнее",href:a,onClick:()=>y("podrobnee_o_kartochke_iz")})]})]})},q=(0,m.g)("offers-list","sc"),M=Object.freeze({offersList:q,wrapper:`${q}__wrapper`,sliderWrapper:`${q}__sliderWrapper`,offerItem:`${q}__offerItem`,compact:`${q}__offerItem--compact`,bannerItem:`${q}__bannerItem`}),F=({offers:e,banner:t,dataLayerPush:a,eventCategory:l,productType:n,theme:r,singleProduct:s})=>{let o=e.length<=2;return(0,i.jsxs)(u.A,{options:{slidesPerView:"auto",spaceBetween:0,autoplay:{delay:3e3,disableOnInteraction:!1}},breakpoints:{xl:{autoplay:!1}},className:M.sliderWrapper,pagination:!0,children:[e.slice(0,3).map(e=>(0,i.jsx)(u.D,{className:(0,c.A)(M.offerItem,{[M.compact]:s}),children:(0,i.jsx)(V,{...e,dataLayerPush:a,eventCategory:l,productType:n,theme:r})},e.id)),t&&(0,i.jsx)(u.D,{className:M.bannerItem,children:(0,i.jsx)(T,{...t,handleBannerDataLayerPush:()=>{(0,d.p)(a,n),a({event:"data-event",eventCategory:l,eventAction:"click_bnr_banner_top_predlozheniy",eventLabel:n})},wide:o,theme:r})})]},n)},H=(0,m.g)("osago-tab","sc"),G=Object.freeze({osagoTab:H,wrapper:`${H}__wrapper`,card:`${H}__card`,whiteCard:`${H}__card--white`,image:`${H}__image`,content:`${H}__content`,inputWrapper:`${H}__inputWrapper`,select:`${H}__select`,input:`${H}__input`,buttonLinkWrapper:`${H}__buttonLinkWrapper`,button:`${H}__button`,banner:`${H}__banner`}),Q={kasko:{title:"Рассчет Каско за минуту",description:"Выберите лучшие условия для оформления полиса",backgroundColor:{base:"#f1f5ff",hover:"#a3ceec"}},osago:{title:"ОСАГО с экономией до 78%",description:"Предварительная цена после ввода номера ТС",backgroundColor:{base:"#f1f5ff",hover:"#a3ceec"}}},J=[{label:"Мотоцикл",value:"moto"},{label:"Автомобиль",value:"auto"}],K=Object.fromEntries(J.map(e=>[e.value,e])),X={auto:{mask:"a 000 aa 00",placeholder:"A 000 AA 00"},moto:{mask:"0000 aa 00",placeholder:"0000 AA 00"}},Y="АВЕКМНОРСТУХ",Z=RegExp(`[${Y}]`,"i"),ee=RegExp(`[^0-9${Y}]`,"gi"),et=({type:e,baseUrl:t,s3Assets:a,banner:l,dataLayerPush:r,eventCategory:h,theme:p})=>{let u="osago"===e,m=(0,$.oq)(t,"osago"),v=(0,$.oq)(m,"step-car"),f=(0,$.oq)(t,"kasko"),w=(0,$.oq)(f,"vehicle"),j=u?v:w,[k,C]=(0,n.useState)(""),[A,z]=(0,n.useState)("auto"),{mask:L,placeholder:W}=X[A],P=p===N.gray,E=`?${new URLSearchParams({type:u?A:"auto",license:k})}`,I=(0,$.oq)(j,E),O=l??{...Q[e],url:u?m:f,image:a?{url:(0,$.oq)(a,`widgets/BestOffers/${u?"icon_osago":"icons_car"}.png`),width:204,height:160}:void 0},B=K[A].label,S=(t,a)=>{r({event:"data-event",eventCategory:h,eventAction:t,eventLabel:a??e})};return(0,i.jsxs)("div",{className:G.wrapper,children:[(0,i.jsxs)("div",{className:(0,c.A)(G.card,{[G.whiteCard]:P}),children:[a&&(0,i.jsx)("picture",{children:(0,i.jsx)("img",{src:`${a}/widgets/BestOffers/auto_bg.png`,alt:"Автомобиль",loading:"lazy",className:G.image})}),(0,i.jsxs)("div",{className:G.content,children:[(0,i.jsxs)(s.D,{as:"h3",type:"h3",children:["Онлайн калькулятор ",u?"ОСАГО":"Каско"]}),(0,i.jsxs)("div",{className:G.inputWrapper,children:[u&&(0,i.jsx)(x.l,{options:J,value:K[A],label:"Тип транспорта",variant:P?"primary":"secondary",className:G.select,onChange:e=>{C(""),z(e.value),S(`selector_item_${(0,_.t)(e.label)}`)}}),(0,i.jsx)(b.U,{label:"Госномер",variant:P?"primary":"secondary",maskOpts:{mask:L,definitions:{a:Z}},maskPlaceholder:W,value:k,className:G.input,onChange:(e,t)=>{C(t.replace(ee,"").toUpperCase())},onClick:()=>S(`message_field_${(0,_.t)(B)}`),onBlur:()=>S(`on_message_field_${(0,_.t)(B)}`)}),(0,i.jsxs)(o.E,{children:["У меня"," ",(0,i.jsx)(y.N,{href:j,onClick:()=>{(0,d.p)(r),S("click_link_net_nomera",j)},children:"нет номера"})]})]}),(0,i.jsx)(g.$,{as:"a",href:I,size:"s",className:G.button,onClick:()=>{(0,d.p)(r),S(`click_button_rasschitat_${(0,_.t)(B)}`,I)},children:"Рассчитать"})]})]}),(0,i.jsx)("div",{className:G.banner,children:(0,i.jsx)(T,{...O,theme:p,handleBannerDataLayerPush:()=>{(0,d.p)(r),S("click_bnr_banner_top_predlozheniy")}})})]})},ea=(0,m.g)("best-offers","sc"),el=Object.freeze({bestOffers:ea,graySection:`${ea}--gray`,singleProduct:`${ea}--singleProduct`,titleWrapper:`${ea}__title-wrapper`,singleProductTitleWrapper:`${ea}__title-wrapper--singleProduct`,title:`${ea}__title`,singleProductTitle:`${ea}__title--singleProduct`,chips:`${ea}__chips`,warning:`${ea}__warning`,allOffersLink:`${ea}__allOffersLink`}),ei={вклады:"вкладам",облигации:"облигациям",кредиты:"кредитам",займы:"займам","Кредитные карты":"кредитным картам",каско:"каско",осаго:"ОСАГО","дебетовые карты":"дебетовым картам",ипотека:"ипотеке",автокредиты:"автокредитам"},en=({tabs:e,baseUrl:t,s3Assets:a,eventCategory:l="best-offers",dataLayerPush:u,singleProduct:m=!1,theme:g=N.light,className:_,initialActiveChipId:v})=>{var f;let b,y=g===N.gray,x=Array.isArray(e)?e.filter(({banner:e,offers:t,productType:a})=>!!e||!!(null!=t&&t.length)||"osago"===a||"kasko"===a).map(e=>({...e,offers:Array.isArray(e.offers)?e.offers:[]})):[],$=x.map(e=>({url:e.productType,title:e.name})),w=(null==(f=$[0])?void 0:f.url)??"",[j,k]=(0,n.useState)(v??w),C=j&&x.some(e=>e.productType===j)?j:w,A=x.find(e=>e.productType===C)??x[0];if(!A)return null;let z=ei[A.name.toLowerCase()],T=z?`по ${z}`:A.name,L=("kasko"===(b=null==A?void 0:A.productType)||"osago"===b)&&t?(0,i.jsx)(et,{type:A.productType,banner:A.banner,baseUrl:t,s3Assets:a,dataLayerPush:u,eventCategory:l,theme:g}):null;return(0,i.jsx)("section",{className:(0,c.A)(el.bestOffers,_,{[el.singleProduct]:m,[el.graySection]:y}),children:(0,i.jsxs)(r.m,{children:[(0,i.jsx)("div",{className:(0,c.A)(el.titleWrapper,m&&el.singleProductTitleWrapper),children:(0,i.jsxs)(s.D,{as:"h2",type:m?"h2":"display",className:(0,c.A)(el.title,m&&el.singleProductTitle),children:["Лучшие предложения ",m?T:"сегодня"]})}),!m&&(0,i.jsx)(p.N,{items:$,maxNumberOfLines:2,activeChipId:C,variant:y?"white":"gray",className:el.chips,onClick:e=>{(0,d.p)(u,e),k(e);let t=x.find(t=>t.productType===e);u({event:"data-event",eventCategory:l,eventAction:"click_chip_top_predlozheniy_vybor",eventLabel:null==t?void 0:t.productType})}}),(0,i.jsxs)("div",{children:[L??(0,i.jsx)(F,{offers:A.offers,banner:A.banner,dataLayerPush:u,eventCategory:l,productType:A.productType,theme:g,singleProduct:m}),A.hasWarning&&(0,i.jsx)(o.E,{as:"p",size:"16",className:el.warning,children:A.warningCustomText??"Оценивайте свои финансовые возможности и риски. Изучите все условия кредита (займа)"})]}),A.checkAllUrl&&(0,i.jsx)(h.C,{href:A.checkAllUrl,onClick:()=>(0,d.p)(u,A.productType),event:{event:"data-event",eventCategory:l,eventAction:"link",eventLabel:`Показать все предложения ${A.productType}`},dataLayerPush:u,iconGrayBackground:!y,className:el.allOffersLink,linkClassName:A.checkAllLinkClassName,children:"Показать все предложения"})]})})}},91501:(e,t,a)=>{"use strict";a.d(t,{g:()=>l});let l=()=>Date.now().toString()+Math.random().toString(36).slice(2,9)},95124:()=>{}}]);