https://sparkful.app/_next/static/chunks/pages/my/articles/[slug]/[identifier]-531203a7d19a737f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[32835],{14050:function(e,t,r){"use strict";r.d(t,{Z:function(){return u}});var s=r(31774),n=r(62184),i=r(50852),c=r(64787),a=r(50959),o=r(13062),l=r(11527);function u(e){var t=e.breadcrumb,r=e.title,u=e.overlay,d=void 0!==u&&u,f=(0,s.useRouter)(),x=(0,a.useState)(),h=x[0],m=x[1],p=(0,a.useContext)(n.qF),j=function(){if("root"===p){c.ZP.dispatchEvent(new c.nL);return}f.back(),m(setTimeout(function(){t.length>0&&f.push(t[t.length-1].href)},1e3))},v="active"===p&&!f.asPath.includes("embedded=active")||"root"===p&&!f.asPath.includes("embedded=root");return(0,a.useEffect)(function(){var e=function(){clearTimeout(h)},t=function(){};return f.events.on("routeChangeStart",e),f.events.on("routeChangeComplete",t),function(){f.events.off("routeChangeStart",e),f.events.off("routeChangeComplete",t)}},[f,h,v]),(0,l.jsxs)("div",{className:"relative z-0 mx-auto max-w-2xl",children:[(0,l.jsx)(i.Z,{title:r}),(0,l.jsx)(n.qF.Consumer,{children:function(e){return(0,l.jsx)("div",{className:"".concat(e?d?"absolute -left-full -top-full sm:relative sm:left-auto sm:top-auto sm:h-[64px]":"h-[64px]":""),children:(0,l.jsx)("nav",{className:"".concat(e?"fixed z-20 w-full max-w-2xl bg-gray-100":""),children:(0,l.jsxs)("div",{className:"mx-auto flex items-center justify-between space-x-1 p-4",children:[(0,l.jsx)("div",{className:"h-9 w-9 shrink-0",children:(0,l.jsx)("div",{onClick:j,className:"".concat(e&&d?"fixed left-4 top-4 z-40 border border-gray-200 bg-white shadow-sm sm:relative sm:left-auto sm:top-auto sm:border-none sm:bg-transparent":""," flex h-9 w-9 shrink-0 cursor-pointer items-center justify-center rounded-full text-gray-800 hover:bg-white hover:text-gray-500 active:bg-gray-100 active:text-gray-800"),children:v||"root"!==e?(0,l.jsx)(o.wy,{className:"h-5 w-5"}):(0,l.jsx)(o.DX,{className:"h-5 w-5"})})}),(0,l.jsx)("div",{className:"line-clamp-1 text-center text-xl font-semibold leading-7 duration-100",children:r}),(0,l.jsx)("div",{className:"h-9 w-9 shrink-0"})]})})})}})]})}},77185:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSP:function(){return P},default:function(){return Z}});var s=r(37994),n=r(96587),i=r(78358),c=r.n(i),a=r(3510),o=r.n(a),l=r(31774),u=r(49440),d=r(50959),f=r(64787),x=r(62184),h=r(54972),m=r(37522),p=r(77358),j=r(73634),v=r(13062),b=r(50852),g=r(45600),y=r(36478),w=r(14050),N=r(1486),O=r(11527);function _(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,s)}return r}var P=!0;function Z(e){var t=e.article,r=e.articleInfos,s=e.series,i=e.unlocalized,a=t.cover?t.cover:{url:"/images/placeholders/article.jpg",width:1344,height:780},w=(0,l.useRouter)(),_="en-US"===w.locale?"":"/".concat(w.locale),P="".concat(N.v.domain).concat(_,"/articles/").concat(t.slug,"/").concat(t.identifier),Z="root"===w.query.embedded||"active"===w.query.embedded;return t.content=(0,u.K0)(t.content,"https://sparkful.app","articles",Z),(0,d.useEffect)(function(){f.ZP.dispatchEvent(new f.P6)},[]),(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(b.Z,{title:t.title,description:t.introduction?t.introduction:(0,u.xC)((0,u.Vt)(t.content),200),ogimage:a.url,unlocalized:i}),(0,O.jsxs)("div",{className:"relative z-0 mx-auto max-w-2xl ",children:[(0,O.jsx)("main",{children:(0,O.jsx)("div",{className:"space-y-6 pb-4 sm:p-4",children:(0,O.jsxs)("div",{className:"bg-white sm:rounded-2xl",children:[(0,O.jsx)("div",{className:"relative aspect-video overflow-hidden",children:(0,O.jsx)(c(),{src:a.url,className:"h-full w-full object-cover sm:rounded-t-2xl",alt:t.title,priority:!0,fill:!0,sizes:"(max-width: 640px) 100vw, 768px"})}),i?(0,O.jsx)("div",{className:"bg-gray-50 p-4 text-center text-sm md:text-base",children:(0,O.jsx)(n.cC,{id:"hg+1N/"})}):t.is_ai?(0,O.jsx)("div",{className:"bg-gray-50 p-4 text-center text-sm md:text-base",children:(0,O.jsx)(n.cC,{id:"2lv0Xb",components:{0:(0,O.jsx)(o(),{href:"/my/articles/".concat(t.slug),locale:"en-US",className:"underline"})}})}):null,(0,O.jsxs)("div",{className:"px-4 pb-4",children:[(0,O.jsx)(x.qF.Consumer,{children:function(e){return e?(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(p.Tz,{title:t.title,url:P,hashtags:["sparkful"],className:"fixed right-4 top-4 z-40 sm:hidden",children:(0,O.jsxs)(j.Z,{size:"xs",as:"div",children:[(0,O.jsx)(v._9,{className:"h-5 w-5"}),(0,O.jsx)("span",{children:(0,O.jsx)(n.cC,{id:"Z8lGw6"})})]})}),(0,O.jsx)("div",{className:"mt-5 hidden items-center justify-start sm:flex",children:(0,O.jsx)(p.Tz,{title:t.title,url:P,hashtags:["sparkful"],intent:"primary"})})]}):(0,O.jsx)("div",{className:"mt-5 flex items-center justify-start ",children:(0,O.jsx)(p.Tz,{title:t.title,url:P,hashtags:["sparkful"],intent:"primary"})})}}),(0,O.jsxs)("div",{className:"mt-4 space-y-14 sm:mt-8",children:[(0,O.jsxs)("article",{className:"prose prose-quoteless mx-auto prose-h1:text-2xl prose-h2:text-xl prose-h3:text-lg prose-h1:sm:text-4xl prose-h2:sm:text-2xl prose-h3:sm:text-xl",children:[(0,O.jsx)("h1",{children:t.title}),(0,O.jsx)("div",{dangerouslySetInnerHTML:{__html:t.content}})]}),(0,O.jsx)(m.Z,{series:s,currentArticle:t,my:!0}),(0,O.jsx)(h.Z,{authors:t.authors}),(0,O.jsx)(g.Z,{article:t})]})]})]})})}),(0,O.jsx)(x.qF.Consumer,{children:function(e){return!e&&(0,O.jsx)("div",{className:"px-4 pb-6",children:(0,O.jsx)(y.Z,{apps:t.apps})})}}),(0,O.jsxs)("div",{className:"px-4 pb-6",children:[(0,O.jsx)("div",{className:"flex shrink-0 items-center justify-start gap-2",children:(0,O.jsx)("h1",{className:"text-lg font-bold text-gray-900",children:"Related Articles"})}),(0,O.jsx)("div",{className:"mt-3 grid grid-cols-2 gap-4 sm:grid-cols-3",children:r.map(function(e){var t;return(0,O.jsxs)(o(),{href:"/my/articles/".concat(e.slug,"/").concat(e.identifier),children:[(0,O.jsx)("div",{className:"relative aspect-video w-full overflow-hidden rounded-2xl",children:(0,O.jsx)(c(),{src:(null===(t=e.cover)||void 0===t?void 0:t.url)||"/images/placeholders/article.jpg",className:"transition-scale z-1 relative aspect-video h-full w-full scale-100 object-cover outline-none transition-transform duration-200 group-hover:scale-105",fill:!0,sizes:"(max-width: 767px) 100v

