(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[784],{8785:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/connect",function(){return s(8837)}])},5138:function(e,t,s){"use strict";var l=s(5893);t.Z=e=>{let{children:t,onClick:s,className:a="",active:n=!1,gradient:i=!1,hoverClass:r="hover:bg-secondary",...c}=e,d=i?"hover:from-[#f7941e] hover:to-[#a4310c]":r;return(0,l.jsx)("button",{...c,onClick:s,className:"".concat(i?"bg-gradient-to-r":""," ").concat(n?i?"from-[#f7941e] to-[#a4310c]":"bg-secondary":i?"from-[#0015a2] to-[#000036]":"bg-primary"," ").concat(d," active:bg-opacity-80 text-white px-10 py-2 ").concat(a," rounded-md"),children:t})}},4623:function(e,t,s){"use strict";var l=s(5893),a=s(3935),n=s(5675),i=s.n(n),r=s(7294);t.Z=e=>{let{visible:t,setVisible:s,title:n,children:c}=e;return(0,r.useEffect)(()=>{let handleKeyDown=e=>{"Escape"===e.key&&s(!1)},handleClickOutside=e=>{let t=e.target;t.closest(".modal-content")||s(!1)};return t?(document.addEventListener("keydown",handleKeyDown),document.addEventListener("mousedown",handleClickOutside)):(document.removeEventListener("keydown",handleKeyDown),document.removeEventListener("mousedown",handleClickOutside)),()=>{document.removeEventListener("keydown",handleKeyDown),document.removeEventListener("mousedown",handleClickOutside)}},[t,s]),(0,l.jsx)(l.Fragment,{children:t&&(0,a.createPortal)((0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"opacity-25 fixed inset-0 z-40 bg-black"}),(0,l.jsx)("div",{className:"m-auto max-w-xl justify-center items-center flex overflow-hidden fixed inset-0 z-50 outline-none focus:outline-none",children:(0,l.jsx)("div",{className:"relative my-6 xs:mx-auto xs:w-full xs:max-w-full",children:(0,l.jsxs)("div",{className:"shadow-md relative flex flex-col items-center w-full bg-white rounded-md outline-none focus:outline-none p-2 modal-content",children:[(0,l.jsxs)("div",{className:"flex w-full items-center justify-between gap-2",children:[n&&(0,l.jsx)("div",{className:"flex grow items-center justify-center p-2",children:(0,l.jsx)("h2",{className:"text-2xl text-primary",children:n})}),(0,l.jsx)(i(),{className:"cursor-pointer",src:"/icons/x.svg",alt:"x",width:24,height:24,onClick:()=>s(!1)})]}),c]})})})]}),document.body)})}},8837:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return connect}});var l=s(5893),a=s(7294),n=s(1664),i=s.n(n),r=s(5972),calculator_PlanGroup=e=>{let{children:t,extra:s}=e;return(0,l.jsxs)("div",{className:"mt-16",children:[(0,l.jsxs)("div",{className:"flex flex-col md:flex-row justify-between md:items-end",children:[(0,l.jsx)("h1",{id:"tariffs",className:"text-3xl text-primary mb-5",children:"Тарифы Интернет + TV"}),s]}),(0,l.jsx)("div",{className:"grid grid-cols-[repeat(auto-fit,_minmax(150px,_310px))] gap-4 mt-10 justify-center",children:t})]})},c=s(5675),d=s.n(c),o=s(8387),m=s(5138),x=s(4623),calculator_PlanModal=e=>{let{visible:t,setVisible:s,description:a}=e;return(0,l.jsx)(x.Z,{setVisible:s,visible:t,title:"Описание",children:(0,l.jsx)("ul",{className:"max-h-[400px] overflow-y-auto p-4 border-t-2 list-disc whitespace-pre-wrap",children:a})})},calculator_PlanCard=e=>{let{name:t,hint:s,services:n,price:i,id:c,description:x,imageIndex:h}=e,u=(0,r.TL)(),p=(0,r.CG)(e=>e.calc.currentPlan),[v,f]=(0,a.useState)(!1),j=["/images/connect/card-1.jpg","/images/connect/card-2.jpeg","/images/connect/card-3.jpg","/images/connect/card-4.jpg"],g=j[h%j.length];return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(calculator_PlanModal,{setVisible:f,visible:v,description:x}),(0,l.jsxs)("div",{className:"flex hover:-translate-y-1 transition-all flex-col flex-shrink-0 items-center bg-primary-bg rounded-md gap-7 pb-4",children:[(0,l.jsx)("div",{className:"w-full",children:(0,l.jsx)(d(),{src:g,alt:"image for ".concat(t),layout:"responsive",width:700,height:200,className:"w-full rounded-t-md min-h-48 max-h-48"})}),(0,l.jsx)("h1",{className:"text-2xl text-black",children:t}),(0,l.jsx)("div",{className:"flex flex-col items-start gap-7",children:n.map(e=>{switch(e.description.type){case"internet":return(0,l.jsxs)("div",{className:"flex items-center justify-center gap-3",children:[(0,l.jsx)(d(),{src:"/icons/speedmetr.svg",alt:"speed",width:50,height:50}),(0,l.jsxs)("span",{className:"text-lg",children:["до"," ",(0,l.jsx)("span",{className:"text-2xl font-bold",children:e.description.speed})," ","Мбит/с"]})]},e.id);case"tv":var t,s;return(0,l.jsxs)("div",{className:"flex items-center justify-center gap-3",children:[(0,l.jsx)(d(),{src:"/icons/tv.svg",alt:"tv-icon",width:50,height:50}),(0,l.jsxs)("span",{className:"text-lg",children:[(0,l.jsx)("span",{className:"text-4xl",children:null===(s=e.description)||void 0===s?void 0:null===(t=s.channels)||void 0===t?void 0:t.length})," ","каналов"]})]},e.id);case"device":return(0,l.jsxs)("div",{children:[(0,l.jsx)("span",{className:"text-2xl",children:"Оборудование"}),(0,l.jsxs)("div",{className:"flex items-center gap-8",children:[(0,l.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,l.jsx)(d(),{src:"/icons/wi-fi.svg",alt:"wifi-icon",width:50,height:50}),(0,l.jsx)("span",{className:"text-lg",children:"Wi-Fi роутер"})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,l.jsx)(d(),{src:"/icons/tv-console.svg",alt:"tv-console-icon",width:50,height:50}),(0,l.jsx)("span",{className:"text-lg",children:"TV приставка"})]})]})]},e.id)}})}),(0,l.jsxs)("div",{className:"text-secondary text-lg flex flex-col items-center justify-center gap-2",children:[(0,l.jsxs)("span",{children:[(0,l.jsx)("span",{className:"text-4xl font-extrabold text-[#f7941e]",children:i})," ",(0,l.jsx)("span",{className:"text-black",children:"руб./мес."})]}),s&&(0,l.jsx)("span",{className:"text-gray-500 text-xs text-center whitespace-pre-wrap h-16",children:s})]}),(0,l.jsx)(m.Z,{onClick:()=>u((0,o.wd)(c)),active:p===c,gradient:!0,children:p===c?"Выбран":"Выбрать"}),(0,l.jsx)("a",{onClick:()=>f(!0),className:"text-primary font-bold hover:text-secondary hover:underline cursor-pointer",children:"Подробнее"})]})]})},calculator_ServiceGroup=e=>{let{children:t,name:s,extra:a}=e;return(0,l.jsxs)("div",{className:"my-14",children:[(0,l.jsxs)("div",{className:"flex flex-col md:flex-row justify-between md:items-end",children:[(0,l.jsx)("h1",{className:"text-4xl text-primary",children:s}),a]}),(0,l.jsx)("div",{className:"grid grid-cols-[repeat(auto-fit,_minmax(150px,_310px))] gap-4 mt-10 justify-center",children:t})]})},calculator_TvModal=e=>{let{visible:t,setVisible:s,channels:a,name:n}=e;return(0,l.jsx)(x.Z,{setVisible:s,visible:t,title:"Список каналов",children:(0,l.jsx)("ul",{className:"max-h-[400px] overflow-y-auto p-8 border-t-2 list-disc",children:a&&(null==a?void 0:a.length)>0?null==a?void 0:a.map(e=>{let{id:t,name:s}=e;return(0,l.jsx)("li",{children:s},t)}):(0,l.jsx)("li",{children:n})})})},tv=e=>(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 50 45",...e,children:(0,l.jsx)("path",{d:"M0 5.882A5.882 5.882 0 0 1 5.882 0h35.294a5.882 5.882 0 0 1 5.883 5.882v3.73a5.853 5.853 0 0 0-2.941-.788h-5.883a5.883 5.883 0 0 0-5.882 5.882v3.73a5.883 5.883 0 0 0-2.941 5.093v6.41c0 .832.176 1.655.517 2.414H5.882A5.882 5.882 0 0 1 0 26.47V5.882Zm44.118 5.883a2.941 2.941 0 0 1 2.94 2.94v5.883A2.94 2.94 0 0 1 50 23.53v6.489c0 .621-.197 1.226-.562 1.73l-3.85 5.293v4.136a2.941 2.941 0 0 1-2.94 2.94h-2.942a2.94 2.94 0 0 1-2.941-2.94V37.04l-3.862-5.391a2.942 2.942 0 0 1-.55-1.709V23.53a2.941 2.941 0 0 1 2.941-2.94v-5.883a2.94 2.94 0 0 1 2.941-2.941h5.883Zm0 8.823v-5.882h-5.883v5.882h5.883ZM33.824 37.985l-1.927-2.69H10.294a1.47 1.47 0 0 0 0 2.94h23.53v-.25Zm-.921-6.335-.98.703.98-.703Z"})}),h=s(9835);let u=[{mainId:"smt52",newId:"66e1a069eb04628e320402e8",cinema:!1},{mainId:"smt6001",newId:"669660ea1ca4b8a618a358e8",cinema:!1},{mainId:"smt6002",newId:"6696621b02e1d2cf971c6266",cinema:!1},{mainId:"smt6003",newId:"64ad4cb93b883108e795f84f",cinema:!1},{mainId:"smt6004",newId:"669663b69de6f2fc2dcc72e2",cinema:!1},{mainId:"smt801",newId:"62418e092473782366fd21e0",cinema:!1},{mainId:"smt803",newId:"624190822473782366fd21e6",cinema:!1},{mainId:"smt131",newId:"592405296db877148200c67f",cinema:!1},{mainId:"smt130",newId:"653fbd9b9d1aee15d5403d49",cinema:!1},{mainId:"smt213",newId:"65e9c268572648971816efd1",cinema:!0},{mainId:"smt577",newId:"",cinema:!0},{mainId:"smt591",newId:"",cinema:!0}];var calculator_TvDescription=e=>{var t;let{description:s,code:n,displayName:i}=e,c=(0,r.TL)(),d=(0,r.CG)(e=>e.channels.allChannels),o=(0,r.CG)(e=>e.channels.status),m=(0,r.CG)(e=>e.channels.packets),x=(0,r.CG)(e=>e.channels.specialPackets),[p,v]=(0,a.useState)(!1),[f,j]=(0,a.useState)([]),[g,y]=(0,a.useState)([]),[w,b]=(0,a.useState)(!1),N=u.find(e=>e.mainId===n);(0,a.useEffect)(()=>{"idle"===o&&c((0,h.UR)())},[o,c]),(0,a.useEffect)(()=>{N&&N.newId&&!m[N.newId]&&c((0,h.K2)(N.newId))},[N,m,c]),(0,a.useEffect)(()=>{if("smt130"===n)j(x.smt130),y(x.smt130);else if(N&&N.newId&&m[N.newId]&&"succeeded"===o){let e=m[N.newId].map(e=>e.channelId),t=d.filter(t=>e.includes(t.id));JSON.stringify(f)!==JSON.stringify(t)&&(j(t),y(t.filter(e=>e.info&&e.info.metaInfo.genres.includes("HD-каналы"))))}},[N,m,d,o]);let handleOpenModal=e=>{b(e),v(!0)};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(calculator_TvModal,{setVisible:v,visible:p,channels:w?g.map(e=>e.info?{id:e.id,name:e.info.metaInfo.title.substring(4)}:{id:e.title.toLowerCase().replace(/\s/g,"_"),name:e.title}):f.map(e=>e.info?{id:e.id,name:e.info.metaInfo.title.substring(4)}:{id:e.title.toLowerCase().replace(/\s/g,"_"),name:e.title}),name:w?"HD-каналы: ".concat(i):"Каналы: ".concat(i)}),(0,l.jsx)(tv,{className:"fill-primary",width:40,height:40}),N&&(0,l.jsx)("div",{className:"flex flex-col",children:N.cinema&&!N.newId?(0,l.jsx)("span",{className:"text-lg ml-5 hover:text-secondary cursor-pointer",children:"Кинотеатр"}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("span",{onClick:()=>handleOpenModal(!0),className:"text-lg ml-5 hover:text-secondary cursor-pointer",children:["HD-каналы:"," ",(0,l.jsx)("span",{className:"text-2xl",children:"smt130"===n?x.smt130.length:g.length})]}),(0,l.jsxs)("span",{onClick:()=>handleOpenModal(!1),className:"text-lg ml-5 hover:text-secondary cursor-pointer",children:["Каналы:"," ",(0,l.jsx)("span",{className:"text-2xl",children:"smt130"===n?x.smt130.length:(null===(t=m[N.newId])||void 0===t?void 0:t.length)||""})]}),N.cinema&&(0,l.jsx)("span",{className:"text-lg ml-5 hover:text-secondary cursor-pointer",children:"Кинотеатр"})]})})]})},calculator_ServiceCard=e=>{let{displayName:t,displayPrice:s,description:a,buyType:n,id:i,code:c,...x}=e,h=(0,r.CG)(e=>e.calc.checkout.raw),u=(0,r.TL)(),p=!!h.find(e=>e.id===i);return(0,l.jsxs)("div",{className:"flex flex-col items-center justify-end rounded-md shadow-md border-solid border-2 py-8 px-10 gap-6",children:[(0,l.jsx)("div",{className:"flex flex-col items-start gap-6 min-h-[92px] justify-center",children:(0,l.jsxs)("div",{className:"flex items-center",children:["tv"===a.type&&(0,l.jsx)(calculator_TvDescription,{description:a,code:c,displayName:t}),"device"===a.type&&a.image&&(0,l.jsx)(d(),{src:"".concat("https://inetprojects-calculators-calc-api.devb.cpx.ru","/public/files/").concat(encodeURIComponent(a.image)),alt:"".concat(a.image,"-device"),width:250,height:250})]})}),(0,l.jsx)("h1",{className:"text-2xl text-primary",children:t}),(0,l.jsxs)("span",{className:"text-secondary text-lg",children:[(0,l.jsx)("span",{className:"text-4xl",children:s})," руб.",("period"===n||(null==a?void 0:a.type)==="tv")&&"/мес."]}),(0,l.jsx)(m.Z,{onClick:()=>p?u((0,o.c)(c)):u((0,o.M3)({displayName:t,displayPrice:s,description:a,buyType:n,id:i,code:c,...x})),active:p,children:p?"Выбран":"Выбрать"})]})},p=s(7536),v=s(7533),f=s(6310),j=s(6071),g=s(6627),y=s.n(g),components_ConnectForm=e=>{let{setVisible:t}=e,s=(0,r.CG)(e=>e.calc.checkout.raw),a=(0,r.CG)(e=>e.calc.plans.find(t=>{let{id:s}=t;return e.calc.currentPlan===s})),[n]=j.Z.useSendMailMutation(),i=f.Ry().shape({name:f.Z_().required(),phone:f.Z_().required().matches(/(\+7|8)[- _]*\(?[- _]*(\d{3}[- _]*\)?([- _]*\d){7}|\d\d[- _]*\d\d[- _]*\)?([- _]*\d){6})/),street:f.Z_().required()}),{register:c,handleSubmit:d,formState:{errors:o,isSubmitSuccessful:x}}=(0,p.cI)({mode:"onBlur",resolver:(0,v.X)(i)});return(0,l.jsx)("div",{className:"py-10 px-10",children:(0,l.jsx)("form",{onSubmit:d(e=>{n({...e,services:s,plan:a,date:Date.now(),browser:navigator.userAgent})}),children:x?(0,l.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,l.jsx)("span",{className:"text-lg",children:"Заявка отправлена"}),(0,l.jsx)(m.Z,{onClick:()=>t(!1),children:"Вернуться"})]}):(0,l.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,l.jsx)("input",{type:"text",id:"name",placeholder:"Ваше имя",className:"block w-full bg-transparent outline-none border-b-2 py-2 px-4  placeholder-primary ".concat(o.name?"border-red-600":"border-primary"),...c("name")}),(0,l.jsx)("input",{type:"text",id:"street",placeholder:"Ваш адрес",className:"block w-full bg-transparent outline-none border-b-2 py-2 px-4  placeholder-primary ".concat(o.street?"border-red-600":"border-primary"),...c("street")}),(0,l.jsx)(y(),{mask:"+7 (999) 999-99-99",maskChar:null,type:"text",id:"phone",placeholder:"Телефон",className:"block w-full bg-transparent outline-none border-b-2 py-2 px-4 placeholder-primary ".concat(o.phone?"border-red-600":"border-primary"),...c("phone")}),(0,l.jsxs)("div",{className:"flex gap-2 justify-center",children:[(0,l.jsx)(m.Z,{type:"submit",children:"Подключить"}),(0,l.jsx)(m.Z,{onClick:()=>t(!1),children:"Отмена"})]})]})})})},components_ConnectModal=e=>{let{visible:t,setVisible:s}=e;return(0,l.jsx)(x.Z,{setVisible:s,visible:t,title:"Заявка на подключение",children:(0,l.jsx)(components_ConnectForm,{setVisible:s})})},calculator_Checkout=()=>{let e=(0,r.CG)(e=>e.calc.checkout.raw),t=(0,r.CG)(e=>e.calc.plans.find(t=>{let{id:s}=t;return e.calc.currentPlan===s})),[s,n]=(0,a.useState)(!1),[i,c]=(0,a.useState)(!1);return(0,l.jsxs)("div",{className:"font-semibold max-w-f p-3 sticky bottom-0 bg-gradient-to-r from-[#f9c7a9] to-[#f15a29] rounded-t-md bg-no-repeat bg-center bg-cover",children:[(0,l.jsx)(components_ConnectModal,{visible:i,setVisible:c}),!s&&(0,l.jsxs)("div",{className:"text-gray-700 py-2",children:[(0,l.jsxs)("h2",{className:"text-xl",children:['Тариф "',null==t?void 0:t.displayName,'": ',null==t?void 0:t.basePrice," руб./мес."]}),(0,l.jsx)("div",{className:"flex flex-col",children:e.map(e=>{let{displayName:t,id:s,displayPrice:a}=e;return(0,l.jsxs)("div",{children:[(0,l.jsxs)("span",{children:[t,":"]}),(0,l.jsxs)("span",{children:[" ",a," руб."]})]},s)})})]}),t&&(0,l.jsxs)("p",{className:"text-gray-700 my-2 text-xl",children:["Корзина:"," ",e.reduce((e,t)=>e+t.displayPrice,0)+t.basePrice," ","руб."]}),(0,l.jsx)("div",{className:"flex items-center justify-start text-white",children:(0,l.jsxs)("span",{className:"flex gap-2",children:[(0,l.jsx)(m.Z,{onClick:()=>n(!s),children:s?"↑":"↓"}),(0,l.jsx)(m.Z,{onClick:()=>c(!0),children:"Подключить"})]})})]})},connect=()=>{let{plans:e,providers:t,overviews:s}=(0,r.CG)(e=>e.calc),n=s[0],c=(0,r.CG)(e=>{var t;return null===(t=e.calc.plans.find(t=>{let{id:s}=t;return s===e.calc.currentPlan}))||void 0===t?void 0:t.services}),[d,o]=(0,a.useState)(""),[x,h]=(0,a.useState)(""),[u,p]=(0,a.useState)(""),v={oblaka:'ЖК "Облака"',tomilino:"Томилино",lyubertsy:"Люберцы",dzerzhinskiy:"Дзержинский"};(0,a.useEffect)(()=>{let e=localStorage.getItem("overview");e?o(e):s.length>0&&(o(s[0]),localStorage.setItem("overview",s[0]))},[s]),(0,a.useEffect)(()=>{let e=localStorage.getItem("provider");e&&h(e)},[]),(0,a.useEffect)(()=>{{let e=window.location.hash;if(e.includes("?")){let t=e.split("?")[1],s=new URLSearchParams(t),l=s.get("district");console.log("URL district (from hash):",l),console.log("Mapped district:",v[l||""]),l&&v[l]&&p(v[l])}}},[]);let handleOverviewClick=e=>{o(e),localStorage.setItem("overview",e)};return(0,l.jsxs)("div",{children:[(0,l.jsx)(calculator_PlanGroup,{extra:(0,l.jsx)("div",{className:"flex gap-4 text-lg",children:n&&(n===d?(0,l.jsx)(m.Z,{onClick:()=>handleOverviewClick(n),className:"hover:bg-primary cursor-pointer text-secondary px-4 py-1 relative bottom-2 z-[-1]",hoverClass:"hover:bg-primary",children:n},n):(0,l.jsx)("a",{onClick:()=>handleOverviewClick(n),className:"cursor-pointer text-primary hover:underline",children:n},n))}),children:e.filter(e=>{var t,s;return(null===(t=e.overviews)||void 0===t?void 0:t.includes(d))&&(!u||(null===(s=e.districts)||void 0===s?void 0:s.includes(u)))}).map((e,t)=>{let{displayName:s,id:a,overviews:n,services:i,basePrice:r,hint:c,description:d}=e,o=i.filter(e=>{let{isDefault:t}=e;return t});return(0,l.jsx)(calculator_PlanCard,{name:s,description:d,id:a,services:o,price:r,hint:c,imageIndex:t},a)})}),(0,l.jsx)(calculator_ServiceGroup,{name:"Телевидение",extra:(0,l.jsx)("div",{className:"flex gap-4 text-lg",children:t.map(e=>{let{label:t,value:s}=e;return(0,l.jsx)("a",{onClick:()=>h(s),className:"text-primary hover:text-secondary hover:underline cursor-pointer",children:t},s)})}),children:null==c?void 0:c.filter(e=>{var t;return(null===(t=e.description)||void 0===t?void 0:t.type)==="tv"}).map(e=>{let{displayName:t,displayPrice:s,description:a,id:n,buyType:i,code:r,name:c}=e;return(0,l.jsx)(calculator_ServiceCard,{buyType:i,id:n,name:c,price:s,displayPrice:s,description:a,displayName:t,code:r},n)})}),(0,l.jsx)(calculator_ServiceGroup,{name:"Оборудование",extra:(0,l.jsx)("div",{className:"flex gap-4 text-lg",children:(0,l.jsx)(i(),{href:"/devices",className:"text-primary hover:text-secondary hover:underline",children:"Смотреть все"})}),children:null==c?void 0:c.filter(e=>{var t;return(null===(t=e.description)||void 0===t?void 0:t.type)==="device"}).map(e=>(0,a.createElement)(calculator_ServiceCard,{...e,key:e.id}))}),(0,l.jsx)(calculator_ServiceGroup,{name:"Дополнительные услуги",extra:(0,l.jsx)("div",{}),children:null==c?void 0:c.filter(e=>{var t;return(null===(t=e.description)||void 0===t?void 0:t.type)==="extra"}).map(e=>(0,a.createElement)(calculator_ServiceCard,{...e,key:e.id}))}),(0,l.jsx)(calculator_Checkout,{})]})}}},function(e){e.O(0,[216,774,888,179],function(){return e(e.s=8785)}),_N_E=e.O()}]);