(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6061],{18029:function(e,t,i){var l=i(35393),n=i(11700),o=l(function(e,t,i){return e+(i?" ":"")+n(t)});e.exports=o},40905:function(e,t,i){"use strict";i.d(t,{l:function(){return a}});var l=i(35944),n=i(67294),o=i(15184),r=i(13023),d=i(31582);let a=n.memo(e=>(0,l.tZ)("div",{...e,children:(0,l.tZ)(d.Ct,{styles:{root:{height:"30px",padding:"4px 10px",backgroundColor:o.t.colors.yellow50},inner:{textTransform:"initial"},leftSection:{lineHeight:"initial",display:"flex",alignItems:"center"}},size:"lg",radius:"xl",leftSection:(0,l.BX)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:[(0,l.tZ)("circle",{cx:"10",cy:"10",r:"10",fill:"#FE921D"}),(0,l.tZ)("path",{d:"M10 4.75C9.84529 4.75 9.69691 4.81146 9.58752 4.92085C9.47812 5.03025 9.41666 5.17862 9.41666 5.33333C9.41654 5.42622 9.4386 5.51778 9.48101 5.60042C9.52342 5.68306 9.58495 5.75437 9.66048 5.80843L7.86832 8.31722L4.71923 7.2679C4.73935 7.20844 4.74974 7.14611 4.74999 7.08333C4.74999 6.92862 4.68854 6.78025 4.57914 6.67085C4.46974 6.56146 4.32137 6.5 4.16666 6.5C4.01195 6.5 3.86358 6.56146 3.75418 6.67085C3.64479 6.78025 3.58333 6.92862 3.58333 7.08333C3.58333 7.23804 3.64479 7.38642 3.75418 7.49581C3.86358 7.60521 4.01195 7.66667 4.16666 7.66667C4.20923 7.66636 4.25164 7.66139 4.29313 7.65186L5.13053 11.4196C5.24895 11.9533 5.72213 12.3333 6.26871 12.3333H13.7301C14.2767 12.3333 14.751 11.9533 14.8695 11.4196L15.7069 7.65299C15.7484 7.66215 15.7908 7.66673 15.8333 7.66667C15.988 7.66667 16.1364 7.60521 16.2458 7.49581C16.3552 7.38642 16.4167 7.23804 16.4167 7.08333C16.4167 6.92862 16.3552 6.78025 16.2458 6.67085C16.1364 6.56146 15.988 6.5 15.8333 6.5C15.6786 6.5 15.5302 6.56146 15.4208 6.67085C15.3115 6.78025 15.25 6.92862 15.25 7.08333C15.2503 7.14611 15.2606 7.20844 15.2808 7.2679L12.1317 8.31722L10.3384 5.80729C10.414 5.75347 10.4756 5.68239 10.5182 5.59996C10.5608 5.51753 10.5831 5.42612 10.5833 5.33333C10.5833 5.17862 10.5219 5.03025 10.4125 4.92085C10.3031 4.81146 10.1547 4.75 10 4.75V4.75ZM5.91666 13.5C5.59466 13.5 5.33333 13.7613 5.33333 14.0833C5.33333 14.4053 5.59466 14.6667 5.91666 14.6667H14.0833C14.4053 14.6667 14.6667 14.4053 14.6667 14.0833C14.6667 13.7613 14.4053 13.5 14.0833 13.5H5.91666Z",fill:"white"})]}),children:(0,l.tZ)(r.T,{size:"s4",type:"semiBold",color:o.t.colors.yellow800,children:"Premium"})})}))},16061:function(e,t,i){"use strict";i.r(t),i.d(t,{OpeningOfArticle:function(){return OpeningOfArticle}});var l=i(35944),n=i(67294),o=i(69876),r=i(36380),d=i.n(r),a=i(15184),c=i(13023),s=i(31582),u=i(41715),p=i(34736),C=i(72445),g=i(80971),h=i(97564),f=i(18029),m=i.n(f),v=i(86896);let LabelBadge=e=>{let{label:t,...i}=e,{formatMessage:o}=(0,v.Z)(),[r,d]=(0,n.useState)(!1);return(0,l.tZ)("div",{...i,children:(0,l.BX)(u.J,{opened:r,onChange:d,position:"bottom",withArrow:!0,shadow:"xs",radius:8,styles:{dropdown:{border:"none",padding:0}},children:[(0,l.tZ)(p.k,{onClick:()=>{d(e=>!e)},children:(0,l.tZ)(s.Ct,{styles:{root:{padding:"4px 10px",backgroundColor:"#ffffff",border:"1px solid ".concat(a.t.colors.neutral100),height:"30px"},inner:{textTransform:"initial"},rightSection:{lineHeight:"initial",display:"flex",alignItems:"center"}},size:"lg",radius:"xl",rightSection:(0,l.tZ)(u.J.Target,{children:(0,l.tZ)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:(0,l.tZ)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9 1.5C4.86 1.5 1.5 4.86 1.5 9C1.5 13.14 4.86 16.5 9 16.5C13.14 16.5 16.5 13.14 16.5 9C16.5 4.86 13.14 1.5 9 1.5ZM9 12.75C8.5875 12.75 8.25 12.4125 8.25 12V9C8.25 8.5875 8.5875 8.25 9 8.25C9.4125 8.25 9.75 8.5875 9.75 9V12C9.75 12.4125 9.4125 12.75 9 12.75ZM8.25 6.75H9.75V5.25H8.25V6.75Z",fill:r?"#2D87F3":"#8C8C8C"})})}),children:(0,l.tZ)(c.T,{size:"s4",type:"semiBold",color:a.t.colors.gray600,children:o({id:"articlePage.label.title.".concat(t),defaultMessage:m()(t)})})})}),(0,l.tZ)(u.J.Dropdown,{children:(0,l.BX)(C.W,{maw:352,p:16,children:[(0,l.tZ)(g.P,{onClick:()=>{d(!1)},sx:{position:"absolute",top:8,right:8,borderRadius:"50%"}}),(0,l.BX)(h.K,{spacing:4,children:[(0,l.tZ)(c.T,{size:"s3",type:"semiBold",children:o({id:"articlePage.label.title.".concat(t),defaultMessage:m()(t)})}),(0,l.tZ)(c.T,{size:"p4",color:a.t.colors.gray600,children:o({id:"articlePage.label.".concat(t),defaultMessage:m()(t)})})]})]})})]},String(r))})};var b=i(40905),Z=i(80372),x=i(73940),w=i(14292),y=i(83015),_=i(95386),M=i(98926),B=i(82729),O=i(92935),k=i(7259),P=i(72660);function _templateObject(){let e=(0,B._)(["\n  margin-top: 16px;\n  color: ",";\n  "," {\n    margin-top: 0;\n    margin-bottom: 16px;\n  }\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,B._)(["\n  padding: 16px;\n  background: ",";\n  border-radius: ",";\n\n  color: ",";\n  font-size: 14px;\n  line-height: 22px;\n  a {\n    color: ",";\n  }\n"]);return _templateObject1=function(){return e},e}let H=(0,P.ZP)(O.H).withConfig({componentId:"sc-4d274feb-0"})(_templateObject(),a.t.colors.gray800,k.M.mbUp),T=P.ZP.div.withConfig({componentId:"sc-4d274feb-1"})(_templateObject1(),a.t.colors.neutral50,a.t.borderRadius,a.t.colors.gray800,a.t.colors.primary600),OpeningOfArticle=e=>{let{article:t}=e,{locale:i}=(0,_.h)(),r=(0,y.d)(),a=(null==t?void 0:t.turnOffArticleVoice)||!(null==t?void 0:t.enableAudio),c=(0,n.useMemo)(()=>!!(!r&&[M.MV.Vietnam,M.MV.Indonesia].includes(i))&&!a,[i,a,r]);return(0,l.BX)(l.HY,{children:[((null==t?void 0:t.isPremium)||(null==t?void 0:t.label))&&(0,l.BX)(o.k,{gap:4,mb:18,mt:4,children:[(null==t?void 0:t.isPremium)&&(0,l.tZ)(b.l,{}),(null==t?void 0:t.label)&&(0,l.tZ)(LabelBadge,{label:null==t?void 0:t.label})]}),(0,l.tZ)(H,{tag:"h1",className:"article-header",children:d()((null==t?void 0:t.postTitle)||"")}),r&&(0,l.tZ)(w.ck,{}),c&&(0,l.tZ)(Z.e,{articleId:null==t?void 0:t.id,articleContent:null==t?void 0:t.postContent,isPremium:null==t?void 0:t.isPremium}),(0,l.tZ)(x.vo,{expert:null==t?void 0:t.expert,author:null==t?void 0:t.author,articleReviewed:null==t?void 0:t.articleReviewed,reviewer:null==t?void 0:t.reviewer,updatedAt:(null==t?void 0:t.modifiedTime)||""}),(null==t?void 0:t.affiliate_message)&&(0,l.tZ)(T,{dangerouslySetInnerHTML:{__html:t.affiliate_message}})]})}}}]);