https://mblife.vn/_next/static/chunks/pages/khuyen-mai/[slug]-e50e79b1b096bef82442.js

1_N_E=(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[57],{"97jo":function(e,t,o){"use strict";o.d(t,"a",(function(){return u}));var n=o("VbXa"),i=o.n(n),l=o("q1tI"),r=o.n(l),a=o("bdgK"),s=null;"undefined"!==typeof CSS&&CSS.supports&&(CSS.supports("position","sticky")?s="sticky":CSS.supports("position","-webkit-sticky")&&(s="-webkit-sticky"));var d=!1;try{var c=Object.defineProperty({},"passive",{get:function(){d={passive:!0}}});window.addEventListener("testPassive",null,c),window.removeEventListener("testPassive",null,c)}catch(h){}var u=function(e){function t(t){var o=e.call(this,t)||this;return o.addListener=function(e,t,n,i){e.addEventListener(t,n,i),o.unsubscribes.push((function(){return e.removeEventListener(t,n)}))},o.addResizeObserver=function(e,t){var n=new a.default(t);n.observe(e),o.unsubscribes.push((function(){return n.disconnect()}))},o.registerContainerRef=function(e){s&&(o.node=e,e?(o.scrollPane=function(e){for(var t=e;t=t.parentElement;){var o=getComputedStyle(t,null).getPropertyValue("overflow-y");if(t===document.body)return window;if("auto"===o||"scroll"===o)return t}return window}(o.node),o.latestScrollY=o.scrollPane===window?window.scrollY:o.scrollPane.scrollTop,o.addListener(o.scrollPane,"scroll",o.handleScroll,d),o.addListener(o.scrollPane,"mousewheel",o.handleScroll,d),o.scrollPane===window?(o.addListener(window,"resize",o.handleWindowResize),o.handleWindowResize()):(o.addResizeObserver(o.scrollPane,o.handleScrollPaneResize),o.handleScrollPaneResize()),o.addResizeObserver(o.node.parentNode,o.handleParentNodeResize),o.handleParentNodeResize(),o.addResizeObserver(o.node,o.handleNodeResize),o.handleNodeResize({initial:!0}),o.initial()):(o.unsubscribes.forEach((function(e){return e()})),o.unsubscribes=[],o.scrollPane=null))},o.getCurrentOffset=function(){if("relative"===o.mode)return o.offset;var e=o.props,t=e.offsetTop,n=e.offsetBottom;return"stickyTop"===o.mode?Math.max(0,o.scrollPaneOffset+o.latestScrollY-o.naturalTop+t):"stickyBottom"===o.mode?Math.max(0,o.scrollPaneOffset+o.latestScrollY+o.viewPortHeight-(o.naturalTop+o.nodeHeight+n)):void 0},o.handleWindowResize=function(){o.viewPortHeight=window.innerHeight,o.scrollPaneOffset=0,o.handleScroll()},o.handleScrollPaneResize=function(){o.viewPortHeight=o.scrollPane.offsetHeight,o.scrollPane.firstChild.offsetParent===o.scrollPane?o.scrollPaneOffset=o.scrollPane.getBoundingClientRect().top:o.scrollPaneOffset=0,o.handleScroll()},o.handleParentNodeResize=function(){var e=o.node.parentNode,t=getComputedStyle(e,null),n=parseInt(t.getPropertyValue("padding-top"),10),i=parseInt(t.getPropertyValue("padding-bottom"),10);o.naturalTop=function(e,t){var o=e,n=0;t.firstChild&&t.firstChild.offsetParent!==t&&(n+=e.offsetTop-t.offsetTop,t=e.offsetParent,n+=-e.offsetTop);do{n+=o.offsetTop,o=o.offsetParent}while(o&&o!==t);return n}(e,o.scrollPane)+n+o.scrollPaneOffset;var l=o.parentHeight;o.parentHeight=e.getBoundingClientRect().height-(n+i),"relative"===o.mode&&(o.props.bottom?o.changeMode("relative"):l>o.parentHeight&&o.changeToStickyBottomIfBoxTooLow(o.latestScrollY)),l!==o.parentHeight&&"relative"===o.mode&&(o.latestScrollY=Number.POSITIVE_INFINITY,o.handleScroll())},o.handleNodeResize=function(e){var t=(void 0===e?{}:e).initial,n=o.nodeHeight;if(o.nodeHeight=o.node.getBoundingClientRect().height,!t&&n!==o.nodeHeight){var i=o.props,l=i.offsetTop,r=i.offsetBottom,a=i.bottom;if(o.nodeHeight+l+r<=o.viewPortHeight)o.mode=void 0,o.initial();else{var s=n-o.nodeHeight,d=o.parentHeight-o.nodeHeight,c=Math.min(d,o.getCurrentOffset()+(a?s:0));o.offset=Math.max(0,c),a&&"stickyBottom"===o.mode||o.changeMode("relative")}}},o.handleScroll=function(){var e=o.props,t=e.offsetTop,n=e.offsetBottom,i=o.scrollPane===window?window.scrollY:o.scrollPane.scrollTop;if(i!==o.latestScrollY){if(o.nodeHeight+t+n<=o.viewPortHeight)return o.initial(),void(o.latestScrollY=i);var l=i-o.latestScrollY;o.offset=o.getCurrentOffset(),l>0?"stickyTop"===o.mode?i+o.scrollPaneOffset+t>o.naturalTop&&(i+o.scrollPaneOffset+o.viewPortHeight<=o.naturalTop+o.nodeHeight+o.offset+n?o.changeMode("relative"):o.changeMode("stickyBottom")):"relative"===o.mode&&o.changeToStickyBottomIfBoxTooLow(i):"stickyBottom"===o.mode?o.scrollPaneOffset+i+o.viewPortHeight<o.naturalTop+o.parentHeight+n&&(o.scrollPaneOffset+i+t>=o.naturalTop+o.offset?o.changeMode("relative"):o.changeMode("stickyTop")):"relative"===o.mode&&o.scrollPaneOffset+i+t<o.naturalTop+o.offset&&o.changeMode("stickyTop"),o.latestScrollY=i}},t.offset,o.unsubscribes=[],o}i()(t,e);var o=t.prototype;return o.changeMode=function(e){var t=this.props,o=t.onChangeMode,n=t.offsetTop,i=t.offsetBottom,l=t.bottom;if(this.mode!==e&&o(this.mode,e),this.mode=e,"relative"===e)if(this.node.style.position="relative",l){var r=Math.max(0,this.parentHeight-this.nodeHeight-this.offset);this.node.style.bottom=r+"px"}else this.node.style.top=this.offset+"px";else this.node.style.position=s,"stickyBottom"===e?l?this.node.style.bottom=i+"px":this.node.style.top=this.viewPortHeight-this.nodeHeight-i+"px":l?this.node.style.bottom=this.viewPortHeight-this.nodeHeight-i+"px":this.node.style.top=n+"px";this.offset=this.getCurrentOffset()},o.initial=function(){this.props.bottom?"stickyBottom"!==this.mode&&this.changeMode("stickyBottom"):"stickyTop"!==this.mode&&this.changeMode("stickyTop")},o.changeToStickyBottomIfBoxTooLow=function(e){var t=this.props.offsetBottom;e+this.scrollPaneOffset+this.viewPortHeight>=this.naturalTop+this.nodeHeight+this.offset+t&&this.changeMode("stickyBottom")},o.render=function(){var e=this.props,t=e.children,o=e.className,n=e.style;return r.a.createElement("div",{className:o,style:n,ref:this.registerContainerRef},t)},t}(r.a.Component);

1u.defaultProps={onChangeMode:function(){},offsetTop:0,offsetBottom:0}},SksO:function(e,t){function o(t,n){return e.exports=o=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},e.exports.__esModule=!0,e.exports.default=e.exports,o(t,n)}e.exports=o,e.exports.__esModule=!0,e.exports.default=e.exports},VbXa:function(e,t,o){var n=o("SksO");e.exports=function(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,n(e,t)},e.exports.__esModule=!0,e.exports.default=e.exports},p2tC:function(e,t,o){"use strict";o.r(t),o.d(t,"__N_SSP",(function(){return H})),o.d(t,"PromotionDetailPage",(function(){return R})),o.d(t,"config",(function(){return I}));var n=o("nKUr"),i=o("q1tI"),l=o.n(i),r=o("9ixD"),a=o("iIkO"),s=o("nhuD"),d=o("D+Gr"),c=o("vY5j"),u=o("JI1w"),h=o("PywT");const p=l.a.memo((({data:e,category:t})=>{var o,i;return Object(n.jsx)(a.Box,{display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"start",children:Object(n.jsxs)(a.Box,{textAlign:"left",children:[Object(n.jsx)(a.Box,{display:"flex",flexDirection:"row",alignItems:"left",justifyContent:"start",mb:[10,10,10,20],children:Object(n.jsx)(a.Box,{background:d.a.primary,borderRadius:"3px",children:Object(n.jsx)(a.Typography,{as:"h3",style:{textTransform:"uppercase"},fontSize:16,lineHeight:"24px",mb:"0px",px:"5px",color:d.a.white,className:"mbal-section-subtitle",children:t})})}),Object(n.jsx)(a.Typography,{as:"h1",mb:[20,20,20,"32px"],fontSize:54,fontWeight:600,lineHeight:"64px",color:d.a.textColor,textAlign:"left",justifyContent:"center",className:"mbal-section-title",children:null===e||void 0===e?void 0:e.title}),Object(n.jsxs)(a.Box,{display:"flex",flexWrap:"wrap",justifyContent:["flex-start"],fontSize:[13,14,14,16,"inherit"],children:[Object(n.jsxs)(a.Box,{display:"flex",flexWrap:"wrap",justifyContent:["flex-start","flex-start","flex-start","center"],mb:["10px","10px","10px","0px"],children:[Object(n.jsx)(a.Box,{mr:[14,14,14,"5px"],children:Object(n.jsx)(u.a,{src:"/images/avatarFlower.png",style:{width:"32px",height:"32px"}})}),Object(n.jsxs)(a.Box,{as:"span",mb:"0px",color:d.a.grayColor,children:["By",Object(n.jsx)(a.Box,{as:"strong",mb:"0px",ml:"5px",color:d.a.black,children:"MB Life"})]}),Object(n.jsx)(a.Box,{as:"span",mb:"0px",color:d.a.grayColor,ml:"10px",children:Object(c.default)(null!==(o=null!==(i=null===e||void 0===e?void 0:e.postedDate)&&void 0!==i?i:null===e||void 0===e?void 0:e.createdAt)&&void 0!==o?o:"").locale("vi").format("LL")})]}),Object(n.jsx)(h.a,{})]})]})})}));var f=o("KuX3"),v=o("u5ww");const x=l.a.memo((({data:e,type:t,lang:o})=>{var i,l,r;const s=null!==(i=null===e||void 0===e?void 0:e.seoKeyword)&&void 0!==i?i:[];return Object(n.jsxs)(a.Box,{backgroundColor:d.a.white,color:d.a.gray,mb:15,children:[Object(n.jsxs)(a.Box,{children:[Object(n.jsx)(a.Box,{px:[24,24,24,24,0],children:Object(n.jsx)(p,{data:e,category:Object(v.n)(t,o)})}),((null===e||void 0===e?void 0:e.bannerImagePath)||(null===e||void 0===e?void 0:e.featureImagePath))&&Object(n.jsx)(a.Box,{my:[25],width:"100%",borderRadius:24,overflow:"hidden",children:Object(n.jsx)(u.a,{src:null!==e&&void 0!==e&&e.bannerImagePath?null===e||void 0===e?void 0:e.bannerImagePath:null!==(l=null===e||void 0===e?void 0:e.featureImagePath)&&void 0!==l?l:"",alt:null===e||void 0===e?void 0:e.title,style:{marginLeft:"auto",marginRight:"auto",width:"100%",height:"100%",borderRadius:24}})})]}),Object(n.jsx)(a.Box,{dangerouslySetInnerHTML:{__html:null!==(r=null===e||void 0===e?void 0:e.content)&&void 0!==r?r:""},className:"mbal-post-editor",mb:["0px","0px","0px","0px","30px"],px:[24,24,24,24,0],pb:[36,36,36,36,0]}),s.length>0&&Object(n.jsx)(a.Box,{px:[24,24,24,24,0],display:["none","none","none","none","block"],children:Object(n.jsxs)(a.Typography,{fontSize:20,lineHeight:"20px",fontWeight:"normal",children:[o===f.l.EN?"Tags":"T\u1eeb kho\xe1",":"," ",s.map(((e,t)=>Object(n.jsxs)(a.Box,{color:d.a.primary,fontStyle:"italic",as:"span",fontSize:20,lineHeight:"20px",children:[e,t<(null===s||void 0===s?void 0:s.length)-1&&", "]},t)))]})})]})}));var g=o("bQ49"),m=o("hnwz"),b=o("vOnD"),j=o("OJSm");const y=Object(i.memo)((({dataRes:e,lang:t,route:o})=>Object(n.jsx)(n.Fragment,{children:Object(n.jsxs)(a.Box,{children:[Object(n.jsx)(a.Typography,{color:"#112843",fontSize:[20,20,20,20,24],lineHeight:"24px",fontWeight:600,mb:10,className:"mbal-section-title",children:t===f.l.EN?"Related Promotions":"Ch\u01b0\u01a1ng tr\xecnh khuy\u1ebfn m\xe3i"}),Object(n.jsx)(a.Box,{mb:28,borderBottom:"1px solid",borderColor:d.a.borderInputColor}),null===e||void 0===e?void 0:e.map(((e,t)=>{var i,l,r,s,h,p,f,v;const x=e.cdnFeatureImage||null!==e&&void 0!==e&&e.featureImagePath?null===e||void 0===e?void 0:e.featureImagePath:null===e||void 0===e||null===(i=e.articleRelated)||void 0===i?void 0:i.featureImagePath;return Object(n.jsx)(O,{href:null!==e&&void 0!==e&&null!==(l=e.articleRelated)&&void 0!==l&&l.urlSlug?`${o}/${null===e||void 0===e||null===(r=e.articleRelated)||void 0===r?void 0:r.urlSlug}`:o,$_css:Object(j.a)({"&:hover":{".Text":{color:d.a.primary}}}),children:Object(n.jsxs)(a.Box,{display:"flex",mb:30,children:[Object(n.jsx)(a.Box,{alignItems:"center",justifyContent:"center",width:"100px",height:"71px",borderRadius:4,children:Object(n.jsx)(u.a,{src:x||(null!==(s=(null===e||void 0===e||null===(h=e.articleRelated)||void 0===h?void 0:h.cdnBannerImage)||(null===e||void 0===e||null===(p=e.articleRelated)||void 0===p?void 0:p.bannerImagePath))&&void 0!==s?s:""),alt:null!==(f=null===e||void 0===e?void 0:e.title)&&void 0!==f?f:"",style:{borderRadius:4,width:"100%",height:71}})}),Object(n.jsxs)(a.Box,{flex:1,ml:14,children:[Object(n.jsx)(a.Typography,{color:d.a.textColor,fontSize:[16,16,16,16,18],lineHeight:"26px",fontWeight:600,mb:12,className:"Text",style:{transition:"all 0.3s ease-in-out"},children:null===e||void 0===e?void 0:e.title}

1),Object(n.jsx)(a.Typography,{color:d.a.gray,opacity:.64,fontSize:14,lineHeight:"14px",mb:0,children:Object(c.default)(null!==(v=null===e||void 0===e?void 0:e.createdAt)&&void 0!==v?v:"").locale("vi").format("LL")})]})]})},t)}))]})})));var O=Object(b.d)(a.Link).withConfig({componentId:"sc-1t20j77-0"})(["",""],(e=>e.$_css)),w=o("97jo"),P=o("Y0Nq");const T=l.a.memo((({data:e,type:t,route:o,pageType:i,slug:l})=>{var r,c;const u=Object(P.a)(),h=Object(v.m)(null===e||void 0===e?void 0:e.translations,u);return Object(n.jsx)(s.a,{title:"",breadcrumb:[{name:Object(v.n)(t,u),url:o},{name:null===h||void 0===h?void 0:h.title,url:""}],pageType:i,slug:l,children:Object(n.jsxs)(a.Box,{pt:[32,32,32,32,0],overflow:"hidden",children:[Object(n.jsx)(a.Container,{px:[0,0,0,0,20],width:[1],maxWidth:["100%","100%","768px","992px","1170px","1440px"],children:Object(n.jsxs)(a.Box,{display:"flex",flexDirection:"row",flexWrap:"wrap",mx:[0,0,0,0,-20],children:[Object(n.jsx)(a.Box,{width:[1,1,1,1,2/3],px:[0,0,0,0,20],children:h&&Object(n.jsx)(x,{data:h,type:t,lang:u})}),(null===h||void 0===h?void 0:h.relatedItems)&&(null===h||void 0===h||null===(r=h.relatedItems)||void 0===r?void 0:r.length)>0&&Object(n.jsx)(a.Box,{width:[1,1,1,1,1/3],px:[24,24,24,24,20],children:Object(n.jsx)(w.a,{offsetTop:100,offsetBottom:0,className:"mbal-reset-sticky",children:Object(n.jsx)(y,{dataRes:null!==(c=null===h||void 0===h?void 0:h.relatedItems)&&void 0!==c?c:[],lang:u,route:o})})})]})}),Object(n.jsx)(a.Box,{py:[48,48,48,48,56,126],backgroundColor:d.a.grayBlur,paddingX:[24,24,24,20],children:Object(n.jsx)(m.a,{})}),Object(n.jsx)(g.a,{})]})})}));var B=o("YYNf"),S=o("J5Kv"),k=o("karO");const C=f.a.PROMOTION;var H=!0;const R=({slug:e,lang:t})=>{var o,i,l,a,s,d,c,u;const{data:h}=Object(k.a)({variables:{type:C}}),{data:p}=Object(B.a)({variables:{slug:e,type:C}}),x=Object(v.m)(null===p||void 0===p||null===(o=p.article)||void 0===o?void 0:o.translations,Object(v.l)(t));return Object(n.jsxs)(n.Fragment,{children:[Object(n.jsx)(r.e,{title:null!==(i=null===x||void 0===x?void 0:x.seoPageTitle)&&void 0!==i?i:Object(v.n)(C,Object(v.l)(t)),description:null!==(l=null===x||void 0===x?void 0:x.metaDescription)&&void 0!==l?l:Object(v.n)(C,Object(v.l)(t)),additionalMetaTags:[{name:"keywords",content:null!==(a=null===x||void 0===x||null===(s=x.seoKeyword)||void 0===s?void 0:s.join(", "))&&void 0!==a?a:Object(v.n)(C,Object(v.l)(t))}],languageAlternates:[{href:`${S.e}/en/promotion/${e}`,hrefLang:"en"}],canonical:`${S.e}/khuyen-mai/${e}`,openGraph:{url:`${S.e}/khuyen-mai/${e}`,title:null!==(d=null===x||void 0===x?void 0:x.seoPageTitle)&&void 0!==d?d:Object(v.n)(C,Object(v.l)(t)),description:null!==(c=null===x||void 0===x?void 0:x.metaDescription)&&void 0!==c?c:Object(v.n)(C,Object(v.l)(t)),images:[{url:null!==(u=null===x||void 0===x?void 0:x.featureImagePath)&&void 0!==u?u:""}]}}),Object(n.jsx)(T,{data:null===p||void 0===p?void 0:p.article,route:"/khuyen-mai",type:C,dataGeneral:null===h||void 0===h?void 0:h.articleGeneralInfo,pageType:f.q.ARTICLE_PROMOTION,slug:Object(v.f)("khuyen-mai",e)})]})};t.default=R;const I={amp:!1}},tRu3:function(e,t,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/khuyen-mai/[slug]",function(){return o("p2tC")}])}},[["tRu3",2,1,3,4,5,6,7,8,9,10,12,13,14,19]]]);