https://vivat.com.ua/_next/static/chunks/9789.5ceb955d8e35a852.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9789],{8131:function(n,t,e){e.d(t,{Z:function(){return _}});var i=e(5893),r=e(7294),o=e(2175),u=e(2729),c=e(4141),l=e(1893),d=e(2911),f=e(8377);function a(){let n=(0,u._)(["\n    position: relative;\n    margin-bottom: 15px;\n    width: 100%;\n    height: 100%;\n    z-index: ",";\n"]);return a=function(){return n},n}function s(){let n=(0,u._)(["\n            padding: 0 5px;\n            background-color: ",";\n            ",";\n\n            & > span {\n                ",";\n            }\n        "]);return s=function(){return n},n}function p(){let n=(0,u._)(["\n    position: absolute;\n    left: 12px;\n    top: ",";\n    font-size: ",";\n    transition: top 0.3s, font-size 0.3s;\n    ",";\n    cursor: text;\n\n    & > span {\n        ",";\n    }\n\n    ",";\n"]);return p=function(){return n},n}function h(){let n=(0,u._)(["\n    width: 100%;\n    height: 100%;\n    padding: 12px;\n    font-size: 16px;\n    background: ",";\n    cursor: ",";\n    border-radius: 5px;\n    border: 1px solid\n        ",";\n    ",";\n"]);return h=function(){return n},n}function x(){let n=(0,u._)(["\n    position: absolute;\n    top: 110%;\n    left: 12px;\n    ",";\n"]);return x=function(){return n},n}let v=c.ZP.div.withConfig({componentId:"sc-80c57355-0"})(a(),f.Z.background),g=c.ZP.label.withConfig({componentId:"sc-80c57355-1"})(p(),n=>{let{isFocused:t}=n;return t?"-6px":"12px"},n=>{let{isFocused:t}=n;return t?"12px":"16px"},(0,d.jb)(l.cG),(0,d.jb)(l.t1),n=>{let{isFocused:t}=n;return t&&(0,c.iv)(s(),l.Oq,(0,d.KH)(l.cL),(0,d.KH)(l.t1))}),m=c.ZP.textarea.withConfig({componentId:"sc-80c57355-2"})(h(),n=>{let{disabled:t}=n;return t?l.$l:null},n=>{let{disabled:t}=n;return t?"not-allowed":"auto"},n=>{let{textEntered:t,error:e}=n;return e?l.eI:t?l.uk:l.cG},(0,d.jb)(l.TN)),b=c.ZP.div.withConfig({componentId:"sc-80c57355-3"})(x(),(0,d.Yg)(l.eI)),w=n=>{let{label:t,name:e,disabled:u,required:c}=n,[l,d]=(0,r.useState)(!1),[f,a]=(0,r.useState)(!1),s=(n,t)=>e=>{d(!0),a(!0),n(t,e.target.value)},p=(n,t)=>e=>{d(""!==e.target.value),a(e.target.value.length<0),n(t,e.target.value)},h=()=>u||!c?null:(0,i.jsx)("span",{children:" *"});return(0,i.jsx)(o.gN,{name:e,children:n=>{var r;let{field:o,form:c}=n,d=c.touched[e]&&c.errors[e];return(0,i.jsxs)(v,{children:[(0,i.jsxs)(g,{htmlFor:e,isFocused:l||""!==o.value,children:[t,h()]}),(0,i.jsx)(m,{...o,id:e,onFocus:s(c.setFieldValue,e),onBlur:p(c.setFieldValue,e),textEntered:f,error:!!d,isFocused:l||""!==o.value,disabled:u,autoComplete:"off"}),d&&(0,i.jsx)(b,{children:null===(r=c.errors[e])||void 0===r?void 0:r.toString()})]})}})};var _=w},6471:function(n,t,e){e.d(t,{Z:function(){return E}});var i=e(5893),r=e(2729),o=e(4141),u=e(4467),c=e(1893),l=e(2911);function d(){let n=(0,r._)(["\n    display: flex;\n    justify-content: center;