1w, (max-width: 1024px) 50vw, 33vw",alt:e.title})}),(0,O.jsx)("div",{className:"mt-2",children:(0,O.jsx)("h3",{className:"text-sm",children:e.title})})]},e.identifier)})})]})]})]})}function C(e){var t=e.article;return(0,O.jsx)(w.Z,{breadcrumb:[],title:t.title,overlay:!0})}Z.getLayout=function(e,t){return(0,x.TN)((0,O.jsx)(C,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?_(Object(r),!0).forEach(function(t){(0,s.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):_(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({},t)))(e)}},6594:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/my/articles/[slug]/[identifier]",function(){return r(77185)}])},84774:function(e,t,r){"use strict";function s(e){if(void 0===e)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return e}r.d(t,{Z:function(){return s}})},45745:function(e,t,r){"use strict";function s(e){return(s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}r.d(t,{Z:function(){return s}})},63177:function(e,t,r){"use strict";function s(e,t){return(s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}function n(e,t){if("function"!=typeof t&&null!==t)throw TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&s(e,t)}r.d(t,{Z:function(){return n}})},64904:function(e,t,r){"use strict";r.d(t,{Z:function(){return i}});var s=r(17397),n=r(84774);function i(e,t){if(t&&("object"===(0,s.Z)(t)||"function"==typeof t))return t;if(void 0!==t)throw TypeError("Derived constructors may only return object or undefined");return(0,n.Z)(e)}}},function(e){e.O(0,[76190,8883,3510,78358,66028,36257,37304,86700,93760,22302,50117,13062,62184,18296,92888,49774,40179],function(){return e(e.s=6594)}),_N_E=e.O()}]);