https://www.idntimes.com/_next/static/chunks/2191.5c6e6686452499c7.js

1try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="f0696250-b4aa-4b4b-9134-dd382084a9b6",e._sentryDebugIdIdentifier="sentry-dbid-f0696250-b4aa-4b4b-9134-dd382084a9b6")}()}catch(e){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2191],{22191:function(e,t,n){n.r(t),n.d(t,{NavProfile:function(){return Z},NavProfileMemoize:function(){return z}});var i=n(69087),r=n(72947),o=n(47465),l=n(10909),a=n(16742),d=n(96433),c=n(16393),u=n(77728),s=n(7216),h=n(68937),g=n(84215),f=n(31877),v=n(33168),m=n(91757),b=n(23329),p=n(99198);let k=(0,o.Z)("div",{target:"e1thrskv0"})("aspect-ratio:1/1;"),w=(0,o.Z)(l.x,{target:"e1thrskv1"})("transition:all 0.3s;"),Z=e=>{var t,n,o,u;let{variant:g="drawer",label:v,isLogin:m,avatar:Z,name:z,menus:I,onClickLogIn:D,onClickLogOut:C}=e,[F,S]=(0,b.useState)(!1),B=(0,r.u)();return"drawer"===g?(0,i.BX)(b.Fragment,{children:[(0,i.tZ)(h.k,{alignItems:"center",gap:"2",padding:"3",children:m?(0,i.BX)(b.Fragment,{children:[Z?(0,i.tZ)(l.x,{width:"16",borderRadius:"full",overflow:"hidden",children:(0,i.tZ)(k,{children:(0,i.tZ)(c.d,{src:Z,overrideSrc:Z,alt:z,fill:!0})})}):(0,i.tZ)(h.k,{justifyContent:"center",alignItems:"center",width:"24",height:"20",children:(0,i.tZ)(p.p,{size:"3xl",icon:"default-avatar-solid"})}),(0,i.tZ)(l.x,{width:"full",children:(0,i.BX)(f.x,{fontFamily:null===(t=B.navDrawer)||void 0===t?void 0:t.user.fontFamily,fontWeight:null===(n=B.navDrawer)||void 0===n?void 0:n.user.fontWeight,color:null===(o=B.navDrawer)||void 0===o?void 0:o.user.color,children:[v.name,z]})})]}):(0,i.BX)(b.Fragment,{children:[(0,i.tZ)(h.k,{justifyContent:"center",alignItems:"center",width:"24",height:"20",children:(0,i.tZ)(p.p,{size:"3xl",icon:"default-avatar-solid"})}),(0,i.tZ)(x,{label:v.logIn,onClickLogIn:D})]})}),m&&(0,i.BX)(l.x,{children:[(0,i.tZ)(d.U,{isOpen:F,id:"collapse-profile-menu",dataTestId:"collapse-profile-menu",children:(0,i.tZ)(l.x,{paddingX:"2",children:(0,i.tZ)(y,{label:{logOut:v.logOut},menus:I,onClickLogOut:C})})}),(0,i.BX)(h.k,{alignItems:"center",paddingX:"2",children:[(0,i.tZ)(s.i,{orientation:"horizontal",color:"greyscale40"}),(0,i.tZ)(l.x,{width:"6",overflow:"hidden",children:(0,i.tZ)(a.z,{onClick:()=>S(!F),ariaLabel:"toggle submenu",children:(0,i.tZ)(p.p,{icon:"chevron-solid",rotate:F?0:180,color:null===(u=B.navDrawer)||void 0===u?void 0:u.collapse.iconColor})})})]})]})]}):(0,i.tZ)(l.x,{children:m?(0,i.BX)(l.x,{position:"relative",children:[(0,i.tZ)(a.z,{onClick:()=>S(!F),children:Z?(0,i.tZ)(l.x,{width:"7",height:"7",borderRadius:"full",overflow:"hidden",children:(0,i.tZ)(c.d,{src:Z,overrideSrc:Z,alt:z,fill:!0,objectFit:"cover"})}):(0,i.tZ)(p.p,{icon:"default-avatar-solid",size:"md"})}),(0,i.tZ)(w,{height:F?"auto":"0",width:F?"auto":"0",padding:F?"2":"0",overflow:"hidden",backgroundColor:"white",right:"0",zIndex:10,position:"absolute",boxShadow:"md",borderRadius:"md",children:(0,i.tZ)(y,{label:{logOut:v.logOut},menus:I,onClickLogOut:C})})]}):(0,i.tZ)(x,{label:v.logIn,onClickLogIn:D})})},y=e=>{var t,n,o,d,c;let{label:s,menus:g,onClickLogOut:v}=e,b=(0,r.u)(),{isMobile:k}=(0,m.F)();return(0,i.BX)(h.k,{direction:"column",gap:"1.5",marginTop:"4",padding:"2",children:[(0,i.tZ)(u.x,{href:g[0].href,title:g[0].label,target:"_blank",children:(0,i.BX)(h.k,{direction:"column",gap:"1.5",width:k?"auto":"72",backgroundColor:"greyscale20",borderRadius:"xl",padding:"4",position:"relative",overflow:"hidden",children:[(0,i.tZ)(l.x,{position:"absolute",top:"-10",left:"-10",children:(0,i.tZ)(p.p,{icon:"webs",size:"lg"})}),(0,i.tZ)(l.x,{position:"absolute",bottom:"-6",right:"-20",children:(0,i.tZ)(p.p,{icon:"webs",size:"md"})}),(0,i.tZ)(l.x,{paddingX:"3",marginBottom:"2",children:(0,i.tZ)(p.p,{icon:"idn-connect",size:"lg"})}),(0,i.tZ)(f.x,{fontSize:"sm",fontFamily:null===(t=b.navDrawer)||void 0===t?void 0:t.connect.fontFamily,children:"My Account"}),(0,i.BX)(h.k,{alignItems:"center",children:[(0,i.tZ)(f.x,{fontSize:"xs",color:"greyscale50",fontFamily:null===(n=b.navDrawer)||void 0===n?void 0:n.connect.fontFamily,lineHeight:"tall",children:"Satu akun untu

1k semua ekosistem IDN - kelola akun, kumpulkan IDN Points, top up Gold, dan pantau semua aktivitasmu di IDN."}),(0,i.tZ)(p.p,{icon:"arrow",color:"red40",size:"md",rotate:-45})]})]})}),g.slice(1).map((e,t)=>{var n,r,o;return(0,i.tZ)(u.x,{href:e.href,title:e.label,children:(0,i.tZ)(f.x,{dataTestId:`profile-menu-${t+1}`,color:null===(n=b.navDrawer)||void 0===n?void 0:n.menu.color,fontFamily:null===(r=b.navDrawer)||void 0===r?void 0:r.menu.fontFamily,fontSize:"sm",fontWeight:null===(o=b.navDrawer)||void 0===o?void 0:o.menu.fontWeight,children:e.label})},t)}),(0,i.tZ)(a.z,{variant:"link",onClick:v,ariaLabel:"logout",children:(0,i.tZ)(f.x,{dataTestId:"profile-menu-logout",color:null===(o=b.navDrawer)||void 0===o?void 0:o.menu.color,fontFamily:null===(d=b.navDrawer)||void 0===d?void 0:d.menu.fontFamily,fontSize:"sm",fontWeight:null===(c=b.navDrawer)||void 0===c?void 0:c.menu.fontWeight,children:s.logOut})})]})},x=e=>{var t,n,o,d,c;let{label:s,onClickLogIn:k}=e,[w,Z]=(0,b.useState)(!1),y=(0,r.u)(),x=(0,v.a)(),{isMobile:z}=(0,m.F)();return(0,i.BX)(l.x,{width:"full",onMouseEnter:()=>Z(!0),onMouseLeave:()=>Z(!1),position:"relative",children:[x.loading?(0,i.tZ)(g.O,{width:"36",borderRadius:"lg",height:"8"}):(0,i.tZ)(a.z,{id:"idn-account-button",width:"full",variant:"solid",ariaLabel:"login",backgroundColor:null===(t=y.brand)||void 0===t?void 0:t.color,borderRadius:"lg",size:"md",onClick:k,children:(0,i.BX)(h.k,{width:"full",height:"full",alignItems:"center",justifyContent:"center",gap:"1",children:[(0,i.tZ)(p.p,{icon:"idn-account",size:"md",color:"white"}),(0,i.tZ)(f.x,{fontSize:"sm",color:"white",children:s})]})}),w&&!z&&!x.loading&&(0,i.tZ)(l.x,{position:"absolute",top:"10",right:"0",backgroundColor:"white",padding:"4",borderRadius:"xl",zIndex:10,boxShadow:"md",width:z?"auto":"72",children:(0,i.BX)(h.k,{direction:"column",gap:"2",children:[(0,i.tZ)(l.x,{paddingX:"3",marginBottom:"2",children:(0,i.tZ)(p.p,{icon:"idn-connect",size:"lg"})}),(0,i.tZ)(f.x,{fontWeight:"medium",fontSize:"sm",fontFamily:null===(n=y.navDrawer)||void 0===n?void 0:n.connect.fontFamily,children:"Satu Akun untuk Semua Ekosistem IDN"}),(0,i.tZ)(f.x,{fontFamily:null===(o=y.navDrawer)||void 0===o?void 0:o.connect.fontFamily,fontSize:"sm",color:"greyscale60",lineHeight:"tall",children:"Buat akun IDN Connect untuk dapat IDN Points, ikut acara-acara seru, dan menikmati aktivitas di seluruh IDN dengan nyaman."}),(0,i.BX)(h.k,{justifyContent:"end",gap:"4",width:"full",alignItems:"center",children:[(0,i.tZ)(u.x,{href:"https://connect.idn.media/my-account/user-guide",target:"_blank",children:(0,i.tZ)(a.z,{variant:"link",size:"md",children:(0,i.tZ)(f.x,{fontWeight:"medium",color:null===(d=y.brand)||void 0===d?void 0:d.color,children:"Selengkapnya"})})}),(0,i.tZ)(l.x,{boxShadow:"md",borderRadius:"lg",children:(0,i.tZ)(a.z,{variant:"solid",backgroundColor:null===(c=y.brand)||void 0===c?void 0:c.color,color:"white",borderRadius:"lg",onClick:k,size:"md",width:"24",children:"Lanjut"})})]})]})})]})},z=(0,b.memo)(e=>(0,i.tZ)(Z,{...e}));z.displayName="NavProfileMemoize"},96433:function(e,t,n){n.d(t,{U:function(){return d}});var i=n(69087),r=n(47465),o=n(14512),l=n(23329);let a=(0,r.Z)("div",{target:"e11stkkz0"})(".children-container{transition:all 0.3s;overflow:scroll;",e=>e.isOpen?"opacity: 1":"opacity: 0",";",e=>e.isOpen?`max-height: ${e.elipsisHeight}`:"max-height: 0px",";-ms-overflow-style:none;scrollbar-width:none;}"),d=e=>{let[t,n]=(0,l.useState)(""),r=(0,l.useCallback)(()=>{let e=document.getElementById("children-container");e&&n((0,o.Vj)(e.scrollHeight+10))},[]);return(0,l.useEffect)(()=>{r(),window.addEventListener("resize",r)},[r]),(0,i.tZ)(a,{id:e.id,"data-testid":e.dataTestId,...e,elipsisHeight:t,children:(0,i.tZ)("div",{className:"children-container",children:e.children})})}},84215:function(e,t,n){n.d(t,{O:function(){return g}});var i=n(69087),r=n(87283),o=n(78418),l=n(47465),a=n(61378);let d=(0,r.F4)`
2  0% {
3    background-position: 0 0;
4  }
5  100% {
6    background-position: 100% 0;
7  }
8`,c=new Set(["height","width","variant","borderRadius"]),u=e=>(0,l.Z)(e,{shouldForwardProp:e=>(0,o.Z)(e)&&!c.has(e)}),s=u("div")`
9  background: linear-gradient(to right, #eee, #e1e1e1, #eee);
10  background-size: 50%;
11  animation: ${d} 1.5s linear infinite;
12  height: ${e=>{let{height:t}=e;return a.Db[t||"24"]}};
13  width: ${e=>{let{width:t}=e;return a.Q0[t||"80"]}};
14  border-radius: ${e=>{let{borderRadius:t}=e;return a.iV[null!=t?t:"lg"]}};
15`,h=u("div")`
16  background: linear-gradient(to right, #eee, #e1e1e1, #eee);
17  background-size: 50%;
18  animation: ${d} 1.5s linear infinite;
19  height: ${e=>{let{height:t}=e;return a.Db[t||"24"]}};
20  width: ${e=>{let{width:t}=e;return a.Q0[t||"24"]}};
21  border-radius: ${e=>{let{borderRadius:t}=e;return a.iV[null!=t?t:"full"]}};
22`,g=e=>

22"circle"===e.variant?(0,i.tZ)(h,{id:e.id,...e}):(0,i.tZ)(s,{id:e.id,...e})},87283:function(e,t,n){n.d(t,{F4:function(){return g}});var i,r,o,l=n(80016),a=n(36225),d=n(15326);function c(e,t){if(void 0===e.inserted[t.name])return e.insert("",t,e.sheet,!0)}function u(e,t,n){var i=[],r=(0,d.fp)(e,i,n);return i.length<2?n:r+t(i)}var s=function e(t){for(var n="",i=0;i<t.length;i++){var r=t[i];if(null!=r){var o=void 0;switch(typeof r){case"boolean":break;case"object":if(Array.isArray(r))o=e(r);else for(var l in o="",r)r[l]&&l&&(o&&(o+=" "),o+=l);break;default:o=r}o&&(n&&(n+=" "),n+=o)}}return n},h=(i={key:"css"},(r=(0,l.Z)(i)).sheet.speedy=function(e){this.isSpeedy=e},r.compat=!0,{css:o=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var i=(0,a.O)(t,r.registered,void 0);return(0,d.My)(r,i,!1),r.key+"-"+i.name},cx:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return u(r.registered,o,s(t))},injectGlobal:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var i=(0,a.O)(t,r.registered);c(r,i)},keyframes:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var i=(0,a.O)(t,r.registered),o="animation-"+i.name;return c(r,{name:i.name,styles:"@keyframes "+o+"{"+i.styles+"}"}),o},hydrate:function(e){e.forEach(function(e){r.inserted[e]=!0})},flush:function(){r.registered={},r.inserted={},r.sheet.flush()},sheet:r.sheet,cache:r,getRegisteredStyles:d.fp.bind(null,r.registered),merge:u.bind(null,r.registered,o)}),g=(h.flush,h.hydrate,h.cx,h.merge,h.getRegisteredStyles,h.injectGlobal,h.keyframes);h.css,h.sheet,h.cache}}]);