https://3second.co.id/_next/static/chunks/1724.ae770fd27d263361.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1724],{29914:function(e,n,t){var r=t(64078),i=t.n(r);let a=i()(()=>t.e(1779).then(t.bind(t,81779)),{loadableGenerated:{webpack:()=>[81779]},ssr:!1});n.Z=a},1843:function(e,n,t){var r=t(51776);let i=e=>{let{children:n,isTrue:t}=e;return t?n:null};n.Z=r.memo(i)},61724:function(e,n,t){t.r(n),t.d(n,{default:function(){return G}});var r=t(36734),i=t(94285),a=t(1079),l=t(2340),o=t(8475),s=t(9523),u=t(97619),c=t(19010),d=t(83720),m=t(84472),f=t(37869),p=t(78802),g=t(76350),x=t(70652),h=t(29914),v=t(1843),y=t(1244),b=t(56562),j=t.n(b),k=t(51776),_=t(12258);let N=e=>{let{data:n,isLoading:t,isFetchingNextPage:r,fetchNextPage:i,hasNextPage:a}=(0,_.PM)({...e}),l=(0,k.useMemo)(()=>{if(n&&n){var e;return null==n?void 0:null===(e=n.pages)||void 0===e?void 0:e.map(e=>e.data.data.data).flat()}},[n]);return{dataArticle:l,isLoading:t,isFetchingNextPage:r,fetchNextPage:i,hasNextPage:a}};var S=t(10292);let w=e=>{let{initialParams:n}=e,{dataArticle:t,isLoading:b,isFetchingNextPage:_,fetchNextPage:w,hasNextPage:G}=N(n),C=!!(null==n?void 0:n.category),E=null==n?void 0:n.is_popular,W=(null==n?void 0:n.sort)==="newest",T=(null==n?void 0:n.sort)==="view",B=(0,k.useMemo)(()=>C?(0,y.Hl)(null==n?void 0:n.category):E?"Editor Pick":W?"New Post":T?"Most Read":void 0,[E,C,W,T,n]);return(0,r.jsx)(i.W,{maxW:"container.xl",py:"6",children:(0,r.jsxs)(a.r,{templateColumns:{base:"1fr",lg:"1fr 350px"},gap:"10",children:[(0,r.jsx)(l.O,{isLoaded:!b,children:(0,r.jsxs)(o.P,{children:[(0,r.jsx)(s.U,{children:(0,r.jsx)(u.x,{textTransform:"uppercase",fontSize:"2xl",fontWeight:"bold",display:"inline",as:"h1",children:B})}),(0,r.jsx)(c.L,{h:"8"}),(0,r.jsx)(a.r,{as:d.M,templateColumns:{base:"1fr",sm:"repeat(3, 1fr)"},gap:"2",children:null==t?void 0:t.map((e,n)=>(0,r.jsx)(S.oF,{item:e,isFullWidth:!0},"a-terbaru-item-".concat(n)))}),(0,r.jsx)(v.Z,{isTrue:!b&&(!t||(null==t?void 0:t.length)===0),children:(0,r.jsx)(h.Z,{title:"Oops!",imageUrl:"/images/empty/empty-result.svg",description:"Artikel yang kamu cari tidak ditemukan!",children:(0,r.jsx)(j(),{href:"/list?sort=view",passHref:!0,children:(0,r.jsx)(m.z,{mt:"10",size:"lg",px:"6",rounded:"full",children:"Lihat Artikel Lainnya"})})})}),(0,r.jsx)(v.Z,{isTrue:G&&!_,children:(0,r.jsx)(f.k,{justify:"center",mt:"6",children:(0,r.jsx)(m.z,{variant:"link",onClick:()=>w(),fontSize:"md",fontWeight:"semibold",children:"Tampilkan Lebih Banyak"})})}),(0,r.jsx)(v.Z,{isTrue:_,children:(0,r.jsx)(p.M,{mt:"8",children:(0,r.jsx)(g.$,{color:"font.primary"})})})]})}),(0,r.jsx)(o.P,{children:(0,r.jsxs)(x.g,{spacing:"6",align:"stretch",pos:"sticky",top:"80px",children:[(0,r.jsx)(S.jp,{}),(0,r.jsx)(S.sx,{})]})})]})})};var G=(0,k.memo)(w)},10292:function(e,n,t){t.d(n,{jp:function(){return l},oF:function(){return a},sx:function(){return o}});var r=t(64078),i=t.n(r);let a=i()(()=>t.e(8310).then(t.bind(t,4131)),{loadableGenerated:{webpack:()=>[4131]},ssr:!1}),l=i()(()=>t.e(4293).then(t.bind(t,84293)),{loadableGenerated:{webpack:()=>[84293]},ssr:!1}),o=i()(()=>t.e(3323).then(t.bind(t,3323)),{loadableGenerated:{webpack:()=>[3323]},ssr:!1})},1244:function(e,n,t){t.d(n,{$G:function(){return o},Hl:function(){return i},O1:function(){return s},Yu:function(){return r},iS:function(){return l},ju:function(){return u},lV:function(){return a}});let r=e=>e.slice(0,4)+"*".repeat(5)+e.slice(9),i=e=>{var n,t,r;return(null===(n=null===(t=null===(r=null==e?void 0:e.split("_"))||void 0===r?void 0:r.join(" "))||void 0===t?void 0:t.split("-"))||void 0===n?void 0:n.join(" "))||""},a=e=>e?e.toString().toLowerCase().trim().normalize("NFD").replace(/[\u0300-\u036f]/g,"").replace(/\s+/g,"-").replace(/[^\w\-]+/g,"").replace(/\-\-+/g,"-"):"",l=(e,n,t)=>{if(isNaN(e.target.value))return;let r=e.target.value.replace(/[^0-9]/g,"");t.setFieldValue(n,r)},o=(e,n)=>e.length>n?e.substring(0,n)+"...":e,s=e=>{let n="",t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",r=t.length;for(let i=0;i<e;i++)n+=t.charAt(Math.floor(Math.random()*r));return n},u=e=>e.replace(/<[^>]*>/g,"")},12258:function(e,n,t){t.d(n,{qO:function(){return s},PM:function(){return u},v_:function(){return c}});var r,i=t(14700),a=t(80465);t(95882);let l=e=>(0,a.p)({method:"GET",servicePath:"blog",params:e}),o=()=>(0,a.p)({method:"GET",servicePath:"blog",uri:"category"}),s=e=>(0,i.useQuery)(["listArticles",e],()=>l(e),{cacheTime:0,select:e=>{var n;return null==e?void 0:null===(n=e.data)||void 0===n?void 0:n.data}}),u=function(e){let n=!(arguments.length>1)||void 0===arguments[1]||arguments[1];return(0,i.useInfiniteQuery)(["actionGetArticlePages",e],n=>{let{pageParam:t=1}=n;return l({...e,page:t})},{getNextPageParam:(e,n)=>n.length!==e.data.data.total_page&&0!==e.data.data.total_page?n.length+1:void 0,refetchOnWindowFocus:!1,retry:!1,enabled:n||!!(null==e?void 0:e.search)})},c=()=>(0,i.useQuery)(["actionGetListCategoryBlog"],()=>o(),{refetchOnWindowFocus:!1,retry:!1,select:e=>{var n;return null!==(r=null==e?void 0:null===(n=e.data)||void 0===n?void 0:n.data)&&void 0!==r?r:null}})},18884:function(e,n,t){t.d(n,{AV:function(){return i},XQ:function(){return a},Yq:function(){return l}});var r=t(40629),i=Object.freeze(["base","sm","md","lg","xl","2xl"]);function a(e,n){return Array.isArray(e)?e.map(e=>null===e?null:n(e)):(0,r.Kn)(e)?Object.keys(e).reduce((t,r)=>(t[r]=n(e[r]),t),{}):null!=e?n(e):null}function l(e,n=i){let t={};return e.forEach((e,r)=>{let i=n[r];null!=e&&(t[i]=e)}),t}},84472:function(e,n,t){t.d(n,{z:function(){return x}});var r=t(51776),[i,a]=(0,t(15891).k)({strict:!1,name:"ButtonGroupContext"}),l=t(83543),o=t(40629),s=t(36734);function u(e){let{children:n,className:t,...i}=e,a=(0,r.isValidElement)(n)?(0,r.cloneElement)(n,{"aria-hidden":!0,focusable:!1}

