https://www.thebodyshop.co.id/_next/static/chunks/pages/blogs-db890f38cdb3d759.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1055],{23508:function(e,i,t){"use strict";var r=t(64836);i.Z=void 0;var n=r(t(64938)),a=t(85893),o=(0,n.default)((0,a.jsx)("path",{d:"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"}),"ExpandMore");i.Z=o},85877:function(e,i,t){"use strict";var r=t(64836);i.Z=void 0;var n=r(t(64938)),a=t(85893),o=(0,n.default)((0,a.jsx)("path",{d:"M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z"}),"Sort");i.Z=o},89151:function(e,i,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blogs",function(){return t(48889)}])},84148:function(e,i,t){"use strict";var r=t(85893),n=t(98456),a=t(15861),o=t(67294);i.Z=e=>{const{children:i,hasMore:t,onLoadMore:s,loader:l,loaderClassName:d="",isLoading:c}=e,u=(0,o.useRef)(null),h=(0,o.useCallback)(s,[s]),p=(0,o.useCallback)((e=>{e[0].isIntersecting&&t&&h()}),[t,h]);return(0,o.useEffect)((()=>{const e=new IntersectionObserver(p,{root:null,rootMargin:"20px",threshold:1});u.current&&e.observe(u.current)}),[p]),(0,r.jsxs)(r.Fragment,{children:[i,c&&(l||(0,r.jsxs)("section",{className:`flex justify-center items-center gap-4 p-2 ${d}`,children:[(0,r.jsx)(n.Z,{size:20}),(0,r.jsx)(a.Z,{color:"primary",children:"Loading..."})]})),!c&&(0,r.jsx)("div",{ref:u})]})}},97496:function(e,i,t){"use strict";var r=t(85893),n=t(2734),a=t(53156),o=t(98456);i.Z=e=>{const i=(0,n.Z)(),{containerSx:t={}}=e;return(0,r.jsx)(a.Z,{sx:{display:"flex",alignItems:"flex-start",justifyContent:"center",paddingTop:i.spacing(4),minHeight:"100dvh",maxHeight:"100dvh",...t},children:(0,r.jsx)(o.Z,{})})}},20105:function(e,i,t){"use strict";var r=t(85893),n=t(2734),a=t(26447),o=t(15861),s=(t(67294),t(49574)),l=t(92777);i.Z=e=>{(0,n.Z)();return(0,r.jsxs)(a.Z,{alignItems:"center",textAlign:"center",spacing:4,sx:{py:10,...e.sx},height:"100%",children:[(0,r.jsx)(s.Z,{alt:"Oops",src:e.imageUrl||"/state/empty-state/search_empty.svg",height:88,width:88,sizes:"(max-width: 768px) 100vw, 50vw"}),(0,r.jsxs)(a.Z,{spacing:3,children:[(0,r.jsx)(o.Z,{variant:"h4",color:"primary",children:e.title||"Hasil Tidak Ditemukan"}),(0,r.jsx)(o.Z,{variant:"h6",color:"grey",children:e.subTitle||"Coba kata kunci lain atau coba lagi nanti"})]}),e.callback&&(0,r.jsx)(l.Z,{onClick:()=>(null===e||void 0===e?void 0:e.callback)&&(null===e||void 0===e?void 0:e.callback()),color:"primary",children:e.callbackTitle||"Coba Lagi"})]})}},95400:function(e,i,t){"use strict";t.d(i,{FM:function(){return s},RF:function(){return o},ZP:function(){return l},oc:function(){return a}});var r=t(85893),n=t(2962);const a="The Body Shop\xae Indonesia",o="Beli produk kecantikan, perawatan wajah dan tubuh alami di The Body Shop Indonesia Online. Terlengkap, Terpercaya dan Asli. beli di sini sekarang juga!",s="https://icarus-s3.s3.ap-southeast-3.amazonaws.com/products/meta-image.png";function l(e){const i=e.title||a;var t;const l=null!==(t=e.description)&&void 0!==t?t:o;var d;const c=null!==(d=e.image)&&void 0!==d?d:s;return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(n.PB,{title:i,description:l,openGraph:{title:i,description:l,...(null===e||void 0===e?void 0:e.url)&&{url:e.url},images:[{url:c,width:800,height:600}],siteName:a},additionalMetaTags:null===e||void 0===e?void 0:e.additionalMetaTags})})}},35845:function(e,i,t){"use strict";var r=t(85893),n=t(23508),a=t(53457),o=t(33841),s=t(15861),l=t(56815),d=t(90948),c=t(53213),u=t(21637);const h=t(67294).forwardRef(((e,i)=>{const{id:t,name:d,label:c,required:u,options:h,color:g="secondary",placeholder:v,error:m,helperText:j,...b}=e;return(0,r.jsxs)(a.Z,{sx:{width:"100%"},children:[c?(0,r.jsx)(o.Z,{htmlFor:t,children:(0,r.jsxs)(s.Z,{variant:"h6",color:"primary",children:[c,u&&(0,r.jsx)("span",{className:"text-cba-poster-orange",children:"*"})]})}):"",(0,r.jsx)(p,{...b,ref:i,id:t,name:d,color:g,variant:"standard",error:m,disableUnderline:!0,IconComponent:e=>(0,r.jsx)(n.Z,{...e}),displayEmpty:!0,renderValue:e=>{const i=h.find((i=>{let{value:t}=i;return t===e}));return e?null===i||void 0===i?void 0:i.title:(0,r.jsx)("span",{children:v})},MenuProps:{sx:{"&& .MuiList-root":{paddingTop:0,paddingBottom:0,backgroundColor:"#F8F3E8","& > * + *":{borderTop:"1px solid #00352B"}},"&& .MuiMenuItem-root":{fontFamily:"Work Sans",color:"#00352B"}}},fullWidth:!0,children:x(h,v)}),(0,r.jsx)(l.Z,{error:m,children:j})]})}));h.displayName="TbsSelect";const p=(0,d.ZP)(c.Z,{shouldForwardProp:e=>"color"!==e})((e=>{let{theme:i,color:t}=e;return{backgroundColor:"primary"===t?"#004236":"#F8F3E8",color:"primary"===t?"#F8F3E8":"#004236",fontFamily:"Work Sans",borderRadius:i.shape.borderRadius,"& .MuiSelect-select":{borderRadius:i.shape.borderRadius,backgroundColor:"primary"===t?"#004236":"#F8F3E8",color:"primary"===t?"#F8F3E8":"#004236",fontFamily:"Work Sans",paddingRight:20,paddingLeft:20,paddingTop:12,paddingBottom:12,fontWeight:400,"&.:before":{borderBottomWidth:0},"&.:hover:before":{borderBottomWidth:0},"&.Mui-disabled":{backgroundColor:"#EFEFEF","& + * + .MuiSelect-icon":{color:"#989898"}},"&[aria-expanded=true]":{backgroundColor:"primary"===t?"#D6CE4B":"#004236",color:"primary"===t?"#004236":"#F8F3E8","& + * + .MuiSelect-icon":{color:"primary"===t?"#004236":"#F8F3E8"}},"& + * + .MuiSelect-icon":{color:"primary"===t?"#F8F3E8":"#004236",marginRight:16}}}})),x=(e,i)=>{let t=[];return e.map(((i,n)=>{t.push((0,r.jsx)(u.Z,{value:i.value,divider:n+1!=e.length,children:i.title},i.value))})),t};i.Z=h},9922:function(e,i,t){"use strict";t.d(i,{Z:function(){return S}});var r=t(85893),n=t(2734),a=t(53156),o=t(86886),s=t(26447),l=t(99226),d=t(15861),c=t(67294),u=t

