https://gaurang.page/_next/static/chunks/pages/user/article/preview-article-32d1a9ee24b1a685.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1206],{29006:(e,l,n)=>{"use strict";n.d(l,{A:()=>P});var i=n(37876),t=n(89099),r=n(48230),s=n.n(r),a=n(87156),d=n(38234),u=n(57994),o=n(83872),c=n(21639),x=n(4755),v=n(89311),h=n(16495),m=n(63819),p=n(36449),j=n(28857),f=n(1245);let A=e=>{let{onlyIcon:l=!1}=e,n=(0,t.useRouter)();return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("button",{onClick:e=>{e.stopPropagation(),e.preventDefault(),n.push(h.APP_PATHS.dec24WritingChallenge)},type:"button","data-tip":!0,"data-for":"challenge-info",children:(0,i.jsxs)(v.default.SemiBoldText,{textColor:"text-blue-400",className:"flex items-center gap-0.5 uppercase",as:"span",xs:!0,children:[(0,i.jsx)(o.PencilTipIcon,{size:l?14:16})," ",l?null:"CHALLENGE"]})}),(0,i.jsx)(f.A,{id:"challenge-info",text:"Part of December Writing Challenge"})]})};var g=n(26512);let P=e=>{var l,n,r,f,P,N,w,T;let{article:_,isPreview:b=!1,isPeerlistBlog:y=!1}=e;(0,p.A)();let S=(0,t.useRouter)(),{isLoggedIn:H}=(0,a.A)(),C=(null==_?void 0:_.content)?m.default.getBlogReadTime(_.content):null,k=(null==_||null==(l=_.creator)?void 0:l.profileHandle)?h.APP_PATHS.userBlogPage({profileHandle:null==_||null==(n=_.creator)?void 0:n.profileHandle,absolute:!0}):null;return(0,i.jsxs)("div",{children:[(0,i.jsxs)(u.A.CenterTop,{internalPage:!0,children:[(0,i.jsx)("div",{className:"flex items-center gap-2",children:(0,i.jsx)("div",{className:"flex items-center",children:(0,i.jsx)(c.Ay.CarbonOutline,{circular:!0,className:"mr-2",onClick:()=>{var e,l;return b?y?S.push(h.APP_PATHS.addNewBlog(null==_?void 0:_.id)):S.push(h.APP_PATHS.addArticle(null==_?void 0:_.id)):(null==(l=window)||null==(e=l.history)?void 0:e.length)>1?S.back():void S.push(k)},children:(0,i.jsx)(o.ArrowLeftIcon,{size:18})})})}),H&&(null==_?void 0:_.editAccess)?(0,i.jsx)(c.Ay.CarbonOutline,{iconLeft:(0,i.jsx)(o.EditPencilIcon,{size:16}),onClick:()=>{if(y)return void S.push(h.APP_PATHS.addNewBlog(null==_?void 0:_.id));S.push(h.APP_PATHS.addArticle(null==_?void 0:_.id))},children:"Edit"}):null]}),(0,i.jsxs)("div",{className:"py-10 mt-14 mx-auto w-full max-w-640 px-4 sm:px-6",children:[(0,i.jsx)("div",{className:"flex justify-center mb-4",children:(0,i.jsxs)("div",{className:"flex flex-col items-center",children:[(0,i.jsx)("div",{className:"mb-0.5",children:(0,i.jsx)(j.A,{profileHandle:null==_||null==(r=_.creator)?void 0:r.profileHandle,children:(0,i.jsx)(s(),{prefetch:!1,href:k,className:"mx-auto",children:(0,i.jsx)(x.Ay.Small,{image:null==_||null==(f=_.creator)?void 0:f.profilePicture,verified:null==_||null==(P=_.creator)?void 0:P.verified})})})}),(0,i.jsx)(j.A,{profileHandle:null==_||null==(N=_.creator)?void 0:N.profileHandle,children:(0,i.jsx)(s(),{prefetch:!1,href:k,children:(0,i.jsxs)(v.default.SemiBoldText,{sm:!0,className:"hover:underline transition-all ease-in-out mb-0.5",children:[null==_||null==(w=_.creator)?void 0:w.firstName," ",null==_||null==(T=_.creator)?void 0:T.lastName]})})}),(0,i.jsxs)(v.default.MutedText,{xs:!0,className:"flex items-center mt-1",children:[(null==_?void 0:_.publishedAt)?(0,i.jsx)(i.Fragment,{children:d.A.getFormattedDate(new Date(_.publishedAt))}):null,C?(0,i.jsxs)(i.Fragment,{children:[(null==_?void 0:_.publishedAt)?(0,i.jsx)(v.default.Dot,{}):null,C," min read"]}):null,(null==_?void 0:_.isArticlePartOfChallenge)?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(v.default.Dot,{}),(0,i.jsx)(A,{xxs:!0})]}):null]})]})}),(0,i.jsx)(g.BM,{article:_}),(0,i.jsx)(g.xK,{article:_}),(0,i.jsx)(g.sq,{article:_}),(0,i.jsx)(g.cm,{article:_})]})]})}},50296:(e,l,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/user/article/preview-article",function(){return n(71958)}])},71958:(e,l,n)=>{"use strict";n.r(l),n.d(l,{default:()=>m});var i=n(37876),t=n(89099),r=n(14232),s=n(34321),a=n(68827),d=n(373),u=n(29006),o=n(57994),c=n(34217),x=n(58385),v=n(16495),h=n(18480);let m=(0,n(47553).A)(()=>{var e,l,n,m,p;let j=(0,t.useRouter)(),[f,A]=(0,r.useState)(null),[g,P]=(0,r.useState)(!1),[N,w]=(0,r.useState)(""),T=async e=>{var l,n,i,t,r;P(!0);try{let i=await s.JH.get({blogId:e,preview:!0}),t=null==i||null==(n=i.data)||null==(l=n.data)?void 0:l.blog;A(t)}catch(e){w((null==e||null==(r=e.response)||null==(t=r.data)||null==(i=t.error)?void 0:i.message)||a.A.GLOBAL.serverError)}finally{P(!1)}};(0,r.useEffect)(()=>{var e,l;(null==j||null==(e=j.query)?void 0:e.id)&&T(null==j||null==(l=j.query)?void 0:l.id)},[null==j?void 0:j.isReady]);let _=(null==f||null==(e=f.seo)?void 0:e.title)||(null==f?void 0:f.title);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(h.A,{title:"(Preview) ".concat(_||"Article"),description:(null==f||null==(l=f.seo)?void 0:l.description)||(null==f?void 0:f.subTitle)||"",keywords:null==f||null==(m

1=f.seo)||null==(n=m.keywords)?void 0:n.toString(),ogImage:(null==f||null==(p=f.seo)?void 0:p.ogImage)||null}),g?(0,i.jsxs)("div",{className:"mt-14",children:[(0,i.jsx)(o.A.CenterTop,{}),(0,i.jsx)("div",{className:"p-8",children:(0,i.jsx)(d.BlogSkeletonLoader,{})})]}):null,!g&&(null==f?void 0:f.id)?(0,i.jsx)(u.A,{article:f,isPreview:!0}):null,!g&&N?(0,i.jsxs)("div",{children:[(0,i.jsx)(o.A.CenterTop,{children:(0,i.jsx)(o.A.BackButton,{linkTo:v.APP_PATHS.user})}),(0,i.jsx)("div",{className:"my-40",children:(0,i.jsx)(c.A.EmptyState,{icon:(0,i.jsx)(x.A.EmptyNetwork,{}),title:"Something went wrong!",description:N})})]}):null]})})}},e=>{e.O(0,[4246,1415,4205,636,6593,8792],()=>e(e.s=50296)),_N_E=e.O()}]);