https://www.chulabook.com/_next/static/chunks/pages/blog/[blogid]/related-db9e466367d19e1c685a.js

1_N_E=(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[66],{"08ds":function(e,t,a){"use strict";var r=a("ODXe"),o=a("TSYQ"),n=a.n(o),s=a("nOHt"),i=a.n(s),l=a("q1tI"),c=a.n(l),u=a("gdJV"),p=a("yzAy"),d=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,o=(t.handleCart,t.fetchUser),s=(t.onSocket,e.t),h=e.product,b=e._class,v=void 0===b?" mr-2":b,y=e.freespace,k=function(e){return(e=parseFloat(e)).toFixed(2).replace(",",".").replace(/(\d)(?=(\d{3})+(?!\d))/g,"$1,")},N=Object(l.useState)("/mobile/image/product/book.png"),C=(N[0],N[1]),w=Object(l.useState)(0),P=w[0],L=w[1];Object(l.useEffect)((function(){if(h){var e=h.picture;if(e){var t=e.split("watch?v="),a=Object(r.a)(t,2),o=(a[0],a[1]);o&&L("https://www.youtube.com/embed/"+o),C(h.picture?h.picture:"/mobile/image/product/book.png")}}}),[]);var O,x=function(e,t){if(e.preventDefault(),d.a.isLoggin()){var a=d.a.getProfile().id;p.a.addOrdeleteFav(a,{product_id:t}).then((function(e){e.data;o()})).catch((function(e){console.log(e.response)}))}else{var r=window.location.pathname;i.a.push("/login?redirect=".concat(r))}},_=function(e){if(!e.preorder_start||!e.preorder_end)return 0;var t=new Date(e.preorder_start),a=new Date(e.preorder_end),r=new Date;return r<t?1:r>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"+v})," "):g(f.Link,m.a.getUrlProduct(h),g("a",{className:"card-book "+v},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){x(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){x(e,h.id)}})))),g("div",{className:n()("book-image-area mb-2 card-img-mobile",h.preorder?4!=_(h)?"set-stock":"":h.stock&&h.stock>h.reserve_stock||"ebook"==h.type||"course"==h.type?"":"set-stock")},g("div",{className:n()("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:P,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!=_(h)?0==(O=_(h))?g("div",{className:"text-stock"},s("soon")):1==O?g("div",{className:"text-stock"},s("soon")):2==O?g("div",{className:"text-stock"},s("close")):3==O?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:n()("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 r=n(a("q1tI")),o=n(a("17x9"));function n(e){return e&&e.__esModule?e:{default:e}}var s=function(e){var t=e.breakLabel,a=e.breakClassName,o=e.breakLinkClassName,n=e.onClick,s=a||"break";return r.default.createElement("li",{className:s},r.default.createElement("a",{className:o,onClick:n,role:"button",tabIndex:"0",onKeyPress:n},t))};s.propTypes={breakLabel:o.default.oneOfType([o.default.string,o.default.node]),breakClassName:o.default.string,breakLinkClassName:o.default.string,onClick:o.default.func.isRequired},t.default=s},"3LHp":function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(a("q1tI")),o=n(a("17x9"));function n(e){return e&&e.__esModule?e:{default:e}}var s=function(e){var t=e.pageClassName,a=e.pageLinkClassName,o=e.onClick,n=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),r.default.createElement("li",{className:t},r.default.createElement("a",{onClick:o,role:"button",className:a,href:n,tabIndex:"0","aria-label":s,"aria-current":i,onKeyPress:o},e.page))};s.propTypes={onClick:o.default.func.isRequired,selected:o.default.bool.isRequired,pageClassName:o.default.string,pageLinkClassName:o.default.string,activeClassName:o.default.string,activeLinkClassName:o.default.string,extraAriaContext:o.default.string,href:o.default.string,ariaLabel:o.default.string,page:o.default.number.isRequired},t.default=s},LSTS:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var a=0;a<t.length;a++){var r=t[a];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,a,r){return a&&e(t.prototype,a),r&&e(t,r),t}}(),o=a("q1tI"),n=i(o),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),r(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),r=void 0;if(this.props.useWindow){var o=document.documentElement||document.body.parentNode||document.body,n=void 0!==t.pageYOffset?t.pageYOffset:o.scrollTop;r=this.props.isReverse?n:this.calculateOffset(e,n)}else r=this.props.isReverse?a.scrollTop:e.scrollHeight-a.scrollTop-a.clientHeight;r<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,r=t.element,o=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 r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(a[r]=e[r]);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 o&&(i?s?u.unshift(i):u.push(i):this.defaultLoader&&(s?u.unshift(this.defaultLoader):u.push(this.defaultLoader))),n.default.createElement(r,c,u)}}]),t}(o.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},RotF:function(e,t,a){e.exports=a("LSTS")},hZND:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog/[blogid]/related",function(){return a("nh5b")}])},kzof:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var a=0;a<t.length;a++){var r=t[a];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,a,r){return a&&e(t.prototype,a),r&&e(t,r),t}}(),o=a("q1tI"),n=c(o),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,r=a.props.pageCount;e.preventDefault?e.preventDefault():e.returnValue=!1,t<r-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 r=a.state.selected;a.handlePageSelected(r<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,r=t.pageRangeDisplayed,o=t.pageCount,s=t.marginPagesDisplayed,i=t.breakLabel,c=t.breakClassName,u=t.breakLinkClassName,p=a.state.selected;if(o<=r)for(var d=0;d<o;d++)e.push(a.getPageElement(d));else{var f=r/2,m=r-f;p>o-r/2?f=r-(m=o-p):p<r/2&&(m=r-(f=p));var g=void 0,h=void 0,b=void 0,v=function(e){return a.getPageElement(e)};for(g=0;g<o;g++)(h=g+1)<=s?e.push(v(g)):h>o-s?e.push(v(g)):g>=p-f&&g<=p+m?e.push(v(g)):i&&e[e.length-1]!==b&&(b=n.default.createElement(l.default,{key:g,breakLabel:i,breakClassName:c,breakLinkClassName:u,onClick:a.handleBreakClick.bind(null,g)}),e.push(b))}return e};var r=void 0;return r=e.initialPage?e.initialPage:e.forcePage?e.forcePage:0,a.state={selected:r},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),r(t,[{key:"componentDidMount",value:function(){var e=this.props,t=e.initialPage,a=e.disableInitialCallback,r=e.extraAriaContext;"undefined"===typeof t||a||this.callCallback(t),r&&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,r=e+t.pageRangeDisplayed;return r>=a?a-1:r}},{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,r=t.pageCount;if(a&&e!==this.state.selected&&e>=0&&e<r)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,r=a.pageClassName,o=a.pageLinkClassName,s=a.activeClassName,l=a.activeLinkClassName,c=a.extraAriaContext;return n.default.createElement(i.default,{key:e,onClick:this.handlePageSelected.bind(null,e),selected:t===e,pageClassName:r,pageLinkClassName:o,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,r=e.nextClassName,o=e.pageCount,s=e.containerClassName,i=e.previousLinkClassName,l=e.previousLabel,c=e.nextLinkClassName,u=e.nextLabel,p=this.state.selected,d=a+(0===p?" "+t:""),f=r+(p===o-1?" "+t:""),m=0===p?"true":"false",g=p===o-1?"true":"false";return n.default.createElement("ul",{className:s},n.default.createElement("li",{className:d},n.default.createElement("a",{onClick:this.handlePreviousPage,className:i,href:this.hrefBuilder(p-1),tabIndex:"0",role:"button",onKeyPress:this.handlePreviousPage,"aria-disabled":m},l)),this.pagination(),n.default.createElement("li",{className:f},n.default.createElement("a",{onClick:this.handleNextPage,className:c,href:this.hrefBuilder(p+1),tabIndex:"0",role:"button",onKeyPress:this.handleNextPage,"aria-disabled":g},u)))}}]),t}(o.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},nh5b:function(e,t,a){"use strict";a.r(t);var r=a("q1tI"),o=a.n(r),n=a("KQm4"),s=a("rePB"),i=a("CafY"),l=a("4JyM"),c=a("nOHt"),u=a("08ds"),p=a("yzAy"),d=a("RotF"),f=a.n(d),m=a("/aNb"),g=a.n(m),h=o.a.createElement;function b(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}return a}function v(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};

