https://kutsaniuk.com/_next/static/chunks/7888-812e4848e9d8b66a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7888],{7888:(e,l,s)=>{s.r(l),s.d(l,{__N_SSP:()=>el,default:()=>es});var t=s(37876),a=s(89099),i=s(14232),n=s(16495),r=s(18480),o=s(48230),d=s.n(o),c=s(89311),u=s(58385),m=s(16217);let x=e=>{var l,s;let{user:a}=e,i=n.APP_PATHS.getURL({path:n.APP_PATHS.userProfile({profileHandle:a.profileHandle}),absolute:!0,ref:(null==a||null==(l=a.customDomain)?void 0:l.domainName)||""}),r="".concat(null==a?void 0:a.firstName," ").concat(null==a?void 0:a.lastName),o=(null==a?void 0:a.socialLinks)?(0,m.r)({...a.socialLinks}):[];return(0,t.jsxs)("div",{className:"pb-14 pt-14 border-t border-primaryBorder mx-4 sm:mx-6",children:[(e=>{var l,s;return!!((null==a?void 0:a.isCustomDomain)&&!(null==a||null==(s=a.customDomain)||null==(l=s.appearance)?void 0:l[e]))})(n.CD_APPEARANCE_FIELDS.SOCIAL_LINKS)?null:(0,t.jsxs)("div",{className:"flex gap-2 items-center justify-center flex-shrink-0 ",children:[(0,t.jsx)(d(),{href:i,target:"_blank",className:"px-1",title:"Peerlist Link",children:(0,t.jsx)(u.A.PeerlistP,{width:16,height:16})},"Peerlist-profile"),null==o?void 0:o.map(e=>{var l,s;return(0,t.jsx)(d(),{href:e.url,target:"_blank",rel:(null==(s=e.name)||null==(l=s.toLowerCase())?void 0:l.includes("peerlist"))?"":"nofollow noreferrer ugc",className:"px-1",title:"".concat(e.name," link"),children:(0,t.jsx)(e.icon,{size:16})},e.name)})]}),(0,t.jsxs)("div",{className:"flex sm:flex-row flex-col items-center justify-center mt-6",children:[(0,t.jsxs)("div",{className:"flex items-center justify-center",children:[(0,t.jsxs)(c.default.NormalText,{xs:!0,textColor:"text-gray-500",as:"span",children:["\xa9 ",new Date().getFullYear()]}),(0,t.jsxs)(d(),{href:i,target:"_blank",className:"flex",children:[(0,t.jsx)("img",{src:(null==a?void 0:a.profilePicture)||n.CDNImage.emptyPortfolio,alt:r,className:"h-4 w-4 rounded-full bg-cover bg-center  ml-2 mr-1"}),(0,t.jsx)(c.default.NormalText,{xs:!0,as:"span",textColor:"text-gray-1k hover:underline",children:r})]},"Peerlist")]}),(0,t.jsxs)("div",{className:"flex items-center justify-center sm:mt-0 mt-2",children:[(0,t.jsx)(c.default.NormalText,{xs:!0,textColor:"text-gray-500 mx-2",as:"span",className:"sm:block hidden",children:"•"}),(0,t.jsx)(c.default.NormalText,{xs:!0,textColor:"text-gray-500",as:"span",children:"Powered by"}),(0,t.jsxs)(d(),{href:n.APP_PATHS.getURL({absolute:!0,ref:null==a||null==(s=a.customDomain)?void 0:s.domainName}),target:"_blank",className:"flex",rel:"nofollow noreferrer ugc",title:"Peerlist Link",children:[(0,t.jsx)(u.A.PeerlistP,{width:16,height:16,className:"ml-2 mr-1"}),(0,t.jsx)(c.default.NormalText,{xs:!0,as:"span",textColor:"text-gray-1k hover:underline",children:"Peerlist"})]},"Peerlist-website")]})]})]})};var v=s(21639),h=s(83872),p=s(86425),j=s(63414),f=s(29391),g=s(34321),A=s(71297),b=s(95726),N=s(45973),y=s(53767),E=s(63819);let S=n.CD_APPEARANCE_FIELDS.CALENDAR,T=n.CD_APPEARANCE_FIELDS.EMAIL,I=n.CD_APPEARANCE_FIELDS.ADDRESS,C=n.CD_APPEARANCE_FIELDS.SOCIAL_LINKS,D=n.CD_SEO_FIELDS.TITLE,P=n.CD_SEO_FIELDS.DESCRIPTION,_=n.CD_APPEARANCE_FIELDS.WEBSITE,w=n.CD_SEO_FIELDS.OG_IMAGE,L=n.CD_SEO_FIELDS.FAVICON,k="gaId",O=n.TABS_NAME.WORK,R=n.TABS_NAME.POST,B=n.TABS_NAME.RESUME,M=n.TABS_NAME.HIRING,F=n.TABS_NAME.VOUCH,H=n.TABS_NAME.ARTICLES,z=Object.values(n.TABS_NAME),U=e=>{var l;let{isOpen:s=!0,setIsOpen:a=()=>{},onChange:r=()=>{},defaultSEO:o={},user:m={}}=e,[x,U]=(0,i.useState)(!1),[G,W]=(0,i.useState)({tabs:z}),[K,V]=(0,i.useState)(!1),[X,Y]=(0,i.useState)({}),[q,J]=(0,i.useState)(!1),[Q,Z]=(0,i.useState)({}),$={[n.TABS_NAME.WORK]:(0,t.jsx)(j.A,{label:"Work",enabled:null==G?void 0:G[O],setEnabled:()=>et(O)}),[n.TABS_NAME.RESUME]:(0,t.jsx)(j.A,{label:"Resume",enabled:null==G?void 0:G[B],setEnabled:()=>et(B)}),[n.TABS_NAME.HIRING]:(0,t.jsx)(j.A,{label:"I'm Hiring",enabled:null==G?void 0:G[M],setEnabled:()=>et(M)}),[n.TABS_NAME.VOUCH]:(0,t.jsx)(j.A,{label:"Vouch",enabled:null==G?void 0:G[F],setEnabled:()=>et(F)}),[n.TABS_NAME.ARTICLES]:(0,t.jsx)(j.A,{label:"Articles",enabled:null==G?void 0:G[H],setEnabled:()=>et(H)}),[n.TABS_NAME.POST]:(0,t.jsx)(j.A,{label:"Posts",enabled:null==G?void 0:G[R],setEnabled:()=>et(R)})},ee=e=>{var l;let s={...o,...G,...e.appearance||{},...e.seo||{},...e.analytics||{},domainName:e.domainName};z.length!==(null==s||null==(l=s.tabs)?void 0:l.length)&&z.forEach(e

