https://www.msp.gov.ua/_next/static/chunks/3830.15c1da8add14edcf.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3830],{85130:function(e,r,l){l.d(r,{Z:function(){return t}});var a=l(85893);function t(e){let{className:r,size:l=24,color:t="black"}=e;return(0,a.jsx)("svg",{className:r,width:l,height:l,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{className:"fill-current",fillRule:"evenodd",clipRule:"evenodd",d:"M12.287 2.0625L22.6995 12.0018L12.3287 21.9012L11.0323 20.6638L19.1949 12.8722L1.91406 12.8369L1.91798 11.087L19.1854 11.1222L10.9906 3.29994L12.287 2.0625Z",fill:""})})}l(67294)},3830:function(e,r,l){l.r(r),l.d(r,{default:function(){return I}});var a=l(85893),t=l(67294),n=l(9003),i=l(2195),s=l(99250),d=l(16310),o=l(87536),c=l(83679),u=l(16887),m=l(72104),f=l(67048),h=l(95364),x=l(93306),p=l(87066),g=l(89235),v=l(25184),b=l(9451),j=l(15659),y=l(34853),_=l(39612),N=l(95773),w=l(47533),k=l(27742),E=l(41664),C=l.n(E);function I(e){var r,l;let{settings:E,form:I}=e,{t:q}=(0,u.$G)("common"),R=t.createRef(),[L,G]=(0,t.useState)(!1),[T,Z]=(0,t.useState)(!1),[z,F]=(0,t.useState)(!1),A=null===(r=I.sections)||void 0===r?void 0:r.reduce((e,r)=>e.concat(r.fields),[]),O=null==A?void 0:A.reduce((e,r)=>{let l;return"file"===r.type?(r.name="attached_file",l=r.required?d.nK().nullable().required(q("field_is_required")).test("fileSize",q("file_too_large"),e=>!e||e.size<=5242880):d.nK().nullable().test("fileSize",q("file_too_large"),e=>!e||e.size<=5242880)):l="number"===r.type?r.required?d.Rx().transform(e=>Number.isNaN(e)?null:e).required(q("field_is_required")).typeError(q("invalid_number")):d.Rx().transform(e=>Number.isNaN(e)?null:e).nullable().typeError(q("invalid_number")):"checkbox"===r.type?r.required?d.Xg().required(q("field_is_required")):d.O7():"radio"===r.type?r.required?d.Z_().required(q("field_is_required")):d.Z_():"date"===r.type?r.required?d.hT().required(q("field_is_required")).typeError(q("invalid_date")):d.hT().transform(e=>isNaN(Date.parse(e))?null:e).nullable().typeError(q("invalid_date")):"email"===r.type?r.required?d.Z_().max(255,q("max_255_characters")).email(q("invalid_email")).test("is-valid-domain",q("invalid_email"),e=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e||"")).required(q("field_is_required")):d.Z_().max(255,q("max_255_characters")).test("is-valid-domain",q("invalid_email"),e=>!e||/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)).nullable():r.required?d.Z_().required(q("field_is_required")):d.Z_(),{...e,[r.name]:l}},{}),M=d.Ry().shape({...O,"personal-data-consent":d.Xg().oneOf([!0],q("field_is_required")).required(q("field_is_required")),recaptcha:d.Z_().required(q("confirm_you_are_not_robot"))}),S=(0,o.cI)({resolver:(0,w.X)(M),defaultValues:{...null==A?void 0:A.reduce((e,r)=>{let l="";return"checkbox"===r.type&&(l=!1),"file"===r.type&&(l=void 0),{...e,[r.name]:l}},{}),"personal-data-consent":!1,recaptcha:""}}),W=async e=>{var r,l,a,t,i;F(!1),G(!0),delete e["personal-data-consent"];let s=e.attached_file;try{if(!(null===(r=R.current)||void 0===r?void 0:r.getValue())){S.setError("recaptcha",{type:"manual",message:q("confirm_you_are_not_robot")}),G(!1);return}let l=new FormData;for(let r in s&&(l.append("files",s),l.append("fileInfo",JSON.stringify({alternativeText:"api::form-submissions.form-submissions"}))),e)"attached_file"!==r&&l.append(r,e[r]);if(!e.email){let r=A.find(e=>e.type===n.mQ.EMAIL);r&&l.append("email",e[r.name])}let a=await (0,p.Z)({url:"/api/form-submissions?formId=".concat(null==I?void 0:I.documentId),method:"POST",data:l,headers:{"Content-Type":"multipart/form-data"}});(null==a?void 0:a.status)===201&&(Z(!0),S.reset())}catch(r){if(500===r.response.status){F(!0);return}let e=null===(i=r.response)||void 0===i?void 0:null===(t=i.data)||void 0===t?void 0:null===(a=t.error)||void 0===a?void 0:null===(l=a.details)||void 0===l?void 0:l.errors;e?e.forEach(e=>{var r;let{path:l,message:a}=e,t=l.join("."),n=null===(r=l.join("."))||void 0===r?void 0:r.replace(/\.(\d+)\./g,(e,r)=>"[".concat(r,"].")),i=null==a?void 0:a.replace(n,"").trim();S.setError(t,{type:"manual",message:i})}):F(!0)}finally{G(!1)}};return T?(0,a.jsx)(i.Z,{settings:E,children:(0,a.jsx)(c.Z,{title:q("thanks_for_your_letter"),description:q("we_will_contact_you"),onClick:()=>{Z(!1)}})}):(0,a.jsx)(i.Z,{settings:E,children:(0,a.jsx)(s.l0,{...S,children:(0,a.jsxs)("form",{onSubmit:e=>e.preventDefault(),className:"flex flex-col gap-8 bg-container rounded-20 p-8 max-sm:py-6 max-sm:px-4",children:[(0,a.jsx)("h3",{className:"h3",children:I.title}),null===(l=I.sections)||void 0===l?void 0:l.map((e,r)=>{var l;return(0,a.jsxs)("div",{className:"flex flex-wrap gap-4",children:[(null==e?void 0:e.title)&&(0,a.jsx)("h4",{className:"w-full",children:e.title}),null===(l=e.fields)||void 0===l?void 0:l.map((e,r)=>(0,a.jsxs)(s.xJ,{className:(0,k.cn)("checkbox"===e.type&&"flex flex-row-reverse justify-end gap-4 space-y-0 [&>label]:text-base [&>label]:font-light","half"===e.width&&"w-full md:w-[calc(50%-0.5rem)]","third"===e.width&&"w-full md:w-[calc(100%/3-0.688rem)]"),children:[(0,a.jsx)(s.lX,{...e.required&&{"aria-required":!0},children:e.label}),(0,a.jsx)(s.Wi,{name:e.name,control:S.control,render:r=>{var l,t;let{field:n,fieldState:i}=r;return"file"===e.type?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s.NI,{children:(0,a.jsx)(m.I,{type:"file",accept:".pdf, .doc, .docx, .xlsx, .jpg, .jpeg, .png, .p7s, .zip",className:"w-0 sr-only",ref:n.ref,onChange:async e=>{var r;let l=(null===(r=e.target.files)||void 0===r?void 0:r[0])||null;n.onChange(l)}})}),(0,a.jsxs)(s.lX,{className:(0,k.cn)("relative flex justify-between items-center rounded-full bg-white px-6 py-4 font-normal cursor-pointer focus:outline-none focus-visible:ring-offset-0 focus-visible:ring-1 focus-visible:ring-indigo-600",!n.value&&"text-secondary",i.error&&"border border-warning text-warning [&>svg]:text-warning"),tabIndex:0,children:[n.value?n.value.name:q("attachments_label"),(0,a.jsx)(g.Z,{className:"text-black"}),n.value&&(0,a.jsx)(v.Z,{name:"attached_file",forField:q("attachments_label")})]}),(0,a.jsx)("p",{className:"text-xs px-6",children:q("attachments_hint")}),(0,a.jsx)(s.zG,{})]}):"long_text"===e.type?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s.NI,{children:(0,a.jsx)(b.g,{placeholder:e.placeholder,...n})}),(0,a.jsx)(s.zG,{})]}):"number"===e.type?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s.NI,{children:(0,a.jsx)(m.I,{type:"number",placeholder:e.placeholder,...n})}),(0,a.jsx)(s.zG,{})]}):"email"===e.type?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s.NI,{children:(0,a.jsx)(m.I,{type:"email",placeholder:e.placeholder,...n})}),(0,a.jsx)(s.zG,{})]}):"checkbox"===e.type?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s.NI,{children:(0,a.jsx)(f.X,{checked:n.value,onCheckedChange:n.onChange,...n})}),(0,a.jsx)(s.zG,{})]}):"radio"===e.type?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s.NI,{children:(0,a.jsx)(_.E,{onValueChange:n.onChange,defaultValue:n.value,className:"flex flex-col gap-2",children:null===(l=e.options)||void 0===l?void 0:l.map((e,r)=>(0,a.jsxs)(s.xJ,{className:"flex items-center space-x-3 space-y-0",children:[(0,a.jsx)(s.NI,{children:(0,a.jsx)(_.m,{value:e.value})}),(0,a.jsx)(s.lX,{children:e.label})]},r))})}),(0,a.jsx)(s.zG,{})]}):"date"===e.type?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s.NI,{children:(0,a.jsx)(m.I,{type:"date",placeholder:e.placeholder,...n})}),(0,a.jsx)(s.zG,{})]}):"select"===e.type?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(j.Ph,{onValueChange:n.onChange,defaultValue:n.value,children:[(0,a.jsx)(s.NI,{children:(0,a.jsx)(j.i4,{className:"w-full",...n,children:(0,a.jsx)(j.ki,{placeholder:e.placeholder})})}),(0,a.jsx)(j.Bw,{children:null===(t=e.options)||void 0===t?void 0:t.map((e,r)=>(0,a.jsx)(j.Ql,{value:e.value,children:e.label},r))})]}),(0,a.jsx)(s.zG,{})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s.NI,{children:(0,a.jsx)(m.I,{placeholder:e.placeholder,...n})}),(0,a.jsx)(s.zG,{})]})}}),e.file_template&&(0,a.jsxs)("div",{className:"w-full flex justify-between items-center gap-4 bg-white p-6 !mt-6 rounded-20 font-light max-sm:flex-col max-sm:text-sm max-sm:px-4",children:[(0,a.jsx)("p",{className:"flex-1",children:e.file_template.description||q("download_template_text")}),(0,a.jsx)(h.z,{variant:"outline",asChild:!0,className:"max-sm:w-full",children:(0,a.jsx)(C(),{href:e.file_template.file.url,download:!0,target:"_blank",children:e.file_template.button_text||q("download_template_button")})})]})]},r))]},r)}),(0,a.jsx)(s.Wi,{control:S.control,name:"personal-data-consent",render:e=>{let{field:r}=e;return(0,a.jsxs)(s.xJ,{className:"flex flex-wrap gap-4",children:[(0,a.jsx)(s.NI,{children:(0,a.jsx)(f.X,{ref:r.ref,checked:r.value,onCheckedChange:e=>r.onChange(e),"aria-labelledby":"personal-data-consent-label"})}),(0,a.jsx)(s.lX,{id:"personal-data-consent-label","aria-required":!0,className:"max-w-[calc(100%-2.5rem)] font-light text-sm md:text-base cursor-pointer select-none !mt-0",hideHtmlFor:!0,children:q("consent_text")}),(0,a.jsx)(s.zG,{className:"sr-only"})]})}}),(0,a.jsx)(s.Wi,{name:"recaptcha",control:S.control,render:e=>{let{field:r}=e;return(0,a.jsxs)(s.xJ,{className:"flex flex-col",children:[(0,a.jsx)(y.Z,{ref:R,sitekey:"6Le0wp8sAAAAAL_WeKv0Po3veRMwEQyllnS03wrk",onChange:e=>{S.setValue("recaptcha",e||"")}}),(0,a.jsx)(s.zG,{})]})}}

