1 (window
.webpackJsonp
=window
.webpackJsonp
||[]).push([[70],{668:function(e
,a
,o
){"use strict";o
.r(a
),o
.d(a
,"default",function(){return I
});var t
,i
=o(2),d
=o(6),s
=o(1),c
=o(0),n
=o(3),r
=o
.n(n
),l
=o(21),b
=o(7),u
=o(201),g
=o
.n(u
),m
=o(12),p
=o
.n(m
),v
=o(317),f
=o(644),j
=o(964),O
=o(965),h
=o(601),_
=o(29),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(c
.a
)("div",{className:"onboarding-modal__page onboarding-modal__page-one"},void 0,Object(c
.a
)("div",{style:{flex:"0 0 auto"}},void 0,Object(c
.a
)("div",{className:"onboarding-modal__page-one__elephant-friend"})),Object(c
.a
)("div",{},void 0,Object(c
.a
)("h1",{},void 0,Object(c
.a
)(b
.b
,{id:"onboarding.page_one.welcome",defaultMessage:"Welcome to {domain}!",values:{domain:o
}})),Object(c
.a
)("p",{},void 0,Object(c
.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(c
.a
)("p",{},void 0,Object(c
.a
)(b
.b
,{id:"onboarding.page_one.handle",defaultMessage:"You are on {domain}, so your full handle is {handle}",values:{domain:o
,handle:Object(c
.a
)("strong",{},void 0,"@",a
,"@",o
)}}))))},k=function(e
){e
.intl
;var a
=e
.myAccount
;return Object(c
.a
)("div",{className:"onboarding-modal__page onboarding-modal__page-two"},void 0,Object(c
.a
)("div",{className:"figure non-interactive"},void 0,Object(c
.a
)("div",{className:"pseudo-drawer"},void 0,Object(c
.a
)(j
.a
,{account:a
}),Object(c
.a
)(f
.a
,{privacy:"public",text:"Awoo! #introductions",spoilerText:"",suggestions:[]}))),Object(c
.a
)("p",{},void 0,Object(c
.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."})))},x=function(e
){e
.intl
;var a
=e
.myAccount
;return Object(c
.a
)("div",{className:"onboarding-modal__page onboarding-modal__page-three"},void 0,Object(c
.a
)("div",{className:"figure non-interactive"},void 0,Object(c
.a
)(O
.a
,{value:"",onChange:w
,onSubmit:w
,onClear:w
,onShow:w
}),Object(c
.a
)("div",{className:"pseudo-drawer"},void 0,Object(c
.a
)(j
.a
,{account:a
}))),Object(c
.a
)("p",{},void 0,Object(c
.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(c
.a
)(v
.a
,{to:"/timelines/tag/illustration",href:"/tags/illustration"},void 0,"#illustration"),introductions:Object(c
.a
)(v
.a
,{to:"/timelines/tag/introductions",href:"/tags/introductions"},void 0,"#introductions")}})),Object(c
.a
)("p",{},void 0,Object(c
.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
,o
=e
.intl
;return Object(c
.a
)("div",{className:"onboarding-modal__page onboarding-modal__page-four"},void 0,Object(c
.a
)("div",{className:"onboarding-modal__page-four__columns"},void 0,Object(c
.a
)("div",{className:"row"},void 0,Object(c
.a
)("div",{},void 0,Object(c
.a
)("div",{className:"figure non-interactive"},void 0,Object(c
.a
)(h
.a
,{icon:"home",type:o
.formatMessage(y
.home_title
)})),Object(c
.a
)("p",{},void 0,Object(c
.a
)(b
.b
,{id:"onboarding.page_four.home",defaultMessage:"The home timeline shows posts from people you follow."}))),Object(c
.a
)("div",{},void 0,Object(c
.a
)("div",{className:"figure non-interactive"},void 0,Object(c
.a
)(h
.a
,{icon:"bell",type:o
.formatMessage(y
.notifications_title
)})),Object(c
.a
)("p",{},void 0,Object(c
.a
)(b
.b
,{id:"onboarding.page_four.notifications",defaultMessage:"The notifications column shows when someone interacts with you."})))),Object(c
.a
)("div",{className:"row"},void 0,Object(c
.a
)("div",{},void 0,Object(c
.a
)("div",{className:"figure non-interactive",style:{marginBottom:0}},void 0,Object(c
.a
)(h
.a
,{icon:"users",type:o
.formatMessage(y
.local_title
)}))),Object(c
.a
)("div",{},void 0,Object(c
.a
)("div",{className:"figure non-interactive",style:{marginBottom:0}},void 0,Object(c
.a
)(h
.a
,{icon:"globe",type:o
.formatMessage(y
.federated_title
)})))),Object(c
.a
)("p",{},void 0,Object(c
.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(c
.a
)("p",{},void 0,Object(c
.a
)(b
.b
,{id:"onboarding.page_six.admin",defaultMessage:"Your instance's admin is {admin}.",values:{admin:Object(c
.a
)(v
.a
,{href:a
.get("url"),to:"/accounts/"+a
.get("id")},void 0,"@",a
.get("acct"))}}),Object(c
.a
)("br",{}),Object(c
.a
)(b
.b
,{id:"onboarding.page_six.read_guidelines",defaultMessage:"Please read {domain}'s {guidelines}!",values:{domain:o
,guidelines:Object(c
.a
)("a",{href:"/about/more",target:"_blank"},void 0,Object(c
.a
)(b
.b
,{id:"onboarding.page_six.guidelines",defaultMessage:"community guidelines"}))}}))),Object(c
.a
)("div",{className:"onboarding-modal__page onboarding-modal__page-six"},void 0,Object(c
.a
)("h1",{},void 0,Object(c
.a
)(b
.b
,{id:"onboarding.page_six.almost_done",defaultMessage:"Almost done..."})),t
,Object(c
.a
)("p",{},void 0,Object(c
.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(c
.a
)("a",{href:"https://en.wikipedia.org/wiki/Fork_(software_development)",target:"_blank",rel:"noopener"},void 0,"fork"),Mastodon:Object(c
.a
)("a",{href:"https://github.com/tootsuite/mastodon",target:"_blank",rel:"noopener"},void 0,"Mastodon"),github:Object(c
.a
)("a",{href:"https://github.com/glitch-soc/mastodon",target:"_blank",rel:"noopener"},void 0,"GitHub")}})),Object(c
.a
)("p",{},void 0,Object(c
.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(c
.a
)("a",{href:"https://joinmastodon.org/apps",target:"_blank",rel:"noopener"},void 0,Object(c
.a
)(b
.b
,{id:"onboarding.page_six.various_app",defaultMessage:"mobile apps"}))}})),Object(c
.a
)("p",{},void 0,Object(c
.a
)("em",{},void 0,Object(c
.a
)(b
.b
,{id:"onboarding.page_six.appetoot",defaultMessage:"Bon Appetoot!"}))))},I
=Object(l
.connect
)(function(e
){return{myAccount:e
.getIn(["accounts",_
.k
]),admin:e
.getIn(["accounts",e
.getIn(["meta","admin"])]),domain:e
.getIn(["meta","domain"])}})(t
=Object(b
.g
)(t=function(n
){function e(){for(var t
,e
=arguments
.length
,a
=new Array(e
),o
=0;o
<e
;o
++)a
[o
]=arguments
[o
];return t
=n
.call
.apply(n
,[this].concat(a
))||this,Object(s
.a
)(Object(i
.a
)(t
),"state",{currentIndex:0}),Object(s
.a
)(Object(i
.a
)(t
),"handleSkip",function(e
){e
.preventDefault(),t
.props
.onClose()}),Object(s
.a
)(Object(i
.a
)(t
),"handleDot",function(e
){var a
=Number(e
.currentTarget
.getAttribute("data-index"));e
.preventDefault(),t
.setState({currentIndex:a
})}),Object(s
.a
)(Object(i
.a
)(t
),"handlePrev",function(){t
.setState(function(e
){var a
=e
.currentIndex
;return{currentIndex:Math
.max(0,a
-1)}})}),Object(s
.a
)(Object(i
.a
)(t
),"handleNext",function(){var o
=Object(i
.a
)(t
).pages
;t
.setState(function(e
){var a
=e
.currentIndex
;return{currentIndex:Math
.min(a
+1,o
.length
-1)}})}),Object(s
.a
)(Object(i
.a
)(t
),"handleSwipe",function(e
){t
.setState({currentIndex:e
})}),Object(s
.a
)(Object(i
.a
)(t
),"handleKeyUp",function(e
){switch(e
.key
){case"ArrowLeft":t
.handlePrev();break;case"ArrowRight":t
.handleNext()}}),Object(s
.a
)(Object(i
.a
)(t
),"handleClose",function(){t
.props
.onClose()}),t
}Object(d
.a
)(e
,n
);var a
=e
.prototype;return a
.componentWillMount=function(){var e
=this.props
,a
=e
.myAccount
,o
=e
.admin
,t
=e
.domain
,n
=e
.intl
;this.pages
=[Object(c
.a
)(M
,{acct:a
.get("acct"),domain:t
}),Object(c
.a
)(k
,{myAccount:a
,intl:n
}),Object(c
.a
)(x
,{myAccount:a
,intl:n
}),Object(c
.a
)(N
,{domain:t
,intl:n
}),Object(c
.a
)(A
,{admin:o
,domain:t
})]},a
.componentDidMount=function(){window
.addEventListener("keyup",this.handleKeyUp
)},a
.componentWillUnmount=function(){window
.addEventListener("keyup",this.handleKeyUp
)},a
.render=function(){var t
=this,e
=this.pages
,n
=this.state
.currentIndex
,a
=n
<e
.length
-1?Object(c
.a
)("button",{onClick:this.handleNext
,className:"onboarding-modal__nav onboarding-modal__next"},void 0,Object(c
.a
)(b
.b
,{id:"onboarding.next",defaultMessage:"Next"})):Object(c
.a
)("button",{onClick:this.handleClose
,className:"onboarding-modal__nav onboarding-modal__done"},void 0,Object(c
.a
)(b
.b
,{id:"onboarding.done",defaultMessage:"Done"}));return Object(c
.a
)("div",{className:"modal-root__modal onboarding-modal"},void 0,Object(c
.a
)(g
.a
,{index:n
,onChangeIndex:this.handleSwipe
,className:"onboarding-modal__pager"},void 0,e
.map(function(e
,a
){var o
=p()("onboarding-modal__page__wrapper",{"onboarding-modal__page__wrapper--active":a
===n
});return Object(c
.a
)("div",{className:o
},a
,e
)})),Object(c
.a
)("div",{className:"onboarding-modal__paginator"},void 0,Object(c
.a
)("div",{},void 0,Object(c
.a
)("button",{onClick:this.handleSkip
,className:"onboarding-modal__nav onboarding-modal__skip"},void 0,Object(c
.a
)(b
.b
,{id:"onboarding.skip",defaultMessage:"Skip"}))),Object(c
.a
)("div",{className:"onboarding-modal__dots"},void 0,e
.map(function(e
,a
){var o
=p()("onboarding-modal__dot",{active:a
===n
});return Object(c
.a
)("div",{role:"button",tabIndex:"0","data-index":a
,onClick:t
.handleDot
,className:o
},"dot-"+a
)})),Object(c
.a
)("div",{},void 0,a
)))},e
}(r
.a
.PureComponent
))||t
)||t
}}]);
2 //# sourceMappingURL=onboarding_modal.js.map