https://norden.social/packs/columns_area-CSFC2UNG.js

1import{o as e}from"./chunk-CMxvf4Kt.js";import{n as t,t as n}from"./jsx-runtime-SsSjplwM.js";import{a as r,c as i,s as a}from"./react-intl-Cop388b4.js";import{r as o}from"./preload-helper-MPxKRjA8.js";import{P as s,l as c}from"./prop-types-BTvjt2rf.js";import{$ as l,J as u,r as ee,rt as te}from"./poll-GhgBJIBe.js";import{Fr as d,Kr as ne,ei as re,yt as f}from"./render-iwa9xCPR.js";import{r as p}from"./router-CJ0BotBa.js";import{l as ie,o as m,s as h}from"./typed_functions-CyAHd4bl.js";import{n as g,r as _,t as v}from"./short_number-Coj2vPT7.js";import{Ct as ae,Q as y,Rt as b,St as x,Ut as S,V as C,at as w,jt as T,mn as oe,ot as E,pt as se,rt as D,st as O}from"./status_quoted-D8K2gmDl.js";import{t as k}from"./classnames-CYxIelk8.js";import{i as A,n as j}from"./skip_links-Cs-b_fqC.js";import{t as M}from"./intl-5El_RLKu.js";import{h as N,t as P}from"./account-Oh3Abk9F.js";import{t as F}from"./skeleton-F9wtbjO5.js";import{t as I}from"./bundle_column_error-H0oiaHiJ.js";import{t as ce}from"./add-COFszs2T.js";import{i as L,t as R}from"./navigation_panel-C78FcEaN.js";import{t as le}from"./chevron_left-CiGtVExw.js";import{E as ue,t as z}from"./compose_form_container-azDrd2AH.js";import{t as B}from"./server_hero_image-D9yJPif8.js";import{t as V}from"./link_footer-zQVwVmw6.js";var H={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`},U=e(t()),W=n(),G=()=>{let e=m(),t=h(e=>e.server.server).item?.contact.email??``;return(0,U.useEffect)(()=>{e(f())},[e]),(0,W.jsxs)(`footer`,{className:H.minimalFooter,children:[(0,W.jsxs)(`div`,{className:H.contact,children:[(0,W.jsx)(r,{id:`custom_homepage.contact`,defaultMessage:`Contact:`}),(0,W.jsx)(`a`,{href:`mailto:${t}`,children:t})]}),(0,W.jsx)(g,{to:`/privacy-policy`,rel:`privacy-policy`,children:(0,W.jsx)(r,{id:`footer.privacy_policy`,defaultMessage:`Privacy policy`})})]})},K=()=>(0,W.jsxs)(`div`,{className:H.minimalHeader,children:[(0,W.jsx)(`div`,{className:H.leftSide,children:(0,W.jsx)(g,{to:`/overview`,children:c})}),(0,W.jsx)(`div`,{className:H.rightSide,children:(0,W.jsx)(`a`,{href:s??`/auth/sign_in`,"data-method":s?`post`:void 0,className:`button button-secondary`,children:(0,W.jsx)(r,{id:`sign_in_banner.sign_in`,defaultMessage:`Login`})})})]}),q=e(o()),J=(0,U.createContext)({tabsBarElement:null,multiColumn:!1,setTabsBarElement:()=>void 0});function Y(){return(0,U.useContext)(J)}var de=({children:e})=>{let{multiColumn:t,tabsBarElement:n}=Y();return t?e:n?(0,q.createPortal)(e,n):e},fe=({multiColumn:e,children:t})=>{let[n,r]=(0,U.useState)(null),i=(0,U.useMemo)(()=>({multiColumn:e,tabsBarElement:n,setTabsBarElement:r}),[e,n]);return(0,W.jsx)(J.Provider,{value:i,children:t})},pe=e=>(0,W.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,height:24,viewBox:`0 -960 960 960`,width:24,...e,children:(0,W.jsx)(`path`,{d:`m313-440 224 224-57 56-320-320 320-320 57 56-224 224h487v80H313Z`})}),me=e=>(0,W.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,height:24,viewBox:`0 -960 960 960`,width:24,...e,children:(0,W.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(k()),Z=a({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=p(),n=i(),a=$();return(0,W.jsxs)(`button`,{onClick:(0,U.useCallback)(()=>{t.location.state?.fromMastodon?t.goBack():t.push(`/`)},[t]),className:(0,X.default)(`column-header__back-button`,{compact:e}),id:e?void 0:j(a),"aria-label":n.formatMessage(Z.back),type:`button`,children:[(0,W.jsx)(l,{id:`chevron-left`,icon:pe,className:`column-back-button__icon`}),!e&&(0,W.jsx)(r,{id:`column_back_button.label`,defaultMessage:`Back`})]})},ge=({title:e,icon:t,iconComponent:n,active:a,children:o,className:s,pinned:c,multiColumn:d,extraButton:ne,showBackButton:re,placeholder:f,appendContent:ie,collapseIssues:m,onClick:h,onMove:g,onPin:_})=>{let v=i(),{signedIn:ae}=u(),y=p(),[b,x]=(0,U.useState)(!0),[S,C]=(0,U.useState)(!1),w=(0,U.useCallback)(e=>{e.stopPropagation(),x(e=>!e),C(!0)},[x,C]),T=(0,U.useCallback)(()=>{h?.()},[h]),E=(0,U.useCallback)(()=>{g?.(-1)},[g]),se=(0,U.useCallback)(()=>{g?.(1)},[g]),D=(0,U.useCallback)(()=>{C(!1)},[C]),O=(0,U.useCallback)(()=>{c||y.replace(`/`),_?.()}

1,[y,c,_]),k=(0,X.default)(`column-header__wrapper`,s,{active:a}),A=(0,X.default)(`column-header`,{active:a}),M=(0,X.default)(`column-header__collapsible`,{collapsed:b,animating:S}),N=(0,X.default)(`column-header__button`,{active:!b}),P,F,I,L,R;o&&(P=(0,W.jsx)(`div`,{className:`column-header__collapsible__extra`,children:o},`extra-content`)),d&&c?(F=(0,W.jsxs)(`button`,{className:`text-btn column-header__setting-btn`,onClick:O,type:`button`,children:[(0,W.jsx)(l,{id:`times`,icon:te}),` `,(0,W.jsx)(r,{id:`column_header.unpin`,defaultMessage:`Unpin`})]}),I=(0,W.jsxs)(`div`,{className:`column-header__setting-arrows`,children:[(0,W.jsx)(`button`,{title:v.formatMessage(Z.moveLeft),"aria-label":v.formatMessage(Z.moveLeft),className:`icon-button column-header__setting-btn`,onClick:E,type:`button`,children:(0,W.jsx)(l,{id:`chevron-left`,icon:le})}),(0,W.jsx)(`button`,{title:v.formatMessage(Z.moveRight),"aria-label":v.formatMessage(Z.moveRight),className:`icon-button column-header__setting-btn`,onClick:se,type:`button`,children:(0,W.jsx)(l,{id:`chevron-right`,icon:ee})})]})):d&&_&&(F=(0,W.jsxs)(`button`,{className:`text-btn column-header__setting-btn`,onClick:O,type:`button`,children:[(0,W.jsx)(l,{id:`plus`,icon:ce}),` `,(0,W.jsx)(r,{id:`column_header.pin`,defaultMessage:`Pin`})]})),!c&&(d&&y.location.state?.fromMastodon||re)&&(L=(0,W.jsx)(he,{hasTitle:!!e}));let z=[P];d&&z.push((0,W.jsxs)(`div`,{className:`column-header__advanced-buttons`,children:[F,I]},`buttons`)),ae&&(o||d&&_)&&(R=(0,W.jsx)(`button`,{className:N,title:v.formatMessage(b?Z.show:Z.hide),"aria-label":v.formatMessage(b?Z.show:Z.hide),onClick:w,type:`button`,children:(0,W.jsxs)(`i`,{className:`icon-with-badge`,children:[(0,W.jsx)(l,{id:`sliders`,icon:b?ue:me}),m&&(0,W.jsx)(`i`,{className:`icon-with-badge__issue-badge`})]})}));let B=t&&n,V=(B||L)&&e,H=$(),G=(0,W.jsxs)(W.Fragment,{children:[!L&&B&&(0,W.jsx)(l,{id:t,icon:n,className:`column-header__icon`}),(0,W.jsx)(`span`,{className:`column-header__text`,children:e})]}),K=(0,X.default)(`column-header__title`,{"column-header__title--with-back-button":!!L}),q=(0,W.jsxs)(`div`,{className:k,children:[(0,W.jsxs)(`div`,{className:A,children:[L,V&&(0,W.jsx)(oe,{as:`h1`,className:`column-header__title-wrapper`,children:h?(0,W.jsx)(`button`,{onClick:T,className:K,type:`button`,id:j(H),children:G}):(0,W.jsx)(`span`,{className:K,tabIndex:-1,id:j(H),children:G})}),(0,W.jsxs)(`div`,{className:`column-header__buttons`,children:[ne,R]})]}),(0,W.jsx)(`div`,{className:M,tabIndex:b?-1:void 0,onTransitionEnd:D,children:(0,W.jsx)(`div`,{className:`column-header__collapsible-inner`,children:(!b||S)&&z})}),ie]});return f?q:(0,W.jsx)(de,{children:q})},_e=e=>(0,W.jsxs)(A,{children:[(0,W.jsx)(ge,{...e}),(0,W.jsx)(`div`,{className:`scrollable`})]}),ve=()=>{let e=h(e=>e.meta.get(`layout`));return{singleColumn:e===`single-column`||e===`mobile`,multiColumn:e===`multi-column`,layout:e}},ye=a({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 U.PureComponent{componentDidMount(){let{dispatch:e}=this.props;e(f())}render(){let{server:e,intl:t}=this.props,n=e.isLoading;return(0,W.jsxs)(`div`,{className:`server-banner`,children:[(0,W.jsx)(`div`,{className:`server-banner__introduction`,children:(0,W.jsx)(r,{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,W.jsx)(`strong`,{children:c}),mastodon:(0,W.jsx)(`a`,{href:`https://joinmastodon.org`,target:`_blank`,rel:`noopener`,children:`Mastodon`})}})}),(0,W.jsx)(_,{to:`/about`,children:(0,W.jsx)(B,{blurhash:e.item?.thumbnail.blurhash,src:e.item?.thumbnail.url,alt:t.formatMessage(ye.aboutThisServer),className:`server-banner__hero`})}),(0,W.jsx)(`div`,{className:`server-banner__description`,children:n?(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(F,{width:`100%`}),(0,W.jsx)(`br`,{}),(0,W.jsx)(F,{width:`100%`}),(0,W.jsx)(`br`,{}),(0,W.jsx)(F,{width:`70%`})]}):e.item?.description}),(0,W.jsxs)(`div`,{className:`server-banner__meta`,children:[(0,W.jsxs)(`div`,{className:`server-banner__meta__column`,children:[(0,W.jsx)(`h4`,{children:(0,W.jsx)(r,{id:`server_banner.administered_by`,defaultMessage:`Administered by:`})}),(0,W.jsx)(P,{id:e.item?.contact.account?.id,size:36,minimal:!0})]}),(0,W.jsxs)(`div`,{className:`server-banner__meta__column`,children:[(0,W.jsx)(`h4`,{children:(0,W.jsx)(r,{id:`server_banner.server_stats`,defaultMessage:`Server stats:`})}),n?(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(`strong`,{className:`server-banner__number`,children:(0,W.jsx)(F,{width:`10ch`})}),(0,W.jsx)(`br`,{}),(0,W.jsx)(`span`,{className:`server-banner__number-label`,children:(0,W.jsx)(F,{width:`5ch`})})]}):(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(`strong`,{className:`server-banner__number`,children:(0,W.jsx)(v,{value:e.item?.usage.users.active_month})}),(0,W.jsx)(`br`,{}),(0,W.jsx)(`span`,{className:`server-banner__number-label`,title:t.formatMessage(ye.aboutActiveUsers),children:(0,W.jsx)(r,{id:`server_banner.active_users`,defaultMessage:`active users`})})]})]})]})]})}},Se=ie(be)(M(xe)),Ce=()=>{let e=m(),t=(0,U.useCallback)(()=>{e(d(!0))},[e]),{signedIn:n}=u(),r=h(e=>{let t=e.compose.get(`mounted`);return typeof t==`number`?t>1:!1});(0,U.useEffect)(()=>(e(ne()),()=>{e(re())}),[e]);let{singleColumn:i}=ve();return(0,W.jsxs)(`div`,{className:`compose-panel`,onFocus:t,children:[(0,W.jsx)(L,{singleColumn:i}),!n&&(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(Se,{}),(0,W.jsx)(`div`,{className:`flex-spacer`})]}),n&&!r&&(0,W.jsx)(z,{singleColumn:!0}),n&&r&&(0,W.jsx)(`div`,{className:`compose-form`}),(0,W.jsx)(V,{context:i?`default`:`multi-column`})]})},we=()=>{let e=p(),t=h(e=>e.compose.get(`should_redirect_to_compose_page`));return(0,U.useLayoutEffect)(()=>{t&&e.push(`/publish`)},[e,t]),null},Te=()=>(0,W.jsx)(`div`,{className:`drawer`,children:(0,W.jsx)(`div`,{className:`drawer__pager`,children:(0,W.jsx)(`div`,{className:`drawer__inner`})})}),Ee={COMPOSE:w,HOME:ae,NOTIFICATIONS:b,PUBLIC:S,REMOTE:S,COMMUNITY:D,HASHTAG:x,DIRECT:E,FAVOURITES:se,BOOKMARKS:y,LIST:T,DIRECTORY:O},De=()=>{let{setTabsBarElement:e}=Y();return(0,W.jsx)(`div`,{id:`tabs-bar__portal`,ref:(0,U.useCallback)(t=>{t&&e(t)},[e])})},Q=(0,U.createContext)(1),$=()=>(0,U.useContext)(Q),Oe=(0,U.forwardRef)(({children:e,minimalShell:t,singleColumn:n},r)=>{let i=!N(`full`),a=h(e=>e.settings.get(`columns`)),o=h(e=>!e.modal.get(`stack`).isEmpty());return t?(0,W.jsx)(`div`,{className:`columns-area__panels`,children:(0,W.jsxs)(`div`,{className:`columns-area__panels__main`,children:[(0,W.jsx)(K,{}),(0,W.jsx)(`div`,{className:`tabs-bar__wrapper`,children:(0,W.jsx)(De,{})}),(0,W.jsx)(`div`,{className:`columns-area columns-area--mobile`,children:e}),(0,W.jsx)(G,{})]})}):n?(0,W.jsxs)(`div`,{className:`columns-area__panels`,children:[(0,W.jsx)(`div`,{className:`columns-area__panels__pane columns-area__panels__pane--compositional`,children:(0,W.jsxs)(`div`,{className:`columns-area__panels__pane__inner`,children:[i&&(0,W.jsx)(Ce,{}),(0,W.jsx)(we,{})]})}),(0,W.jsxs)(`main`,{className:`columns-area__panels__main`,children:[(0,W.jsx)(`div`,{className:`tabs-bar__wrapper`,children:(0,W.jsx)(De,{})}),(0,W.jsx)(`div`,{className:`columns-area columns-area--mobile`,children:e})]}),(0,W.jsx)(R,{})]}):(0,W.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,W.jsx)(Q.Provider,{value:t,children:(0,W.jsx)(C,{fetchComponent:Ee[a],loading:Ae(a),error:ke,children:e=>(0,W.jsx)(e,{columnId:i,params:n,multiColumn:!0,...r})},i)},i)}),(0,W.jsx)(Q.Provider,{value:a.size,children:U.Children.map(e,e=>(0,U.cloneElement)(e,{multiColumn:!0}))})]})});Oe.displayName=`ColumnsArea`;var ke=e=>(0,W.jsx)(I,{multiColumn:!0,errorType:`network`,...e}),Ae=e=>{let t=e===`COMPOSE`?(0,W.jsx)(Te,{}):(0,W.jsx)(_e,{multiColumn:!0});return()=>t};export{ge as a,de as c,H 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-CSFC2UNG.js.map