https://12min.com/_next/static/chunks/pages/book/_components/BookAudioSection-6c1ecb206a911273.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8064],{2242:(e,l,t)=>{"use strict";t.r(l),t.d(l,{default:()=>d});var s=t(5640),r=t(148),n=t(4113);let i=()=>(0,s.jsx)("svg",{width:"12",height:"14",viewBox:"0 0 12 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M2.49501 0.752974C1.67718 0.262277 0.636719 0.851379 0.636719 1.80512V12.1949C0.636719 13.1487 1.67718 13.7378 2.49501 13.2471L11.1532 8.05216C11.9475 7.57559 11.9475 6.42444 11.1532 5.94787L2.49501 0.752974Z",fill:"#FAFBFF"})}),a=()=>(0,s.jsxs)("svg",{width:"11",height:"13",viewBox:"0 0 11 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{d:"M3.04665 0.376709H1.79665C1.10629 0.376709 0.546646 0.936353 0.546646 1.62671V11.6267C0.546646 12.3171 1.10629 12.8767 1.79665 12.8767H3.04665C3.737 12.8767 4.29665 12.3171 4.29665 11.6267V1.62671C4.29665 0.936353 3.737 0.376709 3.04665 0.376709Z",fill:"#FAFBFF"}),(0,s.jsx)("path",{d:"M9.29665 0.376709H8.04665C7.35629 0.376709 6.79665 0.936353 6.79665 1.62671V11.6267C6.79665 12.3171 7.35629 12.8767 8.04665 12.8767H9.29665C9.987 12.8767 10.5466 12.3171 10.5466 11.6267V1.62671C10.5466 0.936353 9.987 0.376709 9.29665 0.376709Z",fill:"#FAFBFF"})]}),o=e=>{let{src:l}=e,{t}=(0,n.Bd)("common-components"),o=(0,r.useRef)(null),[d,c]=(0,r.useState)(!1),[u,x]=(0,r.useState)(0),h=()=>{let e=document.querySelector("audio");e&&x(e.currentTime/e.duration*100)};return(0,r.useEffect)(()=>{let e=document.querySelector("audio");return null==e||e.addEventListener("timeupdate",h),()=>{null==e||e.removeEventListener("timeupdate",h)}},[]),(0,s.jsxs)("div",{className:"flex justify-center items-center gap-2 border border-marian-blue-200 rounded-full px-6 py-1 bg-marian-blue-100",children:[(0,s.jsxs)("div",{className:"controls flex gap-2 justify-center items-center",children:[(0,s.jsx)("button",{onClick:()=>{o.current&&(o.current.currentTime-=15)},className:"back-15sec focus:outline-none","aria-label":t("audioPlayer.rewind15Seconds"),children:(0,s.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{d:"M1.00068 8C1.00068 11.8584 4.15756 15.0153 8.01596 15.0153C11.8744 15.0153 15.0312 11.8584 15.0312 8C15.0312 4.14159 11.8744 0.984711 8.01596 0.984711C5.28 0.984711 2.89481 2.52807 1.77236 4.84312",stroke:"#31428B",strokeWidth:"1.33049"}),(0,s.jsx)("path",{d:"M1.00088 0.984711L1.5511 5.07696L5.67773 4.52208",stroke:"#31428B",strokeWidth:"1.33049",strokeLinecap:"square"}),(0,s.jsx)("path",{d:"M6.39759 6.53129V10.6129H5.53463V7.35041H5.51072L4.57601 7.93634V7.17104L5.58645 6.53129H6.39759ZM8.90842 10.6687C8.62675 10.6687 8.37564 10.6169 8.15508 10.5133C7.93585 10.4096 7.7618 10.2668 7.63292 10.0848C7.50404 9.90275 7.43694 9.69415 7.43163 9.45898H8.26868C8.27798 9.61709 8.34441 9.7453 8.46798 9.84363C8.59154 9.94195 8.73836 9.99111 8.90842 9.99111C9.04395 9.99111 9.16353 9.96121 9.26716 9.90142C9.37212 9.8403 9.45384 9.75593 9.5123 9.64831C9.57209 9.53936 9.60198 9.41447 9.60198 9.27363C9.60198 9.13014 9.57142 9.00392 9.5103 8.89497C9.45052 8.78602 9.36747 8.70098 9.26118 8.63987C9.15489 8.57875 9.03332 8.54752 8.89647 8.5462C8.77689 8.5462 8.66063 8.57078 8.5477 8.61994C8.43609 8.6691 8.34906 8.73619 8.28662 8.82123L7.51932 8.68371L7.71264 6.53129H10.2078V7.23681H8.42413L8.3185 8.25921H8.34242C8.41417 8.15823 8.52245 8.07452 8.66727 8.00809C8.8121 7.94166 8.97419 7.90844 9.15356 7.90844C9.39936 7.90844 9.61859 7.96624 9.81124 8.08183C10.0039 8.19742 10.156 8.3562 10.2676 8.55815C10.3792 8.75878 10.4344 8.98997 10.4331 9.25171C10.4344 9.52674 10.3706 9.77121 10.2417 9.98513C10.1142 10.1977 9.93547 10.3651 9.70562 10.4874C9.47709 10.6083 9.21136 10.6687 8.90842 10.6687Z",fill:"#31428B"})]})}),(0,s.jsx)("button",{onClick:()=>{let e=document.querySelector("audio");d?null==e||e.pause():null==e||e.play(),c(!d)},"aria-label":t(d?"audioPlayer.pause":"audioPlayer.play"),className:"play flex items-center justify-center w-14 h-10 bg-marian-blue-700 text-white rounded-full focus:outline-none",children:d?(0,s.jsx)(a,{}):(0,s.jsx)(i,{})}),(0,s.jsx)("button",{onClick:()=>{o.current&&(o.current.currentTime+=15)},className:"forward-15sec focus:outline-none","aria-label":t("audioPlayer.forward15Seconds"),children:(0,s.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{d:"M14.9791 7.99999C14.9791 11.7041 11.9485 14.7347 8.24444 14.7347C4.54037 14.7347 1.50977 11.7041 1.50977 7.99999C1.50977 4.29592 4.54037 1.26532 8.24444 1.26532C10.871 1.26532 13.1608 2.74695 14.2383 4.96939",stroke:"#31428B",strokeWidth:"1.33049"}),(0,s.jsx)("path",{d:"M14.98 1.26532L14.4518 5.19388L10.4902 4.66119",stroke:"#31428B",strokeWidth:"1.33049",strokeLinecap:"square"}

