https://atomicpoet.org/packs/js/features/onboarding-a036f538f385afc0061e.chunk.js

1"use strict";(self.webpackChunkmangane_fe=self.webpackChunkmangane_fe||[]).push([[60],{1219:function(e,t,a){a.r(t),a.d(t,{default:function(){return q}});var i=a(1855),o=(a(1),a(5)),n=a.n(o),s=a(0),r=a(6),d=a(526),l=a(1856),c=a(1876),u=a(2),m=(a(42),a(21),a(4),a(1871)),v=a(47),Z=a(12),g=a(3),p=a(258),f=["/avatars/original/missing.png","/images/avi.png"],b=function(e){var t,o=e.onNext,d=(0,r.I0)(),l=(0,g.Tr)(),c=s.useRef(null),b=s.useState(),h=b[0],x=b[1],y=s.useState(!1),w=y[0],N=y[1],k=s.useState(!0),M=k[0],C=k[1],_=!!l&&(t=l.avatar,f.every((function(e){return t.endsWith(e)})));return(0,i.Z)(u.Zb,{variant:"rounded",size:"xl"},void 0,(0,i.Z)(u.eW,{},void 0,(0,i.Z)("div",{},void 0,(0,i.Z)("div",{className:"pb-4 sm:pb-10 mb-4 border-b border-gray-200 dark:border-slate-900/50 border-solid -mx-4 sm:-mx-10"},void 0,(0,i.Z)(u.Kq,{space:2},void 0,(0,i.Z)(u.xv,{size:"2xl",align:"center",weight:"bold"},void 0,(0,i.Z)(m.Z,{id:"onboarding.avatar.title",defaultMessage:"Choose a profile picture"})),(0,i.Z)(u.xv,{theme:"muted",align:"center"},void 0,(0,i.Z)(m.Z,{id:"onboarding.avatar.subtitle",defaultMessage:"Just have fun with it."})))),(0,i.Z)("div",{className:"sm:pt-10 sm:w-2/3 md:w-1/2 mx-auto"},void 0,(0,i.Z)(u.Kq,{space:10},void 0,(0,i.Z)("div",{className:"bg-gray-200 rounded-full relative mx-auto"},void 0,l&&(0,i.Z)(u.qE,{src:h||l.avatar,size:175}),w&&(0,i.Z)("div",{className:"absolute inset-0 rounded-full flex justify-center items-center bg-white/80"},void 0,(0,i.Z)(u.$j,{withText:!1})),(0,i.Z)("button",{onClick:function(){var e;null===(e=c.current)||void 0===e||e.click()},type:"button",className:n()({"absolute bottom-3 right-2 p-1 bg-primary-600 rounded-full ring-2 ring-white dark:ring-slate-800 hover:bg-primary-700":!0,"opacity-50 pointer-events-none":w}),disabled:w},void 0,(0,i.Z)(u.JO,{src:a(50),className:"text-white w-5 h-5"})),s.createElement("input",{type:"file",className:"hidden",ref:c,onChange:function(e){var t,a=null===(t=e.target.files)||void 0===t?void 0:t.item(0);a&&(0,p.Z)(a,16e4).then((function(e){var t=e?URL.createObjectURL(e):null==l?void 0:l.avatar;x(t),N(!0);var i=new FormData;i.append("avatar",a);var n=d((0,v.sQ)(i));Promise.all([n]).then((function(){C(!1),N(!1),o()})).catch((function(e){var t;N(!1),C(!1),x(null),422===(null===(t=e.response)||void 0===t?void 0:t.status)?d(Z.ZP.error(e.response.data.error.replace("Validation failed: ",""))):d(Z.ZP.error("An unexpected error occurred. Please try again or skip this step."))}))})).catch(console.error)}})),(0,i.Z)(u.Kq,{justifyContent:"center",space:2},void 0,(0,i.Z)(u.zx,{block:!0,theme:"primary",type:"button",onClick:o,disabled:_&&M||w},void 0,w?(0,i.Z)(m.Z,{id:"onboarding.saving",defaultMessage:"Saving…"}):(0,i.Z)(m.Z,{id:"onboarding.next",defaultMessage:"Next"})),M&&(0,i.Z)(u.zx,{block:!0,theme:"link",type:"button",onClick:o},void 0,(0,i.Z)(m.Z,{id:"onboarding.skip",defaultMessage:"Skip for now"}))))))))},h=function(e){var t=e.onNext,a=(0,r.I0)(),o=(0,g.Tr)(),n=s.useState((null==o?void 0:o.source.get("note"))||""),d=n[0],l=n[1],c=s.useState(!1),p=c[0],f=c[1],b=s.useState([]),h=b[0],x=b[1],y=!(d.trim().length>0);return(0,i.Z)(u.Zb,{variant:"rounded",size:"xl"},void 0,(0,i.Z)(u.eW,{},void 0,(0,i.Z)("div",{},void 0,(0,i.Z)("div",{className:"pb-4 sm:pb-10 mb-4 border-b border-gray-200 dark:border-gray-600 border-solid -mx-4 sm:-mx-10"},void 0,(0,i.Z)(u.Kq,{space:2},void 0,(0,i.Z)(u.xv,{size:"2xl",align:"center",weight:"bold"},void 0,(0,i.Z)(m.Z,{id:"onboarding.note.title",defaultMessage:"Write a short bio"})),(0,i.Z)(u.xv,{theme:"muted",align:"center"},void 0,(0,i.Z)(m.Z,{id:"onboarding.note.subtitle",defaultMessage:"You can always edit this later."})))),(0,i.Z)(u.Kq,{space:5},void 0,(0,i.Z)("div",{className:"sm:pt-10 sm:w-2/3 mx-auto"},void 0,(0,i.Z)(u.cw,{hintText:"Max 500 characters",labelText:"Bio",errors:h},void 0,(0,i.Z)(u.gx,{onChange:function(e){return l(e.target.value)},placeholder:"Tell the world a little about yourself…",value:d,maxLength:500}))),(0,i.Z)("div",{className:"sm:w-2/3 md:w-1/2 mx-auto"},void 0,(0,i.Z)(u.Kq,{justifyContent:"center",space:2},void 0,(0,i.Z)(u.zx,{block:!0,theme:"primary",type:"submit",disabled:y||p,onClick:function(){f(!0);var e=a((0,v.sQ)({note:d}));Promise.all([e]).then((function(){f(!1),t()})).catch((function(e){var t;f(!1),422===(null===(t=e.response)||void 0===t?void 0:t.status)?x([e.response.data.error.replace("Validation failed: ","")]):a(Z.ZP.error("An unexpected error occurred. Please try again or skip this 

1step."))}))}},void 0,p?(0,i.Z)(m.Z,{id:"onboarding.saving",defaultMessage:"Saving…"}):(0,i.Z)(m.Z,{id:"onboarding.next",defaultMessage:"Next"})),(0,i.Z)(u.zx,{block:!0,theme:"link",type:"button",onClick:t},void 0,(0,i.Z)(m.Z,{id:"onboarding.skip",defaultMessage:"Skip for now"}))))))))},x=function(e){var t=e.onComplete;return(0,i.Z)(u.Zb,{variant:"rounded",size:"xl"},void 0,(0,i.Z)(u.eW,{},void 0,(0,i.Z)(u.Kq,{space:2},void 0,(0,i.Z)(u.JO,{strokeWidth:1,src:a(1833),className:"w-16 h-16 mx-auto text-primary-600 dark:text-primary-400"}),(0,i.Z)(u.xv,{size:"2xl",align:"center",weight:"bold"},void 0,(0,i.Z)(m.Z,{id:"onboarding.finished.title",defaultMessage:"Onboarding complete"})),(0,i.Z)(u.xv,{theme:"muted",align:"center"},void 0,(0,i.Z)(m.Z,{id:"onboarding.finished.message",defaultMessage:"We are very excited to welcome you to our community! Tap the button below to get started."}))),(0,i.Z)("div",{className:"pt-10 sm:w-2/3 md:w-1/2 mx-auto"},void 0,(0,i.Z)(u.Kq,{justifyContent:"center",space:2},void 0,(0,i.Z)(u.zx,{block:!0,theme:"primary",onClick:t},void 0,(0,i.Z)(m.Z,{id:"onboarding.view_feed",defaultMessage:"View Feed"}))))))},y=a(98),w=["/headers/original/missing.png","/images/banner.png"],N=function(e){var t,o=e.onNext,d=(0,r.I0)(),l=(0,g.Tr)(),c=s.useRef(null),f=s.useState(),b=f[0],h=f[1],x=s.useState(!1),N=x[0],k=x[1],M=s.useState(!0),C=M[0],_=M[1],z=!!l&&(t=l.header,w.every((function(e){return t.endsWith(e)})));return(0,i.Z)(u.Zb,{variant:"rounded",size:"xl"},void 0,(0,i.Z)(u.eW,{},void 0,(0,i.Z)("div",{},void 0,(0,i.Z)("div",{className:"pb-4 sm:pb-10 mb-4 border-b border-gray-200 dark:border-gray-600 border-solid -mx-4 sm:-mx-10"},void 0,(0,i.Z)(u.Kq,{space:2},void 0,(0,i.Z)(u.xv,{size:"2xl",align:"center",weight:"bold"},void 0,(0,i.Z)(m.Z,{id:"onboarding.header.title",defaultMessage:"Pick a cover image"})),(0,i.Z)(u.xv,{theme:"muted",align:"center"},void 0,(0,i.Z)(m.Z,{id:"onboarding.header.subtitle",defaultMessage:"This will be shown at the top of your profile."})))),(0,i.Z)("div",{className:"sm:pt-10 sm:w-2/3 md:w-1/2 mx-auto"},void 0,(0,i.Z)(u.Kq,{space:10},void 0,(0,i.Z)("div",{className:"border border-solid border-gray-200 rounded-lg"},void 0,(0,i.Z)("div",{role:"button",className:"relative h-24 bg-primary-100 rounded-t-md flex items-center justify-center"},void 0,b||(null==l?void 0:l.header)&&(0,i.Z)(y.Z,{src:b||l.header,alt:"Profile Header",className:"absolute inset-0 object-cover rounded-t-md"}),N&&(0,i.Z)("div",{className:"absolute inset-0 rounded-t-md flex justify-center items-center bg-white/80"},void 0,(0,i.Z)(u.$j,{withText:!1})),(0,i.Z)("button",{onClick:function(){var e;null===(e=c.current)||void 0===e||e.click()},type:"button",className:n()({"absolute -top-3 -right-3 p-1 bg-primary-600 rounded-full ring-2 ring-white hover:bg-primary-700":!0,"opacity-50 pointer-events-none":N}),disabled:N},void 0,(0,i.Z)(u.JO,{src:a(50),className:"text-white w-5 h-5"})),s.createElement("input",{type:"file",className:"hidden",ref:c,onChange:function(e){var t,a=null===(t=e.target.files)||void 0===t?void 0:t.item(0);a&&(0,p.Z)(a,2073600).then((function(e){var t=e?URL.createObjectURL(e):null==l?void 0:l.header;h(t),k(!0);var a=new FormData;a.append("header",e);var i=d((0,v.sQ)(a));Promise.all([i]).then((function(){_(!1),k(!1),o()})).catch((function(e){var t;k(!1),_(!1),h(null),422===(null===(t=e.response)||void 0===t?void 0:t.status)?d(Z.ZP.error(e.response.data.error.replace("Validation failed: ",""))):d(Z.ZP.error("An unexpected error occurred. Please try again or skip this step."))}))})).catch(console.error)}})),(0,i.Z)("div",{className:"flex flex-col px-4 pb-4"},void 0,l&&(0,i.Z)(u.qE,{src:l.avatar,size:64,className:"ring-2 ring-white -mt-8 mb-2"}),(0,i.Z)(u.xv,{weight:"bold",size:"sm"},void 0,null==l?void 0:l.display_name),(0,i.Z)(u.xv,{theme:"muted",size:"sm"},void 0,"@",null==l?void 0:l.username))),(0,i.Z)(u.Kq,{justifyContent:"center",space:2},void 0,(0,i.Z)(u.zx,{block:!0,theme:"primary",type:"button",onClick:o,disabled:z&&C||N},void 0,N?(0,i.Z)(m.Z,{id:"onboarding.saving",defaultMessage:"Saving…"}):(0,i.Z)(m.Z,{id:"onboarding.next",defaultMessage:"Next"})),C&&(0,i.Z)(u.zx,{block:!0,theme:"link",type:"button",onClick:o},void 0,(0,i.Z)(m.Z,{id:"onboarding.skip",defaultMessage:"Skip for now"}))))))))},k=function(e){var t=e.onNext,a=(0,r.I0)(),o=(0,g.Tr)(),n=s.useState((null==o?void 0:o.display_name)||""),d=n[0],l=n[1],c=s.useState(!1),p=c[0],f=c[1],b=s.useState([]),h=b[0],x=b[1],y=!(d.trim().length>0)||d.length>30,w=s.useMemo((function(){var e=30-d.length,t=1===e?"character remaining":"characters remaining";return"".concat(e," ").concat(t)}),[d]);return(0,i.Z)(u.Zb,{variant:"rounded",size:"xl"},void 0,(0,i.Z)(u.eW,{},void 0,(0,i.Z)("div",{},void 0,(0,i.Z)("div",{className:"pb-4 sm:pb-10 mb-4 border-b border-gray-200 dark:border-gray-600 border-solid -mx-4 sm:-mx-10"},void 0,(0,i.Z)(u.Kq,{space:2},void 0,(0,i.Z)(u.xv,{size:"2xl",align:"center",weight:"bold"},void 0,(0,i.Z)(m.Z,{id:"onboarding.display_name.title",defaultMessage:"Choose a display name"})),(0,i.Z)(u.xv,{theme:"muted",align:"center"},void 0,(0,i.Z)(m.Z,{id:"onboarding.display_name.subtitle",defaultMessage:"You can always edit this later."})))),(0,i.Z)("div",{className:"sm:pt-10 sm:w-2/3 md:w-1/2 mx-auto"},void 0,(0,i.Z)(u.Kq,{space:5},void 0,(0,i.Z)(u.cw,{hintText:w,labelText:"Display name",errors:h},void 0,(0,i.Z)(u.II,{onChange:function(e){return l(e.target.value)},placeholder:"Eg. John Smith",type:"text",value:d,maxLength:30})),(0,i.Z)(u.Kq,{justifyContent:"center",space:2},void 0,(0,i.Z)(u.zx,{block:!0,theme:"primary",type:"submit",disabled:y||p,onClick:function(){f(!0);var e=a((0,v.sQ)({display_name:d}));Promise.all([e]).then((function(){f(!1),t()})).catch((function(e){var t;f(!1),422===(null===(t=e.response)||void 0===t?void 0:t.status)?x([e.response.data.error.replace("Validation failed: ","")]):a(Z.ZP.error("An unexpected error occurred. Please try again or skip this 

1step."))}))}},void 0,p?(0,i.Z)(m.Z,{id:"onboarding.saving",defaultMessage:"Saving…"}):(0,i.Z)(m.Z,{id:"onboarding.next",defaultMessage:"Next"})),(0,i.Z)(u.zx,{block:!0,theme:"link",type:"button",onClick:t},void 0,(0,i.Z)(m.Z,{id:"onboarding.skip",defaultMessage:"Skip for now"}))))))))},M=a(1841),C=a(1842),_=(0,M.vU)({col1:{id:"onboarding.feeds.col1",defaultMessage:"Here you are on familiar ground: only your publications and those of the people you follow will be displayed on this thread."},col2:{id:"onboarding.feeds.col2",defaultMessage:"Here is a bit like your neighborhood: you will only find publications from members of this server, whether you follow them or not."},col3:{id:"onboarding.feeds.col3",defaultMessage:"Think outside the box and go explore the rest of the world: this thread displays posts from all known instances."}}),z=function(e){var t=e.onNext,a=(0,C.Z)(),o=(0,g.CG)((function(e){return e.instance}));return(0,i.Z)(u.Zb,{variant:"rounded",size:"xl"},void 0,(0,i.Z)(u.eW,{},void 0,(0,i.Z)("div",{className:"enlistment__step2 mx-auto py-10 px-5"},void 0,(0,i.Z)("div",{className:"flex mt-3 gap-4"},void 0,(0,i.Z)("div",{className:"flex-grow-1"},void 0,(0,i.Z)("h3",{className:"text-xl font-bold mb-2 text-primary-500"},void 0,(0,i.Z)(m.Z,{id:"onboarding.feeds.title1",defaultMessage:"Home"})),(0,i.Z)("p",{dangerouslySetInnerHTML:{__html:a.formatMessage(_.col1)}}),(0,i.Z)("p",{className:"mt-4 italic"},void 0,(0,i.Z)(m.Z,{id:"onboarding.feeds.explanation1",defaultMessage:"At first it will be a little empty but don't worry we can help you fill it!"}))),(0,i.Z)("div",{className:"flex-grow-1"},void 0,(0,i.Z)("h3",{className:"text-xl font-bold mb-2 text-primary-500"},void 0,o.get("title")),(0,i.Z)("p",{dangerouslySetInnerHTML:{__html:a.formatMessage(_.col2)}}),(0,i.Z)("p",{className:"mt-4 italic"},void 0,(0,i.Z)(m.Z,{id:"onboarding.feeds.explanation2",defaultMessage:'We usually call it "local" thread'}))),(0,i.Z)("div",{className:"flex-grow-1"},void 0,(0,i.Z)("h3",{className:"text-xl font-bold mb-2 text-primary-500"},void 0,(0,i.Z)(m.Z,{id:"onboarding.feeds.title3",defaultMessage:"Explore"})),(0,i.Z)("p",{dangerouslySetInnerHTML:{__html:a.formatMessage(_.col3)}}),(0,i.Z)("p",{className:"mt-4 italic"},void 0,(0,i.Z)(m.Z,{id:"onboarding.feeds.explanation3",defaultMessage:'We usually call it "global" or "federated" thread'}))))),(0,i.Z)("div",{className:"sm:pt-10 sm:w-2/3 md:w-1/2 mx-auto"},void 0,(0,i.Z)(u.zx,{block:!0,theme:"primary",type:"button",onClick:t},void 0,(0,i.Z)(m.Z,{id:"onboarding.next",defaultMessage:"Next"})))))},S=(0,M.vU)({right:{id:"onboarding.how-it-works.right",defaultMessage:"If you exchange with a person from another instance, you must mention them with their <span class='font-bold'>@pseudo@instance</span><br/><br/> ex: <a href=' https://oslo.town/@matt'>@[email protected]</a>, if you want to talk to the Oslo.town admin"}}),T=function(e){var t=e.onNext,a=(0,C.Z)(),o=(0,g.CG)((function(e){return e.instance})),n=(0,s.useMemo)((function(){return"@".concat(o.get("email").replace(/@.+/,""))}),[o]),r=(0,s.useMemo)((function(){return"".concat(o.get("uri"),"/").concat(n)}),[n]);return(0,i.Z)(u.Zb,{variant:"rounded",size:"xl"},void 0,(0,i.Z)(u.eW,{},void 0,(0,i.Z)("div",{className:"enlistment__step1 mx-auto py-10 px-5"},void 0,(0,i.Z)("h3",{className:"text-2xl font-bold"},void 0,(0,i.Z)(m.Z,{id:"onboarding.how-it-works.title",defaultMessage:"How it works ?"})),(0,i.Z)("div",{className:"flex gap-12 mt-2"},void 0,(0,i.Z)("div",{className:"flex-grow-1"},void 0,(0,i.Z)("p",{},void 0,(0,i.Z)(m.Z,{id:"onboarding.how-it-works.left",defaultMessage:"Here you are on {title}. If you exchange with people from the same instance as you, you can simply mention them with {username}{br}{br}ex: {contact}, if you want to talk to the admin of {title}",values:{title:o.get("title"),username:(0,i.Z)("span",{className:"font-bold"},void 0,(0,i.Z)(m.Z,{id:"onboarding.how-it-works.username",defaultMessage:"@username"})),contact:(0,i.Z)("a",{href:r,target:"_blank"},void 0,n),br:(0,i.Z)("br",{})}}))),(0,i.Z)("div",{className:"flex-grow-1"},void 0,(0,i.Z)("p",{dangerouslySetInnerHTML:{__html:a.formatMessage(S.right)}}))),(0,i.Z)("div",{className:"italic mt-8"},void 0,(0,i.Z)(m.Z,{id:"onboarding.how-it-works.explanation",defaultMessage:"Don't worry though, when writing a post, autosuggestion will help you find the right mention! Moreover, if you reply to a post, the mention will automatically be written in the right way."}))),(0,i.Z)("div",{className:"sm:pt-10 sm:w-2/3 md:w-1/2 mx-auto"},void 0,(0,i.Z)(u.zx,{block:!0,theme:"primary",type:"button",onClick:t},void 0,(0,i.Z)(m.Z,{id:"onboarding.next",defaultMessage:"Next"})))))},I=function(e){var t=e.onNext;return(0,i.Z)(u.Zb,{variant:"rounded",size:"xl"},void 0,(0,i.Z)(u.eW,{},void 0,(0,i.Z)("div",{className:"enlistment__step3 mx-auto py-10 px-5"},void 0,(0,i.Z)("div",{},void 0,(0,i.Z)("h3",{className:"text-2xl font-bold"},void 0,(0,i.Z)(m.Z,{id:"onboarding.privacy.title",defaultMessage:"Privacy"})),(0,i.Z)("p",{},void 0,(0,i.Z)(m.Z,{id:"onboarding.privacy.description",defaultMessage:"This site offers precise control over who can see your posts and therefore interact with you."}))),(0,i.Z)("div",{className:"mt-10"},void 0,(0,i.Z)("div",{className:"flex gap-4"},void 0,(0,i.Z)("div",{className:"flex-grow-1 w-1/2"},void 0,(0,i.Z)("h4",{className:"items-center text-xl font-bold"},void 0,(0,i.Z)(u.JO,{className:"inline-block text-primary-500 align-middle mr-1 w-6 h-6",src:a(118)}),(0,i.Z)("span",{className:"align-middle"},void 0,(0,i.Z)(m.Z,{id:"onboarding.privacy.public-title",defaultMessage:"Public"}))),(0,i.Z)("p",{},void 0,(0,i.Z)(m.Z,{id:"onboarding.privacy.public-description",defaultMessage:"The post is displayed on all feeds, including other instances."}))),(0,i.Z)("div",{className:"flex-grow-1 w-1/2"},void 0,(0,i.Z)("h4",{className:"items-center text-xl font-bold"},void 0,(0,i.Z)(u.JO,{className:"inline-block text-primary-500 align-middle mr-1 w-6 h-6",src:a(99)}),(0,i.Z)("span",{className:"align-middle"},void 0,(0,i.Z)(m.Z,{id:"onboarding.privacy.unlisted-title",defaultMessage:"Unlisted"}))),(0,i.Z)("p",{},void 0,(0,i.Z)(m.Z,{id:"onboarding.privacy.unlisted-description",defaultMessage:"The post is public but only appears in your subscribers' feeds and on your profile"})))),(0,i.Z)("div",{className:"mt-10 flex gap-4"},void 0,(0,i.Z)("div",{className:"flex-grow-1 w-1/2"},void 0,(0,i.Z)("h4",{className:"items-center text-xl font-bold"},void 0,(0,i.Z)(u.JO,{className:"inline-block text-primary-500 align-middle mr-1 w-6 h-6",src:a(119)}),(0,i.Z)("span",{className:"align-middle"},void 0,(0,i.Z)(m.Z,{id:"onboarding.privacy.followers-title",defaultMessage:"Followers only"}))),(0,i.Z)("p",{},void 0,(0,i.Z)(m.Z,{id:"onboarding.privacy.followers-description",defaultMessage:"The post is not displayed on any public feeds and is only visible to people who follow you"}))),(0,i.Z)("div",{className:"flex-grow-1 w-1/2"},void 0,(0,i.Z)("h4",{className:"items-center text-xl font-bold"},void 0,(0,i.Z)(u.JO,{className:"inline-block text-primary-500 align-middle mr-1 w-6 h-6",src:a(86)}),(0,i.Z)("span",{className:"align-middle"},void 0,(0,i.Z)(m.Z,{id:"onboarding.privacy.direct-title",defaultMessage:"Direct"}))),(0,i.Z)("p",{},void 0,(0,i.Z)(m.Z,{id:"onboarding.privacy.direct-description",defaultMessage:"The post is only visible to people mentioned via @username@instance"})))))),(0,i.Z)("div",{className:"sm:pt-10 sm:w-2/3 md:w-1/2 mx-auto"},void 0,(0,i.Z)(u.zx,{block:!0,theme:"primary",type:"button",onClick:t},void 0,(0,i.Z)(m.Z,{id:"onboarding.next",defaultMessage:"Next"})))))},P=(0,M.vU)({title:{id:"onboarding.welcome.title",defaultMessage:"Welcome on the Fediverse"},body1:{id:"onboarding.welcome.body1",defaultMessage:"This website is y

1our gateway to a network of independent servers that communicate together to form a larger social network: the fediverse."},body2:{id:"onboarding.welcome.body2",defaultMessage:"Each server is called an “instance”. Your instance is simply this site: "},username:{id:"onboarding.welcome.username",defaultMessage:"You full username"},explanation:{id:"onboarding.welcome.explanation",defaultMessage:"It is this identifier that you can share on the fediverse"}}),W=function(e){var t=e.onNext,a=(0,C.Z)(),o=(0,g.Tr)(),n=(0,g.CG)((function(e){return e.instance}));return(0,i.Z)(u.Zb,{variant:"rounded",size:"xl"},void 0,(0,i.Z)(u.eW,{},void 0,(0,i.Z)("div",{className:"enlistment__step0 mx-auto py-10 px-5"},void 0,(0,i.Z)("h3",{className:"text-2xl font-bold"},void 0,a.formatMessage(P.title)),(0,i.Z)("p",{className:"mt-3 mb-5"},void 0,(0,i.Z)("div",{className:"text-gray-400 mb-3",dangerouslySetInnerHTML:{__html:a.formatMessage(P.body1)}}),(0,i.Z)("span",{dangerouslySetInnerHTML:{__html:a.formatMessage(P.body2)}})," ",(0,i.Z)("span",{className:"font-bold"},void 0,n.get("uri").replace(/https?:\/\//,""))),(0,i.Z)("h4",{className:"uppercase text-lg"},void 0,a.formatMessage(P.username)),(0,i.Z)("div",{className:"enlisted__step0__username inline-block rounded p-1 text-primary-500 text-lg font-bold"},void 0,"@",null==o?void 0:o.acct,"@",n.get("uri").replace(/https?:\/\//,"")),(0,i.Z)("div",{className:"italic mt-2"},void 0,a.formatMessage(P.explanation))),(0,i.Z)("div",{className:"sm:pt-10 sm:w-2/3 md:w-1/2 mx-auto"},void 0,(0,i.Z)(u.zx,{block:!0,theme:"primary",type:"button",onClick:t},void 0,(0,i.Z)(m.Z,{id:"onboarding.next",defaultMessage:"Next"})))))},q=function(){var e=(0,r.I0)(),t=s.useState(0),a=t[0],o=t[1],m=function(){o((function(e){return Math.min(e+1,v.length-1)}))},v=[(0,i.Z)(W,{onNext:m}),(0,i.Z)(b,{onNext:m}),(0,i.Z)(k,{onNext:m}),(0,i.Z)(h,{onNext:m}),(0,i.Z)(N,{onNext:m}),(0,i.Z)(T,{onNext:m}),(0,i.Z)(z,{onNext:m}),(0,i.Z)(I,{onNext:m}),(0,i.Z)(x,{onComplete:function(){e((0,l.CT)())}})],Z=function(e){switch(e.key){case"ArrowLeft":o((function(e){return Math.max(0,e-1)}));break;case"ArrowRight":m()}};return s.useEffect((function(){return document.addEventListener("keyup",Z),function(){document.removeEventListener("keyup",Z)}}),[]),(0,i.Z)("div",{"data-testid":"onboarding-wizard"},void 0,(0,i.Z)(c.Z,{}),(0,i.Z)("main",{className:"h-screen flex flex-col overflow-x-hidden"},void 0,(0,i.Z)("div",{className:"flex flex-col justify-center items-center h-full"},void 0,(0,i.Z)(d.ZP,{animateHeight:!0,index:a,onChangeIndex:function(e){o(e)}},void 0,v.map((function(e,t){return(0,i.Z)("div",{className:"py-6 sm:mx-auto w-full max-w-[100vw] sm:max-w-lg md:max-w-2xl"},t,(0,i.Z)("div",{className:n()({"transition-opacity ease-linear":!0,"opacity-0 duration-500":a!==t,"opacity-100 duration-75":a===t})},void 0,e))}))),(0,i.Z)(u.Ug,{space:3,alignItems:"center",justifyContent:"center",className:"relative"},void 0,v.map((function(e,t){return(0,i.Z)("button",{tabIndex:0,onClick:function(){o(t)},className:n()({"w-5 h-5 rounded-full focus:ring-primary-600 focus:ring-2 focus:ring-offset-2":!0,"bg-gray-200 hover:bg-gray-300":t!==a,"bg-primary-600":t===a})},t)}))))))}},1833:function(e,t,a){e.exports=a.p+"packs/icons/confetti-630b49be.svg"}}]);
2//# sourceMappingURL=onboarding-a036f538f385afc0061e.chunk.js.map