https://www.refforma.ru/_next/static/chunks/pages/order-69a214557938dad0.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1941,9298,282],{3376:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/order",function(){return t(4036)}])},5594:function(e,s,t){"use strict";var i=t(5893),n=t(1186),a=t.n(n),l=t(4184),r=t.n(l),c=t(1664),d=t.n(c);s.Z=function(e){var s=e.list,t=e.className;return(null==s?void 0:s.length)?(0,i.jsx)("div",{className:r()(a().BreadCrumbs,t),children:null==s?void 0:s.map(function(e,t){return t!==s.length-1?(0,i.jsx)(d(),{href:"".concat(e.url),children:(0,i.jsx)("a",{className:a().Link,children:e.name})},t):(0,i.jsx)("span",{className:a().LastItem,children:e.name},t)})}):null}},9298:function(e,s,t){"use strict";t.r(s),t.d(s,{default:function(){return $}});var i=t(5893),n=t(5027),a=t.n(n),l=t(6174),r=t(5720),c=function(e){var s=e.data,t=e.title,n=e.isDetailedAddress;return(0,i.jsxs)("div",{className:a().Top,children:[(t||(null==s?void 0:s.title))&&(0,i.jsx)("h3",{className:a().Title,children:(t||s.title).replace(/<[^>]+>/g,"")}),(null==s?void 0:s.metro)&&(0,i.jsxs)("div",{className:a().Row,children:[(0,i.jsx)("div",{className:a().Icon,children:(0,i.jsx)(r.Z,{fit:"contain",img:s.metroIcon})}),s.metro]}),(null==s?void 0:s.address)&&(0,i.jsxs)("div",{className:a().Row,children:[(0,i.jsx)("div",{className:a().Icon,children:(0,i.jsx)("div",{className:a().Address})}),s.address]}),(null==s?void 0:s.phone)&&(0,i.jsxs)("div",{className:a().Row,children:[(0,i.jsx)("div",{className:a().Icon,children:(0,i.jsx)("div",{className:a().Phone})}),(0,i.jsx)("a",{href:"tel:".concat(s.phone),children:s.phone})]}),(null==s?void 0:s.time)&&(0,i.jsxs)("div",{className:a().Row,children:[(0,i.jsx)("div",{className:a().Icon}),s.time]}),n&&(null==s?void 0:s.detailedAddressUrl)&&(null==s?void 0:s.detailedAddress)&&(0,i.jsx)("a",{className:a().DetailedAddress,href:s.detailedAddressUrl,target:"_blank",rel:"noopener noreferrer",children:s.detailedAddress})]})},d=function(e){var s=e.iframe;return(0,i.jsx)("div",{className:a().MapWrap,children:(0,i.jsx)("div",{className:a().Map,children:(0,i.jsx)("iframe",{loading:"lazy",src:s,width:"100%",height:"500",frameBorder:"0"})})})},o=t(400),$=function(e){var s=e.data,t=e.isDetailedAddress,n=e.isVirtualTour;return(0,i.jsxs)("section",{className:a().Section,children:[(0,i.jsx)(l.Z,{children:(0,i.jsx)(c,{data:s,isDetailedAddress:void 0!==t&&t})}),(null==s?void 0:s.iframe)&&(0,i.jsx)(d,{iframe:s.iframe}),void 0!==n&&n&&(null==s?void 0:s.virtualTourUrl)&&(null==s?void 0:s.virtualTour)&&(0,i.jsx)("div",{className:a().BtnVirtualTourWrap,children:(0,i.jsxs)(o.Z,{className:a().BtnVirtualTour,href:s.virtualTourUrl,children:[(0,i.jsx)("div",{className:a().Virtual}),s.virtualTour]})})]})}},282:function(e,s,t){"use strict";t.r(s),t.d(s,{default:function(){return u}});var i=t(5893),n=t(3389),a=t.n(n),l=t(6174),r={title:"Есть вопросы?",text:"С удовольствием ответим на них!",btnText:"задать вопрос"},c=t(6644),d=function(e){var s=e.className;return(0,i.jsxs)("svg",{className:s,width:581,height:473,viewBox:"0 0 581 473",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsxs)("g",{filter:"url(#filter0_d_689_11064)",children:[(0,i.jsx)("path",{d:"M376.433 59.9251C518.044 128.969 594.369 263.793 546.91 361.064C499.451 458.335 346.179 481.218 204.567 412.174C62.9559 343.131 -13.3694 208.306 34.09 111.035C81.5493 13.7644 234.821 -9.11846 376.433 59.9251Z",fill:"#F0D7C6"}),(0,i.jsx)("path",{d:"M376.214 60.3745C446.94 94.8578 501.343 145.759 532.138 200.156C562.934 254.555 570.097 312.4 546.461 360.845C522.824 409.29 472.814 439.26 410.972 448.493C349.132 457.725 275.513 446.208 204.786 411.725C134.06 377.242 79.6567 326.341 48.8622 271.944C18.0665 217.545 10.9027 159.699 34.5393 111.255C58.176 62.8098 108.186 32.8396 170.028 23.6068C231.868 14.3744 305.487 25.8913 376.214 60.3745Z",stroke:"#F0D7C6"})]}),(0,i.jsx)("defs",{children:(0,i.jsxs)("filter",{id:"filter0_d_689_11064",x:0,y:"0.0498047",width:581,height:472,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,i.jsx)("feFlood",{floodOpacity:0,result:"Backgroun

