4e5acb0c0dc868a68333f765723bedb5d58a0992
1 (window
.webpackJsonp
=window
.webpackJsonp
||[]).push([[78],{805:function(e
,a
,o
){"use strict";o
.r(a
),o
.d(a
,"default",(function(){return I
}));var t
,n
=o(2),i
=(o(9),o(6),o(8)),d
=o(1),s
=o(0),c
=o(3),r
=o
.n(c
),l
=o(15),b
=o(7),u
=o(216),g
=o
.n(u
),m
=o(14),p
=o
.n(m
),v
=o(214),f
=o(548),j
=o(768),O
=o(774),h
=o(725),_
=o(18);var w=function(){},y
=Object(b
.f
)({home_title:{id:"column.home",defaultMessage:"Home"},notifications_title:{id:"column.notifications",defaultMessage:"Notifications"},local_title:{id:"column.community",defaultMessage:"Local timeline"},federated_title:{id:"column.public",defaultMessage:"Federated timeline"}}),M=function(e
){var a
=e
.acct
,o
=e
.domain
;return(Object(s
.a
)("div",{className:"onboarding-modal__page onboarding-modal__page-one"},void 0,Object(s
.a
)("div",{style:{flex:"0 0 auto"}},void 0,Object(s
.a
)("div",{className:"onboarding-modal__page-one__elephant-friend"})),Object(s
.a
)("div",{},void 0,Object(s
.a
)("h1",{},void 0,Object(s
.a
)(b
.b
,{id:"onboarding.page_one.welcome",defaultMessage:"Welcome to {domain}!",values:{domain:o
}})),Object(s
.a
)("p",{},void 0,Object(s
.a
)(b
.b
,{id:"onboarding.page_one.federation",defaultMessage:'{domain} is an "instance" of Mastodon. Mastodon is a network of independent servers joining up to make one larger social network. We call these servers instances.',values:{domain:o
}})),Object(s
.a
)("p",{},void 0,Object(s
.a
)(b
.b
,{id:"onboarding.page_one.handle",defaultMessage:"You are on {domain}, so your full handle is {handle}",values:{domain:o
,handle:Object(s
.a
)("strong",{},void 0,"@",a
,"@",o
)}})))))},x=function(e
){e
.intl
;var a
=e
.myAccount
;return(Object(s
.a
)("div",{className:"onboarding-modal__page onboarding-modal__page-two"},void 0,Object(s
.a
)("div",{className:"figure non-interactive"},void 0,Object(s
.a
)("div",{className:"pseudo-drawer"},void 0,Object(s
.a
)(j
.a
,{account:a
}),Object(s
.a
)(f
.a
,{privacy:"public",text:"Awoo! #introductions",spoilerText:"",suggestions:[]}))),Object(s
.a
)("p",{},void 0,Object(s
.a
)(b
.b
,{id:"onboarding.page_two.compose",defaultMessage:"Write posts from the compose column. You can upload images, change privacy settings, and add content warnings with the icons below."}))))},N=function(e
){e
.intl
;var a
=e
.myAccount
;return(Object(s
.a
)("div",{className:"onboarding-modal__page onboarding-modal__page-three"},void 0,Object(s
.a
)("div",{className:"figure non-interactive"},void 0,Object(s
.a
)(O
.a
,{value:"",onChange:w
,onSubmit:w
,onClear:w
,onShow:w
}),Object(s
.a
)("div",{className:"pseudo-drawer"},void 0,Object(s
.a
)(j
.a
,{account:a
}))),Object(s
.a
)("p",{},void 0,Object(s
.a
)(b
.b
,{id:"onboarding.page_three.search",defaultMessage:"Use the search bar to find people and look at hashtags, such as {illustration} and {introductions}. To look for a person who is not on this instance, use their full handle.",values:{illustration:Object(s
.a
)(v
.a
,{to:"/timelines/tag/illustration",href:"/tags/illustration"},void 0,"#illustration"),introductions:Object(s
.a
)(v
.a
,{to:"/timelines/tag/introductions",href:"/tags/introductions"},void 0,"#introductions")}})),Object(s
.a
)("p",{},void 0,Object(s
.a
)(b
.b
,{id:"onboarding.page_three.profile",defaultMessage:"Edit your profile to change your avatar, bio, and display name. There, you will also find other preferences."}))))},k=function(e
){var a
=e
.domain
,o
=e
.intl
;return(Object(s
.a
)("div",{className:"onboarding-modal__page onboarding-modal__page-four"},void 0,Object(s
.a
)("div",{className:"onboarding-modal__page-four__columns"},void 0,Object(s
.a
)("div",{className:"row"},void 0,Object(s
.a
)("div",{},void 0,Object(s
.a
)("div",{className:"figure non-interactive"},void 0,Object(s
.a
)(h
.a
,{icon:"home",type:o
.formatMessage(y
.home_title
)})),Object(s
.a
)("p",{},void 0,Object(s
.a
)(b
.b
,{id:"onboarding.page_four.home",defaultMessage:"The home timeline shows posts from people you follow."}))),Object(s
.a
)("div",{},void 0,Object(s
.a
)("div",{className:"figure non-interactive"},void 0,Object(s
.a
)(h
.a
,{icon:"bell",type:o
.formatMessage(y
.notifications_title
)})),Object(s
.a
)("p",{},void 0,Object(s
.a
)(b
.b
,{id:"onboarding.page_four.notifications",defaultMessage:"The notifications column shows when someone interacts with you."})))),Object(s
.a
)("div",{className:"row"},void 0,Object(s
.a
)("div",{},void 0,Object(s
.a
)("div",{className:"figure non-interactive",style:{marginBottom:0}},void 0,Object(s
.a
)(h
.a
,{icon:"users",type:o
.formatMessage(y
.local_title
)}))),Object(s
.a
)("div",{},void 0,Object(s
.a
)("div",{className:"figure non-interactive",style:{marginBottom:0}},void 0,Object(s
.a
)(h
.a
,{icon:"globe",type:o
.formatMessage(y
.federated_title
)})))),Object(s
.a
)("p",{},void 0,Object(s
.a
)(b
.b
,{id:"onboarding.page_five.public_timelines",defaultMessage:"The local timeline shows public posts from everyone on {domain}. The federated timeline shows public posts from everyone who people on {domain} follow. These are the Public Timelines, a great way to discover new people.",values:{domain:a
}})))))},A=function(e
){var a
=e
.admin
,o
=e
.domain
,t
="";return a
&&(t
=Object(s
.a
)("p",{},void 0,Object(s
.a
)(b
.b
,{id:"onboarding.page_six.admin",defaultMessage:"Your instance's admin is {admin}.",values:{admin:Object(s
.a
)(v
.a
,{href:a
.get("url"),to:"/accounts/"+a
.get("id")},void 0,"@",a
.get("acct"))}}),Object(s
.a
)("br",{}),Object(s
.a
)(b
.b
,{id:"onboarding.page_six.read_guidelines",defaultMessage:"Please read {domain}'s {guidelines}!",values:{domain:o
,guidelines:Object(s
.a
)("a",{href:"/about/more",target:"_blank"},void 0,Object(s
.a
)(b
.b
,{id:"onboarding.page_six.guidelines",defaultMessage:"community guidelines"}))}}))),Object(s
.a
)("div",{className:"onboarding-modal__page onboarding-modal__page-six"},void 0,Object(s
.a
)("h1",{},void 0,Object(s
.a
)(b
.b
,{id:"onboarding.page_six.almost_done",defaultMessage:"Almost done..."})),t
,Object(s
.a
)("p",{},void 0,Object(s
.a
)(b
.b
,{id:"onboarding.page_six.github",defaultMessage:"{domain} runs on Glitchsoc. Glitchsoc is a friendly {fork} of {Mastodon}. Glitchsoc is fully compatible with all Mastodon apps and instances. Glitchsoc is free open-source software. You can report bugs, request features, or contribute to the code on {github}.",values:{domain:o
,fork:Object(s
.a
)("a",{href:"https://en.wikipedia.org/wiki/Fork_(software_development)",target:"_blank",rel:"noopener"},void 0,"fork"),Mastodon:Object(s
.a
)("a",{href:"https://github.com/tootsuite/mastodon",target:"_blank",rel:"noopener"},void 0,"Mastodon"),github:Object(s
.a
)("a",{href:"https://github.com/glitch-soc/mastodon",target:"_blank",rel:"noopener"},void 0,"GitHub")}})),Object(s
.a
)("p",{},void 0,Object(s
.a
)(b
.b
,{id:"onboarding.page_six.apps_available",defaultMessage:"There are {apps} available for iOS, Android and other platforms.",values:{domain:o
,apps:Object(s
.a
)("a",{href:"https://joinmastodon.org/apps",target:"_blank",rel:"noopener"},void 0,Object(s
.a
)(b
.b
,{id:"onboarding.page_six.various_app",defaultMessage:"mobile apps"}))}})),Object(s
.a
)("p",{},void 0,Object(s
.a
)("em",{},void 0,Object(s
.a
)(b
.b
,{id:"onboarding.page_six.appetoot",defaultMessage:"Bon Appetoot!"}))))},I
=Object(l
.connect
)((function(e
){return{myAccount:e
.getIn(["accounts",_
.m
]),admin:e
.getIn(["accounts",e
.getIn(["meta","admin"])]),domain:e
.getIn(["meta","domain"])}}))(t
=Object(b
.g
)(t=function(e
){Object(i
.a
)(o
,e
);var a
;a
=o
;function o(){for(var a
,o
=arguments
.length
,t
=new Array(o
),i
=0;i
<o
;i
++)t
[i
]=arguments
[i
];return a
=e
.call
.apply(e
,[this].concat(t
))||this,Object(d
.a
)(Object(n
.a
)(a
),"state",{currentIndex:0}),Object(d
.a
)(Object(n
.a
)(a
),"handleSkip",(function(e
){e
.preventDefault(),a
.props
.onClose()})),Object(d
.a
)(Object(n
.a
)(a
),"handleDot",(function(e
){var o
=Number(e
.currentTarget
.getAttribute("data-index"));e
.preventDefault(),a
.setState({currentIndex:o
})})),Object(d
.a
)(Object(n
.a
)(a
),"handlePrev",(function(){a
.setState((function(e
){var a
=e
.currentIndex
;return{currentIndex:Math
.max(0,a
-1)}}))})),Object(d
.a
)(Object(n
.a
)(a
),"handleNext",(function(){var e
=Object(n
.a
)(a
).pages
;a
.setState((function(a
){var o
=a
.currentIndex
;return{currentIndex:Math
.min(o
+1,e
.length
-1)}}))})),Object(d
.a
)(Object(n
.a
)(a
),"handleSwipe",(function(e
){a
.setState({currentIndex:e
})})),Object(d
.a
)(Object(n
.a
)(a
),"handleKeyUp",(function(e
){switch(e
.key
){case"ArrowLeft":a
.handlePrev();break;case"ArrowRight":a
.handleNext()}})),Object(d
.a
)(Object(n
.a
)(a
),"handleClose",(function(){a
.props
.onClose()})),a
}var t
=o
.prototype;return t
.componentWillMount=function(){var e
=this.props
,a
=e
.myAccount
,o
=e
.admin
,t
=e
.domain
,n
=e
.intl
;this.pages
=[Object(s
.a
)(M
,{acct:a
.get("acct"),domain:t
}),Object(s
.a
)(x
,{myAccount:a
,intl:n
}),Object(s
.a
)(N
,{myAccount:a
,intl:n
}),Object(s
.a
)(k
,{domain:t
,intl:n
}),Object(s
.a
)(A
,{admin:o
,domain:t
})]},t
.componentDidMount=function(){window
.addEventListener("keyup",this.handleKeyUp
)},t
.componentWillUnmount=function(){window
.addEventListener("keyup",this.handleKeyUp
)},t
.render=function(){var e
=this,a
=this.pages
,o
=this.state
.currentIndex
,t
=o
<a
.length
-1?Object(s
.a
)("button",{onClick:this.handleNext
,className:"onboarding-modal__nav onboarding-modal__next"},void 0,Object(s
.a
)(b
.b
,{id:"onboarding.next",defaultMessage:"Next"})):Object(s
.a
)("button",{onClick:this.handleClose
,className:"onboarding-modal__nav onboarding-modal__done"},void 0,Object(s
.a
)(b
.b
,{id:"onboarding.done",defaultMessage:"Done"}));return Object(s
.a
)("div",{className:"modal-root__modal onboarding-modal"},void 0,Object(s
.a
)(g
.a
,{index:o
,onChangeIndex:this.handleSwipe
,className:"onboarding-modal__pager"},void 0,a
.map((function(e
,a
){var t
=p()("onboarding-modal__page__wrapper",{"onboarding-modal__page__wrapper--active":a
===o
});return(Object(s
.a
)("div",{className:t
},a
,e
))}))),Object(s
.a
)("div",{className:"onboarding-modal__paginator"},void 0,Object(s
.a
)("div",{},void 0,Object(s
.a
)("button",{onClick:this.handleSkip
,className:"onboarding-modal__nav onboarding-modal__skip"},void 0,Object(s
.a
)(b
.b
,{id:"onboarding.skip",defaultMessage:"Skip"}))),Object(s
.a
)("div",{className:"onboarding-modal__dots"},void 0,a
.map((function(a
,t
){var n
=p()("onboarding-modal__dot",{active:t
===o
});return(Object(s
.a
)("div",{role:"button",tabIndex:"0","data-index":t
,onClick:e
.handleDot
,className:n
},"dot-"+t
))}))),Object(s
.a
)("div",{},void 0,t
)))},o
}(r
.a
.PureComponent
))||t
)||t
}}]);
2 //# sourceMappingURL=onboarding_modal.js.map