https://heylaw.id/_next/static/chunks/pages/search/perbandingan-b44198dfe118b944.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5547],{18249:function(e,l,i){"use strict";var s=i(50029),a=i(87794),n=i.n(a),t=i(67294),r=i(41664),d=i.n(r),c=i(96486),o=i(77268),x=i(9339),u=i(25094),v=i(19714),h=i(6556),m=i(14416),g=i(1360),f=i(69213),j=i(78449),p=i(9172),b=i(62554),N=i(12243),w=i(25675),y=i.n(w),k=i(85893);l.Z=function(e){var l,i,a=(0,m.I0)(),r=e.item,w=e.search,_=void 0===w?"":w,S=(0,m.v9)((function(e){return e.auth.profile})),Z=(0,m.v9)((function(e){return e.auth})),C=(0,m.v9)((function(e){return e.subscribtion.hkc})),E=(0,t.useState)(!1),A=E[0],P=E[1],F=(0,t.useState)(!1),T=F[0],B=F[1],L=(0,t.useState)(!1),U=L[0],D=L[1],R=(0,t.useState)(!1),I=R[0],M=R[1],O=(0,t.useState)(!1),$=O[0],q=O[1],G=(0,t.useState)(!1),H=G[0],z=G[1],K=(0,t.useState)(!1),X=K[0],J=K[1];(0,t.useEffect)((function(){q(null===r||void 0===r?void 0:r.favorite)}),[]);var V=function(){var e=(0,s.Z)(n().mark((function e(){return n().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:(0,h.R$)({auth:Z,profile:S,hkcSub:C},{setLogin:P,setActivateEmail:B,setPopTrial:D,setRequireSubscribtion:M},(function(){z(!0),a((0,v.a3)({category:"perbandingan",slug:null===r||void 0===r?void 0:r.slug})).unwrap().then((function(e){z(!1),e.error||q(!$)}))}));case 1:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("div",{className:"rounded-lg lg:p-4 md:p-3 p-2 border border-gray-c26 bg-white",children:(0,k.jsx)("div",{className:"flex",children:(0,k.jsxs)("div",{className:"flex sm:flex-row flex-col items-start gap-3 w-full",children:[(0,k.jsxs)("div",{className:"flex-1 w-full",children:[(0,k.jsx)(d(),{href:"/perbandingan/".concat(null===r||void 0===r?void 0:r.slug,"?search=").concat(_),children:(0,k.jsxs)("a",{children:[null!==r&&void 0!==r&&r.title&&(null===r||void 0===r||null===(l=r.title)||void 0===l?void 0:l.length)>0?(0,k.jsx)("div",{className:"rounded bg-gray-c26 p-2 text-black-c4 font-semibold mb-3 lg:text-base text-sm",children:(0,c.startCase)((0,c.camelCase)(null===r||void 0===r?void 0:r.title))}):"",null!==r&&void 0!==r&&r.tentang&&(null===r||void 0===r||null===(i=r.tentang)||void 0===i?void 0:i.length)>0?(0,k.jsx)("div",{className:"font-normal lg:text-base text-sm lg:leading-7 leading-6 line-clamp-3 h-auto text-gray-c23",children:(0,c.startCase)((0,c.camelCase)(null===r||void 0===r?void 0:r.tentang))}):""]})}),(0,k.jsxs)("div",{className:"flex sm:flex-nowrap flex-wrap items-center gap-3 mt-3",children:[(0,k.jsxs)(u.Dy,{className:"bg-purple-c1",children:[(0,k.jsx)(x.n9,{className:"text-white sm:mr-1 mr-0 h-[15px]"}),(0,k.jsx)("div",{className:"sm:block hidden text-[10px]",children:"Perbandingan"})]}),null!==r&&void 0!==r&&r.sub_category?(0,k.jsxs)(u.WD,{className:"bg-green-c8 text-gray-c23 font-medium text-[10px]",children:[null!==r&&void 0!==r&&r.icon?(0,k.jsx)(y(),{src:null===r||void 0===r?void 0:r.icon,alt:null===r||void 0===r?void 0:r.instansi,width:16,height:12,objectFit:"contain",className:"mr-1"}):(0,k.jsx)(y(),{src:"/icon.svg",alt:"Negara",width:28,height:20}),(0,k.jsx)("div",{children:null===r||void 0===r?void 0:r.sub_category})]}):"",null!==r&&void 0!==r&&r.instansi?(0,k.jsxs)("div",{className:"flex gap-1",children:[(0,k.jsx)(x.aH,{className:"h-3 fill-gray-c27"}),(0,k.jsx)("div",{className:"font-regular text-[10px] line-clamp-1 text-gray-c27",children:null===r||void 0===r?void 0:r.instansi})]}):""]})]}),(0,k.jsxs)("div",{className:"sm:block hidden sm:flex sm:flex-col flex-row grid sm:grid-cols-1 grid-cols-2 gap-3 sm:w-auto w-full h-full justify-between",children:[(0,k.jsx)("div",{onClick:function(){return V()},children:$?(0,k.jsx)(o.SA,{className:"xl:w-32 sm:w-28 w-full",children:H?(0,k.jsx)(N.L4,{className:"w-5 h-5 fill-yellow-c1 animate-spin"}):(0,k.jsxs)("div",{className:"font-semibold text-yellow-c1 flex items-center justify-center gap-1",children:[(0,k.jsx)(x.Um,{className:"h-4 fill-yellow-c1"})," Favorite"]})}):(0,k.jsx)(o.pb,{className:"xl:w-32 sm:w-28 w-full border-none",children:H?(0,k.jsx)(N.L4,{className:"w-5 h-5 animate-spin fill-white"}):(0,k.jsxs)("div",{className:"font-semibold flex items-center justify-center gap-1 text-gray-c24",children:[(0,k.jsx)(x.Df,{className:"h-4 fill-gray-c24"})," Favorite"]})})}),(0,k.jsx)(d(),{href:"/perbandingan/".concat(null===r||void 0===r?void 0:r.slug,"?search=").concat(_),children:(0,k.jsx)("a",{children:(0,k.jsxs)(o.GA,{className:"xl:w-32 sm:w-28 w-full flex items-center gap-2 bg-green-c1",children:[(0,k.jsx)(x.bA,{className:"h-4 fill-white stroke-2"}),"Lihat"]})})})]})]})})}),(0,k.jsx)(j.Z,{active:U,close:D}),(0,k.jsx)(f.Z,{active:T,close:B}),(0,k.jsx)(p.Z,{active:X,close:J}),(0,k.jsx)(b.Z,{active:I,close:M}),(0,k.jsx)(g.Z,{active:A,close:P})]})}},80383:function(e,l,i){"use strict";i.r(l);var s=i(67294),a=i(11163),n=i(41664),t=i.n(n),r=i(25675),d=i.n(r),c=i(3627),o=i(18137),x=i(21152),u=i(66704),v=i(61408),h=i(18249),m=i(3815),g=i(76669),f=i(27036),j=i(87440),p=i(61125),b=i(86886),N=i(82971),w=i(14416),y=i(85893);l.default=function(){var e,l,i,n=(0,w.I0)(),r=(0,w.v9)((function(e){return e.search.hkc}