1=>{var l;(null==s||null==(l=s.tabs)?void 0:l.includes(e))||s.tabs.push(e)}),W(s)},el=async e=>{try{G[e].includes(e)&&await g.w0.deleteImage({image:G[e]})}catch(e){}finally{et(e,"")}},es=async()=>{U(!0);try{var e,l;let s=await g.bz.getCustomDomain(),t=null==s||null==(l=s.data)||null==(e=l.data)?void 0:e.customDomain;t&&ee(t)}catch(e){A.A.ErrorToast("Failed to fetch site settings.")}finally{U(!1)}};(0,i.useEffect)(()=>{(null==m?void 0:m.customDomain)?ee(null==m?void 0:m.customDomain):es()},[m]);let et=(e,l)=>{G[e]=l||""===l?l:!G[e],W({...G}),ea()},ea=async()=>{U(!0);try{await g.bz.updateCustomDomain({...G}),r()}catch(r){var e,l,s,t,a,i,n;A.A.ErrorToast(null!=(n=null!=(i=null==r||null==(l=r.response)||null==(e=l.error)?void 0:e.message)?i:null==r||null==(a=r.response)||null==(t=a.data)||null==(s=t.error)?void 0:s.message)?n:"Failed to save custom domain settings.")}finally{U(!1)}},ei=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];et("tabs",e.map(e=>e.name))},en=(e,l)=>{et(e,"".concat(n.CLOUDFRONT_PROD_S3).concat(l))},er=e=>"".concat(e,"_").concat(Math.ceil(E.default.randomInRange(1e3,1e7)));return(0,t.jsx)(f.A,{isOpen:s,children:(0,t.jsxs)("div",{className:"m-6 mb-10 relative",children:[(0,t.jsxs)("div",{className:" flex justify-between items-center top-0 -my-4 py-4 bg-gray-00 sticky z-10",children:[(0,t.jsx)(c.default.SemiBoldText,{children:"Site Settings"}),(0,t.jsxs)("div",{className:"flex justify-between items-center",children:[(0,t.jsx)(v.Ay.Primary,{loading:x,small:!0,onClick:()=>ea(),iconLeft:(0,t.jsx)(h.CheckIcon,{size:14}),children:"Save All"}),(0,t.jsx)(v.Ay.CarbonOutline,{small:!0,onClick:()=>a(!s),circular:!0,className:"ml-4",children:(0,t.jsx)(h.CloseXIcon,{size:15})})]})]}),(null==m||null==(l=m.customDomain)?void 0:l.domainName)||(null==G?void 0:G.domainName)?null:(0,t.jsxs)("div",{className:"mt-6 px-4 py-2 border-1 border-gray-200 bg-gray-100 rounded-lg",children:[(0,t.jsx)(d(),{href:n.APP_PATHS.customDomainSettings,referrerPolicy:"no-referrer",children:(0,t.jsx)(c.default.SemiBoldText,{sm:!0,className:"text-red",children:"Add a custom domain →"})},"pl-custom-domain-settings-path"),(0,t.jsx)(c.default.NormalText,{xs:!0,className:"mt-0.5",children:"These settings will be applied once you add a custom domain and configure DNS settings."})]}),(0,t.jsxs)("div",{className:" mt-10 flex flex-col gap-10",children:[(0,t.jsxs)(p.A.Section,{title:"HEADER",children:[(0,t.jsx)(j.A,{className:"pb-2",label:"Location",enabled:null==G?void 0:G[I],setEnabled:()=>et(I)}),(0,t.jsx)(j.A,{className:"py-2",label:"Calendar link",enabled:null==G?void 0:G[S],setEnabled:()=>et(S)}),(0,t.jsx)(j.A,{className:"py-2",label:"Email",enabled:null==G?void 0:G[T],setEnabled:()=>et(T)}),(0,t.jsx)(j.A,{className:"py-2",label:"Website",enabled:null==G?void 0:G[_],setEnabled:()=>et(_)})]}),(0,t.jsxs)(p.A.Section,{title:"TABS",children:[(0,t.jsx)(c.default.NormalText,{xs:!0,className:"text-gray-500 pb-4",children:"Empty pages will be hidden by default."}),(0,t.jsx)("div",{children:(0,t.jsx)(N.A,{setData:e=>ei(e),data:(null==G?void 0:G.tabs)?(()=>{var e,l;if(null==G||null==(e=G.tabs)?void 0:e.length){let e=[];return null==G||null==(l=G.tabs)||l.forEach(l=>{let s=$[l];s&&e.push({name:l,component:s})}),e}return[]})():[],displayKeyName:"name",loading:x,componentKeyName:"component",className:" py-2 "})})]}),(0,t.jsx)(p.A.Section,{title:"FOOTER",children:(0,t.jsx)(j.A,{label:"Social Links",enabled:null==G?void 0:G[C],setEnabled:()=>et(C)})}),(0,t.jsx)(p.A.Section,{title:"SEO",children:(0,t.jsxs)("div",{className:"flex flex-col space-y-6",children:[(0,t.jsx)("div",{children:(0,t.jsx)(b.Ay,{id:"pl-seo-title",label:"Site title",defaultValue:(null==G?void 0:G[D])||"",onBlur:e=>et(D,e.target.value),required:!0,captureAnalytics:!0,helpText:"Recommended: 60 characters"})}),(0,t.jsx)("div",{children:(0,t.jsx)(b.Ay,{id:"pl-seo-description",label:"Site description",defaultValue:(null==G?void 0:G[P])||"",onBlur:e=>et(P,e.target.value),required:!0,captureAnalytics:!0,helpText:"Recommended: 160 characters"})}),(0,t.jsx)(p.A.Row,{sectionLabel:"Link preview image",subText:"Recommended size: 1200 x 630px.",subTextFont:"xxs",children:(0,t.jsx)("div",{className:"w-full flex items-center justify-end",children:(null==G?void 0:G[w])||(null==X?void 0:X.imageBlob)?(0,t.jsx)("div",{className:" flex items-center justify-end mb-2",children:(0,t.jsxs)("div",{className:"flex flex-col items-end",children:[(0,t.jsx)("img",{src:(null==X?void 0:X.imageBlob)||(null==G?void 0:G[w])||n.CDNImage.emptyPortfolio,alt:"Domain preview image",className:"w-28 h-16 rounded-md bg-gray-300 ".concat(K?"opacity-50 animate-pulse":"opacity-100")}),(0,t.jsx)(v.Ay.CarbonOutline,{small:!0,onClick:()=>{el(w),Y({})},className:"mt-2",iconLeft:(0,t.jsx)(h.TrashIcon,{size:14}),children:"Remove"})]})}):(0,t.jsx)("div",{children:(0,t.jsx)(y.A,{id:"pl-og-image",setLoading:V,setImageInfo:Y,signImageAPICall:e=>g.DX.getSignedUrl({filename:e.name,context:n.IMAGE_UPLOAD_CONTEXTS.OG_IMAGE}),callbackWithPath:e=>en(w,e),getImageFileName:()=>er(w),children:(0,t.jsxs)("div",{className:"flex items-center  text-sm border h-6 border-gray-300 px-3 py-1 w-max rounded-full",children:[(0,t.jsx)(h.UploadIcon,{size:16}),(0,t.jsx)(c.default.MediumText,{xs:!0,className:"ml-1",children:"Upload"})]})})})})}),(0,t.jsx)(p.A.Row,{sectionLabel:"Favicon",subText:"Recommended: 80x80px.",subTextFont:"xxs",children:(0,t.jsx)("div",{className:"w-full flex items-center justify-end",children:(null==G?void 0:G[L])||(null==Q?void 0:Q.imageBlob)?(0,t.jsx)("div",{className:" flex items-center justify-end mb-2",children:(0,t.jsxs)("div",{className:"flex flex-col items-end",children:[(0,t.jsx)("img",{src:(null==Q?void 0:Q.imageBlob)||(null==G?void 0:G[L])||n.CDNImage.emptyPortfolio,alt:"Domain favicon",className:"w-16 h-16 rounded-md bg-gray-300 ".concat(q?"opacity-50 animate-pulse":"opacity-100")}),(0,t.jsx)(v.Ay.CarbonOutline,{small:!0,onClick:()=>{el(L),Z({})},className:"mt-2",iconLeft:(0,t.jsx)(h.TrashIcon,{size:14}),children:"Remove"})]})}):(0,t.jsx)("div",{children:(0,t.jsx)(y.A,{id:"pl-og-favicon",setLoading:J,setImageInfo:Z,signImageAPICall:e=>g.DX.getSignedUrl({filename:e.name,context:n.IMAGE_UPLOAD_CONTEXTS.FAVICON}),callbackWithPath:e=>en(L,e),getImageFileName:()=>er(L),children:(0,t.jsxs)("div",{className:"flex items-center  text-sm border h-6 border-gray-300 px-3 py-1 w-max rounded-full",children:[(0,t.jsx)(h.UploadIcon,{size:16}),(0,t.jsx)(c.default.MediumText,{xs:!0,className:"ml-1",children:"Upload"})]})})})})}),(0,t.jsxs)("div",{children:[(0,t.jsx)(c.default.NormalText,{xs:!0,textColor:"text-gray-500 ",children:"Google search result preview"}),(0,t.jsxs)("div",{className:"rounded-xl mt-4 p-4 bg-[#F8F9FC]",children:[(0,t.jsxs)("div",{className:"flex justify-between items-center",children:[(0,t.jsx)("div",{children:(0,t.jsx)(u.A.GoogleFullIcon,{})}),(0,t.jsx)(b.Ay,{value:"",type:"search",iconPosition:"end",onChange:()=>{},icon:(0,t.jsx)(h.SearchIcon,{size:18})})]}),(0,t.jsxs)("div",{className:"mt-6",children:[(0,t.jsx)(c.default.SemiBoldText,{xs:!0,children:(null==G?void 0:G.domainName)||"yourdomain.com"}),(0,t.jsx)(c.default.NormalText,{textColor:"text-[#1A0DAB]",className:" mt-2",children:(null==G?void 0:G.t

1itle)||"Your site title"}),(0,t.jsx)(c.default.NormalText,{xs:!0,textColor:"text-gray",children:(null==G?void 0:G.description)||"Your site description"})]})]})]})]})}),(0,t.jsx)(p.A.Section,{title:"Google Analytics",children:(0,t.jsxs)("div",{children:[(0,t.jsx)(b.Ay,{id:"pl-seo-title",label:"Google Measurement ID",defaultValue:(null==G?void 0:G[k])||"",onBlur:e=>et(k,e.target.value),captureAnalytics:!0,placeholder:"G-0000000000"}),(0,t.jsx)(c.default.MutedText,{xxs:!0,children:"Track profile views in your Google Analytics account."})]})})]})]})})};var G=s(33959),W=s(77e3),K=s(86353);let V="SITE_SETTINGS_ENABLED_KEY",X=function(e){var l,s,o,d,c,u,m,p,j,f,g,A,b,N,y,E,S,T,I,C,D,P,_;let{user:w,children:L}=e,k=(0,a.useRouter)(),[O,R]=(0,i.useState)(!1);if(!w)return(0,t.jsx)(K.A,{});let B=w.isLoggedIn&&w.isCustomiseable,M=(null==w||null==(s=w.customDomain)||null==(l=s.seo)?void 0:l.favicon)||(null==w?void 0:w.profilePicture);(0,i.useEffect)(()=>{B&&("false"===sessionStorage.getItem(V)?R(!1):R(!0))},[]);let F=(null==w?void 0:w.profileHandle)?"https://peerlist.io/".concat(null==w?void 0:w.profileHandle):void 0,H=(null==w||null==(d=w.customDomain)||null==(o=d.seo)?void 0:o.ogImage)||((null==w?void 0:w.profileHandle)?"".concat(n.CLOUDFRONT_PROD_S3).concat(null==w?void 0:w.id,"/").concat(null==w?void 0:w.profileHandle,".png"):""),z={favicon:M,description:null==w||null==(c=w.ogDetails)?void 0:c.description,title:null==w||null==(u=w.ogDetails)?void 0:u.title,ogImage:H},X={"@context":"https://schema.org","@type":"Person",name:"".concat(w.firstName," ").concat(w.lastName),url:F,logo:w.profilePicture,description:null==w||null==(m=w.ogDetails)?void 0:m.description};if((null==w?void 0:w.experience)&&(null==w||null==(p=w.experience)?void 0:p.length)>0){let e=null==w||null==(P=w.experience)?void 0:P.find(e=>null==e?void 0:e.current);e&&(X.jobTitle=null==e?void 0:e.position,X.worksFor={"@type":"Organization",name:null==e?void 0:e.company})}(null==w?void 0:w.socialLinks)&&(null==(j=Object.values(null==w?void 0:w.socialLinks))?void 0:j.length)>0&&(X.sameAs=Object.values(null==w?void 0:w.socialLinks));let Y=e=>{sessionStorage.setItem(V,e),R(e)};return(0,t.jsxs)(t.Fragment,{children:[(null==w?void 0:w.ogDetails)&&(0,t.jsx)(r.A,{title:null==w||null==(f=w.ogDetails)?void 0:f.title,description:null==w||null==(g=w.ogDetails)?void 0:g.description,keywords:null==w||null==(A=w.ogDetails)?void 0:A.keywords,jsonLD:X,ogImage:H,jsonLDType:"user-profile-on-peerlist",canonical:n.APP_PATHS.userProfile({profileHandle:null==w?void 0:w.profileHandle,absolute:!0}),favicon:M,url:null==w||null==(b=w.customDomain)?void 0:b.domainName,googleAnalyticsId:null==w||null==(y=w.customDomain)||null==(N=y.analytics)?void 0:N.gaId,siteName:null==w||null==(E=w.ogDetails)?void 0:E.siteName,twitterCreatorProfile:(null==w||null==(S=w.socialLinks)?void 0:S.Twitter)?null==w||null==(I=w.socialLinks)||null==(T=I.Twitter)?void 0:T.substring(w.socialLinks.Twitter.lastIndexOf("/")+1):null}),(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsxs)("div",{className:"max-w-screen-sm mx-auto bg-gray-00 min-h-screen",children:[(0,t.jsx)(G.A,{data:w,showHeaderAction:!1,className:"sm:mb-0"}),(0,t.jsx)("div",{className:"flex justify-between sticky top-0 z-[6]",children:(0,t.jsx)("div",{className:"w-full",children:(0,t.jsx)(W.A,{navTabs:null!=(_=null==w||null==(C=w.tabs)?void 0:C.filter(e=>!e.hide))?_:[],className:" z-6 sticky",isLink:!0,currentNavTab:null==w||null==(D=w.currentTab)?void 0:D.link})})}),(0,t.jsx)("div",{className:"pt-8 w-full px-4 sm:px-6",children:L}),(0,t.jsx)(x,{user:w})]}),B?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:" fixed right-0 top-0",children:(0,t.jsx)(v.Ay.Carbon,{onClick:()=>Y(!O),circular:!0,large:!0,className:"m-4",children:(0,t.jsx)("span",{className:"text-gray-00",children:(0,t.jsx)(h.SettingsIcon,{size:25})})})}),(0,t.jsx)(U,{isOpen:O,setIsOpen:e=>Y(e),onChange:()=>void k.replace(k.asPath),defaultSEO:z,user:w})]}):null]})]})};var Y=s(63801),q=s(56998),J=s(79841),Q=s(92092),Z=s(40091);let $=e=>{let{user:l}=e;switch(l.tab){case n.TABS_NAME.RESUME:return(0,t.jsx)(q.A,{data:l});case n.TABS_NAME.POST:return(0,t.jsx)(J.A,{userId:l.id,firstName:null==l?void 0:l.firstName,isReadOnly:null==l?void 0:l.isCustomDomain});case n.TABS_NAME.ARTICLES:return(0,t.jsx)(Z.A,{user:l});case n.TABS_NAME.HIRING:var s;return(0,t.jsx)("div",{className:"flex flex-col w-full items-center justify-between",children:null==l||null==(s=l.jobs)?void 0:s.map(e=>(0,t.jsx)(Q.A.PublicJobItem,{job:e,showSaveButton:!1,target:"_blank"},"".concat(e.jobId,"-job-item")))});case n.TABS_NAME.WORK:return(0,t.jsx)(Y.A,{data:l,isReadOnly:null==l?void 0:l.isCustomDomain});default:return(0,t.jsx)(K.A,{})}};function ee(e){let{user:l}=e;return l?(0,t.jsx)(X,{user:l,children:(0,t.jsx)($,{user:l})}):(0,t.jsx)("div",{className:"my-10 mx-6",children:(0,t.jsx)(K.A,{className:"my-20",powered:!0}

1)})}ee.getLayout=function(e){return(0,t.jsx)("div",{children:e})};var el=!0;let es=ee},13275:(e,l,s)=>{s.d(l,{A:()=>i});var t=s(37876),a=s(89311);let i=e=>{let{icon:l,text:s}=e;return(0,t.jsxs)("div",{className:"flex items-center gap-x-1",children:[(0,t.jsx)("span",{className:"text-gray-500",children:l}),(0,t.jsx)(a.default.MediumText,{xs:!0,as:"span",textColor:"text-gray-500",children:s})]})}},40091:(e,l,s)=>{s.d(l,{A:()=>g});var t=s(37876),a=s(34217),i=s(58385),n=s(89311),r=s(48230),o=s.n(r),d=s(89099),c=s(16495),u=s(83872),m=s(21639),x=s(38234),v=s(63819),h=s(13275);let p=e=>{let{article:l,user:s}=e,a=(0,d.useRouter)(),i=c.APP_PATHS.addArticle(l.id),r=c.APP_PATHS.userBlogPage({profileHandle:null==s?void 0:s.profileHandle,slug:l.slug,absolute:!0});return(0,t.jsx)("div",{className:"relative bg-gray-00 hover:bg-gray-25 transition-all ease-in-out",children:(0,t.jsx)(o(),{href:(null==l?void 0:l.publishedAt)?r:i,prefetch:!1,children:(0,t.jsxs)("div",{className:"flex items-center justify-between gap-4 py-4 px-4 sm:px-6",children:[(0,t.jsxs)("div",{className:"w-full",children:[(0,t.jsx)(n.default.SemiBoldText,{textColor:(null==l?void 0:l.publishedAt)?"text-gray-1k":"text-gray-500",className:"paragraph-clamp1",children:l.title}),(null==l?void 0:l.subTitle)?(0,t.jsx)(n.default.NormalText,{sm:!0,className:"paragraph-clamp1 mt-1",textColor:(null==l?void 0:l.publishedAt)?"text-gray-1k":"text-gray-500",children:l.subTitle}):null,(null==l?void 0:l.editAccess)&&!(null==l?void 0:l.publishedAt)?(0,t.jsx)("div",{className:"flex items-center gap-x-2 mt-2",children:(null==l?void 0:l.editAccess)&&!(null==l?void 0:l.publishedAt)?(0,t.jsx)(m.Ay.CarbonTransparent,{small:!0,iconLeft:(0,t.jsx)(u.EditPencilIcon,{size:14}),onClick:e=>{e.stopPropagation(),e.preventDefault(),a.push(i)},className:"-ml-2",children:"Edit"}):null}):null,(null==l?void 0:l.publishedAt)?(0,t.jsx)("div",{className:"flex items-center justify-between mt-1 mob:mt-2",children:(0,t.jsxs)("div",{className:"flex items-center gap-x-2",children:[(null==l?void 0:l.editAccess)&&(null==l?void 0:l.views)?(0,t.jsx)(h.A,{icon:(0,t.jsx)(u.OpenEyeIcon,{size:14}),text:(0,v.numberFormatter)(l.views)||0}):null,(0,t.jsx)(h.A,{icon:(0,t.jsx)(u.CommentIcon,{size:14}),text:(null==l?void 0:l.commentCount)||0}),(0,t.jsx)(h.A,{icon:(0,t.jsx)(u.HeartIcon,{size:14}),text:(null==l?void 0:l.upvoteCount)||0}),(0,t.jsx)(n.default.MediumText,{xs:!0,textColor:"text-gray-500",className:"ml-2",children:x.A.getFormattedDate(new Date(null==l?void 0:l.publishedAt))})]})}):null]}),(null==l?void 0:l.featuredImage)?(0,t.jsx)("img",{src:l.featuredImage,alt:l.title,className:"h-16 border object-cover border-primaryBorder rounded-xl bg-gray-50 shrink-0 aspect-square sm:aspect-video"}):null]})})})};var j=s(94296),f=s(7352);let g=e=>{var l,s,r,o,d,c,u;let{user:m}=e,x=null==m||null==(l=m.blog)?void 0:l.reduce((e,l)=>((null==l?void 0:l.publishedAt)?e.published.push(l):e.drafts.push(l),e),{published:[],drafts:[]}),v=(null==x||null==(s=x.published)?void 0:s.length)?null==x||null==(r=x.published)?void 0:r.sort((e,l)=>new Date(null==l?void 0:l.publishedAt)-new Date(null==e?void 0:e.publishedAt)):[];return(0,t.jsxs)("div",{children:[(null==m?void 0:m.me)?(0,t.jsx)("div",{className:"px-6 mb-6 flex justify-end",children:(0,t.jsx)(f.A,{phEvent:j.Ay.CLICKED_ON_NEW_ARTICLE_ON_PROFILE,small:!0,children:"New Article"})}):null,(null==m||null==(o=m.blog)?void 0:o.length)===0?(0,t.jsx)("div",{children:(0,t.jsx)(a.A.EmptyState,{icon:(0,t.jsx)(i.A.EmptyBlog,{}),title:(null==m?void 0:m.me)?"Create your first article!":"".concat((null==m?void 0:m.firstName)||"User"," has not published any articles yet!"),description:(null==m?void 0:m.me)?"Write and publish tutorials, tech articles, case studies and share them with the world.":null})}):null,(null==x||null==(d=x.drafts)?void 0:d.length)>0?(0,t.jsxs)("div",{className:"mb-8",children:[(0,t.jsx)("div",{className:"px-4 sm:px-6",children:(0,t.jsxs)(n.default.SemiBoldText,{xs:!0,textColor:"text-gray-500",className:"uppercase",children:["Drafts ",(0,t.jsx)(n.default.Dot,{})," ",null==x||null==(c=x.drafts)?void 0:c.length]})}),null==x||null==(u=x.drafts)?void 0:u.map(e=>(0,t.jsx)(p,{article:e,user:m},e.id))]}):null,(null==v?void 0:v.length)>0?(0,t.jsxs)("div",{children:[(null==m?void 0:m.me)?(0,t.jsx)("div",{className:"px-4 sm:px-6",children:(0,t.jsxs)(n.default.SemiBoldText,{xs:!0,textColor:"text-green-400",className:"uppercase",children:["Published ",(0,t.jsx)(n.default.Dot,{})," ",null==v?void 0:v.length]})}):null,null==v?void 0:v.map(e=>(0,t.jsx)(p,{article:e,user:m},e.id))]}):null]})}},45973:(e,l,s)=>{s.d(l,{A:()=>c});var t=s(37876),a=s(14232),i=s(43934),n=s(83872),r=s(78004),o=s.n(r);let d=()=>(0,t.jsxs)("li",{className:"p-2 cursor-move flex border-b border-primaryBorder bg-gray-00",children:[(0,t.jsx)(n.MenuAltIcon,{color:o().gray.gray3}),(0,t.jsx)("div",{className:"h-2 bg-gray-300 rounded-full w-28 m-2"})]}),c=e=>{let{data:l=[],setData:s=()=>{},displayKeyName:r="name",loading:o=!1,componentKeyName:c,className:u=" p-2  border-b border-primaryBorder "}=e,m=[...l];return(0,a.useEffect)(()=>

1{if(!o){let e=document.getElementById("items"),t=i.default.create(e,{animation:200,group:{name:"shared",pull:"clone",revertClone:!0},onEnd(e){let t=[];Object.keys(document.getElementById("items").children).forEach(s=>{let a=e.to.children[s].id;t.push(l.find(e=>e[r]===a))}),s(t)}});return()=>{t.destroy()}}},[o]),(0,t.jsxs)("ul",{id:"items",children:[o&&(null==m?void 0:m.length)===0?Array.from([,,,,,].keys()).map(e=>(0,t.jsx)(d,{},"reorder-item-".concat(e))):null,m.map(e=>(0,t.jsxs)("li",{id:e[r],name:e[r],className:"cursor-move flex items-center bg-gray-00 ".concat(u),children:[(0,t.jsx)("span",{className:"text-gray-300",children:(0,t.jsx)(n.MenuAltIcon,{})}),c?(0,t.jsx)("div",{className:"pl-2 w-full",children:e[c]}):(0,t.jsx)("span",{className:"text-sm font-medium text-gray-1k ml-0.5 pl-2 capitalize",children:e[r]})]},e[r]))]})}}}]);