https://tentanganak.com/_next/static/chunks/pages/artikel/populer-1cf358dc780b5451.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3243],{2761:function(e,t,l){"use strict";var a,r=l(7294);function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e}).apply(this,arguments)}t.Z=function(e){return r.createElement("svg",n({viewBox:"0 0 8 13",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),a||(a=r.createElement("path",{d:"m1.487 12.098 6-6-6-6L0 1.585l4.513 4.513L0 10.611l1.487 1.487Z",fill:"currentColor"})))}},3842:function(e,t,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/artikel/populer",function(){return l(5373)}])},8941:function(e,t,l){"use strict";l.d(t,{q:function(){return g}});var a=l(5893),r=l(5866),n=l(1363),s=l(8277),i=l(3174),o=l(7381),c=l(1664),u=l.n(c),d=l(3916),m=l(2227);let p=e=>{let{type:t,title:l,subtitle:n}=e;return(0,a.jsxs)(d.Q,{errorIllustrationProps:{message:"string"==typeof l?l:"no-content"===t?"Belum ada artikel":"Terjadi kesalahan pada sistem kami",type:"no-content"},children:["string"==typeof n&&n.length>0&&(0,a.jsx)("span",{children:n}),(0,a.jsx)(u(),{href:r.Ob,className:"w-full",children:(0,a.jsx)(m.z,{block:!0,children:"Kembali"})})]})},g=e=>{let{articles:t,defaultCategory:l,isLoading:c=!1,shouldShowError:u=!0,isError:d=!1,errorTitle:m,errorSubTitle:g}=e;if(c)return(0,a.jsx)(o.P,{count:10});let f=!c&&Array.isArray(t)&&0===t.length;return u&&(f||d)?(0,a.jsx)(p,{type:f?"no-content":"network",title:m,subtitle:g}):f?null:(0,a.jsx)("ul",{className:"space-y-2 mb-2",children:null==t?void 0:t.map(e=>{var t,o;let c=(0,r.Sl)({path:{type:"detail",articleSlug:(null==e?void 0:e.slug)||""}})||"",u="string"==typeof l&&l.length>0?l:null==e?void 0:null===(o=e.category)||void 0===o?void 0:null===(t=o[0])||void 0===t?void 0:t.name;return(0,a.jsx)("li",{children:(0,a.jsx)(n.j,{eventKey:s.f.ArtikelDetail_Button,children:(0,a.jsx)(i.Z,{title:null==e?void 0:e.title,url:c,thumbnailUrl:null==e?void 0:e.cover,categories:[u]})})},e.id)})})}},3174:function(e,t,l){"use strict";l.d(t,{Z:function(){return p}});var a=l(5893),r=l(5675),n=l.n(r),s=l(1664),i=l.n(s),o=l(7294),c=l(6725),u=l(3274),d=l(3102),m=l(6010);let p=(0,o.memo)(e=>{let{url:t,title:l,thumbnailUrl:r,loading:s=!1,categories:o,direction:c="row",onClick:p}=e;if(!s&&("string"!=typeof t||"string"!=typeof l))return null;let g=(0,m.Z)("grid  rounded",{"grid-cols-1 w-48 gap-y-2":"column"===c,"grid-cols-2 gap-x-2 p-2 border border-almost-white":"row"===c}),f=(0,m.Z)("break-words self-center",{"order-last flex flex-col":"column"===c});return s?(0,a.jsxs)("div",{className:g,children:[(0,a.jsx)("div",{className:"self-center",children:(0,a.jsx)(u.O,{})}),(0,a.jsx)("div",{className:(0,m.Z)({"order-first":"column"===c}),children:(0,a.jsx)("span",{role:"status",className:"media__container--16/9 skeleton"})})]}):(0,a.jsxs)(i(),{href:t,title:l,className:g,onClick:p,children:[(0,a.jsxs)("div",{className:f,children:[(0,a.jsx)("p",{className:(0,m.Z)("mb-1",{"order-last":"column"===c}),children:l}),Array.isArray(o)&&o.length>0&&(0,a.jsx)("div",{className:(0,m.Z)("space-x-1 space-y-1",{"mb-1":"column"===c}),children:o.map((e,t)=>(0,a.jsx)(d.C,{label:e},t))})]}),(0,a.jsx)("div",{className:"self-center",children:(0,a.jsx)("div",{className:"media__container--16/9 bg-silver-grey rounded overflow-hidden",children:r&&(0,a.jsx)(n(),{fill:!0,src:r,alt:"".concat(t,"'s thumbnail"),className:"object-center object-cover"})})})]})});c.m&&(p.displayName="Card")},5866:function(e,t,l){"use strict";l.d(t,{Ob:function(){return r},Sl:function(){return n}});var a=l(3705);let r="/artikel/";function n(e){let{path:t,withCanonical:l=!1}=e,r="";switch(t.type){case"detail":r="/artikel/:slug/".replace(/:slug/gi,t.articleSlug);break;case"category":r="/artikel/kategori/:category/".replace(/:category/gi,t.categorySlug);break;case"subcategory":r="/artikel/kategori/:category/:subcategory/".replace(/:category/gi,t.categorySlug).replace(/:subcategory/gi,t.subCategorySlug)}return l?(0,a.f)(r):r.toLowerCase()}},3102:function(e,t,l){"use strict";l.d(t,{C:function(){return r}});var a=l(5893);let r=e=>{let{label:t}=e;return(0,a.jsx)("span",{className:"typography-body--label text-primary-orange bg-secondary-pale-orange py-0.5 px-1 rounded",children:t})}},3916:function(e,t,l){"use strict";l.d(t,{Q:function(){return i}});var a=l(5893),r=l(7294),n=l(6725),s=l(9468);let i=(0,r.memo)(e=>{let{errorIllustrationProps:t,children:l}=e;return(0,a.jsx)("div",{className:"min-h-[calc(100vh-70px)] flex flex-col justify-center",children:(0,a.jsx)(s.q,{...t||{t