1),(0,s.jsx)("path",{d:"M6.90541 6.8119V10.8935H6.04245V7.63102H6.01853L5.08382 8.21695V7.45165L6.09426 6.8119H6.90541ZM9.41624 10.9493C9.13456 10.9493 8.88345 10.8975 8.66289 10.7939C8.44366 10.6902 8.26961 10.5474 8.14073 10.3654C8.01185 10.1834 7.94475 9.97476 7.93944 9.73959H8.77649C8.78579 9.8977 8.85222 10.0259 8.97579 10.1242C9.09935 10.2226 9.24617 10.2717 9.41624 10.2717C9.55176 10.2717 9.67134 10.2418 9.77497 10.182C9.87994 10.1209 9.96165 10.0365 10.0201 9.92892C10.0799 9.81997 10.1098 9.69508 10.1098 9.55424C10.1098 9.41075 10.0792 9.28453 10.0181 9.17558C9.95833 9.06663 9.87529 8.98159 9.76899 8.92048C9.6627 8.85936 9.54113 8.82813 9.40428 8.82681C9.2847 8.82681 9.16844 8.85139 9.05551 8.90055C8.9439 8.94971 8.85687 9.0168 8.79443 9.10184L8.02713 8.96432L8.22045 6.8119H10.7157V7.51742H8.93194L8.82632 8.53982H8.85023C8.92198 8.43884 9.03026 8.35513 9.17509 8.2887C9.31991 8.22227 9.48201 8.18905 9.66137 8.18905C9.90717 8.18905 10.1264 8.24685 10.3191 8.36244C10.5117 8.47803 10.6638 8.63681 10.7754 8.83876C10.8871 9.03939 10.9422 9.27058 10.9409 9.53232C10.9422 9.80735 10.8784 10.0518 10.7495 10.2657C10.622 10.4783 10.4433 10.6457 10.2134 10.768C9.9849 10.8889 9.71917 10.9493 9.41624 10.9493Z",fill:"#31428B"})]})})]}),(0,s.jsx)("div",{className:"progress-bar w-full h-1 bg-marian-blue-200 rounded-full justify-center items-center",children:(0,s.jsx)("div",{className:"progress-bar__fill bg-marian-blue-700 h-1",style:{width:"".concat(u,"%")}})}),(0,s.jsx)("audio",{ref:o,onTimeUpdate:()=>{let e=o.current;e&&x(e.currentTime/e.duration*100)},onEnded:()=>c(!1),src:l,children:t("audioPlayer.browserNotSupported")})]})},d=e=>{let{audioUrl:l,whoItIsFor:t}=e,{t:i}=(0,n.Bd)("book"),[a,d]=(0,r.useState)(!1);if(!t)return(0,s.jsx)("div",{className:"hidden"});let c=t.length>140;return(0,s.jsx)("div",{className:"w-full max-w-6xl mb-12",children:(0,s.jsxs)("div",{className:"flex flex-col md:flex-row gap-4 md:gap-6 md:items-stretch",children:[(0,s.jsx)("div",{className:"flex flex-col w-full min-h-0",children:(0,s.jsxs)("div",{className:"flex flex-col h-full px-6 py-5 border border-marian-blue-200 rounded-[20px] justify-center",children:[(0,s.jsx)("h2",{className:"text-lg font-semibold text-midnight-900 mb-2",children:i("listenToTheIntro")}),l?(0,s.jsx)(o,{src:l}):(0,s.jsx)("p",{className:"text-base text-gray-500",children:i("noAudioPreview")})]})}),(0,s.jsx)("div",{className:"flex flex-col w-full min-h-0",children:(0,s.jsxs)("div",{className:"flex flex-col h-full px-6 py-5 rounded-[20px] bg-marian-blue-100",children:[(0,s.jsx)("h2",{className:"text-lg font-semibold text-midnight-900 mb-2",children:i("whoItIsFor")}),(0,s.jsx)("p",{className:"text-base text-gray-500 leading-relaxed ".concat(a?"":"line-clamp-2 md:line-clamp-3"),children:t}),c&&(0,s.jsx)("button",{type:"button",onClick:()=>d(!a),className:"text-marian-blue-700 font-semibold mt-2 hover:opacity-50 transition-opacity focus:outline-none text-left",children:i(a?"readLess":"readMore")})]})})]})})}},6363:(e,l,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/book/_components/BookAudioSection",function(){return t(2242)}])}},e=>{var l=l=>e(e.s=l);e.O(0,[636,6593,8792],()=>l(6363)),_N_E=e.O()}]);