https://cdn.4lapy.ru/_next/static/chunks/pages/feedback-9be7a55341943248.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="2d5614e1-22ff-4df1-a693-2868c09ac184",e._sentryDebugIdIdentifier="sentry-dbid-2d5614e1-22ff-4df1-a693-2868c09ac184")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8862],{14560:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/feedback",function(){return a(59714)}])},98700:function(e,t,a){"use strict";a.d(t,{P:function(){return isJsonString}});let isJsonString=e=>{try{JSON.parse(e)}catch(e){return!1}return!0}},59714:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSP:function(){return L},default:function(){return pages_feedback}});var r=a(85893),n=a(67294),l=a(94184),i=a.n(l),o=a(82175),s=a(41664),d=a.n(s),c=a(98260),u=a(72057),p=a(682),_=a(26801),f=a(98700),m=a(14489),g=a(89303),h=a(40220),v=a(63414),x=a(21269),E=a(75050),b=a(52496),N=a(27954),F=a(19435),w=a(72060),j=a(39903),C=a(83767),S=a(24981),I=a(26455),k=a.n(I),U=a(68380);let D=["jpg","jpeg","png","doc","docx"],FileUploader=e=>{let{file:t,setFile:a}=e,l=(0,j.I0)(),o=(0,n.useRef)(null),[s,d]=(0,n.useState)(null),[c,u]=(0,n.use

