1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4911],{10078:(e,s,l)=>{"use strict";l.r(s),l.d(s,{__N_SSP:()=>A,default:()=>N});var t=l(37876),a=l(59641),r=l(45047),i=l(53020),c=l(36629),n=l(56090),d=l(64641),o=l(91613),x=l(12703),h=l(14232),m=l(42697),j=l(58743),f=l(61983),p=l(74794),u=l(48011);function g(e){var s,l;let{isMobile:g}=e,[A,N]=(0,h.useState)(1),{data:w,isLoading:b}=(0,x.z$)({page:A,limit:12}),y=(null==w||null==(s=w.data)?void 0:s.totalItems)||0;return(0,t.jsxs)(r.A,{className:g?"px-0 pb-4":"pb-12 px-16",children:[(0,t.jsx)(n.A,{type:"Article",title:"New Post",displayedTitle:"New Post",url:"/artikel/new"}),(0,t.jsx)(d.A,{}),(0,t.jsxs)(a.A,{className:g?"px-4 pb-4":"pb-4",children:[(0,t.jsx)(u.A,{data:[{href:"/",label:"Home"},{href:"/artikel",label:"Article"},{href:"#",label:"New Post"}]}),(0,t.jsx)(a.A,{className:"flex items-center justify-between mb-8",children:(0,t.jsxs)(a.A,{className:"flex items-center gap-2",children:[(0,t.jsx)(a.A,{className:"w-1.5 h-[10px] bg-red-600 rounded-full"}),(0,t.jsx)(c.A,{className:"text-[18px] xl:text-[24px] font-bold text-gray-800",children:"New Post"})]})}),(0,t.jsxs)(a.A,{children:[b?(0,t.jsx)(a.A,{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8",children:Array.from(Array(8).keys()).map((e,s)=>(0,t.jsx)(p.A,{variant:"grid"},"loader-".concat(s+1)))}):(0,t.jsx)("div",{children:(null==w||null==(l=w.data)?void 0:l.items)&&0!==w.data.items.length?(0,t.jsx)(a.A,{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8",children:w.data.items.map(e=>(0,t.jsx)(a.A,{className:"h-[403px] lg:w-[314px] w-full",children:(0,t.jsx)(o.A,{data:e,showShare:!0,titleClassName:"line-clamp-2",descClassName:"line-clamp-3"},"".concat(e.id))},e.id))}):(0,t.jsx)(a.A,{className:"min-h-[200px] flex items-center justify-center",children:(0,t.jsx)(j.A,{})})}),(0,t.jsx)(a.A,{className:"-mt-5 -mb-10",children:y>12&&(0,t.jsx)(i.A,{page:A,limit:12,total:y,onPageChanged:e=>{N(e),window.scrollTo({top:0,behavior:"smooth"})}})})]}),(0,t.jsx)(a.A,{className:"mt-12 pt-8 border-t border-gray-100",children:(0,t.jsx)(m.A,{})})]}),(0,t.jsx)(f.A,{})]})}var A=!0;function N(e){let{isMobile:s}=e;return(0,t.jsx)(g,{isMobile:s})}},42697:(e,s,l)=>{"use strict";l.d(s,{A:()=>n});var t=l(37876),a=l(59641),r=l(36629),i=l(58827),c=l(23451);function n(){let e=String(i.eG);return(0,t.jsxs)(a.A,{className:"flex flex-col gap-6",children:[(0,t.jsx)(a.A,{className:"flex items-center justify-between",children:(0,t.jsxs)(a.A,{className:"flex items-center gap-2",children:[(0,t.jsx)(a.A,{className:"w-1.5 h-[10px] bg-red-600 rounded-full"}),(0,t.jsx)(r.A,{className:"text-[24px] font-bold text-gray-800",children:"Produk Terlaris"})]})}),(0,t.jsx)(a.A,{className:"relative",children:(0,t.jsx)(c._k,{salesforceIdentifier:"bestseller-erafone",categoryId:e,sectionId:"mcis_produk_terlaris",withShowAll:!1,withHeader:0})})]})}},48011:(e,s,l)=>{"use strict";l.d(s,{A:()=>o});var t=l(37876),a=l(31512),r=l(53652),i=l(48230),c=l.n(i),n=l(14232),d=l(29573);let o=function(e){let{data:s,isDarkBackground:l=!1,className:i}=e;if(!s)return(0,t.jsx)(a.A,{width:300,height:15});let{length:o}=s,x=o-1;return 0===o?null:(0,t.jsx)("nav",{"aria-label":"breadcrumb",className:(0,d.QP)("pb-3 pt-1 md:pb-5",null==i?void 0:i.container),children:(0,t.jsx)("ul",{className:(0,d.QP)("flex items-center overflow-x-scroll hide-scrollbar gap-1",l?"text-white":"text-primary"),children:s.map((e,s)=>s===x?(0,t.jsx)(n.Fragment,{children:(0,t.jsx)("li",{className:"flex-none",children:(0,t.jsx)("span",{className:(0,d.QP)(l?"text-white":"text-stone-500"),children:e.label})})},e.label):(0,t.jsxs)(n.Fragment,{children:[(0,t.jsx)("li",{className:"flex-none",children:e.isCategory&&!e.status?(0,t.jsx)("span",{className:"font-bold text-stone-500",children:e.label}):(0,t.jsx)(c(),{href:e.href,className:(0,d.QP)("font-bold",e.isCategory?"text-primary":""),children:e.label})}),(0,t.jsx)("li",{className:"flex-none text-[#333538]",children:(0,t.jsx)(r.A,{name:"chevron-right",size:"x-small"})},"separator-".concat(e.label))]},e.label))})})}},48569:(e,s,l)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/artikel/new",function(){return l(10078)}])},74794:(e,s,l)=>{"use strict";l.d(s,{A:()=>i});var t=l(37876),a=l(59641),r=l(31512);function i(e){let{isMobile:s=!1,variant:l="horizontal"}=e;return"grid"===l?(0,t.jsxs)(a.A,{className:"flex flex-col h-full bg-white rounded-lg border border-gray-100 p-3 space-y-3",children:[(0,t.jsx)(a.A,{className:"relative w-full pt-[60%] overflow-hidden rounded-md",children:(0,t.jsx)(a.A,{className:"absolute top-0 left-0 w-full h-full",children:(0,t.jsx)(r.A,{width:"100%",height:"100%"})})}
1),(0,t.jsxs)(a.A,{className:"flex flex-col flex-grow space-y-2",children:[(0,t.jsx)(r.A,{width:"90%",height:20}),(0,t.jsx)(r.A,{width:"70%",height:20}),(0,t.jsx)(a.A,{className:"pt-2"}),(0,t.jsx)(r.A,{width:"100%",height:14}),(0,t.jsx)(r.A,{width:"100%",height:14}),(0,t.jsx)(r.A,{width:"60%",height:14})]})]}):s?(0,t.jsxs)(a.A,{className:"grid grid-cols-1 gap-3 py-5",children:[(0,t.jsx)(a.A,{className:"flex flex-col justify-center items-center p-1",children:(0,t.jsx)(r.A,{width:270,height:152})}),(0,t.jsxs)(a.A,{className:"flex flex-col justify-start items-start p-1 px-4 space-y-2",children:[(0,t.jsx)(r.A,{width:270,height:43}),(0,t.jsx)(r.A,{width:270,height:19}),(0,t.jsx)(r.A,{width:270,height:235})]})]}):(0,t.jsxs)(a.A,{className:"grid grid-cols-12 gap-3 py-5",children:[(0,t.jsx)(a.A,{className:"col-start-1 col-end-4 flex flex-col justify-center items-center p-1",children:(0,t.jsx)(r.A,{width:216,height:140})}),(0,t.jsxs)(a.A,{className:"col-start-4 col-end-13 flex flex-col justify-start items-start p-1 space-y-2",children:[(0,t.jsx)(r.A,{width:500,height:19}),(0,t.jsx)(r.A,{width:250,height:19}),(0,t.jsx)(r.A,{width:688,height:88})]})]})}},91613:(e,s,l)=>{"use strict";l.d(s,{A:()=>j});var t=l(37876),a=l(59641),r=l(13780),i=l(36629),c=l(48230),n=l.n(c),d=l(85278),o=l(34650),x=l(66478),h=l(29573),m=l(49870);function j(e){let{data:s,isPopular:l,showShare:c,descClassName:j,titleClassName:f}=e,p=(0,m.A)(),u=(0,d.Xr)(o.nN);return(0,t.jsxs)(a.A,{className:"flex flex-col h-full bg-white rounded-lg shadow-sm overflow-hidden border border-gray-100 p-3 hover:shadow-md transition-shadow relative group",children:[(0,t.jsxs)(n(),{href:"/artikel/post/".concat(s.urlKey||s.slug),as:"/artikel/post/".concat(s.urlKey||s.slug),className:"contents",children:[(0,t.jsx)(a.A,{className:"relative w-full pt-[60%] mb-3",children:(0,t.jsx)(r.A,{src:s.attachment||s.image||"",className:"absolute top-0 left-0 w-full h-full object-cover rounded-md"})}),(0,t.jsxs)(a.A,{className:"flex flex-col flex-grow",children:[(0,t.jsx)(a.A,{id:"article-title-".concat(s.id),className:"group-hover:text-red-600 transition-colors",children:(0,t.jsx)(i.A,{className:(0,h.QP)("text-[16px] font-bold mb-2",f),children:s.title})}),(0,t.jsx)(a.A,{children:(0,t.jsx)(i.A,{asParagraph:!0,className:(0,h.QP)("text-[14px] text-gray-600 mb-2 break-words",j),children:s.shortDescription})})]})]}),(l||c)&&(0,t.jsx)(a.A,{className:"flex justify-end mt-auto z-10",children:(0,t.jsx)("button",{type:"button",className:"bg-gray-100 p-1 md:p-2 rounded-lg cursor-pointer hover:bg-gray-200 transition-colors",onClick:e=>{e.preventDefault(),e.stopPropagation(),u({isOpen:!0,article:s}),p&&window.history.pushState({modal:!0},"")},children:(0,t.jsx)(x.A,{})})})]})}}},e=>{e.O(0,[8992,9357,4085,9572,7587,6580,3451,5241,7206,636,6593,8792],()=>e(e.s=48569)),_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.