1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7012],{17355:function(n,e,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/articles/[articleId]",function(){return r(90461)}])},90461:function(n,e,r){"use strict";r.r(e),r.d(e,{default:function(){return Y}});var t=r(85893),a=r(56810),i=r(47568),o=r(97582),s=r(34594),c=r(92674),d=r(35991),l=r(7297),f=r(52015),u=r(52686),p=r(41664),h=r.n(p),x=r(25675),m=r.n(x);function g(){var n=(0,l.Z)(["\n display: flex;\n justify-content: center;\n align-items: center;\n background: ",';\n margin-bottom: 30px;\n object-fit: contain;\n position: relative;\n height: 340px;\n width: 100%;\n\n :after {\n content: "";\n background: transparent linear-gradient(360deg, #000000 0%, #80808000 100%) 0% 0% no-repeat padding-box;\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 300px;\n left: 0;\n }\n\n @media (max-width: 767px) {\n height: 200px;\n\n :after {\n height: 100px;\n }\n }\n']);return g=function(){return n},n}function b(){var n=(0,l.Z)(["\n position: absolute;\n bottom: 30px;\n left: 0;\n right: 0;\n margin: 0 auto;\n text-align: center;\n z-index: 3;\n color: #fff;\n font-size: 50px;\n line-height: 54px;\n animation: typing 2s steps(22, end) forwards;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: 0 30px;\n\n @keyframes typing {\n 0% {\n width: 0%\n }\n 100% {\n width: 100%\n }\n }\n\n @media (max-width: 767px) {\n font-size: 24px;\n line-height: 26px;\n bottom: 20px;\n }\n"]);return b=function(){return n},n}function v(){var n=(0,l.Z)(["\n margin-top: 16px;\n padding: 1rem;\n"]);return v=function(){return n},n}function w(){var n=(0,l.Z)(["\n text-align: center;\n\n span:first-child {\n width: 100% !important;\n box-shadow: 0 0 20px 0 rgb(3 21 48 / 6%) !important;\n border-radius: 4px !important;\n }\n"]);return w=function(){return n},n}function j(){var n=(0,l.Z)(["\n justify-content: space-between;\n flex-direction: row;\n align-items: center;\n display: flex;\n\n @media (max-width: 768px) {\n span {\n display: none;\n }\n }\n"]);return j=function(){return n},n}function y(){var n=(0,l.Z)(["\n color: #252628;\n font-size: 26px;\n"]);return y=function(){return n},n}function N(){var n=(0,l.Z)(["\n color: #9a9ba0;\n font-size: 20px;\n"]);return N=function(){return n},n}function Z(){var n=(0,l.Z)(["\n object-fit: cover;\n"]);return Z=function(){return n},n}function _(){var n=(0,l.Z)(["\n padding: 6px 20px;\n color: #fff;\n font-size: 14px;\n background-color: #d3ab64;\n -webkit-border-radius: 40px;\n text-transform: uppercase;\n font-weight: 600;\n letter-spacing: .5px;\n line-height: normal;\n border: 2px solid #d3ab64;\n\n :hover {\n color: #fff;\n background-color: #c8a058;\n border: 2px solid #c8a058;\n }\n"]);return _=function(){return n},n}function C(){var n=(0,l.Z)(["\n margin-top: 16px;\n color: #252628;\n font-size: 16px;\n"]);return C=function(){return n},n}var E=f.ZP.div.withConfig({componentId:"sc-beedc90-0"})(g(),function(n){return n.bg_color?n.bg_color:"#d5d5d5"}),I=f.ZP.h2.withConfig({componentId:"sc-beedc90-1"})(b()),k=(0,f.ZP)(u.Z).withConfig({componentId:"sc-beedc90-2"})(v()),P=f.ZP.div.attrs(function(n){return{className:n.classNameApply}}).withConfig({componentId:"sc-beedc90-3"})(w());(0,f.ZP)(h()).withConfig({componentId:"sc-beedc90-4"})(j());var R=f.ZP.h2.withConfig({componentId:"sc-beedc90-5"})(y()),z=f.ZP.h5.withConfig({componentId:"sc-beedc90-6"})(N()),F=(0,f.ZP)(m()).withConfig({componentId:"sc-beedc90-7"})(Z());f.ZP.button.attrs({className:"btn btn-small"}).withConfig({componentId:"sc-beedc90-8"})(_());var T=f.ZP.div.withConfig({componentId:"sc-beedc90-9"})(C()),O=r(11163),S=r(67294),M=r(47243),$=r(10682),H=r(34051),L=function(){var n=(0,O.useRouter)(),e=(0,d.U)(function(n){return n.ConfigReducer}),r=(0,S.useState)({}),a=r[0],l=r[1],f=n.query.articleId;console.log("articleDetail",a);var u,p=(0,S.useCallback)((0,i.Z)(function(){var n,e;return(0,o.__generator)(this,function(r){switch(r.label){case 0:return r.trys.push([0,2,,3]),[4,(0,M.pj)({article_id:f})];case 1:return(null==(n=r.sent())?void 0:n.data.status)&&l(n.data.data),[3,3];case 2:return e=r.sent(),console.error("Failed to fetch email news",e),[3,3];case 3:return[2]}})}),[f]);return(0,S.useEffect)(function(){f&&p()},[f,p]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(E,{bg_color:(0,s.Vu)(e,"about_us"),children:(0,t.jsx)(I,{children:"Article"})}),(0,t.jsx)(c.Xr,{background:(0,s.Vu)(e,"media"),children:(0,t.jsx)($.Z,{children:(0,t.jsx)(H.Z,{children:Object.keys(a).length>0?(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)(k,{children:[(0,t.jsx)(P,{classNameApply:"c
1ol-md-12",children:(0,t.jsx)(F,{src:a.media.replace("your_web_article","your_web_highlight"),width:1500,height:600})}),(0,t.jsx)("hr",{}),(0,t.jsx)(R,{children:a.title}),(0,t.jsx)(z,{children:(0,s.p6)(a.publish_date,"DD MMM, YYYY")}),(0,t.jsx)("hr",{}),(0,t.jsx)(T,{children:(0,t.jsx)("p",{dangerouslySetInnerHTML:{__html:(u=a.description,(0,s.Ep)(u))}})})]})}):(0,t.jsx)(t.Fragment,{})})})})]})},Y=function(){return(0,a.N)().isSSRLoaded?(0,t.jsx)(L,{}):(0,t.jsx)(t.Fragment,{})}},52686:function(n,e,r){"use strict";r.d(e,{Z:function(){return y}});var t=r(93967),a=r.n(t),i=r(67294),o=r(76792),s=r(85893);let c=i.forwardRef(({className:n,bsPrefix:e,as:r="div",...t},i)=>(e=(0,o.vE)(e,"card-body"),(0,s.jsx)(r,{ref:i,className:a()(n,e),...t})));c.displayName="CardBody";let d=i.forwardRef(({className:n,bsPrefix:e,as:r="div",...t},i)=>(e=(0,o.vE)(e,"card-footer"),(0,s.jsx)(r,{ref:i,className:a()(n,e),...t})));d.displayName="CardFooter";var l=r(49059);let f=i.forwardRef(({bsPrefix:n,className:e,as:r="div",...t},c)=>{let d=(0,o.vE)(n,"card-header"),f=(0,i.useMemo)(()=>({cardHeaderBsPrefix:d}),[d]);return(0,s.jsx)(l.Z.Provider,{value:f,children:(0,s.jsx)(r,{ref:c,...t,className:a()(e,d)})})});f.displayName="CardHeader";let u=i.forwardRef(({bsPrefix:n,className:e,variant:r,as:t="img",...i},c)=>{let d=(0,o.vE)(n,"card-img");return(0,s.jsx)(t,{ref:c,className:a()(r?`${d}-${r}`:d,e),...i})});u.displayName="CardImg";let p=i.forwardRef(({className:n,bsPrefix:e,as:r="div",...t},i)=>(e=(0,o.vE)(e,"card-img-overlay"),(0,s.jsx)(r,{ref:i,className:a()(n,e),...t})));p.displayName="CardImgOverlay";let h=i.forwardRef(({className:n,bsPrefix:e,as:r="a",...t},i)=>(e=(0,o.vE)(e,"card-link"),(0,s.jsx)(r,{ref:i,className:a()(n,e),...t})));h.displayName="CardLink";var x=r(39602);let m=(0,x.Z)("h6"),g=i.forwardRef(({className:n,bsPrefix:e,as:r=m,...t},i)=>(e=(0,o.vE)(e,"card-subtitle"),(0,s.jsx)(r,{ref:i,className:a()(n,e),...t})));g.displayName="CardSubtitle";let b=i.forwardRef(({className:n,bsPrefix:e,as:r="p",...t},i)=>(e=(0,o.vE)(e,"card-text"),(0,s.jsx)(r,{ref:i,className:a()(n,e),...t})));b.displayName="CardText";let v=(0,x.Z)("h5"),w=i.forwardRef(({className:n,bsPrefix:e,as:r=v,...t},i)=>(e=(0,o.vE)(e,"card-title"),(0,s.jsx)(r,{ref:i,className:a()(n,e),...t})));w.displayName="CardTitle";let j=i.forwardRef(({bsPrefix:n,className:e,bg:r,text:t,border:i,body:d=!1,children:l,as:f="div",...u},p)=>{let h=(0,o.vE)(n,"card");return(0,s.jsx)(f,{ref:p,...u,className:a()(e,h,r&&`bg-${r}`,t&&`text-${t}`,i&&`border-${i}`),children:d?(0,s.jsx)(c,{children:l}):l})});j.displayName="Card";var y=Object.assign(j,{Img:u,Title:w,Subtitle:g,Body:c,Link:h,Text:b,Header:f,Footer:d,ImgOverlay:p})}},function(n){n.O(0,[9774,2888,179],function(){return n(n.s=17355)}),_N_E=n.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.