https://bankjateng.co.id/_next/static/chunks/pages/category/[slug]-3a08efc6d9eb0c44297d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24],{79715:function(e,t,n){"use strict";n.d(t,{bU:function(){return b},HE:function(){return g},jj:function(){return w}});var r=n(85893),o=n(26265),s=n(33164),i=n(76049),l=n(87422),c=n(25675);function a(e){var t=e.source,n=e.alt;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.Z,{children:(0,r.jsxs)("div",{className:"absolute z-20 flex items-center text-white bottom-24",children:[(0,r.jsx)(i.v4q,{className:"w-6 h-6 animate-bounce"}),(0,r.jsx)("p",{className:"font-medium",children:"Scroll untuk melihat lebih"})]})}),(0,r.jsx)("div",{className:"absolute z-10 w-full h-full bg-black bg-opacity-50","aria-hidden":"true"}),(0,r.jsx)("div",{className:"w-full h-screen bg-center bg-no-repeat bg-cover",children:(0,r.jsx)(c.default,{objectFit:"cover",layout:"fill",alt:n,src:t,loading:"lazy"})})]})}var u=n(86505),h=n(2962),p=n(97594);function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function g(e){var t=e.children,n=e.meta,o=e.topMenu,i=e.sideMenu,l=e.footer,c=e.setting;return(0,r.jsxs)(r.Fragment,{children:[n&&(0,r.jsx)(h.PB,f({},n)),(0,r.jsx)(u.Z,f({},{topMenu:o,sideMenu:i,logo:null===c||void 0===c?void 0:c.logo})),(0,r.jsxs)("main",{className:"min-h-screen",children:[(0,r.jsx)(a,{source:"".concat(p.LS).concat(null===c||void 0===c?void 0:c.banner.image),alt:"".concat(null===c||void 0===c?void 0:c.banner.title)}),t]}),(0,r.jsx)(s.Z,f({},l))]})}function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function b(e){var t=e.children,n=e.meta,o=e.topMenu,i=e.sideMenu,l=e.footer,c=e.setting;return(0,r.jsxs)(r.Fragment,{children:[n&&(0,r.jsx)(h.PB,v({},n)),(0,r.jsx)(u.Z,v(v({},{topMenu:o,sideMenu:i,logo:null===c||void 0===c?void 0:c.logo}),{},{appearTop:!0})),(0,r.jsx)("main",{className:"min-h-screen pt-24",children:t}),(0,r.jsx)(s.Z,v({},l))]})}function y(e){var t=e.title,n=e.description,o=e.image;switch(e.variant){case"image":return(0,r.jsxs)("div",{className:"w-full h-screen bg-center bg-no-repeat bg-cover",style:{backgroundImage:"url('".concat(o,"')")},children:[(0,r.jsx)(l.Z,{children:(0,r.jsx)("div",{className:"absolute h-full text-white",style:{zIndex:1},children:(0,r.jsx)("div",{className:"flex items-center w-full h-full",children:(0,r.jsxs)("div",{className:"flex flex-col",children:[n&&(0,r.jsx)("p",{className:"font-medium",children:n}),(0,r.jsx)("p",{className:"text-5xl font-medium",children:t})]})})})}),(0,r.jsx)("div",{className:"w-full h-full bg-black opacity-50"})]});case"text":return(0,r.jsx)("div",{className:"w-full h-56 pb-8 lg:h-72 bg-primary-900 bg-opacity-20",children:(0,r.jsx)(l.Z,{className:"h-full",children:(0,r.jsxs)("div",{className:"flex flex-col justify-end h-full",children:[(0,r.jsx)("h1",{className:"text-4xl lg:text-5xl text-primary-900",children:t}),(0,r.jsx)("h4",{className:"text-2xl text-gray-500 lg:text-text-2xl",children:n})]})})});default:return(0,r.jsx)("div",{className:"w-full h-56 pb-8 lg:h-72 bg-primary-900 bg-opacity-20",children:(0,r.jsx)(l.Z,{className:"h-full",children:(0,r.jsx)("div",{className:"flex items-end h-full",children:(0,r.jsx)("h1",{className:"text-4xl lg:text-5xl text-primary-900",children:t})})})})}}function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};