1State)(!1),p=(0,n.useRef)(0);(0,n.useEffect)(()=>{let e=null;return t&&t.type.startsWith("image/")?d(e=URL.createObjectURL(t)):d("/images/file.svg"),()=>{e&&URL.revokeObjectURL(e)}},[t]);let processFile=e=>{var r;if(!e)return;if(t){l((0,U.zF)({title:"загрузка файла",text:"Вы можете прикрепить только один файл.",isOpen:!0}));return}if(e.size>2097152){a(void 0),l((0,U.zF)({title:"загрузка файла",text:"Объем одного файла не более 2 Мб.",isOpen:!0})),o.current&&(o.current.value="");return}let n=null===(r=e.name.split(".").pop())||void 0===r?void 0:r.toLowerCase();if(!n||!D.includes(n)){l((0,U.zF)({title:"ошибка загрузки файла",text:"Произошла ошибка загрузки файла. Выберите другой файл.",isOpen:!0})),a(void 0),o.current&&(o.current.value="");return}a(e)};return(0,r.jsxs)("div",{className:k().fileUploaderWrapper,children:[(0,r.jsx)("span",{className:i()(k().fileUploaderSectionTitle,"text-h4"),children:"загрузите файл"}),t&&s&&(0,r.jsxs)("div",{className:k().filePreviewContainer,children:[(0,r.jsx)("img",{src:s,alt:null==t?void 0:t.name,className:k().filePreviewImage}),(0,r.jsx)("button",{type:"button",onClick:()=>{a(void 0),d(null),o.current&&(o.current.value="")},className:k().filePreviewDelete,children:(0,r.jsx)(C.J,{src:"./cross-white.svg"})})]}),(0,r.jsxs)("div",{className:i()(k().fileUploader,{[k().fileUploaderDragging]:c}),onDragEnter:e=>{e.preventDefault(),p.current++,1===p.current&&u(!0)},onDragLeave:e=>{e.preventDefault(),p.current--,0===p.current&&u(!1)},onDragOver:e=>{e.preventDefault()},onDrop:e=>{var t;e.preventDefault(),u(!1),p.current=0,processFile(null===(t=e.dataTransfer.files)||void 0===t?void 0:t[0])},children:[(0,r.jsx)("input",{className:k().fileInput,ref:o,type:"file",name:"file",onChange:e=>{var t;processFile(null===(t=e.target.files)||void 0===t?void 0:t[0])},accept:"image/png, image/jpeg, .doc,.docx"}),(0,r.jsxs)("div",{className:k().fileUploaderRow,children:[(0,r.jsx)(S.z,{className:i()(k().btn,k().fileBtn),type:"button",onClick:()=>{t?l((0,U.zF)({title:"загрузка файла",text:"Вы можете прикрепить только один файл.",isOpen:!0})):o.current&&o.current.click()},children:(0,r.jsx)(C.J,{width:56,height:56,src:"./photo_drop_icon.svg"})}),(0,r.jsx)("div",{className:k().fileUploaderLeft,children:(0,r.jsxs)("div",{className:k().fileUploaderEmpty,children:[(0,r.jsx)("div",{className:k().fileUploaderTitle,children:"Нажмите на кнопку или перетащите файл сюда"}),(0,r.jsxs)("div",{className:k().fileUploaderText,children:[(0,r.jsx)("p",{children:"Объем файла не более 2 Мб."}),(0,r.jsx)("p",{children:"Допустимые форматы файла: jpg, jpeg, png, doc, docx"})]})]})})]})]})]})},R={USER_NAME:"name",USER_EMAIL:"email",USER_PHONE:"phone",MESSAGE:"message",FILE:"file",AGREEMENT:"agreement"};var T=a(16310);let M=T.Ry().shape({name:T.Z_().required(p.Ie.REQ_NAME).min(1,p.Ie.MINLENGTH(1)).max(50,p.Ie.MAXLENGTH(50)),email:T.Z_().required(p.Ie.REQUIRED).test("is-valid",p.Ie.EMAIL,e=>!!e&&!!p.Ph.email(e)).min(1,p.Ie.MINLENGTH(1)).max(50,p.Ie.MAXLENGTH(50)),phone:T.Z_().length(16,p.Ie.PHONE).required(p.Ie.REQUIRED),topicId:T.Z_().required(p.Ie.THEME_REQUIRED),message:T.Z_().required(p.Ie.COMMENT_REQUIRED).min(5,p.Ie.MINLENGTH(5)).max(1e3,p.Ie.MAXLENGTH(600))});var FeedbackContainer_FeedbackContainer=e=>{let{feedbackTopics:t,prefillValues:a}=e,[l,s]=(0,n.useState)(null),[j,C]=(0,n.useState)(!1),[S,I]=(0,n.useState)(!1),U=(null==l?void 0:l.phone)||"",D=(0,_.un)(U),getUserData=async()=>{let{data:e}=await (0,c.PRA)();return e};(0,n.useEffect)(()=>{getUserData().then(e=>{s(e)})},[]);let getTopicIdByReason=e=>{if(!e||!t)return"";if(["other","другое"].includes(e.toLowerCase())){let e=t.find(e=>{var t;return(null===(t=e.value)||void 0===t?void 0:t.toLowerCase())==="другое"});return(null==e?void 0:e.code)||""}let a=t.find(t=>t.code===e);return a?a.code:""},T=(0,n.useMemo)(()=>({name:(null==l?void 0:l.name)||"",email:(null==l?void 0:l.email)||"",phone:D||"",topicId:getTopicIdByReason(null==a?void 0:a.reason)||"",message:(null==a?void 0:a.text)||"",agreement:!1}),[l,D,a,t]),y=(0,n.useMemo)(()=>

1{if(t&&T.topicId)return t.find(e=>e.code===T.topicId)||void 0},[t,T.topicId]);if(S)return(0,r.jsxs)("div",{className:k().success,children:[(0,r.jsx)("div",{className:i()(k().successHeader,"text-h1"),children:"Спасибо"}),(0,r.jsx)("div",{className:i()(k().successText,"text-b2"),children:"Ваш отзыв отправлен"}),(0,r.jsx)("div",{className:k().successFooter,children:(0,r.jsx)(v.Z,{themes:["square-black"],className:k().toMainBtn,href:"/",children:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:i()(k().textBtn,"text-button-big white"),children:"перейти на главную"}),(0,r.jsx)(h.Z,{className:k().editIcon,src:"./send-arrow.svg",width:24,height:24})]})})})]});let onSubmit=async e=>{var t,a,r;C(!0);let n=new FormData;for(let t in e)t!==R.AGREEMENT&&n.append(t,e[t]);try{let e=await (0,u.ZR)(n);(null===(t=e.data)||void 0===t?void 0:t.success)&&(I(!0),window.scrollTo({top:0}))}catch(t){console.error(t),(0,m.p)(t);let e=(null===(r=t.response)||void 0===r?void 0:null===(a=r.data)||void 0===a?void 0:a.message)||"Отправить заявку не удалось, попробуйте позднее";e&&((0,f.P)(e)&&JSON.parse(e).file?(0,g.m)({text:JSON.parse(e).file,type:"error"}):(0,g.m)({text:e,type:"error"}))}C(!1)};return(0,r.jsxs)("div",{className:k().formWrapper,children:[(0,r.jsx)("h1",{className:k().formTitle,children:"Обратная связь"}),(0,r.jsx)("div",{className:k().formText,children:"Мы открыты для обратной связи с покупателями, партнерами и соискателями! Оставьте свой отзыв о работе компании Четыре Лапы в форме, приведенной ниже"}),(0,r.jsx)(o.J9,{initialValues:T,validateOnBlur:!0,validationSchema:M,onSubmit:onSubmit,enableReinitialize:!0,children:e=>{let{getFieldMeta:a,getFieldProps:n,setFieldValue:l}=e;return(0,r.jsxs)(o.l0,{className:i()(k().form,k().recipient),children:[(0,r.jsx)("div",{className:k().formBodyWrapper,children:(0,r.jsxs)("div",{className:k().formBody,children:[(0,r.jsx)("div",{className:k().field,children:(0,r.jsx)(E.Z,{type:"text",name:R.USER_NAME,autoComplete:"off",floatingLabel:"Имя",required:!0,meta:a(R.USER_NAME),field:n(R.USER_NAME),onChange:e=>{l(R.USER_NAME,(0,w.M6)(e.target.value),!0)},onBlur:e=>{l(R.USER_NAME,(0,w.M6)(e.target.value),!0)},onClear:()=>{l(R.USER_NAME,"")}})}),(0,r.jsx)("div",{className:k().field,children:(0,r.jsx)(E.Z,{type:"tel",mask:p.gP,name:R.USER_PHONE,floatingLabel:"Телефон",autoComplete:"off",meta:a(R.USER_PHONE),field:n(R.USER_PHONE),onClear:()=>{l(R.USER_PHONE,"")},onChange:e=>{let{value:t}=e.target;l(R.USER_PHONE,t.replace(/[^\d]/g,""))},required:!0})}),(0,r.jsx)("div",{className:k().field,children:(0,r.jsx)(E.Z,{type:"email",name:R.USER_EMAIL,autoComplete:"off",floatingLabel:"Email",meta:a(R.USER_EMAIL),field:n(R.USER_EMAIL),onClear:()=>{l(R.USER_EMAIL,"")},onChange:e=>{l(R.USER_EMAIL,(0,w.an)(e.target.value,50),!0)},onBlur:e=>{l(R.USER_EMAIL,(0,w.an)(e.target.value,50),!0)},required:!0})}),(0,r.jsx)(N.F,{className:k().field,buttonClassName:k().selectDropdownButton,visiblePlaceholder:!0,values:t,onChange:e=>{l("topicId",e.code)},placeholder:"Тема",size:"small",variant:"input",field:n("topicId"),meta:a("topicId"),maxHeightDropdown:"275px",addStarToPlaceholder:!0,value:y}),(0,r.jsx)(F.Z,{label:"комментарий",mix:k().field,labelMix:k().commentLabel,floatingLabelMix:k().floatingLabel,keepFloatingLabel:!0,inputMix:k().textarea,textareaWrapperMix:k().textareaWrapper,hasValueMix:k().hasValue,field:n("message"),meta:a("message"),floatingLabel:"Максимум ".concat(600," символов."),cols:6,name:R.MESSAGE,autoComplete:"off",simpleErrorCondition:!0,onChange:e=>{e&&l("message",(0,w.an)(e.target.value,600))},onBlur:e=>{e&&l("message",(0,w.an)(e.target.value,600))}})]})}),(0,r.jsx)(FileUploader,{file:a(R.FILE).value,setFile:e=>{l(R.FILE,e)}}),(0,r.jsxs)("div",{className:k().formFooter,children:[(0,r.jsx)("div",{className:k().formFooterItem,children:j?(0,r.jsx)("div",{className:k().footerPreloaderWrapper,children:(0,r.jsx)(b.Z,{width:56})}):(0,r.jsx)(v.Z,{className:i()(k().btn,k().sendBtn),type:"submit",themes:["square-black"],disabled:!n(R.AGREEMENT).value,children:(0,r.jsxs)("div",{children:["отправить",(0,r.jsx)(h.Z,{className:k().editIcon,src:"./send-arrow.svg",width:24,height:24})]})})}),(0,r.jsx)("div",{className:k().formFooterItem,children:(0,r.jsx)("div",{className:k().formFooterAgreement,children:(0,r.jsx)(x.Z,{name:"agreement",label:(0,r.jsxs)("p",{className:k().agreementText,children:["Я даю"," ",(0,r.jsx)(d(),{target:"_blank",href:"/confidenciality-agreement/",children:"согласие на обработку персональных данных"})]}),checked:n(R.AGREEMENT).value,value:n(R.AGREEMENT).value?"true":"",handleChange:()=>{l(R.AGREEMENT,!n(R.AGREEMENT).value)},meta:a("agreement")})})})]})]})}})]})},y=a(37453),L=!0,pages_feedback=e=>{let{feedbackTopics:t,prefillValues:a}=e;return(0,r.jsx)(y.Z,{hasPadding:!0,children:(0,r.jsx)(FeedbackContainer_FeedbackContainer,{feedbackTopics:t,prefillValues:a})})}},27954:function(e,t,a){"use strict";a.d(t,{F:function(){return SelectDropdown}});var r=a(85893),n=a(67294),l=a(94184),i=a.n(l),o=a(66435),s=a(83767),d=a(4532),c=a(1253),u=a(84990);let p={value:"",code:""},_="ordinary";var f=a(6805),m=a.n(f);

1let useSelectDropdownClasses=e=>{let{shown:t,size:a="big",variant:r=_,visiblePlaceholder:n}=e,l=(0,u.a)("(max-width:767px)"),o="nude"===r,s="input"===r,d={big:m().bigTrigger,small:m().smallTrigger}[a],c=i()(d,m().trigger,m().triggerButton,t&&m().triggerShown,"text-input",o&&m().triggerNudeVariant,s&&m().triggerInputVariant,n&&m().placeholder),p=i()(m().button,l?"text-input":"text-interface",o&&m().itemNudeVariant,s&&m().itemInputVariant),f=i()(m().listWrapper,s&&m().listWrapperInputVariant);return{trigger:c,item:p,listWrapper:f}},SelectDropdown=e=>{var t;let{id:a,initialValue:l=p,size:u="big",variant:f=_,values:g,value:h,onChange:v,disabled:x,className:E,buttonClassName:b,placeholder:N,meta:F,field:w,errorText:j,maxHeightDropdown:C,loading:S,listWrapperClassName:I,addStarToPlaceholder:k,visiblePlaceholder:U,dataTestId:D="select-dropdown"}=e,R=(0,n.useRef)(null);(0,o.t)(R,()=>B(!1));let T=!!((null==F?void 0:F.touched)&&F.error)||!!j,[M,y]=(0,n.useState)(h||(N?null:l)),[L,B]=(0,n.useState)(!1),A=useSelectDropdownClasse

1s({shown:L,size:u,variant:f,visiblePlaceholder:!!N&&!M}),handleChangeValue=e=>{var t;y(e),B(!1),v(e),null==w||null===(t=w.onChange)||void 0===t||t.call(w,e.code)};return(0,n.useEffect)(()=>{h&&y(h)},[h]),(0,n.useEffect)(()=>{if(h&&!g.some(e=>e.code===(null==h?void 0:h.code))){var e;y(null),null==w||null===(e=w.onChange)||void 0===e||e.call(w,"")}},[h,g,w]),(0,n.useEffect)(()=>{if((null==w?void 0:w.name)!=="petBreedId")return},[h,g,M,w]),(0,r.jsxs)("div",{className:i()(m().root,E),ref:R,id:a,"data-testid":D,children:[(0,r.jsx)("button",{type:"button",className:i()(A.trigger,b),onClick:()=>{B(!L)},disabled:x||S,onBlur:e=>{null==w||w.onBlur(e)},"data-testid":"select-dropdown-trigger",children:S?(0,r.jsx)(c.p,{}):(0,r.jsxs)(r.Fragment,{children:[(U||!(null==M?void 0:M.value))&&(0,r.jsxs)("span",{className:i()(m().placeholder,{[m().placeholderMin]:!!(null==M?void 0:M.value)}),"data-testid":"select-dropdown-placeholder",children:[N,k&&(0,r.jsx)("span",{className:m().requiredStar})]}),(0,r.jsx)("span",{className:m().span,"data-testid":"select-dropdown-value",children:null!==(t=null==M?void 0:M.value)&&void 0!==t?t:""}),(0,r.jsx)(s.J,{className:m().triggerIcon,width:22,height:22,color:"gray-darkest",src:"./arrow-next.svg"})]})}),T&&(0,r.jsx)("span",{className:m().errorText,"data-testid":"select-dropdown-error",children:(0,r.jsx)(d.Z,{text:(null==F?void 0:F.error)||j})}),L&&(0,r.jsx)("div",{className:i()(A.listWrapper,I),style:{maxHeight:C},"data-testid":"select-dropdown-list",children:null==g?void 0:g.map(e=>{let t=(null==M?void 0:M.code)===e.code;return(0,r.jsxs)("button",{id:"sort.filter.".concat(e.code),className:A.item,onClick:()=>handleChangeValue(e),"data-testid":"select-dropdown-option-".concat(e.code),children:[e.value,t&&(0,r.jsx)(s.J,{width:18,height:18,src:"./check.svg"})]},e.code)})})]})}},26455:function(e){e.exports={formWrapper:"FeedbackContainer_formWrapper__Zsf8i",formTitle:"FeedbackContainer_formTitle__PwU2w",formText:"FeedbackContainer_formText__kHv_E",form:"FeedbackContainer_form__J40H9",commentLabel:"FeedbackContainer_commentLabel__yQF9l",textarea:"FeedbackContainer_textarea__F1cpd",floatingLabel:"FeedbackContainer_floatingLabel__vfSaB",hasValue:"FeedbackContainer_hasValue__UI_ex",formBody:"FeedbackContainer_formBody__3Df3e",field:"FeedbackContainer_field__iFC_u",selectDropdownButton:"FeedbackContainer_selectDropdownButton__WWl4s",fileInput:"FeedbackContainer_fileInput__ppnSc",fileUploaderWrapper:"FeedbackContainer_fileUploaderWrapper__luZVK",fileUploaderSectionTitle:"FeedbackContainer_fileUploaderSectionTitle__cwkWS",fileUploader:"FeedbackContainer_fileUploader__F27jn",fileBtn:"FeedbackContainer_fileBtn__Pv5d1",fileUploaderRow:"FeedbackContainer_fileUploaderRow__cfZBW",fileUploaderTitle:"FeedbackContainer_fileUploaderTitle__77MBe",fileUploaderText:"FeedbackContainer_fileUploaderText___zU7i",fileBtnFull:"FeedbackContainer_fileBtnFull__mRfqF",fileBtnEmpty:"FeedbackContainer_fileBtnEmpty__f4Sj_",fileError:"FeedbackContainer_fileError__CySay",formFooter:"FeedbackContainer_formFooter__F5bAN",formFooterItem:"FeedbackContainer_formFooterItem__gBqq1",formFooterAgreement:"FeedbackContainer_formFooterAgreement__rox51",formFooterAgreementLink:"FeedbackContainer_formFooterAgreementLink__ijYFX",sendBtn:"FeedbackContainer_sendBtn__3iFmV",fileUploaderFileName:"FeedbackContainer_fileUploaderFileName__zboOc",fileUploaderFileNameValue:"FeedbackContainer_fileUploaderFileNameValue__j5Ec0",deleteFile:"FeedbackContainer_deleteFile__BwsJe",success:"FeedbackContainer_success__LzFX2",successText:"FeedbackContainer_successText__vfpwj",successFooter:"FeedbackContainer_successFooter__geYkW",toMainBtn:"FeedbackContainer_toMainBtn__tAZR0",agreementText:"FeedbackContainer_agreementText__j01Ce",textareaWrapper:"FeedbackContainer_textareaWrapper__8UdNs",filePreviewContainer:"FeedbackContainer_filePreviewContainer__ZvovT",filePreviewImage:"FeedbackContainer_filePreviewImage__xhyk2",filePreviewDelete:"FeedbackContainer_filePreviewDelete__OlNBW",fileUploaderDragging:"FeedbackContainer_fileUploaderDragging__HchCp"}},6805:function(e){e.exports={root:"SelectDropdown_root__rJPPH",placeholder:"SelectDropdown_placeholder__GEbNw",placeholderMin:"SelectDropdown_placeholderMin__HXKPI",trigger:"SelectDropdown_trigger__ob1mA",triggerNudeVariant:"SelectDropdown_triggerNudeVariant__xuJKm",triggerInputVariant:"SelectDropdown_triggerInputVariant__1D8r7",smallTrigger:"SelectDropdown_smallTrigger__w6_5W",bigTrigger:"SelectDropdown_bigTrigger__aXRYy",triggerIcon:"SelectDropdown_triggerIcon__vjjwD",triggerShown:"SelectDropdown_triggerShown__3R8DZ",list:"SelectDropdown_list__BUOM5",button:"SelectDropdown_button__BftD1",listWrapper:"SelectDropdown_listWrapper__hpc5L",listWrapperInputVariant:"SelectDropdown_listWrapperInputVariant__9oa6E",itemNudeVariant:"SelectDropdown_itemNudeVariant__7f_DG",span:"SelectDropdown_span__fendu",itemInputVariant:"SelectDropdown_itemInputVariant__GUOSE",requiredStar:"SelectDropdown_requiredStar__YEQB9"}}},function(e){e.O(0,[9774,1664,9253,8112,378,1385,1176,5552,5936,6100,4796,8156,7453,2888,179],function(){return e(e.s=14560)}),_N_E=e.O()}]);