https://trendvision.ru/_next/static/chunks/pages/shtatnye-videoregistratory-8242f546057fd7f1.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[675],{91750:function(e,l,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/shtatnye-videoregistratory",function(){return t(78941)}])},78941:function(e,l,t){"use strict";t.r(l),t.d(l,{DashcamPage:function(){return eq},default:function(){return eF}});var a=t(65612),r=t(41564),s=t(99926),n=t(98656),o=t(57881),i=t(1059);let c=function(e){let{delay:l=0,amount:t=.5}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return{"data-reveal":"",initial:"hidden",whileInView:"show",viewport:(0,i.Cv)(t),variants:e,custom:l}},d=e=>.1*Math.min(e,4);var x=e=>{let{items:l=[]}=e;return l.length>0&&(0,a.jsx)("section",{id:"dashcam-advantages","aria-label":"Преимущества",className:"bg-offer-white pt-20 lg:py-14",children:(0,a.jsx)(i.y,{children:(0,a.jsx)("ul",{className:"grid grid-cols-4 gap-8 lg:flex lg:flex-col lg:gap-0",children:l.map((e,l)=>(0,a.jsxs)(n.E.li,{...c(i.Tc,{delay:l%4*.1}),className:"flex h-[165.47px] flex-col items-start gap-4",children:[e.icon&&(0,a.jsx)(o.Z,{data:e.icon,width:64,height:64,className:"h-16 w-16"}),(0,a.jsx)("h3",{className:"text-offer-h3",children:e.title}),e.text&&(0,a.jsx)("p",{className:"text-offer-p text-offer-muted",children:e.text})]},e.id))})})})};let f=["front","front_rear","front_rear_cabin"],p={front:"Передняя камера",front_rear:"Передняя + задняя камера",front_rear_cabin:"Передняя + задняя + салонная"},m=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],l=arguments.length>1?arguments[1]:void 0;return(e||[]).find(e=>e.id===l)||null},u=(e,l,t)=>{var a;return e.yearFrom<=l&&l<=(null!==(a=e.yearTo)&&void 0!==a?a:t)},h=(e,l)=>{let t=new Set;return((null==e?void 0:e.fitments)||[]).forEach(e=>{let{yearFrom:a,yearTo:r}=e,s=null!=r?r:l;for(let e=a;e<=s;e+=1)t.add(e)}),[...t].sort((e,l)=>l-e)},g=(e,l,t,a)=>l&&t?((null==e?void 0:e.housings)||[]).flatMap(e=>{let r=l.fitments.find(l=>l.housingId===e.id&&u(l,t,a));return r?[{housing:e,fitment:r}]:[]}):[],b=e=>((null==e?void 0:e.housings)||[]).filter(e=>{let{universal:l}=e;return!0===l}),j=RegExp("[^\\p{L}\\p{N}]+","u"),v=(e,l)=>{let t=String(e).toLowerCase().split(j),a=t.map((e,l)=>t.slice(l).join(""));return String(l).toLowerCase().split(/\s+/).map(e=>e.split(j).join("")).filter(Boolean).every(e=>a.some(l=>l.startsWith(e)))},N=e=>f.filter(l=>e.some(e=>{let{housing:t}=e;return t.cameras.includes(l)})),w=(e,l)=>l?e.filter(e=>{let{housing:t}=e;return!t.cameras.length||t.cameras.includes(l)}):e,y=e=>{let{yearFrom:l,yearTo:t}=e;return"".concat(l,"–").concat(null!=t?t:"н. в.")};var k=t(67777),C=t(68018),_=e=>{let{isOpen:l,onClose:t,label:r,className:s,children:n}=e;return((0,C.Z)(l,t),l)?(0,a.jsx)(k.Z,{children:(0,a.jsx)("div",{"data-testid":"dashcam-modal-overlay",className:"fixed inset-0 z-[150] flex overflow-y-auto bg-[rgb(0_0_0/0.6)] p-4 backdrop-blur-[8px] md:px-[15px]",onClick:e=>{e.target===e.currentTarget&&t()},children:(0,a.jsxs)("div",{role:"dialog","aria-modal":"true","aria-label":r,className:(0,i.jg)("relative m-auto w-full overflow-hidden rounded-[24px] bg-offer-white text-offer-ink shadow-[0_25px_50px_-12px_rgb(0_0_0/0.25)]",s),children:[(0,a.jsx)("button",{type:"button","aria-label":"Закрыть",onClick:t,className:"absolute right-5 top-5 z-10 text-[20px] leading-[20px] text-offer-muted transition-colors hover:text-offer-ink",children:(0,a.jsx)("span",{"aria-hidden":"true",children:"✕"})}),n]})})}):null};let E="flex h-[54.67px] flex-1 items-center justify-center rounded-[12px] text-offer-p transition-colors md:h-[53.33px] md:w-full md:flex-none";var I=e=>{let{details:l,content:t={},brand:r,model:s,camera:n,onBuy:o,onClose:i}=e,c=String(t.features||"").split("\n").map(e=>e.trim()).filter(Boolean),d=l?[["Автомобиль",l.fitment&&"".concat(r.name," ").concat(s.name)],["Годы выпуска",l.fitment&&y(l.fitment)],["Конфигурация",n&&p[n]],["Разрешение",t.resolution],["Гарантия",t.warranty]].filter(e=>{let[,l]=e;return l}):[];return(0,a.jsx)(_,{isOpen:!!l,onClose:i,label:null==l?void 0:l.housing.name,className:"max-w-[720px] md:max-w-[330px]",children:l&&(0,a.jsxs)("div",{className:"flex flex-col gap-[30px] md:gap-0",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex items-center gap-6 bg-offer-surface px-10 pb-8 pt-10 md:gap-[15px] md:px-[25px] md:py-10",children:[(0,a.jsx)("span",{className:"flex h-16 w-16 flex-none items-center justify-center rounded-[16px] bg-

