https://blog.seedly.sg/_next/static/chunks/pages/blog/article/%5BarticleSlug%5D-40a5132592a2fe46.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8552],{30512:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog/article/[articleSlug]",function(){return t(57030)}])},15050:function(n,e,t){"use strict";var r=t(85893),i=(t(67294),t(10245)),o=t(33342),c=t(17233),u=t(67537);e.Z=function(n){var e=n.handleCommentOpen,t=n.commentsCount,s=n.onShareClick,a=void 0===s?function(){}:s,l=n.bookmarkButton,f=n.shareCount;return(0,r.jsx)("div",{className:"fixed lg:sticky flex justify-center bottom-6 lg:bottom-12 w-full",children:(0,r.jsxs)("div",{className:"bg-white flex justify-center gap-3 rounded-[40px] px-4 py-2 items-center shadow-md",children:[(0,r.jsxs)(c.Z,{className:"px-3 py-2",size:"sm",variant:"primaryWhite",onClick:e,children:[(0,r.jsx)(i.Z,{className:"mr-1 stroke-neutral-700",size:20}),(0,r.jsxs)("p",{className:"text-sm text-neutral-700 font-medium",children:[t," comments"]})]}),(0,r.jsx)("div",{className:"vertical-divider h-6"}),l,(0,r.jsxs)("div",{className:"flex gap-2 lg:hidden items-center",onClick:a,children:[(0,r.jsx)(o.Z,{size:24}),(0,r.jsx)(u.Z,{count:f})]})]})})}},76471:function(n,e,t){"use strict";t.d(e,{H_:function(){return d},bQ:function(){return m},iw:function(){return h},Y_:function(){return p}});var r=t(87379),i=t(63396),o=t(96620);function c(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function u(){var n=c(["\n  ","\n"]);return u=function(){return n},n}function s(){var n=c(["\n    position: fixed;\n    width: ",";\n    top: 0px;\n    right: 0px;\n    bottom: 0px;\n    left: 0px;\n    margin: 0 auto;\n    margin-right: 0px;\n    height: 100vh;\n    border-radius: 0px;\n    transform: ",";\n  "]);return s=function(){return n},n}function a(){var n=c(["\n  position: fixed;\n  z-index: 20;\n  height: 90%;\n  width: 100%;\n  top: 0;\n  background-color: white;\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  visibility: ",";\n  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s,\n    opacity 0.6s cubic-bezier(0.23, 1, 0.23, 1) 0s;\n  transform: ",";\n  overflow: auto;\n\n  ","\n"]);return a=function(){return n},n}function l(){var n=c(["\n  padding: ",";\n"]);return l=function(){return n},n}function f(){var n=c(["\n  padding: ",";\n  padding-top: ",";\n  height: ",";\n"]);return f=function(){return n},n}var d=r.ZP.div.withConfig({componentId:"sc-5d949c0e-0"})(u(),(function(n){return n.isCommentOpen&&"\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-color: rgba(0,0,0,0.4);\n      z-index: 30;\n    "})),m=r.ZP.div.withConfig({componentId:"sc-5d949c0e-1"})(a(),(function(n){return n.theme.spacing.lg}),(function(n){return n.theme.spacing.lg}),(function(n){return n.isCommentOpen?"visible":"hidden"}),(function(n){return n.isCommentOpen?"translateY(86px)":"translateY(100%)"}),(function(n){return i.Z.smallAndUp(s(),n.theme.sizing.sm,n.isCommentOpen?"translateX(0)":"translateX(100%)")})),h=(0,r.ZP)(o.Z).withConfig({componentId:"sc-5d949c0e-2"})(l(),(function(n){return"".concat(n.theme.spacing.sm," ").concat(n.theme.spacing.md)})),p=(0,r.ZP)(o.Z).withConfig({componentId:"sc-5d949c0e-3"})(f(),(function(n){return n.theme.spacing.md}),(function(n){return n.theme.spacing.xs}),(function(n){return n.hasComments?"auto":"90%"}))},57030:function(n,e,t){"use strict";t.r(e),t.d(e,{__N_SSG:function(){return $},config:function(){return K},default:function(){return V}});var r=t(34051),i=t.n(r),o=t(85893),c=t(67294),u=t(69135),s=t(43609),a=t(18046),l=t(1094),f=t(53554),d=t(15534),m=t(14416),h=t(39666),p=t(90209),v=t(16379),x=t(52678),g=t(64875),b=t(56554),j=t(83958),y=t(50797),C=t(32117),w=t(1114),Z=t(89950),k=t(91199),O=t(11163),S=t(50229),A=t(35774),N=t(56559),P=t(24542),E=t(93567),I=t(78268),_=t(21641),T=t(32153),z=t(65138),B=t(77002),R=t(76471),L=function(n){var e=n.isCommentOpen,t=n.handleCommentClose,r=n.articleOwnId,i=n.article,u=(0,g.Jt)("Article",r).pagination,s=(0,c.useRef)(null);return(0,B.Z)(s,t),(0,o.jsx)(R.H_,{isCommentOpen:e,children:(0,o.jsxs)(R.bQ,{ref:s,isCommentOpen:e,children:[(0,o.jsxs)(R.iw,{justifyContent:"space-between",width:"100%",children:[(0,o.jsxs)("div",{className:"text-xl font-bold",children:[(0,o.jsx)("span",{role:"img","aria-label":"comments",children:"\ud83d\udcac"})," ","Comments (",u.totalCount,")"]}),(0,o.jsx)(I.Z,{onClick:t,style:{cursor:"pointer"}})]}),(0,o.jsxs)(R.Y_,{width:"100%",direction:"column",hasComments:u.totalCount>0,children:[(0,o.jsx)(z.Z,{commentableType:"Article",commentableId:r}),(0,o.jsx)("div",{className:"horizontal-divider"}),u.totalCount>0?(0,o.jsx)(_.default,{totalCommentCount:u.totalCount,commentableId:r,commentableType:"Article",childCommentableType:"ArticleComment",commentShareLink:(0,T.Ue)(i.slug)}):(0,o.jsx)("div",{className:"flex flex-col gap-4 h-full justify-center items-center",children:(0,o.jsxs)("p",{className:"text-neutral-500 text-center",children:["No comments yet. ",(0,o.jsx)("br",{})," Be the first to share your thoughts!"]})})]})]})})},H=t(15050),Q=t(45637),U=t(81625),D=t(10187),M=t(40108);function X(n,e,t,r,i,o,c){try{var u=n[o](c),s=u.value}catch(a){return void t(a)}u.done?e(s):Promise.resolve(s).then(r,i)}function Y(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function G(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},r=Object.keys(t);"function"===typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})))),r.forEach((function(e){Y(n,e,t[e])}))}return n}var J=function(n){return(0,o.jsx)("div",{className:"mb-4 flex flex-col justify-center relative w-full",children:n.children})},q=function(n){var e=n.article,t=n.relatedArticles,r=(0,O.useRouter)().query,s=r.rcid,l=r.pcid,f=(0,m.I0)(),d=(0,c.useState)(null),I=d[0],_=d[1],T=(0,c.useState)(!1),z=T[0],B=T[1],R=(0,A.Z)(),Y=(0,m.v9)((function(n){return n.comment.api.isFetching})),q=(0,Z.Z)(),F=(0,g.Jt)("Article",I).pagination,W=(0,c.useRef)(null),$=(0,S.Z)(W),K=$.isOnScreen,V=$.isAboveScreen,nn=(0,u.useAmp)();(0,c.useEffect)((function(){var n=function(){var n,t=(n=i().mark((function n(){var t;return i().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,k.Z.getArticle(e.slug);case 2:(t=n.sent).ok&&(f((0,x.Dg)(G({commentableType:"Article",commentableId:t.data.data.id,page:1,per:20},l&&{pcid:l},s&&{rcid:s}))),_(t.data.data.id));case 4:case"end":return n.stop()}}),n)})),function(){var e=this,t=arguments;return new Promise((function(r,i){var o=n.apply(e,t);function c(n){X(o,r,i,c,u,"next",n)}function u(n){X(o,r,i,c,u,"throw",n)}c(void 0)}))});return function(){return t.apply(this,arguments)}}();try{n()}catch(t){h.Tb(t),_(null)}}),[null===e||void 0===e?void 0:e.slug,f]),(0,c.useEffect)((function(){document.body.style.overflow=z?"hidden":""}),[z]);var en=!Y&&F.currentPage>0&&!K&&!V&&!R,tn=(0,c.useMemo)((function(){return{article:e}}),[e]),rn="".concat(Q.Z.blogHost,"/").concat(e.slug),on=(0,U.Z)(e.engagement);return(0,o.jsx)(D.G.Provider,{value:tn,children:(0,o.jsxs)(p.Z,{stickySidebarDisabled:!0,showGoogleAds:!0,children:[(0,o.jsx)(j.Z,{}),(0,o.jsxs)(J,{children:[(0,o.jsx)(y.Z,{article:e,articleOwnId:I,commentSectionRef:(0,o.jsx)("div",{ref:W})}),en&&(0,o.jsx)(H.Z,{handleCommentOpen:function(){N.ZP.track(N.xQ.BlogCommentButtonClicked,{param:"share"}),B(!0)},commentsCount:F.totalCount,bookmarkButton:(0,o.jsx)(E.Z,{contentId:e.id,slug:e.slug,type:P.DM.ARTICLE,onClickTrack:function(){N.ZP.track(N.xQ.BlogCommentButtonClicked,{param:"bookmark"})}}),shareCount:on,onShareClick:function(){N.ZP.track(N.xQ.BlogCommentButtonClicked,{param:"share"}),f((0,b.LZ)(P.t8.ARTICLE,rn,null,{imageUrl:e.imageUrl,title:e.title}))}})]}),!nn&&!q&&(0,o.jsxs)(a.iB,{children:[(0,o.jsx)(J,{children:(0,o.jsx)(M.Z,{})}),t.length>0&&(0,o.jsxs)(J,{children:[(0,o.jsx)("p",{className:"text-3xl py-8 px-4",children:"Related Articles"}),(0,o.jsx)(C.Z,{articles:t})]}),(0,o.jsx)(J,{children:(0,o.jsx)(v.Z,{})})]}),(0,o.jsx)(a.NZ,{children:t.length>0&&(0,o.jsxs)(J,{children:[(0,o.jsx)("p",{className:"text-3xl py-8 px-4",children:"Related Articles"}),(0,o.jsx)(C.Z,{articles:t})]})}),(0,o.jsx)(w.Z,{slug:"/".concat(e.slug)}),(0,o.jsx)(L,{isCommentOpen:z,handleCommentClose:function(){B(!1)},articleOwnId:I,article:e})]})})},F=t(55656);function W(n,e,t,r,i,o,c){try{var u=n[o](c),s=u.value}catch(a){return void t(a)}u.done?e(s):Promise.resolve(s).then(r,i)}var $=!0,K={amp:"hybrid"},V=function(n){var e=n.article;if(!e)return null;var t=(0,c.useState)([]),r=t[0],m=t[1],h=(0,u.useAmp)();(0,c.useEffect)((function(){(function(){var n,t=(n=i().mark((function n(){var t;return i().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,k.Z.getRelatedArticles(e.slug);case 2:(t=n.sent).ok&&m(null===t||void 0===t?void 0:t.data.posts.map(F.R));case 4:case"end":return n.stop()}}),n)})),function(){var e=this,t=arguments;return new Promise((function(r,i){var o=n.apply(e,t);function c(n){W(o,r,i,c,u,"next",n)}function u(n){W(o,r,i,c,u,"throw",n)}c(void 0)}))});return function(){return t.apply(this,arguments)}})()()}),[e]);var p=(0,U.Z)(e.engagement);return(0,o.jsxs)(s.Z,{renderSubHeader:function(){return(0,o.jsx)(d.Z,{})},children:[(0,o.jsx)(l.Z,{article:e}),!h&&(0,o.jsx)(a.NZ,{children:(0,o.jsx)(f.Z,{slug:e.slug,path:"/".concat(e.slug),shareCount:p})}),(0,o.jsx)(q,{relatedArticles:r,article:e})]})}}