1dImageFix"}),(0,i.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,i.jsx)("feMorphology",{radius:2,operator:"dilate",in:"SourceAlpha",result:"effect1_dropShadow_689_11064"}),(0,i.jsx)("feOffset",{}),(0,i.jsx)("feGaussianBlur",{stdDeviation:9}),(0,i.jsx)("feComposite",{in2:"hardAlpha",operator:"out"}),(0,i.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"}),(0,i.jsx)("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_689_11064"}),(0,i.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_689_11064",result:"shape"})]})})]})},o=t(7294),$=t(5144),u=function(e){var s=e.data,t=(0,o.useContext)($.q).setShowModal,n=(0,o.useState)(null),u=n[0],h=n[1];return(0,o.useEffect)(function(){s?h(s):h(r)},[u,s]),(0,i.jsxs)("section",{className:a().Section,children:[(0,i.jsx)(l.Z,{children:(0,i.jsxs)("div",{className:a().Inner,children:[(0,i.jsx)(d,{className:a().Circle}),(0,i.jsxs)("div",{className:a().Content,children:[(null==u?void 0:u.title)&&(0,i.jsx)("h2",{className:a().Title,dangerouslySetInnerHTML:{__html:u.title}}),(null==u?void 0:u.text)&&(0,i.jsx)("div",{className:a().Text,dangerouslySetInnerHTML:{__html:u.text}}),(null==u?void 0:u.btnText)&&(0,i.jsx)(c.Z,{onClick:function(){return t("call")},className:a().Btn,children:u.btnText}),(0,i.jsx)("div",{className:a().ContentDecor})]})]})}),(0,i.jsx)("div",{className:a().DecorLeft}),(0,i.jsx)("div",{className:a().DecorTop}),(0,i.jsx)("div",{className:a().DecorRight})]})}},4036:function(e,s,t){"use strict";t.r(s),t.d(s,{default:function(){return M}});var i=t(5893),n=t(6174),a=t(866),l=t(5594),r=t(9298),c=t(282),d=t(5864),o=t.n(d),$=t(3236),u=t.n($);function h(e){var s=e.step,t=e.active,n=e.onClick;return(0,i.jsxs)("div",{className:"".concat(u().Step," ").concat(s.id<=t?u().Active:""),onClick:function(){return n(s.id)},children:[s.title&&(0,i.jsx)("h2",{className:u().Title,dangerouslySetInnerHTML:{__html:s.title}}),s.subTitle&&(0,i.jsx)("h2",{className:u().SubTitle,dangerouslySetInnerHTML:{__html:s.subTitle}}),3!==s.id&&(0,i.jsx)("div",{className:u().Triangle,children:(0,i.jsx)("span",{})})]})}var m=t(7294),x=t(1920),p=t.n(x),j=t(4924),v=t(6042),f=t(9396),_=t(4909),C=t.n(_),N=t(2432),T=t(2777),S=t(6644);function y(e){var s=e.fields,t=e.onClick,n=e.formData,a=e.setFormData,l=(0,m.useState)(!0),r=l[0],c=l[1],d=function(){c(!r)},o=function(e){a((0,f.Z)((0,v.Z)({},n),(0,j.Z)({},e.target.name,e.target.value)))},$=function(){var e=RegExp('^(([^<>()[\\].,;:\\s@"]+(\\.[^<>()[\\].,;:\\s@"]+)*)|(".+"))@(([^<>()[\\].,;:\\s@"]+\\.)+[^<>()[\\].,;:\\s@"]{2,})$',"iu");5===Object.keys(n).length&&r&&e.test(n.email)&&/^(\+7|7|8)?[\s\-]?\(?[489][0-9]{2}\)?[\s\-]?[0-9]{3}[\s\-]?[0-9]{2}[\s\-]?[0-9]{2}$/.test(n.phone)&&t()};return(0,i.jsxs)("div",{children:[(0,i.jsx)("h3",{className:C().Title,children:"Ввод личных данных"}),(0,i.jsxs)("div",{className:C().FormColumns,children:[(0,i.jsx)("div",{className:C().Col1,children:s.fields1.map(function(e,s){return(0,i.jsx)(N.Z,{type:e.type,name:e.name,required:e.required,onChange:o,value:n[e.name]?n[e.name]:"",children:e.placeholder},s)})}),(0,i.jsxs)("div",{className:C().Col2,children:[s.fields2.map(function(e,s){return(0,i.jsx)(N.Z,{type:e.type,name:e.name,required:e.required,onChange:o,value:n[e.name]?n[e.name]:"",children:e.placeholder},s)}),(0,i.jsxs)(T.Z,{name:"terms",checked:r,onChange:d,children:["Отправляя форму, вы даёте своё",(0,i.jsx)("a",{href:"#",children:"согласие на обработку персональных данных"})]})]})]}),(0,i.jsx)("div",{className:C().FormButton,children:(0,i.jsx)(S.Z,{onClick:$,children:"далее"})})]})}var g=t(5085),k=t.n(g),D=t(1664),b=t.n(D);function B(e){var s=e.onClick,t=e.deliveryType,n=e.setDeliveryType,a=function(e){var s=e.target.name;"pickup"===s||"delivery"===s?n(function(t){return"delivery"===s?{pay:"sdek",type:e.target.name}:(0,f.Z)((0,v.Z)({},t),{type:e.target.name})}):n(function(s){return(0,f.Z)((0,v.Z)({},s),{pay:e.target.name})})};return(0,i.jsxs)("div",{children:[(0,i.jsx)("h3",{className:k().Title,children:"Выбор способа доставки и\xa0оплаты"}),(0,i.jsxs)("div",{className:k().Radio,children:[(0,i.jsxs)("label",{htmlFor:"1",className:k().LeftRadio,children:[(0,i.jsx)("input",{type:"radio",name:"pickup",id:"1",checked:"pickup"===t.type,onCh

1ange:a}),(0,i.jsxs)("div",{className:k().Info,children:[(0,i.jsxs)("div",{className:k().InfoText,children:[(0,i.jsx)("h5",{className:k().RadioTitle,children:"Самовывоз"}),(0,i.jsx)("p",{className:k().RadioDesc,children:"Москва, Пестовский переулок. д. 5"})]}),(0,i.jsx)(b(),{href:"#",children:(0,i.jsx)("a",{className:k().Link,children:"Показать на карте"})}),(0,i.jsxs)("div",{className:k().Hidden,children:[(0,i.jsx)("h5",{children:"Оплата"}),(0,i.jsxs)("div",{className:k().HiddenButtons,children:[(0,i.jsxs)("label",{htmlFor:"3",children:[(0,i.jsx)("input",{type:"radio",name:"cash",id:"3",checked:"cash"===t.pay,onChange:a}),(0,i.jsx)("span",{children:"наличными"})]}),(0,i.jsxs)("label",{htmlFor:"4",children:[(0,i.jsx)("input",{type:"radio",name:"card",id:"4",checked:"card"===t.pay,onChange:a}),(0,i.jsx)("span",{children:"картой на месте"})]})]})]})]})]}),(0,i.jsxs)("label",{htmlFor:"2",className:k().RightRadio,children:[(0,i.jsx)("input",{type:"radio",name:"delivery",id:"2",checked:"delivery"===t.type,onCh

1ange:a}),(0,i.jsxs)("div",{className:k().Info,children:[(0,i.jsxs)("div",{className:k().InfoText,children:[(0,i.jsx)("h5",{className:k().RadioTitle,children:"СДЭК"}),(0,i.jsx)("p",{className:k().RadioDesc,children:"Доставка курьером или самовывоз"}),(0,i.jsx)("p",{className:k().RadioDesc,children:"Оплата картой онлайн"})]}),(0,i.jsx)("div",{className:k().Hidden,children:(0,i.jsx)("div",{className:k().HiddenButton,children:(0,i.jsx)("button",{children:"пункт выдачи / адрес доставки"})})})]})]})]}),(0,i.jsx)("div",{className:k().FormButton,children:(0,i.jsx)(S.Z,{onClick:s,children:"далее"})})]})}var F=t(6103),R=t.n(F),I=t(5144);function A(e){var s=e.deliveryType,t=(0,m.useContext)(I.q).products;return(0,i.jsxs)("div",{children:[(0,i.jsx)("h3",{className:R().Title,children:"Подтверждение заказа"}),(0,i.jsxs)("div",{className:R().Table,children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("h4",{className:R().SubTitle,children:"Товаров"}),(0,i.jsxs)("h4",{className:R().Count,children:[t.count," шт"]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("h4",{className:R().SubTitle,children:"Стоимость"}),(0,i.jsxs)("h4",{className:R().Count,children:[t.price,"₽"]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("h4",{className:R().SubTitle,children:"Доставка"}),(0,i.jsx)("h4",{className:R().Count,children:"pickup"===s.type?"Самовывоз":"СДЭК"})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("h4",{className:R().SubTitle,children:"Оплата"}),(0,i.jsx)("h4",{className:R().Count,children:"cash"===s.pay?"Наличными":"card"===s.pay?"Картой при получении":"Пункт выдачи"})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("h4",{className:R().SubTitle,children:"Стоимость доставки"}),(0,i.jsx)("h4",{className:R().Count,children:"Бесплатно"})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("h4",{className:R().SubTitle,children:"Итого"}),(0,i.jsxs)("h4",{className:R().Count,children:[t.price,"₽"]})]})]}),(0,i.jsx)("div",{className:R().FormButton,children:(0,i.jsx)(S.Z,{children:"оформить"})})]})}function Z(e){var s=e.step,t=e.onClick,n=e.data,a=e.formData,l=e.setFormData,r=e.deliveryType,c=e.setDeliveryType;return(0,i.jsxs)("div",{className:"".concat(p().Step),children:[1===s&&(0,i.jsx)(y,{fields:n,onClick:t,formData:a,setFormData:l}),2===s&&(0,i.jsx)(B,{deliveryType:r,setDeliveryType:c,onClick:t}),3===s&&(0,i.jsx)(A,{onClick:t,deliveryType:r})]})}var w={fields:{fields1:[{type:"text",required:"true",placeholder:"Ваше имя",name:"name"},{type:"text",required:"true",placeholder:"Ваша фамилия",name:"surname"},{type:"tel",required:"true",name:"phone",placeholder:"Номер телефона"}],fields2:[{type:"email",required:"true",placeholder:"Электронная почта",name:"email"},{type:"text",required:"true",placeholder:"город",name:"city"}]}},H=function(){var e=(0,m.useState)([{id:1,title:"Шаг 1",subTitle:"Ввод личных данных"},{id:2,title:"Шаг 2",subTitle:"Выбор способа доставки и\xa0оплаты"},{id:3,title:"Шаг 3",subTitle:"Подтверждение заказа"}]),s=e[0];e[1];var t=(0,m.useState)({}),a=t[0],l=t[1],r=(0,m.useState)({type:"pickup",pay:"cash"}),c=r[0],d=r[1],$=(0,m.useState)(1),u=$[0],x=$[1],p=function(e){e<=u&&x(e)},j=function(){x(u+1)};return(0,i.jsx)("section",{className:o().Section,children:(0,i.jsxs)(n.Z,{children:[(0,i.jsx)("h1",{className:o().Title,children:"Оформление заказа"}),(0,i.jsx)("div",{className:o().FormHeader,children:s.map(function(e){return(0,i.jsx)(h,{step:e,active:u,onClick:p},e.id)})}),(0,i.jsx)("div",{className:o().Form,children:(0,i.jsx)(Z,{data:w.fields,step:u,onClick:j,formData:a,setFormData:l,deliveryType:c,setDeliveryType:d})})]})})},L=[{url:"/",name:"Главная"},{url:"/",name:"оформление заказа"}],M=function(){return(0,i.jsxs)(a.Z,{title:"Оформление заказа",description:"",children:[(0,i.jsx)(n.Z,{children:(0,i.jsx)(l.Z,{list:L})}),(0,i.jsx)(H,{}),(0,i.jsx)(c.default,{}),(0,i.jsx)(r.default,{})]})}},1920:function(e){e.exports={Step:"FormStep_Step__Coff6"}},4909:function(e){e.exports={Title:"Step1_Title__WLnf4",FormColumns:"Step1_Form

1Columns__EzhaC",Col1:"Step1_Col1__4NylD",Col2:"Step1_Col2__OGDmP",FormButton:"Step1_FormButton__oYFnG"}},5085:function(e){e.exports={Title:"Step2_Title__DLCMj",Radio:"Step2_Radio__EG3AU",LeftRadio:"Step2_LeftRadio__39Hzw",RightRadio:"Step2_RightRadio__5pB51",Info:"Step2_Info___NnbX",Hidden:"Step2_Hidden__S1VbH",Link:"Step2_Link__8bJvD",HiddenButton:"Step2_HiddenButton___g86C",HiddenButtons:"Step2_HiddenButtons__zTA__",Active:"Step2_Active__iRHVd",InfoText:"Step2_InfoText__iVCwA",RadioTitle:"Step2_RadioTitle__Qix4j",RadioDesc:"Step2_RadioDesc__u6eeM",FormButton:"Step2_FormButton__mFtSA"}},6103:function(e){e.exports={Title:"Step3_Title__8mcR1",Table:"Step3_Table__s3hCS",SubTitle:"Step3_SubTitle__FgAxK",Count:"Step3_Count__bzufz",FormButton:"Step3_FormButton__0SB0K"}},5864:function(e){e.exports={Section:"Ordering_Section__fvHAP",FormHeader:"Ordering_FormHeader__zvkbh",Title:"Ordering_Title__82NoP"}},3236:function(e){e.exports={Step:"Step_Step__XxF76",Triangle:"Step_Triangle__InnQ8",Active:"Step_Active__tWKiF",Title:"Step_Title__P_jtV",SubTitle:"Step_SubTitle__XvoIV"}},1186:function(e){e.exports={BreadCrumbs:"BreadCrumbs_BreadCrumbs__Yllkj",Link:"BreadCrumbs_Link__7za96",LastItem:"BreadCrumbs_LastItem__LkWV6"}},5027:function(e){e.exports={Section:"Contacts_Section__8l4S_",Top:"Contacts_Top__TATW0",Title:"Contacts_Title__p85Mw",Row:"Contacts_Row__q4Z_z",Icon:"Contacts_Icon__cKWBh",Address:"Contacts_Address__N8Ix1",Phone:"Contacts_Phone__1lStt",MapWrap:"Contacts_MapWrap__bOf0C",Map:"Contacts_Map__yyamw",DetailedAddress:"Contacts_DetailedAddress__9QHYX",BtnVirtualTourWrap:"Contacts_BtnVirtualTourWrap__D3Qcn",BtnVirtualTour:"Contacts_BtnVirtualTour__kKcmg",Virtual:"Contacts_Virtual__7oa72"}},3389:function(e){e.exports={Section:"Questions_Section__SBYXt",Inner:"Questions_Inner__GoU6C",Btn:"Questions_Btn__Uvcna",Circle:"Questions_Circle__mWJNi",Content:"Questions_Content__VAeWO",ContentDecor:"Questions_ContentDecor__ojNXT",Title:"Questions_Title__CMe6l",Text:"Questions_Text__ObDU0",DecorLeft:"Questions_DecorLeft__cHkV8",DecorTop:"Questions_DecorTop__ELyOy",DecorRight:"Questions_DecorRight__t6s4y"}}},function(e){e.O(0,[1664,4380,866,9774,2888,179],function(){return e(e.s=3376)}),_N_E=e.O()}]);