1(84148),h=t(42224),p=t(20105),x=t(71100),g=t(2386);function v(){return(0,c.useContext)(g.Z)}var m=t(41664),j=t.n(m),b=t(49574),Z=t(16036);var f=e=>{const i=(0,n.Z)(),{title:t,description:a,url:o,thumbnail:c="",updatedAt:u,tags:h=[]}=e.data;return(0,r.jsxs)(l.Z,{sx:{position:"relative",height:"300px",width:"100%"},children:[(0,r.jsx)(j(),{href:o,children:(0,r.jsx)(b.Z,{src:c,fallbackSrc:"https://cdn.builder.io/api/v1/image/assets%2Fd965fe6124c742269ec3adc181162698%2F7d4dcd59cfa8449793abdbeec8128256",fill:!0,style:{objectFit:"cover"},alt:"article thumbnail"})}),(0,r.jsx)(j(),{href:o,children:(0,r.jsxs)(s.Z,{spacing:2,sx:{boxSizing:"border-box",background:"white",padding:i.spacing(2),bottom:i.spacing(4),position:"absolute",left:i.spacing(4),right:i.spacing(4)},children:[(0,r.jsx)(Z.Z,{row:2,lineHeight:1.3,children:(0,r.jsx)(d.Z,{variant:"h5",color:"primary",children:t})}),(0,r.jsx)(s.Z,{direction:"row",justifyContent:"space-between",alignItems:"center"})]})})]})},y=t(35845),F=t(93699),k=t(85877),w=t(93946),C=t(35294),M=t(21637);const E=[{title:"Sort: Latest - Oldest",value:"-updatedAt"},{title:"Sort: Oldest - Latest",value:"updatedAt"}];var T=()=>{const e=(0,n.Z)(),{sortBy:i,handleChangeSort:t}=v(),{isWebView:a}=(0,F.Z)(),[o,s]=(0,c.useState)(null),d=Boolean(o),u=()=>{s(null)};return a?(0,r.jsxs)("div",{children:[(0,r.jsx)(w.Z,{id:"basic-button","aria-controls":d?"basic-menu":void 0,"aria-haspopup":"true","aria-expanded":d?"true":void 0,onClick:e=>{s(e.currentTarget)},sx:{paddingRight:0},children:(0,r.jsx)(k.Z,{})}),(0,r.jsx)(C.Z,{id:"basic-menu",anchorEl:o,open:d,onClose:u,MenuListProps:{"aria-labelledby":"basic-button"},children:E.map((e=>(0,r.jsx)(M.Z,{selected:e.value===i,onClick:()=>{u(),t(e.value)},children:e.title},e.value)))})]}):(0,r.jsx)(l.Z,{sx:{width:"50%",[e.breakpoints.up("md")]:{width:"300px"}},children:(0,r.jsx)(y.Z,{id:"variant",placeholder:"Atur Berdasarkan",options:E.map((e=>({title:e.title,value:e.value}))),onChange:e=>{t(e.target.value)},value:i})})};var S=e=>{let{tags:i,parent:t}=e;const g=(0,n.Z)(),{error:m,blogPagination:j,loading:b,loadingNext:Z,blogList:y,getBlogList:F,getBlogListNext:k}=v();return(0,c.useEffect)((()=>{let e={};i&&(e.tags=[i]),t&&t.id&&(e["query.data.parent.id"]=null===t||void 0===t?void 0:t.id),F(e)}),[]),b?(0,r.jsx)(a.Z,{maxWidth:"xl",children:(0,r.jsx)(o.ZP,{container:!0,spacing:4,mb:8,children:Array.from(Array(3)).map(((e,i)=>(0,r.jsx)(o.ZP,{item:!0,xs:12,md:4,children:(0,r.jsxs)(s.Z,{spacing:1,children:[(0,r.jsx)(h.Z,{count:1,height:"300px"}),(0,r.jsx)(h.Z,{count:1,height:"2rem",width:"100%"}),(0,r.jsx)(h.Z,{count:2,width:"100%"}),(0,r.jsx)(h.Z,{count:1,height:"42px"})]})},`loader-${i}`)))})}):m||0===y.length?(0,r.jsx)(p.Z,{}):(0,r.jsx)(a.Z,{maxWidth:"xl",children:(0,r.jsxs)(l.Z,{sx:{paddingTop:g.spacing(2),display:"flex",flexDirection:"column",gap:g.spacing(2),flex:"1 1 0",minWidth:0},children:[(0,r.jsxs)(s.Z,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[(0,r.jsxs)(d.Z,{children:[x.Z.numberFormatter(null===j||void 0===j?void 0:j.totalDocs)," Articles"]}),(0,r.jsx)(T,{})]}),(0,r.jsx)(o.ZP,{container:!0,spacing:4,mb:8,children:(0,r.jsx)(u.Z,{hasMore:j.hasNextPage,onLoadMore:k,isLoading:Z,loaderClassName:"basis-full pt-8",children:null===y||void 0===y?void 0:y.map((e=>(0,r.jsx)(o.ZP,{item:!0,xs:12,md:4,children:(0,r.jsx)(f,{data:{title:null===e||void 0===e?void 0:e.title,description:null===e||void 0===e?void 0:e.description,url:null===e||void 0===e?void 0:e.url,thumbnail:null===e||void 0===e?void 0:e.thumbnail,updatedAt:null===e||void 0===e?void 0:e.updatedAt,tags:null===e||void 0===e?void 0:e.tags}})},null===e||void 0===e?void 0:e._id)))})})]})})}},48889:function(e,i,t){"use strict";t.r(i),t.d(i,{default:function(){return u}});var r=t(85893),n=(t(67294),t(95400)),a=t(2734),o=t(11163),s=t(9922),l=t(97496),d=t(1618);var c=function(){const e=(0,o.useRouter)();return(0,a.Z)(),e.isReady?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(d.Z,{}),(0,r.jsx)(s.Z,{})]}):(0,r.jsx)(l.Z,{})};var u=function(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.ZP,{title:"Blog | The Body Shop\xae Indonesia",description:n.RF,image:n.FM}),(0,r.jsx)(c,{})]})}}},function(e){e.O(0,[2962,9774,2888,179],(function(){return i=89151,e(e.s=i);var i}));var i=e.O();_N_E=i}]);