https://cdn.metaratings.ru/_next/static/chunks/71133-80f779a0aa09328b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[71133],{15152:(e,r,a)=>{"use strict";a.d(r,{l:()=>v});var o=a(60072),s=a(60004),t=a(86419),i=a.n(t),l=a(87520),n=a(10366),c=a(18918),m=a(24783),d=a(65059),u=a(51805),_=a.n(u);let p=({appearance:e,name:r,placeholder:a,label:t,labelObject:u,mobileLabel:p,required:h,error:x,inputType:v="text",maxLength:k,withCounter:g,className:f,accept:j,changeHandler:b,defaultValue:w})=>{let{t:F}=(0,n.Bd)("layout");void 0===w&&(w="checkbox"!==e&&"customRadio"!==e&&"");let[R,B]=(0,s.useState)(w),[N,y]=(0,s.useState)(null),G=(0,s.useRef)(null),M=(0,m.U)(1099),S=e=>{b&&b(e.currentTarget),"checkbox"===e.currentTarget.type?B(!R):B(e.currentTarget.value)},I=e=>"file"===v&&(0,l.z2)(e)?"."+e.join(",."):void 0,T=e=>{let r=e.target;(0,l.z2)(r.files)&&y((r?.files[0]).name)};return(0,o.jsx)("div",{className:i()(_().formGroup,f,{[_().checkbox]:"checkbox"===e,[_().customRadio]:"customRadio"===e,[_().input]:"input"===e,[_().textarea]:"textarea"===e,[_().hidden]:"hidden"===v,[_().withCounter]:g,[_().error]:x}),children:(()=>{switch(e){case"input":return(0,o.jsxs)(o.Fragment,{children:["hidden"!==v&&(0,o.jsxs)("label",{children:[t," ",h&&(0,o.jsx)("span",{className:_().required,children:"*"})]}),(0,o.jsx)("input",{value:R,onChange:S,placeholder:a,accept:I(j),name:r,required:h,type:v,maxLength:k}),x&&(0,o.jsx)("div",{className:_().message,children:x})]});case"file":return(0,o.jsxs)("div",{className:_().formGroupFile,children:[(0,o.jsx)("input",{type:"file",name:r,id:"file",accept:I(j),onChange:T,ref:G}),N?(0,o.jsxs)("div",{className:_().loadedFile,children:[(0,o.jsx)("div",{className:_().loadedFileName,children:N}),(0,o.jsx)("button",{className:_().loadedFileRemove,type:"button",onClick:e=>{let r;return y(null),void((r=G.current)&&(r.value=""))},children:(0,o.jsx)(d.I,{icon:"close",size:15})})]}):(0,o.jsxs)("label",{htmlFor:"file",children:[(0,o.jsx)(d.I,{icon:"upload",size:20}),(0,o.jsx)("span",{className:_().formGroupFileText,children:M?p:t})]}),x&&(0,o.jsx)("div",{className:_().message,children:x})]});case"textarea":let s=g&&k?k-R.length:void 0;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("label",{children:[t," ",h&&(0,o.jsx)("span",{className:_().required,children:"*"})]}),(0,o.jsxs)("div",{className:_().textareaWrapper,children:[(0,o.jsx)("textarea",{value:R,onChange:S,placeholder:a,name:r,required:h,maxLength:k}),g&&void 0!==s&&(0,o.jsxs)("div",{className:_().counter,children:[(0,c.A)(s,[F("Remained"),F("Stayed"),F("Stayed")])," ",s," ",(0,c.A)(s,[F("aSymbol"),F("symbol"),F("symbols")])]})]}),x&&(0,o.jsx)("div",{className:_().message,children:x})]});case"checkbox":return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("label",{className:i()({[_().isChecked]:!!R}),children:[t,(0,o.jsx)("input",{checked:!!R,onChange:S,type:"checkbox",required:h,name:r}),!!R&&(0,o.jsx)(d.I,{icon:"check",size:11,className:_().arrow})]}),x&&(0,o.jsx)("div",{className:_().message,children:x})]});case"customRadio":return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:_().title,children:[t," ",h&&(0,o.jsx)("span",{className:_().required,children:"*"})]}),!(0,l.Ie)(u)&&u.map((e,a)=>(0,o.jsxs)("label",{className:i()({[_().isChecked]:R===e.value}),children:[(0,o.jsx)("input",{checked:e.selected||R===e.value,onChange:S,type:"radio",required:h,value:e.value,name:r}),(0,o.jsx)("span",{children:e.label})]},a)),x&&(0,o.jsx)("div",{className:_().message,children:x})]})}})()})};var h=a(24359),x=a.n(h);let v=(0,s.forwardRef)(({fields:e,defaultValues:r,formError:a,fieldsErrors:t,setEnableOnFill:n,className:c},m)=>{let d=(0,s.useRef)(null);(0,s.useEffect)(()=>{m&&(m.current=u)},[]);let u=()=>{if(d.current){let e=Object.fromEntries(new FormData(d.current));return e.agree&&(e.agree="on"===e.agree),e}return{}};return(0,o.jsxs)("form",{className:i()(x().form,c),ref:d,children:[e.map((e,a)=>{var o;return(0,s.createElement)(p,{...e,error:(0,l.Ie)(t)?void 0:t[e.name],key:`${e.name}_${a}`,changeHandler:e=>(e=>{if(!n)return;let r=e.closest("form");if(r){let e=r.querySelectorAll("input[required]"),a=r.querySelectorAll("textarea[required]");(0,l.Ie)(e)&&(0,l.Ie)(a)||n([...e,...a].some(e=>{if("checkbox"===e.type)return!e.checked;if("radio"===e.type){let a=r.querySelectorAll(`input[type=radio][required][name=${e.name}]:checked`);return(0,l.Ie)(a)}return 0===e.value.length}))}})(e),className:i()(e.className,{[x().formGroup]:"file"!==e.appearance,[x().w50]:e.halfWidth}),defaultValue:(o=e.name,r&&o in r?r[o]:"")})}),a&&(0,o.jsx)("div",{className:x().textDanger,children:a})]})})},24359:e=>{e.exports={form:"Form_form__8zvlg",formGroup:"Form_formGroup__xtEWe",w50:"Form_w50__x1E5y",textDanger:"Form_textDanger__i2eA2",submitBlock:"Form_submitBlock__XZYCg",modalWrap:"Form_modalWrap__OXYuM",submitButton:"Form_submitButton__YWmlg",isSuccess:"Form_isSuccess__vda15",subtitle:"Form_subtitle__G9IzF",success:"Form_success__j4oMg",show:"Form_show__G8Qsx",successIcon:"Form_successIcon__c_R4a",