1ype:"no-content"},className:"spacing-px-content",children:l})})});n.m&&(i.displayName="ErrorNotFound")},3344:function(e,t,l){"use strict";l.d(t,{t:function(){return u}});var a=l(5893),r=l(7294),n=l(1358),s=l.n(n),i=l(6725),o=l(6315),c=l(2761);let u=(0,r.memo)(e=>{let{total:t,current:l=0,pageSize:r=10,pageQuery:n="page",generatePageQuery:i=!0,isLoading:u=!1,onChange:d}=e;if("number"!=typeof t||t<1)return null;let m="block basis-8",p="w-full h-full block flex items-center justify-center";return(0,a.jsx)("div",{className:"w-full flex items-center justify-center",children:u?(0,a.jsx)("span",{className:"skeleton w-2/3 mt-2 block"}):(0,a.jsx)("div",{className:"flex-grow",children:(0,a.jsx)(s(),{hrefAllControls:!0,pageCount:Math.ceil(t/r),forcePage:l,pageRangeDisplayed:1,marginPagesDisplayed:2,className:"flex items-stretch justify-center h-8",activeClassName:"text-primary-orange",disabledClassName:"text-silver-grey cursor-not-allowed",breakClassName:m,breakLinkClassName:p,pageClassName:m,pageLinkClassName:p,previousClassName:m,previousLinkClassName:p,nextClassName:m,nextLinkClassName:p,previousLabel:(0,a.jsx)(o.Z,{className:"w-3 h-3"}),nextLabel:(0,a.jsx)(c.Z,{className:"w-3 h-3"}),onPageChange:e=>{let{selected:t}=e;null==d||d(t)},hrefBuilder:i?(e,t)=>0===e||e>t?null:"?".concat(n,"=").concat(e):void 0})})})});i.m&&(u.displayName="Pagination")},3274:function(e,t,l){"use strict";l.d(t,{O:function(){return s}});var a=l(5893),r=l(7294),n=l(6725);let s=(0,r.memo)(e=>{let{row:t=1}=e;return(0,a.jsxs)("div",{role:"status",className:"space-y-1",children:[Array(Math.max(1,t)).fill(null).map((e,t)=>(0,a.jsx)("span",{className:"skeleton w-full"},t)),(0,a.jsx)("span",{className:"skeleton w-3/5"})]})});n.m&&(s.displayName="Skeleton")},2731:function(e,t,l){"use strict";l.d(t,{h:function(){return o}});var a=l(7294),r=l(8277),n=l(1163),s=l(4621);let i=e=>{let{withRouterPath:t=!0}=e,{listeners:l}=(0,a.useContext)(s.s),r=(0,n.useRouter)();return{dispatchEvent:(e,a)=>{let n=null==l?void 0:l[e];if("function"==typeof n){let e={...a};t&&(e.pathname=null==r?void 0:r.pathname,e.asPath=null==r?void 0:r.asPath),n(e)}}}};function o(){let{eventPayload:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{dispatchEvent:t}=i({withRouterPath:!0});(0,a.useEffect)(()=>{t(r.f.Initial_Screen,e)},[])}},5373:function(e,t,l){"use strict";l.r(t),l.d(t,{default:function(){return y}});var a=l(5893),r=l(2962),n=l(4062),s=l(7294),i=l(6725),o=l(1864),c=l(3705),u=l(7021),d=l(8941),m=l(5049),p=l(7265),g=l(5866),f=l(3344),h=l(8006),v=l(2731);let x=e=>{var t,l,r;let{pageQuery:i,articles:c}=e;(0,v.h)();let[u,p]=(0,n.v1)("page",{defaultValue:i||1,parse:e=>(0,o.D)({value:Number(e),defaultValue:1})}),{data:g,isLoading:h,isError:x}=(0,m.H$)({page:u,limit:10,type:"recommendation"},c),y=(0,s.useCallback)(e=>{p(e+1,{scroll:!0,shallow:!0})},[p]),j=(null==g?void 0:null===(t=g.data)||void 0===t?void 0:t.data)||[];return(0,a.jsxs)("div",{className:"spacing-px-content pt-2 pb-6 min-h-[calc(100vh-50px)] flex flex-col",children:[(0,a.jsx)(d.q,{articles:j,isLoading:h,isError:x,errorSubTitle:0===j.length?"Belum ada artikel populer.":void 0}),(0,a.jsx)(f.t,{current:u-1,total:null==g?void 0:null===(l=g.data)||void 0===l?void 0:l.total,pageSize:(null==g?void 0:null===(r=g.data)||void 0===r?void 0:r.per_page)||10,onChange:y,isLoading:h})]})};x.getLayout=(e,t)=>(0,a.jsxs)(h.Z,{showPageHeader:!0,showNavigationBar:!1,pageHeaderProps:{label:"Artikel Populer",backUrl:g.Ob},children:[(0,a.jsx)(r.PB,{title:"Artikel Populer",canonical:(0,c.f)((null==t?void 0:t.canonicalPath)||""),noindex:!(null==t?void 0:t.shouldIndexPage)}),e]}),x.getInitialProps=async e=>{let{pathname:t,query:l}=e,a=(0,o.D)({value:Number(null==l?void 0:l.page),defaultValue:1}),r={pageQuery:a,canonicalPath:t,shouldIndexPage:!0};if(!i.C)try{let e=(await p.L.findAll({page:a,limit:10,type:"recommendation"})).data;r.articles={...e,data:{...e.data,data:e.data.data.map(e=>{var t;return{id:e.id,slug:e.slug,title:e.title,cover:e.cover,category:null===(t=e.category)||void 0===t?void 0:t.map(e=>{let{id:t,name:l,slug:a}=e;return{id:t,name:l,slug:a}})}})}}}catch(e){r.shouldIndexPage=!1}return(0,u.q)(r)};var y=x},7021:function(e,t,l){"use strict";function a(e){let t="[object Object]"===Object.prototype.toString.call(e);return t?JSON.parse(JSON.stringify(e)):{}}l.d(t,{q:function(){return a}})}},function(e){e.O(0,[8401,4056,5618,29,4287,9774,2888,179],function(){return e(e.s=3842)}),_N_E=e.O()}]);