https://reavol.com/_next/static/chunks/pages/listen-book/[slug]-0a09db6f07c8f263.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[152],{68795:function(a,b,c){"use strict";c.d(b,{Z:function(){return i}});var d=c(1413),e=c(67294),f={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"}}]},name:"search",theme:"outlined"},g=c(42135),h=function(a,b){return e.createElement(g.Z,(0,d.Z)((0,d.Z)({},a),{},{ref:b,icon:f}))};h.displayName="SearchOutlined";var i=e.forwardRef(h)},19413:function(a,b,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/listen-book/[slug]",function(){return c(67249)}])},42107:function(a,b,c){"use strict";c.r(b),b.default={src:"/_next/static/media/cancel_listen.7287877f.svg",height:30,width:29}},81613:function(a,b,c){"use strict";c.r(b),b.default={src:"/_next/static/media/heart.0808f8dd.svg",height:20,width:20}},35064:function(a,b,c){"use strict";c.r(b),b.default={src:"/_next/static/media/ic_heart_red.53024b9e.svg",height:20,width:22}},9478:function(a,b,c){"use strict";c.r(b),b.default={src:"/_next/static/media/ic_readbook_chapter.0b1f6aa4.svg",height:27,width:27}},50231:function(a,b,c){"use strict";c.r(b),b.default={src:"/_next/static/media/ic_thanks.3c4ee589.png",height:378,width:275,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAYAAADaxo44AAAAxUlEQVR42g3NvWrCYBhA4XfsaOmQ0NIm9a8YaWKjX6rWJDaaCIKoiIKDoG4OXoaDF+Aibt6Ei7eWY7YDZ3ikoJy0GQf8JT7+sEM4CvjpqlS6WaioTkXZzDdT4kmEE7qI+v/F8T1yZZOndx277dJKWkiulKfeDBnPlowmC4qWTcm1Ec+rEfQHLJYrgijh9bOQOSFyu5w47LaICM+ahm4YVFUVuV/PxI0Kbq+N01EY1hf5WjaO+3UqGWw1vnkzTV40nY9yMX0Ab1FQYFbFnOAAAAAASUVORK5CYII="}},67249:function(a,b,c){"use strict";c.r(b),c.d(b,{"__N_SSP":function(){return w},"default":function(){return x}});var d=c(85893),e=c(37652),f=c(67294),g=c(25675),h=c(26813),i=c.n(h),j=c(88272),k=c(58038),l=c(58415),m=c(11163),n=c(96352);c(10374);var o=c(81789),p=c.n(o),q=c(94321),r=c(71577),s=c(66704);function t(a){var b=a.data,e=(0,k.CG)(s.dB).slugResponse,h=(0,k.TL)(),i=(0,f.useState)(!1),j=i[0],n=i[1],o=(0,m.useRouter)(),t=(0,f.useState)(!1),u=t[0],v=t[1];return(0,f.useEffect)(function(){e&&v(e.favorite)},[e]),(0,d.jsxs)(d.Fragment,{children:[!0===u?(0,d.jsx)("div",{className:p().icHeart,onClick:function(){v(!1),h((0,l.Iq)({objectId:b.id}))},children:(0,d.jsx)(g.default,{src:c(35064),alt:"",width:17.14,height:17.14})}):!1===u?(0,d.jsx)("div",{className:p().icHeart,onClick:function(){v(!0),h((0,l.rz)({objectId:b.id}))},children:(0,d.jsx)(g.default,{src:c(81613),alt:"",width:17.14,height:17.14})}):"",(0,d.jsxs)(q.Z,{width:"90%",className:p().modalNotifi,title:"TH\xd4NG B\xc1O",visible:j,footer:null,onCancel:function(){n(!1)},children:[(0,d.jsx)("div",{children:"Bạn cần đăng nhập để thực hiện chức năng n\xe0y"}),(0,d.jsx)(r.Z,{onClick:function(){o.push({pathname:"/login"})},children:"Đăng nhập ngay"})]})]})}c(31955);var u=j.Z.Option;function v(a){var b,e,h,o=a.data,p=(0,k.TL)(),q=(0,f.useRef)(),r=(0,f.useState)(0),v=r[0],w=r[1],x=(0,f.useState)(0),y=x[0],z=x[1],A=(0,f.useState)(0),B=A[0],C=A[1],D=(0,f.useState)(!1),E=D[0],F=D[1],G=(0,f.useState)(!1);G[0],G[1];var H=(0,k.CG)(l.Cn);H.favorite,H.deleteFavorite;var I=(0,m.useRouter)(),J=(0,f.useState)("1.0"),K=J[0],L=J[1],M=(0,f.useRef)(),N=(0,f.useState)();N[0],N[1];var O=(0,f.useState)(),P=O[0],Q=O[1],R=(0,f.useState)(),S=R[0],T=R[1];(0,f.useEffect)(function(){var a=localStorage.getItem("admin");a&&T(JSON.parse(a)),p((0,s.bX)({slug:I.query.slug}));var b=localStorage.getItem("KEY_MB_BANK");b&&Q(b)},[]),(0,f.useEffect)(function(){var a=localStorage.getItem("indexSummary");a?w(Number(a)):o&&o.chapter?w(Number(o.chapter)-1):w(0),localStorage.removeItem("indexSummary")}

