https://www.chulabook.com/_next/static/chunks/pages/blog/[blogid]/[data_id]-928c2e1a39d2721a4452.js

1_N_E=(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[65],{"2NGl":function(e,t,n){"use strict";n.d(t,"a",(function(){return j}));var a=n("rePB"),o=n("KQm4"),i=n("o0o1"),r=n.n(i),c=n("HaE+"),l=n("q1tI"),s=n.n(l),m=n("gHw8"),d=n("yzAy"),u=n("s02U"),b=n("nOHt"),g=n("ryKu"),p=n("zM5D"),f=n("gd89"),h=n("94Hj"),v=n("n5rO"),N=n.n(v),y=n("DQUT"),w=n("2n5x"),_=s.a.createElement;function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){Object(a.a)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function j(e){var t=e.data1,n=e.group_id,a=e.data_id,i=e.member_id,v=e.onAction,x=(e.onMore,e.limit),j=e.all,O=e.user,S=e.blog,E=e.t,C=e.fetchComment,T=Object(b.useRouter)(),M=Number(T.query.data_id),I=Object(l.useState)(!1),B=I[0],P=I[1],A=Object(l.useState)(!1),D=A[0],L=A[1],H=function(){return L(!0)},R=Object(l.useState)(""),q=(R[0],R[1],Object(l.useState)("")),z=(q[0],q[1],Object(l.useState)([])),F=z[0],K=z[1],V=Object(l.useState)([]),U=V[0],Z=V[1],J=Object(l.useState)([]),G=J[0],Y=J[1],Q=Object(l.useState)([]),X=Q[0],W=Q[1],$=Object(l.useState)([]),ee=$[0],te=$[1],ne=Object(l.useState)(),ae=ne[0],oe=ne[1],ie=Object(l.useRef)(null),re=Object(l.useRef)(null),ce=Object(l.useState)(!1),le=ce[0],se=ce[1],me=Object(l.useState)(""),de=me[0],ue=me[1],be=Object(l.useState)(0),ge=(be[0],be[1],Object(l.useState)(0)),pe=ge[0],fe=ge[1],he=Object(l.useState)(),ve=he[0],Ne=he[1],ye=Object(l.useState)(!1),we=ye[0],_e=ye[1],xe=Object(l.useState)(!1),ke=xe[0],je=xe[1],Oe=Object(l.useState)(),Se=Oe[0],Ee=Oe[1],Ce=function(){se(!1)},Te=(Object(l.useRef)(null),function(e){var t="";return e.forEach((function(e,n){t=e})),t}),Me=function(){var e=Object(c.a)(r.a.mark((function e(t,o,c){var l,s,m,d,u,b,g,p,f,h,v;return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t.preventDefault(),void 0==O){e.next=37;break}if(l=Te(new FormData(t.target)),(s=new FormData).append("member_id",i),s.append("data_id",a),s.append("group_id",n),s.append("comment",l),"reply"==o?s.append("reply_id",c):"edit"==o&&s.append("id",c),m=l,d=new N.a({regex:/\*|\.|$/gi}),!ve){e.next=27;break}u=ve.detail_en,u.split(",").forEach((function(e){d.addWords(e)})),b=ve.detail_th,g=b.split(","),p=!1,f=0;case 19:if(!(f<g.length)){e.next=27;break}if(h=g[f],-1==m.search(h)){e.next=24;break}return p=!0,e.abrupt("break",27);case 24:f++,e.next=19;break;case 27:if(v=d.clean(m),!v.includes("*")&&!p){e.next=33;break}P(!0),e.next=35;break;case 33:return e.next=35,Ie(s,o,c);case 35:e.next=38;break;case 37:se(!0);case 38:case"end":return e.stop()}}),e)})));return function(t,n,a){return e.apply(this,arguments)}}(),Ie=function(){var e=Object(c.a)(r.a.mark((function e(t,n,a){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:_e(!0),d.a.postComments(t).then(function(){var e=Object(c.a)(r.a.mark((function e(t){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:fe(t.data.id),v(),document.getElementById("form-comment").reset(),"reply"==n&&document.getElementById("form-comment-reply-".concat(a)).reset(),"edit"==n&&Z([]),setTimeout((function(){fe(0)}),2e3),_e(!1);case 7:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response),_e(!1)}));case 2:case"end":return e.stop()}}),e)})));return function(t,n,a){return e.apply(this,arguments)}}();Object(l.useEffect)((function(){oe(t||[]),Be(),Ee(w.filter((function(e,t){return"Smileys & Emotion"==e.group&&"1F978"!==e.codes&&"2639"!==e.codes&&"1F972"!==e.codes&&"smiling face"!==e.name&&"2620"!==e.codes})).map((function(e,t){return{title:e.name,character:e.char}})))}),[t]);var Be=function(){d.a.getBadword(1).then((function(e){var t=e.data;Ne(t)}

1)).catch((function(e){console.log(e.response)}))};Object(l.useEffect)((function(){K([]),Z([])}),[M]);var Pe=function(e){if(0!=F.length)return F.filter((function(t){return t.id==e.id&&1==t.check})).map((function(e){return"sde"}))},Ae=function(e){if(0!=U.length)return U.filter((function(t){return t.id==e.id&&1==t.check})).map((function(e){return"sde"}))},De=function(e){for(var t,n=Object(o.a)(U),a=0;a<n.length;a++)n[a].id==e.id&&(t=a);void 0==t?n.push({id:e.id,check:1}):1==n[t].check?n[t].check=0:0==n[t].check&&(n[t].check=1),v(),Z(n)},Le=function(e){return e.blog_writer&&1==e.blog_writer.status&&0!=e.blog_writer.blog_writer_banners.length?e.blog_writer.blog_writer_banners.filter((function(e){return"profile"==e.mimetype&&1==e.status})).map((function(e){return e.picture}))[0]||"/icon/blog-icon-user.svg":e.blog_writer&&1!=e.blog_writer.status?"/images/no-picture.png":e.blog_writer&&1==e.blog_writer.status&&0==e.blog_writer.blog_writer_banners.length?"/icon/blog-icon-user.svg":!e.blog_writer&&e.user.picture?e.user.picture:(e.blog_writer||!e.user||e.user.picture)&&(e.blog_writer||e.user.picture)?void 0:"/images/no-picture.png"},He=function(e){if(!G.length)return!1;var t=Object(o.a)(G),n=t.findIndex((function(t){return t.id==e}));return-1!==n&&t[n].ch},Re=function(e){if(!X.length)return!1;var t=Object(o.a)(X),n=t.findIndex((function(t){return t.id==e}));return-1!==n&&t[n].ch},qe=function(e){if(!ee.length)return!1;var t=Object(o.a)(ee),n=t.findIndex((function(t){return t.id==e}));return-1!==n&&t[n].ch};return _("div",{className:"blog-comment-component mt-64px"},_(m.a,{handleClose:function(){return L(!1)},show:D,user:O,blog:S,group_id:n,data_id:a,commentId:de,type:2}),_("div",{className:"blog-comment-component-head"},_("h4",{className:"pt-3 pb-3 m-0 blog-comment-component-head-txt"},E("write_comment"))),_("form",{id:"form-comment",onSubmit:function(e){return Me(e)},encType:"multipart/form-data",ref:ie},_("textarea",{name:"comment",id:"comment",placeholder:E("write_comment")+" ...",required:!0}),_("div",{className:"d-flex justify-content-end align-items-center"},_("div",null,_("div",{className:"blog-comment-emoji-btn mr-2",onClick:function(){return je(!ke)}},_("i",{className:"far fa-smile",style:{fontSize:"20px"}})),_("div",{className:"blog-comment-emoji-card ".concat(ke?"d-flex":"d-none")},Se&&Se.map((function(e){return _("div",{key:Math.random(),className:"blog-comment-emoji-item",onClick:function(){document.getElementById("comment").value+=e.character,je(!ke)}},e.character)})))),_(h.a,{_type:"submit",loading:we,_class:"blog-detail-story-detail-card-btn-n blog-w-200

1px",_name:E("send_comment")}))),ae&&ae.count>0&&_(s.a.Fragment,null,_("div",{className:"blog-comment-component-head mt-3"},_("h4",{className:"pt-3 pb-3 m-0 blog-comment-component-head-txt"},E("comment"))),ae.rows.map((function(e,t){return _("div",{key:t},_("div",{className:Pe(e)&&0!=Pe(e).length?"blog-comment-component-item-b active":"blog-comment-component-item-b"},_("div",{className:"blog-comment-component-item blog-comme  ".concat(pe==e.id?"blog-new":"")},_("div",{className:"row mt-3 pb-3 pl-3 pr-3"},_("div",{className:"col-6"},_("div",{className:"d-flex align-items-center"},e.user.id==S.blog_group.blog_writer.member_id?_(s.a.Fragment,null,_("div",{className:"blog-comment-component-item-img mr-2",style:{backgroundImage:'url("'.concat(Le(S.blog_group),'")')}}),_("div",null,_("p",{className:"m-0"},E("comments")," ",e.index),_("p",{className:"m-0"},"".concat(S.blog_group.blog_writer.penname1)))):_(s.a.Fragment,null,_("div",{className:"blog-comment-component-item-img mr-2",style:{backgroundImage:'url("'.concat(e.user.picture||"/images/no-picture.png",'")')}}),_("div",null,_("p",{className:"m-0"},E("comments")," ",e.index),_("p",{className:"m-0"},"".concat(e.user.firstname,"  ").concat(e.user.lastname)))))),_("div",{className:"col-6 text-right"},_("p",{className:"m-0 blog-comment-component-item-txt-g"},u.a.formatDate(e.createdAt,!0,!0,!0)))),_("div",{className:"row pl-3 pr-3"},_("div",{className:"col-12"},_("p",{className:"m-0 blog-comment-component-item-txt-g ".concat(Ae(e)&&0!=Ae(e).length?"d-none":"d-block")},e.comment,void 0!=O&&O.id==e.user.id?_(s.a.Fragment,null,_("img",{className:"blog-comment-btn-edit ml-2",onClick:function(){De(e)},src:"/icon/blog-be-icon-edit.svg"})):null),_("form",{id:"form-comment-edit-".concat(e.id),className:Ae(e)&&0!=Ae(e).length?"d-block":"d-none",onSubmit:function(t){return Me(t,"edit",e.id)},encType:"multipart/form-data",ref:ie},_(y.DebounceInput,{element:"textarea",debounceTimeout:500,style:{border:"2px #eeeeee solid",borderRadius:"8px"},onChange:function(e){var n=k({},ae);n.rows[t].comment=e.target.value,oe(n)},placeholder:"\u0e40\u0e02\u0e35\u0e22\u0e19\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e40\u0e2b\u0e47\u0e19...",id:"commentEdit".concat(e.id),name:"commentEdit".concat(e.id),value:e.comment,required:!0}),_("div",{className:"d-flex justify-content-end align-items-center"},_("div",null,_("div",{className:"blog-comment-emoji-btn mr-2",onClick:function(){return function(e){var t=Object(o.a)(G),n=t.findIndex((function(t){return t.id==e}));

1-1!==n?t[n].ch=!t[n].ch:t.push({id:e,ch:!0}),Y(t)}(e.id)}},_("i",{class:"far fa-smile",style:{fontSize:"20px"}})),_("div",{className:"blog-comment-emoji-card ".concat(He(e.id)?"d-flex":"d-none")},Se&&Se.map((function(e){return _("div",{key:Math.random(),className:"blog-comment-emoji-item",onClick:function(){var n=k({},ae);n.rows[t].comment+=e.character,oe(n)}},e.character)})))),_("button",{className:"blog-detail-story-detail-card-btn-b mr-3",type:"button",onClick:function(){De(e)}},E("cancel")),_("button",{className:"blog-detail-story-detail-card-btn-n",type:"submit"},E("submit")))))),_("div",{className:"row mt-4 pl-3 pr-3 pb-3 "},_("div",{className:"col-6"},_("div",{className:"blog-reply-btn",onClick:function(){!function(e){for(var t,n=Object(o.a)(F),a=0;a<n.length;a++)n[a].id==e.id&&(t=a);void 0==t?n.push({id:e.id,check:1}):1==n[t].check?n[t].check=0:0==n[t].check&&(n[t].check=1),K(n),fe(0)}(e)}},_("img",{className:"mr-2",src:"/icon/blog-icon-reply.svg"}),_("span",null,0!=e.comments.length?"".concat(e.comments.length," ").concat(E("reply_s")):E("reply")))),_("div",{className:"col-6 text-right"},_("div",{className:"d-flex justify-content-end"},O&&O.id!=e.user.id&&_("div",{className:"mr-2 blog-head-detail-card-icon-h-prop",onClick:function(){void 0!=O?(H(),ue(e.id)):se(!0)}},_("img",{className:"mr-2 blog-head-detail-card-icon-h-alert",src:"/icon/blog-icon-alert.svg"}),_("img",{className:"mr-2 blog-head-detail-card-icon-h-alert-b",src:"/icon/blog-icon-alert-b.svg"}),_("p",{className:"blog-card-p mr-2 blog-head-detail-p-txt"},E("report_problem"))),!O&&_("div",{className:"mr-2 blog-head-detail-card-icon-h-prop",onClick:function(){void 0!=O?(H(),ue(e.id)):se(!0)}},_("img",{className:"mr-2 blog-head-detail-card-icon-h-alert",src:"/icon/blog-icon-alert.svg"}),_("img",{className:"mr-2 blog-head-detail-card-icon-h-alert-b",src:"/icon/blog-icon-alert-b.svg"}),_("p",{className:"blog-card-p mr-2 blog-head-detail-p-txt"},E("report_problem"))))))),_("div",{className:"row blog-comment-component-item-repry mt-2"},_("div",{className:"col-1 d-flex align-items-start justify-content-end mt-3"},_("img",{src:"/icon/icon_reply.svg"})),_("div",{className:"col-11"},e.comments.length>0&&e.comments.map((function(n,a){return _("div",{key:Math.random(),className:"blog-comment-component-item"},_("div",{className:"row mt-3 pb-3 pl-3 pr-3"},_("div",{className:"col-6"},_("div",{className:"d-flex align-items-center"},n.user.id==S.blog_group.blog_writer.member_id?_(s.a.Fragment,null,_("div",{className:"blog-comment-component-item-img mr-2",style:{backgroundImage:'url("'.concat(Le(S.blog_group),'")')}}),_("div",null,_("p",{className:"m-0"},E("reply_comment")," ",e.index),_("p",{className:"m-0"},"".concat(S.blog_group.blog_writer.penname1)))):_(s.a.Fragment,null,_("div",{className:"blog-comment-component-item-img mr-2",style:{backgroundImage:'url("'.concat(n.user.picture||"/images/no-picture.png",'")')}}),_("div",null,_("p",{className:"m-0"},E("reply_comment")," ",e.index),_("p",{className:"m-0"},"".concat(n.user.firstname,"  ").concat(n.user.lastname)))))),_("div",{className:"col-6 text-right"},_("p",{className:"m-0 blog-comment-component-item-txt-g"},u.a.formatDate(n.createdAt,!0,!0,!0)))),_("div",{className:"row pl-3 pr-3"},_("div",{className:"col-12"},_("p",{className:"m-0 blog-comment-component-item-txt-g ".concat(Ae(n)&&0!=Ae(n).length?"d-none":"d-block")},n.comment,void 0!=O&&O.id==n.user.id?_(s.a.Fragment,null,_("img",{className:"blog-comment-btn-edit ml-2",onClick:function(){De(n)},src:"/icon/blog-be-icon-edit.svg"})):null),_("form",{id:"form-comment-edit-reply-".concat(e.id),name:"form-comment-edit-reply-".concat(e.id),className:Ae(n)&&0!=Ae(n).length?"d-block":"d-none",onSubmit:function(e){return Me(e,"edit",n.id)},encType:"multipart/form-data",ref:ie},_(y.DebounceInput,{element:"textarea",debounceTimeout:500,style:{border:"2px #eeeeee solid",borderRadius:"8px"},placeholder:"\u0e40\u0e02\u0e35\u0e22\u0e19\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e40\u0e2b\u0e47\u0e19...",id:"commentEditReply".concat(n.id),name:"commentEditReply".concat(n.id),onChange:function(e){var n=k({},ae);n.rows[t].comments[a].comment=e.target.value,oe(n)},value:n.comment,required:!0}),_("div",{className:"d-flex justify-content-end align-items-center"},_("div",null,_("div",{className:"blog-comment-emoji-btn mr-2",onClick:function(){return function(e){var t=Object(o.a)(X),n=t.findIndex((function(t){return t.id==e}));

1-1!==n?t[n].ch=!t[n].ch:t.push({id:e,ch:!0}),W(t)}(n.id)}},_("i",{class:"far fa-smile",style:{fontSize:"20px"}})),_("div",{className:"blog-comment-emoji-card ".concat(Re(n.id)?"d-flex":"d-none")},Se&&Se.map((function(e){return _("div",{key:Math.random(),className:"blog-comment-emoji-item",onClick:function(){var n=k({},ae);n.rows[t].comments[a].comment+=e.character,oe(n)}},e.character)})))),_("button",{className:"blog-detail-story-detail-card-btn-b mr-3",type:"button",onClick:function(){De(n)}},E("cancel")),_("button",{className:"blog-detail-story-detail-card-btn-n",type:"submit"},E("submit")))))),_("div",{className:"row mt-2 pl-3 pr-3 pb-3 "},_("div",{className:"col-6"}),_("div",{className:"col-6 text-right"},_("div",{className:"d-flex justify-content-end"},O&&O.id!=n.user.id&&_("div",{className:"mr-2 blog-head-detail-card-icon-h-prop",onClick:function(){void 0!=O?(H(),ue(n.id)):se(!0)}},_("img",{className:"mr-2 blog-head-detail-card-icon-h-alert",src:"/icon/blog-icon-alert.svg"}),_("img",{className:"mr-2 blog-head-detail-card-icon-h-alert-b",src:"/icon/blog-icon-alert-b.svg"}),_("p",{className:"blog-card-p mr-2 blog-head-detail-p-txt"},E("report_problem"))),!O&&_("div",{className:"mr-2 blog-head-detail-card-icon-h-prop",onClick:function(){void 0!=O?(H(),ue(n.id)):se(!0)}},_("img",{className:"mr-2 blog-head-detail-card-icon-h-alert",src:"/icon/blog-icon-alert.svg"}),_("img",{className:"mr-2 blog-head-detail-card-icon-h-alert-b",src:"/icon/blog-icon-alert-b.svg"}),_("p",{className:"blog-card-p mr-2 blog-head-detail-p-txt"},E("report_problem")))))))})),_("form",{id:"form-comment-reply-".concat(e.id),onSubmit:function(t){return Me(t,"reply",e.id)},encType:"multipart/form-data",ref:re},_("textarea",{name:"commentReply".concat(e.id),id:"commentReply".concat(e.id),required:!0,placeholder:E("write_comment")+" ...",rows:1}),_("div",{className:"d-flex justify-content-end align-items-center"},_("div",null,_("div",{className:"blog-comment-emoji-btn mr-2",onClick:function(){return function(e){var t=Object(o.a)(ee),n=t.findIndex((function(t){return t.id==e}));

1-1!==n?t[n].ch=!t[n].ch:t.push({id:e,ch:!0}),te(t)}(e.id)}},_("i",{class:"far fa-smile",style:{fontSize:"20px"}})),_("div",{className:"blog-comment-emoji-card ".concat(qe(e.id)?"d-flex":"d-none")},Se&&Se.map((function(t){return _("div",{key:Math.random(),className:"blog-comment-emoji-item",onClick:function(){document.getElementById("commentReply".concat(e.id)).value+=t.character}},t.character)})))),_(h.a,{_type:"submit",loading:we,_class:"blog-detail-story-detail-card-btn-n blog-w-200px mb-3",_name:E("send_comment")})))))))})),x<j?_("div",{className:"row"},_("div",{className:"col-12 text-center"},_("button",{className:"blog-detail-story-detail-card-btn-b mt-3",type:"button",onClick:function(){C(x+2),x+=2,fe(0)}},E("more_comments")))):""),_(p.a,{className:"modal-cart",centered:!0,show:le,onHide:Ce,size:"xl"},_(p.a.Header,{closeButton:!0},_("div",null,_(p.a.Title,{className:"d-flex"},"\u0e25\u0e07\u0e0a\u0e37\u0e48\u0e2d\u0e40\u0e02\u0e49\u0e32\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a"))),_(p.a.Body,null,_(g.a,{loginBy:"modal",closeModal:Ce,isModal:!0}))),_(f.a,{show:B,text:"\u0e01\u0e23\u0e38\u0e13\u0e32\u0e43\u0e0a\u0e49\u0e04\u0e33\u0e2a\u0e38\u0e20\u0e32\u0e1e",onConfirm:function(){P(!1)},size:"md",onHide:function(){return P(!1)},cancel_btn:!1}))}},"5lRg":function(e,t,n){"use strict";n.r(t);var a=n("ODXe"),o=n("o0o1"),i=n.n(o),r=n("HaE+"),c=n("8Kt/"),l=n.n(c),s=n("nOHt"),m=n("q1tI"),d=n.n(m),u=n("iVi/");function b(e,t){void 0===t&&(t={});var n=function(e){if(e&&"j"===e[0]&&":"===e[1])return e.substr(2);return e}(e);if(function(e,t){return"undefined"===typeof t&&(t=!e||"{"!==e[0]&&"["!==e[0]&&'"'!==e[0]),!t}(n,t.doNotParse))try{return JSON.parse(n)}catch(a){}return e}var g=n("Qetd"),p=function(){function e(e,t){var n=this;this.changeListeners=[],this.HAS_DOCUMENT_COOKIE=!1,this.cookies=function(e,t){return"string"===typeof e?u.parse(e,t):"object"===typeof e&&null!==e?e:{}}(e,t),new Promise((function(){n.HAS_DOCUMENT_COOKIE="object"===typeof document&&"string"===typeof document.cookie})).catch((function(){}))}return e.prototype._updateBrowserValues=function(e){this.HAS_DOCUMENT_COOKIE&&(this.cookies=u.parse(document.cookie,e))},e.prototype._emitChange=function(e){for(var t=0;t<this.changeListeners.length;++t)this.changeListeners[t](e)},e.prototype.get=function(e,t,n){return void 0===t&&(t={}),this._updateBrowserValues(n),b(this.cookies[e],t)},e.prototype.getAll=function(e,t){void 0===e&&(e={}),this._updateBrowserValues(t);var n={};for(var a in this.cookies)n[a]=b(this.cookies[a],e);return n},e.prototype.set=function(e,t,n){var a;"object"===typeof t&&(t=JSON.stringify(t)),this.cookies=g({},this.cookies,((a={})[e]=t,a)),this.HAS_DOCUMENT_COOKIE&&(document.cookie=u.serialize(e,t,n)),this._emitChange({name:e,value:t,options:n})},e.prototype.remove=function(e,t){var n=t=g({},t,{expires:new Date(1970,1,1,0,0,1),maxAge:0});this.cookies=g({},this.cookies),delete this.cookies[e],this.HAS_DOCUMENT_COOKIE&&(document.cookie=u.serialize(e,"",n)),this._emitChange({name:e,value:void 0,options:t})},e.prototype.addChangeListener=function(e){this.changeListeners.push(e)},e.prototype.removeChangeListener=function(e){var t=this.changeListeners.indexOf(e);t>=0&&this.changeListeners.splice(t,1)},e}();function f(e){throw new Error('"'+e+'" is read-only')}var h=n("OS56"),v=n.n(h),N=n("j8ru"),y=n("2NGl"),w=n("ZvZj"),_=n("4JyM"),x=d.a.createElement,k=function(e){var t=e.t,n=e.blog,a=e.preview,o=e.inrteres,i=e.onLike,r=e.bData,c=e.blog_id,l=e.data_id,s=e.dLike,m=e.user,u=e.dViewe,b=e.dComment,g=e.fetchComment,p=e.limit,h=e.all;return x(d.a.Fragment,null,n?x(d.a.Fragment,null,x("div",{className:"container"},a?null:x("div",{className:"row"},x("div",{className:"col-12"},x("nav",{"aria-label":"breadcrumb"},x("ol",{className:"breadcrumb"},x("li",{className:"breadcrumb-item"},x(_.Link,{href:"/",as:"/"},x("a",null,t("home")))),x("li",{className:"breadcrumb-item"},x(_.Link,{href:"/blog",as:"/blog"},x("a",null,t("blog")))),x("li",{className:"breadcrumb-item"},x(_.Link,{href:"/blog/[blogid]?blogid=".concat(n.blog_group.id),as:"/blog/".concat(n?n.blog_group.id:"")},x("a",null,n?n.blog_group.title:""))),x("li",{className:"breadcrumb-item active"},x("a",null,n?t("ep")+" "+n.index+" : "+n.title:""))))))),x("div",{className:"w-100"},!!n&&x(w.a,{data:n,bData:r,blog_id:c,isPreview:a,data_id:l,like:s,onAction:i,user:m,viewe:u,path:"/blog/".concat(c,"/").concat(l),t:t})),a?null:x(d.a.Fragment,null,x("div",{className:"container"},x("div",{className:"row pr-xl-5 pl-xl-5 pb-3"},x("div",{className:"col-12 pr-xl-5 pl-xl-5"},x(y.a,{user:m,data1:b,group_id:c,data_id:l,member_id:m?m.id:null,blog:n,onAction:function(){g(p)},onMore:function(){g(p+2),p+=(f("limit"),2)},all:h,limit:p,fetchComment:g,t:t})))),o&&0!=o.length&&x("div",{className:"mt-5"},x("div",{className:"blog-blogid-blog pt-4"},x("div",{className:"container"},x("div",{className:"row"},x("div",{className:"col-12 text-center"},x("h3",{className:"mb-5 mt-4"},t("data_related")))),x("div",{className:"row"},x("div",{className:"col-12 blog-w-sw"},x(v.a,{dots:!1,infinite:!1,speed:500,slidesToShow:4,slidesToScroll:1,responsive:[{breakpoint:1200,settings:{slidesToShow:4,slidesToScroll:1,infinite:!1,dots:!1}},{breakpoint:992,settings:{slidesToShow:3,slidesToScroll:1,infinite:!1,dots:!1}}]},o.map((function(e){return x("div",{key:Math.random(),className:"pl-2 pr-2"},x(N.a,{data:e,penname:e.blog_writer.penname1}))})))))))))):null)},j=n("gwnE"),O=n("Ihnt"),S=n("rePB"),E=n("KQm4"),C=n("kQju"),T=n("yzAy"),M=(n("s02U"),n("n5rO")),I=n.n(M),B=n("DQUT"),P=n("2n5x"),A=d.a.createElement;function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};