1\n    align-items: center;\n    flex-direction: column;\n    width: 98px;\n    height: 84px;\n    border: 1px solid ",";\n    border-radius: 10px;\n    cursor: pointer;\n"]);return d=function(){return n},n}function f(){let n=(0,r._)([""]);return f=function(){return n},n}function a(){let n=(0,r._)(["\n    margin-bottom: 15px;\n    ",";\n"]);return a=function(){return n},n}function s(){let n=(0,r._)(["\n    display: flex;\n    justify-content: space-between;\n"]);return s=function(){return n},n}function p(){let n=(0,r._)(["\n                  &:hover {\n                      border: 1px solid ",";\n                      & > div {\n                          ",";\n                      }\n                  }\n              "]);return p=function(){return n},n}function h(){let n=(0,r._)(["\n                  border: none;\n                  cursor: not-allowed;\n                  background-color: ",";\n                  & > div {\n                      ",";\n                  }\n              "]);return h=function(){return n},n}function x(){let n=(0,r._)(["\n    ",";\n\n    ",";\n"]);return x=function(){return n},n}function v(){let n=(0,r._)(["\n    margin-top: 8px;\n    ",";\n"]);return v=function(){return n},n}let g=(0,o.iv)(d(),c.Cg);function m(){let n=(0,r._)(["\n        margin: 40px auto;\n        max-width: 1520px;\n        padding: 0;\n    "]);return m=function(){return n},n}function b(){let n=(0,r._)(["\n    margin: 20px 14px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;