1offer-white",children:(0,a.jsx)("img",{alt:"","aria-hidden":"true",src:"/icons/dashcam-video-square.svg",className:"h-6 w-6"})}),(0,a.jsxs)("div",{className:"min-w-0 pr-8",children:[(0,a.jsx)("p",{className:"text-offer-p text-offer-muted",children:"Штатный видеорегистратор"}),(0,a.jsx)("h2",{className:"pt-1 text-[18px] font-medium leading-[1.3]",children:l.housing.name})]})]}),(0,a.jsxs)("div",{className:"grid grid-cols-2 gap-8 px-10 pb-[26px] pt-10 md:grid-cols-1 md:gap-5 md:px-[25px] md:pb-12 md:pt-8",children:[c.length>0&&(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-offer-pb leading-[22px] md:leading-5",children:"Особенности"}),(0,a.jsx)("ul",{className:"flex flex-col gap-3 pt-4 md:-mr-1",children:c.map(e=>(0,a.jsxs)("li",{className:"flex items-start gap-3 text-[14px] leading-[1.5]",children:[(0,a.jsx)("img",{alt:"","aria-hidden":"true",src:"/icons/dashcam-check.svg",className:"mt-px h-[18px] w-[18px] flex-none"}),e]},e))})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-offer-pb leading-[22px] md:leading-5",children:"Характеристики"}),(0,a.jsx)("dl",{className:"pt-4 text-offer-p",children:d.map(e=>{let[l,t]=e;return(0,a.jsxs)("div",{className:"flex justify-between gap-4 border-b-[1.333px] border-offer-line py-[10px]",children:[(0,a.jsx)("dt",{className:"text-offer-muted",children:l}),(0,a.jsx)("dd",{className:"text-right",children:t})]},l)})})]})]})]}),(0,a.jsxs)("div",{className:"flex gap-3 px-10 pb-10 md:flex-col md:px-8 md:pb-8",children:[(0,a.jsx)("button",{type:"button",className:"".concat(E," bg-offer-accent text-offer-white hover:bg-offer-accent-2"),onClick:o,children:"Купить"}),(0,a.jsx)("button",{type:"button",className:"".concat(E," border border-offer-line hover:bg-offer-surface"),onClick:i,children:"Закрыть"})]})]})})};let T="pointer-events-none absolute h-[846px] w-[557px] max-w-none opacity-30 lg:h-[580px] lg:w-[382px]";var M=e=>{let{hero:l={},onCtaClick:t}=e;return(0,a.jsxs)("section",{id:"dashcam-hero","aria-label":"Штатные видеорегистраторы",className:"relative overflow-hidden bg-offer-ink text-offer-white",children:[(0,a.jsx)("div",{"aria-hidden":"true",className:"pointer-events-none absolute left-[calc(50%+114px)] top-[-215px] h-[340px] w-[968px] -translate-x-1/2 rounded-full bg-offer-accent blur-[142.866px] lg:left-[calc(50%+41px)] lg:top-[219px] lg:h-[179px] lg:w-[510px]"}),(0,a.jsx)(i.y,{className:"h-[617px] lg:h-[681px]",children:(0,a.jsxs)("div",{className:"relative h-full lg:mx-auto lg:w-[330px]",children:[(0,a.jsx)("img",{alt:"","aria-hidden":"true",src:"/images/dashcam-hero-rays.svg",className:"".concat(T," left-[593.12px] top-[-491.77px] lg:hidden")}),(0,a.jsx)("img",{alt:"","aria-hidden":"true",src:"/images/dashcam-hero-rays.svg",className:"".concat(T," left-[900.12px] top-[-263.77px] lg:left-[169.97px] lg:top-[-65.21px]")}),l.image&&(0,a.jsx)(o.Z,{data:l.image,format:"xlarge",width:1091,height:1050,priority:!0,className:"absolute left-[616px] top-[7px] h-[1050px] w-[1091px] max-w-none object-cover motion-safe:animate-offer-zoom lg:left-[19px] lg:top-[212px] lg:h-[505px] lg:w-[525px]"}),l.imageSmall&&(0,a.jsx)("div",{className:"absolute left-[616px] top-[313px] h-[228px] w-[228px] overflow-hidden rounded-[30px] border-[3px] border-offer-white [--offer-delay:300ms] motion-safe:animate-offer-pop lg:left-[20px] lg:top-[374px] lg:h-[130px] lg:w-[130px] lg:rounded-[20px]",children:(0,a.jsx)(o.Z,{data:l.imageSmall,format:"small",width:228,height:228,quality:85,className:"h-full w-full object-cover"})}),(0,a.jsxs)("div",{className:"relative flex w-[564px] flex-col items-start gap-[178px] pt-[76px] lg:w-auto lg:gap-0 lg:pt-[55px]",children:[(0,a.jsxs)("div",{className:"flex w-[513px] flex-col gap-2 lg:w-auto lg:gap-[25px]",children:[(0,a.jsx)(i.ko,{as:"h1",text:l.title,className:"whitespace-nowrap text-dashcam-h1 motion-safe:animate-offer-rise"}),l.subtitle&&(0,a.jsx)("p",{className:"w-[291px] text-offer-p [--offer-delay:120ms] motion-safe:animate-offer-rise lg:w-[290px]",children:l.subt

