@goodhood-web/nebenan-base 3.4.0-development.51 → 3.4.0-development.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/index.js +1 -1
  2. package/index.mjs +1 -1
  3. package/package.json +1 -1
  4. package/style.css +1 -1
package/index.js CHANGED
@@ -881,4 +881,4 @@ and limitations under the License.
881
881
  See https://github.com/ankeetmaini/react-infinite-scroll-component/issues/59 for more info.
882
882
  `),null)},i.onStart=function(r){i.lastScrollTop||(i.dragging=!0,r instanceof MouseEvent?i.startY=r.pageY:r instanceof TouchEvent&&(i.startY=r.touches[0].pageY),i.currentY=i.startY,i._infScroll&&(i._infScroll.style.willChange="transform",i._infScroll.style.transition="transform 0.2s cubic-bezier(0,0,0.31,1)"))},i.onMove=function(r){i.dragging&&(r instanceof MouseEvent?i.currentY=r.pageY:r instanceof TouchEvent&&(i.currentY=r.touches[0].pageY),!(i.currentY<i.startY)&&(i.currentY-i.startY>=Number(i.props.pullDownToRefreshThreshold)&&i.setState({pullToRefreshThresholdBreached:!0}),!(i.currentY-i.startY>i.maxPullDownDistance*1.5)&&i._infScroll&&(i._infScroll.style.overflow="visible",i._infScroll.style.transform="translate3d(0px, "+(i.currentY-i.startY)+"px, 0px)")))},i.onEnd=function(){i.startY=0,i.currentY=0,i.dragging=!1,i.state.pullToRefreshThresholdBreached&&(i.props.refreshFunction&&i.props.refreshFunction(),i.setState({pullToRefreshThresholdBreached:!1})),requestAnimationFrame(function(){i._infScroll&&(i._infScroll.style.overflow="auto",i._infScroll.style.transform="none",i._infScroll.style.willChange="unset")})},i.onScrollListener=function(r){typeof i.props.onScroll=="function"&&setTimeout(function(){return i.props.onScroll&&i.props.onScroll(r)},0);var a=i.props.height||i._scrollableNode?r.target:document.documentElement.scrollTop?document.documentElement:document.body;if(!i.actionTriggered){var s=i.props.inverse?i.isElementAtTop(a,i.props.scrollThreshold):i.isElementAtBottom(a,i.props.scrollThreshold);s&&i.props.hasMore&&(i.actionTriggered=!0,i.setState({showLoader:!0}),i.props.next&&i.props.next()),i.lastScrollTop=a.scrollTop}},i.state={showLoader:!1,pullToRefreshThresholdBreached:!1,prevDataLength:t.dataLength},i.throttledOnScrollListener=Soe(150,i.onScrollListener).bind(i),i.onStart=i.onStart.bind(i),i.onMove=i.onMove.bind(i),i.onEnd=i.onEnd.bind(i),i}return n.prototype.componentDidMount=function(){if(typeof this.props.dataLength>"u")throw new Error('mandatory prop "dataLength" is missing. The prop is needed when loading more content. Check README.md for usage');if(this._scrollableNode=this.getScrollableTarget(),this.el=this.props.height?this._infScroll:this._scrollableNode||window,this.el&&this.el.addEventListener("scroll",this.throttledOnScrollListener),typeof this.props.initialScrollY=="number"&&this.el&&this.el instanceof HTMLElement&&this.el.scrollHeight>this.props.initialScrollY&&this.el.scrollTo(0,this.props.initialScrollY),this.props.pullDownToRefresh&&this.el&&(this.el.addEventListener("touchstart",this.onStart),this.el.addEventListener("touchmove",this.onMove),this.el.addEventListener("touchend",this.onEnd),this.el.addEventListener("mousedown",this.onStart),this.el.addEventListener("mousemove",this.onMove),this.el.addEventListener("mouseup",this.onEnd),this.maxPullDownDistance=this._pullDown&&this._pullDown.firstChild&&this._pullDown.firstChild.getBoundingClientRect().height||0,this.forceUpdate(),typeof this.props.refreshFunction!="function"))throw new Error(`Mandatory prop "refreshFunction" missing.
883
883
  Pull Down To Refresh functionality will not work