1\n    align-items: center;\n\n    ","\n"]);return b=function(){return n},n}function w(){let n=(0,r._)(["\n        width: 345px;\n    "]);return w=function(){return n},n}function _(){let n=(0,r._)(["\n    display: flex;\n    justify-content: space-between;\n\n    ","\n"]);return _=function(){return n},n}function j(){let n=(0,r._)(["\n    ",";\n    padding: 10px 0;\n"]);return j=function(){return n},n}function Z(){let n=(0,r._)(["\n                  &:hover {\n                      border: 1px solid ",";\n                      & > div {\n                          ",";\n                      }\n                  }\n              "]);return Z=function(){return n},n}function C(){let n=(0,r._)(["\n                  border: none;\n                  cursor: not-allowed;\n                  background-color: ",";\n                  & > div {\n                      ",";\n                  }\n              "]);return C=function(){return n},n}function I(){let n=(0,r._)(["\n    ",";\n\n    ",";\n"]);return I=function(){return n},n}function P(){let n=(0,r._)(["\n    margin-top: 8px;\n    ",";\n"]);return P=function(){return n},n}o.ZP.div.withConfig({componentId:"sc-d263940f-0"})(f()),o.ZP.div.withConfig({componentId:"sc-d263940f-1"})(a(),(0,l.GR)(c.TN)),o.ZP.div.withConfig({componentId:"sc-d263940f-2"})(s()),o.ZP.div.withConfig({componentId:"sc-d263940f-3"})(x(),g,n=>{let{disablement:t}=n;return t?(0,o.iv)(h(),c.h$,(0,l.GR)(c.cG)):(0,o.iv)(p(),c.Ey,(0,l.GR)(c.Ey))}),o.ZP.div.withConfig({componentId:"sc-d263940f-4"})(v(),(0,l.GR)(c.TN));let k=o.ZP.div.withConfig({componentId:"sc-cc0dd402-0"})(b(),u.t.desktop1600((0,o.iv)(m())));o.ZP.div.withConfig({componentId:"sc-cc0dd402-1"})(_(),u.t.tablet768((0,o.iv)(w()))),o.ZP.div.withConfig({componentId:"sc-cc0dd402-2"})(j(),(0,l.bG)(c.TN)),o.ZP.div.withConfig({componentId:"sc-cc0dd402-3"})(I(),g,n=>{let{disablement:t}=n;return t?(0,o.iv)(C(),c.h$,(0,l.Ps)(c.cG)):(0,o.iv)(Z(),c.Ey,(0,l.Ps)(c.Ey))}),o.ZP.div.withConfig({componentId:"sc-cc0dd402-4"})(P(),(0,l.Ps)(c.TN));var y=e(3614),S=e(6077);e(7294);var N=e(8270);function E(n){let{noClose:t}=n,{setComponent:e}=(0,y.l)(),{setAuthUserError:r}=(0,N.S)(),o=()=>{r(null),e(null),localStorage.removeItem("userData")};return(0,i.jsx)(k,{children:(0,i.jsx)(S.Z,{onClose:()=>o(),noClose:t})})}},9789:function(n,t,e){e.r(t),e.d(t,{default:function(){return n_}});var i=e(5893),r=e(2729),o=e(4141),u=e(1893),c=e(2911),l=e(4467);function d(){let n=(0,r._)(["\n        padding: 20px 30px;\n        width: 100%;\n    "]);return d=function(){return n},n}function f(){let n=(0,r._)(["\n    background-color: ",";\n    border-radius: 10px;\n    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);\n    padding: 20px;\n    width: 100vw;\n\n    ","\n"]);return f=function(){return n},n}function a(){let n=(0,r._)(["\n    display: flex;\n    justify-content: space-between;\n"]);return a=function(){return n},n}function s(){let n=(0,r._)(["\n    ","\n"]);return s=function(){return n},n}function p(){let n=(0,r._)(["\n    cursor: pointer;\n    margin-left: 10px;\n"]);return p=function(){return n},n}function h(){let n=(0,r._)(["\n        display: none;\n    "]);return h=function(){return n},n}function x(){let n=(0,r._)(["\n    width: 100%;\n    height: 42px;\n\n    ","\n"]);return x=function(){return n},n}let v=o.ZP.div.withConfig({componentId:"sc-f741b999-0"})(f(),u.Oq,l.t.tablet768((0,o.iv)(d()))),g=o.ZP.div.withConfig({componentId:"sc-f741b999-1"})(a()),m=o.ZP.div.withConfig({componentId:"sc-f741b999-2"})(s(),(0,c.kI)(u.TN)),b=o.ZP.div.withConfig({componentId:"sc-f741b999-3"})(p()),w=o.ZP.div.withConfig({componentId:"sc-f741b999-4"})(x(),l.t.tablet768((0,o.iv)(h())));var _=e(1563),j=e(9327),Z=e(3614),C=e(7294);function I(){let n=(0,r._)(["\n        justify-content: left;\n    "]);return I=function(){return n},n}function P(){let n=(0,r._)(["\n        padding: 25px 0;\n    "]);return P=function(){return n},n}function k(){let n=(0,r._)(["\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n    padding: 15px 0 20px;\n\n    ",";\n\n    ","\n"]);return k=function(){return n},n}function y(){let n=(0,r._)(["\n    ","\n"]);return y=function(){return n},n}function S(){let n=(0,r._)(["\n    position: absolute;\n    top: 70%;\n    left: 12px;\n    ",";\n"]);return S=function(){return n},n}function N(){let n=(0,r._)(["\n        margin-bottom: 25px;\n    "]);return N=function(){return n},n}function E(){let n=(0,r._)(["\n    height: 113px;\n    margin-bottom: 20px;\n\n    ","\n"]);return E=function(){return n},n}function T(){let n=(0,r._)(["\n        display: flex;\n    "]);return T=function(){return n},n}function q(){let n=(0,r._)(["\n    ","\n"]);return q=function(){return n},n}function G(){let n=(0,r._)(["\n    width: 100%;\n"]);return G=function(){return n},n}function B(){let n=(0,r._)(["\n        //width: 210px; // комментируется при скрытии рекапчи\n        width: 400px; // добавляется при скрытии рекапчи\n        height: 45px;\n        flex-shrink: 0;\n        //margin-left: 25px; // комментируется при скрытии рекапчи\n        margin-top: 0; // добавляется при скрытии рекапчи\n    "]);return B=function(){return n},n}function F(){let n=(0,r._)(["\n    width: 100%;\n    height: 42px;\n    margin: 20px 0;\n\n    ",";\n"]);return F=function(){return n},n}

