https://www.chulabook.com/_next/static/chunks/pages/recommend/[key]-42dfc6685226fe0848ca.js

1_N_E=(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[149],{"08ds":function(e,t,a){"use strict";var n=a("ODXe"),r=a("TSYQ"),o=a.n(r),s=a("nOHt"),i=a.n(s),l=a("q1tI"),c=a.n(l),u=a("gdJV"),d=a("yzAy"),p=a("I8qh"),f=a("4JyM"),m=a("s02U"),g=c.a.createElement;t.a=Object(f.withTranslation)("mobile_card")((function(e){var t=Object(l.useContext)(u.b),a=t.user,r=(t.handleCart,t.fetchUser),s=(t.onSocket,e.t),h=e.product,v=e._class,b=void 0===v?" mr-2":v,y=e.freespace,k=function(e){return(e=parseFloat(e)).toFixed(2).replace(",",".").replace(/(\d)(?=(\d{3})+(?!\d))/g,"$1,")},C=Object(l.useState)("/mobile/image/product/book.png"),N=(C[0],C[1]),w=Object(l.useState)(0),L=w[0],x=w[1];Object(l.useEffect)((function(){if(h){var e=h.picture;if(e){var t=e.split("watch?v="),a=Object(n.a)(t,2),r=(a[0],a[1]);r&&x("https://www.youtube.com/embed/"+r),N(h.picture?h.picture:"/mobile/image/product/book.png")}}}),[]);var P,_=function(e,t){if(e.preventDefault(),p.a.isLoggin()){var a=p.a.getProfile().id;d.a.addOrdeleteFav(a,{product_id:t}).then((function(e){e.data;r()})).catch((function(e){console.log(e.response)}))}else{var n=window.location.pathname;i.a.push("/login?redirect=".concat(n))}},O=function(e){if(!e.preorder_start||!e.preorder_end)return 0;var t=new Date(e.preorder_start),a=new Date(e.preorder_end),n=new Date;return n<t?1:n>a?2:e.preorder_amount?4:3};encodeURIComponent(h&&h.name.trim().replace(/\//g,"-"));return y?g(c.a.Fragment,null,g("div",{className:"card-book nonecard"+b})," "):g(f.Link,m.a.getUrlProduct(h),g("a",{className:"card-book "+b},g("div",{className:"d-flex justify-content-between mb-2 align-items-center"},g("div",{className:"d-flex align-items-center"},g("img",{alt:"\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e08\u0e38\u0e2c\u0e32\u0e2f",src:h?"cu"!=h.seller_id?h.seller_picture:"/mobile/image/icon/icon-cu.svg":"",className:"icon-card-seller"}),g("p",{className:"text-publisher m-0 ml-2"},h?"cu"!=h.seller_id?h.shop_name:"CHULABOOK":"")),g("div",{className:"d-flex"},h&&(function(){if(!a||!h)return!1;if(0==a.favorites.length)return!1;var e=!1;return a.favorites.forEach((function(t){t.product_id==h.id&&(e=!0)})),e}()?g("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){_(e,h.id)}}):g("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){_(e,h.id)}})))),g("div",{className:o()("book-image-area mb-2 card-img-mobile",h.preorder?4!=O(h)?"set-stock":"":h.stock&&h.stock>h.reserve_stock||"ebook"==h.type||"course"==h.type?"":"set-stock")},g("div",{className:o()("area-book",{"p-0":h.picture&&"non_book"==h.type})},(0==h.video_type||null==h.video_type)&&g(c.a.Fragment,null,h.preorder?g(c.a.Fragment,null,g("img",{className:"shadow-book",src:h.picture?h.picture:"/mobile/image/product/book.png",alt:h.name}),g("img",{src:"/mobile/image/pre_order.svg",className:"img-stock",alt:h.name})):"non_book"==h.type?g("img",{src:h.picture?h.picture:"/mobile/image/product/book.png",className:"mh-100 mw-100",alt:h.name}):g(c.a.Fragment,null,g("img",{className:"shadow-book",src:h.picture?h.picture:"/mobile/image/product/book.png",alt:h.name}),"ebook"==h.type&&g("img",{src:"/mobile/image/ebook.svg",className:"img-stock",alt:h.name}),"course"==h.type&&g("img",{src:"/mobile/image/course.svg",className:"img-stock",alt:h.name}),"course_ecode"==h.type&&g("img",{src:"/mobile/image/badge-course-ecode-small.svg",className:"img-stock img-w-e-code",alt:h.name}))),1==h.video_type&&g(c.a.Fragment,null,g("video",{controls:!0,className:"w-100 video"},g("source",{src:h.picture?h.picture:"/mobile/image/product/book.png",type:"video/mp4"}),g("source",{src:h.picture?h.picture:"/mobile/image/product/book.png",type:"video/ogg"})),h.preorder&&g("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==h.video_type&&g(c.a.Fragment,null,g("iframe",{className:"mh-100 w-100 video",src:L,frameborder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"}),h.preorder&&g("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"===h.comming?g("div",{className:"text-stock"},s("comming")):h.preorder?g(c.a.Fragment,null,4!=O(h)?0==(P=O(h))?g("div",{className:"text-stock"},s("soon")):1==P?g("div",{className:"text-stock"},s("soon")):2==P?g("div",{className:"text-stock"},s("close")):3==P?g("div",{className:"text-stock"},s("out_stock")):void 0:""):g(c.a.Fragment,null,h.stock&&h.stock>h.reserve_stock||"ebook"==h.type||"course"==h.type?"":g("div",{className:"text-stock"},s("out_stock")))),h.promotion_active||h.promotion_product_active?g("div",{className:"badge-pro"},g("img",{src:"/mobile/icon/promotion.svg"})):null),g("h3",{className:"text-name-of-book h-40px text-h3"},h.name),g("p",{className:"text-author text-h6-p "},"book"==h.type||"ebook"==h.type?"".concat(s("author")," : ").concat(h.author):""),g("p",{className:o()("text-pink font-weight-bold text-h5-p",{"text-ebook":"ebook"==h.type,"text-stationery":"non_book"==h.type,"text-course":"course"==h.type})},h.price?"\u0e3f "+k(h.price):"Free"),h.cover_price>h.price?g("p",{className:"text-disable font-weight-bold mr-2 text-h5-p"},g("s",null,g("span",null,"\u0e3f")," ",k(h.cover_price))):g("p",{className:"text-disable font-weight-bold mr-2 text-h5-p"},g("span",null,"\u0e3f")," ",k(h.cover_price))))}))},"1c7f":function(e,t,a){"use strict";

1Object.defineProperty(t,"__esModule",{value:!0});var n=o(a("q1tI")),r=o(a("17x9"));function o(e){return e&&e.__esModule?e:{default:e}}var s=function(e){var t=e.breakLabel,a=e.breakClassName,r=e.breakLinkClassName,o=e.onClick,s=a||"break";return n.default.createElement("li",{className:s},n.default.createElement("a",{className:r,onClick:o,role:"button",tabIndex:"0",onKeyPress:o},t))};s.propTypes={breakLabel:r.default.oneOfType([r.default.string,r.default.node]),breakClassName:r.default.string,breakLinkClassName:r.default.string,onClick:r.default.func.isRequired},t.default=s},"3LHp":function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(a("q1tI")),r=o(a("17x9"));function o(e){return e&&e.__esModule?e:{default:e}}var s=function(e){var t=e.pageClassName,a=e.pageLinkClassName,r=e.onClick,o=e.href,s=e.ariaLabel||"Page "+e.page+(e.extraAriaContext?" "+e.extraAriaContext:""),i=null;return e.selected&&(i="page",s=e.ariaLabel||"Page "+e.page+" is your current page",t="undefined"!==typeof t?t+" "+e.activeClassName:e.activeClassName,"undefined"!==typeof a?"undefined"!==typeof e.activeLinkClassName&&(a=a+" "+e.activeLinkClassName):a=e.activeLinkClassName),n.default.createElement("li",{className:t},n.default.createElement("a",{onClick:r,role:"button",className:a,href:o,tabIndex:"0","aria-label":s,"aria-current":i,onKeyPress:r},e.page))};s.propTypes={onClick:r.default.func.isRequired,selected:r.default.bool.isRequired,pageClassName:r.default.string,pageLinkClassName:r.default.string,activeClassName:r.default.string,activeLinkClassName:r.default.string,extraAriaContext:r.default.string,href:r.default.string,ariaLabel:r.default.string,page:r.default.number.isRequired},t.default=s},LSTS:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,a,n){return a&&e(t.prototype,a),n&&e(t,n),t}}(),r=a("q1tI"),o=i(r),s=i(a("17x9"));function i(e){return e&&e.__esModule?e:{default:e}}var l=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var a=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return a.scrollListener=a.scrollListener.bind(a),a.eventListenerOptions=a.eventListenerOptions.bind(a),a.mousewheelListener=a.mousewheelListener.bind(a),a}return function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),n(t,[{key:"componentDidMount",value:function(){this.pageLoaded=this.props.pageStart,this.options=this.eventListenerOptions(),this.attachScrollListener()}},{key:"componentDidUpdate",value:function(){if(this.props.isReverse&&this.loadMore){var e=this.getParentElement(this.scrollComponent);e.scrollTop=e.scrollHeight-this.beforeScrollHeight+this.beforeScrollTop,this.loadMore=!1}this.attachScrollListener()}},{key:"componentWillUnmount",value:function(){this.detachScrollListener(),this.detachMousewheelListener()}},{key:"isPassiveSupported",value:function(){var e=!1,t={get passive(){e=!0}};try{document.addEventListener("test",null,t),document.removeEventListener("test",null,t)}catch(a){}return e}},{key:"eventListenerOptions",value:function(){var e=this.props.useCapture;return this.isPassiveSupported()&&(e={useCapture:this.props.useCapture,passive:!0}),e}},{key:"setDefaultLoader",value:function(e){this.defaultLoader=e}},{key:"detachMousewheelListener",value:function(){var e=window;!1===this.props.useWindow&&(e=this.scrollComponent.parentNode),e.removeEventListener("mousewheel",this.mousewheelListener,this.options?this.options:this.props.useCapture)}},{key:"detachScrollListener",value:function(){var e=window;!1===this.props.useWindow&&(e=this.getParentElement(this.scrollComponent)),e.removeEventListener("scroll",this.scrollListener,this.options?this.options:this.props.useCapture),e.removeEventListener("resize",this.scrollListener,this.options?this.options:this.props.useCapture)}},{key:"getParentElement",value:function(e){var t=this.props.getScrollParent&&this.props.getScrollParent();return null!=t?t:e&&e.parentNode}},{key:"filterProps",value:function(e){return e}},{key:"attachScrollListener",value:function(){var e=this.getParentElement(this.scrollComponent);if(this.props.hasMore&&e){var t=window;!1===this.props.useWindow&&(t=e),t.addEventListener("mousewheel",this.mousewheelListener,this.options?this.options:this.props.useCapture),t.addEventListener("scroll",this.scrollListener,this.options?this.options:this.props.useCapture),t.addEventListener("resize",this.scrollListener,this.options?this.options:this.props.useCapture),this.props.initialLoad&&this.scrollListener()}}},{key:"mousewheelListener",value:function(e){1!==e.deltaY||this.isPassiveSupported()||e.preventDefault()}},{key:"scrollListener",value:function(){var e=this.scrollComponent,t=window,a=this.getParentElement(e),n=void 0;if(this.props.useWindow){var r=document.documentElement||document.body.parentNode||document.body,o=void 0!==t.pageYOffset?t.pageYOffset:r.scrollTop;n=this.props.isReverse?o:this.calculateOffset(e,o)}else n=this.props.isReverse?a.scrollTop:e.scrollHeight-a.scrollTop-a.clientHeight;n<Number(this.props.threshold)&&e&&null!==e.offsetParent&&(this.detachScrollListener(),this.beforeScrollHeight=a.scrollHeight,this.beforeScrollTop=a.scrollTop,"function"===typeof this.props.loadMore&&(this.props.loadMore(this.pageLoaded+=1),this.loadMore=!0))}},{key:"calculateOffset",value:function(e,t){return e?this.calculateTopPosition(e)+(e.offsetHeight-t-window.innerHeight):0}},{key:"calculateTopPosition",value:function(e){return e?e.offsetTop+this.calculateTopPosition(e.offsetParent):0}},{key:"render",value:function(){var e=this,t=this.filterProps(this.props),a=t.children,n=t.element,r=t.hasMore,s=(t.initialLoad,t.isReverse),i=t.loader,l=(t.loadMore,t.pageStart,t.ref),c=(t.threshold,t.useCapture,t.useWindow,t.getScrollParent,function(e,t){var a={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(a[n]=e[n]);return a}(t,["children","element","hasMore","initialLoad","isReverse","loader","loadMore","pageStart","ref","threshold","useCapture","useWindow","getScrollParent"]));

1c.ref=function(t){e.scrollComponent=t,l&&l(t)};var u=[a];return r&&(i?s?u.unshift(i):u.push(i):this.defaultLoader&&(s?u.unshift(this.defaultLoader):u.push(this.defaultLoader))),o.default.createElement(n,c,u)}}]),t}(r.Component);l.propTypes={children:s.default.node.isRequired,element:s.default.node,hasMore:s.default.bool,initialLoad:s.default.bool,isReverse:s.default.bool,loader:s.default.node,loadMore:s.default.func.isRequired,pageStart:s.default.number,ref:s.default.func,getScrollParent:s.default.func,threshold:s.default.number,useCapture:s.default.bool,useWindow:s.default.bool},l.defaultProps={element:"div",hasMore:!1,initialLoad:!0,pageStart:0,ref:null,threshold:250,useWindow:!0,isReverse:!1,useCapture:!1,loader:null,getScrollParent:null},t.default=l,e.exports=t.default},OuSE:function(e,t,a){"use strict";var n=a("q1tI"),r=a.n(n),o=a("fJMJ"),s=a("xn8y"),i=a("Eb6y"),l=a("BgiA"),c=r.a.createElement;t.a=function(e){var t=Object(n.useState)(0),a=t[0],r=t[1],u=Object(n.useState)(!1),d=u[0],p=u[1],f=e.items,m=e.seller_banner,g=function(){if(!d){var e=a===f.length-1?0:a+1;r(e)}},h=function(){if(!d){var e=0===a?f.length-1:a-1;r(e)}},v=f.map((function(e){return c(o.a,{onExiting:function(){return p(!0)},onExited:function(){return p(!1)},key:m?e.index:e.src},c("a",{href:m?"":e.href},c("img",{src:m?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 c(s.a,{activeIndex:a,next:g,previous:h},c(i.a,{items:f,activeIndex:a,onClickHandler:function(e){d||r(e)}}),v,c(l.a,{direction:"prev",directionText:"Previous",onClickHandler:h}),c(l.a,{direction:"next",directionText:"Next",onClickHandler:g}))}},QAWX:function(e,t,a){"use strict";a.r(t);var n=a("q1tI"),r=a.n(n),o=a("CafY"),s=a("PLZj"),i=a("8Kt/"),l=a.n(i),c=a("nOHt"),u=a("werx"),d=a.n(u),p=a("a+bJ"),f=a("VSVh"),m=a("gdJV"),g=a("yzAy"),h=r.a.createElement,v=function(e){var t=e.t,a=e.query,o=(e.loading,e.setLoading),s=Object(n.useState)(),i=s[0],u=s[1],v=Object(n.useState)(),b=v[0],y=v[1],k=(a.text,a.field,Object(n.useState)()),C=k[0],N=k[1],w=Object(n.useState)(),L=w[0],x=w[1],P=Object(n.useContext)(m.b),_=P.local,O=(P.setLocal,Object(c.useRouter)().query.key),E=function(e){o(!0),e.page=e.page||1,e.limit=e.limit||20,g.a.getRecProductByKey(O,e).then((function(e){var t=e.data;N(t),T(Math.ceil(t.count/20)),o(!1)})).catch((function(e){o(!1),console.log(e.response)}))};Object(n.useEffect)((function(){g.a.getRecByKey(O).then((function(e){var t=e.data;x(t)})).catch((function(e){console.log(e.response)})),function(){var e=O;g.a.getBanner(e,"cu").then((function(e){var t=e.data;console.log(t),u(t.type),y(t.banner_images)})).catch((function(e){console.log(e.response)}))}(),E({}),document.getElementsByClassName("main-layout")[0]&&(document.getElementsByClassName("main-layout")[0].style.backgroundColor="#FFFFFF")}),[]);var j=function(){var e=!0;function t(){return{width:e?window.innerWidth:void 0,height:e?window.innerHeight:void 0}}var a=Object(n.useState)(t),r=a[0],o=a[1];return Object(n.useEffect)((function(){if(!e)return!1;function a(){o(t())}return window.addEventListener("resize",a),function(){return window.removeEventListener("resize",a)}}),[]),r}(),S=Object(n.useState)(1),R=S[0],T=S[1],D=Object(n.useState)(0),M=D[0],F=D[1];return h(r.a.Fragment,null,h(l.a,null,h("title",null,"".concat(L?L["name_"+_]||L.name_th:"\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e41\u0e19\u0e30\u0e19\u0e33"," | \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e08\u0e38\u0e2c\u0e32\u0e2f"))),h("div",{className:"container"},h("div",{className:"row"},h(p.a,{data:b,type:i})),h("div",{className:"row my-5"},h("div",{className:"col-12"},h("div",{className:"text-center"},h("h2",null,L&&(L["name_"+_]||L.name_th))))),h("div",{className:"row mt-5"},C?C.rows.map(j.width<992?function(e){return h(f.a,{key:e.id,product:e,new_padding:!0,show:3})}:function(e){return h(f.a,{key:e.id,product:e,new_padding:!0,show:4})}):""),C&&!!C.count&&h("div",{className:"row w-100 mx-0 px-0 pb-5 border-bottom"},h("div",{className:"col-12 px-0"},h("div",{className:"float-right page-order"},h(d.a,{previousLabel:t("translations:prev"),nextLabel:t("translations:next"),breakLabel:"...",breakClassName:"break-me",pageCount:R,forcePage:M,marginPagesDisplayed:2,pageRangeDisplayed:5,onPageChange:function(e){var t=e.selected;F(t),window.scrollTo(0,0),E({page:t+1})},containerClassName:"pagination",subContainerClassName:"pages pagination",activeClassName:"active"}))))))},b=a("KQm4"),y=a("rePB"),k=a("OuSE"),C=a("08ds"),N=a("4JyM"),w=a("/aNb"),L=a.n(w),x=a("RotF"),P=a.n(x),_=r.a.createElement;function O(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function E(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};

1t%2?O(Object(a),!0).forEach((function(t){Object(y.a)(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):O(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var j=function(e){e.t;var t=e.query,a=e.loading,o=e.setLoading,s=Object(n.useState)(),i=s[0],c=s[1],u=Object(n.useState)(),d=u[0],p=u[1],f=Object(n.useState)(),h=f[0],v=f[1],y=Object(n.useContext)(m.b),w=y.local,x=(y.setLocal,!d||d.rows.length<d.count),O=t.key,j=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;o(!0),g.a.getRecProductByKey(O,{page:e,limit:20}).then((function(e){var t,a=e.data;if(d){var n=(t=E({},d)).rows;t.rows=[].concat(Object(b.a)(n),Object(b.a)(a.rows))}else t=a;p(t),o(!1)})).catch((function(e){o(!1),console.log(e.response)}))};Object(n.useEffect)((function(){g.a.getRecByKey(O).then((function(e){var t=e.data;v(t)})).catch((function(e){console.log(e.response)})),function(){var e=O;g.a.getBanner(e,"cu").then((function(e){var t=e.data;if(!t)return N.Router.push("/");var a=[];t.banner_images.forEach((function(e){if(5!=e.index)return!0;var t={src:e.image,key:"banner"+e.id,href:e.link,altText:"banner "+e.id,caption:""};a.push(t)})),c(a)})).catch((function(e){console.log(e.response)}))}(),j(),document.body.style.backgroundColor="#FFFFFF"}),[]);return _(r.a.Fragment,null,_(l.a,null,_("title",null,"".concat(h?h["name_"+w]||h.name_th:"\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e41\u0e19\u0e30\u0e19\u0e33"," | \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e08\u0e38\u0e2c\u0e32\u0e2f"))),_("div",{className:"cart-nav"},_("div",{className:" text-center cart-nav-title"},_("h4",null,h&&h.name_th)),_("a",{className:"btn-back cart-nav-back",onClick:function(){N.Router.back()}},_("img",{className:"img-fluid",src:"/mobile/image/icon/icon-back.svg"}))),_("div",{className:"bg-light-less-gray min-vh-100 "},_("div",{className:"h-64px"}),i&&_(k.a,{items:i}),_(P.a,{pageStart:1,loadMore:function(e){j(e)},hasMore:!a&&x,initialLoad:!1},_("div",{className:"all-card-news "},_("div",{className:"container d-flex flex-wrap justify-content-between "},d&&d.rows.map((function(e,t){return _(C.a,{product:e,show:4,_class:"my-2",key:t})}))))),_("div",{className:"text-center mt-3"},_(L.a,{color:"#EE5294",loading:a})),_("div",{className:"h-64px"})))},S=a("pAy3"),R=r.a.createElement,T=function(e){var t=e.t,a=e.query,r=Object(n.useState)(!1),i=r[0],l=r[1],c=Object(S.a)(992);return R(o.a,{isBanner:!0},i&&R(s.a,null),R(c?j:v,{t:t,query:a,loading:i,setLoading:l}))};T.getInitialProps=function(e){return{query:e.query}};t.default=Object(N.withTranslation)("news")(T)},Rm6g:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/recommend/[key]",function(){return a("QAWX")}])},RotF:function(e,t,a){e.exports=a("LSTS")},kzof:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,a,n){return a&&e(t.prototype,a),n&&e(t,n),t}}(),r=a("q1tI"),o=c(r),s=c(a("17x9")),i=c(a("3LHp")),l=c(a("1c7f"));function c(e){return e&&e.__esModule?e:{default:e}}var u=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var a=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));a.handlePreviousPage=function(e){var t=a.state.selected;e.preventDefault?e.preventDefault():e.returnValue=!1,t>0&&a.handlePageSelected(t-1,e)},a.handleNextPage=function(e){var t=a.state.selected,n=a.props.pageCount;e.preventDefault?e.preventDefault():e.returnValue=!1,t<n-1&&a.handlePageSelected(t+1,e)},a.handlePageSelected=function(e,t){t.preventDefault?t.preventDefault():t.returnValue=!1,a.state.selected!==e&&(a.setState({selected:e}

1),a.callCallback(e))},a.handleBreakClick=function(e,t){t.preventDefault?t.preventDefault():t.returnValue=!1;var n=a.state.selected;a.handlePageSelected(n<e?a.getForwardJump():a.getBackwardJump(),t)},a.callCallback=function(e){"undefined"!==typeof a.props.onPageChange&&"function"===typeof a.props.onPageChange&&a.props.onPageChange({selected:e})},a.pagination=function(){var e=[],t=a.props,n=t.pageRangeDisplayed,r=t.pageCount,s=t.marginPagesDisplayed,i=t.breakLabel,c=t.breakClassName,u=t.breakLinkClassName,d=a.state.selected;if(r<=n)for(var p=0;p<r;p++)e.push(a.getPageElement(p));else{var f=n/2,m=n-f;d>r-n/2?f=n-(m=r-d):d<n/2&&(m=n-(f=d));var g=void 0,h=void 0,v=void 0,b=function(e){return a.getPageElement(e)};for(g=0;g<r;g++)(h=g+1)<=s?e.push(b(g)):h>r-s?e.push(b(g)):g>=d-f&&g<=d+m?e.push(b(g)):i&&e[e.length-1]!==v&&(v=o.default.createElement(l.default,{key:g,breakLabel:i,breakClassName:c,breakLinkClassName:u,onClick:a.handleBreakClick.bind(null,g)}),e.push(v))}return e};var n=void 0;return n=e.initialPage?e.initialPage:e.forcePage?e.forcePage:0,a.state={selected:n},a}return function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),n(t,[{key:"componentDidMount",value:function(){var e=this.props,t=e.initialPage,a=e.disableInitialCallback,n=e.extraAriaContext;"undefined"===typeof t||a||this.callCallback(t),n&&console.warn("DEPRECATED (react-paginate): The extraAriaContext prop is deprecated. You should now use the ariaLabelBuilder instead.")}},{key:"componentDidUpdate",value:function(e){"undefined"!==typeof this.props.forcePage&&this.props.forcePage!==e.forcePage&&this.setState({selected:this.props.forcePage})}},{key:"getForwardJump",value:function(){var e=this.state.selected,t=this.props,a=t.pageCount,n=e+t.pageRangeDisplayed;return n>=a?a-1:n}},{key:"getBackwardJump",value:function(){var e=this.state.selected-this.props.pageRangeDisplayed;return e<0?0:e}},{key:"hrefBuilder",value:function(e){var t=this.props,a=t.hrefBuilder,n=t.pageCount;if(a&&e!==this.state.selected&&e>=0&&e<n)return a(e+1)}},{key:"ariaLabelBuilder",value:function(e){var t=e===this.state.selected;if(this.props.ariaLabelBuilder&&e>=0&&e<this.props.pageCount){var a=this.props.ariaLabelBuilder(e+1,t);return this.props.extraAriaContext&&!t&&(a=a+" "+this.props.extraAriaContext),a}}},{key:"getPageElement",value:function(e){var t=this.state.selected,a=this.props,n=a.pageClassName,r=a.pageLinkClassName,s=a.activeClassName,l=a.activeLinkClassName,c=a.extraAriaContext;return o.default.createElement(i.default,{key:e,onClick:this.handlePageSelected.bind(null,e),selected:t===e,pageClassName:n,pageLinkClassName:r,activeClassName:s,activeLinkClassName:l,extraAriaContext:c,href:this.hrefBuilder(e),ariaLabel:this.ariaLabelBuilder(e),page:e+1})}},{key:"render",value:function(){var e=this.props,t=e.disabledClassName,a=e.previousClassName,n=e.nextClassName,r=e.pageCount,s=e.containerClassName,i=e.previousLinkClassName,l=e.previousLabel,c=e.nextLinkClassName,u=e.nextLabel,d=this.state.selected,p=a+(0===d?" "+t:""),f=n+(d===r-1?" "+t:""),m=0===d?"true":"false",g=d===r-1?"true":"false";return o.default.createElement("ul",{className:s},o.default.createElement("li",{className:p},o.default.createElement("a",{onClick:this.handlePreviousPage,className:i,href:this.hrefBuilder(d-1),tabIndex:"0",role:"button",onKeyPress:this.handlePreviousPage,"aria-disabled":m},l)),this.pagination(),o.default.createElement("li",{className:f},o.default.createElement("a",{onClick:this.handleNextPage,className:c,href:this.hrefBuilder(d+1),tabIndex:"0",role:"button",onKeyPress:this.handleNextPage,"aria-disabled":g},u)))}}]),t}(r.Component);u.propTypes={pageCount:s.default.number.isRequired,pageRangeDisplayed:s.default.number.isRequired,marginPagesDisplayed:s.default.number.isRequired,previousLabel:s.default.node,nextLabel:s.default.node,breakLabel:s.default.oneOfType([s.default.string,s.default.node]),hrefBuilder:s.default.func,onPageChange:s.default.func,initialPage:s.default.number,forcePage:s.default.number,disableInitialCallback:s.default.bool,containerClassName:s.default.string,pageClassName:s.default.string,pageLinkClassName:s.default.string,activeClassName:s.default.string,activeLinkClassName:s.default.string,previousClassName:s.default.string,nextClassName:s.default.string,previousLinkClassName:s.default.string,nextLinkClassName:s.default.string,disabledClassName:s.default.string,breakClassName:s.default.string,breakLinkClassName:s.default.string,extraAriaContext:s.default.string,ariaLabelBuilder:s.default.func},u.defaultProps={pageCount:10,pageRangeDisplayed:2,marginPagesDisplayed:3,activeClassName:"selected",previousClassName:"previous",nextClassName:"next",previousLabel:"Previous",nextLabel:"Next",breakLabel:"...",disabledClassName:"disabled",disableInitialCallback:!1},t.default=u},werx:function(e,t,a){"use strict";

1Object.defineProperty(t,"__esModule",{value:!0});var n,r=a("kzof"),o=(n=r)&&n.__esModule?n:{default:n};t.default=o.default}},[["Rm6g",0,2,1,3,5,4,6,7,8,9,10,11,12,13,14,15]]]);