1,[]),(0,f.useEffect)(function(){var a={objectId:o.id,currentChapter:v+1,totalChapters:o.totalChapter,objectType:o.type};v>=0&&(void 0!==S?p((0,l.q3)(a)):P&&p((0,l.q3)(a)))},[v,S,P]),(0,f.useEffect)(function(){C(q.current.audio.current.duration),q.current.audio.current.playbackRate=K},[K]),(0,f.useEffect)(function(){var a=localStorage.getItem("indexSummary");a&&w(Number(JSON.parse(a))),F(!0)},[]);var U=function(){o.chapters.findIndex(function(a,b){return b==v})==o.chapters.length-1?(w(v%o.chapters.length),F(!1)):w((v+1)%o.chapters.length)},V=function(){!0===o.bought||0===o.price?U():I.push({pathname:"/mbapp-payment"})};return(0,d.jsxs)("div",{className:i().listenBook,style:{backgroundColor:"".concat(o.bgColor1?o.bgColor1:o.bgColor)},ref:M,children:[(0,d.jsxs)("div",{className:i().headerCrossbar,children:[(0,d.jsx)("div",{className:i().icCancel,onClick:function(){return localStorage.setItem("indexBookSummary",JSON.stringify(v+1)),localStorage.removeItem("indexSummary"),window.history.go(-1),!1},children:(0,d.jsx)(g.default,{src:c(42107),alt:"",width:28.57,height:28.57})}),(0,d.jsxs)("div",{className:i().iconRight,children:[(0,d.jsx)("div",{className:i().imgList,onClick:function(){I.push({pathname:"/listen-chapter/"+o.slug}),localStorage.setItem("indexSummary",JSON.stringify(v+1))},children:(0,d.jsx)(g.default,{src:c(9478),alt:"",width:17.14,height:17.14})}),(0,d.jsx)(t,{data:o})]})]}),(0,d.jsx)("div",{className:i().imageListen,children:(0,d.jsx)("div",{children:o.thumbUrl?(0,d.jsx)(g.default,{src:o.thumbUrl,alt:"",layout:"fill",unoptimized:!0,placeholder:"blur",objectFit:"contain",blurDataURL:o.thumbUrl}):o.media.thumbUrl?(0,d.jsx)(g.default,{src:o.media.thumbUrl,alt:"",layout:"fill",unoptimized:!0,placeholder:"blur",blurDataURL:o.media.thumbUrl}):(0,d.jsx)(g.default,{src:c(50231),layout:"fill",alt:"No Image",loading:"eager"})})}),(0,d.jsxs)("div",{className:i().contentBook,children:[(0,d.jsx)("div",{className:i().listenTitle,children:o.title}),(0,d.jsx)("div",{className:i().chapterTitle,style:{WebkitBoxOrient:"vertical"},children:null===(b=null==o?void 0:o.chapters[v])|| void 0===b?void 0:b.title}),(0,d.jsx)(n.Z,{ref:q,src:null===(e=null==o?void 0:o.chapters[v])|| void 0===e?void 0:null===(h=e.audio)|| void 0===h?void 0:h.originUrl,onLoadedData:function(){var a;C(null==q?void 0:null===(a=q.current)|| void 0===a?void 0:a.audio.current.duration)},onClickNext:2===v&&P?V:U,onClickPrevious:function(){0==o.chapters.findIndex(function(a,b){return b==v})?w(v%o.chapters.length):w((v-1)%o.chapters.length)},onEnded:2===v&&P?V:U,onListen:function(){var a;z(null==q?void 0:null===(a=q.current)|| void 0===a?void 0:a.audio.current.currentTime)},loop:!1,autoPlay:!0,className:"myaudio",volume:1,showSkipControls:!0,showJumpControls:!0,showFilledProgress:!0,showFilledVolume:!0}),(0,d.jsxs)("div",{className:i().totalChapter,children:["ChÆ°Æ¡ng ",v+1," / ",o.totalChapter]}),(0,d.jsx)("div",{className:i().loopSpeed,children:(0,d.jsxs)(j.Z,{className:i().speeds,onChange:function(a){L(a)},defaultValue:"".concat(K,"x"),dropdownClassName:"selection",children:[(0,d.jsx)(u,{value:"1.5",children:"1.5x"}),(0,d.jsx)(u,{value:"1.25",children:"1.25x"}),(0,d.jsx)(u,{value:"1.0",children:"1.0x"}),(0,d.jsx)(u,{value:"0.75",children:"0.75x"})]})})]})]})}var w=!0,x=function(a){var b=a.data;return(0,d.jsx)(e.Z,{children:(0,d.jsx)(v,{data:b})})}},81789:function(a){a.exports={icHeart:"style_icHeart__iobaU",modalNotifi:"style_modalNotifi___z3Qu"}},26813:function(a){a.exports={listenBook:"style_listenBook__fxtix",headerCrossbar:"style_headerCrossbar__31B74",icCancel:"style_icCancel__eh3L_",iconRight:"style_iconRight__ndyay",imgList:"style_imgList__b_Vt4",icHeart:"style_icHeart__QX7Og",imageListen:"style_imageListen__PNLTK",contentBook:"style_contentBook__0bcAn",listenTitle:"style_listenTitle__ylMr7",chapterTitle:"style_chapterTitle__2qqpK",listenIcon:"style_listenIcon__cCitH",skipBack:"style_skipBack__nanVu",clickPause:"style_clickPause__ie93d",skipNext:"style_skipNext__9T6zl",timeAudio:"style_timeAudio__457X3",totalChapter:"style_totalChapter__HyFvM",loopSpeed:"style_loopSpeed__RMpJu",speeds:"style_speeds__6X6__"}},48555:function(a,b,c){"use strict";c.d(b,{Z:function(){return u}});var d=c(87462),e=c(67294),f=c(50344);c(80334);var g=c(1413),h=c(42550),i=c(34203),j=c(91033),k=new Map(),l=new j.Z(function(a){a.forEach(function(a){var b,c=a.target;null===(b=k.get(c))|| void 0===b||b.forEach(function(a){return a(c)})})}),m=c(15671),n=c(43144),o=c(60136),p=c(51630),q=function(a){(0,o.Z)(c,a);var b=(0,p.Z)(c);function c(){return(0,m.Z)(this,c),b.apply(this,arguments)}return(0,n.Z)(c,[{key:"render",value:function(){return this.props.children}}]),c}(e.Component),r=e.createContext(null);function s(a){var b=a.children,c=a.disabled,d=e.useRef(null),f=e.useRef(null),j=e.useContext(r),m="function"==typeof b,n=m?b(d

1):b,o=e.useRef({width:-1,height:-1,offsetWidth:-1,offsetHeight:-1}),p=!m&&e.isValidElement(n)&&(0,h.Yr)(n),s=p?n.ref:null,t=e.useMemo(function(){return(0,h.sQ)(s,d)},[s,d]),u=e.useRef(a);u.current=a;var v=e.useCallback(function(a){var b=u.current,c=b.onResize,d=b.data,e=a.getBoundingClientRect(),f=e.width,h=e.height,i=a.offsetWidth,k=a.offsetHeight,l=Math.floor(f),m=Math.floor(h);if(o.current.width!==l||o.current.height!==m||o.current.offsetWidth!==i||o.current.offsetHeight!==k){var n={width:l,height:m,offsetWidth:i,offsetHeight:k};o.current=n;var p=i===Math.round(f)?f:i,q=k===Math.round(h)?h:k,r=(0,g.Z)((0,g.Z)({},n),{},{offsetWidth:p,offsetHeight:q});null==j||j(r,a,d),c&&Promise.resolve().then(function(){c(r,a)})}},[]);return e.useEffect(function(){var a,b,e=(0,i.Z)(d.current)||(0,i.Z)(f.current);return e&&!c&&(a=e,b=v,k.has(a)||(k.set(a,new Set()),l.observe(a)),k.get(a).add(b)),function(){var a,b;return a=e,b=v,void(k.has(a)&&(k.get(a).delete(b),k.get(a).size||(l.unobserve(a),k.delete(a))))}},[d.current,c]),e.createElement(q,{ref:f},p?e.cloneElement(n,{ref:t}):n)}function t(a){var b=a.children;return("function"==typeof b?[b]:(0,f.Z)(b)).map(function(b,c){var f=(null==b?void 0:b.key)||"".concat("rc-observer-key","-").concat(c);return e.createElement(s,(0,d.Z)({},a,{key:f}),b)})}t.Collection=function(a){var b=a.children,c=a.onBatchResize,d=e.useRef(0),f=e.useRef([]),g=e.useContext(r),h=e.useCallback(function(a,b,e){d.current+=1;var h=d.current;f.current.push({size:a,element:b,data:e}),Promise.resolve().then(function(){h===d.current&&(null==c||c(f.current),f.current=[])}),null==g||g(a,b,e)},[c,g]);return e.createElement(r.Provider,{value:h},b)};var u=t}},function(a){a.O(0,[4885,5675,3058,1577,3386,1489,4321,8272,2874,7652,9774,2888,179],function(){return a(a.s=19413)}),_N_E=a.O()}])