1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8560],{24988:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/beauty-highlights/[...slug]",function(){return t(50110)}])},77245:function(e,n,t){"use strict";t.d(n,{Z:function(){return Card}});var i=t(85893);t(67294);var l=t(45697),a=t.n(l),s=t(64519),r=t(46520),d=t(11163),c=t(25675),o=t.n(c);let Card=e=>{let{forwardKey:n,forwardRef:t,variant:l="basic",colLeft:a="col-12",colRight:c="col-12",label:u="",labelClassName:g="",title:m,titleClassName:p="",text:h,textClassName:_="",icon:v,cardIconClassName:b,iconWidth:y,img:j,imgHeight:x="",imgRatio:f="r-16-9",imgAlt:N,imgOverlay:w="bottom",imgSizes:k,link:O="",target:I=null,cardBgClassName:E="",cardBodyClassName:L="",className:S="",id:D,children:C,onClick:T,isNextImage:$=!0}=e,B=(0,d.useRouter)(),R=/\bh[1-6]\b|\bdisplay-/.test(p);return(0,i.jsx)(r.r,{to:O,className:"card card-".concat(l," ").concat(S),target:I,id:D,ref:t,onClick:()=>{O&&B.push(O)},children:(0,i.jsxs)("div",{className:"row row-0",children:[v||j&&(0,i.jsxs)("div",{className:"col-bg ".concat(a),children:[v&&(0,i.jsx)("div",{className:"card-icon ".concat(b),children:(0,i.jsx)(o(),{src:v,className:"img-fluid card-icon-img ".concat(y),alt:m||"Icon",width:100,height:100,style:{width:"auto",height:"auto"},unoptimized:!0})}),j&&(0,i.jsx)("div",{className:"card-bg ".concat(E),children:(0,i.jsxs)("div",{className:"card-bg-img ".concat(x),children:[(0,i.jsx)("div",{className:"bg-overlay bg-overlay-".concat(w)}),(0,i.jsx)(s.E,{src:j,ratio:f,alt:N,isNextImage:$,sizes:k})]})})]}),(0,i.jsx)("div",{className:"col-body ".concat(c),children:(m||h||C)&&(0,i.jsxs)("div",{className:"card-body ".concat(L),children:[u&&(0,i.jsx)("span",{className:"card-label ".concat(g),children:u}),m&&(0,i.jsx)("h3",{className:"card-title ".concat(R?"":"h4 ").concat(p),children:m}),h&&(0,i.jsx)("p",{className:"card-text ".concat(_),children:h}),C]})})]})},n)};Card.propTypes={variant:a().oneOf(["basic","boxless","overlay"]),colLeft:a().string,colRight:a().string,label:a().string,labelClassName:a().string,title:a().string,titleClassName:a().string,text:a().string,textClassName:a().string,img:a().any,imgHeight:a().string,imgRatio:a().string,imgAlt:a().string,imgOverlay:a().string,imgSizes:a().string,link:a().string,target:a().string,cardBgClassName:a().string,cardBodyClassName:a().string,className:a().string,id:a().string,onClick:a().any,children:a().any}},48687:function(e,n,t){"use strict";t.d(n,{Gy:function(){return s},UC:function(){return a},tN:function(){return r}});var i=t(82729),l=t(68806);function _templateObject(){let e=(0,i._)(['\n query {\n blogs_is_featured: blogs(language: "en", is_featured: 1) {\n datas {\n id\n title\n slug\n type\n image\n excerpt\n publish_date\n category {\n id\n title\n slug\n }\n related_products {\n id\n title\n images\n rate\n price\n sell_price\n video\n firstcategory {\n title\n slug\n }\n }\n }\n }\n blogs_editor_pick: blogs(language: "en", editor_pick: 1) {\n datas {\n id\n title\n slug\n type\n image\n excerpt\n publish_date\n category {\n id\n title\n slug\n }\n related_products {\n id\n title\n images\n rate\n price\n sell_price\n video\n firstcategory {\n title\n slug\n }\n }\n }\n }\n }\n']);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,i._)(['\n query BLOGS($type: String, $category_id: Int, $page: Int) {\n blogs(\n language: "en"\n type: $type\n category_id: $category_id\n limit: 6\n page: $page\n ) {\n pagination {\n count\n current_page\n total_data\n last_page\n }\n datas {\n id\n title\n slug\n type\n image\n excerpt\n publish_date\n category {\n id\n title\n slug\n }\n related_products {\n id\n title\n images\n rate\n price\n sell_price\n video\n firstcategory {\n title\n slug\n }\n }\n }\n }\n }\n']);
1return _templateObject1=function(){return e},e}function _templateObject2(){let e=(0,i._)(['\n query BLOGS($type: String!, $category_id: ID!) {\n blogs(language: "en", type: $type, category_id: $category_id) {\n datas {\n id\n title\n slug\n type\n image\n excerpt\n publish_date\n category {\n id\n title\n slug\n }\n related_products {\n id\n title\n images\n rate\n price\n sell_price\n video\n firstcategory {\n title\n slug\n }\n }\n }\n }\n }\n']);return _templateObject2=function(){return e},e}function _templateObject3(){let e=(0,i._)(['\n query CATEGORY($type: String!) {\n blogcategories(language: "en", type: $type) {\n id\n title\n slug\n }\n }\n']);return _templateObject3=function(){return e},e}function _templateObject4(){let e=(0,i._)(['\n query BLOG($id: ID!) {\n blog(language: "en", id: $id) {\n id\n title\n slug\n type\n image\n excerpt\n category {\n id\n title\n slug\n }\n publish_date\n content\n related_products {\n id\n title\n slug\n images\n is_vto\n rate\n price\n sell_price\n is_wishlist\n firstcategory {\n title\n }\n secondcategory {\n title\n }\n award_1_url\n award_2_url\n label\n skus {\n image_no\n id\n sku_code\n }\n }\n related_blogs {\n id\n title\n type\n image\n publish_date\n content\n slug\n }\n seo {\n meta_title\n meta_keyword\n meta_description\n }\n }\n }\n']);return _templateObject4=function(){return e},e}function _templateObject5(){let e=(0,i._)(['\n query BLOGS {\n blogs(language: "en", limit: 6) {\n datas {\n id\n title\n slug\n type\n image\n excerpt\n publish_date\n category {\n id\n title\n slug\n }\n related_products {\n id\n title\n images\n rate\n price\n sell_price\n video\n firstcategory {\n title\n slug\n }\n }\n }\n }\n }\n']);return _templateObject5=function(){return e},e}function _templateObject6(){let e=(0,i._)(['\n query BLOGS($type: String, $category_id: Int, $page: Int) {\n blogs(\n language: "en"\n type: $type\n category_id: $category_id\n limit: 50\n page: $page\n ) {\n pagination {\n count\n current_page\n total_data\n last_page\n }\n datas {\n id\n title\n slug\n type\n image\n excerpt\n publish_date\n category {\n id\n title\n slug\n }\n related_products {\n id\n title\n images\n rate\n price\n sell_price\n video\n firstcategory {\n title\n slug\n }\n }\n }\n }\n }\n']);return _templateObject6=function(){return e},e}(0,l.Ps)(_templateObject());let a=(0,l.Ps)(_templateObject1());(0,l.Ps)(_templateObject2()),(0,l.Ps)(_templateObject3());let s=(0,l.Ps)(_templateObject4());(0,l.Ps)(_templateObject5());let r=(0,l.Ps)(_templateObject6())},50110:function(e,n,t){"use strict";t.r(n),t.d(n,{Q_BEAUTY_DETAIL:function(){return I},__N_SSG:function(){return O},default:function(){return _slug_}});var i=t(82729),l=t(85893),a=t(67294),s=t(73359),r=t(11163),d=t(30381),c=t.n(d),o=t(87452),u=t(14734),g=t(48687),m=t(35447),p=t(61765);t(64519);var h=t(87572),_=t(77245),v=t(49857),b=t(56932);t(5679);var y=t(45007),j=t(14633),x=t(18273),f=t(38408),N=t(26878),w=t(9780),related_products=e=>{var n;let{blogState:t}
1=e,i=(0,r.useRouter)(),[s,d]=a.useState([]),{user_data:c}=(0,y.v9)(e=>e.authReducer),o=a.useRef(0),handleDataLayerCallback=e=>{o.current=o.current+1,d([...s,e])};return a.useEffect(()=>{s.length>0&&o.current===s.length&&((0,w._)({isLogin:c?c.id:0,location:i.asPath,list:"beauty highlight page",product:s},w.D.productImpression),o.current=0,d([]))},[s]),(0,l.jsx)(l.Fragment,{children:(null==t?void 0:null===(n=t.related_products)||void 0===n?void 0:n.length)>0&&(0,l.jsx)("section",{className:"sc-related pb-main",children:(0,l.jsxs)("div",{className:"container",children:[(0,l.jsx)("div",{className:"heading",children:(0,l.jsx)("h2",{children:"Related Products"})}),(0,l.jsx)(v.i,{showInitial:4.5,showXxlDown:4,showXlDown:4,showLgDown:3,showMdDown:2.25,showSmDown:1.5,arrowsInitial:!1,arrowsXxlDown:!1,arrowsLgDown:!1,idParent:"related-pro",children:null==t?void 0:t.related_products.map((e,n)=>(0,l.jsx)(N.Z,{children:(0,l.jsx)(CardProductSection,{value:e,callback:handleDataLayerCallback})},e.id))})]})})})};let CardProductSection=e=>{let{value:n,isVisible:t,callback:i}=e;return a.useEffect(()=>{t&&i(n)},[t]),(0,l.jsx)(f.Z,{id:n.id,title:n.title,slug:n.slug,sellPrice:n.sell_price,price:n.price,img:n.images[0],label:n.label,rating:n.rate,isWishlist:0!==n.is_wishlist,link:"/shop/".concat(n.id),className:"revealInUp hover-zoomIn",isTryOn:!1,isAddBag:!1,isWishlistIcon:!0,isRating:!0,hideButton:!0,related:!0,product_data:n,listname:"related product",...n})};var slug=e=>{var n,t,i,d,f,N;let{blogState:w}=e,k=(0,r.useRouter)();(0,y.I0)();let[O,I]=(0,s.t)(g.Gy,{errorPolicy:"all"}),[E,L]=(0,a.useState)(),[S,D]=a.useState(!1);(0,a.useEffect)(()=>{L(document.location.href)},[]);let handleRelatedCleverTap=e=>{let{title:n}=w;(0,j.J)({title:n,titleRelatedArticle:e.title})};a.useEffect(()=>{if(w){var e;let{type:n,title:t}=w;(null==k?void 0:null===(e=k.query)||void 0===e?void 0:e.type)==="editor"?(0,j.N_)({title:t}):"Beauty Tips"===n?(0,j.bm)({title:t}):"Video"===n?(0,j.hF)({title:t}):"Event"===n&&(0,j.LU)({title:t})}},[w]),a.useEffect(()=>{if(w){var e=document.getElementsByTagName("p");for(let n=0;n<e.length;n++)if(e[n].getElementsByTagName("iframe").length>0){let t=document.createElement("div");t.append(e[n].getElementsByTagName("iframe")[0]),e[n].append(t),e[n].getElementsByTagName("div")[0].classList.add("embed-responsive","embed-responsive-16by9"),e[n].getElementsByTagName("iframe")[0].classList.add("embed-responsive-item")}D(!1)}},[w]),a.useEffect(()=>{let{query:e}=k;e&&"false"===e.loading&&D(!1)},[]);let C=(null==w?void 0:null===(n=w.category)||void 0===n?void 0:n.slug)?"/beauty-highlights/".concat(w.category.slug,"/").concat(w.slug,"-").concat(w.id):null,T=(0,m.v4)(null==w?void 0:w.publish_date),$=[{name:"Home",path:"/"},{name:"Beauty Highlights",path:"/beauty-highlights"},{name:null==w?void 0:w.title,path:null}];return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(o.Z,{title:(null==w?void 0:null===(t=w.seo)||void 0===t?void 0:t.meta_title)||(null==w?void 0:w.title)||void 0,description:(null==w?void 0:null===(i=w.seo)||void 0===i?void 0:i.meta_description)||void 0,image:(null==w?void 0:w.image)||void 0,isArticle:!0,publishedTime:(null==w?void 0:w.publish_date)||void 0,author:"Make Over",url:C?(0,u.GR)(C):void 0}),(0,l.jsx)(m.hg,{id:"ld-article",data:(0,m.MV)({title:(null==w?void 0:null===(d=w.seo)||void 0===d?void 0:d.meta_title)||(null==w?void 0:w.title),description:(null==w?void 0:null===(f=w.seo)||void 0===f?void 0:f.meta_description)||(null==w?void 0:w.excerpt),image:null==w?void 0:w.image,publishedAt:null==w?void 0:w.publish_date,path:C,section:null==w?void 0:null===(N=w.category)||void 0===N?void 0:N.title})}),(0,l.jsx)(m.hg,{id:"ld-breadcrumb",data:(0,m.ij)($)}),S?(0,l.jsxs)(x.nR,{children:[(0,l.jsx)(x.Od,{width:"100%",height:"500px",className:"d-none d-md-block"}),(0,l.jsx)(x.Od,{width:"100%",height:"250px",className:"d-block d-md-none"}),(0,l.jsx)("section",{className:"sc-beauty-highlights-details-cover pt-main-sm",children:(0,l.jsx)("div",{className:"container mw-lg",children:(0,l.jsx)(x.Od,{ratio:"r-16-9"})})}),(0,l.jsx)("section",{className:"sc-beauty-highlights-details-content py-main",children:(0,l.jsxs)("div",{className:"container mw-lg",children:[(0,l.jsx)(x.sI,{el:"p",groupClassName:"mb-4"}),(0,l.jsx)(x.sI,{el:"p"})]})})]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("article",{children:[(0,l.jsx)("section",{className:"sc-beauty-highlights-detail-header",children:(0,l.jsx)(h.Y,{theme:"dark",img:null==w?void 0:w.image,imgHeight:"h-250px h-md-500px",className:"cover-full beauty-highlights-detail-cover",contentMaxWidth:"mw-100",overlaySha
1dow:!0,children:(0,l.jsxs)("div",{className:"container",children:[(0,l.jsx)("div",{className:"col-left",children:(0,l.jsxs)("header",{children:[(0,l.jsx)("p",{className:"fadeInUp",children:w&&T?(0,l.jsx)("time",{dateTime:T,children:c()(null==w?void 0:w.publish_date).locale("id").format("LL")}):null}),(0,l.jsx)("h1",{className:"fadeInUp d1",children:null==w?void 0:w.title})]})}),(0,l.jsx)(b.d,{desktop:!0,title:"Title",url:E,className:"fadeInUp d2 d-none d-md-block",media:null==w?void 0:w.image}),(0,l.jsx)(b.d,{mobile:!0,title:"Title",url:E,className:"fadeInUp d2 d-block d-md-none",media:null==w?void 0:w.image})]})})}),(0,l.jsx)("section",{className:"sc-beauty-highlights-details-content py-main",children:(0,l.jsxs)("div",{className:"container mw-lg",children:[(0,l.jsx)(p.a,{isProduct:!0,theme:"light",className:"mb-3",linkData:[{name:"HOME",link:"/"},{name:"BEAUTY HIGHLIGHTS",link:"/beauty-highlights"},{name:null==w?void 0:w.title,link:null}]}),(0,l.jsx)("div",{className:"post-content fadeInUp d4",dangerouslySetInnerHTML:{__html:null==w?void 0:w.content}})]})})]}),(0,l.jsx)(related_products,{blogState:w}),(0,l.jsx)("section",{className:"sc-related-articles pb-main",children:(0,l.jsxs)("div",{className:"container",children:[(0,l.jsx)("div",{className:"heading",children:(0,l.jsx)("h2",{children:"Related Articles"})}),(0,l.jsx)(v.i,{showInitial:3,showXxlDown:3,showXlDown:3,showLgDown:2,showMdDown:2,showSmDown:1.5,arrowsLgDown:!1,children:null==w?void 0:w.related_blogs.slice(0,3).map((e,n)=>{var t,i,a;return(0,l.jsx)("div",{onClick:()=>handleRelatedCleverTap(e),children:(0,l.jsx)(_.Z,{className:"card-highlight mb-3",variant:"boxless",img:e.image,imgRatio:"r-16-9",label:c()(null==e?void 0:e.publish_date).locale("id").format("LL"),title:e.title,link:"/beauty-highlights/".concat(null!==(a=null==e?void 0:null===(t=e.category)||void 0===t?void 0:t.slug)&&void 0!==a?a:null==w?void 0:null===(i=w.category)||void 0===i?void 0:i.slug,"/").concat(e.slug,"-").concat(e.id)},n)})})})]})})]})]})},k=t(68806);function _templateObject(){let e=(0,i._)(['\n query BLOG($id: ID!) {\n blog(language: "en", id: $id) {\n id\n title\n slug\n type\n image\n excerpt\n category {\n id\n title\n slug\n }\n publish_date\n content\n related_products {\n id\n title\n slug\n images\n is_vto\n rate\n price\n sell_price\n is_wishlist\n firstcategory {\n title\n }\n secondcategory {\n title\n }\n award_1_url\n award_2_url\n label\n skus {\n image_no\n id\n sku_code\n }\n }\n related_blogs {\n id\n title\n type\n image\n publish_date\n slug\n # Kategori artikel terkait WAJIB ikut diambil: kartu "Related Articles"\n # dulu merangkai link-nya dari kategori artikel yang SEDANG dibuka\n # (satu-satunya kategori yang tersedia), padahal artikel terkait\n # umumnya beda kategori. Dulu URL keliru itu tetap balas 200; sejak\n # kategori dinormalkan lewat 301, tanpa field ini hampir semua link\n # antar-artikel jadi melewati satu hop redirect.\n category {\n slug\n }\n }\n seo {\n meta_title\n meta_keyword\n meta_description\n }\n }\n }\n']);return _templateObject=function(){return e},e}var O=!0;let I=(0,k.Ps)(_templateObject());var _slug_=e=>{let{blog:n}=e;return(0,l.jsx)(slug,{blogState:n})}}},function(e){e.O(0,[6812,539,5343,1692,8159,6310,6679,8052,4066,6e3,7102,6878,4656,4849,2261,7843,7450,77,7572,9774,2888,179],function(){return e(e.s=24988)}),_N_E=e.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.