1t%2?D(Object(n),!0).forEach((function(t){Object(S.a)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function H(e){var t=e.data1,n=e.group_id,a=e.data_id,o=e.member_id,c=e.onAction,l=(e.onMore,e.limit),u=e.all,b=e.user,g=e.blog,p=e.t,f=e.fetchComment,h=Object(s.useRouter)(),v=Number(h.query.data_id),N=Object(m.useState)(!1),y=N[0],w=N[1],x=function(){return w(!0)},k=Object(m.useState)(""),j=(k[0],k[1],Object(m.useState)("")),O=(j[0],j[1],Object(m.useState)([])),S=O[0],M=O[1],D=Object(m.useState)([]),H=D[0],R=D[1],q=Object(m.useState)([]),z=q[0],F=q[1],K=Object(m.useState)([]),V=K[0],U=K[1],Z=Object(m.useState)([]),J=Z[0],G=Z[1],Y=Object(m.useState)(),Q=Y[0],X=Y[1],W=Object(m.useRef)(null),$=Object(m.useRef)(null),ee=Object(m.useState)(!1),te=(ee[0],ee[1],Object(m.useState)("")),ne=te[0],ae=te[1],oe=Object(m.useState)(0),ie=(oe[0],oe[1],Object(m.useState)(0)),re=ie[0],ce=ie[1],le=Object(m.useState)(!1),se=(le[0],le[1],Object(m.useState)()),me=se[0],de=se[1],ue=Object(m.useState)(!1),be=ue[0],ge=ue[1],pe=Object(m.useState)(),fe=pe[0],he=pe[1],ve=(Object(m.useRef)(null),function(e){var t=new Date(e),n=""+(t.getMonth()+1),a=""+t.getDate(),o=t.getFullYear(),i=""+t.getHours(),r=""+t.getMinutes();return n.length<2&&(n="0"+n),a.length<2&&(a="0"+a),i.length<2&&(i="0"+i),r.length<2&&(r="0"+r),[a,n,o+543].join("-")+" "+[i,r].join(":")}),Ne=function(e){var t="";return e.forEach((function(e,n){t=e})),t},ye=function(){var e=Object(r.a)(i.a.mark((function e(t,r,c){var l,s,m,d,u,g,p,f,h,v,N;return i.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t.preventDefault(),void 0==b){e.next=37;break}if(l=Ne(new FormData(t.target)),(s=new FormData).append("member_id",o),s.append("data_id",a),s.append("group_id",n),s.append("comment",l),"reply"==r?s.append("reply_id",c):"edit"==r&&s.append("id",c),m=l,d=new I.a({regex:/\*|\.|$/gi}),!me){e.next=27;break}u=me.detail_en,u.split(",").forEach((function(e){d.addWords(e)})),g=me.detail_th,p=g.split(","),f=!1,h=0;case 19:if(!(h<p.length)){e.next=27;break}if(v=p[h],-1==m.search(v)){e.next=24;break}return f=!0,e.abrupt("break",27);case 24:h++,e.next=19;break;case 27:if(N=d.clean(m),!N.includes("*")&&!f){e.next=33;break}alert("\u0e01\u0e23\u0e38\u0e13\u0e32\u0e43\u0e0a\u0e49\u0e04\u0e33\u0e2a\u0e38\u0e20\u0e32\u0e1e"),e.next=35;break;case 33:return e.next=35,we(s,r,c);case 35:e.next=38;break;case 37:_.Router.push("/login?redirect=/blog/".concat(n,"/").concat(a));case 38:case"end":return e.stop()}}),e)})));return function(t,n,a){return e.apply(this,arguments)}}(),we=function(){var e=Object(r.a)(i.a.mark((function e(t,n,a){return i.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:T.a.postComments(t).then(function(){var e=Object(r.a)(i.a.mark((function e(t){return i.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:ce(t.data.id),c(),document.getElementById("form-comment").reset(),"reply"==n&&document.getElementById("form-comment-reply-".concat(a)).reset(),"edit"==n&&R([]);case 5:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)}));case 1:case"end":return e.stop()}}),e)})));return function(t,n,a){return e.apply(this,arguments)}}();Object(m.useEffect)((function(){X(t||[]),_e(),he(P.filter((function(e,t){return"Smileys & Emotion"==e.group&&"1F978"!==e.codes&&"2639"!==e.codes&&"1F972"!==e.codes&&"smiling face"!==e.name&&"2620"!==e.codes})).map((function(e,t){return{title:e.name,character:e.char}})))}),[t]);var _e=function(){T.a.getBadword(1).then((function(e){var t=e.data;de(t)})).catch((function(e){console.log(e.response)}))};Object(m.useEffect)((function(){M([]),R([])}),[v]);var xe=function(e){if(0!=S.length)return S.filter((function(t){return t.id==e.id&&1==t.check})).map((function(e){return"sde"}))},ke=function(e){if(0!=H.length)return H.filter((function(t){return t.id==e.id&&1==t.check})).map((function(e){return"sde"}))},je=function(e){for(var t,n=Object(E.a)(H),a=0;a<n.length;a++)n[a].id==e.id&&(t=a);void 0==t?n.push({id:e.id,check:1}):1==n[t].check?n[t].check=0:0==n[t].check&&(n[t].check=1),c(),R(n)},Oe=function(e){return e.blog_writer&&1==e.blog_writer.status&&0!=e.blog_writer.blog_writer_banners.length?e.blog_writer.blog_writer_banners.filter((function(e){return"profile"==e.mimetype&&1==e.status})).map((function(e){return e.picture}))[0]||"/mobile/icon/blog-icon-user.svg":e.blog_writer&&1!=e.blog_writer.status?"/mobile/image/user/no-picture.png":e.blog_writer&&1==e.blog_writer.status&&0==e.blog_writer.blog_writer_banners.length?"/mobile/icon/blog-icon-user.svg":!e.blog_writer&&e.user.picture?e.user.picture:(e.blog_writer||!e.user||e.user.picture)&&(e.blog_writer||e.user.picture)?void 0:"/mobile/image/user/no-picture.png"},Se=function(e){if(!z.length)return!1;var t=Object(E.a)(z),n=t.findIndex((function(t){return t.id==e}));return-1!==n&&t[n].ch},Ee=function(e){if(!V.length)return!1;var t=Object(E.a)(V),n=t.findIndex((function(t){return t.id==e}));return-1!==n&&t[n].ch},Ce=function(e){if(!J.length)return!1;var t=Object(E.a)(J),n=t.findIndex((function(t){return t.id==e}));return-1!==n&&t[n].ch};return A("div",{className:"blog-comment-component my-3"},A("div",{id:"blogAlert1"}),A(C.a,{handleClose:function(){return w(!1)},show:y,user:b,blog:g,group_id:n,data_id:a,commentId:ne,type:2}),A("div",{className:"blog-comment-component-head"},A("h4",{className:"pt-3 pb-3 m-0 blog-comment-component-head-txt"},p("comment"))),A("form",{id:"form-comment",onSubmit:function(e){return ye(e)},encType:"multipart/form-data",ref:W},A("textarea",{name:"comment",id:"comment",placeholder:p("write_comment")+"...",required:!0}),A("div",{className:"d-flex justify-content-center align-items-center"},A("div",null,A("div",{className:"blog-comment-emoji-btn mr-2",onClick:function(){return ge(!be)}},A("i",{className:"far fa-smile",style:{fontSize:"20px"}})),A("div",{className:"blog-comment-emoji-card ".concat(be?"d-flex":"d-none")},fe&&fe.map((function(e){return A("div",{key:Math.random(),className:"blog-comment-emoji-item",onClick:function(){document.getElementById("comment").value+=e.character,ge(!be)}},e.character)})))),A("button",{className:"blog-detail-story-detail-card-btn-n w-50 p-0 py-1",type:"submit"},p("send_comment")))),Q&&Q.count>0&&A(d.a.Fragment,null,A("div",{className:"blog-comment-component-head mt-3"},A("h4",{className:"pt-3 pb-3 m-0 blog-comment-component-head-txt"},p("comment"))),Q.rows.map((function(e,t){return A("div",{key:t},A("div",{className:xe(e)&&0!=xe(e).length?"blog-comment-component-item-b active":"blog-comment-component-item-b"},A("div",{className:"blog-comment-component-item blog-comme  ".concat(re==e.id?"blog-new":"")},A("div",{className:"blog-comment-grid"},A("div",{className:"blog-comment-col-1 mt-3 pb-3 pl-3 pr-3"},A("div",{className:"d-flex align-items-center"},e.user.id==g.blog_group.blog_writer.member_id?A(d.a.Fragment,null,A("div",{className:"blog-comment-component-item-img mr-2",style:{backgroundImage:'url("'.concat(Oe(g.blog_group),'")')}}),A("div",null,A("p",{className:"m-0"},p("comments")," ",e.index),A("p",{className:"m-0"},"".concat(g.blog_group.blog_writer.penname1)))):A(d.a.Fragment,null,A("div",{className:"blog-comment-component-item-img mr-2",style:{backgroundImage:'url("'.concat(e.user.picture||"/mobile/image/user/no-picture.png",'")')}}),A("div",null,A("p",{className:"m-0"},p("comments")," ",e.index),A("p",{className:"m-0"},"".concat(e.user.firstname,"  ").concat(e.user.lastname)))))),A("div",{className:"blog-comment-col-2 text-right  mt-3 pb-3 pl-3 pr-3"},A("p",{className:"m-0 blog-comment-component-item-txt-g"},ve(e.createdAt))),A("div",{className:"blog-comment-col-3 pl-3 pr-3"},A("p",{className:"m-0 blog-comment-component-item-txt-g font-16 ".concat(ke(e)&&0!=ke(e).length?"d-none":"d-block")},e.comment,void 0!=b&&b.id==e.user.id?A(d.a.Fragment,null,A("img",{className:"blog-comment-btn-edit ml-2",onClick:function(){je(e)},src:"/mobile/icon/blog/blog-be-icon-edit.svg"})):null),A("form",{id:"form-comment-edit-".concat(e.id),className:ke(e)&&0!=ke(e).length?"d-block":"d-none",onSubmit:function(t){return ye(t,"edit",e.id)},encType:"multipart/form-data",ref:W},A(B.DebounceInput,{element:"textarea",debounceTimeout:500,style:{border:"2px #eeeeee solid",borderRadius:"8px"},onChange:function(e){var n=L({},Q);n.rows[t].comment=e.target.value,X(n)},placeholder:"\u0e40\u0e02\u0e35\u0e22\u0e19\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e40\u0e2b\u0e47\u0e19...",id:"c

1ommentEdit".concat(e.id),name:"commentEdit".concat(e.id),value:e.comment,required:!0}),A("div",{className:"d-flex justify-content-end align-items-center"},A("div",null,A("div",{className:"blog-comment-emoji-btn mr-2",onClick:function(){return function(e){var t=Object(E.a)(z),n=t.findIndex((function(t){return t.id==e}));-1!==n?t[n].ch=!t[n].ch:t.push({id:e,ch:!0}),F(t)}(e.id)}},A("i",{className:"far fa-smile",style:{fontSize:"20px"}})),A("div",{className:"blog-comment-emoji-card ".concat(Se(e.id)?"d-flex":"d-none")},fe&&fe.map((function(e){return A("div",{key:Math.random(),className:"blog-comment-emoji-item",onClick:function(){var n=L({},Q);n.rows[t].comment+=e.character,X(n)}},e.character)})))),A("button",{className:"blog-detail-story-detail-card-btn-b px-1 py-1 mr-3",type:"button",onClick:function(){je(e)}},p("cancel")),A("button",{className:"blog-detail-story-detail-card-btn-n",type:"submit"},p("submit"))))),A("div",{className:"blog-comment-col-4 mt-4 pl-3 pr-3 pb-3"},A("div",{className:"blog-reply-btn",onClick:function(){!function(e){for(var t,n=Object(E.a)(S),a=0;a<n.length;a++)n[a].id==e.id&&(t=a);void 0==t?n.push({id:e.id,check:1}):1==n[t].check?n[t].check=0:0==n[t].check&&(n[t].check=1),M(n),ce(0)}(e)}},A("img",{className:"mr-2",src:"/mobile/icon/blog/blog-icon-reply.svg"}),A("span",null,0!=e.comments.length?"".concat(e.comments.length):""))),A("div",{className:"blog-comment-col-5 mt-4 pl-3 pr-3 pb-3"},A("div",{className:"text-right d-flex justify-content-end"},b&&b.id!=e.user.id&&A("div",{className:"mr-2 blog-head-detail-card-icon-h-prop",onClick:function(){void 0!=b?(x(),ae(e.id)):_.Router.push("/login?redirect=/blog/".concat(n,"/").concat(a))}},A("img",{className:"mr-2 blog-head-detail-card-icon-h-alert",src:"/mobile/icon/blog/blog-icon-alert.svg"}),A("img",{className:"mr-2 blog-head-detail-card-icon-h-alert-b",src:"/mobile/icon/blog/blog-icon-alert-b.svg"})),!b&&A("div",{className:"mr-2 blog-head-detail-card-icon-h-prop",onClick:function(){void 0!=b?(x(),ae(e.id)):_.Router.push("/login?redirect=/blog/".concat(n,"/").concat(a))}},A("img",{className:"mr-2 blog-head-detail-card-icon-h-alert",src:"/mobile/icon/blog/blog-icon-alert.svg"}),A("img",{className:"mr-2 blog-head-detail-card-icon-h-alert-b",src:"/mobile/icon/blog/blog-icon-alert-b.svg"})))))),A("div",{className:"blog-comment-component-item-repry"},A("div",{className:"ml-4 w-100"},e.comments.length>0&&e.comments.map((function(o,i){return A("div",{key:Math.random(),className:"blog-comment-component-item"},A("div",{className:"blog-comment-grid"},A("div",{className:"blog-comment-col-1 mt-3 pb-3 pl-3 pr-3"},A("div",{className:"d-flex align-items-center"},o.user.id==g.blog_group.blog_writer.member_id?A(d.a.Fragment,null,A("div",{className:"blog-comment-component-item-img mr-2",style:{backgroundImage:'url("'.concat(Oe(g.blog_group),'")')}}),A("div",null,A("p",{className:"m-0"},p("reply_comment")," ",e.index),A("p",{className:"m-0"},"".concat(g.blog_group.blog_writer.penname1)))):A(d.a.Fragment,null,A("div",{className:"blog-comment-component-item-img mr-2",style:{backgroundImage:'url("'.concat(o.user.picture||"/mobile/image/user/no-picture.png",'")')}}),A("div",null,A("p",{className:"m-0"},p("reply_comment")," ",e.index),A("p",{className:"m-0"},"".concat(o.user.firstname,"  ").concat(o.user.lastname)))))),A("div",{className:"blog-comment-col-2 text-right  mt-3 pb-3 pl-3 pr-3"},A("p",{className:"m-0 blog-comment-component-item-txt-g"},ve(o.createdAt))),A("div",{className:"blog-comment-col-3 pl-3 pr-3"},A("p",{className:"m-0 blog-comment-component-item-txt-g font-16 ".concat(ke(o)&&0!=ke(o).length?"d-none":"d-block")},o.comment,void 0!=b&&b.id==o.user.id?A(d.a.Fragment,null,A("img",{className:"blog-comment-btn-edit ml-2",onClick:function(){je(o)},src:"/mobile/icon/blog/blog-be-icon-edit.svg"})):null),A("form",{id:"form-comment-edit-reply-".concat(e.id),name:"form-comment-edit-reply-".concat(e.id),className:ke(o)&&0!=ke(o).length?"d-block":"d-none",onSubmit:function(e){return ye(e,"edit",o.id)},encType:"multipart/form-data",ref:W},A(B.DebounceInput,{element:"textarea",debounceTimeout:500,style:{border:"2px #eeeeee solid",borderRadius:"8px"}

1,placeholder:p("write_comment")+"...",id:"commentEditReply".concat(o.id),name:"commentEditReply".concat(o.id),onChange:function(e){var n=L({},Q);n.rows[t].comments[i].comment=e.target.value,X(n)},value:o.comment,required:!0}),A("div",{className:"d-flex justify-content-end align-items-center"},A("div",null,A("div",{className:"blog-comment-emoji-btn mr-2",onClick:function(){return function(e){var t=Object(E.a)(V),n=t.findIndex((function(t){return t.id==e}));-1!==n?t[n].ch=!t[n].ch:t.push({id:e,ch:!0}),U(t)}(o.id)}},A("i",{className:"far fa-smile",style:{fontSize:"20px"}})),A("div",{className:"blog-comment-emoji-card ".concat(Ee(o.id)?"d-flex":"d-none")},fe&&fe.map((function(e){return A("div",{key:Math.random(),className:"blog-comment-emoji-item",onClick:function(){var n=L({},Q);n.rows[t].comments[i].comment+=e.character,X(n)}},e.character)})))),A("button",{className:"blog-detail-story-detail-card-btn-b px-1 py-1 mr-3",type:"button",onClick:function(){je(o)}},p("cancel")),A("button",{className:"blog-detail-story-detail-card-btn-n",type:"submit"},p("submit"))))),A("div",{className:"blog-comment-col-5 mt-4 pl-3 pr-3 pb-3"},A("div",{className:"d-flex justify-content-end"},b&&b.id!=o.user.id&&A("div",{className:"mr-2 blog-head-detail-card-icon-h-prop",onClick:function(){void 0!=b?(x(),ae(o.id)):_.Router.push("/login?redirect=/blog/".concat(n,"/").concat(a))}},A("img",{className:"mr-2 blog-head-detail-card-icon-h-alert",src:"/mobile/icon/blog/blog-icon-alert.svg"}),A("img",{className:"mr-2 blog-head-detail-card-icon-h-alert-b",src:"/mobile/icon/blog/blog-icon-alert-b.svg"})),!b&&A("div",{className:"mr-2 blog-head-detail-card-icon-h-prop",onClick:function(){void 0!=b?(x(),ae(o.id)):_.Router.push("/login?redirect=/blog/".concat(n,"/").concat(a))}},A("img",{className:"mr-2 blog-head-detail-card-icon-h-alert",src:"/mobile/icon/blog/blog-icon-alert.svg"}),A("img",{className:"mr-2 blog-head-detail-card-icon-h-alert-b",src:"/mobile/icon/blog/blog-icon-alert-b.svg"}))))))})),A("form",{id:"form-comment-reply-".concat(e.id),onSubmit:function(t){return ye(t,"reply",e.id)},encType:"multipart/form-data",ref:$},A("textarea",{placeholder:p("write_comment")+"...",name:"commentReply".concat(e.id),id:"commentReply".concat(e.id),required:!0,rows:1}),A("div",{className:"d-flex justify-content-end align-items-center"},A("div",null,A("div",{className:"blog-comment-emoji-btn mr-2",onClick:function(){return function(e){var t=Object(E.a)(J),n=t.findIndex((function(t){return t.id==e}));

1-1!==n?t[n].ch=!t[n].ch:t.push({id:e,ch:!0}),G(t)}(e.id)}},A("i",{className:"far fa-smile",style:{fontSize:"20px"}})),A("div",{className:"blog-comment-emoji-card ".concat(Ce(e.id)?"d-flex":"d-none")},fe&&fe.map((function(t){return A("div",{key:Math.random(),className:"blog-comment-emoji-item",onClick:function(){document.getElementById("commentReply".concat(e.id)).value+=t.character}},t.character)})))),A("button",{className:"blog-detail-story-detail-card-btn-n mb-3",type:"submit"},p("send_comment"))))))))})),l<u?A("div",{className:"text-center w-100"},A("button",{className:"blog-detail-story-detail-card-btn-b p-0 py-1 w-50 mt-3 mr-0",type:"button",onClick:function(){f(l+2),l+=2,ce(0)}},p("more_comments"))):""))}var R=n("76ZC"),q=n.n(R),z=d.a.createElement;function F(e){var t=e.data,n=e.blog_id,a=e.data_id,o=e.t;return z("div",null,z("div",{className:"all-card-book-none-text-left bg-white my-3"},z("div",{className:"container py-3"},z("div",{className:"d-flex justify-content-start all-card-book"},t.map((function(e){return a!=e.id&&z("div",{key:Math.random(),className:"blog-data-s-show mr-2 "},z(_.Link,{href:"/blog/[blogid]/[data_id]?data_id=".concat(e.id,"&blogid=").concat(n),as:"/blog/".concat(n,"/").concat(e.id)},z("a",null,z("div",{className:"text-center blog-slide-data"},z("div",{className:"blog-pages-detail-img-l-tableData"},z("div",{className:"blog-pages-detail-img-m"},z("img",{className:"blog-pages-detail-img-s",src:e.blog_data_banner?e.blog_data_banner.picture:"/icon/blog/blog-icon-chapter.svg"}))),z("p",{className:"m-0 mt-2"},o("ep")," ",e.index," : ",e.title)))))})),z("div",{className:"card-book nonecard mr-2"})))))}var K=d.a.createElement;function V(e){var t=e.data,n=e.bData,a=e.blog_id,o=e.isPreview,i=e.data_id,r=e.like,c=e.onAction,l=e.user,s=e.viewe,u=(e.path,e.t),b=Object(m.useState)(),g=b[0],p=b[1],f=Object(m.useState)(),h=f[0],v=f[1],N=Object(m.useState)("blog-detail-story-detail-card-btn"),y=(N[0],N[1],Object(m.useState)(!1)),w=(y[0],y[1],Object(m.useState)(!1)),x=w[0],k=w[1];function j(e){return Math.abs(Number(e))>=1e9?(Math.abs(Number(e))/1e9).toString().slice(0,4)+"B":Math.abs(Number(e))>=1e6?(Math.abs(Number(e))/1e6).toString().slice(0,4)+"M":Math.abs(Number(e))>=1e3?(Math.abs(Number(e))/1e3).toString().slice(0,4)+"K":Math.abs(Number(e))}return Object(m.useEffect)((function(){if(n||t){var e,a,o=t.index;console.log("tmp",o,t.length),1!=o?(e=n.filter((function(e){return e.index==o-1})))&&e.length&&p(e[0].id):p(null),n&&o!=n.length?(a=n.filter((function(e){return e.index==o+1})))&&a.length&&v(a[0].id):v(null),document.getElementById("story-detail").addEventListener("contextmenu",(function(){return console.log("Right Click"),!1}))}}),[n,t]),K("div",null,K(C.a,{handleClose:function(){return k(!1)},show:x,user:l,blog:t,group_id:a,data_id:i,type:1}),K("div",{className:"blog-detail-story-detail-card-head pb-3"},K("h4",{className:"mt-3 mb-0"},u("episode")," ",t.index," : ",t.title)),K("div",{className:"bg-white"},K("div",{className:"pl-xl-5 pr-xl-5 pt-2 pb-2"},K("div",{className:"container text-right"},K("button",{type:"button",className:"blog-detail-story-detail-card-btn  mr-2",onClick:function(){for(var e=document.querySelector(".ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-blurred"),t=[{name:"P",value:16},{name:"H1",value:40},{name:"H2",value:30},{name:"H3",value:24},{name:"H4",value:18},{name:"H5",value:16}],n=0;n<t.length;n++)for(var a=0;a<e.getElementsByTagName(t[n].name).length;a++){var o=e.getElementsByTagName(t[n].name)[a].getElementsByTagName("SPAN");if(o.length)for(var i=0;i<o.length;i++)e.getElementsByTagName(t[n].name)[a].getElementsByTagName("SPAN")[i].style.fontSize=o[i].style.fontSize?"2px"!==o[i].style.fontSize?Number(o[i].style.fontSize.slice(0,o[i].style.fontSize.length-2))-2+"px":o[i].style.fontSize:t[n].value-2+"px";var r=e.getElementsByTagName(t[n].name)[a].style.fontSize;e.getElementsByTagName(t[n].name)[a].style.fontSize=r?"2px"!==r?Number(r.slice(0,r.length-2))-2+"px":r:t[n].value-2+"px"}}},K("i",{className:"fas fa-search-minus"})),K("button",{type:"button",className:"blog-detail-story-detail-card-btn",onClick:function(){for(var e=document.querySelector(".ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-blurred"),t=[{name:"P",value:16},{name:"H1",value:40},{name:"H2",value:30},{name:"H3",value:24},{name:"H4",value:18},{name:"H5",value:16}],n=0;n<t.length;n++)for(var a=0;a<e.getElementsByTagName(t[n].name).length;a++){var o=e.getElementsByTagName(t[n].name)[a].getElementsByTagName("SPAN");if(o.length)for(var i=0;i<o.length;i++)e.getElementsByTagName(t[n].name)[a].getElementsByTagName("SPAN")[i].style.fontSize=o[i].style.fontSize?"100px"!==o[i].style.fontSize?Number(o[i].style.fontSize.slice(0,o[i].style.fontSize.length-2))+2+"px":o[i].style.fontSize:t[n].value+2+"px";var r=e.getElementsByTagName(t[n].name)[a].style.fontSize;e.getElementsByTagName(t[n].name)[a].style.fontSize=r?"100px"!==r?Number(r.slice(0,r.length-2))+2+"px":r:t[n].value+2+"px"}}},K("i",{className:"fas fa-search-plus"}))))),K("div",{className:"blog-detail-story-detail-card-body",id:"story-detail",onContextMenu:function(e){e.preventDefault()}}

1,K("div",{className:"pl-xl-5 pr-xl-5 pt-4 pb-4"},K("div",{className:"container"},K("div",{className:"blog-detail-story-detail-card-body-l"},K("div",{className:"ck ck-content ck-editor__editable ck-rounded-corners ck-editor__editable_inline ck-blurred no-select"},q()(String(t.content))))),!o&&K(d.a.Fragment,null,K("hr",null),K("div",{className:"blog-detail-story-detail-icon"},K("div",{className:"container px-1"},K("div",{className:"d-flex justify-content-between align-items-center w-100"},K("div",null,g?K(_.Link,{href:"/blog/[blogid]/[data_id]?blogid=".concat(a,"&data_id=").concat(g),as:"/blog/".concat(a,"/").concat(g)},K("a",null,K("button",{type:"button",className:"blog-detail-story-detail-card-btn ml-xl-4 border-0 align-items-center d-flex"},K("span",null,K("i",{className:"fas fa-angle-left"}))))):null),K("div",{className:"d-flex align-items-center"},K("button",void 0!=l?{className:"blog-detail-story-detail-card-btn".concat(r&&r.checkMember?" active":""),type:"button",onClick:function(){c()}}:{className:"blog-detail-story-detail-card-btn".concat(r&&r.checkMember?" active":""),type:"button",onClick:function(){_.Router.push("/login?redirect=/blog/".concat(a,"/").concat(i))}},K("img",{className:"mr-2 blog-icon-like",src:"/mobile/icon/blog/icon-blog-like.svg"}),K("img",{className:"mr-2 blog-icon-like-y",src:"/mobile/icon/blog/icon-blog-like-y.svg"}),r&&r.data?j(r.data.liked):0," ",u("like")),K("img",{className:"ml-3 pr-2",src:"/mobile/icon/blog/blog-icon-eye-b.svg"}),K("span",null,u("view")," : ",j(s)),K("img",{onClick:function(){void 0!=l?k(!0):_.Router.push("/login?redirect=/blog/".concat(a,"/").concat(i))},className:"mx-2 blog-head-detail-card-icon-h-alert",src:"/mobile/icon/blog/blog-icon-alert.svg"})),K("div",null,h?K(_.Link,{href:"/blog/[blogid]/[data_id]?blogid=".concat(a,"&data_id=").concat(h),as:"/blog/".concat(a,"/").concat(h)},K("a",null,K("button",{type:"button",className:"blog-detail-story-detail-card-btn pl-1 border-0 d-flex"},K("span",null,K("i",{className:"fas fa-angle-right"}))))):null))))),!o&&n&&n.length>1&&K(d.a.Fragment,null,K("hr",null),K(F,{data:n,blog_id:a,data_id:i,t:u})))))}n("HolW");var U=d.a.createElement,Z=function(e){var t=e.t,n=e.blog,a=e.preview,o=e.inrteres,i=e.onLike,r=e.bData,c=e.blog_id,l=e.data_id,s=e.dLike,u=e.user,b=e.dViewe,g=e.dComment,p=e.fetchComment,h=e.limit,v=e.all,N=Object(m.useState)(!1),y=N[0],w=N[1];return U(d.a.Fragment,null,U("div",{className:"product-book-nav"},U(_.Link,{href:"/blog/[blogid]?blogid=".concat(c),as:"/blog/".concat(c)},U("a",{className:"btn-back row",style:{flex:" 0 0 auto"}},U("img",{className:"img-fluid ml-2",src:"/mobile/image/icon/icon-back.svg"}))),U("div",{className:"d-flex justify-content-between "},U("a",{className:"btn-share mr-3",onClick:function(){return handleShare()}},U("img",{className:"",src:"/mobile/image/icon/icon-share.svg"})),u?U(_.Link,{href:"/user/cart"},U("a",{className:"btn-cart mr-3 img-cart"},U("img",{className:"",src:"/mobile/image/icon/icon-cart.svg"}),u&&0!=u.cart.length?u.cart.length>9?U("span",null,"9",U("span",null,"+")):U("span",null,u.cart.length):"")):U(_.Link,{href:"/login"},U("a",{className:"btn-cart mr-3"},U("img",{className:"",src:"/mobile/image/icon/icon-cart.svg"}))),U("a",{className:"btn-info-info",onClick:function(){return w(!y)}},U("img",{className:"",src:"/mobile/image/icon/icon-info.svg"}))),U(j.a,{in:y,className:"dropdown-info"},U(_.Link,{href:"/"},U("a",{className:"text-default"},U("p",{className:"text-black mb-1"},"\u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01"))),u&&U(_.Link,{href:"/user/favorite"},U("a",{className:"text-default"},U("p",{className:"text-black mb-1"},"\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e0a\u0e2d\u0e1a"))),U(_.Link,{href:"/categories"},U("a",{className:"text-default"},U("p",{className:"text-black mb-1"},"\u0e04\u0e49\u0e19\u0e2b\u0e32"))),u&&U(_.Link,{href:"/user/dashboard"},U("a",{className:"text-default"},U("p",{className:"text-black mb-1"},"\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e02\u0e2d\u0e07\u0e09\u0e31\u0e19"))))),U("div",{className:"h-64px"}),U("div",{className:"bg-light-less-gray"},U("div",{className:"w-100"},!!n&&U(d.a.Fragment,null,U(V,{t:t,data:n,bData:r,blog_id:c,isPreview:a,data_id:l,like:s,onAction:i,user:u,viewe:b,path:"/blog/".concat(c,"/").concat(l)}),U(H,{t:t,user:u,data1:g,group_id:c,data_id:l,member_id:u?u.id:null,blog:n,onAction:function(){p(h)},onMore:function(){p(h+2),h+=(f("limit"),2)},fetchComment:p,all:v,limit:h})),(null===o||void 0===o?void 0:o.length)>1&&U("div",{className:"all-card-book-none-text-left bg-white my-3"},U("div",{className:"container py-3"},U("div",{className:"d-flex justify-content-between "},U("div",null,U("h4",{className:"text-black"},t("data_related")))),U("div",{className:"d-flex justify-content-start all-card-book"},o.map((function(e){return Number(e.id)!=c&&U("div",{key:Math.random(),className:"blog-card-show mr-2"},U(O.a,{data:e,penname:e.blog_writer.penname1}))})),U("div",{className:"card-book nonecard mr-2"}))))),U("div",{className:"footer-space"})))},J=n("CafY"),G=n("gdJV"),Y=n("pAy3"),Q=n("I8qh"),X=d.a.createElement,W=new p,$=2;function ee(e){var t=e.t,n=e.blog,a=e.bData,o=Object(m.useContext)(G.b),c=o.user,d=(o.local,Object(s.useRouter)()),u=Number(d.query.blogid),b=Number(d.query.data_id),g=Number(d.query.preview),p=Object(m.useState)(null),f=p[0],h=p[1],v=Object(m.useState)(0),N=v[0],y=v[1],w=Object(m.useState)([]),x=w[0],j=w[1],O=Object(m.useState)(),S=O[0],E=O[1],C=Object(m.useState)(0),M=C[0],I=C[1];Object(m.useEffect)((function(){var e=document.querySelectorAll("oembed[url]");document.querySelectorAll('figure[class="media"]').forEach((function(t,n){if(e[n]){var a=e[n].getAttribute("url");t.innerHTML='<div style="position: relative; padding-bottom: 100%; height: 0; padding-bottom: 56.2493%;"> <iframe src="'+function(e){var t=e.match(/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/);return t&&11==t[2].length?"https://www.youtube.com/embed/"+t[2]:"https://www.facebook.com/video/embed?video_id="+e.split("/")[5]}(a)+'" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0;" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div>'}}))}),[n]);var B=function(){var e=Object(r.a)(i.a.mark((function e(){return i.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,T.a.getBlogGroupInterested(u).then(function(){var e=Object(r.a)(i.a.mark((function e(t){var n;return i.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n=t.data,E(n);case 2:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)}));case 2:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),P=function(e){var t=e;T.a.getDataLike(b,{member_id:t}).then(function(){var e=Object(r.a)(i.a.mark((function e(t){var n;return i.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n=t.data,h(n);case 2:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)}))},A=function(e){T.a.getComments(b,{limit:e}).then(function(){var e=Object(r.a)(i.a.mark((function e(t){var n;return i.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n=t.data,j(n),I(n.count);case 3:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)}))};Object(m.useEffect)((function(){g||({blog_id:u,data_id:b},void 0==W.get("Blog".concat(b))&&(L(),W.set("Blog".concat(b),b,{maxAge:3600})),H()),A($=2),B()}),[b]),Object(m.useEffect)((function(){document.getElementsByClassName("main-layout")[0]&&(document.getElementsByClassName("main-layout")[0].style.backgroundColor="rgb(248, 249, 250)")}),[]),Object(m.useEffect)((function(){P(c?c.id:0),g&&(null==Q.a.isLoggin()?_.Router.push("/blog"):c&&!c.blog_writer?_.Router.push("/blog"):c&&c.blog_writer&&c.blog_writer.id!=n.blog_group.writer_id&&_.Router.push("/blog"))}),[c,b]);var D=function(){T.a.dataLiked({blog_id:u,data_id:b,member_id:Number(c.id),like:f.checkMember?"unlike":"like"}).then(function(){var e=Object(r.a)(i.a.mark((function e(t){return i.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:P(c.id);case 1:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)}))},L=function(){T.a.dataViewed({blog_id:u,data_id:b}).then(function(){var e=Object(r.a)(i.a.mark((function e(t){return i.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:H();case 1:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)}))},H=function(){T.a.getdataViewed(b).then(function(){var e=Object(r.a)(i.a.mark((function e(t){var n;return i.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n=t.data,y(n.viewed);case 2:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)}))},R="";

1n&&n.content&&(R=n.content.replace(/<[^>]+>/g,"").substring(0,180));var q=Object(Y.a)(992);return X("div",null,X(J.a,{title:n?t("ep")+" "+n.index+" : "+n.title:"",isPreview:g,className:"mb-5"},X(l.a,null,X("link",{rel:"stylesheet",href:"".concat(T.a.frontend_url,"/css/content-styles.css")}),X("meta",{name:"description",content:R||(n.title?n.title:"Blog Details")}),X("meta",{name:"keywords",content:"".concat(n.title,", ").concat(n.blog_group.title,", ").concat(n.blog_group.blog_writer.penname1,", \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e08\u0e38\u0e2c\u0e32\u0e2f, CHULABOOK")}),X("meta",{property:"og:type",content:"website"}),X("meta",{property:"og:title",content:n.title?n.title:"Blog Details"}),X("meta",{property:"og:description",content:R||(n.title?n.title:"Blog Details")}),X("meta",{property:"og:image",content:n.blog_data_banner&&n.blog_data_banner.picture?n.blog_data_banner.picture:"".concat(T.a.frontend_url,"/images/blog-icon-chapter.png")}),X("meta",{property:"og:url",content:"https://www.chulabook.com/blog/".concat(u,"/").concat(b)}),X("meta",{property:"og:site_name",content:"CHULABOOK"}),X("meta",{name:"twitter:image",content:n.blog_data_banner&&n.blog_data_banner.picture?n.blog_data_banner.picture:"".concat(T.a.frontend_url,"/images/blog-icon-chapter.png")}),X("meta",{name:"twitter:title",content:n.title}),X("meta",{name:"twitter:description",content:R||n.title}),X("meta",{name:"twitter:site",content:"CHULABOOK"}),X("meta",{name:"twitter:creator",content:"CHULABOOK"})),X(q?Z:k,{t:t,blog:n,preview:g,inrteres:S,onLike:D,bData:a,blog_id:u,data_id:b,dLike:f,user:c,dViewe:N,dComment:x,fetchComment:A,limit:$,all:M})),X("div",{id:"blogAlert1"}))}ee.getInitialProps=function(){var e=Object(r.a)(i.a.mark((function e(t){var n,o,r,c,l,s,m,d,u,b,g,p;return i.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=t.query,o=t.res,r=Number(n.blogid),c=Number(n.data_id),l=Number(n.preview),s=l?{blog_id:r,data_id:c,preview:l}:{blog_id:r,data_id:c},e.next=7,Promise.all([T.a.blogDataFont(s),T.a.getBlogDataPage(r,{order:"ASC"})]);case 7:return m=e.sent,d=Object(a.a)(m,2),u=d[0],b=d[1],(g=u.data)||(o.redirect("/blog"),o.end()),(p=b.data)||(o.redirect("/blog"),o.end()),e.abrupt("return",{blog:g,bData:p});case 16:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();t.default=Object(_.withTranslation)("blog_data")(ee)},"94Hj":function(e,t,n){"use strict";var a=n("q1tI"),o=n.n(a),i=n("Nm0s"),r=o.a.createElement;t.a=function(e){var t=e.loading,n=e._click,a=e._name,c=e._class,l=e._type,s=e.disabled,m=e.name,d=e.value;return r(o.a.Fragment,null,r("button",{type:l,className:c,disabled:s||t,name:m,value:d,onClick:n},t?r(i.BeatLoader,{size:10,color:"#FFF",loading:t}):a))}},BgiA:function(e,t,n){"use strict";var a=n("q1tI"),o=n.n(a),i=n("17x9"),r=n.n(i),c=n("TSYQ"),l=n.n(c),s=n("33Jr"),m=function(e){var t=e.direction,n=e.onClickHandler,a=e.cssModule,i=e.directionText,r=e.className,c=Object(s.e)(l()(r,"carousel-control-"+t),a),m=Object(s.e)(l()("carousel-control-"+t+"-icon"),a),d=Object(s.e)(l()("sr-only"),a);return o.a.createElement("a",{className:c,style:{cursor:"pointer"},role:"button",tabIndex:"0",onClick:function(e){e.preventDefault(),n()}},o.a.createElement("span",{className:m,"aria-hidden":"true"}),o.a.createElement("span",{className:d},i||t))};m.propTypes={direction:r.a.oneOf(["prev","next"]).isRequired,onClickHandler:r.a.func.isRequired,cssModule:r.a.object,directionText:r.a.string,className:r.a.string},t.a=m},DQUT:function(e,t,n){"use strict";var a=n("iaYz").DebounceInput;a.DebounceInput=a,e.exports=a},Eb6y:function(e,t,n){"use strict";var a=n("q1tI"),o=n.n(a),i=n("17x9"),r=n.n(i),c=n("TSYQ"),l=n.n(c),s=n("33Jr"),m=function(e){var t=e.items,n=e.activeIndex,a=e.cssModule,i=e.onClickHandler,r=e.className,c=Object(s.e)(l()(r,"carousel-indicators"),a),m=t.map((function(e,t){var r=Object(s.e)(l()({active:n===t}),a);return(o.a.createElement("li",{key:""+(e.key||Object.values(e).join("")),onClick:function(e){e.preventDefault(),i(t)},className:r}))}));return o.a.createElement("ol",{className:c},m)};m.propTypes={items:r.a.array.isRequired,activeIndex:r.a.number.isRequired,cssModule:r.a.object,onClickHandler:r.a.func.isRequired,className:r.a.string},t.a=m},Ihnt:function(e,t,n){"use strict";var a=n("q1tI"),o=n.n(a),i=n("4JyM"),r=o.a.createElement;t.a=Object(i.withTranslation)("blog_card")((function(e){var t,n=e.penname,a=e.data,o=e.t;function c(e){return Math.abs(Number(e))>=1e9?(Math.abs(Number(e))/1e9).toString().slice(0,4)+"B":Math.abs(Number(e))>

1=1e6?(Math.abs(Number(e))/1e6).toString().slice(0,4)+"M":Math.abs(Number(e))>=1e3?(Math.abs(Number(e))/1e3).toString().slice(0,4)+"K":Math.abs(Number(e))}return r("div",{id:"blog-card"},a?r(i.Link,{href:(t=a,0==t.type&&t.blog_data.length?"/blog/[blogid]/[data_id]?blogid=".concat(t.id,"&data_id=").concat(t.blog_data[0].id):"/blog/[blogid]?blogid=".concat(t.id)),as:function(e){return 0==e.type&&e.blog_data&&e.blog_data.length?"/blog/".concat(e.id,"/").concat(e.blog_data[0].id):"/blog/".concat(e.id)}(a)},r("a",null,r("div",{className:"blog-card"},r("div",{className:"blog-card-img-l"},r("div",{className:"blog-card-img-m"},r("img",{className:"blog-card-img-s",src:0!=a.blog_group_banners.length?function(e){var t=e.filter((function(e){return 0==e.type})).map((function(e){return{id:e.id,picture:e.picture}}));return t.length?t[0].picture:"/mobile/icon/blog-icon-chapter.svg"}(a.blog_group_banners):"/mobile/icon/blog/blog-icon-chapter.svg"}))),r("div",{className:"blog-card-detail"},r("p",{className:"blog-card-title"},a.title),r("p",{className:"blog-card-t"},o("writer")," : ",n),r("div",{className:"blog-card-row"},r("img",{src:"/mobile/icon/blog/Group9242.svg",className:"blog-card-icon fav-none"}),r("p",{className:"blog-card-like"},c(a.blog_group_stat.liked)),r("img",{className:"blog-card-icon eye",src:"/mobile/icon/blog/icon-eye.svg"}),r("p",{className:"blog-card-p l"},c(a.blog_group_stat.viewed))),r("div",{className:"blog-card-row"},r("div",{className:"blog-card-t2"},r("div",{className:"blog-card-btn1 ".concat(0==a.type?"blog-card-btn2":"")},0==a.type?o("blog_card:type_one"):o("blog_card:eps")))))))):"")}))},VHXo:function(e,t,n){"use strict";n.d(t,"a",(function(){return d}));var a=n("o0o1"),o=n.n(a),i=n("HaE+"),r=n("q1tI"),c=n.n(r),l=n("zM5D"),s=n("yzAy"),m=c.a.createElement;function d(e){var t=e.show,n=e.handleClose,a=e.followed,r=e.follow,c=e.user,d=e.onClickVotes,u=e.onFollow,b=function(e){return e.blog_writer&&1==e.blog_writer.status&&0!=e.blog_writer.blog_writer_banners.length?e.blog_writer.blog_writer_banners.filter((function(e){return"profile"==e.mimetype&&1==e.status})).map((function(e){return e.picture}))[0]||"/icon/blog-icon-user.svg":e.blog_writer&&1!=e.blog_writer.status?"/images/no-picture.png":e.blog_writer&&1==e.blog_writer.status&&0==e.blog_writer.blog_writer_banners.length?"/icon/blog-icon-user.svg":!e.blog_writer&&e.user&&e.user.picture?e.user.picture:(e.blog_writer||!e.user||e.user.picture)&&(e.blog_writer||e.user)?void 0:"/images/no-picture.png"},g=function(e){s.a.postFollowed({writer_id:e,member_id:c.id}).then(function(){var e=Object(i.a)(o.a.mark((function e(t){return o.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:u();case 1:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)}))},p=function(e){return!!e.blog_writer.blog_writer_followeds.filter((function(e){return e.member_id==c.id&&1==e.status})).length};return m("div",{className:"blog-modal-like1"},m(l.a,{centered:!0,show:t,onHide:n,size:"md"},m("div",{className:"blog-modal-l"},m("div",{className:"blog-modal-header"},m("p",{className:"blog-modal-header-l"},"\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21"),m("p",{className:"blog-modal-header-r"},a," \u0e04\u0e19")),m("div",{className:"blog-modal-body"},r&&0!=r.length&&r.map((function(e,t){return m("div",{key:Math.random(),className:"blog-modal-item"},m("div",{className:"w-50"},m("div",{className:"blog-modal-item-img",style:{backgroundImage:'url("'.concat(b(e),'")')}})),m("div",{className:"blog-modal-item-name w-100"},e.blog_writer&&1==e.blog_writer.status&&e.blog_writer.penname1,!e.blog_writer||1!=e.blog_writer.status&&e.user.firstname," ",!e.blog_writer||1!=e.blog_writer.status&&e.user.lastname,!e.blog_writer&&e.user&&e.user.firstname," ",!e.blog_writer&&e.user&&e.user.lastname),m("div",{className:"w-100 text-right"},e.blog_writer&&1==e.blog_writer.status&&function(e){if(e.blog_writer){if(c&&c.blog_writer&&e.blog_writer.id!=c.blog_writer.id)return m("button",{type:"button",className:"blog-head-detail-card-f ".concat(c&&p(e)?"active":""),onClick:function(){void 0!=c?g(e.blog_writer.id):d()}},m("img",{className:"mr-1 icon-blog-norti",style:{marginBottom:"1px"},src:"/icon/icon-blog-norti.svg"}),m("img",{className:"mr-1 icon-blog-norti-w",style:{marginBottom:"1px"},src:"/icon/icon-blog-norti.svg"}),c&&p(e)?"\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e41\u0e25\u0e49\u0e27":"\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21");if(c&&!c.blog_writer)return m("button",{type:"button",className:"blog-head-detail-card-f ".concat(c&&p(e)?"active":""),onClick:function(){void 0!=c?g(e.blog_writer.id):d()}},m("img",{className:"mr-1 icon-blog-norti",style:{marginBottom:"1px"},src:"/icon/icon-blog-norti.svg"}),m("img",{className:"mr-1 icon-blog-norti-w",style:{marginBottom:"1px"},src:"/icon/icon-blog-norti.svg"}),c&&p(e)?"\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e41\u0e25\u0e49\u0e27":"\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21");if(!c)return m("button",{type:"button",className:"blog-head-detail-card-f ".concat(c&&p(e)?"active":""),onClick:function(){void 0!=c?g(e.blog_writer.id):d()}},m("img",{className:"mr-1 icon-blog-norti",style:{marginBottom:"1px"},src:"/icon/icon-blog-norti.svg"}),m("img",{className:"mr-1 icon-blog-norti-w",style:{marginBottom:"1px"},src:"/icon/icon-blog-norti.svg"}),c&&p(e)?"\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e41\u0e25\u0e49\u0e27":"\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21")}}(e)))}))),m("div",{className:"blog-modal-footer"},m("button",{className:"blog-modal-btn",type:"button",onClick:n},"\u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e48\u0e32\u0e07")))))}},ZvZj:function(e,t,n){"use strict";n.d(t,"a",(function(){return y}

1));var a=n("q1tI"),o=n.n(a),i=n("76ZC"),r=n.n(i),c=n("OS56"),l=n.n(c),s=n("4JyM"),m=o.a.createElement;function d(e){var t=e.data,n=e.blog_id,a=e.data_id,o=e.t;return m("div",null,m("div",{className:"container mt-4 blog-slide-data-div "},m("div",{className:"row pr-xl-5 pl-xl-5 pb-3"},m("div",{className:"col-12 pr-5 pl-5"},m(l.a,{dots:!1,infinite:!1,speed:500,slidesToShow:5,slidesToScroll:1,responsive:[{breakpoint:1200,settings:{slidesToShow:4,slidesToScroll:1,infinite:!1,dots:!1}},{breakpoint:992,settings:{slidesToShow:3,slidesToScroll:1,infinite:!1,dots:!1}}]},t.map((function(e){return a!=e.id&&m("div",{key:Math.random()},m(s.Link,{href:"/blog/[blogid]/[data_id]?data_id=".concat(e.id,"&blogid=").concat(n),as:"/blog/".concat(n,"/").concat(e.id)},m("a",null,m("div",{className:"text-center pr-3 blog-slide-data"},m("div",{className:"blog-pages-detail-img-l-tableData"},m("div",{className:"blog-pages-detail-img-m"},m("img",{className:"blog-pages-detail-img-s",src:e.blog_data_banner?e.blog_data_banner.picture:"/icon/blog-icon-chapter.svg"}))),m("p",{className:"m-0 mt-2"},o("ep")," ",e.index," : ",e.title)))))})))))))}var u=n("ryKu"),b=n("zM5D"),g=n("aWbt"),p=n("QeUd"),f=n("t1ZA"),h=n("gHw8"),v=(n("aL90"),n("yzAy")),N=o.a.createElement;function y(e){var t=e.data,n=e.bData,i=e.blog_id,c=e.isPreview,l=e.data_id,m=e.like,y=e.onAction,w=e.user,_=e.viewe,x=e.path,k=e.t,j=Object(a.useState)(),O=j[0],S=j[1],E=Object(a.useState)(),C=E[0],T=E[1],M=Object(a.useState)(!1),I=M[0],B=M[1],P=function(){B(!1)},A=Object(a.useState)(!1),D=A[0],L=A[1];function H(e){return Math.abs(Number(e))>=1e9?(Math.abs(Number(e))/1e9).toString().slice(0,4)+"B":Math.abs(Number(e))>=1e6?(Math.abs(Number(e))/1e6).toString().slice(0,4)+"M":Math.abs(Number(e))>=1e3?(Math.abs(Number(e))/1e3).toString().slice(0,4)+"K":Math.abs(Number(e))}return Object(a.useEffect)((function(){if(n||t){var e,a,o=t.index;console.log("tmp",o,t.length),1!=o?(e=n.filter((function(e){return e.index==o-1})))&&e.length&&S(e[0].id):S(null),n&&o!=n.length?(a=n.filter((function(e){return e.index==o+1})))&&a.length&&T(a[0].id):T(null)}}),[n,t]),N("div",null,N(h.a,{handleClose:function(){return L(!1)},show:D,user:w,blog:t,group_id:i,data_id:l,type:1}),N("div",{className:"blog-detail-story-detail-card-head pb-3"},N("h4",{className:"mt-3 mb-0"},k("episode")," ",t.index," : ",t.title)),c?null:N("div",{className:"bg-white"},N("div",{className:"pl-xl-5 pr-xl-5 pt-2 pb-2"},N("div",{className:"container text-right"},N("button",{type:"button",className:"blog-detail-story-detail-card-btn  mr-2",onClick:function(){for(var e=document.querySelector(".ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-blurred"),t=[{name:"P",value:16},{name:"H1",value:40},{name:"H2",value:30},{name:"H3",value:24},{name:"H4",value:18},{name:"H5",value:16}],n=0;n<t.length;n++)for(var a=0;a<e.getElementsByTagName(t[n].name).length;a++){var o=e.getElementsByTagName(t[n].name)[a].getElementsByTagName("SPAN");if(o.length)for(var i=0;i<o.length;i++)e.getElementsByTagName(t[n].name)[a].getElementsByTagName("SPAN")[i].style.fontSize=o[i].style.fontSize?"2px"!==o[i].style.fontSize?Number(o[i].style.fontSize.slice(0,o[i].style.fontSize.length-2))-2+"px":o[i].style.fontSize:t[n].value-2+"px";var r=e.getElementsByTagName(t[n].name)[a].style.fontSize;e.getElementsByTagName(t[n].name)[a].style.fontSize=r?"2px"!==r?Number(r.slice(0,r.length-2))-2+"px":r:t[n].value-2+"px"}}},N("i",{className:"fas fa-search-minus"})),N("button",{type:"button",className:"blog-detail-story-detail-card-btn",onClick:function(){for(var e=document.querySelector(".ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-blurred"),t=[{name:"P",value:16},{name:"H1",value:40},{name:"H2",value:30},{name:"H3",value:24},{name:"H4",value:18},{name:"H5",value:16}],n=0;n<t.length;n++)for(var a=0;a<e.getElementsByTagName(t[n].name).length;a++){var o=e.getElementsByTagName(t[n].name)[a].getElementsByTagName("SPAN");if(o.length)for(var i=0;i<o.length;i++)e.getElementsByTagName(t[n].name)[a].getElementsByTagName("SPAN")[i].style.fontSize=o[i].style.fontSize?"100px"!==o[i].style.fontSize?Number(o[i].style.fontSize.slice(0,o[i].style.fontSize.length-2))+2+"px":o[i].style.fontSize:t[n].value+2+"px";var r=e.getElementsByTagName(t[n].name)[a].style.fontSize;e.getElementsByTagName(t[n].name)[a].style.fontSize=r?"100px"!==r?Number(r.slice(0,r.length-2))+2+"px":r:t[n].value+2+"px"}}},N("i",{className:"fas fa-search-plus"}))))),N("div",{className:"blog-detail-story-detail-card-body"}

1,N("div",{className:"pl-xl-5 pr-xl-5 pt-4 pb-4"},N("div",{className:"container"},N("div",{className:"blog-detail-story-detail-card-body-l"},N("div",{className:"ck ck-content ck-editor__editable ck-rounded-corners ck-editor__editable_inline ck-blurred no-select",onContextMenu:function(e){e.preventDefault()}},r()(String(t.content))))),!c&&N(o.a.Fragment,null,N("hr",null),N("div",{className:"blog-detail-story-detail-icon"},N("div",{className:"container"},N("div",{className:"d-flex justify-content-between align-items-center w-100"},N("div",{className:"pl-xl-5 "},O?N(s.Link,{href:"/blog/[blogid]/[data_id]?blogid=".concat(i,"&data_id=").concat(O),as:"/blog/".concat(i,"/").concat(O)},N("a",null,N("button",{type:"button",className:"blog-detail-story-detail-card-btn ml-xl-4 border-0 align-items-center d-flex"},N("span",{className:"font-20 mr-2"},N("i",{className:"fas fa-angle-left"})),"\u0e15\u0e2d\u0e19\u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32"))):null),N("div",{className:"d-flex"},N("button",void 0!=w?{className:"blog-detail-story-detail-card-btn".concat(m&&m.checkMember?" active":""),type:"button",onClick:function(){y()}}:{className:"blog-detail-story-detail-card-btn".concat(m&&m.checkMember?" active":""),type:"button",onClick:function(){B(!0)}},N("img",{className:"mr-2 blog-icon-like",src:"/icon/icon-blog-like.svg"}),N("img",{className:"mr-2 blog-icon-like-y",src:"/icon/icon-blog-like-y.svg"}),m&&m.data?H(m.data.liked):0," ",k("like")),N("img",{className:"ml-3 pr-2",src:"/icon/blog-icon-eye-b.svg"}),N("span",null,k("view")," : ",H(_)),N("p",{className:"m-0 ml-3 mr-2"},k("share")," :"),N("div",{className:"mr-2"},N(g.a,{url:v.a.frontend_url+x},N("img",{src:"/icon/d-facebook.svg"}))),N("div",{className:"mr-2"},N(p.a,{url:v.a.frontend_url+x},N("img",{src:"/icon/d-twitter.svg"}))),N("div",{className:"mr-2"},N(f.a,{url:v.a.frontend_url+x},N("img",{src:"/icon/d-line.svg"}))),N("div",{className:"ml-2 mr-2 blog-head-detail-card-icon-h-prop",onClick:function(){void 0!=w?L(!0):B(!0)}},N("img",{className:"mr-2 blog-head-detail-card-icon-h-alert",src:"/icon/blog-icon-alert.svg"}),N("img",{className:"mr-2 blog-head-detail-card-icon-h-alert-b",src:"/icon/blog-icon-alert-b.svg"}))),N("div",{className:"pr-xl-5 "},C?N(s.Link,{href:"/blog/[blogid]/[data_id]?blogid=".concat(i,"&data_id=").concat(C),as:"/blog/".concat(i,"/").concat(C)},N("a",null,N("button",{type:"button",className:"blog-detail-story-detail-card-btn mr-xl-4 border-0 d-flex"},"\u0e15\u0e2d\u0e19\u0e16\u0e31\u0e14\u0e44\u0e1b",N("span",{className:"font-20 ml-2"},N("i",{className:"fas fa-angle-right"}))))):null))))),!c&&n&&n.length>1&&N(o.a.Fragment,null,N("hr",null),N(d,{data:n,blog_id:i,data_id:l,t:k})))),N(b.a,{className:"modal-cart",centered:!0,show:I,onHide:P,size:"xl"},N(b.a.Header,{closeButton:!0},N("div",null,N(b.a.Title,{className:"d-flex"},"\u0e25\u0e07\u0e0a\u0e37\u0e48\u0e2d\u0e40\u0e02\u0e49\u0e32\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a"))),N(b.a.Body,null,N(u.a,{loginBy:"modal",closeModal:P,isModal:!0}))))}},aL90:function(e,t,n){"use strict";n.r(t);var a=n("q1tI"),o=n.n(a),i=n("o0o1"),r=n.n(i),c=n("HaE+"),l=n("CafY"),s=n("4JyM"),m=n("VHXo"),d=n("gHw8"),u=n("yzAy"),b=o.a.createElement;function g(e){var t,n=e.title,o=e.writer,i=e.tags,l=e.numdata,g=e.vote_count,p=e.votes_mb,f=e.onVotes,h=e.user,v=e.blog_id,N=e.onClickVotes,y=e.followeds,w=e.onFollow,_=e.t,x=Object(a.useState)("blog-head-detail-card-f"),k=(x[0],x[1],Object(a.useState)("blog-head-detail-card-btn-ebook")),j=(k[0],k[1],Object(a.useState)("\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21")),O=(j[0],j[1],Object(a.useState)("\u0e42\u0e2b\u0e27\u0e14\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e19\u0e35\u0e49\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e2d\u0e35\u0e1a\u0e38\u0e4a\u0e04")),S=(O[0],O[1],Object(a.useState)(!1)),E=S[0],C=S[1],T=Object(a.useState)(!1),M=T[0],I=T[1],B=function(){u.a.postFollowed({writer_id:o.id,member_id:h.id}).then(function(){var e=Object(c.a)(r.a.mark((function e(t){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:f(),w();case 2:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)}))};return b("div",null,b(m.a,{handleClose:function(){return C(!1)},show:E}),b(d.a,{handleClose:function(){return I(!1)},show:M}),b("div",{className:"blog-head-detail-card"},b("div",{className:"p-2"},b("div",{className:"blog-grid-col-2-row2 mt-2 pb-2 pl-2 pr-2 align-items-center"},b("div",{className:"blog-grid-item1 pb-xl-3"},b("h4",null,_("title")," : ",n,b("span",{style:{color:"#E9C869"}}," (",l," ",_("ep"),")"))),b("div",{className:"blog-grid-item2 mt-2"},b("div",{className:"blog-head-detail-card-l"}

1,b(s.Link,{href:"/blog/writer/[idwriter]?idwriter=".concat(o.id),as:"/blog/writer/".concat(o.id)},b("a",null,b("div",{className:"blog-head-detail-card-profile"},b("div",{className:"blog-head-detail-card-profile-img mr-2",style:{backgroundImage:'url("'.concat(o.blog_writer_banners.length?function(e){var t=e.filter((function(e){return"profile"==e.mimetype&&1==e.status})).map((function(e){return{id:e.id,picture:e.picture}}));return t.length?t[0].picture:"/icon/blog-icon-user.svg"}(o.blog_writer_banners):"/icon/blog-icon-user.svg",'")')}}),b("p",{className:"blog-head-detail-card-profile-name mr-2"},_("writer")," : ",o.penname1)))),h&&h.blog_writer&&h.blog_writer.id!=o.id&&b("button",{type:"button",className:"blog-head-detail-card-f ".concat(y?" active":""),onClick:void 0!=h?B:N},b("img",{className:"mr-1 icon-blog-norti",style:{marginBottom:"1px"},src:"/icon/icon-blog-norti.svg"}),b("img",{className:"mr-1 icon-blog-norti-w",style:{marginBottom:"1px"},src:"/icon/icon-blog-norti.svg"}),"".concat(_(y?"following":"follow"))),h&&!h.blog_writer&&b("button",{type:"button",className:"blog-head-detail-card-f ".concat(y?" active":""),onClick:void 0!=h?B:N},b("img",{className:"mr-1 icon-blog-norti",style:{marginBottom:"1px"},src:"/icon/icon-blog-norti.svg"}),b("img",{className:"mr-1 icon-blog-norti-w",style:{marginBottom:"1px"},src:"/icon/icon-blog-norti.svg"}),"".concat(_(y?"following":"follow"))),!h&&b("button",{type:"button",className:"blog-head-detail-card-f ".concat(y?" active":""),onClick:void 0!=h?B:N},b("img",{className:"mr-1 icon-blog-norti",style:{marginBottom:"1px"},src:"/icon/icon-blog-norti.svg"}),b("img",{className:"mr-1 icon-blog-norti-w",style:{marginBottom:"1px"},src:"/icon/icon-blog-norti.svg"}),"".concat(_(y?"following":"follow"))))),b("div",{className:"blog-grid-item3 blog-head-detail-card-btn-col"},b("button",{type:"button",className:"blog-head-detail-card-btn-ebook ".concat(p?"active":" "),onClick:void 0!=h?function(){u.a.postVotes({group_id:v,member_id:h.id,stat:p?"unvotes":"votes"}).then(function(){var e=Object(c.a)(r.a.mark((function e(t){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:f();case 1:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)}))}:N},b("img",{className:"mr-1 blog-icon-book",style:{marginBottom:"1px"},src:"/icon/blog-icon-book-w.svg"}),b("img",{className:"mr-1 blog-icon-book-w",style:{marginBottom:"1px"},src:"/icon/blog-icon-book-w.svg"}),b("img",{className:"mr-1 blog-icon-book-g",style:{marginBottom:"1px"},src:"/icon/blog-icon-book-g.svg"}),"".concat(_(p?"vote_t":"vote")))),b("div",{className:"blog-grid-item4 blog-head-detail-card-btn-col"},b("p",{className:"m-0 mt-2"},_("voters")," : ",(t=g,Math.abs(Number(t))>=1e9?(Math.abs(Number(t))/1e9).toString().slice(0,4)+"B":Math.abs(Number(t))>=1e6?(Math.abs(Number(t))/1e6).toString().slice(0,4)+"M":Math.abs(Number(t))>=1e3?(Math.abs(Number(t))/1e3).toString().slice(0,4)+"K":Math.abs(Number(t))))),b("div",{className:"blog-grid-item5 "},b("div",{className:"d-flex m-0 mt-2 position-relative blog-tags-show-d justify-content-end"},b("div",{className:"d-flex  blog-tags-show-d-2"},b("p",{className:" m-0 p-1 pr-3 "},"TAGS :"),i.map((function(e,t){return b("div",{key:"tags".concat(e.blog_tag.id)},b(s.Link,{href:"/blog/filter?tags=".concat(e.blog_tag.id,"&blog="),as:"/blog/filter?tags=".concat(e.blog_tag.id,"&blog=")},b("a",null,b("p",{key:"tags".concat(e.blog_tag.id),className:"  text-center m-0 p-1 pr-3 pl-3 mr-2 blog-tags-show"},e.blog_tag.tag_name))))})))))))))}n("ZvZj");var p=n("y6nN"),f=n("VSVh"),h=o.a.createElement;function v(e){var t=e.blog_id,n=e.t,o=Object(a.useState)(),i=o[0],r=o[1];return Object(a.useEffect)((function(){u.a.blogProductGet(t,4).then((function(e){var t=e.data,n=[];t.rows.forEach((function(e,t){n.push(e.product)})),r(n)})).catch((function(e){console.log(e.response)}))}),[]),h("div",null,i&&!!i.length&&h("div",{className:"blog-show-product pt-4"},h("div",{className:""},h("div",null,h("div",{className:"row mt-5"},h("div",{className:"col-3"}),h("div",{className:"col-6 blog-popular"},h("h3",{className:"text-center"},n("related_products"))),h("div",{className:"col-3 blog-popular-col-btn"},h(s.Link,{href:"/blog/[blogid]/related?blogid=".concat(t),as:"/blog/".concat(t,"/related")},h("a",null,h("button",{className:"blog-popular-btn w-125px",type:"button"},n("view_all")))))),h("div",{className:"d-none d-xl-block"},h("div",{className:"row mt-3"},i.map((function(e,t){return h(f.a,{product:e,key:e.id,classes:"pb-5  mb-6",show:4})})))),h("div",{className:"d-block d-xl-none"},h("div",{className:"row "},i.map((function(e,t){return h(f.a,{product:e,key:e.id,classes:"pb-5  mb-6",show:3})}))))))))}n("2NGl"),n("j8ru");var N=n("b+jL"),y=n("nOHt"),w=n("gdJV"),_=n("ryKu"),x=n("zM5D"),k=n("I8qh"),j=(n("8Kt/"),o.a.createElement),O=Object(s.withTranslation)("blog_group")((function(e){var t=e.t,n=Object(a.useContext)(w.b),i=n.user,m=(n.local,Object(y.useRouter)()),d=m.query.preview,b=m.query.blogid,f=Object(a.useState)(null),h=f[0],O=f[1],S=Object(a.useState)(null),E=S[0],C=S[1],T=Object(a.useState)(0),M=T[0],I=T[1],B=Object(a.useState)(null),P=B[0],A=B[1],D=Object(a.useState)(!1),L=D[0],H=D[1],R=Object(a.useState)(null),q=R[0],z=R[1],F=Object(a.useState)("ASC"),K=F[0],V=F[1],U=function(){H(!1)},Z=function(){var e=Object(c.a)(r.a.mark((function e(){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:u.a.getBlogPage(b).then(function(){var e=Object(c.a)(r.a.mark((function e(t){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t.data||s.Router.push("/blog"),O(t.data);case 2:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)}));case 1:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),J=function(e){V(e),u.a.getBlogDataPage(b,{order:e}).then(function(){var e=Object(c.a)(r.a.mark((function e(t){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:C(t.data);case 1:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)}))},G=function(){var e=Object(c.a)(r.a.mark((function e(t){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:u.a.getVotes(b,{member_id:t}).then(function(){var e=Object(c.a)(r.a.mark((function e(t){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:I(t.data.data.vote_count),A(t.data.votes_mb);case 2:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)}));case 1:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),Y=function(){var e=Object(c.a)(r.a.mark((function e(t){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:u.a.getFollowed(h&&h.writer_id,{member_id:t}).then(function(){var e=Object(c.a)(r.a.mark((function e(t){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:z(t.data);case 1:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)}));case 1:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();return Object(a.useEffect)((function(){i&&h&&(G(i.id),Y(i.id),d?null==k.a.isLoggin()?s.Router.push("/blog"):i&&!i.blog_writer?s.Router.push("/blog"):i&&i.blog_writer&&i.blog_writer.id!=h.writer_id&&s.Router.push("/blog"):1==h.status_approve&&1==h.publish_status||s.Router.push("/blog"))}),[i,h]),Object(a.useEffect)((function(){Z(),J(K)}),[]),Object(a.useEffect)((function(){document.getElementsByClassName("main-layout")[0]&&(document.getElementsByClassName("main-layout")[0].style.backgroundColor="rgb(248, 249, 250)")}),[]),j(o.a.Fragment,null,j("div",{className:"blog-blog-show"},j(l.a,{title:h?h.title:"blog",isPreview:d},h?j("div",{className:"container"},d?null:j("div",{className:"row"},j("div",{className:"col-12"},j("nav",{"aria-label":"breadcrumb"},j("ol",{className:"breadcrumb"},j("li",{className:"breadcrumb-item"},j(s.Link,{href:"/",as:"/"}

1,j("a",null,t("home")))),j("li",{className:"breadcrumb-item"},j(s.Link,{href:"/blog",as:"/blog"},j("a",null,t("blog")))),j("li",{className:"breadcrumb-item active"},j("a",null,h.title)))))),j("div",{className:"row"},j("div",{className:"col-12"},j(N.a,null,0!=h.blog_group_banners.length?h.blog_group_banners.map((function(e,t){return 0==e.type&&j(N.a.Item,{key:Math.random()},j("div",{className:"blog-pages-detail-img-l"},j("div",{className:"blog-pages-detail-img-m"},j("img",{className:"blog-pages-detail-img-s",src:e.picture}))))})):j(N.a.Item,null,j("div",{className:"blog-pages-detail-img-l"},j("div",{className:"blog-pages-detail-img-m"},j("img",{className:"blog-pages-detail-img-s",src:"/icon/blog-icon-banner.svg"}))))))),j("div",{className:"row mt-4 pb-4"},j("div",{className:"col-12"},j(g,{title:h.title,writer:h.blog_writer,tags:h.blog_group_tags,numdata:E&&E.length,blog_id:b,user:i,vote_count:M,votes_mb:P,onVotes:function(){return G(i.id)},onClickVotes:function(){H(!0)},followeds:q,onFollow:function(){return Y(i.id)},t:t}))),j("div",{className:"row pr-5 pl-5"},j("div",{className:"col-12 pr-5 pl-5"})),d?j("div",{style:{height:"280px"}}):j("div",{className:"row pb-4"},j("div",{className:"col-12 "},j(p.a,{head:!0,page:!0,data1:E&&E,blog_id:h.id,onFillterBy:function(e){return J(e)},orderb:K,title:h.title,writer:h.blog_writer})))):null,j(x.a,{className:"modal-cart",centered:!0,show:L,onHide:U,size:"xl"},j(x.a.Header,{closeButton:!0},j("div",null,j(x.a.Title,{className:"d-flex"},"\u0e25\u0e07\u0e0a\u0e37\u0e48\u0e2d\u0e40\u0e02\u0e49\u0e32\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a"))),j(x.a.Body,null,j(_.a,{loginBy:"modal",closeModal:U,isModal:!0}))),j("div",{className:"blog-blogid-blog "},j("div",{className:"container"},j("div",{className:"row"},j("div",{className:"col-12"},j(v,{blog_id:b,t:t}))))))))})),S=n("gwnE"),E=n("zzJV"),C=n("kQju"),T=o.a.createElement;function M(e){var t,n=e.title,o=e.writer,i=e.tags,l=e.numdata,m=e.vote_count,d=e.votes_mb,b=e.onVotes,g=e.user,p=e.blog_id,f=e.onClickVotes,h=e.followeds,v=e.onFollow,N=e.t,y=Object(a.useState)("blog-head-detail-card-f"),w=(y[0],y[1],Object(a.useState)("blog-head-detail-card-btn-ebook")),_=(w[0],w[1],Object(a.useState)("\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21")),x=(_[0],_[1],Object(a.useState)("\u0e42\u0e2b\u0e27\u0e14\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e19\u0e35\u0e49\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e2d\u0e35\u0e1a\u0e38\u0e4a\u0e04")),k=(x[0],x[1],Object(a.useState)(!1)),j=(k[0],k[1],Object(a.useState)(!1)),O=j[0],S=j[1],E=function(){u.a.postFollowed({writer_id:o.id,member_id:g.id}).then(function(){var e=Object(c.a)(r.a.mark((function e(t){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:b(),v();case 2:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)}))};return T("div",null,T(C.a,{handleClose:function(){return S(!1)},show:O}),T("div",{className:"blog-head-detail-card"},T("div",{className:"p-3"},T("h4",{className:"font-24"},N("title")," : ",n,T("span",{style:{color:"#E9C869"}}," (",l," \u0e15\u0e2d\u0e19)")),T("div",{className:"blog-head-detail-card-l"},T(s.Link,{href:"/blog/writer/[idwriter]?idwriter=".concat(o.id),as:"/blog/writer/".concat(o.id)},T("a",null,T("div",{className:"blog-head-detail-card-profile"},T("div",{className:"blog-head-detail-card-profile-img mr-2",style:{backgroundImage:'url("'.concat(o.blog_writer_banners.length?function(e){var t=e.filter((function(e){return"profile"==e.mimetype&&1==e.status})).map((function(e){return{id:e.id,picture:e.picture}}));return t.length?t[0].picture:"/mobile/icon/blog/blog-icon-user.svg"}(o.blog_writer_banners):"/mobile/icon/blog/blog-icon-user.svg",'")')}}),T("p",{className:"blog-head-detail-card-profile-name mr-2"},N("writer")," : ",o.penname1)))),g&&g.blog_writer&&g.blog_writer.id!=o.id&&T("button",{type:"button",className:"blog-head-detail-card-f ".concat(h?" active":""),onClick:void 0!=g?E:f},T("img",{className:"mr-1 icon-blog-norti",style:{marginBottom:"1px"},src:"/mobile/icon/blog/icon-blog-norti.svg"}),T("img",{className:"mr-1 icon-blog-norti-w",style:{marginBottom:"1px"},src:"/mobile/icon/blog/icon-blog-norti.svg"}),"".concat(N(h?"following":"follow"))),g&&!g.blog_writer&&T("button",{type:"button",className:"blog-head-detail-card-f ".concat(h?" active":""),onClick:void 0!=g?E:f},T("img",{className:"mr-1 icon-blog-norti",style:{marginBottom:"1px"},src:"/mobile/icon/blog/icon-blog-norti.svg"}),T("img",{className:"mr-1 icon-blog-norti-w",style:{marginBottom:"1px"},src:"/mobile/icon/blog/icon-blog-norti.svg"}),"".concat(N(h?"following":"follow"))),!g&&T("button",{type:"button",className:"blog-head-detail-card-f ".concat(h?" active":""),onClick:void 0!=g?E:f},T("img",{className:"mr-1 icon-blog-norti",style:{marginBottom:"1px"},src:"/mobile/icon/blog/icon-blog-norti.svg"}),T("img",{className:"mr-1 icon-blog-norti-w",style:{marginBottom:"1px"},src:"/mobile/icon/blog/icon-blog-norti.svg"}),"".concat(N(h?"following":"follow")))),T("hr",{style:{width:"95%"}}),T("div",{className:" m-0 mt-2 mb-3"},T("div",{className:"d-flex blog-tags-show-d-2"},T("p",{className:" m-0 p-1 pr-3 font-16 "},"TAGS :"),i.map((function(e,t){return T("div",{key:"tags".concat(e.blog_tag.id)},T(s.Link,{href:"/blog/filter?tags=".concat(e.blog_tag.id),as:"/blog/filter?tags=".concat(e.blog_tag.id)},T("a",null,T("p",{key:"tags".concat(e.blog_tag.id),className:"  text-center m-0 p-0 pr-3 pl-3 my-1 mr-2 blog-tags-show"},e.blog_tag.tag_name))))})))),T("button",{type:"button",className:"blog-head-detail-card-btn-ebook ".concat(d?"active":" "),onClick:void 0!=g?function(){u.a.postVotes({group_id:p,member_id:g.id,stat:d?"unvotes":"votes"}).then(function(){var e=Object(c.a)(r.a.mark((function e(t){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:b();case 1:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)}))}:f},T("img",{className:"mr-1 blog-icon-book",style:{marginBottom:"1px"},src:"/mobile/icon/blog/blog-icon-book-w.svg"}),T("img",{className:"mr-1 blog-icon-book-w",style:{marginBottom:"1px"},src:"/mobile/icon/blog/blog-icon-book-w.svg"}),T("img",{className:"mr-1 blog-icon-book-g",style:{marginBottom:"1px"},src:"/mobile/icon/blog/blog-icon-book-g.svg"}),"".concat(N(d?"vote_t":"vote"))),T("p",{className:"m-0 mt-3 text-center"},N("voters")," : ",(t=m,Math.abs(Number(t))>=1e9?(Math.abs(Number(t))/1e9).toString().slice(0,4)+"B":Math.abs(Number(t))>

1=1e6?(Math.abs(Number(t))/1e6).toString().slice(0,4)+"M":Math.abs(Number(t))>=1e3?(Math.abs(Number(t))/1e3).toString().slice(0,4)+"K":Math.abs(Number(t)))))))}var I=n("97+O"),B=n("5JmO"),P=n.n(B),A=n("+r+H"),D=n.n(A),L=n("yGS9"),H=n.n(L),R='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="210" height="297" viewBox="0 0 210 297">\n<defs>\n  <clipPath id="clip-Artboard_1">\n    <rect width="210" height="297"/>\n  </clipPath>\n</defs>\n<g id="Artboard_1" data-name="Artboard \u2013 1" clip-path="url(#clip-Artboard_1)">\n  <rect width="210" height="297" fill="#fff"/>\n  <g id="Group_1" data-name="Group 1" transform="translate(30 121)" opacity="0.161">\n    <path id="Path_494" data-name="Path 494" d="M188.835,119.155c.315.254.486.4.667.537a6.838,6.838,0,0,1,2.914,7.419,7.365,7.365,0,0,1-6.594,5.765c-3.024.193-6.067.17-9.1.119a3.7,3.7,0,0,1-3.624-3.9q.1-9.022,0-18.046a3.875,3.875,0,0,1,4.017-4.009q3.46-.029,6.92,0a7.259,7.259,0,0,1,7.152,5.255,6.274,6.274,0,0,1-1.678,6.362A5.845,5.845,0,0,1,188.835,119.155Zm-12.742,1.8c0,2.633-.035,5.165.019,7.694a1.61,1.61,0,0,0,1.742,1.491c2.305.01,4.612.02,6.918,0a4.6,4.6,0,1,0-.034-9.18c-1.839-.017-3.678,0-5.517,0Zm-.005-2.014a2.54,2.54,0,0,1,2.192-.9c1.983.045,3.968.04,5.951.006a4.2,4.2,0,0,0,4.188-3.8,3.857,3.857,0,0,0-3.464-4.129,65.112,65.112,0,0,0-7.5-.144,1.374,1.374,0,0,0-1.345,1.385C176.057,113.883,176.088,116.412,176.088,118.941Z" transform="translate(-111.272 -77.643)" fill="#989898"/>\n    <path id="Path_495" data-name="Path 495" d="M301.306,78.516c0,1.928.005,3.855,0,5.783,0,1.442-.527,2.065-1.749,2.113a2.647,2.647,0,0,1-2.672-2.157c-.036-1.4-.041-2.805,0-4.206.021-.7-.163-1.005-.923-.976-1.312.052-2.628.006-3.942.017a1.649,1.649,0,0,0-1.849,1.824c-.012,1.226,0,2.453-.006,3.68a1.6,1.6,0,0,1-1.516,1.791,2.727,2.727,0,0,1-2.951-2.444c-.015-3.8-.051-7.595.006-11.391a7.8,7.8,0,1,1,15.6.094C301.337,74.6,301.3,76.559,301.306,78.516ZM290.1,75.091c1.98,0,3.785.087,5.571-.063.431-.036.954-.8,1.145-1.332a3.459,3.459,0,0,0-.061-1.722,3.359,3.359,0,0,0-3.114-2.727,3.2,3.2,0,0,0-3.264,2.4A22.2,22.2,0,0,0,290.1,75.091Z" transform="translate(-151.733 -62.434)" fill="#989898"/>\n    <path id="Path_496" data-name="Path 496" d="M205.6,73.463c1.835,0,3.525.029,5.213-.012a1.57,1.57,0,0,0,1.443-1.682c.026-1.46,0-2.921.015-4.382a1.666,1.666,0,0,1,2.005-1.819,2.608,2.608,0,0,1,2.411,2.522q.01,8.368,0,16.737a1.754,1.754,0,0,1-2.534,1.769,2.51,2.51,0,0,1-1.886-2.612c-.005-1.636,0-3.272,0-4.908,0-.342-.044-.684-.072-1.1-1.795,0-3.514-.038-5.231.017a1.547,1.547,0,0,0-1.357,1.656c-.012,1.723,0,3.446-.006,5.17A1.794,1.794,0,0,1,203.37,86.7a2.679,2.679,0,0,1-2.25-2.6q0-8.324,0-16.65a1.737,1.737,0,0,1,2.126-1.882,2.734,2.734,0,0,1,2.354,2.61C205.6,69.9,205.6,71.615,205.6,73.463Z" transform="translate(-121.344 -62.738)" fill="#989898"/>\n    <path id="Path_497" data-name="Path 497" d="M230.058,73.745c0-2.1-.012-4.2,0-6.305a1.776,1.776,0,0,1,2.619-1.74,2.5,2.5,0,0,1,1.785,2.594c0,3.444-.016,6.89.015,10.333a5.877,5.877,0,0,0,.323,2.052c.732,1.868,2.291,2.512,4.726,2.071a3.609,3.609,0,0,0,2.838-3.7c.024-3.765.007-7.531.008-11.3,0-1.512.449-2.113,1.637-2.193,1.264-.086,2.779.981,2.787,2.15.028,4.2.171,8.417-.115,12.6-.29,4.23-3.832,7.043-8.082,6.966-2.717-.049-5.141-.689-6.867-2.977a7.473,7.473,0,0,1-1.658-4.513c-.015-2.014,0-4.028,0-6.042Z" transform="translate(-131.743 -62.728)" fill="#989898"/>\n    <path id="Path_498" data-name="Path 498" d="M291.556,119.6a13.332,13.332,0,0,1,6.994,7.271,18.936,18.936,0,0,1,1.033,4.395c.172,1.1-.281,1.642-1.113,1.741a1.976,1.976,0,0,1-2.024-1.546,20.019,20.019,0,0,0-.678-3.24c-1.388-3.726-4.307-5.69-8.032-6.574a38.747,38.747,0,0,0-3.89-.521v1.6q0,4.382,0,8.763c0,1.081-.281,1.465-1.108,1.52a2.017,2.017,0,0,1-1.954-1.441,5.978,5.978,0,0,1-.013-.788V108.606c0-1.281.238-1.618,1.154-1.632a1.874,1.874,0,0,1,1.917,1.746c.013,2.454-.021,4.908.028,7.361a2.763,2.763,0,0,0,.5,1.421,1.276,1.276,0,0,0,.977.45,13.046,13.046,0,0,0,8.222-3.223,9.262,9.262,0,0,0,2.895-6.283c.113-1.241.362-1.491,1.24-1.471.97.021,1.931.824,1.8,1.746a14.624,14.624,0,0,1-.963,4.039,12.465,12.465,0,0,1-6.695,6.6A1.755,1.755,0,0,0,291.556,119.6Z" transform="translate(-149.968 -77.626)" fill="#989898"/>\n    <path id="Path_499" data-name="Path 499" d="M177.45,75.725c0,1.227-.022,2.453.006,3.679a3.1,3.1,0,0,0,6.172.5,2.787,2.787,0,0,1,2.762-2.211,1.67,1.67,0,0,1,1.765,1.836,7.187,7.187,0,0,1-5.374,7.029,7.565,7.565,0,0,1-8.728-3.861,9.108,9.108,0,0,1-1.011-3.569,57.575,57.575,0,0,1,.124-7.776,7.624,7.624,0,0,1,7.671-6.649,7.534,7.534,0,0,1,7.491,6.608c.008.058.013.116.021.174.21,1.61-.167,2.327-1.357,2.58a3.027,3.027,0,0,1-2.953-1.881c-.091-.306-.142-.623-.224-.932a3.048,3.048,0,0,0-3.4-2.5,3.455,3.455,0,0,0-2.967,3.289c0,.058,0,.117,0,.176Z" transform="translate(-111.227 -62.434)" fill="#989898"/>\n    <path id="Path_500" data-name="Path 500" d="M260.543,75.115q0-3.851,0-7.7a1.663,1.663,0,0,1,1.988-1.837A2.676,2.676,0,0,1,265,68.236q0,5.516,

10,11.031c0,2.358.608,2.969,2.934,2.97,1.43,0,2.86-.012,4.289,0a2.687,2.687,0,0,1,2.356,3.147,1.58,1.58,0,0,1-1.641,1.3c-2.889.006-5.78.067-8.666-.023a3.756,3.756,0,0,1-3.73-4.016Q260.538,78.88,260.543,75.115Z" transform="translate(-142.701 -62.744)" fill="#989898"/>\n    <path id="Path_501" data-name="Path 501" d="M254.288,107.613h-1A9.688,9.688,0,0,0,243.6,117.3v6.255a9.688,9.688,0,0,0,9.688,9.688h1a9.688,9.688,0,0,0,9.688-9.688V117.3A9.688,9.688,0,0,0,254.288,107.613Zm3.394,21.586a8.22,8.22,0,0,1-8.2-.211,4.713,4.713,0,0,1-2.56-4.378c.021-1.43,0-2.862,0-4.293,0-1.344.02-2.687-.005-4.031a4.834,4.834,0,0,1,2.44-4.364,8.408,8.408,0,0,1,9.443.467,4.561,4.561,0,0,1,1.8,3.719c-.024,2.746-.064,5.492.012,8.236A4.919,4.919,0,0,1,257.682,129.2Z" transform="translate(-136.612 -77.856)" fill="#989898"/>\n    <path id="Path_502" data-name="Path 502" d="M218.495,107.613h-1a9.688,9.688,0,0,0-9.688,9.688v6.255a9.688,9.688,0,0,0,9.688,9.688h1a9.688,9.688,0,0,0,9.688-9.688V117.3A9.688,9.688,0,0,0,218.495,107.613Zm3.394,21.586a8.22,8.22,0,0,1-8.2-.211,4.714,4.714,0,0,1-2.56-4.378c.021-1.43,0-2.862,0-4.293,0-1.344.02-2.687-.005-4.031a4.835,4.835,0,0,1,2.44-4.364,8.409,8.409,0,0,1,9.444.467,4.563,4.563,0,0,1,1.8,3.719c-.024,2.746-.064,5.492.011,8.236A4.919,4.919,0,0,1,221.889,129.2Z" transform="translate(-123.748 -77.856)" fill="#989898"/>\n    <path id="Path_503" data-name="Path 503" d="M109.985,61.161A11.919,11.919,0,1,0,121.9,73.08,11.919,11.919,0,0,0,109.985,61.161ZM114.1,81.975l-4.2-14.153-4.042,14.146a9.64,9.64,0,1,1,8.244.007Z" transform="translate(-84.307 -61.161)" fill="#989898"/>\n    <ellipse id="Ellipse_1" data-name="Ellipse 1" cx="4.382" cy="2.103" rx="4.382" ry="2.103" transform="translate(21.384 25.591)" fill="#989898"/>\n    <path id="Path_504" data-name="Path 504" d="M90.568,121.089c1.234,3.035,8.29,5.361,16.81,5.361,8.7,0,15.871-2.427,16.877-5.555a69.181,69.181,0,0,1-17.227,2.05A70.052,70.052,0,0,1,90.568,121.089Z" transform="translate(-81.612 -82.629)" fill="#989898"/>\n    <path id="Path_505" data-name="Path 505" d="M107.352,109.865c-8.646,0-15.779,2.4-16.857,5.5A70,70,0,0,0,107,117.227,69.291,69.291,0,0,0,124.15,115.2C122.884,112.178,115.846,109.865,107.352,109.865Z" transform="translate(-81.586 -78.665)" fill="#989898"/>\n    <path id="Path_506" data-name="Path 506" d="M102.178,141.929s-4.557-5.258-10.166-7.011a26.467,26.467,0,0,0-10.517-1.051l-4.908,8.764h51.532l-2.1-3.506a18,18,0,0,0-8.063-2.453,19.857,19.857,0,0,0-8.764,1.4,14.989,14.989,0,0,1,8.414-3.156c5.258-.35,7.362,2.454,7.362,2.454l-1.052-2.1s-1.4-1.4-6.31-1.4S107.085,137.372,102.178,141.929Z" transform="translate(-76.587 -87.242)" fill="#989898"/>\n  </g>\n</g>\n</svg>\n',q=o.a.createElement;function z(e){var t=e.status,n=e.data,o=e.title,i=e.writer,r=Object(a.useState)('\n<p>&nbsp; &nbsp; \u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e02\u0e2d\u0e1a\u0e08\u0e31\u0e01\u0e23\u0e27\u0e32\u0e25\u0e02\u0e2d\u0e07\u0e43\u0e04\u0e23\u0e2a\u0e31\u0e01\u0e04\u0e19 \u0e19\u0e32\u0e07\u0e2b\u0e34\u0e21\u0e30 \u0e2b\u0e21\u0e35\u0e02\u0e32\u0e27 \u0e41\u0e25\u0e30\u0e25\u0e39\u0e01\u0e41\u0e21\u0e27\u0e19\u0e49\u0e33 \u0e2d\u0e32\u0e28\u0e31\u0e22\u0e2d\u0e22\u0e39\u0e48\u0e1a\u0e19\u0e41\u0e1c\u0e48\u0e19\u0e19\u0e49\u0e33\u0e41\u0e02\u0e47\u0e07\u0e41\u0e1c\u0e48\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07 \u0e25\u0e2d\u0e22\u0e40\u0e17\u0e49\u0e07\u0e40\u0e15\u0e49\u0e07\u0e01\u0e25\u0e32\u0e07\u0e21\u0e2b\u0e32\u0e2a\u0e21\u0e38\u0e17\u0e23\u0e02\u0e2d\u0e07\u0e08\u0e31\u0e01\u0e23\u0e27\u0e32\u0e25 \u0e2b\u0e19\u0e32\u0e27 \u0e41\u0e15\u0e48\u0e44\u0e21\u0e48\u0e40\u0e2b\u0e19\u0e47\u0e1a</p>\n<p>&nbsp;</p><p>&nbsp; &nbsp;\u0e44\u0e21\u0e48\u0e21\u0e35\u0e43\u0e04\u0e23\u0e41\u0e19\u0e48\u0e43\u0e08\u0e27\u0e48\u0e32\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e21\u0e35\u0e19\u0e32\u0e07\u0e2b\u0e34\u0e21\u0e30 \u0e08\u0e36\u0e07\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2b\u0e19\u0e32\u0e27 \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2b\u0e19\u0e32\u0e27\u0e08\u0e36\u0e07\u0e21\u0e35\u0e19\u0e32\u0e07\u0e2b\u0e34\u0e21\u0e30 \u0e41\u0e15\u0e48\u0e17\u0e31\u0e49\u0e07\u0e2a\u0e32\u0e21 \u0e19\u0e32\u0e07\u0e2b\u0e34\u0e21\u0e30\u0e2b\u0e21\u0e35\u0e02\u0e32\u0e27\u0e41\u0e25\u0e30\u0e25\u0e39\u0e01\u0e41\u0e21\u0e27\u0e19\u0e49\u0e33\u0e01\u0e47\u0e2d\u0e22\u0e39\u0e48\u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19\u0e21\u0e32\u0e40\u0e19\u0e34\u0e48\u0e19\u0e19\u0e32\u0e19</p>\n<p>&nbsp;</p><p>&nbsp; &nbsp;\u0e19\u0e32\u0e07\u0e2b\u0e34\u0e21\u0e30\u0e04\u0e37\u0e2d\u0e2b\u0e0d\u0e34\u0e07\u0e2a\u0e32\u0e27\u0e0a\u0e38\u0e14\u0e02\u0e32\u0e27 \u0e1c\u0e34\u0e27\u0e02\u0e32\u0e27\u0e40\u0e25\u0e47\u0e1a\u0e02\u0e32\u0e27 \u0e1c\u0e21\u0e02\u0e32\u0e27 \u0e02\u0e19\u0e15\u0e32\u0e02\u0e32\u0e27\u0e41\u0e15\u0e48\u0e14\u0e27\u0e07\u0e15\u0e32\u0e41\u0e25\u0e30\u0e01\u0e25\u0e35\u0e1a\u0e1b\u0e32\u0e01\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e1f\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e2a\u0e35\u0e02\u0e2d\u0e07\u0e19\u0e49\u0e33\u0e43\u0e19\u0e21\u0e2b\u0e32\u0e2a\u0e21\u0e38\u0e17\u0e23\u0e02\u0e2d\u0e07\u0e08\u0e31\u0e01\u0e23\u0e27\u0e32\u0e25 \u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e2a\u0e35\u0e1c\u0e37\u0e19\u0e1f\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e2a\u0e38\u0e14\u0e02\u0e2d\u0e1a\u0e08\u0e31\u0e01\u0e23\u0e27\u0e32\u0e25</p>\n<p>&nbsp;</p><p>&nbsp; &nbsp;\u0e2b\u0e21\u0e35\u0e02\u0e32\u0e27\u0e04\u0e37\u0e2d\u0e2b\u0e21\u0e35\u0e02\u0e32\u0e27 \u0e02\u0e19\u0e02\u0e32\u0e27 \u0e15\u0e32\u0e41\u0e25\u0e30\u0e08\u0e21\u0e39\u0e01\u0e04\u0e33\u0e0a\u0e2d\u0e1a\u0e40\u0e25\u0e48\u0e19\u0e40\u0e2d\u0e32\u0e2d\u0e38\u0e49\u0e07\u0e21\u0e37\u0e2d\u0e1b\u0e34\u0e14\u0e08\u0e21\u0e39\u0e01\u0e41\u0e25\u0e30\u0e15\u0e32\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e27\u0e48\u0e32\u0e08\u0e30\u0e44\u0e21\u0e48\u0e21\u0e35\u0e43\u0e04\u0e23\u0e2b\u0e32\u0e15\u0e19\u0e40\u0e2d\u0e07\u0e40\u0e08\u0e2d\u0e43\u0e19\u0e14\u0e34\u0e19\u0e41\u0e14\u0e19\u0e2a\u0e35\u0e02\u0e32\u0e27</p><p>&nbsp;</p>\n<p>&nbsp; &nbsp;\u0e25\u0e39\u0e01\u0e41\u0e21\u0e27\u0e19\u0e49\u0e33\u0e04\u0e37\u0e2d\u0e25\u0e39\u0e01\u0e41\u0e21\u0e27\u0e19\u0e49\u0e33\u0e02\u0e19\u0e02\u0e32\u0e27 \u0e15\u0e32\u0e41\u0e25\u0e30\u0e08\u0e21\u0e39\u0e01\u0e14\u0e33\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e2b\u0e21\u0e35\u0e02\u0e32\u0e27 \u0e41\u0e15\u0e44\u0e21\u0e48\u0e0a\u0e2d\u0e1a\u0e40\u0e25\u0e48\u0e19\u0e40\u0e2d\u0e32\u0e21\u0e37\u0e2d\u0e1b\u0e34\u0e14\u0e08\u0e21\u0e39\u0e01\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e2b\u0e21\u0e35\u0e02\u0e32\u0e27 \u0e25\u0e39\u0e01\u0e41\u0e21\u0e27\u0e19\u0e49\u0e33\u0e1a\u0e2d\u0e01\u0e27\u0e48\u0e32\u0e21\u0e31\u0e19\u0e14\u0e39\u0e07\u0e35\u0e48\u0e40\u0e07\u0e48\u0e32</p><p>&nbsp;</p>\n<p>&nbsp; &nbsp;\u0e2b\u0e21\u0e35\u0e02\u0e32\u0e27\u0e44\u0e21\u0e48\u0e42\u0e01\u0e23\u0e18 \u0e41\u0e01\u0e48\u0e04\u0e34\u0e14\u0e27\u0e48\u0e32\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e25\u0e39\u0e01\u0e41\u0e21\u0e27\u0e19\u0e49\u0e33\u0e40\u0e2d\u0e37\u0e49\u0e2d\u0e21\u0e21\u0e37\u0e2d\u0e21\u0e32\u0e1b\u0e34\u0e14\u0e08\u0e21\u0e39\u0e01\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22\u0e1e\u0e39\u0e14\u0e41\u0e1a\u0e1a\u0e19\u0e31\u0e49\u0e19\u0e41\u0e15\u0e48\u0e19\u0e31\u0e48\u0e19\u0e41\u0e2b\u0e25\u0e30\u0e17\u0e35\u0e48\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e25\u0e39\u0e01\u0e41\u0e21\u0e27\u0e19\u0e49\u0e33\u0e07\u0e2d\u0e19\u0e15\u0e38\u0e4a\u0e1a\u0e1b\u0e2d\u0e07</p><p>&nbsp;</p>\n<p>&nbsp; &nbsp;

1\u0e41\u0e25\u0e30\u0e17\u0e38\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48\u0e25\u0e39\u0e01\u0e41\u0e21\u0e27\u0e19\u0e49\u0e33\u0e07\u0e2d\u0e19\u0e08\u0e19\u0e15\u0e31\u0e27\u0e01\u0e25\u0e21 \u0e19\u0e32\u0e07\u0e2b\u0e34\u0e21\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e43\u0e2b\u0e49\u0e2b\u0e34\u0e21\u0e30\u0e15\u0e01\u0e25\u0e07\u0e21\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e17\u0e35\u0e48\u0e2b\u0e21\u0e35\u0e02\u0e32\u0e27\u0e08\u0e30\u0e1b\u0e31\u0e49\u0e19\u0e2a\u0e42\u0e19\u0e27\u0e4c\u0e41\u0e21\u0e19\u0e07\u0e49\u0e2d\u0e25\u0e39\u0e01\u0e41\u0e21\u0e27\u0e19\u0e49\u0e33</p>\n<figure class="image"><img src="http://192.168.6.19:8080/upload/images/1594490302059.jpg"></figure>\n\n'),c=(r[0],r[1],Object(a.useState)()),l=c[0],s=c[1];function m(e,t){var n=new XMLHttpRequest;n.open("get",e),n.responseType="blob",n.onload=function(){var e=new FileReader;e.onload=function(){t(this.result)},e.readAsDataURL(n.response)},n.send()}return Object(a.useEffect)((function(){for(var e=document.getElementById("pdf".concat(n.id)),t=e.getElementsByTagName("IMG"),a=e.getElementsByClassName("image"),o=function(o){var i=t[o];m(i.src,(function(t){var r=document.createElement("IMG");if(r.setAttribute("id","imgResutl".concat(o+1,"-").concat(n.id)),a[o].appendChild(r),""!=a[o].style.width)var c=parseInt(a[o].style.width)/100*595;var l=document.getElementById("imgResutl".concat(o+1,"-").concat(n.id));if(l){l.src=t,l.style.margin="1em auto",l.style.margin="0 auto",l.style.maxWidth="100%",l.style.minWidth="50px",""!=a[o].style.width?l.style.width="".concat(c,"px"):l.style.width="630px";var s=document.createElement("canvas");s.width=i.naturalWidth,s.height=i.naturalHeight,s.getContext("2d").drawImage(i,0,0)}i.remove();var m=e.getElementsByClassName("image-style-align-left");if(m.length)for(var d=0;d<m.length;d++)m[d].getElementsByTagName("IMG")[0].setAttribute("class","images");var u=e.getElementsByClassName("image-style-align-right");if(u.length)for(var b=0;b<u.length;b++)u[b].getElementsByTagName("IMG")[0].setAttribute("class","imagesR")}))},i=0;i<a.length;i++)o(i);var r=document.getElementById("imglogo".concat(n.id));r&&m(r.src,(function(e){s(e),r.remove()}));var c=document.querySelectorAll("oembed[url]");document.querySelectorAll('figure[class="media"]').forEach((function(e,t){c[t]&&(e.innerHTML='<a style="color:gray;text-align: center;" href="'.concat(c[t].getAttribute("url"),'" >').concat(c[t].getAttribute("url"),"<a/>"))}));for(var l=[{name:"P"},{name:"H1"},{name:"H2"},{name:"H3"},{name:"H4"},{name:"H5"},{name:"SPAN"}],d=0;d<l.length;d++){var u=e.getElementsByTagName(l[d].name);if(u)for(var b=0;b<u.length;b++)for(var g=0;g<u[b].innerHTML.length;g++)u[b].innerHTML.charCodeAt(g)>1e4&&(u[b].innerHTML=u[b].innerHTML.replace(u[b].innerHTML[g]," "))}}),[]),q("div",null,q("div",{className:"d-none",id:"pdft".concat(n.id)},q("img",{id:"imglogo".concat(n.id),src:"/mobile/image/logo.jpg"}),q("div",{id:"pdf".concat(n.id),dangerouslySetInnerHTML:{__html:n.content}})),q("div",0==t?{className:"blog-btn-download-pdf-g blog-data-col-2"}:{className:"blog-btn-download-pdf blog-data-col-2",onClick:function(){!function(e){var t=new Date,a=(t.getDate(),t.getMonth(),t.getFullYear(),document.getElementById("pdft".concat(n.id)).outerHTML),r=H()(a,{defaultStyles:{p:{margin:[0,5,0,10]}}}),c={pageSize:"A4",background:[{svg:R,width:595,height:842}],pageMargins:[56,30,56,30],footer:function(e,t){return{columns:[{alignment:"right",text:["page ",{text:e.toString()}," of ",{text:t.toString()}]}],margin:[10,10]}},content:[{columns:[{layout:"noBorders",table:{body:[[{text:"\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07 : ".concat(o)}],[{text:"\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e35\u0e22\u0e19 : ".concat(i.penname1),fontSize:10,color:"#555559"}]]}},{image:l,width:50,alignment:"right"}],columnGap:10},{layout:"noBorders",table:{widths:["100%"],body:[[{text:""}],[{text:"\u0e15\u0e2d\u0e19\u0e17\u0e35\u0e48 : ".concat(n.index," ").concat(n.title),alignment:"center",fillColor:"#FBF4E1"}],[{text:""}]]}},r],defaultStyle:{font:"CHULALONGKORN"},styles:{image:{alignment:"center",italics:!0},images:{alignment:"left",italics:!0},imagesR:{alignment:"right",italics:!0},headpdf:{widths:100}}};P.a.createPdf(c).download("\u0e15\u0e2d\u0e19\u0e17\u0e35\u0e48 ".concat(n.index," ").concat(n.title,".pdf"))}()}},q("img",{src:"/mobile/icon/blog/blog-icon-download-w.svg"})))}P.a.vfs=D.a.pdfMake.vfs,P.a.fonts={CHULALONGKORN:{normal:"Kanit-Regular.ttf",bold:"Kanit-Bold.ttf",italics:"Kanit-Italic.ttf",bolditalics:"Kanit-BoldItalic.ttf"},Roboto:{normal:"Roboto-Regular.ttf",bold:"Roboto-Medium.ttf",italics:"Roboto-Italic.ttf",bolditalics:"Roboto-MediumItalic.ttf"}};var F=o.a.createElement;var K=Object(s.withTranslation)("blog_data_table")((function(e){var t=e.data1,n=e.blog_id,a=e.onFillterBy,o=e.orderb,i=e.title,r=e.writer,c=e.t;function l(e){return Math.abs(Number(e))>=1e9?(Math.abs(Number(e))/1e9).toString().slice(0,4)+"B":Math.abs(Number(e))>

1=1e6?(Math.abs(Number(e))/1e6).toString().slice(0,4)+"M":Math.abs(Number(e))>=1e3?(Math.abs(Number(e))/1e3).toString().slice(0,4)+"K":Math.abs(Number(e))}return F("div",null,F("div",{className:"blog-story-head p-3 d-flex"},F("p",{className:"m-0 font-weight-600"},c("table_contents"))," ",F("div",{className:"blog-story-data-ep"},t&&t.length," ",c("ep")),F(I.a,{className:"blog-btn-dropdown blog-dropdown"},F(I.a.Toggle,{className:"btn dropdown-toggle btn-fill blog-btn-dropdown"},c("ASC"==o?"sort_asc":"sort_desc")),F(I.a.Menu,null,F("a",{className:"dropdown-item ".concat("ASC"==o?" active":""),onClick:function(){a("ASC")}},c("sort_asc")),F("a",{className:"dropdown-item ".concat("DESC"==o?" active":""),onClick:function(){a("DESC")}},c("sort_desc"))))),t&&0!=t.length&&t.map((function(e,t){return F("div",{key:e.id,className:"d-flex align-items-center position-relative blog-border-bottom"},F(s.Link,{href:"/blog/[blogid]/[data_id]?data_id=".concat(e.id,"&blogid=").concat(n),as:"/blog/".concat(n,"/").concat(e.id)},F("a",null,F("div",{className:"p-3 pb-1 blog-story-item"},F("p",{className:"font-weight-600 mb-2"},e.index,".",e.title),F("div",{className:"blog-data-grid"},F("div",{className:"d-flex align-items-center blog-data-col-1"},F("img",{className:"mr-2",src:"/mobile/icon/blog/blog-icon-clock-g.svg"}),F("p",{className:"mb-0 mr-2"},function(e){var t=new Date(e),n=""+(t.getMonth()+1),a=""+t.getDate(),o=t.getFullYear();return n.length<2&&(n="0"+n),a.length<2&&(a="0"+a),[a,n,o+543].join("-")}(e.updatedAt)),F("img",{className:"mr-2",src:"/mobile/icon/blog/blog-icon-eye-g-2.svg"}),F("p",{className:"mb-0 mr-2"},l(e.blog_data_stat.viewed)),F("img",{className:"mr-2",src:"/mobile/icon/blog/blog-icon-message-g.svg"}),F("p",{className:"mb-0 mr-2"},l(e.blog_data_stat.comments))))))),F("div",{className:"blog-btn-download-pdf-div"},F(z,{status:e.pdf_status,data:e,title:i,writer:r})))})))})),V=n("08ds"),U=o.a.createElement;function Z(e,t){var n;if("undefined"===typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"===typeof e)return J(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return J(e,t)}(e))||t&&e&&"number"===typeof e.length){n&&(e=n);var a=0,o=function(){};return{s:o,n:function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,r=!0,c=!1;return{s:function(){n=e[Symbol.iterator]()},n:function(){var e=n.next();return r=e.done,e},e:function(e){c=!0,i=e},f:function(){try{r||null==n.return||n.return()}finally{if(c)throw i}}}}function J(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var G=Object(s.withTranslation)("mobile_blog_group")((function(e){var t=e.t,n=Object(a.useContext)(w.b),i=n.user,m=(n.handleCart,n.fetchUser,n.onSocket,Object(a.useState)(!1)),d=m[0],b=m[1],g=Object(y.useRouter)(),p=g.query.preview,f=g.query.blogid,h=Object(a.useState)(null),v=h[0],N=h[1],_=Object(a.useState)(null),x=_[0],j=_[1],O=Object(a.useState)(0),C=O[0],T=O[1],I=Object(a.useState)(null),B=I[0],P=I[1],A=Object(a.useState)(!1),D=(A[0],A[1],Object(a.useState)(null)),L=D[0],H=D[1],R=Object(a.useState)("ASC"),q=R[0],z=R[1],F=Object(a.useState)(),J=F[0],G=F[1],Y=Object(a.useState)(),Q=Y[0],X=Y[1],W=function(e){z(e),u.a.getBlogDataPage(f,{order:e}).then(function(){var e=Object(c.a)(r.a.mark((function e(t){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:j(t.data);case 1:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)}))},$=function(){var e=Object(c.a)(r.a.mark((function e(t){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:u.a.getVotes(f,{member_id:t}).then(function(){var e=Object(c.a)(r.a.mark((function e(t){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:T(t.data.data.vote_count),P(t.data.votes_mb);case 2:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)}));case 1:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),ee=function(){var e=Object(c.a)(r.a.mark((function e(t){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:u.a.getFollowed(v&&v.writer_id,{member_id:t}).then(function(){var e=Object(c.a)(r.a.mark((function e(t){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:H(t.data);case 1:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)}));case 1:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();Object(a.useEffect)((function(){i&&v&&($(i.id),ee(i.id),p?null==k.a.isLoggin()?s.Router.push("/blog"):i&&!i.blog_writer?s.Router.push("/blog"):i&&i.blog_writer&&i.blog_writer.id!=v.writer_id&&s.Router.push("/blog"):1==v.status_approve&&1==v.publish_status||s.Router.push("/blog"))}),[i,v]),Object(a.useEffect)((function(){u.a.getBlogPage(f).then(function(){var e=Object(c.a)(r.a.mark((function e(t){var n,a,o,i,c,l;return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n=t.data,N(n),a=n.blog_group_banners.filter((function(e){return 1==e.type})).map((function(e){return e.picture})),o=[],i=Z(a);try{for(i.s();!(c=i.n()).done;)l=c.value,o.push({src:l,altText:l,caption:l,header:"Header"})}catch(r){i.e(r)}finally{i.f()}o.length?G(o):G([{src:"/mobile/icon/blog/blog-icon-banner.svg",altText:"Slide 3",caption:"Slide 3",header:"Slide 3 Header"}]);case 7:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)})),u.a.blogProductGet(f,4).then((function(e){var t=e.data,n=[];t.rows.forEach((function(e,t){n.push(e.product)})),X(n)})).catch((function(e){console.log(e.response)})),W(q)}),[]);return U(o.a.Fragment,null,U("div",null,U(l.a,{className:"mb-5"},U("div",{className:"product-book-nav"},U(s.Link,{href:"/blog"},U("a",{className:"btn-back row",style:{flex:" 0 0 auto"}},U("img",{className:"img-fluid ml-2",src:"/mobile/image/icon/icon-back.svg"}))),U("div",{className:"d-flex justify-content-between "},U("a",{className:"btn-share mr-3",onClick:function(e){try{navigator.share(!!v&&{title:v.title,url:"https://chulabook.com/blog/".concat(f)})}catch(t){console.log(t)}}},U("img",{className:"",src:"/mobile/image/icon/icon-share.svg"})),i?U(s.Link,{href:"/user/cart"},U("a",{className:"btn-cart mr-3 img-cart"},U("img",{className:"",src:"/mobile/image/icon/icon-cart.svg"}

1),i&&0!=i.cart.length?i.cart.length>9?U("span",null,"9",U("span",null,"+")):U("span",null,i.cart.length):"")):U(s.Link,{href:"/login"},U("a",{className:"btn-cart mr-3"},U("img",{className:"",src:"/mobile/image/icon/icon-cart.svg"}))),U("a",{className:"btn-info-info",onClick:function(){return b(!d)}},U("img",{className:"",src:"/mobile/image/icon/icon-info.svg"}))),U(S.a,{in:d,className:"dropdown-info"},U(s.Link,{href:"/"},U("a",{className:"text-default"},U("p",{className:"text-black mb-1"},"\u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01"))),i&&U(s.Link,{href:"/user/favorite"},U("a",{className:"text-default"},U("p",{className:"text-black mb-1"},"\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e0a\u0e2d\u0e1a"))),U(s.Link,{href:"/categories"},U("a",{className:"text-default"},U("p",{className:"text-black mb-1"},"\u0e04\u0e49\u0e19\u0e2b\u0e32"))),i&&U(s.Link,{href:"/user/dashboard"},U("a",{className:"text-default"},U("p",{className:"text-black mb-1"},"\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e02\u0e2d\u0e07\u0e09\u0e31\u0e19"))))),U("div",{className:"h-64px"}),v&&U("div",{className:"bg-light-less-gray"},J&&U(E.a,{items:J}),U(M,{t:t,title:v.title,writer:v.blog_writer,tags:v.blog_group_tags,numdata:x&&x.length,blog_id:f,user:i,vote_count:C,votes_mb:B,onVotes:function(){return $(i.id)},onClickVotes:function(){s.Router.push("/login?redirect=/blog/".concat(f))},followeds:L,onFollow:function(){return ee(i.id)}}),U("div",{className:"all-card-book-none-text-left bg-white my-3"},U(K,{data1:x&&x,blog_id:v.id,onFillterBy:function(e){return W(e)},orderb:q,title:v.title,writer:v.blog_writer})),Q&&Q.length?U(o.a.Fragment,null,U("div",{className:"container"},U("hr",{className:" product-content-line my-2"})),U("div",{className:"all-card-book-none-text-left  bg-white"},U("div",{className:"container py-3"},U("div",{className:"d-flex justify-content-between"},U("div",null,"  ",U("h4",{className:"text-black"},t("related_products"))),U(s.Link,{href:"/blog/[blogid]/related?blogid=".concat(f),as:"/blog/".concat(f,"/related")},U("a",null,U("p",{className:"blog-text-yellow see-all-link"},t("view_all")," ")))),U("div",{className:"d-flex justify-content-between flex-wrap p-2"},Q.map((function(e,t){return U(V.a,{product:e,show:2,_class:"my-2",key:t})})))),U("div",{className:"footer-space"}))):U("div",{className:"footer-space"})))))})),Y=n("pAy3"),Q=o.a.createElement;t.default=function(e){e.t;var t=Object(Y.a)(992);return Q(o.a.Fragment,null,Q(t?G:O,null))}},e8hg:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog/[blogid]/[data_id]",function(){return n("5lRg")}])},fJMJ:function(e,t,n){"use strict";var a=n("mAUT"),o=n("ELrk"),i=n("sDqW"),r=n("BRRx"),c=n("tEjU"),l=n("q1tI"),s=n.n(l),m=n("17x9"),d=n.n(m),u=n("TSYQ"),b=n.n(u),g=n("1jjB"),p=n("33Jr"),f=["in","children","cssModule","slide","tag","className"];function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){Object(a.a)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={startAnimation:!1},n.onEnter=n.onEnter.bind(Object(r.a)(n)),n.onEntering=n.onEntering.bind(Object(r.a)(n)),n.onExit=n.onExit.bind(Object(r.a)(n)),n.onExiting=n.onExiting.bind(Object(r.a)(n)),n.onExited=n.onExited.bind(Object(r.a)(n)),n}Object(c.a)(t,e);var n=t.prototype;return n.onEnter=function(e,t){this.setState({startAnimation:!1}),this.props.onEnter(e,t)},n.onEntering=function(e,t){var n=e.offsetHeight;return this.setState({startAnimation:!0}),this.props.onEntering(e,t),n},n.onExit=function(e){this.setState({startAnimation:!1}),this.props.onExit(e)},n.onExiting=function(e){this.setState({startAnimation:!0}),e.dispatchEvent(new CustomEvent("slide.bs.carousel")),this.props.onExiting(e)},n.onExited=function(e){e.dispatchEvent(new CustomEvent("slid.bs.carousel")),this.props.onExited(e)},n.render=function(){var e=this,t=this.props,n=t.in,a=t.children,r=t.cssModule,c=t.slide,l=t.tag,m=t.className,d=Object(i.a)(t,f);return s.a.createElement(g.Transition,Object(o.a)({},d,{enter:c,exit:c,in:n,onEnter:this.onEnter,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}),(function(t){var n=e.context.direction,o=t===p.b.ENTERED||t===p.b.EXITING,i=(t===p.b.ENTERING||t===p.b.EXITING)&&e.state.startAnimation&&("right"===n?"carousel-item-left":"carousel-item-right"),c=t===p.b.ENTERING&&("right"===n?"carousel-item-next":"carousel-item-prev"),d=Object(p.e)(b()(m,"carousel-item",o&&"active",i,c),r);return s.a.createElement(l,{className:d},a)}))},t}(s.a.Component);N.propTypes=v(v({},g.Transition.propTypes),{},{tag:p.h,in:d.a.bool,cssModule:d.a.object,children:d.a.node,slide:d.a.bool,className:d.a.string}),N.defaultProps=v(v({},g.Transition.defaultProps),{},{tag:"div",timeout:p.c.Carousel,slide:!0}),N.contextTypes={direction:d.a.string},t.a=N},gHw8:function(e,t,n){"use strict";var a=n("o0o1"),o=n.n(a),i=n("HaE+"),r=n("q1tI"),c=n.n(r),l=n("zM5D"),s=n("yzAy");function m(e){var t=document.createElement("div"),n=document.createTextNode(e);t.appendChild(n),t.setAttribute("id","blog-alert-font");var a=document.getElementById("blogAlert1");a.appendChild(t),a.classList.add("blog-alert-font"),setTimeout((function(){a.classList.add("active")}),500),setTimeout((function(){a.classList.remove("active")}),5500),setTimeout((function(){var e=document.getElementById("blogAlert1"),t=document.getElementById("blog-alert-font");e.removeChild(t)}),6e3)}var d=n("4JyM"),u=c.a.createElement;t.a=Object(d.withTranslation)("blog_modal")((function(e){var t=e.show,n=e.handleClose,a=e.user,c=e.blog,d=e.group_id,b=e.data_id,g=e.commentId,p=e.type,f=e.t,h=Object(r.useState)(1),v=h[0],N=h[1],y=Object(r.useRef)(null),w=function(){var e=Object(i.a)(o.a.mark((function e(t){var r;return o.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t.preventDefault(),(r=new FormData(y.current)).append("member_id",a.id),r.append("writer_id",c.blog_group.writer_id),r.append("group_id",d),r.append("data_id",b),g&&r.append("comment_id",g),r.append("issue_type",v),r.append("report_type",p),e.next=11,s.a.postIssue(r).then(function(){var e=Object(i.a)(o.a.mark((function e(t){return o.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:m("\u0e41\u0e08\u0e49\u0e07\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22\u0e41\u0e25\u0e49\u0e27"),n();case 2:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)}));case 11:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();return u("div",null,u(l.a,{centered:!0,show:t,onHide:n,size:"lg"},u("form",{onSubmit:w,encType:"multipart/form-data",ref:y},u("div",{className:"blog-problem-modal p-3"},u("div",{className:"row"},u("div",{className:"col-8"},u("h3",null,f("known_issues")),u("label",null,f("w_problem"),u("span",{className:"text-pink"},"*")),u("div",{className:"styleSelect"},u("div",{className:"btn-group"},u("button",{type:"button",className:"btn dropdown-toggle btn-fill","data-toggle":"dropdown"},1==v&&f("issue_type_1"),2==v&&f("issue_type_2"),3==v&&f("issue_type_3"),4==v&&f("issue_type_4")),u("div",{className:"dropdown-menu"},u("a",{className:"dropdown-item ".concat(1==v?" active":""),onClick:function(){N(1)}},f("issue_type_1")),u("a",{className:"dropdown-item ".concat(2==v?" active":""),onClick:function(){N(2)}},f("issue_type_2")),u("a",{className:"dropdown-item ".concat(3==v?" active":""),onClick:function(){N(3)}},f("issue_type_3")),u("a",{className:"dropdown-item ".concat(4==v?" active":""),onClick:function(){N(4)}},f("issue_type_4")))))),u("div",{className:"col-4"})),u("div",{className:"row mt-3"},u("div",{className:"col-12"},u("label",null,f("details"),u("span",{className:"text-pink"},"*")),u("textarea",{name:"reason",className:"form-control",placeholder:f("e_detail"),rows:"4",required:!0}))),u("hr",null),u("div",{className:"row"},u("div",{className:"col-6"},u("label",null,f("name"),u("span",{className:"text-pink"},"*")),u("input",{type:"text",className:"form-control",name:"name",placeholder:f("e_name"),required:!0})),u("div",{className:"col-6"},u("label",null,f("email"),u("span",{className:"text-pink"},"*")),u("input",{type:"text",className:"form-control",name:"email",placeholder:f("e_email"),required:!0})),u("div",{className:"col-6 mt-3"},u("label",null,f("tel"),u("span",{className:"text-pink"},"*")),u("input",{type:"text",className:"form-control",name:"phone",placeholder:f("e_phone"),required:!0}))),u("div",{className:"row mt-64px"},u("div",{className:"col-12 d-flex justify-content-end"},u("button",{className:"btn btn-outline-primary mr-4",type:"button",onClick:n},f("cancel")),u("button",{className:"btn btn-primary",type:"submit"},f("sent"))))))," "))}))},"iVi/":function(e,t,n){"use strict";t.parse=function(e,t){if("string"!==typeof e)throw new TypeError("argument str must be a string");for(var n={},o=t||{},r=e.split(i),l=o.decode||a,s=0;s<r.length;s++){var m=r[s],d=m.indexOf("=");if(!(d<0)){var u=m.substr(0,d).trim(),b=m.substr(++d,m.length).trim();'"'==b[0]&&(b=b.slice(1,-1)),void 0==n[u]&&(n[u]=c(b,l))}}return n},t.serialize=function(e,t,n){var a=n||{},i=a.encode||o;if("function"!==typeof i)throw new TypeError("option encode is invali

1d");if(!r.test(e))throw new TypeError("argument name is invalid");var c=i(t);if(c&&!r.test(c))throw new TypeError("argument val is invalid");var l=e+"="+c;if(null!=a.maxAge){var s=a.maxAge-0;if(isNaN(s))throw new Error("maxAge should be a Number");l+="; Max-Age="+Math.floor(s)}if(a.domain){if(!r.test(a.domain))throw new TypeError("option domain is invalid");l+="; Domain="+a.domain}if(a.path){if(!r.test(a.path))throw new TypeError("option path is invalid");l+="; Path="+a.path}if(a.expires){if("function"!==typeof a.expires.toUTCString)throw new TypeError("option expires is invalid");l+="; Expires="+a.expires.toUTCString()}a.httpOnly&&(l+="; HttpOnly");a.secure&&(l+="; Secure");if(a.sameSite){switch("string"===typeof a.sameSite?a.sameSite.toLowerCase():a.sameSite){case!0:l+="; SameSite=Strict";break;case"lax":l+="; SameSite=Lax";break;case"strict":l+="; SameSite=Strict";break;case"none":l+="; SameSite=None";break;default:throw new TypeError("option sameSite is invalid")}}return l};var a=decodeURIComponent,o=encodeURIComponent,i=/; */,r=/^[\u0009\u0020-\u007e\u0080-\u00ff]+$/;function c(e,t){try{return t(e)}catch(n){return e}}},iaYz:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DebounceInput=void 0;var a=i(n("q1tI")),o=i(n("9/5/"));function i(e){return e&&e.__esModule?e:{default:e}}function r(e){return(r="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"===typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function c(e,t){if(null==e)return{};var n,a,o=function(e,t){if(null==e)return{};var n,a,o={},i=Object.keys(e);for(a=0;a<i.length;a++)n=i[a],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)n=i[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(n,!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function m(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function b(e,t){return(b=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var p=function(e){function t(e){var n,a,i;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),a=this,i=d(t).call(this,e),n=!i||"object"!==r(i)&&"function"!==typeof i?u(a):i,g(u(n),"onChange",(function(e){e.persist();var t=n.state.value,a=n.props.minLength;n.setState({value:e.target.value},(function(){var o=n.state.value;o.length>=a?n.notify(e):t.length>o.length&&n.notify(s({},e,{target:s({},e.target,{value:""})}))}))})),g(u(n),"onKeyDown",(function(e){"Enter"===e.key&&n.forceNotify(e);var t=n.props.onKeyDown;t&&(e.persist(),t(e))})),g(u(n),"onBlur",(function(e){n.forceNotify(e);var t=n.props.onBlur;t&&(e.persist(),t(e))})),g(u(n),"createNotifier",(function(e){if(e<0)n.notify=function(){return null};else if(0===e)n.notify=n.doNotify;else{var t=(0,o.default)((function(e){n.isDebouncing=!1,n.doNotify(e)}),e);n.notify=function(e){n.isDebouncing=!0,t(e)},n.flush=function(){return t.flush()},n.cancel=function(){n.isDebouncing=!1,t.cancel()}}})),g(u(n),"doNotify",(function(){var e=n.props.onChange;e.apply(void 0,arguments)})),g(u(n),"forceNotify",(function(e){var t=n.props.debounceTimeout;if(n.isDebouncing||!(t>0)){n.cancel&&n.cancel();var a=n.state.value,o=n.props.minLength;a.length>=o?n.doNotify(e):n.doNotify(s({},e,{target:s({},e.target,{value:a})}))}})),n.isDebouncing=!1,n.state={value:e.value||""};var c=n.props.debounceTimeout;return n.createNotifier(c),n}var n,i,l;return function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&b(e,t)}(t,e),n=t,(i=[{key:"componentDidUpdate",value:function(e){if(!this.isDebouncing){var t=this.props,n=t.value,a=t.debounceTimeout,o=e.debounceTimeout,i=e.value,r=this.state.value;"undefined"!==typeof n&&i!==n&&r!==n&&this.setState({value:n}),a!==o&&this.createNotifier(a)}}},{key:"componentWillUnmount",value:function(){this.flush&&this.flush()}},{key:"render",value:function(){var e,t,n=this.props,o=n.element,i=(n.onChange,n.value,n.minLength,n.debounceTimeout,n.forceNotifyByEnter),r=n.forceNotifyOnBlur,l=n.onKeyDown,m=n.onBlur,d=n.inputRef,u=c(n,["element","onChange","value","minLength","debounceTimeout","forceNotifyByEnter","forceNotifyOnBlur","onKeyDown","onBlur","inputRef"]),b=this.state.value;e=i?{onKeyDown:this.onKeyDown}:l?{onKeyDown:l}:{},t=r?{onBlur:this.onBlur}:m?{onBlur:m}:{};var g=d?{ref:d}:{};return a.default.createElement(o,s({},u,{onChange:this.onChange,value:b},e,{},t,{},g))}}

1])&&m(n.prototype,i),l&&m(n,l),t}(a.default.PureComponent);t.DebounceInput=p,g(p,"defaultProps",{element:"input",type:"text",onKeyDown:void 0,onBlur:void 0,value:void 0,minLength:0,debounceTimeout:100,forceNotifyByEnter:!0,forceNotifyOnBlur:!0,inputRef:void 0})},j8ru:function(e,t,n){"use strict";var a=n("q1tI"),o=n.n(a),i=n("4JyM"),r=n("s02U"),c=o.a.createElement;t.a=Object(i.withTranslation)("blog_card")((function(e){var t,n=e.penname,a=e.data,o=e.t;function l(e){return Math.abs(Number(e))>=1e9?(Math.abs(Number(e))/1e9).toString().slice(0,4)+"B":Math.abs(Number(e))>=1e6?(Math.abs(Number(e))/1e6).toString().slice(0,4)+"M":Math.abs(Number(e))>=1e3?(Math.abs(Number(e))/1e3).toString().slice(0,4)+"K":Math.abs(Number(e))}return c("div",{id:"blog-card"},a?c(i.Link,{href:(t=a,0==t.type&&t.blog_data.length?"/blog/[blogid]/[data_id]?blogid=".concat(t.id,"&data_id=").concat(t.blog_data[0].id):"/blog/[blogid]?blogid=".concat(t.id)),as:function(e){return 0==e.type&&e.blog_data.length?"/blog/".concat(e.id,"/").concat(e.blog_data[0].id):"/blog/".concat(e.id)}(a)},c("a",null,c("div",{className:"blog-card"},c("div",{className:"blog-card-img-l"},c("div",{className:"blog-card-img-m"},c("img",{className:"blog-card-img-s",src:0!=a.blog_group_banners.length?function(e){var t=e.filter((function(e){return 0==e.type})).map((function(e){return{id:e.id,picture:e.picture}}));return t.length?t[0].picture:"/icon/blog-icon-chapter.svg"}(a.blog_group_banners):"/icon/blog-icon-chapter.svg"}))),c("div",{className:"blog-card-detail"},c("p",{className:"blog-card-date"},r.a.formatDate(a.updatedAt,!0,!1,!0)),c("h3",{className:"blog-card-title"},a.title),c("p",{className:"blog-card-t"},o("writer")," : ",n),c("div",{className:"blog-card-row"},c("img",{title:"\u0e16\u0e39\u0e01\u0e43\u0e08",alt:"\u0e16\u0e39\u0e01\u0e43\u0e08",src:"/icon/Group9242.svg",className:"blog-card-icon fav-none"}),c("p",{className:"blog-card-like"},l(a.blog_group_stat.liked)),c("div",{className:"blog-card-t2"},c("div",{className:"blog-card-btn1 ".concat(0==a.type?"blog-card-btn2":"")},0==a.type?o("type_one"):o("eps")))),c("div",{className:"blog-card-row"},c("p",{className:"blog-card-txt"},o("read_more")),c("div",{className:"blog-card-ico"},c("img",{title:"\u0e22\u0e2d\u0e14\u0e27\u0e34\u0e27",alt:"\u0e22\u0e2d\u0e14\u0e27\u0e34\u0e27",className:"blog-card-icon eye",src:"/icon/icon-eye.svg"}),c("p",{className:"blog-card-p l"},l(a.blog_group_stat.viewed)),c("img",{title:"\u0e04\u0e2d\u0e21\u0e40\u0e21\u0e49\u0e19\u0e17\u0e4c",alt:"\u0e04\u0e2d\u0e21\u0e40\u0e21\u0e49\u0e19\u0e17\u0e4c",className:"blog-card-icon message",src:"/icon/icon-message.svg"}),c("p",{className:"blog-card-p"},l(a.blog_group_stat.comments)))))))):"")}))},kQju:function(e,t,n){"use strict";n.d(t,"a",(function(){return b}));var a=n("o0o1"),o=n.n(a),i=n("HaE+"),r=n("q1tI"),c=n.n(r),l=n("TSYQ"),s=n.n(l);function m(e){var t=document.createElement("div"),n=document.createTextNode(e);t.appendChild(n),t.setAttribute("id","blog-alert-font");var a=document.getElementById("blogAlert1");a.appendChild(t),a.classList.add("blog-alert-font"),setTimeout((function(){a.classList.add("active")}),500),setTimeout((function(){a.classList.remove("active")}),5500),setTimeout((function(){var e=document.getElementById("blogAlert1"),t=document.getElementById("blog-alert-font");e.removeChild(t)}),6e3)}var d=n("yzAy"),u=c.a.createElement;function b(e){var t=e.show,n=e.handleClose,a=e.user,c=e.blog,l=e.group_id,b=e.data_id,g=e.commentId,p=e.type,f=Object(r.useState)(1),h=f[0],v=f[1],N=Object(r.useRef)(null),y=Object(r.useState)(!1),w=y[0],_=y[1],x=function(){return _((function(e){return!e}))},k=function(){var e=Object(i.a)(o.a.mark((function e(t){var r;return o.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t.preventDefault(),(r=new FormData(N.current)).append("member_id",a.id),r.append("writer_id",c.blog_group.writer_id),r.append("group_id",l),r.append("data_id",b),g&&r.append("comment_id",g),r.append("issue_type",h),r.append("report_type",p),e.next=11,d.a.postIssue(r).then(function(){var e=Object(i.a)(o.a.mark((function e(t){return o.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:m("\u0e41\u0e08\u0e49\u0e07\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22\u0e41\u0e25\u0e49\u0e27"),n();case 2:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)}));case 11:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();return u("div",null,u("div",{className:"blog-problem-card  fade ".concat(t?"show":""," ")},u("div",{className:"container"},u("a",{className:"btn-close",onClick:n}),u("h3",{className:"text-center text-black mb-4"},"\u0e1a\u0e2d\u0e01\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e17\u0e35\u0e48\u0e1e\u0e1a")),u("hr",null),u("form",{onSubmit:k,encType:"multipart/form-data",ref:N},u("div",{className:"container"},u("label",{className:"mb-3"},"\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e40\u0e2b\u0e47\u0e19\u0e19\u0e35\u0e49\u0e21\u0e35\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e2d\u0e30\u0e44\u0e23",u("span",{className:"text-pink"},"*")),u("div",{className:"mb-5"},u("div",{className:"d-flex  blog-border ",onClick:x},u("p",{className:"mb-2 "},1==h&&"\u0e21\u0e35\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2d\u0e48\u0e32\u0e19\u0e44\u0e14\u0e49",2==h&&"\u0e21\u0e35\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e44\u0e21\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21",3==h&&"\u0e21\u0e35\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e25\u0e30\u0e40\u0e21\u0e34\u0e14\u0e25\u0e34\u0e02\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c",4==h&&"\u0e2d\u0e37\u0e48\u0e19\u0e46"),u("i",{className:"fas fa-sort-down text-pink ml-2 mb-auto text-right blog-dropdown-pro-icon"})),u("div",{className:s()("blog-dropdown-pro dropdown-fill",{"d-none":!w})},u("a",{className:"dropdown-item ".concat(1==h?" active":""),onClick:function(){v(1),x()}},"\u0e21\u0e35\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2d\u0e48\u0e32\u0e19\u0e44\u0e14\u0e49"),u("a",{className:"dropdown-item ".concat(2==h?" active":""),onClick:function(){v(2),x()}},"\u0e21\u0e35\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e44\u0e21\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21"),u("a",{className:"dropdown-item ".concat(3==h?" active":""),onClick:function(){v(3),x()}},"\u0e21\u0e35\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e25\u0e30\u0e40\u0e21\u0e34\u0e14\u0e25\u0e34\u0e02\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c"),u("a",{className:"dropdown-item ".concat(4==h?" active":""),onClick:function(){v(4),x()}},"\u0e2d\u0e37\u0e48\u0e19\u0e46"))),u("div",{className:"w-100 pb-5 clearfix"},u("div",{className:"info-creditcard-100 mt-3 mb-1"}

1,u("input",{className:"effect-16",id:"reason",name:"reason",type:"text",placeholder:"",required:!0}),u("label",null,"\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14",u("span",null,"*")),u("span",{className:"focus-border"}))),u("div",{className:"d-flex pb-5"},u("div",{className:" w-50 mr-1 clearfix"},u("div",{className:"info-creditcard-100 mt-3 mb-1"},u("input",{className:"effect-16",id:"name",name:"name",type:"text",placeholder:"",required:!0}),u("label",null,"\u0e0a\u0e37\u0e48\u0e2d",u("span",null,"*")),u("span",{className:"focus-border"}))),u("div",{className:" w-50 ml-1 clearfix"},u("div",{className:"info-creditcard-100 mt-3 mb-1"},u("input",{className:"effect-16",id:"phone",name:"phone",type:"text",placeholder:"",required:!0}),u("label",null,"\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13",u("span",null,"*")),u("span",{className:"focus-border"})))),u("div",{className:"w-100 pb-5 clearfix"},u("div",{className:"info-creditcard-100 mt-3 mb-1"},u("input",{className:"effect-16",id:"email",name:"email",type:"text",placeholder:"",required:!0}),u("label",null,"\u0e2d\u0e35\u0e40\u0e21\u0e25",u("span",null,"*")),u("span",{className:"focus-border"})))),u("div",{className:"blog-proplem"},u("a",{className:"blog-proplem-w",onClick:n},u("h4",null,"\u0e22\u0e01\u0e40\u0e25\u0e34\u0e01")),u("button",{className:"blog-proplem-w blog-proplem-y",type:"submit"},u("h4",null,"\u0e2a\u0e48\u0e07\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e1b\u0e31\u0e0d\u0e2b\u0e32"))))))}},xn8y:function(e,t,n){"use strict";var a=n("BRRx"),o=n("tEjU"),i=n("q1tI"),r=n.n(i),c=n("17x9"),l=n.n(c),s=n("TSYQ"),m=n.n(s),d=n("fJMJ"),u=n("33Jr"),b=function(e){function t(t){var n;return(n=e.call(this,t)||this).handleKeyPress=n.handleKeyPress.bind(Object(a.a)(n)),n.renderItems=n.renderItems.bind(Object(a.a)(n)),n.hoverStart=n.hoverStart.bind(Object(a.a)(n)),n.hoverEnd=n.hoverEnd.bind(Object(a.a)(n)),n.handleTouchStart=n.handleTouchStart.bind(Object(a.a)(n)),n.handleTouchEnd=n.handleTouchEnd.bind(Object(a.a)(n)),n.touchStartX=0,n.touchStartY=0,n.state={activeIndex:n.props.activeIndex,direction:"right",indicatorClicked:!1},n}Object(o.a)(t,e);var n=t.prototype;return n.getChildContext=function(){return{direction:this.state.direction}},n.componentDidMount=function(){"carousel"===this.props.ride&&this.setInterval(),document.addEventListener("keyup",this.handleKeyPress)},t.getDerivedStateFromProps=function(e,t){var n=null,a=t.activeIndex,o=t.direction,i=t.indicatorClicked;return e.activeIndex!==a&&(e.activeIndex===a+1?o="right":e.activeIndex===a-1?o="left":e.activeIndex<a?o=i?"left":"right":e.activeIndex!==a&&(o=i?"right":"left"),n={activeIndex:e.activeIndex,direction:o,indicatorClicked:!1}),n},n.componentDidUpdate=function(e,t){t.activeIndex!==this.state.activeIndex&&this.setInterval(this.props)},n.componentWillUnmount=function(){this.clearInterval(),document.removeEventListener("keyup",this.handleKeyPress)},n.setInterval=function(e){function t(){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}((function(e){void 0===e&&(e=this.props),this.clearInterval(),e.interval&&(this.cycleInterval=setInterval((function(){e.next()}),parseInt(e.interval,10)))})),n.clearInterval=function(e){function t(){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}((function(){clearInterval(this.cycleInterval)})),n.hoverStart=function(){var e;("hover"===this.props.pause&&this.clearInterval(),this.props.mouseEnter)&&(e=this.props).mouseEnter.apply(e,arguments)},n.hoverEnd=function(){var e;("hover"===this.props.pause&&this.setInterval(),this.props.mouseLeave)&&(e=this.props).mouseLeave.apply(e,arguments)},n.handleKeyPress=function(e){this.props.keyboard&&(37===e.keyCode?this.props.previous():39===e.keyCode&&this.props.next())},n.handleTouchStart=function(e){this.props.enableTouch&&(this.touchStartX=e.changedTouches[0].screenX,this.touchStartY=e.changedTouches[0].screenY)},n.handleTouchEnd=function(e){if(this.props.enableTouch){var t=e.changedTouches[0].screenX,n=e.changedTouches[0].screenY,a=Math.abs(this.touchStartX-t);a<Math.abs(this.touchStartY-n)||a<40||(t<this.touchStartX?this.props.next():this.props.previous())}},n.renderItems=function(e,t){var n=this,a=this.props.slide;return r.a.createElement("div",{className:t},e.map((function(e,t){var o=t===n.state.activeIndex;return(r.a.cloneElement(e,{in:o,slide:a}))})))},n.render=function(){var e=this,t=this.props,n=t.cssModule,a=t.slide,o=t.className,i=Object(u.e)(m()(o,"carousel",a&&"slide"),n),c=Object(u.e)(m()("carousel-inner"),n),l=this.props.children.filter((function(e){return null!==e&&void 0!==e&&"boolean"!==typeof e}));if(l.every((function(e){return e.type===d.a})))return r.a.createElement("div",{className:i,onMouseEnter:this.hoverStart,onMouseLeave:this.hoverEnd},this.renderItems(l,c));if(l[0]instanceof Array){var s=l[0],b=l[1],g=l[2];return r.a.createElement("div",{className:i,onMouseEnter:this.hoverStart,onMouseLeave:this.hoverEnd},this.renderItems(s,c),b,g)}var p=l[0],f=r.a.cloneElement(p,{onClickHandler:function(t){"function"===typeof p.props.onClickHandler&&e.setState({indicatorClicked:!0},(function(){return p.props.onClickHandler(t)}))}}),h=l[1],v=l[2],N=l[3];return r.a.createElement("div",{className:i,onMouseEnter:this.hoverStart,onMouseLeave:this.hoverEnd,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},f,this.renderItems(h,c),v,N)},t}(r.a.Component);b.propTypes={activeIndex:l.a.number,next:l.a.func.isRequired,previous:l.a.func.isRequired,keyboard:l.a.bool,pause:l.a.oneOf(["hover",!1]),ride:l.a.oneOf(["carousel"]),interval:l.a.oneOfType([l.a.number,l.a.string,l.a.bool]),children:l.a.array,mouseEnter:l.a.func,mouseLeave:l.a.func,slide:l.a.bool,cssModule:l.a.object,className:l.a.string,enableTouch:l.a.bool},b.defaultProps={interval:5e3,pause:"hover",keyboard:!0,slide:!0,enableTouch:!0},b.childContextTypes={direction:l.a.string},t.a=b},zzJV:function(e,t,n){"use strict";var a=n("ELrk"),o=n("sDqW"),i=n("BRRx"),r=n("tEjU"),c=n("q1tI"),l=n.n(c),s=n("17x9"),m=n.n(s),d=n("xn8y"),u=n("fJMJ"),b=n("BgiA"),g=n("Eb6y"),p=n("TSYQ"),f=n.n(p),h=n("33Jr"),v=function(e){var t=e.captionHeader,n=e.captionText,a=e.cssModule,o=e.className,i=Object(h.e)(f()(o,"carousel-caption","d-none","d-md-block"),a);return l.a.createElement("div",{className:i},l.a.createElement("h3",null,t),l.a.createElement("p",null,n))};v.propTypes={captionHeader:m.a.node,captionText:m.a.node.isRequired,cssModule:m.a.object,className:m.a.string};var N=v,y=["defaultActiveIndex","autoPlay","indicators","controls","items","goToIndex"],w={items:m.a.array.isRequired,indicators:m.a.bool,controls:m.a.bool,autoPlay:m.a.bool,defaultActiveIndex:m.a.number,activeIndex:m.a.number,next:m.a.func,previous:m.a.func,goToIndex:m.a.func},_=function(e){function t(t){var n;return(n=e.call(this,t)||this).animating=!1,n.state={activeIndex:t.defaultActiveIndex||0},n.next=n.next.bind(Object(i.a)(n)),n.previous=n.previous.bind(Object(i.a)(n)),n.goToIndex=n.goToIndex.bind(Object(i.a)(n)),n.onExiting=n.onExiting.bind(Object(i.a)(n)),n.onExited=n.onExited.bind(Object(i.a)(n)),n}Object(r.a)(t,e);var n=t.prototype;return n.onExiting=function(){this.animating=!0},n.onExited=function(){this.animating=!1},n.next=function(){if(!this.animating){var e=this.state.activeIndex===this.props.items.length-1?0:this.state.activeIndex+1;this.setState({activeIndex:e})}},n.previous=function(){if(!this.animating){var e=0===this.state.activeIndex?this.props.items.length-1:this.state.activeIndex-1;this.setState({activeIndex:e})}},n.goToIndex=function(e){this.animating||this.setState({activeIndex:e})},n.render=function(){var e=this,t=this.props,n=(t.defaultActiveIndex,t.autoPlay),i=t.indicators,r=t.controls,c=t.items,s=t.goToIndex,m=Object(o.a)(t,y),p=this.state.activeIndex,f=c.map((function(t){var n=t.key||t.src;return(l.a.createElement(u.a,{onExiting:e.onExiting,onExited:e.onExited,key:n},l.a.createElement("img",{className:"d-block w-100",src:t.src,alt:t.altText}),l.a.createElement(N,{captionText:t.caption,captionHeader:t.header||t.caption})))}));return l.a.createElement(d.a,Object(a.a)({activeIndex:p,next:this.next,previous:this.previous,ride:n?"carousel":void 0},m),i&&l.a.createElement(g.a,{items:c,activeIndex:m.activeIndex||p,onClickHandler:s||this.goToIndex}),f,r&&l.a.createElement(b.a,{direction:"prev",directionText:"Previous",onClickHandler:m.previous||this.previous}),r&&l.a.createElement(b.a,{direction:"next",directionText:"Next",onClickHandler:m.next||this.next}))},t}(c.Component);_.propTypes=w,_.defaultProps={controls:!0,indicators:!0,autoPlay:!0};t.a=_}},[["e8hg",0,2,40,37,52,1,3,5,4,6,7,8,9,10,11,12,13,14,16,19,20,24,25,38,41,53]]]);