ghost 6.54.0 → 6.54.1

package/core/built/admin/assets/{gift-link-modal-Bk8qpnMw.js → gift-link-modal-su8MsRdg.js}

@@ -1 +1 @@
-import{o as e,r as t}from"./rolldown-runtime-DAXXjFlN.js";import{t as n}from"./react-Bb3IsNbi.js";import{t as r}from"./jsx-runtime-DX3WBWVO.js";import{p as i}from"./hooks-BApwwBE0.js";import{t as a}from"./use-tinybird-query-Dz156HvZ.js";import{n as o}from"./posts-EWpZIjkr.js";import{t as s}from"./analytics-53FOa2wq.js";import{f as c}from"./dist-DGzPJ_bO.js";import{Ar as l,Dr as u,En as d,Er as f,Ir as p,Jn as m,Or as h,Sn as g,Xs as _,kr as v,wr as y}from"./index-BBf502Wg.js";import{t as b}from"./share-modal-CkdTTMJd.js";import{t as x}from"./pages-BbNWFcGj.js";import{n as S,r as C}from"./gift-links-nBxJjZiQ.js";import{t as w}from"./constants-c-JNF9c2.js";var T=e(n(),1);function E(e,t){return!e||!t?``:`${e}?gift=${encodeURIComponent(t)}`}var D={members:`members-only`,paid:`paid-members-only`,tiers:`paid-members-only`};function O(e){return e&&D[e]||``}var k=({postUuid:e,token:t,tokenLoading:n=!1,tokenError:r=null,enabled:i=!0})=>{let{data:o,isLoading:s}=_(),c=o?.config?.stats,{data:l,isLoading:u}=d(),f=g(l?.settings??null,`web_analytics_enabled`)??!1,p=(0,T.useMemo)(()=>({site_uuid:c?.id||``,post_uuid:e||``,gift_link:t||``}),[c?.id,e,t]),{data:m,loading:h,error:v}=a({endpoint:`api_gift_link_visits`,statsConfig:c||{id:``},params:p,enabled:i&&f&&!!c?.id&&!!e&&!!t}),y=h||s||u||n,b=v||r||null;return{usage:(0,T.useMemo)(()=>{if(!f||!t||b||!Array.isArray(m))return;let e=m[0];return{visits:Number(e?.visits)||0,views:Number(e?.views)||0}},[m,t,b,f]),loading:y,error:b}},A=({postId:e,resource:t=`posts`,enabled:n=!0})=>{let r=t===`posts`,{data:i,isLoading:a}=o({searchParams:{filter:`id:${e}`,include:w},enabled:n&&r}),{data:s,isLoading:c}=x({searchParams:{filter:`id:${e}`},enabled:n&&!r});if(r){let e=i?.posts?.[0];return{post:e&&{url:e.url,title:e.title,visibility:e.visibility,uuid:e.uuid},isLoading:a}}let l=s?.pages?.[0];return{post:l&&{url:l.url,title:l.title,visibility:l.visibility,uuid:l.uuid},isLoading:c}},j=t({default:()=>P}),M=r();function N(e){return e===0?`No visitors yet`:`${c(e)} ${e===1?`visitor`:`visitors`}`}var P=({open:e,onOpenChange:t,postId:n,resource:r=`posts`,source:a})=>{let o=i(),{mutateAsync:c}=C(),{mutateAsync:d}=S(),{post:g}=A({postId:n,resource:r,enabled:e}),[_,x]=(0,T.useState)(void 0),[w,D]=(0,T.useState)(`idle`),[O,j]=(0,T.useState)(!1),[P,F]=(0,T.useState)(!1),I=(0,T.useRef)(null),L=(0,T.useRef)(null),{usage:R}=k({postUuid:g?.uuid,token:_,enabled:e});(0,T.useEffect)(()=>{if(!e){L.current=null,F(!1);return}let t=L.current;(t?.postId!==n||t.resource!==r)&&(t={postId:n,resource:r,request:c({id:n,resource:r})},L.current=t);let i=!1;return F(!0),t.request.then(e=>{i||x(e.gift_links[0]?.token)}).catch(e=>{i||o(e)}).finally(()=>{i||F(!1)}),()=>{i=!0}},[e,n,r,c,o]),(0,T.useEffect)(()=>{w===`confirm`&&I.current?.focus()},[w]);let z=r===`pages`?`page`:`post`,B=g?.visibility??`unknown`,V=(0,T.useRef)(!1);(0,T.useEffect)(()=>{if(!e){V.current=!1;return}V.current||!g||(V.current=!0,s(`Gift Link Modal Opened`,{postType:z,visibility:B,source:a}))},[e,g,z,B,a]);let H=E(g?.url,_),U=`Anyone you share this link with will be able to access this ${z} without becoming a ${g?.visibility===`members`?`member`:`paid member`}.`,W=(0,T.useCallback)(async()=>{if(!O){j(!0);try{let e=await d({id:n,resource:r});x(e.gift_links[0]?.token),D(`idle`),s(`Gift Link Reset`,{postType:z,visibility:B,source:a})}catch(e){o(e)}finally{j(!1)}}},[O,d,n,r,o,z,B,a]),G=(0,T.useCallback)(e=>{e||D(`idle`),t(e)},[t]);return(0,M.jsx)(y,{open:e,onOpenChange:G,children:(0,M.jsxs)(f,{className:`max-w-lg gap-5`,children:[w===`idle`&&(0,M.jsxs)(M.Fragment,{children:[(0,M.jsxs)(v,{className:`gap-3`,children:[(0,M.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,M.jsx)(l,{className:`text-xl leading-none`,children:`Gift link`}),R&&(0,M.jsx)(m,{"data-testid":`gift-link-views`,variant:`secondary`,children:N(R.visits)})]}),(0,M.jsx)(u,{className:`text-sm leading-5`,children:U})]}),(0,M.jsx)(b.CopyURLBox,{className:`w-full min-w-0`,copyURL:P?`Generating link…`:H,children:(0,M.jsx)(b.CopyButton,{className:`shrink-0`,copyURL:H,"data-testid":`copy-gift-link`,disabled:P||!H,icon:`link`,size:`sm`,onClick:()=>s(`Gift Link Copied`,{postType:z,visibility:B,source:a})})}),(0,M.jsxs)(h,{className:`sm:items-center sm:justify-between`,children:[(0,M.jsx)(p,{className:`border-destructive/20 text-destructive hover:border-destructive hover:bg-transparent hover:text-destructive dark:border-state-danger/50 dark:text-state-danger dark:hover:border-state-danger dark:hover:bg-transparent dark:hover:text-state-danger`,"data-testid":`reset-gift-link`,disabled:!H,variant:`outline`,onClick:()=>D(`confirm`),children:`Reset`}),(0,M.jsx)(p,{variant:`outline`,onClick:()=>G(!1),children:`Close`})]})]}),w===`confirm`&&(0,M.jsxs)(M.Fragment,{children:[(0,M.jsxs)(v,{children:[(0,M.jsx)(l,{children:`Reset gift link`}),(0,M.jsxs)(u,{children:[`Are you sure you want to reset this link? Anyone with the current link will lose access to this `,z,`.`]})]}),(0,M.jsxs)(h,{children:[(0,M.jsx)(p,{ref:I,disabled:O,variant:`outline`,onClick:()=>D(`idle`),children:`Cancel`}),(0,M.jsx)(p,{"data-testid":`confirm-reset-gift-link`,disabled:O,variant:`destructive`,onClick:()=>{W()},children:O?`Resetting`:`Reset link`})]})]})]})})};export{O as i,j as n,k as r,P as t};
+import{o as e,r as t}from"./rolldown-runtime-DAXXjFlN.js";import{t as n}from"./react-Bb3IsNbi.js";import{t as r}from"./jsx-runtime-DX3WBWVO.js";import{p as i}from"./hooks-BApwwBE0.js";import{t as a}from"./use-tinybird-query-C7bQRJWw.js";import{n as o}from"./posts-EWpZIjkr.js";import{t as s}from"./analytics-53FOa2wq.js";import{f as c}from"./dist-DGzPJ_bO.js";import{Cr as l,Dr as u,En as d,Er as f,Jn as p,Ls as m,Nr as h,Sn as g,Tr as _,wr as v,xr as y}from"./index-ukW_0Uie.js";import{t as b}from"./share-modal-BJCadJyp.js";import{t as x}from"./pages-BbNWFcGj.js";import{n as S,r as C}from"./gift-links-nBxJjZiQ.js";import{t as w}from"./constants-c-JNF9c2.js";var T=e(n(),1);function E(e,t){return!e||!t?``:`${e}?gift=${encodeURIComponent(t)}`}var D={members:`members-only`,paid:`paid-members-only`,tiers:`paid-members-only`};function O(e){return e&&D[e]||``}var k=({postUuid:e,token:t,tokenLoading:n=!1,tokenError:r=null,enabled:i=!0})=>{let{data:o,isLoading:s}=m(),c=o?.config?.stats,{data:l,isLoading:u}=d(),f=g(l?.settings??null,`web_analytics_enabled`)??!1,p=(0,T.useMemo)(()=>({site_uuid:c?.id||``,post_uuid:e||``,gift_link:t||``}),[c?.id,e,t]),{data:h,loading:_,error:v}=a({endpoint:`api_gift_link_visits`,statsConfig:c||{id:``},params:p,enabled:i&&f&&!!c?.id&&!!e&&!!t}),y=_||s||u||n,b=v||r||null;return{usage:(0,T.useMemo)(()=>{if(!f||!t||b||!Array.isArray(h))return;let e=h[0];return{visits:Number(e?.visits)||0,views:Number(e?.views)||0}},[h,t,b,f]),loading:y,error:b}},A=({postId:e,resource:t=`posts`,enabled:n=!0})=>{let r=t===`posts`,{data:i,isLoading:a}=o({searchParams:{filter:`id:${e}`,include:w},enabled:n&&r}),{data:s,isLoading:c}=x({searchParams:{filter:`id:${e}`},enabled:n&&!r});if(r){let e=i?.posts?.[0];return{post:e&&{url:e.url,title:e.title,visibility:e.visibility,uuid:e.uuid},isLoading:a}}let l=s?.pages?.[0];return{post:l&&{url:l.url,title:l.title,visibility:l.visibility,uuid:l.uuid},isLoading:c}},j=t({default:()=>P}),M=r();function N(e){return e===0?`No visitors yet`:`${c(e)} ${e===1?`visitor`:`visitors`}`}var P=({open:e,onOpenChange:t,postId:n,resource:r=`posts`,source:a})=>{let o=i(),{mutateAsync:c}=C(),{mutateAsync:d}=S(),{post:m}=A({postId:n,resource:r,enabled:e}),[g,x]=(0,T.useState)(void 0),[w,D]=(0,T.useState)(`idle`),[O,j]=(0,T.useState)(!1),[P,F]=(0,T.useState)(!1),I=(0,T.useRef)(null),L=(0,T.useRef)(null),{usage:R}=k({postUuid:m?.uuid,token:g,enabled:e});(0,T.useEffect)(()=>{if(!e){L.current=null,F(!1);return}let t=L.current;(t?.postId!==n||t.resource!==r)&&(t={postId:n,resource:r,request:c({id:n,resource:r})},L.current=t);let i=!1;return F(!0),t.request.then(e=>{i||x(e.gift_links[0]?.token)}).catch(e=>{i||o(e)}).finally(()=>{i||F(!1)}),()=>{i=!0}},[e,n,r,c,o]),(0,T.useEffect)(()=>{w===`confirm`&&I.current?.focus()},[w]);let z=r===`pages`?`page`:`post`,B=m?.visibility??`unknown`,V=(0,T.useRef)(!1);(0,T.useEffect)(()=>{if(!e){V.current=!1;return}V.current||!m||(V.current=!0,s(`Gift Link Modal Opened`,{postType:z,visibility:B,source:a}))},[e,m,z,B,a]);let H=E(m?.url,g),U=`Anyone you share this link with will be able to access this ${z} without becoming a ${m?.visibility===`members`?`member`:`paid member`}.`,W=(0,T.useCallback)(async()=>{if(!O){j(!0);try{let e=await d({id:n,resource:r});x(e.gift_links[0]?.token),D(`idle`),s(`Gift Link Reset`,{postType:z,visibility:B,source:a})}catch(e){o(e)}finally{j(!1)}}},[O,d,n,r,o,z,B,a]),G=(0,T.useCallback)(e=>{e||D(`idle`),t(e)},[t]);return(0,M.jsx)(y,{open:e,onOpenChange:G,children:(0,M.jsxs)(l,{className:`max-w-lg gap-5`,children:[w===`idle`&&(0,M.jsxs)(M.Fragment,{children:[(0,M.jsxs)(f,{className:`gap-3`,children:[(0,M.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,M.jsx)(u,{className:`text-xl leading-none`,children:`Gift link`}),R&&(0,M.jsx)(p,{"data-testid":`gift-link-views`,variant:`secondary`,children:N(R.visits)})]}),(0,M.jsx)(v,{className:`text-sm leading-5`,children:U})]}),(0,M.jsx)(b.CopyURLBox,{className:`w-full min-w-0`,copyURL:P?`Generating link…`:H,children:(0,M.jsx)(b.CopyButton,{className:`shrink-0`,copyURL:H,"data-testid":`copy-gift-link`,disabled:P||!H,icon:`link`,size:`sm`,onClick:()=>s(`Gift Link Copied`,{postType:z,visibility:B,source:a})})}),(0,M.jsxs)(_,{className:`sm:items-center sm:justify-between`,children:[(0,M.jsx)(h,{className:`border-destructive/20 text-destructive hover:border-destructive hover:bg-transparent hover:text-destructive dark:border-state-danger/50 dark:text-state-danger dark:hover:border-state-danger dark:hover:bg-transparent dark:hover:text-state-danger`,"data-testid":`reset-gift-link`,disabled:!H,variant:`outline`,onClick:()=>D(`confirm`),children:`Reset`}),(0,M.jsx)(h,{variant:`outline`,onClick:()=>G(!1),children:`Close`})]})]}),w===`confirm`&&(0,M.jsxs)(M.Fragment,{children:[(0,M.jsxs)(f,{children:[(0,M.jsx)(u,{children:`Reset gift link`}),(0,M.jsxs)(v,{children:[`Are you sure you want to reset this link? Anyone with the current link will lose access to this `,z,`.`]})]}),(0,M.jsxs)(_,{children:[(0,M.jsx)(h,{ref:I,disabled:O,variant:`outline`,onClick:()=>D(`idle`),children:`Cancel`}),(0,M.jsx)(h,{"data-testid":`confirm-reset-gift-link`,disabled:O,variant:`destructive`,onClick:()=>{W()},children:O?`Resetting`:`Reset link`})]})]})]})})};export{O as i,j as n,k as r,P as t};