1let R=o.ZP.div.withConfig({componentId:"sc-f3bcfc7f-0"})(k(),l.t.tablet768((0,o.iv)(I())),l.t.desktop1280((0,o.iv)(P()))),z=o.ZP.div.withConfig({componentId:"sc-f3bcfc7f-1"})(y(),(0,c.hS)(u.TN)),O=o.ZP.div.withConfig({componentId:"sc-f3bcfc7f-2"})(S(),(0,c.Yg)(u.eI)),V=o.ZP.div.withConfig({componentId:"sc-f3bcfc7f-3"})(E(),l.t.desktop1280((0,o.iv)(N()))),H=o.ZP.div.withConfig({componentId:"sc-f3bcfc7f-4"})(q(),l.t.tablet768((0,o.iv)(T())));o.ZP.div.withConfig({componentId:"sc-f3bcfc7f-5"})(G());let L=o.ZP.div.withConfig({componentId:"sc-f3bcfc7f-6"})(F(),l.t.tablet768((0,o.iv)(B())));var $=e(2175);function K(){let n=(0,r._)(["\n    display: flex;\n    position: relative;\n"]);return K=function(){return n},n}function J(){let n=(0,r._)(["\n            svg path {\n                fill: ",";\n            }\n        "]);return J=function(){return n},n}function M(){let n=(0,r._)(["\n    padding-left: 10px;\n    cursor: pointer;\n\n    ","\n"]);return M=function(){return n},n}let Y=o.ZP.div.withConfig({componentId:"sc-5eae61c7-0"})(K()),A=o.ZP.span.withConfig({componentId:"sc-5eae61c7-1"})(M(),n=>{let{isHover:t}=n;return t&&(0,o.iv)(J(),u.mI)});var D=e(9338);function Q(n){let{field:t,form:e,...r}=n,[o,c]=(0,C.useState)(0),[l,d]=(0,C.useState)(null),f=n=>{c(n+1),e.setFieldValue(t.name,n+1)};return(0,i.jsx)(Y,{...r,children:[,,,,,].fill(0).map((n,t)=>(0,i.jsx)(A,{isHover:!!(l&&t+1<=l),onMouseEnter:()=>d(t+1),onMouseLeave:()=>d(null),onClick:()=>f(t),children:(0,i.jsx)(D.Z,{width:"25px",height:"25px",fill:t<o?u.mI:u.h$})},t))})}var U=e(8131),W=e(7924),X=e(6310),nn=e(6356);let nt=n=>{let t=new Headers;t.append("Content-Type","application/json");let e={method:"POST",headers:t,body:JSON.stringify(n)};return fetch("https://".concat(nn.Z,"/jsonapi/customer?related=review"),e).then(n=>n.json()).then(n=>n).catch(n=>Error("Fetch PostReviewQuery Error:",n))};function ne(n){let{productId:t,setSuccessfulSent:e,setAboutBookValue:r}=n,o=(0,_.c)(),u=X.Ry({aboutBook:X.Z_().min(50,"".concat(o.must_be_least.value," 50 ").concat(o.characters_or_least.value)).required(o.requirements_filling.value),rating:X.Rx().min(1,o.requirements_filling.value).max(5,o.requirements_filling.value).required(o.requirements_filling.value)}),c=async n=>{let i={data:[{attributes:{"review.domain":"product","review.refid":"".concat(t),"review.rating":n.rating,"review.comment":n.aboutBook}}]},o=await nt(i);(null==o?void 0:o.data.length)&&(r&&r(n.aboutBook),e(!0))};return(0,i.jsx)($.J9,{validationSchema:u,initialValues:{aboutBook:"",rating:0},onSubmit:c,children:n=>{var t;let{errors:e,touched:r}=n;return(0,i.jsxs)($.l0,{children:[(0,i.jsxs)(R,{children:[(0,i.jsx)(z,{"data-lang-code":o.rate_book.code,children:o.rate_book.value}),(0,i.jsx)($.gN,{name:"rating",component:Q}),r.rating&&e.rating&&(0,i.jsx)(O,{children:null===(t=e.rating)||void 0===t?void 0:t.toString()})]}),(0,i.jsx)(V,{children:(0,i.jsx)(U.Z,{name:"aboutBook",label:o.what_about_book.value})}),(0,i.jsx)(H,{children:(0,i.jsx)(L,{children:(0,i.jsx)(W.Z,{title:o.add_review.value,type:"submit"})})})]})}})}var ni=e(162),nr=e(8270);function no(){let n=(0,r._)(["\n        padding: 20px 30px;\n    "]);return no=function(){return n},n}function nu(){let n=(0,r._)(["\n    background-color: ",";\n    border-radius: 10px;\n    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);\n    padding: 20px;\n\n    ","\n"]);return nu=function(){return n},n}function nc(){let n=(0,r._)(["\n        margin-bottom: 25px;\n    "]);return nc=function(){return n},n}function nl(){let n=(0,r._)(["\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 15px;\n\n    ","\n"]);return nl=function(){return n},n}function nd(){let n=(0,r._)(["\n    ","\n"]);return nd=function(){return n},n}function nf(){let n=(0,r._)(["\n    cursor: pointer;\n    margin-left: 10px;\n"]);return nf=function(){return n},n}function na(){let n=(0,r._)(["\n        margin: 0 auto;\n        width: 153px;\n        height: 45px;\n    "]);return na=function(){return n},n}function ns(){let n=(0,r._)(["\n    width: 100%;\n    height: 42px;\n\n    ","\n"]);return ns=function(){return n},n}let np=o.ZP.div.withConfig({componentId:"sc-e2e9d6ef-0"})(nu(),u.Oq,l.t.tablet768((0,o.iv)(no()))),nh=o.ZP.div.withConfig({componentId:"sc-e2e9d6ef-1"})(nl(),l.t.tablet768((0,o.iv)(nc()))),nx=o.ZP.div.withConfig({componentId:"sc-e2e9d6ef-2"}

1)(nd(),(0,c.kI)(u.TN)),nv=o.ZP.div.withConfig({componentId:"sc-e2e9d6ef-3"})(nf()),ng=o.ZP.div.withConfig({componentId:"sc-e2e9d6ef-4"})(ns(),l.t.tablet768((0,o.iv)(na())));var nm=e(6042);function nb(n){let{aboutBook:t}=n,e=(0,_.c)(),{setComponent:r}=(0,Z.l)();return(0,C.useEffect)(()=>{(0,nm.Kz)("Відгук на сайті","product_review","Клієнт залишає відгук про продукт",t)},[t]),(0,i.jsxs)(np,{children:[(0,i.jsxs)(nh,{children:[(0,i.jsx)(nx,{"data-lang-code":e.successfully_sent_review.code,children:e.successfully_sent_review.value}),(0,i.jsx)(nv,{onClick:()=>r(null),children:(0,i.jsx)(j.Z,{width:"22px",height:"22px",fill:u.cL})})]}),(0,i.jsx)(ng,{onClick:()=>r(null),children:(0,i.jsx)(ni.Z,{title:e.close.value})})]})}var nw=e(6471);function n_(n){let{productId:t}=n,[e,r]=(0,C.useState)(!1),[o,c]=(0,C.useState)(""),l=(0,_.c)(),{setComponent:d}=(0,Z.l)(),{hasUser:f}=(0,nr.S)();return f?e?(0,i.jsx)(nb,{aboutBook:o}):(0,i.jsxs)(v,{children:[(0,i.jsxs)(g,{children:[(0,i.jsx)(m,{"data-lang-code":l.leave_review.code,children:l.leave_review.value}),(0,i.jsx)(b,{onClick:()=>d(null),children:(0,i.jsx)(j.Z,{width:"22px",height:"22px",fill:u.cL})})]}),(0,i.jsx)(ne,{productId:t,setSuccessfulSent:r,setAboutBookValue:c}),(0,i.jsx)(w,{onClick:()=>d(null),children:(0,i.jsx)(ni.Z,{title:l.close.value})})]}):(0,i.jsx)(nw.Z,{noClose:!1})}}}]);