1t%2?j(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(e){var t=e.children,n=e.meta,o=e.hero,i=e.topMenu,l=e.sideMenu,c=e.footer,a=e.setting;return(0,r.jsxs)(r.Fragment,{children:[n&&(0,r.jsx)(h.PB,x({},n)),(0,r.jsx)(u.Z,x(x({},{topMenu:i,sideMenu:l,logo:null===a||void 0===a?void 0:a.logo}),{},{appearSide:!0,appearTop:void 0==o.image})),(0,r.jsxs)("main",{className:"min-h-screen",children:[(0,r.jsx)(y,{variant:o.variant||"text",title:o.title,description:null===o||void 0===o?void 0:o.description,image:null===o||void 0===o?void 0:o.image}),t]}),(0,r.jsx)(s.Z,x({},c))]})}},74975:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return P},default:function(){return D}});var r=n(809),o=n.n(r),s=n(26265),i=n(92447),l=n(85893),c=n(79715),a=n(87422),u=n(63807),h=n(8507),p=n(97594),d=n(42655),f=n(42433),g=n(11163),m=n(67294),v=function(e,t){return(v=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};var b=function(){return(b=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};var y="Pixel",j="Percent",x={unit:j,value:.8};function w(e){return"number"===typeof e?{unit:j,value:100*e}:"string"===typeof e?e.match(/^(\d*(\.\d+)?)px$/)?{unit:y,value:parseFloat(e)}:e.match(/^(\d*(\.\d+)?)%$/)?{unit:j,value:parseFloat(e)}:(console.warn('scrollThreshold format is invalid. Valid formats: "120px", "50%"...'),x):(console.warn("scrollThreshold should be string or number"),x)}var O=function(e){function t(t){var n=e.call(this,t)||this;return n.lastScrollTop=0,n.actionTriggered=!1,n.startY=0,n.currentY=0,n.dragging=!1,n.maxPullDownDistance=0,n.getScrollableTarget=function(){return n.props.scrollableTarget instanceof HTMLElement?n.props.scrollableTarget:"string"===typeof n.props.scrollableTarget?document.getElementById(n.props.scrollableTarget):(null===n.props.scrollableTarget&&console.warn("You are trying to pass scrollableTarget but it is null. This might\n        happen because the element may not have been added to DOM yet.\n        See https://github.com/ankeetmaini/react-infinite-scroll-component/issues/59 for more info.\n      "),null)},n.onStart=function(e){n.lastScrollTop||(n.dragging=!0,e instanceof MouseEvent?n.startY=e.pageY:e instanceof TouchEvent&&(n.startY=e.touches[0].pageY),n.currentY=n.startY,n._infScroll&&(n._infScroll.style.willChange="transform",n._infScroll.style.transition="transform 0.2s cubic-bezier(0,0,0.31,1)"))},n.onMove=function(e){n.dragging&&(e instanceof MouseEvent?n.currentY=e.pageY:e instanceof TouchEvent&&(n.currentY=e.touches[0].pageY),n.currentY<n.startY||(n.currentY-n.startY>=Number(n.props.pullDownToRefreshThreshold)&&n.setState({pullToRefreshThresholdBreached:!0}),n.currentY-n.startY>1.5*n.maxPullDownDistance||n._infScroll&&(n._infScroll.style.overflow="visible",n._infScroll.style.transform="translate3d(0px, "+(n.currentY-n.startY)+"px, 0px)")))},n.onEnd=function(){n.startY=0,n.currentY=0,n.dragging=!1,n.state.pullToRefreshThresholdBreached&&(n.props.refreshFunction&&n.props.refreshFunction(),n.setState({pullToRefreshThresholdBreached:!1})),requestAnimationFrame((function(){n._infScroll&&(n._infScroll.style.overflow="auto",n._infScroll.style.transform="none",n._infScroll.style.willChange="unset")}))},n.onScrollListener=function(e){"function"===typeof n.props.onScroll&&setTimeout((function(){return n.props.onScroll&&n.props.onScroll(e)}),0);var t=n.props.height||n._scrollableNode?e.target:document.documentElement.scrollTop?document.documentElement:document.body;n.actionTriggered||((n.props.inverse?n.isElementAtTop(t,n.props.scrollThreshold):n.isElementAtBottom(t,n.props.scrollThreshold))&&n.props.hasMore&&(n.actionTriggered=!0,n.setState({showLoader:!0}),n.props.next&&n.props.next()),n.lastScrollTop=t.scrollTop)},n.state={showLoader:!1,pullToRefreshThresholdBreached:!1,prevDataLength:t.dataLength},n.throttledOnScrollListener=function(e,t,n,r){var o,s=!1,i=0;function l(){o&&clearTimeout(o)}function c(){var c=this,a=Date.now()-i,u=arguments;function h(){i=Date.now(),n.apply(c,u)}function p(){o=void 0}s||(r&&!o&&h(),l(),void 0===r&&a>e?h():!0!==t&&(o=setTimeout(r?p:h,void 0===r?e-a:e)))}return"boolean"!==typeof t&&(r=n,n=t,t=void 0),c.cancel=function(){l(),s=!0},c}(150,n.onScrollListener).bind(n),n.onStart=n.onStart.bind(n),n.onMove=n.onMove.bind(n),n.onEnd=n.onEnd.bind(n),n}return function(e,t){function n(){this.constructor=e}v(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(t,e),t.prototype.componentDidMount=function(){if("undefined"===typeof this.props.dataLength)throw new Error('mandatory prop "dataLength" is missing. The prop is needed when loading more content. Check README.md for usage');

1if(this._scrollableNode=this.getScrollableTarget(),this.el=this.props.height?this._infScroll:this._scrollableNode||window,this.el&&this.el.addEventListener("scroll",this.throttledOnScrollListener),"number"===typeof this.props.initialScrollY&&this.el&&this.el instanceof HTMLElement&&this.el.scrollHeight>this.props.initialScrollY&&this.el.scrollTo(0,this.props.initialScrollY),this.props.pullDownToRefresh&&this.el&&(this.el.addEventListener("touchstart",this.onStart),this.el.addEventListener("touchmove",this.onMove),this.el.addEventListener("touchend",this.onEnd),this.el.addEventListener("mousedown",this.onStart),this.el.addEventListener("mousemove",this.onMove),this.el.addEventListener("mouseup",this.onEnd),this.maxPullDownDistance=this._pullDown&&this._pullDown.firstChild&&this._pullDown.firstChild.getBoundingClientRect().height||0,this.forceUpdate(),"function"!==typeof this.props.refreshFunction))throw new Error('Mandatory prop "refreshFunction" missing.\n          Pull Down To Refresh functionality will not work\n          as expected. Check README.md for usage\'')},t.prototype.componentWillUnmount=function(){this.el&&(this.el.removeEventListener("scroll",this.throttledOnScrollListener),this.props.pullDownToRefresh&&(this.el.removeEventListener("touchstart",this.onStart),this.el.removeEventListener("touchmove",this.onMove),this.el.removeEventListener("touchend",this.onEnd),this.el.removeEventListener("mousedown",this.onStart),this.el.removeEventListener("mousemove",this.onMove),this.el.removeEventListener("mouseup",this.onEnd)))},t.prototype.componentDidUpdate=function(e){this.props.dataLength!==e.dataLength&&(this.actionTriggered=!1,this.setState({showLoader:!1}))},t.getDerivedStateFromProps=function(e,t){return e.dataLength!==t.prevDataLength?b(b({},t),{prevDataLength:e.dataLength}):null},t.prototype.isElementAtTop=function(e,t){void 0===t&&(t=.8);var n=e===document.body||e===document.documentElement?window.screen.availHeight:e.clientHeight,r=w(t);return r.unit===y?e.scrollTop<=r.value+n-e.scrollHeight+1:e.scrollTop<=r.value/100+n-e.scrollHeight+1},t.prototype.isElementAtBottom=function(e,t){void 0===t&&(t=.8);var n=e===document.body||e===document.documentElement?window.screen.availHeight:e.clientHeight,r=w(t);return r.unit===y?e.scrollTop+n>=e.scrollHeight-r.value:e.scrollTop+n>=r.value/100*e.scrollHeight},t.prototype.render=function(){var e=this,t=b({height:this.props.height||"auto",overflow:"auto",WebkitOverflowScrolling:"touch"},this.props.style),n=this.props.hasChildren||!!(this.props.children&&this.props.children instanceof Array&&this.props.children.length),r=this.props.pullDownToRefresh&&this.props.height?{overflow:"auto"}:{};return m.createElement("div",{style:r,className:"infinite-scroll-component__outerdiv"},m.createElement("div",{className:"infinite-scroll-component "+(this.props.className||""),ref:function(t){return e._infScroll=t},style:t},this.props.pullDownToRefresh&&m.createElement("div",{style:{position:"relative"},ref:function(t){return e._pullDown=t}},m.createElement("div",{style:{position:"absolute",left:0,right:0,top:-1*this.maxPullDownDistance}},this.state.pullToRefreshThresholdBreached?this.props.releaseToRefreshContent:this.props.pullDownToRefreshContent)),this.props.children,!this.state.showLoader&&!n&&this.props.hasMore&&this.props.loader,this.state.showLoader&&this.props.hasMore&&this.props.loader,!this.props.hasMore&&this.props.endMessage))},t}(m.Component);function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){(0,s.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function S(){for(var e=[],t=0;t<8;t++)e.push((0,l.jsx)(h.gt,{},t));return(0,l.jsx)("div",{className:"grid gap-8 mt-4 md:grid-cols-3 lg:grid-cols-4",children:e})}var P=!0;function D(e){var t=e.category,n=e.contents,r=e.locale,s=e.topMenu,h=e.sideMenu,v=e.footer,b=e.setting,y=(0,g.useRouter)().defaultLocale,j=(0,d.SV)().currentLocale,x=r==y?"/":"/".concat(r,"/"),w=(0,m.useState)({isLoading:!1,contents:n,nextPage:2,hasMore:!0}),E=w[0],P=w[1];function D(){return(D=(0,i.Z)(o().mark((function e(){var n;return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,(0,f.WD)(t.slug,E.nextPage,j);case 2:if(0!=(n=e.sent).length){e.next=5;break}return e.abrupt("return",P(T(T({},E),{},{hasMore:!1})));case 5:P(T(T({},E),{}

1,{contents:E.contents.concat(n),nextPage:E.nextPage+1}));case 6:case"end":return e.stop()}}),e)})))).apply(this,arguments)}return(0,m.useEffect)((function(){P(T(T({},E),{},{isLoading:!0})),function(){var e=(0,i.Z)(o().mark((function e(){var n;return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,(0,f.WD)("".concat(t.slug),1,j);case 2:n=e.sent,P({contents:n,nextPage:2,hasMore:!0,isLoading:!1});case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}()()}),[j]),(0,l.jsx)(c.jj,T(T({},{topMenu:s,sideMenu:h,footer:v,setting:b}),{},{meta:{title:"".concat(j===y?t.name:t.name_en," - Bank Jateng")},hero:{title:j===y?t.name:t.name_en},children:(0,l.jsx)("div",{className:"bg-gray-50",children:(0,l.jsx)(a.Z,{className:"py-4",children:(0,l.jsx)(O,{dataLength:E.contents.length,next:function(){return D.apply(this,arguments)},hasMore:E.hasMore,loader:S(),children:(0,l.jsx)("div",{className:"grid gap-8 mt-4 md:grid-cols-3 lg:grid-cols-4",children:!E.isLoading&&E.contents.map((function(e,n){var r;return(0,l.jsx)("a",{href:"".concat(x).concat(e.slug),children:(0,l.jsx)(u.Z,{variant:"vertical",title:t.name,description:e.title,image:"".concat(p.LS).concat(null===(r=e.cover)||void 0===r?void 0:r.image),date:e.created_at})},"category-".concat(n))}))})})})})}))}},52999:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/category/[slug]",function(){return n(74975)}])}},function(e){e.O(0,[996,201,774,888,179],(function(){return t=52999,e(e.s=t);var t}));var t=e.O();_N_E=t}]);