884
- as expected. Check README.md for usage'`)},n.prototype.componentWillUnmount=function(){this.el&&(this.el.removeEventListener("scroll",this.throttledOnScrollListener),this.props.pullDownToRefresh&&(this.el.removeEventListener("touchstart",this.onStart),this.el.removeEventListener("touchmove",this.onMove),this.el.removeEventListener("touchend",this.onEnd),this.el.removeEventListener("mousedown",this.onStart),this.el.removeEventListener("mousemove",this.onMove),this.el.removeEventListener("mouseup",this.onEnd)))},n.prototype.componentDidUpdate=function(t){this.props.dataLength!==t.dataLength&&(this.actionTriggered=!1,this.setState({showLoader:!1}))},n.getDerivedStateFromProps=function(t,i){var r=t.dataLength!==i.prevDataLength;return r?ya(ya({},i),{prevDataLength:t.dataLength}):null},n.prototype.isElementAtTop=function(t,i){i===void 0&&(i=.8);var r=t===document.body||t===document.documentElement?window.screen.availHeight:t.clientHeight,a=Q2(i);return a.unit===br.Pixel?t.scrollTop<=a.value+r-t.scrollHeight+1:t.scrollTop<=a.value/100+r-t.scrollHeight+1},n.prototype.isElementAtBottom=function(t,i){i===void 0&&(i=.8);var r=t===document.body||t===document.documentElement?window.screen.availHeight:t.clientHeight,a=Q2(i);return a.unit===br.Pixel?t.scrollTop+r>=t.scrollHeight-a.value:t.scrollTop+r>=a.value/100*t.scrollHeight},n.prototype.render=function(){var t=this,i=ya({height:this.props.height||"auto",overflow:"auto",WebkitOverflowScrolling:"touch"},this.props.style),r=this.props.hasChildren||!!(this.props.children&&this.props.children instanceof Array&&this.props.children.length),a=this.props.pullDownToRefresh&&this.props.height?{overflow:"auto"}:{};return v.createElement("div",{style:a,className:"infinite-scroll-component__outerdiv"},v.createElement("div",{className:"infinite-scroll-component "+(this.props.className||""),ref:function(s){return t._infScroll=s},style:i},this.props.pullDownToRefresh&&v.createElement("div",{style:{position:"relative"},ref:function(s){return t._pullDown=s}},v.createElement("div",{style:{position:"absolute",left:0,right:0,top:-1*this.maxPullDownDistance}},this.state.pullToRefreshThresholdBreached?this.props.releaseToRefreshContent:this.props.pullDownToRefreshContent)),this.props.children,!this.state.showLoader&&!r&&this.props.hasMore&&this.props.loader,this.state.showLoader&&this.props.hasMore&&this.props.loader,!this.props.hasMore&&this.props.endMessage))},n}(v.Component);const Eoe="_cardHeader_1k1p6_141",Moe="_cardBody_1k1p6_152",Toe="_tabsList_1k1p6_161",Foe="_tab_1k1p6_161",Poe="_selectedTab_1k1p6_199",Aoe="_tabPanel_1k1p6_208",Loe="_profile_1k1p6_220",Xt={cardHeader:Eoe,cardBody:Moe,tabsList:Toe,tab:Foe,selectedTab:Poe,tabPanel:Aoe,profile:Loe},Roe=(e,n,t)=>({id:e,object_type:"hood_message",page:n,reaction_type:t==="all"?void 0:t}),zoe=({closeText:e="Schließen",getPicturePlaceholder:n,getReactions:t,headerTitle:i="Reaktionen",open:r,postId:a,setOpen:s,userLink:l=!0})=>{const[o,u]=v.useState(null),[f,c]=v.useState("all"),[d,h]=v.useState(1),[g,k]=v.useState([]),_=!o||!!o.next_page,w=v.useCallback(async()=>{try{const B=Roe(a,d,f),S=await t(B);h(S.next_page||d),u(S),k(T=>[...T,...S.users])}catch(B){console.error("Error fetching reactions:",B)}},[a,d,f,t]);v.useEffect(()=>(r&&w(),()=>{k([])}),[r,f,w]);const y=(B,S)=>{typeof S=="string"&&(c(S),h(1),k([]))},x=()=>{s(),k([]),h(1),c("all")};if(!(o!=null&&o.live_data))return null;const M=o.live_data.counter.hood_message[a],C=m.jsx(P.CardHeader,{headline:i,type:Mn()?"h4":"h3",as:"h2",leftElement:m.jsx(P.IconButton,{icon:"arrow_left",size:"medium",ariaLabelledBy:"back",onClick:x}),rightElement:m.jsx(P.IconButton,{ariaLabel:"close-sheet",onClick:x,icon:"cross_circle"}),className:Xt.cardHeader}),R=[];for(const[B,S]of Object.entries(M))wse(B)&&S>0&&R.push({count:S,reaction:B});const F=_4(R),I=[{count:0,reaction:"all"},...F],D=m.jsx(P.CardBody,{className:Xt.cardBody,children:m.jsxs(jm,{defaultValue:"all",onChange:y,children:[m.jsx(Gm,{className:Xt.tabsList,children:I.map(({count:B,reaction:S})=>m.jsxs(Um,{value:S,"data-testid":`tab-${S}`,children:[m.jsxs("div",{className:Xt.tab,children:[S==="all"?m.jsx(P.Typography,{as:"span",type:"body-semibold",className:Xt.alle,children:"Alle"}):y4(S),m.jsx("div",{className:Xt.selectedTab})]}),B>0&&m.jsx(P.Typography,{as:"span",type:"body-semibold",children:B})]},`${S}_${B}`))}),I.map(({reaction:B})=>m.jsx(Hm,{value:B,className:Xt.tabPanel,id:"reactionTabPanel",children:m.jsx(Coe,{dataLength:g.length,next:w,hasMore:_,loader:m.jsx(P.Loader,{}),scrollableTarget:"reactionTabPanel",scrollThreshold:.7,children:g.map(S=>m.jsx("div",{className:Xt.profile,children:m.jsx(p4,{alt:"profile",link:S.hood_title,name:S.firstname,onClick:l?()=>window.open(`/profile/${S.id}`,"_self"):void 0,src:S.photo_medium_url||n(S)})},S.id))})},B))]})});return m.jsx(P.Sheet,{open:r,onDismiss:x,content:D,header:C,cancelButtonText:e})},No=(e,n=!1,t,i=!1)=>od(e,n,t,i);var Jt=(e=>(e.EMAIL_CONFIRMATION="EMAIL_CONFIRMATION",e.REGISTRATION_FORM="REGISTRATION_FORM",e.VERIFICATION_FORM="VERIFICATION_FORM",e))(Jt||{});const $oe="_root_epq7r_141",Boe="_root__cardHeader_epq7r_152",Ioe="_root__cardHeaderMobile_epq7r_161",Noe="_root__cardBody_epq7r_175",Doe="_root__progressBar_epq7r_183",Ooe="_root__backButton_epq7r_191",ur={root:$oe,root__cardHeader:Boe,root__cardHeaderMobile:Ioe,root__cardBody:Noe,root__progressBar:Doe,root__backButton:Ooe},C4=({children:e,progressBar:n})=>{const{currentStep:t,currentStepData:{canGoBack:i,fields:r=[]},previous:a,totalSteps:s}=Do(),l=()=>{var u,f;return((f=(u=r.find(c=>c.type==="formHeader"))==null?void 0:u.fieldConfig)==null?void 0:f.header)||""},o=()=>m.jsxs("div",{children:[m.jsx(P.CardHeader,{type:"h4",as:"h2",className:ur.root__cardHeaderMobile,headline:l(),leftElement:i&&m.jsx(P.Button,{onClick:a,className:ur.root__backButton,children:m.jsx(P.Icon,{name:"chevron_left",size:"24"})})}),m.jsx(P.ProgressBar,{className:ur.root__progressBar,type:"progress",steps:(n==null?void 0:n.steps)??s+1,progress:(n==null?void 0:n.currentStep)??t+1})]});return m.jsxs(P.Card,{withoutPadding:!0,borderRadius:!0,responsive:!0,className:ur.root,allowedElement:o,children:[Mn()?m.jsx(o,{}):m.jsx(P.CardHeader,{type:"body-semibold",className:ur.root__cardHeader,headline:i?"Zurück":"",leftElement:i&&m.jsx(P.Button,{onClick:a,children:m.jsx(P.Icon,{name:"chevron_left",size:"16"})}),rightElement:m.jsx(P.Typography,{type:"detail-regular",children:`Schritt ${(n==null?void 0:n.currentStep)??t+1} von ${(n==null?void 0:n.steps)??s+1}`})}),m.jsx(P.CardBody,{className:ur.root__cardBody,children:e})]})},joe="_root_gyjyz_141",Hoe="_root__headline_gyjyz_146",Voe="_root__description_gyjyz_155",Woe="_root__phone_gyjyz_162",Goe="_root__sticker_gyjyz_169",la={root:joe,root__headline:Hoe,root__description:Voe,root__phone:Woe,root__sticker:Goe},qoe=({className:e})=>{const{previous:n}=Do(),t=od("verification_wizard",!1,{}),i=km(t),r=Oo("phone_number.phone",i);return r?m.jsxs("div",{className:e,children:[m.jsx(P.Typography,{type:"h5",children:Zu(r)}),m.jsx(P.TextButton,{size:"medium",text:"Ändern",onClick:n,color:"blue"})]}):null},Uoe=({description:e,header:n,notice:t,phoneNr:i=!1,sticker:r,title:a})=>m.jsxs("div",{className:la.root,children:[r&&m.jsx(P.Sticker,{className:la.root__sticker,...r}),m.jsx(P.Typography,{className:la.root__headline,type:"h2",children:n}),e&&m.jsxs("div",{className:la.root__description,children:[a&&m.jsx(P.Typography,{type:"body-large",markdown:!0,children:a}),m.jsx(P.Typography,{type:"body-regular",markdown:!0,children:e})]}),t&&t.bodyText&&m.jsx(P.Notice,{...t,variant:"detailed"}),i&&m.jsx(qoe,{className:la.root__phone})]}),E4={formHeader:e=>m.jsx(Uoe,{...e.fieldConfig},e.id)},Zoe="_root_1jd95_141",Koe={root:Zoe},Oc=0,jc=1,Hc=2,Vc=3,Yoe=[Oc,jc,Vc,Hc],Xoe={[Vc]:"Divers",[Oc]:"Weiblich",[jc]:"Männlich",[Hc]:"Keine Angabe"},M4={[Vc]:"diverse",[Oc]:"female",[jc]:"male",[Hc]:"hidden"},Joe=()=>Yoe.map(Number).map(e=>({id:`gender_${e}`,isSelected:!0,label:Xoe[e],style:"outline",value:M4[e]})),Qoe=(e,n)=>e.filter(t=>t.value===n),ele=({onChange:e,selectedGender:n})=>{const t=Joe(),i=r=>{e(r[0].value)};return m.jsx(P.SelectablePillGroup,{multiselect:!1,className:Koe.root,items:t,selectedItems:Qoe(t,n),onChange:i})},nle=({name:e,rules:n,selectedGender:t=M4[0]})=>{const{control:i}=Fe.useFormContext(),{field:r}=Fe.useController({control:i,defaultValue:t,name:e,rules:n});return m.jsx(ele,{onChange:r.onChange,selectedGender:r.value})},tle="_root_1qncq_141",ile="_root__content_1qncq_151",rle="_root__names_1qncq_156",ale="_root__name_1qncq_156",sle="_root__name__placeholder_1qncq_163",Si={root:tle,root__content:ile,root__names:rle,root__name:ale,root__name__placeholder:sle},ole=({checked:e,firstname:n,label:t="Nachnamen gekürzt anzeigen",lastname:i,onChange:r,placeholder:a={firstname:"Firstname",lastname:"Lastname"}})=>{const s=()=>e?`${(i==null?void 0:i.charAt(0))||a.lastname.charAt(0)}.`:`${i||a.lastname}`,l=()=>n||a.firstname;return m.jsxs("div",{className:Si.root,children:[m.jsxs("div",{className:Si.root__content,children:[m.jsx(P.Typography,{type:"detail-medium",children:t}),m.jsxs("div",{className:Si.root__names,children:[m.jsx(P.Typography,{type:"body-large",className:re(Si.root__name,{[Si.root__name__placeholder]:!n}),children:l()}),m.jsx(P.Typography,{type:"body-large",className:re(Si.root__name,{[Si.root__name__placeholder]:!i}),children:s()})]})]}),m.jsx(P.Toggle,{onChange:r,checked:e})]})},lle=({defaultChecked:e=!0,label:n,name:t,rules:i})=>{const{control:r,watch:a}=Fe.useFormContext(),{field:s}=Fe.useController({control:r,defaultValue:e,name:t,rules:i}),l=a("firstname"),o=a("lastname");return m.jsx(ole,{checked:s.value,firstname:l,label:n,lastname:o,onChange:s.onChange})},ule="_root_srj8a_141",fle="_root__input_srj8a_145",dle="_root__progressBar_srj8a_148",ju={root:ule,root__input:fle,root__progressBar:dle},cle=e=>{let n=0;return e?(/[a-z]/.test(e)&&n++,/[A-Z]/.test(e)&&n++,/\d/.test(e)&&n++,/[^A-Za-z0-9]/.test(e)&&n++,e.length>=8&&n++,Math.min(n,5)):n},hle=({colorScheme:e="outline",errorText:n,id:t="password-field",label:i="Password",name:r,onBlur:a,onChange:s,passwordHint:l="Verwende mindestens 6 Zeichen (bevorzugt 8-16), kombiniere Groß- und Kleinbuchstaben, Zahlen und Sonderzeichen. Vermeide gängige Wörter, Muster und persönliche Informationen.",progressBar:o=!0,size:u="large",value:f=""})=>{const[c,d]=v.useState(!1);return m.jsx("div",{className:ju.root,children:m.jsx(P.TextInput,{wrapperClassName:ju.root__input,size:u,colorScheme:e,id:t,label:i,inputFieldType:c?"text":"password",errorText:n,onChange:s,onBlur:a,value:f,name:r,hintText:o?l:void 0,progressBar:o&&m.jsx(P.ProgressBar,{className:ju.root__progressBar,progress:cle(f),steps:5,type:"password"}),iconButton:{ariaLabelledBy:"toggle-password",icon:c?"eye_crossed":"eye",onClick:()=>d(!c)}})})},mle=({colorScheme:e,id:n,label:t,name:i,passwordHint:r,progressBar:a,rules:s,size:l,value:o})=>{var d;const{control:u}=Fe.useFormContext(),{field:f,fieldState:c}=Fe.useController({control:u,defaultValue:o,name:i,rules:s});return m.jsx(hle,{size:l,progressBar:a,colorScheme:e,passwordHint:r,id:n,label:t,onChange:f.onChange,onBlur:f.onBlur,value:f.value,errorText:(d=c.error)==null?void 0:d.message,name:f.name})},gle=({api:e,className:n,disabled:t,iconButton:i,id:r,label:a,name:s,rules:l,sheetBreakpoint:o="800",size:u,style:f})=>{var M;const{control:c,trigger:d,watch:h}=Fe.useFormContext(),{field:g,fieldState:k}=Fe.useController({control:c,name:s,rules:l}),[_,w]=v.useState([]),y=h(`${e.key}`),x=v.useCallback(async()=>{if(y){const C=await d(e.key);if(y&&C){const R=e.endpoint.replace(":key",y);Me.getDataByZip({endpoint:R}).then(F=>{w(Z5(F[e.dataId])||[])}).catch(()=>{console.warn("Error fetching data")})}}},[e.dataId,e.endpoint,e.key,y,d]);return v.useEffect(()=>{x()},[x]),m.jsx(ym,{defaultValue:g.value,onSelect:g.onChange,options:_,sheetBreakpoint:o,name:s,style:f,errorText:(M=k.error)==null?void 0:M.message,id:r,className:n,disabled:t,iconButton:i,label:a,size:u})},ple={genderSelector:e=>m.jsx(nle,{...e},e.id),nameAbbr:e=>m.jsx(lle,{...e},e.id),password:e=>m.jsx(mle,{...e},e.id),selectInput:e=>m.jsx(gle,{...e.fieldConfig},e.id)},vle=Te.z.string().trim().regex(/^\d{5}$/,"Die Postleitzahl muss genau 5 Ziffern enthalten (z. B. 10115)."),ble=Te.z.string({required_error:"Der Ortsname muss mindestens 2 Zeichen lang sein."}).trim().min(2,"Der Ortsname muss mindestens 2 Zeichen lang sein.").max(100,"Der Ortsname darf maximal 100 Zeichen lang sein.").regex(/^[A-Za-zÄÖÜäöüß\s-]+$/,"Der Ortsname darf nur Buchstaben, Leerzeichen und Bindestriche enthalten."),wle=Te.z.string({required_error:"Der Straßenname muss mindestens 2 Zeichen lang sein."}).trim().min(2,"Der Straßenname muss mindestens 2 Zeichen lang sein.").max(100,"Der Straßenname darf maximal 100 Zeichen lang sein.").regex(/^[A-Za-zÄÖÜäöüß0-9\s,.-]+$/,"Der Straßenname darf nur Buchstaben, Zahlen, Leerzeichen, Kommas, Punkte oder Bindestriche enthalten."),kle=Te.z.string().trim().regex(/^\d+[a-zA-Z]?$/,"Die Hausnummer muss eine Zahl mit optionalem Buchstaben sein (z. B. 12a, 45)."),_le=Te.z.object({city:ble,house_number:kle,street:wle,zip_code:vle}),yle=()=>({canGoBack:!0,canGoNext:!0,fields:[{fieldConfig:{header:"Deine Adresse",notice:{bodyText:"Deine Adresse hilft uns, dich der richtigen Nachbarschaft zuzuordnen. Du kannst sie jederzeit anonymisieren.",color:"vanilla",context:"info",icon:{name:"eye_crossed",size:"24"},variant:"detailed"}},id:"formHeader",type:"formHeader"},{id:"zip_code",label:"Postleitzahl",layout:{gapTop:"xs"},name:"zip_code",size:"large",type:"text"},{fieldConfig:{api:{dataId:"cities",endpoint:"/public/v1/zip_codes/:key/cities.json",key:"zip_code"},id:"city",label:"Ort",name:"city"},id:"place",type:"selectInput"},{fieldConfig:{api:{dataId:"streets",endpoint:"/public/v1/zip_codes/:key/streets.json",key:"zip_code"},id:"street",label:"Deine Straße",name:"street"},id:"street",type:"selectInput"},{hintText:"Deine Hausnummer bleibt anonym.",id:"house_number",label:"Hausnummer",name:"house_number",size:"large",type:"text"},{fieldConfig:{label:"Weiter"},id:"submitButton",layout:{gapTop:"xl"},type:"button"}],id:"addressStep",spacing:"md",validationSchema:_le}),xle=Te.z.string({required_error:"Bitte gib eine gültige E-Mail-Adresse ein."}).email("Bitte gib eine gültige E-Mail-Adresse ein.").trim(),Sle=Te.z.string({required_error:"Das Passwort muss mindestens 6 Zeichen lang sein."}).min(6,"Das Passwort muss mindestens 6 Zeichen lang sein.").max(50,"Das Passwort darf maximal 50 Zeichen lang sein.").trim().regex(/[A-Z]/,"Das Passwort muss mindestens einen Großbuchstaben enthalten.").regex(/[0-9]/,"Das Passwort muss mindestens eine Zahl enthalten.").regex(/[^a-zA-Z0-9]/,"Das Passwort muss mindestens ein Sonderzeichen enthalten."),Cle=Te.z.object({email:xle,password:Sle}),Ele=e=>({canGoBack:!0,canGoNext:!1,fields:[{fieldConfig:{description:"Erstelle dein Konto und entdecke deine Nachbarschaft. Denke daran, deine E-Mail zu bestätigen.",header:"Dein Nutzerkonto"},id:"formHeader",type:"formHeader"},{id:"email",label:"E-Mail-Addresse",layout:{gapTop:"xs"},name:"email",size:"large",type:"text"},{id:"password",label:"Password",name:"password",size:"large",type:"password"},{fieldConfig:{label:"Weiter"},id:"submitButton",layout:{gapTop:"xl"},type:"button"}],id:"emailStep",onSubmit:e,spacing:"md",validationSchema:Cle}),Mle=Te.z.string().min(2,"Der Vorname muss mindestens 2 Zeichen lang sein").max(50,"Der Vorname darf höchstens 50 Zeichen lang sein").trim().regex(/^[A-Za-zÀ-ÖØ-öø-ÿ]+(?:['-][A-Za-zÀ-ÖØ-öø-ÿ]+)?$/,"Der Vorname darf nur Buchstaben (A-Z, a-z), Apostrophen (') oder Bindestriche (-) enthalten und darf keine Leerzeichen beinhalten."),Tle=Te.z.string().min(2,"Der Nachname muss mindestens 2 Zeichen lang sein").max(50,"Der Nachname darf höchstens 50 Zeichen lang sein").trim().regex(/^[A-Za-zÀ-ÖØ-öø-ÿ]+(?:['-][A-Za-zÀ-ÖØ-öø-ÿ]+)?(?: [A-Za-zÀ-ÖØ-öø-ÿ]+(?:['-][A-Za-zÀ-ÖØ-öø-ÿ]+)?)?(?: [A-Za-zÀ-ÖØ-öø-ÿ]+(?:['-][A-Za-zÀ-ÖØ-öø-ÿ]+)?)?$/,"Der Nachname kann bis zu drei Wörter enthalten, wobei jedes Wort nur aus Buchstaben (A-Z, a-z), Apostrophen (') oder Bindestrichen (-) bestehen darf. Die Wörter müssen durch genau ein Leerzeichen getrennt sein."),Fle=Te.z.object({firstname:Mle,lastname:Tle,lastname_abbreviated:Te.z.boolean(),salutation:Te.z.string().optional()}),Ple=()=>({canGoBack:!1,canGoNext:!0,fields:[{fieldConfig:{header:"Dein Name",notice:{bodyText:"Wir benötigen deinen echten Namen zur Verifizierung – so bleibt unsere Gemeinschaft vertrauenswürdig und sicher.",color:"vanilla",context:"info",icon:{name:"privacy_lock_closed",size:"24"},variant:"detailed"}},id:"formHeader",type:"formHeader"},{id:"firstname",label:"Vorname",layout:{gapTop:"xs"},name:"firstname",size:"large",type:"text"},{id:"lastname",label:"Nachname",name:"lastname",size:"large",type:"text"},{id:"lastname_abbreviated",name:"lastname_abbreviated",type:"nameAbbr"},{id:"salutation",name:"salutation",type:"genderSelector"},{fieldConfig:{label:"Weiter"},id:"submitButton",layout:{gapTop:"xl"},type:"button"}],id:"nameStep",spacing:"md",validationSchema:Fle}),id={already_verified:"Dein Account ist bereits verifiziert.",aws_unreachable:"Oh je… es ist ein Fehler aufgetreten.",blank:"Bitte trage hier deine Telefonnummer ein.",code_not_found:"Der Zugangscode lässt sich nicht zuordnen.",invalid:"Bitte gib ein gültiges Format ein.",only_one_verification_code_per_verification_sms_allowed:"Oh je... es ist ein Fehler aufgetreten.",sms_verification_not_available:"Zu viele Versuche. Bitte benutze eine andere Verifizierungsmethode.",taken:"Diese Telefonnummer wird bereits verwendet.",too_many_requests:"Bitte warte einen Augenblick, bevor du es erneut versuchst.",verification_failed:"Oh je... es ist ein Fehler aufgetreten.",verification_sms_not_found:"Oh je... es ist ein Fehler aufgetreten.",wrong_token_provided:"Der angegebene Code ist nicht gültig. Bitte versuche es nochmal."};function T4(e,n){if(typeof e!="object"||e===null)return null;for(const[t,i]of Object.entries(e)){if(Array.isArray(i)&&typeof i[0]=="string")return{field:n||t,key:i[0]};if(i&&typeof i=="object"){const r=T4(i,n);if(r)return r}if(typeof i=="string"&&i in id)return{field:n||"",key:i}}return null}function Ale(e,n){const t=e;if(typeof t=="string")return Hu("aws_unreachable");const i=T4(t,n);if(i!=null&&i.key){const r=Hu(i.key);return{field:i.field||null,message:r}}else return{field:null,message:Hu("aws_unreachable")}}function Hu(e){return id[e]||id.aws_unreachable}const ls=(e,n,t,i)=>{const r=Ale(e,i);return typeof r!="string"?r.field?(t==null||t(r),!1):(n(r.message),!1):(n(r),!1)},Lle=async(e,n,t,i)=>{try{const r=await Me.createUser({...e.data});r.email_confirmation_required?i(e.data.email):i(""),n==null||n(r)}catch(r){return ls(r,t,({field:s,message:l})=>{var o;(o=e.methods)==null||o.setError(s,{message:l,type:"manual"})})}},Rle=({initialStep:e,onSubmit:n})=>{const[t,i]=v.useState(null),r=No("userEmail",!0,"",!1),[a,s]=oo(r),l=[Ple(),yle(),Ele(o=>Lle(o,n,i,s))];return m.jsx(ud,{id:"registration_wizard",steps:l,formError:t,initialStep:e,formFieldMap:{...ple,...E4},formWrapper:o=>m.jsx(C4,{children:o})})},zle="_inputDetails_wq68m_141",$le="_inputDetails__hintText_wq68m_147",Ble="_inputDetails__errorText_wq68m_151",Ile="_inputDetails__counter_wq68m_155",qs={inputDetails:zle,inputDetails__hintText:$le,inputDetails__errorText:Ble,inputDetails__counter:Ile},Nle=({charCount:e,charLimit:n,errorText:t,hintText:i})=>{const r=`${e??0}/${n}`;return m.jsxs("div",{className:qs.inputDetails,children:[m.jsxs("div",{children:[i&&!t&&m.jsx(Fi,{className:qs.inputDetails__hintText,type:"detail-medium",children:i}),t&&m.jsx(Fi,{className:qs.inputDetails__errorText,type:"detail-bold",children:t})]}),!!n&&m.jsx(Fi,{type:"detail-medium",className:qs.inputDetails__counter,children:r})]})},Dle="_react-datepicker__day-names_gycxq_120",Ole="_react-datepicker__week_gycxq_124",jle="_react-datepicker__day--outside-month_gycxq_131",Hle="_react-datepicker_gycxq_120",Vle="_container_gycxq_144",Wle="_inputContainer_gycxq_152",Gle="_inputContainer--disabled_gycxq_164",qle="_inputContainer--filled_gycxq_167",Ule="_inputContainer--outlined_gycxq_173",Zle="_inputContainer--error_gycxq_181",Kle="_character_gycxq_186",Yle="_inputContainer--sms_gycxq_189",Xle="_inputContainer--active_gycxq_192",Jle="_character--selected_gycxq_192",Qle="_blink_gycxq_1",eue="_input_gycxq_152",nue="_character__divider_gycxq_250",tue="_character__divider_gycxq_250",xn={"react-datepicker__day-names":"_react-datepicker__day-names_gycxq_120",reactDatepickerDayNames:Dle,"react-datepicker__week":"_react-datepicker__week_gycxq_124",reactDatepickerWeek:Ole,"react-datepicker__day--outside-month":"_react-datepicker__day--outside-month_gycxq_131",reactDatepickerDayOutsideMonth:jle,"react-datepicker":"_react-datepicker_gycxq_120",reactDatepicker:Hle,container:Vle,inputContainer:Wle,"inputContainer--disabled":"_inputContainer--disabled_gycxq_164",inputContainerDisabled:Gle,"inputContainer--filled":"_inputContainer--filled_gycxq_167",inputContainerFilled:qle,"inputContainer--outlined":"_inputContainer--outlined_gycxq_173",inputContainerOutlined:Ule,"inputContainer--error":"_inputContainer--error_gycxq_181",inputContainerError:Zle,character:Kle,"inputContainer--sms":"_inputContainer--sms_gycxq_189",inputContainerSms:Yle,"inputContainer--active":"_inputContainer--active_gycxq_192",inputContainerActive:Xle,"character--selected":"_character--selected_gycxq_192",characterSelected:Jle,blink:Qle,input:eue,character__divider:nue,characterDivider:tue},iue=({disabled:e=!1,errorText:n,onComplete:t,type:i="invite",length:r=i==="sms"?6:10,variant:a="outlined",value:s=""})=>{const[l,o]=v.useState(s),[u,f]=v.useState(!1),c=v.useRef(null);v.useEffect(()=>{e&&f(!1)},[e]),v.useEffect(()=>{o(s)},[s]);const d=()=>{var M;(M=c.current)==null||M.focus()},h=M=>{["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(M.key)&&M.preventDefault()},g=M=>{const R=M.target.value.replace(/\s/g,"").slice(0,r);new RegExp("^[A-Za-zÀ-ÖØ-öø-ÿ0-9]*$").test(R)&&(o(R),R.length===r&&(t==null||t(R)))},k=M=>{f(!0),M.target.select()},_=()=>{f(!1),t==null||t(l)},w=()=>l,y=M=>w().length===M&&u,x=M=>i==="invite"&&M===Math.floor((r-1)/2);return m.jsxs("div",{"data-testid":"container",className:xn.container,children:[m.jsxs("div",{tabIndex:1,className:re(xn.inputContainer,xn[`inputContainer--${a}`],xn[`inputContainer--${i}`],{[xn["inputContainer--disabled"]]:e,[xn["inputContainer--error"]]:!!n,[xn["inputContainer--active"]]:u}),onClick:d,children:[m.jsx("input",{"aria-label":"verification input",spellCheck:!1,ref:c,value:w(),className:re(xn.input,{[xn["input--disabled"]]:!0}),onChange:g,onKeyDown:h,onFocus:k,onBlur:_,disabled:e}),Array.from({length:r},(M,C)=>m.jsxs(v.Fragment,{children:[m.jsx(P.Typography,{type:"h3",className:re(xn.character,{[xn["character--selected"]]:y(C)}),children:w()[C]},C),x(C)&&m.jsx(P.Typography,{type:"h3",className:re(xn.character,xn.character__divider)},`${C}-divider`)]},`${C}-fragment`))]}),n&&m.jsx(Nle,{errorText:n})]})},rue=({disabled:e,length:n,name:t,rules:i,type:r,variant:a})=>{var u;const{control:s}=Fe.useFormContext(),{field:l,fieldState:o}=Fe.useController({control:s,name:t,rules:i});return m.jsx(iue,{disabled:e,length:n,type:r,variant:a,errorText:(u=o.error)==null?void 0:u.message,onComplete:l.onChange,value:l.value})},aue={codeField:e=>m.jsx(rue,{...e==null?void 0:e.fieldConfig},e.id),phoneInput:e=>m.jsx(xm,{...e==null?void 0:e.fieldConfig},e.id),tileButton:e=>m.jsx(_m,{...e==null?void 0:e.fieldConfig,id:e.id},e.id)},sue=Te.z.string({required_error:"Der Code muss genau 10 Zeichen lang sein und darf nur Buchstaben und Zahlen enthalten."}).trim().regex(/^[a-zA-Z0-9]{10}$/,{message:"Der Code muss genau 10 Zeichen lang sein und darf nur Buchstaben und Zahlen enthalten."}),oue=Te.z.object({code:sue}),lue=e=>({canGoBack:!1,canGoNext:!1,fields:[{fieldConfig:{description:"Einen Zugangscode erhältst du z.B., wenn du eine Postkarte angefordert hast oder eine Einladung im Briefkasten hattest.",header:"Einladungscode",sticker:{color:"green",icon:"paper_form",size:"small"}},id:"formHeader",type:"formHeader"},{fieldConfig:{name:"code",type:"invite"},id:"code",layout:{gapTop:"md"},type:"codeField"},{fieldConfig:{label:"Senden"},id:"submit-button",layout:{gapTop:"xl"},type:"button"},{fieldConfig:{goTo:"verification-methods",label:"Andere Verifizierungsmethoden",size:"medium",variant:"text"},id:"text-button",type:"button"}],id:"inviteCode",onSubmit:e,spacing:"lg",validationSchema:oue}),uue=0,fue=1,F4="code",P4="postcard",due="gps",A4="sms",cue=[A4,F4,P4],em={[F4]:{fieldConfig:{description:"Einladung erhalten? Gib deinen Code ein.",headline:"Per Einladungscode",sticker:{color:"green",icon:"paper_form",size:"small"}},id:"inviteCode",type:"tileButton"},[due]:{fieldConfig:{description:"Erlaube Standortzugriff.",headline:"GPS",sticker:{color:"green",icon:"pin",size:"small"}},id:"gps",type:"tileButton"},[P4]:{fieldConfig:{description:"Erhalte einen Code in 2-3 Tagen.",headline:"Per Postcode",sticker:{color:"green",icon:"envelope",size:"small"}},id:"postalCode",type:"tileButton"},[A4]:{fieldConfig:{description:"Gib deine Handynummer ein.",headline:"Per SMS",sticker:{color:"green",icon:"phone",size:"small"}},id:"phone_number",type:"tileButton"}},hue=e=>cue.map(t=>{const i=mue({...e,code:{enabled:!0,order_nr:1,status:0}},t);return i!=null&&i.enabled?{...em[t],fieldConfig:{...em[t].fieldConfig,isActive:(i==null?void 0:i.status)===uue,...(i==null?void 0:i.status)===fue&&{isPending:!0}},...(i==null?void 0:i.order_nr)===0&&{layout:{gapTop:"lg"}},order:(i==null?void 0:i.order_nr)??null}:null}).filter(t=>t!==null).sort((t,i)=>((t==null?void 0:t.order)??1/0)-((i==null?void 0:i.order)??1/0)),mue=(e,n)=>(e==null?void 0:e[n])??null,gue=(e,n)=>({canGoBack:!0,fields:[{fieldConfig:{header:"Verifizierungsmethoden"},id:"formHeader",type:"formHeader"},...hue(n),{fieldConfig:{label:"Kontaktiere uns",onClick:e,size:"medium",text:"Hast du Probleme bei der Verifizierung?",variant:"text"},id:"text-button",layout:{gapTop:"xl"},type:"button"}],id:"verification-methods",spacing:"lg"}),pue=e=>({canGoBack:!1,canGoNext:!1,fields:[{fieldConfig:{description:"Fordere eine Postkarte an und gib den darauf angegebenen Zugangscode ein. Fertig!",header:"Postkarte erhalten",sticker:{color:"green",icon:"envelope",size:"small"}},id:"formHeader",type:"formHeader"},{fieldConfig:{label:"Postkarte anfordern"},id:"submit-button",layout:{gapTop:"xl"},type:"button"},{fieldConfig:{goTo:"verification-methods",label:"Andere Verifizierungsmethoden",size:"medium",variant:"text"},id:"text-button",type:"button"}],id:"postalCode",onSubmit:e,spacing:"md"}),vue=()=>({canGoBack:!1,canGoNext:!1,fields:[{fieldConfig:{description:"Es kann 2-3 Werktage dauern bis du deine Postkarte erhältst. Komm anschließend einfach auf nebenan.de zurück und gib deinen Code ein, um die Verifizierung abzuschließen. ",header:"Postkarte erhalten",sticker:{color:"green",icon:"envelope",size:"small"},title:"Deine Postkarte ist auf dem Weg zu dir!"},id:"formHeader",type:"formHeader"},{fieldConfig:{disabled:!0,label:"Die Postkarte ist unterwegs"},id:"submit-button",layout:{gapTop:"xl"},type:"button"},{fieldConfig:{goTo:"verification-methods",label:"Andere Verifizierungsmethoden",size:"medium",variant:"text"},id:"text-button",type:"button"}],id:"postalCodeRequested",spacing:"md"}),bue=Te.z.string().trim().regex(/^\+(3[0-9]|4[0-9]|2[0-9]|5[0-9])[0-9\s|]{8,16}$/,"Die Telefonnummer muss mit einer gültigen EU-Länder-Vorwahl beginnen und darf nur Zahlen und Leerzeichen enthalten.").transform(e=>e.replace(/\s+/g,"")).refine(e=>e.length>=10,{message:"Die Telefonnummer muss mindestens 10 Zeichen lang sein (inklusive Vorwahl)."}).refine(e=>e.length<=20,{message:"Die Telefonnummer darf höchstens 20 Zeichen lang sein (inklusive Vorwahl)."}),wue=Te.z.object({phone:bue}),kue=e=>({canGoBack:!1,canGoNext:!0,fields:[{fieldConfig:{description:"Gib deine Handynummer ein. Wir schicken dir einen 6-stelligen Zugangscode per SMS.",header:"SMS Verifizierung",notice:{bodyText:"Deine Telefonnummer bleibt privat und wird nicht gespeichert oder mit Nachbar:innen geteilt.",color:"vanilla",context:"info",icon:{name:"eye_crossed",size:"24"},variant:"detailed"},sticker:{color:"green",icon:"phone",size:"small"}},id:"formHeader",type:"formHeader"},{fieldConfig:{name:"phone",placeholder:"Telefonnummer"},id:"phone",type:"phoneInput"},{fieldConfig:{label:"SMS code anfordern"},id:"formSubmitButton",layout:{gapTop:"xl"},type:"button"},{fieldConfig:{goTo:"verification-methods",label:"Andere Verifizierungsmethoden",size:"medium",variant:"text"},id:"text-button",type:"button"}],id:"phone_number",onSubmit:e,spacing:"lg",validationMode:"onBlur",validationSchema:wue}),_ue=Te.z.string({required_error:"Der Telefoncode muss genau 6 Ziffern enthalten (z. B. 123456)."}).trim().regex(/^\d{6}$/,"Der Telefoncode muss genau 6 Ziffern enthalten (z. B. 123456)."),yue=Te.z.object({sms_code:_ue}),xue=e=>({canGoBack:!1,canGoNext:!1,fields:[{fieldConfig:{description:"Wir haben dir eine SMS mit einem 6-stelligen Code geschickt. Bitte gib ihn hier ein.",header:"SMS Verifizierung",notice:{bodyText:"Es kann ein paar Minuten dauern, bis die Nachricht kommt.",color:"grey",context:"info",icon:{name:"info",size:"24"},variant:"detailed"},phoneNr:!0,sticker:{color:"green",icon:"phone",size:"small"}},id:"formHeader",type:"formHeader"},{fieldConfig:{name:"sms_code",type:"sms"},id:"sms_code",type:"codeField"},{fieldConfig:{label:"Bestätigen"},id:"formSubmitButton",layout:{gapTop:"xl"},type:"button"},{fieldConfig:{goTo:"phone_number",label:"SMS erneut anfordern",size:"medium",variant:"text"},id:"text-button",type:"button"}],id:"smsCode",onSubmit:e,spacing:"lg",validationMode:"onSubmit",validationSchema:yue}),Sue=async(e,n,t)=>{const i=Oo("data.phone",e).split("|").join("");try{return await Me.requestSmsCode({phone_number:i,token:t}),!0}catch(r){return ls(r,n,({field:s,message:l})=>{var o;(o=e.methods)==null||o.setError(s,{message:l,type:"manual"})},"phone")}},Cue=async(e,n,t,i)=>{const r=Oo("data.smsCode",e);try{await Me.sendSmsCode({smsCode:r,token:i}),n({})}catch(a){return ls(a,t,({field:l,message:o})=>{var u;(u=e.methods)==null||u.setError(l,{message:o,type:"manual"})})}},Eue=async(e,n,t,i)=>{const r=Oo("data.code",e),a=`${r.slice(0,5)}-${r.slice(5)}`;try{await Me.sendInviteCode({inviteCode:a,token:i}),n({})}catch(s){return ls(s,t,({field:o,message:u})=>{var f;(f=e.methods)==null||f.setError(o,{message:u,type:"manual"})},"code")}},Mue=async(e,n,t)=>{try{return await Me.requestPostCard({token:t}),e==null||e(),"postalCodeRequested"}catch(i){return ls(i,n)}},Tue=({fetchProfile:e,initialStep:n="verification-methods",onSubmit:t,status:i,token:r})=>{const[a,s]=v.useState(null),o=gue(()=>{console.log("handleContactUs")},i==null?void 0:i.verification_methods),u=vue(),f=[kue(c=>Sue(c,s,r)),xue(c=>Cue(c,t,s,r)),lue(c=>Eue(c,t,s,r)),pue(()=>Mue(e,s,r)),o,u];return m.jsx(ud,{id:"verification_wizard",steps:f,onStepChange:()=>s(null),excludedSteps:[o.id,u.id],initialStep:n,formError:a,formFieldMap:{...aue,...E4},formWrapper:c=>m.jsx(C4,{progressBar:{currentStep:4,steps:4},children:c})})},Fue={status:{address_valid:!0,business_profile_ids:[],core_block_reason:null,core_block_until:null,details_changed:"undecided",email:"nazim.shala+rebuild22@nebenan.de",has_business:!1,has_organization:!1,hash_id:"cbdf3d61ac041f28dc6491b52e1633b4",hood_active_users_count:"1347",hood_group_ids:[],hood_group_ids_with_pending_membership_request:[],id:143613,is_address_verified:!1,is_allowed_invite:!1,is_banned:!1,is_document_verification_pending:!1,is_email_verified:!1,is_hood_open:!0,is_hood_suggested:!1,is_hood_suggestion_available_from_user:!1,is_postcard_verification_allowed:!0,is_postcard_verification_pending:!1,is_read_only:!1,is_sofort_ident_allowed:!1,is_verification_pending:!1,is_verification_requested:!1,moderator_at_hood_group_ids:[],muted_hood_message_ids:[],muted_user_ids:[],new_messages_count:0,new_notifications_count:0,organization_profile_ids:[],popular_tags:[{context:"potentials_sharing",count:1,name:"Grill"}],require_relogin:!1,strange_fields:[],trust_level:0,verification_methods:{gps:{enabled:!0,order_nr:1,status:0},postcard:{enabled:!0,order_nr:2,status:0},sms:{enabled:!0,order_nr:0,status:0},sofort_ident:{enabled:!1,order_nr:null}}}},Pue="_root_1m2y9_141",Aue="_body_1m2y9_155",Vu={root:Pue,body:Aue},Lue=()=>m.jsx(P.Card,{className:Vu.root,borderRadius:!0,responsive:!0,children:m.jsxs(P.CardBody,{className:Vu.body,children:[m.jsx(P.Sticker,{size:"small",icon:"checkmark",color:"green"}),m.jsx(P.Typography,{className:Vu.title,type:"h3",children:"E-mail wurde gesendet"})]})}),Rue="_root_ws2sm_141",zue="_root__description_ws2sm_153",$ue="_root__body_ws2sm_160",Bue="_root__email_ws2sm_172",Iue="_root__footer_ws2sm_180",Nue="_root__footer__text_ws2sm_188",Due="_root__header_ws2sm_192",Oue="_root__header__headline_ws2sm_201",jue="_root__header__sticker_ws2sm_204",Ft={root:Rue,root__description:zue,root__body:$ue,root__email:Bue,root__footer:Iue,root__footer__text:Nue,root__header:Due,root__header__headline:Oue,root__header__sticker:jue},Hue=e=>vm().get(e),Vue=({showSuccessTimer:e=1e3})=>{const[n,t]=v.useState(!0),i=No("userEmail",!0,""),r=Hue(i);v.useEffect(()=>{if(!n)return;const s=setTimeout(()=>{t(!1)},e);return()=>clearTimeout(s)},[n,e]);const a=()=>{(async()=>(t(!0),await Me.resendConfirmationEmail({email:r})))()};return m.jsx(m.Fragment,{children:n?m.jsx(Lue,{}):m.jsx(P.Card,{className:Ft.root,withoutPadding:!0,borderRadius:!0,responsive:!0,children:m.jsxs(P.CardBody,{className:Ft.root__body,children:[m.jsxs("div",{className:Ft.root__header,children:[m.jsx(P.Sticker,{className:Ft.root__header__sticker,size:"small",icon:"envelope",color:"green"}),m.jsx(P.Typography,{as:"h2",type:"h2",className:Ft.root__header__headline,children:"Überprüfe dein Postfach"})]}),m.jsx(P.Typography,{"aria-live":"polite",as:"p",type:"body-regular",className:Ft.root__description,children:"Öffne dein E-Mail-Postfach und klicke auf den Link, den wir an diese E-Mail-Adresse gesendet haben:"}),m.jsx(P.Typography,{as:"p",type:"body-semibold",className:Ft.root__email,children:r}),m.jsxs("footer",{className:Ft.root__footer,children:[m.jsxs(P.Typography,{as:"p",type:"body-regular",className:Ft.root__footer__text,children:["Die E-Mail ist nicht angekommen? ",m.jsx("br",{})," Spam-Ordner gecheckt?"]}),m.jsx(P.TextButton,{color:"blue",size:"medium",text:"E-Mail erneut senden",onClick:a})]})]})})})},Wue=({fetchProfile:e,initialForm:n=Jt.REGISTRATION_FORM,initialFormStep:t,onRegistrationSubmit:i,onVerificationSubmit:r,registrationToken:a,status:s=Fue.status})=>{const[l,o]=v.useState(n),[u,f]=v.useState(t),c=No("token",!0,"")||a,d=No("email_confirmation_required",!0,!1),[h,g]=oo(c),[k,_]=oo(d);v.useEffect(()=>{if(k)return o(Jt.EMAIL_CONFIRMATION);h&&o(Jt.VERIFICATION_FORM)},[h,k]);const w=({access_token:x,email_confirmation_required:M})=>{M&&o(Jt.EMAIL_CONFIRMATION),x&&g(x),_(M),i==null||i({access_token:x,email_confirmation_required:M}),f("")},y=x=>{r==null||r(x)};return m.jsxs(m.Fragment,{children:[l===Jt.EMAIL_CONFIRMATION&&m.jsx(Vue,{}),l===Jt.REGISTRATION_FORM&&m.jsx(Rle,{onSubmit:w,initialStep:u}),l===Jt.VERIFICATION_FORM&&m.jsx(Tue,{status:s,onSubmit:y,fetchProfile:e,token:h,initialStep:t})]})},Gue="_root_117wk_141",que="_root__title_117wk_150",Uue="_root__moreMenu_117wk_153",Zue="_root__subtitle_117wk_158",Kue="_root__helpersCluster_117wk_162",Yue="_root__heartBubbleContainer_117wk_165",Xue="_messageContainer_117wk_180",Jue="_messageContainer__message_117wk_193",Que="_messageContainer__author_117wk_197",efe="_messageContainer__quotationLeft_117wk_200",nfe="_messageContainer__quotationRight_117wk_205",qn={root:Gue,root__title:que,root__moreMenu:Uue,root__subtitle:Zue,root__helpersCluster:Kue,root__heartBubbleContainer:Yue,messageContainer:Xue,messageContainer__message:Jue,messageContainer__author:Que,messageContainer__quotationLeft:efe,messageContainer__quotationRight:nfe},tfe=6,ife=e=>({0:"Danke für eure Hilfe!",1:"Hilfe von nebenan!",2:"Danke für eure Hilfsbereitschaft!",3:"Eure Hilfsbereitschaft zählt!",4:"Hilfe gefunden!",5:"Wir helfen einander!"})[e],rfe=()=>"Schreibe einen kurzen Text, um deinen Nachbarn für ihre Hilfsbereitschaft zu danken.",afe=({authorFirstName:e,editMenuItems:n,helperUsers:t,message:i,onAvatarClick:r,onMoreClick:a,parentId:s})=>{const l=s%tfe,o=ife(l),[u,f]=v.useState(null),c=!!u,d=h=>{f(u?null:h.currentTarget)};return m.jsx(P.Card,{withoutPadding:!0,borderRadius:!0,className:qn.root,children:m.jsxs(P.CardBody,{withoutPadding:!0,children:[m.jsx("div",{className:qn.root__heartBubbleContainer,children:m.jsx(P.Icon,{size:"32",name:"bubble_heart_coloured"})}),m.jsx("div",{className:qn.root__moreMenu,children:n&&n.length&&m.jsxs(m.Fragment,{children:[m.jsx(P.IconButton,{icon:"more_dots",ariaLabel:"edit-thank-you",onClick:d}),m.jsx(P.Popup,{open:c,anchor:u,handleClickAway:()=>f(null),placement:"bottom-end",offset:{crossAxis:0,mainAxis:-32},children:m.jsx(P.DropdownCard,{onClose:()=>f(null),items:n,hasHeader:!0,headerProps:{text:"Scließen"}})})]})}),m.jsx(P.Typography,{type:"h3",className:qn.root__title,children:o}),m.jsxs(P.Typography,{type:"detail-medium",className:qn.root__subtitle,children:[e," hat Hilfe erhalten von:"]}),m.jsx("div",{className:qn.root__helpersCluster,children:m.jsx(P.UserAvatarCluster,{users:t,size:"medium",onAvatarClick:r,onMoreClick:a})}),m.jsxs("div",{className:qn.messageContainer,children:[m.jsx(P.Typography,{type:"detail-medium",className:qn.messageContainer__message,children:i||rfe()}),m.jsx(P.Typography,{type:"detail-bold",className:qn.messageContainer__author,children:e}),m.jsx("div",{className:qn.messageContainer__quotationLeft,children:m.jsx(P.Icon,{size:"32",name:"quotation_left_filled"})}),m.jsx("div",{className:qn.messageContainer__quotationRight,children:m.jsx(P.Icon,{size:"32",name:"quotation_right_filled"})})]})]})})};exports.AccordionMenu=V4;exports.AuthenticationForm=pw;exports.ChristmasGarland=ww;exports.ComparisonTable=Bw;exports.ComplaintModal=Fg;exports.ConfirmDialog=Q7;exports.ContentCreatorTrigger=tx;exports.DesktopLayout=lx;exports.DesktopNavbarSearchField=ux;exports.DesktopNavigationBar=gx;exports.DynamicForm=Gu;exports.EmojiPicker=bS;exports.EmojiSearch=wS;exports.FeedRouterProvider=YH;exports.Form=ld;exports.FormCheckboxInput=j5;exports.FormContentCreatorTile=_m;exports.FormInputFieldSpecial=H5;exports.FormPhoneInput=xm;exports.FormRadioButton=rw;exports.FormRadioButtonCluster=aw;exports.FormTextAreaInput=sw;exports.FormTextInput=ro;exports.FormToggleInput=ow;exports.Gallery=XV;exports.Grid=hm;exports.GridFeed=pV;exports.GridFeedAggregator=s3;exports.GridItem=dm;exports.HtmlContent=nW;exports.ImageAttachment=l3;exports.ImageCropper=fq;exports.ImageGalleryTrigger=mq;exports.LayoutLoadingSpinner=G3;exports.LinkAttachment=rm;exports.MainLayout=lU;exports.MarkdownRichText=Hre;exports.MarketplaceAggregatorCard=Lp;exports.MarketplaceDetailPage=iP;exports.MarketplaceItemCardless=sc;exports.MarketplaceMoreOptions=zp;exports.MenuLinkList=Gre;exports.MobileHeaderBar=Yre;exports.MobileLayout=U3;exports.ModalGallery=u3;exports.NPEAggregator=Nae;exports.PointOfInterest=Xae;exports.PostAuthor=$p;exports.PostInfo=Rp;exports.Profile=p4;exports.ProfileControls=use;exports.Quote=gse;exports.ReactionPill=x4;exports.ReactionSelection=yoe;exports.ReactionStack=S4;exports.ReactionTabList=zoe;exports.Registration=Wue;exports.ResponsiveModal=Xo;exports.ThankYouCard=afe;exports.Wizard=ud;
884
+ as expected. Check README.md for usage'`)},n.prototype.componentWillUnmount=function(){this.el&&(this.el.removeEventListener("scroll",this.throttledOnScrollListener),this.props.pullDownToRefresh&&(this.el.removeEventListener("touchstart",this.onStart),this.el.removeEventListener("touchmove",this.onMove),this.el.removeEventListener("touchend",this.onEnd),this.el.removeEventListener("mousedown",this.onStart),this.el.removeEventListener("mousemove",this.onMove),this.el.removeEventListener("mouseup",this.onEnd)))},n.prototype.componentDidUpdate=function(t){this.props.dataLength!==t.dataLength&&(this.actionTriggered=!1,this.setState({showLoader:!1}))},n.getDerivedStateFromProps=function(t,i){var r=t.dataLength!==i.prevDataLength;return r?ya(ya({},i),{prevDataLength:t.dataLength}):null},n.prototype.isElementAtTop=function(t,i){i===void 0&&(i=.8);var r=t===document.body||t===document.documentElement?window.screen.availHeight:t.clientHeight,a=Q2(i);return a.unit===br.Pixel?t.scrollTop<=a.value+r-t.scrollHeight+1:t.scrollTop<=a.value/100+r-t.scrollHeight+1},n.prototype.isElementAtBottom=function(t,i){i===void 0&&(i=.8);var r=t===document.body||t===document.documentElement?window.screen.availHeight:t.clientHeight,a=Q2(i);return a.unit===br.Pixel?t.scrollTop+r>=t.scrollHeight-a.value:t.scrollTop+r>=a.value/100*t.scrollHeight},n.prototype.render=function(){var t=this,i=ya({height:this.props.height||"auto",overflow:"auto",WebkitOverflowScrolling:"touch"},this.props.style),r=this.props.hasChildren||!!(this.props.children&&this.props.children instanceof Array&&this.props.children.length),a=this.props.pullDownToRefresh&&this.props.height?{overflow:"auto"}:{};return v.createElement("div",{style:a,className:"infinite-scroll-component__outerdiv"},v.createElement("div",{className:"infinite-scroll-component "+(this.props.className||""),ref:function(s){return t._infScroll=s},style:i},this.props.pullDownToRefresh&&v.createElement("div",{style:{position:"relative"},ref:function(s){return t._pullDown=s}},v.createElement("div",{style:{position:"absolute",left:0,right:0,top:-1*this.maxPullDownDistance}},this.state.pullToRefreshThresholdBreached?this.props.releaseToRefreshContent:this.props.pullDownToRefreshContent)),this.props.children,!this.state.showLoader&&!r&&this.props.hasMore&&this.props.loader,this.state.showLoader&&this.props.hasMore&&this.props.loader,!this.props.hasMore&&this.props.endMessage))},n}(v.Component);const Eoe="_cardHeader_i8pti_141",Moe="_cardBody_i8pti_154",Toe="_tabsList_i8pti_163",Foe="_tab_i8pti_163",Poe="_selectedTab_i8pti_201",Aoe="_tabPanel_i8pti_210",Loe="_profile_i8pti_222",Xt={cardHeader:Eoe,cardBody:Moe,tabsList:Toe,tab:Foe,selectedTab:Poe,tabPanel:Aoe,profile:Loe},Roe=(e,n,t)=>({id:e,object_type:"hood_message",page:n,reaction_type:t==="all"?void 0:t}),zoe=({closeText:e="Schließen",getPicturePlaceholder:n,getReactions:t,headerTitle:i="Reaktionen",open:r,postId:a,setOpen:s,userLink:l=!0})=>{const[o,u]=v.useState(null),[f,c]=v.useState("all"),[d,h]=v.useState(1),[g,k]=v.useState([]),_=!o||!!o.next_page,w=v.useCallback(async()=>{try{const B=Roe(a,d,f),S=await t(B);h(S.next_page||d),u(S),k(T=>[...T,...S.users])}catch(B){console.error("Error fetching reactions:",B)}},[a,d,f,t]);v.useEffect(()=>(r&&w(),()=>{k([])}),[r,f,w]);const y=(B,S)=>{typeof S=="string"&&(c(S),h(1),k([]))},x=()=>{s(),k([]),h(1),c("all")};if(!(o!=null&&o.live_data))return null;const M=o.live_data.counter.hood_message[a],C=m.jsx(P.CardHeader,{headline:i,type:Mn()?"h4":"h3",as:"h2",leftElement:m.jsx(P.IconButton,{icon:"arrow_left",size:"medium",ariaLabelledBy:"back",onClick:x}),rightElement:m.jsx(P.IconButton,{ariaLabel:"close-sheet",onClick:x,icon:"cross_circle"}),className:Xt.cardHeader}),R=[];for(const[B,S]of Object.entries(M))wse(B)&&S>0&&R.push({count:S,reaction:B});const F=_4(R),I=[{count:0,reaction:"all"},...F],D=m.jsx(P.CardBody,{className:Xt.cardBody,children:m.jsxs(jm,{defaultValue:"all",onChange:y,children:[m.jsx(Gm,{className:Xt.tabsList,children:I.map(({count:B,reaction:S})=>m.jsxs(Um,{value:S,"data-testid":`tab-${S}`,children:[m.jsxs("div",{className:Xt.tab,children:[S==="all"?m.jsx(P.Typography,{as:"span",type:"body-semibold",className:Xt.alle,children:"Alle"}):y4(S),m.jsx("div",{className:Xt.selectedTab})]}),B>0&&m.jsx(P.Typography,{as:"span",type:"body-semibold",children:B})]},`${S}_${B}`))}),I.map(({reaction:B})=>m.jsx(Hm,{value:B,className:Xt.tabPanel,id:"reactionTabPanel",children:m.jsx(Coe,{dataLength:g.length,next:w,hasMore:_,loader:m.jsx(P.Loader,{}),scrollableTarget:"reactionTabPanel",scrollThreshold:.7,children:g.map(S=>m.jsx("div",{className:Xt.profile,children:m.jsx(p4,{alt:"profile",link:S.hood_title,name:S.firstname,onClick:l?()=>window.open(`/profile/${S.id}`,"_self"):void 0,src:S.photo_medium_url||n(S)})},S.id))})},B))]})});return m.jsx(P.Sheet,{open:r,onDismiss:x,content:D,header:C,cancelButtonText:e})},No=(e,n=!1,t,i=!1)=>od(e,n,t,i);var Jt=(e=>(e.EMAIL_CONFIRMATION="EMAIL_CONFIRMATION",e.REGISTRATION_FORM="REGISTRATION_FORM",e.VERIFICATION_FORM="VERIFICATION_FORM",e))(Jt||{});const $oe="_root_epq7r_141",Boe="_root__cardHeader_epq7r_152",Ioe="_root__cardHeaderMobile_epq7r_161",Noe="_root__cardBody_epq7r_175",Doe="_root__progressBar_epq7r_183",Ooe="_root__backButton_epq7r_191",ur={root:$oe,root__cardHeader:Boe,root__cardHeaderMobile:Ioe,root__cardBody:Noe,root__progressBar:Doe,root__backButton:Ooe},C4=({children:e,progressBar:n})=>{const{currentStep:t,currentStepData:{canGoBack:i,fields:r=[]},previous:a,totalSteps:s}=Do(),l=()=>{var u,f;return((f=(u=r.find(c=>c.type==="formHeader"))==null?void 0:u.fieldConfig)==null?void 0:f.header)||""},o=()=>m.jsxs("div",{children:[m.jsx(P.CardHeader,{type:"h4",as:"h2",className:ur.root__cardHeaderMobile,headline:l(),leftElement:i&&m.jsx(P.Button,{onClick:a,className:ur.root__backButton,children:m.jsx(P.Icon,{name:"chevron_left",size:"24"})})}),m.jsx(P.ProgressBar,{className:ur.root__progressBar,type:"progress",steps:(n==null?void 0:n.steps)??s+1,progress:(n==null?void 0:n.currentStep)??t+1})]});return m.jsxs(P.Card,{withoutPadding:!0,borderRadius:!0,responsive:!0,className:ur.root,allowedElement:o,children:[Mn()?m.jsx(o,{}):m.jsx(P.CardHeader,{type:"body-semibold",className:ur.root__cardHeader,headline:i?"Zurück":"",leftElement:i&&m.jsx(P.Button,{onClick:a,children:m.jsx(P.Icon,{name:"chevron_left",size:"16"})}),rightElement:m.jsx(P.Typography,{type:"detail-regular",children:`Schritt ${(n==null?void 0:n.currentStep)??t+1} von ${(n==null?void 0:n.steps)??s+1}`})}),m.jsx(P.CardBody,{className:ur.root__cardBody,children:e})]})},joe="_root_gyjyz_141",Hoe="_root__headline_gyjyz_146",Voe="_root__description_gyjyz_155",Woe="_root__phone_gyjyz_162",Goe="_root__sticker_gyjyz_169",la={root:joe,root__headline:Hoe,root__description:Voe,root__phone:Woe,root__sticker:Goe},qoe=({className:e})=>{const{previous:n}=Do(),t=od("verification_wizard",!1,{}),i=km(t),r=Oo("phone_number.phone",i);return r?m.jsxs("div",{className:e,children:[m.jsx(P.Typography,{type:"h5",children:Zu(r)}),m.jsx(P.TextButton,{size:"medium",text:"Ändern",onClick:n,color:"blue"})]}):null},Uoe=({description:e,header:n,notice:t,phoneNr:i=!1,sticker:r,title:a})=>m.jsxs("div",{className:la.root,children:[r&&m.jsx(P.Sticker,{className:la.root__sticker,...r}),m.jsx(P.Typography,{className:la.root__headline,type:"h2",children:n}),e&&m.jsxs("div",{className:la.root__description,children:[a&&m.jsx(P.Typography,{type:"body-large",markdown:!0,children:a}),m.jsx(P.Typography,{type:"body-regular",markdown:!0,children:e})]}),t&&t.bodyText&&m.jsx(P.Notice,{...t,variant:"detailed"}),i&&m.jsx(qoe,{className:la.root__phone})]}),E4={formHeader:e=>m.jsx(Uoe,{...e.fieldConfig},e.id)},Zoe="_root_1jd95_141",Koe={root:Zoe},Oc=0,jc=1,Hc=2,Vc=3,Yoe=[Oc,jc,Vc,Hc],Xoe={[Vc]:"Divers",[Oc]:"Weiblich",[jc]:"Männlich",[Hc]:"Keine Angabe"},M4={[Vc]:"diverse",[Oc]:"female",[jc]:"male",[Hc]:"hidden"},Joe=()=>Yoe.map(Number).map(e=>({id:`gender_${e}`,isSelected:!0,label:Xoe[e],style:"outline",value:M4[e]})),Qoe=(e,n)=>e.filter(t=>t.value===n),ele=({onChange:e,selectedGender:n})=>{const t=Joe(),i=r=>{e(r[0].value)};return m.jsx(P.SelectablePillGroup,{multiselect:!1,className:Koe.root,items:t,selectedItems:Qoe(t,n),onChange:i})},nle=({name:e,rules:n,selectedGender:t=M4[0]})=>{const{control:i}=Fe.useFormContext(),{field:r}=Fe.useController({control:i,defaultValue:t,name:e,rules:n});return m.jsx(ele,{onChange:r.onChange,selectedGender:r.value})},tle="_root_1qncq_141",ile="_root__content_1qncq_151",rle="_root__names_1qncq_156",ale="_root__name_1qncq_156",sle="_root__name__placeholder_1qncq_163",Si={root:tle,root__content:ile,root__names:rle,root__name:ale,root__name__placeholder:sle},ole=({checked:e,firstname:n,label:t="Nachnamen gekürzt anzeigen",lastname:i,onChange:r,placeholder:a={firstname:"Firstname",lastname:"Lastname"}})=>{const s=()=>e?`${(i==null?void 0:i.charAt(0))||a.lastname.charAt(0)}.`:`${i||a.lastname}`,l=()=>n||a.firstname;return m.jsxs("div",{className:Si.root,children:[m.jsxs("div",{className:Si.root__content,children:[m.jsx(P.Typography,{type:"detail-medium",children:t}),m.jsxs("div",{className:Si.root__names,children:[m.jsx(P.Typography,{type:"body-large",className:re(Si.root__name,{[Si.root__name__placeholder]:!n}),children:l()}),m.jsx(P.Typography,{type:"body-large",className:re(Si.root__name,{[Si.root__name__placeholder]:!i}),children:s()})]})]}),m.jsx(P.Toggle,{onChange:r,checked:e})]})},lle=({defaultChecked:e=!0,label:n,name:t,rules:i})=>{const{control:r,watch:a}=Fe.useFormContext(),{field:s}=Fe.useController({control:r,defaultValue:e,name:t,rules:i}),l=a("firstname"),o=a("lastname");return m.jsx(ole,{checked:s.value,firstname:l,label:n,lastname:o,onChange:s.onChange})},ule="_root_srj8a_141",fle="_root__input_srj8a_145",dle="_root__progressBar_srj8a_148",ju={root:ule,root__input:fle,root__progressBar:dle},cle=e=>{let n=0;return e?(/[a-z]/.test(e)&&n++,/[A-Z]/.test(e)&&n++,/\d/.test(e)&&n++,/[^A-Za-z0-9]/.test(e)&&n++,e.length>=8&&n++,Math.min(n,5)):n},hle=({colorScheme:e="outline",errorText:n,id:t="password-field",label:i="Password",name:r,onBlur:a,onChange:s,passwordHint:l="Verwende mindestens 6 Zeichen (bevorzugt 8-16), kombiniere Groß- und Kleinbuchstaben, Zahlen und Sonderzeichen. Vermeide gängige Wörter, Muster und persönliche Informationen.",progressBar:o=!0,size:u="large",value:f=""})=>{const[c,d]=v.useState(!1);return m.jsx("div",{className:ju.root,children:m.jsx(P.TextInput,{wrapperClassName:ju.root__input,size:u,colorScheme:e,id:t,label:i,inputFieldType:c?"text":"password",errorText:n,onChange:s,onBlur:a,value:f,name:r,hintText:o?l:void 0,progressBar:o&&m.jsx(P.ProgressBar,{className:ju.root__progressBar,progress:cle(f),steps:5,type:"password"}),iconButton:{ariaLabelledBy:"toggle-password",icon:c?"eye_crossed":"eye",onClick:()=>d(!c)}})})},mle=({colorScheme:e,id:n,label:t,name:i,passwordHint:r,progressBar:a,rules:s,size:l,value:o})=>{var d;const{control:u}=Fe.useFormContext(),{field:f,fieldState:c}=Fe.useController({control:u,defaultValue:o,name:i,rules:s});return m.jsx(hle,{size:l,progressBar:a,colorScheme:e,passwordHint:r,id:n,label:t,onChange:f.onChange,onBlur:f.onBlur,value:f.value,errorText:(d=c.error)==null?void 0:d.message,name:f.name})},gle=({api:e,className:n,disabled:t,iconButton:i,id:r,label:a,name:s,rules:l,sheetBreakpoint:o="800",size:u,style:f})=>{var M;const{control:c,trigger:d,watch:h}=Fe.useFormContext(),{field:g,fieldState:k}=Fe.useController({control:c,name:s,rules:l}),[_,w]=v.useState([]),y=h(`${e.key}`),x=v.useCallback(async()=>{if(y){const C=await d(e.key);if(y&&C){const R=e.endpoint.replace(":key",y);Me.getDataByZip({endpoint:R}).then(F=>{w(Z5(F[e.dataId])||[])}).catch(()=>{console.warn("Error fetching data")})}}},[e.dataId,e.endpoint,e.key,y,d]);return v.useEffect(()=>{x()},[x]),m.jsx(ym,{defaultValue:g.value,onSelect:g.onChange,options:_,sheetBreakpoint:o,name:s,style:f,errorText:(M=k.error)==null?void 0:M.message,id:r,className:n,disabled:t,iconButton:i,label:a,size:u})},ple={genderSelector:e=>m.jsx(nle,{...e},e.id),nameAbbr:e=>m.jsx(lle,{...e},e.id),password:e=>m.jsx(mle,{...e},e.id),selectInput:e=>m.jsx(gle,{...e.fieldConfig},e.id)},vle=Te.z.string().trim().regex(/^\d{5}$/,"Die Postleitzahl muss genau 5 Ziffern enthalten (z. B. 10115)."),ble=Te.z.string({required_error:"Der Ortsname muss mindestens 2 Zeichen lang sein."}).trim().min(2,"Der Ortsname muss mindestens 2 Zeichen lang sein.").max(100,"Der Ortsname darf maximal 100 Zeichen lang sein.").regex(/^[A-Za-zÄÖÜäöüß\s-]+$/,"Der Ortsname darf nur Buchstaben, Leerzeichen und Bindestriche enthalten."),wle=Te.z.string({required_error:"Der Straßenname muss mindestens 2 Zeichen lang sein."}).trim().min(2,"Der Straßenname muss mindestens 2 Zeichen lang sein.").max(100,"Der Straßenname darf maximal 100 Zeichen lang sein.").regex(/^[A-Za-zÄÖÜäöüß0-9\s,.-]+$/,"Der Straßenname darf nur Buchstaben, Zahlen, Leerzeichen, Kommas, Punkte oder Bindestriche enthalten."),kle=Te.z.string().trim().regex(/^\d+[a-zA-Z]?$/,"Die Hausnummer muss eine Zahl mit optionalem Buchstaben sein (z. B. 12a, 45)."),_le=Te.z.object({city:ble,house_number:kle,street:wle,zip_code:vle}),yle=()=>({canGoBack:!0,canGoNext:!0,fields:[{fieldConfig:{header:"Deine Adresse",notice:{bodyText:"Deine Adresse hilft uns, dich der richtigen Nachbarschaft zuzuordnen. Du kannst sie jederzeit anonymisieren.",color:"vanilla",context:"info",icon:{name:"eye_crossed",size:"24"},variant:"detailed"}},id:"formHeader",type:"formHeader"},{id:"zip_code",label:"Postleitzahl",layout:{gapTop:"xs"},name:"zip_code",size:"large",type:"text"},{fieldConfig:{api:{dataId:"cities",endpoint:"/public/v1/zip_codes/:key/cities.json",key:"zip_code"},id:"city",label:"Ort",name:"city"},id:"place",type:"selectInput"},{fieldConfig:{api:{dataId:"streets",endpoint:"/public/v1/zip_codes/:key/streets.json",key:"zip_code"},id:"street",label:"Deine Straße",name:"street"},id:"street",type:"selectInput"},{hintText:"Deine Hausnummer bleibt anonym.",id:"house_number",label:"Hausnummer",name:"house_number",size:"large",type:"text"},{fieldConfig:{label:"Weiter"},id:"submitButton",layout:{gapTop:"xl"},type:"button"}],id:"addressStep",spacing:"md",validationSchema:_le}),xle=Te.z.string({required_error:"Bitte gib eine gültige E-Mail-Adresse ein."}).email("Bitte gib eine gültige E-Mail-Adresse ein.").trim(),Sle=Te.z.string({required_error:"Das Passwort muss mindestens 6 Zeichen lang sein."}).min(6,"Das Passwort muss mindestens 6 Zeichen lang sein.").max(50,"Das Passwort darf maximal 50 Zeichen lang sein.").trim().regex(/[A-Z]/,"Das Passwort muss mindestens einen Großbuchstaben enthalten.").regex(/[0-9]/,"Das Passwort muss mindestens eine Zahl enthalten.").regex(/[^a-zA-Z0-9]/,"Das Passwort muss mindestens ein Sonderzeichen enthalten."),Cle=Te.z.object({email:xle,password:Sle}),Ele=e=>({canGoBack:!0,canGoNext:!1,fields:[{fieldConfig:{description:"Erstelle dein Konto und entdecke deine Nachbarschaft. Denke daran, deine E-Mail zu bestätigen.",header:"Dein Nutzerkonto"},id:"formHeader",type:"formHeader"},{id:"email",label:"E-Mail-Addresse",layout:{gapTop:"xs"},name:"email",size:"large",type:"text"},{id:"password",label:"Password",name:"password",size:"large",type:"password"},{fieldConfig:{label:"Weiter"},id:"submitButton",layout:{gapTop:"xl"},type:"button"}],id:"emailStep",onSubmit:e,spacing:"md",validationSchema:Cle}),Mle=Te.z.string().min(2,"Der Vorname muss mindestens 2 Zeichen lang sein").max(50,"Der Vorname darf höchstens 50 Zeichen lang sein").trim().regex(/^[A-Za-zÀ-ÖØ-öø-ÿ]+(?:['-][A-Za-zÀ-ÖØ-öø-ÿ]+)?$/,"Der Vorname darf nur Buchstaben (A-Z, a-z), Apostrophen (') oder Bindestriche (-) enthalten und darf keine Leerzeichen beinhalten."),Tle=Te.z.string().min(2,"Der Nachname muss mindestens 2 Zeichen lang sein").max(50,"Der Nachname darf höchstens 50 Zeichen lang sein").trim().regex(/^[A-Za-zÀ-ÖØ-öø-ÿ]+(?:['-][A-Za-zÀ-ÖØ-öø-ÿ]+)?(?: [A-Za-zÀ-ÖØ-öø-ÿ]+(?:['-][A-Za-zÀ-ÖØ-öø-ÿ]+)?)?(?: [A-Za-zÀ-ÖØ-öø-ÿ]+(?:['-][A-Za-zÀ-ÖØ-öø-ÿ]+)?)?$/,"Der Nachname kann bis zu drei Wörter enthalten, wobei jedes Wort nur aus Buchstaben (A-Z, a-z), Apostrophen (') oder Bindestrichen (-) bestehen darf. Die Wörter müssen durch genau ein Leerzeichen getrennt sein."),Fle=Te.z.object({firstname:Mle,lastname:Tle,lastname_abbreviated:Te.z.boolean(),salutation:Te.z.string().optional()}),Ple=()=>({canGoBack:!1,canGoNext:!0,fields:[{fieldConfig:{header:"Dein Name",notice:{bodyText:"Wir benötigen deinen echten Namen zur Verifizierung – so bleibt unsere Gemeinschaft vertrauenswürdig und sicher.",color:"vanilla",context:"info",icon:{name:"privacy_lock_closed",size:"24"},variant:"detailed"}},id:"formHeader",type:"formHeader"},{id:"firstname",label:"Vorname",layout:{gapTop:"xs"},name:"firstname",size:"large",type:"text"},{id:"lastname",label:"Nachname",name:"lastname",size:"large",type:"text"},{id:"lastname_abbreviated",name:"lastname_abbreviated",type:"nameAbbr"},{id:"salutation",name:"salutation",type:"genderSelector"},{fieldConfig:{label:"Weiter"},id:"submitButton",layout:{gapTop:"xl"},type:"button"}],id:"nameStep",spacing:"md",validationSchema:Fle}),id={already_verified:"Dein Account ist bereits verifiziert.",aws_unreachable:"Oh je… es ist ein Fehler aufgetreten.",blank:"Bitte trage hier deine Telefonnummer ein.",code_not_found:"Der Zugangscode lässt sich nicht zuordnen.",invalid:"Bitte gib ein gültiges Format ein.",only_one_verification_code_per_verification_sms_allowed:"Oh je... es ist ein Fehler aufgetreten.",sms_verification_not_available:"Zu viele Versuche. Bitte benutze eine andere Verifizierungsmethode.",taken:"Diese Telefonnummer wird bereits verwendet.",too_many_requests:"Bitte warte einen Augenblick, bevor du es erneut versuchst.",verification_failed:"Oh je... es ist ein Fehler aufgetreten.",verification_sms_not_found:"Oh je... es ist ein Fehler aufgetreten.",wrong_token_provided:"Der angegebene Code ist nicht gültig. Bitte versuche es nochmal."};function T4(e,n){if(typeof e!="object"||e===null)return null;for(const[t,i]of Object.entries(e)){if(Array.isArray(i)&&typeof i[0]=="string")return{field:n||t,key:i[0]};if(i&&typeof i=="object"){const r=T4(i,n);if(r)return r}if(typeof i=="string"&&i in id)return{field:n||"",key:i}}return null}function Ale(e,n){const t=e;if(typeof t=="string")return Hu("aws_unreachable");const i=T4(t,n);if(i!=null&&i.key){const r=Hu(i.key);return{field:i.field||null,message:r}}else return{field:null,message:Hu("aws_unreachable")}}function Hu(e){return id[e]||id.aws_unreachable}const ls=(e,n,t,i)=>{const r=Ale(e,i);return typeof r!="string"?r.field?(t==null||t(r),!1):(n(r.message),!1):(n(r),!1)},Lle=async(e,n,t,i)=>{try{const r=await Me.createUser({...e.data});r.email_confirmation_required?i(e.data.email):i(""),n==null||n(r)}catch(r){return ls(r,t,({field:s,message:l})=>{var o;(o=e.methods)==null||o.setError(s,{message:l,type:"manual"})})}},Rle=({initialStep:e,onSubmit:n})=>{const[t,i]=v.useState(null),r=No("userEmail",!0,"",!1),[a,s]=oo(r),l=[Ple(),yle(),Ele(o=>Lle(o,n,i,s))];return m.jsx(ud,{id:"registration_wizard",steps:l,formError:t,initialStep:e,formFieldMap:{...ple,...E4},formWrapper:o=>m.jsx(C4,{children:o})})},zle="_inputDetails_wq68m_141",$le="_inputDetails__hintText_wq68m_147",Ble="_inputDetails__errorText_wq68m_151",Ile="_inputDetails__counter_wq68m_155",qs={inputDetails:zle,inputDetails__hintText:$le,inputDetails__errorText:Ble,inputDetails__counter:Ile},Nle=({charCount:e,charLimit:n,errorText:t,hintText:i})=>{const r=`${e??0}/${n}`;return m.jsxs("div",{className:qs.inputDetails,children:[m.jsxs("div",{children:[i&&!t&&m.jsx(Fi,{className:qs.inputDetails__hintText,type:"detail-medium",children:i}),t&&m.jsx(Fi,{className:qs.inputDetails__errorText,type:"detail-bold",children:t})]}),!!n&&m.jsx(Fi,{type:"detail-medium",className:qs.inputDetails__counter,children:r})]})},Dle="_react-datepicker__day-names_gycxq_120",Ole="_react-datepicker__week_gycxq_124",jle="_react-datepicker__day--outside-month_gycxq_131",Hle="_react-datepicker_gycxq_120",Vle="_container_gycxq_144",Wle="_inputContainer_gycxq_152",Gle="_inputContainer--disabled_gycxq_164",qle="_inputContainer--filled_gycxq_167",Ule="_inputContainer--outlined_gycxq_173",Zle="_inputContainer--error_gycxq_181",Kle="_character_gycxq_186",Yle="_inputContainer--sms_gycxq_189",Xle="_inputContainer--active_gycxq_192",Jle="_character--selected_gycxq_192",Qle="_blink_gycxq_1",eue="_input_gycxq_152",nue="_character__divider_gycxq_250",tue="_character__divider_gycxq_250",xn={"react-datepicker__day-names":"_react-datepicker__day-names_gycxq_120",reactDatepickerDayNames:Dle,"react-datepicker__week":"_react-datepicker__week_gycxq_124",reactDatepickerWeek:Ole,"react-datepicker__day--outside-month":"_react-datepicker__day--outside-month_gycxq_131",reactDatepickerDayOutsideMonth:jle,"react-datepicker":"_react-datepicker_gycxq_120",reactDatepicker:Hle,container:Vle,inputContainer:Wle,"inputContainer--disabled":"_inputContainer--disabled_gycxq_164",inputContainerDisabled:Gle,"inputContainer--filled":"_inputContainer--filled_gycxq_167",inputContainerFilled:qle,"inputContainer--outlined":"_inputContainer--outlined_gycxq_173",inputContainerOutlined:Ule,"inputContainer--error":"_inputContainer--error_gycxq_181",inputContainerError:Zle,character:Kle,"inputContainer--sms":"_inputContainer--sms_gycxq_189",inputContainerSms:Yle,"inputContainer--active":"_inputContainer--active_gycxq_192",inputContainerActive:Xle,"character--selected":"_character--selected_gycxq_192",characterSelected:Jle,blink:Qle,input:eue,character__divider:nue,characterDivider:tue},iue=({disabled:e=!1,errorText:n,onComplete:t,type:i="invite",length:r=i==="sms"?6:10,variant:a="outlined",value:s=""})=>{const[l,o]=v.useState(s),[u,f]=v.useState(!1),c=v.useRef(null);v.useEffect(()=>{e&&f(!1)},[e]),v.useEffect(()=>{o(s)},[s]);const d=()=>{var M;(M=c.current)==null||M.focus()},h=M=>{["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(M.key)&&M.preventDefault()},g=M=>{const R=M.target.value.replace(/\s/g,"").slice(0,r);new RegExp("^[A-Za-zÀ-ÖØ-öø-ÿ0-9]*$").test(R)&&(o(R),R.length===r&&(t==null||t(R)))},k=M=>{f(!0),M.target.select()},_=()=>{f(!1),t==null||t(l)},w=()=>l,y=M=>w().length===M&&u,x=M=>i==="invite"&&M===Math.floor((r-1)/2);return m.jsxs("div",{"data-testid":"container",className:xn.container,children:[m.jsxs("div",{tabIndex:1,className:re(xn.inputContainer,xn[`inputContainer--${a}`],xn[`inputContainer--${i}`],{[xn["inputContainer--disabled"]]:e,[xn["inputContainer--error"]]:!!n,[xn["inputContainer--active"]]:u}),onClick:d,children:[m.jsx("input",{"aria-label":"verification input",spellCheck:!1,ref:c,value:w(),className:re(xn.input,{[xn["input--disabled"]]:!0}),onChange:g,onKeyDown:h,onFocus:k,onBlur:_,disabled:e}),Array.from({length:r},(M,C)=>m.jsxs(v.Fragment,{children:[m.jsx(P.Typography,{type:"h3",className:re(xn.character,{[xn["character--selected"]]:y(C)}),children:w()[C]},C),x(C)&&m.jsx(P.Typography,{type:"h3",className:re(xn.character,xn.character__divider)},`${C}-divider`)]},`${C}-fragment`))]}),n&&m.jsx(Nle,{errorText:n})]})},rue=({disabled:e,length:n,name:t,rules:i,type:r,variant:a})=>{var u;const{control:s}=Fe.useFormContext(),{field:l,fieldState:o}=Fe.useController({control:s,name:t,rules:i});return m.jsx(iue,{disabled:e,length:n,type:r,variant:a,errorText:(u=o.error)==null?void 0:u.message,onComplete:l.onChange,value:l.value})},aue={codeField:e=>m.jsx(rue,{...e==null?void 0:e.fieldConfig},e.id),phoneInput:e=>m.jsx(xm,{...e==null?void 0:e.fieldConfig},e.id),tileButton:e=>m.jsx(_m,{...e==null?void 0:e.fieldConfig,id:e.id},e.id)},sue=Te.z.string({required_error:"Der Code muss genau 10 Zeichen lang sein und darf nur Buchstaben und Zahlen enthalten."}).trim().regex(/^[a-zA-Z0-9]{10}$/,{message:"Der Code muss genau 10 Zeichen lang sein und darf nur Buchstaben und Zahlen enthalten."}),oue=Te.z.object({code:sue}),lue=e=>({canGoBack:!1,canGoNext:!1,fields:[{fieldConfig:{description:"Einen Zugangscode erhältst du z.B., wenn du eine Postkarte angefordert hast oder eine Einladung im Briefkasten hattest.",header:"Einladungscode",sticker:{color:"green",icon:"paper_form",size:"small"}},id:"formHeader",type:"formHeader"},{fieldConfig:{name:"code",type:"invite"},id:"code",layout:{gapTop:"md"},type:"codeField"},{fieldConfig:{label:"Senden"},id:"submit-button",layout:{gapTop:"xl"},type:"button"},{fieldConfig:{goTo:"verification-methods",label:"Andere Verifizierungsmethoden",size:"medium",variant:"text"},id:"text-button",type:"button"}],id:"inviteCode",onSubmit:e,spacing:"lg",validationSchema:oue}),uue=0,fue=1,F4="code",P4="postcard",due="gps",A4="sms",cue=[A4,F4,P4],em={[F4]:{fieldConfig:{description:"Einladung erhalten? Gib deinen Code ein.",headline:"Per Einladungscode",sticker:{color:"green",icon:"paper_form",size:"small"}},id:"inviteCode",type:"tileButton"},[due]:{fieldConfig:{description:"Erlaube Standortzugriff.",headline:"GPS",sticker:{color:"green",icon:"pin",size:"small"}},id:"gps",type:"tileButton"},[P4]:{fieldConfig:{description:"Erhalte einen Code in 2-3 Tagen.",headline:"Per Postcode",sticker:{color:"green",icon:"envelope",size:"small"}},id:"postalCode",type:"tileButton"},[A4]:{fieldConfig:{description:"Gib deine Handynummer ein.",headline:"Per SMS",sticker:{color:"green",icon:"phone",size:"small"}},id:"phone_number",type:"tileButton"}},hue=e=>cue.map(t=>{const i=mue({...e,code:{enabled:!0,order_nr:1,status:0}},t);return i!=null&&i.enabled?{...em[t],fieldConfig:{...em[t].fieldConfig,isActive:(i==null?void 0:i.status)===uue,...(i==null?void 0:i.status)===fue&&{isPending:!0}},...(i==null?void 0:i.order_nr)===0&&{layout:{gapTop:"lg"}},order:(i==null?void 0:i.order_nr)??null}:null}).filter(t=>t!==null).sort((t,i)=>((t==null?void 0:t.order)??1/0)-((i==null?void 0:i.order)??1/0)),mue=(e,n)=>(e==null?void 0:e[n])??null,gue=(e,n)=>({canGoBack:!0,fields:[{fieldConfig:{header:"Verifizierungsmethoden"},id:"formHeader",type:"formHeader"},...hue(n),{fieldConfig:{label:"Kontaktiere uns",onClick:e,size:"medium",text:"Hast du Probleme bei der Verifizierung?",variant:"text"},id:"text-button",layout:{gapTop:"xl"},type:"button"}],id:"verification-methods",spacing:"lg"}),pue=e=>({canGoBack:!1,canGoNext:!1,fields:[{fieldConfig:{description:"Fordere eine Postkarte an und gib den darauf angegebenen Zugangscode ein. Fertig!",header:"Postkarte erhalten",sticker:{color:"green",icon:"envelope",size:"small"}},id:"formHeader",type:"formHeader"},{fieldConfig:{label:"Postkarte anfordern"},id:"submit-button",layout:{gapTop:"xl"},type:"button"},{fieldConfig:{goTo:"verification-methods",label:"Andere Verifizierungsmethoden",size:"medium",variant:"text"},id:"text-button",type:"button"}],id:"postalCode",onSubmit:e,spacing:"md"}),vue=()=>({canGoBack:!1,canGoNext:!1,fields:[{fieldConfig:{description:"Es kann 2-3 Werktage dauern bis du deine Postkarte erhältst. Komm anschließend einfach auf nebenan.de zurück und gib deinen Code ein, um die Verifizierung abzuschließen. ",header:"Postkarte erhalten",sticker:{color:"green",icon:"envelope",size:"small"},title:"Deine Postkarte ist auf dem Weg zu dir!"},id:"formHeader",type:"formHeader"},{fieldConfig:{disabled:!0,label:"Die Postkarte ist unterwegs"},id:"submit-button",layout:{gapTop:"xl"},type:"button"},{fieldConfig:{goTo:"verification-methods",label:"Andere Verifizierungsmethoden",size:"medium",variant:"text"},id:"text-button",type:"button"}],id:"postalCodeRequested",spacing:"md"}),bue=Te.z.string().trim().regex(/^\+(3[0-9]|4[0-9]|2[0-9]|5[0-9])[0-9\s|]{8,16}$/,"Die Telefonnummer muss mit einer gültigen EU-Länder-Vorwahl beginnen und darf nur Zahlen und Leerzeichen enthalten.").transform(e=>e.replace(/\s+/g,"")).refine(e=>e.length>=10,{message:"Die Telefonnummer muss mindestens 10 Zeichen lang sein (inklusive Vorwahl)."}).refine(e=>e.length<=20,{message:"Die Telefonnummer darf höchstens 20 Zeichen lang sein (inklusive Vorwahl)."}),wue=Te.z.object({phone:bue}),kue=e=>({canGoBack:!1,canGoNext:!0,fields:[{fieldConfig:{description:"Gib deine Handynummer ein. Wir schicken dir einen 6-stelligen Zugangscode per SMS.",header:"SMS Verifizierung",notice:{bodyText:"Deine Telefonnummer bleibt privat und wird nicht gespeichert oder mit Nachbar:innen geteilt.",color:"vanilla",context:"info",icon:{name:"eye_crossed",size:"24"},variant:"detailed"},sticker:{color:"green",icon:"phone",size:"small"}},id:"formHeader",type:"formHeader"},{fieldConfig:{name:"phone",placeholder:"Telefonnummer"},id:"phone",type:"phoneInput"},{fieldConfig:{label:"SMS code anfordern"},id:"formSubmitButton",layout:{gapTop:"xl"},type:"button"},{fieldConfig:{goTo:"verification-methods",label:"Andere Verifizierungsmethoden",size:"medium",variant:"text"},id:"text-button",type:"button"}],id:"phone_number",onSubmit:e,spacing:"lg",validationMode:"onBlur",validationSchema:wue}),_ue=Te.z.string({required_error:"Der Telefoncode muss genau 6 Ziffern enthalten (z. B. 123456)."}).trim().regex(/^\d{6}$/,"Der Telefoncode muss genau 6 Ziffern enthalten (z. B. 123456)."),yue=Te.z.object({sms_code:_ue}),xue=e=>({canGoBack:!1,canGoNext:!1,fields:[{fieldConfig:{description:"Wir haben dir eine SMS mit einem 6-stelligen Code geschickt. Bitte gib ihn hier ein.",header:"SMS Verifizierung",notice:{bodyText:"Es kann ein paar Minuten dauern, bis die Nachricht kommt.",color:"grey",context:"info",icon:{name:"info",size:"24"},variant:"detailed"},phoneNr:!0,sticker:{color:"green",icon:"phone",size:"small"}},id:"formHeader",type:"formHeader"},{fieldConfig:{name:"sms_code",type:"sms"},id:"sms_code",type:"codeField"},{fieldConfig:{label:"Bestätigen"},id:"formSubmitButton",layout:{gapTop:"xl"},type:"button"},{fieldConfig:{goTo:"phone_number",label:"SMS erneut anfordern",size:"medium",variant:"text"},id:"text-button",type:"button"}],id:"smsCode",onSubmit:e,spacing:"lg",validationMode:"onSubmit",validationSchema:yue}),Sue=async(e,n,t)=>{const i=Oo("data.phone",e).split("|").join("");try{return await Me.requestSmsCode({phone_number:i,token:t}),!0}catch(r){return ls(r,n,({field:s,message:l})=>{var o;(o=e.methods)==null||o.setError(s,{message:l,type:"manual"})},"phone")}},Cue=async(e,n,t,i)=>{const r=Oo("data.smsCode",e);try{await Me.sendSmsCode({smsCode:r,token:i}),n({})}catch(a){return ls(a,t,({field:l,message:o})=>{var u;(u=e.methods)==null||u.setError(l,{message:o,type:"manual"})})}},Eue=async(e,n,t,i)=>{const r=Oo("data.code",e),a=`${r.slice(0,5)}-${r.slice(5)}`;try{await Me.sendInviteCode({inviteCode:a,token:i}),n({})}catch(s){return ls(s,t,({field:o,message:u})=>{var f;(f=e.methods)==null||f.setError(o,{message:u,type:"manual"})},"code")}},Mue=async(e,n,t)=>{try{return await Me.requestPostCard({token:t}),e==null||e(),"postalCodeRequested"}catch(i){return ls(i,n)}},Tue=({fetchProfile:e,initialStep:n="verification-methods",onSubmit:t,status:i,token:r})=>{const[a,s]=v.useState(null),o=gue(()=>{console.log("handleContactUs")},i==null?void 0:i.verification_methods),u=vue(),f=[kue(c=>Sue(c,s,r)),xue(c=>Cue(c,t,s,r)),lue(c=>Eue(c,t,s,r)),pue(()=>Mue(e,s,r)),o,u];return m.jsx(ud,{id:"verification_wizard",steps:f,onStepChange:()=>s(null),excludedSteps:[o.id,u.id],initialStep:n,formError:a,formFieldMap:{...aue,...E4},formWrapper:c=>m.jsx(C4,{progressBar:{currentStep:4,steps:4},children:c})})},Fue={status:{address_valid:!0,business_profile_ids:[],core_block_reason:null,core_block_until:null,details_changed:"undecided",email:"nazim.shala+rebuild22@nebenan.de",has_business:!1,has_organization:!1,hash_id:"cbdf3d61ac041f28dc6491b52e1633b4",hood_active_users_count:"1347",hood_group_ids:[],hood_group_ids_with_pending_membership_request:[],id:143613,is_address_verified:!1,is_allowed_invite:!1,is_banned:!1,is_document_verification_pending:!1,is_email_verified:!1,is_hood_open:!0,is_hood_suggested:!1,is_hood_suggestion_available_from_user:!1,is_postcard_verification_allowed:!0,is_postcard_verification_pending:!1,is_read_only:!1,is_sofort_ident_allowed:!1,is_verification_pending:!1,is_verification_requested:!1,moderator_at_hood_group_ids:[],muted_hood_message_ids:[],muted_user_ids:[],new_messages_count:0,new_notifications_count:0,organization_profile_ids:[],popular_tags:[{context:"potentials_sharing",count:1,name:"Grill"}],require_relogin:!1,strange_fields:[],trust_level:0,verification_methods:{gps:{enabled:!0,order_nr:1,status:0},postcard:{enabled:!0,order_nr:2,status:0},sms:{enabled:!0,order_nr:0,status:0},sofort_ident:{enabled:!1,order_nr:null}}}},Pue="_root_1m2y9_141",Aue="_body_1m2y9_155",Vu={root:Pue,body:Aue},Lue=()=>m.jsx(P.Card,{className:Vu.root,borderRadius:!0,responsive:!0,children:m.jsxs(P.CardBody,{className:Vu.body,children:[m.jsx(P.Sticker,{size:"small",icon:"checkmark",color:"green"}),m.jsx(P.Typography,{className:Vu.title,type:"h3",children:"E-mail wurde gesendet"})]})}),Rue="_root_ws2sm_141",zue="_root__description_ws2sm_153",$ue="_root__body_ws2sm_160",Bue="_root__email_ws2sm_172",Iue="_root__footer_ws2sm_180",Nue="_root__footer__text_ws2sm_188",Due="_root__header_ws2sm_192",Oue="_root__header__headline_ws2sm_201",jue="_root__header__sticker_ws2sm_204",Ft={root:Rue,root__description:zue,root__body:$ue,root__email:Bue,root__footer:Iue,root__footer__text:Nue,root__header:Due,root__header__headline:Oue,root__header__sticker:jue},Hue=e=>vm().get(e),Vue=({showSuccessTimer:e=1e3})=>{const[n,t]=v.useState(!0),i=No("userEmail",!0,""),r=Hue(i);v.useEffect(()=>{if(!n)return;const s=setTimeout(()=>{t(!1)},e);return()=>clearTimeout(s)},[n,e]);const a=()=>{(async()=>(t(!0),await Me.resendConfirmationEmail({email:r})))()};return m.jsx(m.Fragment,{children:n?m.jsx(Lue,{}):m.jsx(P.Card,{className:Ft.root,withoutPadding:!0,borderRadius:!0,responsive:!0,children:m.jsxs(P.CardBody,{className:Ft.root__body,children:[m.jsxs("div",{className:Ft.root__header,children:[m.jsx(P.Sticker,{className:Ft.root__header__sticker,size:"small",icon:"envelope",color:"green"}),m.jsx(P.Typography,{as:"h2",type:"h2",className:Ft.root__header__headline,children:"Überprüfe dein Postfach"})]}),m.jsx(P.Typography,{"aria-live":"polite",as:"p",type:"body-regular",className:Ft.root__description,children:"Öffne dein E-Mail-Postfach und klicke auf den Link, den wir an diese E-Mail-Adresse gesendet haben:"}),m.jsx(P.Typography,{as:"p",type:"body-semibold",className:Ft.root__email,children:r}),m.jsxs("footer",{className:Ft.root__footer,children:[m.jsxs(P.Typography,{as:"p",type:"body-regular",className:Ft.root__footer__text,children:["Die E-Mail ist nicht angekommen? ",m.jsx("br",{})," Spam-Ordner gecheckt?"]}),m.jsx(P.TextButton,{color:"blue",size:"medium",text:"E-Mail erneut senden",onClick:a})]})]})})})},Wue=({fetchProfile:e,initialForm:n=Jt.REGISTRATION_FORM,initialFormStep:t,onRegistrationSubmit:i,onVerificationSubmit:r,registrationToken:a,status:s=Fue.status})=>{const[l,o]=v.useState(n),[u,f]=v.useState(t),c=No("token",!0,"")||a,d=No("email_confirmation_required",!0,!1),[h,g]=oo(c),[k,_]=oo(d);v.useEffect(()=>{if(k)return o(Jt.EMAIL_CONFIRMATION);h&&o(Jt.VERIFICATION_FORM)},[h,k]);const w=({access_token:x,email_confirmation_required:M})=>{M&&o(Jt.EMAIL_CONFIRMATION),x&&g(x),_(M),i==null||i({access_token:x,email_confirmation_required:M}),f("")},y=x=>{r==null||r(x)};return m.jsxs(m.Fragment,{children:[l===Jt.EMAIL_CONFIRMATION&&m.jsx(Vue,{}),l===Jt.REGISTRATION_FORM&&m.jsx(Rle,{onSubmit:w,initialStep:u}),l===Jt.VERIFICATION_FORM&&m.jsx(Tue,{status:s,onSubmit:y,fetchProfile:e,token:h,initialStep:t})]})},Gue="_root_117wk_141",que="_root__title_117wk_150",Uue="_root__moreMenu_117wk_153",Zue="_root__subtitle_117wk_158",Kue="_root__helpersCluster_117wk_162",Yue="_root__heartBubbleContainer_117wk_165",Xue="_messageContainer_117wk_180",Jue="_messageContainer__message_117wk_193",Que="_messageContainer__author_117wk_197",efe="_messageContainer__quotationLeft_117wk_200",nfe="_messageContainer__quotationRight_117wk_205",qn={root:Gue,root__title:que,root__moreMenu:Uue,root__subtitle:Zue,root__helpersCluster:Kue,root__heartBubbleContainer:Yue,messageContainer:Xue,messageContainer__message:Jue,messageContainer__author:Que,messageContainer__quotationLeft:efe,messageContainer__quotationRight:nfe},tfe=6,ife=e=>({0:"Danke für eure Hilfe!",1:"Hilfe von nebenan!",2:"Danke für eure Hilfsbereitschaft!",3:"Eure Hilfsbereitschaft zählt!",4:"Hilfe gefunden!",5:"Wir helfen einander!"})[e],rfe=()=>"Schreibe einen kurzen Text, um deinen Nachbarn für ihre Hilfsbereitschaft zu danken.",afe=({authorFirstName:e,editMenuItems:n,helperUsers:t,message:i,onAvatarClick:r,onMoreClick:a,parentId:s})=>{const l=s%tfe,o=ife(l),[u,f]=v.useState(null),c=!!u,d=h=>{f(u?null:h.currentTarget)};return m.jsx(P.Card,{withoutPadding:!0,borderRadius:!0,className:qn.root,children:m.jsxs(P.CardBody,{withoutPadding:!0,children:[m.jsx("div",{className:qn.root__heartBubbleContainer,children:m.jsx(P.Icon,{size:"32",name:"bubble_heart_coloured"})}),m.jsx("div",{className:qn.root__moreMenu,children:n&&n.length&&m.jsxs(m.Fragment,{children:[m.jsx(P.IconButton,{icon:"more_dots",ariaLabel:"edit-thank-you",onClick:d}),m.jsx(P.Popup,{open:c,anchor:u,handleClickAway:()=>f(null),placement:"bottom-end",offset:{crossAxis:0,mainAxis:-32},children:m.jsx(P.DropdownCard,{onClose:()=>f(null),items:n,hasHeader:!0,headerProps:{text:"Scließen"}})})]})}),m.jsx(P.Typography,{type:"h3",className:qn.root__title,children:o}),m.jsxs(P.Typography,{type:"detail-medium",className:qn.root__subtitle,children:[e," hat Hilfe erhalten von:"]}),m.jsx("div",{className:qn.root__helpersCluster,children:m.jsx(P.UserAvatarCluster,{users:t,size:"medium",onAvatarClick:r,onMoreClick:a})}),m.jsxs("div",{className:qn.messageContainer,children:[m.jsx(P.Typography,{type:"detail-medium",className:qn.messageContainer__message,children:i||rfe()}),m.jsx(P.Typography,{type:"detail-bold",className:qn.messageContainer__author,children:e}),m.jsx("div",{className:qn.messageContainer__quotationLeft,children:m.jsx(P.Icon,{size:"32",name:"quotation_left_filled"})}),m.jsx("div",{className:qn.messageContainer__quotationRight,children:m.jsx(P.Icon,{size:"32",name:"quotation_right_filled"})})]})]})})};exports.AccordionMenu=V4;exports.AuthenticationForm=pw;exports.ChristmasGarland=ww;exports.ComparisonTable=Bw;exports.ComplaintModal=Fg;exports.ConfirmDialog=Q7;exports.ContentCreatorTrigger=tx;exports.DesktopLayout=lx;exports.DesktopNavbarSearchField=ux;exports.DesktopNavigationBar=gx;exports.DynamicForm=Gu;exports.EmojiPicker=bS;exports.EmojiSearch=wS;exports.FeedRouterProvider=YH;exports.Form=ld;exports.FormCheckboxInput=j5;exports.FormContentCreatorTile=_m;exports.FormInputFieldSpecial=H5;exports.FormPhoneInput=xm;exports.FormRadioButton=rw;exports.FormRadioButtonCluster=aw;exports.FormTextAreaInput=sw;exports.FormTextInput=ro;exports.FormToggleInput=ow;exports.Gallery=XV;exports.Grid=hm;exports.GridFeed=pV;exports.GridFeedAggregator=s3;exports.GridItem=dm;exports.HtmlContent=nW;exports.ImageAttachment=l3;exports.ImageCropper=fq;exports.ImageGalleryTrigger=mq;exports.LayoutLoadingSpinner=G3;exports.LinkAttachment=rm;exports.MainLayout=lU;exports.MarkdownRichText=Hre;exports.MarketplaceAggregatorCard=Lp;exports.MarketplaceDetailPage=iP;exports.MarketplaceItemCardless=sc;exports.MarketplaceMoreOptions=zp;exports.MenuLinkList=Gre;exports.MobileHeaderBar=Yre;exports.MobileLayout=U3;exports.ModalGallery=u3;exports.NPEAggregator=Nae;exports.PointOfInterest=Xae;exports.PostAuthor=$p;exports.PostInfo=Rp;exports.Profile=p4;exports.ProfileControls=use;exports.Quote=gse;exports.ReactionPill=x4;exports.ReactionSelection=yoe;exports.ReactionStack=S4;exports.ReactionTabList=zoe;exports.Registration=Wue;exports.ResponsiveModal=Xo;exports.ThankYouCard=afe;exports.Wizard=ud;
package/index.mjs CHANGED
@@ -72682,7 +72682,7 @@ var Rle = (
72682
72682
  }, n;
72683
72683
  }(Ad)
72684
72684
  );
72685
- const Nle = "_cardHeader_1k1p6_141", Dle = "_cardBody_1k1p6_152", Ole = "_tabsList_1k1p6_161", Hle = "_tab_1k1p6_161", Vle = "_selectedTab_1k1p6_199", Wle = "_tabPanel_1k1p6_208", jle = "_profile_1k1p6_220", hi = {
72685
+ const Nle = "_cardHeader_i8pti_141", Dle = "_cardBody_i8pti_154", Ole = "_tabsList_i8pti_163", Hle = "_tab_i8pti_163", Vle = "_selectedTab_i8pti_201", Wle = "_tabPanel_i8pti_210", jle = "_profile_i8pti_222", hi = {
72686
72686
  cardHeader: Nle,
72687
72687
  cardBody: Dle,
72688
72688
  tabsList: Ole,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@goodhood-web/nebenan-base",
3
- "version": "3.4.0-development.51",
3
+ "version": "3.4.0-development.52",
4
4
  "main": "./index.js",
5
5
  "types": "./index.d.ts",
6
6
  "repository": "https://github.com/good-hood-gmbh/goodhood-web",