1),z&&(0,a.jsxs)("div",{className:"flex gap-4 rounded-20 p-4 md:p-6 bg-[#DBE9E9]",children:[(0,a.jsx)(N.Z,{size:32}),(0,a.jsxs)("div",{className:"flex-1 flex flex-col gap-2",children:[(0,a.jsxs)("p",{className:"text-lg md:text-xl",children:[q("error"),"!"]}),(0,a.jsx)("p",{className:"font-light max-md:text-sm",children:q("server_error_msg")})]})]}),(0,a.jsxs)(h.z,{type:"button",className:"mr-auto max-sm:w-full",disabled:L,onClick:S.handleSubmit(W),children:[L&&(0,a.jsx)("div",{className:"absolute inset-0 bg-black flex items-center justify-center [&>svg]:animate-spin",children:(0,a.jsx)(x.Z,{})}),q("send_button")]})]})})})}},39612:function(e,r,l){l.d(r,{E:function(){return O},m:function(){return M}});var a=l(85893),t=l(67294),n=l(36206),i=l(28771),s=l(25360),d=l(64757),o=l(80650),c=l(77342),u=l(78990),m=l(7546),f=l(57898),h=l(29115),x="Radio",[p,g]=(0,s.b)(x),[v,b]=p(x),j=t.forwardRef((e,r)=>{let{__scopeRadio:l,name:s,checked:o=!1,required:c,disabled:u,value:m="on",onCheck:f,form:h,...x}=e,[p,g]=t.useState(null),b=(0,i.e)(r,e=>g(e)),j=t.useRef(!1),y=!p||h||!!p.closest("form");return(0,a.jsxs)(v,{scope:l,checked:o,disabled:u,children:[(0,a.jsx)(d.WV.button,{type:"button",role:"radio","aria-checked":o,"data-state":w(o),"data-disabled":u?"":void 0,disabled:u,value:m,...x,ref:b,onClick:(0,n.M)(e.onClick,e=>{o||f?.(),y&&(j.current=e.isPropagationStopped(),j.current||e.stopPropagation())})}),y&&(0,a.jsx)(N,{control:p,bubbles:!j.current,name:s,value:m,checked:o,required:c,disabled:u,form:h,style:{transform:"translateX(-100%)"}})]})});j.displayName=x;var y="RadioIndicator",_=t.forwardRef((e,r)=>{let{__scopeRadio:l,forceMount:t,...n}=e,i=b(y,l);return(0,a.jsx)(h.z,{present:t||i.checked,children:(0,a.jsx)(d.WV.span,{"data-state":w(i.checked),"data-disabled":i.disabled?"":void 0,...n,ref:r})})});_.displayName=y;var N=e=>{let{control:r,checked:l,bubbles:n=!0,...i}=e,s=t.useRef(null),d=(0,f.D)(l),o=(0,m.t)(r);return t.useEffect(()=>{let e=s.current,r=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"checked").set;if(d!==l&&r){let a=new Event("click",{bubbles:n});r.call(e,l),e.dispatchEvent(a)}},[d,l,n]),(0,a.jsx)("input",{type:"radio","aria-hidden":!0,defaultChecked:l,...i,tabIndex:-1,ref:s,style:{...e.style,...o,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})};function w(e){return e?"checked":"unchecked"}var k=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],E="RadioGroup",[C,I]=(0,s.b)(E,[o.Pc,g]),q=(0,o.Pc)(),R=g(),[L,G]=C(E),T=t.forwardRef((e,r)=>{let{__scopeRadioGroup:l,name:t,defaultValue:n,value:i,required:s=!1,disabled:m=!1,orientation:f,dir:h,loop:x=!0,onValueChange:p,...g}=e,v=q(l),b=(0,u.gm)(h),[j,y]=(0,c.T)({prop:i,defaultProp:n,onChange:p});return(0,a.jsx)(L,{scope:l,name:t,required:s,disabled:m,value:j,onValueChange:y,children:(0,a.jsx)(o.fC,{asChild:!0,...v,orientation:f,dir:b,loop:x,children:(0,a.jsx)(d.WV.div,{role:"radiogroup","aria-required":s,"aria-orientation":f,"data-disabled":m?"":void 0,dir:b,...g,ref:r})})})});T.displayName=E;var Z="RadioGroupItem",z=t.forwardRef((e,r)=>{let{__scopeRadioGroup:l,disabled:s,...d}=e,c=G(Z,l),u=c.disabled||s,m=q(l),f=R(l),h=t.useRef(null),x=(0,i.e)(r,h),p=c.value===d.value,g=t.useRef(!1);return t.useEffect(()=>{let e=e=>{k.includes(e.key)&&(g.current=!0)},r=()=>g.current=!1;return document.addEventListener("keydown",e),document.addEventListener("keyup",r),()=>{document.removeEventListener("keydown",e),document.removeEventListener("keyup",r)}},[]),(0,a.jsx)(o.ck,{asChild:!0,...m,focusable:!u,active:p,children:(0,a.jsx)(j,{disabled:u,required:c.required,checked:p,...f,...d,name:c.name,ref:x,onCheck:()=>c.onValueChange(d.value),onKeyDown:(0,n.M)(e=>{"Enter"===e.key&&e.preventDefault()}),onFocus:(0,n.M)(d.onFocus,()=>{g.current&&h.current?.click()})})})});z.displayName=Z;var F=t.forwardRef((e,r)=>{let{__scopeRadioGroup:l,...t}=e,n=R(l);return(0,a.jsx)(_,{...n,...t,ref:r})});F.displayName="RadioGroupIndicator";var A=l(27742);let O=t.forwardRef((e,r)=>{let{className:l,...t}=e;return(0,a.jsx)(T,{className:(0,A.cn)("grid gap-2",l),...t,ref:r})});