1t%2?b(Object(a),!0).forEach((function(t){Object(s.a)(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):b(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var y=function(e){e.t;var t=Object(r.useState)(),a=t[0],s=t[1],i=Object(r.useState)(!0),d=i[0],m=i[1],b=Object(c.useRouter)().query.blogid,y=!a||a.rows.length<a.count,k=function(e){e.page=e.page||1,p.a.blogProductGet(b,20,v({},e)).then((function(e){var t,r=e.data;if(a){var o=(t=v({},a)).rows;t.rows=[].concat(Object(n.a)(o),Object(n.a)(r.rows))}else t=r;m(!1),s(t)})).catch((function(e){m(!1),console.log(e.response)}))};Object(r.useEffect)((function(){k({})}),[]);return h(o.a.Fragment,null,h("div",{className:"cart-nav"},h("div",{className:" text-center cart-nav-title"},h("h4",null,"\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07")),h(l.Link,{href:"/blog/[blogid]?blogid=".concat(b),as:"/blog/".concat(b)},h("a",{className:"btn-back cart-nav-back"},h("img",{className:"img-fluid",src:"/mobile/image/icon/icon-back.svg"})))),h("div",{className:"bg-light-less-gray min-vh-100 "},h("div",{className:"h-64px"}),h(f.a,{pageStart:1,loadMore:function(e){m(!0),k({page:e})},hasMore:!d&&y,initialLoad:!1},h("div",{className:"all-card-news "},h("div",{className:"container  py-3"},h("div",{className:"d-flex justify-content-between flex-wrap p-2"},a&&a.count>0&&a.rows.map((function(e,t){return h(u.a,{product:e.product,show:2,_class:"my-2",key:t})})))))),h("div",{className:"text-center mt-3",key:"loader"},h(g.a,{color:"#e9c869",loading:d})),h("div",{className:"h-64px"})))},k=a("VSVh"),N=a("werx"),C=a.n(N),w=o.a.createElement;function P(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}return a}var L=function(e){var t=e.t,a=Object(r.useState)(),n=a[0],i=a[1],l=Object(c.useRouter)(),u=Object(r.useState)(1),d=u[0],f=u[1],m=Object(r.useState)(0),g=m[0],h=m[1],b=l.query.blogid,v=function(e){e.page=e.page||1,p.a.blogProductGet(b,20,function(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?P(Object(a),!0).forEach((function(t){Object(s.a)(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):P(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}({},e)).then((function(e){var t=e.data;i(t),f(Math.ceil(t.count/20))})).catch((function(e){console.log(e.response)}))};Object(r.useEffect)((function(){v({})}),[]);return Object(r.useEffect)((function(){document.getElementsByClassName("main-layout")[0]&&(document.getElementsByClassName("main-layout")[0].style.backgroundColor="rgb(248, 249, 250)")}),[]),w(o.a.Fragment,null,w("div",{className:"container"},w("div",{className:"row mt-3 pb-3"},w("div",{className:"col-12"},w("h3",{className:"text-center"},t("related_products")))),w("div",{className:"d-none d-xl-block"},w("div",{className:"row"},n&&!!n.rows.length&&n.rows.map((function(e,t){return w(k.a,{product:e.product,key:e.product.id,classes:"pb-5  mb-6",show:4})})))),w("div",{className:"d-block d-xl-none"},w("div",{className:"row "},n&&!!n.rows.length&&n.rows.map((function(e,t){return w(k.a,{product:e.product,key:e.product.id,classes:"pb-5  mb-6",show:3})})))),d>1&&w("div",{className:"blog-pop d-flex justify-content-end"},w(C.a,{previousLabel:t("back"),nextLabel:t("next"),breakLabel:"...",breakClassName:"break-me",pageCount:d,forcePage:g,marginPagesDisplayed:2,pageRangeDisplayed:5,onPageChange:function(e){var t=e.selected;h(t),window.scrollTo(0,0),v({page:t+1})},containerClassName:"pagination",subContainerClassName:"pages pagination",activeClassName:"active"}))))},O=a("pAy3"),x=o.a.createElement;t.default=Object(l.withTranslation)("blog_index")((function(e){var t=e.t,a=Object(O.a)(992);return x("div",null,x(i.a,{title:"Blog",isBanner:!0},x(a?y:L,{t:t})))}))},werx:function(e,t,a){"use strict";

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