https://www.thebodyshop.co.id/_next/static/chunks/pages/membership/point-activities-333f7c22d9b9c697.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2392],{23508:function(e,i,t){"use strict";var n=t(64836);i.Z=void 0;var a=n(t(64938)),o=t(85893),r=(0,a.default)((0,o.jsx)("path",{d:"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"}),"ExpandMore");i.Z=r},75316:function(e,i,t){"use strict";var n=t(63366),a=t(87462),o=t(67294),r=t(86010),s=t(94780),l=t(47739),c=t(98216),d=t(71657),p=t(90948),u=t(21073),h=t(85893);const x=["className","disabled","disableFocusRipple","fullWidth","icon","iconPosition","indicator","label","onChange","onClick","onFocus","selected","selectionFollowsFocus","textColor","value","wrapped"],v=(0,p.ZP)(l.Z,{name:"MuiTab",slot:"Root",overridesResolver:(e,i)=>{const{ownerState:t}=e;return[i.root,t.label&&t.icon&&i.labelIcon,i[`textColor${(0,c.Z)(t.textColor)}`],t.fullWidth&&i.fullWidth,t.wrapped&&i.wrapped]}})((({theme:e,ownerState:i})=>(0,a.Z)({},e.typography.button,{maxWidth:360,minWidth:90,position:"relative",minHeight:48,flexShrink:0,padding:"12px 16px",overflow:"hidden",whiteSpace:"normal",textAlign:"center"},i.label&&{flexDirection:"top"===i.iconPosition||"bottom"===i.iconPosition?"column":"row"},{lineHeight:1.25},i.icon&&i.label&&{minHeight:72,paddingTop:9,paddingBottom:9,[`& > .${u.Z.iconWrapper}`]:(0,a.Z)({},"top"===i.iconPosition&&{marginBottom:6},"bottom"===i.iconPosition&&{marginTop:6},"start"===i.iconPosition&&{marginRight:e.spacing(1)},"end"===i.iconPosition&&{marginLeft:e.spacing(1)})},"inherit"===i.textColor&&{color:"inherit",opacity:.6,[`&.${u.Z.selected}`]:{opacity:1},[`&.${u.Z.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity}},"primary"===i.textColor&&{color:(e.vars||e).palette.text.secondary,[`&.${u.Z.selected}`]:{color:(e.vars||e).palette.primary.main},[`&.${u.Z.disabled}`]:{color:(e.vars||e).palette.text.disabled}},"secondary"===i.textColor&&{color:(e.vars||e).palette.text.secondary,[`&.${u.Z.selected}`]:{color:(e.vars||e).palette.secondary.main},[`&.${u.Z.disabled}`]:{color:(e.vars||e).palette.text.disabled}},i.fullWidth&&{flexShrink:1,flexGrow:1,flexBasis:0,maxWidth:"none"},i.wrapped&&{fontSize:e.typography.pxToRem(12)}))),g=o.forwardRef((function(e,i){const t=(0,d.Z)({props:e,name:"MuiTab"}),{className:l,disabled:p=!1,disableFocusRipple:g=!1,fullWidth:m,icon:Z,iconPosition:j="top",indicator:b,label:f,onChange:w,onClick:y,onFocus:P,selected:C,selectionFollowsFocus:k,textColor:T="inherit",value:F,wrapped:W=!1}=t,$=(0,n.Z)(t,x),E=(0,a.Z)({},t,{disabled:p,disableFocusRipple:g,selected:C,icon:!!Z,iconPosition:j,label:!!f,fullWidth:m,textColor:T,wrapped:W}),M=(e=>{const{classes:i,textColor:t,fullWidth:n,wrapped:a,icon:o,label:r,selected:l,disabled:d}=e,p={root:["root",o&&r&&"labelIcon",`textColor${(0,c.Z)(t)}`,n&&"fullWidth",a&&"wrapped",l&&"selected",d&&"disabled"],iconWrapper:["iconWrapper"]};return(0,s.Z)(p,u.V,i)})(E),N=Z&&f&&o.isValidElement(Z)?o.cloneElement(Z,{className:(0,r.Z)(M.iconWrapper,Z.props.className)}):Z;return(0,h.jsxs)(v,(0,a.Z)({focusRipple:!g,className:(0,r.Z)(M.root,l),ref:i,role:"tab","aria-selected":C,disabled:p,onClick:e=>{!C&&w&&w(e,F),y&&y(e)},onFocus:e=>{k&&!C&&w&&w(e,F),P&&P(e)},ownerState:E,tabIndex:C?0:-1},$,{children:["top"===j||"start"===j?(0,h.jsxs)(o.Fragment,{children:[N,f]}):(0,h.jsxs)(o.Fragment,{children:[f,N]}),b]}))}));i.Z=g},21073:function(e,i,t){"use strict";t.d(i,{V:function(){return a}});var n=t(34867);function a(e){return(0,n.Z)("MuiTab",e)}const o=(0,t(1588).Z)("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper"]);i.Z=o},20904:function(e,i,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/membership/point-activities",function(){return t(31953)}])},84148:function(e,i,t){"use strict";var n=t(85893),a=t(98456),o=t(15861),r=t(67294);i.Z=e=>{const{children:i,hasMore:t,onLoadMore:s,loader:l,loaderClassName:c="",isLoading:d}=e,p=(0,r.useRef)(null),u=(0,r.useCallback)(s,[s]),h=(0,r.useCallback)((e=>{e[0].isIntersecting&&t&&u()}),[t,u]);return(0,r.useEffect)((()=>{const e=new IntersectionObserver(h,{root:null,rootMargin:"20px",threshold:1});p.current&&e.observe(p.current)}),[h]),(0,n.jsxs)(n.Fragment,{children:[i,d&&(l||(0,n.jsxs)("section",{className:`flex justify-center items-center gap-4 p-2 ${c}`,children:[(0,n.jsx)(a.Z,{size:20}),(0,n.jsx)(o.Z,{color:"primary",children:"Loading..."})]})),!d&&(0,n.jsx)("div",{ref:p})]})}}