1itle})]}),l.ctaLabel&&(0,a.jsx)(i.ph,{onClick:t,className:"w-[271px] [--offer-delay:240ms] motion-safe:animate-offer-rise lg:absolute lg:left-0 lg:top-[559px] lg:w-full",children:l.ctaLabel})]})]})})]})},S=t(42326),L=t(55037),Z=t(651),B=t(81548);let P=[{label:"Выбрать модель",href:"#dashcam-picker"},{label:"Преимущества",href:"#dashcam-advantages"},{label:"Контакты",href:"#contacts"}];var q=e=>{let{defaultMeta:l,pageMeta:t,canonicalPath:r,onLeadCtaClick:s,children:n}=e;return(0,a.jsxs)("div",{"data-offer-theme":!0,"data-dashcam-theme":!0,className:"flex min-h-screen flex-col bg-offer-white font-sans text-offer-ink",children:[(0,a.jsx)(L.Z,{...t||l,canonicalPath:r}),(0,a.jsx)(B.Z,{navigation:P}),(0,a.jsx)("noscript",{children:(0,a.jsx)("style",{children:"[data-reveal]{opacity:1!important;transform:none!important}"})}),(0,a.jsx)("main",{id:"main",className:"grow",children:(0,a.jsx)(S.A,{reducedMotion:"user",children:n})}),(0,a.jsx)(Z.Z,{navigation:P,ctaLabel:"Обсудить сотрудничество",onCtaClick:s})]})}

