"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2175],{5760:function(e,t,n){n.r(t),n.d(t,{Comments:function(){return w},default:function(){return k}});var r=n(7573),a=n(7653),s=n(9899),i=n(1884),o=n(1799),l=(0,o.v)((0,i.g)()),u=e=>{let{onSubmit:t,className:n}=e,[s,i]=(0,a.useState)(""),o=(0,a.useRef)(null);return(0,a.useEffect)(()=>{o.current&&o.current.focus()},[]),(0,r.jsxs)("form",{className:(0,l.default)("mb-6",n),children:[(0,r.jsxs)("div",{className:"py-2 px-4 mb-4 bg-white rounded-lg rounded-t-lg border border-gray-200 dark:bg-gray-800 dark:border-gray-700",children:[(0,r.jsx)("label",{htmlFor:"comment",className:"sr-only",children:"Your comment"}),(0,r.jsx)("textarea",{ref:o,value:s,id:"comment",rows:2,className:"px-0 w-full text-sm text-gray-900 border-0 focus:ring-0 focus:outline-none dark:text-white dark:placeholder-gray-400 dark:bg-gray-800",placeholder:"Write a comment...",required:!0,onChange:e=>i(e.target.value)})]}),(0,r.jsx)("button",{onClick:e=>{e.preventDefault(),t(s),i("")},type:"submit",className:"inline-flex items-center py-2.5 px-4 text-xs font-medium text-center text-white bg-primary-700 rounded-lg focus:ring-4 focus:ring-primary-200 dark:focus:ring-primary-900 hover:bg-primary-800",children:"Post comment"})]})},d=n(1179),c=(0,o.Ee)({"../../node_modules/dayjs/dayjs.min.js"(e,t){var n,r;n=e,r=function(){var e="millisecond",t="second",n="minute",r="hour",a="week",s="month",i="quarter",o="year",l="date",u="Invalid Date",d=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,c=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,f=function(e,t,n){var r=String(e);return!r||r.length>=t?e:""+Array(t+1-r.length).join(n)+e},h="en",m={};m[h]={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(e){var t=["th","st","nd","rd"],n=e%100;return"["+e+(t[(n-20)%10]||t[n]||"th")+"]"}};var g="$isDayjsObject",v=function(e){return e instanceof b||!(!e||!e[g])},p=function e(t,n,r){var a;if(!t)return h;if("string"==typeof t){var s=t.toLowerCase();m[s]&&(a=s),n&&(m[s]=n,a=s);var i=t.split("-");if(!a&&i.length>1)return e(i[0])}else{var o=t.name;m[o]=t,a=o}return!r&&a&&(h=a),a||!r&&h},y=function(e,t){if(v(e))return e.clone();var n="object"==typeof t?t:{};return n.date=e,n.args=arguments,new b(n)},x={s:f,z:function(e){var t=-e.utcOffset(),n=Math.abs(t);return(t<=0?"+":"-")+f(Math.floor(n/60),2,"0")+":"+f(n%60,2,"0")},m:function e(t,n){if(t.date()<n.date())return-e(n,t);var r=12*(n.year()-t.year())+(n.month()-t.month()),a=t.clone().add(r,s),i=n-a<0,o=t.clone().add(r+(i?-1:1),s);return+(-(r+(n-a)/(i?a-o:o-a))||0)},a:function(e){return e<0?Math.ceil(e)||0:Math.floor(e)},p:function(u){return({M:s,y:o,w:a,d:"day",D:l,h:r,m:n,s:t,ms:e,Q:i})[u]||String(u||"").toLowerCase().replace(/s$/,"")},u:function(e){return void 0===e}};x.l=p,x.i=v,x.w=function(e,t){return y(e,{locale:t.$L,utc:t.$u,x:t.$x,$offset:t.$offset})};var b=function(){function f(e){this.$L=p(e.locale,null,!0),this.parse(e),this.$x=this.$x||e.x||{},this[g]=!0}var h=f.prototype;return h.parse=function(e){this.$d=function(e){var t=e.date,n=e.utc;if(null===t)return new Date(NaN);if(x.u(t))return new Date;if(t instanceof Date)return new Date(t);if("string"==typeof t&&!/Z$/i.test(t)){var r=t.match(d);if(r){var a=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],a,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],a,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(t)}(e),this.init()},h.init=function(){var e=this.$d;this.$y=e.getFullYear(),this.$M=e.getMonth(),this.$D=e.getDate(),this.$W=e.getDay(),this.$H=e.getHours(),this.$m=e.getMinutes(),this.$s=e.getSeconds(),this.$ms=e.getMilliseconds()},h.$utils=function(){return x},h.isValid=function(){return this.$d.toString()!==u},h.isSame=function(e,t){var n=y(e);return this.startOf(t)<=n&&n<=this.endOf(t)},h.isAfter=function(e,t){return y(e)<this.startOf(t)},h.isBefore=function(e,t){return this.endOf(t)<y(e)},h.$g=function(e,t,n){return x.u(e)?this[t]:this.set(n,e)},h.unix=function(){return Math.floor(this.valueOf()/1e3)},h.valueOf=function(){return this.$d.getTime()},h.startOf=function(e,i){var u=this,d=!!x.u(i)||i,c=x.p(e),f=function(e,t){var n=x.w(u.$u?Date.UTC(u.$y,t,e):new Date(u.$y,t,e),u);return d?n:n.endOf("day")},h=function(e,t){return x.w(u.toDate()[e].apply(u.toDate("s"),(d?[0,0,0,0]:[23,59,59,999]).slice(t)),u)},m=this.$W,g=this.$M,v=this.$D,p="set"+(this.$u?"UTC":"");switch(c){case o:return d?f(1,0):f(31,11);case s:return d?f(1,g):f(0,g+1);case a:var y=this.$locale().weekStart||0,b=(m<y?m+7:m)-y;return f(d?v-b:v+(6-b),g);case"day":case l:return h(p+"Hours",0);case r:return h(p+"Minutes",1);case n:return h(p+"Seconds",2);case t:return h(p+"Milliseconds",3);default:return this.clone()}},h.endOf=function(e){return this.startOf(e,!1)},h.$set=function(a,i){var u,d=x.p(a),c="set"+(this.$u?"UTC":""),f=((u={}).day=c+"Date",u[l]=c+"Date",u[s]=c+"Month",u[o]=c+"FullYear",u[r]=c+"Hours",u[n]=c+"Minutes",u[t]=c+"Seconds",u[e]=c+"Milliseconds",u)[d],h="day"===d?this.$D+(i-this.$W):i;if(d===s||d===o){var m=this.clone().set(l,1);m.$d[f](h),m.init(),this.$d=m.set(l,Math.min(this.$D,m.daysInMonth())).$d}else f&&this.$d[f](h);return this.init(),this},h.set=function(e,t){return this.clone().$set(e,t)},h.get=function(e){return this[x.p(e)]()},h.add=function(e,i){var l,u=this;e=Number(e);var d=x.p(i),c=function(t){var n=y(u);return x.w(n.date(n.date()+Math.round(t*e)),u)};if(d===s)return this.set(s,this.$M+e);if(d===o)return this.set(o,this.$y+e);if("day"===d)return c(1);if(d===a)return c(7);var f=((l={})[n]=6e4,l[r]=36e5,l[t]=1e3,l)[d]||1,h=this.$d.getTime()+e*f;return x.w(h,this)},h.subtract=function(e,t){return this.add(-1*e,t)},h.format=function(e){var t=this,n=this.$locale();if(!this.isValid())return n.invalidDate||u;var r=e||"YYYY-MM-DDTHH:mm:ssZ",a=x.z(this),s=this.$H,i=this.$m,o=this.$M,l=n.weekdays,d=n.months,f=n.meridiem,h=function(e,n,a,s){return e&&(e[n]||e(t,r))||a[n].slice(0,s)},m=function(e){return x.s(s%12||12,e,"0")},g=f||function(e,t,n){var r=e<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(c,function(e,r){return r||function(e){switch(e){case"YY":return String(t.$y).slice(-2);case"YYYY":return x.s(t.$y,4,"0");case"M":return o+1;case"MM":return x.s(o+1,2,"0");case"MMM":return h(n.monthsShort,o,d,3);case"MMMM":return h(d,o);case"D":return t.$D;case"DD":return x.s(t.$D,2,"0");case"d":return String(t.$W);case"dd":return h(n.weekdaysMin,t.$W,l,2);case"ddd":return h(n.weekdaysShort,t.$W,l,3);case"dddd":return l[t.$W];case"H":return String(s);case"HH":return x.s(s,2,"0");case"h":return m(1);case"hh":return m(2);case"a":return g(s,i,!0);case"A":return g(s,i,!1);case"m":return String(i);case"mm":return x.s(i,2,"0");case"s":return String(t.$s);case"ss":return x.s(t.$s,2,"0");case"SSS":return x.s(t.$ms,3,"0");case"Z":return a}return null}(e)||a.replace(":","")})},h.utcOffset=function(){return-(15*Math.round(this.$d.getTimezoneOffset()/15))},h.diff=function(e,l,u){var d,c=this,f=x.p(l),h=y(e),m=(h.utcOffset()-this.utcOffset())*6e4,g=this-h,v=function(){return x.m(c,h)};switch(f){case o:d=v()/12;break;case s:d=v();break;case i:d=v()/3;break;case a:d=(g-m)/6048e5;break;case"day":d=(g-m)/864e5;break;case r:d=g/36e5;break;case n:d=g/6e4;break;case t:d=g/1e3;break;default:d=g}return u?d:x.a(d)},h.daysInMonth=function(){return this.endOf(s).$D},h.$locale=function(){return m[this.$L]},h.locale=function(e,t){if(!e)return this.$L;var n=this.clone(),r=p(e,t,!0);return r&&(n.$L=r),n},h.clone=function(){return x.w(this.$d,this)},h.toDate=function(){return new Date(this.valueOf())},h.toJSON=function(){return this.isValid()?this.toISOString():null},h.toISOString=function(){return this.$d.toISOString()},h.toString=function(){return this.$d.toUTCString()},f}(),w=b.prototype;return y.prototype=w,[["$ms",e],["$s",t],["$m",n],["$H",r],["$W","day"],["$M",s],["$y",o],["$D",l]].forEach(function(e){w[e[1]]=function(t){return this.$g(t,e[0],e[1])}}),y.extend=function(e,t){return e.$i||(e(t,b,y),e.$i=!0),y},y.locale=p,y.isDayjs=v,y.unix=function(e){return y(1e3*e)},y.en=m[h],y.Ls=m,y.p={},y},"object"==typeof e&&void 0!==t?t.exports=r():"function"==typeof define&&define.amd?define(r):(n="undefined"!=typeof globalThis?globalThis:n||self).dayjs=r()}}),f=(0,o.Ee)({"../../node_modules/dayjs/plugin/relativeTime.js"(e,t){var n,r;n=e,r=function(){return function(e,t,n){e=e||{};var r=t.prototype,a={future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"};function s(e,t,n,a){return r.fromToBase(e,t,n,a)}n.en.relativeTime=a,r.fromToBase=function(t,r,s,i,o){for(var l,u,d,c=s.$locale().relativeTime||a,f=e.thresholds||[{l:"s",r:44,d:"second"},{l:"m",r:89},{l:"mm",r:44,d:"minute"},{l:"h",r:89},{l:"hh",r:21,d:"hour"},{l:"d",r:35},{l:"dd",r:25,d:"day"},{l:"M",r:45},{l:"MM",r:10,d:"month"},{l:"y",r:17},{l:"yy",d:"year"}],h=f.length,m=0;m<h;m+=1){var g=f[m];g.d&&(l=i?n(t).diff(s,g.d,!0):s.diff(t,g.d,!0));var v=(e.rounding||Math.round)(Math.abs(l));if(d=l>0,v<=g.r||!g.r){v<=1&&m>0&&(g=f[m-1]);var p=c[g.l];o&&(v=o(""+v)),u="string"==typeof p?p.replace("%d",v):p(v,r,g.l,d);break}}if(r)return u;var y=d?c.future:c.past;return"function"==typeof y?y(u):y.replace("%s",u)},r.to=function(e,t){return s(e,t,this,!0)},r.from=function(e,t){return s(e,t,this)};var i=function(e){return e.$u?n.utc():n()};r.toNow=function(e){return this.to(i(this),e)},r.fromNow=function(e){return this.from(i(this),e)}}},"object"==typeof e&&void 0!==t?t.exports=r():"function"==typeof define&&define.amd?define(r):(n="undefined"!=typeof globalThis?globalThis:n||self).dayjs_plugin_relativeTime=r()}}),h=(0,o.v)((0,i.g)()),m=(0,o.v)(c()),g=(0,o.v)(f());function v(e){return(0,d.w)({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M1.5 4.25c0-.966.784-1.75 1.75-1.75h17.5c.966 0 1.75.784 1.75 1.75v12.5a1.75 1.75 0 0 1-1.75 1.75h-9.69l-3.573 3.573A1.458 1.458 0 0 1 5 21.043V18.5H3.25a1.75 1.75 0 0 1-1.75-1.75ZM3.25 4a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 .75.75v3.19l3.72-3.72a.749.749 0 0 1 .53-.22h10a.25.25 0 0 0 .25-.25V4.25a.25.25 0 0 0-.25-.25Z"},child:[]}]})(e)}m.default.extend(g.default);var p=e=>{let{author:t,id:n,replies:s=[],content:i,createdAt:l,child:d=!1,onSubmitReply:c,replyToCommentId:f,setReplyTo:g}=e,y=(0,m.default)(l);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("article",{className:(0,h.default)("p-4 text-base dark:bg-gray-800/40 bg-gray-50/50 rounded-md",{"border border-gray-200 dark:border-gray-700/30":!0,"ml-6":d}),children:[(0,r.jsx)("footer",{className:"flex justify-between items-center mb-2",children:(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsxs)("p",{className:"inline-flex items-center text-sm text-gray-900 dark:text-white font-semibold",children:[(0,r.jsx)("img",{className:"w-6 h-6 rounded-full bg-blue-200 p-1 mr-2",src:t.avatar,alt:"Michael Gough"}),t.name]}),(0,r.jsx)("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:(0,r.jsx)("time",{dateTime:y.format("YYYY-MM-DDTHH:mm:ssZ[Z]"),title:y.format("MMMM D, YYYY h:mm A"),children:(0,m.default)().to(y)})})]})}),(0,r.jsxs)("div",{className:"flex justify-between items-start flex-col md:flex-row",children:[(0,r.jsx)("p",{className:"text-gray-500 dark:text-gray-400 font-paragraph",children:i}),!d&&(0,r.jsx)("div",{className:"flex items-center space-x-4 md:ml-4 mt-4 md:mt-0",children:(0,r.jsxs)("button",{type:"button",className:"flex items-center text-sm text-gray-500 hover:underline dark:text-gray-400 font-medium gap-1",onClick:()=>g(n),children:[(0,r.jsx)(v,{}),"Reply"]})})]})]}),!d&&f===n&&(0,r.jsx)(u,{onSubmit:c,className:"ml-6"}),s.map(e=>(0,a.createElement)(p,(0,o.EZ)((0,o.ih)({},e),{author:e.author,child:!0,key:e.id})))]})};let y=e=>e.reduce((e,t)=>e+t.replies.length,0)+e.length;var x=n(776),b=n(8103);let w=e=>{let{postId:t}=e,[n,i]=(0,a.useState)([]),[o,l]=(0,a.useState)(void 0),d=(0,a.useRef)(null),{isIntersecting:c}=(0,s.S)(d,{}),[f,h]=(0,a.useState)(!1),m=(0,x.k)(),g=(0,a.useCallback)(async()=>{let e=await (0,b.li)(t);i(null==e?void 0:e.comments)},[t]);(0,a.useEffect)(()=>{c&&(h(!0),g()),l(void 0)},[g,c]);let v=(e,n)=>{var r;if(!(null==m?void 0:null===(r=m.user)||void 0===r?void 0:r.name))return m.showLogin(!0);if(!n||o){if(!e)return alert("Please enter a comment");(0,b.w)(t,e,n?o:void 0).then(g)}};return(0,r.jsx)("div",{id:"comment",ref:d,children:(0,r.jsxs)("section",{className:"py-4 lg:py-8 antialiased",children:[(0,r.jsxs)("div",{className:"mx-auto ",children:[(0,r.jsx)("div",{className:"flex justify-between items-center mb-6",children:(0,r.jsxs)("h2",{className:"text-lg lg:text-2xl font-bold text-gray-900 dark:text-white",children:["Discussion (",y(n),")"]})}),f&&(0,r.jsx)(u,{onSubmit:v})]}),(0,r.jsx)("div",{className:"flex gap-3 flex-col",children:n.map(e=>(0,a.createElement)(p,{...e,key:e.id,setReplyTo:l,replyToCommentId:o,onSubmitReply:e=>v(e,!0)}))})]})})};var k=w},1926:function(e,t,n){n.d(t,{Share:function(){return g}});var r=n(7573),a=n(7653),s=n(2442),i=n(769),o=n(5103),l=n(9042),u=n(3125),d=n(357),c=n(7444),f=n(481),h=n(3693);let m="p-1.5 gap-2 flex justify-center items-center",g=e=>{let{title:t,summary:n,url:g}=e,[v,p]=(0,a.useState)(!1),y=(0,a.useRef)(null);return(0,h.t)(y,()=>{p(!1)}),(0,r.jsxs)("div",{className:"relative",ref:y,children:[(0,r.jsxs)(f.z,{className:"flex items-center gap-1 font-paragraph text-sm",variant:"ghost",size:"small",onClick:()=>p(!v),children:[(0,r.jsx)(o.OcV,{size:18}),(0,r.jsx)("span",{children:"Share"})]}),v&&(0,r.jsxs)("div",{id:"dropdownTop",className:"absolute origin-bottom rounded-md mt-2 w-fit p-2 bottom-full flex flex-col items-start -translate-x-4 font-medium bg-white shadow-md dark:bg-gray-800 dark:text-white dark:border-gray-700 border border-gray-100 text-sm z-20",onClick:()=>p(!1),children:[(0,r.jsx)(u.Z,{title:t,summary:n,url:g,children:(0,r.jsxs)("div",{className:m,children:[(0,r.jsx)(l._x4,{className:"h-4 w-4"}),"LinkedIn"]})}),(0,r.jsx)(d.Z,{title:n,url:g,children:(0,r.jsxs)("div",{className:m,children:[(0,r.jsx)(s.c_t,{className:"h-4 w-4"}),"Twitter"]})}),(0,r.jsx)(c.Z,{title:t,url:g,children:(0,r.jsxs)("div",{className:m,children:[(0,r.jsx)(i.nLw,{className:"h-4 w-4"}),"Reddit"]})})]})]})}},9631:function(e,t,n){n.d(t,{PostFooter:function(){return d}});var r=n(7573),a=n(7653),s=n(4558),i=n(9899),o=n(481),l=n(9357),u=n(3360);let d=e=>{let{author:t,likes:n=[],share:d}=e,c=(0,a.useRef)(null),f=(0,a.useRef)(null),{isIntersecting:h}=(0,i.S)(c,{}),{isIntersecting:m}=(0,i.S)(f,{}),[g,v]=(0,a.useState)(!0),{liked:p,onLike:y}=(0,u.Y)();return(0,a.useEffect)(()=>{let e=document.getElementById("like-bar"),t=document.getElementById("site-footer");c.current=e,f.current=t},[]),(0,a.useEffect)(()=>{v(h),m&&v(!0)},[m,h]),(0,r.jsx)("div",{className:"bottom-0 left-0 w-full border-t-[1px] dark:border-neutral-900/50 bg-gray-100 dark:bg-black  ".concat(g?"translate-y-20":"translate-y-0"," fixed transition-transform duration-500 ease-in-out z-10"),children:(0,r.jsxs)("div",{className:"flex flex-col md:flex-row justify-between p-2 md:p-4 md:px-40",children:[(0,r.jsxs)("div",{className:"font-heading hidden md:flex items-center",children:["Written by ",(0,r.jsx)("span",{className:"font-bold ml-1",children:t.name})]}),(0,r.jsxs)("div",{className:"flex items-center gap-2 md:gap-6 justify-center",children:[(0,r.jsxs)(o.z,{className:"flex items-center gap-1 font-paragraph text-sm",variant:"ghost",size:"small",onClick:()=>{let e=document.getElementById("comment");null==e||e.scrollIntoView({behavior:"smooth"})},children:[(0,r.jsx)(s.R3m,{}),(0,r.jsx)("span",{children:"Comment"})]}),(0,r.jsx)(o.z,{className:"flex items-center gap-1 font-paragraph text-sm",variant:"ghost",size:"small",onClick:y,children:(0,r.jsx)(l.F,{liked:p,likesArr:null!=n?n:[],showAvatar:!1})}),d]})]})})}},4898:function(e,t,n){n.d(t,{PrismHighlight:function(){return i}});var r=n(2335),a=n.n(r),s=n(7653);n(8269),n(2177),n(7224),n(1500),n(9929),n(2048),n(6798),n(4683),n(9059),n(3568),n(1439),n(4213),n(4606),n(2425),n(1807),n(735),n(6008),n(3433),n(6282),n(1360),n(1397),n(2512),n(9025),n(4056),n(3183),n(7054),n(4529),a().manual=!0;let i=e=>{let{id:t}=e;return(0,s.useEffect)(()=>{(async()=>{await a().highlightAll()})()},[t]),null}},4264:function(e,t,n){var r=n(7573),a=n(7653);t.default=()=>{let[e,t]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{let e=()=>{window.scrollY>50?t(!0):t(!1)};return window.addEventListener("scroll",e),()=>window.removeEventListener("scroll",e)},[]),(0,r.jsx)("div",{className:"fixed bottom-20 right-8 hidden flex-col gap-3 ".concat(e?"md:flex":"md:hidden"),children:(0,r.jsx)("button",{"aria-label":"Scroll To Top",type:"button",onClick:()=>{window.scrollTo({top:0,behavior:"smooth"})},className:"rounded-full bg-gray-200 p-2 text-gray-500 transition-all hover:bg-gray-300 dark:bg-gray-700 dark:text-gray-300 dark:hover:bg-gray-600",children:(0,r.jsx)("svg",{className:"h-5 w-5",viewBox:"0 0 20 20",fill:"currentColor",children:(0,r.jsx)("path",{fillRule:"evenodd",d:"M3.293 9.707a1 1 0 010-1.414l6-6a1 1 0 011.414 0l6 6a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L4.707 9.707a1 1 0 01-1.414 0z",clipRule:"evenodd"})})})})}},4941:function(e,t,n){n.d(t,{SubscribeToMyBlogPopup:function(){return o}});var r=n(7573),a=n(7653),s=n(9899),i=n(776);let o=()=>{let e=(0,a.useRef)(null),{hasLoaded:t}=(0,s.S)(e,{}),{showSubscribe:n,user:o}=(0,i.k)();return(0,a.useEffect)(()=>{!t||(null==o?void 0:o.name)||n(!0)},[t,n,null==o?void 0:o.name]),(0,r.jsx)("div",{ref:e})}},9357:function(e,t,n){n.d(t,{F:function(){return u}});var r=n(7573),a=n(8745),s=n.n(a),i=n(9402),o=n(6744),l=n(6683);let u=e=>{let{liked:t,likesArr:n,showAvatar:a=!0}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"jsx-ffa9d55fb55c0ef8 flex items-center gap-2",children:[(0,r.jsx)("span",{className:"jsx-ffa9d55fb55c0ef8 "+((t?"animate heart":"heart")||"")}),(0,r.jsx)("span",{className:"jsx-ffa9d55fb55c0ef8",children:n.length})]}),a&&(0,r.jsx)(d,{likes:n}),(0,r.jsx)(s(),{id:"ffa9d55fb55c0ef8",children:'.heart.jsx-ffa9d55fb55c0ef8{background-image:url("/static/images/web_heart_animation.png");background-repeat:no-repeat;-webkit-background-size:2900%;-moz-background-size:2900%;-o-background-size:2900%;background-size:2900%;background-position:left;height:32px;width:32px;margin:0 auto;cursor:pointer;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2);margin-right:-.4rem}.animate.jsx-ffa9d55fb55c0ef8{-webkit-animation:heart-burst.8s steps(28)forwards;-moz-animation:heart-burst.8s steps(28)forwards;-o-animation:heart-burst.8s steps(28)forwards;animation:heart-burst.8s steps(28)forwards}@-webkit-keyframes heart-burst{0%{background-position:left}100%{background-position:right}}@-moz-keyframes heart-burst{0%{background-position:left}100%{background-position:right}}@-o-keyframes heart-burst{0%{background-position:left}100%{background-position:right}}@keyframes heart-burst{0%{background-position:left}100%{background-position:right}}'})]})},d=e=>{let{likes:t}=e,n=t.slice(0,3),a=t.length-3,s=()=>{(0,o.j)({eventAction:l.AO.Click,eventCategory:l.Jk.Profile,eventLabel:l.o.LikedAvatars})};return(0,r.jsxs)("div",{className:"flex -space-x-4 rtl:space-x-reverse flex-row",children:[n.map(e=>(0,r.jsx)("a",{className:"relative h-8 w-8 rounded-full border-2 border-slate-100 bg-white group-hover:border-slate-200 dark:border-slate-800 dark:bg-slate-600 group-hover:dark:border-slate-700 [&:not(:first-of-type)]:-ml-3",href:(0,i.Lw)(null==e?void 0:e.username),target:"_blank",rel:"noreferrer",onClick:s,children:(0,r.jsx)("img",{className:"block mr-3 h-full w-full rounded-full hover:opacity-80 object-cover",src:null==e?void 0:e.avatar,loading:"lazy",alt:"@".concat(null==e?void 0:e.username)})},null==e?void 0:e.username)),a>0&&(0,r.jsx)("div",{className:"relative -ml-3 flex h-8 w-8 items-center justify-center overflow-hidden rounded-full border-2 border-slate-100 bg-white px-1 group-hover:border-slate-200 dark:border-slate-800 dark:bg-slate-600 group-hover:dark:border-slate-700",children:(0,r.jsxs)("p",{className:"truncate text-xs font-normal",children:["+",a]})})]})}},3360:function(e,t,n){n.d(t,{LikeProvider:function(){return g},Y:function(){return v}});var r=n(7573),a=n(7653),s=n(5565),i=n(6944);function o(){let e=(0,s._)(["\n  query isPostLiked($postId: String!) {\n    isPostLiked(postId: $postId) {\n      ok\n      liked\n      message\n    }\n  }\n"]);return o=function(){return e},e}let l=(0,n(5826).ZP)(o()),u=async e=>{var t,n;let r=new URL("/redirect-api/graphql",window.location.href),a=await fetch(r.href,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({query:(0,i.S)(l),variables:{postId:e}}),next:{tags:["like-post-".concat(e)]}}),s=await a.json();return null==s?void 0:null===(n=s.data)||void 0===n?void 0:null===(t=n.isPostLiked)||void 0===t?void 0:t.liked},d=async e=>{let t=new URL("/redirect-api/events/like",window.location.href),n=new URLSearchParams({id:e.toString(),type:"post"});t.search=n.toString();let r=await fetch(t.href);return(await r.json()).data};var c=n(6744),f=n(6683),h=n(776);let m=(0,a.createContext)({liked:!1,likesArr:[],onLike:()=>{}}),g=e=>{var t,n;let{children:s,postId:i,likes:o}=e,[l,g]=(0,a.useState)(!1),[v,p]=(0,a.useState)(null!=o?o:[]),y=(0,h.k)();(0,a.useEffect)(()=>{var e;(null==y?void 0:null===(e=y.user)||void 0===e?void 0:e.name)&&u(i).then(g)},[y,i]);let x=(0,a.useCallback)(async()=>{var e;return(null==y?void 0:null===(e=y.user)||void 0===e?void 0:e.name)||(g(!1),y.showLogin(!0)),await d(i)},[y,i]),b=(0,a.useCallback)(async()=>{g(!0);try{(0,c.j)({eventAction:f.AO.Click,eventCategory:f.Jk.Post,eventLabel:f.o.Like}),(await x()).likePost.ok?p(e=>{var t,n;return[{avatar:null==y?void 0:null===(t=y.user)||void 0===t?void 0:t.avatar,username:null==y?void 0:null===(n=y.user)||void 0===n?void 0:n.name},...e]}):g(!1)}catch(e){g(!1)}},[x,null==y?void 0:null===(t=y.user)||void 0===t?void 0:t.avatar,null==y?void 0:null===(n=y.user)||void 0===n?void 0:n.name]),w=(0,a.useMemo)(()=>({liked:l,likesArr:v,onLike:b}),[l,v,b]);return(0,r.jsx)(m.Provider,{value:w,children:s})},v=()=>(0,a.useContext)(m)},2313:function(e,t,n){n.d(t,{Like:function(){return i}});var r=n(7573),a=n(9357),s=n(3360);let i=()=>{let{liked:e,likesArr:t,onLike:n}=(0,s.Y)(),i=async()=>{};return(0,r.jsx)("div",{className:"flex flex-row items-center justify-center sticky top-0",children:e?(0,r.jsx)("button",{className:"group flex flex-row items-center overflow-hidden rounded-full  pl-2 pr-1 text-sm font-semibold leading-snug    gap-2 py-1",onClick:i,children:(0,r.jsx)(a.F,{liked:!0,likesArr:t})}):(0,r.jsx)("button",{className:"group flex flex-row items-center overflow-hidden rounded-full  pl-2 pr-1 text-sm font-semibold leading-snug   gap-2 py-1",onClick:n,children:(0,r.jsx)(a.F,{liked:!1,likesArr:t})})})}},8103:function(e,t,n){n.d(t,{FZ:function(){return y},RS:function(){return v},li:function(){return b},w:function(){return x},xz:function(){return p}});var r=n(5565),a=n(6944),s=n(5826);function i(){let e=(0,r._)(["\n  mutation FollowAuthor($username: String!) {\n    followAuthor(username: $username) {\n      ok\n      message\n    }\n  }\n"]);return i=function(){return e},e}function o(){let e=(0,r._)(["\n  mutation UnFollowAuthor($username: String!) {\n    unFollowAuthor(username: $username) {\n      ok\n      message\n    }\n  }\n"]);return o=function(){return e},e}function l(){let e=(0,r._)(["\n  query IsFollowing($username: String!) {\n    isFollowing(username: $username) {\n      ok\n      following\n      message\n    }\n  }\n"]);return l=function(){return e},e}function u(){let e=(0,r._)(["\n  mutation createComment(\n    $post_id: String!\n    $content: String!\n    $parent_id: String\n  ) {\n    createComment(post_id: $post_id, content: $content, parent_id: $parent_id) {\n      ... on Comment {\n        id\n        content\n        createdAt\n        replies {\n          id\n          content\n          createdAt\n          author {\n            id\n            name\n            avatar\n            username\n          }\n        }\n        author {\n          id\n          name\n          avatar\n          username\n        }\n      }\n      ... on CommentError {\n        message\n      }\n    }\n  }\n"]);return u=function(){return e},e}function d(){let e=(0,r._)(["\n  query Comments($post_id: String!) {\n    comments(post_id: $post_id) {\n      id\n      content\n      createdAt\n      replies {\n        id\n        content\n        createdAt\n        author {\n          id\n          name\n          avatar\n          username\n        }\n      }\n      author {\n        id\n        name\n        avatar\n        username\n      }\n    }\n  }\n"]);return d=function(){return e},e}let c=(0,s.Ps)(i()),f=(0,s.Ps)(o()),h=(0,s.Ps)(l()),m=(0,s.Ps)(u()),g=(0,s.Ps)(d()),v=async e=>{let t=new URL("/redirect-api/graphql",window.location.href),n=await fetch(t.href,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({query:(0,a.S)(c),variables:{username:e}})});return(await n.json()).data},p=async e=>{let t=new URL("/redirect-api/graphql",window.location.href),n=await fetch(t.href,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({query:(0,a.S)(f),variables:{username:e}})});return(await n.json()).data},y=async e=>{let t=new URL("/redirect-api/graphql",window.location.href),n=await fetch(t.href,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({query:(0,a.S)(h),variables:{username:e}})});return(await n.json()).data},x=async function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",r=new URL("/redirect-api/graphql",window.location.href),s=await fetch(r.href,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({query:(0,a.S)(m),variables:{post_id:e,content:t,parent_id:n}})});return(await s.json()).data},b=async e=>{let t=new URL("/redirect-api/graphql",window.location.href),n=await fetch(t.href,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({query:(0,a.S)(g),variables:{post_id:e}})});return(await n.json()).data}},3693:function(e,t,n){n.d(t,{t:function(){return s}});var r=n(7653);let a=r.useLayoutEffect;function s(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"mousedown";!function(e,t,n,s){let i=(0,r.useRef)(t);a(()=>{i.current=t},[t]),(0,r.useEffect)(()=>{let t=window;if(!(t&&t.addEventListener))return;let n=e=>i.current(e);return t.addEventListener(e,n,void 0),()=>{t.removeEventListener(e,n,void 0)}},[e,void 0,void 0])}(n,n=>{let r=null==e?void 0:e.current;!r||r.contains(n.target)||t(n)})}},9899:function(e,t,n){n.d(t,{S:function(){return a}});var r=n(7653),a=(e,t)=>{let[n,a]=(0,r.useState)(!1),[s,i]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{let n=e.current,r=new IntersectionObserver(e=>{let[t]=e;a(t.isIntersecting)},t);return n&&r.observe(n),()=>{n&&r.unobserve(n)}},[e,t]),(0,r.useEffect)(()=>{n&&i(!0)},[n]),{isIntersecting:n,hasLoaded:s}}}}]);