package/core/built/admin/assets/{growth-Ck2s3JjR.js → growth-Ba6S5FQX.js}

@@ -1 +1 @@
-import{o as e}from"./rolldown-runtime-DAXXjFlN.js";import{t}from"./react-Bb3IsNbi.js";import{t as n}from"./jsx-runtime-DX3WBWVO.js";import{i as r,n as i,t as a}from"./source-icon-CHr9qJ2Y.js";import{m as o}from"./chunk-KS7C4IRE-DG9HTHQ3.js";import{a as s}from"./router-provider-C1R4AZ2o.js";import{c,f as l}from"./dist-DGzPJ_bO.js";import{a as u,i as d,n as f,o as p,r as m,t as h}from"./card-DGoDJzrn.js";import{t as g}from"./empty-indicator-oX1u1Pkn.js";import{a as _,c as v,n as y,r as b,s as x,t as S}from"./table-B8LgTQJZ.js";import{Fn as C,In as w,Ir as T,Jo as E,Li as D,Mn as O,Nn as k,Pn as A,Wi as j,Wn as M,Zs as N,da as P,jn as F,nr as I,tr as L,zi as ee}from"./index-BBf502Wg.js";import{t as R}from"./disabled-sources-indicator-NkOIoMue.js";import{t as z}from"./use-analytics-data-CaT8RirX.js";import{t as B}from"./member-route-0Aa52Ntz.js";import{a as V,i as H,n as U,r as W,t as G}from"./kpi-card-CIGyijjx.js";import{r as K,t as q}from"./post-analytics-header-D9pJ4iNm.js";import{n as J,t as Y}from"./use-post-referrers-BV54YcQS.js";var X=e(t(),1),Z=n(),Q=`https://www.google.com/s2/favicons?domain=ghost.org&sz=64`,$=({headerStyle:e=`table`,children:t=`Source`,data:n,mode:r,defaultSourceIconUrl:i=Q})=>{let{appSettings:o}=N();if(r===`growth`)return(0,Z.jsxs)(S,{children:[(0,Z.jsx)(x,{children:(0,Z.jsxs)(v,{children:[(0,Z.jsx)(_,{className:`min-w-[320px]`,variant:e===`table`?`default`:`cardhead`,children:t}),(0,Z.jsx)(_,{className:`w-[110px] text-right`,children:`Free members`}),o?.paidMembersEnabled&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(_,{className:`w-[110px] text-right`,children:`Paid members`}),(0,Z.jsx)(_,{className:`w-[100px] text-right`,children:`MRR impact`})]})]})}),(0,Z.jsx)(y,{children:n?.map(e=>(0,Z.jsxs)(v,{className:`last:border-none`,children:[(0,Z.jsx)(b,{children:e.linkUrl?(0,Z.jsxs)(`a`,{className:`group flex items-center gap-2`,href:e.linkUrl,rel:`noreferrer`,target:`_blank`,children:[(0,Z.jsx)(a,{defaultSourceIconUrl:i,displayName:e.displayName,iconSrc:e.iconSrc}),(0,Z.jsx)(`span`,{className:`group-hover:underline`,children:e.displayName})]}):(0,Z.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,Z.jsx)(a,{defaultSourceIconUrl:i,displayName:e.displayName,iconSrc:e.iconSrc}),(0,Z.jsx)(`span`,{children:e.displayName})]})}),(0,Z.jsxs)(b,{className:`text-right font-mono text-sm`,children:[`+`,l(e.free_members||0)]}),o?.paidMembersEnabled&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(b,{className:`text-right font-mono text-sm`,children:[`+`,l(e.paid_members||0)]}),(0,Z.jsxs)(b,{className:`text-right font-mono text-sm`,children:[`+$`,l((e=>Math.round(e/100))(e.mrr||0))]})]})]},e.source))})]})},te=({title:e=`Top sources`,description:t,data:n,mode:a=`visits`,range:o=30,totalVisitors:s=0,siteUrl:l,siteIcon:_,defaultSourceIconUrl:v=Q,getPeriodText:y,className:b})=>{let{appSettings:x}=N(),S=X.useMemo(()=>r({data:n,mode:a,siteUrl:l,siteIcon:_,defaultSourceIconUrl:v}),[n,l,_,a,v]),E=X.useMemo(()=>i({processedData:S,totalVisitors:s,mode:a}),[S,s,a]),D=E.slice(0,10),M=t||(a===`growth`?`Where did your growth come from?`:`How readers found your ${o?`site`:`post`}${o&&y?` ${y(o)}`:``}`),I=a===`growth`?`Sources`:`Top sources`,L=a===`growth`?`Where did your growth come from?`:`How readers found your ${o?`site`:`post`}${o&&y?` ${y(o)}`:``}`;return(0,Z.jsxs)(h,{className:c(`group/datalist w-full max-w-[calc(100vw-64px)] overflow-x-auto sidebar:max-w-[calc(100vw-64px-280px)]`,b),"data-testid":`top-sources-card`,children:[D.length<=0&&(0,Z.jsxs)(u,{children:[(0,Z.jsx)(p,{children:e}),(0,Z.jsx)(m,{children:M})]}),(0,Z.jsx)(f,{children:a===`growth`&&!x?.analytics.membersTrackSources?(0,Z.jsx)(R,{className:`py-10`}):D.length>0?(0,Z.jsx)($,{data:D,defaultSourceIconUrl:v,getPeriodText:y,headerStyle:`card`,mode:a,range:o,children:(0,Z.jsxs)(u,{children:[(0,Z.jsx)(p,{children:e}),(0,Z.jsx)(m,{children:M})]})}):(0,Z.jsx)(`div`,{className:`py-20 text-center text-sm text-gray-700`,children:(0,Z.jsx)(g,{className:`h-full`,description:a===`growth`&&`Once someone signs up on this post, sources will show here`,title:`No sources data available ${y?y(o):``}`,children:(0,Z.jsx)(j,{strokeWidth:1.5})})})}),E.length>10&&(0,Z.jsx)(d,{children:(0,Z.jsxs)(F,{children:[(0,Z.jsx)(w,{asChild:!0,children:(0,Z.jsxs)(T,{variant:`outline`,children:[`View all `,(0,Z.jsx)(P,{})]})}),(0,Z.jsxs)(O,{className:`overflow-y-auto pt-0 sm:max-w-[420px]`,children:[(0,Z.jsxs)(A,{className:`sticky top-0 z-40 -mx-6 bg-surface-elevated/60 p-6 backdrop-blur`,children:[(0,Z.jsx)(C,{children:I}),(0,Z.jsx)(k,{children:L})]}),(0,Z.jsx)(`div`,{className:`group/datalist`,children:(0,Z.jsx)($,{data:E,defaultSourceIconUrl:v,getPeriodText:y,mode:a,range:o})})]})]})})]})},ne=()=>{let{site:e}=z(),{postId:t}=o(),{stats:n,totals:r,isLoading:i,currencySymbol:a}=Y(t||``),{appSettings:c}=N(),d=s(),g=e=>d(B({filter:e})),_=e.url,v=e.icon,y=`flex flex-col items-stretch gap-6`,b=``;return c?.paidMembersEnabled||(y=`grid grid-cols-1 border rounded-md`,b=`border-none hover:shadow-none`),(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(q,{currentTab:`Growth`}),(0,Z.jsx)(K,{children:i?(0,Z.jsxs)(`div`,{className:y,children:[(0,Z.jsx)(h,{className:b,children:(0,Z.jsx)(f,{className:`grid grid-cols-3 p-0`,children:Array.from({length:3},(e,t)=>(0,Z.jsxs)(`div`,{className:`h-[98px] gap-1 border-r px-6 py-5 last:border-r-0`,children:[(0,Z.jsx)(L,{className:`w-2/3`}),(0,Z.jsx)(L,{className:`h-7 w-12`})]},t))})}),(0,Z.jsxs)(h,{className:b,children:[(0,Z.jsxs)(u,{children:[(0,Z.jsx)(p,{children:`Top sources`}),(0,Z.jsx)(m,{children:`Where did your growth come from?`})]}),(0,Z.jsxs)(f,{children:[(0,Z.jsx)(M,{}),(0,Z.jsx)(I,{className:`pt-6`})]})]})]}):(0,Z.jsxs)(`div`,{className:y,children:[(0,Z.jsxs)(h,{className:b,"data-testid":`members-card`,children:[(0,Z.jsxs)(u,{className:`hidden`,children:[(0,Z.jsx)(p,{children:`Newsletters`}),(0,Z.jsx)(m,{children:`How did this post perform`})]}),(0,Z.jsx)(f,{className:`p-0`,children:(0,Z.jsxs)(`div`,{className:`flex flex-col md:grid md:items-stretch ${c?.paidMembersEnabled?`md:grid-cols-3`:`md:grid-cols-1`}`,children:[(0,Z.jsxs)(G,{className:`grow`,children:[(0,Z.jsx)(H,{onClick:()=>{g(`signup:'${t}'+conversion:-'${t}'`)},children:`View members →`}),(0,Z.jsxs)(W,{onClick:()=>{g(`signup:'${t}'+conversion:-'${t}'`)},children:[(0,Z.jsx)(ee,{strokeWidth:1.5}),`Free members`]}),(0,Z.jsx)(U,{children:(0,Z.jsx)(V,{children:l(r?.free_members||0)})})]}),c?.paidMembersEnabled&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(G,{className:`grow`,children:[(0,Z.jsx)(H,{onClick:()=>{g(`conversion:'${t}'`)},children:`View members →`}),(0,Z.jsxs)(W,{onClick:()=>{g(`conversion:'${t}'`)},children:[(0,Z.jsx)(D,{strokeWidth:1.5}),`Paid members`]}),(0,Z.jsx)(U,{children:(0,Z.jsx)(V,{children:l(r?.paid_members||0)})})]}),(0,Z.jsxs)(G,{className:`grow`,children:[(0,Z.jsxs)(W,{children:[(0,Z.jsx)(E,{strokeWidth:1.5}),`MRR`]}),(0,Z.jsx)(U,{children:(0,Z.jsxs)(V,{children:[`+`,a,J(r?.mrr||0)]})})]})]})]})})]}),!c?.paidMembersEnabled&&(0,Z.jsx)(M,{}),(0,Z.jsx)(te,{className:b,data:n,mode:`growth`,siteIcon:v,siteUrl:_})]})})]})};export{ne as default};
+import{o as e}from"./rolldown-runtime-DAXXjFlN.js";import{t}from"./react-Bb3IsNbi.js";import{t as n}from"./jsx-runtime-DX3WBWVO.js";import{i as r,n as i,t as a}from"./source-icon-_ubRDbg_.js";import{m as o}from"./chunk-KS7C4IRE-DG9HTHQ3.js";import{a as s}from"./router-provider-C1R4AZ2o.js";import{c,f as l}from"./dist-DGzPJ_bO.js";import{a as u,i as d,n as f,o as p,r as m,t as h}from"./card-DGoDJzrn.js";import{t as g}from"./empty-indicator-oX1u1Pkn.js";import{a as _,c as v,n as y,r as b,s as x,t as S}from"./table-DxUL78jU.js";import{Ai as C,Fi as w,Fn as T,Gn as E,In as D,Ln as O,Mn as k,Nn as A,Nr as j,Oi as M,Pn as N,Rs as P,na as F,nr as I,tr as L,zo as ee}from"./index-ukW_0Uie.js";import{t as R}from"./disabled-sources-indicator-qs2GfLvl.js";import{t as z}from"./use-analytics-data-Cds6XDjg.js";import{t as B}from"./member-route-0Aa52Ntz.js";import{a as V,i as H,n as U,r as W,t as G}from"./kpi-card-BlZaG1Lo.js";import{r as K,t as q}from"./post-analytics-header-DsMoLx0R.js";import{n as J,t as Y}from"./use-post-referrers-CRtgyuXB.js";var X=e(t(),1),Z=n(),Q=`https://www.google.com/s2/favicons?domain=ghost.org&sz=64`,$=({headerStyle:e=`table`,children:t=`Source`,data:n,mode:r,defaultSourceIconUrl:i=Q})=>{let{appSettings:o}=P();if(r===`growth`)return(0,Z.jsxs)(S,{children:[(0,Z.jsx)(x,{children:(0,Z.jsxs)(v,{children:[(0,Z.jsx)(_,{className:`min-w-[320px]`,variant:e===`table`?`default`:`cardhead`,children:t}),(0,Z.jsx)(_,{className:`w-[110px] text-right`,children:`Free members`}),o?.paidMembersEnabled&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(_,{className:`w-[110px] text-right`,children:`Paid members`}),(0,Z.jsx)(_,{className:`w-[100px] text-right`,children:`MRR impact`})]})]})}),(0,Z.jsx)(y,{children:n?.map(e=>(0,Z.jsxs)(v,{className:`last:border-none`,children:[(0,Z.jsx)(b,{children:e.linkUrl?(0,Z.jsxs)(`a`,{className:`group flex items-center gap-2`,href:e.linkUrl,rel:`noreferrer`,target:`_blank`,children:[(0,Z.jsx)(a,{defaultSourceIconUrl:i,displayName:e.displayName,iconSrc:e.iconSrc}),(0,Z.jsx)(`span`,{className:`group-hover:underline`,children:e.displayName})]}):(0,Z.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,Z.jsx)(a,{defaultSourceIconUrl:i,displayName:e.displayName,iconSrc:e.iconSrc}),(0,Z.jsx)(`span`,{children:e.displayName})]})}),(0,Z.jsxs)(b,{className:`text-right font-mono text-sm`,children:[`+`,l(e.free_members||0)]}),o?.paidMembersEnabled&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(b,{className:`text-right font-mono text-sm`,children:[`+`,l(e.paid_members||0)]}),(0,Z.jsxs)(b,{className:`text-right font-mono text-sm`,children:[`+$`,l((e=>Math.round(e/100))(e.mrr||0))]})]})]},e.source))})]})},te=({title:e=`Top sources`,description:t,data:n,mode:a=`visits`,range:o=30,totalVisitors:s=0,siteUrl:l,siteIcon:_,defaultSourceIconUrl:v=Q,getPeriodText:y,className:b})=>{let{appSettings:x}=P(),S=X.useMemo(()=>r({data:n,mode:a,siteUrl:l,siteIcon:_,defaultSourceIconUrl:v}),[n,l,_,a,v]),C=X.useMemo(()=>i({processedData:S,totalVisitors:s,mode:a}),[S,s,a]),E=C.slice(0,10),M=t||(a===`growth`?`Where did your growth come from?`:`How readers found your ${o?`site`:`post`}${o&&y?` ${y(o)}`:``}`),I=a===`growth`?`Sources`:`Top sources`,L=a===`growth`?`Where did your growth come from?`:`How readers found your ${o?`site`:`post`}${o&&y?` ${y(o)}`:``}`;return(0,Z.jsxs)(h,{className:c(`group/datalist w-full max-w-[calc(100vw-64px)] overflow-x-auto sidebar:max-w-[calc(100vw-64px-280px)]`,b),"data-testid":`top-sources-card`,children:[E.length<=0&&(0,Z.jsxs)(u,{children:[(0,Z.jsx)(p,{children:e}),(0,Z.jsx)(m,{children:M})]}),(0,Z.jsx)(f,{children:a===`growth`&&!x?.analytics.membersTrackSources?(0,Z.jsx)(R,{className:`py-10`}):E.length>0?(0,Z.jsx)($,{data:E,defaultSourceIconUrl:v,getPeriodText:y,headerStyle:`card`,mode:a,range:o,children:(0,Z.jsxs)(u,{children:[(0,Z.jsx)(p,{children:e}),(0,Z.jsx)(m,{children:M})]})}):(0,Z.jsx)(`div`,{className:`py-20 text-center text-sm text-gray-700`,children:(0,Z.jsx)(g,{className:`h-full`,description:a===`growth`&&`Once someone signs up on this post, sources will show here`,title:`No sources data available ${y?y(o):``}`,children:(0,Z.jsx)(w,{strokeWidth:1.5})})})}),C.length>10&&(0,Z.jsx)(d,{children:(0,Z.jsxs)(k,{children:[(0,Z.jsx)(O,{asChild:!0,children:(0,Z.jsxs)(j,{variant:`outline`,children:[`View all `,(0,Z.jsx)(F,{})]})}),(0,Z.jsxs)(A,{className:`overflow-y-auto pt-0 sm:max-w-[420px]`,children:[(0,Z.jsxs)(T,{className:`sticky top-0 z-40 -mx-6 bg-surface-elevated/60 p-6 backdrop-blur`,children:[(0,Z.jsx)(D,{children:I}),(0,Z.jsx)(N,{children:L})]}),(0,Z.jsx)(`div`,{className:`group/datalist`,children:(0,Z.jsx)($,{data:C,defaultSourceIconUrl:v,getPeriodText:y,mode:a,range:o})})]})]})})]})},ne=()=>{let{site:e}=z(),{postId:t}=o(),{stats:n,totals:r,isLoading:i,currencySymbol:a}=Y(t||``),{appSettings:c}=P(),d=s(),g=e=>d(B({filter:e})),_=e.url,v=e.icon,y=`flex flex-col items-stretch gap-6`,b=``;return c?.paidMembersEnabled||(y=`grid grid-cols-1 border rounded-md`,b=`border-none hover:shadow-none`),(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(q,{currentTab:`Growth`}),(0,Z.jsx)(K,{children:i?(0,Z.jsxs)(`div`,{className:y,children:[(0,Z.jsx)(h,{className:b,children:(0,Z.jsx)(f,{className:`grid grid-cols-3 p-0`,children:Array.from({length:3},(e,t)=>(0,Z.jsxs)(`div`,{className:`h-[98px] gap-1 border-r px-6 py-5 last:border-r-0`,children:[(0,Z.jsx)(L,{className:`w-2/3`}),(0,Z.jsx)(L,{className:`h-7 w-12`})]},t))})}),(0,Z.jsxs)(h,{className:b,children:[(0,Z.jsxs)(u,{children:[(0,Z.jsx)(p,{children:`Top sources`}),(0,Z.jsx)(m,{children:`Where did your growth come from?`})]}),(0,Z.jsxs)(f,{children:[(0,Z.jsx)(E,{}),(0,Z.jsx)(I,{className:`pt-6`})]})]})]}):(0,Z.jsxs)(`div`,{className:y,children:[(0,Z.jsxs)(h,{className:b,"data-testid":`members-card`,children:[(0,Z.jsxs)(u,{className:`hidden`,children:[(0,Z.jsx)(p,{children:`Newsletters`}),(0,Z.jsx)(m,{children:`How did this post perform`})]}),(0,Z.jsx)(f,{className:`p-0`,children:(0,Z.jsxs)(`div`,{className:`flex flex-col md:grid md:items-stretch ${c?.paidMembersEnabled?`md:grid-cols-3`:`md:grid-cols-1`}`,children:[(0,Z.jsxs)(G,{className:`grow`,children:[(0,Z.jsx)(H,{onClick:()=>{g(`signup:'${t}'+conversion:-'${t}'`)},children:`View members →`}),(0,Z.jsxs)(W,{onClick:()=>{g(`signup:'${t}'+conversion:-'${t}'`)},children:[(0,Z.jsx)(C,{strokeWidth:1.5}),`Free members`]}),(0,Z.jsx)(U,{children:(0,Z.jsx)(V,{children:l(r?.free_members||0)})})]}),c?.paidMembersEnabled&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(G,{className:`grow`,children:[(0,Z.jsx)(H,{onClick:()=>{g(`conversion:'${t}'`)},children:`View members →`}),(0,Z.jsxs)(W,{onClick:()=>{g(`conversion:'${t}'`)},children:[(0,Z.jsx)(M,{strokeWidth:1.5}),`Paid members`]}),(0,Z.jsx)(U,{children:(0,Z.jsx)(V,{children:l(r?.paid_members||0)})})]}),(0,Z.jsxs)(G,{className:`grow`,children:[(0,Z.jsxs)(W,{children:[(0,Z.jsx)(ee,{strokeWidth:1.5}),`MRR`]}),(0,Z.jsx)(U,{children:(0,Z.jsxs)(V,{children:[`+`,a,J(r?.mrr||0)]})})]})]})]})})]}),!c?.paidMembersEnabled&&(0,Z.jsx)(E,{}),(0,Z.jsx)(te,{className:b,data:n,mode:`growth`,siteIcon:v,siteUrl:_})]})})]})};export{ne as default};