1,77002:function(n,e,t){"use strict";var r=t(67294);e.Z=function(n,e){var t=(0,r.useCallback)((function(t){n.current.contains(t.target)||e()}),[n,e]);(0,r.useEffect)((function(){return document.addEventListener("mousedown",t),function(){document.removeEventListener("mousedown",t)}}),[t])}},35774:function(n,e,t){"use strict";var r=t(67294);e.Z=function(){var n=(0,r.useState)(!1),e=n[0],t=n[1];return(0,r.useEffect)((function(){var n=null,r=function(){e||t(!0),null!==n&&clearTimeout(n),n=setTimeout((function(){e&&t(!1)}),200)};return window.addEventListener("scroll",r),function(){window.removeEventListener("scroll",r)}}),[e]),e}},50229:function(n,e,t){"use strict";var r=t(67294);function i(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r}function o(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=null==n?null:"undefined"!==typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,i,o=[],c=!0,u=!1;try{for(t=t.call(n);!(c=(r=t.next()).done)&&(o.push(r.value),!e||o.length!==e);c=!0);}catch(s){u=!0,i=s}finally{try{c||null==t.return||t.return()}finally{if(u)throw i}}return o}}(n,e)||function(n,e){if(!n)return;if("string"===typeof n)return i(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);"Object"===t&&n.constructor&&(t=n.constructor.name);if("Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return i(n,e)}(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}e.Z=function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=(0,r.useState)(!1),i=t[0],c=t[1],u=(0,r.useState)(!1),s=u[0],a=u[1],l=(0,r.useState)(!1),f=l[0],d=l[1];return(0,r.useEffect)((function(){var t;try{var r,i,u=(null===(r=n.current)||void 0===r?void 0:r.clientHeight)>e?"-".concat(e,"px"):"-".concat((null===(i=n.current)||void 0===i?void 0:i.clientHeight)||0,"px");t=new IntersectionObserver((function(n){var e=o(n,1)[0];c(e.isIntersecting),e.boundingClientRect.top>0?(d(!0),a(!1)):(a(!0),d(!1))}),{rootMargin:u}),n.current&&t.observe(n.current)}catch(s){}return function(){t&&t.disconnect()}}),[]),{isOnScreen:i,isAboveScreen:s,isBelowScreen:f}}}},function(n){n.O(0,[2287,4018,9438,2175,8387,1878,6991,956,6421,1980,2217,5919,7883,5913,9171,9265,824,6673,9826,4183,9774,2888,179],(function(){return e=30512,n(n.s=e);var e}));var e=n.O();_N_E=e}]);
2//# sourceMappingURL=[articleSlug]-40a5132592a2fe46.js.map