https://www.chulabook.com/_next/static/chunks/pages/pre-order-48d692068775e79c8706.js

1_N_E=(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[138],{"08ds":function(e,t,a){"use strict";var o=a("ODXe"),r=a("TSYQ"),n=a.n(r),c=a("nOHt"),i=a.n(c),s=a("q1tI"),l=a.n(s),m=a("gdJV"),u=a("yzAy"),d=a("I8qh"),p=a("4JyM"),g=a("s02U"),f=l.a.createElement;t.a=Object(p.withTranslation)("mobile_card")((function(e){var t=Object(s.useContext)(m.b),a=t.user,r=(t.handleCart,t.fetchUser),c=(t.onSocket,e.t),v=e.product,b=e._class,h=void 0===b?" mr-2":b,k=e.freespace,y=function(e){return(e=parseFloat(e)).toFixed(2).replace(",",".").replace(/(\d)(?=(\d{3})+(?!\d))/g,"$1,")},N=Object(s.useState)("/mobile/image/product/book.png"),w=(N[0],N[1]),_=Object(s.useState)(0),x=_[0],O=_[1];Object(s.useEffect)((function(){if(v){var e=v.picture;if(e){var t=e.split("watch?v="),a=Object(o.a)(t,2),r=(a[0],a[1]);r&&O("https://www.youtube.com/embed/"+r),w(v.picture?v.picture:"/mobile/image/product/book.png")}}}),[]);var j,F=function(e,t){if(e.preventDefault(),d.a.isLoggin()){var a=d.a.getProfile().id;u.a.addOrdeleteFav(a,{product_id:t}).then((function(e){e.data;r()})).catch((function(e){console.log(e.response)}))}else{var o=window.location.pathname;i.a.push("/login?redirect=".concat(o))}},E=function(e){if(!e.preorder_start||!e.preorder_end)return 0;var t=new Date(e.preorder_start),a=new Date(e.preorder_end),o=new Date;return o<t?1:o>a?2:e.preorder_amount?4:3};encodeURIComponent(v&&v.name.trim().replace(/\//g,"-"));return k?f(l.a.Fragment,null,f("div",{className:"card-book nonecard"+h})," "):f(p.Link,g.a.getUrlProduct(v),f("a",{className:"card-book "+h},f("div",{className:"d-flex justify-content-between mb-2 align-items-center"},f("div",{className:"d-flex align-items-center"},f("img",{alt:"\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e08\u0e38\u0e2c\u0e32\u0e2f",src:v?"cu"!=v.seller_id?v.seller_picture:"/mobile/image/icon/icon-cu.svg":"",className:"icon-card-seller"}),f("p",{className:"text-publisher m-0 ml-2"},v?"cu"!=v.seller_id?v.shop_name:"CHULABOOK":"")),f("div",{className:"d-flex"},v&&(function(){if(!a||!v)return!1;if(0==a.favorites.length)return!1;var e=!1;return a.favorites.forEach((function(t){t.product_id==v.id&&(e=!0)})),e}()?f("img",{src:"/mobile/image/icon/icon-fav.svg",alt:"\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e08\u0e38\u0e2c\u0e32\u0e2f",className:"float-right img-fluid my-auto size-16",onClick:function(e){F(e,v.id)}}):f("img",{src:"/mobile/image/icon/icon-unfav.svg",alt:"\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e08\u0e38\u0e2c\u0e32\u0e2f",className:"float-right img-fluid my-auto size-16",onClick:function(e){F(e,v.id)}})))),f("div",{className:n()("book-image-area mb-2 card-img-mobile",v.preorder?4!=E(v)?"set-stock":"":v.stock&&v.stock>v.reserve_stock||"ebook"==v.type||"course"==v.type?"":"set-stock")},f("div",{className:n()("area-book",{"p-0":v.picture&&"non_book"==v.type})},(0==v.video_type||null==v.video_type)&&f(l.a.Fragment,null,v.preorder?f(l.a.Fragment,null,f("img",{className:"shadow-book",src:v.picture?v.picture:"/mobile/image/product/book.png",alt:v.name}),f("img",{src:"/mobile/image/pre_order.svg",className:"img-stock",alt:v.name})):"non_book"==v.type?f("img",{src:v.picture?v.picture:"/mobile/image/product/book.png",className:"mh-100 mw-100",alt:v.name}):f(l.a.Fragment,null,f("img",{className:"shadow-book",src:v.picture?v.picture:"/mobile/image/product/book.png",alt:v.name}),"ebook"==v.type&&f("img",{src:"/mobile/image/ebook.svg",className:"img-stock",alt:v.name}),"course"==v.type&&f("img",{src:"/mobile/image/course.svg",className:"img-stock",alt:v.name}),"course_ecode"==v.type&&f("img",{src:"/mobile/image/badge-course-ecode-small.svg",className:"img-stock img-w-e-code",alt:v.name}))),1==v.video_type&&f(l.a.Fragment,null,f("video",{controls:!0,className:"w-100 video"},f("source",{src:v.picture?v.picture:"/mobile/image/product/book.png",type:"video/mp4"}),f("source",{src:v.picture?v.picture:"/mobile/image/product/book.png",type:"video/ogg"})),v.preorder&&f("img",{src:"/mobile/image/pre_order.svg",className:"img-stock",alt:"\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e08\u0e38\u0e2c\u0e32\u0e2f"})),2==v.video_type&&f(l.a.Fragment,null,f("iframe",{className:"mh-100 w-100 video",src:x,frameborder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"}),v.preorder&&f("img",{src:"/mobile/image/pre_order.svg",className:"img-stock",alt:"\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e08\u0e38\u0e2c\u0e32\u0e2f"})),"Y"===v.comming?f("div",{className:"text-stock"},c("comming")):v.preorder?f(l.a.Fragment,null,4!=E(v)?0==(j=E(v))?f("div",{className:"text-stock"},c("soon")):1==j?f("div",{className:"text-stock"},c("soon")):2==j?f("div",{className:"text-stock"},c("close")):3==j?f("div",{className:"text-stock"},c("out_stock")):void 0:""):f(l.a.Fragment,null,v.stock&&v.stock>v.reserve_stock||"ebook"==v.type||"course"==v.type?"":f("div",{className:"text-stock"},c("out_stock")))),v.promotion_active||v.promotion_product_active?f("div",{className:"badge-pro"},f("img",{src:"/mobile/icon/promotion.svg"})):null),f("h3",{className:"text-name-of-book h-40px text-h3"},v.name),f("p",{className:"text-author text-h6-p "},"book"==v.type||"ebook"==v.type?"".concat(c("author")," : ").concat(v.author):""),f("p",{className:n()("text-pink font-weight-bold text-h5-p",{"text-ebook":"ebook"==v.type,"text-stationery":"non_book"==v.type,"text-course":"course"==v.type})},v.price?"\u0e3f "+y(v.price):"Free"),v.cover_price>v.price?f("p",{className:"text-disable font-weight-bold mr-2 text-h5-p"},f("s",null,f("span",null,"\u0e3f")," ",y(v.cover_price))):f("p",{className:"text-disable font-weight-bold mr-2 text-h5-p"},f("span",null,"\u0e3f")," ",y(v.cover_price))))}))},"1Tw2":function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/pre-order",function(){return a("Vm7R")}])},OuSE:function(e,t,a){"use strict";var o=a("q1tI"),r=a.n(o),n=a("fJMJ"),c=a("xn8y"),i=a("Eb6y"),s=a("BgiA"),l=r.a.createElement;t.a=function(e){var t=Object(o.useState)(0),a=t[0],r=t[1],m=Object(o.useState)(!1),u=m[0],d=m[1],p=e.items,g=e.seller_banner,f=function(){if(!u){var e=a===p.length-1?0:a+1;r(e)}},v=function(){if(!u){var e=0===a?p.length-1:a-1;r(e)}},b=p.map((function(e){return l(n.a,{onExiting:function(){return d(!0)},onExited:function(){return d(!1)},key:g?e.index:e.src},l("a",{href:g?"":e.href},l("img",{src:g?e.image:e.src,className:"w-100",alt:e.altText?e.altText:"\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e08\u0e38\u0e2c\u0e32\u0e2f"})))}));return l(c.a,{activeIndex:a,next:f,previous:v},l(i.a,{items:p,activeIndex:a,onClickHandler:function(e){u||r(e)}}),b,l(s.a,{direction:"prev",directionText:"Previous",onClickHandler:v}),l(s.a,{direction:"next",directionText:"Next",onClickHandler:f}))}},Vm7R:function(e,t,a){"use strict";a.r(t);var o=a("q1tI"),r=a.n(o),n=a("CafY"),c=a("4JyM"),i=a("nOHt"),s=a("a+bJ"),l=a("VSVh"),m=a("yzAy"),u=r.a.createElement,d=function(e){var t=e.t,a=e.query,n=Object(o.useState)(),c=n[0],d=n[1],p=Object(o.useState)(),g=p[0],f=p[1],v=(a.text,a.field,Object(o.useState)()),b=v[0],h=v[1],k=Object(o.useState)(),y=(k[0],k[1]);Object(i.useRouter)();Object(o.useEffect)((function(){m.a.getRecByKey("pre-order").then((function(e){var t=e.data;y(t)})).catch((function(e){console.log(e.response)})),m.a.getBanner("pre-order","cu").then((function(e){var t=e.data;d(t.type),f(t.banner_images)})).catch((function(e){console.log(e.response)})),m.a.getProducts({preorder:1}).then((function(e){var t=e.data;h(t)})).catch((function(e){console.log(e.response)})),document.getElementsByClassName("main-layout")[0]&&(document.getElementsByClassName("main-layout")[0].style.backgroundColor="#FFFFFF")}),[]);var N=function(){var e=!0;function t(){return{width:e?window.innerWidth:void 0,height:e?window.innerHeight:void 0}}var a=Object(o.useState)(t),r=a[0],n=a[1];return Object(o.useEffect)((function(){if(!e)return!1;function a(){n(t())}return window.addEventListener("resize",a),function(){return window.removeEventListener("resize",a)}}),[]),r}();return u(r.a.Fragment,null,u("div",{className:"container"},u("div",{className:"row"},u("div",{className:"col-12"},u(s.a,{data:g,type:c}))),u("div",{className:"row my-5"},u("div",{className:"col-12"},u("div",{className:"text-center"},u("h2",null,t("translations:pre_order"))))),u("div",{className:"row mt-5 "},b?N.width<1200?b.rows.map((function(e){return u(l.a,{new_padding:!0,show:3,classes:"mb-5"})})):b.rows.map((function(e){return u(l.a,{product:e,show:4,new_padding:!0})}

1)):"")),u("div",{className:"end-page"}))},p=a("pAy3"),g=a("OuSE"),f=a("08ds"),v=r.a.createElement,b=function(e){var t=e.t,a=e.query,n=Object(o.useState)(),s=(n[0],n[1],Object(o.useState)()),l=s[0],u=s[1],d=(a.text,a.field,Object(o.useState)()),p=d[0],b=d[1],h=Object(o.useState)();h[0],h[1],Object(i.useRouter)();return Object(o.useEffect)((function(){m.a.getBanner("pre-order","cu").then((function(e){var t=e.data,a=[];t.banner_images.forEach((function(e){if(5!=e.index)return!0;var t={src:e.image,key:"banner"+Math.random(),href:e.link};a.push(t)})),u(a)})).catch((function(e){console.log(e.response)})),m.a.getProducts({preorder:1}).then((function(e){var t=e.data;b(t)})).catch((function(e){console.log(e.response)})),document.body.style.backgroundColor="#FFFFFF"}),[]),v(r.a.Fragment,null,v("div",{className:"cart-nav"},v("div",{className:" text-center cart-nav-title"},v("h4",null,t("mobile_translations:pre_order"))),v(c.Link,{href:"/"},v("a",{className:"btn-back cart-nav-back"},v("img",{className:"img-fluid",src:"/mobile/image/icon/icon-back.svg"})))),v("div",{className:"bg-light-less-gray min-vh-100 "},v("div",{className:"h-64px"}),l&&v(g.a,{items:l}),v("div",{className:"all-card-news mt-3"},v("div",{className:"container d-flex flex-wrap justify-content-between "},p&&p.rows.map((function(e,t){return v(f.a,{product:e,show:4,_class:"my-2",key:t})})))),v("div",{className:"footer-space"})))},h=r.a.createElement,k=function(e){var t=e.query,a=e.t,o=Object(p.a)(992);return h(n.a,{title:"".concat(a("translations:pre_order")," | \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e08\u0e38\u0e2c\u0e32\u0e2f"),isBanner:!0},h(o?b:d,{t:a,query:t}))};k.getInitialProps=function(e){return{query:e.query}};t.default=Object(c.withTranslation)("home")(k)}},[["1Tw2",0,2,1,3,5,4,6,7,8,9,10,12,13,14,15]]]);