1O.displayName=T.displayName;let M=t.forwardRef((e,r)=>{let{className:l,...t}=e;return(0,a.jsx)(z,{ref:r,className:(0,A.cn)("aspect-square h-6 w-6 rounded-full border-2 border-black focus:outline-none focus-visible:ring-offset-1 focus-visible:ring-2 focus-visible:ring-indigo-600 disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-50 dark:text-neutral-50 dark:focus-visible:ring-neutral-300","aria-[invalid=true]:border-warning",l),...t,children:(0,a.jsx)(F,{className:"flex items-center justify-center",children:(0,a.jsx)("div",{className:"w-3.5 h-3.5 rounded-full bg-black"})})})});M.displayName=z.displayName},2195:function(e,r,l){l.d(r,{Z:function(){return h}});var a=l(85893);l(67294);var t=l(55915),n=l(9003),i=l(41664),s=l.n(i),d=l(85130),o=l(14263),c=l(39846),u=l(95364),m=l(98388),f=l(27742);function h(e){let{id:r,children:l,settings:i}=e,{title:h,title_component:x,background_color:p,button:g,button_position:v,wrap_content:b,disable_padding:j,disable_margin:y}=i||{},_=p?(0,c.Z)(p):"",N=!p||"bg-white"===_,w=x||"h2";return(0,a.jsx)("section",{id:r,className:(0,f.cn)(i&&!j&&(b?"py-8 md:py-20":"mb-8 md:mb-20"),j&&!y&&"mb-6 md:mb-10",y&&"mb-0 md:mb-0",!i&&"mb-8 md:mb-20",!N&&!b&&"px-4 py-6 rounded",_,e.sectionClassName),children:(0,a.jsxs)(t.default,{fullWidth:!b,className:"grid grid-cols-1 md:grid-cols-[1fr_auto] items-center gap-6 md:gap-10",children:[h&&(0,a.jsx)(w,{className:(0,m.m6)("max-md:mb-2","h2"===w&&"h2","h3"===w&&"h3"),children:h}),g&&v===n.Wm.INLINE&&(0,a.jsx)("div",{className:"max-md:order-1 md:text-right",children:(0,a.jsxs)(s(),{href:(0,o.Rg)(g.link),className:"inline-flex items-center gap-4 hover:underline",children:[g.label,(0,a.jsx)(d.Z,{})]})}),(0,a.jsx)("div",{className:"md:col-span-2",children:l}),g&&v===n.Wm.BOTTOM&&(0,a.jsx)("div",{className:"",children:(0,a.jsx)(u.z,{asChild:!0,className:"max-sm:w-full",children:(0,a.jsx)(s(),{href:(0,o.Rg)(g.link),children:g.label})})})]})})}},39846:function(e,r,l){l.d(r,{Z:function(){return a}});function a(e){return e?({yellow:"bg-yellow",gradient:"bg-[linear-gradient(90deg,rgba(249,168,0,0.8),rgba(0,174,239,0.8))]",gradientLight:"bg-[linear-gradient(90deg,rgba(0,174,239,0.2),rgba(249,168,0,0.2))]",block:"bg-block",white:"bg-white",gray:"bg-container",lightGray:"bg-gray-100",lightBlue:"bg-lightBlue"})[e]:""}},9003:function(e,r,l){var a,t,n,i,s,d,o,c,u,m,f,h,x,p,g,v;l.d(r,{Qb:function(){return i},Wm:function(){return t},hM:function(){return d},mQ:function(){return c},yl:function(){return n}}),(u=a||(a={})).EN="en",u.UK="uk",(m=t||(t={})).INLINE="inline",m.BOTTOM="bottom",(f=n||(n={})).LINK="link",f.ATTACHMENT="attachment",(h=i||(i={})).ROW="row",h.COLUMN="column",(x=s||(s={})).white="white",x.tealWhite="tealWhite",x.lightGreen="lightGreen",x.darkGreen="darkGreen",x.lightGray="lightGray",(p=d||(d={})).access_to_public_information="Електронна форма запиту на публічну інформацію",p.electronic_request="Електронне звернення громадянина",(g=o||(o={})).HALF="half",g.THIRD="third",g.FULL="full",(v=c||(c={})).SHORT_TEXT="short_text",v.LONG_TEXT="long_text",v.NUMBER="number",v.SELECT="select",v.CHECKBOX="checkbox",v.RADIO="radio",v.DATE="date",v.EMAIL="email",v.FILE="file"}}]);