https://byzans.com/static/js/36.2f0989c4.chunk.js

1(this["webpackJsonpbyzans-website"]=this["webpackJsonpbyzans-website"]||[]).push([[36],{745:function(e,n,t){"use strict";t.r(n);var r,a,o,i,s,l,u,c,d,p,m,g,b,h,f,x=t(3),v=t(70),j=t.n(v),E=t(71),O=t(11),k=t(14),y=t(26),w=t(0),R=t.n(w),C=t(2),G=t(13),_=t(759),z=t(231),q=t(72),F=t(113),S=t(123),I=t(36),L=t(128),D=t(76),T=t(195),U=t(247),J=t(21),M={values:{title:"",synopsis:"",authors:"",date_published:"",pages:"",language:"",proof:"",coverImage:void 0,isbn13:""},errors:{}},A=function(e,n){switch(n.type){case"SET_FIELD":return Object(y.a)(Object(y.a)({},e),{},{values:Object(y.a)(Object(y.a)({},e.values),{},Object(k.a)({},n.field,n.value))});case"SET_ERRORS":return Object(y.a)(Object(y.a)({},e),{},{errors:n.errors});case"CLEAR_ERRORS":return Object(y.a)(Object(y.a)({},e),{},{errors:{}});case"RESET_FORM":return M;default:return e}},P=C.d.div(r||(r=Object(x.a)(["\n  width: 100%;\n  justify-self: center;\n  box-sizing: border-box;\n  display: grid;\n  justify-items: center;\n\n  padding: 0 16px 40px 16px;\n\n  h1 {\n    font-size: 24px;\n    line-height: 28px;\n    margin-bottom: 24px;\n    text-align: center;\n\n    "," {\n      font-size: 32px;\n      line-height: 40px;\n      margin-bottom: 32px;\n      text-align: left;\n    }\n  }\n\n  "," {\n    width: 1024px;\n  }\n"])),Object(G.up)("desktop"),Object(G.up)("desktop")),B=C.d.form(a||(a=Object(x.a)(["\n  width: 100%;\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: auto auto auto auto auto auto auto auto auto auto;\n  grid-row-gap: 10px;\n\n  "," {\n  grid-template-columns: auto 1fr;\n  grid-template-rows: auto auto auto auto auto auto auto auto;\n  grid-column-gap: 16px;\n  grid-row-gap: 16px;\n  }\n"])),Object(G.up)("desktop")),H=C.d.div(o||(o=Object(x.a)(["\n  grid-row: 1;\n  grid-column: 1;\n  width: 120px;\n  aspect-ratio: 6 / 9;\n  background: ",";\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  overflow: hidden;\n  position: relative;\n  border: 2px solid ",";\n  margin: 0 auto;\n  min-height: 160px;\n\n  "," {\n    grid-row: 1 / span 2;\n    grid-column: 1 / 2;\n    width: 150px;\n    margin: 0;\n    min-height: auto;\n  }\n"])),(function(e){return e.theme.colors.lightGray}),(function(e){return e.error?e.theme.colors.error:"transparent"}),Object(G.up)("desktop")),K=C.d.div(i||(i=Object(x.a)(["\n  font-size: 2rem;\n  color: ",";\n  user-select: none;\n\n  "," {\n    font-size: 2.5rem;\n  }\n"])),(function(e){return e.error?e.theme.colors.error:e.theme.colors.accent}),Object(G.up)("desktop")),N=C.d.img(s||(s=Object(x.a)(["\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n"]))),Q=C.d.div(l||(l=Object(x.a)(["\n  display: flex;\n  flex-direction: column;\n\n  "," {\n    ","\n    ","\n  }\n"])),Object(G.up)("desktop"),(function(e){return e.desktopGridColumn&&"grid-column: ".concat(e.desktopGridColumn,";")}),(function(e){return e.desktopGridRow&&"grid-row: ".concat(e.desktopGridRow,";")})),V=C.d.select(u||(u=Object(x.a)(["\n  padding: 16px 20px;\n  border: 1px solid ",";\n  border-radius: 4px;\n  font-size: 16px;\n  background-color: white;\n  margin: 10px 0 30px 0;\n  min-height: 48px;\n  \n  &:focus {\n    outline: none;\n    border-color: ",";\n  }\n\n  "," {\n    padding: 13px 20px;\n    font-size: 1rem;\n    min-height: auto;\n  }\n"])),(function(e){return e.theme.colors.lightGray}),(function(e){return e.theme.colors.accent}),Object(G.up)("desktop")),W=Object(C.d)(z.a)(c||(c=Object(x.a)(["\n  padding: 16px 20px;\n  border: 1px solid ",";\n  border-radius: 4px;\n  font-size: 16px;\n  min-height: 120px;\n  resize: vertical;\n  margin: 10px 0 30px 0;\n  \n  &:focus {\n    outline: none;\n    border-color: ",";\n  }\n\n  "," {\n    padding: 13px 20px;\n    font-size: 1rem;\n    min-height: 100px;\n  }\n"])),(function(e){return e.theme.colors.lightGray}),(function(e){return e.theme.colors.accent}),Object(G.up)("desktop")),X=C.d.div(d||(d=Object(x.a)(["\n  color: ",";\n  padding: 3px 5px;\n  font-size: 12px;\n  margin-top: -30px;\n  margin-left: 10px;\n"])),(function(e){return e.theme.colors.error})),Y=C.d.label(p||(p=Object(x.a)(["\n  font-weight: bold;\n  font-size: 14px;\n  margin-bottom: 4px;\n\n  "," {\n    font-size: inherit;\n    margin-bottom: 0;\n  }\n"])),Object(G.up)("desktop")),Z=C.d.div(m||(m=Object(x.a)(["\n  padding: 2rem;\n  text-align: center;\n  background: ",";\n  border-radius: 8px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n"])),(function(e){return e.theme.colors.bg})),$=C.d.div(g||(g=Object(x.a)(["\n  font-size: 1.2rem;\n  color: ",";\n  margin-bottom: 1rem;\n"])),(function(e){return e.theme.colors.text})),ee=C.d.div(b||(b=Object(x.a)(["\n  color: ",";\n  font-size: 12px;\n  margin-top: -30px;\n  margin-left: 10px;\n"])),(function(e){return e.theme.colors.darkGray})),ne=C.d.div(h||(h=Object(x.a)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 2rem;\n  background: ",";\n  border-radius: 8px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  text-align: center;\n  max-width: 400px;\n  margin: 0 auto;\n  width: 100%;\n"])),(function(e){return e.theme.colors.bg})),te=C.d.div(f||(f=Object(x.a)(["\n  font-size: 1.1rem;\n  color: ",";\n  margin-bottom: 1.5rem;\n"])),(function(e){return e.theme.colors.text}));n.default=function(){var e=Object(_.a)(["book-request","generated"]).t,n=Object(_.a)("onboarding").t,t=Object(I.c)().setComponent,r=Object(J.b)(),a=r.token,o=r.user,i=Object(L.a)().showLoginForm,s=Object(w.useReducer)(A,M),l=Object(O.a)(s,2),u=l[0],c=l[1],d=R.a.useState(""),p=Object(O.a)(d,2),m=p[0],g=p[1],b=R.a.useState(!1),h=Object(O.a)(b,2),f=h[0],x=h[1],v=function(n){var t={};return n.title.trim()||(t.title=e("errors.required")),n.synopsis.trim()||(t.synopsis=e("errors.required")),n.authors.trim()||(t.authors=e("errors.required")),n.date_published||(t.date_published=e("errors.required")),n.pages||(t.pages=e("errors.required")),n.language||(t.language=e("errors.required")),n.coverImage||(t.coverImage=e("errors.required")),n.isbn13.trim()||(t.isbn=e("errors.required")),13!==n.isbn13.trim().length&&(t.isbn=e("errors.invalidIsbn")),t},k=function(e){var n=e.target,t=n.name,r=n.value;c({type:"SET_FIELD",field:t,value:r})},C=function(){var n=Object(E.a)(j.a.mark((function n(r){var o,i,s;return j.a.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(r.preventDefault(),g(""),x(!0),o=v(u.values),c({type:"SET_ERRORS",errors:o}),console.log(o),!(Object.keys(o).length>0)){n.next=9;break}return x(!1),n.abrupt("return");case 9:return n.prev=9,i=Object(y.a)(Object(y.a)({},u.values),{},{authors:u.values.authors.split(",").map((function(e){return e.trim()})).filter((function(e){return e.length>0}))}),n.next=13,Object(U.b)(i,null==a?void 0:a.access);case 13:(s=n.sent).success?(t(R.a.createElement(Z,null,R.a.createElement($,null,e

1("generated:book_request.submitted")))),c({type:"RESET_FORM"})):g(s.error||e("errors.requestFailed")),n.next=20;break;case 17:n.prev=17,n.t0=n.catch(9),g(e("errors.requestFailed"));case 20:return n.prev=20,x(!1),n.finish(20);case 23:case"end":return n.stop()}}),n,null,[[9,17,20,23]])})));return function(e){return n.apply(this,arguments)}}(),G=Object(w.useRef)(null);return o?R.a.createElement(F.a,{name:"request-book"},R.a.createElement(P,null,R.a.createElement("h1",null,e("title")),R.a.createElement(B,{onSubmit:C},R.a.createElement(H,{onClick:function(){var e;return null===(e=G.current)||void 0===e?void 0:e.click()},error:!!u.errors.coverImage},u.values.coverImage?R.a.createElement(N,{src:URL.createObjectURL(u.values.coverImage),alt:"Cover preview"}):R.a.createElement(K,{error:!!u.errors.coverImage},"+"),R.a.createElement("input",{type:"file",accept:"image/jpeg,image/png",style:{display:"none"},ref:G,onChange:function(e){var n;e.target.files&&e.target.files[0]&&(n=[{file:e.target.files[0],dataURL:URL.createObjectURL(e.target.files[0])}]).length>0&&c({type:"SET_FIELD",field:"coverImage",value:n[0].file})}})),R.a.createElement(Q,{desktopGridColumn:"2 / 3",desktopGridRow:"1 / 2"},R.a.createElement(Y,{htmlFor:"title"},e("fields.title")),R.a.createElement(S.a,{name:"title",value:u.values.title,onChange:k,error:u.errors.title})),R.a.createElement(Q,{desktopGridColumn:"2 / 3",desktopGridRow:"2 / 3"},R.a.createElement(Y,{htmlFor:"synopsis"},e("fields.synopsis")),R.a.createElement(W,{id:"synopsis",name:"synopsis",value:u.values.synopsis,onChange:k}),u.errors.synopsis&&R.a.createElement(X,null,u.errors.synopsis)),R.a.createElement(Q,{desktopGridColumn:"1 / span 2",desktopGridRow:"3"},R.a.createElement(Y,{htmlFor:"authors"},e("fields.authors")),R.a.createElement(S.a,{name:"authors",value:u.values.authors,onChange:k,error:u.errors.authors,placeholder:"John Doe, Jane Smith"}),!u.errors.authors&&R.a.createElement(ee,null,e("fields.authorsDescription"))),R.a.createElement(Q,{desktopGridColumn:"1 / span 2",desktopGridRow:"4"},R.a.createElement(Y,{htmlFor:"isbn"},e("fields.isbn")),R.a.createElement(S.a,{name:"isbn13",value:u.values.isbn13,onChange:k,error:u.errors.isbn})),R.a.createElement(Q,{desktopGridColumn:"1 / span 2",desktopGridRow:"5"},R.a.createElement(Y,{htmlFor:"date_published"},e("fields.publishingDate")),R.a.createElement(S.a,{name:"date_published",type:"date",value:u.values.date_published,onChange:k,error:u.errors.date_published})),R.a.createElement(Q,{desktopGridColumn:"1 / span 2",desktopGridRow:"6"},R.a.createElement(Y,{htmlFor:"pages"},e("fields.numberOfPages")),R.a.createElement(S.a,{name:"pages",type:"number",value:u.values.pages,onChange:k,min:"1",error:u.errors.pages})),R.a.createElement(Q,{desktopGridColumn:"1 / span 2",desktopGridRow:"7"},R.a.createElement(Y,{htmlFor:"language"},e("fields.language")),R.a.createElement(V,{id:"language",name:"language",value:u.values.language,onChange:k},R.a.createElement("option",{value:""},e("fields.selectLanguage")),T.a.map((function(e){return R.a.createElement("option",{key:e,value:e},Object(D.e)(e)?Object(D.e)(e)+" ":"",n("reading_languages.languages."+e))}))),u.errors.language&&R.a.createElement(X,null,u.errors.language)),m&&R.a.createElement(X,null,m),R.a.createElement(q.a,{type:"submit",disabled:f},e(f?"actions.submitting":"actions.submit"))))):R.a.createElement(F.a,{name:"request-book"},R.a.createElement(P,null,R.a.createElement(ne,null,R.a.createElement(te,null,e("generated:prompts.login_required_request_book")),R.a.createElement(q.a,{onClick:i},e("generated:buttons.sign_in")))))}}}]);
2//# sourceMappingURL=36.2f0989c4.chunk.js.map