package/core/built/admin/assets/{inbox-BRp1_aaC.js → inbox-Xx1CdnfO.js}

@@ -1,4 +1,4 @@
-import{o as e,r as t}from"./rolldown-runtime-DAXXjFlN.js";import{t as n}from"./react-Bb3IsNbi.js";import{t as r}from"./jsx-runtime-DX3WBWVO.js";import{m as i}from"./chunk-KS7C4IRE-DG9HTHQ3.js";import{s as a}from"./router-provider-C1R4AZ2o.js";import{t as o}from"./empty-indicator-oX1u1Pkn.js";import{$ as s,Ar as c,B as l,Ct as u,Dr as d,Dt as f,Er as p,F as m,Gt as h,Ht as g,Ir as _,Ja as v,Kt as y,Na as b,Pt as x,Q as S,R as ee,Ut as C,Wn as te,Wt as w,Y as T,Z as ne,_r as E,at as D,er as re,et as O,hr as k,it as A,kr as j,lt as ie,nt as M,ot as ae,rt as N,tr as P,tt as oe,ut as se,vr as F,wr as I,xo as L,zs as R}from"./index-BBf502Wg.js";import"./layout-Bw4GnxXp.js";import{t as z}from"./topic-filter-DZGjEcz3.js";import{i as ce,n as le,r as ue,t as de}from"./use-reply-chain-data-DuYZGDan.js";var B=e(n(),1),V=r(),H=[`1.5rem`,`1.6rem`,`1.7rem`,`1.8rem`,`2rem`],U={BACKGROUND_COLOR:`ghost-ap-background-color`,FONT_SIZE:`ghost-ap-font-size`,FONT_FAMILY:`ghost-ap-font-family`,FONT_STYLE:`ghost-ap-font-style`},W={SYSTEM:{id:`system`,color:`#fff`,background:`bg-white dark:bg-black`,button:`bg-white dark:bg-black`,border:`border-black/[8%] dark:border-gray-950`},SEPIA:{id:`sepia`,color:`#FCF8F1`,background:`bg-[#FCF8F1]`,button:`bg-[#FCF8F1] hover:bg-black/[3%] text-black hover:text-black`,border:`border-black/[8%]`},LIGHT:{id:`light`,color:`#fff`,background:`bg-white`,button:`hover:bg-black/[3%] text-black hover:text-black`,border:`border-black/[8%] dark:border-gray-950`},DARK:{id:`dark`,color:`#15171a`,background:`bg-black`,button:`text-white dark:bg-black dark:hover:bg-gray-900`,border:`border-black/[8%] dark:border-gray-950`}},fe=()=>{let[e,t]=(0,B.useState)(()=>localStorage.getItem(U.BACKGROUND_COLOR)?.toUpperCase()||`SYSTEM`),[n,r]=(0,B.useState)(()=>{let e=localStorage.getItem(U.FONT_SIZE);return e?parseInt(e):2}),[i,a]=(0,B.useState)(()=>localStorage.getItem(U.FONT_STYLE)||`sans`);return(0,B.useEffect)(()=>{localStorage.setItem(U.FONT_SIZE,n.toString())},[n]),(0,B.useEffect)(()=>{localStorage.setItem(U.FONT_STYLE,i)},[i]),{backgroundColor:e,currentFontSizeIndex:n,fontStyle:i,handleColorChange:e=>{t(e),localStorage.setItem(U.BACKGROUND_COLOR,W[e].id)},setFontStyle:a,increaseFontSize:()=>{r(e=>Math.min(e+1,H.length-1))},decreaseFontSize:()=>{r(e=>Math.max(e-1,0))},resetFontSize:()=>r(2),fontSize:H[n]}},pe=({backgroundColor:e,currentFontSizeIndex:t,fontStyle:n,onColorChange:r,onFontStyleChange:i,onDecreaseFontSize:a,onIncreaseFontSize:o,onResetFontSize:s,onOpenChange:c})=>(0,V.jsx)(G,{backgroundColor:e,currentFontSizeIndex:t,fontStyle:n,isActiveColor:t=>e===t,isActiveFont:e=>n===e,onColorChange:r,onDecreaseFontSize:a,onFontStyleChange:i,onIncreaseFontSize:o,onOpenChange:c,onResetFontSize:s}),G=({backgroundColor:e,isActiveColor:t,isActiveFont:n,onColorChange:r,onFontStyleChange:i,currentFontSizeIndex:a,onDecreaseFontSize:o,onIncreaseFontSize:s,onResetFontSize:c,onOpenChange:l})=>(0,V.jsxs)(k,{modal:!1,onOpenChange:l,children:[(0,V.jsx)(F,{asChild:!0,children:(0,V.jsx)(_,{className:`size-9 rounded-full ${W[e].button}`,variant:`ghost`,children:(0,V.jsx)(R.Typography,{className:`size-[18px]!`})})}),(0,V.jsx)(E,{align:`end`,className:`w-[224px]`,onCloseAutoFocus:e=>e.preventDefault(),onOpenAutoFocus:e=>e.preventDefault(),children:(0,V.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,V.jsxs)(`div`,{className:`flex items-center justify-between gap-[6px]`,children:[(0,V.jsx)(_,{className:`h-7 flex-1 rounded-[6px] bg-gray-200 p-0 text-[1.1rem] text-black hover:bg-gray-300 dark:bg-gray-950 dark:text-white dark:hover:bg-gray-900 [&_svg]:size-[14px] ${t(`SYSTEM`)?`outline-2 outline-green`:``}`,variant:`secondary`,onClick:()=>r(`SYSTEM`),children:`Auto`}),(0,V.jsx)(_,{className:`h-7 flex-1 rounded-[6px] bg-[#ece6d9] p-0 hover:bg-[#ece6d9] ${t(`SEPIA`)?`outline-2 outline-green`:`border border-[#ece6d9]`}`,onClick:()=>r(`SEPIA`)}),(0,V.jsx)(_,{className:`h-7 flex-1 rounded-[6px] bg-white p-0 hover:bg-white ${t(`LIGHT`)?`outline-2 outline-green`:`border border-gray-200`}`,onClick:()=>r(`LIGHT`)}),(0,V.jsx)(_,{className:`h-7 flex-1 rounded-[6px] bg-black p-0 hover:bg-black dark:border dark:border-gray-950 ${t(`DARK`)?`outline-2 outline-green`:``}`,onClick:()=>r(`DARK`)})]}),(0,V.jsxs)(`div`,{className:`flex gap-2`,children:[(0,V.jsxs)(_,{className:`flex h-auto w-full flex-col gap-1 rounded-[6px] bg-gray-200 text-black hover:bg-gray-300 dark:bg-gray-950 dark:text-white dark:hover:bg-gray-900 ${n(`sans`)&&`outline-2 outline-green`}`,variant:`secondary`,onClick:()=>i(`sans`),children:[(0,V.jsx)(`span`,{className:`text-[2rem] leading-none font-bold`,children:`Aa`}),(0,V.jsx)(`span`,{className:`text-[1.1rem]`,children:`System`})]}),(0,V.jsxs)(_,{className:`flex h-auto w-full flex-col gap-1 rounded-[6px] bg-gray-200 text-black hover:bg-gray-300 dark:bg-gray-950 dark:text-white dark:hover:bg-gray-900 ${n(`serif`)&&`outline-2 outline-green`}`,variant:`secondary`,onClick:()=>i(`serif`),children:[(0,V.jsx)(`span`,{className:`pt-1 font-serif text-[2rem] leading-none font-bold`,children:`Aa`}),(0,V.jsx)(`span`,{className:`font-serif text-[1.2rem]`,children:`Serif`})]})]}),(0,V.jsxs)(`div`,{className:`flex gap-2`,children:[(0,V.jsx)(_,{className:`h-8 w-full rounded-[6px] bg-gray-200 text-black hover:bg-gray-300 dark:bg-gray-950 dark:text-white dark:hover:bg-gray-900 [&_svg]:size-[14px]`,disabled:a===0,variant:`secondary`,onClick:o,children:(0,V.jsx)(v,{})}),(0,V.jsx)(_,{className:`h-8 w-full rounded-[6px] bg-gray-200 text-black hover:bg-gray-300 dark:bg-gray-950 dark:text-white dark:hover:bg-gray-900`,variant:`secondary`,onClick:c,children:(0,V.jsx)(`span`,{className:`text-[1.6rem] font-bold`,children:`Aa`})}),(0,V.jsx)(_,{className:`h-8 w-full rounded-[6px] bg-gray-200 text-black hover:bg-gray-300 dark:bg-gray-950 dark:text-white dark:hover:bg-gray-900 [&_svg]:size-[14px]`,disabled:a===H.length-1,variant:`secondary`,onClick:s,children:(0,V.jsx)(b,{})})]})]})})]}),me=({tocItems:e,iframeElement:t,modalRef:n,className:r=`visible! absolute inset-y-0 right-7 z-40 hidden lg:block!`,onOpenChange:i})=>{let[a,o]=(0,B.useState)(null),s=B.useRef(!1);return(0,B.useEffect)(()=>{if(!t?.contentDocument||e.length<=1)return;let r=n.current;if(!r)return;let i=()=>{if(s.current)return;let n=t.contentDocument;if(!n)return;let i=r.scrollTop,a=e.map(e=>n.getElementById(e.id)).filter(e=>e!==null).map(e=>({id:e.id,top:e.offsetTop}));if(!a.length)return;let c=a.reduce((e,t)=>t.top-100<=i?t:e);o(c?.id||null)},a=()=>{requestAnimationFrame(i)};return r.addEventListener(`scroll`,a),i(),()=>{r.removeEventListener(`scroll`,a)}},[t,e,n]),e.length<=1?null:(0,V.jsx)(`div`,{className:r,children:(0,V.jsx)(`div`,{className:`sticky top-1/2 -translate-y-1/2`,children:(0,V.jsx)(K,{activeHeading:a||``,items:e,onItemClick:e=>{if(!t?.contentDocument)return;let r=t.contentDocument.getElementById(e);r&&n.current&&(s.current=!0,o(e),n.current.scrollTo({top:r.offsetTop-20,behavior:`smooth`}),setTimeout(()=>{s.current=!1},1e3))},onOpenChange:i})})})},he={1:`w-3`,2:`w-2`,3:`w-1`},ge={1:`pl-2`,2:`pl-6`,3:`pl-10`},K=({items:e,activeHeading:t,onItemClick:n,onOpenChange:r})=>{let[i,a]=(0,B.useState)(!1),o=B.useRef();if(B.useEffect(()=>()=>{o.current&&clearTimeout(o.current)},[]),e.length===0)return null;let s=e=>Math.min(e,3),c=e=>he[s(e)],l=e=>ge[s(e)],u=()=>{o.current&&clearTimeout(o.current),a(!0),r?.(!0)},d=()=>{o.current=setTimeout(()=>{a(!1),r?.(!1)},100)};return(0,V.jsxs)(k,{modal:!1,open:i,onOpenChange:a,children:[(0,V.jsx)(F,{asChild:!0,children:(0,V.jsx)(`div`,{className:`absolute top-1/2 right-2 flex -translate-y-1/2 flex-col items-end gap-2 rounded-md p-2 text-base dark:bg-black`,onMouseEnter:u,onMouseLeave:d,children:e.map(e=>(0,V.jsx)(`div`,{className:`h-[2px] rounded-sm ${t===e.id?`bg-black dark:bg-white`:`bg-gray-400 dark:bg-gray-700`} pr-1 transition-all ${c(e.level)}`},e.id))})}),(0,V.jsx)(E,{align:`center`,className:`w-[240px] p-2`,side:`left`,sideOffset:-28,onCloseAutoFocus:e=>e.preventDefault(),onMouseEnter:u,onMouseLeave:d,onOpenAutoFocus:e=>e.preventDefault(),children:(0,V.jsx)(`nav`,{"aria-label":`Table of contents navigation`,className:`max-h-[60vh] overflow-y-auto`,role:`navigation`,children:e.map(e=>(0,V.jsx)(`button`,{className:`line-clamp-2 block w-full cursor-pointer rounded py-1 text-left text-sm leading-tight ${t===e.id?`text-black dark:text-white`:`text-gray-700 dark:text-gray-600`} hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-grey-950 dark:hover:text-white ${l(e.level)}`,type:`button`,onClick:()=>n(e.id),children:(0,V.jsx)(`span`,{className:`line-clamp-2`,children:e.text})},e.id))})})]})},_e=()=>`<style>
+import{o as e,r as t}from"./rolldown-runtime-DAXXjFlN.js";import{t as n}from"./react-Bb3IsNbi.js";import{t as r}from"./jsx-runtime-DX3WBWVO.js";import{m as i}from"./chunk-KS7C4IRE-DG9HTHQ3.js";import{s as a}from"./router-provider-C1R4AZ2o.js";import{a as o}from"./shade-app-B3heOAfz-CGXQwWeO.js";import{t as s}from"./empty-indicator-oX1u1Pkn.js";import{$ as c,B as l,Cr as u,Ct as d,Dr as f,Dt as p,Er as m,F as h,Gn as ee,Gt as g,Ht as _,Kt as v,Nr as y,Pt as te,Q as b,R as ne,Ut as x,Wt as re,Y as S,Z as ie,at as C,er as w,et as T,fo as E,gr as D,hr as O,it as k,lt as ae,nt as A,ot as j,pr as M,rt as N,tr as P,tt as oe,ut as se,wa as F,wr as I,xr as L,za as R}from"./index-ukW_0Uie.js";import"./layout-WUcz6tu1.js";import{t as z}from"./topic-filter-Bb5MOD-1.js";import{i as ce,n as le,r as ue,t as de}from"./use-reply-chain-data-DbKYX50v.js";var B=e(n(),1),V=r(),H=[`1.5rem`,`1.6rem`,`1.7rem`,`1.8rem`,`2rem`],U={BACKGROUND_COLOR:`ghost-ap-background-color`,FONT_SIZE:`ghost-ap-font-size`,FONT_FAMILY:`ghost-ap-font-family`,FONT_STYLE:`ghost-ap-font-style`},W={SYSTEM:{id:`system`,color:`#fff`,background:`bg-white dark:bg-black`,button:`bg-white dark:bg-black`,border:`border-black/[8%] dark:border-gray-950`},SEPIA:{id:`sepia`,color:`#FCF8F1`,background:`bg-[#FCF8F1]`,button:`bg-[#FCF8F1] hover:bg-black/[3%] text-black hover:text-black`,border:`border-black/[8%]`},LIGHT:{id:`light`,color:`#fff`,background:`bg-white`,button:`hover:bg-black/[3%] text-black hover:text-black`,border:`border-black/[8%] dark:border-gray-950`},DARK:{id:`dark`,color:`#15171a`,background:`bg-black`,button:`text-white dark:bg-black dark:hover:bg-gray-900`,border:`border-black/[8%] dark:border-gray-950`}},fe=()=>{let[e,t]=(0,B.useState)(()=>localStorage.getItem(U.BACKGROUND_COLOR)?.toUpperCase()||`SYSTEM`),[n,r]=(0,B.useState)(()=>{let e=localStorage.getItem(U.FONT_SIZE);return e?parseInt(e):2}),[i,a]=(0,B.useState)(()=>localStorage.getItem(U.FONT_STYLE)||`sans`);return(0,B.useEffect)(()=>{localStorage.setItem(U.FONT_SIZE,n.toString())},[n]),(0,B.useEffect)(()=>{localStorage.setItem(U.FONT_STYLE,i)},[i]),{backgroundColor:e,currentFontSizeIndex:n,fontStyle:i,handleColorChange:e=>{t(e),localStorage.setItem(U.BACKGROUND_COLOR,W[e].id)},setFontStyle:a,increaseFontSize:()=>{r(e=>Math.min(e+1,H.length-1))},decreaseFontSize:()=>{r(e=>Math.max(e-1,0))},resetFontSize:()=>r(2),fontSize:H[n]}},pe=({backgroundColor:e,currentFontSizeIndex:t,fontStyle:n,onColorChange:r,onFontStyleChange:i,onDecreaseFontSize:a,onIncreaseFontSize:o,onResetFontSize:s,onOpenChange:c})=>(0,V.jsx)(G,{backgroundColor:e,currentFontSizeIndex:t,fontStyle:n,isActiveColor:t=>e===t,isActiveFont:e=>n===e,onColorChange:r,onDecreaseFontSize:a,onFontStyleChange:i,onIncreaseFontSize:o,onOpenChange:c,onResetFontSize:s}),G=({backgroundColor:e,isActiveColor:t,isActiveFont:n,onColorChange:r,onFontStyleChange:i,currentFontSizeIndex:a,onDecreaseFontSize:s,onIncreaseFontSize:c,onResetFontSize:l,onOpenChange:u})=>(0,V.jsxs)(M,{modal:!1,onOpenChange:u,children:[(0,V.jsx)(D,{asChild:!0,children:(0,V.jsx)(y,{className:`size-9 rounded-full ${W[e].button}`,variant:`ghost`,children:(0,V.jsx)(o.Typography,{className:`size-[18px]!`})})}),(0,V.jsx)(O,{align:`end`,className:`w-[224px]`,onCloseAutoFocus:e=>e.preventDefault(),onOpenAutoFocus:e=>e.preventDefault(),children:(0,V.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,V.jsxs)(`div`,{className:`flex items-center justify-between gap-[6px]`,children:[(0,V.jsx)(y,{className:`h-7 flex-1 rounded-[6px] bg-gray-200 p-0 text-[1.1rem] text-black hover:bg-gray-300 dark:bg-gray-950 dark:text-white dark:hover:bg-gray-900 [&_svg]:size-[14px] ${t(`SYSTEM`)?`outline-2 outline-green`:``}`,variant:`secondary`,onClick:()=>r(`SYSTEM`),children:`Auto`}),(0,V.jsx)(y,{className:`h-7 flex-1 rounded-[6px] bg-[#ece6d9] p-0 hover:bg-[#ece6d9] ${t(`SEPIA`)?`outline-2 outline-green`:`border border-[#ece6d9]`}`,onClick:()=>r(`SEPIA`)}),(0,V.jsx)(y,{className:`h-7 flex-1 rounded-[6px] bg-white p-0 hover:bg-white ${t(`LIGHT`)?`outline-2 outline-green`:`border border-gray-200`}`,onClick:()=>r(`LIGHT`)}),(0,V.jsx)(y,{className:`h-7 flex-1 rounded-[6px] bg-black p-0 hover:bg-black dark:border dark:border-gray-950 ${t(`DARK`)?`outline-2 outline-green`:``}`,onClick:()=>r(`DARK`)})]}),(0,V.jsxs)(`div`,{className:`flex gap-2`,children:[(0,V.jsxs)(y,{className:`flex h-auto w-full flex-col gap-1 rounded-[6px] bg-gray-200 text-black hover:bg-gray-300 dark:bg-gray-950 dark:text-white dark:hover:bg-gray-900 ${n(`sans`)&&`outline-2 outline-green`}`,variant:`secondary`,onClick:()=>i(`sans`),children:[(0,V.jsx)(`span`,{className:`text-[2rem] leading-none font-bold`,children:`Aa`}),(0,V.jsx)(`span`,{className:`text-[1.1rem]`,children:`System`})]}),(0,V.jsxs)(y,{className:`flex h-auto w-full flex-col gap-1 rounded-[6px] bg-gray-200 text-black hover:bg-gray-300 dark:bg-gray-950 dark:text-white dark:hover:bg-gray-900 ${n(`serif`)&&`outline-2 outline-green`}`,variant:`secondary`,onClick:()=>i(`serif`),children:[(0,V.jsx)(`span`,{className:`pt-1 font-serif text-[2rem] leading-none font-bold`,children:`Aa`}),(0,V.jsx)(`span`,{className:`font-serif text-[1.2rem]`,children:`Serif`})]})]}),(0,V.jsxs)(`div`,{className:`flex gap-2`,children:[(0,V.jsx)(y,{className:`h-8 w-full rounded-[6px] bg-gray-200 text-black hover:bg-gray-300 dark:bg-gray-950 dark:text-white dark:hover:bg-gray-900 [&_svg]:size-[14px]`,disabled:a===0,variant:`secondary`,onClick:s,children:(0,V.jsx)(R,{})}),(0,V.jsx)(y,{className:`h-8 w-full rounded-[6px] bg-gray-200 text-black hover:bg-gray-300 dark:bg-gray-950 dark:text-white dark:hover:bg-gray-900`,variant:`secondary`,onClick:l,children:(0,V.jsx)(`span`,{className:`text-[1.6rem] font-bold`,children:`Aa`})}),(0,V.jsx)(y,{className:`h-8 w-full rounded-[6px] bg-gray-200 text-black hover:bg-gray-300 dark:bg-gray-950 dark:text-white dark:hover:bg-gray-900 [&_svg]:size-[14px]`,disabled:a===H.length-1,variant:`secondary`,onClick:c,children:(0,V.jsx)(F,{})})]})]})})]}),me=({tocItems:e,iframeElement:t,modalRef:n,className:r=`visible! absolute inset-y-0 right-7 z-40 hidden lg:block!`,onOpenChange:i})=>{let[a,o]=(0,B.useState)(null),s=B.useRef(!1);return(0,B.useEffect)(()=>{if(!t?.contentDocument||e.length<=1)return;let r=n.current;if(!r)return;let i=()=>{if(s.current)return;let n=t.contentDocument;if(!n)return;let i=r.scrollTop,a=e.map(e=>n.getElementById(e.id)).filter(e=>e!==null).map(e=>({id:e.id,top:e.offsetTop}));if(!a.length)return;let c=a.reduce((e,t)=>t.top-100<=i?t:e);o(c?.id||null)},a=()=>{requestAnimationFrame(i)};return r.addEventListener(`scroll`,a),i(),()=>{r.removeEventListener(`scroll`,a)}},[t,e,n]),e.length<=1?null:(0,V.jsx)(`div`,{className:r,children:(0,V.jsx)(`div`,{className:`sticky top-1/2 -translate-y-1/2`,children:(0,V.jsx)(K,{activeHeading:a||``,items:e,onItemClick:e=>{if(!t?.contentDocument)return;let r=t.contentDocument.getElementById(e);r&&n.current&&(s.current=!0,o(e),n.current.scrollTo({top:r.offsetTop-20,behavior:`smooth`}),setTimeout(()=>{s.current=!1},1e3))},onOpenChange:i})})})},he={1:`w-3`,2:`w-2`,3:`w-1`},ge={1:`pl-2`,2:`pl-6`,3:`pl-10`},K=({items:e,activeHeading:t,onItemClick:n,onOpenChange:r})=>{let[i,a]=(0,B.useState)(!1),o=B.useRef();if(B.useEffect(()=>()=>{o.current&&clearTimeout(o.current)},[]),e.length===0)return null;let s=e=>Math.min(e,3),c=e=>he[s(e)],l=e=>ge[s(e)],u=()=>{o.current&&clearTimeout(o.current),a(!0),r?.(!0)},d=()=>{o.current=setTimeout(()=>{a(!1),r?.(!1)},100)};return(0,V.jsxs)(M,{modal:!1,open:i,onOpenChange:a,children:[(0,V.jsx)(D,{asChild:!0,children:(0,V.jsx)(`div`,{className:`absolute top-1/2 right-2 flex -translate-y-1/2 flex-col items-end gap-2 rounded-md p-2 text-base dark:bg-black`,onMouseEnter:u,onMouseLeave:d,children:e.map(e=>(0,V.jsx)(`div`,{className:`h-[2px] rounded-sm ${t===e.id?`bg-black dark:bg-white`:`bg-gray-400 dark:bg-gray-700`} pr-1 transition-all ${c(e.level)}`},e.id))})}),(0,V.jsx)(O,{align:`center`,className:`w-[240px] p-2`,side:`left`,sideOffset:-28,onCloseAutoFocus:e=>e.preventDefault(),onMouseEnter:u,onMouseLeave:d,onOpenAutoFocus:e=>e.preventDefault(),children:(0,V.jsx)(`nav`,{"aria-label":`Table of contents navigation`,className:`max-h-[60vh] overflow-y-auto`,role:`navigation`,children:e.map(e=>(0,V.jsx)(`button`,{className:`line-clamp-2 block w-full cursor-pointer rounded py-1 text-left text-sm leading-tight ${t===e.id?`text-black dark:text-white`:`text-gray-700 dark:text-gray-600`} hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-grey-950 dark:hover:text-white ${l(e.level)}`,type:`button`,onClick:()=>n(e.id),children:(0,V.jsx)(`span`,{className:`line-clamp-2`,children:e.text})},e.id))})})]})},_e=()=>`<style>
 
 /* Variables */
 
@@ -3883,10 +3883,10 @@ a.kg-cta-button {
 
 `),rt=Object.values(tt).map(e=>e.default).join(`
 
-`),it=({postUrl:e,heading:t,image:n,excerpt:r,authors:i,html:a,backgroundColor:o,fontSize:s,fontStyle:c,onHeadingsExtracted:l,onIframeLoad:u,onLoadingChange:d,isPopoverOpen:f})=>{let p=(0,B.useRef)(null),[m,h]=(0,B.useState)(!0),[g,_]=(0,B.useState)(`0px`),v=document.documentElement.classList.contains(`dark`)&&o===`SYSTEM`||o===`DARK`,y=_e(),b=typeof window<`u`&&typeof window.matchMedia==`function`&&window.matchMedia(`(hover: none) and (pointer: coarse)`).matches,x=(0,B.useMemo)(()=>ae(D(b?M(a):a)),[a,b]),S=`
-        <html class="has-${v?`light`:`dark`}-text has-${c}-body ${o===`SEPIA`&&`has-sepia-bg`}">
+`),it=({postUrl:e,heading:t,image:n,excerpt:r,authors:i,html:a,backgroundColor:o,fontSize:s,fontStyle:c,onHeadingsExtracted:l,onIframeLoad:u,onLoadingChange:d,isPopoverOpen:f})=>{let p=(0,B.useRef)(null),[m,h]=(0,B.useState)(!0),[ee,g]=(0,B.useState)(`0px`),_=document.documentElement.classList.contains(`dark`)&&o===`SYSTEM`||o===`DARK`,v=_e(),y=typeof window<`u`&&typeof window.matchMedia==`function`&&window.matchMedia(`(hover: none) and (pointer: coarse)`).matches,te=(0,B.useMemo)(()=>j(C(y?A(a):a)),[a,y]),b=`
+        <html class="has-${_?`light`:`dark`}-text has-${c}-body ${o===`SEPIA`&&`has-sepia-bg`}">
         <head>
-            ${y}
+            ${v}
             <style>
                 :root {
                     --font-size: ${s};
@@ -3979,7 +3979,7 @@ a.kg-cta-button {
             <header class='gh-article-header gh-canvas'>
                 <h1 class='gh-article-title is-title' data-test-article-heading>${N(t)}</h1>
                 ${r?`<p class='gh-article-excerpt'>${N(r)}</p>`:``}
-                <a href="${e&&A(e)?N(e):`#`}" target="_blank" rel="noopener noreferrer" class="gh-article-meta">
+                <a href="${e&&k(e)?N(e):`#`}" target="_blank" rel="noopener noreferrer" class="gh-article-meta">
                     ${i&&i.length>0?`
                         <div class="gh-article-author-image">
                         ${i.map(e=>`
@@ -3995,7 +3995,7 @@ a.kg-cta-button {
                                 ${i.length>1?`${N(i[0].name)} and ${i.length-1} ${i.length-1==1?`other`:`others`}`:N(i[0].name)}
                             </span>
                         `:``}
-                        <span class="gh-article-source">${e&&A(e)?N(new URL(e).hostname):``} <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link-icon lucide-external-link"><path d="M15 3h6v6"/><path d="M10 14 21 3"/><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg></span>
+                        <span class="gh-article-source">${e&&k(e)?N(new URL(e).hostname):``} <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link-icon lucide-external-link"><path d="M15 3h6v6"/><path d="M10 14 21 3"/><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg></span>
                     </div>
                 </a>
                 ${n?`
@@ -4005,7 +4005,7 @@ a.kg-cta-button {
                 `:``}
             </header>
             <div class='gh-content gh-canvas is-body'>
-                ${x}
+                ${te}
             </div>
             <script>
                 (function () {
@@ -4025,4 +4025,4 @@ a.kg-cta-button {
             <\/script>
         </body>
         </html>
-    `;return(0,B.useEffect)(()=>{let e=p.current;if(!e)return;e.srcdoc||=S;let t=t=>{if(t.data.type===`resize`){let n=`${t.data.bodyHeight+24}px`;_(n),e.style.height=n,t.data.isLoaded&&h(!1)}},n=e=>{if(e.key===`Escape`){e.preventDefault(),e.stopPropagation();let t=new KeyboardEvent(`keydown`,{key:`Escape`,code:`Escape`,keyCode:27,which:27,bubbles:!0,cancelable:!0});document.dispatchEvent(t)}},r=()=>{let t=e.contentWindow;t&&t.addEventListener(`keydown`,n)};return e.addEventListener(`load`,r),window.addEventListener(`message`,t),()=>{window.removeEventListener(`message`,t),e.removeEventListener(`load`,r);let i=e.contentWindow;i&&i.removeEventListener(`keydown`,n)}},[S]),(0,B.useEffect)(()=>{let e=p.current;if(!e)return;let t=e.contentDocument||e.contentWindow?.document;if(!t)return;let n=t.documentElement;n.style.setProperty(`--font-size`,s),n.classList.remove(`has-sans-body`,`has-serif-body`),n.classList.add(`has-${c}-body`),n.classList.remove(`has-dark-text`,`has-light-text`),n.classList.add(`has-${v?`light`:`dark`}-text`),o===`SEPIA`?n.classList.add(`has-sepia-bg`):n.classList.remove(`has-sepia-bg`);let r=e.contentWindow;if(r&&typeof r.resizeIframe==`function`)r.resizeIframe();else{let e=new Event(`resize`);t.dispatchEvent(e)}},[s,c,o,v]),(0,B.useEffect)(()=>{let e=p.current;if(!e)return;let t=()=>{if(!e.contentDocument)return;let t=Array.from(e.contentDocument.querySelectorAll(`.gh-content > :is(h2, h3, h4, h5, h6)[id]`));if(t.length===0)return;let n=Math.min(...t.map(e=>parseInt(e.tagName[1]))),r=t.map((e,t)=>{let r=`heading-${t}`;e.id=r;let i=parseInt(e.tagName[1])-n+1;return{id:r,text:e.textContent||``,level:i,element:e}});l?.(r),u?.(e)};return e.addEventListener(`load`,t),()=>e.removeEventListener(`load`,t)},[l,u]),(0,B.useEffect)(()=>{d?.(m)},[m,d]),(0,V.jsx)(`div`,{className:`w-full pb-6`,children:(0,V.jsxs)(`div`,{className:`relative -mx-6`,children:[m&&(0,V.jsxs)(`div`,{className:`mx-auto mt-6 w-full max-w-[640px] max-lg:px-4`,children:[(0,V.jsxs)(`div`,{className:`mb-6 flex flex-col gap-2`,children:[(0,V.jsx)(P,{className:`h-8`}),(0,V.jsx)(P,{className:`h-8 w-full max-w-md`})]}),(0,V.jsx)(P,{className:`mt-2 h-4`,count:4,randomize:!0}),(0,V.jsx)(P,{className:`mt-8 h-[400px]`}),(0,V.jsx)(P,{className:`mt-2 h-4`,containerClassName:`block mt-7 mb-4`,count:8,randomize:!0})]}),(0,V.jsx)(`iframe`,{ref:p,id:`gh-ap-article-iframe`,style:{width:`100%`,border:`none`,height:g,overflow:`hidden`,opacity:+!m,transition:`opacity 0.2s ease-in-out`,pointerEvents:f?`none`:`auto`},title:`Embedded Content`})]})})},at=()=>(0,V.jsx)(`div`,{className:`h-px bg-black/[8%] dark:bg-gray-950`}),$=new Map,ot=({postId:e=null,onClose:t})=>{let{backgroundColor:n,currentFontSizeIndex:r,fontStyle:i,fontSize:a,handleColorChange:o,setFontStyle:c,increaseFontSize:u,decreaseFontSize:d,resetFontSize:f}=fe(),p=(0,B.useRef)(null),[m,_]=(0,B.useState)(!1),[v,b]=(0,B.useState)(!1),[x,ee]=(0,B.useState)(new Set),[C,te]=(0,B.useState)(new Set),[E,D]=(0,B.useState)(new Set),[k,A]=(0,B.useState)(!1),j=(0,B.useRef)(null),M=(0,B.useRef)(null),{post:ae,processedReplies:N,isLoading:F,loadMoreChildren:I,loadMoreChildReplies:L,hasMoreChildren:R,hasMoreChildReplies:z}=de(e??``,{includeAncestors:!1}),H=ae,U=H?.object,G=H?.actor,he=H?.object?.metadata?.ghostAuthors,ge=U?.replyCount??0;(0,B.useEffect)(()=>{if(!R)return;j.current&&j.current.disconnect();let e=p.current;if(e)return j.current=new IntersectionObserver(async e=>{if(e[0].isIntersecting&&R&&!k){A(!0);try{await I()}catch(e){console.error(`Failed to load more top-level replies:`,e)}finally{A(!1)}}},{root:e,rootMargin:`200px`}),M.current&&j.current.observe(M.current),()=>{j.current&&j.current.disconnect()}},[R,k,I]);function K(){}function _e(e){ee(t=>{let n=new Set(t);return n.has(e)?n.delete(e):(n.add(e),te(t=>{let n=new Set(t);return n.add(e),n})),n})}async function ve(e,t){if(!E.has(e)){D(t=>new Set(t).add(e));try{L&&await L(t)}catch(e){console.error(`Failed to load more replies for chain:`,e)}finally{D(t=>{let n=new Set(t);return n.delete(e),n})}}}let ye=()=>{},be=(0,B.useRef)(null),q=`640px`,[xe,Se]=(0,B.useState)(0),[J,Ce]=(0,B.useState)(!0),[Y]=l(Se,100);(0,B.useEffect)(()=>{let e=p.current,t=document.getElementById(`object-content`),n=()=>{if(J||!e||!t)return;let n=t.getBoundingClientRect(),r=e.getBoundingClientRect();if(n.height<=r.height){Y(100);return}let i=Math.max(0,r.top-n.top),a=t.offsetHeight-e.offsetHeight,o=Math.min(Math.max(i/a*100,0),100),s=Math.round(o/1)*1;Y(s)};if(J)return;let r=new MutationObserver(n);return t&&r.observe(t,{childList:!0,subtree:!0,characterData:!0}),e?.addEventListener(`scroll`,n),n(),()=>{e?.removeEventListener(`scroll`,n),r.disconnect()}},[J,Y]);let[X,we]=(0,B.useState)([]),[Te,Ee]=(0,B.useState)(null),[Z,De]=(0,B.useState)(null),Oe=(0,B.useCallback)(e=>{we(e)},[]),ke=(0,B.useCallback)(e=>{De(e)},[]);(0,B.useEffect)(()=>{if(!Z?.contentDocument||!X.length)return;let e=setTimeout(()=>{let e=p.current;if(!e)return;let t=()=>{let t=Z.contentDocument;if(!t||!t.documentElement)return;let n=e.scrollTop,r=X.map(e=>t.getElementById(e.id)).filter(e=>e!==null).map(e=>({element:e,id:e.id,top:e.offsetTop}));if(!r.length)return;let i=null;for(let e of r)if(e.top-100<=n)i=e;else break;Ee(i?.id||null)};return e.addEventListener(`scroll`,t),t(),()=>{e.removeEventListener(`scroll`,t)}},100);return()=>clearTimeout(e)},[Z,X,Te]);let Q=y();return(0,B.useEffect)(()=>{let t=p.current;return()=>{t&&e&&$.set(e,t.scrollTop)}},[e]),(0,B.useEffect)(()=>{if(!J&&!F&&e&&p.current){let t=$.get(e);t!==void 0&&t>0&&setTimeout(()=>{p.current&&(p.current.scrollTop=t)},100)}},[J,F,e]),F?(0,V.jsx)(`div`,{className:`max-h-full overflow-auto rounded-md ${n===`DARK`&&`dark`} ${(n===`LIGHT`||n===`SEPIA`)&&`light`} ${W[n].background}`,children:(0,V.jsx)(`div`,{className:`flex h-full flex-col`,children:(0,V.jsxs)(`div`,{className:`relative flex-1`,children:[(0,V.jsx)(`div`,{className:`sticky top-0 z-50 flex h-[102px] items-center justify-center rounded-t-md border-b max-md:h-[68px] ${W[n].background} ${W[n].border}`,children:(0,V.jsxs)(`div`,{className:`grid w-full px-8 max-lg:px-4`,style:{gridTemplateColumns:`1fr minmax(0,${q}) 1fr`},children:[(0,V.jsx)(`div`,{className:`flex items-center`,children:(0,V.jsx)(h,{className:W[n].button,onClick:t})}),(0,V.jsxs)(`div`,{className:`col-[2/3] mx-auto flex w-full items-center gap-3 max-md:hidden`,children:[(0,V.jsx)(P,{className:`size-10 rounded-full`}),(0,V.jsxs)(`div`,{className:`grow pt-1`,children:[(0,V.jsx)(P,{className:`w-full`}),(0,V.jsx)(P,{className:`w-2/3`})]})]}),(0,V.jsx)(`div`,{className:`col-[3/4] flex items-center justify-end gap-2`,children:(0,V.jsx)(pe,{backgroundColor:n,currentFontSizeIndex:r,fontStyle:i,onColorChange:o,onDecreaseFontSize:d,onFontStyleChange:c,onIncreaseFontSize:u,onOpenChange:_,onResetFontSize:f})})]})}),(0,V.jsx)(`div`,{className:`relative flex-1 max-lg:px-4`,children:(0,V.jsxs)(`div`,{className:`mx-auto mt-11 w-full max-w-[640px]`,children:[(0,V.jsxs)(`div`,{className:`mb-6 flex flex-col gap-2`,children:[(0,V.jsx)(P,{className:`h-8`}),(0,V.jsx)(P,{className:`h-8 w-full max-w-md`})]}),(0,V.jsx)(P,{className:`mt-2 h-4`,count:4,randomize:!0}),(0,V.jsx)(P,{className:`mt-8 h-[400px]`}),(0,V.jsx)(P,{className:`mt-2 h-4`,containerClassName:`block mt-7 mb-4`,count:8,randomize:!0})]})})]})})}):ae?(0,V.jsx)(`div`,{ref:p,className:`max-h-full overflow-auto rounded-md ${n===`DARK`&&`dark`} ${(n===`LIGHT`||n===`SEPIA`)&&`light`} ${W[n].background}`,"data-scrollable-container":!0,children:(0,V.jsx)(V.Fragment,{children:(0,V.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,V.jsxs)(`div`,{className:`relative flex-1`,children:[(0,V.jsx)(`div`,{className:`sticky top-0 z-50 flex h-[102px] items-center justify-center rounded-t-md border-b max-md:h-[68px] ${W[n].background} ${W[n].border}`,children:(0,V.jsxs)(`div`,{className:`grid w-full px-8 max-lg:px-4`,style:{gridTemplateColumns:`1fr minmax(0,${q}) 1fr`},children:[(0,V.jsx)(`div`,{className:`flex items-center`,children:(0,V.jsx)(h,{className:W[n].button,onClick:t})}),(0,V.jsxs)(`div`,{className:`col-[2/3] mx-auto flex w-full items-center justify-between gap-3 max-md:hidden`,children:[(0,V.jsx)(oe,{actor:G,isCurrentUser:U.authored,children:(0,V.jsxs)(`div`,{className:`flex cursor-pointer items-center gap-3`,children:[(0,V.jsx)(`div`,{className:`relative z-10 pt-0.5`,children:(0,V.jsx)(se,{author:G})}),(0,V.jsxs)(`div`,{className:`relative z-10 mt-0.5 flex min-w-0 cursor-pointer flex-col overflow-visible text-[1.5rem]`,onClick:e=>S(G,Q,e),children:[(0,V.jsx)(`div`,{className:`flex w-full`,children:(0,V.jsx)(`span`,{className:`min-w-0 truncate font-semibold whitespace-nowrap text-black hover:underline dark:text-white`,children:F?(0,V.jsx)(P,{className:`w-20`}):G.name})}),(0,V.jsxs)(`div`,{className:`flex w-full`,children:[!F&&(0,V.jsx)(`span`,{className:`truncate text-gray-700 after:mx-1 after:font-normal after:text-gray-700 after:content-["·"]`,children:w(G)}),(0,V.jsx)(`span`,{className:`text-gray-700`,children:F?(0,V.jsx)(P,{className:`w-[120px]`}):ne(U,!U.authored)})]})]})]})}),!U.authored&&!F&&(0,V.jsx)(ie,{following:G.followedByMe??!1,handle:w(G)})]}),(0,V.jsx)(`div`,{className:`col-[3/4] flex items-center justify-end gap-2`,children:(0,V.jsx)(pe,{backgroundColor:n,currentFontSizeIndex:r,fontStyle:i,onColorChange:o,onDecreaseFontSize:d,onFontStyleChange:c,onIncreaseFontSize:u,onOpenChange:_,onResetFontSize:f})})]})}),(0,V.jsxs)(`div`,{className:`relative flex-1`,children:[(0,V.jsx)(me,{iframeElement:Z,modalRef:p,tocItems:X,onOpenChange:b}),!F&&(0,V.jsx)(`div`,{className:`grow overflow-y-auto`,children:(0,V.jsxs)(`div`,{className:`mx-auto px-6 pt-5 pb-10`,style:{maxWidth:`904px`},children:[(0,V.jsxs)(`div`,{className:`flex flex-col items-center pb-8`,id:`object-content`,children:[(0,V.jsx)(it,{authors:he,backgroundColor:n,excerpt:U.summary??``,fontSize:a,fontStyle:i,heading:U.name,html:U.content??``,image:typeof U.image==`string`?U.image:U.image?.url,isPopoverOpen:m||v,postUrl:U?.url||``,onHeadingsExtracted:Oe,onIframeLoad:ke,onLoadingChange:Ce}),(0,V.jsx)(`div`,{className:`-ml-3 w-full`,style:{maxWidth:q},children:(0,V.jsx)(O,{actor:G,commentCount:ge,layout:`modal`,likeCount:U.likeCount??0,object:U,repostCount:U.repostCount??0,onLikeClick:ye})})]}),U.type===`Tombstone`&&(0,V.jsx)(ue,{last:!0}),(0,V.jsxs)(`div`,{className:`mx-auto w-full border-t border-black/[8%] dark:border-gray-950`,style:{maxWidth:q},children:[(0,V.jsx)(ce,{object:U}),(0,V.jsx)(at,{})]}),F&&(0,V.jsx)(re,{size:`lg`}),(0,V.jsxs)(`div`,{ref:be,className:`mx-auto w-full`,style:{maxWidth:q},children:[N.map((t,n)=>{let r=n===N.length-1,i=t.mainReply.id,a=x.has(i),o=C.has(i),s=E.has(i),c=t.chain.length>0;return(0,V.jsxs)(B.Fragment,{children:[(0,V.jsx)(T,{actor:t.mainReply.actor,allowDelete:t.mainReply.object.authored,commentCount:t.mainReply.object.replyCount??0,isChainParent:c,isPending:g(t.mainReply.id),last:!c,layout:`reply`,likeCount:t.mainReply.object.likeCount??0,object:t.mainReply.object,parentId:U.id,repostCount:t.mainReply.object.repostCount??0,type:`Note`,onClick:()=>{let n=p.current;n&&e&&$.set(e,n.scrollTop),Q(`/notes/${encodeURIComponent(t.mainReply.id)}`)},onDelete:K}),c&&t.chain[0]&&(0,V.jsx)(T,{actor:t.chain[0].actor,allowDelete:t.chain[0].object.authored,commentCount:t.chain[0].object.replyCount??0,isChainContinuation:!0,isPending:g(t.chain[0].id),last:t.chain.length===1,layout:`reply`,likeCount:t.chain[0].object.likeCount??0,object:t.chain[0].object,parentId:U.id,repostCount:t.chain[0].object.repostCount??0,type:`Note`,onClick:()=>{let n=p.current;n&&e&&$.set(e,n.scrollTop),Q(`/notes/${encodeURIComponent(t.chain[0].id)}`)},onDelete:K},t.chain[0].id),c&&a&&t.chain.slice(1).map((r,i)=>{let a=i===t.chain.slice(1).length-1,o=z&&z(n),s=a&&o;return(0,V.jsx)(T,{actor:r.actor,allowDelete:r.object.authored,commentCount:r.object.replyCount??0,isChainContinuation:!0,isPending:g(r.id),last:a&&!s,layout:`reply`,likeCount:r.object.likeCount??0,object:r.object,parentId:U.id,repostCount:r.object.repostCount??0,type:`Note`,onClick:()=>{let t=p.current;t&&e&&$.set(e,t.scrollTop),Q(`/notes/${encodeURIComponent(r.id)}`)},onDelete:K},r.id)}),c&&t.chain.length>1&&!a&&(0,V.jsx)(le,{variant:`expand`,onClick:()=>_e(i)}),c&&a&&o&&z&&z(n)&&(0,V.jsx)(le,{loading:s,variant:`loadMore`,onClick:()=>ve(i,n)}),!r&&(0,V.jsx)(at,{})]},t.mainReply.id)}),k&&(0,V.jsx)(`div`,{className:`flex flex-col items-center justify-center text-center`,children:(0,V.jsx)(re,{size:`md`})})]}),R&&(0,V.jsx)(`div`,{ref:M,className:`h-1`})]})})]})]}),!F&&(0,V.jsxs)(`div`,{className:`pointer-events-none visible! sticky bottom-0 hidden items-end justify-between px-10 pb-[42px] lg:flex!`,children:[(0,V.jsx)(`div`,{className:`pointer-events-auto text-gray-600`,children:s(U.content??``)}),(0,V.jsxs)(`div`,{className:`pointer-events-auto min-w-10 text-right text-gray-600 transition-all duration-200 ease-out`,children:[xe,`%`]},xe)]})]})})}):(0,V.jsx)(`div`,{className:`max-h-full overflow-auto rounded-md ${n===`DARK`&&`dark`} ${(n===`LIGHT`||n===`SEPIA`)&&`light`} ${W[n].background}`,children:(0,V.jsx)(`div`,{className:`flex h-full flex-col`,children:(0,V.jsx)(`div`,{className:`relative flex-1`,children:(0,V.jsx)(`div`,{className:`sticky top-0 z-50 flex h-[102px] items-center justify-center rounded-t-md border-b max-md:h-[68px] ${W[n].background} ${W[n].border}`,children:(0,V.jsxs)(`div`,{className:`grid w-full px-8 max-lg:px-4`,style:{gridTemplateColumns:`1fr minmax(0,${q}) 1fr`},children:[(0,V.jsx)(`div`,{className:`flex items-center`,children:(0,V.jsx)(h,{className:W[n].button,onClick:t})}),(0,V.jsx)(`div`,{className:`col-[2/3] mx-auto flex w-full items-center gap-3 max-md:hidden`,children:(0,V.jsx)(`div`,{className:`grow text-center`,children:(0,V.jsx)(`span`,{children:`Error loading article.`})})})]})})})})})},st=({isLoading:e,activities:t,currentTopic:n,fetchNextPage:r,hasNextPage:s,isFetchingNextPage:l,onTopicChange:u})=>{let f=y(),{canGoBack:m,goBack:h}=a(),[v,b]=(0,B.useState)(!1),S=i(),{topicsQuery:C}=x(),{data:w}=C,ne=w&&w.topics.length>0;(0,B.useEffect)(()=>{b(!!S.postId)},[S.postId]);let E=(0,B.useRef)(null),D=(0,B.useRef)(null),O=(0,B.useRef)(null);(0,B.useEffect)(()=>(E.current&&E.current.disconnect(),E.current=new IntersectionObserver(e=>{e[0].isIntersecting&&s&&!l&&r()}),D.current&&E.current.observe(D.current),O.current&&E.current.observe(O.current),()=>{E.current&&E.current.disconnect()}),[s,l,r]);let k=Math.max(0,Math.floor(t.length*.75)-1);return(0,V.jsxs)(ee,{children:[ne&&(0,V.jsx)(z,{currentTopic:n,excludeTopics:[`top`],onTopicChange:u}),(0,V.jsx)(`div`,{className:`flex w-full flex-col`,children:(0,V.jsx)(`div`,{className:`w-full`,children:t.length>0?(0,V.jsx)(`div`,{className:`my-4`,children:(0,V.jsx)(`div`,{className:`mx-auto flex min-h-[calc(100dvh_-_117px)] items-start gap-11`,children:(0,V.jsx)(`div`,{className:`flex w-full min-w-0 flex-col items-center`,children:(0,V.jsxs)(`div`,{className:`flex w-full min-w-0 flex-col items-start`,children:[(0,V.jsxs)(`ul`,{className:`mx-auto flex w-full flex-col`,"data-testid":`inbox-list`,children:[t.map((n,r)=>(0,V.jsxs)(`li`,{"data-testid":`inbox-item`,"data-test-view-article":!0,children:[(0,V.jsx)(T,{actor:n.actor,allowDelete:n.object.authored,commentCount:n.object.replyCount??0,isLoading:e,isPending:g(n.id),layout:`inbox`,likeCount:n.object.likeCount??0,object:n.object,repostCount:n.object.repostCount??0,type:n.type,onClick:()=>{f(`/reader/${encodeURIComponent(n.id)}`)}}),r<t.length-1&&(0,V.jsx)(te,{}),r===k&&(0,V.jsx)(`div`,{ref:D,className:`h-1`})]},`${n.id}-${n.type}-${r}`)),l&&(0,V.jsx)(`li`,{className:`flex flex-col items-center justify-center gap-4 text-center`,children:(0,V.jsx)(re,{size:`md`})})]}),(0,V.jsx)(`div`,{ref:O,className:`h-1`})]})})})}):n===`following`?(0,V.jsx)(`div`,{className:`mt-[24vh]`,children:(0,V.jsx)(o,{actions:ne?(0,V.jsx)(_,{onClick:()=>f(`/explore`),children:`Find accounts to follow →`}):(0,V.jsx)(_,{asChild:!0,children:(0,V.jsx)(`a`,{href:`https://explore.ghost.org/social-web`,rel:`noopener noreferrer`,target:`_blank`,children:`Find accounts to follow →`})}),description:`Start following publishers to see their long-form posts here.`,title:`Your Reader is empty`,children:(0,V.jsx)(L,{})})}):(0,V.jsx)(`div`,{className:`mt-[24vh]`,children:(0,V.jsx)(o,{description:`Explore other topics for more content.`,title:`Nothing here yet`,children:(0,V.jsx)(L,{})})})})}),(0,V.jsx)(I,{open:v,onOpenChange:e=>{e||(m?h():f(`/reader`)),b(e)},children:(0,V.jsxs)(p,{className:`inset-y-3 h-[calc(100vh-24px)] w-screen max-w-[calc(100vw-24px)] animate-none! p-0 focus:outline-hidden dark:bg-gray-950`,children:[(0,V.jsxs)(j,{className:`hidden`,children:[(0,V.jsx)(c,{children:`Reader`}),(0,V.jsx)(d,{children:`Ghost reader for long form articles`})]}),S.postId&&(0,V.jsx)(ot,{postId:S.postId,onClose:()=>{m?h():f(`/reader`)}})]})})]})},ct=()=>{let[e,t]=(0,B.useState)(`following`),{inboxQuery:n}=f({enabled:e===`following`}),{discoveryFeedQuery:r}=u({enabled:e!==`following`,topic:e}),{data:i,error:a,fetchNextPage:o,hasNextPage:s,isFetchingNextPage:c,isLoading:l}=e===`following`?n:r,d=a&&C(a)&&a.statusCode===404&&e!==`following`;return a&&C(a)&&!d?(0,V.jsx)(m,{errorCode:a.code,statusCode:a.statusCode}):(0,V.jsx)(st,{activities:d?[]:i?.pages.flatMap(e=>e.posts)??Array.from({length:5},(e,t)=>({id:`placeholder-${t}`,object:{}})),currentTopic:e,fetchNextPage:o,hasNextPage:s,isFetchingNextPage:c,isLoading:l,onTopicChange:t})};export{ct as default};
+    `;return(0,B.useEffect)(()=>{let e=p.current;if(!e)return;e.srcdoc||=b;let t=t=>{if(t.data.type===`resize`){let n=`${t.data.bodyHeight+24}px`;g(n),e.style.height=n,t.data.isLoaded&&h(!1)}},n=e=>{if(e.key===`Escape`){e.preventDefault(),e.stopPropagation();let t=new KeyboardEvent(`keydown`,{key:`Escape`,code:`Escape`,keyCode:27,which:27,bubbles:!0,cancelable:!0});document.dispatchEvent(t)}},r=()=>{let t=e.contentWindow;t&&t.addEventListener(`keydown`,n)};return e.addEventListener(`load`,r),window.addEventListener(`message`,t),()=>{window.removeEventListener(`message`,t),e.removeEventListener(`load`,r);let i=e.contentWindow;i&&i.removeEventListener(`keydown`,n)}},[b]),(0,B.useEffect)(()=>{let e=p.current;if(!e)return;let t=e.contentDocument||e.contentWindow?.document;if(!t)return;let n=t.documentElement;n.style.setProperty(`--font-size`,s),n.classList.remove(`has-sans-body`,`has-serif-body`),n.classList.add(`has-${c}-body`),n.classList.remove(`has-dark-text`,`has-light-text`),n.classList.add(`has-${_?`light`:`dark`}-text`),o===`SEPIA`?n.classList.add(`has-sepia-bg`):n.classList.remove(`has-sepia-bg`);let r=e.contentWindow;if(r&&typeof r.resizeIframe==`function`)r.resizeIframe();else{let e=new Event(`resize`);t.dispatchEvent(e)}},[s,c,o,_]),(0,B.useEffect)(()=>{let e=p.current;if(!e)return;let t=()=>{if(!e.contentDocument)return;let t=Array.from(e.contentDocument.querySelectorAll(`.gh-content > :is(h2, h3, h4, h5, h6)[id]`));if(t.length===0)return;let n=Math.min(...t.map(e=>parseInt(e.tagName[1]))),r=t.map((e,t)=>{let r=`heading-${t}`;e.id=r;let i=parseInt(e.tagName[1])-n+1;return{id:r,text:e.textContent||``,level:i,element:e}});l?.(r),u?.(e)};return e.addEventListener(`load`,t),()=>e.removeEventListener(`load`,t)},[l,u]),(0,B.useEffect)(()=>{d?.(m)},[m,d]),(0,V.jsx)(`div`,{className:`w-full pb-6`,children:(0,V.jsxs)(`div`,{className:`relative -mx-6`,children:[m&&(0,V.jsxs)(`div`,{className:`mx-auto mt-6 w-full max-w-[640px] max-lg:px-4`,children:[(0,V.jsxs)(`div`,{className:`mb-6 flex flex-col gap-2`,children:[(0,V.jsx)(P,{className:`h-8`}),(0,V.jsx)(P,{className:`h-8 w-full max-w-md`})]}),(0,V.jsx)(P,{className:`mt-2 h-4`,count:4,randomize:!0}),(0,V.jsx)(P,{className:`mt-8 h-[400px]`}),(0,V.jsx)(P,{className:`mt-2 h-4`,containerClassName:`block mt-7 mb-4`,count:8,randomize:!0})]}),(0,V.jsx)(`iframe`,{ref:p,id:`gh-ap-article-iframe`,style:{width:`100%`,border:`none`,height:ee,overflow:`hidden`,opacity:+!m,transition:`opacity 0.2s ease-in-out`,pointerEvents:f?`none`:`auto`},title:`Embedded Content`})]})})},at=()=>(0,V.jsx)(`div`,{className:`h-px bg-black/[8%] dark:bg-gray-950`}),$=new Map,ot=({postId:e=null,onClose:t})=>{let{backgroundColor:n,currentFontSizeIndex:r,fontStyle:i,fontSize:a,handleColorChange:o,setFontStyle:s,increaseFontSize:u,decreaseFontSize:d,resetFontSize:f}=fe(),p=(0,B.useRef)(null),[m,h]=(0,B.useState)(!1),[ee,y]=(0,B.useState)(!1),[te,ne]=(0,B.useState)(new Set),[x,C]=(0,B.useState)(new Set),[E,D]=(0,B.useState)(new Set),[O,k]=(0,B.useState)(!1),A=(0,B.useRef)(null),j=(0,B.useRef)(null),{post:M,processedReplies:N,isLoading:F,loadMoreChildren:I,loadMoreChildReplies:L,hasMoreChildren:R,hasMoreChildReplies:z}=de(e??``,{includeAncestors:!1}),H=M,U=H?.object,G=H?.actor,he=H?.object?.metadata?.ghostAuthors,ge=U?.replyCount??0;(0,B.useEffect)(()=>{if(!R)return;A.current&&A.current.disconnect();let e=p.current;if(e)return A.current=new IntersectionObserver(async e=>{if(e[0].isIntersecting&&R&&!O){k(!0);try{await I()}catch(e){console.error(`Failed to load more top-level replies:`,e)}finally{k(!1)}}},{root:e,rootMargin:`200px`}),j.current&&A.current.observe(j.current),()=>{A.current&&A.current.disconnect()}},[R,O,I]);function K(){}function _e(e){ne(t=>{let n=new Set(t);return n.has(e)?n.delete(e):(n.add(e),C(t=>{let n=new Set(t);return n.add(e),n})),n})}async function ve(e,t){if(!E.has(e)){D(t=>new Set(t).add(e));try{L&&await L(t)}catch(e){console.error(`Failed to load more replies for chain:`,e)}finally{D(t=>{let n=new Set(t);return n.delete(e),n})}}}let ye=()=>{},be=(0,B.useRef)(null),q=`640px`,[xe,Se]=(0,B.useState)(0),[J,Ce]=(0,B.useState)(!0),[Y]=l(Se,100);(0,B.useEffect)(()=>{let e=p.current,t=document.getElementById(`object-content`),n=()=>{if(J||!e||!t)return;let n=t.getBoundingClientRect(),r=e.getBoundingClientRect();if(n.height<=r.height){Y(100);return}let i=Math.max(0,r.top-n.top),a=t.offsetHeight-e.offsetHeight,o=Math.min(Math.max(i/a*100,0),100),s=Math.round(o/1)*1;Y(s)};if(J)return;let r=new MutationObserver(n);return t&&r.observe(t,{childList:!0,subtree:!0,characterData:!0}),e?.addEventListener(`scroll`,n),n(),()=>{e?.removeEventListener(`scroll`,n),r.disconnect()}},[J,Y]);let[X,we]=(0,B.useState)([]),[Te,Ee]=(0,B.useState)(null),[Z,De]=(0,B.useState)(null),Oe=(0,B.useCallback)(e=>{we(e)},[]),ke=(0,B.useCallback)(e=>{De(e)},[]);(0,B.useEffect)(()=>{if(!Z?.contentDocument||!X.length)return;let e=setTimeout(()=>{let e=p.current;if(!e)return;let t=()=>{let t=Z.contentDocument;if(!t||!t.documentElement)return;let n=e.scrollTop,r=X.map(e=>t.getElementById(e.id)).filter(e=>e!==null).map(e=>({element:e,id:e.id,top:e.offsetTop}));if(!r.length)return;let i=null;for(let e of r)if(e.top-100<=n)i=e;else break;Ee(i?.id||null)};return e.addEventListener(`scroll`,t),t(),()=>{e.removeEventListener(`scroll`,t)}},100);return()=>clearTimeout(e)},[Z,X,Te]);let Q=v();return(0,B.useEffect)(()=>{let t=p.current;return()=>{t&&e&&$.set(e,t.scrollTop)}},[e]),(0,B.useEffect)(()=>{if(!J&&!F&&e&&p.current){let t=$.get(e);t!==void 0&&t>0&&setTimeout(()=>{p.current&&(p.current.scrollTop=t)},100)}},[J,F,e]),F?(0,V.jsx)(`div`,{className:`max-h-full overflow-auto rounded-md ${n===`DARK`&&`dark`} ${(n===`LIGHT`||n===`SEPIA`)&&`light`} ${W[n].background}`,children:(0,V.jsx)(`div`,{className:`flex h-full flex-col`,children:(0,V.jsxs)(`div`,{className:`relative flex-1`,children:[(0,V.jsx)(`div`,{className:`sticky top-0 z-50 flex h-[102px] items-center justify-center rounded-t-md border-b max-md:h-[68px] ${W[n].background} ${W[n].border}`,children:(0,V.jsxs)(`div`,{className:`grid w-full px-8 max-lg:px-4`,style:{gridTemplateColumns:`1fr minmax(0,${q}) 1fr`},children:[(0,V.jsx)(`div`,{className:`flex items-center`,children:(0,V.jsx)(g,{className:W[n].button,onClick:t})}),(0,V.jsxs)(`div`,{className:`col-[2/3] mx-auto flex w-full items-center gap-3 max-md:hidden`,children:[(0,V.jsx)(P,{className:`size-10 rounded-full`}),(0,V.jsxs)(`div`,{className:`grow pt-1`,children:[(0,V.jsx)(P,{className:`w-full`}),(0,V.jsx)(P,{className:`w-2/3`})]})]}),(0,V.jsx)(`div`,{className:`col-[3/4] flex items-center justify-end gap-2`,children:(0,V.jsx)(pe,{backgroundColor:n,currentFontSizeIndex:r,fontStyle:i,onColorChange:o,onDecreaseFontSize:d,onFontStyleChange:s,onIncreaseFontSize:u,onOpenChange:h,onResetFontSize:f})})]})}),(0,V.jsx)(`div`,{className:`relative flex-1 max-lg:px-4`,children:(0,V.jsxs)(`div`,{className:`mx-auto mt-11 w-full max-w-[640px]`,children:[(0,V.jsxs)(`div`,{className:`mb-6 flex flex-col gap-2`,children:[(0,V.jsx)(P,{className:`h-8`}),(0,V.jsx)(P,{className:`h-8 w-full max-w-md`})]}),(0,V.jsx)(P,{className:`mt-2 h-4`,count:4,randomize:!0}),(0,V.jsx)(P,{className:`mt-8 h-[400px]`}),(0,V.jsx)(P,{className:`mt-2 h-4`,containerClassName:`block mt-7 mb-4`,count:8,randomize:!0})]})})]})})}):M?(0,V.jsx)(`div`,{ref:p,className:`max-h-full overflow-auto rounded-md ${n===`DARK`&&`dark`} ${(n===`LIGHT`||n===`SEPIA`)&&`light`} ${W[n].background}`,"data-scrollable-container":!0,children:(0,V.jsx)(V.Fragment,{children:(0,V.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,V.jsxs)(`div`,{className:`relative flex-1`,children:[(0,V.jsx)(`div`,{className:`sticky top-0 z-50 flex h-[102px] items-center justify-center rounded-t-md border-b max-md:h-[68px] ${W[n].background} ${W[n].border}`,children:(0,V.jsxs)(`div`,{className:`grid w-full px-8 max-lg:px-4`,style:{gridTemplateColumns:`1fr minmax(0,${q}) 1fr`},children:[(0,V.jsx)(`div`,{className:`flex items-center`,children:(0,V.jsx)(g,{className:W[n].button,onClick:t})}),(0,V.jsxs)(`div`,{className:`col-[2/3] mx-auto flex w-full items-center justify-between gap-3 max-md:hidden`,children:[(0,V.jsx)(oe,{actor:G,isCurrentUser:U.authored,children:(0,V.jsxs)(`div`,{className:`flex cursor-pointer items-center gap-3`,children:[(0,V.jsx)(`div`,{className:`relative z-10 pt-0.5`,children:(0,V.jsx)(se,{author:G})}),(0,V.jsxs)(`div`,{className:`relative z-10 mt-0.5 flex min-w-0 cursor-pointer flex-col overflow-visible text-[1.5rem]`,onClick:e=>b(G,Q,e),children:[(0,V.jsx)(`div`,{className:`flex w-full`,children:(0,V.jsx)(`span`,{className:`min-w-0 truncate font-semibold whitespace-nowrap text-black hover:underline dark:text-white`,children:F?(0,V.jsx)(P,{className:`w-20`}):G.name})}),(0,V.jsxs)(`div`,{className:`flex w-full`,children:[!F&&(0,V.jsx)(`span`,{className:`truncate text-gray-700 after:mx-1 after:font-normal after:text-gray-700 after:content-["·"]`,children:re(G)}),(0,V.jsx)(`span`,{className:`text-gray-700`,children:F?(0,V.jsx)(P,{className:`w-[120px]`}):ie(U,!U.authored)})]})]})]})}),!U.authored&&!F&&(0,V.jsx)(ae,{following:G.followedByMe??!1,handle:re(G)})]}),(0,V.jsx)(`div`,{className:`col-[3/4] flex items-center justify-end gap-2`,children:(0,V.jsx)(pe,{backgroundColor:n,currentFontSizeIndex:r,fontStyle:i,onColorChange:o,onDecreaseFontSize:d,onFontStyleChange:s,onIncreaseFontSize:u,onOpenChange:h,onResetFontSize:f})})]})}),(0,V.jsxs)(`div`,{className:`relative flex-1`,children:[(0,V.jsx)(me,{iframeElement:Z,modalRef:p,tocItems:X,onOpenChange:y}),!F&&(0,V.jsx)(`div`,{className:`grow overflow-y-auto`,children:(0,V.jsxs)(`div`,{className:`mx-auto px-6 pt-5 pb-10`,style:{maxWidth:`904px`},children:[(0,V.jsxs)(`div`,{className:`flex flex-col items-center pb-8`,id:`object-content`,children:[(0,V.jsx)(it,{authors:he,backgroundColor:n,excerpt:U.summary??``,fontSize:a,fontStyle:i,heading:U.name,html:U.content??``,image:typeof U.image==`string`?U.image:U.image?.url,isPopoverOpen:m||ee,postUrl:U?.url||``,onHeadingsExtracted:Oe,onIframeLoad:ke,onLoadingChange:Ce}),(0,V.jsx)(`div`,{className:`-ml-3 w-full`,style:{maxWidth:q},children:(0,V.jsx)(T,{actor:G,commentCount:ge,layout:`modal`,likeCount:U.likeCount??0,object:U,repostCount:U.repostCount??0,onLikeClick:ye})})]}),U.type===`Tombstone`&&(0,V.jsx)(ue,{last:!0}),(0,V.jsxs)(`div`,{className:`mx-auto w-full border-t border-black/[8%] dark:border-gray-950`,style:{maxWidth:q},children:[(0,V.jsx)(ce,{object:U}),(0,V.jsx)(at,{})]}),F&&(0,V.jsx)(w,{size:`lg`}),(0,V.jsxs)(`div`,{ref:be,className:`mx-auto w-full`,style:{maxWidth:q},children:[N.map((t,n)=>{let r=n===N.length-1,i=t.mainReply.id,a=te.has(i),o=x.has(i),s=E.has(i),c=t.chain.length>0;return(0,V.jsxs)(B.Fragment,{children:[(0,V.jsx)(S,{actor:t.mainReply.actor,allowDelete:t.mainReply.object.authored,commentCount:t.mainReply.object.replyCount??0,isChainParent:c,isPending:_(t.mainReply.id),last:!c,layout:`reply`,likeCount:t.mainReply.object.likeCount??0,object:t.mainReply.object,parentId:U.id,repostCount:t.mainReply.object.repostCount??0,type:`Note`,onClick:()=>{let n=p.current;n&&e&&$.set(e,n.scrollTop),Q(`/notes/${encodeURIComponent(t.mainReply.id)}`)},onDelete:K}),c&&t.chain[0]&&(0,V.jsx)(S,{actor:t.chain[0].actor,allowDelete:t.chain[0].object.authored,commentCount:t.chain[0].object.replyCount??0,isChainContinuation:!0,isPending:_(t.chain[0].id),last:t.chain.length===1,layout:`reply`,likeCount:t.chain[0].object.likeCount??0,object:t.chain[0].object,parentId:U.id,repostCount:t.chain[0].object.repostCount??0,type:`Note`,onClick:()=>{let n=p.current;n&&e&&$.set(e,n.scrollTop),Q(`/notes/${encodeURIComponent(t.chain[0].id)}`)},onDelete:K},t.chain[0].id),c&&a&&t.chain.slice(1).map((r,i)=>{let a=i===t.chain.slice(1).length-1,o=z&&z(n),s=a&&o;return(0,V.jsx)(S,{actor:r.actor,allowDelete:r.object.authored,commentCount:r.object.replyCount??0,isChainContinuation:!0,isPending:_(r.id),last:a&&!s,layout:`reply`,likeCount:r.object.likeCount??0,object:r.object,parentId:U.id,repostCount:r.object.repostCount??0,type:`Note`,onClick:()=>{let t=p.current;t&&e&&$.set(e,t.scrollTop),Q(`/notes/${encodeURIComponent(r.id)}`)},onDelete:K},r.id)}),c&&t.chain.length>1&&!a&&(0,V.jsx)(le,{variant:`expand`,onClick:()=>_e(i)}),c&&a&&o&&z&&z(n)&&(0,V.jsx)(le,{loading:s,variant:`loadMore`,onClick:()=>ve(i,n)}),!r&&(0,V.jsx)(at,{})]},t.mainReply.id)}),O&&(0,V.jsx)(`div`,{className:`flex flex-col items-center justify-center text-center`,children:(0,V.jsx)(w,{size:`md`})})]}),R&&(0,V.jsx)(`div`,{ref:j,className:`h-1`})]})})]})]}),!F&&(0,V.jsxs)(`div`,{className:`pointer-events-none visible! sticky bottom-0 hidden items-end justify-between px-10 pb-[42px] lg:flex!`,children:[(0,V.jsx)(`div`,{className:`pointer-events-auto text-gray-600`,children:c(U.content??``)}),(0,V.jsxs)(`div`,{className:`pointer-events-auto min-w-10 text-right text-gray-600 transition-all duration-200 ease-out`,children:[xe,`%`]},xe)]})]})})}):(0,V.jsx)(`div`,{className:`max-h-full overflow-auto rounded-md ${n===`DARK`&&`dark`} ${(n===`LIGHT`||n===`SEPIA`)&&`light`} ${W[n].background}`,children:(0,V.jsx)(`div`,{className:`flex h-full flex-col`,children:(0,V.jsx)(`div`,{className:`relative flex-1`,children:(0,V.jsx)(`div`,{className:`sticky top-0 z-50 flex h-[102px] items-center justify-center rounded-t-md border-b max-md:h-[68px] ${W[n].background} ${W[n].border}`,children:(0,V.jsxs)(`div`,{className:`grid w-full px-8 max-lg:px-4`,style:{gridTemplateColumns:`1fr minmax(0,${q}) 1fr`},children:[(0,V.jsx)(`div`,{className:`flex items-center`,children:(0,V.jsx)(g,{className:W[n].button,onClick:t})}),(0,V.jsx)(`div`,{className:`col-[2/3] mx-auto flex w-full items-center gap-3 max-md:hidden`,children:(0,V.jsx)(`div`,{className:`grow text-center`,children:(0,V.jsx)(`span`,{children:`Error loading article.`})})})]})})})})})},st=({isLoading:e,activities:t,currentTopic:n,fetchNextPage:r,hasNextPage:o,isFetchingNextPage:c,onTopicChange:l})=>{let d=v(),{canGoBack:p,goBack:h}=a(),[g,b]=(0,B.useState)(!1),x=i(),{topicsQuery:re}=te(),{data:ie}=re,C=ie&&ie.topics.length>0;(0,B.useEffect)(()=>{b(!!x.postId)},[x.postId]);let T=(0,B.useRef)(null),D=(0,B.useRef)(null),O=(0,B.useRef)(null);(0,B.useEffect)(()=>(T.current&&T.current.disconnect(),T.current=new IntersectionObserver(e=>{e[0].isIntersecting&&o&&!c&&r()}),D.current&&T.current.observe(D.current),O.current&&T.current.observe(O.current),()=>{T.current&&T.current.disconnect()}),[o,c,r]);let k=Math.max(0,Math.floor(t.length*.75)-1);return(0,V.jsxs)(ne,{children:[C&&(0,V.jsx)(z,{currentTopic:n,excludeTopics:[`top`],onTopicChange:l}),(0,V.jsx)(`div`,{className:`flex w-full flex-col`,children:(0,V.jsx)(`div`,{className:`w-full`,children:t.length>0?(0,V.jsx)(`div`,{className:`my-4`,children:(0,V.jsx)(`div`,{className:`mx-auto flex min-h-[calc(100dvh_-_117px)] items-start gap-11`,children:(0,V.jsx)(`div`,{className:`flex w-full min-w-0 flex-col items-center`,children:(0,V.jsxs)(`div`,{className:`flex w-full min-w-0 flex-col items-start`,children:[(0,V.jsxs)(`ul`,{className:`mx-auto flex w-full flex-col`,"data-testid":`inbox-list`,children:[t.map((n,r)=>(0,V.jsxs)(`li`,{"data-testid":`inbox-item`,"data-test-view-article":!0,children:[(0,V.jsx)(S,{actor:n.actor,allowDelete:n.object.authored,commentCount:n.object.replyCount??0,isLoading:e,isPending:_(n.id),layout:`inbox`,likeCount:n.object.likeCount??0,object:n.object,repostCount:n.object.repostCount??0,type:n.type,onClick:()=>{d(`/reader/${encodeURIComponent(n.id)}`)}}),r<t.length-1&&(0,V.jsx)(ee,{}),r===k&&(0,V.jsx)(`div`,{ref:D,className:`h-1`})]},`${n.id}-${n.type}-${r}`)),c&&(0,V.jsx)(`li`,{className:`flex flex-col items-center justify-center gap-4 text-center`,children:(0,V.jsx)(w,{size:`md`})})]}),(0,V.jsx)(`div`,{ref:O,className:`h-1`})]})})})}):n===`following`?(0,V.jsx)(`div`,{className:`mt-[24vh]`,children:(0,V.jsx)(s,{actions:C?(0,V.jsx)(y,{onClick:()=>d(`/explore`),children:`Find accounts to follow →`}):(0,V.jsx)(y,{asChild:!0,children:(0,V.jsx)(`a`,{href:`https://explore.ghost.org/social-web`,rel:`noopener noreferrer`,target:`_blank`,children:`Find accounts to follow →`})}),description:`Start following publishers to see their long-form posts here.`,title:`Your Reader is empty`,children:(0,V.jsx)(E,{})})}):(0,V.jsx)(`div`,{className:`mt-[24vh]`,children:(0,V.jsx)(s,{description:`Explore other topics for more content.`,title:`Nothing here yet`,children:(0,V.jsx)(E,{})})})})}),(0,V.jsx)(L,{open:g,onOpenChange:e=>{e||(p?h():d(`/reader`)),b(e)},children:(0,V.jsxs)(u,{className:`inset-y-3 h-[calc(100vh-24px)] w-screen max-w-[calc(100vw-24px)] animate-none! p-0 focus:outline-hidden dark:bg-gray-950`,children:[(0,V.jsxs)(m,{className:`hidden`,children:[(0,V.jsx)(f,{children:`Reader`}),(0,V.jsx)(I,{children:`Ghost reader for long form articles`})]}),x.postId&&(0,V.jsx)(ot,{postId:x.postId,onClose:()=>{p?h():d(`/reader`)}})]})})]})},ct=()=>{let[e,t]=(0,B.useState)(`following`),{inboxQuery:n}=p({enabled:e===`following`}),{discoveryFeedQuery:r}=d({enabled:e!==`following`,topic:e}),{data:i,error:a,fetchNextPage:o,hasNextPage:s,isFetchingNextPage:c,isLoading:l}=e===`following`?n:r,u=a&&x(a)&&a.statusCode===404&&e!==`following`;return a&&x(a)&&!u?(0,V.jsx)(h,{errorCode:a.code,statusCode:a.statusCode}):(0,V.jsx)(st,{activities:u?[]:i?.pages.flatMap(e=>e.posts)??Array.from({length:5},(e,t)=>({id:`placeholder-${t}`,object:{}})),currentTopic:e,fetchNextPage:o,hasNextPage:s,isFetchingNextPage:c,isLoading:l,onTopicChange:t})};export{ct as default};