1successText:"Form_successText__GKSws",successButton:"Form_successButton__JAUw3"}},30374:(e,r,a)=>{"use strict";a.d(r,{X:()=>t});var o=a(60004),s=a(10366);let t=e=>{let r={};for(let a of e)r[a]="";let[{formError:a,fieldsErrors:t},i]=(0,o.useState)({formError:"",fieldsErrors:r}),{t:l}=(0,s.Bd)("layout");return{formError:a,fieldsErrors:t,setFormError:e=>{if("string"==typeof e)return void i({formError:e,fieldsErrors:{...r}});let a={};for(let r in e.graphQLErrors){let o=e.graphQLErrors[r];if("validation"===o.extensions.category)for(let e in o.extensions.validation)a[e]=o.extensions.validation[e][0]}i({formError:e.message||l("CouldNotSendMessage"),fieldsErrors:{...r,...a}})},resetFormErrors:()=>{i({formError:"",fieldsErrors:{...r}})}}}},51805:e=>{e.exports={formGroup:"FormGroup_formGroup__GO1s9",error:"FormGroup_error__WkWlX",checkbox:"FormGroup_checkbox__Lvx2R",input:"FormGroup_input__afrLO",message:"FormGroup_message__Otxtv",isChecked:"FormGroup_isChecked__JbfH8",arrow:"FormGroup_arrow__JxerR",textarea:"FormGroup_textarea__tWIrH",required:"FormGroup_required__uakng",hidden:"FormGroup_hidden__Qrtzp",customRadio:"FormGroup_customRadio__qzKVh",title:"FormGroup_title__GT05C",withCounter:"FormGroup_withCounter__YRKf6",textareaWrapper:"FormGroup_textareaWrapper__FbwF1",counter:"FormGroup_counter__QaPBj",formGroupFile:"FormGroup_formGroupFile__mxAzv",highlight:"FormGroup_highlight__Rl1Pr",loadedFile:"FormGroup_loadedFile__gbqq0",loadedFileName:"FormGroup_loadedFileName__GxGPw",loadedFileProgress:"FormGroup_loadedFileProgress__WhP6M",loading:"FormGroup_loading__o3uEx",loadedFileRemove:"FormGroup_loadedFileRemove__CdeZ4"}},68201:e=>{e.exports={modalWrap:"BookmakerReviewModal_modalWrap__4kwPk",modalWrapSuccess:"BookmakerReviewModal_modalWrapSuccess__T9xvi",contentBlock:"BookmakerReviewModal_contentBlock__tFAxC",subtitle:"BookmakerReviewModal_subtitle__YROGY",form:"BookmakerReviewModal_form__i8_Oa",customRadio:"BookmakerReviewModal_customRadio__3ayVj",formLabel:"BookmakerReviewModal_formLabel__hsYjs",plus:"BookmakerReviewModal_plus__3rNW7",minus:"BookmakerReviewModal_minus__aqvt2",submitBlock:"BookmakerReviewModal_submitBlock__NdAYZ",submitButton:"BookmakerReviewModal_submitButton__u7Bwi",isSuccess:"BookmakerReviewModal_isSuccess__ry08g",backButton:"BookmakerReviewModal_backButton__FqPve",textDanger:"BookmakerReviewModal_textDanger__tGgJ8",success:"BookmakerReviewModal_success__4n2j6",successIcon:"BookmakerReviewModal_successIcon__t6tv1",successTitle:"BookmakerReviewModal_successTitle___LrFK",successText:"BookmakerReviewModal_successText__tDTgB",successButton:"BookmakerReviewModal_successButton__oHGJT"}},71133:(e,r,a)=>{"use strict";a.r(r),a.d(r,{BookmakerReviewModal:()=>F,REVIEW_ADD:()=>w,default:()=>R});var o=a(60072),s=a(60004),t=a(40546),i=a(36109),l=a(86419),n=a.n(l),c=a(10366),m=a(87520),d=a(97794),u=a(30374),_=a(2255),p=a(65059),h=a(1510),x=a(36914),v=a(71079),k=a(42483),g=a(15152),f=a(68201),j=a.n(f),b=a(81727);let w=(0,t.J1)`
2  mutation Review(
3    $bookmaker_id: Int!
4    $review_type: String!
5    $review_comment_positive: String
6    $review_comment_negative: String
7    $detail_text: String!
8    $name: String!
9    $agree: Boolean!
10  ) {
11    addReview(
12      bookmaker_id: $bookmaker_id
13      review_type: $review_type
14      review_comment_positive: $review_comment_positive
15      review_comment_negative: $review_comment_negative
16      detail_text: $detail_text
17      name: $name
18      agree: $agree
19    ) {
20      success
21      __typename
22    }
23  }
24`,F=({bookmakerId:e,showed:r,setShowState:a})=>{let{t:l}=(0,c.Bd)("layout"),f=[{appearance:"input",name:"bookmaker_id",inputType:"hidden"},{appearance:"customRadio",name:"review_type",inputType:"radio",required:!0,className:j().customRadio,label:l("YourOverallImpressionOfWorkingWithBK"),labelObject:[{value:"negative",label:(0,o.jsxs)("span",{children:[(0,o.jsx)(_._,{alt:"emoji-pouting",src:"/images/emoji/emoji-pouting.png",width:40,height:40,layout:"fixed"}),(0,o.jsx)("span",{children:l("Bad")})]})},{value:"neutral",label:(0,o.jsxs)("span",{children:[(0,o.jsx)(_._,{alt:"emoji-neutral",src:"/images/emoji/emoji-neutral.png",width:40,height:40,layout:"fixed"}),(0,o.jsx)("span",{children:l("Normal")})]})},{value:"positive",label:(0,o.jsxs)("span",{children:[(0,o.jsx)(_._,{alt:"emoji-smiling",src:"/images/emoji/emoji-smiling.png",width:40,height:40,layout:"fixed"}),(0,o.jsx)("span",{children:l("Good")})]})}]},{appearance:"input",name:"review_comment_positive",inputType:"text",placeholder:l("ItIsAGoodMobileApp"),label:(0,o.jsxs)("span",{className:n()(j().formLabel,j().plus),children:[(0,o.jsx)(p.I,{icon:"yep",width:16,height:16})," ",l("Pluses")]})},{appearance:"input",name:"review_comment_negative",inputType:"text",placeholder:l("LowCoefficients"),label:(0,o.jsxs)("span",{className:n()(j().formLabel,j().minus),children:[(0,o.jsx)(p.I,{icon:"nope",width:16,height:16})," ",l("Minuses")]})},{appearance:"input",name:"name",inputType:"text",required:!0,label:(0,o.jsx)("span",{className:j().formLabel,children:l("YourName")})}

24,{appearance:"textarea",name:"detail_text",inputType:"text",maxLength:1e3,withCounter:!0,required:!0,placeholder:l("DescribeYourExperienceOfInteractingWithABookmaker"),label:(0,o.jsx)("span",{className:j().formLabel,children:l("LeaveYourReview")})},{appearance:"checkbox",name:"agree",label:(0,o.jsxs)(o.Fragment,{children:[l("IAmFamiliarWith")," ",(0,o.jsx)(h.N,{href:"/politika-konfidentsialnosti/",children:l("termsOfService")})]}),required:!0}],F=(0,s.useRef)({bookmaker_id:e}),R=(0,s.useRef)(()=>{}),[B,N]=(0,s.useState)(!0),[y,G]=(0,s.useState)(!1),[M,S]=(0,s.useState)(!1);(0,s.useEffect)(()=>{S(y)},[y]);let I=f.filter(e=>e.required).map(e=>e.name),{formError:T,fieldsErrors:W,setFormError:E,resetFormErrors:q}=(0,u.X)(I),[C]=(0,i.n)((0,t.J1)`
25      ${w}
26    `,{}),A=(0,d.Mf)({event:"bookmaker",version:"review_page",section:window?.pageAnalytics?.section,form_category:"feedback",form_action:"send",place:"cta_button",name_click:l("Send")});return(0,o.jsx)(v.Modal,{id:"bookmakerReviewModal",opened:r,setOpenState:a,children:(0,o.jsx)("div",{className:n()(j().modalWrap,{[j().modalWrapSuccess]:M}),children:(0,o.jsxs)(k.A,{className:j().contentBlock,title:M?void 0:l("TheReviewFormAboutTheBookmaker"),children:[!M&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(g.l,{className:j().form,fields:f,ref:R,defaultValues:F.current,fieldsErrors:W,setEnableOnFill:N}),(0,o.jsx)("div",{className:j().submitBlock,children:(0,o.jsx)(x.$,{className:j().submitButton,onClick:()=>{let e;return e=R.current(),void(!((0,m.Ie)(F.current)&&(0,m.Ie)(e))&&(F.current={...F.current,...e,bookmaker_id:+F.current.bookmaker_id},C({variables:{...F.current}}).then(e=>{q(),G(!0),A({value:F.current?.review_type})},e=>{E(e)}).catch(e=>{E(e)})))},appearance:b.ej.BUTTON,color:b.nw.PRIMARY,disabled:B,children:l("Send")})})]}),M&&(0,o.jsxs)("div",{className:n()(j().success,{[j().show]:M}),children:[(0,o.jsx)("div",{className:j().successIcon,children:(0,o.jsx)(p.I,{icon:"yep",width:40,height:40})}),(0,o.jsx)("div",{className:j().successTitle,children:l("Good")}),(0,o.jsx)("div",{className:j().successText,children:l("YourReviewWillBePublishedAndWillHelpSomeoneWithChoosingABookmaker")}),(0,o.jsx)(x.$,{className:j().successButton,appearance:b.ej.BUTTON,color:b.nw.PRIMARY,type:"button",fullWidth:!0,onClick:()=>{a(!1)},children:l("Okay")})]})]})})})},R=F}}]);