https://artocratia.ru/static/js/screens-compilations-view.fbf9f0b7.chunk.js

1(window.__LOADABLE_LOADED_CHUNKS__=window.__LOADABLE_LOADED_CHUNKS__||[]).push([[10],{"2y26":function(e,t,n){"use strict";n.d(t,"d",(function(){return o})),n.d(t,"b",(function(){return a})),n.d(t,"e",(function(){return s})),n.d(t,"a",(function(){return l})),n.d(t,"c",(function(){return d}));var i=n("Jb5/"),r=n("vOnD");const o=Object(r.b)(i.a)(["position:relative;min-height:100vh;&:before{content:",";position:absolute;z-index:1000;display:block;height:100%;width:100%;left:0;top:0;cursor:progress;background-color:rgba(255,255,255,0.31);}@supports (-webkit-hyphens:none){> div > div{> div{margin-bottom:30px;}&:first-child{margin-right:","px;}&:last-child{margin-left:","px;}}@media screen and (max-width:1024px){> div > div{&:first-child{margin-right:","px;}&:last-child{margin-left:","px;}}}@media screen and (max-width:750px){> div > div{&:first-child{margin-right:0;}&:last-child{margin-left:0;}}}}"],e=>{let{loading:t}=e;return t?'""':"none"},e=>{let{view:t,gutter:n}=e;return"th"===t&&n?n:0},e=>{let{view:t,gutter:n}=e;return"th"===t&&n?n:0},e=>{let{view:t,gutter:n}=e;return"th"===t&&n?n/2:0},e=>{let{view:t,gutter:n}=e;return"th"===t&&n?n/2:0}),a=r.b.div(["@media screen and (max-width:812px){padding:0 15px;}"]),s=r.b.div(["font-size:10px;line-height:120%;color:#9291b2;"]),l=r.b.div(["font-weight:500;font-size:12px;line-height:120%;margin-top:5px;white-space:pre;color:",";@media screen and (max-width:320px){font-size:10px;line-height:100%;}"],e=>{let{color:t}=e;return t}),d=r.b.h1(["font-weight:bold;line-height:120%;font-size:40px;margin-bottom:","px;@media screen and (max-width:1024px){font-size:24px;padding:10px 0 0;}@media screen and (max-width:812px){font-size:24px;padding:10px 15px 0;margin-bottom:50px;text-align:center;}@media screen and (max-width:500px){padding:0;margin-bottom:25px;}"],e=>{let{bottom:t}=e;return t?50:0});r.b.h2(["font-weight:bold;font-size:28px;line-height:120%;margin-top:50px;@media screen and (max-width:1024px){font-size:22px;}@media screen and (max-width:700px){font-size:16px;}"])},"3v9Z":function(e,t,n){"use strict";n.r(t);var i=n("q1tI"),r=n.n(i),o=n("LvDl"),a=n.n(o),s=n("Lm/n"),l=n("vOnD"),d=n("8vKQ"),c=n("55Ip"),p=n("z5On"),u=n("D5PS"),m=n("TZV/"),h=r.a.createElement;const x=l.b.div(["position:relative;"]),g=l.b.div(["background-color:",';padding:10px;position:absolute;right:10px;top:10px;line-height:0.5;height:30px;border-radius:3px;color:white;&:before,&:after{content:"";width:2px;height:20px;background-color:',";position:absolute;left:-15px;top:5px;}&:before{transform:rotate(90deg);}&:after{transform:rotate(180deg);}"],u.a,u.a),b=l.b.div(["background-color:red;border:1px solid #7e0000;width:20px;height:20px;border-radius:50%;position:absolute;left:10px;top:10px;"]),f=l.b.div(["min-height:250px;position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:20px;"]),v=l.b.div(["background-image:url(",");background-repeat:no-repeat;background-size:cover;background-position:center;height:250px;width:100%;display:block;position:absolute;z-index:-1;left:0;right:0;"],e=>{let{url:t}=e;return t}),w=Object(l.b)(c.b)(["font-weight:bold;font-size:24px;line-height:120%;margin-bottom:15px;display:block;color:",";text-align:center;&:hover,&:active{text-decoration:none;}"],u.e);var y=e=>{let{item:t}=e;const n=Math.floor(Date.now()/1e3);let i=0;return a.a.get(t,"artworks")&&!a.a.isEmpty(t.artworks)&&t.artworks.forEach(e=>{e.created_at>n-2592e3&&(i+=1)}),0===i&&a.a.get(t,"artworks")&&(i=t.artworks.length),h(x,null,h(v,{url:t.image}),i&&h(g,null,i),h(f,null,t.status!==p.Cb&&h(m.a,{title:"\u0412\u0438\u0434\u0438\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440"}

1,h(b,null)),h(w,{to:"/compilations/".concat(t.url||t._id)},t.name)))},k=r.a.createElement;const _=l.b.div(["display:grid;grid-template-columns:repeat(3,1fr);width:100%;grid-gap:30px;@media screen and (max-width:1024px){grid-template-columns:repeat(2,1fr);}@media screen and (max-width:812px){grid-template-columns:1fr;}"]);t.default=e=>{let{section:t}=e;const{0:n,1:r}=Object(i.useState)([]),[o,{data:l,error:c}]=Object(s.a)(d.w,{variables:{main:!0,section:t}}),p=a.a.get(c,"graphQLErrors",[]);return Object(i.useEffect)(()=>{o()},[t]),Object(i.useEffect)(()=>(a.a.get(l,"compilations.items")&&r(a.a.get(l,"compilations.items",[])),()=>{r([])}),[a.a.get(l,"compilations.items")]),a.a.isEmpty(p)?a.a.isEmpty(n)?"":k(_,null,n.map(e=>k(y,{key:e._id,item:e}))):""}},"Jb5/":function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var i=n("q1tI"),r=n.n(i);function o(){return(o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}function a(e,t){return(a=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var s=function(e){var t,n;function i(){return e.apply(this,arguments)||this}n=e,(t=i).prototype=Object.create(n.prototype),t.prototype.constructor=t,a(t,n);var s=i.prototype;return s.getColumns=function(){var e=this.props,t=e.children,n=e.columnsCount,i=Array.from({length:n},(function(){return[]}));return r.a.Children.forEach(t,(function(e,t){e&&r.a.isValidElement(e)&&i[t%n].push(e)})),i},s.renderColumns=function(){var e=this.props.gutter;return this.getColumns().map((function(t,n){return r.a.createElement("div",{key:n,style:{display:"flex",flexDirection:"column",justifyContent:"flex-start",alignContent:"stretch",flex:1,width:0,gap:e}},t.map((function(e){return e})))}))},s.render=function(){var e=this.props,t=e.gutter,n=e.className,i=e.style;return r.a.createElement("div",{style:o({display:"flex",flexDirection:"row",justifyContent:"center",alignContent:"stretch",boxSizing:"border-box",width:"100%",gap:t},i),className:n},this.renderColumns())},i}(r.a.Component);s.propTypes={},s.defaultProps={columnsCount:3,gutter:"0",className:null,style:{}};var l=s,d="undefined"!==typeof window?i.useLayoutEffect:i.useEffect,c=function(){var e=function(){var e=Object(i.useState)(!1),t=e[0],n=e[1];return d((function(){n(!0)}),[]),t}(),t=Object(i.useState)(0),n=t[0],r=t[1],o=Object(i.useCallback)((function(){e&&r(window.innerWidth)}),[e]);return d((function(){if(e)return window.addEventListener("resize",o),o(),function(){return window.removeEventListener("resize",o)}}),[e,o]),n},p=function(e){var t=e.columnsCountBreakPoints,n=e.children,o=e.className,a=e.style,s=c(),l=Object(i.useMemo)((function(){var e=Object.keys(t).sort((function(e,t){return e-t})),n=e.length>0?t[e[0]]:1;return e.forEach((function(e){e<s&&(n=t[e])})),n}),[s,t]);return r.a.createElement("div",{className:o,style:a},r.a.Children.map(n,(function(e,t){return r.a.cloneElement(e,{key:t,columnsCount:l})})))};p.propTypes={},p.defaultProps={columnsCountBreakPoints:{350:1,750:2,900:3},className:null,style:null};var u=p;t.b=l},Nbqd:function(e,t,n){"use strict";n.r(t);var i=n("q1tI"),r=n.n(i),o=n("LvDl"),a=n.n(o),s=n("vOnD"),l=n("z5On"),d=n("TZV/"),c=n("YvYB"),p=n("OTPt"),u=r.a.createElement;const m=e=>{let{selectVariant:t,program:n,modules:o,count:s,paid:m,hasTariff:A,contact:L}=e;if(a.a.isEmpty(o))return"";let T=0,I=0;const P=o.filter(e=>!!e.price_rub&&!!e.price_euro);if(a.a.isEmpty(P))return"";const{t:B}=Object(c.a)(),V=n.some(e=>e.modules_id&&!!e.modules_id.length),J=l.C,{0:Z,1:R}=Object(i.useState)([]),{0:K,1:M}=Object(i.useState)(0),{0:Q,1:Y}=Object(i.useState)(0),H=e=>{if(!a.a.isEmpty(Z)&&Z.some(t=>e._id===t._id)){const t=Z.filter(t=>t._id!==e._id);R(t),K&&(M(K-e.price_rub),Y(Q-e.price_euro))}else a.a.isEmpty(Z)?R([e]):R([...Z,e]),M(K+e.price_rub),Y(Q+e.price_euro)},W=e=>!(a.a.isEmpty(m)||!e)&&m.some(t=>t._id===e._id);a.a.isEmpty(m)||m.forEach(e=>{T+=e.price_rub,I+=e.price_euro});const F=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return u(_,{key:"".concat(t+1,"-").concat(n+1),disabled:W(e),onClick:()=>W(e)?{}:H(e)}

1,u(O,null,u(j,null,null===n&&(t+1<10?"0".concat(t+1):t+1),null!==n&&(n+1<10?"0".concat(n+1):n+1),"."),a.a.get(e,"name")),u(E,{active:W(e)||Z.some(t=>a.a.get(t,"_id")===a.a.get(e,"_id"))}))};return u(h,{count:s},u(x,{count:s},u(d.a,{placement:"bottom",title:B("info_module",{ns:"education"})},u(g,null,u(p.default,{width:"15",height:"15",icon:"info",colorStroke:"#7d7d7d"}),B("by_module",{ns:"education"}))),u(f,null,u(v,{count:s},B("one_module",{ns:"education"})),u(w,{count:s},K," ",Object(l.ac)(J))),!!T&&u(b,null,B("paid_modules_on",{ns:"education"})," ",u("b",null,T," ",Object(l.ac)(J))),u(y,null,B("select_module",{ns:"education"}),A&&u(r.a.Fragment,null,u("br",null),u("br",null),B("select_info",{ns:"education"}))),u(k,null,!a.a.isEmpty(n)&&V?n.map((e,t)=>u(z,{key:"".concat(a.a.get(e,"name"),"-").concat(t+1)},a.a.get(e,"name","")&&u(C,null,a.a.get(e,"name","")),o.filter(t=>e.modules_id.includes(t._id)).map((e,n)=>F(e,t,n)))):o.map((e,t)=>F(e,t))),u(q,null,u(N,{type:"button",disabled:!Z.length,onClick:()=>t({model:null,modules:Z})},B("select_payment",{ns:"education"})),u(D,{type:"button",onClick:L},B("have_questions",{ns:"education"})),u(S,null))))},h=s.b.div(["display:flex;padding:",";justify-content:center;align-items:center;gap:20px;border-radius:30px;background:#fff;@media screen and (max-width:1070px){padding:",";}@media screen and (max-width:600px){padding:20px 15px;border-radius:20px;}"],e=>{let{count:t}=e;return 3===t?"30px 25px;":"30px 60px;"},e=>{let{count:t}=e;return 3===t?"30px 25px;":"30px 35px;"}),x=s.b.div(["display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%;max-width:",";"],e=>{let{count:t}=e;return t>1?"380px":"100%"}),g=s.b.div(["color:var(--art-dark);opacity:0.5;font-size:14px;font-style:normal;font-weight:500;line-height:120%;margin-bottom:10px;max-width:125px;display:inline-flex;align-items:center;cursor:help;svg{margin-right:10px;}"]),b=s.b.div(["color:#9E9E9E;font-size:14px;font-style:normal;font-weight:300;margin-bottom:-15px;margin-top:0;line-height:15px;@media screen and (max-width:600px){margin-bottom:10px;}"]),f=s.b.div(["display:flex;justify-content:space-between;min-height:63px;align-items:center;"]),v=s.b.div(["font-size:","px;font-style:normal;font-weight:700;line-height:120%;@media screen and (max-width:991px){font-size:","px;}"],e=>{let{count:t}=e;return 3===t?22:24},e=>{let{count:t}=e;return 3===t?16:18}),w=s.b.div(["color:var(--art-active);min-width:110px;text-align:right;font-size:","px;font-style:normal;font-weight:700;line-height:120%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;@media screen and (max-width:991px){font-size:","px;}@media screen and (max-width:768px){font-size:20px;}@media screen and (max-width:600px){font-size:18px;}"],e=>{let{count:t}=e;return 3===t?23:26},e=>{let{count:t}=e;return 3===t?21:24}),y=s.b.div(["font-size:16px;font-style:normal;font-weight:400;line-height:120%;padding-top:35px;@media screen and (max-width:768px){padding-top:20px;}@media screen and (max-width:600px){padding-top:10px;}"]),k=s.b.div(["padding-top:35px;flex:1;@media screen and (max-width:768px){padding-top:20px;}"]),_=s.b.button(["display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.1);width:100%;border-radius:0;color:var(--art-dark);text-align:left;&:disabled{border:0;background-color:transparent;color:var(--art-success);border-bottom:1px solid rgba(0,0,0,0.1);&:hover{background-color:transparent;color:var(--art-success);}}&:last-child{border-bottom:0;}"]),O=s.b.div(["font-size:16px;font-style:normal;font-weight:500;line-height:120%;display:flex;align-items:flex-start;"]),j=s.b.div(["font-weight:400;margin-right:10px;"]),E=s.b.div(["margin-left:10px;background-color:",';border-radius:50%;height:14px;width:14px;min-height:14px;min-width:14px;max-height:14px;max-width:14px;position:relative;display:flex;justify-content:center;align-items:center;&:before{display:block;content:"";width:7px;height:4px;position:relative;top:-1px;border-bottom:1px solid white;border-left:1px solid white;

1transform:rotate(-40deg);}'],e=>{let{active:t}=e;return t?Object(s.a)(["var(--art-success)"]):Object(s.a)(["var(--art-main-gray)"])}),z=s.b.div(["margin-bottom:10px;"]),C=s.b.div(["font-size:15px;font-weight:700;"]),A=Object(s.a)(["border-radius:6px;border:1px solid var(--art-active);font-size:16px;font-style:normal;font-weight:400;line-height:130%;margin-top:50px;&:hover,&:focus{background-color:var(--art-active);color:white;}&:disabled{background-color:rgba(239,239,239,0.3);color:rgba(16,16,16,0.3);cursor:not-allowed;border-color:#8b8b8b;&:hover,&:focus{background-color:rgba(239,239,239,0.3);color:rgba(16,16,16,0.3);}}"]),N=s.b.button(["background-color:var(--art-active);color:white;",";"],A),D=s.b.button(["background-color:transparent;color:var(--art-active);",";margin-top:20px;@media screen and (max-width:600px){display:none;}"],A),S=s.b.div(["font-size:16px;padding:13px;margin:15px 0 0;"]),q=s.b.div(["width:100%;display:flex;flex-direction:column;"]);m.defaultProps={program:[],paid:[],hasTariff:!1},t.default=m},RZz7:function(e,t,n){"use strict";n.r(t);var i=n("tZ+X"),r=n("LvDl"),o=n.n(r),a=n("q1tI"),s=n.n(a),l=n("+TN3"),d=n("CVos"),

1c=n.n(d),p=n("vOnD"),u=n("TZV/"),m=n("YvYB"),h=n("8vKQ"),x=n("z5On"),g=n("2y26"),b=n("vw+V"),f=s.a.createElement;const v=Object(i.a)({resolved:{},chunkName:()=>"components-artworks-include",isReady(e){const t=this.resolve(e);return!0===this.resolved[t]&&!!n.m[t]},importAsync:()=>n.e(50).then(n.bind(null,"/nT8")),requireAsync(e){const t=this.resolve(e);return this.resolved[t]=!1,this.importAsync(e).then(e=>(this.resolved[t]=!0,e))},requireSync(e){const t=this.resolve(e);return n(t)},resolve(){return"/nT8"}}),w=Object(i.a)({resolved:{},chunkName:()=>"components-Breadcrumbs",isReady(e){const t=this.resolve(e);return!0===this.resolved[t]&&!!n.m[t]},importAsync:()=>n.e(35).then(n.bind(null,"coCT")),requireAsync(e){const t=this.resolve(e);return this.resolved[t]=!1,this.importAsync(e).then(e=>(this.resolved[t]=!0,e))},requireSync(e){const t=this.resolve(e);return n(t)},resolve(){return"coCT"}}),y=Object(i.a)({resolved:{},chunkName:()=>"components-MetaTags",isReady(e){const t=this.resolve(e);return!0===this.resolved[t]&&!!n.m[t]},importAsync:()=>Promise.all([n.e(3),n.e(39)]).then(n.bind(null,"tJNt")),requireAsync(e){const t=this.resolve(e);return this.resolved[t]=!1,this.importAsync(e).then(e=>(this.resolved[t]=!0,e))},requireSync(e){const t=this.resolve(e);return n(t)},resolve(){return"tJNt"}}),k=Object(i.a)({resolved:{},chunkName:()=>"components-ActiveButtonsFull",isReady(e){const t=this.resolve(e);return!0===this.resolved[t]&&!!n.m[t]},importAsync:()=>Promise.all([n.e(1),n.e(9)]).then(n.bind(null,"jIrv")),requireAsync(e){const t=this.resolve(e);return this.resolved[t]=!1,this.importAsync(e).then(e=>(this.resolved[t]=!0,e))},requireSync(e){const t=this.resolve(e);return n(t)},resolve(){return"jIrv"}}),_=Object(i.a)({resolved:{},chunkName:()=>"Error",isReady(e){const t=this.resolve(e);return!0===this.resolved[t]&&!!n.m[t]},importAsync:()=>n.e(11).then(n.bind(null,"JCim")),requireAsync(e){const t=this.resolve(e);return this.resolved[t]=!1,this.importAsync(e).then(e=>(this.resolved[t]=!0,e))},requireSync(e){const t=this.resolve(e);return n(t)},resolve(){return"JCim"}}),O=e=>{let{match:t}=e;const n=t.params.id?{_id:t.params.id}:{url:t.params.url},{t:i}=Object(m.a)(),{loading:r,data:s,error:d}=Object(l.b)(h.v,{variables:n,fetchPolicy:"cache-first"});Object(a.useEffect)(()=>{c()("hit","/compilations/".concat(o.a.get(t,"params.url")||o.a.get(t,"params.id")))},[]);const p=o.a.get(s,"compilation",{}),O=o.a.get(d,"graphQLErrors",[]);if(!o.a.isEmpty(O))return f(_,{errors:O});if(o.a.isEmpty(p)&&!r)return f(_,{errors:[]});const q=[{name:i("name",{ns:"compilation"}),url:"/compilations"},{name:p.name,url:null}],L="".concat(b.b,"/").concat(x.v,"/").concat(p.url||p._id),T=p.bgImage?"".concat(b.b).concat(p.bgImage):null,I={title:p.name,description:Object(x.Wb)(p.description,20,!0,200),published:o.a.get(p,"created_at",null),updated:o.a.get(p,"updated_at",null),image:T,path:L};return f(S,null,f(y,I),r&&f("div",{className:"loader"},f("div",{className:"bar"})),f(g.b,null,f(w,{padding:"40px 0 20px 0",data:q}),f(z,{item:p},p.status!==x.Cb&&f(u.a,{title:"\u0412\u0438\u0434\u0438\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440"},f(j,null)),f(E,null,f(C,null,f(A,null,i("editor_select",{ns:"compilation"})),f(N,null,p.name),f(D,{dangerouslySetInnerHTML:{__html:p.description}})),f(k,{description:Object(x.Wb)(p.description,10,!0,100),name:p.name,item:p,modelName:x.w,url:L}))),f(v,{variables:{artworks:p.artworks_id},placeholderSearch:i("placeholder_search_view",{ns:"compilation"})})))},j=p.b.div(["background-color:red;border:1px solid #7e0000;width:20px;height:20px;border-radius:50%;position:absolute;right:10px;top:10px;"]),E=p.b.div(["@media screen and (max-width:500px){min-height:550px;}"]),z=p.b.div(["display:flex;align-items:center;background-image:url(",");background-repeat:no-repeat;background-size:cover;width:100%;position:relative;padding:60px 50px;@media screen and (max-width:1024px){background-position:95% top;padding:50px 40px;}@media screen and (max-width:768px){background-position:85% top;padding:35px 20px;margin-top:50px;}@media screen and (max-width:500px){background-image:url(",");background-position:bottom;padding:22px 15px;}@media screen and (max-width:700px) and (orientation:landscape){background-position:60% top;}"],e=>{let{item:t}=e;return t.bgImage},e=>{let{item:t}=e;return t.mobileImage}),C=p.b.div(["color:white;max-width:500px;@media screen and (max-width:1024px){max-width:350px;}@media screen and (max-width:768px){max-width:275px;}"]),A=p.b.div(["color:white;font-size:14px;line-height:28px;margin-bottom:10px;@media screen and (max-width:1024px){font-size:12px;}"]),N=p.b.h1(["font-weight:bold;font-size:42px;line-height:120%;margin-bottom:15px;@media screen and (max-width:1024px){font-size:32px;margin-bottom:20px;}@media screen and (max-width:768px){font-size:24px;line-height:110%;margin-bottom:10px;}@media screen and (max-width:500px){font-size:24px;margin-bottom:8px;}"]),D=p.b.div(["font-size:20px;line-height:28px;margin-bottom:20px;@media screen and (max-width:1024px){font-size:14px;line-height:140%;}@media screen and (max-width:768px){margin-bottom:15px;}@media screen and (max-width:500px){margin-bottom:10px;}"]),S=p.b.section(["padding:0 0 20px;margin-bottom:40px;min-height:100vh;@media screen and (max-width:812px){overflow:hidden;}"]);t.default=O},"TZV/":function(e,t,n){"use strict";var i=n("q1tI"),r=n.n(i),o=n("dDCJ"),a=n("AINe"),s=r.a.createElement;const l=e=>{let{children:t,title:n,placement:i}=e;return s(o.a,{key:i,placement:i,overlay:s(a.a,{id:"tooltip-".concat(i)},n)},t)};l.defaultProps={placement:"top"},t.a=l}}]);
2//# sourceMappingURL=screens-compilations-view.fbf9f0b7.chunk.js.map