1):n,u=(0,o.cx)("chakra-button__icon",t);return(0,s.jsx)(l.m.span,{display:"inline-flex",alignSelf:"center",flexShrink:0,...i,className:u,children:a})}u.displayName="ButtonIcon";var c=t(76350);function d(e){let{label:n,placement:t,spacing:i="0.5rem",children:a=(0,s.jsx)(c.$,{color:"currentColor",width:"1em",height:"1em"}),className:u,__css:d,...m}=e,f=(0,o.cx)("chakra-button__spinner",u),p="start"===t?"marginEnd":"marginStart",g=(0,r.useMemo)(()=>({display:"flex",alignItems:"center",position:n?"relative":"absolute",[p]:n?i:0,fontSize:"1em",lineHeight:"normal",...d}),[d,n,p,i]);return(0,s.jsx)(l.m.div,{className:f,...m,__css:g,children:a})}d.displayName="ButtonSpinner";var m=t(22107),f=t(11876),p=t(47208),g=t(47471),x=(0,f.G)((e,n)=>{let t=a(),i=(0,p.mq)("Button",{...t,...e}),{isDisabled:u=null==t?void 0:t.isDisabled,isLoading:c,isActive:f,children:x,leftIcon:v,rightIcon:y,loadingText:b,iconSpacing:j="0.5rem",type:k,spinner:_,spinnerPlacement:N="start",className:S,as:w,...G}=(0,g.Lr)(e),C=(0,r.useMemo)(()=>{let e={...null==i?void 0:i._focus,zIndex:1};return{display:"inline-flex",appearance:"none",alignItems:"center",justifyContent:"center",userSelect:"none",position:"relative",whiteSpace:"nowrap",verticalAlign:"middle",outline:"none",...i,...!!t&&{_focus:e}}},[i,t]),{ref:E,type:W}=function(e){let[n,t]=(0,r.useState)(!e),i=(0,r.useCallback)(e=>{e&&t("BUTTON"===e.tagName)},[]);return{ref:i,type:n?"button":void 0}}(w),T={rightIcon:y,leftIcon:v,iconSpacing:j,children:x};return(0,s.jsxs)(l.m.button,{ref:(0,m.qq)(n,E),as:w,type:null!=k?k:W,"data-active":(0,o.PB)(f),"data-loading":(0,o.PB)(c),__css:C,className:(0,o.cx)("chakra-button",S),...G,disabled:u||c,children:[c&&"start"===N&&(0,s.jsx)(d,{className:"chakra-button__spinner--start",label:b,placement:"start",spacing:j,children:_}),c?b||(0,s.jsx)(l.m.span,{opacity:0,children:(0,s.jsx)(h,{...T})}):(0,s.jsx)(h,{...T}),c&&"end"===N&&(0,s.jsx)(d,{className:"chakra-button__spinner--end",label:b,placement:"end",spacing:j,children:_})]})});function h(e){let{leftIcon:n,rightIcon:t,children:r,iconSpacing:i}=e;return(0,s.jsxs)(s.Fragment,{children:[n&&(0,s.jsx)(u,{marginEnd:i,children:n}),r,t&&(0,s.jsx)(u,{marginStart:i,children:t})]})}x.displayName="Button"},78802:function(e,n,t){t.d(n,{M:function(){return l}});var r=t(83543),i=t(11876),a=t(36734),l=(0,r.m)("div",{baseStyle:{display:"flex",alignItems:"center",justifyContent:"center"}});l.displayName="Center";var o={horizontal:{insetStart:"50%",transform:"translateX(-50%)"},vertical:{top:"50%",transform:"translateY(-50%)"},both:{insetStart:"50%",top:"50%",transform:"translate(-50%, -50%)"}};(0,i.G)(function(e,n){let{axis:t="both",...i}=e;return(0,a.jsx)(r.m.div,{ref:n,__css:o[t],...i,position:"absolute"})})},1079:function(e,n,t){t.d(n,{r:function(){return l}});var r=t(11876),i=t(83543),a=t(36734),l=(0,r.G)(function(e,n){let{templateAreas:t,gap:r,rowGap:l,columnGap:o,column:s,row:u,autoFlow:c,autoRows:d,templateRows:m,autoColumns:f,templateColumns:p,...g}=e;return(0,a.jsx)(i.m.div,{ref:n,__css:{display:"grid",gridTemplateAreas:t,gridGap:r,gridRowGap:l,gridColumnGap:o,gridAutoColumns:f,gridColumn:s,gridRow:u,gridAutoFlow:c,gridAutoRows:d,gridTemplateRows:m,gridTemplateColumns:p},...g})});l.displayName="Grid"},19010:function(e,n,t){t.d(n,{L:function(){return r}});var r=(0,t(83543).m)("div",{baseStyle:{flex:1,justifySelf:"stretch",alignSelf:"stretch"}});r.displayName="Spacer"},9523:function(e,n,t){t.d(n,{U:function(){return l}});var r=t(88475),i=t(11876),a=t(36734),l=(0,i.G)((e,n)=>(0,a.jsx)(r.K,{align:"center",...e,direction:"row",ref:n}));l.displayName="HStack"},8475:function(e,n,t){t.d(n,{P:function(){return u}});var r=t(11876),i=t(83543),a=t(161),l=t(18884),o=t(36734);function s(e){return(0,l.XQ)(e,e=>"auto"===e?"auto":`span ${e}/span ${e}`)}var u=(0,r.G)(function(e,n){let{area:t,colSpan:r,colStart:l,colEnd:u,rowEnd:c,rowSpan:d,rowStart:m,...f}=e,p=(0,a.o)({gridArea:t,gridColumn:s(r),gridRow:s(d),gridColumnStart:l,gridColumnEnd:u,gridRowStart:m,gridRowEnd:c});return(0,o.jsx)(i.m.div,{ref:n,__css:p,...f})});u.displayName="GridItem"},37869:function(e,n,t){t.d(n,{k:function(){return l}});var r=t(11876),i=t(83543),a=t(36734),l=(0,r.G)(function(e,n){let{direction:t,align:r,justify:l,wrap:o,basis:s,grow:u,shrink:c,...d}=e;return(0,a.jsx)(i.m.div,{ref:n,__css:{display:"flex",flexDirection:t,alignItems:r,justifyContent:l,flexWrap:o,flexBasis:s,flexGrow:u,flexShrink:c},...d})});l.displayName="Flex"},70652:function(e,n,t){t.d(n,{g:function(){return l}});var r=t(88475),i=t(11876),a=t(36734),l=(0,i.G)((e,n)=>(0,a.jsx)(r.K,{align:"center",...e,direction:"column",ref:n}));l.displayName="VStack"},88475:function(e,n,t){t.d(n,{K:function(){return m}});var r=t(83543),i=t(36734),a=e=>(0,i.jsx)(r.m.div,{className:"chakra-stack__item",...e,__css:{display:"inline-block",flex:"0 0 auto",minWidth:0,...e.__css}});a.displayName="StackItem";var l=t(18884),o="& > *:not(style) ~ *:not(style)",s=t(11876),u=t(40629),c=t(5393),d=t(51776),m=(0,s.G)((e,n)=>{let{isInline:t,direction:s,align:m,justify:f,spacing:p="0.5rem",wrap:g,children:x,divider:h,className:v,shouldWrapChildren:y,...b}=e,j=t?"row":null!=s?s:"column",k=(0,d.useMemo)(()=>(function(e){let{spacing:n,direction:t}=e,r={column:{marginTop:n,marginEnd:0,marginBottom:0,marginStart:0},row:{marginTop:0,marginEnd:0,marginBottom:0,marginStart:n},"column-reverse":{marginTop:0,marginEnd:0,marginBottom:n,marginStart:0},"row-reverse":{marginTop:0,marginEnd:n,marginBottom:0,marginStart:0}};return{flexDirection:t,[o]:(0,l.XQ)(t,e=>r[e])}})({direction:j,spacing:p}),[j,p]),_=(0,d.useMemo)(()=>(function(e){let{spacing:n,direction:t}=e,r={column:{my:n,mx:0,borderLeftWidth:0,borderBottomWidth:"1px"},"column-reverse":{my:n,mx:0,borderLeftWidth:0,borderBottomWidth:"1px"},row:{mx:n,my:0,borderLeftWidth:"1px",borderBottomWidth:0},"row-reverse":{mx:n,my:0,borderLeftWidth:"1px",borderBottomWidth:0}};return{"&":(0,l.XQ)(t,e=>r[e])}})({spacing:p,direction:j}),[p,j]),N=!!h,S=!y&&!N,w=(0,d.useMemo)(()=>{let e=(0,c.W)(x);return S?e:e.map((n,t)=>{let r=void 0!==n.key?n.key:t,l=t+1===e.length,o=(0,i.jsx)(a,{children:n},r),s=y?o:n;if(!N)return s;let u=(0,d.cloneElement)(h,{__css:_});return(0,i.jsxs)(d.Fragment,{children:[s,l?null:u]},r)})},[h,_,N,S,y,x]),G=(0,u.cx)("chakra-stack",v);return(0,i.jsx)(r.m.div,{ref:n,display:"flex",alignItems:m,justifyContent:f,flexDirection:k.flexDirection,flexWrap:g,className:G,__css:N?{}:{[o]:k[o]},...b,children:w})});m.displayName="Stack"},97619:function(e,n,t){t.d(n,{x:function(){return c}});var r=t(11876),i=t(47208),a=t(47471),l=t(83543),o=t(40629),s=t(161),u=t(36734),c=(0,r.G)(function(e,n){let t=(0,i.mq)("Text",e),{className:r,align:c,decoration:d,casing:m,...f}=(0,a.Lr)(e),p=(0,s.o)({textAlign:e.align,textDecoration:e.decoration,textTransform:e.casing});

1return(0,u.jsx)(l.m.p,{ref:n,className:(0,o.cx)("chakra-text",e.className),...p,...f,__css:t})});c.displayName="Text"},83720:function(e,n,t){t.d(n,{M:function(){return u}});var r=t(1079),i=t(11876),a=t(40136),l=t(24511),o=t(18884),s=t(36734),u=(0,i.G)(function(e,n){let{columns:t,spacingX:i,spacingY:u,spacing:c,minChildWidth:d,...m}=e,f=(0,a.F)(),p=d?(0,o.XQ)(d,e=>{let n=(0,l.LP)("sizes",e,"number"==typeof e?`${e}px`:e)(f);return null===e?null:`repeat(auto-fit, minmax(${n}, 1fr))`}):(0,o.XQ)(t,e=>null===e?null:`repeat(${e}, minmax(0, 1fr))`);return(0,s.jsx)(r.r,{ref:n,gap:c,columnGap:i,rowGap:u,templateColumns:p,...m})});u.displayName="SimpleGrid"},94285:function(e,n,t){t.d(n,{W:function(){return u}});var r=t(11876),i=t(47471),a=t(47208),l=t(83543),o=t(40629),s=t(36734),u=(0,r.G)(function(e,n){let{className:t,centerContent:r,...u}=(0,i.Lr)(e),c=(0,a.mq)("Container",e);return(0,s.jsx)(l.m.div,{ref:n,className:(0,o.cx)("chakra-container",t),...u,__css:{...c,...r&&{display:"flex",flexDirection:"column",alignItems:"center"}}})});u.displayName="Container"},161:function(e,n,t){t.d(n,{o:function(){return r}});function r(e){let n=Object.assign({},e);for(let e in n)void 0===n[e]&&delete n[e];return n}},5393:function(e,n,t){t.d(n,{W:function(){return i}});var r=t(51776);function i(e){return r.Children.toArray(e).filter(e=>(0,r.isValidElement)(e))}},22107:function(e,n,t){t.d(n,{lq:function(){return i},qq:function(){return a}});var r=t(51776);function i(...e){return n=>{e.forEach(e=>{!function(e,n){if(null!=e){if("function"==typeof e){e(n);return}try{e.current=n}catch(t){throw Error(`Cannot assign value '${n}' to ref '${e}'`)}}}(e,n)})}}function a(...e){return(0,r.useMemo)(()=>i(...e),e)}},2340:function(e,n,t){t.d(n,{O:function(){return h}});var r=t(51776),i=t(40629),a=t(83543),l=t(47471),o=t(13327),s=t(11876),u=t(47208),c=t(24511),d=t(36734),m=(0,a.m)("div",{baseStyle:{boxShadow:"none",backgroundClip:"padding-box",cursor:"default",color:"transparent",pointerEvents:"none",userSelect:"none","&::before, &::after, *":{visibility:"hidden"}}}),f=(0,l.gJ)("skeleton-start-color"),p=(0,l.gJ)("skeleton-end-color"),g=(0,o.F4)({from:{opacity:0}

1,to:{opacity:1}}),x=(0,o.F4)({from:{borderColor:f.reference,background:f.reference},to:{borderColor:p.reference,background:p.reference}}),h=(0,s.G)((e,n)=>{let t={...e,fadeDuration:"number"==typeof e.fadeDuration?e.fadeDuration:.4,speed:"number"==typeof e.speed?e.speed:.8},o=(0,u.mq)("Skeleton",t),s=function(){let e=(0,r.useRef)(!0);return(0,r.useEffect)(()=>{e.current=!1},[]),e.current}(),{startColor:h="",endColor:v="",isLoaded:y,fadeDuration:b,speed:j,className:k,fitContent:_,...N}=(0,l.Lr)(t),[S,w]=(0,c.dQ)("colors",[h,v]),G=function(e){let n=(0,r.useRef)();return(0,r.useEffect)(()=>{n.current=e},[e]),n.current}(y),C=(0,i.cx)("chakra-skeleton",k),E={...S&&{[f.variable]:S},...w&&{[p.variable]:w}};if(y){let e=s||G?"none":`${g} ${b}s`;return(0,d.jsx)(a.m.div,{ref:n,className:C,__css:{animation:e},...N})}return(0,d.jsx)(m,{ref:n,className:C,...N,__css:{width:_?"fit-content":void 0,...o,...E,_dark:{...o._dark,...E},animation:`${j}s linear infinite alternate ${x}`}})});h.displayName="Skeleton"}}]);