(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[72632],{94386:function(e,t,n){"use strict";var r=n(87898),i=n(86200);t.default=e=>{let{tree:t=[]}=e;return(0,r.jsx)("div",{className:"breadcrumb flex truncate mb-3 w-full text-sm md:text-base overflow-hidden",children:t.map((e,n)=>(0,r.jsxs)(i.Fragment,{children:[e.url?(0,r.jsx)("a",{className:"text-red-500 hover:underline",href:e.url,children:e.label}):(0,r.jsx)("p",{className:"text-gray-600 truncate",children:e.label}),n{let{name:t="",className:n="",imgClassName:d="",style:h={},id:m="",containerClassName:v="",imgContainerClassName:g="",sticky:b=!1}=e,_=(0,i.Ek)(),[p,y]=(0,u.useState)(!1);(0,u.useEffect)(()=>y(!0),[]);let M=(0,o.R)(),x=(0,u.useRef)(null),w=(0,u.useRef)(null),$=(0,u.useRef)(!1),S=(0,u.useRef)(!1),[j,k]=(0,u.useState)(null),{width:D}=(0,c.Z)(),[N,O]=(0,u.useState)(!1),[I,Y]=(0,u.useState)(!1),C=(0,u.useCallback)(e=>D<=767&&(null==e?void 0:e.image_url_mobile)||(null==e?void 0:e.image_url),[D]);(0,u.useEffect)(()=>{b&&(N?(document.body.classList.remove("__sticky-close"),document.body.classList.add("__sticky-open")):(document.body.classList.add("__sticky-close"),document.body.classList.remove("__sticky-open")))},[b,N]),(0,u.useEffect)(()=>{let e=async()=>{try{let e=await _.post("/sda/request",{name:t});k(e.data)}catch(e){console.error(e)}};return M.enabled&&p&&!S.current&&(S.current=!0,e()),()=>{x.current&&x.current.disconnect()}},[t,M,p]),(0,u.useEffect)(()=>{if(j&&w.current){let e=!1,t=()=>{e&&I&&(L("view",j.uuid),T("ad_view"),x.current.disconnect())},n=new IntersectionObserver(n=>{n.forEach(n=>{e=n.isIntersecting,t()})},{root:null,rootMargin:"0px",threshold:.5});return n.observe(w.current),x.current=n,()=>n.disconnect()}},[j,I]);let L=async(e,t)=>{try{await _.post("/sda/tr",{e:e,i:t,u:j.id})}catch(e){}},H=()=>{$.current||(O(!0),$.current=!0,L("loaded",j.uuid),Y(!0),T("ad_loaded"))},A=()=>{$.current||(O(!0),$.current=!0,L("loaded",j.uuid),Y(!0),T("ad_loaded"))},T=e=>{window.gtag("event",e,{unit:t,inv_id:j.uuid,path:window.location.pathname})},R=e=>{for(let t of e.getElementsByTagName("script")){let e=document.createElement("script");for(let n of(e.text=t.innerHTML,t.attributes))e.setAttribute(n.name,n.value);t.parentNode.replaceChild(e,t)}},Z=(0,u.useMemo)(()=>(null==j?void 0:j.type)==="image"?(0,r.jsx)("div",{className:(0,a.Z)("relative bg-slate-200 dark:bg-slate-900 rounded-md overflow-hidden",g||v),children:(0,r.jsx)("div",{ref:w,className:d||n,id:m,style:h,children:(0,r.jsxs)("a",{href:j.click_url,target:"_blank",className:"relative",rel:"nofollow",onClick:()=>T("ad_click"),children:[(0,r.jsx)("img",{src:C(j),alt:"Sponsored Image",className:(0,a.Z)(f().AdImg,"w-full h-full object-contain mx-auto"),onLoad:H}),(0,r.jsx)("p",{className:f().AdInfo,children:"Ads"})]})})}):(null==j?void 0:j.type)==="html"?(0,r.jsx)("div",{className:(0,a.Z)("relative",v),children:(0,r.jsx)("div",{className:n,id:m,style:h,ref:e=>{e&&(e.innerHTML=j.html,R(e),A())}})}):(0,r.jsx)(u.Fragment,{}),[j,g,v,d,n,m]);return M.enabled&&j?b?p?(0,l.createPortal)((0,r.jsxs)("div",{className:(0,a.Z)(f().Sticky,N?f().Show:""),children:[(0,r.jsx)("button",{type:"button",className:f().CloseBtn,onClick:()=>{O(!1),T("ad_click")},children:(0,r.jsx)(s.Z,{})}),Z]}),document.body):(0,r.jsx)(u.Fragment,{}):Z:(0,r.jsx)(u.Fragment,{})}},834:function(e,t,n){"use strict";n.d(t,{BlogItemLong:function(){return h}});var r=n(87898),i=n(91210),s=n(39750),a=n(93762),u=n(33294),l=n(7407),c=n(75656),o=n(88487),d=n.n(o);n(91050);var f=n(86200);let h=e=>{let{size:t="medium",item:n,withExcerpt:l=!1,withThumbnail:o=!0}=e,{locale:h}=(0,i.b)(),m=(0,f.useMemo)(()=>(null==n?void 0:n.thumbnail)?u.ZP+(null==n?void 0:n.thumbnail):u.Vc+"images/sid-blog-placeholder.jpg",[n]);return(0,r.jsxs)("div",{className:(0,c.Z)("relative flex"),children:[o&&(0,r.jsx)("div",{className:(0,c.Z)("pr-4",{"w-[130px] sm:w-[180px]":"medium"===t},{"w-[130px]":"small"===t}),children:(0,r.jsx)("div",{className:"pb-[70%] bg-white rounded-md relative overflow-hidden bg-cover bg-center",style:{backgroundImage:"url(".concat(m,")")},children:(0,r.jsx)("img",{src:m,alt:(0,a.I)(n.title,h),className:"absolute opacity-0"})})}),(0,r.jsxs)("div",{className:"flex-1",children:[(0,r.jsx)("p",{className:"mb-1 text-sm",children:(0,r.jsx)("time",{className:"text-gray-500",children:d()(null==n?void 0:n.published_date).format("DD MMMM YYYY")})}),(0,r.jsx)("a",{className:"after:absolute after:inset-0 hover:underline",href:"/post/".concat((0,s.R)(n),"/").concat(n.slug),children:(0,r.jsx)("h3",{className:(0,c.Z)("font-semibold font-worksans leading-tight",{"text-lg":"medium"===t,"text-base":"small"===t}),children:(0,a.I)(n.title,h)})}),l?(0,r.jsx)("div",{className:(0,c.Z)({"hidden sm:block":"medium"===t}),children:(0,a.I)(n.excerpt,h)}):(0,r.jsx)(r.Fragment,{})]})]})};t.default=e=>{let{item:t,absoluteUrl:n=!1}=e,{locale:c}=(0,i.b)(),o=(0,f.useMemo)(()=>(null==t?void 0:t.thumbnail)?u.ZP+(null==t?void 0:t.thumbnail):u.Vc+"images/sid-blog-placeholder.jpg",[t]),h=(n?l.Z+("en"!==c?"/".concat(c):""):"")+"/post/".concat((0,s.R)(t),"/").concat(t.slug);return(0,r.jsxs)("div",{className:"relative h-full",children:[(0,r.jsx)("div",{className:"pb-[65%] bg-white rounded-md relative overflow-hidden bg-cover bg-center border",style:{backgroundImage:"url(".concat(o,")")},children:(0,r.jsx)("img",{src:o,alt:(0,a.I)(t.title,c),className:"absolute opacity-0"})}),(0,r.jsxs)("div",{className:"pt-3",children:[(0,r.jsx)("p",{className:"mb-1 text-sm",children:(0,r.jsx)("time",{className:"text-gray-500",children:d()(null==t?void 0:t.published_date).format("DD MMMM YYYY")})}),(0,r.jsx)("a",{className:"after:absolute after:inset-0 hover:underline",href:h,target:n?"_blank":"_self",rel:"noreferrer",children:(0,r.jsx)("h3",{className:"font-semibold font-worksans leading-tight",children:(0,a.I)(t.title,c)})})]})]})}},2819:function(e,t,n){"use strict";n.d(t,{R:function(){return d}});var r=n(87898),i=n(91210),s=n(93976),a=n(86200),u=n(22562),l=n(98194);let c=(0,a.createContext)({}),o=e=>{let{ads:t,kind:n}=e;if((0,a.useMemo)(()=>{var e,r,i,s;t.forceVendor||(t.forceVendor="");let a=!1,u=!1;return"MICROSITE"===n&&(null===(e=t.clients)||void 0===e?void 0:e.gads.microsite)&&(u=!0),"BLOG"===n&&(null===(r=t.clients)||void 0===r?void 0:r.gads.blog)&&(u=!0),"HOME"===n&&(null===(i=t.clients)||void 0===i?void 0:i.gads.home)&&(u=!0),""===t.forceVendor&&(null===(s=t.clients)||void 0===s?void 0:s.gads.enabled)&&u&&(a=!0),"gads"===t.forceVendor&&(a=!0),a},[t])){var i,u;return(0,r.jsx)(s.default,{src:"https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=".concat(null==t?void 0:null===(u=t.clients)||void 0===u?void 0:null===(i=u.gads)||void 0===i?void 0:i.key),crossOrigin:"anonymous",async:!0,strategy:"beforeInteractive"})}return(0,r.jsx)(a.Fragment,{})},d=()=>(0,a.useContext)(c);t.default=e=>{let{children:t,ads:n,microsite:s,hideAds:d}=e,{subscription:f}=(0,l.S)(),{kind:h}=(0,i.b)(),m=(0,u.ZP)(()=>"MICROSITE"===h&&s?"/adcap?short="+s.slug:null,{revalidateOnFocus:!1,revalidateOnMount:!0,revalidateOnReconnect:!1,refreshWhenOffline:!1,refreshWhenHidden:!1,refreshInterval:0}),v=(0,a.useMemo)(()=>{var e,t;let r=(null==n?void 0:n.enabled)||!1;return(null==f?void 0:f.stillActive)&&(r=!1),"MICROSITE"===h&&(null===(t=m.data)||void 0===t?void 0:null===(e=t.data)||void 0===e?void 0:e.show_ad)===!1&&(r=!1),!0===d&&(r=!1),(null==n?void 0:n.force)&&(r=!0),r},[n,f,h,m,d]);return(0,r.jsxs)(c.Provider,{value:{...n,enabled:v},children:[v&&void 0!==n?(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(o,{ads:n,kind:h})}):(0,r.jsx)(a.Fragment,{}),t]})}},39750:function(e,t,n){"use strict";n.d(t,{Q:function(){return i},R:function(){return r}});let r=e=>{let t=((null==e?void 0:e.published_date)||(null==e?void 0:e.created)||"").match(/^(\d{4})-(\d{2})-(\d{2})/);if(t){let[,e,n,r]=t;return"".concat(e,"/").concat(n,"/").concat(r)}return"2022/01/01"},i=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"en";if(!e)return null;let n={...e};return n.content&&!n.content[t]&&(n.content[t]=n.content.en),n.title&&!n.title[t]&&(n.title[t]=n.title.en),n.excerpt&&!n.excerpt[t]&&(n.excerpt[t]=n.excerpt.en),n}},93762:function(e,t,n){"use strict";n.d(t,{I:function(){return r},l:function(){return i}});let r=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"en",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"en";return e?e[t]?e[t]:e[n]:e||""},i=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"idr",n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return t||(t="idr"),new Intl.NumberFormat("idr"===t?"id":"en-US",{style:n?void 0:"currency",currency:t,minimumFractionDigits:"idr"===t?0:2}).format(e)}},88487:function(e){var t;t=function(){"use strict";var e="millisecond",t="second",n="minute",r="hour",i="week",s="month",a="quarter",u="year",l="date",c="Invalid Date",o=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,d=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,f=function(e,t,n){var r=String(e);return!r||r.length>=t?e:""+Array(t+1-r.length).join(n)+e},h="en",m={};m[h]={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(e){var t=["th","st","nd","rd"],n=e%100;return"["+e+(t[(n-20)%10]||t[n]||"th")+"]"}};var v="$isDayjsObject",g=function(e){return e instanceof y||!(!e||!e[v])},b=function e(t,n,r){var i;if(!t)return h;if("string"==typeof t){var s=t.toLowerCase();m[s]&&(i=s),n&&(m[s]=n,i=s);var a=t.split("-");if(!i&&a.length>1)return e(a[0])}else{var u=t.name;m[u]=t,i=u}return!r&&i&&(h=i),i||!r&&h},_=function(e,t){if(g(e))return e.clone();var n="object"==typeof t?t:{};return n.date=e,n.args=arguments,new y(n)},p={s:f,z:function(e){var t=-e.utcOffset(),n=Math.abs(t);return(t<=0?"+":"-")+f(Math.floor(n/60),2,"0")+":"+f(n%60,2,"0")},m:function e(t,n){if(t.date()