1 (window
.webpackJsonp
=window
.webpackJsonp
||[]).push([[70],{678:function(e
,a
,t
){"use strict";t
.r(a
),t
.d(a
,"default",function(){return A
});var o
,i
=t(7),d
=t(0),c
=t(2),s
=t(1),n
=t(3),r
=t
.n(n
),l
=t(20),b
=t(6),u
=t(157),g
=t
.n(u
),m
=t(12),p
=t
.n(m
),v
=t(324),j
=t(655),O
=t(957),f
=t(980),h
=t(630),_
=t(29),w
=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"}}),y=function(e
){var a
=e
.acct
,t
=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:t
}})),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:t
}})),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:t
,handle:Object(s
.a
)("strong",{},void 0,"@",a
,"@",t
)}}))))},M=function(e
){var a
=e
.intl
,t
=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
)(O
.a
,{account:t
}),Object(s
.a
)(j
.a
,{intl:a
,privacy:"public",text:"Awoo! #introductions"}))),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."})))},k=function(e
){var a
=e
.intl
,t
=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
)(f
.a
,{intl:a
}),Object(s
.a
)("div",{className:"pseudo-drawer"},void 0,Object(s
.a
)(O
.a
,{account:t
}))),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."})))},N=function(e
){var a
=e
.domain
,t
=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:t
.formatMessage(w
.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:t
.formatMessage(w
.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:t
.formatMessage(w
.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:t
.formatMessage(w
.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
}}))))},x=function(e
){var a
=e
.admin
,t
=e
.domain
,o
="";return a
&&(o
=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:t
,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..."})),o
,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:t
,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:t
,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!"}))))},A
=Object(l
.connect
)(function(e
){return{myAccount:e
.getIn(["accounts",_
.k
]),admin:e
.getIn(["accounts",e
.getIn(["meta","admin"])]),domain:e
.getIn(["meta","domain"])}})(o
=Object(b
.g
)(o=function(n
){function e(){for(var o
,e
=arguments
.length
,a
=new Array(e
),t
=0;t
<e
;t
++)a
[t
]=arguments
[t
];return o
=n
.call
.apply(n
,[this].concat(a
))||this,Object(c
.a
)(Object(d
.a
)(Object(d
.a
)(o
)),"state",{currentIndex:0}),Object(c
.a
)(Object(d
.a
)(Object(d
.a
)(o
)),"handleSkip",function(e
){e
.preventDefault(),o
.props
.onClose()}),Object(c
.a
)(Object(d
.a
)(Object(d
.a
)(o
)),"handleDot",function(e
){var a
=Number(e
.currentTarget
.getAttribute("data-index"));e
.preventDefault(),o
.setState({currentIndex:a
})}),Object(c
.a
)(Object(d
.a
)(Object(d
.a
)(o
)),"handlePrev",function(){o
.setState(function(e
){var a
=e
.currentIndex
;return{currentIndex:Math
.max(0,a
-1)}})}),Object(c
.a
)(Object(d
.a
)(Object(d
.a
)(o
)),"handleNext",function(){var t
=Object(d
.a
)(Object(d
.a
)(o
)).pages
;o
.setState(function(e
){var a
=e
.currentIndex
;return{currentIndex:Math
.min(a
+1,t
.length
-1)}})}),Object(c
.a
)(Object(d
.a
)(Object(d
.a
)(o
)),"handleSwipe",function(e
){o
.setState({currentIndex:e
})}),Object(c
.a
)(Object(d
.a
)(Object(d
.a
)(o
)),"handleKeyUp",function(e
){switch(e
.key
){case"ArrowLeft":o
.handlePrev();break;case"ArrowRight":o
.handleNext()}}),Object(c
.a
)(Object(d
.a
)(Object(d
.a
)(o
)),"handleClose",function(){o
.props
.onClose()}),o
}Object(i
.a
)(e
,n
);var a
=e
.prototype;return a
.componentWillMount=function(){var e
=this.props
,a
=e
.myAccount
,t
=e
.admin
,o
=e
.domain
,n
=e
.intl
;this.pages
=[Object(s
.a
)(y
,{acct:a
.get("acct"),domain:o
}),Object(s
.a
)(M
,{myAccount:a
,intl:n
}),Object(s
.a
)(k
,{myAccount:a
,intl:n
}),Object(s
.a
)(N
,{domain:o
,intl:n
}),Object(s
.a
)(x
,{admin:t
,domain:o
})]},a
.componentDidMount=function(){window
.addEventListener("keyup",this.handleKeyUp
)},a
.componentWillUnmount=function(){window
.addEventListener("keyup",this.handleKeyUp
)},a
.render=function(){var o
=this,e
=this.pages
,n
=this.state
.currentIndex
,a
=n
<e
.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:n
,onChangeIndex:this.handleSwipe
,className:"onboarding-modal__pager"},void 0,e
.map(function(e
,a
){var t
=p()("onboarding-modal__page__wrapper",{"onboarding-modal__page__wrapper--active":a
===n
});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,e
.map(function(e
,a
){var t
=p()("onboarding-modal__dot",{active:a
===n
});return Object(s
.a
)("div",{role:"button",tabIndex:"0","data-index":a
,onClick:o
.handleDot
,className:t
},"dot-"+a
)})),Object(s
.a
)("div",{},void 0,a
)))},e
}(r
.a
.PureComponent
))||o
)||o
}}]);
2 //# sourceMappingURL=onboarding_modal.js.map