"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3389],{15771:function(e,a,t){t.d(a,{C:function(){return c}});var s=t(57437),r=t(80684),n=t(75461),i=t(61994);let l=(0,t(52074).g)("check-all","sc"),o=Object.freeze({wrapper:`${l}__wrapper`,link:`${l}__link`,icon:`${l}__icon`,iconGray:`${l}__icon--gray`}),c=({children:e,className:a,linkClassName:t,iconGrayBackground:l,Link:c=n.rU,event:p,href:d,dataLayerPush:u})=>(0,s.jsx)("div",{className:(0,i.Z)(o.wrapper,a),onClick:()=>{p&&u(p)},children:(0,s.jsxs)(c,{className:(0,i.Z)(o.link,t),href:d,children:[e,(0,s.jsx)("span",{className:(0,i.Z)(o.icon,{[o.iconGray]:l}),children:(0,s.jsx)(r.IconFdsArrowUpRightSmallO,{size:24})})]})})},20777:function(e,a,t){let s;t.d(a,{MJ:function(){return G}});var r=t(57437),n=t(35563),i=t(75461),l=t(61994),o=t(2265),c=t(15771),p=t(51626),d=t(80684),u=t(52074),m=t(31620),h=t(77337),_=((s=_||{}).light="light",s.gray="gray",s);let g=e=>"kasko"===e||"osago"===e,x=(0,u.g)("best-offers-banner","sc"),v=Object.freeze({bestOffersBaner:x,wrapper:`${x}__wrapper`,wideWrapper:`${x}__wrapper--wide`,whiteWrapper:`${x}__wrapper--white`,content:`${x}__content`,header:`${x}__header`,title:`${x}__title`,subtitle:`${x}__subtitle`,icon:`${x}__icon`,iconBlack:`${x}__icon--black`,image:`${x}__image`}),b=({title:e,image:a,url:t,description:s,backgroundColor:i,textColor:o,wide:c,theme:p,handleBannerDataLayerPush:u,className:m})=>{let h=p===_.gray,g={"--bg-base":(null==i?void 0:i.base)??(h?"var(--color-white)":"var(--color-gray-400)"),"--bg-hover":(null==i?void 0:i.hover)??"var(--color-gray-500)"};return(0,r.jsxs)("div",{className:(0,l.Z)(v.wrapper,m,{[v.wideWrapper]:c}),style:g,onClick:()=>{u(),window.open(t,"_blank")},children:[(0,r.jsxs)("div",{className:v.content,children:[(0,r.jsxs)("div",{className:v.header,children:[(0,r.jsx)(n.xv,{weight:"medium",size:"24",className:v.title,style:{color:o},children:e}),(0,r.jsx)("div",{className:(0,l.Z)(v.icon,{[v.iconBlack]:h}),children:(0,r.jsx)(d.IconFdsArrowUpRightSmallO,{size:32})})]}),s&&(0,r.jsx)(n.xv,{size:"16",style:{color:o},children:s})]}),(null==a?void 0:a.url)&&(0,r.jsx)("picture",{className:v.image,children:(0,r.jsx)("img",{src:a.url,width:a.width??150,height:a.height??"auto",alt:`Баннер ${e}`,loading:"lazy"})})]})},j=(0,u.g)("offer-card","sc"),f=Object.freeze({offerCard:j,wrapper:`${j}__wrapper`,whiteWrapper:`${j}__wrapper--white`,bankInfo:`${j}__bankInfo`,units:`${j}__units`,unitsColumn:`${j}__units--column`,unit:`${j}__unit`,unitRow:`${j}__unit--row`,unitTitleWrapper:`${j}__unitTitleWrapper`,unitTitle:`${j}__unitTitle`,tooltipIcon:`${j}__tooltipIcon`,unitValue:`${j}__unitValue`,bottomBlock:`${j}__bottomBlock`,tags:`${j}__tags`,tag:`${j}__tag`,button:`${j}__button`,buttonRounded:`${j}__button--rounded`}),y=e=>{let a=e.split("₽");return a.map((e,t)=>(0,r.jsxs)(o.Fragment,{children:[e,t<a.length-1&&(0,r.jsx)(n.xv,{fontFamily:"primary",weight:"regular",children:"₽"})]},`${e}-${t}`))},$=({title:e,value:a,tooltip:t,textColor:s,unitsAsColumn:o,isTitleUnit:c})=>(0,r.jsxs)("div",{className:(0,l.Z)(f.unit,{[f.unitRow]:o}),children:[(0,r.jsxs)("div",{className:f.unitTitleWrapper,children:[(0,r.jsx)(n.xv,{size:"14",className:f.unitTitle,children:e}),t&&(0,r.jsx)(i.u,{text:t,children:(0,r.jsx)(d.IconFdsQuestionCircleO,{className:f.tooltipIcon})})]}),(0,r.jsx)(n.xv,{weight:"medium",size:c?"18":o?"16":"24",className:f.unitValue,style:{color:s},children:e.includes("Рейтинг")?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(d.IconFdsStarF,{size:16,style:{color:"var(--color-orange-400)"}}),a]}):y(a)})]}),k=({tags:e,isGrayTheme:a})=>{let t=a?"secondary":"primary";return(0,r.jsx)("div",{className:f.tags,children:e.sort((e,a)=>e.order-a.order).map(e=>(0,r.jsx)(i.Vp,{className:f.tag,label:e.label,variant:e.variant?e.variant:t,rounded:!0},e.label))})},w=({companyName:e,name:a,url:t,logo:s,units:n,tags:o,additionalButton:c,unitsAsColumn:p,dataLayerPush:d,eventCategory:u,productType:h,theme:g,buttonClassName:x,eventValueByUnitTitle:v})=>{let b=g===_.gray,j=t=>{let s={event:"data-event",eventCategory:u,eventAction:`click_button_${(0,m.t)(t)}_${h}`,eventLabel:(0,m.t)(`${e}_${a}`)};if(v){let e=n.find(e=>e.title.toLowerCase()===v.toLowerCase());e&&(s.eventValue=(0,m.t)(e.value))}d(s)};return(0,r.jsxs)("div",{className:(0,l.Z)(f.wrapper,{[f.whiteWrapper]:b}),children:[(0,r.jsxs)("div",{className:f.bankInfo,children:[s&&(0,r.jsx)("img",{src:s,width:56,height:56,alt:`${e} logo`}),(0,r.jsx)($,{title:a,value:e,isTitleUnit:!0})]}),(0,r.jsx)("div",{className:(0,l.Z)(f.units,{[f.unitsColumn]:p}),children:n.map(e=>(0,r.jsx)($,{title:e.title,value:e.value,tooltip:e.tooltip,textColor:e.textColor,unitsAsColumn:p},`${e.title}-${e.value}`))}),(0,r.jsxs)("div",{className:f.bottomBlock,children:[o&&(0,r.jsx)(k,{tags:o,isGrayTheme:b}),c&&(0,r.jsx)(i.zx,{as:"a",className:(0,l.Z)(f.button,f.buttonRounded),size:"xs",label:c.text,href:c.url,variant:"white",onClick:()=>j(c.text)}),(0,r.jsx)(i.zx,{as:"a",className:(0,l.Z)(f.button,x),size:"xs",label:"Подробнее",href:t,onClick:()=>j("podrobnee_o_kartochke_iz")})]})]})},C=(0,u.g)("offers-list","sc"),N=Object.freeze({offersList:C,wrapper:`${C}__wrapper`,sliderWrapper:`${C}__sliderWrapper`,offerItem:`${C}__offerItem`,compact:`${C}__offerItem--compact`,bannerItem:`${C}__bannerItem`}),A=({offers:e,banner:a,dataLayerPush:t,eventCategory:s,productType:n,theme:o,singleProduct:c})=>{let p=e.length<=2;return(0,r.jsxs)(i.iR,{options:{slidesPerView:"auto",spaceBetween:0,autoplay:{delay:3e3,disableOnInteraction:!1}},breakpoints:{xl:{autoplay:!1}},className:N.sliderWrapper,pagination:!0,children:[e.slice(0,3).map(e=>(0,r.jsx)(i.wI,{className:(0,l.Z)(N.offerItem,{[N.compact]:c}),children:(0,r.jsx)(w,{...e,dataLayerPush:t,eventCategory:s,productType:n,theme:o})},e.id)),a&&(0,r.jsx)(i.wI,{className:N.bannerItem,children:(0,r.jsx)(b,{...a,handleBannerDataLayerPush:()=>{t({event:"data-event",eventCategory:s,eventAction:"click_bnr_banner_top_predlozheniy",eventLabel:n})},wide:p,theme:o})})]},n)},T=(0,u.g)("osago-tab","sc"),L=Object.freeze({osagoTab:T,wrapper:`${T}__wrapper`,card:`${T}__card`,whiteCard:`${T}__card--white`,image:`${T}__image`,content:`${T}__content`,inputWrapper:`${T}__inputWrapper`,select:`${T}__select`,input:`${T}__input`,buttonLinkWrapper:`${T}__buttonLinkWrapper`,button:`${T}__button`,banner:`${T}__banner`}),z={kasko:{title:"Рассчет Каско за минуту",description:"Выберите лучшие условия для оформления полиса",backgroundColor:{base:"#f1f5ff",hover:"#a3ceec"}},osago:{title:"ОСАГО с экономией до 78%",description:"Предварительная цена после ввода номера ТС",backgroundColor:{base:"#f1f5ff",hover:"#a3ceec"}}},P=[{label:"Мотоцикл",value:"moto"},{label:"Автомобиль",value:"auto"}],O=Object.fromEntries(P.map(e=>[e.value,e])),W={auto:{mask:"a 000 aa 00",placeholder:"A 000 AA 00"},moto:{mask:"0000 aa 00",placeholder:"0000 AA 00"}},B="АВЕКМНОРСТУХ",I=RegExp(`[${B}]`,"i"),S=RegExp(`[^0-9${B}]`,"gi"),Z=({type:e,baseUrl:a,s3Assets:t,banner:s,dataLayerPush:c,eventCategory:p,theme:d})=>{let u="osago"===e,g=(0,h.xn)(a,"osago"),x=(0,h.xn)(g,"step-car"),v=(0,h.xn)(a,"kasko"),j=(0,h.xn)(v,"vehicle"),f=u?x:j,[y,$]=(0,o.useState)(""),[k,w]=(0,o.useState)("auto"),{mask:C,placeholder:N}=W[k],A=d===_.gray,T=`?${new URLSearchParams({type:u?k:"auto",license:y})}`,B=(0,h.xn)(f,T),Z=s??{...z[e],url:u?g:v,image:t?{url:(0,h.xn)(t,`pl-common-blocks-renderer/topOffers/${u?"icon_osago":"icons_car"}.png`),width:204,height:160}:void 0},U=O[k].label,R=(a,t)=>{c({event:"data-event",eventCategory:p,eventAction:a,eventLabel:t??e})};return(0,r.jsxs)("div",{className:L.wrapper,children:[(0,r.jsxs)("div",{className:(0,l.Z)(L.card,{[L.whiteCard]:A}),children:[t&&(0,r.jsx)("picture",{children:(0,r.jsx)("img",{src:`${t}/pl-common-blocks-renderer/topOffers/auto_bg.png`,alt:"Автомобиль",loading:"lazy",className:L.image})}),(0,r.jsxs)("div",{className:L.content,children:[(0,r.jsxs)(n.X6,{as:"h3",type:"h3",children:["Онлайн калькулятор ",u?"ОСАГО":"Каско"]}),(0,r.jsxs)("div",{className:L.inputWrapper,children:[u&&(0,r.jsx)(i.Ph,{options:P,value:O[k],label:"Тип транспорта",variant:A?"primary":"secondary",className:L.select,onChange:e=>{$(""),w(e.value),R(`selector_item_${(0,m.t)(e.label)}`)}}),(0,r.jsx)(i.An,{label:"Госномер",variant:A?"primary":"secondary",maskOpts:{mask:C,definitions:{a:I}},maskPlaceholder:N,value:y,className:L.input,onChange:(e,a)=>{$(a.replace(S,"").toUpperCase())},onClick:()=>R(`message_field_${(0,m.t)(U)}`),onBlur:()=>R(`on_message_field_${(0,m.t)(U)}`)}),(0,r.jsxs)(n.xv,{children:["У меня"," ",(0,r.jsx)(i.rU,{href:f,onClick:()=>{R("click_link_net_nomera",f)},children:"нет номера"})]})]}),(0,r.jsx)(i.zx,{as:"a",href:B,size:"s",className:L.button,onClick:()=>{R(`click_button_rasschitat_${(0,m.t)(U)}`,B)},children:"Рассчитать"})]})]}),(0,r.jsx)("div",{className:L.banner,children:(0,r.jsx)(b,{...Z,handleBannerDataLayerPush:()=>{R("click_bnr_banner_top_predlozheniy")}})})]})},U=(0,u.g)("best-offers","sc"),R=Object.freeze({bestOffers:U,graySection:`${U}--gray`,singleProduct:`${U}--singleProduct`,title:`${U}__title`,singleProductTitle:`${U}__title--singleProduct`,chips:`${U}__chips`,warning:`${U}__warning`,allOffersLink:`${U}__allOffersLink`}),F={вклады:"вкладам",облигации:"облигациям",кредиты:"кредитам",займы:"займам","Кредитные карты":"кредитным картам",каско:"каско",осаго:"ОСАГО","дебетовые карты":"дебетовым картам",ипотека:"ипотеке",автокредиты:"автокредитам"},G=({tabs:e,baseUrl:a,s3Assets:t,eventCategory:s="best-offers",dataLayerPush:d,singleProduct:u=!1,theme:m=_.light})=>{let h=m===_.gray,x=e.map(e=>({url:e.productType,title:e.name})),[v,b]=(0,o.useState)(x[0].url),j=e.find(e=>e.productType===v)??e[0],f=(0,i._m)("xl"),y=F[j.name.toLowerCase()],$=y?`по ${y}`:j.name,k=g(null==j?void 0:j.productType)&&a?(0,r.jsx)(Z,{type:j.productType,banner:j.banner,baseUrl:a,s3Assets:t,dataLayerPush:d,eventCategory:s,theme:m}):null;return(0,r.jsx)("section",{className:(0,l.Z)(R.bestOffers,{[R.singleProduct]:u,[R.graySection]:h}),children:(0,r.jsxs)(n.W2,{children:[(0,r.jsxs)(n.X6,{as:"h2",type:u?"h2":"display",className:(0,l.Z)(R.title,!u&&(f?"mb-8":"mb-6"),u&&(0,l.Z)("mb-0",R.singleProductTitle)),children:["Лучшие предложения ",u?$:"сегодня"]}),!u&&(0,r.jsx)(p.N,{items:x,maxNumberOfLines:2,activeChipId:v,variant:h?"white":"gray",className:R.chips,onClick:a=>{b(a);let t=e.find(e=>e.productType===a);d({event:"data-event",eventCategory:s,eventAction:"click_chip_top_predlozheniy_vybor",eventLabel:null==t?void 0:t.productType})}}),(0,r.jsxs)("div",{children:[k??(0,r.jsx)(A,{offers:j.offers,banner:j.banner,dataLayerPush:d,eventCategory:s,productType:j.productType,theme:m,singleProduct:u}),j.hasWarning&&(0,r.jsx)(n.xv,{as:"p",size:"16",className:R.warning,children:j.warningCustomText??"Оценивайте свои финансовые возможности и риски. Изучите все условия кредита (займа)"})]}),j.checkAllUrl&&(0,r.jsx)(c.C,{href:j.checkAllUrl,event:{event:"data-event",eventCategory:s,eventAction:"link",eventLabel:`Показать все предложения ${j.productType}`},dataLayerPush:d,iconGrayBackground:!h,className:R.allOffersLink,linkClassName:j.checkAllLinkClassName,children:"Показать все предложения"})]})})}},17730:function(e,a,t){t.d(a,{B:function(){return j}});var s=t(57437),r=t(35563),n=t(61994),i=t(80684),l=t(75461),o=t(10992),c=t(52074),p=t(2265);let d=(0,c.g)("support","sc"),u=Object.freeze({support:d,title:`${d}__title`,cardsContainer:`${d}__cards-container`}),m="cb-support",h=(0,c.g)("support-app-card","sc"),_=Object.freeze({supportAppCard:h,textWrapper:`${h}__text-wrapper`,imageContainer:`${h}__image-container`,title:`${h}__title`,description:`${h}__description`,icon:`${h}__icon`,imageWrapper:`${h}__image-wrapper`,image:`${h}__image`}),g=({title:e,linkUrl:a,s3Assets:t,description:r})=>{let n=(0,l.aF)("s");return(0,s.jsxs)("div",{className:_.supportAppCard,onClick:()=>{n&&((0,o.h)({eventCategory:m,eventActionType:o.D.banner,eventActionText:e,eventLabel:a}),window.open(a,"_blank","noreferrer"))},children:[(0,s.jsx)(i.IconFdsArrowUpRightSmallO,{className:_.icon,size:32}),(0,s.jsxs)("div",{className:_.textWrapper,children:[(0,s.jsx)("div",{className:_.title,children:e}),!!r&&(0,s.jsx)("div",{className:_.description,children:r})]}),(0,s.jsx)("div",{className:_.imageContainer,children:(0,s.jsxs)("picture",{className:_.imageWrapper,children:[(0,s.jsx)("source",{media:"(max-width: 767px)",srcSet:`${t}/mp-assets/widgets/SupportBlock/mobile-app.png 1x, ${t}/mp-assets/widgets/SupportBlock/mobile-app@2x.png 2x`}),(0,s.jsx)("img",{className:_.image,loading:"lazy",src:`${t}/mp-assets/widgets/SupportBlock/qr-code-mobile-app.jpg`,srcSet:`${t}/mp-assets/widgets/SupportBlock/qr-code-mobile-app.jpg 1x, ${t}/mp-assets/widgets/SupportBlock/qr-code-mobile-app@2x.jpg 2x`})]})})]})},x=(0,c.g)("support-phone-card","sc"),v=Object.freeze({supportPhoneCard:x,contacts:`${x}__contacts`,phone:`${x}__phone`,chat:`${x}__chat`,info:`${x}__info`,image:`${x}__image`}),b=({phones:e,description:a,s3Assets:t})=>{let r=(0,p.useCallback)(()=>{var e,a,t;null==(t=null==(a=null==(e=null==window?void 0:window.supportWidget)?void 0:e.craftTalk)?void 0:a.open)||t.call(a),(0,o.h)({eventCategory:m,eventActionType:o.D.button,eventActionText:"messenger",eventLabel:"chat"})},[]),n=e=>{let a=e.replace(/[\s-]/g,"");(0,o.h)({eventCategory:m,eventActionType:o.D.link,eventActionText:"phone",eventLabel:a})};return(0,s.jsxs)("div",{className:v.supportPhoneCard,children:[(0,s.jsxs)("div",{className:v.contacts,children:[e.map(e=>(0,s.jsx)("a",{className:v.phone,href:e.href,onClick:()=>n(e.label),children:e.label},e.label)),(0,s.jsx)("span",{className:v.chat,onClick:r,children:"Онлайн чат"})]}),(0,s.jsx)("div",{className:v.info,children:a}),(0,s.jsx)("img",{className:v.image,src:`${t}/mp-assets/widgets/SupportBlock/bannerSupportGirl.png`})]})},j=({className:e,phoneCard:a,appCard:t,s3Assets:i})=>(0,s.jsx)("section",{className:(0,n.Z)(u.support,e),children:(0,s.jsxs)(r.W2,{children:[(0,s.jsx)(r.X6,{as:"h2",type:"display",weight:"bold",className:(0,n.Z)(u.title,"mb-6"),children:"Поддержка"}),(0,s.jsxs)("div",{className:u.cardsContainer,children:[(0,s.jsx)(b,{s3Assets:i,...a}),(0,s.jsx)(g,{s3Assets:i,...t})]})]})});j.displayName="Support"}}]);