1,F=t(29943),D=t(53622),O=t(57983),R=t(54505),Q=t.n(R),V=t(2404);let z="block pb-[6px] text-offer-p",W="h-[50.47px] w-full rounded-[12px] border-[1.25px] border-offer-line bg-offer-white px-4 text-offer-p text-offer-ink outline-none placeholder:text-offer-muted focus:border-offer-accent md:h-[50.67px] md:border-[1.333px] md:text-[16px]",X="mt-2 text-offer-p2 text-offer-error",A=e=>O.Ry({phone:O.Z_().transform((e,l)=>(0,V.UK)(l)).required("Укажите телефон").matches(/^\+7\d{10}$/,"Введите корректный номер"),website:O.Z_(),...e&&{carText:O.Z_().trim().required("Укажите марку, модель и год").min(2,"Укажите марку, модель и год").max(200,"Не больше 200 символов")}}),Y=e=>{var l,t,a;return(null==e?void 0:null===(a=e.response)||void 0===a?void 0:null===(t=a.data)||void 0===t?void 0:null===(l=t.error)||void 0===l?void 0:l.message)||"Не удалось отправить заявку. Попробуйте ещё раз."};var U=e=>{var l;let{withCar:t=!1,defaultCarText:s="",onSubmit:n}=e,o=(0,r.useId)(),i=e=>"dashcam-".concat(e,"-").concat(o),{register:c,handleSubmit:d,setError:x,formState:{errors:f,isSubmitting:p}}=(0,F.cI)({defaultValues:{phone:"",website:"",carText:s},resolver:(0,D.X)(A(t))}),m=async e=>{try{await n({...e,consent:!0})}catch(e){x("root.serverError",{type:"server",message:Y(e)})}};return(0,a.jsxs)("form",{className:"flex flex-col gap-[30px] pt-[35px] md:gap-4 md:pt-6",onSubmit:d(m),noValidate:!0,children:[(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[t&&(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{htmlFor:i("car"),className:z,children:"Марка, модель, год"}),(0,a.jsx)("input",{id:i("car"),className:W,"aria-invalid":!!f.carText,...c("carText")}),f.carText&&(0,a.jsx)("p",{role:"alert",className:X,children:f.carText.message})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{htmlFor:i("phone"),className:z,children:"Номер телефона"}),(0,a.jsx)("input",{id:i("phone"),className:W,type:"tel",inputMode:"tel",autoComplete:"tel",placeholder:"+7 (___) ___-__-__","aria-invalid":!!f.phone,...c("phone")}),f.phone&&(0,a.jsx)("p",{role:"alert",className:X,children:f.phone.message})]}),(0,a.jsxs)("div",{className:"sr-only","aria-hidden":"true",children:[(0,a.jsx)("label",{htmlFor:i("website"),children:"Сайт"}),(0,a.jsx)("input",{id:i("website"),tabIndex:-1,autoComplete:"off",...c("website")})]}),(0,a.jsxs)("p",{className:"text-offer-p text-offer-muted",children:["Нажимая кнопку, вы соглашаетесь с"," ",(0,a.jsx)(Q(),{href:"/privacy-policy",className:"transition-colors hover:text-offer-ink hover:underline",children:"политикой обработки персональных данных"}),"."]}),(null===(l=f.root)||void 0===l?void 0:l.serverError)&&(0,a.jsx)("p",{role:"alert",className:X,children:f.root.serverError.message})]}),(0,a.jsx)("button",{type:"submit",className:"flex w-full items-center justify-center rounded-[12px] bg-offer-accent py-[14px] text-offer-p text-offer-white transition-colors hover:bg-offer-accent-2 disabled:opacity-60",disabled:p,children:"Отправить заявку"})]})};let H={buy:{title:"Оформить заказ",text:"Оставьте номер телефона — мы свяжемся и поможем с оформлением заказа"},universal:{title:"Оформить заказ",text:"Укажите автомобиль и телефон — мы свяжемся и поможем с оформлением заказа"},selection:{title:"Подбор регистратора",text:"Оставьте телефон — подберём регистратор под ваш автомобиль."}},K={title:"Заявка отправлена",text:"Менеджер перезвонит вам в ближайшее время."};var $=e=>{let{lead:l}=e,{lead:t,isOpen:r,isSubmitted:s,close:n,submit:o}=l,{title:i,text:c}=s?K:t&&H[t.universal?"universal":t.mode]||{};return(0,a.jsxs)(_,{isOpen:r,onClose:n,label:i,className:"max-w-[460px] p-10 md:max-w-[330px] md:px-[25px] md:py-10",children:[(0,a.jsxs)("div",{role:s?"status":void 0,children:[(0,a.jsx)("h2",{className:"pr-6 text-offer-h2",children:i}),(0,a.jsx)("p",{className:"pt-[19px] text-offer-p text-offer-muted md:pt-1",children:c})]}),!s&&t&&(0,a.jsx)(U,{withCar:"selection"===t.mode||t.universal,defaultCarText:t.carText,onSubmit:o},t.key)]})},G=e=>{let{block:l={},onCta:t}=e;return(0,a.jsx)("section",{id:"dashcam-not-found","aria-label":"Не нашли свой автомобиль?",className:"bg-offer-white py-20 lg:bg-offer-surface",children:(0,a.jsx)(i.y,{children:(0,a.jsxs)(n.E.div,{...c(i.aQ,{amount:.3}),className:"relative flex h-[532px] w-full flex-col items-start rounded-[30px] bg-offer-surface pl-[60px] pt-[84.91px] lg:h-auto lg:rounded-none lg:p-0",children:[(0,a.jsx)(i.ko,{as:"h2",text:l.title,className:"w-[546px] text-dashcam-h2 lg:w-full"}),l.image&&(0,a.jsx)(o.Z,{data:l.image,format:"medium",width:594,height:472,quality:85,className:"absolute left-[656px] top-[30.46px] h-[472px] w-[calc(100%-686px)] rounded-[30px] object-cover lg:static lg:mt-10 lg:h-[262px] lg:w-[330px]"}),(l.managerName||l.text)&&(0,a.jsxs)(n.E.div,{...c(i.Tc,{delay:.2}),className:"mt-[25px] flex gap-[30px] lg:mt-10",children:[l.managerPhoto&&(0,a.jsx)(o.Z,{data:l.managerPhoto,width:80,height:80,className:"h-20 w-20 flex-none rounded-full lg:mt-[0.36px]"}),(0,a.jsxs)("div",{className:"pt-[6.64px] lg:pt-0",children:[l.managerName&&(0,a.jsx)("p",{className:"text-offer-h3 leading-[1.5]",children:l.managerName}),l.text&&(0,a.jsx)("p",{className:"mt-[4.36px] w-[354px] text-offer-p text-offer-muted lg:mt-[8.36px] lg:w-[220px]",children:l.text})]})]}),(0,a.jsx)(n.E.div,{...c(i.Tc,{delay:.3}),className:"mt-[106px] lg:mt-10 lg:w-full",children:(0,a.jsx)(i.ph,{onClick:t,className:"w-[240px] bg-offer-ink hover:bg-offer-ink/90 lg:w-full",children:l.ctaLabel})})]})})})},J=t(84933),ee=t(32817);let el=e=>{let{className:l=""}=e;return(0,a.jsx)("svg",{"aria-hidden":"true",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:l,children:(0,a.jsx)("path",{d:"M4 7L10 13L16 7"})})},et=e=>(0,a.jsx)(J.c.DropdownIndicator,{...e,children:(0,a.jsx)(el,{className:"text-offer-accent-soft"})}),ea={control:e=>{let{isFocused:l}=e;return"h-[50.5px] cursor-text rounded-[12px] border-[1.25px] bg-

1offer-white pl-[15px] pr-3 text-offer-p text-offer-ink transition-colors md:text-[16px] lg:border-[1.333px] ".concat(l?"border-offer-accent":"border-offer-accent-soft")},placeholder:()=>"text-offer-ink",input:()=>"text-offer-ink",menu:()=>"mt-2 overflow-hidden rounded-[12px] border border-offer-line bg-offer-white shadow-[0_8px_24px_rgba(14,16,20,0.12)]",menuList:()=>"max-h-[320px] py-2",groupHeading:()=>"px-[15px] pb-1 pt-3 text-offer-p2 text-offer-muted",option:e=>{let{isFocused:l,isSelected:t}=e;return"cursor-pointer px-[15px] py-2 text-offer-p md:text-[16px] ".concat(l?"bg-offer-surface":""," ").concat(t?"text-offer-accent":"text-offer-ink")},noOptionsMessage:()=>"px-[15px] py-3 text-offer-p text-offer-muted"},er=(e,l)=>v(e.label,l);var es=e=>{let{inputId:l,brands:t,value:s,onChange:n}=e,o=(0,r.useMemo)(()=>t.map(e=>({label:e.name,options:e.models.map(l=>({value:l.id,label:"".concat(e.name," ").concat(l.name)}))})),[t]),i=(0,r.useMemo)(()=>o.flatMap(e=>e.options).find(e=>e.value===s)||null,[o,s]);return(0,a.jsx)(ee.ZP,{inputId:l,instanceId:l,unstyled:!0,classNames:ea,components:{DropdownIndicator:et,IndicatorSeparator:null},options:o,value:i,onChange:e=>{var l;return n(null!==(l=null==e?void 0:e.value)&&void 0!==l?l:null)},filterOption:er,placeholder:"Выберите марку и модель",noOptionsMessage:()=>"Модель не найдена — оставьте заявку ниже",className:"mt-3"})};let en={1:"360ms",2:"440ms",3:"520ms"},eo="motion-safe:animate-offer-rise",ei=e=>{let{number:l,title:t,id:r,className:s="",children:n}=e;return(0,a.jsxs)("div",{className:"flex min-w-0 flex-[0_1_317.33px] flex-col ".concat(eo," lg:w-full lg:flex-none ").concat(s),style:{"--offer-delay":en[l]},children:[(0,a.jsxs)("p",{className:"flex items-center gap-[10px] text-offer-p",children:[(0,a.jsx)("span",{"aria-hidden":"true",className:"flex h-7 w-7 flex-none items-center justify-center rounded-full border-[1.25px] border-offer-accent font-bold leading-[14px] text-offer-accent lg:border-[1.333px] lg:font-normal lg:leading-[1.5]",children:l}),r?(0,a.jsx)("label",{htmlFor:r,children:t}):t]}),n]})},ec=e=>{let{before:l}=e;return(0,a.jsx)("svg",{"aria-hidden":"true",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"mx-8 mt-[55px] flex-none text-offer-line ".concat(eo," lg:hidden"),style:{"--offer-delay":en[l]},children:(0,a.jsx)("path",{d:"M7 4L13 10L7 16"})})},ed=e=>{let{children:l}=e;return(0,a.jsxs)("div",{className:"relative mt-3",children:[l,(0,a.jsx)(el,{className:"pointer-events-none absolute right-3 top-[15.23px] text-offer-accent-soft peer-disabled:text-offer-line"})]})};var ex=e=>{var l,t,s;let{picker:n}=e,o=(0,r.useId)(),c=e=>"dashcam-".concat(e,"-").concat(o);return(0,a.jsx)("section",{id:"dashcam-picker","aria-label":"Подбор регистратора",className:"bg-offer-white py-20 lg:py-10",children:(0,a.jsxs)(i.y,{className:"flex items-start lg:flex-col lg:gap-8",children:[(0,a.jsx)(ei,{number:1,title:"Марка и модель автомобиля",id:c("model"),className:"relative z-10",children:(0,a.jsx)(es,{inputId:c("model"),brands:n.brands,value:null!==(t=null===(l=n.model)||void 0===l?void 0:l.id)&&void 0!==t?t:null,onChange:n.selectModel})}),(0,a.jsx)(ec,{before:2}),(0,a.jsx)(ei,{number:2,title:"Год выпуска",id:c("year"),children:(0,a.jsx)(ed,{children:(0,a.jsxs)("select",{id:c("year"),className:"peer h-[50.5px] w-full appearance-none rounded-[12px] border-[1.25px] bg-offer-white pl-[15px] pr-11 text-offer-p outline-none transition-colors focus:border-offer-accent enabled:border-offer-accent-soft disabled:border-offer-line disabled:text-offer-muted md:text-[16px] lg:border-[1.333px]",value:null!==(s=n.year)&&void 0!==s?s:"",disabled:!n.model,onChange:e=>n.selectYear(Number(e.target.value)||null),children:[(0,a.jsx)("option",{value:"",children:"Выберите год выпуска"}),n.years.map(e=>(0,a.jsx)("option",{value:e,children:e},e))]})})}),(0,a.jsx)(ec,{before:3}),(0,a.jsx)(ei,{number:3,title:"Спецификация регистратора",children:(0,a.jsxs)("fieldset",{className:"flex h-[100px] flex-col gap-3 pt-4 lg:h-auto",children:[(0,a.jsx)("legend",{className:"sr-only",children:"Спецификация регистратора"}),f.map(e=>{let l=n.cameras.includes(e),t=n.camera===e;return(0,a.jsxs)("label",{className:"flex items-center gap-[10px] text-offer-p ".concat(l?"cursor-pointer":"text-offer-muted"),children:[(0,a.jsx)("input",{type:"radio",name:c("camera"),value:e,checked:t,disabled:!l,onChange:()=>n.selectCamera(e),className:"peer sr-only"}),(0,a.jsx)("span",{"aria-hidden":"true",className:"flex h-5 w-5 flex-none items-center justify-center rounded-full border-[1.25px] peer-focus-visible:ring-2 peer-focus-visible:ring-offer-accent-soft lg:border-[1.333px] ".concat(t?"border-offer-accent":"border-offer-line"),children:t&&(0,a.jsx)("span",{className:"h-[10px] w-[10px] rounded-full bg-offer-accent"})}),p[e]]},e)})]})})]})})};let ef="flex h-[60px] flex-1 items-center justify-center rounded-[12px] text-offer-p transition-colors lg:w-full lg:flex-none",ep=e=>{let{items:l,className:t=""}=e;return(0,a.jsx)("ul",{className:"flex list-disc flex-col gap-3 pl-[21px] text-offer-p lg:pl-[18px] ".concat(t),children:l.filter(Boolean).map(e=>(0,a.jsx)("li",{children:e},e))})},em=e=>{let{className:l=""}=e;return(0,a.jsxs)("p",{className:"flex items-center gap-3 rounded-[16px] bg-

1offer-surface px-4 py-3 text-offer-p2 lg:gap-[5px] ".concat(l),children:[(0,a.jsx)("img",{alt:"","aria-hidden":"true",src:"/icons/dashcam-shield-tick.svg",className:"h-6 w-6 flex-none"}),"Оригинальный продукт TrendVision"]})},eu=e=>{let{onDetails:l,onBuy:t}=e;return(0,a.jsxs)("div",{className:"flex gap-3 pt-1 lg:flex-col",children:[(0,a.jsx)("button",{type:"button",className:"".concat(ef," bg-offer-accent text-offer-white hover:bg-offer-accent-2"),onClick:l,children:"Подробнее"}),(0,a.jsx)("button",{type:"button",className:"".concat(ef," border-[1.25px] border-offer-accent text-offer-accent hover:bg-offer-surface lg:border-[1.333px]"),onClick:t,children:"Купить"})]})};var eh=e=>{let{match:l,brand:t,model:r,camera:s,onDetails:n,onBuy:i}=e,{housing:c,fitment:d}=l,[x]=c.images;return(0,a.jsxs)("article",{className:"flex overflow-hidden rounded-[24px] border border-offer-line bg-offer-white lg:flex-col",children:[(0,a.jsx)("div",{className:"flex min-h-[280px] w-[420px] flex-none items-center justify-center bg-offer-surface p-10 lg:w-full lg:px-[14px]",children:x&&(0,a.jsx)(o.Z,{className:"max-w-[340px] object-contain",data:x,format:"medium"})}),(0,a.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col justify-center gap-6 px-10 py-[39px] lg:px-[25px] lg:py-[35px]",children:[(0,a.jsxs)("div",{className:"w-[740px] max-w-full",children:[(0,a.jsx)("p",{className:"text-offer-p2 text-offer-muted",children:"Штатный видеорегистратор"}),(0,a.jsxs)("h3",{className:"pb-[5px] pt-2 text-offer-h2 lg:pb-0",children:[c.name,(0,a.jsx)("br",{}),"(",y(d),")"]})]}),(0,a.jsx)(ep,{className:"w-[740px] max-w-full",items:[s&&p[s],"Совместимость с ".concat(t.name," ").concat(r.name),"Установка в штатное место",c.note]}),(0,a.jsx)(em,{className:"w-[740px] max-w-full lg:w-full"}),(0,a.jsx)(eu,{onDetails:n,onBuy:i})]})]})};let eg=e=>{let l=new Intl.PluralRules("ru").select(e);return"".concat(e," ").concat({one:"модель",few:"модели"}[l]||"моделей")},eb=e=>{let{text:l,children:t}=e;return(0,a.jsxs)(n.E.div,{...c(i.aQ,{delay:.2,amount:.3}),className:"mt-6 flex min-h-[288px] flex-col items-center justify-center rounded-[24px] border-2 border-dashed border-offer-line bg-offer-white p-16 text-center lg:min-h-0",children:[(0,a.jsx)("img",{alt:"","aria-hidden":"true",src:"/icons/dashcam-empty-car.svg",className:"h-16 w-16"}),(0,a.jsx)("p",{className:"pt-4 text-offer-p text-offer-muted lg:w-[223px]",children:l}),t]})},ej=()=>(0,a.jsx)(n.E.p,{...c(i.Tc),className:"text-offer-p2 text-offer-muted",children:"Результат"}),ev=()=>(0,a.jsx)(n.E.h2,{...c(i.Tc,{delay:.1}),className:"text-offer-h2",children:"Подходящие модели"});var eN=e=>{let{picker:l,onDetails:t,onBuy:r,onSelection:s}=e,o=l.results.length,x=l.isComplete&&o>0;return(0,a.jsx)("section",{id:"dashcam-results","aria-label":"Подходящие модели",className:x?"bg-[#f8faff] py-[60px]":"bg-offer-surface py-[60px] lg:py-14",children:(0,a.jsx)(i.y,{children:x?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"lg:flex lg:flex-col lg:items-start lg:gap-[10px]",children:[(0,a.jsx)(ej,{}),(0,a.jsxs)("div",{className:"flex h-11 items-center gap-3 pt-1 lg:contents",children:[(0,a.jsx)(ev,{}),(0,a.jsx)(n.E.span,{...c(i.Tc,{delay:.2}),className:"rounded-full bg-offer-white px-3 py-1 text-offer-p2 text-offer-accent",children:eg(o)})]})]}),(0,a.jsx)("ul",{className:"mt-6 flex flex-col gap-6 lg:mt-5",children:l.results.map((e,s)=>(0,a.jsx)(n.E.li,{...c(i.aQ,{delay:d(s),amount:.3}),children:(0,a.jsx)(eh,{match:e,brand:l.brand,model:l.model,camera:l.camera,onDetails:()=>t(e),onBuy:()=>r(e)})},e.housing.id))})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(ej,{}),(0,a.jsx)("div",{className:"flex h-11 items-center pt-1 lg:h-10",children:(0,a.jsx)(ev,{})}),l.isComplete?(0,a.jsx)(eb,{text:"Для этого автомобиля пока нет подходящего регистратора. Оставьте заявку — подберём вручную.",children:(0,a.jsx)(i.ph,{onClick:s,className:"mt-6",children:"Оставить заявку"})}):(0,a.jsx)(eb,{text:"Выберите марку и модель автомобиля, чтобы увидеть подходящие регистраторы"})]})})})},ew=e=>{let{housing:l,onDetails:t,onBuy:r}=e,[s]=l.images;return(0,a.jsxs)("article",{className:"flex h-full flex-col overflow-hidden rounded-[24px] border border-offer-line bg-offer-white",children:[(0,a.jsx)("div",{className:"flex h-[240px] flex-none items-center justify-center bg-offer-surface p-6 lg:h-[200px]",children:s&&(0,a.jsx)(o.Z,{data:s,format:"medium",className:"h-full w-full object-contain"})}),(0,a.jsxs)("div",{className:"flex flex-1 flex-col gap-6 px-[25px] py-[30px]",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-offer-p2 text-offer-muted",children:"Универсальный видеорегистратор"}),(0,a.jsx)("h3",{className:"pt-2 text-offer-h3",children:l.name})]}),(0,a.jsx)(ep,{items:["Универсальная установка",l.note]}),(0,a.jsxs)("div",{className:"mt-auto flex flex-col gap-6",children:[(0,a.jsx)(em,{}),(0,a.jsx)(eu,{onDetails:t,onBuy:r})]})]})]})},ey=e=>{let{housings:l,onDetails:t,onBuy:r}=e,s=(0,i.n1)({count:l.length,gap:28});return l.length?(0,a.jsx)("section",{id:"dashcam-universal","aria-label":"Универсальные регистраторы",className:"bg-offer-white py-[60px] lg:py-14",children:(0,a.jsxs)(i.y,{children:[(0,a.jsx)(n.E.p,{...c(i.Tc),className:"text-offer-p2 text-offer-muted",children:"Дл

1я любого автомобиля"}),(0,a.jsx)(n.E.h2,{...c(i.Tc,{delay:.1}),className:"pt-1 text-offer-h2",children:"Универсальные регистраторы"}),(0,a.jsx)(n.E.p,{...c(i.Tc,{delay:.2}),className:"pt-3 text-offer-p text-offer-muted",children:"Если вашего автомобиля нет в списке — эти модели подходят к большинству машин"}),(0,a.jsxs)("div",{className:"relative mt-6 lg:mt-5",children:[(0,a.jsx)(n.E.ul,{ref:s.trackRef,onScroll:s.measure,...c((0,i.TP)(.1),{amount:.3}),className:"flex snap-x snap-mandatory gap-7 overflow-x-auto [scrollbar-width:none] lg:gap-[15px] [&::-webkit-scrollbar]:hidden",children:l.map(e=>{let l={housing:e,fitment:null};return(0,a.jsx)(n.E.li,{"data-reveal":"",variants:i.Q6,className:"w-[408px] shrink-0 snap-start lg:w-full",children:(0,a.jsx)(ew,{housing:e,onDetails:()=>t(l),onBuy:()=>r(l)})},e.id)})}),s.canPrev&&(0,a.jsx)(i.t8,{direction:"prev",label:"Предыдущие регистраторы",onClick:()=>s.scrollByCard(-1),className:"left-4"}),s.canNext&&(0,a.jsx)(i.t8,{direction:"next",label:"Следующие регистраторы",onClick:()=>s.scrollByCard(1),className:"right-4"}),(0,a.jsx)(i.QR,{slider:s,label:(e,l)=>"Регистраторы, часть ".concat(e," из ").concat(l)})]})]})}):null},ek=t(34368),eC=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},l=arguments.length>1?arguments[1]:void 0,t=arguments.length>2?arguments[2]:void 0;try{(0,ek.ZZ)(null==e?void 0:e.yandex_id,null==e?void 0:e.google_id,l,t)}catch(e){console.error("Failed to track ".concat(l),e)}},e_=t(14795),eE=e=>{let{submitDashcamRequest:l,metrics:t}=e,a=(0,e_.useRouter)(),s=(0,r.useRef)(null),n=(0,r.useRef)(0),[o,i]=(0,r.useState)(null),[c,d]=(0,r.useState)(!1),x=(0,r.useCallback)(e=>{n.current+=1,s.current=(0,V.O6)(),d(!1),i({key:n.current,...e})},[]),f=(0,r.useCallback)(e=>{let{match:l,brand:a,model:r,year:s,camera:n}=e,o=!0===l.housing.universal;x({mode:"buy",universal:o,match:l,brand:a,model:r,year:s,cameraConfig:!o&&l.housing.cameras.length?n:null}),eC(t,"dashcam_buy_open",{housingId:l.housing.id})},[x,t]),p=(0,r.useCallback)(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";x({mode:"selection",carText:e}),eC(t,"dashcam_selection_open",{})},[x,t]),m=(0,r.useCallback)(()=>i(null),[]),u=(0,r.useCallback)(async e=>{let{phone:r,consent:n,website:i="",carText:c=""}=e,x=(0,V.WB)(a.query),f={type:o.mode,requestId:s.current,phone:r,consent:n,website:i},p={carText:c};"buy"===o.mode&&(p=o.universal?{housingId:o.match.housing.id,carText:c,cameraConfig:null}:{housingId:o.match.housing.id,carModelId:o.model.id,year:o.year,cameraConfig:o.cameraConfig}),await l({...f,...p,pageUrl:"".concat(window.location.origin).concat(a.asPath),referrer:document.referrer,...(0,V.X2)(x)}),eC(t,"dashcam_request_sent",{type:o.mode,...x}),d(!0)},[o,a,l,t]);return{lead:o,isOpen:!!o,isSubmitted:c,openBuy:f,openSelection:p,close:m,submit:u}};let eI=["brand","model","year","camera"],eT=e=>Array.isArray(e)?e[0]:e,eM=e=>{let l=Number.parseInt(eT(e),10);return Number.isInteger(l)?l:null},eS=(e,l,t)=>{var a,r;let s=m(e.brands,eM(l.brand)),n=s?m(s.models,eM(l.model)):null,o=eM(l.year);return{brandId:null!==(a=null==s?void 0:s.id)&&void 0!==a?a:null,modelId:null!==(r=null==n?void 0:n.id)&&void 0!==r?r:null,year:n&&h(n,t).includes(o)?o:null,camera:eT(l.camera)||null}},eL=e=>{let{brandId:l,modelId:t,year:a,camera:r}=e,s={};return l&&(s.brand=String(l)),t&&(s.model=String(t)),a&&(s.year=String(a)),r&&(s.camera=r),s};var eZ=function(e){var l;let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:new Date().getFullYear(),a=(0,e_.useRouter)(),[s,n]=(0,r.useState)(()=>eS(e,a.query,t)),o=(0,r.useCallback)(e=>{n(e);let l=Object.fromEntries(Object.entries(a.query).filter(e=>{let[l]=e;return!eI.includes(l)}));a.replace({pathname:a.pathname,query:{...l,...eL(e)}},void 0,{shallow:!0,scroll:!1})},[a]),i=m(e.brands,s.brandId),c=m(null==i?void 0:i.models,s.modelId),d=(0,r.useMemo)(()=>h(c,t),[c,t]),x=(0,r.useMemo)(()=>g(e,c,s.year,t),[e,c,s.year,t]),p=(0,r.useMemo)(()=>x.length?N(x):f,[x]),u=p.includes(s.camera)?s.camera:null!==(l=p[0])&&void 0!==l?l:null;return{brands:e.brands,brand:i,model:c,years:d,year:s.year,cameras:p,camera:u,results:w(x,u),isComplete:!!(c&&s.year),selectModel:l=>{var t,a;return o({brandId:null!==(a=null===(t=e.brands.find(e=>m(e.models,l)))||void 0===t?void 0:t.id)&&void 0!==a?a:null,modelId:l,year:null,camera:null})},selectYear:e=>o({...s,year:e,camera:null}

1),selectCamera:e=>o({...s,camera:e})}},eB=t(96405);let eP=e=>{let{store:l,defaultMeta:t,pageMeta:s}=e,{page:n,catalog:o}=l.dashcam,{metrics:i}=l.misc,c=eZ(o),[d,f]=(0,r.useState)(null),p=eE({submitDashcamRequest:l.form.submitDashcamRequest,metrics:i}),m=c.isComplete&&c.results.length?"".concat(c.model.id,":").concat(c.year):null;(0,r.useEffect)(()=>{m&&eC(i,"dashcam_pick",{pick:m})},[m,i]);let u=o.brands.length>0,h=c.isComplete?"".concat(c.brand.name," ").concat(c.model.name," ").concat(c.year):"",g=()=>p.openSelection(h),j=e=>p.openBuy({match:e,brand:c.brand,model:c.model,year:c.year,camera:c.camera});return(0,a.jsxs)(q,{defaultMeta:t,pageMeta:s,canonicalPath:"/shtatnye-videoregistratory/",onLeadCtaClick:g,children:[(0,a.jsx)(M,{hero:n.hero,onCtaClick:()=>{var e;return null===(e=document.getElementById("dashcam-picker"))||void 0===e?void 0:e.scrollIntoView({behavior:"smooth"})}}),u&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(ex,{picker:c}),(0,a.jsx)(eN,{picker:c,onDetails:f,onBuy:j,onSelection:g})]}),(0,a.jsx)(ey,{housings:b(o),onDetails:f,onBuy:j}),(0,a.jsx)(x,{items:n.advantages}),(0,a.jsx)(G,{block:n.notFound,onCta:g}),(0,a.jsx)(I,{details:d,content:n.details||void 0,brand:c.brand,model:c.model,camera:(null==d?void 0:d.fitment)?c.camera:null,onBuy:()=>{f(null),j(d)},onClose:()=>f(null)}),(0,a.jsx)($,{lead:p})]})},eq=e=>{let{notFound:l,...t}=e;return l?(0,a.jsx)(eB.default,{statusCode:404}):(0,a.jsx)(eP,{...t})};eq.getInitialProps=async e=>{let{store:l,res:t}=e;if(await Promise.all([l.dashcam.fetchPage(),l.dashcam.fetchCatalog()]),l.dashcam.isNotFound)return t&&(t.statusCode=404),{notFound:!0};let{hero:a={},meta:r}=l.dashcam.page;return{defaultMeta:{title:(0,i.sl)(a.title).replace(/\s*\n\s*/g," "),description:a.subtitle,image:a.image},pageMeta:r||void 0}},eq.getLayout=e=>e;var eF=(0,s.f3)("store")((0,s.Pi)(eq))}},function(e){e.O(0,[582,588,888,774,179],function(){return e(e.s=91750)}),_N_E=e.O()}]);