1,20105:function(e,i,t){"use strict";var n=t(85893),a=t(2734),o=t(26447),r=t(15861),s=(t(67294),t(49574)),l=t(92777);i.Z=e=>{(0,a.Z)();return(0,n.jsxs)(o.Z,{alignItems:"center",textAlign:"center",spacing:4,sx:{py:10,...e.sx},height:"100%",children:[(0,n.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,n.jsxs)(o.Z,{spacing:3,children:[(0,n.jsx)(r.Z,{variant:"h4",color:"primary",children:e.title||"Hasil Tidak Ditemukan"}),(0,n.jsx)(r.Z,{variant:"h6",color:"grey",children:e.subTitle||"Coba kata kunci lain atau coba lagi nanti"})]}),e.callback&&(0,n.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 r},ZP:function(){return l},oc:function(){return o}});var n=t(85893),a=t(2962);const o="The Body Shop\xae Indonesia",r="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||o;var t;const l=null!==(t=e.description)&&void 0!==t?t:r;var c;const d=null!==(c=e.image)&&void 0!==c?c:s;return(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(a.PB,{title:i,description:l,openGraph:{title:i,description:l,...(null===e||void 0===e?void 0:e.url)&&{url:e.url},images:[{url:d,width:800,height:600}],siteName:o},additionalMetaTags:null===e||void 0===e?void 0:e.additionalMetaTags})})}},1982:function(e,i,t){"use strict";t.d(i,{Z:function(){return l}});var n=t(85893),a=t(11163),o=t(67294),r=t(37729),s=t(89267);function l(e,i){return function(t){const l=(0,a.useRouter)(),[c,d]=(0,o.useState)(!0),{openAuthModal:p}=(0,r.Z)();return(0,o.useEffect)((()=>{setTimeout((()=>{var e;const{access_token:t}=null!==(e=s.Z.getToken())&&void 0!==e?e:{};t?d(!1):(i?l.replace(i):l.replace("/"),p())}),1e3)}),[p,l]),(0,n.jsx)(e,{...t})}}},31953:function(e,i,t){"use strict";t.r(i),t.d(i,{default:function(){return S}});var n=t(85893),a=t(67294),o=t(95400),r=t(1982),s=t(23508),l=t(2734),c=t(53156),d=t(15861),p=t(11703),u=t(75316),h=t(26447),x=t(67720),v=t(99226),g=t(67358),m=t(38895),Z=t(22797),j=t(59403),b=t(36492),f=t(41664),w=t.n(f),y=t(11163),P=t(3800),C=t(84148),k=t(42224),T=t(20105),F=t(1618),W=t(49574),$=t(93699),E=t(59256),M=t(71100),N=t(85111);function I(e){const{children:i,value:t,index:a,...o}=e;return(0,n.jsx)("div",{role:"tabpanel",hidden:t!==a,id:`smartBi-tabpanel-${a}`,"aria-labelledby":`smartBi-tab-${a}`,...o,children:t===a&&(0,n.jsx)(v.Z,{children:i})})}var R=()=>{var e,i,t,o;const r=(0,y.useRouter)(),{claimPoint:f,tab:R}=r.query,S=(0,l.Z)(),{isWebView:_}=(0,$.Z)(),[B,A]=(0,a.useState)(!1),[H,L]=(0,a.useState)([]),[D,O]=(0,a.useState)(!0),[q,z]=(0,a.useState)(0),{data:G,isLoading:V,isError:K,isFetchingNextPage:X,fetchNextPage:U,hasNextPage:J}=(0,j.N)({queryKey:["Point-History"],queryFn:async e=>{let{pageParam:i=1}=e;const t=await E.m.get(P.KvH,{params:{latest:!0,page:null!==i&&void 0!==i?i:1,limit:10}});return await t.data.data},getPreviousPageParam:e=>(null===e||void 0===e?void 0:e.hasPrevPage)?null===e||void 0===e?void 0:e.hasPrevPage:void 0,getNextPageParam:e=>(null===e||void 0===e?void 0:e.hasNextPage)?null===e||void 0===e?void 0:e.nextPage:void 0}),{data:Q,isLoading:Y,isError:ee}=(0,b.a)({queryKey:["Point-Will-Expired"],queryFn:async e=>{let{}=e;const i=await E.m.get(P.bb7,{params:{}});return await i.data.data}});return(0,a.useEffect)((()=>{r.isReady&&(f&&A(!0),R&&"will_expired"===R&&z(1))}),[f,r.isReady,R]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(F.Z,{}),(0,n.jsxs)(c.Z,{sx:{pb:S.spacing(4)},maxWidth:"xl",children:[!_&&(0,n.jsx)(d.Z,{variant:"h1",color:"primary",mb:4,children:"Point Activities"}),(0,n.jsxs)(p.Z,{value:q,onChange:(e,i)=>{0===i&&r.replace(`${r.pathname}?tab=activities`),1===i&&r.replace(`${r.pathname}?tab=will_expired`),z(i)},"aria-label":"Point History Tab",variant:"fullWidth",sx:{mx:`${S.spacing(-4)}`},children:[(0,n.jsx)(u.Z,{label:"Activities"}),(0,n.jsx)(u.Z,{label:"Will Expired"})]}),(0,n.jsx)(I,{value:q,index:0,children:V?(0,n.jsxs)(h.Z,{spacing:2,divider:(0,n.jsx)(x.Z,{}),children:[(0,n.jsx)(k.Z,{height:"58px"}),(0,n.jsx)(k.Z,{height:"58px"}),(0,n.jsx)(k.Z,{height:"58px"})]}):0===(null===(e=null===G||void 0===G?void 0:G.pages[0])||void 0===e?void 0:e.totalDocs)||K?(0,n.jsx)(T.Z,{}):(0,n.jsx)(C.Z,{hasMore:J||!1,onLoadMore:()=>{U()},isLoading:X,loaderClassName:"basis-full pt-8",children:null===G||void 0===G||null===(i=G.pages)||void 0===i?void 0:i.map(((e,i)=>{var t;return(0,n.jsx)(a.Fragment,{children:null===e||void 0===e||null===(t=e.docs)||void 0===t?void 0:t.map(((e,t)=>(0,n.jsx)(w(),{href:(null===e||void 0===e?void 0:e.orderId)&&"system"!==(null===e||void 0===e?void 0:e.channel)&&"marketplace"!==(null===e||void 0===e?void 0:e.channel)?`/my-account/transaction/${null===e||void 0===e?void 0:e.orderId}?event=${null===e||void 0===e?void 0:e.event}`:"#",children:(0,n.jsxs)(n.Fragment,{children:[!(0===i&&0===t)&&(0,n.jsx)(x.Z,{}),(0,n.jsxs)(h.Z,{direction:"row",alignItems:"center",spacing:4,pt:0===i&&0===t?4:0,children:[e.pointEarn>0?(0,n.jsx)(W.Z,{src:"/icons/transaction/trolley-cart.svg",width:24,height:24,alt:"cart-image"}):(0,n.jsx)(W.Z,{src:"/icons/transaction/gift-box.svg",width:24,height:24,alt:"gift-image"}),(0,n.jsxs)(h.Z,{flexGrow:1,spacing:-1,children:[(0,n.jsx)(d.Z,{variant:"h6",color:"primary",children:"Migration Point"===e.rewardTitle?"Point History":e.rewardTitle}),!!e.siteDescription&&(0,n.jsxs)(d.Z,{color:"primary",variant:"caption",children:[" ","at ",e.siteDescription]}),(0,n.jsx)(d.Z,{variant:"caption",children:M.Z.dateTimeFormatter(null===e||void 0===e?void 0:e.createdAt)})]}),(0,n.jsxs)(d.Z,{textAlign:"right",sx:{color:e.pointEarn>0?S.palette.customColors["cp-green-brighton"]:S.palette.customColors["cba-poster-orange"]},children:[e.pointEarn>0?"+"+e.pointEarn:"-"+e.pointRedeem," Poin"]})]})]})},`point-activities-${t}`)))},`point-activities-page-${i}`)}))})}),(0,n.jsxs)(I,{value:q,index:1,children:[(0,n.jsx)(w(),{href:"/how-to-redeem-points",children:(0,n.jsx)(v.Z,{sx:{mx:S.spacing(-4),height:"85px",color:"white",background:"url(/point/leaf-bg-mobile.svg)",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,n.jsx)(d.Z,{variant:"h4-recoleta",children:"HOW TO CLAIM"})})}),(0,n.jsx)(d.Z,{py:4,children:" These points will expire shortly, use it now! "}),Y?(0,n.jsxs)(h.Z,{spacing:2,divider:(0,n.jsx)(x.Z,{}),children:[(0,n.jsx)(k.Z,{height:"58px"}),(0,n.jsx)(k.Z,{height:"58px"}),(0,n.jsx)(k.Z,{height:"58px"})]}):0===(null===Q||void 0===Q||null===(t=Q.expirationsBreakdown)||void 0===t?void 0:t.length)||K?(0,n.jsx)(T.Z,{}):null===Q||void 0===Q||null===(o=Q.expirationsBreakdown)||void 0===o?void 0:o.map(((e,i)=>{var t;return(0,n.jsxs)(g.Z,{elevation:0,disableGutters:!0,sx:{mx:`${S.spacing(-4)}`}

1,children:[(0,n.jsx)(m.Z,{expandIcon:(0,n.jsx)(s.Z,{}),"aria-controls":"panel1-content",id:"panel1-header",sx:{background:S.palette.customColors["cs-natural-silver"]},children:(0,n.jsxs)(h.Z,{direction:"row",justifyContent:"space-between",width:"100%",children:[(0,n.jsx)(d.Z,{sx:{fontWeight:500,color:S.palette.primary.main},children:null===e||void 0===e?void 0:e.group}),(0,n.jsxs)(d.Z,{sx:{fontWeight:500,color:S.palette.success.main},children:[null===e||void 0===e?void 0:e.pointExpiring," Poin"]})]})}),(0,n.jsx)(Z.Z,{sx:{pt:"1.25rem !important"},children:null===e||void 0===e||null===(t=e.details)||void 0===t?void 0:t.map(((i,t)=>(0,n.jsxs)(a.Fragment,{children:[!(0===t&&0===t)&&(0,n.jsx)(x.Z,{}),(0,n.jsxs)(h.Z,{direction:"row",alignItems:"center",spacing:4,children:[(0,n.jsxs)(h.Z,{flexGrow:1,spacing:-1,children:[(0,n.jsx)(d.Z,{variant:"h6",color:"primary",children:"Migration Point"===i.rewardTitle?"Point History":i.rewardTitle}),!!i.siteDescription&&(0,n.jsxs)(d.Z,{color:"primary",variant:"caption",children:[" ","at ",i.siteDescription]}),(0,n.jsxs)(d.Z,{variant:"caption",children:["Expired at ",M.Z.dateTimeFormatter(null===i||void 0===i?void 0:i.expiredDate)]})]}),(0,n.jsxs)(d.Z,{textAlign:"right",sx:{color:S.palette.customColors["cp-green-brighton"]},children:[i.pointEarn," Poin"]})]})]},`expiring-point-detail-${null===e||void 0===e?void 0:e.group}-${t}`)))})]},`expiring-point-group-${i}`)}))]})]}),_&&(0,n.jsx)(N.Z,{open:B,onClose:()=>{A(!1),r.replace(r.pathname)}})]})};var S=(0,r.Z)((function(){return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.ZP,{title:"My Point | The Body Shop\xae Indonesia",description:o.RF,image:o.FM}),(0,n.jsx)(R,{})]})}))}},function(e){e.O(0,[2962,1703,6650,5111,9774,2888,179],(function(){return i=20904,e(e.s=i);var i}));var i=e.O();_N_E=i}]);