https://www.ttbbank.com/_next/static/chunks/pages/fin-tips/[_category]-build-1789371932-6a23eb90f98ac9ab.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[97588],{18572:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/fin-tips/[_category]",function(){return n(24391)}])},73661:function(e,t,n){"use strict";n.d(t,{Z:function(){return p}});var r=n(85893),i=n(85444),s=n(41664),o=n.n(s),a=e=>{let{color:t="#002D63"}=e;return(0,r.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.29286 5.29311C8.46505 5.12093 8.69415 5.0175 8.93718 5.00222C9.18021 4.98694 9.42046 5.06085 9.61286 5.21011L9.70686 5.29311L15.7069 11.2931C15.879 11.4653 15.9825 11.6944 15.9977 11.9374C16.013 12.1805 15.9391 12.4207 15.7899 12.6131L15.7069 12.7071L9.70686 18.7071C9.5269 18.8865 9.28543 18.9906 9.03148 18.9983C8.77753 19.0061 8.53015 18.9169 8.33958 18.7489C8.14902 18.5808 8.02956 18.3466 8.00546 18.0936C7.98137 17.8407 8.05445 17.5881 8.20986 17.3871L8.29286 17.2931L13.5849 12.0001L8.29286 6.70711C8.12068 6.53491 8.01725 6.30581 8.00197 6.06279C7.98669 5.81976 8.06061 5.57951 8.20986 5.38711L8.29286 5.29311V5.29311Z",fill:t})})},l=e=>{let{title:t="",url:n="/",bgURL:i="/assets/goal-setting/getting-started.png"}=e;return(0,r.jsx)(c,{children:(0,r.jsxs)(o(),{href:n,target:"_blank",children:[(0,r.jsx)("img",{src:i,alt:t}),(0,r.jsxs)(d,{children:[t&&(0,r.jsx)(h,{children:t}),(0,r.jsx)(a,{})]})]})})};let c=i.ZP.div.withConfig({componentId:"sc-5f01f55e-0"})(["background-color:#f5f6f7;border-radius:1rem;border:1px solid #7d8999;position:relative;img{height:135px;max-height:135px;border-radius:1rem;width:100%;display:block;}&:hover{opacity:0.85;}@media screen and (max-width:991.98px){img{object-fit:cover;}}"]),d=i.ZP.div.withConfig({componentId:"sc-5f01f55e-1"})(["display:flex;position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;"]),h=i.ZP.h3.withConfig({componentId:"sc-5f01f55e-2"})(["font-weight:700;font-size:1rem;line-height:25px;letter-spacing:0.4px;color:",";margin-bottom:0;"],e=>{let{theme:t}=e;return t.colors.textDefault});var p=()=>(0,r.jsx)(u,{children:(0,r.jsxs)(f,{className:"container",children:[(0,r.jsx)("h2",{children:"คุณต้องการคำแนะนำทางการเงินแบบไหน"}),(0,r.jsxs)("div",{className:"row",children:[(0,r.jsx)("div",{className:"col-lg-4 col-12",children:(0,r.jsx)(l,{title:"ค้นหาตัวตนทางการเงิน",url:"/fwbgoalsetting/start-testing",bgURL:"/assets/goal-setting/start-testing.png"})}),(0,r.jsx)("div",{className:"col-lg-4 col-12",children:(0,r.jsx)(l,{title:"วิธีสู่เป้าหมายทางการเงิน",url:"/fwbgoalsetting/goal-settings/getting-started",bgURL:"/assets/goal-setting/getting-started.png"})}),(0,r.jsx)("div",{className:"col-lg-4 col-12",children:(0,r.jsx)(l,{title:"ดูโซลูชันทางการเงินที่เหมาะกับคุณ",url:"/fwb-tools",bgURL:"/assets/goal-setting/fwb-tools.png"})})]})]})});let u=i.ZP.section.withConfig({componentId:"sc-e5aa9312-0"})(["background-color:",";margin-right:40px;margin-bottom:40px;border-radius:0px 24px 24px 0px;h2{color:",";font-size:1.4rem;line-height:32px;margin-bottom:1rem;}@media screen and (max-width:991.98px){margin-right:0;.row{gap:1rem;}}"],e=>{let{theme:t}=e;return t.colors.primary},e=>{let{theme:t}=e;return t.colors.white}),f=i.ZP.div.withConfig({componentId:"sc-e5aa9312-1"})(["padding:2rem 0 2rem 30px;@media screen and (max-width:991.98px){padding:2rem 1rem;}"])},24391:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return _},default:function(){return j}});var r=n(85893),i=n(11163),s=n(67294);function o(){return(o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function a(e,t){return(a=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var l=new Map,c=new WeakMap,d=0,h=void 0,p=["children","as","triggerOnce","threshold","root","rootMargin","onChange","skip","trackVisibility","delay","initialInView","fallbackInView"];function u(e){return"function"!=typeof e.children}var f=function(e){function t(t){var n;return(n=e.call(this,t)||this).node=null,n._unobserveCb=null,n.handleNode=function(e){!n.node||(n.unobserve(),e||n.props.triggerOnce||n.props.skip||n.setState({inView:!!n.props.initialInView,entry:void 0})),n.node=e||null,n.observeNode()},n.handleChange=function(e,t){e&&n.props.triggerOnce&&n.unobserve(),u(n.props)||n.setState({inView:e,entry:t}),n.props.onChange&&n.props.onChange(e,t)},n.state={inView:!!t.initialInView,entry:void 0},n}t.prototype=Object.create(e.prototype),t.prototype.constructor=t,a(t,e);var n=t.prototype;return n.componentDidUpdate=function(e){(e.rootMargin!==this.props.rootMargin||e.root!==this.props.root||e.threshold!==this.props.threshold||e.skip!==this.props.skip||e.trackVisibility!==this.props.trackVisibility||e.delay!==this.props.delay)&&(this.unobserve(),this.observeNode())},n.componentWillUnmount=function(){this.unobserve(),this.node=null},n.observeNode=function(){if(this.node&&!this.props.skip){var e=this.props,t=e.threshold,n=e.root,r=e.rootMargin,i=e.trackVisibility,s=e.delay,o=e.fallbackInView;this._unobserveCb=function(e,t,n,r){if(void 0===n&&(n={}),void 0===r&&(r=h),void 0===window.IntersectionObserver&&void 0!==r){var i=e.getBoundingClientRect();return t(r,{isIntersecting:r,target:e,intersectionRatio:"number"==typeof n.threshold?n.threshold:0,time:0,boundingClientRect:i,intersectionRect:i,rootBounds:i}),function(){}}var s=function(e){var t=Object.keys(e).sort().filter(function(t){return void 0!==e[t]}).map(function(t){var n;return t+"_"+("root"===t?(n=e.root)?(c.has(n)||(d+=1,c.set(n,d.toString())),c.get(n)):"0":e[t])}).toString(),n=l.get(t);if(!n){var r,i=new Map,s=new IntersectionObserver(function(t){t.forEach(function(t){var n,s=t.isIntersecting&&r.some(function(e){return t.intersectionRatio>=e});e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=s),null==(n=i.get(t.target))||n.forEac

