https://hachyderm.io/packs/columns_area-CMZxm2t8.js

1import{o as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{a as n,c as r,s as i}from"./react-intl-DlKP8ATg.js";import{t as a}from"./jsx-runtime-BdxMnOeJ.js";import{t as o}from"./react-dom-BddMPX6d.js";import{N as s,c}from"./initial_state-DnZ5UeDQ.js";import"./store-BKpYtGn4.js";import{r as l}from"./router-DyLRbCnX.js";import{l as u,o as d,s as f}from"./typed_functions-Whap35TF.js";import{Dt as p,qt as ee,zt as te}from"./filters-Br4s8K7f.js";import{n as m,t as h}from"./react-router-dom-C1dtKQUg.js";import{r as ne}from"./navigation_focus_target-B65hNV9H.js";import{t as g}from"./classnames-CfLRLWYq.js";import{i as _,n as v}from"./skip_links-CmGdRWd6.js";import{r as y}from"./server-DYfOIhN5.js";import{t as re}from"./close-DIPoUQpY.js";import{t as b}from"./short_number-Cg8abbMu.js";import{t as x}from"./icon-BNrUFRb_.js";import{t as S}from"./intl-B-3n4e1o.js";import{i as ie}from"./identity_context-CLXpzjnM.js";import{h as C,t as w}from"./account-jztc2BSU.js";import{t as T}from"./skeleton-BO82ZgT5.js";import{t as E}from"./bundle_column_error-Dc3rL_yE.js";import{t as ae}from"./add-B5d0-_pA.js";import{i as D,t as O}from"./navigation_panel-Cy-vodBh.js";import{E as k,F as A,I as j,W as M,Z as N,b as P,d as oe,g as F,nt as I,v as L,y as R}from"./async-components-XOODkk_M.js";import{t as z}from"./bundle-D48MvYTM.js";import{t as se}from"./chevron_left-Du0bxxM7.js";import{t as ce}from"./chevron_right-CyqmmHhV.js";import{t as B,w as le}from"./compose_form_container-CF8D7fFv.js";import{t as V}from"./server_hero_image-BU59oHIL.js";import{t as H}from"./link_footer-DaHtacuU.js";var U={page:`_feat_custom_homepage__page`,header:`_feat_custom_homepage__header`,banner:`_feat_custom_homepage__banner`,topSection:`_feat_custom_homepage__topSection`,block:`_feat_custom_homepage__block`,placeholder:`_feat_custom_homepage__placeholder`,minimalHeader:`_feat_custom_homepage__minimalHeader`,leftSide:`_feat_custom_homepage__leftSide`,rightSide:`_feat_custom_homepage__rightSide`,minimalFooter:`_feat_custom_homepage__minimalFooter`,contact:`_feat_custom_homepage__contact`},W=e(t()),G=a(),K=()=>{let e=d(),t=f(e=>e.server.server).item?.contact.email??``;return(0,W.useEffect)(()=>{e(y())},[e]),(0,G.jsxs)(`footer`,{className:U.minimalFooter,children:[(0,G.jsxs)(`div`,{className:U.contact,children:[(0,G.jsx)(n,{id:`custom_homepage.contact`,defaultMessage:`Contact:`}),(0,G.jsx)(`a`,{href:`mailto:${t}`,children:t})]}),(0,G.jsx)(h,{to:`/privacy-policy`,rel:`privacy-policy`,children:(0,G.jsx)(n,{id:`footer.privacy_policy`,defaultMessage:`Privacy policy`})})]})},q=()=>(0,G.jsxs)(`div`,{className:U.minimalHeader,children:[(0,G.jsx)(`div`,{className:U.leftSide,children:(0,G.jsx)(h,{to:`/overview`,children:c})}),(0,G.jsx)(`div`,{className:U.rightSide,children:(0,G.jsx)(`a`,{href:s??`/auth/sign_in`,"data-method":s?`post`:void 0,className:`button button-secondary`,children:(0,G.jsx)(n,{id:`sign_in_banner.sign_in`,defaultMessage:`Login`})})})]}),J=e(o()),ue=(0,W.createContext)({tabsBarElement:null,multiColumn:!1,setTabsBarElement:()=>void 0});function Y(){return(0,W.useContext)(ue)}var de=({children:e})=>{let{multiColumn:t,tabsBarElement:n}=Y();return t?e:n?(0,J.createPortal)(e,n):e},fe=({multiColumn:e,children:t})=>{let[n,r]=(0,W.useState)(null),i=(0,W.useMemo)(()=>({multiColumn:e,tabsBarElement:n,setTabsBarElement:r}),[e,n]);return(0,G.jsx)(ue.Provider,{value:i,children:t})},pe=e=>(0,G.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,height:24,viewBox:`0 -960 960 960`,width:24,...e,children:(0,G.jsx)(`path`,{d:`m313-440 224 224-57 56-320-320 320-320 57 56-224 224h487v80H313Z`})}),me=e=>(0,G.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,height:24,viewBox:`0 -960 960 960`,width:24,...e,children:(0,G.jsx)(`path`,{d:`m356-160-56-56 180-180 180 180-56 56-124-124-124 124Zm124-404L300-744l56-56 124 124 124-124 56 56-180 180Z`})}),X=e(g()),Z=i({show:{id:`column_header.show_settings`,defaultMessage:`Show settings`},hide:{id:`column_header.hide_settings`,defaultMessage:`Hide settings`},moveLeft:{id:`column_header.moveLeft_settings`,defaultMessage:`Move column to the left`},moveRight:{id:`column_header.moveRight_settings`,defaultMessage:`Move column to the right`},back:{id:`column_back_button.label`,defaultMessage:`Back`}}),he=({hasTitle:e})=>{let t=l(),i=r(),a=$(),o=(0,W.useCallback)(()=>{t.location.state?.fromMastodon?t.goBack():t.push(`/`)},[t]);return(0,G.jsxs)(`button`,{onClick:o,className:(0,X.default)(`column-header__back-button`,{compact:e}),id:e?void 0:v(a),"aria-label":i.formatMessage(Z.back),type:`button`,children:[(0,G.jsx)(x,{id:`chevron-left`,icon:pe,className:`column-back-button__icon`}),!e&&(0,G.jsx)(n,{id:`column_back_button.label`,defaultMessage:`Back`})]})},ge=({title:e,icon:t,iconComponent:i,active:a,children:o,className:s,pinned:c,multiColumn:u,extraButton:d,showBackButton:f,placeholder:p,appendContent:ee,collapseIssues:te,onClick:m,onMove:h,onPin:g})=>{let _=r(),{signedIn:y}=ie(),b=l(),[S,C]=(0,W.useState)(!0),[w,T]=(0,W.useState)(!1),E=(0,W.useCallback)(e=>{e.stopPropagation(),C(e=>!e),T(!0)},[C,T]),D=(0,W.useCallback)(()=>{m?.()},[m]),O=(0,W.useCallback)(()=>{h?.(-1)}

1,[h]),k=(0,W.useCallback)(()=>{h?.(1)},[h]),A=(0,W.useCallback)(()=>{T(!1)},[T]),j=(0,W.useCallback)(()=>{c||b.replace(`/`),g?.()},[b,c,g]),M=(0,X.default)(`column-header__wrapper`,s,{active:a}),N=(0,X.default)(`column-header`,{active:a}),P=(0,X.default)(`column-header__collapsible`,{collapsed:S,animating:w}),oe=(0,X.default)(`column-header__button`,{active:!S}),F,I,L,R,z;o&&(F=(0,G.jsx)(`div`,{className:`column-header__collapsible__extra`,children:o},`extra-content`)),u&&c?(I=(0,G.jsxs)(`button`,{className:`text-btn column-header__setting-btn`,onClick:j,type:`button`,children:[(0,G.jsx)(x,{id:`times`,icon:re}),` `,(0,G.jsx)(n,{id:`column_header.unpin`,defaultMessage:`Unpin`})]}),L=(0,G.jsxs)(`div`,{className:`column-header__setting-arrows`,children:[(0,G.jsx)(`button`,{title:_.formatMessage(Z.moveLeft),"aria-label":_.formatMessage(Z.moveLeft),className:`icon-button column-header__setting-btn`,onClick:O,type:`button`,children:(0,G.jsx)(x,{id:`chevron-left`,icon:se})}),(0,G.jsx)(`button`,{title:_.formatMessage(Z.moveRight),"aria-label":_.formatMessage(Z.moveRight),className:`icon-button column-header__setting-btn`,onClick:k,type:`button`,children:(0,G.jsx)(x,{id:`chevron-right`,icon:ce})})]})):u&&g&&(I=(0,G.jsxs)(`button`,{className:`text-btn column-header__setting-btn`,onClick:j,type:`button`,children:[(0,G.jsx)(x,{id:`plus`,icon:ae}),` `,(0,G.jsx)(n,{id:`column_header.pin`,defaultMessage:`Pin`})]})),!c&&(u&&b.location.state?.fromMastodon||f)&&(R=(0,G.jsx)(he,{hasTitle:!!e}));let B=[F];u&&B.push((0,G.jsxs)(`div`,{className:`column-header__advanced-buttons`,children:[I,L]},`buttons`)),y&&(o||u&&g)&&(z=(0,G.jsx)(`button`,{className:oe,title:_.formatMessage(S?Z.show:Z.hide),"aria-label":_.formatMessage(S?Z.show:Z.hide),onClick:E,type:`button`,children:(0,G.jsxs)(`i`,{className:`icon-with-badge`,children:[(0,G.jsx)(x,{id:`sliders`,icon:S?le:me}),te&&(0,G.jsx)(`i`,{className:`icon-with-badge__issue-badge`})]})}));let V=t&&i,H=(V||R)&&e,U=$(),K=(0,G.jsxs)(G.Fragment,{children:[!R&&V&&(0,G.jsx)(x,{id:t,icon:i,className:`column-header__icon`}),(0,G.jsx)(`span`,{className:`column-header__text`,children:e})]}),q=(0,X.default)(`column-header__title`,{"column-header__title--with-back-button":!!R}),J=(0,G.jsxs)(`div`,{className:M,children:[(0,G.jsxs)(`div`,{className:N,children:[R,H&&(0,G.jsx)(ne,{as:`h1`,className:`column-header__title-wrapper`,children:m?(0,G.jsx)(`button`,{onClick:D,className:q,type:`button`,id:v(U),children:K}):(0,G.jsx)(`span`,{className:q,tabIndex:-1,id:v(U),children:K})}),(0,G.jsxs)(`div`,{className:`column-header__buttons`,children:[d,z]})]}),(0,G.jsx)(`div`,{className:P,tabIndex:S?-1:void 0,onTransitionEnd:A,children:(0,G.jsx)(`div`,{className:`column-header__collapsible-inner`,children:(!S||w)&&B})}),ee]});return p?J:(0,G.jsx)(de,{children:J})},_e=e=>(0,G.jsxs)(_,{children:[(0,G.jsx)(ge,{...e}),(0,G.jsx)(`div`,{className:`scrollable`})]}),ve=()=>{let e=f(e=>e.meta.get(`layout`));return{singleColumn:e===`single-column`||e===`mobile`,multiColumn:e===`multi-column`,layout:e}},ye=i({aboutActiveUsers:{id:`server_banner.about_active_users`,defaultMessage:`People using this server during the last 30 days (Monthly Active Users)`},aboutThisServer:{id:`server_banner.more_about_this_server`,defaultMessage:`More about this server`}}),be=e=>({server:e.server.server}),xe=class extends W.PureComponent{componentDidMount(){let{dispatch:e}=this.props;e(y())}render(){let{server:e,intl:t}=this.props,r=e.isLoading;return(0,G.jsxs)(`div`,{className:`server-banner`,children:[(0,G.jsx)(`div`,{className:`server-banner__introduction`,children:(0,G.jsx)(n,{id:`server_banner.is_one_of_many`,defaultMessage:`{domain} is one of the many independent Mastodon servers you can use to participate in the fediverse.`,values:{domain:(0,G.jsx)(`strong`,{children:c}),mastodon:(0,G.jsx)(`a`,{href:`https://joinmastodon.org`,target:`_blank`,rel:`noopener`,children:`Mastodon`})}})}),(0,G.jsx)(m,{to:`/about`,children:(0,G.jsx)(V,{blurhash:e.item?.thumbnail.blurhash,src:e.item?.thumbnail.url,alt:t.formatMessage(ye.aboutThisServer),className:`server-banner__hero`})}),(0,G.jsx)(`div`,{className:`server-banner__description`,children:r?(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(T,{width:`100%`}),(0,G.jsx)(`br`,{}),(0,G.jsx)(T,{width:`100%`}),(0,G.jsx)(`br`,{}),(0,G.jsx)(T,{width:`70%`})]}):e.item?.description}),(0,G.jsxs)(`div`,{className:`server-banner__meta`,children:[(0,G.jsxs)(`div`,{className:`server-banner__meta__column`,children:[(0,G.jsx)(`h4`,{children:(0,G.jsx)(n,{id:`server_banner.administered_by`,defaultMessage:`Administered by:`})}),(0,G.jsx)(w,{id:e.item?.contact.account?.id,size:36,minimal:!0})]}),(0,G.jsxs)(`div`,{className:`server-banner__meta__column`,children:[(0,G.jsx)(`h4`,{children:(0,G.jsx)(n,{id:`server_banner.server_stats`,defaultMessage:`Server stats:`})}

1),r?(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(`strong`,{className:`server-banner__number`,children:(0,G.jsx)(T,{width:`10ch`})}),(0,G.jsx)(`br`,{}),(0,G.jsx)(`span`,{className:`server-banner__number-label`,children:(0,G.jsx)(T,{width:`5ch`})})]}):(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(`strong`,{className:`server-banner__number`,children:(0,G.jsx)(b,{value:e.item?.usage.users.active_month})}),(0,G.jsx)(`br`,{}),(0,G.jsx)(`span`,{className:`server-banner__number-label`,title:t.formatMessage(ye.aboutActiveUsers),children:(0,G.jsx)(n,{id:`server_banner.active_users`,defaultMessage:`active users`})})]})]})]})]})}},Se=u(be)(S(xe)),Ce=()=>{let e=d(),t=(0,W.useCallback)(()=>{e(p(!0))},[e]),{signedIn:n}=ie(),r=f(e=>{let t=e.compose.get(`mounted`);return typeof t==`number`&&t>1});(0,W.useEffect)(()=>(e(te()),()=>{e(ee())}),[e]);let{singleColumn:i}=ve();return(0,G.jsxs)(`div`,{className:`compose-panel`,onFocus:t,children:[(0,G.jsx)(D,{singleColumn:i}),!n&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(Se,{}),(0,G.jsx)(`div`,{className:`flex-spacer`})]}),n&&!r&&(0,G.jsx)(B,{singleColumn:!0}),n&&r&&(0,G.jsx)(`div`,{className:`compose-form`}),(0,G.jsx)(H,{context:i?`default`:`multi-column`})]})},we=()=>{let e=l(),t=f(e=>e.compose.get(`should_redirect_to_compose_page`));return(0,W.useLayoutEffect)(()=>{t&&e.push(`/publish`,{focusTarget:!1})},[e,t]),null},Te=()=>(0,G.jsx)(`div`,{className:`drawer`,children:(0,G.jsx)(`div`,{className:`drawer__pager`,children:(0,G.jsx)(`div`,{className:`drawer__inner`})})}),Ee={COMPOSE:L,HOME:j,NOTIFICATIONS:N,PUBLIC:I,REMOTE:I,COMMUNITY:F,HASHTAG:A,DIRECT:R,FAVOURITES:k,BOOKMARKS:oe,LIST:M,DIRECTORY:P},De=()=>{let{setTabsBarElement:e}=Y(),t=(0,W.useCallback)(t=>{t&&e(t)},[e]);return(0,G.jsx)(`div`,{id:`tabs-bar__portal`,ref:t})},Q=(0,W.createContext)(1),$=()=>(0,W.useContext)(Q),Oe=(0,W.forwardRef)(({children:e,minimalShell:t,singleColumn:n},r)=>{let i=!C(`full`),a=f(e=>e.settings.get(`columns`)),o=f(e=>!e.modal.get(`stack`).isEmpty());return t?(0,G.jsx)(`div`,{className:`columns-area__panels`,children:(0,G.jsxs)(`div`,{className:`columns-area__panels__main`,children:[(0,G.jsx)(q,{}),(0,G.jsx)(`div`,{className:`tabs-bar__wrapper`,children:(0,G.jsx)(De,{})}),(0,G.jsx)(`div`,{className:`columns-area columns-area--mobile`,children:e}),(0,G.jsx)(K,{})]})}):n?(0,G.jsxs)(`div`,{className:`columns-area__panels`,children:[(0,G.jsx)(`div`,{className:`columns-area__panels__pane columns-area__panels__pane--compositional`,children:(0,G.jsxs)(`div`,{className:`columns-area__panels__pane__inner`,children:[i&&(0,G.jsx)(Ce,{}),(0,G.jsx)(we,{})]})}),(0,G.jsxs)(`main`,{className:`columns-area__panels__main`,children:[(0,G.jsx)(`div`,{className:`tabs-bar__wrapper`,children:(0,G.jsx)(De,{})}),(0,G.jsx)(`div`,{className:`columns-area columns-area--mobile`,children:e})]}),(0,G.jsx)(O,{})]}):(0,G.jsxs)(`main`,{className:(0,X.default)(`columns-area`,{unscrollable:o}),ref:r,tabIndex:o?void 0:0,children:[a.map((e,t)=>{let n=e.get(`params`)?e.get(`params`)?.toJS():null,r=n?.other??{},i=e.get(`uuid`),a=e.get(`id`);return(0,G.jsx)(Q.Provider,{value:t,children:(0,G.jsx)(z,{fetchComponent:Ee[a],loading:Ae(a),error:ke,children:e=>(0,G.jsx)(e,{columnId:i,params:n,multiColumn:!0,...r})},i)},i)}),(0,G.jsx)(Q.Provider,{value:a.size,children:W.Children.map(e,e=>(0,W.isValidElement)(e)?(0,W.cloneElement)(e,{multiColumn:!0}):e)})]})});Oe.displayName=`ColumnsArea`;var ke=e=>(0,G.jsx)(E,{multiColumn:!0,errorType:`network`,...e}),Ae=e=>{let t=e===`COMPOSE`?(0,G.jsx)(Te,{}):(0,G.jsx)(_e,{multiColumn:!0});return()=>t};export{ge as a,de as c,U as d,_e as i,fe as l,$ as n,Z as o,ve as r,pe as s,Oe as t,Y as u};
2//# sourceMappingURL=columns_area-CMZxm2t8.js.map