1)),k=(0,s.useState)("total_view"),_=k[0],S=k[1],Z=(0,a.useRouter)(),C=Z.query,E=C.page,A=void 0===E?1:E,P=C.search,F=void 0===P?"":P,T=C.filter,B=void 0===T?0:T,L={page:A,keyword:F,category:"PERBANDINGAN",filter:B,orderBy:_};(0,s.useEffect)((function(){n((0,N._C)({page:A,keyword:F,category:"PERBANDINGAN",filter:B,orderBy:_}))}),[Z.query,L.orderBy]);var U=null!==r&&void 0!==r&&r.loading?[]:null===r||void 0===r?void 0:r.data,D=null!==r&&void 0!==r&&r.loading?[]:null===r||void 0===r||null===(e=r.data)||void 0===e?void 0:e.total_page,R=null!==r&&void 0!==r&&r.loading?[]:null===r||void 0===r||null===(l=r.data)||void 0===l?void 0:l.data,I=null!==r&&void 0!==r&&r.loading?[]:null===r||void 0===r||null===(i=r.data)||void 0===i?void 0:i.categories;return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(p.Z,{children:(0,y.jsx)("div",{className:"flex flex-col gap-2 p-5",children:null!==r&&void 0!==r&&r.loading?(0,y.jsx)(v.c$,{}):I&&I.length>0?I.map((function(e,l){var i;return(0,y.jsx)("div",{children:(0,y.jsx)(t(),{href:"/search/perbandingan?search=".concat(F,"&filter=").concat(e.filter),children:(0,y.jsx)("a",{children:(0,y.jsxs)("div",{className:"h-10 rounded-md flex items-center font-nunito px-2 relative ".concat(B==(null===e||void 0===e?void 0:e.filter)?"shadow-c4":""),children:[(0,y.jsxs)("div",{className:"flex items-center gap-2",children:["SEMUA"!=e.detail&&null!==e&&void 0!==e&&e.icon?(0,y.jsx)(d(),{src:null===e||void 0===e?void 0:e.icon,alt:"Negara",width:28,height:20}):"",(0,y.jsx)("div",{className:"capitalize",children:"SEMUA"==(null===e||void 0===e?void 0:e.detail)?"Semua Negara":null===e||void 0===e||null===(i=e.detail)||void 0===i?void 0:i.toLowerCase()})]}),(0,y.jsx)("div",{className:"h-8 flex items-center px-5px ml-2 text-sm rounded-md group-hover:bg-transparent text-green-c1 bg-green-c2",children:null===e||void 0===e?void 0:e.total}),B==(null===e||void 0===e?void 0:e.filter)?(0,y.jsx)(f.Z,{className:"absolute top-1/2 -translate-y-1/2 right-2 text-green-c1"}):""]})})})},l)})):""})}),(0,y.jsxs)(o.Z,{type:"theme1",footerClass:"mt-14",children:[(0,y.jsxs)("div",{className:"bg-perbandingan bg-no-repeat bg-cover text-white sm:bg-center bg-right-bottom",children:[(0,y.jsx)(c.Z,{}),(0,y.jsxs)("div",{className:"container pb-20 pt-[96px]",children:[(0,y.jsxs)(x.Oo,{children:[(0,y.jsx)(x.FB,{href:"/search/literasi?search=".concat(F),children:"Semua Kategori"}),(0,y.jsx)(x.ck,{children:"Perbandingan"})]}),(0,y.jsx)("div",{className:"grid md:grid-cols-2 grid-cols-1 mt-6",children:(0,y.jsxs)("div",{children:[(0,y.jsx)("div",{className:"flex-grow-0 font-bold lg:text-4xl md:text-3xl text-2xl",children:"Perbandingan"}),(0,y.jsx)("div",{className:"mt-2 font-nunito font-normal sm:text-base text-sm",children:"Jangan takut salah ketika menuntut ilmu karena banyak orang sukses belajar dari sebuah kesalahan."})]})})]})]}),(0,y.jsx)("div",{className:"container pt-8",children:(0,y.jsxs)("div",{className:"mt-4 flex items-start gap-6",children:[(0,y.jsx)("div",{className:"-mt-[85px] w-80 flex-shrink-0 lg:block hidden",children:(0,y.jsx)("div",{className:"bg-white shadow-c-14 rounded-lg p-5",children:(0,y.jsx)(u.UO,{Title:"Kategori",TitleClass:"font-semibold",BodyClass:"mt-3",children:(0,y.jsx)("div",{className:"flex flex-col gap-2",children:null!==r&&void 0!==r&&r.loading?(0,y.jsx)(v.c$,{}):I&&I.length>0?I.map((function(e,l){var i;return(0,y.jsx)("div",{children:(0,y.jsx)(t(),{href:"/search/perbandingan?search=".concat(F,"&filter=").concat(e.filter),children:(0,y.jsx)("a",{children:(0,y.jsxs)("div",{className:"h-10 rounded-md flex items-center font-nunito px-2 relative ".concat(B==e.filter?"shadow-c4":""),children:[(0,y.jsxs)("div",{className:"flex items-center gap-2",children:["SEMUA"!=e.detail&&null!==e&&void 0!==e&&e.icon?(0,y.jsx)(d(),{src:null===e||void 0===e?void 0:e.icon,alt:"Negara",width:28,height:20}):"",(0,y.jsx)("div",{className:"capitalize",children:"SEMUA"==(null===e||void 0===e?void 0:e.detail)?"Semua Negara":null===e||void 0===e||null===(i=e.detail)||void 0===i?void 0:i.toLowerCase()})]}),(0,y.jsx)("div",{className:"h-8 flex items-center px-5px ml-2 text-sm rounded-md group-hover:bg-transparent text-green-c1 bg-green-c2",children:null===e||void 0===e?void 0:e.total}),B==(null===e||void 0===e?void 0:e.filter)?(0,y.jsx)(f.Z,{className:"absolute top-1/2 -translate-y-1/2 right-2 text-green-c1"}):""]})})})},l)})):""})})})}),(0,y.jsxs)("div",{className:"-mt-[85px] flex-grow",children:[(0,y.jsx)(b.Z,{defaultType:"perbandingan",keyword:F}),(0,y.jsxs)("div",{className:"w-full flex items-center justify-between mt-8 mb-8 gap-2",children:[null!==r&&void 0!==r&&r.loading?(0,y.jsx)(v.aH,{}):(0,y.jsx)("div",{className:"sm:text-right text-left sm:text-base text-sm sm:font-sans ml-3",children:F?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("b",{children:null===U||void 0===U?void 0:U.total_record})," Hasil pencarian"," ",(0,y.jsx)("b",{children:"Perbandingan"})," untuk ",(0,y.jsxs)("b",{children:["\u201c",F,"\u201d"]})]}):(0,y.jsx)(y.Fragment,{})}),(0,y.jsxs)(j.Ph,{className:"xl:w-28 w-24 flex-shrink-0",onChange:function(e){

1S(e)},children:[(0,y.jsx)("option",{value:"total_view",children:"Popular"}),(0,y.jsx)("option",{value:"created_at",children:"Terbaru"}),(0,y.jsx)("option",{value:"total_favorite",children:"Terfavorit"})]})]}),(0,y.jsx)("div",{className:"flex flex-col gap-3",children:null!==r&&void 0!==r&&r.loading?(0,y.jsx)(v.$0,{}):R&&R.length>0?R.map((function(e,l){return(0,y.jsx)(h.Z,{item:e,search:F},l)})):""}),(0,y.jsxs)("div",{className:"flex justify-center mt-14",children:[(0,y.jsx)("div",{className:"hidden md:block",children:null!==r&&void 0!==r&&r.loading?(0,y.jsx)(v.yV,{}):(0,y.jsx)(m.Z,{total:D||1})}),(0,y.jsx)("div",{className:"block md:hidden",children:(0,y.jsx)(g.Z,{total:D||1})})]})]})]})})]})]})}},5577:function(e,l,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/search/perbandingan",function(){return i(80383)}])}},function(e){e.O(0,[3662,4885,7445,8137,9474,7875,9774,2888,179],(function(){return l=5577,e(e.s=l);var l}));var l=e.O();_N_E=l}]);