1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2089],{2761:function(e,t,l){"use strict";var a,r=l(7294);function s(){return(s=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",s({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"})))}},8420:function(e,t,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/artikel/kategori/[...slugs]",function(){return l(9462)}])},3174:function(e,t,l){"use strict";l.d(t,{Z:function(){return f}});var a=l(5893),r=l(5675),s=l.n(r),n=l(1664),o=l.n(n),i=l(7294),u=l(6725),c=l(3274),d=l(3102),g=l(6010);let f=(0,i.memo)(e=>{let{url:t,title:l,thumbnailUrl:r,loading:n=!1,categories:i,direction:u="row",onClick:f}=e;if(!n&&("string"!=typeof t||"string"!=typeof l))return null;let m=(0,g.Z)("grid rounded",{"grid-cols-1 w-48 gap-y-2":"column"===u,"grid-cols-2 gap-x-2 p-2 border border-almost-white":"row"===u}),p=(0,g.Z)("break-words self-center",{"order-last flex flex-col":"column"===u});return n?(0,a.jsxs)("div",{className:m,children:[(0,a.jsx)("div",{className:"self-center",children:(0,a.jsx)(c.O,{})}),(0,a.jsx)("div",{className:(0,g.Z)({"order-first":"column"===u}),children:(0,a.jsx)("span",{role:"status",className:"media__container--16/9 skeleton"})})]}):(0,a.jsxs)(o(),{href:t,title:l,className:m,onClick:f,children:[(0,a.jsxs)("div",{className:p,children:[(0,a.jsx)("p",{className:(0,g.Z)("mb-1",{"order-last":"column"===u}),children:l}),Array.isArray(i)&&i.length>0&&(0,a.jsx)("div",{className:(0,g.Z)("space-x-1 space-y-1",{"mb-1":"column"===u}),children:i.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)(s(),{fill:!0,src:r,alt:"".concat(t,"'s thumbnail"),className:"object-center object-cover"})})})]})});u.m&&(f.displayName="Card")},5866:function(e,t,l){"use strict";l.d(t,{Ob:function(){return r},Sl:function(){return s}});var a=l(3705);let r="/artikel/";function s(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})}},3344:function(e,t,l){"use strict";l.d(t,{t:function(){return c}});var a=l(5893),r=l(7294),s=l(1358),n=l.n(s),o=l(6725),i=l(6315),u=l(2761);let c=(0,r.memo)(e=>{let{total:t,current:l=0,pageSize:r=10,pageQuery:s="page",generatePageQuery:o=!0,isLoading:c=!1,onChange:d}=e;if("number"!=typeof t||t<1)return null;let g="block basis-8",f="w-full h-full block flex items-center justify-center";return(0,a.jsx)("div",{className:"w-full flex items-center justify-center",children:c?(0,a.jsx)("span",{className:"skeleton w-2/3 mt-2 block"}):(0,a.jsx)("div",{className:"flex-grow",children:(0,a.jsx)(n(),{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:g,breakLinkClassName:f,pageClassName:g,pageLinkClassName:f,previousClassName:g,previousLinkClassName:f,nextClassName:g,nextLinkClassName:f,previousLabel:(0,a.jsx)(i.Z,{className:"w-3 h-3"}),nextLabel:(0,a.jsx)(u.Z,{className:"w-3 h-3"}),onPageChange:e=>{let{selected:t}=e;null==d||d(t)},hrefBuilder:o?(e,t)=>0===e||e>t?null:"?".concat(s,"=").concat(e):void 0})})})});o.m&&(c.displayName="Pagination")},3274:function(e,t,l){"use strict";
1l.d(t,{O:function(){return n}});var a=l(5893),r=l(7294),s=l(6725);let n=(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"})]})});s.m&&(n.displayName="Skeleton")},2731:function(e,t,l){"use strict";l.d(t,{h:function(){return i}});var a=l(7294),r=l(8277),s=l(1163),n=l(4621);let o=e=>{let{withRouterPath:t=!0}=e,{listeners:l}=(0,a.useContext)(n.s),r=(0,s.useRouter)();return{dispatchEvent:(e,a)=>{let s=null==l?void 0:l[e];if("function"==typeof s){let e={...a};t&&(e.pathname=null==r?void 0:r.pathname,e.asPath=null==r?void 0:r.asPath),s(e)}}}};function i(){let{eventPayload:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{dispatchEvent:t}=o({withRouterPath:!0});(0,a.useEffect)(()=>{t(r.f.Initial_Screen,e)},[])}},9462:function(e,t,l){"use strict";l.r(t);var a=l(5893),r=l(2962),s=l(4062),n=l(1664),o=l.n(n),i=l(7294),u=l(6725),c=l(1864),d=l(1391),g=l(3705),f=l(7021),m=l(6145),p=l(8941),h=l(5049),v=l(7265),y=l(5866),b=l(3916),x=l(2227),N=l(3344),j=l(8006),k=l(2731),C=l(6010);let w=e=>{let{categorySlug:t,categoryLabel:l,subCategorySlug:r,subCategories:n,pageQuery:u,articles:g}=e;(0,k.h)();let[f,v]=(0,s.v1)("page",{defaultValue:u||1,parse:e=>(0,c.D)({value:Number(e),defaultValue:1})}),[j,w]=(0,i.useState)(!1),{data:L,isLoading:S,isError:P}=(0,h.TL)({page:f,limit:10,categorySlug:t,subCategorySlug:r},g),{data:_}=(0,h.nc)(t||"",n),O=(0,i.useCallback)(e=>{v(e+1,{scroll:!0,shallow:!0})},[v]),Z=(0,i.useCallback)(()=>{w(!0)},[]),E=(0,i.useCallback)(()=>{w(!1)},[]),F=(0,i.useMemo)(()=>({parentCategory:{label:"Semua",slug:t||""},subCategories:(null==_?void 0:_.map(e=>{let t="string"==typeof e;return{label:t?(0,d.r)(e):e.label,slug:t?e:e.slug}}))||[]}),[t,_]),A=(null==L?void 0:L.data)||[],B=!((null==A?void 0:A.length)>0)&&!S,q=_||[],z=q.length>0,D=void 0!==r,I=z&&D,M=B?(0,a.jsxs)(b.Q,{errorIllustrationProps:{message:"Belum ada artikel",type:"no-content"},children:[(0,a.jsxs)("span",{children:["Belum ada artikel di"," ",I?"subkategori":"kategori"," ini."]}),I?(0,a.jsx)(x.z,{block:!0,onClick:Z,children:"Ganti Filter"}):(0,a.jsx)(o(),{href:y.Ob,className:"w-full",children:(0,a.jsx)(x.z,{block:!0,children:"Cek Artikel Lain"})})]}):null,R=(0,C.Z)("min-h-full flex-grow min-h-[calc(100vh-70px)]",{"mt-2":!B});return(0,a.jsxs)("div",{className:"spacing-px-content pt-2 pb-6 min-h-[75vh] flex flex-col",children:[(0,a.jsx)(m.d,{selectedSubCategorySlug:r,open:j,onDrawerClosed:E,...F}),(0,a.jsxs)("div",{className:R,children:[M,(0,a.jsx)(p.q,{articles:A,isLoading:S,isError:P,shouldShowError:!B,defaultCategory:l}),(0,a.jsx)(N.t,{current:f-1,total:null==L?void 0:L.total,pageSize:(null==L?void 0:L.per_page)||10,onChange:O,isLoading:S})]})]})};w.getLayout=(e,t)=>{var l,s;let n=!!(null==t?void 0:t.categoryNotFound),i=(null==t?void 0:t.path)?(0,g.f)(null==t?void 0:t.path):void 0,u=(null==t?void 0:t.categoryNotFound)||(null==t?void 0:null===(s=t.articles)||void 0===s?void 0:null===(l=s.data)||void 0===l?void 0:l.length)===0,c=null==t?void 0:t.categoryNotFound;return(0,a.jsxs)(j.Z,{showNavigationBar:!1,showPageHeader:!n,showFooter:!n,pageHeaderProps:{label:null==t?void 0:t.categoryLabel,backUrl:y.Ob},children:[(0,a.jsx)(r.PB,{title:null==t?void 0:t.categoryLabel,nofollow:c,noindex:u,canonical:i}),n?(0,a.jsx)(b.Q,{errorIllustrationProps:{message:"Kategori tidak ditemukan",type:"no-content"},children:(0,a.jsx)(o(),{href:y.Ob,className:"w-full",children:(0,a.jsx)(x.z,{block:!0,children:"Kembali"})})}):e]})},w.getInitialProps=async e=>{var t,l;let a=(0,c.D)({value:Number(null===(t=e.query)||void 0===t?void 0:t.page),defaultValue:1}),[r,s]=[...e.query?.slugs].map(e=>null==e?void 0:e.toLowerCase()),n={pageQuery:a,categorySlug:r,subCategorySlug:s,categoryLabel:(0,d.r)(r||""),path:e.asPath,categoryNotFound:!1,subCategoryNotFound:!1,subCategories:[]};if(!u.C){let[e,t]=await Promise.allSettled([v.L.findSubcategoriesOf(r),v.L.findAllByCategorySubcategory({page:a,limit:10,categorySlug:r,subCategorySlug:s})]);if("fulfilled"===t.status){let e=null===(l=t.value.data)||void 0===l?void 0:l.data;n.articles={...e,data:e.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}})}})}}if("fulfilled"===e.status){let t=e.value.some(e=>e.slug===s);t||(n.subCategoryNotFound=!0),n.subCategories=e.value.map(e=>({label:e.name,slug:e.slug}))}else n.categoryNotFound=!0,n.subCategoryNotFound=!0}return(0,f.q)(n)},t.default=w},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}})},1391:function(e,t,l){"use strict";function a(e){if("string"!=typeof e)return"";let t=e.split("-");for(let e=0;e<t.length;e++){let l=t[e];t[e]=l.charAt(0).toUpperCase()+l.slice(1)}return t.join(" ")}function r(e){return"string"!=typeof e?"":e.toLowerCase().replace(/ /gi,"-").replace(/\n/gi,"-").replace(/[^A-Za-z0-9\-]/gi,"")}l.d(t,{k:function(){return r},r:function(){return a}})}},function(e){e.O(0,[8401,6416,4056,5618,29,4287,5200,9774,2888,179],function(){return e(e.s=8420)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.