Module 863212

function(e,t,a){a.r(t),a.d(t,{playgroundConfig:()=>L,guildSpaceCollection:()=>k});var l=a(477900),s=a(582128),r=a(503698),i=a.n(r),n=a(834730),o=a(872188),d=a(450284);let u={title:"Server Hub Publishing",stories:[{name:"Draft notice (publish)",id:"guild-space-draft-notice",docs:"The admin-only bar shown while a hub is unpublished; members can't reach a draft hub at all. Publishing is what reveals the tab to the rest of the server, and it unmounts the notice \u2014 the success case swaps in a placeholder because the real page stops rendering it. Success also fires a screen-reader announcement, since a bar disappearing is otherwise silent. No control triggers a real request.",component:function(e){let{width:t,outcome:a}=e,[r,u]=s.useState(!1),[c,p]=s.useState(a);c!==a&&(p(a),u(!1));let h=s.useCallback(()=>{switch(a){case"success":return u(!0),Promise.resolve();case"failure":return Promise.reject(Error("story"));case"pending":return new Promise(()=>{})}},[a]);return(0,l.jsx)("div",{className:i()(d.frame,d[t]),children:r?(0,l.jsx)(n.E,{variant:"text-sm/normal",color:"text-muted",children:"Published \u2014 the real notice unmounts here, and the tab appears for members."}):(0,l.jsx)(o.A,{onPublish:h})})},controls:{width:{label:"Page width",type:"select",defaultValue:"wide",options:[{label:"Wide (1100px)",value:"wide"},{label:"Narrow (320px, reflow floor)",value:"narrow"}]},outcome:{label:"Publish outcome",type:"select",defaultValue:"success",options:[{label:"Succeeds (notice unmounts)",value:"success"},{label:"Fails (inline error, role=alert)",value:"failure"},{label:"Never settles (holds loading state)",value:"pending"}]}}}]};var c=a(228366),p=a(593673),h=a(518782),m=a(529609);let g=0;function v(e,t,a,l){let s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};return{id:e,type:t,default_title:null,position:{column:a,order:l},config:{type:t,...s},requires_hydration:t===p.a.LEADERBOARD,locked:!1}}var b=a(81253);let _=[v("left-2",p.a.LEADERBOARD,0,1,{heading:"Top chatters this week"}),v("right-1",p.a.LEADERBOARD,1,0,{heading:"Top boosters"}),v("left-1",p.a.IMAGE_TEXT,0,0,{title:"Welcome to the server",body:"Drop in, say hi, and check the pinned posts for the rules and event schedule.",imageUrl:"https://placehold.co/640x180",imageAlt:"Server banner placeholder"}),v("right-2",p.a.IMAGE_TEXT,1,1,{title:"Events",body:"Game night every Friday."})],y=_.filter(e=>{let{requires_hydration:t}=e;return t}).map(e=>{let{id:t}=e;return t}),f={stat:h.R.GAMING_LEADERBOARD_STAT_HOURS_PLAYED,week_start_ts:1756512e3,next_stat:h.R.GAMING_LEADERBOARD_STAT_DAYS_PLAYED,previous_winner:"2",streak_count:3,entries:[{user_id:"1",name:"wumpus",value:4821,rank:1,application_ids:["1"],time_played_seconds:8400},{user_id:"2",name:"clyde",value:3960,rank:2,application_ids:["1","2"],time_played_seconds:6200},{user_id:"3",name:"nelly",value:2715,rank:3,application_ids:["2"],time_played_seconds:4100}]},w={title:"Server Hub Page",stories:[{name:"Server Hub grid (view mode)",id:"guild-space-grid",docs:"Read-only hub layout. Widgets are placed by position.column then position.order (the mock set is deliberately out of array order). Wide renders 2fr/1fr; narrow collapses to one column with the left column first. The hydration control drives the real GuildSpaceHydrationStore: ImageText never hydrates, the leaderboards do.",component:function(e){let t,{width:a,hydration:r}=e,n=(t=`guild-space-story-${r}`,s.useEffect(()=>{let e=g++;if(c.h.dispatch({type:"GUILD_SPACE_HYDRATE_START",guildId:t,requestId:e,widgetIds:y}),"loading"!==r){if("error"===r)return void c.h.dispatch({type:"GUILD_SPACE_HYDRATE_FAILURE",guildId:t,requestId:e,retryable:!1});c.h.dispatch({type:"GUILD_SPACE_HYDRATE_SUCCESS",guildId:t,requestId:e,widgets:y.map(e=>({id:e,data:"success"===r?{type:p.a.LEADERBOARD,...f}:null}))})}},[t,r]),t);return(0,l.jsx)("div",{className:i()(b.frame,b[a]),children:(0,l.jsx)(m.A,{canEdit:!0,guildId:n,widgets:_})})},controls:{width:{label:"Page width",type:"select",defaultValue:"wide",options:[{label:"Wide (1100px, two columns)",value:"wide"},{label:"Narrow (600px, collapsed)",value:"narrow"}]},hydration:{label:"Hydration",type:"select",defaultValue:"success",options:[{label:"Success",value:"success"},{label:"Loading",value:"loading"},{label:"Transient failure (holds loading; re-select to spend attempts)",value:"retrying"},{label:"Error (non-retryable)",value:"error"}]}}}]};var E=a(539888),A=a(546184);function S(e){let{label:t,className:a,children:s}=e;return(0,l.jsxs)("div",{className:`${A.Gt} ${a}`,children:[(0,l.jsx)(n.E,{variant:"text-xs/medium",color:"text-muted",children:t}),s]})}function x(e){let{mode:t,hydration:a,type:r,initialConfig:i,successData:n}=e,[o,d]=s.useState(i),u=(0,l.jsx)(E.P,{guildId:"widget-slot-story-guild",widget:{id:"1",type:r,config:o},guildSpaceMode:t,hydration:function(e,t){switch(e){case"none":return;case"success":return{status:"success",data:t};default:return{status:e}}}(a,n),onRemove:()=>{},onCommitConfig:d});return(0,l.jsxs)("div",{className:A.Zp,children:[(0,l.jsx)(S,{label:"Narrow column (380px)",className:A.sc,children:u}),(0,l.jsx)(S,{label:"Wide column (685px)",className:A.U,children:u})]})}let D={text:"Drop in, say hi, and check the pinned posts for the rules and event schedule.",image_hash:"some_hash"},R={},T={stat:h.R.GAMING_LEADERBOARD_STAT_HOURS_PLAYED,week_start_ts:1756512e3,next_stat:h.R.GAMING_LEADERBOARD_STAT_DAYS_PLAYED,previous_winner:"2",streak_count:3,entries:[{user_id:"1",name:"wumpus",value:4821,rank:1,application_ids:["1"],time_played_seconds:8400},{user_id:"2",name:"clyde",value:3960,rank:2,application_ids:["1","2"],time_played_seconds:6200},{user_id:"3",name:"nelly",value:2715,rank:3,application_ids:["2"],time_played_seconds:4100},{user_id:"4",name:"a_very_long_username_that_truncates",value:1204,rank:4,application_ids:["2"],time_played_seconds:2900}]},k={id:"guild-space",name:"Server Hub",groups:[w,u,{title:"Server Hub Widget Framework",stories:[{name:"WidgetSlot + ImageText",id:"guild-space-widget-slot-image-text",docs:"ImageText reference widget (no hydration) across view/edit and each mock hydration state. In edit mode the pencil opens the framework-owned Edit modal; Save commits config through onCommitConfig, Cancel/close discards.",component:function(e){return(0,l.jsx)(x,{...e,type:p.a.IMAGE_TEXT,title:"Image + Text",initialConfig:D,successData:void 0})},controls:{mode:{label:"Mode",type:"select",defaultValue:"view",options:[{label:"View",value:"view"},{label:"Edit",value:"edit"}]},hydration:{label:"Hydration",type:"select",defaultValue:"none",options:[{label:"None (no hydration)",value:"none"},{label:"Idle",value:"idle"},{label:"Loading",value:"loading"},{label:"Success",value:"success"},{label:"Error",value:"error"}]}}},{name:"WidgetSlot + Leaderboard",id:"guild-space-widget-slot-leaderboard",docs:"Leaderboard reference widget (hydrated) rendering content from the mock data prop on success, and the widget-owned loading/error states otherwise. The pencil opens the framework-owned Edit modal for its config.",component:function(e){return(0,l.jsx)(x,{...e,type:p.a.LEADERBOARD,title:"Leaderboard",initialConfig:R,successData:T})},controls:{mode:{label:"Mode",type:"select",defaultValue:"view",options:[{label:"View",value:"view"},{label:"Edit",value:"edit"}]},hydration:{label:"Hydration",type:"select",defaultValue:"success",options:[{label:"None (no hydration)",value:"none"},{label:"Idle",value:"idle"},{label:"Loading",value:"loading"},{label:"Success",value:"success"},{label:"Error",value:"error"}]}}}]}],tags:["Server Hub","Widgets","GuildSpace","Publish"]},L={playgroundBaseUrl:"guild-space",collections:[k]}}