1h(function(e){e(s,t)})})},e);r=s.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),n={id:t,observer:s,elements:i},l.set(t,n)}return n}(n),o=s.id,a=s.observer,p=s.elements,u=p.get(e)||[];return p.has(e)||p.set(e,u),u.push(t),a.observe(e),function(){u.splice(u.indexOf(t),1),0===u.length&&(p.delete(e),a.unobserve(e)),0===p.size&&(a.disconnect(),l.delete(o))}}(this.node,this.handleChange,{threshold:t,root:n,rootMargin:r,trackVisibility:i,delay:s},o)}},n.unobserve=function(){this._unobserveCb&&(this._unobserveCb(),this._unobserveCb=null)},n.render=function(){if(!u(this.props)){var e=this.state,t=e.inView,n=e.entry;return this.props.children({inView:t,entry:n,ref:this.handleNode})}var r=this.props,i=r.children,a=r.as,l=function(e,t){if(null==e)return{};var n,r,i={},s=Object.keys(e);for(r=0;r<s.length;r++)n=s[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(r,p);return s.createElement(a||"div",o({ref:this.handleNode},l),i)},t}(s.Component);f.displayName="InView",f.defaultProps={threshold:0,triggerOnce:!1,initialInView:!1};var g=n(1852),v=n(34657),m=n(73661),b=n(25419),x=n(18201),y=n(70938),w=n.n(y),_=!0;function j(e){let t=(0,g.useMediaQuery)({query:"(max-width: 575px)"}),n=(0,s.useMemo)(()=>t,[t]),o=(0,i.useRouter)(),[a,l]=(0,s.useState)(!1),[c,d]=(0,s.useState)(!1),h=(0,s.useRef)(null),p=e=>{e[0].isIntersecting&&l(e[0].isIntersecting)};(0,s.useEffect)(()=>{let t=new IntersectionObserver(p,{threshold:1});if(h&&h.current&&n&&e.meta&&!a){let n=h.current.getElementsByClassName("col-sm-4 px-0  px-sm-3"),r=e.meta.total_records<6?e.meta.total_records:6;t.observe(n[r-1])}return()=>{t.disconnect()}},[h,a]);let u=o.query;(0,s.useEffect)(()=>{e.referer&&function(e){if(e.regexReferer.test(e.referer)){var t;let n=(null===(t=document.getElementById(e.destinationID))||void 0===t?void 0:t.getBoundingClientRect().top)||0;document.getElementById(e.destinationID);let r=document.getElementsByClassName("sticky-navbar")[0].getBoundingClientRect().height;window.scrollTo({top:n-r})}}({referer:e.referer,regexReferer:/([/]personal[/]insurance)|([/]personal[/]deposits)|([/]personal[/]credit-cards)|([/]personal[/]loans)|([/]personal[/]credit-cards[/]card-type[/].*)|([/]personal[/]deposits[/].*)|([/]personal[/]loans[/].*)|([/]personal[/]insurance[/]detail[/].*)/,destinationID:"analytics-tab"})},[]),(0,s.useEffect)(()=>

1{l(!1)},[o.query._category]),(0,s.useEffect)(()=>{let e=()=>d(!0),t=()=>d(!1);return o.events.on("routeChangeStart",e),o.events.on("routeChangeComplete",t),()=>{o.events.off("routeChangeStart",e),o.events.off("routeChangeComplete",t)}},[]);let y={data:e.bannerList.data},_={title:e.fintipsTab.title,data:e.fintipsTab.data,param:o.query._category,anchor:"#tips"},j={data:e.fintipsByTab.data,meta:e.fintipsByTab.meta,url:e.fintipsByTab.url,title:e.fintipsByTab.title,useractive:!0,path:o.query._category+"",anchor:"#tips"};if(e.fintipsTab.data.length>0){e.fintipsTab.data[0].active_tabs=!0;for(let t=0;t<e.fintipsTab.data.length;t++)e.fintipsTab.data[t].url.split("/").includes(""+u._category)?e.fintipsTab.data[t].active_tabs=!0:e.fintipsTab.data[t].active_tabs=!1}let C=e=>{let t=new URL(window.location.href),n=new URLSearchParams(t.searchParams);n.set("page",e.toString()),t.search=n.toString(),t.hash="";let r=t.toString();o.push(r,void 0,{scroll:!1,shallow:!1})},N=()=>{var t,n;if(e.meta.total_pages!=e.meta.current_page)return C((null===(t=o.query)||void 0===t?void 0:t.page)?Number(null===(n=o.query)||void 0===n?void 0:n.page)+1:2),(0,r.jsx)(r.Fragment,{})};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("style",{dangerouslySetInnerHTML:{__html:"\n          @media (max-width:  575px) {\n            .fwb-tool-text {\n              display: none;\n            }\n          }\n            "}}),(0,r.jsxs)("div",{className:"all-article",children:[y.data.length>0&&(0,r.jsx)("section",{children:(0,r.jsx)(b.Z,{...y})}),(0,r.jsx)("section",{children:(0,r.jsx)("div",{className:"card-articles card-group-style mt-4",children:(0,r.jsxs)("div",{className:"container container-card-mobile card-product",children:[(0,r.jsx)("h1",{children:"fintips เคล็ดลับเพื่อการเงินดี ทั้งวันนี้และอนาคต"}),(0,r.jsx)("p",{children:"ความรู้ และทิปการเงิน เพื่อชีวิตการเงินที่ดีขึ้น ออมเงิน บริหารค่าใช้จ่าย หนี้ ลงทุน ต่อยอด DCA มีความคุ้มครองเพียงพอด้วยประกัน และอื่น ๆ ตามแต่ละไลฟ์สไตล์"}),(0,r.jsx)("br",{})]})})}),(0,r.jsxs)("section",{style:{overflow:"hidden"},children:[_.data.length>0&&(0,r.jsx)(x.Z,{..._}),(0,r.jsx)("br",{}),(0,r.jsx)("br",{}),(0,r.jsx)("div",{ref:h,children:(0,r.jsx)(v.Z,{...j})}),(0,r.jsx)(()=>{if(!e.meta)return(0,r.jsx)(r.Fragment,{});if(c)return(0,r.jsx)("div",{className:"container text-center",children:"Loading..."});let t=1!=e.meta.total_pages&&!n;return t?(0,r.jsx)("div",{className:"".concat(w()["feed-more"]," container"),onClick:N,children:t&&(0,r.jsx)("i",{className:"fa fa-chevron-down ".concat(w().icon)})}):(0,r.jsx)(f,{children:e=>{let{inView:t,ref:n}=e;return(0,r.jsx)("div",{ref:n,style:{width:"100%"},children:t&&N()})}})},{}),(0,r.jsx)(()=>{var e,t;return((null===(e=o.query)||void 0===e?void 0:e.page)?Number(null===(t=o.query)||void 0===t?void 0:t.page):1)>1?(0,r.jsx)("div",{className:w()["scroll-to-top"],onClick:()=>o.push(o.asPath.replace("#tips","")+"#tips"),children:(0,r.jsx)("i",{className:"fa fa-chevron-up",style:{color:"#0050f0",height:45,lineHeight:"40px"}})}):(0,r.jsx)(r.Fragment,{})},{})]}),(0,r.jsx)(m.Z,{})]})]})}},70938:function(e){e.exports={"feed-more":"styles_feed-more__q8Lyr",icon:"styles_icon__N_aSv","scroll-to-top":"styles_scroll-to-top__0eceV","fwb-tool":"styles_fwb-tool__QlY9z",active:"styles_active__Hd_io","social-share":"styles_social-share__QiAR3"}}},function(e){e.O(0,[88460,1852,34657,92059,92888,49774,40179],function(){return e(e.s=18572)}),_N_E=e.O()}]);